/* Start Il Portale Hero */
#portale-hero {
    justify-content: center;
    align-items: flex-start;
    width: 100vw;
    height: auto;
    min-height: 600px;
    max-width: var(--max-width-001);
    background: url(../images/portale-cina/portale-hero.jpg) no-repeat center center;
    background-size: cover;
}

#portale-hero__box {margin-top: 80px; padding: 0px 100px 80px 100px;}
#portale-hero__box h1 {margin-bottom: 40px; color: var(--color-ffffff); line-height: var(--line-height-70); font-size: 4rem;}

#portale-hero__box .portale-hero-pc {display: flex;}
#portale-hero__box .portale-hero-mobile {display: none;}
/* End Il Portale Hero */

/* Start Portale ITA-CN */
#portale-ita-cn {align-items: center; width: 100%; padding: 0px 5%; max-width: var(--max-width-001); overflow: hidden;}
#portale-ita-cn__box {width: 100%; max-width: var(--max-width-003);}
#portale-ita-cn__button {justify-content: flex-start; width: 100%; max-width: var(--max-width-001); margin-bottom: 0px;}
#portale-ita-cn__button .button {
  width: 135px;
  background-color: var(--color-b9b9b9);
  border: 2px solid var(--color-b9b9b9);
  border-radius: var(--border-radius-no);
  font-weight: var(--font-weight-bold);
  color: var(--color-ffffff);
  text-align: center;
  padding: 10px;
  margin-right: 10px;
  cursor: pointer;
}
#portale-ita-cn__button .button:hover {background-color: var(--color-ffffff); color: var(--color-888888); box-shadow: var(--color-888888) 0px 0px 5px 0px;}
#portale-ita-cn__button .item-chk {background-color: var(--color-888888); border-color: var(--color-888888);}
#portale-ita-cn__button .item-chk:hover{background-color: var(--color-888888); border-color: var(--color-888888); color: var(--color-ffffff); box-shadow: var(--color-ffffff) 0px 0px 0px 0px;}

.banner-info__inSviluppo {width: 100%; margin: 50px 0px;}

/* Slider container */
.slider-container {width: 100%; overflow: hidden; position: relative;}

/* Track */
#sliderTrack{
  display: flex;
  width: 200%;
  align-items: flex-start;
  transition: transform 0.8s ease-in-out, height 0.35s ease;
  height: auto;
}

/* Pannelli */
#cntSezSlider {height: auto; transition: height .35s ease;}
#cntSezSlider h3 {font-weight: var(--font-weight-bold); color: var(--color-000000); margin-top: 15px;}
.cntSezSlider-itm {width: 50%; flex-shrink: 0; padding: 0px 10px; box-sizing: border-box;}
.cntSezSlider-itm .button {margin-top: 30px; border-radius: var(--border-radius-no);}

/* Start radioButtonchk.js g-rbcJS - sitiWeb.html */
.g-rbcJS li {padding: 20px; background-color: var(--color-efefef);}
.g-rbcJS li input[type="radio"] {display: none;}

/*.g-rbcJS input[type="radio"]:checked + label + .g-rbcJS-text {max-height: 1150px; transition: 1s;}*/
.g-rbcJS input[type="radio"]:checked + label .plus {transform: rotate(90deg);}
.g-rbcJS li label {display: flex; justify-content: space-between; align-items: center; cursor: pointer;}
.g-rbcJS li label h2 {
  width: 95%;
  height: auto;
  margin-bottom: 0px;
  font-size: var(--font-size-18);
  line-height: var(--line-height-25);
  font-family: var(--font-family-overpass);
  font-weight: var(--font-weight-semi-bold);
}
.g-rbcJS-row {
  margin: 10px 0px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transform-style: preserve-3d;
  will-change: transform;
}
.g-rbcJS li label img {width: 20px; height: 20px; transition: 0.5s;}
.g-rbcChkJS {color: var(--color-e59432);}
.g-rbcChkBackgroundJS {background-color: var(--color-eabe89); transition: 0.5s;}
.g-rbcJS-text {max-height: 0px; overflow: hidden; transition: max-height 0.5s ease;}
.g-rbcJS-text p {padding-top: 10px;}
.g-rbcJS-row:hover {
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 7px 7px rgba(0, 0, 0, 0.15);
}
/* End radioButtonchk.js g-rbcJS - sitiWeb.html */
/* End Portale ITA-CN  */

/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/* Start Mobile */
/* Start Weight */
@media screen and (max-width: 1270px){
  /* Portale Hero */
  #portale-hero__box .portale-hero-pc {display: none;}
  #portale-hero__box .portale-hero-mobile {display: flex;}
}

@media screen and (max-width: 1050px){
  /* Portale Hero */
  #portale-hero__box h1 {font-size: var(--font-size-55);}
}

@media screen and (max-width: 850px){
  /* Portale Hero */
  #portale-hero__box {padding: 0px 50px 80px 50px;}
}

@media screen and (max-width: 750px){
  /* Portale Hero */
  #portale-hero__box h1 {font-size: var(--font-size-50);}
}

@media screen and (max-width: 600px){
  /* Portale Hero */
  #portale-hero__box {padding: 0px 30px 40px 30px;}
  #portale-hero__box h1 {font-size: var(--font-size-40); line-height: var(--line-height-55);}
}

@media screen and (max-width: 500px){
  /* Portale Hero */
  #portale-hero__box {padding: 0 5% 40px 5%;}
  #portale-hero__box h1 {font-size: var(--font-size-38);}
}

@media screen and (max-width: 450px){
 /* Portale ITA-CN */
  .cntSezSlider-itm {padding: 0px 5px;}
}
  /* End Weight */
/* End Mobile */