<!--
.rollBox{
	width: 100%; 
	78787878height: 100px !important; HEIGHT: 70PX !IMPORTANT;
	overflow:hidden;
	padding-top: 0px; 
	padding-bottom: 0px; 
	paddng-left: 5px; 
	padding-right: 5px; 
	margin:0 auto;
	left: 0; 
	margin-left: 0px; 
	text-align: center; 
	box-sizing: border-box; 
	clear: both;   
	}

.rollBox .LeftBotton{
	width: 30px;
	height: 30px;
	overflow:hidden;
	float:left;
	display:inline;
	78787878margin:44px 0 0 0; margin: 25px 0 0 0; 
	cursor:pointer;  
	}

.rollBox .RightBotton{
	width: 30px;
	height: 30px;
	111background:url(button.gif) no-repeat -8px 0;
	overflow:hidden;
	float:left; FLOAT: RIGHT !IMPORTANT;
	display:inline;
	margin:25px 0 0 0; 78787878margin:44px 0 0 0; 
	cursor:pointer; 
	}

#right-arrow-button-placer {
	float: right;
	right: 0px;
	}

.rollBox .Cont{ 
	width: 80vw;
	overflow:hidden;
	float:left;  
	}

.rollBox .ScrCont{
	width:10000000px;  
	}

.rollBox .Cont button{
	78787878width: 155px; WIDTH: AUTO;
	height: 55px; HEIGHT: 35PX;  
	float:left;
	text-align:center;    margin-right: 3px;
	}

.rollBox .Cont a:link,.rollBox .Cont a:visited{
	111color:#626466;
	111text-decoration:none;  border: 2px solid #480D35; 
	}

.rollBox .Cont a:hover{
	111color:#f00;
	111text-decoration:underline; border: 2PX solid #971c70; 
	}

.rollBox #List1,.rollBox #List2{
	float:left;
	}
-->







.LeftBotton {
	width: 30px; 
	flex-direction: row; 
	justify-content: center; 
	align-items: center;
	}

.Cont {
	text-align: center; 
	height: 100%;
	}

.ScrCont {
	display: inline-block;    											 
  	position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
	}

#List1 {
	text-align: center;
	}

.RightBotton {
	width: 30px; 
	display:flex; 
	flex-direction: row; 
	justify-content: center; 
	align-items: center;
	}











/** ________________________________ **/




.visibility-navigation {
	height: 100%;  
	float: left; 
	scroll-direction: horizontal;  
	}






/* SMALLER TABLET screens */   /* SMALLER TABLET */
@media screen and (max-width: 480px) {
  	.visibility-navigation {
		margin-left: 0px; 
		right: 0;
		margin-right: 0px !important;
		left: 0;
		marging-left: 0px !important;    
  		}
	}





@media only screen and (min-width : 320px) and (max-width : 480px) {/* Mobile portrait */
  	.visibility-navigation {
		width: 100%; 
		margin-left: 0px;  
		right: 0;
		margin-right: 0px !important;
		left: 0;
		marging-left: 0px !important;
  		}
	}





@media only screen and (min-width : 480px) and (max-width : 595px) {/* Mobile landscape */
  	.visibility-navigation {
		width: 100% !important;
		margin-left: 0px !important;  
		right: 0 !important;
		margin-right: 0px !important;
		left: 0 !important;
		marging-left: 0px !important;
  		}
	}





@media only screen and (min-width : 595px) and (max-width : 690px) {/* Small tablet portrait */
  	.visibility-navigation {
		width: 100%; 
		margin-left: 0px;  
		right: 0;
		margin-right: 0px !important;
		left: 0;
		marging-left: 0px !important;
  		}
	}





@media only screen and (min-width : 690px) and (max-width : 769px) {/* Tablet portrait */
  	.visibility-navigation {
		width: 100%;
		margin-left: 0px;  
		right: 0;
		margin-right: 0px !important;
		left: 0;
		marging-left: 0px !important;
  		}
	}





/* SMALLER TABLET screens */   /* (location for ID picture) --- SMALLER TABLET */
@media only screen and (min-width : 769px) and (max-width : 800px) {/* Small tablet landscape */
	.visibility-navigation {
		width: 100%; 
		margin-left: 0px;  
		right: 0;
		margin-right: 0px !important;
		left: 0;
		marging-left: 0px !important;
  		}
	}





/* SMALLER TABLET screens */   /* (location for ID picture --- SMALLER TABLET */
@media only screen and (min-width : 800px) and (max-width : 1024px) {/* Small tablet landscape */
  	.visibility-navigation {
		width: 100%; 
		margin-left: 0px; 
		right: 0;
		margin-right: 0px !important;
		left: 0;
		marging-left: 0px !important;
  		}
	}





@media only screen and (min-width : 1024px) and (max-width : 1224px) {/* Tablet landscape */
  	.visibility-navigation {
		flex: 7; 
		margin-left: 70px;  
		right: 0;
		margin-right: 0px !important;
		left: 0;
		marging-left: 0px !important;
  		}
	}






/* Desktops and laptops */  /* SMALL DESKTOP */
@media only screen 
and (min-width : 1224px) {
  	.visibility-navigation { 
		flex: 7; 
		margin-left: 180px; 
		right: 0;
		margin-right: 0px !important;
		left: 0;
		marging-left: 0px !important;
		} 
	}









.button-group {
	height: 100%; 
  	position: -webkit-sticky !important;
  	position: sticky !important;
  	top: 0;
  	background-color: #17151d; 
	}

.container_btnNAV { 
  	position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
	}




.displayer-unit {
	display: inline-block; 
	height: 100%;
	}