/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

/*GENERAL*/

.space-top{
  margin-top: 70px;
}

.white {
  color: #fff !important;
}

.black{
  color: #000 !important;
}

.gray {
  color: #a8a7a7;
}

.sadel {
  color: #80D1D5 !important;
}

.sadel-second {
  color: #FF914D !important;
}

.bg-black{
  background-color: #000 !important;
}

.bg-sadel {
  background-color: #80D1D5 !important;
}

.bg-sadel-second {
  background-color: #FF914D !important;
}

.bg-sadel-transp {
  background-color: rgba(47, 152, 157, 0.5);
}

.btn-primary {
  color: #fff !important;
  background-color: #FF914D;
  border-color: #FF914D;
}

.btn-primary:hover {
  color: #fff !important;
  background-color: #FFA770;
  border-color: #FFA770;
}

.btn-secondary {
  margin: .5rem 0;
  padding: 0; 
  color: #FF914D !important;
  background-color: #fff;
  border-color: #fff;
}

.btn-secondary:hover{
  color: #FF914D !important;
  background-color: #fff;
  border-color: #fff;
}

/*HEADER & FOOTER*/

.navbar{
  padding: 0;
}

.btn-store{
  width: 62px;
  display: block;
  padding: 3px 7px;
}

.navbar-collapse{
  margin-left: 8px;
}

.navbar-brand{
  margin-left: 8px;;
}

.header-text{
  padding: 5px 0;
  margin-bottom: 0;
}

footer h5 {
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
}

footer li,
footer li a {
  color: #FFF;
  /*font-size: 1.1rem;*/
}

footer li a:hover {
  text-decoration: none;
  color: #fff;
}

footer .social-link {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 5px;
}

footer .made-by{
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  background-color: #8A8A8D;
}

footer .made-by p{
  margin: 0;
  padding: 8px;
  font-size: 0.8rem;
}

.fb {
  background: transparent url("../media/facebook-icon.svg") 0 0 no-repeat;
  background-size: contain;
}

.insta {
  background: transparent url("../media/insta-icon.svg") 0 0 no-repeat;
  background-size: contain;
}

/*--HOME--*/

/*Home - Hero*/

.home .hero{
  height: 200px;
  padding: 6rem 0;
  background: url('../media/texture.jpg') center no-repeat;
  background-size: cover;
}

.home .hero .logo-container img{
  width: 90%;
  margin: auto;
  display: block;
}

/*Home - Carousel*/

.home .carousel {
  position: relative;
}

.home .carousel-caption {
  bottom: 40%;
}

.home .carousel-caption img{
  display: block;
  margin: 0 auto;
}

.home .carousel-caption h1 {
  font-size: 2.5rem;
}

.home .carousel-item {
  height: 10vh;
  min-height: 200px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*Home - About*/

.about p{
  max-width: 500px;
}

.about p, .about-us p, .about-us li {
  text-align: justify;
}

.logo-peru{
  width: 50px;
  height: 50px;
  display: block;
  background: transparent url("../media/marca-peru.svg") 0 0 no-repeat;
  background-size: contain;
  position: initial;
  margin: 10px 0 0 0;
}



/*Home - Products*/

.product-image{
  width: 150px;
  height: 150px;
  display: block;
  margin: 0 auto 20px auto;
  background: #80D1D5 center no-repeat;
  background-size: 50%;
  border-radius: 100px;
}

.product-image:hover{
  transform: scale(1.1);
}

/*Home - Contact*/

.contact p a{
  color: #fff;
  text-decoration: none;
}

.contact .social-link {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 5px;
}

.contact .social-link:hover{
  transform: scale(1.1);
}

/*Home - Client*/

.clients .carousel .carousel-indicators{
  position: initial;
}

.clients .client-logo{
  width: 100%;
  height: 120px;
  margin: 20px auto 20px auto;
  background: transparent center no-repeat;
  background-size: contain;
}

/*--ABOUT-US--*/
.about-us ul li{
  margin-bottom: 7px;
}

/*--PRODUCT--*/

.product h4 {
  text-align: center;
}

.product .product-item {
  height: 225px;;
  margin: 30px 20px;
  display: block;
  background: transparent center no-repeat;
  background-size: cover;
  border-radius: 2%;
}

.product .carousel-control-next{
  right: 10px;
}

.product .carousel-control-prev{
  left: 10px;
}

.product .carousel-control-prev-icon, .clients .carousel-control-prev-icon{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.product  .carousel-control-next-icon, .clients .carousel-control-next-icon{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}