.partner {}

.partner h2 {
   font-size: 1.5rem;
}

.partner .p-header {
   position: relative;
}

.partner .p-header .p-header-title {
   background: #FFFFFFCC;
   position: absolute;
   bottom: 20px;
   left: 200px;
   font-size: 190%;
   color: var(--blue);
   padding: 0.4rem;
   font-weight: 600;
   z-index: 10;
}

.partner .p-header .p-header-title h1 {
   font-size: inherit;
   font-weight: inherit;
   font-weight: inherit;
   margin: 0px;
   padding: 0px;
   line-height: inherit;
}

.partner .p-header .p-header-title-mobile {
   font-size: 170%;
   font-weight: 600;
   margin: 0px;
   display: block;
   min-height: 32px;
}

.partner .p-header .p-header-img .p-header-img-img {
   background-size: cover;
   background-position: center;
}

.partner .p-header .p-header-img .p-header-img-img-tmp {
   background: #EEE;
}

.partner .p-header .p-header-img .header-img-loading {
   display: none;
}

.partner .p-header .p-header-img .p-header-img-loader {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 60px;
   height: 30px;
   margin-left: -30px;
   margin-right: -15px;
}

.partner .p-header-avatar-mobile,
.partner .p-header-avatar {
   width: 160px;
   height: 160px;
   overflow: hidden;
   border-radius: 0px;
   border: 4px solid #FFFFFFCC;
   position: absolute;
   bottom: 20px;
   left: 35px;
   z-index: 90;
}

.partner .p-header-avatar-mobile.nobordo,
.partner .p-header-avatar.nobordo {
   border: 0px
}

.partner .p-header-avatar-mobile.size-1,
.partner .p-header-avatar.size-1 {
   width: 320px;
}

.partner .p-header-avatar-mobile {
   left: 50%;
   bottom: 30px;
   margin: 0px auto 0 -75px;
   width: 150px;
   height: 150px;
}

.partner .p-header-avatar-mobile.size-1 {
   width: 300px;
   margin-left: -150px;
}

.partner .p-header-avatar-mobile.size-1 img {
   margin-top: -75px;
}

.partner .p-header-avatar-mobile img,
.partner .p-header-avatar img {
   width: 100%;
}

.partner .p-header-avatar.size-1 img {
   margin-top: -80px;
}

.partner .p-header-avatar-mobile .btn-edit-partner,
.partner .p-header-avatar .btn-edit-partner {
   top: 50%;
   left: 50%;
   margin-top: -18px;
   margin-left: -18px;
}

.partner .p-intro {
   position: absolute;
   top: -200px;
   right: 30px;
   z-index: 30;
}

.partner .p-intro h2 {
   font-size: 130%;
}

.partner .p-intro .p-intro-about {
   background: var(--blue-90);
   padding: 1.4rem 1rem;
   color: #FFF;
   border-radius: 0.2rem;
}

.partner .titolo_nascondi {
   display: block;
   position: absolute;
   top: -18px;
   right: -18px;
   background: var(--blue);
   color: #FFF;
   font-size: 60%;
   width: 36px;
   height: 36px;
   border-radius: 50%;
   text-align: center;
   line-height: 36px;
}

.partner .btn-anteprima {
   position: absolute;
   top: 10px;
   right: 20px;
   background: var(--blue-light);
   color: #FFF;
   z-index: 30;
   padding: 1rem 2rem;
}

.partner .btn-anteprima:hover {
   background: var(--blue);
}

.partner .p-mappa {
   position: relative;
}

.partner .p-mappa img {
   border-radius: 0.2rem
}

.p-mappa-title {
   z-index: 900;
   position: absolute;
   bottom: 20px;
   left: 20px;
   background: #FFFFFFCC;
   padding: 0.5rem 0.5rem 0.0rem 0.5rem;
   border-radius: 0.2rem;
}

.partner .p-read-more {
   background: var(--blue);
   color: #FFF;
}

.partner .p-read-more:hover {
   background: var(--orange);
   color: #FFF;
}

.partner .p-btn-box {
   background: var(--gray-light);
   color: var(--blue);
}

.partner .p-btn-box a {
   text-decoration: underline;
   font-size: 80%;
   display: block;
   padding: 3px 0;
}

.partner .p-btn-box a.portfolio-btn {}

.partner .p-btn-box a.portfolio-btn-active {
   display: none;
   background: var(--blue);
   color: #FFF;
   border-radius: 0.4rem;
}

.partner .p-btn-box .p-btn-img {
   max-width: 60px;
   margin-bottom: 0.5rem;
}

.partner .p-btn-box .p-btn-title {}

.partner .p-btn-box .portfolio-btn-box-active a.portfolio-btn {
   display: none;
}

.partner .p-btn-box .portfolio-btn-box-active a.portfolio-btn-active {
   display: block;
}

#torna_scheda_partner_portfolio {
   display: none;
}

.partner .p-social {
   position: relative;
}

.partner .p-social a {
   display: inline-block;
   margin: 5px 8px 0 8px;
}

.partner .p-social a.social-link i {
   font-size: 26px;
}

.partner .p-social a i.social-skype {
   color: #00aff0;
}

.partner .p-social a i.social-facebook {
   color: #3b5998;
}

.partner .p-social a i.social-instagram {
   color: #000;
}

.partner .p-social a i.social-twitter {
   color: #1da1f2;
}

.partner .p-social a i.social-linkedin {
   color: #0e76a8;
}

.partner .p-social a i.social-youtube {
   color: #CC0000;
}

.partner .text-descr {
   position: relative;
}

.partner .text-descr h2 {
   padding: 1.6rem 0 0.4rem 0;
}

.partner .text-descr .text-descr-full {
   line-height: ;
}

.partner .btn-edit-partner {
   position: absolute;
   background: var(--orange);
   color: #FFF;
   top: 10px;
   left: 20px;
   z-index: 900;
   display: block;
   border-radius: 4rem;
   height: 36px;
   width: 36px;
   text-align: center;
   line-height: 40px !important;
   opacity: 0.3;
}

.partner .btn-edit-partner:hover {
   opacity: 1;
}

.partner .btn-edit-partner:hover i {
   color: #FFF;
}

.partner .btn-edit-partner.bnt-move {
   background: var(--blue-light);
}

.partner .btn-edit-partner.btn-del {
   background: var(--red);
}

.partner .p-header .btn-edit-partner.btn-del {
   left: 70px;
}

.partner .p-header .p-header-title .btn-edit-partner {
   top: -20px;
   line-height: 32px !important;
   left: -10px;
}

.partner .p-header .p-header-title.size-1 {
   left: 360px !important;
}

.partner .p-intro .btn-edit-partner {
   top: 10px;
   left: auto;
   right: 10px;
}

.partner .btn-edit-info {
   border: 2px solid var(--orange);
   position: absolute;
   top: 20px;
   left: 60px;
   background: #EEE;
   padding: 0.5rem;
   max-width: 350px;
   font-size: 85%;
   box-shadow: 0 0 10px #00000033;
   border-radius: 0.4rem !important;
   z-index: 80;
   display: none;
}

.partner .btn-edit-partner:hover+.btn-edit-info {
   display: block;
}

.partner .p-btn-box .btn-edit-partner {
   left: 20px;
   top: 0px;
}

.partner .text-descr .btn-edit-partner {
   left: auto;
   right: 40px;
   top: 10px;
}

.partner .btn-edit-partner.btn-move {
   right: 0px;
   background: var(--blue);
}

.partner .p-social .btn-edit-partner {
   right: 0px;
}


.modal-partner .posizioni-edit {
   position: absolute;
   top: 0px;
   right: 1rem;
}

.modal-partner .posizioni-edit a {
   margin-left: 4px;
}

.modal-partner .posizioni-edit .principale {
   color: #FAD201;
}

.modal-partner .posizioni-edit .principale .isprincipale0 {
   display: inline-block;
}

.modal-partner .posizioni-edit .principale .isprincipale1 {
   display: none;
}

.modal-partner .posizioni-edit .principale.isprincipale {
   color: #FAD201;
}

.modal-partner .posizioni-edit .principale.isprincipale .isprincipale0 {
   display: none;
}

.modal-partner .posizioni-edit .principale.isprincipale .isprincipale1 {
   display: inline-block;
}

.modal-partner .posizione-elenco-riga {
   border-left: 20px solid #EEE;
}

.modal-partner .posizione-move {
   position: absolute;
   left: -14px;
   top: 50%;
   margin-top: -10px;
   cursor: pointer;
}


.partner .posizioni h3 {
   margin-top: 1rem;
   font-size: 1.4rem;
   font-weight: 600;
   color: var(--blue);
}

.modal-partner h5,
.partner .posizioni h4 {
   font-size: 1.2rem;
   color: var(--blue-light);
   margin-top: 0.4rem;
   font-weight: 600;
   margin-bottom: 0.2rem;
}

.partner .posizioni h4 img {
   vertical-align: top;
}

.partner .posizioni .info-posizione {
   padding-left: 24px;
}

.partner .galleria-container {
   padding: 1rem 0;
}

.partner.pubpart .galleria-container.galleria-posizione-0 {}

.partner.pubpart .galleria-container.galleria-posizione-1 {
   display: none;
}

.partner .galleria-container .galleria-titolo {
   position: relative;
}

.partner .galleria-container .galleria-tools .btn-container .btn-edit-partner {
   position: relative;
   top: unset;
   left: unset;
}

.partner .galleria-container .galleria-tools .btn-container a {
   margin-left: 0.2rem;
}

.partner .galleria-container .galleria-tools .btn-container .btn-del-partner {
   font-size: 1.1rem;
   background: var(--red);
   color: #FFF;
   top: 10px;
   left: 20px;
   z-index: 900;
   display: block;
   border-radius: 4rem;
   height: 36px;
   width: 36px;
   text-align: center;
   line-height: 36px !important;
   opacity: 0.3;
}

.partner .galleria-container .galleria-tools .btn-container .btn-del-partner:hover {
   opacity: 1;
}

.partner .galleria-container .galleria-tools .btn-container .btn-vis-partner {
   font-size: 1.1rem;
   background: var(--blue-light);
   color: #FFF;
   top: 10px;
   left: 20px;
   z-index: 900;
   display: block;
   border-radius: 4rem;
   height: 36px;
   width: 36px;
   text-align: center;
   line-height: 36px !important;
   opacity: 0.3;
}

.partner .galleria-container .galleria-tools .btn-container .btn-vis-partner:hover,
.partner .galleria-container .galleria-titolo .btn-container .btn-vis-partner.active {
   opacity: 1;
}

.partner .galleria-container .galleria-tools .btn-container .btn-vis-partner.active {
   opacity: 1 !important;
}

.partner .galleria-container .btn-container {
   display: flex;
   right: 15px;
   left: unset;
   margin-bottom: .5rem;
   top: 50%;
   transform: translate(0, -50%);
   position: absolute;
}

.partner .galleria-container .btn-container .add-foto {
   margin-left: 0.3rem;
}

.partner .galleria-container .btn-container .add-foto:hover {
   background-color: var(--orange);
}

.partner .galleria-container .foto-container {
   background: #FFF;
   border: 5px solid var(--blue-10);
   padding: 5px;
   width: 100%;
   text-align: center;
   overflow: hidden;
   position: relative;
}

.partner .galleria-container .foto-container .descrizione {
   font-size: 12px;
   padding: 0.4rem;
}

.partner .galleria-container .foto-container .descrizione .btn-edit-partner {
   right: 10px !important;
   left: unset;
}

.partner .galleria-container .foto-container .foto-container-img.hidden {
   opacity: 0.5;
}

.partner .galleria-container .foto-container .foto-btn-container {
   position: absolute;
   right: 10px;
   top: 2%;
}

.partner .galleria-container .foto-container .foto-btn-container a,
.partner .galleria-container .foto-container .foto-btn-handle a {
   text-decoration: none;
}

.partner .galleria-container .foto-container .foto-btn-container .btn-vis-partner {
   color: var(--blue-light);
   opacity: 0.7;
   font-size: 16px;
}

.partner .galleria-container .foto-container .foto-btn-handle {
   position: absolute;
   left: 10px;
   top: 2%;
}

.partner .galleria-container .foto-container .btn-del-partner {
   color: var(--red);
   opacity: 0.7;
   font-size: 16px;
}

.partner .galleria-container .foto-container .btn-del-partner:hover,
.partner .galleria-container .foto-container .foto-btn-container .btn-vis-partner:hover,
.partner .galleria-container .foto-container .foto-btn-container .btn-vis-partner.active {
   opacity: 1 !important;
}

.partner .galleria-container .foto-container .foto-container-img {
   width: 100%;
   display: block;
   he-ight: 400px;
}

.partner .galleria-container .foto-container .foto-container-img img {
   width: 100%;
}

.partner .form_gallery {
   display: none;
}

.partner .galleria-container .gallery-pdf {
   position: relative;
   display: block;
}

.partner .galleria-container .gallery-pdf .pdf-logo {
   position: absolute;
   width: 100%;
   max-width: 50px;
   right: 8px;
   bottom: 8px;
   background: #FFF;
   padding: 5px;
   border-radius: 40px;
   box-shadow: 0 0 10px #EEE;
}


#partner-map {
   height: 600px;
}

.partner .btn-to-edit {
   display: block;
   padding: unset !important;
   font-size: 100% !important;
}

.partner .btn-to-edit i {
   font-size: 1.1rem;
}

.galleria-container .owl-carousel .owl-dots {
   text-align: center;
   margin: 20px 0 0 0
}

.galleria-container .owl-carousel button.owl-dot {
   display: inline-block;
   width: 20px;
   height: 20px;
   background: var(--blue-10);
   margin: 1px 4px;
   border-radius: 20px;
}

.galleria-container .owl-carousel button.owl-dot.active {
   background: var(--blue);
}


#header-carousel.owl-carousel .owl-dots {
   text-align: center;
   margin: 20px 0 0 0;
   position: absolute;
   bottom: 90px;
   right: 15px;
   z-index: 90;
   width: 33.3333333333%;
   text-align: right;
}

#header-carousel.owl-carousel .owl-dots button.owl-dot {
   width: 22px;
   height: 22px;
   background: #FFF;
   border-radius: 22px;
   margin: 2px;
   opacity: 0.7;
   box-shadow: 0 0 20px #000;
}

#header-carousel.owl-carousel .owl-dots button.owl-dot.active {
   background: var(--blue);
   opacity: 1;
}

#header-carousel.owl-carousel .item-add {
   color: #000;
   width: 100%;
   top: 50%;
   left: 0;
   position: absolute;
   text-align: center;
   line-height: 40px;
   height: 40px;
   margin-top: -20px;
}



#header-carouse-l.owl-carousel .owl-dots button.owl-dot {
   width: 44px;
   height: 44px;
   background: #FFF;
   border-radius: 44px;
   margin: 2px;
   opacity: 0.7;
   box-shadow: 0 0 20px #000;
}

.partner .header-container-mobile {
   position: relative;
}

.partner .header-container-mobile .btn-to-edit.btn-edit-azienda {
   top: -40px;
   left: 10px;
}

.partner .header-container-mobile .titolo_nascondi {
   top: -40px;
   left: 50px;
   font-size: 100%;
}



@media (max-width: 990px) {
   .partner .p-header-avatar {
      width: 140px;
      height: 140px;
      bottom: 70px;
   }

   .partner .p-header .p-header-title {
      left: 15px;
   }

   .partner .p-header .p-header-title h1 {
      font-size: 1.3rem;
   }

   .partner .p-header-avatar {
      display: none;
   }

   .partner .p-intro {
      position: relative;
      top: 0px;
      right: 0;
   }

   .partner .p-intro .p-intro-about {
      display: none;
   }

   .partner .posizioni h3 {
      font-size: 1.1rem;
   }

   .modal-partner h5,
   .partner .posizioni h4 {
      font-size: 1rem;
   }

   .partner .galleria-container .btn-container {
      position: relative;
      text-align: right;
      width: 100%;
      padding-top: 20px;
   }

   .partner .galleria-container .btn-container a {}

   #partner-map {
      height: 400px;
   }

   .partner .p-header .p-header-container {
      padding-bottom: 100px;
   }

   .partner .p-header .p-header-title-mobile {
      font-size: 140%;
   }

   #header-carousel.owl-carousel .item img {
      min-height: 35vh;
   }

   #header-carousel.owl-carousel .owl-dots {
      bottom: unset;
      top: 0px;
   }

   .partner .p-btn-box .p-btn-img {
      max-width: 45px;
   }

   .partner .btn-anteprima {
      margin-top: 50px;
   }


}