/* 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-weight: 700;
  padding-right: 10px;
}
/* line 56, ../sass/cs.scss */
#wrapper.cs .countdown-block .cd-wrap .count-text {
  font-size: 30px;
  font-size: 2.14286rem;
  color: #444d50;
  display: inline-block;
  font-weight: 700;
}
/* line 64, ../sass/cs.scss */
#wrapper.cs .countdown-block p {
  max-width: 400px;
  margin: 0 auto;
  font-style: italic;
  line-height: 26px;
}
/* line 74, ../sass/cs.scss */
#wrapper.cs .subscribe-box {
  max-width: 500px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto 107px;
}
/* line 79, ../sass/cs.scss */
#wrapper.cs .subscribe-box input {
  border-color: #b8c9d0;
  max-width: 340px;
}
/* line 84, ../sass/cs.scss */
#wrapper.cs .subscribe-box .notify-button-box {
  overflow: hidden;
}
/* line 87, ../sass/cs.scss */
#wrapper.cs .subscribe-box .notify-button-box .button--isi {
  background: #b8c9d0;
  padding: 12px 30px;
}
/* line 97, ../sass/cs.scss */
#wrapper.cs .video-box .youtube-iframe {
  min-height: 455px;
}
@media (max-width: 767px) {
  /* line 97, ../sass/cs.scss */
  #wrapper.cs .video-box .youtube-iframe {
    min-height: 255px;
  }
}
/* line 102, ../sass/cs.scss */
#wrapper.cs .video-box .youtube-iframe .clickMe {
  height: 455px;
}
@media (max-width: 767px) {
  /* line 102, ../sass/cs.scss */
  #wrapper.cs .video-box .youtube-iframe .clickMe {
    height: 255px;
  }
}
/* line 107, ../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 117, ../sass/cs.scss */
#wrapper.cs .video-box .youtube-iframe .iframe {
  height: 455px;
}
@media (max-width: 767px) {
  /* line 117, ../sass/cs.scss */
  #wrapper.cs .video-box .youtube-iframe .iframe {
    height: 255px;
  }
}
/* line 128, ../sass/cs.scss */
#wrapper.cs .contacts {
  padding-top: 72px;
  padding-bottom: 75px;
}
@media (max-width: 767px) {
  /* line 128, ../sass/cs.scss */
  #wrapper.cs .contacts {
    padding-top: 45px;
    padding-bottom: 50px;
  }
}
/* line 135, ../sass/cs.scss */
#wrapper.cs .contacts h2 {
  margin-bottom: 5px;
}
/* line 138, ../sass/cs.scss */
#wrapper.cs .contacts h6 {
  margin-bottom: 15px;
}
/* line 141, ../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 144, ../sass/cs.scss */
#wrapper.cs .contacts .button--isi {
  padding: 18px 50px;
}
@media (min-width: 768px) {
  /* line 147, ../sass/cs.scss */
  #wrapper.cs .contacts .contact-block {
    padding-top: 47px;
  }
}
/* line 151, ../sass/cs.scss */
#wrapper.cs .contacts .contact-block li {
  padding-bottom: 0;
  white-space: nowrap;
}
/* line 157, ../sass/cs.scss */
#wrapper.cs .avatar {
  border-radius: 50%;
  margin-bottom: 47px;
  margin-top: 26px;
}
/* line 161, ../sass/cs.scss */
#wrapper.cs .avatar + .author-box {
  margin-left: 15px;
  color: #9eaaae;
  font-size: 12px;
  font-size: 0.85714rem;
}
/* line 165, ../sass/cs.scss */
#wrapper.cs .avatar + .author-box a {
  font-size: 12px;
  font-size: 0.85714rem;
  font-weight: 700;
}
/* line 172, ../sass/cs.scss */
#wrapper.cs #contactform {
  overflow: hidden;
}
/* line 174, ../sass/cs.scss */
#wrapper.cs #contactform button span {
  color: #546266;
  font-weight: bold;
}
/* line 182, ../sass/cs.scss */
#wrapper.cs .footer-back {
  background: #dfebf0;
}
/* line 184, ../sass/cs.scss */
#wrapper.cs .footer-back .social-box {
  padding-right: 25px;
}
/* line 187, ../sass/cs.scss */
#wrapper.cs .footer-back > div {
  background: #dfebf0;
}
/* line 190, ../sass/cs.scss */
#wrapper.cs .footer-back .copyright {
  color: #b8c9d0;
}
/* line 194, ../sass/cs.scss */
#wrapper.cs .footer-back .social-box {
  display: inline-block;
  padding: 16px 0 0 0;
}
@media (min-width: 768px) {
  /* line 194, ../sass/cs.scss */
  #wrapper.cs .footer-back .social-box {
    float: right;
  }
}
/* line 200, ../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 214, ../sass/cs.scss */
#wrapper.cs .footer-back .social-box a:last-child {
  margin-right: 0;
}
/* line 217, ../sass/cs.scss */
#wrapper.cs .footer-back .social-box a:before {
  background: #fff;
}

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

/**/
/* line 233, ../sass/cs.scss */
.cs-group {
  max-width: 410px;
  margin: auto;
  text-align: center;
  margin-top: 115px;
}
/* line 238, ../sass/cs.scss */
.cs-group .button--isi {
  color: #444d50;
}
/* line 241, ../sass/cs.scss */
.cs-group .logo-mini {
  margin-bottom: 95px;
}
/* line 245, ../sass/cs.scss */
.cs-group .text-box h1 {
  margin-bottom: 12px;
}
/* line 248, ../sass/cs.scss */
.cs-group .text-box p {
  font-size: 18px;
  font-size: 1.28571rem;
  font-style: italic;
  margin-bottom: 20px;
}
/* line 254, ../sass/cs.scss */
.cs-group .social-box {
  padding-top: 40px;
  border-top: 4px solid #444d50;
  margin-bottom: 305px;
  display: inline-block;
}
/* line 259, ../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 273, ../sass/cs.scss */
.cs-group .social-box a:last-child {
  margin-right: 0;
}

/* line 282, ../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 294, ../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);
  }
}