/* CSS Document */


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

#tno_i_choose_bg {
	display:inline-block;
	float:left;
	width:100%;
	height:auto;
	bottom:0px;
	position:absolute;
	overflow-x:hidden;
	left:0px;

}

#tno_i_choose_bg img {
	width:100%;
	height:auto;
	display:inline-block;
	float:left;
	bottom:0px;
	position:relative;
	z-index:0;
}

#tno_i_choose_bg #tno_i_disclaimer {
	display:inline-block;
	float:left;
	width:auto;
	position:absolute;
	bottom:10%;
	right:10px;
	font-size:70%;
	font-family:'Franklin Gothic';
	font-family:'Arial';
	text-transform: uppercase;
	
	letter-spacing: 1px;
	z-index:100;
	text-align:right;
	color:#F4F4F4;
}

#tno_i_choose_logo {
	display:inline-block;
	float:left;
	height:6%;
	position:absolute;
	left:0px;
	margin:2% 0px 2% 0px;
	width:100%;
}

#tno_i_choose_logo #tno_i_choose_logo_img {
	display:inline-block;
	float:left;
	margin:0px 0px 0px 10%;
	width:18%;
	height:100%;
	position:relative;
}

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

#tno_i_choose_line_left {
	display:inline-block;
	height:15%;
	width:9%;
	background-color:#000;
	bottom:1%;
	position:absolute;
	left:0px;
}

#tno_i_choose_line_right {
	display:inline-block;
	height:15%;
	width:74%;
	background-color:#000;
	bottom:1%;
	position:absolute;
	left:26%;
}

#tno_i_choose_container {
	display:inline-block;
	float:left;
	width:100%;
	position:absolute;
	left:0px;
	height:80%;
	top:15%;
}

#tno_i_choose_navigation {
	position:relative;
	width:24%;
	display:inline-block;
	float:right;
	border-left:1px solid #649ce9;
	right:0%;
	top:25%;
	padding:20px 0px 20px 0px;
	z-index:100;
}

#tno_i_choose_navigation .tno_i_choose_navigation_section {
	display:inline-block;
	float:left;
	width:100%;
	height:auto;
	margin:1vh 0px 1vh 0px;
	transition:all .3s ease-in-out;
	color:#000;
	
}

#tno_i_choose_navigation .tno_i_choose_navigation_section .tno_i_choose_navigation_section_bullet {
	display:inline-block;
	float:left;
	width:0.8vw;
	height:0.8vw;
	margin:1vh 0px 1vh 1vw;
	border:1px solid #649EC9;
	border-radius:50%;
	transition:all .2s ease-in-out;
}

#tno_i_choose_navigation .tno_i_choose_navigation_section .tno_i_choose_navigation_section_name {
	display:inline-block;
	width:auto;
	float:left;
	height:auto;
	line-height:4vh;
	text-align:left;
	margin:0px 0px 0px 1vw;
	text-transform:uppercase;
	font-size:0.8vw;
	color:#444;
}

#tno_i_choose_navigation .tno_i_choose_navigation_section.selected .tno_i_choose_navigation_section_bullet {
	background-color:#649ec9;
}

#tno_i_choose_navigation .tno_i_choose_navigation_section.active .tno_i_choose_navigation_section_bullet {
	
	background-color:#649ec9;
}

#tno_i_choose_navigation .tno_i_choose_navigation_section.active .tno_i_choose_navigation_section_name {
	font-style: italic;
	text-decoration:underline;
	color:#000;
}

#tno_i_choose_navigation .tno_i_choose_navigation_section:hover {
	cursor:pointer;
	color:#649ec9;
}

#tno_i_choose_navigation .tno_i_choose_navigation_section:hover .tno_i_choose_navigation_section_bullet {
	background-color:#649ce9;
	border-radius:0px;
	cursor:pointer;
}





.tno_i_choose_block {
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	display:inline-block;
	float:left;
	z-index:50;
}

.tno_i_choose_block .tno_i_choose_block_title {
	display:inline-block;
	float:left;
	width:100%;
	height:auto;
	margin:30px 0px 0px 0px;
	line-height:50px;
	color:#649EC9;
	text-align:center;
	font-size:2vw;
	font-weight:300;
	font-family:'Franklin Gothic';
	font-family:'Arial';
	text-transform:uppercase;
}

.tno_i_choose_block .tno_i_choose_block_phone_title {
	display:none;
}

.tno_i_choose_block .tno_i_choose_block_subtitle {
	display:inline-block;
	float:left;
	width:100%;
	height:auto;
	margin:20px 0px 0px 0px;
	line-height:30px;
	color:#000;
	text-align:center;
	font-size:23px;
	font-weight:300;
	font-family:'Franklin Gothic';
	display:none;
}

.tno_i_choose_avtr_preview {
	overflow:hidden;
	display:inline-block;
	float:left;
	width:15%;
	margin:150px 0px 0px 10%;
	height:60%;
	position:absolute;
	text-align:center;
	left:0px;
}

.tno_i_choose_avtr_preview .tno_i_choose_avtr {
	max-width:100%;
	max-height:100%;
	height:auto;
	width:auto;
}

.tno_i_choose_block .tno_i_choose_block_options {
	display:inline-block;
	float:left;
	width:45%;
	height:auto;
	margin:50px 10% 0px 25%;
	text-align:center;
	position:relative;
}


.tno_i_choose_block .tno_i_choose_block_options .tno_i_choose_option {
	display:inline-block;
	margin:1vh 0.8vw 1vh 0.8vw;
	border:1px solid #649ec9;
	border-radius:3px;
	line-height:4vw;
	width:auto;
	height:auto;
	padding:0px 1vw 0px 1vw;
	transition:all .2s ease-in-out;
	font-size:1vw;
}

.tno_i_choose_block .tno_i_choose_block_options .tno_i_choose_option.selected {
	background-color:#649EC9;
	color:#FFF;
}

.tno_i_choose_block .tno_i_choose_block_options .tno_i_choose_option:hover {
	background-color:#649EC9;
	color:#FFF;
	cursor:pointer;
}


.tno_i_choose_block .tno_i_choose_block_buttons {
	display:inline-block;
	float:left;
	width:45%;
	height:auto;
	margin:4vh 10% 0px 25%;
	text-align:center;
	position:relative;
}

.tno_i_choose_block .tno_i_choose_block_buttons .tno_i_choose_button {
	display:inline-block;
	margin:1vh 0.8vw 1vh 0.8vw;
	border:1px solid #000;
	background-color:#000;
	color:#FFF;
	border-radius:3px;
	line-height:4vw;
	width:auto;
	height:auto;
	padding:0px 2vw 0px 2vw;
	transition:all .2s ease-in-out;
	font-size:1vw;
}

.tno_i_choose_block .tno_i_choose_block_buttons .tno_i_choose_button:hover {
	background-color:#FFF;
	color:#000;
	border-color:#649EC9;
	cursor:pointer;
}


@media (max-width:950px) {
	#tno_i_choose_logo #tno_i_choose_logo_img {
		display:inline-block;
		float:left;
		margin:0px 0px 0px 10%;
		width:30%;
		height:100%;
		position:relative;
	}

	#tno_i_choose_line_right {
		display:inline-block;
		height:15%;
		width:64%;
		background-color:#000;
		bottom:1%;
		position:absolute;
		left:36%;
	}

	#tno_i_choose_navigation {
		display:none;
	}
	
	#tno_i_choose_bg img {
		width:200%;
		height:auto;
		display:inline-block;
		float:left;
		bottom:0px;
		position:relative;
		z-index:0;
	}

	#tno_i_choose_bg #tno_i_disclaimer {
		display:inline-block;
		float:left;
		width:auto;
		position:absolute;
		bottom:10%;
		right:10px;
		font-size:45%;
	}

	.tno_i_choose_block {
		position:absolute;
		width:100%;
		height:100%;
		left:0px;
		display:inline-block;
		float:left;
		z-index:50;
	}

	
	.tno_i_choose_block .tno_i_choose_block_title {
		display:none;
	}
	
	.tno_i_choose_block .tno_i_choose_block_phone_title {
		display:inline-block;
		float:left;
		width:100%;
		height:auto;
		margin:0px 0px 0px 0px;
		line-height:4vh;
		color:#649EC9;
		text-align:center;
		font-size:3vw;
		font-weight:300;
		font-family:'Franklin Gothic';
		font-family:'Arial';
		text-transform:uppercase;
	}

	.tno_i_choose_avtr_preview {
		overflow:hidden;
		display:inline-block;
		float:left;
		width:15%;
		margin:150px 0px 0px 10%;
		height:60%;
		position:absolute;
		text-align:center;
		left:0px;
	}

	.tno_i_choose_avtr_preview .tno_i_choose_avtr {
		max-width:100%;
		max-height:100%;
		height:auto;
		width:auto;
	}

	.tno_i_choose_block .tno_i_choose_block_options {
		display:inline-block;
		float:left;
		width:60%;
		height:auto;
		margin:10vh 10% 0px 30%;
		text-align:center;
		position:relative;
	}


	.tno_i_choose_block .tno_i_choose_block_options .tno_i_choose_option {
		display:inline-block;
		margin:1vh 1vw 1vh 1vw;
		border:1px solid #649ec9;
		border-radius:3px;
		line-height:6vw;
		width:auto;
		height:auto;
		padding:0px 2vw 0px 2vw;
		transition:all .2s ease-in-out;
		font-size:2vw;
	}

	.tno_i_choose_block .tno_i_choose_block_options .tno_i_choose_option.selected {
		background-color:#649EC9;
		color:#FFF;
	}

	.tno_i_choose_block .tno_i_choose_block_options .tno_i_choose_option:hover {
		background-color:#649EC9;
		color:#FFF;
		cursor:pointer;
	}


	.tno_i_choose_block .tno_i_choose_block_buttons {
		display:inline-block;
		float:left;
		width:60%;
		height:auto;
		margin:4vh 10% 0px 30%;
		text-align:center;
		position:relative;
	}

	.tno_i_choose_block .tno_i_choose_block_buttons .tno_i_choose_button {
		display:inline-block;
		margin:1vh 0.8vw 1vh 0.8vw;
		border:1px solid #000;
		background-color:#000;
		color:#FFF;
		border-radius:3px;
		line-height:6vw;
		width:auto;
		height:auto;
		padding:0px 2vw 0px 2vw;
		transition:all .2s ease-in-out;
		font-size:2vw;
	}

	.tno_i_choose_block .tno_i_choose_block_buttons .tno_i_choose_button:hover {
		background-color:#FFF;
		color:#000;
		border-color:#649EC9;
		cursor:pointer;
	}
}