/*
Theme Name: Setmore SpaSalon
Theme URI: http://www.setmore.com/setmore-spasalon/
Author: Setmore
Author URI: http://www.setmore.com/
Description: SetmoreSpaSalon theme is a simple but powerful theme designed keeping in mind the requirements of Salons of all sorts. A responsive theme that helps salon businesses spends less time in setting up a complex website and focuses more on what they do the best. We have added options to add multiple employees, business services, business hours, Book now buttons (for Setmore Users) to pull up booking pages from our free online appointment scheduling software <a href="http://www.setmore.com/">Setmore</a>, along with a number of customization possibilities under theme options.
Version: 1.2
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats
Text Domain: setmore-spasalon
*/
/******************************************************************
RESET STYLES
******************************************************************/
/* general reset */
html, body, div, span, object, embed, ruby, output, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
     
html { 
	font-size: 62.5%;
	overflow-y: scroll;
}

/* html 5 reset */             
article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
menu, 
nav, 
section { 
	display: block; 
}

/* ul & li resets */
ol, ul { 
	list-style: none; 
}

/* blockquote reset */
blockquote, q { 
	quotes: none; 
}

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

/* link style resets */
a { 
	margin: 0; 
	padding: 0; 
	font-size: 100%; 
	vertical-align: baseline; 
	background: transparent; 
}

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

/* table resets */
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}

td, 
td img { 
	vertical-align: top; 
} 

/* type & header styles */
body {
	font-size: 16px; /* for ie8 & below */ 
	font-size: 1.6rem; 
	line-height: 1.6; 
	font-family: "Noto Sans", Tahoma, Geneva, sans-serif;
}

p { 
	hyphenate: auto;
	hyphenate-before: 2; 
	hyphenate-after: 3; 
	hyphenate-lines: 3; 
	orphans: 4; 
}

select, 
input, 
textarea, 
button { 
	font: 99% sans-serif;
	border-radius: 0;
}
	select {
		max-width: 100%;
	}
	
	input[type=search] {
	  -webkit-appearance: none;
	}

body, 
select, 
input, 
textarea {   
	color: #222;
}

small, 
.small { 
	font-size: 12px; /* for ie8 & below */ 
	font-size: 1.2rem; 
	letter-spacing: 2px; /* for ie8 & below */
	letter-spacing: 0.2rem; 
	font-style: italic;
	line-height: 26px; 
	line-height: 2.6rem;
}

strong, 
th, 
.strong { 
	font-weight: bold;
}

em, 
.em { 
	font-style: italic;
}

ins, 
.ins { 
	color: #000; 
	text-decoration: underline; 
}

mark, 
.mark { 
	background-color: #ff9; 
	color: #000; 
	font-style: italic; 
	font-weight: bold; 
}

del, 
.del { 
	text-decoration: line-through; 
}

abbr[title], 
dfn[title] { 
	border-bottom: 1px dotted; 
	cursor:help; 
}

sub { 
	vertical-align: sub; 
	font-size: smaller; 
}

sup { 
	vertical-align: super; 
	font-size: smaller; 
}

/* code & pre box resets */
pre {  
	padding: 15px;  
	white-space: pre;  
	white-space: pre-wrap;  
	white-space: pre-line;  
	word-wrap: break-word; 
}

/* form & input resets */
pre, 
code, 
kbd, 
samp { 
	font-family: monospace, sans-serif;
	margin: 24px; /* for ie8 & below */ 
	margin: 2.4rem; 
}

input, 
select { 
	vertical-align:middle; 
}

textarea { 
	overflow: auto; 
} 

.ie6 legend, 
.ie7 legend { 
	margin-left: -7px; 
} 

input[type="radio"] { 
	vertical-align: text-bottom; 
}

input[type="checkbox"] { 
	vertical-align: bottom; 
}

.ie7 input[type="checkbox"] { 
	vertical-align: baseline; 
}

.ie6 input { 
	vertical-align: text-bottom; 
}

label, 
input[type=button], 
input[type=submit], 
button { 
	cursor: pointer; 
}

button, 
input, 
select, 
textarea { 
	margin: 0; 
}

/* vaidation */
input:valid, 
textarea:valid {  }
input:invalid, 
textarea:invalid { 
	border-radius: 1px;  
	-moz-box-shadow: 0px 0px 5px red; 
	-webkit-box-shadow: 0px 0px 5px red;  
	box-shadow: 0px 0px 5px red; 
}

.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { 
	background-color: #f0dddd; 
}

button { 
	width: auto; 
	overflow: visible; 
}

/* image resets */
.ie7 img, 
.irem7 img { 
	-ms-interpolation-mode: bicubic; 
}

/* hidden elements */
.hidden { 
	display: none; 
	visibility: hidden; 
} 

.visuallyhidden { 
	position: absolute !important; 
	clip: rect(1px 1px 1px 1px);  
	clip: rect(1px, 1px, 1px, 1px); 
}

/* added from 320&Up Project */

input, 
textarea  { 
	-webkit-box-sizing : border-box; 
	-moz-box-sizing : border-box; 
	-o-box-sizing : border-box; 
	box-sizing : border-box; 
}

/* clearfixes */
.clearfix:after, 
.menu ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { 
	zoom: 1;
}

.clearfix:after { 
	clear: both; 
}

/******************************************************************
COMMON & REUSABLE STYLES
******************************************************************/

/* floats */
.left { 
	float: left; 
}

.right { 
	float: right; 
}

/* text alignment */
.text-left { 
	text-align: left; 
}

.text-center { 
	text-align: center; 
}

.text-right { 
	text-align: right; 
}

/* highlighting search term on search page */
mark, 
.search-term { 
	background: #EBE16F;
}

/* alerts & notices */
.help, 
.info, 
.error, 
.success { 
	margin: 10px; 
	padding: 10px; 
	border: 1px solid #cecece; 
}

.help { 
	border-color: #E0C618; 
	background: #EBE16F; 
}

.info { 
	border-color: #92cae4; 
	background: #d5edf8; 
}

.error { 
	border-color: #fbc2c4; 
	background: #fbe3e4; 
}

.success { 
	border-color: #c6d880; 
	background: #e6efc2; 
} 

/******************************************************************
GENERAL STYLES
******************************************************************/

body { 
	-webkit-text-size-adjust : 100%; /* font size on apple devices */
	-ms-text-size-adjust : 100%;  /* font size on windows devices */
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/

h1 a, .h1 a, 
h2 a, .h2 a, 
h3 a, .h3 a, 
h4 a, .h4 a, 
h5 a, .h5 a { 
	text-decoration: none; 
}

h1, .h1 {
	font-size: 35px; /* for ie8 & below */ 
	font-size: 3.5rem;
	line-height: 32px; /* for ie8 & below */ 
	line-height: 3.2rem; 
}

h2, .h2 {
	font-size: 24px; /* for ie8 & below */ 
	font-size: 2.4rem;
	line-height: 30px; /* for ie8 & below */ 
	line-height: 3.0rem; 
}

h3, .h3 {
	font-size: 19px; /* for ie8 & below */ 
	font-size: 1.9rem;
	line-height: 24px; /* for ie8 & below */
	line-height: 2.4rem;
}

h4, .h4 {
	font-size: 16px; /* for ie8 & below */ 
	font-size: 1.6rem;
	line-height: 18px; /* for ie8 & below */
	line-height: 1.8rem;
}

h5, .h5 {
	font-size: 12px; /* for ie8 & below */ 
	font-size: 1.2rem;
	line-height: 40px; /* for ie8 & below */ 
	line-height: 4.0rem; 
	text-transform: uppercase; 
	letter-spacing: 2px; 
}

/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/

html, body {
	height: 100%;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -70px;
}

#container { 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-o-box-sizing: border-box; 
	box-sizing: border-box; 
     background: url(library/images/content-background-image.png) no-repeat center center;
    z-index: 2500;
    background-size: cover;
}
	
	/* layout options ( all have margins right & left of 1%) */
	
	.col60 { 
		width: 6.333%; 
	} /* width 60px / grid_1 */
	
	.col140 { 
		width: 14.667%; 
	} /* width 140px / grid_2 */
	
	.col220 { 
		width: 23.0%; 
	} /* width 220px / grid_3 */
	
	.col300 { 
		width: 31.333%; 
	} /* width 300px / grid_4 */
	
	.col380 { 
		width: 39.667%; 
	} /* width 380px / grid_5 */
	
	.col480 { 
		width: 48.0%; 
	} /* width 480px / grid_6 */
	
	.col540 { 
		width: 56.333%; 
	} /* width 540px / grid_7 */
	
	.col620 { 
		width: 64.667%; 
	} /* width 620px / grid_8 */
	
	.col700 { 
		width: 73.0%; 
	} /* width 700px / grid_9 */
	
	.col780 { 
		width: 81.333%; 
	} /* width 780px / grid_10 */
	
	.col860 { 
		width: 89.667%; 
	} /* width 860px / grid_11 */
	
	.col940 { 
		width: 98.0%; 
	} /* width 940px / grid_12 */
	
	/* layout & column defaults */
	.col60, 
	.col140, 
	.col220, 
	.col300, 
	.col380, 
	.col480, 
	.col540, 
	.col620, 
	.col700, 
	.col780, 
	.col860, 
	.col940 { 
		display: inline; 
		float: left;
		margin-left: 1%; 
		margin-right: 1%; 
		position: relative;
	}
	
	/* default styles & fixes */
	#main { 
		margin-left: 0; 
	} /* fixes alignment (defaulted at col620) */
	
	#sidebar { 
		margin-right: 0; 
	} /* fixes alignment (defaulted at col300) */
	
/******************************************************************
LINK STYLES
******************************************************************/

a, a:visited { 
	text-decoration: underline; 
}
a:hover {
	text-decoration: none; 
}
a:active {} /* on click */
a:link { 
	-webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */
}

/******************************************************************
TEXT SELECTION STYLES
******************************************************************/

/* Safari, Chrome, iPhones, iPads */
::-webkit-selection { 
	background: #000; 
	color: #fff; 
	text-shadow : none; 
}

/* Firefox */
::-moz-selection { 
	background: #000; 
	color: #fff; 
	text-shadow : none; 
}

/* The Rest */
::selection { 
	background: #000; 
	color: #fff; 
	text-shadow : none; 
}


/******************************************************************
WORDPRESS BODY CLASSES
want to style a page via body class? go ahead
******************************************************************/

body.rtl {}
body.home {} /* home page */
body.blog {} 
body.archive {} /* archive page */
body.date {} /* date archive page */
	body.date-paged-1 {} /* replace the number to the corresponding page number */
body.search {} /* search page */
	body.search-results {} /* search result page */
	body.search-no-results {} /* no results search page */
	body.search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */
body.error404 {} /* 404 page */
body.single {} /* single post page */
	body.postid-1 {} /* individual post page by id (i.e. body.postid-73) */
	body.single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */
body.attachment {} /* attatchment page */
	body.attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */
	body.attachment-mime-type {} /* style mime type pages */
body.author {} /* author page */
	body.author-nicename {} /* user nicename (i.e. body.author-samueladams) */
	body.author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */
body.category {} /* category page */
	body.category-1 {} /* individual category page (i.e. body.category-6) */
	body.category-paged-1 {} /* replace the number to the corresponding page number */
body.tag {} /* tag page */
	body.tag-slug {} /* individual tag page (i.e. body.tag-news) */
	body.tag-paged-1 {} /* replace the number to the corresponding page number */
body.page-template {} /* custom page template page */
	body.page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */
	body.page-paged-1 {} /* replace the number to the corresponding page number */
	body.page-parent {}
	body.page-child {}
	body.parent-pageid-1 {} /* replace the number to the corresponding page number */
body.logged-in {} /* if user is logged in */
body.paged {} /* paged items like search results or archives */
	body.paged-1 {} /* individual paged (i.e. body.paged-3) */
	
/* new browser classes */
body.browser-lynx {} /* lynx browsers */
body.browser-gecko {} /* firefox browsers */
body.browser-opera {} /* opera browsers */
body.browser-ns4 {} /* ns4 browsers */
body.browser-safari {} /* safari browsers */
body.browser-chrome {} /* chrome browsers */
body.browser-ie {} /* ie browsers ( aka dinosaurs) */
body.browser-iphone {} /* iphones (expirimental, best to use Media Queries) */


/******************************************************************
HEADLINES & TITLES
******************************************************************/

h1, .h1 {
	font-family: "Droid Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
}
h2, .h2 {
	font-family: "Droid Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
}
h3, .h3 {}
h4, .h4 {}
h5, .h5 {}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {}

/******************************************************************
HEADER SYTLES
******************************************************************/

header[role=banner] {
    position: fixed;
    z-index: 3000;
    width: 100%;
    top: 0;
    padding: 20px 0;
}
	header[role=banner],
	header[role=banner] div {
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		-o-box-sizing: border-box; 
		box-sizing: border-box; 
	}
	
	#inner-header {
		width: 100%;
		margin: 0 auto;
		padding: 0 2%;
		max-width: 1044px; /* for ie8 & below */
		max-width: 125.4rem;
        padding:5px;
	}
	
	#site-logo img {
		max-width: 100%;
	}

	#site-heading { 
		float: left;
		width: 35%;
		min-height: 60px; /* for ie8 & below */
		min-height: 6rem;
		padding-top: 20px; 
		padding-top: 2rem; /* for ie8 & below */
		margin-bottom: 10px; /* for ie8 & below */
		margin-bottom: 1rem;
	}
	
	#site-title {
		margin-bottom: 8px; /* for ie8 & below */
		margin-bottom: 0.8rem;
		font-family: "Droid Sans", Arial, Helvetica, sans-serif;
		font-size: 30px; /* for ie8 & below */
		font-size: 3.0rem;
		font-weight: 400;
		line-height: 40px; /* for ie8 & below */
		line-height: 4.0rem;
		word-wrap: break-word; 
	}
	
	#site-title a { 
		text-decoration: none;
	}
	
	#site-description {
		font-size: 14px; /* for ie8 & below */
		font-size: 1.4rem;
		color: #222;
	}

header[role=banner] #searchform {
		position: absolute;
		right: 0;
		top: 25px; /* for ie8 & below */
		top: 2.5rem;
	}
	
	#searchform label,
	#searchform input[type=submit] {
		display: none;
	}
	
	#s {
		font-size: 20px; /* for ie8 & below */
		font-size: 2.0rem;
		background: url(library/images/icon-search.png) no-repeat #fff; /* for ie8 & below */
		background: url(library/images/icon-search.png) no-repeat #fff;
		background-position: 7px 10px; /* for ie8 & below */
		background-position: 0.7rem 1rem;
		padding: 7px 10px 7px 30px; /* for ie8 & below */
		padding: 0.7rem 1rem 0.7rem 3rem;
		border: 0;
		outline: none;
	}
		header[role=banner] #s {
			min-width: 270px; /* for ie8 & below */
			min-width: 27rem;
		}
		
		.post-content #s,
		.widget #s {
			font-size: 14px; /* for ie8 & below */
			font-size: 1.4rem;
			min-width: 80%;
			border: 1px solid #e4e9ea;
			background-position: 7px 7px; /* for ie8 & below */
			background-position: 0.7rem 0.7rem;
		}
			.widget #s {
				min-width: 100%;
			}
	
	#headerimg { 
		width: 100%;
		margin-bottom: 20px; /* for ie8 & below */
		margin-bottom: 2rem;
	}
	
	#headerimg img {
		width: 100%;
		height: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	
.entry-header { 
	margin-bottom: 24px; /* for ie8 & below */
	margin-bottom: 2.4rem;
}

.entry-title {
	font-size: 24px; /* for ie8 & below */ 
	font-size: 2.4rem;
	line-height: 26px; /* for ie8 & below */ 
	line-height: 2.6rem;
}
	.entry-title a {

	}
		.entry-title a:hover {
			color: #95a5a6;
			text-decoration: underline;
		}
	body.page .entry-title, 
	body.single .entry-title, 
	.error404 .entry-title {
		font-size: 35px; /* for ie8 & below */
		font-size: 3.5rem;
		line-height: 38px; /* for ie8 & below */ 
		line-height: 3.8rem;
	}
	
.page-header { 
	margin: 20px 30px 0 30px; /* for ie8 & below */
	margin: 2.0rem 3.0rem 0 3.0rem;
}

/******************************************************************
NAVIGATION STYLES
(Main Navigation)
******************************************************************/
div.menu {
	font-size: 14px; /* for ie8 & below */
	font-size: 1.4rem; 
}
	div.menu > ul { }
		div.menu ul li { 
			list-style-type: none;
			float: left;
		}
			div.footer-menu ul li {
				list-style-type: none;
				display: inline-block;
				padding-left: 7px;
				padding-right: 7px;
			}
			
			div.footer-menu ul.sub-menu,
			div.footer-menu ul.children {
				display: none;
			}
			
			div.menu ul li a { 
				display: block;
				text-decoration: none;
			}
				div.menu ul li:last-child a {}
				div.menu ul li a:hover {}
		div.menu ul li.current-menu-item a, 
		div.menu ul li.current_page_item a {}
		div.menu ul li ul.sub-menu, 
		div.menu ul li ul.children { 
			position: absolute; 
			z-index: 9999; 
			width: 200px; /* for ie8 & below */
			width: 20rem; 
			word-wrap: break-word;
			display: none;
		}
			div.menu ul li ul li a {}
				div.menu ul li ul li a:hover {}
			div.menu ul li ul li:last-child a {}
			div.menu ul li:hover > ul { 
				display: inline;
			}
				div.menu ul li ul li ul.sub-menu, 
				div.menu ul li ul li ul.children { 
					right: -199px; /* for ie8 & below */
					right: -19.9rem; 
					position: absolute;  
					top: auto; 
					display: none;
				}
					div.menu ul li ul li:hover > ul.sub-menu, 
					div.menu ul li ul li:hover > ul.children { 
						display: inline;
					}
					
		.widget_nav_menu ul li { 
			float:none 
		}

		.widget_nav_menu ul li ul.sub-menu, 
		.widget_nav_menu ul li ul.children,
		.widget_pages ul li ul.sub-menu, 
		.widget_pages ul li ul.children { 
			position: relative;
			left: auto;
			z-index: 9999; 
			width: auto;
			word-wrap: break-word;
			margin-left: 16px; /* for ie8 & below */ 
			margin-left: 1.6rem;
			margin-top: 8px; /* for ie8 & below */
			margin-top: 0.8rem;
		}
			.widget_nav_menu ul li ul.sub-menu a, 
			.widget_nav_menu ul li ul.children a {}
			
			.widget_nav_menu ul li ul li ul.sub-menu, 
			.widget_nav_menu ul li ul li ul.children { 
				left: auto; 
				position: relative;
				margin-left: 16px; /* for ie8 & below */ 
				margin-left: 1.6rem;
				margin-top: 8px; /* for ie8 & below */
				margin-top: 0.8rem;
				top: auto; 
				word-wrap: break-word; 
			}

nav[role=navigation] {
	display: inline-block;
	padding-top: 20px; 
	padding-top: 2rem; /* for ie8 & below */
	width: 50%;
    float:right;
}
	nav[role=navigation] div.menu { 
		margin-right: -30px;
		float: left;
		
	}
	
		nav[role=navigation] .menu ul li {}
			nav[role=navigation] .menu ul li a, 
			nav[role=navigation] .menu #menu-icon { 
				padding: 10px 20px; /* for ie8 & below */
				padding: 1rem 2rem;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				box-sizing: border-box;
				text-transform: uppercase;
			}
			
			nav[role=navigation] .menu #menu-icon {
				cursor: pointer;
				display: none;
			}
			
				nav[role=navigation] .menu ul li a:hover {
					
				}
				
				nav[role=navigation] .menu ul li:first-child a {

				}
				
		nav[role=navigation] .menu ul li.current-menu-item a, 
		.nav ul li.current_page_item a, 
		nav[role=navigation] .menu ul li.current_page_item a {
			
		}
		
			nav[role=navigation] .menu ul.sub-menu li.current-menu-item a, 
			.nav ul.sub-menu li.current_page_item a, 
			nav[role=navigation] .menu ul.sub-menu li.current_page_item a,
			nav[role=navigation] .menu ul li.current-page-parent ul.sub-menu li a,
			nav[role=navigation] .menu ul li.current-menu-item ul.sub-menu li a,
			nav[role=navigation] .menu ul li.current_page_parent ul.children li a,
			nav[role=navigation] .menu ul li.current_page_item ul.children li a,  
			.nav ul li.current_page_item ul.sub-menu li a, 
			nav[role=navigation] .menu ul li.current_page_item ul.sub-menu li a {
				background: none;
			}
				
				nav[role=navigation] .menu ul.sub-menu li.current-menu-item a:hover, 
				.nav ul.sub-menu li.current_page_item a:hover, 
				nav[role=navigation] .menu ul.sub-menu li.current_page_item a:hover,
				nav[role=navigation] .menu ul li.current-page-parent ul.sub-menu li a:hover,
				nav[role=navigation] .menu ul li.current-menu-item ul.sub-menu li a:hover,
				nav[role=navigation] .menu ul li.current_page_parent ul.children li a:hover,
				nav[role=navigation] .menu ul li.current_page_item ul.children li a:hover,  
				.nav ul li.current_page_item ul.sub-menu li a:hover, 
				nav[role=navigation] .menu ul li.current_page_item ul.sub-menu li a:hover {
					background: #f2f2f2;
					
				}
		
		
		nav[role=navigation] .menu ul li ul.sub-menu, 
		nav[role=navigation] .menu ul li ul.children {
			background: #fcfcfc;
		}
		
		nav[role=navigation] .menu ul li ul.sub-menu li, 
		nav[role=navigation] .menu ul li ul.children li {
			border-bottom: 1px solid #f0f0f0;
			width: 200px; /* for ie8 & below */
			width: 20rem; 
		}
		
		nav[role=navigation] .menu ul li ul.sub-menu li a, 
		nav[role=navigation] .menu ul li ul.children li a {
			display: block;
			min-height: 38px; /* for ie8 & below */
			min-height: 3.8rem;
			font-size: 12px; /* for ie8 & below */
			font-size: 1.2rem;
			line-height: 2;
			padding: 7px 20px; /* for ie8 & below */
			padding: 0.7rem 2rem;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
		}
		
		nav[role=navigation] .menu ul li ul.sub-menu li:first-child, 
		nav[role=navigation] .menu ul li ul.children li:first-child {
			
		}
		
		nav[role=navigation] .menu ul li ul.sub-menu li:first-child a, 
		nav[role=navigation] .menu ul li ul.children li:first-child a {
			box-shadow: 1px 0 0 #eee inset, -1px 0 0 #eee inset, 0 1px 0 #eee inset;
		}
			nav[role=navigation] .menu ul li ul li a { 
				color: #555; 
				text-shadow: 0px 0px; 
				box-shadow: 1px 0 0 #eee inset, -1px 0 0 #eee inset;
			}
				nav[role=navigation] .menu ul li ul li a:hover { 
					background: #f5f5f5; 
					color: #555; 
				}
				
				nav[role=navigation] .menu ul li ul li ul li:first-child > a { 
					box-shadow: 1px 0 0 #eee inset, -1px 0 0 #eee inset, 0 1px 0 #eee inset;
				}
				
			nav[role=navigation] .menu ul li ul li:last-child a {}
			nav[role=navigation] .menu ul li:hover ul {}
				nav[role=navigation] .menu ul li ul li ul.sub-menu, 
				nav[role=navigation] .menu ul li ul li ul.children {
					margin-top: -38px; /* for ie8 & below */
					margin-top: -3.8rem;
				}
					nav[role=navigation] .menu ul li ul li:hover ul.sub-menu,
					nav[role=navigation] .menu ul li ul li:hover ul.children {
						
					}
					
/******************************************************************
THEME DEFAULT COLOR
******************************************************************/
.pagination li a:hover, .pagination li.active a, #nav-above .nav-next a, #nav-below .nav-next a, #image-navigation .next-image a, #nav-above .nav-previous a, #nav-below .nav-previous a,	#image-navigation .previous-image a, .commentlist .comment-reply-link, .commentlist .comment-reply-login, #respond #submit, .intro-copy-box, .inner-title-wrap, .post-content ol > li:before, .post-content ul > li:before, .about-us-team-title h1:before, table.two th, .staff-book-now, #button-blue, .crunchify-top{
    background-color: #27c3bb;
}
.sendCopy label, .business-days, footer[role=contentinfo] {
    background: #27c3bb;
}
.otw-button,.wrapup-button {
    background: #27c3bb;
}
.feedback-input:focus, #book-now-button a, .panel-button, .staff-book-now:hover, .crunchify-top:hover,.otw-button:hover {
    border: 2px solid #27c3bb;
}
.main-page-post .grid-box:hover, .main-staff-post .grid-box:hover, .services-wrap .grid-box:hover{
    box-shadow: 1px 4px 10px 6px #27c3bb;
}
.staff-book-now:hover, .crunchify-top:hover, .otw-button:hover{
    color: #27c3bb;
}
a, a:visited, #sidebar .widget-title, #reply-title, .latest-title, #alt-sidebar .widget-title, #wp-calendar caption, .about-us-contact-icon-text ul li strong, .about-us-email-icon-text ul li strong, #contact-us-info .widget-title, .widget-title, #contact-us-info #site-title>a, .custom_title h1, .staff-social-buttons a:link, .about-us-location-icon-text ul li strong, .contact-us-sidebar aside .widget-title, .feedback-input, .panel-textwidget h2, nav[role=navigation] .menu ul li>a:hover, .cost-detials table tr td span, footer .crunchify-top:hover .fa-hand-o-up, nav[role=navigation] .menu #menu-icon {
    color: #27c3bb;
}
p{
    color: #788a95;
}



/******************************************************************
POSTS & CONTENT STYLES
******************************************************************/

#content {
	padding-bottom: 1px; /* for ie8 & below */
	padding-bottom: 0.1rem;
	width: 96%;
	margin: 0 auto;
	padding: 0 2%;
	max-width: 1044px; /* for ie8 & below */
	max-width: 125.4rem;
}
	#content,
	#content div {
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		-o-box-sizing: border-box; 
		box-sizing: border-box;
	}
	
	#content.alt-home-cont {
		padding-top: 25px;
	}

	#main { 
		 /* adds bg to post area */
		overflow: hidden;
	}
		#main #searchform {
			margin-bottom: 35px; /* for ie8 & below */
			margin-bottom: 3.5rem;
		}
	
	body.page-template-full-width-php #main,
	body.page-template-full-width-page-php #main {}
	body.attachment #main {}
	
		article[id*=post-] {
			padding: 35px 30px; /* for ie8 & below */
			padding: 3.5rem 3.0rem; 
			word-wrap: break-word;
		}
			.sbfix article[id*=post-] {
				padding-left: 0;
			}
			
			.single article[id*=post-] {
				padding-bottom: 0;
			}
			
			.single article[id*=post-].people {
				padding-top: 15px;
			}
			
			.full-width-content article[id*=post-] {
				padding: 35px 0; /* for ie8 & below */
				padding: 3.5rem 0;
				padding-bottom: 0;
			}
		
		/* archive title */
		.archive_title { 
			padding: 0 20px;
			margin: 20px 0 12px; /* for ie8 & below */
			margin: 2.0rem 0 1.2rem; 
		}
		
		article[id=post-not-found] h1 {}
	
		/* want to style individual post classes? Booya! */
		.post-id {} /* post by id (i.e. post-3) */
		.post {} /* general post style */
		.page {} /* general article on a page style */
		.attachment {} /* general style on an attatchment */
		.sticky {} /* sticky post style */
		.hentry {} /* hentry class */
		.category-slug {} /* style by category (i.e. category-videos) */
		.tag-slug {} /* style by tag (i.e. tag-news) */
	
		/* post meta */
		.entry-meta, 
		.category-archive-meta {
			font-size: 14px; /* for ie8 & below */ 
			font-size: 1.4rem;
			line-height: 1.2; 
			color: #95a5a6;
			margin: 0 0 24px 0; /* for ie8 & below */ 
			margin: 0 0 2.4rem 0;
		}
		
		.entry-summary { 
			font-size: 14px; /* for ie8 & below */
			font-size: 1.4rem;
		}
			.entry-meta a {
				color: #95a5a6 !important;
				text-decoration: none;
			}
				.entry-meta a:hover {
					text-decoration: underline;
				}
		
			.meta time {}
			
			.meta-by,
			.meta-on,
			.meta-com,
			.meta-cat,
			.meta-tag {
				display: inline-block;
				width: 20px;
				height: 12px;
				text-indent: -9999px;
				vertical-align: middle;
				outline: none;
				background-position: left center;
				background-repeat: no-repeat;
				margin-right: 2px;
			}
			
				.meta-by {
					background-image: url(library/images/meta-author-g.png);
					margin-left: 15px;
					
				}
					.grid-box .byline {
						display: none;
						margin-top: 7px;
					}
					
					.grid-box .meta-by {
						margin-left: 0;
					}
				
				.meta-on {
					background-image: url(library/images/meta-date-g.png);
					
				}
				
				.meta-com {
					background-image: url(library/images/meta-comment.png);
				}
				
				.meta-cat {
					background-image: url(library/images/meta-cat.png);
					
				}
				
				.meta-tag {
					background-image: url(library/images/meta-tag.png);
					width: 16px;
					margin-left: 20px;
				}

			
		/* post content */
		.post-content { 
			word-wrap: break-word;
			margin-bottom: 40px; /* for ie8 & below */ 
			margin-bottom: 4.0rem;
			overflow: hidden;
		}
			.commentlist li.comment article[id*=comment-] p,
			.post-content p {
				margin: 0 0 24px 0; /* for ie8 & below */
				margin: 0 0 2.4rem 0; 
			}
			
			.commentlist li.comment article[id*=comment-] p:last-child,
			.post-content p:last-child { 

			}
			
			.post-content h1, .commentlist li.comment article[id*=comment-] h1,
			.post-content h2, .commentlist li.comment article[id*=comment-] h2,
			.post-content h3, .commentlist li.comment article[id*=comment-] h3,
			.post-content h4, .commentlist li.comment article[id*=comment-] h4,
			.post-content h5, .commentlist li.comment article[id*=comment-] h5,
			.post-content h6, .commentlist li.comment article[id*=comment-] h6,
			.post-content address, .commentlist li.comment article[id*=comment-] address {
				margin: 0 0 24px 0; /* for ie8 & below */
				margin: 0 0 2.4rem 0; 
			}
			
			.commentlist li.comment article[id*=comment-] ul, .post-content ul, 
			.commentlist li.comment article[id*=comment-] ol, .post-content ol, 
			.commentlist li.comment article[id*=comment-] table, .post-content table, 
			.commentlist li.comment article[id*=comment-] dl, .post-content dl { 
				margin: 24px 0; /* for ie8 & below */
				margin: 2.4rem 0; 
			}
				.commentlist li.comment article[id*=comment-] dl.wp-caption, 
				.post-content dl.wp-caption { 
					max-width: 100%;
					margin: 0 auto;
				}
			
			.commentlist li.comment article[id*=comment-] table,
			.post-content table { 
				width: 100%; 
			}
			
				.commentlist li.comment article[id*=comment-] table th,
				.post-content table th { 
					border-bottom: 2px solid #848484; 
					text-align: left; 
				}
				
				.commentlist li.comment article[id*=comment-] table td,
				.post-content table td { 
					border-bottom: 1px solid #d0d0d0; 
					padding: 5px; /* for ie8 & below */ 
					padding: 0.5rem;
				}
			
			.commentlist li.comment article[id*=comment-] ul, .post-content ul, 
			.commentlist li.comment article[id*=comment-] ol, .post-content ol { 
				list-style-position: outside; 
				line-height: 1.5;
				margin-left: 20px; /* for ie8 & below */ 
				margin-left: 2rem;
				margin-right: 20px; /* for ie8 & below */ 
				margin-right: 2rem; 
			}
			
			.commentlist li.comment article[id*=comment-] li, 
			.post-content li {
				margin-bottom: 12px; /* for ie8 & below */ 
				margin-bottom: 1.2rem; 
			}
			
			
			.post-content ol {
				list-style: none; /* Remove default numbering */
				*list-style: decimal; /* Keep using default numbering for IE6/7 */
				counter-reset: my-counter;
			}
				.commentlist li.comment article[id*=comment-] ol {
					list-style: decimal;
				}
				
				.post-content ol > li {
					list-style-type: none;
					position: relative;
					padding-left: 22px; /* for ie8 & below */
					padding-left: 2.2rem;
				}
				
				.post-content ol > li:before {
					content: counter(my-counter);
					counter-increment: my-counter;
					position: absolute;
					left: 0;
					top: 6px;
					border-radius: 50%;
					color: #fff;
					font-family: Arial, Helvetica, sans-serif;
					font-weight: bold;
					font-size: 10px; /* for ie8 & below */ 
					font-size: 1.0rem;
					text-align: center;
					width: 14px;
					height: 14px;
				}

			
			.post-content ul > li {
				list-style: none;
				position: relative;
				padding-left: 22px; /* for ie8 & below */
				padding-left: 2.2rem;
			}
				.commentlist li.comment article[id*=comment-] ul li {
					list-style: disc;
				}
				
				.post-content ul > li:before {
					content: "";
					position: absolute;
					left: 0;
					top: 6px;
					background-image: url(library/images/arrow-bullet.png);
					background-repeat: no-repeat;
					background-position: center center;
					border-radius: 50%;
					color: #fff;
					font-family: Arial, Helvetica, sans-serif;
					font-weight: 700;
					font-size: 9px; /* for ie8 & below */
					font-size: 0.9rem;
					line-height: 14px;
					text-align: center;
					width: 14px;
					height: 14px;
				}
			
			.commentlist li.comment article[id*=comment-] blockquote, 
			.post-content blockquote { 
				font-style: italic;
				line-height: 26px; /* for ie8 & below */ 
				line-height: 2.6rem;
				margin: 24px 35px 24px 56px; /* for ie8 & below */
				margin: 2.4rem 3.5rem 2.4rem 5.6rem; 
			}
			
			.commentlist li.comment article[id*=comment-] blockquote:before, 
			.post-content blockquote:before { 
				font-family: Georgia, serif;
				font-weight: 700;
				content: "“";
				font-size: 80px; /* for ie8 & below */ 
				font-size: 8.0rem;
				text-indent: -60px; /* for ie8 & below */
				text-indent: -6.0rem;
				margin-top: 12px; /* for ie8 & below */ 
				margin-top: 1.2rem; 
				float: left;
				opacity: 0.2; 
			}

			
			.commentlist li.comment article[id*=comment-] dl, 
			.post-content dl {
				margin: 26px 0 26px; /* for ie8 & below */ 
				margin: 2.6rem 0 2.6rem; 
			}
			
			.commentlist li.comment article[id*=comment-] dt, 
			.post-content dt { 
				font-style: italic;
				margin-top: 19px; /* for ie8 & below */
				margin-top: 1.9rem;
				font-size: 17px; /* for ie8 & below */ 
				font-size: 1.7rem; 
				font-weight: 700; 
				border-bottom: 1px solid #999; 
			}
				.commentlist li.comment article[id*=comment-] dt.wp-caption-dt, 
				.post-content dt.wp-caption-dt {
					border: 0;
					margin: 0 auto;
				}
			
			.commentlist li.comment article[id*=comment-] dd, 
			.post-content dd { 
				font-style: italic;
				font-size: 13px; /* for ie8 & below */ 
				font-size: 1.3rem;
				margin-top: 16px; /* for ie8 & below */ 
				margin-top: 1.6rem;
				line-height: 26px; /* for ie8 & below */ 
				line-height: 2.6rem; 
			}
			
			.commentlist li.comment article[id*=comment-] video, .post-content video,
			.commentlist li.comment article[id*=comment-] object, .post-content object,
			.commentlist li.comment article[id*=comment-] embed, .post-content embed,
			.commentlist li.comment article[id*=comment-] iframe, .post-content iframe { 
				display: block;
				margin: 0 0 24px 0; /* for ie8 & below */ 
				margin: 0 0 2.4rem 0; 
				max-width: 100%;
				min-width: 100%;
				height: auto;
				min-height: 340px; /* for ie8 & below */
				min-height: 34rem;
			}
				.full-width-content .commentlist li.comment article[id*=comment-] video, .full-width-content .post-content video,
				.full-width-content .commentlist li.comment article[id*=comment-] object, .full-width-content .post-content object,
				.full-width-content .commentlist li.comment article[id*=comment-] embed, .full-width-content .post-content embed,
				.full-width-content .commentlist li.comment article[id*=comment-] iframe, .full-width-content .post-content iframe { 
					min-height: 520px; /* for ie8 & below */ 
					min-height: 52rem;
				}
			
		
			.commentlist li.comment article[id*=comment-] pre,
			.post-content pre { 
				overflow: auto;
				background: #f5f5f5;
				border: 1px solid #f0f0f0;
				border-left: 3px solid #e0e0e0;
				padding-left: 25px; /* for ie8 & below */ 
				padding-left: 2.5rem;
			}
			
			.commentlist li.comment article[id*=comment-] img, 
			.post-content img {
				margin: 0 0 24px 0; /* for ie8 & below */
				margin: 0 0 2.4rem 0; 
				max-width: 100%; 
				height: auto; 
			}

		article[id*=post-] footer {
			clear: both;
			margin: 24px 0 0; /* for ie8 & below */ 
			margin: 2.4rem 0 0;
		}
		
		article[id*=post-] footer a {}
		
		.more-link {
			
		}
		
		.edit-link {
			background: url(library/images/meta-edit.png) no-repeat left center;
			padding-left: 20px;
			margin-left: 20px;
		}
		
/******************************************************************
GALLERY STYLES
******************************************************************/
.gallery { 
	margin: 0 auto 18px; /* for ie8 & below */ 
	margin: 0 auto 1.8rem;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
}

.gallery-columns-3 .gallery-item {
	width: 33%;
}

.gallery-columns-2 .gallery-item { 
	width: 50%; 
}

.gallery-columns-4 .gallery-item { 
	width: 23%; 
	margin-right: 2%;
	margin-bottom: 0;
}

.gallery-columns-5 .gallery-item { 
	width: 18%; 
	margin-right: 2%;
	margin-bottom: 0;
}

.gallery-columns-6 .gallery-item { 
	width: 14.5%; 
	margin-right: 2.1%;
	margin-bottom: 0;
}

.gallery-columns-7 .gallery-item { 
	width: 12%; 
	margin-right: 2.2%;
	margin-bottom: 0;
}

.gallery-columns-8 .gallery-item { 
	width: 10%; 
	margin-right: 2.5%;
	margin-bottom: 0;
}

.gallery-columns-9 .gallery-item { 
	width: 9%; 
	margin-right: 2.1%;
	margin-bottom: 0;
}

	.gallery .gallery-item a {
		padding: 0;
		display: block;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

.gallery img {
	box-shadow: 0px 0px 2px #c8c8c8;
	border: 1px solid white;
	padding: 3%;
	background: #f2f2f2;
	max-width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.gallery img:hover {
	background: white;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px; /* for ie8 & below */
	font-size: 1.2rem;
	line-height: 17px; /* for ie8 & below */
	line-height: 1.7rem;
	margin: -15px 4px 12px; /* for ie8 & below */
	margin: -1.5rem 0.4rem 1.2rem;
}
.gallery dl, 
.gallery dt,
.gallery-icon { 
	margin: 0; 
	border-bottom: 0; 
	padding: 0;
}
/* Pick the second line break if two
line breaks are adjacent */
.gallery br+br { 
	display: none; 
}


.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

/******************************************************************
POST FORMAT STYLES
******************************************************************/
/* Aside, Quote, Status Posts */
.format-aside .entry-header,
.format-quote .entry-header,
.format-status .entry-header {
	display: none;
}
.single .format-aside .entry-header,
.single .format-quote .entry-header,
.single .format-status .entry-header  {
	display: block;
}
.format-aside .entry-content,
.format-status .entry-content {
	padding-top: 0;
	font-style: italic;
	line-height: 26px; /* for ie8 & below */ 
	line-height: 2.6rem;
	margin: 24px 35px 40px 0; /* for ie8 & below */
	margin: 2.4rem 3.5rem 4.0rem 0;
	padding-left: 30px; /* for ie8 & below */
	padding-left: 3rem;
	padding-top: 0;
	border-left: 3px solid #f3f3f3;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
	padding-top: 0;
}


/* Image Posts */

.single .format-image .entry-header {
	display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
	padding-top: 0;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
	padding-top: 0;
}
	
/******************************************************************
PAGE NAVI STYLES
(Special Feature)
******************************************************************/
.pagination {
	clear: both;
	padding: 20px 0 30px 0; /* for ie8 & below */
	padding: 2rem 0 3rem 0;
	position: relative;
	font-size: 11px; /* for ie8 & below */
	font-size: 1.1rem;
	line-height: 13px; /* for ie8 & below */
	line-height: 1.3rem;
	margin: auto;
	text-align: center;
}
	 
.pagination a.page-numbers,
.pagination span.page-numbers.current {
	display: inline-block;
	margin: 2px 2px 2px 0; /* for ie8 & below */
	margin: 0.2rem 0.2rem 0.2rem 0;
	padding: 6px 9px 5px 9px; /* for ie8 & below */
	padding: 0.6rem 0.9rem 0.5rem 0.9rem;
	text-decoration: none;
	width: auto;
	color: #000;
	background-color: #e5e5e5;
}
	 
	 
.pagination a.page-numbers:hover,
.pagination span.page-numbers.current {
	padding: 6px 9px 5px 9px; /* for ie8 & below */
	padding: 0.6rem 0.9rem 0.5rem 0.9rem;
	color: #fff;
}

/* fallback previous & next links */
.wp-prev-next {}
	.wp-prev-next ul {}
		.wp-prev-next .prev-link {}
		.wp-prev-next .next-link {}
			
/******************************************************************
PAGE LINK STYLES
******************************************************************/

.page-link {
	clear: both;
	display: block;
	margin: 0 0 26px; /* for ie8 & below */
	margin: 0 0 2.6rem;
}
.page-link a,
.page-link a:visited {
	background-color: #f2f2f2;
	color: #373737;
	margin: 0;
	padding: 2px 5px; /* for ie8 & below */
	padding: 0.2rem 0.5rem;
	text-decoration: none;
}
.page-link a:hover {
	background-color: #c9c9c9;
	color: #fff;
	font-weight: bold;
}
.page-link span {
	margin-right: 6px; /* for ie8 & below */
	margin-right: 0.6rem;
}

.wp-prev-next .prev-link, 
.nav-previous, 
.previous-image { 
	float: left; 
}

.wp-prev-next .next-link, 
.nav-next, 
.next-image { 
	float: right; 
}
		
#image-navigation, 
#comment-nav-below, 
#comment-nav-above, 
#nav-above, 
#nav-below { 
	display: block; 
	overflow: hidden; 
	margin: 0 30px 50px 0; /* for ie8 & below */
	margin: 0 3rem 5rem 0;
}
	.pcont #nav-below { 
		margin-left: 30px;
	}
	
	#image-navigation {
		margin: 0 0 30px 0; /* for ie8 & below */
		margin: 0 0 3rem 0;
	}

#comment-nav-above a, 
#comment-nav-below a, 
#nav-above a, 
#nav-below a, 
#image-navigation a {}

#nav-above a, 
#nav-below a,
#image-navigation a {
	display: block;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	border-radius: 20px;
}

	#nav-above .nav-next a, 
	#nav-below .nav-next a,
	#image-navigation .next-image a {
		background: url(library/images/arrow-r.png) no-repeat center center;
	}
	
	#nav-above .nav-previous a, 
	#nav-below .nav-previous a,
	#image-navigation .previous-image a {
		background: url(library/images/arrow-l.png) no-repeat center center;
	}

	#comment-nav-above a:hover, 
	#comment-nav-below a:hover, 
	#nav-above a:hover, 
	#nav-below a:hover, 
	#image-navigation a:hover {}
	
	
	
/******************************************************************
SIDEBARS & ASIDES
******************************************************************/

#sidebar {
	float: right;
	margin-top: 35px; /* for ie8 & below */ 
	margin-top: 3.5rem;
}
	.sbfix #sidebar {
		margin-top: -100px;	
	}
	
	.sbfix.pgsb #sidebar {
		margin-top: -74px;	
	}
	
	#sidebar .widget {
		background-color: #fff;
		margin: 0 0 50px 0; /* for ie8 & below */
		margin: 0 0 5rem 0;
		padding: 28px 32px; /* for ie8 & below */
		padding: 2.8rem 3.2rem;
		border: 1px solid #e4e9ea;
		border-radius: 3px;
		word-wrap: break-word; 
		font-size: 14px;
	}
		#sidebar .widget a {}
		
		#sidebar .widget a:hover {}
		
		#sidebar .widget li,
		.widget_nav_menu li, 
		#meta.widget aside a {
			line-height: 24px; /* for ie8 & below */
			line-height: 2.4rem;
			margin-bottom: 12px; /* for ie8 & below */ 
			margin-bottom: 1.2rem;
		}
		
			#sidebar .widget ul.sub-menu li:last-child,
			#sidebar .widget ul.children li:last-child {
				
			}
		
		#sidebar .widget  a {
			color: #222;
			text-decoration: none;
		}
		
		#sidebar .widget a:hover {
			text-decoration: underline;
		}
		
		#sidebar .widget-title {
			font-size: 18px; /* for ie8 & below */
			font-size: 1.8rem;
			line-height: 1;
			margin-bottom: 20px; /* for ie8 & below */
			margin-bottom: 2rem; 
			padding-bottom: 20px;
			border-bottom: 1px solid #dedede;
			text-transform: uppercase;
		}
			#sidebar .widget-title a {
				
			}
		
			.post-content .widget-title {}

/* links widget */
.widget_links {}
.widget_links ul {}
.widget_links ul li {}
.widget_links ul li a {}

/* meta widget */
.widget_meta {}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}

/* pages widget */
.widget_pages {}
.widget_pages ul {}
.widget_pages ul li {}
.widget_pages ul li a {}

/* recent-posts widget */
.widget_recent_entries {}
.widget_recent_entries ul {}
.widget_recent_entries ul li {}
.widget_recent_entries ul li a {}
.widget_recent_entries .post-date { 
	margin-left: 10px;
	font-style: italic;
	opacity: 0.5;
}

/* archives widget */
.widget_archive {}
.widget_archive ul {}
.widget_archive ul li {} 
.widget_archive ul li a {}
.widget_archive select {}
.widget_archive option {}

/* tag-cloud widget */
.widget_links {}
.widget_links li:after {}
.widget_links li:before {}
.widget_tag_cloud {}
.widget_tag_cloud a { 
	padding: 3px; /* for ie8 & below */
	padding: 0.3rem;
}
.widget_tag_cloud a:after { 
	content: ","; 
}
.widget_tag_cloud a:before {}
.tagcloud {}

/* calendar widget */
.widget_calendar {}
#wp-calendar {
	text-align: center;
	width: 95%;
	margin: auto;
}

#calendar_wrap { 
	padding: 0;
}

#calendar_wrap th {
	border-top: 2px solid #ECF0F1;
	border-bottom: 2px solid #ECF0F1;
	padding-top: 5px;
	padding-bottom: 5px;
}
#calendar_wrap td {
	padding-top: 5px;
	padding-bottom: 5px;
}
#wp-calendar tr td {}
#wp-calendar caption { 
	font-size: 18px; /* for ie8 & below */
	font-size: 1.8rem;
	font-weight: bold; 
	margin-bottom: 12px; /* for ie8 & below */
	margin-bottom: 1.2rem;
	text-transform: uppercase;
}

#wp-calendar a {}
#wp-calendar #today {
	background-color: #ECF0F1;
}
#wp-calendar #prev {}
#wp-calendar #next {}
#wp-calendar #next a {}
#wp-calendar #prev a {}

/* category widget */
.widget_categories {}
.widget_categories ul {}
.widget_categories ul li {} 
.widget_categories ul ul.children {}
.widget_categories a {}
.widget_categories select{}
.widget_categories select#cat {}
.widget_categories select.postform {}
.widget_categories option {}
.widget_categories .level-0 {}
.widget_categories .level-1 {}
.widget_categories .level-2 {}
.widget_categories .level-3 {}

/* recent-comments widget */
.recentcomments {}
#recentcomments {}
#recentcomments li {}
#recentcomments li a {}
.widget_recent_comments {}

/* search widget */
#searchform {}
.widget_search {}
.widget_search #s { 
	width: 60%; 
}
.screen-reader-text {}

/* text widget */
.textwidget {}
.widget_text {}
.textwidget p {}
			
/******************************************************************
COMMENT STYLES
******************************************************************/
#comments {}
#comments-title {
	font-family: "Droid Sans", Arial, Helvetica, sans-serif;
	font-size: 30px; /* for ie8 & below */
	font-size: 3rem;
	font-weight: 400;
	margin: 0 30px 20px 0; /* for ie8 & below */
	margin: 0 3rem 2rem 0;
	color: #bdc3c7;
}/* h3 comment title */
	#comments span {} /* number of comments span */
.comment-nav {}
	.comment-nav ul {}
		.comment-nav ul li {}
		
.commentlist {
	margin: 0 30px 0 0; 
}
	.full-width-content .commentlist {
		margin-right: 0;
	
	}

body.page-template-full-width-php .commentlist {}

	.commentlist li.comment { 
		position: relative; 
		margin: 0;
		padding: 0 0 1px 0; 
		clear: both; 
		overflow: hidden; 
	}
	
		.commentlist footer.comment-head {
		  
	  	}
	
	.commentlist li.pingback { 
		background-color: #fefefe;
		padding: 24px; /* for ie8 & below */
		padding: 2.4rem;
		margin: 10px 0 20px 0; /* for ie8 & below */
		margin: 1rem 0 2rem 0;
		border: 1px solid #e4e9ea;
		border-radius: 3px;
	}
	
	.commentlist li.comment article[id*=comment-] {
		background-color: #fefefe;
		padding: 24px; /* for ie8 & below */
		padding: 2.4rem;
		margin-bottom: 35px; /* for ie8 & below */
		margin-bottom: 3.5rem;
		border: 1px solid #e4e9ea;
		border-radius: 3px;
	}
	
	.commentlist #respond {
		margin-left: 0;
		margin-right: 0;
	}
		.commentlist #respond label {
			margin-left: 0;
		}
		
		.commentlist #respond #author, 
		.commentlist #respond #email, 
		.commentlist #respond #url, 
		.commentlist #respond #comment {
			
		}
	
		.commentlist li[class*=depth-] {
			margin-left: 35px; /* for ie8 & below */ 
			margin-left: 3.5rem;
		}
			.commentlist li.depth-1 { 
				margin-left: 0; 
				margin-top: 0; 
			}
			.commentlist li.depth-2 {}
			.commentlist li.depth-3 {}
			.commentlist li.depth-4 {}
			.commentlist li.depth-5 {}
				.commentlist li.comment ul.children li {}
				.commentlist li.comment ul.children li.alt {}
				.commentlist li.comment ul.children li.byuser {}
				.commentlist li.comment ul.children li.comment {}
				.commentlist li.comment ul.children li.depth-1 {} /* change number for different depth */
				.commentlist li.comment ul.children li.bypostauthor {}
				.commentlist li.comment ul.children li.comment-author-admin {}
				.commentlist li.comment ul.children .alt {}
				.commentlist li.comment ul.children .odd {}
				.commentlist li.comment ul.children .even {}
			.commentlist .alt {}
			.commentlist .odd {}
			.commentlist .even {}
			.commentlist .parent {}
			.commentlist .comment {}
			.commentlist .children {}
			.commentlist .pingback {}
			.commentlist .bypostauthor {}
			.commentlist .comment-author {}
			.commentlist .comment-author-admin {}
			
				.commentlist .bypostauthor > article > footer > .vcard cite.fn:after { 
					content: " (Author)";
					font-size: 12px; /* for ie8 & below */
					font-size: 1.2rem;
					font-weight: normal;
					font-style: italic;
				}
				
			.commentlist .thread-alt {}
			.commentlist .thread-odd {}
			.commentlist .thread-even {}	
			.commentlist .vcard { 
				margin-left: 95px; /* for ie8 & below */
				margin-left: 9.5rem; 
				float: left; 
			}
				.commentlist .vcard cite.fn {
					font-size: 18px;
					font-weight: 400; 
					font-style: normal; 
				}
				
				.commentlist .vcard cite.fn a {
					text-decoration: none;
				}
					.commentlist .vcard cite.fn a:hover {
						text-decoration: underline;
					}
				
				.commentlist .vcard time, 
				.comment-meta { 
					float: right; 
				}
					.commentlist .vcard time a { 
						text-decoration: none; 
						color: #999; 
					}
						.commentlist .vcard time a:hover { 
							text-decoration: underline;
						}
						
				.commentlist .vcard img.photo {}
				.commentlist .vcard img.avatar { 
					position: absolute; 
					left: 26px; 
					top: 26px;
				}
				.commentlist .vcard cite.fn a.url {}
			.commentlist .comment-meta {
				line-height: 30px;
				font-size: 14px;
			} 
				.commentlist .comment-meta a {
					color: #95a5a6;
					text-decoration: none;
				}
					.commentlist .comment-meta a:hover {
						text-decoration: underline;
					}
					
			.commentlist .commentmetadata {}
				.commentlist .commentmetadata a {}
			.commentlist li.comment .comment-content { 
				margin-left: 95px; /* for ie8 & below */
				margin-left: 9.5rem;
				padding-top: 20px; /* for ie8 & below */
				padding-top: 2rem;
				padding-bottom: 30px; /* for ie8 & below */
				padding-bottom: 3rem;
				font-size: 14px; /* for ie8 & below */
				font-size: 1.4rem; 
			}
				.commentlist li.comment .comment-content p { 
					line-height: 24px; /* for ie8 & below */
					line-height: 2.4rem;
					margin: 12px 0 24px; /* for ie8 & below */ 
					margin: 1.2rem 0 2.4rem; 
				}
					.commentlist li.comment .comment-content p:last-child {
						margin: 0;
					}
				.commentlist li.comment ul { 

				}
				
				.commentlist .comment-reply-link,
				.commentlist .comment-reply-login { 
					text-decoration: none; 
					float: right;
					font-size: 11px; /* for ie8 & below */ 
					font-size: 1.1rem;
					font-weight: 700;
					line-height: 1.2; 
					padding: 5px 10px; /* for ie8 & below */
					padding: 0.5rem 1rem;
					color: #fff;
					text-transform: uppercase;
					margin-top: -15px;
					margin-right: -5px;
					border-radius: 3px;
				}
				
					.commentlist a.comment-reply-link:hover {}
					
					.nocomments { 
						padding: 15px; /* for ie8 & below */
						padding: 1.5rem;
						text-align: center; 
					}

/******************************************************************
COMMENT FORM STYLES
******************************************************************/

#respond-form {}
body.page-template-full-width-php #respond-form {}

#respond {
	background-color: #fefefe;
	padding: 40px;
	margin: 0 30px 60px 0; /* for ie8 & below */
	margin: 0 3rem 6rem 0;
	border: 1px solid #e4e9ea;
	border-radius: 3px;
}
	.full-width-content #respond {
		margin-right: 0;
	}

#reply-title {
	font-family: "Droid Sans", Arial, Helvetica, sans-serif;
	font-size: 30px; /* for ie8 & below */
	font-size: 3rem;
	font-weight: 400;
	margin-bottom: 5px; /* for ie8 & below */
	margin-bottom: 0.5rem;
}

#respond label {
	display: inline-block;
	font-size: 16px; /* for ie8 & below */
	font-size: 1.6rem;
	min-width: 100px; /* for ie8 & below */
	min-width: 10rem;
	text-transform: uppercase;
	margin-left: 20px;
}
	#respond label[for=author],
	#respond label[for=email] {
		min-width: 100px; /* for ie8 & below */
		min-width: 10rem;
	}
	
#respond p {
	margin-bottom: 16px; /* for ie8 & below */
	margin-bottom: 1.6rem;
}
#respond p.form-submit {
	text-align: center;
	margin-bottom: 19px; /* for ie8 & below */
	margin-bottom: 1.9rem;
}
#respond p.form-allowed-tags {
	font-size: 13px; /* for ie8 & below */
	font-size: 1.3rem;
	display: none;
}
#respond .required {
	margin-left: -14px; /* for ie8 & below */
	margin-left: -1.4rem;
	padding-right: 5px; /* for ie8 & below */
	padding-right: 0.5rem;
	color: #f00;
}
#respond .required:first-child {
	margin-left:0;
}

#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px; /* for ie8 & below */
	font-size: 1.3rem;
	margin-bottom: 30px;
}
	#respond #comment-form-title {
		margin: 0 0 18px; /* for ie8 & below */ 
		margin: 0 0 1.8rem; 
	}
		#respond #cancel-comment-reply-link { 
			float: right; 
		}
			#respond #cancel-comment-reply-link a {}
	#respond #commentform {}
		#respond .comments-logged-in-as {}
		#respond #comment-form-elements {
			margin: 12px 0; /* for ie8 & below */ 
			margin: 1.2rem 0; 
		}
			#respond #comment-form-elements li { 
				overflow: hidden; 
				margin-bottom: 12px; /* for ie8 & below */ 
				margin-bottom: 1.2rem; 
			}
				#respond #comment-form-elements label { 
					display: none; 
				}
				#respond #comment-form-elements small { 
					display: none; 
				}
				
				#respond input[type=text],
				#respond #author, 
				#respond #email, 
				#respond #url { 
					padding: 5px 7px; 
					width: 65%; 
				}
				
				#respond #comment { 
					resize: none; 
					padding: 5px 7px; /* for ie8 & below */
					padding: 0.5rem 0.7rem;
					width: 65%; 
					height: 150px; /* for ie8 & below */
					height: 15rem;
					vertical-align: top; 
				}
				
				#respond input[type=text],
				#respond #author, 
				#respond #email, 
				#respond #url, 
				#respond #comment {
					background: #fff;
					border: 1px solid #e4e9ea;
					font-size: 16px; /* for ie8 & below */ 
					font-size: 1.6rem;
					border-radius: 3px;
				}
					#respond input[type=text]:focus,
					#respond input[type=checkbox]:focus,
					#respond #author:focus, 
					#respond #email:focus, 
					#respond #url:focus, 
					#respond #comment:focus {
						outline: none;
					}
					
					#respond input[type=checkbox] {
						vertical-align: middle;
						margin-bottom: 2px;
					}

				#respond input[type=text] {}
			#respond #allowed_tags {}
				#respond #comment {}
				#respond #submit {
					border: 0;
					padding: 10px 18px;
					text-transform: uppercase;
					color: #fff;
					border-radius: 3px;
				}
				
		/* form validation */
		#commentform input:invalid, 
		#commentform textarea:invalid { 
			border-color: red; 
			outline: none; 
			box-shadow: none; 
			-webkit-box-shadow: none; 
			-moz-box-shadow: none; 
			background-color: #f6e7eb; 
		}
		
		#commentform input:valid {}
		
		/* no comments */
		.nocomments { 
			margin: 0 20px 20px; /* for ie8 & below */
			margin: 0 2rem 2rem;
		}


	
/******************************************************************
IMAGE STYLES
******************************************************************/
.post-content img {
	margin-top: 12px; /* for ie8 & below */ 
	margin-top: 1.2rem;
}

.left img, 
img.left, 
.alignleft,
img.alignleft,
img[align=left] {
	margin-right: 24px; /* for ie8 & below */
	margin-right: 2.4rem;
	margin-bottom: 16px; /* for ie8 & below */
	margin-bottom: 1.6rem;
	margin-top: 12px; /* for ie8 & below */
	margin-top: 1.2rem;
	display: inline-block; 
	float: left;
}

.right img, 
img.right,
.alignright,
img.alignright,
img[align=right] {
	margin-left: 24px; /* for ie8 & below */
	margin-left: 2.4rem;
	margin-bottom: 16px; /* for ie8 & below */
	margin-bottom: 1.6rem;
	margin-top: 12px; /* for ie8 & below */
	margin-top: 1.2rem;
	display: inline-block; 
	float: right;
}

.aligncenter, 
img.aligncenter, 
img[align=center] { 
	margin-right: auto; 
	margin-left: auto; 
	display: block; 
	clear: both; 
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

/* Notices */
.post .notice {
	background: #eee;
	display: block;
	padding: 16px; /* for ie8 & below */
	padding: 1.6rem;
}

/* Image Attachments */



.entry-attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.imgthumb img {
	min-width: 100%;
	max-width: 100%;
	height: auto;
}


.altthumb {
	float: left;
	margin-right: 30px; /* for ie8 & below */
	margin-right: 3rem;
	margin-bottom: 15px; /* for ie8 & below */
	margin-bottom: 1.5rem;
	margin-top: 5px; /* for ie8 & below */
	margin-top: 0.5rem;
}

	.altthumb img {
		border-radius: 3px;
	}

/* wp caption styles */
			
.wp-caption {
	margin-bottom: 24px; /* for ie8 & below */ 
	margin-bottom: 2.4rem; 
	text-align: center; 
	padding-top: 5px; /* for ie8 & below */
	padding-top: 0.5rem;
	max-width: 100%; 
}

.wp-caption img { 
	border: 0 none; 
	padding: 0; 
	margin: 0; 
}

.wp-caption p.wp-caption-text,
.entry-caption {
	font-size: 12px; /* for ie8 & below */ 
	font-size: 1.2rem; 
	font-style: italic;
	margin: 10px 0 -4px; /* for ie8 & below */
	margin: 1rem 0 -0.4rem; 
}

/* misc styles */

.wp-smiley { 
	margin: 0 !important;
	max-height: 16px; /* for ie8 & below */
	max-height: 1.6rem; 
}

/******************************************************************
FOOTER STYLES
******************************************************************/

footer[role=contentinfo] {
	width: 100%;
	height: 70px;
	display: table;
}
	.push {
		height: 70px;
	}
	
    footer[role=contentinfo], .push {
		clear: both;
	}
	
	footer[role=contentinfo] div {
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		-o-box-sizing: border-box; 
		box-sizing: border-box;
	}

			
	.attribution {
		float: none;
		text-align: center;
	}
	
	#site-generator {
		font-size: 15px; /* for ie8 & below */
		font-size: 15px;
		text-align: center;display: table-cell;
		vertical-align: middle;
        overflow: hidden;
        color: #fff;
	}
	
	#site-generator a {
		text-decoration: none;
	}
	
	#site-generator a:hover {
		text-decoration: underline;
	}
	
	#site-generator .sep {
		padding: 0 10px; /* for ie8 & below */
		padding: 0 1rem;
	}

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/******************************************************************
ALT HOMEPAGE STYLES
******************************************************************/
.intro-copy-box {
	padding: 50px 0 60px 0; /* for ie8 & below */
	padding: 5rem 0 6rem 0;
	text-align: center;
    margin-top: 137px;
}
	
	body.page .intro-copy-box .entry-header {
		margin-bottom: 0;
	}
	
	body.page .intro-copy-box .entry-title {
		color: #fff;
		font-size: 48px; /* for ie8 & below */
		font-size: 4.8rem;
	}

	.intro-copy-box article[id*=post-] {
		width: 96%;
		margin: 0 auto ;
		padding: 0 2%;
		max-width: 1044px; /* for ie8 & below */
		max-width: 104.4rem;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		-o-box-sizing: border-box; 
		box-sizing: border-box;
		border-bottom: 0;
	}
	
	.intro-copy-box .post-content {
		color: #fff;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.5;
		padding-top: 30px;
		margin-bottom: 0;
	}
	
	.intro-copy-box .post-content a {
		color: #fff !important;
		text-decoration: underline;
	}
	
	.intro-copy-box .post-content p:last-child {
		margin-bottom: 0;
	}
	
.inner-title-wrap {
	padding: 50px 0 2px 0;
	text-align: left;
	margin-bottom: 20px;
    margin-top: 142px;
}
	.inner-title-wrap .inner-title-box {
		width: 100%;
		margin: 0 auto;
		padding: 0 2%;
		max-width: 1044px; /* for ie8 & below */
		max-width: 104.4rem;
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		-o-box-sizing: border-box; 
		box-sizing: border-box;	
	}
		.inner-title-wrap .inner-title-box a {
			color: #fff !important;
		}
		
	
	.inner-title-box .entry-header {
		margin-bottom: 0;
		margin-right: 33%;
		word-wrap: break-word;
	}
		.inner-title-box.tprof .entry-header {
			margin-right: 0;
			margin-left: 36.67%;
		}
		
		.profile-thumb,
		.profile-thumb-mobile {
			background-image: url(library/images/profile-default.png);
			background-repeat: no-repeat;
			background-position: center center;
			background-size: contain;
			background-color: #efefef;
			margin-top: -80px;
			
		}
			.profile-thumb-mobile {
				margin-top: 0;
				margin-bottom: 24px;
				display: none;
			}
			
			.profile-thumb.pdefault,
			.profile-thumb-mobile.pdefault {
				min-height: 300px;
			}

		
		.profile-thumb img,
		.profile-thumb-mobile img {
			width: auto;
			max-width: 100%;
			height: auto;	
			border: 1px solid #e4e9ea;
			margin-bottom: -6px;
		}
		
		.post-divider {
			background-color: #ecf0f1;
			height: 3px;
			margin: 40px 0;
		}
			.post-divider.navi {
				margin: 24px 0;
			}
		
	.inner-title-box .entry-title {
		color: #fff;
		margin-bottom: 12px;
	}
	
	.inner-title-box .page-title {
		color: #fff;
		margin-bottom: 24px;
	}
	
	.inner-title-box .entry-meta,
	.inner-title-box .category-archive-meta {
		margin-bottom: 16px;
		color: #fff;
	}
	
	.inner-title-box .entry-meta a {
		color: #fff !important;
	}
	
	.inner-title-box .meta-by {
		background-image: url(library/images/meta-author-w.png);
		margin-left: 15px;
	}
				
	.inner-title-box .meta-on {
		background-image: url(library/images/meta-date-w.png);
	}
	
.latest-title {
	font-size: 36px; /* for ie8 & below */
	font-size: 3.6rem;
	margin-top: 35px; /* for ie8 & below */ 
	margin-top: 3.5rem;
	margin-bottom: 20px;
}

article[id*=post-].alt-home-list {
	padding: 35px 30px 20px 0; /* for ie8 & below */
	padding: 3.5rem 3.0rem 2rem 0; 
}

	article[id*=post-].alt-home-list .entry-header {
		margin-bottom: 10px;
	}
		.format-aside.alt-home-list .entry-header,
		.format-quote.alt-home-list .entry-header,
		.format-status.alt-home-list .entry-header {
			display: block;
		}
	
	article[id*=post-].alt-home-list .entry-title {
		font-size: 24px; /* for ie8 & below */
		font-size: 2.4rem;
		line-height: 1.2;
	}
		article[id*=post-].alt-home-list .entry-title a {
			color: #95a5a6;
		}
	
	article[id*=post-].alt-home-list .post-content {
		font-size: 14px; /* for ie8 & below */
		font-size: 1.4rem;
		margin-bottom: 0;
	}
	
#alt-sidebar-wrap {
	background-color: #f9f9f9;
}

#alt-sidebar {
	width: 96%;
	margin: 0 auto ;
	padding: 0 2%;
	max-width: 1044px; /* for ie8 & below */
	max-width: 104.4rem;
}

  #alt-sidebar .widget {
	background-color: transparent;
	position: relative;
	display: inline-block;
	float: left;
	width: 28%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin: 4% 2.5%;
	border: 0;
	overflow: hidden;
	padding: 0;
  }
  
  #alt-sidebar .widget .alt-img-wrap {
	position: relative;
	height: 150px;
	overflow: hidden;
	margin-bottom: 24px;
  }
  
  #alt-sidebar .widget-title {
	  font-family: "Droid Sans", Arial, Helvetica, sans-serif;
	  font-size: 24px;
	  margin-bottom: 24px;
  }
  
  #alt-sidebar .widget li {
		line-height: 24px; /* for ie8 & below */
		line-height: 2.4rem;
		margin-bottom: 12px; /* for ie8 & below */ 
		margin-bottom: 1.2rem;
	}
  
  #alt-sidebar .widget li a {
	color: #222;  
  }
  
  #alt-sidebar .widget img {
	min-width: 100%;
	height: auto;
	margin-bottom: 16px;
  }

.people-job {
	margin-bottom: 8px;
	font-size: 20px;
}

.people-phone {
	margin-bottom: 24px;
	font-size: 24px;
}

/******************************************************************
SOCIAL MEDIA BUTTONS STYLES
******************************************************************/

#social-media {

}
	#social-media a {
		background-color: #bdc3c7;
		width: 32px;
		height: 32px;
		display: inline-block;
		border-radius: 50%;
		margin-right: 8px;
		text-indent: -9999px;
		outline: none;
		background-repeat: no-repeat;
		background-position: center center;
		overflow: hidden;
	}
	
	#social-media a.social-fb {
		background-image: url(library/images/icon-fb.png);
	}
	
	#social-media a.social-tw {
		background-image: url(library/images/icon-tw.png);
	}
	
	#social-media a.social-li {
		background-image: url(library/images/icon-li.png);
	}
	
	#social-media a.social-gp {
		background-image: url(library/images/icon-gp.png);
	}
	
	#social-media a.social-av {
		background-image: url(library/images/icon-av.png);
	}
		
	#social-media a.social-em {
		background-image: url(library/images/icon-email.png);
	}

/******************************************************************
jQuery SLIDER STYLES
******************************************************************/
#load-cycle {
	background: url(library/images/loading.gif) no-repeat center center;
	width: 100%;
	height: auto;
	min-height: 100px;
    display:none;
}

#slide-wrap {
	border-top: 0;
    height: 682;
    margin-bottom: 30px;
}

.cycle-slideshow {
	position: absolute; 
	height: 715px;
	width: 100%;
	display: block;
	overflow: hidden;
    top: 0;
}

.slides {
	height: 715px;
	width: 100%;
	overflow: hidden;
}
	.slides .slide-thumb {
		position: relative;
		width: 100%;
		height: 715px;
		overflow: hidden;
		white-space: nowrap;
	}
	
	.slides .slide-thumb img {
		position: absolute;
		left: 50%;
		top: 50%;
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: auto;
		min-width: 102%;
		height: auto;
		min-height: 500px;
	}
	
		html.no-csstransforms .slides .slide-thumb img {
			left: 0;
			top: 0;
		}
	
	.slides .slide-noimg {
		position: relative;
		width: 100%;
		height: 500px;
		overflow: hidden;
		white-space: nowrap;
		background-color: #f0f0f0;
		font-family: "Droid Sans", Arial, Helvetica, sans-serif;
		font-size: 21px;
		font-weight: 400;
		text-transform: uppercase;
		color: #d0d0d0;
		text-align: center;
	}
		.slides .slide-noimg p {
			position: absolute;
			width: 100%;
			left: 0;
			top: 42%;
		}
	
	.slide-title {
		font-family: "Droid Sans", Arial, Helvetica, sans-serif;
		font-size: 30px; /* for ie8 & below */
		font-size: 3rem;
		font-weight: 400;
		line-height: 1;
		margin-bottom: 15px;
	}
		.slide-title a,
		.slide-title a:visited {
			
		}
		
	.slide-copy-wrap {
		position: absolute;
		bottom: 60px;
		z-index: 100;
		color: #fff;
	}
	
		.slide-copy-wrap a {
			color: #fff !important;
		}
		
		html.no-csstransforms .slide-copy-wrap {
			left: 60px;
			right: 60px;
		}
		
		.slide-copy {
			padding: 25px;
			background-image: url(library/images/trans.png);
			margin-right: 30%;
			border-radius: 3px;
		}

	
#sliderprev,
#slidernext {
	text-align: center;
	position: absolute;
	top: 50%;
	border-radius: 50%;
	text-decoration: none;
	background-color: #fff;
	font-family: "Courier New", Courier, monospace;
	font-size: 50px;
	width: 72px;
	height: 72px;
	line-height: 67px;
	z-index: 2000;
	text-indent: -9999px;
	outline: none;
	opacity: 0.9;
	display: none;
}

	#sliderprev {
		background: url(library/images/slider-nav.png)  no-repeat 0 -13px;
		left: 10px;
	}
	
	#slidernext {
		background: url(library/images/slider-nav.png)  no-repeat -128px -11px;
		right: 20px;
	}
	
	.cycle-slideshow:hover #sliderprev,
	.cycle-slideshow:hover #slidernext {
		display: block;
	}

.cycle-paused:after {
	content: 'Paused'; 
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 12px; /* for ie8 & below */
	font-size: 0.75rem;
	text-transform: uppercase;
	color: white; 
	background: black; 
	padding: 5px 15px;
	z-index: 500; position: absolute; top: 10px; right: 10px;
	opacity: .5; filter: alpha(opacity=50);
}

/* pager */
.cycle-pager { 
    text-align: center; 
	width: 100%; 
	z-index: 500; 
	position: absolute; 
	bottom: 10px; 
	overflow: hidden;
}

.cycle-pager span { 
    font-family: Arial, Helvetica, sans-serif; 
	font-size: 50px; 
	line-height: .6;
	width: 18px; 
	height: 22px; 
    display: inline-block; 
	color: #f7f7f7; 
	cursor: pointer;
	text-shadow: -1px -1px #bcbcbc;
	overflow: hidden;
}

.cycle-pager span.cycle-pager-active { color: #efefef; }
.cycle-pager > * { cursor: pointer;}

.no-slide-image {
	position: absolute;
	width: 100%;
	top: 40%;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 34px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.5em;
}


/******************************************************************
GRID BOX STYLES
******************************************************************/
#grid-wrap {
	position: relative;
	width: 106%;
	margin-top: 30px;
	margin-left: -1%;
	margin-right: -1%;
	margin-bottom: 20px;
}

.grid-box {
	position: relative;
	display: inline-block;
	float: left;
	width: 22%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin: 2.5% 1%;
	border: 1px solid #e4e9ea;
	border-radius: 0 0 3px 3px;
	font-size: 14px; /* for ie8 & below */
	font-size: 1.4rem;
	overflow: hidden;
}
	
	.grid-box article {
		padding: 15px;
		margin: 0;
	}

.grid-box .entry-meta {
	
}

.grid-box .entry-title a,
.grid-box .entry-title a:hover {
	
}

.grid-box .entry-header {
	margin-bottom: 20px; /* for ie8 & below */
	margin-bottom: 2rem;
}
	.grid-box .entry-header.people-title {
		margin-bottom: 0;
	}

.grid-box .entry-title,
body.page .grid-box .entry-title {
	font-size: 24px; /* for ie8 & below */
	font-size: 2.4rem;
	line-height: 1.2;
	letter-spacing: 1px; /* for ie8 & below */
	letter-spacing: 0.1rem;
	margin-bottom: 12px;
}

.grid-box .entry-content {
	margin-bottom: 20px; /* for ie8 & below */
	margin-bottom: 2rem;
}

	.grid-box .entry-content p:last-child {
		margin-bottom: 0;
	}
	
	.grid-box .entry-content.people-info {
		margin-bottom: 0;
	}
	
	.grid-box .format-aside .entry-content,
	.grid-box .format-status .entry-content {
		font-style: italic;
		margin: 0 0 24px;
	}
	
	.grid-box .vid-wrapper {
		background-color: #000;
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}
	
	.grid-box .vid-wrapper video,
	.grid-box .vid-wrapper object,
	.grid-box .vid-wrapper embed,
	.grid-box .vid-wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.grid-box.format-video .imgthumb {
		display: none;
	}
	
	.grid-box .post-content video, 
	.grid-box .post-content object,
	.grid-box .post-content embed,
	.grid-box .post-content iframe {
		
	}
	
	.grid-box .post-content blockquote { 
		font-style: italic;
		line-height: 26px; /* for ie8 & below */ 
		line-height: 2.6rem;
		margin: 10px 0 5px 35px; /* for ie8 & below */
		margin: 1rem 0 0.5rem 3.5rem; 
	}
	
	.grid-box .post-content blockquote:before { 
		font-size: 50px; /* for ie8 & below */ 
		font-size: 5.0rem;
		text-indent: -35px; /* for ie8 & below */
		text-indent: -3.5rem;
		margin-top: 12px; /* for ie8 & below */ 
		margin-top: 1.2rem; 
		float: left;
		opacity: 0.2; 
	}

	.grid-box article[id*=post-] footer.entry-meta {
		margin: 0;
		overflow: hidden;
	}
		.grid-box article[id*=post-] footer.entry-meta a {
			
		}
	
	.grid-box .format-aside footer.entry-meta {
		text-align: left;
	}
	
.grid-box .imgthumb {
	margin: 0;
	overflow: hidden;
	height: 100%;
}


.grid-box-noimg { 
	background-color: #eee;
	position: relative;
	text-align: center;
	height: 185px;
	outline: none;
	margin: 0 0 15px 0;
}
	.grid-box-noimg p {
		width: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	
		html.no-borderradius .grid-box-noimg p {
			left: 0;
			top: 45%;	
		}

.grid-box .page-link {
	margin: 0;
}



/************************************
Author Bio
************************************/
.author-bio {
	background-color: #f7f7f7;
	padding: 25px 30px;
	border-radius: 3px;
	margin-bottom: 60px;
}

.author-bio h2 {
	margin-bottom: 16px;
}

.author-bio h3,
.author-bio h4,
.author-bio p {
	margin-bottom: 12px;	
}

p.author-description {
	font-size: 13px;
}

.author-info {
	overflow: hidden;
}

.author-thumb {
	float: left;
	margin-right: 30px; /* for ie8 & below */
	margin-right: 3rem;
	margin-bottom: 15px; /* for ie8 & below */
	margin-bottom: 1.5rem;
	margin-top: 5px; /* for ie8 & below */
	margin-top: 0.5rem;
}

	.author-thumb img {
		border-radius: 3px;
	}
	
.author-bio #social-media {
	padding-top: 6px;
}
	
/******************************************************************
MEDIA QUERIES & DEVICE STYLES
Developed by: Andy Clarke & the 320 & Up Extension
URL: http://stuffandnonsense.co.uk/projects/320andup/
******************************************************************/
@media only screen and (max-width: 2560px) {
	.slide-copy-wrap {
		left: 758px;
		right: 758px;
		padding: 0 2%;
	}
}

@media only screen and (max-width: 2048px) {
	.slide-copy-wrap {
		left: 502px;
		right: 502px;
		padding: 0 2%;
	}
}

@media only screen and (max-width: 1920px) {
	.slide-copy-wrap {
		left: 428px;
		right: 428px;
		padding: 0 2.5%;
	}
}

@media only screen and (max-width: 1600px) {
	.slide-copy-wrap {
		left: 278px;
		right: 278px;
		padding: 0 2%;
	}
}

@media only screen and (max-width: 1440px) {
	.slide-copy-wrap {
		left: 198px;
		right: 198px;
		padding: 0 1.6%;
	}
}

@media only screen and (max-width: 1366px) {
	.slide-copy-wrap {
		left: 161px;
		right: 161px;
		padding: 0 2%;
	}
}

@media only screen and (max-width: 1280px) {
	.slide-copy-wrap {
		left: 118px;
		right: 118px;
		padding: 0 2%;
	}
	
	.cycle-slideshow {
		height: 665px;
	}
	
	.slides {
		height: 665px;
	}
		.slides .slide-thumb {
			height: 665px;
		}
		
		.slides .slide-thumb img {
			min-height: 665px;
		}
	
		
		.slides .slide-noimg {
			height: 665px;
		}
        nav[role=navigation] .menu ul li a, nav[role=navigation] .menu #menu-icon {
            padding: 1rem !important;
        }
        #site-heading{
            margin-left: 10px !important;
        }
        #book-now-button {
            margin-right: 6px !important;
        }
        .cover{
            height: 665px !important;
        }

}

@media only screen and (max-width: 1152px) {
	.slide-copy-wrap {
		left: 54px;
		right: 54px;
		padding: 0 2%;
	}
}

@media only screen and (max-width: 1024px) {
	
	#inner-header {
		width: 96%;
	}
	
	.slide-copy-wrap {
		left: 40px;
		right: 40px;
		bottom: 40px;
		padding: 0;
	}
	
	.cycle-slideshow {
		height: 640px;
	}
    .cover{
        height: 640px !important;
    }
	
	.slides {
		height: 640px;
	}
		.slides .slide-thumb {
			height: 640px;
		}
		
		.slides .slide-thumb img {
			min-height: 640px;
		}
	
		
		.slides .slide-noimg {
			height: 640px;
		}
		
		#sliderprev,
		#slidernext {
			opacity: 0.65;
		}
		
	   .inner-title-wrap .inner-title-box {
		  width: 96%;
		  padding: 0 2%;
	   }
        .grid-box{
            width: 28% !important;
            margin: 2.5% 2% !important;
        }
    
}

@media only screen and (max-width: 960px) {
    #form-div{
    width: 100% !important;
    }
	
	.cycle-slideshow {
		height: 600px;
	}
	
	.slides {
		height: 600px;
	}
		.slides .slide-thumb {
			height: 600px;
		}
        #panel_container_wrapper{
            top: 15% !important;
        }
		.cover {
            height: 600px !important;
        }
		.slides .slide-thumb img {
			min-height: 600px;
		}
	
		
		.slides .slide-noimg {
			height: 600px;
		}
		
	.slide-copy {
		margin-right: 0;
	}
	
	.commentlist li.comment article[id*=comment-] video, .post-content video, 
	.commentlist li.comment article[id*=comment-] object, .post-content object,
	.commentlist li.comment article[id*=comment-] embed, .post-content embed,
	.commentlist li.comment article[id*=comment-] iframe, .post-content iframe { 
		min-height: 300px; /* for ie8 & below */
		min-height: 30rem;
	}
	
	.full-width-content .post-content video,
	.full-width-content .post-content object,
	.full-width-content .post-content embed,
	.full-width-content .post-content iframe {
		min-height: 490px; /* for ie8 & below */
		min-height: 49rem;
	}
	
	#alt-sidebar .widget-title {
		font-size: 21px;
	}
	
}

@media only screen and (max-width: 824px) {
    #form-div{
    width: 100% !important;
    }
    .cost-detials table{
    width: 100% !important;
    }
	#site-title {
		margin-right: 0;
	}

	#site-description {
		margin-right: 0;
	}

	
	header[role=banner] #searchform  { 
		top: 6px; /* for ie8 & below */
		top: 0.6rem;
		right: 10px; /* for ie8 & below */
		right: 1rem;
		width: 40%;
	}
		
	header[role=banner] #s {
		font-size: 90%;
		background: url(library/images/icon-search.png) no-repeat 5px 4px #fff;
		padding: 4px 5px 4px 28px; /* for ie8 & below */
		padding: 0.4rem 0.5rem 0.4rem 2.8rem;
		min-width: 100%;
		max-width: 100%;
	}
	
	#site-heading { 
		width: 64%;
	}
	
	nav[role=navigation] {
		width: 35%;
	}
	.menu.nav-mobile ul li { 
		list-style-type: none; 
		float: none; 
	}
	
	nav[role=navigation] div.menu > ul {
		background: #fcfcfc;
		position: absolute;
		z-index: 9999;
		width: 250px; /* for ie8 & below */
		width: 25rem;
		word-wrap: break-word;
		display: none;
		overflow: visible;
		right: 0;
	}
		nav[role=navigation] div.menu > ul > li {
			position: relative;
		}
	
	nav[role=navigation] .menu.nav-mobile #menu-icon { 
		display: inline-block;
	}
	
	nav[role=navigation] .menu.nav-mobile ul li,
	nav[role=navigation] .menu.nav-mobile ul.sub-menu li, 
	nav[role=navigation] .menu.nav-mobile ul.children li {
		border-bottom: 1px solid #f0f0f0;
		min-width: 100%;
	}
	
	nav[role=navigation] .menu.nav-mobile ul li a  { 
		display: block;
		min-height: 38px; /* for ie8 & below */
		min-height: 3.8rem;
		color: #555 !important;
		background: none;
		border-radius: 0;
		box-shadow: none;
		padding: 7px 20px; /* for ie8 & below */
		padding: 0.7rem 2rem;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	
		nav[role=navigation] .menu.nav-mobile ul li a {
			box-shadow: -1px 0 0 #eee inset, 1px 0 0 #eee inset;
		}
			nav[role=navigation] .menu.nav-mobile ul li:first-child > a {
				box-shadow: -1px 0 0 #eee inset, 1px 0 0 #eee inset, 0 1px 0 #eee inset
			}
		
			nav[role=navigation] .menu.nav-mobile ul li ul li:first-child > a { 
				box-shadow: -1px 0 0 #eee inset, 1px 0 0 #eee inset;
			}
	
	nav[role=navigation] .menu.nav-mobile ul li.current-menu-item a, 
	nav[role=navigation] .menu.nav-mobile ul li.current_page_item a {
		background: #f5f5f5;
	}
	
	nav[role=navigation] .menu.nav-mobile ul li a:hover,
	nav[role=navigation] .menu.nav-mobile ul li.current-menu-item a:hover, 
	nav[role=navigation] .menu.nav-mobile ul li.current_page_item a:hover {
		background: #f2f2f2;
	}

	nav[role=navigation] .menu.nav-mobile ul li ul.sub-menu, 
	nav[role=navigation] .menu.nav-mobile ul li ul.children,
	nav[role=navigation] .menu.nav-mobile ul li ul.sub-menu li ul, 
	nav[role=navigation] .menu.nav-mobile ul li ul.children li ul {
		display: block;
		position: relative;
		z-index: 9999; 
		right: auto;
		top: auto;
		margin-top: 0;
		width: 250px; /* for ie8 & below */
		width: 25rem;
	}
	
		nav[role=navigation] .menu.nav-mobile ul li ul li a {
			box-shadow: -1px 0 0 #eee inset, 1px 0 0 #eee inset;
		}
	
		nav[role=navigation] .menu.nav-mobile ul li ul.sub-menu li, 
		nav[role=navigation] .menu.nav-mobile ul li ul.children li {
			border: 0;
			border-top: 1px solid #f0f0f0;
			text-indent: 20px;	
		}
		
			nav[role=navigation] .menu.nav-mobile ul li ul.sub-menu li ul li, 
			nav[role=navigation] .menu.nav-mobile ul li ul.children li ul li {
				text-indent: 40px;
			}
			
				nav[role=navigation] .menu.nav-mobile ul li ul.sub-menu li ul li ul li, 
				nav[role=navigation] .menu.nav-mobile ul li ul.children li ul li ul li {
					text-indent: 60px;
				}

	
	#main.col620 {
		width: 100%;
	}
		#main.col620.pcont {
			width: 64.667%; 
		}
	
	#sidebar.col300 {
		float: none;
		display: block;
		width: 100%;
		clear: both;
		margin: 0;
	}
	
	.widget {
		margin: 35px 0; /* for ie8 & below */
		margin: 3.5rem 0;
	}
	
	.commentlist li.comment article[id*=comment-] video, .post-content video, .full-width-content .post-content video, 
	.commentlist li.comment article[id*=comment-] object, .post-content object, .full-width-content .post-content object,
	.commentlist li.comment article[id*=comment-] embed, .post-content embed, .full-width-content .post-content embed,
	.commentlist li.comment article[id*=comment-] iframe, .post-content iframe, .full-width-content .post-content iframe { 
		min-height: 400px; /* for ie8 & below */
		min-height: 40rem;
	}
	
	.cycle-slideshow {
		height: 568px;
	}
	
	.slides {
		height: 568px;
	}
		.slides .slide-thumb {
			height: 568px;
		}
        #panel_container_wrapper{
            top: 14% !important;
        }
		
		.slides .slide-thumb img {
			max-width: 960px;
			min-height: 568px;
		}
	
		
		.slides .slide-noimg {
			height: 568px;
		}
    .cover {
        height: 568px !important;
    }
		
	.grid-box {
		width: 44.4%;
	}
	
	.slide-title {
		font-size: 24px; /* for ie8 & below */
		font-size: 2.4rem;
		line-height: 1.1;
	}

	.slide-copy-wrap {
		font-size: 14px; /* for ie8 & below */
		font-size: 1.4rem;
		line-height: 1.4;
	}
	
	.cycle-slideshow:hover #sliderprev,
	.cycle-slideshow:hover #slidernext {
		display: none;
	}
	
	
	
	.inner-title-box .entry-header {
		margin-right: 0;
	}
	
	article[id*="post-"] {
		padding-right: 0;
	}
	
	.commentlist {
		margin-right: 0;
	}
	
		.commentlist .comment-meta {
			line-height: 30px;
			font-size: 13px;
		}
	
	#respond {
		margin-right: 0;
	}
	
	#image-navigation, 
	#comment-nav-below,
	#comment-nav-above, 
	#nav-above, #nav-below {
		margin-right: 0;
	}
	
	.profile-thumb.pdefault {
		min-height: 230px;
	}
	
	article.alt-home-list[id*="post-"] {
		padding-right: 0;
	}
	
	#alt-sidebar .widget-title {
		font-size: 18px;
	}
	
	.latest-title {
		font-size: 30px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}
	

@media only screen and (max-width: 1024px) {
    nav[role=navigation] .menu #menu-icon {
        display: block !important;
        font-size: 30px;
        padding: 0px;
        color: #fff;
    }
    nav[role=navigation] {
        display: inline-block;
        padding-top: 0.5rem;
        width: 50px;
        float: right;
        margin-right: 10px;
    }
    nav[role=navigation] div.menu > ul {
        background: #fcfcfc;
        position: absolute;
        z-index: 9999;
        width: 250px;
        width: 25rem;
        word-wrap: break-word;
        display: none;
        overflow: visible;
        right: 0;
    }
    nav[role=navigation] div.menu > ul {
        background: #fcfcfc;
        position: absolute;
        z-index: 9999;
        width: 250px;
        width: 100%;
        word-wrap: break-word;
        display: none;
        overflow: visible;
        right: 0;
    }
    div.menu ul li {
        width: 100%;
        text-align: center;
    }
    nav[role=navigation] .menu.nav-mobile ul li:first-child > a {
        box-shadow: -1px 0 0 #eee inset, 1px 0 0 #eee inset, 0 1px 0 #eee inset;
    }
    nav[role=navigation] .menu.nav-mobile ul li, nav[role=navigation] .menu.nav-mobile ul.sub-menu li, nav[role=navigation] .menu.nav-mobile ul.children li {
        border-bottom: 1px solid #f0f0f0;
        min-width: 100%;
    }
    nav[role=navigation] .menu.nav-mobile ul li a:hover, nav[role=navigation] .menu.nav-mobile ul li.current-menu-item a:hover, nav[role=navigation] .menu.nav-mobile ul li.current_page_item a:hover {
        background: #f2f2f2;
    }

}


@media only screen and (max-width: 768px) {
	#form-div{
    width: 100% !important;
    }
    #class-booking-page{
        padding: 5px !important;
    }
    .contact-us-section{
        width:100% !important;
    }
	.slide-copy-wrap {
		left: 30px;
		right: 30px;
		bottom: 30px;
		padding: 0;
	}
	
	.cycle-slideshow {
		height: 560px;
	}
	
	.slides {
		height: 560px;
	}
		.slides .slide-thumb {
			height: 560px;
		}
        .grid-box {
            width: 40% !important;
            margin: 2.5% 4% !important;
        }
        #panel_container_wrapper{
            top: 13% !important;
        }
		.slides .slide-thumb img {
			max-width: 900px;
			min-height: 560px;
		}
	    .cover {
            height: 560px !important;
        }
		
		.slides .slide-noimg {
			height: 560px;
		}
	
	.commentlist li.comment article[id*=comment-] video, .post-content video, .full-width-content .post-content video, 
	.commentlist li.comment article[id*=comment-] object, .post-content object, .full-width-content .post-content object,
	.commentlist li.comment article[id*=comment-] embed, .post-content embed, .full-width-content .post-content embed,
	.commentlist li.comment article[id*=comment-] iframe, .post-content iframe, .full-width-content .post-content iframe { 
		min-height: 375px; /* for ie8 & below */
		min-height: 37.5rem;
	}
    .cost-detials table{
    width: 100% !important;
    }
}

@media only screen and (max-width: 640px) {
    #form-div{
    width: 100% !important;
    }
    #class-booking-page{
        padding: 5px !important;
    }
	
	.cycle-slideshow {
		height: auto;
		background-color: #222;
	}
	
	.slides {
		height: auto;
	}
		.slides .slide-thumb {
			height: 500px;
		}
		
		.slides .slide-thumb img {
			max-width: 800px;
			min-height: 500px;
		}
	    .cover {
            height: 500px !important;
        }
		.slides .slide-noimg {
			height: 500px;
		}
        #book-now-button{
            display: none !important;
        }
		.slide-copy {
			background-image: none;
			background-color: #222;
			padding: 24px;
		}
		
		.slide-title {
			font-size: 24px; /* for ie8 & below */
			font-size: 2.4rem;
			line-height: 1.1;
		}
        #sliderprev, #slidernext {
            display: none !important;
        }
		
		.slide-copy-wrap {
			font-size: 14px; /* for ie8 & below */
			font-size: 1.4rem;
			line-height: 1.4;
			position: relative !important;
			bottom: auto;
			left: auto;
			right: auto;
			z-index: 0;
		}
        #panel_container_wrapper{
            top: 5% !important;
        }
        .panel-textwidget h1{
            font-size: 30px !important;
            line-height: 40px !important;
            margin:0px auto !important;
        }
        .panel-textwidget h2{
            font-size: 38px !important;
            line-height: 48px !important;
            margin:0px auto !important;
        }
        #site-heading{
            margin-left:13px !important;
        }
        nav[role=navigation] {
            margin:0px auto !important;
            width: 40px;
        }
	
	.commentlist li.comment article[id*=comment-] video, .post-content video, .full-width-content .post-content video, 
	.commentlist li.comment article[id*=comment-] object, .post-content object, .full-width-content .post-content object,
	.commentlist li.comment article[id*=comment-] embed, .post-content embed, .full-width-content .post-content embed,
	.commentlist li.comment article[id*=comment-] iframe, .post-content iframe, .full-width-content .post-content iframe { 
		min-height: 325px; /* for ie8 & below */
		min-height: 32.5rem;
	}
	
	.gallery img {
		max-width: 98%;
	}
	
	.commentlist li[class*=depth-] {
		margin-left: 25px; /* for ie8 & below */ 
		margin-left: 2.5rem;
	}
	
	.commentlist li.depth-1 { 
		margin-left: 0; 
	}
	
	#respond label {
		margin-left: 0;	
	}
	
	#respond input[type="text"], 
	#respond #author, 
	#respond #email, 
	#respond #url,
	#respond #comment {
		width: 70%;
	}
	
	body.page .intro-copy-box .entry-title {
		font-size: 40px; /* for ie8 & below */
		font-size: 4rem;
	}
	
	.intro-copy-box .post-content {
		font-size: 17px; /* for ie8 & below */
		font-size: 1.7rem;
		line-height: 1.5;
	}
	
	.profile-thumb.pdefault {
		min-height: 180px;
	}
	
	.pcont article[id*="post-"] {
		padding-left: 20px;
		padding-top: 10px;
	}
}

@media only screen and (max-width: 600px) {
	
	.commentlist li.comment article[id*=comment-] video, .post-content video, .full-width-content .post-content video, 
	.commentlist li.comment article[id*=comment-] object, .post-content object, .full-width-content .post-content object,
	.commentlist li.comment article[id*=comment-] embed, .post-content embed, .full-width-content .post-content embed,
	.commentlist li.comment article[id*=comment-] iframe, .post-content iframe, .full-width-content .post-content iframe { 
		min-height: 300px; /* for ie8 & below */
		min-height: 30rem;
	}
    .cost-detials table{
    width: 100% !important;
    }
    #class-booking-page{
        padding: 5px !important;
    }
}

@media only screen and (max-width: 480px) {
	.contact-us-section i{
	   width: 25px !important;
	   height: 25px !important;
       line-height: 25px !important;
       font-size: 25px !important;
    }
    .contact-us-section .about-us-contact-icon-text, .contact-us-section .about-us-email-icon-text, .contact-us-section .about-us-location-icon-text {
        margin-left: 55px !important;
    }
    .contact-wraper-content{
        padding: 10px !important;
    }
	#site-title {
		font-size: 26px; /* for ie8 & below */
		font-size: 2.6rem;
	}
    #class-booking-page{
        padding: 5px !important;
    }
        .grid-box {
            width: 78% !important;
            margin: 2.5% 12% !important;
        }
		.slides .slide-thumb {
			height: 128px;
		}
		
		.slides .slide-thumb img {
			max-width: 640px;
			min-height: 128px;
		}
		
		.slides .slide-noimg {
			height: 128px;
		}
        .cover {
        height: 716px !important;
        }
        #panel_container_wrapper{
            top:10% !important;
        }
        nav[role=navigation] {
            margin:0px auto !important;
            width: 40px !important;
        }
	
	#grid-wrap {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	.grid-box {
		width: 95%;
		margin-bottom: 5%;
	}
	
	body.page .entry-title, 
	body.single .entry-title, .not-found .entry-title,
	.inner-title-box .page-title,
	article.alt-home-list[id*="post-"] .entry-title {
		font-size: 30px; /* for ie8 & below */
		font-size: 3rem;
		line-height: 1.2;
	}
	
	body.page .intro-copy-box .entry-title {
		font-size: 34px; /* for ie8 & below */
		font-size: 3.4rem;
	}
	
	.intro-copy-box {
		padding-top: 30px;
		padding-bottom: 35px;	
	}
	
	.intro-copy-box .post-content {
		padding-top: 15px;
		font-size: 16px; /* for ie8 & below */
		font-size: 1.6rem;
		line-height: 1.5;
	}
	
	#main.col620.pcont {
		width: 100%; 
	}
	
	.inner-title-box.tprof .entry-header {
		margin-right: 0px;
		margin-left: 0;
	}
	
	.people-job {
		font-size: 16px;
	}
	
	.people-phone {
		font-size: 18px;
	}
	
	.pcont article[id*="post-"] {
		padding-left: 0;
		padding-right: 0;
		padding-top: 20px;
	}
	
	.pcont #nav-below {
		margin-left: 0;
	}
	
	.profile-thumb {
		display: none;
	}
	
	.profile-thumb-mobile {
		display: block;
	}
	
	.entry-meta, .category-archive-meta {
		font-size: 13px; /* for ie8 & below */
		font-size: 1.3rem;
	}

	.commentlist li.comment article[id*=comment-] video, .post-content video, .full-width-content .post-content video, 
	.commentlist li.comment article[id*=comment-] object, .post-content object, .full-width-content .post-content object,
	.commentlist li.comment article[id*=comment-] embed, .post-content embed, .full-width-content .post-content embed,
	.commentlist li.comment article[id*=comment-] iframe, .post-content iframe, .full-width-content .post-content iframe { 
		min-height: 260px; /* for ie8 & below */
		min-height: 26rem;
	}
		.commentlist .vcard {
			float: none;
		}
		
		.commentlist .vcard,
		.commentlist li.comment .comment-content { 
			margin-left: 80px; /* for ie8 & below */
			margin-left: 8.0rem; 
		}
		
		.commentlist .vcard time, .comment-meta {
			float: none;
			margin-left: 80px; /* for ie8 & below */
			margin-left: 8.0rem;
		}
		
		.author-thumb img,
		.commentlist .vcard img.avatar {
			width: 55px;
			height: 55px;
		}
		
		.commentlist li.comment .comment-content {
			font-size: 13px; /* for ie8 & below */
			font-size: 1.3rem;
		}
				
	
	.gallery img {
		max-width: 85%;
	}
	
	.gallery .gallery-caption {
		font-size: 11px; /* for ie8 & below */
		font-size: 1.1rem;
	}
	
	#comment-nav-below a {
		font-size: 13px;	
	}
	
	.commentlist li[class*=depth-] {
		margin-left: 20px; /* for ie8 & below */ 
		margin-left: 2.0rem;
	}
	
	.commentlist li.depth-1 { 
		margin-left: 0; 
	}
	
	#respond input[type="text"], 
	#respond #author, 
	#respond #email, 
	#respond #url,
	#respond #comment {
		width: 100%;
	}
	
	#respond #cancel-comment-reply-link {
		float: none;
		display: block;
	}
	
	.profile-thumb.pdefault {
		min-height: 130px;
	}
	
	#alt-sidebar .widget {
		display: block;
		float: none;
		width: 95%;
		margin-bottom: 30px;
	}
    .cost-detials table{
    width: 100% !important;
    }
	
}


@media only screen and (max-width: 320px) {
	
	#site-title {
		font-size: 24px; /* for ie8 & below */
		font-size: 2.4rem;
	}
    #class-booking-page{
        padding: 5px !important;
    }
	.cycle-slideshow {
		height: auto;
		background-color: #222;
	}
	
	.slides {
		
		height: auto;
	}
		.slides .slide-thumb {
			height: 175px;
		}
		
		.slides .slide-thumb img {
			max-width: 480px;
			min-height: 175px;
		}
	
		
		.slides .slide-noimg {
			height: 175px;
		}
		
		.slide-copy {
			background-image: none;
			background-color: #222;
			padding: 18px;
		}
		
		.slide-title {
			font-size: 17px; /* for ie8 & below */
			font-size: 1.7rem;
			line-height: 1.1;
		}
		
		.slide-copy-wrap {
			font-size: 12px; /* for ie8 & below */
			font-size: 1.2rem;
			line-height: 1.4;
			position: relative !important;
			bottom: auto;
			z-index: 0;
		}
		
	.grid-box {
		font-size: 13px;
	}
	
	.grid-box article {
		padding: 20px;
	}
	
	.grid-box .entry-title,
	body.page .grid-box .entry-title {
		font-size: 21px; /* for ie8 & below */
		font-size: 2.1rem;
	}
	
	.grid-box .entry-content {
		margin-bottom: 16px; /* for ie8 & below */
		margin-bottom: 1.6rem;
	}
	
	body.page .entry-title, 
	body.single .entry-title, .not-found .entry-title,
	.inner-title-box .page-title,
	article.alt-home-list[id*="post-"] .entry-title {
		font-size: 24px; /* for ie8 & below */
		font-size: 2.4rem;
		line-height: 1.2;
	}
	
	.author-thumb {
		display: none;
	}
	
	.commentlist .vcard,
	.commentlist li.comment .comment-content { 
		margin-left: 0; 
	}
	
	.commentlist .vcard time, .comment-meta {
		margin-left: 0;
	}
	
	.author-thumb img,
	.commentlist .vcard img.avatar {
		display: none;
	}

	.commentlist li.comment article[id*=comment-] video, .post-content video, .full-width-content .post-content video, 
	.commentlist li.comment article[id*=comment-] object, .post-content object, .full-width-content .post-content object,
	.commentlist li.comment article[id*=comment-] embed, .post-content embed, .full-width-content .post-content embed,
	.commentlist li.comment article[id*=comment-] iframe, .post-content iframe, .full-width-content .post-content iframe { 
		min-height: 170px; /* for ie8 & below */
		min-height: 17rem;
	}
	
	.gallery img {
		max-width: 82%;
	}
	
	.gallery .gallery-caption {
		font-size: 10px; /* for ie8 & below */
		font-size: 1rem;
	}
	
	.commentlist li[class*=depth-] {
		margin-left: 12px; /* for ie8 & below */ 
		margin-left: 1.2rem;
	}
	
	.commentlist li.depth-1 { 
		margin-left: 0; 
	}
	
	#respond {
		padding: 25px;
	}
	
	#reply-title {
		font-size: 24px;
	}
	
	

	
	
	body.page .intro-copy-box .entry-title {
		font-size: 30px; /* for ie8 & below */
		font-size: 3.0rem;
	}
	
	.intro-copy-box .post-content {
		font-size: 14px; /* for ie8 & below */
		font-size: 1.4rem;
		line-height: 1.5;
	}
	
	.altthumb {
		display: none;
	}
    
}
@media only screen and (max-width: 240px) {
	#site-title {
		font-size: 21px; /* for ie8 & below */
		font-size: 2.1rem;
	}
    #class-booking-page{
        padding: 5px !important;
    }
	.cycle-slideshow {
		height: auto;
	}
	
	.slides {
		height: auto;
	}
		.slides .slide-thumb {
			height: 150px;
		}
		
		.slides .slide-thumb img {
			max-width: 360px;
			min-height: 150px;
		}
	
		
		.slides .slide-noimg {
			height: 200px;
		}
		
		.slide-copy {
			padding: 18px;
		}
	
	.slide-title {
		font-size: 16px; /* for ie8 & below */
		font-size: 1.6rem;
		line-height: 1.1;
	}

	.slide-copy-wrap {
		font-size: 12px; /* for ie8 & below */
		font-size: 1.2rem;
		line-height: 1.4;
		position: relative !important;
		bottom: auto;
		z-index: 0;
	}
	
	body.page .entry-title, 
	body.single .entry-title, .not-found .entry-title,
	.inner-title-box .page-title,
	article.alt-home-list[id*="post-"] .entry-title {
		font-size: 21px; /* for ie8 & below */
		font-size: 2.1rem;
		line-height: 1.2;
	}
	
	.inner-title-box .byline {
		display: block;
		padding-top: 6px;
		clear: left;
	}
		.inner-title-box .meta-by {
			margin-left: 0;
		}
	
	.grid-box article {
		padding: 18px;
	}
	
	.grid-box .entry-meta {
		font-size: 13px;
	}
	
	.grid-box .entry-title,
	body.page .grid-box .entry-title {
		font-size: 16px; /* for ie8 & below */
		font-size: 1.6rem;
	}
	
	.commentlist li.comment article[id*=comment-] video, .post-content video, .full-width-content .post-content video, 
	.commentlist li.comment article[id*=comment-] object, .post-content object, .full-width-content .post-content object,
	.commentlist li.comment article[id*=comment-] embed, .post-content embed, .full-width-content .post-content embed,
	.commentlist li.comment article[id*=comment-] iframe, .post-content iframe, .full-width-content .post-content iframe { 
		min-height: 130px; /* for ie8 & below */
		min-height: 13rem;
	}
	
	.gallery img {
		max-width: 78%;
	}
	
	.gallery .gallery-caption {
		font-size: 9px; /* for ie8 & below */
		font-size: 0.9rem;
	}
	
	.commentlist li[class*=depth-] {
		margin-left: 10px; /* for ie8 & below */ 
		margin-left: 1.0rem;
	}
	
	.commentlist li.depth-1 { 
		margin-left: 0; 
	}
	
	#respond {
		padding: 20px;
	}
	
	
	body.page .intro-copy-box .entry-title {
		font-size: 26px; /* for ie8 & below */
		font-size: 2.6rem;
	}
	
	.intro-copy-box .post-content {
		font-size: 13px; /* for ie8 & below */
		font-size: 1.3rem;
		line-height: 1.4;
	}
	
	.profile-thumb.pdefault {
		min-height: 65px;
	}
	
	.pcont article[id*="post-"] {
		padding-left: 0;
		padding-top: 0;
	}
	
	.people-job {
		font-size: 14px;
	}
	
	.people-phone {
		font-size: 16px;
	}
}



/******************************************************************
PRINT STYLES
******************************************************************/

@media print {
	
	* { 
		background: transparent !important; 
		color: #222 !important; 
		text-shadow: none !important; 
	}
	
	a, a:visited { 
		color: #222 !important; 
		text-decoration: underline; 
	}
	
	a:after { 
		content: " (" attr(href) ")"; 
	} 
	
	abbr:after { 
		content: " (" attr(title) ")"; 
	}
	
	.ir a:after { 
		content: ""; 
	}  
	
	pre, 
	blockquote { 
		border: 1px solid #999; 
		page-break-inside: avoid; 
	}
	
	thead { 
		display: table-header-group; 
	}
	 
	tr, 
	img { 
		page-break-inside: avoid; 
	}
	
	@page { 
		margin: 0.5cm; 
	}
	
	p, h2, h3 { 
		orphans: 3; 
		widows: 3; 
	}
	
	h2, h3{ 
		page-break-after: avoid; 
	}

}
/******************************************************************
Book Now Button STYLES
******************************************************************/
.staff-book-now{
  font-size: 1.3em;
  margin-top: 20px;
  border-radius: 4px;
  padding: 1em 1em;
  line-height: 0.75em;
  display: inline-block;
  margin-bottom: 20px;
  text-decoration: none;
  color: #fff !important;
}
.staff-booking-page-section{
  margin: 0px 50px;
}
.staff-personnel-info{
   float:left;
}
.staff-booking-page-section{
   float:left
}
.post-divider {
  clear:both;
}

.staff-social-buttons{
    margin: 25px auto;
}
.staff-social-buttons a:link {
text-decoration: none;
}
.staff-social-buttons a:visited {
text-decoration: none;
}
.linkedin-button> a:hover .fa-linkedin{
  background-color: #fff!important;
  color: #3893c4!important;
  border: 1px solid #3893c4;
  border-radius: 100%;
}
.twitter-button> a:hover .fa-twitter{
  background-color: #fff!important;
  color: #47bff5!important;
  border: 1px solid #47bff5;
  border-radius: 100%;
}
.facebook-button> a:hover .fa-facebook{
  background-color: #fff!important;
  color: #2A49A5!important;
  border: 1px solid #2A49A5;
  border-radius: 100%;
}
.google-plus-button> a:hover .fa-google-plus{
  background-color: #fff!important;
  color: #df5138!important;
  border: 1px solid #df5138;
  border-radius: 100%;
}
.mailto-button> a:hover .fa-envelope{
  background-color: #fff!important;
  color: #3498db !important;
  border: 1px solid #3498db;
  border-radius: 100%;
}
.youtube-button> a:hover .fa-youtube{
  background-color: #fff!important;
  color: #bb0000!important;
  border: 1px solid #bb0000;
  border-radius: 100%;
}
.staff-social-buttons a:active {
color: #000;
text-decoration: none;
}

ul.staff-pricing-section{
  margin: 0 !important;
}

.staff-pricing-section li {
  border-bottom: 0px solid #ddd;
  list-style: none outside none;
  padding: 6px 0px !important;
  overflow: hidden;
  display: block;
}
.staff-pricing-section li span {
  color: #1abc9c;
  float: left;
  text-align: left;
  width: 50%;
  font-weight: bold;
}
.staff-pricing-section>li:before{
}
.cover{
  background: url(library/images/black-overlay.png) no-repeat center center;
  z-index: 2000;
  position: relative;
  width: 100%;
  background-size: cover;
  height: 716px;
}
#panel_container_wrapper{
    padding: 50px 0;
    position: relative;
    overflow: hidden;
    clear: both;
    top:20%;
}
#panel_container_wrapper #content {
 opacity: 1;
  padding: 0px 30px!important;
  margin: 0px auto;
  position: relative;
  display: block;
  width: 100%;
}
.panel-fullwidth{
    margin-bottom: 0px!important;
    width: 100%;
    float: left;
}
.panel-grid{
    margin-left: -15px;
  margin-right: -15px;
    zoom:1;
}
.panel-grid-cell{
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 100%;
}
.so-panel{
    margin-bottom: 30px;
    zoom:1;
}
.vspace{
  margin-bottom: 60px;
  clear: both;
  display: table;
  height: 0;
  width: 100%;
}
.panel-textwidget h1{
  color: #fff;
  font-size: 40px;
  font-weight: normal;
  line-height: 40px;
  text-shadow: 0 0 5px #111;
  margin-bottom: 7px;
}
.panel-textwidget h2{
    color: #1abc9c;
  font-size: 50px;
  font-weight: bold;
  line-height: 60px;
  text-shadow: 0 0 5px rgba(0, 0, 0, .5);
  margin-bottom: 10px;
}
.panel-textwidget h4{
  color: #fff;
  line-height: 30px;
  text-shadow: 0 0 5px #111;
  font-weight: 100;
}
.panel-button{
  border: 2px solid #fff;
  color: #fff;
  font-size: 1.3em;
  margin:0px auto;
  border-radius: 4px;
  padding: 0.6em 2em;
  line-height: 4em;
  text-decoration: none;
}
#book-now-button{
    float:right;
    display: inline-block;
    padding-top: 2.5rem;
}
#book-now-button a{
 padding: 10px 20px;
  padding: 1rem 2rem;
  color: #7f8c8d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  text-decoration: none;
  border: 2px solid #fff;
  border-radius: 4px;
}
.sticky-header {
	position:fixed;
	margin-top:-100px;
	z-index:99;
	width:100%;
	transition:all 1s ease;
}

.sticky {
	margin-top:0;
    background: url(library/images/black-overlay.png) no-repeat center center;
    background-size: cover;
}
#slide-wrap:hover #slidernext, #slide-wrap:hover #sliderprev {
    display: block;
}
.main-page-post .grid-box:hover{
    box-shadow: 1px 4px 10px 6px rgba(0,0,0,0.3);
}
.grid-box article{
    background: #fff;
}
.main-staff-post .grid-box:hover article{
    margin-top:-60px;
    position: relative;
}
.main-staff-post .grid-box:hover{
    box-shadow: 1px 4px 10px 6px rgba(0,0,0,0.3);
}
.main-staff-post .grid-box:hover .imgthumb
{
        opacity:0.5;
}
.main-staff-post .grid-box article{
    text-align: center;
}
.main-staff-post .grid-box article .entry-content .people-job{
    font-size: 15px;
    font-weight: 100;
}
.main-staff-post .staff-social-buttons:before, .about-us-staff .staff-social-buttons:before{
    content: "";
    display: block;
    height: 2px;
    margin: 15px auto;
    width: 50px;
}
.grid-box .about-us-staff{
  padding:15px !important;
  text-align: center;
}
.about-us-staff .staff-social-buttons .fa-linkedin{
    background-color: #fff;
    color: #3893c4;
}
.about-us-staff .staff-social-buttons .fa-twitter{
    background-color: #fff;
    color: #47bff5;
}
.about-us-staff .staff-social-buttons .fa-facebook{
    background-color: #fff;
    color: #2A49A5;
}
.about-us-staff .staff-social-buttons .fa-google-plus{
    background-color: #fff;
    color: #df5138 ;
}
.about-us-staff .staff-social-buttons .fa-envelope{
    background-color: #fff;
    color: #3498db;
}
.about-us-staff .staff-social-buttons .fa-youtube{
    background-color: #fff;
    color: #bb0000;
}
.about-us-team-title h1:before {
  background: none repeat scroll 0 0;
  content: "";
  height: 2px;
  position: absolute;
  left: 0;
  width: 50px;
  clear: both;
  margin: 2px auto;
  text-align: center;
  right: 0;
  margin-top: 46px;
}

table.two td {								
	text-align: center;     
	width: 10em;					
	padding: 0.7em; 		
}		
table.two th {								
	text-align: center;					
	padding: 1em;
	background-color: #27c3bb;			
	color: white;
}			      
table.two tr {	
	height: 1em;
}
table.two tr:nth-child(even) {			
    background-color: #eee;	
}
table.two tr:nth-child(odd) {			
	background-color:#fff;
}
.business-days{
    color: #fff;
}
.contact-us-gm{
  background: url(library/images/black-overlay.png) no-repeat center center;
  background-size: cover;
  border: 0px solid rgba(255,255,255,0.2);
  padding: 30px;
  position: relative;
    margin-bottom: 20px;
    width: 100%;

}
.contact-us-map{
    width: 100%;
    height: 340px;
    overflow: hidden;
    transform: translateZ(0px);
    background-color: rgb(229, 227, 223);

}
.about-us-location-icon i {
  background-color: #1abc9c;
  color: #fff;
  border: 1px solid #1abc9c;
  border-radius: 100%;
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 9px;
  float: left;
}
.about-us-location{
    margin-bottom: 15px;
}
.about-us-email-icon i{
  background-color: #3498db;
  color: #fff;
  border: 1px solid #3498db;
  border-radius: 100%;
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 9px;
  float: left;
}
.about-us-contact-icon i{
  background-color: #2ecc71;
  color: #fff;
  border: 1px solid #2ecc71;
  border-radius: 100%;
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 9px;
  float: left;
}
.about-us-email-icon i:hover{
    background: #fff;
    color:#3498db;
}
.about-us-contact-icon i:hover{
    background: #fff;
    color:#2ecc71;
}
.about-us-location-icon i:hover{
    background: #fff;
    color:#1abc9c;
}
.about-us-contact-icon-text, .about-us-email-icon-text, .about-us-location-icon-text{
    margin-left: 55px;
}
.about-us-text, #contact-us-diary{
    margin-bottom:20px;
}
#contact-us-info #site-title{
    padding: 5px;
    text-align: center;
}
.about-us-sidebar{
    margin-top: 20px !important;
}
#class-booking-page{
    background: rgba(0,0,0,0.4);
    border: 1px solid rgba(255,255,255,0.2);
    padding: 30px;
    position: relative;
    margin:40px auto;
}
.class-booking-main-content article .post-divider{
    display: none;
}



/*contact form*/
#feedback-page{
	text-align:center;
}

#form-main{
	width:100%;
	float:left;
	padding: 15px;
    position: relative; 
}

#form-div {
  background: url(library/images/black-overlay.png) no-repeat center center;
  background-size: cover;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 35px;
  padding-bottom: 50px;
  width: 66%;
  float: left;
  position: relative;
  margin-bottom: 30px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.feedback-input {
	color:#3c3c3c;
	font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
	font-size: 18px;
	border-radius: 0;
	line-height: 22px;
	background-color: #fbfbfb;
	padding: 13px 13px 13px 54px;
	margin-bottom: 10px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  border: 3px solid rgba(0,0,0,0);
}

.feedback-input:focus{
	background: #fff;
	box-shadow: 0;
	border: 3px solid #3498db;
	outline: none;
    padding: 13px 13px 13px 54px;
}

.focused{
	color:#30aed6;
	border:#30aed6 solid 3px;
}

/* Icons ---------------------------------- */
#contactName{
    background: url(library/images/name.svg) #fff;
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#contactName:focus{
    background: url(library/images/name.svg) #fff;
	background-size: 30px 30px;
	background-position: 8px 5px;
    background-position: 11px 8px;
	background-repeat: no-repeat;
}

#email{
	background: url(library/images/email.svg) #fff;
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#email:focus{
	background: url(library/images/email.svg) #fff;
	background-size: 30px 30px;
    background-position: 11px 8px;
	background-repeat: no-repeat;
}

#commentsText{
	background: url(library/images/comment.svg) #fff;
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}
#commentsText:focus{
	background: url(library/images/comment.svg) #fff;
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	background-color:white;
}

#button-blue{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:left;
	width: 100%;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #3498db;
	color:white;
	font-size:24px;
	padding-top:22px;
	padding-bottom:22px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
}

#button-blue:hover{
	background-color: rgba(0,0,0,0);
	color: #0493bd;
}
	
.buttons:hover {
	color: #3498db;
}
	
.ease {
	width: 0px;
	height: 74px;
	background-color: #fbfbfb;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

.buttons:hover .ease{
  width:100%;
  background-color:white;
}

@media only screen and (max-width: 580px) {
	#form-div{
		margin-right: 3%;
		width: 100%;
		margin-left: 0;
		padding-left: 3%;
		padding-right: 3%;
	}
    .send-copy-text{
        width: 75%;
        float: left;
    }
}

.map-wraper{
    width: 100%;
    float: left;
  min-height: 1px;
  padding: 0 15px;
  position: relative;
}
.map-wraper-content{
    margin: 0 0 50px 0;
    background: url(library/images/black-overlay.png) no-repeat center center;
    background-size: cover;
    border: 1px solid rgba(255,255,255,0.2);
    padding: 30px;
    position: relative;
    height:auto;
    overflow: hidden;
}

.contact-wraper{
    width: 100%;
    float: left;
  min-height: 1px;
  padding: 0 15px;
  position: relative;
}

.contact-wraper-content{
    margin: 0 0 40px 0;
    background: url(library/images/black-overlay.png) no-repeat center center;
    background-size: cover;
    border: 1px solid rgba(255,255,255,0.2);
    padding: 30px;
    position: relative;
    height:auto;
    overflow: hidden;
}
.map-wraper-content-map{
    position: relative;
    overflow: hidden;
    transform: translateZ(0px);
    background-color: rgb(229, 227, 223);
    width: 100%;
    height: 340px;
    color: #000;
}

.contact-us-section{
  height: auto;
  margin-bottom: 40px;
  overflow: hidden;
  text-align: left;
  float: left;
  width: 350px;
  padding: 15px;
  margin: 10px auto;
}
.contact-us-section i{
      width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 38px;
}

.contact-us-section .about-us-contact-icon-text, .contact-us-section .about-us-email-icon-text, .contact-us-section .about-us-location-icon-text {
  margin-left: 90px;
}
.contact-us-section li{
  color: #fff;
}
.contact-us-sidebar #meta-2{
    background: url(library/images/black-overlay.png) no-repeat center center;
    background-size: cover;
    border-radius: 12px;
}
.contact-us-sidebar{
    margin-bottom: 30px !important;
    margin-top: 0px !important;
}
.contact-us-sidebar aside .widget-title{
    border: none !important;
    margin-bottom: 0px !important;
}
.contact-us-sidebar aside .business-hours td{
    padding: 0.8em;
}
#sendCopy{
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}





input[type=checkbox] {
	visibility: hidden;
}

/* ROUNDED TWO */
.sendCopy {
    float: left;
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	margin: 20px auto;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.sendCopy label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.sendCopy label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 5px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.sendCopy label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.sendCopy input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.send-copy-text{
  position: relative;
  margin: 20px auto;
  float: left;
  left: 0;
  right: 0;
  margin-left: 10px;
  color: #fff;
}
#send-copy{
      position: relative;
      overflow: hidden;
      margin-bottom: 15px;
}
.contact-us-map {
        position: relative;
        padding-bottom: 100%; 
        height: 0;
        overflow: hidden;
    }
.map-wraper-content-map{
        position: relative;
        padding-bottom: 35%; 
        height: 0;
        overflow: hidden;
    }

.contact-us-map iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}
.map-wraper-content-map iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}
@media screen and (max-width:340px) {
    .panel-button{
        padding: 0.6em 1em !important;
        font-size: 1em;
    }
}
body.custom-background{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: top center !important;
}
.contact-us-main article .post-divider{
    background: none !important;
    height: 0px;
}
.cost-detials table{
    width: 50%;
    margin: 0px auto;
}
.cost-detials table tr{
    background: url(library/images/black-overlay.png) no-repeat center center;
    background-size: cover;
    color: #fff;
}
.cost-detials table.two th{
    border: none;
}
.services-wrap .grid-box{
    width: 28%;
    margin: 2.5% 2%;
}

/*Move to Top button*/
.crunchify-top:hover {
	background-color: #fff;
	text-decoration: none;
}
 
.crunchify-top {
	display: none;
    position: fixed;
    bottom: 10rem;
    right: 1rem;
    width: 4.2rem;
    height: 4.2rem;
    line-height: 4.2rem;
    font-size: 2.4rem;
    color: #fff;
    text-decoration: none;
    border-radius: 3.2rem;
    text-align: center;
    cursor: pointer;
}
#footer-social-buttons{
    overflow: hidden;
}
#footer-social-buttons .staff-social-buttons{
        float: right;
        margin: 25px 10px;
}
footer #powered-setmore{
    color: #6D6667 !important;
}
footer .crunchify-top:visited{
    color: #fff !important;
}
.business-hours{
    margin: 0px auto;
}
.menu #menu-icon:hover{
    color: #fff;
}
#customize-control-monday_start{
    width:50%;
}
#site-logo>a>img {
	margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    float: left;
    height: 60px;
    width: 60px;
}
div#contact-us-info {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}