/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/* Start Contatti Hero */
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/* Start Content 1 Hero */
#ctt-hero {
  justify-content: flex-end;
  width: 100vw;
  height: 400px;
  max-width: var(--max-width-001);
  background: url(../images/ctt/ctt-hero.jpg) no-repeat top center;
  background-size: cover;
}
#ctt-hero__sign {display: flex; justify-content: flex-end; width: 100vw; margin-bottom: 25px;}
#ctt-hero__sign p {width: auto; padding: 2px 10px 0px 10px; background-color: var(--color-ffffff); opacity: 0.7; border-top-left-radius: 8px; border-bottom-left-radius: 8px; font-size: var(--font-size-15);}
/* End Content 1 Hero */

/* Start Contatti Sezione 1 */
#ctt-sez1 {align-items: center;}
.ctt-sez1__header {width: 100%; max-width: var(--max-width-008); padding: 7% 8% 0% 8%;}
.ctt-sez1__header h1 {margin-bottom: 10px;}
.ctt-sez1__header h2 {margin-bottom: 15px; color: var(--color-000000); font-size: var(--font-size-23); font-weight: var(--font-weight-semi-bold); line-height: var(--line-height-30);}
.ctt-sez1__header p {max-width: var(--max-width-007);}
.ctt-sez1__box {width: 100%; max-width: var(--max-width-008); justify-content: space-between; padding: 5% 8% 7% 8%;}
.ctt-sez1__box-info {width: 400px;}
.ctt-sez1__dot {width: 100%; margin-bottom: 50px;}
.ctt-sez1__dot h2 {margin-bottom: 0px;}
.ctt-sez1__dot a {display: flex; align-items: flex-start; color: var(--color-000000); font-weight: var(--font-weight-light); line-height: var(--line-height-25);}
.ctt-sez1__dot a img {margin-right: 10px;}
.ctt-sez1__dot .buttom {margin-top: 30px; background-color: var(--color-ddcdba);}
.ctt-sez1__dot .buttom:hover {background-color: var(--color-aaa294);}
.ctt-sez1__dot div a {display: inline-block; font-weight: var(--font-weight-bold); color: var(--color-ffffff);}
.ctt-sez1__dot-a a {margin-top: 5px;}
.ctt-sez1__dot-a-center img {margin-top: 2px;}
.ctt-sez1__bottom {border-top: 110px solid var(--color-ffffff); border-right: 51vw solid var(--color-e8aa23); border-left: 51vw solid var(--color-e8aa23);}
/* End Contatti Sezione 1 */

/* Start iframe maps*/
.maps {display:flex; max-width: var(--max-width-001); width: 500px; height: 450px; margin-right: 120px;}
.iframe-maps {width: 100vw; max-width: var(--max-width-001);}
.iframe-maps iframe{width: 100%; height: 100%;}
/* End iframe maps*/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/* Start Mobile */
/* Start Weight */

@media screen and (max-width: 1060px){
  /* iframe maps*/
  .maps {width: 400px;  height: 350px;}
}

@media screen and (max-width: 900px){
 /* Contatti Sezione 1 */
 .ctt-sez1__header {padding: 10% 5% 5% 5%;}
 .ctt-sez1__box {padding: 5% 5% 7% 5%;}
 .maps {margin-right: 75px;}
}

@media screen and (max-width: 820px){
  /* Contatti Sezione 1 */
  .ctt-sez1__header {padding: 10% 5% 0% 5%;}
  .ctt-sez1__box {flex-direction: column; padding: 5% 5% 7% 5%;}
  .ctt-sez1__box-info {flex-direction: row; justify-content: space-between; width: auto;}
  .ctt-sez1__dot {width: auto; margin-top: 50px;}
  .ctt-sez1__dot h2 {margin-bottom: 10px;}
 /* iframe maps*/
 .maps {width: 400px; height: 350px; margin-right: 0px;}
}

@media screen and (max-width: 780px){
  .ctt-sez1__header h2 {font-size: var(--font-size-25); line-height: var(--line-height-28);}
}

@media screen and (max-width: 600px){
  .ctt-sez1__box-info {flex-direction: column; justify-content: center;}
  .ctt-sez1__dot {margin: 18px 0px;}
  #ctt-sez1-el1 {margin-top: 30px;}
}

@media screen and (max-width: 450px){
  .maps {width: 100%;  height: 350px;}
}

@media screen and (max-width: 450px){
  .maps {height: 300px;}
}

@media screen and (max-width: 350px){
  .maps {height: 280px;}
}
/* End Weight */
/* End Mobile */