@charset "utf-8";

/* == 01. Body == */
body {
	margin: 0;
	font-family: 'Raleway', sans-serif;
}

.stilo {
	color: #2443ac !important;
}

/*Start PreLoader*/
.loader {
	position: fixed;
	z-index: 10000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
}

.loader-circle {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    border: 3px solid #fff;
    animation: loader-circle-spin 1s 0s infinite cubic-bezier(.21, .53, .56, .8);
}
@keyframes loader-circle-spin {
    0% {
        transform: scale(0);
    }
    70% {
        transform: scale(1);
    }
    100% {
        opacity: 0
    }
}

/*End PreLoader*/

/*Clear Div*/
.clear {
	clear: both;
}

/*A Space*/
.aspace {
	margin-top: 30px;
}

/* == 02. Background Pattern & Overlay Color == */
@keyframes bgscroll {
	from {
		background-position: 0 0;
	}

	to {
		background-position: -1220px 0;
	}
}

@-webkit-keyframes bgscroll {
	from {
		background-position: 0 0;
	}

	to {
		background-position: -1220px 0;
	}
}

.bgimg {
	background: url(../img/pattern_bg.png) repeat;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	z-index: -9999;
	animation: bgscroll 40s infinite linear;
	-webkit-animation: bgscroll 40s infinite linear;
}

.overlaybg {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	background: rgba(0, 0, 0, .2);
}

/* == 04. HomePage == */

.containerhome {
	width: 100%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}

.containerhome h1 {
	color: #fff;
	font-size: 85px;
	font-weight: 300;
	letter-spacing: 10px;
	padding-top: 14px;
}

.containerhome p {
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	letter-spacing: 1.5px;
}