
@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:100%; float:left; margin:0px 0px 0px 0px; position:relative; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -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);}


/* DIREZIONI FRECCE */
  .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;}


/* PALLINI */
  .flex-control-nav {display:none; width:100%; position:absolute; bottom:-30px; text-align:center;}
  .flex-control-nav li {margin:0 6px; display:inline-block; zoom: 1;}
  .flex-control-paging li a {width:12px; height:12px; display:block; background-color:#238ffe; cursor:pointer; -webkit-box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.3); border-radius:20px; text-indent:-9999px;
                             -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); 
                             -webkit-border-radius:20px; -moz-border-radius:20px;}
  .flex-control-paging li a:hover {background-color:#d2e8fe; transition:0.5s;}
  .flex-control-paging li a.flex-active {cursor:default; background-color:#0051a3;}
  .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;}


/*--------------------- da 1px a 1000px ---------------------------*/
 @media only screen and (min-width:451px) and (max-width:630px)
  {
    
    
  }