.visible_mob{display: none}
.hide_mob{display: block}

		

@media all and (max-width:991px){
	.hide_mob{display: none}
	.visible_mob{display: block}
}

.bs{
        box-shadow: 13px 15px 10px #2222,-13px -15px 20px #2222;
}
.bs2{
        box-shadow: 10px 25px 22px #2221;
}
.nz1{z-index: -1;}
.nz2{z-index: -2;}
.nz3{z-index: -3;}
.z1{z-index: 1;}
.z2{z-index: 2;}
.z3{z-index: 3;}
.z4{z-index: 4;}
.z4{z-index: 4;}
.z4{z-index: 4;}
.z4{z-index: 4;}
.z4{z-index: 4;}
.z4{z-index: 4;}
.z9{z-index: 9;}
.z10{z-index: 10;}
.h90{    min-height:  90vh; }
.h80{    min-height:  80vh; }
.h70{    min-height:  70vh; }
.h60{    min-height:  60vh; }
.h50{    min-height:  50vh; }
.h40{    min-height:  40vh; }
.h30{    min-height:  30vh; }
.h20{    min-height:  20vh; }
.h100{    min-height:  100vh; }
.w100{    min-width: 100vw; }

.w80{min-width: 80vh !important;}
.w70{min-width: 70vh !important;}
.w60{min-width: 60vh !important;}
.w50{min-width: 50vh !important;}
.upc{text-transform: uppercase}




.wave2 {
  width: 100%;
  height: 8vh;
  clip-path: polygon(100% 0%, 0% 0%, 0% 65%, 1% 64.95%, 2% 64.8%, 3% 64.6%, 4% 64.3%, 5% 63.9%, 6% 63.45%, 7% 62.9%, 8% 62.25%, 9% 61.55%, 10% 60.8%, 11% 59.95%, 12% 59.05%, 13% 58.1%, 14% 57.1%, 15% 56.05%, 16% 55%, 17% 53.9%, 18% 52.8%, 19% 51.65%, 20% 50.5%, 21% 49.35%, 22% 48.2%, 23% 47.05%, 24% 45.9%, 25% 44.8%, 26% 43.75%, 27% 42.75%, 28% 41.75%, 29% 40.8%, 30% 39.9%, 31% 39.1%, 32% 38.35%, 33% 37.65%, 34% 37.05%, 35% 36.5%, 36% 36.05%, 37% 35.65%, 38% 35.35%, 39% 35.15%, 40% 35.05%, 41% 35%, 42% 35.05%, 43% 35.2%, 44% 35.45%, 45% 35.75%, 46% 36.15%, 47% 36.65%, 48% 37.2%, 49% 37.85%, 50% 38.55%, 51% 39.35%, 52% 40.2%, 53% 41.1%, 54% 42.05%, 55% 43.05%, 56% 44.1%, 57% 45.15%, 58% 46.3%, 59% 47.4%, 60% 48.55%, 61% 49.7%, 62% 50.85%, 63% 52%, 64% 53.15%, 65% 54.25%, 66% 55.35%, 67% 56.4%, 68% 57.45%, 69% 58.4%, 70% 59.35%, 71% 60.2%, 72% 61.05%, 73% 61.8%, 74% 62.45%, 75% 63.05%, 76% 63.6%, 77% 64.05%, 78% 64.4%, 79% 64.7%, 80% 64.85%, 81% 65%, 82% 65%, 83% 64.9%, 84% 64.75%, 85% 64.5%, 86% 64.2%, 87% 63.75%, 88% 63.25%, 89% 62.7%, 90% 62.05%, 91% 61.3%, 92% 60.5%, 93% 59.65%, 94% 58.75%, 95% 57.8%, 96% 56.8%, 97% 55.75%, 98% 54.65%, 99% 53.55%, 100% 52.4%);
    -webkit-clip-path: polygon(100% 0%, 0% 0%, 0% 65%, 1% 64.95%, 2% 64.8%, 3% 64.6%, 4% 64.3%, 5% 63.9%, 6% 63.45%, 7% 62.9%, 8% 62.25%, 9% 61.55%, 10% 60.8%, 11% 59.95%, 12% 59.05%, 13% 58.1%, 14% 57.1%, 15% 56.05%, 16% 55%, 17% 53.9%, 18% 52.8%, 19% 51.65%, 20% 50.5%, 21% 49.35%, 22% 48.2%, 23% 47.05%, 24% 45.9%, 25% 44.8%, 26% 43.75%, 27% 42.75%, 28% 41.75%, 29% 40.8%, 30% 39.9%, 31% 39.1%, 32% 38.35%, 33% 37.65%, 34% 37.05%, 35% 36.5%, 36% 36.05%, 37% 35.65%, 38% 35.35%, 39% 35.15%, 40% 35.05%, 41% 35%, 42% 35.05%, 43% 35.2%, 44% 35.45%, 45% 35.75%, 46% 36.15%, 47% 36.65%, 48% 37.2%, 49% 37.85%, 50% 38.55%, 51% 39.35%, 52% 40.2%, 53% 41.1%, 54% 42.05%, 55% 43.05%, 56% 44.1%, 57% 45.15%, 58% 46.3%, 59% 47.4%, 60% 48.55%, 61% 49.7%, 62% 50.85%, 63% 52%, 64% 53.15%, 65% 54.25%, 66% 55.35%, 67% 56.4%, 68% 57.45%, 69% 58.4%, 70% 59.35%, 71% 60.2%, 72% 61.05%, 73% 61.8%, 74% 62.45%, 75% 63.05%, 76% 63.6%, 77% 64.05%, 78% 64.4%, 79% 64.7%, 80% 64.85%, 81% 65%, 82% 65%, 83% 64.9%, 84% 64.75%, 85% 64.5%, 86% 64.2%, 87% 63.75%, 88% 63.25%, 89% 62.7%, 90% 62.05%, 91% 61.3%, 92% 60.5%, 93% 59.65%, 94% 58.75%, 95% 57.8%, 96% 56.8%, 97% 55.75%, 98% 54.65%, 99% 53.55%, 100% 52.4%);
    background-color: #efefef;
}
.wave1 {
  width: 100%;
  height: 8vh;
  clip-path: polygon(100% 0%, 0% 0%, 0% 65%, 1% 64.95%, 2% 64.8%, 3% 64.6%, 4% 64.3%, 5% 63.9%, 6% 63.45%, 7% 62.9%, 8% 62.25%, 9% 61.55%, 10% 60.8%, 11% 59.95%, 12% 59.05%, 13% 58.1%, 14% 57.1%, 15% 56.05%, 16% 55%, 17% 53.9%, 18% 52.8%, 19% 51.65%, 20% 50.5%, 21% 49.35%, 22% 48.2%, 23% 47.05%, 24% 45.9%, 25% 44.8%, 26% 43.75%, 27% 42.75%, 28% 41.75%, 29% 40.8%, 30% 39.9%, 31% 39.1%, 32% 38.35%, 33% 37.65%, 34% 37.05%, 35% 36.5%, 36% 36.05%, 37% 35.65%, 38% 35.35%, 39% 35.15%, 40% 35.05%, 41% 35%, 42% 35.05%, 43% 35.2%, 44% 35.45%, 45% 35.75%, 46% 36.15%, 47% 36.65%, 48% 37.2%, 49% 37.85%, 50% 38.55%, 51% 39.35%, 52% 40.2%, 53% 41.1%, 54% 42.05%, 55% 43.05%, 56% 44.1%, 57% 45.15%, 58% 46.3%, 59% 47.4%, 60% 48.55%, 61% 49.7%, 62% 50.85%, 63% 52%, 64% 53.15%, 65% 54.25%, 66% 55.35%, 67% 56.4%, 68% 57.45%, 69% 58.4%, 70% 59.35%, 71% 60.2%, 72% 61.05%, 73% 61.8%, 74% 62.45%, 75% 63.05%, 76% 63.6%, 77% 64.05%, 78% 64.4%, 79% 64.7%, 80% 64.85%, 81% 65%, 82% 65%, 83% 64.9%, 84% 64.75%, 85% 64.5%, 86% 64.2%, 87% 63.75%, 88% 63.25%, 89% 62.7%, 90% 62.05%, 91% 61.3%, 92% 60.5%, 93% 59.65%, 94% 58.75%, 95% 57.8%, 96% 56.8%, 97% 55.75%, 98% 54.65%, 99% 53.55%, 100% 52.4%);
    -webkit-clip-path: polygon(100% 0%, 0% 0%, 0% 65%, 1% 64.95%, 2% 64.8%, 3% 64.6%, 4% 64.3%, 5% 63.9%, 6% 63.45%, 7% 62.9%, 8% 62.25%, 9% 61.55%, 10% 60.8%, 11% 59.95%, 12% 59.05%, 13% 58.1%, 14% 57.1%, 15% 56.05%, 16% 55%, 17% 53.9%, 18% 52.8%, 19% 51.65%, 20% 50.5%, 21% 49.35%, 22% 48.2%, 23% 47.05%, 24% 45.9%, 25% 44.8%, 26% 43.75%, 27% 42.75%, 28% 41.75%, 29% 40.8%, 30% 39.9%, 31% 39.1%, 32% 38.35%, 33% 37.65%, 34% 37.05%, 35% 36.5%, 36% 36.05%, 37% 35.65%, 38% 35.35%, 39% 35.15%, 40% 35.05%, 41% 35%, 42% 35.05%, 43% 35.2%, 44% 35.45%, 45% 35.75%, 46% 36.15%, 47% 36.65%, 48% 37.2%, 49% 37.85%, 50% 38.55%, 51% 39.35%, 52% 40.2%, 53% 41.1%, 54% 42.05%, 55% 43.05%, 56% 44.1%, 57% 45.15%, 58% 46.3%, 59% 47.4%, 60% 48.55%, 61% 49.7%, 62% 50.85%, 63% 52%, 64% 53.15%, 65% 54.25%, 66% 55.35%, 67% 56.4%, 68% 57.45%, 69% 58.4%, 70% 59.35%, 71% 60.2%, 72% 61.05%, 73% 61.8%, 74% 62.45%, 75% 63.05%, 76% 63.6%, 77% 64.05%, 78% 64.4%, 79% 64.7%, 80% 64.85%, 81% 65%, 82% 65%, 83% 64.9%, 84% 64.75%, 85% 64.5%, 86% 64.2%, 87% 63.75%, 88% 63.25%, 89% 62.7%, 90% 62.05%, 91% 61.3%, 92% 60.5%, 93% 59.65%, 94% 58.75%, 95% 57.8%, 96% 56.8%, 97% 55.75%, 98% 54.65%, 99% 53.55%, 100% 52.4%);
        background-color: #efefef;

  transform: rotate(180deg);
}

.ts{
    text-shadow: 3px 5px 10px rgba(30,30,30,0.2);
}
.bs{    box-shadow: -2px -3px 25px rgba(20,20,20,0.3);}
.h{
    display: flex;
    flex-direction: row;
    
}

.e{
    display: flex;
    flex-direction: column;
    
}

.fw{flex-wrap: wrap !important;}
.fe{justify-content: flex-end !important}
.fs{justify-content: flex-start !important}
.fsa{justify-content: space-around !important}
.sb{justify-content: space-between !important}
.fc{justify-content: center!important}
.p10{
    padding: 10px
}
.tw{
    color: whitesmoke
}

.aifc{align-items: center !important}
.aic{align-items: center !important}
.aife{align-items: flex-end !important}
.aifs{align-items: flex-start !important}

.hide{
    display: none;
}



.b{
    font-weight: bolder;
}

.tc{text-align: center;}
.tr{text-align: right;}
.tl{text-align: left;}




.bc1{font-size: 1cm}
.bc2{font-size: 2cm}
.bc3{font-size: 3cm}
.bc4{font-size: 4cm}
.bc5{font-size: 5cm}

.ls2{letter-spacing: 2px}
.ls3{letter-spacing: 3px}
.ls5{letter-spacing: 5px}
.ls10{letter-spacing: 10px}
.ls15{letter-spacing: 15px}
.ls20{letter-spacing: 20px}





.illustrations ul li:hover{
    flex: 10;
    transition-duration: 0.6s;
    height: 100vh;
}
.illustrations ul li:nth-child(odd){
    height: 100vh;
}
.illustrations ul li{
    flex: 1;
    height: 86vh;
    list-style-type: none;
    margin: 10px;
    background-size: cover;
    background-position: center;
    position: relative;
    box-shadow: -10px -10px 20px #2221,10px 10px 40px #2221;
    transition-duration: 0.6s;
}
.illustrations ul li:hover::after{
    background-image: linear-gradient(to top, #000,#0000, #0000);
    background-image: linear-gradient(to bottom, #0000,  var(--c1));


}
.illustrations ul li::after{
    position: absolute;
    content: '';
    top: 0px;
    bottom: 0px;
    left: 0px;right: 0px;
    background-image: linear-gradient(to top, #000, #0000);
        background-image: linear-gradient(to top, var(--c5), #0000,  var(--c5));

    background-position:left
}

.illustrations{
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}



.glass_white{
	background-color: #fff4;
	backdrop-filter : blur(10px);
	-webkit-backdrop-filter : blur(10px);
}

.no-space{
    margin: 0px !important;
  padding: 0px !important;

}
.pos-fix{position: fixed}
.pos-abs{position: absolute}
.p-t{ top: 0px;}
.p-b{ bottom: 0px;}
.p-l{ left: 0px;}
.p-r{ right: 0px;}



.r{position: relative}
.a{position: absolute}