@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');

body{
  font-family: 'Open Sans', sans-serif !important;
  background: url('../images/crema_BG.jpg');
}

.logo img{
  max-width: 200px;
}

.kasperzi-slider{
  border-bottom: 2px solid #5A3733;
}

.kasperzi-slider img{
  width: 100%;
  height: 450px;
  object-fit: cover;
}

nav ul li{
  text-transform: uppercase;
  margin-right: 15px;
}

nav .nav-link{
  color: #5A3733 !important;
  font-weight: 600 !important;
}

nav li.active a{
  color: #222 !important;
}

.kasperzi-choco{
  background: url('../images/bg-choco.png');
  background-size: cover;
  max-height: 300px;
  height: 300px;
  position: relative;
}

.kasperzi-intro{
  padding: 80px 0;
}

.kasperzi-intro .intro-title h1{
  color: #5A3733;
  text-align: center;
  font-weight: 700;
  margin-top: -50px;
  margin-bottom: 50px;
}

.machine-name{
  font-weight: 700;
  color: #5A3733;
  font-size: 2.5rem;
}

.machine-subtitle{
  color: #5A3733;
  margin-top: -15px;
  padding-left: 2px;
  position: relative;
  margin-bottom: 30px;
}

.machine-subtitle::after{
  content: '';
  position: absolute;
  bottom: -5px;
  left: 2px;
  width: 100px;
  height: 3px;
  background: #5A3733;
}

.machine-description{
  color: #5A3733;
}

.btn-primary{
  background: #5A3733;
  border: 0;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary:active:focus, .btn-primary:not(:disabled):not(.disabled):active{
  border: 0;
  outline: 0;
  background: #281c15;
  box-shadow: none !important;
}

.kasperzi-intro img{
  width: 400px;
  box-shadow: 1px 1px 15px #0000002b;
  border-radius: 50%;
}

.footer-wave{
    text-align: center;
    padding: 8px 0;
    background-color: transparent;
    background-image: url("../images/footer-white-waves.png");
    background-repeat: repeat-x;
}

.kasperzi-about{
  padding: 30px 0;
}

.kasperzi-about .title{
  text-align: center;
  font-weight: 700;
  font-size: 2.5rem;
  color: #5A3733;
  margin-bottom: 30px;
}

.kasperzi-about .description{
  line-height: 1.8;
  color: #5A3733;
}

.kasperzi-smese{
  padding: 30px 0;
}

.kasperzi-smese .title{
  text-align: center;
  font-weight: 700;
  font-size: 2.5rem;
  color: #5A3733;
  margin-bottom: 30px;
}

.kasperzi-smese .description{
  line-height: 1.8;
  color: #5A3733;
}

.kasperzi-smese img{
  margin-bottom: 40px;
}

.kasperzi-fransiza{
  padding: 30px 0;
}

.kasperzi-fransiza .title{
  text-align: center;
  font-weight: 700;
  font-size: 2.5rem;
  color: #5A3733;
  margin-bottom: 30px;
}

.kasperzi-fransiza .description{
  line-height: 1.8;
  color: #5A3733;
}

.kasperzi-fransiza h5{
  font-weight: 700;
  color: #5A3733;
}

.kasperzi-fransiza ul li,.kasperzi-fransiza strong{
  color: #5A3733;
}

.kasperzi-partneri{
  padding: 30px 0 70px;
}

.kasperzi-partneri .title{
  text-align: center;
  font-weight: 700;
  font-size: 2.5rem;
  color: #5A3733;
  margin-bottom: 30px;
}

.kasperzi-partneri .description{
  line-height: 1.8;
  color: #5A3733;
  font-weight: 600;
}

.kasperzi-partneri span{
  font-size: 1.3rem;
  font-weight: 700;
}

.kasperzi-kontakt{
  padding: 30px 0;
}

.kasperzi-kontakt .title{
  text-align: center;
  font-weight: 700;
  font-size: 2.5rem;
  color: #5A3733;
  margin-bottom: 40px;
}

.kasperzi-kontakt .description{
  line-height: 1.8;
  color: #5A3733;
  font-weight: 600;
}

.kasperzi-kontakt h4{
  font-weight: 700;
  color: #5A3733;
  margin-bottom: 30px;
}

.kasperzi-kontakt .icon i{
  font-size: 1.6rem;
  color: #EB6D2F;
  padding-right: 10px;
}

.kasperzi-kontakt .icon{
  color: #5A3733;
}

.kasperzi-kontakt .icon:not(:last-child){
  margin-bottom: 10px;
}

.kasperzi-kontakt .formular{
  background: #F8F7F1;
  border-radius: 10px;
  padding: 40px;
  box-shadow: 1px 1px 5px #0000002e;
}

.kasperzi-kontakt label{
  font-weight: 600;
  color: #5A3733;
}

.kasperzi-kontakt #name, .kasperzi-kontakt #email{
  border-radius: 50px;
  height: 50px;
}

.kasperzi-kontakt #message{
  border-radius: 30px;
}

footer{
  background: #fff;
  padding: 40px 0;
}

footer img{
  width: 200px;
}

footer ul{
  padding-top: 30px;
}

footer .nav-link{
  background: #5A3733 !important;
  color: #fff;
  border-radius: 100%;
  padding: 10px 15px;
}

footer .nav-item:first-child{
  margin-right: 15px;
}

footer .copyright a{
  color: #5A3733 !important;
  font-weight: 600;
  text-decoration: none !important;
}

footer b{
  font-weight: 600;
  color: #5A3733 !important;
}

footer .copyright{
  font-size: 14px;
  padding-top: 30px;
}

@media (max-width: 767px){

	.kasperzi-intro img{
	    margin-bottom: 20px;
	}
	.kasperzi-intro .first{
	    order: 2;
	}
	.kasperzi-intro .second{
	    order: 1;
	}
	
	footer{
	    text-align: center;
	}
	
	.kasperzi-intro,.kasperzi-about,.kasperzi-smese,.kasperzi-fransiza,.kasperzi-partneri,.kasperzi-kontakt{
	    padding-top: 0px;
	}
	
	.kasperzi-choco{
	    height: 220px;
	}

}