﻿/* Global Styles */
@import url('https://fonts.googleapis.com/css?family=Cinzel:400,700');
html {
	position: relative;
	min-height: 100%;
}
#Main img {
	max-width: 100% !important;
	height: auto !important;
	border-radius: 2px;
	border: 5px solid white;
	box-shadow: 0px 0px 10px 0px rgba(1,1,1,0.4);
}

@media(max-width:768px) {
#Main img {
	float: none !important;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
}
#Main {
	background-color: white;
	padding: 25px;
	margin-top:20px;p
	margin-bottom:20px;
	box-shadow: 0px 0px 4px 0px rgba(1,1,1,0.4);
}

@media(max-width:767px) {
#Main {
	position: relative;
	z-index: 2;
}
}
body {
	font-family: 'Inknut Antiqua', serif;
	font-size: 16px;
	text-align: justify;
	color: black;
	background-color:#ECEBF1;

}
a[href="/gallery"] {
	display: none;
}
h1, h2, h3, h4, h5 {
	font-family: 'Cinzel', serif;

}
h1 { 
margin-top:0px;
}
h3 {

	text-align:left;
	text-align:center;
	margin-bottom:20px;
	
	
	color:white;
	padding:5px 20px;
	font-weight:bold;
	background-color:#531600;
	 background:
        -moz-radial-gradient(0 100%, circle, rgba(204,0,0,0) 6px, #531600 7px),
        -moz-radial-gradient(100% 100%, circle, rgba(204,0,0,0) 6px, #531600 7px),
        -moz-radial-gradient(100% 0, circle, rgba(204,0,0,0) 6px, #531600 7px),
        -moz-radial-gradient(0 0, circle, rgba(204,0,0,0) 6px, #531600 7px);
    background:
         -o-radial-gradient(0 100%, circle, rgba(204,0,0,0) 6px, #531600 7px),
         -o-radial-gradient(100% 100%, circle, rgba(204,0,0,0) 6px, #531600 7px),
         -o-radial-gradient(100% 0, circle, rgba(204,0,0,0) 6px, #531600 7px),
         -o-radial-gradient(0 0, circle, rgba(204,0,0,0) 6px, #531600 7px);
    background:
         -webkit-radial-gradient(0 100%, circle, rgba(204,0,0,0) 6px, #531600 7px),
         -webkit-radial-gradient(100% 100%, circle, rgba(204,0,0,0) 6px, #531600 7px),
         -webkit-radial-gradient(100% 0, circle, rgba(204,0,0,0) 6px, #531600 7px),
         -webkit-radial-gradient(0 0, circle, rgba(204,0,0,0) 6px, #531600 7px);
    background-position: bottom left, bottom right, top right, top left;
        -moz-background-size: 52% 52%;
        -webkit-background-size: 52% 52%;
    background-size: 52% 52%;
    background-repeat: no-repeat;
}
.badge {
	display:inline-block;
	padding:5px;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
	min-width:200px;
	max-width:100%;
	margin-bottom:5px;
	background-color:#EBE1D3;
	color:#531600;
}

.badge:first-child {
	margin-left:0px;

}
@media(max-width:768px) {
	.badge {
		display:block;
		
	}
	.badge:first-child {
	margin-left:10px;

}
}
.bodyHome {
			background-image: url(/tempimg/back.jpg);
	background-size: cover;
	background-position: center;
}
.backOverlay {
	position: fixed;
	background-image: url(/tempimg/overlay.png);
	background-position: center;
	opacity: .2;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 2;
}
/*------------------Home Content-------------------*/
.homeContentFull {
position: fixed;
padding-top: 110px;
padding-bottom: 30px;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 20;
}
.prop {
width: 100%;

}
/*.prop {
		animation: rotation 20s infinite linear;
}

@keyframes rotation {
		0% {
				transform: rotate(0deg);
		}
		3%{
				transform: rotate(90deg);
		}
		33%{
				transform: rotate(90deg);
		}
		36%{
				transform: rotate(210deg);
		}
		66%{
				transform: rotate(210deg);
		}
		69%{
				transform: rotate(330deg);
		}
		99% {
				transform: rotate(330deg);
		}
		100% {
				transform: rotate(360deg);
		}
}*/

/*-----------End Home Content-------------*/

.backSub {
	position:absolute;
	
}
.video-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; 
  overflow: hidden;
}

.video-container video {
  /* Make video to at least 100% wide and tall */
  min-width: 100%; 
  min-height: 100%; 
  
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;
  
  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}


.pageTop {
	position: relative;
	background-image: url(/tempimg/headerback.png);
	background-position: bottom center;
	text-align: center;

	z-index: 50;
	padding-bottom: 30px;
	margin-bottom:-8px;
}
.logoSub {
width:640px;
max-width: 90%;
margin-top: 13px;
margin-bottom: 5px;
box-shadow: 0px 0px 3px black;

}
.logo {
	position: absolute;
	right: 0px;
	left: 0px;
	margin: auto;
		margin-top: 5%;
	text-align: center;
	z-index: 100;
}
.logo img {

	width: 90%;
	max-width: 900px;
}
@media(max-width:768px) {
	.logo img {
		
		width:90%;
		max-width: 460px;
	}
	
}
/*@media(max-width:427px) {
		.logo img {
		margin-top: -11%;
	}
}*/
.menuHold {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 34px;
	z-index: 50;
}
.menuTable {
	display: table;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	background-color: #212221;
	height: 38px;
	box-shadow: 0px 0px 5px 2px black;
	color: white;
	font-family: 'Cinzel', serif;
	font-weight: bold;
	font-size: 20px;
}
.menuRow {
	display: table-row;
}
.menuLeft {
	display: table-cell;
	max-width: 50%;
	padding-left: 15px;
  -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(transparent, transparent),
             url(/tempimg/textback.png) repeat;
			 background-position:center;
  background: -o-linear-gradient(transparent, transparent);
  -webkit-background-clip: text;

  font-weight: bold;
  text-align: center;
	text-shadow:0px 0px 6px rgba(0,0,0,0.04);
	line-height: 38px;
}
.menuMiddle {
	display: table-cell;
	width: 413px;
}
.menuRight {
	
	display: table-cell;
	text-align: right;
	max-width: 50%;
	padding-right: 15px;
  -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(transparent, transparent),
             url(/tempimg/textback.png) repeat;
			 background-position:center;
  background: -o-linear-gradient(transparent, transparent);
  -webkit-background-clip: text;
	text-shadow:0px 0px 6px rgba(0,0,0,0.04);
  font-weight: bold;
  text-align: center;
	
	line-height: 38px;
}

@media (max-width: 1210px) {
.menuTable {
	font-size: 16px;
}
}

@media (max-width: 1060px) {
.menuHold {
	display: none;
}
}
.homeFoot {
	position: fixed;
	background-position: center;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 3;
	padding-top: 30px;
	background-image: url(/tempimg/bottomback.png);
	background-position: center top;
	height: 260px;
}
.homeTable {
	display: table;
	height: 100%;
	margin: auto;
}
.homeRow {
	display: table-row;
	height: 100%;
}
.homeCell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.homeCell a:hover, .homeCell a:focus {
	text-decoration: none;
}
.homeMenuBack {
	position:relative;
	display: table;
	height: 200px;
	width: 212px;
	background-size: cover;
	background-position: center center;
	border: 0px solid #212221;
	margin-right: 15px;
	margin-left: 15px;
	box-shadow:0px 0px 4px 1px black;

}
.homeCell:first-of-type .homeMenuBack{
	margin-left: 0px;
}
.homeCell:last-of-type .homeMenuBack{
	margin-right: 0px;
}
.homeMenuWords {
	display: table-cell;
	   border-width: 5px;
    border-style: solid;
    border-image: url('/tempimg/textback.png')  10;
   color:white;
	vertical-align: middle;
	font-size: 24px;
	text-shadow:0px 0px  4px rgba(0,0,0,0.05);

	background-color:rgba(225,225,225,0.30);
		-webkit-transition: background-color 1s, box-shadow .5s ease-in;
	-moz-transition: background-color 1s, box-shadow .5s ease-in;
	transition: background-color 1s, box-shadow .5s ease-in;
	box-shadow:inset 0px 0px 8px 0px white;
		
}

.homeMenuWords span{
 	color: black;
    transition:color .8s ease-in, text-shadow 1s ease-in; 
	text-transform: uppercase;
	text-shadow: 0px 0px 0px black;
	
}
.homeMenuWords:hover, .homeMenuWords:focus {
	background-color:rgba(225,225,225,0.60);
	box-shadow:inset 0px 0px 8px 0px black;
}
.homeMenuWords:hover span, .homeMenuWords:focus span {
	 color: rgba(0,0,0,1.90);
	 text-shadow: 0px 0px 8px black;
	
 
}
@media (max-width:1200px) {
.homeMenuBack {

	height: 200px;
	width: 150px;

}
}

.modCell{
	display:inline-block;
	vertical-align: middle;
	text-align: center;
	margin-bottom:12px;
}
.modCell a:hover, .modCell a:focus {
	text-decoration: none;
}

.modal-content{
	border:3px solid #212221;
	background-image:url(/tempimg/Menuback.png);
	background-size:cover;
	
}
.modal-title{
	  -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(transparent, transparent),
             url(/tempimg/textback.png) repeat;
			 background-position:center;
  background: -o-linear-gradient(transparent, transparent);
  -webkit-background-clip: text;

  font-weight: bold;
}
.closeSP {
	float:right;
 -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(transparent, transparent),
             url(/tempimg/textback.png) repeat;
			 background-position:center;
  background: -o-linear-gradient(transparent, transparent);
  -webkit-background-clip: text;
  font-weight: bold;
}
#footer {
	position: absolute;
	background-position: top center;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 3;
		background-image: url(/tempimg/bottomback.png);
	background-position: center top;
	
}

.fImg div{
	text-align:center;
	padding-top:14px;

}
.fImg img{
	width:113px;
	max-width:100%;
	
}
.fLink {
	text-align:right;
	padding-top:36px;
	
}
.fSoc {
	text-align:left;
	padding-top:36px;
	
}
.fItem {
	display:inline-block;
	height:70px;
	width:70px;
	border-radius:45px;
	line-height:67px;
	background-image:url(/tempimg/textback.png);
	border:top center;
	text-align:center;
	border:2px solid #262826;
	box-shadow:inset 0px 0px 20px 10px black, 0px 0px 3px 1px black;
	margin-left:3%;
	margin-right:3%;
}
.fItem a{
	font-size:40px;
}
.fItem a .fa:before {
	color:white;
	    background: -webkit-linear-gradient(transparent, transparent),
             url(/tempimg/footback.png) repeat;
		background-position:center;
  -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   
   

   
   
   
}
.fItem img{
	margin-top:-7px;
	
}
@media (max-width: 992px) {
.fImg div{
	text-align:center;
	padding-top:24px;

}
}
@media (max-width: 767px) {
	#footer{
		position:relative;
		background-image:none;
			height: auto;
			margin-top: 15px;
			
			padding-bottom:15px;
	}
	#bodybackspace{
		padding-bottom:0px !important;
	}
	.fLink {
	text-align:right;
	padding-top:0px;
	padding-right:3px;
	
}
.fSoc {
	text-align:left;
	padding-top:0px;
	padding-left:3px;
	
}
.fItem {
	margin:6px;
	
}
}


.hero {
  margin:auto;
	/*max-width:1920px;*/
	overflow:hidden;
	position:relative;
}
.hero-sizer {
	/*width:160%;*/
	position:relative;
	/*left:-30%;*/
}
.hero-inner {
/*	max-width:1920px;*/
	margin:auto;
	position:relative;
}


.downArrow {
	position:absolute;
	bottom:20px;
	left:0px;
	right:0px;
	text-align:center;
	color:white;
	font-size:60px;
	text-shadow:0px 0px 3px black;
	cursor:pointer;
	
}





.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
.animated{-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;

            animation-iteration-count: 3;
       -moz-animation-iteration-count: 3;
    -webkit-animation-iteration-count: 3;

animation-fill-mode:both;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-ms-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
}


@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	40% {-webkit-transform: translateY(-15px);}
	60% {-webkit-transform: translateY(-7px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-15px);}
	60% {-moz-transform: translateY(-7px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-15px);}
	60% {-o-transform: translateY(-7px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-15px);}
	60% {transform: translateY(-7px);}
}

/*------------------------------NAV------------------------------*/
.navTopBottom{
	position:relative;
	height:4px;
	background:url(/tempimg/textback.png);
	box-shadow:0px 0px 3px black;
	z-index:100;
	
}
.navbar-custom  {
	position:relative;
	background:url('/tempimg/mainmenu.png');
	background-repeat:repeat-x;
	background-position:center top;
	background-color:#212120;
	z-index:50;
}
.navbar-inner{
font-size: 0;
}

.navbar-custom  .navbar-nav {
    display:inline-block;
    float: none;
}

.navbar-custom  .navbar-collapse {
    text-align: center;
}
.navbar-custom  .navbar-nav li{
	padding-left:25px;
	padding-right:25px;
}
@media (max-width: 1500px) {
	.navbar-custom  .navbar-nav li{
	padding-left:6px;
	padding-right:6px;
	}
}


.navbar-custom  .navbar-nav li{
 text-transform: uppercase;
	font-size:20px !important;
	
}
@media (max-width: 1200px) {
	.navbar-custom  .navbar-nav li{
	padding-left:0px;
	padding-right:0px;

	}

	.navbar-custom  .navbar-nav li{

	font-size:18px !important;
	
}
}
@media (max-width: 920px) {

		.navbar-custom  .navbar-nav li a{
	padding-left:10px;
	padding-right:10px;

	}
		.navbar-custom  .navbar-nav li{
 text-transform: uppercase;
	font-size:18px !important;
	
}

}
@media (max-width: 767px) {

	.navbar-custom  .navbar-nav li{

	font-size:22px !important;
	
}
}
.navbar-custom .nav ul li a {
  color: black;
}

.navbar-custom .nav li a {
  color: black;
 
 
			
			
  background:rgba(225,225,225,0.0);


  font-weight: bold;
  text-align: center;
	text-shadow:0px 0px 6px  rgba(255,255,255,1);
}

.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus {
	color:black;

 	text-shadow:0px 0px  4px rgba(0,0,0,0.1);

	background-color:rgba(225,225,225,0.30);
		-webkit-transition: background-color 1s, box-shadow .5s ease-in;
	-moz-transition: background-color 1s, box-shadow .5s ease-in;
	transition: background-color 1s, box-shadow .5s ease-in;
	box-shadow:inset 0px 0px 8px 0px white;

}

