* {padding:0;margin:0;}

html {width:100%;height:100%;background: url(../video/video1.jpg) no-repeat center center fixed; 

			-webkit-background-size: cover;

			-moz-background-size: cover;

			-o-background-size: cover;

			background-size: cover;}
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;
	bottom:0px;
	left:0px;
}	
		

aside {float:left;margin:0px 0 25px;position:relative;z-index:1;background:linear-gradient(90deg, rgb(0, 0, 0, 0.6) 35%, rgb(0, 0, 255,0.6));border: 1px solid #000;box-shadow:0 0 15px #000; padding: 5px;border-radius: 7px;}

#main {float:right;margin:0px 0 25px;}
#main1 {display:none;}
	.menu-trigger {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-image: linear-gradient(-20deg, rgb(0,0,0,0.5) 30%, rgb(0,0,255,0.8));padding:12px 20px;}
	aside nav ul li a:hover{background-image: linear-gradient(-20deg, rgb(0,0,0,0.5) 30%, rgb(0,0,255,0.8));color:#FFF;text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 20px #49ff18, 0 0 30px #49FF18, 0 0 40px #49FF18, 0 0 55px #49FF18, 0 0 75px #49ff18;}
}
footer {clear:both;color:#FFF;padding:15px 0 15px 30px;margin:0 0 35px;width: 100%;}

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

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

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


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


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

#cookies-message{ 
  color: white; padding: 12px 10px; text-align: center; position: fixed; bottom:0px; left:0; right:0; background-color: rgba(0,0,0,0.6); z-index: 100000; box-shadow: 0 0 5px rgba(0,0,0,0.4); display: none;font-size: 12px;
}
#accept-cookies-checkbox{ 
  border:1px solid #00ff;
    background-image: linear-gradient(-20deg, rgb(0,0,0,0.7) 30%, rgb(0,0,255,0.9));
    box-shadow:0 0 15px #00FF; color: #FFF;  transition: all 0.5s; padding: 2px 6px; border-radius: 4px; display: inline-block; margin-left: 10px; text-decoration: none; cursor: pointer
}
#accept-cookies-checkbox:hover{ 
  background-color: transparent; border-color: white;
}


@media (min-width: 800px) {
	aside {width:25%;}
	#main {width:70%;}
	#main1 {display:block;}
	
	.menu-trigger {display:none;}
	
	aside nav {display:none;}
	aside nav ul {list-style:none;}
	aside nav ul li {margin-bottom:1px;}
	aside nav ul li a {display:block;text-decoration:none;color:#fff;background-image: linear-gradient(-20deg, rgb(0,0,0,0.5) 30%, rgb(0,0,255,0.8));padding:8px 20px;}
	aside nav ul li a:hover{background-image: linear-gradient(-20deg, rgb(0,0,0,0.5) 30%, rgb(0,0,255,0.8));color:#FFF;
text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 20px #49ff18, 0 0 30px #49FF18, 0 0 40px #49FF18, 0 0 55px #49FF18, 0 0 75px #49ff18;}
}
@media (max-width: 800px) {
	aside,
	#main {width:100%;}
#main1 {display:none;}

	.menu-trigger {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-image: linear-gradient(-20deg, rgb(0,0,0,0.5) 30%, rgb(0,0,255,0.8));padding:12px 20px;}
	aside nav ul li a:hover{background-image: linear-gradient(-20deg, rgb(0,0,0,0.5) 30%, rgb(0,0,255,0.8));color:#FFF;text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 20px #49ff18, 0 0 30px #49FF18, 0 0 40px #49FF18, 0 0 55px #49FF18, 0 0 75px #49ff18;}
}
@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;

	
}
#main1 { position:fixed; z-index:119; margin:0px 0 25px; margin-top:0px;}
.menu, .menu ul {

    list-style: none;

    padding: 0;

    margin: 0;

	

}

.menu {

    height: 38px;

	margin-left: 0px;

}

.menu li {

    background: -moz-linear-gradient(rgb(0,0,255,0.9), rgb(0,0,255,0.9));

    background: -ms-linear-gradient(rgb(0,0,255,0.9), rgb(0,0,255,0.9));

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(0,0,255,0.9)), color-stop(100%, rgb(0,0,255,0.9)));

    background: -webkit-linear-gradient(rgb(0,0,255,0.9), rgb(0,0,255,0.9));

    background: -o-linear-gradient(rgb(0,0,255,0.9), rgb(0,0,255,0.9));

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(0,0,255,0.9)', endColorstr='rgb(0,0,255,0.9)');

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(0,0,255,0.9)', endColorstr='rgb(0,0,255,0.9)')";

    background: linear-gradient(rgb(0,0,255,0.9), rgb(0,0,0,0.7));



    border-bottom: 2px ;

    border-top: 2px ;

    min-width: 175px;

}

.menu > li {

    display: block;

    float: left;

    position: relative;

}

.menu > li:first-child {

    border-radius: 0px 0 0;

}

.menu a {

    border-left: 3px solid rgba(0, 0, 0, 0);

    color: #fff;

    display: block;

    font-family: 'Lucida Console';

    font-size: 14px;

    line-height: 34px;

    padding: 0 20px;

    text-decoration: none;

    text-transform: uppercase;

}



/* onhover styles */

.menu li:hover {

   

}

.menu li:hover > a {

      color:#FFF;
text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 20px #49ff18, 0 0 30px #49FF18, 0 0 40px #49FF18, 0 0 55px #49FF18, 0 0 75px #49ff18;


}



/* submenu styles */

.submenu {

    left: 0;

    max-height: 0;

    position: absolute;

    top: 100%;

    z-index: 0;



    -webkit-perspective: 400px;

    -moz-perspective: 400px;

    -ms-perspective: 400px;

    -o-perspective: 400px;

    perspective: 400px;

}

.submenu li {

    opacity: 0;



    -webkit-transform: rotateY(90deg);

    -moz-transform: rotateY(90deg);

    -ms-transform: rotateY(90deg);

    -o-transform: rotateY(90deg);

    transform: rotateY(90deg);



    -webkit-transition: opacity .4s, -webkit-transform .5s;

    -moz-transition: opacity .4s, -moz-transform .5s;

    -ms-transition: opacity .4s, -ms-transform .5s;

    -o-transition: opacity .4s, -o-transform .5s;

    transition: opacity .4s, transform .5s;

}

.menu .submenu li:hover a {

    border-left: 3px solid #0F0;

    border-radius: 0;

    color: #ffffff;

}

.menu > li:hover .submenu, .menu > li:focus .submenu {

    max-height: 2000px;

    z-index: 10;

}

.menu > li:hover .submenu li, .menu > li:focus .submenu li {

    opacity: 1;



    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

}



/* CSS3 delays for transition effects */

.menu li:hover .submenu li:nth-child(1) {

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -ms-transition-delay: 0s;

    -o-transition-delay: 0s;

    transition-delay: 0s;

}

.menu li:hover .submenu li:nth-child(2) {

    -webkit-transition-delay: 50ms;

    -moz-transition-delay: 50ms;

    -ms-transition-delay: 50ms;

    -o-transition-delay: 50ms;

    transition-delay: 50ms;

}

.menu li:hover .submenu li:nth-child(3) {

    -webkit-transition-delay: 100ms;

    -moz-transition-delay: 100ms;

    -ms-transition-delay: 100ms;

    -o-transition-delay: 100ms;

    transition-delay: 100ms;

}

.menu li:hover .submenu li:nth-child(4) {

    -webkit-transition-delay: 150ms;

    -moz-transition-delay: 150ms;

    -ms-transition-delay: 150ms;

    -o-transition-delay: 150ms;

    transition-delay: 150ms;

}

.menu li:hover .submenu li:nth-child(5) {

    -webkit-transition-delay: 200ms;

    -moz-transition-delay: 200ms;

    -ms-transition-delay: 200ms;

    -o-transition-delay: 200ms;

    transition-delay: 200ms;

}

.menu li:hover .submenu li:nth-child(6) {

    -webkit-transition-delay: 250ms;

    -moz-transition-delay: 250ms;

    -ms-transition-delay: 250ms;

    -o-transition-delay: 250ms;

    transition-delay: 250ms;

}

.menu li:hover .submenu li:nth-child(7) {

    -webkit-transition-delay: 300ms;

    -moz-transition-delay: 300ms;

    -ms-transition-delay: 300ms;

    -o-transition-delay: 300ms;

    transition-delay: 300ms;

}

.menu li:hover .submenu li:nth-child(8) {

    -webkit-transition-delay: 350ms;

    -moz-transition-delay: 350ms;

    -ms-transition-delay: 350ms;

    -o-transition-delay: 350ms;

    transition-delay: 350ms;

}



.submenu li:nth-child(1) {

    -webkit-transition-delay: 350ms;

    -moz-transition-delay: 350ms;

    -ms-transition-delay: 350ms;

    -o-transition-delay: 350ms;

    transition-delay: 350ms;

}

.submenu li:nth-child(2) {

    -webkit-transition-delay: 300ms;

    -moz-transition-delay: 300ms;

    -ms-transition-delay: 300ms;

    -o-transition-delay: 300ms;

    transition-delay: 300ms;

}

.submenu li:nth-child(3) {

    -webkit-transition-delay: 250ms;

    -moz-transition-delay: 250ms;

    -ms-transition-delay: 250ms;

    -o-transition-delay: 250ms;

    transition-delay: 250ms;

}

.submenu li:nth-child(4) {

    -webkit-transition-delay: 200ms;

    -moz-transition-delay: 200ms;

    -ms-transition-delay: 200ms;

    -o-transition-delay: 200ms;

    transition-delay: 200ms;

}

.submenu li:nth-child(5) {

    -webkit-transition-delay: 150ms;

    -moz-transition-delay: 150ms;

    -ms-transition-delay: 150ms;

    -o-transition-delay: 150ms;

    transition-delay: 150ms;

}

.submenu li:nth-child(6) {

    -webkit-transition-delay: 100ms;

    -moz-transition-delay: 100ms;

    -ms-transition-delay: 100ms;

    -o-transition-delay: 100ms;

    transition-delay: 100ms;

}

.submenu li:nth-child(7) {

    -webkit-transition-delay: 50ms;

    -moz-transition-delay: 50ms;

    -ms-transition-delay: 50ms;

    -o-transition-delay: 50ms;

    transition-delay: 50ms;

}

.submenu li:nth-child(8) {

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -ms-transition-delay: 0s;

    -o-transition-delay: 0s;

    transition-delay: 0s;

}