* {
	margin: 0;
	padding: 0;
	border: 0;

	box-sizing: border-box;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.7em
}

h3 {
	font-size: 1.2em
}


input:focus,
textarea:focus,
select:focus {
	/* outline: none; */
}

/*CUSTOM SCROLL*/

body {
	scrollbar-face-color: #034EA2;
	scrollbar-shadow-color: #034EA2;
	scrollbar-highlight-color: #034EA2;
	scrollbar-3dlight-color: #7D7E94;
	scrollbar-darkshadow-color: #034EA2;
	scrollbar-track-color: #7D7E94;
	scrollbar-arrow-color: #034EA2;


}

.b_over {
	overflow: hidden;
}

::-webkit-scrollbar {
	width: 14px;
}

::-webkit-scrollbar-track {
	background-color: #eaeaea;
	border-left: 1px solid #ccc;
}

::-webkit-scrollbar-thumb {
	background-color: #034EA2;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #3e97d3;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

a {
	text-decoration: none;
}

input[type=file] {
	visibility: hidden;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*********/
html,
body {
	margin: 0;
	padding: 0;
	height: 100%;

	font-family: 'Roboto Slab', "Helvetica", "Arial", serif;
	font-weight: 300;
	font-size: 1em;
	background-color: #fff;
}



.min_menu {
	display: none;
}

#bg_slide {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: -2;
}

#bg_slide img {
	width: 100%;
}

#slide_1 {
	background: url('../images/bg_1.jpg') no-repeat center top;
	height: 100%;
	background-size: cover;
}

#slide_2 {
	background: url('../images/bg_2.jpg') no-repeat center top;
	height: 100%;
	background-size: cover;
}

#slide_3 {
	background: url('../images/bg_3.jpg') no-repeat center top;
	height: 100%;
	background-size: cover;
}

#slide_4 {
	background: url('../images/bg_4.jpg') no-repeat center top;
	height: 100%;
	background-size: cover;
}

#header {
	width: 100%;
	display: block;
	z-index: 100;
	left: 0;
	top: 0;
	position: fixed;
}

.hd_bg {

	box-shadow: 0 0 10px 0px #2b2c32;

}

.flex_header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 1em;
}



.tex_sott {
	text-align: center;
	width: 200px;
	line-height: 30px;

	position: relative;
	color: #034EA2;
	font-family: Times, Verdana, sans-serif;
	font-size: 1.2em;
}

/*---CHECK PAGE---*/
#container {
	position: relative;
	margin: 0 auto;
	text-align: center;

}

.p_content {
	padding: 0 1.2em;
	box-sizing: border-box;
}

.text_format h2 {
	text-align: left;

	margin-top: 0;
	margin-bottom: 1em;
}

.text_format p {
	text-align: justify;
	font-size: 1.2em;
	line-height: 1.5em;
}

.over_vide {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0;
	z-index: 2;
}

.arrow_down:hover {
	color: #1c4c84;
}

.arrow_down {
	transform: translate(0, -1em);
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	font-size: 8em;
	z-index: 20;
	bottom: 5%;
	cursor: pointer;
	color: #08305d;
	opacity: .7;
}

.video-container {
	position: relative;
	line-height: 0;
	overflow: hidden;
	width: 100%;

}

.into_video {
	width: 100%;
	height: 100vh;
	object-fit: cover;
	position: relative;
	top: 0;
	left: 0;
}

#box_jobus {
	position: relative;
}

.confirm_box {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 60;
	left: 0;
	background-color: white;
}

.confirm_box p {
	text-align: center;
	font-size: 2em;
}

.confirm_box .icon_confirm .red {
	color: #d77a17;
}

.confirm_box .icon_confirm .green {
	color: #006633;
}

.confirm_box .icon_confirm {

	font-size: 7em;
	text-align: center;
}

#wrapper-body {
	width: 100%;
	min-height: 100%;

}

#wrapper-container {
	width: 100%;

	top: 0;
	z-index: 9;
}

.flex_base {
	display: flex;
	flex-wrap: wrap;
}

.flex_form {
	display: flex;
	gap: .5em;
}

#pulsanti {
	margin: 0 auto;
	padding-top: 65px;
}

#pulsanti .border_btn {
	background-color: white;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	margin: 5px;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;

}

#pulsanti .border_btn:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}

#pulsanti li a {
	display: block;
	margin: 0 auto;
}

#logo {

	position: relative;
}

#logo img {
	width: 150px;

}

#pulsanti li {
	border: 8px solid #fff;
	display: inline-block;
	-webkit-transition-property: border;
	-moz-transition-property: border;
	-o-transition-property: border;
	transition-property: border;
	transition-duration: .8s;
	-moz-transition-duration: .8s;
	-o-transition-duration: .8s;
	width: 240px;
	height: 140;
}

#pulsanti li:hover {
	border-color: #034EA2;
}


/* JOB US */

.text_jobus p {
	font-size: 1.2em;
}

.text_jobus {
	text-align: center;
}

#form_job_us textarea {
	resize: vertical
}



textarea {
	font-family: 'Roboto Slab', "Helvetica", "Arial", serif;
}

::-webkit-input-placeholder {
	font-family: 'Roboto Slab', "Helvetica", "Arial", serif;
}

:-moz-placeholder {
	font-family: 'Roboto Slab', "Helvetica", "Arial", serif;
}

::-moz-placeholder {
	font-family: 'Roboto Slab', "Helvetica", "Arial", serif;
}

:-ms-input-placeholder {
	font-family: 'Roboto Slab', "Helvetica", "Arial", serif;
}

/**********/
.btn_gen:hover {
	background-color: #5887be;
}

.btn_gen {
	background-color: #034EA2;
	color: white;
	cursor: pointer;
	padding: .7em;
	border-radius: .3em;
	border: 0;
	font-size: 1.1em;
}

/*CONTATTI*/
.text_us {
	text-align: left;
}

#contactus .btn_cont {
	background-color: white;
	color: #034EA2;
	font-weight: bold;
	position: relative;
	display: block;
	margin-left: .8em;
	padding: .9em;
}

.submit:hover {
	background-color: #79b6fa;
	color: #f37d09;
}

#contactus a:hover {
	color: #fff;
	background-color: #034EA2
}



.content_contact {
	width: 100%;
	position: fixed;
	height: 100%;
	display: flex;
	overflow: auto;
	justify-content: center;
	align-items: center;
	z-index: -1;
	opacity: 0;


}

#content_form_contact {
	position: absolute;
	max-width: 800px;
	padding: 1.2em;

	min-height: 600px;
	background-color: #eff7ff;
	z-index: 50;

}

#over_contact {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	display: none;
	background-color: rgba(81, 94, 123, 0.5);

}

.result_form {
	font-style: italic;
	margin-top: 1em;
}

.input-wrap {
	margin-bottom: 4px;

}

#form_contact label {
	color: #08305d;
}

.label_ie {
	margin-bottom: 5px;
	font-size: .8em;
	position: relative;
}

.cob {

	font-size: .9em;
	padding-top: 1.2em;

	position: relative;

}

.note {

	font-size: 1em;
	padding-bottom: 1.2em;
}

select {
	font-family: 'Roboto Slab', "Helvetica", "Arial", serif;

}

.inp {
	width: 100%;
	box-sizing: border-box;

	color: #5E6680;

	border: 0;
	font-size: 1.2em;
	padding: 1em;
}

input {
	border: 0;
}



.close_b {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 1em;
	right: 1em;
	font-size: 1.4em;
	font-weight: bold;
}

.close_b:hover {
	color: #f37d09;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

.right {
	float: right;
}



/*PRIVACY*/
#container-privacy-policy {
	text-align: justify;
	font-family: 'Century Gothic', arial, Helvetica, sans-serif;
	margin-top: 100px;
}

.layout {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 45px;
	margin-bottom: 70px;
}

.privacy-policy {
	font-size: 14px;
}
.privacy-policy li{
	margin-left: 2em;
}

.privacy-policy h2 {
	color: #3e97d3;
	text-transform: uppercase;
	font-size: 22px;
	margin-top: 0;
	margin-bottom: 10.5px;

}

.privacy-policy>div {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}

.privacy-policy p,.privacy-policy ul {
	margin: 0 0 10.5px;
	color: #7d7d7d;
	line-height: 1.42857143;

}

/*FIDELITY CARD*/
#fidelitycard::-webkit-input-placeholder {
	color: #f00;
}

#fidelitycard::-moz-placeholder {
	color: #f00;
}

/* firefox 19+ */
#fidelitycard:-ms-input-placeholder {
	color: #f00;
}

/* ie */
#fidelitycard:-moz-placeholder {
	color: #f00;
}

#fidelitycard {
	background-color: #CCDDEF;
	/* bottom: 21px; */
	position: relative;
}

#fidelitycard_form {
	padding: 10px;
}

#fidelitycard_form input {
	line-height: 28px;
}

#add_store {
	display: none;
}

#cont_store_add {
	text-align: left;
	padding: 5px;
	background-color: white;
	line-height: 2em;
	color: #3c85c5;
}

/*****/
/***/
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:not(:checked)+label,
[type="checkbox"]:checked+label {
	position: relative;
	padding-left: 25px;
	padding-top: 4px;
	padding-right: 5px;
	cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked)+label:before,
[type="checkbox"]:checked+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 17px;
	height: 17px;
	border: 1px solid #aaa;
	background: #f8f8f8;
	border-radius: 3px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}

/* checked mark aspect */
[type="checkbox"]:not(:checked)+label:after,
[type="checkbox"]:checked+label:after {
	content: '✔';
	position: absolute;
	top: 3px;
	left: 4px;
	font-size: 18px;
	line-height: 0.8;
	color: #09ad7e;
	transition: all .2s;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked)+label:after {
	opacity: 0;
	transform: scale(0);
}

[type="checkbox"]:checked+label:after {
	opacity: 1;
	transform: scale(1);
}

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked)+label:before,
[type="checkbox"]:disabled:checked+label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}

[type="checkbox"]:disabled:checked+label:after {
	color: #999;
}

[type="checkbox"]:disabled+label {
	color: #aaa;
}

/* accessibility */
[type="checkbox"]:checked:focus+label:before,
[type="checkbox"]:not(:checked):focus+label:before {
	border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before {
	border: 1px solid #4778d9 !important;
}

/*****/
.info {
	font-size: .8em;
	position: relative;
	padding: 12px 10px;
	color: #3386BD
}

.cap {
	font-size: 23px;
	padding-top: 12px;
	margin-bottom: 10px;
	color: #3E97D3;
	font-family: 'Century gothic', BrandonGrotesqueBold, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

.select-style {
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	overflow: hidden;
	background-color: #fff;
	background: #fff url("../images/arrowdown.gif") no-repeat 90% 50%;
}

.cont_butt {
	margin: 10px 10px;
}

.box_figlio {
	position: relative;
}

.cancel_row {
	width: 40px;
	height: 40px;
	background-color: #CCDDEF;
	position: absolute;
	top: 27%;
	color: #034EA2;
	border: 0;
	left: -50px;
	cursor: pointer;
	font-size: 1.1em;
}

.cancel_row:hover {
	background-color: #79b6fa;
	color: #f37d09;
}

.select-style select {
	line-height: 28px;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.select-style select:focus {
	outline: none;
}

.pad_left {
	padding-right: 2px;
}

.pad_right {
	padding-left: 2px;
}

.dw_ma {
	margin-bottom: 2.5em;
}

.grid_600 {
	max-width: 600px;
}

.grid_1600 {
	max-width: 1600px;
}

.grid_1200 {
	max-width: 1200px;
}

.center {
	margin: 0 auto;
}

.grid_100p {
	width: 100%;
}

.grid_70p {
	width: 70%;
}

.grid_50p {
	width: 50%;
}

.grid_33p {
	width: 33.3333333%;
}

.grid_30p {
	width: 30%;
}

.inline {
	display: inline-block;
	box-sizing: border-box;
}

.over_image:hover {
	opacity: 1
}

.over_image {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	z-index: 20;
	opacity: 0;
	transition-property: opacity;
	transition-duration: .5s;

}

.cont_over {
	font-size: 2em;
	font-weight: 400;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.img_box li,
.slide {
	height: 100%;
}

.img_box {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.box_column {
	margin-top: 2em;
	margin-bottom: 3em;
	padding-top: 1em;
	padding-bottom: 1em;
}

.b_job {
	background-color: #f9f9f9;
}

.sostenib_div .flex_base {

	align-items: center;
}

.unicef_div p,
.sostenib_div p {
	font-size: 1.2em;
	text-align: justify;
}

.unicef_div {
	background-color: #f9f9f9;
	padding-top: 2em;
	padding-bottom: 2em;
	text-align: center;


}

.sostenib_div {
	background-color: #BAD6BA;
	padding-top: 2em;
	padding-bottom: 2em;
	text-align: center;
	color: #006633;
}

/*FINE FIDELITY CARD*/
/*FOOTER*/

#footer {

	color: #fff;
	align-items: center;

	justify-content: space-between;
	height: 5em;

	font-size: .9em;

}

footer {
	background-color: #034EA2;
	position: relative;
	z-index: 2;
}

.footer_btn {
	margin-left: 1em;
}

.footer_btn a {
	text-decoration: none;
	color: #fff;

}


@media only screen and (max-width: 450px) {

	#contactus a {
		font-size: .9em;
	}

	
}

@media only screen and (max-width: 960px) {

	.grid_50p {
		width: 100%;
	}

	#footer {
		justify-content: center;
	}

	.flex_form {
		flex-wrap: wrap;
		gap: 0;
	}

	.invert {
		flex-direction: column-reverse;
	}

	.img_box {
		margin-top: 2em;
	}
}

@media only screen and (max-width: 768px) {
	.min_menu {
		font-size: 2em;
		color: #034ea2;
		display: block;
		cursor: pointer;
	}

	.short_menu a {
		margin: 0 !important;
	}
.hide_menu{
	display: block !important;
}
	.short_menu {
		position: fixed;
		display: none;
		top: 80px;
		right: 0;

		background-color: #034EA2;

	}
	footer {
		text-align: center;
		font-size: .9em;
	}
	.grid_30p,
	.grid_70p {
		width: 100%;
	}

	#logo img {
		width: 130px;
	}

	.info_agb {
		font-size: 1.1em
	}


	.tex_sott {
		text-align: center;
		line-height: 30px;
		left: 25px;
		position: relative;
		color: #034EA2;
		font-family: Times, Verdana, sans-serif;
		font-size: 1.2em;
	}

	#wrapper-container {
		position: relative;
		top: 0;
		margin-bottom: 2em
	}

	#pulsanti li {
		width: 90%;

	}



}

.tit_privacy {
	text-align: center;
	color: #3e97d3;
	text-transform: uppercase;
	font-size: 2.2em;
	margin-top: 0;
	margin-bottom: 10.5px;
}

._img_btn {
	height: 120px
}