.margin-vertical-10 { height:10px; width:100%; }
.margin-vertical-20 { height:20px; width:100%; }
.margin-vertical-30 { height:30px; width:100%; }
.margin-vertical-40 { height:40px; width:100%; }
.margin-vertical-50 { height:50px; width:100%; }
.margin-vertical-60 { height:60px; width:100%; }
.margin-vertical-70 { height:70px; width:100%; }
.margin-vertical-80 { height:80px; width:100%; }
.margin-vertical-90 { height:90px; width:100%; }
.margin-vertical-100 { height:100px; width:100%; }

@media (max-width: 768px) {
  .h1, h1 { font-size: 28px !important; }
  .h2, h2 { font-size: 24px !important; }
  .h3, h3 { font-size: 20px !important; }
  .h4, h4 { font-size: 16px !important; }
  .h5, h5 { font-size: 14px !important; }
  .h6, h6 { font-size: 12px !important; }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1000px !important;
  }
}

.top {
  background-image: linear-gradient(#0b133e, #354e89, #215dae);
  width: 100%;
  height: 19px;
  margin: auto;
  position: relative;
}

.navbar-default {
  background-color: black !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background-image: linear-gradient(#d4af37, #bfa332) !important;
  color: #FFFFFF !important;
  border-radius: 10px;
border-top: 5pt solid transparent !important;
}
.navbar-default .navbar-nav > li > a {
  border-radius: 10px;
  border-top: 5pt solid transparent;
  height: 30px;
  padding-top: 0px;
  margin-top: 10px;
  color: #d4af37 !important;
}
.navbar-default .navbar-nav > li > a:hover {
  /*background-image: linear-gradient(#d4af37, #bfa332) !important;*/
  /*color: #FFFFFF !important;*/
  /*border-top: 5pt solid #50c878 !important;*/
}

#footer-bg {
  background: #000 !important;
}

.menu-border {
  width: 100%;
  height: 5px;
  margin: auto;
  background: #d6d6d6;
  margin-top: 2px;
}

.menu {
  background-image: linear-gradient(#f4f2ed, #d3d3d3);
  width: 100%;
}

.banner {
  background-image: linear-gradient(#1d4f93, #38528d);
  width: 100%;
  height: auto;
  margin: auto;
  border-top: 2pt solid #000000;
}

.banner-border {
  background-image: linear-gradient(#f7f7f7, #bebebe);
  width: 100%;
  height: 6px;
  margin: auto;
  box-shadow: 0pt 0pt 1pt 1pt #666;
}

.login-top {
  background-image: url(../images/right-box-top.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  font-size: 18px;
  color: #fff;
  width: 100%;
  height: 85px;
  padding: 2rem;
  margin-bottom: -3px;
}

.login-middal {
  border-left: 2pt solid #50c878;
  border-right: 2pt solid #50c878;
  width: 100%;
}

.login-bottom {
  background-image: url(../images/right-box-bot.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  line-height: 80px;
  color: #fff;
  width: 100%;
  height: 59px;
}

.login-bottom a {
  color: #fff;
}

.login-bottom a:hover {
  color: #50c878;
  text-decoration: none;
}

.from-box, .from-pass {
  border: 1px solid rgba(0,0,0,0.2);
  margin: 8px 4px;
  height: 31px;
  width: 190px;
}

.text-add {
  background-image: url(../images/right-box-top.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  font-size: 18px;
  color: #fff;
  width: 100%;
  padding: 1rem;
  height: 68px;
}
.text-add-title a {
  color: #fff;
}

.text-add-title {
  background-image: linear-gradient(#d4af37, #bfa332);
  border-radius: 7px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #FFF;
  width: 100%;
  height: 27px;
}

.text-add-text {
  font-family: Verdana;
  font-size: 11px;
  text-align: center;
  line-height: 18px;
  font-weight: normal;
  color: #1E1E1E;
}

.side-menu-header {
  background-image: url("../images/member-menu.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  text-align: center;
  font-size: 18px;
  padding-top: 13px;
  padding-left: 25px;
  color: #fff;
  width: 100.6%;
  height: 69px;
}

.side-menu {
  float: left;
  height: auto;
  margin: 0px;
  padding-left: -15px;
  width: 100%;
}
.side-menu ul {
  float: left;
  margin: 6px 0 6px 6px;
  padding: 0;
}
.side-menu ul li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 3px 0 0;
  width: 100%;
}
.side-menu ul li a {
  background-image: linear-gradient(#000, #50c878);
  border-radius: 7px;
  color: #fff;
  float: left;
  font-family: Arial;
  font-size: 12px;
  height: 28px;
  line-height: 28px;
  padding-left: 10px;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
.side-menu ul li a:hover {
  background-image: linear-gradient(#50c878, #000);
  color: #d4af37;
}
.side-menu ul li .active {
  background-image: linear-gradient(#50c878, #000);
  color: #d4af37;
}

#footer-bg {
  background-image: url(../images/footer-bg.jpg);
  background-repeat: repeat-x;
}

.footer-link-text a {
  font-family: Verdana;
  font-size: 12px;
  color: #d4af37;
  padding-top: 4px;
  padding-bottom: 8px;
}
.foot-text {
  color: #d4af37;
}

ol li {
  margin-bottom: 10px;
}

.tblrows {
  height: 30px;
}

/* FAQ */
.custom-ul {
  list-style: none;
  padding-left: 0px;
}
.custom-ul .qu:before {
  content: "Q - " attr(data-task-owner);
  margin-right: 10px;
}
.custom-ul .qu {
  margin-bottom: 10px;
  font-weight: bold;
  cursor: pointer;
  padding: 10px 5px;
  background-color: #50c878;
  border-bottom: 1pt solid #FFF;
}
.custom-ul .qu:hover {
  background-color: #000;
  color: #fff;
}
.custom-ul .an:before {
  content: "Ans - " attr(data-task-owner);
  margin-right: 10px;
  font-weight: bold;
}
.custom-ul .an {
  margin-bottom: 10px;
  display: none;
  padding: 10px 5px;
  background-color: #50c878;
  text-align: justify;
}

.testimonial {
  border: 1pt dashed #F00;
  padding: 10px 5px;
}

.right-box-top {
  background-image: url(../images/right-box-top.jpg);
  background-repeat: no-repeat;
  height: 50px;
  background-size: 100%;
}

.right-box-top-inner {
  background-color: transparent;
  text-align: center;
  font-family: Verdana;
  font-size: 18px;
  color: #fff;
  margin: auto;
}

.right-box-bg {
  border-left: 2pt solid #50c878;
  border-right: 2pt solid #50c878;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 100%;
}

.right-2-title {
  background-image: linear-gradient(#d4af37, #bfa332);
  border-radius: 7px;
  width: 218px;
  height: 28px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  padding-top: 4px;
  background-position: center center;
  margin: auto;
  margin-bottom: 10px;
}

.right-box-bottom {
  background-image: url("../images/right-box-bot.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  text-align: center;
  padding-top: 22px;
  line-height: 39px;
  color: #fff;
  width: 100%;
  height: 59px;
}

.join-now-button {
 background-image: linear-gradient(#50c878, #3c763d);
  border-radius: 7px;
  text-align: center;
  font-family: Verdana;
  font-size: 13px;
  font-weight: bold;
  color: #FFF;
  margin-top: 6px;
  line-height: 27px;
  height: 27px;
  border: none;
}

.login-box-from-text-use-box,
.login-box-from-text-use-box-pass {
  width: 225px;
  border: 1px solid rgba(0,0,0,0.2);
  height: 31px;
}