/* begin chevron */
#return-to-top {
position: fixed;
left:48%;
bottom: 4%;
      width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #0c85c7;
    margin: 0;
    position: relative;
     top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
 }
#return-to-top:hover i {
    color: #005999;
    top: 5px;
}

/* End chevron*/

 body {
     overflow-x: hidden !important;

font-family: 'Helvetica', sans-serif;
      font: 400 15px;
      line-height: 1.8;
      color: #34495e;
    }
    h2 {
      font-size: 24px;
      text-transform: uppercase;
      color: #333;
      text-align: center;
      font-weight: 600;
      margin-bottom: 15px;
    }
    h4 {
      font-size: 19px;
      line-height: 1.375em;
      color: #34495e;
      font-weight: 400;
      margin-bottom: 15px;
    }


    .container-fluid {
      padding: 5% 5%;
    }


    .bg-grey {
      background-color: #f6f6f6;
       padding: 5% 5%;

    }

/* navigation */
      .navbar {
        margin-bottom: 0;
        background-color: #e74c3c;
        z-index: 9999;
        border: 0;
        font-size: 12px !important;
        line-height: 1.42857143 !important;
        letter-spacing: 3px;
        border-radius: 0;
font-family: "Raleway",sans-serif;




      }
      .navbar li a, .navbar .navbar-brand {
        color: #ecf0f1 !important;
      }
      .navbar-nav li a:hover, .navbar-nav li.active a {
        color: #34495e !important;
        background-color: #ecf0f1 !important;
      }
      .navbar-default .navbar-toggle {
        border-color: transparent;
        color: #ecf0f1 !important;
      }


/* end navigation */

  @media screen and (max-width: 768px) {
        .col-sm-4 {
          text-align: center;
          margin: 25px 0;
        }
        .btn-lg {
          width: 100%;
          margin-bottom: 35px;
        }
      }
      @media screen and (max-width: 480px) {
        .logo {
          font-size: 150px;
        }
      }

      }






}

#name {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2em;
          z-index: 9999;
        border: 0;
     color:black;
    font-family: "Helvetica", sans-serif;

}


.p{  font-family: 'Helvetica', sans-serif;


}
#landing{  font-family: 'Helvetica', sans-serif;


}

.demo{  font-family: 'Helvetica', sans-serif;






}

.contact{
      padding: 100px 25px;
      font-family: 'Helvetica', sans-serif;

}

.footer{  font-family: 'Helvetica', sans-serif;

 }
 .foot-link {
   color:#ccc!important;
 }
 a.foot-link:focus, a.foot-link:hover {
   color:#fff!important;
   text-decoration: none;
 }
 .text-primary {
   color:#076bff!important;
 }
 a.text-primary:focus, a.text-primary:hover {
   text-decoration: underline;
 }

/* hero banner start */
 .hero-image {
 background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
 height: 500px;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
}

.hero-text {
 text-align: left;
 position: absolute;
 top: 50%;
 left: 25%;
 transform: translate(-30%, -50%);
 color: white;
}

.hero-text button {
 border: none;
 outline: 0;
 display: inline-block;

 text-align: center;
 cursor: pointer;
}

.hero-text button:hover {
 background-color: blue;
 color: white;
}
/* end hero banner */


.modal-content {

font-family: 'Helvetica', sans-serif;
      font: 400 15px;
      line-height: 1.8;
      color: #34495e;
        position: relative;
top: 5em;
}

/* side navigation */
.sidenav {
  height: 90%;
  width: 0%;
  position: fixed;
  z-index: 3;
  top: 3em;
  left: 0;
  background-color: #343a40;
  opacity: 0.9;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;

}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 1.25em;
  color: #818181;
  display: block;
  transition: 0.3s;


}

.sidenav a:hover {
  color: #f1f1f1;

}

.sidenav .closebtn {
  position: absolute;
  top: .5em;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;

}
#sidemenu{
position: fixed;
top:6em;
left:1em;
z-index:5;

}
/* end side navi */


    .fa {
      padding: 5px;
      font-size: 15px;
      width: 25px;
      text-align: center;
      text-decoration: none;
      margin: 0px 2px;
      border-radius: 50%;
    }
    .fa:hover {
        opacity: 0.7;
        text-decoration: none;
        color: #fff;
    }

    .fa-facebook {
    background: #3B5998;
    color: white;
  }

  .fa-twitter {
    background: #55ACEE;
    color: white;
  }

  .fa-google {
    background: #dd4b39;
    color: white;
  }

  .fa-linkedin {
    background: #007bb5;
    color: white;
  }

  .fa-youtube {
    background: #bb0000;
    color: white;
  }

  .fa-instagram {
    background: #125688;
    color: white;
  }

  .fa-pinterest {
    background: #cb2027;
    color: white;
  }

  .fa-snapchat-ghost {
    background: #fffc00;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  }

  .fa-skype {
    background: #00aff0;
    color: white;
  }

  .fa-android {
    background: #a4c639;
    color: white;
  }

  .fa-dribbble {
    background: #ea4c89;
    color: white;
  }

  .fa-vimeo {
    background: #45bbff;
    color: white;
  }

  .fa-tumblr {
    background: #2c4762;
    color: white;
  }

  .fa-vine {
    background: #00b489;
    color: white;
  }

  .fa-foursquare {
    background: #45bbff;
    color: white;
  }

  .fa-stumbleupon {
    background: #eb4924;
    color: white;
  }

  .fa-flickr {
    background: #f40083;
    color: white;
  }

  .fa-yahoo {
    background: #430297;
    color: white;
  }

  .fa-soundcloud {
    background: #ff5500;
    color: white;
  }

  .fa-reddit {
    background: #ff5700;
    color: white;
  }

  .fa-rss {
    background: #ff6600;
    color: white;
  }

.tab { margin-left: 40px; margin-bottom: 0px; }