<!DOCTYPE html><html><head>
<!-- Google Tag Manager --><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-W3Z9QSN9');</script><!-- End Google Tag Manager -->
	<meta name='previous-page' content='https://memoriale.com'><meta name='user' content='{"path":"https:\/\/memoriale.com\/login"}'><meta name='country' content='COM'><link rel="stylesheet" href="/cookie-consent/memoriale-cookies.css">    <style>
        .memorial-page-port-card__date-place{
            font-size: 0px !important;
            line-height: 0px !important;
        }
        .memorial-page-port-card__date-place .date{
            font-size: 13px;
            display: block;
            text-align: center;
            line-height: 16px;
        }
    </style>
    <script>
    const globalDateDisplayForm = "d F y";
    const globalDateDisplayFormLanguage = "en";
    function visualDatesInStringFormat(){
        if(globalDateDisplayForm == "d F y"){
            return true;
        }
        return false;
    }
    function printVisualDate(date){
        if(date == ""){
            return "";
        }
        let milDate = new Date(date * 1000);
        let day = (milDate.getUTCDate()).toString();
        let month = (milDate.getUTCMonth() + 1).toString();
        let year = (milDate.getUTCFullYear()).toString();
        if(day.length == 1){
            day = "0"+day;
        }
        if(month.length == 1){
            month = "0"+month;
        }
        if(year.length == 3){
            year = "0"+year;
        }
        else if(year.length == 2){
            year = "00"+year;
        }
        else if(year.length == 1){
            year = "000"+year;
        }
        if(globalDateDisplayForm == "d.m.y"){
            let formatedDate = globalDateDisplayForm.replace(/d/g, day);
            formatedDate = formatedDate.replace(/m/g, month);
            formatedDate = formatedDate.replace(/y/g, year);
            return formatedDate;
        }
        else if(globalDateDisplayForm == "d F y"){

            try {
                if (typeof Intl !== "undefined" && typeof Intl.DateTimeFormat === "function") {
                    if (Intl.DateTimeFormat.supportedLocalesOf([globalDateDisplayFormLanguage]).length >= 1) {
                        const options = {day: 'numeric', month: 'long', year: 'numeric'};
                        let formatedDate = Intl.DateTimeFormat(globalDateDisplayFormLanguage, options).format(milDate);
                        return formatedDate;
                    }
                }
            }
            catch (err){
                console.log(err);
                //Ignore
            }
            let formatedDate = ("d/m/y").replace(/d/g, day);
            formatedDate = formatedDate.replace(/m/g, month);
            formatedDate = formatedDate.replace(/y/g, year);
            return formatedDate;
        }
        return "";
    }
</script>
<meta name="description"  content="On the memorial page, loved ones can share important memories of the deceased. You can also create a beautiful obituary and preserve memories for future generations."><title>Memoriale - Memorial page and obituary in memory of a loved one</title><meta property='og:title' content='Memoriale - Memorial page and obituary in memory of a loved one'><meta property='og:type' content='website'><meta property='og:url' content='https://memoriale.com/?feed=rss2'><meta property="og:description" content="On the memorial page, loved ones can share important memories of the deceased. You can also create a beautiful obituary and preserve memories for future generations."><meta property='og:site_name' content='Memoriale'><meta property='og:image' content='https://memoriale.com/images/social-share-image.jpg'><meta property='og:image:width' content='1200'><meta property='og:image:height' content='675'><meta property='og:image_alt' content='Memoriale image'><meta property='og:locale' content='en_COM'>
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/memoriale-icon.svg" type="image/svg+xml">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
	    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

    <link href="https://fonts.googleapis.com/css2?family=Parisienne&family=Mea+Culpa&family=Luxurious+Script&family=Marck+Script&family=Montserrat:wght@400;600;700&family=Open+Sans:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="https://use.typekit.net/fpf8lwn.css">
    <link rel="stylesheet" href="https://use.typekit.net/peh5vct.css?ver=2">
    <link rel="stylesheet" href="https://use.typekit.net/sce5txn.css">
    <link rel="stylesheet" href="https://use.typekit.net/qon0oyf.css">

    <!--link rel="stylesheet" href="font-awesome/css/all.min.css"-->
    <link rel="stylesheet" href="/styles/style-all-pages.css?v=2">
    <link rel="stylesheet" href="/styles/style-content-pages.css?v=2">
    <!--link href="hamburgers/hamburgers.css" rel="stylesheet"-->
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/flickity/flickity.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.4.0/gsap.min.js"></script>
<style>
    :root {
    /*white*/
    --col-1: #ffffff;
    /*grey*/
    --col-2: #818a92;
    /*green*/
    --col-3: #7ca27d;
    /*brown*/
    --col-4: #a78484;
    /*dark grey*/
    --col-5: #5f6c77;
    /*blue grey*/
    --col-6: #8696a3;
    /*almost black*/
    --col-7: #2d2d2d;
    /*medium grey*/
    --col-8: #d6d9dd;
    /*pink*/
    --col-9: #ffeaea;
    /*red*/
    --col-10: #9a2e17;
    /*yellow*/
    --col-11: #f1d585;
    /*bright green*/
    --col-12: #69d176;
    /*darker grey*/
    --col-13: #595d61;
    --col-14: #000000;
    --col-15: #b8c1c8;
    --col-16: #F5F7F9;
    --col-17: #727f8a;
    --col-18:#382d1e;
    --col-19:#a54b38;
    --col-20:#b8925d;
    --col-21:#4f5e74;
    --col-22:#314151;
    --col-23:#697681;
    --col-24:#b8925d;
    --col-25:#edecf1;
    --col-26:#b69a7d;
    --col-27:#707070;
    --col-28:#585858;
    --col-29:#363636;
    --col-30:#222;
    --col-31:#6E7D92;
    --col-32:#F1CA98;
    --col-33:#F9F7F5;
    --col-34:#F0EDE9;
    --col-35:#ECE8E5;
    --col-36:#E9ECF0;

    /*white*/
    --fil-col-1: invert(1);
    /*grey*/
    --fil-col-2: invert(57%) sepia(8%) saturate(417%) hue-rotate(167deg) brightness(93%) contrast(89%);
    /*green*/
    --fil-col-3: invert(68%) sepia(26%) saturate(316%) hue-rotate(72deg) brightness(100%) contrast(87%);
    /*brown*/
    --fil-col-4: invert(55%) sepia(6%) saturate(1272%) hue-rotate(314deg) brightness(100%) contrast(81%);
    /*dark grey*/
    --fil-col-5: invert(44%) sepia(8%) saturate(815%) hue-rotate(165deg) brightness(91%) contrast(86%);
    /*blue grey*/
    --fil-col-6: invert(69%) sepia(15%) saturate(346%) hue-rotate(165deg) brightness(83%) contrast(89%);
    /*light grey*/
    --fil-col-8: invert(96%) sepia(8%) saturate(41%) hue-rotate(182deg) brightness(99%) contrast(91%);
    /*almost black*/
    --fil-col-9: invert(13%) sepia(18%) saturate(0%) hue-rotate(155deg) brightness(93%) contrast(86%);
    /*almost black*/
    --fil-col-10: invert(94%) sepia(14%) saturate(61%) hue-rotate(175deg) brightness(95%) contrast(84%);
    --fil-col-11:invert(61%) sepia(17%) saturate(922%) hue-rotate(355deg) brightness(94%) contrast(94%);
    --fil-col-12:invert(80%) sepia(49%) saturate(221%) hue-rotate(350deg) brightness(86%) contrast(82%);

    --fil-col-13: invert(33%) sepia(44%) saturate(292%) hue-rotate(176deg) brightness(92%) contrast(87%);
    --fil-col-14: invert(92%) sepia(16%) saturate(1315%) hue-rotate(319deg) brightness(101%) contrast(89%);
    --fil-col-15: invert(20%) sepia(50%) saturate(367%) hue-rotate(169deg) brightness(92%) contrast(86%);

}@font-face {
    font-family:"Memoriale";
    src:url("/assets/fonts/Memoriale.woff2") format("woff2"),url("/assets/fonts/Memoriale.woff") format("woff"),url("/assets/fonts/Memoriale.otf") format("opentype");
    font-display:auto;font-style:normal;font-weight:600;
}


*:focus, input:focus, button:focus {
    outline: none;
}

body {
    -webkit-tap-highlight-color: transparent;
}

.header__menu-open--font-color {
    /*
    filter: invert(1)!important;
    */
    filter: invert(80%) sepia(49%) saturate(221%) hue-rotate(350deg) brightness(86%) contrast(82%)!important;
}


.menu-open {
    height: calc(100vh - 57px);
}

.no-select {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}


@media only screen and (min-width: 1100px) {
    #intro__login-button {
        display: none;
    }

    .desktop-menu__main-link {
        color: #000000;
    }
    .desktop-menu__main-navigations {
        color: #000000;
    }
    .header__action-link {
        color: #363636;
    }
}


#service-description h1.logo {
    color: #ccd8e6;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 1.7px;
    line-height: 28px;
    padding: 43px 20px 45px;
    text-transform: uppercase;
}

#intro__read-more {
    text-align: center;
    position: absolute;
    bottom: 9%;
    left: 50%;
    transform: translate(-50%,50%);
    transition: 0.2s;
    cursor: pointer;
}
div#intro__read-more:hover {
    transform: translate(-50%,50%) scale(1.1);
}
#intro__read-more p {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 11px;
    margin: 0;
    letter-spacing: .04rem;
    transition: 0.2s;
    color: white;
}

#intro__read-more svg {
    height: 18px;
    margin: 5px 0 -5px 0;
}

div#front_page__first_content {
    display: none;
}

@media (min-aspect-ratio: 27/29) {
    #intro {
        background-color: #b0abaf;
        background-image: url(https://neur.memoriale.com/memoriale-swan-bg3-desktop.jpg);
    }

    #water {
        background-image: url(https://neur.memoriale.com/memoriale-swan-bg3-desktop.jpg);
    }
    #swan {
        display: block;
    }
    #intro__header-wrapper {
        top: 43vh;
    }
    /*
    .intro__lead{
         text-align: left;
    }
    */

    h1#intro__h1 {
        font-size: 40px;
        font-size: 38px;
        font-weight: 500;
        letter-spacing: 2.5px;
        /*
        font-family: sanvito-pro-caption, sans-serif;
        letter-spacing: -1px!important;

        color: #393d42;
        transform: scaleX(.94);*/
    }


    #intro__read-more p {
        font-size: 14px;
    }
    #intro__read-more svg {
        height: 22px;
        margin: 0 0 -5px 0;
    }
}


.first-block-description__p {
    max-width: 330px;
}


.content__front-page-first-block {
    height: calc((var(--vh, 1vh) * 100) - 57px);
}


.first-block-description__p {
    font-weight: 500;
}

p.first-block-read-more__p {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 0;
}

div#read-more-scroll-front-page {
    text-shadow: 0 1px 15px #00000088;
}

.first-block-subtitle__h2 {
    font-size: 23px;
    margin: 5px auto 14px;
    color: var(--col-21);
    letter-spacing: .02rem;
    display: block;
    text-align: center;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

@media only screen and (max-height: 725px) and (max-width: 599px) and (min-height: 607px) {
    .first-block-logo__img {
        height: 56px;
        margin-bottom: 0px;
    }

    .first-block-title__img {
        width: 200px;
    }

    .content__button--same-sized {
        width: 130px;
        padding: 9px 0px 10px 0px;
    }
    .content__div--flexed {
        margin-top: 13px;
        width: 285px;
    }
    .first-block-description__p {
        margin: 20px 25px 25px;
    }
    .first-block-read-more {
        margin-bottom: 0;
        bottom: calc(9% - 25px);
    }
}

.scroll-icon__dot {
    display: block;
    position: absolute;
    left: 50%;
    background: #cecece;
    height: 5px;
    width: 5px;
    top: 6px;
    margin-left: -2.5px;
    border-radius: 50%;
    transform-origin: top center;
    backface-visibility: hidden;
    animation: scroll_2 2s ease-out infinite;
}



@keyframes scroll_2 {
    0%   { transform: translateY(0); opacity: 1; }
    25%  { opacity: 1; }
    75%  { transform: translateY(15px); opacity: 0; }
    100% { transform: translateY(0); opacity: 0; }
}

#service-description {
    background-color: #4f5e74;
    display: block;
    width: 100%;
    padding: 53px 0 31px 0;
    margin-bottom: 40px;
}
#service-description h1 {
    text-align: center;
    color: #ffffff;
    line-height: 27px;
    margin: 21px 0px 50px;
    text-shadow: 0 2px 4px #00000012;
    font-size: 27px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
#service-description h1 strong {
    color: #dde8f3;
}
#service-description h3 {
    max-width: 840px;
    font-family: 'Open Sans', sans-serif;
    padding: 0 15px 35px 15px;
    line-height: 23px;
    margin: 0 auto;
    font-size: 15px;
    text-align: center;
    color: var(--col-16);
    font-style: italic;
    font-weight: 400;
}

#service-description h4 {
    max-width: 800px;
    text-align: center;
    color: #ccd8e5;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding: 30px 20px 25px 20px;
    margin: 0 auto;
}





#service-description p.button-info {
    margin: 43px auto 0 auto;
}


#short-description .img-wrapper {
    border: #95989A solid 2px;
    width: 69px;
    min-width: 69px;
    font-size: 33px;
    height: 69px;
    text-align: center;
    line-height: 83px;
    border-radius: 100px;
    margin: 0 21px 0px 0px;
    color: #8696A3;
    background-color: white;
}
#short-description img {
    width: 60%;
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    filter: var(--fil-col-2);
}


section#price-list {
    max-width: 1000px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
div#pricing-block-wrapper {
    display: -ms-grid;
    display: flex;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    -webkit-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
    flex-wrap: wrap;
    justify-content: space-around;
}

.pricing-block {
    width: 31.5%;
    max-width: 340px;
    position: relative;
    z-index: 10;
    overflow: hidden;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    box-shadow: 0px 6px 25px rgb(0 0 0 / 15%);
    margin-bottom: 47px;
    display: flex;
    flex-flow: column;
    height: fit-content;
}
.pricing-block{
    max-height: 721px;
    min-height: 721px;
    transition: max-height 0.4s;
}
.pricing-block.opened{
    max-height: 2000px;
}


.pricing-heading {
    z-index: 11;
    padding: 21px 15px 52px 15px;
    align-items: center;
    background-color: #4f5e74;
    flex-basis: 0;
}

.pricing-heading img.logo-image {
    filter: invert(1);
    opacity: .9;
    margin: 0 auto 15px;
    display: block;
    width: 50px;
}

.pricing-heading h2 {
    font-family: proxima-nova, sans-serif;
    font-size: 21px;
    line-height: 21px;
    font-weight: 500;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: white;
    margin: 0 auto 3px auto;
    text-align: center;
}

.pricing-heading.eternal {
    background-color: #b8925d;
    padding: 21px 15px 22px 15px;
}

.pricing-heading.obituary {
    background-color: #4f5e74;
}

.pricing-heading.annual {
    background-color: #6e7d92;
}

.pricing-heading h4 {
    text-align: center;
    line-height: 21px;
    font-weight: 700;
    color: var(--col-1);
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    margin: 3px 0px 0px;

}

.pricing-heading p {
    color: #ffffff;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    margin-top: 0;
    margin-bottom: 1em;
    font-weight: 400;
    font-size: 14px;
    max-width: 200px;
}

.price-type-wrapper {
    background-color: #917a5b;
}

.price-type-title {
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
    color: #ffffff;
    font-weight: 700;
    width: 100%;
    text-align: center;
    border-top: 1px solid #ffffff59;
    padding-top: 10px;
}

.price-type-selector {
    font-family: proxima-nova, sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
}

.price-type-selector div {
    width: 32%;
    padding: 7px 0;
}

.price-type-selector .selected {
    background: white;
    color: #222222;
    font-weight: 700;
    border-radius: 5px 5px 0 0;
}

.price-wrapper {
    border-bottom: 1px solid #dfdfdf;
    min-height: 85px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    box-sizing: border-box;
}

.price {
    color: #4f5e74;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    text-align: center;
    width: 100%;

}
.price small{
    font-size: 20px;
}



.recurring-price {
    color: #ffffff;
    line-height: 38px;
    font-weight: 700;
    font-family: proxima-nova, sans-serif;
    font-size: 32px;
    margin-bottom: 0;
    text-align: center;
}

.recurring-price span {
    font-size: 12px;
    line-height: 14px;
    width: 60%;
    margin: 0 auto;
    display: block;
}


.pricing-block-content {
    position: relative;
    padding: 3px 22px 20px;
    background-color: #fff;

    display: flex;
    flex-flow: column;
}

.price-block-data__fader{
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-image: linear-gradient(0deg, white, transparent);
    padding-top: 23px;
}
.price-block-data__fader.hidden{
    display: none !important;
}
.price-block-data__opener{
    width: 30px;
    height: 30px;
    padding: 5px;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0px auto 0px;
    display: flex;
    border: solid 1px var(--col-20);
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: var(--col-1);
}
.price-block-data__opener-icon{
    width: 18px;
    height: 18px;
    margin-top: 1px;
}

.pricing-block-data {
    margin-bottom: 22px;
    display: flex;
}

.pricing-block-data .icon {
    height: 18px;
    filter: var(--fil-col-13);
    width: 18px;
    margin-right: 14px;
    margin-top: 2px;
}

.pricing-block-data .text {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    color: #363636;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-align: left;
}
.price i,
.recurring-price i {
    font-style: normal;
    font-size: 22px;
}
.content__h1--centered-light{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color:#697681;
    text-align: center;
    font-size: 19px;
    margin: 0;
}
.content__div--white-background{
    margin-top: 10px;
}
.content__info-title--smaller{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #707070;
    font-size: 16px;
    margin: 0;
    margin-bottom: 10px;
}
.content__info-title{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #707070;
    font-size: 15px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 7px;
}
.content__info-section--grey-background{
    display: flex;
    border-bottom: #ffffff thin solid;
    margin-right: 22px;
    margin-left: 22px;
    padding: 27px 0px 27px 0px;
    align-items: center;
}
.content__info-box--grey{
    background-color: #f1f2f6;
    margin: 20px 15px 15px 15px;
    border-radius: 15px;
}
.content__info-describe-text{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color:#707070;
    font-size: 16px;
    margin:0;
}
.content__button{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    border-style: none;
    color: white;
    background-color: #8696A3;
    cursor: pointer;
    transition: 0.2s;
    border-radius: 41px;
    display: block;
    margin-bottom: 30px;
    margin-top: 15px;
    padding: 10px 20px;
    max-width: 300px;
    width: 100%;
}
.content__button:hover{
    background-color: #7d878f;
}
.content__button:focus{
    border-style: none;
    outline:none;
}
.content__button--same-sized{
    width: 130px;
    font-weight: 700;
    padding: 13px 0px 13px 0px;
}
.content__button--same-sized:focus{
    border-style: none;
    outline:none;
}
.content__button--centered{
    margin: 0 auto;
    display: block;
    margin-bottom: 30px;
    margin-top: 20px;
}
.content__h1--left-light{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #697681;
    text-align: left;
    font-size: 20px;
    margin-right: 27px;
    margin-left: 27px;
    margin-bottom: 19px;
    margin-top: 23px;
}
.content__h1--bold{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color:#697681;
}
.content__p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #707070;
    margin-bottom: 14px;
    font-size: 14px;
    margin-right: 27px;
    margin-left: 27px;
    text-size-adjust: none;
}
.content__p--bold{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.content__p--centered{
    text-align: center;
}
.content__p--small{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color:#707070;
    text-align: center;
    margin-bottom: 11px;
}
.content__div_image_container{
    background: url("https://neur.memoriale.com/front-page-second-block-image.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 241px;
}
.content__div--light-grey-background{
    background-color: #6e7d9212;
    padding-top: 31px;
    padding-bottom: 15px;
    margin-top: 38px;
    border-top: solid 1px #b8925d;
    border-bottom: solid 1px #b8925d;
}
.content__h1--centered-regular{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #697681;
    text-align: center;
    font-size: 20px;
    margin: 0;
    margin-bottom: 15px;
}
.content__link-in-p{
    color: #707070;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-decoration: none;
}
.content__link-in-p:hover{
    text-decoration: underline;
}
.content__block-with-background{
    position: relative;
    height: 414px;
    background: url("https://neur.memoriale.com/front-page-flowers-image.jpg") no-repeat bottom;
    background-size: cover;
}
.content__div--bottom-right{
    position: absolute;
    bottom: 56px;
    right: 23px;
    text-align: right;
    left: 23px;
}
.content__h1--right-light{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin:0;
    text-align:right;
    color:#697681;
    margin-bottom: 30px;
}
.content__h1--bigger-font{
    font-size: 21px;
}


.service-option__text-logo{
    height: 16px;
    margin: 0px 0 3px;
    filter: var(--fil-col-1);
}
.service-option__logo{
    width: 60px;
    margin: 0 auto 18px;
    display: block;
    filter: var(--fil-col-12);
}
.pricing__text-logo{
    width: 100%;
    filter: var(--fil-col-1);
    margin-bottom: 13px;
    height: 15px;
}
.price-btn{
    display: block;
    width: calc(100% - 30px);
    margin: auto;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: .03rem;
    color: white;
    text-shadow: 0 1px 2px #00000020;
    font-size: 14px;
    text-align: center;
    border-radius: 48px;
    padding: 10px 20px;
    box-sizing: border-box;
    box-shadow: 0 6px 8px #00000024;
}
.pricing-block-data-wrapper{
    margin: 14px 0px 14px;
    flex-grow: 1;
    max-height: 339px;
    min-height: 339px;
    position: relative;
    transition: max-height 0.4s;
    overflow: hidden;
}
.pricing-block-data-wrapper.opened{
    max-height: unset !important;
}
.content__front-page-second-block{
    margin-top: 40px;
}
.content__button--right{
    margin: 0 0 0 auto;
}

@media only screen and (min-width: 1100px) {
    .content__h1--centered-light{
        font-size: 40px;
    }
    .content__div--white-background {
        margin-top: 75px;
    }
    .content__info-title{
        font-size: 16px;
        margin-bottom: 18px;
    }
    .content__info-title--smaller {
        font-size: 20px;
    }
    .content__info-section--grey-background{
        border-bottom: none;
        border-right: #ffffff thin solid;
        display: block;
        text-align: center;
        width:279px;
        margin:0;
        padding: 0px 28px 0px 28px;
        margin-top: 32px;
        margin-bottom: 32px;
        margin-right: -2px;
    }
    .content__info-box--grey{
        display: flex;
        max-width: 837px;
        margin-right: auto;
        margin-left: auto;
    }
    .content__button--light{
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        padding: 9.5px 30px 9.5px 30px;
        border-radius: 7px;
        border: #ffffff solid 2px;
        color: white;
        background-color: #00000000;
        cursor: pointer;
        margin-top: 42px;
        transition: 0.2s;
    }
    .content__button--light:hover{
        background-color: #00000026;
    }
    .content__button--light:focus{
        outline: none;
    }
    .content__button{
        padding: 9.5px 30px 9.5px 30px;
    }
    .content__button--right{
        margin-top: 48px;
    }
    .content__button{
        font-size: 18px;
    }
    .content__button--same-sized{
        font-size: 17px;
        width: 193px;
        font-weight: 700;
        padding: 11.5px 38px 11.5px 38px !important;
    }
    .content__front-page-second-block{
        max-width: 1067px;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        margin-top: 96px;
        margin-bottom: 96px;

    }
    .content__div_image_container{
        position: relative;
        min-width: 450px;
        height: 450px;
        overflow: hidden;
        border-radius: 12px;
    }
    .content__text-section{
        margin-top: auto;
        margin-bottom: auto;
    }
    .content__h1--left-light{
        margin-left: 44px;
        font-size:40px;
        margin-bottom: 30px;
    }
    .content__p {
        margin-left: 44px;
        font-size: 20px;
    }
    .content__p--small-desktop{
        font-size: 16px;
    }
    .content__p--centered-desktop{
        text-align: center;
    }
    .content__div--light-grey-background{
        padding-bottom: 115px;
    }
    .content__h1--centered-regular{
        margin-top: 73px;
        margin-bottom: 61px;
        font-size: 40px;
    }
    .content__block-with-background{
        height: 725px;
        background: url("https://neur.memoriale.com/front-page-flowers-image-wide.jpg") no-repeat bottom;
        background-size: cover;
    }
    .content__div--bottom-right{
        left: 40%;
        bottom: 116px;
        text-align: center;
    }
    .content__h1--bigger-font {
        font-size: 46px;
        text-align: center;
    }
}



#price-type-carousel .carousel-cell{
    padding: 8px 13px;
    min-width: 82px;
    margin-top: -8px;
    width: unset;
    box-sizing: border-box;
    cursor: pointer;
    font-family: 'Montserrat',sans-serif;
    font-size: 14px;
    margin: -8px 2px;
}
#price-type-carousel .flickity-viewport{
    width: 100%;
    padding: 0;
    height: 30px !important;
}
#price-type-carousel .flickity-slider{
    width: 100%;
}

.service-steps{
    background-color: var(--col-21);
    padding: 56px 21px;
	margin-bottom: 52px;
}
.service-steps__title{
    margin: 0 0 56px;
    color: var(--col-1);
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
}
.service-steps__container{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    max-width: 1214px;
    width: 100%;
    margin: auto;
}
.service-steps__step{
    background-color: var(--col-31);
    border-radius: 10px;
    box-shadow: 0 6px 25px #00000029;
    width: 224px;
    height: 324px;
    box-sizing: border-box;
    padding: 26px 23px;
}
.service-steps__step-icon-container{
    height: 160px;
    width: 160px;
    position: relative;
    margin: auto;
}
.service-steps__step-icon{
    height: 160px;
    width: 160px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-5deg);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.service-steps__step-icon p{
    text-align: center;
    font-family: 'Luxurious Script',cursive;
    font-size: 33px;
    line-height: 26px;
    /* font-family: 'Mea Culpa', cursive; */
    margin: 0px;
    color: #271a0d;
    letter-spacing: 0px;
    text-shadow: 0 0 1px #382615;
}
.service-steps__step-icon-shadow{
    z-index: 1;
    height: 160px;
    width: 160px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    box-shadow: 0 6px 25px #00000029;
}
.service-steps__step-info{
    font-family: 'Open Sans', sans-serif;
    color: var(--col-1);
    text-align: center;
    font-size: 18px;
    margin: 26px 0px 0px;
}
.service-steps__next-step{
    margin: auto;
}
.service-steps__next-step-icon{
    filter: var(--fil-col-1);
    width: 18px;
}
.service-button{
    display: block;
    padding: 10px 10px;
    width: 100%;
    max-width: 300px;
    font-weight: bold;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: .03rem;
    color: white;
    margin: 56px auto 0;
    transition: 0.2s;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    box-shadow: 0 6px 8px #00000026;
    border: unset;
    outline: unset;
    text-align: center;
}

.be-remembered__content{
    background-image: url('https://neur.memoriale.com/blur_super_wide-pen-background.jpg');
}
.our-story__content{
    background-image: url('https://neur.memoriale.com/wide-story.jpg');
}
.grieve__content{
    background-image: url('https://neur.memoriale.com/grief-bg.jpg');
}
.content-with-background{
    height: 540px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 52px;
    background-position: center;
}
.content-with-background__container{
    height: 100%;
    display: flex;
    align-items: center;
    max-width: 865px;

    margin: auto;
}
.be-remembered__container{
    justify-content: flex-start;
}
.grieve__container{
    justify-content: flex-start;
}
.our-story__container{
    justify-content: flex-end;
}
.content-with-background__title{
    font-family: 'Montserrat',sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: var(--col-21);
    margin: 0 0 23px;
}

.content-with-background__info{
    margin: 0 0 23px;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 24px;
    text-shadow: 0 0 35px var(--col-1);
}
.content-with-background__button{
    display: block;
    padding: 10px 0;
    width: 100%;
    max-width: 250px;
    font-weight: bold;
    border-radius: 20px;
    text-transform: uppercase;
    color: white;
    transition: 0.2s;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    box-shadow: 0 6px 8px #00000026;
    border: unset;
    outline: unset;
    text-align: center;
    cursor: pointer;
}
.content-with-background__wrap{
    max-width: 544px;
}
.content-with-background__wrap.be-remembered__wrap{
    padding-left: 19px;
}
.content-with-background__wrap.grieve__wrap{
    padding-right: 19px;
}
.grieve__title{
    text-align: start;
}
.grieve__info{
    text-align: start;
}
.grieve__button{
    margin: 0 auto 0 0;
}
.grieve__wrap{
    max-width: 437px;
}

.content-with-background__wrap.our-story__wrap{
    padding-right: 19px;
    max-width: 514px;
}
.our-story__title{
    text-align: end;
    color: var(--col-1);
}
.our-story__info{
    text-align: end;
    color: var(--col-1);
    text-shadow: unset;
	font-style: italic;
}
.our-story__button{
    margin: 0 0 0 auto;
}
.our-story__wrap{
    max-width: 437px;
}



@media only screen and (max-width: 1034px) {

    .service-steps__next-step-icon{
        width: 15px;
    }
    .service-steps__step {
        width: 208px;
        height: 348px;
    }
    .pricing-heading h4{
        font-size: 14px;
        margin: 3px 0px 0px;
    }
}
@media only screen and (max-width: 988px) {
    .service-steps{
        padding: 56px 1px;
    }
    .service-steps__next-step{
        display: none;
    }
    .service-steps__step-icon{
        width: 155px;
        height: 155px;
    }
    .service-steps__step-icon-shadow{
        height: 155px;
        width: 155px;
    }
    .service-steps__step-info{
        font-size: 17px;
        margin: 26px 0px 0px;
    }
    .service-steps__step{
        width: 209px;
        height: 332px;
        margin: auto;
    }
    .service-steps__step-icon p{
        font-size: 33px;
    }
}
@media only screen and (max-width: 880px) {
    .grieve__content {
        background-image: url('https://neur.memoriale.com/grieve-bg-tablet.jpg');
        background-position: top;
    }
    .be-remembered__content {
        background-image: url('https://neur.memoriale.com/own-memorial-bg-tablet.jpg');
        background-position: 50% 65%;
    }

    .service-steps__container{
        flex-wrap: wrap;
        max-width: 584px;
    }
    .service-steps__step{
        width: 226px;
        height: 330px;
        margin: 10px 10px;
    }
    .service-steps__title{
        margin: 0 0 46px;
        font-size: 32px;
        margin: 0 auto 46px;
        max-width: 492px;
        box-sizing: border-box;
        padding: 0px 20px;
    }
    .service-button{
        font-size: 14px;
    }
    #service-description{
        padding: 47px 0 9px 0;
    }

    .price-btn{
        padding: 9px 20px;
        font-size: 13px;
        width: calc(100% - 17px);
    }
    .pricing-block-data .icon{
        width: 15px;
        margin-right: 8px;
        height: 15px;
    }
    .pricing__text-logo{
        height: 14px;
    }
    .pricing-heading img.logo-image{
        width: 49px;
        margin: 0 auto 14px;
    }
    .pricing-heading h4{
        font-size: 13px;
        margin: 3px 0px 0px;
    }
    .price{
        font-size: 31px;
    }
    .price-type-selector{
        font-size: 13px;
    }
    .service-button{
        font-size: 13px;
    }
    .flickity-prev-next-button{
        width: 42px;
        height: 42px;
    }
    .content-with-background__title{
        font-size: 34px;
    }

    .content-with-background__button{
        width: 100%;
        font-size: 13px;
    }
}

@media only screen and (max-width: 766px) {
    .pricing-block.opened{
        min-height: unset;
    }
    .pricing-block-data-wrapper.opened{
        min-height: unset;
    }
    .intro__logo{
        width: 52px;
    }
    #loading-logo-text{
        width: 180px;
        margin: 12px auto 0px;
    }
    #loading-logo{
        width: 55px;

    }

    #intro__header-wrapper{
        top: 28vh;
    }
    .first-block-subtitle__h2{
        margin: 3px auto 10px;
        font-size: 17px;
        letter-spacing: .8px;
    }

    .intro__lead{
        font-size: 15px;
        margin: 2vh auto 3vh auto;
        text-align: center;
        max-width: 339px;
        line-height: 18px;
    }
    .service-option__text-logo{
        height: 17px;
    }
    #service-description h1{
        font-size: 18px;
        margin: 12px 0px 33px;
    }
    #service-description h3{
        padding: 0 20px 39px;
        text-align: center;
        line-height: 24px;
    }

    #service-description p.button-info{
        margin: 31px auto 0 auto;
    }

    #service-description{
        padding: 36px 0 3px 0;
        margin-bottom: 38px;
    }
    div#pricing-block-wrapper{
        display: block;
    }
    .pricing-block{
        width: calc(100% - 40px);
        margin: 0px auto 20px;
        max-width: 450px;
        display: block;
        max-height: unset;
    }
    .pricing-block-content{
        display: block;
        padding: 3px 22px 28px;
    }
    .pricing-heading{
        padding: 21px 15px 40px 15px;
    }
    .price-btn{
        max-width: 250px;
        font-size: 14px;
    }
    .pricing-block-data .icon{
        width: 18px;
        margin-right: 11px;
        height: 18px;
    }
    .pricing-block-data-wrapper{
        max-width: 380px;
        margin: 16px auto 28px;
        max-height: unset;
    }
    .price-block-data__fader{
        display: none !important;
    }
    .pricing-heading img.logo-image{
        width: 50px;
    }
    .pricing__text-logo{
        height: 15px;
        margin-bottom: 15px;
    }
    .pricing-heading h4{
        font-size: 15px;
        margin: 2px 0px 0px;
    }
    .service-steps__title{
        font-size: 25px;
    }
    .service-steps{
        padding: 54px 1px;
    }
    .service-steps__step-info{
        font-size: 16px;
    }
    .service-button{
        margin: 44px auto 0;
        font-size: 14px;
    }
    .service-steps__step-icon{
        width: 150px;
        height: 150px;
    }
    .service-steps__step-icon-shadow{
        width: 150px;
        height: 150px;
    }
    .service-steps__step-icon p{
        font-size: 31px;
    }

    .content-with-background__title{
        font-size: 27px;
    }
    .content-with-background__info{
        font-size: 16px;
    }
    .content-with-background__wrap.be-remembered__wrap{
        padding-left: 30px;
        margin-top: 78px;
        margin-bottom: 78px;
    }
    .content-with-background__wrap.grieve__wrap{
        padding-right: 30px;
        margin-top: 171px;
        margin-bottom: 40px;
    }
    .content-with-background__wrap.our-story__wrap{
        padding-right: 30px;
        margin-top: 171px;
        margin-bottom: 40px;
    }
	.content-with-background__info.our-story__info {
		text-align: center!important;
	}
    .content-with-background{
        margin-bottom: 30px;
        /* height: auto; */
        min-height: 472px;
    }
    .content-with-background__wrap{
        max-width: 500px;
        width: 75%;
    }
    .content-with-background__container{
        align-items: flex-start;
        max-width: unset;
    }
    .content-with-background__button{
        font-size: 14px;
    }
    .price{
        font-size: 32px;
        margin-bottom: 3px;
    }


    .in-content-payment.payment-options{
        margin: 0px auto 20px;
    }
    section#price-list{
        margin-bottom: 33px;
    }

}


@media only screen and (max-width: 522px) {

    .bg-video-block__title,
    .bg-video-block__text,
    .content-with-background__info
    {
        text-shadow:  unset!important;
    }
    .bg-video-block__button,
    .content-with-background__button
    {
        text-shadow:  unset!important;
        box-shadow:  unset!important;
    }

    .grieve__content {
        background-image: url('https://neur.memoriale.com/grieve-bg-mobile.jpg');
        background-position: top;
    }
    .be-remembered__content {
        background-image: url('https://neur.memoriale.com/own-memorial-bg-mobile.jpg');
        background-position: 50% 65%;
    }


    .service-steps__title, .video-features__title, .content-with-background__title{
        font-size: 26px;
    }

    .service-steps__step-info{
        font-size: 15px;
        margin: 12px 0px 0px;
    }
    .service-steps__container{
        align-items: stretch;
        margin: 0px;
        box-sizing: border-box;
        padding: 0px 4px;
    }
    .service-steps__step{
        height: unset;
        width: calc(50% - 10px);
        margin: 5px 5px;
        padding: 14px 12px 32px;
    }
    .service-steps{
        padding: 42px 1px;
    }
    .service-steps__title{
        margin: 0 9px 35px;
    }
    .service-button{
        margin: 34px auto 0;
    }

    .service-steps__step-icon-container{
        padding-top: 132px;
        width: 132px;
        height: unset;
    }
    .service-steps__step-icon{
        width: 132px;
        height: 132px;
    }
    .service-steps__step-icon-shadow{
        width: 132px;
        height: 132px;
    }
    .service-steps__step-icon p{
        font-size: 27px;
    }
}
@media only screen and (max-width: 350px) {
    .service-steps__step{
        width: calc(100% - 14px);
        max-width: 214px;
    }
}

.front-page__introduction-content.creating-memo{
    align-items: flex-start;
}
.front-page__introduction-content.creating-memo .front-page__introduction-carousel{
    margin-top: 4px;
}
@media only screen and (max-width: 800px) {
    .front-page__introduction-content.creating-memo{
        align-items: center;
    }
    .front-page__introduction-content.creating-memo .front-page__introduction-carousel{
        margin-top: 0px;
    }
}

.in-content-payment.payment-options{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0px auto 47px;
    flex-wrap: wrap;
    background-color: var(--col-1);
    /* box-shadow: 0px 6px 25px rgb(0 0 0 / 15%); */
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0px 39px 0px;
    /* width: fit-content; */
}
.in-content-payment .payment-options__title{
    width: 100%;
    text-align: center;
    margin: 0px 0px 7px;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: var(--col-22);
}
.in-content-payment .payment-options__list{
    display: flex;
    align-items: center;
    justify-content: center;
}
.in-content-payment .payment-options__option{
    width: unset;
    height: 29px;
    margin: 0px 8px;
}
.in-content-payment .payment-options__option img{
    width: unset;
    height: 100%;
}
.in-content-payment .payment-options__option.visa{
    align-items: center;
    display: flex;
}
.in-content-payment .payment-options__option.visa img{
    height: 17px;
}
.in-content-payment  .payment-options__option.master-card{
    margin: 0px 3px;
    display: flex;
    align-items: center;
}
.in-content-payment .payment-options__option.master-card img{
    height: 31px;
}
.in-content-payment  .payment-options__option.american-express{
    height: 29px;
    margin: 0px 4px;
    display: flex;
    align-items: center;
}
.in-content-payment .payment-options__option.american-express img{
    height: 36px;
}
.in-content-payment  .payment-options__option.paypal{
    height: 29px;
    display: flex;
    align-items: center;
    background-color: unset;
    padding: unset;
}
.in-content-payment .payment-options__option.paypal img{
    height: 23px;
}
.memorial-page__creation{
    margin-bottom: 31px;
}
.memorial-page__creation .front-page__introduction-button {
    margin: 41px auto 27px;
}

@media only screen and (max-width: 766px) {
    .in-content-payment.payment-options {
        margin: 0px auto 20px;
    }
    .content-with-background__container{
        justify-content: center;
        align-items: center;
    }
    .content-with-background__wrap{
        padding: 0px !important;
        margin: 0px !important;
    }
    .content-with-background__title{
        text-align: center;
    }
    .content-with-background__info{
        text-align: left;
    }
    .content-with-background__button{
        margin: 0px auto;
    }
    .memorial-page__creation .front-page__introduction-button {
        margin: 14px auto 27px;
    }
    .memorial-page__creation{
        margin-bottom: 61px;
    }
    .our-story__content{
        background-image: url('https://neur.memoriale.com/story-mobile.jpg');
        background-position: 50% 65%;
    }
}
@media only screen and (max-width: 374px) {
    .in-content-payment .payment-options__option{
        width: unset;
        height: 26px;
        margin: 0px 6px;
    }
    .in-content-payment .payment-options__option.visa img{
        height: 15px;
    }
    .in-content-payment .payment-options__option.master-card img{
        height: 29px;
    }
    .in-content-payment .payment-options__option.american-express{
        height: 26px;
        margin: 0px 3px;
    }
    .in-content-payment .payment-options__option.american-express img{
        height: 32px;
    }
    .in-content-payment .payment-options__option.paypal{
        height: 26px;
    }
    .in-content-payment .payment-options__option.paypal img {
        height: 20px;
    }
}
.pre-test{
    display: none;
}
.price-wrapper{
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
.vat-info{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: var(--col-21);
    margin: 0;
    margin-top: -4px;

}
.free-trial__container{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--col-1);
    padding: 20px 30px;
    max-width: 500px;
    border-radius: 12px;
}
.free-trial__title{
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
    color: var(--col-22);
    margin: 10px 0px 20px;
}
.free-trial__info{
    font-family: 'Open Sans', sans-serif;
    color: var(--col-22);
    font-size: 15px;
}
.free-trial__btn{
    margin: 25px auto 0px;
    display: block;
    padding: 8px 20px;
    min-width: 150px;
    font-size: 16px;
    cursor: pointer;
}
.free-info__button{
    text-align: center;
    margin: 20px auto;
    padding: 0px 20px;
    color: var(--col-1);
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    cursor: pointer;
    width: fit-content;
    text-decoration: underline;
}
#scroll-icon {
    height: 30px;
    width: 15px;
    border: 2px solid #cecece;
    border-radius: 10px;
    pointer-events: all;
    cursor: pointer;
    animation: hide_element 2s ease-out forwards;
    animation-iteration-count: 1;
    position: relative;
    margin: 0px auto;
}

.read-more__container{
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}
.read-more{
    margin: 4px 0px 0px;
    color: #cecece;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}
.warning-pop-up__close-icon{
    position: absolute;
    width: 19px;
    height: 19px;
    top: 10px;
    right: 10px;
    filter: var(--fil-col-5);
    cursor: pointer;
}
#creation-pop-up-title{
    margin: 5px 0px 10px;
}


@media (hover: none){
    .warning-pop-up__close-icon{
        top: 56px;
    }
}


#block-frontpage__content.dark .block-frontpage__info-custom-content.intro-title {
    filter: var(--fil-col-1);
}
#block-frontpage__content.light .block-frontpage__info-custom-content.intro-title {
    filter: var(--fil-col-11);
}
.block-frontpage__info-custom-content.intro-title{
    width: 280px;
    margin: 4px auto 0px;
    display: block;
    transition: filter 0.2s;
}
@media only screen and (max-width: 844px) {
    .block-frontpage__info-custom-content.intro-title{
        width: 200px;
        margin: 4px auto 0px;
    }
    #block-frontpage__content.light .block-frontpage__background-image-dot.selected{
        background-color: #ffffff;
    }
    #block-frontpage__content.light .block-frontpage__background-image-dot {
        background-color: #ffffffa8;
    }

}
@media only screen and (max-height: 844px) and (min-width: 844px){
    .block-frontpage__info-custom-content.intro-title{
        width: 232px;
    }
}
@media only screen and (max-height: 700px) and (min-width: 844px){
    .block-frontpage__info-custom-content.intro-title{
        width: 183px;
        margin: 7px auto 13px;
    }
}</style>

    <script>
        var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
        var vh;
    </script>

</head>
<body id="front-page" class="no-scroll">



<!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W3Z9QSN9"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) -->
	    

    <script>
        var userImageLoader_arr = {};
var userImages = {};
var tempuserImageLoader_arr = {};

function updateUserImage(user_id){
    if(user_id in userImageLoader_arr){
        var userImages = document.querySelectorAll("[data-userpic='"+user_id+"']");
        tempuserImageLoader_arr[user_id] = {};
        tempuserImageLoader_arr[user_id]["els"] = userImages;
        for (var i = 0; i < tempuserImageLoader_arr[user_id]["els"].length; i++){
            if(!tempuserImageLoader_arr[user_id]["els"][i].hasAttribute("data-userpicprinted")){
                tempuserImageLoader_arr[user_id]["els"][i].style.backgroundImage = "url("+userImageLoader_arr[user_id]["image"].src+"?"+((new Date()).getTime())+")";
            }
        }
    }
    if(user_id != undefined){
        var userImages = document.querySelectorAll("[data-userpic='"+user_id+"']");
        var country = document.querySelector('meta[name="country"]').content.toUpperCase();
        userImageLoader_arr[user_id] = {};
        userImageLoader_arr[user_id]["els"] = userImages;
        userImageLoader_arr[user_id]["image"] = new Image();
        userImageLoader_arr[user_id]["image"].onload = function (){
            for (var i = 0; i < userImageLoader_arr[user_id]["els"].length; i++){
                if(!userImageLoader_arr[user_id]["els"][i].hasAttribute("data-userpicprinted")) {
                    userImageLoader_arr[user_id]["els"][i].style.backgroundImage = "url(/user-profile-images/" + country + "/" + user_id + ".jpg?" + ((new Date()).getTime()) + ")";
                    userImageLoader_arr[user_id]["els"][i].dataset.userpicprinted = "true";
                }
            }
        };
        userImageLoader_arr[user_id]["image"].onerror = function (){
            for (var i = 0; i < userImageLoader_arr[user_id]["els"].length; i++) {
                if(!userImageLoader_arr[user_id]["els"][i].hasAttribute("data-userpicprinted")) {
                    userImageLoader_arr[user_id]["els"][i].style.backgroundImage = "url(/images/user-no-image-test-02-01.jpg?" + ((new Date()).getTime()) + ")";
                    userImageLoader_arr[user_id]["els"][i].dataset.userpicprinted = "true";
                }
            }
        };

        userImageLoader_arr[user_id]["image"].src="/user-profile-images/"+country+"/"+user_id+".jpg"+"?"+((new Date()).getTime());
    }

}
function updateAllUsersPictures(){

    var alluserImages = document.querySelectorAll("[data-userpic]");
    var foundUserImages = {};
    for(var x = 0; x < alluserImages.length; x++){
        if(alluserImages[x] != null){
            if(!(alluserImages[x].dataset.userpic in foundUserImages)){
                updateUserImage(alluserImages[x].dataset.userpic);
                foundUserImages[alluserImages[x].dataset.userpic] = true;
            }
        }

    }


}        var dateForm = "dd/mm/yyyy";
        var intPa = "https://memoriale.com/instructions";
        let menu_itemsNotlog = [{"path":"","name":"Memoriale instructions","icon":"question","parent":"\/instructions"},{"path":"\/","name":"Home","icon":"pen"},{"click":"login()","name":"Login","icon":"sign-in"}];
        var translationFile = {"sign-out":"Sign out","loggedin":"Logged","own-info":"My Information","own-panel":"My Front Page ","wait":"Wait a minute","crop-image":"Picture cropping","accept-image":"Accept","img_progress-loading":"Loading image","small-image":"The photo you sent is less than 500 x 500 pixels. This can affect the quality of the image.","error-image":"Upload the photo in JPEG or PNG file format","img_progress-saving":"Saving the picture","UTC(3:00)":"Finland","instructions":"Instructions","register":"Register","log-in":"Sign in","home":"Home ","service-features":"Service features","memorial-pages":"Memorial pages and obituarys","companies-and-services":"Companies and services","features":"Features","app":"App","faq":"FAQ","dahsboard":"Memory streams","memorial-page-notifications":"The memorial pages have {_amount_} new notifications","memorial-page-notification":"The memorial page has {_amount_} new notification","deletion-in-progress":"The memorial pages are waiting for removal confirmation","deletions-in-progress":"The memorial pages await removal confirmations","your-memorial-pages":"Your memorial page ","your-memo-maintain":"Memorial pages you maintain","create-memorial-page-for-yourself":"Create a memorial page for yourself","create-memorial-page-for-someone":"Create a memorial page for someone close to you","your-memorial-page":"My","invitation-received":"You have unanswered invitations","future-admin":"Future administrator","cancel":"Cancel","back":"Back","birth-short":" ","death-short":" ","your-obituaries":"Your obituary","search":"Search","memorial-page-nav":"Memorial pages","obituary-page-nav":"Obituary pages","search-placeholder":"Search memorial pages and obituaries...","mail-to-subject-memo":"Come to remember","mail-to-body-memo":"We honor the memory of {_n_} on the memorial page. Come and reminisce with us at: {_u_}","mail-to-subject-ob":"View the obituary of {_n_}","mail-to-body-ob":"The obituary of {_n_} can be found online at: {_u_}","email":"Email"};
    </script>
    <header id="header-background" class='header'>
        <div class="header--mobile">
            <button id="mobile-menu-toggler" class="hamburger hamburger--squeeze header__button--bars" type="button">
            <span class="hamburger-box">
              <span class="hamburger-inner"></span>
            </span>
            </button>
            <a href="https://memoriale.com"><img id="navi__logo" class="navi__logo" src="/images/Memoriale-logo-with-stripes-2021-6.svg"></a>
            <div class="user-selection__side">
                <a href="https://memoriale.com/memorial-pages-and-obituarys" class="mobile-search">
                    <img class="mobile-search__icon" src="/font-awesome/svgs/solid/search.svg">
                </a>
                <div id="user-inputer" class="user-inputer">
                </div>
            </div>
            <div id="mobile-menu" class="mobile-menu">
                <ul class="mobile-menu__navigations">
                    <div class="hidden-menu-item">
    <a href="https://memoriale.com">
    <img class="hidden-menu-item__logo-icon" src="/images/Memoriale-logo-with-stripes-2021-6.svg">
    <img class="hidden-menu-item__logo-text" src="/images/memoriale-logo-2021.svg">
    </a><div class="hidden__language-selector" onclick="animateHiddensLanguages();"><p>EN</p><img src="/font-awesome/svgs/regular/chevron-down.svg"></div> <script>
        var selectedLanguage = "EN";
    </script>
    <div class="language-selections" id="language-selections-hiddens"><p class='language-selections__title'>Choose the language</p><img class='language-selections__close-icon' onclick='animateHiddensLanguages();' src='/font-awesome/svgs/regular/times.svg'><div class='language-selections__items'><div class='language-selections__item selected'  onclick='changeLanguage(this)' data-lang='en'><p class=''>English</p></div><div class='language-selections__item ' onclick='changeLanguage(this)' data-lang='sv'><p class=''>Svenska</p></div><div class='language-selections__item ' onclick='changeLanguage(this)' data-lang='fi'><p class=''>Suomi</p></div></div></div></div>                    <li class="mobile-menu__main-navigations" id="mobile-front-page"><a href="https://memoriale.com/" class="mobile-menu__main-link">Home </a></li>
                    <li class="mobile-menu__main-navigations"><a href="https://memoriale.com/features" class="mobile-menu__main-link">Features</a></li>
                    <li class="mobile-menu__main-navigations"><a href="https://memoriale.com/instructions" class="mobile-menu__main-link">Instructions</a></li>
                    <li class="mobile-menu__main-navigations"><a href="https://memoriale.com/memorial-pages-and-obituarys" class="mobile-menu__main-link">Search</a></li>
                    <li class="mobile-menu__main-navigations child"><a href="https://memoriale.com/memorial-pages-and-obituarys?c=1" class="mobile-menu__main-link">Memorial pages</a></li>
                    <li class="mobile-menu__main-navigations child"><a href="https://memoriale.com/memorial-pages-and-obituarys?c=2" class="mobile-menu__main-link">Obituary pages</a></li>
					                </ul>
                <div class='mobile-menu__social-media-section'>
                    <a href="#" class='social-media-instagram__a'><i class='fab fa-instagram'></i></a>
                    <a href="#" class='social-media-facebook__a'><i class='fab fa-facebook-f'></i></a>
                </div>
            </div>
        </div>
        <div class="header--desktop">
            <div class="header__left-content">
                <a style="font-size: 0;" href="https://memoriale.com"><img class='header__logo-img' src='https://neur.memoriale.com/Memoriale-logo-with-stripes-2021-6.svg'></a>
                <ul class="desktop-menu__navigations" id="desktop-navigation" style="opacity: 0">
                    <!--li class="desktop-menu__main-navigations" id="desktop-front-page"><a href="https://memoriale.com/" class="desktop-menu__main-link">Home </a></li-->
                    <li class="desktop-menu__main-navigations"><a href="https://memoriale.com/features" class="desktop-menu__main-link">Features</a></li>
                    <li class="desktop-menu__main-navigations"><a href="https://memoriale.com/instructions" class="desktop-menu__main-link">Instructions</a></li>
					                </ul>
            </div>
            <div class="header__search-bar" id="header-search-bar">
                <div class='header__search-bar-container'>
                    <img src='/font-awesome/svgs/regular/search.svg' class='header__search-bar-icon' onclick='toSearchPage();'>
                    <input id='header-search-input' type='text' class='header__search-bar-input' data-text="Search memorial pages and obituaries..." oninput="checkHeaderSearchVal(this)" onfocus="headerSearchOnFocus(this)" onfocusout="headerSearchOnFocusOut(this)"  placeholder="Search memorial pages and obituaries...">
                    <div class="header-search__action-container">
                        <div class='header__search-bar-reseter' id="header__search-bar-reseter" onclick="resetSearchField()">
                            <img  src='/font-awesome/svgs/regular/times.svg' >
                        </div>
                        <button onclick='toSearchPage();' class="header__search-bar-action-btn">Search</button>
                    </div>
                </div>
            </div>

            <div class="header__right-content" id="desktop-user-inputer" style="opacity: 0">
                <a class='header__action-link' href="https://memoriale.com/registration"><i class="far fa-pen header__action-symbol"></i>Register</a>
                <a class='header__action-link' onclick='loginControl();'><i class="far fa-sign-in header__action-symbol" ></i>Sign in</a>
                <div class='desktop-unlogged__language' onclick="animateDesktopLanguages();"><p>EN</p><img src="/font-awesome/svgs/regular/chevron-down.svg"></div>
            </div>

        </div>
    </header>

<script>
    let userData;
var intPa;
window.addEventListener('load', (event) => {
    var userControlElement = document.getElementById("user-inputer");
    var userControlElement2 = document.getElementById("desktop-user-inputer");

    var usedLanguage = "";
    if(typeof selectedLanguage !== "undefined")
    {
        usedLanguage = selectedLanguage;
    }
    var logInElement = ' <img onclick="loginControl();" class="login-btn-init header__login" id="header__login" src="/font-awesome/svgs/regular/sign-in.svg">';
    var loggedInElement = '<img id="header__login" class="mobile-header-icons--color mobile__logged-in header__login" src="/font-awesome/svgs/solid/user-circle.svg">';

    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function () {
        if (this.readyState == 4) {
            if (this.status == 200) {
                var result = JSON.parse(this.response);
                if(result.hasOwnProperty("data")){
                    var script = document.createElement("script");
                    script.src = "/scripts/user-data-control.js";
                    script.onload = function (){
                        if( document.getElementById("desktop-front-page") != null){
                            document.getElementById("desktop-front-page").querySelectorAll(".desktop-menu__main-link")[0].parentElement.remove();
                        }
                        if(document.getElementById("mobile-front-page") != null){
                            document.getElementById("mobile-front-page").querySelectorAll(".mobile-menu__main-link")[0].parentElement.remove();

                        }


                        userData = result;
                        userControlElement.innerHTML = loggedInElement;
                        if(userControlElement2 != null){
                            userControlElement2.classList.add("logged");
                            userControlElement2.innerHTML = "<img id=\"desktop-header__login\" class=\"mobile-header-icons--color mobile__logged-in header__login\" src=\"/font-awesome/svgs/solid/user-circle.svg\"\"><div class='desktop-unlogged__language' onclick='animateDesktopLanguages();'><p>"+usedLanguage.toUpperCase()+"</p><img src=\"/font-awesome/svgs/regular/chevron-down.svg\"></div>";

                        }

                        var deskTopHeaderLogin = document.getElementById("desktop-header__login");
                        var headerLogin = document.getElementById("header__login");
                        //if(isTouchDevice()){
                            var userControls = createController(userControlElement,result["notifications"],result["user-notifications"]);
                            headerLogin.addEventListener("click",function (){
                                controlUserTouch(headerLogin,userControlElement);
                                updateUserImage(userData["data"]["id"]);
                            });

                            if(userControlElement2 != null){
                                var userControls2 = createController(userControlElement2,result["notifications"],result["user-notifications"]);
                                deskTopHeaderLogin.addEventListener("click",function (){
                                    controlUserTouch(deskTopHeaderLogin,userControlElement2);
                                    updateUserImage(userData["data"]["id"]);
                                });
                            }



                          /*  headerLogin.setAttribute("onclick","controlUserTouch()");
                            deskTopHeaderLogin.setAttribute("onclick","controlUserTouch()");*/
                       /* }
                        else{
                            var userControls = createController(userControlElement,result["notifications"],result["user-notifications"]);
                            userControlElement.setAttribute("onmouseenter","controlUser(this)");
                            userControlElement.setAttribute("onmouseleave","controlUserClose(this)");

                            if(userControlElement2 != null) {
                                var userControls2 = createController(userControlElement2,result["notifications"],result["user-notifications"]);
                                document.getElementById("desktop-header__login").setAttribute("onmouseenter", "controlUser(this)");
                                document.getElementById("desktop-header__login").setAttribute("onmouseleave", "controlUserClose(this)");
                            }
                            updateUserImage(userData["data"]["id"]);
                        }*/
                        if(userControlElement2 != null) {
                            userControlElement2.style.opacity = 1;
                            document.getElementById("desktop-navigation").style.opacity = null;
                        }

                    };
                    document.body.appendChild(script);

                }
                else{
                    userData = result;
                    userControlElement.innerHTML = logInElement;
                    if(userControlElement2 != null) {
                        userControlElement2.style.opacity = 1;
                        document.getElementById("desktop-navigation").style.opacity = null;
                    }
                }

            }
        }
    };
    xhttp.open("POST", "/user-control.php", true);
    xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhttp.send("status=true");
});



function loginControl(){
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function () {
        if (this.readyState == 4) {
            if (this.status == 200) {
                window.location.href = userData["path"];
            }
        }
    };
    xhttp.open("POST", "/user-control.php", true);
    xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhttp.send("login-path="+window.location.href);
}
function getCurrentUserId(){
    var returnVall = null;
    if(document.querySelector('meta[name="user"]') != null){
        var currentUserId =  document.querySelector('meta[name="user"]').content;
        currentUserId = JSON.parse(currentUserId);
        if("data" in currentUserId && "id" in currentUserId["data"]){
            returnVall = currentUserId["data"]["id"];
        }

    }
    return returnVall;
}
function getCurrentUserName(){
    var returnVall = null;
    if(document.querySelector('meta[name="user"]') != null){
        var currentUseName =  document.querySelector('meta[name="user"]').content;
        currentUseName = JSON.parse(currentUseName);
        if("data" in currentUseName && "name" in currentUseName["data"]) {
            returnVall = currentUseName["data"]["name"];
        }

    }
    return returnVall;
}
document.getElementById("mobile-menu-toggler").addEventListener("click", function(){
    var class_exist = document.getElementById("mobile-menu-toggler").classList.contains("is-active");
    if(class_exist){
        document.getElementById("mobile-menu-toggler").classList.remove("is-active");
        if(document.getElementById("header-background") != null) {
            document.getElementById("header-background").classList.remove("header__menu-open--background-color");
        }
        if(document.getElementById("navi__logo") != null) {
            document.getElementById("navi__logo").classList.remove("header__menu-open--font-color");
        }
        document.getElementById("mobile-menu").classList.remove("menu-open");
    }
    else if(!class_exist){
        document.getElementById("mobile-menu-toggler").classList.add("is-active");
        if(document.getElementById("header-background") != null) {
            document.getElementById("header-background").classList.add("header__menu-open--background-color");
        }
        if(document.getElementById("navi__logo") != null) {
            document.getElementById("navi__logo").classList.add("header__menu-open--font-color");
        }
        document.getElementById("mobile-menu").classList.add("menu-open");
    }

});
var mobile_menus_with_submenus = document.getElementsByClassName("mobile-menu__main-navigations");
for (var i = 0; i < mobile_menus_with_submenus.length; i++) {
    mobile_menus_with_submenus[i].addEventListener('click', function() {
        if(this.parentElement.nodeName == "DIV"){
            var clicked_menu_element_parent = this.parentElement;
            var dropdown_icon = this.querySelector('i');
            var submenu = clicked_menu_element_parent.querySelector('ul');
            var is_submenu_open = submenu.classList.contains("mobile_submenu--open");
            if(is_submenu_open){
                submenu.classList.remove("mobile_submenu--open");
                submenu.style.height = "0px";
                dropdown_icon.classList.remove("mobile-menu__control-submenu--open");

            }
            else if(!is_submenu_open){
                submenu.classList.add("mobile_submenu--open");
                var submenus_children = submenu.querySelectorAll('li');
                var submenus_calculated_height = 0;
                for(var y = 0; y < submenus_children.length; y++){
                    submenus_calculated_height += parseInt(submenus_children[y].offsetHeight);
                }
                submenu.style.height = submenus_calculated_height + "px";
                dropdown_icon.classList.add("mobile-menu__control-submenu--open");

            }
        }
    });
}



if("ontouchstart" in document.documentElement){
    var opened_submenu = "";
    var opened_submenu_icon = "";
    var menus_with_submenus = document.getElementsByClassName("desktop-menu__main-navigations");
    for (var i = 0; i < menus_with_submenus.length; i++) {
        menus_with_submenus[i].addEventListener('click', function() {
            if(this.parentElement.nodeName == "DIV"){

                var clicked_menu_element_parent = this.parentElement;
                var dropdown_icon = this.querySelector('i');
                var submenu = clicked_menu_element_parent.querySelector('ul');
                var is_submenu_open = submenu.classList.contains("desktop-menu_submenu--open");
                if(is_submenu_open){
                    submenu.classList.remove("desktop-menu_submenu--open");
                    submenu.style.height = "0px";
                    dropdown_icon.classList.remove("desktop-menu__control-submenu--open");
                    opened_submenu = "";
                    opened_submenu_icon = "";
                }
                else if(!is_submenu_open){
                    submenu.classList.add("desktop-menu_submenu--open");
                    var submenus_children = submenu.querySelectorAll('li');
                    var submenus_calculated_height = 0;
                    for(var y = 0; y < submenus_children.length; y++){
                        submenus_calculated_height += parseInt(submenus_children[y].offsetHeight);
                    }
                    submenu.style.height = submenus_calculated_height + "px";
                    dropdown_icon.classList.add("desktop-menu__control-submenu--open");
                    opened_submenu = submenu;
                    opened_submenu_icon = dropdown_icon;
                }
            }
        });
    }
    document.addEventListener('click', function(e) {
        if(opened_submenu != "" && opened_submenu_icon != ""){
            var parent_of_opened_submenu = opened_submenu_icon.parentElement;
            if(parent_of_opened_submenu != e.target && opened_submenu_icon != e.target){
                opened_submenu.classList.remove("desktop-menu_submenu--open");
                opened_submenu.style.height = "0px";
                opened_submenu_icon.classList.remove("desktop-menu__control-submenu--open");
                opened_submenu = "";
                opened_submenu_icon = "";
            }
            else{
                var get_elements_with_desktop_submenu = document.getElementsByClassName("desktop-menu__navigation-with-submenu");
                for (var x = 0; x < get_elements_with_desktop_submenu.length; x++) {
                    var get_menu_item = get_elements_with_desktop_submenu[x].querySelector('li');
                    if(get_menu_item != e.target && get_menu_item.querySelector('i') != e.target){
                        var submenu_element = get_elements_with_desktop_submenu[x].querySelector('ul');
                        var submenu_icon = get_menu_item.querySelector('i');

                        var submenu_is_open = submenu_element.classList.contains("desktop-menu_submenu--open");
                        var submenu_icon_is_open = submenu_icon.classList.contains("desktop-menu__control-submenu--open");
                        if(submenu_is_open){
                            submenu_element.classList.remove("desktop-menu_submenu--open");
                            submenu_element.style.height = "0px";
                        }
                        if(submenu_icon_is_open){
                            submenu_icon.classList.remove("desktop-menu__control-submenu--open");
                        }
                    }
                }
            }
        }
    });
}
else{
    var opened_submenu = "";
    var opened_submenu_icon = "";
    var menus_with_submenus = document.getElementsByClassName("desktop-menu__navigation-with-submenu");
    for (var i = 0; i < menus_with_submenus.length; i++) {
        menus_with_submenus[i].addEventListener('mouseenter', function() {
            if(this.nodeName == "DIV"){
                var dropdown_icon = this.querySelector('i');
                var submenu = this.querySelector('ul');
                var is_submenu_open = submenu.classList.contains("desktop-menu_submenu--open");
                if(!is_submenu_open){
                    submenu.classList.add("desktop-menu_submenu--open");
                    var submenus_children = submenu.querySelectorAll('li');
                    var submenus_calculated_height = 0;
                    for(var y = 0; y < submenus_children.length; y++){
                        submenus_calculated_height += parseInt(submenus_children[y].offsetHeight);
                    }
                    submenu.style.height = submenus_calculated_height + "px";
                    dropdown_icon.classList.add("desktop-menu__control-submenu--open");
                    opened_submenu = submenu;
                    opened_submenu_icon = dropdown_icon;
                }
            }
        });
        menus_with_submenus[i].addEventListener('mouseleave', function() {
            if(this.nodeName == "DIV"){
                var dropdown_icon = this.querySelector('i');
                var submenu = this.querySelector('ul');
                var is_submenu_open = submenu.classList.contains("desktop-menu_submenu--open");
                if(is_submenu_open){
                    submenu.classList.remove("desktop-menu_submenu--open");
                    submenu.style.height = "0px";
                    dropdown_icon.classList.remove("desktop-menu__control-submenu--open");
                    opened_submenu = "";
                    opened_submenu_icon = "";
                }
            }

        });
    }
}window.addEventListener('load', (event) => {
    if(document.querySelector('meta[name="purchaces_ready"]') != null){
        var purchase = document.querySelector('meta[name="purchaces_ready"]').content;
        if(purchase != ""){
            var popUpLayer = document.createElement("div");
            popUpLayer.classList.add("purchase__layer");
            var popUp = document.createElement("div");
            popUp.classList.add("purchase__container");
            popUpLayer.appendChild(popUp);
            var logoContainer = document.createElement("div");
            logoContainer.classList.add("purchase__logo-container");
            popUp.appendChild(logoContainer);
            var logoImg = document.createElement("img");
            logoImg.src = "/images/Memoriale-logo-with-stripes-2021-6.svg";
            logoImg.classList.add("purchase__logo-icon");
            logoContainer.appendChild(logoImg);

            var logoText = document.createElement("img");
            logoText.src = "/images/memoriale-logo-2021.svg";
            logoText.classList.add("purchase__logo-text");
            logoContainer.appendChild(logoText);

            var title = document.createElement("h2");
            title.classList.add("purchase__title");
            popUp.appendChild(title);
            var info = document.createElement("p");
            info.classList.add("purchase__info");
            popUp.appendChild(info);
            var btn = document.createElement("button");
            btn.classList.add("purchase__button","button-color-2");
            btn.textContent = translationFile["ok"];
            popUp.appendChild(btn);
            document.body.appendChild(popUpLayer);
            btn.addEventListener("click",function (){
                popUpLayer.remove();
            });

            if(purchase == "obituary-page-is-payed"){
                info.innerHTML = translationFile["obituary-page-is-payed-info"];
                title.innerHTML = translationFile["obituary-page-is-payed-title"];
            }
            else if(purchase == "memorial-page-created-and-payed"){
                info.innerHTML = translationFile["memorial-page-created-and-payed-info"];
                title.innerHTML = translationFile["memorial-page-created-and-payed-title"];
            }
            else if(purchase == "memorial-page-created-and-not-payed"){
                info.innerHTML = translationFile["memorial-page-created-and-not-payed-info"];
                title.innerHTML = translationFile["memorial-page-created-and-not-payed-title"];
            }
            else if(purchase == "obituary-to-memorial-activated"){
                info.innerHTML = translationFile["obituary-to-memorial-activated-info"];
                title.innerHTML = translationFile["obituary-to-memorial-activated-title"];
            }
            else if(purchase == "obituary-to-memorial-not-activated"){
                info.innerHTML = translationFile["obituary-to-memorial-not-activated-info"];
                title.innerHTML = translationFile["obituary-to-memorial-not-activated-title"];
            }

        }
    }
});
function countMediaRoom(amount){
    var value = amount /1000000;
    return value;
}
function getRoleTypeRights(){
    if(document.querySelector('meta[name="memoriale_user_functions"]') != null){
        var sets = document.querySelector('meta[name="memoriale_user_functions"]').content;
        if(sets != "none"){
            sets = JSON.parse(sets);
            return sets;
        }
        else{
            return true;
        }
    }
    return null;
}
function getMemoName(){
    if(document.querySelector('meta[name="memoriale_name"]') != null){
        var sets = document.querySelector('meta[name="memoriale_name"]').content;
        if(sets != ""){
            return sets;
        }
    }
    return "";
}
function backBtnElCreator(container){
    var btn = document.createElement("button");
    btn.classList.add("back-btn","button-color-1");
    btn.setAttribute("onclick","getPreviousPage()");
    container.appendChild(btn);

    var btnIcon = document.createElement("img");
    btnIcon.src = "/font-awesome/svgs/regular/chevron-left.svg";
    btn.appendChild(btnIcon);
    var btnText = document.createElement("p");
    btnText.textContent = translationFile["back"];
    btn.appendChild(btnText);
    return btn;
}
function getPreviousPage(){
    if(document.querySelector('meta[name="previous-page"]') != null){
        var path = document.querySelector('meta[name="previous-page"]').content;
        window.location.href = path;
    }
}
function checkForRoleType(type){
    var rights = getRoleTypeRights();
    if(rights !== true && rights != null){
        if(rights.indexOf(type) >= 0){
            return true;
        }
    }
    else if(rights){
        return true;
    }

    return false;

}
function formDate(date){
    return printVisualDate(date);
}
function autocompleteSelection(el,values){
    el.dataset.autocompletevalue = "";


    var parent = el.parentElement;
    var autocompleteContainer = parent.querySelectorAll(".autocomplete__container");
    if(autocompleteContainer.length <= 0){
        autocompleteContainer = document.createElement("div");
        autocompleteContainer.classList.add("autocomplete__container");
        parent.appendChild(autocompleteContainer);
    }
    else{
        autocompleteContainer = autocompleteContainer[0];
        autocompleteContainer.innerHTML = "";
    }
    var selectedValue = el.value;
    var visibileAutoCompletes = {};
    for (var i in values){
        var value = values[i].toLowerCase();
        if(value != ""){
            if(value.indexOf(selectedValue.toLowerCase()) >= 0){
                visibileAutoCompletes[i] = values[i];
            }
        }

    }
    if(Object.keys(visibileAutoCompletes).length > 0){
        autocompleteContainer.classList.add("visible");
        var maxCounter = 0;
        for(var x in visibileAutoCompletes){
            var autocomplete = document.createElement("p");
            autocomplete.classList.add("autocomplete__selection");
            autocomplete.dataset.key = x;
            autocomplete.textContent = visibileAutoCompletes[x];
            autocompleteContainer.appendChild(autocomplete);
            /*autocomplete.addEventListener("click",function (){
                selectAutoCompleteValue(el,autocomplete);
            });*/
            autocomplete.setAttribute("onclick","selectAutoCompleteValue(this)");
            if(maxCounter >= 5){
                break;
            }
        }
        //addeventlistener
        el.addEventListener("keydown",autocompleteKeySelection);
    }
    else{
        autocompleteContainer.classList.remove("visible");
        el.removeEventListener("keydown", autocompleteKeySelection);
        //removeventlistener
    }
    el.addEventListener("focusout",removeAutoCompleteEvents);

}
function removeAutoCompleteEvents(e){
    var el = this;
    setTimeout(function (){
        el.removeEventListener("keydown", autocompleteKeySelection);
        el.removeEventListener("focusout",removeAutoCompleteEvents);
        el.parentElement.querySelectorAll(".autocomplete__container")[0].classList.remove("visible");
    },200);


}
function autocompleteKeySelection(e){
    var autocompeleteEl =  this.parentElement.querySelectorAll(".autocomplete__container")[0];
    //if enter
    if(e["code"] == "ArrowUp" || e["key"] == "ArrowUp" || e["keyCode"] == 38){
        var currentlySelected = autocompeleteEl.querySelectorAll(".selected");
        if(currentlySelected.length > 0){
            if(autocompeleteEl.childElementCount > 1){
                currentlySelected[0].classList.remove("selected");
                var nextSibling = currentlySelected[0].previousElementSibling;
                if(nextSibling != null){
                    nextSibling.classList.add("selected");
                }
                else{
                    autocompeleteEl.lastElementChild.classList.add("selected");
                }
            }
        }
        else{
            autocompeleteEl.lastElementChild.classList.add("selected");
        }
    }
    else if(e["code"] == "ArrowDown" || e["key"] == "ArrowDown" || e["keyCode"] == 40){
        var currentlySelected = autocompeleteEl.querySelectorAll(".selected");
        if(currentlySelected.length > 0){
            if(autocompeleteEl.childElementCount > 1){
                currentlySelected[0].classList.remove("selected");
                var nextSibling = currentlySelected[0].nextElementSibling;
                if(nextSibling != null){
                    nextSibling.classList.add("selected");
                }
                else{
                    autocompeleteEl.firstElementChild.classList.add("selected");
                }
            }
        }
        else{
            autocompeleteEl.firstElementChild.classList.add("selected");
        }
    }
    else if(e["code"] == "Enter" || e["key"] == "Enter" || e["keyCode"] == 13){
        e.preventDefault();
        var currentlySelected = autocompeleteEl.querySelectorAll(".selected");
        if(currentlySelected.length > 0){
            currentlySelected = currentlySelected[0];
        }
        else{
            currentlySelected = autocompeleteEl.firstElementChild.classList.add("selected");
        }
        selectAutoCompleteValue(currentlySelected);
    }


}
function selectAutoCompleteValue(selection){

    var input = selection.parentElement.parentElement.querySelectorAll("INPUT");
    if(input.length <= 0){
        input = selection.parentElement.parentElement.querySelectorAll("TEXTAREA");

    }
    input = input[0];
    input.removeEventListener("keydown", autocompleteKeySelection);
    input.removeEventListener("focusout",removeAutoCompleteEvents);
    input.value = selection.textContent;
    input.dataset.autocompletevalue = selection.dataset.key;
    input.parentElement.querySelectorAll(".autocomplete__container")[0].classList.remove("visible");
    input.parentElement.querySelectorAll(".autocomplete__container")[0].innerHTML = "";


    if(input.hasAttribute("data-resize")){
        resizeTextArea(input);
    }
    if (typeof infoFixer === "function") {
        infoFixer(input);
    }
}
function notificationFooter(data,translationFileNotification,translationFileDashboard){
    var footer = "";
    if(data["accepted"] == 0){
        var requestOnclick = ['requestAction('+data["id"]+',2,this)','requestAction('+data["id"]+',3,this)','requestAction('+data["id"]+',4,this)','requestAction('+data["id"]+',5,this)'];
        if(data["content"]["user-role"] == null){
            footer  = "<div class='notification__action-container request'>" +
                "<button class='notification__action reject' onclick='"+requestOnclick[0]+"'><img class='notification__icon' src='/font-awesome/svgs/regular/times.svg'>"+translationFileDashboard['reject-request']+"</button>" +
                "<button class='notification__action group'  onclick='"+requestOnclick[1]+"'><img class='notification__icon' src='/font-awesome/svgs/solid/user-friends.svg'>"+translationFileDashboard['add-to-group']+"</button>" +
                "<button class='notification__action family' onclick='"+requestOnclick[2]+"'><img class='notification__icon' src='/font-awesome/svgs/solid/heart.svg'>"+translationFileDashboard['add-to-family']+"</button>" +
                "<button class='notification__action admin'  onclick='"+requestOnclick[3]+"'><img class='notification__icon' src='/font-awesome/svgs/solid/lock-alt.svg'>"+translationFileDashboard['add-to-admin']+"</button>" +
                "</div>";
        }
        else if(data["content"]["user-role"] == 20){
            footer  = "<div class='notification__action-container request'>" +
                "<p class='notification__user-status'>"+translationFileNotification['user-is-in-group']+"</p>"+
                "<button class='notification__action reject' onclick='"+requestOnclick[0]+"'><img class='notification__icon' src='/font-awesome/svgs/regular/times.svg'>"+translationFileDashboard['reject-request']+"</button>" +
                "<button class='notification__action family' onclick='"+requestOnclick[2]+"'><img class='notification__icon' src='/font-awesome/svgs/solid/heart.svg'>"+translationFileDashboard['add-to-family']+"</button>" +
                "<button class='notification__action admin'  onclick='"+requestOnclick[3]+"'><img class='notification__icon' src='/font-awesome/svgs/solid/lock-alt.svg'>"+translationFileDashboard['add-to-admin']+"</button>" +
                "</div>";
        }
        else if(data["content"]["user-role"] == 30){
            footer  = "<div class='notification__action-container request'>" +
                "<p class='notification__user-status'>"+translationFileNotification['user-is-in-family']+"</p>"+
                "<button class='notification__action reject' onclick='"+requestOnclick[0]+"'><img class='notification__icon' src='/font-awesome/svgs/regular/times.svg'>"+translationFileDashboard['reject-request']+"</button>" +
                "<button class='notification__action group'  onclick='"+requestOnclick[1]+"'><img class='notification__icon' src='/font-awesome/svgs/solid/user-friends.svg'>"+translationFileDashboard['add-to-group']+"</button>" +
                "<button class='notification__action admin'  onclick='"+requestOnclick[3]+"'><img class='notification__icon' src='/font-awesome/svgs/solid/lock-alt.svg'>"+translationFileDashboard['add-to-admin']+"</button>" +
                "</div>";
        }
        else if(data["content"]["user-role"] == 40){
            footer  = "<div class='notification__action-container request'>" +
                "<p class='notification__user-status'>"+translationFileNotification['user-is-in-admin']+"</p>"+
                "<button class='notification__action reject' onclick='"+requestOnclick[0]+"'><img class='notification__icon' src='/font-awesome/svgs/regular/times.svg'>"+translationFileDashboard['reject-request']+"</button>" +
                "<button class='notification__action group'  onclick='"+requestOnclick[1]+"'><img class='notification__icon' src='/font-awesome/svgs/solid/user-friends.svg'>"+translationFileDashboard['add-to-group']+"</button>" +
                "<button class='notification__action family' onclick='"+requestOnclick[2]+"'><img class='notification__icon' src='/font-awesome/svgs/solid/heart.svg'>"+translationFileDashboard['add-to-family']+"</button>" +
                "</div>";
        }



    }
    else{
        var date = data["respond-time"];
        date = calculate_when_text(date,translationFileDashboard);
        if(data["accepted"] == 2){
            footer = "<div class='notification__responded'><p class='notification__responded'>"+translationFileNotification["rejected-request"]+": "+date+"</p><p  class='notification__responder'>"+translationFileNotification["request-responder"]+": "+data["responder-name"]+"</p></div>";
        }
        if(data["accepted"] == 3){
            footer = "<div class='notification__responded'><p class='notification__responded'>"+translationFileNotification["group-request"]+": "+date+"</p><p  class='notification__responder'>"+translationFileNotification["request-responder"]+": "+data["responder-name"]+"</p></div>";
        }
        if(data["accepted"] == 4){
            footer = "<div class='notification__responded'><p class='notification__responded'>"+translationFileNotification["family-request"]+": "+date+"</p><p  class='notification__responder'>"+translationFileNotification["request-responder"]+": "+data["responder-name"]+"</p></div>";
        }
        if(data["accepted"] == 5){
            footer = "<div class='notification__responded'><p class='notification__responded'>"+translationFileNotification["admin-request"]+": "+date+"</p><p  class='notification__responder'>"+translationFileNotification["request-responder"]+": "+data["responder-name"]+"</p></div>";
        }
    }
    return footer;
}
function calculate_when_text(date,translationFile){
    console.log("calculate_when_text");

    const SECONDS_IN_MINUTE = 60;
    const SECONDS_IN_HOUR = SECONDS_IN_MINUTE * 60;
    const SECONDS_IN_DAY = SECONDS_IN_HOUR * 24;
    const SECONDS_IN_WEEK = SECONDS_IN_DAY * 7;
    const SECONDS_IN_MONTH = SECONDS_IN_DAY * 30.44; // Approximate average month
    const SECONDS_IN_YEAR = SECONDS_IN_DAY * 365.25; // Leap year adjustment

    const currentUnixTime = Math.round(new Date().getTime() / 1000);
    const elapsedSeconds = currentUnixTime - date;

    if (!Number.isInteger(date)) {
        return null; // Return null for invalid input
    }

    if (elapsedSeconds <= SECONDS_IN_MINUTE * 2) {
        return translationFile["just-a-minute"];
    }

    const minutes = elapsedSeconds / SECONDS_IN_MINUTE;
    if (minutes < 60) {
        return `${Math.floor(minutes)} ${translationFile["minutes"]}`;
    }

    const hours = elapsedSeconds / SECONDS_IN_HOUR;
    if (hours < 24) {
        return hours < 2
            ? translationFile["hour"]
            : `${Math.floor(hours)} ${translationFile["hours"]}`;
    }

    const days = elapsedSeconds / SECONDS_IN_DAY;
    if (days < 7) {
        return days < 2
            ? translationFile["day"]
            : `${Math.floor(days)} ${translationFile["days"]}`;
    }

    const weeks = elapsedSeconds / SECONDS_IN_WEEK;
    if (weeks < 4.345) { // Approximate number of weeks in a month
        return weeks < 2
            ? translationFile["week"]
            : `${Math.floor(weeks)} ${translationFile["weeks"]}`;
    }

    const months = elapsedSeconds / SECONDS_IN_MONTH;
    if (months < 12) {
        return months < 2
            ? translationFile["month"]
            : `${Math.floor(months)} ${translationFile["months"]}`;
    }

    const years = elapsedSeconds / SECONDS_IN_YEAR;
    return years < 2
        ? translationFile["year"]
        : `${Math.floor(years)} ${translationFile["years"]}`;
}
function notificationContactSection(data,translationFilePage){
    var contact = "";

    if((data["content"]["phone"] != "" && data["content"]["phone"] != null) || (data["content"]["email"] != "" && data["content"]["email"] != null)){
        var phone = "";
        var email = "";
        if(data["content"]["phone"] != "" && data["content"]["phone"] != null){
            phone = "<div class='notification__contact-info-section'><p class='notification__contact-title-section'>"+translationFilePage["phone-number"]+"</p><p class='notification__contact-info'>"+data["content"]["phone"]+"</p></div>";
        }
        if(data["content"]["email"] != "" && data["content"]["email"] != null){
            email = "<div class='notification__contact-info-section'><p class='notification__contact-title-section'>"+translationFilePage["email"]+"</p><p class='notification__contact-info'>"+data["content"]["email"]+"</p></div>";
        }
        contact = "<div class='notification__contact-section'>" +
            "<p class='notification__contact-title'>"+translationFilePage['contact-to-user']+"</p>"+
            "<div class='notification__contact-info-container'>" +
            phone+email+
            "</div>"+
            "</div>";
    }
    return contact;
}
function checkForMemorialSet(key){
    var returnVal = true;
    if(document.querySelector('meta[name="memoriale_user_set"]') != null){
        var sets = document.querySelector('meta[name="memoriale_user_set"]').content;
        sets = JSON.parse(sets);
        if(sets.indexOf(key) >= 0){
            returnVal = false;
        }
    }
    return returnVal;
}
function createSavedFeedBackElement(alternativetext = null){
    if(document.getElementById("saving-finished-notice") == null){
        var div = document.createElement("div");
        div.classList.add("saving-notice__container");
        div.id = "saving-finished-notice";
        var wrap = document.createElement("div");
        wrap.classList.add("saving-notice__wrapper");
        var icon = document.createElement("img");
        icon.src ="/font-awesome/svgs/light/check-circle.svg";
        icon.classList.add("saving-notice__icon");
        wrap.appendChild(icon);
        var text = document.createElement("p");
        text.id = "saving-finished-notice-text";
        if(alternativetext != null){
            text.textContent = alternativetext;
        }
        else{
            text.textContent = translationFile["edit-saved"];
        }

        text.classList.add("saving-notice__text");
        wrap.appendChild(text);
        div.appendChild(wrap);
        document.body.appendChild(div);
    }
    else{
        if(alternativetext != null){
            document.getElementById("saving-finished-notice-text").textContent = alternativetext;
        }
    }
}
function showSavedFeedBack(){
    document.getElementById("saving-finished-notice").classList.add("settings-saved");
    document.getElementById("saving-finished-notice").style.height = document.getElementById("saving-finished-notice").firstElementChild.scrollHeight + "px";
    setTimeout(() => {
        document.getElementById("saving-finished-notice").classList.remove("settings-saved");
        document.getElementById("saving-finished-notice").style.height = null;
    }, 2000);
}

/*role thing*/
function personRoleContent(element,onlyJoining = false,fixed = false){
    var printJoining = true;
    if(document.querySelector('meta[name="show-memo-navigation"]') != null){
        var data = document.querySelector('meta[name="show-memo-navigation"]').content;
        data = JSON.parse(data);
        if(data["owner"] == "true") {
            printJoining = false;
        }
    }
    if(!printJoining){
        var container = element;

        var container = element;
        var role = getUserRole();
        var div = document.createElement("div");
        div.classList.add("user-role__controller");
        var contentdiv = document.createElement("div");
        contentdiv.classList.add("user-role__controller-btn","owner");
        if(onlyJoining){
            contentdiv.classList.add("centering");
        }
        if(fixed){
            contentdiv.classList.add("fixed");
        }
        div.appendChild(contentdiv);

        var image = document.createElement("img");
        image.src = "/font-awesome/svgs/solid/user-check.svg";
        image.classList.add("user-role__controller-icon");
        contentdiv.appendChild(image);

        var text = document.createElement("p");
        text.classList.add("user-role__controller-text");
        text.textContent = translationFile["your-memorial-page"];
        contentdiv.appendChild(text);
        container.appendChild(div);

        if(!onlyJoining){
            printSettingsLink(container, "40");
        }

    }
    else{
        var container = element;
        var role = getUserRole();
        var div = document.createElement("div");
        div.classList.add("user-role__controller");
        var contentdiv = document.createElement("div");
        contentdiv.classList.add("user-role__controller-btn");
        if(onlyJoining){
            contentdiv.classList.add("centering");
        }
        if(fixed){
            contentdiv.classList.add("fixed");
        }
        div.appendChild(contentdiv);
        var image = document.createElement("img");
        if(role == "20" || role == "30" || role == "40"){
            image.src = "/font-awesome/svgs/solid/user-check.svg";
        }
        else{
            image.src = "/font-awesome/svgs/solid/user-plus.svg";
        }

        image.classList.add("user-role__controller-icon");
        contentdiv.appendChild(image);
        var text = document.createElement("p");
        text.classList.add("user-role__controller-text");

        if(role == "20" || role == "30" || role == "40"){
            text.textContent = translationFile["joined"];
        }
        else{
            text.textContent = translationFile["join"];
        }

        contentdiv.appendChild(text);
        if(role !== false) {
            var userOpenIcon = document.createElement("img");
            userOpenIcon.classList.add("user-role__controller-opener");
            userOpenIcon.src = "/font-awesome/svgs/solid/caret-down.svg";
            contentdiv.appendChild(userOpenIcon);
            contentdiv.setAttribute("onclick","openUserSetter(this)");
        }
        else{
            contentdiv.setAttribute("onclick","window.location.href = '"+administratorPath+"';");
        }

        if(document.getElementById("user-role-setting-container") == null){
            var settingdiv = document.createElement("div");
            settingdiv.classList.add("user-role__setter-container");
            settingdiv.id = "user-role-setting-container";
            var settings = document.createElement("div");
            settings.classList.add("user-role__setter");
            settingdiv.appendChild(settings);

            var leavingText = "";
            var roleText = "";
            var roleImage = "";
            if(role == "20"){
                leavingText = translationFile["leave-group"];
                roleText = translationFile["group-member"];
                roleImage =  "/font-awesome/svgs/solid/user-friends.svg";
            }
            else if(role == "30"){
                leavingText = translationFile["leave-family"];
                roleText = translationFile["family-member"];
                roleImage = "/font-awesome/svgs/solid/heart.svg";
            }
            else if(role == "40"){
                leavingText = translationFile["leave-administrator"];
                roleText = translationFile["adminstrator-member"];
                roleImage = "/font-awesome/svgs/solid/lock-alt.svg";
            }
            var head = document.createElement("div");
            head.classList.add("user-role__head");
            settings.appendChild(head);
            var head_icon = document.createElement("img");
            head_icon.classList.add("user-role__role-icon");
            head_icon.src = roleImage;
            head.appendChild(head_icon);
            var head_text = document.createElement("p");
            head_text.classList.add("user-role__role-name");
            head_text.textContent = roleText;
            head.appendChild(head_text);
            var settingsContainer = document.createElement("div");
            settingsContainer.classList.add("user-role__setter-settings");
            settings.appendChild(settingsContainer);
            var btn = document.createElement("button");
            btn.classList.add("user-role__btn");
            btn.addEventListener("click",function (){
                leaveUserGroup(role,element);
            });
            btn.textContent = leavingText;
            settingsContainer.appendChild(btn);



            var settingsArrow = document.createElement("img");
            settingsArrow.classList.add("user-role__setter-icon");
            settingsArrow.src = "/font-awesome/svgs/solid/triangle.svg";
            settingdiv.appendChild(settingsArrow);


            document.body.appendChild(settingdiv);
        }

        container.appendChild(div);

        if(!onlyJoining){
            printSettingsLink(container,role);
        }
    }
}
function printSettingsLink(container,role){
    var link = document.createElement("a");
    link.classList.add("user-role__link");
    container.appendChild(link);
    var linkIcon = document.createElement("img");
    linkIcon.classList.add("user-role__link-icon");
    linkIcon.src = "/font-awesome/svgs/solid/user-cog.svg";
    var linkText = document.createElement("p");
    linkText.classList.add("user-role__link-text");
    if(role == "40") {
        linkText.textContent = translationFile["settings"];
        link.href = settingsPath;
    }
    else{
        linkText.textContent = translationFile["administrators"];
        link.href = administratorPath;
    }
    link.appendChild(linkIcon);
    link.appendChild(linkText);
}
function getUserRole(){
    if(document.querySelector('meta[name="memoriale_user"]') != null){
        var role = document.querySelector('meta[name="memoriale_user"]').content;
        if(role != "0" && role != "10"){
            return role;
        }
    }
    return false;
}
function openUserSetter(el){
    var hasClass =  el.classList.contains("centering");
    var isFixed = el.classList.contains("fixed");
    var el = el.parentElement;
    if(!el.classList.contains("open-selections")){
        if(isFixed){
            document.getElementById("user-role-setting-container").style.position = "fixed";
        }
        else{
            document.getElementById("user-role-setting-container").style.position = null;
        }

        el.classList.add("open-selections");
        document.getElementById("user-role-setting-container").classList.add("open");
        var arrow = document.getElementById("user-role-setting-container").querySelectorAll(".user-role__setter-icon")[0];
        if(!isFixed) {
            document.getElementById("user-role-setting-container").style.top = (el.getBoundingClientRect().top + window.scrollY + arrow.clientHeight * 2) + "px";
        }
        else{
            document.getElementById("user-role-setting-container").style.top = (el.getBoundingClientRect().top + arrow.clientHeight * 2) + "px";
        }
        document.getElementById("content__overlay").classList.add("content__overlay--visible");

        if(!hasClass){
            var elLeft = el.getBoundingClientRect().left;
            var windowWidth = window.innerWidth;
            var center = windowWidth/2;
            if(center < elLeft){
                document.getElementById("user-role-setting-container").classList.add("right");
                document.getElementById("user-role-setting-container").classList.remove("left");
                document.getElementById("user-role-setting-container").classList.remove("center");
                var leftPost = elLeft - (document.getElementById("user-role-setting-container").scrollWidth - el.scrollWidth)- 20;
                document.getElementById("user-role-setting-container").style.left = leftPost+ "px";

            }
            else{
                document.getElementById("user-role-setting-container").classList.remove("right");
                document.getElementById("user-role-setting-container").classList.add("left");
                document.getElementById("user-role-setting-container").classList.remove("center");
                document.getElementById("user-role-setting-container").style.left = elLeft + "px";
            }
        }
        else{
            var elCenterPos = el.getBoundingClientRect().left + el.scrollWidth/2;
            document.getElementById("user-role-setting-container").classList.add("center");
            document.getElementById("user-role-setting-container").classList.remove("right");
            document.getElementById("user-role-setting-container").classList.remove("left");

            var centerPos = elCenterPos - (document.getElementById("user-role-setting-container").scrollWidth/2);
            document.getElementById("user-role-setting-container").style.left = centerPos + "px";
        }


    }
}

window.addEventListener('resize', function (){
    var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
    if (!isMobile) {
        hideUserOwnRoleEdits();
    }
});
function hideUserOwnRoleEdits(){
    var element = document.getElementById("user-role");
    var second_element = document.getElementById("desktop-header__role-navigation");
    var table_element = document.getElementById("tablet-header__role-navigation");
    var mobile_element = document.getElementById("mobile-header__role-navigation");
    if(element != null){
        var content = element.querySelectorAll(".user-role__controller");
        if(content.length > 0){
            if(content[0].classList.contains("open-selections")){
                document.getElementById("user-role-setting-container").classList.remove("open");
                content[0].classList.remove("open-selections");
                document.getElementById("content__overlay").classList.remove("content__overlay--visible");
            }
        }
    }

    if(second_element != null){
        var content = second_element.querySelectorAll(".user-role__controller");
        if(content.length > 0){
            if(content[0].classList.contains("open-selections")){
                document.getElementById("user-role-setting-container").classList.remove("open");
                content[0].classList.remove("open-selections");
                document.getElementById("content__overlay").classList.remove("content__overlay--visible");
            }
        }
    }
    if(table_element != null){
        var content = table_element.querySelectorAll(".user-role__controller");
        if(content.length > 0){
            if(content[0].classList.contains("open-selections")){
                document.getElementById("user-role-setting-container").classList.remove("open");
                content[0].classList.remove("open-selections");
                document.getElementById("content__overlay").classList.remove("content__overlay--visible");
            }
        }
    }
    if(mobile_element != null){
        var content = mobile_element.querySelectorAll(".user-role__controller");
        if(content.length > 0){
            if(content[0].classList.contains("open-selections")){
                document.getElementById("user-role-setting-container").classList.remove("open");
                content[0].classList.remove("open-selections");
                document.getElementById("content__overlay").classList.remove("content__overlay--visible");
            }
        }
    }
}
document.addEventListener("mousedown", function(e){
    if(!e["target"].classList.contains("autocomplete__selection")){
        var element = document.getElementById("user-role");
        var second_element = document.getElementById("desktop-header__role-navigation");
        var table_element = document.getElementById("tablet-header__role-navigation");
        var mobile_element = document.getElementById("mobile-header__role-navigation");
        if((element != null || second_element != null || table_element != null || mobile_element != null) && !e["target"].classList.contains("user-role__btn")){
            hideUserOwnRoleEdits();
        }
    }


});
function leaveUserGroup(role,parent){
    var element = parent;
    var content = element.querySelectorAll(".user-role__controller");
    content[0].classList.remove("open-selections");
    document.getElementById("user-role-setting-container").classList.remove("open");
    var leaveContainer = document.getElementById("leaving-confirmation");
    if(leaveContainer == null){
        leaveContainer = document.createElement("div");
        leaveContainer.classList.add("editor__pop-up-container","leaving-confirmation__container");
        leaveContainer.id = "leaving-confirmation";
        var textTitle = document.createElement("p");
        textTitle.classList.add("leaving-confirmation__info");
        textTitle.textContent = translationFile["leave-role-info-"+role];
        leaveContainer.appendChild(textTitle);
        var buttonContainer = document.createElement("div");
        buttonContainer.classList.add("leaving-confirmation__btn-container");
        leaveContainer.appendChild(buttonContainer);
        var cancel = document.createElement("button");
        cancel.classList.add("leaving-confirmation__btn","button-color-1");
        cancel.textContent = translationFile["cancel"];
        buttonContainer.appendChild(cancel);
        cancel.addEventListener("click",function (){
            leaveContainer.classList.remove("editor__pop-up-container--visible");
            document.getElementById("content__overlay").classList.remove("content__overlay--visible");
        });
        var confirm = document.createElement("button");
        confirm.classList.add("leaving-confirmation__btn","button-color-2");
        confirm.textContent = translationFile["leave-role-"+role];
        buttonContainer.appendChild(confirm);
        confirm.addEventListener("click",function (){
            confirmLeaving("action=leave-memorial-page");
        });
        document.body.appendChild(leaveContainer);
    }
    leaveContainer.classList.add("editor__pop-up-container--visible");
    document.getElementById("content__overlay").classList.add("content__overlay--visible");

}
function confirmLeaving(action){
    if (document.getElementById("role-deletion-loader") == null){
        var imgloader = document.createElement("div");
        imgloader.id ="role-deletion-loader";
        imgloader.classList.add("post_load");
        var background_container = document.createElement("div");
        background_container.classList.add("loader-background");
        var loadercontainer = document.createElement("div");
        loadercontainer.classList.add("loader_container");

        loadercontainer.innerHTML = '<div class="loader_elements"><p class="waiting">'+ translationFile["wait"]+'</p><svg width="250px" height="150px" viewBox="0 0 187.3 93.7" preserveAspectRatio="xMidYMid meet" style="left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%) matrix(1, 0, 0, 1, 0, 0);"><path stroke="#ededed" class="outline" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"d="M93.9,46.4c9.3,9.5,13.8,17.9,23.5,17.9s17.5-7.8,17.5-17.5s-7.8-17.6-17.5-17.5c-9.7,0.1-13.3,7.2-22.1,17.1 c-8.9,8.8-15.7,17.9-25.4,17.9s-17.5-7.8-17.5-17.5s7.8-17.5,17.5-17.5S86.2,38.6,93.9,46.4z" /><path class="outline-bg" opacity="0.05" fill="none" stroke="#ededed" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"d="M93.9,46.4c9.3,9.5,13.8,17.9,23.5,17.9s17.5-7.8,17.5-17.5s-7.8-17.6-17.5-17.5c-9.7,0.1-13.3,7.2-22.1,17.1 c-8.9,8.8-15.7,17.9-25.4,17.9s-17.5-7.8-17.5-17.5s7.8-17.5,17.5-17.5S86.2,38.6,93.9,46.4z" /></svg><p class="img_progress">'+ translationFile["saving-action"]+'</p></div>';
        background_container.appendChild(loadercontainer);
        imgloader.appendChild(background_container);
        document.body.appendChild(imgloader);
    }
    document.getElementById("content__overlay").classList.add("content__overlay--visible");
    document.getElementById("role-deletion-loader").firstElementChild.classList.add("loader-background--visible");

    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function() {
        if (this.readyState === 4 && this.status === 200) {
            console.log(this.response);
            if(this.response == "success"){
                showMsgOfRoleLeaving("success");
            }
            else if(this.response == "one-admin"){
                showAdminErrors(1);
            }
            else if(this.response == "cancel-payments"){
                showAdminErrors(2);
            }
            else if(this.response.indexOf("main-admin") >= 0){
                var values = JSON.parse(this.response);
                selectNewMainAdmin(values);
            }
            else{
                showMsgOfRoleLeaving("error");
            }
        }
    };
    xhr.open("GET", "/memorial-user-handler?"+action);
    xhr.send();
}
function selectNewMainAdmin(adminsarr){
    var el = document.getElementById("admin-main-error");
    if(el == null){
        el = document.createElement("div");
        el.classList.add("editor__pop-up-container","admin-leaving-error__container");
        el.id ="admin-main-error";
        var text = document.createElement("p");
        text.classList.add("admin-leaving-error__text");
        text.textContent = translationFile["main-admin-info"];
        el.appendChild(text);
        var adminContainer = document.createElement("div");
        adminContainer.classList.add("admin-leaving-error__admin-container");
        adminContainer.id = "main-admin-selection-container";
        el.appendChild(adminContainer);


        var btnContainer = document.createElement("div");
        btnContainer.classList.add("leaving-confirmation__btn-container");

        var btnClose = document.createElement("button");
        btnClose.classList.add("leaving-confirmation__btn","button-color-1");
        btnClose.textContent = translationFile["close"];
        btnClose.addEventListener("click",function (){
            el.classList.remove("editor__pop-up-container--visible");
            document.getElementById("content__overlay").classList.remove("content__overlay--visible");
        });
        btnContainer.appendChild(btnClose);

        var btnAccept = document.createElement("button");
        btnAccept.classList.add("leaving-confirmation__btn","button-color-2");
        btnAccept.textContent = translationFile["main-admin-selection-maded"];
        btnAccept.addEventListener("click",function (){
            var selected = document.getElementById("main-admin-selection-container").querySelectorAll(".selected.main-admin-selector")[0].dataset.id;
            confirmLeaving("action=leave-and-set-main&new-main="+selected);
        });
        btnContainer.appendChild(btnAccept);
        el.appendChild(btnContainer);
        document.body.appendChild(el);

    }

    document.getElementById("main-admin-selection-container").innerHTML = "";
    var admins = adminsarr["admins"];
    var isSelected = false;
    for(var i in admins){
        var container = document.createElement("div");
        container.classList.add("main-admin-selector");
        container.dataset.id = admins[i]["id"];
        container.setAttribute("onclick","setNewMainAdmin(this)");
        var rightContainer = document.createElement("div");
        rightContainer.classList.add("main-admin-selector__right-content");
        container.appendChild(rightContainer);
        var personImage = document.createElement("div");
        personImage.classList.add("main-admin-selector__profile-image");
        personImage.dataset.userpic = admins[i]["id"];
        rightContainer.appendChild(personImage);
        var personName = document.createElement("p");
        personName.classList.add("main-admin-selector__profile-name");
        personName.textContent = admins[i]["name"];
        rightContainer.appendChild(personName);
        var selectionBtn = document.createElement("p");
        selectionBtn.classList.add("main-admin-selector__btn");
        if(!isSelected){
            selectionBtn.textContent = translationFile["new-main-user"];
            isSelected = true;
            container.classList.add("selected");
        }
        else{
            selectionBtn.textContent = translationFile["select-new-main-user"];
        }
        container.appendChild(selectionBtn);
        document.getElementById("main-admin-selection-container").appendChild(container);
    }
    updateAllUsersPictures();

    document.getElementById("role-deletion-loader").remove();
    document.getElementById("leaving-confirmation").classList.remove("editor__pop-up-container--visible");
    el.classList.add("editor__pop-up-container--visible");
}
function setNewMainAdmin(el){
    if(!el.classList.contains("selected")){
        var previousSelect = document.getElementById("main-admin-selection-container").querySelectorAll(".selected.main-admin-selector")[0];
        previousSelect.classList.remove("selected");
        previousSelect.querySelectorAll(".main-admin-selector__btn")[0].textContent = translationFile["select-new-main-user"];

        el.classList.add("selected");
        el.querySelectorAll(".main-admin-selector__btn")[0].textContent = translationFile["new-main-user"];
    }
}
function showAdminErrors(value){
    var el = document.getElementById("admin-leaving-error");
    if(el == null){
        el = document.createElement("div");
        el.classList.add("editor__pop-up-container","admin-leaving-error__container");
        el.id ="admin-leaving-error";
        var text = document.createElement("p");
        text.classList.add("admin-leaving-error__text");
        el.appendChild(text);
        var btn = document.createElement("button");
        btn.classList.add("leaving-confirmation__btn","admin-leaving-error__btn","button-color-1");
        btn.textContent = translationFile["close"];
        btn.addEventListener("click",function (){
            el.classList.remove("editor__pop-up-container--visible");
            document.getElementById("content__overlay").classList.remove("content__overlay--visible");
        });
        el.appendChild(btn);
        document.body.appendChild(el);

    }
    if(value == 1){
        el.querySelectorAll(".admin-leaving-error__text")[0].textContent = translationFile["one-admin"];
    }
    else{
        el.querySelectorAll(".admin-leaving-error__text")[0].textContent = translationFile["cancel-payment"];
    }

    document.getElementById("role-deletion-loader").remove();
    document.getElementById("leaving-confirmation").classList.remove("editor__pop-up-container--visible");
    el.classList.add("editor__pop-up-container--visible");
}


function showMsgOfRoleLeaving(value){
    var msgContent = "";
    var srcContent = "";
    if(value == "success"){
        msgContent = translationFile["success-of-role-leaving"];
        srcContent = "check-circle";
    }
    else{
        msgContent = translationFile["error-in-role-leaving"];
        srcContent = "times-circle";
    }
    var loader = document.getElementById("role-deletion-loader");
    loader.querySelectorAll(".loader_container")[0].innerHTML = "<div class='feedback__content'>" +
        "<img class='feedback__icon' src='/font-awesome/svgs/light/"+srcContent+".svg'>"+
        "<p class='feedback__text' >"+msgContent+"</p>"+
        "</div>";
    setTimeout(function(){
        location.reload();
    },1500);
}
function showMemoNavigation(path){
    if(document.querySelector('meta[name="show-memo-navigation"]') != null){
        var data = document.querySelector('meta[name="show-memo-navigation"]').content;
        data = JSON.parse(data);
        if(data["owner"] == "true" || (data["show"] == "true" && data["owner"] == "false" && (data["wills"] == "true" || data["letters"] == "true" || data["notes"] == "true"))){

            var desktopNav = document.getElementById("desktop-header__role-navigation");
            var tabletNav = document.getElementById("memoriale-page__tablet-menu-container");
            var mobileNav = document.getElementById("memoriale-page__mobile-menu-container");
            if(desktopNav != null){
                var link = document.createElement("a");
                link.classList.add("user-role__link");
                desktopNav.appendChild(link);
                var linkIcon = document.createElement("img");
                linkIcon.classList.add("user-role__link-icon");
                linkIcon.src = "/font-awesome/svgs/solid/feather-alt.svg";
                var linkText = document.createElement("p");
                linkText.classList.add("user-role__link-text");
                if(data["owner"] == "true"){
                    linkText.textContent = translationFile["my-will"];
                }
                else{
                    linkText.textContent = translationFile["will"];
                }
                link.href = path;

                link.appendChild(linkIcon);
                link.appendChild(linkText);

            }

            if(tabletNav != null){
                createNavigationBlockToWill(tabletNav,data, path);
            }
            if(mobileNav != null){
                mobileNav = mobileNav.querySelectorAll(".memoriale-page__mobile-menu-content")[0];
                createNavigationBlockToWill(mobileNav,data, path);
            }

        }

    }
}
function createNavigationBlockToWill(container,data, path){
    var socialsTitle = container.querySelectorAll(".memoriale-page__social-title");
    if(socialsTitle.length > 0){
        socialsTitle = socialsTitle[0];
        var wrap = document.createElement("div");
        var location = window.location.href;
        if(location.indexOf(path) >= 0){
            wrap.classList.add("memoriale-page__mobile-current-selection-link");
        }
        wrap.classList.add("memoriale-page__mobile-menu-item-wrapper");
        var link = document.createElement("a");
        link.href = path;
        wrap.appendChild(link);
        var content = document.createElement("div");
        content.classList.add("memoriale-page__mobile-menu-item-title");
        link.appendChild(content);
        var item = document.createElement("div");
        item.classList.add("memoriale-page__mobile-menu-item");
        content.appendChild(item);
        var icon = document.createElement("img");
        icon.classList.add("memoriale-page__mobile-menu-icon-image");
        icon.src = "/font-awesome/svgs/solid/feather-alt.svg";
        item.appendChild(icon);
        var name = document.createElement("p");
        name.classList.add("memoriale-page__mobile-menu-item-name");
        if(data["owner"] == "true"){
            name.textContent = translationFile["my-will"];
        }
        else{
            name.textContent = translationFile["will"];
        }
        item.appendChild(name);

        container.insertBefore(wrap,socialsTitle);
    }
}
function checkForWillUser(){
    if(document.querySelector('meta[name="show-memo-navigation"]') != null) {
        var data = document.querySelector('meta[name="show-memo-navigation"]').content;
        data = JSON.parse(data);
        return data;
    }
}
function replaceCharsFromVal(val){
    var rp = {
        "{_break_}":"<br>",
        "&amp;":"&",
        "&sol;":"/",
        "&lt;":"<",
        "&gt;":">",
        "&sbquo;":"‚",
        "&bdquo;":"‚,",
        "&quot;":'"',
        "&lsquo;":"´",
        "&rsquo;":"`",
    };
    var value = val;
    for(var i in rp){
        value = val.replace(/${i}/g,rp[i]);
    }
    return value;

}
function fixCharsFromVal(val){
    var rp = {
        "\n":"{_break_}",
        "&":"&amp;",
        "/":"&sol;",
        "<":"&lt;",
        ">":"&gt;",
        "‚":"&sbquo;",
        "‚,":"&bdquo;",
        '"':"&quot;",
        "´":"&lsquo;",
        "`":"&rsquo;",
    };
    var value = val;
    for(var i in rp){
        var regex =  new RegExp(i,'g');
        value = val.replace(regex,rp[i]);
    }
    return value;
}
function loaderElementGenerator(text){
    if(document.getElementById("loader") == null){
        var imgloader = document.createElement("div");
        imgloader.id ="loader";
        imgloader.classList.add("load");
        var background_container = document.createElement("div");
        background_container.classList.add("loader-background");
        var loadercontainer = document.createElement("div");
        loadercontainer.classList.add("loader_container");
        loadercontainer.innerHTML = '<div class="loader_elements"><p class="waiting">'+translationFile["wait"]+'</p><svg width="250px" height="150px" viewBox="0 0 187.3 93.7" preserveAspectRatio="xMidYMid meet" style="left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%) matrix(1, 0, 0, 1, 0, 0);"><path stroke="#ededed" id="outline" fill="none" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"d="M93.9,46.4c9.3,9.5,13.8,17.9,23.5,17.9s17.5-7.8,17.5-17.5s-7.8-17.6-17.5-17.5c-9.7,0.1-13.3,7.2-22.1,17.1 c-8.9,8.8-15.7,17.9-25.4,17.9s-17.5-7.8-17.5-17.5s7.8-17.5,17.5-17.5S86.2,38.6,93.9,46.4z" /><path id="outline-bg" opacity="0.05" fill="none" stroke="#ededed" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"d="M93.9,46.4c9.3,9.5,13.8,17.9,23.5,17.9s17.5-7.8,17.5-17.5s-7.8-17.6-17.5-17.5c-9.7,0.1-13.3,7.2-22.1,17.1 c-8.9,8.8-15.7,17.9-25.4,17.9s-17.5-7.8-17.5-17.5s7.8-17.5,17.5-17.5S86.2,38.6,93.9,46.4z" /></svg><p class="progress" id="operation"></p></div>';
        background_container.appendChild(loadercontainer);
        imgloader.appendChild(background_container);
        document.body.appendChild(imgloader);
    }
    document.getElementById("operation").textContent = text;
    document.getElementById("content__overlay").classList.add("content__overlay--visible");
    document.getElementById("loader").firstElementChild.classList.add("loader-background--visible");
}

function hideLoaderElement(){
    document.getElementById("content__overlay").classList.remove("content__overlay--visible");
    document.getElementById("loader").firstElementChild.classList.remove("loader-background--visible");
}
function warningPopUpCreator(title,info,btnText,actionfunc,additionalcancelfunc = null,cancelAdditionalText = ""){
    var warningPopUp = document.getElementById("warning-pop-up");
    var warningPopUpTitle = document.getElementById("warning-pop-up-title");
    var warningPopUpText = document.getElementById("warning-pop-up-text");
    var warningPopUpBtn = document.getElementById("warning-pop-up-action-btn");
    var cancelBtn = document.getElementById("warning-pop-up-action-btn-cancel");
    if(warningPopUp == null){
        warningPopUp = document.createElement("div");
        warningPopUp.classList.add("warning-pop-up__container","editor__pop-up-container");
        warningPopUp.id = "warning-pop-up";
        warningPopUpTitle = document.createElement("h2");
        warningPopUpTitle.classList.add("warning-pop-up__title");
        warningPopUpTitle.id = "warning-pop-up-title";
        warningPopUp.appendChild(warningPopUpTitle);

        warningPopUpText = document.createElement("p");
        warningPopUpText.classList.add("warning-pop-up__text");
        warningPopUpText.id = "warning-pop-up-text";
        warningPopUp.appendChild(warningPopUpText);

        var warningBtnContainer = document.createElement("div");
        warningBtnContainer.classList.add("warning-pop-up__action-container");
        warningPopUp.appendChild(warningBtnContainer);
        cancelBtn = document.createElement("button");
        cancelBtn.classList.add("warning-pop-up__action-btn","button-color-1");
        if(cancelAdditionalText == ""){
            cancelBtn.textContent = translationFile["cancel"];
        }
        else{
            cancelBtn.textContent = cancelAdditionalText;
        }

        cancelBtn.id = "warning-pop-up-action-btn-cancel";
        cancelBtn.addEventListener("click",function (){
            document.getElementById("content__overlay").classList.remove("content__overlay--visible");
            warningPopUp.classList.remove("editor__pop-up-container--visible");
        });
        warningBtnContainer.appendChild(cancelBtn);

        warningPopUpBtn = document.createElement("button");
        warningPopUpBtn.classList.add("warning-pop-up__action-btn","button-color-2");
        warningPopUpBtn.id = "warning-pop-up-action-btn";
        warningBtnContainer.appendChild(warningPopUpBtn);
        document.body.appendChild(warningPopUp);
    }
    warningPopUpTitle.innerHTML = title;
    warningPopUpText.innerHTML = info;
    warningPopUpBtn.innerHTML = btnText;
    warningPopUpBtn.setAttribute("onclick",actionfunc);
    if(additionalcancelfunc != null){
        cancelBtn.setAttribute("onclick",additionalcancelfunc);
    }

    document.getElementById("content__overlay").classList.add("content__overlay--visible");
    warningPopUp.classList.add("editor__pop-up-container--visible");
}

function createBeforeUnloadFeedBack(text, value){
    var msgContent = "";
    var srcContent = "";

    msgContent = text;
    if(value == "success"){
        srcContent = "check-circle";
    }
    else{
        srcContent = "times-circle";
    }
    var loader = document.getElementById("loader");
    if(loader == null || loader.querySelectorAll(".loader_container").length == 0){
        if(loader != null){
            loader.remove();
        }
        loaderElementGenerator("");
        loader = document.getElementById("loader");
    }
    loader.querySelectorAll(".loader_container")[0].innerHTML = "<div class='feedback__content'>" +
        "<img class='feedback__icon' src='/font-awesome/svgs/light/"+srcContent+".svg'>"+
        "<p class='feedback__text' >"+msgContent+"</p>"+
        "</div>";
}

function printDateTimeCleanForm(time){
    var milDate = new Date(time * 1000);
    var day = (milDate.getDate()).toString();
    var month = (milDate.getMonth() + 1).toString();
    var year = (milDate.getFullYear()).toString();

    var hours = (milDate.getHours()).toString();
    var minutes = (milDate.getMinutes()).toString();

    if(day.length == 1){
        day = "0"+day;
    }
    if(hours.length == 1){
        hours = "0"+hours;
    }
    if(minutes.length == 1){
        minutes = "0"+minutes;
    }
    if(month.length == 1){
        month = "0"+month;
    }
    if(year.length == 3){
        year = "0"+year;
    }
    else if(year.length == 2){
        year = "00"+year;
    }
    else if(year.length == 1){
        year = "000"+year;
    }
    var formatedDate = dateForm.replace(/dd/g, day);
    formatedDate = formatedDate.replace(/mm/g, month);
    formatedDate = formatedDate.replace(/yyyy/g, year);

    formatedDate = formatedDate +" "+ hours+":"+minutes;


    return formatedDate;
}

function animateDesktopLanguages(){
    var container = document.getElementById("language-selections");
    var profilECtrl = document.getElementById("desktop-header__login");
    if(profilECtrl != null){
        controlUserClose(profilECtrl);
    }
    if(container != null){
        if(container.classList.contains("open")){
            var getDesktops = document.getElementsByClassName("desktop-unlogged__language");
            for(var i = 0; i < getDesktops.length; i++){
                getDesktops[i].classList.remove("open");
            }
        }
        else{
            var getDesktops = document.getElementsByClassName("desktop-unlogged__language");
            for(var i = 0; i < getDesktops.length; i++){
                getDesktops[i].classList.add("open");
            }
        }
    }
    animationsToLangSelections(container);
}

function animateHiddensLanguages(){
    var container = document.getElementById("language-selections-hiddens");

    if(container != null){
        if(container.classList.contains("open")){
            var getDesktops = document.getElementsByClassName("hidden__language-selector");
            for(var i = 0; i < getDesktops.length; i++){
                getDesktops[i].classList.remove("open");
            }
        }
        else{
            var getDesktops = document.getElementsByClassName("hidden__language-selector");
            for(var i = 0; i < getDesktops.length; i++){
                getDesktops[i].classList.add("open");
            }
        }
    }

    animationsToLangSelections(container);
}
function animationsToLangSelections(container){
    if(container != null){
        if(container.classList.contains("open")){
            var topPad = window.getComputedStyle(container, null).getPropertyValue('padding-top');
            var bottomPad = window.getComputedStyle(container, null).getPropertyValue('padding-bottom');
            topPad = parseInt(topPad);
            bottomPad = parseInt(bottomPad);
            container.style.height = (container.scrollHeight) + "px";
            setTimeout(function () {
                container.style.marginTop = "0px";
                container.style.paddingTop = "0px";
                container.style.paddingBottom = "0px";
                container.style.height = "0px";
                container.style.borderWidth = "0px";
                setTimeout(function () {
                    container.style.height = null;
                    container.style.marginTop = null;
                    container.style.paddingTop = null;
                    container.style.paddingBottom = null;
                    container.style.borderWidth = null;
                    container.classList.remove("open");

                }, 400);
            }, 1);

        }
        else{
            var topPad = window.getComputedStyle(container, null).getPropertyValue('padding-top');
            var bottomPad = window.getComputedStyle(container, null).getPropertyValue('padding-bottom');
            var topMarg = window.getComputedStyle(container, null).getPropertyValue('margin-top');

            container.style.marginTop = "0px";
            container.style.paddingTop = "0px";
            container.style.paddingBottom = "0px";

            container.classList.add("open");

            topMarg = parseInt(topMarg);
            topPad = parseInt(topPad);
            bottomPad = parseInt(bottomPad);


            var conheight = container.scrollHeight + topPad + bottomPad;
            container.style.height = conheight + "px";

            container.style.marginTop = topMarg+"px";
            container.style.paddingTop = topPad+"px";
            container.style.paddingBottom = bottomPad+"px";

            setTimeout(function (){
                container.style.height = "unset";
                container.style.marginTop = null;
                container.style.paddingTop = null;
                container.style.paddingBottom = null;

            },400);
            //open
        }
    }
}
function changeLanguage(el){
    if(!el.classList.contains("selected")){
        var lang = el.dataset.lang;
        var path = window.location.href.replace(/https:\/\//g,"");
        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function() {
            if (this.readyState === 4 && this.status === 200) {
                if(this.response != "error"){
                    window.location.href = this.response;
                }
                else{
                    location.reload();
                }
            }
        };
        xhr.open("GET", "/language-change?lang="+lang+"&current-path="+path);
        xhr.send();
    }
    else{
        animateHiddensLanguages();
        animateDesktopLanguages();
    }
}

function passwordStrengthEdit(points,translationFilepage){
    var textStrengthEl = document.getElementById("password-strength-text");
    if(points == 0){
        document.getElementById("password-strength").classList.remove("password-strength-1");
        document.getElementById("password-strength").classList.remove("password-strength-2");
        document.getElementById("password-strength").classList.remove("password-strength-3");
        document.getElementById("password-strength").classList.remove("password-strength-4");
        document.getElementById("password-strength").classList.remove("password-strength-5");
        document.getElementById("password-strength").classList.remove("password-strength-6");
        textStrengthEl.textContent = translationFilepage["password-strength"];
    }
    if(points >= 1 && points < 2){
        document.getElementById("password-strength").classList.add("password-strength-1");
        document.getElementById("password-strength").classList.remove("password-strength-2");
        document.getElementById("password-strength").classList.remove("password-strength-3");
        document.getElementById("password-strength").classList.remove("password-strength-4");
        document.getElementById("password-strength").classList.remove("password-strength-5");
        document.getElementById("password-strength").classList.remove("password-strength-6");
        textStrengthEl.textContent = translationFilepage["password-strength-is"] + " "+ translationFilepage["bad"];
    }
    if(points >= 2 && points < 3){
        document.getElementById("password-strength").classList.add("password-strength-1");
        document.getElementById("password-strength").classList.add("password-strength-2");
        document.getElementById("password-strength").classList.remove("password-strength-3");
        document.getElementById("password-strength").classList.remove("password-strength-4");
        document.getElementById("password-strength").classList.remove("password-strength-5");
        document.getElementById("password-strength").classList.remove("password-strength-6");
        textStrengthEl.textContent = translationFilepage["password-strength-is"] + " "+ translationFilepage["bad"];
    }
    if(points >= 3 && points < 4){
        document.getElementById("password-strength").classList.add("password-strength-1");
        document.getElementById("password-strength").classList.add("password-strength-2");
        document.getElementById("password-strength").classList.add("password-strength-3");
        document.getElementById("password-strength").classList.remove("password-strength-4");
        document.getElementById("password-strength").classList.remove("password-strength-5");
        document.getElementById("password-strength").classList.remove("password-strength-6");
        textStrengthEl.textContent = translationFilepage["password-strength-is"] + " "+ translationFilepage["bad"];
    }
    if(points >= 4 && points < 12){
        document.getElementById("password-strength").classList.add("password-strength-1");
        document.getElementById("password-strength").classList.add("password-strength-2");
        document.getElementById("password-strength").classList.add("password-strength-3");
        document.getElementById("password-strength").classList.add("password-strength-4");
        document.getElementById("password-strength").classList.remove("password-strength-5");
        document.getElementById("password-strength").classList.remove("password-strength-6");
        textStrengthEl.textContent = translationFilepage["password-strength-is"] + " "+translationFilepage["bad"];
    }
    if(points >= 12 && points < 14){
        document.getElementById("password-strength").classList.add("password-strength-1");
        document.getElementById("password-strength").classList.add("password-strength-2");
        document.getElementById("password-strength").classList.add("password-strength-3");
        document.getElementById("password-strength").classList.add("password-strength-4");
        document.getElementById("password-strength").classList.add("password-strength-5");
        document.getElementById("password-strength").classList.remove("password-strength-6");
        textStrengthEl.textContent = translationFilepage["password-strength-is"] + " "+translationFilepage["average"];
    }
    if(points >= 14){
        document.getElementById("password-strength").classList.add("password-strength-1");
        document.getElementById("password-strength").classList.add("ch-2");
        document.getElementById("password-strength").classList.add("password-strength-3");
        document.getElementById("password-strength").classList.add("password-strength-4");
        document.getElementById("password-strength").classList.add("password-strength-5");
        document.getElementById("password-strength").classList.add("password-strength-6");
        textStrengthEl.textContent = translationFilepage["password-strength-is"] + " "+translationFilepage["good"];
    }
}
function passwordStrengthCalculator(el, translationFilepage){
    var password = el.value;
    var points = 0;
    if(password.length <= 0){
        points = 0;
    }
    else{
        if(password.toUpperCase() != password){
            points += 1;
        }
        if(/\d/.test(password)){
            points += 1;
        }
        if(password.toLowerCase() != password){
            points += 1;
        }
        if(/[ `!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/.test(password)){
            points += 1;
        }
        if(password.length >= 10){
            points += 10;
        }
        else{
            points += password.length;
        }
    }
    passwordStrengthEdit(points,translationFilepage);


}

function saveMetaImage(callback,id,elid) {
    window.scrollTo(0, 0);
    html2canvas(document.getElementById(elid),{scrollX:0,scrollY:0}).then(function(canvas) {

        var canvasDataLeft = canvas.toDataURL("image/png");
        canvasDataLeft = encodeURIComponent(canvasDataLeft);
        canvas = null;
       


        // callback();
        var xml = new XMLHttpRequest();
        xml.onreadystatechange = function () {
            if (xml.readyState == 4 && xml.status == 200) {
                callback();
            }
        };
        xml.open("POST", "/mediaFunctions.php", false);
        xml.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xml.send("saveMetaImage=" + canvasDataLeft + "&metaid="+id);


    });

}
function preloadImagesForCanvas(images,callback,id,elid,additionalCallback = null){
    var lengthCalc = 0;
    var imagesEls = [];
    var readyCalc = 0;
    console.log(imagesEls);
    console.log(images);
    for (var x = 0; x < images.length; x++){

        imagesEls[lengthCalc] = new Image();
        imagesEls[lengthCalc].onload = function () {
            readyCalc += 1;
            if(readyCalc >= (images.length)){
                if(additionalCallback != null){
                    additionalCallback();
                }
                saveMetaImage(callback,id,elid);
            }
        }
        imagesEls[lengthCalc].onerror = function () {
            readyCalc += 1;
            if(readyCalc >= (images.length)){
                if(additionalCallback != null){
                    additionalCallback();
                }
                saveMetaImage(callback,id,elid);
            }
        }
        imagesEls[lengthCalc].src = images[x];
        lengthCalc += 1;
    }

}
function shareInSocialMediasPopUp(link,title){
    var shareContainer = document.getElementById("sharing-pop-up");
    if(shareContainer == null){
        shareContainer = document.createElement("div");
        shareContainer.classList.add("editor__pop-up-container","sharing-pop-up__container");
        shareContainer.id = "sharing-pop-up";
        document.body.appendChild(shareContainer);
        var titleEl = document.createElement("h1");
        titleEl.classList.add("sharing-pop-up__title");
        titleEl.textContent = title;
        shareContainer.appendChild(titleEl);
        var shareContent = document.createElement("div");
        shareContent.classList.add("sharing-pop-up__content");
        shareContent.id = "sharing-pop-up-content";
        shareContainer.appendChild(shareContent);
        var cancel = document.createElement("button");
        cancel.classList.add("sharing-pop-up__btn","button-color-1");
        cancel.textContent = translationFile["cancel"];
        shareContainer.appendChild(cancel);
        cancel.addEventListener("click",function (){
            shareContainer.classList.remove("editor__pop-up-container--visible");
            document.getElementById("content__overlay").classList.remove("content__overlay--visible");
        });
    }
    var container = document.getElementById("sharing-pop-up-content");
    container.innerHTML = "";
    addShareInSocialMediasPopUpLink(facebookShare+link,"/font-awesome/svgs/brands/facebook-f.svg","facebook",container);
    addShareInSocialMediasPopUpLink(twitterShare+link,"/font-awesome/svgs/brands/twitter.svg","twitter",container);
    addShareInSocialMediasPopUpLink(whatsAppShare+link,"/font-awesome/svgs/brands/whatsapp.svg","whatsapp",container);
    addShareInSocialMediasPopUpLink(emailShare,"/font-awesome/svgs/regular/envelope.svg",translationFile["email"],container);

    shareContainer.classList.add("editor__pop-up-container--visible");
    document.getElementById("content__overlay").classList.add("content__overlay--visible");
}
function addShareInSocialMediasPopUpLink(link,icon,text,container){
    var linkEl = document.createElement("a");
    linkEl.classList.add("sharing-pop-up__link");
    linkEl.href = link;
    linkEl.target = "_blank";
    var linkIcon = document.createElement("img");
    linkIcon.classList.add("sharing-pop-up__link-icon");
    linkIcon.src = icon;
    linkEl.appendChild(linkIcon);
    var linkText = document.createElement("p");
    linkText.classList.add("sharing-pop-up__link-text");
    linkText.textContent = text;
    linkEl.appendChild(linkText);
    container.appendChild(linkEl);
}
function readMemorialeIdMeta(){
    if(document.querySelector('meta[name="memoriale_id"]') != null){
        var sets = document.querySelector('meta[name="memoriale_id"]').content;
        return sets;
    }
    return null;
}
function pricePrettyForm(price){
    if(typeof price !== 'number'){
        console.log("try");
        console.log(price);
        price = parseFloat(price);
    }
    var isFullNum = Number.isSafeInteger(price);
    if(isFullNum){
        return price;
    }
    else{
        var priceVal = price.toFixed(2);
        priceVal = priceVal.toString();
        priceVal = priceVal.replace(".",",");
        return priceVal;
    }
}
function getUserIdFromMeta(){
    if(document.querySelector('meta[name="user"]') != null){
        var sets = document.querySelector('meta[name="user"]').content;
        if(sets != ""){
            sets = JSON.parse(sets);
            if("data" in sets){
                if("id" in sets["data"]){
                    return sets["data"]["id"];
                }
            }
        }
    }
    return null;
}
function cleanCurrencySymbol(currencyCode) {
    const currencySymbols = {
        USD: "$",
        EUR: "€",
        GBP: "£",
        JPY: "¥",
        AUD: "A$",
        CAD: "C$",
        CHF: "CHF",
        CNY: "¥",
        SEK: "kr",
        NZD: "NZ$",
        INR: "₹",
        RUB: "₽",
        KRW: "₩",
        ZAR: "R",
        BRL: "R$",
        SGD: "S$",
        MXN: "$",
        PLN: "zł",
        TRY: "₺",
        NOK: "kr",
        THB: "฿",
        IDR: "Rp"
        // Add more if needed
    };
    return currencySymbols[currencyCode.toUpperCase()] || currencyCode;
}    var searchPageUrl = "https://memoriale.com/memorial-pages-and-obituarys";

    document.getElementById("header-search-input").addEventListener("keyup",function (e){
        if(e.key === 'Enter' || e.keyCode === 13){
            toSearchPage();
        }
    });

    function headerSearchOnFocusOut(el){
        el.placeholder = el.dataset.text;
    }
    function headerSearchOnFocus(el){
        el.placeholder = "";
    }

    function checkHeaderSearchVal(el){
        if(el.value == ""){
            hideReseter();
        }
        else{
            showReseter();
        }
    }
    function resetSearchField(){
        document.getElementById("header-search-input").value = "";
        document.getElementById("header-search-input").placeholder = document.getElementById("header-search-input").dataset.text;

        document.getElementById("header__search-bar-reseter").classList.remove("visible");
    }
    function toSearchPage(){
        var input = document.getElementById("header-search-input");
        var searchValue = input.value;
        if(searchValue == ""){
            window.location.href = searchPageUrl;
        }
        else{
            window.location.href = searchPageUrl+"?s="+searchValue;
        }
    }
    function showReseter(){
        document.getElementById("header__search-bar-reseter").classList.add("visible");
    }
    function hideReseter(){
        document.getElementById("header__search-bar-reseter").classList.remove("visible");
    }
</script>



        <script>
            var selectedLanguage = 'EN';
        </script>
     <div class='language-selections' id="language-selections">
                <p class='language-selections__title'>Choose the language</p><div class='language-selections__items'><div class='language-selections__item selected' onclick='changeLanguage(this)' data-lang='en'><p class=''>English</p></div><div class='language-selections__item ' onclick='changeLanguage(this)' data-lang='sv'><p class=''>Svenska</p></div><div class='language-selections__item ' onclick='changeLanguage(this)' data-lang='fi'><p class=''>Suomi</p></div></div><button onclick='animateDesktopLanguages();' class='language-selections__close'>Close</button>        </div>





<button id="content__overlay" class="content__overlay"></button>
<section id="block-frontpage__intro" class="no-select loading" unselectable="on">
    <div id="block-frontpage__loading-bg-section">
    </div>
    <div id="block-frontpage__content" class="light">
        <div class="block-frontpage__intro-content">
            <div id="block-frontpage__loading-logo" class="block-frontpage__logo-symbol">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 230.83 236.1"><path d="M179,31.1a74.74,74.74,0,0,1,7.9-2.9A114.33,114.33,0,0,0,138.6,7.9a41.76,41.76,0,0,1,2.8,7.6A104.92,104.92,0,0,1,179,31.1Z" transform="translate(-5.09 -2.45)"/><path d="M20,68A139.82,139.82,0,0,0,6.6,105l8.7,1.1a121.85,121.85,0,0,1,8-30.6v-.1C22.3,73.6,20,68,20,68Z" transform="translate(-5.09 -2.45)"/><path d="M98.5,225.5A105.67,105.67,0,0,1,61,209.8s-5.6,2.3-7.9,3h0a113.93,113.93,0,0,0,48.2,20.3.31.31,0,0,0-.1-.2A42,42,0,0,1,98.5,225.5Z" transform="translate(-5.09 -2.45)"/><path d="M19.9,175.2A110.52,110.52,0,0,1,5.1,120.5s-.2-4.8.9-4.6a488.4,488.4,0,0,0,60.7,4.5,70.56,70.56,0,0,0-9.8,6.2H13.2a107,107,0,0,0,10.3,40s-2.7,6-3.6,8.4Z" transform="translate(-5.09 -2.45)"/><path d="M103.8,214.1h1.6c4.2,32.6,25.9,32.6,30,0a21.52,21.52,0,0,0,20.5-10.6,61.56,61.56,0,0,1-21-19.3c-2.6-14-7.5-24.2-14.6-23.9-7.1-.3-12,9.9-14.6,23.9a60.66,60.66,0,0,1-21,19.3A21.67,21.67,0,0,0,103.8,214.1Zm26.6-14.4c-.2,13.1-19.8,13.1-20,0C110.6,186.6,130.2,186.6,130.4,199.7Z" transform="translate(-5.09 -2.45)"/><path d="M169.3,128.1a133.05,133.05,0,0,1-28,6.5c27.8,6.2,51,28,58.1,56.1A76.45,76.45,0,0,1,148.7,148a73,73,0,0,0-18.4-4.6,93.11,93.11,0,0,0,88,65.4A95.92,95.92,0,0,0,169.3,128.1Z" transform="translate(-5.09 -2.45)"/><path d="M41.3,190.7c9.6-32.8,33-50.8,59.5-56.3a165.29,165.29,0,0,1-29.6-6.2,95.44,95.44,0,0,0-48.7,80.5,93.11,93.11,0,0,0,88-65.4,73,73,0,0,0-18.4,4.6A76.72,76.72,0,0,1,41.3,190.7Z" transform="translate(-5.09 -2.45)"/><path d="M112.5,108.1C78.7,107.2,48.7,83,40.4,50.3A75.72,75.72,0,0,1,91.1,93a73,73,0,0,0,18.4,4.6,93.11,93.11,0,0,0-88-65.4c1.6,52.5,45.5,94.4,97.9,92.2h0c52.4,2.2,96.3-39.7,97.9-92.2a93.11,93.11,0,0,0-88,65.4A73,73,0,0,0,147.7,93a75.93,75.93,0,0,1,50.7-42.7C185.8,93.7,149,111.1,112.5,108.1Z" transform="translate(-5.09 -2.45)"/><path d="M136.1,26.9h-1.6c-4.2-32.6-25.9-32.6-30,0A21.52,21.52,0,0,0,84,37.5a61.56,61.56,0,0,1,21,19.3c2.6,14,7.5,24.2,14.6,23.9,7.1.3,12-9.9,14.6-23.9a60.66,60.66,0,0,1,21-19.3A21.78,21.78,0,0,0,136.1,26.9ZM109.5,41.2c.2-13.1,19.8-13.1,20,0C129.3,54.3,109.7,54.3,109.5,41.2Z" transform="translate(-5.09 -2.45)"/><path d="M221.1,175.2a110.43,110.43,0,0,0,14.8-54.6s.2-4.8-.9-4.6a488.4,488.4,0,0,1-60.7,4.5,70.56,70.56,0,0,1,9.8,6.2h43.7a107,107,0,0,1-10.3,40s2.7,6,3.6,8.4C221,175.1,221.1,175.2,221.1,175.2Z" transform="translate(-5.09 -2.45)"/><path d="M219.9,68a139.82,139.82,0,0,1,13.4,37l-8.7,1.1a121.85,121.85,0,0,0-8-30.6v-.1C217.6,73.6,219.9,68,219.9,68Z" transform="translate(-5.09 -2.45)"/><path d="M142.3,225.5a105.67,105.67,0,0,0,37.5-15.7s5.6,2.3,7.9,3h0a113.93,113.93,0,0,1-48.2,20.3.31.31,0,0,1,.1-.2A52.83,52.83,0,0,0,142.3,225.5Z" transform="translate(-5.09 -2.45)"/><path d="M60,31.1a74.74,74.74,0,0,0-7.9-2.9A114.33,114.33,0,0,1,100.4,7.9a41.76,41.76,0,0,0-2.8,7.6A103.45,103.45,0,0,0,60,31.1Z" transform="translate(-5.09 -2.45)"/></svg>
            </div>
            <div id="block-frontpage__loading-logo-text" class="block-frontpage__logo-text">
                <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 793.2 93.35"><path d="M63.3,16.9a12.72,12.72,0,0,1,9.4,0,12.25,12.25,0,0,1,3.8,2.6A12.13,12.13,0,0,1,80.1,28V93.3H94V28a26,26,0,0,0-2-10.1,24.84,24.84,0,0,0-5.6-8.3A27.61,27.61,0,0,0,78.1,4a26.4,26.4,0,0,0-19.4-.3,25,25,0,0,0-8,5L49,10.2,47.3,8.7a26.86,26.86,0,0,0-8-5A26.86,26.86,0,0,0,30,2,26,26,0,0,0,19.9,4a24.84,24.84,0,0,0-8.3,5.6A27,27,0,0,0,6,17.9,26,26,0,0,0,4,28V93.3H18V28a11.51,11.51,0,0,1,3.5-8.5,14.24,14.24,0,0,1,3.8-2.6,12.72,12.72,0,0,1,9.4,0,12.25,12.25,0,0,1,3.8,2.6,14.24,14.24,0,0,1,2.6,3.8A12.29,12.29,0,0,1,42,28V93.3H56V28a11.51,11.51,0,0,1,3.5-8.5A11.64,11.64,0,0,1,63.3,16.9Z" transform="translate(-4 -2)"/><polygon points="176.7 15.3 176.7 1.3 116.5 1.3 116.5 91.3 176.7 91.3 176.7 77.3 130.6 77.3 130.6 53.4 161.8 53.4 161.8 39.4 130.6 39.4 130.6 15.3 176.7 15.3"/><path d="M262.5,16.9a12.72,12.72,0,0,1,9.4,0,12.25,12.25,0,0,1,3.8,2.6,12.13,12.13,0,0,1,3.6,8.5V93.3h13.9V28a26,26,0,0,0-2-10.1,24.84,24.84,0,0,0-5.6-8.3A27,27,0,0,0,277.3,4a26,26,0,0,0-10.1-2,26.86,26.86,0,0,0-9.3,1.7,25,25,0,0,0-8,5l-1.7,1.5-1.7-1.5A25.15,25.15,0,0,0,229.2,2a26,26,0,0,0-10.1,2,24.84,24.84,0,0,0-8.3,5.6,27,27,0,0,0-5.6,8.3,26,26,0,0,0-2,10.1V93.3h14V28a11.51,11.51,0,0,1,3.5-8.5,14.24,14.24,0,0,1,3.8-2.6,12.72,12.72,0,0,1,9.4,0,12.25,12.25,0,0,1,3.8,2.6,14.24,14.24,0,0,1,2.6,3.8,12.29,12.29,0,0,1,.9,4.7V93.3h14V28a11.51,11.51,0,0,1,3.5-8.5A14.24,14.24,0,0,1,262.5,16.9Z" transform="translate(-4 -2)"/><path d="M392.5,81.7a45.3,45.3,0,0,0,7.3-9.5,47.5,47.5,0,0,0,4.7-11.1,45.66,45.66,0,0,0,1.7-12.3,46.4,46.4,0,0,0-1.7-12.4,45.77,45.77,0,0,0-4.7-11.1A46.72,46.72,0,0,0,372,3.9a46.4,46.4,0,0,0-12.4-1.7,45.11,45.11,0,0,0-12.3,1.7,45.77,45.77,0,0,0-11.1,4.7,51.13,51.13,0,0,0-9.5,7.3,46.24,46.24,0,0,0-12,20.5A46.4,46.4,0,0,0,313,48.8a45.11,45.11,0,0,0,1.7,12.3,47.5,47.5,0,0,0,4.7,11.1,51.13,51.13,0,0,0,7.3,9.5,45.3,45.3,0,0,0,9.5,7.3A46.3,46.3,0,0,0,372,93.7,45.77,45.77,0,0,0,383.1,89,47.41,47.41,0,0,0,392.5,81.7Zm-20.2-2.9a32.56,32.56,0,0,1-25.5,0,35.25,35.25,0,0,1-10.4-7,33.54,33.54,0,0,1-7-10.3,31.7,31.7,0,0,1-2.6-12.7A32.8,32.8,0,0,1,359.6,16a31.7,31.7,0,0,1,12.7,2.6,32.8,32.8,0,0,1,20,30.2,32.05,32.05,0,0,1-2.6,12.7,33.54,33.54,0,0,1-7,10.3A32.84,32.84,0,0,1,372.3,78.8Z" transform="translate(-4 -2)"/><path d="M496.6,38.9a32.84,32.84,0,0,0-1.3-9.4,35.63,35.63,0,0,0-3.6-8.5,32.43,32.43,0,0,0-5.6-7.2,38.7,38.7,0,0,0-7.2-5.6,39.39,39.39,0,0,0-8.4-3.6,36.76,36.76,0,0,0-9.4-1.3H425.6v90h14v-19l25.4-.2,8.3,19.2h14.8L478.2,70l1.8-1.1a34.33,34.33,0,0,0,6.9-5.7,33,33,0,0,0,5.2-7.2,39.91,39.91,0,0,0,3.3-8.3A32.23,32.23,0,0,0,496.6,38.9Zm-15.8,8.3a21.66,21.66,0,0,1-11.4,11.4,21.24,21.24,0,0,1-8.3,1.7H439.6v-43h21.5a21.24,21.24,0,0,1,8.3,1.7,21.47,21.47,0,0,1,13.1,19.8A19.73,19.73,0,0,1,480.8,47.2Z" transform="translate(-4 -2)"/><rect x="514.8" y="1.3" width="14" height="90"/><path d="M629.3,93.3V38.9a33.72,33.72,0,0,0-2.8-13.8,36.84,36.84,0,0,0-7.6-11.3A35.57,35.57,0,0,0,593.8,3.4,33.72,33.72,0,0,0,580,6.2a35.44,35.44,0,0,0-18.9,18.9,35.44,35.44,0,0,0-2.8,13.8V93.4h13.9v-19h43v19l14.1-.1ZM572.2,60.4V38.9a21.73,21.73,0,0,1,1.7-8.4,21.47,21.47,0,0,1,19.8-13.1,21.73,21.73,0,0,1,8.4,1.7,21.47,21.47,0,0,1,13.1,19.8V60.4Z" transform="translate(-4 -2)"/><polygon points="650.7 1.3 650.7 91.3 712.2 91.3 712.2 77.3 664.7 77.3 664.7 1.3 650.7 1.3"/><polygon points="793.2 15.3 793.2 1.3 733.1 1.3 733.1 91.3 793.2 91.3 793.2 77.3 747.1 77.3 747.1 53.4 778.3 53.4 778.3 39.4 747.1 39.4 747.1 15.3 793.2 15.3"/></svg>
            </div>
            <div id="block-frontpage__text-sections" class="block-frontpage__text-sections">
                <div class='block-frontpage__section-info selected'><div class='block-frontpage__section-info-wrap'><div class="block-frontpage__info-custom-content intro-title"><img src='https://neur.memoriale.com/Lets-reminisce-together.svg'></div><h3 class="block-frontpage__info-sec-title ">Create a memorial page and an obituary for your deceased loved one</h3><ul class='block-frontpage__list '><li class='block-frontpage__list-element'>Easy to create and update</li><li class='block-frontpage__list-element'>Light up candles on to the memorial table</li><li class='block-frontpage__list-element'>Share stories, pictures and videos</li><li class='block-frontpage__list-element'>You can share or like the updates of other page members</li></ul></div></div><div class='block-frontpage__section-info '><div class='block-frontpage__section-info-wrap'><div class="block-frontpage__info-custom-content intro-title"><img src='https://neur.memoriale.com/Lets-reminisce-together.svg'></div><h3 class="block-frontpage__info-sec-title ">Create a memorial page and an obituary for your deceased loved one</h3><ul class='block-frontpage__list '><li class='block-frontpage__list-element'>Easy to create and update</li><li class='block-frontpage__list-element'>Light up candles on to the memorial table</li><li class='block-frontpage__list-element'>Share stories, pictures and videos</li><li class='block-frontpage__list-element'>You can share or like the updates of other page members</li></ul></div></div>
            </div>
            <div class="block-frontpage__btn-container">
                <button class='block-frontpage__btn button-color-2' style='border: solid 1px #deb783!important;' onclick='createMemorialPage();'>Create a memorial page</button><button class='block-frontpage__btn' onclick='checkForExampleMemorial();'>View a sample page</button>
            </div>
        </div>
        <div class="block-frontpage__background-image-carousel">
            <div class='block-frontpage__background-image selected' style='z-index: 0;' data-desktop='https://neur.memoriale.com/etusivu-hero-bg1.jpg' data-mobile='https://neur.memoriale.com/hero1-mobile3.jpg'></div><div class='block-frontpage__background-image ' style='z-index: 1;' data-desktop='https://neur.memoriale.com/etusivu-hero-bg2.jpg' data-mobile='https://neur.memoriale.com/hero2-mobile.jpg'></div>
        </div>
        <div class="block-frontpage__background-image-dots">
            <div class='block-frontpage__background-image-dot selected' data-color='light' onclick='block__FrontHeroBgChange("light",0,this)'></div><div class='block-frontpage__background-image-dot ' data-color='dark' onclick='block__FrontHeroBgChange("dark",1,this)'></div>
        </div>
        <div class="block-frontpage__read-more__container" id="block-frontpage__scroll-for-more">
            <div id="block-frontpage__scroll-icon" class="show">
                <span class="block-frontpage__scroll-icon__dot"></span>
            </div>
            <p class="block-frontpage__read-more">Read more</p>
        </div>
    </div>
    </section>



<section id="service-description">
    <img class="service-option__logo" src="/images/Memoriale-logo-with-stripes-2021-6.svg">
    <img class="service-option__text-logo" src="/images/memoriale-logo-2021.svg">
    <h1>Memorial page and obituary</h1>



    <div class='front-page__memorial-page-introduction front-page__introduction-content  creating-memo'><div class='front-page__introduction-carousel carousel'><div class='front-page__introduction-carousel-cell carousel-cell'>
                   <div class='front-page__introduction-carousel-cell-image' style='background-image: url("/images/features/memoriale-muistosivu.jpg");'></div>
            </div><div class='front-page__introduction-carousel-cell carousel-cell'>
                   <div class='front-page__introduction-carousel-cell-image' style='background-image: url("/images/features/kynttilat.jpg");'></div>
            </div><div class='front-page__introduction-carousel-cell carousel-cell'>
                   <div class='front-page__introduction-carousel-cell-image' style='background-image: url("/images/features/kynttila-kalle-virtanen.jpg");'></div>
            </div><div class='front-page__introduction-carousel-cell carousel-cell'>
                   <div class='front-page__introduction-carousel-cell-image' style='background-image: url("/images/features/obituary-kalle-virtanen.jpg");'></div>
            </div><div class='front-page__introduction-carousel-cell carousel-cell'>
                   <div class='front-page__introduction-carousel-cell-image' style='background-image: url("/images/features/my-will.jpg");'></div>
            </div></div><p class='front-page__introduction-text'>We are committed to providing our users with a secure memorial environment. The Memoriale memorial page allows you to remember your loved ones in a communal, personal, and dignified way. Important memories will always follow you, no matter the time or place. Creating a page is easy, and we'll guide you step-by-step. At this memorial page, you can also leave a memory of yourself and tell your own story.
<br>
<br>
The memorial page can be kept private, shared with a restricted community, or made public. Admins can invite loved ones and friends to the memorial page. The memorial page can include an obituary which can also be shared for example on social media. </p></div><div class='memorial-page__creation'><button class='front-page__introduction-button button-color-2' onclick='createMemorialPage()'>Create a memorial page</button><p onclick='openFreeInfoPopUp()' class='free-info__button'>Try for free</p></div><div class='front-page__memorial-page-introduction front-page__introduction-content  '><div class='front-page__introduction-carousel carousel'><div class='front-page__introduction-carousel-cell carousel-cell'>
                   <div class='front-page__introduction-carousel-cell-image' style='background-image: url("/images/features/obituary-kalle-virtanen.jpg");'></div>
            </div><div class='front-page__introduction-carousel-cell carousel-cell'>
                   <div class='front-page__introduction-carousel-cell-image' style='background-image: url("/images/features/obituary-fi.jpg");'></div>
            </div><div class='front-page__introduction-carousel-cell carousel-cell'>
                   <div class='front-page__introduction-carousel-cell-image' style='background-image: url("/images/features/obitary-pdf.jpg");'></div>
            </div></div><p class='front-page__introduction-text'>You can also create a Memoriale obituary without a memorial page. The obituary is available on the Memoriale website, and the obituary can also be distributed on social media. You can also create a printable PDF version of the obituary for printing, for example for a newspaper. </p></div><button class='front-page__introduction-button  button-color-1' onclick='createObituaryRights()'>Create only an obituary</button></section>





<section id="price-list">
    <div id="pricing-block-wrapper">
        <div class="pricing-block">
            <div class="pricing-heading eternal">
                <img class="logo-image" src="/images/Memoriale-logo-with-stripes-2021-6.svg">
                <img class="pricing__text-logo" src="/images/memoriale-logo-2021.svg">
                <h4>Memorial page and obituary</h4>

            </div>

            <div class="price-type-wrapper">
                <div class="price-type-selector carousel" id="price-type-carousel">
                    <div class="carousel-cell selected " onclick="showPrice(this,'1')">One-time fee</div>
                    <div class="carousel-cell"  onclick="showPrice(this,'2')">Annual fee</div>

                </div>
            </div>

            <div class="price-wrapper">

                <div class="price" id="price"><i>$</i>79</div>

            </div>

            <div class="pricing-block-content">
                <div class="pricing-block-data-wrapper" id="price-data">
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">Perpetual and no other fees</div>
                    </div>
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">All services on the Memoriale memorial page</div>
                    </div>
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">Individual memorial table</div>
                    </div>
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">Wide selection of commemorative candles</div>
                    </div>
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">Beautiful and 
unique obituary, lots of different options</div>
                    </div>
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">Lots of storage for photos and videos</div>
                    </div>
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">Five administrators and unlimited group members</div>
                    </div>
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">My Will & My Wish memorial page feature</div>
                    </div>
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">Opportunity for private and communal remembrance</div>
                    </div>
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">You can try using the memo page for free for a week</div>
                    </div>
                    <div class="price-block-data__fader"><div class="price-block-data__opener" onclick="openMoreInfo(this);"><img class="price-block-data__opener-icon" src="/font-awesome/svgs/solid/chevron-down.svg"></div></div>
                </div>
                <button onclick="createMemorialPage()" class="price-btn button-color-2">Create a memorial page</button>
            </div>
        </div>

        <div class="pricing-block obituary" >
            <div class="pricing-heading">
                <img class="logo-image" src="/images/Memoriale-logo-with-stripes-2021-6.svg">
                <img class="pricing__text-logo" src="/images/memoriale-logo-2021.svg">
                <h4>Obituary</h4>
            </div>

            <div class="price-wrapper">
                <div class="price"><i>$</i>19</div>

            </div>

            <div class="pricing-block-content">
                <div class="pricing-block-data-wrapper">
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">Forever featured on Memoriale</div>
                    </div>
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">Beautiful, clear and personal</div>
                    </div>
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">Several dozen options</div>
                    </div>
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">Easily shared on social media</div>
                    </div>
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">For example, a PDF version for printing in a newspaper</div>
                    </div>
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">Can be attached to a Memoriale memorial page</div>
                    </div>
                    <div class="price-block-data__fader"><div class="price-block-data__opener" onclick="openMoreInfo(this);"><img class="price-block-data__opener-icon" src="/font-awesome/svgs/solid/chevron-down.svg"></div></div>
                </div>
                <button onclick="createObituaryRights()" class="price-btn button-color-1">Create an obituary</button>
            </div>
        </div>



        <div class="pricing-block">
            <div class="pricing-heading annual">
                <img class="logo-image" src="/images/Memoriale-logo-with-stripes-2021-6.svg">
                <img class="pricing__text-logo" src="/images/memoriale-logo-2021.svg">
                <h4>Use of the service</h4>
            </div>

            <div class="price-wrapper">
                <div class="price"><i>Always free</i></div>
            </div>

            <div class="pricing-block-content">
                <div class="pricing-block-data-wrapper">
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">By creating a free user account, you will be invited to view the private Memoriale memorial pages</div>
                    </div>
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">Attend a commemoration, share pictures, and leave a memory message </div>
                    </div>
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">You can light a candle in memory of a loved one</div>
                    </div>
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">The same account can be used on all Memoriale services in all countries</div>
                    </div>
                    <div class="pricing-block-data">
                        <img class='icon' src='/font-awesome/svgs/regular/check.svg'>
                        <div class="text">Your account information is highly secure and will never be disclosed to third parties</div>
                    </div>
                    <div class="price-block-data__fader"><div class="price-block-data__opener" onclick="openMoreInfo(this);"><img class="price-block-data__opener-icon" src="/font-awesome/svgs/solid/chevron-down.svg"></div></div>
                </div>
                <a href="https://memoriale.com/registration" class="price-btn button-color-2">Register</a>
            </div>
        </div>
    </div>
    <!--<div class="payment-options in-content-payment">
        <p class="payment-options__title">Payment options</p>
        <div class="payment-options__list">
            <div class="payment-options__option klarna">
                <img src="https://x.klarnacdn.net/payment-method/assets/badges/generic/black/klarna.svg">
            </div>
            <div class="payment-options__option visa">
                <img src="/images/visa.png">
            </div>
            <div class="payment-options__option master-card ">
                <img src="/images/mc.png">
            </div>
            <div class="payment-options__option american-express">
                <img src="/images/american-express-1.png">
            </div>
            <div class="payment-options__option paypal">
                <img src="/images/pp-logo-200px.png">
            </div>
        </div>
    </div>-->
</section>


    <div class="service-steps">
            <h1 class="service-steps__title">Creating a memorial page is easy</h1>
            <div class="service-steps__container" id>
                <div class="service-steps__step">
                    <div class="service-steps__step-icon-container">
                        <div class="service-steps__step-icon-shadow"></div>
                        <div class="service-steps__step-icon" style=" background-image: url('/images/gold_coin.png');"><p>Join</p></div>
                    </div>
                    <p class="service-steps__step-info">Registration is easy and secure</p>
                </div>
                <div class="service-steps__next-step">
                    <img class="service-steps__next-step-icon" src="/font-awesome/svgs/regular/chevron-right.svg">
                </div>

                <div class="service-steps__step">
                    <div class="service-steps__step-icon-container">
                        <div class="service-steps__step-icon-shadow"></div>
                        <div class="service-steps__step-icon" style=" background-image: url('/images/gold_coin.png');"><p>Create</p></div>
                    </div>
                    <p class="service-steps__step-info">A beautiful and emotional memorial page for the memory of a loved one</p>
                </div>
                <div class="service-steps__next-step">
                    <img class="service-steps__next-step-icon" src="/font-awesome/svgs/regular/chevron-right.svg">
                </div>

                <div class="service-steps__step">
                    <div class="service-steps__step-icon-container">
                        <div class="service-steps__step-icon-shadow"></div>
                        <div class="service-steps__step-icon" style=" background-image: url('/images/gold_coin.png');"><p>Invite</p></div>
                    </div>
                   <p class="service-steps__step-info">Invite family and friends to the memorial page</p>
                </div>
                <div class="service-steps__next-step">
                    <img class="service-steps__next-step-icon" src="/font-awesome/svgs/regular/chevron-right.svg">
                </div>

                <div class="service-steps__step">
                    <div class="service-steps__step-icon-container">
                        <div class="service-steps__step-icon-shadow"></div>
                        <div class="service-steps__step-icon" style=" background-image: url('/images/gold_coin.png');"><p>Reminisce<br>together </p></div>
                    </div>
                      <p class="service-steps__step-info">Share memories and grief together </p>
                </div>
            </div>
            <a class="service-button button-color-2" href="https://memoriale.com/features">Find out more about the features </a>
    </div>


    <div class='bg-video-block'  data-desktopbg='/images/wide-video-teaser-background.jpg' data-mobilebg='/images/video-teaser-background-mobile.jpg'><div class='bg-video-block__layer'></div><div class='bg-video-block__container'><div class='bg-video-block__content'><h1 class='bg-video-block__title'>Reminiscing together</h1><p class='bg-video-block__text'>The passing of a loved one, brings back emotions and memories. The deceased loved one can follow you through life in memories.</p><button class='bg-video-block__button button-color-2' data-videolink=https://player.vimeo.com/video/686790043?h=427d201eb4' onclick='openVideoBlockEl(this)'>View the video</button></div></div></div>
    <div class="content-with-background be-remembered__content">
        <div class="content-with-background__container be-remembered__container">
            <div class="content-with-background__wrap be-remembered__wrap">
                <h1 class="content-with-background__title be-remembered__title">How do you want to be remembered?</h1>
                <p class="content-with-background__info be-remembered__info">Write your own story and be remembered in your own words. You can start creating a Memoriale page for yourself today. You can leave your last will and testament on the Memoriale page so that your loved ones can follow your will, for example, in funeral arrangements. </p>
                <button onclick="createMemorialPage('own=true')" class="button-color-2 content-with-background__button be-remembered__button">Get started</button>
            </div>
        </div>
    </div>


<script src="/flickity/flickity.pkgd.min.js"></script>

<script src="/scripts/pop-ups-script.js"></script>
<script>
    var exampleMemorialPage = "https://memoriale.com/mm2m";

    function checkForExampleMemorial(){
        window.location.href = exampleMemorialPage;
    }
    var translationFilepage = {"email-verified":"Your email address has been successfully verified! ","each-year":"\/year","each-month":"\/month","payment-type-once":"One-time fee","payment-type-year":"Annual fee","payment-type-month":"Monthly fee","price-info-once":"Perpetual and no other fees","price-info-year":"Payment once a year ","price-including-once-2":"All services on the Memoriale memorial page","price-including-once-3":"Individual memorial table","price-including-once-4":"Wide selection of commemorative candles","price-including-once-5":"Beautiful and \nunique obituary, lots of different options","price-including-month-1":"Some text","price-including-year-2":"All services on the Memoriale memorial page","intro-text":"Memorial pages","intro-text-share":"Share important memories on a beautiful and precious memorial page","register":"Register","login":"Sign in","memorial-and-obituary":"Memorial page and obituary","memorial-and-obituary-intro":"Create a beautiful and precious Memoriale memorial page and an obituary for your deceased loved one. On the memorial page, you can store and share memories of your loved ones. Memories will be retained for future generations.","memorialpage-intro":"We are committed to providing our users with a secure memorial environment. The Memoriale memorial page allows you to remember your loved ones in a communal, personal, and dignified way. Important memories will always follow you, no matter the time or place. Creating a page is easy, and we'll guide you step-by-step. At this memorial page, you can also leave a memory of yourself and tell your own story.\n<br>\n<br>\nThe memorial page can be kept private, shared with a restricted community, or made public. Admins can invite loved ones and friends to the memorial page. The memorial page can include an obituary which can also be shared for example on social media. ","memorialpage-secondary":"Administrators can invite all loved ones and friends to join the community. A memorial site can be kept private, shared with a limited community, or made public. The service also includes a death notice to be forwarded to social media services, for example. We are committed to providing our users with a secure recollection environment.","create-memorial-page":"Create a memorial page","obituary-intro":"You can also create a Memoriale obituary without a memorial page. The obituary is available on the Memoriale website, and the obituary can also be distributed on social media. You can also create a printable PDF version of the obituary for printing, for example for a newspaper. ","create-obituary-only":"Create only an obituary","memorialpage-obituary-pricing":"Memorial page and obituary","contains-all-memoriale-services":"Contains only an obituary on the Memoriale service","choose-payment-type":"Select payment method","once":"One-time fee","annual":"Annual fee","monthly":"Month","obituary":"Obituary","obituary-price-info":"Contains only a death notice on Memoriale","obituary-price-secondary":"No other fees","obituary-order-info-1":"Forever featured on Memoriale","obituary-order-info-2":"Beautiful, clear and personal","obituary-order-info-3":"Several dozen options","create-obituary":"Create an obituary","use-service":"Use of the service","use-service-info":"Registration, use of public services and use of private services when called is free of charge","use-service-price":"Always free","use-service-info-1":"By creating a free user account, you will be invited to view the private Memoriale memorial pages","use-service-info-2":"Attend a commemoration, share pictures, and leave a memory message ","use-service-info-3":"You can light a candle in memory of a loved one","use-service-info-4":"The same account can be used on all Memoriale services in all countries","service-features-title":"Easily create a memorial online","register-info":"Easily register as a user and add information about the deceased person.","content":"Contents","content-info":"Add photos, videos, text, and milestones to a person's memorial page. You can at any time update more content on the memorial page.","keep-contact":"Keep in touch","keep-contact-info":"You can invite relatives, acquaintances, and other friends to the memorial page.","more-service-features":"Learn about the features here","create-your-own-memopage-title":"Be remembered in your own words","create-your-own-memopage-info-1":"How would you like to be remembered? You can start creating your own memory profile today yourself.","create-your-own-memopage-info-2":"You can upload your own photos and videos and record the biggest milestones of your life.","create-your-own-memopage-info-3":"You can also name a credit person who will take care of your profile.","create-your-own-page":"Create your own profile here","start-creating-memorial-page-title":"Start creating a memory profile","start-creating-memorial-page-info-1":"You can start creating a memory profile right after you log in.","start-creating-memorial-page-info-2":"You will only be asked for basic information about yourself after which you can start creating a profile.","start-creating-memorial-page-info-3":"We use strong authentication to ensure that you and your close data are protected and used in a secure environment.","start":"Get started","start-creating-memorial-page-features":"Check out all the features here.","cooperation-title":"Are you a funeral contractor or<br> organizer of other funeral services?","cooperation-btn":"Explore cooperation opportunities","price":"Fee","price-including-year-1":"Payment once a year ","price-including-once-1":"Perpetual and no other fees","price-including-year-3":"Individual memorial table","price-including-year-4":"Wide selection of commemorative candles","price-including-year-5":"Beautiful and \nunique obituary, lots of different options","use-service-info-5":"Your account information is highly secure and will never be disclosed to third parties","service-step-title":"Creating a memorial page is easy","service-step-info-1":"Registration is easy and secure","service-step-info-2":"A beautiful and emotional memorial page for the memory of a loved one","service-step-info-3":"Invite family and friends to the memorial page","service-step-info-4":"Share memories and grief together ","view-features":"Find out more about the features ","video-features-title":"Learn more about the features","be-remembered-title":"How do you want to be remembered?","be-remembered-info":"Write your own story and be remembered in your own words. You can start creating a Memoriale page for yourself today. You can leave your last will and testament on the Memoriale page so that your loved ones can follow your will, for example, in funeral arrangements. ","be-remembered-button":"Get started","grieve-title":"When facing grief ","grieve-info":"Grief is always an individual experience. You don't have to be alone in the middle of grief. There is a variety of peer support and discussion help available for grief. ","grieve-button":"Support for grief","watch-video":"View the video","service-step-1":"Join","service-step-2":"Create","service-step-3":"Invite","service-step-4":"Reminisce<br>together ","payment-options":"Payment options","obituary-order-info-4":"Easily shared on social media","obituary-order-info-5":"For example, a PDF version for printing in a newspaper","obituary-order-info-6":"Can be attached to a Memoriale memorial page","price-including-once-6":"Lots of storage for photos and videos","price-including-once-7":"Five administrators and unlimited group members","price-including-once-8":"My Will {_a_rep_} My Wish memorial page feature","price-including-once-9":"Opportunity for private and communal remembrance","price-including-once-10":"You can try using the memo page for free for a week","price-including-year-6":"Lots of storage for photos and videos","price-including-year-7":"Five administrators and unlimited amount of group members","price-including-year-8":"My Will {_a_rep_} wish memorial page feature","price-including-year-9":"Opportunity for private and communal remembrance","price-including-year-10":"You can try using the memo rial page for free for a week","read-more":"Read more"};
    var pricecode = "$";
    var allprices = {"once":"79","month":"3,90","year":"39","obituary":"19","obituary-sale":"69"};

    var pathToMemorialeCreation =  "https://memoriale.com/create-memorial-page";
    var pathToObCreation =  "https://memoriale.com/create-obituary";

    var videoFilickity;
    var screenSet;
    window.addEventListener('DOMContentLoaded', (event) => {
        document.getElementsByTagName("BODY")[0].classList.remove('no-scroll');
    });



    var iW;
    var introWidth;
    var introHeight;
    var fvsIntroHeight;
    var fvsvh = 0; // first vertical screen vh
    var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);

    var bgLoaded = false;

    function checkForPriceOpeners() {
        var priceContainers = document.getElementsByClassName("pricing-block-data-wrapper");
        for(var i = 0; i < priceContainers.length; i++){
            if(!priceContainers[i].classList.contains("opened")){
                var findOpener = priceContainers[i].querySelectorAll(".price-block-data__fader");
                if(findOpener.length > 0){
                    findOpener = findOpener[0];
                    var parentBlock = priceContainers[i].parentElement;
                    do{
                        parentBlock = parentBlock.parentElement;
                        if(parentBlock.classList.contains("pricing-block")){
                            break;
                        }
                    }while (!parentBlock.classList.contains("pricing-block"))


                    if(priceContainers[i].clientHeight < priceContainers[i].scrollHeight){
                        findOpener.classList.remove("hidden");
                        priceContainers[i].classList.remove("opened");
                        parentBlock.classList.remove("opened");


                    }
                    else{
                        findOpener.classList.add("hidden");
                        priceContainers[i].classList.add("opened");
                        parentBlock.classList.add("opened");


                    }
                }
            }
        }
    }
    function openMoreInfo(el){
        var parent = el.parentElement;
        parent.classList.add("hidden");
        do{
            parent = parent.parentElement;
            if(parent.classList.contains("pricing-block-data-wrapper")){
                break;
            }
        }while (!parent.classList.contains("pricing-block-data-wrapper"))


        var parentBlock = parent.parentElement;
        do{
            parentBlock = parentBlock.parentElement;
            if(parentBlock.classList.contains("pricing-block")){
                break;
            }
        }while (!parentBlock.classList.contains("pricing-block"))
        parentBlock.classList.add("opened");
        parent.classList.add("opened");


        setTimeout(function () {
            checkForPriceOpeners();
        }, 500);

    }

    function openFreeInfoPopUp(){
        var container = document.getElementById("free-trial-pop-up");
        if(container == null){
            container = document.createElement("div");
            container.id = "free-trial-pop-up";
            container.classList.add("editor__pop-up-container","free-trial__container");
            document.body.appendChild(container);
            var title = document.createElement("h1");
            title.classList.add("free-trial__title");
            title.textContent = "You can try the Eternal Memoriale for free for a week";
            container.appendChild(title);
            var info = document.createElement("p");
            info.classList.add("free-trial__info");
            info.textContent = 'Check out the memorial page for free for a week. Feel free to try out the full features of the entire site and decide if you want to continue using the Eternal Memoriale memorial page service. During the free trial, the memorial page cannot be published and no other administrators or team members can be invited. If you want to try the memorial page for free, select the "Pay later" option during the payment phase of the memorial page.';
            container.appendChild(info);
            var btn = document.createElement("button");
            btn.classList.add("free-trial__btn","button-color-2");
            btn.textContent = "Close";
            btn.addEventListener("click",function (){
                container.classList.remove("editor__pop-up-container--visible");
                document.getElementById("content__overlay").classList.remove("content__overlay--visible");
            });
            container.appendChild(btn);
        }
        container.classList.add("editor__pop-up-container--visible");
        document.getElementById("content__overlay").classList.add("content__overlay--visible");
    }
    window.addEventListener('load', (event) => {
        checkForPriceOpeners();
    });
    window.addEventListener('resize', () => {
        checkForPriceOpeners();

    });
    var flkty = new Flickity(document.getElementById("price-type-carousel"),{
        pageDots: false,
        contain: true,
        initialIndex: 0,
        groupCells: true,
        draggable: true,
        prevNextButtons: false,
        cellAlign: 'center'
    });



    function showPrice(e,typeNum){
        console.log(pricecode);
        var type = "";
        if(typeNum == 1){
            type = "once";
        }
        else if(typeNum == 2){
            type = "year";
        }
        else if(typeNum == 3){
            type = "month";
        }

        var price = allprices[type];
        var priceText = "<i>"+pricecode + "</i>" + price;


        var includes = Object.keys(translationFilepage).filter(function(k) {
            return k.indexOf("price-including-"+type) == 0;
        }).reduce(function(newData, k) {
            newData[k] = translationFilepage[k];
            return newData;
        }, {});
        var includes = Object.keys(includes).sort().reduce(function (acc, key) {
            acc[key] = includes[key];
            return acc;
        }, {});

        document.getElementById("price-type-carousel").querySelectorAll(".selected")[0].classList.remove("selected");
        e.classList.add("selected");

        var addedClass = "";
        var findOpener = document.getElementById("price-data").querySelectorAll(".price-block-data__fader");
        if(findOpener.length > 0){
            if(document.getElementById("price-data").clientHeight < document.getElementById("price-data").scrollHeight){
                addedClass = "";
            }
            else{
                addedClass = "hidden";
            }
        }


        document.getElementById("price").innerHTML = priceText;
        document.getElementById("price-data").innerHTML = "";
        var newPriceContent = "";
        for (var i in includes){
            console.log(i);
            newPriceContent += "<div class='pricing-block-data'><img class='icon' src='/font-awesome/svgs/regular/check.svg'><div class='text'>"+includes[i].replace("{_a_rep_}","&")+"</div></div>";
        }
        newPriceContent += '<div class="price-block-data__fader '+addedClass+'"><div class="price-block-data__opener"><img class="price-block-data__opener-icon" src="/font-awesome/svgs/solid/chevron-down.svg"></div></div>';
        document.getElementById("price-data").innerHTML = newPriceContent;




    }

    function createMemorialPage(extra = ""){
        addPopUpForPageCreation("Creating a memorial page","You can start creating a memorial page by registering on Memoriale. If you already have a user account, you can sign in and start creating a new memorial page.","Sign in","Register",pathToMemorialeCreation,extra);

    }
    function createObituaryRights(extra = ""){
        addPopUpForPageCreation("Creating an obituary","By registering in the Memoriale, you can create an obituary. If you already have a user account, you can log in and create a new obituary.","Sign in","Register",pathToObCreation,extra);

    }

    function addPopUpForPageCreation(title,info,btn1,btn2,path,extra = ""){
        var warningPopUp = document.getElementById("creation-pop-up");
        var warningPopUpTitle = document.getElementById("creation-pop-up-title");
        var warningPopUpText = document.getElementById("creation-pop-up-text");
        var warningPopUpBtn = document.getElementById("creation-pop-up-action-btn");
        var cancelBtn = document.getElementById("creation-pop-up-action-btn-cancel");
        if(warningPopUp == null){
            warningPopUp = document.createElement("div");
            warningPopUp.classList.add("warning-pop-up__container","editor__pop-up-container");
            warningPopUp.id = "creation-pop-up";
            warningPopUpTitle = document.createElement("h2");
            warningPopUpTitle.classList.add("warning-pop-up__title");
            warningPopUpTitle.id = "creation-pop-up-title";

            var close = document.createElement("img");
            close.classList.add("warning-pop-up__close-icon");
            close.src = "/font-awesome/svgs/solid/times.svg";
            close.addEventListener("click",function (){
                document.getElementById("content__overlay").classList.remove("content__overlay--visible");
                warningPopUp.classList.remove("editor__pop-up-container--visible");
            });

            warningPopUp.appendChild(close);
            warningPopUp.appendChild(warningPopUpTitle);
            warningPopUpText = document.createElement("p");
            warningPopUpText.classList.add("warning-pop-up__text");
            warningPopUpText.id = "creation-pop-up-text";
            warningPopUp.appendChild(warningPopUpText);

            var warningBtnContainer = document.createElement("div");
            warningBtnContainer.classList.add("warning-pop-up__action-container");
            warningPopUp.appendChild(warningBtnContainer);
            cancelBtn = document.createElement("button");
            cancelBtn.classList.add("warning-pop-up__action-btn","button-color-2");
            cancelBtn.textContent = btn2;
            cancelBtn.id = "creation-pop-up-action-btn-cancel";

            warningBtnContainer.appendChild(cancelBtn);

            warningPopUpBtn = document.createElement("button");
            warningPopUpBtn.classList.add("warning-pop-up__action-btn","button-color-3");
            warningPopUpBtn.id = "creation-pop-up-action-btn";
            warningBtnContainer.appendChild(warningPopUpBtn);
            document.body.appendChild(warningPopUp);
        }
        warningPopUpTitle.innerHTML = title;
        warningPopUpText.innerHTML = info;
        warningPopUpBtn.innerHTML = btn1;
        document.getElementById("creation-pop-up-action-btn-cancel").innerHTML = btn2;

        if(extra == ""){
            cancelBtn.setAttribute("onclick","window.location.href='"+path+"?register=true'");
            warningPopUpBtn.setAttribute("onclick","window.location.href='"+path+"'");
        }
        else{
            cancelBtn.setAttribute("onclick","window.location.href='"+path+"?register=true&"+extra+"'");
            warningPopUpBtn.setAttribute("onclick","window.location.href='"+path+"?"+extra+"'");
        }

        document.getElementById("content__overlay").classList.add("content__overlay--visible");
        warningPopUp.classList.add("editor__pop-up-container--visible");
    }

</script>
<script src="/scripts/contentPagesScripts.js"></script>


<footer class='footer'>
   <div class="footer-upper-section__content">
       <div class="footer-upper-section__company footer-upper-section__navigations-links--center footer-upper-section__company--mobile">
           <div class="footer-upper-section__company-logos">
               <a href="https://memoriale.com">
                <img src="/images/Memoriale-logo-with-stripes-2021-6.svg" class="footer-upper-section__company-img-logo">
                <img src="/images/memoriale-logo-2021.svg" class="footer-upper-section__company-text-logo">
               </a>
           </div>
           <!--div class="footer-upper-section__company-contact">
               <p class="footer-upper-section__company-phone">0600 17101</p>
               <p class="footer-upper-section__company-pricing">1,70€ / min + local network charge, tax incl. </p>
               <p class="footer-upper-section__company-pricing">(in finnish)</p>

           </div-->
       </div>
       <div  class="footer-upper-section__navigations-container">
           <div class="footer-upper-section__navigations-links footer-upper-section__navigations-links--left">
               <h2 class="footer-upper-section__navigation-title">Support & Contact us</h2>
               <a href="https://memoriale.com/instructions" class="footer-upper-section__navigation-link">General questions & answers </a>
               <a href="https://memoriale.com/contact-us" class="footer-upper-section__navigation-link">Contact us</a>
            <!--   <a href="https://memoriale.com/for-media-and-press" class="footer-upper-section__navigation-link">For the media</a>-->
               <a href="https://memoriale.com/for-companies" class="footer-upper-section__navigation-link">For companies</a>
           </div>
           <div class="footer-upper-section__company footer-upper-section__navigations-links--center footer-upper-section__company--desktop">
                <div class="footer-upper-section__company-logos">
                    <a href="https://memoriale.com">
                    <img src="/images/Memoriale-logo-with-stripes-2021-6.svg" class="footer-upper-section__company-img-logo">
                    <img src="/images/memoriale-logo-2021.svg" class="footer-upper-section__company-text-logo">
                    </a>
                </div>
               <!--div class="footer-upper-section__company-contact">
                   <p class="footer-upper-section__company-phone">0600 17101</p>
                   <p class="footer-upper-section__company-pricing">1,70€ / min + local network charge, tax incl. </p>
                   <p class="footer-upper-section__company-pricing">(in finnish)</p>
               </div-->
           </div>
           <div class="footer-upper-section__navigations-links footer-upper-section__navigations-links--right">
               <h2 class="footer-upper-section__navigation-title">Information about us
</h2>
               <a href="https://memoriale.com/features" class="footer-upper-section__navigation-link">Information about Memoriale services</a>
               <a href="https://memoriale.com/privacy-policy" class="footer-upper-section__navigation-link">Privacy policy</a>
               <a href="https://memoriale.com/about-cookies" class="footer-upper-section__navigation-link">About cookies</a>
               <a href="https://memoriale.com/terms-of-use" class="footer-upper-section__navigation-link">Terms of use</a>
           </div>
       </div>
       <!--<div class="footer-upper-section__socials">
           <a class="footer-upper-section__social-link" href="#" target="_blank"><img class="footer-upper-section__social-icon" src="/font-awesome/svgs/brands/facebook.svg"></a>
           <a class="footer-upper-section__social-link" href="#" target="_blank"><img class="footer-upper-section__social-icon" src="/font-awesome/svgs/brands/instagram.svg"></a>
           <a class="footer-upper-section__social-link" href="#" target="_blank"><img class="footer-upper-section__social-icon"  src="/font-awesome/svgs/brands/twitter.svg"></a>
           <a class="footer-upper-section__social-link" href="#" target="_blank"><img class="footer-upper-section__social-icon"  src="/font-awesome/svgs/brands/youtube.svg"></a>
       </div>-->
       <!--<div class="payment-options">
           <div class="payment-options__list">
               <div class="payment-options__option klarna">
                   <img src="https://x.klarnacdn.net/payment-method/assets/badges/generic/white/klarna.svg">
               </div>
               <div class="payment-options__option visa">
                   <img src="/images/Visa-white.png">
               </div>
               <div class="payment-options__option master-card ">
                   <img src="/images/mc-dark.png">
               </div>
               <div class="payment-options__option american-express">
                   <img src="/images/american-express-1.png">
               </div>
               <div class="payment-options__option paypal">
                   <img src="/images/pp-logo-200px.png">
               </div>
           </div>
       </div>-->
   </div>
    <div class="footer-secondary-section__content">
        <div  class="footer-secondary-section__navigations-container">
            <a href="https://memoriale.com/for-media-and-press" class="footer-secondary-section__navigation-link">Press</a>
            <a href="https://memoriale.com/jobs" class="footer-secondary-section__navigation-link">Careers</a>
            <a href="https://memoriale.com/privacy-policy" class="footer-secondary-section__navigation-link">Privacy </a>
            <p id="open-cookie-settings" style="cursor: pointer;" class="footer-secondary-section__navigation-link">Cookie Settings  </p>
            <a href="https://memoriale.com/terms-of-use" class="footer-secondary-section__navigation-link">Terms of Use  </a>
            <a href="https://memoriale.com/business-information" class="footer-secondary-section__navigation-link">Company Information </a>
        </div>
        <p class="footer-secondary-section__copyright">&copy; Memoriale Ltd </p>
    </div>
</footer><script>
    var privacyPath = "https://memoriale.com/privacy-policy";
    var cookieTranslation = {"we-use-cookies":"We use cookies to improve your experience, for analytics and to provide personalised content.  With your permission, we also use cookies for target marketing.","privacy-policy":"Privacy policy","settings":"Settings","accept-all":"Accept all","necessary":"Necessary","necessary-info":"Necessary cookies help us to make the website useful by allowing basic functions such as page navigation and access to secure areas of the site. Our website will not function properly without these cookies.","marketing":"Marketing","marketing-info":"\nThe purpose of marketing cookies is to enable ads that are relevant and interesting to individual users.\n                        We utilize cookies by targeting advertising on the platforms provided by Facebook and Google.","analytics":"Analytics","analytics-info":"Cookies help us understand how users interact with sites by collecting and reporting information anonymously.","accept-selected":"Accept the selected ones","read-more-from-privacy-policy":"Read more about [a]privacy policy[\/a]","accept":"Agree "};

</script>


<script src="/cookie-consent/memoriale-cookies.js"></script>
</body></html>