﻿body, html
	{
	margin: 0px;
	padding: 0px;
	font-family: Century Gothic, CenturyGothic, calibri, sans-serif;
	background-color: #fff;
	color: #090909;
	}

img
	{
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
	


a:link, a:visited, a:active 
	{
	text-decoration: underline;
	color: #595959;
	}

a:hover
	{
	text-decoration: underline;
	color: #898989;
	}

a:link.bottom, a:visited.bottom, a:active.bottom 
	{
	text-decoration: underline;
	color: #797979;
	}

a:hover.bottom
	{
	text-decoration: underline;
	color: #999;
	}




a:link.menu, a:visited.menu, a:active.menu
	{
	background-color: #990033;
	color: #fff;
	display: inline-block;
	padding: 5px 14px 5px 14px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	-moz-border-radius: 1px;
	-khtml-border-radius: 1px;
 	-webkit-border-radius: 1px;
 	border-radius: 1px;
	border: 1px solid #990033;
	height: 30px;
	}
	

a:hover.menu
	{
	background-color: #990033;
	color: #fff;
	border-bottom: 1px #fff solid;
	padding: 5px 14px 5px 14px;
	margin: 0px;
	}


.anchor
	{
	display: block;
	padding-top: 100px;
	margin-top: -100px;
	}




.block_top
	{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 110px;
	width: 60%;
	text-transform: lowercase;
	text-align: right;
	z-index: 10;
	background-color: #fff;
	margin: 0px;
	padding: 0px 20% 0px 20%;
	}


.block_menu
	{
	position: fixed;
	top: 45px;
	left: 35%;
	height: 40px;
	width: 725px;
	text-transform: lowercase;
	text-align: center;
	vertical-align: middle;
	z-index: 10;
	background-color: #990033;
	margin: 0px;
	padding: 5px 10px 5px 0px;
	font-size: 18px;
	}


.logo
	{
	width: 200px;
	height: 89px;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	}


.banner_outer
	{
	width: 100%;
	height: 95vh;
	overflow: hidden;
	}


.banner
	{
  filter: grayscale(1);
	height: 100%;
	width: 100%;
	background: url("../img/banner_top_01.jpg"); 
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
	transition-delay: 2s;
	-moz-transition-delay: 2s;
	transition: all 4s ease;
	-moz-transition: all 4s ease;
	-ms-transition: all 4s ease;
	-webkit-transition: all 4s ease;
	-o-transition: all 4s ease;
	margin: 0px;
	image-rendering: pixelated;
	-webkit-animation: fadein 6s;
	-moz-animation: fadein 6s;
	-ms-animation: fadein 6s; 
	-o-animation: fadein 6s; 
	animation: fadein 6s;
	}


@-moz-keyframes fadein
	{
	from { opacity: 0; }
	to   { opacity: 1; }
	}

@-ms-keyframes fadein
	{
	from { opacity: 0; }
	to   { opacity: 1; }
	}

@-o-keyframes fadein
	{
	from { opacity: 0; }
	to   { opacity: 1; }
	}

@-webkit-keyframes fadein
	{
	from { opacity: 0; }
	to   { opacity: 1; }
	}


.banner:hover
	{
  	transform: scale(1.15);
	-moz-transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15); /* IE 9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.15, M12=0, M21=0, M22=1.15, SizingMethod='auto expand')"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.Matrix(
	M11=1.15,
	M12=0,
	M21=0,
	M22=1.15,
	SizingMethod="auto expand"
	); /* IE6 and 7 */
	background: url("../img/banner_top_01.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	filter: grayscale(0);
	}


.bbody
	{
	position: absolute;
	top: 115vh;
	left: 0px;
	width: 100%;
	margin: auto;
	padding: 0px;
	border: 0px;
	}

.bbody_inner
	{
	width: 60%;
	margin: 0px 20% 0px 20%;
	padding: 0px;
	font-size: 15px;
	line-height: 34px;
	text-align: justify;
	}

.bbottom
	{
	margin: 0px;
	background-color: #fff;
	height: 40px;
	padding: 15px 20% 0px 20%;
	border: 0px;
	text-align: right;
	font-size: 13px;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 60%;
	z-index: 10;
	}

.title_h1
	{
	font-size: 44px;
	margin: 40px 0px 20px 0px;
	text-transform: lowercase;
	text-align: left;
	font-weight: bold;
	}

.block_h1
	{
	font-size: 18px;
	margin: 30px 0px 40px 0px;
	text-align: justify;
	line-height: 32px;
	}

.title_h2
	{
	font-size: 24px;
	margin: 60px 0px 20px 0px;
	text-transform: lowercase;
	font-weight: bold;
	}


.red
	{
	font-size: 20px;
	margin: 30px 0px 30px 0px;
	color: #cc0000;
	}


.input_submit
  	{
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 5px #292929 solid;
	font-size: 22px;
	background-color: #fff;
	color: #393939;
	font-weight: bold;
	}

.input_text
	{
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px #999 solid;
	font-size: 20px;
	}

.input_textarea
	{
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px #999 solid;
	font-size: 20px;
	font-family: century gothic;
	}

.input_select
	{
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px #999 solid;
	font-size: 20px;
	}










.share
	{
	filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(1);
	}
	
.share:hover
  {
  filter: none;
  -webkit-filter: grayscale(0);
  }
