:root {

  --default: #ffffff;

  --default-light: #9fb549;

  --default-dark: #6c852a;

  --custom-dark: #3c550a;

  --default-medium: #b6bab1;

  --default-hilite: #e0e0e0;

  --default-hilite-hover: #d0d0d0;

  --light: #c6cac1;

  --light-hover: #b6bab1;

  --highlight: #c3ce65;

  --highlight-hover: #77af5d;

  --highlight-bg: #bFc9d0;

  --highlight-bg-2: #7F8990;

  --custom-main: #fff;

  --custom-main-exadecimal: '255 255 255';

    /*

  --link: var(--bs-teal);   

  --link-hover: var(--bs-light);

    */

  --link: darkred; 

  --link-hover: red;

}



@font-face {font-family: fontdefault; src: url('/css/Poppins/Poppins-Regular.ttf');}

@font-face {font-family: fontdefault; src: url('/css/Abril_Fatface/AbrilFatface-Regular.ttf');}

@font-face {font-family: fontdefaultsemibold; src: url('/css/Poppins/Poppins-SemiBold.ttf');}

@font-face {font-family: fontdefaultbold; src: url('/css/Poppins/Poppins-Bold.ttf');}

@font-face {font-family: fontdefaultitalic; src: url('/css/Sofia_Sans_Extra_Condensed/static/SofiaSansExtraCondensed-MediumItalic.ttf');}

@font-face {font-family: fonttitle; src: url('/css/Sofia_Sans_Extra_Condensed/static/SofiaSansExtraCondensed-Medium.ttf');}

@font-face {font-family: fonttitle; src: url('/css/Abril_Fatface/AbrilFatface-Regular.ttf');}



/*@font-face {font-display: auto;font-family: fontdefault;src: url('/css/Raleway/Raleway-Light.ttf');}*/

@font-face {font-display: auto;font-family: fontdefault;src: url('/css/Oswald/Oswald-Light.ttf');}

/*@font-face {font-display: auto;font-family: fontdefaultbold;src: url('/css/Raleway/Raleway-Bold.ttf');}*/

@font-face {font-display: auto;font-family: fontdefaultbold;src: url('/css/Oswald/Oswald-Regular.ttf');}

@font-face {font-display: auto;font-family: fontbold;src: url('/css/Oswald/Oswald-Light.ttf');}

@font-face {font-display: auto;font-family: fonttitle;src: url('/css/Oswald/Oswald-Bold.ttf');}

@font-face {font-display: auto;font-family: fontboldregular;src: url('/css/Oswald/Oswald-Regular.ttf');}



.containermenu nav::-webkit-scrollbar {

    -webkit-appearance: none;

    width: 0;

    height: 0;

}



.fontdefault                            {font-family:fontdefault,sans-serif!important;}

.fontdefaultbold, strong, b             {font-family:fontdefaultbold,sans-serif!important;}

.fontbold                               {font-family:fontdefaultbold,sans-serif!important;}

.fontblack                              {font-family:fonttitle,sans-serif!important;}

.fontitalic, em, i                      {font-family:fontdefaultitalic,sans-serif!important;}

.fonttitle                              {font-family:fonttitle,sans-serif!important;}

.fontmenu                               {font-family:fontdefault,sans-serif!important;}



.text-link                              {color: darkred;}

.text-link-hover,

.text-link:hover                        {color: red;}

.bg-link                                {background-color: darkred;}

.bg-link:hover,

.bg-link-hover                          {background-color: red;}

.bg-link:hover > .bg-link-hover           {background-color: red;}

.bg-gradient-custom                     {

                                        background-color: #6c852a;

                                        background-image: linear-gradient(90deg, #5c751a 0%, #9fb549 30%, #9fb549 60%, #5c751a 130%);    

                                        }

       

.text-gradient-custom                   {

                                        background: linear-gradient(45deg, rgba(119, 175, 93,1) 23.44140625%,rgba(119, 175, 93,1) 23.44140625%,rgba(195, 206, 101,1) 79.84765625%);                                        

                                        }

.bg-main                               {background-color: dvar(--bs-white);}

.bg-custom-main                        {background-color: var(--custom-main);}

.bg-custom-dark                        {background-color: var(--bs-gray-900);}

.bg-custom {

    position: relative; 

    height: 100%;

    width: 100%;

}

.text-footer  {color: darkslategray;}

ss.bg-footer  {background-color: var(--bs-gray-300);}

.bg-footer  {

    background-color: #222;

    /*

    background-image: radial-gradient(circle,rgba(30, 30, 30, 1) 0%, rgba(30, 30, 30, 1) 50%, rgba(60, 60, 60, 1) 100%);

    background-position: center center;

    background-repeat: no-repeat;

    background-attachment:fixed;

    */

}

.mix-blend-mode-difference {mix-blend-mode: difference;}

.pinchzoom-0 {touch-action: pan-x pan-y !important;}



.shape {

    /*

  dbackground: linear-gradient(64.00916346799386deg, rgba(119, 175, 93,1) 23.44140625%,rgba(119, 175, 93,1) 23.44140625%,rgba(195, 206, 101,1) 79.84765625%);

background-color: #8ae9b3;

background-image: linear-gradient(85deg, #8ae9b3 0%, #c8d6e5 74%);

    

background-color: #348F50;

background-image: linear-gradient(85deg, #348F50 0%, #56B4D3 74%);

    */

  animation: wave 4.0s ease-in-out infinite;

  opacity: 1;

  }

.scaled50 {

    -webkit-transform: scale(.5, .5);

    -moz-transform: scale(.5, .5);

    -ms-transform: scale(.5, .5);

    -o-transform: scale(.5, .5);

    transform: scale(.5, .5);

}

.scaled50y {

    -webkit-transform: scaleY(.5);

    -moz-transform: scaleY(.5);

    -ms-transform: scaleY(.5);

    -o-transform: scaleY(.5);

    transform: scaleY(.5);

}

@keyframes wave {

  0%, 100% {

    border-radius: 77% 23% 54% 46% / 40% 38% 62% 60%;

  }

  50% {

    border-radius: 70% 30% 72% 28% / 27% 61% 39% 73%;

  }

}            



@media only screen and (orientation : landscape) {

    .landscape  {display: block;}

    .portrait   {display: none;}

    .shape-wrapper {width: 12vw;max-width: 120px;top:-320px;}    

    /*.rigalink   {min-height:100vh;}*/

    .rigalink                   {padding-top:10vh;/*min-height:80vh;*/}

    .rigalink:first-of-type     {padding-top:0;}

    /*.reveal-text-wrapper   {min-height:80vh;mdin-height: -webkit-fill-available;}*/

    .reveal-text-wrapper   {min-height:10vh;mdin-height: -webkit-fill-available;}

    .object-position-right                  {object-position: center right;}

    .vh-100-fix   {height: 100vh;}

    .cover  {height:100vh;}

    .cover-wrapper .ratio {--bs-aspect-ratio: 75%;}    

    .cover-wrapper .display-1 {font-size: 8vw;}    

    .cover-spacer  {height:50vh;}

    .cover-spacer h1 {

                    transform: translate(-0%, 30%);

                    -webkit-transform: translate(-0%, 30%);

                    -ms-transform: translate(-0%, 30%);

                    -o-transform: translate(-0%, 30%);

                    -moz-transform: translate(-0%, 30%);        

                    }

    .video-wrapper  {margin-top: 10vh; height:80vh;}

    .mask.w-25 {width: 15vh!important;} 

    .mask.h-25 {height: 15vh!important;} 

    .home .mask.w-25 {width: 20vh!important;} 

    .home .mask.h-25 {height: 20vh!important;}     

}



@media only screen and (orientation : portrait) {

    .landscape  {display: none;}

    .portrait   {display: block;}

    .shape-wrapper {width:20vw;max-width: 100px;top:-320px;}

    .ht-cursor  {display: none!important;}

    .vh-100-fix   {min-height: 100vh;max-height: -webkit-fill-available;}

    .rigalink                   {padding-top:10vh;/*min-height:80vh;*/}

    .rigalink:first-of-type     {padding-top:0;}

    .reveal-text-wrapper   {min-height:10vh;/*min-height: -webkit-fill-available;*/}

    .object-position-right                  {object-position: center left;}

    .cover  {height:100vh;height: -webkit-fill-available;}

    .cover-wrapper .display-1 {font-size: 12vw;}    

    .cover-wrapper .ratio {--bs-aspect-ratio: 100%;}

    .cover-spacer  {height:50vh;}

    .cover-spacer h1 {

                    transform: translate(-0%, 30%);

                    -webkit-transform: translate(-0%, 30%);

                    -ms-transform: translate(-0%, 30%);

                    -o-transform: translate(-0%, 30%);

                    -moz-transform: translate(-0%, 30%);        

                    }

    .video-wrapper  {margin-top: 0vh; height:100vw;}

    .mask.w-25 {width: 14vh!important;} 

    .mask.h-25 {height: 14vh!important;} 

    .home .mask.w-25 {width: 5vh!important;} 

    .home .mask.h-25 {height: 5vh!important;}     

}



/*

.bgimage > div,

.grow-tagline-wrapper {opacity:0;}    

*/



body {

	/*font-family: fontdefault,sans-serif!important;*/

    width: 100vw;

    min-height: 100vh;

    min-height: -webkit-fill-available;

    -webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

    /*overflow-x: hidden;*/

}



.noscroll   {

            height:100vh!important;

            overflow-y:hidden!important;

            }



.sticky {position: -webkit-sticky;position: sticky;top: 0;}

.sticky_item {}

.sticky_item.is_stuck {z-index: 3;}



body.preventscroll {

  overflow: hidden;

  margin: 0;

  touch-action: none;

  -ms-touch-action: none;

  height: 100vh!important;

}



h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {margin: 0;margin-bottom: 0}



a {

	text-decoration: underline;

    text-decoration-thickness: .1em;

    text-underline-offset: .1em;    

    text-decoration-color: var(--bs-link);

	color: var(--bs-dark);

	outline: none;

}



a:active,

a:hover,

a:focus{

    text-decoration: none;

    text-decoration-color: transparent;

    color: var(--link-hover);

}



a.text-decoration-none:hover {text-decoration: none!important;text-decoration-color: inherit;text-decoration-thickness: .1em;

    text-underline-offset: .1em;}



.centered                               {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);}

.animated04                             {-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}

.animated06                             {-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;}

.animated10                             {-webkit-transition:all 1.0s ease;-moz-transition:all 1.0s ease;-o-transition:all 1.0s ease;transition:all 1.0s ease;}

.animated14                             {-webkit-transition:all 1.4s ease;-moz-transition:all 1.4s ease;-o-transition:all 1.4s ease;transition:all 1.4s ease;}



.text-decoration-underline              {text-decoration-thickness: .1em;}

.mix-blend-mode-difference              {mix-blend-mode: difference;}

.mix-blend-mode-normal                  {mix-blend-mode: normal;}

.zindex-8888                            {z-index: 888;}

.zindex-9999                            {z-index: 999;}

.lazyload,.lazyloading                  {opacity: 0;}

.lazyloaded                             {opacity: 1;/*transition: all 1500ms;*/}

.masonryitem                            {}

.masonryitem:hover .image               {

                                        sopacity:0.2;

                                        -webkit-transform: scale(1.11, 1.11);

                                        -moz-transform: scale(1.11, 1.11);

                                        -ms-transform: scale(1.11, 1.11);

                                        -o-transform: scale(1.11, 1.11);

                                        transform: scale(1.11, 1.11); 

                                        }

.masonryitem:hover .title               {opacity:0;}

.masonryitem:hover .title2              {opacity:1!important;text-align: center;}

.w-25                                   {width: 25%;}

.h-25                                   {height: 25%;}



.btn-close {

    --bs-btn-close-color: var(--default-light)!important;

    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")!important;

}



.bg-cover                               {background-size: cover; background-position: center center;}

.bg-contain                             {background-size: contain; background-position: center center;background-repeat: no-repeat;}

.bg-tile                                {

                                        /*

                                        background: url('/images/tile3.png'), linear-gradient(90deg, #5f7509 0%, #2b2708 20%, #2b2708 80%, #5f7509 100%); 

                                        background: url('/images/tile3.png'), linear-gradient(90deg, #5f7509 0%, #4b4728 20%, #2b2708 40%, #2b2708 60%, #4b4728 80%, #5f7509 100%); 

                                        background: url('/images/tile3.png'), linear-gradient(90deg, #2b2708 0%, #4b4728 20%, #5f7509 40%, #5f7509 60%, #4b4728 80%, #2b2708 100%); 

                                        sbackground-color: #2b2708;

                                        */

                                        background-image: url('/images/tile3.png');

                                        background-position: center center;

                                        dbackground-repeat: no-repeat;

                                        dbackground-size: cover;

                                        }



.bgtransitions                          {

                                        -webkit-transition: background-color 400ms linear;

                                        -ms-transition: background-color 400ms linear;

                                        transition: background-color 400ms linear;    

                                        }

.cursor-pointer                         {cursor:pointer}

.pointer-events-none                    {pointer-events:none;}



.scale-0                                {

                                        opacity:0;

                                        -webkit-transform: scale(0, 0);

                                        -moz-transform: scale(0, 0);

                                        -ms-transform: scale(0, 0);

                                        -o-transform: scale(0, 0);

                                        transform: scale(0, 0);        

                                        }



.italichover:hover                      {font-family:fontitalic,sans-serif!important;}

.letterspacinghover:hover               {letter-spacing:.05em;}

.approfondisci svg                      {margin-top: -4px;}



.hidden {

	position: absolute;

	overflow: hidden;

	width: 0;

	height: 0;

	pointer-events: none;

}



/* Page Loader */

.js .loading {

    height: 100vh;

    overflow-y: hidden;

    -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;

}



.js .loaded {

    height: auto;

    -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;

}



.js .loading::before {

	content: '';

	position: fixed;

	z-index: 999999;

	top: 0;

	left: 0;

	display: flex;

	width: 100%;

	height: 100%;

    line-height: 100%;

	text-align: center;

	background-color: var(--bs-white);

}



.js .loading::after {

	/*content: 'LOADING..';*/

	position: fixed;

	z-index: 9999999;

	top: 50%;

	left: 50%;

	animation: loaderAnim 0.8s ease-out infinite alternate forwards;

}



.js .loading::after {

	content: '';

	position: fixed;

	z-index: 9999999;

	top: 50%;

	left: 50%;

	width: 10px;

	height: 10px;

    border-radius: 50%;

	margin: -5px 0 0 -5px;

	pointer-events: none;

	background: var(--link);

	animation: loaderAnim 0.8s ease-out infinite alternate forwards;

}



@keyframes loaderAnim {

	to {

		transform: translate3d(0,-100px,0);

        /*opacity: 0;*/

	}

}



.masktop                                {

                                        pointer-events: none;

                                        background: -moz-linear-gradient(360deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,1) 100%);

                                        background: -webkit-linear-gradient(360deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,1) 100%);

                                        background: -o-linear-gradient(360deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,1) 100%);

                                        background: -ms-linear-gradient(360deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,1) 100%);

                                        background: linear-gradient(360deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,1) 100%);

                                        margin-top: -1px;

                                        }

.maskbottom                             {

                                        pointer-events: none;

                                        background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,1) 100%);

                                        background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,1) 100%);

                                        background: -o-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,1) 100%);

                                        background: -ms-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,1) 100%);

                                        background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,1) 100%);

                                        margin-bottom: -1px;

                                        }



.maskend                                {

                                        pointer-events: none;

                                        background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,1) 100%);

                                        background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,1) 100%);

                                        background: -o-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,1) 100%);

                                        background: -ms-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,1) 100%);

                                        background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,1) 100%);

                                        margin-right: -1px;

                                        }

.maskstart                              {

                                        pointer-events: none;

                                        background: -moz-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,1) 100%);

                                        background: -webkit-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,1) 100%);

                                        background: -o-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,1) 100%);

                                        background: -ms-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,1) 100%);

                                        background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,1) 100%);

                                        margin-left: -1px;

                                        }



.icon {

	display: block;

	width: 1.5em;

	height: 1.5em;

	margin: 0 auto;

	fill: var(--default-light);

}



.icon--inline {

	display: inline-block;

	width: 1em;

	height: 100%;

	margin: 0 0.25em 0 0;

}



.content.intro {

	height: 100vh;

}



.btn--menu {

	pointer-events: visible;

    z-index: 1019;

    transform: none;

}



.logo-container {

	top: 0;

	left: 0;

	pointer-events: visible;

    z-index: 1019;

    transform: none;

    overflow: hidden;

}



.logo-wrapper {

    opacity: 0;

    transform-origin: center;

    -webkit-transform: scale(12.5, 12.5);

   -moz-transform: scale(12.5, 12.5);

   -ms-transform: scale(12.5, 12.5);

   -o-transform: scale(12.5, 12.5);

   transform: scale(12.5, 12.5);        

}



.logo-wrapper.active {

    opacity: 1;

    -webkit-transform: scale(1, 1);

   -moz-transform: scale(1, 1);

   -ms-transform: scale(1, 1);

   -o-transform: scale(1, 1);

   transform: scale(1, 1);        

}



.text-end .w-75 {float:right;}



@media only screen and (min-width : 320px) {        



    .hidden {

        position: absolute;

        overflow: hidden;

        width: 0;

        height: 0;

        pointer-events: none;

    }    

    .form-floating textarea {height: 10.5rem!important;}

    .form-floating .form-control {font-size: 1.5rem;!important;}

    

.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after{background-color:transparent;}    

    .footer,      

    .footer-inner {min-height: 100vh;}      

    .footer {      

      display: flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      color: var(--default-dark);

    } 

    

    

input::file-selector-button {

    font-weight: bold;

  color: var(--bs-light)!important;

  dpadding: 0.5em;

  border: none;

  dborder-radius: 3px;

  background-color: var(--bs-dark)!important;

}    

    

input::file-selector-button:active,

input::file-selector-button:hover,

input::file-selector-button:focus{

  background-color: darkred!important;

}    

    

*:required {

  /*background-color:lightsalmon!important;*/

    /*

    outline-width: 1pt;

    outline-color: var(--bs-dark);

    outline-style: outset;

    */

}



.footer .logo {max-width: 240px;}      

        

} 



@media only screen and (min-width : 480px) {

}



@media only screen and (min-width : 768px) {

}



@media only screen and (min-width : 992px) {

}



@media only screen and (min-width : 1200px) {

}



/* hscroll --------------------------------------------------------- */

.hscroll {overflow-x: hidden;}

.panel,

.last-panel {

  width: 50%;

  flex: none;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  box-sizing: border-box;

}



.panel:nth-child(odd) {

}



@media (max-width: 767px) {

  .hscroll {overflow-x: scroll;}

  .panel {

    width: 90%;

  }

  .last-panel {

    width: 100%;

  }

}

/* hscroll --------------------------------------------------------- */

@media only screen and (orientation : landscape) {

}



/* spotlight --------------------------------------------------------- */

#spotlight  {

        background-color: var(--custom-main);    

}

/* spotlight --------------------------------------------------------- */