.left_top {

		position:relative;

		display:table-row;

		height:50px;

		width:100%;

  		background-image: radial-gradient(circle,#222, #111);

 		background-size: cover;

  		background-repeat: no-repeat;

		vertical-align:middle;

		z-index:2;

	}

	.left_top_fix{

		position:fixed;

		display:table-row;

		height:50px;

		width:100%;

		top:0;

  		background-image: radial-gradient(circle,#222, #111);

 		background-size: cover;

  		background-repeat: no-repeat;

		vertical-align:middle;

		z-index:2;

	}



	.left_top_hidden{

		position:absolute;

		top:-50px;

		display:table-row;

		height:50px;

		width:100%;

		left:0px;

		background-color: #444;

		background-image: radial-gradient(circle,#333, #222);

 		background-size: cover;

  		background-repeat: no-repeat;

		z-index:3;

		transition: 0.3s;

		opacity:0;

	}

	.right_bottom {

		position:relative;

		display:table-cell;

		width:100%;

		height:auto;

		perspective: 100vw;

		z-index:1;

	}

	.menuitem{

		display:inline-block;

		font-size:25px;

		color:#eee;

		height:100%;

		width:50px;

		transition: 0.3s;

		text-align:center;

		vertical-align:middle;

		cursor:default;		

	}

	.menuitem:hover{

		color:tomato;

		background-color:#eee;

		}

	

	.menuitemflag{

		display:inline-block;

		color:#eee;

		width:100%;

		height:auto;	

		transition: 0.3s;

		line-height:50px;

		text-align: center;

		cursor:default;	

		vertical-align:middle;

		transition: 0.3s;

	}

	.menuitemflag img{

		height:32px;

		width:32px;

	}

	.menuitemselflag{

		display:inline-block;

		color:#eee;

		width:auto;

		height:50px;

		transition: 0.3s;

		line-height:50px;

		text-align: center;

		cursor:default;	

		vertical-align:middle;

		transition: 0.3s;

	}

	.menuitemselflag img{

		height:32px;

		width:32px;

	}

	.menuitemflag:hover{

		color: tomato;

		background-color:#eee;

	}

	.menuitemselflag:hover{

		color: tomato;

		background-color:#eee;

	}

	.logo_container{

		display:inline-block;

		height:100%;

		width:auto;

		text-align:center;

		transition: 0.3s;

		cursor:default;

	}

	.logo_container:hover{

		background-color:#eee;

		color: tomato;

	}

	.logo_container:hover > div > div{

		color:tomato;

	}

	

	

	.sublogo{

		display:table-row;

		height:100%;

		width:auto;

		margin-left:auto;

		margin-right:auto;

		letter-spacing: 2px;

		font-size:21px;

		color:white;

		vertical-align:center;

	}

	.subsublogo{

		display:table-row;

		height:50%;

		width:auto;

		margin-left:auto;

		margin-right:auto;

		font-size:18px;

		letter-spacing:5px;

		color:white;

	}

	.logo{

		position:relative;

		display:table-cell;

		height:50px;

		width:auto;

		margin-left:auto;

		margin-right:auto;

		vertical-align:middle;

		margin-top:auto;

		margin-bottom:auto;

		float:left;

	}

	.left_top_sub{

		display:table;

		width:100%;

		height:100%;

	}

	.left_left{

		display:table-cell;

		width:33%;

		height:100%;

		vertical-align:middle;

	}

	.left_mid{

		position:relative;

		display:table-cell;

		width:34%;

		height:100%;

		vertical-align:middle;

		text-align:center;

		white-space: nowrap;

    		overflow: hidden;

   		text-overflow: ellipsis;

	}

	.supercontainer{

		position:relative;

		display:block;

		text-align:center;

		vertical-align:middle;

		width:90%;

		height:100%;

		display: block;

	}

	.left_right{

		display:table-cell;

		width:33%;

		height:100%;

		vertical-align:middle;

		white-space: nowrap;

    		overflow: hidden;

   		text-overflow: ellipsis;

	}



	.footer {

		position:fixed;

		display:table;

		height:50px;

		font-size:11px;

		width:100%;

		bottom:0;

		left:0;

  		background-image: radial-gradient(circle,#222, #111);

 		background-size: cover;

  		background-repeat: no-repeat;

		z-index:2;

		text-align:center;

		color:#eee;

		font-family:tahoma;



	}

	.footercell{

		position:relative;

		height:100%;

		width:100%;

		display:table-cell;

		text-align:center;

		vertical-align:middle;

	}

	.bottomframe{

		position:relative;

		display:table;

		width:100%;

		height:100%;

		top:-25px;

		padding-top:10px;

		padding-bottom:60px;

		background-color:#333;

		text-align:center;

		vertical-align:middle;

		overflow:auto;

		

		

	}

	@media (min-width:803px){

		.from{

			display:inline;

			height:100%;

			width:150px;

			vertical-align:middle;

		}

	}

	@media (max-width:803px){

		#fromhide{

			display:none;

		}

	}

	.wrapperscroll{

		position:relative;

		width:90vw;

		height:100vh;

		overflow-y:auto;

		overflow-x:auto;

		padding-top:50px;

		padding-left:15px;

		transform: rotateY(-15deg);

		/*scrollbar-width: none;*/

		z-index:0;

		transition: 0.3s;

	}

	.photos{

		height:25vh;

		width:auto;

		transition: 0.3s;

		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.19), 0 2px 30px 0 rgba(0, 0, 0, 0.2);

		-webkit-animation: FADEIN 2s; /* Safari 4+ */

 		-moz-animation: FADEIN 2s; /* Fx 5+ */

  		-o-animation: FADEIN 2s; /* Opera 12+ */

  		animation: FADEIN 2s; /* IE 10+, Fx 29+ */

		margin: 5px;

	}

	

	.photos:hover{

		cursor:pointer;

	}



	.photosbreak{

		height:22vh;

		width:auto;

	}

	

	.prevpagediv{

		position:fixed;

		display:table-cell;

		top:45%;

		left:0;

		width:50px;

		height:50px;

		background-image: radial-gradient(circle,#222, #111);

 		background-size: cover;

  		background-repeat: no-repeat;

		text-align:center;

		vertical-align:middle;

		color: #eee;

		font-size:25px;

		margin:auto;

		line-height:50px;

		cursor:default;	

		z-index:2;

		transition: 0.3s;

	}

	

	.nextpagediv{

		position:fixed;

		display:table-cell;

		top:45%;

		right:0;

		width:50px;

		height:50px;

		background-image: radial-gradient(circle,#222, #111);

 		background-size: cover;

  		background-repeat: no-repeat;

		text-align:center;

		vertical-align:middle;

		color: #eee;

		font-size:25px;

		margin:auto;

		line-height:50px;

		cursor:default;	

		z-index:2;

		transition: 0.3s;

	}

	.prevpagediv:hover{

		background-image:none;

		background-color:#eee;

		color:tomato;

	}

	.nextpagediv:hover{

		background-image:none;

		background-color:#eee;

		color:tomato;

	}



	.menuitemcontact{

		display:inline-block;

		font-size:25px;

		color:#eee;

		height:50px;

		width:100%;

		transition: 0.3s;

		line-height:50px;

		cursor:default;	

		vertical-align:middle;

		transition: 0.3s;

	}

	.menuitemcontact img{

		height:21px;

		width:21px;

	}

	.menuitemcontact:hover{

		color: tomato;

		background-color:#eee;

		cursor:pointer;

	}	

	.left_top_hidden_contacts{

		position:absolute;

		top:-200px;

		display:table-row;

		height:200px;

		width:100%;

		left:0px;

		background-color: #444;

		background-image: radial-gradient(circle,#333, #222);

 		background-size: cover;

  		background-repeat: no-repeat;

		z-index:3;

		transition: 0.3s;

		opacity:0;

	}



	.left_top_hidden_menu{

		position:absolute;

		top:-400px;

		display:table-row;

		height:400px;

		width:100%;

		left:0px;

		background-color: #444;

		background-image: radial-gradient(circle,#333, #222);

 		background-size: cover;

  		background-repeat: no-repeat;

		z-index:3;

		transition: 0.3s;

		opacity:0;

	}



	.htag{

		font-size:35px;

	}



a:link {

  text-decoration:none;

}



/* visited link */

a:visited {

 text-decoration:none;

}



/* mouse over link */

a:hover {

text-decoration:none;

}



/* selected link */

a:active {

 text-decoration:none;

}





.tagcounter{

	display:inline;

	color:tomato;

	background-color:#eee;

	border-radius:35%;

	font-size:8vh;

	vertical-align:middle;

}

.tagcode{

	display:inline-block;

	background-color:#aaa;

	color:#eee;

	font-size:8vh;

	vertical-align:middle;

	margin:1vh;

	white-space:nowrap;

}

.tagcode:hover{

	cursor:pointer;

	background-color:tomato;

}



.gui_icons{

	

	height:50px;

	width: auto;



}



.ns{

	-webkit-user-select: none;       

	-moz-user-select: none;

	-ms-user-select: none; 

	user-select: none;

	cursor:pointer;	

}



.slt{

	-webkit-user-select: text;      

	-moz-user-select: text;

	-ms-user-select: text; 

	user-select: text;

	cursor:default;

}







::-webkit-scrollbar {

    width: 0px;  /* Remove scrollbar space */

    background: transparent;  /* Optional: just make scrollbar invisible */

}



::-webkit-scrollbar-thumb {

    background: #FF0000;

}





@-webkit-keyframes FADEIN {

  0%   { opacity: 0; }

  100% { opacity: 1; }

}

@-moz-keyframes FADEIN {

  0%   { opacity: 0; }

  100% { opacity: 1; }

}

@-o-keyframes FADEIN {

  0%   { opacity: 0; }

  100% { opacity: 1; }

}

@keyframes FADEIN {

  0%   { opacity: 0; }

  100% { opacity: 1; }

}