/*-----------------------------------------------------------------------------------*/
/*	1. CSS RESET
/*  http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding: 0;  border: 0;  font-size: 100%;  font: inherit;  vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {}

body {  line-height: 1;}

ol, ul {  list-style: none;}

blockquote, q {  quotes: none;}

blockquote:before, blockquote:after {  content: '';  content: none;}

q:before, q:after {  content: '';  content: none;}

table {  border-collapse: collapse;  border-spacing: 0;}
/*-------------------------------------------------------------------------------------------------------*/
/*  Common CSS3 Styles
/*-------------------------------------------------------------------------------------------------------*/
.light_shadow, form input[type="text"], form select, form textarea, .img-border, .content img, .team-page section img, #map_canvas{-webkit-box-shadow:0px 0px 0px 1px #e6e6e6;  -moz-box-shadow: 0px 0px 0px 1px #e6e6e6;  box-shadow: 0px 0px 0px 1px #e6e6e6;}

.button_shadow, .button, input[type="submit"], input[type="reset"], button, .readmore, ul.template-items li a.readmore, ul.template-items li figure{  -webkit-box-shadow: #f9f9f9 -1px -1px 0px, 1px 1px 1px #d8d8d8;  -moz-box-shadow: #f9f9f9 -1px -1px 0px, 1px 1px 1px #d8d8d8;  box-shadow: #f9f9f9 -1px -1px 0px, 1px 1px 1px #d8d8d8;}

.light_transition, .button:hover, .button:focus, input[type="submit"]:hover, input[type="reset"]:hover, button:hover, button:focus, .readmore:hover, .readmore:focus, ul.template-items li a.readmore:hover, ul.template-items li a.readmore:focus{-webkit-transition-duration:0.3s; -moz-transition-duration:0.3s;  -o-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;}
/*-------------------------------------------------------------------------------------------------------*/
/* 1. Base Body Styles
/*-------------------------------------------------------------------------------------------------------*/
body{background:url(../images/body.png) #f0ece1;  color: #7F7F7F;  font: 13px 'Droid Sans', Georgia, "Times New Roman", Times, serif;  line-height: 20px;}

::-moz-selection, ::selection {  background: #f8dda8;  color: #000;  text-shadow: none;}

.clearfix {  *zoom: 1;}
.clearfix:before {  content: "";  display: table;}
.clearfix:after {  content: "";  display: table;  clear: both;}

a {  text-decoration: none;  color: #d3af80;}
a:visited {  color: #d3af80;}
a:active, a:focus, a:hover {  color: #824328;}
a:focus {  outline: none;}
a:hover, a:active {  outline: 0;}
h1, h2, h3, h4, h5, h6 {  color: #824328;  font-family: 'Droid Serif', serif;}
h1 {  font-size: 32px;  line-height: 38px;}
h2 {  font-size: 24px;  line-height: 30px;}
h3 {  font-size: 18px;  line-height: 24px;}
h4 {  font-size: 14px;  line-height: 20px;}
h5 {  font-size: 13px;  line-height: 20px;}
h6 {  font-size: 12px;  line-height: 18px;}
p {  line-height: 20px;}
em, code, strong, b {  margin: 0px 2px;}
strike, em, strong, b {  color: #676666;}
code {  color: #824328;}
ins, strong {  font-weight: bold;}
i, em {  font-style: italic;}
article address {  padding: 1em;  border-left: 5px solid #ebd09b;}
pre{width:100%;  margin:10px 0;  display:block;  padding:1em;  background:#fdf4e3;  border-left:5px solid #ebd09b;  font-family:"Courier New"Courier,monospace;}
tt { font-family: "Courier New",Courier,monospace;}
sub {  font-size: 8px;  vertical-align: bottom;}
sup {  font-size: 10px;  vertical-align: top;}
form {  width: 100%;  margin-bottom: 15px;}
form div, form p {  margin-bottom: 15px;}
form label {  color: #824328;  display: block;}
form input[type="text"], form select, form textarea{padding:0 5px; outline:none; font-size:13px; color:#ab7868; background-color:#fff9f1;  border: 1px solid #fff;}
.screen-reader-text { display: none;}
.lt-ie9 form input[type="text"], .lt-ie9 form select, .lt-ie9 form textarea { border: 1px solid #e6e6e6;}
.lt-ie9 form input[type="text"].error, .lt-ie9 form select.error, .lt-ie9 form textarea.error {  border: 1px solid #ff1a3a;}
form select {  height: 30px;  padding: 5px 1px;  width: 213px;}
form input[type="text"] {  width: 198px;  height: 30px;}

form textarea{width:200px;  height: 120px;  line-height: 20px;  resize: vertical;}
form input[type="text"]:focus, form textarea:focus{background-color:#f6e0c4;}
form fieldset {  margin-bottom: 15px;  border: 1px solid #FBDFAA;  padding: 10px;}
form fieldset legend {  padding: 4px 10px;  color: #824328;}
form fieldset p, form fieldset div { margin-bottom: 10px !important;}
form fieldset label {  display: inline-block;}
form fieldset input[type="radio"], form fieldset input[type="checkbox"]{vertical-align:top; height:20px; width:auto; padding:0px; margin:0 5px 0 2px;}
.button {cursor:pointer; display:inline-block; background-color:#824328; border:2px solid #ffffff; padding:5px 12px; color:#fff; font-size:13px;}

input[type="submit"], input[type="reset"] { cursor: pointer;  display: inline-block;  background-color: #824328; border:2px solid #ffffff; padding:5px 12px;
  color: #fff;
  font-size: 13px;
}

button {
  cursor: pointer;
  display: inline-block;
  background-color: #824328;
  border: 2px solid #ffffff;
  padding: 5px 12px;
  color: #fff;
  font-size: 13px;
}

.button:hover, .button:focus {
  background-color: #55240f;
}

input[type="submit"]:hover, input[type="reset"]:hover {
  background-color: #55240f;
}

button:hover, button:focus {
  background-color: #55240f;
}

/*-------------------------------------------------------------------------------------------------------*/
/* 2. Common Styles
/*-------------------------------------------------------------------------------------------------------*/
/* 2.1 Fonts --------------------------------------------------------------------*/
#header ul li > ul > li > a, #pagination, .event-single article small, .article-date, ul.carousel .price span, #header ul li a {
  font-family: 'Droid Serif', serif;
}

#commentform, form, article dl, #reservation-form .contact-form .readmore, .contact-form, #contact-form, #reservation-form{font-family:'Droid Sans'}
#contact-form .contact-form #message, #contact-form .contact-form label { font-family: 'Droid Sans', Arial, Helvetica, sans-serif;}
p, .team-page .page-head p {  font-family: 'Droid Sans', Arial, Helvetica, sans-serif;}
#sidebar .widget p, #sidebar .widget ul li {  font-family: 'Droid Sans', Arial, Helvetica, sans-serif;}
#header h6, .bottom-strip p a {  font-family: 'Droid Sans', Arial, Helvetica, sans-serif;}
ul.template-items li a.readmore, ul.template-items li p {  font-family: 'Droid Sans', Arial, Helvetica, sans-serif;}
#footer ul li a, #footer address, #footer p {  font-family: 'Droid Sans', Arial, Helvetica, sans-serif;}
/* 2.2 Image Alignment --------------------------------------------------------------------*/
.alignnone {  margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {  display: block;  margin: 5px auto 20px auto;}
.alignright {  float: right;  margin: 5px 0 20px 20px;}
.alignleft {  float: left;  margin: 5px 20px 20px 0;}
.aligncenter {  display: block;  margin: 5px auto 20px auto;}
a img.alignright {  float: right;  margin: 5px 0 20px 20px;}
a img.alignnone {  margin: 5px 0 20px 0;}
a img.alignleft {  float: left;  margin: 5px 20px 20px 0;}
a img.aligncenter {  display: block;  margin-left: auto;  margin-right: auto;}

/* 2.3 Image Caption --------------------------------------------------------------------*/
.wp-caption {  background: #fff;  max-width: 96%;  padding: 5px 3px 10px;  text-align: center;}
.wp-caption.alignnone, .wp-caption.alignleft {  margin: 5px 20px 20px 0;}
.wp-caption.alignright {  margin: 5px 0 20px 20px;}
.wp-caption img {  border: 0 none;  height: auto;  margin: 0;  max-width: 98.5%;  padding: 0;  width: auto;}
.wp-caption p.wp-caption-text {  font-size: 11px;  line-height: 17px;  margin: 0;  padding: 0 4px 5px;}
.sticky {  visibility: visible;}
.gallery-caption {  visibility: visible;}
.bypostauthor {  visibility: visible;}

/* 2.4 Image Border --------------------------------------------------------------------*/
.img-border {
  display: block;
  margin-bottom: 15px;
  border: 6px solid #fafafa;
}
.img-border:hover {
  border-color: #eaeaea;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

a.read-more {
  display: inline;
  padding-right: 15px;
  background: url(../images/rm-arrow.png) no-repeat right 5px;
}
a.read-more:hover {
  color: #824328;
  background: url(../images/rm-arrow.png) no-repeat right -28px;
}

.readmore {
  display: inline-block;
  background-color: #824328;
  border: 2px solid #ffffff;
  padding: 5px 12px;
  color: #fff;
  font-size: 12px;
}
.readmore:hover, .readmore:focus {
  background-color: #55240f;
}

/* 2.5 Bottom Strip --------------------------------------------------------------------*/
.bottom-strip-wrapper {
  background: url(../images/bottom-strip.png) repeat-x #fbdfa8;
  width: 100%;
  height: 50px;
  margin-bottom: 45px;
}

.bottom-strip {
  width: 960px;
  margin: auto;
  text-align: center;
}
.bottom-strip p {
  color: #514032;
  font-size: 15px;
  line-height: 14px;
  text-transform: uppercase;
  padding: 11px 0px 6px;
  word-spacing: 1px;
}

.lt-ie8 .bottom-strip p a {
  padding: 3px 11px;
}

.bottom-strip p a {
  margin-left: 6px;
  display: inline-block;
  color: #fff;
  background: url(../images/strip-btn-bg.png) repeat-x;
  border-right: 1px solid #9f6a4c;
  padding: 7px 11px;
  font-size: 12px;
}
.bottom-strip p a:hover {
  background-position: bottom;
  transition: linear 0.3s;
  -moz-transition: linear 0.3s;
  -webkit-transition: linear 0.3s;
  -o-transition: linear 0.3s;
}

/* 2.6 Page Head ----------------------------------------------------------------------*/
.page-head h1 {
  background: url(../images/page-title.png) repeat-x 0 20px;
  text-align: center;
  font-variant: small-caps;
  margin-bottom: 25px;
  line-height: 38px;
}
.page-head h1 span {
  display: inline-block;
  background-color: #ffffff;
  padding: 0px 7px;
}
.page-head p {
  text-align: center;
  margin-bottom: 25px;
}

/* 2.7 Top & Bottom Container Styles ----------------------------------------------------------------------*/
.container-top {
  background: url(../images/container-top.png) no-repeat center top;
  margin: -34px 0px 16px;
}

.container-bottom {
  background: url(../images/container-bottom.png) no-repeat center top;
  margin-bottom: -38px;
}

.container-top, .container-bottom {
  width: 100%;
  height: 54px;
  overflow: hidden;
}

/* 2.8 Separator Styles ----------------------------------------------------------------------*/
.separator {
  background: url(../images/sep-line-stars.png) white repeat-x center center;
  height: 15px;
  border: none;
  margin: 0px 0px 25px;
}

.lt-ie8 hr {
  border: none;
  color: #f3eade;
  height: 1px;
}

/* 2.9 Widgets --------------------------------------------------------------------*/
.widget {
  padding: 0px 0px 20px;
  margin-bottom: 30px;
  background: url(../images/widget-bottom-bg.png) center bottom no-repeat;
}
.widget h3 {
  font-size: 20px;
  line-height: 28px;
  font-variant: small-caps;
  margin-bottom: 15px;
}
.widget h4 {
  color: #d3af80;
  margin-bottom: 15px;
  line-height: 22px;
}
.widget p {
  margin-bottom: 15px;
}
.widget p span {
  color: #d2ae7e;
  margin-bottom: 4px;
}
.widget p a {
  color: #d2ae7e;
  margin-bottom: 4px;
}
.widget p a:hover, .widget p a:focus {
  color: #824328;
}
.widget ul {
  margin-bottom: 15px;
}
.widget ul ul {
  margin-bottom: 0;
}
.widget ul li {
  background: url(../images/list-bullet.png) no-repeat 0 9px;
  padding-left: 20px;
  margin-bottom: 0px;
}
.widget ul li a {
  color: #d3af80;
  font-family: 'Droid Serif', serif;
  font-size: 14px;
  line-height: 27px;
}
.widget ul li a:hover, .widget ul li a:focus {
  color: #824328;
}

/* 2.10 Sidebar Contact Detail Widget Styles ----------------------------------------------------------*/
#sidebar button, #sidebar input, #sidebar label, #sidebar select, #sidebar textarea, #sidebar option { margin-bottom: 10px;}
#sidebar li.book-icon {  color: #d3af80;  padding-left: 25px;  margin-bottom: 5px;  background: url(../images/book.png) no-repeat 0px 3px;}
#sidebar li.mail-icon {  color: #d3af80;  padding-left: 25px;  margin-bottom: 5px;  background: url(../images/list-mail-icon.png) no-repeat 0px 5px;}
#sidebar li.phone-icon {  color: #d3af80;  padding-left: 25px;  margin-bottom: 5px;  background: url(../images/list-phone-icon.png) no-repeat 0px 0px;}
#sidebar .social ul {  overflow: hidden;}
#sidebar .social li {  float: left;  background: none;  padding: 0px;  height: 32px;  line-height: 38px;  margin: 0 9px 0px 0px;  color: #909090;}
#sidebar .social li a {  display: inline-block;  width: 32px;  height: 32px;}
#sidebar .social li.twitter a {  background: url(../images/twitter.png) 0px 0px no-repeat;}
#sidebar .social li.facebook a {  background: url(../images/facebook.png) 0px 0px no-repeat;}
#sidebar .social li.twitter:hover a, #sidebar .social li.facebook:hover a {  background-position: bottom;}
#sidebar .sidebar-menu-item {  padding: 10px 0;  border-bottom: 1px solid #eaeaea;}
#sidebar .widget .sidebar-menu-item:first-of-type {  padding-top: 0;}
#sidebar .widget .sidebar-menu-item:last-of-type {  border-bottom: none;}
#sidebar .sidebar-menu-item h4 {  color: #D3AF80;  font-size: 15px;  margin-bottom: 5px;  line-height: 22px;}
#sidebar .sidebar-menu-item .sidebar-menu-thumb {  float: left;  margin: 5px 10px 10px 0;}
#sidebar .sidebar-menu-item p {  margin-bottom: 5px;}

/* 2.11 Sidebar Social Nav Widget Styles ----------------------------------------------------------*/
/* 2.12 Pagination --------------------------------------------------------------------*/
#pagination {
  font-size: 14px;
  color: #824328;
  margin-bottom: 15px;
  text-align: center;
}
#pagination span {
  margin: 0px 6px;
}
#pagination a.readmore {
  padding: 4px 8px;
  margin-bottom: 10px;
  color: #fff;
}
#pagination a.readmore:hover {
  color: #fff;
}
#pagination a.current {
  color: #fff;
  font-weight: 700;
  background-color: #55240f;
}

/*-------------------------------------------------------------------------------------------------------*/
/* 3. Layouts
/*-------------------------------------------------------------------------------------------------------*/
#container {
  width: 930px;
  margin: 0px auto 45px;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #b4b4b4;
  box-shadow: 0px 0px 3px #c2c1bf;
  -moz-box-shadow: 0px 0px 3px #c2c1bf;
  -webkit-box-shadow: 0px 0px 3px #c2c1bf;
}

.content {
  width: 820px;
  padding: 0px 53px 0px;
  margin: auto;
  border: 1px solid #fce2af;
}

#sidebar {
  float: left;
  width: 210px;
  padding: 20px 0 50px 0;
}

#main-content {
  float: right;
  width: 560px;
  padding: 16px 0 50px 0;
}

/* 3.2 Sidebar Rigth  ------------------------------------------------------------------------------------*/
.content.right #sidebar {
  float: right;
}
.content.right #main-content {
  float: left;
}
.content.full-width #main-content {
  width: 100%;
  float: none;
  padding: 0 0 20px;
  clear: both;
}

/*-------------------------------------------------------------------------------------------------------*/
/* 4. Header
/*-------------------------------------------------------------------------------------------------------*/
#header-wrapper {
  width: 100%;
  background-color: #000000;
}

#header {
  width: 960px;
  margin: auto;
  padding: 1px 0px 0px;
  position: relative;
  min-height: 120px;
  height: auto !important;
  height: 120px;
}

/* 4.1 Logo ----------------------------------------------------------------------*/
#logo {
  width: 194px;
  margin: 15px auto 0px;
}
#logo img {
  max-width: 100%;
}

#header h6 {
  color: #936e4d;
  font-size: 11px;
  position: absolute;
  top: 29px;
  right: 10px;
}

/* 4.2 Header Menus ----------------------------------------------------------------------*/
.main-menu {
  position: absolute;
  bottom: 0px;
}
.main-menu.left {
  left: 0px;
}
.main-menu.right {
  right: 0px;
}
.main-menu > div > ul > li {
  position: relative;
}
.main-menu.left > div > ul > li {
  float: left;
  padding: 0px 10px 23px 0px;
}
.main-menu.right > div > ul > li {
  float: right;
  padding: 0px 0px 23px 10px;
}
.main-menu > div > ul > li > a {
  color: #9d7653;
  font-size: 18px;
  background: url(../images/bullet-one.png) no-repeat right center;
}
.main-menu.left > div > ul > li > a {
  padding-right: 15px;
  background-position: right center;
}
.main-menu.right > div > ul > li > a {
  padding-left: 15px;
  background-position: left center;
}
.main-menu > div > ul > li:last-child > a {
  background: none;
}
.main-menu > div > ul > li > a:hover, .main-menu > div > ul > li > a:active, .main-menu > div > ul > li > a:focus {
  color: #d2ae7e;
}
.main-menu .sub-menu {
  background: #000;
  display: none;
  width: 200px;
  position: absolute;
  top: 45px;
  left: 0px;
  z-index: 1200;
  border: 1px solid #e3c893;
  border-top: none;
  box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, 0.2);
}
.main-menu .sub-menu .menu-item {
  cursor: pointer;
  float: none;
  padding: 10px 15px 10px 15px;
  position: relative;
  border-bottom: 1px solid #222;
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
}
.main-menu .sub-menu .menu-item:last-child {
  border-bottom: none;
}
.main-menu .sub-menu .menu-item:hover {
  background-color: #fce0a9;
  transition: all .3s;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
}
.main-menu .sub-menu .menu-item:hover > a {
  color: #9d7653;
}
.main-menu .sub-menu .menu-item > a {
  padding: 0px;
  background: none;
  font-size: 14px;
}
.main-menu .sub-menu .menu-item:focus > a {
  color: #9d7653;
}
.main-menu .sub-menu .menu-item .sub-menu {
  top: 0px;
  left: 200px;
}
.main-menu .responsive-nav {
  display: none;
  margin: 10px auto 0px;
  padding: 5px;
  border: 1px solid #CCC;
}

/*-------------------------------------------------------------------------------------------------------*/
/* 5. Footer
/*-------------------------------------------------------------------------------------------------------*/
#footer-wrapper {
  width: 100%;
  background: url(../images/footer-wrapper.png) black repeat-x center top;
  padding: 8px 0 30px;
}

#footer {
  width: 960px;
  margin: auto;
  text-align: center;
  padding: 18px 0px 59px;
  background: url(../images/elegant-shape.png) center bottom no-repeat;
}
#footer #footer-menu {
  margin-bottom: 28px;
}
#footer ul li {
  display: inline;
  margin-right: 24px;
}
#footer ul li a {
  font-size: 12px;
  color: #9d7653;
}
#footer ul li a:hover, #footer ul li a:focus {
  color: #bc9068;
}
#footer #footer-menu .responsive-nav {
  display: none;
  margin: 10px auto 0;
  padding: 5px;
  border: 1px solid #CCC;
}
#footer ul.social-nav {
  margin-bottom: 35px;
}
#footer .social-nav li {
  display: inline;
  width: 32px;
  height: 32px;
  margin: 0 3px 0 3px;
}
#footer .social-nav li a {
  display: inline-block;
  width: 32px;
  height: 32px;
}
#footer .social-nav li.vk a {
  background: url(../images/vk.png) 0 0 no-repeat;
}
#footer .social-nav li.instgram a {
  background: url(../images/instgram.png) 0 0 no-repeat;
}
#footer .social-nav li.yahoo a {
  background: url(../images/yahoo.png) 0 0 no-repeat;
}
#footer .social-nav li.twitter a {
  background: url(../images/twitter.png) 0 0 no-repeat;
}
#footer .social-nav li.facebook a {
  background: url(../images/facebook.png) 0 0 no-repeat;
}
#footer .social-nav li.mail a {
  background: url(../images/mail.png) 0 0 no-repeat;
}
#footer .social-nav li.rss a {
  background: url(../images/rss.png) 0 0 no-repeat;
}
#footer .social-nav li.google-pluse a {
  background: url(../images/google-pluse.png) 0 0 no-repeat;
}
#footer .social-nav li.in a {
  background: url(../images/in.png) 0 0 no-repeat;
}
#footer .social-nav li.pinterest a {
  background: url(../images/pinterest.png) 0 0 no-repeat;
}
#footer .social-nav li.vk:hover a, #footer .social-nav li.instgram:hover a, #footer .social-nav li.yahoo:hover a, #footer .social-nav li.twitter:hover a, #footer .social-nav li.facebook:hover a, #footer .social-nav li.mail:hover a, #footer .social-nav li.rss:hover a, #footer .social-nav li.google-pluse:hover a, #footer .social-nav li.in:hover a, #footer .social-nav li.pinterest:hover a {
  background-position: bottom;
}
#footer address, #footer p {
  font-size: 11px;
  color: #9d7653;
  margin-bottom: 5px;
}
#footer a {
  font-size: 11px;
  color: #9d7653;
  margin-bottom: 5px;
}
#footer a:hover {
  color: #9a6536;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	6. Home Page
/*-------------------------------------------------------------------------------------------------------*/
/* 6.1 Flex Slider --------------------------------------------------------------------*/
.slider-wrapper {
  background-color: #000;
  /*background:url(images/slider-bg.jpg) #250804 no-repeat center center;*/
  border-top: 1px solid #cfbc91;
  width: 100%;
  height: auto;
}

.flexslider {
  width: 100%;
  height: auto;
  margin: auto;
  overflow: hidden;
  position: relative;
}

.slider-wrapper .flexslider .slides img {
  width: 100%;
  display: block;
}

.flex-direction-nav {
  display: none;
}
.flex-direction-nav li a {
  display: block;
  text-indent: -999em;
  width: 22px;
  height: 44px;
  position: absolute;
  top: 50%;
  margin-top: -22px;
  z-index: 150;
  cursor: pointer;
}
.flex-direction-nav li a.flex-next {
  background: url(../images/slider-nav-right.png) no-repeat 0px 0px;
  right: 0px;
}
.flex-direction-nav li a.flex-next:hover {
  background-position: 0px -56px;
}
.flex-direction-nav li a.flex-prev {
  background: url(../images/slider-nav-left.png) no-repeat 0px 0px;
  left: 0px;
}
.flex-direction-nav li a.flex-prev:hover {
  background-position: 0px -56px;
}

/* 6.3 Template Items --------------------------------------------------------------------*/
ul.template-items {
  margin: 0px 0px 25px -50px;
}
ul.template-items li {
  float: left;
  width: 240px;
  margin-left: 50px;
  overflow: hidden;
  padding-bottom: 4px;
}
ul.template-items li h2 {
  font-variant: small-caps;
  margin-bottom: 7px;
}
ul.template-items li h3 {
  margin-bottom: 17px;
  word-spacing: 4px;
  font-size: 15px;
}
ul.template-items li p {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 20px;
}
ul.template-items li a.readmore {
  display: inline-block;
  background-color: #824328;
  border: 2px solid #ffffff;
  padding: 5px 12px 4px;
  color: #fff;
  font-size: 12px;
}
ul.template-items li a.readmore:hover, ul.template-items li a.readmore:focus {
  background-color: #55240f;
}
ul.template-items li figure {
  display: inline-block;
  background-color: #f0f1f2;
  border: 1px solid #ffffff;
  padding: 6px 4px 6px 6px;
  margin: 0px 0px 20px 1px;
}
ul.template-items li figure:hover {
  background-color: #e0e1e2;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
ul.template-items li figure:hover img {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
ul.template-items li img {
  width: auto;
  height: auto;
  border: 1px solid #f5f6f7;
  display: block;
  margin-bottom: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.lt-ie9 .template-items li img {
  width: auto;
  height: auto;
}

/* 6.4 Carousel --------------------------------------------------------------------*/
.carousel {
  width: 820px;
  position: relative;
  margin: 0px 0px 25px;
}

.es-nav-prev, .es-nav-next {
  display: inline-block;
  background: url(../images/scroll.png) no-repeat 0px 0px;
  position: absolute;
  top: 55px;
  height: 11px;
  width: 8px;
  cursor: pointer;
  text-indent: -999em;
}

.es-nav-prev {
  background-position: 0 0;
  left: 0;
}
.es-nav-prev:hover {
  background-position: 0 -15px;
}

.es-nav-next {
  background-position: -9px 0;
  right: 0;
}
.es-nav-next:hover {
  background-position: -9px -15px;
}

.es-carousel {
  width: 780px;
  overflow: hidden;
  height: 170px;
  margin: auto;
  padding-top: 75px;
  margin-top: -65px;
}
.es-carousel li {
  float: left;
  width: 102px !important;
  text-align: center;
}
.es-carousel figure {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  padding: 6px 5px;
  margin-bottom: 3px;
  cursor: pointer;
}

.content .es-carousel img {
  width: 100%;
  height: auto;
  border: none;
  display: block;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  margin-bottom: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.lt-ie9 .content .es-carousel img {
  width: auto;
  height: auto;
}

.es-carousel li:hover figure {
  background-color: #f8f8f8;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.es-carousel li figure:hover img {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.price {
  width: 60px;
  margin: auto;
  text-align: center;
  background: url(../images/shape-two.png) no-repeat top center;
  border-bottom: 1px solid #eae4d9;
  padding: 19px 0px 8px;
}

.single-menu-item .price {
  float: right;
  margin-top: 8px;
}

.price span {
  display: block;
  background-color: #d3af80;
  color: #fff;
  font-size: 16px;
  padding: 0px 5px;
  line-height: 26px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.single-menu-item .price:hover span, .es-carousel li:hover .price span {
  background-color: #824328;
}

/* 6.5 Blockquote --------------------------------------------------------------------*/
blockquote {
  border: 1px solid #efefef;
  background: url(../images/quote-icon.png) #f9f9f9 no-repeat 20px 25px;
  margin-bottom: 25px;
  padding: 20px 15px 15px 100px;
}

.content blockquote p {
  margin-bottom: 3px;
  text-align: left;
}

#container blockquote p.author {
  text-align: left;
  color: #d2ae7e;
  margin: 0;
}

blockquote span.text-highlight {
  color: #d2ae7e;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	7. About Us Page
/*-------------------------------------------------------------------------------------------------------*/
.content h2.title-heading {
  font-size: 28px;
  line-height: 40px;
  font-variant: small-caps;
}
.content h4 {
  font-size: 16px;
}
.content img {
  max-width: 98%;
  margin-bottom: 15px;
  border: 6px solid #fafafa;
}
.content img:hover {
  border-color: #eaeaea;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.content h2.title-heading, .content h4, .content p {
  margin-bottom: 15px;
}

/* 7.1 Article --------------------------------------------------------------------*/
article ol, article ul, article h1, article h2, article h3, article h4, article h5, article h6, article dl, article address, article table {margin-bottom:15px;}
article ol {list-style: decimal; padding-left: 30px;}
article ul {list-style: disc;  padding-left: 25px;}
article dl dt, article dl dd {  margin-bottom: 5px;}
article ol li, article ul li {  margin-bottom: 5px;}
article dl {  padding-left: 15px;}
article dl dt { color: #676666;  font-weight: bold;  font-weight: normal;}
/*-------------------------------------------------------------------------------------------------------*/
/*	8. Team Page
/*-------------------------------------------------------------------------------------------------------*/
.team-page .team-member {
  margin-bottom: 20px;
}
.team-page section img {
  display: block;
  margin-bottom: 15px;
  border: 6px solid #fafafa;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.team-page section img:hover {
  border: 6px solid #eaeaea;
}
.team-page h2 {
  font-variant: small-caps;
  line-height: 30px;
  margin-bottom: 10px;
}
.team-page p {
  line-height: 20px;
}

h3.designation {
  color: #d2ae7e;
  margin-bottom: 10px;
  line-height: 30px;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	9. Contact Us Page
/*-------------------------------------------------------------------------------------------------------*/
#map_canvas{width:550px; height:120px;  margin-bottom: 15px;  border: 6px solid #fafafa;}

.content #map_canvas img {
  max-width: none;
  width: auto;
  margin: 0;
  border: none;
  box-shadow: none;
}

/* 9.1 Form Styles -----------------------------------------------------------------------------------*/
#contact-form h2{font-size:28px; line-height:40px; font-variant:small-caps; margin-bottom:15px;}
.contact-form{width:468px; position:relative;}
.contact-form p{float:left; margin-bottom:5px; width: 213px;}
.contact-form p.adjust{margin-right:42px;}
#commentform label, .contact-form label{color:#824328; font-size:13px; line-height:15px; margin-bottom:2px;}
#commentform label span, .contact-form label span{margin-left:3px; color:#D7332C;}
#commentform input[type="text"], .contact-form input[type="text"] {width:212px; height:20px;}
.lt-ie9 #commentform input[type="text"], .lt-ie9 .contact-form input[type="text"] {line-height:24px;}
.contact-form #message{width:220px; height:120px;  margin-bottom:12px;  resize: vertical;}
.contact-form input.error, .contact-form #message.error {  border: 1px solid #ff1a3a;}
.error-container {  margin-bottom: 15px;}
.error-container label {  display: block;  line-height: 20px;  margin-bottom: 2px;}
.error-container label.error {  color: #ff1a3a;  border: none;  margin-bottom: 0px;}
.contact-form #contact-loader {  display: none;  margin-bottom: 13px;  border: none;  box-shadow: none;  position: absolute;  left: 130px;}
#reservation-form .contact-form #contact-loader {  left: 200px;  margin-bottom: 12px;}
#commentform {  margin: 0px auto 15px;  padding: 0px;}
#commentform textarea{width:200px; resize: vertical;}
.content .captcha-container label{display: inline-block;}
.content .captcha-container .captcha-img{border:none; box-shadow:none; margin:0 5px 0 5px; vertical-align:middle;}
.content .captcha-container .captcha {  width: 60px;  vertical-align: middle;}
#respond {  margin-top: 10px;}
#respond #commentform label {  display: inline;}
#respond #commentform textarea, #respond #commentform input[type=text] { display: block;  margin-top: 5px;  margin-left: 1px;}

/*-------------------------------------------------------------------------------------------------------*/
/*	10. Our Menu Page
/*-------------------------------------------------------------------------------------------------------*/
#container .our-menu .title-heading {  margin: 20px 0 0;}
#container .our-menu .title-heading:first-child {  margin: 0;}
.our-menu .content h2.title-heading {  margin-bottom: 0px;  background: url(../images/our-menu-bg.png) repeat-x left bottom;}
.our-menu #main-content article {  padding: 20px 0px;  background: url(../images/our-menu-bg.png) repeat-x left bottom;}
.our-menu #main-content article img {  margin: 5px 15px 15px 0;}
.our-menu #main-content article img.alignleft {  margin: 5px 20px 15px 0;}
.our-menu #main-content article .post-content {  width: 345px;  float: left;}
.our-menu #main-content article .post-content p {  margin-bottom: 5px;}
.our-menu #main-content article h3.post-title {  margin-bottom: 10px;  line-height: 22px;  font-size: 16px;}
.our-menu #main-content article h3.post-title a {  font-size: 16px;}
.our-menu #main-content article .price {  float: right;  margin-top: 17px;}
.our-menu #main-content article:hover .price span {  background-color: #824328;}
.our-menu #main-content article:last-child {  background: none;  padding-bottom: 10px;}
/*-------------------------------------------------------------------------------------------------------*/
/*	11. Event Listing Page
/*-------------------------------------------------------------------------------------------------------*/
.article-date {
  float: left;
  width: 46px;
  height: 38px;
  padding: 7px 3px;
  margin-top: 10px;
  border: 4px double #b99586;
  text-align: center;
  color: #824328;
  font-size: 14px;
  line-height: 24px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
.article-date span {
  display: block;
  font-size: 15px;
  line-height: 10px;
}

.lt-ie9 .article-date {
  background: url(../images/date-bg.png) no-repeat center center;
  border: none;
  padding: 11px 7px;
}

.event .post-content {
  float: right;
  width: 480px;
  padding: 5px 0 20px;
  margin-bottom: 14px;
  background: url(../images/sep-line-stars.png) no-repeat center bottom;
}

.search .event .post-content {
  padding: 5px 0 0;
  margin-bottom: 0;
  background: none;
}

.event h3.post-title {
  margin-bottom: 10px;
  line-height: 20px;
  font-size: 16px;
  color: #824328;
  text-transform: none;
}
.event h3.post-title a {
  color: #824328;
  text-transform: none;
}
.event h3.post-title a:hover, .event h3.post-title a:focus {
  color: #501b05;
}
.event small {
  color: #d3af80;
  font-size: 13px;
  line-height: 10px;
}
.event small span {
  color: #514032;
}
.event .event-thumb {
  float: left;
  margin: 0 15px 15px 0;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	12. Event Listing Page
/*-------------------------------------------------------------------------------------------------------*/
.event-single article {
  padding: 0px 0px 35px;
  margin-bottom: 32px;
  background: url(../images/sep-line-stars.png) no-repeat center bottom;
}
.event-single .article-date {
  margin: 0px 18px 25px 1px;
}
.event-single article h2.post-title {
  font-variant: small-caps;
  line-height: 32px;
  margin-bottom: 0px;
}
.event-single article small {
  color: #d3af80;
  font-size: 13px;
  line-height: 20px;
}
.event-single article small span {
  color: #514032;
}
.event-single article small span.left {
  margin-left: 40px;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	13. News Page
/*-------------------------------------------------------------------------------------------------------*/
.news article {
  padding: 0px 0px 35px;
  margin-bottom: 32px;
  background: url(../images/sep-line-stars.png) no-repeat center bottom;
}
.news .article-date {
  margin: 0px 18px 15px 1px;
}
.news .post-head {
  width: 340px;
  float: left;
  padding: 10px 0px 0px;
  margin-bottom: 6px;
}

.single-menu-item .news .post-head {
  width: 480px;
}

.comment-count {
  float: right;
  margin-top: 17px;
  padding: 0px 0px 12px;
  background: url(../images/comment-bg.png) no-repeat 16px bottom;
}

.news .comment-count span a {
  display: inline-block;
  padding: 0px 7px;
  background-color: #d2ae7e;
  color: #fff;
  font-size: 12px;
  line-height: 22px;
  font-style: italic;
}
.news .comment-count span a:hover {
  color: #f1f1f1;
}
.news .post-head {
  margin-bottom: 15px;
}
.news article h2.post-title {
  color: #824328;
  font-variant: small-caps;
  line-height: 32px;
  margin-bottom: 0px;
}
.news article h2.post-title a {
  color: #824328;
  font-variant: small-caps;
  line-height: 32px;
  margin-bottom: 0px;
}
.news article h2.post-title a:hover {
  color: #D3AF80;
}
.news .content article .post-thumb {
  margin-bottom: 0;
}
.news article small {
  color: #d3af80;
  font-size: 13px;
  line-height: 10px;
}
.news article small span {
  color: #514032;
}
.news article small span.left {
  margin-left: 40px;
}
.news article a.read-more-content {
  display: inline-block;
  float: right;
  padding: 0 9px;
  text-align: center;
  background: url(../images/read-more-content-bg.png) no-repeat left center;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	14. FAQ Page
/*-------------------------------------------------------------------------------------------------------*/
.faq-list {
  margin-bottom: 25px;
}
.faq-list dt {
  position: relative;
  padding: 0px 10px 0px 40px;
  line-height: 35px;
  margin-bottom: 1px;
  color: #824328;
  border: 1px solid #fbdfaa;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.faq-list dt span {
  position: absolute;
  top: 7px;
  left: 7px;
  display: block;
  width: 22px;
  height: 22px;
  background: url(../images/toggle-btn.png) no-repeat 0px 0px;
}
.faq-list dt.current span {
  background-position: bottom;
}
.faq-list dd {
  display: none;
  padding: 20px 20px 0px;
  margin-bottom: 0px;
}

.lt-ie8 .faq-list dt span {
  top: 0px;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	15. Reservation Form Page
/*-------------------------------------------------------------------------------------------------------*/
#reservation-form .contact-form #message {  height: 110px;}
#commentform .readmore, #reservation-form .contact-form .readmore {  margin-bottom: 15px;  padding: 6px 12px 5px;  font-size: 11px;  cursor: pointer;}

/*-------------------------------------------------------------------------------------------------------*/
/*	16. Features Page
/*-------------------------------------------------------------------------------------------------------*/
section h2 {
  margin-bottom: 15px;
}

.featurs section {
  margin-bottom: 30px;
}

/* 16.1 Accordion Styles -----------------------------------------------------------------------------------*/
.toggle, .accordion {
  margin-bottom: 25px;
  padding-left: 0px;
  text-align: left;
}

.toggle dt, .accordion dt {
  position: relative;
  padding: 8px 10px 7px 40px;
  line-height: 20px;
  margin-bottom: 1px;
  color: #824328;
  border: 1px solid #fbdfaa;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.toggle dt span, .accordion dt span {
  position: absolute;
  top: 7px;
  left: 7px;
  display: block;
  width: 22px;
  height: 22px;
  background: url(../images/toggle-btn.png) no-repeat 0px 0px;
}

.toggle dt.current span, .accordion dt.current span {
  background-position: bottom;
}

.toggle dd, .accordion dd {
  display: none;
  padding: 20px;
  margin-bottom: 0;
}

.lt-ie8 .toggle dt span, .lt-ie8 .accordion dt span {
  top: 0px;
}

/* 16.2 Tabs Styles -----------------------------------------------------------------------------------*/
.tabs-nav {
  list-style: none;
  overflow: hidden;
  width: 100%;
  margin: 0px;
  padding-left: 0px;
}
.tabs-nav li {
  float: left;
  line-height: 32px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  border-bottom: none;
  background: none;
}
.tabs-nav li.active {
  line-height: 31px;
}
.tabs-nav li a {
  background: #fdf6e9;
  border: 1px solid #fbdfaa;
  border-bottom: 1px solid #fbdfaa;
  border-left: none;
  color: #824328;
  display: block;
  letter-spacing: 0;
  outline: none;
  padding: 0 16px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
}
.tabs-nav li:first-child a {
  border-left: 1px solid #fbdfaa;
}
.tabs-nav li a:hover {
  background: #ffe0a3;
  color: #824328;
}
.tabs-nav li.active a {
  color: #824328;
  background: #fff;
  border-bottom: 2px solid #fff;
  border-top: 2px solid #D3AF80;
}

.tabs-container {
  border: 1px solid #fbdfaa;
  margin: -1px 0 20px;
  overflow: hidden;
  width: 100%;
}
.tabs-container .tab-content {
  padding: 10px;
  margin-bottom: 0px;
}

.lt-ie9 .tabs-container .tab-content {
  background-color: #fff;
}

/* 16.3 Messages Styles -----------------------------------------------------------------------------------*/
.content p.error {
  padding: 10px 20px 10px 45px;
  background: #F9E5E6;
  border: 1px solid #F7C7C9;
  border-left-width: 2px;
  color: #B3696C;
}
.content p.success {
  padding: 10px 20px 10px 45px;
  background: #e3ebc6;
  border: 1px solid #c2d288;
  border-left-width: 2px;
  color: #8fa442;
}
.content p.info {
  padding: 10px 20px 10px 45px;
  background: #d8ecf5;
  border: 1px solid #9ac9df;
  border-left-width: 2px;
  color: #528da9;
}
.content p.notice {
  padding: 10px 20px 10px 45px;
  background: #fcf7d9;
  border: 1px solid #f5dc7d;
  border-left-width: 2px;
  color: #c4a21b;
}
.content .dropcap {
  font-size: 62px;
  margin-right: 6px;
  padding-top: 4px;
  text-transform: uppercase;
  float: left;
  position: relative;
  top: 5px;
  color: #824328;
}

/* 16.4 Table  Styles -----------------------------------------------------------------------------------*/
table { width: 100%;  padding: 0;  margin: 0 0 20px 0;}
table caption {  padding: 0 0 5px 0;  width: auto;  font-style: italic;  text-align: right;}
th {color:#D3AF80;  font-weight: bold;  letter-spacing: 1.5px;  line-height: 1.5em;  text-transform: uppercase;  text-align: left;  padding: 4px;}
td { padding: 4px;}
/*-----------------------------------------------------------------------------------*/
/*	17. Columns Style
/*-----------------------------------------------------------------------------------*/
.columns {  margin: 0px 0px 0px -2%;  overflow: hidden;}
.columns .one-third {  width: 31.33%;  margin: 0px 0px 0px 2%;  float: left;}
.columns .two-third {  width: 64.66%;  margin: 0px 0px 0px 2%;  float: left;}
.columns .one-fourth {  width: 23%;  margin: 0px 0px 0px 2%;  float: left;}
.columns .three-fourth {  width: 73%;  margin: 0px 0px 0px 2%;  float: left;}
.columns .one-half {  width: 48%;  margin: 0px 0px 0px 2%;  float: left;}
.columns .single-col {  width: 98%;  margin: 0px 0px 0px 2%;}
.lt-ie8 .columns {  margin: 0px 0px 0px 0;}
.lt-ie8 .columns .one-fourth {  width: 22%;  margin: 0px 0px 0px 2%;  float: left;}

/*-----------------------------------------------------------------------------------*/
/*	18. Comments
/*-----------------------------------------------------------------------------------*/
#comments #reply-title {
  margin-bottom: 15px;
}
#comments .commentlist {
  margin: 20px 0 0;
  padding: 0 0 5px;
  overflow: hidden;
}
#comments .comment {
  border: none;
  list-style: none;
  margin: 30px 0 0;
  padding: 10px 0;
}
#comments .comment > article {
  margin: 0;
  overflow: hidden;
}
#comments .comment .avatar {
  box-shadow: none;
  background: #fff;
  float: left;
  border-color: #fbdfa9;
  margin: 2px 10px 10px 2px;
  position: relative;
  z-index: 1;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.lt-ie9 #comments .comment .avatar {
  border-width: 4px;
}

#comments .comment .comment-body, #comments .comment .comment-meta {
  float: right;
  margin: 0;
  width: 80%;
}
#comments .comment .comment-body p {
  margin-bottom: 10px;
}
#comments .comment .comment-meta {
  margin-bottom: 0;
}
#comments .comment .author {
  font-size: 13px;
  color: #D3AF80;
  margin: 0 0 10px 0;
}
#comments .comment .author a {
  color: #D3AF80;
  margin: 0 0 10px 0;
}
#comments .comment .author cite {
  color: #4c595c;
  font-style: normal;
}
#comments .comment .author .comment-reply-link {
  font-size: 11px;
}
#comments .comment time {
  margin: 1px 0 5px;
}
#comments .comment .author a:hover, #comments .comment .comment-meta a:hover {
  color: #824328;
}
#comments .commentlist .children {
  margin: 0;
  padding: 0 0 0 85px;
  position: relative;
}
#comments .commentlist .children .comment {
  margin: 15px 0 0;
}
#comments .commentlist .children .depth-2 .comment-body, #comments .commentlist .children .depth-2 .comment-meta {
  width: 76%;
}
#comments .commentlist .children .depth-3 .comment-body, #comments .commentlist .children .depth-3 .comment-meta {
  width: 66%;
}
#comments .commentlist .children .depth-4 .comment-body, #comments .commentlist .children .depth-4 .comment-meta {
  width: 54%;
}
#comments .commentlist .children .depth-5 .comment-body, #comments .commentlist .children .depth-5 .comment-meta {
  width: 46%;
}

/* --------------------------------------- */
/*	19. Gallery Template
/* --------------------------------------- */
#filter-by {
  text-align: center;
  margin-bottom: 40px;
}
#filter-by li {
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
  display: inline;
}
#filter-by li a {
  display: inline-block;
  color: #fff;
  height: 11px;
  font-size: 12px;
  line-height: 12px;
  padding: 8px 10px;
  margin: 0 5px 0 0;
  border: none;
  background-color: #d3af80;
  cursor: pointer;
}
#filter-by li a.active, #filter-by li a:hover {
  background-color: #824328;
  color: #fff;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.gallery-item {
  margin-bottom: 30px;
}
.gallery-item figure {
  margin: 0px;
  position: relative;
}
.gallery-item img {
  margin-bottom: 10px;
}
.gallery-item .media_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  background: #fbe0a9;
  opacity: 0.9;
  display: none;
}
.gallery-item .media_container a {
  z-index: 250;
  display: block;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 36px;
  background-color: #824328;
}
.gallery-item .media_container a:hover {
  background-color: #55240f;
  -moz-transition: ease-in-out 0.2s;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
}
.gallery-item .media_container a.link {
  right: 0;
  background-image: url(../images/link-icon.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.gallery-item .media_container a.zoom {
  left: 0;
  background-image: url(../images/zoom.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.gallery-item .item-title {
  padding-bottom: 8px;
  margin-bottom: 3px;
  border-bottom: 1px solid #FCE2AF;
  text-align: center;
  font-variant: small-caps;
  font-size: 15px;
  font-weight: normal;
}
.gallery-item .item-title a {
  color: #824328;
}
.gallery-item .item-title a:hover {
  color: #501B05;
}
.gallery-item .item-type-link {
  display: block;
  padding-bottom: 5px;
  border-bottom: 1px solid #FCE2AF;
}
.gallery-item .item-type-link a {
  font-size: 11px;
  font-weight: normal;
  font-variant: small-caps;
}

.gallery-4-columns {
  margin-left: -20px;
}
.gallery-4-columns .gallery-item {
  width: 190px;
  float: left;
  margin-left: 20px;
}

.gallery-3-columns {
  margin-left: -30px;
}
.gallery-3-columns .gallery-item {
  width: 253px;
  float: left;
  margin-left: 30px;
}

.gallery-2-columns {
  margin-left: -30px;
}
.gallery-2-columns .gallery-item {
  width: 395px;
  float: left;
  margin-left: 30px;
}

/* --------------------------------------- */
/*	20. Isotope Styles
/* --------------------------------------- */
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: top, left, opacity;
  transition-property: transform, opacity;
}
.isotope.no-transition -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s;  transition-duration: 0s;}
.isotope.no-transition .isotope-item {-webkit-transition-duration:0s; -moz-transition-duration:0s; -ms-transition-duration:0s; -o-transition-duration:0s;  transition-duration: 0s;}
.isotope .isotope-item.no-transition{-webkit-transition-duration:0s; -moz-transition-duration:0s; -ms-transition-duration:0s; -o-transition-duration:0s;
  transition-duration: 0s;}

/* --------------------------------------- */
/*	21. Scroll Top
/* --------------------------------------- */
a#scroll-top{display:none; position:fixed; right:20px; bottom:20px; height:42px; width:42px; line-height:42px; background:#d3af80 url(../images/scroll-top.png) center center no-repeat; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity:0.8;-webkit-transition-duration:0.25s;-moz-transition-duration:0.25s; -o-transition-duration:0.25s; transition-duration:0.25s; -webkit-transition-timing-function:ease-in-out; -moz-transition-timing-function:ease-in-out;  -o-transition-timing-function:ease-in-out; transition-timing-function:ease-in-out;}
a#scroll-top:hover {background-color:#824328;}