.preloader {
	background: linear-gradient(-45deg, #67E9E3,#ffffff,#7f7f7f);
	background-size: 400% 400%;
	animation: gradient 10s ease infinite;
	height: 100vh;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.theme-ravenclaw {
    --fa-secondary-opacity: 1.0;
    --fa-primary-color: rgb(103, 233, 227);
    --fa-secondary-color: rgb(87, 89, 91);
  }
  .theme-ravenclaw2 {
    --fa-secondary-opacity: 1.0;
    --fa-secondary-color: rgb(103, 233, 227);
    --fa-primary-color: rgb(87, 89, 91);
  }
  
.bg-grey { background-color: #57595b; }
.owl-theme .owl-nav .owl-prev{ left: 15px; }
.owl-theme .owl-nav .owl-next{ right: 15px; }

.owl-theme .owl-dots .owl-dot span { background-color: #878787; border: 1px solid #878787; }
.owl-theme .owl-dots .owl-dot.active span { background-color: #878787 !important; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
        font-family: arno-pro-display, serif;
        font-weight: 700;
        font-style: normal;
      }
      .fancynavbar{
        font-family: arno-pro, serif;
      }
      
      input, button, select, optgroup, textarea, label, .alert, .badge, .blockquote-footer, .btn, .navbar, .pagination, .valid-feedback, .invalid-feedback{
        font-family: arno-pro, serif;
        
      }
      
      body{
        font-family: arno-pro, serif;
        font-style: normal;
        font-weight: 400;
        
      }
      
      
.vh-wrap { height: 20vh;}
@media (min-width: 576px) {
.vh-wrap { height: 40vh;}
}