@media (min-width: 1400px){
.container{ max-width: 1440px; }
}
.imgContainer{
position: relative;
width: 100%;
height: 0;
}
.imgContainer img{
position: absolute;
display: block;
object-fit: cover;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.footerMenuList ul{
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.footerMenuList ul li{
list-style: none;
}
.footerBtn .elementor-button{
min-height: 0;
}
.image-3x1{ padding-top: 33%; }
.image-2x1{ padding-top: 50%; }
.image-16x9{ padding-top: 56%; }
.image-3x2{ padding-top: 66%; }  
.image-4x3{ padding-top: 75%; }
.image-1x1{ padding-top: 100%; }  
.image-3x4{ padding-top: 133%; }  
.image-2x3{ padding-top: 150%; }
.image-1x2{ padding-top: 200%; }
.image-4x10{ padding-top: 250%; }
.image-fullHeight{ height: 100%; }
@media (min-width: 768px){
.image-sm-3x1{ padding-top: 33%; }
.image-sm-2x1{ padding-top: 50%; }
.image-sm-16x9{ padding-top: 56%; }
.image-sm-3x2{ padding-top: 66%; }
.image-sm-4x3{ padding-top: 75%; }
.image-sm-1x1{ padding-top: 100%; }
.image-sm-3x4{ padding-top: 133%; }
.image-sm-2x3{ padding-top: 150%; }
.image-sm-1x2{ padding-top: 200%; }
.image-sm-4x10{ padding-top: 250%; }
}
@media (min-width: 992px){
.image-md-3x1{ padding-top: 33%; }
.image-md-2x1{ padding-top: 50%; }
.image-md-16x9{ padding-top: 56%; }
.image-md-3x2{ padding-top: 66%; }
.image-md-4x3{ padding-top: 75%; }
.image-md-1x1{ padding-top: 100%; }
.image-md-3x4{ padding-top: 133%; }
.image-md-2x3{ padding-top: 150%; }
.image-md-1x2{ padding-top: 200%; }
.image-md-4x10{ padding-top: 250%; }
}
@media (min-width: 1200px){
.image-lg-3x1{ padding-top: 33%; }
.image-lg-2x1{ padding-top: 50%; }
.image-lg-16x9{ padding-top: 56%; }
.image-lg-3x2{ padding-top: 66%; }
.image-lg-4x3{ padding-top: 75%; }
.image-lg-1x1{ padding-top: 100%; }
.image-lg-3x4{ padding-top: 133%; }
.image-lg-2x3{ padding-top: 150%; }
.image-lg-1x2{ padding-top: 200%; }
.image-lg-4x10{ padding-top: 250%; }
} .customIcon{
display: inline-block;
position: relative;
}
.customIcon .background-hexagon.background-color-white .hexagon,
.customIcon .background-hexagon.background-color-white .hexagon path{
fill: #FFFFFF;
}
.customIcon .background-hexagon .icon{
position: absolute;
top: 48%;
left: 50%;
transform: translate(-50%, -50%);
} .maxWidth, .maxWidth img{ width: 100% !important; display: block !important; }
.h100{ height: 100%; }
.strong{ font-weight: bold; }
p:last-child{ margin-bottom: 0; }
a{ text-underline-offset: 6px; }
.cursor-pointer{ cursor: pointer; }
.mirror-x img{ transform: rotateY(180deg); }
.object-position-right img{ object-position: right !important; }
.object-position-left img{ object-position: left !important; }
.text-gradient-violet{
background: var(--lilla);
background: linear-gradient(to right, var(--lilla), var(--lilla), var(--lilla), var(--blue500));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.elementor-counter-number{
margin-bottom: 0.4rem;
}
.menuRicerca a{
font-size: 0;
}
.menuRicerca a:after{
content: "";
display: inline-block;
width: 1rem;
height: 1rem;
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/search.png);
background-repeat: no-repeat;
background-size: cover;
transform: translateY(0.2rem);
}
.hexagon-grid.e-grid{
margin: auto;
}
.hexagon-grid.e-grid>.elementor-element{ background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/hexagon-gray.svg);
position: relative;
padding-top: 111%;
padding-bottom: 0;
height: 0;
background-repeat: no-repeat;
background-size: 100%;
height: 0;
}
.elementor-counter .elementor-counter-number-wrapper,
.elementor-counter .elementor-counter-title{
line-height: 1;
}
.elementor-widget-counter .elementor-counter-number-wrapper{
align-items: center;
}
.hexagon-grid.e-grid>.elementor-element .elementor-counter{
padding-left: 1rem;
}
.hexagon-grid.e-grid>.elementor-element>*{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.hexagon-grid .elementor-widget-image img{
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(1),
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(2),
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(3),
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(4){
transform: translateX(27%);
}
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(5),
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(6),
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(7),
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(8){
transform: translateX(-27%);
margin-top: -27%;
}
.right_big_preview{
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
}
.right_column_preview{
height: 100%;
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: start;
padding-bottom: 1rem;
}
.customBtn{
padding: 0.6rem 1.5rem;
display: inline-block;
font-weight: 400;
border-style: solid;
border-color: transparent;
border-width: 1px;
text-decoration: none;
cursor: pointer;
font-family: "TitlingGothicFB Narrow Regular", sans-serif;
transition: 0.3s all ease-in-out;
}
.customBtn.btnSmall{
padding: 0.3rem 0.6rem;
font-size: 0.9rem;
min-height: 0;
}
.customBtn, .elementor-button{
min-height: 3rem;
display: inline-flex;
align-items: center;
}
.borderFullRounded{ border-radius: 100px }
.borderRounded-1{ border-radius: 0.5rem !important; overflow: hidden; }
.borderRounded-2{ border-radius: 1.0rem !important; overflow: hidden; }
.borderRounded-3{ border-radius: 1.5rem !important; overflow: hidden; }
.borderRounded-4{ border-radius: 2.0rem !important; overflow: hidden; }
.inEvidenza{
position: absolute;
top: 0;
right: 0;
}
.doubleExagonsOverlay{
position: relative;
overflow: hidden;
}
.doubleExagonsOverlay:before{
content: "";
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/hexagon-transparent.svg);
height: calc(30rem * 1.07);
width: 30rem;
position: absolute;
bottom: 10%;
left: -60%;
z-index: 1;
background-size: contain;
}
.doubleExagonsOverlay:after{
content: "";
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/hexagon-transparent.svg);
height: calc(30rem * 1.07);
width: 30rem;
position: absolute;
bottom: -58%;
left: -4%;
z-index: 1;
background-size: contain;
}
.smallExagons.doubleExagonsOverlay:before{
height: calc(40rem * 1.07);
width: 40rem;
bottom: 3%;
left: -93%;
}
.smallExagons.doubleExagonsOverlay:after{
height: calc(40rem * 1.07);
width: 40rem;
bottom: -160%;
left: -28%;
background-repeat: no-repeat;
}
.smallExagons.doubleExagonsOverlay.columns:after{
height: calc(20rem * 1.07);
width: 20rem;
bottom: -71%;
left: -4%;
}
.eventPreviewHexagon{
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/hexagon-blue500.svg);
text-align: center;
position: absolute;
bottom: 0;
left: 0;
color: var(--white);
z-index: 1;
background-size: 200%;
width: 50%;
height: 75%;
background-position: 100% 0%;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
justify-content: end;
}
.shareTo{
border-bottom: 1px solid var(--neutrals600);
padding: 2rem 0;
margin-bottom: 2rem;
} .socialShare{
margin-right: 0.5rem;
background-color: var(--neutrals50);
border-radius: 0.5rem;
padding: 0.3rem;
cursor: pointer;
}
.eventRow:first-child{
padding-top: 2rem;
}
.eventRow{
padding-bottom: 2rem;
margin-bottom: 2rem;
border-bottom: 1px solid var(--neutrals200);
}
.eventRow:last-child{
margin-bottom: 0;
padding-bottom: 0;
border-bottom-width: 0;
}
.wpcf7-acceptance .wpcf7-list-item{
margin-left: 0 !important;
}
.field-label{
font-weight: 700;
margin-bottom: 0;
font-size: 0.9rem;
padding-left: 0.5rem;
}
.required:before{
content: " *";
color: var(--red700);
font-weight: 700;
}
.form-control{
border-radius: 100px !important;
border: 1px solid var(--neutrals300) !important;
padding: 0.7rem 1rem 0.7rem 1rem !important;
height: auto;
background-color: #FFFFFF;
cursor: pointer;
}
textarea.form-control{
border-radius: 1rem !important;
margin-top: 0.3rem;
border: 1px solid var(--neutrals300) !important;
}
.bgCardWhite{
padding: 2rem 2rem 4rem 2rem;
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/card-white.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.btnPlain .elementor-button{
background-color: transparent !important;
border-width: 0 !important;
padding: 0 !important;
display: inline-block !important;
min-height: auto;
}
.map{
text-align: center;
}
.cardRegione{  
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/map-region-card.png);
width: 30rem;
height: calc(30rem * 1.026362039);
background-size: 100% 100%;
padding: 2rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
.fadeFromBottom {
animation-name: fadeFromBottom;
animation-duration: 0.5s;
animation-fill-mode: both;
}
@keyframes fadeFromBottom {
from {
opacity: 0;
transform: translate(-50%, 0%);
}
to {
opacity: 1;
transform: translate(-50%, -50%);
}
}
.cardRegione .storeList{
max-height: 18rem;
overflow-y: scroll;
overflow-x: hidden;
}
.cardRegione .storeList::-webkit-scrollbar {
width: 10px;
border-radius: 50px;
} .cardRegione .storeList::-webkit-scrollbar-track {
background: var(--blue300);
cursor: pointer;
} .cardRegione .storeList::-webkit-scrollbar-thumb {
background: var(--white);
cursor: pointer;
border-radius: 50px;
} .cardRegione .storeList::-webkit-scrollbar-thumb:hover {
background: var(--white);
cursor: pointer;
}
.pinRegione{
cursor: pointer;
}
.whiteIcon{
filter: brightness(0%) invert(1);
}
.neutrals500Icon{
filter: contrast(100%) brightness(100%) invert(1);
}
.iconVerticalAdjust{
transform: translateY(5px);
}
.bgBigShape{
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/shape-big.png);  
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 7rem 3rem;
}
.aziendeStore{
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/shape-azienda.png);  
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 2rem 6rem 3rem 2rem;
height: 100%;
}
.bg-pattern-hexagon{
position: relative;
}
.bg-pattern-hexagon>div{
z-index: 1;
}
.bg-pattern-hexagon:before,
.bg-pattern-hexagon:after{
content: "";
width: 50%;
height: 100%;
display: block;
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/pattern-hexagon.png);
background-repeat: no-repeat;
background-size: 100% auto;
position: absolute;
top: 0;
left: initial;
right: 0;
z-index: 0;
opacity: 0;
animation-name: fadeIn;
animation-duration: 1.5s;
animation-fill-mode: both;
}
.bg-pattern-hexagon:before{
left: 0;
right: initial;
transform: rotate(180deg);
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeDropDownImage{
position: relative;
}
.fadeDropDownImage img{
opacity: 0;
width: 100%;
}
.fadeDropDownImage .mask{
position: absolute;
background-size: 100% auto;
background-position: top center;
filter: brightness(0);
top: 0;
left: 0;
right: 0;
bottom: 100%;
overflow: hidden;
animation-name: fadeDropDown;
animation-duration: 1.5s;
animation-fill-mode: both;
}
@keyframes fadeDropDown {
from {
bottom: 100;
filter: brightness(0);
}
to {
bottom: 0;
filter: brightness(1);
}
} .innerSliderContainer{
padding-bottom: 4rem;
}
.swip_er-slide:last-child .innerSliderContainer{
padding-bottom: 0;
}
#swiperAziende .swiper-slide,
.innerSliderContainer .swiper-slide{
height: auto;
}
#swiperAziende .swiper-arrows svg,
.hexPagination svg{
cursor: pointer;
}
#swiperAziende .swiper-arrows svg:hover .arrow,
.hexPagination svg:hover .arrow{
stroke: #000000;
}
#swiperAziende .swiper-pagination-progressbar{
position: static;
width: 10rem;
margin-top: 1rem;
margin-left: auto;
margin-right: 2rem;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
background: var(--lilla);
}
#farmacieSlider{
position: relative;
}
#farmacieSlider .logoFarmacia{
height: 4rem;
} #farmacieSlider:after{
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
z-index: 1;
}
.heroHeader1{
padding: 2rem;
width: 100%;
overflow: hidden;
}
.heroHeader1 .inner{
padding-top: 40%;
position: relative;
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/shape-gradient.svg);
background-size: 100% 100%;
overflow: hidden;
}
.heroHeader1 .inner .svgBackgroundLeft,
.heroHeader1 .inner .svgBackgroundRight{
position: absolute;  
height: 100%;
width: auto;
z-index: 1;
}
.heroHeader1 .inner .svgBackgroundLeft{
bottom: 0.1rem;
left: 0
}
.heroHeader1 .inner .svgBackgroundRight{
top: 0.1rem;
right: 0rem;
}
.heroHeader1 .inner .svgBackgroundRight svg,
.heroHeader1 .inner .svgBackgroundRight img,
.heroHeader1 .inner .svgBackgroundLeft svg,
.heroHeader1 .inner .svgBackgroundLeft img{
height: 100% !important;
width: 100% !important;
}
.heroHeader1 .inner .svgBackgroundLeft svg{
display: none;
}
.heroHeader1 .inner .container-fluid{
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
z-index: 2;
}
.risultati .iconRisultato{
height: 4rem;
margin-bottom: 0.5rem;
}
#sfide .iconRisultato{
height: 8rem;
}
.inlineForm{
display: flex;
justify-content: space-between;
align-items: center;
border-style: solid;
border-width: 1px;
border-radius: 100px;
padding: 0.5rem;
}
.inlineForm .customBtn{
flex-grow: 0;
padding: 0 1rem;
min-height: 2.3rem;
}
.inlineForm input{
flex-grow: 1;
background-color: transparent !important;
border-width: 0;
}
.inlineForm.onBlue{
border: 1px solid var(--white);
max-height: 48px;
}
.inlineForm.onBlue input{
color: var(--white);
}
.inlineForm.onBlue input::placeholder{
color: var(--white);
}
.onBlue .form-control{
border-color: transparent !important;
}
.swiper.customStyle .swiper-pagination-bullet {
width: 1rem;
height: 1rem;
}
.swiper.customStyle .swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color: var(--blue500);
}
.gifPadding{
background-color: #e6e5ff;
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/background-video.png);
padding: 3rem;
display: inline-block;
margin: auto;
background-size: cover;
max-width: 100%;
}
.gifPadding video,
.gifPadding img{
max-width: 100%;
}
.loghiCompatibili{
margin-top: 3rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.loghiCompatibili .singleLogo{
margin: 0 0.5rem 1rem 0.5rem;
}
.loghiCompatibili .singleLogo img{
height: 4rem;
}
#accordionBancheDati .accordion-item,
#accordionMagazzinoIngrosso .accordion-item{
background: transparent;
border-color: var(--neutrals300);
}
#accordionBancheDati ul,
#accordionMagazzinoIngrosso ul,
.checkedList ul{
padding-left: 0;
}
#accordionBancheDati ul li,
#accordionMagazzinoIngrosso ul li,
.checkedList ul li{
list-style: none;
display: flex;
padding: 0.5rem 0;
}
#accordionBancheDati ul li:before,
#accordionMagazzinoIngrosso ul li:before,
.checkedList ul li:before{
content: "";
display: inline-block;
width: 1.5rem;
height: 1.5rem;
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/icons/radio-check-blue.svg);
background-size: 100% 100%;
margin-right: 1rem;
flex-shrink: 0;
}
#faq{
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/tree.png);
background-repeat: no-repeat;
background-position-y: bottom; background-position-x: 0;
background-size: auto 100%;
}
#faq .accordion-item{
background-color: transparent;
}
.accordion-item{
border-width: 0 0 1px 0;
}
.accordion-item:last-of-type {
border-bottom-width: 0;
}
.accordion-item>.accordion-header .accordion-button{
border-width: 0;
border-radius: 0;
box-shadow: none !important;
color: inherit;
background-color: transparent !important;
white-space: break-spaces;
}
.accordion-item>.accordion-header .accordion-button,
.accordion-item .accordion-body{
padding-left: 0;
padding-right: 0;
} .customCheckbox input + label > .fakeCheck::after{
content: "";
position: absolute;
width: 0px;
height: 0px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: var(--blue500);
cursor: pointer;
-webkit-transition: all .3s cubic-bezier(.3,.81,.67,2.5);
-moz-transition: all .3s cubic-bezier(.3,.81,.67,2.5);
-o-transition: all .3s cubic-bezier(.3,.81,.67,2.5);
transition: all .3s cubic-bezier(.3,.81,.67,2.5);
}
.customCheckbox input + label{
padding-left: 1.4em;
position: relative;
cursor: pointer;
}
.customCheckbox input + label > .fakeCheck{
display: block;
position: absolute;
font-size: calc(1em - 4px);
margin-left: 2px;
height: 1em;
width: 1em;
left: 0;
top: 0.2em;
cursor: pointer;
outline: 1px solid var(--white);
padding: 2px;
border-radius: 1px;
}
.customCheckbox input[type=radio] + label > .fakeCheck{
border-radius: 100px;
}
.customCheckbox input:not(:checked) + label:hover > .fakeCheck,
.customCheckbox input:not(:checked) + label > .fakeCheck:hover{
outline-color: var(--white);
}
.customCheckbox input:checked + label > .fakeCheck{
outline-color: var(--white);
}
.customCheckbox input:checked + label > .fakeCheck::after{
height: .3rem;
width: .3rem;
}
.onWhite .customCheckbox input + label > .fakeCheck{
outline: 1px solid var(--black);
}
.onWhite .customCheckbox input:not(:checked) + label:hover > .fakeCheck,
.onWhite .customCheckbox input:not(:checked) + label > .fakeCheck:hover{
outline-color: var(--black);
}
.onWhite .customCheckbox input:checked + label > .fakeCheck{
outline-color: var(--blue500);
}
.onBlue .customCheckbox input + label > .fakeCheck::after{
background-color: var(--white);
}
.obiettiviHeader{
background-color: var(--blue500);
color: var(--white);
overflow: hidden;
}
.cardSfide{
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/card-white.png);
height: 100%;
background-size: 100% 100%;
padding: 0 3rem 4rem 2rem;
}
.cardProdotti{
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/card-white-border.png);
height: 100%;
background-size: 100% 100%;
padding: 3rem 3rem 2rem 2rem;
display: flex;
flex-direction: column;
align-items: start;
justify-content: space-between;
}
.cardProdotti .iconRisultato{
height: 2rem;
}
.fakeTable{
display: flex;
border: 1px solid #C4C5CC;
padding: 3rem;
border-radius: 2rem;
}
.fakeTable .intestazione{
display: flex;
flex-direction: column;
flex-grow: 0;
flex-shrink: 0;
}
.fakeTable .valori{
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
overflow-x: scroll;
padding-bottom: 1rem;
}
.fakeTable .valori .riga{
display: flex;
flex-direction: row;
}
.fakeTable .valori .riga .valore,
.fakeTable .intestazione .testo{
height: 3rem;
border-bottom: 1px solid #C4C5CC;
display: flex;
align-items: center;
}
.fakeTable .valori .riga:first-child .valore,
.fakeTable .intestazione .testo:first-child{
min-height: 5rem;
}
.fakeTable .valori .riga .valore .intestazione{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.fakeTable .valori .riga .valore.pulsante{
height: 4rem;
align-items: end;
}
.fakeTable .valori .riga:first-child .valore,
.fakeTable .valori .riga:last-child .valore,
.fakeTable .intestazione .testo:first-child,
.fakeTable .intestazione .testo:last-child{
border-bottom-width: 0;
}
.fakeTable .valori .riga .valore{
min-width: 15rem;
text-align: center;
flex-shrink: 0;
justify-content: center;
flex-grow: 1;
position: relative;
}
.fakeTable .valori::-webkit-scrollbar {
height: 7px;
border-radius: 50px;
} .fakeTable .valori::-webkit-scrollbar-track {
background: var(--neutrals200);
cursor: pointer;
} .fakeTable .valori::-webkit-scrollbar-thumb {
background: var(--blue500);
cursor: pointer;
border-radius: 50px;
} .fakeTable .valori::-webkit-scrollbar-thumb:hover {
background: var(--blue500);
cursor: pointer;
}
.bgSupport{
padding: 7rem 1rem 1rem 1rem;
background-repeat: no-repeat;
background-position: top left;
}
.obiettiviHeader .iconaHeader1{
position: absolute;
top: 0;
left: 60%;
animation: pulse 2s infinite;
}
.obiettiviHeader .iconaHeader2{
position: absolute;
bottom: -3%;
right: 5%;
animation: pulse 2s infinite;
animation-delay: 0.5s;
}
.obiettiviHeader .iconaHeader3{
position: absolute;
bottom: 1%;
left: 5%;
animation: pulse 2s infinite;
animation-delay: 1s;
}
@keyframes pulse {
0% {
transform: scale(0.90);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(0.90);
}
}
#blockSlider .categorie{
padding-left: 0;
}
#blockSlider .categorie li{
display: flex;
align-items: center;
list-style: none;
color: var(--neutrals600);
cursor: pointer;
}
#blockSlider .categorie li.active{
color: var(--black);
}
#blockSlider .categorie li:before{
content: "";
display: inline-block;
width: 0.8rem;
height: 0.8rem;
border: 2px solid var(--neutrals400);
border-radius: 50%;
margin-right: 0.8rem;
transition: 0.3s all ease-in-out;
}
#blockSlider .categorie li.active:before{
background-color: var(--blue500);
border-color: var(--blue500);
}
.innerSliderContainer{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: start;
height: 100%;
}
#sliderUtenti>.swiper-wrapper>.swiper-slide{
height: auto;
}
.menu-menu-header-container,
.menu-menu-header-eng-container{
margin-left: auto;
}
.navbar-expand-lg .navbar-nav .nav-item{
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.navbar-expand-lg .navbar-nav .nav-link{
padding-left: 0;
padding-right: 0;
}
.navbar-expand-lg .navbar-nav .current_page_item a.nav-link,
.nav-item a:hover,
.nav-item span:hover{
color: var(--blue500);
}
body.page-id-14:not(.menuActive) .navbar-expand-lg .navbar-nav .current_page_item a.nav-link,
body.page-id-15736:not(.menuActive) .navbar-expand-lg .navbar-nav .current_page_item a.nav-link{
color: var(--white);
}
.menu-item .arrowDown{
margin-left: 0.5rem;
}
.menu-item .arrowDown path{
stroke: var(--neutrals900);
}
.menu-item:hover .arrowDown path{
stroke: var(--blue500);
}
.navbar-expand-lg .navbar-nav .contatti.nav-item a{
color: var(--white);
background-color: var(--blue500);
border-radius: 100px;
border: 1px solid var(--blue500);
padding-left: 1rem;
padding-right: 1rem;
}
.subMenuBlockContainer{
padding: 1rem;
background-color: #00000090;
position: fixed;
top: var(--menu-height);
left: 0;
right: 0;
bottom: 0;
z-index: 3;
display: none;
}
.subMenuBlock{
border-radius: 1.5rem;
overflow: hidden;
}
#btnSoluzioni{
display: inline-flex;
align-items: center;
}
#wpadminbar{
top: initial;
bottom: 0;
position: fixed;
}
html {
margin-top: var(--menu-height) !important;
}
.itemUtenti{
border-radius: 0.5rem;
width: auto;
}
.itemUtenti,
.itemUtenti:hover svg>path:first-child{
transition: 0.3s all ease-in-out;
display: flex !important;
align-items: center;
}
.itemUtenti:hover{
background-color: var(--blue100);
}
.itemUtenti:hover svg>path:first-child{
fill: var(--white);
}
#mainMenu{
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 3;
padding-top: 1rem;
padding-bottom: 1rem;
}
.subMenuBlockContainer .close{
width: 2rem;
height: 2rem;
position: absolute;
top: 1.8rem;
right: 1.8rem;
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/icons/close.svg);
display: block;
background-color: var(--neutrals600);
background-repeat: no-repeat;
background-size: 40%;
border-radius: 0.8rem;
background-position: center;
cursor: pointer;
z-index: 3;
}
.subMenuBlockContainer a{
text-decoration: none;
}
.bannerSupporto{
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/bg-footer.svg);
background-position: 38rem 0;
background-size: 100% auto;
background-repeat: no-repeat;
}
.footer{
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/bg-footer.svg);
background-color: var(--black);
padding: 3rem 1.5rem;
color: var(--neutrals300);
background-position: bottom;
background-size: 100% auto;
background-repeat: no-repeat;
font-size: 0.9rem;
z-index: 1;
position: relative;
}
.blockNewsletter{
padding: 2rem;
border: 1px solid var(--white);
border-radius: 2rem;
}
.footer .footer-menu-wrapper{
padding-left: 0;
}
.footer .footer-menu-wrapper .menu-item{
list-style: none;
margin-bottom: 0.3rem;
}
.footer .menu-item a{
color: inherit;
text-decoration: none;
}
.footer .menu-footer-destra-container .menu-item,
.footer .menu-footer-destra-eng-container .menu-item{
margin-bottom: 1rem;
}
.footer .menu-footer-destra-container .menu-item a,
.footer .menu-footer-destra-eng-container .menu-item a{
color: var(--white);
font-weight: 700;
}
.footer .menu-footer-destra-container .teleassistenza.menu-item a,
.footer .menu-footer-destra-eng-container .teleassistenza.menu-item a{
color: var(--white);
background-color: var(--black);
border-radius: 100px;
border: 1px solid var(--white);
padding: 0.5rem 1rem;
display: inline-block;
}
.column-space-between{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: start;
height: 100%;
}
.pagination .page-numbers{
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--black);
width: 2rem;
height: 2rem;
border: 2px solid transparent;
margin: 0 0.5rem;
border-radius: 0.3rem;
font-weight: 700;
}
.pagination .page-numbers.current{
border-color: var(--blue400);
background-color: var(--blue100);
}
.navbar-toggler{
background-color: transparent !important;
border-width: 0 !important;
cursor: pointer;
}
.postContent a[style*="color"],
.postContent span[style*="color"]{
color: var(--blue500) !important;
}
.bgPuglia{
position: relative
}
.bgPuglia:before{
content: "";
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/puglia.png);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: auto 100%;
background-position: right;
display: block;
}
.bgPugliaEng:before{
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/puglia-eng.png) !important;
}
.sfideLink{
position: absolute;
bottom: 2rem;
right: 2rem;
}
.blockObiettivi{
column-count: 3;
}
.modal .close{
font-size: 2rem;
opacity: 1;
border-width: 0;
padding: 0;
line-height: 0;
color: var(--black);
cursor: pointer;
}
.page-id-12807 .swiper-horizontal>.swiper-scrollbar,
.page-id-12807 .swiper-scrollbar.swiper-scrollbar-horizontal{
width: 25%;
left: initial;
right: 1%;
}
.page-id-12807 .swiper-scrollbar-drag{
background-color: var(--blue500);
cursor: pointer;
}
@keyframes customFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes customFadeInAndScale {
from {
transform: scale(0.5);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
#produttore .aziendeStore{
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/shape-azienda-white.png);
}
#primary-menu-list .nav-item:last-child{
margin-right: 0;
}
.accordion.onDark .accordion-button::after{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}
#accordionMagazzinoIngrosso ul li:before{
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/icons/radio-check-white.svg)
}
.alertMessage{
color: var(--red700);
padding-left: 0.5rem;
}
.errorInput, textarea.form-control.errorInput{
border-color: var(--red700) !important;
}
.sfideCategory_container{
display: flex;
flex-wrap: wrap;
}
.sfideCategory_container .customBtn.active{
color: var(--white);
background-color: var(--blue500);
border-color: var(--blue500);
}
@media (min-width: 1100px){
.homeHeader:before{
content: "";
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/home-hero.jpg);
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-position: right;
animation-name: customFadeInAndScale;
animation-duration: 0.5s;
animation-fill-mode: both;
animation-delay: 1s;
}
.homeHeader .homeHeaderImage img{
opacity: 0;
animation-name: customFadeIn;
animation-duration: 1s;
animation-fill-mode: both;
animation-delay: 1.5s;
}
}
@media (min-width: 1200px){
.postContent .soluzione{
margin-left: -30%;
margin-right: -30%;
}
}
@media (min-width: 1400px){
.blockBtnConsulenza{
border-left: 2px solid var(--white);
padding-left: 2rem;
}
.page-id-12807:not(.menuActive) #mainMenu,
.page-id-14:not(.menuActive) #mainMenu,  
.page-id-15751:not(.menuActive) #mainMenu,
.page-id-15736:not(.menuActive) #mainMenu{
background-color: transparent !important;
transition: 0.3s all ease-in-out;
}
.page-id-12807:not(.menuActive) a.nav-link,
.page-id-14:not(.menuActive) a.nav-link,
.page-id-12807:not(.menuActive) span.nav-link,
.page-id-14:not(.menuActive) span.nav-link,  
.page-id-15751:not(.menuActive) a.nav-link,
.page-id-15736:not(.menuActive) a.nav-link,
.page-id-15751:not(.menuActive) span.nav-link,
.page-id-15736:not(.menuActive) span.nav-link{
color: var(--white);
transition: 0.3s all ease-in-out;
}
.page-id-12807:not(.menuActive) span.nav-link path,
.page-id-14:not(.menuActive) span.nav-link path,
.page-id-15751:not(.menuActive) span.nav-link path,
.page-id-15736:not(.menuActive) span.nav-link path{
stroke: var(--white);
transition: 0.3s all ease-in-out;
}
.page-id-12807:not(.menuActive) .navbar-expand-lg .navbar-nav .contatti.nav-item a,
.page-id-14:not(.menuActive) .navbar-expand-lg .navbar-nav .contatti.nav-item a,
.page-id-15751:not(.menuActive) .navbar-expand-lg .navbar-nav .contatti.nav-item a,
.page-id-15736:not(.menuActive) .navbar-expand-lg .navbar-nav .contatti.nav-item a{
color: var(--blue500);
background-color: var(--white);
border: 1px solid var(--blue500);
transition: 0.3s all ease-in-out;
}
.page-id-12807:not(.menuActive) .navbar-brand path,
.page-id-14:not(.menuActive) .navbar-brand path,
.page-id-12807:not(.menuActive) .navbar-brand path.hexagon,
.page-id-14:not(.menuActive) .navbar-brand path.hexagon,
.page-id-15751:not(.menuActive) .navbar-brand path,
.page-id-15736:not(.menuActive) .navbar-brand path,
.page-id-15751:not(.menuActive) .navbar-brand path.hexagon,
.page-id-15736:not(.menuActive) .navbar-brand path.hexagon{
fill: var(--white);
transition: 0.3s all ease-in-out;
}
.page-id-12807:not(.menuActive).menuFullBackground #mainMenu,
.page-id-14:not(.menuActive).menuFullBackground #mainMenu,
.page-id-15751:not(.menuActive).menuFullBackground #mainMenu,
.page-id-15736:not(.menuActive).menuFullBackground #mainMenu{
background-color: var(--blue500) !important;
}
.page-id-12807:not(.menuActive) .navbar-brand path.tree,
.page-id-14:not(.menuActive) .navbar-brand path.tree,
.page-id-15751:not(.menuActive) .navbar-brand path.tree,
.page-id-15736:not(.menuActive) .navbar-brand path.tree{
fill: var(--blue500);
transition: 0.3s all ease-in-out;
}
.page-id-12807:not(.menuActive) .menuRicerca a:after,
.page-id-14:not(.menuActive) .menuRicerca a:after,
.page-id-15751:not(.menuActive) .menuRicerca a:after,
.page-id-15736:not(.menuActive) .menuRicerca a:after{
filter: brightness(0) invert(1);
}
}
@media (max-width: 767px){
.mobileMaxWidth {
max-width: 100%;
}
#content>.page-content>.elementor>.elementor-element:first-child .animated.fadeInDown .elementor-widget-button,
.mobileMaxWidth .elementor-widget-button{
width: 100%;
}
#content>.page-content>.elementor>.elementor-element:first-child .animated.fadeInDown .elementor-widget-button .elementor-button,
.mobileMaxWidth .elementor-widget-button .elementor-button{
width: 100%;
text-align: center;
display: inline-flex;
justify-content: center;
}
#produttore .aziendeStore{
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/shape-azienda-mobile-white.png);
}
body.single-prodotti #ricontattami .bgBigShape{
padding-top: 4rem;
}
.navbar-collapse.collapse.show:before{
content: "";
background-color: #00000070;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.menu-menu-header-container,
.menu-menu-header-eng-container{
z-index: 1111;
position: relative;
background: #FFFFFF;
border-radius: 0rem 0rem 1rem 1rem;
}
.mobileBarContainer{
z-index: 11111;
background: #FFFFFF;
width: 100%;
padding: 1rem 1rem;
display: flex;
justify-content: space-between;
}
#mainMenu{
padding-top: 0;
padding-bottom: 0;
}
.subMenuBlockContainer{
top: 0 !important;
}
.scrollableRow{
max-height: 90vh;
overflow-y: scroll;
}
.scrollableRow::-webkit-scrollbar {
width: 0.7rem;
border-radius: 50px;
cursor: pointer;
} .scrollableRow::-webkit-scrollbar-track {
background: var(--blue100);
cursor: pointer;
} .scrollableRow::-webkit-scrollbar-thumb {
background: var(--neutrals700);
cursor: pointer;
border-radius: 50px;
} .scrollableRow::-webkit-scrollbar-thumb:hover {
background: var(--neutrals700);
cursor: pointer;
}
.sideObiettivi .verticalScroll .blockObiettivi{
column-count: initial;
display: flex;
flex-direction: column;
}
.bgPuglia{
padding-top: 18rem !important;
padding-bottom: 3rem !important;
}
.bgPuglia:before{
background-size: 90% auto;
background-position: top center;
}
.cardProdotti{
padding: 1rem 1rem 1rem 1rem;
}
.fakeTable .valori .riga:first-child .valore,
.fakeTable .valori .riga:last-child .valore,
.fakeTable .intestazione .testo:first-child,
.fakeTable .intestazione .testo:last-child {
border-bottom-width: 0;
height: 4rem;
}
.fakeTable{
padding: 1rem;
}
.fakeTable .intestazione{
max-width: 50%;
}
.fakeTable .valori .riga .valore, .fakeTable .intestazione .testo{
height: 9rem;
}
#primary-menu-list{
padding: 1rem;
}  
.navbar-expand-lg .navbar-nav .nav-item{
margin-bottom: 0.5rem;
}
.navbar-expand-lg .navbar-nav .nav-item:last-child{
margin-bottom: 0rem;
}
.footer{
padding: 1rem 0.5rem;
padding-top: 2rem;
}
.blockNewsletter {
padding: 1rem;
border-radius: 1rem;
}
.aziendeStore {
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/shape-azienda-mobile.png);
padding: 4rem 2rem 4rem 2rem;
}
.heroHeader1 {
padding: 1.3rem;
}
.bgBigShape {
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/shape-big-mobile.png);
padding: 1rem 1rem;
}
.heroHeader1 .inner{
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/shape-gradient-mobile.svg);
padding-top: 230%;
overflow: hidden;
}
.heroHeader1 .inner .container-fluid {
top: 35%;
}
.svgBackgroundRight{
display: none;
}
.heroHeader1 .inner .svgBackgroundLeft {
bottom: 1rem;
top: initial;
left: 0;
height: 82%;
width: auto;
right: 0;
overflow: hidden;
}
.heroHeader1 .inner .svgBackgroundLeft img{
display: none;
}
.heroHeader1 .inner .svgBackgroundLeft svg{
display: block;
height: 100% !important;
width: auto !important;
}
.map>svg{
width: 100%;
}
#cardRegione{
width: 90%;
position: fixed;
height: auto;
max-height: 60vh;
z-index: 1;
}
.inEvidenza {
top: -11rem;
right: 1.5rem;
z-index: 2;
}
.doubleExagonsOverlay:before,
.smallExagons.doubleExagonsOverlay:before{
height: calc(15rem * 1.07);
width: 15rem;
bottom: 29%;
left: -42%;
}
.doubleExagonsOverlay:after,
.smallExagons.doubleExagonsOverlay:after {
height: calc(15rem * 1.07);
width: 15rem;
bottom: -76%;
left: -6%;
}
.hexagon-grid.e-grid>.elementor-element .elementor-counter{
padding-left: 0.3rem;
}
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(1),
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(2),
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(5),
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(6){
transform: translateX(27%);
}
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(3),
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(4),
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(7),
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(8){
transform: translateX(-27%);    
}
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(3),
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(4){
margin-top: -27%;
}
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(5),
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(6){
margin-top: -54%;
}
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(7),
.hexagon-grid.e-grid.row-4>.elementor-element:nth-child(8){
margin-top: -81%;
}
}
@media (min-width: 768px) and (max-width: 1350px){
.blockObiettivi{
column-count: 2;
}
.aziendeStore{
padding: 2rem 3rem 3rem 2rem
}
.hexagon-grid.e-grid>.elementor-element .elementor-counter{
padding-left: 0.3rem;
}
#primary-menu-list{
padding: 1rem;
}
.navbar-expand-lg .navbar-nav .nav-item{
margin-bottom: 0.5rem;
}
.navbar-expand-lg .navbar-nav .nav-item:last-child{
margin-bottom: 0rem;
}
.fakeTable .valori .riga:first-child .valore,
.fakeTable .valori .riga:last-child .valore,
.fakeTable .intestazione .testo:first-child,
.fakeTable .intestazione .testo:last-child {
border-bottom-width: 0;
height: 4rem;
}
.fakeTable{
padding: 1rem;
}
.fakeTable .intestazione{
max-width: 50%;
}
.fakeTable .valori .riga .valore, .fakeTable .intestazione .testo{
height: 6rem;
}
.heroHeader1 .inner{
padding-top: 64%;
}
.heroHeader1 .inner .svgBackgroundLeft,
.heroHeader1 .inner .svgBackgroundRight{
display: none;
}
.map>svg{
width: 100%;
}
.bgCardWhite {
padding: 1rem 1rem 2rem 1rem;
}
.bgBigShape{
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/shape-big-mobile.png);
padding: 2rem;
}
.bgBigShape.md-shape-desktop{
background-image: url(//www.pharmaservice.it/wp-content/themes/pharmaservice/assets/images/shape-big.png);
padding: 5rem 2rem;
}
.cardSfide {
padding: 0 1rem 3rem 1rem;
}
.doubleExagonsOverlay:before,
.smallExagons.doubleExagonsOverlay:before{
height: calc(15rem * 1.07);
width: 15rem;
bottom: 29%;
left: -25%;
}
.doubleExagonsOverlay:after,
.smallExagons.doubleExagonsOverlay:after {
height: calc(25rem * 1.07);
width: 25rem;
bottom: -90%;
left: -6%;
}
.inEvidenza {
position: absolute;
top: -19rem;
right: 1.5rem;
}
}
@media (max-width: 768px){
.maxWidth-lg .elementor-button-link{
width: 100% !important;
display: flex;
justify-content: center;
}
}
@media (min-width: 768px){
#menu-footer-centro,
#menu-footer-centro-eng{
column-count: 2;
}
}