
* {margin:0; padding:0;}
ul,ol {list-style:none;}
big { font-size:40px;}
a:focus, a:active, input:focus, input:active {outline:none;}
img, fieldset {vertical-align:middle; border:none;}
input, textarea {
	color:#666;
	font:15px/23px "Lucida Sans Unicode", "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.left { float:left;}
.right {float:right;}
.clear {clear:both; display:block;}

body { 
	height:8700px;
	color:#363636;
	font:15px/23px "Lucida Sans Unicode", "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#header {
	position:fixed;
	z-index:10;
	width:100%;
	height:90px;
	padding-top:15px;
	background:#fff;
}



#header h1 {
	float:left;
	margin-top:25px;
}
#header h1 a {
	display:block;	
	width:160px;
	height:60px;
	text-indent:-9999px;
	background:url(../images/layout/logo.png) 50% 50% no-repeat;
}

h2, h3, h4
{
	text-align:center;
	padding-top: 20px;
}
}
#langs {
	float:right;
	height:27px;
	margin-right:8px;
}
#langs li {
	float:left;
	margin:0 2px;
}
#langs li a {
	display:block;
	padding: 2px 6px;
	color:#666;
	font-size:11px;
	line-height:16px;
	text-decoration:none;
	text-transform:uppercase;
}
#menu {
	clear:right;
	float:right;
}
#menu li {
	float:left;
	margin-left:6px;
}
#menu li a {
	display:block;
	color:#999;
	line-height:22px;
	padding:10px 16px;
	text-decoration:none;
	text-transform:uppercase;
}
#langs li a:hover, #menu li a:hover, 
#langs li.active a, #menu li.active a {color:#aae0cc;}
#menu li a span,
#langs li a span {
	display:block;
	height:1px;
	border:1px solid #aae0cc;
	visibility:hidden;
	opacity:0;
}
#menu li.active a span,
#langs li.active a span {
	visibility:visible;
	opacity:1;
}

#wrapper {width:100%;}
.page { 
	position:relative;
	height:1500px;
	width:100%;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
.container {
	width:920px;
	margin:auto;
}

/* PAGES - Home */
#home-1 {
	background-position:95% 0%;
	background-image:url(../images/layout/img01.jpg);
}
#home-2 {
	background-position:5% 0%;
	background-image:url(../images/layout/img06.jpg);
}
#home-3 {
	background-position:5% 0%;
	background-image:url(../images/layout/img07.jpg);
}

/* Slider */
.slider {
	position:relative;
	overflow:hidden;
	height:1500px;
	width:100%;
}
.slider > ul {width:100%;}
.slider > ul > li{ 
	position:absolute;
	width:100%;
	display:none;
}
.slider > ul > li .content {
	position:fixed;
	top:150px;
	left:50%;
	width:460px;
	margin-left:-460px;
	z-index:3;
}
.slider > ul > li .content .ball {
	width:464px;
	height:464px;
	margin-left:-2px;
	margin-bottom:90px;
	background:url(../images/layout/ball.png);
	display:table;
}
.slider > ul > li .content h2 {
	display:table-cell;
	padding:0 35px;
	vertical-align:middle;
	color:#999;
	font-size:60px;
	line-height:54px;
	visibility:hidden;
}
.cufon-ready .slider > ul > li .content h2 {visibility:visible;}
.slider > ul > li .content p {padding:0 60px 0 12px;}

.slide-controls li {
	position:fixed;
	display:block;
	top:50%;
	z-index:3;
	width:100px;
	height:100px;
	margin-top:-30px;
	text-indent:-9999px;
}
.slide-controls .prev { 
	left:6%;
	background:url(../images/layout/larr.png) 50% 50% no-repeat;
}
.slide-controls .next { 
	right:6%;
	cursor:pointer;
	background:url(../images/layout/rarr.png) 50% 50% no-repeat;
}
.slide-pages,
.carousel-pages {
	position:absolute;
	top:380px;
	width:100%;
	text-align:center;
}
.slide-pages li,
.carousel-pages li {display:inline;}
.slide-pages li a,
.carousel-pages li a {
	display:inline-block;
	text-indent:-9999px;
	width:18px;
	height:18px;
	margin:0 5px;
	border:1px solid #d6d6d6;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}
.slide-pages li a:hover,
.carousel-pages li a:hover {background:#fff;}
.slide-pages li.active a,
.carousel-pages li.active a {
	cursor:default;
	border-color:#fff;
	background:#fff url(../images/layout/x.png) 50% 50% no-repeat;
}

/* PAGES - Team */
#team{
	background-position:95% 0%;
	background-image:url(../images/layout/img02.jpg);
}
#team .content{
	position:fixed;
	top:50%;
	left:0;
	width:460px;
	margin-left:-460px;
	z-index:3;
}
#team .content .coll{width:200px;}
#team .content .coll img { margin-bottom:36px;}
#team .content .coll p {margin:0 10px 8px 0;}
#team .content .coll .pdf {
	display:inline-block;
	margin-top:10px;
	padding-left:30px;
	line-height:19px;
	font-size:12px;
	color:#888;
	background:url(../images/layout/pdf.png) no-repeat;
}
#halfs {
	position:fixed;
	top:100%;
	left:50%;
	width:420px;
	height:420px;
	margin-left:40px;
	z-index:3;
}
#first-half,
#second-half {
	height:420px;
	width:210px;
}
#first-half {
	float:left;
	marginTop:300px;
	background:url(../images/layout/halfs.png) 0 0;
}
#second-half {
	float:right;
	marginTop:700px;
	background:url(../images/layout/halfs.png) 100% 0;
}

/* PAGES - Gallery */
#gallery {
	background-position:65% 0%;
	background-image:url(../images/layout/img03.jpg);
}
#gallery .content {
	position:fixed;
	top:100%;
	width:100%;
	z-index:3;
}
.carousel {
	position:relative;
	width:100%;
	height:600px;
	overflow:hidden;
}
.carousel ul {
	position:absolute;
	height:100%;
}
.carousel ul li {
	position:relative;
	float:left;
	text-align:center;
}
.carousel ul li p {
	position:absolute;
	display:table;
	width:250px;
	height:250px;
	top:320px;
	left:50%;
	margin-left:-440px;
	background:url(../images/layout/small-ball.png) 50% 50% no-repeat;
}
.carousel ul li p span {
	display:table-cell;
	padding:0 30px 0 50px;
	text-align:left;
	vertical-align:middle;
}
.carousel-pages {top:425px;}

/* PAGES - Services */
#services{
	background-position:95% 0%;
	background-image:url(../images/layout/img04.jpg);
}
#services .content {
	position:fixed;
	top:100%;
	z-index:3;
}
#services .content .coll{
	width:400px;
	padding-left:15px;
	margin-bottom:50px;
}
.services-list {
	min-height:380px;
	margin-left:4px;
	background:url(../images/layout/services.png) no-repeat;
}
.services-list li {
	float:left;
	width:160px;
	padding:24px 11px;
}
.services-list li h3 {
	color:#666;
	font-size:15px;
	font-weight:normal;
	margin-bottom:30px;
}
.services-list li p {
	font-size:12px;
	line-height:18px;
}
#cherry {
	position:fixed;
	top:280px;
	right:100%;
	width:100%;
	height:540px;
	min-width:1450px;
	background:url(../images/layout/cherry.png) no-repeat;
}

/* PAGES - Equipment */
#equipment{
	background-position:10% 0%;
	background-image:url(../images/layout/img05.jpg);
}
#equipment .content {
	position:fixed;
	top:200px;
	left:0;
	width:750px;
	margin-left:-750px;
	z-index:3;
}
#equipment .content .coll {
	float:left;
	width:380px;
}
#equipment .content .brands {
	float:right;
	width:250px;
	padding-top:17px;
}
#equipment .content .brands img {
	display:block;
	margin:auto;
	margin-bottom:40px;
}
#glass {
	position:fixed;
	top:0;
	left:100%;
	width:100%;
	height:1200px;
	min-width:1400px;
	background:url(../images/layout/glass.png) 100% 0 no-repeat;
}

/* CONTACT */
#contact {
	height:1200px;
	background:#f2f2f2;
}
#contact .container {padding-top:130px;}
fieldset {margin:15px 0 35px;}
input[type="text"], textarea {
	padding:6px 8px;
	background:#fff;
	border:1px solid #d6d6d6;
}
input[type="text"] {
	width:230px;
	margin-bottom:10px;
}
textarea {
	width:450px;
	height:60px;
	float:left;
	margin-left:20px;
}
input[type="submit"] {
	color:#999;
	height:72px;
	padding: 0 28px 0 18px;
	border:0;
	background:none;
	cursor:pointer;
	text-transform:uppercase;
	
}
#map {
	width:100%;
	height:705px;
	background:#ebe6dc;
	margin-bottom:44px;
	background:url(../images/gallery/map.png) 40% 60% no-repeat;
}

/* Footer */
#footer {
	position:fixed;
	width:100%;
	top:88%;
	z-index:2;
}
.contacts li {
	float:left;
	position:relative;
	margin-right:28px;
	cursor:pointer;
}
.contacts li a {
	display:block;
	width:52px;
	height:52px;
	text-indent:-9999px;
}

.contacts li.phone a { background:url(../images/layout/phone.png) no-repeat;}
.contacts li.email a {background:url(../images/layout/email.png) no-repeat;}
.contacts li.map a {background:url(../images/layout/map.png) no-repeat;}
.contacts li.gdpr a {background:url(../images/layout/gdpr.png) no-repeat;}

.contacts li span {
	position:absolute;
	display:none;
	width:600px;
	top:-34px;
	left:0;
	color:#666;
	font: 59px "Hypatia Sans Pro ExtraLight";
}

.social {float:right;}
.social li {
	float:left;
	margin:10px 0 0 9px;
}
.social li a {
	display:block;
	width:32px;
	height:32px;
	text-indent:-9999px;
}
.social li.fb a { background:url(../images/layout/fb.png);}
.social li.tw a { background:url(../images/layout/tw.png);}

/*  Transitions
=========================*/
#wrapper.easing,
.easing .page,
.easing .slide-controls li,
#menu li a, #langs li a,
#menu li span {
	-moz-transition: all 0.15s ease;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;	
}

.easing #halfs,
.easing #first-half,
.easing #second-half,
.easing .slider .content,
.easing #services .content,
.easing #gallery .content,
.easing #cherry,
.easing #glass,
.easing #team .content,
.easing #equipment .content {
	/*-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	-webkit-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;   */
}

.mobile #header ,
.mobile .slider > ul > li .content,
.mobile .slide-controls li,
.mobile #team .content,
.mobile #halfs ,
.mobile #gallery .content,
.mobile #services .content,
.mobile #cherry,
.mobile #equipment .content,
.mobile #glass,
.mobile #footer {position:absolute;}

mobile .page { 
	background-attachment:none;
}

div.gdpr-text{
	margin:20px;
}
div.gdpr-text ul{
	list-style-type:disc;
	padding-left:20px;
}