<!DOCTYPE html>

<head>
    <title>KMA | האקדמיה הישראלית לקרב מגע לוחמה והגנה עצמית</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="בואו ללמוד קרב מגע, להשתלם ולתדרך, הגנה עצמית, כוח ובטחון לילדים, נוער ובוגרים. לימודי אומנויות לחימה ולימודי מדריכים. התקשרו היום והפכו לחלק מהמשפחה!">
    <meta charset="unicode">
    <meta name="keywords" content="
    
קרב מגע, קרב, מגע, גוף, לימודים, ילדים, אימון ילדים, הגנה עצמית, אימונים, קרב מגע לילדים, משפחה, בטחון עצמי, כישורי חיים, אומנויות, מיומנויות, אומנויות לחימה, מדריך, מאמן, הדרכה, איומוני כוח, בית ספר, בית ספר לאומנויות לחימה, אקדמיה לקרב מגע, אקדמיה, אקדמיה לאומנויות לחימה, איגוד מורי אומנויות לחימה, איגוד מדריכים, מורים לחינוך גופני, אקדמיה לחינוך גופני, אלעד ביננפלד, משרד החינוך, שחר יזרעאלי, קידום נוער, עיריות, עמותות, רווחה, עיר ללא אלימות, אלימות, הימנעות מאלימות, מניעת אלימות, השתלמויות מורים.
" />
    <meta name="author" content="Anastasia Marí S Raskin">
    <meta charset="utf-8">

    <link rel="shortcut icon" href="http://km-academy.com/faviconkma.ico">

    <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> -->

    <script type="text/javascript">
        $(document).ready(function () {
            var playersrc1 = $('#modalVid1').attr('src');
            $("#vid1").hover(function () {
                $("#myModal1").modal();
                $('#modalVid1').attr('src', playersrc1 + "?autoplay=1&start=60");
                $("body").click(function () {
                    $("#modalVid1").attr('src', '');
                });
            });

            var playersrc2 = $('#modalVid2').attr('src');
            $("#vid2").hover(function () {
                $("#myModal2").modal();
                $('#modalVid2').attr('src', playersrc2 + "?autoplay=1");
                $("body").click(function () {
                    $("#modalVid2").attr('src', '')
                });
            });

            var playersrc3 = $('#modalVid3').attr('src');
            $("#vid3").hover(function () {
                $("#myModal3").modal();
                $('#modalVid3').attr('src', playersrc3 + "?autoplay=1&start=15");
                $("body").click(function () {
                    $("#modalVid3").attr('src', '')
                });
            });
        });
    </script>

    <script type="application/x-javascript">
        if (screen.width <= 699) { document.location = "http://km-academy.com/indexMobile.html"; }

        $(document).ready(function(){
            
            // TODO MINIFY VIA ARRAY
            var nowPlaying1 = "none";
            var nowPlaying2 = "none";
            var nowPlaying3 = "none";

            var urllink = new URL(window.location.href);
            var resize = new Array('p', '.resizable', 'a', 'h1', 'h2', 'h3', 'iframe').join(',');
            var removeColors = new Array('p', '.resizable', 'a', 'h1', 'h2', 'h3', 'div', 'iframe').join(',');
            var changeVisibility = new Array('#TheDiv1', '#TheDiv2').join(',');

            //show / hide accessibility tab
            $(".showHide").click(function () {
                $(changeVisibility).toggle();
            });

            //resets the font size when "reset" is clicked
            var resetFont = $(resize).css('font-size');
            $(".reset").click(function () {
                $(resize).css('font-size', resetFont);
            });

            //increases font size when "+" is clicked
            $(".increase").click(function () {
                var originalFontSize = $(resize).css('font-size');
                var originalFontNumber = parseFloat(originalFontSize, 10);
                $(resize).css('font-size', originalFontNumber * 1.2);
                return false;
            });

            //decrease font size when "-" is clicked
            $(".decrease").click(function () {
                var originalFontSize = $(resize).css('font-size');
                var originalFontNumber = parseFloat(originalFontSize, 10);
                $(resize).css('font-size', originalFontNumber * 0.8);
                return false;
            });

            //underline all links
            $(".underlineFunc").click(function () {
                $(new Array('a').join(',')).css("text-decoration", "underline")
                // TODO TOGGLE
            });

            //remove all colors
            $(".grayscaleFunc").click(function () {
                // TODO TOGGLE
                $(removeColors).css('-webkit-filter', 'grayscale(100%)');
                $(removeColors).css('filter', 'grayscale(100%)');
            });

            //reset all settings
            $(".resetButton").click(function () {
                location.reload();
            });
        });

    </script>


    <style>

        h2{
            font-size: 1.5vw;
        }

        h3 {
            font-size: 1.3vw;
        }

        h4 {
            font-size: 1vw;
        }

        h5 {
            font-size: 0.8vw;
        }

        .bs-example{
            margin: 20px;
        }
        .modal-content iframe{
            margin: 0 auto;
            display: block;
        }
        span {
            font-size: 25px;
            float: right;
            display: block;
            font-weight: bold;
        }

        #vid1 {
            width: 25%; 
            height: 25%;
            position: absolute; 
            left: 7.5%;
            bottom: 8%;
            transition: height ease 0.1s;
            transition: width ease 0.1s;
        }

        #vid2 {
            position: absolute;
            left: 37.5%;
            bottom: 8%; 
            width: 25%; 
            height: 25%;
            transition: height ease 1s;
            transition: width ease 1s;
            transition: left ease 1s;
        }

        #vid3 {
            position: absolute;
            right: 7.5%;
            bottom: 8%; 
            width: 25%; 
            height: 25%;
            transition: height ease 1s;
            transition: width ease 1s;
        }

        .resizable {
            font-size: 2vw;
        }

        body {
            font-family: 'Assistant', sans-serif;
            overflow-x: hidden;
        }

        a:link {
            text-decoration: none;
            color: white;
        }

        a:visited {
            text-decoration: none;
            color: white;
        }

        a:hover {
            text-decoration: none;
            color: #1981ba;
        }

        a:active {
            text-decoration: none;
            color: #1981ba;
        }

        body {
            font-family: 'Assistant', sans-serif;
        }

        .sm {
            /* -webkit-filter: grayscale(100%);
            filter: grayscale(100%); */
            opacity: 0.9;
            position: relative;
            top: 20%;
        }

        .sm:hover {
            opacity: 1;
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
        }

        .smIMG {
            opacity: 0.9;
            float: left;
            max-width: 12%;
        }


        .LinkinLinks {}

        .CALLUS {
            position: fixed;
            float: left;
            left: -11.5%;
            bottom: 7.9%;
            background-color: #7a7d89;
            z-index: 9333;
            border-radius: 0.7vw;
            transition: left 0.5s ease;
            width: 14.999%;
            font-size: 0.5vw;
        }

        .CALLUS:hover {
            left: -3.5%;
        }

        .CALLUS2 {
            position: fixed;
            float: left;
            left: -11.5%;
            bottom: 3%;
            background-color: #7a7d89;
            z-index: 9333;
            border-radius: 0.7vw;
            transition: left 0.5s ease;
            width: 14.999%;
            font-size: 0.5vw;
        }

        .CALLUS2:hover {
            left: -3.5%;
        }

        .concons {}

        .concons:hover {
            -ms-transform: scale(1.5);
            /* IE 9 */
            -webkit-transform: scale(1.5);
            /* Safari 3-8 */
            transform: scale(1.5);
        }


        .PG0 {
            position: absolute;
            top: -3%;
        }

        .PG1 {
            position: absolute;
            top: 98.3%;
        }

        .PG2 {
            position: absolute;
            top: 198.3%;
        }

        .PG3 {
            position: absolute;
            top: 298.3%;
        }

        .PG4 {
            position: absolute;
            top: 398.3%;
        }

        .PG5 {
            position: absolute;
            top: 748.33%;
        }

        .PG6 {
            position: absolute;
            top: 750%;
        }

        .PG7 {
            position: absolute;
            top: 900%;
        }


        .UnderFull {
            position: Absolute;
            top: 0%;
            width: 0%;
            height: 100%;
            transition: width 0.5s ease;
        }

        .UnderFull:hover {
            width: 0%;
        }

        .UnderlineMenu {
            bottom: 0%;
            position: absolute;
            background-color: #fcd434;
            height: 0.13vw;
            width: 95%;
            transition: width 0.5s ease;
        }



        .OpacityHover {
            opacity: 0.7;
            transition: opacity 0.3s ease;
        }

        .OpacityHover:hover {
            opacity: 1;
        }


        .CategoryHover {
            opacity: 0.5;
            transition: opacity 0.5s ease;
            -webkit-filter: grayscale(100%);
            /* Safari 6.0 - 9.0 */
            filter: grayscale(100%);
        }

        .CategoryHover:hover {
            opacity: 1;
            -webkit-filter: grayscale(0%);
            /* Safari 6.0 - 9.0 */
            filter: grayscale(0%);
        }


        a.NavButt {
            margin-bottom: 5%;
            background-color: #e5bb12;
            border: 3px double white;
            border-radius: 0.5vw;
            padding-left: 5%;
            padding-right: 5%;
            padding-top: 2.3%;
            padding-bottom: 2.3%;
        }

        a.NavButt:hover {
            background-color: transparent;
            color: #fff;
            text-shadow: 3px 3px 10px #000;
        }


        a.ContactButt {
            width: 33%;
            padding-top: 3.9%;
            padding-bottom: 3.9%;
            border-radius: 0.59vw;
            background-color: transparent;
            color: #000;
            margin-bottom: 5%;
            border: 1px solid black;
        }

        a.ContactButt:hover {
            background-color: #3d414e;
            color: white;
        }

        a.ContactButt:active {
            background-color: #3d414e;
            color: white;
        }

        a.ContactButt:visited {
            background-color: transparent;
            color: #000;
            border: 1px solid black;
            padding: 3%;
        }

        @keyframes DownWeGo {
            0% {
                bottom: 15%;
            }

            50% {
                bottom: 5%;
            }

            100% {
                bottom: 15%;
            }
        }

        .ArrowDown {
            position: absolute;
            width: 4%;
            left: 48%;
            right: 48%;
            bottom: 15%;
            color: white;
            animation-name: DownWeGo;
            animation-duration: 4s;
            animation-iteration-count: infinite;
        }

        .ArrowDown:hover {
            color: #e9b145;
        }
    </style>

    <style>
        * {
            box-sizing: border-box;
        }

        .mySlides {
            display: none;
        }

        img {
            vertical-align: middle;
        }

        /* Slideshow container */
        .slideshow-container {
            max-width: 100%;
            position: relative;
            margin: auto;
        }

        /* Caption text */
        .text {
            color: #f2f2f2;
            font-size: 15px;
            padding: 8px 12px;
            position: absolute;
            bottom: 8px;
            width: 100%;
            text-align: center;
            opacity: 0;
        }

        /* Number text (1/3 etc) */
        .numbertext {
            color: #f2f2f2;
            font-size: 12px;
            padding: 8px 12px;
            position: absolute;
            top: 0;
            opacity: 0;
        }

        /* The dots/bullets/indicators */
        .dot {
            height: 15px;
            width: 15px;
            margin: 0 2px;
            background-color: #bbb;
            border-radius: 50%;
            display: inline-block;
            transition: background-color 0.6s ease;
            opacity: 0;
        }

        .active {
            background-color: #717171;
        }

        /* Fading animation */
        .fade {
            -webkit-animation-name: fade;
            -webkit-animation-duration: 1.5s;
            animation-name: fade;
            animation-duration: 1.5s;
        }

        @-webkit-keyframes fade {
            from {
                opacity: .4;
            }

            to {
                opacity: 1;
            }
        }

        @keyframes fade {
            from {
                opacity: .4;
            }

            to {
                opacity: 1;
            }
        }

        /* On smaller screens, decrease text size */
        @media only screen and (max-width: 300px) {
            .text {
                font-size: 11px;
            }
        }
    </style>

    <style>
        @keyframes DownWeGo {
            0% {
                bottom: 0%;
            }

            50% {
                bottom: 5%;
            }

            100% {
                bottom: 0%;
            }
        }

        .ArrowDown {
            position: absolute;
            width: 4%;
            left: 48%;
            right: 48%;
            bottom: 1%;
            color: white;
            animation-name: DownWeGo;
            animation-duration: 4s;
            animation-iteration-count: infinite;
        }

        .ArrowDown:hover {
            color: #cba55f;
        }


        a.PicOpac
{
border:none;
}

        .PicOpac {
            opacity: 0.9;
            transition: top 3.9s ease;

border:none;

        }

        .PicOpac:hover {
            opacity: 1;
           
            -ms-transform: scale(1.3);
            /* IE 9 */
            -webkit-transform: scale(1.3);
            /* Safari 3-8 */
            transform: scale(1.3);

        }




        a.StudentsInstruct {
            opacity: 0.7;
            color: red;
        }

        a.StudentsInstruct:hover {

            opacity: 1;
            color: #000;
            font-weight: bold;

        }
    </style>

    <style>
        .PictureBounce {
            position: absolute;
            top: 0%;
            left: 0%;
            right: 0%;
            max-height: 100%;
            min-height: 100%;
            transition: top 3.9s ease;
        }

        .PictureBounce:hover {
            top: -60%;
        }


.Snifim
{
    transition: transform .6s;
}

.Snifim:hover
{
    -ms-transform: scale(1.3); /* IE 9 */
    -webkit-transform: scale(1.3); /* Safari 3-8 */
    transform: scale(1.3); 
}




.madrihim
{
position:Absolute; background-color:#002856; bottom:-31.9%; left:0%; right:0%; height:50%;
color:white;
            
transition: bottom 0.6s ease;
font-size:0.8vw;
}

.madrihim:hover
{
bottom:0%;
}

.sides0
{
opacity:0.1;
}

.sides0:hover
{
opacity:0;
}

    </style>
</head>

<body>
    <p class="PG0" id="00"></p>
    <p class="PG1" id="01"></p>
    <p class="PG2" id="02"></p>
    <p class="PG3" id="03"></p>
    <p class="PG4" id="04"></p>
    <p class="PG5" id="05"></p>
    <p class="PG6" id="06"></p>
    <p class="PG7" id="07"></p>

    <div class="TopHat" style="position:fixed; width:100%; top:0%; height:9%; left:0%; right:0%; z-index:33; opacity:0.13; background-color:#fff;">
    </div>
    <div class="TopHat" style="position:fixed; width:100%; top:0%; height:9%; left:0%; right:0%; color:#fff; z-index:33;">


<div style="position:absolute; float:left; left:6%; width:9%; height:90%; top:7.5%; text-align: right; z-index:999999999999999999999999;">
                <a href="https://api.whatsapp.com/send?phone=972544819081">
			<img src="http://km-academy.com/art/whatsapp-icon-white.png" style="position: absolute; left: 15%; top: 0%;  width: 37%;"></a>
               

</div>


        <div style="position:absolute;float:left;left:0.7%;width: 49%;height: 105%;top: 11%;text-align: right;">
            <a class="sm" target="_blank" href="https://www.facebook.com/ShacharKravMaga" style="position:absolute; left: 0%; top:0%; height: 70%; width:7%;">
                <img src="http://design-anastasia.com/IDA/FaceOF-min.png" style="position: absolute; left: 0%; top: 0%; width: 100%; height: 100%"></a>
            <a class="sm" target="_blank" href="https://www.instagram.com" style="position:absolute; left: 6%; top:0%; height: 70%; width:7%;">
                <img src="http://design-anastasia.com/IDA/InstaOF-min.png" style="position: absolute; left: 0%; top: 0%;  width: 100%; height: 100%"></a>
        </div>

        <div style="position:absolute; top:20%; height:20%; right:1.3%; width:8%; text-align: right;">
            <a class="sm" href="http://km-academy.com/index.html"><img src="http://km-academy.com/art/if_IL_167815.png"
                    style="max-width:30%; margin-right:0%; margin-top:0%;"></a>
            <a class="sm" href="http://km-academy.com/indeEn.html"><img src="http://km-academy.com/art/english.png"
                    style="max-width:30%; margin-right:1%; margin-top:0%;"></a>
        </div>


        <div style="position:absolute; right:15%; left:15%; width:70%; height:70%; top:30%; font-family: 'Assistant', sans-serif; font-size:1.23vw;">
            <center>
                <a style=" font-size: 1.23vw;" class="LinkinLinks" href="#00">דף הבית</a>
                &nbsp; - &nbsp;
                <a style=" font-size: 1.23vw;" class="LinkinLinks" href="#01">סרטונים</a>
                &nbsp; - &nbsp;
                <a style=" font-size: 1.23vw;" class="LinkinLinks" href="http://km-academy.com/Employees.html">הדרכה</a>
                &nbsp; - &nbsp;
                <a style=" font-size: 1.23vw;" class="LinkinLinks" href="#03">סניפים</a>
                &nbsp; - &nbsp;
                <a style=" font-size: 1.23vw;" class="LinkinLinks" href="#04">הצוות</a>
                &nbsp; - &nbsp;
                <a style=" font-size: 1.23vw;" class="LinkinLinks" href="#05">אודות</a>
                &nbsp; - &nbsp;
                <a style=" font-size: 1.23vw;" class="LinkinLinks" href="http://km-academy.com/Courses.html">הכשרות</a>
                &nbsp; - &nbsp;
                <a style=" font-size: 1.23vw;" class="LinkinLinks" href="#07">צרו קשר</a>
            </center>
        </div>


    </div>


    <div style="position:absolute; width:100%; top:0%; height:100%; left:0%; right:0%; background-color:#000; z-index:1;">
    </div>
    <div style="position:absolute; width:100%; top:0%; height:100%; left:0%; right:0%; opacity:0.53; z-index:1; overflow:hidden;">

        <div class="video-view" style="position:absolute; width: 100%; right:0%; left:0%; top: 0%; height: 100%; z-index:5; color: #000; background-color:black;"
            dir="rtl">

            <video style="position:absolute; width:100%; top:0%; left:0%; right:0%; opacity:0.63; overflow:hidden;"
                autoplay="" muted="" loop="" id="myVideo">
                <source src="http://km-academy.com/art/KMA-background-mini.mp4" type="video/mp4">
            </video>

        </div>


    </div>

    <div style="position:absolute; width:100%; top:0%; height:100%; left:0%; right:0%; z-index:2; overflow:hidden;">
        <center>
            <img src="http://km-academy.com/Logo_KMA01OnBlack-min.png" style="position:absolute; top: 35%; left:25%; right:25%; width:50%; height:35%;">
        </center>
        <div style="position:absolute; top:32%; right:7%; width:50%; max-height: 80%; color:#fff ;font-family: 'Assistant' , sans-serif;"
            dir="rtl">
            <br><br>
        </div>
    </div>



    <div style="position:absolute; width:100%; top:100%; height:100%; left:0%; right:0%; z-index:2; overflow:hidden; background-color: black;">

        <iframe style="position:absolute; top:10%; left:10%; width:80%; height:80%; border:0;" src="https://www.youtube.com/embed/qyA7a6B7cLQ?rel=0">
        </iframe>

    </div>


    <div class="join-family" style="position: absolute; width: 100%; right:0%; left:0%; top: 200%; height: 100%; z-index: 3; color: #000; background-color:black;"
        dir="rtl">
        <div style="position:absolute; top:0% ;left:0%; right:0%; height:15%; background-color:#002856; opacity:1;">
        </div>
        <div style="position:absolute; top:0% ;left:0%; right:0%; height:15%; color:white;  font-size:3.3vw; font-weight:black;">
            <center>
                <p style="margin-top:1.53%; text-shadow: 4px 5px 10px black;"><b>"כשאתם יודעים יותר טוב, אתם עושים יותר
                        טוב"</b></p>
                <p style="margin-top:-3.9%; font-size:1.5vw;">- מאיה אנג'לו</p>

            </center>
        </div>


        <div style="position:absolute; top:15%; width:100%; left:0%; right:0%; bottom:0%; overflow:hidden;">

            <img src="http://km-academy.com/KMA-b03-min.jpg" style="position:absolute; left:0%; width:103.999%; top:0%; z-index:5; opacity:0.5;">

            <img src="http://km-academy.com/art/JoinTheFam-min.png" style="position:absolute; top:33%; width:70%; left:15%; right:15%; height:55%; z-index:6;">

            <a href="http://km-academy.com/Courses.html">
                <div class="sides0" style="position:absolute; left:0%; right:50%; width:50%; top:0%; bottom:0%; background-color:white; z-index:7;"></div>
            </a>
            <a href="http://km-academy.com/Employees.html">
                <div class="sides0" style="position:absolute; left:0%; left:50%; width:50%; top:0%; bottom:0%; background-color:white; z-index:7;"></div>
            </a>

        </div>


    </div>

    <div style="position:absolute; width:100%; top:300%; height:100%; left:0%; right:0%; background-color:#000; z-index:1;">
    </div>

    <div class="snifim" style="position:absolute; width:100%; top:300%; height:100%; left:0%; right:0%; z-index:2; overflow:hidden;">
        <img src="http://km-academy.com/KMA-b09-min.jpg" style="margin-top:-7%; min-width:100%; max-width:100%; opacity:0.6;">


        <img src="http://km-academy.com/art/borderop.png" style="position:absolute; top:41.3%; left:21%;">
        <img src="http://km-academy.com/art/borderop.png" style="position:absolute; top:41.3%; left:35%;">
        <img src="http://km-academy.com/art/borderop.png" style="position:absolute; top:41.3%; left:49%;">
        <img src="http://km-academy.com/art/borderop.png" style="position:absolute; top:41.3%; right:35%;">
        <img src="http://km-academy.com/art/borderop.png" style="position:absolute; top:41.3%; right:21%;">

        <a href="http://km-academy.com/Rehovot01.html">
            <div class="PicOpac" style="position: absolute; left: 8%; width: 14%; height: 30%; top: 33%; background-color: transparent; border-size:0%; border-color:transparent; overflow: hidden;">
                <img class="Snifim" src="" style="margin-left:-25%; width:190%; height:100%; opacity:0.7;">

                <div dir="rtl" style="color: #fff; position: absolute; left: 10%; right: 10%; top: 30%; font-size: 1vw; font-family: 'Assistant', sans-serif; text-shadow:  -1px 0 #000, 0 1px #000, 1px 0 #fff, 0 -1px #fff; ">
                    <center>
                        <h1>רחובות</h1>
                    </center>
                </div>
            </div>
        </a>

        <a href="http://km-academy.com/Givataim.html">
            <div style="position: absolute; left: 22%; width: 14%; background-color: transparent; border-size:0%; border-color:transparent; height: 30%; top: 33%; overflow: hidden;"
                class="PicOpac">
                <img class="Snifim" src="" style="margin-left:-75%; width:290%; height:100%; opacity:0.7;">

                <div dir="rtl" style="color: #fff; position: absolute; left: 10%; right: 10%; top: 22%; font-size: 1vw; font-family: 'Assistant', sans-serif; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #fff, 0 -1px #fff; ">
                    <center>
                        <h1>רמת גן וגבעתיים</h1>
                    </center>
                </div>
            </div>
        </a>

        <a href="http://km-academy.com/TelAviv.html">
            <div style="color: #000; position: absolute; left: 36%; width: 14%; background-color: transparent; border-size:0%; border-color:transparent; height: 30%; top: 33%; overflow: hidden;"
                class="PicOpac">
                <img class="Snifim" src="" style="margin-left:-35%; width:250%; height:100%; opacity:0.7;">

                <div dir="rtl" style="color: #fff; position: absolute; left: 10%; right: 10%; top: 30%; font-size: 1vw; font-family: 'Assistant', sans-serif; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #fff, 0 -1px #fff; ">
                    <center>
                        <h1>תל אביב</h1>
                    </center>
                </div>
            </div>
        </a>

        <a href="http://km-academy.com/Yohanan.html">
            <div style="color: #000; position: absolute; left: 50%; width: 14%; background-color: transparent; border-size:0%; border-color:transparent; height: 30%; top: 33%; overflow: hidden;"
                class="PicOpac">
                <img class="Snifim" src="" style="margin-left:-15%; width:200%; height:100%; opacity:0.7;">

                <div dir="rtl" style="color: #fff; position: absolute; left: 10%; right: 10%; top: 30%; font-size: 1vw; font-family: 'Assistant', sans-serif; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #fff, 0 -1px #fff;">
                    <center>
                        <h1>גני יוחנן</h1>
                    </center>
                </div>
            </div>

        </a>
        <a href="http://km-academy.com/Rehovot02.html">
            <div class="PicOpac" style="position: absolute; left: 64%; width: 14%; background-color: transparent; border-size:0%; border-color:transparent; height: 30%; top: 33%; overflow: hidden;">
                <img class="Snifim" src="" style="margin-left:-43%; width:200%; height:100%; opacity:0.7;">

                <div dir="rtl" style="color: #fff; position: absolute; left: 10%; right: 10%; top: 22%; font-size: 1vw; font-family: 'Assistant', sans-serif; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #fff, 0 -1px #fff;">
                    <center>
                        <h1>רחובות<br> מגזר חרדי</h1>
                    </center>
                </div>
            </div>
        </a>

        <a href="http://km-academy.com/Ashdod.html">
            <div class="PicOpac" style="position: absolute; left: 78%; width: 14%; background-color: transparent; border-size:0%; border-color:transparent; height: 30%; top: 33%; overflow: hidden;">
                <img class="Snifim" src="" style="margin-left:-75%; width:290%; height:100%; opacity:0.7;">

                <div style="color: #fff; position: absolute; left: 10%; right: 10%; top: 30%; font-size: 1vw; font-family: 'Assistant', sans-serif; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #fff, 0 -1px #fff;">
                    <center>
                        <h1>אשדוד</h1>
                    </center>
                </div>
            </div>
        </a>

        <center dir="rtl" style="position:absolute; left:7%; right:7%; top:3%;  font-size:1.8vw; font-family: 'Assistant', sans-serif;">
            <h1 style="text-justify: inter-word; color:white; text-shadow: 4px 5px 10px black;">
                סניפים
            </h1>
        </center>
    </div>

    <div style="position:absolute; width:100%; top:400%; height:250%; left:0%; right:0%; background-color:#373737; z-index:1;">
    </div>

    <div dir="rtl" class="the-crew" style="position:absolute; width:100%; top:400%; height:250%; left:0%; right:0%; z-index:2; overflow:hidden;">



        <center dir="rtl" style="position:absolute; left:7%; right:7%; top:3%;  font-size:0.9vw; font-family: 'Assistant', sans-serif;">


            <h1 style="text-justify: inter-word; color:white; text-shadow: 4px 5px 10px black; font-size:2.3vw;">
                "ההתכנסות יחד היא התחלה. ההישארות יחד היא התקדמות. העבודה יחד היא הצלחה"
            </h1>
            <h2 style="color:white; font-size:1.3vw; margin-top:">
                - הנרי פורד
            </h2>
        </center>



        <div style="position:absolute; top:13.9%; left:30%; width:17%; height:20%; background-color:white; overflow:hidden;">
            <img src="http://km-academy.com/Profile3-min.png" style="position:absolute; top:-10%; left:-20%; width:143%; height:95%;">

            <div class="madrihim">
                <center>
                    <h3 style="margin-top:1.93%;margin-bottom: -4%;">
                        &#9651;
                    </h3>
                    <h2 style="margin-top:3%;">
                        שחר יזרעאלי
                    </h2>

                    <p style="padding-left: 5%;padding-right: 5%;margin-bottom: 0;">
                        יו״ר האקדמיה הישראלית לקרב מגע,
                        <br>
                        מומחה בהדרכת אוכלוסיות קצה,

                        אחראי תחום הכשרת מדריכים ופיתוח תכניות הגנה עצמית.
                    </p>

                    <br>
                    <b>
                        מדריך קרב מגע משנת 1997
                    </b>
                </center>
            </div>

        </div>

        <div style="position:absolute;top: 13.9%; right:30%; width:17%;height:20%; background-color:white;overflow:hidden;">
            <img src="http://km-academy.com/Profile5-min.png" style="position:absolute; top:-7.9%; left:-23%; width:143%; height:95%;">

            <div class="madrihim">
                <center>
                    <h3 style="margin-top:1.93%;margin-bottom: -4%;">
                        &#9651;
                    </h3>
                    <h2 style="margin-top:3%;">
                        אלעד ביננפלד
                    </h2>

                    <p style="padding-left: 5%;padding-right: 5%;margin-bottom: 0;">
                        מנכ״ל האקדמיה הישראלית לקרב מגע,
                        מומחה בהדרכת אוכלוסיות קצה,

                        אחראי על קידום תכניות למודעות ומניעת אלימות.
                    </p>

                    <br>
                    <b>
                        מדריך קרב מגע משנת 2003
                    </b>
                </center>
            </div>

        </div>



        <div dir="rtl" style="position:absolute; top:39%; right:2.5%; width:15%; height:17%; background-color:white; overflow:hidden;">
            <img src="http://km-academy.com/Profile1-min.png" style="position:absolute; top:-7%; left:-20%; width:143%; height:105%;">

            <div class="madrihim">
                <center>
                    <h4 style="margin-top:1.73%; margin-bottom: 3%;">
                        &#9651;
                    </h4>
                    <h3 style="margin-top:-4.2%;">
                        גיא ארז
                    </h3>
                    <p style="margin-top:6%; padding-right: 7%; padding-left: 7%; font-size: 1vw;">
                        <b>
                            מדריך קרב מגע משנת 2018
                            <br>
                            צבאי ואזרחי
                        </b>
                        <br>
                        <br>
                        ילדים, נוער ובוגרים
                    </p>
                </center>
            </div>

        </div>


        <div dir="rtl" style="position:absolute; top:39%; right:21.95%; width:15%; height:17%; background-color:white; overflow:hidden;">
            <img src="http://km-academy.com/Profile2-min.png" style="position:absolute; top:-11.9%; left:-20%; width:143%; height:110%;">

            <div class="madrihim">
                <center>
                    <h4 style="margin-top:1.73%; margin-bottom: 3%;">
                        &#9651;
                    </h4>
                    <h3 style="margin-top:-4.2%;">
                        שחף גל
                    </h3>
                    <p style="margin-top:6%; padding-right: 7%; padding-left: 7%;font-size: 1vw;">
                        <b>
                            מדריך קרב מגע משנת 2011
                        </b>
                        <br>
                        <br>
                        מומחה בהדרכת ילדים ונוער בסיכון
                    </p>
                </center>
            </div>

        </div>


        <div dir="rtl" style="position:absolute; top:39%; right:42.5%; width:15%; height:17%; background-color:white; overflow:hidden;">
            <img src="http://km-academy.com/Profile6-min.png" style="position:absolute; top:-15.3%; left:-20%; width:143%; height:110%;">

            <div class="madrihim">
                <center>
                    <h4 style="margin-top:1.73%; margin-bottom: 3%;">
                        &#9651;
                    </h4>
                    <h3 style="margin-top:-4.2%;">
                        ברוך מזרחי
                    </h3>
                    <p style="margin-top:6%; padding-right: 7%; padding-left: 7%;font-size: 1vw;"><b>
                            מדריך קרב מגע משנת 2016
                            במגזר החרדי
                        </b>
                        <br>
                        <br>
                        ילדים, נוער ובוגרים
                    </p>
                </center>
            </div>

        </div>


        <div dir="rtl" style="position:absolute; top:39%; left:21.95%; width:15%; height:17%; background-color:white; overflow:hidden;">
            <img src="http://km-academy.com/YotamHalperin-min.png" style="position:absolute;top:0%;left: -5%;width: 114%;height:90%;">

            <div class="madrihim">
                <center>
                    <h4 style="margin-top:1.73%; margin-bottom: 3%;">
                        &#9651;
                    </h4>
                    <h3 style="margin-top:-4.2%;">
                        יותם הלפרין
                    </h3>
                    <p style="margin-top:6%; padding-right: 7%; padding-left: 7%;font-size: 1vw;"><b>
                            מדריך קרב מגע משנת 2018
                        </b>
                        <br>
                        <br>
                        ילדים, נוער ובוגרים
                    </p>
                </center>
            </div>

        </div>



        <div dir="rtl" style="position:absolute; top:39%; left:2.5%; width:15%; height:17%; background-color:white; overflow:hidden;">
            <img src="http://km-academy.com/Profile4-min.png" style="position:absolute; top:-11%; left:-20%; width:143%; height:110%;">

            <div class="madrihim">
                <center>
                    <h4 style="margin-top:1.73%; margin-bottom: 3%;">
                        &#9651;
                    </h4>
                    <h3 style="margin-top:-4.2%;">
                        רועי שלום
                    </h3>
                    <p style="margin-top:6%; padding-right: 7%; padding-left: 7%;font-size: 1vw;"><b>
                            מדריך קרב מגע משנת 2011
                        </b>
                        <br>
                        <br>
                        ילדים, נוער ובוגרים
                    </p>
                </center>
            </div>

        </div>


        <div dir="rtl" style="position:absolute; top:57.9%; right:2.5%; width:15%; height:17%; background-color:white; overflow:hidden;">
            <img src="http://km-academy.com/MeniRappaport-min.png" style="position:absolute;top:0%;left: -7%;width: 121%;height:90%;">

            <div class="madrihim">
                <center>
                    <h4 style="margin-top:1.73%; margin-bottom: 3%;">
                        &#9651;
                    </h4>
                    <h3 style="margin-top:-4.2%;">
                        מני רפפורט
                    </h3>
                    <p style="margin-top:6%; padding-right: 7%; padding-left: 7%;font-size: 1vw;">
                        <b>
                            מדריך קרב מגע
                        </b>
                    </p>
                </center>
            </div>
        </div>



        <div dir="rtl" style="position:absolute; top:57.9%; right:21.95%; width:15%; height:17%; background-color:white; overflow:hidden;">
            <img src="http://km-academy.com/art/Profile07.jpeg" style="position:absolute; top:0%; left:0%; width:100%; height:90%;">

            <div class="madrihim">
                <center>
                    <h4 style="margin-top:1.73%; margin-bottom: 3%;">
                        &#9651;
                    </h4>
                    <h3 style="margin-top:-4.2%;">
                        עדן ברנץ
                    </h3>
                    <p style="margin-top:6%; padding-right: 7%; padding-left: 7%;font-size: 1vw;"><b>
                            מדריכת קרב מגע משנת 2016
                            <br>
                            <br>
                        </b>
                        ילדים, נוער ובוגרים
                    </p>
                </center>
            </div>

        </div>


        <div dir="rtl" style="position:absolute; top:57.9%; right:42.5%; width:15%; height:17%; background-color:white; overflow:hidden;">
            <img src="http://km-academy.com/art/Profile09.jpeg" style="position:absolute; top:0%; left:0%; width:100%; height:90%;">

            <div class="madrihim">
                <center>
                    <h4 style="margin-top:1.73%; margin-bottom: 3%;">
                        &#9651;
                    </h4>
                    <h3 style="margin-top:-4.2%;">
                        יניב גולדנברג
                    </h3>
                    <p style="margin-top:6%; padding-right: 7%; padding-left: 7%;font-size: 1vw;"><b>
                            מדריך קרב מגע משנת 2011,
                            מדריך חדר כושר ומאמן אישי
                        </b>
                        <br>
                        <br>
                        ילדים, נוער ובוגרים
                    </p>
                </center>
            </div>

        </div>

        <div dir="rtl" style="position:absolute; top:57.9%; left:21.95%; width:15%; height:17%; background-color:white; overflow:hidden; font-size:0.1vw;">
            <img src="http://km-academy.com/blankProfile.png" style="position:absolute; top:0%; left:-25%; width:143%; height:90%;">

            <div class="madrihim">
                <center>
                    <h4 style="margin-top:1.73%; margin-bottom: 3%;">
                        &#9651;
                    </h4>
                    <h3 style="margin-top:-4.2%;">
                        יותם ביננפלד
                    </h3>
                    <p style="margin-top:6%; padding-right: 7%; padding-left: 7%;font-size: 1vw;">
                        <b>
                            מדריך קרב מגע משנת 2012
                        </b>
                        <br>
                        <br>
                        התמחות בנוער בסיכון
                    </p>
                </center>
            </div>

        </div>


        <div dir="rtl" style="position:absolute; top:57.9%; left:2.5%; width:15%; height:17%; background-color:white; overflow:hidden; font-size:0.1vw;">
            <img src="http://km-academy.com/art/Profile08.jpeg" style="position:absolute; top:0%; left:0%; width:100%; height:90%;">

            <div class="madrihim">
                <center>
                    <h4 style="margin-top:1.73%; margin-bottom: 3%;">
                        &#9651;
                    </h4>
                    <h3 style="margin-top:-4.2%;">
                        אוהד בדישי
                    </h3>
                    <p style="margin-top:6%; padding-right: 7%; padding-left: 7%;font-size: 1vw;"><b>

                            מדריך קרב מגע
                        </b>
                        <br>
                        <br>
                    </p>
                </center>
            </div>

        </div>











        <!--
        <div dir="rtl" style="position:absolute; bottom:6%; right:2.5%; width:15%; height:17%; background-color:white; overflow:hidden;">
            <img src="http://km-academy.com/blankProfile.png" style="position:absolute; top:0%; left:-25%; width:143%; height:90%;">

            <div class="madrihim">
                <center>
                    <h4 style="margin-top:1.73%; margin-bottom: 3%;">
                        &#9651;
                    </h4>
                    <h3 style="margin-top:-4.2%;">
                        מני רפפורט
                    </h3>
<p style="margin-top:6%; padding-right: 7%; padding-left: 7%;font-size: 1vw;">

                    </p>
                </center>
            </div>
        </div>
-->


        <div dir="rtl" style="position:absolute; bottom:6%; right:21.95%; width:15%; height:17%; background-color:white; overflow:hidden;">
            <img src="http://km-academy.com/blankProfile.png" style="position:absolute; top:0%; left:-25%; width:143%; height:90%;">

            <div class="madrihim">
                <center>
                    <h4 style="margin-top:1.73%; margin-bottom: 3%;">
                        &#9651;
                    </h4>
                    <h3 style="margin-top:-4.2%;">
                        מלי פוסט מילר
                    </h3>
                    <p style="margin-top:6%; padding-right: 7%; padding-left: 7%;font-size: 1vw;"><b>
                            מדריכת הגנה עצמית
                            <br>
                            <br>
                        </b>
                        ילדים, נוער ובוגרים
                    </p>
                </center>
            </div>

        </div>


        <div dir="rtl" style="position:absolute; bottom:6%; right:42.5%; width:15%; height:17%; background-color:white; overflow:hidden;">
            <img src="http://km-academy.com/DanielHauser-min.png" style="position:absolute;top:0%;left: -6%;width: 117%;height:90%;">

            <div class="madrihim">
                <center>
                    <h4 style="margin-top:1.73%; margin-bottom: 3%;">
                        &#9651;
                    </h4>
                    <h3 style="margin-top:-4.2%;">
                        דניאל האוזר
                    </h3>
                    <p style="margin-top:6%; padding-right: 7%; padding-left: 7%;font-size: 1vw;"><b>
                            מדריך קרב מגע משנת 2015
                        </b>
                        <br>
                        <br>
                        ילדים, נוער ובוגרים
                    </p>
                </center>
            </div>

        </div>

        <div dir="rtl" style="position:absolute; bottom:6%; left:21.95%; width:15%; height:17%; background-color:white; overflow:hidden; font-size:0.1vw;">
            <img src="http://km-academy.com/DavidSolan-min.jpg" style="position:absolute; top:0%; left:16%; width:103%; height:90%;">

            <div class="madrihim">
                <center>
                    <h4 style="margin-top:1.73%; margin-bottom: 3%;">
                        &#9651;
                    </h4>
                    <h3 style="margin-top:-4.2%;">
                        דוד סולן
                    </h3>
                    <p style="margin-top:6%; padding-right: 7%; padding-left: 7%;font-size: 1vw;">
                        <b>
                            מדריך קרב מגע משנת 2013
                            <br>
                            צבאי ואזרחי
                        </b>
                        <br>
                        <br>
                        ילדים, נוער ובוגרים
                    </p>
                </center>
            </div>

        </div>

        <!--
        <div dir="rtl" style="position:absolute;    bottom:6%; left:2.5%; width:15%; height:17%; background-color:white; overflow:hidden; font-size:0.1vw;">
            <img src="http://km-academy.com/art/Profile08.jpeg" style="position:absolute; top:0%; left:0%; width:100%; height:90%;">

            <div class="madrihim">
                <center>
                    <h4 style="margin-top:1.73%; margin-bottom: 3%;">
                        &#9651;
                    </h4>
                    <h3 style="margin-top:-4.2%;">
                        אוהד בדישי
                    </h3>
<p style="margin-top:6%; padding-right: 7%; padding-left: 7%;font-size: 1vw;"><b>

                        </b>
                        <br>
                        <br>
                    </p>
                </center>
            </div>

        </div>

-->




    </div>


    <div style="position:absolute; width:100%; top:650%; height:100%; left:0%; right:0%; background-color:#000; z-index:1;">
    </div>
    <div dir="rtl" class="i-believe" style="position:absolute; width:100%; top:650%; height:100%; left:0%; right:0%; z-index:2; overflow:hidden;">

        <img src="http://km-academy.com/KMA-b07-min.jpg" style="position:absolute; right:0%; bottom:0%; width:100%;">



        <div style="position:absolute; top:0%; left:0%; right:0%; height:39%; overflow:hidden;">
            <img src="http://km-academy.com/00-28-min.png" style="max-width: 100%; opacity:1; margin-top:-27%;">
        </div>

        <div style="position:absolute; top:0%; left:0%; right:0%; height:39%; overflow:hidden;">

            <center>
                <h5 style="text-shadow: 4px 5px 10px black; color: white;font-size: 6vw;">
                    אני מאמין
                </h5>
            </center>
        </div>


        <div dir="rtl" style="position:absolute; left:0%; right:0%; top:39%; bottom:0%;">

            <h1 style="font-size:1.39vw; color:white; text-align: justify; justify:inter-word; margin-left: 10%; margin-right:10%; margin-top:1.9%;">
                <b>
                    אנו מאמינים כי לימוד נכון של שיטת קרב המגע, יכול למנוע במידה ניכרת אחוז גדול מבעיות האלימות הקיימות
                    סביבנו כיום.
                </b>
            </h1>
            <p style="color:white; text-align: justify; justify:inter-word; font-size: 0.9vw; margin-left: 10%; margin-right:10%;">
                השאלה המהותית ביותר, אם כן, היא מהו לימוד נכון. אנו סבורים שאין תשובה אחת נכונה, אך לאחר למעלה מ- 21
                שנות ניסיון בהדרכת קרב מגע ובקשר ישיר לחינוך, אנו מאמינים כי ביכולתנו לשרת נאמנה את חניכינו ואת הוריהם.
                השיטה בה אנו דוגלים, אשר פותחה ע"י אימי שדה אור ליכטנפלד בשנות ה-30 באירופה, לפני מלחה"ע השנייה, נתנה
                מענה נחוץ ומשמעותי ליהודים אשר סבלו מהאנטישמיות- והוא האפשרות להשיב מלחמה כנגד תוקפיהם. שיטה זו יכולה
                לתת מענה גם היום, לכל אדם אשר חפץ ללכת בבטחה ועם ראש מורם.
                <br>
                מבחינתנו, החיבור לשורשים ולערכים היהודיים, המלחמה על הבית ועל הזכות לחיות, הקרב על הצדק וההתמודדות
                המושכלת, מחברים אותנו היום כישראלים במדינתנו הריבונית- חיבור בלתי נפרד לשיטת קרב המגע אשר נלמדת ברחבי
                הארץ ומעבר לים.
                <br>
                "עם שאינו מכבד את עברו, גם ההווה שלו דל ועתידו לוט בערפל." (יגאל אלון) לפי ראות עינינו זוהי ציונות
                אמיתית. ואכן, השיטה עוסקת ראשית בחינוך לערכים, לכבוד הדדי ולמשמעת.
                <br>
                <br>
            </p>

            <h1 style="font-size:1.5vw; color:white; text-align: justify; justify:inter-word; margin-left: 10%; margin-right:10%; margin-top:-1.3%;">
                על פי ערכי קרב המגע, כאשר אדם נמצא בסכנת חיים, מותר לו לעשות הכול כדי להצילם
            </h1>
            <p style="color:white; text-align: justify; justify: inter-word; font-size: 0.9vw; margin-left: 10%; margin-right:10%;">
                <b>
                    המטרה איננה להכין את החניכים לתחרות, אלא להכינם למצבים אמיתיים. ניתן לסייג זאת בשני משפטי מפתח:
                </b><br><br>
                &bull; "עשו הכול כדי לא להיפגע"– השכילו להשתמש בבינתכם, היו חכמים ולא צודקים, השתמשו בחושים
                והמנעו מסכנות ככל הניתן.
                <br>
                &bull; "השתמשו בידע לפי הצורך" – דעו מתי להשתמש בידע שרכשתם ומתי לא!
                <br><br>
                קרב המגע הינה שיטה פרוגרסיבית ויעילה ביותר למצבים בהם נדרשת הגנה עצמית, וביכולתו של המאומן בה להמנע
                מסכנות וממקרי אלימות. השיטה מתאימה ומותאמת לכל הגילאים.
                אנו מאמינים בשינוי חברתי ואמיתי, וללא אמונה זו לא היינו רואים את עתידינו ואת עתיד ילדינו כאן. אנו
                פועלים בצורה עקבית למען שינוי זה, ומחנכים לכך בשיעורים במועדונים שלנו ובבתי-ספר ברחבי הארץ.
            </p>
            <br>
        </div>
    </div>

    <div class="about-us" style="position: absolute; right:0%; left:0%; width: 100%; top: 750%; height: 100%; z-index: 3; color: #fff;"
        dir="rtl">
        <div style="position: absolute; left: 0%; top: 15%; height: 85%; right: 0%; z-index: 3;">
            <h1 style="margin-top: 1%; width:100%; font-family: 'Assistant', sans-serif; font-size:6vw; z-index: 50; text-shadow: 4px 5px 10px black;">
                <center style="font-size:6vw">
                    אודות
                </center>
            </h1>
            <p style="font-size: 1.3vw; z-index: 3; color: #fff; font-family: 'Assistant', sans-serif; text-align: justify; 
            text-justify:inter-word; margin-right:10%; margin-left:10%;">
                <br>

                שחר יזרעאלי ואלעד ביננפלד גדלו תחת כנפיו של האיגוד הבינלאומי לקרב מגע- IKMF; אייל ינילוב, גבי נח, אלי
                בן-עמי ואבי מויאל היו מוריהם בין השנים 1997-2009. האיגוד הבינלאומי לקרב מגע הפיץ את שיטתו של אימי שדה
                אור ליכטנפלד, מייסד השיטה. שחר, חניכו המצטיין של בן-עמי באותן שנים, הדריך בכל מועדוניו. אלעד, שהתאמן
                כילד אצל בן-עמי, הפך ברבות השנים לחניכו של שחר והחל לעסוק גם כן בהדרכה, מה שהוביל לשותפות ביניהם.

            </p>
        </div>

        <div style="position:absolute; width:100%; top:0%; height:100%; left:0%; right:0%; background-color:#000; z-index:1;">
        </div>
        <div style="position:absolute; width:100%; top:0%; height:100%; left:0%; right:0%; z-index:2; opacity:0.55; overflow:hidden;">
            <div class="slideshow-container">
                <div class="mySlides fade">
                    <img src="http://km-academy.com/00-21-min.png" style="min-width:100%; max-width:100%;">
                    <div class="text">Caption Two</div>
                </div>

                <div class="mySlides fade">
                    <img src="http://km-academy.com/00-3-min.png" style="margin-top:-5%; min-width:100%; max-width:100%;">
                    <div class="text">Caption Text</div>
                </div>

                <div class="mySlides fade">
                    <img src="http://km-academy.com/00-37-min.png" style="margin-top:-5%; min-width:100%; max-width:100%;">
                    <div class="text">Caption Text</div>
                </div>

                <div class="mySlides fade">
                    <img src="http://km-academy.com/00-38-min.png" style="margin-top:-5%; min-width:100%; max-width:100%;">
                    <div class="text"></div>
                </div>

                <div class="mySlides fade">
                    <img src="http://km-academy.com/00-35-min.png" style="margin-top:-5%; min-width:100%; max-width:100%;">
                    <div class="text"></div>
                </div>
            </div>
            <br>

            <div style="text-align:center">
                <span class="dot"></span>
                <span class="dot"></span>
                <span class="dot"></span>
                <span class="dot"></span>
                <span class="dot"></span>
            </div>

            <script>
                var slideIndex = 0;
                showSlides();

                function showSlides() {
                    var i;
                    var slides = document.getElementsByClassName("mySlides");
                    var dots = document.getElementsByClassName("dot");
                    for (i = 0; i < slides.length; i++) {
                        slides[i].style.display = "none";
                    }
                    slideIndex++;
                    if (slideIndex > slides.length) { slideIndex = 1 }
                    for (i = 0; i < dots.length; i++) {
                        dots[i].className = dots[i].className.replace(" active", "");
                    }
                    slides[slideIndex - 1].style.display = "block";
                    dots[slideIndex - 1].className += " active";
                    setTimeout(showSlides, 3000); // Change image every 2 seconds
                }
            </script>
        </div>
    </div>

    <div style="position:absolute; width:100%; height:100%; top:850%; left:0%; right:0%; background-color:#000; z-index:1;">
    </div>
    <div class="contact-navigation" style="position:absolute; width:100%; top:850%; height:100%; left:0%; right:0%; z-index:2; overflow:hidden;"
        dir="rtl">

        <img src="http://km-academy.com/00-26-min.png" style="margin-top:-7%; min-width:100%; max-width:100%; opacity:0.5;">

        <iframe src="http://km-academy.com/Campaign.php" dir="rtl" style="position: absolute;height: 60%;top: 10%;width: 100%;left: 0%;border: 0;"
            frameborder="0" allowfullscreen></iframe>



	<div style="position:absolute; left:3%; top:23%; height:27%; width: 25%; border-radius:1.3vw; background-color:black; opacity:0.3;"></div>
	<div style="position:absolute; left:3%; top:23%; height:27%; width: 25%; border-radius:1.3vw; color:white;">
	
<center><br><br>
<b>
יצירת קשר
</b><br><br>
מזכירות - 0507888373
<br>
אלעד ביננפלד - 0546446495
<br>
שחר יזרעאלי - 0544819081
<br>
אימייל: info@ikma.co.il

<br>
כתובת: המנוף 1, רחובות

</center>

	</div>




        <iframe src="https://www.google.com/maps/d/u/0/embed?mid=1w-KsKCVF--vBCZRZB9rt4-FOYlcskPDX" style="position: absolute; bottom: 0%; width: 100%; border: 0; height: 33%;"></iframe>
    </div>



    <a href="http://km-academy.com/#07">
        <img class="ContactFloat" src="http://km-academy.com/art/contact-icon.png" style="position:fixed; bottom:15%; width:2.73%; height:5.7%; right:1%; z-index:99999;">
    </a>

    <div id="TheDiv1" dir="rtl" style="position: fixed; display:none; padding-right:1vw; padding-left: 1vw; padding-top: 2vw; background-color: #000; color: #1981ba; ;height: 27%; width: 23%; bottom: 7%; right: 3%; border:#fff 0.07vw solid; z-index: 33;">
        <span style="font-size:inherit; float:left; font-weight:unset">
            <b href="" class="increase" style="cursor: pointer; font-size: 1vw">+</b>
            &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
            <b href="" class="decrease" style="cursor: pointer; font-size: 1vw">-</b>
        </span>
        <b>שנה גודל כתב</b>
        <br><br>
        <b class="underlineFunc" style="cursor: pointer;">הדגש את כל הקישורים</b>
        <br><br>
        <b class="grayscaleFunc" style="cursor: pointer;">הפוך אתר לשחור - לבן</b>
        <br><br>
        <b class="resetButton" style="cursor: pointer;">אפס את כל ההגדרות</b>
        <br><br>
        <img src="http://km-academy.com/handicapped.png" class="showHide" style="position:absolute; left:10%; bottom:17%; height:30%; float:left">
    </div>
    <div id="TheDiv1" style="position: fixed; background-color: black; border-radius:2vw; border:#303030 0.09vw solid ; height: 7%; width: 4.2%;right: 0%; bottom: 7%; border-radius: 1vw 0vw 0vw 1vw; z-index: 33;">
        <img class="showHide" src="http://km-academy.com/handicapped.png" style="margin-left:10%; height:80%; margin-top:10%; width:63%; z-index: inherit">
    </div>

    <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js" rel="jquery">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js" rel="javascript">
    <link href="https://fonts.googleapis.com/css?family=Assistant" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Bellefair" rel="stylesheet">
</body>

</html>