/* --Bourbon from CodeKit
=======================================*/
/*----------------------------------------------   
--html
1. baseline font-size.
2. Prevent jumps by forcing horizontal scroll
3. Prevent right gaps on mobile
4. Defualt to sans
5. Prevent iOS text size adjust after orientation change, without disabling
*    user zoom.
-----------------------------------------------  */
@import url(https://fonts.googleapis.com/css?family=Lato:300|Playfair+Display:900);
html {
  font-size: 100%;
  /* 1 */
  /*overflow-y: scroll;*/
  /* 2 */
  font-family: sans-serif;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 4 */
  -webkit-text-size-adjust: 100%;
  /* 4 */ }

/*----------------------------------------------   
-body
1. Defualt margins
2. prevent mobile gaps
3. Better font rendering across browsers
-----------------------------------------------  */
#preload, #preload img, img.mobilesplash{
display: none !important;
}
body {
  font-family: "iskra",sans-serif;
  margin: 0;
  width: 100%;
  font-weight: 300;
  font-style: normal;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

/*----------------------------------------------   
-body, html
-Set 100% height if needed for full viewport stuff
-Prevent gaps in mobile layout
-----------------------------------------------  */
html, body {
  position: relative;
  /*overflow-x: hidden;*/
}

/*----------------------------------------------   
-Defualt to border-box
-----------------------------------------------  */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*----------------------------------------------   
-HTML5 Block Levels
-----------------------------------------------  */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/*----------------------------------------------   
1. Correct `inline-block` display not defined in IE 8/9.
2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
-----------------------------------------------  */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/*----------------------------------------------   
-Prevent modern browsers from displaying `audio` without controls.
-Remove excess height in iOS 5 devices.
-----------------------------------------------  */
audio:not([controls]) {
  display: none;
  height: 0; }

/*----------------------------------------------   
-Address `[hidden]` styling not present in IE 8/9/10.
-Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
-----------------------------------------------  */
[hidden],
template {
  display: none; }

/*----------------------------------------------   
LINKS
-Remove the gray background color from active links in IE 10.
-Remove defualt text-decoration
-Improve readability
-----------------------------------------------  */
a {
  background-color: transparent;
  outline: 0;
  text-decoration: none; }

a:active,
a:hover {
  outline: 0; }

/*----------------------------------------------   
TEXT LEVEL
-Abbr: Address styling not present in IE 8/9/10/11, Safari, and Chrome.
-Bold: Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
dfn, mark: Address unset styles
-Small: Address inconsistent and variable font size in all browsers.
-Prevent `sub` and `sup` affecting `line-height` in all browsers.
-----------------------------------------------  */
abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/*----------------------------------------------   
HEADERS
-Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome.
-Remove Margins from headers and type elements to better define in your typographic system
-----------------------------------------------  */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dd, small {
  margin: 0;
  padding: 0; }

/*----------------------------------------------   
IMAGES & EMBEDDED CONTENT
-Responsive defualt
-IE Scaling fix
-----------------------------------------------  */
img, object, embed {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  outline: none; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
/*----------------------------------------------   
SVG
-Correct overflow not hidden in IE 9/10/11
-----------------------------------------------  */
svg:not(:root) {
  overflow: hidden; }

/*----------------------------------------------   
Google Maps responsive fix
-----------------------------------------------  */
#map_canvas img,
.map_canvas img {
  max-width: none !important; }

/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/*----------------------------------------------   
CODE & PREFORMATED
-----------------------------------------------  */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/*----------------------------------------------   
FORMS
-----------------------------------------------  */
form {
  margin: 0; }

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  margin: 0;
  /* 3 */
  font-size: 100%;
  vertical-align: middle; }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button, input {
  overflow: visible;
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/* Ensure pointer */
label,
select,
button,
input {
  cursor: pointer; }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input:focus,
select:focus,
textarea:focus,
button:focus,
.btn:focus {
  outline: none; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
  vertical-align: text-bottom;
  width: 100%; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/*----------------------------------------------   
TABLES
-----------------------------------------------  */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* --Modules
=======================================*/
/*----------------------------------------------   
--Google Fonts Import
-----------------------------------------------  */
/*----------------------------------------------   
--Typography: Body
-----------------------------------------------  */
body {
  font-family: "iskra",sans-serif;
  position: relative;
  width: 100%;
  font-weight: 300;
  font-style: normal;
  line-height: 1.7;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

/*----------------------------------------------------------------------------------------------   
--Typography: Fluid body sizing hotness
* Adjust to suit your needs.
-----------------------------------------------------------------------------------------------  */
body {
  font-size: 100%; }
/*  @media (min-width: 36em) {
    body {
      font-size: 110%; } }
  @media (min-width: 58em) {
    body {
      font-size: 120%; } }
  @media (min-width: 86em) {
    body {
      font-size: 130%; } }
  @media (min-width: 115em) {
    body {
      font-size: 160%; } }
  @media (min-width: 125em) {
    body {
      font-size: 170%; } }
  @media (min-width: 145em) {
    body {
      font-size: 180%; } }*/

/*----------------------------------------------   
--Typography: Headers
-----------------------------------------------  */
h1 {
  font-size: 2.75em;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  line-height: 1.2; }
  @media (min-width: 58em) {
    h1 {
      font-size: calc(2.75em + 70%); } }

/*----------------------------------------------   
--Typography: paragraph
-----------------------------------------------  */
p {
  margin:0px 0px 8px 0px;
   }

/*----------------------------------------------   
--Links
-----------------------------------------------  */
a {
  color: #b46600;
}
  a:hover {
    color: #000;
    text-decoration: underline;
/* 	-webkit-transition: color 0.7s ease; */
/* 	-moz-transition: color 0.7s ease; */
/* 	transition: color 0.7s ease;  */
    }

/*----------------------------------------------   
--Setup
-----------------------------------------------  */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }
:root{
	--clr-btn-1: #b46600;
	--clr-btn-1-alt: #d58317;
	--clr-btn-2: #ffffff;
}
*:focus-visible{
	outline: 2px dashed #977f68;
	outline-offset: 2px;
}
html {
	font-size: 100%;
	width: 100%;
	margin:0;
	padding:0;
	-webkit-text-size-adjust: 100%;
	background-color: #000;
}
body {
	width: 100%;
	-webkit-animation: fade-in ease-in-out 1.4s;
	-moz-animation: fade-in ease-in-out 1.4s;
	animation: fade-in ease-in-out 1.4s;
	position: relative;
	margin:0;
	padding:0;
	background: #000;
}
.mobileonly{
	display: none !important;
}
#home #beginning{
position:relative;
display: flex;
	height: 100vh;
	width: 100%;
	background: #000;
}
.content #beginning{
	display: flex;
	width: 100%;
	background: #000;
}
.sect-banner{   /* the rest of the banner css is found near line 818. */
	width: 66%;
	display: inline-block;
	position: fixed;
	top:0;
	bottom:0;
	right:0;
	margin:0;
	padding: 0px;
	background: #000;
}
#home #sidebarwrapper{
display: block;
position:fixed;
}
#content{
	width: 66%;
	display: inline-block;
	position: relative;
	margin:0;
	padding: 0px;
}
#top{
  margin:0 0 10px 0;
  padding:0;
  min-height: 40px;
  display: block;
}
#sent #top{
	padding-bottom: 50%;
	background: url(../images/gallery/coyote-031.jpg) center 40% no-repeat #000;
	background-size: cover;
	margin:0;
}
h1 {
  color:#252915;
  font-weight:100;
  line-height:90%;
  margin-bottom:20px;}
h2 {
  margin-bottom:0;
}
#descriptionwrapper{
}
#description{
  margin:0;
  background: #fff;
padding: 40px;
}
#gallery #description, #galleries #description{
padding: 0px;
}
#description p{
    font-size: 1.2em;
    margin: 0;
}
#description p + p{
	margin-top: 0.5em;
}
ul {
  margin-left:40px;
}
.pitalics {
  font-size:85%;
  font-style:italic;
  line-height:110%;
}
#top img {
  width:100%;
}
ul#questions {
	list-style: none;
/*   font-size:1.45em; */
/*   font-weight:600; */
/*   font-style:italic; */
	padding: 20px 0px;
    line-height: 1.5em;
}
#questions li {
    position: relative;
	color: #000000;
    margin: 15px 0px;
	padding:4px 4px 4px 24px;
}
#questions li:before {
	content: "»";
	font-weight: 600;
	font-size: 1.45em;
	font-style:italic;
    position: absolute;
    left: 0;
	color: #B46600;
}
#questions h6{
    font-size: 1.45em;
    font-weight: normal;
}
#questions a {
	user-select: none;
	color: #252915;
	cursor: pointer;
}
#questions a:hover,
#questions a:focus-visible{
	text-decoration: underline;
}
#questions li.faqOpened a{
	text-decoration: none !important;
}
.faq {
	background: #F3EAE2;
	max-height: 0;
	overflow: hidden;
}
#questions li.faqOpened h6{
	font-style: italic;
	font-weight: 600;
}
#questions li.faqOpened .faq{
	border-top: 2px solid #252915;
    padding: 1em 1.5em;
	margin: 3px 0px 0px 0px;
	max-height: none;
}
#faq p {
  margin:0;
  font-size:1.25em;
}
#faq p a {
  color:#252915;
  text-decoration:underline;
}
h6 {
  font-size:1.25em;
  margin-top:px;
}
#images{
  margin:0;
  padding:0;
  border: none;
  min-height: 40px;
  display: block;
}
#clear{
}
#destshipping {
	border:2px dashed #B56804;
	border-radius:12px;
	background:#F4ECE4;
	line-height:120%;
	padding:15px 20px;
	margin:20px;
	display:block;
	width:320px;
	font-weight:400;
}
#awards{
	margin:20px -40px -40px -40px;
  padding:20px 0px 60px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaddce+0,eaddce+47,f7f1eb+100 */
background: #eaddce; /* Old browsers */
background: -moz-linear-gradient(top,  #eaddce 0%, #eaddce 47%, #f7f1eb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eaddce 0%,#eaddce 47%,#f7f1eb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eaddce 0%,#eaddce 47%,#f7f1eb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaddce', endColorstr='#f7f1eb',GradientType=0 ); /* IE6-9 */

}
.year {
  display:block;
  text-align:center;
	margin:00px 0px;
	padding:20px 40px 10px 40px;
}
.year h2 {
  background:url(../images/h5-bg.png) bottom center no-repeat;
  color:#3E210B;
  font-weight:100;
  font-size:calc(2em + 70%);
  margin:0px 10px 5px 0px;
  padding-bottom:13px;
  line-height:50px;
  text-shadow: 2px 2px 2px #000;

}
img.award {
  text-align:center;
  width:30%;
  margin:5px;
  min-width:300px;
  -webkit-transition: -moz-transform .4s ease-out; 
  -moz-transition: -webkit-transform .4s ease-out; 
  -o-transition: -o-transform .4s ease-out; 
  transition: transform .4s ease-out; 
}
img.award:hover{
  transform: scale(1.2);
}

#aboutMenu {
  width:280px;
  padding:20px;
  float:right;
  margin:-50px 0px 0px 20px;
  color:#252915;
  font-weight:600;
  font-style:italic;
  font-size:18px;
}
#aboutMenu ul{
  font-weight:400;
  font-style:normal;
  margin:0px 25px;
padding-bottom: 10px;
  font-size:16px;
  line-height:145%;
}
#aboutMenu li {
  margin-top:10px;
}

#aboutMenu a {
	display:block;
	padding:11px 0px;
	margin:12px auto;
	border-radius:8px;
	color:#fff;
  font-style:normal;
	text-align: center;
	font-weight:400;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6c6861+0,2e2a23+100 */
	background: #6c6861; /* Old browsers */
	background: -moz-linear-gradient(top,  #6c6861 0%, #2e2a23 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #6c6861 0%,#2e2a23 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #6c6861 0%,#2e2a23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6861', endColorstr='#2e2a23',GradientType=0 ); /* IE6-9 */
}
#aboutMenu a:hover {
	background:#2e2a23;
}

#message {
  width:80%;
  min-width:340px;
  background:#EFEFE7;
  padding:20px;
  border:0px solid #000;
  margin:10px;
  margin-top:50px;
  box-shadow:0px 0px 8px #aaa;
}
img.benuel {
  float:right;
  border:10px solid #fff;
  box-shadow:8px 8px 16px;
  width:55%;
  min-width:300px;
  margin:80px 0px 30px 30px;
  transform:rotate(5deg);
}
#sidebarwrapper{
/* 	float: none; */
/* 	height: 100vh; */
	display: inline-block;
	vertical-align: top;
	margin: 0 auto;
	width: 34%;
	padding: 0;
/* 	min-width: 200px; */
}
.stick{
	position: fixed;
	top:0px;
}
#sidebarfix{
	position: sticky;
	top: 0px;
	min-height: 100vh;
/* 	width: 34%; */
	padding:0;
/* 	min-width: 200px; */
	background:url(../images/woodgrain3.jpg) no-repeat;
	background-size: cover;
}
#menuarea{
margin: 0 auto;
}
#logo {
	margin: 0px 0 -20px 0;
padding-top: 30px;
	text-align: center;
}
#logo img {
	width: 100%;
	max-width: 427px;
}
ul#menu {
	display:block;
	background:#252915;
	width: 75%;
	max-width: 350px;
	min-width: 160px;
	/*  width:320px;*/
	padding: 25px 10px;
	margin:auto;
}
#menu a {
	display: block;
	font-size:20px;
	font-weight:400;
	color:#e4dcd0;
	margin:0px 18px 0px 18px;
    padding: 6px 0px;
	border-bottom:1px dashed #252915;
	line-height: 22px;
}
#menu a:hover,
#menu a:focus,
#menu a:active {
/*   border-bottom:1px dashed #977f68; */
	text-decoration: underline;
	color: #977f68;
}
#menu li{
	margin:0 0 2px 0;
	padding:0;
	list-style:none;
	text-align:left;
	color:#e4dcd0;
}
#intro { 
	display:block;
	text-align:left;
	width: 75%;
	max-width: 350px;
	min-width: 160px;
	color:#fff;
	background:#000;
	padding:25px 25px 30px 25px;
	margin:40px auto 40px auto;
	font-size:18px;
	line-height:150%;
}
.magic {
	display: block;
	width: 100%;
	height: 11px;
}
#start {
/* 	background:#3b2c24; */
	background: #31190c;
/*     background-image: url('../images/woodgrain-horizontal.jpg'); */
	background-image: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%), url('../images/woodgrain-horizontal.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	position:relative;
	text-align:center;
	border-top:16px solid #000;
	margin:0;
    padding: 30px 0;
}
#start a{
	transform: scale(0.9);
/* 	opacity:.8; */
	margin:0 0 0 0;
	padding:0;
	display: inline-block;
/* 	width: 260px; */
/* 	height: 361px; */
/* 	border: 2px solid #3b2c24; */
	background: url(../images/out-work.png) center center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
	-webkit-transition: -moz-transform .5s ease-out; 
	-moz-transition: -webkit-transform .5s ease-out; 
	-o-transition: -o-transform .5s ease-out; 
	transition: transform .5s ease-out; 
}
.starta,
#start > img{
	display: inline-block;
	vertical-align: middle;
    height: 200px;
}
.starta {
    width: 300px;
    height: 375px;
}
#start > img{
	margin: 0 5px;
}
a#work{
	background-image: url(../images/our-work.png);
}
a#awards{
	background-image: url(../images/awards-ribbon.png);
/* 	width: 240px; */
}
a#faq{
	background-image: url(../images/faq.png);
/* 	width: 240px; */
}
/* 
a#patact{
	background-image: url(../images/patact-hover.gif);
}
 */
/* 
a#work:hover{
	background-image: url(../images/work-hover.gif);
}
a#awards:hover{
	background-image: url(../images/awards-hover.gif);
}
a#faq:hover{
	background-image: url(../images/faq-hover.gif);
}
a#patact:hover{
	background-image: url(../images/patact-hover.gif);
}
 */

@-webkit-keyframes fadeIn { from { opacity:.4; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:.4; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:.4; } to { opacity:1; } }

#start a:hover,
#start a:focus,
#start a:active{
	transform: scale(1.0);
/*
	opacity:.7;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:.6s;
	-moz-animation-duration:.6s;
	animation-duration:.6s;
*/
}
#caption {
display: block;
	width:100%;
	margin:0;
	position:relative;
	z-index:9999;
	padding:20px 0px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#56504b+0,241c16+100 */
	background: #56504b; /* Old browsers */
	background: -moz-linear-gradient(left,  #56504b 0%, #241c16 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #56504b 0%,#241c16 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #56504b 0%,#241c16 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56504b', endColorstr='#241c16',GradientType=1 ); /* IE6-9 */
box-shadow: 0px -10px 40px #000;
}
#caption img{
	display: block;
	margin: 0 auto;
	max-width: 90%;
}
.sectionh {
	display: table;
	position:relative;
	clear:both;
	width:100%;
	height: auto;
	min-height: 450px;
	margin:0;
	padding:0;
	border-top:16px solid #000;
	background:#3b2c24;
	font-size: 20px;
}
#details{
	background:#aca69a;
/* 	height: 400px; */
}
#habitat{
/* 	height: 380px; */
}
#passion{
	background:#aca69a;
/* 	height: 380px; */
}
#details .sectionimg{
	background: url(../images/details-bg.jpg) center center no-repeat;
	background-size: cover;
}
#habitat .sectionimg{
	background: url(../images/taxidermy-habitat.jpg) right center no-repeat #000;
	background-size: cover;
}
#passion .sectionimg{
	background: url(../images/benuel-lapp.jpg) right center no-repeat;
	background-size: cover;
}
.sectionimg, .sectiontext{
	display: table-cell;
	float:none;
	margin:0;
	padding:0 0;
	width: 50%;
	vertical-align: middle;
}
.sectiontext{
	margin:0;
	padding: 20px 120px 10px 30px;
	text-align: center;
}
.sectiontext a, .abutton{
	display:inline-block;
	border:2px solid #fff;
	padding: 0.25em 0.75em 0.3em 0.75em;
	margin: 1em auto;
	border-radius:8px;
	color: var(--clr-btn-2);
	text-align: center;
	font-size: 1em;
	font-weight:400;
	background: var(--clr-btn-1);
	/*opacity:0.4;
    filter: alpha(opacity=40);*/ /* For IE8 and earlier */
}
.sectiontext a:hover, .abutton:hover,
.sectiontext a:focus, .abutton:focus,
.sectiontext a:active, .abutton:active {
	background: var(--clr-btn-1-alt);
	text-decoration:none;
}

#habitat .sectiontext{
	padding: 10px 30px 10px 120px;
	color: #f6f6e6;
}
.sleft, .sright {
	max-width: 500px;
	margin: 10px auto;
	text-align: justify;
}
#details .sectionimg, #habitat .sectiontext, #passion .sectionimg{
	position:relative;
}
img.splash {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
    width: 12em;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 0;
}
#masterpieces {
	display: block;
	/*height: 373px;*/
	background:url(../images/gallery-img.jpg) center center no-repeat #000;
	background-size: contain;
	text-align:center;
	padding:0;
/* 	padding-bottom: 25.6%; */
    padding-bottom: 27.5%;
	margin:0;
	border: 0;
	min-height: 0;
}
#gallerybutton {
	position:relative;
	Z-index:99999;
	background:#252915;
	border-top:3px solid #e4dcd0;
	border-bottom:3px solid #e4dcd0;
	width:100%;
	height:46px;
	text-align: center;
}
#gallerybutton a {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: 3px solid #ffffff;
    width: 15.5em;
    max-width: 90%;
    height: auto;
    padding: 0.75em 0 0.85em 0;
    line-height: 20px;
	margin: 0 auto;
	border-radius: 8px;
	font-size: 20px;
	font-weight: bold;
/* 	color: #252915; */
/* 	background: #ffffff; */
    color: var(--clr-btn-2);
    background: var(--clr-btn-1);
    box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.75);
	transition: transform 0.25s ease;
}
#gallerybutton a:hover,
#gallerybutton a:focus,
#gallerybutton a:active {
    background: var(--clr-btn-1-alt);
/* 	background: #252915; */
	-webkit-transform: translate(-50%, -50%) scale(1.05);
	transform: translate(-50%, -50%) scale(1.05);
	text-decoration: none;
    box-shadow: 0px 0px 15px 0px rgba(255,255,255,0.75);
}


#gallery #description{
	margin-top:20px;
	text-align:center;
}
#gallery .specbox{
	margin:0 auto;
}
#gallery #top, #galleries #top {
  display:none;
}
#gallery #descriptionwrapper, #galleries #descriptionwrapper {
background: #000;
}
#gallery #description, #galleries #description{
background: #000;
}
.inline{
display: inline-block;
}
.thumbnail {
/*  width:250px;
  height:250px;
  margin: 20px;*/
  max-width:200px;
  width:42%;
  height:auto;
  margin: 5px;
  overflow:hidden;
  display:inline-block;
  border-radius:12px;
  /*border:3px solid #000;*/
}
.thumbnail:hover,
.thumbnail:focus,
.thumbnail:focus-within,
.thumbnail:active {
box-shadow: 0px 0px 15px #333;
  border:3px solid #222;
  border-radius:12px;
position: relative;
}
.thumbnail img {
  width:auto;
  height: auto;
  -webkit-transition: -moz-transform .4s ease-out; 
  -moz-transition: -webkit-transform .4s ease-out; 
  -o-transition: -o-transform .4s ease-out; 
  transition: transform .4s ease-out; 
}
.thumbnail a:hover img,
.thumbnail a:focus img,
.thumbnail a:active img{
position: relative;
	transform: scale(1.25);
	-webkit-filter: brightness(0.6) blur(1px);
	filter: brightness(0.6) blur(1px);
}
.thumbnail a:hover:before,
.thumbnail a:focus:before,
.thumbnail a:active:before{
content:"view larger";
display: block;
width: 100%;
position: absolute;
top:42%;
z-index:999;
font-size: 22px;
font-weight: 400;
color: #bbb;
text-align: center;
}
.thumbnail a{
	display: block;
	text-decoration: none !important;
}
/*#gallerytitle{
	color:#fff;
	font-size:35px;
	margin:0 auto;
    text-shadow: 0px 0px 25px white;
}*/
.gallerycard{
  width: 42%;
  max-width: 300px;
  height: auto;
  margin: 15px;
  overflow:hidden;
  display:inline-block;
  border-radius:30px;
  position: relative;
	text-shadow: 0px 0px 4px white;
}
.gallerycard a{
    display: block;
}
.gallerycard a:focus-visible{
	outline-offset: -10px;
}
.gallerycard a:hover .gallerycardtext,
.gallerycard a:focus .gallerycardtext,
.gallerycard a:active .gallerycardtext{
	opacity: 0.7;
}
.gallerycardtext{
  color:#fff;
  position: absolute;
  transform: translate(-50%, -50%);
  text-align: center;
  top: 50%;
  left: 50%;
  font-size:30px;
  background:rgba(0,0,0,0.8);
  width:101%;
  box-shadow: 0 0 20px -7px white;
  cursor:pointer;
  transition: opacity 0.15s ease-out;
}
#loadMore {
  text-align:center;
  margin:30px;
}
#loadMore h4 {
  color:#fff;
  font-weight:400;
  font-size:21px;
  padding:10px;
}
#footer {
  clear:both;
  position:relative;
  z-index:100;
  text-align:center;
  background:#252915;
  margin:0px;
  padding:0px;
box-shadow: 0px -10px 50px #000;
}
#flogo {
  clear:both;
  background:url(../images/footer-woodgrain.jpg) center;
  text-align:center;
  padding-top:0px;
  border-bottom:10px solid #000;
}
#flogo img{
  margin-bottom:-40px;
}
#fcols{
}
.fcol {
	display:inline-block;
	vertical-align:top;
	width: 320px;
	max-width: 24%;
    min-height: 350px;
	text-align:left;
	font-size:18px;
	padding:0px 20px 0px 20px;
	margin:45px 0px 45px 0;
	border-left:1px solid #e4dcd0;
	color:#e4dcd0;
}
.fcol a {
  color:#e4dcd0;
  display:block;
	line-height: 1.3em;
}
.fcol a:hover,
.fcol a:focus,
.fcol a:active {
  color:#fff;
  text-decoration:underline;
}
h5 {
  font-size:1.2em;
  font-weight:800;
  color:#e4dcd0;
  text-align:center;
	padding: 0px 0.5em 1em 0.5em;
	margin: 0px 0px 0.3em 0px;
  background:url(../images/h5-bg.png) bottom center no-repeat;
}

#location {
  border:none;
/*   font-size:16px; */
}
#location img {
margin-top: 18px;
/*  border:6px solid #80654b;*/
border:3px solid #ACA69A;
border-radius: 1px;
}
#location iframe{
    border: 0;
    width: 100%;
    height: auto;
    min-height: 165px;
    margin: 1em 0;
}
span.address {
    display: block;
    font-weight: bold;
}
#about-menu a {
  font-weight:400;
	font-size: 1.2em;
  margin:10px 0px;

}
#article-menu a {
  margin:8px 0px;

}
#contact-module form{
width: 303px;
	max-width: 100%;
    margin: 0 auto;
}
#contact-module input, #contact-module textarea {
  border:2px solid #80654b;
  border-radius:8px;
  background:#eeece5;
  color:#252915;
/*   font-size:16px; */
  padding:3px 4px 4px 8px;
  width:303px;
	max-width: 100%;
  height:35px;
  margin:4px 0px;
  font-family: "iskra",sans-serif;
}
#contact-module textarea {
  height:100px;
}
#contact-module input:hover, #contact-module textarea:hover, #contact-module input:focus, #contact-module textarea:focus {
  background:#fff;
  border-color:#000;
}
.g-recaptcha{
display: block;
margin: 0px auto;
text-align: center;
max-width: 303px;
}
#main .g-recaptcha div{
margin: 0px auto;
text-align: left;
max-width: 303px;
}
.g-recaptcha div{
margin: 0px auto 0px auto;
max-width: 303px;
}
.g-recaptcha div div{
max-width: 303px;
}
.g-recaptcha div div iframe{
display: block;
max-width: 303px;
height: auto;
}
#antispam {float:left;}
#antispam input {width:160px;}
#submit {
float:right;
/*padding-left: 36%;*/
}
#submit input {
  border-radius:8px;
/*   background:#b46600; */
  border:2px solid #ccc;
  border-color: var(--clr-btn-2) !important;
/*   color:#fff; */
	background: var(--clr-btn-1);
	color: var(--clr-btn-2);
	width: auto;
	height: auto;
	padding: 0.2em 0.75em 0.35em 0.75em;
  position: relative;
  z-index:999999;
}
#submit input:hover,
#submit input:focus,
#submit input:active {
/* 
background:#b46600;
	border:2px solid #fff;
	color: #fff;
 */
	background: var(--clr-btn-1-alt);
}
#designedby {
position: relative;
z-index: 99;
  background:#252915;
  text-align:center;
  font-size:14px;
  padding:5px;
}
#designedby a:hover{color:#fff;}

/* ************************* BEGIN Copyright ************************* */
#copyrightwrapper{
	font-family: proxima-nova, sans-serif;
	font-size: 15px;
    line-height: 1em;
	position: relative;
	background:#252915;
	color: #fff;
	margin: 0 auto;
	text-align: center;
}
#copyright{
    opacity: 0.6;
	margin: 0 auto;
	padding: 6px 0px;
	overflow: auto;
}
#copyright #left{
/* 	width: 40%; */
    width: 900px;
	vertical-align: middle;
	display: inline-block;
	text-align: left;
	box-sizing: border-box;
	padding: 0;
	font-weight: normal;
}
#copyright #left span{
	display: inline-block;
}
#copyright #right{
    opacity: 1;
/* 	width: 20%; */
    width: 320px;
	vertical-align: middle;
	display: inline-block;
	text-align: right;
	box-sizing: border-box;
	padding: 0px;
}
#copyright #right div{
	display: inline-block;
	vertical-align: middle;
}
#copyright #right a{
    display: inline-block;
	color: #fff;
	text-decoration: none;
}
#copyright #right img{
	color: #fff;
	vertical-align: middle;
	padding-left: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* pointer-events: none; */
}
/* ************************* END Copyright ************************* */


/*----------------------------------------------   
--Banner--
the main .sect-banner div css is found near line 547.
-----------------------------------------------  */

.sect-banner:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 0; }
.sect-banner .v-center {
	position: relative;
	z-index: 2; }
.sect-banner .v-center {
	display: table-cell;
	vertical-align: top;
	position: relative;
	z-index: 4;
	padding: 0 5%; }
.sect-banner .v-center h1 {
	  -webkit-animation: fade-in ease-in-out 2s 0.5s both;
	  -moz-animation: fade-in ease-in-out 2s 0.5s both;
	  animation: fade-in ease-in-out 2s 0.5s both; }
.sect-banner .v-center p {
	  font-size: 120%;
	  -webkit-animation: fade-in ease-in-out 2s 1s both;
	  -moz-animation: fade-in ease-in-out 2s 1s both;
	  animation: fade-in ease-in-out 2s 1s both; }
.sect-banner ul.kf-slider ul {
	list-style-type: none;
}
.sect-banner ul.kf-slider li {
	--anim-speed: 5s;
	list-style-type: none;
	height: 100%;
	width: 100%;
	min-width: 300px;
	position: absolute;
	top: 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
	background-color: #000;
	z-index: 0;
	opacity: 0;
    -webkit-animation: fade-out calc(var(--anim-speed) * 3) infinite both;
    -moz-animation: fade-out calc(var(--anim-speed) * 3) infinite both;
    animation: fade-out calc(var(--anim-speed) * 3) infinite both;
}
.sect-banner ul.kf-slider li:nth-child(1) {
/* 	background-image: url(../images/bg6.jpg); */
}
.sect-banner ul.kf-slider li:nth-child(2) {
/* 	background-image: url(../images/bg4.jpg); */
	-webkit-animation-delay: var(--anim-speed);
	-moz-animation-delay: var(--anim-speed);
	animation-delay: var(--anim-speed);
}
.sect-banner ul.kf-slider li:nth-child(3) {
/* 	background-image: url(../images/bg5.jpg); */
	-webkit-animation-delay: calc(var(--anim-speed) * 2);
	-moz-animation-delay: calc(var(--anim-speed) * 2);
	animation-delay: calc(var(--anim-speed) * 2);
}

/* 
.sect-banner .banner-bg {
	height: 100% !important;
	width: 100%;
	position: absolute;
	top: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	z-index: 0;
	background-image: url(../images/banner-1-sm.jpg);
	-webkit-animation: slider-sm ease-in-out 30s both infinite;
	-moz-animation: slider-sm ease-in-out 30s both infinite;
	animation: slider-sm ease-in-out 30s both infinite;
}
@media (min-width: 150px) {
.sect-banner .banner-bg {
	background-image: url(../images/bg1.jpg);
	-webkit-animation: slider-lg ease-in-out 30s both infinite;
	-moz-animation: slider-lg ease-in-out 30s both infinite;
	animation: slider-lg ease-in-out 30s both infinite;
}
}
 */

/*----------------------------------------------   
--Fade ins
-----------------------------------------------  */
@-webkit-keyframes fade-in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fade-in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fade-in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/*----------------------------------------------   
--Fade out for slider
-----------------------------------------------  */
@-webkit-keyframes fade-out {
	33.3% {opacity: 1;}
	66.6% {opacity: 0;}
}
@-moz-keyframes fade-out {
	33.3% {opacity: 1;}
	66.6% {opacity: 0;}
}
@keyframes fade-out {
	33.3% {opacity: 1;}
	66.6% {opacity: 0;}
}
/*----------------------------------------------   
--Keyframes Slider - Sm
-----------------------------------------------  */
/* 
@-webkit-keyframes slider-sm {
  0% {
    background-image: url(../images/banner-1-sm.jpg); }
  33% {
    background-image: url(../images/banner-2-sm.jpg); }
  66% {
    background-image: url(../images/banner-3-sm.jpg); }
  100% {
    background-image: url(../images/banner-1-sm.jpg); } }
@-moz-keyframes slider-sm {
  0% {
    background-image: url(../images/banner-1-sm.jpg); }
  33% {
    background-image: url(../images/banner-2-sm.jpg); }
  66% {
    background-image: url(../images/banner-3-sm.jpg); }
  100% {
    background-image: url(../images/banner-1-sm.jpg); } }
@keyframes slider-sm {
  0% {
    background-image: url(../images/banner-1-sm.jpg); }
  33% {
    background-image: url(../images/banner-2-sm.jpg); }
  66% {
    background-image: url(../images/banner-3-sm.jpg); }
  100% {
    background-image: url(../images/banner-1-sm.jpg); } }
 */
/*----------------------------------------------   
--Keyframes Slider - Lg
-----------------------------------------------  */
/* 
@-webkit-keyframes slider-lg {
  0% {
    background-image: url(../images/banner-1.jpg); }
  33% {
    background-image: url(../images/banner-2.jpg); }
  66% {
    background-image: url(../images/banner-3.jpg); }
  100% {
    background-image: url(../images/banner-1.jpg); } }
@-moz-keyframes slider-lg {
  0% {
    background-image: url(../images/banner-1.jpg); }
  33% {
    background-image: url(../images/banner-2.jpg); }
  66% {
    background-image: url(../images/banner-3.jpg); }
  100% {
    background-image: url(../images/banner-1.jpg); } }
@keyframes slider-lg {
  0% {
    background-image: url(../images/banner-1.jpg); }
  33% {
    background-image: url(../images/banner-2.jpg); }
  66% {
    background-image: url(../images/banner-3.jpg); }
  100% {
    background-image: url(../images/banner-1.jpg); } }
 */