/* Css Theme by CssTemplateHeaven - www.csstemplateheaven.com */

/**************************************************************************************/
/*----------------------------------- LigaTure Symbols ------------------------------*/
/************************************************************************************/

/* CSS */

@font-face {

}


body {background: #fafafa}

.row {width: 960px}



hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #999;
    border-image: none;
    border-style: dotted;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 22px 0 21px;
}

.page_wrap {margin: 0 auto 25px}

	header {
		background: #000000;
		background-image: url(../images/sidewalk-koi-far.jpg);
		background-size:auto 150%;
		clear:both;
		height:450px;
		background-position:center top;
		background-repeat:no-repeat;
		-webkit-transition:all 500ms;
		transition:all 500ms;
		text-align: center;
		}
	.logotype {
		display: inline-block;
		width:160px;
		height:160px;
		border-radius:80px;
		background-image:url(../images/trans.png);
		background-color: #6ed44a;
		background-blend-mode:multiply;
		position:relative;
		opacity:.9;
		mix-blend-mode: multiply;
		top:150px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 22px;
		line-height:160px;
		font-weight: 200;
		color:#FFF;
		-webkit-transition:all 500ms;
		transition:all 500ms;
		opacity:.8;
		}
p {
	color: #666;
}
.welcome_text {
	font-size: 42px;
	margin-bottom: 0;
	padding:40px 12% 40px 12%;
	text-align: center;
	font-weight: 100;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	line-height:1.25em;
}

h1,h2,h3,h4 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 200;
	color: #000;
	margin: 20px 0;
	text-align: center
}

/* sections */


.div-section {
    width:80%;
    text-align:center;
    box-sizing:border-box;
	margin: 0 0% 0 10%;
}

.div-title {
	font-size: 18px;
	font-variant: small-caps;
	font-weight: 100;
	background-color: #FAFAFA;
	display: inline-block;
	padding: 0 .5em;
	vertical-align: middle;
}

.div-line {
	border-top: 1px solid #999;
	width: 38%;
	height: 1px;
	display: inline-block;
    vertical-align: middle;
}

.section_light {
	padding: 20px 0;
	clear:both;
	text-align:center;
	margin:0 10% 0 10%
	}
	
.section_light h1 {text-align: center; padding-bottom: 20px; margin: 0 0 20px 0}

.section_dark {background: #262626; border-top: 0; border-bottom: 1px dotted #999; padding: 20px 0 40px}
.section_dark h2 {color: #999999; margin: 0 0 20px 0; font-size: 22px; text-align: center}

.section_main {padding: 20px 0}
.section_main h2 {padding: 0 0 20px}

/* END Frontpage sections */


		
/* nav bar vertical */


		
/* gallery menu */



.footer {text-align:center; padding: 50px 0}

/*-------------------------------------------------------------------------------------------------*/
/* Masonry
/*-------------------------------------------------------------------------------------------------*/



/* fluid masonry */



/* MI Slider */



/* Move classes and animations */



/* moveFromRight */



/* moveFromLeft */


/* moveToRight */



/* moveToLeft */



/* Animation Delays */



/* Animations */


/* Media Queries */
@media screen and (max-width: 960px){

	header {
		background: #000000;
		background-image: url(../images/sidewalk-koi-far.jpg);
		background-size:auto 150%;
		clear:both;
		height:400px;
		background-position:center top;
		background-repeat:no-repeat;
		-webkit-transition:all 500ms;
		transition:all 500ms;
		}
		
	.logotype {
		position:relative;
		opacity:.8;
		mix-blend-mode: multiply;
		top:30%;
		width:140px;
		height:140px;
		line-height:140px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 24px;
		text-align: center;
		font-weight: 300;
		color:#FFF;
		text-shadow: 0px 0px 1px rgba(0,0,0,.6);
		-webkit-transition:all 500ms;
		transition:all 500ms;
		}
		
	.welcome_text {
		font-size: 36px;
		margin-bottom: 0;
		padding:15px 5% 15px 5%;
		text-align: center;
		font-weight: 100;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-style: normal
	}
}

@media screen and (max-width: 740px){
	header {
		background: #000000;
		background-size:auto 150%;
		background-image: url(../images/sidewalk-koi-far.jpg);
		clear:both;
		height:350px;
		background-position:center top;
		background-repeat:no-repeat;
		-webkit-transition:all 500ms;
		transition:all 500ms;
		}
		
	.logotype {
		position:relative;
		opacity:.8;
		mix-blend-mode: multiply;
		top:25%;
		width:125px;
		height:125px;
		line-height:125px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 20px;
		text-align: center;
		font-weight: 300;
		color:#FFF;
		text-shadow: 0px 0px 1px rgba(0,0,0,.6);
		-webkit-transition:all 500ms;
		transition:all 500ms;
		}
		.welcome_text {
		font-size: 32px;
		margin-bottom: 0;
		padding:15px 5% 15px 5%;
		text-align: center;
		font-weight: 100;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-style: normal
	}
}

@media screen and (max-width: 490px){ 
		header {
		background: #000000;
		background-size:auto 150%;
		background-position:center top;
		background-image: url(../images/sidewalk-koi-far.jpg);
		clear:both;
		height:225px;
		background-repeat:no-repeat;
		-webkit-transition:all 500ms;
		transition:all 500ms;
		}
		
	.logotype {
		position:relative;
		opacity:.8;
		mix-blend-mode: multiply;
		top:25%;
		width:100px;
		height:100px;
		line-height:100px;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 18px;
		text-align: center;
		font-weight: 400;
		color:#FFF;
		text-shadow: 0px 0px 1px rgba(0,0,0,.6);
		-webkit-transition:all 500ms;
		transition:all 500ms;
		}
	.welcome_text {
		font-size: 28px;
		margin-bottom: 0;
		padding:15px 5% 15px 5%;
		text-align: center;
		font-weight: 100;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-style: normal
	}
	.div-section {
		width:90%;
		text-align:center;
		box-sizing:border-box;
		margin: 0 0% 0 5%;
	}
	
	.div-title {
		font-size: 16px;
		font-variant: small-caps;
		line-height: 16px;
		font-weight: 100;
		background-color: #FAFAFA;
		padding-right: 10px;
		display: inline-block;
		padding: 0 3px;
		vertical-align: middle;
	}
	
	.div-line {
		border-top: 1px solid #999;
		width: 30%;
		height: 1px;
		display: inline-block;
		vertical-align: middle;
	}
}