html{
  font-size: 100%;
}
body{
  font-family: 'OpenSans';
  font-size: 16px;
}
a:active{
  text-decoration: none;
  color: #fff;
}
a{
  text-decoration: none; 
}
.site-title{
  color: #fff;
}
footer .site-title{
  color: #000;
}
h1{
  color: #4877CF;
  text-align: start;
  font-family: "OpenSans Condensed";
  font-weight: bold;
  line-height: 35px;
}
h2{
  color: #555;
  font-weight: bold;
  font-family: "OpenSans Condensed";
  text-align:start; 
}
h2.corpo_testo{
  font-size: 1em;
  font-weight: bold;
}
.number_bold{ 
  font-weight: bold;
  font-family: 'OpenSans Condensed';
  font-size: 2.125em;
  line-height: 36px;
  text-align: right; 
}
ul{
  padding: 0;
  margin:0;
}
ul li{
  list-style-type: none;
  text-decoration: none; 
}
.display_1400{
  display: none;
}
.corpo_testo{
  font-size: 0.875em;
  line-height: 21px;
  color: #555;
  text-align: start;
  padding: 5px 5px 5px 0px;
  font-weight: normal;
}
.title_page{
  text-align: center;
}
.sottotitolo2 {
    font-size: 1.4375rem;
    line-height: 113.0434782608696%;
    font-style: italic;
    color: #4877CF;
}
.corpo_testo4 {
    font-size: 0.75em;
    color: #555;
}
.corpo_testo5 {
    font-size: 12px;
    color: #bbb;
}
.corpo_testo6 {
  font-family: 'OpenSans Condensed';
  font-size: 0.73em;
  color: rgb(102, 102, 102);
  text-decoration: none;
}
.titolo {
    font-family: 'OpenSans Condensed';
    font-size: 2.125em;
    line-height: 36px;
    color: #4877CF;
}
.titolo_footer {
  font-family: 'OpenSans Condensed';
  color:#000;
  text-decoration: none;
  font-size: 0.83em;
  display: inline-block;
}
.evidenza3 {
    text-decoration: underline;
}
.wrap_line {
  width: 90%;
  margin: 0 auto;
  position: relative;
}
.line_straight {
  background-color: #bbb;
  padding: 1px;
}
#top-logo{
  display: none;
}
.account_container{
  max-width: 954px;
  width: auto;
  margin:0 auto;
  text-align:right;
} 
#login_box {
    width: 100%;
    height: 120px;
    position: absolute;
    top: 38px;
    display: none;
    background-color: #fff;
    z-index: 99;
}
p.double {
    color: #CC1020;
    font-size: 22px;
    line-height: 34px;
    vertical-align: top;
}
.lingua{
  padding: 3px;
  cursor: pointer;
}
#language{
  font-family: "OpenSans Condensed";
  font-size: 15px;
  padding: 5px;
  color: #000;
}
.lang_selector input[type='radio']:checked + label {
    background-color: #eee;
}
.lang_selector input[type='radio'] + label {
    display: block;
    height: 30px;
    width: 100%;
    cursor: pointer;
}
.lang_selector{
  width: 460px;
  z-index: 100;
  border: 1px solid rgb(204, 204, 204);
  height: 250px;
  background: #fff; 
  position: relative;
  margin-left: 55.44444%;
} 
.lang_form_middle{
  font-family: 'OpenSans Condensed';
  font-size: 18px;
  float: left;
  padding: 5px;
  text-align: left;
  box-sizing: border-box;
  width: 50%;
}
.applica_bottone{
  width: 200px;
  border-radius: 5px;
  border: 1px solid #aaaaaa;
  background-color: #009245;
  color: #ffffff;
  height: 32px;
  padding-left: 4px;
  cursor: pointer;
  margin: 5px;
}

.content,
.frase_evocativa {
    margin: 0 auto;
    padding: 0 2em; 
    /*margin-bottom: 50px;*/
    line-height: 1.6em;
}
.pure-g--gutter {
    margin-top: 2.1875rem;
}
.virgolette{
    max-width: 60px;
    float: right;
    padding-right: 0.625rem;
}
.evocativa_centered{
    /*text-align: center;
    margin-top:35px;
    margin-bottom: 10px;
    max-width: 975px;
    margin: 0 auto;*/
    width: 100%; 
}
.evocativa_centered img{
    width: 100%;
}
.citazione .sottotitolo2{
  margin: 10px 0px 0px 0px;
}
.footer{ 
  padding: 3%;
  line-height: 1.6em; 
  margin-top: 3%; 
}
.footer ul{
  padding: 0;
  margin: 0;
  list-style-type: none;
}
/*.footer ul li{
  list-style-type: none;
}*/
.footer ul li a {
  line-height: 15px; 
}
.block {
  display: inline-block;
  padding: 12px;
  width: 2px;
  border-radius: 50%;
}
.nivo-controlNav {
    float: right;
    padding: 0px;
    margin-top: 5px;
    height: 0px;
}
.nivo-controlNav a {
    display:block;
    width:22px;
    height:22px;
    background:url(../../../cdn-image.spaggiari.eu/www/img/common/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
    position: relative;
    z-index: 99;
}
.nivo-controlNav a.active {
    background-position:0 -22px;
}

.nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    text-indent:-9999px;
    border:0;
}
a.nivo-nextNav {
    background-position:-30px 0;
    right:15px;
}
a.nivo-prevNav {
    left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
    color:#efe9d1;
    text-decoration:underline;
}
.frase_progetto{
  display: block;
}
.display_tablet{
  display: none;
}
.display_hd {
  display: block;
}
.display_mobile{
  display: none!important;
}
.hide{
  display: block;
}
#scrollUp {
    background-image: url("../../../cdn-image.spaggiari.eu/www/img/top.png");
    bottom: 55px;
    right: 20px;
    width: 38px;     
    height: 38px;
}
.share_buttons{
  margin-top: 6px; 
}
#play_audio_container
{
  display: none;
  position: fixed;
  right: 20px;
  top: 50%;
  cursor:pointer;
  z-index: 99;
}
 
.lingua_container{
    height: auto;
    max-width: 1035px;
    margin: 0 auto;
    overflow: hidden;
}
.page-content-image{
  padding: 5px;
  border-bottom: 1px solid #CBCDCE;
  border-top: 1px solid #CBCDCE;
}
.margin_footer_social{
  vertical-align:top;
  text-align:center;
  padding: 0 2em;
}
.social_container{
  text-align: start;
  padding: 3em 2em;
}
 
.border-left{
  border-left: 1px solid #ccc;
}

@media only screen and (max-width: 425px) {
  #play_audio{
    display: none;
  }
  .display_mobile{
    display: block;
  }
}
@media only screen and (max-width: 568px){
  .site-title-container{
    position: relative;
  }
  .site-title {
    position: absolute;
    left: 50%;
    margin-left: -72px;
  }
  .site-title {
      font-family: 'OpenSans';
      font-weight: normal;
      font-size: 15px;
      color: #fff;
      display: block;
  }
  .share_buttons{
    display: none;
  } 
}

/*768px*/
@media (width: 890px){
  .display_mobile{
    display:block;
  }
}
/*max 768px*/
@media only screen and (max-width: 890px){
  body{
    background: none !important;
  }
  #main{
    padding-top: 0px !important;
  }
  .display_1024 {
      display: none;
  }
  #language {
    font-family: "OpenSans Condensed";
    font-size: 15px;
    padding: 0;
    color: #000;
  }
  .lang_selector{
    display: none;
    width: 100%;
    z-index: 100;
    border: 1px solid rgb(204, 204, 204);
    height: 195px;
    background: #fff; 
    position: relative;
    margin-left: 0;
    top: 0px;
  }  
  .site-title-container {
    margin-left: 8%;
    width: 90%;
  }
  .site-title {
    font-family: 'OpenSans';
    font-weight: normal;
    font-size: 15px;
    position: absolute;
    left: 50%;
    margin-left: -72px;
    color: #fff;
    display: block;
  }
  .frase_progetto{
    display: none;
  }
  .footer .site-title {
    position: absolute;
    left: 50%;
    margin-left: -72px;
    color: #000;
  }  
  .display_hd {
    display: none;
  } 
  .lang_selector {
      display: none;
      width: 460px;
      z-index: 100;
      border: 1px solid rgb(204, 204, 204);
      height: 196px;
      background: #fff;
      margin-left: 0px;
      position: absolute;
      top: 1px;
      right: 0;
  }
  #layout {
    max-width: 1035px;
    margin: 30px auto;
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #fff;
    top: -30px;
    margin-top: 0px !important;
    padding-left: 0px;
    left: 0;
    top: 0;
    height: 100%;
  }
  .evocativa_centered { 
    margin: 0 auto;
  }   
}
.col-padding{
  padding-left: 10px;
}

/*max 1024px*/
@media only screen and (max-width: 1200px){
  .lang_selector{ 
    margin: 0 auto;
    width: 460px;
    z-index: 100;
    border: 1px solid rgb(204, 204, 204);
    height: 230px;
    margin-left: 250px;
    position: absolute; 
    right: 0;
  }
   .margin_footer_social {
    vertical-align: top;
    text-align: center;  
        margin: 0;
  }
}
/*min. 768px*/
@media only screen and (min-width: 890px){
  
  #header{
    display: none;
  } 
  #logo{
    left: 35px;
    background: #4877CF;
    top: -17px;
    box-shadow: -1px 1px 3px 0px #aaaaaa;
    -webkit-box-shadow: 1px 1px 3px 0px #aaaaaa;
    z-index: 7;
    position: absolute;
    height: 100px;
  } 
  /*.lingua:hover{
    background-color: rgb(238,238,238);
  }*/ 
}
/*da 768px*/
@media screen and (min-width: 890px){
  .display_1024{
    display: block;
    max-width: 1200px;
    margin: 0 auto;
    text-align: right;
  }
  .display_tablet{
    display: block;
  }
  .frase_evocativa_tablet{
    width: 47%;
    margin: 0 auto;
  }
  .display_hd{
    display: none;
  }
}

@media screen {
   
  #layout {
    max-width: 1135px;
    margin:30px auto;
    margin-top: 0px;
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #fff; 
    height: 100%;
  }
  .footer{ 
    margin-top: 0;
  }
  .content{
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px; 
  }
  .social_container{
    text-align: center;
    padding: 3em 0em;
  }
  .col-padding{
    padding: 1em 1em;
    box-sizing: border-box;
  }
  .lang_selector{
    position: absolute;
    right: 8%;
  }
}
@media only screen and (width: 890px){
  #layout {
    margin-top: 0px !important;
    padding-left: 0px;
    left: 0;
    top: 0;
    height: 100%;
  }
  #header{
    display: block !important;
  }
  .lang_selector{
    display: none;
    width: 100%;
    z-index: 100;
    border: 1px solid rgb(204, 204, 204);
    height: 157px;
    background: #fff; 
    position: relative;
    margin-left: 0;
    top: -14px;
  }  
} 
/*max 1156px*/
@media only screen and (max-width: 1156px){
  .lang_selector {
    right: 0%;
  }
}



/*da 1440 a 768px*/
@media only screen and (max-width: 1440px) and (min-width: 890px) {
  .evocativa_centered {
    width: 96%;
    margin: 0 auto;
  }  
  .nivoSlider {
    position: relative;
    height: auto;
    overflow: hidden;
    width: 96%; 
    margin: 0 auto;
    margin-bottom: 13px;
  }
}  
/*IPAD pro*/
@media only screen and (min-device-width: 1200px) and (orientation: landscape){
  #layout {
      left: 0;
      height: 100%;
  }
  body {
      border-top: 35px solid #353535;
      background: none;
  }
  .display_1400{
    display: block;
  } 
  .lingua {
      width: 200px;
      position: absolute;
      right: 10px;
      top: 0;
      color: #fff;
      height: 24px;
  }
  .lingua img{
     padding-bottom: 6px;

  }
  #language{
    color: #fff;
  }
  #main_no_border{
      background: #ffffff;
      border-radius: 0px;
      margin-left: 20%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
  }
  #main {
      background: #fff;
      border-radius: 0px;
      padding-top: 1.6%;
      margin-left: 27%;
      padding-right: 1.6%;
      box-sizing: border-box;
  }
  .lang_selector {
    display: none;
    width: 460px;
    z-index: 100;
    border: 1px solid rgb(204, 204, 204);
    height: 200px; 
    margin-left: 250px;
    position: absolute;
    top: 25px;
    right: 10px;
  } 
  .site-title-container {
      top: 40px;
      position: relative;
      left: 38px;
      color: #fff;
  }
  #top-logo {
    display: block;
    background: #4877CF;
    position: relative;
    height: 100px;
    box-shadow: 0px 2px 3px #888888;
    left: -5px;
    width: 101%;
  }
  .evocativa_centered {
    width: 100%;
  }
  .display_1024{
    display: block;
    max-width: 1200px;
    margin: 0 auto;
    text-align: right;
  }
  .display_tablet{
    display: block;
  }
  .frase_evocativa_tablet{
    width: 47%;
    margin: 0 auto;
  }
  .display_hd{
    display: block;
  }
  .display_tablet{
    display: none;
  }
  #main {
      width: 100%;
  }
  
  #layout {
    margin:30px auto;
    margin-top: 0px;
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #fff;
    height: 100%; 
  }
  .display_1024 #language{
    color: rgb(255, 255, 255);
  }
  .hide{
    display: none;
  }
  #main{
    width: 100%;
    padding-top: 33px; 
  }
  .margin_footer_social{
    margin-left: 2%;
  }


} 
/*ipad pro portrait*/
@media only screen and (min-width: 1200px) and (orientation: portrait){
  .lang_selector{
    top:0;
  }
  .display_1024{
    display: block;
  }
}

/*ipad normale portrait*/
@media only screen 
and (min-device-width : 890px) 
and (max-device-width : 1200px) 
and (orientation : portrait){ 
  .evocativa_centered {
    width: 100%;
  }
  #main { 
    padding-top: 40px; 
  }
}
/*ipad normale landscape*/
@media only screen 
and (min-device-width : 890px) 
and (max-device-width : 1200px) 
and (orientation : landscape){  
  #main { 
    padding-top: 38px; 
  } 
  .lang_selector{
    top: 28px;
  }
}