header{
	background: #000000;
	color: #ffffff;
}

.sp-logo{
	max-height: 75px;
}

#ghostnet-campaign{
	font-size: 2.1rem;
	text-transform: uppercase;
	color: #ffffff;
}

.sp-menu-item{
	color: #ffffff;
	font-size: 1.3rem;
	font-weight: bold;
}

.sp-menu-item:hover, .sp-footer-menu-item:hover, .sp-legal-menu-item:hover, footer a:hover, .sp-footer-menu-icon:hover{
	color: #f45700;
}

.sp-footer-title{
	line-height: 1.8rem;
	margin-bottom: calc(5px*2);
}

.sp-footer-content{
	min-width: auto;
}

.sp-footer-menu-item, .sp-legal-menu-item{
	transition: all 0.2s ease;
	cursor: pointer;
}

.sp-main-content-content{
	line-height: 1.4rem
}

.sp-main-content-content h1{
	font-size: 2.5rem;
	line-height: 2.5rem;
	margin-bottom: 30px;
	margin-top: -30px;
}

.sp-modal .sp-main-content-content h1{
	margin-top: 0;
}

.sp-des-page{
	padding: 0 calc(30px*10);
}

.sp-main-content-content ~ .sp-des-page{
	margin-top: calc(-30px*3);
	margin-bottom: calc(30px*3);
}

.fen-check, .fen-radio{
	top: 0.15rem;
}

.fen-switch-track{
	top: 0.3rem;
}
.fen-switch{
	top: 0.1rem;
}

.fen-radio-item{
	margin-bottom: 0px;
}

.sp-main-content-top{
	text-align: left;
}

.sp-main-content img.sp-intro-img{
	max-width: 250px;
	float: right;
}

.sp-intro{
	color: #ffffff;
}

.sp-main-content-box{
	width: 28%;
}
.sp-main-content-box-title{
	color: #d41616;
}
.sp-main-content-box-img{
	width: 8%;
}
.sp-main-content-intro{
	padding: 30px 30px;
}

.sp-main-content-box-text{
	color: #000000;
}

.sp-main-content-box-icon{
	background-color: #16c519;
}
.sp-scale:hover {
	transform: scale(1.15);
}

.sp-content-image-after{
	width: 100%;
	height: 15px;
	background: #16c519;
	display:block;
	position: absolute;
	bottom: 0;
}

.sp-article-teaser-img img {	
	width: 100%;
	height: calc(30px*15);
	object-fit: cover;
}

.sp-content-text-wrapper{
	position: absolute;
	top: 59%;
	left: 5%;
	transform: translateY(-50%);
	background: #000000;
	padding: 30px;
}

.sp-content-text-top, .sp-content-text-top-sub {
	position: relative;
	transform: none;
	left: 0;
	top: 0;
}

.sp-button{
	text-transform: uppercase;
	background: #15cb3a;
	border-color: #15cb3a;
}

.sp-content-map{
	padding: 0 calc(30px*5) 30px;
}

.sp-slide-intro, .sp-slide-title{
	position: relative;
	transform: none;
	left: 0;
	top: 0;
	text-shadow: none;
}

.sp-slide-text-box{
	position: absolute;
	top: 35%;
	left: calc(30px*3);
	background: black;
	padding: 15px;
	max-width: 80%;
}

.sp-footer-menu-item{
	font-size: 1.2rem;
}

.fen-1-2{
	width: calc(50% - 15px);
}

.slides, .slides img{
	height: 100vh;
}

.sp-main-content-top-title{
	text-align: center;
}

.sp-content-title{
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 5px;
}

.sp-fen-view{
	max-width: 800px;
}

.content-left-img{
	float: right;
	max-width: 300px;
	margin-left: 15px;
}

.sp-button{
	white-space: nowrap;
}

.segnala-btn{
	background-color: #FAFAFA;
	color: #d41616;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

.sp-text-note{
	color: #d41616c4;
	font-size: 1rem;
}

[data-scrollto]{
	color: #f45700;
	cursor: pointer;
}
[data-scrollback]{
	cursor: pointer;
}

@media only screen and (max-width: 600px) {
	.sp-content-text-wrapper{
		left: 0;
	}
	
	.sp-content-map .sp-button{
		margin-left: 0;
	}
	
	.sp-content-map{
		padding: 0 30px 30px;
	}
	.sp-main-content-content h1{
		margin-top: 15px;
		font-size: 2rem;
		line-height: 2.1rem;
	}
	
	.content-left-img{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	.sp-footer-title-socials{
		margin-top: 15px;
	}
	
	.sp-main-content-top{
		font-size: 1rem;
		line-height: 1.5rem;
	}
	.sp-main-content-box{
		width:100%;
		margin: 0;
	}
	
	h3.sp-intro{
		margin-bottom: -15px;
	}
	
	.sp-main-content-box-text{
		font-size: 1rem;
	}
	.sp-main-content-box{
		margin-top: calc(30px*2);
	}
	.sp-main-content-intro .sp-main-content-box:first-child{
		margin-top: 0;
	}
	.sp-main-content img.sp-intro-img{
		max-width: 150px;
	}
	.sp-footer-content{
		margin: 0;
	}
	.sp-legal-menu-item{
		margin-top: 15px;
	}
	.sp-menu-item {
		margin: 0;
	}
	.sp-des-page{
		padding: 0 30px;
	}
	.sp-main-content-content ~ .sp-des-page{
		margin-top: calc(-30px);
		margin-bottom: calc(30px);
	}
	.sp-content-text-top{
		line-height: 1.8rem;
	}
	.sp-content-text-top-sub {
		/*
		top: 70%;
		left: 50%;
		transform: translateX(-50%);
		*/
		font-size: 0.9rem;
		text-align: center;
	}
	.fen-radio-item{
		width: 100%;
	}
	.des .sp-button{
		text-align: center;
	}
}
@media only screen and (max-width: 1024px) {
	.sp-main-content-box{
		width: auto;
	}
	
	.sp-main-content-top {
		padding: 30px;
		font-size: 1.2rem;
	}
	.sp-legal-menu-item{
		margin-top: 5px;
	}
	.sp-main-content-content{
		padding-left: 30px;
		padding-right: 30px;
	}
	.sp-des-page{
		padding: 0 30px;
	}
	.sp-main-content-content ~ .sp-des-page{
		margin-top: calc(-30px);
		margin-bottom: calc(30px);
	}
	
	.sp-slide-text-box{
		left: 0;
	}
	
	.slides, .slides img{
		height: 400px;
	}
	
	#ghostnet-campaign{
		font-size: 1.5rem;
	}
	
	.sp-menu-item{
		font-size: 1.2rem;
	}
	h3.sp-intro{
		margin-bottom: -15px;
	}
	.sp-main-content-box{
		margin-top: calc(2*30px);
	}
	.sp-main-content-box-img {
	  width: 60px;
	}
	
	footer{
		padding: 30px;
	}
	
	.sp-main-content-box-text{
		font-size: 1.2rem;
	}
	
	.sp-main-content-box-title{
		font-size: 1.5rem;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1199px){
	footer{
		padding: 15px calc(15px*2);
	}
	
	.sp-des-page{
		padding: 0 30px;
	}
	.sp-main-content-content ~ .sp-des-page{
		margin-top: calc(-30px);
		margin-bottom: calc(30px);
	}
}

@media only screen and (max-width: 300px) {
	body{
		font-size: 12px;
	}
}