/* ------------------------------------------------------------- */
/* RIVISTA ARRETRATI */
/* ------------------------------------------------------------- */

#backlog {
position: relative;
padding: 0 0 80px;
text-align: left;
z-index: 1000;
}

/* INTRO */
#backlog div.intro {
position: relative;
display: inline-block;
margin: -80px 0 0;
padding: 80px;
background-color: #7a6e6a;
z-index: 1100;
}
#backlog div.intro h3 {
font-size: 300%;
font-weight: 400;
line-height: 1.33;
text-transform: uppercase;
color: #FFF;
}
#backlog div.intro p {
font-size: 160%;
font-weight: 400;
margin: 10px 0 0;
line-height: 1.7;
color: #FFF;
}
#backlog div.intro span.required {
display: block;
font-size: 160%;
font-weight: 600;
margin: 30px 0 0;
padding: 0;
color: #FFF;
}

/* FORM */
#backlog form { padding: 80px; }
#backlog form fieldset {
display: block;
margin: 40px 0 0;
padding: 50px 80px 80px;
border: 1px solid #CCC;
}
#backlog form fieldset:first-child { margin: 0; }
#backlog form fieldset legend {
display: block;
font-size: 140%;
font-weight: 400;
padding: 0 10px;
text-transform: uppercase;
}
#backlog form span.required { color: #ea5b0c; }
#backlog form span.dida {
display: inline-block;
font-size: 87.5%;
font-weight: 400;
color: #666;
}

/* LABEL */
#backlog form label {
display: block;
margin-top: 20px;
}
#backlog form label p {
display: block;
font-size: 160%;
font-weight: 600;
margin: 0 0 5px;
padding: 0;
color: #424242;
}
#backlog form h3 {
display: block;
font-size: 160%;
font-weight: 600;
margin: 30px 0 0;
padding: 0;
text-transform: uppercase;
color: #7a6e6a;
}
#backlog form h3 span.dida { text-transform: none; }

/* GRID */
#backlog form div.grid {
margin: 0;
margin-left: -40px;
padding: 0;
}
#backlog form div.grid label {
display: block;
width: 31%;
width: calc(33.3333% - 40px);
margin-left: 40px;
}

/* ELEMENT */
#backlog form input[type="text"], #backlog form input[type="date"], #backlog form textarea, #backlog form select {
display: block;
width: 100%;
font-family: inherit;
font-size: 160%;
font-weight: 400;
margin: 0;
padding: 10px;
text-align: left;
line-height: 1.2;
vertical-align: middle;
color: #424242;
background: #FFF;
border: 1px solid #CCC;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
appearance: none;
}
#backlog form textarea { resize: vertical; }
#backlog form input[type="date"] { min-height: 2.575em; }
#backlog form .error { border-color: #ea5b0c !important;Ê}

/* SELECT */
#backlog form select { padding-right: 30px; }
#backlog form .style_select { position: relative; background-color: #fff; overflow: hidden; z-index: 1100; }
#backlog form .style_select select { box-shadow: none; background-color: transparent; background-image: none; }
#backlog form .style_select select:focus { outline: none; }
#backlog form .style_select:after {
position: absolute;
top: 50%;
right: 10px;
content: " ";
width: 0;
height: 0;
margin: -3px 0 0;
pointer-events: none;
border: solid transparent;
border-color: rgba(219, 79, 61, 0);
border-top-color: #ea5b0c;
border-width: 6px;
z-index: 1200;
}
#backlog form select::-ms-expand { display: none; }

/* CHECKBOX */
#backlog form .style_checkbox {
position: relative;
width: 100%;
min-height: 32px;
z-index: 1100;
}
#backlog form .style_checkbox input[type="checkbox"] {
position: absolute; 
overflow: hidden; 
clip: rect(0 0 0 0);
height: 1px; 
width: 1px; 
margin: -1px; 
padding: 0;
border: 0;
z-index: 1200;
}
#backlog form .style_checkbox input[type="checkbox"] + span {
display: block;
font-size: 160%;
font-weight: 400;
margin: 0;
padding: 6px 0 0 47px;
line-height: 1.2;
color: #424242;
align-items: center;
}
#backlog form .style_checkbox input[type="checkbox"] + span a {
font-weight: 700;
margin: 0;
padding: 0;
text-decoration: underline;
white-space: normal;
-webkit-transition: color 0.3s;
-o-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
#backlog form .style_checkbox input[type="checkbox"] + span a, #backlog form .style_checkbox input[type="checkbox"] + span a:link, #backlog form .style_checkbox input[type="checkbox"] + span a:visited { color: #ea5b0c; }
#backlog form .style_checkbox input[type="checkbox"] + span a:active, #backlog form .style_checkbox input[type="checkbox"] + span a:hover, #backlog form .style_checkbox input[type="checkbox"] + span a:focus{ color: #424242; }
#backlog form .style_checkbox input[type="checkbox"] + span:before {
position: absolute;
left: 0;
top: 0;
content: "";
display: block;
width: 32px;
height: 32px;
margin: 0;
padding: 0;
cursor: pointer;
background-color: #FFF;
border: 1px solid #CCC;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
appearance: none;
z-index: 1300;
}
#backlog form .style_checkbox input[type="checkbox"].error + span:before { border-color: #ea5b0c !important;Ê}
#backlog form .style_checkbox input[type="checkbox"]:checked + span:after {
position: absolute;
top: 7px;
left: 7px;
content: "";
display: block;
width: 18px;
height: 12px;
margin: 0;
padding: 0;
cursor: pointer;
border-left: 3px solid #ea5b0c;
border-bottom: 3px solid #ea5b0c;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
z-index: 1400;
}

/* RADIO BUTTON */
#backlog form .style_radio {
position: relative;
width: 100%;
min-height: 32px;
z-index: 1100;
}
#backlog form .style_radio input[type="radio"] {
position: absolute; 
overflow: hidden; 
clip: rect(0 0 0 0);
height: 1px; 
width: 1px; 
margin: -1px; 
padding: 0;
border: 0;
z-index: 1200;
}
#backlog form .style_radio input[type="radio"] + span {
display: block;
font-size: 160%;
font-weight: 400;
margin: 0;
padding: 6px 0 0 47px;
line-height: 1.2;
color: #424242;
align-items: center;
}
#backlog form .style_radio input[type="radio"] + span a {
font-weight: 700;
margin: 0;
padding: 0;
text-decoration: underline;
white-space: normal;
-webkit-transition: color 0.3s;
-o-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
#backlog form .style_radio input[type="radio"] + span a, #backlog form .style_radio input[type="radio"] + span a:link, #backlog form .style_radio input[type="radio"] + span a:visited { color: #ea5b0c; }
#backlog form .style_radio input[type="radio"] + span a:active, #backlog form .style_radio input[type="radio"] + span a:hover, #backlog form .style_radio input[type="radio"] + span a:focus{ color: #424242; }
#backlog form .style_radio input[type="radio"] + span:before {
position: absolute;
left: 0;
top: 0;
content: "";
display: block;
width: 32px;
height: 32px;
margin: 0;
padding: 0;
cursor: pointer;
background-color: #FFF;
border: 1px solid #CCC;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
appearance: none;
z-index: 1300;
}
#backlog form .style_radio input[type="radio"].error + span:before { border-color: #ea5b0c !important;Ê}
#backlog form .style_radio input[type="radio"]:checked + span:after {
position: absolute;
top: 7px;
left: 7px;
content: "";
display: block;
width: 18px;
height: 12px;
margin: 0;
padding: 0;
cursor: pointer;
border-left: 3px solid #ea5b0c;
border-bottom: 3px solid #ea5b0c;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
z-index: 1400;
}

/* FILE */
#backlog form .style_file {
position: relative;
display: block;
min-height: 40px;
margin: 0;
padding: 0 0 0 95px;
overflow: hidden;
z-index: 1100;
}
#backlog form .style_file input[type="file"] {
position: absolute; 
overflow: hidden;
clip: rect(0 0 0 0); 
width: 1px;
height: 1px;
margin: -1px; 
padding: 0;
border: 0;
z-index: 1200;
}
#backlog form .style_file input[type="file"] + span.file_browse {
position: absolute;
left: 0;
top: 0;
display: inline-block;
font-family: inherit;
font-size: 140%;
font-weight: 400;
margin: 0;
padding: 10px;
text-align: left;
line-height: 1.2;
text-decoration: none;
white-space: normal;
cursor: pointer;
text-transform: uppercase;
vertical-align: middle;
border: 1px solid #CCC;
background: #FFF;
color: #424242;
overflow: hidden;
-webkit-transition: color 0.3s, border-color 0.3s, background-color 0.3s;
-o-transition: color 0.3s, border-color 0.3s, background-color 0.3s;
-moz-transition: color 0.3s, border-color 0.3s, background-color 0.3s;
transition: color 0.3s, border-color 0.3s, background-color 0.3s;
}
#backlog form .style_file input[type="file"].error + span.file_browse { border-color: #ea5b0c !important;Ê}
#backlog form .style_file input[type="file"]:active + span.file_browse, #backlog form .style_file input[type="file"]:hover + span.file_browse, #backlog form .style_file input[type="file"]:focus + span.file_browse { color: #FFF; background-color: #ea5b0c; border-color: #ea5b0c; }
#backlog form .style_file span.file_text {
display: block;
font-family: inherit;
font-size: 140%;
font-weight: 400;
margin: 0;
padding: 10px 0 0;
text-align: left;
line-height: 1.2;
color: #666;
vertical-align: middle;
overflow: hidden;
}

/* BUTTON */
#backlog form div.btn { margin: 30px 0 0; }
#backlog form div.btn label { display: inline-block; }
#backlog form div.btn button {
display: inline-block;
font-family: inherit;
font-size: 160%;
font-weight: 600;
margin: 0;
padding: 10px 40px;
text-align: left;
line-height: 1;
text-decoration: none;
white-space: normal;
color: #FFF;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-width: 1px;
border-style: solid;
-webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
-o-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
-moz-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
#backlog form div.btn button[disabled=disabled] { cursor: not-allowed; }
#backlog form div.btn button, #backlog form div.btn button:link, #backlog form div.btn button:visited { color: #7a6e6a; background-color: #FFF; border-color: #7a6e6a; }
#backlog form div.btn button:hover, #backlog form div.btn button:focus, #backlog form div.btn button:active { color: #FFF; background-color: #ea5b0c; border-color: #ea5b0c; }
#backlog form div.btn button[disabled=disabled], #backlog form div.btn button[disabled=disabled]:link, #backlog form div.btn button[disabled=disabled]:visited, #backlog form div.btn button[disabled=disabled]:hover, #backlog form div.btn button[disabled=disabled]:focus, #backlog form div.btn button[disabled=disabled]:active { color: #a0a0a0; background-color: #f4f4f4; border-color: #ccc; }

/* ------------------------------------------------------------- */
/* PIXEL RATIO */
/* ------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { 


			
}

/* ------------------------------------------------------------- */
/* RESPONSIVE */
/* ------------------------------------------------------------- */

@media only screen and (max-width: 1599px) {
	
	#backlog { padding: 0 0 70px; }

	/* INTRO */
	#backlog div.intro { margin: -70px 0 0; padding: 70px; }
	#backlog div.intro h3 { font-size: 290%; }
	
	/* FORM */
	#backlog form { padding: 70px; }
	#backlog form fieldset { padding: 40px 70px 70px; }	

}

@media only screen and (max-width: 1439px) {
	
	#backlog { padding: 0 0 60px; }

	/* INTRO */
	#backlog div.intro { margin: -60px 0 0; padding: 60px; }
	#backlog div.intro h3 { font-size: 280%; line-height: 1.3; }
	#backlog div.intro p { line-height: 1.6; }
	
	/* FORM */
	#backlog form { padding: 60px; }
	#backlog form fieldset { padding: 30px 60px 60px; }
	
}

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

@media only screen and (max-width: 1279px) {
	
	#backlog { padding: 0 0 50px; }

	/* INTRO */
	#backlog div.intro { margin: -50px 0 0; padding: 50px; }
	#backlog div.intro h3 { font-size: 270%; }
	
	/* FORM */
	#backlog form { padding: 50px; }
	#backlog form fieldset { padding: 20px 50px 50px; }	
	
}

@media only screen and (max-width: 1199px) {
	
	#backlog { padding: 0 0 40px; }

	/* INTRO */
	#backlog div.intro { margin: -40px 0 0; padding: 40px; }
	#backlog div.intro h3 { font-size: 260%; line-height: 1.2; }
	#backlog div.intro p { line-height: 1.5; }
	
	/* FORM */
	#backlog form { padding: 40px; }
	#backlog form fieldset { margin: 30px 0 0; padding: 10px 40px 40px; }
	
	/* GRID */
	#backlog form div.grid { margin-left: -40px; }
	#backlog form div.grid label {
	display: block;
	width: 44%;
	width: calc(50% - 40px);
	margin-left: 40px;
	}
	
	/* CHECKBOX */
	#backlog form fieldset:last-child .style_checkbox input[type="checkbox"] + span { padding-top: 0; }
	
}

@media only screen and (max-width: 1023px) {
	
	#backlog { padding: 0 0 30px; }

	/* INTRO */
	#backlog div.intro { display: block; margin: -30px 150px 0 0; padding: 30px; }
	#backlog div.intro h3 { font-size: 250%; }
	#backlog div.intro span.required { margin: 25px 0 0; }
	
	/* FORM */
	#backlog form { padding: 40px 30px; }
	#backlog form fieldset { margin: 30px 0 0; padding: 0 30px 30px; }
	#backlog form fieldset legend { margin: 0 0 10px; }	
	
	/* GRID */
	#backlog form div.grid { margin-left: -30px; }
	#backlog form div.grid label {
	display: block;
	width: 44%;
	width: calc(50% - 30px);
	margin-left: 30px;
	}

}

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

@media only screen and (max-width: 735px) {
		
	/* INTRO */
	#backlog div.intro h3 { font-size: 240%; }
	
	/* GRID */
	#backlog form div.grid { margin-left: 0; }
	#backlog form div.grid label { width: 100%; margin-left: 0; }	
	
}

@media only screen and (max-width: 666px) {
	
	/* INTRO */
	#backlog div.intro { margin: -30px 140px 0 0; }
		
}
	

@media only screen and (max-width: 599px) {
	
	#backlog { padding: 0; }

	/* INTRO */
	#backlog div.intro { margin: 0; padding: 30px 25px; }
	#backlog div.intro span.required { margin: 20px 0 0; }
	
	/* FORM */
	#backlog form { padding: 30px 25px; }
	#backlog form fieldset { margin: 30px 0 0; padding: 0; border-width: 1px 0 0; }
	#backlog form fieldset legend { margin: 0 0 10px; padding: 0 10px 0 0; }
	
	/* LABEL */
	#backlog form label { margin-top: 15px; }
	
	/* BUTTON */
	#backlog form div.btn { margin: 15px 0 0; }
		
}

@media only screen and (max-width: 567px) {
	
	/* INTRO */
	#backlog div.intro h3 { font-size: 230%; }
	
}

@media only screen and (max-width: 479px) {
	
	/* INTRO */
	#backlog div.intro h3 { font-size: 220%; }
	
	/* BUTTON */
	#backlog form div.btn button { padding: 10px 30px; }
	
}

@media only screen and (max-width: 413px) {
	
	/* INTRO */
	#backlog div.intro { padding: 25px 20px; }
	#backlog div.intro h3 { font-size: 210%; }
	
	/* FORM */
	#backlog form { padding: 25px 20px; }
	
}

@media only screen and (max-width: 374px) {
	
	/* INTRO */
	#backlog div.intro h3 { font-size: 200%; }
	
	/* BUTTON */
	#backlog form div.btn button { font-size: 150%; }

}


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

}