html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}

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

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {background-color:#ff9;color:#000;text-decoration:none;}

/* change colours to suit your needs */
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}

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

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select { vertical-align:middle;}

body {font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;font-size:14px;line-height:22px;color:#818181;background:#e6e6e6;}
body a {color:#818181;text-decoration:none;}
body a:hover {text-decoration:underline;}
/*-------------------------------------------------------------------------------------------------
CLASSI GENERALI
---------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------
STRUTTURA
---------------------------------------------------------------------------------------------------*/
.cookie_policy {position:relative;margin:0 auto 30px;width:100%;overflow:hidden;}
	.cookie_policy .breadcrumb {position:relative;margin-top:50px;display:block;}
		.cookie_policy .breadcrumb li {display:inline-block;font-size:16px;color:#000;}
		.cookie_policy .breadcrumb li a {color:inherit;}
		.cookie_policy .breadcrumb li:first-child:after {content:">>";margin:0px 3px 0 8px;color:#8F8F8F;font-size:11px;}
		
	.cookie_policy article {position:relative;margin-top:30px;padding:30px;width:calc(100% - 60px);background:#fff;}
		.cookie_policy div > h3 {margin: 30px 0 10px;font-size: 22px;}
		.cookie_policy div > h4 {margin: 30px 0 10px;font-size: 20px;}
		.cookie_policy article > h2 {margin-bottom:20px;font-size:26px;line-height: 28px;}
		.cookie_policy article > h3 {margin:30px 0 10px;font-size:22px;line-height::22px;}
		.cookie_policy article > h4 {margin:30px 0 10px;font-size:20px;line-height:20px;}
		.cookie_policy article p a {text-decoration:underline;}
		.cookie_policy article > form {overflow:hidden;margin:25px 0;padding:10px 15px;background:#f6f6f6;}
			.cookie_policy article > form div {position:relative;float:left;margin-right:50px;}
				.cookie_policy article > form input {float:left;margin-top:5px;}
				.cookie_policy article > form span {float:left;margin-left:5px}
		.cookie_policy article ul {position:relative;display:table;width:100%;border-bottom:1px dotted #ccc;font-size:13px;}
		.cookie_policy article ul.first {margin-top:20px;border-top:1px dotted #ccc;}
		.cookie_policy article ul.last {margin-bottom:20px;}
			.cookie_policy article ul li {display:table-cell;vertical-align:middle;padding:10px 0;width:26%;}
				.cookie_policy article ul li:first-child {width:16%;}
				.cookie_policy article ul li:last-child  {text-align:right;}
				.cookie_policy article ul li a {text-decoration:underline;}
		
		.cookie_policy article ul.social_media li {width:39%;}
			.cookie_policy article ul.social_media li:first-child  {width:22%;}
	
	.cookie_policy footer {display:block;margin-top:40px;padding-top:20px;border-top:1px solid #ccc;overflow:hidden;}
		.cookie_policy footer img, .cookie_policy footer span  {float:left;}
			.cookie_policy footer span {margin-left:10px;font-size:11px;line-height:40px;}

	.cookie_policy a.clickhover:hover{
		cursor:pointer;
	}		
	
/*-------------------------------------------------------------------------------------------------
STRUTTURA
---------------------------------------------------------------------------------------------------*/
@media (max-width:768px) {
	.cookie_policy {width: 95%;}
	.cookie_policy .breadcrumb {margin-top:25px}
	.cookie_policy article {margin-top:25px;padding:5%;width:89%;}
		.cookie_policy article > h2 {margin-top:10px;}
		.cookie_policy article > form {margin:20px 0;padding-top:18px;}
			.cookie_policy article > form div {display:block;overflow:hidden;margin-bottom:10px;margin-right:0;width:100%;}
}

@media (max-width:640px) {
	.cookie_policy article > form {margin:10px 0;padding:0;background:none;}
		.cookie_policy article > form span {float:left;width:85%;}
		
	.cookie_policy article ul {padding:15px 0 20px;}
		.cookie_policy article ul li, .cookie_policy article ul.social_media li {display:block;padding:0;width:100%;}
			.cookie_policy article ul.first li{display:none;}
			.cookie_policy article ul.first{border-top:none;}
			.cookie_policy article ul li:first-child, .cookie_policy article ul.social_media li  {width:100%;}
			.cookie_policy article ul li:last-child , .cookie_policy article ul.social_media li  {text-align:left;}
	
	.cookie_policy footer img, .cookie_policy footer span  {display:block;}
		.cookie_policy footer span  {width:100%;}
}


/**************************\
  Basic Modal Styles
\**************************/

.modal {
  font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
}

.modal *{
  font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
}

.modal {
  display: none;
}

.modal.is-open {
  display: block;
}
    

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__container {
  max-width: 70vw;
  min-width:50vw;
  max-height: 90vh;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
  background-color: #f2f2f2;
  box-shadow: none;
  padding: 0px;
  font-family: Roboto Condensed;
  position: relative
}


.modal__header {    
    display: flex;
    flex: none;
    position: relative;
    text-align: center;
       padding:5px 0;
    background-color: #2f373a;
    font-family: Roboto;
    border: 1px solid #374043;
    height: 30px;
    line-height: 30px;
    align-items: center;
    justify-content: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
   font-size: 15px;

  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #f2f2f2;
    text-transform: uppercase;
    position: relative;

        margin-block-start: 0;
    margin-inline-end: auto;
    margin-block-end: 0;
    margin-inline-start: auto;
}

.modal__close {
  background: transparent;
  border: 0;
  color: rgb(242, 242, 242);
  cursor:pointer;
}

.modal__close:hover{
  opacity: .6;
}
.modal__header .modal__close:before { content: "\2715"; }


/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 6px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display:block;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: #45a049;
}

/* Add a background color and some padding around the form */
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}
label {
  display:block;
}



label .error{
  display:block;
}

input.error, textarea.error{
  display:block;
  border:2px solid red!important;
}

#loader{
    position: absolute;
    width: 100%;
    height: 100%;   
    background: url(https://iol-website.italiaonline.it/site-resources/sitepolicies/load.gif)  no-repeat;
    background-color:rgba(255,255,255,1);
    background-position:center;
    display:none;
}