/* CSS Document */
@font-face {font-family: 'BodoniEgyptianPro-Regular';src: url('../webfonts/2C73C8_0_0.eot');src: url('../webfonts/2C73C8_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2C73C8_0_0.woff2') format('woff2'),url('../webfonts/2C73C8_0_0.woff') format('woff'),url('../webfonts/2C73C8_0_0.ttf') format('truetype');}

.garagegothicbold {
  font-family: "GarageGothic Bold";
  font-style: normal;
  font-weight: bold;
}

.supercrsl a.prev, .supercrsl a.next {
	top: 29%;
}
.sec-text p.brochure-text { font-size: 12px!important; text-align:center; width: 175px; line-height: 15px; padding-top: 10px; }

.book-table { display: none; }

.book-table li { display: none; }


@media only screen and (max-width:2000px) {
.book-table { width: 100%; position: relative; }

.book-table li { padding: 0; margin: 0; font-family: "GarageGothic Regular","Helvetica",Arial,sans-serif,sans-serif; font-size: 1.1em; color: #fff; letter-spacing: 1px; line-height: 30px; }

}

aside h3.block-title { font-family: "GarageGothic Regular","Helvetica",Arial,sans-serif,sans-serif; font-size: 2em; }

/* Table Of Contents
-----------------------------------------------

01.  Reset
02.  Global Elements
03.  Typography
04.  Header
05.  Navigation
06.  Home Page
07.  Food Section
08.  Services Section
09.  Widgets
10.  Staff
11.  Slider
12.  Contact
13.  Inside Pages
14.  Staff (inside)
15.  Social Icons
16.  Footer
17.  Comments
18.  Images and Galleries
19.  Media Queries (responsive)

 */


/* Eric Meyer's Reset
----------------------------------------------- */

/* Eric Meyer's Reset Reloaded */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, font, 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 {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}

article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; }

a img { 
	border: 0;
}

figure { 
	margin: 0 
}

img, 
object, 
embed { 
	max-width: 100%; 
	height: auto; 
}

video { 
	width: 100%; 
	height: auto; 
}

img { 
	border: 0;	
	-ms-interpolation-mode: bicubic  /* IE Images */;
}

svg:not(:root){ 
	overflow: hidden /* Correct IE9 overflow */; 
} 

/* Global Elements
----------------------------------------------- */

html,body { overflow-x:hidden }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

html { 
	height: 100%; 
	font-size: 100%; 
	overflow-y: scroll; 
	-webkit-text-size-adjust: 100%; 
} 

body {
	margin: 0;
	min-height: 100%; 
	-webkit-font-smoothing: antialiased; 
	font-smoothing: antialiased;
	background: url(../images/bg-pattern.jpg);
}

a, 
a:visited {
	text-decoration: none;
	color: #8B634B;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
a:hover {
	text-decoration: none;
	color: #8B634B;
	opacity: 0.8;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
h1 a {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
h1 a:hover {
	opacity: 0.8;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.contain-footer-boxes a:hover {
	text-decoration: none;
	opacity: 0.8;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.copy a:hover {
	text-decoration: none;
	opacity: 0.8;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

img {
	border-style: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf { /* For IE 6/7 (trigger has Layout) */
    zoom: 1;
}

input,
select,
textarea {
	border-top: 1px solid #404041;
	border-bottom: 1px solid #404041;
	border-left: 1px solid #404041;
	background-color: none;
	height: 33px;
	width: 300px;
	color: #404041;
}
.book-btn{
	overflow: hidden;
}
.book-btn a{
	height: 300px;
	width: 50px;
	float: left;
	display: block;
}

@media only screen and (max-width: 1200px) { /*input,
select,
textarea { width: 200px; }*/  }

.booking-section { width: 47%; float: right; }

/*form { float: right; margin-top: 40px;}*/

placeholder { color: #404041; }

#signup-btn {  width: 100px; height: 37px;
    padding: 0px;
    margin-bottom: -14px;
	margin-left: -5px;
    border: 0px;
    overflow: hidden;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */  }

a:hover.button,
input:hover[type="button"],
input:hover[type="submit"] {
	background-color: #3e3e3e;
}
/*
#author,
#comment,
#email,
#url,
input#s,
textarea,
input[type="text"],
.gform_body input,
.gform_body textarea {
	border-left: 1px solid #605750;
	background:none;
	padding-left: 5px !important;
}
*/

/* Typography
----------------------------------------------- */

p {

font-family: BodoniEgyptianPro-Regular;
font-weight: normal;
font-style: normal;
font-size: 1.1em;
color: #000;

}

.lead {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

cite {
  font-weight:800;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 10px 0;
	line-height: 20px;
	font-family: BodoniEgyptianPro-Regular;
	font-weight: normal;
	font-style: normal;
	font-size: 1.1em;
	color: #000;
	letter-spacing: 1px;
}

h1,
h2,
h3 {
}

h1 {
}

h2 {
	
	color: #fff;
}

h3 {
  font-size: 24.5px;
}

h4 {
  font-size: 17.5px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}

.page-header {
  padding-bottom: 9px;
  margin: 20px 0 30px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  padding: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

li {
  line-height: 20px;
}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}

dl {
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 10px;
}

.dl-horizontal {
  *zoom: 1;
}

.dl-horizontal:before,
.dl-horizontal:after {
  display: table;
  content: "";
  line-height: 0;
}

.dl-horizontal:after {
  clear: both;
}

.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-horizontal dd {
  margin-left: 180px;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

address {
  display: block;
  margin-bottom: 20px;
  font-weight:800;
  line-height: 20px;
}

code,
pre {
  padding: 0 3px 2px;
  font-family: "chaparral-pro",sans-serif;
  font-size: 12px;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

code {
  padding: 2px 4px;
  color: #d14;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

pre.prettyprint {
  margin-bottom: 20px;
}

pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

blockquote {
	background: url(../../images/quote.png) no-repeat;
	border: none;
	margin: 5px 5px 20px;
	padding: 25px 30px 5px 70px;
}

blockquote p {
	color: #514f4f;
	font-style: italic;
}

/* Custom Styles
----------------------------------------------- */

/* Book Button
----------------------------------------------- */

.book-btn{
	position:fixed;
	width:36px;
	height: 203px;
	top:30.5%;
	right:0%;
	padding:0;
	 z-index: 1000;
	 background-image: url(../images/book-btn.png);
	 background-repeat: none;
}

/* Xmas Button
----------------------------------------------- */

.xmas-btn{
	position:fixed;
	width:36px;
	height: 97px;
	top:17%;
	right:-1px;
	padding:0;
	 z-index: 1000;
	 background-image: url(../images/xmas-btn-side.png);
	 background-repeat: none;
}


/* Wrapper */

.contain-header-boxes .box-a { position: relative; width: 34.5%; height: 81px; margin-top: 36px; float: left; }

.contain-header-boxes .box-b { position: relative; width: 30.8%; height: 81px; margin-top: 16px; float: left; }

.contain-header-boxes .box-c { position: relative; width: 33.6%; height: 81px; margin: 30px 0 30px 0; float: left; clear: right; }

.box-a p { line-height: 28px; letter-spacing: 2px; text-align: center; font-size: 24px; color: #8b634b; font-family: "GarageGothic Bold","Helvetica",Arial,sans-serif;text-transform:uppercase;  }

.box-a p.first { margin-top: 12px; }


@media only screen and (max-width: 1450px) {
	
.phone { margin-left: 85px; }

}

@media only screen and (max-width: 1400px) {

.street { font-size: 0.9em; }
.city { font-size: 0.9em; }
.phone { font-size: 0.9em;  margin-left: 85px; padding: 13px 0 11px 0; }
.number-logo {  margin-left: 0px; }

#nav li a { font-size: 0.5em; }

}

@media only screen and (max-width: 1395px) {
	
	.phone { font-size: 0.9em; margin-left: 84px; padding: 13px 0 11px 0; }
	
}

@media only screen and (max-width: 1373px) {
	
	.phone { font-size: 0.9em; margin-left: 84px; padding: 13px 0 11px 0; width: 81%; }
	.city {  width: 39%; }
	
}

@media only screen and (max-width: 1373px) {
	
	.city {  width: 35%; }
	
}

@media only screen and (max-width: 1520px) {
.phone { margin-left: 85px; width: 81.3%; }
}






/* Custom Footer 
----------------------------------------------- */

.contain-footer-boxes { margin-top: 20px; padding-top: 20px; }

.contain-footer-boxes h3 { font-family: "GarageGothic Regular","Helvetica",Arial,sans-serif; font-size: 26px; text-transform: uppercase; color: #000; letter-spacing: 1px; }

.foot-box-a { width: 32.61%; height: 75px; border-right: 1px solid #8B634B; float: left; text-align: center; }

.foot-box-b { width: 32.61%; height: 75px; border-right: 1px solid #8B634B; float: left; text-align: center; }

.foot-box-b ul li {
	display: inline;
}
.foot-box-b ul {
	margin: 0;
}

.foot-box-b ul li.middle { padding: 0 10px 0 10px; }

.foot-box-c { width: 32.61%; height: 75px; float: left; text-align: center; }

.foot-box-c img { padding: 0; margin: 0; }

.contain-copy { width: 92.8%;
	max-width: 1300px;
	margin: 30px auto 0;
	overflow: hidden;
	text-align: center;
	 }
.copy { margin-bottom: 10px; }

.contain-copy ul { margin: 0; }
	 
.copy li { display: inline;
font-family: BodoniEgyptianPro-Regular;
font-weight: normal;
font-style: normal;
font-size: 1em;
color: #000;
letter-spacing: 1px; }


@media only screen and (max-width: 680px) { .contain-footer-boxes { margin-top: 0px; padding-top: 10px; } .foot-box-a { float: none; width: 100%; border-bottom: 1px solid #000; height: 55px; } .foot-box-b { float: none; width: 100%; border-bottom: 1px solid #000; padding-top: 10px; } .foot-box-c { float: none; width: 100%; padding-top: 10px; } .copy li { font-size: 0.8em; } .contain-copy ul { margin: 0; }  }



/* Header
----------------------------------------------- */

.xmas-link { text-align: center; padding-bottom: 10px; }

.xmas-link p { color: #fff!important; } 

.xmas-link a {
	margin: 5px 0 0 0;
	display: inline;
	text-decoration: none;
	font-family: "GarageGothic Bold","Helvetica",Arial,sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	color: #8b634b;
	letter-spacing: 1px;
	padding: 2px;
	line-height: 35px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-bottom: 2px solid transparent;
}
.xmas-link a:hover {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border-bottom: 2px solid #8b634b;
	opacity: 0.8;
}

@media only screen and (max-width: 360px) { .xmas-link { display: none; } }

#header {
	position: relative;
	z-index: 10;
	width: 1400px;
	margin: 0 auto;
	border-bottom: 5px solid #8b634b;
}

.fixed #header {
	position: fixed;
	top: 0;
	width: 100%;
	background: url(../images/bg-pattern.jpg);

}

#header-content {
	position: relative; margin: 0 auto; width: 92.8%; max-width: 1300px;
	margin-right: auto;
	margin-left: auto;
}

.admin-bar.fixed #header {
	top: 27px;
}

#logo,
#text-logo {
	text-align: center;
}

#logo p,
#logo h1,
#text-logo p,
#text-logo h1 {
	line-height: 1;
	padding: 0;
	margin: 0;
	font-size: 50px;
}

#logo img {
	margin: 0;
}



/* Custom Navigation
----------------------------------------------- */
#nav {
      float: left;
      list-style: none;
	  margin: 42px 0 0 0;
	  padding: 0;
	   }
   #nav li {
      float: left; margin-right: 0; }
	  #nav li.last {
      float: left; margin-right: 0px; }
   #nav li a {
	  border-bottom: 2px solid transparent;
	  color: #8b634b;
	  display: block;
	  font-family: "GarageGothic Bold","Helvetica",Arial,sans-serif;
	  font-size: 30px;
	  letter-spacing: 1px;
	  padding: 10px;
	  text-decoration: none;
	  text-transform: uppercase;
	  transition: all 0.2s ease-in-out 0s;
	}
	  
   #nav li a:hover {
      border-bottom: 2px solid #8b634b;
	  opacity: 0.8;
	}
   /* End navigation bar styling. */




/* Home Page
----------------------------------------------- */

div#two {
    position: relative;
    z-index: 1;
}
div#edinburgh-events, div#papermill-blog, div#papermill-menus, div#papermill-contact {
    margin-top: 81px;
    position: relative;
    z-index: 1;
}

div#one { position: relative;
	z-index: 1; }
	
@media only screen and (max-width: 360px) {
	
	div#edinburgh-events, div#papermill-blog, div#papermill-menus, div#papermill-contact, div#papermill-booking {
    	margin-top: 41px;
	}
	
}

/* Section Styles
----------------------------------------------- */

#two .section-wrap { margin-top:0px; }

.section-wrap { position: relative; margin: 0 auto; width: 92.8%; max-width: 1300px; margin-top: 80px; margin-bottom: 80px; }

.section-wrap-one { position: relative; margin: 0 auto; width: 92.8%; max-width: 1300px; margin-top: 0px; }

.about-section { position: relative; width: 47%; float: left; margin-bottom: 100px; }

.events-section { position: relative; width: 47%; float: right; }

.events-contain { height: 500px; }



.news-section { width: 47%; float: left; margin-bottom: 60px; }

.booking-section { width: 47%; float: right; margin-bottom: 60px; }

.details-section { width: 100%; max-width: 600px; float: left; clear: both; }

.sec-title { padding-bottom: 6px; border-bottom: 1px solid #8B634B; width: 100%; margin-bottom: 30px;}

.sec-title h1 { font-family: "GarageGothic Bold","Helvetica",Arial,sans-serif; font-size: 2.2em; text-transform: uppercase; color: #000; }

.sec-text { width: 100%; }

.sec-text p { font-family: BodoniEgyptianPro-Regular; font-weight: normal; font-style: normal;
font-size: 1.1em; color: #000; letter-spacing: 1px; line-height: 30px; padding-bottom: 15px;}

.sec-text h4 { font-family: BodoniEgyptianPro-Regular; font-weight: normal; font-style: normal;
font-size: 1.1em; color: #8b634b; letter-spacing: 1px; line-height: 30px; padding-bottom: 15px;font-weight: bold;}

div.picture-block {	width: 100%; background-attachment: fixed; background-position: top center; background-repeat: no-repeat;  -moz-background-size: cover;  -webkit-background-size: cover;background-size: cover; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6); }

.ie8 div.picture-block {
}

h2.section-title {
	font-size: 40px;
	margin-bottom: 50px;
}

@media only screen and (max-width: 800px) {
	
.about-section { position: relative; width: 100%; float: left; margin-bottom: 60px; }
.events-section { position: relative; width: 100%; float: none; }

}

/* Food Section
----------------------------------------------- */

.widget.home-menu-group-block,
.widget.home-slideshow-block,
.widget.home-contact-block,
.widget.home-staff-group-block,
.widget.home-page-block,
.widget.home-service-group-block {
	width: 100%;
}

.menu-list {
	width: 450px;
	float: left;
	margin-bottom: 30px;
}

.menu-list ul {
	margin: 0;
	list-style-type: none;
}

.food-item li,
.menu-list li {
	overflow: hidden;
}

.food-item li img,
.menu-list li img {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.food-item h3,
.menu-list h3 {
	padding-bottom: 7px;
	border-bottom: 1px solid #333;
}

.menu-title {
	overflow: hidden;
}

.menu-title h4 {
	float: left;
	max-width: 85%;
	font-size: 20px;
	margin: 0;
	padding-bottom: 4px;
}

.menu-list p,
.food-item p {
	font-style: italic;
	margin-right: 15px;
	margin-left: 15px;
	font-size: 14px;
}

.menu-title p.price,
.food-item p.price {
	float: right;
	margin: 0;
	font-weight: normal;
	font-weight:800;
	font-size: 20px;
	padding: 0;
}

/* Custom Contact Section
----------------------------------------------- */

/* Newsletter Styles
-----------------------*/

.contact-section { width: 45%; float: left; margin-bottom: 60px; }

.contain-contact { margin-top: 60px; }

/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 62.75%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	max-width: 600px;

}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	max-width: 600px;
	max-height: 654px;
}

.Flexible-container-booking {
    position: relative;
    padding-bottom: 72.75%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	width: 100%;
	height: 100%;

}

.Flexible-container-booking iframe,   
.Flexible-container-booking object,  
.Flexible-container-booking embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	
}

@media only screen and (max-width: 1250px) {
	.Flexible-container-booking {
    position: relative;
    padding-bottom: 140%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	width: 100%;
	height: 100%;

}

.Flexible-container-booking iframe,   
.Flexible-container-booking object,  
.Flexible-container-booking embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	
}
}

@media only screen and (max-width: 800px) {
	
		.Flexible-container-booking {
    position: relative;
    padding-bottom: 80%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	width: 100%;
	height: 100%;

}

.Flexible-container-booking iframe,   
.Flexible-container-booking object,  
.Flexible-container-booking embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	
}
	
}
	
	


@media only screen and (max-width: 600px) {
	
	.Flexible-container-booking iframe,   
.Flexible-container-booking object,  
.Flexible-container-booking embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	max-width: 600px;
	max-height: 500px;
}

.Flexible-container-booking {
    position: relative;
    padding-bottom: 100%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	max-width: 600px;

}
   }



.contain-contact h3 {
	color: #000;
	font-family: BodoniEgyptianPro-Regular;
	font-size: 1.3em;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.contain-contact h4 { font-size: 1.1em;font-family: BodoniEgyptianPro-Regular; font-weight: normal; font-style: normal; color: #000; letter-spacing: 1px;}


.details-col-four { position: relative; width: 100%; float: right; max-width: 600px;}

.details-col-four h3 { font-size: 1.6em; text-transform: uppercase; line-height: 5px; }

.details-col-four .cell-a { float: left; margin-right: 141px; margin-bottom: 20px; }

.details-col-four .cell-a ul { float: left; padding-top: 15px; margin: 0; }

.details-col-four .cell-b ul { padding-top: 15px; margin: 0; }

.details-col-four .cell-a li { display: inline; }



.details-col-one {
  float: left;
  margin-bottom: 60px;
  margin-left: 100px;
  position: relative;
  width: 350px;
}

.details-col-two {
  float: right;
  margin-bottom: 90px;
  margin-right: 50px;
  max-width: 266px;
  position: relative;
}

.details-col-one p { font-family: "chaparral-pro",sans-serif; font-weight: 400; font-size: 1.4em; line-height: 30px;  }

.details-col-two p { font-family: "chaparral-pro",sans-serif; font-weight: 400; font-size: 1.4em; line-height: 30px; }

.details-col-two h3 {
	color: #000;
	font-family: BodoniEgyptianPro-Regular;
	font-size: 1.3em;
	letter-spacing: 1px;
	text-transform: uppercase; }

.details-col-two h4 { font-size: 1.1em; text-transform: capitalize;font-family: font-family: BodoniEgyptianPro-Regular; font-weight: normal; font-style: normal; color: #000; letter-spacing: 1px;}

@media only screen and (max-width: 1400px) { .contain-contact h3 { font-size: 1.4em; } .contain-contact h4 { font-size: 1.1em; } .details-col-four h3 { font-size: 1.4em; } .details-col-two h4 { font-size: 1.1em; } .details-col-two { float: left; margin-left: 100px; } .details-col-one { margin-bottom: 20px; } .Flexible-container { padding-bottom: 72.75%;} .Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed { max-height: none; } }



@media only screen and (max-width: 800px) {
.details-col-one { position: relative; width: 100%; max-width: none; margin-left: 0; float: left; margin-bottom: 30px; }

.details-col-two { position: relative; width: 100%; max-width: none; float: left; margin-bottom: 30px; margin-left: 0; }

.contact-section { width: 100%; max-width: none; } .Flexible-container { max-width: none; padding-bottom: 32.75%; } .Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed { max-width: none; max-height: 354px; }

.details-col-two h4 { font-size: 1.1em; }

.details-col-two h3 { font-size: 1.3em; }

.contain-contact h4 { font-size: 1.1em; }

.contain-contact h3 { font-size: 1.4em; }
}


/* Services Section
----------------------------------------------- */

.service-list ul {
	margin: 0 0 50px;
	list-style: none;
}

.service-list h3 {
	padding-bottom: 7px;
	border-bottom: 1px solid #333;
}

.service-title {
	overflow: hidden;
}

.service-title h4 {
	float: left;
	font-size: 20px;
	margin-top: 0;
}

.service-list li p {
	font-style: italic;
	margin-right: 20px;
	margin-left: 20px;
}

.service-title p {
	float: right;
	font-size: 20px;
	margin: 0;
	font-weight: normal;
	font-weight:800;
}


/* Widget Section
----------------------------------------------- */


#featuredposts-3 { width: 48%; float: left; margin-bottom: 60px;  }


#featuredposts-8 { float: right; width: 48%; margin-bottom: 60px; }


aside p { line-height: 30px;}

.widget {
	width: 100%;
	/*max-width: 600px;*/
	float: left;
	margin-bottom: 30px;
}

h3.widget-title {
	padding-bottom: 4px;
}

.widget ul {
	margin-left: 0; 
}

.latest-tweets li {
	margin-bottom: 18px;
}

iframe.twitter-follow-button {
	margin-top: 5px;
}

/*.widget.featured-posts {
	width: 625px;
}*/

#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	font-size: 12px;
	font-style: italic;
	padding: 2px 5px 4px 0;
}

#wp-calendar thead {
	background-color: #f5f5f5;
	font-weight: bold;
	margin: 10px 0 0;
}

#wp-calendar td {
	background-color: #f5f5f5;
	padding: 2px;
	text-align: center;
}

h3 a.rsswidget img {
	display: none;
}

.widget_search label {
	display: none;
}



.fb-widget iframe {
	max-width: 100%;
}

/* Staff Section
----------------------------------------------- */

.staff-list ul {
	margin: 0;
	list-style-type: none;
}

.staff-list li {
	float: left;
	width: 300px;
	margin-bottom: 30px;
	text-align: center;
}

/* Slider
----------------------------------------------- */
 
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0; 
	padding: 0; 
	list-style: none;
}

.flexslider {
	margin:0px; 
	padding: 0;
	position: relative;  
	zoom: 1;
}




.flexslider .slides > li {
	display: none;
	position: relative;
	-webkit-backface-visibility: hidden;
}
 
.flexslider .slides img {
	width: 100%; 
	display: block;
}

.widget.home-slideshow-block {
	max-width: 100%;
	overflow:hidden;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

.slides:after {
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child {	
	display: block;
}

.flexslider .slides {
	zoom: 1;
}

.flexslider .slides > li {
	position: relative;
}

.flex-container {
	zoom: 1; 
	position: relative;
}

.flex-direction-nav a {
	width: 23px; 
	height: 30px; 
	margin: 0; 
	display: block; 
	background: url(../images/slider-arrows.png) no-repeat 0 0; 
	position: absolute; 
	bottom: -50px;
	cursor: pointer; 
	text-indent: -9999px;
	-webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
	background-position: 100% 0; 
	right: 30px; 
}

.flex-direction-nav .flex-prev {
	right: 10px;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
}

.flexslider:hover .flex-next:hover, 
.flexslider:hover .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .disabled {
	opacity: .3!important; 
	filter:alpha(opacity=30); 
	cursor: default;
}

.flex-control-nav { /* Control Nav */
	display: none;
}

ul.slides li img.attachment-half-slide {
	float: left;
	max-width: 600px;
	height: auto;
}

ul.slides .half-video {
	float: left;
	width: 600px;
	height: auto;
}

/* MAIN SLIDER CONTAINER */

.slider-content {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-637px;
	width:1300px;
	height:200px;
	
}

.slider-content h3 {
	color: #fff;
	display: block;
	font-family: "GarageGothic Regular","Helvetica",Arial,sans-serif;
	font-size: 130px;
	font-weight: normal;
	line-height: 104px;
	margin: 0;
	padding: 0;
	position: relative;
	text-transform: uppercase;
	width: auto !important;
	text-align: center;
}

.slider-content p {
	margin-top: 0;
	line-height: 1.8;
	font-family: "chaparral-pro",sans-serif;
	
	font-weight:800;
	font-size: 7em;
	text-align: center;
	color: #000;	text-transform:uppercase;
}

@media screen and (max-width: 1400px) {  


.slider-content p {
	margin-top: 0;
	line-height: 1.8;
	font-family: "chaparral-pro",sans-serif;
	
	font-weight:800;
	font-size: 6.2em;
	text-align: center;
	color: #000;
	text-transform:uppercase;
}
}

@media only screen and (max-width: 1200px) {
	
	
.slider-content h3 {
    font-size: 130px;
    line-height: 104px;
}

.slider-content p {
	margin-top: 0;
	line-height: 1.8;
	font-family: "chaparral-pro",sans-serif;
	
	font-weight:800;
	font-size: 5.2em;
	text-align: center;
	color: #000;
	text-transform:uppercase;
} }




/* Event Slider
----------------------------------------------- */

.widget_event_list_widget {
	position: relative;
}

/* Browser Resets */
.widget_event_list_widget a:active,
.widget_event_list_widget a:focus  {outline: none;}
.event-list,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* FlexSlider Necessary Styles
*********************************/ 
.widget_event_list_widget {margin: 0; padding: 0;}
.widget_event_list_widget .event-list > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.widget_event_list_widget .event-list img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .event-list element */
.widget_event_list_widget .event-list:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .event-list {display: block;} 
* html .event-list {height: 1%;}

.event { position:absolute !important; min-height: 474px; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .event-list > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.widget_event_list_widget {zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.widget_event_list_widget .event-list {zoom: 1;}

.carousel li {margin-right: 5px;}
.events-section .flex-direction-nav a {
	bottom: -220px;
}

.events-section .flex-direction-nav .flex-prev {left: 91px;}

@media screen and (max-width: 1380px) { .events-section .flex-direction-nav .flex-next { right: 29px; } }

@media screen and (max-width: 1405px) {.events-section .flex-direction-nav .flex-prev {left: 91px;} }

@media screen and (max-width: 1380px) {.events-section .flex-direction-nav .flex-prev {left: 88px;} }



@media screen and (max-width: 1290px) { .events-section .flex-direction-nav .flex-next { right: 25px; } }

@media screen and (max-width: 1285px) { .events-section .flex-direction-nav .flex-prev {left: 80px;} }

@media screen and (max-width: 1260px) { .events-section .flex-direction-nav .flex-prev {left: 80px;} }

@media screen and (max-width: 1205px) { .events-section .flex-direction-nav .flex-prev {left: 78px;} }

@media screen and (max-width: 1190px) { .events-section .flex-direction-nav .flex-prev {left: 102px;} .events-section .flex-direction-nav .flex-next { right: -1px; }  }

@media screen and (max-width: 1190px) { .events-section .flex-direction-nav .flex-prev {left: 100px;} }

@media screen and (max-width: 1120px) { .events-section .flex-direction-nav .flex-prev {left: 98px;} }

@media screen and (max-width: 1035px) { .events-section .flex-direction-nav .flex-prev {left: 87px;} .events-section .flex-direction-nav .flex-next { right: -1px; } .events-section .flex-direction-nav a {
	bottom: -195px;
}  }

@media screen and (max-width: 820px) { .events-section .flex-direction-nav .flex-prev {left: 90px;} .events-section .flex-direction-nav .flex-next { right: -2px; } }

@media screen and (max-width: 750px) { .events-section .flex-direction-nav .flex-prev {left: 80px;}  }

@media screen and (max-width: 590px) { .events-section .flex-direction-nav .flex-prev {left: 60px;}  }

@media screen and (max-width: 370px) { .events-section .flex-direction-nav .flex-next { right: 0px; } }




/* Blog Slider
----------------------------------------------- */

.blog-content .post { display: none; width: 47%; }

.blog-content p { line-height: 30px;  }

.blog-section .flexslider {
	position: relative;
}

/* Browser Resets */
.blog-section .flexslider a:active,
.blog-section .flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/ 
.blog-section .flexslider {margin: 0; padding: 0;}
.blog-section .flexslider .slides > div.post {display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.blog-section .flexslider .slides img {width: 100%; display: block;}


.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.blog-section .flexslider .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.blog-section .flexslider {zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.blog-section .flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}




/* Contact Section
----------------------------------------------- */

.contact {
	overflow: hidden;
}

.contact-map {
	margin: 0 auto 30px;
	padding: 10px 10px 7px;
	background-color: #ccc;
}

.contact-map iframe {
	max-width: 100%;
	height: auto;
}

.contact h3,
.contact .gform_wrapper h3.gform_title {
	font-weight: 400;
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
	font-size: 24px;
	margin-top: 0;
}

.contact-content {
	float: left;
	width: 65%;
}

.contact-content .gform_wrapper {
	margin-top: 0;
}

.address-hours {
	float: right;
	width: 30%;
}

.address-hours li {
	list-style-type: none;
}

/* Inside Pages
----------------------------------------------- */

.wrap {
	width: 960px;
	margin: 50px auto;
}

#content {
	float: left;
	width: 600px;
}

#sidebar {
	float: right;
	width: 290px;
}

#content article {
	margin-bottom: 70px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 30px;
}

.page #content article,
.single #content article {
	border: none;
	margin-bottom: 30px;
	padding-bottom: 0;
}

#content.full {
	width: 100%;
}

/* Staff Section
----------------------------------------------- */

.full .attachment-staff,
.single-staff .attachment-staff {
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
}

article.staff-member {
	overflow: hidden;
}

p.staff-meta span {
	margin-right: 10px;
}

p.job-title {
	font-style: italic;
}

/* Social Navigation
----------------------------------------------- */

/* To make a custom menu widget with the social icons, name the menu "social" */

#social {
	text-align: center;
	margin-bottom: 40px;
	margin-top: 10px;
}

.ie7 #social ul {
	display: none;
}

#menu-social li,
#social li {
	display: inline-block;
	list-style-type: none;
}

#social li.dribbble a,
#social li.email a,
#social li.facebook a,
#social li.flickr a,
#social li.foursquare a,
#social li.forrst a,
#social li.google a,
#social li.github a,
#social li.instagram a,
#social li.itunes a,
#social li.linkedin a,
#social li.pinterest a,
#social li.twitter a,
#social li.youtube a,
#social li.vimeo a,
#social li.yelp a,
#social li.podcast a,
#social li.rss a,
#menu-social li.dribbble a,
#menu-social li.email a,
#menu-social li.facebook a,
#menu-social li.flickr a,
#menu-social li.foursquare a,
#menu-social li.forrst a,
#menu-social li.google a,
#menu-social li.github a,
#menu-social li.instagram a,
#menu-social li.itunes a,
#menu-social li.linkedin a,
#menu-social li.pinterest a,
#menu-social li.twitter a,
#menu-social li.youtube a,
#menu-social li.vimeo a,
#menu-social li.yelp a,
#menu-social li.podcast a,
#menu-social li.rss a {
	float: right;
	display: block; 
	position: relative; 
	width: 66px;
	height: 69px;
	padding: 0;
	margin-left: 1px;
	opacity: 1;
	text-indent: -9999px;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	background: url(../images/social.png) no-repeat;
}

#social li a:hover,
#menu-social li a:hover {
	opacity: .6;
}

.safari #social li a:hover,
.chrome #social li a:hover,
.safari #menu-social li a:hover,
.chrome #menu-social li a:hover {
	-webkit-filter: blur(1px);
	opacity: 1;
}

#social li.facebook a,
#menu-social li.facebook a {
	background-position: 0 0px;
}

#social li.feed a,
#menu-social li.feed a  {
	background-position: 0 -70px;
}

#social li.flickr a,
#menu-social li.flickr a {
	background-position: 0 -209px;
}

#social li.google a,
#menu-social li.google a {
	background-position: 0 -347px;
}

#social li.twitter a,
#menu-social li.twitter a {
	background-position: 0 -485px;
}

#social li.pinterest a,
#menu-social li.pinterest a {
	background-position: 0 -416px;
}

#social li.dribbble a,
#menu-social li.dribbble a {
	background-position: 0 -765px;
}

#social li.vimeo a,
#menu-social li.vimeo a {
	background-position: 0 -555px;
}

#social li.youtube a,
#menu-social li.youtube a {
	background-position: 0 -625px;
}

#social li.github a,
#menu-social li.github a {
	background-position: 0 -835px;
}

#social li.instagram a,
#menu-social li.instagram a {
	background-position: 0 -905px;
}

#social li.itunes a,
#menu-social li.itunes a {
	background-position: 0 -974px;
}

#social li.linkedin a,
#menu-social li.linkedin a {
	background-position: 0 -1044px;
}

#social li.forrst a,
#menu-social li.forrst a {
	background-position: 0 -1115px;
}

#social li.yelp a,
#menu-social li.yelp a {
	background-position: 0 -696px;
}

#social li.foursquare a,
#menu-social li.foursquare a {
	background-position: 0 -278px;
}

#social li.email a,
#menu-social li.email a {
	background-position: 0 -140px;
}

#social li.rss a,
#menu-social li.rss a {
	background-position: 0 -70px;
}

/* Footer
----------------------------------------------- */

footer {
	width: 92.8%;
	max-width: 1300px;
	margin: 40px auto 0;
	overflow: hidden;
	border-top: 3px solid #8B634B;
}

footer ul {
	margin-top: 0;
}

.footer-left {
	float: left;
	display: inline;
}

.footer-right {
	float: right;
	display: inline;
}

footer p {
	margin: 0;
	font-size: 12px;
}

/* Comments
----------------------------------------------- */

#comments {
	clear: both;
	width: 98%;
	overflow: hidden;
	padding-top: 20px;
}

h2.comments-title {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 24px;
}

ol.commentlist {
	list-style-type: none;
	margin: 0;
}

ol.commentlist li {
	overflow: hidden;
	list-style-type: none;
	margin-bottom: 30px;
	padding-left: 20px;
}

.alt,
.depth-1,
.even {
	border-left: 5px solid #dbdcdb;
}

li.bypostauthor {
	border-color: #3785B1;
}

ol.commentlist ul.children {
	margin: 20px 0 0 35px;
}

.comment-header {
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 14px;
}

.comment-header cite.fn {
	text-transform: uppercase;
	display: block;
	margin-bottom: 7px;
	font-weight:800;
	font-size: 22px;
	font-variant: normal;
}

.comment-header img {
	float: left;
	margin-right: 16px;
}

.reply p {
	margin-bottom: 0;
}

#author,
#comment,
#email,
#url {
	background-color: #FF4C00;
	margin: 10px 5px 0 0;
	padding: 5px;
	width: 50%;
}

#comments input#author,
#comments input#email,
#comments input#url,
#comments textarea#comment {
	float: left;
	clear: both;
	margin-right: 0;
	width: 98%;
}

p.comment-form-author,
p.comment-form-email,
p.comment-form-url {
	margin-bottom: 0;
	height: 63px;
}

p.comment-form-author label,
p.comment-form-email label,
p.comment-form-url label,
p.comment-form-comment label {
	position: relative;
	top: 8px;
}

p.comment-form-author span.required,
p.comment-form-email span.required {
	position: relative;
	top: 2px;
}

p.comment-form-comment {
	position: relative;
}

p.form-allowed-tags {
	clear: both;
	display: none;
}

#respond p.form-submit {
	clear: both;
	padding-top: 20px;
}


/* Images and Galleries
----------------------------------------------- */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

dl.gallery-item {
	margin: 0;
}

#content .gallery .gallery-icon img {
	border: 1px solid #ddd;
	padding: 6px;
}

.wp-caption img {
	border-color: #eee;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}

p img,
.wp-caption {
	margin-top: 0.4em;
}

.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}

.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-size: 12px;
}

.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}

.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-weight:800;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}

#content .gallery {
	margin: 0 auto 20px;
}

#content .gallery a img {
	border: none;
}

#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}

#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}


/* Media Queries
----------------------------------------------- */

@media only screen and (max-width: 1400px) {

	/* Larger featured ../images/videos when using a large display */
	
	#content .featured {
		width: 800px;
		height: auto;
		margin-left: -200px;
	}
	

.section-wrap { max-width: 1198px; }
 
}

  
    @media only screen and (max-width: 1330px) {  
   
   		#nav {
	   		margin: 43px 0 0 0px;
		}
   }

@media screen and (max-height:800px) {
	.book-btn{
	position:fixed;
	width:36px;
	height: 97px;
	top:46%;
	right:0%;
	padding:0;
	 z-index: 1000;
	 background-image: url(../images/book-mobile.png);
	 background-repeat: none;
}
}



@media only screen and (max-width: 1240px) {
	#nav li a {
		padding: 10px;
		font-size: 28px;
	}
	
}
@media only screen and (max-width: 1149px) {
.xmas-link {
	margin-top: 20px;
    position: absolute;
    right: 0;
    top: 0;
}
}

@media only screen and (max-width: 1373px) { .city {  width: 30%; } .phone { width: 80.8%; }  }

@media only screen and (max-width: 1345px) { .phone { font-size: 0.9em; margin-left: 82px; padding: 13px 0 11px 0; width: 81%; } }

@media only screen and (max-width: 1300px) { .phone { font-size: 0.9em; margin-left: 78px; padding: 13px 0 11px 0; } }

@media only screen and (max-width: 1250px) { .phone { font-size: 0.9em; margin-left: 74px; padding: 13px 0 11px 0; } }

@media only screen and (max-width: 1230px) { .city {  width: 25%; } }

@media only screen and (max-width: 1175px) { .contain-header-boxes .box-b { width: 29% } }



@media only screen and (max-width: 1150px) {
.contain-header-boxes .box-a {
    float: none;
    height: auto;
    margin-top: 10px;
    position: absolute;
    width: auto;
}
contain-header-boxes .box-c { border: none; float: none; clear: both; width: 100%; } 
.contain-header-boxes .box-b { width: 403px; margin-left: 31.5%; } #header { height: 200px; border-bottom: 5px solid #8b634b; }
#nav li a { font-size: 26px; padding: 12px; }
#logo, #text-logo { text-align: center; margin-top: 0px;}
#logo img {
    height: 100px;
    margin: 0;
}
.contain-header-boxes .box-c {
  clear: right;
  float: left;
  height: 81px;
  margin: 0;
  position: relative;
  width: 100%;
}
#header {
    height: 180px;
}
#nav { margin-left: 33%; margin-top: 28px;} .slider-content { top:60%; height: 110px; } .slider-content h3 {  } .slider-content p { font-size: 4.5em; } }

@media only screen and (max-width: 1100px) { .slider-content { top:50%; height: 110px; } }

@media only screen and (max-width: 1000px) { .slider-content { top:60%; } }

@media only screen and (max-width: 969px) { .slider-content { top:60%; } }

@media only screen and (max-width: 969px) { .slider-content { top:60%; } }

@media only screen and (max-width: 920px) { .contain-header-boxes .box-b { width: 403px; margin-left: 27.5%; }  }

@media only screen and (max-width: 870px) { .contain-header-boxes .box-b { width: 403px; margin-left: 25.5%; } #nav { margin-left: 26%; } }

@media only screen and (max-width: 790px) { .contain-header-boxes .box-b { width: 403px; margin-left: 23.5%; } #nav { margin-left: 21%; } .slider-content { top:16%; } .slider-content h3 { font-size: 7em; } .slider-content p { font-size: 3.5em; }  .contain-header-boxes .box-b { width: 403px; margin-left: 21.5%; } #nav { margin-left: 24%; } .about-section { margin-top: 60px; }  }

@media only screen and (max-width: 770px) {
	.slider-content { top:21%; }
	.slider-content h3 { font-size: 5em; line-height: 60px;}
	.slider-content p { font-size: 3.5em; } 
}

@media only screen and (max-width: 740px) { .contain-header-boxes .box-b { width: 403px; margin-left: 19.5%; } #nav { margin-left: 19%; }  }

@media only screen and (max-width: 680px) { .contain-header-boxes .box-b { width: 403px; margin-left: 15.5%; }
.contain-header-boxes .box-a {
    display: none;
}
}

@media only screen and (max-width: 600px) { .contain-header-boxes .box-b { width: 403px; margin-left: 11.5%; } #nav { margin-left: 12%; }  }


@media only screen and (max-width: 1350px) {

	/* Larger featured ../images/videos when using a large display */
	
	#content .featured {
		width: 700px;
		height: auto;
		margin-left: -100px;
	}

}

@media only screen and (max-device-width: 1024px) {

	/* Position Image Backgrounds For All Mobile Devices */
	
	div.picture-block {
		height: 300px;
		background-attachment: scroll;
	}
	.supercrsl a.prev, .supercrsl a.next {
		top: 23%;
	}
}

@media only screen and (max-width: 1080px) {
	
	.book-btn{
	position:fixed;
	width:36px;
	height: 97px;
	top:43%;
	right:0%;
	padding:0;
	 z-index: 1000;
	 background-image: url(../images/book-mobile.png);
	 background-repeat: none;
}

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

	/* Portrait Tablet */
	
	#header {
		width: 100%;
	}
	.supercrsl a.prev, .supercrsl a.next {
		top: 16%;
	}
	.event-info h3 {
		margin-top: 30px;	
	}
	
}
@media only screen and (min-width: 361px) and (max-width: 640px) {

	/* Portrait Tablet */
	
	.supercrsl a.prev, .supercrsl a.next {
		top: 12%;
	}
	.event-info h3 {
		margin-top: 30px;	
	}
	
}

@media only screen and (max-width: 800px) {
	
#featuredposts-3 { width: 100%; none: left; margin-bottom: 60px; }

#featuredposts-8 { float: none; width: 100%; margin-bottom: none; }

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

.section-wrap-one { margin-top: 10px; }

.news-section { width: 100%; float: left; margin-bottom: 60px; }

.booking-section { width: 100%; float: none; }

.fixed #header {
border-bottom: 5px solid #8b634b;

}
.event-info h3 {
	margin-top: 30px;	
}

/*input,
select,
textarea { width: 300px; }*/

.flexslider .slides img {
	width: 100%; 
	display: block;
	height: 600px;
}


	
	#header div.menu,
	#navigation {
		float: none;
		width: 100%;
	}
	
	#header div.menu,
	#header #navigation {
		float: none;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	#header div.menu ul,
	#header #navigation ul {
		text-align: center;
		float: none;
	}
	
	#header div.menu li,
	#header #navigation li {
		float: none;
		display: inline-block;
		margin-left: 7px;
		margin-right: 7px;
	}
	
	#header-content,
	.section-wrap,
	footer,
	.wrap {
		width: 90%;
	}
	
	#content,
	#sidebar,
	.menu-list {
		width: 100%;
		float: none;
	}
	
	.address-hours {
		float: none;
		width: 100%;
	}	
	
	.single-staff #content {
		text-align: center;
	}
	
	.single-staff .attachment-staff {
		float: none;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
	}
	
	.widget.featured-posts {
		width: 100%;
	}
	
	
}

@media only screen and (min-width: 481px) and (max-width: 767px) {

	/* Small Tablet */
	
	.staff-list li {
		width: 45%;
	}
	
	#sidebar .widget {
		width: 100%;
	
	}
	.event-info h3 {
		margin-top: 30px;	
	}
	
}

  /*
#nav {
      float: left;
      list-style: none;
	  margin: 33px 0 0 18px;
	  padding: 0; }
   #nav li {
      float: left; margin-right: 5px; }
   #nav li a {
      display: block;
      text-decoration: none;
      font-family: "chaparral-pro",sans-serif; font-weight:800; font-weight: 700; font-size: 13px; text-transform: uppercase; color: #605750; letter-spacing: 1px; }
   #nav li a:hover {
      border-bottom: 2px solid #4d4d4d; }
   /* End navigation bar styling. 
   
 .dot { float: left; padding: 0; margin-right: 15px; margin-left: 15px; } */
 
@media only screen and (max-width: 720px) { .slider-content { top:40%; } }
  
@media only screen and (max-width: 600px) { .slider-content { top:15%; } .slider-content h3 { font-size: 2.8em; } .slider-content p { font-size: 2.8em; } .book-btn{
	position:fixed;
	width:36px;
	height: 97px;
	top:41%;
	right:0%;
	padding:0;
	 z-index: 1000;
	 background-image: url(../images/book-mobile.png);
	 background-repeat: none;
}

#nav { margin-left: 14.5%; }
#nav li a {  }	

  }

@media only screen and (max-width: 550px) { .contain-header-boxes .box-b { width: 403px; margin-left: 5.5%; }
#logo img {
    height: 80px;
    margin: 0;
}
.event-info h3 {
	margin-top: 30px;	
}
}

@media only screen and (max-width: 550px) { .contain-header-boxes .box-b { width: 325px; height: 50px; margin-left: 14.5%; } #logo h1,
#text-logo p,
#text-logo h1 {
	line-height: 0.1; }  .dot { float: left; padding: 0; margin-left: 3px; } #header { height: 150px; } #nav { margin-left: 15%; margin-top: 33px; }
	
	.slider-content { top:15%; } .slider-content h3 { font-size: 2.5em; } .slider-content p { font-size: 2.5em; } }
	
@media only screen and (max-width: 500px) { .slider-content { top:60%; }


 }
	
@media only screen and (max-width: 470px) { .contain-header-boxes .box-b { margin-left: 9.5%; } #nav { margin-left: 3%; } }

@media only screen and (max-width: 470px) { .dot { display: none; }  #nav li {
      float: left; margin-right: 16px; } .contain-header-boxes .box-b { margin-left: 7.5%; } #nav { margin-left: 6%; } input,
select,
textarea { width: 200px; } }

@media only screen and (max-width: 440px) { .about-section { margin-top: 0px; }  .slider-content { top:12%; left: 47%;} .slider-content h3 { font-size: 1.7em; } .slider-content p { font-size: 1.7em; } }

@media only screen and (max-width: 400px) {
	.contain-header-boxes {
		width: 100%;
	}
	.contain-header-boxes .box-b {
		width: 100%;
		height: 50px;
		margin-left: -1%;
	}
	#nav { margin-left: 15%;} #logo,
#text-logo {
	
} #logo p,
#logo h1,
#text-logo p,
#text-logo h1 {
	line-height: 0; }
	
#nav li {
      float: left; margin-right: 10px; }
	
#nav li a { font-size: 20px;  padding: 6px; }	

 .dot { display: none; }
 
 #nav { margin-left: 7%; width: 100%; }
 
.xmas-link a {
    font-size: 20px;
	}
	
#logo img {
    height: 80px;
    margin: 0;
}
#nav {
    margin-top: 40px;
}
}
	
@media only screen and (max-width: 350px) {
	
#nav { margin-left: 0%; width: 100%; }

#nav li {
      float: left; margin-right: 5px; }	
	
input,
select,
textarea { width: 170px; }

.sec-title h1 { font-size: 1.55em; }
.sec-text p { line-height: 25px; font-size: 1em; }

aside p { line-height: 25px; font-size: 1em; }

.widget {
	width: 100%;
	/*max-width: 600px;*/
	float: left;
}

h3.widget-title {
	padding-bottom: 4px;
}

.details-col-one { margin-left: 0px; }

.contain-contact h3 { font-size: 1.1em; }

.details-col-one h3 { font-size: 1.3em; line-height: 0px; }
	
.details-col-one h4 { font-size: 1.1em; line-height: 0px; }

.details-col-two h3 { font-size: 1.3em; text-transform: uppercase; line-height: 0px; }

.details-col-two h4 { font-size: 1.1em; text-transform: inherit; line-height: 0px; }

.book-btn{
	position:fixed;
	width:36px;
	height: 97px;
	top:32%;
	right:0%;
	padding:0;
	 z-index: 1000;
	 background-image: url(../images/book-mobile.png);
	 background-repeat: none;
}

.Flexible-container {
    position: relative;
    padding-bottom: 82.75%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
	max-width: 600px;

}
.book-btn{
	position:fixed;
	width:36px;
	height: 97px;
	top:39%;
	right:0%;
	padding:0;
	 z-index: 1000;
	 background-image: url(../images/book-mobile.png);
	 background-repeat: none;
}
.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	max-width: 600px;
	max-height: 754px;
}

.flexslider .slides img {
	width: 100%; 
	display: block;
	max-height: 600px;
}

  }	


@media only screen and (max-width: 365px) {  
  
#nav { margin-left: 0; width: 100%; }

#nav li a { font-size: 24px;   }	
  
.news-section { margin-bottom: 30px; }
  
#featuredposts-3 {  margin-bottom: 20px;  }
  
.about-section { margin-top: 10px; margin-bottom: 30px; }


#featuredposts-8 { margin-bottom: 10px; }

.section-wrap { margin-top: 30px; margin-bottom: 10px; }

.flexslider .slides img {
	width: 100%; 
	display: block;
	max-height: 400px;
}

.slider-content { top:13%; left: 47%;}

.slider-content p { font-size: 1.3em; line-height: 16px; }

.slider-content h3 {
	font-size: 3em;
	line-height: 40px;
}
.slider-content {
	top: 10%;
}
  
}

@media only screen and (max-width: 320px) { #nav { margin-left: 2%; width: 100%; margin-top: 7px; } .events-section .flex-direction-nav .flex-next { right: 0px; } .slider-content h3 { font-size: 1.2em; }.slider-content { top:20%; left: 47%;} .slider-content p { font-size: 1.2em; line-height: 16px; } #logo,
#text-logo {
	padding: 0px 30px 0 30px;
} #nav li a {font-size: 21px; } #header { height: 120px; }
#logo img {
    height: 60px;
    margin: 0;
}
#nav {
    margin-top: 15px;
}
#one {
    height: 200px;
    margin-top: 120px;
    overflow: hidden;
}
.details-col-one h3, .details-col-two h3 {
    font-size: 1.3em;
    line-height: 20px;
	float: left;
}
.details-col-one h4 {
    font-size: 1.1em;
    line-height: 12px;
	float: left;
}
.details-col-one h4 a {
    line-height: 20px;
}
.details-col-one h3 {
    font-size: 1.3em;
    line-height: 20px;
	float: left;
}
.details-col-two h4 {
    font-size: 1.1em;
    line-height: 12px;
}
.details-col-two h3 {
    font-size: 1.3em;
    line-height: 20px;
	width: 100%;
}
.sec-title {
  border-bottom: 1px solid #8b634b;
  margin-bottom: 30px;
  padding-bottom: 1px;
  width: 100%;
}
.slider-content {
    top: 13.5%;
	left: 47%;
}
.slider-content h3 {
    font-size: 2.6em;
    line-height: 36px;
}
div#one {
    height: 200px;
    margin-top: 125px;
    overflow: hidden;
}
.event-info h3 {
	margin-top: 30px;	
}
}

  	

@media only screen and (max-width: 480px) {

/* Smartphone */
	
.staff-list li {
		width: 100%;
	}
	
#sidebar .widget {
		width: 100%;
		float: none;
		margin-bottom: 40px;
	}
	.event-info h3 {
	margin-top: 30px;	
}

}

/* Firefox */

@-moz-document url-prefix() { 

	 .about-section { margin-top: 0px; }
	 .events-section { margin-top: 0px;
  }
}

/* start of wiredmonkey */
.event-list .start-date, .event-list .end-date {
	background:#fff !important; 
	color:#404041 !important;
}
.wrap.cf.single-post {
	margin:225px auto 0 auto;
}
.wrap.cf.single-post p {
	padding-bottom:15px;
	line-height: 26px;	
}
.wrap.cf.single-post img {
	margin-bottom:20px;	
}
.single .wrap.cf.single-post #content article {
	margin-bottom:0;	
}
/* end of wiredmonkey */

/* 
===================
 Event List Layout
===================

<ul class="event-list">

	<li class="event">
		<div class="date">
		
			<!-- ONLY OUTPUT FOR MULTI-DAY EVENTS -->		
			<div class="start-date">
				<div class="weekday"></div>
				<div class="day"></div>
				<div class="month"></div>
				<div class="year"></div>
			</div>
			<!-- ONLY OUTPUT FOR MULTI-DAY EVENTS FINISH -->
			
			<div class="end-date">
				<div class="weekday"></div>
				<div class="day"></div>
				<div class="month"></div>
				<div class="year"></div>
			</div>
		</div>
		<div class="event-info">
			<h3 class="event-title"></h3>
			<span class="event-time"></span>
			<span class="event-location"></span>
			<div class="event-cat"></div>
			<div class="event-details"></div>
		</div>
	</li>

</ul>

=======================================
*/
/*
a.rss-link {
	display:block;
	height:16px;
	float:right;
	background:transparent url(../images/icon-rss.png) right top no-repeat;
	padding-right:20px;
	line-height:16px;
}
*/

ul.event-list {
	list-style: none;
	margin: 0px 0 1.5em 0;
	padding: 0;
	width: 100%;
	position: relative;
}


li.event {
	clear: both;
}

.event-info {	
	width:80%;
	margin-left:15% !important
}

@media only screen and (max-width: 1200px) { .event-info {	
	width:80%;
	margin-left:20% !important
}   }

@media only screen and (max-width: 980px) { .event-info {	
	width:78%;
	margin-left:23% !important }  }
	
	@media only screen and (max-width: 800px) { .event-info {	
	width:85%;
	margin-left:10% !important
}

  }

@media only screen and (max-width: 800px) {
	
	.event-info {	width:100%;
	margin-left:0% !important;
	padding-top: 75px;
	}
	
	.events-contain { height: 660px; }
	
	.event-details {
	padding-left: 0px;
	padding-top: 0px;
}

.event-details p {
	line-height: 10px;
	padding-top: 0px;	

	
}
.events-section .flex-direction-nav a {
	top: 320px; z-index: 1000;
}

.events-section .flex-direction-nav .flex-prev { left: 0px; }

}



@media only screen and (max-width: 365px) { .events-section .flex-direction-nav a {
	top: 240px; z-index: 1000;
} .events-contain { height: 460px; } }

@media only screen and (max-width: 320px) { .events-section .flex-direction-nav a {
	top: 260px; z-index: 1000;
}}

.event-date {
	white-space: nowrap;
	float: left;
	margin-bottom: 1.5em;
	position:absolute;
	left:0px;
	top:0px;
}

.event-list .multi-date {
	background: url(../../images/date-separator.png) center no-repeat;
}

.event-list .start-date, .event-list .end-date {
	text-align: center;
	width: 4.3em;
	border-radius: 5px;
	background-color: rgb(230,230,230);
	overflow: hidden;
	font-family: BodoniEgyptianPro-Regular;
	font-weight: normal;
	font-style: normal;
	color: #404041;
	margin-right: 10px;
	font-size: 1.12em;
	padding: 3px 0 3px 0;
}

.event-list .start-date {
	float: left;
}

.event-list .end-date {
	margin-left: 3.8em;
}

.event-weekday {
	font-size: 0.8em;
	text-transform: uppercase;
}

.event-day {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: -0.2em;
}

.event-month {
	text-transform: uppercase;
	font-size: 1.0em;
	line-height: 1em;
	padding: 0.4em 0 0.4em 0;
}

.event-year {
	font-size: 0.8em;
	line-height: 0.8em;
	letter-spacing: 0.1em;
	padding-bottom: 0.3em;
}

.multi-day {
	margin: 0 0 0 7.5em;
}

.single-day {
	margin: 0;
}

.event-info h3 {
	clear: none;
	font-family: "GarageGothic Regular","Helvetica",Arial,sans-serif;
	font-weight:800; 
	font-weight: 400;
	color: #000;
	font-size: 34px;
	padding-bottom: 10px;
	text-transform: uppercase;
	
	
}

.event-time {
	padding-right: 0.8em;
	font-family: "Courier New";
	font-weight:800; 
	font-weight: 400;
	color: #000;
	font-size: 1.75em;
}

.event-cat {
	font-size: 0.95em;
}

.event-details {
	padding-left: 0px;
	padding-top: 10px;
}

.event-details p {
	line-height: 30px;
	padding-top: 10px;
	color: #000;	

}

.xmas-badge { margin-left: 20px; margin-top: 30px; }  

@media only screen and (max-width: 360px) {
	.xmas-badge { display: none; }
	.supercrsl a.prev, .supercrsl a.next {
		top: 15.5%;
	}
	.event-info h3 {
		margin-top: 30px;	
	}
}


.readmore, .swiper-slide a{
	font-family: "GarageGothic Regular","Helvetica",Arial,sans-serif;
	font-size: 26px;
	text-decoration: none;
	text-transform: uppercase;	
	text-decoration: none;
}
.readmore.bottom:hover{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.readmore.bottom:hover, .swiper-slide a:hover{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	opacity: 0.8;
	
}
#one > img {
    left: 20px;
    position: relative;
}
div#two .picture-block {
	height: 800px;
	background-image: url(../images/1.jpg);
}
div#edinburgh-events .picture-block {
	height: 800px;
	background-image: url(../images/2.jpg);
}
div#papermill-blog .picture-block {
	height: 800px;
	background-image: url(../images/3.jpg);
}
div#papermill-menus .picture-block {
	height: 800px;
	background-image: url(../images/4.jpg);
}

@media only screen and (max-width: 360px) {

	div#two .picture-block {
	height: 350px;
	background-image: url(../images/1.jpg);
}
div#edinburgh-events .picture-block {
	height: 350px;
	background-image: url(../images/2.jpg);
}
div#papermill-blog .picture-block {
	height: 350px;
	background-image: url(../images/3.jpg);
}
div#papermill-menus .picture-block {
	height: 350px;
	background-image: url(../images/4.jpg);
}	
.supercarousel_wrapper .supercarousel p {
    font-size: 1.4em;
}
	
}


/*Added by Wiredmonkey so design matches exactly*/

.box-a p.first {
    margin-top: 12px;
}
.block-title {
    text-transform: uppercase;
}

.sec-text img {
    padding-left: 22px;
}
.supercarousel_wrapper .supercarousel p {
	color: #000;
    font-family: BodoniEgyptianPro-Regular;
	font-weight: normal;
	font-style: normal;
	line-height: 30px;
	letter-spacing: 0;
}