/*

CSS relativo a:
Homepage

*/

/* SPECIFICHE PER CARICAMENTO FILE ESTERNI HOME*/
#homeCarousel.loading {height:400px;width:100%;background:#000 url(/wbresp/img/loading_ondark.gif) no-repeat center center;}
#homePromo {min-height:300px;width:100%}

/* FINE SPECIFICHE PER CARICAMENTO FILE ESTERNI HOME*/

 /* ==========================================================================
   HOME FRST ROW inizio
   ========================================================================== */

.homeFR
{
	margin-bottom:10px;
}

.homeFR div
{
	text-align: center;
}

.homeFR div h2
{
	font-family: "ralewaybold",arial;
	font-weight: normal;
	font-size:26px;
	color:#333333;
	text-transform: uppercase;
	margin-top:44px;
}

.homeFR div a:hover h2
{
	color:#8ab10b;
	text-decoration:none;
}


.homeFR div a:hover
{
	color:#8ab10b;
	text-decoration:none;
}

 .homeFR div img
 {
	 margin-bottom:10px;
	 max-width: 100%;
 }

 .homeFR div p a
 {
	 color:#666666;
	 font-family: "ralewaymedium", arial;
	 text-decoration: none;
	 font-weight: normal;
	 display:block;
	 max-width:260px;
	 font-size:15px;
	 margin: 0 auto;
 }


/* Portrait phones and smaller */
@media (max-width: 991px) {

	.homeFRMob
	{
		margin-top:30px;
	}

	.homeFR img
	{
		float:left;
		width:40%;
		padding:0;
	}
	.homeFR h2
	{
		clear: both;
		float:right;
		width:60%;
		font-size:20px;
		text-align: left;
		margin: 0 !important;
		padding: 0  0 10px 10px;
	}
	.homeFR p
	{
		float:right;
		padding: 0  0 10px 10px;
		text-align: left;
		font-size:11px;
		width:60%;
		max-width:60%;
	}
	.homeFR div p a
	{
		max-width:100%;
	}

}


  /* ==========================================================================
   HOME FRST ROW fine
   ========================================================================== */
   /* ==========================================================================
   BANCA CHE VORREI inizio
   ========================================================================== */

  .bancaCheVorrei
  {
	  margin-top:45px;
	  text-align:center;
	  font-size:16px;
	  font-family: "ralewaymedium", arial;
  }
  .bancaCheVorrei .col-md-4 .divButton
 {
	 width:100%;position:absolute;left:0;top:0;text-align:center;z-index:10;
	 margin-top:-20px;
 }
 .bancaCheVorrei .col-md-4
  {
	  position:relative;
	  margin-top:15px;
	  font-size: 14px;
  }

 .bancaCheVorrei .col-md-4 img.mainImg
  {
	  max-width: 100%;
	  margin:0 auto;
  }

  .bancaCheVorrei h2
  {
	  font-size:60px;
	  font-weight:normal;
	  font-family: "ralewayextralight", arial;
  }
 .bancaCheVorrei h3
  {
	  font-size:20px;
	  font-weight:normal;
	  font-family: "ralewaybold", arial;
	  color:#333333;
	  text-transform: uppercase;
	  margin-top:-10px;
  }
	@media  (max-width: 991px) {

		.bancaCheVorrei h2
		{
			font-size:35px;
		}



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

		.bancaCheVorrei
		{
			margin-top:20px;
		}

		.bancaCheVorrei .col-md-4 img.mainImg
		{
			max-width: 70%;
		}



	}


   /* ==========================================================================
   BANCA CHE VORREI inizio
   ========================================================================== */

    /* ==========================================================================
   MAGAZINE HOME inizio
   ========================================================================== */

   .magazineHome
   {
		background: #484847 url(/wbresp/img/home/social/fondo.png) center top repeat-x;
		width:100%;
		max-width:100%;
		color:#FFF;
		position: relative;
		margin-top:30px;
		overflow:hidden;
   }



   .magazineHome .divButton
   {
	   width:100%;
	   text-align: left;
   }

  .magazineHome .carousel
   {
	   margin-bottom:80px;

   }
    .magazineHome .carousel .carousel-indicators
   {
	   bottom: -60px;

   }




   	.magazineHome .slideBody
	{
		background:#FFF;
		padding:10px 20px 50px 20px;
		background: #FFF url(/wbresp/img/home/social/fondino.png) left top no-repeat;
		font-size:14px;
		color:#666666;
		font-family: "ralewayregular", arial;
		
		display:block;
		position:relative;
	}

	.magazineHome .readMore
	{
		position:absolute;
		bottom:0;
		left:0;
		background-color:#8fae0f;
		width:100%;
		text-align:center;
		background: #8fae0f;
		overflow:hidden;
	}

	.magazineHome .readMore a
	{
		color:#FFF;
		text-transform: uppercase;
		line-height:16px;
		text-decoration:none;
		display:inline-block;
		padding: 14px 30px 14px 30px;
		font-size:15px;
        max-width:100%;
		white-space: nowrap;
		background: #8fae0f url("/wbresp/img/arrow-btn-green-l.png") no-repeat scroll right center;
	}

   .magazineHome h2
   {
	   color:#FFF;
	   font-weight: normal;
	   font-family: "ralewaybold", arial;
	   font-size:32px;
	   width:100%;
	   text-align: center;
	   margin: 50px 0 50px 0;
   }


   .magazineHome h3
   {
	   color:#8ab10b;
	   font-weight: normal;
	   font-family: "ralewaybold", arial;
	   font-size:14px;
	   width:100%;
	   text-transform: uppercase;
	   text-align: left;
   }

    .magazineHome h4
   {
	   color:#333333;
	   font-weight: normal;
	   font-family: "ralewaybold", arial;
	   font-size:16px;
	   width:100%;
	   text-align: left;

   }

	 .magazineHome .slideBody p {
		 font-family: "ralewaymedium", arial;
	 }




@media (min-width: 768px) and (max-width: 1199px) {

	   .magazineHome h2.tit
		{
			font-size:29px;
			margin: 30px 0 0 0px;
		}

		.magazineHome h2.titGreen
		{
			font-size:29px;
		}

		.magazineHome ul
		{
			margin:20px 0 0 -20px;
		}

		.magazineHome .rightImage img
		{
			width:120%;
		}

	.magazineHome .readMore a
	{
		font-size:12px;

	}


}

@media (min-width: 768px) and (max-width: 991px) {


		.magazineHome .rightImage img
		{
			width:140%;
		}


}

@media (max-width: 767px) {

	.large-mob-carousel-home .carousel-showmanymoveone .carousel-control.left 
	{
  		margin-left: 4px;
	}
	
	.large-mob-carousel-home .carousel-showmanymoveone .carousel-control.right {
	  margin-right: 4px;
	}

	
	.magazineHome .readMore a
	{

		font-size:13px;
	}

	   .magazineHome h2.tit
		{
			text-align: center;
			font-size:24px;
			margin: 35px 0 0 0px;
		}

		.magazineHome h2.titGreen
		{
			text-align: center;
			font-size:24px;
		}

		.magazineHome img {
			width: 100%;
			margin-top:23px;
		}

		.magazineHomeI img
		{
			width:100%;
		}

		.magazineHome ul
		{
			max-width:90%;
			margin: 20px auto;
		}

		.magazineHome .divButton
		{
			width:100%;
			text-align: center;
		}
}




/* Put your css in here */
.carousel-showmanymoveone .carousel-control {
  width: 4%;
  background-image: none;
}
.carousel-showmanymoveone .carousel-control.left {
  margin-left: 15px;
}
.carousel-showmanymoveone .carousel-control.right {
  margin-right: 15px;
}
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
  display: none;
}
@media all and (min-width: 768px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -50%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 50%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
    display: block;
  }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
}
@media all and (min-width: 992px) {
  .carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -25%;
  }
  .carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 25%;
  }
  .carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner .cloneditem-2,
  .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
    display: block;
  }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
  .carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(25%, 0, 0);
            transform: translate3d(25%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-25%, 0, 0);
            transform: translate3d(-25%, 0, 0);
    left: 0;
  }
  .carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
}

   /* ==========================================================================
   MAGAZINE HOME fine
   ========================================================================== */