@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600;700&display=swap');

body{
  margin:0;
  padding:0;
  /*background-image:url('../images/back.jpg');*/
  background-repeat: no-repeat;
  background-size: cover;
  font-family: 'Titillium Web', sans-serif;
  font-size:16px;
}

#main_container{
  position:relative;
}

.siteName{
  display: inline-block;
  margin-left:10px;
  color:#739d51;
  vertical-align: middle;
  font-size:18px;
  font-weight: 600;
}

a{
  text-decoration:none;
  color:#739d51;
}
a:hover{
  color:#5e893c;
}

img{
  max-width:100%;
}


.topContainer{
  position:sticky;
  padding:5px 10px;
  border-bottom:1px solid #ccc;
  top:0;
  z-index:1000;
  background-color:#fff;
}


.main_wid{
  max-width:1000px;
  margin:auto;
  position: relative;
  padding-top: 80px
}

.main_width{
  max-width:1000px;
  margin:auto;
  padding:10px 20px;
}

.logo img{
  height:40px;
}

.topMenu ul{
  display:inline-block;
  list-style: none;
  margin:0;
  padding:0;
  font-weight: 600;
}
.topMenu ul li{
  margin:0;
  padding:0;
  display: inline-block;
}

.topMenu ul li a{
  padding:10px 20px;
}

.toggleMenu{
  display:none;
}

.logo{
  display:inline-block;
}

@media (max-width: 768px) {
  .logo{

  }
  .topMenu ul {
      display:block;
      text-align: center;
      margin-top:20px;
  }
  .topMenu ul li{
    display:block;
    padding:5px 10px;
  }

  .firstBack:before,.firstBack:after,.withBack:after,.withBack:before,.border-right,.border-left{
    display:none;
  }
  .topMenu{
    display:none;
  }
  .toggleMenu{
    display:inline-block;
    cursor:pointer;
  }

  .visible{
    display:block;
  }
}

.slideTop{
  background-image:url('../images/inclu.jpeg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  height: 450px;
}

.green{
  font-weight: 600;
  color:#739d51;
}
.greenBig{
  color:#739d51;
  vertical-align:bottom;
  font-size:20px;
  font-weight: 600;
}
.titleNex{
  color:#5e893c;
  position:relative;
  padding-bottom:20px;
  margin-bottom:40px;
}

.titleNex:after{
  position:absolute;
  content: "";
  left:45%;
  width: 10%;
  border-bottom:4px solid #739d51;
  bottom:0;
}

.introText{
  font-size:18px;
}

.bigText{
  padding:40px 0 20px;
  font-size:24px;
  font-weight: 600;
  margin-bottom:40px;
  position: relative;
  z-index: 999;
}

.sectionImage{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 50%;
  height:200px;
  width:200px;
  margin:auto;
  border-bottom:3px solid #87af67;
}

.giovani{
  background-image:url('../images/giovani.jpg');
}

.adulti{
  background-image:url('../images/adulti1.jpg');
}

.scuola{
  background-image:url('../images/scuola2.jpg');
}

.cultura{
  background-image:url('../images/cultura.jpg');
}

.partSection{
  margin-bottom:80px;
}

.footer_cont{
  padding:20px 0px;
  color:#92bb71;
  background-color:#316409;
  font-size:13px;
}

.colorGr{
  color:#316409;
}

.footer_logo img{
  height:30px;
  display: inline-block;
  vertical-align: middle;
}

.footer_logo .siteName{
  font-size:14px;
  color:#92bb71;
}

.firstBack{
  position:relative;
}

.firstBack:after{
  position: absolute;
  z-index: 998;
  top: 0;
  left: 0;
  content: "";
  -webkit-clip-path: polygon(0 0, 0% 65%, 0% 100%, 100% 100%);
  clip-path: polygon(0 0, 0% 65%, 0% 100%, 100% 100%);
  width: 100px;
  height: 100%;
  background: rgba(221, 237, 189, .9);
}

.firstBack:before {
  position: absolute;
  z-index: 998;
  top: 0px;
  right: 0;
  content: "";
  -webkit-clip-path: polygon(0 0, 100% 65%, 100% 65%, 0% 100%);
  clip-path: polygon(0 0, 100% 65%, 100% 65%, 100% -100%);
  width: 100px;
  height: 100%;
  background: rgba(221, 237, 189, .9);
}


.header{
  /* margin-bottom:30px; */
}

.borderBtm{
  border-bottom:3px solid #87af67;
  padding-bottom:50px;
  position:relative;
}

.border-top{
  border-top:1px solid #ddedbde6!important;
  padding-top:10px;
  position:relative;
}



.borderBtm:before{

}

.indexZ{
  position: relative;
  z-index: 999;
  padding: 50px 50px;
}

.withBack{
  position: relative;
  font-size:18px;
}

.withBack:after{
  position: absolute;
  z-index: 998;
  top: 0;
  left: 0;
  content: "";
  -webkit-clip-path: polygon(0 0, 0% 65%, 0% 100%, 100% 100%);
  clip-path: polygon(0 0, 0% 65%, 0% 100%, 100% 100%);
  width: 100px;
  height: 100%;
  background: rgba(221, 237, 189, .9);
}

.withBack:before {
  position: absolute;
  z-index: 998;
  top: 0;
  left: 0;
  content: "";
  -webkit-clip-path: polygon(0 0, 0 65%, 0 65%, 0% -100%);
  clip-path: polygon(0 0, 0 65%, 0% 65%, 100% -100%);
  width: 100px;
  height: 100%;
  background: #78ae0b;
}

.border-left{
  position: absolute;
  z-index: 998;
  top: 0px;
  left: 0;
  -webkit-clip-path: polygon(0 0, 0 65%, 0 65%, 0% -100%);
  clip-path: polygon(0 0, 0 65%, 0% 65%, 100% -100%);
  width: 100px;
  height: 100%;
  background: rgba(221, 237, 189, .9);
}

.border-right{
  position: absolute;
  z-index: 998;
  bottom: 0;
  right: 0;
  -webkit-clip-path: polygon(1% 39%, -61% 50%, 100% 100%, 100% 0%);
  clip-path: polygon(1% 39%, -61% 50%, 100% 100%, 100% 0%);
  width: 95px;
  height: 100%;
  background: rgba(221, 237, 189, .9);
}

.contentNx{
  position:relative;
  z-index:999;
}
.relativePos{
  position:relative;
  z-index:998;
}
.pointer{
  cursor: pointer;
}