/**
*
* -------------------------------------------------
*
* Template : M - One Page Personal Portfolio Template
* Author   : Hamza Mensouri
* Version  : 1.0
*
* --------------------------------------------------


* --------------------------------------------------
*
**/

/*================ 01-GLOBAL STYLE ================*/
/* Google Fonts*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Dosis:300,400,700');
* {
	padding: 0;
	margin: 0;
}
html,
 body {
	margin: 0;
    padding: 0;
	height: 100%;
}

/* Text Selection color */
::selection {
	background: #ac0b04;
}
::-moz-selection {
	background: #ac0b04;
}
/* Preloader */
.preloader {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    position: fixed;
    background-color: #ffffff;
}
.loader,
.loader:before,
.loader:after {
  border-radius: 30%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: loading 1.8s infinite ease-in-out;
  animation: loading 1.8s infinite ease-in-out;
}
.loader {
  color: #1a1a1a;
  font-size: 4px;
  margin: 350px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes loading {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes loading {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
/* ---------- */
#about,
#geistiges,
#services,
#tier,
#besprechen,
#trauer,
#haus,
#links,
#impressum,
#info,
#contact{
	padding:75px 0 85px 0;
}
#preise{
	padding:85px 0 85px 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {	
	font-family: 'Dosis', sans-serif;
}

p {
	font-family: 'Dosis', sans-serif;
	font-size: 17px;
	color: #484848
}
ul {
	font-family: 'Dosis', sans-serif;
	font-size: 17px;
	color: #484848
}

table, td { 
    padding:6px 10px; 
	background-color: #fbd296;
	border-radius: 20px;
	font-family: 'Dosis', sans-serif;
	font-size: 17px;
}

th { 
    padding:6px 10px; 
	background-color: #ac0b04;
	color: #fbd296;	
}
a {
	color: #ac0b04
}
a:hover {
	color: #484848;
	text-decoration: none
}

img{
	border-radius:20px;
	}
/*================ 02.INTRO ================*/
.intro-section {
	/*background-image:url(../img/home.jpg);/* --- background image here
	background-size:cover;
	background-repeat: no-repeat;
	background-position:50% 0px;
	background-attachment:fixed; --- */
	position:relative;
	height:100%;
	min-height:750px;
}
.intro-section .overlay {
	background-color:#ffe5be;
	height:100%;
}
/*================ NAVBAR ================*/
.mynavbar {
	background-color:#ac0b04;
	width:100%;
	padding: 30px 0 10px 0;
	z-index: 20;
	top:0;
	position:fixed;
	-webkit-transition:all .5s ease;
	transition:all .5s ease;
}
.nav-scroll .mynavbar {
	background-color:#ac0b04;
	padding: 10px 0;
	border-radius: 0;
	box-shadow: 0 0 1px #0e0e0e;
	-webkit-transition:all .5s ease;
	transition:all .5s ease;
}
.navbar-default {
	border:none;
}
.navbar-default .navbar-header a {
	font-family:'Dosis', sans-serif;
	display: block;
	color: #fbd296;
	text-transform: uppercase;
	letter-spacing: 6px;
	font-weight: 700;
	font-size: 40px;
}
.navbar-default .navbar-header a:hover,.navbar-default .navbar-header a:focus {
	color: #ffffff;
}

.navbar-default .nav-list li a {
	font-family:'Dosis', sans-serif;
	color:#ffffff;
	font-size:14px;
	font-weight: 600;
	text-transform:uppercase;
	letter-spacing:0.5pt;
}
.navbar-default .nav-list li a:hover, .navbar-default .nav-list li a:focus {
	color:#cccccc;
	transition:700ms ease;
}
.navbar-default .navbar-toggle {
	border:none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color:transparent;
	border:none;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#fbd296;
}
/*================ WELCOME-AREA ================*/
.welcome-area {
	background-color:#ffe5be;
}
.welcome-content {
	margin-top:250px;
}
.welcome-area .welcome-text span {
	font-family: 'Dosis', sans-serif;
	color:#ac0b04;
	font-weight:700;
	font-size: 25px
}
.welcome-area h2 {
	color:#ac0b04;
	font-size:50px;
	font-weight:700;	
	text-transform:uppercase;
	margin-bottom: 20px;
	margin-top:0;
	letter-spacing:2px;
}
.welcome-area h4 {
	color:#484848;
	font-size:20px;
	letter-spacing:2px;
	font-weight:600;
}
.welcome-area h4 span {
	color:#ac0b04;
	font-size:40px;
}

.welcome-area .welcome-scroll {
	margin-top:60px;
}
.welcome-area .welcome-scroll .arrow a {
	color:#ac0b04;
	font-size:18px;
	text-decoration:none;
}
.welcome-area .welcome-scroll .bounce {
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}
@keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		}
		40% {
			-webkit-transform: translateY(-30px);
			transform: translateY(-30px);
			}
			60% {
				-webkit-transform: translateY(-15px);
				transform: translateY(-15px);
				}
}
@-webkit-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		}
		40% {
			-webkit-transform: translateY(-30px);
			transform: translateY(-30px);
			}
			60% {
				-webkit-transform: translateY(-15px);
				transform: translateY(-15px);
				}
}
.typed::after {
	content: '|';
	display: inline;
	color:#ac0b04;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
}
.typed-cursor{
	color:#ac0b04;
    opacity: 0;
	display: none;
}
/*Custom cursor animation*/
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
/*================ END INTRO ================*/

/*================ 03.About ================*/
.about-section {
	background:#fbd296;
}

.about-section .link a{
	color: #ac0b04;
	text-decoration: none
}
.about-section .link a:hover {
	color: #484848;
}

.about-section .section-title {
	padding:0 0 15px 0;
}
.about-section .section-title h1 {
	color:#333333;
	font-weight:700;
	letter-spacing:0.5pt;
}
.about-section .section-picture{
	position: relative;
}
.about-section .section-picture img {
	display: block;
	margin: 0;
	padding: 0;
	max-width: 100%;
	height: auto;
}

.about-section .section-content .nav-tabs li a {
	color: #ffffff;
	font-weight:700;
	cursor: default;
	background-color: #ac0b04;
	font-family: 'Dosis', sans-serif;
	text-transform:uppercase;
	border: 1px solid #ac0b04;
	border-bottom-color: #ac0b04;
	border-radius:0;
	font-size:14px;
	letter-spacing:0.5pt;
}
/* About Details */
.about-section .section-content .tab-content {
	margin-top:18px;
}
.about-section .section-content .tab-content h3 {
	color:#484848;
}
.about-section .section-content .tab-content p {
	color:#484848;
	font-size:17px;
	line-height:25px;
	letter-spacing: 0.1pt;
}
/* About Skills */
.about-section .section-content .tab-content .skills-title span {
	font-family: 'Dosis', sans-serif;
	font-weight:700;
	color:#484848;
}
.about-section .section-content .tab-content .skills-title p {
	color:#484848;
	margin-bottom:1px;
	float:right;
}
.about-section .section-content .tab-content .progress.progress-margin {
	width:100%;
	height:10px;
	border-radius:0;
	box-shadow: none;
	margin-bottom:30px;
}
.about-section .section-content .tab-content .progress {
	width:100%;
	height:10px;
	border-radius:0;
	box-shadow: none;
	margin-bottom: 0;
}
.about-section .section-content .tab-content .progress .progress-bar {
	background-color:#ac0b04;
}
.about-section .section-content .tab-content .skills-margin {
	margin-top:20px;
}
.about-section .section-content .tab-content .skills-margin ul{
	margin-left:20px;
}




/*================ 04.Services ================*/
.services-section {
	background-color:#ffe5be;
}
.services-section .section-title {
	padding:0 0 10px 0;
}
.services-section .section-title h1 {
	color:#484848;
	font-weight:700;
	letter-spacing:0.5pt;
}
.services-section .thumbnail {
	border-radius:10px;
	border:1px solid #fbd296;
	padding:0px;
	margin:0px;
	margin-top:0px;
	background-color:#ac0b04;
	transition: all 0.4s ease 0s;
	color: #ffe5be;
	font-weight: 700
}
.services-section .thumbnail a {
	color: #ffffff;
	font-weight: 700
}
.services-section .thumbnail:hover {
	background: #ac0b04 none repeat scroll 0 0;
	box-shadow: 0 0 10px 0 #976720;
	color: #fbd296;
	margin-top: -3px;
	text-decoration:none;
}

.services-section .thumbnail a:hover {
	background: #ac0b04 none repeat scroll 0 0;
	color: #fbd296;
	margin-top: -3px;
	text-decoration:none;
}
.services-section .thumbnail:hover i {
	color:#ac0b04;
	transition:700ms ease;
}
.services-section .thumbnail h3 {
	color:#484848;
	padding-top:0px;
	font-size:16px;
	letter-spacing:0.5pt;
	margin: 15px 5px 15px 5px;
}
.services-section .thumbnail p {
	color:#777777;
	font-size:16px;
	line-height: 25px;
}

/*================ 05.Geistiges ================*/
.geistiges-section {
	background-color:#fbd296;
}
.geistiges-section .section-title {
    padding: 0 0 15px 0;
}
.geistiges-section .section-title h1 {
    color: #333333;
    font-weight: 700;
    letter-spacing: 0.5pt;
}
/*================ 06.Tiergespräche ================*/
.tier-section {
	background-color:#ffe5be;
}
.tier-section .section-title {
    padding: 0 0 15px 0;
}
.tier-section .section-title h1 {
    color: #333333;
    font-weight: 700;
    letter-spacing: 0.5pt;
}
.tier-section .section-content .tab-content {
	margin-top:18px;
}
.tier-section .section-content .tab-content ul{
	margin-left:20px;
}
.tier-section .section-content .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
	color: #484848;
	font-weight:700;
	cursor: default;
	background-color: #fff;
	font-family: 'Dosis', sans-serif;
	text-transform:uppercase;
	border: 1px solid #ac0b04;
	border-bottom-color: #ac0b04;
	border-radius:0;
	font-size:14px;
	letter-spacing:0.5pt;
}
.tier-section .section-content .nav-tabs li a {
	color: #ffffff;
	font-weight:700;
	cursor: default;
	background-color: #ac0b04;
	font-family: 'Dosis', sans-serif;
	text-transform:uppercase;
	border: 1px solid #ac0b04;
	border-bottom-color: #ac0b04;
	border-radius:0;
	font-size:14px;
	letter-spacing:0.5pt;
}
.tier-section .section-content .tab-content .btn-fragebogen {
	border-radius: 0px;
    border: 1px solid #ac0b04;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1pt;
}
/*================ 07.Trauer ================*/
.trauer-section {
	background-color:#ffe5be;
}
.trauer-section .section-title {
    padding: 0 0 15px 0;
}
.trauer-section .section-title h1 {
    color: #333333;
    font-weight: 700;
    letter-spacing: 0.5pt;
}

/*================ 08.Haus================*/
.haus-section {
	background-color:#fbd296;
}
.haus-section .section-title {
    padding: 0 0 15px 0;
}
.haus-section .section-title h1 {
    color: #333333;
    font-weight: 700;
    letter-spacing: 0.5pt;
}

/*================ 09. Weberkreise================*/
.weber-section {
	background-color:#ffe5be;
	padding-top:70px;
	padding-bottom:80px;
}
.weber-section .section-title {
    padding: 0 0 15px 0;
}
.weber-section .section-title h1 {
    color: #333333;
    font-weight: 700;
    letter-spacing: 0.5pt;
}


/*================ 10.Preise ================*/
.preise-section {
	background-color:#ffe5be;
}
.preise-section .section-title {
    padding: 0 0 15px 0;
}
.preise-section .section-title h1 {
    color: #333333;
    font-weight: 700;
    letter-spacing: 0.5pt;
}

/*================ 10.Aktuelles ================*/
.aktuell-section {
	background-color:#fbd296;
	padding-top:70px;
	padding-bottom:100px;
}
.aktuell-section .section-title {
    padding: 0 0 15px 0;
}
.aktuell-section .section-title h1 {
    color: #333333;
    font-weight: 700;
    letter-spacing: 0.5pt;
}

/*================ 11.Links ================*/
.links-section {
	background-color:#ffe5be;
}
.links-section .section-title {
    padding: 0 0 15px 0;
}
.links-section .section-title h1 {
    color: #333333;
    font-weight: 700;
    letter-spacing: 0.5pt;
}
/*================ 12.Impressum ================*/
.impressum-section {
	background-color:#fbd296;
}
.impressum-section .section-title {
    padding: 0 0 15px 0;
}
.impressum-section .section-title h1 {
    color: #333333;
    font-weight: 700;
    letter-spacing: 0.5pt;
}
.impressum-section .section-content {
	margin-bottom:30px;
}
.impressum-section .section-title p span {
	font-weight:700;
}
/*================ 13.Info ================*/
.info-section {
	background:#fef0da;
}
.info-section .link a{
	color: #ac0b04;
}
.info-section .link a:hover{
	color: #484848;
}
.info-section .info-single{
	height:165px;
}
.info-section .info-single i {
	color:#ac0b04;
	font-size:35px;
	margin:15px 0 10px 0;
}
.info-section .info-single p{
	color:#484848;
	font-size:17px;
}
.info-section .info-single h5 {
	color:#1a1a1a;
	font-weight:700;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:0.8pt;
}
.info-section .info-single i {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}
.info-section .info-single:hover i{
    transform: scale(1.2);
}
/*================ 14.Contact ================*/
.contact-section {
	background-color:#fbd296;
}
.contact-section .section-title {
	padding:0 0 50px 0;
}
.contact-section .section-title h1 {
	color:#484848;
	font-weight:700;
	letter-spacing:0.5pt;
}
.contact-section .section-title p {
	color:#484848;
}
.map {
	width: 100%;
	height:250px;
	margin-bottom: 30px;
	border: 1px solid #ac0b04;
}
.contact-section .input-padding {
	padding-top:15px;
	
}
.contact-section form .textarea {
	font-family: 'Dosis', sans-serif;
	color: #484848;
	font-size: 16px;
	height:210px;
	padding-top:17px;
	border: 1px solid #ac0b04;
	border-radius:0;
	background:#fef0da;
}
.contact-section form .form-input {
	font-family: 'Dosis', sans-serif;
	color: #484848;
	font-size: 16px;
	height:50px;
	border: 1px solid #ac0b04;
	border-radius:0;
	background:#fef0da;
}
.contact-section form .button {
	background-color:#fea421;
	color:#484848;
	font-size: 15px;
	font-weight: 700;
	font-family: 'Dosis', sans-serif;
	border:1px solid #ac0b04;
	margin:15px 0 0 0;
	text-transform:uppercase;
	letter-spacing:1pt;
	padding:14px 0;
	border-radius:0;
}
.contact-section form .button:hover, .contact-section form .button:focus {
	background-color:#ac0b04;
	color:#ffffff;
	transition:700ms ease;
}
/* Succes & Error Message */
.contact-section .success {
  padding: 1em;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #468847;
  transition:500ms ease;
}
.contact-section .error {
  padding: 1em;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid #b94a48;
  transition:500ms ease;
}


/*================ 15.DGH Logo ================*/
#DGH-Logo 			{position:fixed;
					 bottom:20px;
					 right:20px;
  					 display:none;}

#DGH-Logo img {border:2px solid white;}



/*================ 16.FOOTER ================*/
.footer-area {
	background-color:#ac0b04;
	padding:30px;
}
.footer-area .footer-text p {
	color:#ffffff;
	font-weight:600;
	padding-bottom: 15px;
}
.footer-area .footer-text a {
	color:#ffffff;
	font-weight:600;
}
.footer-area .footer-text a:hover {
	color:#fbd296;
}
.footer-area .footer-top i {
	color:#ffffff;
}
.footer-area .footer-social ul li {
	display:inline-block;
	padding:0 0 0 15px;
}
.footer-area .footer-social ul li a {
	color:#484848;
	text-decoration:none;
}
.footer-area .footer-social ul li a:hover {
	color:#ac0b04;
	transition:200ms ease;
}