/*
Theme Name: Watson Murals
Theme URI: http://watsonmurals.com/
Description: Theme for Watson Murals
Author: Frank+Victor Design
Author URI: http://www.frankandvictor.com/
Version: 1.0
Tags: Watson Murals
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}


/* fonts */
@font-face {
    font-family: 'Museo Sans';
    src: url( 'font-face/museosans-100.eot' );
    src: url( 'font-face/museosans-100.eot?#iefix' ) format( 'embedded-opentype' ),
         url( 'font-face/museosans-100.woff2' ) format( 'woff2' ),
         url( 'font-face/museosans-100.woff' ) format( 'woff' ),
         url( 'font-face/museosans-100.ttf' ) format( 'truetype' ),
         url( 'font-face/museosans-100.svg#museo_sans100' ) format( 'svg' );
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Museo Sans';
    src: url( 'font-face/museosans-100italic.eot' );
    src: url( 'font-face/museosans-100italic.eot?#iefix' ) format( 'embedded-opentype' ),
         url( 'font-face/museosans-100italic.woff2' ) format( 'woff2' ),
         url( 'font-face/museosans-100italic.woff' ) format( 'woff' ),
         url( 'font-face/museosans-100italic.ttf' ) format( 'truetype' ),
         url( 'font-face/museosans-100italic.svg#museo_sans100_italic' ) format( 'svg' );
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Museo Sans';
    src: url( 'font-face/museosans-300.eot' );
    src: url( 'font-face/museosans-300.eot?#iefix' ) format( 'embedded-opentype' ),
         url( 'font-face/museosans-300.woff2' ) format( 'woff2' ),
         url( 'font-face/museosans-300.woff' ) format( 'woff' ),
         url( 'font-face/museosans-300.ttf' ) format( 'truetype' ),
         url( 'font-face/museosans-300.svg#museo_sans300' ) format( 'svg' );
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Museo Sans';
    src: url( 'font-face/museosans-300italic.eot' );
    src: url( 'font-face/museosans-300italic.eot?#iefix' ) format( 'embedded-opentype' ),
         url( 'font-face/museosans-300italic.woff2' ) format( 'woff2' ),
         url( 'font-face/museosans-300italic.woff' ) format( 'woff' ),
         url( 'font-face/museosans-300italic.ttf' ) format( 'truetype' ),
         url( 'font-face/museosans-300italic.svg#museo_sans300_italic' ) format( 'svg' );
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Museo Sans';
    src: url( 'font-face/museosans-500.eot' );
    src: url( 'font-face/museosans-500.eot?#iefix' ) format( 'embedded-opentype' ),
         url( 'font-face/museosans-500.woff2' ) format( 'woff2' ),
         url( 'font-face/museosans-500.woff' ) format( 'woff' ),
         url( 'font-face/museosans-500.ttf' ) format( 'truetype' ),
         url( 'font-face/museosans-500.svg#museo_sans500' ) format( 'svg' );
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Museo Sans';
    src: url( 'font-face/museosans-700italic.eot' );
    src: url( 'font-face/museosans-700italic.eot?#iefix' ) format( 'embedded-opentype' ),
         url( 'font-face/museosans-700italic.woff2' ) format( 'woff2' ),
         url( 'font-face/museosans-700italic.woff' ) format( 'woff' ),
         url( 'font-face/museosans-700italic.ttf' ) format( 'truetype' ),
         url( 'font-face/museosans-700italic.svg#museo_sans700_italic' ) format( 'svg' );
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Museo Sans';
    src: url( 'font-face/museosans-900.eot' );
    src: url( 'font-face/museosans-900.eot?#iefix' ) format( 'embedded-opentype' ),
         url( 'font-face/museosans-900.woff2' ) format( 'woff2' ),
         url( 'font-face/museosans-900.woff' ) format( 'woff' ),
         url( 'font-face/museosans-900.ttf' ) format( 'truetype' ),
         url( 'font-face/museosans-900.svg#museo_sans900' ) format( 'svg' );
    font-weight: 900;
    font-style: normal;
}


/* grid */
.row{ max-width: 1200px; padding: 0; margin: 0 auto; overflow: hidden; }
.inset-row{ margin-left: -15px; margin-right: -15px; }
.col-xs-0, .col-sm-0, .col-md-0, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.col-xs-0, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{ float: left; }
.col-xs-12{ width: 100%; }
.col-xs-11{ width: 91.66666666666666%; }
.col-xs-10{ width: 83.33333333333334%; }
.col-xs-9{ width: 75%; }
.col-xs-8{ width: 66.66666666666666%; }
.col-xs-7{ width: 58.333333333333336%; }
.col-xs-6{ width: 50%; }
.col-xs-5{ width: 41.66666666666667%; }
.col-xs-4{ width: 33.33333333333333%; }
.col-xs-3{ width: 25%; }
.col-xs-2{ width: 16.666666666666664%; }
.col-xs-1{ width: 8.333333333333332%; }
.col-centered{ float: none; margin: 0 auto; }


/* basics */
*,
*:before,
*:after{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html{
	height: 100%;
}
body{
	padding-top: 60px;
	background-color: #5c6770;
	color: #fff;
	font: 100 24px/29px 'Museo Sans', sans-serif;
	text-rendering: optimizeLegibility;
}
p{
	margin: 0 0 29px;
}
ul,
ol,
figure,
h1,
h2,
h3,
h4{
	margin: 0;
	padding: 0;
}
input,
input[type="search"],
input[type="submit"],
textarea{
	-webkit-appearance:none;
	-webkit-border-radius:0;
}
input[type="checkbox"]{
	-webkit-appearance: checkbox;
}
button{
	border: none;
}
img{
	max-width: 100%;
	height: auto;
}
a,
.launch-menu button > span,
.launch-menu button > span:before,
.launch-menu button > span:after,
.slide-index > li,
.sections > li,
.sections span,
.sections a:after,
.thumbnails a:after,
input,
textarea,
.thumbnails span{
	-o-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.sections a:before,
.thumbnails a:before,
.slides figcaption{
	-o-transition: all 400ms ease-out;
	-moz-transition: all 400ms ease-out;
	-webkit-transition: all 400ms ease-out;
	transition: all 400ms ease-out;
}
.wrap-overlay > ul > li{
	-o-transition: all 600ms ease-out;
	-moz-transition: all 600ms ease-out;
	-webkit-transition: all 600ms ease-out;
	transition: all 600ms ease-out;
}


/* header + menu */
#wpadminbar{
	z-index: 9 !important;
}
header.site{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 10;
	background-color: #fff;
	font-size: 16px;
	text-align: right;
}
header.site > div{
	position: relative;
	max-width: 1200px;
	height: 60px;
	padding: 0 15px;
	margin: 0 auto;
	line-height: 60px;
}
header.site .home{
	position: absolute;
	top: 0;
	left: 15px;
	bottom: 0;
	margin: auto 0;
	display: block;
	width: 176px;
	height: 24px;
	background-image: url( img/watson-murals-m@2x.png );
	background-size: 100% 100%;
}
header.site ul{
	display: none;
}
header.site li{
	position: relative;
	display: inline;
	/*margin-left: 37px;*/
	margin-left: 27px;
	list-style: none;
}
header.site li:first-child{
	margin-left: 0;
}
.current-menu-item:after{
	content: '';
	position: absolute;
	right: 0;
	bottom: -11px;
	left: 0;
	height: 9px;
	background-color: #5b6670;
}
header.site a{
	color: #5b6670;
	font-weight: 900;
	letter-spacing: .1em;
	text-transform: uppercase;
	text-decoration: none
}
.launch-menu{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 11;
	max-width: 1200px;
	margin: 0 auto;
}
.launch-menu button{
	position: absolute;
	top: 20px;
	right: 15px;
	width: 23px;
	height: 20px;
	border: none;
	background-color: transparent;
	outline: none;
}
.launch-menu button > span,
.launch-menu button > span:before,
.launch-menu button > span:after{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 23px;
	height: 4px;
	margin: auto;
	background-color: #5a6670;
}
.menu-open .launch-menu button > span,
.menu-open .launch-menu button > span:before,
.menu-open .launch-menu button > span:after{
	background-color: #fff;
}
.menu-open .launch-menu button > span{
	background-color: transparent;
}
.launch-menu button > span:before,
.launch-menu button > span:after{
	content: '';
}
.launch-menu button > span:before{
	-ms-transform: translateY( -8px );
	-webkit-transform: translateY( -8px );
	transform: translateY( -8px );
}
.menu-open .launch-menu button > span:before{
	-ms-transform: translateY(0) rotate(45deg);
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}
.launch-menu button > span:after{
	-ms-transform: translateY( 8px );
	-webkit-transform: translateY( 8px );
	transform: translateY( 8px );
}
.menu-open .launch-menu button > span:after{
	-ms-transform: translateY(0) rotate(-45deg);
	-webkit-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
}
.menu-overtake{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	display: none;
	padding: 15px;
	background: #742c83;
	background: rgba( 116, 44, 131, .95 );
	text-align: center;
	overflow-y: auto;
}
.menu-overtake:before{
	content: '';
	display: inline-block;
	height: 100%;
	margin-right: -.25em;
	vertical-align: middle;
}
.menu-overtake > ul{
	display: inline-block;
	vertical-align: middle;
}
.menu-overtake li{
	list-style: none;
}
.menu-overtake a{
	color: #fff;
	font-weight: 900;
	font-size: 21px;
	line-height: 42px;
	letter-spacing: .1em;
	text-transform: uppercase;
	text-decoration: none;
}
.menu-open{
	overflow: hidden;
}

/* footer */
footer.site{
	max-width: 1200px;
	padding: 32px 15px 19px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
footer.site .left > div{
	display: none;
}
form{
	margin: 35px 0 22px;
	line-height: 0;
}
input,
textarea{
	width: 100%;
	padding: 0 12px;
	border: none;
	margin-bottom: 12px;
	background-color: #eee;
	color: #5b6670;
	font-size: 18px;
	outline: none;
}
input:focus,
textarea:focus{
	background-color: #fff;
}
input{
	height: 33px;
	line-height: 33px;
}
::-webkit-input-placeholder{
	color: #ccc;
}
:-moz-placeholder{
	color: #ccc;
}
::-moz-placeholder{
	color: #ccc;
}
:-ms-input-placeholder{
	color: #ccc;
}
textarea{
	height: 115px;
	padding-top: 12px;
	padding-bottom: 12px;
	line-height: 22px;
}
input[type="submit"]{
	background-color: #ffb600;
	color: #fff;
	text-transform: uppercase;
}
input[type="submit"]:hover{
	background-color: #ffbc12;
}
form p{
	margin: 0;
}
footer h1{
	font-weight: 300;
	font-size: 24px;
	line-height: 29px;
}
footer li{
	list-style: none;
}
ul.contact span,
ul.contact a{
	padding-left: 36px;
	background-repeat: no-repeat;
	background-position: 0 3px;
	background-size: 24px 20px;
}
footer a{
	color: #fff;
	text-decoration: none;
}
.social{
	margin-top: 26px;
}
.social li{
	display: inline-block;
	margin: 9px 0 0 9px;
}
.social li:first-child/*,
.bottom .social li:nth-child( 2 )*/{
	margin-left: 0;
}
.social a{
	display: inline-block;
	height: 28px;
	background-size: 100% 100%;
}
.bbb{
	margin-right: 7px;
}
.bottom .bbb{
	display: block;
}
.bbb a{
	width: 138px;
	height: 48px;
	background-image: url( img/bbb@2x.png );
	background-size: 100% 100%;
}
.bottom .bbb a{
	margin-bottom: 9px;
}
div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors{
	border: none !important;
	line-height: 29px;
}
span.wpcf7-not-valid-tip{
	margin: -8px 0 27px;
	color: #fff !important;
	line-height: 29px;
	text-align: left;
}
.copyright{
	margin-top: 38px;
}

/* slide-show */
.slide-show{
	position: relative;
}
.slides,
.slides > li{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.slides{
	list-style: none;
	overflow: hidden;
}
.slides > .active{
	z-index: 3;
}
.slides > .to-left,
.slides > .to-right{
	z-index: 2;
}
.slides figure{
	position: relative;
	background-position: center;
	background-size: cover;
}
.from-left figure{
	-webkit-animation: from-left 1s ease-in-out both;
	animation: from-left 1s ease-in-out both;
}
.from-right figure{
	-webkit-animation: from-right 1s ease-in-out both;
	animation: from-right 1s ease-in-out both;
}
.to-left figure{
	-webkit-animation: to-left 1s ease-in-out both;
	animation: to-left 1s ease-in-out both;
}
.to-right figure{
	-webkit-animation: to-right 1s ease-in-out both;
	animation: to-right 1s ease-in-out both;
}
.slides figcaption{
	opacity: 0;
}
.active figcaption{
	opacity: 1;
	-o-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.active.from-right figcaption{
	-webkit-animation: nudge-left 400ms ease-out 1s both;
	animation: nudge-left 400ms ease-out 800ms both;
}
.active.from-left figcaption{
	-webkit-animation: nudge-right 400ms ease-out 1s both;
	animation: nudge-right 400ms ease-out 800ms both;
}
.slide-controls{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
	z-index: 4;
}
.slide-control{
	position: absolute;
	top: 50%;
	z-index: 2;
	padding: 0;
	border: none;
	outline: none;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.slide-control.prev{
	left: 15px;
}
.slide-control.next{
	right: 15px;
}
.slide-index{
	position: absolute;
	left: 50%;
	list-style: none;
	z-index: 2;
}
.slide-index > li{
	float: left;
	cursor: pointer;
}
.slide-show figure:before,
.slide-show figure:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
}
.slide-show figure:before{
	background: #fff;
}
.slide-show figure:after{
	width: 66px;
	height: 33px;
	-webkit-border-bottom-right-radius: 66px;
	-webkit-border-bottom-left-radius: 66px;
	-moz-border-radius-bottomright: 66px;
	-moz-border-radius-bottomleft: 66px;
	border-bottom-right-radius: 66px;
	border-bottom-left-radius: 66px;
	margin: auto;
	background-color: #ffb600;
	-ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
	-webkit-animation: spinShifted 1s linear infinite;
	animation: spinShifted 1s linear infinite;
}
.slide-show.loading figure:before,
.slide-show.loading figure:after{
	opacity: 1;
}
@-webkit-keyframes from-left{
	0%{ -webkit-transform: translateX( -100% ); }
	100%{ -webkit-transform: translateX( 0% ); }
}
@keyframes from-left{
	0%{ transform: translateX( -100% ); }
	100%{ transform: translateX( 0% ); }
}
@-webkit-keyframes from-right{
	0%{ -webkit-transform: translateX( 100% ); }
	100%{ -webkit-transform: translateX( 0% ); }
}
@keyframes from-right{
	0%{ transform: translateX( 100% ); }
	100%{ transform: translateX( 0% ); }
}
@-webkit-keyframes to-left{
	0%{ -webkit-transform: translateX( 0% ); }
	100%{ -webkit-transform: translateX( -100% ); }
}
@keyframes to-left{
	0%{ transform: translateX( 0% ); }
	100%{ transform: translateX( -100% ); }
}
@-webkit-keyframes to-right{
	0%{ -webkit-transform: translateX( 0% ); }
	100%{ -webkit-transform: translateX( 100% ); }
}
@keyframes to-right{
	0%{ transform: translateX( 0% ); }
	100%{ transform: translateX( 100% ); }
}
@-webkit-keyframes nudge-left{
	0%{ -webkit-transform: translateX( 52px ); }
	100%{ -webkit-transform: translateX( 0 ); }
}
@keyframes nudge-left{
	0%{ transform: translateX( 52px ); }
	100%{ transform: translateX( 0 ); }
}
@-webkit-keyframes nudge-right{
	0%{ -webkit-transform: translateX( -52px ); }
	100%{ -webkit-transform: translateX( 0 ); }
}
@keyframes nudge-right{
	0%{ transform: translateX( -52px ); }
	100%{ transform: translateX( 0 ); }
}
@-webkit-keyframes spinShifted{
	0%{ -webkit-transform: translateY( 50% ) rotate( 0deg ); }
	100% { -webkit-transform: translateY( 50% ) rotate( 360deg ); }
}
@keyframes spinShifted{
	0%{ transform: translateY( 50% ) rotate( 0deg ); }
	100%{ transform: translateY( 50% ) rotate( 360deg ); }
}
.android .from-left figure,
.android .from-right figure,
.android .to-left figure,
.android .to-right figure,
.android .active.from-right figcaption,
.android .active.from-left figcaption{
	-webkit-animation: none;
	animation: none;
}
/*
.no-cssanimations .wrap-overlay.loaded > ul > li{
	opacity: 0;
}
.no-cssanimations .wrap-overlay.loaded > ul > .active{
	opacity: 1;
}
*/

/* slide-show: customizations */
.slide-show{
	height: 401px;
}
.category-page header.slide-show,
.about .slide-show{
	display: none;
	height: 690px;
}
.slides{
	background-color: #feb500;
	color: #fff;
}
.category-page .slides,
.about .slides,
.faq .slides{
	background-color: #f6f6f6;
}
.slides figure{
	display: table;
	width: 100%;
	height: 366px;
}
.category-page header .slides figure,
.about .slides figure{
	height: 600px;
}
.slides figcaption{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	max-width: 1200px;
	padding: 0 15px;
	margin: 400px auto 34px;
	text-align: center;
}
.slide-index{
	display: none;
	top: 522px;
	margin-left: -4px;
	-ms-transform: translateX( -50% );
	-webkit-transform: translateX( -50% );
	transform: translateX( -50% );
}
.category-page .slide-index,
.about .slide-index{
	top: 423px;
}
.slide-index > li{
	width: 16px;
	height: 16px;
	border: 2px solid #feb500;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 8px 0 0 8px;
	background-color: #ffd45e;
}
.category-page .slide-index > li,
.about .slide-index > li{
	border-color: #f6f6f6;
}
.about .slide-index > li{
	background-color: #ffb312;
}
.commercial .slide-index > li{
	background-color: #ff645e;
}
.faux .slide-index > li{
	background-color: #c489a6;
}
.schoolsmascot .slide-index > li{
	background-color: #81acec;
}
.residential .slide-index > li{
	background-color: #40cdfe;
}
.children .slide-index > li{
	background-color: #8dd8dd;
}
.slide-index > .active{
	border: 2px solid #fff;
	background-color: transparent;
}
.category-page .slide-index > .active,
.about .slide-index > .active{
	background-color:  transparent;
}
.about .slide-index > .active{
	border-color: #ffb312;
}
.commercial .slide-index > .active{
	border-color: #ff645e;
}
.faux .slide-index > .active{
	border-color: #c489a6;
}
.schoolsmascot .slide-index > .active{
	border-color: #81acec;
}
.residential .slide-index > .active{
	border-color: #40cdfe;
}
.children .slide-index > .active{
	border-color: #8dd8dd;
}
.testimonial > div{
	display: table-cell;
	vertical-align: middle;
}
.testimonial > div > div{
	max-width: 1200px;
	padding: 0 15px;
	margin: 0 auto;
	text-align: right;
}
.testimonial p{
	font-style: italic;
	text-align: left;
}
.testimonial p:before{
	content: '\201C';
	margin-left: -7px;
}
.testimonial p:after{
	content: '\201D';
}
.testimonial span:before{
	content: '\2014';
}


/* homepage */
body.home article{
	padding-bottom: 4px;
	background-color: #feb500;
	color: #fff;
}
body.home article > div{
	max-width: 1200px;
	padding: 0 15px;
	margin: 0 auto;
}
.sections{
	font-size: 0;
	line-height: 0;
}
.sections > li{
	position: relative;
}
.sections a{
	background-position: center;
	background-size: cover;
	color: #fff;
	text-decoration: none;
}
.sections a > span{
	position: relative;
	display: block;
	padding: 0 34px;
	font-weight: 900;
	font-size: 20px;
	line-height: 42px;
	letter-spacing: .05em;
	text-transform: uppercase;
}
.sections .arrow{
	position: absolute;
	top: 10px;
	right: 25px;
	width: 22px;
	height: 22px;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.sections .arrow:before,
.sections .arrow:after{
	content: '';
	position: absolute;
	top: 0;
	right: 5px;
	bottom: 0;
	margin: auto 0;
	width: 10px;
	height: 3px;
}
.sections .arrow:before{
	-ms-transform: rotate(45deg) translateX( -2px ) translateY( -2px );
	-webkit-transform: rotate(45deg) translateX( -2px ) translateY( -2px );
	transform: rotate(45deg) translateX( -2px ) translateY( -2px );
}
.sections .arrow:after{
	-ms-transform: rotate(-45deg) translateX( -2px ) translateY( 2px );
	-webkit-transform: rotate(-45deg) translateX( -2px ) translateY( 2px );
	transform: rotate(-45deg) translateX( -2px ) translateY( 2px );
}
.about .current-menu-item:after{
	background-color: rgba( 255, 179, 18, 1 );
}
li.children a > span,
.children .arrow:before,
.children .arrow:after,
.children .current-menu-item:after{
	background-color: rgba( 141, 216, 221, 1 );
}
li.commercial a > span,
.commercial .arrow:before,
.commercial .arrow:after,
.commercial .current-menu-item:after{
	background-color: rgba( 255, 100, 94, 1 );
}
li.schoolsmascot a > span,
.schoolsmascot .arrow:before,
.schoolsmascot .arrow:after,
.schoolsmascot .current-menu-item:after{
	background-color: rgba( 129, 172, 236, 1 );
}
li.residential a > span,
.residential .arrow:before,
.residential .arrow:after,
.residential .current-menu-item:after{
	background-color: rgba( 64, 205, 254, 1 );
}
li.faux a > span,
.faux .arrow:before,
.faux .arrow:after,
.faux .current-menu-item:after{
	background-color: rgba( 196, 137, 166, 1 );
}
.faq .current-menu-item:after{
	background-color: rgba( 82, 38, 114, 1 );
}


/* page: About */
.about article{
	background-color: #fff;
	color: #5a6670;
	line-height: 36px;
}
.about article > div{
	max-width: 1050px;
	padding: 0 15px;
	margin: 0 auto;
}
.about h2,
.about article h1{
	color: #ffb312;
}
.about article h1{
	font-weight: 700;
	font-size: 24px;
	text-transform: uppercase;
}
.about article ul{
	list-style: none;
	font-size: 17px;
	line-height: 26px;
	overflow: hidden;
}
.about article > div > ul{
	max-width: 962px;
	margin: 0 auto;
}
.company{
	padding: 51px 0 46px;
	color: #596670;
	text-align: center;
}
.company > li{
	margin-top: 29px;
}
.company > li:first-child{
	margin-top: 0;
}
.company li:nth-child( 3n + 1 ),
.vendors li:nth-child( 3n + 1 ){
	clear: both;
}
.company img{
	width: 180px;
	height: 180px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-bottom: 15px;
}
.company h2{
	font-weight: 700;
	font-size: 24px;
	line-height: 36px;
	text-transform: uppercase;
}
.company h3{
	margin: -3px 0 28px;
	font-weight: 300;
	font-size: 19px;
	line-height: 29px;
}
.company p{
	text-align: left;
}
.vendors{
	padding: 32px 0 22px;
	color: #596670;
	font-size: 17px;
	line-height: 26px;
}
.vendors > li{
	margin-bottom: 66px;
}
.vendors h2, .vendors h3{
	font-size: 16px;
	line-height: 24px;
}
.vendors h2{
	font-weight: 700;
	text-transform: uppercase;
}
.vendors h3{
	font-style: italic;
	font-weight: 700;
}
.vendors h4{
	font-weight: 500;
	font-size: 17px;
	line-height: 26px;
}
.vendors p{
	margin-bottom: 0;
}
.vendors a{
	color: #596670;
	text-decoration: none;
}
.vendors .link,
.vendors .email,
.vendors .phone{
	padding-left: 26px;
	background-repeat: no-repeat;
	background-size: 18px 16px;
}
.vendors .link{
	background-image: url( img/vendor-link@2x.png );
}
.vendors .email{
	background-image: url( img/vendor-email@2x.png );
}
.vendors .phone{
	background-image: url( img/vendor-phone@2x.png );
}


/* category */
header.page{
	background-color: #fff;
	text-align: center;
	overflow: hidden;
}
.category-page header.page{
	padding-bottom: 41px;
}
.about header.page,
.faq header.page{
	padding-bottom: 30px;
}
header.page h1{
	color: #fff;
	font-weight: 900;
	font-size: 20px;
	line-height: 42px;
	letter-spacing: .05em;
	text-transform: uppercase;
}
.about header{
	color: #ffb312;
}
.commercial header{
	color: #ff645e;
}
.faux header{
	color: #c489a6;
}
.schoolsmascot header{
	color: #81acec;
}
.residential header{
	color: #40cdfe;
}
.children header{
	color: #8dd8dd;
}
.faq header{
	color: #522672;
}
.about header.page > h1{
	background-color: #ffb312;
}
.commercial header.page > h1{
	background-color: #ff645e;
}
.faux header.page > h1{
	background-color: #c489a6;
}
.schoolsmascot header.page > h1{
	background-color: #81acec;
}
.residential header.page > h1{
	background-color: #40cdfe;
}
.children header.page > h1{
	background-color: #8dd8dd;
}
.faq header.page > h1{
	background-color: #522672;
}
header.page p{
	max-width: 1020px;
	margin: 0 auto;
	padding: 29px 46px 0;
}
.about header.page p,
.faq header.page p{
	font-weight: 300;
}
.thumbnails{
	background-color: #f6f6f6;
	text-align: center;
	font-size: 0;
	line-height: 0;
}
.thumbnails ul{
	max-width: 1130px;
	margin: 0 auto;
}
.thumbnails li{
	position: relative;
	display: inline-block;
	width: 50%;
	padding-top: 50%;
}
.thumbnails > .odd > li:last-child{
	display: none;
}
.thumbnails a, .thumbnails span{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: #fff;
}
.thumbnails a:before, .thumbnails a:after{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
}
.thumbnails a:hover:before, .thumbnails a:hover:after{
	opacity: 1;
}
.thumbnails a:before{
	content: '';
}
.commercial .thumbnails a:before{
	background-color: rgba( 255, 100, 94, .8 );
}
.faux .thumbnails a:before{
	background-color: rgba( 196, 137, 166, .8 );
}
.schoolsmascot .thumbnails a:before{
	background-color: rgba( 129, 172, 236, .8 );
}
.residential .thumbnails a:before{
	background-color: rgba( 64, 205, 254, .8 );
}
.children .thumbnails a:before{
	background-color: rgba( 141, 216, 221, .8 );
}
.thumbnails a{
	background-position: center;
	background-size: cover;
	cursor: pointer;
}
.thumbnails a:after{
	content: 'View';
	width: 127px;
	height: 58px;
	border: 2px solid #fff;
	margin: auto;
	font-weight: 900;
	font-size: 20px;
	line-height: 54px;
	letter-spacing: .05em;
	text-transform: uppercase;
	-ms-transform: translateY( 6px );
	-webkit-transform: translateY( 6px );
	transform: translateY( 6px );
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms;
}
.thumbnails a:hover:after{
	-ms-transform: translateY( 0px );
	-webkit-transform: translateY( 0px );
	transform: translateY( 0px );
}
.thumbnails span{
	height: 42px;
	margin: auto;
	font-size: 18px;
	line-height: 42px;
	overflow: hidden;
}
.thumbnails a:hover span{
	opacity: 0;
}
.commercial .thumbnails a > span{
	background-color: rgba( 255, 100, 94, .95 );
}
.faux .thumbnails a > span{
	background-color: rgba( 196, 137, 166, .95 );
}
.schoolsmascot .thumbnails a > span{
	background-color: rgba( 129, 172, 236, .95 );
}
.residential .thumbnails a > span{
	background-color: rgba( 64, 205, 254, .95 );
}
.children .thumbnails a > span{
	background-color: rgba( 141, 216, 221, .95 );
}
.imagery{
	display: none;
}


/* overlay */
div.loading{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 21;
	display: none;
	width: 100%;
	height: 100%;
}
div.loading div{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: auto;
	overflow: hidden;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	-webkit-backface-visibility: hidden; /* fixes Chrome flicker on transforms: */
}
@-webkit-keyframes spin {
	100% { -webkit-transform: rotate( 360deg ); }
}
@keyframes spin {
	100% { transform: rotate( 360deg ); }
}
div.loading div:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 50%;
	left: 0;
	background-color: #fff;
}
body.loading{
	overflow: hidden;
}
body.loading div.loading{
	display: block;
}
img.load-timer{
	display: none;
}
.overlay-open{
	overflow: hidden;
}
.wrap-overlay{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 20;
	display: none;
	background: #222;
	background: rgba( 34, 34, 34, .9 );
}
.wrap-overlay header{
	position: relative;
}
.wrap-overlay h1{
	margin: 5px 0 0 15px;
	color: #fff;
	font-weight: 100;
	font-size: 17px;
	line-height: 31px;
	white-space: nowrap;
}
.wrap-overlay .close{
	position: absolute;
	top: 12px;
	right: 15px;
	width: 16px;
	height: 16px;
	background-image: url( img/close@2x.png );
	background-size: 16px 16px;
	cursor: pointer;
}
.wrap-overlay > ul > li{
	opacity: 0;
}
/*
.wrap-overlay.loaded > ul > li{
	opacity: 1;
}
*/
.wrap-overlay.loaded > ul > .active{
	opacity: 1;
}
/*
.close-overlay:before{
	content: '\00d7';
}
*/
.wrap-overlay.slide-show{
	height: auto;
}
.wrap-overlay .slides{
	top: 38px;
	bottom: 38px;
	background-color: transparent;
}
.wrap-overlay .slides figure{
	height: 100%;
}
.wrap-overlay .slides figure > img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	margin: auto;
}
.wrap-overlay .slide-index{
	top: auto;
	bottom: 11px;
}
.wrap-overlay .slide-controls{
	top: auto;
	bottom: 0;
}
.wrap-overlay .slide-index{
	display: block;
}
.wrap-overlay .slide-index > li{
	background-color: #fff;
}
.wrap-overlay .slide-index > .active{
	border-color: #fff;
}


/* page: FAQ */
.faq > article{
	padding-bottom: 42px;
	background-color: #fff;
	color: #596670;
	line-height: 36px;
}
.faq > article > div{
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 15px;
}
.faq > article h2{
	margin-top: 47px;
	color: #522672;
	font-size: 24px;
	text-transform: uppercase;
}
.faq > article h2:first-child{
	margin-top: 0;
}
.faq > article p{
	margin-bottom: 36px;
}


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

	/* grid */
	.row{ width: 85%; }
	.col-sm-0, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{ float: left; }
	.col-sm-12{ width: 100%;}
	.col-sm-11{ width: 91.66666666666666%; }
	.col-sm-10{ width: 83.33333333333334%; }
	.col-sm-9{ width: 75%; }
	.col-sm-8{ width: 66.66666666666666%; }
	.col-sm-7{ width: 58.333333333333336%; }
	.col-sm-6{ width: 50%; }
	.col-sm-5{ width: 41.66666666666667%; }
	.col-sm-4{ width: 33.33333333333333%; }
	.col-sm-3{ width: 25%; }
	.col-sm-2{ width: 16.666666666666664%; }
	.col-sm-1{ width: 8.333333333333332%; }
	.col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1){ clear: none; }
	.col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){ clear: left; }
	.col-centered{ float: none; margin: 0 auto; }


	/* footer */
	footer.site,
	.testimonial > div > div,
	body.home article > div,
	.faq > article > div{
		width: 85%;
	}


	/* slide-show: customizations */
	.category-page header.slide-show,
	.category-page .slide-index,
	.about .slide-show,
	.about .slide-index{
		display: block;
	}


	/* page: About */
	.about article{
		background-color: #f6f6f6;
	}


	/* category */
	header.page{
		background-color: #f6f6f6;
	}
	.category-page header.page{
		padding-bottom: 87px;
	}
	.about header.page,
	.faq header.page{
		padding-bottom: 76px;
	}
	header.page h1{
		display: inline-block;
		padding: 0 104px;
	}
	header.page p{
		padding: 40px 15px 0;
		font-size: 40px;
		line-height: 48px;
	}
	.thumbnails{
		padding-bottom: 120px;
	}
	.thumbnails li{
		width: 25%;
		padding-top: 25%;
	}
	.thumbnails > .odd > li:last-child{
		display: inline-block;
	}
	.thumbnails a{
		top: 10px;
		right: 10px;
		bottom: 10px;
		left: 10px;
	}

	/* overlay */
	.wrap-overlay h1{
		margin-top: 36px;
		font-size: 26px;
	}
	.wrap-overlay .close{
		top: 46px;
	}
	.wrap-overlay .slides{
		top: 95px;
		bottom: 95px;
	}
	.wrap-overlay .slide-index{
		bottom: 40px;
	}


	/* page: FAQ */
	.faq > article{
		background-color: #f6f6f6;
	}

}


@media screen and ( min-width: 992px ){

	/* grid */
	.col-md-0, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{ float: left; }
	.col-md-12{ width: 100%; }
	.col-md-11{ width: 91.66666666666666%; }
	.col-md-10{ width: 83.33333333333334%; }
	.col-md-9{ width: 75%; }
	.col-md-8{ width: 66.66666666666666%; }
	.col-md-7{ width: 58.333333333333336%; }
	.col-md-6{ width: 50%; }
	.col-md-5{ width: 41.66666666666667%; }
	.col-md-4{ width: 33.33333333333333%; }
	.col-md-3{ width: 25%; }
	.col-md-2{ width: 16.666666666666664%; }
	.col-md-1{ width: 8.333333333333332%; }
	.col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){ clear: none; }
	.col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1){ clear: left; }
	.col-centered{ float: none; margin: 0 auto; }

	/* footer */
	footer.site{
		padding-top: 81px;
		padding-bottom: 123px;
	}
	footer.site .left{
		font-size: 30px;
		line-height: 36px;
		text-align: left;
	}
	footer.site .left p{
		margin-bottom: 36px;
	}
	footer.site .left > div{
		display: block;
		font-size: 26px;
		line-height: 31px;
	}
	footer h1{
		margin-bottom: 4px;
	}
	ul.contact span, ul.contact a{
		padding-left: 30px;
		background-position: 0 8px;
		background-size: 20px 18px;
	}
	.social{
		margin-top: 29px;
	}
	form{
		margin: 6px 0 0;
	}
	input, textarea{
		padding: 0 22px;
		margin-bottom: 19px;
		font-size: 30px;
	}
	input{
		height: 54px;
		line-height: 54px;
	}
	textarea{
		height: 188px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	footer.site .bottom{
		display: none;
	}
	.copyright{
		font-size: 26px;
		line-height: 31px;
	}

	/* slide-show: customizations */
	.slide-show{
		/*height: 1031px;*/
		height: 599px;
	}
	.slides{
		font-size: 40px;
		line-height: 48px;
	}
	.slides figure{
		/*height: 932px;*/
		height: 500px;
	}
	/*.slides figcaption{
		margin: 1030px auto 67px;
		text-align: left;
	}*/
	.slide-index{
		display: block;
	}
	.testimonial p{
		margin-bottom: 48px;
	}
	.testimonial p:before{
		margin-left: -12px;
	}


	/* homepage */
	body.home article{
		padding-bottom: 46px;
		font-size: 40px;
		line-height: 48px;
	}
	.sections{
		text-align: center;
	}
	.sections li{
		display: inline-block;
		width: 20%;
		height: 448px;
	}
	.sections a{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	.sections a:before, .sections a:after{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
	}
	.sections a:hover:before, .sections a:hover:after{
		opacity: 1;
	}
	.sections a:before{
		content: '';
		background-color: rgba( 118, 51, 131, .75 );
	}
	.sections a:after{
		content: 'View';
		width: 127px;
		height: 58px;
		border: 2px solid #fff;
		margin: auto;
		font-weight: 900;
		font-size: 20px;
		line-height: 54px;
		letter-spacing: .05em;
		text-transform: uppercase;
		-ms-transform: translateY( 6px );
		-webkit-transform: translateY( 6px );
		transform: translateY( 6px );
		-webkit-transition-delay: 200ms;
		-moz-transition-delay: 200ms;
		-o-transition-delay: 200ms;
		transition-delay: 200ms;
	}
	.sections a:hover:after{
		-ms-transform: translateY( 0px );
		-webkit-transform: translateY( 0px );
		transform: translateY( 0px );
	}
	.sections a > span{
		padding: 0;
	}
	.sections .arrow{
		display: none;
	}
	li.commercial a > span{
		background-color: rgba( 255, 100, 94, .89 );
	}
	li.faux a > span{
		background-color: rgba( 196, 137, 166, .89 );
	}
	li.schoolsmascot a > span{
		background-color: rgba( 129, 172, 236, .89 );
	}
	li.residential a > span{
		background-color: rgba( 64, 205, 254, .89 );
	}
	li.children a > span{
		background-color: rgba( 141, 216, 221, .89 );
	}

}


@media screen and ( min-width: 1200px ){

	/* grid */
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{ float: left; }
	.col-lg-12{ width: 100%; }
	.col-lg-11{ width: 91.66666666666666%; }
	.col-lg-10{ width: 83.33333333333334%; }
	.col-lg-9{ width: 75%; }
	.col-lg-8{ width: 66.66666666666666%; }
	.col-lg-7{ width: 58.333333333333336%; }
	.col-lg-6{ width: 50%; }
	.col-lg-5{ width: 41.66666666666667%; }
	.col-lg-4{ width: 33.33333333333333%; }
	.col-lg-3{ width: 25%; }
	.col-lg-2{ width: 16.666666666666664%; }
	.col-lg-1{ width: 8.333333333333332%; }
	.col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){ clear: none; }
	.col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1){ clear: left; }
	.col-centered{ float: none; margin: 0 auto; }


	/* basics */
	body{
		padding-top: 0;
	}


	/* header + menu */
	header.site{
		position: static;
		background-color: #f6f6f6;
	}
	header.site > div{
		height: 244px;
		line-height: 244px;
	}
	header.site .home{
		width: 140px;
		height: 158px;
		background-image: url( img/watson-murals@2x.png );
	}
	.launch-menu button{
		display: none;
	}
	.menu-open .launch-menu button{
		display: block;
	}
	header.site ul{
		display: block;
	}

}