/*  Custom CSS by Kevin Buckstiegel
	http://www.kevinbuckstiegel.com   */

/*
	border: 1px solid red;
*/






/*  slide   */

.kev-infobanner {
	display: block;
	width: 100%;
	/* background: #8e796a; */
	color: #fff;
	padding: 0rem 0rem 0rem 0rem;
}
.kev-infobanner h1 {
	color: #fff;
}

			@media only screen and (min-width: 60.0625em) {
				.kev-infobanner {
					display: block;
					width: 100%;
					/* background: #8e796a; */
					color: #fff;
					padding: 0rem 0rem 0rem 0rem;
				}
			}

.kev-infobanneritemscontainer {
	background: #b56f5e;

}
.kev-infobanneritems {
	font-size: 1.2em;
	color: #fff;
	display: inline-block;
	text-align: center;
}


.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 80px solid transparent;
	border-right: 80px solid transparent;
	border-top: 60px solid #73503c;
	margin: auto;
}
.arrow-down-box {
	background: #a68572;
}


/*  upcoming   */

.kev-demopanel01 {
	display: inline-block;
	background: #f8f5f3; 
	color: #333333;
	padding: 2rem 2rem 0rem 2rem;
	margin: 0 auto;
}
.kev-demopanel01 h1 {
	color: #333333;
}

			@media only screen and (min-width: 60.0625em) {
				.kev-demopanel01 {
					display: inline-block;
					width: 100%;
					background: #f8f5f3; 
					color: #333333;
					padding: 2rem 10rem 0rem 10rem;
				}
			}





/*  whatsnew   */

.kev-dividerpanel {
	display: inline-block;
	/* background: #333333; */
	color: #333333;
	padding: 2rem 2rem 2rem 2rem;
	margin: 0 auto;
}
.kev-dividerpanel h1 {
	color: #333333;
}

			@media only screen and (min-width: 60.0625em) {
				.kev-dividerpanel {
					display: inline-block;
					width: 100%;
					/* background: #333333; */
					color: #333333;
					padding: 2rem 10rem 2rem 10rem;

				}
			}











/*  Form   */

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: #d0c2a6;
    color: #746445;
    width: 100%;
    border: 0px;
}
.wpcf7-submit 
{
    background-color: #b0a285;
    color: #f4f0e9;
    width: 100%;
    border: 0px;
    padding: .8rem;
}
			@media only screen and (min-width: 60.0625em) {
				.wpcf7 input[type="text"],
				.wpcf7 input[type="email"],
				.wpcf7 textarea {
					width: 100%;

				}
			}
.wpcf7 p {
	color: #f4f0e9;
}



/*   Fade In DIV Box   */

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:.9; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:.9; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:.9; } }

.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}

.fade-in.one {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	animation-delay: 0.4s;
}



/*   Parallax     */

/* background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}

/* fullscreen setup */
html, body {
    /* give this to all tags from html to .fullscreen */
    height:100%;
}
.fullscreen,
.content-a {
    width:100%;
    min-height:100%;
}
.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {
    height:100%;
    overflow:hidden;
}




/* content centering styles */
.content-a {
	display:table;
}
.content-b {
	display:table-cell;
    position:relative;
	vertical-align:middle;
	text-align:center;
}




/* visual styles */

.not-fullscreen {
    height:50%;
}

.curvedownbg {
	background: #e7c60e;
}