:root {
  --primary-color: #007e73;
  --secondary-color: #fdb539; 
}

body{
  font-family: 'Montserrat', sans-serif;
  color:#000;
  /* font-family: 'Oswald', sans-serif */
}

.text-balance{
  text-wrap: balance;
}

h3 {
    font-size: 2.1rem;
    margin-bottom: .9rem;
}

strong.BGreen
{
  color: var(--primary-color);
}

nav.navbar-top {
  background: #FFF;
  height:0px;
}

nav.navbar-top a {
  color:#fff;
  text-transform: uppercase;
  font-size:0.8rem;
  font-weight:300;
  text-decoration:none;
}

nav.navbar-top a.marker {
  padding-left:36px;
  background: transparent url("../1906_images/marker_2.png") no-repeat 0 0;
  /* display: inline-block; */
  display:none;
  line-height:40px;
}

header {
  height:80px;
  background: #fff;
}

a.brand img {
  max-width: 150px;
  max-height:50px;
  padding: 0;
  margin:15px auto;
  width:100%;
}

section#heroMobile {margin-top:80px;display:none;background:var(--primary-color);}
section#heroDesktop {margin-top:80px;background:var(--primary-color);}

#animation_container {
  position:relative;
  margin:auto;
  left:0;right:0;
  z-index:1000;
  text-align: center;
}


section#prefooter {
  background: #DCD91A;
  min-height:200px;
  color: #000;
  text-align:center;
}

section#prefooter p {
  margin: 0;
}

.fw-400 {
  font-weight: 400;
}
.fw-600 {
  font-weight: 600;
}
.fw-800 {
  font-weight: 800;
}


.bg-primary{
  background-color: var(--primary-color)!important;
  color: #fff;
  padding-block: 3rem;
  padding-inline: 1rem;
}
 
.full-bleed {
    min-width: 100vw;
    left: 50%;
    transform: translate(-50%);
    position: relative;
}
 


section#prefooter p.big {
  padding: 2rem 0 0.6rem 0;
  font-size:1.4rem;
  font-weight:600;
}

section#prefooter p.bigger {
  font-size:3rem;
  font-weight:600;
  padding: 0 0 0.6rem 0;
  color:#000 !important;
}

section#prefooter p.small {
  font-size:1rem;
  font-weight:400;
  padding: 0rem 0 2rem 0;
}

footer {
  padding: 2rem 0;
  text-align:left;
  font-size: 0.8rem;
  color: #000;
  background: #fff;
  min-height: 100px;
}

.legal a {
  color: #00205b;
  font-weight: 400;
  font-size: 12px;
  text-decoration: none;
}

.gradiente
{
  background: linear-gradient(to right,#00205b,#00755c);
  width: 100%;
  height:50px;
}

h2.titleSlim {
  font-size:1.6rem;
  font-weight:300;
  text-transform:uppercase;
}

h2.titleFat {
  font-size:1.6rem;
  font-weight:600;
  text-transform:uppercase;
}

h3.titleSlim {
  font-size:1.2rem;
  font-weight:300;
  text-transform:uppercase;
}

h4.titleFat{
  font-size:1.2rem;
  font-weight:600;
  text-transform:uppercase;
}

.promobox {
  background: #ececec;
  min-height:245px;
  text-align:center;
  border-radius:15px;
  position:relative;
  cursor:pointer;
  padding-bottom:20px;
}

.promobox .icona-tab
{
  max-width: 69px;
}


.promobox .gratis {
  width:100%;
  text-align: center;
  position:absolute;
  bottom:0;
  left:0;
}

.promobox .gratis img {

}

.promobox .expand {
  position:absolute;
  bottom:10px;
  right:16px;
  width:20px;
  height:16px;
  background: transparent url("../images/ico_down.png") no-repeat 0 0;
}

.promobox h3 {
  font-weight:300;
  text-transform:uppercase;
  font-size: 1.2rem;
}

.promobox.selected {
  background: #cfcfcf;
}

.promomore {
  position:relative;
  margin-top:0rem;
  display:none;
  background: #cfcfcf;
  border-radius:10px;
  min-height:100px;
  color: #000;
}

.promomore .triangle {
  position:relative;
  margin: 0 auto;
  top:-11px;
  width: 34px;
  height: 11px;
  background: transparent url("../1906_images/triangle.png") no-repeat 0 0;
}


.fondoImg3,
.fondoImg1 {
  text-align: left;
}

.fondoImg2
{
  text-align: right;
}

.fondoImg2 img
{
  position:relative;
  max-width: 67%;
  margin-left: 33%;
}

.fondoImg1 img {
  position:relative;
  max-width: 67%;
}

.fondoImg3 img {
  position:relative;
  max-width: 85%;
  margin-left: auto;
}


.fondoImg1Box {
    position: absolute;
    right: 0;
    top: 33px;
    background: #FFF;
    padding: 36px;
    max-width: 48%;
    -webkit-box-shadow: 12px 1px 19px 6px rgba(0,0,0,0.15); 
    box-shadow: 12px 1px 19px 6px rgba(0,0,0,0.15);    
}



.fondoImg2Box {
    position: absolute;
    left: 0;
    top: 62px;
    text-align: left;
    background: #FFF;
    padding: 36px;
    max-width: 48%;
    -webkit-box-shadow: 12px 1px 19px 6px rgba(0,0,0,0.15); 
    box-shadow: 12px 1px 19px 6px rgba(0,0,0,0.15);    
}

.fondoImg3Box {
    position: absolute;
    left: 0;
    top: 40px;
    background: #FFF;
    padding: 36px;
    max-width: 36%;
    -webkit-box-shadow: 12px 1px 19px 6px rgba(0,0,0,0.15); 
    box-shadow: 12px 1px 19px 6px rgba(0,0,0,0.15);    
}


#first-gray
{
  width: 100%;
  background: #FFF;
}
 
#first-gray h5
{
  width: 100%;
  text-align: center;
  color:#FFF;
  padding:1rem 0 1rem 0;
}

#first-gray .box-gray h4
{
  font-size: 1rem;
  font-weight: 600;
  margin-top: 16px;
}

#first-gray .servicebox {

    padding-bottom: 0rem;
    min-height:160px;
    margin: 0 auto 10px auto;
}

.sTgreen 
{
  text-align: center;
  margin:2rem 0 0 0;
}

.sTgreen p,
.sTgreen li
{
  font-size: 1rem;
}

#img-1,
#img-2,
#img-3

{
  display: block;
}

#img-1-mob,
#img-2-mob,
#img-3-mob
{
  display: none;
}


.zkBlock img
{
  max-width: 60%;
  margin: 0 20% 0 20%;
}


hr.riganera,
.bloccoMarchi hr,
.zkBlock hr
{
  border: 1px solid #000;
}

.sTgreen h5
{
  color: var(--primary-color);
  font-weight: bold;
}

.sTgreen li
{
  text-align: left;
}

.view-only-mobile {
  display: none;

  @media (max-width: 1199px) {
    display: block;
  } 
}

.view-only-desktop {
  display: block;

  @media (max-width: 1199px) {
    display: none;
  } 
}

@media (max-width: 1199px) 
{

  h3 {
      font-size: 1.8rem;
  }  

  .sTgreen p, .sTgreen li {
      font-size: 0.8rem;
  }

  .fondoImg3Box, 
  .fondoImg2Box, 
  .fondoImg1Box 
  {

      top: 50px;
      padding: 26px;
  }
  .extra-space {
    padding-inline: 26px;
}

}


.hideDesktop
{
  display: none;
}


.bloccoMarchi h6
{
  color: var(--primary-color);
  font-size: 40px;
  font-weight: bold;
}

.bloccoMarchi p
{
  text-transform: uppercase;
}

@media (max-width: 991px) 
{
 
  .logoBPM
  {
    margin-top:7px;
  }

  .hideMobile
  {
    display: none;
  }

  .hideDesktop
  {
    display: inline;
  }  

  .sTgreen.bloccoConFotoSiamo
  {
    background: transparent url(../images/img-3-mob.jpg) center top no-repeat;
    background-size: 100%;

  } 

  .sTgreen.bloccoConFotoIdentita
  {
    background: transparent url(../images/img-2-mob.jpg) center top no-repeat;
    background-size: 100%;

  }


  .sTgreen.bloccoConFoto
  {
    background: transparent url(../images/img-1-mob.jpg) center top no-repeat;
    background-size: 100%;

  }

  #img-1,
  #img-2,
  #img-3
  {
    display: none;
  }

  #img-1-mob,
  #img-2-mob,
  #img-3-mob
  {
    display: block;
  }

  .fondoImg3 img,
  .fondoImg1 img {
    position:relative;
    max-width: 100%;
    width: 100%;
  }

  .fondoImg3Box
  {
      position: relative;
      width: 100%;
      max-width: 100% !important;
      margin-top: 45%;
      background: #FFF;
      padding: 36px;
      max-width: 48%;
      -webkit-box-shadow: 12px 1px 19px 6px rgba(0,0,0,0.15); 
      box-shadow: 12px 1px 19px 6px rgba(0,0,0,0.15);    
  }


  .fondoImg2Box
  {
      position: relative;
      width: 100%;
      max-width: 100% !important;
      margin-top: 60%;
      background: #FFF;
      padding: 36px;
      max-width: 48%;
      -webkit-box-shadow: 12px 1px 19px 6px rgba(0,0,0,0.15); 
      box-shadow: 12px 1px 19px 6px rgba(0,0,0,0.15);    
  }


  .fondoImg1Box {
      position: relative;
      width: 100%;
      max-width: 100% !important;
      margin-top: 91%;
      background: #FFF;
      padding: 36px;
      max-width: 48%;
      -webkit-box-shadow: 12px 1px 19px 6px rgba(0,0,0,0.15); 
      box-shadow: 12px 1px 19px 6px rgba(0,0,0,0.15);    
  }

}


.uppercase
{
  text-transform: uppercase;
}

.cGreen
{
  color: var(--primary-color);
}

.aLeft
{
  text-align: left;
}


.brgreenDeskOnly,
.brgreen
{
  /* border-right: 1px solid #003f5c; */
  margin-bottom:30px;
}

@media (max-width: 991px) 
{

  .brgreenDeskOnly
  {
    border-right: none;
  }

}

.box-gray,
.promomore .box-gray
{
 margin: 0 5% 0 5%;
 max-width: 90%;
 margin-bottom: 1.5rem;
}
.promomore .box-gray h4
{
 font-size: 0.8rem;
 text-transform:none;
}

.promomore  h4.titleFat {
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.promomore  h5 {
    padding: 1.4rem 0 1rem 0;
    font-size: 0.9rem;
    font-weight: 800;
    text-align: center;
}

.promomore p {
    text-align: center;
}


.promomore .box-gray .servicebox {
    text-align: center;
    padding-bottom: 0;
}


.promomore_mobile {
  display:none;
}

.fondoImage
{
  background: transparent url("../images/touch_desk.jpg") no-repeat center center;
  background-size: cover;  
  -webkit-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border-radius: 10px;  
  padding: 3rem 0 3rem 0;
}

.fondoImage img
{
  display: none;
}


.fondoImage .aRight
{
  color: #FFF;
  text-align: right;
}

.promomore_3 h4.titleFat,
.promomore_2 h4.titleFat {
    font-size: 1.2rem;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
}

.promomore_2 img {
    
  margin-top:2.5rem !important;
}

.promomore_3 .touch-image
{

  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.promomore_3 p,
.promomore_2 p {
    
  text-align: left;
}

.heading-section{
    font-size: 2.1rem;
}
.heading-section-small{
    font-size: 1.4rem;
}
.heading-section-extra-small{
    font-size: 1.2rem;
}

.arrow {
  display:none;
  position:relative;
  margin: 0 auto;
  width: 34px;
  height: 11px;
  background: transparent url("../1906_images/triangle.png") no-repeat 0 0;
}

.promomore .close {
  position:absolute;
  top:10px;
  right:20px;
  width:28px;
  height:28px;
  background: transparent url("../images/ico_close.png") no-repeat 0 0;
  cursor: pointer;
}


a.yellowCta {
  width: fit-content;
  
  font-size:1.2rem;
  text-transform: uppercase;
  font-weight:600;
  text-align:center;
  color: #000;
  background: var(--secondary-color);
  padding: 12px 25px;
  text-decoration:none;
  border-radius: 25px;
}

a.yellowCta.center {
  
    margin-inline: auto;
    width: fit-content;
    position: relative;
    display: block;
}

a.yellowCta:hover {
  color:#000;
  text-decoration:none;
}


.greenVersion
{
  background:var(--primary-color) !important;
  color: #FFF !important;
}

section#inpiu{
  background:#ececec;
}

section#inpiu h4 {
  font-size:0.7rem;
  font-weight:600;
  text-align:center;
  text-transform: uppercase;
}

.servicebox {
  text-align:center;
  padding-bottom:3rem;
}

section.apriconto .descText {
  max-width:820px;
  margin: 0 auto;
}

section#documenti {
  background:#e1e1e1;
}

.documentBox {
  text-align:center;
}

.documentBox a {
  color: #000;
  text-decoration:none;
}

.documentBox a p {
  font-size:0.8rem;
  font-weight:400;
  text-transform:uppercase;
}

.headerFeature {
  max-width: 100%;
  display:none;
}

.headerClaim {
  padding-top: 22px;
  float: left;
  font-size: 1.4rem;
  color: #666;
}

.img-fluid{
  width: 100%;
}

a[href^="tel"] {
  color: inherit;
  text-decoration: none; 
 
}


.roundAngle
{

    position: relative;
    margin-top: 2rem;
    padding: 0;
    background: #FFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    min-height: 100px;
    color: #000;

}



.roundAngle .text-center-vert
{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 40px 0 40px;
  font-size: 24px;
}



.roundAngle .imgBoxL
{
  padding:0;
  margin:0;
}

.roundAngle .imgBoxL img
{
  padding:0;
  margin:0;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}


.prezontalab
{
  margin-top:2rem;
  background: #ececec;
}

.zontalab
{
  background: #ececec;
}

.zontalab h3
{
  font-size: 1.2rem;
  font-weight: 300;

}

.zontalab h2
{
  font-size: 1.4rem !important;
  font-weight: 700 !important;
}

.zontalab p
{
  font-size: 1rem;
  font-weight: 300;
}

.zontalab p b
{
  font-weight: 600;
}



.mmia {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.6rem;
    text-transform: uppercase;
}

div.mmia
{
  font-size: 1.2rem;
  margin-top:10px;
}

h3.mmia {
    
    font-size: 1.6rem;
    
}
.italic {
  font-style: italic;
}

.list-inside{
  list-style-position: inside;
  padding-inline: 0;

 
}

.dots-green li::marker {
  color: var(--primary-color);
 }

h3.strverde ,
.strverde 
{
  color:#03755D;
  font-weight: 400;
}

h2.strverde 
{
  font-weight: 700;
  max-width: 650px;
  margin:0 auto;  
}

.zonco img
{
  padding:4px;
}


.headerFeatures
{
  display: none;
}

.headerFeaturesNoScroll
{
  display: inline-block;
}

/******************
    MEDIA QUERIES 
*******************/

@media (max-width: 1599px) {

}

@media (max-width: 1199px) {


  header .headerFeature_1, 
  header .headerFeature_2 {
    display: none !important;
  }
  
}

@media (max-width: 1110px) {
 
}

@media (max-width: 992px) {
  .primaRiga {
      margin-top: 20px;
  }

  section#heroMobile {
      display:block;
      text-align: center;
    }
  section#heroDesktop {display:none;}

}

@media (max-width: 840px) {
  
}

@media (max-width: 767px) {


#first-gray .box-gray h4
{
  font-size: 0.7rem;
}

.roundAngle
{

    position: relative;
    margin-top: 2rem;
    padding: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    
}

.roundAngle .text-center-vert
{
  display: inline-block;
  padding: 20px;
  font-size: 18px;
}



.roundAngle .imgBoxL
{
  padding:0;
  margin:0;
}

.roundAngle .imgBoxL img
{
  padding:0;
  margin:0;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}


.no-gutters
{
  padding:4px;
}

html, body
{
  overflow-x: hidden;
}


#first-gray .servicebox {
    min-height: 164px;
 }

.servicebox 
{
  width:100%;
  margin: 0 0 10px 0;
  min-height: 180px;
}

.servicebox img
{
  margin-top:10px;
}

#first-gray .box-gray h4 {

    padding: 0 4px 0 4px;
}

.pBig
{
  font-size: 1rem !important;
  margin: 0 !important;
}


.fondoImage
{
  margin-top: 0rem !important;
  background: transparent; 
  -webkit-border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-radius: 0px;  
}

.fondoImage h3,
.fondoImage p
{
  color: #000;
  text-align: center;
}


.fondoImage p
{
  margin-bottom:0;
}

.fondoImage img
{
  display: block;
}


  .promobox {
    margin-bottom: 1rem;
  }
  .promobox .expand {
    display:none;
  }

  .promomore_mobile {
    position:relative;
    margin-top:0rem;
    display:none;
    background: #cfcfcf;
    border-radius:10px;
    min-height:100px;
    color: #000;
    padding:50px 20px 20px 20px;
    margin: 10px 0 20px 0;
  }

  .promomore_mobile_2, .promomore_mobile_3 {
    text-align: left;
  }
  
  .promomore_mobile .close {
    position:absolute;
    top:10px;
    right:20px;
    width:28px;
    height:28px;
    background: transparent url("../images/ico_close.png") no-repeat 0 0;
    cursor: pointer;
  }
  .promomore_mobile .arrow {
    display:block;
    position:absolute;
    top: -11px;
    left:45%;
    width: 34px;
    height: 11px;
    background: transparent url("../1906_images/triangle.png") no-repeat 0 0;
  }

  .promomore_mobile_1 .box-gray h4
  {
    font-size: 1rem;
  }

  .promomore_mobile_1 .box-gray
  {
   background:#ECECEC;
   border-radius: 30px;
   margin: 0;
   max-width: 100%;
   margin-bottom: 1.5rem;
  }  

  
  .headerFeature_3 {width:120px;}
  .headerFeature_4 {width:120px;}
}

.headerFeature.yellowCta{
	top:20px;
	margin-bottom:10px;
	position:relative;
	display:none;
}

@media (max-width: 499px) {
  
  .headerFeature.yellowCta{
	/*top:10px;*/
  }
}

@media (max-width: 450px) {
  
  .headerFeature.yellowCta {
 font-size:1.1em;
}

  
  .headerFeature_3 {width:100px;}
  .headerFeature_4 {width:100px;}
  header {height:65px;}
}

@media (max-width: 370px) {
  .headerFeature_3 {width:80px;}
  .headerFeature_4 {width:80px;}
  .headerFeature.yellowCta{
		font-size: 1em;
  }
}