@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,700);
@font-face {
    font-family: 'afta_serifregular';
    src: url('aftaserifthin-regular-webfont.eot');
    src: url('aftaserifthin-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('aftaserifthin-regular-webfont.woff2') format('woff2'),
         url('aftaserifthin-regular-webfont.woff') format('woff'),
         url('aftaserifthin-regular-webfont.ttf') format('truetype'),
         url('aftaserifthin-regular-webfont.svg#afta_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body{min-height: 100% !important;}
body{
    background-color: #231f20;
    color: #fff;
    font-family: 'Quattrocento', sans-serif;
}
#logo{display: block; margin: 5px auto 0;}
#creo{display: block; margin: 5px 0 5px 0;}
@media (max-width: 768px)
{
    #logo{margin: 5px auto;}
    #creo{margin: 5px auto;}
}
#langs{text-align: right; margin-top: 1.6em;}
#langs a {
    color: #fff; display: inline-block; margin-right: 5px; padding: 4px; border: 1px solid transparent;
    transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; width: 32px; height: 32px; text-align: center;
}
#langs a:hover{border-color: #fff; text-decoration: none;}
@media (max-width: 768px){#langs{margin: 0px auto; text-align: center}}
ul{margin: 0; padding: 0; list-style-type: none;}

.carousel-control.left, .carousel-control.right {
    background-image: none
}
#img-anghiari img{width: 100%}
.fa-angle-left, .fa-angle-right {
     position: absolute;
     top: 50%;
     z-index: 5;     
     display: inline-block;
}
 
.fa-angle-left {
     left: 50%;
}
 
.fa-angle-right {
     right: 50%;
}
@media screen and (min-width: 768px) {
 
     .fa-angle-left, .fa-angle-right {
          width: 30px;
          height: 30px;
          margin-top: -15px;
          margin-left: -15px;
          font-size: 30px;
     }
 
}
#carousel{position: relative;}

h4{font-family: 'afta_serifregular', serif; text-align: center}
.motto{font-family: 'afta_serifregular', serif; text-align: center; font-size: 46pt; font-weight: bold; margin: 20px 0 20px;}
@media (max-width: 768px){.motto{font-size: 30pt;}}
#form{margin: 20px 0 20px 0}
#form .input-group{margin: 5px 0 5px 0;}
#form .input-group-addon{border-radius: 0px; background-color: transparent; color: #fff; min-width: 48px;}
#form .form-control{border-radius: 0px; background-color: #231f20;  color: #fefefe}
#form .form-control, #form .input-group-addon{border: none; border-bottom: 1px solid #fff;}

#form textarea, #form input[type="text"]:focus, #form input[type="email"]:focus, #form select:focus{box-shadow: none;}

.btn{
    display: block; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; 
    width: 100%; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s;
}
.btn-default{background-color: transparent; color: #fff;}

.info-fiera{
    position: absolute; top: 2em; right: 0;  text-align: right;
    font-size: 14pt; background: rgba(0,0,0,0.7); width: 28%; padding: 10px 20px;
}
.info-fiera-big{text-align:center;padding-top: 10%; font-size: 12pt;}
.info-fiera.xs{position: relative; width: auto; background: none; top: 0; text-align: center;}
.info-fiera ul li{margin: 5px 0 5px 0;}
.info-fiera ul li:first-child{margin-top: 0;}
.info-fiera .oro, .info-fiera-big .oro{color: #af9b60; font-weight: bold; font-size: 18pt;}
.img-fiera{margin-top: 10px;}
.info{text-align: center; margin: 20px 0 20px 0;  font-size: 14pt;}
.info li {margin: 10px 0 10px 0;}
.info i{display: block; margin: 0 auto; color: #cea81e;}
footer ul{
    margin: 0; padding: 0; list-style-type: none;
}
footer ul li a{color: #fff;}
footer ul li a:hover{color: #fedd00; text-decoration: none;}
#credits{text-align: center; margin: 30px 0 30px;}