/*-----------------------------------------------------------------------------------*/

/*	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 {

  display: block;

}



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: #909090;

  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: 90%;

  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', Arial, Helvetica, sans-serif;

}



#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: url(../images/header-wrapper.png) black repeat-x center top;

  padding:8px 0 0px;

}

#header {

  width: 960px;

  margin: auto;

  padding: 1px 0px 0px;

  position: relative;

  min-height: 125px;

  height: auto !important;

  height: 125px;

}



/* 4.1 Logo ----------------------------------------------------------------------*/

#logo {

  width: 500px;

  margin: 0px auto 0px;

}

#logo img {

  max-width: 100%;

}



#header h6 {

  color: #936e4d;

  font-size: 11px;

  position: absolute;

  top: 13px;

  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 13px 0px;

}

.main-menu.right > div > ul > li {

  float: right;

  padding: 0px 0px 13px 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.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.twitter:hover a, #footer .social-nav li.facebook:hover a, #footer .social-nav li.mail:hover a, #footer .social-nav li.rss: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: #880547;

  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: 537px;

  height: 250px;

  margin-bottom: 15px;

  border: 6px solid #fafafa;

}



/* 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: 16px;

  width: 213px;

}

.contact-form p.adjust {

  margin-right: 42px;

}



#commentform label, .contact-form label {

  color: #824328;

  font-size: 13px;

  line-height: 20px;

  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: 24px;

}



.lt-ie9 #commentform input[type="text"], .lt-ie9 .contact-form input[type="text"] {

  line-height: 24px;

}



.contact-form #message {

  width: 467px;

  height: 194px;

  margin-bottom: 22px;

  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: 97%;

  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;

  font-size: 11px;

}

table caption {

  padding: 0 0 5px 0;

  width: auto;

  font-style: italic;

  text-align: right;

}



th {

  border: 1px solid #fbdfaa;

  color: #824328;

  font-weight: bold;

  letter-spacing: 1.5px;

  line-height: 1.5em;

  text-transform: uppercase;

  text-align: left;

  padding: 4px;

}



td {

  border: 1px solid #fbdfaa;

  font-size: 12px;

  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: #880547;

  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;

}