@import url("http://fonts.googleapis.com/css?family=Open+Sans:300,400,700");
@import url("http://fonts.googleapis.com/css?family=Montserrat:400,700");
/* ************************************* SIDEBAR */
/**
	   * Remove all paddings around the image on small screen
	   */
@font-face {
	font-family: 'Entypo';
	src: url('/css/fonts/entypo.eot');
	src: url('/css/fonts/entypo.eot?#iefix') format('embedded-opentype'), url('/css/fonts/entypo.woff') format('woff'), url('/css/fonts/entypo.ttf') format('truetype'), url('/css/fonts/entypo.svg#Entypo') format('svg');
	font-weight: normal;
	font-style: normal;
}

.loading {
	position: fixed;
	top: 0px;
	height: 100%;
	width: 100%;
	bottom: 0px;
	left: 0px;
	z-index: 9999;
	text-align: center;
	vertical-align: middle;
}

.loading p {
	display: inline-block;
	padding: 12px 17px;
	font-family: Montserrat;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	margin-left: -60px;
	font-weight: bolder;
	font-size: 16px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.col1, .col1a::after { background: #80BA8B !important; }
.col1h:hover { background: #ffa100 !important; }
.col1-text { color: #94bb8c !important; }
.col1-text:hover { color: #ffa100 !important; }
.col1h-text:hover { color: #f6a71d !important; }
.col1a-text::after { color: #f6a71d !important; }
..col1b-text::before { color: #f6a71d !important; }
.col1-border, .col1h-border:hover, .col1a-border::after, .col1b-border::before { border-color: #80BA8B !important; }
.col1-alpha { background: rgba(231,109,102,0.4) !important; }
.col2, .col2h:hover, .col2a::after, col2b::before { background: #80BA8B !important; }
.col2-text, .col2h-text:hover, .col2a-text::after, .col2b-text::before { color: #A0BC8D !important; }
.col2-border, .col2h-border:hover, .col2a-border::after, .col2b-border::before { border-color: #80BA8B !important; }
.col2-alpha { background: rgba(160,188,141,0.4) !important; }
.col3, .col3h:hover, .col3a::after, col3b::before { background: #80BA8B !important; }
.col3-text, .col3h-text:hover, .col3a-text::after, .col3b-text::before { color: #579AAA !important; }
.col3-border, .col3h-border:hover, .col3a-border::after, .col3b-border::before { border-color: #579AAA !important; }
.col3-alpha { background: rgba(87,154,170,0.4) !important; }
.col3:hover { background: #ffa100 !important; }
.col1, .col1h:hover, .col1-text, .col1h-text:hover, .col1-border, .col1h-border:hover, .col1-alpha, .col2, .col1h:hover, .col2-text, .col2h-text:hover, .col2-border, .col2h-border:hover, .col2-alpha, .col3, .col1h:hover, .col3-text, .col3h-text:hover, .col3-border, .col3h-border:hover, .col3-alpha {
	-moz-transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}

.col000, .col000:hover { color: #000; }
.col111, .col111:hover { color: #111; }
.col222, .col222:hover { color: #222; }
.col333, .col333:hover { color: #333; }
.col444, .col444:hover { color: #444; }
.col555, .col555:hover { color: #555; }
.col666, .col666:hover { color: #666; }
.col777, .col777:hover { color: #777; }
.col888, .col888:hover { color: #888; }
.col999, .col999:hover { color: #999; }
.colaaa, .colaaa:hover { color: #aaa; }
.colbbb, .colbbb:hover { color: #bbb; }
.colccc, .colccc:hover { color: #ccc; }
.colddd, .colddd:hover { color: #ddd; }
.coleee, .coleee:hover { color: #eee; }
.colfff, .colfff:hover { color: #fff; }
* {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

body { font-family: "Open Sans"; }
.wrap { overflow-x: hidden; }
a:hover { opacity: 0.8; }
h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat";
	font-weight: normal;
}

header img, .team img, .releases img, .product-item img { max-width: 100%; }
label {
	font-weight: normal;
	text-align: left;
}

ul, menu, dir {
	-webkit-padding-start: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

select, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input { margin-bottom: 10px; }
.nomargin { margin: 0 !important; }
.tab-pane { padding: 10px 0 30px; }
select {
	min-width: 150px;
	color: #444;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 2px solid;
	padding: 8px 10px;
	background: url(/css/select/toggle.png) no-repeat right center;
}

.container {
	padding: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.subtitle {
	font-family: "Open Sans";
	font-weight: 300;
	opacity: 0.7;
	margin-bottom: 30px;
}

.btn {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	padding: 6px 13px;
	font-family: "Open Sans";
}

.btn:hover, .btn:focus { opacity: 0.8; }
i.icons, i.social {
	font-family: "Entypo";
	font-style: normal;
	font-weight: normal;
}

hr {
	min-height: 2px !important;
	margin-left: 0px !important;
	opacity: 0.5;
}

input, textarea, .uneditable-input {
	width: auto;
	max-width: 100%;
}

.ui-slider-handle {
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
}

.toggle {
	-webkit-border-radius: 14px !important;
	-moz-border-radius: 14px !important;
	border-radius: 14px !important;
}

.widebody .wrap { overflow-x: hidden; }
.widebody .container, .widebody .navbar-static-top .container, .widebody .navbar-fixed-top .container, .widebody .navbar-fixed-bottom .container {
	width: 100% !important;
	max-width: 100% !important;
}

.widebody .top-header {
	width: 90%;
	margin: 0 auto;
}

.widebody {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.flexible-container {
	width: 100%;
	height: 1000px;
}

.top-header .social { margin-top: 30px; }
.top-header .social p {
	margin: 0;
	font-family: "Montserrat";
	font-weight: 700;
	text-transform: uppercase;
	font-size: 15px;
}

.top-header .social p i {
	font-family: "Open Sans";
	font-weight: 300;
	text-transform: lowercase;
	font-style: normal;
	font-size: 18px;
}

.top-header .social ul {
	display: block;
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}

.top-header .social ul li {
	float: left;
	display: inline;
	padding: 0;
}

.top-header .social ul li a {
	display: block;
	width: 40px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 20px;
	padding: 0;
	text-decoration: none;
	font-family: "Entypo";
	font-style: normal;
	font-weight: normal;
}

.top-header .info {
	text-align: right;
	margin-top: 40px;
	font-family: "Montserrat";
	position: relative;
	float: right;
}

.top-header .info p {
	line-height: 45px;
	display: inline;
	margin: 0 20px 0 0;
}

.top-header .logo {
	text-align: center;
	margin-top: 42px;
	margin-bottom: 10px;
}

.top-header .logo img {
	max-height: 144px;
	width: auto;
}

.top-header .logo a {
	position: relative;
	opacity: 1;
}

.top-header .logo a:hover { opacity: 1; }
.top-header .logo div.standard {
	display: inline-block;
	text-align: center;
}

.top-header .logo div.hexagon {
	display: inline-block;
	width: 125px;
	height: 144px;
	position: relative;
}

.top-header .logo div.hexagon .logo-top {
	width: 0;
	border-bottom-width: 36px;
	border-bottom-style: solid;
	border-left: 62px solid transparent !important;
	border-right: 62px solid transparent !important;
}

.top-header .logo div.hexagon .logo-middle {
	width: 125px;
	height: 72px;
}

.top-header .logo div.hexagon .logo-bottom {
	width: 0;
	border-top-width: 36px;
	border-top-style: solid;
	border-left: 62px solid transparent !important;
	border-right: 62px solid transparent !important;
}

.top-header .logo div.hexagon .logo-image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 125px;
	height: 144px;
	background: url(/css/files/logo.png) no-repeat;
}

.top-header .cart {
	float: right;
	width: 45px;
	height: 45px;
	line-height: 45px;
	position: relative;
}

.top-header .cart .counter {
	position: absolute;
	top: -15px;
	left: -15px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 13px;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
	font-weight: 700;
	z-index: 2;
}

.top-header .cart a {
	display: block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 20px;
	padding: 0;
	text-decoration: none;
	font-family: "Entypo";
	font-style: normal;
	font-weight: normal;
}

.top-header form.search {
	display: block;
	clear: both;
	text-align: right;
	margin-bottom: 20px;
}

.info a#lang_de, .info a#lang_en {
	position: absolute;
	top: -25px;
	right: 15px;
}

a#lang_de_mobile, a#lang_en_mobile { display: none; }
.info a#lang_de:hover, .info a#lang_en:hover { color: #ffa100; }
.top-header form.search input[type=submit] {
	border: none;
	width: 45px !important;
	height: 45px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	font-size: 20px;
	line-height: 45px;
	text-align: center;
	font-family: "Entypo";
	font-style: normal;
	font-weight: normal;
	float: right;
}

.top-header form.search	input[type=text] {
	width: 210px;
	height: 35px;
	padding: 5px 10px;
	margin: 0;
	border: none;
	float: right;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.mobile-buttons .button-mobile, .mobile-buttons .button-search, .mobile-container .form-search { display: none; }
.mobile-container {
	position: absolute;
	top: 0;
	right: 10px;
	width: 80%;
	z-index: 300;
}

.nav-mobile, .mobile-buttons .button-mobile, .mobile-buttons .button-search, .mobile-container .form-search { display: none; }
.mobile-buttons {
	position: absolute;
	top: 0;
	right: 20px;
}

.mobile-container input.search {
	height: 45px;
	position: relative;
	top: -1px;
	right: -4px;
}

.mobile-buttons .button {
	border: 0;
	border-radius: 0;
	background-color: #fff;
	color: #80BA8B;
	border: none;
	width: 45px !important;
	height: 45px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	font-size: 20px;
	line-height: 45px;
	text-align: center;
	font-family: "Entypo";
	font-style: normal;
	font-weight: normal;
	float: right;
}

.mobile-buttons .button:hover {
	cursor: pointer;
	background: #80BA8B;
	color: #fff;
}

.mobile-container input[type=submit] {
	border: none;
	width: 45px !important;
	height: 45px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	font-size: 20px;
	line-height: 45px;
	text-align: center;
	background: #ffa100;
	font-family: "Entypo";
	font-style: normal;
	font-weight: normal;
	margin-right: 5px;
}

.mobile-container input[type=submit]:hover { background: #80BA8B; }
.mobile-container input.search:focus {
	outline: none;
	top: -2px;
}

.mobile-container .form-search {
	text-align: right;
	z-index: 400;
	position: relative;
}

.navbar-inverse {
	padding-bottom: 2px;
	margin-bottom: 35px;
}

.navbar-inverse { background: none; }
.nav .navbar-nav {
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	-webkit-padding-start: 0;
}

.navbar-collapse {
	padding-right: 0px;
	padding-left: 0px;
	-webkit-overflow-scrolling: touch;
	max-height: 9999px;
}

.container > .navbar-header, .container > .navbar-collapse {
	margin-right: 0px;
	margin-left: 0px;
}

.nav .navbar-nav > li {
	float: none;
	display: inline-block;
	font-family: "Montserrat";
	font-weight: 700;
	text-transform: uppercase;
}

.nav .navbar-nav > li i.icons {
	display: block;
	font-size: 17px;
	line-height: 25px;
	margin-bottom: 2px;
	margin-top: 8px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.nav .navbar-nav a {
	padding: 10px 15px 10px;
	display: block;
}

.navbar-inverse .navbar-nav li a:hover { opacity: 1; }
.navbar-inverse .brand, .navbar-inverse .navbar-nav > li > a {
	text-shadow: none;
	font-size: 15px;
}

.navbar-inverse .navbar-nav .active > a, .navbar-inverse .navbar-nav .active > a:hover, .navbar-inverse .navbar-nav .active > a:focus { background: none; }
.nav .navbar-nav > li:hover i.icons { font-size: 28px; }
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li:hover > a { background-color: transparent; }
.navbar-inverse .navbar-nav li.dropdown > .dropdown-toggle .caret {
	position: absolute;
	bottom: -6px;
	left: 50%;
	margin-left: -4px;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
	vertical-align: top;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.drop-container {
	position: absolute;
	display: none;
	top: 60px;
	left: 50%;
	margin-left: -50px;
}

.dropdown-menu {
	position: relative;
	display: block !important;
	opacity: 0;
	top: 5px;
	left: -50%;
	margin-left: 100px;
	border: none;
}

.dropdown-menu > li > a {
	font-size: 13px;
	text-align: left;
	text-transform: capitalize;
	padding: 3px 20px !important;
}

.dropdown-menu .divider { height: 0px; }
.dropdown .dropdown-menu .nav-header {
	text-align: left;
	text-shadow: none;
	font-size: 14px;
}

.dropdown-menu:after {
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -10px;
	display: inline-block;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
}

.navbar-inverse .btn.navbar-toggle {
	margin: 10px auto 0;
	float: none;
	padding: 0;
	width: 100px;
	padding: 0 20px;
	line-height: 40px;
	font-weight: 700;
	font-size: 17px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.navbar-inverse .btn.navbar-toggle i.icons {
	font-size: 28px;
	line-height: 40px;
	font-weight: normal;
	float: right;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border: none; }
.portfolio-list figcaption, .portfolio-list figcaption:after, .portfolio-list figcaption:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.portfolio-list {
	padding: 0;
	margin: 0 auto;
	list-style: none;
	text-align: center;
	width: 100%;
}

.portfolio-list li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	text-align: left;
	position: relative;
	width: 33.33%;
	background: url(/css/files/loading.gif) no-repeat center center;
}

.portfolio-list figure {
	margin: 0;
	position: relative;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	padding: 0;
}

.portfolio-list figure img {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}

.portfolio-list a.gallery span {
	top: 0px;
	z-index: 20;
	position: relative;
	display: block;
	background-color: #b8ad6e;
}

.portfolio-list figure a:hover { opacity: 0.9; }
.portfolio-list figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	height: 90px;
	width: 100%;
	top: auto;
	bottom: 0;
	text-align: center;
}

.portfolio-list figcaption h3 {
	font-size: 20px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

.portfolio-list figcaption span {
	font-size: 12px;
	font-style: italic;
}

.portfolio-list figcaption a.btn {
	text-align: center;
	font-size: 13px;
	display: inline !important;
}

.portfolio-list figure img {
	z-index: 10;
	top: 0;
}

@media screen and (max-width: 979px) {
	.portfolio-list li { width: 50%; }
	.portfolio-container .portfolio-list li { width: 33.33%; }
	.portfolio-container .portfolio-list figcaption { display: none; }
	.no-touch .portfolio-container .portfolio-list figure:hover img, .portfolio-container .portfolio-list figure.cs-hover img {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.portfolio-container .portfolio-list figure img:hover {
		-webkit-filter: brightness(0.1);
		-moz-filter: brightness(0.1);
		-o-filter: brightness(0.1);
		-ms-filter: brightness(0.1);
		filter: brightness(0.1);
	}

}

@media screen and (max-width: 500px) {
	.portfolio-list li { width: 100%; }
	.portfolio-container .portfolio-list li { width: 33.33%; }
}

.mosaicflow__column { float: left; }
.mosaicflow__item { position: relative; }
.mosaicflow__item img {
	display: block;
	width: 100%;
	max-width: 500px;
	height: auto;
}

.mosaicflow__item p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	color: #fff;
	font-size: 14px;
	text-indent: 10px;
	padding: 10px 0;
	background: #000;
	opacity: 0;
	-moz-transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}

.mosaicflow__item:hover p { opacity: 0.7; }
.carousel .carousel-control {
	border: none;
	opacity: 1;
	font-size: 15px;
	line-height: 20px;
	height: auto;
	width: auto;
	margin: 0;
	padding: 0;
	padding: 8px 16px;
	font-weight: 700;
	z-index: 2;
	top: 0px;
}

.carousel .carousel-control:hover { opacity: 0.8; }
.carousel .carousel-control.left { left: 0; }
.carousel .carousel-control.right { right: 0; }
.portfolio-container {
	margin: 50px 0 50px;
	overflow: auto;
}

.portfolio-container img.placeholder {
	width: 33%;
	height: auto;
	margin-bottom: 30px;
	opacity: 0;
}

#home-slide img.placeholder {
	width: 25%;
	height: 25%;
	margin-bottom: 20px;
}

.carousel.portfolio {
	position: absolute;
	width: 100%;
	left: 0px;
	overflow: hidden;
}

.carousel.portfolio * { opacity: 1; }
.carousel.portfolio .item {
	width: 101%;
	top: 0px;
	margin: 0;
	padding: 0;
}

#home-slide .carousel.portfolio .item .interpret {
	font-weight: 700;
	font-size: 12px;
	color: #80BA8B;
}

#home-slide .carousel.portfolio .item h3 {
	text-align: center;
	line-height: 14px;
}

#home-slide .carousel.portfolio .item .title {
	font-weight: 300;
	font-size: 12px;
	font-style: normal;
}

#home-slide .carousel.portfolio .item .interpret:hover { color: #ffa100; }
.carousel.portfolio .carousel-inner { overflow: hidden; }
.carousel.portfolio .carousel-control {
	border: none;
	opacity: 1;
	font-family: "Entypo";
	line-height: 50px;
	font-size: 25px;
	margin: 0;
	padding: 0;
	z-index: 100;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	text-shadow: none !important;
}

.carousel.portfolio .carousel-control:hover { opacity: 0.8; }
.carousel .carousel-control.left { left: 0; }
.carousel .carousel-control.right { right: 0; }
.pagebody {
	width: 80%;
	padding: 5%;
	margin: -70px auto 0;
	position: relative;
	z-index: 20;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background-color: #fff !important;
}

.full {
	width: 90% !important;
	padding: 0 !important;
}

.home .portfolio-container { margin: 80px 0 10px !important; }
.pagebody p {
	font-size: 13px;
	line-height: 150%;
}

.pagebody li {
	font-size: 13px;
	line-height: 150%;
	list-style: circle;
	margin-left: 15px;
}

.pagebody .row.body {
	margin-right: 0px;
	margin-left: 0px;
}

.pagebody .content {
	padding-left: 0;
	padding-right: 0;
}

.pagebody .content.offset { padding-right: 6%; }
.pagebody  .sidebar {
	padding-left: 0;
	padding-right: 0;
	padding-top: 17px;
}

.pagebody hr {
	min-height: 2px !important;
	margin: 35px 0;
}

.slice ul { padding: 5px 0 15px; }
.slice ul li { padding-bottom: 5px; }
.big_pic { padding: 15px 0; }
.pagebody .line {
	width: 4px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: 42px;
	z-index: -1;
	border-left: 2px solid #ededed;
	border-right: 2px solid #ededed;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.pagebody .infotitle {
	padding: 8px 10px;
	line-height: 17px;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	background: #666;
	color: #fff;
	margin-bottom: 15px;
}

a.box-link .box-icon {
	opacity: 0.8;
	height: 150px;
	width: 100%;
	font-family: "Entypo";
	line-height: 150px;
	text-align: center;
	font-size: 75px;
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}

a.box-link {
	text-align: center;
	display: block;
	width: 100%;
	opacity: 1;
	margin-bottom: 20px;
}

a.box-link:hover .box-icon {
	opacity: 1;
	font-size: 100px;
}

a.box-link .btn {
	display: inline-block;
	margin: 0 auto;
	float: none;
}

a.box-link:hover .btn { opacity: 0.8; }
.title-block {
	min-height: 120px;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 45px;
	padding-bottom: 120px;
	position: relative;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	display: block;
	overflow: hidden;
}

.title-info {
	padding-left: 90px;
	position: relative;
	z-index: 1;
}

.title-info p {
	margin-bottom: 0px;
	line-height: 165%;
}

.title-info p.colfff {
	margin: 0;
	line-height: 16px;
	color: #fff;
}

.title-info .detail {
	padding: 0 !important;
	position: absolute !important;
}

.title-block .detail::after {
	position: absolute;
	top: 0px;
	left: 0;
	border-top: none !important;
	border-bottom: none !important;
	border-right: none !important;
}

.title-block .line {
	width: 4px;
	height: 100%;
	position: absolute;
	top: 66px;
	margin-left: 43px;
	z-index: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.title-block .fade-layer {
	opacity: 0.8;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	top: 0;
	left: 0;
}

.title-block .image-block {
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	-webkit-filter: blur(20px);
	-moz-filter: blur(15px);
	-o-filter: blur(15px);
	-ms-filter: blur(15px);
	filter: blur(15px);
}

.title-block .map-block {
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	position: absolute;
	width: 100%;
	height: 670px;
	background-position: center center;
	background-repeat: no-repeat;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.title-block:hover .image-block {
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	-ms-filter: blur(0px);
	filter: blur(0px);
}

.title-block .page-icon {
	font-family: 'Entypo';
	width: 90px;
	height: 90px;
	font-size: 61px;
	line-height: 90px;
	font-weight: normal;
	text-align: center;
	position: absolute;
	margin-left: -120px;
}

.title-block .post-date {
	width: 90px;
	height: 78px;
	padding: 6px 0;
	font-size: 60px;
	line-height: 60px;
	font-weight: 300;
	text-align: center;
	position: absolute;
	margin-left: -120px;
	font-family: "Montserrat";
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.title-block .post-date strong {
	font-family: "Montserrat";
	font-size: 12px;
	line-height: 13px;
	text-align: center;
	display: block;
	font-weight: 700;
}

.title-block h1 {
	text-transform: uppercase;
	font-size: 32px;
	margin: 0;
	line-height: 110%;
}

.title-block h3.subtitle {
	margin: 0px;
	line-height: 115%;
}

.title-block p {
	margin-top: 20px;
	color: #ffa100;
}

.title-block .anchestor-page {
	padding: 6px 8px;
	line-height: 16px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	clear: both;
	margin-bottom: 30px;
	position: relative;
	margin-left: -10px;
}

.title-block a.feedback {
	float: right;
	display: inline-block;
	padding: 6px 8px;
	line-height: 16px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	margin-right: 20px;
}

.title-block a.map {
	float: right;
	display: inline-block;
	padding: 6px 8px;
	line-height: 16px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	margin-right: 20px;
	color: #fff;
	position: relative;
	z-index: 9999;
}

.title-block .anchestor-page::after {
	position: absolute;
	top: 0px;
	left: -14px;
	display: inline-block;
	border-top: 14px solid transparent !important;
	border-bottom: 14px solid transparent !important;
	border-right: 14px solid;
	content: '';
}

.title-block .anchestor-page b.caret {
	position: absolute;
	left: -38px;
	top: 5px;
	margin-left: -4px;
	width: 14px;
	height: 14px;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.title-block.map {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	cursor: pointer;
}

.title-block.map .fade-layer { opacity: 0.85; }
.title-block.map:hover .fade-layer { opacity: 0.75; }
.title-block.map.expandmap { height: 500px; }
.product-item {
	padding: 20px 10px 40px;
	text-align: center;
	position: relative;
	margin-top: 30px;
}

.product-item .thumb { margin-bottom: 10px; }
.product-item .title {
	font-weight: 700;
	font-size: 14px;
}

.product-item .disco { margin-top: 10px; }
.product-item .disco, .product-item .teaser { font-size: 12px; }
.product-item .more {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
	margin-bottom: 0;
}

.team {
	padding: 20px 0;
	border-top: 3px dotted #ebe9de;
}

.team .content { margin-bottom: 20px; }
.team i.icons { padding-right: 10px; }
.team h4 {
	color: #80BA8B;
	padding-bottom: 20px;
}

.music { padding-top: 30px; }
.music .index {
	height: 35px;
	border-bottom: 1px solid #d1cfc5;
	border-left: 1px solid #d1cfc5;
}

.music .index, .music .artists {
	list-style: none;
	float: left;
	width: 100%;
}

.music .index li {
	display: inline;
	margin: 0;
}

.music .index li a {
	display: block;
	text-transform: uppercase;
	float: left;
	width: 34px;
	line-height: 34px;
	text-align: center;
	background: #ebe9de;
	color: #444;
	border-top: 1px solid #d1cfc5;
	border-right: 1px solid #d1cfc5;
}

.music .index li:first-child a { border-left: 1px solid #d1cfc5 d; }
.music .index li:last-child a { width: 46px; }
.music .index li a:hover { background: #f2f0e4; }
.music .index li.active a { background: #fff; }
.music .artists { padding-top: 40px; }
.music .artists li {
	list-style: none;
	margin: 0 !important;
}

.music .artists li a {
	text-transform: uppercase;
	position: relative;
	padding-left: 25px;
	display: block;
	color: #444;
	line-height: 34px;
	border-bottom: 1px solid #d1cfc5;
}

.music .artists li a span {
	position: absolute;
	left: 0;
	top: 10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7.5px 0 7.5px 10px;
	border-color: transparent transparent transparent #ffffff;
}

.music .artists li a:hover {
	background: #ebe9de;
	color: #444;
}

p.sound { margin-top: 15px; }
.releases { padding: 20px 0; }
.releases li {
	list-style: none;
	padding: 20px 0;
	margin-left: 0;
	border-top: 3px dotted #ebe9de;
}

.releases li#open .sound_detail { display: block !important; }
.releases .content { margin-bottom: 20px; }
.releases i.icons { padding-right: 10px; }
.releases h4 {
	color: #80BA8B;
	padding-bottom: 15px;
}

.releases p { margin-bottom: 5px; }
.releases p.more { margin-top: 20px; }
.releases .additional { padding-top: 10px; }
.releases .data {
	font-weight: bold;
	width: 120px;
	display: block;
	float: left;
}

.dates { padding: 20px 0; }
.dates h2 { color: #80BA8B; }
.dates table {
	margin: 10px 0;
	width: 100%;
}

.dates td {
	border-bottom: 1px solid #EBE9DE;
	padding: 5px 10px;
}

.dates td:first-child { width: 130px; }
.dates td:first-child + td { width: 200px; }
p.link { font-weight: bold; }
p.link a { margin-left: 5px; }
h3.tourlink {
	padding-top: 30px;
	border-top: 3px dotted #EBE9DE;
}

.sound_detail { padding-top: 10px; }
.sound_detail .op {
	margin-top: 15px;
	margin-bottom: 5px;
}

.btn { background: #80BA8B !important; }
.btn:hover { background: #ffa100 !important; }
.searchresults h3 {
	font-size: 14px;
	color: #444;
}

.searchresults h3 span { font-size: 12px; }
.searchresults h3 a { color: #ffa100; }
.searchresults h3 a span { color: #444; }
.searchresults h3 a:hover, .searchresults h3 a:hover span { color: #80BA8B; }
#rex-googlemap {
	padding-top: 30px;
	width: 100%;
}

.rex-geo-map {
	border-top: 1px solid #D1CFC5;
	border-bottom: 1px solid #D1CFC5;
	height: 800px !important;
	width: 644px;
}

.rex-geo { background: #fff; }
.rex-geo-loading {
	width: auto;
	height: 100%;
	background: url(/files/addons/xform/plugins/geo/loading.gif) #fff no-repeat 50% 50%;
}

body .rex-geo-search {
	width: 100% !important;
	float: none !important;
	text-align: right;
	height: 60px !important;
}

body .rex-geo-search input {
	border-color: #80BA8B;
	width: 330px;
}

body .rex-geo-search a, body .rex-geo-search span { line-height: 40px; }
body .rex-geo-search span { margin-right: 10px; }
body .rex-geo-search a {
	line-height: 38px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	padding: 0 13px;
	margin-left: 10px;
	border: none;
	background: #80BA8B;
	color: #FFF;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	top: -1px;
}

body .rex-geo-search a:hover { background-color: #ffa100; }
.rex-geo-sidebar {
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #D1CFC5;
	border-bottom: 1px solid #D1CFC5;
	height: 800px !important;
}

.rex-geo-prev, .rex-geo-next {
	cursor: pointer;
	font-size: 14px;
	background: #80BA8B;
}

.rex-geo-prev a, .rex-geo-next a {
	display: block;
	color: #fff;
}

.rex-geo-sidebar ul li.rex-geo-prev:hover, .rex-geo-sidebar ul li.rex-geo-next:hover { background: #ffa100; }
.rex-geo-prev a:hover, .rex-geo-next a:hover { color: #fff; }
.rex-geo-sidebar ul {
	margin: 0px;
	padding: 0px;
}

.rex-geo-sidebar ul li.rex-geo-side-active, .rex-geo-prev:hover, .rex-geo-next:hover {
	background: url(/layout/rex-geo/bg.png);
	list-style-type: none;
}

.rex-geo-sidebar ul li {
	list-style-type: none;
	padding: 3px 5px;
	border-top: 1px solid #D1CFC5;
	margin-left: 0;
	font-size: 11px;
}

.rex-geo-sidebar ul li:first-child { border-top: none; }
.rex-geo-sidebar ul li:hover {
	background: #ebe9de;
	cursor: pointer;
}

.portfolio-list figcaption, .portfolio-list figcaption:after, .portfolio-list figcaption:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.portfolio-list {
	padding: 0;
	margin: 0 auto;
	list-style: none;
	text-align: center;
	width: 100%;
}

.portfolio-list li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	text-align: left;
	position: relative;
	width: 33.33%;
}

#home-slide .portfolio-list li { width: 16.666666667%; }
.portfolio-list figure {
	margin: 0;
	position: relative;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	padding: 0;
}

.portfolio-list figure img {
	display: block;
	position: relative;
}

.portfolio-list figure a:hover { opacity: 1; }
.portfolio-list figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	height: 90px;
	width: 100%;
	top: auto;
	bottom: 0;
}

.portfolio-list figure:hover { background: #f9f7f0; }
.portfolio-list figcaption h3 {
	font-size: 20px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}

.portfolio-list figcaption span {
	font-size: 12px;
	font-style: italic;
}

.portfolio-list figure img {
	z-index: 10;
	top: 0;
}

.portfolio-list figure a:hover img { opacity: 0.9; }
.portfolio-list a.gallery {
	display: block;
	width: 100%;
	height: 263px;
}

#portfolio-home .portfolio-list a.gallery { height: 177px !important; }
#portfolio-home li.new_line { display: none; }
@media screen and (max-width: 979px) {
	.portfolio-list li { width: 50%; }
	.portfolio-container .portfolio-list li { width: 33.33%; }
	.portfolio-container .portfolio-list figcaption { display: none; }
	.no-touch .portfolio-container .portfolio-list figure:hover img, .portfolio-container .portfolio-list figure.cs-hover img {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.portfolio-container .portfolio-list figure img:hover {
		-webkit-filter: brightness(0.1);
		-moz-filter: brightness(0.1);
		-o-filter: brightness(0.1);
		-ms-filter: brightness(0.1);
		filter: brightness(0.1);
	}

}

@media (min-width: 980px) and (max-width: 1199px) {
	.portfolio-list a.gallery { height: 218px; }
	.portfolio-list figcaption h3 { font-size: 14px; }
}

@media (min-width: 980px) and (max-width: 991px) {
	.portfolio-list a.gallery { height: 168px !important; }
	.portfolio-list figcaption h3 { font-size: 14px; }
}

@media (min-width: 501px) and (max-width: 979px) {
	.portfolio-list a.gallery span {
		height: 252px;
		background: #fff;
	}

	.portfolio-list figcaption h3 { font-size: 14px; }
}

@media screen and (max-width: 500px) {
	.portfolio-list li { width: 100%; }
	.portfolio-container .portfolio-list li { width: 33.33%; }
}

.mosaicflow__column { float: left; }
.mosaicflow__item { position: relative; }
.mosaicflow__item img {
	display: block;
	width: 100%;
	max-width: 500px;
	height: auto;
}

.mosaicflow__item p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	color: #fff;
	font-size: 14px;
	text-indent: 10px;
	padding: 10px 0;
	background: #000;
	opacity: 0;
	-moz-transition: all 0.2s ease-in 0s;
	-webkit-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}

.mosaicflow__item:hover p { opacity: 0.7; }
footer {
	padding: 120px 0 50px;
	margin-top: -70px;
	position: relative;
}

#footer-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	background-position: center center;
	background-repeat: no-repeat;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	-webkit-filter: blur(20px);
	-moz-filter: blur(15px);
	-o-filter: blur(15px);
	-ms-filter: blur(15px);
	filter: blur(15px);
}

.footer-info { padding: 0% 7% 0% 7%; }
.footer-info .col-md-3 { padding-left: 0; }
.footer-info .col-md-3 .row {
	margin-left: 0;
	margin-right: 0;
}

.footer-info .payments .col-md-4 {
	border-left: none;
	padding-left: 0;
	padding-right: 0;
}

.footer-info .col-md-3 div.text {
	padding: 0 20px 5px;
	margin-left: 2px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.footer-info .col-md-3 div.text ul, .footer-info .col-md-3 div.text form {
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-info .col-md-3 h2 {
	padding: 8px 12px;
	line-height: 17px;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	clear: both;
	margin-bottom: 20px;
	position: relative;
	margin-left: -3px;
}

.footer-info .col-md-3 h2::after {
	position: absolute;
	top: 11px;
	left: -6px;
	display: inline-block;
	border-top: 6px solid transparent !important;
	border-bottom: 6px solid transparent !important;
	content: '';
	border-right: 6px solid;
}

.footer-info .col-md-3 h2 b.caret {
	position: absolute;
	left: -19px;
	top: 13px;
	margin-left: -4px;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

footer #tweets li {
	padding-left: 0;
	list-style: none;
}

footer #tweets .user, footer #tweets .interact { display: none; }
.footer-info .btn {
	display: block;
	background: #ffa100 !important;
}

.feedback-pop {
	width: 300px;
	text-align: center;
	margin: 0 auto;
}

.feedback-pop h2 { margin-bottom: 18px; }
.copy {
	padding: 40px 0;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
}

.copy .logo a {
	position: relative;
	opacity: 1;
}

.copy .logo a:hover { opacity: 1; }
.copy .logo {
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	display: inline-block;
	margin-bottom: 15px;
}

.copy .logo div.standard {
	display: inline-block;
	text-align: center;
}

.copy .logo div.standard img {
	height: 24px;
	width: auto;
}

.copy .logo div.hexagon {
	display: inline-block;
	width: 58px;
	height: 67px;
	position: relative;
}

.copy .logo div.hexagon .logo-top {
	width: 0;
	border-bottom-width: 15px;
	border-bottom-style: solid;
	border-left: 29px solid transparent !important;
	border-right: 29px solid transparent !important;
}

.copy .logo div.hexagon .logo-middle {
	width: 58px;
	height: 37px;
}

.copy .logo div.hexagon .logo-bottom {
	width: 0;
	border-top-width: 15px;
	border-top-style: solid;
	border-left: 29px solid transparent !important;
	border-right: 29px solid transparent !important;
}

.copy .logo div.hexagon .logo-image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 58px;
	height: 67px;
	background: url(/css/files/logo.png) no-repeat;
	background-size: cover;
}

footer label { display: none; }
footer ul.form_warning {
	padding-bottom: 10px !important;
	color: #ffa100;
}

.formcaptcha img {
	position: relative;
	top: -1px;
}

p#newsletter {
	color: #ffa100;
	font-size: 16px;
	font-weight: 700;
	border: 1px solid #FFF;
	padding: 20px 20px;
}

.animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}

.animated.hinge {
	-webkit-animation-duration: 1.0s;
	-moz-animation-duration: 1.5s;
	-ms-animation-duration: 1.5s;
	-o-animation-duration: 1.5s;
	animation-duration: 1.5s;
}

@-webkit-keyframes wobble {
	0% { -webkit-transform: translateX(0%); }
	45% { -webkit-transform: translateY(10%); }
	100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes wobble {
	0% { -moz-transform: translateX(0%); }
	45% { -moz-transform: translateY(10%); }
	100% { -moz-transform: translateX(0%); }
}

@-o-keyframes wobble {
	0% { -o-transform: translateX(0%); }
	45% { -o-transform: translateY(10%); }
	100% { -o-transform: translateX(0%); }
}

@keyframes wobble {
	0% { transform: translateX(0%); }
	45% { transform: translateY(10%); }
	100% { transform: translateX(0%); }
}

.wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-o-animation-name: wobble;
	animation-name: wobble;
}

@-webkit-keyframes flash {
	0%, 50%, 100% { opacity: 1; }
	25%, 75% { opacity: 0; }
}

@-moz-keyframes flash {
	0%, 50%, 100% { opacity: 1; }
	25%, 75% { opacity: 0; }
}

@-o-keyframes flash {
	0%, 50%, 100% { opacity: 1; }
	25%, 75% { opacity: 0; }
}

@keyframes flash {
	0%, 50%, 100% { opacity: 1; }
	25%, 75% { opacity: 0; }
}

.flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-o-animation-name: flash;
	animation-name: flash;
}

@-webkit-keyframes pulse {
	0% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(1.1); }
	100% { -webkit-transform: scale(1); }
}

@-moz-keyframes pulse {
	0% { -moz-transform: scale(1); }
	50% { -moz-transform: scale(1.1); }
	100% { -moz-transform: scale(1); }
}

@-o-keyframes pulse {
	0% { -o-transform: scale(1); }
	50% { -o-transform: scale(1.1); }
	100% { -o-transform: scale(1); }
}

@keyframes pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}

.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}

@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }
	80% { -webkit-transform: rotate(-5deg); }
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }
	80% { -moz-transform: rotate(-5deg); }
	100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }
	80% { -o-transform: rotate(-5deg); }
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }
	80% { transform: rotate(-5deg); }
	100% { transform: rotate(0deg); }
}

.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); }
	40% { -webkit-transform: translateY(-30px); }
	60% { -webkit-transform: translateY(-15px); }
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); }
	40% { -moz-transform: translateY(-30px); }
	60% { -moz-transform: translateY(-15px); }
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); }
	40% { -o-transform: translateY(-30px); }
	60% { -o-transform: translateY(-15px); }
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
	40% { transform: translateY(-30px); }
	60% { transform: translateY(-15px); }
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}

@-webkit-keyframes tada {
	0% { -webkit-transform: scale(1); }
	10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); }
	30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); }
	40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); }
	100% { -webkit-transform: scale(1) rotate(0); }
}

@-moz-keyframes tada {
	0% { -moz-transform: scale(1); }
	10%, 20% { -moz-transform: scale(0.9) rotate(-3deg); }
	30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg); }
	40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg); }
	100% { -moz-transform: scale(1) rotate(0); }
}

@-o-keyframes tada {
	0% { -o-transform: scale(1); }
	10%, 20% { -o-transform: scale(0.9) rotate(-3deg); }
	30%, 50%, 70%, 90% { -o-transform: scale(1.1) rotate(3deg); }
	40%, 60%, 80% { -o-transform: scale(1.1) rotate(-3deg); }
	100% { -o-transform: scale(1) rotate(0); }
}

@keyframes tada {
	0% { transform: scale(1); }
	10%, 20% { transform: scale(0.9) rotate(-3deg); }
	30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }
	40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }
	100% { transform: scale(1) rotate(0); }
}

.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}

@-webkit-keyframes shake {
	0%, 40%, 100% { -webkit-transform: translateX(0); }
	4%, 12%, 20%, 28%, 36% { -webkit-transform: translateX(-5px); }
	8%, 16%, 24%, 32% { -webkit-transform: translateX(5px); }
}

@-moz-keyframes shake {
	0%, 40%, 100% { -moz-transform: translateX(0); }
	4%, 12%, 20%, 28%, 36% { -moz-transform: translateX(-5px); }
	8%, 16%, 24%, 32% { -moz-transform: translateX(5px); }
}

@-o-keyframes shake {
	0%, 40%, 100% { -o-transform: translateX(0); }
	4%, 12%, 20%, 28%, 36% { -o-transform: translateX(-5px); }
	8%, 16%, 24%, 32% { -o-transform: translateX(5px); }
}

@keyframes shake {
	0%, 40%, 100% { transform: translateX(0); }
	4%, 12%, 20%, 28%, 36% { transform: translateX(-5px); }
	8%, 16%, 24%, 32% { transform: translateX(5px); }
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 2.5s;
	-moz-animation-duration: 2.5s;
	-ms-animation-duration: 2.5s;
	-o-animation-duration: 2.5s;
	animation-duration: 2.5s;
}

.onofffade {
	position: fixed;
	top: 0px;
	height: 100%;
	width: 100%;
	background: #fff;
	bottom: 0px;
	left: 0px;
	z-index: 999999;
}

ul.entypofont {
	margin: 0 0 40px;
	padding: 0;
	list-style: none;
	display: block;
	clear: both;
}

.entypofont li {
	width: 19%;
	margin: 0;
	padding: 0;
	height: 95px;
	text-align: center;
	display: inline-block;
}

.entypofont li span.pictogram {
	font-family: "Entypo";
	font-size: 25px;
	line-height: 1;
	color: #777;
}

.entypofont.entyposocial li span.pictogram {
	font-family: "Entypo";
	font-size: 25px;
	color: #777;
}

.entypofont li p.unicode {
	margin: 0;
	font-size: 11px;
	color: #aaa;
}

.entypofont li p.html {
	margin: 3px 0 0;
	font-size: 14px;
	color: #777;
}

mark#message {
	background: none;
	margin-bottom: 20px;
	font-weight: bolder;
}

mark#message p { margin: 0 0 10px; }
mark#message p span {
	display: block;
	font-size: 18px;
}

.feedback-pop mark#message p, .feedback-pop mark#message p span { color: #fff; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0;
	}

	.mfp-img-mobile img.mfp-img { padding: 0; }
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0;
	}

	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0,0,0,0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px;
	}

	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0,0,0,0.6);
		position: fixed;
		text-align: center;
		padding: 0;
	}

	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px;
	}

}

@media all and (max-width: 900px) {
	.mfp-arrow {
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
	}

	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0;
	}

	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%;
	}

	.mfp-container {
		padding-left: 6px;
		padding-right: 6px;
	}

}

.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px;
}

.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0;
}

@media (min-width: 1400px) {
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 1350px;
		max-width: 1350px;
	}

	.title-block .image-block { background-size: 100% auto; }
	.rex-geo-map { width: 788px; }
}

@media (max-width: 1200px) {
	body .rex-geo-search {
		text-align: left;
		height: auto !important;
		padding-bottom: 10px;
	}

	body .rex-geo-search span { display: block; }
	#portfolio-home .portfolio-list a.gallery { height: 147px !important; }
	.music .index {
		height: auto;
		border-bottom: none;
	}

	.music .index li a {
		margin-top: 2px;
		border-bottom: 1px solid #D1CFC5;
	}

}

@media (max-width: 991px) {
	.top-header .social ul { float: left; }
	.info a#lang_de_mobile, .info a#lang_en_mobile { display: none; }
	.info a#lang_de, .info a#lang_en { right: 50%; }
	.first-teaser .col-md-3 { width: 50%; }
	#portfolio-home .portfolio-list a.gallery { height: 114px !important; }
	.mobile-buttons .button-mobile, .mobile-buttons .button-search { display: block; }
	.top-header form.search { display: none; }
	.navbar-toggle {
		display: block;
		margin: 0 auto;
	}

	.top-header .info {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}

	.nav .navbar-nav > li {
		display: block;
		float: none;
	}

	.nav .navbar-nav > li a {
		text-align: left;
		line-height: 35px;
		margin-bottom: 0;
		font-size: 15px;
	}

	.navbar-inverse .nav-collapse .navbar-nav > li > a:hover, .navbar-inverse .nav-collapse .navbar-nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus { background: none; }
	.nav .navbar-nav > li i.icons {
		display: inline;
		float: left;
		line-height: 35px;
		padding: 0;
		margin: 0 10px 0 0;
		width: 30px;
		text-align: center;
	}

	.navbar-inverse .navbar-inner { padding: 0; }
	.navbar-inverse .navbar-inner ul.navbar-nav {
		padding-top: 2px;
		margin-bottom: 0;
	}

	.navbar-inverse .navbar-nav li.dropdown > .dropdown-toggle .caret {
		bottom: auto;
		top: 28px;
		left: auto;
		margin-top: -4px;
		right: 20px;
	}

	.drop-container {
		position: static;
		top: auto;
		left: auto;
		margin-left: 0;
	}

	.dropdown-menu {
		position: relative;
		top: 0px !important;
		left: auto;
		margin: 0;
		border: none;
		float: none;
	}

	.dropdown-menu li a {
		margin: 0;
		line-height: 20px;
		font-size: 14px;
		font-weight: normal;
		padding-left: 36px;
	}

	.dropdown-menu:after {
		left: auto;
		right: 14px;
	}

	.top-header .col-md-4 {
		float: none;
		display: block;
		width: 100%;
		margin: 0;
		clear: both;
	}

	.top-header .logo { margin: 20px auto; }
	.top-header .info {
		width: 280px;
		margin: 0 auto;
	}

	.top-header .social { text-align: center; }
	.top-header .social p { display: none; }
	.top-header .social ul {
		margin: 0 auto;
		height: 45px;
		display: inline-block;
	}

	.footer-info .col-md-3 div.text { padding: 0 20px 40px; }
	.title-block h1 {
		text-transform: uppercase;
		font-size: 40px;
		margin: 0;
	}

	body .rex-geo-sidebar { width: 120px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-collapse.collapse { display: none !important; }
	.col-md-1 { width: 8.333333333333332%; }
	.col-md-2 { width: 16.666666666666664%; }
	.col-md-3 { width: 25%; }
	.col-md-4 { width: 33.33333333333333%; }
	.col-md-5 { width: 41.66666666666667%; }
	.col-md-6 { width: 50%; }
	.col-md-7 { width: 58.333333333333336%; }
	.col-md-8 { width: 66.66666666666666%; }
	.col-md-9 { width: 75%; }
	.col-md-10 { width: 83.33333333333334%; }
	.col-md-11 { width: 91.66666666666666%; }
	.col-md-12 { width: 100%; }
	.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 { float: left; }
}

@media (max-width: 767px) {
	body {
		padding-right: 20px;
		padding-left: 20px;
	}

	.first-teaser .col-md-3 { width: 100%; }
	.title-block h3.subtitle { font-size: 25px; }
	.editor-panel { top: 100px; }
	.pagebody .content.offset { padding-right: 0; }
	.post-list .sidebar { margin-left: 90px; }
	.pagebody .sidebar { margin-top: 40px; }
	#portfolio-home .portfolio-list a.gallery { height: 104px !important; }
}

@media (max-width: 696px) {
	body .rex-geo-sidebar {
		width: 100% !important;
		height: 300px !important;
	}

	body .rex-geo-map {
		width: 100% !important;
		height: 600px !important;
	}

	#portfolio-home .portfolio-list a.gallery { height: 96px !important; }
	.title-block h1 { font-size: 26px; }
}

@media (max-width: 560px) {
	body .rex-geo-search span {
		line-height: 20px;
		padding-bottom: 10px;
	}

	#portfolio-home .portfolio-list a.gallery { height: 75px !important; }
}

@media (max-width: 480px) {
	body { padding: 0; }
	.top-header .logo img { max-width: 90%; }
	.mobile-buttons { right: 5px; }
	#lang_de, #lang_en { display: none; }
	a#lang_de_mobile, a#lang_en_mobile {
		display: block;
		margin-top: 10px;
		color: #80BA8B;
	}

	a#lang_de_mobile:hover, a#lang_en_mobile:hover { color: #ffa100; }
	.slice, .team {
		padding-top: 25px;
		margin: 0 15px;
	}

	.team img { width: 100%; }
	#rex-googlemap { padding: 0 15px; }
	body .rex-geo-search input { width: 75% !important; }
	h1, h2, h3, .dates, .music, .releases {
		padding-left: 15px;
		padding-right: 15px;
	}

	.portfolio-list figcaption { display: none; }
	.op .btn {
		font-size: 12px;
		padding-left: 6px;
		padding-right: 6px;
	}

	#portfolio-home .portfolio-list a.gallery { height: 50px !important; }
	.carousel.portfolio .carousel-control {
		line-height: 25px;
		font-size: 12px;
		top: 75%;
		margin-top: -25px;
		width: 25px;
		height: 25px;
	}

	.title-block h1 {
		font-size: 30px;
		line-height: 110%;
	}

	.title-block h3.subtitle { font-size: 20px; }
	.title-block .page-icon {
		width: 70px;
		height: 70px;
		font-size: 50px;
		line-height: 70px;
		margin-left: -95px;
	}

	.title-block .post-date {
		width: 70px;
		height: 70px;
		padding: 0;
		font-size: 50px;
		line-height: 50px;
		margin-left: -95px;
	}

	.title-info { padding-left: 78px; }
	.title-block .line { margin-left: 31px; }
	.pagebody .line { margin-left: 30px; }
	.onoffswitch { top: 125px; }
}