body {
	font-size:1.8rem;
	/*font-size:1.5rem;*/
	}

h2 {
	color:#e32119;
	font-weight: 600;
	}

.emr-rosso {
	color: #e32119;
	}

/* ==== NAVBAR - per flex. vedi sotto per stili IE < 10 ====*/

nav {
	display: flex;
	justify-content: space-between;
	}

.navbar {
	height:50px;
	height:5vh;
	background-color:#ffffff;
	margin-bottom:0;
	}
	
.navbar-brand {
	padding-top:0;
	padding-bottom:0;
	}

.navbar:before,
.navbar:after {
    content: none;
	}

a.navbar-brand {
	height:22px;
	margin-top:14px;
	margin-bottom:14px;
	margin-left: 15px;
	background-image: url(../img/EMERGENCY-logo-ROSSO-22.png);
	background-repeat: no-repeat;
	width:126px;
	image-rendering:optimizeSpeed;             /* Legal fallback */
 	image-rendering:-moz-crisp-edges;          /* Firefox        */
  	image-rendering:-o-crisp-edges;            /* Opera          */
  	image-rendering:-webkit-optimize-contrast; /* Safari         */
	-ms-interpolation-mode: nearest-neighbor;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;	
	}	

.svg a.navbar-brand {
	background-image: url(../img/EMERGENCY-logo-ROSSO.svg);
	background-repeat: no-repeat;
	width:126.5px;
	}

.emr-row {
	flex-direction: row;
	}

.emr-row img {
	display:none;
	}

.svg .emr-row a[href='#info'] img {
	height:60px;
	width:60px;
	display:inline-block;
	}

.svg .emr-row a[href='#form-container'] img {
	height:60px;
	width:60px;
	display:inline-block;
	}

.condivisioni{
		display:block;
		}
nav .condivisioni{
		display:none;
		}

/*==== VARIE ====*/

#info {margin-top: 2em;}

#info p {
	padding-top: 1em;
	padding-bottom: 1em;
	}

/*.container-fluid .row {
	text-align:center;
	padding-top: 40px;
	padding-bottom: 40px;
	}*/

#form-container > div {
	border-top:2px solid #e32119;
	}

.infobox {
	background-color:#fafafa;
	padding:1em;
	border-top:2px solid #e32119;
	}

#form-container div {
	background-color:#eeeeee;
	}

#benefici-fiscali {
	padding-top: 2em
	}

/* ==== FORM ==== */  

form {
    padding-bottom: 1em;
	}

fieldset {
	border: 0 none;
	}
	
legend {
	padding-top:15px;
	color: #e32119;
	font-size:26px;
	font-weight:bold;
	}
	
legend small {
	color:#aaaaaa;
	}

/* EM se select
.no-js #importo {display:none;}
.js #importo {display:block;}
EM fine se select */

/* EM se radio */
.no-js input[name="importo_suggerito"], .no-js label.importo-suggerito {display:none;}
.js.lt-ie9 input[name="importo_suggerito"], .js.js.lt-ie9 label.importo-suggerito {display:none;}
.js input[name="importo_suggerito"], .js label.importo-suggerito {display:inline-block;}
/* EM fine se radio */

.no-js #altroimporto-label, .no-js .emr-gruppo-altroimporto {display:block;}
.js.lt-ie9 #altroimporto-label, .js.lt-ie9 .emr-gruppo-altroimporto {display:block;}
/* .js #altroimporto-label, .js .emr-gruppo-altroimporto {display:none;} */

.no-js #emr-metodi-offline a {
	font-weight:bold;
	}
	
.no-js .collapse {
	display:block;
	visibility:visible;
	}

.invalid input:invalid {
	background-color: red;
	}

#emr-intro-longdesc-div {
	padding-top: 50px;
	}
	
#emr-titolo-form p,
#emr-intro-longdesc-div p {
	font-size: 20px;
	}
	
div#errore {
	background-color:#e32119;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:16px;
	}
	
label.radio-inline.importo-suggerito,
label.radio-inline.frequenza,
label.radio-inline[for^="pay_method_"]{
	font-weight:bold;
	}
	
.emr-grazie {
	color:#e32119;
	font-weight:bold;
	}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
	color:#64c4bc;
	}
	
.has-success .form-control {
	border-color:#64c4bc;
	}

input[type="submit"]:not(:disabled)/*,
a[role="button"]*/ {
	background-color:#64c4bc;
	}

/* EM: DA SISTEMARE http://www.avtex.com/blog/2015/02/10/bootstrap-radio-buttons-and-checkboxes-in-columns-with-contextual-text-fields/ */
	
label.radio-inline {
	background-color: #dcdfd4;
	cursor: pointer;
	font-weight: 400;
	margin-bottom: 10px !important;
	/*margin-right: 2%;*/
	margin-left:0;
	padding: 10px 10px 10px 30px;
	}

.js label.radio-inline.checked,
.js label.radio-inline.checked + div.additional-info
/*, label.checkbox-inline.checked */
/*.checked label,
.checked .additional-info-wrap .additional-info */ {
	background-color: #266c8e;
	background-color:#64c4bc;
	color: #ffffff !important;
	}

.radio-inline + .radio-inline {
	margin-left: 0;
	}

.columns label.radio-inline {
	/* min-width: 190px; */
	vertical-align: top;
	width: 100%;
	}

.additional-info-wrap {
	display: inline-block;
	margin: 0 2% 0 0;
	min-width: 190px;
	position: relative;
 	vertical-align: top;
 	width: 100%;
	}

.additional-info-wrap label.radio-inline {
	width: 100% !important;
	}

.additional-info-wrap .additional-info {
	background-color: #dcdfd4;
	clear: both;
	color: #222 !important;
	margin-top: -10px;
	padding: 0 10px 10px;
	width: 100%;
	}
	
.additional-info strong {
	display:inline-block;
	}

.longdesc {
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #cccccc;
	}

.longdesc:empty {
	display: none;
	}

.js .emr-row-gruppo-altroimporto {
	display: none;
	}

/* ==== FOOTER ==== */  

footer {
	text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 2rem;
    border-top: 1px solid #eeeeee;
	}

h1 { font-family: 'Open Sans'; font-weight: 900; }
h1 span, h1 a { display:inline-block; }
h1 .etichetta { display: inline-block; margin: 1rem;}
h1 .etichetta span, h1.smalltitle .etichetta a { padding:0; }

/*==== MEDIA QUERY ====*/
	
@media screen and (min-width: 768px) {
	
	a.navbar-brand {
		height:40px;
		margin-top:5px;
		margin-bottom:5px;
		background-image: url(../img/EMERGENCY-logo-ROSSO-40.png);
		width: 229px;
		}	

	.svg a.navbar-brand {
		background-image: url(../img/EMERGENCY-logo-ROSSO.svg);
		width:230px;
		}
	.condivisioni {
		display:none;
		}
	nav .condivisioni{
		display:block;
		}
	nav .condivisioni .nav.navbar-right {
		padding-right:15px;
	}
	.navbar-nav>li {
    	padding-left: 10px;
	}
	body.donazione .emr-jumbotron.container-fluid p {
		color:#ffffff;
		text-shadow: 1px 1px 1px #444444;
	}
}

@media screen and (min-width: 992px) {
	/*.row {
		padding-bottom:15px;
		}*/

	.js .checked + .additional-info {
		margin-bottom:0;
		}			
		
	#emr-metodi-offline {
		text-align:center;
		}
	
	#emr-titolo-form {
		text-align:center;
		}
	
	#consensi .col-md-6 {
		text-align:center;
	}
}

/*==== IE - da sistemare ====*/

.lt-ie9 .navbar-header {
	 float:left;
	 }

.lt-ie9 .emr-riga-importi,
.lt-ie9 .emr-riga-importi * {
	display:block !important;
	}

.lt-ie8 .emr-riga-importi .emr-row-importo-descrizione {
	display:none;
	}

.no-js .emr-riga-importi,	 
.no-js #importo-altro-additional-info {
	display:none;
	}
/*==== FALLBACK ====*/

.no-js .collapse {
    display: none;
    visibility: hidden;
}

.no-js .collapse:target {
    display: block;
    visibility: visible;
}

.no-js #benefici-fiscali {
	padding-top:60px;
	padding-top: 6vh;
}

.btn-group {width:100%;}
.btn-group .btn {height:46px;width:50%;font-weight:bold;background-color:#64c4bc;color:#222222;border:none;}
.js .btn-group .btn.checked {background-color:#64c4bc;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	opacity: 0.8;
	color: #999999;
	font-weight: 400;
	font-family: "Open Sans", "Lucida Sans Unicode", Arial, sans-serif;
}
::-moz-placeholder { /* Firefox 19+ */
	opacity: 0.8;
	color: #999999;
	font-weight: 400;
	font-family: "Open Sans", "Lucida Sans Unicode", Arial, sans-serif;
}
:-ms-input-placeholder { /* IE 10+ */
	opacity: 0.8;
	color: #999999;
	font-weight: 400;
	font-family: "Open Sans", "Lucida Sans Unicode", Arial, sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
	opacity: 0.8;
	color: #999999;
	font-weight: 400;
	font-family: "Open Sans", "Lucida Sans Unicode", Arial, sans-serif;
}

fieldset fieldset legend { display: inline-block;max-width: 100%;border:0;padding:0;margin:0;margin-bottom: 5px;font-weight: 700;font-size: 1.8rem;color:#000000;}
[name="carta-scadenza"] .input-group-addon {background-color: #ffffff;}
[name="carta-scadenza"] label, [name="carta-scadenza"] span {background-color: #dcdfd4;}
.btn-group .btn {background-color: #dcdfd4;}

legend {padding-top: 2em;font-size: 1.1em;}
label, fieldset fieldset legend {font-size: 0.9em;/*display: none;*/}

.donazione #form-container > div {border-top: 0;}
.donazione .nav-tabs {border-bottom:0;}
.donazione li[role="presentation"] {width:50%;border-top: 2px solid #eeeeee;}
.donazione li[role="presentation"] a {background-color: #fafafa;}
.donazione li[role="presentation"].active a, .donazione li[role="presentation"].active a:hover, .donazione li[role="presentation"].active a:active, .donazione li[role="presentation"].active a:focus {background-color: #eeeeee;color:#e32119;}
.donazione .nav.nav-tabs {margin-bottom: 0;}
.donazione .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .donazione .nav-tabs>li.active>a:hover {border: 0;}
.donazione .nav-tabs>li>a {margin:0;border:0;border-radius: 0;}
.donazione li a[aria-controls] {font-size:2rem;font-weight:bold; text-transform: uppercase;color:#e32119;}
.donazione .nav-tabs>li.active {border-top:2px solid #e32119;}
.floating-label .has-float-label .form-control:placeholder-shown:not(:focus)+* {font-size: 120%;top: .6em;}
.floating-label .has-float-label label, .has-float-label>span {font-size: 90%;}
/*.floating-label .has-float-label label::after, .has-float-label>span::after {background: #eee;}*/
.floating-label fieldset fieldset legend {display: none;}
.floating-label legend {padding-top: 1em;font-size: 1.1em;}
/*.floating-label .form-group:not(.has-float-label) label {display: none;}*/
h2 {color:#e32119;font-size:2rem;padding-bottom:1rem;}

.no-js .tab-content>.tab-pane {display: block;}
.no-js #tab-singola:target {padding-top:6vh;}

.js .indirizzo,
.js [name="donatore-indirizzo"] legend,
.js [name^='metodopagamento-'] > div:first-child,
.js [name="conferma"] > div:first-child { display:none; }

.indirizzo-autocomplete { display:none; }

label small, legend small {color: #666666;}

.emr-collapse {font-size:1.6rem;}
.emr-collapse h4 {color:#e32119;}
.emr-collapse h5 {font-size:1.6rem;}
.emr-collapse ul {padding:0;}
.emr-collapse li {list-style: none;}
.emr-collapse li + li {margin-top:1.6rem;}
#donazioneoffline strong,
#donorcare strong{color:#e32119;}

.mandato { background-color:#ffffff; border:3px dashed #64c4bc; font-size:1.2rem; padding:1rem;}
@media screen and (min-width:992px){.mandato { font-size:1.5rem;}}
.emr-row-esempi-donazione p { background-color:#ffffff; border:3px solid #64c4bc; padding:1rem;margin-bottom:0;}


.has-emr-animation {animation-duration: 0.3s;animation-name: emrAnima;}
@keyframes emrAnima {
    0% {
        transform: scale(0.99, 0.99);
    }
    50% {
        transform: scale(1.01, 1.01);
    }
    100% {
        transform: scale(1, 1);
    }
}
/*.no-js .emr-row-esempi-donazione {display: none;}*/
.emr-row-esempi-donazione {display: none;}
.tooltip { font-size: 1.8rem;margin-top: 0;padding-top:0;}
.tooltip.in{filter:alpha(opacity=100);opacity:1;}
.tooltip.top{padding:0 0 5px 0;margin-top:-3px}
.tooltip .tooltip-inner{width:auto;max-width:800px;padding:1rem;color:#000;background-color:#fff !important;border-radius:4px;border:2px solid #e32119;text-align: left;font-size: 1.5rem;}
.tooltip.top > .tooltip-arrow {border-top-color: #e32119;}
legend {
    
	border:none;
	margin-bottom: 10px;
}
.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.has-error .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.has-float-label .form-control:placeholder-shown:not(:focus)+* {
    font-size: 22px;
    opacity: .8;
    top: .45em;
    font-weight: 400;
	margin-bottom: 0;
}
.has-float-label label, .has-float-label>span {
    font-size: 13px;
    font-weight: 600;
    color: #999999;
}
[name="carta-scadenza"] legend {position: absolute;cursor: text;font-size: 13px;opacity: 1;-webkit-transition: all .2s;transition: all .2s;top: -.5em;left: 12px;z-index: 3;line-height: 1;padding: 0 1px;font-weight: 600; color: #999999;width:7rem; /*megahack per ::after*/  }
[name="carta-scadenza"] legend::after{content: " ";display: block;position: absolute;background: #fff;height: 2px;top: 50%;left: -.2em;right: -.2em;z-index: -1;}
[name="carta-scadenza"] .input-group {width:100%;}
.form-control[name="cvv"] { padding-left: 5px; padding-right: 5px; }
.has-float-label label[for="cvv"] { left: 5px; }
#exp_yy {border-bottom-right-radius: 6px;border-top-right-radius: 6px;border-left:0;}
#exp_mm {border-right:0;}
#exp_separator {padding-right:5px;padding-left:5px;border-left:0;border-right:0;font-weight: bold;}

[name^='metodopagamento-'] {margin-top:10px;}
.js .emr-row-gruppo-altroimporto { display:none; }
noscript.visible-on-no-css-ua { display:none; }

.js .emr-row-tessera-omaggio p {
	padding-top: 1rem;
    margin: 0;
    font-size: 1.5rem;
}

body.donazione h1 span {
		background-color: #e32210;
		color:#ffffff;
		padding:10px;
		}

h2, h3, h4, h5, h6 {
	font-family: Arial, Georgia, "Times New Romans", serif;
}

p, label, li, a legend {
	font-family: "Open Sans", "Lucida Sans Unicode", Arial, sans-serif;
}

.form-control {
    display: block;
    width: 100%;
    height: 44px;
    font-size: 20px;
	padding: 10px 12px;
}

/*.emr-riga-importi div:not(.current-set) {display: none;}*/
/*
*   CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc.
*
*   Author: Marc van Nieuwenhuijzen
*   Company: WebVakman
*   Site: WebVakman.nl
*
*/

@media (min-width: 1200px) and (max-width: 1599px) {
    .hidden-lg {
        display: none !important;
    }
}


.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl{
    display: none !important;
}



@media (min-width: 1600px) {
    .container {
        width: 1570px;
    }

    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }
}

/* vittimediguerra */
body.donazione {
	background-color: #ffffff;	
}
.form-container {
	background-color: #eeeeee;
	padding-top:1rem;
	margin-bottom: 2rem;
}
/* form */

.emr-riga-importi label {
	padding-top: 10px;
	padding-bottom: 10px;
}
.emr-riga-importi label .img {
	display: none;
}

/*.emr-riga-importi label {
	background-color: #ffffff;
	display:flex;
	align-items: center;
	margin-bottom: 1rem;
}*/

fieldset[name="donazione-frequenza"] label,
fieldset[name="donazione"] label,
fieldset[name="metodopagamento"] label {
	background-color: #ffffff;
	display:flex;
	align-items: center;
	margin-bottom: 1rem;
}
.emr-riga-importi label .img {
	padding-left: 0;
}
.emr-riga-importi label img {
	max-width: 100%;
	height: auto;
}
/*.js .emr-riga-importi input[type="radio"] {
	display: none;
}*/
.js input[type="radio"] {
	display: none;
}
.js .emr-riga-importi input[type="radio"].glyphicon {
	display: none;
}
.glyphicon.glyphicon-ok {
	font-size: 3rem;
	color: #ffffff;
}
.js .emr-riga-importi .checked {
	color: #ffffff;
	background-color: #64c4bc;
	box-shadow: 2px 2px 2px 2px #999999;
}
.js .emr-riga-importi label:hover span.glyphicon {
	color: #eeeeee;
}
.js .emr-riga-importi label.checked:hover span.glyphicon {
	color: #ffffff;
}
label {
	font-weight: 400;
}
.help-block.with-errors {
	text-transform: uppercase;
    font-weight: 700;
    font-size: 1.3rem;
}
.checked #altroimporto span {
    font-size: 1.3rem;	
}
.checked #altroimporto span .testo-lungo {
    display: none;
}
.emr-riga-importi .col-sm-1 {
	padding-left: 0;
}
body.donazione .emr-jumbotron.container-fluid p,
body.donazione .emr-jumbotron.container-fluid h1.bigtitle {
	display: none;
}
body.donazione .container h1 {
	font-size: 1.7rem;
	margin-top: -8rem;
}
body.donazione .container h1 a {
	color: #ffffff;
}
body.donazione .container h1 a strong {
	text-decoration: underline;
}
@media (min-width: 768px) {
	.navbar-nav {
    	float: right
	}
body.donazione .emr-jumbotron.container-fluid h1.bigtitle {
	display: block;
	}
body.donazione .container h1 {
	display: none;
	}
}
body.donazione .emr-jumbotron.container-fluid {
		background: rgba(255,255,255,0);
		height:0;
		padding-bottom:56.25%;
		position: relative;
		background-image: url(../img/bg/EMERGENCY-Afghanistan.jpg);
		background-position: top left;
		background-size: 100%;
		background-repeat: no-repeat;
		margin-top: 5vh;
}
body.donazione .container-titolo {
	width: 100%;
	margin: auto;
	position: absolute;
	padding-left: 0px;
	padding-right: 0px;
	left: 0px;
	bottom: 1rem;
}
body.donazione h1 {
	font-size: 2rem;
	margin: auto;
	text-transform: uppercase;
	font-weight: 700;
	padding-bottom:10px;
	margin-bottom: 2rem;
}
body.grazie h1 {
	color: #e32119;
	font-weight: 700;
}
body.grazie .emr-jumbotron.container-fluid,
body.errore .emr-jumbotron.container-fluid {
	padding-top: 10vh;
	}
div.container,
footer.container {
	padding-left:0;
	padding-right: 0;
}
div.condivisioni {
	padding-left:15px;
	padding-right: 15px;
}

/*.form-container > h2,
.form-container > p {
	display: none;
}*/
.form-container {
	padding-top: 2rem;
}
.form-container > h2 {
	display: none;
}
@media screen and (min-width: 768px) {
	/*body.donazione h1 {
		font-size: 3rem;
	}*/
	.emr-riga-importi label {
	padding-top: 0;
	padding-bottom: 0;
	}
	.emr-riga-importi label .img {
		display: block;
	}
	body.donazione .emr-jumbotron.container-fluid {
			background-image: url(../img/bg/EMERGENCY-Afghanistan.jpg);
		}
	body.donazione .emr-jumbotron.container-fluid h1 {
		position: relative;
		top: 25rem;
	}
	body.donazione .emr-jumbotron.container-fluid h1 {
		font-size: 2.5rem;
	}
	body.donazione .emr-jumbotron.container-fluid h1 .etichetta:nth-of-type(2) {
		margin-right: 0;
	}
	body.donazione .emr-jumbotron.container-fluid h1 .etichetta:nth-of-type(3) {
		margin-left: 0;
		background-color: rgba(255,255,255,0.8);
		padding-left: 2rem;
		padding-right: 2rem
	}
	body.donazione .emr-jumbotron.container-fluid h1 .etichetta:nth-of-type(3) span {
		color: #e32119;
		font-weight: bold;
		background-color: rgba(255,255,255,0);
	}
}
@media screen and (min-width: 992px) {
	body.donazione .emr-jumbotron.container-fluid {
			background-image: url(../img/bg/EMERGENCY-Afghanistan.jpg);
		}
	body.donazione .emr-jumbotron.container-fluid p {
		display: block;
		position: relative;
		top: -10rem;
		font-size: 1.3rem;
	}
	
}
/*@media screen and (max-width:1199px) {
	.row > div {
		width: 100%;
	}
}*/
@media screen and (min-width: 1200px) {
	.form-container > h2 {
		display: block;
		font-size:4rem;
	}
	div.container,
	footer.container {
		padding-left:15px;
		padding-right: 15px;
	}
	.emr-riga-importi label {
		padding-top: 0;
		padding-bottom: 0;
	}
	.form-container {
		position: absolute;
		top: 5vh;
		right:0;
	}
	body.donazione .emr-jumbotron.container-fluid {
		background: rgba(255,255,255,0);
		height:0;
		padding-bottom:33.75%;
		position: relative;
		background-image: url(../img/bg/EMERGENCY-Afghanistan.jpg);
		background-position: top left;
		background-size: 60%;
		background-repeat: no-repeat;
		margin-top: 5vh;
		}
	/*body.donazione h1 span {
		max-width: 60%;
		}*/
	body.grazie .emr-jumbotron.container-fluid {
		padding-top: 5vh;
		min-height:100vh;
		background-image: url(../img/bg/EMERGENCY-Afghanistan.jpg);
		background-size: cover;
		display: flex;
		padding-left:0;
		padding-right: 0;
	}
	body.grazie .emr-jumbotron.container-fluid > div {
		background-color: rgba(255,255,255,0.8);
		display: flex;
		flex-direction: column;
		justify-content: center;
		}
	}

@media screen and (min-width: 1600px) {
	/*body.donazione h1 {
		width: 1570px;
	}*/
	body.donazione h1 span {
		font-size: 4rem;
		}
	body.donazione h1 span:last-of-type {
		margin-bottom: 0;
		}
	body.donazione .emr-jumbotron.container-fluid {
		background-image: url(../img/bg/EMERGENCY-Afghanistan.jpg);
		}
	body.grazie .emr-jumbotron.container-fluid {
		background-image: url(../img/bg/EMERGENCY-Afghanistan.jpg);
		}
	body.donazione .emr-jumbotron.container-fluid h1 {
		position: relative;
		top: 30rem;
	}
	body.donazione .emr-jumbotron.container-fluid p {
		font-size: 1.5rem;
	}
}
@media screen and (min-width: 1900px) {
	body.donazione .emr-jumbotron.container-fluid h1 {
		position: relative;
		top: 40rem;
	}
	body.donazione .emr-jumbotron.container-fluid p {
		font-size: 1.6rem;
	}
}
.container > .row {
	background-color: rgba(255,255,255,1);
	padding: 30px;
	/*margin-bottom: 10vh;*/
}
p.cta {
    border-left: 10px solid #e32119;
    padding-left: 10px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
footer {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
	
}
body.donazione footer {
	text-align: left;
}
body.grazie footer {
	text-align: center;
}
footer small {
	display: block;
	padding-top:1rem;
	border-top: 1px solid #eeeeee;
}
nav .emr-cta,
nav .condivisioni ul.nav {
	width: auto;
	display: flex;
	align-items: center;
}
.emr-fb-share,
.emr-tw-share,
.emr-gp-share {
	height:80px;
	margin-left:0;
	margin-right:10px;
	margin-top:30px;
	margin-bottom:0;
	background-repeat: no-repeat;
	background-position:center;
	background-color:#ffffff;
	display:inline-block;
	}

nav .emr-fb-share,
nav .emr-tw-share,
nav .emr-gp-share {
	height:40px;
	margin-left:0;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:5px;
	background-repeat: no-repeat;
	background-position:center;
	background-color:#ffffff;
	display:inline-block;
	}
	
.emr-fb-share {
	background-image: url(../img/ICONA-fb.png);
	background-repeat: no-repeat;
	}

.emr-tw-share {
	background-image: url(../img/ICONA-tw.png);
	background-repeat: no-repeat;
	}	

.emr-gp-share {
	background-image: url(../img/ICONA-gp.png);
	background-repeat: no-repeat;
	}	

	
.svg .emr-fb-share {
	background-image: url(../img/ICONA-fb.svg);
	width: 100%;
	background-size: contain;
	}

.svg .emr-tw-share {
	background-image: url(../img/ICONA-tw.svg);
	width: 100%;
	background-size: contain;
	}	

.svg .emr-gp-share-ok {
	background-image: url(../img/ICONA-gp.svg);
	width: 100%;
	background-size: contain;
	}
@keyframes bounce-right {
	0%, 20%, 50%, 80%, 100% {
    transform: translate(0);
  }
	40% {
    transform: translate(10px);
  }
	60% {
    transform: translate(5px);
  }
}
.bounce.right {
  animation: bounce-right 2s infinite;
	display: inline-block;
}
.errmsg p {
	background-color:#e32119;
	color:#ffffff;
	font-weight:bold;
	padding:1rem;
	}
input[type="submit"]:not(:disabled) {
    background-color: #64c4bc;
    font-weight: bold;
    color: #ffffff;
    font-size: 24px;
}
.lt-ie9 body.donazione .emr-jumbotron.container-fluid {
	height:400px;
	padding-bottom:0;
	}
.lt-ie9 label .img {
	display: none !important;
	}
div#cookiescript_accept, div#cookiescript_reject, div#cookiescript_readmore{text-shadow:none !important; margin-top:15px !important;}

.col-xs-4 label {
	text-align:center;
}
.col-xs-4 label,
label[for="importo_suggerito_altro"] {
	padding-top:1rem;
	padding-bottom:1rem;
}
.col-xs-4 label span {
	font-size:3rem;
}


.navbar {
	height:auto;
	/*height:50px;
	height:5vh;*/
	background-color:#ffffff;
	margin-bottom:0;
	}
	
.navbar-brand {
	padding-top:0;
	padding-bottom:0;
	}

.navbar:before,
.navbar:after {
    content: none;
	}

a.navbar-brand {
	height:22px;
	margin-top:14px;
	margin-bottom:14px;
	margin-left: 15px;
	background-image: url(https://sostieni.emergency.it/img/EMERGENCY-logo-ROSSO-22.png);
	background-repeat: no-repeat;
	width:126px;
	image-rendering:optimizeSpeed;             /* Legal fallback */
 	image-rendering:-moz-crisp-edges;          /* Firefox        */
  	image-rendering:-o-crisp-edges;            /* Opera          */
  	image-rendering:-webkit-optimize-contrast; /* Safari         */
	-ms-interpolation-mode: nearest-neighbor;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;	
	}	

.svg a.navbar-brand {
	background-image: url(https://sostieni.emergency.it/img/EMERGENCY-logo.svg);
	background-repeat: no-repeat;
	/*width:126.5px;*/
	padding-left: 0;
    padding-right: 0;
    height: 40px;
    width: 250px;
    max-width: 250px;
	}

.lt-ie9 .navbar-header {
	 float:left;
	 }

.navbar-header { width: 100%; }
.navbar .container-fluid { width: 100%; }
.navbar-default .navbar-toggle { border-color: #e32119; }
.navbar-default .navbar-toggle .icon-bar { background-color: #e32119; }
.navbar-toggle { margin-right: 0; }
#navbar-collapse ul li { text-transform: uppercase;font-weight:600;font-size:13px; }

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #e32119; border-color: #ffffff; }
.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar { background-color: #ffffff; }
nav ul li.current { background-color: #e32119; }
.navbar-default .navbar-nav>li.current>a { color:#ffffff; }

@media screen and (min-width: 768px) {	
	a.navbar-brand {
		height:40px;
		margin-top:5px;
		margin-bottom:5px;
		background-image: url(https://sostieni.emergency.it/img/EMERGENCY-logo-ROSSO-40.png);
		width: 229px;
		}	
	.svg a.navbar-brand {
		background-image: url(https://sostieni.emergency.it/img/EMERGENCY-logo.svg);
		width:230px;
		}
	.navbar-right {
		margin-right:0;
		}
	.navbar-nav>li {
    padding-left: 10px;
	}
	.navbar-nav>li>span {
    padding-top: 15px;
    padding-bottom: 15px;
	}
	.navbar-nav>li>span {
    line-height: 20px;
	}
	.nav>li>span {
    position: relative;
    display: block;
	}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: auto; }
}

@media screen and (min-width: 992px) {	
	.navbar-header { width: auto; }
}

@media screen and (min-width: 1200px) {
	.emr-cta .navbar-nav { float: right; }
	.emr-cta ul.nav.navbar-nav { width: auto; margin: 0; }
	.emr-cta  ul.nav.navbar-nav > li { width: 100%; }
}

a#ctareg { display:block; color:#ffffff; background-color: #e32119; padding:1rem; margin-top:2rem; }
a#ctareg span { font-size:24px; font-weight:bold; }
a#ctareg span + span { font-size:16px ; display:block; text-decoration:none; font-weight: normal; }
a#ctadon, a#ctamem { display:block; font-size: 24px; color:#ffffff; background-color: #aaaaaa; font-weight: bold; padding:1rem; margin-top:2rem; }

body#errore { margin-top:10vh; }
.media.author-box {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	/*justify-content:center;*/
	margin-top: 2rem;
    margin-bottom: 2rem;
	background-color: #fafafa;
    padding: 2rem;
	border-left: 10px solid #64c4bc;
}
.media.author-box .media-boxtitle {
	width: 100%;
}
.media.author-box div:not(.media-boxtitle) {
	width: auto;
}
.media .media-figure {
	margin-right: 1em;
}
.media .media-figure img {
	height: 125px;
	width: 125px;
}
body.donazione.nessunoescluso .emr-jumbotron.container-fluid {
		background-image: url(../img/bg/EMERGENCY-Nessuno-Escluso-Casa-EMERGENCY.jpg);
		}
@media screen and (max-width: 991px) {
	.emr-hideonmob { display:none; }
}
body.donazione.sudan .emr-jumbotron.container-fluid {
	background-image: url(../img/bg/EMERGENCY-Sudan.jpg);
}
@media screen and (min-width: 768px) {
body.donazione.sudan .emr-jumbotron.container-fluid h1 {
    top: 39rem;
	}
}
@media screen and (min-width: 1200px) {
	body.donazione.sudan .emr-jumbotron.container-fluid {
	padding-bottom:42%;
	background-size: 70%;
	}
}