﻿.top-banner { font-size: 1.2em; color: #343434; }
.top-banner .bg-image { height: calc(100vh - 155px); }
.top-banner h1 { font-size: 3em; line-height: 1.2em; font-weight: bold; letter-spacing: 2px; margin: auto auto 10px; text-transform: capitalize }
/* .top-baner h1 { font-family: "Poppins", sans-serif; } */
.top-banner h1 > span { color: #800e0e; }
.top-banner h3 { margin: auto auto 30px; font-size: 2em; line-height: 1.6em; color: #996314; font-weight: bold; }

@media (max-width: 768px) {
    .top-banner { font-size: 1em; }
    .top-banner .bg-image { height: calc(100vh - 60px); min-height: unset; }
}
@media (max-width: 576px) {
    .top-banner { font-size: 0.9em; }
    .top-banner h1 { font-size: 2.6em;}
    .top-banner .bg-image { height: calc(100vh - 68px); }
}

.top-banner .btn { font-size: 1.1em; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; padding: 18px; margin: unset; }
.top-banner .owl-nav { margin: 0!important; }
.top-banner .owl-prev, .top-banner .owl-next { position:absolute; bottom: 30px; color: rgba(255,255,255,0.4)!important; }
.top-banner .owl-prev, .top-banner .owl-next { font-size: 1.4em!important; width: 1.8em; height: 1.8em; border: 2px solid rgba(255,255,255,0.4)!important; border-radius: 0.4em!important; }
.top-banner .owl-prev:hover, .top-banner .owl-next:hover { background: rgba(195,155,135, 0.4)!important; }
.top-banner .owl-prev { left: calc(50% - 3.6em); }
.top-banner .owl-next { right: calc(50% - 3.6em); }

.masnory-images .div-cell { background-size: cover!important; background-position: center center!important; background-repeat: no-repeat!important; }
.masnory-images .divImageContainer .div-cell, .sectionAbout .divImageContainer .div-cell-sizer { width: 33.3%; }
.masnory-images .divImageContainer .div-cell { float: left; height: calc((80vh - 110px) * 0.333); border: 2px solid #FFF;  }
.masnory-images .divImageContainer .div-cell.width-lg { width: 66.6%; }
.masnory-images .divImageContainer .div-cell.height-lg { height: calc((80vh - 110px) * 0.666); }
.masnory-images .divImageContainer .div-cell { transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; }
.masnory-images .divImageContainer .div-cell:hover { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }
@media (max-width: 768px) {
    .masnory-images .divImageContainer .div-cell { float: unset; width: 60vw!important; min-width: 300px; height: 250px!important; margin: auto auto 30px; }
}
@media (max-width: 576px) {
    .masnory-images .divImageContainer .div-cell { width: 100%!important; min-width: unset; margin: 15px auto; transform: unset; }
}

.container.team .team-list .header-image { height: 200px!important; } 
.container.team .team-list .header .title > span.big-letter { font-size: 4em; font-weight: 300!important; text-transform: uppercase; font-family: 'Urbanists', sans-serif; color: #a08750; }
.container.team .team-list .header .title > span.surname { font-weight: bold; font-size: 1.2em; color: #888; }
.container.team .team-list .abstract { font-size: 1.2em; color: #a08750; margin: 5px auto; padding: 5px 10px; min-height: 3em; text-transform: uppercase; }
.container.team .team-list .content ul { padding-left: 14px; }

/* Work With Us */
.investor-relations .bg-image { min-height: 80vh; }
.investor-relations .bg-image .overlay { background: linear-gradient(90deg, rgba(160,135,80,0.95) 60%, rgba(200,200,200,0) 70%); }
.investor-relations .container.content { position: absolute; top: 50%; left: 10%; transform: translateY(-55%); width: 45%; }
.investor-relations .content .section-title h2, .investor-relations .content .section-title.h2 { color: #fff;}
.investor-relations .content { color: #fff; }
.investor-relations .content .icon { margin-right: 10px; }
.investor-relations .content .title { font-size: 1.3em; font-weight: bold; margin-top: 40px; }
.investor-relations .content.h3 a, .investor-relations .content.h3 a:visited { color: #ffefba!important; }
.investor-relations .content.h3 a:hover { color: #ebba65!important; }
.investor-relations .btn { font-size: 1.4em; padding: 10px 20px; margin: 10px 0; color: #fff!important; }

@media (max-width: 768px) {
    .investor-relations { text-align: center; }
    .investor-relations .section-title h2:after { left: calc(50% - 50px); }
    .investor-relations .bg-image { min-height: calc(80vh); display: flex; align-items: center; }
    .investor-relations .bg-image .overlay { background: rgba(160,135,80,0.85); }
    .investor-relations .container.content { position: unset; top: unset; left: unset; transform: unset; } 
    .investor-relations .container.content { width: 90%; }
}

/* Associations */
.linkicon-list { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; padding: 20px;  }
.linkicon-list .icon-wrapper { padding: 20px; width: 20%; align-content: center; text-align: center; transition: all linear .5s }
.linkicon-list .icon-wrapper img { width: 80%; }
.linkicon-list .icon-wrapper:hover { background: #faebeb; transform: translateY(-8px); }

@media (max-width: 992px) {
    .linkicon-list .icon-wrapper { width: 33.3%; }
}

@media (max-width: 576px) {
    .linkicon-list .icon-wrapper { width: 50%; }
}