/* -------- General styles ---------  */
* {
  font-family: "Montserrat", sans-serif !important;
  box-sizing: border-box;
}

.safari {
  object-fit: contain;
}


h1{
  color:#4eb8ff;
}

.item_value {
  color:#4eb8ff;
}

.divider{
	background-image: url('../img/divider-pattern.png');
	background-repeat: repeat-x;;
	height: 4px;
	width: 100%;
}


/* -------- Top navbar styles ---------  */


/* -------- Carousel styles ---------  */

.wallpaper {
  width:100%;
}
.active-item {
  max-height: calc(100vh - 40px) ;
  position: relative;
}

.banner-text-contaniner {
  background: rgba(82, 82, 82, 0.8);
  position: absolute;
  bottom: 20%;
  padding: 4rem;
  width:100%;
}

.banner-text-contaniner .title {
  text-transform: uppercase;
}

.brand {
  font-weight: 600 !important;
  color: #4eb8ff !important;
}

.subtitle {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 500;
  color:#4eb8ff;
}





/* -------- Page styles ---------  */

.brand {
  padding: 0 !important;
  margin: 0 !important;
}
.logo {
  box-sizing:border-box;
  /* border-radius:50%; */
  padding:5px;
  width:140px;
  /* background:white; */
}

.logo_text {
  color:white;
  text-transform: uppercase;
}

.lead {
  font-weight: 400;
}

#heading, #screenshots, #features, #download,#gallery{
	text-align: center;
	padding:25px 0;
}

#about div.row{
	padding:50px 0;
}

#screenshots h1{
	padding-bottom: 30px; 
}


/* gallery */
.lSSlideOuter .lSPager.lSGallery{
  max-height: 75px;
  /* display: flex; */
  /* justify-content:center; */
  /* width: 100% !important; */
  /* align-items: flex-start; */
  margin: 5px auto !important;
}
.lSSlideOuter .lSPager.lSGallery img{ 
  /* height: 100% !important; */
  object-fit: contain;
}


/* -------- Footer styles ---------  */

.contact_item_container {
  display: flex; 
  justify-content: space-around;

}
.span12>p {
  text-align: end;
}

.contact_item {
  font-size: 1.3rem;
}

.contact_item .item_title {
  font-weight: 600;
  margin-right: 1rem;
}

footer{
	background-color: #1b1b1b;
	color: #999999;
  padding-top:25px ;
}

.copyright {
  width: 100%;
  padding: 0 1rem;
  text-align: right;
}

.copyright> p {
  margin: 0;
  padding-bottom: 1rem;
}
footer .span12{
	text-align: center;
}

#social li a{
	background-image: url(../img/social-media-icons.png);
	background-repeat: no-repeat;
	display: block;
	height: 32px;
	width: 32px;
}

#social li a.facebook-icon{
	background-position: 0px 0px;
}

#social li a:hover.facebook-icon{
	background-position: 0px -32px;
}

#social li a.twitter-icon{
	background-position: -32px 0px;
}

#social li a:hover.twitter-icon{
	background-position: -32px -32px;
}

#social li a.google-icon{
	background-position: -64px 0px;
}

#social li a:hover.google-icon{
	background-position: -64px -32px;
}



/* ------------------------------- */
/* features */
/* ------------------------------- */
.features {
  background: white;
  font-family: "Montserrat", sans-serif;
}
.display-1 {
  text-transform: uppercase;
  margin-bottom:2rem ;
}

.features_img {
  width: 50%;
  border: 4px solid #4eb8ff;
  border-radius: 20px;
  padding: 5px;
  margin-bottom: 1rem;
}

.features_title {
  font-size: 1.8rem;
  text-align: center;
  margin: 1.4rem 0rem;
  font-weight: 600;
  line-height: 2rem;
}

.features_desc {
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.5rem;
}

.features_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1200px;
  width: 89%;
  margin: 0 auto;
}

.features_item {
  width: 24%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 4rem;
}

@media screen and (max-width: 900px) {
  .features_item {
      width: 48%;

  }

  .contact-infos [class*="contact-"] {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
  }

  .lead {
      text-align: justify !important;
  }
}

@media screen and (max-width: 600px) {
  .banner-text-contaniner .title {
    margin-bottom: 0;
  }
  .display-1 {
    font-size: 2rem;
  }
  .features_item {
      width: 100% !important;
  }

  .features_img {
      width: 25% !important;

  }

  .features_title {
      font-size: 2.0rem;

  }

  .features_desc {
      font-size: 1.6rem;
  }

}

.span4 {
  width: 30%;
}

.span8 {
  width: 60%;
}

footer .span6 {
  width: 100%;
  text-align: center;

}

.contacts {
  margin: 0 auto !important;
}


/* brochure */

.more-info {
  padding: 10px;
}

.more_img {
  width: 30%;
  border: 1px solid gray;
  margin-right: 2rem;
}

.more_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.more_text_cont {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.more_text {
  font-size: 2rem;
  font-weight: 600;
  color: #4eb8ff;
  margin-bottom: 4rem;
  line-height: 2.5rem;
  text-align: center;
}

.more_btn {
  font-size: 2rem;
  color: white;
  background: #4eb8ff;
  padding: 1rem 1rem;
  border-radius: 25px;
  transition: all ease 0.3s;
}

.more_btn:hover {
  text-decoration: none;
  color:white;
  background-color: #1293e9;
  transform: scale(1.1);
}

.more-title {
  display: none;
}

 /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {
      

      .more_text_cont {
        align-items: center;
      }

      body {
        padding-top: 60px;
      }

      .nav-link {
        text-align: center;
      }
      .container.navbar-wrapper {
        margin-bottom: 0;
        width: auto;
      }
      #about div.row {
        padding:0;
      }
      
      .span4 {
        width: 100%;
        margin-bottom: 20px;
      }
      
      .lead {
        text-align: justify;
      }
      .span8 {
        width: 100%;
      }

      #heading, #screenshots, #features, #download, #gallery {
        padding: 10px;
      }

      .features_item {
        width: 45%;
      }

      .features_img {
        width: 50%;
      }

      .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
		padding-top: 15px;
	}

      .navbar-inner {
        border-radius: 0;
        margin: -20px 0;
      }

      .carousel .item {
        height: 500px;
      }
      .carousel img {

        height: 500px;
      }

      footer {
      	margin-left: -20px;
		margin-right: -20px;
      }

      footer .container{
      	margin-left: 10px;
		margin-right: 10px;
      }
    
    }


    @media (max-width: 767px) {
      .more_text_cont>.more_text {
        display: none;
      }

      .more-title {
        margin-bottom: 1rem;
        display: block;
        font-weight: 700;
      font-size: 38.5px;
      }
      
      .more_container {
        flex-direction: column;
      }

      .more_img {
        margin-right: 0;
        margin-bottom: 1rem;
      }

      .more_text_cont {
        align-items: center;
      }

      .subtitle {
        font-size: 1.6rem;
        line-height: 2rem;
      }


      .contact_item_container {
        flex-direction: column;
      }
      .banner-text-contaniner {
        bottom: 0;
        padding: 1rem;
      }

      .banner-text-contaniner .title {
        font-size: 1.2rem;
      }

    	.navbar .brand{
			/* font-family: 'Merienda', cursive; */
			font-size: 24px; 
		}

    	.carousel {
			margin-left: -20px;
			margin-right: -20px;
		}

      .carousel .item {
        height: 300px;
      }
      .carousel img {
        height: 300px;
      }
      .carousel-caption {
        width: 65%;
        padding: 0 100px;
        top: 50px;
      }
      .carousel-caption h1 {
        font-size: 30px;
      }
      .carousel-caption .lead,
      .carousel-caption .btn {
        font-size: 16px;
      }

      #screenshots .span2{
      	padding-bottom: 10px;
      }
      .logo {
        margin-left: 1rem;
      }

      .features_desc {
        text-align: center;
      }

    }

    @media (max-width: 480px) {

      .more_text_cont {
        width: 100%;
        justify-content: center;
      }

      .more_btn {
        width :100%;
        text-align: center;
        font-size: 1.6rem;
      }

      .more_img {
        width: 80%;
      }


      .display-1 {
        margin-bottom: 1rem;
      }


      .features_container {
        width: 100%;
      }

      .features_item {
        margin-bottom: 1rem;
      }
      
      .banner-text-contaniner .title{
        font-size: 1rem;
      }
      .display-1 {
        font-size: 1.4rem;
      }

      .features_title {
        font-size: 1.4rem;
        margin: 1rem 0;
      }


      .contact_item {
        font-size: 1rem;
        display: flex;
        flex-direction: column;
    }

      .features_desc {
        font-size: 1.2rem;
        text-align: center;
    }

      .contact_item_container {
        display: flex; 
        justify-content: space-around;
        flex-direction: column;
      
      }

    .carousel .item {
        height: 300px;
      }
      .carousel img {
        height: 300px;
      }
      .carousel-caption {
        width: 55%;
        padding: 0 100px;
        position: absolute;
        top: 50px;
      }
      .carousel-caption h1 {
        font-size: 20px;
      }
      .carousel-caption .lead,
      .carousel-caption .btn {
        font-size: 14px;
      }


      .inline li{
      	padding-bottom: 10px;
      }

      .form-inline button{
      	margin-top: 10px;
      }
    }