.home a,
.home a:focus {
  text-decoration: none;
}
.clearfix {
  clear: both;
}
.no-padding {
  padding: 0 !important;
}
p {
  font-family: "BrandonText-Regular", Sans-Serif;
  line-height: 18px;
}

/*============== Header Start ============== */
body.home {
  color: #fff;
  background: url(../img/main-bg.png);
  position: relative;
  font-family: sans-serif, FuturaLT;
}
.header {
  background: url(../img/header.gif) center;
  height: 91px;
}

.main-wrapper {
  background: url(../img/main-bg.png);
}
.main-wrapper .container {
  width: 1300px;
  max-width: 100%;
  margin: 0 auto;
}
.main-wrapper h3 {
  font-size: 14px;
  text-align: center;
  background: #015294;
  font-weight: 700;
  font-family: Arial, sans-serif, FuturaLT;
  padding: 11px;
  margin: 0 0 10px;
}

.world-bg {
  background: url(../img/world-bg.png) no-repeat;
  /* max-width: 638px; */
  height: 668px;
  position: absolute;
  background-size: 100%;
  background-position: 9px 50px;
  width: 100%;
  z-index: 0;
}

.req-form .form-title {
  float: left;
  background: rgba(1, 104, 189, 1);
  background: -moz-linear-gradient(
    top,
    rgba(1, 104, 189, 1) 0%,
    rgba(1, 93, 173, 1) 44%,
    rgba(3, 91, 163, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, rgba(1, 104, 189, 1)),
    color-stop(44%, rgba(1, 93, 173, 1)),
    color-stop(100%, rgba(3, 91, 163, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(1, 104, 189, 1) 0%,
    rgba(1, 93, 173, 1) 44%,
    rgba(3, 91, 163, 1) 100%
  );
  text-align: center;
  background: -o-linear-gradient(
    top,
    rgba(1, 104, 189, 1) 0%,
    rgba(1, 93, 173, 1) 44%,
    rgba(3, 91, 163, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(1, 104, 189, 1) 0%,
    rgba(1, 93, 173, 1) 44%,
    rgba(3, 91, 163, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(1, 104, 189, 1) 0%,
    rgba(1, 93, 173, 1) 44%,
    rgba(3, 91, 163, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0168bd', endColorstr='#035ba3', GradientType=0 );
  font-size: 11px;
  padding: 4px;
  margin-bottom: 16px;
  border-bottom: 1px solid #6568cc;
}

.user-count {
  display: block;
}
.left-box {
  background: #013058;
  display: block;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 7px;
}

.left-box .volume-control {
  width: 90%;
  margin: 0 auto 10px;
}

.chat-user {
  text-align: center;
  padding-bottom: 10px;
}
.chat-user .user-list {
  margin: 0;
  padding-left: 10px;
  text-align: left;
  background: #fff;
  color: #000;
  width: 80%;
  margin: 0 auto;
  margin-top: 12px;
  display: inline-block;
}
.chat-user .user-list span {
  font-weight: 700;
}
.chat-user .user-list li {
  list-style: none;
}
.req-form {
  width: 90%;
  margin: 0 auto;
  height: 300px;
  background: #015398;
  margin-top: 3px;
  margin-bottom: 10px;
}
.req-form form {
  width: 92%;
  margin: 0 auto;
  font-size: 12px;
  text-align: center;
}

.req-form form input {
  width: 100%;
  margin: 1px 0px 7px;
  color: #000;
  border-radius: 6px;
}
.req-form form textarea {
  width: 100%;
  border-radius: 6px;
  resize: none;
  height: 61px;
}
.req-form form textarea,
.req-form form input {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9fcf7+0,f5f9f0+100;L+Green+3D */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #ffffff 0%,
    #e5e5e5 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #e5e5e5 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    #e5e5e5 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.req-form form input.subt {
  margin-top: 11px;
  padding: 7px 0 4px;
  text-indent: 0;
  font-weight: 600;
  font-size: 11px;
  width: 80%;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  color: #333;
  letter-spacing: normal;
  background: rgba(252, 234, 187, 1);
  background: -moz-linear-gradient(
    top,
    rgba(252, 234, 187, 1) 0%,
    rgba(248, 181, 0, 1) 50%,
    rgba(248, 181, 0, 1) 100%
  );
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, rgba(252, 234, 187, 1)),
    color-stop(50%, rgba(248, 181, 0, 1)),
    color-stop(100%, rgba(248, 181, 0, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(252, 234, 187, 1) 0%,
    rgba(248, 181, 0, 1) 50%,
    rgba(248, 181, 0, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(252, 234, 187, 1) 0%,
    rgba(248, 181, 0, 1) 50%,
    rgba(248, 181, 0, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(252, 234, 187, 1) 0%,
    rgba(248, 181, 0, 1) 50%,
    rgba(248, 181, 0, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(252, 234, 187, 1) 0%,
    rgba(248, 181, 0, 1) 50%,
    rgba(248, 181, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f8b500', GradientType=0 );
  border-radius: 6px;
}

.video-box {
  text-align: center;
  float: left;
  width: 100%;
  font-weight: 700;
  height: 500px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#014e8f+0,012543+100 */
  background: #014e8f; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #014e8f 0%,
    #012543 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #014e8f 0%,
    #012543 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #014e8f 0%,
    #012543 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014e8f', endColorstr='#012543',GradientType=0 ); /* IE6-9 */
  text-transform: capitalize;
}
.footer {
  background: url(../img/footer.gif) center;
  height: 29px;
  position: fixed;
  bottom: 0;
  width: 100%;
}

.main-container {
  max-width: 908px;
  margin: 0 auto;
  width: 100%;
}

.left-img {
  text-align: center;
}

.header-border {
  background: url(../img/h-border.png) center no-repeat;
  height: 80px;
  margin-top: 31px;
  margin-bottom: 23px;
  background-size: 100% auto;
}

.header-border h1 {
  color: #002b6b;
  font-size: 26px;
  padding-top: 39px;
  padding-left: 21px;
  font-weight: 700;
  margin-bottom: 0;
}

.header-border h1 span {
  color: #1982ac;
  font-size: 26px;
}
.header-border .slogon {
  color: #002b6b;
  font-weight: 600;
  padding-left: 23px;
}

.content-bg {
  float: left;
  margin-top: 23px;
  background: url(../img/content-bg.png) center no-repeat;
  min-height: 224px;
  width: 100%;
  background-size: 100% auto;
  background-color: #333;
  position: relative;
}
.content-bg-e {
  background: url(../img/content-bg-e.png) center no-repeat;
  background-size: 100% auto;
}
.content-bg .right-lists {
  padding-left: 43px;
}

.right-lists a.print-btn {
  display: flex;
  align-items: center;
  color: #fff;
}
.print-btn img {
  width: 50px;
}
.left-img img {
  max-width: 100%;
  margin-top: 28px;
  height: 220px;
  padding-bottom: 20px;
}

.right-lists .rc-title {
  padding-top: 20px;
  display: block;
  color: #fdac2d;
  font-weight: 700;
  padding-bottom: 9px;
}

.right-lists ul {
  padding: 0px;
}

.right-lists ul li {
  list-style: none;
  position: relative;
  padding-left: 18px;
  font-size: 12px;
}
.right-lists ul li:before {
  content: "";
  background: url(../img/bullet.png) center no-repeat;
  position: absolute;
  left: 0;
  top: 7px;
  height: 12px;
  width: 12px;
}

.right-lists ul li span {
  color: #fdac2d;
}

.footer-link {
  color: #333;
  float: left;
  margin: 27px auto 0;
  position: relative;
  padding-left: 67px;
  width: 100%;
  overflow: hidden;
}

.footer-link:before {
  content: "";
  background: url(../img/f-link.png) center no-repeat;
  position: absolute;
  left: 0;
  top: -12px;
  height: 54px;
  width: 62px;
}
.footer-link span {
  width: 100%;
  float: left;
  font-weight: 700;
  font-size: 16px;
  color: #01284a;
}

.footer-link a,
.footer-link a:hover {
  color: #01284a;
  float: left;
  width: 100%;
  font-size: 16px;
}

.footer-border {
  background: url(../img/f-border.png) center no-repeat;
  height: 80px;
  margin-top: 31px;
  margin-bottom: 23px;
  float: left;
  width: 100%;
  background-size: 100% auto;
}

.top-arrow {
  text-align: center;
  margin: 0 auto;
  display: block;
  margin-top: -22px;
  position: absolute;
  right: 0;
  left: 0;
  top: 1px;
}

.mid-counter {
  text-align: center;
}
.mid-counter span {
  font-size: 16px;
  display: block;
  max-width: 450px;
  margin: 67px auto 0;
  color: #333;
  border-radius: 5px;
  padding: 7px 10px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #ffffff 0%,
    #e5e5e5 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #e5e5e5 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    #e5e5e5 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.two-boxes .left-box {
  background: url(../img/left-bbg.png) no-repeat;
  min-height: 243px;
  max-width: 100%;
  width: 100%;
  float: left;
  background-color: #01284a;
}
.two-boxes .right-box {
  background: url(../img/right-bbg.png) no-repeat;
  max-width: 638px;
  height: 515px;
  width: 100%;
  background-size: 100% 100%;
  float: left;
  margin-top: 15px;
}
.two-boxes .left-box h3 {
  color: #fdac2d;
  padding: 19px 0 14px;
}
.avatar {
  padding: 5px 15px;
  width: 40%;
  float: left;
  text-align: center;
}

.avatar span {
  color: #fff;
  padding-top: 4px;
  display: block;
  font-size: 12px;
}

.avatar img {
  border-radius: 7px;
  border: 1px solid #eee;
}

.bullet-point {
  float: left;
  width: 60%;
  padding: 12px 5px;
}

.bullet-point ul {
  padding: 0;
}

.bullet-point ul li {
  color: #fff;
  list-style: none;
  font-size: 12px;
}

.bullet-point ul li span {
  color: #fdac2d;
}
.avator-intro {
  width: 100%;
  float: left;
  background-color: #fff;
  border: 3px solid #014d8d;
  margin-top: 10px;
  padding: 15px;
  opacity: 0.8;
  height: 276px;
  overflow-y: scroll;
}

.two-boxes .right-box .form-title {
  text-align: center;
  padding-top: 21px;
  color: #fff;
  font-size: 24px;
}

.two-boxes .right-box .form-title h2 {
  margin: 6px;
  color: #fdac2d;
  font-weight: 700;
  font-size: 33px;
}

.f-times {
  display: block;
  margin-top: 46px;
  text-align: center;
}

.f-times span {
  color: #fff;
  display: inline-block;
  width: 100%;
  font-size: 18px;
}

.f-times span.t-counter {
  background: #eee;
  width: 200px;
  color: #333;
  border: 1px solid #808080;
  border-radius: 8px;
  padding: 1px;
  margin-top: 3px;
}

.f-form,
.f-form2 {
  width: 82%;
  display: inline-block;
  margin: -1px 0px auto 10%;
  -webkit-box-shadow: -1px 7px 21px -11px rgba(0, 0, 0, 1);
  -moz-box-shadow: -1px 7px 21px -11px rgba(0, 0, 0, 1);
  box-shadow: -1px 7px 21px -11px rgba(0, 0, 0, 1);
  padding: 8px 8px;
}

.f-form span p {
  float: left;
  width: 50%;
  color: #fff;
  margin-bottom: 0px;
  margin-top: 5px;
  font-size: 18px;
}

.f-form span select {
  float: left;
  width: 50%;
  background: #eee;
  border-radius: 7px;
  padding: 5px;
}

.f-form span {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.f-form2 {
  text-align: center;
  box-shadow: none;
  margin-top: 0;
}

.f-form2 .f-title {
  color: #fdac2d;
  font-weight: 700;
  font-size: 18px;
}
.f-form2 input {
  width: 58%;
  margin: 2px 0;
  background: #eee;
  color: #333;
  border: 1px solid #808080;
  border-radius: 8px;
  padding: 5px;
  text-align: center;
}

.f-form2 input.submit-img {
  background: transparent;
  color: #fff;
  border: none;
  background: url(../img/form-submit.png) center no-repeat;
  width: 283px;
  height: 100px;
}

@media only screen and (max-width: 530px) {
  .content-bg-e {
    margin-top: 91px;
  }
  .f-times {
    margin-top: 62px;
  }
  .two-boxes .right-box {
    height: 491px;
  }
  .f-form2 input.submit-img {
    width: 190px;
    background-size: 100%;
    margin-top: -10px;
  }
  .f-form2 input {
    width: 100%;
  }
  .f-form span {
    margin-top: 4px;
  }
  .avatar {
    width: 100%;
  }
  .two-boxes .right-box .form-title {
    font-size: 15px;
  }
  .two-boxes .right-box .form-title h2 {
    font-size: 18px;
  }
  .f-form2 .f-title,
  .f-form span p {
    font-size: 14px;
  }
  .f-times {
    margin-top: 62px;
  }
}