/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* ADMIN EDITOR (DON'T DELETE THIS LINE) */
@import 'admin-editor.css';
/* END ADMIN EDITOR */
section#underContruction {
	background-color: black;
	overflow: hidden;
	position:relative;
}
section#underContruction .logo{
	min-height: 40vh;

}
section#underContruction .logoBox img{
	margin:auto;

}

section#underContruction .soon{
	text-align: center;
    letter-spacing: 4.75rem;
    font-size: 75px;
    font-size: 4vw;
    -webkit-text-stroke: 2px #8650FF;
    color: transparent;
    width: 110%;
	margin: auto;
	-webkit-transform: translateX(-3%);
	    -ms-transform: translateX(-3%);
	        transform: translateX(-3%);

}
section#underContruction .soon, section#underContruction .spacerBox{
	min-height: 0px;
}
section#underContruction div.bg-img{
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-position: center center;
	pointer-events: none;
}
section#underContruction div.ballP{
	background-image: url('../public/images/ballsP.png');
}
section#underContruction div.ballG{
	background-image: url('../public/images/ballsG.png');
}
section#underContruction div.squareP{
	background-image: url('../public/images/squareP.png');
}
section#underContruction div.squareG{
	background-image: url('../public/images/squareG.png');
}
section#underContruction div.rectangle{
	width: 60px;
	height: 10px;
	border: 2px solid #FFFFFF;
	opacity: 1;
}

section#underContruction footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding:30px 15px 100px 15px;
	max-width: 1400px;
	margin:auto;
}

a {
	color:#fff;
	-webkit-transition: color 150ms ease-in-out;
	-o-transition: color 150ms ease-in-out;
	transition: color 150ms ease-in-out;
}
a:hover  {
	color:#8650FF;
	text-decoration: none;

}

@media (max-width: 1550px) {
	section#underContruction .soon, section#underContruction .spacerBox {
		min-height: 50px;
	}
	section#underContruction .soon {
		letter-spacing: 3.75rem;
	}
}
@media (max-width: 1366px) {

	section#underContruction .soon {
		letter-spacing: 3.25rem;
	}
}
@media (max-width: 1280px) {
	.spacerBox {
		display:none;
	}
	section#underContruction .soon {
		letter-spacing: 2.25rem;
	}
}
@media (max-width: 1024px) {
	section#underContruction .logo {
		min-height: 80vh;
	}
}
@media (max-width: 550px) {
	section#underContruction .logo {
		min-height: 50vh;
	}
	section#underContruction footer {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	section#underContruction footer > div {
		padding-top: 60px;
		padding-left: 30px;
	}
	section#underContruction .soon {
		letter-spacing: 1.25rem;
		-webkit-text-stroke: 1px #8650FF;
		font-size:26px;
	}
}

/* FRONTEND STYLE */
body{
	position: relative;
	background-color:black !important;
}
.h1, h1 {
    font-size: inherit;
}
#cursor{
	position: absolute;
	width: 20px;
	height: 20px;
	border: 1px solid #333333;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
	-webkit-transform: translate(-50%,-50%), translate3d(0, 0, 0);
	        transform: translate(-50%,-50%), translate3d(0, 0, 0);
	border-radius: 50%;
	pointer-events: none;
	z-index: 9999999;
}

#cursor.click, #cursor.send, #cursor.zoom{
	width: 80px;
	height: 80px;
	border: 1px solid orangered;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
} 
#cursor.click::after{
	content: "click";
	color: orangered;
} 
#cursor.send::after{
	content: "send";
	color: orangered;
} 
#cursor.zoom::after{
	content: "zoom";
	color: orangered;
} 

.rating {
    /* float:left; */
    width:160px;
}
.rating span { 
	float: right;
	position:relative; 
}
.rating span input {
    position:absolute;
    top:0px;
    left:0px;
    opacity:0;
}
.rating span label {
    display:inline-block;
    width:30px;
    height:30px;
    text-align:center;
    color:#FFF;
    background:#ccc;
    font-size:30px;
    margin-right:2px;
    line-height:30px;
    border-radius:50%;
    -webkit-border-radius:50%;
}
.rating span:hover ~ span label,
.rating span:hover label,
.rating span.checked label,
.rating span.checked ~ span label {
    background:#F90;
    color:#FFF;
}

/* ENDFRONTEND STYLE */
.t12 {
	font-size: 12px;
  	line-height: 1.2;
}
.t16 {
	font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1800 - 300)));
  	line-height: 1.3;
}
.t18 {
	font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1800 - 300)));
  	line-height: 1.3;
}
.t40 {
	font-size: calc(22px + (40 - 22) * ((100vw - 300px) / (1800 - 300)));
  	line-height: 1.3;
}
.t50 {
	font-size: calc(30px + (50 - 30) * ((100vw - 300px) / (1800 - 300)));
  	line-height: 1.3;
}
.t70 {
	font-size: calc(40px + (70 - 40) * ((100vw - 300px) / (1800 - 300)));
  	line-height: 1.3;
}
.bold{
	font-weight: 700;
}
.light{
	font-weight: 300;
}
.ls4{
	letter-spacing: 4px;
}
.ls6{
	letter-spacing: 6px;
}
.ls9{
	letter-spacing: 9px;
}
.c-white{
	color: white;
}
.c-black{
	color: #2C2C2C;
}
.c-blue{
	color: #009EBD;
}

.underline{
	text-decoration: underline;
}
.lh2{
	line-height: 2;
}

.pad{
	padding: 0 var(--pad);
}
.pad-l{
	padding-left:var(--pad);
}
.pad-r{
	padding-left:var(--pad);
}

.bg-grey, .bg-gray {
    background-color: #ECECEC;
}
.bg-blue {
    background-color: #009EBD;
}

.img-cover{
	-o-object-fit: cover;
	   object-fit: cover;
}
/* CONFIG */
.critec{
    font-weight: 800;
    font-size: 28px;
    font-family: 'Gilroy';
    text-transform: lowercase;
}
.narrow{
    font-weight: 800;
    font-family: 'Narrow';
}


.spacer150 {grid-column: inherit; height: 150px;width: 100%;}
.spacer120 {grid-column: inherit; height: 120px;width: 100%;}
.spacer90 {grid-column: inherit; height: 90px;width: 100%;}
.spacer60 {grid-column: inherit; height: 60px;width: 100%;}
.spacer30 {grid-column: inherit;height: 30px;width: 100%;}
.spacer15 {grid-column: inherit;height: 15px;width: 100%;}

/* LARGE DISPLAY'S */
@media (max-width: 1200px) {
	.lg-spacer150 {height: 150px;}
	.lg-spacer120 {height: 120px;}
	.lg-spacer90 {height: 90px;}
	.lg-spacer60 {height: 60px;}
	.lg-spacer30 {height: 30px;}
	.lg-spacer15 {height: 15px;}

	.lg-block150 {display: inline-block; width: 150px;}
	.lg-block120 {display: inline-block; width: 120px;}
	.lg-block90 {display: inline-block; width: 90px;}
	.lg-block60 {display: inline-block; width: 60px;}
	.lg-block30 {display: inline-block; width: 30px;}
	.lg-block15 {display: inline-block; width: 15px;}

	.lg-taleft {text-align: left;}
	.lg-tacenter {text-align: center;}
	.lg-taright {text-align: right;}
	.lg-tajustify {text-align: justify;}
}

/* DESKTOP */
@media (max-width: 992px) {
	.md-spacer150 {height: 150px;}
	.md-spacer120 {height: 120px;}
	.md-spacer90 {height: 90px;}
	.md-spacer60 {height: 60px;}
	.md-spacer30 {height: 30px;}
	.md-spacer15 {height: 15px;}

	.md-block150 {display: inline-block; width: 150px;}
	.md-block120 {display: inline-block; width: 120px;}
	.md-block90 {display: inline-block; width: 90px;}
	.md-block60 {display: inline-block; width: 60px;}
	.md-block30 {display: inline-block; width: 30px;}
	.md-block15 {display: inline-block; width: 15px;}

	.md-taleft {text-align: left;}
	.md-tacenter {text-align: center;}
	.md-taright {text-align: right;}
	.md-tajustify {text-align: justify;}
}

/* TABLET */
@media (max-width: 768px) {
	.sm-spacer150 {height: 150px;}
	.sm-spacer120 {height: 120px;}
	.sm-spacer90 {height: 90px;}
	.sm-spacer60 {height: 60px;}
	.sm-spacer30 {height: 30px;}
	.sm-spacer15 {height: 15px;}

	.sm-block150 {display: inline-block; width: 150px;}
	.sm-block120 {display: inline-block; width: 120px;}
	.sm-block90 {display: inline-block; width: 90px;}
	.sm-block60 {display: inline-block; width: 60px;}
	.sm-block30 {display: inline-block; width: 30px;}
	.sm-block15 {display: inline-block; width: 15px;}

	.sm-taleft {text-align: left;}
	.sm-tacenter {text-align: center;}
	.sm-taright {text-align: right;}
	.sm-tajustify {text-align: justify;}
}

/* MOBILE */
@media (max-width: 420px) {
	.xs-spacer150 {height: 150px;}
	.xs-spacer120 {height: 120px;}
	.xs-spacer90 {height: 90px;}
	.xs-spacer60 {height: 60px;}
	.xs-spacer30 {height: 30px;}
	.xs-spacer15 {height: 15px;}

	.xs-block150 {display: inline-block; width: 150px;}
	.xs-block120 {display: inline-block; width: 120px;}
	.xs-block90 {display: inline-block; width: 90px;}
	.xs-block60 {display: inline-block; width: 60px;}
	.xs-block30 {display: inline-block; width: 30px;}
	.xs-block15 {display: inline-block; width: 15px;}

	.xs-taleft {text-align: left;}
	.xs-tacenter {text-align: center;}
	.xs-taright {text-align: right;}
	.xs-tajustify {text-align: justify;}
}

img {
	max-width: 100%;
}