/* #region AGM Banner */
.agm-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
    background-color: #8a2828;
    background-image: linear-gradient(90deg, #8a2828, #af3333, #8a2828);
    padding: 0.75rem 1.5rem;
    color: #fff;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 7;
    transition: all 0.3s;
}

.agm-banner:hover {
    background-color: #9a2d2d;
    background-image: linear-gradient(90deg, #9a2d2d, #bf3939, #9a2d2d);
}

.agm-banner-label {
    background-color: #fcb600;
    color: #fff;
    padding: 0.25rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 700;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.agm-banner-text {
    font-size: 1rem;
    font-weight: 500;
}

.agm-banner-cta {
    color: #fcb600;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.2s;
}

.agm-banner:hover .agm-banner-cta {
    color: #fff;
    margin-left: 0.25rem;
}

.has-agm-banner {
    padding-top: 2.75rem;
    transition: padding-top 0.3s;
}

.has-agm-banner header {
    top: 2.75rem;
}

.has-agm-banner.agm-scrolled {
    padding-top: 0;
}

.has-agm-banner.agm-scrolled .agm-banner {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
}

.has-agm-banner.agm-scrolled header {
    top: 0;
}

@media (max-width: 800px) {
    .agm-banner {
        flex-wrap: wrap;
        gap: 0.5rem;
        padding: 0.5rem 1rem;
    }
    
    .agm-banner-text {
        font-size: 0.875rem;
        width: 100%;
        order: 2;
    }
    
    .agm-banner-label {
        font-size: 0.75rem;
    }
    
    .agm-banner-cta {
        font-size: 0.875rem;
    }
    
    .has-agm-banner {
        padding-top: 4.5rem;
    }
    
    .has-agm-banner header {
        top: 4.5rem;
    }
    
    .has-agm-banner.agm-scrolled header {
        top: 0;
    }
}

@media (max-width: 500px) {
    .agm-banner-text {
        font-size: 0.75rem;
    }
    
    .has-agm-banner {
        padding-top: 4rem;
    }
    
    .has-agm-banner header {
        top: 4rem;
    }
    
    .has-agm-banner.agm-scrolled header {
        top: 0;
    }
}
/* #endregion */

/*@@@@@@@@@@@@@@@@@@@@@@@ Reset @@@@@@@@@@@@@@@@@@@@@@@*/
 * {
     margin:0;
     padding:0;
     text-decoration:none;
     font-family:'Red Hat Display';
     box-sizing:border-box;
     image-rendering: -webkit-optimize-contrast;
}
/*@@@@@@@@@@@@@@@@@@@@@@@ Globals @@@@@@@@@@@@@@@@@@@@@@@*/
 a, button {
     transition:all 0.2s;
     cursor:pointer;
}
img {
    max-width:100%;
}
 p {
     line-height:1.6;
     font-size:18px;
}
 .boxbox {
     width:1300px;
}
 @media (max-width: 1400px) {
     .boxbox {
         width:90vw;
    }
}
 .minfull {
     min-height:100vh;
     width:100%;
     overflow-x:hidden;
     overflow-y:visible;
}
 .relative {
     position:relative;
}
 .flex, .flexbreak {
     display:flex;
     flex-shrink:0;
}
 @media (max-width: 1200px) {
     .flexbreak {
         display:block;
    }
}
 .wrap {
     flex-wrap:wrap;
}
 .col {
     flex-direction:column;
}
 .around {
     justify-content:space-around;
}
 .between {
     justify-content:space-between;
}
 .grow {
     flex-grow:1;
}
 .max {
     width:100%;
     height:100%;
}
 .center {
     align-items:center;
}
 .pad {
     padding:60px 90px;
}
 @media (max-width: 1200px) {
     .pad {
         padding:60px;
    }
}
 .padside {
     padding-left:90px;
     padding-right:90px;
}
 @media (max-width: 1200px) {
     .padside {
         padding-left:60px;
         padding-right:60px;
    }
}
 @media (max-width: 600px) {
     .padside {
         padding-left:30px;
         padding-right:30px;
    }
}
 .padtop {
     padding-top:60px;
     padding-bottom:60px;
}
 .end {
     justify-content:flex-end;
}
 .half {
     width:50%;
     flex-shrink:0;
}
 @media (max-width: 1200px) {
     .half {
         width:90%;
         padding-left:0;
         padding-right:0;
         margin:0 auto;
    }
}
 .spacerbig > *:not(:last-child) {
     margin-bottom:60px;
}
 .spacer > *:not(:last-child) {
     margin-bottom:30px;
}
 .spacersmall > *:not(:last-child) {
     margin-bottom:15px;
}
 .imgright {
     float:right;
     margin-left:30px;
     margin-bottom:30px;
     width:60%;
}
 .imgleft {
     float:left;
     margin-right:30px;
     margin-bottom:30px;
     width:60%;
}
 .imgrad {
     border-radius:5px;
}
 .imgmax {
     height:auto;
     width:100%;
     background-size:cover;
     background-repeat:no-repeat;
     background-position:center center;
     position:relative;
     margin-bottom:30px;
}
 .imgmax span {
     background-color:#192f2c;
     padding:20px 20px;
     border-radius:5px;
     color:#fff;
     bottom:20px;
     right:-20px;
     position:absolute;
     max-width:50%;
}
 .imgmax, .imgright, .imgleft {
     cursor:pointer;
}
 @media (max-width: 800px) {
     .imgleft {
         float:none;
         max-width:100%;
         width:unset;
         margin-right:0;
    }
     .imgright {
         float:none;
         max-width:100%;
         width:unset;
         margin-left:0;
    }
     .imgmax span {
         max-width:80%;
    }
}
 .bigspace > *:not(:last-child) {
     margin-bottom:60px;
}
 .space > *:not(:last-child) {
     margin-bottom:30px;
}
 .smallspace > *:not(:last-child) {
     margin-bottom:15px;
}
 body {
     max-width:100%;
     overflow-x:hidden;
}
/*@@@@@@@@@@@@@@@@@@@@@@@ UI @@@@@@@@@@@@@@@@@@@@@@@*/
 .button-main {
     padding:15px 30px;
     background-color:#fcb600;
     border-radius:5px;
     color:#fff;
     display:table;
     font-weight:600;
     font-size:24px;
     border:2px solid #fcb600;
     cursor:pointer;
     transition:all .2s;
}
 .button-main:hover {
     background-color:unset;
     color:#fcb600;
}
 .button-main:hover + .main-down {
     background-position:center bottom;
     opacity:1;
}
 .main-right {
     background-position:center center;
     background-repeat:no-repeat;
     width:40px;
     margin-left:10px;
     opacity:.5;
     transition:all .3s;
     background-image:url('images/ui/arrow-right.png');
}
 .button-main:hover + .main-right {
     background-position:center right;
     opacity:1;
}
 .main-down {
     background-position:center center;
     background-repeat:no-repeat;
     width:30px;
     margin-left:10px;
     opacity:.5;
     transition:all .3s;
}
 .dark .main-down {
     background-image:url('images/ui/arrow-down-white.png');
}
 .light .main-down {
     background-image:url('images/ui/arrow-down.png');
}
 @media (max-width: 400px) {
     .main-down, .main-right {
         display:none;
    }
}
 @media (max-width: 1400px) {
     .button-main {
         font-size:18px;
    }
}
 @media (max-width: 800px) {
     .button-main {
         font-size:18px;
         padding:10px 20px;
    }
}
 .red, .white, .gray {
     box-shadow: inset 0 35px 9px -25px rgba(0,0,0,0.2);
}
 .gray {
     background-color:#333;
     background-image:linear-gradient(#3b3b3b,#333);
}
 .red {
     background-color:#af3333;
     background-image:linear-gradient( #ad3030,#ba3434);
}
 .hero {
     box-shadow:none;
     background-image:url('images/rgld_bg.png');
     background-position:center bottom;
     background-repeat:no-repeat;
     background-size:contain;
     transition:all .4s;
     position:relative;
}
.hero .dots {
    position:absolute;
    bottom:20px;
    left:50%;
    margin-left:-24px;
    width:30px;
}

.hero .dots div {
    border-radius:50%;
    background-color:#fff;
    width:12px;
    height:12px;
    opacity:.25;
}

.hero .dots .acdot {
    opacity:.75;
    box-shadow:0 0 2px 2px rgba(0,0,0,0.2);
}
 @media (max-width: 1000px) {
     .hero {
         background-attachment:scroll;
    }
}
 @media (max-width: 500px) {
     .hero .button-main {
         margin-bottom:30px;
    }
}
 .white {
     background-color:#fff;
}
 h2 {
     font-size:32px;
     letter-spacing:.15em;
     text-transform:uppercase;
}
 @media (max-width: 1400px) {
     h2 {
         font-size:24px;
    }
}
 @media (max-width: 600px) {
     h2 {
         font-size:20px;
    }
}
 h1 {
     letter-spacing:.15em;
     font-size:64px;
     text-transform:uppercase;
}
 @media (max-width: 1400px) {
     h1 {
         font-size:48px;
    }
}
 @media (max-width: 600px) {
     h1 {
         font-size:36px;
    }
}
 p {
     font-size:24px;
     line-height:1.6em;
}
 @media (max-width: 1400px) {
     p {
         font-size:18px;
    }
}
 .dark h2 {
     color:#eee;
}
 .light h2 {
     color:#666;
}
 .dark h1 {
     color:#fff;
}
 .light h1 {
     color:#333;
}
 .dark p {
     color:#fff;
}
 .light p {
     color:#333;
}
 .light ul li, .light ol li {
     font-size:24px;
     line-height:1.6em;
     margin-left:60px;
}
 .light ul > *:not(:last-child), .light ol > *:not(:last-child) {
     margin-bottom:10px;
}
 @media (max-width: 1400px) {
     .light ul li, .light ol li {
         font-size:18px;
    }
}
 .main {
     background-color:#eee;
     padding:0 90px;
     position:relative;
     z-index:3;
     background-image:url('images/inner_bg.jpg');
     background-position:center bottom;
     background-size:100% auto;
     background-repeat:no-repeat;
}
 @media (max-width: 1200px) {
     .main {
         padding:0 60px;
    }
}
 @media (max-width: 800px) {
     .main {
         padding:0;
    }
}
 .main-inner {
     background-color:#fff;
     margin:-60px 0;
     box-shadow:0 5px 20px rgba(0,0,0,0.25);
     flex-shrink:1;
     width:100%;
}
 @media (max-width: 1000px) {
     .main-inner {
         flex-direction:column-reverse;
         background-color:#eee;
         box-shadow:unset;
         margin-bottom:0;
    }
}
 .graybox {
     background-color:#fff;
     padding:40px;
     box-shadow:0 5px 20px rgba(0,0,0,.10);
     border-left:5px solid #af3333;
     margin-right:-30px;
}
 .graybox h3 {
     font-size:36px;
     color:#333;
}
 .graybox ul {
     margin-top:20px;
}
 .graybox ul li {
     line-height:2em;
     font-size:24px;
     margin-left:30px;
     transition:all .3s;
     color:#333;
}
 .graybox ul li:not(:last-of-type) {
     margin-bottom:15px;
}
 .graybox .map {
     width:50%;
     background-color:#333;
     border-radius:5px;
     background-size:100% auto;
     background-position:center center;
     transition:all .3s;
     cursor:pointer;
     box-shadow:unset;
     flex-shrink:0;
}
 .graybox .map:hover {
     background-size:130% auto;
}
 .graybox .map span {
     background-color:rgba(33,33,33,0.33);
     color:#fff;
     padding:160px 0 140px 0;
     text-align:center;
     display:block;
     font-weight:bold;
     opacity:0;
     transition:all .3s;
}
 .graybox .map:hover span {
     opacity:1;
     padding:150px 0 150px 0;
}
 .graybox a {
     font-weight:600;
     color:#fff;
     border-radius:5px;
}
 .inactive {
     opacity:.5;
     pointer-events:none;
}
 .hidden {
     opacity:0;
     pointer-events:none;
}
 .sysbox {
     width:100%;
     height:50px;
}
 .sysmsg {
     font-size:24px;
     color:#600000;
     font-weight:bold;
     opacity:0;
     transition:.5s;
     margin-left:30px;
     position:absolute;
}
 .sysyes {
     font-size:24px;
     color:#5fc900;
     font-weight:bold;
     opacity:0;
     transition:.5s;
     margin-left:30px;
     position:absolute;
}
 .showmsg {
     margin:0;
     opacity:1;
}
/*@@@@@@@@@@@@@@@@@@@@@@@ RGLD Styles @@@@@@@@@@@@@@@@@@@@@@@*/
 .lineright {
     height:2px;
     background-color:#aaa;
     margin-left:-200px;
     margin-right:-200px;
}
 .linefull {
     height:2px;
     background-color:#eee;
     margin-left:-100vw;
     margin-right:-100vw;
}
 section {
     position:relative;
     z-index:2;
}
 .bgswap {
     background-color:#c04545;
     transition:background-color 1s;
}
.hero .conarr {
    width:90px;
    height:200px;
    position:absolute;
    top:50%;
    margin-top:-100px;
    background-repeat:no-repeat;
    background-position:center center;
    cursor:pointer;
    z-index:3;
    transition:all .3s;
    opacity:.5;
}
.hero .conarr:hover {
    opacity:1;
}
.hero .leftcon {
    left:0;
    background-image:url('images/ui/hero-left-arrow.png');  
}
.hero .leftcon:hover {
    background-position:center left;
}
.hero .rightcon {
    right:0;
    background-image:url('images/ui/hero-right-arrow.png');  
}
.hero .rightcon:hover {
    background-position:center right;
}
@media (max-width: 1200px) {
    .hero .conarr {
        width:60px;
        background-size:48px auto;
    }
}

@media (max-width: 600px) {
    .hero .conarr {
        bottom:0;
        top:unset;
    }
}
.biglogo {
     margin:60px 0 100px 0;
     position:relative;
}
@media (max-width: 800px) {
     .biglogo {
         margin:30px 0 60px 0;
    }
}
.biglogo .text {
     width:100%;
}
.biglogo .text p {
    max-width:1200px;
}
 @media (max-width: 1200px) {
     .biglogo .text {
         width:100%;
    }
}
 header {
     position:fixed;
     z-index:6;
     width:100%;
     transition:all .3s;
}
 @media (max-width: 1000px) {
     header {
         justify-content:flex-end !important;
    }
}
 header .logo {
     position:absolute;
     padding-top:210px;
     background-color:#fff;
     border-bottom-left-radius:5px;
     border-bottom-right-radius:5px;
     box-shadow:0 5px 20px rgba(0,0,0,0.25);
     background-image:url('images/rgld_logo.png');
     background-repeat:no-repeat;
     background-position:center bottom 30px;
     width:310px;
     left:50%;
     margin-left:-155px;
     display:block;
}
 header .logo img {
     transition:all .3s;
     max-width:100%;
}
 @media (max-width: 1000px) {
     header .logo {
         background-position:center bottom 50px;
         left:60;
         margin-left:0;
    }
}
 @media (max-width: 800px) {
     header .logo {
         background-size:80% auto;
         width:250px;
         padding-top:160px;
    }
}
 @media (max-width: 600px) {
     header .logo {
         left:30;
    }
}
 @media (max-width: 500px) {
     header .logo {
         padding-top:110px;
         background-position:center bottom 30px;
         width:200px;
    }
}
 header .logo .symbol {
     display:none;
     text-align:center;
     font-size:24px;
     font-weight:500;
     margin-bottom:15px;
     color:#aaa;
     font-weight:bold;
}
 header .logo .symbol b {
     color:#fcb600;
}
 @media (max-width: 1000px) {
     header .logo .symbol {
         display:block;
    }
}
 @media (max-width: 800px) {
     header .logo .symbol {
         font-size:18px;
         margin-top:5px;
    }
}
 @media (max-width: 500px) {
     header .logo .symbol {
         font-size:18px;
         margin-bottom:5px;
    }
}
 header span {
     font-size:36px;
     color:#fff;
     width:20vw;
     margin-top:90px;
}
 @media (max-width: 1000px) {
     header span {
         display:none;
    }
}
 .active span {
     opacity:.02;
     pointer-events:none;
}
 header span b {
     color:#fcb600;
}
 header nav {
     width:20vw;
     margin-top:90px;
}
 @media (max-width: 1000px) {
     header nav {
         margin-top:60px;
    }
}
 @media (max-width: 500px) {
     header nav {
         margin-top:80px;
    }
}
 header nav a {
     display:block;
}
 header nav .mailing {
     width:48px;
     height:48px;
     background-color:#fcb600;
     border-radius:5px;
     background-image:url('images/ui/mailing.png');
     background-position:center center;
     background-repeat:no-repeat;
}
 @media (max-width: 1000px) {
     header nav .mailing {
         display:none;
    }
}
 .active nav .mailing {
     opacity:.02;
     pointer-events:none;
}
 header nav .menu {
     width:48px;
     height:32px;
     position:relative;
     margin-left:30px;
}
 header nav .active {
     z-index:9;
}
 header nav .menu div {
     position:absolute;
     height:12%;
     background-color:#fff;
     right:0;
     transition:all .3s;
}
 header nav .menu .l1 {
     top:0;
     width:100%;
}
 header nav .menu .l2 {
     bottom:0;
     width:80%;
}
 header nav .menu:hover .l2 {
     right:20%;
}
 header nav .menu .l3 {
     top:43%;
     width:60%;
}
 header nav .menu:hover .l3 {
     right:40%;
}
 .active {
     background-color:unset !important;
     box-shadow:unset !important;
}
 .active nav {
     margin-top:60px !important;
}
 .active .logo {
     margin-top:-25px;
}
 .active nav .menu .l1 {
     top:44%;
     transform:rotate(45deg);
}
 .active nav .menu .l3 {
     width:100%;
     top:44%;
     transform:rotate(-45deg);
}
 .active nav .menu .l2 {
     display:none;
}
 .active nav .menu:hover .l3 {
     right:0;
}
 .active nav .menu div {
     background-color:#fff !important;
}
 .scrolled {
     background-color:#fff;
     box-shadow:0 5px 15px rgba(0,0,0,0.25);
}
 .scrolled .logo {
     transform:scale(.8);
}
 .scrolled span {
     color:#222;
     margin-top:10px;
     margin-bottom:10px;
}
 .scrolled nav {
     margin-top:10px;
     margin-bottom:10px;
}
 .scrolled nav .menu div {
     background-color:#222;
}
 .homemap {
     width:45%;
     margin:60px;
     height:600px;
     position:relative;
     z-index:2;
     background-image:url('images/projects/whirlwind/default/rgld_airmag_fall2019.jpg');
     background-size:contain;
     background-position:center center;
     background-repeat:no-repeat;
     cursor:pointer;
}
 @media (max-width: 1500px) {
     .homemap {
         height:500px;
    }
}
 @media (max-width: 1200px) {
     .homemap {
         width:90%;
         margin:0 auto!important;
         margin-top:60px !important;
    }
}
 @media (max-width: 600px) {
     .homemap {
         height:400px;
    }
}
 @media (max-width: 500px) {
     .homemap {
         height:300px;
    }
}
 .subsend {
     max-width:800px;
}
 .subsend input {
     padding:15px 25px;
     border-radius:5px;
     background-color:transparent;
     border:2px solid #fff;
     color:#fff;
     font-size:24px;
     width:100%;
}
 @media (max-width: 500px) {
     .subsend {
         display:block;
    }
     .subsend input {
         width:100%;
         border-bottom-left-radius:0;
         border-bottom-right-radius:0;
    }
}
 .subsend input::placeholder {
     color:#fff;
     opacity:.33;
}
 .subsend button {
     margin-top:30px;
     border:2px solid #fcb600;
}
 @media (max-width: 500px) {
     .subsend button {
         width:100%;
         height:60px;
         max-width:unset;
    }
     .subsend button:hover {
         background-position:center center;
    }
}
 .latest {
     margin-left:60px;
     position:relative;
     background-image:url('images/latest-vert.png');
     background-position:bottom left;
     background-repeat:no-repeat;
}
 @media (max-width: 1200px) {
     .latest {
         margin:0 auto;
         margin-bottom:40px;
         background-image:unset;
    }
     .latest .hidden {
         margin-right:-30px;
    }
}
 .latest .inner {
     transition:all .5s;
}
 .latest a {
     background-color:#fff;
     border-radius:5px;
     box-shadow:0 5px 20px rgba(0,0,0,0.35);
     padding:50px;
     flex-shrink:0;
     font-weight:600;
     color:#222;
     font-size:28px;
     margin-left:30px;
     width:500px;
     line-height:1.6em;
}
 .latest a:last-of-type {
     opacity:.25;
     filter:blur(5px);
}
 @media (max-width: 1400px) {
     .latest a {
         font-size:22px;
    }
}
 @media (max-width: 1200px) {
     .latest a:first-of-type {
         margin-left:0;
    }
}
 @media (max-width: 800px) {
     .latest a {
         padding:30px;
    }
}
 @media (max-width: 600px) {
     .latest a {
         width:400px;
    }
}
 @media (max-width: 500px) {
     .latest a {
         width:300px;
         font-size:18px;
         padding:20px;
    }
}
 @media (max-width: 400px) {
     .latest a {
         width:280px;
    }
}
 .latest a span {
     font-weight:400;
     display:block;
     flex-grow:1;
}
 .latest b {
     text-align:right;
     color:#fcb600;
     padding:10px 25px;
     border:1px solid #fcb600;
     align-self:flex-end;
     margin-top:60px;
     border-radius:5px;
     transition:all .2s;
}
 @media (max-width: 800px) {
     .latest b {
         margin-top:30px;
    }
}
 .latest a:hover {
     background-color:#fcb600;
     color:#fff;
}
 .latest a:hover b {
     color:#fff;
     border-color:#fff;
}
 .latest b:hover {
     background-color:#fff;
     color:#222 !important;
}
 .latest .left, .latest .right {
     width:48px;
     height:48px;
     background-repeat:no-repeat;
     background-position:center center;
     border-radius:5px;
     border:1px solid #fff;
     background-color:transparent;
     cursor:pointer;
}
 .latest .left {
     background-image:url('images/ui/v-left.png');
     margin-left:30px;
     margin-top:15px;
}
 @media (max-width: 1200px) {
     .latest .left {
         margin-left:0;
    }
}
 .latest .left:hover, .latest .right:hover {
     background-color:#fcb600;
     border-color:#fcb600;
}
 .latest .right {
     background-image:url('images/ui/v-right.png');
     margin-left:15px;
     margin-top:15px;
}
 @media (max-width: 1100px) {
     footer {
         padding-left:5% !important;
         padding-right:5% !important;
         width:100% !important;
    }
     footer .flex {
         display:block;
    }
}
 footer .info {
     width:35%;
}
 @media (max-width: 1100px) {
     footer .info {
         width:75%;
    }
}
 @media (max-width: 600px) {
     footer .info {
         width:100%;
    }
}
 footer .info .contacts a {
     font-size:24px;
     color:#fff;
     background-repeat:no-repeat;
     background-position:center left;
     display:block;
     line-height:2em;
     padding-left:40px;
     font-weight:bold;
}
 @media (max-width: 1400px) {
     footer .info .contacts a {
         font-size:18px;
    }
}
 footer .info .contacts .tel {
     background-image:url('images/ui/contact-tel.png');
}
 footer .info .contacts .email {
     background-image:url('images/ui/contact-email.png');
}
 @media (max-width: 1100px) {
     footer .socials {
         flex-direction:row;
    }
}
 footer .info .socials a {
     width:24px;
     height:24px;
     background-repeat:no-repeat;
     background-position:center center;
     margin-right:15px;
     opacity:.66;
}
 footer .info .socials a:hover {
     opacity:1;
}
 footer .info .li {
     background-image:url('images/ui/footer_li.png');
}
 footer .info .tw {
     background-image:url('images/ui/footer_tw.png');
}
 footer .info .fb {
     background-image:url('images/ui/footer_fb.png');
}
 footer .info .ig {
     background-image:url('images/ui/footer_ig.png');
}
 footer .formbody {
     overflow:hidden;
}
 footer .contact .arrow {
     width:32px;
     height:32px;
     background-image:url('images/ui/arrow-thick.png');
     background-repeat:no-repeat;
     background-position:center center;
     transition:all .5s;
     opacity:.5;
     display:none;
     transform: rotate(90deg);
}
 @media (max-width: 1100px) {
     footer .contact .arrow {
         display:block;
    }
}
 footer .contact .rotate {
     transform: rotate(-90deg);
     opacity:1;
}
 @media (max-width: 1100px) {
     footer .formbody {
         display:none;
    }
}
 footer form {
     margin-left:60px;
}
 @media (max-width: 1100px) {
     footer form {
         display:block !important;
         margin-left:0;
         border:2px solid #666;
         border-radius:5px;
         padding:30px;
         margin-top:30px;
    }
     footer form .flex {
         flex-direction:row;
         display:flex;
    }
     footer form .contact {
         display:flex;
    }
}
 @media (max-width: 600px) {
     footer form {
         padding:20px;
    }
}
 footer form h2 {
     margin-bottom:30px;
}
 @media (max-width: 1100px) {
     footer form h2 {
         margin-bottom:0;
    }
}
 footer form input {
     width:48%;
     padding:25px;
     border-radius:5px;
     background-color:#333;
     border:2px solid #fff;
     color:#fff;
     font-size:24px;
}
 @media (max-width: 1400px) {
     footer form input {
         padding:15px 25px;
    }
}
 @media (max-width: 1100px) {
     footer form .formbody {
         margin-top:30px;
         display:none;
    }
}
 @media (max-width: 800px) {
     footer form .formbody {
         margin-top:0;
    }
     footer form .formbody .flex {
         display:block;
    }
     footer form input {
         width:100%;
         margin-top:30px;
    }
}
 footer form textarea {
     width:100%;
     margin:30px 0;
     border-radius:5px;
     background-color:#333;
     border:2px solid #fff;
     color:#fff;
     font-size:24px;
     padding:25px;
}
 footer form .button-main {
     width:48%;
     flex-shrink:0;
}
 footer form span {
     align-self:center;
     color:#af3333;
     font-size:24px;
     margin-right:60px;
     margin-left:30px;
     opacity:0;
     transition:all .3s;
     font-weight:bold;
}
 footer form .pop {
     opacity:1;
     margin-left:0;
}
 @media (max-width: 800px) {
     footer form .sys-send {
         flex-direction:column-reverse;
         display:flex !important;
    }
     footer form input {
         width:100%;
         margin-top:30px;
    }
     footer form .button-main {
         width:100%;
    }
     footer form span {
         margin-right:0;
         margin-top:20px;
    }
}
 .subfooter {
     background-color:#2a2a2a;
     color:#ddd;
     padding-top:20px;
     padding-bottom:20px;
     margin-top:-40px;
}
 .subfooter a {
     color:#fcb600;
     font-weight:bold;
}
 .subfooter a:hover {
     text-decoration:underline;
}
 .subfooter .links > *:not(:last-child) {
     margin-right:10px;
}
 @media (max-width: 800px) {
     .subfooter {
         display:block;
         text-align:center;
    }
     .subfooter .links {
         padding-top:10px;
         display:block;
    }
}
 @media (max-width: 600px) {
     .subfooter {
         font-size:16px;
         text-align:center;
    }
}
/* @@@@@@@@@@@@@@@@@@@@@@@ Small Menu @@@@@@@@@@@@@@@@@@@@@@@ */
 .menuflex {
     transition:all .3s;
     cursor:pointer;
}
 .mainmenu span {
     width:24px;
     display:inline-block;
     background-image:url('images/ui/arrow-thick.png');
     background-repeat:no-repeat;
     background-position:center center;
     background-size:contain;
     opacity:.33;
     transition:all .3s;
     align-self:center;
     height:16px;
     margin-top:8px;
}
 .mainmenu:hover span {
     opacity:1;
     margin-left:20px;
}
 .small-menu {
     background-color:rgba(125,30,30,.98);
     transition:height 1s, min-height 1s;
     top:0;
     bottom:0;
     left:0;
     right:0;
     position:fixed;
     z-index:5;
     display:none;
}
 @media only screen and (max-width: 1000px) {
     .small-menu {
         overflow-y:scroll;
    }
}
 .small-menu .menu-link:last-of-type {
     border-bottom:0;
}
 .small-menu .mainmenu {
     padding:30px;
     padding-left:90px;
     padding-bottom:0;
}
 @media only screen and (max-width: 1400px) {
     .small-menu .mainmenu {
         padding-top:20px;
    }
}
 @media only screen and (max-width: 600px) {
     .small-menu .mainmenu, .small-menu .big {
         padding-left:30px !important;
    }
}
 .small-menu .big {
     padding:0 90px;
}
 .small-menu .big:last-of-type {
     padding-top:25px;
}
 .small-menu .big, .small-menu .top {
     color:#fff;
     transition:all 0.4s;
     font-weight:400;
     font-size:36px;
     display:block;
     opacity:.66;
}
 @media only screen and (max-width: 1400px) {
     .small-menu .big, .small-menu .top {
         font-size:30px;
    }
}
 @media only screen and (max-width: 1000px) {
     .small-menu {
         padding-left:35vw;
    }
}
 @media only screen and (max-width: 600px) {
     .small-menu .big, .small-menu .top {
         font-size:24px;
    }
}
 @media only screen and (max-width: 600px) {
     .small-menu {
         padding-left:0;
    }
}
 .small-menu .big:hover, .small-menu .menuflex:hover .top {
     opacity:1;
     margin-left:-10px;
}
 .small-menu .top {
     padding-bottom:0;
     display:inline-block 
}
 .small-menu .mainmenu .under .submenu {
     display:block;
     color:#fcb600;
     font-size:24px;
     padding:10px 25px;
     font-weight:500;
     opacity:.75;
}
 .small-menu .mainmenu .under .submenu:hover {
     color:#ffcd4a;
     opacity:1;
     padding-left:35px;
}
 .small-menu .mainmenu .under .subsubmenu {
     display:block;
     color:#eee;
     font-size:24px;
     padding:10px 0;
     font-weight:400;
     opacity:.75;
}
 .small-menu .mainmenu .under .subsubmenu:hover {
     color:#fff;
     opacity:1;
}
 .small-menu .mainmenu .under .subline {
     width:30px;
     height:2px;
     background-color:#eee;
     margin-right:5px;
     opacity:.5;
     margin-left:30px;
}
 @media only screen and (max-width: 800px) {
     .small-menu .mainmenu .under a {
         font-size:18px;
    }
}
 .small-menu .mainmenu .under span {
     width:200px;
     color:#af3333;
     font-size:11px;
     padding:10px 15px;
     background-color:#777;
     display:table;
     border-top-left-radius:5px;
     border-top-right-radius:5px;
}
 .small-menu .mainmenu .under .active {
     background-color:#777;
     border-bottom:0 !important;
     color:#fff;
     width:200px;
     border-bottom-left-radius:5px;
     border-bottom-right-radius:5px;
}
 .small-menu .mainmenu .under {
     display:none;
}
 .small-menu-active .top {
     color:#fff !important;
     padding-left:25px;
     margin-left:0 !important;
     opacity:1;
}
 .small-menu-active span {
     transform:rotate(90deg);
     opacity:1;
     margin-left:20px;
}
 .small-menu .sub-button {
     position:fixed;
     right:0;
     bottom:0;
     padding:20px 30px;
     padding-left:70px;
     margin-bottom:30px;
     margin-right:-100px;
     border-top-left-radius:5px;
     border-bottom-left-radius:5px;
     background-color:#fcb600;
     color:#fff;
     background-image:url('images/ui/icon-mailing.png');
     background-repeat:no-repeat;
     background-position:center left 20px;
     box-shadow:0 2px 5px rgba(0,0,0,0.25);
     transition:all .5s;
     font-size:28px;
     font-weight:500;
     cursor:pointer;
     transition:all .2s;
}
 .small-menu .sub-button:hover {
     padding-right:50px;
     background-color:#d69b00;
}
 .small-menu .sub-button span {
     display:block;
     font-size:18px;
     font-weight:500;
}
 @media only screen and (max-width: 1000px) {
     .small-menu .sub-button {
         font-size:22px;
         padding:10px 20px;
         padding-left:60px;
         background-position:center left 15px;
    }
     .small-menu .sub-button span {
         font-size:14px;
         font-weight:500;
    }
}
 @media only screen and (max-width: 600px) {
     .small-menu .sub-button span {
         display:none;
    }
}
 .small-menu .sub-slide {
     margin-right:0;
}
 .header-x-small {
     position:relative;
     width:40px;
     height:40px;
     margin-top:50px;
     margin-right:40px;
}
 .small-x1, .small-x2{
     position:absolute;
     width:100%;
     height:2px;
     background-color:#999;
     transition:all .3s;
     display:inline-block;
     top:0;
     right:0;
}
 @media only screen and (max-width: 600px) {
     header .small-button {
         margin-top:10px;
    }
}
 @media only screen and (max-width: 500px) {
     header .small-button {
         width:40px;
    }
     header .small-button div {
         height:3px;
    }
}
/* @@@@@@@@@@@@@@@@@@@@@@@ Overlays @@@@@@@@@@@@@@@@@@@@@@@ */
 .overload {
     background-color:#af3333;
     width:100%;
     height:100%;
     position:fixed;
     z-index:9;
}
/* @@@@@@@@@@@@@@@@@@@@@@@ Sidebar @@@@@@@@@@@@@@@@@@@@@@@ */
 .sidebar {
     width:400px;
     border-right:1px solid #ddd;
     padding-bottom:60px;
     flex-shrink:0;
}
 @media (max-width: 1100px) {
     .sidebar {
         width:350px;
    }
}
 @media (max-width: 1000px) {
     .sidebar {
         width:100%;
         border-right:0;
    }
}
 @media (max-width: 800px) {
     .sidebar {
         padding:30px;
    }
}
 @media (max-width: 600px) {
     .sidebar {
         padding:0;
    }
}
 .sidebar .title {
     padding:30px;
     padding-top:90px;
     text-transform:capitalize;
     font-size:36px;
     color:#222;
     display:block;
     font-weight:500;
}
 @media (max-width: 1200px) {
     .sidebar .title {
         padding-top:60px;
    }
}
 @media (max-width: 800px) {
     .sidebar .title {
         padding-top:60px;
    }
}
 .sidebar .mainlink {
     display:block;
     padding:15px 30px;
     border-bottom:1px solid #ddd;
     font-size:24px;
     color:#222;
     background-image:url('images/ui/sidebar-arrow.png');
     background-repeat:no-repeat;
     background-position:center right -30px;
}
 @media (max-width: 1100px) {
     .sidebar .mainlink {
         font-size:20px;
    }
}
 .sidebar .mainlink:hover {
     color:#fcb600;
     padding-left:45px;
     background-position:center right;
}
 .sidebar .mainlink:first-of-type {
     border-top:1px solid #ddd;
}
 .sidebar .active {
     color:#af3333;
     font-weight:bold;
     pointer-events:none;
}
 .sidebar .botlink {
     margin-top:20px;
     background-color:#fcb600;
     border-top-left-radius:5px;
     border-bottom-left-radius:5px;
     margin-left:-10px;
     display:block;
     padding:20px;
     padding-left:70px;
     color:#fff;
     font-weight:500;
     box-shadow:0 2px 5px rgba(0,0,0,0.25);
     font-size:28px;
     background-repeat:no-repeat;
     background-position:center left 20px;
     text-transform:capitalize;
}
 .sidebar .botlink span {
     display:block;
     font-size:20px;
     font-weight:400;
}
 @media (max-width: 1100px) {
     .sidebar .botlink {
         font-size:22px;
    }
     .sidebar .botlink span {
         font-size:18px;
    }
}
 @media (max-width: 1000px) {
     .sidebar .botlink {
         margin:0;
         border-radius:5px;
    }
}
 @media (max-width: 600px) {
     .sidebar .botlink {
         margin-left:30px;
    }
}
 .sidebar .botlink:hover {
     background-color:#fcb900;
     margin-left:-20px;
}
 .sidebar .botpre {
     background-image:url('images/ui/icon-pdf.png');
}
 .sidebar .botsub {
     background-image:url('images/ui/icon-mailing.png');
}
 @media (max-width: 1000px) {
     .sidebar .botflex {
         display:flex;
         justify-content:space-between;
         margin-top:30px;
    }
     .sidebar .botlink {
         width:48%;
    }
}
 @media (max-width: 800px) {
     .sidebar .botflex {
         display:block;
         margin:0;
    }
     .sidebar .botlink {
         width:auto;
         margin-top:20px;
    }
}
 @media (max-width: 600px) {
     .sidebar .botlink {
         border-top-right-radius:0;
         border-bottom-right-radius:0;
    }
     .sidebar .botflex {
         padding-bottom:30px;
    }
}
 .sidebar .projlink {
     font-size:18px;
     display:block;
     padding:15px 30px;
     color:#333;
     font-weight:500;
     border-bottom:1px solid #eee;
}
 .sidebar .projlink:hover {
     padding-left:40px;
}
 .sidebar .projact {
     color:#af3333;
     padding-left:40px;
     pointer-events:none;
}
/* @@@@@@@@@@@@@@@@@@@@@@@ Uncategorized @@@@@@@@@@@@@@@@@@@@@@@ */
 .conmar {
     padding-top:60px;
}
 .contop {
     padding-top:60px;
     padding-bottom:60px;
}
 @media (max-width: 1000px) {
     .contop {
         padding-bottom:30px;
    }
}
 .content {
     padding:90px 60px;
}
 @media (max-width: 1400px) {
     .content {
         padding:90px 30px;
    }
}
 @media (max-width: 1200px) {
     .content {
         padding:60px 30px;
    }
}
 @media (max-width: 1000px) {
     .content {
         box-shadow:0 5px 20px rgba(0,0,0,0.25);
         background-color:#fff;
    }
}
 @media (max-width: 800px) {
     .content {
         padding:60px;
    }
}
 @media (max-width: 600px) {
     .content {
         padding:30px;
    }
}
 .content a {
     border:1px dotted transparent;
     color:#fcb600;
     font-weight:600;
     word-break:break-all;
}
 .content a:hover {
     border-bottom:1px dotted #fcb900;
     color:#fcb900;
}
 .content .person a {
     color:#333;
     font-weight:normal;
}
 .content .person a:hover {
     color:#fcb900;
}
 .content .mainlink {
     margin-top:20px;
     background-color:#fcb600;
     border:2px solid #fcb600;
     border-radius:5px;
     margin-left:-10px;
     display:block;
     padding:15px 30px;
     font-size:24px;
     color:#fff;
     font-weight:500;
     display:table;
}
 .content .mainlink:hover {
     background-color:unset;
     border:2px solid #fcb600;
}
 .content h1 {
     font-size:48px;
}
 .content h3 {
     font-size:24px;
     line-height:1.6em;
}
 @media (max-width: 600px) {
     .content h1 {
         font-size:36px;
    }
}
.content h3 {
    font-size:48px;
    color:#af3333;
    font-weight:bold;
}

 .content h4 {
     font-size:36px;
     color:#333;
}
 .content h5 {
     font-size:24px;
     color:#af3333;
}
/* ############################################## Archive Page ############################################## */
 .archive-year a {
     padding:10px 20px;
     color:#222;
     border:2px solid #ddd;
     margin-right:10px;
     margin-bottom:10px;
     font-weight:600;
     width:80px;
     text-align:center;
     border-radius:5px;
     word-break:normal;
}
 .archive-year a:hover {
     border:2px solid #fcb600;
     color:#fcb600;
}
 .archive-year-active {
     background-color:#af3333;
     border:2px solid #af3333 !important;
     color:#fff !important;
     cursor:default !important;
}
 .archive-year {
     margin-bottom:20px;
}

.fancybox {
    cursor:pointer;
    transition:all .3s;
}

.fancybox:hover {
    box-shadow:0 10px 10px rgba(0,0,0,0.10);
    transform:scale(1.02);
}

 .archive-box a {
     text-transform:capitalize;
     font-weight:400;
     border-bottom:1px dotted #ccc;
     padding-bottom:20px;
     margin-bottom:20px;
     display:block;
     color:#222;
     word-break:normal;
     font-size:24px;
}
 .archive-box a:hover {
     color:#fcb900;
}
 .archive-box a:last-of-type {
     border-bottom:0;
}
 .archive-box a span {
     display:block;
     font-weight:600;
     text-transform:uppercase;
}
 .archive-box {
     display:none;
}
 .archive-curr {
     display:block;
}
 .right-marg {
     margin-left:0;
}
 .fourohfour {
     text-align:center;
     padding-top:100px;
     padding-bottom:100px;
}
 .fourohfour h1 {
     margin-bottom:20px;
}
 .fourohfour p {
     margin-bottom:20px;
}
 .text-link {
     color:#3b8177;
     font-weight:bold;
     border-bottom:1px dotted transparent;
}
 .text-link:hover {
     border-bottom-color:#5da399;
     color:#5da399;
}
 .question-mark, .check-mark {
     width:100px;
     height:100px;
     background-repeat:no-repeat;
     background-position:center center;
}
 .question-mark {
     background-image:url('images/question-mark.png');
}
 .check-mark {
     background-image:url('images/check-mark.png');
}
/* @@@@@@@@@@@@@@@@@@@@@@@ Media Page @@@@@@@@@@@@@@@@@@@@@@@ */
 .content .bigbox:not(:last-of-type) {
     border:1px dotted transparent;
     border-bottom-color:#ccc;
     padding-bottom:60px;
}
/* @@@@@@@@@@@@@@@@@@@@@@@ Stock Page @@@@@@@@@@@@@@@@@@@@@@@ */
 .chart {
     height:400px;
     margin-bottom:80px;
}
 @media only screen and (max-width: 500px) {
     .chart {
         height:250px;
    }
}
 .stock .chart, .stock .structure {
     margin-top:30px;
}
 .structure {
     margin-bottom:80px;
}
 .structure div {
     font-size:36px;
     line-height:36px;
     font-weight:400;
     text-align:center;
     color:#111;
     padding:25px 30px;
     border:1px solid #ccc;
     border-right-width:0;
     transition:all .3s;
     flex-grow:1;
}
 .structure div:first-of-type {
     border-top-left-radius:5px;
     border-bottom-left-radius:5px;
     color:#fff;
     background-color:#333;
     border-color:#333;
}
 .structure div:last-of-type {
     border-top-right-radius:5px;
     border-bottom-right-radius:5px;
     border-right-width:1px;
}
 .structure span {
     display:block;
     color:#af3333;
     font-weight:500;
     font-size:18px;
     line-height:18px;
     text-transform:uppercase;
}
 .structure div:first-of-type span {
     color:#eee;
}
 .stock .schedule {
     width:48%;
}
 .stock .schedule div {
     border:1px solid #ccc;
     border-top-width:0;
     padding:10px 20px;
     font-size:18px;
}
 .stock .schedule div:first-of-type {
     background-color:#222;
     color:#a7d3d3;
     border-color:#222;
     font-weight:500;
     border-top-left-radius:5px;
     border-top-right-radius:5px;
     margin-top:30px;
}
 .stock .schedule div:last-of-type {
     border-bottom-left-radius:5px;
     border-bottom-right-radius:5px;
}
 .stock .schedule div span {
     min-width:33%;
     text-align:right;
}
 .stock .schedule div span:first-of-type {
     text-align:left;
}
 .stock .schedule div:nth-child(odd) {
     background-color:#fefefe;
}
 .stock .stockquote {
     border-radius:5px;
     border:1px solid #333;
     margin-top:20px;
}
 @media only screen and (max-width: 700px) {
     .stock .stockquote .flex {
         display:block;
    }
}
 .stock .stockquote .big {
     padding:50px 30px;
     flex-shrink:0;
     width:50%;
     color:#333;
     font-size:18px;
     font-weight:bold;
     border-bottom:1px solid #333;
     text-align:right;
}
 .stock .stockquote .big:first-of-type {
     border-right:1px solid #333;
     text-align:left;
}
 @media only screen and (max-width: 700px) {
     .stock .stockquote .big {
         width:100%;
         display:flex;
         justify-content:space-between;
         align-items:center;
         border-width:0 !important;
         border-bottom:1px solid #333 !important;
    }
}
 .stock .stockquote .big span {
     color:#af3333;
     font-size:92px;
     font-weight:500;
     display:block;
     line-height:76px;
}
 @media only screen and (max-width: 1200px) {
     .stock .stockquote .big span {
         font-size:72px;
    }
}
 @media only screen and (max-width: 1100px) {
     .stock .stockquote .big span {
         font-size:58px;
    }
}
 @media only screen and (max-width: 1000px) {
     .stock .stockquote .big span {
         font-size:72px;
    }
}
 @media only screen and (max-width: 500px) {
     .stock .stockquote .big span {
         font-size:48px;
    }
}
 .stock .stockquote .small {
     padding:20px 40px;
     flex-shrink:0;
     width:50%;
     color:#333;
     font-size:18px;
     font-weight:bold;
     background-color:#fafafa;
     border-bottom-left-radius:5px;
     border-bottom-right-radius:5px;
}
 .stock .stockquote .small:first-of-type {
     border-right:1px solid #333;
}
 @media only screen and (max-width: 700px) {
     .stock .stockquote .small {
         width:100%;
         display:flex;
         justify-content:space-between;
         align-items:center;
         border-width:0 !important;
         border-bottom:1px solid #333 !important;
         border-radius:0;
    }
     .stock .stockquote .small:last-of-type {
         border-bottom:0 !important;
         border-radius:5px;
    }
}
 .stock .stockquote .small span {
     color:#333;
     font-weight:500;
     text-align:right;
     font-size:24px;
}
 @media only screen and (max-width: 1200px) {
     .stock .stockquote .small span {
         font-size:18px;
    }
}
/* ~~~~~~~~ Media Queries ~~~~~~~~ */
 @media only screen and (max-width: 1300px) {
     .stock .structure div {
         font-size:32px;
    }
     .stock .structure div span {
         font-size:18px;
    }
     .stock .sched-box {
         display:block;
    }
     .stock .schedule {
         width:100%;
    }
     .stock .schedule:last-of-type {
         margin-top:60px;
    }
}
 @media only screen and (max-width: 1200px) {
     .stock .structure {
         display:block;
    }
     .stock .structure div {
         display:flex;
         flex-direction:row-reverse;
         justify-content:space-between;
         align-items:center;
         border-bottom-width:0;
         border-right-width:1px;
    }
     .stock .structure div:first-of-type {
         border-radius:0;
         border-top-left-radius:5px;
         border-top-right-radius:5px;
    }
     .stock .structure div:last-of-type {
         border-radius:0;
         border-bottom-left-radius:5px;
         border-bottom-right-radius:5px;
         border-bottom-width:1px;
    }
}
 @media only screen and (max-width: 500px) {
     .stock .structure div {
         display:block;
         text-align:left;
    }
}
/* @@@@@@@@@@@@@@@@@@@@@@@ ContactS @@@@@@@@@@@@@@@@@@@@@@@ */
 .content .contact h3 {
     margin-bottom:30px;
}
 .content .contact .office a {
     display:block;
     font-size:18px;
     color:#222;
     font-weight:500;
     background-size:22px auto;
     background-position:center left;
     background-repeat:no-repeat;
     padding:5px 0;
     padding-left:30px;
}
 .content .contact .tel {
     background-image:url('images/contact-tel.png');
}
 .content .contact .email {
     background-image:url('images/contact-email.png');
}
 .content .contact .fax {
     background-image:url('images/contact-fax.png');
}
 .content .contact .office a:hover {
     color:#d89c1e;
     padding-left:40px;
     background-position:center left 5px;
}
 .content .contact .office a:first-of-type {
     margin-top:30px;
}
 .content .contact .office {
     padding-right:80px;
}
 .content .map {
     border-radius:5px;
     box-shadow: 0px 3px 5px rgba(0,0,0,0.25);
}
 .content .contact .form {
     margin-top:80px;
}
 .content .contact form input, .content .contact form textarea {
     border-radius:5px;
     border:1px solid #ccc;
     padding:15px 20px;
     font-size:18px;
     transition:0.5s;
}
 .content .contact form input {
     width:50%;
}
 .content .contact form input:first-of-type {
     margin-right:30px;
}
 .content .contact .formrow {
     margin-bottom:30px;
}
 .content .contact form textarea {
     width:100%;
     min-height:300px;
}
 .content .contact .checkbox {
     width:24px;
     height:24px;
     border-radius:5px;
     border:2px solid #222;
     margin-right:10px;
     opacity:.25;
     position:relative;
     overflow:visible;
     cursor:pointer;
     transition:all .3s;
}
 .content .contact .checkbox:hover {
     opacity:.5;
}
 .content .contact .checkbox .check {
     width:0;
     height:24px;
     position:absolute;
     background-image:url('images/check.png');
     background-repeat:no-repeat;
     background-position:center left;
     top:-3;
     opacity:0;
     transition:all .3s;
}
 .content .contact .checked .check {
     opacity:1;
     width:24px;
}
 .content .contact .main-button {
     background-color:#fff;
}
 .content .contact .main-button:hover {
     background-color:#d89c1e;
}
 .content .contact span {
     font-weight:500;
     display:block;
     color:#ed2121;
     opacity:0;
     transition:all .3s;
     padding-left:40px;
     font-size:18px;
}
 .content .contact .pop {
     opacity:1;
     padding-left:20px;
}
 .content .contact .missing {
     background-color:#fde8e8;
     border-color:#fac7c7 !important;
}
/* ~~~~~~~~ Media Queries ~~~~~~~~ */
 @media only screen and (max-width: 800px) {
     .content .map {
         display:none;
    }
     .content .contact .office {
         padding-right:0;
    }
}
 @media only screen and (max-width: 600px) {
     .content .contact .formrow {
         display:block;
    }
     .content .contact form input {
         width:100%;
    }
     .content .contact form input:first-of-type {
         margin-bottom:30px;
    }
     .content .contact .sys-send {
         flex-direction: column-reverse;
    }
     .content .contact .pop {
         margin-bottom:20px;
         text-align:center;
         padding-left:0;
    }
     .content h3 {
         font-size:32px;
    }
}
/* @@@@@@@@@@@@@@@@@@@@@@@ Animations @@@@@@@@@@@@@@@@@@@@@@@ */
 .animate, .scrollimate {
     transition:all .5s;
}
 .hideleft {
     margin-left:-30px !important;
     opacity:0 !important;
}
 .hideright {
     opacity:0 !important;
     margin-right:-30px !important;
}
 .hideup {
     margin-top:-30px !important;
     opacity:0 !important;
}
 .hidedown {
     margin-top:-30px !important;
     opacity:0 !important;
}
 .hide {
     opacity:0 !important;
}
/*@@@@@@@@@@@@@@@@@@@@@@@ Project Page @@@@@@@@@@@@@@@@@@@@@@@*/
 .content .gallery .togmed {
     padding:5px 10px;
     text-transform:uppercase;
     font-size:24px;
     border:1px solid #aaa;
     background-color:#fff;
     color:#333;
     border-radius:5px;
}
 .content .gallery .toggled {
     margin-left:30px;
}
 .content .gallery .togmed:hover {
     background-color:#333;
     border-color:#333;
     color:#fff;
}
 .content .gallery .togmed span {
     font-weight:bold;
     color:#daa116;
}
 .content .mediabox {
     border:1px solid #aaa;
     margin-top:-21px;
     padding-top:20px;
     border-radius:5px;
}
 .content .gallery .mediabox a {
     width:170px;
     height:170px;
     margin:20px;
     background-position:center center;
     background-size:cover;
     border-radius:5px;
}
 .content .gallery .mediabox a:hover {
     box-shadow:0 3px 5px rgba(0,0,0,.35);
}
.content .gallery .mediabox .mediatext {
    width:auto;
    height:auto;
    padding:10px 20px;
    font-size:24px;
    border:2px solid #fcb600;
    color:#fcb600;
    background-position:center left 10px;
    background-size:unset;
    background-repeat:no-repeat;
    background-image:url('images/ui/icon-pdf.png');
}
.content .gallery .mediabox .mediatext:hover {
    box-shadow:unset;
    background-color:#fcb600;
    color:#fff;
    padding-left:50px;
}
 .content .mediabox .rowholder {
     width:170px;
     height:170px;
     margin:20px;
}
 @media only screen and (max-width: 1400px) {
     .content .mediabox .rowholder:nth-of-type(3) {
         display:none;
    }
     .content .mediabox .rowholder {
         width:14vw;
         height:14vw;
    }
     .content .gallery .mediabox a {
         width:14vw;
         height:14vw;
    }
}
 @media only screen and (max-width: 1200px) {
     .content .mediabox .rowholder:nth-of-type(2) {
         display:none;
    }
     .content .mediabox .rowholder {
         width:18vw;
         height:18vw;
    }
     .content .gallery .mediabox a {
         width:18vw;
         height:18vw;
    }
}
 @media only screen and (max-width: 1000px) {
     .content .mediabox .rowholder:nth-of-type(2) {
         display:block;
    }
     .content .mediabox .rowholder {
         width:22vw;
         height:22vw;
    }
     .content .gallery .mediabox a {
         width:22vw;
         height:22vw;
    }
}
 @media only screen and (max-width: 800px) {
     .content .mediabox .rowholder:nth-of-type(2) {
         display:none;
    }
     .content .mediabox .rowholder {
         width:32vw;
         height:32vw;
    }
     .content .gallery .mediabox a {
         width:32vw;
         height:32vw;
    }
}
 @media only screen and (max-width: 600px) {
     .content .mediabox .rowholder:nth-of-type(1) {
         display:none;
    }
     .content .mediabox .rowholder {
         width:80vw;
         height:80vw;
    }
     .content .gallery .mediabox a {
         width:80vw;
         height:80vw;
    }
}
/* @@@@@@@@@@@@@@@@@@@@@@@ Contact Popup @@@@@@@@@@@@@@@@@@@@@@@ */
 .thanks {
     position:fixed;
     top:0;
     bottom:0;
     left:0;
     right:0;
     background-color:rgba(106,194,89,.95);
     z-index:100;
     opacity:0;
     pointer-events:none;
     transition:all .5s;
     color:#fff;
     text-align:center;
     margin-bottom:0 !important;
}
 .thanks-on {
     opacity:1;
     pointer-events:all;
}
 .check {
     background-image:url('images/contact-mark.png');
     background-repeat:no-repeat;
     background-position:center top;
     padding-top:100px;
     transition:all .3s;
}
 .thanks span {
     display:block;
     font-size:48px;
     line-height:48px;
     font-weight:400;
     margin-bottom:15px;
     text-shadow: 0px 3px 5px rgba(0,0,0,0.25);
}
 .thanks .close {
     font-size:18px;
     background-color:#eee;
     color:#6ac259;
     padding:15px 100px;
     font-weight:500;
     display:inline-block;
     border-radius:5px;
     transition:all .3s;
     cursor:pointer;
     opacity:0;
}
 .thanks .close:hover {
     background-color:#fff;
     color:#222;
     box-shadow: 0px 3px 5px rgba(0,0,0,0.25);
}
 .hidedown {
     margin-top:20px;
     opacity:0;
}
 .closedown {
     margin-top:20px;
     opacity:1 !important;
}
/*@@@@@@@@@@@@@@@@@@@@@@@ Honey Pot @@@@@@@@@@@@@@@@@@@@@@@*/
 #contactadd {
     height:0;
     width:0;
     padding:0;
     margin:0;
     overflow:hidden;
     border:0;
}

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float: left;
  width: 100%;
  position: relative;
}

/* @@@@@@@@@@@@@@@@@@@@@@@ Presentation @@@@@@@@@@@@@@@@@@@@@@@ */

.presentation .link {
    background-repeat:no-repeat;
    background-position:center left;
    background-image:url('images/ui/pdf-icon-gold.png');
    padding:10px 15px;
    padding-left:40px;
    border-radius:5px;
    font-size:24px;
}

.presentation .link:hover {
    background-image:url('images/ui/pdf-icon-white.png');
    background-position:center left 10px;
    background-color:#fcb600;
    color:#fff;
    padding-left:55px;
}

/* @@@@@@@@@@@@@@@@@@@@@@@ AGM Page @@@@@@@@@@@@@@@@@@@@@@@ */

.agm-pdf {
    background-image:url('images/agm-pdf.png');
    background-position:center right 20px;
    background-repeat:no-repeat;
    background-size:24px auto;
    padding:20px;
    padding-right:60px;
    opacity:.33;
    border:1px solid #221f1f !important;
    color:#221f1f !important;
    transition:all .2s;
    display:block;
    font-weight:bold;
    max-width:600px;
    word-break:break-word !important;
}

.agm-pdf:hover {
    opacity:1;
    color:#daa116 !important;
}

.agm-pdf:not(:last-of-type) {
    margin-bottom:20px;
}

.alma-link {
    position:fixed;
    top:0;
    right:90px;
}

.alma-link .agm {
    transition:all .3s;
    padding:10px 20px;
    padding-top:15px;
    border:1px solid #fff;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    border-top:0;
    margin-right:20px;
    color:#fff;
    font-weight:bold;
    text-align:center;
}

.alma-link .agm:hover {
    background-color:#a73131;
}

@media only screen and (max-width:800px) {
    .alma-link .agm {
        display:none;
    }
}

.alma-link .alma {
    transition:all .3s;
    padding:10px;
    padding-right:36px;
    border:1px solid #fff;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    border-top:0;
    background-image:url('images/ui/arrow-thick.png');
    background-repeat:no-repeat;
    background-position:center right 10px;
    background-size:16px auto;
}

.alma-link img {
    height:30px;
}

.alma-link .alma:hover {
    padding-right:48px;
}

.scrolled .alma-link {
    margin-top:-100px;
    opacity:0;
    pointer-events:none;
}

@media only screen and (max-width:1200px) {
    .alma-link {
        right:60px;
    }
}

@media only screen and (max-width:600px) {
    .alma-link {
        right:30px;
    }
}

/* Newspop Section */

.newspop {
    background-color:rgba(255,255,255,0.98);
    height:100%;
    width:100%;
    position:fixed;
    z-index:97;
    transition: all .5s;
    display:none;
}

.newspop .outer {
    padding:60px;
    max-width:800px;
    display:none;
    position:relative;
}

.newspop .inner {
    padding:60px;
    text-align:center;
    border:1px solid rgba(0,0,0,0.15);
}

.newspop .inner span {
    text-transform:uppercase;
    color:#333;
    font-weight:600;
    font-size:36px;
    color:#343434;
}

.newspop .inner img {
    max-height:300px;
    width:auto;
}

.newspop .outer .ex {
    position:absolute;
    top:10px;
    right:10px;
    color:#111;
    font-size:48px;
    font-weight:400;
    opacity:.25;
    transition:all .2s;
    cursor:pointer;
}

.newspop .outer .ex:hover {
    opacity:1;
}

.newspop .mainlink {
    border-radius:30px;
    border:2px solid #333;
    font-weight:600;
    color:#333;
    padding:15px 40px;
    background-color:transparent;
    font-size:18px;
    text-transform:capitalize;
    cursor:pointer;
    transition:all .3s;
}

.newspop .mainlink:hover {
    background-color:#333;
    color:#fff;
}

@media only screen and (max-width:1500px) {
    .newspop .inner img {
        max-height:200px;
    }
    .newspop .inner span {
        font-size:24px;
    }
    .newspop .inner {
        padding:30px;
    }
}

@media only screen and (max-width:600px) {
    .newspop .inner img {
        max-height:150px;
    }
    .newspop .inner span {
        font-size:18px;
    }
    .newspop .inner {
        padding:10px 5px;
    }
}

.content .project img {
    max-width:100%;
    width:auto;
    max-height:65vh;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.content .project .caption {
    text-align:center;
    font-style:italic;
    font-weight:bold;
}

@media (max-width:1200px) {
    .hometopflex {
        flex-direction:column-reverse;
    }

    .homemap {
        margin-bottom:2rem !important;
    }
}