/*************************************************************

BODY STYLE

*************************************************************/



@charset "utf-8";



@import url(fonts.css);





body {


	background:#000 ;	

	margin: 0px;

	padding: 0px;

	display: inline-block;

	overflow-x:hidden;
	
	overflow-y: scroll;

}

* {

	outline: none;

	box-shadow: none;

	-webkit-tap-highlight-color: transparent;

	box-sizing: border-box;

}

p {

	text-align: justify;
	width:80%;
	color: #8b8b8b;
	font-size: 18px;
	max-width: 1000px;
	margin:0 auto;
	font-family: sans-serif ;
}

a {
	font-size: 16px;
	color:#304e68;
	text-decoration: none;
	font-family: sans-serif ;

}



h1{
	color: #8b8b8b;
	font-family: sans-serif;
}

h2 {
    color:#8b8b8b;
    font-family: sans-serif;

}

h3 {

	font-family: sans-serif;

}

h4 {
	font-family: sans-serif;
}

li , input , textarea, select, option{
	font-family: sans-serif ;
}



/*************************************************************

SCROLLBAR STYLE

*************************************************************/



::-webkit-scrollbar-track

{
	-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3);
	border-radius: 5px;
	background-color: #1b1b1b;
	display: none;
}



::-webkit-scrollbar

{
	width: 5px;
	height: 5px;
	background-color: #1b1b1b;
	display: none;
}



::-webkit-scrollbar-thumb

{
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #000;
	display: none;
}






@media screen and (orientation:landscape) {

	#header{
		width:100vw;
		height: 7vh;
		background: #000;
		position: fixed;
		z-index: 1000;
	}
	#header h1{
		width: 20vw;
		height: 7vh;
		line-height: 7vh;
		font-size: 1.2em;
		margin-top: 0;
		margin-left: 2vw;
		font-family: Nexa;
		letter-spacing: 2px;
		cursor: pointer;
	}
    #header img{
        width: 5vh;
        height: 5vh;
        margin-top: -7vh;
        margin-left: 1vh;
        float: right;
        display: none;
		cursor: pointer;
    }

	#navigation{
		width: 70vw;
		height: 7vh;
		margin-top: -8.5vh;
		margin-left: 23vw;
		list-style: none;
		padding:0;
	}
	#navigation li{
		width: 10vw;
		height: 7vh;
		line-height: 7vh;
		font-size: 0.8em;
		font-family: CaviarDreams;
		float: left;
		margin-top: 0;
		margin-left: 0vw;
		color:#747474;
		transition-duration: 1s;
	}
    #navigation li a{
		width: 12vw;
		height: 7vh;
		line-height: 7vh;
		font-size: 1em;
		font-family: CaviarDreams;
		float: left;
		margin-top: 0;
		margin-left: 0vw;
		color:#747474;
		transition-duration: 1s;
        display: block;
	}
	#navigation li a:hover{
		color:#005d99;
	}

    #navigation li span{
        width: 3vh;
        height: 3vh;
        line-height: 3vh;
        font-size: 1em;
        font-family: CaviarDreams;
        text-align: center;
        float: right;
        margin-top: -5vh;
        margin-right: 3vw;
        display: block;
        color: #FFF;
        background: #FF0000;
        border-radius: 100%;
        display: none;
    }

	
#footer{
    width:100vw;
    height: 30vh;
    background: #000;
    z-index: 1000;
}
#social{
    width: 25vw;
    height: 15vh;
    padding: 0;
    margin: 10vh 37vw;
    list-style: none;
}
#social h2{
    width: 90%;
    height: 2vh;
    line-height: 2vh;
    float: left;
    margin-left: 10%;
    margin-top: 10px;
    font-size: 1em;
    font-family: Nexa;
    text-align: center;
}
#social li{
    width: 5vw;
    height: 5vw;
    float: left;
    margin: 0;
}
#social li img{
    width: 3vw;
    height: 3vw;
    margin: 2vw;
    border-radius: 100%;
    background: #000000b3;
    box-shadow: none;
}



}






@media screen and (orientation:portrait) {

    #header{
        width:100vw;
        height: 7vh;
        background: #000;
        position: fixed;
        z-index: 1000;
    }
    #header h1{
        width: 50vw;
        height: 7vh;
        line-height: 7vh;
        font-size: 1em;
        margin-top: 0;
        margin-left: 2vw;
        font-family: Nexa;
        letter-spacing: 2px;
		cursor: pointer;
    }
    #header img{
        width: 3vh;
        height: 3vh;
        margin-top: -6vh;
        margin-right: 1vh;
        float: right;
        display: block;
		cursor: pointer;
    }


    #navigation{
        width: 100vw;
        height: 93vh;
        margin-top: -2vh;
        margin-left: 0;
        list-style: none;
        padding:0;
        display: block;
        background: rgba(0,0,0,1);
        opacity: 0;
        display: none;
    }
    #navigation li{
        width: 100vw;
        height: 15vh;
        line-height: 7vh;
        font-size: 0.8em;
        font-family: CaviarDreams;
        float: left;
        margin-top: 0;
        margin-left: 0vw;
        color:#747474;
        transition-duration: 1s;
    }
    #navigation li:hover{
        color:#005d99;
    }

    #navigation li a{
        width: 95vw;
        height: 15vh;
        line-height: 15vh;
        font-size: 1em;
        font-family: CaviarDreams;
        float: left;
        margin-top: 0;
        margin-left: 0vw;
        padding-left: 5vw;
        display: block;
        color: #747474;
    }

    #navigation li span{
        width: 5vh;
        height: 5vh;
        line-height: 5vh;
        font-size: 1em;
        font-family: CaviarDreams;
        text-align: center;
        float: right;
        margin-top: -10vh;
        margin-right: 2vw;
        display: block;
        color: #FFF;
        background: #FF0000;
        border-radius: 100%;
        display: none;
    }




	#footer{
        width:100vw;
        height: 30vh;
        background: #000;
        z-index: 1000;
    }
    #social{
        width: 70vw;
        height: 15vh;
        padding: 0;
        margin: 10vh 15vw;
        list-style: none;
    }
    #social h2{
        width: 90%;
        height: 2vh;
        line-height: 2vh;
        float: left;
        margin-left: 10%;
        margin-top: 10px;
        font-size: 1em;
        font-family: Nexa;
        text-align: center;
    }
    #social li{
        width: 10vw;
        height: 10vw;
        float: left;
        margin: 2vw;
    }
    #social li img{
        width: 10vw;
        height: 10vw;
        margin: 0;
        border-radius: 100%;
        background: #000000b3;
        box-shadow: none;
    }

}