/* Gothic Two
-------------------------------------------------- */

@font-face {
    font-family: 'Panama';
    src: url('../fonts/Panama-Regular.woff2') format('woff2'),
        url('../fonts/Panama-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Panama Bold';
    src: url('../fonts/Panama-Bold.woff2') format('woff2'),
        url('../fonts/Panama-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/* Reset
-------------------------------------------------- */
*, *:before, *:after {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, main, nav, section, summary {
  display: block;
}
p {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    margin-bottom: 1.3em;

}
p a:link {
	color:#000;
	border-bottom: 1px solid #000;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000;
}

/* Links
-------------------------------------------------- */
a {
	color: #000;
	text-decoration: none;
}

a:link {
	color:#000;
}

a:hover {
}
 a.active {
	color:#616847;
}
.margin-top {
	margin-top: 1.3em;
}
/* Buttoons
-------------------------------------------------- */
.btn  {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
    line-height: 1.42857143;
	border: 1px solid #000;
	padding:10px;
	background: transparent;
}
.btn.active {
	color:#000;
}

/* Forms
-------------------------------------------------- */
form .content {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
    line-height: 1.42857143;
	border: 1px solid #000;
	padding:10px;
	margin-bottom: 2.1em;
}

.form-control {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
    line-height: 1.42857143;
	width: 100%;
	border: none;
	background: transparent;
}
input, textarea, select, a { 
	outline: none;
}
/* Site
-------------------------------------------------- */
html {
	font-family: "Panama Bold", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing:#D6E1B6;
	font-kerning: normal;
}
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    background-color: transparent;
    border-left: 1px solid transparent;
}
::-webkit-scrollbar-thumb {
    background-color: #B7C195;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #B7C195;
}
body {
	width: 100%;
	overflow: auto;
    font-size: 1.7em;
    line-height: 1.18em;
	background:#fff; 
}

div.wrapper {
	position: relative;
}

/* Figure
-------------------------------------------------- */
figure {
	padding-bottom: 1.3em;
}
figure img {
	padding:5px 0 10px 0;
}
figcaption {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.42857143;
	padding:10px 0;

}
figcaption a:link {
	border-bottom: 1px solid #000;
}
.right {
	text-align: right;
}
.logotype {
	max-height: 17px;
	max-width: 88px;}
.next,
.prev {
	max-height: 17px;
	width: 25px !important;
}
.controls {
	display: none;
	float: right;

}
/* Columns
-------------------------------------------------- */
div.col {
	float: left;
}

div.scroller {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	padding: 1.5em 1.3em 0 1.3em;
}

div.scrolljack div.scroller {
	overflow-y: hidden;
}

div.colwrapper {
	width: 100%;
	height: 100%;
	padding: 0em 1.3em;
}

div.col img {
	width: 100%;
}

div.col.bg-color{
	background: #D6E1B6;
}

div.col.bg-menu-color{
	background: #D6E1B6;
}
div.col.bg-white{
	background: #fff;
}
div.col.bg-white .scroller::-webkit-scrollbar {
    width: 12px;
}
div.col.bg-white .scroller::-webkit-scrollbar-track {
    background-color: #fff;
    border-left: 1px solid #fff;
}
div.col.bg-white .scroller::-webkit-scrollbar-thumb {
    background-color: #fff;
}
div.col.bg-white .scroller::-webkit-scrollbar-thumb:hover {
  background-color: #fff;
}
div.full {
	width: 100%;
}

div.width-1 {
	width: 33.333%;
}

div.width-2 {
	width: 66%;
	padding-left: 1.3em;
}

div.width-2-no-padding {
	width: 66.666%;
}

div.width-2 img {
	width: 100%;
}

div.width-3 {
	width: 100%;
}


/* Header
-------------------------------------------------- */
div.header {
	position: relative;
	background: #D6E1B6;
	overflow: auto;
	padding: 1.3em 0 0 0;
	border-bottom: solid 1px;
}

div.header.bordertop {
	border-top: solid 1px;
}

div.header.dropdown {
	position: fixed;
}

div.header p {
	text-align: right;
	text-transform: uppercase;
}

#info:hover {
	cursor: pointer;
}

#info p {
	display: none;
	transition: text-shadow 0.2s ease;
}

div.bordertop #info, div.bordertop #info p {
	display: none;
}

/* Contact
-------------------------------------------------- */
div.contact {
	height: 0;
	overflow: hidden;
}

div.contactwrapper {
	padding: 1.3em 0 0 0;
	overflow: auto;
}

div.mapwrapper {
	padding: 0;
	clear: both;
}

div.contact p {
	padding-bottom: 1.3em;
}

div.address-block {
	padding-bottom: 1.3em;
}

div.address-block p {
	padding-bottom: 0;
}

div.contact iframe {
	width: 90%;
}

div.contact div.mobileclose {
	display: none;
}

div.contact p.close {
	text-align: right;
}

div.contact p.close:hover {
	cursor: pointer;
}

div.contact p.close img {
	width: auto;
	display: block;
	position: absolute;
	right: 1.3em;
	max-width: 1.3em;
	max-height: 1.3em;
}

/* Landing Page
-------------------------------------------------- */
div.landing {
	padding: 1.3em 0;
	overflow: auto;
}

div.landing div.width-2 p {
	text-align: center;
}

/* Main
-------------------------------------------------- */
div.main {
	overflow: auto;
}

/* Homepage content on a subpage */
#all {
	display: none;
}

div.main.no-padding {
	border-top: solid 1px;
	padding-top: 4em;
	position: absolute;
	top: calc(100vh);
	
}

div.main.scrolljack {
	padding-top: 0;
	cursor: pointer;
}

div.main div.col {
	height: calc(100vh);
	overflow-y: hidden;
}

div.main div.col:not(:last-child) {
	border-right: solid 1px;
}

div.glosary_group {
	padding: 0 0 1.3em 0;
}

img.viewer:hover {
	cursor: pointer;
}

div.imgwrapper img {
	margin: 0 0 1.3em 0;
}

p.caption {
	text-align: center;
	margin: 0 auto;
	padding: 0 0 1.3em 0;
}

.glosaryname {
	text-transform: uppercase;
	margin-top: 2px;
	line-height: 1em !important;
}

p.glosaryname.inactive {
	color: #b7b7b7;
}

div.glosarylist {
	margin-bottom: 1.3em;
}
div.glosarylist p {
	padding-bottom: 0.5em;
	margin-bottom: 1.3em;
}

div.glosarylist p:last-child {
	padding-bottom: 0;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.divider {
	margin-bottom: 1.3em;
}
/* Headings
-------------------------------------------------- */
h1 {
	font-size: inherit;
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 0.65em;
}
h1.right {
	float: right;
	display: inherit;
}
h1 .language {
	float: right;
	text-transform: capitalize;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    }
h1 .language a.active {
	color: #000;
}
h1 .language a.inactive {
	color: #b7b7b7;
}

h1.toggle {
	cursor: pointer;
}

h2, h3 {
	font-size: inherit;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 1.3em;
}

h3 {
	padding: 1.3em 0;
}
#menu .toggle span:last-child {
	display: none;
}

/* Smaller Screen Sizes
-------------------------------------------------- */

@media (max-width:320px){
	body {
    font-size: 1.3em !important;
	}
}
@media (max-width:42em){
	body {
    font-size: 1.5em;
	}
	.hide {
		display: none !important;
	}
	#menu.active {
		position: fixed;
    	bottom: 0;
	}
	#menu.active h1.right {
		display: none;
	}
	#menu.active .glosarylist{
		display: none;
	}
	#menu.active .controls {
		display: inline-block;
		position: absolute;
		z-index: 2;
		right: 1.3em;
	}
	#menu.active div.scroller {
    	width: 100%;
    	height: 3.8em;
    	overflow-y: hidden;
    	padding: 1.3em 1.3em 0 1.3em;
	}

	#menu.active .toggle span:first-child {
		display: none;
	}
	#menu.active .toggle span:last-child {
		display: block;
	}
	.main div.col {
    border-bottom: none;
	}
	div.col.bg-color {
		background: #fff;
	}
	.logotype {
		display: none;
	}
	h1.right {
		display: inherit;
	}
	div.glosary_group {
    padding: 0;
}
	body {
/*
		Font sizes may stay the same...
*/
	}

	p {
    font-size: 14px;
	}
	
	/* Spacers */
	.spacer {
		display: none;
	}
		
	div.col {
		float: none;
	}

	div.scroller.closed {
		width: 100%;
		height: 3.8em;
		overflow-y: hidden;
		padding: 1.3em 1.3em 0 1.3em;
	}
	
	div.scroller.open {
		width: 100%;
		overflow-y: auto;
		padding: 1.3em 1.3em 0 1.3em;
	}
	
	div.scroller {
		width: 100%;
		overflow-y: auto;
		padding: 1.3em 1.3em 3.3em 1.3em;
	}

	div.colwrapper {
		width: 100%;
		height: 100%;
		padding: 0em 1.3em;
	}
	
	div.width-1 {
		width: 100%;
	}
	
	div.width-2 {
		width: 100%;
		padding: 0;
	}
	
	div.width-2-no-padding {
		width: 100%;
	}
	
	div.width-2 img {
		width: 100%;
	}
	
	#landingimage {
		width: auto !important;
		margin-top: 1.3em;
	}
	
	div.width-3 {
		width: 100%;
	}
	
	div.main div.col {
		height: auto;
		overflow-y: visible;
	}
	
	div.main div.col:not(:last-child) {
		border-right: none;
	}
	
	div.glosarylist {
		padding-bottom: 1.3em;
	}
	
	/* Contact */
	#info p {
		display: block !important;
		position: absolute;
		top: 1.3em;
		right: 1.3em;
	}
	
	#info p span {
		display: none;
	}
	
	div.contact iframe {
		display: none;
	}
	
	p.close {
		display: none;
/*
		position: absolute;
		top: 1.3em;
		right: 1.3em;
*/
	}
	
	div.contact div.mobileclose {
		display: block;
		text-align: center;
		cursor: pointer;
	}
	
	div.contact div.mobileclose img {
		max-width: 1.3em;
		max-height: 1.3em;
	}
	
	
	div.emptycol {
		display: none;
	}


}