:root{
	--hapLightBlue: #5b51ff;
	--hapBlue: #1e1e5b;
	--hapWhite: #fff9f5;
	--hapRed: #ff554d;
	--hapDarkBlue: #0e0e30;
	--hapGreen: #9bf74c;
	--paletteGreen100: #22352bFF;
	--regularFont: Museo Sans Rounded, sans-serif;
	--menuFont: Museo Sans Rounded, sans-serif;
	--seconderFont: OmnesBold, sans-serif;
	--font1: Verdana, sans-serif;
	--font2: Brush Script MT, sans-serif;
	--pagePadding: 5rem;
}


.accordionTitle{

}
@media only screen and (max-width: 500px){
    .accordionTitle{
        font-size: 16px !important;
    }
}
.baseContainer{
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
@media only screen and (max-width: 500px){
    .section{
        flex-direction: column;
        align-items: center;
    }
}
.button{
    cursor: pointer;
}
/*Calendar*/
.cal-container{
    background-color: transparent;
    font-family: Montserrat, sans-serif;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
}
.cal-title{
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px;
}
.cal-header{
    background-color: transparent;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    color: var(--hapGreen);
}
.cal-header > span{
    text-align: center;
    padding: 1rem 0;
}
.cal-headerBar{
    display: flex;
    padding: 10px 30px;
}
.cal-headerBar > span{
    display: block;
    width: 14%;
    font-weight: 600;
    text-align: center;
}
.cal-controlBar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    color: white;
    padding: 1rem;
}
.cal-navBtn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 40px;
    border-radius: 10px;
    background-color: white;
    transition: 0.3s;
    cursor: pointer;
}
.cal-navBtn:hover{
    transform: scale(1.1);
}
.cal-titleDate{
    font-size: 40px;
    font-weight: 600;
}
.cal-wrapper{
    display: flex;
    max-height: 700px;
    overflow-y: auto;
}
.cal-monthLeft, .cal-monthRight{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50px;
    gap: 1px;
}
.cal-month{
    writing-mode: vertical-lr;
    text-orientation: upright;
    background-color: #344f40;
    padding: 0 5px;
    border-radius: 5px;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}
.cal-body{
    position: relative;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
    background-color: transparent;
    padding: 1rem;
    transition: 0.2s;
}
.cal-otherMonth{
    background-color: var(--hapDarkBlue);
    color: var(--hapLightBlue);
}
.cal-thisMonth{
    background-color: var(--hapWhite);
    color: var(--hapDarkBlue);
}
.cal-weekHeader{
    position: sticky;
    padding: 0 50px;
    top: 0;
}
.cal-week{
    display: flex;
    justify-content: center;
    gap: 4px;
    margin: 2px 0;
}
.cal-day{
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 2px;
    width: 100%;
    min-height: 70px;
    border-radius: 10px;
    transition: 0.3s;
}
/*.cal-day:hover{*/
/*    transform: scale(1.05);*/
/*}*/
.cal-day > span{
    font-weight: 700;
    width: 100%;
    text-align: center;
    padding: 5px 10px;
}
.cal-presentDay{
    border: 2px solid var(--hapGreen);
}
.cal-colorEven{
    background-color: #bb9351aa;
}
.cal-colorOdd{
    background-color: #bb9351;
}
.cal-dayBody{
    display: flex;
    flex-direction: column;
    padding-top: 1px;
    gap: 1px;
}
.cal-event{
    background-color: #344f40;
    color: white;
    border-radius: 3px;
    font-size: 10px;
    padding: 2px 10px;
    height: 17px;
    cursor: pointer;
    transition: 0.3s;
}
.cal-event:hover{
    transform: translateX(-10px);
}
.cal-oneDayEvent{
    width: 100%;
}
.cal-moreDayEvent{
    position: absolute;
    z-index: 2;
}
.cal-typeReserved{
    background-color: #a43b26 !important;
}
.cal-pseudoEvent{
    position: relative;
    width: 1px;
    height: 17px;
}
.cal-today{
    background-color: #e4dfca;
}
.cal-table-th{
    width: 14.28%;
    padding: 5px;
    background-color: #c8cec1;
    border-bottom: 1px solid #b3b8ae;
}
.cal-table-td{
    width: 14.28%;
    height: 50px;
    padding: 5px;
    margin: 5px;
    background: white;
    border-bottom: 1px solid #b3b8ae;
    border-right: 1px solid #b3b8ae;

}
.cal-control{
    width: 100%;
    display:flex;
    align-items: center;
    margin: 5px;
    gap: 10px;
}
.cal-viewInfo{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    border: 1px solid #b3b8ae;
    padding: 5px;
    background: white;
}
.cal-currentDate{
    font-weight: bold;
    font-size: 23px;
}
.cal-stepButtons{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-image: url(/Public/images/cal-btnNext.svg);
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    border: 1px solid #b3b8ae;
    background-color: white;
}
@media (max-width: 500px){
    .cal-filterBar{
        flex-direction: column;
    }
    .cal-controlBar{
        flex-direction: column;
    }
    .cal-body{
        padding: 1rem 0;
        gap: 5px;
    }
    .cal-day > span{
        padding: 5px 5px;
    }
}
.column{
    display: flex;
    flex-direction: column;
}
.datagrid{
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    padding: 40px 8rem;
}
@media only screen and (max-width: 500px){
    .datagrid{
        padding: 0;
    }
}
.fq-container{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
    color: var(--hapWhite);
}
.fq-accordion{
    display: flex;
    flex-direction: column;
    background-color: var(--hapDarkBlue);
    padding: 1rem;
    border-radius: 1rem;
}
.fq-titleBar{
    display: flex;
    align-items: center;
    gap: 2rem;
    cursor: pointer;
}
.fq-icon{
    width: 25px;
    height: 25px;
    background: url(/Public/System/icons/down.svg);
    background-size: cover;
    background-repeat: no-repeat;
}
.fq-left{
    flex-direction: row;
}
.fq-right{
    flex-direction: row-reverse;
}
.fq-title{
    font-weight: 600;
}
.fq-body{
    display: none;
}
.footer{
    display: flex;
    gap: 2rem;
}
.bastionBar{
    background-color: inherit;
    position: absolute;
    left: 0;
    top: -80px;
    height: 80px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.bastionItem{
    background-color: inherit;
    position: absolute;
    top: -80px;
    height: 80px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
@media only screen and (max-width: 500px){
    .bastionItem{
        height: 40px;
        top: -40px;
    }
}
.formLine{
    display: flex;
    align-items: center;
    padding: 0 10px;
}
.cmsInput{
    padding: 1rem;
    border: none;
    /*background-color: var(--grey01);*/
    color: black;
    width: 100%;
}
.formLine > [contenteditable]{
    height: 100%;
    width: 100%;
    min-height: 150px;
    max-height: 300px;
}
.cmsInput:-webkit-autofill{
    -webkit-box-shadow: 0 0 0px transparent inset !important;
    -webkit-text-fill-color: inherit;
    transition: background-color 9999s ease-in-out 0s;
}
@media only screen and (max-width: 500px){

}
.formSubmit{
    display: flex;
    justify-content: center;
    padding-top: 1rem;
}
.cmsSubmit{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 1rem;
    background-color: var(--paletteNewGreen10);
    color: var(--paletteGreen90);
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    min-height: 34px;
    width: 100%;
}

.g-container{
    display: grid;
    gap: 1rem;
}
.g-item{
    border: 2px solid var(--hapWhite);
    border-radius: 1rem;
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    transition: 0.3s;
    cursor: pointer;
}
.g-item:hover{
    border: 2px solid var(--hapGreen);
    transform: scale(1.05);
}
.lang-container{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.langIcon{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: 0.3s;
}
.langIcon:hover{
    transform: scale(1.1);
}
@media (max-width: 1200px) {
    .lang-container{
        flex-direction: row;
    }
}

/* Menu 00*/
.Menu00 .hm-menuItem{
    position: relative;
    display: block;
    padding: 1rem;
    text-transform: uppercase;
    color: inherit;
    cursor: pointer;
    transition: 0.5s;
}
.Menu00 .hm-menuItem:hover {
    background-color: grey;
    color: white;
}
.Menu00 .hm-container{
    display: flex;
    align-items: center;
}
.Menu00 .hm-menuAlignleft{
    justify-content: left;
}
.Menu00 .hm-menuAligncenter{
    justify-content: center;
}
.Menu00 .hm-menuAlignright{
    justify-content: right;
}
.Menu00 .hm-menuItem{
    position: relative;
    text-transform: uppercase;
}
.Menu00 .hm-menuIcon{
    display: none;
    background-image: url(/Public/icons/menu.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.Menu00 .hm-subMenu{
    position: absolute;
    display: none;
    background-color: white;
    height: 0;
    left: 0;
    top: 100%;
    transition: 0.3s;
}

/* Menu 01*/
.Menu01 .hm-container{
    display: flex;
    align-items: center;
    gap: 1rem;
}
.Menu01 .hm-menuItem{
    position: relative;
    border-radius: 19px;
    padding: 12px 20px;
    color: var(--blue01);
    font-family: var(--menuFont);
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: 0.5s;
}
.Menu01 .hm-menuItem:hover{
}
/*.hm-container{*/
/*     display: flex;*/
/*     align-items: center;*/
/* }*/
.Menu01 .hm-menuAlignleft{
    justify-content: left;
}
.Menu01 .hm-menuAligncenter{
    justify-content: center;
}
.Menu01 .hm-menuAlignright{
    justify-content: right;
}
.Menu01 .hm-menuIcon{
    display: none;
    background-image: url(/Public/System/icons/menu.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.Menu01 .hm-subMenu{
    position: absolute;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 5px;
    opacity: 0;
    background-color: transparent;
    left: 0;
    top: 100%;
    transform: translateY(60px);
    transition: 0.4s;
    z-index: 2;
}
.menuOpened{
    display: flex !important;
}
.hm-showSubMenu{
    visibility: visible !important;
    transform: translateY(0) !important;
    opacity: 1 !important;
}
@media (max-width: 1200px) {
    .header{
        flex-direction: column;
    }
    /*.Menu01 .hm-menuIcon {*/
    /*    display: block;*/
    /*}*/
    .Menu01 .hm-menuItem{
        padding: 5px;
    }
    /*.Menu01 .hm-container{*/
    /*    display: none;*/
    /*    flex-direction: column;*/
    /*    width: 100%;*/
    /*    text-align: center;*/
    /*}*/
    .Menu01 .hm-subMenu, .Menu01 .hm-subsubMenu, .Menu01 .hm-subsubsubMenu{
        position: relative;
        display: flex;
        visibility: visible;
        transform: translateY(0);
        opacity: 1;
    }
}

/* Menu 02*/
.Menu02 .hm-container{
    display: flex;
    align-items: center;
    gap: 1rem;
}
.Menu02 .hm-menuItem{
    position: relative;
    display: block;
    padding: 12px 20px;
    border: 3px solid black;
    box-shadow: 0 5px black;
    color: inherit;
    cursor: pointer;
    transition: 0.5s;
}
.Menu02 .hm-menuItem > span{
    position: relative;
    z-index: 2;
}
.Menu02 .hm-menuItem:hover > .hm-background{
    width: 100%;
    right: 0;
}
.Menu02 .hm-container{
    display: flex;
    align-items: center;
}
.Menu02 .hm-menuAlignleft{
    justify-content: left;
}
.Menu02 .hm-menuAligncenter{
    justify-content: center;
}
.Menu02 .hm-menuAlignright{
    justify-content: right;
}
.Menu02 .hm-menuIcon{
    display: none;
    background-image: url(/Public/icons/menu.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.Menu02 .hm-subMenu{
    position: absolute;
    display: none;
    background-color: var(--color1);
    left: 0;
    top: 100%;
    transition: 0.4s;
}
.Menu02 .hm-showSubMenu{
    display: block;
}
.Menu02 .hm-background{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background-color: #f1bc31;
    transition: 0.3s;
}

/* Menu 03*/
.Menu03 .hm-container{
    display: flex;
    align-items: center;
    gap: 1rem;
}
.Menu03 .hm-menuItem{
    position: relative;
    display: block;
    padding: 10px 0;
    color: inherit;
    cursor: pointer;
    transition: 0.5s;
}
.Menu03 .hm-selected{
    color: var(--color2);
}
.Menu03 .hm-menuItem > span{
    position: relative;
    padding: 8px 1rem;
    z-index: 2;
}
.Menu03 .hm-menuItem:hover > .hm-underLine{
    width: 100%;
}
.Menu03 .hm-subMenu > .hm-menuItem:hover{
    background-color: white;
    color: var(--color1);
}
.Menu03 .hm-container{
    display: flex;
    align-items: center;
}
.Menu03 .hm-menuAlignleft{
    justify-content: left;
}
.Menu03 .hm-menuAligncenter{
    justify-content: center;
}
.Menu03 .hm-menuAlignright{
    justify-content: right;
}
.Menu03 .hm-menuIcon{
    display: none;
    background-image: url(/Public/icons/menu.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.Menu03 .hm-subMenu{
    position: absolute;
    display: none;
    background-color: var(--color1);
    left: 0;
    top: 100%;
}
.Menu03 .hm-underLine{
    position: absolute;
    bottom: 0;
    height: 3px;
    width: 0;
    background-color: white;
    transition: 0.3s;
}

/* Menu 04*/
.Menu04 .hm-container{
    display: flex;
    align-items: center;
    gap: 1rem;
}
.Menu04 .hm-menuItem{
    position: relative;
    display: block;
    padding: 8px 1rem;
    color: inherit;
    cursor: pointer;
    transition: 0.5s;
}
.Menu04 .hm-menuItem:before,
.Menu04 .hm-menuItem:after {
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    bottom: 0;
    background: #D35400;
    transition: all .5s;
    margin: auto;
    content: '.';
    color: transparent;
    z-index: -1;
    opacity: 0.75;
}
.Menu04 .hm-menuItem:before {
    left: 0;
}
.Menu04 .hm-menuItem:after {
    right: 0;
}

.Menu04 .hm-menuItem:hover:after,
.Menu04 .hm-menuItem:hover:before {
    width: 100%;
}
.Menu04 .hm-menuItem > span{
    position: relative;
    z-index: 2;
}
.Menu04 .hm-container{
    display: flex;
    align-items: center;
}
.Menu04 .hm-menuAlignleft{
    justify-content: left;
}
.Menu04 .hm-menuAligncenter{
    justify-content: center;
}
.Menu04 .hm-menuAlignright{
    justify-content: right;
}
.Menu04 .hm-menuIcon{
    display: none;
    background-image: url(/Public/icons/menu.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.Menu04 .hm-subMenu{
    position: absolute;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    gap: 5px;
    opacity: 0;
    background-color: var(--color1);
    left: 0;
    top: 100%;
    border-left: 4px solid #D35400;
    border-right: 4px solid #D35400;
    transform: translateY(60px);
    transition: 0.4s;
}
.Menu04 .hm-showSubMenu{
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
}

/* Menu 05*/
.Menu05 .hm-container{
    display: flex;
    align-items: center;
    gap: 1rem;
    font-family: var(--menuFont);
}
.Menu05 .hm-menuItem{
    position: relative;
    display: block;
    text-decoration: none;
    padding: 2rem 1rem;
    color: inherit;
    cursor: pointer;
    transition: 0.5s;
}
.Menu05 .hm-selected{
    color: #732b1b;
}
.Menu05 .hm-selected:hover{
    color: white;
}
.Menu05 .hm-menuItem > span{
    position: relative;
    z-index: 2;
}
.Menu05 .hm-menuItem:hover > .hm-background{
    height: 100%;
    top: 0;
}
.Menu05 .hm-menuItem:hover{
    color: white;
}
.Menu05 .hm-container{
    display: flex;
    align-items: center;
}
.Menu05 .hm-menuAlignleft{
    justify-content: left;
}
.Menu05 .hm-menuAligncenter{
    justify-content: center;
}
.Menu05 .hm-menuAlignright{
    justify-content: right;
}
.Menu05 .hm-menuIcon{
    display: none;
    background-image: url(/Public/icons/menu.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.Menu05 .hm-subMenu{
    position: absolute;
    display: none;
    left: 0;
    top: 100%;
    transition: 0.4s;
    z-index: 100;
}
.Menu05 .hm-showSubMenu{
    display: block;
}
.Menu05 .hm-background{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    background-color: #732b1b;
    color: white;
    transition: 0.3s;
}

/* Menu 06*/
.Menu06 .hm-container{
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    font-family: var(--menuFont);
    color: var(--paletteGreen70);
}
.Menu06 .hm-menuItem{
    position: relative;
    display: block;
    text-decoration: none;
    padding: 1rem;
    color: inherit;
    cursor: pointer;
    transition: 0.5s;
}
.Menu06 .hm-selected > .hm-underline{
    left: 0;
    right: 0;
}
.Menu06 .hm-menuItem > span{
    position: relative;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600;
    z-index: 2;
}
.Menu06 .hm-menuItem:hover > .hm-underline{
    left: 0;
    right: 0;
}
.Menu06 .hm-subMenu > .hm-menuItem:hover{
    background-color: white;
    color: var(--color1);
}
.Menu06 .hm-subsubMenu > .hm-menuItem:hover{
    background-color: white;
    color: var(--color1);
}
.Menu06 .hm-subsubsubMenu > .hm-menuItem:hover{
    background-color: white;
    color: var(--color1);
}
.Menu06 .hm-menuAlignleft{
    justify-content: left;
}
.Menu06 .hm-menuAligncenter{
    justify-content: center;
}
.Menu06 .hm-menuAlignright{
    justify-content: right;
}
.Menu06 .hm-menuIcon{
    display: none;
    background-image: url(/Public/System/icons/menu1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    padding: 1rem;
    cursor: pointer;
}
.Menu06 .hm-subMenuIcon::after{
    content: "\25BE";
}
.Menu06 .hm-subMenu{
    position: absolute;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 5px;
    opacity: 0;
    background-color: var(--bgDark2);
    color: var(--colorLight1);
    left: 0;
    top: 100%;
    /*width: 300px;*/
    min-width: 100%;
    transform: translateY(60px);
    transition: 0.4s;
}
.Menu06 .hm-menuItem:last-child > .hm-subMenu{
    left: unset;
    right: 0;
}
.Menu06 .hm-menuItem:nth-child(7) > .hm-subMenu{
    left: unset;
    right: 0;
}
.Menu06 .hm-subsubMenu, .Menu06 .hm-subsubsubMenu{
    position: absolute;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 5px;
    opacity: 0;
    background-color: var(--bgDark2);
    color: var(--colorLight1);
    left: 100%;
    top: 0;
    /*width: 300px;*/
    min-width: 100%;
    transform: translateY(60px);
    transition: 0.4s;
}
.Menu06 .hm-showSubMenu{
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
}
.Menu06 .hm-underline{
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    height: 3px;
    background-color: #9bd5b9;
    transition: 0.3s;
}
.Menu06 .hm-hamburger{
    width: 30px;
    height: 30px;
    background-image: url(/Public/System/icons/menu1.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.Menu06 .hm-menuItemIcon{
    width: 30px;
}
/*@media (max-width: 1200px) {*/
/*    .hm-menuIcon {*/
/*        display: block;*/
/*    }*/
/*    .hm-container{*/
/*        display: none;*/
/*        flex-direction: column;*/
/*        width: 100%;*/
/*        text-align: center;*/
/*    }*/
/*    .hm-subMenu, .hm-subsubMenu, .hm-subsubsubMenu{*/
/*        position: relative;*/
/*        display: none;*/
/*        visibility: visible;*/
/*        transform: translateY(0);*/
/*        opacity: 1;*/
/*    }*/
/*}*/

/* Menu 07*/
.Menu07 .hm-container{
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    font-family: var(--menuFont);
    color: var(--hapWhite);
}
.Menu07 .hm-menuItem{
    position: relative;
    display: block;
    text-decoration: none;
    padding: 1rem;
    color: inherit;
    cursor: pointer;
    transition: 0.5s;
}
.Menu07 .hm-subMenu > .hm-menuItem{
    padding: 2px;
}
.Menu07 .hm-selected > .hm-underline{
    left: 0;
    right: 0;
}
.Menu07 .hm-menuItem > span{
    position: relative;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 600;
    z-index: 2;
}
.Menu07 .hm-menuItem:hover{
    color: var(--hapGreen);
}
.Menu07 .hm-menuItem:hover > .hm-underline{
    left: 0;
    right: 0;
}
.Menu07 .hm-subMenu > .hm-menuItem:hover{
    color: var(--hapGreen);
}
.Menu07 .hm-subsubMenu > .hm-menuItem:hover{
    color: var(--hapGreen);
}
.Menu07 .hm-subsubsubMenu > .hm-menuItem:hover{
    color: var(--hapGreen);
}
.Menu07 .hm-menuAlignleft{
    justify-content: left;
}
.Menu07 .hm-menuAligncenter{
    justify-content: center;
}
.Menu07 .hm-menuAlignright{
    justify-content: right;
}
.Menu07 .hm-menuIcon{
    display: none;
    background-image: url(/Public/System/icons/menu.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    padding: 1rem;
    cursor: pointer;
}
/*.Menu07 .hm-subMenuIcon::after{*/
/*    content: "\25BE";*/
/*}*/
.Menu07 .hm-subMenu{
    position: absolute;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    /*gap: 5px;*/
    padding: 1rem;
    opacity: 0;
    background-color: var(--hapBlue);
    color: var(--hapWhite);
    left: 0;
    top: 100%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    /*width: 300px;*/
    min-width: 100%;
    transform: translateY(60px);
    transition: 0.4s;
}
.Menu07 .hm-menuItem:last-child > .hm-subMenu{
    left: unset;
    right: 0;
}
.Menu07 .hm-menuItem:nth-child(7) > .hm-subMenu{
    left: unset;
    right: 0;
}
.Menu07 .hm-subsubMenu, .Menu07 .hm-subsubsubMenu{
    position: absolute;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 5px;
    opacity: 0;
    background-color: var(--hapBlue);
    color: var(--hapWhite);
    left: 100%;
    top: 0;
    /*width: 300px;*/
    min-width: 100%;
    transform: translateY(60px);
    transition: 0.4s;
}
.Menu07 .hm-showSubMenu{
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
}
.Menu07 .hm-hamburger{
    width: 30px;
    height: 30px;
    background-image: url(/Public/System/icons/menu.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.Menu07 .hm-menuItemIcon{
    width: 25px;
}
@media (max-width: 1200px) {
    .Menu07 .hm-menuIcon {
        display: block !important;
    }
    .Menu07 .hm-container{
        display: none;
        flex-direction: column;
        width: 100%;
        text-align: center;
    }
    .Menu07 .hm-subMenu, .hm-subsubMenu, .hm-subsubsubMenu{
        position: relative;
        display: none;
        visibility: visible;
        transform: translateY(0);
        opacity: 1;
    }
}

/* Menu 08*/
.Menu08 .hm-container{
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    font-family: var(--menuFont);
    color: white;
}
.Menu08 .hm-menuItem{
    position: relative;
    display: block;
    text-decoration: none;
    padding: 3px;
    color: inherit;
    cursor: pointer;
    transition: 0.5s;
}
.Menu08 .hm-selected > .hm-underline{
    left: 0;
    right: 0;
}
.Menu08 .hm-menuItem > span{
    position: relative;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600;
    z-index: 2;
}
.Menu08 .hm-menuItem:hover > .hm-underline{
    left: 0;
    right: 0;
}
.Menu08 .hm-subMenu > .hm-menuItem:hover{
    background-color: white;
    color: var(--color1);
}
.Menu08 .hm-subsubMenu > .hm-menuItem:hover{
    background-color: white;
    color: var(--color1);
}
.Menu08 .hm-subsubsubMenu > .hm-menuItem:hover{
    background-color: white;
    color: var(--color1);
}
.Menu08 .hm-menuAlignleft{
    justify-content: left;
}
.Menu08 .hm-menuAligncenter{
    justify-content: center;
}
.Menu08 .hm-menuAlignright{
    justify-content: right;
}
.Menu08 .hm-menuIcon{
    display: none;
    background-image: url(/Public/System/icons/menu.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    padding: 1rem;
    cursor: pointer;
}
.Menu08 .hm-subMenuIcon::after{
    content: "\25BE";
}
.Menu08 .hm-subMenu{
    position: absolute;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 5px;
    opacity: 0;
    background-color: var(--green04);
    color: white;
    left: 0;
    top: 100%;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    /*width: 300px;*/
    min-width: 100%;
    transform: translateY(60px);
    transition: 0.4s;
}
.Menu08 .hm-menuItem:last-child > .hm-subMenu{
    left: unset;
    right: 0;
}
.Menu08 .hm-menuItem:nth-child(7) > .hm-subMenu{
    left: unset;
    right: 0;
}
.Menu08 .hm-subsubMenu, .Menu06 .hm-subsubsubMenu{
    position: absolute;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 5px;
    opacity: 0;
    background-color: var(--bgDark2);
    color: var(--colorLight1);
    left: 100%;
    top: 0;
    /*width: 300px;*/
    min-width: 100%;
    transform: translateY(60px);
    transition: 0.4s;
}
.Menu08 .hm-showSubMenu{
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
}
.Menu08 .hm-underline{
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    height: 1px;
    background-color: white;
    transition: 0.3s;
}
.Menu08 .hm-hamburger{
    width: 30px;
    height: 30px;
    background-image: url(/Public/System/icons/menu1.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.Menu08 .hm-menuItemIcon{
    width: 30px;
}
/*@media (max-width: 1200px) {*/
/*    .hm-menuIcon {*/
/*        display: block !important;;*/
/*    }*/
/*    .hm-container{*/
/*        display: none !important;;*/
/*        flex-direction: column;*/
/*        width: 100%;*/
/*        text-align: center;*/
/*    }*/
/*    .hm-subMenu, .hm-subsubMenu, .hm-subsubsubMenu{*/
/*        position: relative;*/
/*        display: none !important;*/
/*        visibility: visible;*/
/*        transform: translateY(0);*/
/*        opacity: 1;*/
/*    }*/
/*}*/
.row{
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
@media only screen and (max-width: 500px){
    .row{
        flex-direction: column;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
.section{
    position: relative;
    display: flex;
    flex-direction: row;
}
@media only screen and (max-width: 500px){
    .section{
        flex-direction: column;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        align-items: center;
    }
}
.select{
    background-color: #e9ebea;
    color: var(--paletteGreen90);
    font-family: Montserrat, sans-serif;
}
@media only screen and (max-width: 500px){
    .row{
        flex-direction: column;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
.selectContainer{
    border-radius: 5px;
}
.selectInput{
    padding: 10px 5px;
}
.select .selectArrow {
    position: absolute;
    font-size: 20px;
    font-weight: 700;
    right: 6px;
    top: 8px;
    transform: rotate(0);
    transition: 0.3s;
}
.select .selectOpen{
    transform: rotate(180deg);
}
.cmsTableContainer{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.cms-tableRow{
    display: flex;
}
/*@media only screen and (max-width: 500px){*/
/*    .datagrid{*/
/*        padding: 0;*/
/*    }*/
/*}*/
.formLogin{
    display: flex;
    flex-direction: column;
    height: fit-content;
}
@media only screen and (max-width: 500px){
    .formLine{
        flex-direction: column;
        height: 50px;
    }
    .cmsInput{
        width: 100%;
    }
    .formLabel{
        width: 100%;
        text-align: center;
    }
    .pw-wrapper{
        width: 100%;
    }
    .formLogin{
        width: 100% !important;
    }
}
.formPwChange{
    background-color: white;
    border-radius: 20px;
    padding: 1rem;
}
.formPwReset{
    background-color: white;
    border-radius: 20px;
    padding: 1rem;
}
.formReg{
    background-color: var(--hapDarkBlue);
    border-radius: 2rem;
}
.formSchoolReg{
    display: flex;
    flex-direction: column;
    background-color: var(--hapDarkBlue);
    border-radius: 2rem;
    width: 50%;
}


@font-face{
	 font-family: Omnes Black, sans-serif;
	 src: url(/Public/fonts/OmnesBlack.woff);
}
body{
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	background-color: var(--hapLightBlue);
}
.header{
	position:  relative;
}
.Menu1{
}
.Row1{
	position:    absolute;
	top:    50%;
	left:    0;
	background-color:    var(--hapRed);
	height:    60px;
	width:    200px;
	z-index:    -1;
	border-bottom-left-radius:    21px;
	--moz-border-bottom-left-radius:    21px;
	--o-border-bottom-left-radius:    21px;
	--ms-border-bottom-left-radius:    21px;
	border-bottom-right-radius:    28px;
	--moz-border-bottom-right-radius:    28px;
	--o-border-bottom-right-radius:    28px;
	--ms-border-bottom-right-radius:    28px;
	display:    flex;
	gap:   1rem;
	align-items:    end;
	--moz-align-items:    end;
	--o-align-items:    end;
	--ms-align-items:    end;
	justify-content:   center;
	--moz-justify-content:   center;
	--o-justify-content:   center;
	--ms-justify-content:   center;
	padding:  5px 1rem;
}
.Header1{
	display:  flex;
	align-items:  center;
	--moz-align-items:  center;
	--o-align-items:  center;
	--ms-align-items:  center;
	margint-top:  2rem;
	width:  100%;
	height:  64px;
	border-radius:  32px;
	--moz-border-radius:  32px;
	--o-border-radius:  32px;
	--ms-border-radius:  32px;
	background-color:  var(--hapBlue);
	padding-left:  4rem;
	padding-right:  2rem;
	margin-bottom:  5rem;
}
.section{
	padding-left:  var(--pagePadding);
	padding-right:  var(--pagePadding);
}
.Image1{
	width:   124px;
	height:  28px;
}
.menu{
}
.Section1{
}
.Button1{
	color:  var(--hapWhite);
	text-decoration:  none;
	--moz-text-decoration:  none;
	--o-text-decoration:  none;
	--ms-text-decoration:  none;
	--epub-text-decoration:  none;
	border:  2px solid var(--hapGreen);
	font-size:  10px;
	padding:  1rem;
	width:  94px;
	height:  46px;
	border-radius:  23px;
	--moz-border-radius:  23px;
	--o-border-radius:  23px;
	--ms-border-radius:  23px;
}
.button{
	cursor:  pointer;
	transition:  0.3s;
	--moz-transition:  0.3s;
	--o-transition:  0.3s;
	--ms-transition:  0.3s;
	font-weight:  600;
}
.formLogin{
	background-color:  var(--hapDarkBlue);
	border-radius:  2rem;
	--moz-border-radius:  2rem;
	--o-border-radius:  2rem;
	--ms-border-radius:  2rem;
}
.FormLogin1{
	width:  600px;
}
.Section3{
	justify-content:  center;
	--moz-justify-content:  center;
	--o-justify-content:  center;
	--ms-justify-content:  center;
	padding-top:  4rem;
	padding-bottom:  15rem;
	flex:  1;
	--moz-flex:  1;
	--o-flex:  1;
	--ms-flex:  1;
}
.Row3{
	height:  90px;
	background-color:  var(--hapGreen);
	border-top-right-radius:  2rem;
	--moz-border-top-right-radius:  2rem;
	--o-border-top-right-radius:  2rem;
	--ms-border-top-right-radius:  2rem;
	border-top-left-radius:  2rem;
	--moz-border-top-left-radius:  2rem;
	--o-border-top-left-radius:  2rem;
	--ms-border-top-left-radius:  2rem;
}
.SimplyText1{
	display:   flex;
	justify-content:    center;
	--moz-justify-content:    center;
	--o-justify-content:    center;
	--ms-justify-content:    center;
	align-items:   center;
	--moz-align-items:   center;
	--o-align-items:   center;
	--ms-align-items:   center;
	width:     100%;
	font-size:     24px;
	font-weight:     700;
	letter-spacing:  0%;
}
.Column1{
	padding:   2rem;
	gap:  2rem;
	align-items:   center;
	--moz-align-items:   center;
	--o-align-items:   center;
	--ms-align-items:   center;
}
.formLine{
	width:   100%;
	position:  relative;
	background-color: white;
	border-radius: 10px;
	--moz-border-radius: 10px;
	--o-border-radius: 10px;
	--ms-border-radius: 10px;
	color: black;
}
.formSubmit{
	padding:  5px 10px;
	border:     2px solid var(--hapGreen);
	border-radius:     35px;
	--moz-border-radius:     35px;
	--o-border-radius:     35px;
	--ms-border-radius:     35px;
	color:    var(--hapWhite);
	font-size:     20px;
	font-weight:     700;
	width:   fit-content;
}
.Section5{
	background-color:  var(--hapBlue);
}
.footer{
	width:  100%;
	background-color:  transparent;
}
.Footer1{
	gap:  4rem;
	padding: 1rem;
}
.SimplyText2{
	color:  var(--hapGreen);
	font-weight:  600;
	padding:  1rem 0;
}
.Row4{
	font-size:  13px;
	gap:  4rem;
}
.Button3{
	color:  var(--hapWhite);
	text-decoration:  none;
	--moz-text-decoration:  none;
	--o-text-decoration:  none;
	--ms-text-decoration:  none;
	--epub-text-decoration:  none;
	padding:  3px;
}
.simplyText{
}
.SimplyText5{
	padding:  1rem 0;
}
.Section4{
	flex:  1;
	--moz-flex:  1;
	--o-flex:  1;
	--ms-flex:  1;
	background-color:  var(--hapLightBlue);
}
.SimplyText7{
	padding:  1rem 0;
}
.SimplyText9{
	padding:  1rem 0;
}
.Image3{
	width:  106px;
	height:  128px;
}
.Column6{
	width:   96px;
	height:   200px;
	position:   absolute;
	bottom:   0;
	right:   100px;
	background-color:   var(--hapRed);
	border-top-left-radius:   48px;
	--moz-border-top-left-radius:   48px;
	--o-border-top-left-radius:   48px;
	--ms-border-top-left-radius:   48px;
	border-top-right-radius:   48px;
	--moz-border-top-right-radius:   48px;
	--o-border-top-right-radius:   48px;
	--ms-border-top-right-radius:   48px;
	padding:   3rem 0 0 10px;
	gap:   1rem;
}
.column{
}
.Button23{
	text-decoration:  none;
	--moz-text-decoration:  none;
	--o-text-decoration:  none;
	--ms-text-decoration:  none;
	--epub-text-decoration:  none;
	font-size:  10px;
	color:  white;
	display:  flex;
	align-items:  center;
	--moz-align-items:  center;
	--o-align-items:  center;
	--ms-align-items:  center;
	gap:  8px;
}
.FormReg1{
	width:  600px;
}
.Column12{
}
.FormattedText1{
	width:  100%;
}
.Column24{
	border-radius:  2rem;
	--moz-border-radius:  2rem;
	--o-border-radius:  2rem;
	--ms-border-radius:  2rem;
	background-color:  var(--hapBlue);
	color:  var(--hapWhite);
	padding:  2rem;
	gap:  2rem;
	width:  100%;
}
.Image9{
	width:       50%;
	height:      400px;
	background-size:      cover;
	--moz-background-size:      cover;
	--o-background-size:      cover;
	--ms-background-size:      cover;
	background-repeat:     no-repeat;
	border-radius:    1rem;
	--moz-border-radius:    1rem;
	--o-border-radius:    1rem;
	--ms-border-radius:    1rem;
	border:  2px solid var(--hapWhite);
}
.Row12{
	gap:  2rem;
	align-items:  center;
	--moz-align-items:  center;
	--o-align-items:  center;
	--ms-align-items:  center;
}
.SimplyText33{
	font-size:  35px;
	font-weight:  700;
}
.SimplyText41{
	display:  flex;
	justify-content:  center;
	--moz-justify-content:  center;
	--o-justify-content:  center;
	--ms-justify-content:  center;
	color:  var(--hapWhite);
	font-size:  40px;
	font-weight:  700;
	width:  100%;
}
.Section14{
	padding-bottom:   15rem;
	flex:   1;
	--moz-flex:   1;
	--o-flex:   1;
	--ms-flex:   1;
}
.Column30{
	width:  100%;
}
.Button111{
	z-index:  1;
}
.Section17{
	padding-bottom:  15rem;
}
.Column36{
	padding:  2rem;
	background-color:  var(--hapBlue);
	border-radius:  2rem;
	--moz-border-radius:  2rem;
	--o-border-radius:  2rem;
	--ms-border-radius:  2rem;
	width: 100%;
}
.SimplyText49{
	color:  var(--hapWhite);
	font-size:  36px;
	font-weight:  700;
}
.Column37{
	background-color:  var(--hapDarkBlue);
	padding:  1rem;
	border:  2px solid var(--hapWhite);
	border-radius:  1rem;
	--moz-border-radius:  1rem;
	--o-border-radius:  1rem;
	--ms-border-radius:  1rem;
	gap:  2rem;
}
.Button165{
	color:  var(--hapWhite);
	border:  2px solid var(--hapGreen);
	border-radius:  26px;
	--moz-border-radius:  26px;
	--o-border-radius:  26px;
	--ms-border-radius:  26px;
	padding:  10px;
	text-decoration:  none;
	--moz-text-decoration:  none;
	--o-text-decoration:  none;
	--ms-text-decoration:  none;
	--epub-text-decoration:  none;
}
.Column38{
	gap:  1rem;
}
.Column45{
	background-color:  var(--hapWhite);
	color:  var(--hapDarkBlue);
	border-radius:  2rem;
	--moz-border-radius:  2rem;
	--o-border-radius:  2rem;
	--ms-border-radius:  2rem;
	padding:  1rem;
	position: relative;
	transition: 0.3s;
	--moz-transition: 0.3s;
	--o-transition: 0.3s;
	--ms-transition: 0.3s;
	height: 200px;
	overflow: hidden;
}
.Image19{
	border-top-left-radius:  1rem;
	--moz-border-top-left-radius:  1rem;
	--o-border-top-left-radius:  1rem;
	--ms-border-top-left-radius:  1rem;
	border-bottom-left-radius:  1rem;
	--moz-border-bottom-left-radius:  1rem;
	--o-border-bottom-left-radius:  1rem;
	--ms-border-bottom-left-radius:  1rem;
	width:  150px;
	height:  150px;
}
.Row24{
	position:    absolute;
	top:    -16px;
	right:    -16px;
	background-color:    var(--hapGreen);
	width:   100%;
	height:   50px;
	border-top-right-radius:  2rem;
	--moz-border-top-right-radius:  2rem;
	--o-border-top-right-radius:  2rem;
	--ms-border-top-right-radius:  2rem;
	border-bottom-left-radius:  2rem;
	--moz-border-bottom-left-radius:  2rem;
	--o-border-bottom-left-radius:  2rem;
	--ms-border-bottom-left-radius:  2rem;
	align-items: center;
	justify-content: center;
	font-weight: 600;
}
.Column46{
	position:  relative;
	width: 100%;
}
.Column39{
	width:  100%;
}
.FormattedText5{
	padding-top: 30px;
	overflow: hidden;
	mask-image: linear-gradient(to bottom, transparent, black 80%);
	-webkit-mask-image: linear-gradient(to bottom, transparent, black 80%);
}
.Column45:hover{
	transform: scale(1.05);
	--moz-transform: scale(1.05);
	--o-transform: scale(1.05);
	--ms-transform: scale(1.05);
}
.Galery1{
	width:  100%;
	height:  1000px;
}
.Column71{
	border:    2px solid var(--hapWhite);
	border-radius:    2rem;
	--moz-border-radius:    2rem;
	--o-border-radius:    2rem;
	--ms-border-radius:    2rem;
	height:   266px;
	position:  relative;
	transition: 0.3s;
	--moz-transition: 0.3s;
	--o-transition: 0.3s;
	--ms-transition: 0.3s;
}
.Image30{
	height:    100%;
	border-top-left-radius:   30px;
	--moz-border-top-left-radius:   30px;
	--o-border-top-left-radius:   30px;
	--ms-border-top-left-radius:   30px;
	border-top-right-radius:   30px;
	--moz-border-top-right-radius:   30px;
	--o-border-top-right-radius:   30px;
	--ms-border-top-right-radius:   30px;
	background-size: cover;
	--moz-background-size: cover;
	--o-background-size: cover;
	--ms-background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.Row35{
	color:  var(--hapWhite);
	height: 54px;
	font-weight: 600;
	padding: 0 1rem;
	align-items: center;
	--moz-align-items: center;
	--o-align-items: center;
	--ms-align-items: center;
	background-color: var(--hapLightBlue);
	border-bottom-left-radius: 30px;
	--moz-border-bottom-left-radius: 30px;
	--o-border-bottom-left-radius: 30px;
	--ms-border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	--moz-border-bottom-right-radius: 30px;
	--o-border-bottom-right-radius: 30px;
	--ms-border-bottom-right-radius: 30px;
	transition: 0.3s;
	--moz-transition: 0.3s;
	--o-transition: 0.3s;
	--ms-transition: 0.3s;
}
.Row36{
	position:  absolute;
	right:  0;
	bottom:  60px;
	background-color:  var(--hapRed);
	color: var(--hapBlue);
	font-weight: 600;
	font-size: 14px;
	height: 36px;
	border-top-left-radius: 18px;
	--moz-border-top-left-radius: 18px;
	--o-border-top-left-radius: 18px;
	--ms-border-top-left-radius: 18px;
	border-bottom-left-radius: 18px;
	--moz-border-bottom-left-radius: 18px;
	--o-border-bottom-left-radius: 18px;
	--ms-border-bottom-left-radius: 18px;
	padding: 0 1rem;
	align-items: center;
	--moz-align-items: center;
	--o-align-items: center;
	--ms-align-items: center;
}
.Column72{
	position:   absolute;
	top:   0;
	right:   100px;
	background-color:   var(--hapRed);
	color:   var(--hapDarkBlue);
	font-weight:   600;
	width:  100px;
}
.Column71:hover{
	border:    2px solid var(--hapGreen);
}
.Column71:hover .Row35{
	background-color: var(--hapGreen);
	color: var(--hapBlue);
}
.Row41{
	justify-content:  space-between;
	--moz-justify-content:  space-between;
	--o-justify-content:  space-between;
	--ms-justify-content:  space-between;
}
.Button326{
	width: 30px;
	height: 30px;
}
.Button326 > img{
	width: 100%;
	height: 100%;
}
.Row43{
	display:  none;
}
.Row44{
	display:  none;
	width:  1000px;
	height:  800px;
}
.Row45{
	width:  100%;
	height:  800px;
}
.FormattedText6{
}
.SectionMain{
	background-image:  url(/Public/Site/MediaStore/HAP_hero_image_2.webp);
	background-size:  cover;
	--moz-background-size:  cover;
	--o-background-size:  cover;
	--ms-background-size:  cover;
	background-repeat:  no-repeat;
	height:  900px;
	flex-direction:  column;
	--moz-flex-direction:  column;
	--o-flex-direction:  column;
	--ms-flex-direction:  column;
	padding-top:  2rem;
	z-index:  -2;
	background-position-y:  bottom;
}
.SimplyText110{
	color:  var(--hapWhite);
	font-size:  64px;
	font-weight:  700;
	font-family:  var(--seconderFont);
	text-align:  center;
}
.Section41{
	padding-bottom:  10rem;
}
.Section44{
	padding-bottom:  10rem;
}
.faq{
	padding-top:  4rem;
}
.Button429{
}
.Row58{
	justify-content:  center;
	--moz-justify-content:  center;
	--o-justify-content:  center;
	--ms-justify-content:  center;
}
.FormEmailMe1{
	width:   100%;
	display:  flex;
	flex-direction:  column;
	--moz-flex-direction:  column;
	--o-flex-direction:  column;
	--ms-flex-direction:  column;
	gap:  1rem;
}
.Column122{
	width:  50%;
}
.Column123{
	width:  50%;
}
.Section56{
	flex-direction:  column;
	--moz-flex-direction:  column;
	--o-flex-direction:  column;
	--ms-flex-direction:  column;
}
.SimplyText156{
	padding-bottom:  5rem;
}
.Section59{
	display:  flex;
	flex-direction:  column;
	--moz-flex-direction:  column;
	--o-flex-direction:  column;
	--ms-flex-direction:  column;
}
.Column130{
}
.Section60{
	padding-bottom:  5rem !important;
}
.Galery3{
	height:  400px;
}
.Row80{
	justify-content:  center;
	--moz-justify-content:  center;
	--o-justify-content:  center;
	--ms-justify-content:  center;
}
.Button547{
	width:   200px;
	display:  flex;
	justify-content:  center;
	--moz-justify-content:  center;
	--o-justify-content:  center;
	--ms-justify-content:  center;
}
.Column131{
	gap:  2rem;
	align-items:  center;
	--moz-align-items:  center;
	--o-align-items:  center;
	--ms-align-items:  center;
}
.video{
	width:   500px;
	height:  300px;
}
.FormLine14{
}
.Section20{
	flex:  1;
	--moz-flex:  1;
	--o-flex:  1;
	--ms-flex:  1;
}
.Section68{
	flex:  1;
	--moz-flex:  1;
	--o-flex:  1;
	--ms-flex:  1;
}
.Section65{
	flex:  1;
	--moz-flex:  1;
	--o-flex:  1;
	--ms-flex:  1;
}
.Section71{
	flex:  1;
	--moz-flex:  1;
	--o-flex:  1;
	--ms-flex:  1;
}
.FormattedText8{
	width:  50%;
}
.FormattedText15{
	width:  50%;
}
.Column159{
	width:  50%;
	gap:  2rem;
}
.Column129{
	width:  50%;
}
.Row96{
	width:  100%;
}
.Column128{
	width:  100%;
}
.Row97{
	justify-content:  center;
	--moz-justify-content:  center;
	--o-justify-content:  center;
	--ms-justify-content:  center;
}
.Column160{
	gap:  2rem;
}
.Column161{
	height:  200px;
	border-radius:  2rem;
	--moz-border-radius:  2rem;
	--o-border-radius:  2rem;
	--ms-border-radius:  2rem;
	background-color:  var(--hapWhite);
	position:  relative;
}
.Column162{
	width:  200px;
	height:  200px;
}
.Row98{
	gap:  2rem;
}
.Column163{
	height:  200px;
	width:  100%;
	padding-bottom: 1rem;
}
.SimplyText172{
	width:   100%;
	padding:   1rem;
	background-color:   var(--hapGreen);
	border-top-right-radius:  2rem;
	--moz-border-top-right-radius:  2rem;
	--o-border-top-right-radius:  2rem;
	--ms-border-top-right-radius:  2rem;
	border-bottom-left-radius:  2rem;
	--moz-border-bottom-left-radius:  2rem;
	--o-border-bottom-left-radius:  2rem;
	--ms-border-bottom-left-radius:  2rem;
	color:  var(--hapDarkBlue);
	text-align:  center;
}
.FormattedText16{
	color:   var(--hapDarkBlue);
	overflow:  hidden;
	mask-image:  linear-gradient(to top, transparent, black 50%);
	--moz-mask-image:  linear-gradient(to top, transparent, black 50%);
	--o-mask-image:  linear-gradient(to top, transparent, black 50%);
	--ms-mask-image:  linear-gradient(to top, transparent, black 50%);
	-webkit-mask-image:  linear-gradient(to bottom, black 50%, transparent);
	height: 100%;
}
.Image58{
	width: 200px;
	height: 200px;
	border-top-left-radius: 2rem;
	--moz-border-top-left-radius: 2rem;
	--o-border-top-left-radius: 2rem;
	--ms-border-top-left-radius: 2rem;
	border-bottom-left-radius: 2rem;
	--moz-border-bottom-left-radius: 2rem;
	--o-border-bottom-left-radius: 2rem;
	--ms-border-bottom-left-radius: 2rem;
	background-size: cover;
	--moz-background-size: cover;
	--o-background-size: cover;
	--ms-background-size: cover;
	background-position: center center;
}
.Image60{
	width:  50%;
	border-radius:  1rem;
	--moz-border-radius:  1rem;
	--o-border-radius:  1rem;
	--ms-border-radius:  1rem;
	background-size: cover;
	--moz-background-size: cover;
	--o-background-size: cover;
	--ms-background-size: cover;
}
.Column164{
	border-radius:  2rem;
	--moz-border-radius:  2rem;
	--o-border-radius:  2rem;
	--ms-border-radius:  2rem;
	position:  relative;
}
.Image61{
	border-top-left-radius:  2rem;
	--moz-border-top-left-radius:  2rem;
	--o-border-top-left-radius:  2rem;
	--ms-border-top-left-radius:  2rem;
	border-top-right-radius:  2rem;
	--moz-border-top-right-radius:  2rem;
	--o-border-top-right-radius:  2rem;
	--ms-border-top-right-radius:  2rem;
	width: 100%;
	height: 400px;
	background-size: cover;
	--moz-background-size: cover;
	--o-background-size: cover;
	--ms-background-size: cover;
	background-position: center center;
}
.Row99{
	background-color:  var(--hapLightBlue);
	padding:  1rem;
	color:  white;
	border-bottom-left-radius:  1rem;
	--moz-border-bottom-left-radius:  1rem;
	--o-border-bottom-left-radius:  1rem;
	--ms-border-bottom-left-radius:  1rem;
	border-bottom-right-radius:  1rem;
	--moz-border-bottom-right-radius:  1rem;
	--o-border-bottom-right-radius:  1rem;
	--ms-border-bottom-right-radius:  1rem;
}
.SimplyText173{
	width:  100%;
	text-align:  center;
	font-weight: 700;
}
.SimplyText174{
	position:  absolute;
	background-color:  var(--hapRed);
	color:  var(--hapDarkBlue);
	right:  0;
	bottom:  100px;
	padding:  1rem;
	border-top-left-radius:  1rem;
	--moz-border-top-left-radius:  1rem;
	--o-border-top-left-radius:  1rem;
	--ms-border-top-left-radius:  1rem;
	border-bottom-left-radius:  1rem;
	--moz-border-bottom-left-radius:  1rem;
	--o-border-bottom-left-radius:  1rem;
	--ms-border-bottom-left-radius:  1rem;
	font-weight: 600;
}
@media (max-width: 500px){
.SimplyText110{
	font-size:  43px;
}
.FormattedText8{
	width: 100%;
}
.Row48{
	padding: 0;
}
.Column24{
	padding:  1rem;
}
.Image9{
	width: 100%;
}
.Row95{
	padding: 0;
	width:  100%;
}
.FormattedText15{
	width: 100%;
}
.Row96, .Row78{
	width:  100%;
	padding: 0;
}
.Column159{
	width: 100%;
	gap:  2rem;
}
.SimplyText41{
	font-size:  31px;
	text-align: center;
}
.Column6{
	display: none;
}
.Footer1{
	flex-direction: column;
	--moz-flex-direction: column;
	--o-flex-direction: column;
	--ms-flex-direction: column;
	align-items: center;
	--moz-align-items: center;
	--o-align-items: center;
	--ms-align-items: center;
}
.Column163{
	display: none;
}
.SectionMain{
	background-position-x:  -850px;
}
.Header1{
	height:  unset;
}
}
