/* #region Globals */

* {
    font-family: 'Aptos', sans-serif;
}

body {
    background-color: #2c3e50;
}

/* #region Headers */
h1 {
    font-size: 5rem;
    line-height: 5rem;
    line-height:1;
    font-weight:bold;
    color: #fff;
}

.pagetop h1 {
    font-size: calc(2rem + 2vw);
    line-height: calc(2rem + 2vw);
}

h2 {
    font-size: 3rem;
    line-height: 3rem;
    font-weight: 600;
}

h3 {
    font-size: 2.5rem;
    line-height: 2.5rem;
    font-weight: 600;
}

h3 span {
    font-size: 1.4rem;
    margin-left: 10px;
}

h4 {
    color: #e6b95a;
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: 600;
}

h5 {
    color: #222;
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: 600;
}

@media only screen and (max-width:1000px) {
    h1 {
        font-size: calc(2rem + 1.5vw);
        line-height: calc(2rem + 1.5vw);
    }
}

@media only screen and (max-width: 1400px) {

    h2 {
        font-size: 2rem;
        line-height: 2rem;
    }
}

/* #endregion */


.hidden {
    display: none !important;
}

.placeholder {
    background-image: url('images/slide-1.jpg');
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.place-logo {
    background-image: url('modules/stickymenu/images/max-logo.png');
    background-size: contain;
    width: 100%;
    height: 15vw;
    background-repeat: no-repeat;
    background-position: bottom center;
    margin-bottom: 30px;
}

.placeholder h1 {
    text-align: center;
    color: #fff;
}

/* #endregion */

/* #region Latest News */

.latest-news {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
}

.latest-news li {
    list-style-type: none;
    background-color: #1e2427;
    color: #eee;
    width: 35%;
    border-right: 1px dotted rgba(255, 255, 255, .5);
}

.latest-news li:last-child {
    border-right: 0;
}

.latest-news li span {
    display: block;
    font-weight: bold;
}

.latest-news li a {
    color: #ddd;
    padding: 30px;
    text-transform: uppercase;
    height: 100%;
}

.latest-news li:hover a {
    color: #fff;
    text-decoration: underline;
}

@media only screen and (max-width: 1100px) {
    .latest-news .boxbox {
        display: block;
    }

    .latest-news li {
        width: 100%;
    }
}

.latest-button {
    height: 50%;
    width: 100%;
    border: 0;
    background-color: #eee;
    font-size: 24px;
    font-weight: bold;
    color: #666;
    border-right: 1px solid #ccc;
    transition: all .5s;
    padding-left: 20px;
    background-image: url('images/right-arrow-white.png');
    background-position: center left -30px;
    background-repeat: no-repeat;
}

.latest-button:first-child {
    border-bottom: 1px solid #ccc;
}

.latest-button:focus {
    outline: none;
}

.latest-button:hover {
    color: #222;
    cursor: pointer;
}

.latest-active {
    background-color: #1e2427;
    color: #fff;
    border-right-color: #1e2427;
    pointer-events: none;
    padding-left: 50px;
    background-position: center left 20px;
}

.latest-box {
    width: 25%;
}

.latest-bar {
    width: 75%;
}

@media only screen and (max-width: 1100px) {
    .latest-box {
        display: flex;
        width: 100%;
    }

    .latest-bar {
        width: 100%;
    }

    .latest-button {
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .latest-button:first-child {
        border: 0;
    }

    .latest-news .boxbox {
        margin: 0;
        width: 100%;
    }
}

@media only screen and (max-width: 700px) {
    .latest-bar {
        display: block;
    }

    .latest-news li {
        border: 0;
    }
}

/* #endregion */

/* #region Home */
.homehero h1 {
    font-size:unset;
    line-height:unset;
}

.homehero .maintext {
    text-align:center;
}

.about-blue {
    background-color: #153951;
}

.about-quote {
    background-color: #153951;
    color: #fff;
    padding-left: 30px;
    justify-content: center;
}

.about-line {
    border-bottom: 1px solid #8a9ca8;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.about-quote h5 {
    font-size: 48px;
    font-weight: 400;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.about-quote span {
    font-size: 24px;
    font-weight: 600;
}

.quote-large {
    font-size: 36px !important;
}

.about-left {
    padding-right: 50px;
}

.about-right {
    padding-left: 50px;
}

@media only screen and (max-width: 1100px) {
    .about-right {
        margin-top: 0;
        padding-left: 0;
        text-align: center;
    }
}

.about-right img {
    max-width: 500px;
    cursor: pointer;
}

@media only screen and (max-width: 1400px) {
    .about-right img {
        max-width: 400px;
    }
}

@media only screen and (max-width: 1100px) {
    .about-right img {
        max-height: 60vw;
    }
}

@media only screen and (max-width: 800px) {
    .about-right img {
        max-height: 90vw;
        max-width: 100%;
    }
}

.about-bg {
    background: #fff;
}

.about-copper {
    background-image: url('images/max-copper.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.copper-bg {
    background-color: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.copper-left {
    width: 66%;
}

.copper-right {
    width: 30%;
}

@media only screen and (max-width: 800px) {

    .copper-right,
    .copper-left {
        width: 100%;
    }

    .copper-right {
        height: 200px;
    }
}

.why-1 {
    background-image: url('images/why-1.png');
}

.why-2 {
    background-image: url('images/why-2.png');
}

.why-3 {
    background-image: url('images/why-3.png');
}

.why-4 {
    background-image: url('images/why-4.png');
}

.why-back {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.why-gold {
    background-image: url('images/max-gold.png');
}

.why-choco {
    background-image: url('images/max_cgp_gold.jpg');
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
    width: 50%;
    cursor: pointer;
}

.choco-pad {
    padding-left: 100px;
}

.north-pad {
    padding-right: 100px;
}

.north-img {
    background-image: url('images/north-mines.png');
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
    width: 50%;
}

.why-north {
    background-image: url('images/bg-north.jpg');
    background-size: cover;
}

.why-north h2,
.why-north p {
    color: #fff;
}

@media only screen and (max-width: 1000px) {
    .why-gold {
        height: 200px;
    }

    .choco-flex .half {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .why-choco {
        width: 100%;
        height: 200px;
        background-position: center center;
    }

    .choco-flex {
        flex-direction: column-reverse;
    }

    .north-vid {
        margin-bottom: 30px;
        height: 300px;
    }

    .north-pad {
        padding-right: 0;
    }
}

.why-plat {
    background-image: url('images/max-plat.png');
}

.about-text b {
    font-weight: bold;
    text-transform: capitalize;
}

.why-bg {
    background: #eee;
    color: #111;
    border-top: 1px solid #ccc;
}

.cong-bg {
    background-image: url('images/slide-2.jpg');
    background-size: cover;
    color: #fff
}

.colo-bg {
    color: #fff;
}

.about-text h2 {
    font-size: 48px;
}

.why-text {
    text-align: left;
    padding-right: 0;
}

.why-text p {
    text-align: right;
}

.gary-quote {
    background-image: url('images/gary-goldberg.png');
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: -20px;
}

.ivan-quote {
    background-image: url('images/ivan-duque.png');
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: -20px;
}


.link-pdf {
    background-image: url('images/link-pdf.png');
}

.link-vid {
    background-image: url('images/link-vid.png');
}

.loc-map {
    background-image: url('images/loc-map.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.bear-box div {
    text-align: center;
    width: 30%;
}

.bear-top {
    background-image: url('images/gold-bear.png');
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 60px 0;
    text-align: center;
    text-shadow: 0px 0px 10px #222;
}

@media only screen and (max-width: 800px) {
    .bear-box {
        display: block;
    }

    .bear-box div {
        width: 100%;
    }
}

.about-bg {
    background-image: url('images/about-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.logo-bg {
    background-image: url('images/about-bg.png');
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
    background-color: #fff;
}



@media only screen and (max-width: 1100px) {
    .loc-map {
        background-size: contain;
    }
}

@media only screen and (max-width: 1100px) {
    .logo-bg {
        background-image: none;
    }

    .loc-map,
    .gold-bear {
        display: none;
    }

    .about-text {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .about-text a {
        display: block;
        padding: 20px;
        text-align: center;
    }

    .about-text h2 {
        font-size: 36px;
        font-weight: 600;
    }
}


/* #endregion */

.header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

/* #region Content */

.maincontent {
    color: #333333;
    background-image: url('images/content-bg.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color: #fcfcfc;
    box-shadow: 0px -5px 15px 0px rgba(0, 0, 0, 0.25);
    position: relative;
    padding-top: 60px;
    padding-bottom: 90px;
}

.content-spacer {
    background-color: #d5eeff;
    height: 5px;
    width: 100px;
    margin-bottom: 50px;
}

@media only screen and (max-width: 1300px) {
    .content-spacer {
        margin-left: auto;
        margin-right: auto;
    }
}

.content .project .section {
    padding-left: 3rem;
    padding-right: 3rem;
}

.content .project .secalt {
    background-color: rgba(245, 245, 245, 0.8);
    padding: 3rem;
}

.content .project .item {
    padding:1rem;
    border:2px solid #ccc;
    border-radius:0.5rem;
}

@media only screen and (max-width:800px) {
    .content .project .section {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .content .project .secalt {
        padding: 1rem;
    }
}

/* #endregion */

/* #region Main */

.main-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    transition: opacity 2s;
}

.top-slide {
    z-index: 8;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 2s;
    pointer-events: none;
}

.top-slide h4 {
    margin-top: 20px;
    margin-bottom: 0 !important;
}

.txtslide-show {
    opacity: 1;
    pointer-events: all;
}

.txtslide-show h4 {
    margin-top: 0;
    margin-bottom: 20px !important;
}

.txtslide-show h4 span {
    font-weight: normal;
}

.textslide-show a {
    margin-right: 20px;
    margin-left: -20px;
}

#slide-1 {
    background-image: url('images/slide-1.jpg');
}

#slide-2 {
    background-image: url('images/bg-gold2.jpg');
}

#slide-3 {
    background-image: url('images/bg-gold2.jpg');
}

.main-top {
    background-color:#2c3e50;
}

.main-top-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('images/max_top_hero_one.jpg');
    background-size: cover;
    background-position: center top;
    opacity:0.25;
}

.main-center {
    text-align: center;
}

.main-bottom {
    position: relative;
    z-index: 9;
    background-color: #222;
    border-radius: 5px;
    padding: 10px 40px;
    margin-top: -30px;
    box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.35);
}

.main-bottom span {
    color: #fff;
    font-size: 32px;
}

.main-bottom img {
    width: auto;
    height: 24px;
}

@media only screen and (max-width: 800px) {
    .main-bottom {
        padding: 10px 20px;
        margin-top: 20px;
        margin-bottom: -20px;
    }

    .main-bottom span {
        font-size: 18px;
    }

    .main-bottom img {
        height: 18px;
    }
}

@media only screen and (max-width: 600px) {
    .main-bottom {
        padding: 10px 10px;
    }

    .main-bottom span {
        font-size: 14px;
    }

    .main-bottom img {
        height: 14px;
    }
}

.mainbox {
    padding-top: 280px;
    padding-bottom: 15px;
}

.main-button {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    padding: 10px 20px;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 40px;
    border-radius: 5px;
}

.main-button:hover {
    background-color: #20bf55;
    padding: 10px 40px;
    border-color: #20bf55;
}

.main-wrap {
    position: relative;
    background: linear-gradient(180deg, #2c3e50 0%, #34495e 100%);
    min-height: 100vh;
    transition: transform 3s cubic-bezier(0.075, 0.82, 0.165, 1);
    transform: scale(1);
    z-index: 3;
}

.main-wrap .overzoom {
    transform: scale(0.8);
}

.main-wrap .under {
    position: absolute;
    height:0;
    border-radius:2rem;
    top: 3rem;
    left: 3rem;
    width: 0;
    overflow: hidden;
    z-index: 1;
    transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);
    box-shadow:0 0 2rem 0 rgba(0,0,0,0.25);
    opacity:0.25;
}

.main-wrap .underdown {
    width: calc(100% - 6rem);
    height: calc(100% - 6rem);
}

.main-wrap .under video {
    position: absolute;
    min-width: 100vw;
    min-height: 100vh;
}

.main-wrap .under iframe {
    min-height: 25vw;
    width: 50%;
    margin-left: auto;
}

.main-wrap .over {
    position: relative;
    z-index: 3;
}

.main-wrap .text span {
    display: block;
    font-size: 2rem;
    line-height: 2rem;
    color: #ccc;
    margin-right: 1rem;
    font-weight: 600;
}

.main-wrap .text .line {
    height: 2px;
    background-color: #ccc;
}

.main-wrap h1 {
    color: #fff;
}

.aboutus .latest {
    margin-bottom: 2rem;
    position: relative;
}

.aboutus .latest .headline {
    font-size: 1rem;
    color: #fff;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.aboutus .latest a {
    width: 23%;
    border-radius: 0.5rem;
    padding: 1rem;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    position: relative;
    overflow: hidden;
}

.aboutus .latest a:hover {
    color: #e6b95a;
    transform: scale(1.05);
}

.aboutus .latest a:last-of-type {
    background-image: linear-gradient(135deg, #bb8d36 0%, #e6b95a 100%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.aboutus .latest a:last-of-type .overtext {
    text-align: center;
    width: 100%;
    font-size: 2rem;
    font-weight: 500;
}

.aboutus .latest a:last-of-type:hover {
    color: #fff;
}

.aboutus .latest span {
    display: block;
    font-weight: bold;
}

.aboutus .latest a div:last-of-type {
    position: relative;
}

.aboutus .latest a .undernews {
    position: absolute;
    top: -100%;
    left: 50%;
    width: 0;
    height: 300%;
    background-color: #fff;
    transition: all .3s;
    transform: rotate(45deg);
}

.aboutus .latest a:hover .undernews {
    width: 200%;
    left: -50%;
}

.aboutus .latest a:last-of-type .undernews {
    background-color: #e6b95a;
}

@media only screen and (max-width: 1400px) {

    .main-wrap .text span {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }

    .aboutus .latest a:nth-child(3) {
        display: none;
    }

    .aboutus .latest a {
        width: 32%;
    }

    .aboutus .latest a:last-of-type .overtext {
        font-size: 1.5rem;
    }
}

@media only screen and (max-width: 1000px) {
    .aboutus .latest a:nth-child(2) {
        display: none;
    }

    .aboutus .latest a {
        width: 100%;
    }

}

@media only screen and (max-width:600px) {
    .aboutus .latest .newslist {
        display: block;
    }

    .aboutus .latest a {
        width: 100%;
    }

    .aboutus .latest a:last-of-type .overtext {
        font-size: 1.2rem;
    }
}

.main-under {
    position: relative;
    height: 600px;
    z-index: 2;
}

.home {
    position: relative;
    z-index: 2;
    background-color: #fff;
}

.home .quotebox {
    margin-bottom: 60px;
}

.cesar p,
.cesar p * {
    font-size: 1.5rem;
    line-height: 3rem;
}

.homevideo {
    background-color: #fff;
}

.homevideo iframe {
    width: 50%;
    height: 400px;
    margin-left: 3rem;
}

@media only screen and (max-width:900px) {
    .homevideo .flex {
        flex-direction: column-reverse;
    }

    .homevideo iframe,
    .homevideo .half {
        width: 100%;
    }

    .homevideo iframe {
        margin-left: 0;
        margin-bottom: 3rem;
        height: 45vw;
    }
}

.abs-under {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0a1c24;
    z-index: 1;
    display: none;
}

.hero-over {
    position: absolute;
    bottom: 50px;
    right: 0;
    width: 700px;
    background-color: #112e3b;
    border-radius: 5px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    padding: 30px;
    padding-bottom: 0;
}

.hero-over p {
    font-size: 18px;
    color: #fff;
}

.hero-over h2 {
    font-size: 48px;
    line-height: 48px;
    color: #343434;
}

.hero-over span {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #f5bb3f;
    text-align: right;
    margin-top: 10px;
}

.hero-over a {
    color: #221f1f;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: -15px;
    padding-right: 30px;
    background-color: #d5eeff;
    padding: 10px 20px;
    display: table;
    border-radius: 5px;
    background-image: url('images/hero-right-arrow.png');
    background-size: 24px auto;
    background-repeat: no-repeat;
    background-position: center right -32px;
}

.hero-over a:hover {
    background-color: #f5bb3f;
    color: #fff;
    background-position: center right 5px;
    padding-right: 30px;
}

@media only screen and (max-width: 1700px) {
    .hero-over {
        width: 700px;
        padding: 20px;
        padding-bottom: 0;
    }

    .hero-over a {
        margin-bottom: -20px;
    }

    .hero-over h2 {
        font-size: 32px;
        line-height: 32px;
    }

    .main-under {
        height: 400px;
    }

    .hero-map {
        background-size: 500px auto;
    }

    .hero-map #mapboxcol {
        left: 94px;
        top: -8px;
    }

    .hero-map #mapboxperu {
        left: 107px;
        top: 285px;
    }
}

.maxwide {
    max-width: 100%;
}

@media only screen and (max-width: 1100px) {
    .hero-over {
        width: 400px;
    }
}

@media only screen and (max-width: 1000px) {
    .main-under {
        height: auto;
    }

    .hero-map {
        position: relative;
        height: 460px;
    }

    .hero-over {
        position: relative;
        width: 100%;
    }

    .hero-over a {
        display: inline-block;
        margin-top: 5px;
    }
}

@media only screen and (max-width: 800px) {
    .hero-map .mapbox .maintxt {
        font-size: 24px;
        line-height: 22px;
    }

    .hero-map .mapbox .subtxt {
        font-size: 14px;
    }

    .hero-map .mapbox a {
        font-size: 14px;
    }

    .hero-over p {
        font-size: 18px;
    }
}

.secline {
    width: 100%;
    height: 2px;
    background-color: #221f1f;
    margin-top: 20px;
}

.dark .secline {
    background-color: #eee;
}

.hero-over .secline {
    background-color: #f5bb3f;
}

.pge-main {
    background-image: url('images/projects/pge2/pge-ppt.png');
    margin-top: -50px;
    margin-bottom: -50px;
    background-position: center center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 1000px) {

    .pge-main,
    .cesarhome {
        margin-bottom: 50px !important;
    }
}

@media only screen and (max-width: 500px) {
    .pge-main {
        background-size: contain;
        height: 70vw !important;
    }
}

.north-under {
    background-image: url('images/bg-main-north.jpg');
}

.choco-under {
    background-image: url('images/bg-main-choco.jpg');
}

.cesar-under {
    background-image: url('images/bg-main-cesar.jpg');
}

.cesarhome {
    background-image: url('images/cesar-location-home.jpg');
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
    width: 100%;
    height: 25vw;
    margin-top: 30px;
}

@media only screen and (max-width: 1400px) {
    .cesarhome {
        height: 35vw;
    }
}

@media only screen and (max-width: 1100px) {
    .cesarhome {
        height: 45vw;
    }
}

@media only screen and (max-width: 600px) {
    .cesarhome {
        height: 60vw;
    }
}

.cesarmain {
    background-image: url('images/Geological Schematic.png');
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
}

.max_x {
    background-image: url('images/max_x.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: -40px;
    position: relative;
    z-index: 3;
}

@media only screen and (max-width: 1000px) {
    .max_x {
        display: none;
    }
}

.main-screen {
    height: 100%;
    position: relative;
    z-index: 3;
}

@media only screen and (max-width: 800px) {
    .main-screen {
        height: auto;
        min-height: 100%;
    }
}

.main-screen h1 {
    font-size: 68px;
    font-weight: 500;
    line-height: 72px;
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 1400px) {
    .main-screen h1 {
        font-size: 64px;
        line-height: 64px;
    }
}

.main-screen h2 {
    font-size: 36px;
    color: #e1b34f;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 36px;
}

.main-screen h2 b {
    font-weight: bold;
    color: #ffbd31;
}

.main-screen h3 {
    text-align: center;
    font-size: 24px;
    color: #eee;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 24px;
    margin-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 100px;
    background-image: url('images/down-arrow.png');
    background-position: center bottom;
    background-repeat: no-repeat;
}

.main-link {
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #fff;
    color: #fff;
    font-size: 24px;
    margin-top: 40px;
    padding: 10px 100px;
    opacity: 0.6;
    display: table;
    border-radius: 5px;
    margin-bottom: 100px;
}

.main-link:hover {
    opacity: 1;
    padding: 10px 120px;
}

@media only screen and (max-width:1100px) {
    .abouttext {
        width: 100%;
    }

    .hero-map {
        width: 100%;
        height: 460px;
    }
}

/* #endregion */

/* #region News Slider */

.news-slider {
    width: 100vw;
    height: 100%;
    position: absolute;
    transition: left 1s;
    transition-timing-function: ease-in-out !important;
}

.news-button {
    position: absolute;
    z-index: 9;
    top: 50%;
    height: 50px;
    width: 50px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    opacity: .5;
    cursor: pointer;
}

.news-button:hover {
    opacity: 1;
}

.news-left {
    left: 20px;
    background-image: url('images/arrow-left.png');
}

.news-left:hover {
    background-position: center left;
}

.news-right:hover {
    background-position: center right;
}

.news-right {
    right: 20px;
    background-image: url('images/arrow-right.png');
}

/* #endregion */

/* #region Content Top Bar */

.content {
    background-color: #fff;
    position: relative;
}

.content-top h4 {
    color: #fff;
    font-size: 52px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.content-top {
    background-image: url('images/big-bg.jpg');
    background-size: cover;
    background-position: center;
    overflow: hidden;
    padding: 180px 0 50px 0;
}

/* #endregion */

/* #region Page: Management */

.management h5 {
    font-size: 24px;
    color: #666;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
}

.content .management .item {
    background-color: rgba(255, 255, 255, 0.85);
    padding: 30px;
    border: 1px solid #ccc;
    width: 48%;
    margin-bottom: 4%;
}

.content .management .manbox .item:nth-child(2n+1) {
    margin-left: 4%;
}

.content .management .advbox .item:nth-child(2n) {
    margin-left: 4%;
}

.content .management .matich {
    width: 100%;
    margin-left: 0 !important;
}

.content .management .item h3 {
    margin-bottom: 0;
}

@media only screen and (max-width:1100px) {
    .content .management .item {
        width: 100%;
        margin-left: 0 !important;
    }
}

@media only screen and (max-width:800px) {

    .content .management .item h3 span {
        display: block;
        margin-left: 0;
    }

}

/* #endregion */

/* #region Page: Contact */

.con-top {
    margin-bottom: 30px;
    display: none;
}

.con-top div {
    width: 50%;
}

.con-top div:last-child {
    margin-left: 20px;
}

@media only screen and (max-width: 1300px) {
    .con-top {
        display: flex;
    }
}

@media only screen and (max-width: 700px) {
    .con-top {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .con-top div {
        width: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .con-top div:first-child {
        margin-bottom: 40px;
    }

    .con-top p,
    .con-top h4 {
        text-align: center;
    }

    .con-top div:last-child {
        margin: 0;
    }
}

/* #endregion */
/* 	
#######################################
	Main Text
#######################################
*/

.imgfull {
    margin: 20px auto 0 auto;
    display: block;
    max-width: 100%;
}

.content img {
    max-width: 100%;
}

.imgthird {
    width: 30%;
}

.imgfull:hover,
.imgright:hover,
.imgleft:hover,
.imgthird:hover {
    opacity: 0.75;
    cursor: pointer;
}

@media only screen and (max-width: 800px) {
    .flexconbrk {
        display: block;
    }

    .break {
        display: block;
    }

    .break>*:not(last-of-type) {
        margin-bottom: 15px;
    }
}

/* #region Page: News + Archive */
.news h3 {
    padding-bottom: 20px;
    color: #111;
}

.news p:not(:last-child) {
    margin-bottom: 20px;
}

.news strong {
    font-weight: bold;
}

.news li {
    margin-left: 30px;
    margin-bottom: 10px;
    font-size: 18px;
}

.news img {
    display: block;
    margin: auto;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1300px) {
    .news img {
        max-width: 100%;
    }
}

.news table {
    margin-left: auto;
    margin-right: auto;
}

.news-link {
    padding: 15px 40px !important;
    border-radius: 3px;
    display: inline-block !important;
    font-weight: bold;
    color: #002929;
    border: 1px solid #002929 !important;
    text-transform: uppercase;
}

.news-link:hover {
    color: #fff !important;
    background-color: #002929;
    text-decoration: none !important;
}

.curr-year {
    margin-bottom: 10px;
    background-color: #e6b95a;
    color: #fff;
    padding: 10px 0px;
    width: 75px;
    text-align: center;
    font-weight: bold;
    cursor: default;
    margin-right: 10px;
}

.new-year {
    display: block;
    color: #111;
    padding: 10px 0px;
    width: 75px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #231f20;
    margin-right: 10px;
    margin-bottom: 10px;
    opacity: .7;
}

.new-year:hover {
    opacity: 1;
}

.news-item {
    color: #222;
    border: 2px solid #aaa;
    border-radius: 5px;
    display: block;
    padding: 15px;
    margin-bottom: 20px;
    text-transform: uppercase;
    width: 32%;
    margin-right: 2%;
}

.news-item:nth-child(3n) {
    margin-right: 0;
}

.news-item span {
    font-weight: bold;
    display: block;
}

.news-item:hover {
    color: #e6b95a;
    background-color: rgba(255, 255, 255, 0.85);
    transform: scale(1.05);
    border-color: #e6b95a;
}

@media only screen and (max-width:800px) {
    .news-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
}

.mo-around {
    margin-bottom: 20px;
}

@media only screen and (max-width: 600px) {
    .mo-around {
        justify-content: space-around;
    }
}

/* #endregion */

/* 	
#######################################
	Stock Page
#######################################
*/

#tradingview_fddb8 {
    height: 400px;
}

#structure table tr td,
#schedule table tr td {
    font-size: 24px;
}

#structure table tr td:last-child {
    font-weight: 600;
    padding-left: 30px;
    padding-bottom: 5px;
}

#schedule table tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.1);
}

#schedule table tr:first-child td {
    background-color: #153951;
    color: #fff;
}

#schedule table tr td {
    text-align: right;
    padding: 10px 20px;
}

#schedule,
#structure {
    margin-top: 30px;
}

#schedule table {
    margin-top: 10px;
}

@media only screen and (max-width: 600px) {
    #schedule table tr td {
        font-size: 14px;
        padding: 10px;
    }

    #schedule table {
        width: 100%;
    }

    #schedule h3,
    #structure h3,
    #structure h4 {
        text-align: center;
    }

    #structure h4 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    #structure table {
        margin: auto;
    }
}

/* 	
#######################################
	Custom Stylings
#######################################
*/

#content {
    overflow: visible;
}

.content form input,
.content form textarea {
    padding: 15px;
    border: 1px solid #ccc;
    font-size: 18px;
}

.content form input[type=text] {
    width: 50%;
}

.content form input[type=text]:last-child {
    margin-left: 20px;
}

.content form textarea {
    width: 100%;
    resize: none;
    height: 300px;
}

.content form input[type=submit] {
    width: 100%;
}

.content input[type=submit] {
    padding: 15px 20px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    background-color: #0f2738;
    border: 0;
    text-align: center;
    cursor: pointer;
    transition: all .3s;
}

.content input[type=submit]:hover {
    background-color: #20bf55;
}


.main-map {
    background-image: url('images/main-map.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    margin-top: -20px;
    position: relative;
}

/* 	
#######################################
	Directory Page
#######################################
*/

#directory h4:not(:first-child) {
    margin-top: 40px;
}

#directory table tr td:first-child {
    font-weight: bold;
    padding-right: 20px;
}

#directory table tr td {
    padding-top: 10px;
    vertical-align: top;
}


/* 	
#######################################
	Mobile
#######################################
*/

@media only screen and (max-width: 600px) {
    #content-top {
        display: none;
    }
}

/* 	
#######################################
	Project Page
#######################################
*/

.project-img-full {
    width: 100%;
    margin-top: 20px;
}

.project-img-right {
    float: right;
    width: 50%;
    margin-left: 20px !important;
    margin-top: 20px;
}

.project-img-left {
    float: left;
    width: 50%;
    margin-right: 20px !important;
    margin-top: 20px;
}

.project-map-link {
    margin-top: 0;
    opacity: .75;
    text-align: center;
    color: #111;
    font-style: italic;
    font-weight: bold;
}

.project-map-link:hover {
    opacity: 1;
}

.project-map-link img {
    margin-bottom: 5px;
}

@media only screen and (max-width:1000px) {
    .project .block-half {
        margin-top: 2rem;
    }
}

@media only screen and (max-width: 800px) {

    .project-img-right,
    .project-img-left {
        width: 100%;
        float: none;
        margin: 0 !important;
    }

    .project-map-link img {
        width: 100%;
    }
}

.project-page ul {
    list-style-position: outside;
}

.project-page li {
    margin-top: 20px;
    font-size: 18px;
    margin-left: 40px;
}

.project-page li i {
    font-size: 12px;
}

.project-page h4 {
    margin-top: 20px;
}

.project-page h5 {
    font-size: 24px;
    font-weight: bold;
    color: #222;
    margin-top: 20px;
}

#project-side h4 {
    font-size: 24px;
    font-weight: 600;
    color: #4b91e0;
    padding-bottom: 5px;
    text-transform: uppercase;
}

.proj-foot-link {
    display: table;
    background-color: #20bf55;
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    opacity: .75;
    transition: all .3s;
    border-radius: 3px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: center left -30px;
    margin-top: 40px;
    background-image: url('images/link-arrow.png');
}

.proj-foot-link:hover {
    opacity: 1;
    padding-left: 30px;
    background-position: center left 10px;
}

.side-timeline a:hover {
    color: #111;
}

.side-timeline a:not(:last-child) {
    border-bottom: 1px dotted #ccc;
}

.timeline-active {
    text-indent: 20px;
    background-image: url('images/right-arrow.png');
    background-repeat: no-repeat;
    background-position: center left;
    cursor: default !important;
}

.timeline-active:hover {
    text-indent: 20px !important;
}

#project-side div:not(:last-child) {
    margin-bottom: 30px;
}

#project-side ul li:last-child {
    border-bottom: 0;
}

.side-overview {
    padding: 0 !important;
    border: 0 !important;
}

.side-overview a {
    padding: 15px 20px !important;
    font-weight: 600;
    border: 1px solid #ccc;
}

.side-overview a:hover {
    background-color: #20bf55;
    color: #fff;
}

.side-resources {
    padding: 0 !important;
}

.side-resources a {
    padding: 15px 20px !important;
    font-weight: 600;
}

.side-resources a:hover {
    background-color: #20bf55;
}

@media only screen and (max-width: 1300px) {
    #project .flex-kill {
        flex-wrap: wrap;
    }

    #project .sidewidth {
        width: 100%;
        padding: 20px;
        border: 1px solid #ccc;
    }

    #project-side {
        margin-right: 0;
    }
}


/* 	
#######################################
	Gallery List
#######################################
*/

.gallery-list a {
    width: 150px;
    height: 150px;
    margin: 20px;
    background-size: cover;
    background-position: center center;
    opacity: .8;
}

@media only screen and (max-width: 450px) {
    .gallery-list a {
        width: 100%;
        height: 200px;
    }
}

.gallery-list a:hover {
    opacity: 1;
    cursor: pointer;
}

@media only screen and (max-width: 1200px) {
    .list-hack {
        justify-content: space-around;
    }
}

/* #region System Messages */
.system {
    width: 100%;
    text-align: center;
    color: #fff;
    background-color: #222;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 600;
    display: none;
    padding: 15px;
}

.system-yes {
    background-color: #20bf55;
}

.system-no {
    background-color: #da2525;
}

/* #endregion */

.header .upper {
    height: 3rem;
    transition: all 0.5s ease-in-out;
}


.scrolled .upper {
    height: 0;
}

.header .upper .boxbox {
    height: 100%;
}

.header .upper .socials {
    background-image: linear-gradient(135deg, #bb8d36 0%, #e6b95a 100%);
    padding: 0.25rem .5rem;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    height: calc(100% + 2rem);
    align-items: end;
    justify-content: flex-end;
    margin-bottom: 0.5rem;
    width: 23%;
    transition: all 0.3s ease-in-out;
}

.scrolled .upper .socials {
    height: 100%;
}

.header .upper .socials span {
    color: #ffffff;
    opacity: .8;
    font-size: .8rem;
    font-weight: 600;
    margin-right: 10px;
}

.header .upper .socials .fa-brands {
    color: #ffffff;
    opacity: .75;
    font-size: 1.5rem;
}

.header .upper .socials a:not(:last-of-type) {
    margin-right: 10px;
}

.header .upper .socials:hover a {
    opacity: .25;
}

.header .upper .socials a:hover {
    opacity: 1;
}

.header .upper .quote {
    gap: 2rem;
    transition: all 0.5s ease-in-out;
}

.scrolled .upper .quote {
    margin-top: -1rem;
}

.lower-logo {
    background-image: url('images/2024-08/max_logo_new.png');
}

@media only screen and (max-width: 1400px) {
    .header .upper .socials {
        width: 32%;
    }
}

@media only screen and (max-width: 1300px) {
    .upper .quote {
        display: flex;
    }

    .header .main {
        display: flex;
    }

    .lower-menu {
        display: flex;
    }
}

@media only screen and (max-width: 1000px) {
    .header .upper .socials {
        width: 49%;
    }
}

@media only screen and (max-width: 800px) {
    .header .upper .socials {
        width: unset;
        flex-grow: 1;
        margin-left: 2rem;
    }
}

@media only screen and (max-width:360px) {
    .header .upper li {
        padding: 0 !important;
    }
}

.sticky-spacer {
    height: 40px;
}

@media only screen and (max-width:600px) {
    .upper .quote {
        display: none;
    }

    .header .upper .socials {
        margin-left: auto;
    }
}

@media only screen and (max-width: 800px) {
    .sticky-spacer {
        display: none;
    }
}

.sticky-down {
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.55);
    background-color: rgba(255, 255, 255, 0.95);
    margin-top: 0 !important;
}

.sticky-down .lower-menu li,
.sticky-down .lower-menu .head-link {
    padding: 25px 15px;
}

.sticky-down .lower-menu li ul {
    margin-top: 25px;
}

.sticky-down .lower-menu li ul li {
    padding: 10px 15px;
}

/* 	
#######################################
	Subscribe Page
#######################################
*/

.subscribe-bg {
    background-image: url('images/subscribe-bg.jpg') !important;
    background-position: bottom center !important;
}

.sub-box .mark {
    width: 64px;
    height: 64px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.sub-box .check-mark {
    background-image: url('images/check-mark.png');
}

.sub-box .question-mark {
    background-image: url('images/question-mark.png');
}

.sub-box .error-mark {
    background-image: url('images/error.png');
}

.sub-box h2 {
    text-align: center;
    margin-bottom: 30px;
}

.sub-box p {
    text-align: center;
    margin-bottom: 30px;
    line-height: 24px;
}

.sub-box p {
    font-weight: 600;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.subscribe-link {
    color: #daa116;
    font-weight: 600;
}

.subscribe-link:hover {
    text-decoration: underline;
    color: #ae8114;
}

.sub-box .content-spacer {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

.sub-box .mainlink {
    margin-left: auto;
    margin-right: auto;
}

.fancy {
    cursor: pointer;
}

.fancy:hover {
    opacity: .75;
}

/* MEDIA PAGE */

.media-pdf {
    background-image: url('images/media-pdf.png');
}

.media-yt {
    background-image: url('images/media-yt.png');
}

.media i {
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
}

.media a {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    display: block;
    color: #333;
    font-weight: normal;
    line-height: 24px;
    opacity: .75;
    transition: all .3s;
    background-size: 32px 32px;
    background-position: center left;
    background-repeat: no-repeat;
}

.media a:not(:last-of-type) {
    border-bottom: 1px dotted #ccc;
}

.media a span {
    display: block;
    font-weight: bold;
    color: #153951;
}

.media a:hover {
    opacity: 1;
    padding-left: 55px;
    background-position: center left 5px;
}

.media a:hover span {
    text-decoration: underline;
}

#google_translate_element {
    overflow: hidden;
    height: 25px;
    margin-left: 10px;
}

.we-cont {
    background-color: #1d242a;
    color: #fff;
}

.project-page table {
    min-width: 100%;
    margin-top: 30px;
    border: 1px solid #ccc;
    border-spacing: 0;
}

.project-page table * {
    border: 0;
    border-spacing: 0;
    font-size: 14px;
}

.project-page table th {
    background-color: #25282b;
    color: #fff;
    border: 0;
    padding: 10px;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}

.project-page table tr td {
    padding: 10px;
    border-top: 1px solid #ddd;
}

.project-page table tr:nth-child(even) td {
    background-color: #fff;
}

.project-page table tr:nth-child(odd) td {
    background-color: #eee;
}

.proj-disc {
    font-style: italic;
    font-size: 12px !important;
    line-height: 16px !important;
}

.half-right {
    padding-left: 30px;
}

@media only screen and (max-width: 1000px) {
    .half-right {
        padding-left: 0;
    }

    .flex-kill {
        display: block;
    }

    .flex-kill .half {
        width: 100%;
    }
}

/* 	
#######################################
	New Elements [Oct 2019]
#######################################
*/

.cesar-colombia {
    background-image: url('images/cesar_colombia.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.cesar-sample {
    background-image: url('images/projects/cesar/cesar_worker_outcrop.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
    margin: -20px 80px -20px 0;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}

.cesar-sample:hover {
    opacity: .7;
}

.vidlink {
    margin: -20px 0 -20px 80px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}

.projvid {
    height: 400px;
    width: 100%;
    margin-top: -80px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 1000px) {
    .projvid {
        margin-top: 0;
    }
}

.cesar-map {
    background-image: url('images/ccs_front.jpg');
    background-size: cover;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    margin: -20px 0 -20px 80px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}

.cesar-map:hover {
    opacity: .7;
}

.north-sample {
    background-image: url('images/projects/northchoco/northchoco_498.jpg');
    background-size: cover;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    margin: -20px 0px -20px 80px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}

.north-sample:hover {
    opacity: .7;
}

.white {
    background-color: #fff;
}

/* #region Home */
.homehero h1 {
    font-size:4rem;
    line-height:4rem;
}

.homeheroinner .right {
    width:100%;
    max-width:600px;
    flex-shrink:0;
    margin-bottom:1rem;
}

.homeheroinner .video-container {
    width:100%;
    aspect-ratio: 16/9;
    flex-shrink:0;
}

.homeheroinner .right a {
    width:100%;
    text-align:center;
}

.home h4 {
    text-transform: uppercase;
}

.home .aboutus {
    position: relative;
    padding-top: 2rem;
    position: relative;
    background: linear-gradient(0deg, #2c3e50 0%, #34495e 100%);
}

.home .aboutus .text {
    position: relative;
    z-index: 2;
    width: 75%;
}

.home .aboutus .text .large p {
    font-size: 1.5rem;
    color: #fff;
}

.home .aboutus .text h2 {
    color: #fff;
}

.home .aboutus .text h2 span {
    color:#EBBD58;
}

.home .aboutus .map {
    background-image: url(images/2024-08/max_home_map.png);
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
}

.home .aboutus .quote .item {
    flex-grow:1;
    text-align:center;
    padding:3rem;
    font-size:3rem;
}

.home .aboutus .quote .item span {
    font-size:1.5rem;
}

.home .sierra {
    background-image: url('images/2024-08/bg_sierra.jpg');
    background-size: 100% auto;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-color:#fff;
    position:relative;
}

.home .homeproj ul {
    margin-left: 0;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
}

.home .homeproj ul li {
    list-style-type: none;
    width: 30%;
    padding: 3rem 2rem;
    backdrop-filter: blur(10px);
    border: 2px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
}

.home .sierra .sierratop img {
    border-radius:2rem;
}

.home .sierra .freeport {
    padding-top: 0;
}

.home .sierra .freeport p {
    text-align: center;
    font-size: 1.5rem;
}

.home .floralia {
    background-color: #f5f5f5;
}

.home .floralia .map img {
    width:100%;
    border-radius:2rem;
}

@media only screen and (max-width: 1400px) {
    .home .aboutus .text {
        padding: 3rem;
        width: 60%;
    }

    .home .aboutus .text .large p {
        font-size: 1.2rem;
    }

    .home .sierra .freeport p {
        font-size: 1.2rem;
    }

    .home .sierra .sierratop .half {
        width: 40%;
    }
    .homehero h1 {
        font-size:3rem;
        line-height:3rem;
    }
}

@media only screen and (max-width: 1200px) {
    .home .aboutus .text {
        width: 50%;
    }

    .home .sierra .sierratop {
        display: block;
    }

    .home .sierra .sierratop .half {
        width: 100%;
    }

    .home .sierra .map {
        width: 100%;
        aspect-ratio: 16/9;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }

    .home .homeproj ul li {
        padding: 1rem;
    }

    .home .floralia .boxbox {
        display: block;
    }

    .home .floralia .boxbox .halfgap {
        width:100%;
    }



    .home .floralia .map {
        width: 100%;
        aspect-ratio: 16/9;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }

    .home .floralia .half {
        width: 100%;
    }
}

@media only screen and (max-width: 1000px) {
    .home .aboutus .flex {
        display: block;
    }

    .home .aboutus .text {
        width: 100%;
        padding: 1rem;
    }

    .home .aboutus .map {
        width: 100%;
        aspect-ratio: 16 / 9;
    }

    .home .sierra .pad {
        padding: 1rem;
    }

    .home .sierra .freeport p {
        text-align: left;
    }

    .home .sierra ul {
        display: block;
    }

    .home .sierra ul li {
        width: 100%;
        text-align: left;
        display: block;
    }

    .home .sierra ul li:not(:last-of-type) {
        margin-bottom: 2rem;
    }

    .homeheroinner {
        flex-direction: column;
        row-gap:2rem;
    }

    .homeheroinner .halfgap2 {
        max-width:700px;
        width:100%;
    }

    .homehero h1 {
        font-size: calc(2rem + 1.5vw);
        line-height: calc(2rem + 1.5vw);
    }

    .homeheroinner .video-container {
        margin-left:auto;
        margin-right:auto;
    }

    .home .aboutus .quote .item {
        padding:1rem;
        width:100%;
    }
}

@media only screen and (max-width: 600px) {
    .home .aboutus .quote .item {
        font-size:2rem;
    }

    .home .aboutus .quote .item span {
        font-size:1.2rem;
    }
}


@media (max-aspect-ratio: 1/1) {
    .home .aboutus .map {
        aspect-ratio: 1/1;
    }

    .home .floralia .map {
        aspect-ratio: 1/1;
    }
}


/* #endregion */

.lblue {
    background-color: #221f1f;
    color: #fff;
}

.gray {
    background-color: #fafafa;
    border-top: 1px solid #ddd;
}

.tallpad {
    padding-top: 150px;
    padding-bottom: 150px;
}

@media only screen and (max-width: 1000px) {
    .tallpad {
        padding-top: 75px;
        padding-bottom: 75px;
    }
}

.light li {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 500;
    background-position: left center;
    margin-left: 40px;
    background-repeat: no-repeat;
    color: #222;
}

.light li:not(:last-child) {
    margin-bottom: 20px;
}

.light-small {
    font-size: 12px;
}

.mainlink {
    background-color:#bb8d36;
    padding: 15px 50px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    transition: all .3s;
    border-radius:0.5rem;
}

.mainlink:hover {
    background-color:#e6b95a;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
}

.mainlink:last-child {
    margin-bottom: 0;
}

.content h2 {
    color: #111;
}

.light h3 {
    color: #111;
    ;
}

.light h4,
.content h4 {
    color: #e6b95a;
}

@media only screen and (max-width: 1100px) {
    .logo-bg .light {
        margin-top: 50px;
    }
}

.main-news {
    position: absolute;
    bottom: 0;
    left: auto;
    right: auto;
}

.main-news-text a {
    background-color: #153951;
    border-radius: 5px;
    padding: 30px;
    padding-bottom: 50px;
    width: 24%;
    opacity: .8;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width: 1000px) {
    .main-news-text a {
        width: 100%;
    }

    .main-news-text a:not(:first-child) {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
    .main-screen h1 {
        padding: 0;
        font-size: 50px;
        line-height: 50px;
    }

    .main-screen h2 {
        font-size: 24px;
        line-height: 24px;
        padding: 0;
    }
}

@media only screen and (max-width: 600px) {
    .mainlink {
        width: 100%;
        text-align: center;
    }
}


@media only screen and (max-width: 500px) {
    .main-screen h1 {
        font-size: 48px;
        line-height: 48px;
    }

    .main-screen h2 {
        font-size: 18px;
        line-height: 18px;
    }
}

.main-news-text a p {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
}

.main-news-text a:hover {
    opacity: 1;
    background-color: #004878;
}

.main-news-text a span {
    color: #e8cb6b;
    font-weight: 400;
    display: block;
    font-size: 14px;
}

.main-news-swap .flex {
    align-items: flex-end;
}

.main-news-swap {
    margin-bottom: 10px;
}

.main-news-swap a {
    color: #eee;
    padding: 10px 15px;
    border: 2px solid #eee;
    border-radius: 5px;
    font-weight: 500;
    opacity: 0.5;
    margin-right: 10px;
    align-self: center;
}

.main-news-swap a:hover {
    opacity: 0.7;
}

.main-news-swap .active {
    background-color: #002036;
    border-color: #ccc;
    opacity: 1;
    pointer-events: none;
}

.main-news-text .inactive {
    pointer-events: none;
    opacity: .25;
}

.main-news-swap span {
    color: #eee;
    padding: 10px 15px 5px 0;
    border: 2px solid transparent;
    border-radius: 5px;
    font-size: 24px;
    font-weight: 500;
}

#main-articles a {
    background-color: #463326;
}

.news-bottom {
    background-color: #e6b95a;
    border-radius: 5px;
    padding: 20px 40px;
    opacity: .8;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;
}

.news-top {
    margin-bottom: 20px;
}

.news-bottom:hover {
    opacity: 1;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
}

.main-north {
    background-image: url('images/north-choco-bg.jpg');
    background-size: cover;
    background-position: center center;
}

.dark p {
    color: #fff;
}

.dark li {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 400;
    background-position: left center;
    margin-left: 40px;
    background-repeat: no-repeat;
    color: #fff;
}

.dark li:not(:last-child) {
    margin-bottom: 20px;
}

.light-small {
    font-size: 12px;
}

.dark a {
    display: table;
    background-color: #e6b95a;
    padding: 15px 50px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    opacity: .75;
    transition: all .3s;
    border-radius: 3px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: center left -50px;
    margin-top: 30px;
}

.dark a:hover {
    opacity: 1;
    background-position: center left 10px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
}

.dark a:last-child {
    margin-bottom: 0;
}

.dark h3 {
    color: #e6b95a;
}

.dark h4 {
    color: #eee;
}

.choco-main-map {
    background-image: url('images/choco-gold-map.jpg');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    margin: -20px 0 -20px 80px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}

.choco-main-map:hover {
    opacity: .75;
}

.header-st {
    font-size: 64px !important;
    line-height: 64px !important;
}

@media only screen and (max-width: 1400px) {
    .header-st {
        font-size: 48px !important;
        line-height: 48px !important;
    }
}

.subheader-st {
    font-size: 24px !important;
    line-height: 1.5em !important;
    margin-top: 20px;
}

.halfpic {
    width: 40%;
    flex-shrink: 0;
}

.halftext {
    width: 60%;
}

@media only screen and (max-width: 1100px) {

    .halfpic,
    .halftext {
        width: 100%;
    }

    .halfpic {
        height: 400px;
        margin: 0;
    }

    .halftext {
        padding-bottom: 50px;
    }
}

.main-cesar {
    background-image: url('images/why-cesar-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}

.project-gallery img {
    max-height: 250px;
    margin: 25px 25px 0 0;
    cursor: pointer;
}

.project-gallery img:hover {
    opacity: 0.75;
}

.imgpad {
    margin-top: 30px;
}

.imgright {
    max-width: 50% !important;
    margin-left: 30px;
    align-self: flex-start;
}

@media only screen and (max-width: 800px) {
    .imgright {
        max-width: 100% !important;
    }
}

.imgleft {
    max-width: 50% !important;
    margin-right: 30px;
    align-self: flex-start;
}

@media only screen and (max-width: 800px) {
    .imgleft {
        max-width: 100% !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .imgright {
        max-width: 100% !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

.content .quote {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    background-image: url('images/bg-quote.jpg');
    background-size: cover;
    background-position: center center;
    padding: 2rem;
    margin-bottom:-1rem;
    position:relative;
    z-index:2;
    font-weight:500;
}

.content .quote p {
    color: #222;
}

.content .quote span {
    font-weight: 600;
    display: block;
    color: #3e5744;
}

.content .quote span:first-of-type {
    margin-bottom: 1rem;
}

.content .quote span:last-of-type {
    line-height: 0.8rem;
}


.pgequote {
    margin-bottom: -170px;
    margin-top: 90px;
}

@media only screen and (max-width: 1000px) {
    .pgequote {
        margin-top: 30px;
        margin-bottom: -90px;
    }

    .content .quote {
        padding: 1rem;
    }
}

.logo-bg .quote {
    margin-top: -50px;
}

@media only screen and (max-width: 800px) {
    .quote {
        padding: 25px;
    }

    .quote p,
    .quote span {
        font-size: 18px;
    }
}

.whycolo {
    background-image: url('images/max_colombia_bg.jpg');
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.whycolo .quote {
    margin-bottom: -40px;
    margin-top: 0;
}

.about-text ul {
    margin-top: 20px;
}

.about-text li {
    margin-top: 20px;
    line-height: 1.6em;
    font-weight: 400;
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 60px;
}

.about-text li:not(:last-of-type) {
    margin-bottom: 15px;
}

@media only screen and (max-width: 1100px) {
    .whycolo {
        padding-top: 90px;
    }
}

.lblue-right {
    text-align: right;
}

.lblue-right img:first-of-type {
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 1100px) {
    .lblue-right {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .lblue-right img:first-of-type {
        margin-right: 0;
    }
}

@media only screen and (max-width: 900px) {
    .lblue-right img {
        max-width: 47%;
    }
}

@media only screen and (max-width: 600px) {
    .lblue-right img {
        max-width: 100%;
    }

    .lblue-right img:first-of-type {
        margin-bottom: 30px;
    }

    .lblue-right {
        display: block;
        text-align: center;
    }
}

.imglink {
    position: relative;
    cursor: pointer;
}

.imglink img {
    max-width: 100%
}

.imglink span {
    transition: all .2s;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 26% 30px 0 30px;
    left: 0;
    top: 0;
    text-align: center;
    background-color: #fff;
    color: #221f1f;
    opacity: 0;
    font-size: 24px;
}

.imglink:hover span {
    opacity: .95;
    padding-top: 22%;
}

.latestupdate {
    background-color: #153951;
    background-image: url('images/lu_bg.jpg');
    background-position: center center;
    padding: 40px;
    color: #fff;
    box-shadow: 0 2px 25px rgba(0, 0, 0, 0.45);
    border: 10px;
    background-size: cover;
    margin-top: -30px;
}

.latestupdate .luleft {
    width: 60%;
    padding: 20px 80px 20px 0;
    flex-shrink: 0;
}

.latestupdate h2 {
    color: #f7c65e;
    font-size: 48px;
    font-weight: 500;
}

@media only screen and (max-width: 1400px) {
    .latestupdate .luleft {
        padding: 0;
        padding-right: 80px;
    }
}

@media only screen and (max-width: 1100px) {
    .latestupdate {
        display: block;
    }

    .latestupdate .luleft {
        padding: 0;
        width: 100%;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 600px) {
    .latestupdate {
        display: block;
        padding: 20px;
    }

    .latestupdate h2 {
        font-size: 36px;
    }
}

.presentation .link {
    font-size: 18px;
    color: #e6b95a;
    font-weight: 500;
    padding: 10px 15px;
    margin-top: 25px;
    border: 2px solid #e6b95a;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-size: 24px auto;
    background-position: center left 15px;
    display: table;
}

.presentation .link:hover {
    background-color: #e6b95a;
    border-color: #e6b95a;
    color: #fff;
}

.presentation .link span {
    display: block;
    font-weight: 400;
    font-size: 16px;
}

.presentation .link {
    margin-top: 0;
}

.presentation h3 {
    margin-bottom: 15px !important;
}

.sidebar .pdf,
.presentation .pdf {
    background-image: url('images/pdf-icon.png');
}

.sidebar .pdf:hover,
.presentation .pdf:hover {
    background-size: 32px auto;
    background-position: center left 11px;
    padding-left: 48px;
}

.presentation .pdfembed {
    width: 100%;
    aspect-ratio: 16 / 9;
}

@media (max-aspect-ratio: 1/1) {
    .presentation .pdfembed {
        aspect-ratio: 9 / 16;
    }
}

@media only screen and (max-width: 1200px) {
    .presentation {
        display: block;
    }

    .presentation .link {
        margin-top: 15px;
        display: table;
    }
}

@media only screen and (max-width: 500px) {
    .presentation .link {
        width: 100%;
    }
}

.slide {
    margin-top: 30px;
    max-width: 100%;
    border-radius: 5px;
    transition: all .3s;
    cursor: pointer;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .15);
}

.slide:hover {
    box-shadow: 0 6px 10px rgba(0, 0, 0, .35);
}

.header .upper .metals {
    padding: 10px 0;
}

.header .upper .metals .metal:not(:last-of-type) {
    margin-right: 40px;
}

.header .upper .metals .metal {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}

.header .upper .metals .metal span {
    display: block;
    font-size: 24px;
    line-height: 18px;
    font-weight: 400;
    color: #e8cb6b;
}

@media only screen and (max-width: 800px) {
    .header .upper .metals .metal {
        font-size: 10px;
    }

    .header .upper .metals .metal span {
        font-size: 16px;
        line-height: 12px;
        font-weight: 600;
    }
}

.boxbox .symbols img {
    margin-left: 10px;
}

.video-gallery a {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 30%;
    margin-right: 3.3%;
    margin-top: 3.3vw;
    height: 15vw;
    text-align: center;
    background-size: cover;
    background-position: center center;
    color: #fff;
    font-weight: bold;
    transition: all .3s;
}

.video-gallery a:hover {
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.45);
}

.video-gallery a span {
    opacity: 0;
    background-color: #153951;
    transition: all .3s;
    margin: 0 10%;
    margin-top: 10px;
    padding: 10px;
}

.video-gallery a:hover span {
    opacity: 1;
    margin-top: 0;
}

@media only screen and (max-width: 800px) {
    .video-gallery a {
        width: 47%;
        height: 20vw;
        margin-right: 3%;
        margin-top: 3vw;
    }
}

@media only screen and (max-width: 500px) {
    .video-gallery a {
        width: 100%;
        height: 60vw;
        margin-top: 3vw;
    }
}

.topform {
    background-color: #fff;
    border-radius: 5px;
    padding: 3px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.45);
}

.topform input {
    border: 0;
    padding: 7px 10px;
}

.topform button {
    border-radius: 5px;
    background-image: url('images/sub-arrow.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 32px;
    border: 0;
    background-size: 24px auto;
    opacity: .5;
    background-color: #fff;
    cursor: pointer;
    transition: all .2s;
}

.topform button:hover {
    opacity: 1;
    background-position: center right;
}

.topformspan {
    color: #fff;
    font-weight: 600;
    margin-right: 10px;
    font-size: 14px;
    margin-top: 5px;
}

.disclaimer {
    font-style: italic;
    font-size: 0.8rem !important;
}

.rt table {
    min-width: 100%;
    margin-top: 30px;
    border: 1px solid #ccc;
    border-spacing: 0;
}

.rt table * {
    border: 0;
    border-spacing: 0;
    font-size: 14px;
}

.rt table th {
    background-color: #25282b;
    color: #fff;
    border: 0;
    padding: 10px;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}

.rt table tr td {
    padding: 10px;
    border-top: 1px solid #ddd;
}

.rt table tr:nth-child(even) td {
    background-color: #fff;
}

.rt table tr:nth-child(odd) td {
    background-color: #eee;
}

.inactive {
    pointer-events: none !important;
    opacity: .25 !important;
}

.blueback {
    background-image: url('images/new_bg_blueback.jpg');
    padding: 30px;
    position: relative;
    z-index: 5;
    color: #111;
    font-size: 1.5rem;
    line-height: 3rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: -30px;
    color: #fff;
}

.blueback p {
    font-size: 1.5rem;
    line-height: 3rem;
}

.kupfer .lead-quote {
    max-width: 1000px;
    text-align: center;
}

.kupfer p {
    font-size: 24px;
    color: #fff;
}

.kupfer span {
    display: block;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    color: #f5bb3f;
}

.blueback .half {
    text-align: left;
    padding-right: 60px;
}

.blueback iframe {
    height: 400px;
    width: 50%;
}

.main-wrap .scrollread {
    text-align: center;
    color: #fff;
    font-weight: 600;
    position: relative;
    z-index: 2;
    font-size: 0.8rem;
    padding-bottom: 15px;
}

.main-wrap .scrollread span {
    display: block;
    margin-bottom: 5px;
}

@media only screen and (max-width: 800px) {

    .kupfer p,
    .kupfer span {
        font-size: 18px;
    }

    .kupfer iframe {
        height: 300px;
    }
}

.project .ironorebuyers {
    background-image:url('images/gallery/MAX_153.jpg');
    background-size:cover;
    background-position:center center;
    color:#fff;
}

.project .ironorebuyers h4 {
    color: #B0C4DE;
}

.project .highlights {
    padding-top:0;
    padding-bottom:0;
}

.project .highlights .boxbox {
    background: linear-gradient(135deg, #bb8d36 0%, #e6b95a 100%);
    border-radius:1rem;
    padding: 3rem;
    box-shadow: 0px 2px 4px 0px rgb(0, 0, 0, .15);
}

.project .highlights ul li, .project .highlights h3, .project .highlights p {
    color:#fff;
}

.cesar {
    background-image: url('images/home_bg_cesar.jpg');
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.cesar .item {
    width: 32%;
    background-image: url('images/new_bg_blueback.jpg');
    background-position: center center;
    border-radius: 5px;
    padding: 15px;
}

.cesar .item ul {
    margin-left: 0;
}

.cesar .item ul ul {
    margin-left: 20px;
}

.cesar .item ul ul ul {
    margin-left: 20px;
}

.cesar .item ul li,
.cesar .item strong {
    font-size: 1.2rem;
    line-height: 2.4rem;
}

.cesar .item h4 {
    text-align: center;
}

.cesar .item .topimg {
    height: 15vw;
    background-size: cover;
    background-position: center center;
    border-radius: 5px;
    cursor: pointer;
}

.cesar .item .topimg:hover {
    opacity: .75;
}

.cesar img {
    max-width: 100%;
}

.cesar .mainlink {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
}

@media only screen and (max-width: 1100px) {
    .cesar .sider {
        display: block;
    }

    .cesar img,
    .white img {
        width: auto;
        max-height: 400px;
        height: auto;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block;
    }

    .cesar .item {
        width: 100%;
        margin-bottom: 30px;
        display: flex;
    }

    .cesar .item .topimg {
        width: 33vw;
        height: unset;
        margin-bottom: 0;
        margin-right: 30px;
        flex-shrink: 0;
    }

    .cesar .item h4 {
        text-align: left;
    }
}

@media only screen and (max-width: 800px) {
    .cesar .item {
        display: block;
    }

    .cesar .item .topimg {
        width: 100%;
        height: 50vw;
        margin-bottom: 15px;
        margin-right: 0;
        flex-shrink: 0;
    }

    .cesar .item h4 {
        text-align: center;
    }
}

.lower-menu li,
.lower-menu .head-link {
    color: #222;
}

.lower-menu li:hover,
.lower-menu .head-link:hover {
    color: #fff;
    background-color: #f5bb3f;
}

.quotebox .item {
    border: 2px solid #e6b95a;
    padding: 30px;
    line-height: 1.5rem;
    width: 100%;
}

.quotebox .item span {
    display: block;
    font-weight: bold;
    text-align: right;
    color: #111;
}

@media only screen and (max-width: 1000px) {
    .quotebox {
        display: block;
    }

    .quotebox .item {
        width: 100%;
    }

    .quotebox .item:not(:last-of-type) {
        margin-bottom: 30px;
    }

    .blueback {
        display: block;
    }

    .blueback iframe {
        width: 100%;
    }

    .blueback .half {
        width: 100%;
        margin-bottom: 30px;
    }
}

.floralia {
    padding-top: 50px;
    padding-bottom: 50px;
}

.floralia .darkitem {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-image: url('images/kupfer_bg.jpg');
    padding: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
    position: relative;
    z-index: 5;
    margin-bottom: -20px;
}

.floralia .darkitem h4,
.floralia .darkitem p {
    color: #fff;
    margin-top: 0;
}

.floralia .darkitem p {
    font-size: 1.5rem;
    line-height: 2.5rem;
}

.floraliaencomp {
    margin-right: 20px;
}

.floralia .flortext {
    margin-right: 30px;
}

@media only screen and (max-width:1100px) {
    .floralia .spacerbig {
        flex-direction: column-reverse;
    }

    .floralia .flortext {
        width: 100%;
    }

    .floralia img {
        width: unset;
        margin-bottom: 30px;
    }
}


@media only screen and (max-width: 1200px) {
    .floralia .item {
        flex-direction: column-reverse;
    }

    .floralia .darkitem p {
        font-size: 1.2rem;
        line-height: 2.2rem;
    }

    .floraliaencomp {
        margin-right: unset;
    }
}

.content .breakdown table {
    width: 48%;
}

.content .breakdown table tr td {
    font-size: 1.3rem;
    text-align: right;
    padding: 5px 10px;
}

.content .breakdown table tr:first-of-type td {
    background-color: #142d3f;
    color: #fff;
    font-weight: bold;
}

.content .breakdown table tr:not(:first-of-type) td {
    border: 1px solid #738593;
    border-top: 0;
    border-right-width: 0;
}

.content .breakdown table tr:not(:first-of-type) td:last-of-type {
    border-right-width: 1px;
}

@media only screen and (max-width:1200px) {
    .content .breakdown {
        display: block;
    }

    .content .breakdown table {
        width: 100%;
    }

    .content .breakdown table:first-of-type {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:600px) {
    .content .breakdown table tr td {
        font-size: 1rem;
    }
}

.content .piechart figure {
    background:
        radial-gradient(circle closest-side,
            transparent 66%,
            white 0),
        conic-gradient(#4e79a7 0,
            #4e79a7 25%,
            #f28e2c 0,
            #f28e2c 35%,
            #e15759 0,
            #e15759 65%,
            #76b7b2 0,
            #76b7b2 95%,
            #59a14f 0,
            #59a14f 100%);
    position: relative;
    width: 100%;
    min-height: 450px;
    margin: 0;
    outline: 1px solid #ccc;
}

.content .piechart figure h2 {
    position: absolute;
    margin: 1rem;
    text-align: center;
    left: 0;
    right: 0;
}

.content .piechart figure cite {
    position: absolute;
    bottom: 0;
    font-size: 80%;
    padding: 1rem;
    color: gray;
}

.content .piechart figure figcaption {
    position: absolute;
    bottom: 1em;
    right: 1em;
    font-size: smaller;
    text-align: right;
}

.content .piechart figure span:after {
    display: inline-block;
    content: "";
    width: 0.8em;
    height: 0.8em;
    margin-left: 0.4em;
    height: 0.8em;
    border-radius: 0.2em;
    background: currentColor;
}

/* #region Page: Corporate Directory */

.content .directory {
    background-color: rgba(247, 247, 247, 0.75);
    border: 1px solid #ccc;
    padding-top: 60px;
    padding-bottom: 60px;
}

.content .directory .item {
    width: 30%;
    padding: 30px;
}

.content .directory .item .entry span {
    display: block;
    font-weight: bold;
}

@media only screen and (max-width:1100px) {
    .content .directory .item {
        width: 100%;
        border-bottom: 1px solid #ddd;
        margin-bottom: 30px;
    }

    .content .directory .boxbox {
        display: block;
    }

    .content .directory .entrybox {
        display: flex;
    }

    .content .directory .entrybox .entry {
        width: 30%;
    }

    .content .directory .entrybox .entry:not(:last-of-type) {
        margin-right: 5%;
    }
}

@media only screen and (max-width:800px) {
    .content .directory .entrybox {
        display: block;
    }

    .content .directory .entrybox .entry {
        width: 100%;
        margin-right: 0;
    }
}

/* #endregion */

/* #region Page: Investor Info */

.content .investors .home {
    margin-top: 60px;
}

.content .investors .stock .chart {
    width: 60%;
}

.content .investors .structure h3 {
    line-height: 3rem;
}

.content .investors .structure h4 {
    margin-bottom: 30px;
}

.content .investors .structure .shares {
    width: 30%;
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #ccc;
    padding: 30px;
    padding-top: 40px;
    color: #111;
    font-size: 3rem;
    text-align: center;
    line-height: 2rem;
    font-weight: 500;
}

.content .investors .structure .shares span {
    display: block;
    font-size: 1rem;
    font-weight: bold;
    color: #222;
}

.content .investors .stock .stockquote {
    padding: 30px;
    margin-left: 30px;
}

.content .investors .stock .stockquote div {
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: 600;
    color: #aaa;
}

.content .investors .stock .stockquote div:not(:last-of-type) {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 15px;
}

.content .investors .stock .stockquote span {
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: 600;
    color: #111;
}

.content .investors .presentation {
    margin-top: 60px;
}

.content .investors .presentation .presbox {
    width: 50%;
    margin-left: 30px;
}

@media only screen and (max-width:1400px) {
    .content .investors .presentation .presbox {
        width: 65%;
    }
}

@media only screen and (max-width:1200px) {
    .content .investors .structure .shares {
        font-size: 2rem;
    }
}

@media only screen and (max-width:1000px) {
    .content .investors .structure .flex {
        display: block;
    }

    .content .investors .structure .shares {
        font-size: 3rem;
        width: 100%;
    }

    .content .investors .structure .shares:not(:last-of-type) {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width:900px) {
    .content .investors .stock {
        display: block;
    }

    .content .investors .stock .chart {
        width: 100%;
    }

    .content .investors .stock .stockquote {
        margin-left: 0;
    }

    #tradingview_fddb8 {
        height: 50vw;
    }

    .content .investors .presentation .boxbox {
        display: block;
    }

    .content .investors .presentation .presbox {
        width: 100%;
        margin-left: 0;
    }
}

@media only screen and (max-width:600px) {
    .content .investors .stock .stockquote {
        padding-left: 0;
        padding-right: 0;
    }

    .content .investors .structure .shares {
        font-size: 2rem;
    }
}

/* #endregion */

/* #region Custom Menu */

#menu {
    max-width: 1000px;
}

#menu .mainmenu .top {
    color: #fff;
}

#menu .mainmenu:hover .top {
    color: #e6b95a;
}

#menu .mainmenu .lower a:hover {
    color: #e6b95a;
}

#menu .toplink:hover {
    background-color: #e6b95a;
    color: #fff;
}

#menu .sublink {
    display: none;
}

#menu .mainmenu:hover .lower {
    top: 38px;
}

#menu a[href=news] {
    display: none;
}

#menu .minilink {
    color: #fff;
}

.m600 .menubox .toplink,
.m600 .menubox .mainmenu .top {
    font-size: 2rem !important;
    color: #fff !important;
    padding: 15px 30px !important;
}

.m600 .menubox .mainmenu:hover .top {
    color: #e6b95a !important;
}

.m600 .menubox .mainmenu .lower a {
    padding: 15px 30px !important;
    padding-left: 45px !important;
    font-size: 1.2rem !important;
}

/* #endregion */

/* #region Page: Home */

.homeproj {
    background-color: #fff;
    padding-top: 60px;
    padding-bottom: 30px;
}

.homeproj h3 {
    text-align: center;
}

.homeproj .item {
    width: 46%;
    padding: 30px;
    border: 1px solid transparent;
    transition: all .3s;
}

.homeproj .item:hover {
    background-color: #fafafa;
    border: 1px solid #ccc;
}

.homeproj .item .title {
    height: 300px;
    position: relative;
}

.homeproj .item .title span {
    position: absolute;
    right: -15px;
    bottom: 15px;
    background-color: #142d3f;
    color: #fff;
    padding: 15px;
    font-size: 2rem;
    font-weight: 600;
}

.homeproj .item a {
    text-align: center;
}

.hometick {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 90px;
    position: relative;
}

.hometick .item {
    width: 32%;
    background-size: cover;
    background-repeat: no-repeat;
    color: #222;
    padding: 60px 30px;
    margin-top: -15px;
    margin-bottom: -15px;
}

.hometick .item:first-of-type {
    padding: 60px;
}

.hometick .item .entry {
    font-size: 1.6rem;
    color: #255273;
}

.hometick .item .entry span {
    color: #222;
    font-size: 1.6rem;
    font-weight: 500;
}

.hometick .itembg {
    position: relative;
    background-size: auto 100%;
    background-position: center center;
    border-radius: 5px;
}

.hometick .itembg::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all .3s;
    border-radius: 5px;
}

.hometick .itembg span {
    position: relative;
    z-index: 2;
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center;
    color: #ccc;
    border: 2px solid #ccc;
    padding: 5px 10px;
    transition: all .2s;
}

.hometick .itembg:hover {
    background-size: auto 125%;
}

.hometick .itembg:hover span {
    color: #fff;
    border-color: #fff;
    transform: scale(1.1);
}

.hometick .itembg:hover::before {
    background-color: transparent;
}

@media only screen and (max-width:1300px) {
    .homeproj .item .title {
        height: 25vw;
    }
}

@media only screen and (max-width:900px) {
    .hometick .boxbox {
        display: block;
    }

    .hometick .item {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }

    .hometick .item:not(:last-of-type) {
        margin-bottom: 15px;
    }

    .hometick {
        padding: 30px 15px;
    }
}

@media only screen and (max-width:800px) {
    .homeproj .projflex {
        display: block;
    }

    .homeproj .item {
        width: 100%;
    }

    .homeproj .item .title {
        height: 45vw;
    }
}

/* #endregion */

/* #region Footer */

.footer {
    background-color: #142d3f;
    background-image: url('images/2024-08/bg_footer.jpg');
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.footer .subscribe {
    background-color: #e6b95a;
    background-image: linear-gradient(135deg, #bb8d36 0%, #e6b95a 100%);
    background-size: cover;
    border: 10px solid #e6b95a;
    padding: 3rem;
    color: #fff;
    margin-top: -30px;
    position: relative;
    z-index: 3;
}

.footer .subscribe .boxbox {
    max-width: 1400px;
    width: auto;
}

.footer .subscribe form {
    margin-left: 60px;
}

.footer .subscribe input {
    padding: 15px;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    font-size: 1.4rem;
    font-weight: 500;
}

.footer .subscribe button {
    padding: 15px;
    background-color: #111;
    color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    font-size: 1.4rem;
    font-weight: 500;
}

.footer .mainfoot .writeup {
    color: #fff;
}

.footer .mainfoot .sitemap {
    align-items: flex-start;
}

.footer .mainfoot .sitemap .mainmenu .top {
    font-size: 1.6rem;
    color: #fff;
    font-weight: 400;
}

.footer .mainfoot .sitemap .toplink {
    font-size: 1.6rem;
    color: #e6b95a;
    font-weight: 400;
}

.footer .mainfoot .sitemap .mainmenu .lower a {
    display: block;
    color: #e6b95a;
    font-weight: 500;
}

.footer .mainfoot .sitemap a:hover {
    opacity: 1;
    text-decoration: underline;
}

.footer .mainfoot {
    gap: 3rem;
}

.footer .mainfoot img {
    width: 200px;
}

.footer .info p {
    color: #fff;
}

.footer .connect .mail {
    color: #e6b95a;
    transition: all .2s;
    font-weight: 600;
}

.footer .connect .mail:hover {
    opacity: 1;
}

.footer .connect .mail span {
    margin-right: 5px;
    transition: all .2s;
}

.footer .subfooter {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgba(0, 0, 0, .35);
}

.footer .subfooter a {
    color: #e6b95a;
    opacity: .75;
    font-weight: bold;
}

.footer .subfooter span {
    color: #fff;
    opacity: .75;
}

.footer .subfooter a:hover {
    opacity: 1;
    text-decoration: underline;
}

.footer .connect .socials span {
    color: #fff;
    font-weight: 600;
}

.footer .connect .socials a {
    color: #e6b95a;
    opacity: .75;
    font-size: 2rem;
}

.footer .connect .socials:hover a {
    opacity: .3;
}

.footer .connect .socials a:hover {
    opacity: 1;
    transform: scale(1.05);
}

@media only screen and (max-width:1400px) {
    .footer .mainfoot .writeup {
        width: 100%;
    }

    .footer .mainfoot {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

@media only screen and (max-width:1300px) {
    .footer .subscribe .boxbox {
        display: block;
    }

    .footer .subscribe form {
        margin-left: 0;
        margin-top: 15px;
    }

    .footer .subscribe .half {
        width: 100%;
    }
}

@media only screen and (max-width:900px) {
    .footer .mainfoot .sitemap {
        display: block;
        margin-bottom: 30px;
    }

    .footer .mainfoot .sitemap>*:not(:last-child) {
        margin-bottom: 30px;
    }

    .footer .mainfoot .sitemap .lower a {
        margin-left: 15px;
    }

    .footer .mainfoot {
        display: block;
    }

    .footer .mainfoot .nosh {
        margin-bottom: 1rem;
    }

}

@media only screen and (max-width:800px) {
    .footer .subscribe {
        padding: 30px;
    }

    .footer .subscribe input,
    .footer .subscribe button {
        font-size: 1.2rem;
    }
}

@media only screen and (max-width:600px) {
    .footer .subscribe form .between {
        display: block;
    }

    .footer .subscribe input {
        border-radius: 5px;
        margin-bottom: 15px;
        width: 100%;
    }

    .footer .subscribe button {
        width: 100%;
        border-radius: 5px;
    }

    .footer .subscribe {
        border-left-width: 0;
        border-right-width: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .footer .subfooter .boxbox {
        display: block;
    }

    .footer .subfooter a,
    .footer .subfooter span {
        display: block;
        text-align: center;
    }
}

/* #endregion */

.presentation .slidebox {
    position: relative;
    overflow: hidden;
}

.presentation .slidebox span {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-weight: bold;
    color: #eee;
    background-color: rgba(0, 68, 53, 0.95);
    transition: all .2s;
    cursor: pointer;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 600;
    transform: scale(1.1);
}

.presentation .slidebox:hover span {
    opacity: 1;
    transform: scale(1);
}

.content .news .boxbox {
    max-width: 1000px;
}

.content #news table tr td {
    padding: 5px 10px;
}

.content #news table tr:first-of-type td {
    background-color: #111;
    color: #fff;
    font-weight: bold;
}

.content #news table tr:nth-child(even) td {
    background-color: #fafafa;
}

.content .videotop .spacersmall {
    display: flex;
    border: 2px solid #ccc;
}

.content .videotop .spacersmall div {
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.content .videotop iframe {
    width: 100%;
    min-width: 500px;
    min-height: 300px;
}

@media only screen and (max-width:900px) {
    .content .videotop .spacersmall {
        flex-direction: column-reverse;
    }
}

@media only screen and (max-width:600px) {
    .content .videotop .spacersmall div {
        padding: 15px;
    }

    .content .videotop iframe {
        min-width: unset;
    }
}

.content .videoGallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.content .videoGallery .video-item {
    width: calc(33.333% - 20px);
    margin-right: 30px;
    margin-bottom: 30px;
    background-color: #f3f3f3;
    border-radius: 5px;
    overflow: hidden;
    transition: all .2s;
}

.content .videoGallery .video-item h4 {
    font-size: 1.3rem;
}

.content .videoGallery .video-item:hover {
    transform: scale(1.05);
}

.content .videoGallery .video-item img {
    width: 100%;
}

.content .videoGallery .video-info {
    padding: 15px;
}

.content .videoGallery .video-info .video-date {
    font-weight: bold;
    color: #111;
    font-size: .8rem;
}

.content .videoGallery .video-item:nth-child(3n) {
    margin-right: 0;
}

@media only screen and (max-width: 900px) {
    .content .videoGallery .video-item {
        width: calc(50% - 15px);
    }

    .content .videoGallery .video-item:nth-child(3n) {
        margin-right: 30px;
    }

    .content .videoGallery .video-item:nth-child(2n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 600px) {
    .content .videoGallery .video-item {
        width: 100%;
        margin-right: 0;
    }

    .content .videoGallery .video-item:nth-child(3n),
    .content .videoGallery .video-item:nth-child(2n) {
        margin-right: 0;
    }
}

.theater {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.theater.show {
    opacity: 1;
    visibility: visible;
}

.theater-content {
    position: relative;
    transform: scale(0.7);
    transition: transform 0.3s ease;
}

.theater.show .theater-content {
    transform: scale(1);
}

.theater-content iframe {
    width: 90vw;
    height: 50vw;
    max-height: 90vh;
}

.close-theater {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 72px;
    line-height: 42px;
    color: #eee;
    background-color: #e6b95a;
    border-radius: 10px;
    border: none;
    cursor: pointer;
}

.close-theater:hover {
    color: #fff;
    background-color: #A34B1E;
}

#video-container {
    height: 100%;
}

.header .upper li {
    list-style-type: none;
    color: #fff;
    margin: 10px 0;
    line-height: 1;
    background-repeat: no-repeat;
    background-position: center left 15px;
    font-size: 16px;
}

.header .upper a li {
    color: #d5eeff;
}

.header .upper a:hover li {
    color: #fff;
}

.header .upper li:last-child {
    border-right: 0;
}

.header .main {
    padding-top: 1rem;
    padding-bottom: 1rem;
    position: relative;
    transition: padding 1s;
}

.header .main .boxbox {
    position: relative;
}

.header .main:before {
    content: "";
    background-color: rgba(44, 62, 80, 0.90);
    backdrop-filter: blur(10px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.scrolled .main {
    padding: 0;
}

.scrolled .main:before {
    opacity: 1;
}

.upper .quote li span {
    font-weight: bold;
}

.upper .quote a {
    color: #d5eeff;
}

.upper .quote a:hover {
    color: #fff;
    text-decoration: underline;
}

.upper .quote li a {
    color: #e8cb6b;
    font-weight: bold;
}

.up-sub {
    padding: 5px 10px;
    border: 1px solid #eee;
    color: #eee;
    border-radius: 3px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}

.up-sub:hover {
    background: #fff;
    color: #0079ca;
}

@media only screen and (max-width:1000px) {
    .upper .quote li {
        display: none;
    }

    .upper .quote li:first-of-type {
        display: block;
    }
}

@media only screen and (max-width: 800px) {
    .up-sub {
        display: none;
    }

    .topformflex {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .topformflex .center {
        display: block;
    }

    .topformflex {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

#upper-tsx {
    padding-left: 0;
}

.upper-soc {
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    width: 30px;
    height: 30px;
    opacity: 0.75;
}

.upper-soc:hover {
    opacity: 1;
}

.soc-fb {
    background-image: url('images/facebook.png');
}

.soc-tw {
    background-image: url('images/twitter.png');
}

/* 	
#######################################
	Lower Bar Logo & Menu [Module]
#######################################
*/

#sticky-lower {
    transition: all .5s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
}

.lower-logo {
    width: 200px;
    height: 60px;
    background-image: url('images/2025-08/MAX_Logo_White.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    margin-top: 10px;
    margin-bottom: 10px;
}

.lower-tsx {
    width: 100px;
    background-image: url('images/tsx_50_logo.jpg');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    margin: 10px;
}

.sticky-down .lower-logo {
    margin: 5px;
    width: 170px;
}

.sticky-down .lower-tsx {
    margin: 5px;
}

@media only screen and (max-width: 1300px) {

    .lower-logo,
    .sticky-down .lower-logo {
        margin: 5px;
        width: 140px;
    }

    .lower-tsx,
    .sticky-down .lower-tsx {
        margin: 5px;
    }
}

.lower-menu .head-link:first-of-type {
    margin-left: 0;
}

.lower-menu li,
.lower-menu .head-link {
    position: relative;
    list-style-type: none;
    font-weight: 500;
    color: #f5bb3f;
    font-size: 18px;
    padding: 15px;
    cursor: pointer;
    text-transform: uppercase;
    margin-left: 60px;
    transition: all .3s;
}

.lower-menu li:hover {
    background-color: #f5bb3f !important;
    color: #fff !important;
}

.head-link:hover {
    background-color: #f5bb3f !important;
    color: #fff !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
}

.lower-menu li:first-child {
    margin-left: 0;
}

.lower-menu li a {
    color: #fff;
}

.lower-menu li:hover,
.lower-menu li:hover a,
.lower-menu .head-link:hover {
    color: #fff;
}

.lower-menu li ul {
    position: absolute;
    height: 0;
    overflow: hidden;
    background-color: white;
    min-width: 180px;
    margin-left: -15px;
    margin-top: 15px;
    transition: all .5s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
}

.lower-menu li:hover ul {
    height: 137px;
}

.lower-menu li:hover .sticky-special {
    height: 275px;
}

.lower-menu li:hover .sticky-four {
    height: 90px;
}

.lower-menu li:hover .sticky-tworow {
    height: 90px;
}

.lower-menu li:hover .sticky-small {
    height: 45px;
}

.lower-menu li ul li {
    margin-left: 0;
    display: block;
    padding: 10px 15px;
    font-weight: 400;
    font-size: 16px;
    white-space: nowrap;
    text-transform: uppercase;
    color: #666;
    border-radius: 0;
    transition: all .2s;
    text-shadow: none;
}

.lower-menu li ul li:hover {
    background-color: #f5bb3f !important;
    color: #fff !important;
    border-bottom-color: transparent;
}

.lower-menu li ul a:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

.lower-menu li ul a {
    display: block;
}

#sticky {
    position: fixed;
    z-index: 10;
}

/* 	
#######################################
	Small Menu [Module]
#######################################
*/

.small-menu {
    height: 60px;
    width: 60px;
    display: none;
    background-color: #153951;
    transition: background-color .2s;
    padding: 10px;
    cursor: pointer;
    overflow: hidden;
}

.small-menu-image {
    height: 100%;
    background-image: url('images/small-menu.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: opacity .2s;
    opacity: .75;
}

@media only screen and (max-width: 1300px) {
    .small-menu {
        display: block;
    }
}

#upper-wrap {
    display: none;
}

.head-link {
    color: #d5eeff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    padding: 10px 15px;
}

.upper-menu {
    background-color: #17252e;
}

.upper-menu a:hover {
    background-color: #0079ca;
    color: #fff;
}

.upper-menu li,
.upper-menu {
    position: relative;
    list-style-type: none;
    font-weight: bold;
    color: #ccc;
    font-size: 16px;
    padding: 10px 15px;
    cursor: default;
    text-transform: uppercase;
}

.upper-menu li a {
    color: #fff;
}

.upper-menu li ul {
    margin-left: -15px;
    margin-top: 10px;
}

.upper-menu li:hover ul {
    display: block;
}

.upper-menu li ul li {
    margin-left: 0;
    display: block;
    padding: 10px 15px;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    color: #d5eeff;
    border-radius: 0;
    cursor: pointer;
}

.upper-menu li ul li:hover {
    background-color: #0079ca;
    color: #fff;
}

.upper-menu li ul a {
    display: block;
}

@media only screen and (max-width: 1100px) {
    .upper-vol {
        display: none;
    }
}

/* #region Custom Project Classes */

.content .project p, .content .project p *, .content .project li, .content .project span {
    font-size:1.2rem;
}

.content .project .saoverview {
    margin-bottom: 0;
}

.content .project .freeport {
    background-image:url('images/2024-08/bg_freeport.jpg');
    background-size:cover;
}

.content .project .freeport .flex {
    margin-top:2rem;
}

.content .project .freeport .flex .half {
    padding:3rem;
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius:0.5rem;
    text-align:center;
}

.content .project .freeport .flex .half strong {
    display:block;
}

.content .project iframe {
    border-radius:0.5rem;
}

.content .project .district .boxbox {
    background-color:rgba(0, 0, 0, .05);
    border:2px solid #ccc;
    padding:3rem;
}

.content .project .district img {
    border:2px solid #ccc;
}

.content .project .hgdso img {
    border-radius:2rem;
}

.content .project img {
    border-radius:2rem;
    max-height:75vh;
}

@media only screen and (max-width: 1400px) {
    .content .project p, .content .project p *, .content .project li, .content .project span {
        font-size: 1rem;
    }
}


@media only screen and (max-width: 1000px) {
    .content .project .half, .content .project .third, .content .project .quarter, .content .project .halfgap2 {
        width:100%;
    }

    .content .project .freeport .flex {
        row-gap:1rem;
    }

    .content .project .district .boxbox {
        padding:1rem;
    }

    .content .project .hgdso .boxbox {
        flex-direction:column-reverse;
    }

    .content .project .hgdso img {
        margin-top:unset;
    }
}


/* #endregion */

.content .project .maxbrazil .financing .complete {
    border-radius:1rem;
    padding:2rem;
    border:2px solid #00b300;
}

.content .project .maxbrazil .financing .complete .fa-solid {
    color:#00b300;
    font-size:3rem;
}

.content .project .maxbrazil .financing .upcoming {
    background-image:url('images/2024-08/bg_financing.jpg');
    background-size:cover;
    border-radius:1rem;
    padding:2rem;
}

.content .project .floraliahigh {
    background:linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    color:#fff;
    position:relative;
}

.content .project .floraliahigh .boxbox {
    position:relative;
}

.content .project .floraliahigh:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url('https://www.maxresource.com/images/gallery/MAX_Flor%C3%A1lia-Hematite_Site-Visits_158.jpg');
    background-size:cover;
    opacity:0.1;
    background-attachment:fixed;
}

.content .project .dsotop {
    padding-bottom:0;
}

@media only screen and (max-width: 1000px) {
    .content .project .dsobot {
        padding-top:1rem;
    }
}