.top-banner { font-size: 1.2em;}
.top-banner .bg-image { height: calc(100vh - 155px); }
.top-banner h1 { font-size: 3.4em; line-height: 1.2em; font-weight: bold; letter-spacing: 2px; font-family: "Poppins", sans-serif; margin: auto auto 10px; text-transform: capitalize }
.top-banner h1 > span { color: #c39b87; }
.top-banner h3 { margin: auto auto 30px; font-size: 1.4em; line-height: 1.6em; }

@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; }
.container.team .team-list .btn.btnViewMoreTeam { width: 100%; margin: auto auto 30px; padding: 10px 20px; font-size: 1.3em; }

@media( max-width: 576px){
    .container.team .team-list .btn.btnViewMoreTeam { font-size: 1.1em; padding: 10px; }
}

/* Contact Card */
.content.contact-us .contact-card { background: rgba(0,0,0,0.9); border-radius: 10px; width: 450px; padding: 50px; color: #999; z-index:900; }
.content.contact-us .contact-card .content { font-family: "Poppins", sans-serif; font-size: 1.2em; } 
.content.contact-us .contact-card .logo { margin: auto; max-width: 300px; padding-bottom: 20px; }
.content.contact-us .contact-card .icon-row { border-bottom: 1px solid #999; line-height: 1.4em; padding: 14px 0;  }
.content.contact-us .contact-card .icon-row:last-of-type { border-bottom: unset; }
.content.contact-us .contact-map { height: 90%; background: #bbb; }
.content.contact-us .social .ico-social > i { background: #a08750; color: #fff!important; text-align: center; display: inline-block; }
.content.contact-us .social .ico-social > i { width: 30px; height: 30px; line-height: 1.2em; font-size: 20px; margin: 5px 5px ; padding-top: 4px; border-radius: 5px; text-align: center; }
.content.contact-us .social .ico-social:hover > i { background: #db9c5c; color: #fff; }

.content.contact-us .social .ico-social > .icon { background: #a08750; color: #fff!important; text-align: center; display: inline-block; }
.content.contact-us .social .ico-social > .icon { width: 30px; height: 30px; line-height: 1.2em; font-size: 20px; margin: 5px 5px ; padding-top: 4px; border-radius: 5px; text-align: center; }
.content.contact-us .social .ico-social > .icon > img { width: 90%; margin-top: -7px;}
.content.contact-us .social .ico-social:hover > .icon { background: #db9c5c; color: #fff; }

@media(max-width: 1200px) {
    .content.contact-us .contact-card { left: 5%; }
    .content.contact-us .contact-map { right: 5%; width: 55%; }
}

@media(max-width: 992px) {
    .content.contact-us { padding: 50px 0; }
    .content.contact-us .contact-card, .content.contact-us .contact-map { position: relative; top: unset; left: unset; right: unset; transform: unset; margin: auto; }
    .content.contact-us .contact-card { margin-bottom: 50px; padding: 50px 30px; }
    .content.contact-us .contact-map { height: 500px; width: 80vw; }
}

@media(max-width: 576px) {
    .content.contact-us { padding: 20px 0; }
    .content.contact-us .contact-card { width: 80vw; }
    .content.contact-us .contact-card .logo { max-width: 240px; }
    .content.contact-us .social { text-align: center; }
}

/* Contact Form */
.container.contact-us .content-panel .contact-card { padding: 0 10%; }
.container.contact-us .content-panel .contact-form { padding: 0 15%; }
.container.contact-us .contact-form { font-family: "Poppins", sans-serif; }
.container.contact-us .contact-form input, .container.contact-us .contact-form textarea { width: 100%; border: 1px solid #aaa; padding: 0 10px; font-size: 0.8em;}
.container.contact-us .contact-form .title { color: #999; margin: 10px auto 2px; }
.container.contact-us .contact-form .btnContactSubmit { margin: 10px auto; width: 100%; }

/* 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%; }
}