#container {
  padding-top:20px;  
  position:relative;
  z-index:3;
}
body {
  font-family: 'Trebuchet MS','Arial','Liberation Sans',serif;
  font-size:16px !important;
  color:#333;
  position:relative;
  z-index:2;
}
#footer {
  background-color:#fff; 
  border-top:2px solid #888;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Tangerine', cursive;  
  color: rgb(162, 34, 33); 
}
ul,li {list-style-type:none;}
.white li {background-image: url(../images/heart_14x20.png); background-position:left; background-repeat:no-repeat; padding:2px 0 3px 25px; margin:0 0 3px 0;}
.white h2 {
	font-size:3em;
	background: transparent url(../images/heartsinarow.png) no-repeat top center;
}
.row {
	margin-right: 0;
	margin-left: 0;
}
.navbar-inverse .navbar-brand {color:#fff;}
.space {height:8em;}
.pic h2, .pic h4 {
	color: #fff; 
	font-weight:bold; 
	font-family: 'Tangerine', cursive;  
}
.pic h2 { 
	text-shadow:2px 2px 4px #000; 
	font-size:6em; 
}
.pic h4 { 
	text-shadow:1px 1px 2px #000; 
	font-size: 2.2em; 
}

.portrait {
	padding:20px 0 10px 0;  
}
.center {text-align:center;}
.white {
	background-color:#fff !important; 
	padding: 2em;
}
.mt2 {margin-top:2em;}

.madeby, .madeby a { color:#aaa; font-size:9px; text-align:center;}

.contact {border-top:2px solid rgb(162, 34, 33); border-radius:0 !important; }

address a { font-size:smaller;}
.logohead { height:75px; border-radius:1em; background-color:#fff; padding:0.2em; -webkit-transition: height 1s ease;}

.navbar-white { background-color:#fff; color:#333; box-shadow:0px 5px 20px #888;}
.navbar-white a {color:#333; }
.navbar-white .navbar-toggle {background-color:#fafafa;}
.navbar-white .navbar-toggle .icon-bar { background-color:#000;}
.navbar-white .nav li {border-bottom:1px dotted #eee;}
.portrait {
	width:33%;
	float:right;
	margin-left:1em;
}
.portrait p { font-size:11px; margin-top: 3px; }
.portrait img { max-width:100%;}
.collaboration {
	border-radius:1em;
	border:1px solid #ddd;
	background-color:#eee;
	margin:1em 0;
	padding:1em;
	clear:both;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index:99;
  border-radius: 1em;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}

.contact-card {display:block; margin-bottom: 5px;}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
  .nb-small { height: 60px !important; margin-top: -15px; -webkit-transition: height 1s ease;}  
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}


/* mobil */
@media screen and (max-width: 767px) {
	body {
		background: url(../images/IMG_6726_smal.jpg) fixed; 
		background-size: 100%;
		background-position: 0 -50px;
	}
	.logohead { height:50px; }
	.pic h2 { 
		font-size:4em; 
		margin-top: 2em;
	}
	.pic h4 { 
		font-size: 2em; 
	}
	.white {
		padding: 1em;
	}
	
	a[href^=tel] {
	  border: 1px solid #ccc;
	  border-radius: 5px;
	  display: inline-block;
	  font-style: normal;
	  margin-top: 0px;
	  padding: 3px 5px;
	  text-decoration: none;
	}
	a[href^=tel]:before {
	  content: 'Ring: ';
	  font-weight: bold;
	}
}
/* tablets, 768-991px */
@media screen and (min-width: 768px) {
	.pic h2 { 
		font-size:5em; 
		margin-top: 2em;
	}
	.pic h4 { 
		font-size: 2em; 
	}
	a[href^=tel] { color:#333; cursor: default;}
	a[href^=tel]:hover { text-decoration:none;}
}

/* desktops, 992px and up) */
@media screen and (min-width: 992px) {
	.pic h2 { 
		font-size:6em; 
		margin-top: 2em;
	}
	.pic h4 { 
		font-size: 3em; 
	}
	.logohead { height:100px;}
	.white {
		border-radius: 1em;
	}
	a[href^=tel] { color:#333; cursor: default;}
	a[href^=tel]:hover { text-decoration:none;}
}



.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/pattern4.png) repeat top left; 
	opacity: 1;
}
.cb-slideshow li {
	list-style-type: none;
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    animation: titleAnimation 36s linear infinite 0s; 
}

.cb-slideshow li:nth-child(1) span { 
    background-image: url(images/IMG_6744.jpg); 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(images/IMG_6726.jpg);
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(images/IMG_6722.jpg);
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(images/IMG_6707.jpg);
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(images/IMG_6769.jpg);
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(images/IMG_6705.jpg);
    animation-delay: 30s; 
}

.cb-slideshow li:nth-child(2) div { 
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    animation-delay: 30s; 
}

@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 80px }
}