@import url('https://fonts.googleapis.com/css?family=Lato:300,900|Montserrat|Open+Sans:300,400');

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700');

@import url('https://fonts.googleapis.com/css?family=Kaushan+Script|Lobster');

@import url('https://fonts.googleapis.com/css?family=Amatic+SC:700');

body{
    font-family: 'Montserrat', sans-serif;
    background-image: url('../img/tapiz.jpg');
    color:#7a848c;

}
.gale_pro{
    padding:120px 0px !important;

    position:relative;

}

.gale_pro img{
    position: absolute;
    width: 95%;
    height: 95%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    object-fit: cover;
}

#filtros-inicio a{
    color: #a78c00;
    text-decoration: none;
    font-size: 17px;
    border: 1px solid #a78c00;
    padding: 13px;
}

#spinner1{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: white;
    background-image: url('../img/tapiz.jpg');
    z-index:50;
    
}

#spinner1 img{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    width: 40%;
    animation: intro 3s infinite;
}

@keyframes intro{
    
    0%{transform:scale(1);}
    50%{transform:scale(1.1);}
    100%{transform:scale(1);}
}

.menu li {position: relative;}
.menu ul {visibility: hidden;opacity: 0;margin: 0;padding: 0;width: 200px;position: absolute;left: 0px; margin-top: 10px;background: transparent;z-index: 99;transform: translate(0,20px);transition: all 0.2s ease-out; height: auto;}
.menu ul:after {bottom: 100%;left: 20%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 6px;margin-left: -6px;}
.menu ul li {display: block;float: none;background:#001626;margin: 0; text-align:left; margin-top: 5px; color:white; position:relative;}
.menu ul li ul li {display: block;float: none;background: none;margin: 0;padding: 10px; margin-top: -10px; margin-left: 16px !important;}
.menu ul li a {font-size: 14px;display: block;color: #FFF;background: transparent; padding: 10px;}
.menu ul li a:hover,.menu-1 ul li:hover>a {background: transparent;color: gold;}
.menu li:hover>ul {visibility: visible;opacity: 1;transform: translate(0,0);}
.menu ul ul {left: 169px;top: 0px;visibility: hidden;opacity: 0;transform: translate(20px,20px);transition: all 0.2s ease-out;}
.menu ul ul:after {left: -6px;top: 10%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-right-color: #fff;border-width: 6px;margin-top: -6px;}
.menu li>ul ul:hover {visibility: visible;opacity: 1;transform: translate(0,0);}

#logo-movil,#icon-menu{
    display:none;
}

.bloque-inferior{
    background:white;
    padding:25px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 15px;
    position:relative;
    padding-bottom:50px;
    color:white;
}

.bloque-inferior h2{
    color: #a78c00;
}

.bloque-inferior img{
    position: absolute;
    right: 25px;
    bottom: 25px;
}

.bloque-inferior button{
    background:transparent;
    border:1px solid white;
    padding:5px 25px;
    color:white;
    
}

#topbar{
    background:white;
}


#redes-superior li a {
    color:#c7a805;
    font-size:22px;
}

.sli-tp {
    	font-size: 46px;
    	color: #FFF;
    	margin: 0px 0px;
    	text-align: left;
    	font-family: 'Lobster', cursive;
    	font-weight: 900;
    	line-height: 35px;
    	text-shadow: black 0px 0px 15px;
	}

	.sli-tp b{
		font-size:3.5rem;
	}


        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 032 css*/
        .jssorb032 {position:absolute;}
        .jssorb032 .i {position:absolute;cursor:pointer;}
        .jssorb032 .i .b {fill:#fff;fill-opacity:0.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.25;}
        .jssorb032 .i:hover .b {fill:#000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35;}
        .jssorb032 .iav .b {fill:#000;fill-opacity:1;stroke:#fff;stroke-opacity:.35;}
        .jssorb032 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 051 css*/
        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}





#map iframe{
    width:100%;
    min-height:250px;
    margin:25px 0px;
    margin-bottom:40px;
}

#logo-gen{

    padding: 10px 0px; 
    margin-left: 0px; 
    float:left; 
    position: absolute; 
    left: 0; 
    margin-top: -80px;
}


#logo-spinner{


}

.sticky #logo-gen{
    padding: 10px 0px; 
    margin-left: 0px; 
    float:left; 
    position: absolute; 
    left: 0; 
    margin-top: -85px;
  
}

#contact-form input, #contact-form textarea{
        box-shadow: 0 3px 0 0 rgba(0,0,0,.05);
    border-color: #d5d7d9;
    background: #fff;
    font-size: 1.2rem;
    margin:8px 0px;
    width: 100%;
    height: 40px;
    padding: 0 13px;
    -webkit-box-shadow: 0 3px 0 0 #00000021;
    box-shadow: 0 3px 0 0 #00000021;
    border: 1px solid rgba(0,0,0,.05);
    outline: 0;
    border-radius: 5px;
    background: #f3f3f3;
    font-weight: 400;
    line-height: 40px;
    color: #9a9a9a;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

 #contact-form textarea{
     min-height:200px;
 }

#body-pop-event{
    position:relative;
}

.cape-white{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:white;
    text-align:center;
    padding:25px;
}

.cape-white h4{
    font-size:21px;
    color:#425d72;
    font-weight:bold;
}

.cape-white button{
    padding:10px;
    color:white;
    font-size:18px;
    background:#425d72;
    border-radius:4px;
    text-decoration:none;
    border:0px;
    outline:none;
    
}

/* LOADER */

.lds-dual-ring {
  display: inline-block;
  width: 64px;
  height: 64px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #fff;
  border-color: #ff7000 transparent #ff7000 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

.lds-dual-ring span{
    position: absolute;
    bottom: -20px;
    left: -25px;
    color: #425d72;
    font-weight: bold;
}


@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* FIN LOADER */

.middle{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

.verde{
    color:#26bfa2;
}

.subtitulo{
    color:#425d72;
    font-weight:600;
}

.titulo-banner{
    position: absolute;
    top: 28%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    color: white;
}
.titulo-banner h1{
    font-weight:400;
}

.cnt-filtro{
    background:black;
    box-shadow: #808080 0px 0px 15px;
    padding:12px 0px;
}

.cnt-filtro button{
    margin:0px;
    border-radius:5px;
    background:#a78c00;
    color: white;
    font-family: 'Amatic SC', cursive;
    outline:none;
    display: inline-block !important;
    outline:none;
    font-size:24px;
    line-height:50px;
}

.cnt-filtro select, .cnt-filtro input{
    padding: 7px;
    margin-left: -5px;
    border-color: #e8e8e8;
    border-radius: 0px 5px 5px 0px;
    font-family: 'Amatic SC', cursive;
    color: #a78c00;
    font-size:24px;
    outline:none;
    background:transparent;
    border: 2px solid #a78c00;
    margin:0px 5px;
}

#menu-principal{
    background:black;
    z-index:10;
}
#menu-principal a{
    color:white;
    text-decoration:none;
    font-weight: 400;
}

#menu-principal a:hover{
    color: #a78c00 !important;
}


.sticky{background:#153b58;}


/* -----------DETALLE DE EVENTO--------------*/

.bloque-detalle{
    padding:4rem 0rem;
}

.titulo-detalle{
    color: white;
    font-size: 30px;
    margin: 10px 0px;
    font-weight:400;
    
}

.box-detalle article{
    padding:10px;
    text-align:center;
}

.box-detalle article i{
    color:#a78c00;
    font-size:18px;
}

.box-detalle article div{
    border: 1px solid #bbbbbb;
    padding: 2rem 0rem;
    border-radius: 8px;
    
}
.descripcion-detalle{
   color: white;
    line-height: 21px;
    font-size: 16px;

}
.precio-detalle{
    background:#e3701c;

    padding:0px 30px;
    color: #FFF;
    font-size:24px;
    position:relative;
    outline:none;
}

.precio-detalle:hover{
 background:#e3701c;
}

.precio-detalle::after {
    content: "";
    position: absolute;
    right: -18px;
    top: 30%;
    width: 0;
    height: 0;
    border-left: 18px solid #e3701c;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    outline:none;
}

.btn-cash{
    background: #ffeb8d;
    padding: 0px 28px;
    margin-left: 20px;
    border-radius: 32px;
    font-size: 18px;
    font-weight: bold;
    color: #24333f!important;
    text-shadow: none;
    outline:none;
}

.btn-cash:hover{
    background:#ffeb8d;
}

#panel-info-home{
    padding: 40px 0px;
    background:#1d1d1d;
    min-height:100px;
}

#panel-info-home h3{
    margin-bottom: 20px;
    font-size: 1.5rem;
    font-weight: 600;
    color: #a78c00;
}

#panel-info-home a{
    color: #7a848c;
    text-decoration:none;
}

#panel-info-home ul{
    list-style: none;
    padding:0px;
}

.cnt-pop-event{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:20;
    background:#374550e0;
}

.form-suscriptor{
    width: 400px;
    background:white;
    position:absolute;
    border-radius:8px;
    top:25%;
    left:0;
    right:0;
    margin:auto;
    box-shadow: rgba(0,0,0,0.7) 0px 0px 15px;
    height:auto;
    
}

.form-suscriptor .close-form{
    color:white;
    font-size:20px;
    position:absolute;
    top:-20px;
    right: -20px;
}

.form-suscriptor .close-form:hover{
    cursor:pointer;
}

.form-suscriptor input{
    padding:12px;
    width:100%;
    border-radius:4px;
    border:1px solid #b7b7b7;
    border-bottom:3px solid #b7b7b7;
    border-top:0px;
    color:#949090;
    margin:12px 0px;
    outline:none;
    font-size:16px;
}

.form-suscriptor input:hover{
    border-color:#949090;
    border-bottom:4px solid #949090;
    color: #949090;
}

.form-suscriptor button{
    color:white;
    background:#fa7001;
    outline:none;
    border-radius:8px;
    padding:0px 25px;
    text-transform:uppercase;
    width: 100%;
}

.header-pop{
    color:white;
    background:#425d72;
    padding: 30px 0px;
    border-radius:8px 8px 0px 0px;
}

.header-pop h2{
    color:white;
}


.header-event{
padding: 8rem 0;
background: #e0e0e0;
border: 10px solid white;
border-radius: 5px 5px 0px 0;
overflow:hidden;
position:relative;
transition: all 0.3s ease;
}
/*
.icon-text::before{
    content: "\f2d7" !important;
    font-family: FontAwesome !important;
    position:absolute;
    top:0px;
    left:0px;
}*/
.right{text-align:right;}

.img-event{
padding: 10rem 0;
width:100%;
background: #e0e0e0;
overflow:hidden;
position:relative;
transition: all 0.3s ease;
border:7px solid white;
}
.right{text-align:right;}





.filtro {

    position: absolute;
    width: 118%;
    height: 100%;
    bottom: -86px;
    /* border-radius: 5px 5px 0 0; */
    /* background: rgba(38,191,162,.2); */
    /* -webkit-transition: all 0.3s ease; */
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-event-portada{
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    object-fit:cover;
    
}


.event{padding:20px}

.event_desc{
    min-height:110px;
    height:100%;
}

.info-event{
    color:#7a848c;
    padding:25px;
    padding-top:10px;
    background:white;
    position:relative;
}
.info-event a{
    text-decoration:none;
}
.info-event hr{
    border:0;
    border-top: 1px dashed #ccc;
}

.info-event h2{
    font-weight:400;
    color:#153b58;
    font-size: 1.2rem;
    min-height: 55px;
    
    
}

.info-event p{
    font-size: 0.8rem;
    line-height: 1.4rem;
    padding: 0px 10px;
}

.btn-Gratis {
    background: #a78c00;
    font-size: 1rem;
    padding: 0px 15px;
    font-weight: 400;
    color: white !important;
    font-weight:bold;
    border-radius: 4px;
    outline:none;

}

.btn-Gratis:hover, .btn-Pago:hover{
    background:#a28902;
}


.btn-Pago{
    background: #a78c00;
    font-size: 1rem;
    padding: 0px 15px;
    font-weight: 400;
    color: white !important;
    font-weight:bold;
    border-radius: 4px;
    outline:none;

}

.footer-event{
    text-align:right;
        margin-top: 12px;
}

#panel-inferior{
    padding-top: 85px;
    padding-bottom: 85px;
    border-bottom: 7px solid #374d5e;
    background: #425d72;
    overflow: hidden;
}

.img-bottom-header{
    position:absolute;
    bottom:-15px;
    left:0;
    width:100%;
}





#banner{
    padding:9rem 0;
    position:relative;
    background: #000;
}

#banner .img-banner-background{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    object-fit:cover;
    
}

#banner h1{
    color:#a78c00;
}


#frm-registro-cliente{
    padding: 25px;
    background: white;
    border-radius: 2px;
    margin: 30px 0px;
    box-shadow: #00000030 0px 0px 25px;
}

#header-list-icon i{
    font-size:25px;
}

#panel-superior a{
    color: white;
}

@media(max-width: 32em){
    
    #filtros-inicio a{
        display:block;
    }
    
    .info-event h2{
        margin:5px;
    }
    .bloque-detalle { padding:10px 0px;}
    
    .s-center{text-align:center !important;}
    
    .bloque-detalle{
        text-align:center;
        padding:25px !important;
    }
    
    .bloque-detalle .ed-item{
        padding-right:15px !important;
        padding-left:15px !important;
    }
    
    #info-descripcion{
        border-right:0px !important;
        padding:15px !important;
    }
    
    .form-suscriptor{
    width: 87%;
    margin: 15px;
    top: 50%;
    left: 50%;
    transform: translate(-57%, -55%);
    
    }
    
    .header-pop {
    color: white;
    background: #425d72;
    padding: 30px 15px;
    border-radius: 8px 8px 0px 0px;
}

#menu-resp{
     margin-top: 1.5rem;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    display:none;
}

#redes-superior{
    display:none;
}

#menu-resp li{
    display: block;
    width:100%;
}

#logo-movil{
    display:inline-block !important;
    width: 90px;
}

#icon-menu{
    display:block;
}


.bullet-menu{
    display:none !important;
}

#menu-resp a:hover{
    color: #c7a805;
}

#filtros-inicio li{
    display: block;
    width: 100%;
}

#banner {
    padding: 4rem 0;
    position: relative;
}

.titulo-banner{
    top:4%;
}

.cnt-filtro select, .cnt-filtro input{
    width: 100% !important;
    margin: 10px 0px;
    outline:none;
    
}

.filtro-nivel, .filtro-modalidad{ 
    width:50% !important;
    margin:5px 0px;
}

.filtro-categorias{
    margin-left:0px !important;
}

.cnt-filtro button{
width: 100%;
}

#spinner1 img{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    width:70%;

    animation: intro 3s infinite;
}

#topbar{
    background:black;
}

}