@import url("https://fonts.googleapis.com/css?family=Playfair+Display:700|Roboto:300,300i,400,500,600");
@import url("https://fonts.googleapis.com/css?family=Fjalla+One:300,300i,400,500,600");
@import url("https://fonts.googleapis.com/css?family=Indie+Flower:300,300i,400,500,600");

* {
	font-family: 'Roboto', sans-sarif;
	font-weight: 400;
}

.font-2 {
	font-family: 'Fjalla One', sans-sarif;
	font-weight: 400;
}

.font-3 {
	font-family: 'Indie Flower', sans-sarif;
	font-weight: 400;
}

#btt {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 100px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

.animated.delay-7s {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}
.animated.delay-9s {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}
.animated.delay-11s {
  -webkit-animation-delay: 11s;
  animation-delay: 11s;
}
.animated.delay-13s {
  -webkit-animation-delay: 13s;
  animation-delay: 13s;
}
.animated.delay-15s {
  -webkit-animation-delay: 15s;
  animation-delay: 15s;
}
.animated.delay-17s {
  -webkit-animation-delay: 17s;
  animation-delay: 17s;
}


#btt:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

.toggle-text {
  display: none;
}

.active-link {
	border-bottom: 3px solid #343a40 !important;
}

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

.bb-red {
	border-bottom: 2px solid #500001 !important;
}

.bg-yellow {
	background-color: #f4d70b !important;
}

.bg-red {
	background-color: #500001 !important;
}

.border-red {
	border: 2px solid #500001 !important;
}



border-bottom-red {
	border-bottom: 2px solid #500001 !important;
}
.bg-mafiacity {
	background-color: #E6E2AF !important;
}
.text-mafiacity {
	color: #E6E2AF !important;
}

.mafiacity-bg-color {
	background-color: #E6E2AF !important;
}
.mafiacity-bg-color-primary {
	background-color: #E6E2AF !important;
	color: #fff!important;
}

.btn-red {
	color: #f4d70b !important;
	background-color: #500001 !important;
	border-color: #f4d70b !important;
}

.btn-red:hover {
	color:#f4d70b;
	background-color:#3a0101 !important;
	border-color:#f4d70b !important;
}

.btn-red.focus, .btn-red:focus {
	box-shadow:0 0 0 .2rem rgba(80, 0, 1,.5) !important;
}
.w-20 {
	width:20%!important;
}

.w-30 {
	width:30%!important;
}

.w-40 {
	width:40%!important;
}
.w-45 {
	width:45%!important;
}

.w-60 {
	width:60%!important;
}

.w-100 {
	width:100%!important;
}

.mt-6,.my-6{
	margin-top:5.5rem!important
}

.mr-6,.mx-6{
	margin-right:5.5rem!important
}

.mb-6,.my-6{

	margin-bottom:5.5rem!important

}

.ml-6,.mx-6{

	margin-left:5.5rem!important

}



.pt-6,.py-6{
	padding-top:5.5rem!important
}

.pr-6,.px-6{
	padding-right:5.5rem!important
}

.pb-6,.py-6{
	padding-bottom:5.5rem!important
}

.pl-6,.px-6{
	padding-left:5.5rem!important
}

@media screen and (min-width: 1024px) {
  .hide {
    display: none;
  }
}