@font-face{
	font-family: 'AlumniSans';
	font-display: swap;
	font-style: normal;
	font-weight: regular;
	src: url('../../page/fonts/AlumniSans/alumni-sans-v18-latin-regular.woff2') format('woff2');
}
@font-face{
	font-display: swap;
	font-family: 'Cinzel Decorative';
	font-style: normal;
	font-weight: 700;
	src: url('../../assets/fonts/Cinzel_Decorative/cinzel-decorative-v16-latin-700.woff2') format('woff2');
}
@font-face{
	font-display: swap;
	font-family: 'Cinzel Decorative';
	font-style: normal;
	font-weight: 900;
	src: url('../../assets/fonts/Cinzel_Decorative/cinzel-decorative-v16-latin-900.woff2') format('woff2');
}
@font-face{
	font-display: swap;
	font-family: 'Akronim';
	font-style: normal;
	font-weight: regular;
	src: url('../../assets/fonts/Akronim/akronim-v23-latin-regular.woff2') format('woff2');
}
@font-face{
	font-display: swap;
	font-family: 'Advent Pro';
	font-style: normal;
	font-weight: 100;
	src: url('../../assets/fonts/Advent_Pro/advent-pro-v23-latin-100.woff2') format('woff2');
}
@font-face{
	font-display: swap;
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: url('../../assets/fonts/lato/lato-v24-latin-700.woff2') format('woff2');
}
@font-face{
	font-display: swap;
	font-family: 'Advent Pro';
	font-style: normal;
	font-weight: 200;
	src: url('../../assets/fonts/Advent_Pro/advent-pro-v23-latin-200.woff2') format('woff2');
}
@font-face{
	font-display: swap;
	font-family: 'Advent Pro';
	font-style: normal;
	font-weight: 500;
	src: url('../../assets/fonts/Advent_Pro/advent-pro-v23-latin-500.woff2') format('woff2');
}
@font-face{
	font-display: swap;
	font-family: 'Advent Pro';
	font-style: normal;
	font-weight: 600;
	src: url('../../assets/fonts/Advent_Pro/advent-pro-v23-latin-600.woff2') format('woff2');
}
@font-face{
	font-display: swap;
	font-family: 'Advent Pro';
	font-style: italic;
	font-weight: 600;
	src: url('../../assets/fonts/Advent_Pro/advent-pro-v23-latin-600italic.woff2') format('woff2');
}
@font-face{
	font-display: swap;
	font-family: 'Advent Pro';
	font-style: italic;
	font-weight: 800;
	src: url('../../assets/fonts/Advent_Pro/advent-pro-v23-latin-800italic.woff2') format('woff2');
}
@font-face{
	font-display: swap;
	font-family: 'Advent Pro';
	font-style: normal;
	font-weight: regular;
	src: url('../../assets/fonts/Advent_Pro/advent-pro-v23-latin-regular.woff2') format('woff2');
}
@font-face{
	font-display: swap;
	font-family: 'Carattere';
	font-style: normal;
	font-weight: 400;
	src: url('../../assets/fonts/carattere/carattere-v7-latin-regular.woff2') format('woff2');
}
@font-face{
	font-display: swap;
	font-family: 'Lato';
	font-style: normal;
	font-weight: 100;
	src: url('../../assets/fonts/lato/lato-v24-latin-100.woff2') format('woff2');
}
@font-face{
	font-display: swap;
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	src: url('../../assets/fonts/lato/lato-v24-latin-300.woff2') format('woff2');
}
@font-face{
	font-display: swap;
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: url('../../assets/fonts/lato/lato-v24-latin-regular.woff2') format('woff2');
}
@font-face{
	font-display: swap;
	font-family: 'Lato';
	font-style: normal;
	font-weight: 900;
	src: url('../../assets/fonts/lato/lato-v24-latin-900.woff2') format('woff2');
}
@font-face{
	font-display: swap;
	font-family: 'Cinzel Decorative';
	font-style: normal;
	font-weight: regular;
	src: url('../../assets/fonts/Cinzel_Decorative/cinzel-decorative-v16-latin-regular.woff2') format('woff2');
}



:root{
	--chili-color-bright-background: #fff;
	--chili-color-dark-background: #202227ff;
	--chili-color-bright-font: #f9f4f4;
	--chili-color-dark-font: #5e5f62;
	--chili-color-1: #202227;
	--chili-color-2: #912182;
	--chili-color-3: #c9d4e7;
	--chili-color-4: #dfa43e;
}

body {
   
    background-color: transparent;
   
    background: linear-gradient(#fff,#dbe3ea);
    background:  linear-gradient(#dbe3ea,#f9fbfd);
    background-attachment: fixed;
}

.content {

   
    overflow-x: hidden;
    overflow-y: hidden;
}
.chili-default header {
  
    background-color: #fff0;

}

h2{
}
h3 {
   
    font-weight: 300;
}
.chili-default .logo {
    width: 6em !important;
    height: 4em;
    display: inline-block;
    background-position: center;
    margin: 0.5em;
    position: absolute;
padding: 0em;
}
.image-list-item {
    width: calc( 20% - 1em );
    margin: 3em 0em 1em 0em;
    flex: auto;
    position: relative;
}
.image-list .list{
	display: flex;
	flex-direction: row;
	margin-right: -1em;
	max-width: 700px;
	margin: auto;
}
.image-list-item div:first-of-type {
    position: relative;
    width: 30%;
    height: auto;
    background-size: contain;
    background-position: center;
    overflow: hidden;
    margin: auto;
}
.image-list-item div:first-of-type::after{
	content: '';
	display: block;
	margin-top: 100%;
}
.block.colored.shape{
	background-image: linear-gradient(to bottom right,#9b1060,#e7a605);
}
.block-content{
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.chili-default footer{
background-color:var(--chili-color-dark-background);
color:var(--chili-color-dark-font);
padding: 0em;
}

.chili-default footer .center {
    padding: 3em;
    padding-left: 12em;
    background-image: url(../images/design/chili_sign.svg);
    background-size: 7em;
    background-position: center left;
}
.center {
    max-width: 1200px;
    margin: auto;
position: relative;
width: 90%;
height:100%;
}


.start-block {
    background: none;
    position: relative;
    padding-top: 7em;
    padding-bottom: 0em;
height: 100vh;
}
.start-block img:first-of-type {
    width: 129vh;
    float: right;
    clear: left;
    margin-top: -30%;
    position: absolute;
    left: 35%;
    bottom: 0;
}
.start-block img:last-of-type {
    width: 65%;
    padding: revert;
    position: absolute;
    bottom: 60%;
    left: -20%;
    display: block;
    z-index: -3;
}


.chili-navigation-1 header nav a {
    font-weight: 700;
    letter-spacing: 0.1em;
    font-size: 1.1em;
    text-transform: unset;
    color: #000;
}
@media( min-width: 800px ){  
header {
    position: absolute;
    z-index: 2;
    width: 100%;
}
header::before {
    content: '';
    height: 1em;
    width: 100%;
    display: none;
    background: linear-gradient(to right bottom, rgb(155, 16, 96), rgb(231, 166, 5));
}
.toggle:first-of-type {
    margin-top: 20%;
    position: absolute;
}

.chili-navigation-1 header nav {
    color: var(--chili-color-dark-font);
    text-align: right;
    z-index: 66;
    position: absolute;
    width: auto;
    float: unset;
    right: 0;
    width: 100%;
    max-width: 1200px;
    text-align: right;
    margin: auto;
    left: 0;
margin-top: 1.5em;
}
.chili-navigation-1 header nav ul {
    margin: 0;
    text-align: right;
    padding: 0em;
    float: right;
}

.toggled + input + header {
    background-color: #2022276b;
    position: fixed;
    height: 5em;
animation:navigation-fade 0.5s;
}
.toggled + input + header .logo {
   display:block;
}

.toggled + input +  header nav a {
   
    color: #fff;
}


}
.page_home header .logo {
    display: block;
}
.big-button {
    position: absolute;
   left: 0em;
    background-color: #1b95de;
    padding: 1em 5em;
    bottom: 10em;
    z-index: 3;
    color: #FFF !important;
    font-size: 1.2em;
    border-radius: 2em;
  
    text-decoration: navajowhite;
    text-transform: uppercase;
}
.center::after {
    content: '';
    clear: both;
    display: block;
}
.start-block .text h2{
  
font-weight:500;
}
.start-block .text h2 sup {
    font-size: 0.5em;
    padding: 0.3em;
}
.image-list-item h3 {
    font-size: 0.8em;
    line-height: 1em;
    margin: -1em 0em 2em 0em;
    text-align: center;
    font-weight: 400;
}
.text {
    display: block;
    position: relative;
    width: 50%;
height: 100%;
}
.start-block .text h2 {
    font-weight: 300;
    font-size: 4em;
    line-height: 1em;
    padding: 0;
    display: inline-block !important;
    margin: 0;
    color: var(--chili-color-1);
}



.text div {
    margin-top: 2em;
}



@keyframes navigation-fade{
0%{top:-6em;}
100%{top:0;}

}



.block.colored.shape {
    overflow: visible;
    background-color: transparent;
   
    min-height: 33em;
    z-index: -1;
}

.block.colored.shape h2 {
    font-weight: 300;
    font-size: 4em !important;
    line-height: 1em;
    padding: 0;
    display: inline-block !important;
    margin: 0;
    color: var(--chili-color-1) !important;
}

#sw-js-blob-svg path {
    fill: #408ee1;
}
/*#sw-js-blob-svg path {
    fill: #c3cdd7;
}*/
#sw-js-blob-svg path {
    fill: #1b95de;
}
.block.colored.shape .center svg {
    width: 109vw;
    height: 117vh;
    position: absolute;
    transform: translate(-55%,-61%);
    z-index: -1;
    mix-blend-mode: unset;
}
.block.colored.shape.inv .center svg {
    left: auto;
    right: 0;
    transform: translate(54%,-37%);
}
.block.colored.shape {
    background-image: none;
}
.block.colored.shape.inv .block-title {
    color: var(--chili-color-dark-font);
}

.block.shape .block-content .block-subtitle {
    margin-top: 14vw;
    padding-left: 50%;
    color: #000;
}
.block.shape .block-text {
    margin-left: 50%;
    color: #000;
}


.block.shape .block-content .block-title {
    font-size: 5em;
    margin-top: 2vw;
    padding-left: 0;
    width: 50%;
    float: left;
    line-height: 1.2em;
    font-weight: 300;
}
.scrollAnimate .block-text, .scrollAnimate .block-subtitle{
	transform:translate(90%,0);
	transition:all 0.3s;
	opacity:0;
}
.block.colored.shape.scrollAnimate[data-animation="inside"] .block-text,
.block.colored.shape.scrollAnimate[data-animation="outsideTop"] .block-text,
.block.colored.shape.scrollAnimate[data-animation="inside"] .block-subtitle,
.block.colored.shape.scrollAnimate[data-animation="outsideTop"] .block-subtitle{

	transform:translate(0%,0);	
	opacity:1;
}


.scrollAnimate .block-title{
	transform:translate(-90%,0);
	transition:all 0.3s;
	opacity:0;
}
.block.colored.shape.scrollAnimate[data-animation="inside"] .block-title,
.block.colored.shape.scrollAnimate[data-animation="outsideTop"] .block-title{

	transform:translate(0%,0);	
	opacity:1;
}




.block.colored.shape.scrollAnimate ul {
    margin: 0;
}
.block.colored.shape.scrollAnimate li {
    list-style-type: none;
    margin: 0;
        margin-bottom: 0px;
    font-size: 1.5em;
    padding-left: 1.7em;
    margin-bottom: 1em;
    line-height: 1em;
}
.block.colored.shape.scrollAnimate li span {
    font-size: 1.1em;
    margin-right: 0.5em;
    margin-left: -1.6em;
}

.parallax .block-content {
    padding: 10em 0em;
    color: #fff;
    text-align: center;
}






@media( max-width: 800px ){  

.start-block {
   
    position: relative;
    padding-top: 5em;
    padding-bottom: 4em;
}
.start-block img:first-of-type {
    width: 71%;
    float: right;
    margin-right: 10%;
    margin-top: 6em;
}

.big-button {
    position: absolute;
  
 
    padding: 1em 5em;
    bottom: 3em;
    z-index: 3;
    color: #FFF !important;
    font-size: 0.9em;
    border-radius: 2em;

    text-decoration: navajowhite;
    text-transform: uppercase;
}

.start-block .text {
    position: absolute;
    padding: 0 1em;
    font-weight: 500;
    width: 90%;
}
.start-block .text h2 {
    font-weight: 300;
    font-size: 2em;
    line-height: 1em;
    padding: 0;
    display: inline-block !important;
    margin: 0;
    color: var(--chili-color-1);
}
.start-block .text h3 {
    font-size: 1em;
}
.start-block .text ul {
    display: none;
}

.start-block img:first-of-type {
    float: right;
    margin-top: 8%;
    bottom: 10%;
    width: 79vh;
    left: 2%;
}
.start-block img:last-of-type{
	display:none;
}
.block.shape .block-content .block-title {
    font-size: 3em !important;
    margin-top: 2vw;
    padding-left: 0;
    width: 100%;
    float: left;
    line-height: 1.2em;
    font-weight: 300;
}
.block.shape .block-text {
    margin-left: 100%;
    color: #000;
    clear: both;
    margin: 0;
    padding: 2em;
    font-size: 0.6em !important;
}
.chili-default .logo {
    width: 6em !important;
    height: 6em;
    left:2em;
}
#toggle_menu + header + label::after {
    content: '\2261 ';
    color: #6d7277 !important;
    text-decoration: none;
}
}