/* 127 line of style.css */
.md-padding {
    /* padding-top: 120px;
    padding-bottom: 120px; */
    padding-top: 50px;
    padding-bottom: 50px;
}

/* customize header navbar and background img */

html, body{
  margin:0px; padding:0px;
}

 *, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
} 

  header{
  z-index: 2; 
  position:fixed; 
  width:100%; 
  height:60px; 
} 

#hero1{
  background:url(bg-img/background.jpeg);
  background-size:cover;
  background-position:center center;
  background-attachment:fixed;
}
.hero, .content{
  text-align:center; 
  position:relative;
  width: 100%;
}

.inner{
  min-height:600px;
  position: relative;
}

.hero .inner{
  background: rgba(0,0,0,0.7)repeat;
}
.copy{
  position:absolute; 
  top:50%; 
  height:10em; 
  margin-top:-5em; 
  width:100%;
}
/* end */


/* for iphone browser */
body.is-os section {
  background-attachment: initial !important;
  background-size: cover !important;
}


/* nav bar on mobile - logo padding -284 line of style.css*/
@media only screen and (max-width: 767px) {
  #nav.nav-transparent .navbar-brand .logo-alt {
      display: none !important;
  }
  #nav.nav-transparent .navbar-brand .logo {
      display: block !important;
      padding-left:10px;
  }


}
/*  */

/* header arrow btn  */
.indicator{
  position: relative;
  width:10px;
  height: 10px;
  transform: rotate(45deg);
  left: 50%;
  top: 70px;
}

@media only screen and (max-width:767px){
  .indicator{
    position: relative;
    width:10px;
    height: 10px;
    transform: rotate(45deg);
    left: 50%;
    top: 70px;
  }
}
.indicator span{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  box-sizing: border-box;
  border: none;
  border-right: 1px solid #6195FF;
  border-bottom: 1px solid #6195FF;
  animation: animate 1s linear infinite;
}
.indicator span:nth-child(1){
  top: -10px;
  left: -10px;
  animation-delay: 0s;
}
.indicator span:nth-child(2){
  top: -5px;
  left: -5px;
  animation-delay: 0.2s;
}
.indicator span:nth-child(3){
  top: 0px;
  left: 0px;
  animation-delay: 0.4s;
}
.indicator span:nth-child(4){
  top: 5px;
  left: 5px;
  animation-delay: 0.6s;
}
.indicator span:nth-child(5){
  top: 10px;
  left: 10px;
  animation-delay: 0.8s;
}

@keyframes animate{
  0%{
    border-color: #fff;
    transform: translate(0,0);
  }
  20%{
    border-color: #fff;
    transform: translate(6px,6px);
  }
  20.1%,100%{
    border-color: #6195FF;
  }
}
/* end- header arrow btn */

/*  */
.oldlogo{
  height: 200px;
  width: auto;
  margin-top: 62px;
    margin-bottom: 62px;
}


/* counter part */
.vcounter{
  /* width: 100px; */
  width: 100%;
  height: 25px;
  position: relative;
  /* z-index: 10; */
  /* align-content: center; */
  /* background-color: #6195FF; */
  text-align: center;
  color: #777;
  /* border-radius: 2px; */
  /* left: 10%; */
  /* margin-top: -25px; */
}
.vcounter span{
  text-align: center;
  font-size: 10px;
  /* color: #fff; */
}
#result{

 text-align: center;
 color: #6195FF;
 font-size: 10px;
}