@font-face {
	font-family: "UltimusText-Regular";
	font-style: normal;
	font-weight: normal;
	font-display: block;
	src: url('./fonts/UltimusText-Regular.ttf') format('truetype')
 }


* {
	box-sizing: border-box;
	font-family: 'UltimusText-Regular', sans-serif;
	
	
}

p, .textWoRte span, .form label {
	text-shadow: 0 0 5px black;
}

body {
	font-size: 14px;
	    max-width: 100%;
}
input:focus-visible, input:focus {
	outline: none;
}

.text-form {
	text-align: center;
   font-weight: 400;
   color: rgba(255, 255, 255, 1.00);
	padding-bottom: 20px;
	font-size: 16px;
	max-width: 530px;
	margin: 0 auto;
}

span.textWoRte, p.textWoRte {
	font-size: 16px;
}

.text-form #error-form {
	display: none;
}

.text-form  ul {
	text-align: left;
}

.text-form a {
	color: inherit;
}

.form {
	height: calc( 100vh - 250px);
	min-height: 330px;
	display: flex;
	align-items: center;
}

.form input {
	width: 100%;
	max-width: 300px;
	min-height: 40px;
	margin: 0 auto 20px;
	display: block;
	padding: 0 15px;
	font-size: 16px;
	text-shadow: none;
}

.form input[type="submit"] {
	text-transform: uppercase;
	width: fit-content;
	margin: 0 auto;
	display: block;
	padding-top: 4px;
	border: 1px solid #fff;
   padding-right: 12px;
   padding-bottom: 4px;
   padding-left: 12px;
	font-weight: 400;
   font-size: 18px;
   box-shadow: 0 0 0px rgb(0,0,0,.5);
   background-color: transparent;
	color: #FFFFFF;
	text-align: center;
	border-radius: 8px;
	cursor: pointer;
}

.form input[type="submit"]:hover {
	
}



.form label {
	width: 100%;
	text-decoration: inherit;
   font-weight: 400;
   color: rgba(255, 255, 255, 1.00);
	display: block;
	padding-bottom: 20px;
	font-size: 32px;
	text-align: center;
}

body{
    margin-top:0px;
    margin-right:0px;
    margin-bottom:0px;
    margin-left:0px;
}
.background{
    content:"";
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:-1;
}
.tpl-firstScreen{
    position:relative;
    margin-top:24px;
    /*min-height:calc(100vh - 24px);*/
}




.tpl-secondScreen{
    margin-top:16px;
    margin-right:0px;
    margin-bottom:16px;
    margin-left:0px;
}
.tpl-secondScreen.hidden{
    display:none;
}
[data-gjs-type="wrapper"] .tpl-secondScreen{
    position:relative;
}
[data-gjs-type="wrapper"]:not(.previewMode) .tpl-secondScreen{
    width:calc(100vw - 200px);
    margin-left:100px;
    z-index:5;
}
.tpl-section{
    display:flex;
    justify-content:center;
    margin-top:0px;
    margin-right:auto;
    margin-bottom:0px;
    margin-left:auto;
}


.tpl-section.logo{
    margin-top:0px;
    margin-right:auto;
    margin-bottom:8px;
    margin-left:auto;
    padding-top:8px;
    padding-right:0px;
    padding-bottom:8px;
    padding-left:0px;
}



.tpl-logo{
    display:flex;
    width:100%;
    height:100%;
    text-decoration-line:none;
    text-decoration-thickness:initial;
    text-decoration-style:initial;
    text-decoration-color:initial;
	 justify-content: center;
}



.tpl-logo.hidden{
    display:none !important;
}

.tpl-logo.logo-uploaded .upload-button{
    display:none;
}
.tpl-logo.logo-uploaded .image{
    display:block;
}
.tpl-logo img{
    display:none;
    max-height:75px;
    object-fit:contain;
}
.tpl-logo.size-s img{
    width:auto;
    height:32px;
}
.tpl-logo.size-m img{
    width:auto;
    height:48px;
}
.tpl-logo.size-l img{
    width:auto;
    height:75px;
}


html{
    position:relative;
    min-height:100%;
}
#i88kt2{
    opacity:1;
    background-image:url("./img/bg-dark.webp");
    background-position-x:50%;
    background-position-y:0%;
    background-size:initial;
    background-repeat-x:no-repeat;
    background-repeat-y:no-repeat;
    background-attachment:initial;
    background-origin:initial;
    background-clip:initial;
    background-color:rgb(0, 0, 0);
}

.tpl-section.footer-text br {
	display: none;
}



#i88kt2 {
	background-size: cover !important;
}

@media (max-width: 1024px){

    .tpl-section.footer-text{
        margin-bottom:8px;
    }
}
@media (max-width: 768px){
    
    .tpl-section.footer-text{
        margin-top:auto;
        margin-bottom:40px;
    }

	 .tpl-logo.size-l img {
		height: 50px;
	 }

	 .form {
		padding: 0 20px;
	 }

	 .form label {
		font-size: 24px;
	 }

	 .tpl-section.footer-text {
		padding: 0 20px;
	 }

	 .tpl-section.footer-text p {
		font-size: 14px;
	 }


	.form {
		min-height: 250px;
	}

	.form {
		height: calc( 100vh -300px);
	}
}




.spinner {
	animation: rotate 2s linear infinite;
	width: 30px;
	height: 30px;
	display: none;
	margin: 0 auto;
	margin-bottom: 20px;
	
 }

.spinner .path {
	stroke: #fff;
	stroke-linecap: round;
	animation: dash 1.5s ease-in-out infinite;
 }
 
 @keyframes rotate {
	100% {
	  transform: rotate(360deg);
	}
 }
 
 @keyframes dash {
	0% {
	  stroke-dasharray: 1, 150;
	  stroke-dashoffset: 0;
	}
	50% {
	  stroke-dasharray: 90, 150;
	  stroke-dashoffset: -35;
	}
	100% {
	  stroke-dasharray: 90, 150;
	  stroke-dashoffset: -124;
	}
 }

 @media (max-width: 480px){

	.tpl-section.footer-text br {
		display: block;
	}
 }.form input