/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");
body {
  background: #7d31ff;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  overflow-x: hidden;
  color: #ffffff; }

/* Overrides */
.nospace {
  padding-left: 0;
  padding-right: 0; }

.nomargin {
  margin-left: -15px;
  margin-right: -15px; }

.clr {
  clear: left; }

.ninja {
  display: none; }

.uppercase {
  text-transform: uppercase; }

.cursor {
  cursor: pointer; }

.text-right {
  text-align: right; }

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

.text-upper {
  text-transform: uppercase; }

.fs16 {
  font-size: 16px; }

.fs13 {
  font-size: 13px; }

.text-bold {
  font-weight: bold; }

.text-red {
  color: red; }

.text-white {
  color: #ffffff; }

.text-bluelight {
  color: #b8f3fc; }

.text-orange {
  color: #ffffff; }

.text-blue {
  color: #1c7bd2; }

.text-pink {
  color: #b50256; }

.text-green {
  color: #34ac53; }

.inline-block {
  display: inline-block; }

.padding-tb-10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.padding-tb-20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.padding-tb-40 {
  padding-top: 40px;
  padding-bottom: 40px; }

.padding-tb-50 {
  padding-top: 50px;
  padding-bottom: 50px; }

.padding-tb-60 {
  padding-top: 50px;
  padding-bottom: 60px; }

.padding-tb-80 {
  padding-top: 80px;
  padding-bottom: 80px; }

.padding-tbl-20 {
  padding: 20px 0 20px 20px; }

.padding-tbr-20 {
  padding: 20px 20px 20px 0; }

.gap20 {
  height: 20px; }

.gap40 {
  height: 40px; }

.btn-login {
  background: url(../../images/verification2/btn-bg.png) top left no-repeat;
  background-size: 100% 100%;
  color: #ffffff;
  display: inline-block;
  padding: 8px 40px; }

.btn-login:hover, .btn-login:focus {
  color: #ffffff;
  background: url(../../images/verification2/btn-bg.png) top left no-repeat;
  background-size: 100% 100%; }

.highlight {
  background: #faf9dd; }

.gradient-line {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ff9326+50,000000+100 */
  background: #000000;
  /* Old browsers */
  background: -moz-linear-gradient(left, #000000 0%, #ff9326 50%, #000000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #000000 0%, #ff9326 50%, #000000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #000000 0%, #ff9326 50%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );
  /* IE6-9 */
  height: 5px; }

h1, h2, h3, h4, h5 {
  color: #ff0096; }

#countdown {
  color: #ff9326; }

/* Sections */
.navbar {
  background: #7d31ff;
  height: auto;
  min-height: auto;
  border-radius: 0;
  margin-bottom: 0;
  padding-bottom: 0; }

.nav > li > a {
  color: #ffffff; }

.nav > li > a:hover {
  background: none; }

.navbar-toggle {
  font-size: 20px;
  color: #ffffff; }

.navbar-brand {
  height: auto;
  padding-top: 20px;
  padding-bottom: 10px; }

.logo2 {
  padding-top: 10px; }

.top-img {
  float: left; }

.navbar .nav-form li {
  padding: 35px 5px 20px 5px; }

.navbar .nav-form li .form-control {
  max-width: 120px;
  display: inline-block; }

.navbar .nav-form li
section {
  min-height: 400px;
  padding-top: 40px;
  padding-bottom: 40px; }

/*SIDEBAR*/
.sidebar {
  background: #1a1a1a;
  padding: 10px;
  border-radius: 10px;
  border: 2px #242424 solid; }

.sidebar img {
  border-radius: 10px; }

.sidebar-head {
  background: url(../../images/verification2/bottom-highlight.png) 100% 100% no-repeat, #292929;
  color: #ffffff;
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 20px; }

.sidebar-head h3 {
  padding: 0;
  margin: 0;
  color: #ffffff;
  font-weight: bold;
  font-size: 21px; }

.sidebar-head h5 {
  padding: 0;
  margin: 0;
  color: #ffffff; }

.sidebar .stats {
  font-weight: 300;
  text-align: left;
  font-size: 14px; }

.stats {
  font-weight: 300;
  text-align: center;
  font-size: 16px; }

.sidebar-main-img {
  margin-bottom: 10px; }

.sidebar-thumb {
  list-style-type: none;
  padding: 0;
  margin: 0 0 10px 0; }

.sidebar-thumb li {
  width: calc(50% - 5px);
  padding: 5px 5px 0 0;
  display: inline-block; }

.contact-details {
  list-style-type: none;
  padding: 0;
  margin: 0 0 10px 0; }

.contact-details li {
  width: calc(50% - 10px);
  margin: 5px 5px 0 0;
  display: inline-block;
  font-size: 11px;
  border: 1px #2b7415 solid;
  color: #2b7415;
  padding: 5px 5px;
  text-align: center;
  border-radius: 6px;
  vertical-align: top; }

/*MID*/
.timewrap {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin-top: 10px; }

.arrowwrap {
  margin-top: 20px; }

.as-featured {
  text-align: center;
  background: #242424;
  height: 5px;
  margin: 40px 0 20px 0; }

.as-featured span {
  display: inline-block;
  padding: 10px 20px;
  background: #000000;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  top: -20px;
  color: #ff9326; }

.divider {
  background: #242424;
  height: 5px;
  margin-top: 20px;
  margin-bottom: 20px; }

.testimonialswrap h2 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px; }

.testimonialswrap .testibox {
  padding: 20px;
  border: 2px #242424 solid;
  background: #1a1a1a;
  border-radius: 6px;
  position: relative;
  margin-bottom: 20px; }

.testimonialswrap img {
  border-radius: 50px;
  border: 5px #5f5f5f solid;
  margin-bottom: 10px;
  margin-top: 10px; }

.testimonialswrap .author {
  color: #ff9326; }

/*RIGHT*/
.sidebar-right {
  background: #f2f2f2;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 20px; }

.sidebar-right h3 {
  text-align: center;
  font-size: 21px;
  font-weight: bold; }

ul.benefits {
  list-style-type: none;
  padding: 0;
  margin: 0; }

ul.benefits li {
  font-size: 16px;
  margin: 5px;
  vertical-align: top;
  background: url(../../images/verification2/check-orange.png) 0 0 no-repeat;
  padding: 0 0 10px 30px; }

.formwrap {
  border: 2px #242424 solid;
  background: #1a1a1a;
  border-radius: 10px;
  margin-bottom: 20px; }

.formwrap .form-header {
  background: url(../../images/verification2/form-bg-top.png) 0 0 no-repeat, url(../../images/verification2/form-bg-bot.png) 100% 100% no-repeat, #363c4b;
  color: #ffffff;
  border-radius: 8px 8px 0 0;
  padding: 10px 15px;
  margin-bottom: 20px;
  text-align: center; }

.formwrap .form-header h2 {
  font-weight: bold;
  font-size: 22px;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Open Sans Condensed', sans-serif; }

.formwrap .form-header h5 {
  color: #ffffff;
  font-size: 14px; }

.formwrap .form-body {
  padding: 5px 20px; }

.formwrap .checkbox {
  font-size: 13px; }

.btn-continue {
  background: url(../../images/verification2/btn-bg.png) top left no-repeat;
  background-size: 100% 100%;
  color: #ffffff;
  display: inline-block;
  padding: 15px 50px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold; }

.btn-continue:hover, .btn-continue:focus {
  color: #ffffff;
  background: url(../../images/verification2/btn-bg.png) top left no-repeat;
  background-size: 100% 100%; }

.btn-get {
  background: url(../../images/verification2/btn-bg.png) top left no-repeat;
  background-size: 100% 100%;
  color: #ffffff;
  display: inline-block;
  padding: 15px 30px;
  font-size: 25px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 20px auto; }

.btn-get:hover, .btn-get:focus {
  color: #ffffff;
  background: url(../../images/verification2/btn-bg.png) top left no-repeat;
  background-size: 100% 100%; }

iframe {
  overflow: hidden;
/*  height: 600px !important; */
}

@media screen and (max-width: 767px) {
  iframe {
 /*   height: 750px !important; */
  }
}

footer {
  background: #7d31ff;
  color: #ffffff;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 15px;
  margin-top: 20px; }

footer a {
  color: #ffffff; }

.mapwrap {
  position: relative;
  margin-bottom: 20px;
  border-radius: 10px; }

#map-canvas {
  margin: 10px 0 20px 0;
  padding: 0;
  height: 300px;
  float: left;
  width: 100%;
  border-radius: 10px;
  border: 2px #303445 solid; }

.blur-text {
  color: transparent;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none; }

#mapcontent {
  font-size: 16px;
  line-height: 24px;
  color: #ff9326; }

h2.linetop {
  position: relative;
  margin-top: 50px;
  margin-bottom: 30px; }

h2.linetop:before {
  content: "";
  height: 2px;
  background: #242424;
  width: 100px;
  display: block;
  text-align: center;
  margin: 10px auto; }

ul.members {
  list-style-type: none;
  padding: 0;
  margin: 0 0 20px 0; }

ul.members li img {
  border-radius: 10px;
  display: block;
  margin: 10px auto; }

ul.members li span {
  display: block; }

ul.members li {
  color: #ffffff;
  text-align: center; }

.map-marker {
  position: absolute;
  display: inline-block;
  top: 87px;
  left: 43%;
  cursor: pointer;
}
.map-marker .ping-marker {
  position: relative;
  z-index: 1;
}
.map-marker .circle-profile {
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  top: 5px;
  left: 5px;
} 
.mapwrap .popover {
  top: 75px !important;
}
.popover-content {
  color: #333333;
}
#mapimg3 {
  background: url('../../images/verification2/ping-back.png');
  background-repeat: no-repeat;
  padding: 6px;
  padding-bottom: 50px;
}

.blurry-text {
 color: transparent;
 text-shadow: 0 0 9px rgba(0,0,0,0.4);
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px; } }

@media (max-width: 767px) {
  .logo2 {
    display: none; }
  .top-img {
    width: 90px; }
  .navbar-brand {
    padding-top: 15px; }
  .navbar-brand img {
    max-width: 190px; }
  .navbar .nav-form li {
    padding: 5px 20px; }
  .navbar .nav-form li .form-control {
    max-width: 100%;
    display: block; }
  .navbar .nav-form li {
    text-align: center; }
  .section-1 h1 {
    font-size: 28px; }
  .arrow {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; }
  .arrowwrap {
    margin-bottom: 20px; }
  ul.members li {
    width: calc((100% / 3) - 5px);
    display: inline-block; } }

@media (min-width: 768px) and (max-width: 991px) {
  .logo2 {
    display: none; }
  .navbar .nav-form li .form-control {
    max-width: 100px;
    display: inline-block; }
  .section-1 h1 {
    font-size: 30px; }
  .btn-continue {
    font-size: 15px; }
  .arrow {
    max-width: 100%;
    height: auto; }
  .logo1 img {
    width: 230px; }
  .top-img {
    width: 100px; }
  .navbar .nav-form li {
    padding: 26px 5px 0 5px; }
  .testibox {
    min-height: 324px; }
  ul.benefits li {
    width: calc((100% / 2) - 15px);
    display: inline-block; }
  ul.members li {
    width: calc((100% / 5) - 5px);
    display: inline-block; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .section-1 h1 {
    font-size: 20px; }
  .btn-continue {
    font-size: 18px;
    padding: 15px 30px; }
  .arrow {
    max-width: 100%;
    height: auto; }
  .logo1 img {
    width: 300px; }
  .testibox {
    min-height: 324px; }
  ul.benefits li {
    width: calc((100% / 3) - 15px);
    display: inline-block; }
  ul.members li {
    width: calc((100% / 5) - 5px);
    display: inline-block; } }

@media (min-width: 1200px) {
  .testibox {
    min-height: 284px; }
  .section-1 h1 {
    font-size: 28px; }
  ul.benefits li {
    width: calc((100% / 3) - 15px);
    display: inline-block; }
  ul.members li {
    width: calc((100% / 5) - 5px);
    display: inline-block; } }