@charset "utf-8";

html {
	-ms-overflow-x: hidden;
	overflow-x: hidden;
}

html,body {
	background: url("../images/bg.jpg");
	color: #9c9375;
	margin-bottom: 2%;
}

a {
	color: #761A2C;
}

a:hover {
	color: #761A2C;
	text-decoration: underline;
}


/* **********************
colums
*********************** */

.maincolum {
	position: relative;
}

.leftcolum {
	position: fixed;
	width: 28%;
	left: 1%;
	top:5%;
	z-index: 100;
}

/* **********************
header,footer
*********************** */

footer {
	position: fixed;
	width: 100%;
	bottom: 1%;
	text-align: center;
	font-size: 80%;
}

.headimg {
	background: url("../images/headfix.png") bottom repeat-x;
	position: fixed;
	height: 25%;
	width: 100%;
	top: 0;
	pointer-events:none;
}

.booth_box {
	position: fixed;
	right: 2%;
	bottom: 2%;
	width: 20%;
	z-index: 100;
}

/* **********************
navigation
*********************** */

nav.menu {
	margin: 20px auto;
	width: 70%;
}

nav.menu>a >img{
	margin: 13px 0;
}

img.mainlogo:hover {
	opacity: 0.5;
}

nav.menu >a > img:hover {
	opacity: 0.5;
}


/* **********************
content_section
*********************** */

.content_wrap {
	position: relative;
	padding-top: 1%;
}

/* **********************
scroll palalax efect
*********************** */

.scroll_box {
	position: relative;
	margin: 5% 0;
}

.scroll2 {
	margin-top: -40%;
}

.scroll5 {
	margin-top: 20%;
	padding-left: 10%;
	z-index: 30;
}

.scroll6 {
	z-index: 30;
}

.scroll7 {
	margin-top: -30%;
	transform: rotate( -20deg );
}

/* **********************
top
*********************** */

#top {
	margin-top: 2%;
}

/* **********************
story
*********************** */

.story_content_img_wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	height: 80%;
	margin: 10% 14%;
}

.story_content_img_wrap_child_first {
	position: absolute;
	top: 8%;
	left: 45%;
	width: 16%;
	height: 11%;
}

.story_content_img_wrap_child_second {
	position: absolute;
	top: 8%;
	left: 0;
	width: 100%;
	height: 100%;
}


.story_content_img_wrap_child_thaad {
	position: absolute;
	top: 0;
	left: 0;
	width: 73%;
	height: 80%;
	margin: 19% 17%;
}



/* photo */

.sample_photo_wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	height: 80%;
	width: 80%;
	height: 75%;
	margin: 8% 13%;
}

.sample_photo_wrap > .row  {
	height: 50%;
	margin-bottom: 3%;
}

.sample_photo_wrap > .row > .col-xs-4 {
	height: 100%;
	padding: 0;
}

.sample_photo_wrap > .row > .col-xs-3 {
	height: 100%;
	padding: 0;
}

.sample_photo_wrap > .row > .col-xs-4 > a> img {
	max-height: 100%;
}

.sample_photo_wrap > .row > .col-xs-3 > a> img {
	max-height: 100%;
}

.sample_photo_wrap > .row > .col-xs-4 > a> img:hover {
	opacity: 0.5;
}

.sample_photo_wrap > .row > .col-xs-3 > a> img:hover {
	opacity: 0.5;
}

.sample6 {
	margin-top: -8%;
}


/*about */

.about_wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	height: 80%;
	width: 80%;
	height: 75%;
	margin: 8% 13%;
	font-size: 0.9vw;
}

.name {
	font-size: 120%;
	font-weight: bold;
}

.aboutlogo {
	width: 18%;
}

.coslogo {
	width: 60%;
}

.stafflogo {
	width: 95%;
}

.copylogo {
	width: 69%;
}

/* loading */

#progress {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #0e0800;
	z-index:100000;
	display:table;
}
#progressBar {
	width: 0;
	height: 5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d16a9a+0,5885ce+14,55c182+27,d0d65c+46,d86d5d+63,cc59a4+80,7a3daf+96 */
	background: #d16a9a; /* Old browsers */
	background: -moz-linear-gradient(left, #d16a9a 0%, #5885ce 14%, #55c182 27%, #d0d65c 46%, #d86d5d 63%, #cc59a4 80%, #7a3daf 96%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #d16a9a 0%,#5885ce 14%,#55c182 27%,#d0d65c 46%,#d86d5d 63%,#cc59a4 80%,#7a3daf 96%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #d16a9a 0%,#5885ce 14%,#55c182 27%,#d0d65c 46%,#d86d5d 63%,#cc59a4 80%,#7a3daf 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d16a9a', endColorstr='#7a3daf',GradientType=1 ); /* IE6-9 */
}

.loading_wrap {
	text-align: center;
	display:table-cell;
	vertical-align: middle;
}