/*
 Created on 01-feb-2017
 Author: Plissken <llamameserpiente@insyde.es>
 Copyright 2017 INSYDE S.L. All rights reserved.
 INSYDE S.L. PROPRIETARY/CONFIDENTIAL. Use is subject to license terms
*/
/* 
    Created on : 01-feb-2017, 10:31:31
    Author     : Plissken <llamameserpiente@insyde.es>
*/
@font-face {
	font-family: 'Circular';
	src: url('../fonts/royal/CircularStd-Book.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Circular';
	src: url('../fonts/royal/CircularStd-BookItalic.otf') format('opentype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Circular';
	src: url('../fonts/royal/CircularStd-Book.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Circular';
	src: url('../fonts/royal/CircularStd-BookItalic.otf') format('opentype');
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: 'Circular';
	src: url('../fonts/royal/CircularStd-Medium.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Circular';
	src: url('../fonts/royal/CircularStd-MediumItalic.otf') format('opentype');
	font-weight: 700;
	font-style: italic;
}
body{
    font-family:'Circular',sans-serif !important;
    overflow-x:hidden !important;
}
header{
    background-color: transparent;
    position: fixed !important;
    top:0;
    padding:50px 55px !important;
    z-index:20;
    transition: all .5s;
}
header.alternate{
    padding: 50px 55px 25px 55px !important;
    background-color: #fff;
}
header h3{
    padding:0;
    margin:0;
    font-family:'Circular',sans-serif;

}
#mainMenu{
    /*min-height:100vh;*/
    height:100vh;
    padding-right:55px;
    padding-left:0;
    transition: all .5s;
    position:fixed;
    top:0;
    right:-100%;
    z-index:25;
    display:block;
    overflow:auto;
}
#mainMenu.open{
    right:0;
    display:block !important;
}
#mainContent{
    padding:0 55px;
    margin-top:100px;
}
#newsEvents{
    padding:0 55px;
    margin-top:75px;
    /*margin-bottom:25px;*/
    margin-bottom:135px;
}
footer{
    min-height:55px;
    line-height: 55px;
    padding:0 40px;
    position:relative;
}
.no-gutter{
    padding-left:0 !important;
    padding-right:0 !important;
}
.no-gutter-left{
    padding-left:0 !important;
}
.no-gutter-right{
    padding-right:0 !important;
}
.buttonSvg{
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    padding:0;
    overflow:hidden;
}
.panelMenu{
    background-color: transparent !important;
    border-color: transparent !important; 
}
.panelGroupMenu{
    margin-bottom: 0 !important;
}
.innerContent{
    padding-top:135px;
    padding-bottom: 135px;
    padding-left:40px;
    padding-right: 40px;
    min-height: calc(100vh - 55px);
}
.innerContent a:hover,.innerContent a:focus{
    text-decoration: none !important;
}
.innerContent .img-responsive{
    width:100% !important;
    
}
#footerFirst{
    /*transition:all .4s;*/
}
/*** MENU BUTTON ***/
#menuCerrar{
     position: relative;
     float: right;
     width:45px;
     margin-top:35px;
     outline: none !important;
}
#menu{
    position: relative;
    float: right;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    padding:0;
    overflow:hidden;
}
#menu:active,#menu:focus,#menuCerrar:active,#menuCerrar:focus,#menuCerrar:active ,#menuCerrar:focus{
    border:none !important;
    outline: none !important;
}

.icon-bar{
    display: block;
    width: 35px;
    height: 5px;
    border-radius: 1px;
    /*background-color:#000;*/
    position:relative;
    left:0;
    transform-origin: 50% 50%;
    transition: transform 0.25s;
    transition: all .5s;
}
#menu .icon-bar + .icon-bar {
    margin-top: 5px;
}

#menu.animeScroll .icon-bar,
#menu:hover .icon-bar{
    animation: muevemenu 1s ease-out forwards 1;
    animation-delay: 0s
    /*animation-iteration-count: 1;
    animation-fill-mode: forwards;*/
}
#menu.animeScroll .icon-bar + .icon-bar,
#menu .icon-bar + .icon-bar {
   animation-delay: 0.3s
}
#menu.animeScroll .icon-bar + .icon-bar + .icon-bar,
#menu .icon-bar + .icon-bar + .icon-bar {
   animation-delay: 0.6s
}
/*** MENU UL **/
#mainMenu>.menuContainer{margin-top:50px;}
.menuContainer{
    /*clear:both;*/
    list-style:none;
}
.menuItem>.menuContainer{
    padding-left:20px;
}
hr{margin-left:40px;}
#bbContainer{
    position:relative;
    width:100vw;
    height:100vh;
    /*box-shadow:0 0 15px #000;*/
}
.shine{
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:3;
}
.shine div{
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    /*background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%);*/
}
.bigBannerContainer{
    height:100vh;
    width:100vw;
    background-color: #ccc;
    /*background-position: center;*/
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-size: 110%;*/
    /*animation: animatedBackground 30s alternate ease-in-out infinite;*/
    transition-duration: 700ms;
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition-property: opacity;
    position:absolute;
    top:0;
    left:0;
    display:block;
    opacity:0;
    z-index:0;
}
.bigBannerContainer:first-child{
    
    opacity:1;
    z-index:1;
}
#scrollText{
    position: absolute;
    bottom: 55px;
    text-align: center;
    font-family:'Circular',sans-serif;
    font-weight: 500;
    /*color: #fff;*/
    font-size: 20px;
    width:100%;
    z-index:5;
    
}
#filtraAgenda{
    padding: 4px 20px !important;
}
#scrollText span{
    animation: pulsate 2s ease-out;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards;
    cursor:pointer;
}
.mapaImg{
    max-width:190px;
    margin-left:5px;
    margin-top:5px;
}
/** Logo ***/
#logo1,#logoHeader{
    max-width:295px;
    opacity:0;
    transition: 1s all;
}
#logoHeader{
    max-height:50px;
    position:fixed;
}
#logo{
    position: absolute;
    top:50vh;
    width: 100%;
    left: 0;
    text-align: center;
    z-index:20;
    pointer-events: none;
}
.dataRotated{
    transform: rotate(270deg);
    display: inline-block;
    top: -18px;
    right: -50px;
    transform-origin: bottom right;
    position: absolute;
}
/**** Contenido ****/
.shareSvg{
    width:15px;
    vertical-align:middle;
}
.shareLink,.shareLink:hover,.shareLink:active,.shareLink:focus,.shareLink:visited{
    text-decoration:none;
    margin-left:15px;
}
.shareRRSS{
    margin-top:80px;
}
.nextEventsContainer{
 min-height: 185px;
 background-size: cover;
 background-position: center center;
 position:relative;
}
/**** AGENDA ***/
.agendaFoto{
    height:185px;
    background-position: center center;
    background-size: cover;
    position: relative
}
.noImage{
    position: absolute;
    top: 45%;
    width: 100%;
    text-align: center;
}
.agendaItem,.prodItem{
    margin-top:60px;
    height:370px;
}
.dropdown{
    display:inline-block !important;
}
#loadMore{
    text-align: center;
}
.flechaLoad{
    max-width:35px;
}
.innerMeteoIcon{
    max-width: 75px;margin-left: auto;margin-right:auto;display:block;
}
.meteoCol{
    text-align:center
}
/** Apartados Comerciales **/
.rowContact div{
    margin-bottom:55px;
}
.rowContact span{
    text-decoration: underline;
}
.prodImgContainer{
    width:100%;
    height:345px;
    background-color:#ccc;
    background-size: cover;
    background-position: center center;
}
.formOutlet{
    margin-top:25px;
}

.downPDF{
    margin-top:25px;
    margin-bottom:25px;
}

.prodMinimgContainer{
    margin-top:15px;
}
.prodMiniImg{
    background-color:#ccc;
    background-size: cover;
    background-position: center center;
    height: 50px;
    border: 1px solid #0000ff;
    margin-right:18px;
    width:80px;
    float:left;
    margin-bottom:15px;
}
.prodMiniImg:last-child{
    margin-right: 0;
}
.prodMiniImg.clickable{
    border:none;
    cursor:pointer;
}
.chartHead{
    color:#0000ff;
    font-family: 'Circular',sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}
.estacionFooter{
    text-align:center;
    text-transform: uppercase;
    margin-top: 30px;
}
.estacionFooter a{
    margin:15px;
}
.estacionLink{
    margin:15px;
}
.module{opacity:0}
.come-in {
  transform: translateY(250px);
  animation: come-in 2s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 1.2s; /* So they look staggered */
}

.grecaptcha-badge{
         bottom:90px !important;
     }

/**** Animaciones ****/
@keyframes come-in {
  to { transform: translateY(0); opacity:1}
}
@keyframes pulsate {
    0% {transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {transform: scale(1.2, 1.2); opacity: 0.0;}
}
@keyframes muevemenu{
    0%{opacity:1;left:0}
    49%{opacity:1}
    50%{left:37px;opacity:0}
    51%{left:-37px;opacity:1}
    100%{left:0;opacity:1}
}
@keyframes animatedBackground{
    0%{background-position:0 0;}
     
    100%{background-position:100% 0;}
}
/****** MEDIA QUERYS **********/
.fontMini{
    font-size:11px !important;
    line-height:14px !important;
    font-family:'Circular',sans-serif !important;
}
.fontMed{
    font-size:14px !important;
    line-height:19px !important;
    font-family:'Circular',sans-serif !important;
}
.fontMax{
    font-size:21px !important;
    line-height:27px !important;
    font-family:'Circular',sans-serif !important;
}
.homeImg{
    max-width:370px !important;
}
@media (min-width: 1281px){
    /*.fontMini{
        /*font-size:16.5px !important;
        line-height:21px !important;*/
    /*    font-family:'Circular',sans-serif !important;
        /*font-size:.9vw*/
    /*    font-size:.65vw !important;
        line-height: 1.1vw !important;  
        
    }
    .fontMed{
        /*font-size:21px !important;
        line-height:28.5px !important;*/
    /*    font-family:'Circular',sans-serif !important;
        /*font-size:1.2vw*/
   /*     font-size: .85vw !important;
        line-height: 1.5vw !important;

    }
    .fontMax{
        /*font-size:31.5px !important;
        line-height:40.5px !important;*/
     /*   font-family:'Circular',sans-serif !important;
        /*font-size:1.5vw*/
    /*    font-size: 1.2vw !important;
        line-height: 2.1vw !important;

    }*/
    #logo1{
      max-width:442.5px;  
    }
    .homeImg{
        max-width:555px !important;
    }
    .mapaImg{
        max-width:285px;
    }
    .shareSvg{
        width:22.5px;
    }
    .nextEventsContainer{
      min-height:  277.5px;
    }
    .agendaFoto{
        height:277.5px;
    }
    .agendaItem,.prodItem{
        height:555px;
    }
    .prodImgContainer{
        height:520px;
    }
    .prodMiniImg{
        height:75px;
        width:120px;
        margin-right:32px;
    }
}
@media(max-width:1280px){
    .selectCom button{height:25px;line-height: 18px}
    .comSearch{
        padding:8px 20px !important;
    }
    #filtraAgenda{
        padding: 4px 20px !important;
    }
}
@media(max-width:768px){
    header, header.alternate{
        padding: 50px 25px !important;
    }
    #headerText.noIndex>a{
        display:none
    }
    body.open{
        overflow:hidden !important;
    }
    footer{
        line-height: 32px !important
    }
    .grecaptcha-badge{
         /*bottom:0 !important;*/
         display:none;
    }
    #formSubs>div.checkbox.checkbox-primary{
        margin-top: 0px;
        margin-bottom: 25px;
    }
    #formSubs>button.invisibleCaptcha{
        top: auto;
        bottom: 0px;
        right: 35%;
        width: 25%;
        margin-top: 25px;
    }
}

@media (max-height:767px){
   /* #mainMenu{position:absolute !important}*/
    #buttonsContainer{padding-top:15px !important; padding-left:40px}
}
.breadCrumbsPoi, .breadCrumbsShowRuta, .titolPoi, #titolPag, .titolBambu, .titolPerDefecte{
    display:none;
}

/** Subscribe **/
input[type="date"].form-control{
    line-height: initial !important;
}