@font-face {
	font-family: 'Mono Social Icons Font';
	src: url('../fnt/MonoSocialIconsFont/MonoSocialIconsFont-1.10.eot');
	src: url('../fnt/MonoSocialIconsFont/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),  url('../fnt/MonoSocialIconsFont/MonoSocialIconsFont-1.10.woff') format('woff'),  url('../fnt/MonoSocialIconsFont/MonoSocialIconsFont-1.10.ttf') format('truetype'),  url('../fnt/MonoSocialIconsFont/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
	src: url('../fnt/MonoSocialIconsFont/MonoSocialIconsFont-1.10.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
::-webkit-scrollbar {
 display: none;
}
/*----------------------- structure -----------------------*/

html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
body {
    width:100%;
    height:100%;
	margin: 0;
	background: #000000;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}
#scroll {
    position:absolute;
	width: 100%;
    height:100%;
	overflow-y: auto;
    overflow-x:hidden;
	perspective: 1000px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
	-o-perspective: 1000px;
}
/*----------------------- position -----------------------*/

.container_home {
    min-height: 100%;
    width: 100%;
    transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
}
.container_about {
    min-height: 100%;
    width: 100%;
    transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
}
.container_work {
    margin:0;
	height: 1100px;
	line-height: 1100px;
	width: 100%;
    transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
}
.container_contact {
	min-height: 100%;
	width: 100%;
    transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
}

#light {
    z-index:800;
    position:fixed;
    width:20px;
    height:20px;
    margin:20px;
    border-radius:100%;
    border:2px solid #FFFFFF;
    cursor:pointer;
}