* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
a, a:active, a:focus,a:focus,*:focus,*:active,a:active ,a::-moz-focus-inner,.tabacc a.activetab {outline: none;border: none; }

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

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}
.hidden,
[hidden] {
	display: none;
}

html {
	font-size: 100%;
	overflow: auto;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea { outline:none;
}

body {
	margin: 0;
}

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

 

a:focus {
	outline: thin dotted;
}

a:active,
a:hover {
	color: #ea9629;
	outline: 0;
}

a:hover {
	text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.3;
}

h1 {
	font-size: 48px;
	margin: 33px 0;
}

h2 {
	font-size: 30px;
	margin: 25px 0;
}

h3 {
	font-size: 22px;
	margin: 22px 0;
}

h4 {
	font-size: 20px;
	margin: 25px 0;
}

h5 {
	font-size: 18px;
	margin: 30px 0;
}

h6 {
	font-size: 16px;
	margin: 36px 0;
}

address {
	font-style: italic;
	margin: 0 0 24px;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

p {
	margin: 0 0 24px;
}

code,
kbd,
pre,
samp {
 
	font-size: 14px;
}

pre {
	background: #f5f5f5;
	color: #666;
 
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

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

blockquote {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 24px 40px;
}

blockquote blockquote {
	margin-right: 0;
}

blockquote cite,
blockquote small {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

blockquote em,
blockquote i {
	font-style: normal;
	font-weight: 300;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dl {
	margin: 0 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 20px;
}

menu,
ol,
ul {
	margin: 16px 0;
	padding: 0 0 0 40px;
}

ul {
	list-style-type: square;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

li > ul,
li > ol {
	margin: 0;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 270px;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {

}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

caption {
	font-size: 16px;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ededed;
}

del {
	color: #333;
}

ins {
	background: #fff9c0;
	text-decoration: none;
}

hr {
	border: 0;
	height: 1px;
}


/*general*/ 
body,html, table { height:100%}
body { color:#f2f2f2;line-height: 1.7; background:#000; font-family: Verdana, "Lucida Sans Unicode", "Trebuchet MS",sans-serif; font-size: 10px;font-weight: normal;letter-spacing: 0.01em;}
a { color:#626262;}
a:hover { color:#bdd52c; text-decoration:none;}
a.current {font-weight:bold;}
.mainframe { width:800px; height:430px; margin:auto; border:1px #7f7f7f;padding-top: 12px; border-style:none solid none solid;padding-bottom: 1px;
background:url(border-bottom.png) repeat-x bottom;} 
.mainframe #masthead {width: 800px;margin:-39px auto 0 auto; position: absolute;right:0;left:0;z-index: 2;}
#masthead {background: url(headrebg.png) repeat-x center center; }
 
.entry-content{ padding:100px 30px 0 30px;}
#content {position: relative; }
a[tag]:hover:after {content: attr(tag); position: absolute;z-index:10;} 
body.pink,body.spink { background:#e9016f;}
#disco{position: absolute;width: 798px;height: 418px;top: -1px;background-color: #000;}

 
/*logo*/
.home-link {background: url(logoframe.png) no-repeat center center; display: block; text-align:center;width: 308px;margin: 0 auto;}
.home-link h1 {margin: 0 auto;position:relative;line-height: 62px;height: 62px;font-family: "ltc-bodoni-175", Times, serif;
text-transform: uppercase;letter-spacing: 0.275em;padding: 0 10px 0px 13px;text-align: center;font-size: 17px;width: 308px;overflow: hidden;}
.home-link:hover h1 {color: #fff;font-weight: normal;}
 
.site-title {  color:#000;}
.home .site-title {  color: rgba(0,0,0,0);}

.home-link h1.site-description { width:auto;display: none;  /* text-indent:-9999px; */ font-family: "ltc-bodoni-175", Times, serif;  font-size: 17px;  text-transform: uppercase;  letter-spacing: 0.275em;  padding: 0 8px 0px 12px;  text-align: center; color: #fff;}
.home .home-link h1.site-description {width: 153px;}
 
.home-link:hover {background: url(logoframe2.png) no-repeat center center;}
.home-link:hover .site-description { display:block;}
.home-link:hover .site-title  { display:none;}

/*poup login */
#additional-settings,#forgetmenot,.login-popup h2 {display: none;}
.login-popup {background: url(login_popup.jpg) no-repeat center center;padding: 30px 40px;width: 370px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;height: 179px;}
#login #form .input {width: 60%;outline: 0;float: left;argin-right: 10px;clear: both;margin-bottom: 20px;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;
-o-border-radius: 0;border-radius: 0;padding: 0px 5px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background: #FFF;}
#form .field-titles {font-weight: 100;color: #FFF;margin-left: 10px;}
#login #form p {clear: both;}
#login #form .submit .button {background: url(popup_login_button.png) no-repeat center center;text-indent: -9999px;width: 50px;height: 23px;position: absolute;bottom: 40px;
right: 96px;padding: 0;}
.login-popup .close-btn {top: auto;bottom: 20px;right: 30px;color: #FFF;}
.login-popup .close-btn:before {font-weight: 100;font-size: 16px;}
.login-popup .close-btn:hover{color:#BDD52C;}
.login-popup .message.notice,
.login-popup .message.error { background: none;}
.login-popup .message {position: absolute;padding: 0;background: none;bottom: 30px;width: 50%;font-size: 12px;line-height: 12px}



/*menu*/
ul.nav-menu  { padding-left:0; margin:10px 0;}
.nav-menu li { display:inline; padding: 0 88px; text-transform:uppercase;}
.nav-menu li:last-child { padding-right:0;}
.nav-menu li:first-child { padding-left:0;}
.nav-menu a {color:#fe56aa;position:relative;}
.nav-menu a.current {color:#bdd52c;}
.nav-menu a:hover  {color:#7ce6e5;}
nav {width:800px; margin:0 auto; text-align:center; position:absolute; left:0; right:0;}
.current-menu-item a:after,.current_page_item a:after {position:absolute;padding:0 2px; content:url(slash.png); width:100%; display:block; top:-4px;left: -4px;overflow: hidden;}
#content {height: 100%;}


/*choose quality */
h1.quality {font-size: 12px;font-weight: normal;text-align: center;margin:80px 0 0px 0;}
.check-low,.check-hi { width: 11px;height: 11px;border: 1px solid #FFF;padding: 0 1px 1px 0;box-shadow: inset -2px -2px #000,inset 1px 1px #000; -moz-box-shadow: inset -2px -2px #000,inset 1px 1px #000;-webkit-box-shadow: inset -2px -2px #000,inset 1px 1px #000; -o-box-shadow: inset -2px -2px #000,inset 1px 1px #000;cursor: pointer;margin-right: 10px; float:left;margin-bottom: 50px;}
.check-low:hover{ background:#89f1ea;}
.check-hi:hover{ background:#bdd52c;}
.leftcheck, .rightcheck { float:left; margin-left: 130px; margin-top: 10px; width: 165px;}
.rightcheck { float:right; margin-right: 130px; margin-left: 0;}



/*bio*/
.bio #content {background:#e9016f;color:#fff;}
.bio #content img { float:left; margin-right:30px;margin-bottom: 20px; margin-top:5px;}
.bio.awards #content {background:#bdd52c;color:#fff;}
.bio.awards .bio1 {display:none;}
.bio.awards .bio2 {display:block;}
.bio a { color:#bdd52c; position:relative;}
.bio a[tag]:hover:after {padding: 4px 8px; color: #333;left:0; top: -25px; white-space: nowrap;z-index:10;background:#89fefd;} 
.bio2 {display:none; color:#000;line-height: 20px;}
.bio2 strong {color:#e9016f;}
.biotoggle {position: absolute;bottom: 10px;width: 150px;height: 60px;display: block;background:none;cursor: pointer;left: 30px;}
.leftcol {width: 276px;}
#bio-sticker {position: absolute;top: 100px;left: 190px;z-index: 9; width:197px; height:0; background:url(bio-sticker.png) no-repeat center 5px; overflow:hidden;
 /*
transform:  rotate(0deg) scaleX(0) scaleY(0) skewX(0deg) skewY(0deg) ;
-webkit-transform:  rotate(0deg) scaleX(0) scaleY(0) skewX(0deg) skewY(0deg) ;*/
}
#bio-sticker.turnedon { /*zoom:1;
transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
-webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;*/
 height:369px;top: -80px;
}

/*contacts*/
.check-cont { width: 12px;height: 12px;border: 1px solid #000;padding: 0 1px 1px 0;box-shadow: inset -2px -2px #fff,inset 1px 1px #fff; -moz-box-shadow: inset -2px -2px #fff,inset 1px 1px #fff;-webkit-box-shadow: inset -1px -1px #bdd52c,inset 1px 1px #bdd52c; -o-box-shadow: inset -1px -1px #bdd52c,inset 1px 1px #bdd52c;cursor: pointer;margin-right: 10px; float:left;margin-bottom: 50px;}
.check-cont:hover{ background:#e9016f;}
.contacts #content {background:#bdd52c url(call_me.png) no-repeat 56% 35px;color:#000;}
.pinkinfo { color:#e9016f; font-size: 20px;font-weight: 300;line-height: 24px;}
.contactform { display:none;position: absolute; top: 30px;right: 0;left: 0;margin: auto;width: 50%; padding: 20px 60px 0;background: #BDD52C;}
.contactform.show { display:block;}
.contactform input {padding: 10px 15px;margin-bottom: 10px;border: none;color: #FE56AA;}
#closecontactform{position: absolute;right: 73px;background: #FE56AA;padding: 1px 7px;cursor: pointer;font-size: 9px;}
.contactform p { margin-bottom:0;}
div.wpcf7 img.ajax-loader {position: absolute;margin-top: 10px;}
div.wpcf7-validation-errors {border: 2px solid #FE56AA;}
span.wpcf7-not-valid-tip{border: 2px solid #FE56AA;}
.konnect { position:absolute; transform:rotate(90deg); color:#E9016F;right: -40px;bottom: 95px;
-moz-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-webkit-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -o-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -ms-transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		}
.konnect:hover { color:#fff;}		
/*projects*/
.projects a { position:relative;color: #7F7F7F;}
.projects ul { list-style:none; padding-left:0; margin-left:0; line-height:22px;margin-top: 0px;margin-bottom: 2px;}
.projects a:hover {color: #BDD52C;}
.projects a.active { color:#fff;}
.projects a.director_teaser { text-transform:lowercase;color: #FE56AA;}
.projects .entry-content { float:left; padding-top:50px;}
.tabacc > a { text-transform: uppercase;color:#bdd52c;}
.tabacc li { line-height:15px;}
.tabacc a.activetab{ color:#FE56AA;}
/*.tabacc a.activetab:before {content: '\f434';font-family: 'Genericons';position: absolute;margin-left: -21px;margin-top: -9px;font-size: 16px;}*/

.projects a[tag]:hover:after { color: #BDD52C;left:180px; width:150px; top: -5px; z-index:10;background:#000 url(tooltipbg.png) no-repeat left top;padding:4px 0;}
#video {width: 390px;min-height: 210px;float: right;bottom: 45px;margin-right: 30px;position: absolute;right: 0; }
#preloading {background:#000 url(spinner.gif) no-repeat center center;height: 245px;width: 390px;position: absolute;right: 30px;top: 90px; }
#video.full { width:840px; height:auto; position:absolute;left:-20px;z-index:999;top:-80px;padding-top: 50px; background:#000; padding-bottom:50px;} 
#video video {width: 100%;}
.playstopfull {text-align: right;}
#full-screen {width: 18px;height: 18px;display: inline-block;margin-bottom: -5px;margin-right: 5px;background:url(full.png) no-repeat top;cursor:pointer;}
#full-screen.full {background:url(min.png) no-repeat top;}
#stop {width: 18px;height: 18px;text-indent: -9999px;background: #000;border: 1px solid #BDD52C; }
#stop.active {background: #BDD52C;}
#play {width: 18px;height: 17px;text-indent: -9999px;background:url(play.png) no-repeat top; border:none;margin:0 5px;}
#play.active {background:url(playa.png) no-repeat; }
#scrubber {width: 100%;height: 10px;margin-bottom: 15px;border-bottom: #7F7F7F 1px solid;}
#progress {width: 10px;height: 10px;background:url(scrubber.png) no-repeat center right;position: absolute;left: 0;margin-top: 4px;}

#full-screen:after{content:url(bigger.png); position: absolute; opacity:0; -webkit-transform: scale(0.5);transform: scale(0.5); -o-transform: scale(0.5);-ms-transform: scale(0.5); margin-top:0px;margin-left:-30px; cursor:pointer;}
#full-screen.hover:after,
#full-screen:hover:after{ opacity:1;transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1); margin-top:20px;margin-left:-10px;z-index: 2; }
 #full-screen.full.hover:after,
#full-screen.full:hover:after{content:url(small.png); width:100px;height:100px; margin-left:-70px;margin-top:10px; 
  animation: animationsmall ease 4s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationsmall ease 4s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationsmall ease 4s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationsmall ease 4s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationsmall ease 4s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationsmall{
  0% {
    opacity:1;
    transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  25% {margin-top:10px; 
    opacity:0.99;
    transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  100% {
    opacity:0;margin-top:-110px; 
    transform:  rotate(720deg) scaleX(0) scaleY(0) skewX(0deg) skewY(0deg) ;
  }
}

@-moz-keyframes animationsmall{
  0% {
    opacity:1;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  25% {
    opacity:0.99;margin-top:10px; 
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  100% {
    opacity:0;margin-top:-110px; 
    -moz-transform:  rotate(720deg) scaleX(0) scaleY(0) skewX(0deg) skewY(0deg) ;
  }
}

@-webkit-keyframes animationsmall {
  0% {
    opacity:1; 
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  25% {
    opacity:0.99;margin-top:10px; 
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  100% {
    opacity:0;margin-top:-110px; 
    -webkit-transform:  rotate(720deg) scaleX(0) scaleY(0) skewX(0deg) skewY(0deg) ;
  }
}

@-o-keyframes animationsmall {
  0% {
    opacity:1;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  25% {
    opacity:0.99;margin-top:10px; 
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  100% {
    opacity:0;margin-top:-110px; 
    -o-transform:  rotate(720deg) scaleX(0) scaleY(0) skewX(0deg) skewY(0deg) ;
  }
}

@-ms-keyframes animationsmall {
  0% {
    opacity:1;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  25% {
    opacity:0.99;margin-top:10px; 
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  100% {
    opacity:0;margin-top:-110px; 
    -ms-transform:  rotate(720deg) scaleX(0) scaleY(0) skewX(0deg) skewY(0deg) ;
  }
}

 
.home-link {-webkit-transition: width 1000ms cubic-bezier(0.075, 0.985, 0.000, 0.935); 
   -moz-transition: width 1000ms cubic-bezier(0.075, 0.985, 0.000, 0.935); 
    -ms-transition: width 1000ms cubic-bezier(0.075, 0.985, 0.000, 0.935); 
     -o-transition: width 1000ms cubic-bezier(0.075, 0.985, 0.000, 0.935); 
        transition: width 1000ms cubic-bezier(0.075, 0.985, 0.000, 0.935); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.075, 0.985, 0.000, 0.935); 
   -moz-transition-timing-function: cubic-bezier(0.075, 0.985, 0.000, 0.935); 
    -ms-transition-timing-function: cubic-bezier(0.075, 0.985, 0.000, 0.935); 
     -o-transition-timing-function: cubic-bezier(0.075, 0.985, 0.000, 0.935); 
        transition-timing-function: cubic-bezier(0.075, 0.985, 0.000, 0.935); /* custom */}


.mainframe 
 {-webkit-transition: all 3s cubic-bezier(0.045, 1.550, 0.990, 1.045); 
		-moz-transition: all 3s cubic-bezier(0.045, 1.550, 0.990, 1.045); 
        -ms-transition: all 3s cubic-bezier(0.045, 1.550, 0.990, 1.045); 
        -o-transition: all 3s cubic-bezier(0.045, 1.550, 0.990, 1.045); 
		transition: all 3s cubic-bezier(0.045, 1.550, 0.990, 1.045); }
 	
#full-screen:after {-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;}
		
		.site-description {-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
		transition: all 0.2s linear;}
		
  .site-description span {opacity:0;}
  .site-description:hover  span {opacity:1;transition-delay:0s;-webkit-transition-delay: 0s;}
 .home .site-description:hover  span {opacity:1;transition-delay:0.7s;-webkit-transition-delay: 0.7s;}