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

trama_sidenav sidenav

******/


	.trama_sidenav{
		position:fixed;
		top:50%;
		right:20px;
		z-index:50;
		-webkit-transition: all .4s;
		transition:all .4s;
		transform:translateY(-50%);
	}
	body.hide_nav_arrows .trama_sidenav{
		right:-100px;
	}
	.trama_sidenav_inner{
		position:relative;
	}

	.sidenav_section_name{
		display:none;
		font-size:20px;
		font-weight:bold;
		color:#fff;
		transition:color .3s;
	}
	
	
	.trama_sidenav ul{
		list-style:none;
		margin-left:0;
		margin-bottom:0;
		padding-left: 0px;
		text-transform: uppercase;
		line-height: 100%;
		
	}
	.trama_sidenav ul li{
		margin-bottom:20px;
	}
	.trama_sidenav ul li:last-child{
		margin-bottom:0px;
	}
	/* vertical line 
	.trama_sidenav ul li:after{
		height:28px;
		width:1px;
		content:"";
		background:#51E334;
		display:block;
		margin:-2px 6px;
	}*/
	
	.sidenav_button{
		display:inline-block;
		position: relative;
		cursor: pointer;
		/*padding-left:25px;*/
		max-width:125px;
		line-height:130%;
		/*margin-bottom:25px;*/
		font-size:13px;
		font-weight:300;
		overflow:visible;
		
		
	}
	
	
	.sidenav_button_label{
		visibility:hidden;
		opacity:0;
		transition:all .3s;
		display:none;
		pointer-events:none;
	}
	
	/*
	.trama_sidenav:hover .sidenav_button_label{
		visibility:visible;
		opacity: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:16px;
		/*margin-top:-8px;*/
		top:50%;
		}
		.sidenav_button_current_circle{
			display:block;
			width:15px;
			height:15px;
			box-shadow:inset 0 0 0 0 #42afae, 0 2px 3px rgba(0,0,0,.2);
			background:#f6f7f9;
			/*background:#2323D9;*/
			border-radius:30px;
			margin-right: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;
		}
	
	.amz_current_menu .sidenav_button_current_circle{
		box-shadow:inset 0 0 0 10px #42afae, 0 2px 3px rgba(0,0,0,.3);
	}
	
	.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.amz_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:#2323D9;
	}
	.mainnav_alt_color .amz_cntsl_button:not(.amz_current_menu) .sidenav_button_current_circle,
	.sidenav_alt_color .amz_cntsl_button:not(.amz_current_menu) .sidenav_button_current_circle{
		/*box-shadow: inset 0 0 0 1px #42afae, 0 2px 3px rgba(0,0,0,.2);*/
		border: 1px solid #42afae;
		
	}
	
	
@media only screen and (max-width: 1400px) {

	
	.trama_sidenav ul li {
		margin-bottom: 10px;
	}
	.sidenav_button_current_circle {
		width: 10px;
		height: 10px;
	}
	
}
@media only screen and (max-width: 1200px) {
	.sidenav_section_name {
		font-size: 14px;
	}
	

	
}
@media only screen and (max-width: 900px) {
	.trama_sidenav {
		right: 7px;
	}

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



}