@charset "utf-8";
/* CSS Document */

* {
	outline:none;
	padding:0px;
	margin:0px;
}

html{
	height:100%;
	padding:0px;
	margin:0px;
}

body{
	height:100%;
	background-color:#020202;
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	line-height:20px;
	padding:0px;
	margin:0px;
}

/* FONTS */
@font-face {
	font-family:'BebasNeueLight';
	src:url('Fonts/bebasneuelight.eot');
	src:url('Fonts/bebasneuelight.eot?#iefix') format('embedded-opentype'),
		url('Fonts/bebasneuelight.woff2') format('woff2'),
		url('Fonts/bebasneuelight.woff') format('woff'),
		url('Fonts/bebasneuelight.ttf') format('truetype'),
		url('Fonts/bebasneuelight.svg#bebas_neuelight') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'OpenSansLight';
	src:url('Fonts/opensanslight.eot');
	src:url('Fonts/opensanslight.eot?#iefix') format('embedded-opentype'),
		url('Fonts/opensanslight.woff2') format('woff2'),
		url('Fonts/opensanslight.woff') format('woff'),
		url('Fonts/opensanslight.ttf') format('truetype'),
		url('Fonts/opensanslight.svg#open_sanslight') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'OpenSansSemiBold';
	src:url('Fonts/opensanssemibold.eot');
	src:url('Fonts/opensanssemibold.eot?#iefix') format('embedded-opentype'),
		url('Fonts/opensanssemibold.woff2') format('woff2'),
		url('Fonts/opensanssemibold.woff') format('woff'),
		url('Fonts/opensanssemibold.ttf') format('truetype'),
		url('Fonts/opensanssemibold.svg#open_sanssemibold') format('svg');
	font-weight:normal;
	font-style:normal;
}

/* ALL */
.clear{height:0px; display:block; clear:left; font-size:0px; line-height:0px;}
.clean{height:0px; display:block; clear:right; font-size:0px; line-height:0px;}
.cleall{height:0px; display:block; clear:both; font-size:0px; line-height:0px;}

img{max-width:100%; display:block; height:auto; border:none;}
hr{height:1px; background-color:#666; border:none; color:#666; padding:0px; margin:30px 0px;}

ul{display:block; padding:0px; margin:25px 0px 25px 20px;}
ul li{display:block; padding:0px; margin:0px;}

a{color:#e87626; text-decoration:none; cursor:pointer;}
a:hover{color:#e87626; text-decoration:underline;}

a.button{display:inline-block; position:relative; border:1px solid #e87626; font-family:'OpenSansLight'; font-size:13px; color:#e87626; text-decoration:none; text-align:right; line-height:16px; padding:5px 12px 7px 12px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a.button p{width:10px; height:15px; display:inline-block; background-image:url(../Images/Icons/all.png); background-position:-105px 0px; background-repeat:no-repeat; vertical-align:bottom; padding:0px; margin:0px 10px 0px 0px;}
a.button:hover{background-color:#e87626; color:#000; text-decoration:none;}
a.button:hover p{background-position:-105px -15px;}

/* STATUS */
small{display:none; font-size:11px; text-decoration:none; text-transform:none; line-height:16px; padding:0px; margin:0px 0px 20px 0px;}
small.error{display:block; color:#E54F4F;}
small.success{display:block; color:#4DAB6D;}
small.loading{display:block; color:#666;}

small img{max-width:18px; display:inline-block; vertical-align:text-bottom; padding:0px; margin:0px 7px 0px 0px !important;}

/* INPUT */
input{width:100%; width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); height:30px; display:block; background-color:#242424; border:none; font-family:'OpenSansLight'; font-size:13px; color:#999; text-decoration:none; line-height:30px; font-weight:normal; font-style:normal; padding:0px 10px; margin:0px 0px 10px 0px;}

/* TEXTAREA */
textarea{width:100%; width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); height:125px; display:block; background-color:#242424; border:none; font-family:'OpenSansLight'; font-size:13px; color:#999; text-decoration:none; line-height:24px; font-weight:normal; font-style:normal; padding:10px; margin:0px 0px 20px 0px;}

/* COOKIES */
div.coockiebanner{width:100%; position:fixed; left:0px; bottom:0px; background-color:rgba(255,224,36,0.8); font-size:11px; color:#000; text-decoration:none; text-align:center; padding:10px 0px; margin:0px; opacity:0; z-index:999999;}

div.coockiebanner a{color:#d4252a; text-decoration:underline;}
div.coockiebanner a:hover{color:#d4252a; text-decoration:none;}

div.coockiebanner a.boxclose{display:inline-block; background-color:#f1f1f1; font-size:17px; color:#333; text-decoration:none; font-weight:bold; line-height:0px; vertical-align:middle; padding:9px 7px 11px 6px; margin:0px 0px 0px 15px; cursor:pointer;}
div.coockiebanner a.boxclose:hover{background-color:#000; color:#FFF; text-decoration:none;}
div.coockiebanner a.boxclose:before{content:"×";}

/* WRAPPER */
aside{width:300px; height:100%; display:flex; display:-webkit-flex; position:fixed; left:0px; top:0px; background-color:rgba(23,23,23,0.9); background-image:url(../Images/Backgrounds/pattern.png); background-position:center; background-repeat:repeat; padding:0px; margin:0px; z-index:999; align-items:center; -webkit-align-items:center;}
    
/* HEADER */
header{display:block; position:absolute; top:0px; padding:30px 24px 24px 24px; margin:0px;}

header a{display:block; position:relative;}
header a:hover{text-decoration:none;}
header a h1{display:block; position:relative; font-family:'OpenSansLight'; font-size:12px; color:#86c3e6; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:18px; padding:0px; margin:0px;}
header a h1 img{max-width:100%; display:block; position:relative; padding:0px; margin:0px 0px 25px 0px;}

/* NAVIGATION */
nav{width:100%; display:block; padding:0px 0px 0px 24px; margin:0px;}

nav ul,
nav ul li{display:block; list-style:none; padding:0px; margin:0px;}
nav ul li a{width:100%; display:block; position:relative; overflow:hidden; font-family:'OpenSansLight'; font-size:30px; color:#999; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:45px; list-style:none; padding:0px; margin:0px;}
nav ul li a:hover{color:#FFF; text-decoration:none;}

nav ul li div{width:300px; height:100%; display:none; position:absolute; top:0px; left:300px; background-color:rgba(0,0,0,0.7); background-image:url(../Images/Backgrounds/pattern.png); background-position:center; background-repeat:repeat; padding:0px; margin:0px; align-items:center; -webkit-align-items:center; z-index:999;}
nav ul li div ul{margin:0px 24px;}
/* nav ul li div ul li a{text-transform:none;} */
nav ul li div ul li.select a{color:#f27b27; text-decoration:none;}

nav ul li.active a{color:#f27b27; text-decoration:none;}
nav ul li.active a:after{width:100%; height:2px; content:'\a0'; overflow:hidden; position:absolute; top:48%; background-color:#e87626;}
nav ul li.active div ul li a{color:#999; text-decoration:none;}
nav ul li.active div ul li a:hover{color:#FFF; text-decoration:none;}
nav ul li.active div ul li a:after{width:auto; height:auto; content:''; position:relative; top:auto; background-color:transparent;}
nav ul li.active div ul li.select a{color:#f27b27; text-decoration:none;}

nav ul li:hover div{display:flex; display:-webkit-flex;}

/* --- SHOW --- */
#menu{width:35px; height:35px; display:none; position:relative; float:right; background-image:url(../Images/Icons/all.png); background-position:-115px 0px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:-60px 25px 0px 0px;}
#menu:hover{background-position:-150px 0px;}

/* FOOTER */
footer{display:block; position:absolute; bottom:0px; font-size:11px; color:#666; text-decoration:none; padding:24px 24px 30px 24px; margin:0px;}
footer strong{color:#6994cb; text-decoration:none; font-weight:normal;}

footer div{font-family:Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana," sans-serif"; font-size:11px;}
footer div a{color:#f60; text-decoration:none;}

/* SOCIAL */
ul.social{display:block; position:absolute; top:0px; right:30px; background-color:rgba(0,0,0,0.6); list-style:none; padding:15px 5px 15px 15px; margin:0px; z-index:999;}
ul.social li{display:block; position:relative; float:left; list-style:none; padding:0px; margin:0px;}
ul.social li a{width:35px; height:35px; display:block; background-image:url(../Images/Icons/all.png); background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:0px 10px 0px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
ul.social li a.facebook{background-position:0px 0px;}
ul.social li a.google{background-position:-35px 0px;}
ul.social li a.instagram{background-position:-70px 0px;}
ul.social li a:hover{opacity:0.75;}

/* PAGE */
section{height:-moz-calc(100% - 130px); height:-webkit-calc(100% - 130px); height:-o-calc(100% - 130px); height:calc(100% - 130px); display:block; position:relative; background-image:url(../Images/Backgrounds/bg.jpg); background-position:top center; background-repeat:no-repeat; background-size:100%; padding:65px 0px; margin:0px;}
section.home{height:100%; background-image:none; padding:0px;}

section div.page{width:-moz-calc(100% - 430px); width:-webkit-calc(100% - 430px); width:-o-calc(100% - 430px); width:calc(100% - 430px); max-width:810px; display:block; position:relative; background-color:#000; padding:0px; margin:0px 30px 0px 400px; z-index:99;}
section div.page .count{display:block; position:relative; padding:25px; margin:0px;}

/* --- HOME --- */
section div.bx-wrapper{height:100%; position:relative; padding:0px; *zoom:1; -ms-touch-action:pan-y; touch-action:pan-y;}
section div.bx-wrapper .bx-loading{width:100%; min-height:50px; height:100%; position:absolute; top:0px; left:0px; background-color:#000; background-image:url('../Images/Icons/loader.gif'); background-position: center; background-repeat:no-repeat; padding:0px; margin:0px; z-index:99;}

section div.bx-viewport{height:100% !important; -webkit-transform: translatez(0);}
section div.bx-viewport ul{height:100%; display:block; position:relative; list-style:none; padding:0px; margin:0px;}
section div.bx-viewport ul li{height:100%; display:flex; display:-webkit-flex; position:relative; background-position:top center; background-repeat:no-repeat; background-size:100%; list-style:none; padding:0px; margin:0px; align-items:center; -webkit-align-items:center;}
section div.bx-viewport ul li h2{width:-moz-calc(100% - 430px); width:-webkit-calc(100% - 430px); width:-o-calc(100% - 430px); width:calc(100% - 430px); display:block; position:relative; font-family:'BebasNeueLight'; font-size:90px; color:#FFF; text-decoration:none; font-weight:normal; font-style:none; text-transform:uppercase; line-height:110px; padding:0px 30px 0px 400px; margin:0px auto;}

/* === PAGER === */
section div.bx-wrapper .bx-controls{position:absolute; bottom:30px; right:30px;}

section div.bx-wrapper .bx-pager{position:relative;}
section div.bx-wrapper .bx-pager.bx-default-pager a{width:12px; height:12px; display:block; outline:none; background-color:#636363; text-indent:-9999px; margin:0px 5px;}
section div.bx-wrapper .bx-pager.bx-default-pager a:hover{background-color:#FFF;}
section div.bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#f26522;}

section div.bx-wrapper .bx-pager-item{display:inline-block; font-size:0px; line-height:0px; vertical-align:bottom; *zoom:1; *display:inline;}

/* --- HEADLINE --- */
section div.page .headline{min-height:350px; position:relative; overflow:hidden; background-color:#222; background-position:center; background-repeat:no-repeat; background-size:cover; border-bottom:2px solid #e87626; padding:0px; margin:0px;}
section div.page .headline h2{display:block; position:absolute; bottom:-20px; left:25px; font-family:'BebasNeueLight'; font-size:200px; color:#FFF; text-decoration:none; font-weight:normal; font-style:none; text-transform:uppercase; line-height:150px; word-break:break-all; text-shadow:0px 0px 5px rgba(0,0,0,0.3); padding:0px; margin:0px; z-index:99;}

/* --- ABOUt --- */
section div.page h3{display:block; position:relative; font-family:'OpenSansSemiBold'; font-size:18px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; padding:0px; margin:30px 0px 15px 0px;}
section div.page strong{color:#6994cb; text-decoration:none; font-weight:normal;}

section div.page a.certificate{display:inline-block; vertical-align:top; padding:0px; margin:0px 10px 10px 0px;}

/* --- PORTFOLIO --- */
section div.page .tabs{display:block; position:relative; padding:0px; margin:0px;}

section div.page .tabs ul{display:block; border-bottom:1px solid #8b8b8b; list-style:none; padding:0px; margin:0px;}
section div.page .tabs ul li{display:inline-block; vertical-align:middle; list-style:none; padding:0px; margin:0px 0px -1px 0px;}
section div.page .tabs ul li a{display:block; border:1px solid rgba(0,0,0,0); border-bottom:none; font-family:'OpenSansLight'; font-size:13px; color:#8b8b8b; text-decoration:none; line-height:13px; text-transform:uppercase; padding:8px 24px 12px 24px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section div.page .tabs ul li a h3{display:block; position:relative; font-family:'OpenSansLight'; font-size:13px; color:#8b8b8b; text-decoration:none; line-height:13px; text-transform:uppercase; padding:0px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

section div.page .tabs ul li a:hover{background-color:#8b8b8b; border:1px solid #8b8b8b; border-bottom:none; color:#000; text-decoration:none;}
section div.page .tabs ul li a:hover h3{color:#000; text-decoration:none;}

section div.page .tabs ul li.select a{background-color:#000; border:1px solid #8b8b8b; border-bottom:none; color:#e87626; text-decoration:none;}
section div.page .tabs ul li.select a h3{color:#e87626; text-decoration:none;}

/* === CONTENT === */
section div.page .tab{display:block; position:relative; padding:25px 0px 0px 0px; margin:0px; z-index:1;}

section div.page .tab a{width:-moz-calc(33.3334% - 10px); width:-webkit-calc(33.3334% - 10px); width:-o-calc(33.3334% - 10px); width:calc(33.3334% - 10px); display:block; position:relative; float:left; padding:0px; margin:0px 0px 10px 10px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section div.page .tab a:nth-child(3n+1){clear:left; margin:0px 0px 10px 0px;}
section div.page .tab a h4{width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px);  display:block; position:absolute; bottom:0px; background-color:rgba(0,0,0,0.8); font-family:'OpenSansLight'; font-size: 13px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; line-height:17px; padding:5px 10px; margin:0px; z-index:99; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section div.page .tab a img{width:100%; max-width:100%; display:block; position:relative; padding:0px; margin:0px; z-index:1;}

section div.page .tab a:hover{text-decoration:none;}
section div.page .tab a:hover h4{color:#e87626; text-decoration:none;}

/* --- COOKIES --- */
section div.page h4{display:block; position:relative; bottom:0px; font-family:'OpenSansLight'; font-size:16px; color:#e87626; text-decoration:none; font-weight:normal; font-style:normal; line-height:20px; text-transform:uppercase; padding:0px; margin:25px 0px 10px 0px;}
section div.page h5{display:block; position:relative; bottom:0px; font-family:'OpenSansLight'; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; line-height:18px; padding:0px; margin:25px 0px 10px 0px;}

/* --- CONTACTS --- */
section div.page .address{width:-moz-calc(40% - 25px); width:-webkit-calc(40% - 25px); width:-o-calc(40% - 25px); width:calc(40% - 25px); float:left; padding:0px; margin:0px 25px 0px 0px;}
section div.page .address em{font-size:10px; font-style:normal;}

/* === FORM === */
section div.page .form{width:60%; float:left; padding:0px; margin:0px;}
section div.page .form input{width:-moz-calc(33.3334% - 27px); width:-webkit-calc(33.3334% - 27px); width:-o-calc(33.3334% - 27px); width:calc(33.3334% - 27px); float:left; margin:0px 0px 10px 10px;}
section div.page .form input:first-of-type{margin:0px 0px 10px 0px;}

/* MAP */
section .map{width:100%; height:100%; min-height:400px; position:absolute; top:0px; left:0px; padding:0px; margin:0px; z-index:1;}

#close{display:none; position:absolute; bottom:30px; left:330px; z-index:999;}

/* TABLE */
table{width:100%; border-top:1px solid #CCC; border-right:1px solid #CCC; text-transform:none; padding:0px; margin:0px;}
table tr th{background-color:#333; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal; text-transform:uppercase; padding:4px 10px; margin:0px;}
table tr td{border-left:1px solid #CCC; border-bottom:1px solid #CCC; font-size:12px; color:#666; text-decoration:none; padding:4px 10px; margin:0px;}
table tr:hover{background-color:#B88765; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}

/* POPUP */
.fancybox-thumbs > ul > li::before{border:2px solid #e87626 !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important;}