/*
Author: Wibrante
URL: http://www.wibrante.com
*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.justify {
  text-align: justify;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml25 {
  margin-left: 25px;
}
.ml30 {
  margin-left: 30px;
}
.ml50 {
  margin-left: 50px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb50 {
  margin-bottom: 50px;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt50 {
  margin-top: 50px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr25 {
  margin-right: 25px;
}
.mr30 {
  margin-right: 30px;
}
.mr50 {
  margin-right: 50px;
}
body {
  font-family: "Lato", Arial, Sans-serif;
}
#bg-lp {
  background-image: url("/images/bg.jpg");
  background-size: cover;
}
#bg-vd {
  background-image: url("/images/bg.jpg");
  background-size: cover;
}
.top {
  background: rgba(4,24,44,0.55);
  padding: 15px 0px;
}
.top p {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 0px;
  -webkit-text-shadow: 2px 2px 1px #4f4f4f;
  -moz-text-shadow: 2px 2px 1px #4f4f4f;
  -ms-text-shadow: 2px 2px 1px #4f4f4f;
  -o-text-shadow: 2px 2px 1px #4f4f4f;
  text-shadow: 2px 2px 1px #4f4f4f;
}
.video-wrapper {
  margin-bottom: 25px;
  border: 8px solid transparent;
  -webkit-box-shadow: 0px 0px 2px 2px #6a6a6a;
  box-shadow: 0px 0px 2px 2px #6a6a6a;
}
.video-wrapper iframe {
  width: 100%;
}
.middle {
  padding: 30px 0px;
}
.middle p {
  margin-bottom: 0px;
  font-size: 24px;
  text-align: center;
  color: #000;
  font-weight: 700;
}
.middle img {
  max-width: 100%;
}
.bottom {
  padding: 20px 0px;
  background: rgba(4,24,44,0.55);
}
.bottom p {
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  -webkit-text-shadow: 1px 1px 1px #4f4f4f;
  -moz-text-shadow: 1px 1px 1px #4f4f4f;
  -ms-text-shadow: 1px 1px 1px #4f4f4f;
  -o-text-shadow: 1px 1px 1px #4f4f4f;
  text-shadow: 1px 1px 1px #4f4f4f;
}
.bottom p span {
  font-size: 28px;
  color: #fe0;
}
.bottom h2 {
  font-weight: 900;
  color: #000;
  text-align: center;
}
.bottom a {
  text-align: center;
}
.bottom img {
  max-width: 100%;
}
.bgmodaldw {
  background: rgba(0,0,0,0.7);
}
.bgmodaldw p {
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.bgmodaldw input {
  width: 70%;
  border: none;
  border-bottom: 2px solid #fff;
  color: #fff;
  background: none;
  font-size: 18px;
  padding: 12px 0px;
}
.bgmodaldw img {
  height: 60px;
}
.modaldw-content {
  border: none;
}
.modal-header {
  border: none;
}
.modal-footer {
  border: none;
}
.close {
  color: #fff;
}
#bg-vd2 {
  background-image: url("/images/bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 640px) {
  .top p {
    font-size: 20px;
  }
  .bottom p {
    font-size: 20px;
  }
  .bottom h2 {
    font-size: 20px;
  }
}
@media (max-width: 420px) {
  .video-wrapper iframe {
    height: 220px;
  }
  .bottom p {
    font-size: 18px;
  }
}