/* *{box-sizing: border-box;}
	body{	margin: 0px;  } */
	/* -- bl & headder -- */
    .pre-tpa-corner{
        width: 5px;
		height:150px;
        content: '';
		display: block;
        float: left;
		background-color: #111;
    }
    .wrap-tpa-corner{
        width: 150px;
		height:160px;
		display: block;
        float: left;
		background-color: white;
        margin-left: 4px;
        padding: 2px 4px;
    }
	.bl1{
		width: 100%;
		height: 65px;
		display: block;
		clear: both;
		background-color: #111;
	}
	.xv-wrapper{
		width: 150px;
		height:150px;
		display: block;
		background-color: #111;
		position: relative;
		top: 1px;
		left: 1px;
	}
	.xv-content{
		width: 150px;
		height:150px;
		display: block;
		clear: both;
		background-color: #111;
		/* position: absolute; */
		position: relative;
	}
    /* MENU SET WRAPPERS  */
	/* -- xv-lm, xv-rm right , left menu, xv-bm bottom  menu wrapper -- */
	.xv-lm-set-wrapper{
		width: 507px;
		height:180px;
		display: block;
		background-color: transparent; /*  */
		/* background-color: #8c10a5;   */
		/* box-shadow: inset 0 0 8px 2px #ce6565; */
		/* position: absolute; */
		position: relative;
		top: 65px;
		left: 12px;
		/* left: 2px; */
		z-index: 4;
        overflow: hidden;
	}
	.xv-rm-set-wrapper{
		width: 507px;
		height:180px;
		display: block;
		background-color: transparent; /*  */
		/* background-color: #aa33cc;   */
		/* position: absolute; */
		position: relative;
		top: 65px;
		/* left: 84%;   */
		left: 7px;  
		z-index: 4;
        overflow: hidden;
	}
	.xv-tm-set-wrapper{
		width: 507px;
		height:180px;
		display: block;
		background-color: transparent; /*  */  /* #aa33cc */
		 /*  background-color: #44ddaa; transparent */
		/* position: absolute; */
		position: relative;
		/* top: 2%; */
		top: 12px;
		/* top: 3px; */
		left: 20px;
		/* padding: 7px 7px 2px 2px; */
		/* background-color: #4CAF10; */
		/*
		box-shadow: inset 0 0 19px 13px black; */
		z-index: 4;
        overflow: hidden;
	}
	.xv-bm-set-wrapper{
		width: 507px;
		height:180px;
		display: block;
		background-color: transparent; /* #1aa2ff */
		/* background-color: #1aa2ff;    */
		/* position: absolute; */
		position: relative;
		/* top: 85%; */
		top: 10px;
		left: 20px;
        overflow: hidden;
	}
    .xv-btn-set-wrapper{
		width: 60px;
		height:60px;
		display: block;
		/* background-color: transparent; #1aa2ff */
		background-color: #1aa2ff;  /*   */
		/* position: absolute; */
		position: relative;
		box-shadow: inset 0 0 5px 7px black;
		top: 8px;
		left: 7px;
		border-radius: 50%;
		padding: 2px 2px;
        overflow: hidden;
		
	}
    /* -- TOP, LEFT, RIGHT & BOTTOM, TRIGGERS menu -- */
    .xv-tm-btn-wrapper{
		width: 40px;
		height:20px;
		display: block;
		background-color:  transparent; /* #663 */
		position: relative;
		box-sizing: border-box;
		/* border:1px solid #fff; */
		top: 0;
		left:5px;
	}
    .xv-rm-btn-wrapper{
		width: 40px;
		height:20px;
		display: block;
		background-color: #663;
		background-color: transparent;
		position: relative;
		box-sizing: border-box;
		/* border:1px solid #fff; */
		top: 0;
		left: 2px;
	}
	.xv-lm-btn-wrapper{
		width: 40px;
		height:20px;
		display: block;
		background-color: #663;
		background-color: transparent;
		position: relative;
		box-sizing: border-box;
		/* border:1px solid #fff; */
		top: 0;
		left: 0;
	}
	.xv-bm-btn-wrapper{
		width: 40px;
		height:20px;
		display: block;
		background-color: #663;
		background-color: transparent;
		position: relative;
		box-sizing: border-box;
		/* border:1px solid #fff; */
		top: 0;
		left: 8px;
	}
    /*MENU BUTTONS */
    .xv-lm-btn{
		width: 0px;
		height: 0px;
		border-width: 10px 15px 10px 0px;
		border-style: solid;
		cursor: pointer;
		border-color: transparent #fff transparent transparent;
		/* position: absolute; */
		position: relative;
		top: 0;
		left: 3px;
	}
	.xv-rm-btn{
		width: 0px;
		height: 0px;
		border-width: 10px 0px 10px 15px;
		border-style: solid;
		cursor: pointer;
		border-color: transparent  transparent transparent #fff;
		position: relative;
		top: 0;
		left: 1px;
	}
	.xv-tm-btn{
		width: 0px;
		height: 0px;
		border-width: 0px 10px 15px 10px;
		border-style: solid;
		cursor: pointer;
		border-color:  transparent transparent #fff  transparent;
		position: relative;
		top: 0;
		left: 1px;
	}
	.xv-bm-btn{
		width: 0px;
		height: 0px;
		border-width: 15px 10px 15px 10px;
		border-style: solid;
		cursor: pointer;
		border-color: #fff transparent  transparent transparent;
		position: relative;
		top: 0;
		left: 1px;
	}
    .xv-btn-wrapper{
		width: 40px;
		/* height:25px; */
		height:40px;
		display: block;
		background-color: #663;
		/* background-color: transparent; */
		border:1px solid #fff;
		padding: 7px 3px;
		color: #fafafa;
		background-color: #1aa2ff;  /*   */
		position: relative;
		box-shadow: inset 0 0 3px 4px black;
		top: 8px;
		left: 8px;
		border-radius: 50%;
		cursor: pointer;
	}
    /*MENU CONTENT WRAPPER*/
    .content-wrapper{
		position: relative;
		float: left;
		width: 98%;
		height: 98%;
		margin: auto;
		padding: 4px 3px;
        scroll-behavior: smooth;
	}

	.xv-lm-wrapper{
		width: 500px;
		height:152px;
		display: none;
		background-color: #313;
        background-size: cover;
		position: relative;
		box-sizing: border-box;
		border:1px solid #fff;
		top: 0;
		left: 0;
		margin-left: 4px;
		margin-top: 4px;
		padding: 10px 8px;
		background-color: #3c3c5f7e;
		list-style-type: none;
	}
	.xv-tm-wrapper{
		width: 500px;
		height:152px;
		display: none;
		background-color: #313;
		position: relative;
		box-sizing: border-box;
		border:1px solid #fff;
		top: 0;
		left: 0;
		margin-left: 4px;
		margin-top: 4px;
		padding: 10px 8px;
		background-color: #565688e3;
		list-style-type: none;
	}
	.xv-rm-wrapper{
		width: 500px;
		height:152px;
		/* width: 92%;
		height:88%; */
		display: none;
		background-color: #313;
		position: relative;
		box-sizing: border-box;
		border:1px solid #fff;
		top: 0;
		left: 0;
		margin-left: 4px;
		margin-top: 4px;
		padding: 10px 8px;
		background-color: #565688e3;
		list-style-type: none;
	}
	.xv-bm-wrapper{
		width: 500px;
		height:152px;
		display: none;
		background-color: #313;
		position: relative;
		box-sizing: border-box;
		border:1px solid #fff;
		top: 0;
		left: 0;
		margin-left: 4px;
		margin-top: 4px;
		padding: 10px 8px;
		background-color: #565688e3;
		/* background-color: #1aa2ff;    */
		list-style-type: none;
	}
	.xv-lm-wrapper a{
		float: left;
		margin: 3px 4px 3px 2px;
	}
/*OTHER STUFF*/

	.open-Menu{	display: block; }
	.cov {
		width: 600px;
		height: 1200px;
		background-color: #9aa9ff;  /*   */
		position: relative;
		display: block;
		clear: both;
		box-shadow: inset 0 0 5px 7px black;
		margin-top: 2px;
	}
	.xxx2 {	margin-top: 12px; }
	div.scrollmenu { background-color: #333; overflow: auto; white-space: nowrap; }

.mx-1b3{
	width: 25%;
	height: 100%;
	position: relative;
	float: left;
	background-color: #2f381bb2;
	/* border: 1px white solid ; */
}
.mx-1b{
	width: 50%;
	height: 100%;
	position: relative;
	float: left;
	background-color: #2f381bb2;
	/* border: 1px white solid ; */
}
.mx-r-1b3{
	width: 100%;
	height: 25%;
	position: relative;
	float: left;
    background-color: #262e18da;
	/* border: 1px white solid ; */
}
.mx-r-1b{
	width: 100%;
	height: 50%;
	position: relative;
	float: left;
	/* background-color: #2f381bb2; */
    background-color: #202713ea;
	/* border: 1px white solid ; */
    border-radius: 50%;
    /* box-shadow: inset 35px -10px 50px 45px #5957e2; */
    box-shadow: inset 35px -10px 50px 45px #5088e2d5;

}
div.scrollmenu a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 12px;
  text-decoration: none;
}

div.scrollmenu a:hover {
  background-color: #777;
}
div.scrollmenu .subxm {
  background-color: #993;
  position: relative;
  top: 100%;
  white-space: nowrap;
  display: none;
  /*display: block;*/
}

div.scrollmenu .subxm a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 12px;
  text-decoration: none;
}

div.scrollmenu .subxm a:hover {
  background-color: #777
}
div.scrollmenu a:hover .subxm {
  display: block;
}

/* Dropdown Button */
.dropbtn {
  background-color: #4CAF10;
  color: white;
  padding: 12px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the tpa-dropdown content */
.tpa-dropdown {
  position: relative;
  display: inline-block;
  margin-top: 4px;
  margin-right: 6px;
  margin-bottom: 2px;
}

/* Dropdown Content (Hidden by Default) */
.tpa-dropdown-content {
  display: none;
  position: absolute;
  background-color: #aaf1f1;
  min-width: 160px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the tpa-dropdown */
.tpa-dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of tpa-dropdown links on hover */
.tpa-dropdown-content a:hover {background-color: #ddd;}

/* Show the tpa-dropdown menu on hover */
.tpa-dropdown:hover .tpa-dropdown-content {display: block;}

/* Change the background color of the tpa-dropdown button when the tpa-dropdown content is shown */
.tpa-dropdown:hover .dropbtn {background-color: #3e8e41;}

/**
*** MENU BLOCK
**/
.menu-block-1{
	width: 98%;
	height: auto;
	margin: 2px 4px 2px 4px;
	padding: 2px;
    
}