/* CSS Document */

#tno_i_landscape {
	display:inline-block;
	float:left;
	width:100%;
	height:100%;
	position:absolute;
}

#console {
	position:fixed;
	width:200px;
	height:50px;
	background-color:#fff;
	z-index: 999;
	top:0px;
	left:0px;
	display:none;
}


/*#tno_i_center_all {
	display:inline-block;
	float:left;
	width:100%;
	height:100%;
	position:relative;
	
	left:0px;
}*/

#tno_i_total {
	display:inline-block;
	float:left;
	width:100%;
	height:auto;
	height:95%;
	position:fixed;
	top:0px;
	left:0px;
	background-color:#F4F4F4;
	background-color:#d0d0d8;
	z-index:300;
}

#tno_i_total .total_data {
	display:inline-block;
	float:left;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	overflow-y:auto;
}

#tno_i_total .total_data .total_data_left {
	display:inline-block;
	float:left;
	width:25%;
	height:100%;
	position:fixed;
	left:0px;
	z-index:300;
}

#tno_i_total .total_data .total_data_left .total_data_avtr {
	position:absolute;
	float:left;
	display:inline-block;
	width:100%;
	left:0px;
	top:50%;
	transform: translateY(-50%);
	height:auto;
	text-align:center;
	z-index:310;
}

#tno_i_total .total_data .total_data_left .total_data_avtr img {
	width:auto;
	height:auto;
	max-width:50%;
	padding:5%;
	border-left:5px solid #F4F4F4;
	border-bottom:5px solid #F4F4F4;
}

#tno_i_total .total_data .total_data_right {
	display:inline-block;
	float:right;
	width:75%;
	margin:0px 0px 0px 0px;
	left:25%;
	min-height:100%;
	height:auto;
	position:absolute;
	z-index:300;
}

#tno_i_total .total_data .total_data_right .total_data_titles {
	display:inline-block;
	float:left;
	position:absolute;
	left:35%;
	width:65%;
	height:auto;
	top:50px;
	z-index:310;
}

#tno_i_total .total_data .total_data_right .total_data_titles_stripe {
	position:absolute;
	left:-10%;
	top:1.1vw;
	height:0.3vw;
	background-color:#E6E6E6;
	width:96%;
	display:inline-block;
	float:left;
	z-index:310;
}

#tno_i_total .total_data .total_data_right .total_data_titles_title {
	display:inline-block;
	float:left;
	width:40%;
	margin:0px 5% 0px 5%;
	z-index:320;
	position:relative;
	font-family:'Arial';
	text-transform:uppercase;
	letter-spacing: 1px;
	font-size:2vw;
	font-weight:bold;
	color:#4f5050;
}


#tno_i_total .total_data .total_data_right .total_data_backgrounds {
	position:absolute;
	height:100%;
	width:100%;
	display:inline-block;
	float:left;
	left:0px;
}

#tno_i_total .total_data .total_data_right .total_data_backgrounds .total_data_bg_labels {
	display:inline-block;
	float:left;
	width:35%;
	height:100%;
	position:absolute;
	left:0px;
	background-color:#4f5050;
}

#tno_i_total .total_data .total_data_right .total_data_backgrounds .total_data_bg_subgroup {
	display:inline-block;
	float:left;
	width:32.25%;
	margin:0px 0px 0px 35%;
	height:100%;
	position:absolute;
	left:0px;
	
}

#tno_i_total .total_data .total_data_right .total_data_backgrounds .total_data_bg_splitter {
	display:inline-block;
	float:left;
	width:0.5%;
	margin:0px 0px 0px 67.25%;
	height:100%;
	position:absolute;
	background-color:#4f5050;
	left:0px;
}

#tno_i_total .total_data .total_data_right .total_data_backgrounds .total_data_bg_sector {
	display:inline-block;
	float:left;
	width:32.25%;
	margin:0px 0px 0px 67.75%;
	height:100%;
	position:absolute;
	left:0px;
}

#tno_i_total .total_data .total_data_right .total_data_data {
	display:inline-block;
	float:left;
	width:100%;
	height:auto;
	position:relative;
	margin:120px 0px 0px 0px;
	text-align:left;
}

#tno_i_total .total_data .total_data_right .total_data_data .total_data_disclaimer {
	display:inline-block;
	float:left;
	width:33%;
	height:auto;
	position:relative;
	margin:5vw 0px 10px 1%;
	text-align:left;
	font-size:0.7vw;
	color:#FFF;
	font-family:'Merriweather', 'Geneva', 'Verdana', sans-serif;
}

#tno_i_total .total_data .total_data_right .total_data_data .total_data_disclaimer div {
	display:inline-block;
	float:left;
	width:100%;
	height:auto;
	position:relative;
}

#tno_i_total .total_data .total_data_right .total_data_data .total_data_item {
	display:inline-block;
	float:left;
	width:100%;
	height:auto;
	position:relative;
	
}

#tno_i_total .total_data .total_data_right .total_data_data .total_data_item .total_data_label {
	padding:2vw 1% 0px 0px;
	margin:0px 0px 0px 1%;
	height:auto;
	line-height:0.8vw;
	width:33%;
	display:inline-block;
	float:left;
	border-bottom:1px solid #DADADA;
	text-align:left;
	font-size:0.8vw;
	color:#FFF;
	font-family:'Merriweather', 'Geneva', 'Verdana', sans-serif;
	
}

#tno_i_total .total_data .total_data_right .total_data_data .total_data_item .total_data_value_box {
	display:inline-block;
	float:left;
	width:28.25%;
	margin:0px 2% 0px 2%;
	position:absolute;
	left:35%;
	bottom:0px;
	height:2.2vw;
	background: #414FB8;
	background: -webkit-linear-gradient(left, #414FB8 0%, #8CAECB 100%);
	background: -o-linear-gradient(left, #414FB8 0%, #8CAECB 100%);
	background: linear-gradient(to right, #414FB8 0%, #8CAECB 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414FB8', endColorstr='#8CAECB',GradientType=1 );
}

#tno_i_total .total_data .total_data_right .total_data_data .total_data_item .total_data_value_box.default {
	background: #7c2577;
	background: -webkit-linear-gradient(left, #7c2577 0%, #cb8cba 100%);
	background: -o-linear-gradient(left, #7c2577 0%, #cb8cba 100%);
	background: linear-gradient(to right, #7c2577 0%, #cb8cba 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c2577', endColorstr='#cb8cba',GradientType=1 );
	left:67.75%;
}

#tno_i_total .total_data .total_data_right .total_data_data .total_data_item .total_data_value_box .total_data_bar {
	display:inline-block;
	float:right;
	border-left:1px solid #DADADA;
	background-color:#d0d0d8;
	position:absolute;
	height:100%;
	right:0px;
}

#tno_i_total .total_data .total_data_right .total_data_data .total_data_item .total_data_value_box .total_data_value {
	position:absolute;
	width:auto;
	left:10%;
	height:auto;
	top: 50%;
  	transform: translateY(-50%);
	bottom:0px;
	font-size:0.8vw;
	text-align:center;
	color:#FFF;
}

#tno_i_total #total_data_scrolldown {
	position:fixed;
	right:50px;
	bottom:70px;
	width:50px;
	height:50px;
	z-index:320;
	background-color:#2fa9b6;
	background-color:#4f5050;
	display:inline-block;
	float:left;
	text-align:center;
	line-height:50px;
	color:#FFF;
	border-radius:5px;
	transistion:all .2s ease-in-out;
}

#tno_i_total #total_data_scrolldown i {
	font-size:25px;
	line-height:50px;
}

#tno_i_total #total_data_scrolldown:hover {
	cursor:pointer;
	opacity:0.8;
}

#tno_i_base {
	display:inline-block;
	float:left;
	height:95%;
	position:relative;
	left:0px;
}

#tno_i_base #tno_i_backlayer {
	position:absolute;
	display:inline-block;
	left:0px;
	z-index:-100;
}

#tno_i_base #tno_i_backlayer_images {
	position:absolute;
	display:inline-block;
	left:0px;
	z-index:-75;
}

#tno_i_base #tno_i_frontlayer {
	position:absolute;
	display:inline-block;
	left:2.405%;
	left:0px;
	z-index:100;
	top:10.9%;
	top:0px;
	float:left;
}

#tno_i_base #tno_i_data {
	position:absolute;
	display:inline-block;
	float:left;
	width:100%;
	height:100%;
	z-index:200;
	left:0px;
}

#tno_i_base #tno_i_data .tno_i_data_button {
	background-color:#6ea3c4;
	color:#FFF;
	display:inline-block;
	float:left;
	height:auto;
	line-height:30px;
	width:auto;
	padding:0px 15px 0px 15px;
	border-radius:2px;
	border-bottom:2px solid #000;
	position:absolute;
	z-index:200;
	font-family:'Franklin Gothic';
	text-transform:uppercase;
	font-size:1em;
}

#tno_i_base #tno_i_data .tno_i_data_button:hover {
	cursor:pointer;
	opacity:0.8;
}

#tno_i_footer {
	position:fixed;
	bottom:0px;
	width:100%;
	height:5%;
	left:0px;
	z-index:300;
	background-color:#A8A8A8;
	display:inline-block;
	float:left;
}
#tno_i_footer_logo {
	display:inline-block;
	float:left;
	width:10%;
	height:75%;
	position:absolute;
	top:12.5%;
	left:2%
}

#tno_i_footer_logo #tno_i_footer_logo_img {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	position: absolute;
 	bottom:0%;
	left:0px;
}

#tno_i_avtr {
	position:fixed;
	left:8%;
	width:auto;
	height:40%;
	bottom:15%;
	z-index:0;
	
}

#tno_i_avtr img {
	display:inline-block;
	float:left;
	width:auto;
	height:100%;
	position:absolute;
	left:0px;
}


#sector_image {
	left:0.84%;
	position:absolute;
}


.tno_i_data_button#button1 {
	left:2.85%;
	top:10%;
}

.tno_i_data_button#button2 {
	left:4.02%;
	top:37%;
}

/*.tno_i_data_button#button3 {
	left:5.15%;
	top:10%;
}*/

.tno_i_data_button#button4 {
	left:6.22%;
	top:12%;
}

.tno_i_data_button#button5_a {
	left:5.1%;
	top:42%;
}

.tno_i_data_button#button5_b {
	left:5.5%;
	top:47%;
}

.tno_i_data_button#button6 {
	left:7.62%;
	top:52%;
}


.tno_i_data_button#button8 {
	left:9.609%;
	top:43%;
}

/*.tno_i_data_button#button9 {
	left:9.55%;
	top:78%;
}*/


.tno_i_data_button#button10 {
	left:17.5%;
	top:41%;
}

.tno_i_data_button#button7 {
	left:18.75%;
	top:41%;
}

.tno_i_data_button#button11 {
	left:21.85%;
	top:4%;
}

.tno_i_data_button#button12 {
	left:24.19%;
	top:44.2%;
}

.tno_i_data_button#button13 {
	left:28.15%;
	top:32%;
}

.tno_i_data_button#button14_a {
	left:30.01%;
	top:26%;
}

.tno_i_data_button#button14_b {
	left:30.0%;
	top:32%;
}

.tno_i_data_button#button15_a {
	left:31.65%;
	top:39%;
}

.tno_i_data_button#button15_b {
	left:31.8%;
	top:77%;
}


.tno_i_data_button#button16 {
	left:40.7%;
	top:38%;
}

.tno_i_data_button#button17 {
	left:41.66%;
	top:95%;
}

.tno_i_data_button#button18 {
	left:43.1%;
	top:30%;
}

.tno_i_data_button#button19 {
	left:44.2%;
	top:95%;
}

.tno_i_data_button#button20 {
	left:46.9%;
	top:43%;
}

.tno_i_data_button#button21 {
	left:48.95%;
	top:8%;
}

.tno_i_data_button#button22 {
	left:51.5%;
	top:30%;
}

.tno_i_data_button#button23 {
	left:54.3%;
	top:1%;
}

.tno_i_data_button#button24 {
	left:54.5%;
	top:49%;
}


.tno_i_data_button#button25_a {
	left:67.73%;
	top:67%;
}

.tno_i_data_button#button25_b {
	left:67.735%;
	top:87%;
}

.tno_i_data_button#button26 {
	left:66.63%;
	top:6%;
}

.tno_i_data_button#button27 {
	left:64.58%;
	top:32%;
}

.tno_i_data_button#button28 {
	left:68.15%;
	top:32%;
}

.tno_i_data_button#button29 {
	left:73.24%;
	top:37%;
}

.tno_i_data_button#button30 {
	left:75.75%;
	top:25%;
}

.tno_i_data_button#button31 {
	left:78.7%;
	top:30%;
}

.tno_i_data_button#button32 {
	left:80.4%;
	top:57%;
}

.tno_i_data_button#button33 {
	left:83.5%;
	top:30%;
}

.tno_i_data_button#button34 {
	left:86.610%;
	top:25%;
}

#tno_i_data_screen_bg {
	display:inline-block;
	float:left;
	width:100%;
	height:100%;
	position:fixed;
	background-color:#000;
	opacity:0.5;
	z-index:210;
	left:0px;
	top:0px;
}

.tno_i_data_screen {
	display:inline-block;
	float:left;
	border:5px solid #f8cae0;
	
	background-color:#FFF;
	position:fixed;
	width:70%;
	min-height:40%;
	height:auto;
	left:15%;
	top:25%;
	z-index:220;
	overflow:hidden;
	
}


.tno_i_data_screen .tno_i_data_screen_title {
	display:inline-block;
	float:left;
	width:90%;
	margin:5px 5% 0px 5%;
	line-height:40px;
	font-family:'Franklin Gothic';
	font-family:'Arial';
	text-transform:uppercase;
	letter-spacing: 1px;
	font-size:22px;
	font-weight:bold;
}

.tno_i_data_screen .tno_i_data_screen_content {
	display:inline-block;
	float:left;
	width:95%;
	margin:10px 2.5% 10px 2.5%;
	font-family:'Franklin Gothic';
	text-align:left;
	
	height:auto;
}

.tno_i_data_screen .tno_i_data_screen_row {
	display:inline-block;
	float:left;
	width:100%;
	line-height:30px;
	height:auto;
	letter-spacing:1px;
	font-size:17px;
	margin:15px 0px 15px 0px;
}

.tno_i_data_screen .tno_i_data_screen_row span {
	font-size:19px;
	color:#649EC9;
	line-height:30px;
}

.tno_i_data_screen .tno_i_data_screen_sub_row {
	display:inline-block;
	float:left;
	width:100%;
	line-height:25px;
	height:auto;
	letter-spacing:1px;
	font-size:14px;
}

.tno_i_data_screen .tno_i_data_screen_sub_row span {
	font-size:15px;
	color:#649EC9;
	line-height:25px;
}


.tno_i_data_screen .tno_i_data_screen_legend {
	display:inline-block;
	float:right;
	width:auto;
	clear:both;
	margin:15px 0px 0px 0px;
}

.tno_i_data_screen .tno_i_data_legend_item {
	display:inline-block;
	float:left;
	width:auto;
	height:auto;
	margin:0px 5px 0px 5px;
}

.tno_i_data_screen .tno_i_data_legend_color {
	display:inline-block;
	float:left;
	width:15px;
	height:15px;
	margin:5px 0px 5px 0px;
}

.tno_i_data_screen .tno_i_data_legend_value {
	display:inline-block;
	float:left;
	width:auto;
	height:auto;
	margin:0px 0px 0px 10px;
	line-height:25px;
}

.tno_i_data_screen .tno_i_data_screen_row .tno_i_data_screen_avtr {
	display:inline-block;
	float:left;
	width:12%;
	height:70px;
	text-align:center;
}

.tno_i_data_screen .tno_i_data_screen_row .tno_i_data_screen_avtr img {
	width:auto;
	height:70px;
}

.tno_i_data_screen .tno_i_data_screen_row .tno_i_data_screen_btn {
	background-color:#6ea3c4;
	color:#FFF;
	display:inline-block;
	float:left;
	width:12%;
	height:40px;
	line-height:40px;
	margin:15px 0px 15px 0px;
	text-align:center;
	z-index:200;
	font-family:'Franklin Gothic';
	text-transform:uppercase;
	font-size:.5em;
}

.tno_i_data_screen .tno_i_data_screen_row .tno_i_data_screen_percentage_bar {
	display:inline-block;
	float:left;
	width:85%;
	height:70px;
	margin:0px 0px 0px 3%;
	position:relative;
}

.tno_i_data_screen .tno_i_data_screen_row .tno_i_data_screen_percentage_bar .tno_i_data_screen_percentage {
	display:inline-block;
	float:left;
	height:70px;
	margin:0px;
	text-align:center;
	line-height:70px;
	font-size:.7em;
	color:#FFF;
}

.tno_i_data_screen .tno_i_data_screen_row .tno_i_data_screen_percentage_bar .tno_i_data_screen_percentage.extra_width {
	padding:0px 25px 0px 25px;
}



.tno_i_data_screen .tno_i_data_legend_item:first-child .tno_i_data_legend_color, 
.tno_i_data_screen .tno_i_data_screen_row .tno_i_data_screen_percentage_bar .tno_i_data_screen_percentage:first-child,
.tno_i_data_screen .tno_i_data_screen_bar_group .tno_i_data_screen_bar:nth-child(1) .tno_i_data_screen_percentage {
	background-color:#4574c6;
}

.tno_i_data_screen .tno_i_data_legend_item:nth-child(2) .tno_i_data_legend_color, 
.tno_i_data_screen .tno_i_data_screen_row .tno_i_data_screen_percentage_bar .tno_i_data_screen_percentage:nth-child(2),
.tno_i_data_screen .tno_i_data_screen_bar_group .tno_i_data_screen_bar:nth-child(2) .tno_i_data_screen_percentage { 
	background-color:#ef7e31;
}

.tno_i_data_screen .tno_i_data_legend_item:nth-child(3) .tno_i_data_legend_color, 
.tno_i_data_screen .tno_i_data_screen_row .tno_i_data_screen_percentage_bar .tno_i_data_screen_percentage:nth-child(3),
.tno_i_data_screen .tno_i_data_screen_bar_group .tno_i_data_screen_bar:nth-child(3) .tno_i_data_screen_percentage { 
	background-color:#d6267b;
}

.tno_i_data_screen .tno_i_data_legend_item:nth-child(4) .tno_i_data_legend_color, 
.tno_i_data_screen .tno_i_data_screen_row .tno_i_data_screen_percentage_bar .tno_i_data_screen_percentage:nth-child(4),
.tno_i_data_screen .tno_i_data_screen_bar_group .tno_i_data_screen_bar:nth-child(4) .tno_i_data_screen_percentage { 
	background-color:#25BAD6;
}

.tno_i_data_screen .tno_i_data_legend_item:nth-child(5) .tno_i_data_legend_color, 
.tno_i_data_screen .tno_i_data_screen_row .tno_i_data_screen_percentage_bar .tno_i_data_screen_percentage:nth-child(5),
.tno_i_data_screen .tno_i_data_screen_bar_group .tno_i_data_screen_bar:nth-child(5) .tno_i_data_screen_percentage { 
	background-color:#24D6A7;
}

.tno_i_data_screen .tno_i_data_legend_item:nth-child(6) .tno_i_data_legend_color, 
.tno_i_data_screen .tno_i_data_screen_row .tno_i_data_screen_percentage_bar .tno_i_data_screen_percentage:nth-child(6),
.tno_i_data_screen .tno_i_data_screen_bar_group .tno_i_data_screen_bar:nth-child(6) .tno_i_data_screen_percentage { 
	background-color:#2454D6;
}

.tno_i_data_screen .tno_i_data_legend_item:nth-child(7) .tno_i_data_legend_color, 
.tno_i_data_screen .tno_i_data_screen_row .tno_i_data_screen_percentage_bar .tno_i_data_screen_percentage:nth-child(7),
.tno_i_data_screen .tno_i_data_screen_bar_group .tno_i_data_screen_bar:nth-child(7) .tno_i_data_screen_percentage { 
	background-color:#C9D624;
}

.tno_i_data_screen .tno_i_data_legend_item:nth-child(8) .tno_i_data_legend_color, 
.tno_i_data_screen .tno_i_data_screen_row .tno_i_data_screen_percentage_bar .tno_i_data_screen_percentage:nth-child(8),
.tno_i_data_screen .tno_i_data_screen_bar_group .tno_i_data_screen_bar:nth-child(8) .tno_i_data_screen_percentage { 
	background-color:#AE24D6;
}

.tno_i_data_screen .tno_i_data_legend_item:nth-child(9) .tno_i_data_legend_color, 
.tno_i_data_screen .tno_i_data_screen_row .tno_i_data_screen_percentage_bar .tno_i_data_screen_percentage:nth-child(9),
.tno_i_data_screen .tno_i_data_screen_bar_group .tno_i_data_screen_bar:nth-child(9) .tno_i_data_screen_percentage { 
	background-color:#49D623;
}


.tno_i_data_screen .tno_i_data_disclaimer {
	display:inline-block;
	float:left;
	width:95%;
	margin:10px 2.5% 10px 2.5%;
	font-family:'Franklin Gothic';
	text-align:left;
	letter-spacing: 1px;
	font-size:1em;
	line-height:25px;
	height:auto;
}

.tno_i_data_screen_diagram {
	display:inline-block;
	float:left;
	width:100%;
	height:auto;
	position:relative;
}

.tno_i_data_screen_diagram .tno_i_data_screen_bars {
	display:table;
	width:auto;
	margin:auto;
	height:auto;
	position:relative;
	padding:0px 0px 80px 0px;
}

.tno_i_data_screen_diagram .tno_i_data_screen_bars .tno_i_data_screen_bar_group {
	display:inline-block;
	flaot:left;
	width:auto;
	height:auto;
	margin:0px 20px 0px 20px;
}

.tno_i_data_screen_diagram .tno_i_data_screen_bars .tno_i_data_screen_bar {
	display:inline-block;
	float:left;
	width:50px;
	height:190px;
	padding:0px 0px 0px 0px;
	margin:0px 5px 30px 5px;
	position:relative;
}

.tno_i_data_screen_bar .tno_i_data_screen_percentage {
	width:48px;
	margin:0px 1px 0px 1px;
	display:inline-block;
	float:left;
	position:absolute;
	bottom:0px;
	left:0px;
}
.tno_i_data_screen_bar .tno_i_data_screen_percentage span {
	position:absolute;
	bottom:-30px;
	display:inline-block;
	float:left;
	width:100%;
	height:30px;
	line-height:30px;
	left:0px;
}

.tno_i_data_screen_diagram .tno_i_data_screen_bar_group_legend {
	display:inline-block;
	float:left;
	width:100%;
	height:80px;
	bottom:0px;
	position:absolute;
	left:0px;
}

.tno_i_data_screen_diagram .tno_i_data_screen_bar_group_legend_avatar {
	display:inline-block;
	float:left;
	width:40%;
	margin:0px 5% 0px 5%;
	line-height:80px;
	text-align:center;
}

.tno_i_data_screen_diagram .tno_i_data_screen_bar_group_legend_avatar img {
	height:auto;
	width:auto;
	max-height:80px;
}

.tno_i_data_screen_diagram .tno_i_data_screen_bar_group_legend_btn {
	background-color:#6ea3c4;
	color:#FFF;
	display:table;
	margin:20px auto;
	width:12%;
	height:40px;
	line-height:40px;
	padding:0px 10px 0px 10px;
	text-align:center;
	z-index:200;
	font-family:'Franklin Gothic';
	text-transform:uppercase;
	font-size:.8em;
}

.tno_i_data_screen_bar .tno_i_data_screen_bar_bottom .tno_i_data_screen_bar_bottom_block {
	display:inline-block;
	float:left;
	width:48px;
	margin:35px 1px 0px 1px;
	height:40px;
	line-height:40px;
	text-align:center;
}

.tno_i_data_screen_bar .tno_i_data_screen_bar_bottom .tno_i_data_screen_bar_bottom_block img {
	width:auto;
	height:auto;
	max-height:100%;
	max-width:100%;
}




#tno_i_change_button {
	display:inline-block;
	float:left;
	width:auto;
	position:relative;
	margin:0px 0px 0px 5vw;
	top: 50%;
  	transform: translateY(-50%);
	height:auto;
	line-height:25px;
	text-transform: uppercase;
	font-size:0.7em;
	font-size:0.6vw;
	font-family:'Merriweather', 'Geneva', 'Verdana', sans-serif;
	font-family:'Franklin Gothic','Merriweather', 'Geneva', 'Verdana', sans-serif;
	letter-spacing: 1px;
	background-color:#D8D8D8;
	border-radius:3px;
	padding:0px 1vw 0px 1vw;
	transition:all .3s ease-in-out;
	
}

#tno_i_landscape_selector {
	display:inline-block;
	float:left;
	width:auto;
	margin:0px 0px 0px 14%;
	height:100%;
	position:relative;
}

.tno_i_landscape_selector {
	display:inline-block;
	float:left;
	position:relative;
	margin:auto 0.8vw;
	top: 50%;
  	transform: translateY(-50%);
	height:auto;
	line-height:25px;
	text-transform: uppercase;
	font-size:0.7em;
	font-size:0.6vw;
	font-family:'Franklin Gothic';
	font-family:'Franklin Gothic','Merriweather', 'Geneva', 'Verdana', sans-serif;
	letter-spacing: 1px;
	background-color:#D8D8D8;
	border-radius:3px;
	padding:0px 0.8vw;
	transition:all .3s ease-in-out;
	width:auto;
}


.tno_i_landscape_selector.current,
.tno_i_landscape_selector:hover,
#tno_i_change_button:hover {
	background-color:#FCFCFC;
	cursor:pointer;
}


#tno_i_landscape_choice {
	display:inline-block;
	float:left;
	width:auto;
	margin:0px 0px 0px 20px;
	height:auto;
	line-height:25px;
	font-family:'Franklin Gothic';
	letter-spacing:1px;
	font-size:0.8em;
	position:relative;
	top: 50%;
  	transform: translateY(-50%);
	display:none;
}

#tno_i_landscape_manual {
	position:fixed;
	display:inline-block;
	float:left;
	width:50%;
	height:auto;
	min-height:50%;
	top:25%;
	left:25%;
	z-index:400;
	background-image: url('../../assets/backgrounds/transparent_000_80.png');
	background-repeat: repeat;
	border-radius:5px;
	border:1px solid #7B7B7B;
	box-shadow:0px 0px 10px #444;
}

#tno_i_landscape_manual .tno_i_landscape_manual_button {
	width:7%;
	position:absolute;
	height:100%;
	top:50%;
	height:auto;
	transform: translateY(-50%);
	font-size:35px;
	color:#FFF;
	text-align:center;
	transition:all .2s ease-in-out;
	cursor:pointer;
}

#tno_i_landscape_manual .tno_i_landscape_manual_button:hover {
	opacity:0.8;
}

#tno_i_landscape_manual #manual_button_1.tno_i_landscape_manual_button {
	left:0px;
}

#tno_i_landscape_manual #manual_button_2.tno_i_landscape_manual_button {
	right:0px;
}

#tno_i_landscape_manual .tno_i_landscape_manual_bullets {
	display:inline-block;
	float:left;
	width:100%;
	height:auto;
	padding:5px 0px 5px 0px;
	display:none;
	
}

#tno_i_landscape_manual .tno_i_landscape_manual_close {
	position:absolute;
	right:15px;
	top:10px;
	display:inline-block;
	float:left;
	width:auto;
	height:auto;
	font-family:Arial;
	font-size:1.2em;
	text-decoration:underline;
	color:#FFF;
	text-transform:uppercase;
	cursor:pointer;
	z-index:410;
}

#tno_i_landscape_manual .tno_i_landscape_manual_step {
	display:inline-block;
	float:left;
	width:86%;
	height:auto;
	top:0px;
	position:relative;
	left:7%;
}

#tno_i_landscape_manual .tno_i_landscape_manual_title {
	color:#6ea3c4;
	color:#CEE2EE;
	display:inline-block;
	float:left;
	width:90%;
	margin:3% 0px 0px 5%;
	height:auto;
	text-align:left;
	line-height:30px;
	font-family: Arial;
	font-size:2.5em;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-style:italic;
	position:relative;
}

#tno_i_landscape_manual .tno_i_landscape_manual_text {
	color:#CEE2EE;
	display:inline-block;
	float:left;
	width:90%;
	margin:2% 0px 0px 5%;
	height:auto;
	text-align:left;
	line-height:30px;
	font-family: Arial;
	font-size:1.2em;
	letter-spacing: 1px;
	position:relative;
}

#tno_i_landscape_manual .tno_i_landscape_manual_arrow {
	display:inline-block;
	float:left;
	width:46%;
	height:auto;
	margin:15px 2% 0px 2%;
}

#tno_i_landscape_manual .tno_i_landscape_manual_arrow img {
	width:auto;
	height:auto;
	max-width:90%;
	
}

#tno_i_landscape_manual .tno_i_landscape_manual_instruction_image {
	display:inline-block;
	float:left;
	width:46%;
	height:auto;
	margin:15px 2% 0px 2%;
	text-align:center;
}

#tno_i_landscape_manual .tno_i_landscape_manual_instruction_image img {
	width:auto;
	height:auto;
	max-width:90%;
	max-height:200px;
	
}


@media (max-width:950px) { 
	#tno_i_change_button {
		float:right;
		margin:0px 50px 0px 0px;
		font-family:'Franklin Gothic','Merriweather', 'Geneva', 'Verdana', sans-serif;
		text-transform: none;
		font-size:0.7em;
		
	}

	#tno_i_landscape_selector {
		display:none;
	}

	#tno_i_landscape {
		display:inline-block;
		float:left;
		width:100%;
		height:100%;
		position:absolute;
	}

	
	

	#tno_i_footer {
		position:fixed;
		bottom:0px;
		width:100%;
		height:5%;
		left:0px;
		z-index:300;
		background-color:#A8A8A8;
		display:inline-block;
		float:left;
	}
	#tno_i_footer_logo {
		display:inline-block;
		float:left;
		width:auto;
		height:75%;
		position:absolute;
		top:12.5%;
		left:2%
	}

	#tno_i_footer_logo #tno_i_footer_logo_img {
		width:auto;
		height:100%;
		position:relative;
		bottom:0%;
		left:0px;
	}

	
	#tno_i_total .total_data .total_data_left {
		display:none;
	}

	
	#tno_i_total .total_data .total_data_right {
		display:inline-block;
		float:right;
		width:100%;
		margin:0px 0px 0px 0px;
		left:0px;
		min-height:100%;
		height:auto;
		position:absolute;
		z-index:300;
	}

	#tno_i_total .total_data .total_data_right .total_data_titles_stripe {
		position:absolute;
		left:-10%;
		top:1.5vw;
		height:0.5vw;
		background-color:#E6E6E6;
		width:96%;
		display:inline-block;
		float:left;
		z-index:310;
	}

	#tno_i_total .total_data .total_data_right .total_data_titles_title {
		display:inline-block;
		float:left;
		width:40%;
		margin:0px 5% 0px 5%;
		z-index:320;
		position:relative;
		font-family:'Arial';
		text-transform:uppercase;
		letter-spacing: 1px;
		font-size:3.2vw;
		font-weight:bold;
		color:#4f5050;
	}


	#tno_i_total .total_data .total_data_right .total_data_data {
		display:inline-block;
		float:left;
		width:100%;
		height:auto;
		position:relative;
		margin:70px 0px 50px 0px;
		text-align:left;
	}

	#tno_i_total .total_data .total_data_right .total_data_data .total_data_item .total_data_label {
		padding:5vw 1% 2px 0px;
		margin:0px 0px 0px 1%;
		height:auto;
		line-height:2.7vw;
		width:33%;
		display:inline-block;
		float:left;
		border-bottom:1px solid #DADADA;
		text-align:left;
		font-size:2.3vw;
		color:#FFF;
		font-family:'Merriweather', 'Geneva', 'Verdana', sans-serif;
	}

	#tno_i_total .total_data .total_data_right .total_data_data .total_data_item .total_data_value_box {
		display:inline-block;
		float:left;
		width:28.25%;
		margin:0px 2% 0px 2%;
		position:absolute;
		left:35%;
		bottom:0px;
		height:5vw;
		background: #414FB8;
		background: -webkit-linear-gradient(left, #414FB8 0%, #8CAECB 100%);
		background: -o-linear-gradient(left, #414FB8 0%, #8CAECB 100%);
		background: linear-gradient(to right, #414FB8 0%, #8CAECB 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414FB8', endColorstr='#8CAECB',GradientType=1 );
	}

	#tno_i_total .total_data .total_data_right .total_data_data .total_data_item .total_data_value_box .total_data_value {
		position:absolute;
		width:auto;
		left:10%;
		height:auto;
		top: 50%;
		transform: translateY(-70%);
		font-size:2vw;
		text-align:center;
		color:#FFF;
		display:inline-block;
		float:left;
	}

	#tno_i_total #total_data_scrolldown {
		position:fixed;
		right:10px;
		bottom:30px;
		width:20px;
		height:20px;
		z-index:320;
		background-color:#2fa9b6;
		background-color:#4f5050;
		display:inline-block;
		float:left;
		text-align:center;
		line-height:20px;
		color:#FFF;
		border-radius:5px;
		transistion:all .2s ease-in-out;
	}

	#tno_i_total #total_data_scrolldown i {
		font-size:15px;
		line-height:20px;
	}

	#tno_i_total #total_data_scrolldown:hover {
		cursor:pointer;
		opacity:0.8;
	}
	
	


}