@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;700&display=swap');

/*
Theme Name: LONE
Author: Neiko
Author URI: http://www.neiko.it/
Description: Tema per LONE - 2022
Version: 1.0
License: GNU General Public License v2 or later
*/
/* GENERAL */
html,body {
	margin:0;
	padding:0;
	font-family:'Jost',Helvetica,Arial,sans-serif !important;
	font-size: 18px !important;
	font-weight:400;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	background-color:#000;
	color:#FFF;
}

@media (min-width: 1600px){
	html,body {
		font-size: 21px !important;
	}
}


.tooltip {
	font-weight:700;
	z-index:9999;
}

img,a img {
	border:none!important;
}


::-moz-selection {
	background:none repeat scroll 0 0 #FFF;
	color:#eee;
}

* {
	outline:0!important;
}

b,strong,.bold {
	font-weight:700;
}

a,a:visited {
	outline-style:none;
	text-decoration:none;
	color:#FFF;
}

a:hover {
	cursor:pointer !important;
	text-decoration:underline;
	color:#FFF;
}


@media (min-width: 1220px){
	.container-fluid {
	    padding-left: 50px;
	    padding-right: 50px;
	}
}

@media (min-width: 1600px){
	.container-fluid {
	    padding-left: 100px;
	    padding-right: 100px;
	}
}

.container-fluid.no_padding {
	    padding-left: 15px !important;
	    padding-right: 15px !important;
	}


/* TYPO */

.uppercase{
	text-transform: uppercase;
}

.lowercase{
	text-transform: lowercase;
}

.standardcase {
	text-transform:none;
}

.big{
	font-size: 1.2rem;
}

.small{
	font-size: 0.8rem;
}

h1,h2,h3,h4,h5,h6.h1,.h2,.h3 {
	font-weight:700;
	line-height: 1.3;
	margin:0;
	padding:0;
	margin-bottom:15px;
}


/* LOADER */

#loading {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:998;
	background-color:#000;
}

.loader {
	color:#FFF;
	font-size:50px;
	text-indent:-9999em;
	overflow:hidden;
	width:1em;
	height:1em;
	border-radius:50%;
	margin:50px auto;
	position:relative;
	top:40%;
	-webkit-transform:translateZ(0);
	-ms-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-animation:load6 1.7s infinite ease,round 1.7s infinite ease;
	animation:load6 1.7s infinite ease,round 1.7s infinite ease;
}

@-webkit-keyframes load6 {
	0% {
		box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em;
	}
	
	5%,95% {
		box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em;
	}
	
	10%,59% {
		box-shadow:0 -.83em 0 -0.4em,-.087em -.825em 0 -0.42em,-.173em -.812em 0 -0.44em,-.256em -.789em 0 -0.46em,-.297em -.775em 0 -.477em;
	}
	
	20% {
		box-shadow:0 -.83em 0 -0.4em,-.338em -.758em 0 -0.42em,-.555em -.617em 0 -0.44em,-.671em -.488em 0 -0.46em,-.749em -.34em 0 -.477em;
	}
	
	38% {
		box-shadow:0 -.83em 0 -0.4em,-.377em -.74em 0 -0.42em,-.645em -.522em 0 -0.44em,-.775em -.297em 0 -0.46em,-.82em -.09em 0 -.477em;
	}
	
	100% {
		box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em;
	}
}

@keyframes load6 {
	0% {
		box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em;
	}
	
	5%,95% {
		box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em;
	}
	
	10%,59% {
		box-shadow:0 -.83em 0 -0.4em,-.087em -.825em 0 -0.42em,-.173em -.812em 0 -0.44em,-.256em -.789em 0 -0.46em,-.297em -.775em 0 -.477em;
	}
	
	20% {
		box-shadow:0 -.83em 0 -0.4em,-.338em -.758em 0 -0.42em,-.555em -.617em 0 -0.44em,-.671em -.488em 0 -0.46em,-.749em -.34em 0 -.477em;
	}
	
	38% {
		box-shadow:0 -.83em 0 -0.4em,-.377em -.74em 0 -0.42em,-.645em -.522em 0 -0.44em,-.775em -.297em 0 -0.46em,-.82em -.09em 0 -.477em;
	}
	
	100% {
		box-shadow:0 -.83em 0 -0.4em,0 -.83em 0 -0.42em,0 -.83em 0 -0.44em,0 -.83em 0 -0.46em,0 -.83em 0 -.477em;
	}
}

@-webkit-keyframes round {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}

@keyframes round {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}



/* HEADER */
.navbar-brand img{
	width: 100px;
	height: auto;
	display: block;
	transition: all  0.5s ease;
}

.navbar li{
	margin-left: 15px;
}

.navbar .nav-item a{
	text-transform: uppercase;	
	border: 5px solid #000;
	font-weight: 700;
	font-size: 0.9rem;
}

.navbar .nav-item a:hover{
	border: 5px solid #FFF;
	color: #FFF;
}



@media (max-width: 767.98px){
	.navbar li{
		margin-left: 0;
	}
	
	.navbar .nav-item a{
		text-align: center;
	}
}

/* fisso header in alto */

.fixed-header{
	position: fixed !important;
	top:0;
	left: 0;
	width: 100%;
	z-index: 10;
	background-color: #000;
	transition: all  0.5s ease;
	border-bottom: 1px solid rgba(255,255,255,0);
}

#content{
	margin-top: 150px;
	overflow: hidden;
}

.small-header{
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.small-header .navbar-brand img{
	width: 50px;
}



/* FOOTER */
#back-to-top {
	z-index:999;
	background-color:#000;
	color:#eee;
	width:auto;
	border:none;
	padding:5px 10px;
	border-radius:20px;
	vertical-align:middle;
	text-align:center;
	position:fixed;
	top:auto;
	left:auto;
	bottom:30px;
	right:30px;
}

#back-to-top a {
	color:#FFF;
}

#back-to-top a:hover {
	text-decoration:none;
}

#back-to-top:hover{
	background-color:#111;
}



/* PAGINE */
.big_title{
	font-size: 6rem;
	text-transform: uppercase;
	text-shadow: -1px -1px 0 #777, 1px -1px 0 #777, -1px 1px 0 #777, 1px 1px 0 #777;
	color: #000;
}

@media (max-width: 991.99px){
	.big_title{
		font-size: 3rem;
	}
	
	.fadein_block_mobile {
		opacity: 0;
		transform: translateY(50px);
		-webkit-transform:translateY(50px);
		-moz-transform:translateY(50px);
		transition: all 0.75s ease 0s;
		-webkit-transition:all 0.75s ease 0s;
		-moz-transition:all 0.75s ease 0s;
	  
	}
	
	.fadein_block_mobile.animate {
		opacity: 1;
		transform: translateY(0px);
		-webkit-transform:translateY(0px);
		-moz-transform:translateY(0px);    	 
	}
}

.slogan{
	font-size: 2rem;
	line-height: 2.1rem;	
}

.strike_text{
  text-decoration: line-through;
  text-decoration-line: line-through;
  text-decoration-style: solid;
  text-decoration-color: #FFF;
  text-decoration-thickness: 1px;
}

@media (min-width: 1600px){
	.py100 {
	    padding-top: 150px !important;
	    padding-bottom: 150px !important;
	}
	.pt100 {
	    padding-top: 150px !important;
	}
	.pb100 {
	    padding-bottom: 150px !important;
	}
}


@media (max-width: 991.99px){
	.py100 {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
	.pt100 {
		padding-top: 50px !important;
	}
	.pb100 {
		padding-bottom: 50px !important;
	}
}

.shine_text {
/*
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 12px 48px;
 */
  padding-left: 48px;
  padding-right: 100px;
  margin-left: -48px;
  color: #fff;
  background: linear-gradient(to right, #4d4d4d 0, #fff 10%, #4d4d4d 20%);
  background-position: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 6s infinite linear;
  animation-fill-mode: forwards;
  -webkit-text-size-adjust: none;
  text-decoration: none;
  white-space: nowrap;
}

@-moz-keyframes shine {
  0% {
    background-position: 0;
  }
  60% {
    background-position: 220px;
  }
  100% {
    background-position: 220px;
  }
}
@-webkit-keyframes shine {
  0% {
    background-position: 0;
  }
  60% {
    background-position: 220px;
  }
  100% {
    background-position: 220px;
  }
}
@-o-keyframes shine {
  0% {
    background-position: 0;
  }
  60% {
    background-position: 220px;
  }
  100% {
    background-position: 220px;
  }
}
@keyframes shine {
  0% {
    background-position: 0;
  }
  60% {
    background-position: 220px;
  }
  100% {
    background-position: 220px;
  }
}