body {
margin : 0;
padding : 0;
font : 73% verdana, helvetica, "Trebuchet MS", tahoma, arial, sans-serif;
line-height : 1.6em;
color : #666;
background : #fff;
}
			/*TOP BANNER*/
.header {
height : 150px;
margin-bottom : 5px;
color : #000;
background : url(/image/banner12.jpg) repeat-x;
}
.header h1 {
padding : 1.2em 0 0 1em;
font:    255% Georgia, "Times New Roman", Times, serif;
color : #ddcdb3;
text-align:left;}
			/*TOP NAVIGATION*/
.container {
width : 99.9%;
padding : 0;
margin : 0;
background : transparent;
}
p {
text-align:justify}

#nav {
margin : 0;
padding : 0;
}
#nav li {
margin : 0;
padding : 0;
display : inline;
list-style-type : none;
}
#nav a:link, #nav a:visited {
float : left;
font-size : 130%;
font-weight : normal;
letter-spacing : 3px;
padding : 10px 12px 6px 10px;
text-decoration : none;
color : #F5EEE9;
}
#nav a:link.active, #nav a:visited.active, #nav a:hover {
color : #000000;
background : transparent url(image/rounded.gif) no-repeat top center;
}
			/*3 COLUMNS*/
#gutter {
float : left;
width : 3%;
height : 1px;
}
#col2 {
float : left;
width : 44%;
margin-bottom : 1em;
border-right : 0 dotted #ddd;
padding-right : 3%;
}
#col1 {
float : left;
width : 19%;
margin-right : 3%;
margin-bottom : 1em;
border-right : 0 dotted #ddd;
padding-right : 3%;
}
#col3 {
float : left;
width : 19%;
margin-left : 3%;
margin-bottom : 1em;
}
			/*FOOTER*/
#footer {
clear : both;
height: 60px;
padding-top:35px;
padding-right:40px;
text-align: right;

background : url(../image/banner10.jpg) repeat-x;
}
			/*TYPOGRAPHY*/
h1 {
margin : 0;
padding : 0.5em 0;
text-transform : uppercase;
font : normal 140% verdana, helvetica, "Trebuchet MS", sans-serif;
color : #734e31;
background : inherit;
}
h2 {
margin : 0;
padding : 0.5em 0;
text-transform : uppercase;
font : normal 120% verdana, helvetica, "Trebuchet MS", sans-serif;
color : #734e31;
background : inherit;
}
h3 {
margin : 0;
padding : 0.5em 0;
text-transform : uppercase;
font : normal 120% verdana, helvetica, "Trebuchet MS", sans-serif;
color : #734e31;
background : inherit;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
			/*LINKS*/
a {
text-decoration : underline;
color : #b3b3b3;

}
a:hover {
text-decoration : none;
color : #000;

}
a img {
border : 0;
}
			/*PHOTO GALLERY*/
#gallery {
height : auto;
margin : 20px 0 0 20px;
}
#gallery img {
float : left;
margin : 2px;
padding : 10px;
border : 1px solid #D6C8AD;
}
			/*COLUMN 3 MENU*/
#col1 ul {
list-style : none;
margin : 20px 0 20px 0;
padding : 0;
}
#col1 ul li {
display : inline;
padding : 0;
margin : 0;
}
#col1 ul li a {
display : block;
color : #b19766;
text-decoration : none;
margin : 0;
padding : 3px 0 3px 0;
border-bottom : 1px solid #b19766;
}

#col1 ul li a:hover {
text-decoration : none;
background : #ddcdb3;
color : #734e31;
}
			/*SEARCH BOX*/
legend {
font-weight : bold;
color : #734e31;
}
input {
background : #ddcdb3;
color : #734e31;
}
			/*CLASSES*/
.clear {
clear: left;
overflow: hidden;
width: 0;
height: 0;
}
.box {
color : #734e31;
padding: 5px;
font-size: 0.9em;
}
#featured{
	max-width: 500px;
	max-height: 600px;
	object-fit: cover;
	cursor: pointer;
}
@media only screen and (min-width:320px) and (max-width:600px){
	#featured{
	max-width: 300px;
	max-height: 400px;
	object-fit: cover;
	cursor: pointer;
}
#slide-wrapper{
	max-width: 300px;
	display: flex;
	min-height: 100px;
	align-items: center;
}
}
@media only screen and (min-width:600px) and (max-width:780px){
	#featured{
	max-width: 400px;
	max-height: 500px;
	object-fit: cover;
	cursor: pointer;
}
#slide-wrapper{
	max-width: 300px;
	display: flex;
	min-height: 100px;
	align-items: center;
}
}
.thumbnail{
	object-fit: cover;
	max-width: 90px;
	max-height: 60px;
	cursor: pointer;
	opacity: 0.5;
	margin: 5px;
	text-align:center;
}
.thumbnail:hover{
	opacity:1;
}
.active{
	opacity: 1;
}
.thumbnail.active{
border: 1px solid black;
}
#slide-wrapper{
	max-width: 500px;
	display: flex;
	min-height: 100px;
	align-items: center;
}
#slider{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	justify-content: center;
    align-items: center;
}
#slider::-webkit-scrollbar {
		width: 1px;
}
#slider::-webkit-scrollbar-thumb {
 background-color: #ccc;
 height:1px;
 border-radius: 100px;
 border: 6px solid white;
}
#slider::-webkit-scrollbar-thumb:hover{
    background-color: #000;
}
.arrow{
	opacity: .8;
	width: 30px;
	height: 30px;
	cursor: pointer;
	transition: .3s;
}
.arrow:hover{
	opacity: 1;
}
.image {
	cursor:zoom-in;
}
.popup {
	position: absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	display:none;
	text-align:center;
}
@media only screen and (min-width:300px) and (max-width:480px){
	.popup {
	position: absolute;
	width:100%;
	top:0;
	left:0;
	display:none;
	text-align:center;
}
	}
.popup_bg {
	background:rgba(0,0,0,0.3);
	position:fixed;
	z-index:1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: auto;
  height: auto;
}
.popup_img {
	position: fixed;
	z-index:2;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	max-width:95%;
	max-height: 90%;
}
.popup_img {
  pointer-events: none;
}