/* ##################### */
/* == GLOBAL DEFAULTS == */
/* ##################### */

body{margin:0 auto; margin-top:10px; text-align:center; background-color:#a8aad1; color:#fff; font:normal 16px arial, sans-serif;}
div{cursor:default;}


/* ###################################################### */
/*  == RESPONSIVE WEB DESIGN HEADER - Added 20-07-2015 == */
/* ###################################################### */

[class*="zoorow"]{
	/* no custom rules defined */
}
[class*="zooblock-"]{
	/* no custom rules defined */
}

#zoorow_header{padding:10px;}
.zoorow.max-width-1130{max-width:1130px;}
			
div.project-panel-title-perspective-wrapper{position:relative; perspective:600px;}

#koning_van_comments{backface-visibility:hidden;}
#koning_van_comments.OFFSTAGE-RIGHT{margin-left:100%;}	

.RTEY_105_ANTI{transform:rotateY(-105deg);}

img.project-panel-header{width:100%; height:auto; padding:0px 10px 5px 10px;}
object.project-panel-header{width:100%; height:auto; padding:0px 10px 5px 10px; visibility:hidden;}
object.project-panel-title{width:100%; height:auto; padding:0px 10px 5px 10px; display:none;}
object.project-panel-about{width:100%; height:auto; padding:0px 10px 5px 10px; display:none;}
object.project-panel-title.SHOW{display:block;}
object.project-panel-about.SHOW{display:block;}			

/* ########################## */
/* == ZOODUCK TITLE CANVAS == */			
/* ########################## */

/* ---------------------------------------------------------------------- */
/* NOTE: This is being hidden as it does not fit the current page layout  */
/* ---------------------------------------------------------------------- */

#zooduck_title_canvas{position:fixed; z-index:-1; z-index:9; left:950px; top:-15px; transform:rotateY(180deg); -webkit-transform:rotateY(180deg); /*display:none;*/}
#zooduck_title_canvas_pattern{position:fixed; z-index:1; left:100%; display:none;}

/* ################ */
/* == HOME PANEL == */
/* ################ */

.screen-border{position:fixed; left:0px; top:0px; background-color:#6e71ad; width:50px; height:100%;}
.screen-border.right{left:100%;}

.koning-van-comments-perspective-wrapper{position:fixed; z-index:9; left:100%; top:10px; width:520px; height:145px; perspective:600px; -webkit-perspective:600px;}
.koning-van-comments-perspective-wrapper.v2{left:410px;}
.koning-van-comments{position:relative; float:left; margin-left:0px; margin-top:0px; width:100%; padding:10px 0px; background-color:#fff; color:#555; text-align:left; font:normal 19px calibri, sans-serif; backface-visibility:hidden;}
.koning-van-comments div.zooduck-info-basic{padding:5px 10px; display:none;}
.koning-van-comments div.panel-title{margin-top:0px; font:bold 55px calibri, sans-serif; color:#999; text-align:center; display:none;}
.koning-van-comments div.panel-title div{font:normal 32px calibri, sans-serif;}
.koning-van-comments div.SHOW{display:block;}

.bar-top-wrapper{position:fixed; z-index:9; left:0px; top:0px; min-width:390px; padding:20px 20px 40px 50px; background-color:#3c327d;}
.bar-top-title{float:left; margin-left:10px; margin-top:0px; padding:0px 10px; font:bold 48px tahoma, sans-serif;}
.bar-top-title.sub{clear:left; margin-top:10px; margin-left:0px; font-weight:normal; font-size:22px;}
.bar-top-title.sub strong{background-color:#fff; padding:5px; color:#3c327d; font-size:32px;}

.bar-top-beniceoreatsomerice-massage{position:fixed; z-index:9; left:1300px; top:130px; width:400px; font:normal 32px calibri; color:#6e71ad;}

.project-opt-bar{float:left; clear:left; margin-top:0px; width:100%; padding:10px 0px 15px 0px; background-color:#08418c; font:normal 19px calibri, sans-serif; background-color:#6e71ad; cursor:default;}
.project-opt-bar .opt-wrapper{padding:0px 10px;}
.project-opt-bar div.opt{/*text-align:left;*/ padding:10px;}
.project-opt-bar div.opt:hover{/*text-decoration:underline;*/ background-color:#a8aad1; color:#222; color:#252838; font-weight:bold;}
.project-opt-bar div.opt.disabled{opacity:0.5; filter:alpha(opacity=50); text-decoration:line-through;}
.project-opt-bar div.opt.disabled:hover{background-color:#6e71ad; font-weight:normal; color:#fff;}

.project-opt-bar-dropdown-list{position:absolute; z-index:9; left:0px; top:0px; padding:0px 10px; background-color:#3c327d; display:none;}
.project-opt-bar-dropdown-list.SHOW{display:block;}
.project-opt-bar-dropdown-list div.opt{float:left; clear:left; width:100%; margin-left:-10px; padding:10px; font:normal 32px calibri, sans-serif;}
.project-opt-bar-dropdown-list div.opt:hover{background-color:#6e71ad;}

.home-panel-perspective-wrapper{position:relative; z-index:9; clear:left; margin-left:20px; /*margin-top:190px;*/ margin-top:10px; perspective:1080px; -webkit-perspective:1080px;}
.home-panel-perspective-wrapper.OVERFLOW-HIDDEN{overflow:hidden;}
.home-panel-perspective-wrapper.DROP{z-index:0;}
.home-panel{left:0px; top:0px; width:100%; min-height:100%; height:auto; background-color:#fff;}
.home-panel.FIXED{position:fixed; height:100%;}
.home-panel.DROP{top:100%;}

/* ################### */
/* == DEFAULT PANEL == */
/* ################### */

.panel{position:fixed; z-index:9; left:20px; top:100%; min-height:100%; min-width:320px; background-color:#fff; padding-right:20px; padding-bottom:50px;}
.panel{
	min-width:260px; /* 260 = 320 less 60 (left margin and scripted width). 320px = iPhone 4,5 */
}
.panel.SHOW{top:210px;}
.panel.ABSOLUTE{position:absolute;}
.panel.CLIP-X{overflow-x:hidden;}
.panel div.default-title{padding:20px; margin-top:20px; margin-left:auto; margin-right:auto; background-color:#fff; font:normal 32px calibri, sans-serif; color:#555;}
.panel div.subcat-statement{position:relative; margin-left:auto; margin-right:auto; margin-top:20px; width:90%; padding:10px 20px; font:normal 32px calibri, sans-serif; text-align:left; background-color:#fff; color:#555;}

.card{padding:10px;}
.card:hover h2{background:#abbfe3;}
.card:hover{background:#eee; /*outline:solid 3px #222; outline-offset:-3px;*/}
.card h2{background:burlywood; color:#fff; padding:5px;}

/* ################### */
/* == MUSIC PANEL == */
/* ################### */

/*
.panel.music{background-color:#ddd; padding-right:0px; min-width:auto;}
.panel.music div.mp3-links-wrapper{float:left; clear:left; width:100%; padding:20px; padding-right:30px;}
.panel.music div.mp3-link-wrapper{margin-top:25px; padding:20px; font:normal 32px calibri, sans-serif; background-color:#6457bc; color:#fff;}
.panel.music div.mp3-link-wrapper:hover{background-color:#333; box-shadow:10px 10px #6e71ad;}
*/

.panel.music{background-color:#252838; background-color:#3a4371; padding:30px;}			
.panel.music div.default-title{text-align:left;}
.panel.music div.default-title::after{clear:both; display:block; /*height:20px;*/ content:"";}

.panel.music div.link-wrapper{background-color:#6457bc; margin-top:20px; padding:15px 20px; width:100%;}
.panel.music div.link-wrapper:hover{background-color:#222;}
.panel.music div.link{font:normal 42px calibri, sans-serif; text-align:left; color:#fff;}
.panel.music div.HOVER{
	/*
	transform-origin:0 50%;
	transform:scale(0.8, 1.5);	
	font-weight:bold;
	font-size:52px;
	*/
}
.panel.music a{color:#fff; text-decoration:none;}
.panel.music a:visited{color:#fff;}

/* ################### */
/* == ABOUT PANEL == */
/* ################### */

.panel.about{background-color:#e7523a; background-color:#707bb7; background-color:#dadada; color:#333; background-color:#333; background-color:#5768c6; background-color:#252838; color:#dadada; padding:20px;}
.panel.about div{float:left; text-align:left; font:normal 32px calibri, sans-serif; padding:15px 20px;}
.panel.about div.skill-box{margin-left:0px; width:100%; background-color:coral; background-color:#8f9ed2; background-color:#fff; background-color:#555; background-color:#3f4a89;}
.panel.about div.skill-box div{clear:left; margin-top:20px;}
.panel.about div.skill-box .zoomail{clear:none; margin-top:0px; padding:0px;}
.panel.about div.skill-box div.line1{margin-top:0px;}
.panel.about div.skill-box div.border{background-color:#6e71ad; color:#252838;}
.panel.about a{margin-left:20px; color:#dadada;}
.panel.about div.footer-spacer{}

/* #################### */
/* == SOFTWARE PANEL == */
/* #################### */

.panel.software{background-color:#8f9ed2; padding-right:0px; min-width:auto;}
.panel.software div{font:normal 19px calibri, sans-serif; color:#333;}
.panel.software div.title, .panel.software div.title-desc{float:left; width:100%; margin-left:0px; margin-right:0px; font-size:32px; background-color:#707bb7; background-color:#3f4a89; color:#fff; padding:20px 20px 0px 20px; text-align:left; /*text-indent:20px;*/}
.panel.software div.title a{text-decoration:none; color:#fff;}
.panel.software div.title a:hover{text-decoration:underline;}
.panel.software div.title-desc{font-size:19px; padding:0px 20px 20px 20px;}
.panel.software div.content-wrapper{float:left; clear:left; margin-left:0px; width:100%; padding-bottom:40px;}
.panel.software div.content-wrapper cite{background-color:#8491c3; padding:2px; font-style:normal;}
.panel.software div.desc-wrapper{padding:20px; text-align:left;}
.panel.software div.img-wrapper{padding:20px; padding-right:40px;}
.panel.software img{box-shadow:20px 20px #707bb7;}


/* ############### */
/* == SVG PANEL == */
/* ############### */

.panel.svg{background-color:#39467e; padding:30px; text-align:left;}
.panel.svg .svg-title{margin-top:20px; font:normal 42px calibri, sans-serif; color:#fff; padding:10px;}
.panel.svg .svg-title small{background-color:#333; padding:2px 10px;}
.panel.svg .svg-wrapper{position:relative; height:165px;}
.panel.svg .svg-wrapper::after{display:block; content:""; clear:both;}
.panel.svg object{height:180px; width:auto; /*padding:10px; background-color:#222;*/}
.panel.svg .button{position:absolute; left:580px; top:10px; background-color:#dadada; color:#222; padding:10px; font:normal 32px tahoma, sans-serif; border-radius:10px; cursor:default; max-width:150px;}
.panel.svg .button.click{transform:scale(.9, .9);}
.panel.svg .notes{clear:both; margin-top:50px; max-width:1250px; background-color:#eee; color:#222; font:normal 19px calibri, sans-serif; padding:20px; box-shadow:5px 5px 25px;}
.panel.svg cite{font-style:normal; background-color:#ddd; padding:2px;}
.panel.svg li{padding-top:8px; list-style-type:square; color:#222;}
.panel.svg h1{background-color:#dadada; padding:10px;}

/* ###################### */
/* == ARTICLES PANEL == */
/* ###################### */

.panel.articles{background-color:#8f9ed2; background-color:#ddd; padding-right:0px;}


		
/* ###################### */
/* == JS LIBRARY PANEL == */
/* ###################### */

.panel.jslibrary{background-color:#8f9ed2; background-color:#ddd; padding-right:0px;}

/* ################### */
/* == ARTWORK PANEL == */
/* ################### */

.panel.artwork{background-color:#8f9ed2; background-color:#ddd; padding-right:0px;}

/* ################ */
/* == SOF2 PANEL == */
/* ################ */

.panel.sof2{background-color:#252838; background-color:#3a4371; padding-right:0px;}			
.panel.sof2 div.default-title{text-align:left; /*background-color:#3f4a89; color:#eee;*/}
/*.panel.sof2 div.default-title::after{clear:both; display:block; height:20px; content:"";}*/
.panel.sof2 div.spacer{clear:both; display:block; height:20px;}
.panel.sof2 div.content-wrapper{position:relative; width:100%; padding:20px; padding-top:0px;}

/*
.panel.sof2 div.link{margin-top:20px; font:normal 42px calibri, sans-serif; text-align:left; padding:15px 20px; color:#fff; background-color:#6666bf;}
.panel.sof2 div.link:hover{letter-spacing:-8px; font-size:60px; background-color:#222;}	
.panel.sof2 a{color:#fff; text-decoration:none;}
.panel.sof2 a:visited{color:#fff;}
*/

.panel.sof2{background-color:#3a4371; background-color:#ddd; padding:30px;}
.panel.sof2 div.link-wrapper{background-color:#6666bf; margin-top:20px; width:100%;}
.panel.sof2 div.link-wrapper:hover{background-color:#222;}
.panel.sof2 div.link{font:normal 42px calibri, sans-serif; text-align:left; padding:15px 20px; color:#fff;}
.panel.sof2 div.link:hover{
	transform-origin:0 50%;
	transform:scale(0.8, 1.5);	
	font-weight:bold;
	font-size:52px;
}
.panel.sof2 a{color:#fff; text-decoration:none;}
.panel.sof2 a:visited{color:#fff;}
.panel.sof2 img{max-width:none; width:100%;}

/* ########################## */
/* == ZOOPORT VIDEO PLAYER == */
/* ########################## */

.zooport-video-wrapper{position:fixed; z-index:999; left:100%; top:190px; width:100%; /*background-color:rgba(177, 40, 40, 1); background-color:rgba(0, 0, 0, 0.5);*/ text-align:center; visibility:hidden; cursor:default;}			
.zooport-video-wrapper.ABSOLUTE{position:absolute;}
.zooport-video-wrapper.VISIBLE{visibility:visible;}
.zooport-video-wrapper.FULLSCREEN{background-color:#000;}
.zooport-video-wrapper. video-perspective-wrapper{position:relative;}
.zooport-video-wrapper video{max-width:100%; height:auto; box-shadow:10px 10px 30px #000;}
.zooport-video-wrapper video.FULLSCREEN{width:100%;}
.rotatey-60{
	transform:rotateY(60deg);
	-moz-transformLrotateY(60deg);
	-webkit-transform:rotateY(60deg);
	-ms-transform:rotateY(60deg);
	-o-transform:rotateY(60deg);
	-khtml-transform:rotateY(60deg);			
}

.video-load-screen-wrapper{position:absolute; left:0px; top:0px; width:100%; text-align:center;}
.video-load-screen{margin-left:auto; margin-right:auto; background-color:#000; opacity:0.7; filter:alpha(opacity=70);}
.video-load-screen img{position:relative; top:45%; height:10%; width:auto; }

.video-controls-wrapper{position:absolute; top:395px; width:100%; height:40px; visibility:hidden;}						
.video-controls-wrapper div.video-controls{margin-left:auto; margin-right:auto; width:640px; height:100%; opacity:0.7; filter:alpha(opacity=70); background-color:#111;}			
.video-controls-wrapper img.video-button-left, .video-controls-wrapper object.video-button-left{float:left; height:40px; width:auto; padding:10px;}
.video-controls-wrapper img.video-button-right, .video-controls-wrapper object.video-button-right{float:right; height:40px; width:auto; padding:10px;}			
.video-controls-wrapper div.video-progress{float:left; margin-left:10px; margin-top:10px; height:20px; width:500px; background-color:#dadada;}
.video-controls-wrapper div.video-progress div.video-fill{float:left; width:0%; height:100%; background-color:#fff;}
.video-controls-wrapper div.video-time{float:right; font:bold 19px calibri, sans-serif; color:#fff; height:40px; padding:10px;}
.video-controls-wrapper div.video-time span{color:#888;}

.video-controls-wrapper-top{position:absolute; top:0px; left:0px; width:100%; height:45px; visibility:hidden;}
.video-controls-top{margin-left:auto; margin-right:auto; width:640px; height:100%; opacity:0.7; filter:alpha(opacity=70);}
.video-controls-top object{float:right; height:40px; width:auto; padding:10px; }
.video-controls-top img{float:left; height:42px; width:auto; padding:10px;}

.zooport-video-screen-mesh{position:fixed; z-index:9; left:0px; top:0px; width:100%; height:100%; background-image:url('../svg/pattern_mesh_square.svg'); background-color:#fff; opacity:0.35; filter:alpha(opacity=35);}		
#zooport_video_exit_button:hover{background-color:firebrick;}

/* ################# */
/* == MEDIA PANEL == */
/* ################# */

.panel.media{background-color:#8f9ed2; background-color:#ddd; padding-right:0px;}

/* ################### */
/* == ARCHIVE PANEL == */
/* ################### */




/*
.archive-opt-wrapper{float:left; width:100%; margin-top:20px; padding:20px 30px 30px 20px; background-color:#fff; box-shadow:20px 20px #cbcbcb;}
.archive-opt{float:left; clear:left; margin-top:10px; padding:10px; background-color:#fff; color:#444; font:normal 32px calibri, sans-serif; text-align:left; border:solid 3px #fff;}
.archive-opt a{text-decoration:none; color:#444;}
.archive-opt:hover{border:solid 3px #444; box-shadow:10px 10px #dadada;}

*/
/*
.panel.archive div.link{margin-top:20px; font:normal 42px calibri, sans-serif; text-align:left; padding:15px 20px; color:#fff; background-color:#bababa; background-color:coral;}
.panel.archive div.link:hover{letter-spacing:-8px; font-size:60px; background-color:#222;}	
.panel.archive a{color:#fff; text-decoration:none;}
.panel.archive a:visited{color:#fff;}
*/
.panel.archive div.default-title{background-color:#c6462a; color:#eee; text-align:left;}
.panel.archive{background-color:#8f9ed2; background-color:#ddd; background-color:#cc6945; padding:30px;}
.panel.archive div.link-wrapper{background-color:coral; margin-top:20px; width:100%;}
.panel.archive div.link-wrapper:hover{background-color:#222;}
.panel.archive div.link{font:normal 42px calibri, sans-serif; text-align:left; padding:15px 20px; color:#fff;}
.panel.archive div.link:hover{
	transform-origin:0 50%;
	transform:scale(0.8, 1.5);	
	font-weight:bold;
	font-size:52px;
}
.panel.archive a{color:#fff; text-decoration:none;}
.panel.archive a:visited{color:#fff;}


/* ####################### */
/* == PHOTOGRAPHY PANEL == */
/* ####################### */

.photography-panel{position:fixed; z-index:9; left:20px; top:100%; min-height:100%; background-color:#fff; padding-right:5px; padding-bottom:50px;}
.photography-panel.SHOW{top:210px;}
.photography-panel.ABSOLUTE{position:absolute;}
.photography-panel.CLIP-X{overflow-x:hidden;}

.photography-panel div.gal-link-perspective-wrapper{position:relative; float:left; margin-left:20px; margin-top:20px; perspective:444px; -webkit-perspective:444px; /*border:solid 1px red;*/}
.photography-panel div.gal-link{float:left; padding:10px 10px 20px 10px; background-color:#fff;}
.photography-panel div.gal-link img{height:250px; width:auto;}

/* ================= */
/* RWD VERSION START */
/* ================= */

.photography-panel div.gal-link-rwd{position:relative; padding:10px; background-color:#fff;}
.photography-panel div.gal-link-rwd div.gal-link-title-rwd{margin-top:-5px; padding:5px; background-color:#4f5aaa; background-color:#222; color:#fff; font:normal 26px calibri, sans-serif;}
.photography-panel div.gal-link-rwd div.gal-link-title-rwd small{font-size:18px;}
.photography-panel div.gal-link-rwd img{width:100%; /*box-shadow:10px 10px #dadada;*/}
.photography-panel div.gal-link-rwd img.IMG-PRESS-EFFECT{padding:1%; box-shadow:none;}
.photography-panel div.gal-link-rwd img.IMG-PRESS-EFFECT-B{width:98%; box-shadow:none;}

.photography-panel div.pattern-mesh{position:absolute; z-index:1; top:0px; left:0px; width:100%; height:100%; background-color:#fff; background-image:url('../svg/pattern_mesh_square.svg'); opacity:0.35; filter:alpha(opacity=35); display:none;}
.photography-panel div.pattern-mesh.SHOW{display:block;}

.photography-panel div.gal-link-rwd div.gal-link-load-status-rwd{position:absolute; left:10px; top:10px; width:20%; height:auto; overflow:hidden; display:none;}
.photography-panel div.gal-link-rwd div.gal-link-load-status-rwd.SHOW{display:block;}
.photography-panel div.gal-link-rwd div.gal-link-load-status-rwd img{margin-top:-0.6px; margin-left:-1.2px; box-shadow:none;}

.photography-panel div.photography-gal-load-progress-wrapper{position:absolute; z-index:10; top:0px; left:0px; width:100%; height:100%; background-color:#222; color:#fff; padding:20px; display:none;}
.photography-panel div.photography-gal-load-progress-wrapper.SHOW{display:block;}
.photography-panel div.photography-gal-load-progress-wrapper div.progress-bar-wrapper{width:100%; height:50px; background-color:#999;}
.photography-panel div.photography-gal-load-progress-wrapper div.progress-bar{background-color:#fff; width:0%; height:50px;}
.photography-panel div.photography-gal-load-progress-wrapper div.progress-bar-info-a, .photography-panel div.photography-gal-load-progress-wrapper div.progress-bar-info-b{font:normal 32px calibri, sans-serif; padding:10px; text-align:left;} 
.photography-panel div.photography-gal-load-progress-wrapper div.progress-bar-info-b{text-align:right;} 

/* =============== */
/* RWD VERSION END */
/* =============== */

/*
.photography-panel div.gal-link-info-wrapper{position:absolute; left:0px; top:262px; width:100%;}
.photography-panel div.gal-link-info{float:right; height:25px; overflow:hidden; margin-right:20px; padding-left:20px; font:normal 18px calibri, sans-serif; color:#555;}
.photography-panel div.gal-link-info.b{position:absolute; left:20px; padding-left:0px;}
.photography-panel div.gal-link-progress-bar-wrapper{position:absolute; top:230px; left:10%; width:80%; height:20px; background-color:#ddd;}
.photography-panel div.gal-link-progress-bar{float:left; min-width:10px; height:20px; background-color:#fff;}

.photography-panel div.gal-link-instructions{position:absolute; left:0px; top:110px; width:100%; padding:5px 0px; font:normal 22px tahoma, sans-serif; background-color:#fff; color:#111; opacity:0.85; filter:alpha(opacity=85); display:none;}
.photography-panel div.gal-link-instructions.SHOW{display:block;}

.photography-panel div.photography-gal-prev{position:absolute; z-index:1; left:0px; top:0px; width:200%; height:100%; overflow:hidden; background-color:#fff; background-size:auto 100%; display:none;}
.photography-panel div.photography-gal-prev.SHOW{display:block;}
.photography-panel div.photography-gal-prev img{float:left; height:350px; width:auto;}
.photography-panel div.photography-gal-prev canvas{float:left;}


.photography-panel div.photography-gal-mask{position:absolute; z-index:1; left:0px; top:0px; width:100%; height:100%; background-color:#fff; background-image:url('../svg/pattern_mesh_square.svg'); opacity:0; filter:alpha(opacity=0); visibility:hidden;}
.photography-panel div.photography-gal-mask.SHOW{opacity:0.35; filter:alpha(opacity=35); visibility:visible;}
*/

/* ############### */
/* == HD PHOTOS == */
/* ############### */

.hd-photo-store{position:fixed; left:100%; top:100%;}

.hd-photo-stack-background{position:fixed; z-index:98; left:0px; top:0px; width:100%; height:100%; background-color:#fff; display:none;}
.hd-photo-stack-background.SHOW{display:block;}

.hd-photo-stack-wrapper{position:absolute; z-index:98; left:0px; top:0px; min-width:100%; min-height:100%; overflow:hidden; display:none;}
.hd-photo-stack-wrapper.SHOW{display:block;}
.hd-photo-stack-wrapper img, .hd-photo-stack-wrapper canvas{position:absolute; height:auto; width:auto; /*border:solid 0px transparent; border-width:10px 10px 20px 10px;*/}
.hd-photo-stack-wrapper canvas{max-width:100%; height:auto;}
.hd-photo-stack-wrapper img.MET-BORDER, .hd-photo-stack-wrapper canvas.MET-BORDER{border-color:#fff; box-shadow:0px 0px 10px #111;}			
.hd-photo-stack-wrapper img.FIXED, .hd-photo-stack-wrapper canvas.FIXED{position:fixed;}	

.hd-photo-stack-divider-card{position:fixed; left:-100%; top:0px; width:100%; height:100%; background-color:#dadada; background-color:#111;}
.hd-photo-stack-divider-card.ENTER-STAGE-LEFT{left:0px;}

.hd-photo-stack-divider-glass{position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:#fff; opacity:0.5; filter:alpha(opacity=50);}
.hd-photo-stack-divider-glass{background-image:url('../svg/pattern_mesh_square.svg');}

.hd-photo-stack-filename{position:fixed; z-index:99; left:100%; top:45px; font:normal 21px calibri, sans-serif; text-align:left; color:#555; text-decoration:none; padding:10px; background-color:#fff; opacity:0.8; filter:alpha(opacity=80);}

.hd-photo-stack-control-surface{position:fixed; z-index:99; left:0px; top:0px; width:100%; height:100%; background-color:#000; opacity:0; filter:alpha(opacity=0); display:none;}
.hd-photo-stack-control-surface.SHOW{display:block;}

.hd-photo-stack-exit{position:fixed; z-index:99; left:0px; top:20px; font:normal 42px tahoma, sans-serif; border:solid 3px #fff; border-right-width:0px; padding:5px 50px; color:#fff; display:none;}
.hd-photo-stack-exit.MALENKY{top:0px; font-size:21px; border:none; padding:5px 20px; opacity:0.85; filter:alpha(opacity=85);}
.hd-photo-stack-exit.RED{background-color:#e01d1d; border:none;}
.hd-photo-stack-exit.WHITE{background-color:#fff; color:#999; border:none; opacity:0.8; filter:alpha(opacity=80);}
.hd-photo-stack-exit.BLACK{background-color:#000; color:#999; border:none; opacity:0.8; filter:alpha(opacity=80);}
.hd-photo-stack-exit:hover{color:#fff;}
.hd-photo-stack-exit.SHOW{display:block;}

.hd-photo-stack-instructions{position:fixed; z-index:98; left:100%; top:40px;}
.hd-photo-stack-instructions{display:none; /* Note: This elements functionality is still included in the script - see HD_PHOTO_STACK_BUILD_END() - and can be re-enabled by commenting out this line */}
.hd-photo-stack-instructions.FADE{opacity:0; filter:alpha(opacity=0);}
.hd-photo-stack-instructions div.info-text{float:left; clear:left; margin-left:0px; margin-top:0px; width:300px; padding:10px; background-color:#222; color:#dadada; font:normal 24px arial, sans-serif; box-shadow:10px 10px #fff;}
.hd-photo-stack-instructions div.info-text.b{margin-top:40px;}		

.photo-gal-canvas-prev-store{position:fixed; left:100%; top:100%; visibility:hidden;}		
.photography-panel div.photography-gal-prev canvas{float:left; background-color:#fff;}

/* #################### */
/* == GLOBAL EFFECTS == */
/* #################### */

.user-select-NONE{
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	-khtml-user-select:none;
}

.cursor-DEF{cursor:default;}

.TSN-0p1{
	transition:all 0.1s;
	-webkit-transition:all 0.1s;
}

.TSN-0p2{
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
}
.TSN-LEFT-0p2{
	transition:left 0.2s;
	-webkit-transition:left 0.2s;
}

.TSN-0p5{
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.TSN-1{
	transition:all 1s; transition-timing-function:linear;
	-webkit-transition:all 1s; -webkit-transition-timing-function:linear;
}

.RTEX_65{
	transform:rotateX(65deg);
	-webkit-transform:rotateX(65deg);				
}

.RTEX_15{
	transform:rotateX(15deg);
	-webkit-transform:rotateX(15deg);
}

.RTEY_95_ANTI{
	transform:rotateY(-95deg);
	-webkit-transform:rotateY(-95deg);
}
			
.BOXSHADOW_10{box-shadow:0px 0px 10px #111;}

.PADDING-0-20{padding:0px 20px;}
.PADDING-20{padding:20px;}

/* ########## */
/* == MISC == */
/* ########## */

#debug{position:absolute; z-index:1000; top:0px; left:200px; background-color:coral; color:#fff; font-size:14px; display:none;}
.zooport-screen-loader{position:fixed; z-index:999; left:0px; top:0px; width:100%; height:100%; background-color:#000; background-image:url('../svg/zooloader.svg'); background-size:20%; background-position:50% 50%; background-repeat:no-repeat; opacity:0.85; filter:alpha(opacity=85);}