/*! /////// Preloader /////// */
/* Preloading Page */
body {
    cursor: url(./../assets/cursore.png), auto;
	background:#011ac2; 
}

.loading {
    background-color: white;
    color: #011ac2;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    position: fixed;
    z-index: 9999;
}

/* Linear loading */



.bar-container {
    position: relative;
    height: 15px;
    width: 100%;
    background-color: #011ac2;
}

.bar {
    content: "";
    display: inline;
    position: absolute;
    height: 100%;
    width: 0;
    right: 0;
}

.bar:nth-child(1) {
    background-color: #20874e;
    -webkit-animation: linear_loader 3s linear 1s infinite;
    animation: linear_loader 3s linear 1s infinite;
}

.bar:nth-child(2) {
    background-color: #e41e26;
    -webkit-animation: linear_loader 3s linear 2s infinite;
    animation: linear_loader 3s linear 2s infinite;
}

.bar:nth-child(3) {
    background-color: #fed50a;
    -webkit-animation: linear_loader 3s linear 3s infinite;
    animation: linear_loader 3s linear 3s infinite;
}

@-webkit-keyframes linear_loader {
    0% {
        right: 100%;
        width: 10%;
    }
    30% {
        right: 0%;
        width: 40%;
    }
    50% {
        right: 0%;
        width: 0%;
    }
    80% {
        right: 0%;
        width: 0%;
    }
    100% {
        right: 0%;
        width: 0%;
    }
}

@keyframes linear_loader {
    0% {
        right: 100%;
        width: 10%;
    }
    30% {
        right: 0%;
        width: 40%;
    }
    50% {
        right: 0%;
        width: 0%;
    }
    80% {
        right: 0%;
        width: 0%;
    }
    100% {
        right: 0%;
        width: 0%;
    }
}

.text-loader {
    padding-top: 400px;
    text-align: center;
    font-size: 1.5em;
    color: black;
    font-weight: 600;
    text-transform: uppercase;
}


/*! /////// Fonts /////// */
/*! All */

h1 h2,
h3,
h4,
h5 {
    font-family: 'Rajdhani', sans-serif;
}

p {
    font-family: 'Rajdhani', sans-serif;
}

a {
    color: black;
    font-weight: 100;
    font-family: 'Rajdhani', sans-serif;
}

a:hover {
    color: black;
    font-family: 'Rajdhani', sans-serif;
	text-decoration: none;
	cursor: url(./../assets/cursore.png), auto;
}

/* /////// Fonts /////// *
/* Homepage section */

.title {
    padding-top: 100px;
    padding-left: 40px;
    font-family: 'Verdana';
    text-align: center;
    font-size: 6em;
    color: #011ac2;
    font-weight: 600;
}

.subtitle-typo {
    text-align: center;
    font-size: 2em;
    color: black;
    font-weight: 600;
    margin-top: 20px;
    padding-left: 40px;
}

.paragraph {
	font-family: 'Rajdhani', sans-serif;
	font-size: 16px;
	text-align: justify;
	color: #011ac2;
	line-height: 1.6;
	margin: 30px;
	-webkit-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 80px;
	column-gap: 80px;
	padding-bottom: 30px;
	-webkit-column-rule: 6px solid black;
	column-rule: 6px solid black;
}


/* Paragraph section */
.subtitle_right {
    font-family: 'Rajdhani', sans-serif;
    text-align: right;
    padding-right: 40px;
    padding-left: 40px;
    color: white;
    font-size: 4em;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.subtitle_left {
    font-family: 'Rajdhani', sans-serif;
    padding-right: 40px;
    padding-left: 40px;
    text-align: left;
    color: white;
    font-size: 4em;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.paragraph_right {
    text-align: right;
    padding-right: 40px;
    padding-left: 40px;
    color: white;
    font-size: 1.5em;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.paragraph_center {
    text-align: center;
    padding-right: 80px;
    padding-left: 80px;
    color: white;
    font-size: 1.2em;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}


.paragraph_center_questionBig {
    text-align: center;
    padding-right: 80px;
    padding-left: 80px;
    color: blue;
    font-size: 1.5em;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-weight: 700;
}

.paragraph_center_questionSmall {
    text-align: center;
    padding-right: 80px;
    padding-left: 80px;
    color: black;
    font-size: 1.1em;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-weight: 700;
}

.paragraph_center_black {
    text-align: center;
    padding-right: 80px;
    padding-left: 80px;
    color: black;
    font-size: 1.2em;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
/*    justify-content: flex-end;*/
    font-weight: 700;
}

.paragraph_left_black {
    text-align: left;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    color: black;
    font-size: 1.7em;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-transform: uppercase;
    font-weight: 700;
}

.paragraph_left {
    padding-right: 40px;
    padding-left: 40px;
    text-align: left;
    color: white;
    font-size: 1.5em;
}

.background_blue {
    background-color: #011ac2;
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.question {
    padding-top: 60px;
    text-align: center;
    font-size: 1.3em;
    color: #011ac2;
    font-weight: 600;
}


/* /////// Fake window /////// */
/* Section border */
.section-border {
	border: 6px solid #000000;
	margin-right: 170px;
	margin-left: 170px;
	margin-bottom: 100px;
	margin-top: 100px;
	padding-bottom: 0px;
	background: white;
}

.section-border-fake {
    border-bottom: 6px solid #000000;
	padding-bottom: 0px;
	background:white; 
}

.section-border-fake-bottom {
	border-top: 6px solid #000000;
	height: 80px;
	padding-bottom: 0px;
}
/* Svg fake nav bar */

.menu-1 {
    fill: none;
    stroke: #000;
    stroke-miterlimit: 10;
    stroke-width: 6px;
}

.postion_fakenav {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 20px;
}

.postion_fakenav_bottom {
	padding-top: 15px;
	margin: 10px;
	padding-bottom: 0px;
}


/* Background lines */

.background_lines_img {
    width: 300px;
    height: 300vh;
    position: relative;
    text-align: center;
}

.background-lines {
    width: auto;
    background-position: center;
    background-size: cover;
    margin-top: 60px;
    background-image: url(../assets/floor2-01.svg);
}


/*! -------Accordion -------- */

.blocking {
    padding-left: 15px;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 25px;
    font-weight: 800;
    text-align: center;
    color: #e41e26;
}

.throttling {
    padding-left: 15px;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 25px;
    font-weight: 800;
    text-align: center;
    color: #fed50a;
}

.paid-priorization {
    padding-left: 15px;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 25px;
    font-weight: 800;
    text-align: center;
    color: #20874e;
}

/*!  Border  */
/*!  General  */
.border_blue {
    border: 3px solid #011ac2;
    margin: 0px;
    background: white;
}


.border_white {
    border: 5px solid white;
    margin: 0px;
    background: white;
}

/*!  Square border  */
.border_red {
    border: 5px solid #e41e26;
    margin: 0px;
	margin-top: 50px;
    padding: 50px;
    height: 300px;
    width: 300px;
	
}

.border_red:hover {
    border: 5px solid #e41e26;
    background: ;
    margin: 0px;
	margin-top: 50px;
	background: #e41e26;
    color: white;

  
}

.border_yellow {
    border: 5px solid #fed50a;
    margin: 0px;
	margin-top: 50px;
    background: white;
    padding: 50px;
    height: 300px;
    width: 300px;
}

.border_yellow:hover {
    border: 5px solid #fed50a;
    margin: 0px;
	margin-top: 50px;
    background: #fed50a;
    color: white;
}

.border_green {
    border: 5px solid #20874e;
    padding: 50px;
    margin: 0px;
	margin-top: 50px;
    height: 300px;
    width: 300px;
}

.border_green:hover {
    border: 5px solid #20874e;
    margin: 0px;
	margin-top: 50px;
    background: #20874e;
    color: white;
}

.titoletto {
    border: 5px solid #fed50a;
    margin: 0px;
	margin-top: 50px;
	margin-right: 20px;
	margin-left: 20px;
    background: white;
    padding: 50px;
    height: 300px;
    width: 300px;
}


/*!  Immagini hover  */

.square_red {
    border: 5px solid #e41e26;
    margin: 0px;
	margin-top: 0px;
    background: white;
    padding: 50px;
    height: 300px;
    width: 300px;
	background-image: url(../assets/1rosso.png);
    background-size: 300px;
padding-top: 0px;
	
}

.square_red:hover {
    border: 5px solid #e41e26;
    margin: 0px;
	margin-top: 0px;
	background-image: url(../assets/2rosso.png);
    background-size: 300px;
	padding-top: 0px;
  
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	padding-top:0px;
	margin-top:0px;
}



.square_yellow {
    border: 5px solid #fed50a;
    margin: 0px;
	margin-top: 0px;
    padding: 0px;
	padding-top: 0px;
    height: 300px;
    width: 300px;
	background-image: url(../assets/1giallo.png);
    background-size: 300px;
	
}

.square_yellow:hover {
    border: 5px solid #fed50a;
    margin: 0px;
	margin-top: 0px;
	background-image: url(../assets/2giallo.png);
    background-size: 300px;
  
}

.square_green {
    border: 5px solid #20874e;
    margin: 0px;
	margin-top: 0px;
    background: white;
    padding: 0px;
    height: 300px;
    width: 300px;
	background-image: url(../assets/1verde.png);
    background-size: 300px;
	
}

.square_green:hover {
    border: 5px solid #20874e;
    margin: 0px;
	margin-top: 0px;
	background-image: url(../assets/2verde.png);
    background-size: 300px;
  
}


/* /////// Footer /////// */
footer {
	background: black;
	/*		rgba(155,169,235,1);*/
	color: white;
	padding-top: 2rem;
	padding-bottom: 1 rem;
	margin:0px;
}

footer .img-density {
	height: 80px;
	width: auto;
}

footer .img-poli {
	height: 80px;
	width: auto;
}

footer h4 {
	font-size: 1em;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
}

footer ul {
	font-size: 1em;
	list-style-type: none;
	margin-bottom: 0;
	padding: 0;
	margin-top: 20px;
	font-family: 'Rajdhani', sans-serif;
}




/*! ------- Definition -------- 

.definition-1 {
    fill: #9ea8d4;
}

.definition-2 {
    fill: #fff;
    stroke-width: 3px;
}

.definition-2,
.definition-3,
.definition-4 {
    stroke: #000;
    stroke-miterlimit: 10;
}

.definition-3,
.definition-4 {
    fill: none;
}

.definition-3 {
    stroke-width: 2px;
}

.definition-4 {
    stroke-width: 2.5px;
}

.definition-5 {
    font-size: 37.74px;
    font-family: Rajdhani-Regular, Rajdhani;
}
*/

.subtitle_typo_bottom {
	font-size: 1.2em;
	color: black;
	font-weight: 700;
	margin-top: 30px;
}

.subtitle_typo_bottom:hover {
	font-weight: 800;
	text-decoration: none;
	color: blue;
	cursor: url(./../assets/cursore.png), auto;
}