/* #region Globals */
* {
	font-family:'Red Hat Display';
}

body {
   font-size:18px;
}

h1 {
    font-size:5em;
    line-height:.8em;
}

h2 {
    font-size:3em;
    font-weight:600;
}

h3 {
    font-size:2em;
    font-weight:600;
}

h4 {
    font-size:1.5em;
    color:#e5c300;
}

.mainlink {
    display:table;
    padding:15px 45px;
    background-color:#2293e1;
    color:#fff;
    transition:.2s all;
    cursor:pointer;
    font-weight:bold;
    border:0;
}

.mainlink:hover {
    background-color:#147cc3;
}

@media only screen and (max-width: 1500px) {
    h1 {
        font-size:4em;
    }
    .siderbig > *:not(:last-child) {
        margin-right:30px;
    }
    .pad {
        padding:30px;
    }
}

@media only screen and (max-width:1000px) {
    h1 {
        font-size:3em;
    }
}

@media only screen and (max-width:800px) {
    h1 {
        font-size:2.5em;
    }
    h2 {
        font-size:2em;
    }

    h3 {
        font-size:1.5em;
    }

    h4 {
        font-size:1.25em;
    }
}

@media only screen and (max-width:600px) {
    h2 {
        font-size:2.5em;
        padding-left:0;
        padding-right:0;
    }
}

@media only screen and (max-width:450px) {
    h2 {
        font-size:2em;
    }
}

/* #endregion */

.headerA {
    position:fixed;
    width:100%;
}

.headerA .logo {
    width:340px;
    height:200px;
    background-image:url('images/ll_logo_top.jpg');
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#fff;
    background-size:auto;
    box-shadow:2px 5px 5px rgba(0,0,0,0.15);
    transition:all .2s;
    cursor:pointer;
}

.headerA .subheader {
    background-color:rgba(30,45,60,0.5);
    color:#fff;
    border-bottom:0;
    height:40px;
    line-height:40px;
    padding:0 60px;
}

.headerA .subheader .quote .item {
    font-weight:normal;
}

.headerA .subheader .quote .item span {
    font-weight:bold;
}

.headerA .subheader .contact span {
    margin-right:10px;
    font-weight:600;
}

.headerA .subheader .contact a {
    color:#2293e1;
    font-size:1.75em;
}

.headerA .mainhead {
    margin-top:50px;
    padding-left:30px;
    padding-right:60px;
    transition:all .2s;
}

.headerA nav .mainmenu .top {
    color:#fff;
    font-size:1.25em;
    font-weight:600;
    padding:15px 30px;
    padding-bottom:20px;
    border-bottom:0;
}

.headerA nav .mainmenu:hover .top {
    color:#233546;
    background-color:#fff;
    border-bottom:0;
    box-shadow:0 2px 5px rgba(0,0,0,0.25);
}

.headerA nav .mainmenu:hover .lower {
    background-color:#fff;
    top:70px;
    box-shadow:0 3px 3px rgba(0,0,0,0.25);
}

.headerA nav .mainmenu .lower a {
    color:#222;
    font-size:1em;
    padding:20px;
}

.headerA nav .toplink {
    color:#fff;
    font-size:1.25em;
    font-weight:600;
    padding:15px 30px;
    border-bottom:0;
    border-radius:0;
}

.headerA nav .toplink:hover {
    color:#233546;
    background-color:#fff;
}

.headerA .mainhead .mailing {
    color:#fff;
    font-size:1.25em;
    font-weight:600;
    padding:10px 20px;
    border:3px solid #fff;
    transition:all .2s;
    background-image:url('images/ui/white_subscribe.png');
    background-position:center right -100px;
    background-repeat:no-repeat;
    background-size: auto 80%;
    justify-self:flex-end;
}

.headerA .mainhead .mailing:hover {
    background-color:#2293e1;
    color:#fff;
    cursor:pointer;
    border-color:#2293e1;
    background-position:center right 20px;
    padding-right:70px;
}

.scrolled .mainhead {
    background-color:#233546;
    margin-top:0;
    padding-top:20px;
    padding-bottom:20px;
}

.headerA .mainhead .smallmail {
    display:none;
}

.scrolled .logo {
    height:140px;
}

@media only screen and (max-width:1900px) {
    .headerA .subheader {
        font-size:.75em;
    }
    .headerA nav .mainmenu {
        margin-left:20px;
    }
    .headerA nav .toplink {
        margin-left:20px;
    }
    .headerA nav .mainmenu:first-of-type {
        margin-left:0;
    }
}

@media only screen and (max-width:1800px) {
    .headerA nav .toplink, .headerA nav .mainmenu .top, .headerA .mainhead .mailing {
        font-size:1em;
    }
    .headerA nav .mainmenu:hover .lower {
        top:64px;
    }
}

@media only screen and (max-width:1600px) {
    .headerA nav .toplink, .headerA nav .mainmenu .top {
        padding-left:15px;
        padding-right:15px;
    }
    .headerA .mainhead .mailing {
        padding:10px 15px;
    }
    .headerA .logo {
        width:240px;
        height:160px;
        background-size:90% auto;
    }
    .headerA .mainhead {
        margin-top:20px;
    }
    
    .scrolled .mainhead {
        margin-top:0;
    }
}

@media only screen and (max-width:1500px) {
    .headerA nav .mainmenu, .headerA nav .toplink {
        width:unset;
    }
    .headerA .mainhead {
        padding-right:30px;
    }
    .headerA .subheader {
        padding-right:30px;
    }
}

@media only screen and (max-width:1400px) {
    .headerA nav .mainmenu:not(first-of-type) {
        margin-left:10px;
    }
    .headerA nav .toplink {
        margin-left:10px;
    }
}

@media only screen and (max-width:1300px) {
    .headerA .mainhead {
        justify-content:flex-end;
    }
    .headerA .smallopen {
        color:#fff;
        font-size:3em;
    }
    .headerA nav {
        background-color:rgba(35,53,70,.98);
    }
    .headerA nav .mainmenu {
        width:100%;
    }
    .headerA nav .mainmenu .top {
        font-size:1.5em;
        height:100px;
        padding-left:50px;
        padding-right:50px;
    }
    .headerA nav .toplink {
        font-size:1.5em;
        height:100px;
        width:100%;
        padding-left:50px;
        padding-right:50px;
        margin-left:0;
    }
    .headerA nav .mainmenu:hover .top {
        background-color:#1a2834;
        box-shadow:none;
    }
    .headerA nav .mainmenu:hover .lower {
        background-color:#1a2834;
        box-shadow:none;
    }
    .headerA nav .mainmenu .lower a {
        padding-left:70px;
        padding-right:70px;
        color:#eee;
        opacity:1;
    }
    .headerA nav .mainmenu .lower a:hover {
        color:#fff;
    }
    .headerA nav .mobpop .top {
        color:#e5c300 !important;
    }
}

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

@media only screen and (max-width:800px) {
    .headerA .quote {
        display:none;
    }
    .headerA .subheader {
        justify-content:flex-end;
    }
    .headerA nav .mainmenu .top {
        font-size:1.25em;
        height:60px;
    }
    .headerA nav .toplink {
        font-size:1.25em;
        height:60px;
    }
    .headerA nav .mainmenu .lower a {
        font-size:.75em;
    }
}

@media only screen and (max-width:600px) {
    .headerA .contact {
        display:none;
    }
    .headerA .subheader {
        display:none !important;
    }
}

/* #region Hero */
.hero {
    background-image:url('images/bg_hero.jpg');
    background-position:center center;
    background-size:cover;
}

.hero h1 {
    color:#fff;
}

.hero span {
    font-size:3em;
    color:#e5c300;
    font-weight:bold;
}

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

@media only screen and (max-width:1500px) {
    .hero span {
        font-size:2.5em;
    }
}

@media only screen and (max-width:1000px) {
    .hero span {
        font-size:2em;
    }
}

@media only screen and (max-width:700px) {
    .hero span {
        font-size:1.5em;
    }
}

/* #endregion */

.content {
    background-image:url('images/bg_content.jpg');
    background-position:top right;
    background-repeat:no-repeat;
    background-color:#f8fff4;
}

@media only screen and (max-width: 1300px) {
    .content .continner {
        flex-direction:column;
    }
}

/* #region Home */
.home .aboutimg {
    background-image:url('images/gallery/LP_Home_145.jpg');
    background-size:cover;
    background-position:center center;
    height:500px;
}

.home .about {
    padding-right:0;
}

.home .management h2 {
    text-align:center;
    padding-bottom:0;
}

.home .management .itembox {
    padding-top:0;
}

.home .management .item {
    background-color:#fff;
    box-shadow:0 2px 5px rgba(0,0,0,0.15);
    padding:30px;
    width:30%;
    margin-top:60px;
    margin-right:5%;
}

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

@media only screen and (max-width: 1500px) {
    .home .management .item {
        width:47%;
        margin-right:6%;
    }
    .home .management .item:nth-child(3n+3) {
        margin-right:6%;
    }
    .home .management .item:nth-child(2n+2) {
        margin-right:0;
    }
}

@media only screen and (max-width: 1000px) {
    .home .management .item {
        width:100%;
        margin-right:0;
    }
    .home .management .item:nth-child(3n+3) {
        margin-right:0;
    }
    .home .management .item:nth-child(2n+2) {
        margin-right:0;
    }
    .home .about .flex {
        display:block;
    }
    .home .about {
        padding:30px;
    }
    .home .about .aboutbox {
        background-color:#fff;
        width:100%;
        margin-bottom:30px;
        box-shadow:0 2px 5px rgb(0 0 0 / 15%);
    }
    .home .about .aboutimg {
        width:100%;
    }
}
/* #endregion */

.pagetop {
    padding-top:200px;
    background-color:#233546;
    background-image:url('images/bg_hero.jpg');
    background-size:cover;
    background-position:center bottom;
    background-repeat:no-repeat;
}

.pagetop h2 {
    text-align:center;
    color:#fff;
}

.content .item {
    box-shadow:0 2px 5px rgba(0,0,0,0.15);
    background-color:#fff;
}

.content .item .map iframe {
    width: 100%;
    height:100%;
}

.content .stock .structure .third {
    font-weight:bold;
    text-align:center;
    color:#e5c300;
    text-transform:uppercase;
}

.content .stock .structure .third span {
    display:block;
    font-size:2.5em;
    font-weight:normal;
    color:#222;
}

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

@media only screen and (max-width:800px) {
    .content .corporate .item {
        flex-direction:column-reverse;
    }
    .content .corporate .item .map {
        height:50vw;
    }
    .content .corporate .item .info {
        width:100%;
    }
}

/* #region Sidebar */
.content .sidex {
    padding-top:0;
    padding-right:0;
}

.content .sidebar {
    background-color:#233546;
    color:#fff;
    width:460px;
    padding:15px;
}

.content .sidebar a {
    color:#fff;
    display:block;
    font-size:1.25em;
    font-weight:bold;
    padding:15px;
    opacity:.66;
}

.content .sidebar a:hover {
    opacity:1;
}

.content .sidebar .active {
    background-color:#e5c300;
    margin-right:-20px;
    box-shadow:0 2px 4px rgba(0,0,0,.25);
    pointer-events:none;
    opacity:1;
}

@media only screen and (max-width:800px) {
    .content .sidebar, .content .sidex {
        width:100%;
    }
}

@media only screen and (max-width:600px) {
    .content .sidebar a {
        font-size:1em;
        padding:10px;
    }
}

@media only screen and (max-width:400px) {
    .content .sidebar a {
        font-size:.75em;
        padding:10px;
    }
}
/* #endregion */

/* #region Archive */
.content .archive .yearlink {
    border:3px solid #233546;
    color:#233546;
    padding:5px 10px;
    font-weight:bold;
    background-color:#f8fff5;
}

.content .archive .yearlink:not(:last-of-type) {
    margin-right:15px;
}

.content .archive .active {
    background-color:#233546;
    color:#fff;
}

.content .archive .news-out {
    background-color:#fff;
    padding:15px;
	margin-bottom:20px;
    width:100%;
}

.content .archive .newslink {
	text-transform:uppercase;
	font-weight:400;
	color:#222;
}

.content .archive .newslink:hover {
	color:#5da399;
}

.content .archive .pdf-news-button {
    background-image:url('images/ui/pdf-file.png');
    background-size:contain;
    background-position:center center;
    width:32px;
    height:32px;
    opacity:.66;
    flex-shrink:0;
    margin-left:60px;
}

.content .archive .pdf-news-button:hover {
    opacity:1;
}

.content .archive .news-out:last-of-type {
	border-bottom:0;
}

.content .archive a span {
	display:block;
	font-weight:600;
}
/* #endregion */

.content .contact input {
    padding:10px 15px;
    width:48%;
    font-size:1.25em;
}

.content .contact textarea {
    width:100%;
    padding:10px 15px;
    font-size:1.25em;
    height:200px;
}

.content .contact .info a {
    color:#222;
    font-weight:600;
}

.content .contact .info a span {
    color:#e5c300;
    margin-right:5px;
}

@media only screen and (max-width:1000px) {
    .content .contact .contactinner {
        display:block;
    }
    .content .contact .contactinner iframe {
        width:100%;
        height:35vw;
    }
}

@media only screen and (max-width:800px) {
    .content .contact input {
        width:100%;
    }
    .content .contact input, .content .contact textarea {
        font-size:1em;
    }
    .content .contact .formrow {
        display:block;
    }
    .content .contact input:first-of-type {
        margin-bottom:30px;
    }
}

/* #region Project */
.content .project .item {
    padding:60px;
}

@media only screen and (max-width: 1500px) {
    .content .project .item {
        padding:30px;
    }
}
/* #endregion */

/* #region Presentation */
@media only screen and (max-width: 800px) {

    .content .presentation .mainlink {
        display:block;
        text-align:center;
    }

    .content .presentation div {
        margin-right:0;
    }

}
/* #endregion */

/* #region Prefoot */
.prefoot .news {
    background-image:url('images/bg_homelatest.jpg');
    background-size:cover;
    background-position:center bottom;
    background-repeat:no-repeat;
    margin-bottom:0;
    padding-left:0;
    box-shadow:inset 0px 11px 8px -10px rgba(0,0,0,.25),
    inset 0px -11px 8px -10px rgba(0,0,0,.25); 
}

.prefoot .news .latest {
    background-color:#fff;
    box-shadow:0 2px 5px rgba(0,0,0,0.15);
    padding:60px;
}

.prefoot .news .nonews {
    height:400px;
    font-style:italic;
}

.prefoot .news .subscribe {
    transition:all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.prefoot .news .subscribe .subinner {
    width:75%;
    text-align:center;
    font-size:1.25em;
    color:#fff;
}

.prefoot .news .subscribe .mailclose {
    display:none;
    margin-left:auto;
    cursor:pointer;
    opacity:.5;
    font-size:2em;
    transition:all .2s;
}

.prefoot .news .subscribe .mailclose:hover {
    opacity:1;
}

.prefoot .news .subscribe .subinner form {
    border-radius:5px;
    border:3px solid #fff;
}

.prefoot .news .subscribe .subinner form input {
    font-size:1.5em;
    padding:10px 15px;
    background-color:transparent;
    border:0;
    color:#fff;
}

.prefoot .news .subscribe .subinner form input::placeholder {
    color:#fff;
    opacity:.66;
}

.prefoot .news .subscribe .subinner form button {
    font-size:2em;
    background-color:transparent;
    border:0;
    color:#fff;
    padding:0 15px;
}

.prefoot .news .subscribe .subinner form button:hover {
    padding-right:0;
    padding-left:30px;
}

.prefoot .news .mailpop {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    background-color:rgba(229,195,0,0.99);
    z-index:9999;
}

.prefoot .news .mailpop .subinner {
    max-width:800px;
}

.prefoot .news .mailpop .mailclose {
    display:table;
}

@media only screen and (max-width: 1500px) {
    .prefoot .news .subscribe .subinner form input {
        font-size:1em;
    }

    .prefoot .news .nonews {
        height:300px;
    }
}

@media only screen and (max-width: 1500px) {
    .prefoot .news {
        padding:60px;
        padding-left:0;
    }
}

@media only screen and (max-width: 1200px) {
    .prefoot .news {
        flex-direction:column;
        padding:30px;
    }
    .prefoot .news .latest {
        width:100%;
    }
    .prefoot .news .subscribe {
        width:100%;
        padding:60px 30px;
    }
    .prefoot .news .subscribe .subinner {
        width:100%;
    }
}

@media only screen and (max-width: 800px) {
    .prefoot .news .subscribe .subinner form {
        display:block;
        border:0;
    }
    .prefoot .news .subscribe .subinner form input {
        border:2px solid #fff;
        border-radius:3px;
        margin-bottom:15px;
        width:100%;
    }
    .prefoot .news .subscribe .subinner form button {
        display:block;
        width:100%;
        background-color:#2293e1;
        border-radius:3px;
        padding:5px 10px;
    }
    .prefoot .news .subscribe {
        padding:30px 0;
    }
}
/* #endregion */

/* #region Footer */
footer {
    background-image:url('images/bg_footer.jpg');
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-color:#333;
}

footer .quicklinks {
    padding-top:0;
}

footer .quicklinks a {
    margin-top:-30px;
    text-align:center;
    padding:120px 30px;
    background-color:#1e2d3c;
    background-size:cover;
    color:#fff;
    font-size:2em;
    font-weight:bold;
    width:30%;
}

footer .quicklinks a:hover {
    background-color:#15395d;
    font-size:1.8em;
}

footer .quicklinks a:last-of-type {
    border-right:0;
}

footer .quicklinks .stock {
    background-image:url('images/ql_stock.png');
}

footer .quicklinks .pres {
    background-image:url('images/ql_presentation.png');
}

footer .quicklinks .gallery {
    background-image:url('images/ql_gallery.png');
}

footer .info {
    width:400px;
    margin-right:60px;
}

footer .info img {
    margin-bottom:0 !important;
}

footer .info p {
    color:#fff;
}

footer .info a {
    color:#fff;
    font-weight:bold;
}

footer .info a span {
    color:#e5c300;
    margin-right:5px;
}

footer .info a:hover span {
    margin-right:8px;
}

footer .info a:hover {
    color:#2293e1;
}

footer .subfooter {
    padding:30px 60px;
    color:#eee;
    font-size:.8em;
}

footer .subfooter a {
    color:#2293e1;
    font-weight:bold;
}

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

footer .mainmenu {
    width:16%;
}

footer .toplink {
    font-weight:bold;
    font-size:1.25em;
    color:#fff;
    text-transform:uppercase;
}

footer .toplink:first-of-type {
    width:16%;
}

footer .toplink:hover {
    text-decoration:underline;
    color:#2293e1;
}

footer .mainmenu .top {
    font-weight:bold;
    font-size:1.25em;
    opacity:.10;
    color:#fff;
}

footer .mainmenu .lower a {
    color:#fff;
    font-weight:600;
    font-size:.8em;
    display:block;
}

footer .mainmenu .lower a:hover {
    text-decoration:underline;
    color:#2293e1;
}

@media only screen and (max-width: 1500px) {
    footer .quicklinks a {
        font-size:1.5em;
        padding:90px 30px;
    }
    footer .quicklinks a:hover {
        font-size:1.25em;
    }
    footer .mainmenu .top {
        font-size:1em;
    }
    footer .toplink {
        font-size:1em;
    }
    footer .mainmenu .lower a {
        font-size:.6em;
    }
    footer .info img {
        width:200px;
    }
    footer .info p {
        font-size:.75em;
    }
    footer .info a {
        font-size:.75em;
    }
    footer .info {
        width:300px;
        margin-right:30px;
    }
    footer .subfooter {
        padding-left:30px;
        padding-right:30px;
    }
}

@media only screen and (max-width: 1200px) {
    footer .quicklinks a {
        font-size:1em;
        padding:60px 30px;
    }
    footer .infoflex {
        flex-direction:column-reverse;
    }
}

@media only screen and (max-width: 800px) {
    footer .quicklinks {
        display:block;
    }
    footer .quicklinks a {
        width:100%;
        margin-top:30px;
    }
    footer .sitemap {
        display:block;
    }
    footer .mainmenu {
        width:100%;
        margin-top:30px;
    }
    footer .toplink:last-of-type {
        margin-bottom:30px;
        margin-top:30px;
    }
}

@media only screen and (max-width: 600px) {
    footer .subfooter {
        display:block;
        text-align:center;
    }
    footer .subfooter a {
        display:block;
        margin-top:5px;
    }
}
/* #endregion */

/*@@@@@@@@@@@@@@@@@@@@@@@
Financials
@@@@@@@@@@@@@@@@@@@@@@@*/

.content .financials .finlist {
    padding-top:20px;
    padding-bottom:20px;
}

.content .financials .finlist:not(:last-of-type) {
    border-bottom:1px solid #ccc;
}

.content .financials .finlist span {
    padding:10px 15px;
    padding-left:0;
    font-weight:600;
    width:200px;
}

.content .financials .finlist a {
    color:#221f1f;
    padding:10px 15px;
    border:1px solid #ccc;
    border-radius:5px;
    background-image:url('images/ui/sidebar_pdf.png');
    background-size:18px auto;
    background-repeat:no-repeat;
    background-position:center left -24px;
    display:block;
    background-color:#f8fff5;
}

.content .financials .finlist a:hover {
    background-color:#e5c300;
    border-color:#e5c300;
    color:#fff;
    padding-left:36px;
    background-position:center left 10px;
}   

.content .financials .finlist a span {
    display:block;
    font-weight:bold;
}

.content .financials a:not(:last-of-type) {
    margin-bottom:15px;
}

/* 600px */
	@media only screen and (max-width: 600px) {
		.content .financials .finlist {
            display:block;
        }
        .content .financials .finlist span {
            margin-bottom:15px;
            display:block;
        }
	}

.content .year {
		background-color:#fff;
		border-radius:5px;
		box-shadow:0 5px 5px rgba(0,0,0,.15);
		padding:15px;
		display:table;
	}

	.content .year .yearlink {
		font-size:24px;
		padding:5px 10px;
		color:#ccc;
		font-weight:600;
		width:80px;
		text-align:center;
	}

	.content .year .yearlink:not(:last-of-type) {
		margin-right:20px;
	}

	.content .year .yearlink:hover {
		color:#221f1f;
	}

	.content .year .active {
		background-color:#e5c300;
		color:#fff;
		border-radius:5px;
		pointer-events:none;
	}