@font-face {
font-family: 'Inter';
font-style:normal;
font-weight: 100;
src: url("assets/fonts/inter/Inter-Thin.woff2") format("woff2"),
url("assets/fonts/inter/Inter-Thin.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style:italic;
font-weight: 100;
src: url("assets/fonts/inter/Inter-ThinItalic.woff2") format("woff2"),
url("assets/fonts/inter/Inter-ThinItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style:normal;
font-weight: 200;
src: url("assets/fonts/inter/Inter-ExtraLight.woff2") format("woff2"),
 url("assets/fonts/inter/Inter-ExtraLight.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style:italic;
font-weight: 200;
src: url("assets/fonts/inter/Inter-ExtraLightItalic.woff2") format("woff2"),
url("assets/fonts/inter/Inter-ExtraLightItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style:normal;
font-weight: 300;
src: url("assets/fonts/inter/Inter-Light.woff2") format("woff2"),
url("assets/fonts/inter/Inter-Light.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style:italic;
font-weight: 300;
src: url("assets/fonts/inter/Inter-LightItalic.woff2") format("woff2"),
url("assets/fonts/inter/Inter-LightItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style:normal;
font-weight: 400;
src: url("assets/fonts/inter/Inter-Regular.woff2") format("woff2"),
url("assets/fonts/inter/Inter-Regular.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style:italic;
font-weight: 400;
src: url("assets/fonts/inter/Inter-Italic.woff2") format("woff2"),
url("assets/fonts/inter/Inter-Italic.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style:normal;
font-weight: 500;
src: url("assets/fonts/inter/Inter-Medium.woff2") format("woff2"),
url("assets/fonts/inter/Inter-Medium.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style:italic;
font-weight: 500;
src: url("assets/fonts/inter/Inter-MediumItalic.woff2") format("woff2"),
url("assets/fonts/inter/Inter-MediumItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style:normal;
font-weight: 600;
src: url("assets/fonts/inter/Inter-SemiBold.woff2") format("woff2"),
url("assets/fonts/inter/Inter-SemiBold.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style:italic;
font-weight: 600;
src: url("assets/fonts/inter/Inter-SemiBoldItalic.woff2") format("woff2"),
 url("assets/fonts/inter/Inter-SemiBoldItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style:normal;
font-weight: 700;
src: url("assets/fonts/inter/Inter-Bold.woff2") format("woff2"),
 url("assets/fonts/inter/Inter-Bold.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style:italic;
font-weight: 700;
src: url("assets/fonts/inter/Inter-BoldItalic.woff2") format("woff2"),
url("assets/fonts/inter/Inter-BoldItalic.woff") format("woff");
}

@font-face {
font-family: 'Inter';
font-style:normal;
font-weight: 800;
src: url("./fonts/inter/Inter-ExtraBold.woff2") format("woff2"),
 url("./fonts/inter/Inter-ExtraBold.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style:italic;
font-weight: 800;
src: url("assets/fonts/inter/Inter-ExtraBoldItalic.woff2") format("woff2"),
url("assets/fonts/inter/Inter-ExtraBoldItalic.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style:normal;
font-weight: 900;
src: url("assets/fonts/inter/Inter-Black.woff2") format("woff2"),
url("assets/fonts/inter/Inter-Black.woff") format("woff");
}
@font-face {
font-family: 'Inter';
font-style:italic;
font-weight: 900;
src: url("assets/fonts/inter/Inter-BlackItalic.woff2") format("woff2"),
url("assets/fonts/inter/Inter-BlackItalic.woff") format("woff");
}
.bg-color-1{
background: #E74C2A!important;
}
.bg-color-2{
background: #8a8377!important;
}
.bg-color-3{
background: #76CBEC!important;
}


section h1,
#termin h3,
#termin h2{
	color:white!important;
}

h1.display-4,h1,h3{
	color:rgb(231, 76, 42)!important;
}

#open .display-4{
	color:black!important;
}


*,
*:after,
*:before{
  	margin: 0;
  	padding: 0;
  	box-sizing: border-box;
}
html,body{
	color:white;	
}

li {
  	list-style: none;
}

a {
  	color:white;!important;
  	text-decoration: none;
}

strong, b {
  	font-weight: 500;
}

h1,h3{
	color:white;
}


.logo {
	position: relative;
	max-width: 90px;
	width: 100%;
	top:0em;
	right:1.5em;
	margin: auto
}
@media (min-width: 1200px) {
.logo {
	position: relative;
	max-width: 300px;
	width: 100%;
	margin: auto
	top:-3em;
	right:1.5em;
}
}
.logo{
	position: fixed;
	z-index:9999; 
}
.logo__image {
	width: 100%;
	height: auto;
	display: block;
	margin: 0
}
.logo__ring {
	position: absolute;
	width: 100%;
	height: auto;
	display: block;
	top: 0;
	left: 0;
	-webkit-animation: rotate 12s linear infinite;
	-moz-animation: rotate 12s linear infinite; 
	-o-animation: rotate 12s linear infinite; 
	animation: rotate 12s linear infinite; 
	margin: 0;
}
@-webkit-keyframes rotate {
0% {-webkit-transform: rotate(0)}
100% {-webkit-transform: rotate(360deg) }
}
@-moz-keyframes rotate {
0% {-moz-transform: rotate(0)}
100% {-moz-transform: rotate(360deg) }
}
@-o-keyframes rotate {
0% {-o-transform: rotate(0)}
100% {-o-transform: rotate(360deg) }
}
@keyframes rotate {
0% {transform: rotate(0)}
100% {transform: rotate(360deg) }
}
.btn,
button{
	border-radius: 4px;}

.active {
	text-decoration: underline;
	text-decoration-style: solid;
}