body #hero { background-image: url(../../../../_resources/banners/banner-management.jpg); background-position: 100% 25% }
section#projects .container .project:nth-of-type(1) .image { background-image: url(../../../../_resources/images/homepage-agua-bg.jpg) }
section#projects .container .project:nth-of-type(2) .image { background-image: url(../../../../_resources/images/homepage-gema-bg.jpg) }
@media screen and (max-width:1024px) {
  #hero { background-image: url(../../../../_resources/banners/hero-banner.jpg) }
}
body.cat-corporate #hero { background-image: url(../../../../_resources/banners/banner-corporate2.jpg) }
body.cat-corporate.str-management-and-directors #hero { background-image: url(../../../../_resources/banners/banner-management.jpg); background-position: 100% 25% }
body.cat-corporate.str-corporate-governance #hero { background-image: url(../../../../_resources/banners/banner-management.jpg); background-position: 100% 25% }
body.cat-projects #hero { background-image: url(../../../../_resources/banners/banner-projects-overview-1.jpg?v=0.1) }
body.cat-projects.str-agua-amarga #hero { background-image: url(../../../../_resources/banners/banner-agua-2.jpg) }
body.cat-projects.subcat-gema-properties #hero { background-image: url(../../../../_resources/banners/banner-gema-2.jpg) }
body.cat-investors #hero { background-image: url(../../../../_resources/banners/banner-investors-1.jpg) }
body.cat-news #hero { background-image: url(../../../../_resources/banners/banner-news.jpg) }
body.cat-contact #hero { background-image: url(../../../../_resources/banners/banner-contact.jpg) }
*, *:before, *:after { box-sizing: inherit; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0) }
html { box-sizing: border-box; margin: auto; overflow-x: hidden }
body { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 400; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; color: #000000; position: relative; box-sizing: border-box; margin: 0; background: #FFF; overflow-x: hidden }
section, header, footer { display: block; width: 100% }
h1 { font-family: "azo-sans-web", sans-serif; font-style: normal; font-weight: 700; font-size: 65px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.13; letter-spacing: normal; color: #ffffff }
h2 { font-family: "azo-sans-web", sans-serif; font-style: normal; font-weight: 700; font-size: 36px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000000 }
h3 { font-family: "azo-sans-web", sans-serif; font-style: normal; font-weight: 700; font-size: 26px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000000 }
h4 { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #00231b }
input[type=submit], input[type=text], input[type='email'], input[type='search'], textarea, select, button { -webkit-appearance: none; -moz-appearance: none; box-shadow: none !important; border-radius: 0 }
input[type=submit] { cursor: pointer; transition: all 0.50s ease-in-out }
input[type=text] { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 400; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #7d7d7d; background: transparent; border: 1px #000 dashed; padding: 10px 30px; margin: 0 25px 0 0 }
input[type=text]::-webkit-input-placeholder { color: #FFF }
select::-ms-expand { display: none }
a { text-decoration: none; color: #af7139; transition: all 0.25s ease-in-out }
strong, b { font-weight: 700 }
img, iframe { max-width: 100% }
img { height: auto }
.container { max-width: 1500px; position: relative; padding-left: 40px; padding-right: 40px }
.flex-container { display: flex }
.button-primary, button, .button { margin-top: 10px; font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000000; color: #FFF !important; background-color: #00231b !important; text-align: center; padding: 10px 30px; border: 1px solid #00231b; display: inline-block; cursor: pointer; transition: all 0.25s ease-in-out }
.button-primary:hover, button:hover, .button:hover { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #ffffff; color: #FFF !important; background-color: #af7139 !important; border: 1px solid #929393 }
.button-email { margin-top: 10px; font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000000; color: #000 !important; background-color: #FFF !important; text-align: center; padding: 10px 30px; border: 1px solid #FFF; display: inline-block; cursor: pointer; transition: all 0.25s ease-in-out }
.button-email:hover { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #ffffff; color: #FFF !important; background-color: #000 !important; border: 1px solid #000 }
.white { color: #FFF }
.clear { clear: both }
.center { text-align: center }
.right { text-align: right }
.caption { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000000; font-weight: 400 }
.small-caption { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: normal; font-size: 12px;  font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000000 }
.large{font-size: 20px;}
div.overflow { width: 100%; overflow-x: auto }
p.instruction i { margin-left: 15px }
#hero { display: flex; align-items: center; justify-content: flex-start; position: relative; background-image: url(../../../../_resources/banners/hero.jpg); background-repeat: no-repeat; background-size: cover; height: 645px; width: 100%; z-index: 5 }
#hero .text { position: relative; width: 100% }
#hero .text > * { max-width: 775px }
#hero .text h1 { font-family: "azo-sans-web", sans-serif; font-style: normal; font-weight: 700; font-size: 65px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.13; letter-spacing: normal; color: #ffffff; margin-top: 0; margin-bottom: 30px }
#hero .text h3 { color: #FFF; margin-top: 0 }
#hero .text hr { width: 40px; height: 4px; border: none; border-top: 4px solid #a4a4a4; margin: 0 0 30px 0 }
.popup-container { position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.95); width: 100%; height: 100%; z-index: 1000; color: #FFF; display: none }
.popup-container .content { max-width: 770px; padding: 0px 15px 0px 15px; margin: 300px auto 0px auto }
.popup-container .close { position: absolute; right: 40px; top: 40px; width: 30px; height: 30px; cursor: pointer; font-size: 30px; line-height: 30px }
.popup-container form.signup .textbox { float: none !important; width: 100% !important }
.popup-container form.signup .textbox input { padding: 0px !important }
.popup-container .error-tooltip { top: -50px !important }
.popup-container input { width: 100% }
#search-popup .searchsubmit { position: absolute; height: 0px; width: 0px; border: none; padding: 0px; visibility: hidden }
#search-popup .s { background-color: transparent; border: 0px; font-size: 50px; color: #ffffff }
#search-popup .s:focus { outline: 0 }
#search-popup .s::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) }
#search-popup .s:-moz-placeholder { color: rgba(255, 255, 255, 0.5) }
#search-popup .s::-moz-placeholder { color: rgba(255, 255, 255, 0.5) }
#search-popup .s:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) }
#search-popup fieldset { padding: 0px; border: 0px }
@media (max-width:1580px) {
  .container { padding-left: 40px; padding-right: 40px; width: 100% }
}
@media (max-width:1024px) {
  #hero { height: 530px; padding-top: 79px }
  #hero .text { padding: 0 15px; width: 100% }
  .container { padding-left: 15px; padding-right: 15px; width: 100% }
}
@media (max-width:767px) {
  .container { padding-left: 15px; padding-right: 15px }
  #hero .text { padding: 0 15px }
  #hero .text h1 { font-family: "azo-sans-web", sans-serif; font-style: normal; font-weight: 700; font-size: 43px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #ffffff; color: #FFF }
  .recaptcha { transform-origin: top left; transform: scale(0.7) }
  #search-popup .s { font-size: 20px }
}
header.desktop .top { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000000; background-color: #00231b }
header.desktop .top .container { align-items: center; justify-content: flex-end; padding-right: 0; padding: 10px 40px; max-width: 100% }
header.desktop .top .container > * { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #ffffff; padding: 0 15px; border-right: 1px solid #FFF; line-height: 100% }
header.desktop .top .container > *:last-of-type { border-right: none; padding-right: 0 }
header.desktop .top .container > * > span { padding: 0 2px }
header.desktop .top .container > * i { margin-left: 6px }
header.desktop .bottom .container { align-items: center; justify-content: flex-start; padding: 3px 40px; max-width: 100% }
header.desktop .bottom .container .logo { padding: 0 50px 0 0; transition: all 0.25s ease-in-out; top: 3px; position: relative }
header.desktop .bottom .container .logo:hover { opacity: 0.5 }
header.desktop .bottom .container .logo img { max-height: 76px }
header.desktop .bottom .container nav ul { list-style: none; padding: 0; margin: 0 }
header.desktop .bottom .container nav > ul > li { display: inline-block; padding: 0; position: relative }
header.desktop .bottom .container nav > ul > li a { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #000000; display: block; padding: 30px 20px; position: relative; z-index: 10; text-transform: uppercase }
header.desktop .bottom .container nav > ul > li a:hover { opacity: 0.5 }
header.desktop .bottom .container nav > ul > li:hover > ul { opacity: 1; visibility: visible; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s }
header.desktop .bottom .container nav > ul > li > ul { opacity: 0; visibility: hidden; background: #FFF; min-width: 300px; left: -35px; padding: 25px 40px; position: absolute; top: 100%; z-index: 9; transition: visibility 0s linear 0.1s, opacity 0.3s linear }
header.desktop .bottom .container nav > ul > li > ul li:last-of-type { border-bottom: none }
header.desktop .bottom .container nav > ul > li > ul li a { display: block; padding: 13px 0px; transition: all 0.25s ease-in-out; line-height: 18px }
header.desktop .bottom .container nav > ul > li > ul li a:hover { opacity: 0.5 }
header.desktop .bottom .container nav > ul > li > ul li ul li { border-bottom: none }
header.desktop .bottom .container nav > ul > li > ul li ul li a { padding: 7px 20px; font-weight: 400 }
header.desktop .bottom .container nav > ul > li > ul li ul li:last-of-type a { padding-bottom: 13px }
header.desktop .bottom .container nav > ul > li > ul li.has-children > a { padding-bottom: 7px }
header.desktop .bottom .container .search { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.93; letter-spacing: normal; color: #000000; margin-left: auto }
header.desktop .bottom .container .search i { margin-left: 10px; color: #00231b }
header.desktop .bottom .container .search a:hover { opacity: 0.5 }
header.desktop .bottom .container .search a:hover i { color: #929393 }
header.mobile { display: none; position: fixed; left: 0; top: 0; width: 100%; z-index: 1000 }
header.mobile > .top { display: flex; justify-content: space-between; padding: 12px 15px; width: 100%; align-items: center; background-color: #FFF }
header.mobile > .top .hamburger { width: 33px; cursor: pointer; overflow: hidden }
header.mobile > .top .hamburger span { width: 100%; height: 4px; background-color: #00231b; border-radius: 3px; margin-bottom: 7px; display: block; transition: all 0.25s ease-in-out }
header.mobile > .top .hamburger span:last-of-type { margin-bottom: 0 }
header.mobile > .top .logo { position: relative; top: 2px }
header.mobile > .top .logo img { max-height: 50px }
header.mobile nav { display: none; width: 100%; height: 100vh; overflow-y: auto; background-color: #929393 }
header.mobile nav ul { list-style: none; padding: 0; margin: 0 }
header.mobile nav > ul { margin: 20px 0 }
header.mobile nav > ul > li { position: relative }
header.mobile nav > ul > li a { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #000000; color: #FFF; display: block; margin: 0 20px; padding: 12px 0; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.5) }
header.mobile nav > ul > li > ul { display: none; padding-left: 20px; background-color: #afafaf }
header.mobile nav > ul > li > ul > li:last-of-type a { border-bottom: none }
header.mobile nav > ul > li > ul a { display: block; padding: 13px 0px; transition: all 0.25s ease-in-out; line-height: 18px }
header.mobile nav > ul > li > ul ul li { border-bottom: none }
header.mobile nav > ul > li > ul ul li a { padding: 7px 20px; font-weight: 400 }
header.mobile nav > ul > li > ul ul li:last-of-type a { padding-bottom: 13px }
header.mobile nav > ul > li > ul.has-children > a { padding-bottom: 7px }
header.mobile nav > ul > li.has-children > a:after { content: "+"; right: 0; top: 12px; position: absolute }
header.mobile nav > ul > li.has-children.active > a { border-bottom: none }
header.mobile nav > ul > li.has-children.active > a:after { content: "-"; font-size: 18px }
header.mobile nav > ul > li:last-of-type a { border-bottom: none }
header.mobile nav .search { margin: 0px 20px }
header.mobile nav .search a { color: #FFF; margin: 0px }
header.mobile nav .stock { color: #FFF; font-size: 14px; justify-content: space-between; margin: 20px 0px; padding: 20px 0px; border-top: 1px solid rgba(255, 255, 255, 0.5) }
header.mobile nav .stock div > span { font-weight: 700; padding: 0 2px }
header.mobile nav .stock div i { margin-left: 6px }
header.mobile.open .hamburger span { background-color: #00231b }
header.mobile.open .hamburger span:nth-child(1) { margin-left: 50px }
header.mobile.open .hamburger span:nth-child(2) { transform: translate(0px, 0px) rotate(45deg); border-radius: 2px }
header.mobile.open .hamburger span:nth-child(3) { transform: translate(0px, -11px) rotate(-45deg); border-radius: 2px }
@media (max-width:1580px) {
  header.desktop .bottom .container { padding-left: 50px; padding-right: 50px; width: 100% }
}
@media screen and (max-width:1024px) {
  header.desktop { display: none !important }
  header.mobile { display: block !important }
}
@media screen and (max-width:400px) {
  header.mobile nav .stock { font-size: 10px }
}
.signup-container { background-color: #af7139 !important; padding: 25px 0 }
.signup-container h2 { color: #FFF !important }
.signup-container input[type=text] { border: 1px #FFF dashed !important }
.signup-container h2 { display: inline-block; margin: 0; line-height: 35px; min-width: 500px; margin-right: 80px; margin-top: 5px }
.signup-container .input-fields { display: flex; align-items: flex-end }
.signup-container .input-fields button { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000000; color: #000 !important; background-color: #FFF !important; text-align: center; padding: 10px 30px; border: 1px solid #FFF; display: inline-block; cursor: pointer; transition: all 0.25s ease-in-out; margin-top: 0px; white-space: nowrap }
.signup-container .input-fields button:hover { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #ffffff; color: #FFF !important; background-color: #000 !important; border: 1px solid #000 }
.signup-container .input-fields button i { margin-left: 10px }
.signup-container .input-fields > div { position: relative }
.signup-container .input-fields > div.success:after { content: '\f00c'; color: #39b54a; font-family: 'FontAwesome'; font-size: 18px; top: 8px; position: absolute; right: 30px }
.signup-container .input-fields > div.error:after { content: '\f00d'; color: #730c00; font-family: 'FontAwesome'; font-size: 18px; top: 7px; position: absolute; right: 30px }
.signup-container .input-fields input:-webkit-autofill, .signup-container .input-fields input:-webkit-autofill:hover, .signup-container .input-fields input:-webkit-autofill:focus, .signup-container .input-fields input:-webkit-autofill:active { -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #FFF !important }
.signup-container .recaptcha { opacity: 0; height: 0px; transition: all 0.50s ease-in-out; margin-top: 5px }
.signup-container .recaptcha.show { opacity: 1; height: 78px; position: relative }
.signup-container .signup-message { color: #FFF }
.signup-container input[type=text] { color: #ffffff !important }
@media screen and (max-width:1500px) {
  .signup-container h2 { min-width: 100px }
}
@media screen and (max-width:1024px) {
  .signup-container { background-color: #af7139 !important; padding: 40px 0; width: 100% }
  .signup-container h2 { color: #FFF !important }
  .signup-container input[type=text] { border: 1px #FFF dashed !important }
  .signup-container .container { display: block }
  .signup-container h2 { margin-right: 0; margin-bottom: 25px }
  .signup-container .input-fields { display: block }
  .signup-container .input-fields > div { width: 100% }
  .signup-container .input-fields > div input { margin-right: 0; margin-bottom: 12px; width: 100% }
  .signup-container .input-fields button { margin-left: auto; margin-top: 10px }
}
@media screen and (max-width:767px) {
  .signup-container .container { padding-left: 15px !important; padding-right: 15px !important }
}
footer { transition: all 0.50s ease-in-out; font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #ffffff; padding-top: 80px; background-color: #00231b }
footer .container a { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; color: #ffffff }
footer .container a:hover { opacity: 0.5 }
footer .container .logo { width: 200px; margin-right: 50px }
footer .container .logo a:hover { opacity: 0.5 }
footer .container .logo img { max-width: none; max-height: 120px }
footer .container .about { max-width: 675px; margin-right: 100px }
footer .container h4 { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.28; letter-spacing: normal; color: #ffffff; margin-top: 0 }
footer .container.bottom { padding: 25px 40px; max-width: 100% }
footer .container.bottom > div { flex-basis: 50% }
footer .container.bottom a:hover { opacity: 0.75 }
footer .container.bottom .blender { text-align: right }
footer .container.bottom .blender a strong { color: #FFF }
footer .container .contact { white-space: nowrap; display: flex }
footer .container .contact .social-flexed .fab { font-size: 20px }
footer hr { height: 1px; border: none; color: #FFF; background-color: #FFF; margin-top: 30px }
footer .flex-container { justify-content: space-between }
footer .container .contact div:nth-of-type(1) { margin-right: 130px }
footer .social-flexed { margin-bottom: 20px }
@media screen and (max-width:550px) {
  footer .container .contact { flex-direction: column }
  footer .container .contact div:nth-of-type(1) { margin-bottom: -33px }
  footer .container .contact div:nth-of-type(2) { display: flex; flex-direction: column-reverse; margin-bottom: 30px }
}
#width-check { z-index: 0; position: relative }
@media screen and (max-width:1280px) {
  footer .container .about { max-width: none }
}
@media screen and (max-width:1024px) {
  #width-check { z-index: 1 !important }
  footer .container.bottom { padding-left: 15px; padding-right: 15px }
}
@media screen and (max-width:767px) {
  footer { padding-top: 50px }
  footer .container { display: block }
  footer .container .logo { display: none }
  footer .container .about { margin-right: 0; margin-bottom: 40px }
  footer .container.bottom > div { text-align: center !important }
}
#hero { height: 350px }
main { padding: 50px 0; display: block }
main .sidebar #subnavigation { width: 275px; padding: 0 75px 40px 0; border-bottom: 1px solid #a4a4a4; margin-bottom: 35px }
main .sidebar #subnavigation ul { list-style: none; padding: 0; margin: 0 }
main .sidebar #subnavigation > ul li { padding: 0; position: relative }
main .sidebar #subnavigation > ul li a { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 400; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; color: #000000; transition: all 0.25s ease-in-out; display: block; padding: 3px 0px; position: relative }
main .sidebar #subnavigation > ul li a:hover { opacity: 0.5 }
main .sidebar #subnavigation > ul li.active { padding-left: 20px; position: relative }
main .sidebar #subnavigation > ul li.active:before { font-family: Font Awesome\ 5 Pro; font-weight: 700; content: "\f2ec"; font-size: 10px; transform: rotate(90deg); position: absolute; left: 0; top: 5px; color: #00231b }
main .sidebar #subnavigation > ul li.active > a { }
main .sidebar #subnavigation > ul li > ul > li { margin-left: 20px }
main .sidebar .documents .flex-container { align-items: center; margin-bottom: 25px }
main .sidebar .documents .flex-container:hover { opacity: 0.5 }
main .sidebar .documents .flex-container:hover .fas { color: #929393 }
main .sidebar .documents .flex-container .fas { color: #00231b; font-size: 36px; margin-right: 25px }
main .sidebar .documents .flex-container span strong { color: #00231b }
main .sidebar .documents .flex-container span { color: #000 }
#content { width: calc(100% - 350px); min-height: 200px; color: #333; padding-left: 115px; line-height: 25px }
#content h1, #content h2, #content h3, #content h4, #content h5 { margin: 50px 0px 25px 0px }
#content > *:first-child { margin-top: 0px !important }
#content a:hover:not(.button) { opacity: 0.5 }
#content .news-releases .news-item { display: flex; position: relative; padding: 30px 0px 35px 0; border-bottom: 1px solid #a4a4a4 }
#content .news-releases .news-item .date { display: block; flex-basis: 150px; font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000000; margin-bottom: 5px; text-transform: uppercase; padding-top: 3px }
#content .news-releases .news-item .title { display: block; flex-basis: calc(100% - 230px); font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #00231b }
#content .news-releases .news-item .title:hover { opacity: 0.5 }
#content .news-releases .news-item:last-of-type { border-bottom: none }
#content .news-releases .news-item:hover { opacity: 1 }
#content .news-releases .news-item .pdf { flex-basis: 80px; font-size: 36px; position: relative; top: 10px; padding-bottom: 10px; text-align: right; z-index: 15; color: #00231b }
#content .news-releases .news-item .pdf:hover { color: #929393 }
#content .bio-container { display: flex }
#content .bio-container .bio-image { width: 175px; max-width: initial !important }
#content .bio-container .bio-image img { max-width: 175px !important }
#content .bio-container .bio-content-container { width: calc(100% - 175px); padding-left: 38px }
#content .bio-container .bio-content-container .bio-content { min-height: 177px; height: 177px; position: relative }
#content .bio-container .bio-content-container .bio-content h3.name { margin: 0 }
#content .bio-container .bio-content-container .bio-content h4.title { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.93; letter-spacing: normal; color: #000000; text-transform: uppercase; margin: 0 }
#content .bio-container .bio-content-container .bio-content:after { position: absolute; bottom: 0; left: 0; right: 0; content: ''; display: block; overflow: hidden; height: 45px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 11%, white 86%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); width: 100%; transition: all .65s ease-in-out }
#content .bio-container .bio-content-container .bio-content.active:after { display: none }
#content .bio-container .bio-content-container .bio-content h3.name { margin: 0 }
#content .bio-container .bio-content-container .bio-content h4.title { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.93; letter-spacing: normal; color: #000000; text-transform: uppercase; margin: 0 }
#content .bio-container .bio-content-container .bio-expand { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #00231b; cursor: pointer; margin-top: 15px }
#content .bio-container .bio-content-container .bio-expand:hover { opacity: 0.5 }
#content .bio-container.no-image .bio-image { display: none }
#content .bio-container.no-image .bio-content-container { flex-basis: 100%; width: 100%; padding-left: 0 }
#content table { border-collapse: collapse }
#content table th { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.93; letter-spacing: normal; color: #ffffff; background-color: #929393; border-bottom: 1px solid #a4a4a4; padding: 3px 10px; text-align: left; line-height: 1.2 }
#content table td { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 15px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.93; letter-spacing: normal; color: #000000; padding: 3px 10px; border-bottom: 1px solid #a4a4a4 }
#content table.styled { width: 100% }
#content .gallery-container h2 { margin-top: 0 }
#content .gallery-container .my-gallery { display: flex; flex-wrap: wrap }
#content .gallery-container .my-gallery figure { margin-right: 1px; margin-bottom: 1px; overflow: hidden; padding-top: 15%; padding-bottom: 15%; position: relative; width: calc(1/3 * 100% - 1px); display: flex; align-items: center; justify-content: center; float: none; height: auto }
#content .gallery-container .my-gallery figure:before { background: rgba(43, 66, 159, 0.05); content: " "; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; z-index: 2; pointer-events: none; transition: all 0.275s ease-in-out }
#content .gallery-container .my-gallery figure:after { content: "\f0b2"; color: #ffffff; font-family: Font Awesome\ 5 Pro; font-size: 30px; transition: all 0.25s ease-in-out; opacity: 0; z-index: 10; display: block; flex: 0 1 auto }
#content .gallery-container .my-gallery figure:hover:before { background: rgba(43, 66, 159, 0.85) }
#content .gallery-container .my-gallery figure:hover:after { opacity: 1 }
#content .highcharts-graph { stroke: #00231b }
#content .document-links { margin-bottom: 30px }
#content .document-links a { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #ffffff; display: flex; background-color: #929393; align-items: center; justify-content: flex-start; padding: 15px }
#content .document-links a:hover { opacity: 0.5 }
#content .document-links a:nth-of-type(even) { background-color: rgba(175, 175, 175, 0.8) }
#content .document-links a:before { content: "\f1c1"; font-family: Font Awesome\ 5 Pro; font-size: 26px; display: block; margin-right: 50px; font-weight: 700 }
#content .document-links a span:last-of-type { font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.28; letter-spacing: normal; color: #ffffff; white-space: nowrap }
#content .document-links a span:last-of-type:nth-of-type(2n) { margin-left: auto }
#content .result-item > div:first-of-type { display: block; font-family: acumin-pro, sans-serif; font-style: normal; font-weight: 700; font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000000; margin-bottom: 5px; text-transform: uppercase }
#content .result-item a { font-weight: 700 }
p.instruction { display: none }
@media screen and (max-width:1280px) {
  #content { padding-left: 5% }
  #content table.styled th, #content table.styled td { padding: 10px }
}
@media screen and (max-width:1024px) {
  #hero .text h1 { margin-bottom: 0 }
  h1 { font-family: "azo-sans-web", sans-serif; font-style: normal; font-weight: 700; font-size: 43px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #ffffff }
  p.instruction.show { display: block }
  #content { padding: 45px 0px; margin: 0; width: 100% }
  #content .news-releases .news-item { display: block }
  #content .news-releases .news-item:after { display: none }
  #content .bio-container .bio-content-container { width: 100%; padding-left: 0; padding-top: 10px }
  #content .bio-container { display: block }
  #content .bio-container .bio-image { max-width: 100% }
  #content .bio-container .bio-image img { max-width: 300px }
  #content .document-links a { }
  #content .document-links a:before { flex-basis: 30px; margin-right: 30px }
  #content .document-links a > span { flex-basis: calc(100% - 60px); white-space: normal !important }
  #content .document-links a > span:nth-of-type(2n) { text-align: right }
  main { padding: 0 }
  main .sidebar { display: none }
}
.cat-contact.str-details #content { display: flex; justify-content: space-between }
@media screen and (max-width:640px) {
  .cat-contact.str-details #content { justify-content: flex-start; flex-wrap: wrap }
}
.cat-contact.str-details #content > div { width: calc(50% - 5px) }
@media screen and (max-width:1024px) {
  .cat-contact.str-details #content > div:nth-of-type(1) { width: 300px }
  .cat-contact.str-details #content > div:nth-of-type(2) { width: calc(100% - 320px) }
}
@media screen and (max-width:640px) {
  .cat-contact.str-details #content > div:nth-of-type(2) { width: 100%; margin-top: 10px }
}
.cat-contact.str-details #content > div h2 { margin-top: 0 }
.social-flexed .fab { font-size: 40px }
.gallery-container h2 { display: none }
.mobile-tabs .select-wrapper:nth-of-type(2) { display: none }
.featherlight .featherlight-close-icon { top: -10px !important }
.smaller-img { max-width: 700px; display: block; margin: 0 auto }
.share-structure-table { margin-bottom: 25px }
.advantage-flexed { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; align-content: stretch }
.advantage-flexed div:nth-of-type(1) { width: 100%; max-width: 38px !important }
.advantage-flexed div:nth-of-type(2) { padding-left: 30px }
.advantage-flexed div img.logo-bullet { margin-top: 14px; width: 100%; min-width: 38px }
.why-invest-flexed { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; align-content: stretch; padding-bottom: 20px }
.why-invest-flexed div:nth-of-type(1) { width: 100%; max-width: 50px !important }
.why-invest-flexed div:nth-of-type(2) { padding-left: 30px }
.why-invest-flexed div h4 { margin-top: 0px !important; margin-bottom: 15px !important }
.why-invest-flexed div img { margin-top: 8px; width: 100%; min-width: 50px }
.top i { color: #fff; font-size: 14px }
.top i:hover { opacity: 0.7; transition: all ease-in-out 250ms }
.video-card { max-width: 560px; position: relative; overflow: hidden; margin-bottom: 10px }
.video-card iframe { width: 100%; height: 315px }
.video-card iframe + h4 { margin-top: 0 !important }
.video-card iframe + h4 span { font-size: 15px; display: block; color: #000000 }
@media (max-width:767px) {
  .video-card iframe { height: 247px }
}
