/* .we-talk */
.we-talk { display: none;}

/* .news-header */
.news-header { margin-bottom: 3rem; }
.news-header h1 { margin-bottom: 1rem;} 
.news-header p:last-child { margin-bottom: 0;} 
.news-header p a { color: #fff; background: #28628a; border: 1px solid #28628a; padding-right: .5rem; transition: color .5s ease, background-color .5s ease;}
.news-header p a span { display: inline-block; color: #28628a; font-family: 'apercubold', sans-serif; background: #fff; padding: .1rem .5rem; margin-right: .5rem; transition: color .5s ease, background-color .5s ease;}
.news-header p a svg { width: 15px; height: 15px; margin-bottom: -3px;}

@media(hover:hover){
    .news-header p a:hover { color: #28628a; background: #fff;}  
    .news-header p a:hover span { color: #fff; background: #28628a;}  
}

@media(max-width: 767px){
    .news-header { margin: 3rem 0;}
}

/* .big-featured */
.big-featured { margin-top: 1rem;}
.big-featured .flex { position: relative; width: 100%; align-items: center;}
.big-featured .flex:after { content: ""; position: absolute; top: 0; right: 0; width: 0; z-index: 1; height: 100%; background: #fafafa; transition: width .5s ease;}
.big-featured .flex > div { position: relative; z-index: 10; padding: 3rem;}
.big-featured .flex .txt-content { width: 40%; flex: 1;}
.big-featured .flex .image-content { width: 60%; height: 500px;}
.big-featured .flex .image-content img { width: 100%; height: 100%; object-fit: contain;}
.big-featured h2 { font-size: 2rem; line-height: 2.2rem; margin-bottom: 1.5rem;}
.big-featured p:last-child { margin-bottom: 0;}
.big-featured .tag { position: relative; top: 0;}

@media (hover:hover) {
    .big-featured .flex:hover { color: #28628a;}
    .big-featured .flex:hover:after { width: 100%;}
    .big-featured .flex:hover .tag { color: #fff; background: #28628a;}
}
@media(max-width: 1100px){
    .big-featured .flex .txt-content { width: 60%;}
    .big-featured .flex .image-content { width: 40%; padding: 0;}
}
@media(min-width: 1024px){
    .big-featured article:nth-child(odd) .flex:after { right: inherit; left: 0;}
    .big-featured article:nth-child(odd) .flex .txt-content { order: 2;}
    .big-featured article:nth-child(odd) .flex .image-content { order: 1;}
}
@media(max-width: 1023px){
    .big-featured article { margin-bottom: 3rem;}
    .big-featured article:last-child { margin-bottom: 0;}
    .big-featured .flex { flex-wrap: wrap;}
    .big-featured .flex .txt-content ,
    .big-featured .flex .image-content { width: 100%; order: 1; background: #fafafa;}
    .big-featured .flex .image-content { padding: 3rem 3rem 0; height: inherit;}
    .big-featured .flex .txt-content { order: 2;}
}
@media(max-width: 767px){
    .big-featured .flex .txt-content { padding: 1.5rem;}
    .big-featured .flex .image-content { padding: 1.5rem 1.5rem 0;}
    .big-featured h2 { font-size: 1.6rem; line-height: 1.8rem;}
}

/* .featured-news */
.featured-news { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; height: 700px; border: 5px solid #fff; margin: 0; }
.featured-news article a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden;background: #fff; border: 5px solid #fff; transition: background-color .3s ease;}
.featured-news article a:after { content: ""; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: linear-gradient( 0deg, rgba(255, 255, 255, .85) 50%, rgba(255, 255, 255, 0) 100%); opacity: 1; transition: opacity .5s ease;}
.featured-news article a img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; opacity: .5; transition: all .5s ease; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.featured-news article a .txt-content { position: absolute; top: 0; left: 0; z-index: 10; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; width: 100%; height: 100%; padding: 3rem;}
/*.featured-news article a .txt-content:after { content: ""; position: absolute; bottom: 2rem; left: 3rem; width: 20px; height: 4px; background: #00618a; transition: width .5s ease , background-color .5s ease;}*/
.featured-news article a .txt-content h2 { font-family: 'apercubold', sans-serif; margin: 0; transition: color .5s ease;}
.featured-news article a .txt-content .tag { position: relative; top: 0;}

.featured-news .big-new { width: 60%;}
.featured-news .big-new .txt-content h2 { width: 100%; max-width: 700px; font-size: 55px !important; line-height: 57px;}

.featured-news .small-news { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 40%; height: 100%;}
.featured-news .small-news article { width: 100%; height: 50%;}
.featured-news .small-news article h2 { font-size: 32px !important; line-height: 35px;}

@media (hover:hover) {
    .featured-news article a:hover { background:rgba(0, 97, 138, 1);}
    .featured-news article a:hover:after { opacity: 0;}
    .featured-news article a:hover img { opacity: .25; transform: scale(1.25);}
    .featured-news article a:hover h2 { color: #fff;}
    /*.featured-news article a:hover .txt-content:after { width: calc(100% - (3rem * 2)); background: #fff;}*/
}

@media(max-width: 1100px){
    .featured-news article a .txt-content { padding: 2rem;}
    .featured-news article a .txt-content:after { bottom: 1rem; left: 2rem;}
    .featured-news .big-new .txt-content h2 { font-size: 42px !important; line-height: 46px;}
    .featured-news .small-news .txt-content h2 { font-size: 24px !important; line-height: 26px;}
}
@media(max-width: 767px){
    .featured-news { height: inherit; flex-wrap: wrap; /* margin-bottom: 50px;*/ }
    .featured-news .big-new ,
    .featured-news .small-news { width: 100%;}
    .featured-news .big-new .txt-content h2 { font-size: 24px !important; line-height: 26px;}
    .featured-news article { height: 350px !important;}
    .featured-news article a .txt-content { padding: 1rem;}
    .featured-news article a .txt-content:after { display: none;}
}


/* .news */
.news { margin-top: 0; padding-top: 6.5rem; border-top: 3px solid #28628a;}

@media(max-width: 767px){
    .news { padding: 3rem 0 6.5rem;}
}




/* .contact-news */
.contact-news { position: relative; width:100%; min-height: 300px; padding-top: 100px; margin: 0;}
.contact-news .text-content { position: relative; top: calc(-100px - 1.5rem); z-index: 10; width: 90%; max-width: 650px; text-align: center; background:#fff; box-shadow:0px 2px 6px rgba(226, 226, 226, 0.385); margin: 0 auto; padding-bottom: 2rem;}
.contact-news .text-content h2 { display: block; width:100%; color: #fff; font-size:22px; line-height: 24px; text-transform: uppercase; background:#00618a; padding: 1rem 2rem; margin-bottom: 1em;}
.contact-news .text-content p ,
.contact-news .text-content p a ,
.contact-news .text-content p strong { font-size:1.2rem; line-height: 1.5rem;}
.contact-news .text-content p { padding: 0 2rem;}
.contact-news .text-content p a { display: inline-block; text-decoration: none;}
.contact-news .text-content p:last-child { margin-bottom: 0;}
.contact-news .text-content .btn { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border: 2px solid #28628a;}
.contact-news .text-content .btn:after { content: ""; position: absolute; top: 0; right: 0; z-index: 1; width: 0; height: 100%; background: #28628a; transition: width .5s ease;}
.contact-news .text-content .btn span { position: relative; z-index: 10; color: #28628a; font-family: 'apercubold', sans-serif; letter-spacing: 1px; text-align: left; text-transform: uppercase; padding: 1rem 1.5rem; transition: color .5s ease;}
.contact-news .text-content .btn span.ico { align-self: stretch; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; background: #28628a; transition: color .5s ease , background-color .5s ease;}
.contact-news .image-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.contact-news .image-content img { width: 100%; height: 100%; object-fit: cover; opacity: .5;}


@media (hover:hover) {
    .contact-news .text-content p a:not(.btn):hover {text-decoration: underline;}
    .contact-news .text-content .btn:hover:after { width: 100%;}
    .contact-news .text-content .btn:hover span:not(.ico) { color: #fff;}
    .contact-news .text-content .btn:hover span.ico { color: #28628a; background: #fff;}
}
@media(max-width: 767px){
    .contact-news .text-content { padding-bottom: 1rem;}
    .contact-news .text-content p { padding: 0 1rem;}
}