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

#navigation-toggle {
  width: 22px;
  background-color: #464646 !important;
}

#navigation-toggle .nav-line {
  background-color: #FFF !important;
}

.sidr,
.sidr ul:hover {
  width: 100%;
  background-color: #464646 !important;
}

.sidr ul:hover,
.sidr-class-current > a,
.sidr ul li:hover,
.sidr ul li a:hover,
.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active,
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
  background-color: #fff;
  color: #464646 !important;
}

.sidr ul li,
.sidr ul {
  border-top: 0px solid #fff;
  border-bottom: 0px solid #fff;
}

.sidr ul li {
  padding: 10px 0px 10px 0px;
}

.sidr a {
  font-size: 24px;
  line-height: 40px !important;
}

a.sidr-class-toggle-sidr-close:before {
  background: transparent !important;
}

/* TABLET */
@media (max-width: 1120px) {
  #nav a {
    font-size: 10px !important;
  }
}

@media (max-width: 1075px) {
  #contatti,
  #social {
    display: none;
  }
}

@media (max-width: 990px) {
  #nav a {
    font-size: 8px !important;
  }
}

@media (max-width: 910px) {
  .camera_caption {
    top: 10%;
  }
}

@media (max-width: 880px) {
  #nav a {
    font-size: 7px !important;
  }
}

@media (max-width: 850px) {
  
  #slider .slideshowck {
    width: 100%;
  }

  #slider .custom-slide {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    background-size: 80%;
  }
  
  .description-mobile {
    display: flex;
    flex-wrap: wrap;
  }

  .description-mobile .testo {
    float: right;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    margin: 0px;
    order: 2;
  }

  .description-mobile img {
    position: relative;
    float: left;
    width: 30%;
    margin: 20px 35%;
    order: 1;
  }
  
  .description-mobile .pulsanti {
    text-align: center;
  }
  
  .cameraContent .camera_caption_title,
  .cameraContent .camera_caption_desc {
    font-size: 14px !important;
    line-height: 24px !important;
  }
  
  a.btn,
  a.btn2 {
    font-size: 10px !important;
  }
  
  #form-contatti {
    width: 90%;
	padding: 0px 5% 100px 5%;
  }
  
  #content .testo,
  #content .video,
  #riconoscimenti .testo,
  #riconoscimenti .video,
  #riconoscimenti .immagini-intervista {
    width: 100%;
    margin: 0px;
  }
  
  .moduletable.awards {
    background-size: contain;
  }

  #riconoscimenti .intervista img {
    width: 70%;
    margin-right: 0%;
    margin: 5% 15%;
  }

  #riconoscimenti .immagini-intervista img {
    width: 70%;
    margin: 5% 15%;
  }
  
  #riconoscimenti .awards img.certificato {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  
  #content .video,
  #riconoscimenti .video {
    margin-top: 40px;
  }
  
  .awards .targhe,
  .awards .testo {
    width: 80% !important;
    margin: 10% !important;
  }

  .awards .targhe img {
    margin: 20px 0px 0px 0px;
    width: 100%;

  }
  
  .jg_element_cat,
  .joomimg107_imgct {
    width: 48% !important;
  }
  
  .jg_element_cat img,
  .joomimg107_imgct img {
    width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 830px) {
  #logo {
    width: 78%;
  }
  
  .bt-row {
    width: 48% !important;
  }
  
  #corpo .studio img,
  #corpo video {
 	width: 100%;
  }
}

@media (max-width: 750px) {
  .custom-slide {
    display: block;
  }
  
  .cameraContent .camera_caption_title,
  .cameraContent .camera_caption_desc {
    font-size: 10px !important;
    line-height: 20px !important;
  }
  
  a.btn,
  a.btn2 {
    font-size: 8px !important;
  }

  .jg_element_gal {
    width: 96% !important;
  }
}

@media (max-width: 650px) {
  a.btn,
  a.btn2 {
    font-size: 7px !important;
  }
  
  #form-contatti form,
  #form-contatti .category-desc {
    position: relative !important;
    float: left !important;
    width: 100% !important;
    margin-left: 0%;
  }
  
  #copyright,
  #help-menu,
  #link,
  #newsletter {
    width: 100%;
    margin: 10px 0% 10px 0%;
  }
  
  #copyright img {
    width: 50% !important;
    margin-left: 25%;
  }
  
  #footer h3,
  #footer ul li {
    text-align: center !important;
  }
  
  .logoSocial {
    width: 40px;
    margin-right: 20px;
  }
}

@media (max-width: 600px) {
  .camera_caption {
    width: 70%;
  }
  
  a.btn,
  a.btn2 {
    font-size: 9px !important;
  }
  
  #penale,
  #civile,
  #assistiti {
    width: 80%;
    margin-left: 10%;
  }
  
  .bt-row,
  .jg_element_cat,
  .joomimg107_imgct {
    width: 100% !important;
    margin: 10px 0px 10px 0px !important;
  }
}

@media (max-width: 450px) {
  .camera_caption {
    display: none !important;
  }
}