html { margin: 90px 0 0 0; /* same as header height */} 
html { }

address { font-style: normal; }

hgroup { margin-bottom: 20px; }
hgroup h1, hgroup h2, hgroup h3,
hgroup h4, hgroup h5, hgroup h6 { margin-bottom: 0;}

h1, h2, h3, h4, h5, h6 { color: #a90329; }

li { margin-bottom: 0; }

.small { font-size: 1.2rem; }
.big-text { font-size: 1.8rem; }

img { max-width: 100%; }
a { text-decoration: none; }

a.anchor {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
}

header { 
	position: fixed;
	top: 0;
	width: 100%;
	height: 90px;
	z-index: 1000;
	border-bottom: 7px solid #333;
	border-color: rgba(0,0,0, 0.3);
	overflow: visible;
	background: #333;
	background: rgb(34,34,34);
background: rgb(34,34,34);
background: -moz-linear-gradient(90deg, rgba(34,34,34,1) 0%, rgba(243,243,243,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(34,34,34,1) 0%, rgba(243,243,243,1) 100%);
background: linear-gradient(90deg, rgba(34,34,34,1) 0%, rgba(243,243,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222222",endColorstr="#f3f3f3",GradientType=1);
}

header .logo {
	position: absolute;
	top: 15px; left: 0;
	z-index: 999;
}

header .logo img { height: 55px; } 

/* Larger than mobile */
@media (min-width: 400px) { 
	header .logo { top: 40px; }
	header .logo img { height: 35px; }
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) { 
	header .logo { top: 40px; }
	header .logo img { height: 35px; }
}

/* Larger than tablet */
@media (min-width: 750px)  { 
	header .logo { top: 25px; }
	header .logo img { height: 40px; }
}

/* Larger than desktop */
@media (min-width: 1000px)  { 
	header .logo { top: 25px; }
	header .logo img { height: 45px; }
}

/* Larger than Desktop HD */
@media (min-width: 1200px)  { 
	header .logo { top: 15px; }
	header .logo img { height: 55px; }
}


header .top-links {
	height: 30px;
}

header .top-links a { color: #333; }

.desktop { display: none; }
/* Larger than tablet */
@media (min-width: 550px) { 
	.desktop { display: inherit; }
}

.mobile {display: inherit;}
@media (min-width: 550px) { 
	.mobile { display: none; }
}


header a.phone { /*color: #149414;*/ color: #333; }
header phone {
	margin-right: 20px;
	margin-top: 2px;
	font-size: 1.5rem;
	font-weight: bold;
	float: right; 
}

@media (min-width: 550px) { 
	header phone { margin-right: 40px;}
}

header .book-now a { color: #333; }
header .book-now { 
	float: right;
	font-size: 1.3rem;
	margin-top: 3px;
	padding: 2px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

header .book-now:hover {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#28343b+0,828c95+68,b5bdc8+100 */
background: #a90329;
color: #fff;
}

header .book-now:hover a {color: #fff;}

footer {
	position: fixed;
	width: 100%;
	bottom: 0;
	background: #fff;
	border-top: 1px solid #dedede;
	padding: 3px 0;
}

address {
	font-size: 1.2rem;
	text-align: right;
}

section { background: #fff; z-index: 10; }
section .container { padding-top: 40px; padding-bottom: 40px; }

section .wrap {
	background: #fff;
	background: rgba(255,255,255,.80);
}

section#intro .container { padding-top: 15px; }

section#about {
	/* background:  #fff url('../_slides/blue-black.jpg') bottom right no-repeat; */
}

section#about .wrap { padding-bottom: 100px; }

table.products tbody { font-size: 1.2rem; }
table.products th:first-child { text-align: right; }
table.products tbody td:first-child { font-weight: bold; text-align: right; }

@media (min-width: 550px) { 
	.window { 
		clear: both;
		height: 400px;
		overflow: hidden;
		margin: 0; padding: 0;
		width: 100%;
		-moz-box-shadow:    	inset  0  15px 15px -15px #696868, 
		inset  0 -15px 15px -15px #696868;
		-webkit-box-shadow: 	inset  0  15px 15px -15px #696868, 
		inset  0 -15px 15px -15px #696868;
		box-shadow:       		inset  0  15px 15px -15px #696868, 
		inset  0 -15px 15px -15px #696868;
		background: transparent;
	}

}


.shadow-inner { 
	-moz-box-shadow:    	inset  0  15px 15px -15px #696868, 
	inset  0 -15px 15px -15px #696868;
	-webkit-box-shadow: 	inset  0  15px 15px -15px #696868, 
	inset  0 -15px 15px -15px #696868;
	box-shadow:       		inset  0  15px 15px -15px #696868, 
	inset  0 -15px 15px -15px #696868;
}

#cboxCurrent { display: none !important; }


/* moving background animation */

.move-wrap {background: #BC2E2B;
  position: relative;
  overflow: hidden;
  margin: 0 20px;
}
.move-content {
  position: relative;
  z-index: 100;
  color: #fff;
  padding: 0;
}
.clear {clear:both;}
.move-me {
  z-index: 10;
  display: block;
  padding: 20px;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 35%;
  height: 100%;
  transform: skewX(-20deg);
}
.move-me-1 {
  background: #4C87D0;
  opacity: 0.95;
  animation: move-from-left 90s infinite;
}
.move-me-2 {
  background: #BC2E2B;
  opacity: 0.8;
  animation: move-from-right 85s infinite;
}
.move-me-3 {
  background: #333;
  opacity: 0.8;
  animation: move-from-center 58s infinite;  
} 

@keyframes move-from-left {
  0% { left: -15%; } 
  50% { left: 85%; }
  100% { left: -15%; }
}

@keyframes move-from-right { 
  0% { left: 85%; }
  50% { left: -15%; }
  100% { left: 85%; }
}

@keyframes move-from-center {
  0% { left: 50%; }
  33% { left: 5%; }
  66% { left: 85%; }
  100% { left: 50%; }
}