
@font-face {font-family:'flexslider-icon'; src:url('fonts/flexslider-icon.eot'); font-weight: normal; font-style: normal;
            src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') 
            format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');}

.flex-container a:hover, .flex-slider a:hover {outline: none;}
.slides, .slides > li, .flex-control-nav, .flex-direction-nav {margin:0; padding:0; list-style:none;}
.flex-pauseplay span {text-transform:capitalize;}

.flexslider {margin:0; padding:0;}
.flexslider .slides > li {display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides img  {width:100%; display:block;}
.flexslider .slides:after {content:"\0020"; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
html[xmlns] .flexslider .slides {display:block;}
* html .flexslider .slides {height: 1%;}
.no-js .flexslider .slides > li:first-child {display:block;}

/* TOTALE */
  .flexslider {width:102%; float:left; margin:0px 0px 0px 0px; position:relative; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; overflow:hidden;
               -webkit-box-shadow:'' 0px 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow:'' 0px 1px 4px rgba(0, 0, 0, 0.2); 
               -o-box-shadow:'' 0px 1px 4px rgba(0, 0, 0, 0.2); box-shadow:'' 0px 1px 4px rgba(0, 0, 0, 0.2); z-index:80;}

/* DIV CHE OSCURISCE */
  .Home_Animazione_Ombra {z-index:1; background-color:rgba(0, 0, 0, 0.6); width:100%; height:100%; text-align:center; position:absolute; bottom:0px;}

/* TITOLO */
  .Animazione_Titolo_Div  {z-index:100; position:absolute; width:50%; padding:0% 25%; text-align:center; height:70px; margin-top:60px;}
  .Animazione_Titolo_Font {text-shadow: 2px 2px 4px #000; font-size:40px; color:#fff; line-height:20px; font-weight:bold; text-decoration:none;}

/* TESTO */
  .Animazione_Testo_Div  {z-index:100; position:absolute; width:50%; height:100px; padding:0% 25%; text-align:center; margin-top:130px; overflow:hidden;}
  .Animazione_Testo_Font {text-shadow:2px 2px 4px #000; font-size:18px; color:#fff; line-height:30px; text-decoration:none;}

/* BUTTON */
  .Animazione_BT_Div {display:none; z-index:100; position:absolute; width:50%; padding:0% 25%; text-align:center; height:auto; margin-top:230px; overflow:hidden;}
  .Animazione_BT     {text-shadow: 2px 2px 4px #000; background-color:transparent; font-size:18px; color:#fff; font-weight:bold; line-height:22px; padding:25px; border:2px solid #fff;}

/* PALLINI */
  .flex-control-nav         {width:100%; height:20px; text-align:center; position:absolute; bottom:0px; z-index:10;}
  .flex-control-nav li      {margin:0 8px; display:inline-block; zoom:1;}
  .flex-control-paging li a {width:10px; height:10px; background-color:#5a8c8b; cursor:pointer; text-indent:-9999px; position:absolute; bottom:2px; display:block;
                             border-radius:20px; -webkit-box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow:inset 0px 0px 3px rgba(0, 0, 0, 0.3); 
                             -o-box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow:inset 0px 0px 3px rgba(0, 0, 0, 0.3); -moz-border-radius:20px;}
  .flex-control-paging li a:hover       {background-color:#5a8c8b; transition:1s;}
  .flex-control-paging li a.flex-active {cursor:default; background-color:#fff;}
  .flex-control-thumbs                  {margin: 5px 0 0; position:static; overflow: hidden;}
  .flex-control-thumbs li               {width:25%; float:left; margin:0;}
  .flex-control-thumbs img              {width:100%; height:auto; display:block; opacity:0.7; cursor:pointer; -moz-user-select:none; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; 
                                         -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease;}
  .flex-control-thumbs img:hover    {opacity:1;}
  .flex-control-thumbs .flex-active {opacity:1; cursor:default;}

/* DIREZIONI FRECCE (non visibili) */
  .flex-direction-nav a {text-decoration:none; display:none; width:40px; height:40px; margin:-20px 0 0; position:absolute; top:50%; z-index:10; overflow:hidden; opacity:0; cursor:pointer; 
                         color:rgba(0, 0, 0, 0.8); text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; 
                         -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
  .flex-direction-nav a:before {font-family:"flexslider-icon"; font-size:40px; display:inline-block; content:'\f001'; color:rgba(0, 0, 0, 0.8); text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3);}
  .flex-direction-nav a.flex-next:before {}
  .flex-direction-nav .flex-prev {left:-50px;}
  .flex-direction-nav .flex-next {right:-50px; text-align:right;}
  .flexslider:hover .flex-direction-nav .flex-prev {opacity:0.7; left:10px;}
  .flexslider:hover .flex-direction-nav .flex-prev:hover {opacity:1;}
  .flexslider:hover .flex-direction-nav .flex-next {opacity:0.7; right:20px;}
  .flexslider:hover .flex-direction-nav .flex-next:hover {opacity:1;}
  .flex-direction-nav .flex-disabled {opacity:0!important; filter:alpha(opacity=0); cursor:default; z-index:-1;}

  