/*
Theme Name: Simple Parallax Website
Description: Simple Parallax Scrolling Effect
Author: Samuel Dalusung
*/

/*= GENERAL STYLING
--------------------------------------------------------*/
/* cinzel-regular - latin */
@font-face {
	font-family: 'Cinzel';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/cinzel-v19-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/cinzel-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/cinzel-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/cinzel-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/cinzel-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/cinzel-v19-latin-regular.svg#Cinzel') format('svg'); /* Legacy iOS */
  }

body{
	margin: 0;
	padding: 0;
	width: 100%;
}

h1 {
	font-family:'Copperplate Gothic Bold', 'Cinzel', Arial;
	font-weight:bold;
	font-size: 35px;
	text-align: left;
	color: #fff;
	margin: 0;
	padding: 0;
}

h2 {
   font-family:"Arial Narrow";
   font-weight: normal;
   font-size: 40px;
   text-align: center;
   color: #fff;
   margin: 0;
	padding: 0;
}

h3 {
   color: #808184;
   font-family: 'Arial Narrow';
   font-weight: normal;
   font-size: 16px;
   text-align: center;
   margin: 5px 0;
	padding: 0;
}

table, tr, td {
   border: 0px;
   color: #808184;
   font-family: 'Arial Narrow';
   font-weight: normal;
   font-size: 26px;
   padding: 10px;
}

#mich table, tr, td {
   border: 0px;
   color: #808184;
   font-family: 'Arial Narrow';
   font-weight: normal;
   font-size: 26px;
   padding: 10px;
}

#agb table, tr, td, p {
   border: 0px;
   color: #808184;
   font-family: 'Arial Narrow';
   font-weight: normal;
   font-size: 20px;
   padding: 0px;
}



.center { margin: 0 auto; }
.content{ margin: 0 auto; width: 960px; }
.clear { clear: both; }

.content a { color: #808184; opacity:1; font-size: 22px; text-decoration: none; font-family: 'Arial Narrow', Arial, sans-serif; }
.content a.active { color: #808184; opacity:1; border-bottom: 2px solid #808184; font-family: 'Arial Narrow', Arial, sans-serif;}
.content a:hover { color: #808184; opacity:1; font-family: 'Arial Narrow', Arial, sans-serif; }

/*a.lpanel { float: left; color: #e1e1e1; font-size: 12px; font-family:"Arial Narrow"; text-decoration: none; margin: 7px 11px; }
a.rpanel { float: right; color: #e1e1e1;  font-size: 12px; font-family:"Arial Narrow"; text-decoration: none; margin: 7px 11px; }

a.lpanel:hover{ color: #fff; }
a.rpanel:hover{ color: #fff; }*/
/*= HEADER & NAVIGATION
--------------------------------------------------------*/

#header {
	width: 100%;
	background: url('../img/header-bg.png');
	height: 120px;
	position: fixed;
	margin-top: 30px;
}

#nav { width: 710px; float: right; margin-top: 20px; }
#logo a { color: #fff; text-decoration: none; float: left; font-size: 30px; margin-top: 10px; color: #fff; }
#nav ul{
	list-style: none;
	display: block;
	margin: 0 auto;
	list-style: none;
}

#nav li{
	margin-top: 19px;
	float: left;
	padding-right: 21px;
	font-family: 'Arial Narrow', Arial, sans-serif;
}

#nav li a { color: #808184; opacity:0.6; font-size: 22px; text-decoration: none; font-family: 'Arial Narrow', Arial, sans-serif; }
#nav li a.active { color: #808184; opacity:1; border-bottom: 2px solid #808184; font-family: 'Arial Narrow', Arial, sans-serif;}
#nav li a:hover { color: #808184; opacity:1; font-family: 'Arial Narrow', Arial, sans-serif; }



/*= QUOTES AND SOME ELEMENTS
--------------------------------------------------------*/
.quotes {
 font-family: 'Arial Narrow', Arial;
   font-weight: normal;
   font-size: 22px;
  text-align: left;
  margin: 20px auto;
}

 .author_name_white { font-family:"Arial Narrow";  margin: 70px 0 0 75px; color: #fff; font-size: 20px; }
 .author_name_gray { font-family:"Arial Narrow";  margin: 40px 0 0 75px; color: #98c21d; font-size: 20px; }
 .author_name { font-family:"Arial Narrow";  color: #98c21d; font-size: 20px;}
 .quotes_container { width: 920px; margin: 0 auto;font-family:"Arial Narrow"; }

.therapy_header { font-family:"Arial Narrow";  color: #98c21d; font-size: 40px; }
.therapy { font-family:"Arial Narrow";  color: #808184; font-size: 20px; }
#margin_slide1 { margin-top: 500px; }
#tp { width: 311px; height: 207px; float: left; background-color: #fff; }



/*= BUTTONS
--------------------------------------------------------*/

button.btn-know {
	padding: 15px 47px;
	margin: 40px 38.8%;
	text-align: center;
	border: 4px solid #fff;
	color: #fff;
	background: transparent;
	font-size: 19px;
	cursor: pointer;
	text-shadow: -1px 2px 0px rgba(90, 90, 90, 0.56);
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.btn-know:hover { background: #fff; color: transparent; }
ul.built { list-style: none; margin: 0 auto; width: 730px; }
.built li img{ float: left; padding-right: 34px; }



/*= SLIDES STYLING
--------------------------------------------------------*/

#slide1, #slide2{ width: 100%; }
#slide1{
	background: url("../img/slide1.jpg");
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '../img/slide1.jpg', sizingMethod = 'scale');
        width: 100%;
        background-position: center center;
        background-repeat: no-repeat;


	color: #fff;
	height: 600px;
	margin: 0;
	padding: 200px 0 260px 0;
}

#slide2{
	/*background: url("../img/slide2.jpg");
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '../img/slide2.jpg', sizingMethod = 'scale');
        width: 100%;
        background-position: center center;
        background-repeat: no-repeat;*/
	/*background-color: #dcdcdc;*/
	background-color: #eaeaea;
	/*background-color: #eaf1c9;*/
	color: #fff;
	height: 400px;
	margin: 0;
	padding: 250px 0 200px 0;
}


#slide3{
	/*background: url("../img/slide3.jpg");
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '../img/slide3.jpg', sizingMethod = 'scale');
        width: 100%;
        background-position: center center;
        background-repeat: no-repeat;*/
	background-color: #eaf1c9;

	color: #fff;
	height: 400px;
	margin: 0;
	padding: 200px 0 260px 0;
}

#slide4{
	background-color: #eaeaea;
	color: #333333;
	height: 500px;
	padding: 170px 0;
	background-size: cover;
}

#slide5{
	/*background: url("../img/slide5.jpg");
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '../img/slide5.jpg', sizingMethod = 'scale');
        width: 100%;
        background-position: center center;
        background-repeat: no-repeat;*/
	background-color: #fff;

	height: 600px;
	margin: 0 auto;
	padding: 170px 0;
	color: #fff;
}

#slideT1{
	background-color: #dadada;
	height: 500px;
	margin: 0;
	padding: 200px 0 50px 0;
	background-size: cover;
}

#slideT2{
	background-color:#fff;
	color: #fff;
	height: 500px;
	margin: 0;
	padding: 200px 0 50px 0;
	background-size: cover;
}


#slideT3{
	background-color: #dadada;
	height: 320px;
	margin: 0;
	padding: 200px 0 50px 0;
	background-size: cover;
}

#slideT4{
	background-color: #fff;
	height: 320px;
	padding: 200px 0 50px 0;
	background-size: cover;
}

#slideT5{
	background-color: #dadada;
	height: 320px;
	margin: 0;
	padding: 200px 0 50px 0;
	background-size: cover;
}

#slideT6{
	background-color: #fff;
	height: 320px;
	margin: 0;
	padding: 200px 0 50px 0;
	background-size: cover;
}
#slideT7{
	background-color: #fff;
	height: 100px;
	margin: 0;
	padding: 100px 0 50px 0;
	background-size: cover;
}

/*= FOOTER
--------------------------------------------------------*/

#copyright  { color: #808184; font-family:"Arial Narrow";  font-size: 14px; margin-top: 40px; text-align: center;  }
#copyright  a { text-decoration: none; color: #808184;  }
