@import url('https://fonts.googleapis.com/css?family=Staatliches&display=swap');


body {
	background-color: #000;
}
.wrap,html,body {
	min-height: 100vh;
}

/* Fonts */
@media screen and (min-width: 25em){
	html { font-size: calc( 16px + 2 * (100vw - 1200px) / (800 - 400) ); }
}

/* Safari <8 and IE <11 */
@media screen and (min-width: 25em){
	html { font-size: calc( 16px + 2 * (100vw - 1200px) / (800 - 400) ); }
}

@media screen and (min-width: 50em){
	html { font-size: calc( 16px + 2 * (100vw - 1200px) / (800 - 400) ); }
}


h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6,
.display-1,.display-2,.display-3,.display-4,
.btn, 
.title, .font {
  font-family: 'Staatliches', sans-serif!important;
}


.wrap,html,body {
	min-height: 100vh;
}
footer {
	background-color: #000;
	opacity: .9;
}
.copyright {
	background-color: #222;
	opacity: .9;
}
.lead {
	font-weight: bold;
}


/* Colors */
.bg-dark {
	background-color: #3d3d3d !important;
}

.text-primary {
	color: #217ba0 !important;
}
.bg-primary,
.badge-primary {
	background-color: #217ba0 !important;
}
.border-primary {
	border-color: #217ba0 !important;
}

.bg-info,
.badge-info {
	background-color: #25959b !important;
}

.border-info {
	border-color: #25959b !important;
}

.text-success {
	color: #6cb38e !important;
}
.bg-success,
.badge-success {
	background-color: #6cb38e !important;
}

.border-success {
	border-color: #6cb38e !important;
}


.text-danger {
	color: #da1f43 !important;
}
.bg-danger,
.badge-danger {
	background-color: #da1f43 !important;
}
.border-danger {
	border-color: #da1f43 !important;
}

.bg-secondary,
.badge-secondary {
	background-color: #bf206b !important;
}
.border-secondary {
	border-color: #bf206b !important;
}

/* Navbar */
.navbar-brand {
	font-size: 1.1rem;
}
.navbar-brand img {
	height: 60px;
}
@media (max-width:767px) {
	.navbar-brand img {
		height: 45px;
	}
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.8);
	webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.navbar-light .navbar-nav .active>.nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0,0,0,1);
}
@media (min-width:992px) {
	body.with-header .navbar {
		-webkit-transition: all 0.6s ease-out;
		-moz-transition: all 0.6s ease-out;
		-o-transition: all 0.6s ease-out;
		-ms-transition: all 0.6s ease-out;
		transition: all 0.6s ease-out;
		background: transparent !important;
	}
	body.with-header .navbar-light .navbar-brand {
		color: #fff;
	}
	body.with-header .navbar-light .navbar-nav .nav-link {
		color: rgba(255,255,255,.8);
	}
	body.with-header .navbar-light .navbar-nav .active>.nav-link, 
	body.with-header .navbar-light .navbar-nav .nav-link.active, 
	body.with-header .navbar-light .navbar-nav .nav-link.show, 
	body.with-header .navbar-light .navbar-nav .show>.nav-link {
		color: rgba(255,255,255,1);
		position: relative;
		background: rgba(0,0,0,.3);
		border-radius: 4px;
	}

	body.with-header .navbar.scrolled {
		background: rgb(255, 255, 255) !important;
		border-bottom: 1px solid rgba(0,0,0,.1) !important;
	}
	body.with-header .navbar-light.scrolled .navbar-brand,
	body.with-header .navbar.scrolled.navbar-light .navbar-nav .nav-link {
		color: rgba(0,0,0,.8);
	}
	body.with-header .navbar.scrolled.navbar-light .navbar-nav .active>.nav-link, 
	body.with-header .navbar.scrolled.navbar-light .navbar-nav .nav-link.active, 
	body.with-header .navbar.scrolled.navbar-light .navbar-nav .nav-link.show, 
	body.with-header .navbar.scrolled.navbar-light .navbar-nav .show>.nav-link {
		color: rgba(0,0,0,1);
		position: relative;
		background: rgba(0,0,0,.2);
	}
}



.navbar-brand {
	padding: 0;
}
.navbar .h6 {
	margin-bottom: 0 !important;
}

/* Image fit */
.cover {
	object-fit: cover;
   width: 100%;	
}


@media (min-width: 1600px) {
	.container {
		max-width: 1500px;
	}
	.container.narrow {
		max-width: 1199px;
	}
}
@media (min-width: 1900px) {
	.container {
		max-width: 1700px;
	}
	.container.narrow {
		max-width: 1350px;
	}
}
@media (min-width: 2400px) {
	.container {
		max-width: 1900px;
	}
	.container.narrow {
		max-width: 1500px;
	}
}

/*Curtain*/
.curtain {
	background-color: #000;
	position: fixed;
	left:0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 11111111;
	width: 100%;
	height: 100%;
}
.curtain-logo {
	text-align: center;
	max-width: 80%;
	left: 10%;
	top: 25%;
	position: relative;
}
.curtain-logo img {
	max-width: 80%;
}
@media(max-width:767px) {
	.curtain-logo img {
		max-width: 180px;
	}
}

/* Subscribe */
::-webkit-input-placeholder,
:-ms-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
::placeholder {
	opacity: 0!important;
}

/* FAQ tabs */
.faq-tabs {
	display:none;
}

@media(min-width:992px) {
	.faq-tabs {
		display: flex;
	}
	.faq-tabs .nav-link {
		border: 1px solid #dee2e6;
		border-top-left-radius: .25rem;
		border-top-right-radius: .25rem;
	}
	.faq-tabs .nav-item.show .nav-link.text-dark, 
	.faq-tabs .nav-link.text-dark.active {
		color: #fff !important;
		background-color: #dc3545 !important;
		border-color: #dc3545;
	}

	.faq-content .card {
		border-right:0;
		border-top: 3px solid #dc3545;
	} 
	.faq-content .card .card-header {
		background-color: transparent;
		border: 0;
		padding-top: 2rem !important;
	}  
	.faq-content .card .card-header a {
		pointer-events:none;
		color: #333;
		font-size: 150%;
	}
	.faq-content .card .collapse{
		display:block;
	}
}

@media(max-width:992px){
	.faq-pane {
		display: block !important;
		opacity: 1 !important;
		height: auto !important;
		margin-top: -2px;
	}
}

/* Audience colors */
.color-1 {
	color: #0099cc !important;
}
.color-2 {
	color: #94c11e !important;
}
.color-3 {
	color: #d5ab01 !important;
}
.color-4 {
	color: #fd9804 !important;
}
.color-5 {
	color: #666 !important;
}
.color-6 {
	color: #eb4b89 !important;
}
.bg-color-1 {
	background-color: #0099cc !important;
}
.bg-color-2 {
	background-color: #94c11e !important;
}
.bg-color-3 {
	background-color: #d5ab01 !important;
}
.bg-color-4 {
	background-color: #fd9804 !important;
}
.bg-color-5 {
	background-color: #666 !important;
}
.bg-color-6 {
	background-color: #eb4b89 !important;
}

@media (min-width: 992px){
	.faq-content .card .collapse {
		display: block;
	}
}