@charset "UTF-8";
@import url(animate.css);
@import url(fonts/customfonts.css);
@import url(touchTouch.css);


.poeyFA{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;}
.poeyFA.linkedin:before{content:"\f0e1";} .poeyFA.linkedinSQ:before{content:"\f08c";} .poeyFA.instagram:before{content:"\f16d";}


body, html{overflow-x:hidden;margin:0;padding:0;/*font-family:Helvetica;*/color:#FFF;background:#000;font-family:'myriad-set-pro_text';
	-webkit-font-smoothing:antialiased; /* Fix for webkit rendering */
	-moz-osx-font-smoothing: grayscale; /* fix for osx mozilla rendering */
}
.poeyClear{clear:both;}

.spinOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);z-index:10;}
.spinner{width:32px;height:32px;position:absolute;top:50%;left:50%;margin-top:-32px;margin-left:-3%;}
.cube1, .cube2{background-color:rgba(255,255,255,1);width:15px;height:15px;position:absolute;top:0;left:-15px;
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
  animation: cubemove 1.8s infinite ease-in-out;
}
.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
@-webkit-keyframes cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}
@keyframes cubemove {
  25% { 
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

a{text-decoration:none;color:#FFF;}
.gWrapper{position:fixed;top:0;right:0;bottom:0;left:0;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;z-index:0;}
.gWrapper:after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';background:rgba(0,0,0,.25) url(../images/pattern.png) repeat top left;z-index:0;}
header{background:rgba(0,0,0,.12);width:350px;position:fixed;top:0;bottom:0;margin-left:65px;padding-top:20px;}

/*#logo img{width:100%;} #logo > div{text-align:right;font-size:13px;letter-spacing:2px;}*/
#logo{display:block;text-align:right;text-transform:uppercase;}
#logo h1{font-weight:100;font-size:48px;border:1px solid #FFF;padding:8px 15px;border:none;}
#logo label{cursor:pointer;}
#logo .charney{font-family:'myriad-set-pro_text';margin-right:5px;}
#logo .daly{font-family:'myriad-set-pro_thin';}
#logo .photographer{font-size:12px;padding-right:8px;}


#mainNav{margin-top:140px;text-align:right;}
#mainNav > a{display:inline-block;background:rgba(0,0,0,.7);margin-bottom:5px;padding:15px 150px 15px 25px;font-size:22px;text-transform:uppercase;letter-spacing:2px;
	transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
}
#mainNav > a:hover{background:rgba(150,00,00,.7);padding-right:110px;}
.social{padding-top:15px;padding-right:15px;} 
.social a{display:inline-block;vertical-align:middle;margin-left:8px;opacity:.8;font-size:30px;
	transition:all 0.3s ease-in-out 0s;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
}
.social a:hover{opacity:.35;}
.social a:first-child{padding-bottom:3px;}

#poeyTop{cursor:pointer;position:fixed;bottom:-50px;right:13px;z-index:101;padding:20px;background-color:rgba(0,0,0,.5);background-image:url(../images/arrowtop.png);background-position:center center;
	background-repeat:no-repeat;border-radius:50%;opacity:0;
	-webkit-transition:all 0.2s ease-in-out 0s;
	-moz-transition:all 0.2s ease-in-out 0s;
	-o-transition:all 0.2s ease-in-out 0s;
	-ms-transition:all 0.2s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
}
#poeyTop:hover{background-color:rgba(100,0,0,.5);}
.poeyTopOn{bottom:35px !important;opacity:1 !important;}

.mainContent{position:absolute;left:450px;top:59px;right:65px;background:rgba(0,0,0,.45);padding:15px 15px 0px;visibility:hidden;}
.mainInner{position:relative;padding-bottom:30px;}
.closeX{width:65px;height:65px;position:absolute;top:-35px;left:-25px;background:url(../images/arrowdown.png) no-repeat center center;}
.mainContent h1{text-align:right;border-bottom:1px solid #CCC;margin-bottom:25px;}
.aboutIllust{height:450px;background-image:url(../images/charney-daly-about.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;}
.mainContent p{text-align:center;font-size:22px;line-height:24px;}

footer{position:fixed;bottom:0;padding:5px;text-align:right;font-size:12px;right:4px;text-shadow:2px 2px 5px black}
footer a{color:#ff003d;font-family:Helvetica, sans-serif;font-weight:bold;} footer a:hover{color:#FFF;}

.mainContent > .fContainer{}
.mainContent > .fContainer > footer{position:absolute;padding-bottom:10px;right:10px;}

.poeySelector{margin-bottom:20px;font-size:13px;text-align:center;}
.poeySelector a{display:inline-block;width:19.47%;border:1px solid #CCC;text-align:center;padding:3px 0;opacity:.6;margin-bottom:5px;}
.poeySelector a:hover, .poeySelector a.pSelected{opacity:1;}
.poeyGrid{text-align:center;}
.poeyGrid > .pShot{width:32%;margin-right:1%;margin-bottom:1%;display:inline-block;visibility:hidden;}
.poeyGrid > .pShot > img{width:100%;opacity:.9;}
.poeyGrid > .pShot:hover > img{opacity:.6;}

.generalInfo{text-align:center;margin-bottom:80px;}
.generalInfo > div{display:inline-block;width:25%;margin:20px 2.5%;border-bottom:1px solid #AAA;padding-bottom:30px;}
.generalInfo h3{margin-bottom:40px;}
.generalInfo a{color:#AAA;} .generalInfo a:hover{color:#FFF;}

.writeto{text-align:center;}
#dalyForm{width:500px;margin:auto;position:relative;padding-bottom:100px;}
#dalyForm input, #dalyForm textarea{background:rgba(0,0,0,.4);border:1px solid #555;padding:8px 0 8px 8px;outline:none;-webkit-appearance:none;font-size:14px;color:#FFF;margin-bottom:10px;width:99%;
	border-radius:0;font-size:12px;}
#dalyForm textarea{height:80px;}
#dalyForm input[type=submit]{cursor:pointer;width:101%;} #dalyForm input[type=submit]:hover{background:rgba(150,00,00,.2);}
#dalyForm > .summit{margin-bottom:15px;}
#dSuccess, #dError{color:#00b74d;cursor:default;display:none;position:absolute;width:100%;}
#dError{color:#df0057;}


/* ------------- My Responsive Fixes --------------------------------------------------- */
/* Large desktops and laptops */
@media (min-width: 1200px) and (max-width:1280px) {
	.aboutIllust{height:370px;margin-bottom:25px;}
	
	.poeySelector a{width:19.35%;}
}/* end of Large desktops and laptops */

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.spinOverlay{background:rgba(0,0,0,.9);} .spinner{margin-left:0;}
	header{padding-top:25px;margin-left:35px;}
	#mainNav{margin-top:50px;}
	.mainContent{left:420px;right:35px;padding:7px 15px;}
	.aboutIllust{height:330px;margin-bottom:25px;}
	
	.poeySelector a{width:24%;}
	
	.generalInfo > div{width:40%;}
	#dalyForm{width:90%;}
}/* end of Landscape tablets and medium desktops */

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.spinOverlay{background:rgba(0,0,0,.9);} /*.spinner{margin:52% auto;}*/
	header{margin-left:auto;right:65px;z-index:1;}
	.mainContent{left:0;right:0;top:185px;background:rgba(0,0,0,.85);z-index:2;}
	.aboutIllust{margin-bottom:25px;}
	
	.poeySelector a{width:19.35%;}
	
	.generalInfo > div{width:40%;}
}/* end of Portrait tablets and small desktops */

/* Landscape phones and portrait tablets */
@media (min-width:481px) and (max-width: 767px) {
	.spinOverlay{background:rgba(0,0,0,.9);} /*.spinner{margin:52% auto;}*/
	header{width:270px;margin-left:auto;right:50px;z-index:1;}
	#logo h1{font-size:36px;}
	#logo .photographer{font-size:10px;}
	#mainNav > a{padding:15px 130px 15px 25px;font-size:18px;} #mainNav > a:hover{padding-right:90px;}
	.mainContent{left:0;right:0;top:150px;background:rgba(0,0,0,.85);z-index:2;}
	.aboutIllust{margin-bottom:25px;height:310px;}
	
	.poeySelector a{width:24%;}
	
	.generalInfo > div{width:40%;}
	#dalyForm{width:90%;}
}/* end of Landscape phones and portrait tablets */

/* Portrait phones and smaller */
@media (max-width: 480px) {
	.spinOverlay{background:rgba(0,0,0,.9);} /* .spinner{margin:52% auto;}*/
	header{width:75%;margin-left:auto;right:15px;z-index:1;padding-top:15px;}
	#logo h1{font-size:36px;}
	#logo .photographer{font-size:10px;}
	#mainNav{margin-top:70px;}
	#mainNav > a{padding:15px 130px 15px 25px;font-size:18px;} #mainNav > a:hover{padding-right:90px;}
	.mainContent{left:0;right:0;top:145px;background:rgba(0,0,0,.85);z-index:2;}
	.aboutIllust{margin-bottom:25px;height:260px;}
	
	.poeySelector{text-align:left;}
	.poeySelector a{width:48.55%;}
	
	.poeyGrid > .pShot{width:48.5%;margin-right:1.5%;}
	
	.generalInfo > div{width:70%;}
	#dalyForm{width:90%;}
	#dalyForm input, #dalyForm textarea{width:97%;}
	#dalyForm input[type=submit]{width:100%;}
	
	.mainContent > .fContainer > footer{left:4px;text-align:center;}
}/* end of Portrait phones and smaller */

@media (max-width: 320px){
	header{width:85%;padding-top:0;}
	#mainNav{margin-top:30px;}
	#mainNav > a{font-size:16px;}
	.mainContent{top:110px;}
	.aboutIllust{height:200px;}
}