body { background-color:#000; color: #ccd0cb; font-family: 'sans-serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:400; }
.page-active .animated { animation-duration: 1s; animation-fill-mode: both; }
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.10, .10, .10);
  }
  50% {
    opacity: 1;
  }
}
.page-active .zoomIn {
  animation-name: zoomIn;
}
a { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; cursor:pointer; text-decoration:none; }
a:hover, a:focus, a:active { outline:none; text-decoration:none; }
::-moz-selection { color: #fff; background:#e43b2c; }
::selection { color: #fff; background:#e43b2c; }
.clearfix-10 { display:block; clear:both; height:10px; }
.clearfix-20 { display:block; clear:both; height:20px; }
.clearfix-30 { display:block; clear:both; height:30px; }
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground, .video-background iframe {
  pointer-events: none;
}
.newsletter { background:#000; background:rgba(0,0,0,0.8); border:1px solid rgba(255, 255, 255, 0.10); max-width:960px; padding:60px; margin:100px auto 50px auto; text-align:center; }
.newsletter__title { color: #ff0000; display:block; font-size: 52px; font-weight: bold; line-height:normal; margin:0px; padding:0px; text-align:center; }
.newsletter__subtitle { color: #fff; display:block; font-size: 34px; font-weight: normal; line-height:normal; margin:0px; padding:0px; }
.newsletter__block { background-color: rgba(0, 0, 0, 0.15); border:1px solid rgba(255, 255, 255, 0.10); display:block; padding:20px; }
.form-large { background:url(../img/email.png) right 16px no-repeat #fff; border: 3px solid #ccc; border-radius: 5px; color: #000; font-size: 16px; font-weight: bold; height:54px; padding: 10px 50px  10px 18px; }
.form-control:focus{ border-color:#42b0e2; outline:0; -webkit-box-shadow:none; box-shadow:none; }
.form-error, .form-error:focus { border:3px solid #f00; }
.form-control::-moz-placeholder { color:#767676; }
.form-control:-ms-input-placeholder { color:#767676; }
.form-control::-webkit-input-placeholder { color:#767676; }
.btn-subscribe { background:#e43b2c; border-radius:5px; color:#fff; display:block; font-size: 18px; font-weight: bold; padding: 13px; text-align:center; box-shadow: 0 2px 0 rgba(255, 255, 255, 0.2) inset; }
.btn-subscribe:focus, .btn-subscribe:hover, .btn-subscribe:active  { background:#cd291a; color:#ffffff; }
footer { color:#ccd0cb; display:block; text-align:center; font-size:16px; font-weight:bold; padding:0px 0px 50px 0px; text-shadow:0px 0px 5px #000; }
/* ========== Start Media ========== */
@media (min-width: 768px) and (max-width: 991px) {
.newsletter { padding:30px; margin:100px auto 50px auto; }
.newsletter__title { font-size: 42px; }
.newsletter__subtitle { font-size: 30px; }
.newsletter__block { padding:15px; }
}

@media (max-width: 767px) {
.clearfix-10 { height:7px; }
.clearfix-20 { height:14px; }
.clearfix-30 { height:21px; }
.newsletter { padding:15px; margin:30px auto 30px auto; }
.newsletter__title { font-size: 36px; }
.newsletter__subtitle { font-size: 26px; }
.newsletter__block { padding:15px; }
.form-large { font-size: 14px; }
.btn-subscribe { font-size: 16px; margin-top:10px; }
footer { font-size:14px; }
}
@media (max-width: 599px) {
.newsletter__title { font-size: 32px; }
.newsletter__subtitle { font-size: 22px; }
}
@media (max-width: 479px) {
.newsletter__title { font-size: 30px; }
.newsletter__subtitle { font-size: 20px; }
.form-large { font-size: 13px; }
.btn-subscribe { font-size: 14px; }
footer { font-size:13px; }
}
@media (max-width: 359px) {
.newsletter__title { font-size: 26px; }
.newsletter__subtitle { font-size: 18px; }
}