@charset "UTF-8";

@font-face {
  font-family: 'cwTeXHei';
  font-style: normal;
  font-weight: 500;
  src: url(http://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
  src: url(http://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
       url(http://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
       url(http://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
       url(http://fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');
}
body, html {
	width: 100%;
	height: 100%;
	font: normal normal 16px/32px 'cwTeXHei', 'Open Sans', sans-serif;
}

.pad-section {
	padding: 100px 0;
}

.insert-shadow {
	-moz-box-shadow:	inset 0 50px 50px -50px rgba(0,0,0,0.8), inset 0 -50px 50px -50px rgba(0,0,0,0.8);
	-webkit-box-shadow:	inset 0 50px 50px -50px rgba(0,0,0,0.8), inset 0 -50px 50px -50px rgba(0,0,0,0.8);
	box-shadow:			inset 0 50px 50px -50px rgba(0,0,0,0.8), inset 0 -50px 50px -50px rgba(0,0,0,0.8);
}
.navbar-custom {
	margin-bottom: 0;
	border-bottom: 1px solid rgba(0,0,0,.3);
	background-color: #000;
	font-weight: 700;
}

.the-title h1 {
	text-align: center;
	font-weight: 700;
}

.the-title hr {
	max-width: 150px;
	border-width: 7px;
	margin: 0 auto 50px;
	padding: 0;
	border: 0;
	border-top: solid 7px;
	color: #000;
	border-radius: 7px;
}

.navbar-custom .navbar-brand {
	font-weight: 700;
}

.navbar-custom .navbar-brand:focus {
	outline: 0;
}

.navbar-custom .navbar-brand .navbar-toggle {
	padding: 4px 6px;
	font-size: 16px;
	color: #000;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
	outline: 0;
}
.navbar-custom .nav li a span {
	float: right;
}
.navbar-custom a {
	color: #000;
}
.navbar-custom .nav li a {
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}
.navbar-custom .nav li a:hover {
	outline: 0;
	color: rgba(0,0,0,.8);
	background-color: transparent;
}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
	outline: 0;
	background-color: transparent;
}
.navbar-custom .nav li.active {
	outline: 0;
}
.navbar-custom .nav li.active a {
	background-color: rgba(0,0,0,.2);
}
.navbar-custom .nav li.active a:hover {
	color: #FFF;
}
.navbar-custom {
	padding: 0;
	border-bottom: 0;
	letter-spacing: 1px;
	background: #f8f8f8;
	-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
	-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
	transition: background .5s ease-in-out,padding .5s ease-in-out;
}
.navbar-custom .top-nav-collapse {
	padding: 0;
	border-bottom: 1px solid rgba(255,255,255,.3);
	background: #f8f8f8;
}
.navbar-custom .navbar-toggle {
	background: #DDD;
	border: 1px solid #CCC;
}
.navbar-custom .navbar-toggle .icon-bar {
	background-color: #000;
}
@media (min-width:767px) {
	.navbar-custom {
		padding: 20px 0;
		border-bottom: 0;
		letter-spacing: 1px;
		background: 0 0;
		-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
		-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
		transition: background .5s ease-in-out,padding .5s ease-in-out;
	}

	.navbar-custom.top-nav-collapse {
		padding: 0;
		border-bottom: 1px solid rgba(0,0,0,.3);
		background: #FFF;
	}

	.navbar-custom .nav li a span {
		display: none;
	}

}

#home {
	display: table;
	width: 100%;
	height: 100%;
	background: url(../images/bg01.jpg) no-repeat 50% 50% fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 50px 0 100px;
}

#home .home-body {
	display: table-cell;
	vertical-align: middle;
}

#home h1 {
	font-size: 10vw;
	font-weight: 700;
	font-variant: small-caps;
}

#home h2 {
	font-size: 8vw;
	font-weight: 700;
}

#portfolio {
	background: url(../images/bg02.jpg) no-repeat center center fixed; 
}

#portfolio img {
	width: 100%;
	height: auto;
}

#contact {
	height: 100%;
	background: url(../images/bg16.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#contact textarea{ 
	height: 150px;
	min-height: 150px;
	max-height: 150px;
}

.form_bg {
	position: relative;
	z-index: 100;
	padding: 30px;
	border: 1px solid #383838;   
	background: #D1D1D1;
	background: repeating-linear-gradient(-45deg, #EFC1CB , #EFC1CB 30px, #F2F2F2 30px, #F2F2F2 40px, #C2E8F5 40px, #C2E8F5 70px,#F2F2F2 70px, #F2F2F2 80px);
	border-radius: 8px;
	box-shadow: 0px 1px 6px #3F3F3F;
}

.form_bg:after{
	background: #F9F9F9;
	margin: 10px;
	position: absolute;
	content: " ";
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: -1; 
	border: 1px #E5E5E5 solid;       
	border-radius: 8px;
}

#contact form textarea {
	height: 100px;
}
 
#contact form .input-error {
	border-color: #d05a4e;
}

.reView { display: none; }

.gotop {
	color: rgba(0,0,0,0.9);
	position: fixed;
	bottom: 2vh;
	right: 5vh;
	cursor: pointer;
	z-index: 2;
}

.gotop:hover {
	color: rgba(0,0,0,0.7);
}

footer {
	padding: 50px 0 20px;
	-moz-box-shadow:    inset 0 50px 50px -50px rgba(0,0,0,0.8);
	-webkit-box-shadow: inset 0 50px 50px -50px rgba(0,0,0,0.8);
	box-shadow:         inset 0 50px 50px -50px rgba(0,0,0,0.8);
}

.box-shadow {
	transition: all 0.3s;
}

.box-shadow:hover {
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	filter: grayscale(0%);
}

.box-shadow img:hover {
	filter: grayscale(0%);
}

.gone {
	text-decoration: line-through;
	color: #CCC;

}

.gone img {
	filter: grayscale(100%);
}

.nav_underline {
	border-bottom: 1px solid rgba(0,0,0,.3)
}