body{padding:0;margin:0;background:#111111;text-align:center;}
body, td, textarea{font-family:'PT Serif', serif; font-size:15px;color:#6F5F59;}

a{transition:color 300ms;}
a, a:hover, a:visited, a:link{color:#AB8A7D;text-decoration:none;}
a:hover{text-decoration:underline;color:#F1C3B6;}

#page{width:980px;margin:0;text-align:left;background:#FBF7F5;transition:margin 500ms;}
.cwidth{padding:0 15px;}
.wcwidth{}
.nwidth{width:70%;margin:0 auto;}
.clear{clear:both;}

#mmenu{
	position:fixed;
	top:0;right:-25%;
	width:25%;
	text-align:left;
	transition:right 500ms;
}
#sidescaler{width:25px;}

#mmenu_{
	color:#ffffff;	
}

#mlogo{display:block;width:70%;margin:20px auto 40px auto;}

.mmenuitem{display:block;border-bottom:solid 1px #666666;text-align:center;padding-bottom:10px;margin-bottom:10px;transition:color 320ms;margin-left:10px;margin-right:10px;}
.mmenuitem, .mmenuitem:hover, .mmenuitem:visited, .mmenuitem:link{text-decoration:none;color:#999999;}
.mmenuitem:hover{color:#ffffff;}

.subpage_header{font-weight:normal;text-align:center;padding-top:80px;margin-bottom:20px;text-align:center;text-transform:uppercase;}

@keyframes wiggle{
	0%{
		transform:rotate(0);	
	}	
	
	50%{
		transform:rotate(10deg);	
	}	
}

@keyframes bump{
	0% {
		margin-top:0;padding-bottom:0;filter:blur(1px);
	}
	
	25% {
		margin-top:-10px;padding-bottom:10px;
	}
	
	75% {
		margin-top:0px;padding-bottom:0px;padding-top:5px;margin-bottom:-5px;	
	}
	
}

@keyframes bubble {
  0% {
    clip-path: polygon(0% 0%,  100% 0%, 100% 100%, 80% 100%, 0% 100%, 0% 0%);
  }
  
  50% {
   clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 90% 90%, 0% 100%, 0% 0%);
  }
 
  100% {
   clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 80% 80%, 0% 100%, 0% 0%);
  }
}

@keyframes nobubble{
	0% {
	    clip-path: polygon(0% 0%, 50% 20%, 100% 0%, 100% 100%, 80% 100%, 0% 100%, 0% 0%);
	}
	100% {
	    clip-path: polygon(0% 0%, 50% 0%, 100% 0%, 100% 100%, 80% 100%, 0% 100%, 0% 0%);
	}	
	
}

#clipper {
	/*
  animation:bubble 1s linear; 
  animation-direction: alternate;
  animation-iteration-count: infinite;
  	*/
}

.pageheadercol_left, .pageheadercol_right{width:50%;float:left;box-sizing:border-box;}

.pageheadercol_left .pageheader{background:#AB8A7D;color:#ffffff;padding:20px;font-size:20px;text-align:center;}
.pageheadercol_right .pageheader{background:#F1C3B6;color:#ffffff;padding:20px;font-size:20px;text-align:center;}

.service_dstudio, .service_dcp{cursor:pointer;transition:all 800ms;animation:wiggle 2s linear;animation-iteration-count:infinite;}
.service_dstudio{position:absolute;top:42%;left:18%;width:18%;}
.service_dcp{position:absolute;top:28%;left:63%;width:18%;}
	
.service_dstudio:hover, .service_dcp:hover{width:22%;transition:all 500ms;}
	
#service_rollo_eyes{position:absolute;top:45.5%;left:30%;width:20%;transition:all 250ms linear 50ms;}
#service_rollo_eyes.lover{position:absolute;top:46.5%;left:28.5%;width:20%;transition:all 50ms linear 50ms;}
#service_rollo_eyes.rover{position:absolute;top:45%;left:31.8%;width:20%;transition:all 250ms linear 50ms;}


.product_dstudio, .product_dcp, .hbutton_services, .hbutton_projects, .hbutton_products{cursor:pointer;transition:all 800ms;animation:wiggle 2s linear;animation-iteration-count:infinite;}

.product_dstudio{position:absolute;top:48%;left:27%;width:13%;}
.product_dcp{position:absolute;top:49%;left:57%;width:13%;}

.hbutton_services{position:absolute;top:48%;left:27%;width:13%;}
.hbutton_projects{position:absolute;top:-10%;left:58%;width:12%;}
.hbutton_products{position:absolute;top:49%;left:58%;width:12%;}

#product_rollo_eyes{position:absolute;top:24%;left:30%;width:20%;transition:all 300ms linear 200ms;}
#product_rollo_eyes.lover{position:absolute;top:22.5%;left:29%;width:20%;transition:all 300ms linear 100ms;}
#product_rollo_eyes.rover{position:absolute;top:22.5%;left:31%;width:20%;transition:all 300ms linear 100ms;}

.product_dstudio:hover{width:12%;top:-10%;left:20%;padding-right:8%;padding-bottom:18%;animation-play-state:paused;}
.product_dcp:hover{width:12%;top:-10%;left:58%;padding-left:10%;padding-bottom:18%;animation-play-state:paused;}

.hbutton_services:hover{width:12%;top:-10%;left:20%;padding-right:8%;padding-bottom:18%;animation-play-state:paused;}
.hbutton_projects:hover{width:12%;top:-10%;left:58%;padding-left:10%;padding-bottom:18%;animation-play-state:paused;}
.hbutton_products:hover{width:12%;top:-10%;left:58%;padding-left:10%;padding-bottom:18%;animation-play-state:paused;}

#product_dstudio_text{color:#ffffff;position:absolute;top:80%;opacity:0;left:10%;width:28%;text-align:left;font-size:22px;transition:all 600ms linear 100ms;}
#product_dcp_text{color:#ffffff;position:absolute;top:80%;opacity:0;left:63%;width:28%;text-align:left;font-size:22px;transition:all 600ms linear 100ms;}

#product_dstudio_text b, #product_dcp_text b{color:#6F5F59;font-weight:normal;}

#product_dstudio_text.over{opacity:1;top:38%;transition:all 200ms linear 0;}
#product_dcp_text.over{opacity:1;top:38%;transition:all 200ms linear 0;}



.hbubble img{transform:scale(1);transition:transform 300ms;}
.hbubble.brand img{transform:scale(1);transform 300ms;}
.hbubble:hover img{transform:scale(1.2) translate(-10px,0);}
.hbubble.brand:hover img{transform:scale(1.2) translate(-5px,0);}

.socialicons img{width:32px;margin-top:5px;cursor:pointer;filter:brightness(-50%);}
.socialicons img:hover{filter:brightness(100%);}

.vframe_{position:relative;width:50% !important;margin:0 auto;height:0;padding-bottom:28% !important;}
.vframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.trailercover{position:absolute;top:0;left:0;width:100%;height:100%;display:block;transition:opacity 500ms;cursor:pointer;}
.trailercover img{width:100%;display:block;}
img.trailerbutton{cursor:pointer;position:absolute;top:40%;left:43%;width:15%;opacity:0.75;transition:opacity 600ms;}
.trailercover:hover img.trailerbutton{opacity:0.85;}
.trailercover:hover img.trailerbutton:hover{opacity:1;}

.formlabel{color:#666666;margin-bottom:5px;}
.inp{display:block;width:98%;padding:5px 10px;border:solid 1px #444444;box-sizing:border-box;margin-bottom:20px;height:30px;line-height:30px;}

.button{display:inline-block;border:solid 1px #AB8A7D;border-radius:5px;padding:6px 15px;cursor:pointer;font-size:18px;background:#F1C3B6;color:#ffffff;transition:background 200ms,color 200ms;text-align:center;}
  .button.big{width:60%;max-width:500px;padding:20px 0;}

.button, .button:visited, .button:link, .button:hover{text-decoration:none;color:#ffffff;}
    
.button:hover{background:#E8DFD3;color:#AB8A7D;}



.introcol{
	width:48%;margin-right:2%;float:left;
	font-size:18px;line-height:1.5em;	
}

#projectform{text-align:left;width:25%;margin:0 auto;}


.labeltiles{overflow:hidden;}

.labeltile{
	width:33.33%;float:left;aspect-ratio:3;
	background:#F1C3B6;
	display:flex;align-items:center;justify-content:center;	
	font-size:30px; color:#ffffff;
	 
	/*animation-direction: alternate;*/
	
}

.labeltile.b{background:#AB8A7D;}

.labeltile:hover{
	/*
	margin-top:-30px;padding-bottom:30px;
	*/
	animation:bump 800ms linear;
	animation-iteration-count: once;
}

#rollo_single{width:220px;}

.cptile{background:#AB8A7D;position:relative;aspect-ratio:1.8;width:33.33%;float:left;display:block;}
.cptile.b{background:#CAA77B;}

.cptitle{width:34%;margin-left:30%;margin-top:10%;transition:all 300ms;}

.cptile:hover .cptitle{margin-top:5%;width:25%;margin-left:35%;transform:rotate(15deg);}

.cptile .backimg{opacity:0;transition:all 100ms linear 0;}
.cptile:hover .backimg{opacity:1;transition:all 400ms linear 100ms;}

.cptile:hover .backimg.step2{opacity:1;transition:all 400ms linear 300ms;}

.servicetilesx{
	width:80%;margin:20px auto;	
	perspective: 1000px;
}

.servicetile{
	aspect-ratio:960/476;
	float:left;
	width:50%;
}

.serviceintrotext{padding:15px 60px;font-size:26px;color:#6F5F59;line-height:1.5em;display:flex;align-items:center;height:100%;}

.servicetile img{display:block;transition:margin 250ms;}

.servicetile_{
	background:#f0f0f0;		
	position:relative;
	width:100%;height:100%;
	overflow:hidden;
	transition:transform 0.5s;
	transform-style: preserve-3d;	
}

.servicetile:hover .servicetile_{
	/*transform:rotateY(180deg);*/
}

.servicetile:hover .servicetile_.noflip{
	transform:none;
}

.servicetile_front, .servicetile_back{
	position:absolute;
	width:100%;height:100%;
}

.servicetile .servicetile_back img{opacity:0;transition:opacity 200ms;}

.servicetile:hover .servicetile_front img{
	margin-top:-15%;
}

.servicetile:hover .servicetile_back img{
	opacity:1;
	transition:opacity 500ms;
	transition-delay:100ms;
}

.servicetile:hover .servicetile_back.fade2 img{transition-delay:400ms;}
.servicetile:hover .servicetile_back.fade3 img{transition-delay:600ms;}
.servicetile:hover .servicetile_back.fade4 img{transition-delay:800ms;}

.srvbutton{cursor:pointer;position:absolute;top:0;left:0;transition:all 500ms;transition-delay:500ms;opacity:0;}

.servicetile:hover .srvbutton{opacity:1;transition:opacity 400ms linear 200ms,transform 300ms;}


.servicetile:hover .srvbutton.fade2{transition:opacity 400ms linear 600ms,transform 300ms;}
.servicetile:hover .srvbutton.fade3{transition:opacity 400ms linear 900ms,transform 300ms;}
.servicetile:hover .srvbutton.fade4{transition:opacity 400ms linear 1200ms,transform 300ms;}

.servicetile.rollo{background:transparent;position:relative;}

#service_text_ds, #service_text_dp{font-size:18px;color:#85726B;line-height:1.4em;transition:all 500ms;filter:blur(1px);}
#service_text_ds{position:absolute;top:5%;left:8%;width:35%;text-align:left;}
#service_text_dp{position:absolute;top:70%;left:63%;width:28%;text-align:right;}
#service_text_info{text-align:center;}

#service_text_ds.over, #service_text_dp.over{color:#6F5F59;filter:blur(0px);}

/*
#service_text_info a,#service_text_info a:hover,#service_text_info a:link,#service_text_info a:visited,#service_text_info a:hover{text-decoration:none;color:#F1C3B6;}
#service_text_info a:hover{text-decoration:underline;color:#AB8A7D;}
*/

.srvbutton:hover{transform:scale(1.2) rotate(10deg);}
/*
.srvbutton.fade2{transition-delay:0;}
.srvbutton.fade3{transition-delay:0;}
.srvbutton.fade4{transition-delay:0;}
*/

.servicetile.b .servicetile_{background:#fcf0f0;}
.servicetile.c .servicetile_{background:#F1C3B6;}
.servicetile.d .servicetile_{background:#AB8A7D;}

.servicetile_frame{border:solid 1px #ffffff;width:96%;height:92%;position:absolute;top:4%;left:2%;}

#blogtitle{text-align:center;font-size:24px;margin-bottom:8px;line-height:1.5em;}
#blogdate{text-align:center;font-size:17px;margin-bottom:15px;}

#blogbox > .narrow {width:60%;line-height:1.5em;margin:0 auto;font-size:19px;}

.narrow{font-size:17px;line-height:1.5em;}

#blogbox img.full,#aboutbox img.full{width:100%;display:block;}

#blogbox,#aboutbox{display:table-cell;}
#blogbox{width:64%;margin-right:2%;box-sizing:border-box;padding-right:4%;border-right:solid 2px #B1D9D9;}
#aboutbox{width:34%;}
#aboutbox_{margin-left:20px;}

#blogbox .col2l, #blogbox .col2_l, #blogbox .col2r,#blogbox .col2_r, #blogbox .col2{float:left;}
#blogbox .col2_l{width:29.7%;}
#blogbox .col2r{width:70.3%;}

#blogbox .col2l{width:70.3%;}
#blogbox .col2_r{width:29.7%;}

#blogbox .col2{width:50%;}

#blogbox .col2.left .narrow, #blogbox .col2l .narrow{padding-right:15px;}
#blogbox .col2.right .narrow, #blogbox .col2r .narrow{padding-left:15px;padding-right:20%;}

.albumpreview{padding:0 20px;}
.albumpreviewpic{display:block;width:31%;margin-right:2%;float:left;margin-bottom:10px;cursor:pointer;border-radius:5px;transition:transform 250ms;}
.albumpreviewpic:hover{transform:scale(1.07);}

#blogboxpager{width:50%;margin:0 auto;padding-top:20px;margin-top:10px;border-top:solid 1px #999999;}
#blogboxprev{float:left;}
#blogboxnext{float:right;}
#blogboxprev a, #blogboxnext a{cursor:pointer;}
#blogboxprev img, #blogboxnext img {cursor:pointer;width:25px;aspect-ratio:51/40;vertical-align:middle;}


#header_{
	padding:0;
	padding-top:30px;
	filter:invert(1);
	border-bottom:solid 1px #000000;
	background:#ffffff;
	/*
	border-bottom:solid 1px #999999;
	border-top:solid 8px #999999;
	box-shadow:0 2px 4px #999999;
	*/	
}

#header_ .cwidth{position:relative;}

.header{/*border:solid 1px red;*/}
#hoverheader_{position:fixed;width:100%;top:0px;padding-top:30px;left:0;transition:left 500ms,opacity 200ms;background:#ffffff;box-shadow:0 1px 8px #666666;opacity:0;z-index:1000;}

.logo img{border:none;height:32px;margin-top:10px;}
#logo1, #logo2, #logo1x, #logo2x{overflow:hidden;display:inline-block;transition:width 320ms;}


#logo1,#logo1x{width:60px;}
#logo2,#logo2x{width:190px;}


#posterclip{}
#posterclip .nwidth{width:40%;}
#posterimg{width:100%;aspect-ratio:359/479;}

.quickevents{width:60%;margin:0 auto;}
.qeventrow{padding:8px 0;border-bottom:solid 1px #dedede;}
.qeventyear,.qeventdate,.qeventtitle,.qeventtype{float:left;margin-right:1%;}
.qeventyear{width:9%;color:#999999;}
.qeventdate{width:14%;}
.qeventtitle{width:54%;}
.qeventtype{width:20%;margin-right:0;font-size:14px;color:#444444;}

.qeventtime{font-size:13px;}

#singleletter{width:26px;}

.mtrigger{position:absolute;top:14px;right:10px;cursor:pointer;}
.mtrigger img{border:none;height:22px;filter:invert(1);}

#hoverheader_ .mtrigger{top:44px;}

#slider_view{background:#999999;height:570px;margin-bottom:20px;position:relative;overflow:hidden;}
#slider_belt{width:300%;height:570px;background:#de99de;position:absolute;top:0;left:-100%;transition:left 400ms;}
#slider_belt.notrans{transition:none;}
#slider_left, #slider_main, #slider_right{position:absolute;height:570px;top:0;width:33.33%}
#slider_left{left:0;background:#848cf7;}
#slider_main{left:33.33%;background:#ffab00;}
#slider_right{left:66.66%;background:#abffcc;}
.slidercontent,.slidershell{height:100%;}
.sliderdot{background:rgba(255,255,255,0.6);float:left;margin-right:2%;box-sizing:content-box;max-width:80px;}
.sliderindot{height:6px;background:#f0f0f0;opacity:0.6;width:0%;}

.sliderbuttonbelt{position:absolute;width:100%;left:0;bottom:15%;text-align:center;}
.sliderbutton{display:inline-block;background:#aa8888;color:#ffffff;padding:8px 12px;
	border-radius:4px;border:solid 2px #ffffff;
	box-shadow:0 0 4px #444444;
	opacity:0.4;transition:background 500ms,opacity 400ms;
}
.sliderbutton, .sliderbutton:hover, .sliderbutton:visited, .sliderbutton:link{text-decoration:none;}
.sliderbutton:hover{background:#800000;}
.slidershell:hover .sliderbutton{opacity:1;}

.sectionheader{font-size:28px;padding:20px 0;text-align:center;}
.sectionheader.sbslabel{font-size:22px;color:#444444;padding-top:0;}
.sectiontext{margin-bottom:40px;}


#homesbs{background:#B1D9D9;padding:40px 0;margin-bottom:40px;}
.sbscol{float:left;width:40%;}
.sbscol.left{margin-left:10%;}
.sbscol.right{margin-right:10%;}

.sbsframe{width:70%;margin:0 auto;position:relative;text-align:center;}
.sbsframe img{width:100%;aspect-ratio:213/292;}

.sbsattrs{font-size:14px;}
.sbsattr{margin-bottom:5px;}
.sbsattr a{transition:color 240ms;border-bottom:dashed 1px;display:inline-block;}
.sbsattr a, .sbsattr a:visited, .sbsattr a:hover, .sbsattr a:link{color:#1B140D;text-decoration:none;}
.sbsattr a:hover{color:#6F5131;}

.sbsattr b{font-size:15px;padding-top:10px;display:block;}

.homebioimg{float:left;width:32%;margin-right:4%;}
.homebiotext{float:left;width:64%;line-height:1.4em;}
.homebioimg img{width:100%;display:block;aspect-ratio:3/4;}

#homestrip{margin-bottom:60px;padding-top:20px;}
#stripbelt{width:100%;white-space:nowrap;overflow:hidden;position:relative;margin-bottom:40px;}
#sbelt{position:absolute;top:0;left:0;width:100%;transition:left 500ms;}
/*
.scell{aspect-ratio:3/4;margin-right:1%;width:12%;cursor:pointer;transition:transform 250ms;}
.scell.hor{aspect-ratio:4/3;width:21.2%;}
*/

/*
.scell{aspect-ratio:9/16;margin-right:1%;width:9%;cursor:pointer;transition:transform 250ms;}
*/
.scell{aspect-ratio:3/4;margin-right:1%;width:12%;cursor:pointer;transition:transform 250ms;}
.scell.hor{aspect-ratio:16/9;width:28.5%;}
#sprev,#snext{position:absolute;height:26%;top:30%;aspect-ratio:1/1;cursor:pointer;}
#sprev{left:0;opacity:0.4;}
#snext{right:0;}

.scell:hover{transform:scale(1.07);}


#booklaunch{
	background:transparent url(images/bookstore.jpg?v=2) no-repeat 50% 50%;background-size:110%;background-attachment:fixed;

}

.gridmask{height:300px;background:rgba(0,0,0,0.3);background_:transparent url(images/grid.png) repeat;}

#booklaunchtext{
	padding-top:40px;
	text-align:center;color:#ffffff;
	font-size:60px;	
}

#pagetitle{text-align:center;padding-top:120px;margin-bottom:20px;font-size:36px;}
.pageintro{font-family:Georgia,serif;font-size:18px;line-height:1.5em;color:#444444;text-align:left;margin-bottom:80px;}

#caleview{width:60%;margin:0 auto;}

.eventyeartitle{font-family:Georgia,serif;font-size:32px;margin:10px 0;color:#666666;}
.eventyear{padding:20px 40px;margin-left:40px;border-left:dashed 1px #999999;}

.eventmontitle{font-family:Georgia,serif;font-size:24px;text-align:center;margin-bottom:10px;font-style:italic;}

.event_tbd{border:dotted 1px #C29B56;padding:30px;margin-bottom:20px;text-align:center;background:#F2E4E6;}
.event_sure{border:solid 1px #56C296;padding:20px;margin:0 40px;margin-bottom:20px;text-align:center;border-radius:10px;}

.eventrectitle{font-size:19px;line-height:1.5em;}
.eventrecdate{font-family:'Times New Roman',Georgia,serif;font-size:20px;padding-top:8px;font-weight:bold;}
.eventrectime{font-size:17px;}
.eventrecat{font-style:italic;color:#666666;padding:10px 0;}
.eventrecvenue{font-weight:bold;font-size:16px;}
.eventrecintro{padding:20px 0;width:80%;line-height:1.6em;margin:0 auto;color:#000066;}

.eventrecbutton{cursor:pointer;display:inline-block;padding:5px 8px;border-radius:5px;background:#EFE1C8;border:solid 2px #443220;transition:color 250ms,background 250ms}
.eventrecbutton, .eventrecbutton:hover, .eventrecbutton:visited, .eventrecbutton:link{text-decoration:none;color:#443220;}
.eventrecbutton:hover{background:#443220;color:#ffffff;}

.pastbar{text-align:center;}
.pastbar a{display:inline-block;background:#B9FEFF;padding:8px 12px;cursor:pointer;margin-top:20px;border-radius:50px;font-size:14px;}
.pastbar a, .pastbar a:hover, .pastbar a:visited, .pastbar a:link{text-decoration:none;color:#222222;}
.pastbar a:hover{background:#D5FFFF;}

#overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1100;}
#overlaycontent{position:absolute;top:0;left:5%;width:90%;height:100%;background:#ffffff;border-radius:10px 10px 0 0;overflow:hidden;}
#overlaycloser{background:#4CAB9E;position:absolute;top:0;left:0;width:100%;height:40px;color:#ffffff;}
#overlaytitle{padding:12px 20px;white-space:nowrap;overflow:hidden;}
#oclose{background:#DA583B;display:inline-block;position:absolute;top:10px;cursor:pointer;right:15px;padding:0 5px;border-radius:10px;font-size:17px;color:#ffffff;}

#gmap{width:100%;height:100%;background:#dedede;}

.vframe_{position:relative;width:60%;margin:0 auto;height:0;padding-bottom:33.75%;}
.vframe{position:absolute;top:0;left:0;width:100%;height:100%;}
#awards{width:60%;margin:40px auto; text-align:center; /*position:absolute;width:150px;top:80px;left:-170px;*/}
#awards img{display:inline-block;width:150px;/*width:100%;*/}
.badge_sff{aspect-ratio:284/214;}

.releaseinfo{padding:20px 0;font-size:18px;max-width:600px;margin-left:auto;margin-right:auto;}
.infoitem{float:left;width:48%;margin-right:2%;margin-bottom:15px;}
.infoitem.full{width:100%;}

.infoitem a, .infoitem a:visited, .infoitem a:link, .infoitem a:hover{color:#000000;}

.macellvideo{position:absolute;top:0;left:0;width:100%;height:100%;}
.macellimg{position:absolute;top:0;left:0;width:100%;display:block;}

#rbcol{width:20px;}
#rbcol2{width:40px;}
#reviewbarview{position:relative;}

#rbprev, #rbnext{position:absolute;top:40%;height:15%;cursor:pointer;}
#rbprev{left:0;}
#rbnext{right:0;}

#reviewbar{overflow:hidden;position:relative;margin-bottom:50px;}
.rbcell{margin-top:35px;cursor:pointer;display:block;width:19%;margin-right:1%;float:left;padding-bottom:18%;position:relative;transition:width 250ms,opacity 250ms,transform 120ms;border:solid 2px #999999;border-radius:5px;}
.rbcell.w2{width:37%;}
.rbcell_{display:block;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;padding:10px;padding-top:40px;line-height:1.4em;overflow:hidden;}
.rbcell:hover{transform:scale(1.02);}

.rbcellorg, .rbcellauthor{display:block;text-align:center;margin-bottom:5px;}
.rbcellorg{font-size:18px;}
.rbcellauthor{margin-bottom:10px;}

.rbcellbubble{display:block;position:absolute;top:-25px;left:0;width:100%;text-align:center;}
.rbcellbubble img{overflow:hidden;width:50px;height:50px;border-radius:100px;box-shadow:0 0 2px #000000;}

.rbcell .bclip{background:transparent url(images/bclip.png) repeat-x bottom left;height:32px;position:absolute;bottom:0;left:0;width:100%;}

#trainviewer{position:relative;width:50%;margin:0 auto;}
#trainprev{position:absolute;top:40%;height:12%;left:-60px;cursor:pointer;}
#trainnext{position:absolute;top:40%;height:12%;right:-60px;cursor:pointer;}
.videoview{margin:0 auto;background:#333333;}
.videoview.landscape{width:100%;}
.videoview.portrait{width:50%;}

.videodesc{text-align:center;padding-top:30px;font-size:18px;}

#footer_{background:url(images/bgtile.png) repeat;background-size:300px auto;}
#footer,#footer_{color:#f0f0f0;text-align:center;}
#footer{padding:40px 0;}

.footersocial{width:30px;height:30px;vertical-align:middle;border:none;}

.bbg{
	height:300px;background:#111111;	
	color:#ffffff;
	margin-bottom:40px;
}

.bbg-about{
	background:transparent url(images/bbg/about.jpg) no-repeat 0 0;background-size:cover;
	transition:background-position 5ms;
}

.bbgtitle{font-size:48px;padding-top:80px;}
.bbgline{margin-bottom:20px;width:220px;}
.bbgline img{width:100%;}

.bbgsub{font-size:22px;line-height:1.5em;color:#dedede;}

#biocards_{background:url(images/bgtile.png) repeat;background-size:300px auto;padding:60px 0;}
#biocards{width:50%;margin: 0 auto;}

.biocard{float:left;aspect-ratio:1;width:47%;box-sizing:border-box;border:solid 1px #dedede;border-radius:10px;overflow:hidden;background:#ffffff;}
.biocard.left{margin-right:6%;}

.biocard_{}

.biotile{aspect-ratio:1;width:33.33%;float:left;background:#dedeff;}
.biotile.b{background:#dedede;}
.biotile.c{background:#deffde;}
.biotile.d{background:#ffdede;}

.biotile:hover{opacity:0.8;}

.bioback{width:100%;display:block;}
.biocover{width:100%;display:block;position:absolute;top:0;left:0;opacity:1;transition:opacity 500ms;}

/*
#biocard_tash{transform:rotate(-10deg) translate(-20%, -20%);}
#biocard_emiliano{transform:rotate(25deg) translate(20%, 5%);}
*/

.hovlink{cursor:pointer;color:#044960;transition:color 250ms;}
.hovlink:hover{color:#05769B;}

.biocard.inplace .biocover{opacity:0;}
#biocard_tash.inplace, #biocard_emiliano.inplace{transform:rotate(0deg) translate(0,0);}

#infocards{background:#f0f0f0;padding:10px;}

.infocard{margin-bottom:60px;}

.infopic{width:15%;aspect-ratio:1;margin-right:3%;border:solid 1px #dedede;border-radius:50%;float:left;overflow:hidden;}
.infopic img{width:100%;}
.infointro{width:80%;float:left;line-height:1.4em;}

.infocard.flip .infopic, .infocard.flip .infointro{float:right;}
.infocard.flip .infopic{margin-right:0;margin-left:3%;}

.subtile{width:50%;float:left;aspect-ratio:341/255;background:#8caa00;position:relative;overflow:hidden;}
.subtile img{width:100%;display:block;}
.subtile .subcover{font-family:'Arial Narrow',sans-serif;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 200ms;position:absolute;background:rgba(255,255,255,0.9);opacity:0;padding-top:20%;width:100%;height:100%;text-align:center;top:0;left:0;box-sizing:border-box;font-weight:bold;line-height:1.5em;}
.subtile:hover .subcover{opacity:1;padding-top:0;}

#guestblocks{padding-top:40px;margin:0 auto;margin-bottom:60px;width:80%;}
.guestblock{width:23%;aspect-ratio:1;margin-right:2%;background:#dedede;border-radius:10px;float:left;}

/* ----------------- */
@media screen and (min-width:20px){
	#page{width:100%;}
	.cwidth{padding:0 20px;margin:0 auto;/*max-width:1240px;*/}
	.wcwidth{margin:0 auto;max-width:1480px;}
}

@media screen and (max-width:1500px){
	#projectform{width:30%;}	
}

@media screen and (max-width:1240px){
	#page{margin-left:0;}
}

@media screen and (max-width:1200px){
	#projectform{width:40%;}	
}

/* ----------------- */
@media screen and (max-width:1460px){
	#rbcol{width:23px;}
	#rbcol2{width:30px;}
	.rbcell{width:22%;padding-bottom:25%;}
	.rbcell.w2{width:28%;}	
}

@media screen and (max-width:1420px){
	.nwidth{width:70%;}
	
	/*
	.scell{width:18%;}
	.scell.hor{width:31.8%;}
	*/
	/*
	.scell{width:11%;}
	*/
	.scell{width:14.6%;}	
	.scell.hor{width:34.6%;}
		
	#sprev,#snext{height:18%;top:34%;}
}

@media screen and (max-width:1380px){
	.pageheadercol_left.services{width:45%;}
	.pageheadercol_right.services{width:55%;}
	
	.servicetile.intro{width:45%;}
	.servicetile.rollo{width:55%;}
}

@media screen and (max-width:1300px){
	#blogbox .col2.right .narrow, #blogbox .col2r .narrow{padding-right:5%;}	
}


@media screen and (max-width:1260px){
	.pageheadercol_left.services{width:40%;}
	.pageheadercol_right.services{width:60%;}
	
	.servicetile.intro{width:40%;}
	.servicetile.rollo{width:60%;}
	
	.serviceintrotext{padding:35px 20px;font-size:23px;}
}


@media screen and (max-width:1200px){
	.nwidth{width:80%;}
	#caleview{width:70%;}
	
	#posterclip .nwidth{width:70%;}
	
	#blogbox{width:60%;}
	#aboutbox{width:40%;}
}


@media screen and (max-width:1190px){
	#rbcol{width:33px;}
	#rbcol2{width:52px;}
	.rbcell{width:32%;padding-bottom:33%;}
	.rbcell.w2{width:50%;}	
}


@media screen and (max-width:1160px){
	
	.pageheadercol_left.services, .pageheadercol_right.services{width:auto;float:none;}
	
	.pageheadercol_right.services{display:none;}
	.pageheadercol_right_m.services{display:block;}
	
	.servicetile.intro, .servicetile.rollo{width:auto;float:none;}
	.servicetile.intro{aspect-ratio:auto;}
	
	.serviceintrotext{padding:40px 20px;display:block;font-size:23px;width:60%;margin:0 auto;height:auto;}
}

@media screen and (max-width:1040px){
	.qeventyear{width:12%;}
	.qeventdate{width:14%;}
	.qeventtitle{width:61%;}
	.qeventtype{width:10%;}
	.qeventdate em{font-size:13px;}
	
	/*
	.scell{width:22%;}
	.scell.hor{width:39%;}
	*/
	
	/*
	.scell{width:13.7%;}
	*/
	.scell{width:18.2%;}
	.scell.hor{width:43%;}
	
	#sprev,#snext{height:22%;top:34%;}	
	
	#blogbox,#aboutbox{display:block;border:none;}
	#blogbox{margin:0 auto;margin-bottom:40px;width:80%;}
	#aboutbox{width:60%;margin:0 auto;}
}

@media screen and (max-width:1020px){
	.sbscol{float:none;}
	.sbscol.left,.sbscol.right{width:50%;margin:0 auto;margin-bottom:40px;}
	.eventrecintro{width:90%;}

	#trainviewer{width:60%;}
}

@media screen and (max-width:1014px){ /* 507/285 breakpoint */

	#slider_view{height:auto;width:100%;aspect-ratio:4/3;}
	.slidershell{height:auto;padding-top:10%;padding-bottom:10%;box-sizing:content-box;}
	
	#slider_left,#slider_main,#slider_right,#slider_belt{height:auto;}		

	.slidercontent{height:auto;width:100%;}
	
}


@media screen and (max-width:1000px){
	#mmenu{
		right:-35%;
		width:35%;
	}
	#sidescaler{width:35px;}
	
	.nwidth{width:80%;}
	
}

@media screen and (max-width:990px){
	#caleview{width:80%;}
	#booklaunch{background-size:150%;}
	
	.quickevents{width:80%;}
	
	#aboutbox{width:70%;}
	
	.albumpreviewpic{width:48%;margin-right:2%;}	
}


@media screen and (max-width:980px){
	#rbcol1{width:30px;}
	#rbcol2{width:32px;}
	.rbcell{width:29%;padding-bottom:30%;}
	.rbcell.w2{width:34%;}
	
	/*
	.rbcell.cb{padding-bottom:35%;margin-top:15%;}	
	*/
}

@media screen and (max-width:960px){
	#projectform{width:50%;}	
}

@media screen and (max-width:950px){
	.vframe_{width:80%;padding-bottom:45%;}
	
	#posterclip .nwidth{width:60%;}
	
	#stripbelt{overflow:auto;}
}



@media screen and (max-width:840px){
	.homebioimg,.homebiotext{float:none;margin:0 auto;margin-bottom:20px;}
	#caleview{width:90%;}
	.eventrecintro{text-align:left;}
	
	#posterclip .nwidth{width:80%;}
	
	/*
	.scell{width:26%;}
	.scell.hor{width:46%;}
	*/

	/*
	.scell{width:18%;}
	*/
	.scell{width:24%;}
	.scell.hor{width:57%;}
		
	#sprev,#snext{height:22%;top:34%;}
	
	#aboutbox{width:80%;}
	
	#trainviewer{width:80%;}
			
}

@media screen and (max-width:820px){
	#rbcol{width:40px;}
	#rbcol2{width:50px;}
	.rbcell{width:39%;padding-bottom:40%;}
	.rbcell.w2{width:48%;}
	
	/*
	.rbcell.cb{padding-bottom:35%;margin-top:15%;margin-left:10%;}	
	*/
}

@media screen and (max-width:780px){
	.sbscol.left,.sbscol.right{width:70%;}
	.homebioimg{width:30%;}
	.nwidth{width:90%;}
	#caleview{width:100%;}
	
	.quickevents{width:90%;}
	
	#blogbox .col2{float:none;width:80%;margin:0 auto;margin-bottom:20px;}
	#blogbox .col2 img{width:60%;border-radius:6px;margin:0 auto;}
	
	#blogbox .col2 img.albumpreviewpic{display:block;width:31%;margin-right:2%;margin-bottom:10px;}
	
	
}


@media screen and (max-width:760px){
	#rbcol{width:50px;}
	#rbcol2{width:90px;}
	.rbcell{width:50%;padding-bottom:50%;margin-left:25%;}
	.rbcell.w2{width:90%;margin-left:5%;}
	
	/*
	.rbcell.cb{padding-bottom:50%;margin-top:15%;margin-left:5%;}	
	*/
	
	#trainviewer{width:80%;}
	#trainprev{left:-30px;}
	#trainnext{right:-30px;}
}


@media screen and (max-width:680px){
	#mmenu{
		right:-45%;
		width:45%;
	}
	#sidescaler{width:45px;}
	#booklaunch{background-size:200%;}
	
	#aboutbox{width:90%;}
	
}

@media screen and (max-width:660px){
	#projectform{width:70%;}	
}

@media screen and (max-width:640px){
	.sbscol.left,.sbscol.right{width:80%;}
	.nwidth{width:95%;}
	.eventyear{margin-left:30px;padding-left:30px;padding-right:0;}
	
	.event_tbd{padding:20px 10px;}
	.event_sure{padding:20px 5px;margin-left:15px;margin-right:15px;}
	
	.quickevents{width:90%;}
	
	/*
	.scell{width:32%;}
	.scell.hor{width:57%;}
	*/
	
	/*
	.scell{width:24%;}
	*/
	
	.scell{width:31%;}
	.scell.hor{width:73.5%;}
	
	#sprev,#snext{height:22%;top:34%;}	
	
	#blogbox{width:auto;}
	#aboutbox{width:100%;}
	#aboutbox_{margin-left:auto;}
	.homebiotext{width:80%;}	
	
}

/*
@media screen and (max-width:620px){
	#rbcol{width:80px;}
	#rbcol2{width:90px;}
	.rbcell{width:80%;padding-bottom:70%;margin-left:10%;}
	.rbcell.w2{width:90%;}
	
	.rbcell.cb{padding-bottom:60%;margin-top:10%;margin-left:5%;}	
}
*/

@media screen and (max-width:540px){
	#booklaunchtext{font-size:52px;padding-top:60px;}
	.quickevents{width:100%;}
	
	#posterclip .nwidth{width:auto;}
	
	#blogboxpager{width:80%;}
}

@media screen and (max-width:530px){
	#rbcol{width:90px;}
	#rbcol2{width:100px;}
	.rbcell{width:90%;padding-bottom:90%;margin-left:5%;}
	.rbcell.w2{width:100%;margin-left:0;}
	
	/*
	.rbcell.cb{padding-bottom:65%;margin-top:15%;margin-left:0;}	
	*/
}

@media screen and (max-width:520px){
	#projectform{width:80%;}	
}

@media screen and (max-width:500px){
	.sbscol.left,.sbscol.right{width:90%;}
	.homebioimg{width:40%;}
	
	#blogbox .col2{float:none;width:90%;}
	#blogbox .col2 img{width:70%;}	
}

@media screen and (max-width:490px){
	.vframe_{width:100%;padding-bottom:56.25%;}
	
	#blogbox .col2_l{float:none;margin:0 auto;margin-bottom:20px;}
	#blogbox .col2_l img {border-radius:5px;}
	#blogbox .col2r{margin:0 auto;margin-bottom:30px;float:none;}
	#blogbox .col2r .narrow{padding:0;}
}

@media screen and (max-width:480px){
	.infoitem{width:100%;float:none;text-align:center;}
	
	.qeventyear{width:12%;margin-right:2%;}
	.qeventdate{width:24%;}
	.qeventtitle{clear:left;margin-left:14%;padding-top:5px;width:73%;margin-right:2%;}
}

/*
@media screen and (max-width:475px){
	.rbcell{padding-bottom:100%;margin-left:0;}
	
	.rbcell.cb{padding-bottom:85%;margin-top:15%;margin-left:0;}	
}
*/

@media screen and (max-width:460px){
	.logo img{height:36px;margin-top:14px;}
	
	#logo1,#logo1x{width:70px;}
	#logo2,#logo2x{width:152px;}
	
	.mtrigger{top:18px;}
	
	#singleletter{width:27px;}
	
	#mmenu{
		right:-60%;
		width:60%;
	}
	#sidescaler{width:60px;}
		
	.homebioimg{width:55%;}
	
	.eventyear{margin-left:10px;padding-left:15px;padding-right:0;}
	.event_sure{margin-left:0;margin-right:0;}
	
	#posterclip .cwidth{width:auto;margin:0;padding:0;}
	#posterclip .nwidth{width:auto;margin:0;}
	
	#blogbox .col2_l{width:50%;}
	#blogbox .col2r{width:auto;}
	
	#blogbox .col2 img.albumpreviewpic{width:48%;}
}

@media screen and (max-width:450px){
	#projectform{width:90%;}	
}

@media screen and (max-width:440px){
	#booklaunchtext{font-size:45px;padding-top:70px;}
	#booklaunch{background-size:260%;}
	
	/*
	#header_ .mtrigger{width:30px;overflow:hidden;}
	*/
	
	/*
	.scell{width:42%;}
	.scell.hor{width:74.5%;}
	*/
	
	/*
	.scell{width:29%;}
	*/
	
	.scell{width:37%;}
	.scell.hor{width:88%;}
	
	
	#sprev,#snext{height:22%;top:34%;}		
}



@media screen and (max-width:420px){
	.sbsframe{width:80%;}
	.sbscol.left,.sbscol.right{width:100%;}
	
	#blogbox .col2{float:none;width:100%;}
	#blogbox .col2 img{width:70%;}		
}

@media screen and (max-width:380px){
	#booklaunchtext{font-size:40px;padding-top:80px;}
	
	/*
	.scell{width:36%;}
	*/
	
	.scell{width:41%;}
	.scell.hor{width:97%;}
	
}

@media screen and (max-width:380px){
	.logo img{height:36px;margin-top:16px;}
	
	#logo1,#logo1x{width:68px;}
	#logo2,#logo2x{width:120px;}
	
	#singleletter{width:17px;}
	
	#mmenu{
		right:-70%;
		width:70%;
	}
	#sidescaler{width:70px;}
	
	.qeventtitle{width:86%;margin-right:0;}
	.qeventtype{clear:left;margin-left:14%;padding-top:5px;}	
	
	.homebiotext{width:100%;}
}