html,body{height:100px; overflow-x; hidden; font-family:"Source Sans Pro"; color: #336699;}
body{background:lightblue;}

.anchor-parallax{
  display: block;
  height: 100px;
  margin-top: -100px;
  visibility: hidden;
}
.animate{
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.carousel .item.active{

background-size: 50% 50%;
   position: relative;
   align-items: flex-end;
}


/*Menu
*/

.navbar{min-height:70px;}
.anchor-parallax{
  display: block;
  height: 100px;
  margin-top: -100px;
  visibility: hidden;
}
.navbar-brand,
.navbar-nav li a{
padding-top:0;
line-height: 80px;
height: 80px;
font-size:16px;
align-content: center;
}
.navbar.navbar-inverse{background-color: #336699; border-bottom: -30;}
.navbar-inverse .navbar-toggle{margin-top: 15px;}

.img-logo{
  width: auto;
  height: 70px;
  margin-top:20px;}

#location-panel.anchor-parallax{
  margin-top: -60xp;
  height: 60px;
}
.social {width:90px; height:60px;float:right; padding: 15px 0 0 0;}
.spacer{height: 50px;}

.titolo_principale{font-size: 50px; font-weight: bold; font-family:"Source Sans Pro"; color: #336699; }
.sottotitolo{font-size: 25px; max-width: 700px; margin: 0 auto; padding-bottom: 10px;}

.parallax{padding: 0px 0px 0px 0px; text-align: center;
  color: blue;
}
#descrizioni{
  padding-top: 30px;
  padding-bottom: 20px;
}


/* focuses */
.focuses{border:1px solid lightpink;}
.focus{border-left: 4px solid; color: #26d0b6;}
.focus p{font-size: 13px;  margin-bottom: 5px; opacity: 0.5; color: #134e62; align-content: stretch;}
.focus h3{font-size: 24px; font-weight: bold; color: #134e62;}
.focus a{color:#104b5f; font-size: 14px;}

.spacer{height: 40px;}
.spacer2{height: 20px;}


/*-----------------------------
general
-----------------------------*/

.animate{
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.button{display: inline-block; background: lightblue; color:#000;padding: 10px 30px; border-radius:30px; text-decoration: none; }
p{line-height: 22px}
a{color:#16dd94}
a:hover{color: white;}

.button2{display: inline-block; background:#c9ff27; color:#blue;padding: 05px 15px; border-radius:30px; text-decoration: none; text-transform: uppercase; font-size: 6px;}
p{line-height: 15px;}
a{color:#336699}
a:hover{color: white;}

/*-----------------------------
header
-----------------------------*/
.header__nav-link dropdown-toggle{float:right;margin:0; padding:0;}
.header{background: lightpink;}
.header__logo{color:#fff; float:left;display: block;text-decoration: none; }
.header__menu{float:right;margin:0; padding:0;}
.header__menu__item{display: inline-block;}
.header__menu__item a{color:blue;display: block; padding:15px;text-decoration: none}
.header__menu__item a:hover{background: pink;}
.header__icon-bar{display: block;float: right;padding: 15px;display: none;}
.header__icon-bar span{display: block;height:3px; width: 15px;background: #fff; margin-bottom: 5px;}
.carousel-inner > .item {min-height: 600px; background-size: cover; background-position: center center}


.tab-pane{min-height: 300px; width: 970px; margin: 0 auto;}
.tab-pane{margin-top: 0px; float:left;}
.tab-pane{width: 100%; clear:both; margin-bottom: 90px;}

.btn-primary {
    color:yellow;
    background-color: #31afaf;
    border-color: #fff;
		.btn-lg{border-radius: 12px; border-width: 2px;}

}
.btn-primary:hover {
    color: pink;
    background-color:#057da5;
    border-color: white;
}
.big-padding{padding: 40px 0;}

.btn-group-lg >.btn,
.btn-lg{border-radius: 12px; border-width: 2px;}

.popover {z-index: 100; border-radius: 35px; border: 1px solid #eee}
.popover-content img{height:122px;margin-bottom: 15px; width:100%;}


.panel h4{margin:0;}
.panel h4 a{display: block;background: #333;color:#fff;padding: 15px 20px;text-decoration: none;}
.panel h4 a:hover{background: #555;}
.panel-padding{padding: 20px;}

.panel-group .panel{border-radius:0;}

/*------------------------------------
  Animate
------------------------------------*/

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}

/*-----------------------------
Cards
-----------------------------*/

.cards{max-width: 1200px; margin: 40px auto}
.card{width: 30%; margin:0 1.5%; background: #fff;float:left;}
.card__image{width:100%; height: auto;}
.card__copy{padding:5px 5px;}
.card__copy h3{margin-bottom:0}
.testo{font-size: 12px; padding-top: 10px; text-align: justify;}
.more{font-size: 14px; color: #56e599; }
p{line-height: 22px}
a{color:#16dd94}
a:hover{color: #56e599}

/*-----------------------------
Cards 2
-----------------------------*/

.cards2{max-width: 1200px; margin: 40px auto}
.card2{width: 45%; margin:0 1.5%; background: #fff; float:left;}
.card__image{width:100%; height: auto;}
.card__image2{width:50%; height: auto;}
.card__copy{padding:5px 5px;}
.card__copy h3{margin-bottom:0}
.testo{font-size: 12px; padding-top: 10px; text-align: justify;}
.more{font-size: 14px; color: #56e599; }
p{line-height: 22px}
a{color:#16dd94}
a:hover{color: #56e599}
.media img{width: 46%; margin:0 1.5%; background: #fff;float:left;}



/*-----------------------------
videoyoutube
-----------------------------*/
.videoyoutube {
height: 0;
overflow: hidden;
padding-top: 30px;
margin-bottom: 30px;
position: relative;
}
.videoyoutube iframe,
.videoyoutube object,
.videoyoutube embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
 


/* Style the submit button */
input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}


/* Floating column for labels: 25% width */
.col-25 {
  float: left;
  width: 10%;
  margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 65%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
} 

/*-----------------------------
Banner
-----------------------------*/
.banner{background: #fff; height: 50%;}
.banner__image{width:30%; float:left; height: 100%;

}
.banner__copy{width:70%; float:left; height:100%; display: table;}
.banner__copy__text{display: table-cell; vertical-align: middle; padding: 30px;}
.banner__copy__text h3{font-size: 36px; margin-bottom: 0; }
.banner__copy__text h4{font-size: 22px; margin: 5px 0;}
.carousel-inner > .item {min-height: 600px; background-size: cover; background-position: center center}

/*------------------------------------
  Animate
------------------------------------*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

/*
Footer
*/
footer{
background-color: #336699;
padding: 40px;
}
footer p{color: #fff; margin-bottom:0; }

/*
Desktop
*/
@media (min-width: 1023px){
  .navbar{margin-top:-20px;}
  .navbar.navbar-inverse{background-color: #336699; border-bottom: 0; }
  .navbar-inverse .navbar-nav > .active >a,
  .navbar-inverse .navbar-nav > .active >a:hover{
      background-color: #336699;
      color: #c9ff27;}

      /* Banner */
      .banner{height: 400px;}
      .banner__image,
      .banner__copy{width:100%;height:50%}


      }

/*
Tablet
*/
@media (max-width:998px) {
.navbar{background-color:#486f8b!important; margin-top:-20px!important; }
.parallax{padding: 0px 0px 0px 0px;}
.titolo_principale {font-size: 35px;}
.module{margin-bottom:60px;}

/* Banner */
.banner{height: 600px;}
.banner__image,
.banner__copy{width:100%;height:50%}
}

/*-----------------------------
Smartphone
-----------------------------*/
@media (max-width: 767px){

	.header{position:fixed; z-index: 100;width:100%}
	.header__icon-bar{display: block;}

	.header__menu{width:100%;height:0px; overflow: hidden;}
	.header__menu__item{display: block;}
	.is-open{height:400px; overflow: auto;}


	/* Cover */
	.cover{height:100%;}

	/* Cards */
	.card{width: 90%; margin:5%;}

  /* Cards2 */
	.card2{width:90%; margin:5%;}

  /* Cards3 */
	.card3{width:90%; margin:5%;}

  /* Banner */
  .banner{background: #fff; height: 600px;}
  .banner__image,
  .banner__copy{width:100%;height:50%}

}


/* clearfix */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
