/*

	EXHO TEMPLATE  V1.0 BY SUPVIEW.BE
	

	01. Font Face
	02. Generals Settings
	03. Header Section Settings
	04. Navigation Settings
	04. startseite / Header Section Settings
	05. Page2 Section Settings
	06. Page3 Section Settings
	07. Page4 Section Settings
	08. Testimonials Section Settings
	09. Page5 / Subscribe Section Settings
	10. Preloading Effect
	11. Media Queries Settings
			
*/


/* 01. FONT FACE ================================================== */


@font-face {
	font-family: "Source Sans Pro";
	font-style: normal;
	font-weight: 200;
	src: local("Source Sans Pro ExtraLight"), local("SourceSansPro-ExtraLight"), url("http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGEzfSP8PFPIaW8d4wHl9LSw.woff") format("woff");
}
@font-face {
	font-family: "Source Sans Pro";
	font-style: normal;
	font-weight: 400;
	src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url("http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlDLXPPWpYIJRcQ99gLLWTOQ.woff") format("woff");
}
@font-face {
	font-family: "Source Sans Pro";
	font-style: normal;
	font-weight: 600;
	src: local("Source Sans Pro Semibold"), local("SourceSansPro-Semibold"), url("http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGNF2eBBnhZOFf_rblGEjGiI.woff") format("woff");
}
@font-face {
	font-family: "Source Sans Pro";
	font-style: normal;
	font-weight: 700;
	src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGBgDywzySrQSFSEUM6OqW_g.woff") format("woff");
}
/* SOCIAL ICON */

@font-face {
	font-family: 'Socialico';
	src: url('../fonts/Socialico.eot');
	src: url('../fonts/Socialico.eot?#iefix') format('embedded-opentype'),  url('../fonts/Socialico.ttf') format('truetype'),  url('../fonts/Socialico.svg#Socialico') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* 02. GENERALS SETTINGS ================================================== */



/* Container  */

.iframe {
	width:100%;
	height:350px;
	
}


.navbar-collapse{
	border:none;
	box-shadow:none;
	background:#cb988e;
	text-align:right;
	
}

.header .container {
	padding: 0 20px;
	margin:0 20px;
}

.container {
	z-index: 9999; /* IMPORTANT */
	position: relative;
	background: none;
	overflow: hidden;
}
html {
	height: 100%;
	min-height: 100%;
}
body {
	min-height: 100%;
}
body, html {
	background: #FFF;
	padding: 0;
	font-family: 'Source Sans Pro', sans-serif;
	position: relative;
	height: 100%;
	color: #555;
	margin: 0;
	-webkit-transition: opacity 400ms;
	-moz-transition: opacity 400ms;
	transition: opacity 400ms;
}

#impressum {
	padding:40px;
	padding-top:150px;
	
}

/* Selected text Color */

::-moz-selection {
 background: #cb988e;
 color: #FFF;
}
::selection {
	background: #cb988e;
	color: #FFF;
}
b, strong {
	font-weight: 800;
}
/* Make a space */

.space {
	padding: 20px 0;
}
h1 {
	font-size: 60px;
	font-weight: 100;
	color: #FFF;
	font-family: 'Source Sans Pro', sans-serif;
}
h2 {
	font-size: 4em;
	font-weight: 600;
	line-height: 80px;
	font-family: 'Source Sans Pro', sans-serif;
	margin-top: 0.33em;
}
h3 {
	font: 2.5em 'Source Sans Pro', sans-serif;
	font-weight: 200;
	padding-bottom: 25px;
	padding-top: 0px;
	color:#CB988E;
}
h3:after {
	background-color: #CB988E;
	content: "";
	display: block;
	height: 1px;
	margin: 30px 0 10px;
	width: 80px;
	z-index: 9999999;
}
h4 {
	font: 18px 'Source Sans Pro', sans-serif;
	display: inline-block;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.1em;
	padding-bottom: 10px;
	text-transform: uppercase;
}
h5 {
	font: 24px 'Source Sans Pro', sans-serif;
	font-weight: normal;
	font-weight: 100;
	color: #FFF;
}
/* Link */

a {
	color: #555;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
a:hover {
	color: #cb988e;
}
/* Paragrah */

p {
	
	font-family: 'Playfair Display', serif;
	font-weight: 300;
	line-height: 26px;
	font-size: 15px;
}
p a {
	border-bottom: 1px dotted #555;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
p a:hover {
	border-bottom: 1px dotted #999;
}
/* Link with a border button */

.border-button {
	background: url("../img/go-right.png") no-repeat scroll 88% 50% / 6px rgba(0, 0, 0, 0);
	padding: 10px 35px 10px 15px;
	font-weight: normal;
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	color: #FFF;
	letter-spacing: 3px;
	border: 2px solid rgba(255,255,255,1);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.border-button:hover {
	color: #333;
	background: url("../img/go-rightblack.png") no-repeat scroll 88% 50% / 6px auto rgba(255, 255, 255, 1);
}
/* 03. NAVIGATION SETTINGS ================================================== */


.navbar{
	z-index:99999;
	background:none repeat scroll 0 0 #cb988e;
}

nav #logo {
	float: left;
	z-index: 99999;
}
#nav>li {
	position: relative;
	padding: 20px 15px;
	display: inline-block;
}
/* The main navigation links */

#nav>li>a {
	/* Layout */
	display: block;
	/* Typography */
	font-size: 13px;
	letter-spacing: 2px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFF;
	opacity: 1;
	text-decoration: none;
	padding:0px;
}
/* The hover state of the links */

#nav li:hover a, #nav li .selected {
	color: #FFF;
}
/* Navigation Fixed */ 
 
.header {
	font-family: 'Source Sans Pro', sans-serif;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	height: 60px;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background:#CB988E;
}
/* Transitions */

#nav a {
	line-height: 20px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
}

#nav a.active {
color:#000;	
}

.navbar-collapse collapse in #nav li a{
	
}


#nav {
	text-align: right;
	margin: auto;
	margin-left:0px;
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-ms-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
}
/* Navigation effect on scroll down */


.header-shrink {
	height: 60px;
	background: rgba(255,255,255,1);
	box-shadow: 0 8px 6px -9px rgba(0,0,0,0.30);
}
.header-shrink #nav {
	text-align: right;
}
#logo {
	padding: 15px 20px 0px 0px;
	width: 130px;
}
/* The links goes up */

.header-shrink #nav a {
	line-height: 20px;
	color: #666;
}
.header-shrink #logo {
	display: block;
}
.header-shrink #nav a:hover {
	color: #000;
}
/* 04. PAGE 1 / HEADER SETTINGS ================================================== */



.startseite {
	background: #CB988E;
	background-size: cover;
	background-attachment: fixed;
	height: 100%;
	position: relative;
	z-index: 999;
}
.startseite h1 {
	text-align: center;
	padding: 0;
	margin-top: 50px;
	margin-bottom: 40px;
}
.startseite h2 {
	color: #FFF;
	letter-spacing: 0px;
	text-align: center;
	width: 100%;
}
/* Don't display the logo for Phone */

.logo-phone {
	display: none;
}
/* Huge Title */

.huge-title {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 200px;
	text-align: center;
}
.huge-title h2 {
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing:7px;
	margin-bottom: 30px;
	font-size:5em;
}
.huge-title span {
    color: #fff;
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 14px;
    letter-spacing: 8px;
    text-align: center;
    text-transform: uppercase;
}
/* Go down text & Button */

.go-down {
	position: absolute;
	right: 0;
	bottom: 30px;
	left: 0;
	text-align: center;
	margin: auto;
	width: 50px;
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.go-down:hover {
	bottom: 25px;
	opacity: 0.8;
	outline: none;
}
/* Social Ico */

.social-ico {
	float: right;
	margin-top: 40px;
}
section, .row, .fade {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/* 08. PAGE 5 SETTINGS ================================================== */


#hochzeiten {
	background: #F5F5F5;
	padding: 100px 0 130px 0;
}
.presentation {
	padding: 20px 20px;
	z-index: 999;
	position: relative;
	color: #555;
}
.prez {
	padding: 50px 50px 50px 50px;
	height: 100%;
	position: relative;
	background: #FFF;
}
.hochzeit_img {
	background: #000;
	background-image:url(../img/test_1.jpg);
	background-size: cover;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	position: absolute;
	top: 0;
	width: 60%;
	height: 15%;
}
#photoparallax {
	background: url('../img/5bg.png') fixed;
	background-size: cover;
	padding: 150px 0;
}
#photoparallax h2 {
	color: #FFF;
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: 12px;
	font-size: 2em;
	margin-bottom: 10px;
	text-transform: uppercase;
	text-align: center;
}
/* 08. location  ================================================== */


.location {
	background: #F1F1F1;
	z-index: 999;
	position: relative;
	padding: 100px 0;
}
.location .aboutlocation {
	padding: 50px 50px 50px 50px;
	height: 100%;
	position: relative;
	background: #FFF;
}
.location .location_img {
	background-image:url(../img/test_2.jpg);
	background-size:cover;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	position: absolute;
	top: 0;
	width: 60%;
	height: 100%;
}
/* 08. events  ================================================== */


.events {
	background: #FAFAFA;
	z-index: 999;
	position: relative;
	padding: 100px 0;
}
.events .aboutevents {
	padding: 50px 50px 50px 50px;
	height: 100%;
	position: relative;
	background: #FFF;
}
.events .events_img {
	background: #333;
	background-size: cover;
	background-image:url(../img/test_3.jpg);
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	position: absolute;
	top: 0;
	right: 0;
	width: 60%;
	height: 100%;
	z-index: -1;
}
.location .seemore {
    background: none repeat scroll 0 0 #cb988e;
    cursor: pointer;
    display: inline-block;
    margin: 20px 0 0;
    padding: 15px 20px 6px;
    z-index: 9999999;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color:#fff;
}

.location .seemore:hover {
	background: none repeat scroll 0 0 #cb988e;
	color:#000;
}
.location .textseemore {
	background: #FFF;
	position: absolute;
	right: -175px;
	bottom: -25px;
	display: none;
	width: auto;
	height: auto;
	font-size: 12px;
	padding: 12px 20px;
	letter-spacing: 2px;
	font-weight: normal;
	text-transform: uppercase;
}
.prezslide {
	position: fixed;
	background: rgba(0,0,0,0.80);
	z-index: 99999;
	width: 100%;
	height: 100%;
	margin: auto;
	text-align: center;
	display: none;
	cursor: pointer;
}
.prezslide .intoprez {
	background: #FFF;
	box-shadow: 0px 0px 5px 0px black;
	padding: 40px;
	z-index: 9999999999;
	width: 30%;
	height: 220px;
	margin: auto;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.prezslide .intoprez img {
	position: relative;
	top: 20px;
	margin: auto;
	width: 150px;
	height: auto;
}
#clients {
	position: fixed;
	width: 100%;
	height: 100%;
	display: block;
	background: #FFF;
}
#clients .item_client img {
	width: 100%;
}
.item_client .title {
	position: absolute;
	top: 0;
	right: 50px;
	width: auto;
	height: 50px;
	padding: 0px 20px;
	background: #FFF;
	font-weight: normal;
	height: auto;
	letter-spacing: 2px;
	font-size: 13px;
	padding: 12px 20px;
	font-family: 'Source Sans Pro', sans-serif;
}
.closeit {
	background: #cb988e;
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 9999;
	right: 0px;
	top: 0px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.closeit img {
	transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Opera, Chrome, and Safari */
}
.closeit:hover {
	background: #222;
}
/* 08. kontakt  ================================================== */


.kontakt {
	background: #F5F5F5;
	background-size: cover;
	z-index: 999;
	position: relative;
	padding: 153px 0;
}
.kontakt .aboutkontakt {
	padding: 40px 50px 50px 50px;
	background: #FFF;
	z-index: 999999;
}
.kontakt .kontakt_img {
	background: #CCC;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	background-size: cover;
	position: absolute;
	top: 0;
	width: 60%;
	height: 100%;
	z-index: -1;
}

/* 09. Terminanfrage  ================================================== */


.terminanfrage {
	background: #F5F5F5;
	background-size: cover;
	z-index: 999;
	position: relative;
	padding: 100px 0;
}
.terminanfrage .aboutterminanfrage {
	padding: 40px 50px 50px 50px;
	background: #FFF;
	z-index: 999999;
}
.terminanfrage .terminanfrage_img {
	background: #CCC;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	background-size: cover;
	position: absolute;
	top: 0;
	right: 0;
	width: 60%;
	height: 100%;
	z-index: -1;
	background-image:url(../img/test_4.jpg);
}

/* Make it Fixed */

#footerSpacer {
	background-color: rgba(0, 0, 0, 0) !important;
	display: block;
	min-height: 180px;
}
/* Footer General */

#footer {
	background: #FFF;
	bottom: 0;
	padding: 50px 0;
	position: fixed;
	width: 100%;
	font-size: 14px;
	z-index: 1;
	text-align: left;
}
#footer .title {
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 26px;
	padding-bottom: 0;
	text-transform: uppercase;
}
#footer .logofooter {
	float: left;
	width: 150px;
	margin-top: 10px;
}
#footer .icon {
	padding: 0px 10px;
}
/* 10. PRELOADING  ================================================== */
    


/* Preloader Effect */

#preloader {
	background-color: #FAFAFA;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999999;
}
/* Preloading Animation */

#loading-animation {
	background-image: url("../img/loading.gif");
	background-position: center center;
	background-repeat: no-repeat;
	height: 200px;
	left: 50%;
	margin: -100px 0 0 -100px;
	position: absolute;
	top: 50%;
	width: 200px;
	border-radius: 4px;
}

/* 11. MEDIA QUERIES  ============================================ */


@media screen and (max-width: 766px) {
.huge-title {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	padding-left: 7px;
	height: 150px;
	text-align: center;
}
h2 {
	font-size: 32px;
	line-height: 42px;
}
h3 {
	font-size: 28px;
}
.prezslide {
	display: none;
}
.events .seemore {
	right: 0;
	bottom: 0;
}
#hochzeiten {
	padding: 20px 20px;
}
.prez {
	padding: 40px 20px;
}
.hochzeit_img {
	position: relative;
	width: 100%;
	height: 200px;
	background-size: cover;
}
.location {
	padding: 20px 20px;
}
.location .aboutlocation {
	padding: 40px 20px;
}
.location .location_img {
	position: relative;
	width: 100%;
	height: 250px;
}
.events {
	padding: 20px 20px;
}
.events .aboutevents {
	padding: 40px 20px;
}
.events .events_img {
	position: relative;
	width: 100%;
	height: 188px;
	background-size: cover;
}
.kontakt {
	padding: 20px 20px;
}
.kontakt .aboutkontakt {
	padding: 40px 20px;
}
.kontakt .kontakt_img {
	position: relative;
	width: 100%;
	height: 250px;
}
.terminanfrage {
	padding: 20px 20px;
}
.terminanfrage .aboutterminanfrage {
	padding: 40px 20px;
}
.terminanfrage .terminanfrage_img {
	position: relative;
	width: 100%;
	height: 250px;
}

#footer {
	padding: 0px auto 30px auto;
}
.clients .aboutclients {
	padding: 80px 50px 20px 50px;
}
.clients .item_client {
	padding: 20px 60px;
	height: 100%;
	color: #FFF;
	text-align: center;
}
.logofooter {
	text-align: center;
	margin: auto;
}
#footer .three.columns {
	padding-top: 15px;
}
.startseite {
	background: #CB988E;
}
.push_seven {
	margin: 0;
	text-align: center;
}
.tiles.two_up > li {
	margin-left: 2%;
	width: 100%;
}
.tiles.four_up > li {
	margin-left: 2%;
	width: 48%;
}
#footer {
	position: relative;
	text-align: center;
}
#footer .columns {
	margin-left: 0px;
}
#footer .logofooter {
	text-align: center;
	float: none;
	padding: 0;
	margin-top: 0px;
}
#footerSpacer {
	display: none;
}
.prezslide {
	position: fixed;
	background: rgba(0,0,0,0.80);
	z-index: 99999;
	width: 100%;
	height: 100%;
	margin: auto;
	text-align: center;
	display: none;
	cursor: pointer;
	display: none;
}
.prezslide .intoprez {
	background: #FFF;
	box-shadow: 0px 0px 5px 0px black;
	padding: 40px;
	z-index: 9999999999;
	width: 90%;
	height: 220px;
	margin: auto;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: block;
}
.startseite {
	background: #CB988E;
	background-size: cover;
	background-attachment: scroll;
}

#nav.navbar-right {
    padding: 10px 0;
}

	#nav>li {
	position: relative;
	padding: 10px 0px;
	display: block;
	margin:0px 5px;
	border-bottom: 1px solid #fff;
}
/* The main navigation links */

#nav>li>a {
	/* Layout */
	display: block;
	/* Typography */
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFF;
	opacity: 1;
	text-decoration: none;
	padding:0px;
}
/* The hover state of the links */

#nav li:hover a, #nav li .selected {
	color: #FFF;
}
	
	
}
}

/* Media Queries for iPad in Portrait */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.prezslide {
	display: none;
}
.startseite {
	background: #CB988E;
	background-size: cover;
	background-attachment: scroll;
	background-position-x: -200px;
}
.hochzeit_img {
	background-size: auto;
	background-position-x: -200px;
}
.prezslide .intoprez img {
	display: none;
}
}

/* Media Queries for iPad in Landscape */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}
.no-touch #container {
	background: #FFF;
}
.no-touch #container .fade {
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.no-touch #container .fade.outOfView {
	opacity: 0;
}
.no-touch #container .fade.inView {
	opacity: 1;
}
.blurImg {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: -1;
	top: 0;
	left: 0;
}
.blurImg > div {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.blur {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.grid {
	background: #FFF;
	margin: 0px auto 0px;
	font-size: 0;
	text-align: left;
}
.item {
	height: auto;
	display: inline-block;
	vertical-align: top;
	position: relative;
	overflow: hidden;
	line-height: 0;
	width: 48.9%;
	margin: 5px;
}
.item img {
	width: 100%;
}
.icon {
	font-family: "Socialico";
	font-weight: 400;
	font-style: normal;
	font-size: 30px;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.icon:hover {
	color: #32bbc4;
}
.testimg {
	background: url('../img/5bg.png') fixed;
	background-size: cover;
	height: 300px;
	width: 100%;
}

.smint {
	
}