/*
Take the Plunge Wedding Template

Table of Contents:
	Reset
	Common
	Typography
	Layout
	Supersized Slideshow
	Youtube Player
	Parallax
	Portfolio
	About Us
	Services
	Features
	Accordion
	Tooltips
	Contacts
	Form Elements
	Flickr
	Alert Boxes
	Footer
	Our Clients
	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;
}



/* Common
--------------------------------------------------------*/


::-moz-selection {background: #4bb5e2;color: white; }
::selection {background: #4bb5e2;color: white; }

body {
	font: 15px 'Oswald', sans-serif;
	font-weight: 300;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	text-align: left;
	background: #111111;
	width: 100%;
	height: 100%;
}
body.touch-device {
	background-image: url("../images/slider/Paint-AR-HoloLens-IMCLab.jpg");
	background-position: 70% center;
	background-repeat: repeat-y;
	background-size: 200%;
}

body.touch-device .mean-nav img{
background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 50%;
        width: 155px;
    height: auto;
	}

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

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

.hidden {
	display: none;
}

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

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


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

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

h1 {
	font-size: 250px;
	text-transform: uppercase;
	position: relative;
	letter-spacing: -2px;
	text-align: left;
	line-height: 0.8;
	margin-bottom: 35px;
	padding-top: 15px;
}



h1 span{
	color: #4bb5e2;
	font-size: 150px;
}

h2 {
	font-size: 44px;
	text-transform: uppercase;
	position: relative;
}
h2.white {color: #fff;}

h3 {font-size: 22px; line-height: 1;}
h3.sectionTitle {
    border-bottom: 1px solid #333;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 26px 0 6px;
}
.small {font-size: 36px; font-weight:300; text-transform: uppercase;}
.smallBold {font-size: 36px; font-weight:700; text-transform: uppercase;}
.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: #2793e6; text-decoration: none;}
p a:hover {color: #4bb5e2; transition: color 0.5s;}
a {color:#fff; text-decoration:none;}
a:hover{color:#4bb5e2;}

.highlight a:hover{color:#7B133C;}

.introtext {font-size: 20px;}
.marginTop {
	margin-top: 30px;
}

.insta-logo {
width:50px;
height:auto;
position:absolute;
margin-left: -100px;
z-index:9999;
}

.med-logo {
width:50px;
height:auto;
position:absolute;
margin-left: -170px;
z-index:9999;
}

.insta-logo:hover {
color:#4bb5e2;
background-color: #4bb5e2;
}

.med-logo:hover {
color:#4bb5e2;
background-color: #4bb5e2;
}


.highlight {
    background: #4bb5e2;
    color: #FFFFFF;
    padding: 0 6px;
}
.dropcap {
    background: #7B133C;
    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;
}
blockquote {
    color: #999999;
    display: block;
    font-size: 20px;
    font-style: italic;
    letter-spacing: 0;
    padding: 20px 50px 20px 40px;
    position: relative;
}
blockquote:before, blockquote:after {
    color: #7B133C;
    content: "“";
    font-size: 80px;
    font-style: italic;
    left: -25px;
    line-height: 1em;
    position: absolute;
    top: 0;
}
blockquote:after {
    content: "”";
    float: right;
    margin-right: -30px;
    margin-top: 0;
    position: relative;
}

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


.homepage{
	position:relative;
	overflow:hidden;
	z-index:1;
	margin-bottom: -70px;
}
.page{
	position:relative;
	overflow:hidden;
	z-index:2;
}
.page.desktop{
	position:relative !important;
	z-index:6;
}
.page {
	padding-top: 100px;
}
.page{
	background:#111;
	background-attachment:scroll;
}
nav {
	/*background: #000;
	background: rgba(0,0,0,0.8);*/
	    background: #4bb5e2c9;
	width: 100%;
	position: relative;
	z-index: 1000;
	height: 50px;
	text-align: center;
	margin-bottom: 10px;
	/*border-bottom: 1px solid #333;*/
}
nav ul {
	height: 40px;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 15px;
	float: left;
}
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: #7B133C;
	transition: color 0.5s;
}
.dropmenu {
	display: none;
}
#homepage .container {
    height: 100%;
}
.first .logo {
 /* float: middle;
	margin-top: 50px;
	float: right;
	margin-top: 50px;
	display: inline-block;
        float: none;
        margin: 0 auto;
        text-align: center;*/
       /* width: 20%;
        z-index:99999999999;
        position: absolute;
  top: 25px;
  left: 25px;*/
  /*width:50%;*/
  width:200px;
  height: auto;
  float: left;
}


/* youtube player
--------------------------------------------------------*/

.mb_YTVPlayer :focus {
	outline: 0;
}

.mb_YTVPlayer{
	display:block;
}

.mbYTP_wrapper iframe{
	max-width: 4000px !important;
}

.inline_YTPlayer{
	margin-bottom: 20px;
	vertical-align:top;
	position:relative;
	left:0;
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 0 0 5px rgba(0,0,0,.7);
	background: rgba(0,0,0,.5);
}

.inline_YTPlayer img{
	border: none!important;
	transform: none!important;
}

/*CONTROL BAR*/
.mb_YTVPBar{
	transition: opacity 1s;
	width:100%;
	height:10px;
	padding:5px;
	position:absolute;
	bottom:70px;
	left:0;
	box-sizing:padding-box;
	text-align:left;
	z-index: 1000;
	font: 14px/16px sans-serif;
	color:white;
	opacity:.1;
}

.mb_YTVPBar:hover{
	opacity:1;
}

.mb_YTVPBar .buttonBar{
	transition: all 1s;
	background:transparent;
	font:12px/14px Calibri;
	position:absolute;
	top:-30px;
	left:0;
	padding: 5px;
	width:100%;
	box-sizing: border-box;
}
.mb_YTVPBar:hover .buttonBar{
	background: rgba(0,0,0,0.4);
}

.mb_YTVPBar span{
	display:inline-block;
	font:16px/20px Calibri, sans-serif;
	position:relative;
	width: 30px;
	height: 25px;
	vertical-align: middle;
}
.mb_YTVPBar span.mb_YTVPTime{
	width: 130px;
}

.mb_YTVPBar span.mb_YTVPUrl,.mb_YTVPBar span.mb_OnlyYT {
	position: absolute;
	width: auto;
	display:block;
	top:6px;
	right:20px;
	cursor: pointer;
}
.mb_YTVPBar span.mb_YTVPUrl img{
	width: 60px;
}

.mb_YTVPBar span.mb_OnlyYT {
	left:185px;
	right: auto;
}
.mb_YTVPBar span.mb_OnlyYT img{
	width: 25px;
}

.mb_YTVPBar span.mb_YTVPUrl a{
	color:white;
}

.mb_YTVPPlaypause,.mb_YTVPlayer .mb_YTVPPlaypause img{
	cursor:pointer;
	margin-left: 20px;
}

.mb_YTVPMuteUnmute{
	cursor:pointer;
}

/*PROGRESS BAR*/
.mb_YTVPProgress{
	height:5px;
	width:100%;
	background:#222;
	bottom:0;
	left:0;
}

.mb_YTVPLoaded{
	height:5px;
	width:0;
	background:#444;
	left:0;
}

.mb_YTVTime{
	height:5px;
	width:0;
	background:#fff;
	bottom:0;
	left:0;
	box-shadow:#666666 1px 1px 3px;
}

.YTPOverlay{
  /*box-shadow: inset 0 0 5px rgba(0,0,0,.5);*/
}


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

.parallax{
	width:100%;
	height:480px;
	padding:0;
	margin:0;
	background-attachment:fixed;
	background-repeat:no-repeat;
	border-top:10px solid rgba(0,0,0,0.2);
	border-bottom:10px solid rgba(0,0,0,0.2);
	color:#000;
	position:relative;
}
.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;
}



/*portfolio
--------------------------------------------------------*/

#folio {
	background:url(../images/gallery-quote.png) center 80px no-repeat #111;
	padding-top:100px;
	clear: left;
}
.portfolio_container {
	position:relative;
	display:block;
	overflow:hidden;
	width:100%;
}
.portfolio_container .portfolio {
	position:relative;
	display:block;
	float:left;
	overflow:hidden;
	width:25%;
	height:auto;
}
.portfolio_container .portfolio .media_box figure a img {
	display:block;
	margin-left: auto;
	margin-right: auto;
}
.portfolio_container .portfolio .media_box .hover_effect {
	top:0;
	left:0;
}

.field-name-field-portfolio-image img{
width: 95%;
height:auto;
/*display:block;*/
	margin-left: auto;
	margin-right: auto;
}

.portfolioimagetable{
float: left;
    width: 400px;
}







.field-name-field-images2 img {
    width: 100%;
    height: auto;
   /* display: block;*/
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.gallerySelector {
	background: #222;
	height: 44px;
	width: 100%;
	margin-top: 20px;
}
.gallerySelectorList {
	margin:0;
	width: 100%;
}
.gallerySelectorList li {
	float: left;
	margin:0;
	list-style:none;
	width: 20%;
	text-align: center;
	padding: 0;
}
.gallerySelectorList li:hover {
	background: #83103e;
}
.gallerySelectorList li a {
	display:block;
	padding:11px 0;
	color: #fff;
	text-decoration: none;
	margin: 0;
	transition:background-color 0.3s ease, color 0.2s ease;
}
.gallerySelectorList li.current  {
	background: #4bb5e2;
}
.portfolio_container .portfolio {
    width: 20%;
}
.fullwidth {
    display: block;
    max-width: 100%;
    min-width: 100%;
}
#gallery h3  {
	margin-bottom: 20px;
}
.project-title {
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 7px;
}
.project-description {
	color: #868991;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 0 0 20px 0;
}
.thumbLink {
	display: block;
	width: 100%;
}
.thumbImage {
	float: left;
	position: relative;
	overflow: hidden;
	display: block;
	margin-bottom: 0px;
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	height: 100%;
}
.thumbImage img{
    transition: all 0.7s ease-in-out;
}
.thumbImage .thumbText h3 {
	margin-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #fff;
    transition: all 1s ease-in-out;
}
.thumbImage .thumbText p {
	margin-bottom: 10px;
	color: #fff;
    transition: all 1s ease-in-out;
}
.thumbImage .thumbTextWrap {
	position: absolute;
	top: 0;
    height: 100%;
	max-width: 100%;
	min-width: 100%;
	opacity: 0;
	background: #4bb5e2;
	text-align: center;
    transition: all 1s ease-in-out;
	-webkit-user-select: none;
}
.ie8 .thumbImage .thumbTextWrap {
	display:none;
}
.thumbImage .thumbTextWrap:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.5em; /* Adjusts for spacing */
}
.thumbText {
    text-align: center;
	transform: scale(0);
    transition: all 0.7s ease-in-out;
	display: inline-block;
  	vertical-align: middle;
  	width: 90%;
}
.thumbImage:hover img {
	opacity: 0;
    transform: scale(10);
}
.touch-device .thumbImage:hover img {
    transform: none;
}
.thumbImage:hover .thumbTextWrap {
	opacity: 1;
}
.thumbImage:hover .thumbText {
	transform: scale(1);
}
.touch-device .thumbImage:hover .thumbTextWrap {
	display: block;
}
.touch-device .thumbText,
.touch-device .thumbImage img,
.touch-device .thumbImage .thumbText h3,
.touch-device .thumbImage .thumbText p,
.touch-device .thumbImage .thumbTextWrap {
    transition: none;
}
.ie8 .thumbImage:hover .thumbTextWrap {
	display: block;
}
.thumbLink {
	background:#fff;
	color: #7A133C;
	font-size: 20px;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	opacity: 0.5;
	margin: 0 auto;
}
.thumbLink:hover {
	opacity: 1;
}
.portfolioBottom {
	background: #222;
	height: 44px;
	width: 100%;
	clear: left;
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
	transition-duration: 0.8s;
}
.isotope {
	transition-property: height, width;
}
.isotope .isotope-item {
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	transition-duration: 0s;
}

/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
	transition: none;
}


/* About Us
--------------------------------------------------------*/

#about {
	padding-top: 0px;
}
.aboutContainer {
	padding-bottom: 100px;
}
.teamImage {
	margin-top: 40px;
	margin-bottom: 20px;
    cursor: default;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.teamImage img {
    transform: scale(1);
    transition: all 0.7s ease-in-out 0s;
}




.teamImage .teamName {
    background-color: #4bb5e2;
    opacity: 0;
    transition: all 0.5s linear 0s;
	height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
	text-align: center;
	-webkit-user-select: none;
}
.touch-device .teamImage .teamName {
	display: none;
	transition: none;
}
.ie8 .teamImage .teamName {
    display: none;
}
.teamImage h2 {
    margin-top: 145px;
    opacity: 0;
    transform: scale(0);
    transition: all 0.5s linear 0s;
}
.teamImage h3 {
    opacity: 0;
    transform: scale(0);
    transition: all 0.7s linear 0s;
}
.teamImage:hover img {
    opacity: 0;
    transform: scale(10);
}
.teamImage:hover .teamName {
    opacity: 1;
}
.touch-device .teamImage:hover .teamName {
	display: block;
}
.touch-device .teamImage:hover img {
    opacity: 0;
    transform: none;
}
.ie8 .teamImage:hover .teamName {
    display: block;
}
.teamImage:hover h2, .teamImage:hover h3 {
    opacity: 1;
    transform: scale(1);
}
.teamImage:hover .socialLinksTeam {
    opacity: 1;
    transform: scale(1);
}
.socialLinksTeam  {
	text-align: center;
	width: 100%;
	opacity: 0;
    transform: scale(0);
	transition: all 0.8s linear 0s;
}
.socialLinksTeam li {
    display: inline-block;
    height: 30px;
    margin: 35px 1px 0;
    transition: all 0.3s ease-in-out 0s;
    width: 30px;
}
.socialLinksTeam li a {
	color: #FFFFFF;
    display: block;
    font-size: 16px;
    height: 16px;
    margin: 0;
    transition: all 0.3s ease-in-out 0s;
    width: 16px;
	opacity: 0.5;
}
.socialLinksTeam li:hover a {
    opacity: 1;
}

.teamSkill {
	margin-bottom: 40px;
	-webkit-user-select: none;
}
p.skill {
    clear: left;
    font-size: 11px;
    letter-spacing: 0.04em;
    margin: 0;
    text-transform: uppercase;
}
.bar {
    background-color: #7B133C;
    border-radius: 11px;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    height: 22px;
    line-height: 22px;
    margin: 0 0 2px;
    transition: all 0.6s ease-in-out 0s;
	width: 22px;
}

.teamSkill:hover .percent100 {width: 100%;}
.teamSkill:hover .percent95 {width: 95%;}
.teamSkill:hover .percent90 {width: 90%;}
.teamSkill:hover .percent85 {width: 85%;}
.teamSkill:hover .percent80 {width: 80%;}
.teamSkill:hover .percent75 {width: 75%;}
.teamSkill:hover .percent70 {width: 70%;}
.teamSkill:hover .percent65 {width: 65%;}
.teamSkill:hover .percent60 {width: 60%;}
.teamSkill:hover .percent55 {width: 55%;}
.teamSkill:hover .percent50 {width: 50%;}
.teamSkill:hover .percent45 {width: 45%;}
.teamSkill:hover .percent40 {width: 40%;}
.teamSkill:hover .percent35 {width: 35%;}
.teamSkill:hover .percent30 {width: 30%;}
.teamSkill:hover .percent25 {width: 25%;}
.teamSkill:hover .percent20 {width: 20%;}

p.percent {
    float: right;
    margin-right: 6px;
    text-align: right;
	opacity: 0;
	transition: all 0.6s ease-in-out 0s;
}
.ie8 p.percent {
    display:none;
}
.teamSkill:hover p.percent {
    opacity: 1;
}
.ie8 .teamSkill:hover p.percent {
    display:block;
}
.statsWrap {
	width: 130px;
	margin: 10px;
	float: left;
}
.stats {
    display: inline-block;
    position: relative;
    width: 100%;
	transition: all 0.3s ease-in-out 0s;
	-webkit-user-select: none;
}
.statDummy {
    margin-top: 100%;
}
.statInfo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #7B133C;
    border-radius: 50%;
	text-align: center;
}
.statNumber {
	font-size: 60px;
	transition: all 0.5s ease-in-out 0s;
	padding-top: 24px;
	margin-bottom: 0;
}
.statNumberMedium {
	font-size: 50px;
	transition: all 0.5s ease-in-out 0s;
	padding-top: 30px;
	margin-bottom: 0;
}
.statNumberSmall {
	font-size: 36px;
	transition: all 0.5s ease-in-out 0s;
	padding-top: 38px;
	margin-bottom: 0;
}
.statText {
	transition: all 0.5s ease-in-out 0s;
	opacity: 0;
	transform: scale(0);
	padding: 0;
	margin-top: -25px;
}
.stats:hover {
    transform: scale(2);
	z-index: 10;
}
.stats:hover .statNumber {
    transform: scale(.6);
}
.stats:hover .statText {
    transform: scale(.6);
	opacity: 1;
}



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

#services {
	padding-top: 0px;
}
.servicesContainer {
	padding-bottom: 0px;
}
.serviceItem {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: default;
    height: 236px;
    position: relative;
    width: 236px;
	margin: 20px auto;
}
.serviceInfoWrap, .serviceInfo {
    height: 196px;
    position: absolute;
    width: 196px;
}
.serviceInfoWrap {
    background: #F9F9F9;
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.4), 0 0 3px rgba(115, 114, 23, 0.8) inset;
    left: 20px;
    top: 20px;
}
.serviceInfo > div {
    background-position: center center;
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
	text-align: center;
}
.serviceInfo .serviceInfoFront {
    transition: all 0.6s ease-in-out 0s;
}



.serviceInfo .serviceInfoBack {
    background:#4bb5e2;
    opacity: 0;
    pointer-events: none;
    transform: scale(1.5);
    transition: all 0.4s ease-in-out 0.2s;
	-webkit-user-select: none;
}
.ie8 .serviceInfo .serviceInfoBack {
    display: none;
}
.copywriting, .copywriting .serviceInfoFront {background-image: url(../images/services/copywriting.jpg);}
.creativity, .creativity .serviceInfoFront {background-image: url(../images/services/creativity.jpg);}
.production, .production .serviceInfoFront {background-image: url(../images/services/production.jpg);}
.development, .development .serviceInfoFront {background-image: url(../images/services/development.jpg);}
.photography, .photography .serviceInfoFront {background-image: url(../images/services/photography.jpg);}
.strategy, .strategy .serviceInfoFront {background-image: url(../images/services/strategy.jpg);}

.serviceInfo h3 {
    color: #FFFFFF;
    font-size: 18px;
    margin: 0 15px;
    padding: 0 0 10px;
    text-align: center;
    text-transform: uppercase;
}
.serviceInfo p {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    color: #FFFFFF;
    margin: 0 20px;
    padding: 5px 10px 0;
}
.serviceIcon {
	width: 35px;
	height: 35px;
	margin: 20px auto 10px auto;
}
.serviceIcon i{
	color: #fff;
	font-size: 32px;
}

.serviceItem:hover .serviceInfoFront {
    opacity: 0;
    transform: scale(0);
}
.serviceItem:hover .serviceInfoBack {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}
.ie8 .serviceItem:hover .serviceInfoBack {
    display: block;
}



/* Features
--------------------------------------------------------*/

#features {
	padding-top: 0px;
}
.featuresContainer {
	padding-bottom: 0px;
}




/* Accordion
--------------------------------------------------------*/

.accTrigger {
	cursor: pointer;
	display: block;
	margin: 10px 0;
	background: #222;
	border-radius: 6px;
	border-left: 3px solid #7B133C;
}
.accTrigger a {
	display: block;
	color: #fff;
	outline: none;
	padding: 10px;
	text-decoration: none;
	font-size: 24px;
}
.accTrigger.active a {
	cursor: default;
	color: #9c2252;
}
.accTrigger.active a:hover {

}
.accTrigger a:hover {
	color: #9c2252;
}
.accContainer .content{
	padding: 2px 15px 5px 15px;
	line-height: 19px;
}
.accContent p {
	margin-bottom: 10px;
}
.accContent {
	padding: 5px 13px 20px 13px;
}





/* Tooltip
--------------------------------------------------------*/

.tooltip {
  position: absolute;
  z-index: 1020;
  display: block;
  padding: 5px;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}
.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tooltip.top {
  margin-top: -2px;
}
.tooltip.right {
  margin-left: 2px;
}
.tooltip.bottom {
  margin-top: 2px;
}
.tooltip.left {
  margin-left: -2px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top: 5px solid #555;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #555;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #555;
  border-left: 5px solid transparent;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 5px solid #555;
  border-bottom: 5px solid transparent;
}

.tooltip-inner {
	max-width: 200px;
	padding: 4px 10px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background-color: #555;
	border-radius: 6px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
}




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

.contactContainer {
	padding-bottom: 100px;
}
.contactDetails li span {
    padding-right: 5px;
	color: #555;
	font-size: 12px;
}
.icon-spacer {
	padding-left: 12px;
}
.socialLinks {
    text-align: center;
}
.socialLinks li {
    background-color: #4bb5e2;
    border-radius: 50% 50% 50% 50%;
    float: left;
    height: 60px;
    margin: 10px 5px;
    transition: all 0.6s ease-in-out 0s;
    width: 60px;
}
.socialLinks li a {
    display: block;
}
.socialLinks li a i {
    color: #FFFFFF;
    display: block;
    font-size: 32px;
    height: 30px;
    margin: 15px 0 0 15px;
    width: 30px;
}
.socialLinks li:hover {
    background-color: #8A97A6;
}



/*form elements
--------------------------------------------------------*/

textarea {
	height:156px;
	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: #333333;
    border: none;
    border-radius: 3px;
    color: #fff;
    display: block;
    margin: 0 0 10px 0;
    outline: medium none;
    padding: 4px 4px;
    width: 370px;
	font-family:'Oswald', sans-serif;
	font-size: 16px;
	font-weight: 400;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    box-shadow: 0 0 7px #fff;
}

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

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #4bb5e2;
	border: none;
	padding: 4px 12px;
	border-radius: 0;
	font-family: 'Oswald', sans-serif;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	text-decoration: none;
	cursor: pointer;
	margin: 0 5px 10px 0;
	line-height: 21px;
	-webkit-appearance: none;
}
a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background: #222222;
}


/* Flickr
--------------------------------------------------------*/
.flickrListing {
	margin-right: -12px;
	margin-top: 15px;
	margin-bottom: 25px;
}
.flickrListing img {
	display: block;
	width: 100%;
}

.flickrListing a {
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
	border: 1px solid #333;
	padding: 3px;
	transition: all 0.2s ease-in-out;
}
.flickrListing a:hover {
	border: 1px solid #fff;
}



/* 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:#111;
}
#footer p.copyright{
	margin-bottom:0;
	margin-top: 20px;
	text-align: center;
	color: #888888;
}


/* Our Clients
--------------------------------------------------------*/

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: medium none;
}
.slides, .flex-control-nav, .flex-direction-nav {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.slides li {
    margin: 0;
}
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    backface-visibility: hidden;
    display: none;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
.slides:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
.no-js .slides > li:first-child {
    display: block;
}
.flexslider {
    position: relative;
    z-index: 1;
}
.flexslider .slides > li {
    position: relative;
}
.flex-container {
    position: relative;
}
.flexslider .slides img {
    display: block;
    margin: auto;
    max-width: 100%;
}
.flex-direction-nav a {
    cursor: pointer;
    display: block;
    height: 60px;
    margin: -30px 0 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 30px;
	background: #555;
	font-family: 'surreal';
	font-size: 32px;
	color: #fff;
	line-height: 60px;
}
.flex-direction-nav a:hover {
    color: #999;
}
.flex-direction-nav a.flex-next:before {
	content: "\e016";
}
.flex-direction-nav a.flex-prev:before {
   content: "\e013";
}
.flex-direction-nav a.flex-next {
    right: 0;
	border-radius:30px 0 0 30px;
}
.flex-direction-nav a.flex-prev {
    left: 0;
	border-radius:0 30px 30px 0;
}
.flexslider:hover .flex-next {
    opacity: 1;
    right: 0;
}
.flexslider:hover .flex-prev {
    left: 0;
    opacity: 1;
}
.flex-direction-nav .disabled {
    cursor: default;
    opacity: 0.3 !important;
}
.flex-direction-nav .flex-next {
    right: -30px;
}
.flex-direction-nav .flex-prev {
    left: -30px;
}
#carouselSlider, #carouselSlider .slides, #carouselSlider .slides li {
    height: 120px;
}
#carouselSlider li {
    border-right: 1px solid #333;
}
.flex-control-nav {
    margin-top: 20px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 99;
}
.flex-control-nav li {
    display: inline-block;
    margin: 0 0 0 3px;
}
.flex-control-nav li:first-child {
    margin: 0;
}
.flex-control-nav li a {
    cursor: pointer;
    display: block;
    height: 14px;
    text-indent: -9000px;
    width: 14px;
}
.flex-control-nav li a:hover {
    background-position: 0 0;
}
.flex-control-nav li a.active {
    background-position: 0 -14px;
    cursor: default;
}


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

.blogTitle {
	margin-top: -80px;
}
.blogTitlePost h2{
	font-size: 125px;
	text-transform: uppercase;
	position: relative;
	letter-spacing: -2px;
	text-align: left;
	line-height: 0.8;
	margin-bottom: 35px;
	padding-top: 0px;
}


.blogTitlePost h2 span{
	color: #4bb5e2;
	font-size: 75px;
}
.post {
	margin-bottom: 50px;
	border-top: 1px solid #333333;
	padding-top: 20px;
}
.post-title h3{
	font-size: 30px;
}
.dateWrap {
	background: #4bb5e2;
	padding: 10px;
	position: absolute;
	margin-top: 10px;
	z-index: 2000;
}
.date-day {
	font-size: 48px;
}
.post-media {
	margin: 10px 0 20px 0;
}
.post-media img{
	border-bottom: 10px solid #4bb5e2;
}
.post-media a img{
	width:100%;
	height:auto;
	}
.post-body div a {
	background: #4bb5e2;
	padding: 2px 10px;
    color: #FFFFFF;
}
.post-body div a:hover {
/*	background: #333333;
	color: #fff;*/
color:#7B133C;
}
.tags {
	margin: 30px 0;
	overflow: auto;
}
.tags a {
	color: #FFFFFF;
    float: left;
    font-weight: 300;
    height: 26px;
    line-height: 26px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 3px 8px;
    text-transform: uppercase;
    transition: background-color 0.3s ease 0s;
	background: #333333;
	border-left: 1px solid #4bb5e2;
}
.tags a:hover {
    background-color: #4bb5e2;
}

/* Comments */
#comments {
	border-top: 1px solid #333333;
	margin-top: 40px;
	padding-top: 20px;
	clear: both;
}
#comments [class*="span"] {
    -moz-box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 2.5641%;
    min-height: 30px;
    width: 100%;
}
#comments .span11 {
    width: 91.453%;
}
.comment-body > .span11 > p:last-child {
    margin-bottom: 0;
}
.comment-body > .span11 > p a {
    color: #AAAAAA;
}
.comment-body > .span11 > p a:hover {
    color: #555555;
}
#commentform [class*="span"] {
    margin-left: 0;
}
#comments .span12 {
    margin-left: 0;
}
#comments .span1 {
    margin-left: 0;
    width: 5.98291%;
}
#comments li {
    background: none repeat scroll 0 0 transparent;
    padding-left: 0;
}
#comments p {
    margin-bottom: 20px;
}
#comments .comment-body {
    margin-bottom: 10px;
}
#comments-title {
    font-size: 28px;
    margin-bottom: 30px;
}
#comments-title span {
    color: #4bb5e2;
    font-size: 14px;
    font-weight: 400;
    line-height: 10px;
    padding: 0 5px;
    vertical-align: middle;
}
.commentlist, #comments .children {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.pe-offset1 {
    margin-left: 8.54701% !important;
}
.commentlist {
    margin-bottom: 40px;
}
.row-fluid {
    width: 100%;
}
.row-fluid:before, .row-fluid:after {
    content: "";
    display: table;
    line-height: 0;
}
.row-fluid:after {
    clear: both;
}
.comment-author img {
    border: 2px solid #F5F5F5;
    display: block;
	max-width: 100%;
}
.bypostauthor > .comment-body > .comment-author img {
    border: 2px solid #7B133C;
}
.bypostauthor > .comment-body .fn a {
    color: #7B133C;
}
.bypostauthor > .comment-body p {
    color: #666666;
}
#comments .fn {
    font-weight: 700;
    margin-top: 2px;
}
.fn a {
    color: #AAAAAA;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.comment-body .fn, .comment-body .says {
    float: left;
    font-size: 14px;
}
.says {
    margin-left: 5px;
    margin-top: 2px;
}
#comments [id*="div-comment"] .span11 {
	background: #333333;
	padding: 10px;
	position: relative;
}
#comments .comment-arrow {
    border-bottom: 14px solid transparent;
    border-right: 14px solid #333333;
    border-top: 14px solid transparent;
    height: 0;
    left: -14px;
    position: absolute;
    top: 13px;
    width: 0;
}

#comments .fn a:hover {
    color: #555555;
    text-decoration: none;
}
#comments .comment-meta {
    clear: both;
    margin-bottom: 10px;
}
#comments .comment-meta a {
    color: #AAAAAA;
    font-size: 13px;
}
#comments .comment-meta a:hover {
    color: #666666;
    text-decoration: none;
}
#comments .reply {
    float: right;
}
#comments .reply .label {
    background-color: #7B133C;
    color: #FFFFFF;
    font-size: 10px;
    padding: 4px 8px;
    text-shadow: none;
    text-transform: uppercase;
}
#comments .reply .label:hover {
    background-color: #555555;
}
#comments .post-pagination {
    margin-bottom: 60px;
}
#comments .pagination .active a {
    background-color: #666666;
    border-color: #666666;
    color: #FFFFFF;
}
#respond {
    margin-bottom: 50px;
}
#respond #reply-title {
    color: #BBBBBB;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 40px;
}
#commentform .comment-notes {
    color: #AAAAAA;
    font-size: 12px;
}
#commentform .comment-notes a {
    color: #7B133C;
}
#commentform .comment-notes a:hover {
    color: #555555;
}
#commentform label {
    color: #fff;
    padding-top: 0;
    text-align: left;
    width: auto;
	position: absolute;
	left: 0px;
	top: 0px;
}
#commentform .controls {
    margin-left: 0;
}
#commentform .controls input {
    border-radius: 0 0 0 0;
    float: left;
    margin-right: 30px;
}
#commentform .control-group .required {
    color: #7B133C;
    margin-left: 3px;
    margin-top: 3px;
}
#commentform .control-group {
    position: relative;
	float: left;
	width: 33.3%
}

#commentform .control-label {
    float: left;
    text-align: left;
}
#comment input[type="text"], #commentform textarea {
    width: 400px;
}
#commentform input[type="text"] {
    margin-right: 20px;
}
#commentform .comment-form-comment .controls {
    clear: both;
    float: none;
}
#commentform textarea {
    width: 100%;
}
#commentform .form-submit .controls {
    margin-left: 0;
}
#commentform .form-submit button[type="submit"] {
    background: none repeat scroll 0 0 #7B133C;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    clear: both;
    color: #FFFFFF;
    float: left;
	font-family: 'Oswald', sans-serif;
    font-size: 13px;
    height: 40px;
    padding: 5px 10px;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
}
#commentform .form-submit button[type="submit"]:hover {
    background-color: #555555;
    color: #FFFFFF;
}
#commentform input[type="text"], #commentform textarea {
    background-color: #333333;
    border-radius: 0px;
    box-shadow: none;
    color: #D0D0D0;
    font-size: 14px;
    min-height: 30px;
    padding: 5px 10px;
	font-weight: 400;
}
#commentform input[type="text"]:focus, #commentform textarea:focus {
    border-color: #7B133C;
}
#commentform input[type="text"] {
    height: 30px;
	width: 96%;
}
#commentform .comment-form-url input[type="text"] {
	width: 100%;
}
#commentform .control-group .controls {
    float: left;
    margin-left: 0 !important;
    overflow: hidden;
	padding-top: 22px;
	width: 100%;
}
.comment-form-comment .controls {
    float: none;
    width: 98%;
}
#commentform .comment-form-comment {
	width: 100%
}
#commentform .comment-form-comment .controls{
	padding-top: 0px;
}
.form-horizontal .control-group:before, .form-horizontal .control-group:after {
    content: "";
    line-height: 0;
}
.form-horizontal .control-group:after {
    clear: both;
}
.form-horizontal .control-label {
    float: left;
    padding-top: 5px;
    text-align: right;
    width: 160px;
}
.form-horizontal .controls {
    margin-left: 180px;
}
.form-horizontal .controls:first-child {
}
.form-horizontal .help-block {
    margin-bottom: 0;
}
.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block {
    margin-top: 10px;
}
.form-horizontal .form-actions {
    padding-left: 180px;
}



/* Widgets */


.arts .sidebar {
    margin-bottom: 60px;
    padding-top: 20px;
	border-top: 1px solid #333333;
	margin-top:-300px;
}

.sidebar {
    margin-bottom: 60px;
    padding-top: 20px;
	border-top: 1px solid #333333;
	margin-top:0px;
}


.sidebar .widget {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}
.sidebar h3 {
    border-bottom: 1px solid #333333;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 26px 0 6px;
}
.widget_search {
    position: relative;
}
.widget_search button[type="submit"] {
    background-color: transparent;
    background-position: -44px 7px;
    border: 0 none;
    cursor: pointer;
    height: 27px;
    opacity: 0.4;
    padding: 5px 10px 8px 5px;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 26px;
}
.widget_search button[type="submit"]:hover {
    opacity: 0.7;
}
.widget_search input[type="text"] {
    background-color: #333333;
    border-radius: 0;
    box-shadow: none;
    color: #d0d0d0;
    display: block;
    font-size: 12px;
    height: 30px;
    padding: 2px 10px;
    transition: border-color 0.3s ease 0s;
    width: 85%;
	margin: 0;
	box-sizing: border-box;
	float: left;
}
.widget_search input[type="text"]:focus {
    border-color: #4bb5e2;
}
.widget_search input[type="submit"] {
    width: 15%;
	margin: 0;
	box-sizing: border-box;
}
.widget_text {
    margin-bottom: 65px;
}
.widget_categories ul li {
    color: #CCCCCC;
    font-size: 11px;
}
.widget_categories a {
    color: #666666;
    font-size: 16px;
    margin-right: 10px;
}
.widget_categories a:hover {
    color: #D95137;
}
.widget_archive li {
    color: #999999;
    font-size: 11px;
}
.widget_archive a {
    font-size: 16px;
    margin-right: 9px;
}
.widget_menu li:before {
    content: "";
}
.widget_menu a {
    border: 1px solid #EEEEEE;
    height: 26px;
    line-height: 26px;
    text-shadow: none !important;
    text-transform: uppercase;
}
.widget_menu a:hover {
    background-color: #DDDDDD;
    color: #666666;
}
.widget_menu li.active a {
    background: url("../../styles/../img/skin/sidebar_menu_active.png") no-repeat scroll 95% 50% #D95137;
    color: #FFFFFF;
}
.widget_menu li.active a:hover {
    background-color: #D95137;
    color: #FFFFFF;
    cursor: default;
}
.widget_tag_cloud li:before {
    content: "";
}
.widget_tag_cloud a {
    color: #FFFFFF;
    float: left;
    font-weight: 300;
    height: 26px;
    line-height: 26px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 3px 8px;
    text-transform: uppercase;
    transition: background-color 0.3s ease 0s;
	background: #333333;
	border-left: 1px solid #4bb5e2;
}
.widget_tag_cloud a:hover {
    background-color: #7B133C;
    color: #FFFFFF;
}
.widget_tag_cloud .tagcloud {
    overflow: hidden;
}
.widget_calendar li:before {
    content: "";
}
.widget_calendar #wp-calendar {
    color: #999999;
    text-align: center;
    width: 100%;
}
.widget_calendar caption, .widget_calendar th, .widget_calendar td {
    text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
}
.widget_calendar caption {
    color: #fff;
    font-size: 16px;
    padding: 25px 0 12px;
    text-align: left;
    text-transform: uppercase;
}
.widget_calendar th {
    background: #333333;
    border-bottom: 0 none;
    border-top: 0 none;
    font-weight: 600;
    padding-bottom: 5px;
    padding-top: 5px;
}
.widget_calendar tbody td a {
    background: #F6F6F6;
    padding: 0px 5px;
    width: 100%;
}
.widget_calendar tfoot td a:hover {
    background: #F6F6F6;
}
.widget_calendar tfoot td {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 0 none;
    border-top: 0 none;
}
.widget_calendar tfoot td a {
    color: #666666;
    text-transform: uppercase;
}
.widget_calendar tfoot td a:hover {
    background: none repeat scroll 0 0 transparent;
	color: #fff;
}
.widget_calendar tfoot #prev {
    text-align: left;
}
.widget_calendar tfoot #next {
    text-align: right;
}
.widget_links ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.sidebar li:before {
    color: #4bb5e2;
    content: "\e016";
    display: inline-block;
    font-family: 'surreal';
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    line-height: 1em;
    margin-right: 0.2em;
    margin-top: 9px;
    text-align: center;
    text-decoration: inherit;
    width: 1em;
	transition: all 0.3s ease-in-out;
}
.sidebar li span {
    color: #CCCCCC;
    font-size: 10px;
    font-style: italic;
    margin-left: 15px;
}
.widget_links li a,
.widget_pages li a,
.widget_meta li a,
.widget_archive li a,
.widget_calendar tbody td a,
.widget_categories li a,
.widget_recent_entries li a,
.widget_recent_comments li a {
    color: #999999;
	transition: all 0.3s ease-in-out;
}
.widget_links li a:hover,
.widget_pages li a:hover,
.widget_meta li a:hover,
.widget_archive li a:hover,
.widget_categories li a:hover,
.widget_calendar tbody td a:hover,
.widget_recent_entries li a:hover,
.widget_recent_comments li a:hover {
    color: #fff;
    text-decoration: none;
}

.widget_recent_entries {
    font-size: 16px;
    margin-right: 0;
}
.widget_recent_entries p {
    margin-top: 25px;
}
.comments-num {
    display: block;
    float: right;
    width: 28px;
}
.widget_recent_entries span {
    text-transform: lowercase;
}

/* Custom Font
--------------------------------------------------------*/

@font-face {
	font-family: 'surreal';
	src:url('../fonts/surreal.eot');
	src:url('../fonts/surreal.eot?#iefix') format('embedded-opentype'),
		url('../fonts/surreal.woff') format('woff'),
		url('../fonts/surreal.ttf') format('truetype'),
		url('../fonts/surreal.svg#surreal') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'surreal';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-location, .icon-envelop, .icon-phone, .icon-print, .icon-clock, .icon-arrow-right, .icon-arrow-left, .icon-twitter, .icon-google-plus, .icon-facebook, .icon-flickr, .icon-skype, .icon-linkedin, .icon-pinterest, .icon-youtube, .icon-vimeo, .icon-dribbble, .icon-feed, .icon-instagram, .icon-plus, .icon-arrow-left-2, .icon-arrow-down, .icon-arrow-up, .icon-arrow-right-2, .icon-quote, .icon-search, .icon-brush, .icon-share, .icon-mobile, .icon-camera, .icon-camera-2, .icon-quill {
	font-family: 'surreal';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-location:before {
	content: "\e001";
}
.icon-envelop:before {
	content: "\e002";
}
.icon-phone:before {
	content: "\e003";
}
.icon-print:before {
	content: "\e004";
}
.icon-clock:before {
	content: "\e005";
}
.icon-arrow-right:before {
	content: "\e006";
}
.icon-arrow-left:before {
	content: "\e007";
}
.icon-twitter:before {
	content: "\e008";
}
.icon-google-plus:before {
	content: "\e009";
}
.icon-facebook:before {
	content: "\e00a";
}
.icon-flickr:before {
	content: "\e00b";
}
.icon-skype:before {
	content: "\e00c";
}
.icon-linkedin:before {
	content: "\e00d";
}
.icon-pinterest:before {
	content: "\e00e";
}
.icon-youtube:before {
	content: "\e00f";
}
.icon-vimeo:before {
	content: "\e010";
}
.icon-dribbble:before {
	content: "\e011";
}
.icon-feed:before {
	content: "\e012";
}
.icon-instagram:before {
	/*content: "\e16d";*/
	background-image: url("../images/Instagram-logo-before.png");
	/*background-position: center center; background-size:contain;*/
}

.socialLinks .svg-inline--fa {
/*    display: inline-block;
    font-size: inherit;
     height: 1em;
    overflow: visible;
    vertical-align: auto;*/
    margin-top: 7px;
}

/*#block-block-16 .socialLinks .svg-inline--fa {
margin-top:-18px;
	}

	#block-block-16 .socialLinks .icon-facebook {
margin-top:-10px;
	}

	#block-block-16 .socialLinks .icon-twitter {
margin-top:-10px;
	}

	#block-block-16 .socialLinks .icon-youtube {
margin-top:-10px;
	}

#block-block-16 .socialLinks li {

}*/

#block-views-tags-block{
margin-top:120px;
	}
.icon-plus:before {
	content: "\e000";
}
.icon-arrow-left-2:before {
	content: "\e013";
}
.icon-arrow-down:before {
	content: "\e014";
}
.icon-arrow-up:before {
	content: "\e015";
}
.icon-arrow-right-2:before {
	content: "\e016";
}
.icon-quote:before {
	content: "\e017";
}
.icon-search:before {
	content: "\e018";
}
.icon-brush:before {
	content: "\e019";
}
.icon-share:before {
	content: "\e01a";
}
.icon-mobile:before {
	content: "\e01b";
}
.icon-camera:before {
	content: "\e01c";
}
.icon-camera-2:before {
	content: "\e01d";
}
.icon-quill:before {
	content: "\e01e";
}




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

.clear{float:none;}


	.view-products-view .views-field-field-images2 img{
width:100%;
height:auto;
	}


/* 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; background-size:contain;}

}


/* Higher than 960 (desktop devices) */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.teamImage h2 {margin-top: 105px; font-size:40px;}
	input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 290px;}

}


/* 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;}


}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	h1 {font-size: 200px;}
	.teamImage h2 {margin-top: 75px; font-size:32px;}
	input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 226px;}
	.parallax.fixed{background-attachment:scroll; background-position: center center; background-size:contain;}
	.blogTitle {margin-top: -40px;}
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	/* Un-commented 2026-09-10: with these disabled the video-hero variants
	   never switched to the mobile menu, so the desktop nav wrapped over the
	   logo on every phone-width page. */
	.dropmenu { display: block; margin-top: 5px; }
	#nav {display: none;}
	#slidecaption { display:none;}
	#prevslide, #nextslide{top:120px;}
	.parallax.fixed{background-attachment:scroll; background-position: center center; background-size:contain;}

	.view-products-view .views-field-field-images2 img{ width: 250%; height: auto; margin-left: -200px; margin-top: -50px; margin-bottom: -50px; }
		.view-products-view .views-field-field-portfolio-image img{ width: 100px; height: 100px; margin-left: -100px; margin-top: 0px; padding-top: 50px; margin-bottom: -50px; }



/*	.logo {margin-top: 10px; transform: scale(2.5); z-index:9999999;

        position: absolute;
        float:left;
  top: 25px;
  left: 25px;
	}*/
		.logo {margin-top: 10px;
			transform: scale(0.5);
		z-index:100;

        position:absolute;
       /* background: url("http://34.229.190.118/sites/all/default/files/IMClab-logo-site3_0.jpg");
        width:50px;
        height: 50px;
  top: 5px;
  left: 5px;
  */

		}

		.views-field-field-images2 {
transform: scale(0.5);
width: 165px;
float: left;
		}

/*		#parallax-3{
 background-size: cover;
		}

				#parallax-1{
 background-size: cover;
		}

				#parallax-2{
 background-size: cover;
		}*/

	#prevslide {right: 45px; transform: scale(.5);}
	#nextslide {right: 22px; transform: scale(.5);}
	.homepage {margin-bottom: -50px;}
	.thumbImage .thumbTextWrap {padding: 0 10px;}
	.thumbImage .thumbText p {font-size: 12px;}
	.thumbImage .thumbText h3 {font-size: 21px;}
	.blogTitle {margin-top: 0px;}
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	h1 {font-size: 110px;}
	h1 span{font-size: 80px;}
	input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 418px;}
	#block-views-artists-block{position: absolute; z-index: 9999; top: 0px; right: -20%; max-width: min-content;}
#block-views-artists-block .views-field-title {font-size: 18px; background:#000000cf; padding-left: 5px;}
.parallax.fixed{background-attachment:scroll; background-position: center center; background-size:contain;}
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	h1 {font-size: 80px;}
	h1 span{font-size: 60px;}
	.teamImage h2 {margin-top: 105px; font-size:40px;}
	input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 298px;}
.gallerySelectorList li a {font-size: 17px; }
#block-views-artists-block{position: absolute; z-index: 9999; top: 0px; right: -10%; max-width: min-content;}
#block-views-artists-block .views-field-title {font-size: 14px; background:#000000cf; padding-left: 3px;}
.parallax.fixed{background-attachment:scroll; background-position: center center; background-size:contain;}
}


#drupal_messages{

	visibility:hidden;

}

/*Products section*/

.views-field-title {
vertical-align: top;
font-size:20px;
border-bottom: 3px solid #333;
border-top: 3px solid #333;
width:100px;
padding-left: 10px;
}

#block-views-artists-block .views-field-title {
width:100%;
	}

.views-field-body {
vertical-align: top;
border-bottom: 2px solid #333;
border-top: 2px solid #333;
    padding-left: 10px;
    padding-top: 20px;
    font-size: 16px;
}



.field-name-field-description {
font-size:18px;
}
.field-name-field-item-description {
font-size:24px;
	}




.view-taxonomy-term .views-field img{
    width: 100%;
    height: auto;
}

.block .tagsview .views-field-field-images2 img{
    width: 100%;
    height: auto;
	}

.block .tagsview .views-field-field-portfolio-image img{
    width: 100%;
    height: auto;
	}


	.block .tagsview .views-field-title {
padding-right: 50%;
	}

	.block .view-products-view .views-field-title {
padding-right: 0%;
	}

	.block .tagsview .views-row{
padding-top:50px;
	}

	.block .view-artists .views-row {
padding-top:0px;
	}



	.view-artists .views-view-grid .views-field-field-images2 img{
width: 200px;
height: auto;
}


.views-field-field-portfolio-image img{

border-style: solid;

border-color: #4bb5e2c9;

border-width: 5px;
border-top: 10px solid #4bb5e2c9;
}

.instatop {
    position: absolute;
    margin-top: -50px;
  }

  .mediumtop {
    position: absolute;
    margin-top: -50px;
  }
/*

.productstable tr td:last-child{
    width:1%;
    white-space:nowrap;
}*/
/* Products grid (region 4) */
.productItem { margin-bottom: 30px; }
.productItem img { width: 100%; height: auto; display: block; }
.productItem h3.sectionTitle { margin: 12px 0 6px; }
.productItem p { opacity: .8; }
.productItem a { text-decoration: none; }

/* Inner pages: the nav bar is fixed, and only front-page.php supplied its own
   padding-top. Without this, single/archive titles rendered underneath it. */
/* jquery.sticky.js wraps <nav> in #…-sticky-wrapper, so a "nav + .container"
   selector never matches once the nav is initialised. Target both forms. */
body:not(.home) nav + .container,
body:not(.home) .sticky-wrapper + .container { padding-top: 140px; }
@media (max-width: 767px) {
  body:not(.home) nav + .container,
  body:not(.home) .sticky-wrapper + .container { padding-top: 96px; }
}
body:not(.home) .portfolio-single .entry-title,
body:not(.home) .entry-title { line-height: 1.02; }

/* Galleries migrated from Drupal's field_images2.
   Tiles are a fixed ratio with object-fit so a portrait shot (the mobile
   composer is 553x1200) cannot blow a row out and leave a hole in the grid. */
.imclab-gallery { list-style: none; margin: 24px 0 0; padding: 0; display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; }
.imclab-gallery li { margin: 0; }
.imclab-gallery a { display: block; overflow: hidden; background: #111; border-radius: 2px; }
.imclab-gallery img { width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover;
  display: block; transition: transform .35s ease, opacity .35s ease; }
.imclab-gallery a:hover img { transform: scale(1.04); opacity: .9; }

/* Inline link rows under portfolio copy */
.portfolio-links { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center;
  margin-top: 18px; }
.portfolio-links a { white-space: nowrap; }

/* The theme's global h1 is 250px -- that is the front page's section-header
   statement, not an item title. Scale inner-page titles to something readable
   while keeping the same condensed display face. Fluid, so it holds on phones. */
body:not(.home) .entry-title,
body:not(.home) h1.entry-title,
body:not(.home) .archive-title { font-size: clamp(38px, 6.2vw, 96px); }
body:not(.home) .portfolio-categories { opacity: .75; margin-bottom: 18px; }

/* Widget headings inherited the theme's oversized display h1/h2/h3 sizes and
   overlapped each other in the sidebar. */
.sidebar .widget-title,
.sidebar .wp-block-group h2,
.sidebar h2, .sidebar h3 { font-size: 22px; line-height: 1.25; margin: 0 0 10px; }
.sidebar .widget { margin-bottom: 30px; }
.sidebar p { line-height: 1.5; }
.sidebar .wp-block-search__label { font-size: 16px; }

/* Sidebar search: the block search form's button escaped the column. */
.sidebar .wp-block-search__inside-wrapper { display: flex; max-width: 100%; }
.sidebar .wp-block-search__input { flex: 1 1 auto; min-width: 0; }
.sidebar .wp-block-search__button { flex: 0 0 auto; margin-left: 6px; }

/* Footer social row */
.socialFooter { text-align: center; padding: 18px 0 4px; clear: both; }
.socialFooter a { display: inline-block; margin: 0 10px; vertical-align: middle; }
.socialFooter img.insta-logo, .socialFooter img.med-logo { max-height: 26px; width: auto; }

/* Responsive video embeds (16:9) */
.video-embed { position: relative; width: 100%; padding-top: 56.25%; margin: 24px 0; background: #000; }
.video-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Accessibility: visible focus + skip link */
a:focus-visible, button:focus-visible, input:focus-visible,
textarea:focus-visible, select:focus-visible {
  outline: 3px solid #4bb5e2; outline-offset: 2px;
}
.skip-link { position: absolute; left: -9999px; top: 0; z-index: 100000; }
.skip-link:focus {
  left: 8px; top: 8px; width: auto; height: auto; padding: 10px 16px;
  background: #4bb5e2; color: #fff; text-decoration: none; border-radius: 3px;
}
.screen-reader-text {
  border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden;
  padding: 0; position: absolute; width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus { clip-path: none; height: auto; width: auto; }

/* Portfolio body links */
.portfolio-links a { color: #4bb5e2; }
.entry-content ul { margin: 0 0 18px 20px; }
.entry-content li { margin-bottom: 6px; line-height: 1.5; }
.entry-content h3 { margin-top: 24px; }

/* Single-project footer: the CTA button was overlapping the last gallery row,
   and prev / all / next ran together as one string. */
.portfolio-single .button,
.portfolio-single a.button {
  display: inline-block; clear: both; margin: 26px 0 0;
  padding: 10px 20px; background: #4bb5e2; color: #fff;
  text-decoration: none; border-radius: 3px; font-size: 15px;
}
.portfolio-single a.button:hover { background: #3a9bc4; }

.portfolio-nav {
  clear: both; display: flex; flex-wrap: wrap; gap: 10px 26px;
  align-items: center; margin: 34px 0 10px;
  padding-top: 18px; border-top: 1px solid rgba(255,255,255,.14);
}
.portfolio-nav a { color: #4bb5e2; text-decoration: none; }
.portfolio-nav a:hover { text-decoration: underline; }

/* Give the single-project column room to breathe on wide screens */
.portfolio-single .entry-content { max-width: 780px; }
.portfolio-single .entry-content p { line-height: 1.6; }

/* Section headings were <h1> five times over on the one-page front page.
   They are <h2 class="sectionHeading"> now; keep the display size they had. */
h2.sectionHeading { font-size: 250px; line-height: .9; margin: 0 0 6px; font-weight: inherit; }
@media only screen and (min-width: 768px) and (max-width: 959px) { h2.sectionHeading { font-size: 200px; } }
@media only screen and (max-width: 767px) { h2.sectionHeading { font-size: 78px; } }

/* Responsive media. The theme had no global rule, so a portfolio-full image
   (1200px) overflowed a 390px phone viewport and forced sideways scrolling. */
img, video, iframe, embed, object { max-width: 100%; }
img { height: auto; }
.portfolio-image img, .entry-content img, .imclab-gallery img { max-width: 100%; height: auto; }
.entry-content pre, .entry-content table { max-width: 100%; overflow-x: auto; display: block; }

/* The sidebar search widget.
   The theme styles it for the pre-block markup: the submit button is absolutely
   positioned and carries margin-right:-37px to sit outside the old field. The
   core search block nests input and button in one wrapper, so that negative
   margin threw the button 37px past the sidebar and made every page with a
   sidebar scroll sideways on a phone (390px viewport, 394px document). */
.widget_search .wp-block-search__inside-wrapper { position: relative; max-width: 100%; }
.widget_search .wp-block-search__input { width: 100%; min-width: 0; padding-right: 40px; }
/* !important is required here, not preferred: the theme's own button rule
   declares margin:0 -37px 10px 0 !important, which nothing else can outrank. */
.widget_search .wp-block-search__button { margin: 0 !important; right: 4px; top: 4px; }
.sidebar, .sidebar .widget { max-width: 100%; }
.sidebar img { height: auto; }

/* Several external links per project (paper, studio, repo) rather than one. */
.portfolio-links { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.portfolio-links .button { margin: 0 0 10px 0; }

/* Who is behind the studio. Kept quiet: a credential list that shouts reads as
   a CV pasted into a portfolio. */
.founderBlock { margin-top: 10px; }
.founderBlock .sectionTitle { margin-bottom: 8px; }
.founderRole { opacity: 0.75; font-weight: normal; }
.founderBio { max-width: 74ch; margin-bottom: 10px; }   /* same measure as the notes below it; 62ch read as a misalignment, not a choice */
.founderNotes { list-style: none; margin: 0; padding: 0; max-width: 74ch; }
.founderNotes li { padding: 3px 0 3px 16px; position: relative; }
.founderNotes li:before { content: "—"; position: absolute; left: 0; opacity: 0.55; }
.founderDisciplines { opacity: 0.8; margin: 0 0 10px 0; letter-spacing: 0.02em; }
.founderRoles { list-style: none; margin: 0 0 14px 0; padding: 0; }
.founderRoles li { padding: 2px 0; opacity: 0.85; }
.founderPress { max-width: 74ch; margin: 14px 0 10px 0; opacity: 0.75; font-style: italic; }
.founderLinks { margin: 0; }
.founderLinks a { display: inline-block; margin: 0 14px 6px 0; text-decoration: underline; }

/* Portals product page (page-portals.php) */
.portalsPage { padding-top: 30px; }
.portalsHero { margin: 0 0 24px 0; }
.portalsHero img { display: block; width: 100%; height: auto; }
.portalsHero figcaption { margin-top: 8px; opacity: 0.7; font-size: 13px; }
.portalsTitle { margin-bottom: 6px; }
.portalsTagline { max-width: 74ch; font-size: 17px; line-height: 1.5; margin: 0 0 22px 0; }
.portalsCta { margin: 0 0 26px 0; }
.portalsBetaButton {
  display: inline-block; padding: 13px 26px; margin-right: 14px;
  background: #2793e6; color: #fff !important; text-decoration: none !important;
  border-radius: 3px; font-weight: 600; letter-spacing: 0.02em;
}
.portalsBetaButton:hover { background: #1b7ac2; }
.portalsCtaNote { opacity: 0.7; font-size: 13px; display: inline-block; padding-top: 6px; }
.portalsClaims { list-style: none; margin: 0 0 28px 0; padding: 0; max-width: 74ch; }
.portalsClaims li { padding: 4px 0 4px 16px; position: relative; }
.portalsClaims li:before { content: "—"; position: absolute; left: 0; opacity: 0.55; }
.portalsBody { max-width: 74ch; margin-bottom: 28px; }
/* Uniform tiles. The source images are a mix of portrait phone captures and
   landscape stills; letting each set its own height left ragged rows and
   captions orphaned a screen below the image they belonged to. */
.portalsGallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; margin: 0 0 28px 0; align-items: start; }
.portalsGallery figure { margin: 0; }
.portalsGallery a { display: block; }
.portalsGallery img { display: block; width: 100%; height: 210px; object-fit: cover; object-position: center; background: #000; }
.portalsGallery figcaption { margin-top: 6px; opacity: 0.7; font-size: 13px; line-height: 1.35; }
.portalsLinks { margin: 0 0 18px 0; }
.portalsLinks a { display: inline-block; margin: 0 16px 6px 0; text-decoration: underline; }
.portalsCredit { max-width: 74ch; opacity: 0.75; font-size: 14px; }
@media (max-width: 767px) {
  .portalsBetaButton { display: block; margin: 0 0 10px 0; text-align: center; }
  .portalsCtaNote { display: block; padding-top: 0; }
  .portalsGallery { grid-template-columns: 1fr; }
  .portalsGallery img { height: 230px; }
}

/* Artists archive: a gallery, not a list. One page, bigger images, no dates. */
.artistGrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 30px 26px; align-items: start; margin-top: 18px; }
.artistGrid article { margin: 0; }
.artistGrid .archiveThumb { display: block; }
.artistGrid .archiveThumb img { display: block; width: 100%; height: auto; }
.artistGrid h2 { margin: 10px 0 4px 0; font-size: 20px; line-height: 1.25; }
.artistGrid h2 a { text-decoration: none; }
.artistGrid .entry-summary { font-size: 14px; line-height: 1.45; opacity: 0.8; }
.artistGrid .entry-summary p { margin: 0; }
@media (max-width: 767px) {
  .artistGrid { grid-template-columns: 1fr; gap: 26px; }
}

/* An open beta gets a real call to action on its portfolio page. */
.portfolioCta { margin: 22px 0 26px 0; }
.portfolioBetaButton { display: inline-block; padding: 13px 26px; margin-right: 14px; background: #2793e6; color: #fff !important; text-decoration: none !important; border-radius: 3px; font-weight: 600; letter-spacing: 0.02em; }
.portfolioBetaButton:hover { background: #1b7ac2; }
.portfolioCtaNote { opacity: 0.7; font-size: 13px; display: inline-block; padding-top: 6px; }
@media (max-width: 767px) { .portfolioBetaButton { display: block; margin: 0 0 10px 0; text-align: center; } .portfolioCtaNote { display: block; padding-top: 0; } }

/* What the lab has done, and for whom (replaced the founder bio on the homepage). */
.studioBlock { margin-top: 10px; }
.studioBlock .sectionTitle { margin-bottom: 10px; }
.studioIntro { max-width: 74ch; margin: 0 0 14px 0; }
.studioAchievements { list-style: none; margin: 0 0 16px 0; padding: 0; max-width: 78ch; }
.studioAchievements li { padding: 4px 0 4px 16px; position: relative; }
.studioAchievements li:before { content: "—"; position: absolute; left: 0; opacity: 0.55; }
.studioClients { max-width: 78ch; opacity: 0.8; font-size: 14px; line-height: 1.5; }
.studioClientsLabel { display: block; opacity: 0.7; letter-spacing: 0.06em; text-transform: uppercase; font-size: 11px; margin-bottom: 4px; }

/* Respect a stated preference for less motion.
   This site has five fixed-attachment parallax bands, a flexslider carousel and
   animated reveals. For a visitor with a vestibular disorder that is not
   decoration, it is a symptom trigger — and the OS-level setting they already
   turned on is the request. WCAG 2.1 SC 2.3.3. Measured absent 2026-09-11. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
  .parallax, #parallax-1, #parallax-2, #parallax-3, #parallax-4, #parallax-5 {
    background-attachment: scroll !important;
  }
}
.artistGroupTitle { margin: 34px 0 6px 0; font-size: 26px; letter-spacing: 0.01em; }
.artistGrid h3 { margin: 10px 0 4px 0; font-size: 20px; line-height: 1.25; }
.artistGrid h3 a { text-decoration: none; }

/* Press + media coverage. One row per citation: outlet, date, headline. */
.pressPage { padding-top: 24px; }
.pressIntro { max-width: 76ch; margin: 0 0 26px 0; opacity: 0.85; }
.pressSectionTitle { margin: 30px 0 10px 0; font-size: 24px; letter-spacing: 0.01em; }
.pressList { list-style: none; margin: 0 0 10px 0; padding: 0; max-width: 90ch; }
.pressList li { padding: 12px 0; border-top: 1px solid rgba(255,255,255,0.12); }
.pressList li:last-child { border-bottom: 1px solid rgba(255,255,255,0.12); }
.pressOutlet { display: inline-block; font-weight: 700; margin-right: 10px; }
.pressDate { display: inline-block; opacity: 0.6; font-size: 13px; margin-right: 10px; }
.pressTitle { display: block; margin-top: 2px; font-size: 17px; line-height: 1.35; }
.pressNote { display: block; margin-top: 3px; opacity: 0.6; font-size: 13px; font-style: italic; }