/* -------------------- CSS3 */
/* Stylesheet by digibee.net */

/* Scroll to bottom for WEBFONTS */

/* -------------------- Reset */

html { font-size: 1em; box-sizing: border-box; min-width: 360px; line-height: 1.3; scroll-behavior: smooth; }
html * { margin:0; padding:0; border:none; font-family: "PT Sans Narrow", "Open Sans Condensed", sans-serif; box-sizing: border-box; }

body { font-size: 1.1em; min-width: 360px; }

/* -------------------- Styles */

html { background-color:#f8f8f8; background-image: url(../img/bdl800bwgreen2_8bit.png); background-repeat: no-repeat; background-position: center -367px; }

#homepagehtml1 { background-color:#fff; background-image: none; }

body { margin: 3.75vmax auto; padding: calc(2vw + 2vmax) calc(3vw + 3vmax); background-color: rgba(252,252,252,0.8); box-shadow:1em 1em 1em #f4f4f4; }

@media only screen and (max-width: 1000px) { body { margin: 3.75vmax auto; width: 100%; }}

#homepagehtml1 body {  }

/* -------------------- Headings & Elements Typography */

h1, h2, h3, h4, h5, h6 { font-weight:bold; float:left; clear:left; line-height: 1.125; }

h1 a, h2 a, h3 a { opacity: 0.5; font-weight: normal; text-decoration: underline; font-size: 0.9em; }

h1 { font-size: 2em; margin-bottom:0.5em; color:#5C8C82; word-spacing: -0.1em; }
h2 { font-size: 1.6em; margin-bottom:0.55em; color:#444; }
h3 { font-size: 1.5em; margin-bottom:0.25em; color:#3D596E; }
h4 { font-size: 1.375em; margin-bottom:0.333em; color:#888; }
h5 { font-size: 1.25em; margin-bottom: 0.25em; color:#999; }
h6 { font-size: 1.2em; margin-bottom: 0.225em; color:#aaa; }

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

h1 { font-size: 1.5em; }
h2 { font-size: 1.375em; }
h3 { font-size: 1.333em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.15em; }
}

h2 + p { margin-top: -0.2em; }

h1 + h3 { margin-top: -0.3em; opacity: 0.75; }
h1 + h2 { margin-top: -0.4em; }
h2 + h3 { margin-top: -0.4em; }
h2 + h3 { width: 100%; }

#page-leed-aes-spectrometers h3 { width: 100%; }
#page-electron-ion-guns h3 { width: 100%; }
#page-distributors h2 { width: 100%; }


#page-applications #container section div,
#page-auger-electron-spectroscopy #container sectiond div { clear:left; column-count: 2; column-width: auto; }

@media only screen and (min-width: 1920px) {
#page-applications #container section div { float:left; clear:left; column-count: 3; }}


p { float:left; clear:left; margin: 0.2em 0 0.75em 0; }
p img { float:right; margin:1em 1em 1em 1.25em; max-width:50%; height:auto; }

.three-logos { margin: 1.5em 0; float: left; clear: left;  width: 75%; column-count: 3;}
.three-logos img { width: 100%; box-shadow: 0 0 1em #eee; }

.notes { float:left; padding-left: 1em; padding-right: 2em; border-left: 1em solid #eee; margin-bottom: 0.75em; padding-bottom: 0.333em; }
.notes p { line-height: 1; }
.notes p:last-of-type { margin-bottom:0; }

b { opacity: 0.667; }

ul, ol { clear:left; color: #222; margin: 0.5em 0 1em 1em; color: #222;  }
ul  { list-style-type:square; list-style-position:outside; }
ol  { list-style-position:outside; }
ul li ul { list-style-position: inside; }
ul li { clear: left; }

ul li.highlighted { color:#3B566A; font-weight: bold; opacity: 0.75; text-transform: uppercase; }


a { color:#009966; transition: color 0.33s; text-decoration: none; }
	h2 a { color:#878787; }
	a:hover { color:#375062; text-decoration:underline; }
	p a { text-decoration:underline; }

pre { float:left; clear:left; padding-bottom:1em; font-size:0.9em; }

small { font-size: 0.8em; }
sub { font-size: 0.7em; }
sup { font-size: 0.7em; }

table { width:100%; font-size: 1em; margin-bottom:1em; }
	table * { margin: 0 0 0 0; padding:0 0 0 0; }
	td { width:50%; padding: 0.25em 0.5em; margin: 0; border-none; vertical-align: top; }
	th { font-weight: bold; font-size:1.2em; text-align:left; padding: 1em 0.5em 0.5em 0.5em; }
	/* also see specs styles */

/* -------------------- Elements in Layout */

header { float:left; width:100%; border-bottom: 1px dotted #888; padding-bottom:1em; display:table; }
@media only screen and (max-width: 640px) { header { border-bottom: none;}}

section header { padding-bottom:0; }
@media only screen and (max-width: 640px) { section header { display: none; }}

section header p a { color: #000; }
footer { display:table; width:100%; margin-top:2em; border-top:1px dotted #888; padding-top:3em; }

nav { font-size:0.85em; }
nav ul { list-style-type: none; }
nav ul a { color: #444; }
nav ul a:hover { color: #375062; }

header nav { float:right; width:auto; display:block; }
header nav ul { clear:none; float:left; margin: 0 0 0 0.25em; padding-left:0.5em; border-left:1px solid #3D596E; }
header nav ul:first-child { border-left:none; padding-left:0; margin-left:0; }
header nav ul li a { padding: 0em 0.25em; background-image: url(../img/white25trans.png); border-radius:1px; text-decoration:none; }
header nav ul li a:hover { background-image:none; }/* see animations for additional styling */

.leed-aes-data { clear:both; float:left; width:100%; background-color: rgba(0,128,128,0.1); padding: 0.7em 1em 0.2em 1em; margin: -0.25em 0 1.5em; }
@media only screen and (min-width: 1920px) { .leed-aes-data { padding: 0.2em 1em 0.0em 1em;}}
@media only screen and (max-width: 1919px) { .leed-aes-data { padding: 0.4em 1em 0.1em 1em; }}
@media only screen and (max-width: 1599px) { .leed-aes-data { padding: 0.6em 1em 0.2em 1em; }}


.leed-aes-data ul { clear:none; float:left; list-style-position:inside; margin-left:1em; }
.leed-aes-data ul { column-count: 8; column-fill: balance; column-width: 12em; }
@media only screen and (min-width: 1920px) { .leed-aes-data ul { column-count: 8; }}
@media only screen and (max-width: 1919px) { .leed-aes-data ul { column-count: 7; }}
@media only screen and (max-width: 1599px) { .leed-aes-data ul { column-count: 6; }}
@media only screen and (max-width: 1439px) { .leed-aes-data ul { column-count: 5; }}
@media only screen and (max-width: 1279px) { .leed-aes-data ul { column-count: 4; }}
@media only screen and (max-width: 1023px) { .leed-aes-data ul { column-count: 4; }}
@media only screen and (max-width: 799px) { .leed-aes-data ul { column-count: 3; height: }}
@media only screen and (max-width: 640px) { .leed-aes-data ul { column-count: 2; }}
@media only screen and (max-width: 480px) { .leed-aes-data ul { column-count: 2; }}

.leed-aes-data ul li { list-style-type:square; line-height:1.4; }
.leed-aes-data ul li a { padding: 0em 0.25em; border-radius:1px; text-decoration: underline; text-decoration-color: rgba(0,0,0,0.25) }
.leed-aes-data ul li a:hover { background-image:none; }/* see animations for additional styling */

.application-group { clear: left; margin-left: 1em; opacity: 0.9; }

#distributors-countries { clear:both; float:left; width:100%; margin-top:0.4em; margin-bottom: 1em; }
#distributors-countries ul { clear:none; width:auto; min-width:12em; list-style-position:inside; float:left; margin-left:1em; }
#distributors-countries ul li { list-style-type:square; }
#distributors-countries ul li a { padding: 0em 0.25em; background-image: url(../img/white25trans.png); border-radius:1px; }
#distributors-countries ul li a:hover { background-image:none; }/* see animations for additional styling */

section { display:inline-block; width:100%; }
section header { font-size:0.8em; margin-bottom:1em; border-bottom:none; }

.homepage-banner { width:100%; height:auto; margin-bottom:1em; }
@media only screen and (max-width: 800px) { .homepage-banner { width: calc( 100% + 2em + 2vw ); margin-left: calc( -1em - 1vw ) !important; }}

figure { clear:left; display:inline-block; float:right; padding: 0 0 1% 1%; width:49%; }
figcaption { font-size:0.8em; text-align:right; }
figure img { display:inline-block; width:100%; height:auto; }

.leftcol figure { width: 100%; }

figure.figure-leed-aes-data { float:left; width:99%; margin-bottom:3em; margin-right:1%; padding: 3em; background-color: #fff; }

hr { clear:both; border-top:1px dotted #ccc; margin-bottom:1em; }
hr.short-hr { float: left; width: 35%; text-align: center; margin: 0em 32% 0.9em 32%; }

hr.invisible-hr { border:none; }

video { margin-bottom:2em; border: 1px solid #f8f8f8; }

.video-left  { clear:left; width:49%; height:auto; float:left; }
.video-right { clear:none; width:49%; height:auto; float:right; }

footer nav { float:left; width:auto; display:block; }
footer nav ul { clear:none; float:left; margin: 0 0 0 0.25em; padding-left:0.5em; border-left:1px solid #3D596E; }
footer nav ul:first-child { border-left:none; padding-left:0; margin-left:0; }
footer nav ul li a { padding: 0em 0.25em; background-image: url(../img/white25trans.png); border-radius:1px; text-decoration:none; }
footer nav ul li a:hover { background-image:none; background-color:transparent; } /* see animations for additional styling */
footer small { width:100%; float:left; clear:both; font-size:0.8em; padding-top:2em; }

.siteby { float:right; text-align:right; opacity:0.5; }
.siteby a { text-decoration: none; }

iframe.map { width:100%; height:400px; margin-bottom:1em; }

.novideosupport { width:auto; height: 400px; padding: 5em; background-color:#888; background-image: url(../img/YouTube-icon-dark.png); background-position:50% 50%; color:#fff; }
.novideosupport a { color:#3D596E; } /* IE8 et al */

iframe.distributormaps { width:50%; height:240px; float:right; border:0; clear:right; padding-bottom:1em; }
iframe.contactusmaps { width:50%; height:300px; float:right; border:0; clear:both; }

.leftcol { clear:left; width:49%; float:left; margin-bottom:1em; }

.rightcol { width:49%; float:right; margin-bottom:1em; }
.rightcol figure { width:100%; }

.halfcolleft { clear:none; float:left; width:49% !important; padding: 0 0.9% 0.9% 0; }
.halfcolright { clear:none; float:right; width:49% !important; }

.loneimage { }
.severalimages { clear:both; margin-bottom:2em; }

.severalimages-leed-aes-data { float:left; clear:both; width:100%; margin:1em 0 3em 0; }
.severalimages-leed-aes-data figure { margin:0; padding:0; margin-right:1.33%; width:32%; float:left; clear:none; }
.severalimages-leed-aes-data figure img { margin:0; padding:0; float:left; width:100%; }
.severalimages-leed-aes-data figure figcaption { float:left; clear:left; }

.pdficon { float:none; display:inline; padding:0 0 0 1em; margin:0; position:relative; top:0.5em; box-shadow:none;}


.specs * { color:#000; }
.specs p { float: left; opacity: 0.75; }
.specs { float:left; clear:both; width:100%; font-size:0.9em; padding:2em; background-color:#E6F5AA; margin-bottom: 1em; }
.specs h5 { text-transform:uppercase; font-weight:bold; }
.specs ul { list-style-type:square; list-style-position: outside; padding-left:0em; }
.specs ul ul { padding-top:0.75em; padding-bottom:0; margin-bottom:0.5em; list-style-type:disc; }
.specs table tr td { background-color: rgba(255,255,255,0.25); line-height: 1.2; }
.specs table tr td:first-of-type { background-color: rgba(255,255,255,0.25); font-weight: bold; opacity: 0.8; font-size: 1.2em; }

.orderingguide * { color:#000; }
.orderingguide { float:left; clear:both; width:100%; font-size:0.9em; padding:2em; background-color:#E8F1EF; margin-bottom: 1em; }
.orderingguide h3 { text-transform:uppercase; font-weight:bold; }
.orderingguide ul { list-style-type:square; list-style-position: outside; padding-left:0em; }

.configurationguide * { color:#000; }
.configurationguide p:last-of-type { float: left; opacity: 0.75; }
.configurationguide { float:left; clear:both; width:100%; font-size:0.9em; padding:2em; background-color:#E8F1EF; margin-bottom: 1em; }
.configurationguide h3 { text-transform:uppercase; font-weight:bold; }
.configurationguide ul { list-style-type:square; list-style-position: outside; padding-left:0em; }

.basicdrawings * { color:#000; }
.basicdrawings { float:left; clear:both; width:100%; font-size:0.9em; padding:2em; background-color:#EEE; margin-bottom: 1em; }
.basicdrawings h3 { text-transform:uppercase; font-weight:bold; }

.basicdrawings figure {width: 100%; margin: 0 0 1em 0; padding: 0;  }
.basicdrawings figure img { margin:0 ; padding: 0; opacity: 0.97; }

.bibliography li {  }

#logo { float:left; padding-bottom:25px; padding-right:25px; }

.description { display: none; }

/* Figure slider RS */

#gallery-1, #gallery-2, #gallery-3, #gallery-4, #gallery-5, #gallery-6, #gallery-7, #gallery-8, #gallery-9 { float: left;
  width: 100%; background-color: #fff; margin-bottom: 6.2em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.rsDefaultInv .rsThumbs { background-color: #fafafa; }
.rsGCaption { bottom: auto !important; top:0.5em; }

/* Thumbs Overview */

.gallery-thumb-overview { font-size:0.8em; line-height: 1; padding-bottom: 1em; }
.gallery-thumb-overview .gallery-thumb { float:left; width: 25%; padding-right: 1em; }
.gallery-thumb-overview.publications .gallery-thumb { width: 20%; }
@media only screen and (max-width: 1024px) {
.gallery-thumb-overview .gallery-thumb { width: 33.33%; }
.gallery-thumb-overview.publications .gallery-thumb { width: 25%; }
}
@media only screen and (max-width: 800px) {
.gallery-thumb-overview .gallery-thumb { width: 50%; }
.gallery-thumb-overview.publications .gallery-thumb { width: 33%; }
}
.gallery-thumb-overview img { width:100%; height:auto; }
.gallery-thumb-overview div { -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
        page-break-inside: avoid; /* Firefox */
        break-inside: avoid; /* IE 10+ */
        }

.gallery-thumb-overview div p { margin-top:0.25em; line-height: 1; color:#bbb; }


.gallery-thumb a { font-weight: 400; color:#444; text-decoration-style: solid; text-decoration-color: #999;}
.gallery-thumb a img { filter: brightness(97%) contrast(97%); transition: filter 0.27s; }
.gallery-thumb a:hover { color:#375062; text-decoration-color: #375062; }
.gallery-thumb a:hover img { filter: brightness(100%) contrast(100%); background-color:#111 !important; }

/* gallery info labels */

.gallery-thumb { position: relative; margin-bottom: 1em; }
.gallery-thumb .gallery-info { position: absolute; top:1em; left: 1em; }
.gallery-thumb .gallery-info p { font-size: 1.699em; font-weight: 900;  padding: 0.25em; background-color: rgba(63, 177, 139, 0.8); transition: background-color 0.5s; color: white !important; }
.gallery-thumb:hover .gallery-info p { background-color: rgba(55, 80, 98, 0.9);  }
.gallery-thumb .gallery-info p a { text-decoration: none; color: white !important; }


	/* - Toggles */

br.tallbr { float:left; width: 100%; margin-top:0.5em; }
.toggle-view { }
.toggle-title { line-height: 1.4; padding: 0 0.5em; background-color: #009966; color: #fff; opacity: 0.75; cursor: context-menu; font-size: 1.2em; }
.toggle-title:after { content: " +"; color: #fff; }
.toggle-title:hover:after { color: #fff; }
.tactive { background: #3D596E; opacity: 1; }
.tactive:after { content: " -"; }
.toggle { margin: 1em 0; display: none; overflow: hidden; float: left; clear:both;}

	/* Pswipe Instance */

.pswipe-instance { float:left; margin-top: 0.5em; }

/* -------------------- Nav Item Special Spacing */

.nav-leed-aes-data,
.nav-applications  { float:left; clear:left; margin-bottom: 1.275em !important; }

/* -------------------- Current Nav Item Indicators NAVY */

#page-our-story .nav-our-story,
#page-homepage .nav-homepage,
#page-homepage .nav-spectroscopy-instrumentation,
#page-company .nav-company,
#page-capabilities .nav-capabilities,
#page-community-contribution .nav-community-contribution,
#page-spectroscopy-instrumentation .nav-spectroscopy-instrumentation,
#page-uhv-spectroscopy-systems .nav-uhv-spectroscopy-systems,
#page-li-ion-systems .nav-li-ion-systems,
#page-electrochemical-cell .nav-electrochemical-cell,
#page-thin-film-deposition .nav-thin-film-deposition,
#page-leed-aes-spectrometers .nav-leed-aes-spectrometers,
#page-electron-ion-guns .nav-electron-ion-guns,
#page-controllers .nav-controllers,
#page-analysis-software .nav-analysis-software,
#page-custom-designs .nav-custom-designs,
#page-modernized-uhv-systems .nav-modernized-uhv-systems,
#page-technical-support .nav-technical-support,
#page-science .nav-science,
#page-surface-science-fundamentals .nav-surface-science-fundamentals,
#page-surface-science-fundamentals .nav-science,
#page-low-energy-electron-diffraction .nav-low-energy-electron-diffraction,
#page-auger-electron-spectroscopy .nav-auger-electron-spectroscopy,
#page-applications .nav-applications,
#page-leed-aes-data-library .nav-leed-aes-data,
#page-li-ion-tester .nav-li-ion-tester,
#page-posters-and-video .nav-posters-and-video,
#page-nano-depth-composition .nav-nano-depth-composition,
#page-surface-nanoscale .nav-materials-characterization,
#page-clients-worldwide .nav-clients-worldwide,
#page-distributors .nav-distributors,
#page-sales .nav-sales,
#page-replacement-parts .nav-replacement-parts,
#page-product-warranty .nav-product-warranty,
#page-technical-support .nav-technical-support,
#page-coop-opportunities .nav-coop-opportunities,
#page-contact-us .nav-contact-us

{ background-color:#3D596E !important; background-color:#3D596E; color:#F7F7F7 !important; color:#F7F7F7; background-image:none !important; background-image:none; text-decoration: none !important; text-decoration: none; border-radius:0.1em;

 -webkit-animation-fill-mode: none !important; animation-fill-mode: none !important; -webkit-animation-duration: none !important; animation-duration: none !important; -webkit-animation-name: none !important; animation-name: none !important; }

/* -------------------- Current Nav Item Indicators LIGHT BLUE */

#page-our-story .nav-company,
#page-capabilities .nav-company,
#page-community-contribution .nav-company,
#page-clients-worldwide .nav-company,

#page-leed-aes-data .nav-leed-aes-data,

#page-uhv-spectroscopy-systems .nav-spectroscopy-instrumentation,
#page-leed-aes-spectrometers .nav-spectroscopy-instrumentation,
#page-electron-ion-guns .nav-spectroscopy-instrumentation,
#page-controllers .nav-spectroscopy-instrumentation,
#page-analysis-software .nav-spectroscopy-instrumentation,
#page-custom-designs .nav-spectroscopy-instrumentation,
#page-modernized-uhv-systems .nav-spectroscopy-instrumentation,
#page-low-energy-electron-diffraction .nav-surface-science-fundamentals,
#page-low-energy-electron-diffraction .nav-science,
#page-surface-science-fundamentals .nav-surface-science-fundamentals,
#page-auger-electron-spectroscopy .nav-surface-science-fundamentals,
#page-auger-electron-spectroscopy .nav-science,
#page-applications .nav-surface-science-fundamentals,
#page-applications .nav-science,

#page-uhv-spectroscopy-system-adp200 .nav-spectroscopy-instrumentation,
#page-uhv-spectroscopy-system-adp200 .nav-uhv-spectroscopy-systems,
#page-spectrometer-bdl800ir .nav-spectroscopy-instrumentation,
#page-spectrometer-bdl800ir .nav-leed-aes-spectrometers,
#page-spectrometer-bdl800ir-mcp .nav-spectroscopy-instrumentation,
#page-spectrometer-bdl800ir-mcp .nav-leed-aes-spectrometers,
#page-minileed-integral-shutter .nav-spectroscopy-instrumentation,
#page-minileed-integral-shutter .nav-leed-aes-spectrometers,
#page-femto-leed-dldl800ish .nav-spectroscopy-instrumentation,
#page-femto-leed-dldl800ish .nav-leed-aes-spectrometers,
#page-leed-dldl1000 .nav-spectroscopy-instrumentation,
#page-leed-dldl1000 .nav-leed-aes-spectrometers,

#page-electron-guns-g10-series .nav-spectroscopy-instrumentation,
#page-electron-guns-g10-series .nav-electron-ion-guns,
#page-ion-sputtering-gun-ig35 .nav-spectroscopy-instrumentation,
#page-ion-sputtering-gun-ig35 .nav-electron-ion-guns,
#page-ion-sputtering-gun-ig70 .nav-spectroscopy-instrumentation,
#page-ion-sputtering-gun-ig70 .nav-electron-ion-guns,

#page-drs100 .nav-spectroscopy-instrumentation,
#page-drs100 .nav-controllers,

#page-leed-image-analysis-system .nav-spectroscopy-instrumentation,
#page-leed-image-analysis-system .nav-analysis-software,

#page-auger-data-acquisition-software .nav-spectroscopy-instrumentation,
#page-auger-data-acquisition-software .nav-analysis-software,

#page-crystallography-improvements .nav-posters-and-video,
#page-thermal-diffusion-behaviour .nav-posters-and-video,
#page-surface-prep-characterization .nav-posters-and-video,
#page-sars-cov-biosensor .nav-posters-and-video,

#page-li-ion-tester .nav-posters-and-video

{ background-color:#D5DFE7 !important; background-color:#D5DFE7; color:#000 !important; color:#000; background-image:none !important; background-image:none; border-radius:0.1em;

 -webkit-animation-fill-mode: none !important; animation-fill-mode: none !important; -webkit-animation-duration: none !important; animation-duration: none !important; -webkit-animation-name: none !important; animation-name: none !important; }

/*
/**
/**   Resolution Specific
/**
*/

/*
/**
/** Media queries
/**
*/


@media only screen and (min-width:3000px) {
html { font-size:1.9em; }
#logo img { width:652px; height:150px; }
}

@media only screen and (min-width:4000px) {
html { font-size:2.4em; }
#logo img { width:978px; height:200px; }
}

@media only screen and (min-width:5000px) {
html { font-size:2.9em; }
#logo img { width:978px; height:200px; }
}

@media only screen and (min-width:6000px) {
html { font-size:3.9em; }
#logo img { width:1304px; height:300px; }
}

@media only screen and (max-width:1175px) {
iframe.contactusmaps { width:40em; }
#logo img { width:245px; height:75%; }
}

@media only screen and (max-width:1100px) {
iframe.contactusmaps { width:100%; }
header nav { float:left; }
}

@media only screen and (min-width:1024px) {
iframe.contactusmaps { width:100%; }
}

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

.halfcolleft { clear:none; float:left; width:100% !important; margin-bottom:1em; }
.halfcolright { clear:none; float:right; width:100% !important; }


#leed-aes-data ul { min-width: 15%; }
#distributors-countries ul { min-width:15%; }

}

@media only screen and (max-width: 900px) {
.canhide { display:none; visibility:hidden; }



}

@media only screen and (max-width: 800px) {
iframe.contactusmaps { width:50%; }

footer { font-size: 0.9em;  padding: 2em 0 0 0; margin: 0;}

.desktoponly { display: none; }

}

@media only screen and (min-width: 721px) {
header nav.mobileonly { display:none; visibility:hidden; }

.mobileonly { display:none; visibility:hidden; }

}

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

html { line-height:1.3; }
nav { line-height: 1.4; }

nav { clear:both; }

header nav { display:none; visibility:hidden; }
header nav.mobileonly { display:block !important; visibility:visible !important; }

iframe.contactusmaps { width: 100%; float:none; clear:both; margin-bottom:1em; }
iframe.distributormaps { width: 100%; float:none; clear:both; margin-bottom:0.5em; }


nav ul { padding:0; margin:1em 0; list-style-position:inside; }
nav#distributors-countries ul { border:none; float:left; clear:both; padding:0; margin:0.5em 0; }
nav#leed-aes-data ul { border:none; float:left; clear:both; padding:0; margin:0.5em 0; }

footer nav ul { border:none; float:left; clear:both; padding:0; margin:0.5em 0; }
.siteby { margin-top:2em; }

footer {font-size: 1.1em;}

}

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

#homepagehtml1 { background-color:#f8f8f8; background-image: url(../img/bdl800bwgreen2_8bit.png); }

figure { padding: 0 0 1% 0; width: 100%; }

.leftcol { width:100%; }
.rightcol { width:100%; }

.video-right { clear:both; width:100%; float:left; }
.video-left  { clear:both; width:100%; float:left; }

	b_o_d_y_ { margin-top: 3em; width: calc(100% - 0.5vw - 0.25em) ; padding: calc(2vw + 1em); }


}


/*
/**
/**   CSS Animation
/**
*/

header nav ul li a:hover { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s; }

#page-homepage { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; }

#page-homepage header, section { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1.25s; animation-duration: 1.25s; }

@-webkit-keyframes rotateSome {
	0% { -webkit-transform: rotate(-2deg); }
	100% { transform: rotate(0deg);} }
@keyframes rotateSome {
	0% { transform: rotate(-2deg); }
	100% { transform: rotate(0deg); } }
.rotateSome { -webkit-animation-name: rotateSome; animation-name: rotateSome; }

/*
@-webkit-keyframes slideInFromUnder {
	0% { -webkit-transform: translate(0%,100%); }
	100% { -webkit-transform: translate(0,0); } }
@keyframes slideInFromUnder {
	0% { transform: translate(0%,100%); }
	100% { transform: translate(0,0); } }
.slideInFromUnder, #page-homepage header { -webkit-animation-name: slideInFromUnder;
	animation-name: slideInFromUnder; }
*/

@-webkit-keyframes opacityFadeIn {
	0% { opacity:0; }
	20% { opacity:0; }
	100% { opacity:1; } }
@keyframes opacityFadeIn {
	0% { opacity:0; }
	20% { opacity:0; }
	100% { opacity:1; } }
.opacityFadeIn, section { -webkit-animation-name: opacityFadeIn;
	animation-name: opacityFadeIn; }

@-webkit-keyframes bgFadeIn {
	0% { background-color: transparent; }
	10% { background-color: transparent; }
	100% { background-color:#fff; } }
@keyframes bgFadeIn {
	0% { background-color: transparent; }
	10% { background-color: transparent;}
	100% { background-color:#fff; } }
.bgFadeIn, header nav ul li a:hover { -webkit-animation-name: bgFadeIn;
	animation-name: bgFadeIn; }


/* WEBFONTS */

@font-face {
    font-family:'PT Sans Narrow';
    src:url('../webfonts/PTN57F-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;
font-display: swap;}

@font-face {
    font-family:'PT Sans Narrow';
    src:url('../webfonts/PTN77F-webfont.woff') format('woff');
    font-weight:bold;
    font-style:normal;
font-display: swap;}

@font-face {
    font-family:'Open Sans Condensed';
    src:url('../webfonts/OpenSans-CondLight-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;
font-display: swap;}

@font-face {
    font-family:'Open Sans Condensed';
    src:url('../webfonts/OpenSans-CondBold-webfont.woff') format('woff');
    font-weight:bold;
    font-style:normal;
font-display: swap;}

@font-face {
    font-family:'Open Sans Condensed';
    src:url('../webfonts/OpenSans-CondLightItalic-webfont.woff') format('woff');
    font-weight:normal;
    font-style:italic;
font-display: swap;}