/*---------video-container---------------*/

 }
 .video-container {
 position: absolute;
 height: 900px;
 width: 100%;

 }
 .bgvideo {
   position:relative;
   height: auto;
   z-index:-1;
   width: 100%;

 }

 /*------------------ h1 ------------------*/

.title{

      color: #000;
      z-index: 1;
      text-align: center;
      margin-right: auto;
      margin-left: auto;
      margin-top: 10%;
      border: 3px solid #ffffff
      padding: 10px;
      border-radius: 150px;
      width: 700px;
      letter-spacing: 3px;
      font-size: 25px;

}

 h1 {

      color: #000;
      z-index: 1;
      text-align: center;
      margin-right: auto;
      margin-left: auto;
      margin-top: 10%;
      border: 3px solid #ffffff
      padding: 10px;
      border-radius: 15px;
      width: 100px;
      letter-spacing: 3px;
      font-size: 25px;
}

/* navbar */
.navbar{
  padding-top: 40px;
  text-align: center;
  position: absolute;
	color: #031831; /* #005b7f */
	font-weight: 300;
  letter-spacing: m5;
	font-size: 20px;
  height: 65px;
  width: 100%;
}

.navbar-toggle {
  padding-top:10px;
  position: relative;
}

.nav-pills {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  border-radius:50px;

}

.nav-pills2{
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  border-radius:50px;
  	font-size: 50px;

}

.navbar-img {
display: inline-block;
margin-right: auto;
margin-left: auto;
}

.slow-spin {
-webkit-animation: fa-spin 5s infinite linear;
 animation: fa-spin 5s infinite linear;
}
#photos {
     /* Prevent vertical gaps */
     /* Prevent horizontal gaps */
}
#photos img {
    /* Just in case there are inline attributes */
    width: 70% !important;
    height: auto !important;

}

.photos{
      padding:inherit;
      float: left;
      display: inline-block;
      margin-right: auto;
      margin-left: auto;
      font-size: 50px;
  }
  .parentimage {
      width: 10px;
      height: auto;
      padding: 02%;
      -webkit-transition: all .6s ease-out;
      -moz-transition: all .6s ease-out;
      -o-transition: all .6s ease-out;
      transition: all .6s ease-out;
  }
  .parentimage:hover {
      -moz-transform: scale(2);
      -webkit-transform: scale(2);
      -o-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
}

}
.sidebar {
display:vertical;
text-align: center;

}

/* header block */
.app-graph {
  width: 150%;
  position: absolute;
  right: 0;
  bottom: -40px;
}
@media (min-width: 768px) {
  .app-graph {
    width: 100%;
    bottom: 0;
}
}

/*carousel*/
.carousel-inner img {
  margin: auto;

}

/* icons*/
.icons-block {
  background: #fff;
  text-align:center;
}
.icons-block .container {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: -5px;
  text-align:center;
}
.icons-block img {
  margin: 0 10px 10px;
  text-align:center;
}


/* red-block*/

.art-block{
  width: 100%;
  height: auto;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  }
.background-img {
  display: grid;
width: 100%;
height: 300%;
}

/* iphone block */
.app-iphone-block {
  padding-bottom: 60px;
  background-color: #2595FF;
}
@media (min-width: 768px) {
  .app-iphone-block {
    padding-bottom: 0;
  }
}

/* code block */
.app-code-block {
  background-color: #2595FF;
  overflow: hidden;
}
.app-code {
  color: #6EA4CF;
  border: #495158 1px solid;
  background: #ffbb33;
  font-size: 12px;
  padding: 20px;
  line-height: 1.55;
  margin-bottom: 30px;
}
.app-code span {
  color: #8496A5;
}
@media (min-width: 768px) {
  .app-code {
    width: 600px;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .app-code {
    padding: 50px;
    font-size: 15px;
  }
}


/* pull quote block */
.app-high-praise img {
  width: 100%;
}


/* top ribbon block */
.top-app-ribbon {
  background: #ffbb33;
}
.app-ribbon .container {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: -30px;
}
.app-ribbon img {
  margin: 0 10px 30px;
}

/* bottom ribbon block */
.bottom-app-ribbon {
  background: #2595FF;
}
.app-ribbon .container {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: -30px;
}
.app-ribbon img {
  margin: 0 10px 30px;
}

/* marketing grid block */
.app-block-marketing-grid .container {
  margin-bottom: -60px;
}
.app-marketing-grid .m-b {
  margin-bottom: 10px !important;
}
@media (max-width: 768px) {
  .app-marketing-grid .m-b-lg {
    margin-bottom: 40px !important;
  }
}


/* price plan block */
.app-price-plans {
  background-color: #F4F5F6;
}
.app-price-plans .container {
  margin-bottom: -60px;
}


/* general block overrrides */
@media (max-width: 768px) {
  .block .lead {
    line-height: 1.3;
  }
  .block h3 {
    line-height: 1.15;
  }
}

/* general inverse overrides */



.block block-inverse text-center {
color: #2595FF;
}

.block-inverse .text-center{
  color: #2595FF;
}

/* general btn overrides */
.btn-lg {
  font-size: 18px;
}
.block-secondary .btn-lg {
  width: 100%;
}
.btn-lg:not(.btn-block) {
  padding: 12px 50px;
}
@media (min-width: 768px) {
  .btn-lg:not(.btn-block) {
    width: auto;
  }
}


/* ie10+ */
@media (min-width: 768px) {
  .app-align-center {
    display: flex;
    align-items: center;
  }
}


/* footer block */
.app-footer {
  background-color: #262F36;
}
.app-footer a {
  color: #fff;
}

.app-footer {
  background-color: #000;
  height: 450;
  width: auto;
  font-weight:50;
  letter-spacing: .15em;
  text-align:center;

}

.app-footer img {
  margin: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align:center;
}