/*
Plugin: jQuery Parallax
Version 1.1
Author: Ian Lunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display: block;
}
mark, rp, rt, ruby, summary, time {
	display: inline
}
/* CSS Document */

body {
	font-family:'Cuprum', sans-serif;
	font-size:15px;
	line-height:24px;
	color:#e5e5e5;
	min-width:1000px;
	padding:0;
	background:#070806
}
html, body {
	height:100%;
}
p {
	padding-bottom:11px;
	color:#c0c0c0;
	font-weight:normal;
}
p a{
	padding-bottom:11px;
	color:#c0c0c0;
	font-weight:normal;
}
p a:hover{
	padding-bottom:11px;
	color:#c0c0c0;
	font-weight:normal;
}
a {
	text-decoration:none;
}
.clear {
	clear:both;
}
.wrapper {
	overflow:hidden;
	width:100%
}
.z1 {
	z-index:1
}
.z2 {
	z-index:3
}
.z3 {
	z-index:5
}
.lightbox-image {
	overflow:hidden;
	display:inline-block;
}
.spinner {
	position:absolute;
	z-index:999;
	background: url(images/25.html) 50% 50% no-repeat #070806;
	width:100%;
	height:100%;
	top:0;
	left:0;
	margin:0 auto
}
#home_img {
	background-attachment: scroll;
}
/*----------- logo ------------*/

.logo {
	position:fixed;
	top:30px;
	right:30px;
	display:inline-block;
	text-indent:-1000px;
	z-index:100;
	background:url(images/logo.png) no-repeat 0 0;
	width:121px;
	height:121px
}
/*----------- menu ------------*/
#nav {
	z-index: 100;
	position: fixed;
	top: 206px !important;
	right: 30px;
}
#nav li {
	position: relative;
	padding-bottom:14px;display:block;text-align:right
}
#nav li a {
	font-family: 'Anton', sans-serif;
	display: inline-block;
	font-size:24px;
	line-height:26px;
	color:#fff;
	text-shadow:1px 1px #48575b;
	text-align:right;
	text-transform:uppercase;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration:none
}
#nav li a span {
	display:block;
	font-family: 'Cuprum', sans-serif;
	font-size:16px;
	line-height:18px;
	text-transform:none;
	padding-top:2px
}
#nav li a:hover, #nav li.current a {
	color:#e7ca01
}
.btn-blog {
	z-index: 100;
	position: fixed;
	top: 483px !important;
	right: 30px;
	font-family: 'Anton', sans-serif;
	display: block;
	font-size:24px;
	line-height:26px;
	color:#fff;
	text-shadow:1px 1px #48575b;
	text-align:right;
	text-transform:uppercase;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration:none
}
.btn-blog span {
	display:block;
	font-family: 'Cuprum', sans-serif;
	font-size:16px;
	line-height:18px;
	text-transform:none;
	padding-top:2px
}
.btn-blog:hover {
	color:#e7ca01
}
/*----------- social ------------*/
.soc {
	position:fixed;
	top:555px;
	right:28px;
	z-index:100
}
.soc li {
	padding:0 0 4px;
}
.soc li a {
	width:28px;
	height:28px;
	position:relative;
	display:block;
}
.soc li a .active {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.soc li a:hover .active {
	opacity:1;
}
.box-content {
	margin: 0 auto;
	min-height: 1000px;
	padding: 0 10px;
	width: 980px;
}
h2, h3 {
	font-family: 'Anton', sans-serif;
	color:#fff;
	text-shadow:3px 3px #4a4a48;
	opacity:0.9;
	font-weight:normal;
	z-index:10
}
h2 {
	font-size:100px;
	line-height:106px;
}
h3 {
	font-size:70px;
	line-height:74px
}
a.next-page {
	cursor:url(images/cursor-scroll.png) 83 83, auto;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	background:url(images/point.png);
	display:block;
	width:100%;
	height:100%
}
.portfolio_btn {
	cursor:url(images/cursor-scroll.png) 83 83, auto;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	display:block;
	width:100%;
	height:100%
}
.slide {
	height:1300px
}
#wrapper {
	background-attachment: scroll;
	background-clip: border-box;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	height: 6600px;
	position:relative
}
#main-content {
	left: 0;
	position: fixed;
	width: 100%;
}
/*---------- home -----------*/
.box-content {
	position:relative
}
.home-img1 {
	width:413px;
	height:186px;
	margin: 175px 0 0 -430px;
	background:url(images/home-img1.png) no-repeat;
}
.home-img2 {
	width:239px;
	height:101px;
	margin: 375px 0 0 -254px;
	background:url(images/home-img2.png) no-repeat
}
.home-img3 {
	width:114px;
	height:71px;
	margin: 337px 0 0 -3px;
	background:url(images/home-img3.png) no-repeat
}
.home-img4 {
	width:230px;
	height:98px;
	margin: 381px 0 0 120px;
	background:url(images/home-img4.png) no-repeat
}
.home-img5 {
	width:839px;
	height:221px;
	margin: 449px 0 0 -487px;
	background:url(images/home-img5.png) no-repeat
}
.home-img6 {
	width:543px;
	height:156px;
	margin: 640px 0 0 -426px;
	background:url(images/home-img6.png) no-repeat
}
.home-img7 {
	width:356px;
	height:101px;
	margin: 788px 0 0 -140px;
	background:url(images/home-img7.png) no-repeat
}
.home-img8 {
	width:155px;
	height:228px;
	margin: 665px 0 0 196px;
	background:url(images/home-img8.png) no-repeat
}
#home figure {
	display: block;
	left: 50%;
	position: absolute;
	background-position: 50% 0
}
#home, #about, #portfolio, #services {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
.content {
	height: 1000px;
	margin: 0 auto;
	max-width: 1920px;
	padding: 0;
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 0;
}
#home {
	background:url(images/bg-home.jpg) 50% 0 no-repeat fixed;
}
/*---------- about -----------*/


#about {
	background:url(images/bg-about.jpg) 50% 0px no-repeat fixed;
	height:1400px !important;
}
.box-about1, .box-about2, .box-about3 {
	position:absolute;
	box-shadow:1px 1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:  1px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:     1px 1px rgba(0, 0, 0, 0.5);
}
.box-about1 {
	background:url(images/tail-1.png);
	width:860px;
	top:0;
	left:50%;
	margin:168px 0 0 -519px;
	padding:62px 20px 22px;
}
.quote-1 {
	font-family: 'Anton', sans-serif;
	float:right;
	width:360px;
	position:relative;
	font-size:18px;
	line-height:30px;
	color:#e7ca01;
	margin: 19px 0 0 50px;
	text-align:center;
	padding:12px 0 14px;
}
.quote-1:before, .quote-1:after {
	position:absolute;
	left:0;
	width:100%;
	height:1px;
	content:"";
	background:url(images/border-quote.png) no-repeat 0 0;
}
.quote-1:before {
	top:0
}
.quote-1:after {
	bottom:0
}
.box-about1 h2 {
	position:absolute;
	top:-66px;
	left:20
}
.box-about2 {
	top:600px;
	left:-118px;
	background:url(images/tail-2.png);
	width:760px;
	padding:62px 20px 22px 320px;
}
.box-about2 p {
	color:#242424
}
.txt-1 {
	text-transform:uppercase;
}
.box-about2 h3 {
	position:absolute;
	right:24px;
	top:-38px
}
.box-about3 {
	background:url(images/tail-1.png);
	top:840px;
	left:-20px;
	width:1000px;
	padding:62px 20px 40px
}
.box-about3 h3 {
	position:absolute;
	top:-39px;
	left:20px
}
.box-1 {
	width:160px;
	margin-right:40px;
	text-align:center;
	float:left;
}
.box-1.last {
	margin:0
}
.box-1 figure {
	height:160px;
	padding:13px 0 17px;
	opacity:0.7
}
.name1, .name1 a {
	font-size:18px;
	line-height:20px;
	color:#e7ca01;
	display:block;
	text-transform:uppercase;
	padding-bottom:15px;
}
.name1 a {
	display:inline-block;
	-webkit-transition: all 0.3s ease;
	padding:0;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.name1 a:hover {
	color:#fff
}
.name1 span {
	color:#7b7b7b;
	font-size:15px;
	line-height:18px;
	display:block;
	text-transform:none;
	padding-top:6px
}
.quote-2 {
	position:relative;
	font-style:italic;
	color:#c0c0c0;
	font-size:15px;
	line-height:24px;
	text-align:center;
	padding:11px 0 9px;
}
.quote-2:before, .quote-2:after {
	position:absolute;
	left:0;
	width:100%;
	height:1px;
	content:"";
	background:url(images/tail-border.png) repeat-x 0 0;
}
.quote-2:before {
	top:0
}
.quote-2:after {
	bottom:0
}
/*---------- portfolio -----------*/

#portfolio {
	background: url(images/bg-portfolio.jpg) 50% 0 no-repeat fixed;
}
.box-portfolio {
	position:absolute;
	box-shadow:1px 1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:  1px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:     1px 1px rgba(0, 0, 0, 0.5);
	width:760px;
	padding:70px 20px 38px 120px;
	background:url(images/tail-1.png);
	top:0;
	left:0;
	margin:149px 0 0 -141px;
}
.coll-1, .coll-2, .coll-3 {
	width:250px;
	float:left;
}
.coll-1, .coll-2 {
	margin-right:5px
}
.box-portfolio h2 {
	position:absolute;
	top:-66px;
	left:20
}
.box-img {
	width:250px;
	position:relative;
	height:160px;
	margin: 0 0 5px 0
}
.box-img figure {
	width:250px;
	height:160px;
	overflow:hidden;
	position:relative;
	z-index:10
}
.box-img figure img {
	position:absolute;
	top:0;
	left:0;
}
.box-img .box-cont {
	background:#e7ca01;
	text-align:center;
	position:relative;
	height:141px;
	z-index:5;
	top:-160px;
	width:210px;
	padding:18px 20px 0px;
}
.box-img .box-cont strong, .box-img .box-cont span {
	display:block;
	text-transform:uppercase;
	color:#000
}
.box-img .box-cont p {
	padding-bottom:0;
	color:#000;
	font-size:14px;
	line-height:20px
}
.box-img .box-cont strong {
	font-weight:normal;
	font-size:18px;
	line-height:20px;
	padding-bottom:5px
}
.box-img .box-cont span {
	font-weight:normal;
	font-size:15px;
	line-height:18px;
	text-transform:none;
	padding-bottom:11px
}
.block-img {
	width:760px;
	background:url(images/tail-border.png) repeat-x 0 0;
	padding:20px 0;
	position:relative
}
.block-img:after {
	background:url(images/tail-border.png) repeat-x 0 0;
	width:760px;
	position:absolute;
	left:0;
	bottom:0;
	content:"";
	height:1px;
	display:block
}
.lenz-cont, .img-link {
	width:24px;
	height:25px;
	position:absolute;
	bottom:14px;
	display:block;
	background-position: 0 0
}
.lenz-cont {
	background:url(images/lenz-cont.png) no-repeat;
	left:100px
}
.img-link {
	background:url(images/img-link.png) no-repeat;
	left:126px
}
.img-name {
	margin:0 0 5px 0;
	width:250px;
	height:160px;
}
.box-portfolio .button-3 {
	position:absolute;
	top:35px;
	right:20px;
	color:#c0c0c0;
	font-size:15px;
	line-height:18px;
	margin:0;
	padding: 4px 12px;
}
/* Carousel */

.carousel {
	overflow:hidden;
	width:760px !important;
	height:655px !important
}
.carousel li {
	margin-right:5px;
	display:block;
	float:left;
	width:250px;
	position:relative;
}
.btn.next, .btn.prev {
	position:absolute;
	top:234px;
	width:50px;
	height:50px;
	display:block;
	z-index:99
}
.btn.prev {
	left:-80px;
	background:url(images/prev-1-big.png) no-repeat 0 0
}
.btn.next {
	right:-80px;
	background:url(images/next-1-big.png) no-repeat 0 0
}
.btn.next:hover, .btn.prev:hover {
	background-position: 0 bottom
}
/*---------- services -----------*/

#services {
	background:url(images/bg-service.jpg) 50% 0 no-repeat fixed;
}
.box-service1, .box-start, .box-quotes {
	position:absolute;
	box-shadow:1px 1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:  1px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:     1px 1px rgba(0, 0, 0, 0.5);
}
.box-service1 {
	background:url(images/tail-1.png);
	width:763px;
	top:0;
	left:0;
	margin:141px 0 0 -100px;
	padding:62px 20px 22px 117px;
}
.box-service1 h2 {
	position:absolute;
	top:-67px;
	left:120px;
}
.service {
	width:160px;
	float:left;
	margin-right:40px;
	text-align:center;
	margin-top:12px
}
.service.last {
	margin-right:0
}
.service figure {
	position:relative;
	width:161px;
	height:161px;
	margin-bottom:12px
}
.service figure .active {
	position:absolute;
	display:block;
	width:161px;
	height:161px;
	top:0;
	left:0;
	opacity:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.service figure:hover .active {
	opacity:1
}
.button-1 {
	position:absolute;
	width:170px;
	text-align:center;
	font-size:18px;
	line-height:20px;
	text-transform:uppercase;
	padding:6px 0 7px;
	bottom:21px;
	left:-5px;
	display:inline-block;
	color:#fff;
	background:#242424;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.button-1:hover {
	background:#000;
	color:#e7ca01
}
.button-2 {
	font-size:32px;
	line-height:34px;
	padding:15px 20px;
	display:inline-block;
	color:#fff;
	background:#242424;
	margin-top:12px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	float:right;
}
.button-2:hover {
	background:#000;
	color:#e7ca01
}
.box-start {
	position:absolute;
	top:0;
	left:0;
	margin:673px 0 0 120px;
	background:url(images/tail-2.png);
	width:760px;
	padding:26px 20px 23px 0
}
.txt-2 {
	font-family: 'Spicy Rice', cursive;
	font-size:90px;
	line-height:94px;
	color:#fff;
	opacity:0.9;
	text-shadow:2px 2px #3a3a39;
	float:left;
	width:540px;
	margin-left:-40px
}
.txt-2 span {
	display:inline-block;
	font-size:60px;
	line-height:62px;
	padding-top:23px
}
.box-quotes {
	background:url(images/tail-1.png);
	width:1000px;
	top:0;
	left:0;
	margin-top:920px;
	padding:69px 0 40px;
}
.box-quotes h3 {
	position:absolute;
	top:-44px;
	left:306px
}
/*----- cycle -----*/
.cycle {
	position:relative;
	width:960px;
	background:url(images/tail-border.png) repeat-x 0 0;
	margin-left:20px;
	padding:14px 0 12px;
}
.cycle:after {
	position:absolute;
	width:960px;
	height:1px;
	content:"";
	left:0;
	bottom:0;
	background:url(images/tail-border.png) repeat-x 0 0
}
#cycle-slider {
	width:850px;
	position:relative;
	margin-left:50px;
}
#cycle-slider .box {
	background:none !important;
	text-align:center;
	width:850px;
}
#cycle-slider .box blockquote {
	color:#c0c0c0;
	font-size:18px;
	line-height:30px;
	font-family: 'Anton', sans-serif;
	display:block;
	padding-bottom:18px
}
.txt-name span {
	font-size:15px;
	line-height:18px;
	color:#7b7b7b;
	display:inline-block;
	padding:3px 0 0 4px
}
.txt-name {
	color:#e7ca01;
	text-transform:uppercase;
	display:block;
	font-size:18px;
	line-height:22px;
	padding:0
}
.cycle #next_slide, .cycle #prev_slide {
	position:absolute;
	width:16px;
	height:27px;
	display:block;
	cursor:pointer;
	top:78px;
	background:#996699;
	z-index:20;
}
.cycle #next_slide {
	background:url(images/next.png) no-repeat right 0;
	right:0;
}
.cycle #next_slide:hover {
	background:url(images/next.png) no-repeat 0 0;
}
.cycle #prev_slide {
	left:0;
	background:url(images/prev.png) no-repeat 0 0;
}
.cycle #prev_slide:hover {
	background:url(images/prev.png) no-repeat right 0;
}
/*---------- contact -----------*/
#contact {
	background:url(images/bg-contact.jpg) 50% 0 no-repeat fixed;
	overflow:hidden
}
.box-contact, .box-form {
	position:absolute;
	box-shadow:1px 1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:  1px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px rgba(0, 0, 0, 0.5);
	background:url(images/tail-1.png)
}
.box-contact {
	width:860px;
	top:0;
	left:0;
	margin:148px 0 0 0;
	padding:62px 20px 109px;
}
.box-contact h2 {
	position:absolute;
	top:-67px;
	left:22px
}
.address {
	width:160px;
	float:left;
	margin-right:40px
}
.address dd {
	color:#c0c0c0
}
.address dt {
	padding-bottom:10px;
	color:#c0c0c0
}
.mail-1 {
	color:#fff;
	display:inline-block
}
.mail-1:hover {
	text-decoration:underline
}
.button-3 {
	background:#242424;
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	padding:5px 18px;
	margin:23px 0 0 0;
	display:inline-block;
	line-height:20px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.button-3:hover, .button-4:hover {
	background:#000;
	color:#e7ca01
}
.map {
	position:absolute;
	right:-59px;
	top:-23px
}
.box-tweeter {
	background:url(images/part-tweet.png) no-repeat 0 0;
	width:883px;
	height:78px;
	position:absolute;
	top:436px;
	left:101px;
	overflow:hidden;
	padding:34px 0 20px 20px
}
.box-tweeter figure {
	float:left;
	margin:6px 20px 0 0
}
.tweet {
	width:540px;
	float:left;
	color:#242424
}
.tweet_time a, .tweet_text a {
	color:#242424;
	display:inline-block
}
.tweet_time a {
	font-style:italic;
	margin-right:3px
}
.tweet_time a:hover, .tweet_text a:hover {
	color:#fff
}
.button-4 {
	background:#242424;
	color:#fff;
	font-size:32px;
	padding:14px 18px;
	margin:0 0 0 10px;
	display:inline-block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	float:left;
	line-height:34px
}
.box-form {
	width:660px;
	top:0;
	left:0;
	margin:680px 0 0 -100px;
	padding:62px 20px 40px 120px;
}
.box-form h3 {
	position:absolute;
	left:120px;
	top:-40px
}
/******************** contact-form ******************/


#contact-form {
	display:block;
	position:relative;
	padding:12px 0 0 0;
	width:578px;
	height:370px
}
#contact-form fieldset {
	display:block;
}
#contact-form label {
	display:block;
	position:relative;
	height:39px;
	overflow:hidden;
}
#contact-form.label {
	display:block;
	overflow:hidden;
	webkit-background-clip: padding-box;
}

#contact-form label .img-1,#contact-form label .img-2,#contact-form label .img-3,#contact-form label .img-4{display:block;position:absolute;left:11px;top:12px;width:16px;height:16px;background:url(images/form-img1.png) no-repeat 0 0}
#contact-form label .img-2{background:url(images/form-img2.png) no-repeat 0 0;}
#contact-form label .img-3{background:url(images/form-img3.png) no-repeat 0 0;height:18px;top:11px}
#contact-form label .img-4{background:url(images/form-img4.png) no-repeat 0 0;height:18px;top:13px;height:14px}

#contact-form label.message {
	height:auto;
	margin:0;
}
#contact-form .message .label {
	width:auto;
}
#contact-form input, #contact-form textarea {
	font-family:'Cuprum', sans-serif;
	background:url(images/tail-input.png);	
	font-size:15px;
	color:#c0c0c0;
	box-shadow: none;
	position:relative;
	outline:none;
	-webkit-background-clip:padding-box;
	border-radius:none;
	margin:0;
	width:530px;
}
#contact-form input {
	padding:11px 10px 12px 35px;
	resize:none;
	height:16px;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:none;
}
#contact-form textarea {
	height:168px;
	overflow:auto;
	padding:10px 10px 10px 35px;
	resize:none;
	border:1px solid #fff;
}
#contact-form .empty, #contact-form .error {
	display:none;
	color:#d1b702;
	font-size:12px;
	line-height:14px;
	position:absolute;
	top:12px;
	right:2px;
	text-align:right
}
#contact-form label.message .empty, #contact-form label.message .error {
	left:10px;
	top:165px;
	text-align:left
}
#contact-form .success {
	display:none;
	font-size:14px;
	line-height:18px;
	padding:0;
	top:-6px;
	left:35px;
	position:absolute;
	color:#d1b702;
}
.buttons {
	padding:27px 0 0 0;
	overflow:hidden;
}
.buttons a {
	margin:0 10px 0 0;
	padding:7px 22px
}

.slide {
	width: 100%;
}