* {padding:0;margin:0;}

html {width:100%;height:100%;background:#000000;}
body {font-family:Arial, Helvetica, Sans-serif;font-size:14px;line-height:1.5;font-weight:400;color:#ffffff; 
			margin-top:-25px;}

.container {width:90%;max-width:1050px;margin:0 auto;}
#video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 background: url('../video/video.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
}
header {margin:25px 0;}
header img {width:100%; margin-top:20px;}
 canvas{
            position: fixed;
            bottom: 0;
            z-index: 0
        }
	.codrops-top {
	background: linear-gradient(90deg, #000, blue, #000);
	text-transform: uppercase;
	width: 100%;
	font-size: 0.69em;
	line-height: 2.2;
	border-bottom:1px solid blue;
	box-shadow:0 0 15px blue;
	position:fixed;
	top:0px;
	left:0px;
}	
		
.menu-trigger {color:#FFFFFF;font-weight:700;text-transform:uppercase;padding:15px;margin:0 0 5px;cursor:pointer; position:relative;z-index:1;
    
}
.menu-trigger1 {color:#FFFFFF;font-weight:700;text-transform:uppercase;padding:15px;margin:0 0 5px;cursor:pointer;position:relative;z-index:1;
    
}
.menu-trigger2 {color:#FFFFFF;font-weight:700;text-transform:uppercase;padding:15px;margin:0 0 5px;cursor:pointer;position:relative;z-index:1;
    
}
aside {float:left;margin:-80px 0 25px;position:relative;z-index:1;}

#main {float:right;margin:-120px 0 25px;}

footer {clear:both;color:#FFF;background: linear-gradient(90deg, #000, blue, #000);padding:15px 0 15px 30px;margin:0 0 25px;}

::-webkit-scrollbar {
	width: 15px;
}

::-webkit-scrollbar-thumb {
	background-image: linear-gradient(-20deg, #000 40%, blue);
}

::-moz-scrollbar {
	width: 15px;
}


::-moz-scrollbar-thumb {
	background-image: linear-gradient(-20deg, #000 40%, blue);
}
::-ms-scrollbar {
	width: 15px;
}


::-ms-scrollbar-thumb {
	background-image: linear-gradient(-20deg, #000 40%, blue);
}




@media (min-width: 800px) {
	aside {width:20%;}
	#main {width:75%;}
	
	.menu-trigger {display:none;}
	.menu-trigger1 {display:block;}
	.menu-trigger2 {display:none;}
	aside nav {display:block !important;}
	aside nav ul {list-style:none;}
	aside nav ul li {margin-bottom:1px;}
	aside nav ul li a {display:block;text-decoration:none;color:#FFFFFF;background: linear-gradient(90deg, #000, blue, #000);background-size: 200%;padding:8px 20px;}
	aside nav ul li a:hover{animation: animate 2s linear infinite;color:#FFF;}
	
}
@media (max-width: 800px) {
	aside,
	#main {width:100%;}
	
	.menu-trigger {display:block;}
	.menu-trigger1 {display:none;}
	.menu-trigger2 {display:block;}
	aside nav {display:none;}
	aside nav ul {list-style:none;}
	aside nav ul li {margin-bottom:1px;}
	aside nav ul li a {display:block;font-size:14px;font-weight:700;text-decoration:none;color:#fff;background: linear-gradient(90deg, #000, blue, #000);background-size: 200%;padding:12px 20px;}
	aside nav ul li a:hover{animation: animate 2s linear infinite;color:#FFF;}
	
}
@keyframes animate
	{
		0%
		{
			background-position: 0%;
		}
		100%
		{
			background-position: 200%;
		}
}

.fb-icon {
	
	background-image: url(../images/fb_icon.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain ;
	width: 100px;
	height: 80px;
	cursor: pointer;
	
	filter: alpha(opacity = 80);
	float: left;
	left;0px;
}
#fb-box {
	position: fixed;
	width: 445px;
	height:20px;
	top: 100px;
	right: 0px;
	padding: 0px;
	z-index: 100;
	margin-right: -350px;
	
}
.fb-text-box {
	background-image: linear-gradient(-20deg, rgb(0,0,0,0.7) 45%, rgb(0,0,255,0.9));
	border-radius: 0px 0px 0px 5px;
	-moz-border-radius: 0px 0px 0px 5px;
	-khtml-border-radius: 0px 0px 0px 5px;
	-webkit-border-radius: 0px 0px 0px 5px;
	width: 340px;
	height: 340px;
	float: left;
	top:-160px;
	padding: 2px;
	padding-left: 2px;
	padding-right: 2px;
	color: white;

	
}