/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.textsaluteterritorio{font-size: 25px;line-height: 34px!important;font-style: italic;font-weight: 500;color: #fff;}
.paragraph-text{color: #fff;}
.button-home{border:solid 1px #fff;border-radius:5px;padding:10px 20px;color:#fff;background-color:#5DACB5;}
.button-home:hover{border:solid 1px #fff;border-radius:5px;padding:10px 20px;color:#fff;background-color:#2D8B9B;}
.arrowlink{color:#1AAAE0!important;}.arrowlink:hover{color:#1AAAE0;text-decoration: underline!important}
.titlelinksectionhome{font-size:21px;font-weight: 500;}

/*Area Informatica - Card effect*/
.contentcard {display: flex;margin: 0 auto;justify-content: center;align-items: center;flex-wrap: wrap;max-width: 1000px;}
.heading {width: 100%;margin-left: 1rem;font-weight: 900;font-size: 1.618rem;text-transform: uppercase;letter-spacing: 0.1ch;line-height: 1;padding-bottom: 0.5em;margin-bottom: 1rem;position: relative;}
.heading:after {display: block;content: "";position: absolute;width: 60px;height: 4px;background: linear-gradient(135deg, #1a9be6, #1a57e6);bottom: 0;}

.description {width: 100%;margin-top: 0;margin-left: 1rem;margin-bottom: 3rem;}

.card {color: inherit;cursor: pointer;width: calc(33% - 2rem);min-width: calc(33% - 2rem);height: 300px;width: 300px;min-height: 130px;perspective: 1000px;margin: 1rem;position: relative;}
.card-single {color: inherit;cursor: pointer;width: calc(33% - 2rem);min-width: calc(33% - 2rem);height: 300px;width: 300px;min-height: 130px;perspective: 1000px;margin: 1rem;position: relative;}
.p-50-m{padding: 0px 50px;}
@media screen and (max-width: 800px) {
  .card {width: calc(1000% - 2rem);}
  .card-single {width: calc(1000% - 2rem);}
  .downloadbutmob{font-size: 11px!important;}
  .prim-resp-menu{background-color: #fff;padding: 0px 30px;margin: 0px -40px;}
  .menu-voice-resp{color:#000!important;}.menu-voice-resp:hover{color:#6e90ca!important;}
  .gira-card{font-size: 12px;margin-top: -10px;margin-bottom: -10px;margin-top: 70px;}
}
@media screen and (max-width: 500px) {
  .downloadbutmob{font-size: 11px!important;}
  .p-50-m{padding: 0px;}
  .textsaluteterritorio{font-size: 18px;line-height: 1.8;font-style: italic;font-weight: 500;}
  .spacechart{padding: 0px!important;}
  .spacechart-bar{padding: 0px!important;}
  
  .gira-card{font-size: 12px;margin-top: -10px;margin-bottom: -10px;margin-top: 0px;}
}


@media screen and (max-width: 992px) {
  .prim-resp-menu{background-color: #fff;}
  .menu-voice-resp{color:#000!important;}.menu-voice-resp:hover{color:#6e90ca!important;}
}

.spacechart{padding: 0px 50px;}
.spacechart-bar{padding:50px;}

.menu-voice-resp{color:#fff;font-size: 15px;}.menu-voice-resp:hover{color: #ffffff;text-decoration-line: underline;}

.front,
.back {display: flex;border-radius: 25px;background-position: center;background-size: cover;text-align: center;justify-content: center;align-items: center;position: absolute;height: 100%;width: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;transform-style: preserve-3d;transition: ease-in-out 600ms;}

.front {background-size: cover;font-size: 1.618rem;font-weight: 600;color: #fff;overflow: hidden;}
.front:before {position: absolute;display: block;content: "";top: 0;left: 0;right: 0;bottom: 0;z-index: -1;}
.card:hover .front {transform: rotateY(180deg);}
.card-single:hover .front {transform: rotateY(180deg);}
.card:nth-child(even):hover .front {transform: rotateY(-180deg);}
.card-single :nth-child(even):hover .front {transform: rotateY(-180deg);}

.back {background: #fff;transform: rotateY(-180deg);padding: 20px;color: #000!important;}
.back .btflip {margin-bottom: 10px;color:#1a9be6;text-decoration: underline!important;}
.card:hover .back {transform: rotateY(0deg);}
.card:nth-child(even) .back {transform: rotateY(180deg);}
.card:nth-child(even):hover .back {transform: rotateY(0deg);}
.card-single:hover .back {transform: rotateY(0deg);}
.card-single:nth-child(even) .back {transform: rotateY(180deg);}
.card-single:nth-child(even):hover .back {transform: rotateY(0deg);}


.btflip {
  //transform: translateZ(40px);
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-weight: bold;
  color: #fff;
  padding: 0.5em 1em;
  border-radius: 100px;
  font: inherit;
  border: none;
  position: relative;
  transform-style: preserve-3d;
  transition: 300ms ease;
}
.btflip:before {
  transition: 300ms ease;
  position: absolute;
  display: block;
  content: "";
  transform: translateZ(-40px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  border-radius: 100px;
  left: 10px;
  top: 16px;
}
.btflip:hover {
  transform: translateZ(55px);
}
.btflip:hover:before {
  transform: translateZ(-55px);
}
.btflip:active {
  transform: translateZ(20px);
}
.btflip:active:before {
  transform: translateZ(-20px);
  top: 12px;
}

/*COUNTER*/
.counters {width: 100%;display: block;}
@media (min-width:768px) {
	.counters {
		display: flex;
		justify-content: space-between;
	}
}
.item {display: flex;flex-direction: column;padding: 2rem 2rem;color: #1AAAE0;}
.nav-link .active{color:#1AAAE0;background-color:transparent!important;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{background-color:transparent!important;color:#495057;border-bottom:solid 4px #1AAAE0!important;border-top:none;border-left:none;border-right:none;}

.titledesc{text-transform: uppercase;font-size: 15px;margin-bottom: 20px;margin-top: 0px;}

.nav-link{color:#2B2C2F;}
.item i {font-size: 2rem;}
.counter {margin-top: 10px;font-size: 2rem;font-weight: bold;}
.counter__text {color:#2B2C2F;font-size: 20px;}

.number-netmedica{padding-bottom: 100px;font-size: 50px;color: #1AAAE0;opacity: 0.2;width: 10%;font-weight: 600;}

.nav-link-menu .active{color:#1AAAE0;background-color:transparent!important;}
.nav-tabs .nav-link-menu.active, .nav-tabs .nav-item.show .nav-link-menu{background-color:transparent!important;color:#495057;border-bottom:solid 4px #1AAAE0!important;border-top:none;border-left:none;border-right:none;}
.nav-link-menu{color:#2B2C2F;}
/**/
.descbottleendpage{font-size:16px;font-weight:bold;color:#fff;min-height: 90px;}
.bottlescopridipiu{font-size: 13px;background-color:transparent;color:#fff;border:1px solid #fff;border-radius:2px;padding: 5px 15px;}
.bottlescopridipiu:hover{background-color:#ffffff;color:#0077b2;}

.bg-submenu{margin-top: 5px;background-color: #F7F7F7;min-height: 44px;}
.sub-menu-page{font-size:12px;padding: 0px 0px;color:#2C2C2C;border-top: 5px solid #e9f8ff00;}.sub-menu-page.active{border-top:5px solid #1AAAE0;font-weight: bold;padding: 5px;color:#1AAAE0;}.sub-menu-page:hover{border-top:5px solid #1AAAE0;font-weight: bold;}

.colortext-submenu{color:#2C2C2C;padding-right: 0px!important;padding-left: 0px!important;}.colortext-submenu:hover{color:#1AAAE0;padding-right: 0px!important;padding-left: 0px!important;}

.bottlegestione{background-position: right;margin: 5px -10px;padding: 100px 20px;background-image: url(../images/card/gestione-risorse-off.png);background-repeat: no-repeat;background-size: cover;transition: 0.5s;}
.bottlegestione:hover{background-image: url(../images/card/gestione-risorse-on.png);background-repeat: no-repeat;background-size: cover;}
.bottlelog-amm{background-position: right;margin: 5px -10px;padding: 100px 20px;background-image: url(../images/card/gestione-incombenze-off.png);background-repeat: no-repeat;background-size: cover;transition: 0.5s;}
.bottlelog-amm:hover{background-image: url(../images/card/gestione-incombenze-on.png);background-repeat: no-repeat;background-size: cover;}
.bottleamm-norma{background-position: right;margin: 5px -10px;padding: 100px 20px;background-image: url(../images/card/consulenza-tecnico-off.png);background-repeat: no-repeat;background-size: cover;transition: 0.5s;}
.bottleamm-norma:hover{background-image: url(../images/card/consulenza-tecnico-on.png);background-repeat: no-repeat;background-size: cover;}
.bottleinfor{background-position: right;margin: 5px -10px;padding: 100px 20px;background-image: url(../images/card/area-informatica-off.png);background-repeat: no-repeat;background-size: cover;transition: 0.5s;}
.bottleinfor:hover{background-image: url(../images/card/area-informatica-on.png);background-repeat: no-repeat;background-size: cover;}
.bottleform-inno{background-position: right;margin: 5px -10px;padding: 100px 20px;background-image: url(../images/card/informazione-formazione-off.png);background-repeat: no-repeat;background-size: cover;transition: 0.5s;}
.bottleform-inno:hover{background-image: url(../images/card/informazione-formazione-on.png);background-repeat: no-repeat;background-size: cover;}

@media (max-width: 500px) {
  .image-high-vit{
    position: absolute;
    right: -60%;
    top: 7.1%;
    width: 100%;
    z-index: 3;
  }
  .layout-bottle-slider{max-width: 300px;margin-left: -20px;}
  
  .bg-orange-fresh{
    background-image: url(../images/diventa-socio-img/orange-fresh.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: 35%;
    background-position-y: -150%;
  }
  .bg-arancia-set{
    position: sticky;width: 80%;margin-top:-150px; margin-bottom:-150px;
  }
}

@media (min-width: 500px) {
  .minheight-xs{min-height: 350px;}
  .downloadbutmob{font-size: 11px!important;}
  .card {width: 100%;min-height: 150px;height: 340px;}
  .maps-resp{background-color:#eff3fa;padding:0px;}
  .maps-left{margin-left: 0px;}
  
  .image-high-vit{
    position: absolute;
    right: -25%;
    top: 6%;
    width: 60%;
    z-index: 3;
  }
  
  .bg-orange-fresh{
    background-image: url(../images/diventa-socio-img/orange-fresh.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: 35%;
    background-position-y: -40%;
  }
  .layout-bottle-slider{max-width: 500px;margin-left: -70px;}
  
}

@media (min-width: 768px) {
  .minheight-xs{min-height: 406px;}
  .downloadbutmob{font-size: 11px!important;}
  .card {width: 45%;min-height: 150px;}
  .maps-resp{background-color:#eff3fa;padding:50px 0px 50px 50px;}
  .maps-left{margin-left: -70px;}
  .prim-resp-menu{padding: 0px 30px;margin: 0px -50px;}
  
  .image-high-vit{
    position: absolute;
    right: -50%;
    top: 5%;
    width: 80%;
    z-index: 3;
  }
  
  .bg-orange-fresh{
    background-image: url(../images/diventa-socio-img/orange-fresh.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: 65%;
    background-position-y: 10%;
  }
  
  .bg-arancia-set{
    position: sticky;width: 80%;margin-top:-120px; margin-bottom:-150px;
  }
}

@media (min-width: 992px) {
  .minheight-xs{min-height: 380px;}
  .downloadbutmob{font-size: 14x!important;}
  .card {min-height: 150px;}
  
  .image-high-vit{
    position: absolute;
    right: -40%;
    top: 5%;
    width: 70%;
    z-index: 3;
  }
  /*Chart
  .chart1-resp{margin: 0px -50px;}
  .chart2-resp{margin: 0px 25px!important;}*/
  
  .bg-orange-fresh{
    background-image: url(../images/diventa-socio-img/orange-fresh.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: 15%;
    background-position-y: 15%;
  }
  .bg-arancia-set{
    position: absolute;top: -40%;left: 0px;
  }
}

@media (min-width: 1200px) {
  .minheight-xs{min-height: 0px;}
  .downloadbutmob{font-size: 14px!important;}
  .card {width: 30%;min-height: 150px;height: 340px;}
  
  .image-high-vit{
    position: absolute;
    right: -25%;
    top: 3%;
    width: 60%;
    z-index: 3;
  }
  
  .bg-arancia-set{
    position: absolute;top: -45%;left: 0px;
  }
  /*Chart
  .chart1-resp{padding: 10px 0px 100px 0px;padding-left: 0px!important;padding-right: 0px!important;margin-left: -20px;}
  .chart2-resp{padding: 10px 0px 100px 0px;margin-left: 20px;padding-right: 0px!important;padding-left: 70px!important;}*/
}
@media (min-width: 1200px) {
  .image-high-vit{
    position: absolute;
    right: -40%;
    top: 1.5%;
    width: 70%;
    z-index: 3;
  }
}

/*FAQ*/
.accordion {
  width: 100%;
  max-width: 1000px;
  margin: 2rem auto;
}
.accordion-item {
  background-color: #fff;
  color: #111;
  margin: 1rem 0;
  border-radius: 0.5rem;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
}
.accordion-item-header {
  padding: 0.5rem 3rem 0.5rem 1rem;
  min-height: 3.5rem;
  line-height: 1.25rem;
  font-weight: 200;
  font-size: 15px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.accordion-item-header::after {
  content: url(../images/arrow-faq.svg);/*"\002B"*/
  position: absolute;
  right: 1rem;
}
.accordion-item-header.active::after {
  content: url(../images/arrow-faq.svg);/*"\2212"*/
  transform: rotate(90deg);
}
.accordion-item-header:hover{
  background-color: #F2FBFF;
}
.accordion-item-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.accordion-item-body-content {
  font-size: 13px;
  font-weight: 100;
  padding: 1rem;
  line-height: 1.5rem;
  border-top: 1px solid;
  border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}

.titleboxcard{font-size: 18px;}
.imgboxcard{
  /*position: absolute;*/
  top: -25px;
  margin-top: -130px;
  background-color: #fff;
  padding: 0px 20px;
}

.box-list{
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  margin: 10px;
  padding: 10px 15px;
  color: #2B2C2F;
}
.box-list:hover{
  background-color:#F2FBFF;
}

/*TAB*/
.bg1{ background-image: url(../images/icon-tab/background-blue.png);background-size: cover;background-position-x: 75%;}
.bg2{ background-image: url(../images/icon-tab/background-helpdesk.png);background-size: cover;background-position-x: 75%;}
.bg3{ background-image: url(../images/icon-tab/background-white.png);background-size: cover;background-position-x: 75%;}
.bg4{ background-image: url(../images/icon-tab/background-patti-aziendali.png);background-size: cover;background-position-x: 75%;}
.bg5{ background-image: url(../images/icon-tab/background-hardware.png);background-size: cover;background-position-x: 75%;}


//TABLE MEDIAKIT
.tablemediakit-1{
  width:20%;
}
.tablemediakit{
  margin-left: 20px;
  width: 75%;
}
.textmenu{position: absolute!important;top: 0%;left: 80%;text-decoration-line: underline;}

.scroll {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;}
  
.scroll::-webkit-scrollbar {
  display: none; }

@media (max-width: 1200px) {
  .tablemediakit-1{
    width: 20%;
  }
  .tablemediakit{
    margin-left: 20px;
    width: 75%;
  }
}
@media (max-width: 1140px) {
  .tablemediakit-1{
    width: 20%;
  }
  .tablemediakit{
    margin-left: 45px;
    width: 75%;
  }
}
@media (max-width: 991px) {
  .packheight{min-height: 200px!important;}
  .packbox-desc h3{
    min-height: 0px!important;
  }
  
  .tablemediakit-1{
    width: 20%;
  }
  .tablemediakit{
    margin-left: 90px;
    width: 68%;
  }
  
  .tile{width: calc(50% - 17px)!important;}
}
@media (max-width: 768px) {
  .packheight{min-height: 220px!important;}
  .packbox-desc h3{
    min-height: 0px!important;
  }
  
  .tablemediakit-1{
    width: 100%;
  }
  .tablemediakit{
    margin-left: 0px;
    width: 100%;
  }
}

.downloadfile{
  color: #444;
}
.downloadfile:hover{
  color: rgb(19, 90, 206);
}

.fotodown{
  padding: 0px!important;
}

.download-material-link{color:#000;}
.download-material-link:hover{color:rgb(19, 90, 206);}

.owl-dots{padding-bottom:20px; margin-top: -30px;}

/*ICON*/
.gruppo-semplice-svg{background-image:url('../images/icn/gruppo-semplice.svg'); width: 100%;}
.gruppo-integrata-svg{background-image:url('../images/icn/gruppo-integrata.svg');}
.medico-singolo-svg{background-image:url('../images/icn/medico-singolo.svg');}