/*
--------------------------------------------------------
(c) 2020 VIEVEX Stefan Altenhofen - all rights reserved
--------------------------------------------------------
*/

/************************************************/
/********************  FONT  ********************/
/************************************************/

/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/

@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=c3a17d98-f3db-409b-a10c-571b91fa3879");
    @font-face{
        font-family:"Gilroy W05 Thin";
        src:url("Fonts/84f4f17d-9786-4c9a-a0b8-3dee0e4dfdae.woff2") format("woff2"),url("Fonts/2f1cfe4e-e0a8-4527-9476-b841ff9bc45b.woff") format("woff");
    }
    @font-face{
        font-family:"Gilroy W05 Light";
        src:url("Fonts/a6096205-61ed-4c16-b76c-a56dd651ad33.woff2") format("woff2"),url("Fonts/18f98fc7-4ddd-4d5e-94c0-c9b74a2325bd.woff") format("woff");
    }
    @font-face{
        font-family:"Gilroy W05 Regular";
        src:url("Fonts/b261487c-2966-4089-8551-6555085406ad.woff2") format("woff2"),url("Fonts/bf190033-35ff-42cf-b90c-f5321a94a3df.woff") format("woff");
    }
    @font-face{
        font-family:"Gilroy W05 Medium";
        src:url("Fonts/94b9ba0e-1690-4966-8af8-7d8a1c22c221.woff2") format("woff2"),url("Fonts/fd4654af-3e2f-4601-bb81-d6b08f68d9f0.woff") format("woff");
    }
    @font-face{
        font-family:"Gilroy W05 Bold";
        src:url("Fonts/e62d07e6-5c21-45b8-8427-79c95511907d.woff2") format("woff2"),url("Fonts/e667d70b-2326-4c62-8f38-200c31c3b08c.woff") format("woff");
    }
    @font-face{
        font-family:"Gilroy W05 Heavy";
        src:url("Fonts/83cf0941-dd13-44b9-8dc0-b9161de3268e.woff2") format("woff2"),url("Fonts/fae2b2de-865c-4574-8d42-33a62836725d.woff") format("woff");
    }

/*******************************************************/
/********************  HTML / BODY  ********************/
/*******************************************************/

* 
{
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none,
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
font-size-adjust: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

html
{
width: auto;
min-width: 100%;
height: auto;
min-height: 100%;
margin: 0px;
padding: 0px;
}

body
{
background: #fff;
width: auto;
min-width: 100%;
height: auto;
min-height: 100%;
margin: 0px;
padding: 0px;
color: rgba(34,34,34,1);
font-size: calc(10px + .35vw);
font-family: 'Gilroy W05 Medium', sans-serif;
line-height: calc(15px + 0.35vw);
-webkit-font-smoothing: antialiased;
}

a,
a:active
{
color: rgba(34,34,34,1);
text-decoration: none;
}

a:hover
{
color: rgba(34,34,34,1);
text-decoration: none;
}

ul 
{
list-style-type: none;
}

::-moz-selection { background: rgba(0,0,0,1); }
::selection { background: rgba(0,0,0,1); }

/******************************************************/
/********************  VVX GLOBAL  ********************/
/******************************************************/

.h10
{
height: 10%;
}
.h20
{
height: 20%;
}
.h30
{
height: 30%;
}
.h40
{
height: 40%;
}
.h50
{
height: 50%;
}
.h60
{
height: 60%;
}
.h70
{
height: 70%;
}
.h80
{
height: 80%;
}
.h90
{
height: 90%;
}
.h100
{
height: 100%;
}

.w5
{
width: 5%);
}
.w10
{
width: 10%;
}
.w15
{
width: 15%;
}
.w20
{
width: 20%;
}
.w30
{
width: 30%;
}
.w33
{
width: 33.333%;
} 
.w40
{
width: 40%;
}
.w50
{
width: 50%;
}
.w60
{
width: 60%;
}
.w66
{
width: 66.666%;
} 
.w70
{
width: 70%;
}
.w80
{
width: 80%;
}
.w90
{
width: 90%;
}
.w100
{
width: 100%;
}

.flex 
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -webkit-flexbox;
display: flex; 
flex: 1 0 auto;
} 

@media (max-width: 1280px) 
{
.flex 
{
flex-direction: column;
flex-wrap: wrap;
}
}

@media (max-width: 1280px) 
{
.flexsub
{
width: 100%; 
}
}

.flexstart
{
align-items: flex-start;
}

.flexrow 
{
flex-direction: row;
} 

.flexwrap 
{
flex-wrap: wrap;
}

.ord0 
{
order: 0;
}
.ord1
{
order: 1;
}



.pd10
{
padding: 10px;
}
.pd15
{
padding: 15px;
}
.mg10
{
margin: 10px;
}
.mg15
{
margin: 15px;
}

.bg_fff
{
background-color: rgba(255,255,255,1);
}
.bg_000
{
background-color: rgba(0,0,0,1);
}

.bgBasic
{
background: rgba(51,53,59,1);
background-image: -webkit-radial-gradient(rgba(51,53,59,1), rgba(14,15,17,1));
background-image: -moz-radial-gradient(rgba(51,53,59,1), rgba(14,15,17,1));
background-image: -o-radial-gradient(rgba(51,53,59,1), rgba(14,15,17,1));
background-image: radial-gradient(rgba(51,53,59,1), rgba(14,15,17,1));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(37,40,43,1)', endColorstr='rgba(39,43,47,1)',GradientType=0 ); 
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
}

@media (max-width: 1280px) 
{
.clientGFX
	{
	display: none;
	}
}


@media (max-width: 1280px) 
{
.clientGFX2
	{
	display: block !important;
	left: calc(50% - 15vw) !important;
	width: 30vw !important;
	padding-bottom: 5%;
	}
}


.bo_fff
{
border: 1px solid #fff;
}
.bo_000
{
border: 1px solid #000;
}
.bo_dce2e6
{
border: 1px solid rgba(34,34,34,0.1);
}

.shadow
{
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);
}

.rd15
{
border-radius: 15px;
}

.zoom
{
top: 0px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}

.zoom:hover
{
top: -5px;
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
}

.line
{
position: relative;
width: 100%;
height: 1px;
margin: 15px 0 15px 0;
border-bottom: 1px solid rgba(34,34,34,.1);
}

.line2
{
position: relative;
width: 100%;
height: 1px;
margin: 15px 0 15px 0;
border-bottom: 1px solid rgba(255,255,255,.1);
}

/*************************************************/
/********************  LOGIN  ********************/
/*************************************************/

.introText
{
position: absolute;
min-height: 100%;
height: auto;
overflow: auto;
padding: 0;
margin: 0;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

.content
{
position: relative;
min-height: 100vh;
height: auto;
overflow: auto;
padding: 0;
margin: 0;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

.login
{
position: relative;
z-index: 2;
padding: 40px;
margin: 5vh auto 5vh auto;
border-radius: 15px;
font-size: calc(8px + 0.35vw);
color: rgba(255,255,255,1);
background: rgba(0,0,0,.6);
backdrop-filter: blur(50px);
}

@media (max-width: 1280px) 
{
.login
	{
	position: relative;
	width: 90vw;
	margin: 5vh 5vw 5vh 5vw;
	font-size: calc(12px + 0.35vw);
	}
}

.login a
{
font-size: calc(8px + 0.35vw);
color: rgba(255,255,255,1);
}

@media (max-width: 1280px) 
{
.login a
	{
	font-size: calc(12px + 0.35vw);
	}
}

.login h1
{
font-family: "Gilroy W05 Heavy";
font-size: calc(36px + .35vw);
color: rgba(255,255,255,.9);
text-align: center;
line-height: 150%;
}

.login h2
{
font-family: "Gilroy W05 thin";
font-size: calc(10px + .35vw);
color: rgba(255,255,255,1);
text-align: center;
line-height: 150%;
}

.login label 
{
position: relative;
z-index: 99;
top: -35px;
left: 30px;
font-size: 20px;
color: rgba(255,255,255,0.8);
} 

.login input[type=text],
.login input[type=email],
.login input[type=password],
.login select
{
position: relative;
width: 100%;
height: 50px;
border: 0px;
outline: none;
border: 0px solid #fff;
border-radius: 25px;
background: rgba(0,0,0,.4);
padding: 0px 0px 0px 60px !important;
margin: 10px 0 0 10px;
resize: none;
color: rgba(255,255,255,0.5);
-webkit-appearance: none; /* Webkit */
-moz-appearance: none; /* FF */
-ms-appearance: none; /* Edge */
appearance: none; /* Future */
}

.checkbox > label
{
position: relative;
top: 0px;
left: 30px;
width: 100%;
}

.checkbox > p
{
position: relative;
top: -45px;
left: 80px;
width: calc(100% - 80px);
display: block;
}

@media (max-width: 1280px) 
{
.login input,
.login select
	{
	font-size: 16px;
	}
}

.input-container select option 
{
background-color: rgba(0,0,0,.2); !important;
color: #fff !important;
}

/* IE11 */
select::-ms-expand 
{
display: none;
}

.login button
{
position: relative;
width: 40%;
height: 50px;
border: 0px;
outline: none;
border: 0px solid #fff;
border-radius: 25px;
background: rgba(0,0,0,.4);
margin: 0 0 0 10px;
resize: none;
color: rgba(255,255,255,0.5);
cursor: pointer;
}

.login input:hover,
.login select:hover,
.login button:hover
{
color: rgba(255,255,255,1); 
outline:none;
-webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
} 

.login input:focus,
.login select:focus,
.login button:focus 
{
color: rgba(255,255,255,1); 
outline:none;
-webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05);
} 

.help-block
{
position: relative;
z-index: 99;
top: 5px;
color: rgba(184,13,75,1);
text-align: center;
}

input:-webkit-autofill::first-line,
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus 
{
-webkit-text-fill-color: #fff;
transition: background-color 5000s ease-in-out 1s;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: rgba(255, 255, 255, 0.3);
}
::-moz-placeholder { /* Firefox 19+ */
color: rgba(255, 255, 255, 0.3); 
}
:-ms-input-placeholder { /* IE 10+ */
color: rgba(255, 255, 255, 0.3); 
}
:-moz-placeholder { /* Firefox 18- */
color: rgba(255, 255, 255, 0.3); 
}

@media (max-width: 1280px) 
{
.clearDevice
	{
	display: none;
	}
}

.footer
{
position: fixed;
z-index: 99;
bottom: 20px;
right: 20px;
font-size: calc(6px + 0.35vw);
color: rgba(255,255,255,.5);
}

.footer a,
.footer a:hover,
.footer a:focus,
.footer a:active
{
font-size: calc(6px + 0.35vw);
color: rgba(255,255,255,.5);
padding: 0 4px 0 4px;
}