/*UTILS*/
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
button:focus { border-color: none; box-shadow: none; outline: 0 none; }
a, button, input[type="submit"] { color: inherit; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; 
    -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
a:hover { text-decoration: none; opacity: 0.8; color: inherit;}
:focus { outline: none; }

.go-up { position: fixed; bottom: 0; right: 15px; font-size: 54px; color: #525252; z-index: 99; }

/*MARGINS*/
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-15{margin-bottom: 15px;}
.margin-bottom-30{margin-bottom: 30px;}
.margin-bottom-40{margin-bottom: 40px;}
.margin-bottom-50{margin-bottom: 50px;}

/*TOP*/
.navbar{background-color: transparent;}
.navbar:not(.fixed-top) { display: block!important; opacity: 1!important;}
.navbar .navbar-brand img { max-width: 175px; }
.navbar-light .navbar-toggler { border: none; color: #000000; font-size: 24px; }
.navbar-light.fixed-top .navbar-toggler { color: #fff; }
.navbar-nav { background-color: #fff; width: 215px; }
.navbar-nav .nav-item { padding-left: 15px; padding-right: 15px; }
.navbar-nav .nav-link { border-bottom: 1px solid #e5e5e5; font-size: 16px; font-weight: 700; color: #000000!important; }
.navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover { color: #949292!important; opacity: 1!important; }
.navbar-nav .nav-item.idiomes{padding: .5rem 15px; font-size: 12px;}
.navbar-nav .idioma { font-weight: 700; color: #000000!important;}
#navbarCollapse { top: 30px; right: 55px; position: absolute; z-index: 100; 
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }

.navbar-negre { background-color: rgba(0, 0, 0, 0.9); padding: 0!important;}
.navbar-negre .navbar-nav { background-color: transparent; padding: 5px 0!important; }
.navbar-negre .navbar-nav .nav-link { color: #fff!important; border-bottom: 0;}

@media (min-width: 576px){
    .navbar .navbar-brand img { max-width: 300px; }
}

/*SLIDER FIXES*/
.slick-slide{height: auto;}

/*INICI*/
.slider-inici { height: 100vh!important; overflow: hidden; color: #fff;}
.slider-inici .slick-slide { background-position: center; background-size: cover; background-repeat: no-repeat; }
.slider-inici .row {height: 100vh!important; text-align: center;}
.slider-inici .titol{font-size: 28px; font-weight: 700; margin-bottom: 35px;}
.slider-inici .subtitol{font-size: 18px; font-weight: 300;}
.slider-inici .link-slider{border-radius: 3px; background-color: #251e14; border: none; padding: 9px 27px; color: #fff; cursor: pointer; font-weight: 700;
    margin-top: 30px; display: inline-block; font-size: 14px; margin-bottom: 15px;}
.slider-inici .slick-arrow { background-color: #ffffff; z-index: 1040; display: block; width: 30px; height: 30px;
    border-radius: 50%; }
.slider-inici .slick-prev { left: 5px; }
.slider-inici .slick-next { right: 5px; }
.slider-inici .slick-prev:hover, .slider-inici .slick-next:hover { background: rgba(255, 255, 255, 0.8); }
.slider-inici .slick-prev:focus, .slider-inici .slick-next:focus { background: rgba(255, 255, 255, 0.9); }
.slider-inici .slick-prev:before, .slider-inici .slick-next:before { font-size: 26px; color: #000; }
.slider-inici .slick-prev:before{ margin-right: 3px; }
.slider-inici .slick-next:before{ margin-left: 3px; }
.slider-inici .row .col-12 { background-color: rgba(0,0,0,0.6); padding-top: 25px; padding-bottom: 25px; }
.logo-slider { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background-color: rgba(0,0,0,.5); padding: 30px;}

@media (max-width: 575px){
    .slider-inici .row .col-12 { padding: 0 45px; }
}

@media (min-width: 576px){
    .slider-inici .slick-prev { left: 20px; }
    .slider-inici .slick-next { right: 20px; }
}

/*COMUNS*/
.link{border: 1px solid #d9d9d9; border-radius: 3px; color: rgba(0, 0, 0, 0.5); padding: 10px 15px;
    margin-top: 20px; margin-bottom: 60px; display: inline-block; font-weight: 700; display: inline-block}
a.document { display: inline-block; background-color: #e2e2e2; padding: 10px 20px; margin-bottom: 15px;
    margin-right: 15px; color: #000000; }
a.document .fa{ margin-right: 5px; }   

/*SECCIONS*/
.slider-seccio .slick-arrow { display: none!important; top: 150px;}
.slider-seccio .slick-prev { left: 0; }
.slider-seccio .slick-next { right: 0; }
.slider-seccio .slick-prev:hover, .slider-seccio .slick-next:hover { opacity: .8; }
.slider-seccio .slick-prev:focus, .slider-seccio .slick-next:focus { opacity: .9; }
.slider-seccio .slick-prev:before, .slider-seccio .slick-next:before { color: #b9b9b9; font-size: 30px; }
.slider-seccio-fotos .slick-dots > li:only-child { display: none;}
.slider-seccio .block-slider { min-height: 300px;}
.fons-seccio{background-color: #fff; padding: 30px; margin-bottom: 30px;}
.seccio{background-color: #f1f1f1; padding-top: 50px; padding-bottom: 50px;}
.seccions-list {text-align: center; margin-bottom: 40px;}
.seccions-list button { background-color: #ffffff; padding: 4px 20px; display: inline-block; margin-left: 7px; margin-right: 7px;
    margin-bottom: 15px; border: none; border-radius: 30px; font-weight: 500; cursor: pointer; }
.seccions-list button:hover{opacity: 0.6}    
.seccio h3{margin-bottom: 35px; font-size: 24px; font-weight: 700;}    
.seccio .text{margin-bottom: 15px;}
h1.titol-seccio, h3.titol-seccio { margin-top: 75px; margin-bottom: 30px; font-size: 24px; font-weight: 700; }

@media (min-width: 768px){
    .slider-seccio .slick-arrow { background-color: transparent; z-index: 99; display: block!important; width: 50px; height: 70px; }
    .seccions-list {margin-bottom: 60px;}
    .seccio{padding-bottom: 80px;}
}

/*ESDEVENIMENTS*/
.esdeveniments .esdeveniment-block{ height: 275px; background-size: cover; background-position: center;
    background-repeat: no-repeat; color: #fff; text-align: center; margin-bottom: 5px; border: 1px solid #f1f1f1;}
.esdeveniments .esdeveniment-block span { background-color: rgba(33, 37, 41, .8); padding: 10px 15px;}    
.esdeveniments .nom{ font-size: 16px; font-weight: 700; color: #212529; display: inline-block;}    
.esdeveniments .textcurt{margin-bottom: 0;}
.esdeveniment{margin-bottom: 50px;}
.esdeveniment .textcurt { font-size: 20px; line-height: 24px; margin-bottom: 15px; }
.esdeveniment .text{margin-bottom: 20px;}
.fons-video{background-color: #f2f2f2; padding-top: 25px; padding-bottom: 25px; margin-top: 40px;}
.fons-video .embed-responsive iframe{box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.fons-video .titol-video{font-size: 20px; margin-bottom: 15px; margin-top: 0;}
.fons-video .text-video{margin-top: 20px;}

.slider-esdeveniment{font-size: 12px;}
.slider-esdeveniment img{border: 1px solid #f1f1f1;}
.slider-esdeveniment .slick-dots { text-align: right; bottom: -35px; }
.slider-esdeveniment .slick-dots li button:hover {opacity: 0.8}
.slider-esdeveniment .slick-dots li button:before { font-size: 13px; color: #cccccc; opacity: 1; }
.slider-esdeveniment .slick-dots li.slick-active button:before { content: '\f10c'; color: #cccccc; opacity: 1; }

/*GALERIA*/
.galeria{background-color: #f1f1f1;}
.galeria .col-md-3 img, .galeria-detall .col-md-3 img{margin-bottom: 20px;}
.galeria-detall{margin-bottom: 40px;}

/*CONTACTAR*/
.contactar .text{margin-bottom: 20px;}
.contactar-mapa{height: 400px!important;}
.contactar-mapa iframe{width: 100%!important; height: 400px!important;}
#contactar-form input[type="text"], #contactar-form input[type="email"], 
#contactar-form textarea { border: 1px solid #cdcdcd; width: 100%; margin-bottom: 25px;
    border-radius: 3px; padding: 9px 15px; }
#contactar-form textarea { min-height: 110px; }
#contactar-form input[type="submit"] { border-radius: 3px; background-color: #251e14; border: none; padding: 9px 27px;
    color: #fff; margin-bottom: 60px; cursor: pointer; font-weight: 700; margin-top: 25px; }
#contactar-form input[type="submit"]:hover{opacity: 0.8;}
label.error { display: none!important; }
textarea.error, input.error { border-color: #ff0101!important; }

.ok, .ko { padding: 15px; margin-bottom: 20px; text-align: center; border-radius: 4px; }
.ok { background-color: #dff0d8; border: 1px solid #d6e9c6; }
.ko { background-color: #f2dede; border: 1px solid #ebccd1; }

@media (max-width: 575px){
    #rc-imageselect, #html_captcha { transform:scale(0.77); -webkit-transform:scale(0.77);
        transform-origin:0 0; -webkit-transform-origin:0 0; }
}

/*FOOTER*/
footer{background-color: #251e14; padding-top: 25px; padding-bottom: 25px; color: #fff;}
footer .block-social{float: left; margin-right: 85px;}
footer a{color: #fff;}
footer a:hover{color: #fff;}
footer a .fa { font-size: 20px; }
footer a span{ margin-left: 10px; }

/*COOKIES*/
.capa-cookies { position: fixed; bottom: 0; width: 100%; z-index: 99999;
    background-color: #fff; padding-top: 15px; 
    box-shadow: 0px 0px 15px 0px rgba(22, 21, 12, 0.23); }
button.cookies-ok { float: right; display: inline-block; padding-left: 15px; padding-right: 15px;
    background-color: #251e13; color: #ffffff; font-weight: bold; text-align: center;
    line-height: 40px; border-radius: 5px; border: none; cursor: pointer; margin-bottom: 15px;}
button.cookies-ok:hover{opacity: 0.8;}

/*PAGINACIO*/
.pagination{margin-bottom: 30px;}
.pagination .page-link, .pagination .page-link:hover{ color: #251e13; }
.page-item.active .page-link:hover{color: #fff;}
.page-item.active .page-link { background-color: #251e13; border: 1px solid #dee2e6; }

.fancybox-caption { text-align: center; }