body #hero { background-image: url(../../../../_resources/banners/hero-banner.jpg) }
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-corporate.jpg) }
body.cat-projects #hero { background-image: url(../../../../_resources/banners/banner-projects-overview-1.jpg) }
body.cat-projects.str-agua-amarga-silver-project #hero { background-image: url(../../../../_resources/banners/banner-agua-1.jpg) }
body.cat-projects.str-gema-properties #hero { background-image: url(../../../../_resources/banners/banner-gema.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: #00231b; 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: 700; font-size: 12px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #000000 }
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; display: none; }
.signup-container .recaptcha.show { opacity: 1; height: 78px; position: relative; display: block; }
.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 }
#width-check { z-index: 0; position: relative }
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 }
}
@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 }
}
.container { position: relative }
#hero { height: 500px }
#hero .text h1 { margin-bottom: 20px }
#hero .text 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: 1.23; letter-spacing: normal; color: #ffffff; font-size: 20px; font-weight: normal }
.signup-container .container { max-width: 100%; padding: 0 40px }
section#about { position: relative; border-top: 1px solid #a4a4a4; border-bottom: 1px solid #a4a4a4 }
section#about .container { max-width: 100%; padding: 0 }
section#about .container > div { flex-basis: calc(33.33% - 0.666px); border-right: 1px solid #a4a4a4; padding: 50px 40px 100px 40px; position: relative }
section#about .container > div h2 { margin-top: 0 }
section#about .container > div .bottom { position: absolute; bottom: 50px }
section#about .container .stock-info { padding: 50px 40px 120px 40px }
section#about .container .stock-info .symbols { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px }
section#about .container .stock-info .symbols > * { margin-bottom: 0; cursor: pointer; transition: all 0.25s ease-in-out }
section#about .container .stock-info .symbols > *:not(.selected) { opacity: 0.5 }
section#about .container .stock-info .symbols > *:first-of-type { padding-right: 40px }
section#about .container .stock-info .info { display: none; justify-content: space-evenly }
section#about .container .stock-info .info.selected { display: flex }
section#about .container .stock-info .info > * { flex-basis: calc(33% - 10px); padding-right: 15px }
section#about .container .stock-info .info > *:last-of-type { padding-right: 0 }
section#about .container .stock-info .info .value { 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; white-space: nowrap }
section#about .container .stock-info .info .value > span { display: inline-block; font-weight: 700; padding: 0 2px; line-height: 24px }
section#about .container .stock-info .info .value i { margin-left: 2px; font-size: 20px; position: relative; top: -5px }
section#about .container .stock-info .info label { 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; display: block; text-transform: uppercase }
section#about .container .stock-info .last-updated { padding-top: 30px; color: rgba(0, 0, 0, 0.6) }
section#about .container .stock-info .bottom { border-top: 1px dashed #000; width: calc(100% - 80px); font-weight: 500; padding-top: 20px; line-height: 22px }
section#about .container .stock-info .bottom:before { content: ""; border-top: 1px dashed #000; position: absolute; top: -5px; width: 100% }
section#about .container .stock-info .bottom .flex-container { align-items: center }
section#about .container .stock-info .bottom .flex-container:hover { opacity: 0.5 }
section#about .container .stock-info .bottom .flex-container strong { 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 }
section#about .container .stock-info .bottom .flex-container .fas { color: #00231b; font-size: 36px; margin-right: 25px }
section#about .container .about { flex-basis: calc(33.33% - 0.666px) }
section#about .container .news { padding-bottom: 120px; border-right: none; padding-right: 40px }
section#about .container .news .news-item { display: block; padding: 13px 0px 22px 0; border-top: 1px dashed #000 }
section#about .container .news .news-item .date { 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 }
section#about .container .news .news-item .title { display: block; 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; overflow: hidden; position: relative; line-height: 1.2em; max-height: 2.4em }
section#about .container .news .news-item .pdf { display: none }
section#about .container .news .news-item:first-of-type { border-top: none }
section#about .container .news .news-item:hover { opacity: 0.5 }
section#projects { position: relative; margin: 0 auto }
section#projects .container { max-width: 100%; padding-left: 0; padding-right: 0 }
section#projects .container .project { display: flex }
section#projects .container .project > * { flex-basis: 50% }
section#projects .container .project .image { background-repeat: no-repeat; background-size: cover }
section#projects .container .project .info { padding: 60px 40px }
section#projects .container .project .info h2 { margin: 0 0 40px 0 }
section#projects .container .project .info .summary { display: flex }
section#projects .container .project .info .summary > * { flex-basis: calc(33.33% - 26px); margin: 0 40px 0 0 }
section#projects .container .project .info .summary > *:last-of-type { margin-right: 0 }
section#projects .container .project .info .summary h5 { 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; text-transform: uppercase; padding: 5px 10px; background-color: #f8e4d5; margin: 0 0 5px 0 }
section#projects .container .project .info .summary div > div { padding: 5px 10px }
section#projects .container .project .info .button { margin-top: 20px }
section#projects .container .project:nth-of-type(even) { flex-direction: row-reverse }
section#projects .container .project:nth-of-type(even) .info { padding-left: 50px }
.homepage-downloads { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: stretch; padding: 20px 20px 30px }
.homepage-downloads a:nth-of-type(1) { margin-right: 10px }
.homepage-downloads a:nth-of-type(2) { margin-left: 10px }
.homepage-downloads a i { font-size: 18px; padding-left: 10px }
@media screen and (max-width:500px) {
  .homepage-downloads { flex-direction: column }
  .homepage-downloads a { min-width: 100% }
  .homepage-downloads a:nth-of-type(1) { margin-right: 0px }
  .homepage-downloads a:nth-of-type(2) { margin-left: 0px }
}
@media (max-width:1580px) {
  section#projects { height: auto !important }
  section#projects .container { padding-left: 0; padding-right: 0 }
}
@media screen and (max-width:1024px) {
  #hero .text h1 { margin-bottom: 30px }
  section#about .container { display: block; padding-left: 0; padding-right: 0 }
  section#about .container > div { padding-bottom: 50px }
  section#about .container > div.stock-info { flex-basis: 50%; padding-left: 50px; padding-bottom: 50px; border-right: none }
  section#about .container > div.stock-info .bottom { width: 100%; position: relative; margin-top: 50px; bottom: initial }
  section#about .container > div.about { flex-basis: 50%; border-top: 1px solid #a4a4a4; border-right: none; padding-right: 50px }
  section#about .container > div.news { flex-basis: 100%; border-top: 1px solid #a4a4a4; padding-left: 50px; padding-right: 50px }
  section#about .container > div .bottom { position: relative; bottom: inherit; width: 100% !important }
  section#about .container .news .news-item .title:before { right: 6px }
  section#projects .container .project { display: block }
  section#projects .container .project .image { min-height: 350px }
}
@media screen and (max-width:767px) {
  .container { max-width: 100% }
  section#about > .container > div { flex-basis: 100% !important; border-right: none; padding: 40px 15px !important; border-top: 1px solid #a4a4a4 }
  section#about > .container > div:first-of-type { border-top: none }
  section#about > .container > div.stock-info h2:first-of-type { margin-bottom: 0px }
  section#about > .container > div.stock-info .symbols { display: block }
  section#about > .container > div.stock-info .bottom { margin-top: 40px }
  section#projects .container .project .info { padding: 40px 15px !important }
  section#projects .container .project .info .summary { display: block }
  section#projects .container .project .info .summary > * { margin-right: 0; margin-top: 30px }
}
@media screen and (max-width:500px) {
  #hero .text h1 { font-size: 30px; line-height: 32px }
  #hero .text h3 { font-size: 20px }
  section#about .container .stock-info .info.selected { display: block }
  section#news-investors div.container > div#investors-section .price { font-size: 50px }
  section#news-investors div.container > div#investors-section .more-info strong { display: block }
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100% }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.top i { color: #fff; font-size: 14px }
.top i:hover { opacity: 0.7; transition: all ease-in-out 250ms }
.video-container a:hover img { opacity: 0.7; transition: all ease-in-out 250ms }