/* ===================================

   Defaulte Theme 

   -----------------------------------

   Colors:

   Blue #6294D6

  ------------------------------------

  ================================= */



html,

body {

  height: 100%;

  font-family: "Montserrat", sans-serif;

}



/* -------------------------------------

---------- CONTENT BOXES ---------------

------------------------------------- */



.content-box-lg {

  padding: 60px 120px 60px 120px;

}



/* --- Preloader --- */

#preloader {

  background: #fff;

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 9999;

}



#status {

  background-image: url("../imgs/Blocks-Blue.gif");

  background-repeat: no-repeat;

  width: 160px;

  height: 160px;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-top: -80px;

  margin-left: -80px;

}



body {

  padding-top: 3.6rem;

}



/* --- Navigation --- */

#brand-slogan {

  cursor: default;

  font-size: 18px !important;

  letter-spacing: 1.1px;

}



#brand-logo {

  font-weight: 600;

  color: #6294d6;

  letter-spacing: 1.1px;

}



#nav-menu {

  margin-right: 1rem;

}



.navbar-default .navbar-nav > li > a {

  letter-spacing: 1.1px;

  font-size: 18px;

}



header {

  background-color: #f8f8f8;

}



header ul {

  margin: 0;

}



header a,

header li {

  padding: 1.4rem 0;

  color: #777;

  font-weight: bold;

}



/* --- INTRO HEADER --- */

section#intro-header {

  height: 100vh;

  background-image: url("../imgs/hero-min.jpg");

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



section#intro-header .wrap-headline {

  position: relative;

  padding-top: 20%;

  padding-bottom: 20%;

}



section#intro-header h1,

section#intro-header h2 {

  color: #fff;

}



section#intro-header h2 {

  font-size: 1.5rem;

}



section#intro-header hr {

  width: 10%;

}



section#intro-header .btn-default {

  background-color: rgba(255, 255, 255, 0.5);

  border: none;

}



#brand-slogan {

  letter-spacing: 1.1px;

  font-size: 16px;

}



/* --- MOUSE ICON --- */

#mouse-icon {

  position: absolute;

  left: 50%;

  bottom: 50px;

  height: 50px;

  width: 50px;

  z-index: 1;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



/* Mouse icon animation */

#mouse-icon {

  -webkit-animation-duration: 1.5s;

  animation-duration: 1.5s;

}

/*

navbar navbar-default navbar-fixed-top > li.active > a {

  color: red;

}

*/

/* --- Projects --- */

#projects h2,

#projects p {

  color: #5e5e5e;

}



#projects h4 {

  color: #5e5e5e;

  font-size: 16px;

}



.projects-header {

  margin-bottom: 60px;

}



.pro-btn {

  background-color: #6294d6;

}



section#about img {

  margin-top: 6.5rem;

  margin-bottom: 5rem;

}



section#about h3 {

  margin-top: 10rem;

}



section#features {

  background-color: #eee2f5;

  border-top: 0.1rem solid #e9e9e9;

  border-bottom: 0.1rem solid #e9e9e9;

}



section#features * {

  color: #657c8e;

}



section#features .feature {

  padding-top: 2rem;

  padding-bottom: 4rem;

  text-align: center;

}



section#pricing h3.price-headline {

  margin-top: 5rem;

  margin-bottom: 3rem;

}



section#pricing .white-text {

  color: #fff;

}



section#pricing thead .success {

  background-color: #78cfbf;

}



section#pricing thead .info {

  background-color: #3ec6e0;

}



section#pricing thead .danger {

  background-color: #e3536c;

}



section#pricing tbody .success {

  background-color: #82daca;

}



section#pricing tbody .info {

  background-color: #53cfe9;

}



section#pricing tbody .danger {

  background-color: #eb6379;

}



/* --- Footer --- */



footer {

  background: #212226;

  padding: 30px;

}



footer p {

  color: #fff;

  line-height: 20px;

  margin: 0;

}



section#newsletter h4 {

  padding: 1em;

}



section#newsletter form {

  padding: 1em;

  margin-top: 2em;

  margin-bottom: 5.5em;

}



section#contact form {

  padding-top: 9rem;

  padding-bottom: 3rem;

}



.hidden-element {

  display: none;

}



section#team ul {

  margin: 5rem 0;

}



section#team li {

  margin: 0 5rem;

}



section#team h5 {

  font-size: 1.5rem;

  font-weight: bold;

}



section#pricing .center-block {

  width: 90%;

}



section#features .feature {

  padding-top: 2rem;

  padding-bottom: 4rem;

  text-align: center;

}



section#features .glyphicon {

  font-size: 2rem;

}



section#features .glyphicon-heart {

  color: #e04c4c;

}



section#features .feature-tag {

  max-width: 10.7em;

  display: inline-block;

  text-align: left;

  margin-left: 1.5em;

  font-size: 1.7rem;

}



nav .btn-group {

  margin: 0.8rem 2rem 0 0;

}



@media (max-width: 48em) {

  nav .btn-group {

    position: absolute;

    top: 0;

    right: 4em;

  }

}

#picOne {
  max-height: 196.88px;
}

#pic3 {
  max-height: 176.88px; 
  margin: 10px 0;
}

#pic5 {
  max-height: 176.88px; 
  margin: 10px 0;
}

#picTwo, #pic4, #pic6 {
  position:absolute;
  z-index: -10;
  opacity: 0;
  max-height: 196.88px; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; max-width: 100%; overflow: hidden; padding: 4px;

}

/* #project-one:hover img#picTwo{
  animation: fronte 1s linear forwards;
}

@keyframes fronte {
  from { z-index: -1; opacity: 0; }
  to { z-index: 5; opacity: 1; }
} */