﻿@charset "UTF-8";

@font-face {
    font-family: 'FbSpacer-Black';
    src: url("../fonts/FbSpacer-Black.ttf");
}

@font-face {
    font-family: 'FbSpacer-Bold';
    src: url(../Fonts/FbSpacer-Bold.otf),url(../Fonts/Rubik-Regular_0.ttf);
}

@font-face {
    font-family: 'FbSpacer-Regular';
    src: url("../fonts/FbSpacer-Regular.otf") format("opentype"),url("../fonts/FbSpacer-Regular.eot") format("opentype");
}

@font-face {
    font-family: 'LiddarBold';
    src: url("../fonts/LiddarBold.ttf"),url("../Fonts/LiddarBold.eot");
}

@font-face {
    font-family: 'LiddarRegular';
    src: url("../fonts/LiddarRegular.ttf") format("opentype"),url(../Fonts/LiddarRegular.eot) format("opentype");
}

@font-face {
    font-family: 'OpenSans';
    src: url("../fonts/OpenSans-Regular.ttf") format("opentype");
}

html {
    direction: ltr;
    min-height: 100%;
    position: relative;
}

a.btn_accessibility.accessibility_component {
    display: none;
}

.accessibility {
    cursor: pointer;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}

body::-webkit-scrollbar-thumb {
    background-color: #003d7c !important;
    outline: 1px solid #708090;
}

a, h1, h2, h3, h4, h5, h6, p, span, small, div, ul, li, img {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

::-webkit-scrollbar {
    width: 12px;
    right: 0;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #003d7c;
    border-radius: 10px;
    right: 14px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #012b56;
    }

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.6);
    scrollbar-face-color: #367cd2;
    scrollbar-shadow-color: #fff;
    scrollbar-highlight-color: #fff;
    scrollbar-3dlight-color: #fff;
    scrollbar-darkshadow-color: #fff;
    scrollbar-track-color: #fff;
    scrollbar-arrow-color: #fff;
}

    .modal .modal-content {
        background-color: #fefefe;
        padding: 50px;
        border: 1px solid #888;
        width: 1074px;
        max-width: 90vw;
        height: auto;
        max-height: 80vh;
        color: #000;
        direction: ltr;
        text-align: justify;
        top: 60px;
        left: 50%;
        margin-right: -50%;
        position: absolute;
        transform: translate(-50%,0);
        overflow: auto;
        box-sizing: border-box;
    }

        .modal .modal-content h3, .modal .modal-content h4 {
            font-family: FbSpacer-Bold,OpenSans;
            font-size: 60px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: normal;
            color: #003d7c;
            direction: rtl;
            text-align: right;
        }

        .modal .modal-content h4 {
            font-size: 30px;
            margin-bottom: 30px;
        }

        .modal .modal-content p {
            font-family: FbSpacer-Regular;
            font-size: 24px;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: normal;
            color: #003d7c;
            margin-bottom: 20px;
            direction: rtl;
        }

            .modal .modal-content p span {
                color: #c19643;
            }

            .modal .modal-content p.bold {
                font-weight: bold;
            }

        .modal .modal-content .gold {
            color: #c99062 !important;
        }

        .modal .modal-content small {
            font-size: 16px;
            color: #0f467d;
            top: 10px;
            position: relative;
        }

        .modal .modal-content img {
            width: 100%;
            position: relative;
            top: 20px;
        }

    .modal .close {
        color: #fff;
        float: right;
        font-size: 28px;
        font-weight: bold;
        top: 45px;
        position: absolute;
        left: 50%;
        margin-right: -50%;
        position: absolute;
        transform: translate(-50%,-50%);
        overflow: auto;
        width: 1074px;
        max-width: 90vw;
        text-align: left;
    }

        .modal .close:hover, .modal .close:focus {
            color: #000;
            text-decoration: none;
            cursor: pointer;
        }

body {
    position: relative;
    direction: rtl;
    width: 100%;
    height: 100%;
}

    body #body {
        color: #fff;
        background-color: #000;
        font-family: FbSpacer-Regular,OpenSans;
        width: 100%;
        height: 100%;
        position: relative;
        display: block;
    }

    body .header {
        width: 100%;
        position: absolute;
        height: 74px;
        background-color: #fff;
        display: block;
        align-items: center;
        justify-content: center;
        z-index: 999;
    }

    body .head {
        position: absolute;
        left: 30px;
        direction: ltr;
        display: -webkit-box;
        display: -ms-flexbox;
    }

        body .head .top {
            width: 35px;
            margin-top: 20px;
            cursor: pointer;
        }

            body .head .top div {
                height: 3px;
                background-color: #0e4985;
                margin-top: 7px;
            }

        body .head .shareBtn {
            margin-left: 40px;
            margin-left: 40px;
            margin-top: 30px;
        }

            body .head .shareBtn img {
                margin-right: 20px;
            }

    body nav.menu {
        min-height: 100vh;
        background-color: #fdfeff;
        position: absolute;
        transition: .3s all;
        z-index: 99999;
    }

@media screen and (min-width: 641px) {
    body nav.menu {
        left: -240px;
        width: 240px;
    }
}

body nav.menu .top_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    direction: rtl;
    position: relative;
    margin-bottom: 50px;
    margin-top: 15px;
}

    body nav.menu .top_menu .close {
        color: #cca557;
        font-size: 80px;
        cursor: pointer;
        position: absolute;
        left: 10px;
        top: -20px;
        transform: rotate(225deg);
        -webkit-transition: -webkit-transform .5s ease-in-out;
        -ms-transition: -ms-transform .5s ease-in-out;
        transition: transform .5s ease-in-out;
    }

        body nav.menu .top_menu .close:hover {
            transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
        }

    body nav.menu .top_menu .share {
        direction: rtl;
        margin-top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
    }

        body nav.menu .top_menu .share a {
            text-decoration: none;
            height: 20px;
        }

            body nav.menu .top_menu .share a::after {
                content: " ";
                width: 0;
                height: 0;
                display: none;
                right: 0;
                left: 0;
                margin: auto;
                margin-top: 0;
                margin-bottom: 0;
            }

            body nav.menu .top_menu .share a img {
                margin-right: 12px;
                height: 25px;
            }

        body nav.menu .top_menu .share img {
            height: 25px;
            margin-right: 12px;
        }

body nav.menu a {
    font-family: FbSpacer-Regular;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.32;
    text-align: center;
    color: #003772;
    display: block;
    text-decoration: none;
}

    body nav.menu a img {
        bottom: 2px;
        position: relative;
    }

    body nav.menu a:not(:last-child)::after {
        content: " ";
        width: 90%;
        height: 1px;
        background-color: #43698e;
        display: block;
        right: 0;
        left: 0;
        margin: auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    body nav.menu a .ul-menu, body nav.menu a .ul-menu-blogs, body nav.menu a .ul-menu-back {
        display: none;
    }

        body nav.menu a .ul-menu li, body nav.menu a .ul-menu-blogs li, body nav.menu a .ul-menu-back li {
            font-family: FbSpacer-Regular;
            font-size: 20px;
            font-weight: normal;
        }

            body nav.menu a .ul-menu li:hover, body nav.menu a .ul-menu-blogs li:hover, body nav.menu a .ul-menu-back li:hover {
                background: #fce6af;
                width: 80%;
                right: 0;
                left: 0;
                margin: auto;
                border-radius: 1px;
                display: block;
            }

body .top-logo {
    position: absolute;
    top: 0;
    float: right;
    right: 0;
    z-index: 900;
    direction: rtl !important;
    padding-top: 15px;
    display: inherit;
    display: -ms-flexbox;
    display: -webkit-box;
}

    body .top-logo .space {
        width: 1px;
        height: 40px;
        background-color: #ccc;
        margin-right: 16px;
    }

    body .top-logo .logo-saloona {
        background: url(../Images/saloona.png) no-repeat;
        background-size: contain;
        margin-right: 25px;
        height: 38px;
        display: block;
        width: 160px;
    }

    body .top-logo .logo-dove {
        background: url(../Images/Main/dove_big.png) no-repeat;
        background-size: contain;
        margin-right: 10px;
        height: 50px;
        display: block;
        width: 75px;
    }

    body .top-logo .section1 {
        margin-right: 15px;
        margin-top: 2px;
        cursor: pointer;
    }

body main {
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
}

body .menu_show {
    left: 0 !important;
}

body .catalog_show {
    display: block !important;
}

body .blogs_show {
    display: block !important;
}

body .back_show {
    display: block !important;
}

body #fullpage {
    position: relative;
    display: block;
}

    body #fullpage .section {
        height: 100vh !important;
        position: relative;
    }

        body #fullpage .section .fp-tableCell {
            display: -ms-flexbox;
            display: -webkit-box;
            direction: ltr;
        }

        body #fullpage .section.item {
            direction: rtl;
        }

            body #fullpage .section.item .first, body #fullpage .section.item .second {
                width: 50vw;
                height: 100%;
                height: 100vh;
                position: relative;
                text-align: center;
            }

                body #fullpage .section.item .first .conteiner, body #fullpage .section.item .second .conteiner {
                    /* position:absolute; */
                    text-align: center;
                    /* top:50%; */
                    /* left:50%; */
                    /* margin-right:-50%; */
                    /* transform:translate(-50%,-50%); */
                    margin-top: 218px;
                    margin-left: 40px;
                    margin-right: 40px;
                }

@media only screen and (max-width: 800px) {
    body #fullpage .section.item .first .conteiner, body #fullpage .section.item .second .conteiner {
        margin-top: 1vw;
    }
}

body #fullpage .section.item .first {
    background-size: cover;
    background-position-y: 74px;
    background-position-x: center !important;
}

body #fullpage .section.item .second h3 {
    font-family: 'FbSpacer-Bold';
    font-size: 110px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 70%;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 38px;
    line-height: 1;
}

@media screen and (max-height: 800px) and (min-width:1024px) {
    body #fullpage .section.item .second h3 {
        margin-bottom: 10px;
    }
}

body #fullpage .section.item .second p {
    font-family: 'FbSpacer-Regular';
    font-size: 36px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: center;
    max-width: 580px;
    direction: rtl;
    display: block;
    margin: 0 auto 54px;
}

@media screen and (max-height: 800px) and (min-width:1024px) {
    body #fullpage .section.item .second p {
        margin-bottom: 10px;
    }
}

body #fullpage .section.item .second .source {
    direction: rtl;
    font-family: 'LiddarRegular';
    font-size: 59.5px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: .8;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 65px;
}

    body #fullpage .section.item .second .source span {
        font-family: 'LiddarBold';
    }

@media screen and (max-height: 800px) and (min-width:1024px) {
    body #fullpage .section.item .second .source {
        margin-bottom: 40px;
    }
}

body #fullpage .section.item .second .btn {
    width: 275px;
    height: 64px;
    font-family: 'FbSpacer-Bold';
    font-size: 30px;
    display: block;
    text-align: center;
    line-height: 2;
    right: 0;
    left: 0;
    margin: auto;
    direction: rtl;
    cursor: pointer;
}

    body #fullpage .section.item .second .btn span {
        color: #fc9;
        font-family: FbSpacer-Black;
        margin-right: 5px;
    }

body #fullpage .section.item .center {
    direction: rtl;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%,-50%);
    position: absolute;
}

@media screen and (max-height: 800px) and (min-width:1024px) {
    body #fullpage .section.item .center {
        top: 40%;
    }
}

body #fullpage .section.item .center .main {
    right: 0;
    left: 0;
    margin: auto;
    max-width: 80vw;
}

body #fullpage .section.item .center .conteiner-center {
    width: 100%;
    height: 220px;
    bottom: 0;
    position: absolute;
    text-align: center;
}

body #fullpage .section.right {
    direction: rtl;
    background-color: #fff;
}

    body #fullpage .section.right .content {
        display: -ms-flexbox;
        display: -webkit-box;
        direction: rtl;
    }

    body #fullpage .section.right .second {
        background-color: #fff;
        color: #003772;
    }

        body #fullpage .section.right .second .btn {
            background-color: #003772;
            color: #fff;
        }

body #fullpage .section.left {
    background-color: #003772;
}

    body #fullpage .section.left .content {
        display: -ms-flexbox;
        display: -webkit-box;
        direction: ltr;
    }

    body #fullpage .section.left .second {
        background-color: #003772;
        color: #fff;
    }

        body #fullpage .section.left .second .btn {
            background-color: #fff;
            color: #003772;
        }

body #fullpage .section#item-1 .over {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../Images/up_pic_web.jpg") center top no-repeat;
    background-size: cover;
    animation-name: Zoom;
    animation-duration: 8s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

body #fullpage .section#item-1 .header {
    background-color: rgba(255,255,255,0) !important;
}

body #fullpage .section#item-1 .center-item {
    position: relative;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    body #fullpage .section#item-1 .center-item {
        height: 75vh;
    }
}

body #fullpage .section#item-1 .center-item .description {
    font-family: FbSpacer-Bold;
    font-size: 26px;
    line-height: 1.15;
    text-align: center;
    color: #003e7e;
    width: 794px;
    position: absolute;
    top: 60%;
    right: 0;
    left: 0;
    margin: auto;
    direction: rtl;
}

@media screen and (max-height: 800px) and (min-width:1024px) {
    body #fullpage .section#item-1 .center-item .description {
        top: 50%;
    }
}

body #fullpage .section#item-1 .center-item .description .links {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    margin-top: 20px;
}

    body #fullpage .section#item-1 .center-item .description .links .link {
        width: 231px;
        height: 34px;
        border-radius: 12px;
        background-color: rgba(255,255,255,.49);
    }

        body #fullpage .section#item-1 .center-item .description .links .link a {
            font-family: FbSpacer-Regular;
            font-size: 26px;
            line-height: 1.15;
            letter-spacing: normal;
            text-align: center;
            color: #003e7e;
            cursor: pointer;
            text-decoration: none;
        }

            body #fullpage .section#item-1 .center-item .description .links .link a span {
                line-height: 1.15;
                letter-spacing: normal;
                text-align: center;
                color: #ac802d;
            }

        body #fullpage .section#item-1 .center-item .description .links .link.link1 {
            margin-left: 10px;
        }

body #fullpage .section#item-1 .center-item .main-arrow {
    direction: rtl;
    top: 85%;
    cursor: pointer;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%,-50%);
    position: absolute;
    animation: jump 1.5s infinite;
}

@media screen and (max-width: 1024px) {
    body #fullpage .section#item-1 .center-item .main-arrow {
        top: 90%;
    }

        body #fullpage .section#item-1 .center-item .main-arrow img {
            width: 72px !important;
            width: 10.25vw !important;
        }
}

body #fullpage .section#item-1 .all-logo {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    right: 0;
    left: 0;
    direction: rtl;
    height: 15vh;
    position: fixed;
}

@media screen and (min-width: 1024px) {
    body #fullpage .section#item-1 .all-logo {
        display: none;
    }
}

body #fullpage .section#item-1 .all-logo .logo-right, body #fullpage .section#item-1 .all-logo .logo-left {
    width: 50vw;
    position: absolute;
}

    body #fullpage .section#item-1 .all-logo .logo-right .logo-saloona-mobile, body #fullpage .section#item-1 .all-logo .logo-left .logo-saloona-mobile {
        display: none;
    }

    body #fullpage .section#item-1 .all-logo .logo-right img, body #fullpage .section#item-1 .all-logo .logo-left img {
        margin-right: 29px;
        margin-right: 1.04166vw;
    }

body #fullpage .section#item-1 .all-logo .logo-right {
    display: table-cell;
    vertical-align: bottom;
    height: auto;
    padding-top: 10px;
    bottom: 0;
}

body #fullpage .section#item-1 .all-logo .logo-left {
    direction: ltr;
    text-align: left;
    bottom: 7vh;
}

    body #fullpage .section#item-1 .all-logo .logo-left img {
        margin-left: 35px;
        margin-left: 1.8229vw;
    }

body #fullpage .section#item-1 .credit {
    font-family: FbSpacer-Regular,OpenSans;
    font-size: 16px;
    line-height: 1.33;
    letter-spacing: -.1px;
    text-align: center;
    color: #036;
    bottom: 10px;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    direction: rtl;
}

body #fullpage .section#item-2 .first {
    background-image: url("../Images/Catalog/יאנה.jpg");
    background-size: cover;
}

body #fullpage .section#item-3 .first {
    background-image: url("../Images/Catalog/יונית פרץ.jpg");
    background-size: cover;
}

body #fullpage .section#item-4 .first {
    background-image: url("../Images/Catalog/חנה כץ.jpg");
    background-size: cover;
}

body #fullpage .section#item-5 .first {
    background-image: url("../Images/Catalog/יפית.jpg");
    background-size: cover;
}

body #fullpage .section#item-6 .first {
    background-image: url("../Images/Catalog/רינה.jpg");
    background-size: cover;
}

body #fullpage .section#item-7 .first {
    background-image: url("../Images/Catalog/לורין.jpg");
    background-size: cover;
}

body #fullpage .section#item-8 .first {
    background-image: url("../Images/Catalog/תמר.jpg");
    background-size: cover;
}

body #fullpage .section#item-9 .first {
    background-image: url("../Images/Catalog/נועה.2jpg.jpg");
    background-size: cover;
}

body #fullpage .section#item-10 .first {
    background-image: url("../Images/Catalog/ענת.jpg");
    background-size: cover;
}

body #fullpage .section#item-11 .first {
    background-image: url("../Images/Catalog/טל כהן.jpg");
    background-size: cover;
}

body #fullpage .section#item-12 {
    background-color: #fff;
    text-align: center;
}

    body #fullpage .section#item-12 .fp-tableCell {
        display: block;
    }

    body #fullpage .section#item-12 h3 {
        font-family: 'FbSpacer-Bold';
        font-size: 72px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: .22;
        letter-spacing: normal;
        text-align: center;
        color: #0f477d;
        margin-top: 116px;
        margin-bottom: 116px;
    }

    body #fullpage .section#item-12 .win {
        position: absolute;
        width: 100%;
    }

        body #fullpage .section#item-12 .win .blogs {
            display: -ms-inline-flexbox;
            display: -webkit-inline-box;
            direction: rtl;
        }

            body #fullpage .section#item-12 .win .blogs .blog .image {
                width: 410px;
                width: 21.3541vw;
                max-width: 30vw;
                margin-bottom: 0 !important;
            }

                body #fullpage .section#item-12 .win .blogs .blog .image img {
                    width: 410px;
                    width: 21.3541vw;
                    max-width: 30vw;
                    margin-bottom: 0 !important;
                    cursor: pointer;
                }

            body #fullpage .section#item-12 .win .blogs .blog:not(:last-child) {
                margin-left: 50px;
            }

            body #fullpage .section#item-12 .win .blogs .blog .text {
                text-align: right;
                max-width: 28.3541vw;
            }

                body #fullpage .section#item-12 .win .blogs .blog .text p {
                    font-family: FbSpacer-Regular;
                    font-size: 24px;
                    font-weight: normal;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: 1;
                    letter-spacing: -.6px;
                    color: #0c0906;
                    margin-bottom: 12px;
                }

                body #fullpage .section#item-12 .win .blogs .blog .text a {
                    font-family: FbSpacer-Regular;
                    font-size: 38.5px;
                    font-weight: normal;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: .62;
                    letter-spacing: -1px;
                    text-align: justify;
                    color: #003772;
                    cursor: pointer;
                    text-decoration: none;
                }

body #fullpage .section#item-13 {
    background-color: #fff;
}

    body #fullpage .section#item-13 .backwards {
        width: 100%;
        margin-top: 74px;
        position: absolute;
    }

        body #fullpage .section#item-13 .backwards h3 {
            text-align: center;
            font-family: FbSpacer-Bold;
            font-size: 72px;
            font-weight: bold;
            color: #c99062;
            margin-bottom: 27px;
            right: 0;
            left: 0;
            margin: auto;
            margin-top: -10px;
            margin-bottom: 27px;
        }

        body #fullpage .section#item-13 .backwards .conteiner {
            height: 60vh;
            direction: rtl;
            text-align: right;
            box-sizing: border-box;
            display: -ms-flexbox;
            display: -webkit-box;
        }

            body #fullpage .section#item-13 .backwards .conteiner .right {
                height: 100%;
                width: 40vw;
                background: url(../Images/back/gal-6320.png) center;
                position: relative;
                border-left: #fc9;
                border-style: solid;
                cursor: pointer;
            }

                body #fullpage .section#item-13 .backwards .conteiner .right .title {
                    height: 250px;
                    width: 100%;
                    background-color: rgba(0,55,114,.82);
                    color: #fff;
                    position: absolute;
                    bottom: 0;
                    text-align: center;
                }

                    body #fullpage .section#item-13 .backwards .conteiner .right .title p {
                        font-family: FbSpacer-Regular;
                        font-size: 51.5px;
                        text-align: center;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        margin-right: -50%;
                        transform: translate(-50%,-50%);
                    }

            body #fullpage .section#item-13 .backwards .conteiner .left {
                width: 60vw;
                height: 100%;
            }

                body #fullpage .section#item-13 .backwards .conteiner .left .part-1, body #fullpage .section#item-13 .backwards .conteiner .left .part-2 {
                    height: 50%;
                    background-color: #003772;
                    display: -ms-flexbox;
                    display: -webkit-box;
                    position: relative;
                }

                    body #fullpage .section#item-13 .backwards .conteiner .left .part-1 .image-1, body #fullpage .section#item-13 .backwards .conteiner .left .part-2 .image-1 {
                        background: url(../Images/back/gal-6372.png) center;
                        background-size: cover !important;
                        height: 100%;
                        width: 40%;
                        cursor: pointer;
                    }

                    body #fullpage .section#item-13 .backwards .conteiner .left .part-1 .image-2, body #fullpage .section#item-13 .backwards .conteiner .left .part-2 .image-2 {
                        background: url("../Images/back/VIDEO_web.jpg") center;
                        background-size: cover !important;
                        height: 100%;
                        width: 40%;
                        cursor: pointer;
                    }

                    body #fullpage .section#item-13 .backwards .conteiner .left .part-1:first-child, body #fullpage .section#item-13 .backwards .conteiner .left .part-2:first-child {
                        border-bottom: #fc9;
                        border-style: solid;
                    }

                    body #fullpage .section#item-13 .backwards .conteiner .left .part-1 img:first-child, body #fullpage .section#item-13 .backwards .conteiner .left .part-2 img:first-child {
                        height: 100%;
                        width: 506px;
                    }

                    body #fullpage .section#item-13 .backwards .conteiner .left .part-1 .arrow2, body #fullpage .section#item-13 .backwards .conteiner .left .part-2 .arrow2 {
                        position: absolute;
                        top: 50%;
                        right: 45%;
                        transform: translate(-50%,-50%);
                    }

                    body #fullpage .section#item-13 .backwards .conteiner .left .part-1 a, body #fullpage .section#item-13 .backwards .conteiner .left .part-2 a {
                        text-decoration: none;
                    }

                        body #fullpage .section#item-13 .backwards .conteiner .left .part-1 a p, body #fullpage .section#item-13 .backwards .conteiner .left .part-2 a p {
                            width: 50%;
                            font-size: 48.5px;
                            font-size: 2.5vw;
                            line-height: 1.07;
                            font-family: FbSpacer-Regular;
                            position: absolute;
                            top: 50%;
                            right: 25%;
                            transform: translate(-50%,-50%);
                            color: #fff;
                        }

                            body #fullpage .section#item-13 .backwards .conteiner .left .part-1 a p span, body #fullpage .section#item-13 .backwards .conteiner .left .part-2 a p span {
                                font-weight: bold;
                            }

        body #fullpage .section#item-13 .backwards .credit {
            display: none;
        }

        body #fullpage .section#item-13 .backwards .all-logo {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            right: 0;
            left: 0;
            direction: rtl;
        }

@media screen and (max-width: 1024px) {
    body #fullpage .section#item-13 .backwards .all-logo {
        display: none;
    }
}

@media screen and (min-width: 1024px) and (max-width:1600px) {
    body #fullpage .section#item-13 .backwards .all-logo {
        padding-top: 1vh;
    }
}

@media screen and (min-height: 800px) {
    body #fullpage .section#item-13 .backwards .all-logo {
        padding-top: 6vh;
    }
}

body #fullpage .section#item-13 .backwards .all-logo .logo-right, body #fullpage .section#item-13 .backwards .all-logo .logo-left {
    width: 50vw;
    height: 8vh;
}

    body #fullpage .section#item-13 .backwards .all-logo .logo-right .logo-saloona-mobile, body #fullpage .section#item-13 .backwards .all-logo .logo-left .logo-saloona-mobile {
        display: none;
    }

    body #fullpage .section#item-13 .backwards .all-logo .logo-right img, body #fullpage .section#item-13 .backwards .all-logo .logo-left img {
        margin-right: 29px;
        margin-right: 1.04166vw;
    }

body #fullpage .section#item-13 .backwards .all-logo .logo-right {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

body #fullpage .section#item-13 .backwards .all-logo .logo-left {
    direction: ltr;
    text-align: left;
}

    body #fullpage .section#item-13 .backwards .all-logo .logo-left img {
        margin-left: 35px;
        margin-left: 1.8229vw;
        height: 80%;
    }

body #fullpage .section#item-13 .backwards .logo-bottom {
    height: 5vh;
    text-align: center;
    direction: rtl;
}

@media screen and (min-width: 1024px) {
    body #fullpage .section#item-13 .backwards .logo-bottom {
        display: none;
    }
}

@media screen and (min-width: 1024px) and (max-width:1600px) {
    body #fullpage .section#item-13 .backwards .logo-bottom {
        height: 3vh;
        padding-top: 3vh;
    }
}

@media screen and (min-height: 800px) {
    body #fullpage .section#item-13 .backwards .logo-bottom {
        padding-top: 6vh;
    }
}

body #fullpage .section#item-13 .backwards .logo-bottom a {
    text-decoration: none;
}

    body #fullpage .section#item-13 .backwards .logo-bottom a img {
        height: 100%;
    }

    body #fullpage .section#item-13 .backwards .logo-bottom a:not(:last-child) {
        margin-left: 90px;
        margin-left: 3.99vw;
    }

/*body #fullpage .section#item-13 .footer {*/
.section#item-13 .footer {
    background-color: #c99062;
    height: 65px;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
}

body #fullpage .section#item-13 .footer img {
    top: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    display: inherit;
}

body .arrow {
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 50px;
    cursor: pointer;
    width: 80px;
}

    body .arrow .arrow_normal {
        transition: transform .2s;
    }

        body .arrow .arrow_normal:hover {
            transform: scale(1.2);
        }

    body .arrow .arrow1 {
        padding-bottom: 50px;
        margin-bottom: 50px;
        animation: jump 1.5s infinite;
    }

@media screen and (max-width: 1023px) {
    .header {
        height: 55px !important;
    }

    .modal .modal-content {
        padding: 20px !important;
        padding: 3.125vw;
    }

        .modal .modal-content h3, .modal .modal-content h4 {
            font-size: 60px !important;
            font-size: 7.8125vw !important;
            margin-top: 15px !important;
            margin-top: 2.34375vw !important;
        }

        .modal .modal-content h4 {
            font-size: 30px !important;
            font-size: 4.6875vw !important;
            margin-bottom: 15px !important;
            margin-bottom: 2.34375vw !important;
        }

        .modal .modal-content p {
            font-size: 24px;
            font-size: 4.5vw !important;
            margin-bottom: 15px !important;
            margin-bottom: 2.34375vw !important;
            line-height: 1.2;
        }

        .modal .modal-content small {
            font-size: 16px;
            font-size: 2.5vw !important;
        }

    .modal .close {
        font-size: 28px;
    }

    .head {
        left: 20px !important;
    }

        .head .top {
            margin-top: 10px !important;
        }

        .head .shareBtn {
            display: none;
        }
}

@media screen and (max-width: 1023px) and (max-width:640px) {
    nav.menu {
        left: -100vw;
        width: 100vw;
    }
}

@media screen and (max-width: 1023px) {
    nav.menu .top_menu {
        display: -webkit-box;
        display: -ms-flexbox;
        direction: rtl;
        position: relative;
        margin-bottom: 50px;
        margin-top: 15px;
    }

        nav.menu .top_menu .close {
            font-size: 42px;
            position: absolute;
            left: 30px !important;
        }

        nav.menu .top_menu .share {
            margin-top: 10px;
        }

            nav.menu .top_menu .share img {
                height: 30px !important;
                margin-right: 12px;
            }

    nav.menu a {
        font-size: 24px;
        line-height: 1.32;
        text-decoration: none;
    }

        nav.menu a:not(:last-child)::after {
            content: " ";
            width: 90%;
            height: 1px;
            display: block;
            margin-top: 30px;
            margin-bottom: 30px;
        }

        nav.menu a .ul-menu, nav.menu a .ul-menu-blogs {
            display: none;
        }

            nav.menu a .ul-menu li, nav.menu a .ul-menu-blogs li {
                font-size: 20px;
                font-weight: normal;
            }

        nav.menu a .catalog_show ul {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
            column-rule-style: none;
        }

            nav.menu a .catalog_show ul li {
                list-style: none;
            }

    .section .fp-tableCell {
        display: block !important;
    }

    .section.item .content {
        display: block !important;
        direction: rtl;
        height: 100%;
    }

    .section.item .top-logo {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        padding-top: 15px !important;
    }

        .section.item .top-logo .logo-saloona {
            margin-right: 15px !important;
            height: auto !important;
            display: block;
            width: 25vw !important;
        }

        .section.item .top-logo .logo-dove {
            margin-right: 0 !important;
            height: auto !important;
            width: 12.34375vw !important;
        }

        .section.item .top-logo .section1 {
            height: 23px;
            margin-right: unset !important;
        }

        .section.item .top-logo .space {
            height: 30px !important;
            margin-right: 6px !important;
            margin-left: 6px !important;
        }

    .section.item .first, .section.item .second {
        width: 100% !important;
    }

    .section.item .first {
        height: 60% !important;
    }

    .section.item .second {
        height: 40% !important;
    }

        .section.item .second .conteiner {
            top: 40% !important;
        }

        .section.item .second h3 {
            font-size: 99px !important;
            font-size: 9vw !important;
            margin-bottom: 18px !important;
            margin-bottom: 1vw !important;
            /*line-height: .8 !important;*/
        }

        .section.item .second p {
            font-size: 32.5px !important;
            font-size: 4.3vw !important;
            margin-bottom: 10px !important;
            margin-bottom: .5vw !important;
            max-width: 95vw !important;
        }

        .section.item .second .source {
            font-size: 53.5px !important;
            font-size: 7vw !important;
        }

        .section.item .second .btn {
            width: 248px !important;
            width: 38.75vw !important;
            height: 59px !important;
            height: 7.5vw !important;
            font-size: 27px !important;
            font-size: 4.21875vw !important;
            margin-top: 4vw !important;
        }

            .section.item .second .btn span {
                margin-right: 5px;
            }

    .section.item .first {
        background-position-y: 50px !important;
    }

    .section#item-1 .over {
        position: absolute;
        width: 100%;
        height: 100%;
        background: url("../Images/up_pic_mobile.jpg") center top no-repeat !important;
        background-position-y: 50px !important;
        background-color: #fff !important;
        background-size: contain !important;
        animation-name: Zoom;
        animation-duration: 8s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards;
    }

    .section#item-1 .center {
        top: 35vh !important;
    }

    .section#item-1 .description {
        font-size: 30px;
        font-size: 4.6875vw !important;
        max-width: 95vw;
        top: 45vh !important;
    }

        .section#item-1 .description .links .link {
            width: unset !important;
        }

            .section#item-1 .description .links .link a {
                font-size: 4.0625vw !important;
            }

        .section#item-1 .description .links .link1 {
            margin-left: 20px !important;
        }

    .section#item-1 .all-logo {
        display: block !important;
        direction: ltr;
        bottom: 25px !important;
        height: auto;
    }

        .section#item-1 .all-logo .logo-right, .section#item-1 .all-logo .logo-left {
            width: 100vw !important;
        }

            .section#item-1 .all-logo .logo-right img, .section#item-1 .all-logo .logo-left img {
                margin-right: 29px;
                margin-right: 1.04166vw;
            }

        .section#item-1 .all-logo .logo-right {
            text-align: center !important;
        }

            .section#item-1 .all-logo .logo-right img {
                margin-left: 1.75vh !important;
                max-width: 14vw !important;
            }

        .section#item-1 .all-logo .logo-left {
            direction: ltr;
            text-align: center !important;
            position: relative;
        }

            .section#item-1 .all-logo .logo-left a:first-child img {
                position: absolute;
                left: 10px;
            }

            .section#item-1 .all-logo .logo-left a:last-child img {
                position: absolute;
                right: 10px;
            }

            .section#item-1 .all-logo .logo-left .logo-saloona-mobile {
                display: -webkit-inline-box !important;
                width: auto;
            }

            .section#item-1 .all-logo .logo-left .logo-saloona-desctop {
                display: none !important;
            }

            .section#item-1 .all-logo .logo-left img {
                margin-left: 35px;
                margin-left: 1.8229vw;
                max-width: 29vw;
                max-height: 11vw;
            }

    .section#item-1 .credit {
        display: none;
    }

    .section#item-8 .first, .section#item-4 .first {
        background-position-y: 42px !important;
    }

    .section#item-12 {
        text-align: center;
    }

        .section#item-12 .fp-tableCell {
            display: block;
        }

        .section#item-12 .win {
            top: 50px;
        }

            .section#item-12 .win h3 {
                font-size: 10vw !important;
                margin-bottom: 1.8125vh !important;
                margin-top: 4.8125vw !important;
            }

            .section#item-12 .win .blogs {
                display: block !important;
            }

                .section#item-12 .win .blogs .blog {
                    max-height: calc((100vh - 160px)/3);
                }

                    .section#item-12 .win .blogs .blog .image {
                        height: 18.3541vh;
                        width: 100% !important;
                        margin-bottom: 1.5vh !important;
                        max-width: none !important;
                    }

                        .section#item-12 .win .blogs .blog .image img {
                            width: auto !important;
                        }

                    .section#item-12 .win .blogs .blog:not(:last-child) {
                        margin-left: unset !important;
                        margin-bottom: 1.5vh;
                    }

                    .section#item-12 .win .blogs .blog .text {
                        text-align: center !important;
                        max-width: 100vw !important;
                    }

                        .section#item-12 .win .blogs .blog .text p {
                            font-size: 2vh !important;
                            font-size: 2vh !important;
                            -webkit-margin-before: 0;
                            -webkit-margin-after: 0;
                            margin-bottom: 0 !important;
                        }

                        .section#item-12 .win .blogs .blog .text a {
                            font-size: 3vh !important;
                        }

                            .section#item-12 .win .blogs .blog .text a img {
                                height: 1.5vh;
                            }

    .section#item-13 {
        background-color: #fff;
    }

        .section#item-13 .fp-tableCell {
            display: block;
        }

        .section#item-13 .backwards {
            margin-top: 0 !important;
            position: absolute;
            top: 55px;
            height: calc(100% - 65px - 74px) !important;
        }

            .section#item-13 .backwards h3 {
                font-size: 48px !important;
                font-size: 6.5vw !important;
                margin-top: 0 !important;
                margin-bottom: 0 !important;
            }

            .section#item-13 .backwards .conteiner {
                height: 55vh !important;
                display: block !important;
                overflow: hidden;
            }

                .section#item-13 .backwards .conteiner .right {
                    height: 60% !important;
                    width: 100vw !important;
                    background: url(../Images/back/gal-6320.png) center;
                    background-size: 150% !important;
                    position: relative;
                    border-bottom: #fc9;
                    border-style: solid;
                }

                    .section#item-13 .backwards .conteiner .right .title {
                        height: 22vw !important;
                        background-color: rgba(0,55,114,.82);
                        color: #fff;
                        position: absolute;
                        bottom: 0;
                        text-align: center;
                    }

                        .section#item-13 .backwards .conteiner .right .title p {
                            font-family: FbSpacer-Regular;
                            font-size: 51.5px;
                            font-size: 7.96875vw !important;
                        }

                .section#item-13 .backwards .conteiner .left {
                    width: 100vw !important;
                    height: 40% !important;
                }

                    .section#item-13 .backwards .conteiner .left .part-1, .section#item-13 .backwards .conteiner .left .part-2 {
                        height: 50%;
                        background-color: #003772;
                        display: -ms-flexbox;
                        display: -webkit-box;
                        position: relative;
                    }

                        .section#item-13 .backwards .conteiner .left .part-1 .image-1, .section#item-13 .backwards .conteiner .left .part-2 .image-1 {
                            background: url(../Images/back/gal-6372.png) center;
                            background-size: cover !important;
                            height: 100%;
                            width: 40%;
                        }

                        .section#item-13 .backwards .conteiner .left .part-1 .image-2, .section#item-13 .backwards .conteiner .left .part-2 .image-2 {
                            background: url("../Images/back/יופי אמיתי - סרט של אהבה וקבלה.png") center;
                            background-size: cover !important;
                            height: 100%;
                            width: 40%;
                        }

                        .section#item-13 .backwards .conteiner .left .part-1:first-child, .section#item-13 .backwards .conteiner .left .part-2:first-child {
                            border-bottom: #fc9;
                            border-style: solid;
                        }

                        .section#item-13 .backwards .conteiner .left .part-1 img:first-child, .section#item-13 .backwards .conteiner .left .part-2 img:first-child {
                            height: 100%;
                            width: 506px;
                        }

                        .section#item-13 .backwards .conteiner .left .part-1 .arrow2, .section#item-13 .backwards .conteiner .left .part-2 .arrow2 {
                            position: absolute;
                            top: 50%;
                            right: 42% !important;
                            transform: translate(-50%,-50%);
                            height: 20px;
                        }

                        .section#item-13 .backwards .conteiner .left .part-1 p, .section#item-13 .backwards .conteiner .left .part-2 p {
                            width: 50%;
                            font-size: 30px !important;
                            font-size: 4.6875vw !important;
                            line-height: 1.07;
                            font-family: FbSpacer-Regular;
                            position: absolute;
                            top: 50%;
                            right: 25%;
                            transform: translate(-50%,-50%);
                        }

                            .section#item-13 .backwards .conteiner .left .part-1 p span, .section#item-13 .backwards .conteiner .left .part-2 p span {
                                font-weight: bold;
                            }

            .section#item-13 .backwards .logo-bottom {
                display: -webkit-box;
                text-align: center;
                padding-right: 80px;
                padding-left: 80px;
                padding-right: 4.16666vw;
                padding-left: 4.16666vw;
                padding-top: 20px;
                direction: rtl;
                width: auto;
                display: block;
            }

                .section#item-13 .backwards .logo-bottom a {
                    text-decoration: none;
                }

                    .section#item-13 .backwards .logo-bottom a img {
                        height: auto !important;
                        width: auto;
                        max-height: 1.5vh !important;
                    }

                    .section#item-13 .backwards .logo-bottom a:not(:last-child) {
                        margin-left: 90px;
                        margin-left: 1.5vw !important;
                    }

            .section#item-13 .backwards .credit {
                font-family: FbSpacer-Regular,OpenSans;
                color: #036;
                display: block !important;
                font-size: 2.4vw;
                text-align: center;
                direction: rtl;
                margin-right: 10px;
                margin-left: 10px;
                line-height: 1.5;
                margin-top: 1vw;
            }

        .section#item-13 .footer {
            background-color: #c99062;
            height: 11vw !important;
            width: 100%;
            position: absolute;
            bottom: 14vw !important;
            text-align: center;
        }

        .section#item-13 .footer.iphone {
            bottom: 20vw !important;
        }

            .section#item-13 .footer img {
                top: 50% !important;
                transform: translate(-50%,-50%);
                position: absolute;
            }

    .arrow {
        width: 11.25vw !important;
        bottom: calc(25vh - 70px) !important;
    }

        .arrow img {
            width: 72px !important;
            width: 10.25vw !important;
        }

        .arrow .arrow_normal {
            position: fixed;
            bottom: 5px;
        }
}

@media screen and (max-width: 360px) {
    nav.menu {
        width: 100%;
        left: -100%;
    }
}

@keyframes Zoom {
    0% {
        transform: scale(1);
    }

    to {
        transform: scale(1.1);
    }
}

@keyframes jump {
    0% {
        padding-bottom: 50px;
    }

    50% {
        padding-bottom: 60px;
    }

    100% {
        padding-bottom: 50px;
    }
}

@keyframes jump {
    0% {
        padding-bottom: 0;
    }

    50% {
        padding-bottom: 10px;
    }

    100% {
        padding-bottom: 0;
    }
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
