/*@@@@@@@@@@@@@@@@@@@@@@@
Fonts
@@@@@@@@@@@@@@@@@@@@@@@*/
	@font-face {
		font-family: 'socialfont';
		src: url('fonts/socialfont.otf');
	}
	@font-face {
		font-family: 'socialfont2';
		src: url('fonts/socialfont2.otf');
	}
	.social1 {
		font-family:'socialfont';
	}
	.social2 {
		font-family:'socialfont2';
	}
/*@@@@@@@@@@@@@@@@@@@@@@@
Baselayer
@@@@@@@@@@@@@@@@@@@@@@@*/
	* {
		margin:0;
		padding:0;
		text-decoration:none;
		font-family:'Red Hat Display';
		box-sizing:border-box;
		image-rendering: -webkit-optimize-contrast; 
	}
	body {
		overflow-x:hidden;
		background-color:#202b34;
	}
	button {
		border:0;
	}
	a, button {
		transition:all 0.2s;
		display:inline-block;
		cursor:pointer; 
	}
	p {
		line-height:1.6;
		font-size:18px; 
	}
	ul li, ol li {
		line-height:1.6;
		font-size:18px;
		margin-left:3vw;
	}
	ul > *:not(:last-child), ol > *:not(:last-child) {
		margin-bottom:30px; 
	}
	.full {
		min-height:100vh;
		width:100%;
		overflow-x:hidden;
		overflow-y:visible; 
	}
	.pad {
		padding:90px; 
	}
	.padside {
		padding-left:90px;
		padding-right:90px; 
	}
	.padtop {
		padding-top:90px;
		padding-bottom:90px; 
	}
	.padright {
		padding-right:90px;
	}
	.half {
		width:50%;
		flex-shrink:0; 
	}
	.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;
		max-width:60%; 
	}
	.imgleft {
		float:left;
		margin-right:30px;
		margin-bottom:30px;
		max-width:60%; 
	}
	.imgrad {
		border-radius:5px; 
	}
	.imgmax {
		height:auto;
		max-width:100%;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;
		position:relative;
	}
	.imgmax, .imgright, .imgleft {
		cursor:pointer;
		transition:all .3s;
	}
	.imgmax:hover, .imgright:hover, .imgleft:hover {
		box-shadow:0 3px 5px rgba(0,0,0,.25);
	}
	.imglink {
		position:relative;
		cursor:pointer;
	}

	.imglink img {
		max-width:100%
	}

	.imglink span {
		transition:all .2s;
		position:absolute;
		width:100%;
		height:100%;
		padding:40% 30px 0 30px;
		left:0;
		top:0;
		text-align:center;
		background-color:#202b34;
		color:#fff;
		opacity:0;
		font-size:18px;
		font-weight:600;
	}

	.imglink:hover span {
		opacity:.97;
		padding-top:35%;
	}
	.boxbox {
		width:1600px;
	}
	.layer2 {
		position:relative;
		z-index:2;
	}

	.hidden {
		display:none !important;
	}

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

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

	.picursor:hover {
		opacity:.75;
	}

    /* 1700px */
	@media only screen and (max-width: 1700px) {
		.boxbox {
			width:1500px;
		}
	}

	/* 1600px */
	@media only screen and (max-width: 1600px) {
		.boxbox {
			width:1200px;
		}
	}

	/* 1300px */
	@media only screen and (max-width: 1300px) {
		.boxbox {
			width:90%;
			margin-left:auto;
			margin-right:auto;
		}
	}

	/* 1000px */
	@media only screen and (max-width: 1000px) {
		.padtop {
			padding-top:30px;
			padding-bottom:30px;
		}
	}

/*@@@@@@@@@@@@@@@@@@@@@@@
Flexbox
@@@@@@@@@@@@@@@@@@@@@@@*/

	.relative {
		position:relative; 
	}
	.flex {
		display:flex;
	}
	.rowrev {
		display:flex;
		flex-direction:row-reverse;
	}
	.colrev {
		display:flex;
		flex-direction:column-reverse;
	}
	.wrap {
		flex-wrap:wrap; 
	}
	.col {
		flex-direction:column; 
	}
	.around {
		justify-content:space-around; 
	}
	.between {
		justify-content:space-between; 
	}
	.grow {
		flex-grow:1; 
	}
	.center {
		align-items:center; 
	}
	.end {
		justify-content:flex-end; 
	}
	.nosh {
		flex-shrink:0;
	}

/*@@@@@@@@@@@@@@@@@@@@@@@
Global Links
@@@@@@@@@@@@@@@@@@@@@@@*/

	.mainlink {
		font-size:18px;
		padding:15px 45px;
		border-radius:50px;
		border:2px solid #fff;
		color:#fff;
		font-weight:600;
	}

	.mainlink:hover {
		padding:15px 60px;
		background-color:#b6c01a;
		border-color:#b6c01a;
		box-shadow:0 5px 15px rgba(0,0,0,.25);
		color:#221f1f;
	}

	.content .mainlink {
		color:#221f1f;
		border-color:#221f1f;
	}

	.content .mainlink:hover {
		border-color:#b6c01a;
	}

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

	/* 800px */
	@media only screen and (max-width: 800px) {
		.mainlink {
			font-size:16px;
		}
	}

	/* 600px */
	@media only screen and (max-width: 600px) {
		.mainlink {
			font-size:14px;
		}
	}

/*@@@@@@@@@@@@@@@@@@@@@@@
H1 H2 H3 H4 H5
@@@@@@@@@@@@@@@@@@@@@@@*/
	
	h2 {
		font-size:72px;
		color:#221f1f;
		font-weight:500;
	}

	h3 {
		font-size:48px;
		color:#221f1f;
		font-weight:500;
	}

	h4 {
		font-size:32px;
		font-weight:600;
		color:#595358;
	}

	h5 {
		font-size:24px;
		font-weight:600;
		color:#595358;
	}

	/* 600px */
	@media only screen and (max-width: 600px) {
		h3 {
			font-size:36px;
		}
	}

/*@@@@@@@@@@@@@@@@@@@@@@@
Background Colors
@@@@@@@@@@@@@@@@@@@@@@@*/

	.gray {
		background-color:#fafafa;
		background-image:linear-gradient(#fafafa, #eee);
	}

/*@@@@@@@@@@@@@@@@@@@@@@@
Header
@@@@@@@@@@@@@@@@@@@@@@@*/

	header {
		position:fixed;
		z-index:8;
		width:100%;
	}

	header .socials {
		padding:5px 0;
	}

	header .socials span {
		font-size:18px;
		color:#ddd;
		margin-right:15px;
		font-weight:500;
	}

	header .socials a {
		font-size:28px;
		color:#fff;
		margin-bottom:9px;
		opacity:.75;
	}

	header .socials a:hover {
		color:#b6c01a;
		opacity:1;	
	}

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

	header .contact a {
		font-size:18px;
		font-weight:600;
		color:#fff;
		background-repeat:no-repeat;
		background-position:center left;
		padding:5px 0 5px 30px;
		background-size:20px auto;
	}

	header .contact a:hover {
		color:#b6c01a;
	}

	header .contact .tel {
		background-image:url('images/ui/header-phone.png');
		padding-right:30px;
	}

	header .contact .mail {
		background-image:url('images/ui/header-email.png');
	}

	header .quote {
		padding:10px 0;
	}

	header .quote span {
		color:#444;
		font-size:18px;
		line-height:18px;
	}

	header .quote span:not(:last-of-type) {
		border-right:2px dotted #ccc;
		padding-right:15px;
		margin-right:15px;
	}

	header .quote span b {
		color:#0074d7;
	}

	header .sublink {
		background-color:#b6c01a;
		border-radius:5px;
		color:#221f1f;
		font-size:18px;
		font-weight:600;
		margin-bottom:-10px;
		margin-top:10px;
		padding:10px 20px;
		box-shadow:0 4px 8px rgba(0,0,0,.15);
	}

	header .sublink:hover {
		background-color:#97a100;
	}

	header .subheader {
		box-shadow:0 5px 15px rgba(0,0,0,.25);
		background-color:#eee;
	}

	header .logo {
		margin:30px 0;
		transition:all .3s;
		height:70px;
	}

	header .subsub {
		transition:all .3s;
	}

	header .mainbar {
		transition:all .3s;
	}

	.shrink .subsub {
		overflow:hidden;
	}

	.shrink .sublink {
		margin-bottom:0;
		margin-top:0;
	}

	.shrink .mainbar {
		background-color:#202b34;
		box-shadow:0 3px 5px rgba(0,0,0,.25);
	}

	.shrink .logo {
		margin:0;
		margin-top:7px;
		height:60px;
	}

	/* 800px */
	@media only screen and (max-width: 800px) {
		header .socials {
			display:none;
		}

		header .contact {
			margin:6px 0;
		}

		header .quote span:last-of-type {
			display:none;
		}

		header .quote span:nth-child(2) {
			border-right:none;
			margin-right:0;
			padding-right:0;
		}
	}

	/* 600px */
	@media only screen and (max-width: 600px) {
		header .sublink {
			display:none;
		}

		header .logo {
			height:60px;
		}
	}

	/* 500px */
	@media only screen and (max-width: 500px) {
		header .tel {
			display:none;
		}
	}

/*@@@@@@@@@@@@@@@@@@@@@@@
Header Menu
@@@@@@@@@@@@@@@@@@@@@@@*/

	header nav .mainmenu {
		color:#fff;
		font-size:24px;
		font-weight:500;
		padding:15px;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		position:relative;
		transition:all .3s;
	}

	header nav .mainmenu .top {
		color:#fff;
		cursor:default;
	}

	header nav .mainmenu:hover .top {
		color:#b6c01a;
	}

	header nav .mainmenu .lower {
		position:absolute;
		top:80px;
		left:0;
		width:250px;
		opacity:0;
		transition:all .3s;
		pointer-events:none;
	}

	header nav .mainmenu:hover .lower {
		pointer-events:all;
		top:61px;
		opacity:1;
	}

	header nav .mainmenu .lower span {
		display:block;
		color:#b6c01a;
		font-size:14px;
		padding:10px 15px;
		background-color:#777;
		font-weight:bold;
		border-top-right-radius:5px;
	}

	header nav .mainmenu .lower .active {
		background-color:#777;
		border-bottom:0 !important;
		color:#fff;
	}

	header nav .mainmenu .lower a {
		display:block;
		color:#777;
		font-size:16px;
		padding:15px 15px;
		background-color:#fff;
	}

	header nav .mainmenu .lower a:hover {
		color:#fff;
		background-color:#b6c01a;
	}

	header nav .mainmenu .lower a:last-of-type {
		border-bottom-right-radius:5px;
		border-bottom-left-radius:5px;
	}

	header nav .mainmenu .lower a:not(:last-of-type) {
		border-bottom:1px solid #ddd;
	}

	header nav .mainmenu:hover {
		background-color:#fff;
		box-shadow: 0px 3px 5px rgba(0,0,0,0.25);
	}

	header nav .mainmenu:hover .lower {
		box-shadow: 0px 3px 5px rgba(0,0,0,0.25);
	}

	header nav .mainmenu:not(:first-of-type) {
		margin-left:100px;
	}

	header .menu .contact {
		color:#fff;
		font-size:24px;
		font-weight:500;
		padding:15px;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		margin-left:100px;
	}

	header .menu .contact:hover {
		background-color:#b6c01a;
		box-shadow: 0px 3px 5px rgba(0,0,0,0.25);
		color:#fff;
		border-radius:5px;
		transition:all .3s;
	}

	.shrink nav .mainmenu {
		border-radius:0;
	}

	header .smalltoggle {
		display:none;
        width:50px;
        position:relative;
        opacity:.9;
	}

    header .smalltoggle:hover {
        opacity:1;
    }

    header .smalltoggle div {
        height:5px;
    }

    header .smalltoggle .line-1 {
        width:100%;
        margin-bottom:10px;
        background-color:#fff;
        transition:.3s all;
    }

    header .smalltoggle:hover .line-1 {
        width:85%;
        margin-right:15%;
        background-color:#b6c01a;
    }

    header .smalltoggle .line-2 {
        width:60%;
        margin-left:40%;
        margin-bottom:10px;
        background-color:#fff;
        transition:.3s all;
    }

    header .smalltoggle:hover .line-2 {
        margin-right:40%;
        margin-left:0;
        background-color:#b6c01a;
    }

    header .smalltoggle .line-3 {
        width:85%;
        margin-left:15%;
        background-color:#fff;
        transition:.3s all;
    }

    header .smalltoggle:hover .line-3 {
        width:100%;
        margin-left:0;
        background-color:#b6c01a;
    }

	/* 1300px */
	@media only screen and (max-width: 1300px) {
		header .smalltoggle {
			display:block;
		}
		header .menu {
			display:none;
		}
	}

/*@@@@@@@@@@@@@@@@@@@@@@@
Hero
@@@@@@@@@@@@@@@@@@@@@@@*/

	.homeover {
		position:fixed;
		width:100%;
		height:100%;
		z-index:999;
		background-color:#eee;
		transition:all .5s;
		top:0;
		pointer-events:none;
		background-image:url('images/homeover_bg.jpg');
		background-size:cover;
		background-position:bottom center;
	}

	.hero {
		height:100vh;
		background-image:url('images/hero_bg.jpg');
		background-size:cover;
		background-position:bottom center;
	}

	.hero div {
		text-align:center;
	}

	.hero h1 {
		font-size:88px;
		line-height:88px;
		letter-spacing:.17em;
		color:#fff;
		font-weight:bold;
	}

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

	.hero .herospacer {
		height:100px;
	}

	/* 1600px */
	@media only screen and (max-width: 1600px) {
		.hero h1 {
			font-size:80px;
			line-height:80px;
		}
		.hero h2 {
			font-size:28px;
			line-height:28px;
		}
	}

	/* 1000px */
	@media only screen and (max-width: 1000px) {
		.hero  div {
			text-align:left;
		}
		.hero h1 {
			margin-bottom:10px;
		}
		.hero h2 {
			width:80%;
		}
	}

	/* 800px */
	@media only screen and (max-width: 800px) {
		.hero h1 {
			font-size:60px;
			line-height:60px;
		}
		.hero h2 {
			font-size:20px;
			line-height:20px;
		}
		.hero h2 {
			width:75%;
		}
	}

	/* 600px */
	@media only screen and (max-width: 600px) {
		.hero h1 {
			font-size:28px;
			line-height:28px;
		}
		.hero h2 {
			font-size:18px;
			line-height:18px;
		}
		.hero h2 {
			width:unset;
		}
	}

/*@@@@@@@@@@@@@@@@@@@@@@@
Latest
@@@@@@@@@@@@@@@@@@@@@@@*/

	.latest {
		margin-top:-230px;
		background-image:url('images/latest_bg.png');
		background-position:top 50px center;
		background-repeat:no-repeat;
		padding-bottom:60px;
	}

	.latest .title {
		font-size:36px;
		color:#fff;
		margin-bottom:10px;
		display:block;
	}

	.latest a {
		width:22%;
		border-radius:5px;
		background-color:#fff;
		box-shadow:0 5px 15px rgba(0,0,0,.15);
		padding:20px 30px;
		font-size:18px;
		color:#444;
		line-height:1.6;
	}

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

	.latest a:hover {
		background-color:#b6c01a;
		color:#fff;
		margin-top:-10px;
		margin-bottom:10px;
		box-shadow:0 4px 10px rgba(0,0,0,.35);
	}

	/* 1500px */
	@media only screen and (max-width: 1500px) {
		.latest a {
			width:30%;
		}
		
		.latest a:last-of-type {
			display:none;
		}
	}

	/* 1000px */
	@media only screen and (max-width: 1000px) {
		.latest a {
			width:47%;
		}
		
		.latest a:nth-child(3) {
			display:none;
		}
	}

	/* 600px */
	@media only screen and (max-width: 600px) {
		.latest a {
			width:100%;
		}
		
		.latest a:nth-child(2) {
			display:none;
		}
	}

/*@@@@@@@@@@@@@@@@@@@@@@@
Intro
@@@@@@@@@@@@@@@@@@@@@@@*/

.intro .map {
	border-radius:5px;
	width:45%;
	margin-left:5%;
	margin-top:-50px;
	margin-bottom:-50px;
	flex-shrink:0;
	background-image:url('images/front_uchi.jpg');
	background-size:cover;
	background-position:center center;
	box-shadow:0 5px 15px rgba(0,0,0,.25);
	cursor:pointer;
}

/* 1200px */
	@media only screen and (max-width: 1200px) {
		.intro .map {
			margin:0;
			margin-left:5%;
		}
	}

/* 1000px */
	@media only screen and (max-width: 1000px) {
		.intro .boxbox {
			display:block;
		}

		.intro .map {
			margin:0;
			margin-top:30px;
			height:60vw;
			width:100%;
		}
	}

/*@@@@@@@@@@@@@@@@@@@@@@@
Highlights
@@@@@@@@@@@@@@@@@@@@@@@*/

	.highlights {
		background-image:url('images/highlights_bg.png');
		background-position:center bottom;
		background-repeat: no-repeat;
		text-align:center;
	}

	.highlights .boxbox {
		padding-top:50px;
	}

	.highlights p {
		max-width:1000px;
		margin:0 auto;
	}

	.highbox {
		border-radius:5px;
		margin-bottom:-200px;
		margin-top:50px;
	}

	.highbox .hightext {
		box-shadow:5px 0 5px 0px rgba(0,0,0,.10);
		border-right:1px solid #ccc;
	}

	.highbox button {
		display:block;
		width:460px;
		text-align:left;
		padding:30px;
		padding-right:60px;
		background-color:#fff;
		color:#999;
		font-size:18px;
		line-height:1.6;
		background-position:center right 30px;
		background-repeat:no-repeat;
	}

	.highbox button:hover {
		color:#444;
	}

	.highbox button:not(:last-of-type) {
		border-bottom:1px solid #ddd;
	}

	.highbox button span {
		font-weight:bold;
		display:block;
	}

	.highbox .active {
		background-color:#b6c01a;
		color:#221f1f;
		background-image:url('images/ui/right-arrow-white.png');
		background-position:center right 30px;
		background-repeat:no-repeat;
		pointer-events:none;
	}

	.highbox .highpic {
		background-color:#fff;
		position:relative;
		overflow:hidden;
	}

	.highbox .highpic .highimg {
		position:absolute;
		width:90%;
		height:90%;
		top:5%;
		left:10%;
		background-size:contain;
		background-position:center center;
		background-repeat:no-repeat;
		opacity:0;
		transition:all .3s;
	}

	.highbox .highpic .imgact {
		opacity:1;
		left:5%;
	}

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

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

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

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

	.highbox .botbox {
		display:none;
	}

	/* 1200px */
	@media only screen and (max-width: 1200px) {
		.highbox button {
			width:40vw;
		}
		.highbox button {
			font-size:16px;
			padding:20px;
			padding-right:60px;
		}
	}

	/* 1000px */
	@media only screen and (max-width: 1000px) {
		.highlights {
			text-align:left;
		}

		.highbox button {
			display:none;
		}

		.highbox .topbox, .highbox .botbox {
			display:block;
			width:50%;
		}
		
		.highbox .topbox {
			background-image:url('images/ui/down-arrow-white.png');
		}

		.highbox .botbox {
			background-image:url('images/ui/up-arrow-white.png');
		}

		.highbox {
			display:block;
			box-shadow:5px 0 5px 0px rgba(0,0,0,.10);
		}

		.highbox .hightext {
			display:flex;
			box-shadow:unset;
		}

		.highbox .highpic {
			height:60vw;
		}
	}

	/* 700px */
	@media only screen and (max-width: 700px) {
		.highbox .hightext {
			display:block;
		}
		
		.highbox .topbox, .highbox .botbox {
			width:100%;
		}

	}

/*@@@@@@@@@@@@@@@@@@@@@@@
Exploration
@@@@@@@@@@@@@@@@@@@@@@@*/

	.exploration {
		background-color:#202b34;
		margin-top:-40px;
		padding-top:200px;
	}

	.exploration h3, .exploration p {
		color:#fff;
	}

	.exploration .text {
		width:800px;
	}

	.exploration .gallery {
		margin-top:50px;
	}

	.exploration .gallery .item {
		width:300px;
		height:300px;
		border-radius:5px;
		cursor:pointer;
		background-size:cover;
		background-position:center center;
	}

	.exploration .gallery .item:hover {
		position:relative;
		z-index:2;
		box-shadow:0 5px 10px rgba(0,0,0,.25);
	}

	.exploration .gallery .item:not(:last-of-type) {
		margin-right:30px;
	}

	.exploration .gallery .item1 {
		background-image:url('images/front_one.jpg');
	}

	.exploration .gallery .item2 {
		background-image:url('images/front_two.jpg');
	}

	.exploration .gallery .item3 {
		background-image:url('images/front_three.jpg');
	}

	/* 1500px */
	@media only screen and (max-width: 1500px) {
		.exploration .text {
			width:600px;
		}
	}

	/* 1300px */
	@media only screen and (max-width: 1300px) {
		.exploration .text {
			width:100%;
		}

		.exploration .padtop {
			display:block;
		}

		.exploration .gallery {
			flex-direction:row;
			justify-content:space-between;
			margin-top:100px;
		}

		.exploration .item {
			margin-left:0 !important;
			width:30% !important;
			height:25vw !important;
		}
	}

	/* 1000px */
	@media only screen and (max-width: 1000px) {
		.exploration .item {
			width:47% !important;
			height:30vw !important;
			flex-shrink:0;
		}

		.exploration .item:not(:last-of-type) {
			margin-right:3%;
		}

		.exploration .padtop {
			padding-top:90px;
			padding-bottom:90px;
		}

		.exploration .item:last-of-type {
			display:none;
		}
	}

	/* 600px */
	@media only screen and (max-width: 600px) {
		.exploration .item {
			width:100% !important;
			height:40vw !important;
			flex-shrink:0;
		}

		.exploration .item:not(:first-of-type) {
			display:none;
		}

		.exploration .item:not(:last-of-type) {
			margin-right:6%;
		}
	}

/*@@@@@@@@@@@@@@@@@@@@@@@
Top
@@@@@@@@@@@@@@@@@@@@@@@*/

	.pagetop {
		height:600px;
		padding-top:200px;
		background-image:url('images/hero_bg.jpg');
		background-size:cover;
		background-position:center center;
	}

	.pagetop h1 {
		font-size:88px;
		line-height:88px;
		color:#fff;
		font-weight:400;
		text-shadow:0 2px 5px rgba(0,0,0,.25);
	}

	.corporatetop {
		background-image:url('images/corporate_bg.jpg');
	}

	.contacttop {
		background-image:url('images/contact_bg.jpg');
		background-position:center top;
	}

	.investorstop {
		background-image:url('images/investors_bg.jpg');
		background-position:center center;
	}

	/* 1200px */
	@media only screen and (max-width: 1200px) {
		.pagetop {
			align-items:flex-start;
			padding-left:5%;
			height:450px;
			padding-top:275px;
		}
	}

	/* 600px */
	@media only screen and (max-width: 600px) {
		.pagetop h1 {
			font-size:36px;
			line-height:36px;
		}
	}

/*@@@@@@@@@@@@@@@@@@@@@@@
Footer
@@@@@@@@@@@@@@@@@@@@@@@*/

	footer {
		background-color:#fff;
		box-shadow:0 -5px 5px rgba(0,0,0,.05);
	}

	footer nav {
		border-bottom:1px solid #eee;
		align-self:flex-start;
		padding:60px 0;
	}

	footer nav .large {
		font-size:24px;
		color:#b6c01a;
		font-weight:500;
	}

	footer nav .home {
		margin-right:200px;
	}

	footer nav .midlinks div {
		width:30%;
	}

	footer nav h5 {
		font-size:24px;
		color:#ddd;
		font-weight:500;
		margin-bottom:20px;
	}

	footer nav .small {
		font-size:24px;
		color:#b6c01a;
		display:block;
		line-height:1.6;
	}

	footer nav .small:not(:last-of-type) {
		margin-bottom:30px;
	}

	footer nav .small:hover, footer nav .large:hover {
		color:#97a100;
		text-decoration:underline;
	}

	footer .info {
		padding:30px 0;
	}

	footer .info p {
		width:900px;
		text-align:center;
		font-size:18px;
	}

	footer .info img {
		width:250px;
	}

	/* 1400px */
	@media only screen and (max-width: 1400px) {
		footer nav .large, footer nav h5, footer nav .small, footer .info p {
			font-size:20px;
		}
	}

	/* 1200px */
	@media only screen and (max-width: 1200px) {
		footer nav .home {
			margin-right:150px;
		}
	}

	/* 1000px */
	@media only screen and (max-width: 1000px) {
		footer nav .large, footer nav h5, footer nav .small, footer .info p {
			font-size:18px;
		}

		footer nav .home {
			margin-right:100px;
		}

		footer .info p {
			width:90%;
			margin-left:auto;
			margin-right:auto;
		}
	}

	/* 800px */
	@media only screen and (max-width: 800px) {
		footer .sitemap {
			display:none;
		}

		footer .info img {
			margin-left:5%;
		}

		footer .info p {
			text-align:left;
		}

		footer .info {
			display:block;
		}
	}

/*@@@@@@@@@@@@@@@@@@@@@@@
Footer Subscribe
@@@@@@@@@@@@@@@@@@@@@@@*/

	footer .subscribe {
		padding:60px 0;
		background-image:url('images/footer_sub_bg.jpg');
		color:#fff;
		box-shadow:inset 0px -5px 5px rgba(0,0,0,.10);
	}

	footer .subscribe p {
		font-size:24px;
		font-weight:bold;
		max-width:800px;
		padding-right:90px;
	}

	footer .subscribe input {
		width:100%;
		border:0;
		padding:20px;
		font-size:18px;
		border-radius:5px;
		border-top-right-radius:0;
		border-bottom-right-radius:0;
		background-color:#fff;
	}

	footer .subscribe button {
		border:0;
		padding:20px;
		font-size:18px;
		border-radius:5px;
		border-top-left-radius:0;
		border-bottom-left-radius:0;
		background-color:#b6c01a;
		color:#221f1f;
		font-weight:bold;
	}

	footer .subscribe button:hover {
		background-color:#97a100;
	}

	footer span {
		display:block;
	}

	footer .title {
		font-size:36px;
		font-weight:500;
	}

	footer .sysmsg {
		font-size:18px;
		display:block;
		text-align:center;
		color:#ff2121;
		font-weight:bold;
	}

	/* 1300px */
	@media only screen and (max-width: 1300px) {
		footer .subscribe p {
			max-width:550px;
		}
	}

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

		footer .subscribe p {
			max-width:unset;
			margin-bottom:30px;
		}
	}

	/* 800px */
	@media only screen and (max-width: 800px) {
		footer .subscribe p {
			padding-right:0;
		}
	}

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

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

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

/*@@@@@@@@@@@@@@@@@@@@@@@
Subfooter
@@@@@@@@@@@@@@@@@@@@@@@*/

	footer .subfooter {
		padding-bottom:20px;
	}

	.subfoot {
		margin-top:33px;
	}

/*@@@@@@@@@@@@@@@@@@@@@@@
Sidebar
@@@@@@@@@@@@@@@@@@@@@@@*/

.main .sidebar {
	width:400px;
	align-self:flex-start;
	margin-top:-120px;
	padding-bottom:90px;
}

.main .sidebar span {
	background-color:#221f1f;
	color:#fff;
	padding:10px 15px;
	text-transform:uppercase;
	font-weight:bold;
	display:table;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.main .sidebar nav {
	background-color:#fff;
	box-shadow:0 5px 5px rgba(0,0,0,.15);
	border-radius:5px;
	overflow:hidden;
	border-top-left-radius:0;
}

.main .sidebar nav a {
	display:block;
	font-size:24px;
	padding:15px 30px;
	padding-right:60px;
	color:#999;
	background-repeat:no-repeat;
	background-position:right -20px center;
}

.main .sidebar nav a:hover {
	color:#221f1f;
}

.main .sidebar nav .active {
	background-color:#b6c01a;
	color:#221f1f;
	pointer-events:none;
	background-image:url('images/ui/right-arrow-white.png');
	background-size:12px auto;
	background-repeat:no-repeat;
	background-position:right 20px center;
}

.main .sidebar .sidelink {
	border:2px solid #221f1f;
	color:#221f1f;
	display:block;
	border-radius:5px;
	margin-top:30px;
	padding:15px 30px;
	opacity:.66;
	font-size:18px;
	background-repeat:no-repeat;
	background-position:center right -60px;
	background-size:48px auto;
}

.main .sidebar .sidelink span {
	background-color:unset;
	text-transform:none;
	color:unset;
	padding:0;
}

.main .sidebar .sidelink:hover {
	background-color:#b6c01a;
	color:#fff;
	border-color:#b6c01a;
	opacity:1;
	background-position:center right 20px;
}

.main .sidebar .pdf {
	background-image:url('images/ui/sidebar_pdf.png');
}

.main .sidebar .mail {
	background-image:url('images/ui/sidebar_mail.png');
}

/* 1600px */
@media only screen and (max-width: 1600px) {
    .main .sidebar nav a {
        font-size:18px;
    }

    .main .sidebar {
        width:300px;
    }

    .main .content {
		padding-left:45px;
	}
}

/* 1200px */
@media only screen and (max-width: 1200px) {
	.main .boxbox {
		flex-direction:column-reverse;
	}

	.main .content {
		padding:0;
		padding-top:30px;
	}

	.main .sidebar {
		margin-top:30px;
		width:100%;
		display:flex;
	}

	.main .sidebar nav {
		width:100%;
	}

	.main .sidebar .sidelink {
		width:100%;
	}

	.main .sidemobi {
		width:47%;
	}

	.main .sidemobi:first-of-type {
		margin-right:30px;
	}

	.main .sidelink:first-of-type {
		margin-top:0;
	}
}

/* 900px */
@media only screen and (max-width: 900px) {
	.main .sidebar {
		display:block;
	}

	.main .sidemobi {
		width:100%;
	}

	.main .sidelink:first-of-type {
		margin-top:30px;
	}
}

/*
@@@@@@@@@@@@@@@@@@@@@@@
Stock
@@@@@@@@@@@@@@@@@@@@@@@
*/

.chart {
	height:400px;
}

@media only screen and (max-width: 500px) {
	.chart {
		height:250px;
	}
}

.stock .chart, .stock .structure {
    margin-top:30px;
}

.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:#222;
    border-color:#222;
}

.structure div:last-of-type {
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    border-right-width:1px;
}

.structure span {
    display:block;
    color:#a7d3d3;
    font-weight:500;
    font-size:18px;
    line-height:18px;
    text-transform:uppercase;
}

.stock .structbox {
    border:1px solid #ccc;
    background-color:#fff;
    padding:35px;
    border-radius:5px;
    font-size:18px;
}

.stock .structbox table {
    min-width:unset;
}

.stock .structbox {
    width:48%;
}

.stock .structbox td:not(:first-of-type) {
    text-align:right;
}

.stock .structbox td:first-of-type {
    padding-left:25px;
}

.stock .structbox td:last-of-type {
    padding-right:25px;
}

.stock .structlist {
    border:1px solid #ccc;
}

.stock .structlist div {
    background-color:#fff;
    color:#221f1f;
    width:25%;
    padding:50px 25px;
    font-size:18px;
    font-weight:600;
    text-transform:uppercase;
    color:#0074d7;
    text-align:center;
}

.stock .structlist span {
    display:block;
    font-size:32px;
    font-weight:600;
    line-height:32px;
    color:#221f1f;
}

/*
~~~~~~~~
Media Queries
~~~~~~~~
*/

@media only screen and (max-width: 1600px) {
    .stock .structbox {
        width:100%;
    }
    .stock .structflex {
        display:block;
    }
    .stock .structbox:first-of-type {
        margin-bottom:60px;
    }
}

@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;
    }
    .stock .structlist {
        flex-wrap:wrap;
    }
    .stock .structlist div {
        width:50%;
        padding:100px 50px;
    }
}

@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: 600px) {
    .stock .structlist {
        display:block;
    }
    .stock .structlist div {
        width:100%;
        padding:50px;
        text-align:left;
    }
    .stock .structbox {
        border:0;
        background-color:unset;
        padding:0;
    }
}

@media only screen and (max-width: 500px) {
    .stock .structure div {
        display:block;
        text-align:left;
    }
}

/*@@@@@@@@@@@@@@@@@@@@@@@
Contact
@@@@@@@@@@@@@@@@@@@@@@@*/

.contact .office {
	margin-right:60px;
}

.contact .office a {
	display:block;
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:40px;
	font-size:18px;
	color:#221f1f;
	line-height:42px;
	font-weight:500;
}

.contact .office a:hover {
	color:#b6c01a;
	padding-left:50px;
}

.contact .office .tel {
	background-image:url('images/ui/contact-tel.png');
}

.contact .office .email {
	background-image:url('images/ui/contact-email.png');
}

.contact form input {
	width:50%;
	padding:15px 20px;
	font-size:18px;
	border-radius:5px;
	border:1px solid #ccc;
}

.contact form input:first-of-type {
	margin-right:30px;
}

.contact form textarea {
	width:100%;
	padding:15px 20px;
	font-size:18px;
	border-radius:5px;
	border:1px solid #ccc;
	resize:none;
	height:300px;
}

.contact form button {
	font-size:18px;
	padding:15px 65px;
	border-radius:50px;
	border:2px solid #221f1f;
	color:#221f1f;
	font-weight:600;
	background-color:unset;
}

.contact form button:hover {
	background-color:#b6c01a;
	color:#fff;
	border-color:#b6c01a;
	box-shadow:0 5px 5px rgba(0,0,0,.15);
}

.contact .map {
	box-shadow:0 5px 5px rgba(0,0,0,.15);
	border-radius:5px;
	overflow:hidden;
}

.contact .sysmsg {
	margin-right:30px;
	font-size:18px;
	font-weight:500;
	color:#cc0000;
	opacity:0;
	transition:all .3s;
	padding-right:0;
}

.contact .pop {
    opacity:1;
    padding-right:20px;
}

/* 800px */
	@media only screen and (max-width: 800px) {
		.contact .flex {
			display:block;
		}

		.contact .map {
			height:60vw;
			margin-top:30px;
		}

		.contact form input{
			width:100%;
		}

		.contact form input:first-of-type {
			margin-bottom:30px;
		}
	}

/* 600px */
	@media only screen and (max-width: 600px) {
		.contact form .rowrev {
			flex-direction:column;
		}

		.contact form button {
			width:80%;
			margin-bottom:20px;
		}
	}

/*@@@@@@@@@@@@@@@@@@@@@@@
Archive
@@@@@@@@@@@@@@@@@@@@@@@*/

	.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:18px;
		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:#b6c01a;
		color:#221f1f;
		border-radius:5px;
		pointer-events:none;
	}

	.content .archive {
		transition:all .5s;
	}

	.content .archive .newslink {
		color:#221f1f;
		font-size:18px;
		display:block;
		text-transform:capitalize;
	}

	.content .archive .newslink:not(:last-of-type) {
		padding-bottom:30px;
		border-bottom:2px dotted #ccc;
	}

	.content .archive .newslink span {
		font-weight:bold;
		display:block;
	}

	.content .archive .newslink:hover {
		color:#b6c01a;
	}

/*
@@@@@@@@@@@@@@@@@@@@@@@
Small Menu
@@@@@@@@@@@@@@@@@@@@@@@
*/

.small-menu {
	background-color:rgba(250,250,250,.95);
	transition:height 1s, min-height 1s;
	top:0;
    bottom:0;
    left:0;
    right:0;
	position:fixed;
	z-index:1000;
	display:none;
}

.small-menu .menu-link:last-of-type {
	border-bottom:0;
}

.small-menu .mainmenu {
    padding:25px;
    padding-bottom:0;
	padding-left:5%;
}

.small-menu .big {
    padding:0 5%;
}

.small-menu .big:last-of-type {
    padding-top:25px;
}

.small-menu .big, .small-menu .top {
	color:#999;
	transition:all 0.4s;
	font-weight:500;
	font-size:36px;
	display:block;
}

.small-menu .top {
    padding-bottom:0;
}

.small-menu .mainmenu div a {
    display:block;
    color:#b6c01a;
    font-size:24px;
    padding:10px 25px;
    font-weight:500;
}

.small-menu .mainmenu div span {
    width:200px;
    color:#b6c01a;
    font-size:11px;
    padding:10px 15px;
    background-color:#777;
    display:table;
}

.small-menu .mainmenu div .active {
    background-color:#777;
    border-bottom:0 !important;
    color:#fff;
    width:200px;
}

.small-menu .mainmenu div {
    display:none;
}

.small-menu-active {
    color:#221f1f !important;
    padding-left:25px;
    margin-bottom:10px;
}

.small-menu .sub-button {
    position:fixed;
    right:0;
    bottom:0;
	font-size:36px;
	padding:15px 30px;
    margin-bottom:30px;
    margin-right:-100px;
	font-weight:bold;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    background-color:#b6c01a;
    color:#fff;
    text-align:center;
    background-image:url('images/small-mailing.png');
    background-repeat:no-repeat;
    background-position:center left 15px;
    background-size:48px auto;
    box-shadow:0 2px 5px rgba(0,0,0,0.25);
    transition:all .5s;
}

.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;
}

.small-x1-rot {
	transform:rotate(45deg);
}

.small-x2-rot {
	transform:rotate(-45deg);
}

/*
~~~~~~~~
Media Queries
~~~~~~~~
*/

@media only screen and (max-width: 900px) {
    .small-menu .top, .small-menu .big {
        font-size:24px;
    }

	.small-menu .mainmenu div a {
		font-size:18px;
	}

	.small-menu .sub-button {
		font-size:24px;
	}
}

@media only screen and (max-width: 600px) {
    header .small-button {
        margin-top:10px;
    }

	.small-menu .sub-button {
		font-size:18px;
	}
}

@media only screen and (max-width: 500px) {
    header .small-button {
        width:40px;
    }

    header .small-button div {
        height:3px;
    }
}

/*
@@@@@@@@@@@@@@@@@@@@@@@
Sub Popup
@@@@@@@@@@@@@@@@@@@@@@@
*/

.subpop {
	height:100%;
    width:100%;
    position:fixed;
    z-index:97;
    transition: all .5s;
}

.subpop .sublay {
    background-color:rgba(17,30,50,.97);
    height:100%;
    width:100%;
    position:fixed;
    z-index:97;
}

.subpop .subtext {
    width:1100px;
    padding:270px;
    padding-top:250px;
    text-align:left;
    z-index:99;
    transition: margin-left .5s;
    position:relative;
}

.subpop .subinner {
	background-color:#fff;
	border-radius:5px;
	box-shadow:0 5px 15px rgba(0,0,0,.25);
	padding:30px;
}

@media only screen and (max-width: 700px) {
    .subpop .subtext {
        background-image:unset;
        width:90%;
        padding:30px;
        box-shadow:0 2px 5px rgba(0,0,0,0.25);
    }
}

.subpop .subout {
	background-color:#111e32;
	color:#eee;
    font-weight:500;
    font-size:18px;
    padding:10px 30px;
    border-radius:5px;
    cursor:pointer;
    opacity:1;
	text-align:center;
	display:table;
	transition:all .2s;
	margin:0 auto;
	margin-bottom:-50px;
}

.subpop .subout:hover {
	background-color:#b6c01a;
	padding:10px 40px;
	color:#fff;
	box-shadow:0 2px 5px rgba(0,0,0,0.25);
}

.subpop .subtext h5 {
    font-size:36px;
    color:#222;
    font-weight:500;
}

.subpop .subtext p {
    font-size:18px;
    color:#222;
}

.subpop .subtext form input {
    padding:15px 25px;
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:5px;
    color:#333;
    font-size:18px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-right-width:0;
}

.subpop .subtext form button {
    background-color:#b6c01a;
	color:#221f1f;
    font-weight:bold;
	font-size:18px;
	padding:10px;
    border:0;
    transition:all .3s;
    cursor:pointer;
    opacity:.75;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}

.subpop .subtext form button:hover {
    background-position:center right 15px;
    opacity:1;
}

.subpop .subback {
    position:fixed;
    width:600px;
    height:600px;
    background-image:url('images/sub_watermark.png');
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    z-index:98;
    margin-left:-300px;
    transition: margin-left .5s;
    opacity:.75;
}

@media only screen and (max-width: 700px) {
    .subpop .subback {
        margin-left:0;
        top:-200;
        right:-200;
    }
}

.subpop .subtext span, .consub span, .homesub span, footer .subsend span {
    display:block;
    padding-top:20px;
    padding-left:20px;
    font-size:18px;
    font-weight:500;
    color:#cc0000;
    opacity:0;
    transition:all .5s;
}

footer .subsend span {
	background-color:#cc0000;
	color:#fff;
	padding:5px 10px;
	margin-left:20px;
	display:table;
	margin-top:10px;
	border-radius:5px;
	font-weight:bold;
}

.subpop .subtext .showmsg, .consub .showmsg, .homesub .showmsg {
    opacity:1 !important;
    padding-left:0 !important;
}

footer .subsend .showmsg {
	opacity:1 !important;
	margin-left:0 !important;
}

.unpop {
    opacity:0;
    pointer-events:none;
}

.unpop .subtext {
    margin-left:40px;
    pointer-events:none;
}

.unpop .subback {
    margin-left:-330px;
}

.blur {
    filter:blur(5px);
}

@media only screen and (max-width: 500px) {
	.chart {
		height:250px;
	}
}

.consub, .subsend, .homesend {
    transition: opacity 1s;
}

.dimmer {
    opacity:.5;
    pointer-events:none !important;
}

@media only screen and (max-width: 500px) {
	.subsend .flex {
        display:block;
    }
    .subsend input {
        width:100%;
        border-width:1px !important;
        border-radius:5px !important;
    }
    .subsend button {
        height:60px;
        width:100% !important;
        border-radius:5px !important;
        margin-top:10px;
    }
}

/*
    #########
    THANK YOU
    #########
*/

.almost {
    top:0;
    bottom:0;
    left:0;
    right:0;
    position:fixed;
    background-color:rgba(106,194,89,.95);
    z-index:100;
    opacity:0;
    pointer-events:none;
    transition:all .5s;
    color:#fff;
    text-align:center;
}

.almost-on {
    opacity:1;
    pointer-events:all;
}

.check {
    background-image:url('images/ui/check-mark.png');
    background-repeat:no-repeat;
    background-position:center top;
    padding-top:100px;
    transition:all .3s;
}

.almost 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);
}

.almost .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;
}

.almost .close:hover {
    background-color:#fff;
    color:#222;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.25);
}

.closedown {
    margin-top:20px;
    opacity:1 !important;
}

/*
~~~~~~~~
Media Queries
~~~~~~~~
*/

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

/*
    66
*/

/*
@@@@@@@@@@@@@@@@@@@@@@@
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;
}

.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);
}

.closedown {
    margin-top:20px;
    opacity:1 !important;
}

.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);
}

.hidden {
    display:none;
}

.hide {
	opacity:0;
}

.hidedown {
    margin-top:20px;
    opacity:0;
}

.hideup {
    margin-top:-20px;
    opacity:0;
}

.hidedown {
    margin-bottom:-20px;
    opacity:0;
}

.hideleft {
    margin-right:20px;
    opacity:0;
}

.hideright {
    margin-left:20px;
    opacity:0;
}

.hideanim {
	transition:all 1s !important;
}

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

.presentation .link:hover {
    background-color:#b6c01a;
    border-color:#b6c01a;
    color:#111;
    padding-right:30px;
}

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

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

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

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

@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%;
    }
}