@charset "utf-8";
@import url("../webfonts/icomoon/stylesheet.css");
@import url("../webfonts/Mercedes_Benz_Logo_Font/stylesheet.css");


* {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
body {
	background-color: rgba(255,255,255,1.00);
	font-family: icomoon;
	text-align: center;
	font-size: large;
	font-weight: 400;
}
hr {
	color: rgba(255,0,4,1.00);
	background-color: rgba(255,0,4,1.00);
	border-radius: 5px;
	border: 1px inset rgba(255,0,4,1.00);
}

img {
	margin-right: 100px;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px black; 
  border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: red; 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}
.flip-box {
	background-color: transparent;
	width: 300px;
	height: 200px;
	border: 1px solid #000000;
	perspective: 1000px;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,1.00);
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,1.00);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: "Mercedes Benz Logo Font";
	line-height: normal;
	
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateX(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
	background-color: #FFFFFF;
	color: rgba(0,0,0,1.00);
	background-repeat: no-repeat;
}


.flip-box-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateX(180deg);
}
footer {
	background-color: rgba(85,85,85,1.00);
	margin-bottom: 50px;
	text-align: center;
	text-decoration: none;

}
* {box-sizing: border-box;}
	ul {list-style-type: none;}

	.month {
	  padding: 70px 25px;
	  width: 100%;
	  background: #1abc9c;
	  text-align: center;
	}

	.month ul {
	  margin: 0;
	  padding: 0;
	}

	.month ul li {
	  color: white;
	  font-size: 20px;
	  text-transform: uppercase;
	  letter-spacing: 3px;
	}

	.month .prev {
	  float: left;
	  padding-top: 10px;
	}

	.month .next {
	  float: right;
	  padding-top: 10px;
	}

	.weekdays {
	  margin: 0;
	  padding: 10px 0;
	  background-color: #ddd;
	}

	.weekdays li {
	  display: inline-block;
	  width: 13.6%;
	  color: #666;
	  text-align: center;
	}

	.days {
	  padding: 10px 0;
	  background: #eee;
	  margin: 0;
	}

	.days li {
	  list-style-type: none;
	  display: inline-block;
	  width: 13.6%;
	  text-align: center;
	  margin-bottom: 5px;
	  font-size:12px;
	  color: #777;
	}

	.days li .active {
	  padding: 5px;
	  background: #1abc9c;
	  color: white !important
	}
.fimg {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-top: 20px;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
}
#navbarSupportedContent .form-inline.my-2.my-lg-0 .btn.btn-outline-success.my-2.my-sm-0:hover  {
	background-image: -webkit-linear-gradient(270deg,rgba(244,0,4,1.00) 0.52%,rgba(255,255,255,1.00) 48.70%,rgba(255,0,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(244,0,4,1.00) 0.52%,rgba(255,255,255,1.00) 48.70%,rgba(255,0,0,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(244,0,4,1.00) 0.52%,rgba(255,255,255,1.00) 48.70%,rgba(255,0,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(244,0,4,1.00) 0.52%,rgba(255,255,255,1.00) 48.70%,rgba(255,0,0,1.00) 100%);
	color: rgba(0,0,0,1.00);


}




	/* Add media queries for smaller screens */
	@media screen and (max-width:720px) {
	}

	@media screen and (max-width: 420px) {
	}

	@media screen and (max-width: 290px) {
	}
	.row h6  {
	text-align: center;
	color: rgba(255,255,255,1.00);
	margin-left: auto;
	margin-right: auto;
}
.row.row-cols-1.row-cols-md-2 .col.mb-4 .card {
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,1.00);
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,1.00);
}