body{
    font-family: 'Roboto', sans-serif;
    margin: 0; padding: 0
}

h3{
    font-weight: 200;
}

#landing-page{
    width: 100%;
    min-height: 90vh;
    margin: 0px;
    color: #fff
}

#features{
    min-height: 90vh;
    background: url(../img/bg.jpg) no-repeat;
    background-size: cover;
}

#sub-footer{
    min-height: 90vh;
    background: url(../img/bg-blue.jpg) no-repeat;
    background-size: cover;
}

#sub-footer .btn{padding: 10px 35px; background-color: #fe871b; border: solid thin #fff;}

#sub-footer .form-control{height: 50px;}

.verve-icon{position: relative; top: -16px}

.download, .copyright{margin-top: 4vh;}
.download img{opacity: 0.4 } .download img:hover{opacity: 1.0}
.copyright{font-weight: 200; font-size: 0.9em}

#features h1{font-weight: 200}
#features h4{font-weight: 400; line-height: 28px; text-align: justify}

.features-tabs{
    margin-top: 5vh;
}

.clear-top{padding-top: 10vh;}

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

.center{text-align: center}

#sub-footer .container{
    padding-top: 10vh;
    color: #fff
}

#sub-footer h1{font-weight: 200}

.btn-dyn{padding: 10px 35px; border: solid 2px}
.btn-dyn:hover{background-color: #000; border: solid 2px #31363a; color: #fff}

.fa-2x{padding-top: 10px}

.navbar-default{background-color: #fff;}

.nav-features{font-size: 0;}
.nav-features li{display: inline-block; font-size: 14px;}
.nav-features li a{
    padding: 18px 45px; border-top: solid 2px #225378; border-bottom: solid 2px #225378; color: #225378;
    border-left: solid 2px #225378;
}
.nav-features li:first-child a{border-radius: 7px 0 0 7px;}
.nav-features li:last-child a{border-radius: 0 7px 7px 0; border-right: solid 2px #225378;}

.nav>li>a:active{background-color: #225378; color: #fff}

.nav-features>li.active>a, .nav-features>li.active>a:focus, .nav-features>li.active>a:hover{
    background-color: #225378;
    color: #fff;
}

.ask{color: #d57503;}
.send{color: #047f8d;}
.checkout{color: #363838;}

.orange{color: darkorange}

.about-zone{
    padding-top: 20%;
}

.phone-img{
    position: relative;
    right: 0;
    top: 5%;
}

.btn-zone{
    color: #fff;
    background: transparent;
    border: solid thin #fff;
}

.btn-zone:hover{
    color: darkorange;
    border: solid thin darkorange;
}

a.butn{background-color: darkorange; font-weight: bold; color: #fff}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/* Large Screens */
@media screen and (min-width: 768px){
    body{ padding-top: 10vh; }
    .navbar-default{ min-height: 10vh; }
}

/* Small Screens */
@media screen and (max-width: 768px){
    .navbar-default{ min-height: 15vh; }
    #landing-page{ padding-bottom: 20px; }
}

.hidden{
     opacity:0;
}
.visible{
     opacity:1;
}

.post, .post1, .post3{
 animation-duration: 2s;
}
.post4{
    animation-duration: 2s;
    animation-delay: 4s;
}
.post2{
    animation-delay: 1s;
    animation-duration: 1s;
}
.btn{
    animation-duration: 2s;
    animation-delay: 3s;
    animation-iteration-count: infinite;
}