@charset "UTF-8";
/* CSS Document */



            .subtitle {
              font-weight: 300;
              font-style: italic;
              font-size: 17px;
            }
            
            
            .navbar-right .dropdown-menu {
              left: 0px !important;

            }

            


            .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
              max-height: 355px;
            }

            .menu {
              background-color:#FFFFFF;
              border: 0px;
              height: 80px;
              padding-top: 20px;
            }
            
            .fix-right
            {
              margin-right: 20px;
            }
            .footer
            {
              /*background-color: #A6A5A2;*/
              /*background-color: #f6f4f1;*/
              background-color: #0059A5;
              min-height: 300px;
              color: #ffffff;
              padding-top: 80px;
              padding-bottom: 30px;
            }
            .container-fluid {
              margin: 0px 20px;
            }
            .navbar-default {
              background-color: transparent;
            }
            .menu2-solid {
              background-color: #ffffff;
            }
            
            .menu2 {
              border: 0px;
              /*height: 100px;*/
            }
            .menu2 li a
            {
                color: #0059A5 !important;
                font-size: 13px;
                font-weight: 400;
            }
            .menu2 li a:hover
            {
             
              color: #FF8F00 !important;
            }
            .footer a
            {
              color: #ffffff !important;
              text-decoration: underline;
            }
            .pad
            {
              margin-top: 30px;
              margin-bottom: 30px;
            }
            .padnews {
              padding-left: 30px;
              padding-right: 30px;
            }
            .fix-left
            {
              margin-left: -10px;
            }
            .menu-info {

              font-family: 'Cabin', sans-serif; 
              font-style: italic;
            }
            .menu-info li a {
              font-size: 18px !important;
            }
            .menu-info li a i {
              color: #0059A5;
            }

            .info
            {
              position: absolute;
              bottom:0px;
              left:0px;
              padding:20px;
              margin: 10px;
            }
            .info h3
            {
              margin-top: 10px !important;
              background-color: #ffffff;
              padding:10px;
              float:left;
              font-size: 20px;
            }
            .info p
            {
              background-color: rgba(255,255,255,0.7);
              padding: 20px;
              color: #333333;
              font-size: 13px;
            }
            .box
            {
              position: relative;
              margin-bottom: 20px;
              display: inline-block;
              width: 100%;
              overflow: hidden;
              height: 280px;
              border: 10px solid #ffffff;

            }
            .imgbox {
              border: 5px solid #ffffff;
            }
            #foto
            {
              height: 95%;
            }
            .thumb {
              border: 5px solid #ffffff;
            }

            .navbar-toggle {
              margin-bottom: 0px;
              padding-top: 0px;
              padding-left: 5px;
              padding-right: 5px;
            }



    .img-effect {
      position: relative;
      overflow: hidden;
      display: inline-block;
      height: 250px;
      width: 100%;
    }
    .img-effect img, .box img {
      position: absolute;
      left: 0px;
      top: 0px;
      -o-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
      -moz-transition-duration: 0.7s;
      -webkit-transition-duration: 0.7s;

    }
    .img-effect img:hover, .box img:hover {
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -o-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 05%;
      -webkit-transform-origin: 50% 50%;
    }
    .bgfade
    {

    background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(66%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0.6 ); /* IE6-9 */

    }

    .boxinfo {
      padding-top: 50px;
      padding-bottom: 50px;
    }

    .corner {
      border: 10px solid #ffffff;
    }

#kenburns-slideshow {
  position: absolute;
  width:100%;
  height: 100%;
  z-index: 1;
  left: 0px;
  top: 0px;
  overflow: hidden;
}

/*  The plugin wraps the images in div.kb-slide. This
allows me to run separate animations simultaneously. */
.kb-slide{
  position: absolute;
  z-index: 1;
  opacity: 0;
}


/* I used position relative here because IE8
didnt like the opacity when the img was set to absolute*
translate3d(000) kicks them into HW acceleration, and
backface-visibility gives some performance boosts.*/
.kb-slide img{
  position: relative;
  -webkit-transform: translate3d(0,0,0)
  -moz-transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;

}


/* If the script encounters an image that hasnt loaded,
it pops up a little loading wheel. I used a little CSS3
but you could also use a gif to better handle ie8*/
.loader {
  width:32px;
  height:32px;
  top:6px;
  left:550px;
  border:5px solid rgba(128,128,128,0.9);
  opacity:.9;
  border-top:5px solid rgba(0,0,0,0);
  border-left:5px dotted rgba(0,0,0,0);
  border-radius:32px;
  -moz-animation:spin .7s infinite linear;
  -webkit-animation:spin .7s infinite linear;
}

@-moz-keyframes spin {
  0% { -moz-transform:rotate(0deg); }
  100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
  0% { -moz-transform:rotate(0deg); }
  100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform:rotate(0deg); }
  100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
  0% { -webkit-transform:rotate(0deg); }
  100% { -webkit-transform:rotate(-360deg); }
}

.carousel-indicators li {
  background-color: #dddddd;
  border-radius: 10px !important;
}
.carousel-indicators li.active {
  background-color: #66a350;
}

.reviewdate {
  color: #333333;
  font-size: 12px;
}





    .dropdown-menu {
      min-width: 250px !important;
    }
    .dropdown-menu>li>a {
      border-bottom: 1px solid #eeeeee;
      padding-top: 10px;
      padding-bottom: 10px;
    }

    #scroll {
      position:absolute;
      bottom: 50px;
      left: 50%;
      width: 50px;
      height: 50px;
      margin-left: -25px;
      z-index: 20000;
      color: #ffffff !important;
    }

    
	@media only screen and (min-width: 320px) {

	.navbar-brand {
        margin-bottom:50px;
		padding-bottom:40px;
      }

    }
	
	@media only screen and (min-width: 1024px) {

	.navbar-brand {
        margin-bottom:0px;
		padding-bottom:0px;
      }

    }
	
	
	
	@media only screen and (min-width: 768px) {

	.menu-info li a {
              font-size: 14px !important;
            }
	
	.navbar-brand {
        padding-right:100px;
		margin-bottom:0px;
		padding-bottom:0px;
      }

    }

    @media only screen and (max-width: 980px) {
      #wrapper-slide {
        margin-top: 200px;
      }

    }

    @media only screen and (max-width: 680px) {

      .navbar-brand {
        margin-top: -60px;
      }
      body {
        overflow-x: hidden;
      }
      .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        margin-top: 10px;
      }
      .menu2 {
        padding-bottom: 10px;
      }
      #wrapper-slide {
        margin-top: 60px;
      }
      .language li {
          float: left;
      }
      
      .container-fluid {
        margin:0px;
      }
      .recensioni {
        padding-left: 5px;
        padding-right: 5px;
      }
      .recensioni:before {
        left: -25px;
        content: '';
      }
      .recensioni:after {
        right: -25px;
        content: '';
      }
      .col-md-4 {
        padding-bottom: 20px;
      }
      .container-fluid {
        padding-right: 25px;
        padding-left: 25px;
      }
      #kenburns-slideshow,#wrapper-slide {
        height: 400px !important;
      }
    }