@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 450px) {

}

@media only screen and (max-width: 800px) {

}

@media only screen and (max-width: 993px) {

}

.navig-brand-name {
	font-family: bebas-kai, sans-serif !important;
	font-size: 35px;
	font-weight: 400;
	font-style: normal;
	color: #000 !important;
}

.navbar {
	padding-bottom: 5px !important;
	padding-top: 5px !important;
	border-bottom: solid 2.5px;
	border-bottom-color: black;
	background-color: rgba(255,255,255,0.87) !important;
}

.nav-link {
	font-family: bebas-kai, sans-serif !important;
	font-size: 25px;
	font-weight: 400;
	font-style: normal;
	color: black !important;
}

hr { 
	background-color: black;
}

body {
	font-family: bebas-kai, sans-serif !important;
	font-size: 27px !important;
	font-weight: 400;
	font-style: normal;
	color: #000 !important;
}

/* stroke */
nav.stroke ul li a,
nav.fill ul li a {
  position: relative;
}
nav.stroke ul li a:after,
nav.fill ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  text-align: center;
  content: '.';
  color: transparent;
  background: #FFF !important;
  height: 1px;
}
nav.stroke ul li a:hover:after {
  width: 100%;
}

nav.fill ul li a {
  transition: all .75s;
}

nav.fill ul li a:after {
  text-align: left;
  content: '.';
  margin: 0;
  opacity: 0;
}
nav.fill ul li a:hover {
  color: #fff !important;
  z-index: 1;
}
nav.fill ul li a:hover:after {
  z-index: -10;
  animation: fill 0.75s forwards;
  -webkit-animation: fill 0.75s forwards;
  -moz-animation: fill 0.75s forwards;
  opacity: 1;
}


/* Keyframes */
@-webkit-keyframes fill {
  0% {
    width: 0%;
    height: 3px;
  }
  50% {
    width: 100%;
    height: 3px;
  }
  100% {
    width: 100%;
    height: 100%;
    background: #000;
  }
}

.btn:focus, .btn:active {
   outline: none !important;
   box-shadow: none;
}

.warning {
	font-size: 13px !important;
}

.mailcontainer {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	outline: solid 3px;
	outline-color: black;
	font-size: 20px;
}

input[type=text]:focus, input[type=text]:active, select:focus, select:active, textarea:focus, textarea:active {
   outline: none !important;
   box-shadow: none;
}

input[type=text], select, textarea {
  width: 50%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

.gallery-text {
	font-size: 30px !important;
}

@keyframes rainbow-text {
  0% {
    color: #e87d7d;
  }
  2% {
    color: #e88a7d;
  }
  4% {
    color: #e8977d;
  }
  6% {
    color: #e8a47d;
  }
  8% {
    color: #e8b07d;
  }
  10% {
    color: #e8bd7d;
  }
  12% {
    color: #e8ca7d;
  }
  14% {
    color: #e8d77d;
  }
  16% {
    color: #e8e47d;
  }
  18% {
    color: #dfe87d;
  }
  20% {
    color: #d3e87d;
  }
  22% {
    color: #c6e87d;
  }
  24% {
    color: #b9e87d;
  }
  26% {
    color: #ace87d;
  }
  28% {
    color: #9fe87d;
  }
  30% {
    color: #92e87d;
  }
  32% {
    color: #86e87d;
  }
  34% {
    color: #7de881;
  }
  36% {
    color: #7de88e;
  }
  38% {
    color: #7de89b;
  }
  40% {
    color: #7de8a8;
  }
  42% {
    color: #7de8b5;
  }
  44% {
    color: #7de8c1;
  }
  46% {
    color: #7de8ce;
  }
  48% {
    color: #7de8db;
  }
  50% {
    color: #7de8e8;
  }
  52% {
    color: #7ddbe8;
  }
  54% {
    color: #7dcee8;
  }
  56% {
    color: #7dc1e8;
  }
  58% {
    color: #7db5e8;
  }
  60% {
    color: #7da8e8;
  }
  62% {
    color: #7d9be8;
  }
  64% {
    color: #7d8ee8;
  }
  66% {
    color: #7d81e8;
  }
  68% {
    color: #867de8;
  }
  70% {
    color: #927de8;
  }
  72% {
    color: #9f7de8;
  }
  74% {
    color: #ac7de8;
  }
  76% {
    color: #b97de8;
  }
  78% {
    color: #c67de8;
  }
  80% {
    color: #d37de8;
  }
  82% {
    color: #df7de8;
  }
  84% {
    color: #e87de4;
  }
  86% {
    color: #e87dd7;
  }
  88% {
    color: #e87dca;
  }
  90% {
    color: #e87dbd;
  }
  92% {
    color: #e87db0;
  }
  94% {
    color: #e87da4;
  }
  96% {
    color: #e87d97;
  }
  98% {
    color: #e87d8a;
  }
  100% {
    color: #e87d7d;
  }
}
.rainbow-text {
  animation: rainbow-text 10s infinite;
}

.carousel24 {
	border: 3px solid black;
}

#homecarousel {
	margin: auto;
	width: 75%;
	height: 75%;
}

.custom-toggler .navbar-toggler {
    border-color: rgb(0, 0, 0, 0.0);
}

.custom-toggler:focus, .navbar-toggler:focus {
	outline: none!important;
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.box {
  display: none;
}
#trigger:checked + .box {
  display: block;
}