<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-param" content="_csrf">
    <meta name="csrf-token" content="-MZfIoXATY0f1nEEhTwbURxYgQXPLL62HbYJOKUGQUAzjbLIBHpeLw8Lj5AtBTloEmXtNHIi2pgY7_PVRrD20w==">
    <title>Movimiento Kataboom</title>
    <link href="/web/assets/d2799bb2/css/bootstrap.css" rel="stylesheet">
<link href="/web/css/site.css" rel="stylesheet">    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
    <!-- CSS -->
    <link href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet">
    <link href="/web/css/owl.carousel.css" rel="stylesheet">
    <link href="/web/css/owl.theme.default.css" rel="stylesheet">
    <link href="/web/css/queries.css" rel="stylesheet">
    <link href="/web/css/alertify.core.css" rel="stylesheet">
    <link href="/web/css/alertify.default.css" rel="stylesheet">

    <!-- libs -->
    <script src="/web/js/jquery-1.12.4.min.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script src="/web/js/bootstrap.min.js"></script>
    <script src="/web/js/owl.carousel.min.js"></script>
    <script src="/web/js/app.js"></script>
    <script src="/web/js/alertify.js"></script>

    <!-- keys -->
    <!--<meta name="description" content="¡Queremos cumplir tu sueño y juntos impulsar la producción audiovisual ecuatoriana!">-->
    <meta name="keywords" content="Kataboom">
    <meta property="og:url" content="http://webcontent.ec/realacademiaguayaca/"/>
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="Kataboom"/>
    <meta property="og:description"
          content="Kataboom"/>
    <meta property="og:image" content="http://webcontent.ec/realacademiaguayaca/web/images/fb_share.png"/>
    <meta property="fb:app_id" content="115988852440950"/>
    <!-- Global site tag (gtag.js) - Google Analytics -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-62787714-14"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-62787714-14');
</script>

</head>
<body>

<header>
    <a href="/web" id="logo-kataboomh"><img src="/web/images/ico-kataboom.png" alt=""></a>
    <ul id="menu-k">
        <li><a href="#" id="btn-1">Coreografía</a></li>
        <li><a href="#" id="btn-2">Registro</a></li>
        <li><a href="#" id="btn-3">Participantes</a></li>
        <li><a href="/web/site/terminos">Términos y Condiciones</a></li>
    </ul>
    <a href="https://www.facebook.com/KataboomEcuador/" target="_blank" id="ico-social"><img
                src="/web/images/ico_facebook.svg" alt=""></a>
    <a id="menu-kata-mb"><span></span></a>
    <ul id="menu-k-mobile">
        <li><a href="#" id="btn-1m">Coreografía</a></li>
        <li><a href="#" id="btn-2m">Registro</a></li>
        <li><a href="#" id="btn-3m">Participantes</a></li>
        <li><a href="/web/site/terminos">Términos y Condiciones</a></li>
    </ul>
</header>
<section class="container-fluid" id="home">
    <div id="cont-carrousel-pc">
        <div class="owl-carousel owl-theme">
        	<div class="item"><img src="/web/images/slide-3.jpg" alt=""></div>
            <div class="item"><img src="/web/images/slide-1.jpg" alt=""></div>
            <div class="item"><img src="/web/images/slide-2.jpg" alt=""></div>            
        </div>
    </div>
    <div class="btn-acciones container-fluid">
        <div class="container">
            <a href="/web/images/The_monkey_Funk.mp3" class="btn-actionk" target="_blank" download>Descarga
                la canción</a>
            <a href="#" class="btn-actionk" id="btn-coreografia">Imita la coreografía</a>
            <a href="#" class="btn-actionk" id="btn-incribe">Sube tu video</a>
            <a href="/web/site/terminos" class="btn-actionk">Términos y Condiciones</a>
        </div>
    </div>
</section>
<section class="container-fluid" id="coreografia">
    <div class="cont-coreografia">
        <div class="col-sm-4">
            <img src="/web/images/tit-coreografia.svg" alt="" class="tit-internos">
        </div>
        <div class="col-sm-8">
            <div class="con-pantalla">
                <img src="/web/images/pantalla.svg" alt="" id="pantalla-c">
                <img src="/web/images/pantalla2.svg" alt="" id="pantalla-m">
                <iframe id="video_home" src="https://www.youtube.com/embed/P7_mbSoiY4M" frameborder="0"
                        allowfullscreen></iframe>
                <a href="/web/images/The_monkey_Funk.mp3" target="_blank" id="btn-descarga" download>Descarga
                    la canción aquí</a>
            </div>
        </div>
    </div>
</section>
<section class="container-fluid" id="registro">
    <div class="cont-registro">
        <div class="col-sm-4">
            <img src="/web/images/tit-registro.svg" alt="" class="tit-internos">
        </div>
        <div class="col-sm-8">
            <div class="con-pantalla">
                <img src="/web/images/pantalla2.svg" alt="" id="pantalla-c">
                <img src="/web/images/pantalla2.svg" alt="" id="pantalla-m">
                <form id="userregistro" action="/web/site/registro" method="post" role="form">
<input type="hidden" name="_csrf" value="-MZfIoXATY0f1nEEhTwbURxYgQXPLL62HbYJOKUGQUAzjbLIBHpeLw8Lj5AtBTloEmXtNHIi2pgY7_PVRrD20w==">                <div id="cont-formulario">
                    <div class="form-group field-registro-nombres required">

<input type="text" id="registro-nombres" class="form-control" name="Registro[nombres]" placeholder="Nombre" aria-required="true">

<p class="help-block help-block-error"></p>
</div>                    <div class="form-group field-registro-email required">

<input type="text" id="registro-email" class="form-control" name="Registro[email]" placeholder="E-mail" aria-required="true">

<p class="help-block help-block-error"></p>
</div>                    <div class="form-group field-registro-numero required">

<input type="text" id="registro-numero" class="form-control" name="Registro[numero]" placeholder="Número de contacto" aria-required="true">

<p class="help-block help-block-error"></p>
</div>                    <div class="form-group field-registro-ciudad required">

<input type="text" id="registro-ciudad" class="form-control" name="Registro[ciudad]" placeholder="Ciudad" aria-required="true">

<p class="help-block help-block-error"></p>
</div>                    <div class="form-group field-input-video required">

<input type="text" id="input-video" class="form-control" name="Registro[video]" placeholder="Link video de Youtube" aria-required="true">

<p class="help-block help-block-error"></p>
</div>
                </div>
                <button id="btn-registrar" class="btn-descarga" type="button">Subir video</button>
                </form>            </div>
        </div>
    </div>
</section>
<section class="container-fluid" id="gracias">
    <div class="cont-registro">
        <div class="col-sm-4">
            <img src="/web/images/tit-registro.svg" alt="">
        </div>
        <div class="col-sm-8">
            <img src="/web/images/pantalla.svg" alt="">
            <div id="cont-formulario" class="img-gracias">
                <img src="/web/images/ico_gracias.svg" alt="">
            </div>
            <a href="#" id="btn-descarga">Subir nuevo video</a>
        </div>
    </div>
</section>
<section class="container-fluid" id="participantes">
    <div class="tit-participantes"><img src="/web/images/tit-participantes.svg" alt=""></div>
    <div class="container">
        <div id="cont-videos">
            <div class="row">
                <!-- -->
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/mXJwGoLrRc0/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Alegria Moncayo</h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('39');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/FdYy8UrA1Gw/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Antonella Vaca</h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('40');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/O-Yl0i2Pnzc/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Elizabeth Oña</h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('21');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/sak0ijkHwFg/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Ena Guerrero</h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('31');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/4RJQc1Vnnyg/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Estefany Perlaza</h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('32');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/WnCo45WKPLc/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Estefania Villacis</h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('41');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/GZK6f6qLcxs/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Jammy Sabrina</h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('52');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/CvEKSCDnTjE/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Karolina Gonzalez Salvador </h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('30');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/50RYIpTflYk/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Karolina Manosalvas B</h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('43');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/P7_mbSoiY4M/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Kataboom</h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('14');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/QtdRmPf5YLE/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Kathya Yadira Neira Neira</h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('48');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/yJdPNjrH4Hk/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Luis Lara</h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('44');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/aEcm5cxywIM/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Naomi González</h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('51');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/AC3ObUaNM6E/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Rommel Vega Holguin</h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('46');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/HVldBHAbst0/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Ronald Romo Arteaga</h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('49');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/Azb40gG9ZoM/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Keyla Roxana Moncada Pazmiño </h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('50');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/ndRw1yRWsFE/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Karen Paredes</h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('38');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/7Z-IN0YciM4/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Saskya</h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('29');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/UwWKH40IgsQ/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Solange Román</h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('47');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/MWCGBW-ktTY/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Steyce Celedon</h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('36');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                                                                            <div class="col-lg-4 col-sm-6 col-xs-12 video-indiv">
                        <div class="cont-thumbk">
                            <img src="http://img.youtube.com/vi/gxaVHVCzrUI/0.jpg" alt="" class="video-thumbk">
                            <div class="hover-video">
                                <h1>Diana  Vejar A</h1><br><br><br>
                                <div class="like-c" style="display:none;">
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_like.svg" alt="">
                                        <span>0</span>
                                    </div>
                                    <div class="col-xs-6">
                                        <img src="/web/images/ico_facebook2.svg" alt="">
                                        <span>compartir</span>
                                    </div>
                                </div>
                                <button class="btn-ver-video" onclick="javascript: verVideo('35');">ver
                                    video
                                </button>
                            </div>
                        </div>
                    </div>
                            </div>
        </div>
    </div>
</section>
<script>
    $('.owl-carousel').owlCarousel({
        loop: true,
        margin: 10,
        nav: true,
        dots: true,
        autoplay: true,
        autoplayTimeout: 7000,
        responsive: {
            0: {
                items: 1
            },
            600: {
                items: 1
            },
            1000: {
                items: 1
            }
        },
    });
    $(".owl-prev").html('<span class="left"><img src="/web/images/f-left.svg"></span>');
    $(".owl-next").html('<span class="right"><img src="/web/images/f-right.svg"></span>');

    $("#btn-coreografia").click(function () {
        $('html, body').animate({
            scrollTop: $("#coreografia").offset().top
        }, 800);
    });

    $("#btn-incribe").click(function () {
        $('html, body').animate({
            scrollTop: $("#registro").offset().top
        }, 800);
    });

    $("#btn-1").click(function () {
        $('html, body').animate({
            scrollTop: $("#coreografia").offset().top
        }, 800);
    });
    $("#btn-2").click(function () {
        $('html, body').animate({
            scrollTop: $("#registro").offset().top
        }, 800);
    });
    $("#btn-3").click(function () {
        $('html, body').animate({
            scrollTop: $("#participantes").offset().top
        }, 800);
    });
    $("#btn-1m").click(function () {
        $('html, body').animate({
            scrollTop: $("#coreografia").offset().top
        }, 800);
    });
    $("#btn-2m").click(function () {
        $('html, body').animate({
            scrollTop: $("#registro").offset().top
        }, 800);
    });
    $("#btn-3m").click(function () {
        $('html, body').animate({
            scrollTop: $("#participantes").offset().top
        }, 800);
    });
    /**/
    $("#menu-kata-mb").click(function () {
        $(this).toggleClass("active");
        $("#menu-k-mobile").toggleClass("active");
    });
</script>

<!--
<div id="cont-indexka">
    <div id="cont-social">
        <span>SIGUENOS</span>
        <a href="#"><img src="/web/images/ico_facebook.svg" alt=""></a>
        <a href="#"><img src="/web/images/ico_twitter.svg" alt=""></a>
    </div>
    <div id="logo-home">
      <img src="/web/images/logo_kataboom.png" alt="">
    </div> 
    <div id="info-home">
        <div id="text-home">
            Imita la coreografía con tus amigos, sube tu video y participa por <br/><br/>
            <span>fabulosos<br/>premios</span>
        </div>
        <div id="premio1-home">
           <img src="/web/images/premio1.png" alt="">
           <div class="txt-premio1">
                <h1>PRIMER LUGAR</h1>
                <p>Tablet Samsung + <br/>Vivitar Action Camera <br/>
                    <span>Por cada miembro del grupo que quede en primer lugar.</span></p>
           </div>        
        </div>
        <div id="premio2-home">
            <img src="/web/images/premio2.png" alt="">
            <div class="txt-premio2">
                <h1>SEGUNDO LUGAR</h1>
                <p>2 Entradas al cine + 2 displays de Kataboom surtido.<br/>
                    <span>Por cada miembro del grupo que quede en segundo lugar</span></p>
            </div>   
        </div>
        <div id="premio3-home">
            <img src="/web/images/premio3.png" alt="">
            <div class="txt-premio3">
                <h1>TERCER LUGAR</h1>
                <p>2 Entradas al cine + 2 displays de Kataboom surtido<br/>
                    <span>Por cada miembro del grupo que quede en segundo lugar</span></p>
            </div>   
        </div> 
    </div>
    <a class="btn-home" href="/web/site/participa">Siguiente</a>
</div>       
         
 <div id="fondo2-kat"></div>  
 -->
<script type="text/javascript">
    function verVideo(id) {
        videoUrl = "/web/site/vervideo?id=" + id;
        window.location.href = videoUrl;
    }

    function validYoutubeUrl(url) {
        var p = /^(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/;

        var result = new Object();

        if (url.match(p)) {
            result.status = true;
            result.id = RegExp.$1;
        } else {
            result.status = false;
        }

        return result;
    }

</script>
<script type="text/javascript">
    jQuery.noConflict();
    (function ($) {
        jQuery(document).ready(function ($) {
            //localStorage();

            var registroGet = "";

            $('#btn-registrar').click(function (event) {
                event.preventDefault();
                var nombre = $('#registro-nombres').val();
                var email = $('#registro-email').val();
                var numeroc = $('#registro-numero').val();
                var ciudad = $('#registro-ciudad').val();
                var linkv = $('#input-video').val();

                var videoValidate = validYoutubeUrl(linkv);

                if (videoValidate.status) {
                    $('#input-video').val("https://www.youtube.com/watch?v=" + videoValidate.id);
                    $('#userregistro').submit();
                } else {
                    alertify.alert("El link ingresado no es un video de YouTube válido.");
                }

            });

            if (registroGet) {
                //console.log("TOPES ", registroGet);
                $('html,body').animate({scrollTop: $("#registro").offset().top}, '10000');
                if (registroGet == 'true') {
                    alertify.alert("GRACIAS. Estás participando con tu video, también puedes mirar los demás videos de kataboom.");
                }
            }
        });

    })(jQuery);

</script>
<style type="text/css">

    .top_separacion {
        margin-top: 20px;
    }

    #bloquear_youtube {
        position: relative;
        margin: 0px auto;
        cursor:;
        overflow: hidden;
        border: 0px solid #000;
        width: 480px;
        height: 360px;
    }

    #bloquear_youtube iframe {
        display:;
    }

    #bloquear_youtube #image {
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
    }

    #bloquear_youtube #play {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 480px;
        height: 360px;
        background: url('play.png');
        border: 0px solid #000;
        z-index: 1;
    }

    #bloquear_youtube #play-button {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        display: block;
        width: 480px;
        height: 360px;
    }

    #bloquear_youtube #play-button:hover {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        display: block;
        width: 480px;
        height: 360px;
        background: url('play-2.png');
    }

    #bloquear_youtube #sharebox {
        display: none;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0px;
        width: 480px;
        height: 360px;
        background: transparent url("compartir_fb.png") no-repeat scroll center center;
        border: 0px solid #000;
        z-index: 2;
    }

</style>
<footer class="container-fluid">
    <div id="btn-vivees">
        <a href="https://www.facebook.com/KataboomEcuador/" target="_blank"><img src="/web/images/txt_footer.svg" alt=""></a>
    </div>
</footer>
<script src="/web/assets/ed45ab53/jquery.js"></script>
<script src="/web/assets/49e512f9/yii.js"></script>
<script src="/web/assets/49e512f9/yii.validation.js"></script>
<script src="/web/assets/49e512f9/yii.activeForm.js"></script>
<script type="text/javascript">jQuery(document).ready(function () {
jQuery('#userregistro').yiiActiveForm([{"id":"registro-nombres","name":"nombres","container":".field-registro-nombres","input":"#registro-nombres","error":".help-block.help-block-error","validateOnBlur":false,"validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Campos requeridos"});yii.validation.string(value, messages, {"message":"Nombres must be a string.","max":120,"tooLong":"Nombres should contain at most 120 characters.","skipOnEmpty":1});}},{"id":"registro-email","name":"email","container":".field-registro-email","input":"#registro-email","error":".help-block.help-block-error","validateOnBlur":false,"validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Campos requeridos"});yii.validation.email(value, messages, {"pattern":/^[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?$/,"fullPattern":/^[^@]*<[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?>$/,"allowName":false,"message":"Debe ingresar un correo válido","enableIDN":false,"skipOnEmpty":1});yii.validation.string(value, messages, {"message":"Email must be a string.","max":100,"tooLong":"Email should contain at most 100 characters.","skipOnEmpty":1});}},{"id":"registro-numero","name":"numero","container":".field-registro-numero","input":"#registro-numero","error":".help-block.help-block-error","validateOnBlur":false,"validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Campos requeridos"});yii.validation.string(value, messages, {"message":"Numero must be a string.","max":20,"tooLong":"Numero should contain at most 20 characters.","skipOnEmpty":1});}},{"id":"registro-ciudad","name":"ciudad","container":".field-registro-ciudad","input":"#registro-ciudad","error":".help-block.help-block-error","validateOnBlur":false,"validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Campos requeridos"});yii.validation.string(value, messages, {"message":"Ciudad must be a string.","max":100,"tooLong":"Ciudad should contain at most 100 characters.","skipOnEmpty":1});}},{"id":"registro-video","name":"video","container":".field-input-video","input":"#input-video","error":".help-block.help-block-error","validateOnBlur":false,"validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Campos requeridos"});yii.validation.string(value, messages, {"message":"Video must be a string.","max":300,"tooLong":"Video should contain at most 300 characters.","skipOnEmpty":1});}}], []);
});</script>    <!--<div id="logo-tia"><img src="/web/images/logo-tia.svg"/></div>-->
</body>
</html>
