@charset "UTF-8";
/*****

trama_sidenav sidenav

******/


	.trama_sidenav{
		position:fixed;
		bottom:30px;
		right:20px;
		z-index:50;
		-webkit-transition: all .4s;
		transition:all .4s;
	}
	body.hide_nav_arrows .trama_sidenav{
		left:-100px;
	}
	.trama_sidenav_inner{
		position:relative;
	}

	.sidenav_section_name{
		display:none;
		font-size:20px;
		font-weight:bold;
		color:#1FFF5A;
		transition:color .3s;
	}
	
	
	.trama_sidenav ul{
		list-style:none;
		margin-left:0;
		margin-bottom:0;
		padding-left: 0px;
		text-transform: uppercase;
		line-height: 100%;
		width:80px;
	}
	.trama_sidenav ul li{
		margin-bottom:0px;
		display:flex;
		flex-direction:column;
		align-items: flex-end;
		hyphens: auto;
	}
	.trama_sidenav ul li.dot_hidden{
		display:none;
		
	}
	/* vertical line */
	.trama_sidenav ul li:after{
		height:35px;
		width:1px;
		content:"";
		background:#1FFF5A;
		display:block;
		margin:-1px 4px;
		transition:all .3s;
	}
	.trama_sidenav ul li:last-child{
		margin-bottom:10px;
	}
	.trama_sidenav ul li:last-child:after{
		display:none;
	}

	
	.sidenav_button{
		display:flex;
		position: relative;
		cursor: pointer;
		/*padding-left:25px;*/
		max-width:125px;
		line-height:130%;
		/*margin-bottom:25px;*/
		font-size:13px;
		font-weight:500;
		overflow:visible;
		justify-content: flex-end;
	}
	


	
	.sidenav_button_label{
		visibility:visible;
		opacity:0;
		transition:all .3s;
		/*pointer-events:none;*/
		line-height:100%;
		position:absolute;
		top:50%;
		right:20px;
		margin-top:2px;
		width:80px;
		transform:translateY(-50%) translateX(10px) scale(.8);
		color:#1FFF5A;
		text-align:right;
	}
	.sidenav_alt_color2 .sidenav_button_label{
		color:#2DE05D;
	}
	
	.trama_sidenav:hover .sidenav_button_label{
		visibility:visible;
		opacity:.7;
		transform:translateY(-50%) translateX(0) scale(1);
	}
	.amz_cntsl_button.fake_dot_current_menu .sidenav_button_label,
	.amz_cntsl_button.dot_current_menu .sidenav_button_label{
		opacity:1;
		transform:translateY(-50%) translateX(0) scale(1);
	}
	
	
	.sidenav_button_current_dot{
		position:relative;
		left:0;
		top:0;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
		height:10px;
		/*margin-top:-8px;*/
		/*top:50%;*/
		}
		.sidenav_button_current_circle{
			display:block;
			width:10px;
			height:10px;
			box-shadow:inset 0 0 0 1px #1FFF5A;
			background:transparent;
			/*background:#2323D9;*/
			border-radius:30px;
			margin-left:3px;
			-webkit-transition: all .3s;
			transition:all .3s;
		}
		.sidenav_button_current_line{
			/*display:block;
			width:8px;
			height:1px;
			background:#fff;
			-webkit-transition: all .3s;
			transition:all .3s;*/
			display:none;
		}
	
	.fake_dot_current_menu .sidenav_button_current_circle,
	.dot_current_menu .sidenav_button_current_circle{
		box-shadow:inset 0 0 0 10px #1FFF5A;
	}
	
	.left_control_next_arrow{
		position:relative;
	}
	.left_control_next_arrow_icon{
		width:30px;
		height:30px;
		box-shadow:inset 0 0 0 1px #42afae;
		border-radius:30px;
		background:#241B3D;
		text-align:center;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
		cursor:pointer;
		color:#fff;
		-webkit-transition: box-shadow .3s, color .3s;
		transition:box-shadow .3s, color .3s, background .3s;
		}

		.left_control_next_arrow_icon span{
			display:block;
			width:10px;
			height:10px;
			border:1px solid;
			border-left:none;
			border-top:none;
			-webkit-transform:rotate(45deg);
			        transform:rotate(45deg);
			margin:-4px auto 0;
			-webkit-transition: border-color .3s;
			transition: border-color .3s;
			
		}
		.left_control_next_arrow_icon:hover{
			box-shadow:inset 0 0 0 16px #40b99d;
			color:#fff;
		}
		
	.left_control_deco_line_hor{
		position:absolute;
		left:6px;
		bottom:10px;
		width:1px;
		height:90%;
		height:calc(100% - 20px);
		background:#51E334;
		display:none;
		}

	.amz_cntsl_button.fake_dot_current_menu ,
	.amz_cntsl_button.dot_current_menu {
		/*font-weight:600;*/
		/*font-size:13px;*/
	}



	
	
	.left_control_next_arrow{
		display:none;
	}
	
	
	
	
	.sidenav_alt_color .sidenav_button_label,
	.sidenav_alt_color .sidenav_section_name{
		color:#2E2F37;
	}
	.sidenav_alt_color .sidenav_button_label{
		/*text-shadow: -1px 1px 0 #1FFF5A;*/
	}

	
	
	.sidenav_alt_color .sidenav_button_current_circle{
		box-shadow:inset 0 0 0 1px #2E2F37;
	}
	.sidenav_alt_color .fake_dot_current_menu .sidenav_button_current_circle,
	.sidenav_alt_color .dot_current_menu .sidenav_button_current_circle{
		box-shadow:inset 0 0 0 10px #2E2F37;
	}
	.sidenav_alt_color .trama_sidenav ul li:after{
		background:#2E2F37;
	}
	
/*
.trama_sidenav_bakground{
	width:150px;
	height:100vh;
	opacity:0;
	position:fixed;
	left:0;
	top:0;
	transition:background .5s, transform .5s;
	transform:translateX(-100%);
background: -moz-linear-gradient(left, rgba(46,47,55,1) 0%, rgba(46,47,55,0) 100%);
background: -webkit-linear-gradient(left, rgba(46,47,55,1) 0%,rgba(46,47,55,0) 100%);
background: linear-gradient(to right, rgba(46,47,55,1) 0%,rgba(46,47,55,0) 100%);
display:none;
}

.trama_sidenav:hover .trama_sidenav_bakground{
	transform:translateX(0);
	opacity:1;
}*/
@media only screen and (max-width: 1400px) {

	
	.trama_sidenav ul li {
		/*margin-bottom: 10px;*/
	}
	.sidenav_button_current_dot{
		height:auto;
	}
	.sidenav_button_current_circle {
		width: 10px;
		height: 10px;
	}
	.sidenav_button{
		font-size:11px;
	
	}
	.sidenav_button_label{
		margin-top:0px;
		width:60px;
	}
	.sidenav_button:after{
		height:40px;
		margin: -1px 5px;
	}
	/* vertical line */
	.trama_sidenav ul li:after{
		height:25px;
	}
}
@media only screen and (max-width: 1200px) {
	.sidenav_section_name {
		font-size: 14px;
	}
	
	.sidenav_button_label{
		display:none;
	}
	.trama_sidenav ul{
		width:15px;
	}
	.trama_sidenav{
		right:10px;
	}

}
@media only screen and (max-width: 900px) {


}
@media only screen and (max-width: 767px) {
	.trama_sidenav{
		display:none;
	}



}