/*!
 * Start Bootstrap - Agency v3.3.7+1 (http://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */


@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fa {
font-family: 'FontAwesome'!important;	
}


body {
  overflow-x: hidden;
  font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #fed136;
}
p {
  font-size: 14px;
  line-height: 1.75;
  color: #909090;
font-size: 16px;
font-family: "Lato";
line-height: 1.7;
}
p.large {
  font-size: 16px;
}
a,
a:hover,
a:focus,
a:active,
a.active {
  outline: none;
}
a {
  color: #fed136;
}
a:hover,
a:focus,
a:active,
a.active {
  color: #fec503;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}
.img-centered {
  margin: 0 auto;
}
.bg-light-gray {
  background-color: #eeeeee;
}
.bg-darkest-gray {
  background-color: #222222;
}
.btn-primary {
  color: white;
  background-color: #fed136;
  border-color: #fed136;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: white;
  background-color: #fec503;
  border-color: #f6bf01;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #fed136;
  border-color: #fed136;
}
.btn-primary .badge {
  color: #fed136;
  background-color: white;
}
.btn-xl {
  color: white;
  background-color: #fed136;
  border-color: #fed136;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 3px;
  font-size: 18px;
  padding: 20px 40px;
}
.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
  color: white;
  background-color: #fec503;
  border-color: #f6bf01;
}
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
  background-image: none;
}
.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
  background-color: #fed136;
  border-color: #fed136;
}
.btn-xl .badge {
  color: #fed136;
  background-color: white;
}
.navbar-custom {
  background-color: #222222;
  border-color: transparent;
}
.navbar-custom .navbar-brand {
  color: #fed136;
  font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
  color: #fec503;
}
.navbar-custom .navbar-collapse {
  border-color: rgba(255, 255, 255, 0.02);
}
.navbar-custom .navbar-toggle {
  background-color: #fed136;
  border-color: #fed136;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: white;
  color: white;
  font-size: 12px;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #fed136;
}
.navbar-custom .nav li a {
      font-family: "Noto Sans";
  font-weight: bold;
  letter-spacing: 1px;
  color: white;
	    font-size: 13px;
}


.nav>li>a {
	    padding: 40px 19px!important;
}


li.menu_donaora a {
	padding: 40px 13px!important;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus {
  color: #fed136;
  outline: none;
}
.navbar-custom .navbar-nav > .active > a {
  border-radius: 0;
  color: white;
  background-color: #fed136;
}
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: white;
  background-color: #fec503;
}
@media (min-width: 768px) {
  .navbar-custom {
    background-color: transparent;
    padding: 25px 0;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
    border: none;
  }
  .navbar-custom .navbar-brand {
    font-size: 2em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .navbar-custom .navbar-nav > .active > a {
    border-radius: 3px;
  }
}
@media (min-width: 768px) {
  .navbar-custom.affix {
    background-color: #222222;
    padding: 10px 0;
  }
  .navbar-custom.affix .navbar-brand {
    font-size: 1.5em;
  }
}
header {
  background-image: url('../img/header-bg.jpg');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  text-align: center;
  color: white;
}
header .intro-text {
  padding-top: 100px;
  padding-bottom: 50px;
}
header .intro-text .intro-lead-in {
  font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 25px;
}
header .intro-text .intro-heading {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  header .intro-text {
    padding-top: 300px;
    padding-bottom: 200px;
  }
  header .intro-text .intro-lead-in {
    font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 25px;
  }
  header .intro-text .intro-heading {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 75px;
    line-height: 75px;
    margin-bottom: 50px;
  }
}
section {
  padding: 100px 0;
}
section h2.section-heading {
     font-size: 25px;
    margin-top: 0;
    margin-bottom: 15px;
    text-align: left;
    color: #2c522e;
    font-family: 'Lato', sans-serif;
}

section h3.section-subheading {
  font-size: 16px;
  font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: none;
  font-style: italic;
  font-weight: 400;
  margin-bottom: 75px;
}
@media (min-width: 768px) {
  section {
        padding: 55px 0;

  }
	
	.bg-grazie, .bg-grazie-2 {
		    padding: 231px 0 130px;
	}
}
.service-heading {
  margin: 15px 0;
  text-transform: none;
}

#portfolio .portfolio-item {
  margin: 0 0 15px;
  right: 0;
}
#portfolio .portfolio-item .portfolio-link {
  display: block;
  position: relative;
  max-width: 400px;
  margin: 0 auto;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover {
  background: rgba(254, 209, 54, 0.9);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
  opacity: 1;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
  position: absolute;
  width: 100%;
  height: 20px;
  font-size: 20px;
  text-align: center;
  top: 50%;
  margin-top: -12px;
  color: white;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
  margin-top: -12px;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
  margin: 0;
}
#portfolio .portfolio-item .portfolio-caption {
  max-width: 400px;
  margin: 0 auto;
  background-color: white;
  text-align: center;
  padding: 25px;
}
#portfolio .portfolio-item .portfolio-caption h4 {
  text-transform: none;
  margin: 0;
}
#portfolio .portfolio-item .portfolio-caption p {
  font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 16px;
  margin: 0;
}
#portfolio * {
  z-index: 2;
}
@media (min-width: 767px) {
  #portfolio .portfolio-item {
    margin: 0 0 30px;
  }
}
.timeline {
  list-style: none;
  padding: 0;
  position: relative;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: "";
  width: 2px;
  background-color: #f1f1f1;
  left: 40px;
  margin-left: -1.5px;
}
.timeline > li {
  margin-bottom: 50px;
  position: relative;
  min-height: 50px;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li .timeline-panel {
  width: 100%;
  float: right;
  padding: 0 20px 0 100px;
  position: relative;
  text-align: left;
}
.timeline > li .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline > li .timeline-image {
  left: 0;
  margin-left: 0;
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: 100;
  background-color: #fed136;
  color: white;
  border-radius: 100%;
  border: 7px solid #f1f1f1;
  text-align: center;
}
.timeline > li .timeline-image h4 {
  font-size: 10px;
  margin-top: 12px;
  line-height: 14px;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
  text-align: left;
  padding: 0 20px 0 100px;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline > li:last-child {
  margin-bottom: 0;
}
.timeline .timeline-heading h4 {
  margin-top: 0;
  color: inherit;
}
.timeline .timeline-heading h4.subheading {
  text-transform: none;
}
.timeline .timeline-body > p,
.timeline .timeline-body > ul {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .timeline:before {
    left: 50%;
  }
  .timeline > li {
    margin-bottom: 100px;
    min-height: 100px;
  }
  .timeline > li .timeline-panel {
    width: 41%;
    float: left;
    padding: 0 20px 20px 30px;
    text-align: right;
  }
  .timeline > li .timeline-image {
    width: 100px;
    height: 100px;
    left: 50%;
    margin-left: -50px;
  }
  .timeline > li .timeline-image h4 {
    font-size: 13px;
    margin-top: 16px;
    line-height: 18px;
  }
  .timeline > li.timeline-inverted > .timeline-panel {
    float: right;
    text-align: left;
    padding: 0 30px 20px 20px;
  }
}
@media (min-width: 992px) {
  .timeline > li {
    min-height: 150px;
  }
  .timeline > li .timeline-panel {
    padding: 0 20px 20px;
  }
  .timeline > li .timeline-image {
    width: 150px;
    height: 150px;
    margin-left: -75px;
  }
  .timeline > li .timeline-image h4 {
    font-size: 18px;
    margin-top: 30px;
    line-height: 26px;
  }
  .timeline > li.timeline-inverted > .timeline-panel {
    padding: 0 20px 20px;
  }
}
@media (min-width: 1200px) {
  .timeline > li {
    min-height: 170px;
  }
  .timeline > li .timeline-panel {
    padding: 0 20px 20px 100px;
  }
  .timeline > li .timeline-image {
    width: 170px;
    height: 170px;
    margin-left: -85px;
  }
  .timeline > li .timeline-image h4 {
    margin-top: 40px;
  }
  .timeline > li.timeline-inverted > .timeline-panel {
    padding: 0 100px 20px 20px;
  }
}
.team-member {
  text-align: center;
  margin-bottom: 50px;
}
.team-member img {
  margin: 0 auto;
  border: 7px solid white;
}
.team-member h4 {
  margin-top: 25px;
  margin-bottom: 0;
  text-transform: none;
}
.team-member p {
  margin-top: 0;
}
aside.clients img {
  margin: 50px auto;
}
section#contact {
  background-color: #222222;
  background-image: url('../img/map-image.png');
  background-position: center;
  background-repeat: no-repeat;
}
section#contact .section-heading {
  color: white;
}
section#contact .form-group {
  margin-bottom: 25px;
}
section#contact .form-group input,
section#contact .form-group textarea {
  padding: 20px;
}
section#contact .form-group input.form-control {
  height: auto;
}
section#contact .form-group textarea.form-control {
  height: 236px;
}
section#contact .form-control:focus {
  border-color: #fed136;
  box-shadow: none;
}
section#contact ::-webkit-input-placeholder {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #eeeeee;
}
section#contact :-moz-placeholder {
  /* Firefox 18- */
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #eeeeee;
}
section#contact ::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #eeeeee;
}
section#contact :-ms-input-placeholder {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #eeeeee;
}
section#contact .text-danger {
  color: #e74c3c;
}
footer {
  padding: 25px 0;
  text-align: center;
}
footer span.copyright {
  line-height: 40px;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-transform: none;
}
footer ul.quicklinks {
  margin-bottom: 0;
  line-height: 40px;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-transform: none;
}
ul.social-buttons {
  margin-bottom: 0;
}
ul.social-buttons li a {
  display: block;
  background-color: #222222;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  font-size: 20px;
  line-height: 40px;
  color: white;
  outline: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
  background-color: #fed136;
}
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
  outline: none;
}
.portfolio-modal .modal-dialog {
  margin: 0;
  height: 100%;
  width: auto;
}
.portfolio-modal .modal-content {
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  min-height: 100%;
  padding: 100px 0;
  text-align: center;
}
.portfolio-modal .modal-content h2 {
  margin-bottom: 15px;
  font-size: 3em;
}
.portfolio-modal .modal-content p {
  margin-bottom: 30px;
}
.portfolio-modal .modal-content p.item-intro {
  margin: 20px 0 30px;
  font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  font-size: 16px;
}
.portfolio-modal .modal-content ul.list-inline {
  margin-bottom: 30px;
  margin-top: 0;
}
.portfolio-modal .modal-content img {
  margin-bottom: 30px;
}
.portfolio-modal .close-modal {
  position: absolute;
  width: 75px;
  height: 75px;
  background-color: transparent;
  top: 25px;
  right: 25px;
  cursor: pointer;
}
.portfolio-modal .close-modal:hover {
  opacity: 0.3;
}
.portfolio-modal .close-modal .lr {
  height: 75px;
  width: 1px;
  margin-left: 35px;
  background-color: #222222;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
  z-index: 1051;
}
.portfolio-modal .close-modal .lr .rl {
  height: 75px;
  width: 1px;
  background-color: #222222;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  z-index: 1052;
}
.portfolio-modal .modal-backdrop {
  opacity: 0;
  display: none;
}
::-moz-selection {
  text-shadow: none;
  background: #fed136;
}
::selection {
  text-shadow: none;
  background: #fed136;
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
body {
  webkit-tap-highlight-color: #fed136;
}




/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- CUSTOM --------------------------------------------------------------------------------------------------------------------------------*/



#mainNav {
	background-color: rgba(16, 59, 17, 0.85);
}


.navbar-brand, .navbar-custom {
	padding:0!important;
	    min-height: 100px;
}

.navbar-nav {
	    margin:0 -15px!important;
}

.menu_donaora a {
	background-color:#fdc300!important;
	color:#2b502c!important;
}


img {
	    max-width: 100%;
}


.boxes_bottom {
	margin-top:20px;
}


.title_boxes {
	min-height: 311px;
	    text-align: left;
	font-family: 'Lato', sans-serif;
	
}


.container_boxes {
	    margin: 13% 0 4%;
}


footer h3 {
	font-size: 12px;
    font-weight: 700;
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
	font-family: 'Lato', sans-serif;
	color:#dddddd;
}



.dropdown-menu {
	background-color:#25221a!important;
}

.dropdown-menu a {
	    font-size: 11px!important;
	color:#f4f4f4;
	padding:0!important;
}

.dropdown-menu li {
	 padding: 11px 15px!important;
	
	
}

.dropdown-menu {
	top:91%;
}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background-color:transparent;
}


	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
		color:#FFF!important;
}

@media (min-width: 768px) {
.navbar-right .dropdown-menu {
	right:auto!important;
	
	}

	.regolare img {
		    margin: 100px 0 0!important;
	}

}

@media (max-width: 768px) {
	.title_boxes {
		    margin: 80px 0 0;
		min-height:0!important;
	}
	
	.nav>li>a {
    padding: 8px 20px!important;
}
	
	#donationForm {
		    margin: 30px 0;

	}
	
	.regolare img {
		    margin: 100px 0 0!important;
	}
	
	.box_2_img, .col-md-4 {
		margin-bottom: 30px;
	}
	
	.col-xs-6 {
		width:100%!important;
	}
}

.img_boxes {
	width:100%;
	height:330px;
	background-size: cover!important;
	position:relative;
	max-width:100%;
}


.border_wh2 {
	border-bottom:3px solid #1e8434!important;
}


.singola .box_1_img {
	background:url(../img/boxes-singola.jpg) no-repeat 0 0;
}

.singola .box_2_img {
	background:url(../img/boxes-singola-02.jpg) no-repeat 0 0;
}

.singola .box_3_img {
	background:url(../img/boxes-singola-03.jpg) no-repeat 0 0;
}

.singola .box_4_img {
	background:url(../img/boxes-singola-04.jpg) no-repeat 0 0;
}


.regolare .img_boxes {
	background-color:rgba(16, 59, 17, 0.85);
}


.regolare .numero {
	position: absolute;
    left: 0;
    top: 0;
    background:#fff;
	color:#1e8434;
    padding: 10px 20px;
    font-size: 30px;
	font-family:'lato';
	font-weight: bold;
}

.numero {
	position: absolute;
    left: 0;
    top: 0;
    background:#ffffff;
    padding: 10px 20px;
    font-size: 30px;
	font-family:'lato';
	font-weight: bold;
	color:#1e8434;
}


.testo_boxes {
	    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 24px;
    text-align: left;
    font-family: 'lato';
	  padding: 13px;
	  
	    width: 100%;

}

.est {
	line-height: 44px !important;
}

.singola .testo_boxes {
		background-color:rgba(16, 59, 17, 0.85);
}


.regolare .testo_boxes {
	    top: 14%;
	color:#FFFFFF;
}

.regolare img {
	       /* position: absolute; */
    left: 0;
    bottom: 0;
    max-width: 90%;
    right: 0;
    top: 0;
    margin: 38% 0 0;
}


.arrow_home img {
	    position: absolute;
    bottom: -7%;
}

.wrapRadio span {
	/*border: 2px solid #2c522e;*/
}


@media screen and (min-width:769px) and (max-width:1200px) {
	.navbar-brand>img, .navbar-brand, .navbar-header {
		margin:0 auto!important;
		float:none!important;
		    max-width: 51%;
	}
	
	.nav>li>a {
        padding: 16px 17px!important;

}
	
	.navbar-nav {
    margin: 0 auto!important;
    width: 769px!important;
		float:none!important;
		text-align:center!important;
	}
}



.testo_card, .testo_card_2 {
	    font-family: 'Lato', sans-serif;
}

.testo_card_2 {
	margin:5% 0;
}


.btn-primary {
	background-color:#1e8434!important;
	background-color: #1e8434!important;
    border: none;
    padding: 14px 40px;
    font-size: 24px;
}


.card {
	    padding: 0px 0 0!important;
}


.card-2 {
	padding:50px 0!important;
}



.input_singola span.input_1 {
	    margin: 10px 0px 0 0;
    padding: 10px 0;
    width: 50%!important;
}

.input_singola span {
	 padding: 10px 0;
	 margin-left: -30px !important;
}



/*--------------------------------------------------
Body & altro
--------------------------------------------------*/
::-moz-selection { background: #07a0dc; color: #fff; text-shadow: none; }
::selection { background: #07a0dc; color: #fff; text-shadow: none; }
a:focus { outline: none !important; }
a:hover { text-decoration: none !important; }
a:hover, a:focus { color: #f36c00; }
html { background: #fbfbfb; }
body { font: 14px/20px 'Nunito', sans-serif; color: #3d4247; padding: 0; line-height: 20px; max-width: 1800px; width: 100%; margin: 0 auto; box-shadow: 0px 0px 2px 2px #EAE9E9; background: #fff; font-weight: 400; }
.nunito { font-family: 'Nunito', sans-serif; }
.nunito.fwl { font-weight: 300; }
.nunito.fwn { font-weight: 400; }
.nunito.fwb { font-weight: 600; }
.cubano { font-family: 'CubanoRegular', sans-serif; }
.cubano.fwl { font-weight: normal; }
.cubano.fwn { font-weight: normal; }
.cubano.fwb { font-weight: normal; }
.fs11 { font-size: 11px; line-height: 13px; }
.fs13 { font-size: 13px; line-height: 13px; }
.fs15 { font-size: 16px; line-height: 20px; }
.fs16 { font-size: 16px; line-height: 20px; }
.fs17 { font-size: 17.5px; line-height: 20px; }
.fs18 { font-size: 18px; line-height: 20px; }
.fs30 { font-size: 30px; }
h1 .fs36 { font: 30px/30px 'CubanoRegular'; display: block; }
.fs64 { font-size: 64px; }
.fcb { color: #1e6899; }
.fclb { color: #8bc2db; }
.fcdg, .fcbb { color: #3d4247; }
.fcw { color: #fff; }
.fca { color: #07a0dc; }
.fco { color: #f36c00; }
.wrap940 { width: 940px; margin: 0 auto; }
h1 { font: 44px/46px 'CubanoRegular'; text-align: center; }
h2 { font: 38px/42px 'CubanoRegular'; }
h3 { font: 24px/30px 'Nunito'; }
h4 { font: 24px/30px 'CubanoRegular'; text-align: center; }
h5 { font: 24px/30px 'CubanoRegular'; text-align: center; text-shadow: 0 2px 0 #fff; }
.tsw { text-shadow: 0 2px 0 #fff; }
.tsa { text-shadow: 0 2px 0 #7aabc1; }
.tac { text-align: center; }
.tal { text-align: left; }
.tdu { text-decoration: underline; }
.tdu:hover { text-decoration: underline !important; color: #f36c00; }
.fco.tdu:hover { text-decoration: underline !important; color: #0088cc; }
.mts { margin-top: 10px; }
.p0 { padding: 0 !important; }
.mtm { margin-top: 30px; }
.mbs { margin-bottom: 10px; }
.mbm { margin-bottom: 20px; }
.mbm2 { margin-bottom: 30px; }
.mbl { margin-bottom: 50px; }
.mls { margin-left: 15px !important; }
.mlm { margin-left: 40px; }
.h15 { min-height: 15px !important; }
.pr0 { padding-right: 0 !important; }
p strong { color: #2c522e; font-weight: 600; }
.arrowUl { list-style-image: url(/img/donazioni/ul.png); }
.img-rounded { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#pallottoliere { width: 100px; height: 88px; background: url(../img/donazioni/icon.png) no-repeat left -440px; display: block; }
#poste { width: 60px; height: 60px; background: url(../img/donazioni/icon.png) no-repeat -400px -360px; display: block; }
#creditCard { width: 61px; height: 42px; background: url(../img/donazioni/icon.png) no-repeat -500px -440px; display: block; }
#bonifico { width: 60px; height: 53px; background: url(../img/donazioni/icon.png) no-repeat -500px -360px; display: block; }
#assegno { width: 56px; height: 34px; background: url(../img/donazioni/icon.png) no-repeat -600px -360px; display: block; }
#rid { width: 48px; height: 43px; background: url(../img/donazioni/icon.png) no-repeat -400px -440px; display: block; }
#infoAltre { width: 50px; height: 50px; background: url(../img/donazioni/icon.png) no-repeat -600px -440px; display: block; }

/*--------------------------------------------------
LOADING
--------------------------------------------------*/
#mainLoading { width: 100%; height: 100%; position: fixed; background: #fff; opacity: 0.8; z-index: 9999; display: none; }
#mainLoading .loader { position: absolute; z-index: 100; top: 40%; left: 50%; width: 240px; height: 44px; margin-top: -22px; margin-left: -120px; text-align: center; }
#mainLoading .loader .h2 { font: 38px/42px 'CubanoRegular'; color: #07a0dc; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; }

@-moz-keyframes blinker { /* Decimal not necessary, 0 and 1 is enough */
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

/*--------------------------------------------------
FANCYBOX
--------------------------------------------------*/
#ajaxContent .span12 { padding: 0 20px; width: 900px; }
#ajaxContent.section { padding: 20px 0; }

/*--------------------------------------------------
SECTION
--------------------------------------------------*/
.bgB { background: #f7f6f3; }
.bgA { background: #8bc2db; }
.section { padding: 48px 0; }

/*--------------------------------------------------
COOKIE
--------------------------------------------------*/
#cookie { width: 100%; position: fixed; left: 0; bottom: 0; z-index: 9999; background: #00aeef; display: none; }
#cookie div { color: #fff; font-size: 13px; font-family: Arial, Helvetica, sans-serif; max-width: 940px; margin: 0 auto; padding: 8px 0; }
#cookie div a { color: #fff; text-decoration: underline; }
#cookie div a:hover { text-decoration: underline !important; color: #3d4247; }
#cookie div a.btn { color: #00aeef; background: #fff; font-size: 14px; font-weight: bold; box-shadow: none; border: none !important; text-decoration: none !important; margin-top: -2px; text-transform: uppercase !important; float: right; padding: 2px 25px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#cookie div a.btn:hover { background: rgba(255,255,255,0.80); }

/*--------------------------------------------------
HEADER TOP
--------------------------------------------------*/
#headerTop { height: 20px; width: 100%; background: #fff; padding: 10px 0 10px; }
.interna #headerTop { background: #f7f6f3; }
nav ul { list-style: none; text-align: right; }
nav ul li { display: inline-block; }
nav.underlineNav ul li { margin-left: 24px; }
nav.underlineNav ul li a { font: 14px/20px 'Nunito', sans-serif; color: #3d4247; text-decoration: underline; }
.divider { width: 100%; height: 10px; }

/*--------------------------------------------------
MAIN HEADER
--------------------------------------------------*/
#mainHeader { width: 100%; height: 90px; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.15); position: relative; z-index: 2; transition: height 0.4s ease-in-out; -webkit-transition: height 0.4s ease-in-out; -moz-transition: height 0.4s ease-in-out; }
#mainHeader #logo { transition: max-width 0.1s 0.2s ease-out; -webkit-transition: max-width 0.1s 0.2s ease-out; -moz-transition: max-width 0.1s 0.2s ease-out; }
#mainHeader .span2 a { display: inline-block; margin-top: 13px; }
#mainHeader .span10 { margin-top: 37px; }
#mainHeader nav ul { margin: 0; }
#mainHeader nav li { margin-left: 18px; }
#mainHeader nav li a { font: 14px/20px 'Nunito', sans-serif; color: #07a0dc; font-weight: 600; }
#mainHeader nav li a:hover { color: #1e6899; }
#mainHeader nav li a.on { color: #f36c00; }
#mainHeader.off { position: fixed; top: 0px; left: 0px; z-index: 999; height: 70px; transition: height 0.4s 0.2s ease-in-out; -webkit-transition: height 0.4s 0.2s ease-in-out; -moz-transition: height 0.4s 0.2s ease-in-out; }
#mainHeader.off #logo { max-width: 70%; transition: max-width 0.1s ease-out; -webkit-transition: max-width 0.1s ease-out; -moz-transition: max-width 0.1s ease-out; }
#mainHeader.off #donate2 { display: inline-block; font-size: 14px; padding-right: 40px; }
#mainHeader.off nav li { margin-left: 14px; }
.ie8 #mainHeader.off nav li { margin-left: 19px; }
#mainHeader.off nav li a { font: 12px/20px 'Nunito', sans-serif; font-weight: 600; }
#mainHeader.off .span10 { margin-top: 15px; }
#mainHeader.off .span2 a { margin-top: 12px; }

/*--------------------------------------------------
SOCIAL BAR
--------------------------------------------------*/
#social { background: #fff; -moz-box-shadow: 0px 1px 4px rgba(000,000,000,0.15); -webkit-box-shadow: 0px 1px 4px rgba(000,000,000,0.15); box-shadow: 0px 1px 4px rgba(000,000,000,0.15); position: fixed; z-index: 999; left: 10px; top: 50%; margin-top: -100px; text-align: center; }
#social .cubano { padding: 6px 0; background: #fbfbfb; border-bottom: 1px solid #ffffff; }
#social #fb { border-top: 1px solid #f7f6f2; }
.social { width: 62px; height: 62px; text-align: center; line-height: 62px; }
.social a { display: block; width: 62px; height: 62px; }
.social i { display: inline-block; width: 62px; height: 62px; background: url(/img/donazioni/icon.png) no-repeat left top; }
#fb i { background-position: -365px -145px; }
#tw i { background-position: -365px -207px; }
#mail i { background-position: -365px -268px; }
#gp i { background-position: -365px -83px; }
#fb:hover i { background-position: -465px -145px; background-color: #5775b4; transition: background-color 0.4s; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; }
#tw:hover i { background-position: -465px -207px; background-color: #59b9da; transition: background-color 0.4s; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; }
#mail:hover i { background-position: -465px -268px; background-color: #E34932; transition: background-color 0.4s; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; }
#gp:hover i { background-position: -465px -83px; background-color: #dd4b39; transition: background-color 0.4s; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; }

/*--------------------------------------------------
ANIMATION
--------------------------------------------------*/
@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
    20% { -webkit-transform: rotate(15deg); }
    40% { -webkit-transform: rotate(-10deg); }
    60% { -webkit-transform: rotate(5deg); }
    80% { -webkit-transform: rotate(-5deg); }
    100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
    20% { -moz-transform: rotate(15deg); }
    40% { -moz-transform: rotate(-10deg); }
    60% { -moz-transform: rotate(5deg); }
    80% { -moz-transform: rotate(-5deg); }
    100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
    20% { -o-transform: rotate(15deg); }
    40% { -o-transform: rotate(-10deg); }
    60% { -o-transform: rotate(5deg); }
    80% { -o-transform: rotate(-5deg); }
    100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
    20% { transform: rotate(15deg); }
    40% { transform: rotate(-10deg); }
    60% { transform: rotate(5deg); }
    80% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}

.progettiWrap .span3:hover .cta { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; }

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); }
    40% { -webkit-transform: translateY(-30px); }
    60% { -webkit-transform: translateY(-15px); }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); }
    40% { -moz-transform: translateY(-30px); }
    60% { -moz-transform: translateY(-15px); }
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); }
    40% { -o-transform: translateY(-30px); }
    60% { -o-transform: translateY(-15px); }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-30px); }
    60% { transform: translateY(-15px); }
}

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
    25% { -webkit-transform: scale(1.1); }
    50% { -webkit-transform: scale(1); }
    75% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}

@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }
    25% { -moz-transform: scale(1.1); }
    50% { -moz-transform: scale(1); }
    75% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}

@-o-keyframes pulse {
    0% { -o-transform: scale(1); }
    25% { -o-transform: scale(1.1); }
    50% { -o-transform: scale(1); }
    75% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}

@keyframes pulse {
    0% { transform: scale(1); }
    25% { transform: scale(1.1); }
    50% { transform: scale(1); }
    75% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

#donationForm:hover #heartDonate { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; /*-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;*/ -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; }

/*--------------------------------------------------
MAIN SLIDER
--------------------------------------------------*/
#mainslider { padding: 0; height: 500px; position: relative; width: 100%; }
#mainslider .wrap940 { position: absolute; z-index: 1; top: 20px; left: 50%; margin-left: -470px; }
#mainslider .flexslider { position: absolute; z-index: 0; border: 0; overflow: hidden; box-shadow: none; width: 100%; height: 500px; }
.progettiWrap { top: 27px; display: none; position: absolute; z-index: 0; left: 0px; }
.progettiWrap .span3 { height: 209px; margin-bottom: 6px; position: relative; z-index: 0; }
.progettiWrap .span3 a { height: 190px; margin-bottom: 19px; background: #fff; display: block; border-radius: 5px; overflow: hidden; box-shadow: 0px 3px 4px rgba(0,0,0,0.15); text-align: center; }
.progettiWrap .span3:hover a { box-shadow: 0px 0px 6px rgba(255,255,255,0.80); }
.progettiWrap .span3:hover img { margin-top: -124px; transition: margin-top 0.4s; -webkit-transition: margin-top 0.4s; -moz-transition: margin-top 0.4s; }
.progettiWrap .span3 img { margin-bottom: 12px; max-height: 114px; width: 220px; }
.progettiWrap .span3 span { display: block; text-align: center; margin: 0 auto 3px; max-width: 214px; }
.progettiWrap .span3 span.text { margin-top: 18px; color: #3d4247; }
.progettiWrap .span3 .cta { background: #fff; position: absolute; bottom: 0px; left: 50%; margin-left: -16px; width: 32px; height: 32px; border-radius: 32px; box-shadow: 0px 3px 4px rgba(0,0,0,0.15); border: 3px solid #fff; cursor: pointer; }
.progettiWrap .span3 .cta span { width: 30px; height: 30px; border-radius: 30px; -moz-box-shadow: 0px 1px 1px rgba(000,000,000,0.5), inset 0px 2px 0px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.5), inset 0px 2px 0px rgba(255,255,255,0.3); box-shadow: 0px 1px 1px rgba(000,000,000,0.5), inset 0px 2px 0px rgba(255,255,255,0.3); background: rgb(7,160,220); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA3YTBkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjc4YTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(7,160,220,1) 0%, rgba(6,120,164,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(7,160,220,1)), color-stop(100%,rgba(6,120,164,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(7,160,220,1) 0%,rgba(6,120,164,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(7,160,220,1) 0%,rgba(6,120,164,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(7,160,220,1) 0%,rgba(6,120,164,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(7,160,220,1) 0%,rgba(6,120,164,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07a0dc', endColorstr='#0678a4',GradientType=0 ); /* IE6-8 */ }
.progettiWrap .span3:hover .cta span { background: rgb(6,120,164); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2NzhhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwN2EwZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(6,120,164,1) 0%, rgba(7,160,220,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(6,120,164,1)), color-stop(100%,rgba(7,160,220,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(6,120,164,1) 0%,rgba(7,160,220,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(6,120,164,1) 0%,rgba(7,160,220,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(6,120,164,1) 0%,rgba(7,160,220,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(6,120,164,1) 0%,rgba(7,160,220,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0678a4', endColorstr='#07a0dc',GradientType=0 ); /* IE6-8 */ }
.ie9 .progettiWrap .span3 .cta span { filter: none; }
.progettiWrap .span3:hover .cta { box-shadow: 0px 0px 6px rgba(255,255,255,0.80); }
.heartSmall { width: 14px; height: 11px; margin-top: 11px; }
i.heartSmall { width: 15px; background: url(/img/donazioni/icon.png) no-repeat left -160px; display: inline-block; }


/*--------------------------------------------------
DONATION FORM
--------------------------------------------------*/
#donationForm {max-width: 100%; margin-top: 29px; position: relative; z-index: 0; background-color:#FFF!important;     min-height: 329px;}
.ie9 #donationForm { filter: none; }
#donationForm .wrapRadio, #donationForm .wrapSelect { width: 340px; margin: 0 auto 10px; background: url(/img/donazioni/radioWrap.png) no-repeat left top; }
#donationForm .wrapRadio { padding: 0 15px;     width: 344px;     max-width: 100%; }
#donationForm .wrapSelect {margin-bottom: 6px;}
#heartDonate { position: absolute; z-index: 2; top: 245px; left: 268px; }
i#heartDonate { width: 28px; height: 22px; background: url(/img/donazioni/icon.png) no-repeat left -200px; display: block; }
#heartDonate2 { position: absolute; z-index: 2; right: 13px; width: 20px; top: 7px; }
i#heartDonate2 { width: 28px; height: 22px; background: url(/img/donazioni/icon.png) no-repeat left -160px; display: block; top: 11px; right: 3px; }
.button { font-family: 'Nunito', sans-serif; font-size: 21px; text-transform: uppercase; text-align: center; color: #ffffff; padding: 10px; border-radius: 2px; border: 1px solid #5c676f; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 2px 0px rgba(255,255,255,0.3); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 2px 0px rgba(255,255,255,0.3); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 2px 0px rgba(255,255,255,0.3); background: rgb(7,160,220); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA3YTBkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjc4YTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(7,160,220,1) 0%, rgba(6,120,164,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(7,160,220,1)), color-stop(100%,rgba(6,120,164,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(7,160,220,1) 0%,rgba(6,120,164,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(7,160,220,1) 0%,rgba(6,120,164,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(7,160,220,1) 0%,rgba(6,120,164,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(7,160,220,1) 0%,rgba(6,120,164,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07a0dc', endColorstr='#0678a4',GradientType=0 ); /* IE6-8 */ position: relative; z-index: 0; margin: 0 auto 0; display: block; }
#donate, #donateP, #donateS { width: 242px; }
#donate, #donate2, #donateP, #donateS { font-family: 'Nunito', sans-serif; font-size: 24px; text-transform: uppercase; color: #2c522e; padding: 15px 31px 15px 20px;
  position: relative; z-index: 0; margin: 0 auto 21px; display: block; background-color:#fdc300; border: none;     font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700; }
/*.gecko #donate {padding:6px 55px 5px 20px;}*/
#donate2 { display: none; margin-bottom: 0; padding: 5px 45px 5px 10px; }
#mainHeader nav li a#donate2 { font-family: 'Nunito', sans-serif; font-size: 20px; line-height: 25px; text-transform: uppercase; color: #ffffff; }
#donate:hover, #donate2:hover, #donateP:hover, #donateS:hover, .button:hover { color: #ffffff; }
.ie9 #donate, .ie9 #donate2, .ie9  #donateP, .ie9  #donateS, .ie9 .button, .ie9 #donate:hover, .ie9 #donate2:hover, .ie9 #donateP:hover, .ie9 #donateS:hover, .button:hover { filter: none; }
.ie8 #donationForm label { display: inline-block; font-size: 13px; }
#donationForm .wrapRadio span {     width: 140px; display: inline-block; margin-top: 10px; vertical-align: middle;      width: 47%!important;}
#donationForm .wrapRadio input { margin-top: 0; vertical-align: middle; }
#donationForm .wrapRadio:not(#foo) span > input[type='radio'] { opacity: 0; width: 14px; position: absolute; cursor: pointer; z-index: 11; }
#donationForm .wrapRadio:not(#foo) span > input[type='radio'] + label { margin: 0; clear: none; padding: 4px 0 4px 10px; cursor: pointer; background: url(../img/donazioni/icon.png) 22px -257px no-repeat; width: 90%; display: inline-block; color: #2c522e;     font-size: 13px;
    text-align: right; }
#donationForm .wrapRadio:not(#foo) span > input[type='radio']:checked + label {     margin: 0;
    clear: none;
    padding: 4px 0 4px 20px;
    cursor: pointer;
    background: url(../img/donazioni/icon.png) 22px -297px no-repeat;
    width: 90%;
    display: inline-block;
    color: #2c522e;
       font-size: 13px;
    text-align: right;}
#donationForm .inputText { width: 100%; height: 66px;    margin: 20px auto 0; background: #ffffff; }
#donationForm .inputText input { width: 35%; height: 50px; background: none; border: none; box-shadow: none; text-align: center; font-family: "Lato",sans-serif; color: #2c522e; line-height: 60px;font-size: 30px; }
#donationForm select {     width: 327px;
    height: 55px;
    background: none;
    border: none;
    outline: none;
    margin: 18px 6px;
    font: 30px/30px 'Lato', sans-serif;
	text-align: center;
    color: #2c522e;
text-align-last: center; text-align: center;

-ms-text-align-last: center;
-moz-text-align-last: center; text-align-last: center;
text-align: -webkit-center;

text-align:-moz-center;
}
.webkit #donationForm select { background: url(../img/donazioni/icon.png) no-repeat right 12px; -webkit-appearance: none; }
#periodo { opacity: 0.4; }
#donationForm option { border: none; outline: none; }
#donationForm .inputText.error { background: #CC3C38; }
#donationForm .inputText.error input { color: #fff; }
#donationForm .wrapRadio.error label { color: #CC3C38 !important; }
#donationForm .wrapSelect.error select { color: #CC3C38 !important; }
#otherDataCont { display: none; }

/*--------------------------------------------------
FORM
--------------------------------------------------*/
.error label { color: #CC3C38; }
.error label.radio { border-left: 2px dashed #CC3C38; margin-left: -22px; padding-left: 20px !important; }
#otherData .error label.radio { margin-left: 0; }
.error input, .error select { background: #CC3C38; color: #fff !important; }
.span8 textArea { width: 625px; height: 100px; }
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { width: 95%; height: 30px; line-height: 30px; }
.span9 .span8 input[type="text"] { width: 625px; }
.tab-content .span5 { width: 340px; }
select { width: 100%; height: 40px; line-height: 40px; }
.form-inline label { font: 16px/20px 'Nunito', sans-serif; font-weight: 600; margin-top: 10px; }
.form-inline label.checkbox { font: 14px/20px 'Nunito', sans-serif; font-weight: 400; margin-top: 10px; }
.form-inline .checkbox input[type="checkbox"] { margin-right: 10px; }
.nav-tabs { margin-bottom: 0px; border: none; }
.tab-content { background: #fff; padding: 20px 0; border: 1px solid #d6d4d3; width: 670px; }
.form-inline label.radio { font: 14px/20px 'Nunito', sans-serif; font-weight: 400; }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { border-color: #d6d4d3; border-bottom-color: transparent; }
.tab-content .control-group { padding: 0 20px; }
.tab-content input[type="text"], .tab-content input[type="password"], .tab-content input[type="datetime"], .tab-content input[type="datetime-local"], .tab-content input[type="date"], .tab-content input[type="month"], .tab-content input[type="time"], .tab-content input[type="week"], input[type="number"], .tab-content input[type="email"], .tab-content input[type="url"], .tab-content input[type="search"], .tab-content input[type="tel"], .tab-content input[type="color"], .tab-content .uneditable-input { width: 101%; }
.nav-tabs > li > a { font: 16px/20px 'Nunito', sans-serif; font-weight: 600; }
.tab-content .span8 { width: 630px; }
.tab-content select { width: 107%; }
#contentCta div { width: 672px; position: relative; margin-left: 20px; }
#contentCta #heartDonate { top: 16px; left: 430px; }
#contentCta:hover #heartDonate { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; /*-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;*/ -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; }
/*#carteImg {max-width:70%;}*/
label.radio { min-height: 42px; }
.interna .span9 img { display: inline-block; vertical-align: middle; }
.form-inline .radio input[type="radio"] { display: inline-block; float: none; margin: 0 20px 0 0; vertical-align: middle; }
#inputScadenzaAA, #inputScadenzaMM { width: 49%; }

/*--------------------------------------------------
SEZIONE DONAZIONI
--------------------------------------------------*/
#page_3.off { padding-top: 138px; }
#page_3 .roundThumb { border-radius: 176px; overflow: hidden; width: 176px; margin: 0 auto 36px; position: relative; z-index: 1; }
#page_3 .span3:hover .roundThumb span { display: block; }
#page_3 .span3:hover .roundThumb img { opacity: 0.3; }
#page_3 .roundThumb span { position: absolute; width: 100%; text-align: center; top: 77px; display: none; z-index: 9; }
#page_3 .roundThumb img { border-radius: 176px; }
#page_3 h5 { margin-bottom: 30px; }
#page_3 h4 { margin-bottom: 53px; }
.balloon { background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.15); text-align: center; padding: 25px 15px 10px; position: relative; min-height: 250px; }
.balloon:after { content: ""; display: block; /* reduce the damage in FF3.0 */ position: absolute; top: -15px; left: 50%; width: 0; border-width: 0 15px 15px; border-style: solid; border-color: #ffffff transparent; margin-left: -15px; }
.balloon:before { content: ""; display: block; /* reduce the damage in FF3.0 */ position: absolute; top: -16px; left: 50%; width: 0; border-width: 0 15px 15px; border-style: solid; border-color: rgba(0,0,0,0.08) transparent; margin-left: -15px; }
.ie8 .balloon:before { border: none; }
.balloon div { margin-bottom: 15px; }
.balloon div.fcdg { margin-bottom: 5px; }
#page_3 .span3 { position: relative; z-index: 0; }
#page_3 canvas { position: absolute; top: -22px; left: 0; z-index: 0; width: 220px; height: 220px; }
#page_3 .bgCircle { position: absolute; top: -22px; left: 0; z-index: 0; width: 220px; height: 220px; display: none; }
.no-canvas canvas { display: none; }
.no-canvas #page_3 #mattina .bgCircle { background: url(/img/donazioni/bgCircle1.png) no-repeat left top; display: block; }
.no-canvas #page_3 #pomeriggio .bgCircle { background: url(/img/donazioni/bgCircle2.png) no-repeat left top; display: block; }
.no-canvas #page_3 #sera .bgCircle { background: url(/img/donazioni/bgCircle3.png) no-repeat left top; display: block; }
.no-canvas #page_3 #notte .bgCircle { background: url(/img/donazioni/bgCircle4.png) no-repeat left top; display: block; }
#infografica > canvas { width: 940px; height: 148px; margin-bottom: 30px; }
#infografica .bullet.pull-right { float: right; margin-right: 2px; }
#infografica .bullet { width: 9px; height: 9px; background: #fff; float: left; margin: 0 0 0.52% 0.52%; border-radius: 10px; }
#infografica .clearfix .bullet:first-child { margin-left: 0; }
#infografica .ball { width: 140px; height: 140px; border-radius: 140px; line-height: 140px; letter-spacing: -3px; text-align: center; display: inline-block; border: 2px solid #8bc2db; }
#infografica .ball.mbm2 { margin-bottom: 26px; }
#infografica .bulletBlue .bullet { background: #07a0dc; }
#infoBox1 { width: 185px; display: inline-block; margin-left: 0px; cursor: pointer; }
#infoBox2 { width: 185px; display: inline-block; margin-left: 60px; cursor: pointer; }
#infoBox3 { width: 185px; display: inline-block; margin-left: 60px; cursor: pointer; }
#infoBox1 .ball { background: #1e6899; }
#infoBox2 .ball { background: #fff; }
#infoBox3 .ball { background: #07a0dc; }
#page_2 img { width: 1061px; height: 225px; max-width: none; margin: 35px 0 53px -56px; }
#page_4 .text { margin: 40px 0; }
#page_5 .span3 { min-height: 150px; position: relative; }
#page_5 .span3 a { position: absolute; bottom: 0; left: 0; z-index: 1; }

/*--------------------------------------------------
SEZIONE PERCHE DONARE
--------------------------------------------------*/
#page_1 .progetto, #page_1 .videoBox, #page_1 .testimonianza { margin-bottom: 20px; border-bottom: 1px solid #d6d4d3; }
#page_1 .span6 .boxPerche:last-child { margin-bottom: 0px; border-bottom: none; }
#page_1 .text { background: #fff; padding: 20px; border-radius: 3px; box-shadow: 0 1px 4px rgba(0,0,0,0.15); }
.quote.icon { width: 15px; height: 13px; background: url(/img/donazioni/icon.png) left -60px no-repeat; display: inline-block; vertical-align: middle; margin-right: 12px; }
.labelIcon { display: inline-block; vertical-align: middle; }
.play { display: block; position: absolute; top: 50%; left: 50%; margin-left: -34px; margin-top: -34px; width: 67px; height: 68px; background: url(/img/donazioni/icon.png) no-repeat left -360px; }
.media .video a { display: block; position: relative; z-index: 0; }
.media a { background: #07a0dc; display: block; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.media img:hover { opacity: 0.3; }
footer { background: #282828; padding: 27px 0 18px; color: #fff; }
footer img { }
footer a { color: #fff; }

/*--------------------------------------------------
ESITO SOCIAL
--------------------------------------------------*/

.cont-social-esito { background: #fff; padding: 20px; }
.cont-social-esito .titolo { font-size: 16px; line-height: 16px; margin-bottom: 10px; }
.social-esito { /*text-align: center;*/ }
.social-esito .social { display: inline-block; }
.altri-modi { margin: 20px 0; background: #fff; padding: 20px; }
.altri-modi .titolo { font-size: 16px; line-height: 16px; margin-bottom: 20px; }
.box-altri-modi { margin-bottom: 40px; }
.box-altri-modi img { border: 1px solid #eaeaea; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.box-altri-modi .sub-title { color: #07a0dc; margin-bottom: 5px; }
/* SM */
@media (min-width:768px) and (max-width:991px) {
    .social-esito .social { width: 52px; height: 52px; }
    .social-esito .social a { }
}
/* XS */
@media (max-width: 767px) {
	
	#donationForm select {
    width: 80%;
	}
}

/*--------------------------------------------------
mediaquery
---------------------------------------------------*/
/* Large desktop */
@media (min-width: 1200px) {
	
	.dynamini .col-md-2 {
    width: 20.666667%!important;
}
	.dynamini .col-md-3 {
    width: 27%!important;
}
	.dynamini .dyna-4 {
	    width: 31%!important;
}
	
	
	.testo_card {
		    margin: 17% 0;
	}
	
}

.dynamini {
	    margin: 4% auto;
}


/* Medium desktop */
@media (min-width: 980px) and (max-width: 1199px) {

}

@media (max-width: 1059px) {
    #page_2 img { max-width: 100% !important; margin-left: 0px;
	}

		#donationForm .wrapRadio span {
		width:100%!important;
	}

}



/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
	
	.title_boxes {
	    min-height: 160px!important;
	}
	
	#donationForm {
		    margin-bottom: 30px!important;
	}
	
	.box_3_img {
		margin: 30px 0!important;
	}
	
	.col-md-4 {
		width:50%!important;
		    float: left;
		margin-bottom:30px!important;
	} 
	
	#donationForm select {
    width: 80%;
	}
}

/* Landscape phones and down */
@media (max-width: 767px) {
    body { padding: 0; }
    .container { padding: 0 20px; }
	
	.navbar-brand {
		    width: 200px;
	}
	
	.navbar-brand>img {
		margin:8px 6px 0;
	}
	
	.navbar-brand, .navbar-custom {
		min-height:82px!important;
	}
	
	#donationForm select {
    width: 80%;
	}
}

.spand {
	color:#2c512d; font-size:15px;
}

.border_wh {
	border-bottom:3px solid #1e8434 !important;
}

.border_nn {
	border-bottom:0px solid #ffffff !important;
}

.bg-grazie {
	background: url(../img/bg-dynamo-grazie-02.jpg) no-repeat 0 0;
	background-size: cover;
}

.bg-grazie-2 {
	background: url(../img/bg-dynamo-grazie-03.jpg) no-repeat 0 0;
	background-size: cover;
}

#titolo {
    font-size: 35px;
    line-height: 45px;
}

.navbar-brand>img {
	    max-width: 100% !important;
    margin: 5px 0 0 5px;
}

select#importoS {
	padding: 0px !important;
background: rgba(255,255,255,1);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:2px #2c522e solid;
margin-bottom:20px !important;
}

.donaz_sin_int {
	border:2px #2c522e solid;
	width: 73%;
height: 55px;
display:visible;
float:left;
position:relative;
margin: 18px 6px 0px 6px !important;
	margin-left: 14% !important;
	    margin-bottom: -7px !important;
}

#donaz_sin {
	float:left;
position:relative;
width: 100% !important;
}

input#importo+ *:before {
  /*content: "€";*/
} 

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
#donationForm select {
    width: 80%;
	}

}

ul.social_footer {
	list-style: none;
	
}

ul.social_footer li {
	display: inline-block;
}

.fab {
    font-size: 17px!important;
    margin: 0 10px 0 0;
	color:#bbbbbb!important;
}