@media screen and (orientation: portrait) {
    :root {
        --font-size: 3vw;
        --initial-k: 1.5;
    }
}

@media screen and (orientation: landscape) {
    :root {
        --font-size: 3vh;
        --initial-k: 1;
    }
}

:root {
    --section-font-size: calc(var(--font-size) * 1.5);
    --lang-menu-font-size: calc(var(--font-size) * 3 / 2);
    --title-font-size: calc(var(--font-size) * 4);
    --top-color: black;
    --bottom-color: white;
    --bgcolor: rgb(5, 155, 248);
    --gradient-top: white;
    --gradient-bottom: white;
    --regular-k: var(--initial-k);
    --acc-horizontal-pos: calc(100% - 20px);
}

[dir="rtl"] {
    --acc-horizontal-pos: calc(20px);
}

body {
    padding-top: var(--title-font-size);
    user-select: none;
}

li {
    margin-bottom: var(--font-size);
}

.title {
    font-size: var(--title-font-size);
    text-align: center;
    color: var(--top-color);
}

.section {
    cursor: pointer;
    font-size: calc(var(--section-font-size) * var(--regular-k));
    color: var(--bottom-color);
    background-color: var(--bgcolor);
    padding: var(--font-size);
    border: 3px solid gray;
}

.regular {
    font-size: calc(var(--font-size) * var(--regular-k));
    color: var(--bottom-color);
    width: 100%;
}

.bold {
    font-weight: bold;
}

.bolder {
    text-decoration: underline;
}

.top-line {
    position: fixed;
    top: 0;
    padding-top: calc(var(--lang-menu-font-size)/4);
    right: 0;
    padding-right: calc(var(--lang-menu-font-size)/4);
    padding-left: calc(var(--lang-menu-font-size)/4);
    left: 0;
    height: calc(var(--title-font-size)*3/5);
    font-size: var(--lang-menu-font-size);
    background-color: white;
}

.font-scale-item {
    float: left;
    color: gray;
    cursor: pointer;
    border: 3px solid gray;
    border-radius: 18px;
    box-shadow: 5px 5px 5px 3px lightgray;
    vertical-align: top;
    line-height: calc(var(--font-size)*3/2);
    width: calc(var(--font-size)*3/2);
    text-align: center;
    margin-left: calc(var(--font-size)/2);
}

.font-scale-item.active {
    color: black;
    cursor: default;
    border: none;
    border-radius: none;
    box-shadow: none;
}

.lang-menu-item {
    padding: 0 calc(var(--lang-menu-font-size)/2) 0 calc(var(--lang-menu-font-size)/2);
    color: gray;
    border: 3px solid gray;
    border-radius: 18px;
    box-shadow: 5px 5px 5px 3px lightgray;
    cursor: pointer;
    margin-left: calc(var(--lang-menu-font-size)/4);
    float: right;
}

.lang-menu-item.active {
    color: black;
    border: none;
    border-radius: none;
    box-shadow: none;
    /* text-decoration: underline; */
    cursor: default;
}

.translatable {
    display: none;
}

.translatable.active {
    display: block;
}

.gradient-background {
    background-image: linear-gradient(to bottom,
            var(--gradient-top),
            var(--gradient-bottom));
}

.acc-plus {

    background-repeat: no-repeat;
    background-position: var(--acc-horizontal-pos) center;
    background-size: auto 70%;
    background-image: url("data:image/gif;base64,R0lGODlhgACAAHAAACH5BAEAAAIALAAAAACAAIAAgf///wAAAAAAAAAAAAL/hI+py+0Po5xL0Iuz3tTyD4ai4o3miT5lyrbm6sYyBs/2zdT4juv8H/MBhyghQIBMKpfMpvMJjUqnVKTDWM1qt9yutYH1isfk7PVaTqvXZ/D6Dee2c/G6HTqv3Pd8LLoPCJdHElioNphgqEiGiLD42NV4AElpBvZXmfkkaaDp6cR59DmaFEp6ano6mqrqydqa+UoJASlbq/Jom4u7qNvLq+gbDGwoXExcaJyMHKjczAzoHA3dJ11NzWedjb2n3c195x0ObideTl5nno4ep97OLnjpFgv/5h6PeZyTf8v/vD+vEq1dAOnQ8zetoJ6DAfVVQDgM4jaFhBgajPiwYT+N3f8yXpxVj428jxtJdiQhcVnKcRQTaRr4q6WjSEQ4aLlX06YlmZNo5sxwc+TCLT81BOXZyWfRDjs9Dj26dAJUlBypRL0wNdHKTVelNqVq0mpXCVkdbQU1NkLZSWebpFX7VWvVKW9hikUqyuJTlU4rCgx5SKhfkG3x9XWpdzBfsHsJzp14eGZixBgZK3Yc9hpeV4DT3LPXucxnkYVBb34ZmpFgyoQffzs9WXJluZkd1n4duWds3bPNuj7ZOGHupLuJ92b7W/htlsPz/i1Nujln6IFhP0++znrr5ee0lwyumVk6auqeV8veDh6yZdbfLyunnX5xfObrz7dnD9w3d1jh6/Pmf18n5AEYnX/GERiTeAhiBp97C/bXIH4PQqjffBO+492F6kVon4a4GeichxtW6KCIhoFo4nskSpiiaQq22N2LMGIo44wuomhjdjXmWB5edf1oxI91BSlkWkQW2dWRSEal5JJFNelkTlBGScSUVAJh5ZU88EhKAQA7");
}

.acc-minus {
    background-repeat: no-repeat;
    background-position: var(--acc-horizontal-pos) center;
    background-size: auto 70%;
    background-image: url("data:image/gif;base64,R0lGODlhgACAAHAAACH5BAEAAAIALAAAAACAAIAAgf///wAAAAAAAAAAAAL/hI+py+0Po5xL0Iuz3tTyD4ai4o3miT5lyrbm6sYyBs/2zdT4juv8H/MBhyghQIBMKpfMpvMJjUqnVKTDWM1qt9yutYH1isfk7PVaTqvXZ/D6Dee2c/G6HTqv3Pd8LLoPCJdHElioNphgqEiGiLD42NV4AElpBvZXmfkkaaDp6cR59DmaFEp6ano6mqrqydqa+QpLKTv7WGuriJtbuMsL6PvLFyx8R1xcd4wseOm2HKj8fNhMJ90Xbc1IrZe9h93t9Q0ut004nlyeeI6eg7nOlu74ztzuPD9dX32fJr4f1e9vU7xJAcsALMjkIEIlChd+ycfNITmI5rYQ+aBF4UUOjhkHdoq0UUNHiuomhrwwsoI7SydRslRpL2VLCTITrawy0yVOj6JM5oRQ09FNKj8nBJ00dEpRmi9JJJWyNMLRTk//RVXR1GZMiVmFbuVKlCdYn1r1jQ1LUt7ZnWkJrkUL0+xbPGLnKq1r12rbj3np7u3ZFxTewE0aOjS8EDFCxQUZB3TsD/I+yfcoz7P8DvNeOs3nOI/zDA50N9HZSFszLQ31M9XLWCNzXQy2MNm/aPOynQu3Ld2zeMPy3Qq4KuGoBhNeQpxU8lU8rzo34vwq9OhLp1P/af36zOzaT3LvvvE7eCLixwMpb57HcTgFAAA7");
}
.phone {
    background-repeat: no-repeat;
    background-position: var(--acc-horizontal-pos) center;
    background-size: auto 70%;
    background-image: url("data:image/gif;base64,R0lGODlheAB4AHAAACH5BAEAAEYALAAAAAB4AHgAhgAAAA0NDQQEBAgICAwMDAICAh4eHgcHBxgYGAsLCwYGBhQUFAMDAwEBATQ0NBERER0dHQUFBQkJCTo6OhcXFz09PQ4ODg8PDyQkJAoKCkxMTB8fHxAQEEJCQjc3NxMTEzExMSMjIxYWFhsbGxISEjg4OE9PTyIiIioqKisrKygoKF1dXTAwMDU1NRwcHBoaGjMzM01NTS0tLTIyMhUVFTY2NiAgIDs7OykpKRkZGUtLS0VFRT4+PiEhISUlJS4uLiwsLEBAQD8/PyYmJjw8PEhISAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf/gEaCg4SFhoeIhgCJjI2Oj5CRkpMAlYuTmJmam5iWlpygoaKdnp6jp6iopaupra6Uq7Gvs7SFsbeVtbquuJdGpbvBor22wMLHpLKHxsjNjreMrM7Ty8rRptTZg9LPzNrO3I/e38fh4uPku+bnn+nl2LDw7rXrkOjzvPLx7fiv9ZH3+o0KCJCgQE4G7ek7OGxhpoQMJf3b5ysiKIgF+VnchFGhw40Zc53qCLKaxlATS147ifKjypUiR5J8+cslR5s0i7FsiTOnoJkhK/pEBNTjzqHbej4supFpI2hITcZsCDWqzqkIiVlVpPSp1q1ShUr8CjbsTWtliXblmjLtz7VX/7G6VXvUa925ccV2u4uXUFGnW//CdSuYb9+3htnKPWx2bOLDQAEHHizZalvFehnHpajZ7mKYmTsjfjz6s+iapEufpmuadWjRl/1Wjhp5MGHKs4fGTmo7be3Uc3eXft35d+viuHuDFa56NWaKxBkzRw3cd/LqZadPtw58e3bjx6Xb9j75enjI451Gj7hdO3Z3THeTT9e+LS7avdHKvo/Uu/5eytEXH4AErscQeQUCMx858yW433nsBUhdPQt+U2FKuWVTYVAGHrRhUJZluNd78InoWYcefjgihAeaCFp5JDoWo4ASghiii2GhmGKNRrHYIo8r6rjjjOwQaaGKiSCpoQKSOVcux2Re3+H4oI8RSskblVUC6ZqQP2rZWJReQsldmFMG9+SEXGZJ5oR4VTWQlUsiqR+YlZF125xF4jmmcACuRuCWZ6qZoJ3OoTnomj4dCmd/gxa6lJuuBAIAOw==");
}

.sms {
    background-repeat: no-repeat;
    background-position: var(--acc-horizontal-pos) center;
    background-size: auto 70%;
    background-image: url("data:image/gif;base64,R0lGODlheAB4AHAAACH5BAEAAE0ALAAAAAB4AHgAhgAAACAgIAwMDAcHBwUFBQQEBAMDAwEBARsbGwkJCSUlJQoKCiYmJh0dHQgICAICAh8fHwsLCxkZGRMTEwYGBhQUFB4eHhAQEA4ODiIiIllZWXV1dXNzcxwcHBYWFioqKg8PDzMzMy0tLS4uLiQkJA0NDS8vL0NDQxcXFysrKywsLBISEjw8PDs7O0lJST8/PxERESMjI0ZGRigoKDAwMCcnJ0pKSjIyMhUVFTExMTY2NhoaGjQ0NG9vb3FxcRgYGEJCQnBwcEBAQDg4OGBgYFxcXDo6OkhISCkpKT4+PiEhITk5OWpqagAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf/gE2Cg4SFhoeIiYqLjI2Oj5CRkpOUlZaXmJmam5ydnp+goaKjlQCmp6ipp6Ssl6qvsLGts4mxtrewtLO4vL2puqC+wsOmwJrEyMPGlMnNyMuOztLP0LXT18LVhtjcytrdAJDg0NOc5brSoumtzbTtpNTL8cHe2k3E9Nn2hfjm+vuH6mH6B9Bar0wECxrk5eqgwke+LDl8CJEhM4sUxWHUiCvjpInRNnrkeIukrJEXS4ZUiTKlrUYiW0qKuY2lzFI2A+a86TLXwlc8j71E1DHowJ2CkBr9OJRf06VHTxJSCnXm06RSF/kEmFXnVqxdaxZ1+lUs0J9hwX6leg/koKtk/8+aHRtXbtuydZHCnZpWYF5Ub/eqpSn4Ll7DNAerUgyYaMLAaREv/luY8SrJjb1m3uY48k67fLWeLAwa5t5UMCbz/dXzF1XVJlNvhlwMNuZwrSOixW0yHOvVtX9bljhv7uWKgIVLXk4ZZ7/OpdEirqvY+OyVfq0r14xbOWvbt7crSiaa7lzavKczpwwe+mPt7df/ni8+fHzg77mHVU3/+H3duyXmXmn8ZdbfcQNGhx+AyJUFm2sHIhighOyxVZ53wkGIoIL6UbigW5GslWFym3GYYHoVVmbaiCU+ZWKHKH4IYm/p2dbVix2euIqKFxazIHt/hajgUKT5mOOPMqIImuOHt03YXWT23YgheEs+B9+TnmVHZXs2ZodegYdFyeV20T1oZYVJxihmfVteV92XFrp42oxvUqdfim6mWaOKYcrTJ5opVoUQXBYKuuJhhRrqpJpiKmpVkVA6qqORMOYp6ZWUVsrkpXDWp2emnHbq6aehagrqpJs6al6POFYlIKqlrskoq5a6+up4kS5F56H36borIzzKlB92vd40LLGjtuSlkH+OdGZuqWZUHLTRKjStc83u845QuZ6njjOdBCtqtciSF2634wYLzqzEobvuu6dy+ye89H7bJ73wjvIZvu+ywhK/+UWyA/DAtX5CMMF+5oswOQFj+mzC3TC7akHjxAosNhY3uG3GF2/MMa8MflyuuCKbSm7Ji6I8aLIqC9nyyzDHLPPMNNfcRCAAOw==");
}

.whatsapp {
    background-repeat: no-repeat;
    background-position: var(--acc-horizontal-pos) center;
    background-size: auto 70%;
    background-image: url("data:image/gif;base64,R0lGODlheAB5AHAAACH5BAEAAEEALAAAAAB4AHkAhgAAACLRaCXTZiXSZiTTZyDPcCXTZSTSZyTPaCTTZiXTZyXSZyXUZiDPaCbUZiXSZSXPZSfRZiTSZiTTZCTSZCTRZiTTZSPTZyPSYyjPaCbUaSXUZSbTZibVZiTUZiXRZSXSZCTRaCbSZibRZyXSaCDPYCTTaCTVZyPSZibSZyTRZSHPYCTUZyTSZSPTZiXRZiPRZSPRYyPSZSPSZyTRZCfTZyPQZSfPZyXUZyTQZiPRZibRZiTRZyTSaCHQbyDPbyPSaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf/gEGCg4SFhoeIiYgnjI2Oj4qRkpOUlZaLjAgIJ5udnJ+eno2XpKWmlY2eGJurJ62vrLGgmyentreXmZ0YnLy8CLyuvYy/wbwrwqK1uMzNQaDCr66s09GbyMfV0siezt65u8m+w9nA5NDU5r/DtMvf74fQ2vOt1OPSGL7218LI3JvwAj6j5Y/YOXUnVnQwxzAfu3EIRaVjJNAbwU/07GU4kWFhhw4KQZ74qHAkBo8nV4l0mI/fKoAVbbFjxO3YwpQ3o3nc2DHDyY0KfSb0yGhjQ3HJ3MW09MlXK2wcGXlERtKjpA4qo648iQBrtYTEaC1FZa5mI6AdhgL7mGHFLU4d/3yCTCt0XUSKYxU1paUSKk+RHeBh4CmsI7Z6YGHmNcSvX9qucpFxWuov50KD67gtJhQWrMquUDkG3pwWa1dYYDFuHjjz5NC4J92uHuQ6ZMlwmvOqCouVMK/Z8Tp2ZaUvk1KBNBPjLDsaeDyFa0/3+xQzIS1WKHs3d74Iq2nTn3LDw1hZKPTj3BFx9T592HhZHb9HTV+JqsLBl+t9Sx7Ru0L6lhDmWFLeNOWKYQdyBOAlCt3X0VPTNMOPdFH9tiApvnEUjDnokfIVftgsdKEp0wAG1SpvDVNSTxaOWMpIkEXFIQK2UAPjSh26WIlIQ0mGDY2lTOjacIPpaAtacYESDP8p17mSHYpGHvnRJjhOlktla0G3XZSmZJlkQTkuIspgMIbJZSXrHfiYlZSok1NJZzITXTGJtcmbazy92E6cQczVFY+KRZKYd8C0WEk7oZxZoUeFspkIXPedZhVTu8gSp5r3JSeJOdmtBQ5LQ1Gn6E8advNoiX2lBQ6qw0V45lTRuIoIX9n5xFSoc910E58nJSmUMIusQqafZh6yCYLCVRknrMUBaQhmWv2HyqBuJhlolGvxNI56x67UFThVrfdKK3GSCZZI1w40DlrOUqLWVCgNUyx9NE0ZHnqNvBLfvJy1+p12VEF55l+ZpsuQV7/k0uNHoZJ626XBaCuqICVig+D/Jd1qKByZvBjFb3qgTWeoQezGdQlEwZTUsU3puvingIECEwtJH/cLGH7x4gdWnA06CeYg9d4o4pVfPrbebVwta+1IRmFA22k+hcxkWvjNrBKhjmI7Us9LPmPccjUDvZYw3g0JnUN8DrXRZTBd4+dlpQQMWiuGfcQen0F0BKkrUH6SZGxbHqqh3e92AhLe6u5EjCB9bT1fKTd3a19viAdhn+PkCjO4SCQiuWJUtlYeRIxEUoT5sXiV8ploJ7oiuuU+mwSQ4VvDTWKoIaGVwevPEFZXLXwDg2DYhsTXasejiB5NccBLCtdGMs0Zr7SVux0vjT/OJdlbgK0kHPHpVY1w/5OP0ZU1KTuR+WvLXNYL2prvNw6+ITyaCF7lOMtdS3Tls5+LUL5bB+LMQRhzPOM7PZsfYzB3rpYocDOOU5bhSBU6XMRILnJJXpz+hDoD+iw/qcPFYTbyC3TxKWQS7NWcHkg/EAqldJe6YC9oJDuT2K4ZN1NJSjrBpbaYSHPPsA1szncLJL1rSKcIYYFuBJmEyegynNsPsqhGQrGsyn+nmOD4KIY7RrFwVhXqomqmFYovFqJwc1nGClq1tu29Yy74ER83PuaSZplxIP4pE9CcAhcs2gKEhaLLOoqVicuEShRvCQrTjiE2gMnqHSAaCY4c6D+4+OJ75Xgg6ryVOietJf9Jd3xUE31lDGg8i4Ap80o4/Bis10SGEO87XSjVU7FoIEgyipHFJekySR5irI8E4ozu3FMRSZGyKDCySy/SokibDA4hYQtaUBLGmdVtKyanIc77fiQyNVEJGQj6ISttVjXHnXEtRxtaRQZnw7X9bjg5eZcrZUSTKzXiPLs7Y8QAM05cVCw/rKgb4ESyEW86hithk1y0OhRLuRhwLK+ZJtWmxKi/HXI98GqXJJIxROgcwpqdWcxfePEdFE5OfOlEXs08IRnkPapBQ5zYWFamIScFEITTVJtamOKLIT70ELz8Drk2czligeqbUSmMVwpKlgTpsJIH4wo1IUiYuTiUUFXreZ/bZOMuldnQdYoojQ7vBxx9fOSp3pNdVRQkOMlBjZAhOSIRdZPGXDVRbciroLsOOSVDJWKKxQEQQeFoUHPm4jMrMc0k+kjTqdILnhw6D4nQScrAJeJmCUKGkUiKnxo5qXFdW2xccpo03qGiJuUTiiVakRbH9dO0GAERj6Ips2Hp1bSRYA5cvnQJ9mhPibjFhPq8ZVm9uK0rUeFqcMFYEskU1K8bxRlqlnuqbMJLswpbZqioy9wnJam4gmqL44zC3QVa8q1DpRQFfVbefrGEmfAFr15IGiLktlcQ+9AO6rqUVPPI93UGkhRClP+Lsd+6tLx7QSDN8vkiZMImitSVl7i+y2A9ObCEZJwlM2IrvNrF4hZUqZ1qBcWJMgIIN1R7TZZSFLIq5mgW3bTibMZUSHBC0YzLJKFBYFnibNDpLhreKEshxRbHaJRE9D0QYjRBDMQErzNLDvIpA7xUKIIzlL2QWGx6kY1YebW5/MFIkI1zHZbZpJnNGMo4+Kk5MhMUdODZzT9k6iFoZAMqzosP9JxRyPd19CaZCglzxhZoJSWmxBqMB0Y0cWd0AC5qxfhG/ETTYq+YL1mR1I6TIZKcaXRCGaI4jEQw50VCwYMW/oVL4UBVkudtyD/xLEhjypEZeSHkzscEHDDeg6Osul35X8PNVKpsLDdDIqYV2mjMieBDs0s+bjzIu43dmKOrQT3LokjKUnt8nJpQlLJRqPtddayXTUtielLzlU7dRkJPYfFFFT0F7VpZUuGAJOcyEnXNu3or1Smdrd+exImgXaM4Dv7EaTNVxYNQdVvVGYVmVXnbeuCZ0lr+9x3ui5hr4OGR0VoLvnXRFf8ofnF7x/JweUnFZ5+bnQQB5rEkXVBt/uwpF4H1vrMJBAA7");
}


.list-table {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3px;
    background-color: gray;
}

.prices-table {
    display: grid;
    grid-template-columns: 6fr 1fr 1fr 1fr;
    gap: 3px;
    background-color: gray;
}

.table-cell {
    background-color: white;
    color: black;
    padding: var(--font-size);
}

.prices-table-cell-info {
    grid-column: 1 / span 2;
}