body {
	background-color: #0f111e;
	color: black;
}


.btn-sportit {
	background-color: #FF4E00;
	color: white;
	padding: 15px 45px;
	letter-spacing: 2px;
	border-radius: 0;
	border: 2px solid #FF4E00;
}

.btn-sportit:hover {
	background-color: transparent;
	border: 2px solid #FF4E00;
	color: #FF4E00;
}


.top-section {
	background-color: white;
}

h1 {
	padding: 15px 45px;
	font-family:'Roboto', sans-serif;
	font-weight: bold;
	font-size: 60px;
	color: #FF4E00;
	line-height: 55px;
}

h4 {
	font-family:'Roboto', sans-serif;
	font-weight: lighter;
	font-size: 24px;
	color: #FF4E00;

}

.second-section a {
	color: black;
}

.second-section img {
	width: 700px;
}

@media (max-width: 767.98px) { 
	h1 {
		font-size: 0px;
	}

	.second-section img {
		max-width: 100%;
	}
}

.second-section img {
	margin-bottom: 20px;
}

.text-section h2 {
	font-family:'Roboto', sans-serif;
	color: #ffffff;
	
}

@media (max-width: 767.98px) { 
	.text-section h2 {
		font-size: 24px;
	}
}

h3 {
	font-family:'Roboto', sans-serif;
	font-weight: lighter;
	font-size: 18px;
	color: #FFFFFF;

}

@media (max-width: 767.98px) { 
	h3 {
		font-size: 20px;
	}
}



footer {
	background-color: #ffffff;
	color: #0f111e;
}

h5.modal-title {
	font-family:'Roboto Condensed', sans-serif;
	font-weight: bold;
}

label {
	font-family:'Roboto Condensed', sans-serif;
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 0.25rem;
}

.form-control {
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #ededed;
    border: 0px;
    border-radius: 0;
    font-family:'Roboto Condensed', sans-serif;
}



/* Product card */
.card {
  width: 100%;
  height: 100%;
  padding: 5px 5px 0;
  border-radius: 0;
  transition: all 0.3s ease-in-out; }
  .card h4 {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    margin: 0.25rem 0px; }
    .card h4.card-text {
      font-weight: 600;
      color: #000; }
    .card h4 span.prezzo-pieno {
      color: #999;
      text-decoration: line-through; }
    .card h4 span.prezzo-scontato {
      font-weight: 600;
      color: #F27108; font-size: 18px;}
    .card h4 span.sconto {
      font-weight: 400;
      color: #F27108; }

  .card h4.card-title {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0.5rem; }
  .card:hover .item-img-wrapper {
    background-color: white;
    filter: brightness(100%);
    -webkit-filter: brightness(100%); }
    .card:hover .item-img-wrapper .item-img {
      opacity: 0;
      transition: all 0.3s ease-in-out; }
  @media (min-width: 992px) {
    .card:hover {
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
      text-decoration: none; } }
  .card .card-body {
    padding-top: 25px; }
  .card .item-img-wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
    filter: brightness(95%);
    -webkit-filter: brightness(95%);
    background-color: white; }
    .card .item-img-wrapper:before {
      content: "";
      display: block;
      padding-top: 100%; }
    .card .item-img-wrapper .item-img {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      padding: 10px;
      width: auto !important;
      height: auto !important;
      max-width: 100%;
      max-height: 100%;
      margin: 0 auto; }
  .card .logo-img {
    opacity: 0.7;
    margin-bottom: 10px;
    width: auto !important; }
  .card .btn-primary {
    width: 90%;
    padding: 12px 0;
    font-size: 15px;
    border-radius: 5px;
    background-color: #F27108;
    font-family: "Roboto", sans-serif;
    letter-spacing: 2px;
    line-height: 2;
    border: 2px solid #F27108; }
    .card .btn-primary:hover {
      background-color: transparent;
      border: 2px solid #F27108;
      color: #F27108;
      transition: all 0.3s ease-in-out; }
    .card .btn-primary:focus {
      outline: 0;
      box-shadow: 0 0 0 transparent; }
  .card p.stars {
    display: inline-block;
    margin-top: 10px; }
    .card p.stars i {
      color: #F27108;
      font-size: 12px; }
  .card .card-back {
    position: absolute;
    background-color: white;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
    padding: 15px 0; }
    .card .card-back:hover {
      opacity: 1; }

a.link {
  width: 100%; }

.owl-item {
  width: 100%; }
  @media (min-width: 568px) {
    .owl-item {
      max-width: 250px; } }

.owl-carousel.owl-theme {
  width: 100%; }

.owl-dots {
  text-align: center;
  width: 100%; }

.owl-dot {
  border-radius: 50px;
  height: 10px;
  width: 10px;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #707070;
  margin-left: 5px;
  margin-right: 5px; }

.owl-dot.active {
  background-color: #707070; }

.prodotto { 
	width: 30%; 
	margin: 1.5%; 
}

@media (max-width: 768px) {
    .prodotto {
    	width: 47%; margin: 1.5%;
    }    
}

@media (max-width: 440px) {
    .prodotto {
    	width: 94%; margin: 3%;
    }    
}

.card:hover .card-back { opacity: 1; }