/*
Theme Name: Prova1
Theme URI: https://miosito.com
Author: willer26
Author URI: https://miosito.com
Description: Our fantastic base theme
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: prova
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* !
  - Palette Colore -

  N.1 - HEX -> #222955 --- rgba(34, 41, 85, 1);    Blu scuro
  N.2 - HEX -> #ebebea --- rgba(235, 235, 234, 1); Grigio
  N.3 - HEX -> #e79427 --- rgba(231, 148, 39, 1);  Giallo
  N.4 - HEX -> #dbc575 --- rgba(219, 197, 117, 1); Giallo dorato
  N.5 - HEX -> #f29c4f --- Arancione
  N.5 - HEX -> #8c7ba1 --- Violetto

*/

/* ! Style */
body, html {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  margin: 0;
  background-color: #ebebea;
  scroll-behavior: smooth;
  overflow-x: hidden;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

a {
  text-decoration: none;
  color: #ebebea;
  outline: none;
}

p {
  font-size: 16px;
  overflow-wrap: normal;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 14px;
    outline: none;
}

.container,
article {
  border: 1px solid blue;
  margin: 10px;
  padding: 10px
}

#big_text{font-size: 50px; font-weight: 400;}
#med_text{font-size: 40px; font-weight: 400;}
#normal_text{font-size: 20px; font-weight: 400;}
#small_text{font-size: 14px; font-weight: 400;}

#normal_text_upper{text-transform: uppercase; font-size: 16px; font-weight: 600;}
#small_text_upper{text-transform: uppercase; font-size: 14px; font-weight: 600;}
#menu_text{text-transform: uppercase; font-size: 14px; font-weight: 600;}
#intro_text{font-size: 90px; font-weight: 700; text-transform: uppercase;}
#home_text{font-size: 70px; font-weight: 700;}
#intro2_text{font-size: 25px; font-weight: 400;}
#paragraph_text {font-size: 60px; font-weight: 700;}
#society_sub_text{font-size: 23px; font-weight: 400;}
#notice_text, #pg_text{font-size: 30px; font-weight: 600;}
#description_notice_text{font-size: 60px; font-weight: 600;}
#nc_category{font-size: 16px; font-weight: 600; margin-bottom: 8px;}
#nc_text{font-size: 16px; font-weight: 400;}
#ris_title{font-size: 45px; font-weight: 700; text-transform: uppercase;}
#prted_title_card{font-size: 24px; font-weight: 600;}
#button_text{text-transform: uppercase; font-size: 14px; font-weight: 600;}
#copyright_text{text-transform: uppercase; font-size: 14px; font-weight: 600;}
#post_text{text-transform: uppercase; font-size: 32px; font-weight: 600; }
#contact_title{font-size: 60px; font-weight: 700;}
#contact_block_subtitle{font-size: 18px; font-weight: 600;}
#contact_block_title{font-size: 24px; font-weight: 600; margin-bottom: 18px;}
#contact_text{font-size: 16px; font-weight: 400; line-height: 1.5rem;}
#form_title{font-size: 30px; font-weight: 600;}
#form_sub_title{font-size: 16px; font-weight: 400;}
#form_text{text-transform: uppercase; font-size: 16px; font-weight: 400;}

.preloader-animation{
  background: #ebebea url(img/preloader.svg) no-repeat center center;
  background-size: 600px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

/* ! Header */

.header{
  height: 85px;
  width: 100%;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.5s ease-out;
  z-index: 100;
}

/* .header:hover hr {visibility: hidden;} */
.header__flex {
  max-width: 1440px;
  margin: -10px auto 0 auto;
  display:flex;
  justify-content: space-between;
  align-items: center;
}

/* .header hr {
  color: #f2f2f2;
  width: 95%;
  height: 2px;
  border-width: 0;
  background-color: #f2f2f2;
  margin: 0 auto;
  transform: translateY(3px);
} */

.header__logo{
  /* padding: 5px; */
  /* margin-left: 85px; */
  margin-bottom: 6px;
  width: 149px;
  height: auto;
}

.header__menu a:hover {color: #222955}
.header__menu a[aria-current="page"]::after {
  width: 90%;
  left: 5%;
}

/* .header__menu ul li a:hover::before {
  width: 80%;
  left: 10%;
} */
.header__menu ul li a::after {margin-bottom: 8px; bottom: 0;}
/* .header__menu ul li a::before {margin-top: 8px; top: 0;} */
.header__menu ul li a::after
/* .header__menu ul li a::before */
{
  background: none repeat scroll 0 0 transparent;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #222955;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.header__menu ul li a:hover::after {
  width: 90%;
  left: 5%;
}
.sticky {
  position: fixed;
  top: 85px;
  width: 100%;
}
.header.active .header__menu ul li a::after {
  background: #dbc575;
}
.header.active-contact .header__menu ul li a::after {
  background: #dbc575;
}

.header__menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-top: 32px;
  display: table;
  text-align: center;
}
.header__menu ul li {
  display: table-cell;
  position: relative;
  float: left;
  /* width: 235px;  */
  /* height: 70px; */
}

.header__menu ul li:nth-child(6) a::after {
  display: none;
}

.header .header__menu ul li:nth-child(6) {
  border-radius: 15px;
  font-weight: 600 !important;
  transition: 0.2s ease-out;
}

.header .header__menu ul li:nth-child(6){background-color: #222955;}
.header.active .header__menu ul li:nth-child(6){background-color: #dbc575;}
.header.active-contact .header__menu ul li:nth-child(6){background-color: #dbc575;}

.header .header__menu ul li:nth-child(6):hover {background-color: #dbc575;}
.header.active .header__menu ul li:nth-child(6):hover{background-color: #222955;}
.header.active-contact .header__menu ul li:nth-child(6):hover{background-color: #222955;}

/* .header .header__menu ul li:nth-child(6) a {color: #dbc575 !important;}
.header.active .header__menu ul li:nth-child(6) a {color: #222955 !important;} */

.header .header__menu ul li:nth-child(6):hover a {color: #222955 !important;}
.header.active .header__menu ul li:nth-child(6):hover a {color: #dbc575 !important;}
.header.active-contact .header__menu ul li:nth-child(6):hover a {color: #dbc575 !important;}

/* .header.active .header__menu ul li:nth-child(6){border-color: #222955;} */

/* .header .header__menu ul li:nth-child(6) a {color: #222955 !important;} */


.header__menu ul li .sub-menu li{display: none;}
/* .header__menu ul li:hover .sub-menu li{display: block;} */
.sub-menu {transition: 0.5s ease-out;}
.sub-menu li{background-color: #f7f7f7; }
.sub-menu li:hover{display: block;}


/* .btn-color:hover {} */

@media (min-width: 1200px ) {
  .header:hover {
    background-color: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3));
    display: block;
  }
  /* .header:hover a {color: #222955} */
  .header__menu ul li a{
    padding: 12px 15px;
    display: inline-block;
    color: #ebebea;
    position: relative;
  }

  #active{display: block;}
  .freccia {display: none;}
  .header__flex__2{display: none;}
  .header.active a {
    color: #222955;
  }
  .header.active:hover a {color: #222955}
  .header.active a:hover {color: #dbc575}

  .header.active-contact a {color: #222955}
  .header.active-contact:hover a {color: #222955}
  .header.active-contact a:hover {color: #dbc575}
}

.header.active,
.header.active hr {
  background-color: #ebebea;
  box-shadow: 0 -35px 50px #222955;
}

.header.active-contact,
.header.active-contact hr {
  background-color: #ebebea;
  box-shadow: 0 -35px 50px #222955;
}

/* .header__button__contact{
  right: 30px;
  width: 120px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 85px;
} */

@media (max-width: 1600px ) {
  .header__flex{
    max-width: 90%;    
  }
}

/* -------------------------------------------------------------------------------- */
/* ! Tablet */
/* -------------------------------------------------------------------------------- */

@media (max-width: 1200px ) {
  #active{display: none;}
  .header {
    height: 60px;
  }
  .header.active {
    background-color: transparent;
  }
  .header a {color: #222955}
  .header.active a {color: #222955}

  .header__menu{
    display: inline-block; 
    position: absolute;
    top: 70px;
    background-color: #ebebea;
    width: 100%;
    height: 100vh;    
  }
  .header__menu ul li{
    width: 70%;  
    margin: 0 auto;  
  }  
  .header__menu ul li{
    transition: opacity .5s cubic-bezier(0.41, 0.17, 0.73, 0.92), margin .5s cubic-bezier(0.41, 0.17, 0.73, 0.92);
    opacity: 0;  
    margin-top: -5px;
    transform: translateY(0);  
  }  
  .header__2.open .header__menu ul li{
    margin-top: 0;
    opacity: 1;
  }

  .header__menu ul li a::after {
    background: #222955 !important;
    width: 100% !important;
    left: 0 !important;
    height: 1px;
    margin-bottom: 0px;
  }
  .header__menu a[aria-current="page"]::after {
    background: #dbc575 !important;
  }

  .header__menu ul li a{
    padding: 15px 0;
    display: inline-block;    
    /*color: #222955; 
    position: relative;*/
  }
  .header__menu ul li:hover .sub-menu li{display: none;}
  .header__menu ul{
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(1, 1fr);
    padding-top: 10px;
  }

  .header__flex{
    max-width: 100%;
    /*margin: 50px auto 0px auto;*/
  }
  
  .header__button__contact{
    width: 120px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateX(-2px);
  }
  .header__logo__mobile{
    width: 149px;
    height: 41px;
    margin-left: 5px;      
  }
  .header__logo{display: none;}  
  
  .header__2{
    background-color: #ebebea;
    box-shadow: 35px 0 50px #222955;
    height: 0;
    width: 100%;
    overflow: hidden;    
    padding: 20px 0;
    position: fixed;    
    transition: all .5s cubic-bezier(0.41, 0.17, 0.73, 0.92);
  }

  .header__2.open{
    height: 100vh;    
   }

  .header__menu ul {text-align: left;}
  .sub-menu{display: none !important;}
  
  .header.active a {color: #222955}
  /*.header__flex {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(1, 1fr);
    margin-top: 30px;
    justify-items: center;
    padding-left: 30px;
  }*/
  .header__flex__2{
    background-color: #ebebea;
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    position: relative; 
    height: 100%;    
  }
  .hamburger{
    width: 50px; 
    height: 38px; 
    margin-right: 9px;     
    cursor: pointer; 
    background-size: cover;
    z-index: 10;
  }
  .hamburger span{
    height: 2px;    
    background: #222955;
    position: relative;
    display: block;
    margin-top: 10px; 
    margin-left: 15px; 
    top: 0;
    transition: top .3s cubic-bezier(0.41, 0.17, 0.73, 0.92), transform .1s cubic-bezier(0.41, 0.17, 0.73, 0.92);  
  }
  .hamburger span:nth-child(1){width: 20px;}
  .hamburger span:nth-child(2){width: 20px;} 

  .hamburger.open span{
    height: 2px;    
    background: #222955;
    position: relative;
    display: block;
    margin-top: 10px; 
    margin-left: 15px; 
    top: 0;
    transition: top .1s cubic-bezier(0.41, 0.17, 0.73, 0.92), transform .3s cubic-bezier(0.41, 0.17, 0.73, 0.92);  
  }
  .hamburger.open span:nth-child(1){
    top: 6px; 
    transform: rotate(45deg);
  }
  .hamburger.open span:nth-child(2){
    top: -6px; 
    transform: rotate(-45deg);
  }

  .header .header__menu ul li:nth-child(6) {
    position: relative;
    letter-spacing: 3px;
    color: #222955;
    border-radius: 0;
    background-color: transparent !important;    
    margin-top: 15px;
  } 
  
  .header .header__menu ul li:nth-child(6)::before,
  .header .header__menu ul li:nth-child(6)::after{
    background-color: #dbc575;    
  }
  .header .header__menu ul li:nth-child(6)::before{
    content: '';
    display: block;
    width: 50px;
    height: 36px;
    position: absolute;
    bottom: 5px;
    z-index: -1;
    transition: all .3s cubic-bezier(.215, .61, .355, 1);
  }
  .header .header__menu ul li:nth-child(6)::after{
    content: '';
    display: block;
    width: 148px;
    height: 3px;
    bottom: 5px;
    position: absolute;
  }  

  .header .header__menu ul li:nth-child(6) a{
    padding-left: 14px; 
  } 
  
  .header.active .header__menu ul li:nth-child(6):hover a {
    color: #222955 !important;
  }

  .header .header__menu ul li:nth-child(6):hover::before{
    width: 148px;
  }

}

/* -------------------------------------------------------------------------------- */
/* ! Smartphone */
/* -------------------------------------------------------------------------------- */

@media (max-width: 768px) { 
  .preloader-animation {    
    background-size: auto;
    background-origin: content-box;
    padding: 0px 20px;
  } 
  .header__flex__2{
    /*margin-top: 13px;*/
  }
}

/* ! Hero */

.hero-front-page{
  height: 100vh;
  display: flex;
  width: 100%;
  align-items: center;
  z-index: 0;
  flex-direction: column;
  justify-content: flex-end;
  background-size: cover !important;
}

.hero{
  height: 70vh;
  display: flex;
  width: 100%;
  align-items: center;
  z-index: 0;
  flex-direction: column;
  justify-content: flex-end;
  background-size: cover !important;
}

/* .hero__content h1{
  transform: scale(0.8);
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
  opacity: 0;
}

.hero__content.in-page h1{
  transform: scale(1);
  opacity: 1;
}

.hero__content h1:nth-child(2){
  margin-top: 130px;
} */
.hero-content-home-page::before{
  content: "";
  position: absolute;
  width: 90px;
  height: 3px;
  background-color: #ebebea;
}

.hero-content-home-page{
  /* border: 1px solid red; */
  width: 100%;
  /* height: 250px; */
  max-width: 1440px;
  margin: 0 auto 14% auto;
  color: #ebebea;
  /* text-align: center; */
  cursor: default;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.hero-content-home-page h1{
  padding-top: 10px;
  margin: 0;
}
.hero-content-home-page h2{
  margin: 0;
  padding: 15px 0;
}

.hero__content{
  width: 100%;
  height: 250px;
  text-align: center;
  margin: auto;
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.35;
  color: #ebebea;
}

.hero__content__contact{
  max-width: 1200px;
  margin: 160px auto 80px;
  color: #222955;
}

.hero-btn{
  width: 100%;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin-right: 95px; */
  margin-bottom: 25px;
  position: relative;
  z-index: 10;
  /*background: url(img/svg-path.svg) no-repeat center bottom;*/
}

.hero__button{
  height: 50px;
  width: 50px;
  text-align: center;
  cursor: pointer;
  position: relative;
  transition: 0.6s;
  box-shadow: 0 0px 10px rgb(34 41 85 / 20%);
  background-color: #ebebea;
  border-radius: 40px;
}

.hero__button:hover{
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
}

.hero__button::after{
  content: "";
  position: absolute;
  top: 56%;
  left: 50%;
  height: 11px;
  width: 11px;
  transform: translate(-50%, -100%) rotate(45deg);
  border: 3px solid #222955;
  border-top: transparent;
  border-left: transparent;  
}
.hero__button:hover::before,
.hero__button:hover::after{border-color: #222955;}

.hero__button::before {
  top: 30%;
  animation-delay: 0.4s;
  /* animation: scroll-down 1s ease-in-out infinite; */
}

@keyframes hero__button {
  0% {
    top:20%;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    top: 90%;
    opacity: 0;
  }
}

/* -------------------------------------------------------------------------------- */
/* ! Smartphone */
/* -------------------------------------------------------------------------------- */

@media (max-width: 768px) { 
  .hero-content-home-page{
    width: 50%;
    text-align: center;
    margin: 0 auto 4%;
  }

  .society-inner{height: 500px !important;}
  .hero-btn{margin-bottom: 100px;}

  #home_text{
    font-size: 60px;
  }
  #intro2_text {
    font-size: 22px;
  }

  .hero-content-home-page::before {
    width: 70px;
  }
}

/* ! Page: Home */

/* ! Società */

.society-box{
  width: 100%;
  height: 100%;
  background-color: #ebebea;
}

/* .society-box-costruzioni{
}
.society-box-pratiche-edilizie{
} */

.society-inner{
  margin: 0 auto;
  height: 750px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.society-container{
  width: 1000px;
  height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .society-decoration{height: 150px} */
.society-decoration-angle{
  height: 50px;
  margin: 0 -75px;
}

.btn{
  z-index: 0;
}

.society-btn{
  position: relative;
  letter-spacing: 3px;
  color: #ebebea;
}
/* .cust-btn{
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .4em;
} */

.society-btn-costruzioni,
.society-btn-pratiche-edilizie{
  color: #222955;
}

.society-btn-costruzioni::before,
.society-btn-costruzioni::after{
  background-color: #dbc575;
  left: 0;
}
.society-btn-pratiche-edilizie::before,
.society-btn-pratiche-edilizie::after{
  background-color: #dbc575;
  right: 0;
}

.society-btn.society-btn-costruzioni:hover,
.society-btn.society-btn-pratiche-edilizie:hover{
  color: #222955;
}

.society-btn-pratiche-edilizie{
  padding: 6px 9px 6px 12px;
}

.society-btn::before{
  content: '';
  display: block;
  width: 50px;
  height: 100%;
  position: absolute;
  bottom: 0;
  z-index: -1;
  transition: all 0.3s cubic-bezier(.215, .61, .355, 1);
}
.society-btn::after{
  content: '';
  display: block;
  width: 158px;
  height: 3px;
  bottom: 0;
  position: absolute;
}

.society-btn:hover{
  color: #ebebea;
}
.society-btn:hover::before{
  width: 158px;
}

@media (max-width: 500px) {

  .btn{
    font-size: 12px
  }

  .society-btn::before{
    width: 45px;
  }
  .society-btn::after{
    width: 138px;
  }
  
  .society-btn:hover{
    color: #ebebea;
  }
  .society-btn:hover::before{
    width: 138px;
  }
}

.slide-block{
  z-index: 0;
}
.slide-title{
  margin-bottom: 20px;
}
.slide-title-costruzioni{color: #222955;}
.slide-title-pratiche-edilizie{color: #222955;}

.slide-title-right{text-align: right;}

.slide-text{
  color: #222955;
}

/* -------------------------------------------------------------------------------- */
/* ! Tablet */
/* -------------------------------------------------------------------------------- */

@media (max-width: 1300px) { 
  .society-box{
    width: 60%;
    margin: 0 auto;
  }
}

/* -------------------------------------------------------------------------------- */
/* ! Smartphone */
/* -------------------------------------------------------------------------------- */

@media (max-width: 768px) { 
  .society-box{
    width: 70%;
  }

  #paragraph_text{
    font-size: 40px;
  }
  #society_sub_text {
    font-size: 19px;
  }

  .society-decoration-angle{
    margin: -28px -33px;
  }
}

@media (max-width: 400px) { 
  .society-decoration-angle{
    margin: -28px -33px;
  }
}

/* ! Notice */
.notice{
  background-color: #ebebea;
  padding: 200px 0;
  width: auto;
}
.notice__box{
  /* padding: 0 300px; */
  /*background: linear-gradient(90deg, rgba(35, 41, 85, 0.8) 0%,
  rgba(32, 44, 89, 0.8) 15.43%, rgba(22, 53, 99, 0.8) 29.3%,
  rgba(5, 69, 118, 0.8) 42.54%, rgba(0, 73, 123, 0.8) 45.53%);*/
}
.notice__inner{
  text-align: center;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.notice-text{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  color: #222955;
  margin-top: -15px;
  margin-bottom: 15px;
}
/*.notice__inner h1 {margin-bottom: 60px}*/

/**/

.description-notice-flex{
  display: flex;
}

.description-notice-decoration-left{
  height: 70px;
  padding-right: 25px;
}

.description-notice-decoration-right{
  height: 70px;
  padding-left: 25px;
}

.description_notice{
  width: 500px;
  height: 650px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  color: #222955;
  padding-top: 30px;
  padding-bottom: 10px;
  padding-left: 43px;
  padding-right: 43px;
  text-align: left;  
}

.description_text{
  margin-bottom: 30px;
}

.notice-line{ 
  width: 1440px;
  height: 2px; 
  margin-bottom: 25px;
  background-color: #222955;
  align-self: end;
  opacity: 0.2;
}

.notice-single{
  width: 1440px;
  display: flex;
}

/**/

/* .swiper_box{
  margin-top: 75px;
} */

.swiper_inner{width: 1440px;}

.swiper-notice-flex{
  display: flex;
  align-items: flex-end;
}

.swiper-slide {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-container{position: relative;}

.notice__quad{
  width: 940px;
  height: 650px;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  color: white;
  padding-top: 30px;
  padding-bottom: 10px;
  text-align: left;
}

.center__text{
  position: relative;
  opacity: 1;
  transition: opacity .4s cubic-bezier(.77,0,.175,1);
  z-index: 1;
}

.btn-notice{margin: 10px 0px;}

/*.notice__text h1{margin-top: 0px; margin-bottom: 15px;}
.notice__text h2{margin-bottom: 7px;}

.animate.active h1,
.animate.active p {transform: translateX(0); opacity: 1;}
.animate.active a {transform: translateY(0); opacity: 1;}*/

/*.description_notice_text.animate,
.description_notice_text.animate {
    margin: 0px 90px 0px 45px;
    position: absolute;
    bottom: 71px;
}*/

/*.description_notice_text.animate,
.description_notice_text.animate div,
.description_notice_text.animate h1,
.description_notice_text.animate p,
.description_notice_text.animate .button{display: block; margin-bottom: 0px; text-align: left;}

.notice__rect__text.animate,
.notice__rect__text.animate div,
.notice__rect__text.animate h1,
.notice__rect__text.animate p,
.notice__rect__text.animate .button{display: block; text-align: left; margin: 10px 100px;}*/

/*.button{
  width: 120px !important;
  height: 50px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: 2px solid #222955;
  border-radius: 10px;
  transition: 0.3 ease-in-out;
  cursor: pointer;
}*/
.button:hover {
  background: #222955;
  -ms-transform: scale(1.08) !important; /* IE 9 */
  -webkit-transform: scale(1.08) !important; /* Safari 3-8 */
  transform: scale(1.08) !important;
  color: #dbc575 !important;
}

/*.animate h1{
  opacity: 0;
  -webkit-transform: translateX(-120px);
  -ms-transform: translateX(-120px);
  transform: translateX(-120px);
  transition: transform .4s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.77,0,.175,1);
}
.animate p{
  padding-bottom: 10px;
  opacity: 0;
  -webkit-transform: translateX(120px);
  -ms-transform: translateX(120px);
  transform: translateX(120px);
  transition: transform .4s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.77,0,.175,1);
}
.animate a{
  opacity: 0;
  -webkit-transform: translateY(140px);
  -ms-transform: translateY(140px);
  transform: translateY(140px);
  transition: transform .4s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.77,0,.175,1);
}*/

/*.notice__quad:hover::before,
.notice__rect:hover::before{
  opacity: 0.8;
  z-index: 0;
}*/
/*.description_notice:hover .center__text,
.notice__rect:hover .center__text{opacity: 0; z-index: 1;}

.description_notice_text.animate.active,
.description_notice_text.animate.active div,
.description_notice_text.animate.active h1,
.description_notice_text.animate.active p,
.description_notice_text.animate.active .button {display: block; text-align: left; color: white; z-index: 10;}

.notice__rect__text.animate.active,
.notice__rect__text.animate.active div,
.notice__rect__text.animate.active h1,
.notice__rect__text.animate.active p,
.notice__rect__text.animate.active .button {display: block; text-align: left; margin: 10px 100px; color: white; z-index: 10;}*/

.swiper-button-prev {
  width: 60px;
  height: 70px;
  border-radius: 50px;
  border: 1px solid white;
  padding: 10px;
  padding-left: 5px;
  margin-left: 20px;
  color: #EDEDED;
  transition: 0.5s ease-in-out;
}
.swiper-button-next {
  width: 60px;
  height: 70px;
  border-radius: 70px;
  border: 1px solid white;
  padding: 10px;
  padding-right: 5px;
  margin-right: 20px;
  color: #EDEDED;
  transition: 0.5s ease-in-out;
}
.swiper-button-prev:hover,
.swiper-button-next:hover{
  background-color: #EDEDED;
  color: #b0b0b0;
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
}

.swiper-slide.dis{display: none;}

.center__text.active{display: none;}
.notice__quad.active::before,
.notice__rect.active::before {
  opacity: 0.8;
  z-index: 0;
}

@media (min-width: 1570px) {

  .swiper.mySwiper.A{display: block;}
  .swiper.mySwiper.B,
  .swiper.mySwiper.C{display: none;}
}
/* -------------------------------------------------------------------------------- */
/* ! Tablet */
/* -------------------------------------------------------------------------------- */

@media (max-width: 1490px ) {
  .swiper_inner,
  .notice-line,
  .notice-single{width: 1000px;}
  /*.notice__inner{max-width: 900px;}*/
  .swiper.mySwiper.B{display: block;}
  .swiper.mySwiper.A,
  .swiper.mySwiper.C{display: none;}
  /*.swiper-slide h1{margin-top: 80px;}*/
  .swiper-button-prev,
  .swiper-button-next{width: 45px; height: 50px; padding-left: 8px;}
  .swiper-button-prev{margin-left: 0;}
  .swiper-button-next{margin-right: 0;}
  :root {--swiper-navigation-size: 28px;}
  .button{font-size: 14px; width: 110px !important; height: 47px !important; margin-top: 19px;}
}

/* -------------------------------------------------------------------------------- */
/* ! Smartphone */
/* -------------------------------------------------------------------------------- */

@media (max-width: 1150px ) {
  .swiper_inner,
  .notice-single{width: 100%;}

  .notice-line{
    margin-left: auto;
    margin-right: auto;
    width: 92%;
  }

  .notice-single{flex-direction: column;}

  .notice__quad,
  .description_notice{width: 100%;}

  .description_notice{height: 350px;}  

  .notice-news,
  .notice-text{padding-left: 43px;}



  .notice__quad__text{margin: 10px 30px;}
  .notice__inner{max-width: 900px;}
  .notice__rect.quad{width: auto;}
  .swiper.mySwiper.C{display: block; width: 450px;}
  .swiper.mySwiper.A,
  .swiper.mySwiper.B{display: none;}
  .swiper-slide h1{font-size: 20px;}
  .swiper-button-prev,
  .swiper-button-next{width: 35px; height: 40px; padding-left: 8px;}
  .swiper-button-prev{margin-left: 0;}
  .swiper-button-next{margin-right: 0;}
  :root {--swiper-navigation-size: 20px;}
}

@media (max-width: 670px ) { 
  .description_notice{height: 300px;}
  .center__text{padding-top: 25px;}
  
  .notice__quad__text{margin: 5px 30px;}
  #notice_text{font-size: 30px;}
  .notice__quad{height: 300px;}
  .swiper.mySwiper.C{width: 300px;}
}

@media (max-width: 370px ) {
  #notice_text{font-size: 24px;}
  .notice__quad{height: 250px;}
  .swiper.mySwiper.C{width: 250px;}
}

/* ! Page Box */
.pg__box{
  margin: 350px 0;
  width: auto;
}

#pg__panel{
  display: flex;
  width: auto;
  text-align: center;
}
.pg__panel__wrap{
  width: 60%;
  display: flex;
  flex-wrap: wrap;
}

.pg__button1,
.pg__button2{
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .4s ease-in-out;
  background-size: cover;
  background-blend-mode: multiply;
}
.pg__button1 {width: 40%; height: 800px;}
.pg__button2 {width: 100%; height: 400px;}

.pg__button1:hover,
.pg__button2:hover{
  z-index: 1;
  cursor: pointer;
  -ms-transform: scale(1.02); /* IE 9 */
  -webkit-transform: scale(1.02); /* Safari 3-8 */
  transform: scale(1.02);
}

@media (max-width: 995px ) {  
  .pg__button1{height: 600px;}
  .pg__button2{height: 300px;}
}



.pg-slide{
  width: 100%;
  height: 920px;
  /* margin-bottom: 100px; */
  margin-top: 35px;
}

.carousel-indicators-home{
  /* left: 116.7rem; */
  width: 250px;  
  /* height: 18px; */
}

.swiper-pagination-bullet{
  position:relative;
  padding:0;
  border:0;
  margin: 0 0.8rem;
  background-color:transparent;
  cursor:pointer;
  outline:none;
  color:transparent;
  transition:all .3s;
  opacity: 1;
}

.pg_pag_but_circle_svg:hover{color: rgba(34, 41, 85, 0.95);}

.pg-style{
  height: 920px;
}

.carousel-item{
  color: white;
  position: relative;
  -ms-align-items: center;
  align-items: center;
}

.carousel-caption{
  /* left: 70px; */
  padding: 85px 160px 85px 75px;
  position: absolute;
  text-align: left;
  background: #ebebea;
  /* color: black; */
  max-width: 1440px;
  z-index: 2;
}

.carousel-caption h1 {margin-bottom: 1.5rem !important; color: #222955}
.carousel-caption p {margin-bottom: 3rem !important; color: #222955}

.overlay-image{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: multiply;
  background-color: rgba(34,41,83,0.33);
}

.arc-decoration{
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
.arc-decoration-top{
  justify-content: flex-start;
}
.arc-decoration-bottom{
  justify-content: flex-end;
}

.service-btn{color: #222955;}
/* .service-btn:hover{color: #222955;} */

.service-btn-costruzioni::before,
.service-btn-costruzioni::after{
  background-color: #8c7ca2;
  left: 0;
}

.btn-color {color: #222955; border-color: #222955}
.btn-color:hover {color: #ebebea; background-color: #222955}
.btn-dimension{
  padding: 1.2rem 1.2rem;
  border-radius: 1.7rem;
  border: 2px solid;
  font-weight: 600;
}

.pg_pag_but_circle{
  position:absolute;
  top:100%;
  left:0;
  transform:rotate(-90deg) scale(.28);
  transform-origin:0 0;
  cursor:pointer;
  color:currentColor;
  -webkit-animation:FeaturedProjects_all__x9gSa .45s;
  animation:FeaturedProjects_all__x9gSa .45s;
  overflow:visible
}

.pg_pag_but_circle_svg{
  stroke-dasharray:163;
  stroke-dashoffset:0;
  -webkit-animation-name:ProgressAnimation_Pagination;
  animation-name:ProgressAnimation_Pagination;
  -webkit-animation-duration:var(--timer);
  animation-duration:var(--timer);
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear;
  animation-direction:reverse;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite
}

/* ! Animation pagination */

@-webkit-keyframes ProgressAnimation_Pagination{
  0% {stroke-dashoffset:0}
  to {stroke-dashoffset:163}
}

@keyframes ProgressAnimation_Pagination{
  0% {stroke-dashoffset:0}
  to {stroke-dashoffset:163}
}

/* -------------------------------------------------------------------------------- */
/* ! Tablet */
/* -------------------------------------------------------------------------------- */

@media (max-width: 1300px) { 
  .carousel-caption{
    max-width: 80%;
  }
}

/* -------------------------------------------------------------------------------- */
/* ! Smartphone */
/* -------------------------------------------------------------------------------- */

@media (max-width: 768px) { 
  #pg_text{
    font-size: 29px;
  }
  .carousel-caption{
    padding: 60px;
  }
  .carousel-indicators-home{
    /* left: 116.7rem; */
    width: 150px;  
    /* height: 18px; */
  }
}

@media (max-width: 450px) { 
  #pg_text{
    font-size: 26px;
  }
  .carousel-caption{
    padding: 35px;
  }
  .carousel-indicators-home{
    width: 110px;
  }
}

/* ! Notice */

.description-box{
  max-width: 1290px;
  margin: 0 auto;
  padding: 75px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.description{
  color: #222955;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
}

.description h1{
  padding-top: 25px;
}
.description p{
  padding-top: 10px;
}


/* ! Page: Nuove Costruzioni */

/* ! Nuove Costruzioni Post */

.nc-btn-description{
  color: #222955;
  margin-bottom: 16px;
}

.nc-article{
  width: 1200px;
}

.nc-icon-box{
  width: 100%;
  height: 300px;
  background-color: #222955;
  color: #ebebea;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.nc-icon-inner{
  display: flex;
}
.nc-icon{
  width: 250px;
  margin-bottom: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.nc-icon h1,
.nc-icon h2{
  margin: 0;
}

.nc-icon-decoration{
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}

.nc-image-box{
  width: 100%;
  height: 750px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  /* background-blend-mode: multiply; */
}
.nc-image-text{
  max-width: 1440px;
}

.nc_post_box {
    width: 100vw;
    margin: 50px 0 200px;
}
.nc_post_box h1{
  position: relative;
  color: white;
  padding: 45px 0;
}
/*.nc_decor {
  position: absolute;
  background: linear-gradient(90deg, rgba(35, 41, 85, 0.8) 0%,
  rgba(32, 44, 89, 0.8) 15.43%, rgba(22, 53, 99, 0.8) 29.3%,
  rgba(5, 69, 118, 0.8) 42.54%, rgba(0, 73, 123, 0.8) 45.53%);
  width: 1800px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}*/
.nc_post_inner {
    height: 600px;
    display: flex;
    /* grid-gap: 8px;
    grid-template-columns: repeat(3, 1fr); */
    margin: 50px 0;
}

.nc-flex{
  display: flex;
  align-items: center;
}

.nc-flex-left{
  display: flex;
  justify-content: flex-start;
  width: 60%;
}

.nc-flex-right{
  display: flex;
  justify-content: flex-end;
  width: 60%;
}

.nc-decoration{
  height: 500px;
  width: 100px;
}

.nc_post_image{
    width: 40%;
    height: auto;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s ease-in-out;
    z-index: 2;
    background-blend-mode: color;
    background-color: rgba(0, 0, 0, 0.2);
}
.nc_post_image:hover{
  -ms-transform: scale(1.05); /* IE 9 */
  -webkit-transform: scale(1.05); /* Safari 3-8 */
  transform: scale(1.05);
}

.nc_post_text{
    color: #222955;
    height: auto;
    width: 65%;
    display: table;
    /*box-shadow: 1px 1px 1px 1px #d6d4d4;*/
    z-index: 1;
}
.nc-text-left{
  padding-left: 15%;
  margin: 0 auto;
}
.nc-text-right{
  padding-right: 15%;
  margin: 0 auto;
}

.nc_disp_panel{
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.nc_disp_image{
  width: 25px;
  margin-right: 5px;
}
.nc_disp_text{
  margin-left: 5px;
  margin-bottom: 0;
}

.nc_post_text.nc-flex-center h2{
  margin-bottom: 18px;
}

.nc-flex-center{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 1200px) {
 .nc_post_text{width: 415px;}
 .nc_post_inner{height: 300px}
 .nc_post_text p{font-size: 13px;}
 .nc_post_text.left h2,
 .nc_post_text.left p{margin: 0;}
 .service-btn-costruzioni{font-size: 13px;}
 .society-btn::after{width: 142px;}
 .society-btn:hover::before{width: 142px;}
 .nc_post_box h1{padding: 45px 85px;}
 #intro_text{font-size: 75px;}
 #post_text{font-size: 24px;}
 #nc_category{font-size: 14px;}
}

@media (max-width: 815px){
 .nc_post_image{width: 100%; height: 350px; margin-top: 50px;}
 
 .nc_post_inner{height: 100%; align-items: center;}
 .nc-post-inner-left{flex-direction: column;}
 .nc-post-inner-right{flex-direction: column-reverse;}
 .nc-text-left{padding-left: 0; margin: 75px auto 25px;}
 .nc-text-right{padding-right: 0; margin: 75px auto 25px;}
 .nc_post_text.left h2,
 .nc_post_text.left p{margin: 0;}

 #intro_text{font-size: 50px;}  
}

@media (max-width: 575px){
  .nc-image-box{height: 600px;}
  .nc_post_box h1{padding: 45px 30px;}  
}

@media (max-width: 470px){
  .nc-image-box{height: 600px;}
  .nc_post_box h1{padding: 45px 25px;}

  .nc-flex-left,
  .nc-flex-right{width: 80%;}

  .society-btn::after{width: 130px;}
  .society-btn:hover::before{width: 130px;}

  #intro_text{font-size: 35px;} 
}


/* ! Page: Realizzazioni */

.real__box{
  width: 100%;
  display: grid;
  grid-gap: 12px;
  grid-template-columns: repeat(3, 1fr);
  margin: 50px 0 150px;
  color: white;
}
.real__panel{
  height: 500px;
  background-size: cover;
  background-blend-mode: multiply;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  transition: .4s cubic-bezier(.77,0,.175,1)
}
.real__panel p,
.real__panel h1{
  opacity: 0;
  padding: 30px 175px 0;
  transition: opacity .4s cubic-bezier(.77,0,.175,1), transform .3s cubic-bezier(.77,0,.175,1);
}
.real__panel p{transform: translateX(-100px); text-align: justify;}
.real__panel h1{transform: translateX(100px); text-align: center;}

.real__panel:hover{background-color: rgba(0, 0, 0, 0.6);}
.real__panel:hover p,
.real__panel:hover h1{opacity: 1; transform: translateX(0px);}

/* ! NC-article */

.slide_NC{width: 100%; height: 600px;}

/* ! Page: Ristrutturazioni */

/* ! Ristrutturazioni Sec */

.ristrutturazioni-section{
  margin: /*2px*/160px auto 142px;
}

.ris__box{
  max-width: 1440px;
  margin: 18px auto;
  width: 100%;
}

.ris__box .ris__image.animated-1:hover,
.ris__box .ris__image.animated-4:hover{
  transform: scale(1.01);
}
.ris__box .ris__image.animated-2:hover,
.ris__box .ris__image.animated-3:hover{
  transform: scale(1.02);
}

.ris-box-mid{
  display: grid;
  grid-gap: 18px;
  grid-template-columns: repeat(2, 1fr);
}

.ris__image{
  border-radius: 20px;
  height: 700px;
  background-blend-mode: multiply;
  /* text-align: center; */
  z-index: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform .7s cubic-bezier(0.85, 0.09, 0.55, 1.08);
}

.ris__box.ris-box-mid .ris__image{
  align-items: center;
}
.ris__box.ris-box-4 .ris__image{
  align-items: flex-end;
}

.ris__text{
  padding-left: 60px;
  width: 600px;
  height: 100%;
  color: #222955;
  transition: transform .7s cubic-bezier(0.85, 0.09, 0.55, 1.08), opacity 1.4s cubic-bezier(0.49, 0.18, 0, 1.1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ris__box.ris-box-mid .ris__text{
  height: 0;
  padding-left: 0;
}

.ris__box.ris-box-4 .ris__text{
  align-items: flex-end;
  margin-right: 60px;
  padding-left: 90px;
}

/* .ris__text .puls{
  width: 40px;
  height: 70px;
  background-color: rgba(45, 170, 225, 0.9);
  border-radius: 20px 0 0 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.ris__text .puls img{
  width: 30px;
  height: 30px;
  align-self: center;
  transition: .5s cubic-bezier(0.85, 0.09, 0.55, 1.08);
  transform: rotate(180deg);
}
.ris__text .ris__text__box{
  width: 560px;
  height: 600px;
  background-color: rgba(45, 170, 225, 0.9);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  text-align: justify;
  padding: 0 30px;
}
.ris__text.active{
  opacity: 1;
  transform: translateX(0px);
  z-index: 10;
}
.ris__text.active .puls img{
  transform: rotate(0deg);
} */

.ris__title{
  color: #222955;
  text-align: center;
  /* padding: 0 30px 0 80px; */
  transition: opacity .7s cubic-bezier(.77,0,.175,1), transform .7s cubic-bezier(.77,0,.175,1);
  opacity: 1;
  transform: translateY(250px);
  margin-top: 60px;
  border: 3px solid #222955;
  /* border-radius: 0px 20px 20px 0px; */
  z-index: 0;
}

.ris__box.ris-box-mid .ris__text .ris__title{
  transform: translateY(90px);
}

.ris__box.ris-box-4 .ris__text .ris__title{
  transform: translateY(200px);
}

.ris__paragraph{
  opacity: 0;
  transition: opacity .7s cubic-bezier(.77,0,.175,1);
}

.ris__see__text{
  padding-bottom: 60px;
  margin-bottom: 0;
  opacity: 1;
  transition: opacity .7s cubic-bezier(.77,0,.175,1);
}

.ris__title.animated{
  transform: translateY(95px);
}
.ris__box.ris-box-mid .ris__text .ris__title.animated{
  transform: translateY(0px);
}
.ris__image.animated-4 .ris__text .ris__title.animated{
  transform: translateY(70px);
}
.ris__paragraph.animated{
  opacity: 1;
}
.ris__see__text.animated{
  opacity: 0;
}

/* .ris__image:hover .ris__center{
  opacity: 0;
  border-radius: 20px
} */


/*
.ris__text.fl__right .puls{border-radius: 0 20px 20px 0;}
.ris__text.fl__left.active .ris__text__box{display: block;}
.fl__right{float: right;}*/

.ristrutturazioni-section .nc-image-box{
  margin-top: 300px;
}

@media (max-width: 1500px){
  .ris__box{
    max-width: 90%;
  }
  .ris-box-mid{grid-template-columns: repeat(1, 1fr);}
  .ris__image{
    background-size: cover;
    background-repeat: no-repeat;
    height: 550px;
  }
}

/* ! Page: Pratiche Edilizie */

.prted__box{
  width: 1440px;
  display: flex;
  margin: /*0*/160px auto 160px;
  flex-wrap: wrap;
  text-align: center;
}

.prted__puls,
.prted__puls2{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-blend-mode: multiply;
  border-radius: 20px;
  color: #222955;
  height: 350px;
  display: flex;
  transition: all .7s cubic-bezier(.215, .61, .355, 1);
  align-items: flex-end;
  padding-top: 15px;
}
.prted__puls{
  width: 468px;
  margin-bottom: 9px;
}
.prted__puls2{
  width: 711px;
  margin-top: 9px;
}
.prted__divis{
  margin: 0 9px;
}
.prted__puls:hover{
  -ms-transform: scale(1.06); /* IE 9 */
  -webkit-transform: scale(1.06); /* Safari 3-8 */
  transform: scale(1.06);
  background-color: rgba(31, 41, 85, 0.1) !important;
}
.prted__puls2:hover{
  -ms-transform: scale(1.04); /* IE 9 */
  -webkit-transform: scale(1.04); /* Safari 3-8 */
  transform: scale(1.04);
  background-color: rgba(31, 41, 85, 0.1) !important;
}

.prted__puls img,
.prted__puls2 img{
  width: auto;
  height: 150px;
}
.prted__puls h1,
.prted__puls2 h1{
  color: #222955;
  /* background-color: rgba(161, 180, 201, 0.4); */
  /* opacity: 0.9; */
  /* margin: 0 auto; */
  text-align: left;
  width: 100%;
  padding: 8px 0 8px 35px;
  /* padding-left: 35px; */
  /* padding-bottom: 20px; */
  margin-bottom: 20px;
}
.prted__puls:hover h1,
.prted__puls2:hover h1{
  opacity: 1;
}
/* ! Ris-Page */

.ris__page{
  width: 1100px;
  display: flex;
  text-align: justify;
  flex-wrap: wrap;
  margin: 100px auto 0;
  flex-direction: column;
}

.ris__page p{padding-top: 10px;}
/* .ris__page hr{width: 50px; margin-bottom: 40px;} */

.ris-slide{
  width: 100%;
  height: 920px;
  margin: 30px 0 160px;
}
.carousel-indicators-page{
  width: 100%;
  bottom: 100px;
  justify-content: center;
}

.but_circle_page{
  opacity: 0.5;
}
.pg_pag_but_circle_svg.but_circle_svg_page:hover{
  color: rgba(235, 235, 234);
}

.carousel-control-prev-page,
.carousel-control-next-page{
  cursor: pointer;
  width: 75px;
  height: 75px;
  border: 2px solid #ebebea;
  border-radius: 40px;
}
.carousel-control-prev-page{
  margin: auto 0 auto 100px;
}
.carousel-control-next-page{
  margin: auto 100px auto 0;
}

.wp-block-separator{
  color: #222955;
  opacity: 0.5;
  width: 50px;
  margin-bottom: 0px;
}

/* ! Page: Contattaci */

/* ! Form */
.contact-box{
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  color: #222955;
}

.contact-inner{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.contact-flex-1{
  display: flex;
  justify-content: space-between;
  width: 650px;
}

.contact-container-1{
}

.contact-container-2{
  margin-bottom: 40px;
}

.contact-container-2 a,
.contact-container-3 a{
  color: #222955;
  text-decoration: underline;
  transition: all .3s cubic-bezier(.77,0,.175,1);
}
.contact-container-2 a:first-child:hover,
.contact-container-3 a:first-child:hover,
.contact-container-2 a:last-child:hover,
.contact-container-3 a:last-child:hover{
  color: #a1b4c9;
}

.contact-container-4 {
  margin-left: -8px;
}

.contact-image{
  width: 120px;
}
.contact-image ul{
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-left: 0;
  margin-top: 23px;
}

.log-link::before{
  content: ' ';
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 30px;
  opacity: 0;
  transition: all .4s cubic-bezier(.77,0,.175,1);
}
.log-link.log-link-instagram::before{
  background:
    radial-gradient(circle farthest-corner at 26% 151% ,
    rgba(249, 237, 50, 1) 0%,
    rgba(249, 229, 53, 1) 8%,
    rgba(247, 206, 61, 1) 20%,
    rgba(245, 170, 75, 1) 36%,
    rgba(242, 119, 94, 1) 53%,
    rgba(239, 55, 118, 1) 73%,
    rgba(238, 42, 123, 1) 76%,
    rgba(230, 42, 126, 1) 79%,
    rgba(209, 42, 135, 1) 83%,
    rgba(174, 42, 148, 1) 88%,
    rgba(125, 42, 168, 1) 94%,
    rgba(104, 42, 176, 1) 96%);
}
.log-link.log-link-mail::before{
  background-color: #dbc575;
}
.log-link.log-link-maps::before{
  background-color: #a1b4c9;
}
.log-link{
  position: relative;
}
.log-image{
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  transition: all .4s cubic-bezier(.77,0,.175,1);
}

.log-link:hover::before{
  opacity: 1;
}
.log-link:hover::before,
.log-link:hover .log-image{
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
}

.form__box{
  width: 700px;
  height: auto;
  padding: 50px 0 30px;
  background-color: rgba(219,197,117,0.1);
  /* box-shadow: 0px 0px 8px rgba(34, 41, 85, 0.1); */
  color: #222955;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.form__box h1,
.form__box p{
  width: 500px;
  text-align: left;
}

.wpcf7{
  width: 500px;
  margin: 0 auto;
}
.wpcf7 button,
.wpcf7 input,
.wpcf7 optgroup,
.wpcf7 select,
.wpcf7 textarea{
  padding: 15px 10px;
  width: 100%;
  background-color: #ebebea;
  color: #222955;
  outline-color: #a1b4c9;
}
.name .wpcf7-form-control-wrap input,
.surname .wpcf7-form-control-wrap input{
  width: 48%;
}
.wpcf7-form label{
  font-size: 16px;
  font-weight: 400;
}
.name{
  width: 52%;
  float: left;
  margin-bottom: 5px;
}
.surname{
  width: 48%;
  float: right;
  margin-bottom: 5px;
}
.e-mail{
  clear: both;
  margin-bottom: 5px;
}
.wpcf7cf-hidden,
.request {
  margin-bottom: 5px;
}
.wpcf7-text,
.wpcf7-select,
.wpcf7-file,
.wpcf7-textarea{
  border: 1px solid #ebebea;
}

.wpcf7-select{
  color: #a1b4c9;
}
.wpcf7-form-control option:nth-child(1n+2){
  color: #a1b4c9;
}

.wpcf7-list-item{
  margin: 10px auto;
  width: 100%;
}

.wpcf7-list-item input{
  width: 30px;
}

.wpcf7-not-valid-tip{
  font-size: 12px;
  font-weight: 300;
  margin-bottom: -20px;
  margin-left: 5px;
}
.privacy-policy .wpcf7-form-control-wrap .wpcf7-not-valid-tip{
  margin-left: 20px;
}
.wpcf7 input[type=checkbox]{
  width: 30px;
}
.wpcf7-list-item-label{
  width: 300px;
}
.wpcf7-response-output{
  border: 0px !important;
  color: #222955;
  font-size: 12px;
  margin: -2em -0.5em 1em !important;
}
.wpcf7-submit{
  background-color: rgba(161, 180, 201, 0.6) !important;
  /* background: linear-gradient(90deg,
  rgba(231, 148, 39, 1) 0%,
  rgba(231, 151, 39, 1) 31.46%,
  rgba(231, 151, 39, 1) 31.47%,
  rgba(231, 155, 39, 1) 54.02%,
  rgba(231, 161, 39, 1) 67.19%,
  rgba(231, 167, 39, 1) 83.91%,
  rgba(230, 175, 39, 1) 95.98%); */
  border: 0px;
  cursor: pointer;
}
.wpcf7-submit:hover{
  background-color: rgba(161, 180, 201, 0.9) !important;
  /* background: linear-gradient(90deg,
    rgba(231, 148, 39, 1) 0%,
    rgba(231, 151, 39, 1) 31.46%,
    rgba(231, 151, 39, 1) 31.47%,
    rgba(231, 155, 39, 1) 54.02%,
    rgba(231, 161, 39, 1) 67.19%,
    rgba(231, 167, 39, 1) 83.91%,
    rgba(230, 175, 39, 1) 95.98%), rgba(191, 191, 191, 0.5);
  background-blend-mode: color; */
}

.contact-map{
  width: 100%;
}
.contact-map-box{
  /*max-width: 1200px;*/
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 100px;
}

@media (max-width: 1340px){
  .hero__content__contact{max-width: 70.7%;}
  .contact-box{
    flex-direction: column;
    max-width: 70%;
  }
  .contact-inner{
    display: grid;
    grid-template-columns: (2, 1fr);
    justify-content: space-between;
  }
  .container-2{grid-area: 1 / 2;}
  .form__box{
    margin: 0 -10%;
    width: 120%;
  }
  .contact-map-box{max-width: 100%;}
}

@media (max-width: 1100px){
  .container-2{grid-area: auto;}
  .contact-container-2 {
    margin-top: 52px;
}
}

@media (max-width: 900px){
  #contact_title{font-size: 45px;}
  #form_title{font-size: 25px; padding: 0 9% 5px;}
  #form_sub_title{font-size: 14px; padding: 0 9% 10px;}
  #form_text {font-size: 13px;}

  input {font-size: 13px;}
  .hero__content__contact {
    margin: 160px auto 70px;
  }

  .wpcf7-form label{font-size: 13px;}

  .wpcf7{
    width: 100%;
    padding: 0 9%;
  }

  .form__box h1,
  .form__box p{width: 100%;}

  .name,
  .surname{width: 100%; float: unset;}

  .name .wpcf7-form-control-wrap input, .surname .wpcf7-form-control-wrap input {width: 100%;}

  .wp-block-contact-form-7-contact-form-selector{width: 100%;}

  .wpcf7-form .wpcf7-list-item label {
    display: flex;
    height: 18px;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
  }
  .wpcf7-list-item-label {width: 85%;}
}

.privacy-policy-box{
  max-width: 1200px;
  color: #222955;
  margin: 0 auto 160px;
}

.privacy-policy-box h2{
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 18px;
}

.privacy-policy-box a{
  color: #222955;
  text-decoration: underline;
}
.privacy-policy-box a:hover{
  color: #a1b4c9;
  text-decoration: underline;
}



/* ! Footer */

.footer{
  position: relative;
  width: auto;
  /* background: linear-gradient(90deg, rgba(35, 41, 85, 1) 0%,
  rgba(32, 44, 89, 1) 15.43%, rgba(22, 53, 99, 1) 29.3%,
  rgba(5, 69, 118, 1) 42.54%, rgba(0, 73, 123, 1) 45.53%); */
  background-color: #222955;
  color: #dbdbdb;
}
.footer__box{
  display: flex;
  width: 1440px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  flex-direction: column;
}
.footer__logo__panel1{
  width: auto;
  display: flex;
  justify-content: center;
}
.footer__logo__panel{
  width: 160px;
  height: 160px;
  background-color: rgba(235, 235, 234, 0.75);
  border-radius: 200px;
  display: flex;
  align-self: center;
}

#footer__logo{
  width: auto;
  height: 140px;
  margin: 0 auto;
  align-self: center;
}
.footer__info{
  display: flex;
  padding: 70px 0 30px;
  margin-left: auto;
  margin-right: auto;
  width: 1440px;
  left: 0;
  right: 0;
}
.divisor__vert,
.divisor__vert__2{
  background: #808080;
  height: 225px;;
  width: 2px;
}
.divisor__vert__3{display: none;}
.divisor__hor{
  background: #808080;
  height: 2px;
  width: 1440px;

}

.footer__dove__siamo,
.footer__contatti,
.footer__social{
  margin-left: 15px;
  line-height: 35px;
}
.footer__dove__siamo,
.footer__contatti{
  width: 100%;
  z-index: 0;
}

.footer-btn::before,
.footer-btn::after{
  background-color: #dbc575;
  left: 0;
}
.society-btn.footer-btn:hover::before,
.footer-btn::after{
  width: 258px;
}
.society-btn.footer-btn:hover{
  color: #222955;
}

.footer__button{
  background:  rgba(219, 197, 117, 1);
  color: #222955;
  border-radius: 10px;
  line-height: 3.5;
}
.footer__button__padding{
  padding: 10px;
}
.footer__button:hover{
  background: rgba(235, 235, 234, 0.8);
  color: #222955;
}

.footer__copyright{
  display: flex;
  width: 1440px;
  padding: 8px 15px 15px;
  justify-content: space-between;
}
.footer__copyright a{color: #dbc575;}
.footer__copyright a:hover{color: #ebebea;}

/* -------------------------------------------------------------------------------- */
/* ! Tablet */
/* -------------------------------------------------------------------------------- */

@media (max-width: 1490px ) {
  .footer__box{width: auto;}
  .footer__info{
    display: flex;
    margin: 0 auto;
    width: 90%;
  }

  .divisor__hor{
    margin: 0 auto; 
    width: 90%; 
    background: #808080; 
    height: 2px;
  }

  .footer__copyright{
    width: 90%; 
    margin: 0 auto;
  }
}

/* -------------------------------------------------------------------------------- */
/* ! Smartphone */
/* -------------------------------------------------------------------------------- */

@media (max-width: 815px ) {
  .footer__box{width: auto; flex-direction: column;}

  .footer__logo__panel{
    width: 130px;
    height: 130px;   
  }

  .society-btn.footer-btn:hover::before, 
  .society-btn.footer-btn::after {width: 210px;}
  .footer-btn:hover::before {width: 210px;}

  #footer__logo{
    height: 110px;
  }  

  #menu_text,
  #small_text{font-size: 12px;}
  #copyright_text,
  #button_text{font-size: 10px;}
}

@media (max-width: 670px){
  .footer__info{
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(2, 1fr);
  }
  .footer__logo__panel1{
    grid-area: 2 / 1 / 2 / 3;
  }
}

@media (max-width: 600px){
  .footer__copyright {
    flex-direction: column;
  }
  .footer__copyright p{
    margin-top: 8px;
    margin-bottom: 2px;
  }
}

@media (max-width: 492px){
  .society-btn{letter-spacing: 2px;}
  .society-btn.footer-btn::after {width: 190px;}
  .society-btn.footer-btn:hover::before {width: 190px;}
}

@media (max-width: 450px){
  .footer__info{
    grid-template-columns: repeat(1, 1fr);
  }
  .society-btn{letter-spacing: 2px;}
  
  .footer__logo__panel1{
    justify-content: flex-start;
    grid-area: 3;
    margin-left: 15px;
    margin-top: 15px;
  }
}

@media (max-width: 300px) {
  .footer__info,
  .divisor__hor,
  .divisor__hor__2,
  .footer__dove__siamo,
  .footer__contatti,
  .footer__social,
  .footer__copyright{width: 215px;}
}

.error-404{
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #222955;
}
#error-404-logo{width: 200px; padding-top: 24px;}
#error-404-title{font-size: 100px; font-weight: 700; text-transform: uppercase;}
#error-404-subtitle{font-size: 24px; font-weight: 600; text-transform: uppercase; margin-bottom: 15px;}
#error-404-text{font-size: 14px; font-weight: 400; margin-bottom: 30px;}

.error-404-text{
  padding-left: 75px;
}

.society-btn.error-404-btn::after{
  width: 196px;
}
.society-btn:hover.error-404-btn::before{
  width: 196px;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: 0}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: 0}
  to {opacity: 1}
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a1b4c9;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #a1b4c9;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #a1b4c9;
}

/* ! Box Sizing */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



/* .ArchCover_root__XRASL{
  position:absolute;
  width:120%;
  left:50%;
  transform:translateX(-50%);
  display:block;z-index:1
}
.ArchCover_up__H91wN{
  bottom:-5px
}
.ArchCover_down__m6T46{
  top:-2px
}
.ArchCover_down__m6T46 svg{
  transform:rotate(180deg)
}



.pg_button{
  display:flex;
  align-items:center;
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content;
  height:4.8rem;
  padding:0 2.4rem;
  border:.2rem solid #000;
  border-radius:2.4rem;
  background-color:transparent;
  outline:none;
  transition:all .3s
}
@media(hover:hover){
  .pg_button:hover{
    color:#fff;
    background-color:#000
  }
  }
  .pg_button:active,
  .pg_button:focus{
    color:#fff;
    background-color:#000
  }
  .pg_button.PillButton_inverse__IT1i6{
    color:#fff;
    border-color:#fff
  }
  @media(hover:hover){
    .pg_button.PillButton_inverse__IT1i6:hover{
      color:#000;
      background-color:#fff
    }
    }
    .pg_button.PillButton_inverse__IT1i6:active,
    .pg_button.PillButton_inverse__IT1i6:focus{
      color:#000;
      background-color:#fff
    }
    @media(min-width:1120px){
      .pg_button{
        height:6.8rem;
        padding:0 3.4rem;
        border-radius:3.4rem
      }
      }
      .pg_box{
        position:relative;
        height:100%;
        display:flex;
        align-items:center;
        overflow:hidden;
        justify-content: center;
      }
      .pg_container{
        width:calc(100% - var(--grid-margin)*2);
        height:auto;margin:0 var(--grid-margin);
        background-color:#fff;
        transition:height .3s cubic-bezier(.39,.575,.565,1);
        overflow:hidden
      }
      .pg_inner{
        position:relative;
        padding:3.2rem
      }
      .pg_carousel{
        position:relative;
        list-style:none;
        margin:0;
        padding:0
      }
      @-webkit-keyframes FeaturedProjects_fadeIn__tPbll{
        0%
        {
          opacity:.01
          }
          to
          {
            opacity:1
            }
            }
            @keyframes FeaturedProjects_fadeIn__tPbll{
              0%
              {
                opacity:.01
                }
                to
                {
                  opacity:1
                  }
                  }
                  .pg_slide{
                    display:none
                  }
                  .pg_slide_title_active{
                    display:block;
                    -webkit-animation:FeaturedProjects_fadeIn__tPbll .6s linear both;
                    animation:FeaturedProjects_fadeIn__tPbll .6s linear both
                  }
                  .pg_slide .FeaturedProjects_eyebrow__jw7H1{
                    margin-bottom:1.6rem
                  }
                  .pg_slide .pg_slide_title{
                    margin-bottom:2.4rem
                  }
                  .pg_pagination{
                    display:flex;
                    justify-content:space-between;
                    align-items:flex-end;
                    padding-top:3.2rem
                  }
                  .pg_pagination_button_box{
                    display:flex;
                    margin-bottom:.3rem
                  }
                  .pg_pagination_button{
                    position:relative;
                    width:1.6rem;
                    height:1.6rem;
                    padding:0;
                    border:0;
                    margin-left:.8rem;
                    background-color:transparent;
                    cursor:pointer;
                    outline:none;
                    color:transparent;
                    transition:all .3s
                  }
                  .pg_pag_but_circle_active{
                    color:#000
                  }
                  .pg_pag_but_circle_active_time{
                    color:#d9d9d9
                  }
                  @media(hover:hover){
                    .pg_pagination_button:hover:not(.pg_pag_but_circle_active){
                      color:#000
                    }
                  }
                    .pg_pagination_button:active:not(.pg_pag_but_circle_active),
                    .pg_pagination_button:focus:not(.pg_pag_but_circle_active){
                      color:#000
                    }
                    @-webkit-keyframes FeaturedProjects_progressTimer__DX1C6{
                      0%
                      {
                        stroke-dashoffset:0
                        }
                        to
                        {
                          stroke-dashoffset:163
                          }
                          }
                          @keyframes FeaturedProjects_progressTimer__DX1C6{
                            0%
                            {
                              stroke-dashoffset:0
                              }
                              to
                              {
                                stroke-dashoffset:163
                                }
                                }
                                .pg_pag_but_circle{
                                  position:absolute;
                                  top:100%;
                                  left:0;
                                  transform:rotate(-90deg) scale(.28);
                                  transform-origin:0 0;
                                  cursor:pointer;
                                  color:currentColor;
                                  -webkit-animation:FeaturedProjects_all__x9gSa .45s;
                                  animation:FeaturedProjects_all__x9gSa .45s;
                                  overflow:visible
                                }
                                .pg_pag_but_circle_svg{
                                  stroke-dasharray:163;
                                  stroke-dashoffset:0;
                                  -webkit-animation-name:FeaturedProjects_progressTimer__DX1C6;
                                  animation-name:FeaturedProjects_progressTimer__DX1C6;
                                  -webkit-animation-duration:var(--timer);
                                  animation-duration:var(--timer);
                                  -webkit-animation-timing-function:linear;
                                  animation-timing-function:linear;
                                  animation-direction:reverse;
                                  -webkit-animation-iteration-count:infinite;
                                  animation-iteration-count:infinite
                                }
                                @media(min-width:1120px){
                                  .pg_box{
                                    padding-top:15rem;
                                    padding-bottom:15rem
                                  }
                                  .pg_container{
                                    width:calc(var(--grid-gap)*5 + var(--grid-col-width)*5)
                                  }
                                  .pg_inner{
                                    padding:6.4rem
                                  }
                                  .pg_slide .FeaturedProjects_eyebrow__jw7H1{
                                    margin-bottom:2.4rem
                                  }
                                  .pg_slide .pg_slide_title{
                                    margin-bottom:3.2rem
                                  }
                                  .pg_pagination{
                                    padding-top:6.4rem
                                  }
                                  } */







/*.HighlightBlock_root__xgjzE{padding:6.4rem 0;align-content:center;background-color:#fff}
.HighlightBlock_root-center__UutRY{text-align:center}
.HighlightBlock_extend-viewport__fmQBP{min-height:120vh}
.HighlightBlock_button__0Wu4v,
.HighlightBlock_eyebrow__6Qe7M,
.HighlightBlock_text__uIS6v{grid-column:1/-1}
.HighlightBlock_eyebrow__6Qe7M{max-width:none}
.HighlightBlock_root-center__UutRY .HighlightBlock_eyebrow__6Qe7M,
.HighlightBlock_root-medium__dlNQa .HighlightBlock_eyebrow__6Qe7M{margin-bottom:3.2rem}
.HighlightBlock_root-largeCol1__neEPA .HighlightBlock_eyebrow__6Qe7M,
.HighlightBlock_root-large__AG3wu .HighlightBlock_eyebrow__6Qe7M{margin-bottom:2rem}
.HighlightBlock_root-center__UutRY .HighlightBlock_text__uIS6v{max-width:106rem;margin-right:auto;margin-left:auto}
.HighlightBlock_button__0Wu4v{margin-top:3.6rem}
.HighlightBlock_root-center__UutRY .HighlightBlock_button__0Wu4v{justify-self:center}

@media(min-width:1120px){
  .HighlightBlock_root__xgjzE{padding:20rem 0}
  .HighlightBlock_root-center__UutRY{padding-top:20rem;padding-bottom:20rem}
  .HighlightBlock_extend-viewport__fmQBP{min-height:100%}
  .HighlightBlock_root-medium__dlNQa .HighlightBlock_eyebrow__6Qe7M{grid-column:1/3;text-align:right}
  .HighlightBlock_root-large__AG3wu .HighlightBlock_eyebrow__6Qe7M{grid-column:2/-2;margin-bottom:6.4rem}
  .HighlightBlock_root-largeCol1__neEPA .HighlightBlock_eyebrow__6Qe7M{grid-column:1/-3;margin-bottom:6.4rem}
  .HighlightBlock_root-medium__dlNQa .HighlightBlock_text__uIS6v{grid-column:3/-2;margin-top:-.25em}
  .HighlightBlock_root-large__AG3wu .HighlightBlock_text__uIS6v{grid-column:2/-2}
  .HighlightBlock_root-largeCol1__neEPA .HighlightBlock_text__uIS6v{grid-column:1/-3}
  .HighlightBlock_root-medium__dlNQa .HighlightBlock_button__0Wu4v{grid-column:3/-2;margin-top:6.8rem}
  .HighlightBlock_root-large__AG3wu .HighlightBlock_button__0Wu4v{grid-column:2/-2}
  .HighlightBlock_root-largeCol1__neEPA .HighlightBlock_button__0Wu4v{grid-column:1/-3}
  }
  @media(min-width:1600px){
    .HighlightBlock_root-medium__dlNQa .HighlightBlock_text__uIS6v{grid-column:3/-3}
    .HighlightBlock_root-large__AG3wu .HighlightBlock_text__uIS6v{grid-column:2/-3}
    }
    .IndentHeadline_root__qfmN3{align-items:baseline;overflow:hidden;-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual;width:100%}
    .IndentHeadline_root-transparent__p5618{background-color:transparent}
    .IndentHeadline_eyebrow__jOQxP{margin-bottom:3.2rem;position:absolute;bottom:0}
    .IndentHeadline_eyebrow__jOQxP img{width:1.9rem}
    .IndentHeadline_eyebrow__jOQxP,
    .IndentHeadline_headline1__NiDRp,
    .IndentHeadline_headline2__n1s1O{grid-column:1/-1}
    @media(min-width:1120px){
      .IndentHeadline_root__qfmN3{-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}
      .IndentHeadline_headline1__NiDRp,.IndentHeadline_headline2__n1s1O{white-space:nowrap}
      .IndentHeadline_headline2__n1s1O{grid-column:3/-1}
      .IndentHeadline_eyebrow__jOQxP{position:relative;grid-column:1/3;grid-row:2;text-align:right;margin-bottom:0}
      }
      .LoopingCarousel_root__bfI_c{overflow:hidden}
      .LoopingCarousel_list__nlZ3e{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;list-style:none;margin:0;padding:0;visibility:hidden}
      .LoopingCarousel_list-visible__MMxhj{visibility:visible}
      .LoopingCarousel_list__nlZ3e>li{grid-column-start:1;grid-column-end:1;grid-row-start:1}
      .ArchCover_root__XRASL{position:absolute;width:120%;left:50%;transform:translateX(-50%);display:block;z-index:1}
      .ArchCover_up__H91wN{bottom:-5px}
      .ArchCover_down__m6T46{top:-2px}
      .ArchCover_down__m6T46 svg{transform:rotate(180deg)}
      @-webkit-keyframes Video_fadeIn__LcJki{
        0%
        {
          opacity:0
          }
          to
          {
            opacity:1
            }
            }
            @keyframes Video_fadeIn__LcJki{
              0%
              {
                opacity:0
                }
                to
                {
                  opacity:1
                  }
                  }
                  .Video_root__GnEWT{opacity:0}
                  .Video_root__GnEWT.Video_visible__7dW1A{-webkit-animation:Video_fadeIn__LcJki .5s forwards;animation:Video_fadeIn__LcJki .5s forwards}
                  .Video_placeholder__ECx0N,
                  .Video_poster__cBh3L,.Video_video__Q_2Ul{position:absolute;top:0;left:0;width:100%;height:100%}
                  .ImageVideo_imageVideo__1eUMW{position:relative;overflow:hidden}
                  .ImageVideo_imageVideo__1eUMW img,
                  .ImageVideo_imageVideo__1eUMW video{display:block;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-o-object-fit:cover;object-fit:cover}
                  .ImageVideoCarousel_root__IiWux{background-color:#fff;--carousel-item-gap:var(--grid-margin);--carousel-item-width:calc(var(--grid-gap) * 3 + var(--grid-col-width) * 3.4);--carousel-item-snap:var(--grid-margin)}
                  .ImageVideoCarousel_item__yLARs{width:var(--carousel-item-width);height:calc(var(--carousel-item-width)/.75)}
                  .ImageVideoCarousel_item__yLARs:nth-child(2n){margin-top:3rem}
                  .ImageVideoCarousel_image__jOmgm{width:100%;height:100%}
                  @media(min-width:640px){
                    .ImageVideoCarousel_root__IiWux{--carousel-item-gap:var(--grid-gap);--carousel-item-width:calc(var(--grid-gap) * 3 + var(--grid-col-width) * 4);--carousel-item-snap:calc(var(--grid-margin) + var(--grid-col-width) + var(--grid-gap))}
                    .ImageVideoCarousel_item__yLARs:nth-child(2n){margin-top:4rem}
                    }
                    @media(min-width:1120px){
                      .ImageVideoCarousel_root__IiWux{--carousel-item-width:calc(var(--grid-gap) * 4 + var(--grid-col-width) * 4);--carousel-item-snap:calc(var(--grid-margin) + (var(--grid-col-width) * 2) + (var(--grid-gap) * 2))}
                      .ImageVideoCarousel_item__yLARs:nth-child(2n){margin-top:6rem}}
                      .FooterLink_root__aCRPx{display:block;position:relative;height:var(--footer-height-rem);overflow:hidden}
                      .FooterLink_container__hpQLZ{visibility:hidden;position:fixed;right:0;bottom:0;left:0;height:calc(var(--footer-height-rem) + 30rem);background-color:#fff;color:#fff;z-index:-1;overflow:hidden}
                      .FooterLink_container-visible__twZhX{visibility:visible}
                      .FooterLink_background___CLyK,.FooterLink_link__4BZY6{display:flex;position:fixed;right:0;bottom:0;left:0;height:var(--footer-height-rem)}
                      .FooterLink_link__4BZY6{align-items:center;justify-content:center}
                      .FooterLink_backgroundImage__ZVNX_{flex:1 1;background-size:cover;background-position:50%;z-index:-1}
                      .FooterLink_backgroundImage__ZVNX_:last-child{display:none}
                      @media(min-width:1120px){
                        .FooterLink_backgroundImage__ZVNX_:last-child{display:block}
                      }

                                                          .Cursor_root__K9zOQ{
                                                            font-family:Futura Maxi W05 Bold,sans-serif;
                                                            font-size:1.2rem;
                                                            letter-spacing:.01em;
                                                            line-height:1;
                                                            text-transform:uppercase;
                                                            position:absolute;
                                                            width:13.3rem;
                                                            height:13.3rem;
                                                            border:3px solid;
                                                            background-color:transparent;border-radius:50%;
                                                            display:flex;
                                                            justify-content:center;
                                                            align-items:center;
                                                            color:currentColor;
                                                            z-index:1;
                                                            opacity:0;
                                                            transform:scale(.5);
                                                            transition:opacity .15s,transform .15s
                                                            }
                                                            .Cursor_root__K9zOQ.Cursor_visible__QKevk{opacity:1;transform:scale(1)}
                                                            .Cursor_root__K9zOQ:before{content:"";position:absolute;top:-350%;left:-350%;width:800%;height:800%;z-index:-1}
                                                            .Hero_root__VnSvm{position:relative;height:100%;align-content:center;z-index:0;overflow:hidden}
                                                            .Hero_headline__M0V9S,.Hero_root__VnSvm{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
                                                            .Hero_headline__M0V9S{grid-column:1/span 4;max-width:32rem;pointer-events:none;opacity:.01;text-align:left}
                                                            .Hero_headline__M0V9S .Hero_lines__jbc3h{opacity:.01}
                                                            .Hero_button__eKd7k{grid-column:1/-1;margin-top:2.8rem;opacity:.01}
                                                            @-webkit-keyframes Hero_scaleDown__Wl_pg{
                                                              0%
                                                              {
                                                                transform:scaleY(0);
                                                                transform-origin:top
                                                                }
                                                                to
                                                                {
                                                                  transform:scaleY(1);
                                                                  transform-origin:top
                                                                  }
                                                                  }
                                                                  @keyframes Hero_scaleDown__Wl_pg{
                                                                    0%
                                                                    {
                                                                      transform:scaleY(0);
                                                                      transform-origin:top
                                                                      }
                                                                      to
                                                                      {
                                                                        transform:scaleY(1);
                                                                        transform-origin:top
                                                                        }
                                                                        }
                                                                        .Hero_scrollIndicatorOuter__wLfC3{
                                                                          grid-column:5/-1;
                                                                          position:absolute;
                                                                          bottom:3.2rem;
                                                                          left:100%;
                                                                          -webkit-animation:Hero_scaleDown__Wl_pg .45s cubic-bezier(.215,.61,.355,1) 2s both;
                                                                          animation:Hero_scaleDown__Wl_pg .45s cubic-bezier(.215,.61,.355,1) 2s both
                                                                          }
                                                                          @-webkit-keyframes Hero_indicatorLoop__w428r{
                                                                            0%,
                                                                            to
                                                                            {
                                                                              transform:scaleY(1);
                                                                              transform-origin:bottom
                                                                              }
                                                                              5%
                                                                              {
                                                                                transform:scaleY(0);
                                                                                transform-origin:bottom
                                                                                }
                                                                                6%
                                                                                {
                                                                                  transform:scaleY(0);
                                                                                  transform-origin:top
                                                                                  }
                                                                                  10%
                                                                                  {
                                                                                    transform:scaleY(1);
                                                                                    transform-origin:top
                                                                                  }
                                                                                    }
                                                                                    @keyframes Hero_indicatorLoop__w428r{
                                                                                      0%,
                                                                                      to
                                                                                      {
                                                                                        transform:scaleY(1);
                                                                                        transform-origin:bottom
                                                                                        }
                                                                                        5%
                                                                                        {
                                                                                          transform:scaleY(0);
                                                                                          transform-origin:bottom
                                                                                          }
                                                                                          6%
                                                                                          {
                                                                                            transform:scaleY(0);
                                                                                            transform-origin:top
                                                                                            }
                                                                                            10%
                                                                                            {
                                                                                              transform:scaleY(1);
                                                                                              transform-origin:top
                                                                                              }
                                                                                              }
                                                                                              .Hero_scrollIndicator__UCf_G{
                                                                                                position:relative;
                                                                                                height:4rem;
                                                                                                width:.26rem;
                                                                                                display:block;
                                                                                                pointer-events:none;
                                                                                                background-color:#000;
                                                                                                -webkit-animation:Hero_indicatorLoop__w428r 4.4s cubic-bezier(.215,.61,.355,1) 2.8s infinite;
                                                                                                animation:Hero_indicatorLoop__w428r 4.4s cubic-bezier(.215,.61,.355,1) 2.8s infinite}
                                                                                                @-webkit-keyframes Hero_scaleUp__YmarU{
                                                                                                  0%
                                                                                                  {
                                                                                                    transform:scale(0)
                                                                                                    }
                                                                                                    to
                                                                                                    {
                                                                                                      transform:scale(1)
                                                                                                      }
                                                                                                      }
                                                                                                      @keyframes Hero_scaleUp__YmarU{
                                                                                                        0%
                                                                                                        {
                                                                                                          transform:scale(0)
                                                                                                          }
                                                                                                          to
                                                                                                          {
                                                                                                            transform:scale(1)
                                                                                                            }
                                                                                                            }
                                                                                                            @media(min-width:1120px){
                                                                                                              .Hero_headline__M0V9S{grid-column:1/-1;text-align:center;white-space:nowrap;max-width:none}
                                                                                                              .Hero_scrollIndicatorOuter__wLfC3{bottom:7.2rem}
                                                                                                              .Hero_button__eKd7k{display:none}}
                                                                                                              .Landing_landing__wpBHo{height:100%}
                                                                                                              .Landing_indentHeadline__PO7cP{padding-top:6.4rem;padding-bottom:6.4rem;background-color:#fff}
                                                                                                              .Landing_indentHeadline__PO7cP div:first-child{position:relative}
                                                                                                              @media(min-width:640px){
                                                                                                                .Landing_indentHeadline__PO7cP{padding-top:20rem;padding-bottom:14rem}
                                                                                                              }