/* GENERAL */

html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

/* TOP MENU */

.nav-top-menu {
    width: 100%;
    position: fixed;
    top: 0;
    height: 75px;
	z-index: 100;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}


/* SECTIONS FORMAT */

.below-menu {
    padding-top: 80px;
}

.virtual-page {
    padding-top: 75px;
	height: 100%;
	width: 100%;
}

.section-content {
    padding-top: 80px;
	width: 100%;
	position: absolute;
	left:0;
	top: 0;
	z-index: 2;
}

/* BACKGROUND EFFECT */

.hover-effect:before {
	content: '';
	position: absolute;
	left:0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}

.hover-effect:before {
	background-color:rgba(0,0,0,0.4);
}

.hover-effect:hover:before {
	background-color:rgba(0,0,0,0.2);
}

/* BACKGROUND IMAGES */

.bg-image {
	background-attachment: scroll;
	background-size: cover;
	background-position: center center;
	background-repeat: repeat;
	overflow: visible;
	position:relative;
	height: 100%;
	-webkit-transition: background-image 2s;
	-moz-transition: background-image 2s;
	-o-transition: background-image 2s;
	transition: background-image 2s;
	background-color: #333;
}

.bg-image1 {
    background-image:url(../images/bg-image1.jpg);
}
.bg-image2 {
    background-image:url(../images/bg-image2.jpg);
}
.bg-image3 {
    background-image:url(../images/bg-image3.jpg);
}
.bg-image4 {
    background-image:url(../images/bg-image4.jpg);
}
.bg-image5 {
    background-image:url(../images/bg-image5.jpg);
}
.bg-image6 {
    background-image:url(../images/bg-image6.jpg);
}
.bg-image7 {
    background-image:url(../images/bg-image7.jpg);
}
.bg-image8 {
    background-image:url(../images/bg-image8.jpg);
}
.bg-image9 {
    background-image:url(../images/bg-image9.jpg);
}