/*************************BARRA DE NAVEGACION CON JS****************/
/* Create a sticky/fixed navbar */
#imagen-logo{
    width: 25%;
    transition: 0.4s
}
#imagen-logo-contacto{
    width: 50%;
}
#navbar {
    overflow: hidden;
    background-color: black;
    padding: 5px 10px; /* Large padding which will shrink on scroll (using JS) */
    transition: 0.4s; /* Adds a transition effect when the padding is decreased */
    position: fixed; /* Sticky/fixed navbar */
    width: 100%;
    top: 0; /* At the top */
    z-index: 99;
  }
  #navbar:hover{
     background-position-x:300px ;
    background-repeat: no-repeat;
    background-size: 54%;
    background-image: url(../img/Avi-nav-2.png);
    background-color:rgb(215, 25, 32);
    color: black;
  }
  
  /* Style the navbar links */
  #navbar a {
    float: left;
    color: rgb(215, 25, 32);
    text-align: left;
    padding: 12px;
    text-decoration: none;
    font-size: 18px;
    line-height: 25px;
    border-radius: 4px;
  }
  
  #navbar a img{
    margin-left: 100px;
  }
  /* Style the logo */
  #navbar #logo {
    font-size: 35px;
    font-weight: bold;
    transition: 0.4s;
  }
  
  /* Links on mouse-over */
  #navbar a:hover {
    background-position-x:300px ;
    background-repeat: no-repeat;
    background-size: 54%;
    background-image: url(../img/Avi-nav-2.png);
    background-color:rgb(215, 25, 32);
    color: black;
  }
  
  /* Style the active/current link */
  #navbar a.active {
    border-left: #140f07;
    background-color: rgb(215, 25, 32);
    color: white;
    
  }
  
  /* Display some links to the right */
  #navbar-right {
    float: right;
    transition: 0.4s;
    margin-top: 85px;
  }
  
  /* Add responsiveness - on screens less than 580px wide, display the navbar vertically instead of horizontally */
  @media screen and (max-width: 580px) {
    #navbar {
      padding: 20px 10px !important; /* Use !important to make sure that JavaScript doesn't override the padding on small screens */
    }
    #navbar a {
      float: none;
      display: block;
      text-align: left;
    }
    #navbar-right {
      float: none;
    }
  }
  /************************FIN BARRA NAV JS****************/

/*.navbar{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;

}*/
.titulo__pagina h1{
    margin-top: 85px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 700;
    }
.subtitulo__pagina h2{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 700;
}
.rowFlyerInicio{
    margin-top: 20px;
    margin-bottom: 100px;   
}
.rowFlyerInicio h5{
    font-size: 25px;
    font-weight: 500;
}
.texto__inicio{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    font-size: 25px;
}
.rowCards{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    background: black;
}
.card-deck{
   margin: 20px;
} 
.rowNavBar{
    padding: 10px 10px;
    background: rgb(109, 110, 113);
    display: flex;
    position: fixed;
    z-index: 10;
}
.nav-link{
    text-transform: uppercase;
    font-weight:500;
    font-size: 20px;
    }
    
.rowBanerClases{
    margin-top: 50px;
    margin-bottom: 50px;
}
.clases__banner--formato {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    padding: 25px 25px;
    text-align: center;
    text-transform: uppercase; 
}
.clases__banner--formato a{
    margin-top: 10px;
    margin-bottom: 10px;
}
.clases__texto--formato{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center; 
}
.rowTextoVideo{
    display: flex;
    flex-direction:row;
    flex-wrap: nowrap;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 35px;
    font-size: 25px;
    font-weight: 800;
    text-transform: uppercase;
}
.iframeVideoInicio{
    padding: 20px 10px;
    background:black;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.rowVentajas{
    margin-top: 100px;
    margin-bottom: 75px;
    background-image: linear-gradient(to top, #ffffff, #f2f2f3, #e4e5e8, #d6d8dc, #c8cbd1, #c8cbd1, #c8cbd1, #c8cbd1, #d6d8dc, #e4e5e8, #f2f2f3, #ffffff);    
}
.Ventajas{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-between;
}
.Ventajas h5{
    font-size: 20px;
}
.pinPma{
    margin-top: 50px;
}
.rowRedes{
    background: red;
    padding: 50px;
} 
.titulo__redes{
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 50px;
    text-align: center;
}
.botonComenzar{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 25px 25px;
    padding: 20px 20px;
}
.btn-primary {
color: #fff;
background-color: #CC0000;
border-color: #CC0000; 
}
.btn-primary:hover {
    color: #fff;
    background-color: #a60000;
    border-color: #990000; 
}
.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #a60000;
    border-color: #990000;
    box-shadow: 0 0 0 0.2rem rgba(212, 38, 38, 0.5); 
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #CC0000;
    border-color: #CC0000; 
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #990000;
    border-color: #8c0000; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(212, 38, 38, 0.5); 
}
.footer__redes--formato {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
 
}
.footer__contacto--formato {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center; 
}
.iconPlace{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
}
.iconPlace img{
    margin-left: 105px;
    width: 20%;
    
}
.iconPlace h4{
    text-align: center;
}
.iconPlace p{
    text-align: center;
}
.banerContacto{
    display: flex;
    text-align: center;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content:center;
    background: rgb(215, 25, 32);
    color: white;
    }
.banerContacto h1{
    font-size: 40px;
    text-transform: uppercase;
}
.banerContacto p{
    font-size: 22px;
    font-weight: 700;
}
/*iframe responsive*******************************************************************/
#Iframe-Liason-Sheet {
    max-width: 760px;
    max-height: 1200px;
    overflow: hidden;
}
    /* inner wrapper: make responsive */
.responsive-wrapper {
    position: relative;
    height: 0; /* gets height from padding-bottom setting */
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}
.responsive-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
}
/* padding-bottom = h/w as a % */
.responsive-wrapper-wxh-760x1200 {
    padding-bottom: 363.6364%;
}

.center-block-horiz {
    margin-left: auto !important;
    margin-right: auto !important;
}
.rowBanerContacto{
    margin-top: 40px;
    margin-bottom: 50px;
}
.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #CC0000;
    background-color: #fff;
    border: 1px solid #dee2e6; 
}
.page-link:hover {
    z-index: 2;
    color: maroon;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: rgb(215, 25, 32); }
.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(204, 0, 0, 0.25); 
}
footer{
  border-top: #140f07 solid 4px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 30px 30px; 
}
.footer__redes--formato {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: space-between; 
}
.clasesDefensa__titulo--fuente {
   margin-top: 200px;
    font-family: impact,san serif;
    font-size: 50px;
    font-weight: 500;
    text-transform: uppercase; 
}
.requisitos__lista--formato ul{
    font-size: 20px;
    margin-top: 40px;      
}
.requisitos__img--formato {
    box-shadow: 2px 2px 5px #999; 
}     
.clasesRegulares__texto--formato{
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    text-align: justify;
    
}
.rowTarjetas{
    padding: 25px 25px;
    margin: 50px 50px;
    background: black;
}
.clasesRegulares__titulo--formato{
    font-size: 45px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
}
.clasesParticulares{
    border: rgb(215, 25, 32) solid 10px;
    margin: 50px 50px;
}
.clasesParticulares:hover{
    transform: scale(110%);
    box-shadow: 2px 2px 5px #999;
}
.clasesOnline{
    margin: 50px 50px;
    border: rgb(215, 25, 32)solid 10px;
}
.clasesOnline:hover{
    transform: scale(110%);
    box-shadow: 2px 2px 5px #999;
}
.banner__clasesOnline--formato{
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
}
.requisitos__lista--formato{
    text-align:center;
    margin: 0px;
}
.requisitos__titulo--formato{
    font-weight: 800;
    font-size: 30px;
    text-transform: uppercase;  
    text-align: center;
    margin: 20px 0px;
}
.rowCardClases{
    background: #140f07;  
    margin-top: 50px;
    margin-bottom: 50px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    background: black;
}
.rowCardCaballito:hover{
    transform: scale(120%);
    font-weight: 700;
}
.rowCardDevoto:hover{
    transform: scale(120%);
    font-weight: 700;
}
.imgPma{
    max-height: 45%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.imgPma2{
    margin-top: 100px;
}
.pma__texto--formato{
    margin: 25px 20px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction:column ;
    justify-content: center; 
}
.pma__texto--formato h2{
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
}
.pma__texto--formato p{
    font-size: 18px;
}
.pma__texto{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
 .rowBiografiaKyoshi{
        border-top: #140f07 solid 4px;
        padding-top: 50px;
      }
      .pma__tituloBiografia--formato {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center; }
        .biografia__titulo--formato{
            font-size: 35px;
            font-weight: 700;
            text-align: center;
            padding: 25px 25px;
            background: rgb(215, 25, 32);
        }
        .rowBiografia{
            margin: 50px 20px;
        }
        .rowBiografia h3{
          text-transform: uppercase;
          font-weight: 700;
        }
        .rowBiografia ul li{
            font-size: 20px;
        }
        footer{
            background: black;
            color: white;
            display: flex;
            flex-direction: row;
            justify-content: space-around;
        }
        .logoFooter{
            display: flex;
            flex-wrap: nowrap;
            flex-direction: column;
            justify-content: center;
        }

        
        
        @media only screen and (min-width: 768px) and (max-width: 2000px) {
            .movil{
              display: none; } 
            .clasesMovil{
                display: none;
            }  
            .contactoMovil{
                display: none;
            } 
            .las-pmaMovil{
                display: none;
            } 
        }         
        @media only screen and (min-width: 0px) and (max-width: 767px) {
            .desktop{
                display: none;
            }
            .desktopClases{
                display: none;
            }
            .contactoDesktop{
                display: none;
            }
            .las-pmaDesktop{
                display: none;
            }
            /*.bannerInicioMovil{
                background-image: url(../img/clases-de-defensa-personal.JPG);
                background-size: 100%;
                background-position:center;
                color: white;
                font-size: 20px;
                font-weight: 700;
                padding-top: 100px;
            }*/
            .iframeVideoInicio{
                padding:20px 0px;

            }
            .footer__redes--formato {
                display: flex;
                flex-wrap: nowrap;
                flex-direction: row;
                justify-content: center; 
            }
            .sedes{
                background: black;
                color: white;
                display: flex;
                flex-wrap:nowrap;
                flex-direction: column  ;
                justify-content: center; 
                text-align: center; 
                
            }
            .sedeCaballito{
                margin-top: 25px;
                text-align: center;
                font-weight: 700;
                display: flex;
                flex-wrap: nowrap;
                flex-direction:row;
                justify-content: center;
            }
            .sedeCaballitoModal{
                margin-top: 25px;
                text-align: center;
                font-weight: 700;
                display: flex;
                flex-wrap: nowrap;
                flex-direction:row;
                justify-content: center;
            }
            .sedeCaballito img{
                height: 50px;
                width: 50px;
            }
            .sedeDatos{
                
                text-align: center;
            }
            .sedeDevoto{
                margin-top: 25px;
                text-align: center;
                font-weight: 700;
                display: flex;
                flex-wrap: nowrap;
                flex-direction:column;
                justify-content: center;
            }
            .sedeDevoto img{
                height: 50px;
                width: 50px;
            }
            .sedeCañitas{
                margin-top: 25px;
                text-align: center;
                font-weight: 700;
                display: flex;
                flex-wrap: nowrap;
                flex-direction:column;
                justify-content: center;
            }
            .sedeCañitas img{
                height: 50px;
                width: 50px;
            }
            .sedeFloresta{
                margin-top: 25px;
                text-align: center;
                font-weight: 700;
                display: flex;
                flex-wrap: nowrap;
                flex-direction:column;
                justify-content: center;
            }
            .sedeFloresta img{
                height: 50px;
                width: 50px;
            }
            .imgFooter{
                padding-top: 20px;
                padding-bottom: 35px;
                background: black;
                display: flex;
                flex-wrap:nowrap ;
                justify-content: space-around;
                
            }
            .titulosMovil h1{
                margin-top: 10px;
                font-size: 25px;
                text-align: center;
                text-transform: uppercase;
                font-weight: 700;
            }
            .titulosMovil h2{
                font-weight: 700;
                font-size: 30px;
                text-align:center;

            }
            .ClasesKapap{
                display: flex;
                flex-wrap: nowrap;
                flex-direction:column ;
                margin: 20px 5px;
                text-align: center;
                font-size: 20px;   
            }
            .ClasesKapap h3{
                font-weight: 800;
            }
            .requisitos h3 {
                display: flex;
                flex-wrap: nowrap;
                flex-direction:column ;
                margin: 20px 5px;
                text-align: center;
                font-size: 20px;
            }
            .requisitosTitulo{
                background: black;
                color: white;
                padding: 25px 0px;
                margin-top: 20px;
                margin-bottom: 10px;
                text-align:center;
                text-transform: uppercase;
                font-weight: 800;
            }
            .simplePractico{
                font-size: 25px;
                text-align: center;
                text-transform: uppercase;
            }
            .navbar-toggler{
                background: white;
            }
            .entrenamientoTodos{
                padding: 5px 0px;
                background: #fab904;
                color: white;
            }
            .entrenamientoTodos h3{
                margin: 10px 5px;
                text-align: center;
                text-transform: uppercase;
            }
            .entrenamientoTodos p{
                margin: 20px 20px;
                font-size: 20px;
            }
            .porIgual{
                color: red;
                font-weight: 700;
            }
            
            .lista p{
                list-style: none;
                margin: 15px 0px;
                text-align: center;
                font-size: 20px;
                font-weight: 500;
            }
            .rowBanerContacto img{
                display: none;
            }
            nav ul li a{
                color: white !important;
            }
            .footerMovil{
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                justify-content: space-around;
                margin: 15px 5px;
            }
            .modal-body{
                color: black;
                text-align: center;
                font-size: 20px;
            }
            .modal-body img{
                width: 50%;
                
            }
            .sedesDropdown{
                background: black;
                color: white;
                display: flex;
                flex-wrap:nowrap;
                flex-direction: row;
                justify-content: center;  
            }  
            .bannerClasesGrupales h4{
                margin: 5px 0px;
                font-size: 25px;
                font-weight: 700;
                text-align: center;
            } 
            .bannerClasesGrupales p{
                font-size: 20px;
                text-align: center;
            }
            .tituloClasesMovil{
                text-align: center;
            }
            .tituloClasesMovil h1{
                font-weight: 700;
            }
            .tituloClasesMovil h2{
                font-weight: 700;
            }
            .tituloClasesMovil h3{
                font-weight: 700;
                padding: 25px 25px;
                
            }
            .redes{
                text-align: center;
            }
            .redes h4{
                font-weight: 700;
            }
}
.btn-wsp{
    position:fixed;
    width:60px;
    height:60px;
    line-height: 63px;
    bottom:25px;
    right:25px;
    background:#28f339;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:35px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
    z-index:100;
    transition: all 300ms ease;
}
.btn-wsp:hover{
    background: #0ebd1d;
}
@media only screen and (min-width:320px) and (max-width:768px){
    .btn-wsp{
        width:63px;
        height:63px;
        line-height: 66px;
	}
}
@import url(https://fonts.googleapis.com/css?family=Josefin+Slab);

*, *:before, *:after {
  box-sizing: inherit;
}
* {margin:0;padding:0;border:0 none; position: relative;}
html {
  background-image: linear-gradient(to bottom, #e6eff0 80%, #eee);
  min-height: 100%;
  background-size: cover;
  box-sizing: border-box;
  font-family: Josefin Slab, sans serif;
}
body {
  height: inherit;
}
article {
  height: 80vh;
  -margin-bottom: 5vh;
  display: flex;
  align-items: center;
  background-size: cover;  
  background-position: center;
}
article div {
  background: rgba(0,0,0,.4);
  color: #fff;
  font-size: 10vw;
  font-weight: 100;
  text-align: center;
  width: 100%;
  line-height: 1;
}
article div img{
  margin-top: 15px;
  margin-bottom: 15px;
  width: 40%;  
}
.dos {
  background-image: url(../img/clases-defensa-personal-kapap.jpg);
}
.logoMini{
    height: 50px;
    width: 100px;
}
.bg-black{
    background: black;
}

.tres{
    background-image: url(../img/Pablo-Tomassino.JPG); 
    height: 40vh;
    background-size: cover;  
    /*background-position-y: -120px;*/
}
.cuatro{
    background-image: url(../img/supera-limites.JPG); 
    height: 40vh;
}
.cinco{
    background-image: url(../img/Monica-Campos.jpg); 
    height: 40vh;
}
.movil{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.caja { 
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
    color: #ffffff; 
    font-size: 18px; 
    font-weight: 400; 
    text-align: center; 
    background: #cd0000; 
    margin: 0 0 25px; 
    overflow: hidden; 
    padding: 20px; 
    border-radius: 35px 0px 35px 0px; 
    -moz-border-radius: 35px 0px 35px 0px; 
    -webkit-border-radius: 35px 0px 35px 0px; 
    border: 2px solid #f70606;}
.rowBeneficios{
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
    color: white;
    background: black;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-top: 5px;
}
.rowBeneficiosDesktop{
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
    color: white;
    background: black;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    padding-top: 5px;
}
.IconoViolencia{      
    
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    margin-left: 50px;
    
}
.IconoResultados{
    margin-left: 45px;
}
.IconoResultados p img{
    margin-right: 5px;
}
.logoMenu{
    height: 55%;
    width: 55%;
}
.clasesSedeX{
    padding: 10px 10px;
    text-align: center;
    color: white;
    background: black;
}
.tituloInicioMovil{
    font-weight: 800;
    font-size: 30px;
}
.imgCaballito{
    
}






















*{font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; }