/*-----------------------------------------------------------------------------------

	Theme Name:Derk's Works
	Theme URI:http://www.derksworks.com
	Description:Derk's Works custom website theme
	Author:Niche Tank
	Author URI:http://www.nichetank.com
	License:GNU General Public License version 3.0
	License URI:http://www.gnu.org/licenses/gpl-3.0.html
	Version:1.0.0
	
	Designed by Niche Tank for Derk's Works

-----------------------------------------------------------------------------------*/


@font-face {
font-family: 'HelveticaLight';
src: url('helveticaneueltstd-lt-webfont.eot');
src: url('helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
url('helveticaneueltstd-lt-webfont.woff') format('woff'),
url('helveticaneueltstd-lt-webfont.ttf') format('truetype'),
url('helveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStdLtRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'HelveticaLightItalic';
src: url('helveticaneueltstd-ltit-webfont.eot');
src: url('helveticaneueltstd-ltit-webfont.eot?#iefix') format('embedded-opentype'),
url('helveticaneueltstd-ltit-webfont.woff') format('woff'),
url('helveticaneueltstd-ltit-webfont.ttf') format('truetype'),
url('helveticaneueltstd-ltit-webfont.svg#HelveticaNeueLTStdLtItalic') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'HelveticaUltraLight';
src: url('helveticaneueltstd-ultlt-webfont.eot');
src: url('helveticaneueltstd-ultlt-webfont.eot?#iefix') format('embedded-opentype'),
url('helveticaneueltstd-ultlt-webfont.woff') format('woff'),
url('helveticaneueltstd-ultlt-webfont.ttf') format('truetype'),
url('helveticaneueltstd-ultlt-webfont.svg#HelveticaNeueLTStdUltLtRg') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'HelveticaUltraLightItalic';
src: url('helveticaneueltstd-ultltit-webfont.eot');
src: url('helveticaneueltstd-ultltit-webfont.eot?#iefix') format('embedded-opentype'),
url('helveticaneueltstd-ultltit-webfont.woff') format('woff'),
url('helveticaneueltstd-ultltit-webfont.ttf') format('truetype'),
url('helveticaneueltstd-ultltit-webfont.svg#HelveticaNeueLTStdUltLtItalic') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'HelveticaMedium';
src: url('helveticaneueltstd-md-webfont.eot');
src: url('helveticaneueltstd-md-webfont.eot?#iefix') format('embedded-opentype'),
url('helveticaneueltstd-md-webfont.woff') format('woff'),
url('helveticaneueltstd-md-webfont.ttf') format('truetype'),
url('helveticaneueltstd-md-webfont.svg#HelveticaNeueLTStdMedRegular') format('svg');
font-weight: normal;
font-style: normal;
}

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

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

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, font, 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 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } ol, ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } :focus { outline:0; } ins { text-decoration:none; } del { text-decoration:line-through; } table { border-collapse:collapse; border-spacing:0; } /*	CSS Reset:http://meyerweb.com/eric/tools/css/reset/ */
/* http://css-tricks.com/snippets/css/clear-fix/ */
.clearfix:before, .clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } .clearfix { zoom:1; }

html,body {
margin:0;
padding:0;
min-width:320px;
overflow-x:hidden;
}

body {
background-color:#ddd;
color:#333;
font-family:HelveticaLight,Helvetica,Verdana,Arial,sans-serif;
font-size:10.5pt;
line-height:1.4em;
text-align:left;
}

em, oblique {
font-family:HelveticaLightItalic;
font-style:normal;
}

bold, strong {
font-family:HelveticaMedium;
font-weight:normal;
}

form {
margin:0;
padding:0;
border-width:0;
}

a img {
border:0;
}

a {
color:#333;
text-decoration:underline;
}

a:hover {
color:#000;
}

input, textarea, select {
font-family:HelveticaLight,Helvetica,Verdana,Arial,sans-serif;
font-size:10.5pt;
line-height:1.4em;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
max-width:100%;
}

.clear,
.clearBoth {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0;
margin:-1px 0 0 0;
}

h1, h2, h3, h4, h5 {
font-size:1em;
font-weight:normal;
}

.sprite {
display:block;
font-size:0;
line-height:0;
text-indent:-9999px;
overflow:hidden;
text-decoration:none;
background-image:url('../images/sprites.png');
}

.spriteWithChildren {
display:block;
overflow:hidden;
text-decoration:none;
background-image:url('../images/sprites.png');
}

.emLabel {
font-family:HelveticaLightItalic;
text-transform:lowercase !important;
}

.emLabel  span {
text-transform:uppercase !important;
}

#container2 { max-width:990px; }
#footerContainer { max-width:990px; }
#siteFooter { max-width:990px; }
#content { max-width:800px; }
@media all and (min-width: 955px) and (max-width: 1023px) {
  #content { max-width:835px; }
}

/* full width pages: home, portfolio, portfolio item */
body.page-id-27 #container2, body.page-id-25 #container2, body.single-portfolio #container2 { max-width:1480px; }
body.page-id-27 #footerContainer, body.page-id-25 #footerContainer, body.single-portfolio #footerContainer { max-width:1480px; }
body.page-id-27 #siteFooter, body.page-id-25 #siteFooter, body.single-portfolio  #siteFooter { max-width:1480px; }
body.page-id-27 #content, body.page-id-25 #content, body.single-portfolio  #content { max-width:1250px; }

@media (min-width: 1435px) { 
#sidebar { width: 200px; }
#container2 { max-width:1030px; }
#footerContainer { max-width:1030px; }
#siteFooter { max-width:1030px; }
}

@media (min-width: 1480px) { 
#container, #footerContainer { width: 1480px; max-width:1480px; margin:0 auto 0 auto; } 
}

#container2 {
background:#fff;
-moz-box-shadow:0 0 15px #999;
-webkit-box-shadow:0 0 15px #999;
box-shadow:0 0 15px #999;
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#999')";
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color='#999');
min-width:165px;
overflow-x:hidden;
}

#mobileNavJump {
display:none;
visibility:hidden;
position:absolute;
z-index:9999;
top:30px;
right:10px;
width:36px;
height:30px;
background-position:-350px -152px;
}
@media (max-width: 480px) { #mobileNavJump {display:inline-block;visibility:visible;} }

#sidebar {
position:absolute;
z-index:999;
width:155px;
top:30px;
}
@media (max-width: 480px) { #sidebar { position:static; width:auto; top:auto; } }
@media (min-width: 1435px) { #sidebar { width:200px; } }
@media all and (max-width: 480px) {
    #logo a.desktop-logo {
        display: none;
    }
    #logo a {
        margin-left: 6px;
    }
    #logo a img {
        max-width: 260px;
        margin-top: 17px;
    }
}
@media all and (min-width: 481px) {
    #logo a.mobile-logo {
        display: none;
    }
}
@media all and (min-width: 481px) and (max-width: 1434px) {
    #logo a {
        margin:0 0 12px 55px;
    }
}

#logo {
    margin-top: -5px;
}
#logo a.desktop-logo img {
    max-width: 80px;
    max-height: 80px;
    margin-bottom: 20px;
}
#logo a.mobile-logo img {
    margin-bottom: 30px;
}

@media (max-width: 480px) {
    #logo { position:absolute; top:0; left:0; width:100%; }
    #content { padding-top:91px !important; }
}

@media (min-width: 1435px) { #logo a { margin-left: 105px; } }

#menu-main-menu {
text-align:right;
}
@media (max-width: 480px) { #menu-main-menu {text-align:left;} }

#menu-main-menu li{
text-transform:uppercase;
}

#menu-main-menu  li  a {
display:block;
padding:0 30px 0 0;
color:#666;
text-decoration:none;
height:33px;
line-height:33px;
}
@media (max-width: 480px) { #menu-main-menu  li  a {background:#ccc; color:#333; margin-bottom:1px; padding-left:30px;} }

#menu-main-menu  li  a:hover {
text-decoration:underline;
}

#menu-main-menu>.current-menu-item>a,
#menu-main-menu>.current_page_item>a,
#menu-main-menu>.current-menu-ancestor>a {
background:#F1D400;
color:#333;
}

#menu-main-menu>.current-menu-item>a:hover,
#menu-main-menu>.current_page_item>a:hover,
#menu-main-menu>.current-menu-ancestor>a:hover {
text-decoration:none;
}

#menu-main-menu .selectedMenuArrow {
width:13px;
height:39px;
background-position:-200px -152px;
position:absolute;
left:155px;
margin-top:-2px;
}
@media (max-width: 480px) { #menu-main-menu .selectedMenuArrow { display:none; visibility:hidden; } }
@media (min-width: 1435px) { #menu-main-menu .selectedMenuArrow { left: 200px; } }

#menu-main-menu .sub-menu {
visibility:hidden;
display:none;
margin:0 0 12px 0;
padding:2px 0 0 0;
}

#menu-main-menu .current-menu-item .sub-menu,
#menu-main-menu .current-menu-ancestor .sub-menu {
visibility:visible;
display:block;
}

#menu-main-menu .sub-menu li {
text-transform:none;
padding:0;
}

#menu-main-menu .sub-menu li  a {
color:#999;
height:auto;
line-height:1.4em;
}

#menu-main-menu .sub-menu li  a.no-link:hover {
text-decoration: none;
cursor: default;
}

@media (max-width: 480px) {
#menu-main-menu .sub-menu li  a { background:none; line-height:39px; border-bottom:1px solid #ccc; margin-bottom:0;}
#menu-main-menu .sub-menu li:last-child  a { border-bottom:0;}
}

#menu-main-menu .sub-menu .current-menu-item a {
color:#333;
font-family:HelveticaLightItalic;
text-decoration:underline;
}

#sidebar .fb-like {
float:right;
margin:20px 20px 0 0;
height:23px;
}
@media (max-width: 480px) { #sidebar .fb-like {float:none; margin:20px 0 20px 30px;} }

#content {
display:block;
padding:0 0 35px 155px;
}
@media (max-width: 480px) { #content { padding-left:0; padding-bottom:20px;} }
@media (min-width: 1435px) { #content { padding-left: 200px; } }

#siteFooter {
color:#999;
position:relative;
padding:0 0 20px 0;
font-size:9.5pt;
line-height:1.4em;
}

#siteFooter .emLabel {
text-transform: capitalize !important;
margin:0 0 3px 0;
}

#siteFooter a {
color:#999;
}

#siteFooter a:hover {
color:#333;
}

#leftFoot {
float:left;
width:30%;
min-width:320px;
margin:0 0 0 155px;
padding:30px 0 0 0;
}
@media (min-width: 1435px) { #leftFoot { margin-left: 200px; } }

#rightFoot {
float:right;
width:30%;
min-width:320px;
margin:0 30px 0 0;
padding:30px 0 0 0;
text-align:right;
}

#siteFooter .footerSectionBorder {
padding-bottom:20px;
margin-bottom:20px;
}

@media (max-width: 845px) { 
#leftFoot { float:none; }
#rightFoot { float:none; margin:20px 0 0 155px; text-align:left; border-top:1px solid #ccc; padding-top:20px; } 
}

@media (max-width: 480px) { 
#leftFoot { width:auto; margin:0 10px 0 10px; }
#rightFoot { width:auto; margin:20px 10px 0 10px; border-top:1px solid #ccc; padding-top:20px; }
}

#socialButtons,
#emailSignup {
height:26px;
}

#siteFooter .socialButton {
/*width:26px;*/
/*height:26px;*/
margin-right:6px;
float:left;
}

.footerSocialButtonTip {
padding:0 5px 0 5px !important;
background:#333 !important;
color:#fff !important;
border-width:3px !important;
-webkit-border-radius:3px !important;
-moz-border-radius:3px !important;
border-radius:3px !important;
border-color:#333 !important;
font-size:inherit !important;
line-height:1.1em !important;
}

#footerSocial_facebook {background-position:-350px 0;}
#footerSocial_twitter {background-position:-380px 0;}
#footerSocial_plus {background-position:-410px 0;}
#footerSocial_yelp {background-position:-440px 0;}
#footerSocial_places {background-position:-470px 0;}
#footerSocial_vimeo {background-position:-500px 0;}
#footerSocial_tumblr {background-position:-530px 0;}
#footerSocial_instagram {background-position:-560px 0;}
#footerSocial_rss {background-position:-590px 0;}
#footerSocial_loveolio {background-position:-620px 0;}

#footerSocial_facebook:hover {background-position:-350px -30px;}
#footerSocial_twitter:hover {background-position:-380px -30px;}
#footerSocial_plus:hover {background-position:-410px -30px;}
#footerSocial_yelp:hover {background-position:-440px -30px;}
#footerSocial_places:hover {background-position:-470px -30px;}
#footerSocial_vimeo:hover {background-position:-500px -30px;}
#footerSocial_tumblr:hover {background-position:-530px -30px;}
#footerSocial_instagram:hover {background-position:-560px -30px;}
#footerSocial_rss:hover {background-position:-590px -30px;}
#footerSocial_loveolio:hover {background-position:-620px -30px;}

#siteFooter #twitterIcon {
font-size: 35px;
display:inline-block;
vertical-align:top;
margin-right: 10px;
margin-bottom: 30px;
position:relative;
}
#siteFooter #twitterIcon,
#tweet-wrapper {
float: left;
display: inline-block;
width: 50px;
}
#latestTweet {
display:inline-block;
vertical-align:top;
text-align:left;
}

#emailSignup .email {
background:#fff;
width:180px;
padding:0 8px 0 8px;
border:0;
color:#999;
line-height:26px;
height:26px;
vertical-align:top;
}

#emailSignup .subscribe {
background:#999;
padding:0 8px 0 8px;
border:0;
color:#fff;
text-transform:uppercase;
cursor:pointer;
line-height:26px;
height:26px;
vertical-align:top;
}

#emailSignup .subscribe:hover {
background:#F1D400;
color:#333;
}

.yellowTitle {
margin: 0;
background:#F1D400;
text-align:right;
padding:0 15px 0 0;
font-size:45px;
line-height:60px;
color:#fff;
text-transform:lowercase;
font-family:'HelveticaUltraLightItalic';
visibility: hidden;
height: 0;
}
@media (max-width: 750px) { .yellowTitle { font-size:40px; line-height:55px;} }
@media (max-width: 675px) { .yellowTitle { font-size:35px; line-height:50px;} }
@media (max-width: 675px) { .yellowTitle { font-size:30px; line-height:45px;} }
@media (max-width: 545px) { .yellowTitle { font-size:25px; line-height:40px;} }
@media (max-width: 480px) { .yellowTitle { margin-top:0; padding:0 10px 0 10px; font-size:35px; line-height:50px;} }
@media (max-width: 430px) { .yellowTitle { font-size:30px; line-height:45px; } }
@media (max-width: 375px) { .yellowTitle { font-size:25px; line-height:40px; } }

.yellowTitle span {
text-transform:uppercase;
}

.twoColumnsText {
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
-moz-column-gap:20px;
-webkit-column-gap:20px;
column-gap:20px;
}
@media (max-width: 955px) { .twoColumnsText { padding-right:20px; } }
@media (max-width: 650px) { .twoColumnsText { padding-right:20px; -moz-column-count:1; -webkit-column-count:1; column-count:1; } }
@media (max-width: 960px) { .twoColumnsText { padding:0 15px 0 0; } }
@media (max-width: 480px) { .twoColumnsText { padding:0 10px 0 10px; } }

@media (max-width: 960px) { .fullWidthPad { padding:0 15px 0 0; } }
@media (max-width: 480px) { .fullWidthPad { padding:0 10px 0 10px; } }
@media all and (min-width: 955px) and (max-width: 1023px) {
    .fullWidthPad {
        max-width: 800px;
    }
}

/* Buttons */

.arrowNav .arrowYellowLeft, .arrowNav .arrowGreyLeft { float:left; }
.arrowNav .arrowYellowRight, .arrowNav .arrowGreyRight { float:right; }

.arrowYellowLeft,
.arrowGreyLeft,
.arrowYellowRight,
.arrowGreyRight {
width:191px;
height:22px;
cursor:pointer;
}

.arrowYellowLeft { background-position:-141px -44px; }
.arrowYellowLeft:hover { background-position:-141px 0px; }

.arrowGreyLeft { background-position:-141px 0px; }
.arrowGreyLeft:hover { background-position:-141px -44px; }

.arrowYellowRight { background-position:-141px -66px; }
.arrowYellowRight:hover { background-position:-141px -22px; }

.arrowGreyRight { background-position:-141px -22px; }
.arrowGreyRight:hover { background-position:-141px -66px; }

body.home .dw-icons.arrowGreyLeft:before,
body.home .dw-icons.arrowGreyRight:before,
body.blog .dw-icons.arrowGreyLeft:before,
body.blog .dw-icons.arrowGreyRight:before,
body.author .dw-icons.arrowGreyLeft:before,
body.author .dw-icons.arrowGreyRight:before {
font-size: 16px;
color: #bbbbbb;
}
body.home .dw-icons.arrowGreyLeft:hover:before,
body.home .dw-icons.arrowGreyRight:hover:before,
body.blog .dw-icons.arrowGreyLeft:hover:before,
body.blog .dw-icons.arrowGreyRight:hover:before,
body.author .dw-icons.arrowGreyLeft:hover:before,
body.author .dw-icons.arrowGreyRight:hover:before {
color: #f1d400;
}

.arrowYellowLeft .emLabel,
.arrowGreyLeft .emLabel,
.arrowYellowRight .emLabel,
.arrowGreyRight .emLabel {
position:absolute;
margin-top:18px;
cursor:pointer;
color:#666;
}

.arrowYellowLeft:hover .emLabel,
.arrowGreyLeft:hover .emLabel,
.arrowYellowRight:hover .emLabel,
.arrowGreyRight:hover .emLabel {
color:#333;
}

.arrowYellowLeft .emLabel,
.arrowGreyLeft .emLabel {
width:181px;
text-align:right;
}

.arrowYellowRight .emLabel,
.arrowGreyRight .emLabel {
margin-left:10px;
}


@media (max-width: 800px) { 
.arrowYellowLeft, .arrowYellowRight, .arrowGreyLeft, .arrowGreyRight { width:25px; height:41px; }

.arrowYellowLeft { background-position:0 -152px; }
.arrowYellowLeft:hover { background-position:-130px -152px; }

.arrowGreyLeft { background-position:-130px -152px; }
.arrowGreyLeft:hover { background-position:0 -152px; }

.arrowYellowRight { background-position:-30px -152px; }
.arrowYellowRight:hover { background-position:-160px -152px; }

.arrowGreyRight { background-position:-160px -152px; }
.arrowGreyRight:hover { background-position:-30px -152px; }

.arrowYellowLeft .emLabel,
.arrowGreyLeft .emLabel,
.arrowYellowRight .emLabel,
.arrowGreyRight .emLabel { margin-top:11px; }

.arrowYellowLeft .emLabel, .arrowGreyLeft .emLabel { text-align:left; margin-left:35px; }

.arrowYellowRight .emLabel, .arrowGreyRight .emLabel { margin-left:0; right:35px; }
}

.arrowNav .arrowYellowLeft .smallLabel, .arrowNav .arrowYellowRight .smallLabel { 
display:none;
visibility:hidden;
}
@media (max-width: 600px) {
.arrowNav .arrowYellowLeft .smallLabel, .arrowNav .arrowYellowRight .smallLabel { display:inline; visibility:visible; }
.arrowNav .arrowYellowLeft .fullLabel, .arrowNav .arrowYellowRight .fullLabel { display:none; visibility:hidden; }
}

.buttonGrey, .buttonYellow {
display:inline-block;
cursor:pointer;
height:26px;
line-height:26px;
vertical-align:top;
text-transform:uppercase;
padding:0 10px 0 10px;
border:0;
text-decoration:none;
}

.buttonGrey {
background:#bbb;
color:#fff;
}

.buttonGrey:hover {
background:#F1D400;
color:#333;
}

.buttonYellow {
background:#F1D400;
color:#333;
}

.buttonYellow:hover {
background:#bbb;
color:#fff;
}

.textBox {
background:#fff;
padding:0 10px 0 10px;
border:0;
border:1px solid #bbb;
line-height:24px;
height:24px;
vertical-align:top;
}

textarea.textBox {
height:100px;
}

/* bgstretcher */

.bgstretcher-area { text-align: left; }
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
position: absolute;
top: 0;
left: 0;
}

.bgstretcher UL, .bgstretcher UL LI {
margin: 0;
padding: 0;
list-style: none;
}

.bgstretcher {
overflow: hidden;
width: 100%;
position: fixed;
z-index: 1;
_position: absolute; /*IE6 doesn't support fixed positioning*/
top: 0;
left: 0;
}

/* Slideshow */

.slideShow {
border-bottom:10px solid #F1D400;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.slideShowPager  {
position:absolute;
z-index:999;
margin:-40px 0 0 0;
text-align:center;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (max-width: 700px) { .slideShowPager { display:none;visibility:hidden; } }

.slideShowPager ul {
height:15px;
line-height:15px;
display:inline-block;
}

.slideShowPager li {
display:block;
float:left;
margin:0 10px 0 0;
width:15px;
height:15px;
line-height:15px;
}

.slideShowPager li:last-child {
margin:0;
}

.slideShowPager li  a {
width:15px;
height:15px;
background-position:-156px -101px;
}

.slideShowPager li  a:hover,
.slideShowPager li.showPage a {
background-position:-141px -101px;
}

.slideShowLeft,
.slideShowRight {
display:block;
position:absolute;
cursor:pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.slideShowLeft {
z-index:998; /* below the pager, above right arrow */
}

.slideShowRight {
text-align:right;
z-index:997; /* below the pager, below left arrow */
}

.slideShowLeftArrow,
.slideShowRightArrow {
width:25px;
height:41px;
display:inline-block;
visibility:hidden;
}

.slideShowLeftArrow {
background-position:-60px -152px;
margin:0 0 0 20px;
}

.slideShowRightArrow {
background-position:-90px -152px;
margin:0 20px 0 0;
}

.slideShowLeft:hover .slideShowLeftArrow,
.slideShowLeft:active .slideShowLeftArrow,
.slideShowRight:hover .slideShowRightArrow,
.slideShowRight:active .slideShowRightArrow {
visibility:visible;
}

/* Blog Feed */

@media (max-width: 480px) { 
.blogFeed { display:none;visibility:hidden; } 
body.blog .blogFeed,
body.author .blogFeed  { display:block;visibility:visible; }
}

.blogFeedSlider .mask {
position:relative;
overflow:hidden;
height:130px !important;
}

.blogFeedSlider ul {
position:absolute;
overflow:hidden;
}
 
.blogFeedSlider ul li {
float:left;
margin:0 15px 0 0;
}

.blogFeedSlider ul li:last-child {
margin:0;
}

.blogFeedItem a {
height:130px;
display:inline-block;
}

.blogFeed .arrowGreyLeft {
float:left;
margin:10px 10px 20px 0;
}

.blogFeed .arrowGreyRight {
float:right;
margin:10px 0 20px 10px;
}

/* Home Page */

@media (max-width: 480px) { body.home #content { padding-bottom:0; } }
@media (min-width: 481px) { body.home #content { margin-top:31px; } }
@media (min-width: 481px) and (max-width: 1480px) { body.home #content { padding-right:30px; } }

body.home .blogFeed {
margin:25px 0 0 0;
}

body.home .slideShow {
border:0;
}

#blogFeedLabel {
position:absolute;
margin:20px 0 0 -155px;
width:155px;
}
@media (max-width: 700px) { #blogFeedLabel { margin-top:126px;} }
@media (min-width: 1435px) { #blogFeedLabel { width: 200px; margin-left:-200px; } }

#blogFeedLabel a {
text-decoration:none;
color:#fff;
display:block;
padding:0 30px 0 0;
text-align:right;
height:33px;
line-height:33px;
background:#bbb;
}

#blogFeedLabel:hover a {
background:#F1D400;
color:#000;
}

#blogFeedLabel #blogFeedLabelArrow {
position:absolute;
z-index:999;
margin:0 0 0 155px;
width:13px;
height:39px;
background-position:-223px -152px;
margin-top:-2px;
}
@media (min-width: 1435px) { #blogFeedLabel #blogFeedLabelArrow { margin-left: 200px; } }

#blogFeedLabel:hover #blogFeedLabelArrow {
background-position:-200px -152px;
}

@media (max-width: 540px) { 
#blogFeedLabel { position:static; margin:0; }
#blogFeedLabel a {background:none;text-align:left;color:#333;padding:0;line-height:1.4em;height:auto;}
#blogFeedLabel:hover a {background:none;color:#333;text-decoration:underline;}
#blogFeedLabel #blogFeedLabelArrow {display:none; visibility:hidden;}
}

#homeTagline {
margin:11px 0 0 0;
text-align:center;
}
@media (max-width: 800px) { #homeTagline { margin-top:20px; } }

.feedItemTip {
padding:0 5px 0 5px !important;
background:#333 !important;
color:#fff !important;
border-width:3px !important;
-webkit-border-radius:3px !important;
-moz-border-radius:3px !important;
border-radius:3px !important;
border-color:#333 !important;
font-size:inherit !important;
line-height:1.1em !important;
}

/* Portfolio Page */

@media (max-width: 480px) { body.page-template-template-portfolio-php #content { padding-bottom:0; } }
@media (min-width: 481px) { body.page-template-template-portfolio-php #content { margin-top:31px; } }
@media (min-width: 481px) { body.page-template-template-portfolio-2015-php #content { margin-top:24px; } }
@media (min-width: 481px) and (max-width: 1480px) { body.page-template-template-portfolio-php #content { padding-right:30px; padding-bottom:0; } }

.portfolioItem {
display:inline-block;
position:relative;
float:left;
overflow:hidden;
}
/*
@media (min-width: 1056px) { .portfolioItem { width: 31.73333333333333%; margin-right:2.4%; } .portfolioItem:nth-child(3n) { margin-right:0; } }
@media (max-width: 1055px) { .portfolioItem { width: 93%; margin-right:3.44827586206897%; } .portfolioItem:nth-child(2n) { margin-right:0; } }
@media (max-width: 615px) { .portfolioItem { width: 100%; } }
*/

.portfolioItem .thumbnail {
display:block;
position:relative;
}

.portfolioItem .viewGallery {
position:absolute;
display:none;
width:100%;
vertical-align:center;
padding-top:65.0%;
text-transform:uppercase;
}

.portfolioItem:hover .viewGallery {
display:block;
background: url(../images/portfolio/glasses.png);
background-position: center center;
background-size: 19%;
background-repeat: no-repeat;
}

.portfolioItem:hover .thumbnail img {
visibility:hidden;
}

.portfolioItem:hover .thumbnail {
background:#F1D400;
text-align:center;
}

.portfolioItem img {
max-width:100% !important;
height:auto !important;
width:auto;
-ms-interpolation-mode:bicubic;
vertical-align:middle;
}

.portfolioItem a.title {
color:#333;
text-decoration:none;
display:block;
visibility: hidden;
text-align:right;
height:30px;
text-transform:uppercase;
}
@media (max-width: 615px) { .portfolioItem a.title { max-width:420px; } }

/* Portfolio Page */

@media (min-width: 481px) { body.single-portfolio #content { margin-top:31px; } }
@media (min-width: 481px) and (max-width: 1480px) { body.single-portfolio #content { padding-right:30px; } }

body.single-portfolio .slideShow {
border:0;
}

#portfolioSlides {
cursor:pointer;
margin:0 0 15px 0;
}

#portfolioSingle .arrowYellowLeft,
#portfolioSingle .arrowYellowRight {
margin-top:-2px;
margin-bottom:30px;
}

#portfolioSingle .arrowYellowLeft {
float:left;
margin-right:10px;
}

#portfolioSingle .arrowYellowRight {
float:right;
display:inline-block;
margin-left:6px; /* 10px - 4px from pager spacing */
}

#portfolioSlidesPager {
text-align:center;
}

@media (max-width: 800px) { 
#portfolioSlidesPager { padding-top:8px; }
}

#portfolioSlidesPager ul  li {
display:inline-block;
margin:0 4px 0 0;
}

#portfolioSlidesPager .play {
display:none;
}

#portfolioSlidesPager a {
color:#666;
text-decoration:none;
}

#portfolioSlidesPager a:hover {
text-decoration:underline;
}

#portfolioSlidesPager li.showPage a {
color:#333;
font-family:HelveticaLightItalic;
text-decoration:underline;
}

#portfolioTitle {
margin:0 0 1.4em 0;
}
@media (max-width: 480px) { #portfolioTitle { margin-left:10px; margin-right:10px;} }

#portfolioTitle h1 {
display:inline-block;
}

#portfolioDescription {
max-width:800px;
margin-right:20px;
}

@media (max-width: 985px) { #portfolioDescription { width:100%; } }
@media (max-width: 480px) { #portfolioDescription { margin-left:10px; margin-right:10px; } }


/* Blog */

#blogHero {
display:block;
margin:0 0 20px 0;
max-width:100%;
height:auto;
width:auto; 
-ms-interpolation-mode:bicubic;
}

#blogToolbar {
margin:0 0 20px 0;
line-height:26px;
}
@media (max-width: 480px) { #blogToolbar {margin:0 0 10px 0; } }

#searchform {
float:right;
display:inline-block;
}

#searchform #s {
width:190px;
}

#searchform #submitSearch {
margin:0 0 0 5px;
}

#blogToolbar .rss {
float:right;
text-decoration:none;
white-space:nowrap;
color:#333;
}

#blogToolbar .rss:hover {
text-decoration:underline;
}

#blogToolbar .rss .sprite {
width:9px;
height:9px;
background-position:-180px -102px;
display:inline-block;
margin:-1px 0 0 5px;
}
#blogToolbar .rss:hover  .sprite, #blogToolbar .rss:active   .sprite { background-position:-190px -102px; }

#blogToolbar .dropDownMenu {
display:inline-block;
padding:0 30px 0 0;
float:right;
}

#blogToolbar .dropDownMenu .arrow {
width:7px;
height:4px;
background-position:-210px -102px;
display:inline-block;
margin:0 0 0 5px;
}
#blogToolbar .dropDownMenu:hover .arrow, #blogToolbar .dropDownMenu:active .arrow { background-position:-220px -102px; }

@media (max-width: 830px) { 
#searchform #s { width:40%; min-width:160px; }
#searchform { display:block; float:right; }
#blogToolbar .rss { clear:both; float:left !important; clear:left; margin-top:10px; padding:0 30px 0 0; }  
#blogToolbar .dropDownMenu { float:left !important;  margin-top:10px; }  
}

@media (max-width: 480px) { 
#blogToolbar .dropDownMenu,
#blogToolbar .rss { padding-right:15px; } 
}

@media (max-width: 400px) { 
#blogToolbar .dropDownMenu,
#blogToolbar .rss { padding-right:10px; } 
}

#blogToolbar .dropDownMenu ul {
position:absolute;
z-index:999;
list-style:none;
visibility:hidden;
display:none;
padding:40px 0 0 0;
margin:-35px 0 0 -11px;
}

#blogToolbar .dropDownMenu:hover ul,
#blogToolbar .dropDownMenu:active ul {
visibility:visible;
display:inherit;
}

#blogToolbar .dropDownMenu  li {
display:block;
background-color:#fff;
border-right:1px solid #bbb;
border-left:1px solid #bbb;
padding:0 10px 0 10px;
}

#blogToolbar .dropDownMenu  li:first-child {
border-top:1px solid #bbb;
padding-top:3px;
}

#blogToolbar .dropDownMenu ul  li:last-child {
border-bottom:1px solid #bbb;
padding-bottom:5px;
}

#blogToolbar .dropDownMenu ul  li a {
color:#666;
text-decoration:none;
white-space:nowrap;
}

#blogToolbar .dropDownMenu ul  li a:hover {
text-decoration:underline;
}

#blogIntro {
margin:0 0 30px 0;
}

#blogIntro p {
margin:0 0 1.4em 0;
}

#blogIntro p:last-child {
margin:0;
}

#blogBreadCrumb {
margin:0px 0 20px 0;
font-family:HelveticaLightItalic;
}

#blogBreadCrumb a {
text-decoration:none;
}

#blogBreadCrumb a:hover {
text-decoration:underline;
}

#blogBreadCrumb h1 {
display:inline-block;
}

.blogPost {
margin:0 0 45px 0;
min-height:375px;
position:relative;
}

.blogPost h1 {
text-align:right;
margin:0 0 10px 0;
font-family:NewParisKingSize-Medium-WebS;
font-size:36px;
min-height:40px;
background-repeat:no-repeat;
background-position:top left;
vertical-align:bottom;
padding-left:65px;
}

.blogPost h1.icon_1 { background-image:url(../images/blog-icons/001.jpg); }
.blogPost h1.icon_2 { background-image:url(../images/blog-icons/002.jpg); }
.blogPost h1.icon_3 { background-image:url(../images/blog-icons/003.jpg); }
.blogPost h1.icon_4 { background-image:url(../images/blog-icons/004.jpg); }

.blogPost h1 a {
text-decoration:none;
display:block;
line-height:36px;
}

.blogPost h1 a:hover {
text-decoration:none;
color:#333;
}

.postMeta {
width:145px;
position:absolute;
text-align:right;
overflow:hidden;
left:-175px;
top:-10px;
}
@media (max-width: 480px) { .postMeta { width:auto; position:static; text-align:right;overflow:auto; margin:0 0 15px 0; } }
@media (min-width: 1435px) { .postMeta  { width: 190px; left:-220px } }

@media (max-width: 480px) { 
.postMeta .time {display:block;border-top:1px solid #bbb; border-bottom:1px solid #bbb; padding:7px 0 7px 15px; } 
.postMeta .comments {display:none !important; visibility:hidden;}
.postMeta .author {display:none; visibility:hidden;}
}

.postMeta .day {
font-size:75px;
display:block;
line-height:75px;
margin-bottom:12px;
font-family:HelveticaUltraLight;
}
@media (max-width: 480px) { .postMeta .day { font-size:inherit;line-height:inherit;display:inline-block; font-family:HelveticaLight; display:inline-block; padding-right:5px; } }

.postMeta .monthYear {
display:inline-block;
border-top:1px solid #bbb;
border-bottom:1px solid #bbb;
padding:7px 0 7px 15px;
white-space:nowrap;
}
@media (max-width: 480px) { .postMeta .monthYear { padding:0; border:0; } }

.postMeta .comma {
display:none;visibility:hidden;
}
@media (max-width: 480px) { 
.postMeta h4 {display:inline-block; padding-right:5px; margin-top:5px !important; }
.postMeta .comma { display:inline; visibility:visible; } 
.postMeta .categoryBreak { display:none;visibility:hidden; }
}

.postMeta h4 {
color:#999;
margin:15px 0 0 0;
font-family:HelveticaLightItalic;
text-transform:lowercase;
}

.postMeta a {
text-decoration:none;
}

.postMeta a:hover {
text-decoration:underline;
}

.blogPost .entry-content img {
width:100% !important;
max-width:100%;
height:auto;
width:auto; 
-ms-interpolation-mode:bicubic;
}

.blogPost img.alignleft {
float:left;
margin:0 20px .7em 0;
}

.blogPost img.alignright {
display:block;
margin:0 0 .7em 20px;
}

.blogPost img.aligncenter {
display:block;
clear:both;
margin:0 auto .7em 0;
}

.blogPost img.alignnone {
display:block;
margin:0 0 15px 0;
}

.blogPost p {
margin:.7em 0 .7em 0;
}

.blogPost p:first-child,
.blogPost img:first-child {
margin-top:0;
}

.blogPost p:last-child,
.blogPost img:last-child {
margin-bottom:0;
}

.blogPost p:last-child img:last-child {
border-bottom:10px solid #F1D400;
}

.postButtons {
margin:25px 0 30px 0;
}

.postSocialButtons {
text-align:center;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
float: right;
}

body.single-post .addCommentButton,
body.single-post .commentsButton {
display:none;
visibility:hidden;
}

body.single-post .postSocialButtons {
text-align:left;
}

@media (max-width: 780px) { 
.postSocialButtons { margin-top: 3px; text-align:left; }
}

.postSocialButtons .fb-like,
.postSocialButtons .twitter-share-button,
.postSocialButtons .plusone,
.postSocialButtons .pin-it-button {
display:inline-block;
vertical-align:text-top !important;
}

@media (max-width: 550px) { 
.postSocialButtons .fb-like,
.postSocialButtons .twitter-share-button,
.postSocialButtons .plusone,
.postSocialButtons .pin-it-button {
display:inline-block;
}
}
.blogPost #commentform {
display:block;
padding-right:20px;
}

.blogPost #comment {
width:100%;
}

.blogPost .comments {
display:none;
}

body.single-post .comments {
display:block;
}

.commentsButton {
float:left;
}

.addCommentButton {
float:right;
display: none;
}

.commentlist {
list-style-type:none;
margin:0 0 30px 0;
}

.commentlist .children {
margin:1.4em 0 0 0;
padding:0 0 0 45px;
}

.commentlist #respond .comments_intro { display:none; }

.commentlist li {
margin:0 0 1.4em 0;
}

.commentlist li:last-child {
margin:0;
}

.commentlist .comment-meta { display:none; }

.comment-body p { margin:0 0 1.4em 0; }

.comment-body p:last-child { margin-bottom:0; }

.comment-body ul { list-style-type:disc; }

.comment-body ol { list-style-type:decimal; }

.comment-author-admin {
background:#bbb!important;
}

.comment-author { 
display:inline-block;
font-family:HelveticaMedium;
}

.comment-author cite { 
font-style:inherit;
}

.comment-meta {
color:#999;
display:inline-block;
}

.comment-meta a {
border-bottom:none;
color:#999;
text-decoration:none;
}

.comment-meta a:hover { color:#333; }

.cancel-comment-reply {
margin:15px 0 15px 0;
}

#respond h3 {
font-family:HelveticaUltraLightItalic;
font-size:2em;
margin:0 0 15px 0;
text-transform:lowercase;
}


/* Product Page */

.productPage h1.yellowTitle {
text-transform:none;
}

.productPage .list {
font-family:HelveticaLightItalic;
margin:25px 0 0 0;
text-align:center;
}

.productPage .twoColumnsText {
margin-top:20px;
margin-bottom:35px;
}
@media (max-width: 480px) { .productPage .twoColumnsText { margin-bottom:15px; } }

.productButtons {
text-align:center;
}

.productButtons .arrowYellowLeft,
.productButtons .arrowYellowRight {
text-align:left !important;
}

.moreInfo {
margin-top:8px;
}

@media (max-width: 800px) {
.moreInfo { visibility:hidden; display:none;}
}

/* Destinations */

@media (max-width: 480px) { body.page-template-template-destinations-php #content {padding-bottom:0;} }

#destinationsHero {
display:block;
margin:0 0 35px 0;
max-width:100%;
height:auto;
width:auto; 
-ms-interpolation-mode:bicubic;
}

.destinationsPage h2 {
font-family:HelveticaUltraLightItalic;
font-size:2.7em;
line-height:1.9em;
text-align:center;
}

.destinationsPage .intro {
margin:0 0 35px 0;
}

.destinationsPage  .caseStudy {
margin:0 0 45px 0;
}
@media (max-width: 960px) { .destinationsPage .caseStudy { margin-bottom:30px;} }
@media (max-width: 480px) { .destinationsPage .caseStudy { margin-bottom:20px; } }

.destinationsPage .caseStudy img {
border-bottom:10px solid #F1D400;
float:left;
margin:0 30px 0 0;
max-width:45%;
height:auto;
width:auto; 
-ms-interpolation-mode:bicubic;
}

.destinationsPage .rightCaseStudy img {
float:right;
margin:0 0 0 30px;
}

.destinationsPage h3 {
margin:-4px 0 .6em 0;
}

.destinationsPage .rightCaseStudy h3,
.destinationsPage .rightCaseStudy .featureLink {
text-align:right;
}

.destinationsPage  .caseStudy p {
margin:0 0 .6em 0;
}

.destinationsPage .featureLink {
display:block;
}

.destinationsPage .largePhoto {
margin-bottom:35px;
}

.destinationsPage .largePhoto img {
max-width:100%;
height:auto;
width:auto; 
-ms-interpolation-mode:bicubic;
}

.destinationsPage .blogFeed h4 {
margin:0 0 5px 0;
}

@media (max-width: 590px) { .destinationsPage .caseStudy img { float:none; display:block; margin:0 0 .6em 0; max-width:325px; width:100%; } }

/* Team */

#teamHero {
display:block;
max-width:100%;
height:auto;
width:auto; 
-ms-interpolation-mode:bicubic;
margin:0 0 20px 0;
}

.teamPage .secondaryBio h3 {
margin-bottom:15px;
}

.teamPage .teamIntro {
margin:0 0 25px 0;
}

.teamPage .twoColumnsText h3 {
break-before:always;
}

@media (max-width: 700px) {
.teamPage .twoColumnsText h3:nth-child(3) { margin-top:1.4em; }
}

.teamPage .benThenNow {
margin:0 0 25px 0;
}

.teamPage .secondaryBio p:last-of-type {
margin-bottom:30px;
}

.teamPage .socialButtons {
text-align:center;
border-bottom:1px solid #000;
height:18px;
overflow:visible;
position:relative;
}

.teamPage .socialButtons .emLabel {
position:absolute;
left:0;
top:-3px;
color:#999;
}

@media (max-width: 640px) { .teamPage .socialButtons .emLabel { display:none; } }

.teamPage .socialButtonsContainer {
display:inline-block;
position:relative;
background:#fff;
padding:0 15px 0 15px;
height:36px;
}

.teamPage .socialButton {
display:block;
float:left;
height:36px;
width:36px;
margin:0 10px 0 0;
}

.teamPage .socialButton:last-child {
margin:0;
}

.teamPage .socialButton .icon {
width:36px;
height:36px;
}

.teamPage .socialButton_facebook {background-position:-350px -66px;}
.teamPage .socialButton_twitter {background-position:-390px -66px;}
.teamPage .socialButton_blog {background-position:-430px -66px;}
.teamPage .socialButton_instagram {background-position:-470px -66px;}

.teamPage .socialButton:hover .socialButton_facebook {background-position:-350px -106px;}
.teamPage .socialButton:hover .socialButton_twitter {background-position:-390px -106px;}
.teamPage .socialButton:hover .socialButton_blog {background-position:-430px -106px;}
.teamPage .socialButton:hover .socialButton_instagram {background-position:-470px -106px;}

@media (max-width: 935px) {
.teamPage  .secondaryBio { margin:0 0 35px 0; }
}

@media (max-width: 720px) {
.teamPage .socialButton:last-child { margin:0; }
}

.teamPage  .secondaryBio {
margin:0 0 60px 0;
}

.teamPage  .secondaryBio:last-child {
margin:0;
}

.teamPage h2 {
font-family:NewParisKingSize-BoldItalic;
font-size:2.3em;
line-height:1.1em;
}
@media all and (min-width: 481px) and (max-width: 600px) {
    .teamPage h2 {
        font-size:2.3em;
    }
}

.teamPage .secondaryBio .cameraIcon {
float:left;
margin:6px 10px 10px 0;
}

.teamPage .secondaryBio .bioPhoto {
border-bottom:10px solid #F1D400;
float:left;
margin:6px 30px 0 0;
max-width:50%;
height:auto;
width:auto; 
-ms-interpolation-mode:bicubic;
}

@media (max-width: 590px) {
.teamPage .secondaryBio .bioPhoto { float:none; display:block; margin:0 0 .6em 0; max-width:390px; width:100%; }
}

.teamPage  .secondaryBio p {
margin:0 0 1.4em;
}

/* Our Story */
.ourStoryPage .hero {
    margin-bottom: 20px;
}
.ourStoryPage .our-story-item img:not(.lazy),
.ourStoryPage p img {
    max-width: 100%;
    margin-bottom: 20px;
}
.ourStoryPage p img {
    margin-bottom: 0px;
}
.ourStoryPage img ~ img {
    margin-top: -10px;
}
.ourStoryPage h2 {
    font-family: NewParisKingSize-Medium-WebS;
    font-size: 25px;
    line-height: 30px;
}
.ourStoryPage h3 {
    font-family: NewParisKingSize-BoldItalic;
    font-size: 20px;
    line-height: 25px;
}
.ourStoryPage h2:not(:first-of-type) {
    margin-top: 40px;
}
.ourStoryPage .our-story-item p {
    margin-bottom: 10px;
}
.ourStoryPage .our-story-item p:last-of-type {
    margin-bottom: 30px;
}
.ourStoryPage .photographer-wrapper {
    max-width: 48%;
}
.ourStoryPage .photographer-name-title {
    float: none;
}
.ourStoryPage .photographer-slideshow-wrapper {
    margin-top: 30px;
}

/* Contact */

.contactPage .hero {
display:block;
max-width:100%;
height:auto;
width:auto; 
-ms-interpolation-mode:bicubic;
margin-bottom:45px;
}

.contactPage h2 {
font-family:HelveticaUltraLightItalic;
font-size:2.7em;
line-height:1.9em;
text-align:center;
}

.contactPage .contactForm {
width:48%;
float:left;
}

.contactPage .contactInfo{
width:48%;
float:right;
margin:0 0 35px 0;
text-align: right;
}
.contactPage .contactInfo p {
font-style: italic;
}
.contactPage .contactInfo a {
text-decoration: none;
}
.contactPage .contactInfo #socialButtons {
margin-top: 5px;
}
.contactPage .contactInfo a.social-icons {
width: 20px;
height: 20px;
display: inline-block;
border-color: #000000;
border-style: solid;
border-width: 2px; 
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
vertical-align: middle;
}
.contactPage .contactInfo a.social-icons i {
font-size: 14px;   
line-height: 14px;
color: #000000;
position: relative;
}
 
@media (max-width: 810px) {
.contactPage .contactInfo, 
.contactPage .contactForm { float:none; width:100%; }
.contactPage .contactInfo p, .contactPage .contactInfo #socialButtons {padding: 0 10px;}
}

@media (max-width: 650px) {
.contactPage .contactInfo, 
.contactPage .contactForm { float:none; width:100%; }
.contactPage .contactInfo p, .contactPage .contactInfo #socialButtons {padding: 0 10px;}
}

@media (max-width: 480px) {
.contactPage .contactInfo, 
.contactPage .contactForm { margin-left:0;}
.contactPage .contactInfo p, .contactPage .contactInfo #socialButtons {padding: 0 10px;}
}

.contactPage .contactForm input,
.contactPage .contactForm textarea {
width:97%;
border:1px solid #ccc;
padding:4px 1% 4px 1%;
}

.contactPage #fsc-submit-1 {
width:auto;
background:#F1D400;
padding:6px 25px 6px 25px;
border:0;
text-transform:uppercase;
cursor:pointer;
vertical-align:top;
color:#333;
margin:15px 0 0 0 !important;
display:block;
}

.contactPage #fsc-submit-1:hover {
background:#999;
color:#fff;
}

#FSContact1 {
width:auto !important;
}

/* Testimonials */

.testimonialsPage #hero {
display:block;
max-width:100%;
height:auto;
width:auto; 
-ms-interpolation-mode:bicubic;
margin:0 0 45px 0;
}

.testimonialsPage .testimonial {
margin-bottom:30px;
clear:both;
}

.testimonialsPage .testimonial:last-child {
margin-bottom:0;
}

.testimonialsPage .testimonial img {
border-bottom:10px solid #F2D400;
width:315px;
float:left;
margin-right:30px;
margin-bottom:15px;
}
@media (max-width: 675px) { .testimonialsPage .testimonial img { float:none; display:block; margin-right:0; } }

.testimonialsPage .testimonial .text {
font-family:HelveticaLightItalic;
}
@media (max-width: 675px) { .testimonialsPage .testimonial .text { max-width:315px; } }

.testimonialsPage .testimonial .name {
font-family:HelveticaLight;
margin-top:15px;
}

.testimonialsPage .testimonial .name span {
padding-left:40px;
display:inline-block;
}

/* Money */
.moneyPage .money-introduction {
margin-bottom: 20px;
}

.moneyPage .heroContainer {
position:relative;
}

.moneyPage #hero {
display:block;
max-width:100%;
height:auto;
width:auto; 
-ms-interpolation-mode:bicubic;
}

.moneyPage ul {
position:absolute;
top:30px;
left:70px;
list-style-type:circle;
}
@media (max-width: 675px) { .moneyPage ul { position:static; margin:20px 0 0 30px; } }

.moneyPage li {
color:#fff;
font-size:1.5em;
line-height:1.5em;
font-family:NewParisKingSize-BoldItalic;
text-transform:uppercase;
}
@media (max-width: 675px) { .moneyPage li  { color:#000; } }
@media (max-width: 600px) { .moneyPage li  { font-size:inherit; line-height:inherit; font-family:HelveticaLight; } }

.moneyPage .hero {
display: block;
max-width: 100%;
height: auto;
width: auto;
margin-bottom: 15px;
}

/* FAQ */

.faqPage .hero {
display:block;
max-width:100%;
height:auto;
width:auto; 
-ms-interpolation-mode:bicubic;
margin-bottom:45px;
}

.faqPage h2 {
font-family:NewParisKingSize-Medium-WebS;
font-size:25px;
line-height:30px;
text-align:left;
}

.faqPage .question {
margin-bottom:45px;
}

.faqPage .question:last-child {
margin-bottom:0;
}

.faqPage ul {
list-style-type:circle;
margin:15px 0 0 30px;
}

.faqPage .questionImage {
border-bottom:10px solid #F2D400;
width:325px;
float:left;
margin-right:30px;
margin-bottom:15px;
}
@media (max-width: 775px) { .faqPage .questionImage { max-width:50%; height:auto; width:auto; -ms-interpolation-mode:bicubic; } }
@media (max-width: 675px) { .faqPage .questionImage { max-width:33%; } }
@media (max-width: 575px) { .faqPage .questionImage { width:auto; max-width:100%; float:none; display:block; margin-right:0; } }

/* Features */

.featuresPage .hero {
display:block;
max-width:100%;
height:auto;
width:auto; 
-ms-interpolation-mode:bicubic;
margin-bottom:45px;
}

.featuresPage .feature {
margin-bottom:45px;
}

.featuresPage .feature:last-child {
margin-bottom:0;
}
.featuresPage img {
    max-width: 100%;
}

.featuresPage .featureImage {
border-bottom:10px solid #F2D400;
width:325px;
float:left;
margin-right:30px;
margin-bottom:15px;
}
@media (max-width: 775px) { .featuresPage .featureImage { max-width:50%; height:auto; width:auto; -ms-interpolation-mode:bicubic; } }
@media (max-width: 675px) { .featuresPage .featureImage { max-width:33%; } }
@media (max-width: 575px) { .featuresPage .featureImage { width:auto; max-width:100%; float:none; display:block; margin-right:0; } }

/* Workshop */

.workshopPage .hero {
display:block;
max-width:100%;
height:auto;
width:auto; 
-ms-interpolation-mode:bicubic;
margin-bottom:45px;
}

.workshopPage .text:first-child {
margin-bottom:25px;
}

.workshopPage .workshopImage {
border-bottom:10px solid #F2D400;
width:325px;
float:left;
margin-right:30px;
margin-bottom:15px;
}
@media (max-width: 775px) { .workshopPage .workshopImage { max-width:50%; height:auto; width:auto; -ms-interpolation-mode:bicubic; } }
@media (max-width: 675px) { .workshopPage .workshopImage { max-width:33%; } }
@media (max-width: 575px) { .workshopPage .workshopImage { width:auto; max-width:100%; float:none; display:block; margin-right:0; } }

/*
BEGIN STUDIO PENCE STYLES
*/
/*Custom Derk's Works Icons*/
@font-face {
font-family: 'derks-works-icons';
src: url('derks-works-icons.eot?53247202');
src: url('derks-works-icons.eot?53247202#iefix') format('embedded-opentype'),
   url('derks-works-icons.woff?53247202') format('woff'),
   url('derks-works-icons.ttf?53247202') format('truetype'),
   url('derks-works-icons.svg?53247202#derks-works-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.dw-icons {
font-family: "derks-works-icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*Sidebar*/
#menu-main-menu .sub-menu li.byphotographer {
font-style: italic;
}
/*Flexslider*/
.flexslider {
border: 0px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-bottom: 0;
}
.derks-works-home-slide {
position: relative;
}
.flexslider .flex-direction-nav a {
display: block; 
color: rgba(255,255,255, 1.0);
text-shadow: none;
opacity: 1;
}
.flexslider:hover .flex-next {
opacity: 1;
right: 5px;
right: -36px; 
}
.flexslider:hover .flex-prev {
opacity: 1;
left: 5px;
left: -36px; 
}
.flexslider .flex-next,
.flexslider .flex-prev {
font-size: 1px; 
position: relative;
top: -10px;
}
.flexslider .flex-next:before,
.flexslider .flex-prev:before {
display: inline-block;
font-family: derks-works-icons;
content: '\e805' !important;
color: #fff;
font-size: 55px;
/*padding-left: 10px;*/ 
}
.flexslider .flex-prev {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
.flexslider .flex-direction-nav a {
width: 21px;
height: 30px;
margin: 0;
display: block;
background: none;
position: absolute;
top: 46.5%;
z-index: 10;
cursor: pointer;
text-indent: inherit;
opacity: 1;
-webkit-transition: all .3s ease; 
}
.flexslider:hover .flex-direction-nav .flex-prev,
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 1.0;
}
.flex-prev {
padding-right: 56px;
padding-top: 20px;
padding-bottom: 8px;
}
.flex-next {
padding-right: 56px;
padding-top: 20px;
padding-bottom: 8px;
}
#slider .flexslider .flex-control-nav {
bottom: 20px;
}
.flex-control-nav {
    display: none !important;
}
.home .flex-control-nav,
.videographer-slideshow-wrapper .flex-control-nav {
    display: block !important;
}
.single-portfolio #slider .flexslider .flex-control-nav {
    display: none;
}
.flex-control-nav li {
margin: 0 5px;
}
.flex-control-paging li a {
height: 12px;
width: 12px;
background: transparent;
border-style: solid;
border-width: 1px;
border-color: #fff;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover {
background: none repeat scroll 0 0 rgba(241, 212, 0, 1.0);
border-style: solid;
border-width: 1px;
border-color: rgb(241, 212, 0);
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
/*FAQ 2015*/
.questionImageFull {
max-width: 100%;
margin-bottom: 10px;
}
.question p {
	margin-bottom: 10px;
}
.question p:last-of-type {
	margin-bottom: 0;
}
/*TESTIMONIALS 2015*/
.testimonial-new {
margin-bottom: 45px;
}
.testimonial-new .testimonial-text {
font-family: HelveticaLightItalic;
}
.testimonial-new .name {
font-family: HelveticaLight;
margin-top: 15px;
}
.testimonial-new .name span {
padding-left: 40px;
display: inline-block;
}
/*CONTACT STYLE 01*/
textarea { resize:vertical ; }
input, select, checkbox {
-webkit-appearance: none;
}
.frm_style_derks-work-custom-style-01 input,
.frm_style_derks-work-custom-style-01.with_frm_style select {
border-width: 0px !important;
border-style: solid !important;
border-color: #333 !important;
border-bottom-width: 1px !important;
border-bottom-color: #333 !important;
border-bottom-style: solid !important;
background-image: none !important;
box-shadow: none !important;
font-family: 'HelveticaMedium' !important;
}
.frm_style_derks-work-custom-style-01 input:focus,
.frm_style_derks-work-custom-style-01 select:focus {
border-bottom-color: #F1D400 !important;
border-left-style: #F1D400 !important;
border-left-width: 5px !important;
border-left-color: #F1D400 !important;
padding-left: 5px !important;
}
.frm_style_derks-work-custom-style-01 textarea {
font-family: 'HelveticaMedium' !important;
border: 1px solid #333 !important;
box-shadow: none !important;
padding: 5px !important;
}
.frm_style_derks-work-custom-style-01 textarea:focus {
border: 1px solid #F1D400 !important;
border-left-style: #F1D400 !important;
border-left-width: 5px !important;
border-left-color: #F1D400 !important;
}
.ui-datepicker {
width: 240px !important;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 40% !important;
}
.frm_error {
padding: 7px !important;
background-color: rgba(241,212,0,1.0) !important;
color: #333 !important;
}
.frm_style_derks-work-custom-style-01.with_frm_style .frm_blank_field label {
color: rgb(51,51,51) !important;
}
.frm_submit input[type=submit] {
background: #999 !important;
color: #fff !important;
text-transform: uppercase !important;
font-family: HelveticaLight, Helvetica, Verdana, Arial, sans-serif !important;
border: 0 !important;
}
.frm_submit input.frm_prev_page {
background: #efefef !important;
color: #333 !important;
text-transform: uppercase !important;
font-family: HelveticaLight, Helvetica, Verdana, Arial, sans-serif !important;
border: 0 !important;
}
.frm_submit input[type=submit]:hover,
.frm_submit input.frm_prev_page:hover {
background: #F1D400 !important;
color: #333 !important;
}
/*INFORMATION*/
.frm_forms {
	padding: 0 10px;
}
.frm_forms input[type=checkbox] {
visibility: hidden;
}
#frm_form_7_container {
margin-top: 30px !important;
}
.informationForm {
width: 100% !important;
}
.frm_style_derks-work-custom-style-01.with_frm_style .frm-show-form .frm_section_heading h3,
.frm_section_heading {
border-top: 0 !important;
font-family: NewParisKingSize-BoldItalic !important;
font-size: 24px !important;
font-weight: 400 !important;
}
/*Checkboxes*/
.frm_style_derks-work-custom-style-01 input[type=checkbox] {
display: none;
}
.frm_checkbox {
margin-bottom: 3px;
}
#field_gk4065-0:checked + label /*Principal Photographer*/,
#field_htvd3o-0:checked + label /*Associate Photographer*/,
#field_k89t6w-0:checked + label /*the Simply Awesome Plus Package*/,
#field_ievuhg-0:checked + label /*the Simply Everything Package*/,
#field_vbzm05-0:checked + label /*the Awesome Package*/,
#field_j4h7ck-0:checked + label /*the Basic Package*/,
#field_yrhoh5-0:checked + label /*the Minimalist*/,
#field_1hndw2-0:checked + label /*Second Shooter - Two perspectives all day!*/,
#field_1hndw2-1:checked + label /*Second Shooter - Double our coverage by the hour please!*/,
#field_gwi4vt-0:checked + label /*Engagement Sessions - Absolutely!*/,
#field_gwi4vt-1:checked + label /*Engagement Sessions - Let’s add on the 7x7 coffee table book too.*/,
#field_gwi4vt-2:checked + label /*Engagement Sessions - No thanks.*/,
#field_3bdthy-0:checked + label /*Photobooth - Yes! the BIG SHOT (the crazier the better!)*/,
#field_3bdthy-1:checked + label /*Photobooth - Yes! the STAG (less is more).*/,
#field_3bdthy-2:checked + label /*Photobooth - Nah, we’ll pass for now.*/,
#field_y7ilss-0:checked + label /*Cofee Table Books - 7x7*/,
#field_y7ilss-1:checked + label /*Cofee Table Books - 12x12*/,
#field_7c0izl-0:checked + label /*20x30 Canvas Print - Yep*/,
#field_ht7t6c-0:checked + label /*Talk to me about Thank You cards - Let’s design something fun!*/,
#field_ht7t6c-1:checked + label /*Talk to me about Thank You cards - Maybe a photo I can print myself*/ {
background-color: #333;
border: 1px solid #333;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
color: #fff;
}
#field_gwi4vt-1:checked + label a {
color: #fff;
}
#field_gwi4vt-1:checked + label a:hover {
color: #F1D400;
}
#field_gk4065-0 + label /*Principal Photographer*/,
#field_htvd3o-0 + label /*Associate Photographer*/,
#field_k89t6w-0 + label /*the Simply Awesome Plus Package*/,
#field_ievuhg-0 + label /*the Simply Everything Package*/,
#field_vbzm05-0 + label /*the Awesome Package*/,
#field_j4h7ck-0 + label /*the Basic Package*/,
#field_yrhoh5-0 + label /*the Minimalist*/,
#field_1hndw2-0 + label /*Second Shooter - Two perspectives all day!*/,
#field_1hndw2-1 + label /*Second Shooter - Double our coverage by the hour please!*/,
#field_gwi4vt-0 + label /*Engagement Sessions - Absolutely!*/,
#field_gwi4vt-1 + label /*Engagement Sessions - Let’s add on the 7x7 coffee table book too.*/,
#field_gwi4vt-2 + label /*Engagement Sessions - No thanks.*/,
#field_3bdthy-0 + label /*Photobooth - Yes! the BIG SHOT (the crazier the better!)*/,
#field_3bdthy-1 + label /*Photobooth - Yes! the STAG (less is more).*/,
#field_3bdthy-2 + label /*Photobooth - Nah, we’ll pass for now.*/,
#field_y7ilss-0 + label /*Cofee Table Books - 7x7*/,
#field_y7ilss-1 + label /*Cofee Table Books - 12x12*/,
#field_7c0izl-0 + label /*20x30 Canvas Print - Yep*/,
#field_ht7t6c-0 + label /*Talk to me about Thank You cards - Let’s design something fun!*/,
#field_ht7t6c-1 + label /*Talk to me about Thank You cards - Maybe a photo I can print myself*/ {
background-color: #fff;
border: 1px solid #fff;
padding: 12px;
border-radius: 0px;
display: inline-block;
position: relative;
top: 6px;
padding-left: 30px;
}
#field_gk4065-0 + label:after /*Principal Photographer*/,
#field_htvd3o-0 + label:after /*Associate Photographer*/,
#field_k89t6w-0 + label:after /*the Simply Awesome Plus Package*/,
#field_ievuhg-0 + label:after /*the Simply Everything Package*/,
#field_vbzm05-0 + label:after /*the Awesome Package*/,
#field_j4h7ck-0 + label:after /*the Basic Package*/,
#field_yrhoh5-0 + label:after /*the Minimalist*/,
#field_1hndw2-0 + label:after /*Second Shooter - Two perspectives all day!*/,
#field_1hndw2-1 + label:after /*Second Shooter - Double our coverage by the hour please!*/,
#field_gwi4vt-0 + label:after /*Engagement Sessions - Absolutely!*/,
#field_gwi4vt-1 + label:after /*Engagement Sessions - Let’s add on the 7x7 coffee table book too.*/,
#field_gwi4vt-2 + label:after /*Engagement Sessions - No thanks.*/,
#field_3bdthy-0 + label:after /*Photobooth - Yes! the BIG SHOT (the crazier the better!)*/,
#field_3bdthy-1 + label:after /*Photobooth - Yes! the STAG (less is more).*/,
#field_3bdthy-2 + label:after /*Photobooth - Nah, we’ll pass for now.*/,
#field_y7ilss-0 + label:after /*Cofee Table Books - 7x7*/,
#field_y7ilss-1 + label:after /*Cofee Table Books - 12x12*/,
#field_7c0izl-0 + label:after /*20x30 Canvas Print - Yep*/,
#field_ht7t6c-0 + label:after  /*Talk to me about Thank You cards - Let’s design something fun!*/,
#field_ht7t6c-1 + label:after  /*Talk to me about Thank You cards - Maybe a photo I can print myself*/ {
content: '\2610';
font-size: 25px;
position: absolute;
top: 12px;
left: 0px;
color: #333;
font-weight: normal;
}
#field_gk4065-0:checked + label:after /*Principal Photographer*/,
#field_htvd3o-0:checked + label:after /*Associate Photographer*/,
#field_k89t6w-0:checked + label:after /*the Simply Awesome Plus Package*/,
#field_ievuhg-0:checked + label:after /*the Simply Everything Package*/,
#field_vbzm05-0:checked + label:after /*the Awesome Package*/,
#field_j4h7ck-0:checked + label:after /*the Basic Package*/,
#field_yrhoh5-0:checked + label:after /*the Minimalist*/,
#field_1hndw2-0:checked + label:after /*Second Shooter - Two perspectives all day!*/,
#field_1hndw2-1:checked + label:after /*Second Shooter - Double our coverage by the hour please!*/,
#field_gwi4vt-0:checked + label:after /*Engagement Sessions - Absolutely!*/,
#field_gwi4vt-1:checked + label:after /*Engagement Sessions - Let’s add on the 7x7 coffee table book too.*/,
#field_gwi4vt-2:checked + label:after /*Engagement Sessions - No thanks.*/,
#field_3bdthy-0:checked + label:after /*Photobooth - Yes! the BIG SHOT (the crazier the better!)*/,
#field_3bdthy-1:checked + label:after /*Photobooth - Yes! the STAG (less is more).*/,
#field_3bdthy-2:checked + label:after /*Photobooth - Nah, we’ll pass for now.*/,
#field_y7ilss-0:checked + label:after /*Cofee Table Books - 7x7*/,
#field_y7ilss-1:checked + label:after /*Cofee Table Books - 12x12*/,
#field_7c0izl-0:checked + label:after /*20x30 Canvas Print - Yep*/,
#field_ht7t6c-0:checked + label:after  /*Talk to me about Thank You cards - Let’s design something fun!*/,
#field_ht7t6c-1:checked + label:after  /*Talk to me about Thank You cards - Maybe a photo I can print myself*/ {
content: '\2714';
font-size: 19px;
position: absolute;
top: 12px;
left: 6px;
color: #fff !important;
font-weight: bold;
}
#frm_checkbox_131-1 {
margin-left: 30px;
}
/*Confirmation*/
.frm_message {
background-color: rgba(241, 212, 0,1) !important;
border: 0px !important;
border-radius: 0 !important;
color: #333 !important;
font-family: HelveticaLight, Helvetica, Verdana, Arial, sans-serif !important;
padding-bottom: 30px !important;
}
.frm_message h2 {
color: #fff !important;
font-size: 45px !important;
}
/*Calendar Picker*/
.ui-widget {
font-family: HelveticaLight, Helvetica, Verdana, Arial, sans-serif !important;
font-weight: normal !important;
}
.ui-widget th, .ui-widget td a {
font-weight: normal !important;
}
.ui-widget-header {
background: #F1D400 !important;
border: #F1D400 !important;
}
.ui-widget-content {
background: #fff !important;
border: 1px solid #000 !important;
}
.ui-datepicker .ui-datepicker-title select {
font-family: HelveticaLight, Helvetica, Verdana, Arial, sans-serif;
border-color: #000;
}
.ui-state-default, .ui-widget-content .ui-state-default {
color: #000 !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight,
.ui-state-hover, .ui-widget-content .ui-state-hover {
background: #F1D400 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active {
border-width: 2px !important;
}
/*FOOTER*/
a.social-icons {
width: 30px;
height: 30px;
display: inline-block;
border-color: #999999;
border-style: solid;
border-width: 3px; 
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
vertical-align: middle;
}
#facebook:hover {
border-color: #3b5998;
}
#facebook:hover i {
color: #3b5998; 
}
#instagram:hover {
border-color: #517fa4;
}
#instagram:hover i {
color: #517fa4; 
}
#twitter:hover {
border-color: #00aced;
}
#twitter:hover i {
color: #00aced; 
}
#google-plus:hover {
border-color: #dd4b39;
}
#google-plus:hover i {
color: #dd4b39; 
}
#yelp:hover {
border-color: #c41200;
}
#yelp:hover i {
color: #c41200; 
}
#local:hover {
border-color: #d4665d;
}
#local:hover i {
color: #d4665d; 
}
#vimeo:hover {
border-color: #aad450;
}
#vimeo:hover i {
color: #aad450; 
}
#tumblr:hover {
border-color: #32506d;
}
#tumblr:hover i {
color: #32506d; 
}
#rss:hover {
border-color: #fb8f3d;
}
#rss:hover i {
color: #fb8f3d; 
}
#blog:hover {
border-color: #F1D400;
}
#blog:hover i {
color: #F1D400; 
}
a.social-icons i {
font-size: 20px;   
line-height: 30px;
color: #999999;
position: relative;
}
i.bump-left {
left: 1px;
}
i.bump-top {
top: 1px;
}
p.tweet {
padding-right: 15px;
width: 250px;
}

/* Blog 2015 */
span.old-posts,
span.new-posts {
position: relative;
margin-top: 30px;
font-style: italic;
}
span.old-posts {
float: left;
left: -20px;
}
span.new-posts {
float: right;
right: -20px;
}

/*Team 2015 */
#photographerHero,
#teamHero,
.testimonialsPage #hero,
.featuresPage .hero,
.faqPage .hero,
.contactPage .hero,
#blogHero,
.ourStoryPage .hero,
.teamPage .hero {
    max-width: 100%;
    min-width: 100%;
    height: auto;
}
@media all and (min-width: 1024px) {
    #photographerHero,
    #teamHero,
    .testimonialsPage #hero,
    .featuresPage .hero,
    .faqPage .hero,
    .contactPage .hero,
    #blogHero,
    .ourStoryPage .hero,
    .teamPage .hero {
        min-width: 835px !important;
    }
}

.photographer {
margin-bottom: 50px;
}
.photographer-odd {
float: left;
}
.photographer-even {
float: left;
}
.photographer-meta {
margin-bottom: 10px;
}
.photographer-icon img {
float: left;
max-width: 80px;
max-height: 80px;
width: 70px;
height: 70px;
margin-right: 15px;
position: relative;
top: -10px;
}
@media all and (max-width: 480px) {
    .photographer-icon img {
        width: 51px;
        height: 51px;
    }
}
.photographer-name-title {
float: left;
}
a.photographer-link {
text-decoration: none;
}
h2.photographer-first-name,
.photographer-meta .photographer-name{
line-height: 0.75em;
margin-bottom: 8px;
}
h6.photographer-title {
color: #333;
font-weight: 400;
font-style: italic;
font-size: 16px;
}
@media all and (max-width: 480px) {
    h6.photographer-title {
        font-size: 15px;
    }
}
@media all and (min-width: 481px) and (max-width: 600px) {
    h6.photographer-title {
        font-size: 13px;
    }
}
.photographer-thumb {
max-width: 100%;
margin-bottom: 10px;
}
.photographer-follow {
float: left;
}
.photographer-follow p {
font-style: italic;
}
.photographer-follow p {
margin-top: 5px;
}
.photographer-icons {
float: right;
}
.photographer-icons a.social-icons {
border-color: #000;
border-width: 2px;
}
.photographer-icons a.social-icons i{
color: #000;
font-size: 18px;
line-height: 31px;
}
.teamPage .new-social .socialButton {
height:28px;
width:28px;
}
img.photographers-last-photo {
max-width: 100%;	
}
/*Photographer Detail*/
.photographer-detail,
.photographer-bio,
.photographer-interview {
margin-top: 50px;
}
.photographer-interview {
    margin-bottom: 50px;
}
.photographer-detail-wrapper {
width: 100%;
}
.photographer-single-image img {
    max-width: 100%;
}
.photographer-meta .photographer-name-title,
.photographer-meta .photographer-gallery-title {
float: left;
text-align: left;
}
.photographer-meta .photographer-name,
.photographer-meta .photographer-gallery-title {
font-family:NewParisKingSize-BoldItalic;
font-size: 2.3em;
}
@media all and (max-width: 600px) {
    .author .photographer-meta .photographer-name {
        font-size: 2.1em;
    }
}

.photographer-bio {
margin-bottom: 50px;
}
.photographer-bio p {
margin-bottom: 20px;
}
.photographer-interview .interview {
margin-bottom: 45px;
}
.photographer-interview .interview h2 {
font-family: NewParisKingSize-Medium-WebS;
font-size: 25px;
line-height: 30px;
text-align: left;
}
.interviewtoggle {
position: relative;
top: -30px;
text-align: center;
display: block;
font-size: 12px;
cursor: pointer;
}
.interviewtoggle.open {
top: 10px;
}
.interviewtoggle:before {
display: block;
font-family: derks-works-icons;
content: '\e805' !important;
color: #000;
font-size: 55px;
transform: rotateZ(90deg);
-webkit-transform: rotateZ(90deg);
-ms-transform: rotateZ(90deg);
-moz-transform: rotateX(90deg);
position: relative;
top: -10px;
}
.interviewtoggle.open:before {
transform: rotateZ(-90deg);
-webkit-transform: rotateZ(-90deg);
-ms-transform: rotateZ(-90deg);
-moz-transform: rotateZ(-90deg);
position: relative;
top: 50px;
}
.interviewtoggle .toggleclose {
display: none;
}
.interviewtoggle.open .toggleopen {
display: none;
}
.interviewtoggle.open .toggleclose {
display: block;
}
.interviewtoggle a {
text-decoration: none;
}
.toggle-panel {
display: none;
}
/*Back to top*/
.home .backToTop,
.page-template-template-portfolio-2015 .backToTop,
.page-template-template-team-2015 .backToTop,
.single-portfolio .backToTop {
display: none;
}
.backToTop {
padding-top: 50px;
cursor: pointer;
}
.backToTop a {
display: block;
text-align: center;
font-size: 12px;
text-decoration: none;
}
.backToTop:before {
    display: block;
    height: 50px;
    width: 33px;
    font-family: derks-works-icons;
    content: '\e805' !important;
    transform: rotateZ(-90deg);
    -webkit-transform: rotateZ(-90deg);
    -ms-transform: rotateZ(-90deg);
    -moz-transform: rotateZ(-90deg);
    position: relative;
    top: 55px;
    left: 50%;
    font-size: 55px;
    }

/*Video Area*/
.videographer-slideshow-wrapper {
    margin-bottom: 50px;
}
@media all and (min-width: 481px) and (max-width: 960px) {
    .videographer-slideshow-wrapper {
        padding-right: 15px;
    }
}
.videographer-slideshow-wrapper .flexslider .flex-control-nav {
bottom: -40px;
}
.videographer-slideshow-wrapper .flexslider .flex-direction-nav a {
top: 42%;
}
.videographer-slideshow-wrapper .flex-control-paging li a {
border-color: #000;
}
.videographer-slideshow-wrapper .flex-control-paging li a:hover {
border-color: rgba(241, 212, 0, 1.0);
}
/*Photo Area*/
.photographer-slideshow-wrapper  {
    margin-bottom: 50px;
}
@media all and (min-width: 481px) and (max-width: 960px) {
  .photographer-slideshow-wrapper  {
        padding-right: 15px;
    }
}
.photographer-slideshow-wrapper .flexslider .flex-control-nav {
bottom: 20px;
}
.photographer-detail .photographer-follow,
.photographer-detail .photographer-icons  {
float: none;
}
.photographer-detail .photographer-follow p {
text-align: center;
margin-bottom: 20px;
}
.photographer-detail .photographer-follow span.uppercase {
text-transform: uppercase;
}
.photographer-detail .photographer-icons {
margin-bottom: 50px;
}
.photographer-detail .new-social {
text-align: center;
}
.gallery-image {
display: inline-block;
position: relative;
overflow: hidden;
}
.photographer-meta .photographer-gallery-title {
line-height: 50px;
}
.gallery-image {
margin-bottom: 40px;
display: block;
position: relative;
}
.gallery-image img {
max-width: 100% !important;
height: auto !important;
width: auto;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}
.gallery-image:hover img {
visibility: hidden;
}
.gallery-image .viewGallery {
position: absolute;
display: none;
width: 100%;
vertical-align: center;
padding-top: 30%;
text-transform: uppercase;
height: 100% !important;
}
.photographer-detail .photographer-wrapper-full img {
max-width: 100%;
width: 100%;
height: auto;
}
.photographer-detail .gallery-image a.gallery-link {
text-align: right;
display: block;
text-transform: uppercase;
font-style: italic;
text-decoration: none;
}
.photographer-detail .gallery-image a.thumbnail {
text-decoration: none;
display: block;
position: relative;
}
.photographer-detail .gallery-image:hover .thumbnail {
background: #F1D400;
text-align: center;
}
.photographer-detail .gallery-image:hover .viewGallery {
display: block;
}
#blogstart,
#bywork,
#byphotographer {
border: none;
}
/*PORTFOLIO 2015*/
.portfolio-filter h6.filter-headline {
font-family:NewParisKingSize-Medium-WebS;
font-size: 36px;
font-weight: 400;
margin: 30px 0;
float: left;
}
.portfolio-filter span.filter {
float: left;
margin-left: 20px;
margin-top: 25px;
display: inline-block;
background: #999;
padding: 5px 15px;
color: #fff;
letter-spacing: 1px;
font-size: 13px;
}
.portfolio-filter span.filter:hover {
background: #F1D400;
color: #333;
}
.responsive-video  {
position: relative;
padding-top: 30px; height: 0; overflow: hidden;
}
.responsive-video {
padding-bottom: 56.25%;      
}
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-gallery-data {
margin-top: 60px;
}
/*STUDIO PENCE MOBILE STYLES*/

@media screen and (min-width: 320px) {
	/*Home Page FlexSlider*/
	/*.flexslider .flex-control-nav,*/
	.flex-direction-nav
	/*.derks-works-home-slide .slide-right,
	.derks-works-home-slide .slide-left*/	{
	display: none;
	}
	.derks-works-home-slide .slide-right,
	.derks-works-home-slide .slide-left {
	width: 25%;
	background: rgba(0,0,0,0.0);
	}
	.derks-works-home-slide .slide-right {
	margin-left: 75%;
	}
	.derks-works-home-slide .slide-right,
	.derks-works-home-slide .slide-left	{
	cursor: pointer;
	position: absolute;
	height: 100%;
	float: left;
	}
	.flexslider {
	min-height: 200px;
	}
	/*Testimonials*/
	.testimonial-new .testimonial-image img {
	float: none;
	width: 100%;
	margin-bottom: 15px;
	}
	.testimonial-new .testimonial-text {
	float: none;
	width: 100%;
	}
	/*Information*/
	.informationForm {
	width: 96% !important;
	margin-left: 10px !important;
	}
	/*Footer*/
	body.home .dw-icons.arrowGreyLeft:before,
	body.blog .dw-icons.arrowGreyLeft:before,
	body.author .dw-icons.arrowGreyLeft:before	{ 
	content: '\e804';
	}
	body.home .dw-icons.arrowGreyRight:before,
	body.blog .dw-icons.arrowGreyRight:before,
	body.author .dw-icons.arrowGreyRight:before{ 
	content: '\e803';
	position: relative;
	right: 165px;
	padding-right: 85px;
	}
	/*Team 2015 */
	.photographer-wrapper{
	width: 100%;
	}
	.photographer-odd {
	margin-right: 0;	
	}
	.photographer-wrapper-half {
	width: 100%;
	float: left;
	margin-top: 80px;
	}
	/*Photgrapher Detail*/
	.photographer-detail .two-col .gallery-image.even,
	.photographer-detail .two-col .gallery-image.odd,
	.photographer-detail .three-col .gallery-image	{
	width: 100%;
	float: none;
	}
	.photographer-detail .two-col .gallery-image.odd,
	.photographer-detail .three-col .gallery-image 	{
	margin-right: 0%;
	}
	.blog-title-meta .blog-title {
	width: 75%;
	float: right;
	}
	.blogPost .blog-title-meta .blog-title h1 {
	line-height: 40px;
	padding-left: 0;
	}
	/*Portfolio 2015*/
	.portfolio-filter h6.filter-headline {
	width: 100%;	
	margin: 10px 0;
	padding-left: 10px;
	line-height: 36px;
	}
	.portfolio-filter span.filter.filter-work {
	margin-bottom: 20px;
	}
	.portfolio-filter span.filter.filter-work {
	margin-left: 10px;
	}
	/*Sidebar*/
	#menu-main-menu .sub-menu li.byphotographer {
	padding: 10px 0;
	background: #fff;
	margin-top: 0;
	padding-left: 30px;
	}
}
@media screen and (min-width: 480px) {
	/*Home Page FlexSlider*/
	#slider .flexslider {
	min-height: 200px;
	}
	/*Photographer Detail Flexslider*/
	.photographer-slideshow-wrapper .flexslider{
	min-height: 0;
	}
	/*Portfolio 2015*/
	.portfolio-filter h6.filter-headline {
	padding-left: 0;
	}
	.portfolio-filter span.filter.filter-work {
	margin-bottom: 20px;
	}
	.portfolio-filter span.filter.filter-work {
	margin-left: 10px;
	}
	/*Sidebar*/
	#menu-main-menu .sub-menu li.byphotographer {
	margin-top: 5px;
	padding: 0 30px 0 0;
	}
}
@media screen and (min-width: 600px) {
	/*Home Page FlexSlider*/
	#slider .flexslider {
	min-height: 250px;
	}
	/*Photographer Detail Flexslider*/
	.photographer-slideshow-wrapper .flexslider{
	min-height: 0;
	}
	/*Footer*/
	body.home .dw-icons.arrowGreyLeft:before,
	body.blog .dw-icons.arrowGreyLeft:before,
	body.author .dw-icons.arrowGreyLeft:before	{ 
	content: '\e802';
	}
	body.home .dw-icons.arrowGreyRight:before,
	body.blog .dw-icons.arrowGreyRight:before,
	body.author .dw-icons.arrowGreyRight:before	{ 
	content: '\e801';
	position: relative;
	right: 165px;
	padding-right: 0;
	}
}
@media screen and (min-width: 768px) {
	/*Home Page FlexSlider*/
	#slider .flexslider {
	min-height: 375px;
	}
	/*Photographer Detail Flexslider*/
	.photographer-slideshow-wrapper .flexslider{
	min-height: 0;
	}
	/*Portfolio 2015*/
	.portfolio-filter h6.filter-headline {
	width: auto;	
	margin: 30px 0;
	padding-left: 0;
	line-height: 20px;
	}
	.portfolio-filter span.filter.filter-work {
	margin-bottom: 20px;
	}
	.portfolio-filter span.filter.filter-work {
	margin-left: 20px;
	}
	.portfolioItem { 
	width: 48%; 
	margin-right:2%; 
	} 
	.portfolioItem:nth-child(2n) { 
	margin-right:0; 
	}
	
}
@media screen and (min-width: 800px) {
	/*Home Page FlexSlider*/
	.flexslider .flex-control-nav,
	.flex-direction-nav,
	.derks-works-home-slide .slide-right,
	.derks-works-home-slide .slide-left	{
	display: block;
	}
	#slider .flexslider {
	min-height: 400px;
	}
	/*Photographer Detail Flexslider*/
	.photographer-slideshow-wrapper .flexslider{
	min-height: 0;
	}
}
@media screen and (min-width: 1024px) {
	/*Home Page FlexSlider*/
	#slider .flexslider {
	min-height: 550px;
	}
	/*Photographer Detail Flexslider*/
	.photographer-slideshow-wrapper .flexslider{
	min-height: 0;
	}
	/*Testimonials*/
	.testimonial-new .testimonial-image img {
	float: left;
	width: 40%;
	}
	.testimonial-new .testimonial-text {
	float: right;
	width: 57%;
	font-family: HelveticaLightItalic;
	}
	/*Team 2015 */
	.photographer-wrapper{
	width: 48%;
	}
	.photographer-odd {
	margin-right: 4%;	
	}
	.photographer-wrapper-half {
	width: 48%;
	}
	/*Photgrapher Detail*/
	.photographer-detail .two-col .gallery-image.even,
	.photographer-detail .two-col .gallery-image.odd {
	width: 48%;
	float: left;
	}
	.photographer-detail .two-col .gallery-image.odd {
	margin-right: 4%;
	}
	.photographer-detail .three-col .gallery-image {
	width: 31.33%;
	float: left;
	}
	.photographer-detail .three-col .gallery-image {
	margin-right: 3%;
	}
	.photographer-detail .three-col .gallery-image.one_third.last {
	margin-right: 0%;
	}
	.blog-title-meta .blog-title {
	width: 80%;
	}
	.blogPost .blog-title-meta .blog-title h1 {
	line-height: 50px;
	padding-left: 0;
	}
}
@media screen and (min-width: 1055px) {
	.portfolioItem { 
	width: 31.33%; 
	margin-right:3%; 
	} 
	.portfolioItem:nth-child(2n) { 
	margin-right:3%; 
	}
	.portfolioItem:nth-child(3n) { 
	margin-right:0; 
	}
}
@media screen and (min-width: 1280px) {
	/*Home Page FlexSlider*/
	#slider .flexslider {
	min-height: 700px;
	}
	/*Photographer Detail Flexslider*/
	.photographer-slideshow-wrapper .flexslider{
	min-height: 0;
	}
}
@media screen and (min-width: 1600px) {
	/*Home Page FlexSlider*/
	#slider .flexslider {
	min-height: 830px;
	}
	/*Photographer Detail Flexslider*/
	.photographer-slideshow-wrapper .flexslider{
	min-height: 0;
	}
}