/*dualcode.de - 23.05.2025*/

html,body{
width:100%;
height:100%;
}

body {
	font-size:16px;
	line-height:22px;
	font-family:'Quattrocento Sans',sans-serif;
	font-style:italic;
	-webkit-font-smoothing:antialiased;
	/* Fix for webkit rendering */
	-webkit-text-size-adjust:100%;
	margin:0;
	padding:0;
	padding-top:81px;
}

h1,h2,h3,h4,h5,h6,legend,label {
	font-family:'Quattrocento Sans',sans-serif;
	font-weight:700;
	font-style:italic;
	line-height:1.25em;
	margin:0 0 0.75em 0;
	margin-block-end: 0;
	
}
h1 {
	font-size:30px;
	margin-bottom:0.25em;
}
h1 strong {
	font-weight:700;
}
.largeQuote h1 {
	margin-bottom:0;
	padding-left:11px;
	padding-right:11px;
}
.parallaxFrame {
	width:100%;
	padding:10px;
	background-color:#B4875E;
	height:auto;
}
.parallaxSection {
	background-attachment:fixed;
	background-position:50% 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-color:#B4875E;
	border-radius:12px;
	overflow:hidden;
}
.paralaxText {
	padding-top:10%;
	padding-bottom:10%;
	text-align:center;
	position:relative;
}

.paralaxText h2 {
	font-size:22px;
	line-height:1em;
	display:inline-block;
	padding:12px 0;
	margin-bottom:0;
}
.paralaxText h2 small {
	font-size:22px;
	font-weight:100;
}
.paralaxText .iconRounded {
	display:inline-block;
}
.paralaxText .testimonialCarousel blockquote {
	text-transform:none;
	letter-spacing:normal;
	font-size:22px;
	line-height:33px;
}
.paralaxText .iconBig {
	font-size:22px;
}
h2 {
	font-size:18px;
	display:block;
	position:relative;
	overflow:hidden;
	font-weight:700;
	/*margin-bottom:1em;*/
}
h2.subTitle {
	font-weight:300;
}
h2,legend {
	font-size:24px;
}
h3,legend {
	font-size:18px;
}
h4,label {
	font-size:16px;
	margin-bottom:1em;
}
h5 {
	font-size:14px;
}
h6 {
	margin-bottom:2em;
	font-size:14px;
	font-weight:300;
}
h1 small {
	font-size:25px;
	font-weight:inherit;
}
h2 small {
	font-size:18px;
}
h3 small {
	font-size:14px;
}
h4 small {
	font-size:12px;
}
p,ul {
	margin-top: 0;
	margin-bottom: 12px;
	text-align: left;
}
strong {
	font-weight:400
}

li {
	line-height:inherit;
}
a:link,
a:visited {
	text-decoration:none;
	outline:none;
}
a:hover,
a:active {
	text-decoration:underline;
}
ul.iconsList li a:hover {
	text-decoration:none;
}
a.readMore {
	font-style:italic;
}
blockquote {
	font-size:22px;
	line-height:33px;
	margin-bottom:22px;
	font-weight:100;
	padding:0;
	border:none;
	text-align:left;
}
blockquote h1 {
	display:inline;
}
blockquote p {
	font-size:inherit;
	display:inline;
}
blockquote small,
.ctaBox blockquote small {
	font-size:50%;
	display:inline-block;
	line-height:1em;
}
blockquote:before {
	content:'“';
	font-family:Georgia,"Times New Roman",Times,serif;
	margin-right:0;
	font-size:80px;
	height:1px;
	display:inline-block;
	vertical-align:middle;
}
blockquote:after {
	content:'”';
	font-family:Georgia,"Times New Roman",Times,serif;
	margin-left:0;
	font-size:80px;
	height:1px;
	display:inline-block;
	vertical-align:middle;
}
blockquote.pull-right {
	border:none;
}
.quoteRow blockquote:before,
.quoteRow blockquote:after {
	content:none;
}
/*hr {
	padding:0;
	margin:1.5em 0;
}
*/
.hero-unit blockquote {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-style: italic;
}

/*** MEDIA QUERIES ***/

@media(min-width:768px) {
	body {
		padding-top:88px;
	}
	h1 {
		font-size:40px;
	}
	h1.bigHeading {
		font-size:66px;
	}
	.paralaxText blockquote {
		font-size:33px;
		line-height:33px;
	}
	.paralaxText .iconBig {
		font-size:44px;
	}
	.paralaxText h2 {
		font-size:44px;
	}
}

/*** END MEDIA QUERIES ***/

/* END TYPOGRAPHY================================================== */
#mainHeader {
	margin:0 10px;	
	width:-moz-calc(100% - 20px);
	width:-webkit-calc(100% - 20px);
	width:calc(100% - 20px);
	border-radius:0 0 12px 12px;
}

.navbar {
	text-align:center;
	margin-bottom:0;
	border-radius:0;
	min-height:0;
}
.navbar-header {
	position:absolute;
	top:12px;
	left:-moz-calc(50% - 115px);
	left:-webkit-calc(50% - 115px);
	left:calc(50% - 115px);
	width:230px;
	float:none !important;
	margin:0 auto 12px auto;
	z-index:1000;
}
.navbar-default {
	background:none;
	border:none !important;
	border-radius:0;
	padding:100px 0 0 0;
	text-align:center;
}
.navbar .navbar-logo {
	text-align:center;
	width:100%;
	margin:0 auto;
}
.navbar .navbar-logo img {
	text-align:center;
	width:100%;
	margin:0;
	padding:0;
}
#mainMenu {
	float:none !important;
	margin:0 auto;	
	width:100%;
}
.nav.nav-tabs {
	margin-bottom:22px;
}
.btn:active,.btn.active {
	-webkit-box-shadow:none;
	box-shadow:none
}
/*forms*/
.form-control {
	-webkit-box-shadow:none;
	box-shadow:none;
	padding:6px;
	height:32px;
	border-radius:0;
	font-size:14px;
}
.error {
	padding:5px;
	margin-bottom:20px;
	display:block;
	font-size:14px;
}
.has-feedback label ~ .form-control-feedback {
	top:48px;
	position:absolute;
	right:0px;
	z-index:2;
	display:block;
	width:34px;
	height:34px;
	line-height:34px;
	text-align:center;
	/*pointer-events:none;*/
}
.securityCheck .has-feedback .form-control-feedback {
	top:5px;
}
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
	border-radius: 0;
}

/*tabs*/

.panel-default>.panel-heading,.nav>li>a {
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

/* progress bar */

.progress {
	border-radius:0;
	box-shadow:none;
	background:none;
	overflow:visible;
	margin-bottom:20px;
	height:2px;
}
.progress-bar {
	height:2px;
	text-align:right;
	position:relative;
}
.progress span {
	padding:2px 5px;
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	text-align:center;
	transform:translate(-50%,-50%);
	font-size:12px;
	line-height:1;
	padding:3px 4px;
}

/* End progress bar */

.navbar-default .navbar-toggle {
	margin-top:15px;
	border:none;
	margin-right:0;
	border-radius: 0;
}

/* accordeon */
.panel-group .panel+.panel {
	margin-top: 0;
}

.panel-heading .accordion-toggle:after {
	/* symbol for "opening" panels */
	font-family:'custom-icons';
	content:"\e803";
	float:right;
}

/** expand the link to fill the whole tab **/

.panel-title a {
	display:block;
	padding:10px 15px;
	margin:-10px -15px;
	outline: none;
}
.panel-heading .accordion-toggle.collapsed:after {
	/* symbol for "collapsed" panels */
	content:'\e805';
}
.accordion-toggle i {
	margin-right:10px;
}
label {
	font-size:16px;
	font-weight:300;
	margin-bottom:8px;
}
.navbar-nav {
	clear:both;
	float:none !important;
	margin-left:0;
	margin-right:0;
	margin-bottom:1px;
	padding:4px 4px 0 4px;
	border-radius:8px 8px 0 0;
	background-color:rgba(4,169,199,1);
}
.navbar-collapse {
	border:none;
	border-color:transparent !important;
	padding:0;
	margin:0;
	box-shadow:none !important;
}
.navbar-nav.pull-right>li>.dropdown-menu,
.navbar-nav>li>.dropdown-menu.pull-right {
	right:auto;
}
li.Nactive>ul,
li.Nactive .nekoMegaMenu,
li.Nactive .nekoMegaMenu ul {
	display:block !important;
}

.navbar-nav .Nactive .subMenu {
	margin-left:10px;
}
.navbar-nav .Nactive .nekoMegaMenu.subMenu {
	margin-left:0;
}
.nekoMegaMenu .container {
	padding-left:0;
}
ul.dropdown-menu {
	position:static;
	clear:both;
	float:none;
	display:none;
	width:auto;
	background:none;
	border:none;
	box-shadow:none;
}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
	margin-bottom:22px;
}
.img-circle {
	width:140px;
	height:140px;
}
pre code {
	white-space: pre-line;
}

/*** MEDIA QUERIES ***/

@media(min-width:768px) {
	.navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
	
	.navbar-header {
		padding-bottom:0;
	}
	.navbar-collapse {
		padding-right:0;
	}
	.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
		margin-bottom:0;
	}
}

/*** END MEDIA QUERIES ***/

/* END BOOSTRAP CUSTOMIZATION================================================== */

/* NEKO CSS FRAMEWORK================================================== */

/*** lists ***/

/* icons */

.iconMedium {
	background-color:transparent !important;
	font-size:36px;
}
.iconMedium.iconRounded {
	width:72px;
	height:72px;
}
.iconMedium.iconRounded:before {
	line-height:72px;
}

/*** boxes ***/
.boxFeature {
	margin-bottom:33px;
}
.color2.boxContent {
	border:none;
}

/**** featured box ***/

.boxFeatured {
	text-align: center;
	margin-bottom: 44px;
}
.boxFeatured i:before {
	margin-bottom: 22px;
}
.boxFeatured a {
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.boxFeatured a:hover {
	text-decoration:none;
}


/*** utilies classes ***/
.mb15 {
	margin-bottom:0.75em;
}
.mb30 {
	margin-bottom:1.5em;
}
.mb40 {
	margin-bottom:2em;
}
.mt15 {
	margin-top:0.75em;
}
.mt30 {
	margin-top:1.5em;
}
.mt40 {
	margin-top:2em;
}
.pb15 {
	padding-bottom:0.75em;
}
.pb30 {
	padding-bottom:1.5em;
}
.pb40 {
	padding-bottom:2em;
}
.pt15 {
	padding-top:0.75em;
}
.pt30 {
	padding-top:1.5em;
}
.pt40 {
	padding-top: 2em;
}
.pt80 {
	padding-top: 4em;
}



/** margins and paddings **/
.noMargin {
	margin:0!important;
}
.noMarginBottom {
	margin-bottom:0!important;
}
.noMarginTop {
	margin-top:0!important;
}
.noPadding {
	padding:0!important;
}
.noPaddingBottom {
	padding-bottom:0!important;
}
.noPaddingTop {
	padding-top:0
}
.noBorder {
	border:none!important;
}
.posRelative {
	position:relative;
}

.forceFullWidth {
	width:100%;
	max-width: none;
}

/* images */
.imgBorder {
	overflow:hidden;
}
.backFaceVisibilityHidden {
	backface-visibility:hidden;
}
.vertical-align {
	position:absolute;
	width:100%;
	top:50%;
	transform:translateY(-50%);
}
.full-width {
	max-width:none;
	width: 100%;
}
/*** MEDIA QUERIES ***/

@media(min-width:768px) {
	
	.mb15 {
		margin-bottom:1.5em;
	}
	.mb30 {
		margin-bottom:3em;
	}
	.mb40 {
		margin-bottom:4em;
	}
	.mt15 {
		margin-top:1.5em;
	}
	.mt30 {
		margin-top:3em;
	}
	.mt40 {
		margin-top:4em;
	}
	.pt15 {
		padding:1.5em;
	}
	.pb15 {
		padding-bottom:1.5em;
	}
	.pb30 {
		padding-bottom:3em;
	}
	.pb40 {
		padding-bottom:4em;
	}
	.pt15 {
		padding-top:1.5em;
	}
	.pt30 {
		padding-top:3em;
	}
	.pt40 {
		padding-top:4em;
	}
	.pt80 {
		padding-top: 8em;
	}

}


/*** END MEDIA QUERIES ***/

.overflow-hidden{ overflow:hidden; }


/*** end utilies classes ***/


/* GENERAL================================================== */

/*** buttons ***/
.btn {
	padding:5px 12px;
	font-size:12px;
	line-height:20px;
	letter-spacing:0.05em;
	text-transform:uppercase;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
	border:none;
	border-radius:0;
}
.btn-lg {
	padding:11px 19px;
	font-size:14px;
	border-radius:0;
}
.btn-sm {
	padding:2px 10px;
	font-size:11px;
	border-radius:0;
}
.btn-xs {
	padding:0 6px;
	font-size:10px;
	border-radius:0;
}
.btn-link {
	text-transform:none;
	text-shadow:none;
	padding:0;
	font-family:inherit;
	font-size:inherit;
	font-weight:normal;
}
.btn i:before {
	text-align:left;
}
.btn-border {
	padding:3px 10px;
}
.btn-border.btn-lg {
	padding:9px 17px;
}
.btn-border.btn-sm {
	padding: 0px 6px;
}

/* END GENERAL================================================== */

/* PARALLAX STUFF================================================== */
#homeFullScreen {
	width:100%;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-size:cover;
	background-position:top center;
}

.maskParent {
	position: absolute;
	z-index: 99;
	height: 22px;
	overflow: hidden;
	width: 100%;
}
.maskParent2 {
	position:absolute;
	z-index:99;
	height:22px;
	overflow:hidden;
	margin-top:-22px;
	width:100%;
}
.bgMask {
	display:block;
	content:"";
	height:22px;
	width:100%;
	border-radius:60%;
	box-shadow:0px 0 22px rgba(0,0,0,0.5);
	margin-top:-22px;
}
.bgMask2 {
	display:block;
	content:"";
	height:22px;
	width:100%;
	border-radius:60%;
	box-shadow:0px 0 22px rgba(0,0,0,0.5);
	margin-top:22px;
}

@media(max-width:768px){
	.neko-data-owl .bgMask {
		opacity: 0 !important;
	}
}

.image-0 {
	background-image:url('../images/theme-pics/big-header.jpg');
}
.image-1 {
	background-image:url('../images/hem-tankstelle.jpg');
}
.image-2 {
	background-image:url('../images/theme-pics/parallax-2.jpg');
}
.image-3 {
	background-image:url('../images/theme-pics/parallax-3.jpg');
}
.image-4 {
	background-image:url('../images/theme-pics/parallax-4.jpg');
}
.image-5 {
	background-image:url('../images/theme-pics/parallax-5.jpg');
}
.image-6 {
	background-image: url('../images/theme-pics/parallax-6.jpg');
}

/* END PARALLAX STUFF================================================== */

/* HOME FULLSCREEN================================================== */

#home {
	padding-top:44px;
}
#mapWrapper {
	height:50px;
	/*height:350px;*/
}
#homeFullScreen {
	display:table;
	width:100%;
	height:100%;
	background-color:#fff;
	overflow:hidden;
}
#fullScreenSliderWrapper {
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	margin:auto;
}
.carousel, .carousel-inner, .carousel .item {
	width:100%;
	height:100%;	
	background-color:#04a9c7;
}
.carousel .item img {
    width: 100%; /*img width*/
}

.carousel-control {
	top:0;
	font-family:Arial;
	font-weight:bold;
	padding-top:40%;
	font-style:normal;
	font-size:120px;
	color:rgba(255,255,255,0.5);	
	text-shadow:none;
}
.carousel .left {
	text-align:left;
	padding-left:20px;
}
.carousel .right {
	text-align:right;
	padding-right:20px;
}

/*.blur1 {
	background:url('../images/shop4.jpg') top no-repeat;
	background-size:cover;
}
.blur2 {
	background:url('../images/shop6.jpg') top no-repeat;
	background-size:cover;
}
.blur3 {
	background:url('../images/zoom1.jpg') top no-repeat;
	background-size:cover;
}
.blurred {
	-webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    opacity: 0.9;
	width:100%;
	height:164px;
	position:fixed;
	top:0;
	z-index:1000;
}*/
.item .headline {
	text-align:center;
	width:80%;
	margin:0 10%;
	padding-top:180px;
	height:80px;
}
.item h1 {
	text-align:center;
	font-size:50px;
	line-height:55px;
	color:#fff;
}

.item h2 {
	text-align:center;
	font-size:33px;
	line-height:36px;
	color:#fff;
}


/* PICTURE FRAME TITLE */

.titleFrame {
	width:100%;
	min-height:600px;
	height:100%;
	margin: 150px auto 0 auto;
	padding: 0 0 10px 0;
	background-color:#B4875E;
}
.titleFrame div {
	border-radius:12px;
	overflow:hidden;
}
.titleColLeft {
	float:left;
	margin:10px 5px 10px 10px;
	width:-moz-calc(30% - 10px);
	width:-webkit-calc(30% - 10px);
	width:calc(30% - 10px);
	height:-moz-calc(100% - 313px);
	height:-webkit-calc(100% - 313px);
	height:calc(100% - 313px);
}
.titleColRight {
	float:left;	
	margin:10px 10px 10px 5px;
	width:-moz-calc(70% - 20px);
	width:-webkit-calc(70% - 20px);
	width:calc(70% - 20px);
	height:-moz-calc(100% - 313px);
	height:-webkit-calc(100% - 313px);
	height:calc(100% - 313px);
	min-height:580px;
}
.titleColLeftTop {
	width:100%;
	margin:0 0 10px 0;
	height:50%;
	min-height:285px;
}
.titleColLeftBottom {
	width:100%;
	margin:10px 0 0 0;
	clear:both;
	height:50%;
	min-height:285px;
}
.tlt1 {
	background:url('../images/start01.jpg') top left no-repeat #fff;
	background-size:cover;
}
.tlb1 {
	background:url('../images/start02.jpg') top left no-repeat #fff;
	background-size:cover;
}

.tr1 {
	background:url('../images/start03.jpg') center left no-repeat #fff;
	background-size:cover;
}
.tlt2 {
	background:url('../images/start04.jpg') top left no-repeat #fff;
	background-size:cover;
}
.tlb2 {
	background:url('../images/start05.jpg') top left no-repeat #fff;
	background-size:cover;
}

.tr2 {
	background:url('../images/start06.jpg') center left no-repeat #fff;
	background-size:cover;
}

.tlt3 {
	background:url('../images/shop3.jpg') top left no-repeat #fff;
	background-size:cover;
}
.tlb3 {
	background:url('../images/shop8.jpg') top left no-repeat #fff;
	background-size:cover;
}

.tr3 {
	background:url('../images/shop6.jpg') top left no-repeat #fff;
	background-size:cover;
}

/* PICTURE FRAME CONTACT */

.contactFrame {
	border-radius:18px;
	overflow:hidden;
	width:100%;
	height:370px;
	margin: 0 auto 30px auto;
	padding: 0 0 10px 0;
	background-color:#B4875E;
}
.contactFrame div {
	border-radius:12px;
	overflow:hidden;
}
.contactColLeft {
	float:left;
	margin:10px 5px 10px 10px;
	width:-moz-calc(30% - 10px);
	width:-webkit-calc(30% - 10px);
	width:calc(30% - 10px);
	height:350px;
	min-height:350px;
}
.contactColRight {
	float:left;	
	margin:10px 10px 10px 5px;
	width:-moz-calc(70% - 20px);
	width:-webkit-calc(70% - 20px);
	width:calc(70% - 20px);
	height:350px;
	min-height:350px;
}
.contactColLeftTop {
	width:100%;
	margin:0 0 10px 0;
	height:50%;
	min-height:50%;
}
.contactColLeftBottom {
	width:100%;
	margin:10px 0 0 0;
	clear:both;
	height:50%;
	min-height:50%;
}
.clt1 {
	background:url('../images/shop3.jpg') top left no-repeat #fff;
	background-size:cover;
}
.clb1 {
	background:url('../images/shop10.jpg') top left no-repeat #fff;
	background-size:cover;
}

.cr1 div {
	overflow:visible;
}

/* PICTURE FRAME ABOUT */

.aboutFrame {
	border-radius:18px;
	overflow:hidden;
	width:100%;
	height:320px;
	margin: 0 auto 30px auto;
	padding: 0 0 10px 0;
	background-color:#AE2573;
}
.aboutFrame div {
	border-radius:12px;
	overflow:hidden;
}
.aboutColLeft {
	float:left;
	margin:10px 5px 10px 10px;
	width:-moz-calc(30% - 10px);
	width:-webkit-calc(30% - 10px);
	width:calc(30% - 10px);
	height:300px;
	min-height:300px;
}
.aboutColRight {
	float:left;	
	margin:10px 10px 10px 5px;
	width:-moz-calc(70% - 20px);
	width:-webkit-calc(70% - 20px);
	width:calc(70% - 20px);
	height:300px;
	min-height:300px;
}
.aboutColLeftTop {
	width:100%;
	margin:0 0 10px 0;
	height:50%;
	min-height:50%;
}
.aboutColLeftBottom {
	width:100%;
	margin:10px 0 0 0;
	clear:both;
	height:50%;
	min-height:50%;
}
.alt1 {
	background:url('../images/shop4a.jpg') top left no-repeat #fff;
	background-size:cover;
}
.alb1 {
	background:url('../images/deko4a.jpg') top left no-repeat #fff;
	background-size:cover;
}
.ar1 {
	background:url('../images/image1a.jpg') top left no-repeat #fff;
	background-size:cover;
}

/* PICTURE FRAME SHOWROOM */

.showFrame {
	border-radius:18px;
	overflow:hidden;
	width:100%;
	height:320px;
	margin: 0 auto 30px auto;
	padding: 0 0 10px 0;
	background-color:#AE2573;
}
.showFrame div {
	border-radius:12px;
	overflow:hidden;
}
.showColLeft {
	float:left;
	margin:10px 5px 10px 10px;
	width:-moz-calc(30% - 10px);
	width:-webkit-calc(30% - 10px);
	width:calc(30% - 10px);
	height:300px;
	min-height:300px;
}
.showColRight {
	float:left;	
	margin:10px 10px 10px 5px;
	width:-moz-calc(70% - 20px);
	width:-webkit-calc(70% - 20px);
	width:calc(70% - 20px);
	height:300px;
	min-height:300px;
}
.showColLeftTop {
	width:100%;
	margin:0 0 10px 0;
	height:50%;
	min-height:50%;
}
.showColLeftBottom {
	width:100%;
	margin:10px 0 0 0;
	clear:both;
	height:50%;
	min-height:50%;
}
.slt1 {
	background:url('../images/shop8.jpg') top left no-repeat #fff;
	background-size:cover;
}
.slb1 {
	background:url('../images/showroom4.jpg') top left no-repeat #fff;
	background-size:cover;
}
.sr1 {
	background:url('../images/showroom3.jpg') top left no-repeat #fff;
	background-size:cover;
}

.fixedHeader .blurred {
	height:70px;
    opacity: 0.3;
}

/*full width container*/
@media (max-width: 767px) {
    .block {
        margin-left: -20px;
        margin-right: -20px;
    }
	.carousel-control {
		display:none;	
	}
}

#onePage {
	padding-top:0
}
body#onePage #mainHeader {
	text-align:center;
}
body#onePage #mainHeader.navbar {
	border:none;
}
#onePage #mainHeader {
	z-index: 1000;
}

/* HEADER================================================== */

#mainHeader>.container {
	width:100%;
}

/*** MEDIA QUERIES ***/


@media(max-width:767px) {
	#homeFullScreen {
		width:100%;
		margin:0;
	}
	.navbar-nav {
		background:rgba(0,0,0,.5);	
	}
	.navbar-header {
		position:static;
		margin:0 5%;
		width:90%;
		-webkit-transition:all 0.6s ease-out;
		-moz-transition:all 0.6s ease-out;
		-o-transition:all 0.6s ease-out;
		-ms-transition:all 0.6s ease-out;
		transition:all 0.6s ease-out;	
	}

	.navbar-default {
		text-align:left;
		padding:12px 0 5px 0;
		-webkit-transition:all 0.4s ease-out;
		-moz-transition:all 0.4s ease-out;
		-o-transition:all 0.4s ease-out;
		-ms-transition:all 0.4s ease-out;
		transition:all 0.4s ease-out;	
	}
	.navbar-logo img {
		width:36% !important;
	}
	.sep {
		display:none !important;	
	}
	.titleFrame {
		margin: 83px auto 0 auto;
	}
	.item .headline {
		padding-top:100px;
		height:120px;
	}
	.item h1 {
		font-size:30px;
		line-height:34px;
	}
	
	.item h2 {
		font-size:24px;
		line-height:27px;
	}
	.titleFrame {
		min-height:350px;
	}
	.titleColLeft {
		height:-moz-calc(100% - 213px);
		height:-webkit-calc(100% - 213px);
		height:calc(100% - 213px);
		min-height:330px;
	}
	.titleColRight {
		height:-moz-calc(100% - 213px);
		height:-webkit-calc(100% - 213px);
		height:calc(100% - 213px);
		min-height:330px;
	}
	.titleColLeftTop {
		min-height:160px;
	}
	.titleColLeftBottom {
		min-height:160px;
	}

}
@media(min-width:768px) {
	.fixedHeader .navbar-header {
		position:absolute;
		left:20px;
		float:left !important;
		width:150px;
		-webkit-transition:all 0.6s ease-out;
		-moz-transition:all 0.6s ease-out;
		-o-transition:all 0.6s ease-out;
		-ms-transition:all 0.6s ease-out;
		transition:all 0.6s ease-out;	
	}

	.fixedHeader .navbar-default {
		padding:12px 0 0 0;
		-webkit-transition:all 0.4s ease-out;
		-moz-transition:all 0.4s ease-out;
		-o-transition:all 0.4s ease-out;
		-ms-transition:all 0.4s ease-out;
		transition:all 0.4s ease-out;	
	}
	.fixedHeader .navbar .navbar-logo {
		margin:12px 0 5px 12px;
	}

	#fullScreenSliderWrapper h1 {
		font-size:48px;
	}
	/*.fixedHeader*/ .navbar-nav {
			background:#fff;
	}
	
	/*.fixedHeader*/ #mainMenu>ul>li>a {
		color:#666;
	}
	/*.fixedHeader*/ #mainMenu>ul>li>a:hover, .fixedHeader #mainMenu>ul>li.active>a {
		color:#04a9c7 !important;
	}
	
}

/*** END MEDIA QUERIES ***/


/* END HEADER================================================== */
/* MAIN MENU================================================== */
.navbar-nav>li>a {
	display:block;
	padding:12px 8px 0 8px;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:0.05em;
	font-family:'Quattrocento Sans',sans-serif;
	font-size:15px;
	font-weight:bold!important;
	color:#fff;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.navbar-nav>li>a:hover {
	color:#04a9c7;
}
.navbar-nav li a i {
	margin-right: 10px;
}
.navbar-nav>li#lastMenu>a {
	padding-right:0;
	/*align right*/
}
#mainHeader .pull-right {
	float: none !important;
}
/*** sub menus ***/
.navbar-nav ul li {
	position:relative;
}
.navbar-nav ul {
	display:none;
	padding:0;
	margin:0;
	list-style-type:none;
}
.navbar-nav ul ul {
	top:0;
}
.navbar-nav ul li a {
	display:block;
	padding:11px 0 0 0;
	font-size:16px !important;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.navbar-nav ul li a:hover {
	text-decoration:none;
}
#mainMenu .navbar-nav li a.hasSubMenu:after {
	font-family:"custom-icons";
	display:block;
	content:'\e89e';
	float:right;
	margin-right:15px;
}
/*** MEDIA QUERIES ***/
@media(min-width:768px) {
	#mainHeader .pull-right {
		float:right !important;
	}
	.navbar-nav>li>a {
		font-size:16px;
		font-weight:300;
		padding:11px 11px 11px 11px;
		line-height:30px;
		vertical-align:middle;
	}
	.navbar-nav>li>a i {
		display:block;
	}
	.navbar-nav ul {
		position:absolute;
		top:89px;
		left:0;
		z-index:900;
	}
	.navbar-nav ul {
		width:170px;
	}
	.navbar-nav>li.sep {
		display:block;
	}
	.navbar-nav>li.sep {
		-webkit-transition:all 0.3s ease-out;
		-moz-transition:all 0.3s ease-out;
		-o-transition:all 0.3s ease-out;
		-ms-transition:all 0.3s ease-out;
		transition:all 0.3s ease-out;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.55+30,0.7+50,0.55+70,0+100 */

background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 30%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.35) 70%, rgba(0,0,0,0) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 30%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.35) 70%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 30%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.35) 70%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

		width:1px;
		height:40px;
		display:block;
		text-align:center;
		margin-top:6px;
		margin-bottom:0;
		padding:0;
	}
	#mainMenu .navbar-nav li a.hasSubMenu:after {
		display:none;
	}
	#mainMenu .navbar-nav ul li a.hasSubMenu:after {
		content:'\e801';
		display:block;
		text-align: right;
		margin-right: 0;
	}
	.navbar-nav ul li a {
		padding:11px 11px 0 11px;
		display:block;
		font-size:13px;
	}
	.navbar-nav ul li {
		padding: 0;
	}
	
}

@media(min-width:768px) and (max-width:1049px) {
	.fixedHeader .navbar-nav {
		float:right !important;
		margin-right:20px;
	}
	.fixedHeader .navbar-nav>li a {
		font-size:12px !important;
		padding:22px 5px 0 5px;
	}
}
@media(min-width:1050px) and (max-width:1200px) {
	.fixedHeader .navbar-nav>li a {
		font-size:14px !important;
		padding:22px 5px 0 5px;
	}
}

@media(min-width:768px) and (max-width:980px) {
	.navbar-nav>li a {
		font-size:14px !important;
		padding:22px 5px 0 5px;
	}
}

/*** END MEDIA QUERIES ***/

/* END MAIN MENU================================================== */

/* MAP================================================== */
#mapWrapper {
	height:50px;
	/*height:350px;*/
}
#mapWrapper div {
	border-radius:0 !important;	
}
#mapWrapperSatellite {
	height:650px;
}
#noSliderWrapper {
	padding-top:44px;
}
.infoWindow {
	color: #555;
}

/*** MEDIA QUERIES ***/
@media(min-width:768px) {
	#home {
		padding-top:54px;
	}
}

footer{
font-size:14px;
line-height:15px;
padding:20px 0 0 0;
}

#nextslide,#prevslide {
	background:none repeat scroll 0 0 rgba(0,0,0,0);
	color:#FFFFFF;
	font-family:'custom-icons';
	text-align:center;
	font-size:1em;
	height:1em;
	line-height:1em;
	width:1em;
}
#prevslide:before {
	content:'\e804';
}
#nextslide:before {
	content:'\e805';
}
a#nextslide:hover,a#prevslide:hover {
	text-decoration: none;
}


/** center content **/
.container.vAlignCenter {
	display:table;
	height:100%;
	width:100%;
}
.vAlignCenter .row {
	display:table-cell;
	height:100%;
	width:100%;
	vertical-align:middle;
	text-align:center;
}

/*** Porfolio Mosaic***/
/*preloader portoflio mosaic*/
#preloaderPortfolio {
	position:relative;
	width:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10;
	background:#fff;
	height:1000px;
}
#preloaderPortfolio #status {
	top: 200px;
}
/*preloader portoflio mosaic*/
.portfolioMosaic article {
	float:left;
	backface-visibility:hidden;
	margin:0;
	padding:0;
}
.portfolioMosaic.mosaic5 article,
.portfolioMosaic.mosaic4 article,
.portfolioMosaic.mosaic3 article,
.portfolioMosaic.mosaic2 article {
	width: 50%;
}

/* More Link */
.generatedMoreLink {
	position:absolute;
	display:block;
	text-align:center;
}
.generatedMoreLink a {
	display:inline-block;
	text-decoration:none;
}
.generatedMoreLink a h2,
.generatedMoreLink a i {
	color:white;
}
.valign:after {
	display:inline-block;
	height:100%;
	width:0;
	vertical-align:middle;
	content:'';
}
.valign>.valigned {
	display:inline-block;
	vertical-align:middle;
	text-align: center;
	
}

/* magnific popup */
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: pointer;
}

/* popup */
.mpInlineContent {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 960px;
  margin: 20px auto;
}

/*** MEDIA QUERIES ***/
@media(max-width:767px) {
	.solutionsMosaic article {
		height:auto;	
		margin-bottom:20px;
	}
	.solutionsMosaic figure {
		line-height:0 !important;
		width:auto;
		margin:0 !important;
		border:8px solid #fff;
		background:#fff;
		border-radius:24px;
	}
	.portfolioMosaic.mosaic5 article, .generatedMoreLink {
		width:-moz-calc(50% + 4px)!important;
		width:-webkit-calc(50% + 4px)!important;
		width:calc(50% + 4px)!important;
		margin:0 -8px -8px 0px !important;
		border:8px solid #fff !important;
		border-radius:24px !important;
	}
	.portfolioMosaic.mosaic5 article figure {
		border-radius:12px;
	}

	.portfolioMosaic.mosaic4 article {
		width:50%;
	}
	.portfolioMosaic.mosaic3 article {
		width:100%;
	}
	.portfolioMosaic.mosaic3 article figure {
		border-radius:12px;
	}
	.portfolioMosaic.mosaic2 article {
		width:50%;
	}
}
@media(min-width:768px) {
	.solutionsMosaic article {
		height:auto;	
		margin-bottom:10px;
	}
	.solutionsMosaic figure {
		width:-moz-calc(100% + 30px);
		width:-webkit-calc(100% + 30px);
		width:calc(100% + 30px);
		margin:0 -15px !important;
		border:none;
		background:transparent;
		border-radius:none;
	}
	.page-header .projectTitle {
		margin-top:0;
	}
	.portfolioMosaic.mosaic5 article {
		width:25%;
	}
	.portfolioMosaic.mosaic4 article {
		width:33.33333333333333%;
	}
	.portfolioMosaic.mosaic3 article {
		width:33.33333333333333%;
	}
	.portfolioMosaic.mosaic2 article {
		width:33.33333333333333%;
	}
	.generatedMoreLink {
		width:25% !important;
	}
}
@media(min-width:992px) {
	.solutionsMosaic article {
		height:auto;	
		margin-bottom:0;
	}	
}
@media(min-width:1024px) {
	.portfolioMosaic.mosaic5 article {
		width:25% !important;
	}
	.portfolioMosaic.mosaic4 article {
		width:25%;
	}
	.portfolioMosaic.mosaic3 article {
		width:33.33333333333333%;
	}
	.portfolioMosaic.mosaic2 article {
		width:50%;
	}
}
/*@media(min-width: 768px) and (max-width: 1024px) {
	.generatedMoreLink {
		width:100% !important;
		height:80px !important;
	}
}*/


/* END PORTFOLIO================================================== */

/* FORM================================================== */

textarea#comments {
	height:87px;
}
#verify {
	width:auto;
	display:inline-block;
	margin-top:11px;
}
.securityCheck h3 {
	margin-bottom:7px;
}
.centeredForm {
	text-align: center;
}

/*** MEDIA QUERIES ***/
@media(min-width:768px) {
	#verify {
		margin-left:15px;
		margin-top:0;
	}	
}

/*** END MEDIA QUERIES ***/

/* END FORM================================================== */

/* MISCELLANEOUS================================================== */

/* Preloader one page */

#preloader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 100000000000000000000000000;
}
#status {
	width:200px;
	height:300px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-150px 0 0 -100px;
	text-align:center;
	padding-top:20px;
	text-transform:uppercase;
	letter-spacing:0.2em;
}

#status img {
	margin-bottom: 22px;
}

/*** Scroll up Button ***/
#nekoToTop {
	position:fixed;
	bottom:0;
	right:20px;
	padding:5px;
	display:none;
	border-radius:4px 4px 0 0;
	width:50px;
	text-align:center;
	z-index: 100;
}

/*** demo ***/
.highlight {
	margin-bottom:44px;
}
.bs-docs-section .btn {
	margin-bottom: 11px;
}

/* font icon test */
ul.iconsTest {
	margin:0 0 22px 0;
}
.iconsTest li {
	display:block;
	float:left;
	margin-right: 22px;
}
.ico1 {
	color: #00CCFF;
	font-size: 1em;
}
.ico2 {
	color: #3366FF;
	font-size: 3em;
}
.ico3 {
	color: #6666CC;
	font-size: 6em;
}
.ico4 {
	color: #FFFFFF;
	font-size: 6em;
	text-shadow: 0 2px 2px #777777;
}
/*** end demo ***/

/*** hover images ***/

.imgHover figure {
	display: inline-block;
	position: relative;
	background:#04a9c7;
	margin: 0;
	position: relative;
}
.imgHover figure.cs-hover figcaption {
	background:rgba(239,219,178,0.9);
	color:#04a9c7;
}
.imgHover figure.cs-hover figcaption h3 {
	color:#04a9c7;
}
	
.imgHover figure.cs-hover figcaption:hover {
	-webkit-transition: background-color 0.7s;
	-moz-transition: background-color 0.7s;
	transition: background-color 0.7s;
	background:transparent;
}

.imgHover figure.cs-hover figcaption:hover p, .imgHover figure.cs-hover figcaption:hover h3 {
	-webkit-transition: color 0.7s;
	-moz-transition: color 0.7s;
	transition: color 0.7s;
	-webkit-transition: text-shadow 0.7s;
	-moz-transition: text-shadow 0.7s;
	transition: text-shadow 0.7s;
	color:#fff;
	text-shadow:0 0 12px #000;
}

.imgHover figure img {
	max-width: 100%;
	height:auto;
	display: block;
	position: relative;
}
.imgHover figcaption {
	position: absolute;
	top: 0;
	left: 1px;
	padding: 20px;
}
.imgHover figcaption h3 {
	margin: 0;
	padding: 0;
}
.imgHover figcaption span:before {
	content: 'by ';
}
.neko-hover-1 figure {
	overflow: hidden;
}
.neko-hover-1 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}
.neko-hover-1 figure figcaption {
	height:100%;
	display:block;
}
.neko-hover-1 figure.cs-hover figcaption {
	height:100%;
	display:block;
}	
@media(min-width:768px) {
	.no-touch .neko-hover-1 figure:not(.cs-hover):hover img {
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}
figure.cs-hover figcaption div.iconLinks {
	padding:6px;
	border-radius:8px;
	background-color:rgba(255,255,255,0.3);
	width:62px;
}
.neko-hover-1 figcaption {
	width: 100%;
	top: auto;
	bottom: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}
.no-touch .neko-hover-1 figure:not(.cs-hover):hover figcaption,
.neko-hover-1 figure.cs-hover figcaption {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}
.neko-hover-1 figcaption .iconLinks a{
	display: inline-block;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.neko-hover-1 figcaption .iconLinks a {
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	margin: 1px;
	border-radius:5px;
}
@media(max-width:767px) {
	.imgHover figure figcaption {
		background:rgba(255,255,255,0.9);
		color:#04a9c7;
	}
	.imgHover figure figcaption h3 {
		color:#04a9c7;
	}
		
	.imgHover figure figcaption:hover {
		-webkit-transition: background-color 0.7s;
		-moz-transition: background-color 0.7s;
		transition: background-color 0.7s;
		background:transparent;
	}
	
	.imgHover figure figcaption:hover p, .imgHover figure figcaption:hover h3 {
		-webkit-transition: color 0.7s;
		-moz-transition: color 0.7s;
		transition: color 0.7s;
		-webkit-transition: text-shadow 0.7s;
		-moz-transition: text-shadow 0.7s;
		transition: text-shadow 0.7s;
		color:#fff;
		text-shadow:0 0 12px #000;
	}
	.neko-hover-1 figure figcaption {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		-webkit-transition: -webkit-transform 0.4s;
		-moz-transition: -moz-transform 0.4s;
		transition: transform 0.4s;
	}
	figure figcaption div.iconLinks, figure.cs-hover figcaption div.iconLinks {
		padding:6px;
		border-radius:8px;
		background-color:rgba(255,255,255,0.3);
		width:62px;
	}	
}

/*** social icons ***/
ul.socialNetwork {
	padding:0;
	display: block;
}
ul.socialNetwork li {
	display:inline-block;
	list-style-type: none;
}


/*** responsive video ***/
.videoWrapper {
	position: relative;
	padding-bottom: 56.2%;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoWrapper.videoFormat2 {
	padding-bottom:61%; /*ratio = 198/500*100 */
}

p.credits {
	padding:1.5em;
	margin-bottom:1.5em
}
/*** end responsive video ***/

.boxContent {
	padding:2%;
}
.boxContent h3 {
	display:block;
	border-radius:50%;
	padding:2px;
	font-size:45px;	
	height:55px;
	width:55px;
	font-style:italic;
	background-color:#fff;
	color:rgb(248,185,58) !important;	
	margin-bottom:12px;
}

.boxContent p {
	font-size:1em;	
	font-style:italic;
}

.imgBorder {
	background-color:rgba(188,142,98,1.00);
	padding:12px;
	border-radius:12px;
	margin:0;
}
div.imgBorder img {
	border-radius:9px;
	width:100%;
}
.glyphicon {
  margin-bottom:0.66em;
}
.home-text a {
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
/*** MEDIA QUERIES ***/
.nobreak {
	white-space:normal;
}

@media(max-width:767px){
	.img-responsive {
		width:100%;
	}	
	.boxContent p {
		font-size:1.2em;	
		font-style:italic;
		text-align:center;
	}
	.nobreak {
		white-space:nowrap;	
	}
	.max212 {
		max-width: 212px;
		margin: 0 auto;
	}
}

address {
	display:block;
	float:left;
}
#adresse strong {
	clear:both;
	display:block;
	width:120px;	
	float:left;
}

.minimalBox img {
	max-width: 100%;
  	height: auto;
  	width:100%;
}
.titleFrame img, .aboutFrame img, .showFrame img {
	max-width: 100%;
  	height: auto;
}

/*** END MEDIA QUERIES ***/

.tickets {
	padding:0 40px;	
	margin:0 auto;
	width:300px;
}
@media(min-width:768px){
	.tickets {
		padding:0 10px;	
		margin:0 auto;
		width:100%;
	}	
}

@media(min-width:970px){
	.tickets {
		padding:0 30px;	
		margin:0 auto;
	}		
}

@media(min-width:1170px){
	.tickets {
		padding:0 60px;	
		margin:0 auto;
	}		
}
	
.mini {
	font-size:12px;
}
/* END MISCELLANEOUS
================================================== 
#email {
	visibility: hidden;
}*/