@font-face {
	font-family: "Sofia";
	src: url("../fonts/Sofia\ Pro/Sofia\ Pro\ Light.otf");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "Sofia";
	src: url("../fonts/Sofia\ Pro/Sofia\ Pro\ Regular.otf");
	font-weight: 400;
	font-style: normal;
}

body {
	overflow-x: hidden;
}

*:focus {
	outline: none !important
}

.btn-red {
	background: #f86168 !important;
}

.box4-gfx,
.protect-gfx {
	transition: all 0.5s;
}

.box4-gfx:hover,
.protect-gfx:hover {
	transform: scale(1.2);
	transition: all 0.5s;
}

.has-overlay {
	overflow: hidden;
}

.nk-banner>.container {
	display: block !important;
}

.shape-a,
.shape-b,
.shape-c {
	position: absolute;
	top: 0;
	bottom: 0;

	background-position: center;
}

.micro-transiction {
	transition: all 5s;
	animation: micro 5s ease-in-out infinite;
}

@keyframes micro {
	0% {
		transform: scale(1) rotate(0deg);
	}

	50% {
		transform: scale(1.05) rotate(2deg);
	}

	100% {
		transform: scale(1) rotate(0deg);
	}
}

.contagiati {
	color: #ffa502;
}

.guariti {
	color: #2ed573;
}

.deceduti {
	color: #ff4757;
}

.status-item.wgs-card {
	transition: all .2s ease .2s;
}

.status-item.wgs-card:hover {
	transform: translateY(-2px);
	box-shadow: 0px 5px 20px 0px rgba(80, 101, 142, 0.2);

	transition: all .2s ease;
}

.status-item.wgs-card span {
	position: absolute;
	display: block;
	transition: all .1s linear;
}

.col-sm-12:nth-child(1) .status-item.wgs-card:hover span {
	background: #ffa502;
}

.col-sm-12:nth-child(2) .status-item.wgs-card:hover span {
	background: #2ed573;
}

.col-sm-12:nth-child(3) .status-item.wgs-card:hover span {
	background: #ff4757;
}

.status-item.wgs-card .top,
.status-item.wgs-card .bottom {
	width: 100%;
	height: 1px;
	transform: scaleX(0);
}

.status-item.wgs-card .left,
.status-item.wgs-card .right {
	width: 1px;
	height: 100%;
	transform: scaleY(0);
}

.status-item.wgs-card .top {
	top: 0;
	left: 0;
	transition-delay: .3s;
	transform-origin: top left;
}

.status-item.wgs-card .right {
	top: 0;
	right: 0;
	transition-delay: .2s;
	transform-origin: top left;
}

.status-item.wgs-card .bottom {
	bottom: 0;
	right: 0;
	transition-delay: .1s;
	transform-origin: top right;
}

.status-item.wgs-card .left {
	top: 0;
	left: 0;
	transform-origin: bottom left;
}

.status-item.wgs-card:hover .top {
	transition-delay: 0s;
}

.status-item.wgs-card:hover .right {
	transition-delay: .1s;
}

.status-item.wgs-card:hover .bottom {
	transition-delay: .2s;
}

.status-item.wgs-card:hover .left {
	transition-delay: .3s;
}

.status-item.wgs-card:hover .top,
.status-item.wgs-card:hover .bottom {
	transform: scaleX(1);
}

.status-item.wgs-card:hover .left,
.status-item.wgs-card:hover .right {
	transform: scaleY(1);
}

.nk-banner-block p {
	opacity: 0;
}

a[href="#protect"].has-shield {
	position: relative;
	transition: all .1s ease;

	width: 110%;
}

a[href="#protect"].has-shield>em.icon.ni.ni-shield-half {
	transition: all .1s ease;

	position: absolute;
	top: 50%;
	right: 0;

	transform: translate(-50%, -50%);
}

a[href="#protect"].has-shield:hover>em.icon.ni.ni-shield-half {
	transform: translate(-55%, -45%) scale(1.25);
	transform-origin: center center;

	transition: all .1s ease;
}

/*da qui in poi ho proato a rifare quello che ha fatto Antonello sopra per lo scudo */
a[href="#daleggere"].has-shield {
	position: relative;
	transition: all .1s ease;

	width: 110%;

}

a[href="#daleggere"].has-shield>em.icon.ni.ni-arrow-right {
	transition: all .1s ease;

	position: absolute;

	transform: scale(1) rotate(90deg);
	animation: arrow 2s ease-in-out infinite;
}

@keyframes arrow {
	0% {
		transform: scale(1) rotate(90deg);
		right: -10%;
		top: -5px;
	}

	50% {
		transform: scale(1.25) rotate(90deg);
		;
		right: -10%;
		top: 10px;
	}

	100% {
		transform: scale(1) rotate(90deg);
		right: -10%;
		top: -5px;
	}
}

@media (max-width: 414px) {
	ul.nk-banner-btns {
		flex-direction: column;
	}
}

/*qui finisce */

@media (min-width: 992px) {
	.section-l:first-child {
		padding-top: 0;
		padding-bottom: 30px;
	}
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-button-prev {
	left: -10%
}

.swiper-button-next {
	right: -10%
}

.nk-copyright {
	display: flex;
	align-items: baseline;
	font-family: 'Sofia';
	font-weight: 300 !important;
	color: white !important;
}

.nk-copyright a {
	white-space: nowrap !important;
	display: inline-block !important;

	width: 100%;
	max-width: 81px !important;

	color: orange !important;
	font-family: 'Sofia';
	font-weight: 400;
	line-height: 1 !important;

	overflow: hidden;
	transition: all .25s ease;
}

.nk-copyright a:hover {
	max-width: 150px !important;
}

.image-protect {
	margin-bottom: 1.5rem;
}

.title-blue {
	font-size: 1.125rem;
	margin-bottom: .125rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #2a81ea;
}

.title-red {
	color: #ff4757;

}

.nk-banner-block .status {
	padding-top: .5rem !important;
}

.wgs-head-numeri {
	padding-right: 0 !important;
	border-bottom: 0px !important;
}

.wgs-head-numeri .count {
	line-height: 1;
	padding-top: 5px !important;
}

.status .subtitle {
	padding-top: 1rem;
	font-size: 1.125rem;
	margin-bottom: .125rem;
	letter-spacing: 0.1em;

	text-transform: uppercase;
	color: #2a81ea;
}

.phone-icon {
	height: 18px;
	padding-right: 2px;
}

.numero-verde {
	display: inline-flex;
	align-items: center;

}

.button-donate {
	height: 30%;
	width: 120px;
}

.numero-verde a {
	color: #465675 !important;
}

@media (max-width: 480px) {
	.wgs-head-numeri {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		padding-left: 0 !important;
	}

	.title-number {
		font-size: 1.25rem !important;
	}

	.numeri {
		padding-top: 2rem;
	}

	.section-blog {
		padding-top: 0 !important;
	}

	.numero-verde a {
		font-size: 1.5rem !important;
	}

	.phone-icon {
		height: 22px;
		padding-right: 2px;
	}
}

@media (max-width: 800px) {

	.section-blog {
		padding-top: 0 !important;
	}

	.text-small-center {
		text-align: center;
	}
}

.go-top {
	position: fixed;
	width: 40px;
	bottom: 30px;
	right: 110px;
	z-index: 20;
}

.go-top img {
	display: none;
}

/* MODAL */

.modal-content {
	border-radius: 0.75rem;
}

.modal-content .close img {
	max-height: 1.75rem;
}

.modal-header {
	border: none;

	justify-content: center;

	padding-top: 2rem;
	padding-bottom: 2rem;
}

.modal-title {
	color: #72B1F3;
	font-size: 1rem;
	text-align: center;
}

.modal-header .close {
	position: absolute;
	right: 1rem;
	top: 1rem;
	font-size: 2.5rem;
	font-weight: 100;
	padding-bottom: 0;
}

.modal-body {
	padding-bottom: 2rem;
}

.modal-body .loader {
	display: none;

	text-align: center;
}

.modal-body.loading .loader {
	display: block;
}

.modal-body .loader img {
	width: 100px;
}

.modal-body form {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.modal-body.loading form,
.modal-body.success form {
	display: none;
}

.modal-body form input {
	width: 100%;
	border: 2px solid #72B1F3;
	border-radius: 2rem;
	padding: .5rem 1rem;
	margin-bottom: 1rem;

	font-size: .8125rem;
}

.modal-body form input:focus {
	outline: none;
	box-shadow: 0px 0px 10px rgba(114, 177, 243, .5);
}

.modal-body form button {
	font-size: .8125rem;

	margin-top: 1rem;
	margin-bottom: 0;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
}

.modal-body p {
	display: none;
}

.modal-body.success p {
	display: block;
	text-align: center;
}

/* END MODAL */

/* LOADER */

#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: #f7f9fe;
	z-index: 1000;
}

#loader {
	z-index: 1001;
	/* anything higher than z-index: 1000 of .loader-section */
}

.loader-image {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#content {
	margin: 0 auto;
	width: 100%;
}

.loaded #loader {
	opacity: 0;
}

.loaded #loader {
	opacity: 0;
}

.loaded #loader-wrapper {
	visibility: hidden;
}

/* END LOADER */
.btn {
	transition: 0.25s ease;

}

.btn:hover {
	box-shadow: 0 6px 18px 0 rgba(#000, 0.1);
	transform: translateY(-3px);
	transition: 0.25s ease;

}


/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.slider {
	background-color: #2a81ea;
}

input:focus+.slider {
	box-shadow: 0 0 1px #2a81ea;
}

input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.pie-chart,
.line-chart {
	height: 32px;
}