@font-face { font-family:HandelGothic;
             
             src: url('../font/handelgothic.eot?iefix') format('eot'),
             url('../font/HandelGothic.woff') format('woff'),
             url('../font/HandelGothic.ttf') format('truetype'),
             url('../font/HandelGothic.svg#svgFontName') format('svg');
}

@font-face{
	font-family:"Autoradiographic";
	
     src: url('../font/autoradiographic rg.eot?iefix') format('eot'),
             url('../font/AutoradiographicRg-Regular.woff') format('woff'),
             url('../font/autoradiographic rg.ttf') format('truetype'),
             url('../font/AutoradiographicRg-Regular.svg#svgFontName') format('svg');
}

.tooltip {
	display: inline;
	position: relative;
	z-index: 999;
    
}

/* Trigger text */

.tooltip-item {
	
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	padding: 0 10px;
}

/* Gap filler */

.tooltip-item::after {
	content: '';
	position: absolute;
	width: 360px;
	height: 50px;
	bottom: 100%;
	left: 50%;
	pointer-events: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.tooltip:hover .tooltip-item::after {
	pointer-events: auto;
}

.tooltip-text {
	font-size: 0.68em;
	line-height: 1.35;
    letter-spacing:1px;
	display: block;
	padding: 1.21em 1.21em 1.21em 0;
	color: #fff;
    font-family:Autoradiographic;
}

.tooltip-effect-5 .tooltip-text {
	padding: 1.4em;
}


/* Tooltip1 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.tooltip-content1 {
	position: absolute;
	z-index: 5;
	width: 360px;
	left: 50%;
	margin: 0 0 -40px -180px;
	bottom: 100%;
	text-align: left;
    border:1px solid white;
	font-size: 1.2em;
	line-height: 1.4;
	/*box-shadow: -5px -5px 15px #0094ff;*/
	background: #216283;
	opacity: 0;
	cursor: default;
	pointer-events: none;
}

}

.tooltip-content1 {
	position: absolute;
	z-index: 5;
	width: 360px;
	left: 50%;
	margin: 0px 0 -15px -180px;
	bottom: 50%;
	text-align: left;
    border:1px solid white;
	font-size: 1.2em;
	line-height: 1.4;
	/*box-shadow: -5px -5px 15px #0094ff;*/
	background: #216283;
	opacity: 0;
	cursor: default;
	pointer-events: none;
}

.tooltip-effect-1 .tooltip-content1 {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.tooltip:hover .tooltip-content1 {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

/* Arrow */

.tooltip-content1::after {
	content: '';
	top: 100%;
	left: 50%;
	border:1px solid;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color:transparent;
	border-top-color: #216283;
	border-width: 10px;
	margin-left: -10px;
}

/* Tooltip content*/

.tooltip-content1 img {
	position: relative;
	height: 170px;
	display: block;
	float: left;
	margin-right: 1em;
}

/* Tooltip2 */

.tooltip-content2 {
	position: absolute;
	z-index: 5;
	width: 360px;
	left: 50%;
	margin: 0px 0 -7px -180px;
	bottom: 50%;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.4;
	/*box-shadow: -5px -5px 15px #0094ff;*/
	background: #A83870;
	opacity: 0;
	cursor: default;
	pointer-events: none;
    border:1px solid white;
}

.tooltip-effect-1 .tooltip-content2 {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.tooltip:hover .tooltip-content2 {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

/* Arrow */

.tooltip-content2::after {
	content: '';
	top: 100%;
	left: 50%;
	border: 1px solid;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #A83870;
	border-width: 10px;
	margin-left: -10px;
}

/* Tooltip content*/

.tooltip-content2 img {
	position: relative;
	height: 170px;
	display: block;
	float: left;
	margin-right: 1em;
}

/* Tooltip3 */

.tooltip-content3 {
	position: absolute;
	z-index: 5;
	width: 360px;
	left: 50%;
	margin: 0px 0 -6px -180px;
	bottom: 50%;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.4;
	/*box-shadow: -5px -5px 15px #0094ff;*/
	background: #6E496E;
	opacity: 0;
	cursor: default;
	pointer-events: none;
    border:1px solid white;
}

.tooltip-effect-1 .tooltip-content3 {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.tooltip:hover .tooltip-content3 {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

/* Arrow */

.tooltip-content3::after {
	content: '';
	top: 100%;
	left: 50%;
	border:1px solid;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #6E496E;
	border-width: 10px;
	margin-left: -10px;
}

/* Tooltip content*/

.tooltip-content3 img {
	position: relative;
	height: 170px;
	display: block;
	float: left;
	margin-right: 1em;
}

/* Tooltip4 */

.tooltip-content4 {
	position: absolute;
	z-index: 5;
	width: 360px;
	left: 50%;
	margin: 0px 0 -7px -180px;
	bottom: 50%;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.4;
	/*box-shadow: -5px -5px 15px #0094ff;*/
	background: #8A2E2E;
	opacity: 0;
	cursor: default;
	pointer-events: none;
    border:1px solid white;
}

.tooltip-effect-1 .tooltip-content4 {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.tooltip:hover .tooltip-content4 {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

/* Arrow */

.tooltip-content4::after {
	content: '';
	top: 100%;
	left: 50%;
	border:1px solid;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #8A2E2E;
	border-width: 10px;
	margin-left: -10px;
}

/* Tooltip content*/

.tooltip-content4 img {
	position: relative;
	height: 170px;
	display: block;
	float: left;
	margin-right: 1em;
}

/* Tooltip5 */

.tooltip-content5 {
	position: absolute;
	z-index: 5;
	width: 360px;
	left: 50%;
	margin: 0px 0 -7px -180px;
	bottom: 50%;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.4;
	/*box-shadow: -5px -5px 15px #0094ff;*/
	background: #C13D1F;
	opacity: 0;
	cursor: default;
	pointer-events: none;
    border:1px solid white;
}

.tooltip-effect-1 .tooltip-content5 {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.tooltip:hover .tooltip-content5 {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

/* Arrow */

.tooltip-content5::after {
	content: '';
	top: 100%;
	left: 50%;
	border:1px solid;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #C13D1F;
	border-width: 10px;
	margin-left: -10px;
}

/* Tooltip content*/

.tooltip-content5 img {
	position: relative;
	height: 170px;
	display: block;
	float: left;
	margin-right: 1em;
}

/* Tooltip6 */

.tooltip-content6 {
	position: absolute;
	z-index: 5;
	width: 360px;
	left: 50%;
	margin: 0px 0 -7px -180px;
	bottom: 50%;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.4;
	/*box-shadow: -5px -5px 15px #0094ff;*/
	background: #49496E;
	opacity: 0;
	cursor: default;
	pointer-events: none;
    border:1px solid white;
}

.tooltip-effect-1 .tooltip-content6 {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.tooltip:hover .tooltip-content6 {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

/* Arrow */

.tooltip-content6::after {
	content: '';
	top: 100%;
	left: 50%;
	border:1px solid;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #49496E;
	border-width: 10px;
	margin-left: -10px;
}

/* Tooltip content*/

.tooltip-content6 img {
	position: relative;
	height: 170px;
	display: block;
	float: left;
	margin-right: 1em;
}

/* Tooltip7 */

.tooltip-content7 {
	position: absolute;
	z-index: 5;
	width: 360px;
	left: 50%;
    border:1px solid white;
	margin: 0px 0 -7px -180px;
	bottom: 50%;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.4;
	/*box-shadow: -5px -5px 15px #0094ff;*/
	background: #1F5C3D;
	opacity: 0;
	cursor: default;
	pointer-events: none;
}

.tooltip-effect-1 .tooltip-content7 {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.tooltip:hover .tooltip-content7 {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

/* Arrow */

.tooltip-content7::after {
	content: '';
	top: 100%;
	left: 50%;
	border:1px solid;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #1F5C3D;
	border-width: 10px;
	margin-left: -10px;
}

/* Tooltip content*/

.tooltip-content7 img {
	position: relative;
	height: 170px;
	display: block;
	float: left;
	margin-right: 1em;
}

/* Tooltip8 */

.tooltip-content8 {
	position: absolute;
	z-index: 5;
	width: 360px;
	left: 50%;
	margin: 0px 0 -7px -180px;
	bottom: 50%;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.4;
	/*box-shadow: -5px -5px 15px #0094ff;*/
	background: #2e4949;
	opacity: 0;
	cursor: default;
	pointer-events: none;
    border:1px solid white;
}

.tooltip-effect-1 .tooltip-content8 {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.tooltip:hover .tooltip-content8 {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

/* Arrow */

.tooltip-content8::after {
	content: '';
	top: 100%;
	left: 50%;
	border:1px solid;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #2e4949;
	border-width: 10px;
	margin-left: -10px;
}

/* Tooltip content*/

.tooltip-content8 img {
	position: relative;
	height: 170px;
	display: block;
	float: left;
	margin-right: 1em;
}

/* Tooltip9 */

.tooltip-content9 {
	position: absolute;
	z-index: 5;
	width: 360px;
	left: 50%;
	margin: 0px 0 -7px -180px;
	bottom: 50%;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.4;
	/*box-shadow: -5px -5px 15px #0094ff;*/
	background: #008080;
	opacity: 0;
	cursor: default;
	pointer-events: none;
    border:1px solid white;
}

.tooltip-effect-1 .tooltip-content9 {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.tooltip:hover .tooltip-content9 {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);

	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

/* Arrow */

.tooltip-content9::after {
	content: '';
	top: 100%;
	left: 50%;
	border:1px solid;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #008080;
	border-width: 10px;
	margin-left: -10px;
}

/* Tooltip content*/

.tooltip-content9 img {
	position: relative;
	height: 170px;
	display: block;
	float: left;
	margin-right: 1em;
}