.era_container{border: 1px solid #333;height: 200px;overflow: hidden;width: 100%;position: relative;background: url('../js/era/bg.jpg');background-size: cover;background-repeat: repeat-x;}
.era_year-olist {list-style: none;padding: 0;white-space: nowrap;bottom: 20px;position:absolute;}
.era_year-olist>li {background: #333;display: inline-block;margin: 2px;height: 44px;width: 236px;padding-left: 5px;color: #fff;font-size: 1.5em;line-height: 43px;}
.era_tooltip {height: 44px;top: 10px;width: 80%;position: absolute;left: 10%;color: #333;font-size: 1em;text-align: center;}
.era-splash {background: #333333;color: #fff;height: 100%;width: 100%;z-index: 100000;position: relative;display: block;text-align: center;font-size: 2em;}
.era_month-display {position: absolute;bottom: 99px;left: 10px;width: 32px;font-size: 0.8em;text-align: center;}
.era_year-display {position: absolute;bottom: 96px;left: 49px;}
.era_clock {position: absolute;bottom: 88px;font-size: 2.2em;left: 10px;}
.era_pointtoyear {position: absolute;top: 41px;left: 11px;font-size: 0.5em;}
.era_data-olist {position: absolute;bottom: 0;background: #999;width: 100%;margin-left: 0;padding-left: 0;list-style: none;}
.era_data-olist>li>span:hover{background: #f5bb73 !important;box-shadow: 4px 4px 18px #777;z-index: 10000;border: 1px solid #333;}
.era_data-olist>li>span {cursor: pointer;position: absolute;background: #333;border: 1px solid #333;height: 30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-left: 6px;padding-top: 2px;margin-left: 2px;color: #fff;}
.era_data-olist>li {position: absolute;}
.era_mini-date {position: relative;top: 0px;left: 22px;font-size: 0.9em;color: #888;}
.era_animatemenu{-webkit-animation:animatemenu 1s forwards;-moz-animation:animatemenu 1s forwards;-o-animation:animatemenu 1s forwards;animation:animatemenu 1s forwards;}
/*Opacity Fade in 0 - 1*/
@-webkit-keyframes animatemenu {0%{	}100%{background:rgba(51,51,51,0.9);width:50%;height:100%;color:#fff;}}
@-moz-keyframes animatemenu {0%{}100%{background:rgba(51,51,51,0.9);width:50%;height:100%;color:#fff;}}
@-o-keyframes animatemenu {0%{}100%{background:rgba(51,51,51,0.9);width:50%;height:100%;color:#fff;}}
@keyframes animatemenu {0%{}100%{background:rgba(51,51,51,0.9);width:50%;height:100%;color:#fff;}}
@-webkit-keyframes menureturn {0%{background:rgba(51,51,51,0.9);width:50%;height:100%;text-align: left;}100%{background:none;width:100px;height:44px;}}
@-o-keyframes menureturn {0%{background:rgba(51,51,51,0.9);width:50%;height:100%;text-align: left;}100%{background:none;width:100px;height:44px;}}
@-moz-keyframes menureturn {0%{background:rgba(51,51,51,0.9);width:50%;height:100%;text-align: left;}100%{background:none;width:100px;height:44px;}}
@keyframes menureturn {0%{background:rgba(51,51,51,0.9);width:50%;height:100%;text-align: left;}100%{background:none;width:100px;height:44px;}}
.era_animatemenu>i {right: 10px;left: auto !important;position: absolute !important;top:0;}
.era_animatemenu>span {opacity:0;}
.era_menulauncher>i {font-size: 2em;padding-top: 6px;left: 10px;position: relative;}
.era_menulauncher>i:hover{color:#f5bb73;cursor: pointer;}
.era_jump-left:hover{color:#f5bb73;cursor: pointer;-moz-user-select: none;-webkit-user-select: none;}
.era_jump-right:hover{color:#f5bb73;cursor: pointer;-moz-user-select: none;-webkit-user-select: none;}
.era_menulauncher>span {position: relative;top: -5px;}
.era_menulauncher {width: 126px;right: 0;font-size: 1em;height: 44px;z-index: 1000000;position: absolute;overflow: hidden;webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 00ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;}
.era_menulauncher h2 {font-size: 1.2em;color: #fff;width: 80%;border-bottom: 1px solid #fff;padding-bottom: 4px;left: 8px;position: relative;margin-bottom: 11px;padding-top: 20px;}
.era_menuwaiting {padding-left:10px;width: 126px;height: 44px;overflow: hidden;-webkit-animation: menureturn 0.3s forwards;-moz-animation: menureturn 0.3s forwards;-o-animation: menureturn 0.3s forwards;animation: menureturn 0.3s forwards;}
.era_checkbox>input{cursor: pointer;}
.era_menulauncher>.era_checkbox>label {display: inline-block;margin-bottom: 5px;font-weight: normal;color:#555;}
.era_checkbox>input[type='checkbox']:checked+label::after{content: "\f046";font-family: fontawesome;}
.era_checkbox{padding:5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-left: 40px;}
.era_checkbox>input[type='checkbox']:checked+label{color:#fff;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 00ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;}
.era_checkbox>input[type="checkbox"] {position: absolute;z-index: 100;height: 29px;width: 100%;left: 0;opacity: 0;margin: 0;padding: 0;}
.era_checkbox>input[type='checkbox']+label::after {content: "\f096";position: absolute;font-family: fontawesome;left: 9px;margin-top: -5px;font-size: 1.5em;color:#555;}
.era_checkbox>label::after {-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 00ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;}
.era_close-fullscreen {position: absolute;right: 10px;font-size: 2em;cursor: pointer;}
.era_fullscreen-popup{display:none;background: #333;height: 100%;width: 100%;position: absolute;z-index:10000000;color: #fff;}
.era_fullscreen-data {position: relative;top: 0;padding-bottom: 20px;padding-left: 20px;padding-right: 10px;overflow-y: auto;margin-right: 20px;max-height: 82%;padding-top: 0;}
.era_fullscreen-popup>h1 {font-size: 1.5em;top: 20px;left: 20px;border-bottom: 1px solid #fff;position: absolute;padding-bottom: 6px;width: 90%;}
.era_jump-left {position: absolute;height: 10%;font-size: 6em;left: 10px;color: rgba(51,51,51,0.7);}
.era_jump-right {position: absolute;height: 10%;font-size: 6em;right: 10px;color: rgba(51,51,51,0.7);z-index: 200000;}
input[type='checkbox']:checked+.era_label-catagory1::after{color:#CFB965;}
input[type='checkbox']:checked+.era_label-catagory2::after{color:#DA5A3D;}
input[type='checkbox']:checked+.era_label-catagory3::after{color:#C32440;}
input[type='checkbox']:checked+.era_label-catagory4::after{color:#542338;}
input[type='checkbox']:checked+.era_label-catagory5::after{color:#51777A;}
input[type='checkbox']:checked+.era_label-catagory6::after{color:#226666;}
input[type='checkbox']:checked+.era_label-catagory7::after{color:#7B9F35;}
input[type='checkbox']:checked+.era_label-catagory8::after{color:#888;}
.era_catagory1{background:#4E7F9C !important;}
.era_catagory2{background:#DA5A3D !important;}
.era_catagory3{background:#C32440 !important;}
.era_catagory4{background:#542338 !important;}
.era_catagory5{background:#51777A !important;}
.era_catagory6{background:#226666 !important;}
.era_catagory7{background:#7B9F35 !important;}
.era_catagory8{background:#888 !important;}
.era_fullscreen-data u:hover{color:#5C8B62;}
.era_fullscreen-data u {cursor: pointer;color: #85CC8E;text-decoration: none;padding-left: 2px;padding-right: 30px;}
.era_fullscreen-data u::after{content: "\f133";position: absolute;font-family: fontawesome;margin-left: 6px;margin-top: -3px;font-size: 1.4em;}
.era_fullscreen-popup>h1 {font-size: 1.5em;top: 0px;left: 20px;border-bottom: 1px solid #fff;position: relative;padding-bottom: 6px;width: 90%;font-family: 'Oswald', sans-serif;}
.era_embedded-feature {background: #fff;padding: 15px;height: 100%;}
.era_clear-search {position: absolute;left: -43px;color: #fff;margin-top: 14px;}
.era_fullscreen-jump-highlight{	background: #688fca !important;box-shadow: 4px 4px 18px #777;z-index: 10000;border: 1px solid #333;}
.era_search-input {height: 44px;width: 80%;border: 1px solid #fff;background: none;color: #fff;position: relative;float: left;left: 8px;padding-left: 10px;}
.era_search-button{height: 44px;position: relative;background: #fff;display: block;cursor: pointer;color: #333;text-align: center;line-height: 44px;margin: 0;float: right;left: -26px;width: 10%;}
.era_search-clear {height: 44px;position: absolute;display: block;cursor: pointer;color: #fff;text-align: center;line-height: 44px;margin: 0;right: 20%;}
.era_search-button .fa-search {height: 44px;width: 100%;line-height: 44px;top: 0;position: absolute;display: block;}
.era_search-button .fa-search{height: 44px;}
.era_search-button .fa-search:hover{background: #688fca;color:#fff;}
.era_search-clear:hover{color:#688fca;}
.era_search-modal {display: none;background: rgba(51,51,51,0.8);width: 100%;height: 96%;z-index: 2000;position: absolute;}
.era_slider {position: absolute;bottom: 10px;width: 95%;cursor: pointer;left: 2.5%;height: 11px;}
.era_scroll-arrows::after {content: "\f0da";position: absolute;font-family: fontawesome;font-size: 0.8em;right: 10px;color: #666;bottom: 6px;}
.era_scroll-arrows::before {content: "\f0d9";position: absolute;font-family: fontawesome;font-size: 0.8em;left: 11px;color: #666;bottom: 5px;}
.era_year-olist>li:last-child::after{width: 100%;height: 44px;display: inline-block;background: #333;content: "";margin-left: 180px;position: absolute;}
.era_search-input::-ms-clear {display: none;}
.era_fullscreen-data>p {text-align: justify;}
.era_fullscreen-data>p>img {float: left;padding-right: 12px;}
.era_fullscreen-data>p>a>img {float: left;padding-right: 12px;}
/*-------------------------- Fert Fox -----------------------------*/
.era_slider[type='range']::-moz-range-track{-moz-appearance: none;border:0;background:#ccc;padding:0;outline: none;z-index: 4000;height:12px;} 
/*-------------------------- GERGEL CHRERM -----------------------------*/
.era_slider[type='range']::-webkit-slider-thumb::after{content: "\f0c9";position: absolute;font-family: fontawesome;font-size: 0.8em;left:15px;color:#ccc;top:1px;}
.era_slider[type='range']::-webkit-slider-thumb{-webkit-appearance: none;width:44px;height: 20px;border-radius: 0;background: #ffffff;border:1px solid #666;position:relative;z-index:100;}
.era_slider[type='range']{-webkit-appearance: none;border:0;background:#f1f1f1;padding:0;outline: none;z-index: 4000;}
/*-------------------------- MICROFAIL -----------------------------*/
.era_slider[type='range']::-ms-track{border:0;background:#ccc;padding:0;outline: none;z-index: 4000;height:20px;} 
.era_slider[type='range']::-ms-thumb{width:44px;height: 20px;border-radius: 0;background: #ffffff;position:relative;z-index:100;} 
.era_slider[type='range']::-ms-fill-lower{background:#333;}
.era_slider[type='range']::-ms-tooltip{display:none;}
/*iPhone Vertical*/
@media only screen and (max-width : 350px){
	/*Opacity Fade in 0 - 1*/
	@-webkit-keyframes animatemenu {0%{	}100%{background:rgba(51,51,51,0.9);width:100%;height:100%;color:#fff;}}
	@-moz-keyframes animatemenu {0%{}100%{background:rgba(51,51,51,0.9);width:100%;height:100%;color:#fff;}}
	@-o-keyframes animatemenu {0%{}100%{background:rgba(51,51,51,0.9);width:100%;height:100%;color:#fff;}}
	@keyframes animatemenu {0%{}100%{background:rgba(51,51,51,0.9);width:100%;height:100%;color:#fff;}}
	@-webkit-keyframes menureturn {0%{background:rgba(51,51,51,0.9);width:100%;height:100%;text-align: left;}100%{background:none;width:100px;height:44px;}}
	@-o-keyframes menureturn {0%{background:rgba(51,51,51,0.9);width:100%;height:100%;text-align: left;}100%{background:none;width:100px;height:44px;}}
	@-moz-keyframes menureturn {0%{background:rgba(51,51,51,0.9);width:100%;height:100%;text-align: left;}100%{background:none;width:100px;height:44px;}}
	@keyframes menureturn {0%{background:rgba(51,51,51,0.9);width:100%;height:100%;text-align: left;}100%{background:none;width:100px;height:44px;}}
	.era_menulauncher {font-size: 0.8em;}
	.era_mini-date {margin-top: 0px;position: relative;top: auto;left: 15px;}
	.era_fullscreen-popup>h1 {left: 15px;font-size: 1em;position: relative;top: auto;margin-top: -20px;}
	.era_fullscreen-data {top: auto;}
	.era_close-fullscreen {position: relative;right: auto;text-align: right;padding-right: 10px;height: 44px;z-index: 500;}
	.era_tooltip {top: 34px;}
}
/* Iphone 6(+) */
@media only screen and (min-width:321px) and (max-width : 600px){
	/*Opacity Fade in 0 - 1*/
	@-webkit-keyframes animatemenu {0%{	}100%{background:rgba(51,51,51,0.9);width:100%;height:100%;color:#fff;}}
	@-moz-keyframes animatemenu {0%{}100%{background:rgba(51,51,51,0.9);width:100%;height:100%;color:#fff;}}
	@-o-keyframes animatemenu {0%{}100%{background:rgba(51,51,51,0.9);width:100%;height:100%;color:#fff;}}
	@keyframes animatemenu {0%{}100%{background:rgba(51,51,51,0.9);width:100%;height:100%;color:#fff;}}
	@-webkit-keyframes menureturn {0%{background:rgba(51,51,51,0.9);width:100%;height:100%;text-align: left;}100%{background:none;width:100px;height:44px;}}
	@-o-keyframes menureturn {0%{background:rgba(51,51,51,0.9);width:100%;height:100%;text-align: left;}100%{background:none;width:100px;height:44px;}}
	@-moz-keyframes menureturn {0%{background:rgba(51,51,51,0.9);width:100%;height:100%;text-align: left;}100%{background:none;width:100px;height:44px;}}
	@keyframes menureturn {0%{background:rgba(51,51,51,0.9);width:100%;height:100%;text-align: left;}100%{background:none;width:100px;height:44px;}}
	.era_mini-date {margin-top: 0px;position: relative;top: auto;left: 15px;}
	.era_fullscreen-popup>h1 {left: 15px;font-size: 1em;position: relative;top: auto;margin-top: -20px;}
	.era_fullscreen-data {top: auto;}
	.era_close-fullscreen {position: relative;right: auto;text-align: right;padding-right: 10px;height: 44px;z-index: 500;}
	.era_tooltip {top: 34px;}
}