div.ribbon {
	position: relative;
	left: -10px;
	top: -70px;
	width: 50%;
}
div.ribbon-desc {
	position: relative;
	left: -20px;
	top: 0px;
	padding-top:10px;
	padding-bottom:10px;
}
.btn-primary {
	color: #ffffff;
	background-color: #005696 !important;
	border-color: #fff;
}
.btn-primary:hover {
	color: #fff;
	background-color: #002a4a !important;
	border-color: #fff;
}
.badge-primary {
	color: #fff;
	background-color: #007bff;
}
.medium {
	font-size: 18px;
	color: #015697;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 20px;
}
.large {
	font-size: 20px;
}
.larger {
	font-size: 24px !important;
}
.btn-warning {
	border-bottom: 2px solid #d18524 !important;
}
.btn-success-airmar {
	background-color: #95ca5b;
	color: #fff
}
#dataHolder h1 {
	font-size: 20px;
}
/*  lines up with bullets on weather station product page*/

.lineup {
	margin-top: 18px;
	padding-left: 40px;
}
/* New landing designs
/*white links*/
a.white:link {color:#fff;text-decoration:none;}
a.white:visited {color:#fff;text-decoration:none;}
a.white:hover {text-decoration:underline;}


/*BLUE PANELS ON HOME PAGE*/
.panel-blue {
	margin-bottom: 20px;
	background-color: #005696;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  }
/*small jumbotron*/
.smjumbotron {padding-top:5px; padding-bottom:5px;background-color: #005696; margin-top:20px; margin-bottom:20px; border-top:3px solid #F0AD4E; border-bottom:3px solid #F0AD4E;}
h3.wxHome {font-size:24px; color: white; margin-top:20px;margin-bottom:20px;}


/* Used to Overwrite default styles on jquery min.css on WX product compare table */

/* Jumbotron */

.jumbotron-airmar {
	position: relative;
	background: #000 url("../images/WX_website_Airducer3.jpg") center center;
	width: 100%;
	height: 100%;
	background-size: cover;
	overflow: hidden;
	padding-left: 50px;
	padding-bottom: 50px;
	margin-bottom: 20px;
}
.container .jumbotron-airmar {
	border-radius: 0px;
}
.jumbotron-airmar h3, .jumbotron-airmar .h3 {
	font-size: 32px;
	font-weight: 600;
	color: #ffffff;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
.jumbotron-airmar h6 {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
/* Jumbotron 200m */

.jumbotron-200m {
	position: relative;
	background: #000 url("../images/NavSurvey_website_Montage_3.jpg") center center;
	width: 100%;
	height: 100%;
	background-size: cover;
	overflow: hidden;
	padding-left: 50px;
	padding-bottom: 50px;
	margin-bottom: 20px;
}
.container .jumbotron-200m {
	border-radius: 0px;
}
.jumbotron-200m h1, .jumbotron-200m .h1 {
	font-size: 32px;
	font-weight: 600;
	color: #ffffff;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
.jumbotron-200m p {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}

/* Jumbotron SENSING THROUGH AIR */

.jumbotron-sensingair {
	position: relative;
	background: #000 url("../images/WX_website_Airducer3.jpg") center center;
	width: 100%;
	height: 100%;
	background-size: cover;
	overflow: hidden;
	padding-left: 50px;
	padding-bottom: 50px;
	margin-bottom: 20px;
}
.container .jumbotron-sensingair {
	border-radius: 0px;
}
.jumbotron-sensingair h1, .jumbotron-sensingair .h1 {
	font-size: 32px;
	font-weight: 600;
	color: #ffffff;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
.jumbotron-sensingair h6 {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
/* Jumbotron AGRICULTURE */

.jumbotron-ag {
	position: relative;
	background: #000 url("../images/ag-masthead.jpg") center center;
	width: 100%;
	height: 100%;
	background-size: cover;
	overflow: hidden;
	padding-left: 50px;
	padding-bottom: 50px;
	margin-bottom: 20px;
}
.container .jumbotron-ag {
	border-radius: 0px;
}
.jumbotron-ag h3, .jumbotron-ag .h3 {
	font-size: 32px;
	font-weight: 600;
	color: #ffffff;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
.jumbotron-ag h6 {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
/* Jumbotron RECREATIONAL MARINE */

.jumbotron-rm {
	position: relative;
	background: #000 url("../images/RecMarine_WX_masthead.jpg") center center;
	width: 100%;
	height: 100%;
	background-size: cover;
	overflow: hidden;
	padding-left: 50px;
	padding-bottom: 50px;
	margin-bottom: 20px;
}
.container .jumbotron-rm {
	border-radius: 0px;
}
.jumbotron-rm h1, .jumbotron-rm .h1 {
	font-size: 32px;
	font-weight: 600;
	color: #ffffff;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
.jumbotron-rm h6 {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
/* Jumbotron SENSING THROUGH WATER */

.jumbotron-stw {
	position: relative;
	background: #000 url("../images/sensing-throughwater-banner.png") center center;
	width: 100%;
	height: 100%;
	background-size: cover;
	overflow: hidden;
	padding-left: 50px;
	padding-bottom: 50px;
	margin-bottom: 20px;
}
.container .jumbotron-stw {
	border-radius: 0px;
}
.jumbotron-stw h1, .jumbotron-stw .h1 {
	font-size: 32px;
	font-weight: 600;
	color: #ffffff;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
.jumbotron-stw p {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
/* Jumbotron OFFSHORE MONITORING */

.jumbotron-om {
	position: relative;
	background: #000 url("../offshorenav/montage2.jpg") center center;
	width: 100%;
	height: 100%;
	background-size: cover;
	overflow: hidden;
	padding-left: 50px;
	padding-bottom: 50px;
	margin-bottom: 20px;
}
.container .jumbotron-om {
	border-radius: 0px;
}
.jumbotron-om h1, .jumbotron-om .h1 {
	font-size: 32px;
	font-weight: 600;
	color: #ffffff;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
.jumbotron-om p {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
/* Jumbotron MOBILIE APPLICATIONS */

.jumbotron-ma {
	position: relative;
	background: #000 url("../images/Mobile_WX_masthead.jpg") center center;
	width: 100%;
	height: 100%;
	background-size: cover;
	overflow: hidden;
	padding-left: 50px;
	padding-bottom: 50px;
	margin-bottom: 20px;
}
.container .jumbotron-ma {
	border-radius: 0px;
}
.jumbotron-ma h3, .jumbotron-ma .h3 {
	font-size: 32px;
	font-weight: 600;
	color: #ffffff;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
.jumbotron-ma h6 {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
/* Jumbotron OFFSHORE WEATHER MONITORING */

.jumbotron-offshore {
	position: relative;
	background: #000 url("../images/Offshoremonitoring_masthead.jpg") center center;
	width: 100%;
	height: 100%;
	background-size: cover;
	overflow: hidden;
	padding-left: 50px;
	padding-bottom: 50px;
	margin-bottom: 20px;
}
.container .jumbotron-offshore {
	border-radius: 0px;
}
.jumbotron-offshore h1, .jumbotron-offshore .h1 {
	font-size: 32px;
	font-weight: 600;
	color: #ffffff;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
.jumbotron-offshore p {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}

/* Jumbotron COMMERCIAL */

.jumbotron-cm {
	position: relative;
	background: #000 url("../images/CommercialBoat_Fishing_WX_masthead.jpg") center center;
	width: 100%;
	height: 100%;
	background-size: cover;
	overflow: hidden;
	padding-left: 50px;
	padding-bottom: 50px;
	margin-bottom: 20px;
}
.container .jumbotron-cm {
	border-radius: 0px;
}
.jumbotron-cm h1, .jumbotron-cm .h1 {
	font-size: 32px;
	font-weight: 600;
	color: #ffffff;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
.jumbotron-cm p {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
/* Jumbotron SMART CITIES */

.jumbotron-smart {
	position: relative;
	background: #000 url("../images/SmartCity_WX_masthead.jpg") center center;
	width: 100%;
	height: 100%;
	background-size: cover;
	overflow: hidden;
	padding-left: 50px;
	padding-bottom: 50px;
	margin-bottom: 20px;
}
.container .jumbotron-smart {
	border-radius: 0px;
}
.jumbotron-smart h1, .jumbotron-smart .h1 {
	font-size: 32px;
	font-weight: 600;
	color: #ffffff;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
.jumbotron-smart h6 {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
/* Jumbotron UNMANNED2 */

.jumbotron-usv2 {
	position: relative;
	background: #000 url("../images/UnmannedSurfaceVehicles2.jpg") center center;
	width: 100%;
	height: 100%;
	background-size: cover;
	overflow: hidden;
	padding-left: 50px;
	padding-bottom: 50px;
	margin-bottom: 20px;
}
.container .jumbotron-usv2 {
	border-radius: 0px;
}
.jumbotron-usv2 h3, .jumbotron-usv2 .h3 {
	font-size: 32px;
	font-weight: 600;
	color: #ffffff;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
.jumbotron-usv2 p {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
/* Jumbotron SENSING WEATHER */

.jumbotron-sensingweather {
	position: relative;
	background: #000 url("../images/sensing-weather-banner.jpg") center center;
	width: 100%;
	height: 100%;
	background-size: cover;
	overflow: hidden;
	padding-left: 50px;
	padding-bottom: 50px;
	margin-bottom: 20px;
}
.container .jumbotron-sensingweather {
	border-radius: 0px;
}
.jumbotron-sensingweather h1, .jumbotron-sensingweather .h1 {
	font-size: 32px;
	font-weight: 600;
	color: #ffffff;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
.jumbotron-sensingweather p {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
/* Jumbotron PARTNERS */

.jumbotron-partners {
	position: relative;
	background: #000 url("../images/partners4masthead.jpg") center center;
	width: 100%;
	height: 100%;
	background-size: cover;
	overflow: hidden;
	padding-left: 50px;
	padding-bottom: 50px;
	margin-bottom: 20px;
}
.container .jumbotron-partners {
	border-radius: 0px;
}
.jumbotron-partners h1, .jumbotron-partners .h1 {
	font-size: 32px;
	font-weight: 600;
	color: #ffffff;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
.jumbotron-partners h6 {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
.main-menu-btn {
	position: fixed;
	right: 10px;
	top: 30px;
	display: inline-block;
	width: 28px;
	height: 28px;
	text-indent: 28px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	z-index: 999999;
}
/* Jumbotron FLOW MEASUREMENT */

.jumbotron-fm {
	position: relative;
	background: #000 url("../images/FlowMeasurement_Montage.jpg") center center;
	width: 100%;
	height: 100%;
	background-size: cover;
	overflow: hidden;
	padding-left: 50px;
	padding-bottom: 50px;
	margin-bottom: 20px;
}
.container .jumbotron-fm {
	border-radius: 0px;
}
.jumbotron-fm h1, .jumbotron-fm .h1 {
	font-size: 32px;
	font-weight: 600;
	color: #ffffff;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
.jumbotron-fm p {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
/* Jumbotron LEVEL SENSING */

.jumbotron-ls {
	position: relative;
	background: #000 url("../images/sensing-level.jpg") center center;
	width: 100%;
	height: 100%;
	background-size: cover;
	overflow: hidden;
	padding-left: 50px;
	padding-bottom: 50px;
	margin-bottom: 20px;
}
.container .jumbotron-ls {
	border-radius: 0px;
}
.jumbotron-ls h1, .jumbotron-ls .h1 {
	font-size: 32px;
	font-weight: 600;
	color: #ffffff;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}
.jumbotron-ls p {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-shadow: #000000 0.1em 0.1em 0.1em;
}

/* hamburger icon */

.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
	position: absolute;
	top: 50%;
	left: 2px;
	height: 2px;
	width: 24px;
	background: #bbb;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
	z-index: 999999;
}
.main-menu-btn-icon:before {
	content: '';
	top: -7px;
	left: 0;
}
.main-menu-btn-icon:after {
	content: '';
	top: 7px;
	left: 0;
}
.verticalhorizontal {
	display: table-cell;
	height: 300px;
	text-align: center;
	width: 300px;
	vertical-align: middle;
}
/* x icon */

#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon {
	height: 0;
	background: transparent;
}
#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:before {
	top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#main-menu-state:checked~.main-menu-btn .main-menu-btn-icon:after {
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* hide menu state checkbox offscreen (so it stays visible to screen readers) */

#main-menu-state {
	position: absolute;
	top: -99999px;
}
/* hide the menu in mobile view */

#main-menu-state:not(:checked)~#main-menu {
	display: none;
}
#main-menu-state:checked~#main-menu {
	display: block;
}
@media (min-width: 768px) {
	/* hide the button in desktop view */
	.main-menu-btn {
		position: absolute;
		top: -99999px;
	}
	/* always show the menu in desktop view */
	#main-menu-state:not(:checked)~#main-menu {
		display: block;
		white-space: nowrap;
		min-width: 420px;
	}
	body {
		background: #F0F2F3!important;
		font-family: Open Sans, Helvetica, Arial, sans-serif!important;
		color: #F0F2F3;
		font-size: 14px;
		line-height: 21px;
		margin: 0;
		overflow-x: hidden;
	}
	/* red font color for Xducer ID links */
	.xducer {
		color: red !important;
	}
	/* blue font color for superscripted text */
	.superscript {
		color: #337ab7;
	}
	/*h1, .h1 {
		font-size: 20px !important;
	}*/
	.medium {
		font-size: 18px;
		color: #015697;
		font-weight: bold;
		margin-top: 4px;
		margin-bottom: 20px;
	}
	h2, .h2 {
		font-size: 18px !important;
	}
	.topPadding {
		padding-top: 19px;
	}
	.whiteBG {
		background: white;
	}
	.basement {
		min-height: 20em;
	}
	.fullPadding {
		padding: 10px;
	}
	.bottomPadding {
		padding-bottom: 10px;
	}
	.leftRightPadding {
		padding-left: 10px;
		padding-right: 10px;
	}
	.Page-title {
		color: #fff;
		position: absolute;
		font-weight: bold;
		top: 1em;
		max-height: 100%;
	}
	.minHeight211 {
		min-height: 211px;
		border: 1px solid #999999;
	}
	.darkerGray {
		background: white !important;
	}
	.darkBlueColor {
		color: #015697;
	}
.whiteColor {
	color: #ffffff;
}
	.lightGrayColor {
		color: #999999;
	}
	.imgRightPadding {
		margin-right: 15px!important;
	}
	.techDataImg {
		width: 40em;
		display: iniline-block;
		max-width: 100%;
		margin: auto;
	}
	.socialBoxes {
		font-size: 20px;
		float: right;
	}
	.socialBoxes a {
		color: darkgray;
		margin-left: 5px;
	}
	.searchBox {
		float: right;
		width: 180px;
	}
	.searchBox input {
		width: 180px;
		display: inline-block;
		margin-right: 5px;
		border: none;
		margin-right: -1px;
		margin-bottom: 5px;
		border-radius: 0px;
		padding-right: 0px;
	}
	.searchBox button {
		display: inline-block;
	}
	/* SearchField */
	.noTopPadding {
		padding: 0 10px 10px 10px;
	}
	.subheader {
		font-weight: bold;
	}
	table .header {
		cursor: pointer;
	}
	table .header:after {
		content: "";
		float: right;
		margin-top: 7px;
		border-width: 0 4px 4px;
		border-style: solid;
		border-color: #fff transparent;
		visibility: hidden;
	}
	table .headerSortUp, table .headerSortDown {
		background-color: rgba(141, 192, 219, 0.25);
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	}
	table .header:hover:after {
		visibility: visible;
	}
	table .headerSortDown:after, table .headerSortDown:hover:after {
		visibility: visible;
		filter: alpha(opacity=60);
		-khtml-opacity: 0.6;
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	table .headerSortUp:after {
		border-bottom: none;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 4px solid #fff;
		visibility: visible;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		filter: alpha(opacity=60);
		-khtml-opacity: 0.6;
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	.bgFit {
		background-repeat: no-repeat!important;
		background-origin: border-box!important;
		background-size: 100%!important;
	}
	.image-gal {
		margin: auto;
		max-width: 50em;
	}
	.homeBox {
		min-height: 300px;
		color: white;
		text-align: left;
		max-width: 30em;
	}
	.homeBox div {
		position: absolute;
		top: 42%;
		left: 0%;
		right: 5%;
		z-index: 2;
		padding-left: 10px;
		padding-right: 10px;
		max-width: 30em;
	}
	.homebox div h3 {
		margin-left: 1em;
		font-weight: bold;
	}
	.homeBox div p {
		padding-top: 50px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.homeBox div img {
		width: 100%;
	}
	.white-link {
		color: #fff;
	}
	.imgFit {
		position: relative;
		width: 100%;
		height: auto;
		max-height: 500px;
		z-index: 1;
	}
	.footerPadding {
		padding-top: 0px;
		/*margin-top:3em;*/
	}
	.footer td {
		width: 20em;
	}
	.footer table {
		width: 100%;
	}
	a.flag {
		font-size: 16px;
		padding: 1px 0;
		background-repeat: no-repeat;
		background-image: url('../images/16a.png');
	}
	#google_translate_element2 {
		display: none!important;
	}
	.mainlogo {
		width: auto;
	}
}
@media (max-width: 500px) {
	.mainlogo {
		width: 90%;
	}
	a.flag {
		font-size: 16px;
		padding-right:8px;
		background-repeat: no-repeat;
		background-image: url('../images/16a.png');
	}
	.goog-te-gadget {
		display:none;
	}

div.ribbon {
  position: relative;
  left:-10px;
  top: -30px;
  width:50%;
	}
div.ribbon-desc {
	position: relative;
	left: -20px;
	top: 0px;
	padding-top:10px;
	padding-bottom:10px;
	}
}
@media (max-width: 767px) {
	.socialBoxes {
		float: left;
	
	}
	.fa {
		margin-right:5px;
	}
	div .customtrans {
		max-width: 15%;
		float: right;
	}
	.customtrans img {
		width: 100%;
		max-width: 15em;
		min-width: 15em;
		float: right;
		margin-right: .5em;
		overflow: hidden;
	}
	.medium {
		font-size: 18px;
		color: #015697;
		font-weight: bold;
		margin-top: 4px;
		margin-bottom: 20px;
	}
	/*  Product page */
	.hide-prodinfo {
		display: none;
	}
	.titles {
		color: #005696;
		font-weight: bold;
	}
	/*isotope*/
	.blockItem {
		display: inline-block;
		width: 98%;
		height: 300px;
		/*  border: 1px solid #3299BB;
     border-radius: 0;
    -webkit-box-shadow: 1px 4px 6px 2px #cccccc;
     box-shadow: 1px 4px 6px 2px #cccccc;*/
		background: #ffffff;
		margin: 5px;
		padding: 5px;
		text-align: center;
	}
	.blockItem img {
		margin: 0 auto;
		max-height: 180px!important;
	}
}
@media (min-width: 768px) {
	.nav-tabs{
		border-bottom: 1px solid #dddddd;
	}
	.nav {
		margin-bottom: 0;
		padding-left: 0;
		list-style: none !important;
	  }
	.nav-tabs li{
		float: left;
		margin-bottom: -1px;
	}
	.nav-tabs li a{
		margin-right: 2px;
		line-height: 1.42857143;
		border-bottom-color: transparent;
		border-left: 1px solid #015697;
		border-right: 1px solid #015697;
		border-top: 1px solid #015697;
		border-radius: 4px 4px 0 0;
		background-color: #e5e5e5;
	}
	.nav-tabs li a:hover{
		background: #005696 !important;
		border-color: #005696;
		color:#fff
	}
	.nav-tabs li.active a{
		background: #005696!important;
		color: #fff !important;
		border: none;
		border-bottom:1px solid white;
		border:1px solid #005696;
	}
	
	.blockItem {
		display: inline-block;
		vertical-align: top;
		padding: 5px;
		width: 23%;
		height: 260px;
		margin: 5px;
		/*   border: 1px solid #3299BB;
       border-radius: 2px;
         -webkit-box-shadow: 1px 4px 6px 2px #cccccc;
         box-shadow: 1px 4px 6px 2px #cccccc;*/
		background: #ffffff;
		text-align: center;
	}
	.blockItem img {
		max-height: 150px!important;
		margin: 0 auto;
	}
	/* ---- button ---- */
	.button {
		display: inline-block;
		outline: 0;
		padding: 0.5em 1.0em;
		border: 1px solid #3299BB;
		border-radius: 2px;
		/*
    -webkit-box-shadow: 1px 4px 6px 2px #cccccc;
    box-shadow: 1px 4px 6px 2px #cccccc;*/
		background: #ffffff;
		font-size: 16px;
		cursor: pointer;
	}
	.button:hover {
		background-color: #8CF;
		color: #222;
	}
	.button:active, .button.is-checked {
		background-color: #ccc;
	}
	.button.is-checked {
		color: black;
	}
	/*.button:active {
    box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}*/
	/* ---- button-group ---- */
	.button-group:after {
		content: '';
		display: block;
		clear: both;
	}
	.button-group .button {
		float: left;
		border-radius: 0;
		margin: 2px;
		/*margin-left: 0;
    margin-right: 0;*/
	}
	/*
.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }
*/
	/* ---- isotope ---- */
	/* clear fix */
	.blocks:after {
		content: '';
		display: block;
		clear: both;
	}
	/* ---- .element-item ---- */
	.element-item {
		position: relative;
		float: left;
		width: 100px;
		height: 100px;
		margin: 5px;
		padding: 10px;
		background: #888;
		color: #262524;
	}
	.element-item>* {
		margin: 0;
		padding: 0;
	}
	.element-item .name {
		position: absolute;
		left: 10px;
		top: 60px;
		text-transform: none;
		letter-spacing: 0;
		font-size: 12px;
		font-weight: normal;
	}
	.element-item .symbol {
		position: absolute;
		left: 10px;
		top: 0px;
		font-size: 42px;
		font-weight: bold;
		color: white;
	}
	.element-item .number {
		position: absolute;
		right: 8px;
		top: 5px;
	}
	.element-item .weight {
		position: absolute;
		left: 10px;
		top: 76px;
		font-size: 12px;
	}
	.element-item.alkali {
		background: #F00;
		background: hsl( 0, 100%, 50%);
	}
	.element-item.alkaline-earth {
		background: #F80;
		background: hsl( 36, 100%, 50%);
	}
	.element-item.lanthanoid {
		background: #FF0;
		background: hsl( 72, 100%, 50%);
	}
	.element-item.actinoid {
		background: #0F0;
		background: hsl( 108, 100%, 50%);
	}
	.element-item.transition {
		background: #0F8;
		background: hsl( 144, 100%, 50%);
	}
	.element-item.post-transition {
		background: #0FF;
		background: hsl( 180, 100%, 50%);
	}
	.element-item.metalloid {
		background: #08F;
		background: hsl( 216, 100%, 50%);
	}
	.element-item.diatomic {
		background: #00F;
		background: hsl( 252, 100%, 50%);
	}
	.element-item.halogen {
		background: #F0F;
		background: hsl( 288, 100%, 50%);
	}
	.element-item.noble-gas {
		background: #F08;
		background: hsl( 324, 100%, 50%);
	}
	.blockBox {
		border: 1px solid #cccccc;
		border-radius: 0;
		-webkit-box-shadow: 1px 4px 6px 2px #cccccc;
		box-shadow: 1px 4px 6px 2px #cccccc;
	}
	/* customized TDT1000 product page */
	.tdtextras {
		float: ;
		left';
 width: 300px;
	}
	.tdtregbutton {
		width: 200px;
		height: 70px;
		background-color: #015697;
		color: #fff;
		border-radius: 15px;
	}
	.tdtapp {
		height: 70px;
	}
	.apptitle {
		width: 100px;
		height: 10px;
		position: relative;
		top: -80px;
		left: 80px;
		display: block;
		margin: 10px;
		color: fff;
	}
	.appdl {
		width: 110px;
		height: 25px;
		position: relative;
		top: -80px;
		left: 80px;
		display: block;
		color: #000;
		border-radius: 7px;
	}
	@media (max-width: 700px) {
		.tdtextras {
			float: left;
			margin: 0px;
		}
	}
	/* language select box */
	#langBox {
		width: 330px;
		height: 100px;
		background-color: #e6e6e6;
		position: absolute;
		top: 55px;
		right: -10px;
		z-index: 999999;
		/*border:1px solid #015697;
border-radius:4px;*/
		padding: 0px;
	}
	#langBtn {
		height: 40px;
		display: inline;
		position: absolute;
		right: 200px;
		top: 20px;
	}
	#langBtn button {
		color: #999999;
		background-color: #fff;
		width: 120px;
		height: 32px;
		border: 0;
		border-radius: 0;
		padding: 0px;
		z-index: 99;
	}
	.languagebox {
		padding: 0px;
	}
	.languagebox ul li {
		font-size: 1px;
		float: left;
		margin-right: 10px;
		width: 85px;
		position: relative;
		top: -5px;
		left: -20px;
	}
	.languagebox ul {
		width: 100%;
	}
	.languagebox ul li a {
		font-size: 12px;
	}
	/* search button*/
	#sb {
		width: 40px;
		background-color: transparent;
		position: relative;
		top: -35px;
		right: -140px;
		border: none;
		margin: 0px;
		z-index: 99;
	}
	.searchfield {
		width: 220px;
		background-color: fff;
	}
	@media (max-width: 600px) {
		.productDescriptionImg {
			float: left !important;
			width: 100% !important;
			margin: 20px;
		}
		.productDescriptionImg {
			position: relative;
			top: -20px;
			min-width: 300px;
			float: right;
			width: 45%;
			max-width: 600px;
		}
		/* hidden elements */
		.multi {
			display: none;
		}
		/* extra tab on productdescription.html */
		.extraTab {
			display: inline-flex;
			width: 50%;
			min-width: 220px;
			max-height: 400px;
			flex-wrap: wrap;
		}
		.extraTab p {
			float: left;
			max-width: 200px;
			position: relative;
			top: 80px;
		}
		.extraImg {
			margin: auto;
			width: 50%;
			min-width: 200px;
			position: relative;
			top: -60px;
		}
		@media (max-width: 1200px) {
			.extraTab {
				max-height: 600px;
			}
			.extraTab p {
				margin: auto;
			}
			.echorangeExtra {
				width: 270px;
				height: 115px;
				float: right;
				position: relative;
				top: -100px;
				left: -50px;
				border: 3px solid #015697;
				border-radius: 5px;
				padding: 5px;
				display: flex;
				align-items: center;
				align-content: center;
			}
			.echorangeExtra img {
				width: 100px;
				margin-right: 4px;
			}
			.echorangeExtra p {
				flex-shrink: 1;
				width: 140px;
			}
			@media (max-width: 725px) {
				.echorangeExtra {
					float: left;
					top: 0;
					left: 0;
				}
				@media (max-width: 400px) {
					div.ribbon-desc{
						position:relative;
						left:0px;
						top:-5px;
						width: 50%;
					}
					.echorangeExtra {
						height: 225px;
						width: 125px;
						flex-wrap: wrap;
					}
					.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
						text-shadow: 0px 0px 0px 0px;
					}
				}