@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
/* 1200px Media Query for the Skeleton Grid - http://getskeleton.com
* Adapted from http://www.aliaspooryorik.com/blog/index.cfm/e/posts.details/post/responsive-css-grid-systems-345
* Added .alpha.omega combo classes. Hope to see that fixed in later versions of Skeleton: https://github.com/dhgamache/Skeleton/issues/68
*/


/* #Base 1200 Grid
================================================== */
.container {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0;
}

.column,
.columns {
	float: left;
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}

.row {
	margin-bottom: 20px;
}

/* Nested Column Classes */
.column.alpha,
.columns.alpha {
	margin-left: 0;
}

.column.omega,
.columns.omega {
	margin-right: 0;
}

.column.alpha.omega,
.columns.alpha.omega {
	margin-left: 0;
	margin-right: 0
}

/* Base Grid */
.container .one.column {
	width: 55px;
}

.container .two.columns {
	width: 130px;
}

.container .three.columns {
	width: 205px;
}

.container .four.columns {
	width: 580px;
}

.container .five.columns {
	width: 355px;
}

.container .six.columns {
	width: 430px;
}

.container .seven.columns {
	width: 505px;
}

.container .eight.columns {
	width: 580px;
}

.container .nine.columns {
	width: 655px;
}

.container .ten.columns {
	width: 730px;
}

.container .eleven.columns {
	width: 805px;
}

.container .twelve.columns {
	width: 880px;
}

.container .thirteen.columns {
	width: 955px;
}

.container .fourteen.columns {
	width: 1030px;
}

.container .fifteen.columns {
	width: 1105px;
}

.container .sixteen.columns {
	width: 1180px;
}

.container .one-fifth.column {
	width: 220px;
}

.container .one-third.column {
	width: 100%;
}

.container .two-thirds.column {
	width: 780px;
}

/* Offsets */
.container .offset-by-one {
	padding-left: 75px;
}

.container .offset-by-two {
	padding-left: 150px;
}

.container .offset-by-three {
	padding-left: 225px;
}

.container .offset-by-four {
	padding-left: 300px;
}

.container .offset-by-five {
	padding-left: 380px;
}

.container .offset-by-six {
	padding-left: 455px;
}

.container .offset-by-seven {
	padding-left: 530px;
}

.container .offset-by-eight {
	padding-left: 605px;
}

.container .offset-by-nine {
	padding-left: 680px;
}

.container .offset-by-ten {
	padding-left: 755px;
}

.container .offset-by-eleven {
	padding-left: 830px;
}

.container .offset-by-twelve {
	padding-left: 905px;
}

.container .offset-by-thirteen {
	padding-left: 980px;
}

.container .offset-by-fourteen {
	padding-left: 1055px;
}

.container .offset-by-fifteen {
	padding-left: 1130px;
}

/* #Base 960 Grid
================================================== */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.container {
		width: 960px;
	}

	.column,
	.columns {
		margin-left: 10px;
		margin-right: 10px;
	}

	/* Nested Column Classes */
	.column.alpha,
	.columns.alpha {
		margin-left: 0;
	}

	.column.omega,
	.columns.omega {
		margin-right: 0;
	}

	/* Base Grid */
	.container .one.column {
		width: 40px;
	}

	.container .two.columns {
		width: 100px;
	}

	.container .three.columns {
		width: 160px;
	}

	.container .four.columns {
		width: 220px;
	}

	.container .five.columns {
		width: 280px;
	}

	.container .six.columns {
		width: 340px;
	}

	.container .seven.columns {
		width: 400px;
	}

	.container .eight.columns {
		width: 460px;
	}

	.container .nine.columns {
		width: 520px;
	}

	.container .ten.columns {
		width: 580px;
	}

	.container .eleven.columns {
		width: 640px;
	}

	.container .twelve.columns {
		width: 700px;
	}

	.container .thirteen.columns {
		width: 760px;
	}

	.container .fourteen.columns {
		width: 820px;
	}

	.container .fifteen.columns {
		width: 880px;
	}

	.container .sixteen.columns {
		width: 940px;
	}

	.container .one-fifth.column {
		width: 172px;
	}

	.container .one-third.column {
		width: 300px;
	}

	.container .two-thirds.column {
		width: 620px;
	}

	/* Offsets */
	.container .offset-by-one {
		padding-left: 60px;
	}

	.container .offset-by-two {
		padding-left: 120px;
	}

	.container .offset-by-three {
		padding-left: 180px;
	}

	.container .offset-by-four {
		padding-left: 240px;
	}

	.container .offset-by-five {
		padding-left: 300px;
	}

	.container .offset-by-six {
		padding-left: 360px;
	}

	.container .offset-by-seven {
		padding-left: 420px;
	}

	.container .offset-by-eight {
		padding-left: 480px;
	}

	.container .offset-by-nine {
		padding-left: 540px;
	}

	.container .offset-by-ten {
		padding-left: 600px;
	}

	.container .offset-by-eleven {
		padding-left: 660px;
	}

	.container .offset-by-twelve {
		padding-left: 720px;
	}

	.container .offset-by-thirteen {
		padding-left: 780px;
	}

	.container .offset-by-fourteen {
		padding-left: 840px;
	}

	.container .offset-by-fifteen {
		padding-left: 900px;
	}
}

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container {
		width: 768px;
	}

	.container .column,
	.container .columns {
		margin-left: 10px;
		margin-right: 10px;
	}

	.column.alpha,
	.columns.alpha {
		margin-left: 0;
		margin-right: 10px;
	}

	.column.omega,
	.columns.omega {
		margin-right: 0;
		margin-left: 10px;
	}

	.container .one.column {
		width: 28px;
	}

	.container .two.columns {
		width: 76px;
	}

	.container .three.columns {
		width: 124px;
	}

	.container .four.columns {
		width: 172px;
	}

	.container .five.columns {
		width: 220px;
	}

	.container .six.columns {
		width: 268px;
	}

	.container .seven.columns {
		width: 316px;
	}

	.container .eight.columns {
		width: 364px;
	}

	.container .nine.columns {
		width: 412px;
	}

	.container .ten.columns {
		width: 460px;
	}

	.container .eleven.columns {
		width: 508px;
	}

	.container .twelve.columns {
		width: 556px;
	}

	.container .thirteen.columns {
		width: 604px;
	}

	.container .fourteen.columns {
		width: 652px;
	}

	.container .fifteen.columns {
		width: 700px;
	}

	.container .sixteen.columns {
		width: 748px;
	}

	.container .one-fifth.column {
		width: 133px;
	}

	.container .one-third.column {
		width: 236px;
	}

	.container .two-thirds.column {
		width: 492px;
	}

	/* Offsets */
	.container .offset-by-one {
		padding-left: 48px;
	}

	.container .offset-by-two {
		padding-left: 96px;
	}

	.container .offset-by-three {
		padding-left: 144px;
	}

	.container .offset-by-four {
		padding-left: 192px;
	}

	.container .offset-by-five {
		padding-left: 240px;
	}

	.container .offset-by-six {
		padding-left: 288px;
	}

	.container .offset-by-seven {
		padding-left: 336px;
	}

	.container .offset-by-eight {
		padding-left: 348px;
	}

	.container .offset-by-nine {
		padding-left: 432px;
	}

	.container .offset-by-ten {
		padding-left: 480px;
	}

	.container .offset-by-eleven {
		padding-left: 528px;
	}

	.container .offset-by-twelve {
		padding-left: 576px;
	}

	.container .offset-by-thirteen {
		padding-left: 624px;
	}

	.container .offset-by-fourteen {
		padding-left: 672px;
	}

	.container .offset-by-fifteen {
		padding-left: 720px;
	}
}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	.container {
		width: 300px;
	}

	.columns,
	.column {
		margin: 0;
	}

	.container .one.column,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-fifth.column,
	.container .one-third.column,
	.container .two-thirds.column {
		width: 300px;
	}

	/* Offsets */
	.container .offset-by-one,
	.container .offset-by-two,
	.container .offset-by-three,
	.container .offset-by-four,
	.container .offset-by-five,
	.container .offset-by-six,
	.container .offset-by-seven,
	.container .offset-by-eight,
	.container .offset-by-nine,
	.container .offset-by-ten,
	.container .offset-by-eleven,
	.container .offset-by-twelve,
	.container .offset-by-thirteen,
	.container .offset-by-fourteen,
	.container .offset-by-fifteen {
		padding-left: 0;
	}
}

/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container {
		width: 420px;
	}

	.columns,
	.column {
		margin: 0;
	}

	.container .one.column,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-fifth.column,
	.container .one-third.column,
	.container .two-thirds.column {
		width: 420px;
	}
}

/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.row:after,
.clearfix:after {
	clear: both;
}

.row,
.clearfix {
	zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
Cutting Edge Template

Table of Contents:
	Reset
	Common
	Typography
	Layout
	Supersized Slideshow
	Youtube Player
	Parallax
	Twitter
	Salon
	Stats
	Awards
	Services
	Promotions
	Gallery
	Contacts
	Flickr
	Alert Boxes
	Footer
	Social
	Misc
	Media Queries
*/




/* #Reset & Basics (Inspired by E. Meyers)
--------------------------------------------------------*/

html,
body {
	height: 100%;
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* Commons
--------------------------------------------------------*/


::-moz-selection {
	background: #D2B55B;
	color: #fff;
}

::selection {
	background: #D2B55B;
	color: #fff;
}

body {
	background-color: #fff;
	font: 15px 'Oswald', sans-serif;
	font-weight: 300;
	color: #222;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	text-align: left;
	width: 100%;
	height: 100%;
	text-align: center;

}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	/* 16/9 ratio */
	padding-top: 30px;
	/* IE6 workaround*/
	height: 0;
	overflow: hidden;
}

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

.embed-container {
	position: relative;
	padding-bottom: 30%;
	/* 16/9 ratio */
	padding-top: 30px;
	/* IE6 workaround*/
	margin-top: 30px;
	height: 0;
	overflow: hidden;
	width: 100%;
	border-bottom: 10px solid #D2B55B;
	border-top: 10px solid #D2B55B;
}

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

.hidden {
	display: none;
}

img.scale-with-grid {
	max-width: 100%;
	height: auto;
}


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

h1,
h2,
h3,
h4 {
	font-weight: 300;
	font-family: 'Oswald', sans-serif;
	color: #222;
	margin: 0 0 6px;
}

h1 {
	font-size: 90px;
	letter-spacing: -2px;
	margin-bottom: 15px;
	position: relative;
	text-transform: uppercase;
	line-height: 1;
}

h1 span {
	color: #f26922;
}

h2 {
	font-size: 44px;
	text-transform: uppercase;
	position: relative;
}

h2.white {
	color: #fff;
}

h3 {
	font-size: 22px;
	line-height: 1;
	color: #555;
}

h3.sectionTitle {
	border-bottom: 1px solid #cacaca;
	font-size: 28px;
	line-height: 30px;
	margin-bottom: 10px;
	padding: 26px 0 6px;
}

.small {
	font-size: 36px;
	font-weight: 300;
}

.smallBold {
	font-size: 36px;
	font-weight: 700;
}

.medium {
	font-size: 44px;
	text-transform: uppercase;
}

.mediumBold {
	font-size: 44px;
	font-weight: 700;
	text-transform: uppercase;
}

.large {
	font-size: 56px;
	text-transform: uppercase;
}

.largeBold {
	font-size: 56px;
	font-weight: 700;
	text-transform: uppercase;
}

.author {
	font-size: 18px;
	font-weight: 300;
}

h4 {
	font-size: 22px;
}

p {
	margin-bottom: 10px;
}

p a {
	color: #D2B55B;
	text-decoration: none;
}

p a:hover {
	color: #907111;
	transition: color 0.5s;
}

a {
	color: #D2B55B;
	text-decoration: none;
}

a:hover {
	color: #907111;
}

strong {
	font-weight: 700;
}

.introtext {
	font-size: 18px;
	margin-bottom: 35px;
	text-align: justify;
}

.marginTop {
	margin-top: 30px;
}

.highlight {
	background: #D2B55B;
	color: #FFFFFF;
	padding: 0 6px;
}

.dropcap {
	background: #D2B55B;
	color: #FFFFFF;
	display: inline-block;
	float: left;
	font-size: 30px;
	font-weight: bold;
	height: 44px;
	line-height: 44px;
	margin: 7px 7px 0 0;
	text-align: center;
	width: 44px;
}

/* Layout 
--------------------------------------------------------*/

.homepage {
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin-bottom: -50px;
}

.page {
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.page.desktop {
	position: relative !important;
	z-index: 6;
}

.page {
	padding-top: 100px;
	padding-bottom: 100px;
}

.page {
	background: #fff;
	background-attachment: scroll;
}

nav {
	background: #000;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	position: relative;
	z-index: 1000;
	height: 46px;
	text-align: center;
	border-bottom: 6px solid #D2B55B;
}

nav ul {
	height: 38px;
	display: inline-block;
	padding-top: 9px;
}

nav ul li {
	position: relative;
	float: left;
	margin: 0;
}

nav ul li a {
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px;
}

nav ul li a:hover {
	color: #D2B55B;
	transition: color 0.5s;
}

.dropmenu {
	display: none;
}

#homepage .container {
	height: 100%;
}

.logo {
	float: right;
	margin-top: 50px;
}

/* supersized slideshow
--------------------------------------------------------*/

.slider-text {
	width: 100%;
}

.slider-text {
	bottom: 0px;
	min-height: 220px;
	overflow: hidden;
	position: absolute;
}

#prevslide,
#nextslide {
	position: absolute;
	height: 40px;
	width: 40px;
	top: 64px;
	margin-top: -21px;
	opacity: 0.8;
	border-radius: 50%;
}

#prevslide {
	right: 60px;
	background: url('../assets/icons/icon-up-arrow.png') center center no-repeat #000;
}

#nextslide {
	right: 10px;
	background: url('../assets/icons/icon-down-arrow.png') center center no-repeat #000;
}

#prevslide:active,
#nextslide:active {
	margin-top: -19px;
}

#prevslide:hover,
#nextslide:hover {
	cursor: pointer;
}

#slidecaption h2 {
	text-shadow: 0 0 5px #000;
	font-weight: 700;
	font-size: 84px;
	color: #fff;
	text-align: left;
	line-height: 1;
}

#slidecaption h2 span {
	font-weight: 300;
	font-size: 86px;
}

#supersized-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	text-indent: -999em;
	background: url(../assets/progress.gif) no-repeat center center;
}

#supersized {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: -999;
	height: 100%;
	width: 100%;
}

#supersized img {
	width: auto;
	height: auto;
	position: relative;
	display: none;
	outline: none;
	border: none;
}

#supersized.speed img {
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -moz-crisp-edges;
}

/*Speed*/
#supersized.quality img {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}

/*Quality*/

#supersized li {
	display: block;
	list-style: none;
	z-index: -30;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #111;
}

#supersized a {
	width: 100%;
	height: 100%;
	display: block;
}

#supersized li.prevslide {
	z-index: -20;
}

#supersized li.activeslide {
	z-index: -10;
}

#supersized li.image-loading {
	background: #111 url(../assets/progress.gif) no-repeat center center;
	width: 100%;
	height: 100%;
}

#supersized li.image-loading img {
	visibility: hidden;
}

#supersized li.prevslide img,
#supersized li.activeslide img {
	display: inline;
}





/* parallax
--------------------------------------------------------*/

.parallax {
	width: 100%;
	height: 480px;
	padding: 0;
	margin: 0;
	background-attachment: fixed;
	background-repeat: no-repeat;
	border-top: 10px solid rgba(255, 255, 255, 0.3);
	border-bottom: 10px solid rgba(255, 255, 255, 0.3);
	color: #fff;
	position: relative;
	background-size: cover;
}

.parallax .quoteWrap {
	display: table;
	width: 100%;
	height: 100%;
	padding: 0 !important;
	margin: 0 !important;
}

.parallax.fixed {
	background-attachment: fixed;
}

.parallax.fixed-desktop {
	background-attachment: fixed !important;
}

.parallax .quoteWrap .quote {
	display: table-cell;
	vertical-align: middle;
}

.parallax {
	text-align: center;
}

.parallax h3 span {
	text-shadow: 0px 0px 5px #222;
	color: #fff;
}

.parallaxText {
	display: table-cell;
	vertical-align: middle;
}

.imageClip {
	background: url(../assets/parallax/model-clipped.png) center center no-repeat;
	width: 287px;
	height: 800px;
	margin: -500px auto 0 auto;
}

.cutting {
	font-size: 150px;
	font-weight: 700;
	opacity: 0.5;
	margin-left: -150px;
}

/* Twitter
--------------------------------------------------------*/
#twitter li {
	margin: 0;
	padding: 40px 0 0 0;
	background: url(../assets/icons/social-twitter.png) no-repeat center top;
	font-size: 24px;
	text-shadow: 0px 0px 5px #222;
}

#twitter a {
	color: #fff;
	text-shadow: 0px 0px 5px #222;
	font-size: 24px;
}

#twitter a:hover {
	color: #000;
}

#twitter b a {
	color: #fff;
	color: rgba(255, 255, 255, 0.6);
	font-weight: normal;
	font-size: 18px;
	text-shadow: none;
}


/* Salon
--------------------------------------------------------*/

#salon {
	clear: left;
}

.salonImage {
	margin-bottom: 30px;
}

.teamImage img {
	border-radius: 50%;
	margin: 20px auto 30px;
	box-shadow: 0 0 0 1px #fff inset;
}

.teamOverlay {
	border: 5px solid rgb(210, 181, 91);
	border-radius: 50%;
	box-shadow: 0 0 0 10px rgba(210, 181, 91, 0.3) inset;
	width: 270px;
	height: 270px;
	margin-bottom: 30px;
	margin-top: 20px;
	position: absolute;
}


/* Stats
--------------------------------------------------------*/
.statGrid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
	float: left;
}

.statGrid:after,
.statItem:before {
	content: '';
	display: table;
}

.statGrid:after {
	clear: both;
}

.statGrid li {
	width: 177px;
	height: 177px;
	display: inline-block;
	margin: 10px;
}

.statItem {
	width: 100%;
	height: 100%;
	border-radius: 100px;
	position: relative;
	cursor: default;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.statThumb {
	width: 100%;
	height: 100%;
	border-radius: 100px;
	overflow: hidden;
	position: absolute;
	box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.5);
	transform-origin: 95% 40%;
	transition: all 0.3s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0);
}

.ie8 .statThumb {
	display: none;
}

.statGridMobile .statThumb {
	display: none;
}

.statThumb:after {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	border-radius: 100px;
	top: 40%;
	left: 95%;
	margin: -4px 0 0 -4px;
	background: rgb(50, 50, 50);
	box-shadow: 0 0 3px rgba(255, 255, 255, 0.9);
}

.stat-1 {
	background-image: url(../assets/stats/stat-1.jpg);
	z-index: 12;
}

.stat-2 {
	background-image: url(../assets/stats/stat-2.jpg);
	z-index: 11;
}

.stat-3 {
	background-image: url(../assets/stats/stat-3.jpg);
	z-index: 10;
}

.stat-4 {
	background-image: url(../assets/stats/stat-4.jpg);
	z-index: 9;
}

.stat-5 {
	background-image: url(../assets/stats/stat-5.jpg);
	z-index: 8;
}

.stat-6 {
	background-image: url(../assets/stats/stat-6.jpg);
	z-index: 7;
}

.statInfo {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100px;
	overflow: hidden;
	background: #D2B55B;
}

.statInfo h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	text-align: center;
	letter-spacing: 2px;
	font-size: 24px;
	margin: 0 auto;
	padding: 45px 0 0 0;
	height: 40px;
	font-weight: 700;
	text-shadow:
		0 0 1px #fff,
		0 1px 2px rgba(0, 0, 0, 0.3);
}

.statInfo p {
	color: #fff;
	padding: 10px 5px;
	margin: 0 auto;
	font-size: 14px;
	text-align: center;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.statItem:hover .statThumb {
	box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.5), 0 1px 3px rgba(0, 0, 0, 0.2);
	transform: rotate(-110deg);
}

.statItem:hover .statInfo p a {
	opacity: 1;
	transform: translateX(0px) rotate(0deg);
}




/* Awards
--------------------------------------------------------*/

.awardsImage {
	border-radius: 50%;
	border: 5px solid rgb(210, 181, 91);
	padding: 2px;
}

.awardsImage img {
	border-radius: 50%;
	display: block;
}

.awardsListing ul {
	margin-bottom: 20px;
}

.awardsListing ul li {
	margin: 1px 0;
}

.awardsListing ul li span {
	background: #D2B55B;
	color: #222;
	padding: 0 6px;
}




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

.serviceImage {
	border: 5px solid rgb(210, 181, 91);
	border-radius: 50%;
	box-shadow: 0 0 0 10px rgba(210, 181, 91, 0.3) inset;
	width: 220px;
	height: 220px;
	transition: all 0.5s ease-in-out 0s;
	margin: 20px auto 30px;
}

.serviceImage h4 {
	text-align: center;
	padding-top: 90px;
	opacity: 0;
	transform: scale(0);
	transition: all 0.8s ease-in-out 0s;
}

.serviceImage:hover {
	box-shadow: 0 0 0 110px rgba(255, 255, 255, 0.9) inset;
}

.serviceImage:hover h4 {
	opacity: 1;
	transform: scale(1);
}

.circle {
	border-radius: 50%;
}

table {
	text-align: center;
	margin-bottom: 15px;
	width: 100%;
}

table th {
	background-color: #F7F7F7;
	background-image: -moz-linear-gradient(center bottom, #F7F7F7 0%, #FFFFFF 100%);


	color: #444444;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 15px;
	text-align: center;
	vertical-align: top;
}

table th:first-child {
	border-radius: 6px 0 0 0;
}

table td {

	padding: 10px 15px;
	transition: all 0.4s ease-in-out 0s;
}

table tr:hover td {

	color: #000;
}


/* Promotions
--------------------------------------------------------*/


/* Accordion */

.accTrigger {
	cursor: pointer;
	display: block;
	margin: 10px 0;
	background: #fff;
	border-radius: 30px;
	border-bottom: 6px solid #D2B55B;
	transition: all 0.5s ease-in-out 0s;
}

.accTrigger:hover {
	background: #f1e9d2;
}

.accTrigger a {
	display: block;
	color: #000;
	outline: none;
	padding: 10px;
	text-decoration: none;
	font-size: 24px;
	transition: all 0.5s ease-in-out 0s;
}

.accTrigger.active a {
	cursor: default;
}

.accTrigger.active {
	background: #f1e9d2;
}

.accTrigger a:hover {
	color: #D2B55B;
}

.accContainer .content {
	padding: 2px 15px 5px 15px;
	line-height: 19px;
}

.accContent p {
	margin-bottom: 10px;
}

.accContent {
	padding: 10px 0;
}

.accImage {
	display: table-cell;
	vertical-align: middle;
	width: 20%;
}

.accImageInner {
	border-radius: 200px;
	border: 3px solid #D2B55B;
	padding: 2px;
	width: 94%;
}

.accImage img {
	border-radius: 200px;
	display: block;

}

.accTitle,
.accText {
	width: 35%;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.accTitle h3 {
	font-size: 54px;
	color: #D2B55B;
	margin-left: 10%;
	margin-bottom: 0;
}

.accTitle h2 {
	font-size: 90px;
	color: #D2B55B;
	margin-left: 10%;
	margin-bottom: 0;
}

.accText p {
	margin: 10px 0 10px 5%;
	font-size: 16px;
}


/* gallery
--------------------------------------------------------*/

.thumbLink {
	display: block;
	width: 100%;
}

.thumbImage {
	box-sizing: border-box;
	border: 5px solid #d2b55be6;
	border-radius: 220px;
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	transition: all 0.3s ease-in-out 0s;
	width: 100%;

	img {
		border-radius: 220px;
		display: block;
	}
}

.da-thumbs {
	margin-top: 10px;
	position: relative;
}

.da-thumbs article {
	position: relative;
}

.da-thumbs article a,
.da-thumbs article a img {
	display: block;
	position: relative;
}

.da-thumbs article a {
	overflow: hidden;
}

.thumbImage div {
	height: 65%;
	position: absolute;
	text-align: center;
	width: 100%;
}

.thumbImage div {
	display: none;
	padding-top: 35%;
}

.thumbImage img {
	transition: all 0.3s ease-in-out 0s;
}

.thumbImage div.da-animate {
	transition: all 0.3s ease-in-out 0s;
}

.da-slideFromTop {
	left: 0;
	top: -100%;
}

.da-slideFromBottom {
	left: 0;
	top: 100%;
}

.da-slideFromLeft {
	left: -100%;
	top: 0;
}

.da-slideFromRight {
	left: 100%;
	top: 0;
}

.da-slideTop {
	top: 0;
}

.da-slideLeft {
	left: 0;
}

.iconWrapper {
	background-color: rgba(210, 181, 91, 0.7);
	background-image: url("../assets/btn-zoom.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border-radius: 50% 50% 50% 50%;
	display: inline-block;
	height: 60px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 60px;
	z-index: 1000;
}

.iconMemoriam {
	background-color: rgba(210, 181, 91, 0.7);
	background-image: url("../assets/btn-in-memoriam.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border-radius: 50%;
	display: inline-block;
	height: 60px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 156px;
	z-index: 1000;
}

.ToGray {
	/* Safari 6.0 - 9.0 */
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

#gallery h3 {
	margin-bottom: 20px;
}


/*contact 
--------------------------------------------------------*/

.contactDetails p {
	padding-left: 17px;
	font-size: 18px;
}

.contactDetails {
	text-align: left;
}

.contactAddress {
	background: url("../assets/icons/icon-address-grey.png") no-repeat scroll left 3px transparent;
}

.contactPhone {
	background: url("../assets/icons/icon-phone-grey.png") no-repeat scroll left 3px transparent;
}

.contactEmail {
	background: url("../assets/icons/icon-email-grey.png") no-repeat scroll left 5px transparent;
}

.contactSkype {
	background: url("../assets/icons/face.png") no-repeat scroll left 5px transparent;
}

.contactTime {
	background: url("../assets/icons/icon-time-grey.png") no-repeat scroll left 5px transparent;
}



/*form elements*/

textarea {
	height: 147px;
	padding: 20px;
	margin-bottom: 20px;
	overflow: auto;
}

.formSecWrap {
	float: left;
	margin-right: 20px;
}

.formSecWrap2 {
	margin-right: 0px;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	background: #f4ecd4;
	border: none;
	border-radius: 20px;
	color: #777777;
	/*display: block;*/
	margin: 0 0 10px 0;
	outline: medium none;
	padding: 4px 10px;
	width: 410px;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: 300;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	color: #444444;
}

.formWrap {
	margin-top: 60px;
}

.formWrap label {
	margin: 0 0 2px 0;
	display: block;
	text-align: left;
}

.formWrap input[type="submit"] {
	margin: 10px 0 20px 0;
}

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #D2B55B;
	border-radius: 20px;
	padding: 4px 10px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	width: 100%;
	border: none;
	margin: 0 0 10px 0;
	line-height: 21px;
	text-align: center;
}

a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	color: #222;
	background: #ddd;
}

.newsForm input[type="text"],
.newsForm input[type="email"] {
	width: 280px;
	padding: 4px 10px;
	display: inline-block;
	margin-right: 10px;
}

.newsForm input[type="submit"] {
	width: auto;
	padding: 4px 10px;
	display: inline-block;
	margin-right: 10px;
}


/* Flickr
--------------------------------------------------------*/

.flickrListing {
	margin-bottom: 25px;
	float: right;
	left: -50%;
	position: relative;
	text-align: left;
}

.flickrListingInner {
	left: 50%;
	position: relative;
}

.flickr_badge_image {
	float: left;
	position: relative;
}

.flickrListing img {
	display: block;
	width: 75px;
	height: 75px;
	border-radius: 50%;
}

.flickrListing a {
	border: 3px solid #D6BC6B;
	padding: 2px;
	transition: all 0.2s ease-in-out;
	margin: 10px;
	float: left;
	border-radius: 50%;
	text-align: center;
}

.flickrListing a:hover {
	border: 3px solid #999;
}

/* Alert Boxes
--------------------------------------------------------*/

.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 10px;
	margin-top: 10px;
	clear: left;
	color: #c09853;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	border-radius: 3px;
}

.alert h4 {
	margin: 0;
}

.alert p {
	margin: 0;
}

.alert .close {
	position: relative;
	top: -2px;
	right: -35px;
	line-height: 20px;
}

.alert-success {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert-danger,
.alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}

.alert-info {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

button.close {
	background: none;
	border: 0 none;
	cursor: pointer;
	padding: 0;
}

.close {
	color: #000000;
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	opacity: 0.2;
	text-shadow: 0 1px 0 #FFFFFF;
}


/*footer
--------------------------------------------------------*/

#footer {
	position: relative;
	overflow: hidden;
	padding: 30px 0 50px 0;
	z-index: 1;
	background: #fff;
}

#footer p.copyright {
	margin-bottom: 0;
	margin-top: 20px;
	text-align: center;
	color: #888888;
}




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

.socialLinks {
	text-align: center;
}

.socialLinks li {
	display: inline-block;
	margin: 10px 5px 10px 5px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #e1cf96;
	transition: all 0.6s ease-in-out;
}

.socialLinks li a {
	display: block;
	height: 16px;
	width: 20px;
}

.socialLinks li a img {
	display: block;
	height: 30px;
	width: 30px;
	margin: 15px 0 0 15px;
}

.socialLinks li:hover {
	background-color: #D2B55B;
}

.twitter {
	background-image: url("../assets/icons/social-twitter.png");
}

.facebook {
	background-image: url("../assets/icons/social-facebook.png");
}

.vimeo {
	background-image: url("../assets/icons/social-vimeo.png");
}

.youtube {
	background-image: url("../assets/icons/social-youtube.png");
}

.skype {
	background-image: url("../assets/icons/social-skype.html");
}

.linkedin {
	background-image: url("../assets/icons/social-linkedin.png");
}

.pinterest {
	background-image: url("../assets/icons/social-pinterest.png");
}

.googleplus {
	background-image: url("../assets/icons/social-google%2b.png");
}

.flickr {
	background-image: url("../assets/icons/social-flickr.png");
}

.rss {
	background-image: url("../assets/icons/social-rss.png");
}





/* MISC
--------------------------------------------------------*/

.clear {
	float: none;
}



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

/* Smaller than standard 1199 (devices and browsers) */
@media only screen and (max-width: 1199px) {

	.parallax.fixed {
		background-attachment: scroll;
		background-position: center center;
	}
}


/* Higher than 960 (desktop devices) */
@media only screen and (min-width: 960px) and (max-width: 1199px) {

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		width: 320px;
	}

	.teamOverlay {
		width: 210px;
		height: 210px;
	}

	.accTitle h2 {
		font-size: 80px;
	}

	.accTitle h3 {
		font-size: 44px;
	}
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	.small {
		font-size: 30px;
		font-weight: 300;
	}

	.smallBold {
		font-size: 30px;
		font-weight: 700;
	}

	.medium {
		font-size: 38px;
		text-transform: uppercase;
	}

	.mediumBold {
		font-size: 38px;
		font-weight: 700;
		text-transform: uppercase;
	}

	.large {
		font-size: 50px;
		text-transform: uppercase;
	}

	.largeBold {
		font-size: 50px;
		font-weight: 700;
		text-transform: uppercase;
	}

	.author {
		font-size: 16px;
		font-weight: 300;
	}

	.cutting {
		font-size: 100px;
	}

	.accImage img {
		width: 100%;
	}

	#slidecaption h2 {
		font-size: 72px;
	}

	#slidecaption h2 span {
		font-size: 84px;
	}

}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		width: 248px;
	}

	.newsForm input[type="text"],
	.newsForm input[type="email"] {
		width: 210px;
	}

	.imageClip2 {
		margin-top: 120px;
	}

	.teamOverlay {
		width: 162px;
		height: 162px;
	}

	.accTitle h2 {
		font-size: 60px;
	}

	.accTitle h3 {
		font-size: 36px;
	}
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.dropmenu {
		display: block;
		margin-top: 5px;
	}

	#nav {
		display: none;
	}

	#slidecaption {
		display: none;
	}

	#prevslide,
	#nextslide {
		top: 120px;
	}

	.logo {
		margin-top: 10px;
		transform: scale(.5);
	}

	#prevslide {
		right: 45px;
		transform: scale(.5);
	}

	#nextslide {
		right: 22px;
		transform: scale(.5);
	}

	.homepage {
		margin-bottom: -50px;
	}

	h1 {
		font-size: 64px;
	}

	.parallax {
		height: 350px;
	}

	.cutting {
		display: none;
	}

	.accTitle h2 {
		font-size: 40px;
	}

	.accTitle h3 {
		font-size: 24px;
	}

	.accText {
		display: none;
	}

	.accTrigger a {
		font-size: 20px;
	}

	.imageClip {
		background-size: 60%;
	}

}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		width: 400px;
	}

	.newsForm input[type="text"],
	.newsForm input[type="email"] {
		width: 400px;
	}

	.imageClip2 {
		margin-top: 152px;
	}

	.teamOverlay {
		width: 410px;
		height: 410px;
	}

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		width: 280px;
	}

	.imageClip2 {
		margin-top: 211px;
	}

	.teamOverlay {
		width: 290px;
		height: 290px;
	}

}

div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
	height: 13px
}

div.pp_default .pp_top .pp_left {
	background: url(../assets/prettyPhoto/default/sprite.png) -78px -93px no-repeat
}

div.pp_default .pp_top .pp_middle {
	background: url(../assets/prettyPhoto/default/sprite_x.png) top left repeat-x
}

div.pp_default .pp_top .pp_right {
	background: url(../assets/prettyPhoto/default/sprite.png) -112px -93px no-repeat
}

div.pp_default .pp_content .ppt {
	color: #f8f8f8
}

div.pp_default .pp_content_container .pp_left {
	background: url(../assets/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
	padding-left: 13px
}

div.pp_default .pp_content_container .pp_right {
	background: url(../assets/prettyPhoto/default/sprite_y.png) top right repeat-y;
	padding-right: 13px
}

div.pp_default .pp_next:hover {
	background: url(../assets/prettyPhoto/default/sprite_next.png) center right no-repeat;
	cursor: pointer
}

div.pp_default .pp_previous:hover {
	background: url(../assets/prettyPhoto/default/sprite_prev.png) center left no-repeat;
	cursor: pointer
}

div.pp_default .pp_expand {
	background: url(../assets/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
	cursor: pointer;
	width: 28px;
	height: 28px
}

div.pp_default .pp_expand:hover {
	background: url(../assets/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
	cursor: pointer
}

div.pp_default .pp_contract {
	background: url(../assets/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
	cursor: pointer;
	width: 28px;
	height: 28px
}

div.pp_default .pp_contract:hover {
	background: url(../assets/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
	cursor: pointer
}

div.pp_default .pp_close {
	width: 30px;
	height: 30px;
	background: url(../assets/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
	cursor: pointer
}

div.pp_default .pp_gallery ul li a {
	background: url(../assets/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
	border: 1px solid #aaa
}

div.pp_default .pp_social {
	margin-top: 7px
}

div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next {
	position: static;
	left: auto
}

div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause {
	background: url(../assets/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
	height: 30px;
	width: 30px
}

div.pp_default .pp_nav .pp_pause {
	background-position: -51px -29px
}

div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
	background: url(../assets/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
	height: 20px;
	width: 20px;
	margin: 4px 0 0
}

div.pp_default a.pp_arrow_next {
	left: 52px;
	background-position: -82px -3px
}

div.pp_default .pp_content_container .pp_details {
	margin-top: 5px
}

div.pp_default .pp_nav {
	clear: none;
	height: 30px;
	width: 110px;
	position: relative
}

div.pp_default .pp_nav .currentTextHolder {
	font-family: Georgia;
	font-style: italic;
	color: #999;
	font-size: 11px;
	left: 75px;
	line-height: 25px;
	position: absolute;
	top: 2px;
	margin: 0;
	padding: 0 0 0 10px
}

div.pp_default .pp_close:hover,
div.pp_default .pp_nav .pp_play:hover,
div.pp_default .pp_nav .pp_pause:hover,
div.pp_default .pp_arrow_next:hover,
div.pp_default .pp_arrow_previous:hover {
	opacity: 0.7
}

div.pp_default .pp_description {
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	margin: 5px 50px 5px 0;
	color: #333;
}

div.pp_default .pp_bottom .pp_left {
	background: url(../assets/prettyPhoto/default/sprite.png) -78px -127px no-repeat
}

div.pp_default .pp_bottom .pp_middle {
	background: url(../assets/prettyPhoto/default/sprite_x.png) bottom left repeat-x
}

div.pp_default .pp_bottom .pp_right {
	background: url(../assets/prettyPhoto/default/sprite.png) -112px -127px no-repeat
}

div.pp_default .pp_loaderIcon {
	background: url(../assets/prettyPhoto/default/loader.gif) center center no-repeat
}

div.light_rounded .pp_top .pp_left {
	background: url(../assets/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat
}

div.light_rounded .pp_top .pp_right {
	background: url(../assets/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat
}

div.light_rounded .pp_next:hover {
	background: url(../assets/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
	cursor: pointer
}

div.light_rounded .pp_previous:hover {
	background: url(../assets/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
	cursor: pointer
}

div.light_rounded .pp_expand {
	background: url(../assets/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
	cursor: pointer
}

div.light_rounded .pp_expand:hover {
	background: url(../assets/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
	cursor: pointer
}

div.light_rounded .pp_contract {
	background: url(../assets/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
	cursor: pointer
}

div.light_rounded .pp_contract:hover {
	background: url(../assets/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
	cursor: pointer
}

div.light_rounded .pp_close {
	width: 75px;
	height: 22px;
	background: url(../assets/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
	cursor: pointer
}

div.light_rounded .pp_nav .pp_play {
	background: url(../assets/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
	height: 15px;
	width: 14px
}

div.light_rounded .pp_nav .pp_pause {
	background: url(../assets/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
	height: 15px;
	width: 14px
}

div.light_rounded .pp_arrow_previous {
	background: url(../assets/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat
}

div.light_rounded .pp_arrow_next {
	background: url(../assets/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat
}

div.light_rounded .pp_bottom .pp_left {
	background: url(../assets/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat
}

div.light_rounded .pp_bottom .pp_right {
	background: url(../assets/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat
}

div.dark_rounded .pp_top .pp_left {
	background: url(../assets/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat
}

div.dark_rounded .pp_top .pp_right {
	background: url(../assets/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat
}

div.dark_rounded .pp_content_container .pp_left {
	background: url(../assets/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y
}

div.dark_rounded .pp_content_container .pp_right {
	background: url(../assets/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y
}

div.dark_rounded .pp_next:hover {
	background: url(../assets/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
	cursor: pointer
}

div.dark_rounded .pp_previous:hover {
	background: url(../assets/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
	cursor: pointer
}

div.dark_rounded .pp_expand {
	background: url(../assets/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
	cursor: pointer
}

div.dark_rounded .pp_expand:hover {
	background: url(../assets/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
	cursor: pointer
}

div.dark_rounded .pp_contract {
	background: url(../assets/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
	cursor: pointer
}

div.dark_rounded .pp_contract:hover {
	background: url(../assets/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
	cursor: pointer
}

div.dark_rounded .pp_close {
	width: 75px;
	height: 22px;
	background: url(../assets/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
	cursor: pointer
}

div.dark_rounded .pp_description {
	margin-right: 85px;
	color: #fff
}

div.dark_rounded .pp_nav .pp_play {
	background: url(../assets/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
	height: 15px;
	width: 14px
}

div.dark_rounded .pp_nav .pp_pause {
	background: url(../assets/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
	height: 15px;
	width: 14px
}

div.dark_rounded .pp_arrow_previous {
	background: url(../assets/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat
}

div.dark_rounded .pp_arrow_next {
	background: url(../assets/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat
}

div.dark_rounded .pp_bottom .pp_left {
	background: url(../assets/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat
}

div.dark_rounded .pp_bottom .pp_right {
	background: url(../assets/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat
}

div.dark_rounded .pp_loaderIcon {
	background: url(../assets/prettyPhoto/dark_rounded/loader.gif) center center no-repeat
}

div.dark_square .pp_left,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content {
	background: #000
}

div.dark_square .pp_description {
	color: #fff;
	margin: 0 85px 0 0
}

div.dark_square .pp_loaderIcon {
	background: url(../assets/prettyPhoto/dark_square/loader.gif) center center no-repeat
}

div.dark_square .pp_expand {
	background: url(../assets/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
	cursor: pointer
}

div.dark_square .pp_expand:hover {
	background: url(../assets/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
	cursor: pointer
}

div.dark_square .pp_contract {
	background: url(../assets/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
	cursor: pointer
}

div.dark_square .pp_contract:hover {
	background: url(../assets/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
	cursor: pointer
}

div.dark_square .pp_close {
	width: 75px;
	height: 22px;
	background: url(../assets/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
	cursor: pointer
}

div.dark_square .pp_nav {
	clear: none
}

div.dark_square .pp_nav .pp_play {
	background: url(../assets/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
	height: 15px;
	width: 14px
}

div.dark_square .pp_nav .pp_pause {
	background: url(../assets/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
	height: 15px;
	width: 14px
}

div.dark_square .pp_arrow_previous {
	background: url(../assets/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat
}

div.dark_square .pp_arrow_next {
	background: url(../assets/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat
}

div.dark_square .pp_next:hover {
	background: url(../assets/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
	cursor: pointer
}

div.dark_square .pp_previous:hover {
	background: url(../assets/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
	cursor: pointer
}

div.light_square .pp_expand {
	background: url(../assets/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
	cursor: pointer
}

div.light_square .pp_expand:hover {
	background: url(../assets/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
	cursor: pointer
}

div.light_square .pp_contract {
	background: url(../assets/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
	cursor: pointer
}

div.light_square .pp_contract:hover {
	background: url(../assets/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
	cursor: pointer
}

div.light_square .pp_close {
	width: 75px;
	height: 22px;
	background: url(../assets/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
	cursor: pointer
}

div.light_square .pp_nav .pp_play {
	background: url(../assets/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
	height: 15px;
	width: 14px
}

div.light_square .pp_nav .pp_pause {
	background: url(../assets/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
	height: 15px;
	width: 14px
}

div.light_square .pp_arrow_previous {
	background: url(../assets/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat
}

div.light_square .pp_arrow_next {
	background: url(../assets/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat
}

div.light_square .pp_next:hover {
	background: url(../assets/prettyPhoto/light_square/btnNext.png) center right no-repeat;
	cursor: pointer
}

div.light_square .pp_previous:hover {
	background: url(../assets/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
	cursor: pointer
}

div.facebook .pp_top .pp_left {
	background: url(../assets/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat
}

div.facebook .pp_top .pp_middle {
	background: url(../assets/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x
}

div.facebook .pp_top .pp_right {
	background: url(../assets/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat
}

div.facebook .pp_content_container .pp_left {
	background: url(../assets/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y
}

div.facebook .pp_content_container .pp_right {
	background: url(../assets/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y
}

div.facebook .pp_expand {
	background: url(../assets/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
	cursor: pointer
}

div.facebook .pp_expand:hover {
	background: url(../assets/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
	cursor: pointer
}

div.facebook .pp_contract {
	background: url(../assets/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
	cursor: pointer
}

div.facebook .pp_contract:hover {
	background: url(../assets/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
	cursor: pointer
}

div.facebook .pp_close {
	width: 22px;
	height: 22px;
	background: url(../assets/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
	cursor: pointer
}

div.facebook .pp_description {
	margin: 0 37px 0 0
}

div.facebook .pp_loaderIcon {
	background: url(../assets/prettyPhoto/facebook/loader.gif) center center no-repeat
}

div.facebook .pp_arrow_previous {
	background: url(../assets/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
	height: 22px;
	margin-top: 0;
	width: 22px
}

div.facebook .pp_arrow_previous.disabled {
	background-position: 0 -96px;
	cursor: default
}

div.facebook .pp_arrow_next {
	background: url(../assets/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
	height: 22px;
	margin-top: 0;
	width: 22px
}

div.facebook .pp_arrow_next.disabled {
	background-position: -32px -96px;
	cursor: default
}

div.facebook .pp_nav {
	margin-top: 0
}

div.facebook .pp_nav p {
	font-size: 15px;
	padding: 0 3px 0 4px
}

div.facebook .pp_nav .pp_play {
	background: url(../assets/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
	height: 22px;
	width: 22px
}

div.facebook .pp_nav .pp_pause {
	background: url(../assets/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
	height: 22px;
	width: 22px
}

div.facebook .pp_next:hover {
	background: url(../assets/prettyPhoto/facebook/btnNext.png) center right no-repeat;
	cursor: pointer
}

div.facebook .pp_previous:hover {
	background: url(../assets/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
	cursor: pointer
}

div.facebook .pp_bottom .pp_left {
	background: url(../assets/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat
}

div.facebook .pp_bottom .pp_middle {
	background: url(../assets/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x
}

div.facebook .pp_bottom .pp_right {
	background: url(../assets/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat
}

div.pp_pic_holder a:focus {
	outline: none
}

div.pp_overlay {
	background: #000;
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9500
}

div.pp_pic_holder {
	display: none;
	position: absolute;
	width: 90%;
	z-index: 10000
}

.pp_content {
	height: 40px;
	min-width: 40px
}

* html .pp_content {
	width: 40px
}

.pp_content_container {
	position: relative;
	text-align: left;
	width: 100%
}

.pp_content_container .pp_left {
	padding-left: 20px
}

.pp_content_container .pp_right {
	padding-right: 20px
}

.pp_content_container .pp_details {
	float: left;
	margin: 10px 0 2px
}

.pp_description {
	display: none;
	margin: 0
}

.pp_social {
	float: left;
	margin: 0
}

.pp_social .facebook {
	float: left;
	margin-left: 5px;
	width: 55px;
	overflow: hidden
}

.pp_social .twitter {
	float: left
}

.pp_nav {
	clear: right;
	float: left;
	margin: 3px 10px 0 0
}

.pp_nav p {
	float: left;
	white-space: nowrap;
	margin: 2px 4px
}

.pp_nav .pp_play,
.pp_nav .pp_pause {
	float: left;
	margin-right: 4px;
	text-indent: -10000px
}

a.pp_arrow_previous,
a.pp_arrow_next {
	display: block;
	float: left;
	height: 15px;
	margin-top: 3px;
	overflow: hidden;
	text-indent: -10000px;
	width: 14px
}

.pp_hoverContainer {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2000
}

.pp_gallery {
	display: none;
	left: 50%;
	margin-top: -50px;
	position: absolute;
	z-index: 10000
}

.pp_gallery div {
	float: left;
	overflow: hidden;
	position: relative
}

.pp_gallery ul {
	float: left;
	height: 35px;
	position: relative;
	white-space: nowrap;
	margin: 0 0 0 5px;
	padding: 0
}

.pp_gallery ul a {
	border: 1px rgba(0, 0, 0, 0.5) solid;
	display: block;
	float: left;
	height: 33px;
	overflow: hidden
}

.pp_gallery ul a img {
	border: 0
}

.pp_gallery li {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 0
}

.pp_gallery li.default a {
	background: url(../assets/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
	display: block;
	height: 33px;
	width: 50px
}

.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
	margin-top: 7px !important
}

a.pp_next {
	background: url(../assets/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
	display: block;
	float: right;
	height: 100%;
	text-indent: -10000px;
	width: 49%
}

a.pp_previous {
	background: url(../assets/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
	display: block;
	float: left;
	height: 100%;
	text-indent: -10000px;
	width: 49%
}

a.pp_expand,
a.pp_contract {
	cursor: pointer;
	display: none;
	height: 20px;
	position: absolute;
	right: 30px;
	text-indent: -10000px;
	top: 10px;
	width: 20px;
	z-index: 20000
}

a.pp_close {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	line-height: 22px;
	text-indent: -10000px
}

.pp_loaderIcon {
	display: block;
	height: 24px;
	left: 50%;
	position: absolute;
	top: 50%;
	width: 24px;
	margin: -12px 0 0 -12px
}

#pp_full_res {
	line-height: 1 !important
}

#pp_full_res .pp_inline {
	text-align: left
}

#pp_full_res .pp_inline p {
	margin: 0 0 15px
}

div.ppt {
	color: #fff;
	display: none;
	font-size: 17px;
	z-index: 9999;
	margin: 0 0 5px 15px
}

div.pp_default .pp_content,
div.light_rounded .pp_content {
	background-color: #fff
}

div.pp_default #pp_full_res .pp_inline,
div.light_rounded .pp_content .ppt,
div.light_rounded #pp_full_res .pp_inline,
div.light_square .pp_content .ppt,
div.light_square #pp_full_res .pp_inline,
div.facebook .pp_content .ppt,
div.facebook #pp_full_res .pp_inline {
	color: #000
}

div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a,
.pp_gallery ul a:hover,
.pp_gallery li.selected a {
	border-color: #fff
}

div.pp_default .pp_details,
div.light_rounded .pp_details,
div.dark_rounded .pp_details,
div.dark_square .pp_details,
div.light_square .pp_details,
div.facebook .pp_details {
	position: relative
}

div.light_rounded .pp_top .pp_middle,
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right,
div.light_rounded .pp_bottom .pp_middle,
div.light_square .pp_left,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content,
div.facebook .pp_content {
	background: #fff
}

div.light_rounded .pp_description,
div.light_square .pp_description {
	margin-right: 85px
}

div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next,
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next,
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next,
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next {
	margin-top: 12px !important
}

div.light_rounded .pp_arrow_previous.disabled,
div.dark_rounded .pp_arrow_previous.disabled,
div.dark_square .pp_arrow_previous.disabled,
div.light_square .pp_arrow_previous.disabled {
	background-position: 0 -87px;
	cursor: default
}

div.light_rounded .pp_arrow_next.disabled,
div.dark_rounded .pp_arrow_next.disabled,
div.dark_square .pp_arrow_next.disabled,
div.light_square .pp_arrow_next.disabled {
	background-position: -22px -87px;
	cursor: default
}

div.light_rounded .pp_loaderIcon,
div.light_square .pp_loaderIcon {
	background: url(../assets/prettyPhoto/light_rounded/loader.gif) center center no-repeat
}

div.dark_rounded .pp_top .pp_middle,
div.dark_rounded .pp_content,
div.dark_rounded .pp_bottom .pp_middle {
	background: url(../assets/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .currentTextHolder,
div.dark_square .currentTextHolder {
	color: #c4c4c4
}

div.dark_rounded #pp_full_res .pp_inline,
div.dark_square #pp_full_res .pp_inline {
	color: #fff
}

.pp_top,
.pp_bottom {
	height: 20px;
	position: relative
}

* html .pp_top,
* html .pp_bottom {
	padding: 0 20px
}

.pp_top .pp_left,
.pp_bottom .pp_left {
	height: 20px;
	left: 0;
	position: absolute;
	width: 20px
}

.pp_top .pp_middle,
.pp_bottom .pp_middle {
	height: 20px;
	left: 20px;
	position: absolute;
	right: 20px
}

* html .pp_top .pp_middle,
* html .pp_bottom .pp_middle {
	left: 0;
	position: static
}

.pp_top .pp_right,
.pp_bottom .pp_right {
	height: 20px;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px
}

.pp_fade,
.pp_gallery li.default a img {
	display: none
}

.pp_social {
	display: none;
}

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

	/* prettyPhoto styling for small screens */
	.pp_pic_holder.pp_default {
		width: 100% !important;
		left: 0 !important;
		overflow: hidden;
	}

	div.pp_default .pp_content_container .pp_left {
		padding-left: 0 !important;
	}

	div.pp_default .pp_content_container .pp_right {
		padding-right: 0 !important;
	}

	.pp_content {
		width: 100% !important;
		height: auto !important;
	}

	.pp_fade {
		width: 100% !important;
		height: 100% !important;
	}

	a.pp_expand,
	a.pp_contract,
	.pp_hoverContainer,
	.pp_gallery,
	.pp_top,
	.pp_bottom {
		display: none !important;
	}

	#pp_full_res img {
		width: 100% !important;
		height: auto !important;
	}

	.pp_details {
		width: 94% !important;
		padding-left: 3%;
		padding-right: 4%;
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: #fff;
		margin-top: -2px !important;
	}

	a.pp_close {
		right: 10px !important;
		top: 10px !important;
	}
}

@charset "UTF-8";

/* SpryValidationSelect.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* These are the classes applied on the messages
 * (required message and invalid state message)
 * which prevent them from being displayed by default.
 */
.selectRequiredMsg,
.selectInvalidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states (required, invalid).
 * These classes set a default red border and color for the error text.
 * The state class (.selectRequiredState or .selectInvalidState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
	display: inline;
	color: #f00;
	border: 0px solid #CC3333;

}

/* The next three group selectors control the way the core element (SELECT) looks like when the widget is in one of the states: 
 * focus, required / invalid, valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the SELECT
 * - the widget id is placed on the SELECT element itself (there are no error messages)
 */

/* When the widget is in the valid state the SELECT has a green background applied on it. */
.selectValidState select,
select.selectValidState {
	background-color: #CFC;
}

/* When the widget is in an invalid state the SELECT has a red background applied on it. */
select.selectRequiredState,
.selectRequiredState select,
select.selectInvalidState,
.selectInvalidState select {
	background-color: #FFBFBF;
}

/* When the widget has received focus, the SELECT has a yellow background applied on it. */
.selectFocusState select,
select.selectFocusState {
	background-color: #F8F8F8;
}

@charset "UTF-8";

/* SpryFormValidation.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg {
	display: inline;
	color: #f00;
	border: 0px solid #CC3333;
}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */

/* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea,
textarea.textareaValidState {
	background-color: #CFC;
	border: 1px solid #CFC;
}

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState,
.textareaRequiredState textarea,
textarea.textareaMinCharsState,
.textareaMinCharsState textarea,
textarea.textareaMaxCharsState,
.textareaMaxCharsState textarea {
	background-color: #FFBFBF;
	border: 1px solid #FFBFBF;
}

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea,
textarea.textareaFocusState {
	background-color: #CCC;
	border: 1px solid #7f9db9;
}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea,
textarea.textareaFlashState {
	color: red !important;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
textarea.textareaHintState,
.textareaHintState textarea {
	/* color: red !important;*/
}

@charset "UTF-8";

/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */
.textfieldRequiredMsg,
.textfieldInvalidFormatMsg,
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg,
.textfieldInvalidFormatState .textfieldInvalidFormatMsg,
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg {
	display: inline;
	color: #f00;
	border: 0px solid #CC3333;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */

/* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input,
input.textfieldValidState {
	background-color: #CFC;
	border: 1px solid #CFC;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState,
.textfieldRequiredState input,
input.textfieldInvalidFormatState,
.textfieldInvalidFormatState input,
input.textfieldMinValueState,
.textfieldMinValueState input,
input.textfieldMaxValueState,
.textfieldMaxValueState input,
input.textfieldMinCharsState,
.textfieldMinCharsState input,
input.textfieldMaxCharsState,
.textfieldMaxCharsState input {
	background-color: #FFBFBF;
	border: 1px solid #FFBFBF;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input,
input.textfieldFocusState {
	background-color: #CCC;
	border: 1px solid #7f9db9;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input,
input.textfieldFlashText {
	color: red !important;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input,
input.textfieldHintState {
	/*color: red !important;*/
}