/* ====================================================================================================
	CSS pr1.icnea.conm
==================================================================================================== */

html {
    font-size: 14px;
}
h1.titol-noticia {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 26px;
}

.box_style_4 p.titol {
    -webkit-font-smoothing: antialiased;
    color: #333;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}
/* Home - 4 punts */
.text-quatre-punts {
    padding: 7px 10px;
    min-height: 140px;
}

a .text-quatre-punts p {
    color: #565a5c;
}

/* Text que surt després de fer la búsqueda de disponibilitat */
.noapartments {
    font-size: 18px;
    font-weight: bold;
    color: #8a1a0d;
}

/* Buscador pàgines inicials */
.form-group.home {
    /* width: 19%; */
    width:24%;
    margin-right: 0.5%;
    margin-left: 0.5%;
}

.form-control.dates {
    background: rgba(255,255,255,.7) url(/assets/img/iconCalendar.svg) right 5px no-repeat;
    background-size: 30px 30px;
    border: solid 1px #fff;
    cursor: pointer;
}

    .form-control.dates:hover {
        border: solid 1px #211651;
        background: rgba(255,255,255,.7) url(/assets/img/iconCalendar2.svg) right 5px no-repeat;
        background-size: 30px 30px;
    }

.form-control.persones {
    background: rgba(255,255,255,.7) url(/assets/img/iconPersones.svg) right 5px no-repeat;
    background-size: 30px 30px;
    border: solid 1px #fff;
    cursor: pointer;
}

    .form-control.persones:hover {
        border: solid 1px #211651;
        background: rgba(255,255,255,.7) url(/assets/img/iconPersones2.svg) right 5px no-repeat;
        background-size: 30px 30px;
    }

.form-control.ciutat {
    background: rgba(255,255,255,.7) url(/assets/img/iconLocation.svg) right 5px no-repeat;
    background-size: 30px 30px;
    border: solid 1px #fff;
    cursor: pointer;
}

    .form-control.ciutat:hover {
        border: solid 1px #211651;
        background: rgba(255,255,255,.7) url(/assets/img/iconLocation2.svg) right 5px no-repeat;
        background-size: 30px 30px;
    }

/* Capçalera tables disponibilitat */
.calendariDisponibilitat thead th {
    background-color: #ddd;
    margin-bottom: 0;
}

.table.calendariDisponibilitat {
    margin-bottom: 0;
    border-bottom: none;
}

    .table.calendariDisponibilitat > thead > tr > th {
        font-size: 16px;
    }

    .table.calendariDisponibilitat > tbody > tr > th {
        font-size: 14px;
    }

    .table.calendariDisponibilitat > tbody > tr > td {
        border: none;
        font-size: 14px;
    }

.swiper-calendari .swiper-slide {
    border: 1px #ddd solid;
}

/* Llegenda tables disponibilitat */
.llegenda {
    padding: 1em;
    background-color: #FFF;
    border: 1px #ddd solid;
}

    .llegenda ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .llegenda ul li {
            float: left;
            margin-right: 10px;
        }

    .llegenda span {
        font-size: 12px;
        text-transform: uppercase;
        color: #999;
    }

        .llegenda span.diesEscollits {
            color: #FFF;
            background-color: #48b31a;
            padding: 0 3px;
        }

        .llegenda span.diesDisponibles {
            color: #000;
        }

        .llegenda span.diesNoDisponibles {
            color: #b0b0b0;
            text-decoration: line-through;
        }

.tour_list_desc h3 {
    font-size: 14px;
    line-height: 20px;
    margin-top: 0;
}

.tour_list_desc p {
    margin: 0 0 10px;
    font-size: 12px;
}

.tooltip_styled {
    font-size: 12px;
    color: #333;
}

.parallax-content-2 div h1 {
    letter-spacing: -1px;
}

#price_single_main span {
    letter-spacing: -2px;
}

#price_single_main span {
    font-size: 58px;
}

a.btn_1.medium, .btn_1.medium {
    padding: 10px;
}

aside .btn_1.cerca, a.btn_full, .btn_full {
    font-size: 16px;
}

.box_style_1 h3.inner {
    background-color: #a1a2a5;
}

/* Calendari del buscador */
.ui-datepicker {
    z-index: 100000 !important;
}

/* Tooltip */
.tooltip-content {
    text-align: center;
}


/* Fil d'Ariadna en per totes les vistes */
#position .container ul {
    visibility: hidden;
}


/* Icones Features Home */
.feature_home i {
    color: #b9acac;
    background-color: #e2dbd5;
    border: none;
}

/* Estils box_style_1 */

.box_style_1 h2 {
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 20px;
}

.box_style_1 h2, .box_style_1 h3, .box_style_1 h4 {
    margin-top: 0px;
}

.box_style_1 p.lead {
    font-size: 18px;
    line-height: 24px;
    color: #666;
}

/*  Maquetació Llistat Apartaments versió Grid */
.hotel_container {
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    margin-bottom: 30px;
}

    .hotel_container .hotel_title {
        padding: 15px;
        position: relative;
    }

        .hotel_container .hotel_title .rating {
            font-size: 14px;
            margin-left: -3px;
        }

        .hotel_container .hotel_title h3 {
            margin: 0;
            font-size: 16px;
            text-transform: uppercase;
        }

    .hotel_container .score span {
        color: #fff;
        margin-right: 5px;
        text-align: center;
        border: 2px solid #fff;
    }

    .hotel_container .score {
        font-size: 11px;
        margin-top: 5px;
        position: absolute;
        bottom: 30px;
        left: 5px;
    }

    .hotel_container a .score {
        color: #fff;
    }

    .hotel_container .short_info.hotel {
        padding-left: 10px;
    }

/* 3 Punts Importants - inicial 1 */
.bg1FeatureHome, .bg1FeatureHome .feature_home {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .bg1FeatureHome p {
        color: #FFF;
    }

.navegacioPropostes {
    padding: 20px 0;
    background-color: #e5e5e5;
}

/* 3 Punts Importants - inicial 2 */
.feature_home {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    text-align: center;
}

    .feature_home p {
        color: #7a7a7a;
        font-size: 14px;
        line-height: 23px;
    }

/* Pictos Llistat Apartaments Grid */
.pictogramesGrid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    background: url(../img/shadow_pictos.png) repeat-x left top;
}

    .pictogramesGrid .tooltip_styled {
        float: left;
        color: #FFF;
    }

/* Text Principal Home */
.bgTextPrincipal {
    background-color: #e2dbd5;
}

.text-quatre-punts {
    min-height: 152px;
}

.contenidorApartamentDestacat {
    padding: 10px;
}

.contenidorFeatured {
    padding-top: 0;
    padding-bottom: 30px;
}

.tour_container .img_container img {
    width: 100%;
}

.tour_container1 {
    min-height: 435px;
    margin-bottom: 0;
}

a#email_footer, a#phone {
    color: #211651;
}

a#email_footer {
    margin-bottom: 20px;
    margin-top: 0;
}

#social_footer p, #social_footer2 p {
    color: #211651;
}

a#email_footer:hover, a#phone:hover, footer a:hover {
    color: #333;
}

/**************************************************/
/*                      COLORS                    */
/**************************************************/

/* Banner portada */
.features-content {
    background-color: #211651;
}

/* Footer */
footer {
    background-color: #FFF;
}

/* Butons */
a.btn_1.cerca, .btn_1.cerca {
    width: 100%;
    height: 45px;
    font-size: 18px;
    background-color: #cbaa5c
}

a.btn_1, .btn_1 {
    background: #cbaa5c;
}

    a.btn_1:hover, .btn_1:hover {
        background: #efae2c;
    }

/* Color de background de capçalera */
.parallax-content-1 > div {
    background: rgba(123, 104, 104, 0.1);
}

.icona1, .icona2, .icona3 {
    position: relative;
}

    .icona1:before, .icona2:before, .icona3:before {
        position: absolute;
        font-family: 'FontAwesome';
        top: 70px;
        right: 0;
        color: #FFF;
        font-size: 60px;
    }
    @media screen and (min-width: 768px) {
        .icona1:before, .icona2:before, .icona3:before {
            top: 140px;
            font-size: 120px;
        }
    }

    .icona1:before {
        content: '\f041';
    }

    .icona2:before {
        content: '\f0f7';
    }

    .icona3:before {
        content: '\f2b5';
    }

/* Estils del calendari del buscador */
.ui-datepicker {
    padding: 0;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: rgba(0,0,0,.4) 5px 5px 5px;
}

    .ui-datepicker * {
        padding: 0;
        font-family: "Montserrat", Arial, sans-serif;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .ui-datepicker table {
        font-size: 13px;
        margin: 0;
    }

    .ui-datepicker .ui-datepicker-header {
        border: none;
        background: #fff;
        color: #555;
        font-weight: 400;
        border-bottom: solid 1px #e5e5e5;
    }

        .ui-datepicker .ui-datepicker-header .ui-state-hover {
            background: #e5e5e5;
            border-color: transparent;
            cursor: pointer;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

    .ui-datepicker thead {
        background: #fff;
        color: #555;
        border-bottom: solid 1px #e5e5e5;
    }

    .ui-datepicker .ui-datepicker-title {
        margin-top: .4em;
        margin-bottom: .3em;
        color: #555;
        font-size: 14px;
    }

    .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover {
        height: 1em;
        top: .8em;
        border: none;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-next span {
        background: url(../img/fletxa-cal-dreta.png);
        height: 20px;
    }

    .ui-datepicker .ui-datepicker-prev span {
        background: url(../img/fletxa-cal-esquerra.png);
        height: 20px;
    }

    .ui-datepicker th {
        padding: 0.75em 0;
        color: #555;
        font-weight: normal;
        border: none;
        border-top: 1px solid #fff;
    }

    .ui-datepicker td {
        background: #fff;
        border: none;
        padding: 0;
    }

        .ui-datepicker td .ui-state-default {
            background: transparent;
            border: none;
            text-align: center;
            padding: .5em;
            margin: 0;
            font-weight: 400;
            color: #333;
            border-radius: 0;
        }

        .ui-datepicker td .ui-state-active, .ui-datepicker td .ui-state-hover {
            background: #211651;
            color: #fff;
            border-radius: 0;
        }

        .ui-datepicker td.ui-state-disabled, .ui-datepicker td.ui-state-disabled .ui-state-default {
            opacity: 1;
            color: #ccc;
        }

/******************************/
/*     Llistat de serveis     */
/******************************/
.llistat {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .llistat li.post {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #ddd;
    }

        .llistat li.post:first-child {
            margin-top: 0;
            padding-top: 0;
            border-top: none;
        }

.contingut-html.llistat img {
    width: 100% !important;
    height: auto !important;
    max-width: 350px;
    padding-right: 20px;
}

.contingut-html.detall-noticia img {
    max-width: 100% !important;
    height: auto !important;
}

.contingut-html.detall-noticia h2 {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px dotted #d2d2d2;
}

.contingut-html.detall-noticia figcaption {
    font-size: 12px;
    color: #333;
    margin-top: 5px;
    margin-bottom: 15px;
    font-weight: bold;
}

.contingut-html img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

/******************************/
/*        Media Queries       */
/******************************/
@media screen and (max-width: 359px) {
    .tooltip-item {
        font-size: 12px;
    }

    ul.add_info li {
        width: auto;
    }
}

@media screen and (max-width: 414px) {
    .tour_container1 {
        min-height: inherit;
    }
}

@media only screen and (max-width: 480px) {
    .tooltip-content {
        width: 120px;
        margin: 0 0 20px -60px;
        padding: 5px 15px;
    }
}

@media (min-width: 415px) and (max-width: 500px) {
    .tour_container1 {
        min-height: 360px;
    }
}

@media (min-width: 501px) and (max-width: 660px) {
    .tour_container1 {
        min-height: 380px;
    }
}

@media screen and (max-width: 767px) {
    .box_style_1.noticies {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }

    .form-group.home {
        width: 48%;
        margin-right: 1%;
        margin-left: 1%;
    }

    .form-group.buscar {
        width: 48%;
        margin-right: 1%;
        margin-left: 1%;
    }

    .main_title {
        margin-bottom: 10px;
    }

    .box_style_1 h3 {
        margin-top: 15px;
    }

    #hero, .swiper-fotos-ini-3, .header-video {
        height: 350px !important;
    }

    .intro_title {
        vertical-align: top;
    }

        .intro_title h1 {
            margin-top: 135px;
        }
}

@media (min-width: 661px) and (max-width: 991px) {
    .tour_container1 {
        min-height: 350px;
    }

    .tour_container .tour_title h3 {
        font-size: 16px;
    }
}

@media screen and (min-width: 1023px ) and (max-width: 1279px ) {
    .form-control {
        font-size: 13px !important;
    }

    .btn_1.medium, a.btn_1.medium {
        padding: 0;
        font-size: 14px;
    }
}

@media screen and (min-width: 1024px) {
    .feature_home {
        padding: 60px 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .tour_container1 {
        min-height: 390px;
    }
}

@media (min-width: 1200px) and (max-width: 1279) {
    #top_tools.hidden-lg {
        display: none !important;
    }

    .main-menu li.visible-lg {
        display: block !important;
    }
}

@media screen and (max-width: 1279px) {
    .lead {
        font-size: 18px;
    }
}

@media screen and (min-width: 1280px) {
    #top_tools.hidden-lg {
        display: block !important;
    }

    .main-menu li.visible-lg {
        display: none !important;
    }

    .intro_title h1 {
        font-size: 45px;
        margin: 0 0 5px;
    }
}
.banner-home .row {
    display: flex;
    flex-direction: column;
}
.banner-home .features-intro-img {
    min-height: 200px;
}
@media screen and (min-width: 768px) {
    .banner-home .row {
        flex-direction: row;
    }
    .banner-home .features-intro-img {
        min-height: auto;
    }    
}
@media screen and (min-width: 992px) {
    .titular-listado {
        padding-left: 185px;
        padding-right: 185px;
    }
}
.coletilla-logo {
    display: none;
    width: 110px;
    position: absolute;
    text-align: center;
    left: 0px;
    top: 45px;
    right: 0;
    bottom: 0;
}
@media screen and (min-width: 992px) {
    .coletilla-logo {
        display: block;
        width: auto;
        top: 75px;
    }
}

.swiper-fotos .swiper-button-next:after, .swiper-fotos .swiper-rtl .swiper-button-prev:after, .swiper-fotos .swiper-button-prev:after, .swiper-fotos .swiper-rtl .swiper-button-next:after {
    color: #211651;
}
header #logo img.logo_normal {
    height: 70px;
}
header #logo img.logo_sticky {
    height: 35px;
}
@media screen and (min-width: 992px) {
    header #logo img.logo_normal {
        height: 90px;
    }
}
@media screen and (min-width: 992px) {
    header #logo img.logo_normal {
        height: 90px;
    }
    header #logo img.logo_sticky {
        height: 60px;
    }    
}
@media screen and (min-width: 1400px) {
    header #logo img.logo_normal {
        height: 110px;
    }
}
.swiper-fotos-ini-3 .swiper-button-next:after, .swiper-fotos-ini-3 .swiper-rtl .swiper-button-prev:after, .swiper-fotos-ini-3 .swiper-button-prev:after, .swiper-fotos-ini-3 .swiper-rtl .swiper-button-next:after {
    color: #fff;
}
.intro_title h1 {
    font-size: 1.5rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}
#header_menu > img {
    height: 70px;    
}
.main_title h2 {
    font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
    .intro_title h1 {
        font-size: 3rem;
    }
    .main_title h2 {
        font-size: 2rem;
    }    
}
.swiper-apartaments .swiper-wrapper {
    padding-bottom: 3rem;
}
.feature_home p:last-child {
    margin-bottom: 0;
}
.bg1FeatureHome {
    margin-bottom: 3rem;
}
.feature_home h3 {
    margin-top: 0;
}
.feature_home h3 {
    margin-top: 0;
}
@media screen and (min-width: 768px) {
    .bg1FeatureHome {
        margin-bottom: 0;
    }    
}
.destacados-footer .tour_container {
    height: 100%;
    margin-bottom: 0;
}
.destacados-footer .col-xs-12 {
    margin-bottom: 1rem;
}
.destacados-footer .row {
    display: flex;    
    flex-direction: column;
}
@media screen and (min-width: 768px) {
    .destacados-footer .row {
        display: flex;    
        flex-direction: row;
        flex-wrap: wrap;
    }
    .destacados-footer .col-xs-12 {
        margin-bottom: 2rem;
    }    
}