/* 
    Created on : 20/set/2016, 17:14:21
    Author     : WebDesign
*/
.mybanner {
    position: relative;
}
.mybanner-container, .about-mission header, 
.about-values header {
    /*background-color: transparent;*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 240px;
}

/* === news-list / hightlight list / x-detail === */

.page-container .view-more {
    display: none;
}
.page-container {
    position: relative;
    padding: 0 0 120px 0;
}
.page-container header span {
    margin-top: 30px;
}
.page header {
    height: 100%;
    padding: 30px 0 50px 0;
}
.page header > div {
    height: 100%;
}
.page-container footer > div {
    position: relative;
}
.page-container footer .list-group {
    margin-top: -10px;
}
.page-container footer .list-group > a {
    max-width: 40%;
}
.page-container {
    padding: 30px 0 120px 0;
}

/* === news detail / highlight detail === */

.banner-news {
    background: transparent url('../../images/ambiente6.jpg') no-repeat center center;
}
.page-detail header {
    padding: 30px 0 0 0;
}

/* === news detail === */

.page-detail header h1  {
    position: absolute;
    top: -60px;
    left: 50%;
    margin-left: -100px;
}
.page-detail article {
    padding: 50px 0 50px 0;
}
.news-content > img {
    padding: 30px 0 30px 0;
}
.news-media > div {
    /*background: lightblue;*/
    text-align: center;
/*    height: 280px;*/
    margin-top: 60px;
}
.page-detail footer > span {
    background: transparent;
    display: block;
    height: 1px;
    width: 100%;
    left: 0;
    margin: 0 auto;
}
.news-content {
    display:block;
}

.news-content-body {
    text-align: left;
}

/* === highlight detail === */

.highlights footer > span {
    display: none;
}

.highlight-banner .mybanner-container{
    height: 800px;
}
.highlight-detail .page-container {
    padding: 0 0 120px 0;
}
.highlight-detail .page-container header {
    height: 160px;
    width: 100%;
    margin: 0;
    padding: 0;
}
.highlight-detail header {
    max-width: 100%;
}
.highlight-detail header > div {
    background: #b7cb05;
    width: 100%;
}
.highlight-detail header h1 {
    background: transparent;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
/*    padding: 5% 0 0 0;*/
    padding: 55px 0 0 0;
    width: 100%;
    max-width: 990px;
    margin: 0 auto;
    height: 100%;
    text-align: left;
    color: #333;
}
.highlight-detail footer .view-more span {
    background-color: transparent;
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 0;
    padding: 0;
}
.highlight-detail .view-more {
    display: block;
    top: 30px;
}

/* === wwa === */

#content.about {
    padding-top: 0;
}
.about > section {
    position: relative;
}
.about-us-container {
    width: 100%;
    max-width: 990px;
    margin:0 auto;
}
.about-us-container header, .about .title-bg,
.about h1 {
    position: absolute;
}
.about-us-container header {
    top: -60px;
    left: 50%;
    z-index: 1;
    margin-left: -100px;
    height: 120px;
    width: 200px;
}
.about-us-container .content_link a, 
.about-us-container .content_link a:hover {
    text-transform: uppercase;
}
.about-us-container .content_link a, .about-us-container .content_link a:active, 
.about-us-container .content_link a:focus, .about-us-container .content_link a:visited,  
.about-mission.quality .content_link a, .about-mission.quality .content_link a:active,  
.about-mission.quality .content_link a:focus, .about-mission.quality .content_link a:visited {
    color: #9a9b9e;
}
.about-us-container .content_link a:hover,
.about-mission.quality .content_link a:hover {
    color: #000;
}
.about-us .title-bg, .about-us h1 {
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
}
.about-us .title-bg {
    background: #000;
    z-index: 2;
    margin: 0;
    padding: 0;
}
.about-us h1:first-of-type {
    background: transparent;
    margin: 0;
    z-index: 3;
}
.about-us h1:last-of-type {
    top: 60px;
    z-index: 3;
    color: #333;
}
.about-us article {
    padding: 85px 0 80px 0;
}
.about-values h1, .about-mission  h1 {
    background: #b7cb05;
    position: relative;
    top: 0;
    margin-bottom: 40px;
    color: #333;
}
.about-values article, .about-mission article {
    width: 100%;
    max-width: 990px;
    margin: 0 auto;
    padding: 0 0 80px 0;
}

/* === Cookies === */

.cookies h1{
    margin-bottom: 70px;
    margin-top: -60px;
}

.cookies p, .gdpr .policy-element > div {
    max-width: 1000px;
    text-align: left;
    margin:0 auto;
    padding-right: 30px !important;
    padding-left: 30px !important;
}

/* === RGPD === */

.gdpr .cookies h1 {
    width: auto;
}
.gdpr .policy-element > div {
    margin-bottom: 70px;
}
.gdpr .policy-element > h1 {
    display: inline-block;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    top: -60px;
    left: 50%;
    -webkit-transform: translate3d(-50%,0,0); /* Safari */
    transform:  translate3d(-50%,0,0);
}
.gdpr .policy-element > div h1, 
.gdpr .policy-element > div h1 * {
    width: auto;
    background: transparent;
    margin: 0;
    font-family: 'Roboto-Bold'!important;
    font-size: 24px!important;
    text-align: left;
}
.gdpr .policy-element > div a, .gdpr .policy-element > div a:active,
.gdpr .policy-element > div a:visited {
    color: #b7cb05;
}

@media screen and (max-width: 990px) {
    .page-container header span {
        display: none;
    }
    .page-detail article {
        padding: 50px 30px;
    }
    .page-detail header h1 {
        top: -110px;
    }
    .about-us article, .about-mission article > div,
    .about-values article > div {
        margin-left: 30px;
        margin-right: 30px;
    }
    
    /* === news === */
    .news-detail.page-detail article, .news-detail.page-detail article {
        padding-top: 0 !important;
    }
    .news-detail.page-detail header h1 {
        left: 0;
        margin-left: 10%;
    }
    .news .page-container footer > span {
        margin-left: 0 !important;
    }
    #content.highlights {
        padding-top: 0;
    }
    .highlight-detail header > div {
        padding-left: 20px;
    }
    .highlight-detail header h1 {
        padding-top: 180px ;
    }
    .highlights .page-container, .news-detail .page-container {
        padding: 0 0 100px 0 !important;
    }
    .highlights footer > span {
        display: block;
    }
    .highlight-detail .view-more {
        padding-top: 20px;
    }
    .highlight-detail footer {
        margin-right: 20px;
        margin-left: 20px;
    }
    .highlight-detail footer .view-more span {
        margin-top: 20px;
    }
    
    .share-container {
        top: 10px;
        right: 30px;
    }
    .page-container footer .list-group {
        margin-top: 0;
    }
    
    .news-content > img {
        max-width: 90%;
    }
    .cookies h1{       
        margin-top: -140px;
    }
    
    /* === RGPD === */
    #content.gdpr {
        padding-top: 0;
    }
    .gdpr .cookies h1 {
        margin-top: 0;
    }
}

@media screen and (max-width: 768px) {
    .about-us-container header {
        width: 100%;
        margin-left: 0;
        left: 0;
    }
    .about-values article, .about-mission article {
        width: 100%;
        max-width: none;
    }
    .about-values h1, .about-mission  h1 {
        width: 100%;
    }
    .cookies p{       
        padding-bottom: 50px !important;
    }
    
    /* === RGPD === */
    .gdpr .policy-element > div h1 {
        margin: 20px auto;   
    }
    .gdpr .policy-element > div h1, .gdpr .policy-element > div h1 * {
        font-size: 14px!important;
        
    }
}

@media screen and (max-width: 490px) {
    .page header {
        padding: 0 0 50px 0;
    }
    
    .news-detail.page-detail header h1 {
        top: -80px;
    }
    .news-detail.page-detail header {
        padding: 1px 0 0 0;
    }
    
    .highlights .page-container {
        padding: 0 0 90px 0 !important;
    }
    .cookies h1{       
        margin-top: -105px;
    }
    
    /* === RGPD === */
    
}