/*UTILS*/
body{font-family: 'Roboto', sans-serif;}
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,
.form-control:focus { border-color: inherit!important; box-shadow: none; outline: 0 none; }
a { color: inherit;}
a:hover { text-decoration: none; opacity: 0.7; color: inherit;}
:focus { outline: none; }
.btn.focus, .btn:hover, .btn:focus { text-decoration: none; box-shadow: none; }
.dropdown-menu { border-radius: 0; border: none;}
.dropdown-item.active, .dropdown-item:active { background-color: #16463f;}
b, strong { font-weight: 500;}

/*MARGINS*/
.margin-bottom-10{margin-bottom: 10px}
.margin-bottom-15{margin-bottom: 15px}
.margin-bottom-30{margin-bottom: 30px}
.margin-bottom-35{margin-bottom: 35px}
.margin-bottom-50{margin-bottom: 50px}
.margin-lr-auto{margin-left: auto; margin-right: auto;}
.margin-lr-10{margin-left: 10px; margin-right: 10px;}
.margin-right-15{margin-right: 15px;}

/*TOP*/
.top-vermell{background-color: #16463f; color: #fff; padding-top: 5px; padding-bottom: 5px; font-size: .88rem; padding: 12px 0;}
.top-vermell .dropdown { display: inline-block; }
.top-vermell .btn { background-color: transparent; border: none; display: inline-block; color: #fff; padding: 0; font-size: 1em;}
.top-vermell .fa-phone, .top-vermell .fa-envelope-open { margin-right: 5px;}
.top-vermell .social { margin-left: 5px;}
.top-vermell .dropdown-menu{font-size: .88rem;}
.navbar {background-color: #fff; box-shadow: 0px 4px 7px 0px rgba(2, 0, 6, 0.1);}
.navbar .navbar-brand { width: calc(100% - 80px); max-width: 330px;}
.navbar .navbar-brand img { max-height: 82px;}
.navbar .social { margin-right: 5px; color: rgba(0,0,0,.5);}
.navbar .dropdown-menu{font-size: .88rem;}

@media (min-width: 992px){
    .navbar{min-height: 110px}
    .navbar .navbar-nav .dropdown-menu { margin-top: 35px;}
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: 1rem; padding-left: 1rem;}
}

/*SLIDER FIXES*/
.slick-slider{ backface-visibility: hidden; -webkit-backface-visibility: hidden;}
.slick-list, .slick-track, .slick-slide{ height: inherit!important;}
.slick-next:hover, .slick-prev:hover{opacity: .8;}
.slick-next, .slick-prev { width: 40px; height: 40px; line-height: 40px; background-color: #16463f!important;}
.slick-next:before, .slick-prev:before { line-height: 40px;}
.slick-prev{left: 20px;}
.slick-next{right: 20px;}
.slick-prev:before { content: "\f060";}
.slick-next:before { content: "\f061";}
.slick-slider .slick-slide { position: relative; }
.slick-dots { bottom: 25px;}
.slick-dots li:only-child { display: none;}
.slick-dots li button:before { font-family: 'Font Awesome 5 Free'; content: '\f111'; font-weight: 400; font-size: 10px; color: #fff; opacity: 1;}
.slick-dots li.slick-active button:before { opacity: 1; font-weight: 700; color: #fff;}

@media (min-width: 992px){
    .slick-slider .container { position: absolute; top: 50%; left: 0; right: 0; margin-left: auto;
        margin-right: auto; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
}

/* -------------------------- HOME ------------------------ */
#slider-inici{ margin-bottom: 60px;}
#slider-inici .nom { font-size: 2.25rem; margin-top: 15px; margin-bottom: 15px;}
#slider-inici .txt { font-size: 1.25rem;  margin-bottom: 15px; line-height: 1.5;}
#slider-inici .link{background-color: #16463f; color: #fff; font-size: .88rem; padding: 15px; display: inline-block; border-radius: 15px;}
#slider-inici .slick-next, #slider-inici .slick-prev{ top: 100px;}
.titol-home{color: #006f00; font-size: .88rem; font-weight: 500; margin-bottom: 10px; line-height: 1.5;}
.destacat-block {margin-bottom: 30px;}
.destacat-block img { margin-bottom: 15px;}
.destacat-block .nom{ font-size: 1.25rem; font-weight: 500; margin-bottom: 15px; line-height: 1.5;}
.destacat-block .txt{margin-bottom: 15px;}
.destacat-block .link{color: #16463f; font-size: .75rem; }
.block-home{background-color: #f2f2f2;}
.block-home img{margin-bottom: 15px;}
.block-home .nom{font-size: 2.25rem; margin-bottom: 15px; font-weight: 500;}
.block-home .txt{font-size: 1.25rem; margin-bottom: 45px}
.block-home .link {font-size: .88rem; padding: 20px 65px; background-color: #16463f; color: #fff; border-radius: 15px; display: inline-block;
	margin-bottom: 30px;}
.block-login{box-shadow: 0px 0px 7px 0px rgba(2, 0, 6, 0.06); padding: 15px; margin-bottom: 45px;}
.block-login .formulari label{font-weight: 500;}
.block-login .formulari .form-control { padding: 6px .75rem;}
.block-login .formulari button { font-size: .75rem; border: none; background-color: transparent; color: #16463f; font-weight: 500;
    cursor: pointer;}

@media (min-width: 992px){
    #slider-inici{text-align: center; background-color: #000;}
    #slider-inici .slick-next, #slider-inici .slick-prev{ top: 50%;}
    #slider-inici .nom { color: #fff; margin-top: 0; margin-bottom: 30px;}
    #slider-inici .txt { color: #fff; margin-bottom: 30px;}
    #slider-inici .link{ padding: 20px 30px;}
    #slider-inici img{ opacity: .8;}
	.block-home img { margin-bottom: 0;}
}

/*SECCIO*/
.titol-seccio { padding-top: 14px; padding-bottom: 14px; margin-bottom: 35px; background-color: #fafafa;}
.titol-seccio h1 { color: #16463f; font-weight: 700; font-size: 2.25rem; margin-bottom: 0;}
.seccio .txtcurt{font-weight: 500; margin-bottom: 15px; font-size: 1.25rem; text-align: justify; line-height: 1.5;}
.document { font-size: .75rem; border-radius: 20px; background-color: #16463f; display: inline-block; padding: 20px 30px;
    margin-right: 25px; margin-bottom: 15px; color: #fff!important;}
.document i {margin-right: 5px;}
#slider-seccio{margin-bottom: 60px;}
.video {margin-bottom: 30px;}
.video .txt{font-size: 2.25rem; font-weight: 500; margin-bottom: 15px; line-height: 1.2;}

/*PERSONAL*/
.personal-block{margin-bottom: 30px;}
.personal-block img{margin-bottom: 15px;}
.personal-block .nom{font-weight: 500; font-size: 1.13rem;}
.personal-block .carrec{}
.personal-block a{font-size: .88rem; color: #16463f;}
.linia-personal{border-bottom: 2px solid #f6f6f6; margin-bottom: 30px;}

/*NOTICIES*/
.noticia-block{margin-bottom: 30px;}
.noticia-block img{margin-bottom: 20px;}
.noticia-block .data{font-size: .88rem; color: #9e9f9e;}
.noticia-block .nom{font-size: 1.25rem; margin-bottom: 10px; font-weight: 500; display: inline-block; line-height: 1.5;}
.noticia .data{font-size: .88rem; color: #9e9f9e; margin-bottom: 5px;}
.noticia .txt-curt{font-size: 1.25rem; margin-bottom: 20px; font-weight: 500; line-height: 1.5;}
#slider-noticia{margin-bottom: 30px;}
.bg-noticies{background-color: #fafafa; padding: 15px;}

/*PROJECTES*/
#slider-projecte{margin-bottom: 30px;}
.projecte-block{margin-bottom: 30px;}
.projecte-block img{margin-bottom: 20px;}
.projecte-block .nom{font-size: 1.25rem; margin-bottom: 10px; font-weight: 500; display: inline-block; line-height: 1.5;}
.projecte .txtcurt{font-weight: 500; margin-bottom: 15px; font-size: 1.25rem; text-align: justify; line-height: 1.5;}

/*CALENDARI*/
.calendari .mes-block{ background-color: #f2f2f2; padding: 15px; height: 100%;;}
.calendari .mes-block .nom, .block-properament .titol{font-size: 1.25rem; font-weight: 500; margin-bottom: 5px;}
.calendari .mes-block table{width: 100%; font-size: .88rem;}
.calendari .mes-block table td { background-color: #fff; border: 1px solid #f2f2f2;}
.calendari .mes-block table .dia { background-color: #fff; padding-top: 5px; padding-bottom: 5px; display: block; }
.calendari .mes-block table .dia.actiu{color: #fff; background-color: #16463f; cursor: pointer;}
.block-properament { background-color: #f2f2f2; padding: 15px;}
.block-properament .data { font-size: .88rem; font-weight: 500;}

/*CONTACTAR*/
.contactar .mapa iframe{width: 100%; height: 460px; margin-bottom: 30px;}
.formulari label{font-size: .88rem;}
.formulari .form-control { margin-bottom: 15px; border-radius: 0; font-size: .875em; padding: 13px .75rem; border-color: #dfdfdf;}
.formulari textarea { height: 155px;}
.formulari input[type="submit"] { cursor: pointer; background-color: #16463f; color: #fff; font-size: .88rem; padding: 20px 58px;
    display: inline-block; border-radius: 15px; border: none; margin-bottom: 60px; text-transform: uppercase;}
.custom-checkbox{font-size: .875em;}
.custom-select.is-invalid, .control.is-invalid, .was-validated .custom-select:invalid, 
.was-validated .control:invalid { border-color: #dc3545!important;}
.custom-select.is-valid, .control.is-valid, .was-validated .custom-select:valid, 
.was-validated .control:valid, .custom-select.is-valid:focus, .control.is-valid:focus, 
.was-validated .custom-select:valid:focus, .was-validated .control:valid:focus { border-color: #fff;}
.ok, .ko { padding: 15px; margin-bottom: 20px; text-align: center; font-weight: 500; font-size: 1.2em; text-transform: uppercase;color: #000;}
.ok { background-color: #dff0d8; }
.ko { background-color: #f2dede; }
.grecaptcha-badge { display: none!important;}
.custom-checkbox .custom-control-label::before { border-radius: 0; box-shadow: none!important;}
.custom-control-input.is-valid:checked~.custom-control-label::before, 
.was-validated .custom-control-input:valid:checked~.custom-control-label::before, 
.custom-checkbox .custom-control-input:checked~.custom-control-label::before { background-color: #16463f;}

/*LEGAL*/
.link-legal { padding: 10px; border: 1px solid #000; margin-bottom: 30px;; display: inline-block;}

/*FOOTER*/
footer{background-color: #0b0808; padding-top: 45px; padding-bottom: 45px; color: #fff; font-size: .88rem;}
footer .ico{margin-right: 10px;}
footer .linia{width: 25px; margin-bottom: 30px; border-bottom: 1px solid #fff;}
footer .social { display: inline-block; font-size: 16px; margin-right: 5px; margin-bottom: 5px;}
footer iframe{height: 245px; width: 100%;}

/*PAGINACIO*/
.pagination{justify-content: center;}
.page-item .page-link { border-radius: 0!important; margin-left: 5px; font-size: .88rem; height: 28px; line-height: 28px;
    width: 28px; padding: 0; text-align: center; color: #000;}
.page-item.active .page-link { background-color: #000; border-color: #000;}

/*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: #16463f; color: #ffffff; font-weight: 500; text-align: center;
    line-height: 40px; border: none; cursor: pointer; width: 100%; margin-bottom: 15px;}
button.cookies-ok:hover{opacity: 0.8;}