body {margin: 0; padding: 0; font-size: 15px; line-height: 1.5; -webkit-text-size-adjust:100%; font-family: "Noto Sans", sans-serif;font-weight:300; color:#565656;}

a {color:#113389; text-decoration: none;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s; }
a:hover, a:focus {text-decoration: none; outline: none; color:#3C9EC5}
p {line-height:1.6}
/* TYPOGRAPHY */
/* vietnamese */
@font-face {
  font-family: 'Cal Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/calsans/v2/fdN99sWUv3gWqXxqqRBTtFsm46ZwWbw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cal Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/calsans/v2/fdN99sWUv3gWqXxqqRBStFsm46ZwWbw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cal Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/calsans/v2/fdN99sWUv3gWqXxqqRBctFsm46Zw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v42/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttHOmHS91ixg0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v42/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtvXOmHS91ixg0.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v42/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtuHOmHS91ixg0.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* greek-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v42/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttXOmHS91ixg0.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v42/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtunOmHS91ixg0.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v42/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevttnOmHS91ixg0.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v42/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtt3OmHS91ixg0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v42/o-0ZIpQlx3QUlC5A4PNr4C5OaxRsfNNlKbCePevtuXOmHS91iw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aPdu3mhPy1Fig.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5ardu3mhPy1Fig.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* devanagari */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a_du3mhPy1Fig.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* greek-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aLdu3mhPy1Fig.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a3du3mhPy1Fig.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aHdu3mhPy1Fig.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5aDdu3mhPy1Fig.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosans/v42/o-0bIpQlx3QUlC5A4PNB6Ryti20_6n1iPHjc5a7du3mhPy0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.noto {font-family: "Noto Sans", sans-serif;}
.cal-sans {font-family: "Cal Sans", sans-serif;}

/* CLASSI PER RESPONSIVE */
.show-desktop {display:block}
.show-mobile {display:none}
.hide-smobile {display:block}
.show-smobile {display:none}
.no-resp {display:block}
.resp {display:none}
.mobile {display:none}
.no-mobile {display:block}

/* IMPOSTAZIONI GENERALI */
.float_left, .fl{float:left;}
.float_right, .fr{float:right;}
.clear_both, .clear{clear:both;}
.pointer, .cursor_pointer{cursor:pointer!important;}
.modal {z-index:9999}
.v-none {visibility:hidden}
/* POSIZIONI */
.rel-up {position:relative; z-index:1}
.rel-2 {position:relative; z-index:2}
.rel-sup {position:relative; z-index:3}
.rel {position:relative}
.flex-center {display: flex;align-items: center;justify-content: center;}
.flex-center-left {display: flex;align-items: center;}
.flex-center-right {display: flex;align-items: center; justify-content: flex-end;}
.flex-center-col {display: flex;align-items: center;justify-content: center; flex-direction:column}
.flex-center-col-left {display: flex; flex-direction:column; justify-content: center;}
.flex-display {display:flex}
.flex-align {display:flex; align-items: center;}
.allinea-dx {display:flex; justify-content: flex-end;}
.flex-end {display: flex; justify-content: flex-end;}

/* MARGIN E PADDING */
.no-mar, .nomar {margin:0!important;}
.no-mar-l, .nomarl {margin-left:0 !important}
.no-mar-t, .nomart {margin-top:0 !important}
.no-mar-b, .nomarb {margin-bottom:0 !important}
.no-mar-r, .nomarr {margin-right:0 !important}
.no-pad, .nopad {padding:0!important;}
.no-pad-l, .nopadl {padding-left: 0 !important;}
.no-pad-t, .nopadt {padding-top: 0 !important;}
.no-pad-b, .nopadb {padding-bottom: 0 !important;}
.no-pad-r, .nopadr {padding-right: 0 !important;}

.m-10 {margin:10px}
.mr-15 {margin:15px}
.m-20 {margin:20px}
.m-25 {margin:25px}
.m-30 {margin:30px}
.m-35 {margin:35px}
.m-40 {margin:40px}
.m-45 {margin:45px}
.m-50 {margin:50px}
.m-55 {margin:55px}
.m-60 {margin:60px}
.m-65 {margin:65px}
.m-70 {margin:75px}
.m-75 {margin:75px}
.m-80 {margin:80px}
.m-100 {margin:100px}
.m-120 {margin:120px}
.m-140 {margin:140px}

.mtb-10 {margin:10px 0}
.mtb-15 {margin:15px 0}
.mtb-20 {margin:20px 0}
.mtb-25 {margin:25px 0}
.mtb-30 {margin:30px 0}
.mtb-35 {margin:35px 0}
.mtb-40 {margin:40px 0}
.mtb-45 {margin:45px 0}
.mtb-50 {margin:50px 0}
.mtb-55 {margin:55px 0}
.mtb-60 {margin:60px 0}
.mtb-65 {margin:65px 0}
.mtb-70 {margin:70px 0}
.mtb-75 {margin:75px 0}
.mtb-80 {margin:80px 0}
.mtb-100 {margin:100px 0}
.mtb-120 {margin:120px 0}
.mtb-140 {margin:140px 0}

.mrl-10 {margin:0 10px}
.mrl-15 {margin:0 15px}
.mrl-20 {margin:0 20px}
.mrl-25 {margin:0 25px}
.mrl-30 {margin:0 30px}
.mrl-35 {margin:0 35px}
.mrl-40 {margin:0 40px}
.mrl-45 {margin:0 45px}
.mrl-50 {margin:0 50px}
.mrl-55 {margin:0 55px}
.mrl-60 {margin:0 60px}
.mrl-65 {margin:0 65px}
.mrl-70 {margin:0 70px}
.mrl-75 {margin:0 75px}
.mrl-80 {margin:0 80px}
.mrl-100 {margin:0 100px}
.mrl-120 {margin:0 120px}
.mrl-140 {margin:0 140px}

.mr-2 {margin-right:2px !important}
.mr-10 {margin-right:10px}
.mr-5imp {margin-right:10px !important}
.mr-15 {margin-right:15px}
.mr-20 {margin-right:20px}
.mr-25 {margin-right:25px}
.mr-30 {margin-right:30px}
.mr-35 {margin-right:35px}
.mr-40 {margin-right:40px}
.mr-45 {margin-right:45px}
.mr-50 {margin-right:50px}
.mr-55 {margin-right:55px}
.mr-60 {margin-right:60px}
.mr-65 {margin-right:65px}
.mr-70 {margin-right:70px}
.mr-75 {margin-right:75px}
.mr-80 {margin-right:80px}
.mr-100 {margin-right:100px}
.mr-120 {margin-right:120px}
.mr-140 {margin-right:140px}

.ml-10 {margin-left:10px}
.ml-15 {margin-left:15px}
.ml-20 {margin-left:20px}
.ml-25 {margin-left:25px}
.ml-30 {margin-left:30px}
.ml-35 {margin-left:35px}
.ml-40 {margin-left:40px}
.ml-45 {margin-left:45px}
.ml-50 {margin-left:50px}
.ml-55 {margin-left:55px}
.ml-60 {margin-left:60px}
.ml-65 {margin-left:65px}
.ml-70 {margin-left:70px}
.ml-75 {margin-left:75px}
.ml-80 {margin-left:80px}
.ml-100 {margin-left:100px}
.ml-120 {margin-left:120px}
.ml-140 {margin-left:140px}

.mt-10 {margin-top:10px}
.mt-15 {margin-top:15px}
.mt-20 {margin-top:20px}
.mt-25 {margin-top:25px}
.mt-30 {margin-top:30px}
.mt-35 {margin-top:35px}
.mt-40 {margin-top:40px}
.mt-45 {margin-top:45px}
.mt-50 {margin-top:50px}
.mt-55 {margin-top:55px}
.mt-60 {margin-top:60px}
.mt-65 {margin-top:65px}
.mt-70 {margin-top:70px}
.mt-75 {margin-top:75px}
.mt-80 {margin-top:80px}
.mt-100 {margin-top:100px}
.mt-120 {margin-top:120px}
.mt-140 {margin-top:140px}

.mb-10 {margin-bottom:10px}
.mb-15 {margin-bottom:15px}
.mb-20 {margin-bottom:20px}
.mb-25 {margin-bottom:25px}
.mb-30 {margin-bottom:30px}
.mb-35 {margin-bottom:35px}
.mb-40 {margin-bottom:40px}
.mb-45 {margin-bottom:45px}
.mb-50 {margin-bottom:50px}
.mb-55 {margin-bottom:50px}
.mb-60 {margin-bottom:60px}
.mb-65 {margin-bottom:65px}
.mb-70 {margin-bottom:70px}
.mb-75 {margin-bottom:75px}
.mb-80 {margin-bottom:80px}
.mb-100 {margin-bottom:100px}
.mb-120 {margin-bottom:120px}
.mb-140 {margin-bottom:140px}

.p-10 {padding:10px}
.p-15 {padding:15px}
.p-20 {padding:20px}
.p-25 {padding:25px}
.p-30 {padding:30px}
.p-35 {padding:35px}
.p-40 {padding:40px}
.p-45 {padding:45px}
.p-50 {padding:50px}
.p-55 {padding:55px}
.p-60 {padding:60px}
.p-65 {padding:65px}
.p-70 {padding:70px}
.p-75 {padding:75px}
.p-80 {padding:80px}
.p-100 {padding:100px}
.p-120 {padding:120px}
.p-140 {padding:140px}

.ptb-10 {padding:10px 0}
.ptb-15 {padding:15px 0}
.ptb-20 {padding:20px 0}
.ptb-25 {padding:25px 0}
.ptb-30 {padding:30px 0}
.ptb-35 {padding:35px 0}
.ptb-40 {padding:40px 0}
.ptb-45 {padding:45px 0}
.ptb-50 {padding:50px 0}
.ptb-55 {padding:55px 0}
.ptb-60 {padding:60px 0}
.ptb-65 {padding:65px 0}
.ptb-70 {padding:70px 0}
.ptb-75 {padding:75px 0}
.ptb-80 {padding:80px 0}
.ptb-100 {padding:100px 0}
.ptb-120 {padding:120px 0}
.ptb-140 {padding:140px 0}

.prl-10 {padding:0 10px}
.prl-15 {padding:0 15px}
.prl-20 {padding:0 20px}
.prl-25 {padding:0 25px}
.prl-30 {padding:0 30px}
.prl-35 {padding:0 35px}
.prl-40 {padding:0 40px}
.prl-45 {padding:0 45px}
.prl-50 {padding:0 50px}
.prl-55 {padding:0 55px}
.prl-60 {padding:0 60px}
.prl-65 {padding:0 65px}
.prl-70 {padding:0 70px}
.prl-75 {padding:0 75px}
.prl-80 {padding:0 80px}
.prl-100 {padding:0 100px}
.prl-120 {padding:0 120px}
.prl-140 {padding:0 140px}

.pr-10 {padding-right:10px}
.pr-15 {padding-right:15px}
.pr-20 {padding-right:20px}
.pr-25 {padding-right:25px}
.pr-30 {padding-right:30px}
.pr-35 {padding-right:35px}
.pr-40 {padding-right:40px}
.pr-45 {padding-right:45px}
.pr-50 {padding-right:50px}
.pr-55 {padding-right:55px}
.pr-60 {padding-right:60px}
.pr-65 {padding-right:65px}
.pr-70 {padding-right:70px}
.pr-75 {padding-right:75px}
.pr-80 {padding-right:80px}
.pr-100 {padding-right:100px}
.pr-120 {padding-right:120px}
.pr-140 {padding-right:140px}

.pl-10 {padding-left:10px}
.pl-15 {padding-left:15px}
.pl-20 {padding-left:20px}
.pl-25 {padding-left:25px}
.pl-30 {padding-left:30px}
.pl-35 {padding-left:35px}
.pl-40 {padding-left:40px}
.pl-45 {padding-left:45px}
.pl-50 {padding-left:50px}
.pl-55 {padding-left:55px}
.pl-60 {padding-left:60px}
.pl-65 {padding-left:65px}
.pl-70 {padding-left:70px}
.pl-75 {padding-left:75px}
.pl-80 {padding-left:80px}
.pl-100 {padding-left:100px}
.pl-120 {padding-left:120px}
.pl-140 {padding-left:140px}

.pt-10 {padding-top:10px}
.pt-15 {padding-top:15px}
.pt-20 {padding-top:20px}
.pt-25 {padding-top:25px}
.pt-30 {padding-top:30px}
.pt-35 {padding-top:35px}
.pt-40 {padding-top:40px}
.pt-45 {padding-top:45px}
.pt-50 {padding-top:50px}
.pt-55 {padding-top:55px}
.pt-60 {padding-top:60px}
.pt-65 {padding-top:65px}
.pt-70 {padding-top:70px}
.pt-75 {padding-top:75px}
.pt-80 {padding-top:80px}

.pb-10 {padding-bottom:10px}
.pb-15 {padding-bottom:15px}
.pb-20 {padding-bottom:20px}
.pb-25 {padding-bottom:25px}
.pb-30 {padding-bottom:30px}
.pb-35 {padding-bottom:35px}
.pb-40 {padding-bottom:40px}
.pb-45 {padding-bottom:45px}
.pb-50 {padding-bottom:50px}
.pb-55 {padding-bottom:55px}
.pb-60 {padding-bottom:60px}
.pb-65 {padding-bottom:65px}
.pb-70 {padding-bottom:70px}
.pb-75 {padding-bottom:75px}
.pb-80 {padding-bottom:80px}
.pb-100 {padding-bottom:100px}
.pb-120 {padding-bottom:120px}
.pb-140 {padding-bottom:140px}

/* ALTEZZE E LARGEZZE */
.w-auto {width:auto}
.h-auto {height:auto}

/* TITOLI, TESTI, LISTE */
.h1, .h2, .h3, h1, h2, h3, h4 {margin-top: 20px;margin-bottom: 20px; font-family: "Cal Sans", sans-serif; color:#4C515F}
.title-h1 {font-size:50px; font-weight:600; margin-top:0; margin-bottom:0;}
.title-h2 {font-size:40px; font-weight:400; margin-top:0; margin-bottom:30px;}
.title-h3 {font-size:30px; font-weight:400; margin-top:0; margin-bottom:0;}
.title-h4	{font-size:18px; color:#021A30; margin-top:0; margin-bottom:10px}
.intro .title-h1 {color:#B08D57}
ul.checked {list-style-type: none; padding-left:10px;}
.checked li {position: relative; padding-left: 20px; margin-bottom:10px}
.checked li:before {content: "\f375"; font-family: Ionicons; font-style: normal; font-weight: 400; text-decoration: inherit; position: absolute; left: 0;}
.upper{text-transform:uppercase;}
.bold{font-weight:700;}
.underline{text-decoration:underline;}
.light-text {color:#fff;}
.text-small {font-size:14px}
.text-xsmall {font-size:13px}
.text-upper {text-transform: uppercase;}
/* CONTENITORI E SFONDI*/
.container {padding-right: 15px;padding-left: 15px;}
.container-fluid {padding-left:0px;padding-right:0px;}
.row{margin-left:0;margin-right:0;}
.centered {text-align:center}
.rightend {text-align:right}
.leftend {text-align:left}
.white-bg{background-color:#fff;}
.grey-bg{background-color:#f1f1f1}
.light-grey-bg{background-color:#fbfbfb}
.white-bg-sfuma {background: linear-gradient(#fefefe, #fff);}
.white-bg-sfumatrasp {background: linear-gradient(0.25turn, #fff 40%, rgba(255,255,255,0));}
.border-dark {border-color: #979797!important;}

/* BOTTONI */
.button a {text-decoration:none;}
a.btn-main, button.btn-main, .footer a.btn-main {background-color:#3C9EC5; display: flex;align-items: center;justify-content: center; color:#fff; padding: 5px 5px 5px 35px; border-radius:50px; font-size:15px; font-family: "Noto Sans", sans-serif; text-transform: uppercase;}
a.btn-main i, button.btn-main i {background-color:#fff; color:#4C515F; border-radius:50px; font-size:20px; height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; margin-left:10px}
a.btn-main:hover, button.btn-main:hover {background-color:#113389;}
.footer a.btn-main:hover {color:#fff}
a.btn-main.btn-dark, button.btn-main.btn-dark {background-color:#113389; color:#fff}
a.btn-main.btn-dark:hover, button.btn-main.btn-dark:hover {background-color:#3C9EC5; color:#fff}
button.btn-main {border:0}
a.btn-out, button.btn-out {background-color:transparent; border:1px solid #EA5B1F; border-radius:50px; color:#333; padding: 5px 30px; font-size:15px;}
a.btn-out:hover, button.btn-out:hover  {background-color:#EA5B1F; color:#fff}
a.btn-checkout, button.btn-checkout {background-color:#B08D57; border:1px solid #B08D57; border-radius:50px; color:#000; padding: 10px 60px; font-size:15px; letter-spacing:1px}
a.btn-checkout:hover, button.btn-checkout:hover  {background-color:#DABF8E; color:#000}
a.btn-text, span.btn-text {font-size:15px; color:#212F8E; font-weight:600; position:relative}
a.btn-text:before, span.btn-text:before {content:"";width:100%; height:1px; transform: scaleX(0); background-color:#EA5B1F; position:absolute; bottom:-5px; left:0px; transform-origin: bottom left;
transition: transform 0.25s ease-out;}
a.btn-text:hover {color:#6A75C2}
a.btn-text:hover:before {transform: scaleX(1.3); transform-origin: bottom left;}
a.btn-text.btn-w {color:#fff;}
a.btn-text.btn-w:hover  {color:#B08D57}
button:active, button:focus {outline: none;border: none;}
.play-btn {border:none; background-color:transparent; font-size:60px; transition: all 1.3s}
.play-btn:hover {transform: scale(1.1)}
a.btn-circle, button.btn-circle {color:#262626; font-weight:300; text-transform:uppercase; display: flex; align-items: center; justify-content: center; cursor:pointer}
a.btn-circle i, button.btn-circle i {background-color:#EA5B1F; color:#fff; border-radius:50px; font-size:36px; padding:2px; margin-left:20px; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;}
button.btn-circle {border:0; background-color:transparent}
a.btn-circle:hover, button.btn-circle:hover  {color:#EA5B1F}
a.btn-circle:hover i, button.btn-circle:hover i {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
a.btn-circle.btn-light, button.btn-circle.btn-light {color:#fff}
a.btn-circle.btn-light i, button.btn-circle.btn-light i {background-color:#fff;color:#EA5B1F}
a.btn-circle:hover, button.btn-circle:hover {color:#262626}
.bottoni-footer {margin:30px 0}
/* EFFETTI */
.zoom{transform: perspective(1px) translateZ(0px);transition-duration: 0.6s;}
.zoom:hover{transform: scale(1.1);transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);	}

/* CSS SCRIPT */
.blueimp-gallery>.close, .blueimp-gallery>.next, .blueimp-gallery>.play-pause, .blueimp-gallery>.prev, .blueimp-gallery>.slides>.slide>.slide-content {color:#fff !important}
.owl-theme .owl-dots .owl-dot.active span {width:30px !important; height:7px; background:#4C515F !important}
.owl-theme .owl-dots .owl-dot:hover span {background:#4C515F !important}
.owl-theme .owl-dots .owl-dot span {background:rgba(76, 81, 95, 0.6) !important; height:7px !important; width:18px !important}
.flickity-page-dots .dot {background:#E9E9E9; opacity:1 !important; width:30px;height:8px; border-radius:4px}
.flickity-page-dots .dot.is-selected {background:#20628F !important;}
.flickity-prev-next-button.previous {left:-60px}
.swal2-icon.swal2-success {border-color: #B08D57; color:#B08D57}
.swal2-icon.swal2-success .swal2-success-ring {border:.25em solid rgba(183,153,97,.3) !important}
.swal2-title {font-weight:400 !important}
.swal2-styled.swal2-confirm {background-color:#B08D57 !important; border-radius:50px !important; padding:10px 35px; border:0 !important; box-shadow:none !important}
.swal2-icon.swal2-success [class^=swal2-success-line] {background-color:#B08D57 !important}
/* HEADER TOOLBAR */
.header-toolbar {background-color:#52A986;position:relative}
.header-toolbar .navbar {padding:3px 10px}
.header-toolbar .navbar-dark .navbar-nav .nav-link {color:#fff;font-size:13px;}
.header-toolbar .navbar-dark .navbar-nav .nav-link:hover {color:#E78551}
.header-toolbar [class^="flaticon-"]:before, .header-toolbar [class*=" flaticon-"]:before, .header-toolbar [class^="flaticon-"]:after, .header-toolbar [class*=" flaticon-"]:after {font-size:15px}

/* HEADER*/
.droopmenu-right {padding-right:60px}
.header-menu {background-color:#fff;position:relative}
.header-menu .logo-header {width:110px}
.droopmenu > li.special-item {height:81px}
.droopmenu > li.special-item > a {background-color:#5DCBA0; border-radius:100px; height: auto; line-height: 1.3; padding: 10px 20px;}
.droopmenu > li.special-item:hover > a {background-color:#E78551; color:#fff}
.droopmenu ul.droopmenu-grid ul.big-menu-col {display:flex; flex-wrap:wrap}
.droopmenu li .big-menu-col.col-spec li {width:33.33%}
.droopmenu li .big-menu-col li {width:50%}
.droopmenu li li.titolo-big-col {width:100%}
.droopmenu-showbg .ham-menu a.text-rotate	{display:none}
.droopmenu-extra .droopmenu {display:flex; flex-direction:column}
.ico-footer-aperto {display:none}

/* HAMBURGER MENU*/
.colorlib-table .droopmenu .div-menu, .colorlib-table .droopmenu .div-menu:hover {border:0; border-radius:0}
.colorlib-table-cell  .droopmenu-brand img {margin-top:20px}
.hb-menu {padding:80px 0}
.hb-menu .row-menu {width:100%}
.hb-menu .row-menu .menu-col {padding:10px 0 30px 0}
.hb-menu .row-menu .menu-col.middle-col {padding:10px 0 30px 60px}
.hb-menu .row-menu .menu-col h4 {color:#fff; font-weight:600; font-size:20px; margin-bottom:15px; margin-top:20px; text-transform:uppercase;}
.hb-menu .row-menu .menu-col .second-level h5, .hb-menu .row-menu .menu-col .second-level h5 a {color:#021A30; font-weight:500; font-size:18px;position:relative; margin-bottom:5px}
.hb-menu .row-menu .menu-col .second-level h5 a {padding-left:0}
.hb-menu .row-menu .menu-col .second-level h5 a:before {left: -15px;}
.hb-menu .row-menu .menu-col .second-level a {padding-left:20px}
.hb-menu .row-menu .menu-col .second-level a:before {left:5px}
.hb-menu .row-menu .menu-col .second-level {margin-bottom:20px; padding-left:20px}
.hb-menu .row-menu .menu-col .third-level {margin-bottom:20px; padding-left:15px}
.hb-menu .row-menu .menu-col .third-level h5, .hb-menu .row-menu .menu-col .third-level h5 a {color:#021A30; font-weight:500; font-size:18px;position:relative;  margin-bottom:5px; padding-left:20px}
.hb-menu .row-menu .menu-col .third-level h5 a:before {left: -15px;}
.hb-menu .row-menu .menu-col .third-level h5 a:hover, .hb-menu .row-menu .menu-col .second-level h5 a:hover {color:#fff;}
.hb-menu .row-menu .menu-col .third-level h5 a {padding-left:0}
.hb-menu .row-menu .menu-col .third-level a {padding-left:40px}
.hb-menu .row-menu .menu-col .third-level a:before {left:25px}
.hb-menu a {color:#fff;}
.hb-menu a:hover,.hb-menu .menu-col a.active {color:#3C9EC5;}
.hb-menu .menu-col.in-col {padding-left:40px}
.hb-menu .menu-col a {display:block; font-size:15px; position:relative; padding-left:40px; padding-bottom:10px}
.hb-menu .menu-col a:before {content: "\f3d3"; font-family: Ionicons; font-style: normal; font-weight: 400; text-decoration: inherit; position: absolute; left: 20px;}
.hb-menu .menu-col h4 a {padding-left:0; padding-bottom:0; font-size:20px}
.hb-menu .menu-col h4 a:hover {color:#3C9EC5}
.hb-menu .menu-col h4 a.active {color:#fff;}
.hb-menu .menu-col h4 a:before {display:none;}
.hb-menu .menu-col a.sub-link {text-transform:inherit; padding-left:20px; font-size:20px}
.ham-menu .ham-menu-cont {position:relative;}
.ham-menu a.text-rotate {color:#fff; text-transform:uppercase; -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
	position: absolute;
	top: 165px;
	left: 3px;
	width: 120px;
	font-size: 18px;}
.ham-menu a.text-rotate:hover {letter-spacing:.7px}
.droopmenu-showbg .ham-menu a.text-rotate	{display:none}

/* MENU LANG*/
.lang-sel.mobile-lang {display:none}
.droopmenu .div-menu .lang-sel{
	color:#fff;
	text-transform:uppercase;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	letter-spacing:1px;
	padding:0 15px;
	display: flex;
  align-items: center;
  justify-content: center;
	height:81px;
	font-size:25px;
}
.langselect {
	border:0px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	padding:0px;
	padding-left:8px !important;
	box-shadow:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/arrow.svg) 60px / 10px no-repeat transparent;
	padding-right: 20px;
}
select.langselect {margin-bottom:0}
select.langselect:focus {outline: none;outline-width: 0;}
select::-ms-expand {
    display: none;
}
.langselect option{color:#000;}
.lang-mobile {display:none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.droopmenu-dmopen .lang-mobile {display:block; position: absolute; top: 10px; left: 10px; z-index: 999999; width: 100px;}
.lang-menu {line-height: 81px; height: 81px; width:50px;}
.droopmenu-showbg .lang-menu {line-height: 61px; height: 61px;}

/* banner home page*/
.carousel-item {
  height: 500px;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	overflow:hidden;
}

/* banner video home page*/
.cont-video {height: 800px; min-height:500px; position:relative; background-color:#23283B; color:#fff;}
.video-home {
    position: relative;
    background-color: #191717;
    height: 800px;
    min-height: 500px;
    overflow: hidden
}
.video-home video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.video-home .container {
    position: relative;
    z-index: 2
}

.video-home .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(0.125turn, rgba(27, 37, 57, 0.7), rgba(109, 123, 146, 0.5));
    z-index: 1
}
/* HOME */
.header-title {width:55%; padding:60px 0 0 0; position:relative; z-index:2}
.header-title span {color:#3C9EC5; font-size:18px; font-family: "Cal Sans", sans-serif; letter-spacing: 1px; text-transform: uppercase;}
.header-title .title-h1 {color:#fff; font-size:44px; margin-top:10px; letter-spacing: 3px}
.header-title .title-h2 {font-size:36px; color:#fff; letter-spacing: 2px}
.section.section-products-home {background: linear-gradient(0.105turn,#fff, #DBDFE8); padding:0 0 100px 0; position:relative;}
.section.section-products-home:before {content:""; width:100%; height:100%; background-image:url(../images/linee-intro-products.svg); background-size:cover; background-position:center; position:absolute; bottom:0; left:0; opacity:0.3; z-index:0}
.section.section-products-home .intro {padding:0 50px 0 20px}
.section.section-products-home .intro span {font-size:18px; color:#3C9EC5; font-family: "Cal Sans", sans-serif; letter-spacing: 1px; margin-bottom:15px; text-transform:uppercase;}
.section.section-products-home .intro p {margin-bottom:0}
.section.section-products-home .intro .btn-container {padding-top:50px}
.section-products-home .carousel-box {margin-top:-100px; z-index:1}
.flickity-button {background:#3C9EC5; color:#fff; opacity:.5}
.flickity-button:hover {background:#113389; opacity:1}
.flickity-prev-next-button {top:inherit; bottom:0}
.flickity-prev-next-button.previous {bottom:70px}
.flickity-prev-next-button.next {right:inherit; left:-60px}
.carousel-cell.item-cat {width:44%; margin-right:2px;}
.item-cat {overflow:hidden}
.item-cat a .latest-img {height:700px; overflow:hidden; position:relative;}
.item-cat a .latest-img:before {content:""; width:100%; height:100%; background-color:rgba(1, 4, 14, 0.2); position:absolute; bottom:0; left:0; z-index:1}
.item-cat a .latest-img img {-o-object-fit: cover; object-fit: cover; object-position:center center; width:100%; height:100%; transition: all 1.3s;}
.item-cat a:hover .latest-img img {transform: scale(1.4); filter: grayscale(100%);}
.item-cat a .latest-title {background-color:#fff; position:absolute; bottom:0; left:0; padding:30px; width:80%; min-height:240px; z-index:1}
.item-cat a .latest-title h3 {color:#4C515F; font-size:20px; margin-bottom:15px; position:relative; text-transform:uppercase;}
.item-cat a .latest-title p {color:#565656; margin-bottom:0; padding-bottom:0}
.item-cat a .latest-title .text-cta {color:#113389; font-weight:500; position:relative;}
.item-cat a:hover .latest-title h3 {color:#113389}
.section.section-applications {color:#fff; padding:100px 0 300px 0; position:relative; background-image:url(../images/bg-app-home.jpg); background-size:cover; background-position: center center;}
.section.section-applications:before {content:""; width:100%; height:100%; background-color:rgba(17, 51, 137, 0.8); position:absolute; top:0; left:0; z-index:0}
/*.section.section-applications:after {content:""; width:100%; height:100%; background-image:url(../images/linee-app.svg); background-size:cover; background-position:center; position:absolute; bottom:0; left:0; z-index:1}*/
.section.section-applications .intro {padding:0 0 0 30px}
.section.section-applications .intro .title-h2 {color:#fff}
.section.section-applications .intro .btn-container {padding-top:30px}
.cont-car-app {padding-left:60px}
.section.section-applications .box-app {background-color:#0B2463; height:320px}
.section.section-applications .box-app a .cont-box-app, .section.section-applications .box-app span .cont-box-app {color:#fff; display: flex;align-items: center;justify-content: center; flex-direction:column; padding:40px 30px; text-align: center}
.section.section-applications .box-app a .cont-box-app img {width:76px; margin-bottom:20px}
.section.section-applications .box-app span .cont-box-app img {width:60px; margin-bottom:0px}
.section.section-applications .box-app a .cont-box-app h3 {color:#fff; font-size:18px; letter-spacing: 1px; margin-bottom:20px}
.section.section-applications .box-app span .cont-box-app h3 {color:#fff; font-size:15px; letter-spacing: 1px; margin-bottom:20px}
.section.section-applications .box-app a .cont-box-app .text-cta {color:#3C9EC5; font-weight:500; opacity:0; transition: all 1.3s;}
.section.section-applications .box-app a:hover .cont-box-app .text-cta {opacity:1}
.section.section-applications .box-app:hover {background-color:rgba(11, 36, 99, 0.7)}
.section-numeri {position:relative; margin-top:-210px; z-index:2}
.section-numeri:before {content: ""; width: 50%; height: 560px; background-color: #37383B; position: absolute; top: 0; left: 0; z-index: 1;}
.cont-bg-dark {background-color:#37383B; height:560px; color:#fff; padding:50px 30px}
.carousel-numeri .carousel-cell {width:100%}
.cont-bg-dark .title-h2 {color:#fff}
.cont-numero {padding-right:60px}
.cont-numero h3 {color:#3C9EC5; font-size:20px; text-transform:uppercase; margin-bottom:15px; margin-top:0}
.section.section-benefit-home {background: linear-gradient(0.105turn,#fff, #DBDFE8); padding:0; position:relative; margin-top:-350px}
.section.section-benefit-home:before {content:""; width:100%; height:100%; background-image:url(../images/linee-benefit.svg); background-size:cover; background-position:0 80px; position:absolute; top:0; left:0; opacity:0.1; z-index:0}
.section.section-benefit-home .intro {padding:450px 350px 80px 30px}
.cont-carousel-benefit {padding-right:80px; padding-bottom:240px}
.img-banefits {height:100%}
.img-banefits img {-o-object-fit: cover; object-fit: cover; object-position:center center; width:100%; height:100%;}
.carousel-benefit .carousel-cell {width:48%; margin-right:20px; background-color:#fff; padding:30px; min-height:345px}
.carousel-benefit .carousel-cell img {width:60px; margin-bottom:30px}
.carousel-benefit .carousel-cell h3 {color:#4C515F; font-size:18px; letter-spacing: 1px; margin-bottom:15px}
.carousel-benefit .flickity-prev-next-button.previous {left:0}
.carousel-benefit .flickity-prev-next-button.previous {bottom:-110px}
.carousel-benefit .flickity-prev-next-button.next {left:60px; bottom:-110px}
.carousel-chart .carousel-cell {width:100%; outline:none;}
.box-numeri-home {position:relative}
.box-numeri-home .title-slide {position:absolute; top:20px; left:0}
.slide-right{position:relative;}
.chart-line{fill:none;stroke-width:2;stroke-linecap:round;}
.line-white{stroke:#ffffff;}
.line-blue{stroke:#39a9c6;}
.chart-line{stroke-dasharray: var(--dash, 1000); stroke-dashoffset: var(--dash, 1000); transition: stroke-dashoffset 1.4s ease-in-out;}
.line-white { stroke: #ffffff; opacity: 0.6; }
.line-blue { stroke: #3C9EC5; opacity: 0.8; }
.kpi {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.numero-kpi {display:flex; padding-bottom:10px}
.numero-kpi .label-kpi {font-family: "Cal Sans", sans-serif; writing-mode: vertical-rl; transform: rotate(180deg); font-size: 12px; letter-spacing: 1px; color: rgba(255,255,255,0.6); text-transform: uppercase;}
.numero-kpi .kpi-value {font-size:110px; font-family: "Cal Sans", sans-serif; padding-left:10px; color:#fff; line-height:0.8}
.numero-kpi .add-value {font-size:110px; font-family: "Cal Sans", sans-serif; padding-left:10px; color:#fff; line-height:0.8}
.desc-kpi {font-family: "Cal Sans", sans-serif; font-size:20px; color:#B3B3B3; padding-left:40px; letter-spacing:1px}
.kpi-slider .flickity-prev-next-button.previous {left:0}
.kpi-slider .flickity-prev-next-button.previous {bottom:0}
.kpi-slider .flickity-prev-next-button.next {left:60px}
.section.section-magazine-home {padding:0 0 100px 0; position:relative; background-image:url(../images/bg-magazine.webp); background-size:cover;}
.section.section-magazine-home:before {content:""; width:100%; height:100%; background-color:rgba(17, 51, 137, 0.8); position:absolute; top:0; left:0; z-index:0}
.magazine-container {background: linear-gradient(0.25turn, #FCFCFD, #F3F4F7); padding:60px 0 100px 100px}
.section .magazine-container .intro {padding:0 0 60px 0}
.carousel-cell.box-news{width:38%; margin-right:26px; height:auto; background-color:#EAEEF0; overflow: hidden}
.carousel-cell.box-news a .img-box-list {overflow: hidden; height:295px; position:relative}
.carousel-cell.box-news a .img-box-list img {-o-object-fit: cover; object-fit: cover; object-position:center center; width:100%; height:100%; transition: all 1.3s;}
.carousel-cell.box-news a:hover .img-box-list img {transform: scale(1.4); filter: grayscale(100%);}
.carousel-cell.box-news a .cont-box-list {position:relative; bottom:inherit; left:inherit; display: flex; flex-direction:column; width:100%; padding:30px 25px 40px 25px}
.carousel-cell.box-news a .cont-box-list .date {color:#113389; font-weight:400}
.carousel-cell.box-news a .cont-box-list h3 {color:#4C515F; font-size:20px; text-transform: uppercase; font-weight:400}
.carousel-cell.box-news a:hover .cont-box-list h3 {color:#113389}
.carousel-cell.box-news a .cont-box-list .text-cta {color:#113389; font-weight:500; position:relative;}
.cta-home {padding-top:100px; color:#fff}
.cta-home .intro-cta {padding-right:360px}
.cta-home h2.title-h2 {color:#fff}
.cta-home p {font-size:18px; margin-bottom:0}
.cta-home .btn-container {padding-top:40px}
.section.section-loghi {background: linear-gradient(0.105turn,#fff, #DBDFE8); position:relative}
.section-loghi h4 {margin-top:0; margin-bottom:0; font-size:22px; letter-spacing: 1px}
.carousel-marchi {margin-top:60px}
.carousel-marchi .logo-img {padding:0px}
.carousel-marchi .logo-img img {object-fit: contain; object-position: center center; width: 100%; height: 100%; filter: grayscale(1);}
.carousel-marchi .logo-img img:hover {filter:inherit}
/* INTERNE */
.banner-interno {background-size:cover; height:600px; position:relative; background-color:#1E3266; background-position:center center}
.banner-interno:before {content:""; width:100%; height:100%; background: linear-gradient(0.125turn, rgba(30, 50, 102, 0.7), rgba(113, 134, 173, 0.5)); position:absolute; top:0; left:0; z-index:0}
.banner-interno:after {content:""; width:100%; height:100%; background-image:url(../images/linee-banner.svg); background-size:cover; background-position:center; position:absolute; bottom:0; left:0; opacity:0.6; z-index:1}
.banner-interno.banner-no-img {height:400px}
.page-dettaglio .banner-interno:before {content:""; width:100%; height:100%; background: linear-gradient(0.125turn, rgba(27, 37, 57, 0.7), rgba(109, 123, 146, 0.5)); position:absolute; top:0; left:0; z-index:0}
.titolo-int {position:relative; z-index:1}
.titolo-int .cap-tit {color:#fff; font-size:18px; font-family: "Cal Sans", sans-serif; letter-spacing: 1px; text-transform: uppercase;}
.titolo-int h1.title-h1 {color:#fff; font-size:44px; margin-bottom:30px; letter-spacing: 1px}
.titolo-int h2.title-h2 {color:#fff; font-size:24px; letter-spacing:1px}
.img-banner-int {width:100%; height:450px; margin-top:-180px}
.img-banner-int img {object-fit: cover; object-position: center center; width: 100%; height: 100%;}
.bg-list-image {height:100%; position:relative}
.bg-list-image:before {content:""; width:100%; height:100%; background-color:rgba(11, 36, 99, 0.9); position:absolute; top:0; left:0}
.bg-list-image img {object-fit: cover; object-position: center center; width: 100%; height: 100%;}
.section {padding:100px 0}
.section .intro {padding:40px}
.section.section-text-int {background: linear-gradient(0.105turn,#fff, #DBDFE8); padding:0; position:relative;}
.section.section-text-int .intro {padding:60px 50px 0 15px}
.section.section-text-int .intro span {font-size:18px; color:#3C9EC5; font-family: "Cal Sans", sans-serif; letter-spacing: 1px; margin-bottom:15px}
.section.section-text-int .intro .btn-container {padding-top:50px}
.list-products {padding:60px 0 100px}
.list-products .item-cat {margin-bottom:30px}
.list-products .item-cat a .latest-img {height:600px; overflow:hidden; position:relative;}
.list-products .item-cat a .latest-title {background-color:#fff; position:absolute; bottom:0; left:0; padding:30px; width:80%; min-height:240px; height:300px; z-index:1; transition: transform 250ms;}
.list-products .item-cat a .latest-title h3 {color:#4C515F; font-size:20px; margin-bottom:15px; position:relative; text-transform:uppercase; bottom:0; transition: transform 250ms;}
.list-products .item-cat a .latest-title p {color:#565656; margin-bottom:0; padding-bottom:20px; bottom:0; transition: transform 250ms;}
.list-products .item-cat a .latest-title .cont-hover {color:#565656; position:relative; opacity:0; bottom:-150px; padding:20px 0; transition: transform 250ms;}
.list-products .item-cat a:hover .latest-title {height:auto}
.list-products .item-cat a:hover .latest-title h3 {transform: translateY(0px);}
.list-products .item-cat a:hover .latest-title p {transform: translateY(0px);}
.list-products .item-cat a:hover .latest-title .cont-hover {opacity:1;transform: translateY(-180px);}
.list-products .item-cat span .latest-img {height:600px; overflow:hidden; position:relative;}
.list-products .item-cat span .latest-img:before {content:""; width:100%; height:100%; background-color:rgba(11, 36, 99, 0.9); position:absolute; bottom:0; left:0; z-index:1}
.list-products .item-cat span .latest-img img {-o-object-fit: cover; object-fit: cover; object-position:center center; width:100%; height:100%; transition: all 1.3s;}
.list-products .item-cat span:hover .latest-img img {transform: scale(1.4); filter: grayscale(100%);}
.list-products .item-cat span .latest-title {background-color:#fff; position:absolute; bottom:0; left:0; padding:30px; width:80%; min-height:240px; z-index:1}
.list-products .item-cat span .latest-title h3 {color:#4C515F; font-size:20px; margin-bottom:15px; position:relative; text-transform:uppercase;}
.list-products .item-cat span .latest-title p {color:#565656; margin-bottom:0; padding-bottom:20px}
.section.section-cta-int {color:#fff; position:relative; background-color:#37383B;}
.section.section-cta-int.blu-cta {color:#fff; position:relative; background-color:#0B2463;}
.section.section-cta-int:after {content:""; width:100%; height:100%; background-image:url(../images/linee-app.svg); background-size:cover; background-position:center; position:absolute; bottom:0; left:0; opacity:0.3; z-index:1}
.section.section-cta-int .intro {padding:0 0 0 30px}
.section.section-cta-int .intro h2.title-h2 {color:#fff}
.section.section-cta-int .intro .p {color:#fff}
.section.section-cta-int .intro .btn-container {padding-top:30px}
.section-breadcrumbs {padding-top:15px; padding-bottom:15px; text-align:right;}
.testo-backend h2 {font-size:40px; font-weight:400; margin-top:20px; margin-bottom:30px;}
.testo-backend h3 {font-size:30px; font-weight:400; margin-top:20px; margin-bottom:0;}
.testo-backend img {max-width: 100%; height: auto; margin:40px 0}
.testo-backend p {margin-bottom:0; padding-bottom:20px}
.testo-backend ul {list-style-type: none; padding-left:10px;}
.testo-backend li {position: relative; padding-left: 20px; margin-bottom:10px}
.testo-backend li:before {content: "\f375"; font-family: Ionicons; font-style: normal; font-weight: 400; text-decoration: inherit; position: absolute; left: 0;}
.loghi-include.cta .cont-cta {padding-right:0}
.loghi-include.cta .box-cta-home {padding:40px}
.loghi-include.cta {height:100%}
.loghi-include.cta:before {height:100%}
.loghi-include .con-red-cta {height:100%}
/* ABOUT */
.about-page .carousel-box {padding:60px 0}
.about-page .carousel-box .box-news span .img-box-list {overflow: hidden; height:225px; position:relative}
.about-page .carousel-box .box-news span .cont-box-list h3 {font-size:18px}
.about-page .section.section-text-int .intro {padding:60px 50px 100px 0px}
.about-page .section.section-cta-int .intro {padding:0 60px 0 30px}
.img-about {height:500px; position:relative}
.img-about img {-o-object-fit: cover; object-fit: cover; object-position:center center; width:100%; height:100%;}
.capitolo {padding-top:60px}
/* BENEFITS */
.section.section-benefit-intro {background: linear-gradient(0.105turn,#fff, #DBDFE8); padding:0; position:relative;}
.section.section-benefit-intro.normal-grad {background: linear-gradient(#DBDFE8, #fff); padding:0; position:relative;}
.section.section-benefit-intro .intro {padding:100px 100px 100px 30px}
.section.section-challenge {color:#fff; position:relative; background-color:#37383B;}
.section.section-challenge h2.title-h2 {color:#fff}
.box-challenge {position:relative}
.box-challenge .img-box-ch {height:240px; position:relative}
.box-challenge .img-box-ch.border-img {border-right:1px solid #fff}
.box-challenge .img-box-ch img {-o-object-fit: cover; object-fit: cover; object-position:center center; width:100%; height:100%;}
.box-challenge .img-box-ch .titolo-box-ch {background-color:#fff; width:85%; padding:25px; position:absolute; bottom:0; left:0}
.box-challenge .img-box-ch .titolo-box-ch h3 {color: #4C515F; font-size: 18px; margin-bottom: 0; margin-top:0; text-transform: uppercase;}
.box-challenge .text-box-ch {height:200px; display: flex;align-items: center;justify-content: center; position:relative; background-color:#404143; padding:40px; font-size:18px; color:#fff}
.col-lg-3:nth-of-type(even) .box-challenge .text-box-ch {background-color: #292A2E}
.box-challenge .text-box-ch p {margin-bottom:0}
.text-box-ch.label-ch:before {content:"Challenges"; width:60px; height:100%; color:#fff; font-size:18px; font-weight:600; position:absolute; bottom:0; left:-60px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; letter-spacing: 2px; writing-mode: vertical-rl; transform: rotate(180deg); background-color: #2B2C2E;}
.box-solution {position:relative; background-color:#0B2463; padding:40px; font-size:18px; color:#fff}
.box-solution:before {content:"Our Solution"; width:60px; height:100%; color:#fff; font-size:18px; font-weight:600; position:absolute; bottom:0; left:-60px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; letter-spacing: 2px; writing-mode: vertical-rl; transform: rotate(180deg); background-color: #3C9EC5;}
.box-solution h4.title-h4 {color:#fff; font-size:18px; letter-spacing: 1px; text-align:center}
.box-adv {display: flex;align-items: center; min-height:105px; position:relative; padding:30px 30px 30px 70px; background-color:rgba(0,0,0,0.3); color:#fff; font-size:15px; font-weight:500; margin-bottom:15px; overflow: hidden}
.box-adv:before {content: "\f375"; font-family: Ionicons; font-style: normal; font-weight: 400; font-size:130px; text-decoration: inherit; position: absolute; top: -45px; left:-20px; color:rgba(255,255,255,0.1)}
.section-benefit-intro .cont-carousel-benefit .carousel-benefit .carousel-cell {min-height:450px}
.section.section-products-benefit {background: linear-gradient(#fff, #DBDFE8); padding:0 0 100px 0; position:relative;}
.section.section-products-benefit .intro {padding:0 50px 0 20px}
.section.section-products-benefit .intro span {font-size:18px; color:#3C9EC5; font-family: "Cal Sans", sans-serif; letter-spacing: 1px; margin-bottom:15px}
.section.section-products-benefit .intro .btn-container {padding-top:50px}
.section-products-benefit .carousel-box {margin-top:-100px; z-index:1}
.section-products-benefit .carousel-box  .item-cat a .latest-img {height:600px}
/* PARTNERS */
.box-collab-list .box-app {background-color:rgba(0,0,0,0.7); margin-bottom:10px}
.box-collab-list .box-app span .cont-box-app {color:#fff; display: flex;align-items: center;justify-content: center; flex-direction:column; padding:40px 30px; text-align: center}
.box-collab-list .box-app span .cont-box-app img {width:60px; margin-bottom:0px}
.box-collab-list .box-app span .cont-box-app h3 {color:#fff; font-size:15px; letter-spacing: 1px; margin-bottom:20px}
.section.section-certifications {background: linear-gradient(#DBDFE8, #fff); position:relative;}
.section.section-certifications .intro {padding:0 60px 0 30px}
/* PRODOTTI */
.prod-list.list-products .item-cat a .latest-title {height:auto}
.prod-list.list-products .item-cat a:hover .latest-title h3 {color:#113389}
/* DETTAGLIO PRODOTTO */
.intro-testo-prod {padding:100px 80px 100px 0}
.col-media-pagina {position:relative;}
.col-media-pagina:before {content:""; width:200px; height:100%; background-color:#113389; position:absolute; top:0; right:0}
.media.sidebar {padding-bottom:100px; position: sticky; top:60px;}
.media video {width:100%}
.dettaglio-prod .section.section-benefit-int .intro {padding:700px 250px 100px 30px}
.carousel-box .box-news {background-color:#EAEEF0; position:relative}
.carousel-box .box-news a .img-box-list, .carousel-box .box-news span .img-box-list {overflow: hidden; height:295px; position:relative}
.carousel-box .box-news a .img-box-list img, .carousel-box .box-news span .img-box-list img {-o-object-fit: cover; object-fit: cover; object-position:center center; width:100%; height:100%; transition: all 1.3s;}
.carousel-box .box-news a .cont-box-list, .carousel-box .box-news span .cont-box-list {position:relative; bottom:inherit; left:inherit; display: flex; flex-direction:column; width:100%; padding:30px 25px 40px 25px}
.carousel-box .box-news a .cont-box-list .date {color:#113389; font-weight:400}
.carousel-box .box-news a .cont-box-list h3, .carousel-box .box-news span .cont-box-list h3 {color:#4C515F; font-size:20px; text-transform: uppercase; font-weight:400}
.carousel-box .box-news a:hover .cont-box-list h3 {color:#113389}
.carousel-box .box-news a .cont-box-list .text-cta {color:#113389; font-weight:500; position:relative;}
/* HISTORY */
.page-history .col-media-pagina:before {content:""; width:80%; height:100%; background-color:#113389; position:absolute; top:0; right:0}
.pad-sx {padding-left:40px}
.pad-dx {padding-right:40px}
.page-history .media {padding:100px 0; position:relative}
.page-history .media h3.title-h3 {font-size:22px; color:#fff; width: 65%; text-align: right; padding-left: 150px; padding-right: 20px;}
.page-history .media:after {content:""; width:20px; height:100%; background-color:#fff; position:absolute; top:0; left:65%}
.box-milestone {width:300px; margin-bottom:50px; margin-top:20px; position:relative; background-color:#f2f2f2}
.box-milestone:before {content:""; width:30px; height:30px; border-radius:100px; background-color:#fff; position:absolute; top:50%; right:-50px; margin-top:-15px;}
.box-milestone:after {content:""; width:60px; height:6px; background-color:#fff; position:absolute; top:50%; right:-90px; margin-top:-3px;}
.box-milestone .img-milestone {height: 200px; width:100%}
.box-milestone .img-milestone img {-o-object-fit: cover; object-fit: cover; object-position:center center; width:100%; height:100%;}
.box-milestone .text-milestone {padding:15px;}
.box-milestone .text-milestone h3 {font-size:24px; margin-bottom:20px; color:#113389}
.intro-testo-prod.sidebar {position: sticky; top:60px; margin-top:0;}
/* DETTAGLIO APP */
.section.section-intro-int {background: linear-gradient(0.105turn,#fff, #DBDFE8); position:relative;}
.section.section-intro-int .intro {padding:0 50px 0 20px}
.section.section-intro-int .intro span {font-size:18px; color:#3C9EC5; font-family: "Cal Sans", sans-serif; letter-spacing: 1px; margin-bottom:15px}
.section-form {position:relative; margin-top:-210px; z-index:2}
.section-form:before {content: ""; width: 50%; height: 800px; background-color: #37383B; position: absolute; top: 0; left: 0; z-index: 1;}
.section-form .box-form {padding-right:100px}
.section-form .box-form .intro-form {padding:0 30px}
.section-form .box-form .pad-form {padding:60px 30px}
.section-form .cont-bg-dark {background-color:#37383B; height:800px; color:#fff; padding:80px 30px}
.section.section-benefit-int {background: linear-gradient(0.105turn,#fff, #DBDFE8); padding:0; position:relative; margin-top:-590px}
.section.section-benefit-int:before {content:""; width:100%; height:100%; background-image:url(../images/linee-benefit.svg); background-size:cover; background-position:0 80px; opacity:0.3; position:absolute; top:0; left:0; opacity:0.1; z-index:0}
.section.section-benefit-int .intro {padding:700px 350px 100px 30px}
.page-dettaglio .section.section-cta-int {color:#fff; position:relative; background-color:#0B2463;}
.sidebar {position: sticky; top:60px; margin-top:-200px}
.box-why {background-color:#37383B; color:#fff}
.box-why h3.title-h3 {color:#fff; margin-bottom:30px; letter-spacing: 1px}
.box-why .list-side {padding:40px}
.box-why .cta-side {padding:40px; background-color:#0B2463}
.section-applications .owl-theme .owl-dots .owl-dot.active span {width:30px !important; height:7px; background:#fff !important}
.section-applications .owl-theme .owl-dots .owl-dot:hover span {background:#fff !important}
.section-applications .owl-theme .owl-dots .owl-dot span {background:rgba(255, 255, 255, 0.6) !important; height:7px !important; width:18px !important; z-index:0}
/* MAGAZINE */
.section.section-list-blog {background: linear-gradient(0.105turn,#fff, #DBDFE8); position:relative;}
.section.section-list-blog .intro {padding:0 50px 60px 0px}
.section-list-blog .box-news{height:auto; background-color:#fff; overflow: hidden; margin-bottom:25px}
.section-list-blog .box-news a .img-box-list {overflow: hidden; height:295px; position:relative}
.section-list-blog .box-news a .img-box-list img {-o-object-fit: cover; object-fit: cover; object-position:center center; width:100%; height:100%; transition: all 1.3s;}
.section-list-blog .box-news a:hover .img-box-list img {transform: scale(1.4); filter: grayscale(100%);}
.section-list-blog .box-news a .cont-box-list {position:relative; bottom:inherit; left:inherit; display: flex; flex-direction:column; width:100%; padding:30px 25px 40px 25px}
.section-list-blog .box-news a .cont-box-list .date {color:#113389; font-weight:400}
.section-list-blog .box-news a .cont-box-list h3 {color:#4C515F; font-size:20px; text-transform: uppercase; font-weight:400}
.section-list-blog .box-news a:hover .cont-box-list h3 {color:#113389}
.section-list-blog .box-news a .cont-box-list .text-cta {color:#113389; font-weight:500; position:relative;}
/* PUBBLICATIONS */
.box-pubblication a {background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.3); display: flex;align-items: center; padding:20px; margin-bottom:25px;}
.box-pubblication a .titolo-pub {padding-right:30px}
.box-pubblication a .titolo-pub h4 {font-size:18px; color:#4C515F; margin-top:0; margin-bottom:10px; text-transform: uppercase;}
.box-pubblication a .titolo-pub .data-pub {color:#565656; font-size:15px;}
.box-pubblication a .titolo-pub .data-pub span {color:#113389; font-weight:500}
.box-pubblication a i {margin-left:auto; font-size:22px}
.box-pubblication a:hover {background-color:#3C9EC5;}
.box-pubblication a:hover .titolo-pub h4 {color:#fff}
.box-pubblication a:hover .titolo-pub .data-pub {color:#fff}
.box-pubblication a:hover .titolo-pub .data-pub span {color:#fff}
.box-pubblication a:hover i {color:#fff}
/* CONTATTI */
.contact-page .sidebar {margin-top:0}
.col-form {background-color:#113389; color:#fff}
.form-dettaglio {padding:50px 0 100px 40px}
.form-dettaglio .title-h3 {font-size:30px; color:#fff; position:relative}
.section.section-landing {padding:0; position:relative}
.section.section-landing:before {content:""; width:30%; height:100%; background-color:#113389; position:absolute; top:0; right:0; z-index:0}
.box-sede {padding:50px}
.box-sede .title-h3 {font-size:30px; margin-bottom:30px}
.box-sede .dato-footer i {width:30px; height:30px; border-radius:50%; display: flex;align-items: center;justify-content: center; color:#fff; background-color:#3C9EC5}
.img-sede {height:100%}
.img-sede img {-o-object-fit: cover; object-fit: cover; object-position: center center; width: 100%; height: 100%}
.form-dettaglio p {padding:30px 0 40px 0}
.form-dettaglio .check-form {margin-bottom:25px; display:flex; flex-wrap:wrap}
.form-dettaglio label {padding-bottom:15px;}
.form-dettaglio label.form-check-label {padding-left:0; padding-bottom:5px}
.form-dettaglio .check-form .form-check {width:50%}
.row-sede {height:50%}
/* MAPPA */
.mappa {padding-right:0 !important; padding-left: 0 !important; z-index:999;}
#container-map{height: 550px;left: 0;position: relative;width: 100%;}
#map-canvas{height: 100%;position: relative;width: 100%;z-index: 10;}
.box-pop h5{font-family: 'Frank Ruhl Libre', serif; color:#333; font-weight:900; font-size:18px; text-transform:uppercase;}
.box-pop a{color:#2F7AD8;text-decoration:underline;font-size:10px;}

/*FOOTER*/
.footer {background-color:#37383B; color:#fff; position:relative; padding:100px 0 30px 0; font-size:13px; line-height:1.8}
.cont-menu-footer {padding-bottom:40px; border-bottom:1px solid rgba(255, 255, 255, 0.4)}
.col-menu-footer h5 {font-size:15px; margin-top:0; margin-bottom:30px; text-transform: uppercase;}
ul.menu-footer {padding:0}
ul.menu-footer li {list-style: none; padding-bottom:5px}
.cont-contatti-footer {padding-top:50px; padding-bottom:50px}
.contatto-footer h5 {font-size:14px; text-transform: uppercase; margin-top:0; margin-bottom:10px}
.sotto_footer{position:relative}
.footer a.logo-footer img {width:120px}
.footer .footer-pay {font-size:14px; font-weight:200; margin-top:15px}
.footer a {color:#fff}
.footer a:hover {color:#3C9EC5}
.container-social {display: flex; align-items: center; justify-content: flex-end;}
.footer .contatti-social {display: flex; align-items: center; justify-content: flex-end;}
.footer .contatti-social a {font-size:20px}
.footer .contatti-social i {background-color:transparent; border:1px solid #fff; color:#fff; border-radius:50px; padding:2px; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center;}
.footer .contatti-social i:hover {background-color:#3C9EC5; border:1px solid #3C9EC5}
.dato-footer {display: flex;}
.dato-footer p {padding-left:15px}
.dato-footer i {font-size:18px}
.copy{font-size: 12px;color: #fff; font-weight:300}
.copy a{color:#fff;}
.copy a span {color:#3C9EC5; text-transform: uppercase;}
.social-icon {color:#fff; font-weight:300; font-size:15px; line-height:1.5; font-family: 'Frank Ruhl Libre', serif; letter-spacing:1px}
.social-icon {margin-bottom:30px; text-align:right}
.circle-icon {background: #fff;width: 24px !important;height: 24px;text-align: center; vertical-align: middle;padding: 5px; color:#333; transition: all 500ms ease; margin-right:10px}
.circle-icon:hover {background: #2F7AD8; color:#fff; transition: all 500ms ease; transform: scale(0.9); transition: all 500ms ease;}

/* NEWSLETTER SUBSCRIPTION */
.bg_pre_footer {position:relative; margin-top:-195px; z-index:999}
.box-newsletter {background-color:#2F7AD8; padding:60px 20px; margin-bottom:40px; margin-top:-300px; color:#fff; position:relative; z-index:999;}
.box-newsletter h2 {font-size:18px; margin-top:10px; font-family: 'Frank Ruhl Libre', serif; font-weight:900;}
.bordo-left {background-image:url(../images/bordo-left.svg); background-repeat:no-repeat; background-position:right; background-size:cover}
.titolo-newsletter {padding:40px 40px 84px 40px; text-align:right}
.titolo-newsletter h2 {font-family: 'Frank Ruhl Libre', serif; font-weight:900; font-size:32px; color:#fff; text-transform:uppercase; margin:0}

/* listing */
.testo-listing-news h2 {margin-top:0; margin-bottom:10px; font-size:22px;}
.testo-latest-news h4 {margin-top:0; margin-bottom:10px; font-size:15px;}

/* dettaglio */
.btn-fb {background-color: #3b5998!important;color: #fff!important;}
.btn-tw {background-color: #55acee!important;color: #fff!important;}
.btn-gplus {background-color: #dd4b39!important;color: #fff!important;}
.btn-li {background-color: #0082ca!important;color: #fff!important;}

.blog-post h2 {margin-bottom:30px; font-size: 35px; font-weight: 500; margin-top: 0;}
.blog-post p {margin-bottom:40px; line-height:1.8}
.blog-post img {margin: 0 0 40px 0}
.blog-post iframe {margin: 0 0 40px 0}
.blog-post  ul {list-style-type: none; padding-left:10px; margin-bottom: 40px}
.blog-post li {position: relative; padding-left: 20px; margin-bottom:10px}
.blog-post li:before {content: "\f375"; font-family: Ionicons; font-style: normal; font-weight: 400; text-decoration: inherit; position: absolute; left: 0;}
.blog-meta {background-color:#23283B; padding:40px; margin-top:60px}
a.btn-share i {background-color:#DA3B31; color:#fff; padding:2px; height: 44.5px; width: 44.5px; display: flex; align-items: center; justify-content: center;}
a.btn-share i:hover {background-color:#fff; color:#333}
.social-news .btn-outline-primary {color:#fff; border-radius:0; border:1px solid #fff; padding:10px 20px}
.social-news .btn-outline-primary:hover{color:#fff; border-radius:0; border:1px solid #DA3B31; background-color:#DA3B31}

/* BREADCRUMBS */
.breadcrumb-cont, .breadcrumb-cont span {font-size:13px; font-weight:300; color:#3C9EC5}
.breadcrumb-cont a {color:#fff}
.breadcrumb-cont a:hover {color:#3C9EC5; text-decoration:underline}

/* PAGINAZIONE */
.pagination {text-align: center; padding: 20px 0 40px 0; }
.pagination ul {list-style: none; clear: both; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; }
.pagination__page {font-size: 0.875rem; display: inline-block; width: 40px; height: 40px; border-radius:50%; line-height: 36px; margin: 0 2px; text-align: center; color: #3E4E50; vertical-align: middle; white-space: nowrap; border: 1px solid #3E4E50; list-style: none; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.pagination a:hover, .pagination a:focus, .pagination__page--active {background-color: #3C9EC5; color: #fff; border-color: transparent; }
.pagination i {font-size: 0.75rem; }


/* FORM*/
.form-dettaglio button.btn-main:hover {background-color:#fff; color:#333}
.form-control::placeholder { color:#fff;opacity: 1;}
.form-control:-ms-input-placeholder {color: #fff;}
.form-control::-ms-input-placeholder {color: #fff;}
.input_home.form-control:focus {box-shadow:none; border-bottom:1px solid #DA3B31}
.input_home, .input_home.form-control {width:100%;border:0; border-radius:0; border-bottom:0.5px solid #fff; background: transparent; color:#fff; font-size:15px;padding:10px 16px 10px 16px;margin-bottom:25px; font-weight:300; outline: none;}
select, select.form-control {width:100%;border:0; border-radius:0; border-bottom:0.5px solid #fff;background: transparent; color:#fff; font-size:15px;padding:10px 16px 10px 16px;margin-bottom:25px; font-weight:300; -webkit-appearance: none;
  -webkit-border-radius: 0px;}
*::-ms-backdrop, select.form-control option{color:#333 !important}/* IE11 */
::backdrop, select.form-control option{color:#333 !important}/* IE11 */
*::-ms-backdrop, select.form-control option:checked {color:#DA3B31 !important}/* IE11 */
::backdrop, select.form-control option:checked {color:#DA3B31 !important}/* IE11 */
.textarea_home, .textarea_home.form-control {width:100%;border:0; border-radius:0; border-bottom:0.5px solid #fff;background: transparent; color:#fff;font-size:15px;padding:10px 16px 10px 16px;margin-bottom:25px; outline: none;font-weight:300;}
::placeholder { color:#fff;opacity: 1;}
:-ms-input-placeholder {color: #fff;}
::-ms-input-placeholder {color: #fff;}
textarea::placeholder { color:#fff;opacity: 1;}
textarea:-ms-input-placeholder {color: #fff;}
textarea::-ms-input-placeholder {color: #fff;}
.form-contatti ::placeholder { color:#333;opacity: 1;}
.form-contatti :-ms-input-placeholder {color: #333;}
.form-contatti ::-ms-input-placeholder {color: #333;}
.form-contatti textarea::placeholder { color:#333;opacity: 1;}
.form-contatti textarea:-ms-input-placeholder {color: #333;}
.form-contatti textarea::-ms-input-placeholder {color: #333;}

.form-contatti .input_home, .form-contatti .input_home.form-control {border-bottom:0.5px solid #333; color:#333}
.form-contatti select, select.form-control {border-bottom:0.5px solid #333; color:#333}
.form-contatti .textarea_home, .form-contatti .textarea_home.form-control {border-bottom:0.5px solid #333; color:#333}

.form-check-input:checked {background-color:#DA3B31 ; border-color:#DA3B31 }

input:focus, select:focus, textarea:focus {outline: none}
.privacy {color:#fff;font-size: 12px;cursor:pointer;}
.privacy a{color:#fff;text-decoration:underline;}

.form-contatti .privacy {color:#151515;font-size: 12px;cursor:pointer;}
.form-contatti .privacy a{color:#151515;text-decoration:underline;}
.form-contatti .privacy2 a{color:#1B1464;text-decoration:underline;}
.form-contatti .privacy2 a:hover{color:#336AA5;}

.privacy2 {font-size: 14px; font-weight: 300;cursor:pointer;}
.section-title span.privacy2 {font-size: 14px}
.privacy2 a{color:#fff;text-decoration:underline;}
.privacy2 a:hover{color:#9D0E1C;}
label.checkbox, label.radio{padding-left: 0px;}
.checkbox, .radio{margin-top:0;margin-bottom:25px;}
.form-page .checkbox, .form-page .radio {margin-bottom:0}
.form-page label a {display:inherit}
#recaptcha, .grecaptcha-badge {display:none}
#capatcha {display: block; }
#capatcha div iframe {width:100% !important}
.was-validated .form-select:invalid:not([multiple]):not([size]) {background-repeat:no-repeat}
.was-validated .form-select:valid:not([multiple]):not([size]) {background-repeat:no-repeat}
::backdrop, .section-checkout option {background-color: #254C47;}

/* RICERCA */
.form-control-borderless {border: none;}
.form-control-borderless:hover, .form-control-borderless:active, .form-control-borderless:focus {border: none;outline: none;box-shadow: none;}

/* NUOVA COOKIE BAR */
.show_banner_cookies {position: fixed;   bottom: 0px;   width: 50%;   background: #282B30; color: #fff; z-index: 1000; padding: 30px; left: 0px; font-size: 14px; font-weight:400}
.show_banner_cookies a {color:#3C9EC5}
.show_banner_cookies a:hover {color:#a8dcf1}
.show_banner_cookies a.btn {padding:15px 20px; min-width:210px}
.show_banner_cookies a.btn.btn-white, a.btn.btn-white {background-color:#fff; border:1px solid #fff; color:#333}
.show_banner_cookies a.btn.btn-outline, a.btn.btn-outline {background-color:transparent; border:1px solid #fff; color:#fff}
.show_banner_cookies a.btn.btn-outline-dark, a.btn.btn-outline-dark {background-color:transparent; border:1px solid #113389; color:#113389}
.show_banner_cookies a.btn.btn-color, a.btn.btn-color {background-color:#113389; border:1px solid #113389; color:#fff}
.show_banner_cookies a.btn:hover, .bottoni-accetta a.btn:hover {background-color:#113389; border: 1px solid #113389; color:#fff}
.show_banner_cookies.big-ban {width: 70%;}
.show_banner_cookies.big-ban .col-bottoni-cookie {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.show_banner_cookies.big-ban .btn-foot {text-align:center}
.switch-cont {display:flex}
.switch-item {display: flex; align-items: center; justify-content: center;}
.switch-item-text {display: flex; align-items: center; justify-content: center; margin-left:auto}
.cmn-toggle {position: absolute; margin-left: -9999px; visibility: hidden;}
.cmn-toggle + label {display: block; position: relative; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
input.cmn-toggle-round-flat + label
{
  padding: 2px;
  width: 45px;
  height: 25px;
  background-color: #b7b7b7;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
	margin-bottom:0;
	margin-left:10px;
}
input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after {display: block; position: absolute; content: "";}
input.cmn-toggle-round-flat + label:before
{
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:after
{
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 18px;
  background-color: #b7b7b7;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  -webkit-transition: margin 0.4s, background 0.4s;
  -moz-transition: margin 0.4s, background 0.4s;
  -o-transition: margin 0.4s, background 0.4s;
  transition: margin 0.4s, background 0.4s;
}
input.cmn-toggle-round-flat:checked + label {background-color: #113389;}
input.cmn-toggle-round-flat:checked + label:after {margin-left: 19px;background-color: #113389;}
.para-cookie {display: flex; flex-wrap: wrap; margin-bottom:30px}
.col-switch {display: flex; flex-direction:column; justify-content: center; border-left:1px solid #f2f2f2}
.col-switch .switch-label {font-size:13px; margin-bottom:10px}
.col-switch input.cmn-toggle-round-flat + label {margin-left:0}
.col-switch .switch-page {padding-left:30px}
.bot_ros {box-shadow:none; border:1px solid #040506}
.bottoni-accetta .bot_ros.bot-und {background:transparent; border:1px solid #113389; color:#113389}
.bottoni-accetta .bot_ros:hover, .bottoni-accetta .bot_ros.bot-und:hover {border:1px solid #ed3042}
.bottoni-accetta .bot_ros.bot-und:hover {background:#ed3042; color:#fff}
.col-custom {position: relative;min-height: 1px;padding-right: 5px;padding-left: 5px;width:20%;float:left;}
.col-custom a .box-scelta{padding:20px;}
/* FINE COOKIES */
/* NUOVA COOKIE BAR */
@media (max-width: 1024px) {
  .show_banner_cookies {position: fixed;  width: 100%;   background: #282B30; color: #fff; z-index: 999999; padding: 30px; left: 0px; font-size: 12px;}
  .switch-item.pl-20 {padding-left:10px}
}

@media only screen and (max-width : 998px) {
  .switch-label {font-size:11px}
}

@media (max-width: 991px) {
  .show_banner_cookies {width:50%}
  .col-switch {border-left:0; border-bottom:1px solid #f2f2f2; padding-bottom:30px}
  .col-switch .switch-page {padding-left:0}
  .show_banner_cookies.big-ban {width:80%}
  .cookiebar-page hr {border-top:0}
}

@media (max-width : 767px) {
  .show_banner_cookies {width:70%}
  .switch-cont {flex-wrap:wrap}
  .switch-item {width:50%; margin-bottom:10px}
  .switch-item.pl-20 {padding-left:0}
  .switch-item-text {margin-top:10px}
  .show_banner_cookies {padding:20px 10px}
  .show_banner_cookies.big-ban .col-bottoni-cookie {flex-direction:row}
  .show_banner_cookies.big-ban .col-bottoni-cookie .btn-foot.mb-20 {margin-bottom:0}
  .show_banner_cookies.big-ban .btn-foot {width:50%}
  .show_banner_cookies a.btn {padding:10px; min-width:90%; font-size:10px}
}

@media (max-width: 575px) {
  .show_banner_cookies {width:90%}
}


/* ERROR PAGE */
.error-page {margin-top:125px}
.error-page .error-span {font-family: 'Frank Ruhl Libre', serif;font-weight: 900;letter-spacing: 1px; font-size:18px; text-transform: uppercase;}
.error-page .error-img {padding-bottom:40px; border-bottom:1px solid #2F7AD8}
.error-page .box-testo-home h3 {font-family: 'Frank Ruhl Libre', serif;font-weight: 900;letter-spacing: 1px; font-size:28px; text-transform: uppercase;}
.error-page .box-testo-home a {display:block}
/* STANDARD */
.section-standard {padding:100px 0 220px 0}
.section-banner-standard {background-image:url(../images/banner-prodotti.webp); background-size:cover}
/*MENU HAMBURGER */
.hm-box-contatti {background-color:#fff; overflow: hidden;}
.hm-box-contatti .cont-dati {padding:30px 40px}
.hm-box-contatti .cont-dati h5 {color:#113389}
.hm-box-contatti .cont-dati a {color:#3C9EC5}
.hm-box-contatti .cont-dati a:hover {color:#113389}
body.menu-show {
	overflow: hidden;
	position: fixed;
	height: 100%;
	width: 100%; }
#colorlib-main-nav {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #0B2463;
  z-index: 999999;
  visibility: hidden;
  opacity: 0;
  overflow-y: scroll; }

  #colorlib-main-nav .colorlib-nav-toggle {
    position: absolute;
    top: 20px;
    right: 40px;
    padding: 20px;
    height: 44px;
    width: 44px;
    line-height: 0;
    padding: 0 !important;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
	z-index:999999;}
    @media (prefers-reduced-motion: reduce) {
      #colorlib-main-nav .colorlib-nav-toggle {
        -webkit-transition: none;
        -o-transition: none;
        transition: none; } }

    #colorlib-main-nav .colorlib-nav-toggle.show {
      visibility: visible;
      opacity: 1; }

  .menu-show #colorlib-main-nav {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

.colorlib-nav-toggle {
  cursor: pointer;
  text-decoration: none; }
  .colorlib-nav-toggle.active i::before, .colorlib-nav-toggle.active i::after {
    background: #000; }
  .colorlib-nav-toggle.dark.active i::before, .colorlib-nav-toggle.dark.active i::after {
    background: #000; }
  .colorlib-nav-toggle:hover, .colorlib-nav-toggle:focus, .colorlib-nav-toggle:active {
    outline: none;
    border-bottom: none !important; }
  .colorlib-nav-toggle i {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 2px;
    color: #000;
    text-transform: uppercase;
    text-indent: -55px;
    background: #fff;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
		border-radius:2px}
    .menu-show .colorlib-nav-toggle i {
      background: #fff;
      color: #fff; }
    .colorlib-nav-toggle i::before{
      content: '';
      width: 20px;
      height: 2px;
      background: #fff;
      position: absolute;
      right: 0;
      -webkit-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s; border-radius:2px}
			.colorlib-nav-toggle i::after {
	      content: '';
	      width: 20px;
	      height: 2px;
	      background: #fff;
	      position: absolute;
	      left: 0;
	      -webkit-transition: 0.2s;
	      -o-transition: 0.2s;
	      transition: 0.2s; border-radius:2px}
				.colorlib-nav-toggle.show i::before, .colorlib-nav-toggle.show i::after {width:30px}
      .menu-show .colorlib-nav-toggle i::before, .menu-show .colorlib-nav-toggle i::after {
        background: #fff; }
      @media (prefers-reduced-motion: reduce) {
        .colorlib-nav-toggle i::before, .colorlib-nav-toggle i::after {
          -webkit-transition: none;
          -o-transition: none;
          transition: none; } }
  .colorlib-nav-toggle.dark i {
    position: relative;
    color: #fff;
    background: #fff;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out; }
    .colorlib-nav-toggle.dark i::before, .colorlib-nav-toggle.dark i::after {
      background: #fff;
      -webkit-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s; }
      @media (prefers-reduced-motion: reduce) {
        .colorlib-nav-toggle.dark i::before, .colorlib-nav-toggle.dark i::after {
          -webkit-transition: none;
          -o-transition: none;
          transition: none; } }

.colorlib-nav-toggle i::before {
  top: -7px; }

.colorlib-nav-toggle i::after {
  bottom: -7px; }

.colorlib-nav-toggle:hover i::before {
  top: -10px; width:30px}

.colorlib-nav-toggle:hover i::after {
  bottom: -10px; width:30px  }

.colorlib-nav-toggle.active i {
  background: transparent; }

.colorlib-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg); }

.colorlib-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg); }

.colorlib-nav-toggle {
	z-index: 1003;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    cursor: pointer;
    margin-top: 0;
    height: 51.76px;
	}
.colorlib-nav-toggle span {color:#fff; font-size:16px; text-transform: uppercase; padding-right:30px}