/*  - - - - - - - - - - - - Global page styles  - - - - - - - - - - - - */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #000;
	overflow-y: scroll;
	overflow-x: hidden;
}


/*  - - - - - - - - - - - Page Adaptive Elements  - - - - - - - - - - */








/* - - - - - - - - - - - - D E S K T O P - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - I N F I N I T E - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media screen and (max-width: 9000px) { 

/* - - - - - Text Styles - - - - - */

p1 {
	Font-size: 48px;
	line-height: 1.0;
	letter-spacing: -1.5px;
}


A.footerlink1:before{
	Border-bottom: 4px solid #fff;
}

/* m a i n   c o n t e i n e r */

.mainconteiner {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	min-width: 360px;
}

/* c o n t e n t s   c o n t e i n e r */

.contents {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin-left: 0%;
}


/* l o g o */

.logo {
	position: absolute;
	left: 30px;
	top: 30px;
	width: 70px;
	height: 70px;
}


/* c l o s e */

.close {
	position: absolute;
	left: 100%;
	top: 30px;
	width: 70px;
	height: 70px;
	margin-left: -100px;
}

	

/* m e n u */
	
.menu {
	position: absolute;
	left: 50%;
	top: 0px;
	width: auto;
	height: 100%;
	margin-top: 0px;
	margin-left: -160px;
	min-width: 320px;
	min-height: 600px;
}

.li1 {
	position: absolute;
	width: 320px;
	height: auto;
	text-align: center;
	top: 7%;
}

.li2 {
	position: absolute;
	width: 320px;
	height: auto;
	text-align: center;
	top: 17%;
}

.li3 {
	position: absolute;
	width: 320px;
	height: auto;
	text-align: center;
	top: 27%;
}

.li4 {
	position: absolute;
	width: 320px;
	height: auto;
	text-align: center;
	top: 37%;
}

.li5 {
	position: absolute;
	width: 320px;
	height: auto;
	text-align: center;
	top: 47%;
}

.li6 {
	position: absolute;
	width: 320px;
	height: auto;
	text-align: center;
	top: 57%;
}

.li7 {
	position: absolute;
	width: 320px;
	height: auto;
	text-align: center;
	top: 67%;
}

.li8 {
	position: absolute;
	width: 320px;
	height: auto;
	text-align: center;
	top: 77%;
}

.li9 {
	position: absolute;
	width: 320px;
	height: auto;
	text-align: center;
	top: 87%;
	padding-bottom: 40px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* e n d   o f   m e d i a   s c r e e n */	
}





/* - - - - - - - - - - - - - L A P T O P - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media screen and (max-width: 1280px) {


/* - - - - - Text Styles - - - - - */

p1 {
	Font-size: 40px;
	line-height: 1.0;
	letter-spacing: -1.5px;
}

A.footerlink1:before{
	Border-bottom: 4px solid #fff;
}

/* c o n t e n t s   c o n t e i n e r */

.contents {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin-left: 0%;
}


/* l o g o */

.logo {
	position: absolute;
	left: 30px;
	top: 30px;
	width: 60px;
	height: 60px;
}


/* c l o s e */

.close {
	position: absolute;
	left: 100%;
	top: 30px;
	width: 60px;
	height: 60px;
	margin-left: -90px;
}






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* e n d   o f   m e d i a   s c r e e n */	
}










/* - - - - - - - - - - - - - - T A B L E T - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media screen and (max-width: 960px) { 


/* - - - - - Text Styles - - - - - */

p1 {
	Font-size: 34px;
	line-height: 1.0;
	letter-spacing: -1.0px;
}

A.footerlink1:before{
	Border-bottom: 3px solid #fff;
}

/* c o n t e n t s   c o n t e i n e r */

.contents {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 94%;
	height: 100%;
	margin-left: -47%;
}

/* l o g o */

.logo {
	position: absolute;
	left: 0px;
	top: 20px;
	width: 54px;
	height: 54px;
}


/* c l o s e */

.close {
	position: absolute;
	left: 100%;
	top: 20px;
	width: 54px;
	height: 54px;
	margin-left: -54px;
}







/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* e n d   o f   m e d i a   s c r e e n */	
}




/* - - - - - - - - - - - - - - M O B I L E - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media screen and (max-width: 580px) { 

/* - - - - - Text Styles - - - - - */

p1 {
	Font-size: 28px;
	line-height: 1.0;
	letter-spacing: -0.5px;
}

A.footerlink1:before{
	Border-bottom: 2px solid #fff;
}

/* c o n t e n t s   c o n t e i n e r */

.contents {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 94%;
	height: 100%;
	margin-left: -47%;
}


/* l o g o */

.logo {
	position: absolute;
	left: 0px;
	top: 20px;
	width: 40px;
	height: 40px;
}


/* c l o s e */

.close {
	position: absolute;
	left: 100%;
	top: 20px;
	width: 40px;
	height: 40px;
	margin-left: -40px;
}



/* m e n u */
	
.menu {
	min-height: 440px;
}

	
/* e n d   o f   m e d i a   s c r e e n */
}




/* - - - - - Backgrounds - - - - - */

::selection {background:#fff; color:black;}
::-moz-selection {background:#fff; color:black;}

p::selection {background:#fff; color:black;}
p::-moz-selection {background:#fff; color:black;}

a::selection {background:#fff; color:black;}
a::-moz-selection {background:#fff; color:black;}

div::selection {background:#fff; color:black;}
div::-moz-selection {background:#fff; color:black;}