

/* /////////////////////////////////////////////////////////////////////
//  Your CSS
/////////////////////////////////////////////////////////////////////*/

/*  
Theme Name: Queensberry
Description: Custom Queensberry Styles
Version: 1 - January 2014
Author: Queensberry
Author URL: https://www.queensberry.com


TABLE OF CONTENTS

01 - Typography 
02 - General Page Structure
03 - Navigation
04 - Grid Styles
05 - Home Page
06 - Product Pages
07 - Slideshows
08 - Workspace Page
09 - Blog Styles
10 - Widget Styles
11 - Photographer Directory
12 - History Timeline
13 - Footer
14 - Responsive CSS
*/



/* ///////////////////////////////////////////////////////////////////// 
//  TYPOGRAPHY
/////////////////////////////////////////////////////////////////////*/

body {
background-color: #ffffff;
padding: 0px 0 0px 0;
font-size:100%;
}


html{
font-size: 100%;
} 
    

a {
color: #bea23e;
text-decoration: none;
font-family: inherit;
}

a.loadarticlecontent {
cursor: pointer;
}

a img {
border: none;
}

p {
font-size:12pt;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
color: #353535;
line-height: 1.6em;
margin: 0.5em 0 1.7em 0;
letter-spacing: normal;
line-height:29px;
}

p.overlap_text {
font-family: 'Futura W01 Book';
font-weight: 500 !important;
font-size: 45px !important;
}

p.workspace {
width: 68%;
margin: 0 auto;
border-bottom: 1px solid #CDCABF;
padding-bottom: 53px;
}

p.doitall {
width: 75%;
margin: 0 auto 16px auto;
}

p.products {
width: 70%;
margin: 10px auto;
}
    
p.small-caption {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
font-size:0.750em;
margin:0px;
    }
    
em {
font-style:italic;
}

strong, b {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
}

h1 {
font-weight: bold;
padding-bottom:0px;
font-size: 14pt;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0.5em 0 1em 0;
color: #353535;
line-height: 2em;
letter-spacing: normal;
text-align:left;
text-transform:none; 
}


.page-header {
background: transparent none repeat scroll 0 0;
    border-bottom: 1px solid #cdcabf;
    font-family: inherit;
    height: auto;
    margin: 35px auto 0;    
    padding: 0;   
}

.products-page-header {
width: 100%;
max-width: 61.250em;
margin: 0px auto 0px auto;
border-bottom: 1px solid #cdcabf;
}

h2 {
font-size:18pt !important; 
text-transform: uppercase;
margin: 0px 0 12px 0;
color: #353535;
font-weight: normal;
letter-spacing: 0.03em;
line-height:1.375em;
padding-bottom:0px;
font-family:'Futura W01 Light';
}

h3 {
text-transform: uppercase;
font-size: 1.125em;
color: #353535;
padding: 5px 0;
font-weight: normal;
}


h4 {
text-transform: uppercase;
font-size: 1.000em;
margin: 55px 0 24px 0;
font-weight: normal;
color: #353535;
padding-bottom:0px;
letter-spacing: 0.06em;
}

h5 {
font-size:0.750em;
letter-spacing:0.2em;
font-weight:normal;
} 

#popup_title {
font-size: 1.000em;
}

.popup_block {
font-size: 0.938em;
}

.center-text {
text-align: center;
}


/* ///////////////////////////////////////////////////////////////////// 
//  GENERAL PAGE STRUCTURE
/////////////////////////////////////////////////////////////////////*/


#header-section-products {
	margin-left: calc(-50vw + 50%);
    width: 100vw;
}

.homepagesection {
max-width:1022px;
margin-left:auto !important;
margin-right:auto !important;
padding-left:15px !important;
padding-right:15px !important;
}

#pageWidth {
margin:auto;
margin-top: 0px;
padding: 0px 0 0px 0;
width:100%;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
line-height: 1.500em;
font-size:100%;
color: #353535;

}

#pgContent {
/*float: left;*/
width: 100%;
padding-left: 0px;
padding-right: 0px;
-moz-box-shadow: 0 0 0 ;
-webkit-box-shadow: 0 0 0 ;
box-shadow: 0 0 0;
max-width: none;
}

.mainPageContent {
padding: 0px 0 0px 0;
}

.container {
max-width: 61.250em;
width: 90%;
margin: 0 auto;
}

#page {
max-width: 61.250em;
width: 90%;
margin:auto;
}

#isPageHeader {
max-width: 61.25em;
width: 90%;
margin:auto;
background-image: url(https://workspace-proxies.s3.amazonaws.com/A87804/blog/blogmedialibrary/timy1u20r7woxsqeu127f1or.jpg?v=1487715880436);
background-repeat: no-repeat;
background-size: cover;

}

.photographer-custom-page {
width:100%;
margin:auto;
display: block;
clear: both;
margin-bottom: 80px;
max-width: 61.25em;
}

#main .wrap {
max-width: 61.250em;
width: 90%;
margin: 0 auto;
padding: 0 0 0 0;
}

#mainPageHeader {
max-width: 61.250em;
width: 90%;
margin:auto;
padding-top: 38px;
border-top: 1px solid #cdcabf;
display: none;
}

#pgLogo {
width: 250px;
float:left;
height: 40px;
margin-top: 9px;
margin-bottom: 17px;
text-align:left;
padding: 0;
}
#pgLogo_img {
    padding: 20px 0;
    margin-left: 60px;
    margin-top: 7px;
}

#gallery.content {
max-width: 61.250em;
width: 90%;
float:none;
}


#blackframe {
width: 100%; margin-left:0px;
}

.blackframe {
width: 90%;
margin-left:auto !important;
margin-right:auto !important;
}

#intro {
height: 465px;
background-color: #F7F4EF;
padding-top: 15px;
margin-bottom: 60px;
padding-bottom: 15px;
clear: both;
}

body > span {
display:none;
}

img {
max-width: 100%;
}




/*--------------------------------------
ELEMENTS
---------------------------------------*/

.line {
border-top:1px solid #cdcabf;
}

ul {
padding-left: 50px;
}

.hr_aa {
background-color:  #cdcabf;
margin: 25px 0 25px 0 !important;
width: 50% !important;
}

.hr_workspace {
background-color:  #cdcabf;
margin: 25px auto 25px auto !important;
width: 50% !important;
border: 0 !important;
padding: 0 !important;
height: 1px !important;
clear: both !important;
}

hr {
border-top: 1px solid #cdcabf;
max-width:952px;
margin-left:auto !important;
margin-right:auto !important;
padding-left:15px !important;
padding-right:15px !important;
}


/*--------------------------------------
BUTTONS
---------------------------------------*/

#top-dashboard {
float: right;
margin-top: 20px;
}

#bottom-dashboard {
text-align:center;
}

#bottom-sign-up {
text-align:center;
}

#login {
float: right;
margin-top: 20px;
line-height: 1.25em;
}

.or {
font-family: 'Futura W01 Book';
float: left;
margin: 0px !important;
}

.buttonYel1 {
background-color: #999999;
color: #ffffff;
padding: 2px 6px 2px 6px;
}

.black-button {
font-size: 1.125em;
font-family: "Futura W01 Light";
background-color: #353535;
color: #ffffff;
padding: 6px 30px;
text-transform:uppercase;
letter-spacing: 0.08em;
border-radius: 2px;
}

a.black-button  {
color: #ffffff;
text-decoration:none;
}

a.black-button:hover {
color: #ffffff;
text-decoration:none;
}

.gold-button {
font-size: 1.125em;
font-family: "Futura W01 Light";
background-color: #bea23e;
color: #ffffff;
padding: 6px 30px;
text-transform:uppercase;
letter-spacing: 0.08em;
border-radius: 2px;
}

a.gold-button  {
color: #ffffff;
text-decoration:none;
}

a.gold-button:hover {
color: #ffffff;
text-decoration:none;
}


a.get-started-button {
font-size:1.125em;
font-family: "Futura W01 Light";
background-color:#353535;
color:#ffffff;
text-transform:uppercase;
padding:6px 30px;
letter-spacing:0.08em;
border-radius: 2px;
}
    
a.get-started-button:hover {
text-decoration:none;
background-color:#555555;
}
    
a.plans-pricing-button {
font-size:1.125em;
font-family: "Futura W01 Light";
background-color:#353535;
color:#ffffff;
text-transform:uppercase;
padding:6px 30px;
letter-spacing:0.08em;
margin-bottom:20px;
margin-top:20px;
border-radius: 2px;
    }
    
a.plans-pricing-button:hover {
text-decoration:none;
background-color:#555555;
}

a.buttonYel.dash {
font-size:1.125em;
font-family: "Futura W01 Light";
padding:6px 30px;
letter-spacing:0.08em;
}
    
a.buttonYel.dash:hover {
font-size:1.125em;
font-family: "Futura W01 Light";
padding:6px 30px;
letter-spacing:0.08em;
}


/*--------------------------------------
SMALL BUTTONS
---------------------------------------*/


.black-button-small {
font-size: 0.813em;
font-family: "Futura W01 Light";
background-color: #353535;
color: #ffffff;
padding: 0px 12px 3px;
text-transform:uppercase;
letter-spacing: 0.03em;
border-radius: 2px;
height: 20px;
}

a.black-button-small  {
color: #ffffff;
text-decoration:none;
}

a.black-button-small:hover {
color: #ffffff;
text-decoration:none;
}

.gold-button-small {
font-size: 0.813em;
font-family: "Futura W01 Light";
background-color: #bea23e;
color: #ffffff;
padding: 0px 12px 3px;
text-transform:uppercase;
letter-spacing: 0.03em;
border-radius: 2px;
height: 20px;
}

a.gold-button-small  {
color: #ffffff;
text-decoration:none;
margin-right:0px !important;
}

a.gold-button-small:hover {
color: #ffffff;
text-decoration:none;
}


.buttonLevel2 {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,240,234,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,240,234,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,240,234,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,240,234,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,240,234,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,240,234,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f0ea',GradientType=0 ); /* IE6-9 */
    padding: 4px 11px;
    border: 1px solid #CDCABF;
    margin-right:8px;
    border-radius:2px;
    text-align: center;
    width: auto;
    color: #bea23e;
    cursor:pointer;
    font-size:0.963em;
    float:none;
}

.buttonLevel2 a:hover {
    text-decoration: none !important;
}

.buttonLevel2:hover {
color: #bea23e;
    text-decoration: none !important;
    background: rgb(255,252,244); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,252,244,1) 0%, rgba(224,216,199,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,252,244,1)), color-stop(100%,rgba(224,216,199,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,252,244,1) 0%,rgba(224,216,199,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,252,244,1) 0%,rgba(224,216,199,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,252,244,1) 0%,rgba(224,216,199,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,252,244,1) 0%,rgba(224,216,199,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcf4', endColorstr='#e0d8c7',GradientType=0 ); /* IE6-9 */
}


a.download-manifesto {
background: url('http://workspace-cdn.s3.amazonaws.com/images/clientwebsite/download.png');
background-repeat: no-repeat;
    cursor:pointer;
    float:none;
display: inline-table;
}

.fb_iframe_widget {
margin-top: 19px;
margin-bottom:32px;
margin-left:13px;
}
.postRow .sharelinks {
overflow:auto;
height:auto !important;
padding-bottom:20px !important;
border-bottom:0px !important; 
}
.postRow .sharelinks .fb_iframe_widget {
    margin-bottom: 0;
    margin-left: 0;
}

/* ///////////////////////////////////////////////////////////////////// 
//  NAVIGATION
/////////////////////////////////////////////////////////////////////*/

li.secondnav a:hover {
cursor:pointer;
}

#nav-container {
margin:auto;
}

#sub-nav ul {
margin: 8px 0 0 0;
}

#sub-nav ul li {
display: inline-block;
margin-right:30px;
}

.sub-nav-2 {
position: absolute;
}

.nav-arrow {
margin-left: 3px;
margin-bottom: 1px;
}
.sub-nav-2 ul li.current a {
    color: #353535 !important;
}
.sub-nav-2 ul li a {
    color: #bea23e !important;
}
.sub-nav-2 ul {
background-color:#f7f4ef;
width:165px;
padding:2px 0;
margin-top: 0px;
border: 1px solid #cdcabf;
}

.sub-nav-2 ul li {
padding:3px 10px;
font-size:15px;
margin:10px;
}

.sub-nav-2 ul li:hover {
padding:3px 10px;
margin:10px;
background-color:#FCFCFC;
}

.sub-nav-2 ul li a:hover {
color:#bea23e;
}

#sub-nav ul li.current a{
color:#353535;
}

.sub-nav-2 ul li.current a{
color:#353535;
}

.sub-nav-2 ul li.current {
background-color:#FCFCFC;
padding:3px 10px;
margin:10px;
}

.album-nav {
z-index: 2;
}

.books-nav {
margin-left: 100px;
z-index: 2;
}

.prints-nav {
margin-left: 200px;
z-index: 2;
}

.prints-nav ul {
width:180px;
}
.services-nav {
margin-left: 205px;
z-index: 2;
}

#topnav {
float: right;
margin-top: 22px;
text-transform: uppercase;
font-size: 14px;
margin-bottom:25px;
}

#topnav ul li {
margin:0 28px 0 0;
display: inline;
}

li.item5 {
margin-right: 0px !important;
}


#pgNavigation {
float: right !important;
    clear: none !important;
    margin-top: 35px !important;
    margin-bottom: 0 !important;
    width: auto !important;
    padding-bottom: 23px !important;
    margin-right: 60px !important;
}
#pgNavigation ul {
   padding-left:0;
   margin-top:4px;
}
#pgNavigation li {
float: left;
width: auto;
display: block;
padding-right: 20px;
}

#pgNavigation li a{
color: #ffffff;
text-decoration: none;
}

#pgNavigation li a:hover{
color: #ffffff;
text-decoration: none;
}

#pgNavigation li .current a {
color: #ffffff;
text-decoration: none;
border-bottom:3px solid #ffffff;
}

#nav-pg ul li.item29.current a {
color: #ffffff;
text-decoration: none;
border-bottom:3px solid #ffffff;
}

#galleryNavigation {
margin-bottom: 20px;
}

#nav-pg ul li {
text-transform: uppercase;
font-size: 0.850em;
color: #353535;
padding-left:5px;
letter-spacing:0px;
}


/* ///////////////////////////////////////////////////////////////////// 
//  GRID STYLES
/////////////////////////////////////////////////////////////////////*/

.span-1  {
width: 225px;
margin-right:26px;
float:left;
margin-top: 30px;
}

.span-2 {
width:31.63265%;
margin-right:2.55102%;
float:left;
}

.span-2.article {
width: 30.63265%;
margin-right:2.55102%;
float:left;
}

.span-3 {
width: 48.46939%;
margin-right: 3.06122%;
float:left;
padding-bottom:60px;
padding-top:60px;
}

.span-6 .leftgallery {
width: 53%;
float:left;
}

.span-6 .rightgallery {
width: 53%;
float:right;
margin-right:0%;
}


.span-6 .leftdescriptiontext {
width: 43%;
float:left;
}

.span-6 .rightdescriptiontext {
width: 43%;
float:right;
}

.span-4 {
float:left;
width: 66.32653%;
}

.span-6 {
max-width: 61.250em;
width: 100%;
margin:auto;
margin-top:25px;
clear: both;
}

div.last {
margin-right:0px;

}



/* ///////////////////////////////////////////////////////////////////// 
//  HOME PAGE
/////////////////////////////////////////////////////////////////////*/

#fullwidthdiv {
background: url('http://workspace-cdn.s3.amazonaws.com/images/home/top-image3.jpg');
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;
background-position: center;
height: 525px;
}

.link-container {
width: 90%;
margin: 0 auto;
}

.top-link {
width:24.81633%;
float: left;
border: 5px solid #ffffff;
margin-top: 3.06122%;
}

.top-link-products {
width:24.81633%;
float: left;
margin: 3.06122% 4.08163% 0px 4.08163%;
border: 5px solid #ffffff;
}

span.top-link-text {
text-transform: uppercase;
font-size: 1.125em;
color: #353535;
padding: 5px 0;
font-weight: normal;
text-align:center;
display: block;
padding-top: 13px;
}

.top-link a, .top-link-products a {
display:block;
background: url('http://workspace-cdn.s3.amazonaws.com/images/home/trans-background.png');
width:100%;
height:50px;
}

.top-link a:hover, .top-link-products a:hover {
color:#353535;
display:block;
width:100%;
height:50px;
}



/* ///////////////////////////////////////////////////////////////////// 
//  PRODUCT PAGES
/////////////////////////////////////////////////////////////////////*/

/*--------------------------------------
Top Images
---------------------------------------*/

.whitecanvas {
background-color: white;
height: 313px;
padding-top: 15px;
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #cdcabf;
}

#duo-intro {
background: url('http://queensberry.s3.amazonaws.com/images/brand/albums/duo-intro2.jpg');
background-size: 100%;
background-repeat: no-repeat;
height: 450px;
margin: 30px auto 60px auto;
}

#duo-intro-dummy {
background: url('http://queensberry.s3.amazonaws.com/images/brand/albums/Duo-intro-dummy.jpg');
background-size: 100%;
background-repeat: no-repeat;
height: 450px;
margin: 30px auto 60px auto;
}
.product-intro-hedding {
display:table-cell;
vertical-align: middle;
text-align:center;
}
.product-intro-hedding h1 {
font-size:2.6em;
}
.duo-intro-heading {
color: #353535;
/*width: 27.55102%;*/
/*float: right;*/
/*padding: 170px 20px 0 0;*/
text-align: center;
display: table-cell;
vertical-align: middle;
}

#overlay-intro {
background: url('http://queensberry.s3.amazonaws.com/images/brand/albums/overlay-intro.jpg');
background-size: 100%;
background-repeat: no-repeat;
height: 450px;
margin: 30px auto 60px auto;
}
.overlay-intro-heading h1 {
font-size:2.2em;
}
.overlay-intro-heading {
color: #353535;
width: 380px;
/*float: right;*/
/*padding: 170px 20px 0 0;*/
text-align: center;
}


#flushmount-intro {
background: url('http://queensberry.s3.amazonaws.com/images/brand/albums/flushmount-intro.jpg');
background-size: 100%;
background-repeat: no-repeat;
height: 450px;
margin: 30px auto 60px auto;
}

.flushmount-intro-heading {
color: #353535;
width:385px;
/*padding:165px 0 0 0;*/
text-align: center;
}

#classic-intro {
background: url('http://queensberry.s3.amazonaws.com/images/brand/albums/classic-intro.jpg');
background-size: 100%;
background-repeat: no-repeat;
height: 450px;
margin: 30px auto 60px auto;
}

.classic-intro-heading {
color: #353535;
width: 380px;
/*float: right;
padding: 170px 50px 0 0;*/
text-align: center;
}

#musee-intro {
background: url('http://queensberry.s3.amazonaws.com/images/brand/albums/musee-intro.jpg');
background-size: 100%;
background-repeat: no-repeat;
height: 450px;
margin: 30px auto 60px auto;
}

.musee-intro-heading {
color: #353535;
width:328px;
/*padding:177px 0 0 0;*/
text-align: center;

}

#copies-intro {
background: url('http://queensberry.s3.amazonaws.com/images/brand/albums/copy-albums-intro.jpg');
background-size: 100%;
background-repeat: no-repeat;
height: 450px;
margin: 30px auto 60px auto;
}
.copies-intro-heading h1 {
font-size:2.2em;
}
.copies-intro-heading {
color: #353535;
width: 380px;
/*float: right;
padding: 170px 5px 0 0;*/
text-align: center;
}

#pressbook-intro {
background: url('http://queensberry.s3.amazonaws.com/images/brand/albums/pressbook-intro.jpg');
background-size: 100%;
background-repeat: no-repeat;
height: 450px;
margin: 30px auto 60px auto;
}
.pressbook-intro-heading h1 {
font-size:2.7em;
}
.pressbook-intro-heading {
color: #353535;
width: 340px;
/*float: right;
padding: 170px 0 0 0;*/
text-align: center;
}

.span-6fineart {
background: url('http://queensberry.s3.amazonaws.com/images/printsite/fineart/fineart-intro-new.jpg');
background-repeat: no-repeat;
background-size: 100%;
padding-bottom:30px;
height: 450px;
margin: 30px auto 0px auto;

}

.span-6fineart-2 {
background: url('https://workspace-proxies.queensberry.com/A72644/blog/blogmedialibrary/vt42r4143275931.jpg');
background-repeat: no-repeat;
background-size: 100%;
padding-bottom:30px;
height: 450px;
margin: 30px auto 0px auto;

}

.span-6fineart {
background: url('http://queensberry.s3.amazonaws.com/images/printsite/fineart/fineart-intro-new.jpg');
background-repeat: no-repeat;
background-size: 100%;
padding-bottom:30px;
height: 450px;
margin: 30px auto 0px auto;

}

.span-6silver {
background: url('https://workspace-proxies.queensberry.com/A72644/blog/blogmedialibrary/m34130142740336.jpg');
background-repeat: no-repeat;
background-size: 100%;
padding-bottom:30px;
height: 450px;
margin: 30px auto 0px auto;

}

.span-6silver-2 {
background: url('https://workspace-proxies.queensberry.com/A72644/blog/blogmedialibrary/33y2po143225109.jpg');
background-repeat: no-repeat;
background-size: 100%;
padding-bottom:30px;
height: 450px;
margin: 30px auto 0px auto;
}

.span-6canvas {
background: url('https://workspace-proxies.queensberry.com/A72644/blog/blogmedialibrary/oq0x9acuycr.jpg');
background-size: 100%;
background-repeat: no-repeat;
padding-bottom:30px;
height: 450px;
margin: 30px auto 0px auto;
}

.span-6boxes {
background: url('http://queensberry.s3.amazonaws.com/images/brand/products/boxtitle4.jpg');
background-repeat: no-repeat;
background-size: 100%;
padding-bottom:30px;
height: 450px;
margin: 30px auto 0px auto;

}

.span-6books {
background: url('http://queensberry.s3.amazonaws.com/images/brand/products/booktitle2.jpg');
background-size: 100%;
background-repeat: no-repeat;
padding-bottom:30px;
height: 450px;
margin: 30px auto 0px auto;

}

.span-6frames {
background: url('http://queensberry.s3.amazonaws.com/images/brand/products/frames-intro5.jpg');
background-repeat: no-repeat;
background-size: 100%;
padding-bottom:30px;
height: 450px;
margin: 30px auto 0px auto;
}



/*--------------------------------------
Top Text
---------------------------------------*/

.FAtitletext {
color: #eeeeee;
width:400px;
float:right;
padding:160px 60px 0 0;
}

.FAtitletext p {
color: #eeeeee;
}

.FAtitletext h4 {
color: #eeeeee;
}

.FAtitletext-2 {
color: #353535;
width: 33.55102%;
/*float: right;
padding: 160px 12px 0 0;*/
text-align: center;
}


.SHtitletext {
color: #353535;
width: 348px;
/*padding: 137px 0 0 45px;*/
}

.SHtitletext p {
color: #353535;
}

.SHtitletext h4 {
color: #353535;
}

.CVStitletext {
color: #353535;
width:405px;
/*padding:144px 0 0 60px;*/
text-align: center;
}

.CVStitletext p {
color: #353535;
}

.CVStitletext h4 {
color: #353535;
}

.BOXtitletext {
color: #353535;
width:405px;
/*padding:153px 0 0 60px;*/
}

.BOXtitletext p {
color: #353535;
}

.BOXtitletext h4 {
color: #353535;
}

.BOOKtitletext {
color: #353535;
width:416px;
float:right;
padding:143px 8px 0 0;
}

.BOOKtitletext p {
color: #353535;
}

.BOOKtitletext h4 {
color: #353535;
}

.FRAMEtitletext {
color: #353535;
width:380px;
/*float:right;
padding:170px 37px 0 0;*/
}

.FRAMEtitletext p {
color: #353535;
}

.FRAMEtitletext h4 {
color: #353535;
}





/*--------------------------------------
Photographer Credits
---------------------------------------*/

.photographer-credits {
color: #eeeeee;
padding-top:422px;
padding-right:10px;
}

.photographer-credits p{
color: #eeeeee;
font-size:0.688em;
text-align:right;
}
.photographer-credits-finearts p{
color: #000000;
font-size:0.688em;
text-align:left;
}
.photographer-credits-2 {
padding-top:121px;
padding-left:10px;
}

.photographer-credits-2 p{
color: #eeeeee;
font-size:0.688em;
text-align:left;
}

.photographer-credits-3 {
padding-top:111px;
padding-left:10px;
}

.photographer-credits-3 p{
color: #eeeeee;
font-size:0.688em;
text-align:left;
}

.photographer-credits-4 {
padding-top:128px;
padding-left:10px;
}

.photographer-credits-4 p{
color: #666;
font-size:0.688em;
text-align:left;
}

.photographer-credits-musee {
padding-top:135px;
padding-left:10px;
}

.photographer-credits-musee p{
color: #666;
font-size:0.688em;
text-align:left;
}


.photographer-credits-press {
color: #666;
padding-top:422px;
padding-right:10px;
}

.photographer-credits-press p{
color: #666;
font-size:0.688em;
text-align:right;
}




/*--------------------------------------
Quotes
---------------------------------------*/

.quote {
border-top:1px solid #cdcabf;
border-bottom: 1px solid #cdcabf;
margin-top:30px;
text-align:center;
font-size: 1.125em;
padding: 20px 40px;
line-height: 1.3em;
}

.staff-quote p {
font-size: 1.250em;
font-family: "Glypha LT W02 35 Thin";
line-height: 1.4em;;
}

.quote1 {
font-size: 1.500em;
line-height: 32px;
width: 76.02041%;
margin: 0 auto;
font-family: "Glypha LT W02 35 Thin";
text-align: center;
}

#quote-section {
padding: 37px 0 115px 0;
background-color:#f7f4ef;
}

.quote-background {
background-color:#FDFCFB;
max-width: 61.250em;
width: 90%;
margin:0 auto;
border:8px solid #ffffff;
padding:3px 0 40px 0;
}
    
#workspace-quotes {
height:4.25em;
}



/*--------------------------------------
Cover Materials CSS
---------------------------------------*/

#materials {
clear:both;
/*border-top: 1px solid #CDCABF;*/
min-height: 450px;
/*padding-top: 60px;*/
max-width: 61.250em;
width: 100%;
margin: auto;
}

#colors-list-wrapper {
height:110px;
}

.product-contents {
clear:both;

}
.product-contents-wrapper .product-contents {
    height: auto !important;
}

ul.products-list {
clear:both;
}

li.products-list-material, li.products-list-color {
font-size:0.938em;
}

li.products-list-color {
color:#bea23e;
opacity: 1 !important;
}

li.products-list-color.current {
color:#353535;
}

li.products-list-material {
color:#bea23e;
opacity: 1 !important;
}

li.products-list-material.current {
color:#353535;
}

p.products-subheader {
text-transform: uppercase;
font-size: 1.125em;
color: #353535;
padding: 5px 0;
font-weight: normal;
clear: both;
}

.products-list-material, .products-list-color {
cursor: pointer;
float: left;
padding-right: 18px;
margin-bottom: 9px;
}

.products-list-album {
width: 120px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.product-coverMaterial img {
width: 120px;
height: 95px;
overflow: hidden;
cursor: pointer;
}

.product-contents-output {
clear:both;
}


/* ///////////////////////////////////////////////////////////////////// 
//  BOUDOIR
/////////////////////////////////////////////////////////////////////*/

h6 {


			font-size: 75px;
			text-transform: capitalize;
			margin-top: 5px;
			padding-bottom: 10px;
			border-bottom: 0px solid #dddddd;
			color: #353535;
			font-weight: normal;
                        margin-bottom: 0px;
}

.photographs a {
color: #353535;
}

.photographs a:hover{
color: #353535;
text-decoration: none;
border-bottom:3px solid #cdcabf;
}

/* ///////////////////////////////////////////////////////////////////// 
//  SLIDESHOWS
/////////////////////////////////////////////////////////////////////*/


div.slideshow-container {
height: 386px !important;
}

div.loader {
width:980px !important;
height: 386px !important;
}

div.slideshow a.advance-link img {
vertical-align: top !important;
max-width: 980px !important;
}

div.slideshow a.advance-link {
width:980px !important;
line-height:0px !important;
height: 386px !important;
}

.qbyThumbsHolder{
z-index:1;
}

#clientGallery {
min-height:215px !important;
}

.qbyThumbStrip{
width:346px !important;
}

.slideshowinfo {
    border-top: none;
float:right !important;
}

.slideshowinfo .filenameonslideshow {
    height: auto;
}

.qbyB {
top:-28px !important; 
width:65% !important;
}


/* ///////////////////////////////////////////////////////////////////// 
//  WORKSPACE PAGE
/////////////////////////////////////////////////////////////////////*/

.demosites h1 {
text-align:center;
}

.back-to-top {
position: fixed;
bottom: 10px;
left: calc(55% + 375px);
font-size: 0.625em;
text-transform: uppercase !important;
float: right !important;
font-family: "Futura W01 Heavy";
font-weight: normal;
margin-top: -80px;
}

.back-to-top a{
color:#555555;
font-family: "Futura W01 Heavy";
}

.scroll-down {
font-family: "Futura W01 Heavy";
font-weight: 300;
text-align: center;
padding-bottom: 15px;
padding-top:15px;
background-color:#f7f4ef;
text-transform: uppercase;
font-size: 0.825em;
letter-spacing: 0.1em;
margin-bottom: 16px;
}

a.scroll-down {
color:#353535;
}

a.scroll-down:hover {
color:#353535;
}

.scroll-container {
width:500px;
margin:0px auto;
height: 2.625em;
max-width:100%;
}

.scroll-text {
width:400px;
margin:0px auto;
float:left;
max-width:calc(100% - 100px);
}

.scroll-text p {
font-family: "Futura W01 Heavy";
font-size: 0.9em;
letter-spacing: 1px;
}
    
#header-section {
margin-top: 100px;
}

#header-section-products {
margin-top: 48px;
background-color:#f7f4ef;
padding-top:30px;
}

#icon-feature-section {
margin: 40px auto 65px auto;
margin-top:0px;
}

#do-it-all-section {
padding: 40px 0 50px 0;
background-color: #F7F4EF;
}

#intro-section-image {
background-image: url('http://workspace-cdn.s3.amazonaws.com/images/photographer3.jpg');
background-repeat: no-repeat;
background-size: cover;
-moz-background-size: cover;  /* Firefox 3.6 */
background-position: center;  /* Internet Explorer 7/8 */
height:450px;
}

#intro-ws {
height: 465px;
background-color: #F7F4EF;
padding-top: 15px;
padding-bottom: 15px;
clear: both;
}

#section-1, #section-2, #section-2a, #section-3, #section-4, #section-5, #section-5a, #section-5b, #section-6, #section-7, #section-8, #section-8a, #section-9, #section-10 {
clear:both;
}

.section-2a {
clear:both;
}

#section-9 {
height:25.75em;
}

#section-1 {
background-color:#e9e7e3;
background-image: url('http://workspace-cdn.s3.amazonaws.com/images/sharingimg-1.jpg');
background-repeat: no-repeat;
height:29.375em;
}
    
#section-8a {
padding:0.5em 0 2.500em 0;
height: 28.125em;
}

.album-image {
background-color:#353535;
background-image: url('http://workspace-cdn.s3.amazonaws.com/images/queensberry-albums.jpg');
background-repeat: no-repeat;
background-position:center; 
height:41.250em;
}

#section-2a {
background-color:#f7f4ef;
padding:0.5em 0;
    }

#section-2a {
background-color:#f7f4ef;
padding:0.5em 0;
    }

.section-5 {
background-color:#f7f4ef;
padding:3em 0 0 0;
}
#section-5a {
padding-top:3em;
padding-bottom:3em;
}

#section-7 {
padding:0em 0 1em 0;
height:27.125em;
}
    
#section-6 {
padding:0.5em 0 2.500em 0;
height:19.75em;
}

#section-4 {
padding: 0.1em 0 2.500em 0;
height:22.375em;
}

#section-3 {
padding-top:2.500em;
}
    
#section-10 {
height:60px;
}

.small-section {
width:980px;
margin:0px auto;
}

.actionbuttons {
width: 980px;
margin: 30px auto 28px;
}

#featurecolumn1, #featurecolumn2, #featurecolumn3, #featurecolumn4, #featurecolumn5, #featurecolumn6 {
float:left;
width:13.36735%;
margin-right:0.625em;
margin-bottom:18px;
margin-left:0px;
}

#featurecolumn7 {
float:left;
width:13.36735%;
margin-bottom:18px;
margin-right:0px;
}

.feature1, .feature2, .feature3, .feature4, .feature5, .feature6, .feature7 {
text-transform:uppercase;
font-family: 'Futura W01 Book';
height:auto;
padding: 6px 0px 0px 0px;
width:100%;
margin-bottom:16px;
font-size:0.813em;
text-align:center;
line-height: 1.563em;
color:#353535;
margin-top: -28px;
}

#website-examples {
height:750px;
}

.website-ex {
float:left;
margin: 0px 0.7em;
width: 31%;
}

.website-ex-last {
float:left;
margin: 0px 0.7em;
width: 31%;
}
    
#user-links {
font-size:0.813em;
}

#video {
margin:auto;
}

#blackframe-ws {
width: 97%;
background-color: black;
margin-left: 15px;
text-align: center;
}

.container-ws {
margin: 0 auto;
}


/* ///////////////////////////////////////////////////////////////////// 
//  BLOG STYLES
/////////////////////////////////////////////////////////////////////*/

a.more-link { 
font-size:11pt; 
}

.blogWrapper {
margin:auto;
clear: both;
line-height: 1.3em !important;
margin-top:0px !important;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.blogWrapper p { 
font-size:1.063em !important;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-weight: 300 !important;
line-height: 1.500em;
color: #353535 !important;
margin: 0.5em 0 1em 0 !important;
letter-spacing:0px !important;
}

.blogSidePannel {
background-color: #ffffff;
width: 285px !important;
margin-top:28px !important;
}
.blogSidePannel .fb-like-box-wrapper {
padding-left:14px !important;
}

.blogMain p {
margin: 0px;
}

.acctBio {
font-size:1.063em !important;
letter-spacing:0px;
padding-top:25px;
line-height: 1.500em !important;
}

.userPhoto {
border: 0px solid #a0a0a0 !important;
}

#intro.container { height: 480px;
}

.blogMain {
/*width: 72% !important;*/
width: calc(100% - 290px) !important;
}
.blogWrapper #commentContainer {
width: calc(100% - 290px) !important;
}
.blogMainWrapper {
width: calc(100% - 290px) !important;
}
.blogMainWrapper .blogMain {
width: 100% !important;
}
.commentsCount {
padding:2px !important;
font-size: 0.750em;
font-weight: normal !important;
}

.recentpostsBox .title h2, .recentCategories .title h2 {
font-size: 1em;
border-bottom: 1px solid #cdcabf;
margin-top: 0px !important;
padding-bottom:10px;
}

.title h2 {
font-size: 1em;
border-bottom: 1px solid #cdcabf;
margin-top: 0px !important;
padding-bottom:10px;
}

#replyform .row1 h2 {
font-size: 1.125em;
}

.recentpostsBox li a, .recentCategories li a {
color:#bea23e;
font-size: 1em !important;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-weight: 300 !important;
margin: 0.5em 0 1em 0 !important;
letter-spacing:0px !important;
}

.postRow .loadcontent, .loadcontent1 {
margin-top:30px !important;
}

.recentCategories li {
background-color: transparent;
}

.recentpostsBox li a:hover, .recentCategories li a:hover {
color:#353535;
}

.postHeader .subject h1 {
font-size:1.563em;
margin-bottom: 25px;
line-height: 1em;
}

.postHeader {
border-bottom: 1px solid #CDCABF;
min-height: 48px;
margin-bottom: -10px;
overflow:auto;
}

.postedDate {
margin-bottom:30px !important;
color: #888;
margin-top:20px;
border-bottom: 1px solid #CDCABF;
padding-bottom: 20px;
}

.postRow {
margin-bottom: 50px !important;
border-bottom:0px; 
}

.postCategories {
padding-top: 47px;
font-size:11pt !important;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300!important;
line-height: 1.500em!important;
color: #353535!important;
margin: 0.5em 0 1em 0!important;
letter-spacing:0px;
}

.postTags {
padding-top: 47px;
font-size:11pt !important;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300!important;
line-height: 1.500em!important;
color: #353535!important;
margin: 0.5em 0 1em 0!important;
letter-spacing:0px;
}

.searchIcon {
border: 1px solid #CDCABF;
}

.searchboxfld {
border: 1px solid #CDCABF;
height: 35px !important;
}

#replyform {
background-color: #f7f4ef;
}

.alignleft {
float: left;
margin: 0 1.250em 0.375em 0;
}

.postHeader .subject {
float: left;
width: 100% !important;
}

/*.fb_iframe_widget iframe {
width: 203px !important;
margin-left: 15px;
height: 254px !important;
}

.fb-like-box-wrapper {
height: 284px !important;
}*/

/* ///////////////////////////////////////////////////////////////////// 
//  WIDGET STYLES
/////////////////////////////////////////////////////////////////////*/


#header_connectFull {
text-transform: uppercase;
margin-bottom: 10px;
}

.sharename {
text-transform: uppercase;
}

.sbImagelayout {
border: 0px !important;
}


/* ///////////////////////////////////////////////////////////////////// 
//  PHOTOGRAPHER DIRECTORY
/////////////////////////////////////////////////////////////////////*/

#emailshare img {
margin-left:2px;
vertical-align: middle;
}

#map_canvas {
width: 100%;
margin:auto;
height: 400px;
}

#findlocation {
height: 100px;
position: relative;
padding-top: 10px;
}

.listing2 {
width:31.12245% !important;
}

#Listing {
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
min-height: 100%;
height: 100%;
font-size: 12px;
line-height: 1.5em;
width:100% !important;
}

.formlabelspace {
width: 415px;
margin-top: 5px;
text-align: left;
vertical-align: middle;
font-size: 100%;
}

.forminputspace {
width: 200px;
margin-top: 5px;
text-align: left;
vertical-align: middle;
}

.formbuttonspace {
width: 70px;
margin-top: 5px;
text-align: right;
vertical-align: middle;
padding-right: 0;
}

input[type="submit"] {

}

.button {
border: 0px solid #bea23e;
border-radius: 2px;
padding: 2px 12px;
text-transform: uppercase;
font-size: 100%;
background-color: #BEA23E;
color: white;
line-height: 20px;
width: 150px;
font-size: 0.813em;
font-family: "Futura W01 Light";
}

.findinput {
padding: 0.1666em 0 0.25em 0.3em;
border: 1px solid #BBB;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
text-transform: uppercase;
font-size: 100%;
line-height: 20px;
width: 390px;
margin-right: 6px;
}




/* ///////////////////////////////////////////////////////////////////// 
//  HISTORY TIMELINE
/////////////////////////////////////////////////////////////////////*/

#timeline {
}

.timeline-left {
float:left;
width:39.79592%;
margin-right:12px;
margin-bottom:80px;
}

.timeline-right {
float:left;
width:39.79592%;
margin-left:12px;
}


.timeline-dates {
float:left;
width:8.16327%;
margin: 0 5px 0 5px;
text-align:center;
}

.pointer-lines-left {
float:left;
width:4.08163%;
}

.pointer-lines-right {
float:left;
width:4.08163%;
}

.line-1, .line-2, .line-3, .line-4, .line-5, .line-6, .line-7, .line-8, .line-9, .line-10, .line-11 {
border-top: 1px solid #CDCABF;
}


.line-1 {
margin-top: 72px;
}

.line-2 {
margin-top: 680px;
}

.line-3 {
margin-top: 956px;
}

.line-4 {
margin-top: 553px;
}

.line-5 {
margin-top: 374px;
}

.line-6 {
margin-top: 614px;
}

.line-7 {
margin-top: 444px;
}

.line-8 {
margin-top: 442px;
}

.line-9 {
margin-top: 665px;
}

.line-10 {
margin-top: 444px;
}

.line-11 {
margin-top: 220px;
}



.module-1, .module-2, .module-3, .module-4, .module-5, .module-6, .module-7, .module-8, .module-9, .module-10, .module-11 {
border: 15px solid #f7f4ef;
padding:15px;
margin-bottom:20px;
-moz-box-shadow: 5px 5px 7px #CCC;
-webkit-box-shadow: 5px 5px 7px #CCC;
box-shadow: 5px 5px 7px #CCC;
width:85.97959%;
}

.module-1 {

}

.module-2 {
margin-top: 345px;
}

.module-3 {
margin-top: 100px;
}

.module-4 {
margin-top: 120px;
}

.module-5 {
margin-top: 40px;
}

.module-6 {
margin-top: 222px;
}

.module-7 {
margin-top: 40px;
}

.module-8 {
margin-top: 40px;
}

.module-9 {
margin-top: 116px;
}

.module-10 {
margin-top: 40px;

}

.module-11 {
margin-top: 40px;
margin-bottom: 170px;
}


.date {
font-size: 1.625em;
text-transform: uppercase;
margin: 35px 0 180px 0;
color: #353535;
font-weight: normal;
letter-spacing: 0.03em;
line-height: 1.5em;
margin-left: -22px;
background-color:#ffffff;
padding-top: 3px;
}

.date-1 {
font-size: 1.625em;
text-transform: uppercase;
margin: 0px 0 180px 0;
color: #353535;
font-weight: normal;
letter-spacing: 0.03em;
line-height: 1.5em;
margin-left: -22px;
background-color:#ffffff;
padding-top: 3px;
}

.date-current {
font-size: 1.625em;
text-transform: uppercase;
margin: 0px 0 180px 0;
color: #353535;
font-weight: normal;
letter-spacing: 0.03em;
line-height: 1.5em;
margin-left: -29px;
background-color:#ffffff;
padding-top: 3px;
}

.date-end {
font-size: 1.625em;
text-transform: uppercase;
margin: 0px 0 160px 0;
color: #353535;
font-weight: normal;
letter-spacing: 0.03em;
line-height: 1.5em;
margin-left: -22px;
background-color:#ffffff;
padding-top: 0px;
}

.date-end2 {
font-size: 1.625em;
text-transform: uppercase;
margin: 0px 0 0px 0;
color: #353535;
font-weight: normal;
letter-spacing: 0.03em;
line-height: 1.5em;
margin-left: -22px;
background-color:#ffffff;
padding-top: 3px;
}

.date-line-top {
background-image: url('http://workspace-cdn.s3.amazonaws.com/images/history/ribbon-top.jpg');
background-repeat: no-repeat;
height: 52px;
    margin: 0 auto;
    width: 24px;
}

.date-line-bottom {
background-image: url('http://workspace-cdn.s3.amazonaws.com/images/history/ribbon-bottom.jpg');
background-repeat: no-repeat;
height: 52px;
margin: 0 auto;
    width: 24px;
}

.date-line {
background-color: #353535;
width: 24px;
margin: 0 auto;
}




/* ///////////////////////////////////////////////////////////////////// 
//  FOOTER
/////////////////////////////////////////////////////////////////////*/

#isPageFooter {
width: 100%;
margin:auto;
position: relative;
bottom: 0px;
clear: both;
background-color: #313131;
}


#pgFooter {
max-width: 1100px;
width: 100%;
margin:auto;
padding: 0px 0 0px 0;
border-top:0px;
height:333px;
}


#footer-links {
height:300px;
margin-bottom: 38px;
}

.first-links {
height: 300px;
width: 33.3%;
float: left;padding-top:65px;
}

.second-links {
width: 33.3%;
float: left;
border-left: 1px solid rgba(59, 59, 59, .7);
border-right: 1px solid rgba(59, 59, 59, .7);
height:333px;
padding-top:65px;
}

.third-links {
width: 33.3%;
float:left;
padding-top:65px;
}

.first-links ul, .second-links ul, .third-links ul {
line-height: 2em;
}


#footer-left {
float:left;
}

#footer-right {
float:right;
}

#footer-right ul li {
display:inline-block;
margin-left:20px;
}

#footer-right ul {
margin-top:0px;
margin-bottom:0px;
}

#poweredby {
display:none;
}


.detail-links a{
color: #353535;
}

.detail-links a:hover{
color: #bea23e;
}

.detail-links {
float:right;
}

#socialbuttons {
height: 30px;
margin-left: 0px;
}

.vimeo, .linkedin, .pin, .plus, .twit, .fb {
float: left;
}

.plus, .twit {
margin-right: 3px;
}



/* ///////////////////////////////////////////////////////////////////// 
//  RESPONSIVE CSS
/////////////////////////////////////////////////////////////////////*/




/*  HandHeld - Ipad in Portrait or screen smaller that 980px CSS */


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)  { 

/*--------------------------------------
Navigation
---------------------------------------*/   

    #pgNavigation li{
        padding-right:18px;
    }

    #nav-pg ul li {
        font-size:0.850em;
    }

/*--------------------------------------
Blog
---------------------------------------*/    

.blogMain {
width:100% !important;
}

.blogSidePannel {
display:none;
}

/*--------------------------------------
Workspace Page
---------------------------------------*/ 

p.workspace {
width: 75%;
margin: 0 auto;
}

p.doitall {
width: 85%;
margin: 0 auto;
}

/*--------------------------------------
Products Page
---------------------------------------*/

    #albumProductsPopup.popup_block {
        width:85% !important;
        left:0px;
        margin-left: 5% !important;  
    }


}

@media only screen and (max-width: 1045px) {
.qbyThumbStrip {
    width: calc(100% - 25px) !important;
}
}

@media only screen and (max-width: 980px) {

/*--------------------------------------
Navigation
---------------------------------------*/   

    #pgNavigation li{
        padding-right:18px;
    }

    #nav-pg ul li {
        font-size:0.850em;
    }   
    
/*--------------------------------------
Workspace Page
---------------------------------------*/ 

    .website-ex {
        width: 31.63265%;
    }
    
    .website-ex-last {
        width: 31.63265%;
    }
    
    h5 {
        font-size: 0.625em;
        line-height: 1.125em;
    }
    
    
    #featurecolumn1, #featurecolumn2, #featurecolumn3, #featurecolumn4, #featurecolumn5, #featurecolumn6 {
        width:13.26531%; 
    }

    #featurecolumn7 {
        width:13.26531%;
    }

/*--------------------------------------
Products Page
---------------------------------------*/

    #albumProductsPopup.popup_block {
        width:85% !important;
        left:0px;
        margin-left: 5% !important;  
    }
.qbyThumbStrip {
    width: calc(100% - 25px) !important;
}
.product-intro-hedding h1 {
font-size:2.0em;
}
}

@media only screen and (max-width: 884px) {

/*--------------------------------------
Blog
---------------------------------------*/    

    .blogMain {
       width:100% !important;
    }
    .blogMainWrapper {
        width:100% !important;
    }
    .blogWrapper #commentContainer {
         width:100% !important;
     }
    .blogSidePannel {
       display:none;
    }

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*--------------------------------------
Workspace Page
---------------------------------------*/   
    
    #featurecolumn1, #featurecolumn2, #featurecolumn3, #featurecolumn4, #featurecolumn5, #featurecolumn6 {
        width:12.16327%;
        
    }

    #featurecolumn7 {
        width:12.16327%; 
    }
    
     .feature1, .feature2, .feature3, .feature4, .feature5, .feature6, .feature7 {
         font-size:0.688em;
         line-height:1.563em;
     }
     
    
    #section-4 {
        height:37.625em;
    }
    
    #section-7 {
        height:47.125em;
    }
    
    #section-8a {
        height:50.000em;
    }
    
    .quote1 {
        width:100%;
    }
    
    .website-ex {
        width: 30.63265%;
    }
    
    .website-ex-last {
        width: 30.63265%;
    }
    
    #website-examples {
        height: 615px;
    }
    
    p.marketing-home {
        font-size:1.063em;
    }

/*--------------------------------------
Products Page
---------------------------------------*/

    #albumProductsPopup.popup_block {
        width:85% !important;
        left:0px;
        margin-left: 5% !important;  
    }



}


    
    @media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)
and (orientation : landscape)
 {

/*--------------------------------------
Font Sizing
---------------------------------------*/
    
.postHeader .subject h1 {
margin-top: -11px !important;
line-height: 30px;
font-size:1.6em !important;
}    


.photographer-custom-page {
width:98% !important;
}


body {
    -webkit-text-size-adjust: 100%;
    }


    p {
        /*font-size:1.500em;*/
    }


    h2 {
        /*font-size: 1.875em;*/
    }

    h3 {
       font-size:1.1em;

    }
    
    h4 {
       font-size:2.438em; 
    }
    
    h1.marketing-home {
        font-size:2.813em;
    }



/*--------------------------------------
Span Classes
---------------------------------------*/    
    
    .span-6 {
        width: 90%;
        text-align:center;
    }
    
    .span-3 {
        width: 100%;
        text-align:center;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-right:0px;
    }

    .span-3.staff-quote {
        width: 100% !important;
}

    .span-2.article {
        width: 100%;
        text-align:center;
        margin: 0px auto;
    }

    .span-4 {
        width: 100%;
    }

    .span-4.article.last {
        width: 100%;
}
    
    .span-3 last {
        width: 100%;
        text-align:center;
    }

    .whitecanvas {
        min-height:660px;
        clear: both;
    }



/*--------------------------------------
Blog
---------------------------------------*/    

    .blogMain {
       width:100% !important;
    }

    .blogSidePannel {
       display:none;
    }

.blogWrapper p { 
font-size:1.063em !important;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-weight: 300!important;
line-height: 1.500em!important;
color: #353535!important;
margin: 0.5em 0 1em 0!important;
}


/*--------------------------------------
Products Pages
---------------------------------------*/
    
.qbyFullScreen img {
visibility:hidden;
}

    li.products-list-material, li.products-list-color {
        font-size:1.3em;
        margin-bottom:20px;
    }

    .product-contents-output {
       margin-top:60px;
    }

   .photographer-credits p {
        font-size: 1.2em;
    }


   #albumProductsPopup.popup_block {
        width:85% !important;
        left:0px;
        margin-left: 5% !important;  
    }
    

    .products-page-header {
        text-align:center;
    }

    
/*--------------------------------------
Navigation
---------------------------------------*/ 

     #sub-nav ul li {
        font-size: 1em;
    }

/*--------------------------------------
Workspace Page
---------------------------------------*/
    
    p.marketing-home {
        font-size:1.500em;
        line-height: 1.500em;
    }

    p.workspace {
        width: 80%;
        margin: 0 auto;
    }

    p.doitall {
        width: 85%;
        margin: 0 auto;
    }
    
    .scroll-down p.marketing-home {
        font-size: 1.250em;
    }
    
    .website-ex {
        width: 31.63265%;
    }
    
    .website-ex-last {
        width: 31.63265%;
    }

    
    #section-1 {
        height:29.375em;
    }
    
      
    #section-4 {
        height:43.750em;
    }
    
    #section-5 {
        height: 46.875em;
    }
    
    #section-7 {
        height:56.250em;
    }
    
    #section-8a {
        height:65.000em;
    }

/*--------------------------------------
Footer & Buttons
---------------------------------------*/ 
    
     .back-to-top {
        margin-bottom:20px;
    }

    .first-links p {
       font-size:1em; 
    }
    
    #site_footer {
        display:none;
    }
    
    a.buttonYel{
        height:auto !important;
    }
    
    .or{
        font-size:14px;
    }
    
 }


 
 @media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {



/*--------------------------------------
Font Sizing
---------------------------------------*/

.photographer-custom-page {
width:99% !important;
}


   body {
    -webkit-text-size-adjust: 100%;
    
    }

    p {
        /*font-size:2.188em;*/
    }


    h3 {
       font-size:1.5em; 
    }

    h4 { 
       font-size:2.438em; 
    }
    
 
  
    h2 {
   font-size:14pt !important; 

    }


    .staff-quote p {
        /*font-size:2.2em;*/
    }

/*--------------------------------------
Span Classes
---------------------------------------*/

    .span-6 {
        width: 90%;
        text-align:center;
    }
    
    .span-3 {
        width: 100%;
        text-align:center;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-right:0px;
        
    }

    .span-3.staff-quote {
        width: 100% !important;
}
    
    .span-3 last {
        width: 100%;
        text-align:center;
        
    }

    .span-2.article {
        width: 100%;
        text-align:center;
        margin: 0px auto;
        float:none;
    }

    .span-4 {
        width: 100%;
    }

    .span-4.article.last {
        width: 100%;
}

    .whitecanvas {
        min-height:910px;
        clear: both;
    }

    .span-6 .leftgallery {
        width: 100%;
        float: none;
        margin: 0px auto;
    }

    .span-6 .rightgallery {
        width: 100%;
        float: none;
        margin: 0px auto;
    }


    .span-6 .leftdescriptiontext {
        width: 85%;
        float: none;
        margin: 0px auto;
    }

    .span-6 .rightdescriptiontext {
        width: 85%;
        float: none;
        margin: 0px auto;
    }

/*--------------------------------------
Navigation
---------------------------------------*/   

    #sub-nav ul li {
        font-size: 1.4em;
    }

    #pgNavigation li{
        padding-right:18px;
    }

    #nav-pg ul li {
        font-size:0.8em;
    }

    .or{
        font-size:1.5em;
    }

    #pgLogo_img {
        /*width: 350px;*/
    }

/*--------------------------------------
Blog
---------------------------------------*/  




.blogSidePannel { 
background-color: #ffffff; 
}   

    .blogMain {
       width:100% !important;
    }

    .blogSidePannel {
       display:none;
    }

.blogWrapper p { 
font-size:1.063em !important;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-weight: 300!important;
line-height: 1.500em!important;
color: #353535!important;
margin: 0.5em 0 1em 0!important;
}


/*--------------------------------------
Workspace Page
---------------------------------------*/
    
    .website-ex {
        width: 31.63265%;
    }
    
    .website-ex-last {
        width: 31.63265%;
    }

    p.marketing-home {
        font-size:2.188em;
        line-height: 1.500em;
    }

    p.workspace {
        width: 80%;
        margin: 0 auto 70px auto;
    }

    p.doitall {
        width: 85%;
        margin: 0 auto;
    }

    .scroll-text p {
      margin-top:0px;
    }
    
    a.get-started-button {
        font-size:2.188em;
    }
    
    a.plans-pricing-button {
        font-size:2.188em;
    }

    #section-4 {
        height:46.875em;
    }
    
    #section-5 {
        height: 70.750em;
    }
    
    #section-7 {
        height:68.750em;
    }
    
    #section-8a {
        height:72.750em;
    }

    #workspace-quotes {
        height:6.250em;
    }
    
    #icon-feature-section {
       display:none;
    }
    
    
    .scroll-down p.marketing-home {
        font-size: 1.250em;
    }


/*--------------------------------------
Products Pages
---------------------------------------*/

.qbyFullScreen img {
visibility:hidden;
}

    li.products-list-material, li.products-list-color {
      /*  font-size:1.7em;
        margin-bottom:20px;*/
    }

    .product-contents-output {
       /*margin-top:130px;*/
    }
    

    p.products {
        width: 85%;
    }

    .photographer-credits p {
        font-size: 1.5em;
    }

    .products-page-header {
        text-align:center;
    }
    

    p.products-subheader {

    }
    

    #albumProductsPopup.popup_block {
        width:85% !important;
        left:0px;
        margin-left: 5% !important;  
    }
    
    
     
    .quote1 {
        font-size: 2.000em;
        line-height: 1.250em;
        width: 100%;
    }
    
/*--------------------------------------
Footer & Buttons
---------------------------------------*/   
    
   
    #footer-links, #footer {
        display:none !important;
    }

    .back-to-top {
        margin-bottom:20px;
    }

    #bottom-sign-up {
        height: 100px;
    }

    .black-button {
        font-size:1.5em;
        margin-bottom:40px;
     }

   .gold-button-small, .black-button-small {
        font-size:1.5em;
        height: 28px;
        padding: 8px 15px 5px;
     }

    a.buttonYel{
        height:auto !important;
    }
    
    
}

.whitecanvas { height: 365px; }

.postRow .authorInfo{
	border-top:0px;
	border-bottom:0px;
	height:45px;
	passing-bottom:0px;
	padding-top:0px;
}

.postRow .authorSubInfo{
	float:none;
	height:45px;
	margin-left:0px;
}

.postRow .authorSubInfo2{
	display:none;
}

@media (max-width: 1000px) {
.back_to_top {
display:none;
}
	#pgNavigation {
	    width:100%;
	    margin-right:0 !important;
	    margin-left:0;
	}
}
@media (max-width: 1000px) and (min-width: 769px) {
#pgNavigation ul.open {
    background-color: #313131;
}    
}
/*--------------------------------------
Responsive navigation
---------------------------------------*/
    @media (max-width: 1000px) {
#pgLogo {
margin:auto;
float:none;
}
        #pgNavigation, #nav-pg {
            padding-right: 0;
padding-bottom: 0 !important;
        }
        #pgNavigation {
           margin-bottom:0;
           margin-top:0;
width: 100% !important;
    margin-top: 0 !important;
        }
       
        #nav-toggle {
            background-image: url(https://workspace-cdn.s3.amazonaws.com/images/settings_navigation_icons/dropdown_menu_white_3.png);
            display: block !important;
            float: left;
            width: 30px;
            height: 40px;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            position:fixed;
            background-color:transparent;
            top:0;
            right:0;
            z-index:100;
        }

        #pgNavigation ul {
            max-height: 0px;
            overflow: hidden;
            transition: max-height 300ms ease 0s;
            list-style: none outside none;
            padding: 0;
            top: 100%;
        }
        
        #pgNavigation ul.open {
            max-height: 1000px;      
        }
            #pgNavigation ul li { display: block; list-style: none; text-align: left; width: 100%; padding-right: 0; }
            #pgNavigation ul li a { display: block; padding: 15px 10px; border:none; text-decoration: none; color:#000000;}
            #pgNavigation ul.open li a { border-top: 1px solid #white;}
            #pgNavigation ul li a:hover { border-bottom:none; colour:#000000; }
      #nav-pg ul li.item29.current a {
       border-bottom: none;
      }
    }
#pgNavigation{
height:auto;
}

@media (max-width: 480px) {
#top-dashboard,#login, #bottom-dashboard, #bottom-sign-up {

}
#bottom-sign-up a {
font-size:0.813em;
}
    
    .photographer-credits p, .photographer-credits-2 p {
   font-size:0.688em;
}
.top_page_banner h1 {
font-size :2.0em !important;
width:100% !important;
padding-top:100px !important;
}
#pgLogo {
width:100%;
}
#fullwidthdiv {
height:420px;
}

}

.intro_wrapper {
     display: table;
    float: right;

    width: 27.551%;
}
#flushmount-intro .intro_wrapper {
width:38%;

}
#overlay-intro .intro_wrapper {
width:40%;
}

#classic-intro .intro_wrapper {
width:47%;
}

#copies-intro  .intro_wrapper {
width:39%;
}

.span-6fineart-2 .intro_wrapper {
width:38%;
}

.span-6canvas  .intro_wrapper {
width:45%;
}

.span-6frames  .intro_wrapper {
width:45%;
}
.span-6boxes .intro_wrapper {
width:45%;
}
.blogWrapper {
    font-size: 1em !important;

}

.postHeader .subject h1 { 
margin-top:0px !important;
margin-bottom:0;
}

.full_width_section {
	margin-left: calc(-50vw + 50%);
    width: 100vw;
}
.bg_beige {
background-color: #f7f4ef;
}

.demosite_show {
    cursor: pointer;
    clear: both;
    margin-top: 20px;
}
#demo-websites {
overflow:auto;
}

.qby_no_padding_section.columns_wrapper .column {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
@media (max-width: 768px) {
#qby_box, #ws_box {
border-bottom:1px solid #dddddd;
border-right: none !important;
border-left: none !important;
}
#qby_box, #ws_box,#other_box {
max-width:500px;
margin-right:auto;
margin-left:auto;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.qby_no_padding_section .widget.wtypecustom_html {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
}

@media (max-width: 480px) {
.full_screen_mobile {
    width: 100vw;
    margin-left: calc( -50vw + 50%);
}
.qbyFullScreen {
display:none;
}
.imageDescription {
    top: 20px !important;
}
.imageDescription .qbyB {
    right: 0;
    width: 100% !important;
    margin-right: 5px;

}
.eventslideshow-wrapper {
   margin-bottom:20px;
}
}

.photographer-custom-page .columns_wrapper:first-child {
padding-top:0px; 
}


.wtypeimage_full_width .overlap_text { 
font-size: 50px !important; 
}
@media (max-width: 480px) {
.wtypeimage_full_width .overlap_text {
font-size: 40px !important;
    letter-spacing: 5px;
}
}
@media (max-width: 395px) {
.wtypeimage_full_width .overlap_text {
font-size: 35px !important;
    letter-spacing: normal;
}
}
.top_notification {
position: absolute;
    top: 0;
    left: 30px;
    right: 30px;
    margin-top: 9.5px;
    font-size: 17pt;
    padding-top: 8px;
    color: white;
    width: 750px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 760px) {
.top_notification {
margin-top: 8px;
line-height:16px;
font-size:12px;
}
}
@media only screen and (max-width: 400px) {
.top_notification {
left:5px;
right:25px;
font-size:12px;
}
}
@media only screen and (max-width: 350px) {
.top_notification {
font-size:12px;
margin-top:3px;
}
}

#pgFooterHTML #footer {
    overflow:auto;
    width:100%;
}
#pgFooterHTML #footer #footer-left {
    width:40%;
}
#pgFooterHTML #footer #footer-right {
    width:60%;
}

#login, #top-dashboard{
    position: absolute;
    top: 0;
    right: 30px;
    margin-top: 12px;
    font-size:11px;
    line-height: 1.3em;
}
#top-dashboard a, #login a, #top-dashboard a:hover, #login a:hover, #login span {
    color:black;
    text-transform: uppercase;
    background-color: transparent;
    font-size:11px;
    font-family: inherit;
    height: 16px;
    padding: 0;
    font-weight: bold;
    letter-spacing: 1px;
    padding-top: 1px;
}

#mainPageWrapper {
padding-top:0px !important;
min-height:0px;
}

#q_logo_black {
    display: none;
    width: 18px;
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 102;
}
.no_margin_top_bottom {
margin-top:0;
margin-bottom:0;
}

@media (max-width: 768px) {
body {

}
    #pgLogo {
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        height: auto;
        margin-bottom: 0;
        max-width:90%;
        margin-top: 4px;
        padding-bottom: 5px;
        padding-left:5px;
        z-index:101;
    }
    #pgLogo.open {
        position:fixed;
    }
    #pgLogo_img {
        padding:5px;
        height:40px;
    }
    #nav-toggle {
        background-position: calc(100% - 10px) 50%;
        height:40px;
        width:100%;
        background-color:#f7f4ef;
        margin-top:0;

    }
    #login, #top-dashboard {
        position: fixed;
        right: 10%;
        top: 0;
z-index:102;
font-size: 9px;
margin-top: 14px
    }
    #nav-pg{
        margin-top:-10px;
        background-color:white;  
    }
    #nav-pg {
  height:0;
}
#isPageHeader.open #nav-pg {
height:auto;
}

        #isPageHeader.open {
        	padding-top:0 !important;
        }
        #pgNavigation ul.open {
max-height: calc(100vh - 40px) !important;
    position: fixed;
    background-color: white;
    top: 40px !important;
    margin-top: 0;
    left: 0;
    padding-left: 0px;
		}

#q_logo_black {
    display:block;
}

#isPageHeader #pgLogo {
    display:none;
}
#isPageHeader p {
    margin-top:0;
    margin-bottom:0;
}
#pgNavigation {
margin-top:0 !important;
}
.no_margin_top_xs {
margin-top:0 !important;
}
.no_margin_bottom_xs {
margin-bottom:0 !important;
}
}

/*mounting-matting page*/
@media (min-width: 768px) {
  .same_height_
columns {
        display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }
  .vertical_center_flex {
display: -webkit-flex; /* Safari */
-webkit-align-items: center; /* Safari 7.0+ */
      display:flex;
      align-items: center;
      padding-top: 50px !important;
height:100%;
  }
.vertical_center_flex .homepage-slideshow  {
width:100%;
}
}

@media (max-width: 1000px) and (min-width:769px){
    #nav-toggle {
        position:absolute;
    }
    #pgNavigation {
        position:static;
    }
#pgLogo {
height:55px;
}
#q_logo_black {
position:absolute;
}
#login, #top-dashboard{
position:absolute;
}
}

.profileBox .title h2 {
text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

@media (max-width: 860px) {
    .module-1, .module-2, .module-3, .module-4, .module-5, .module-6, .module-7, .module-8, .module-9, .module-10, .module-11 {
        width:100%;
    }
    .timeline-dates {
        position:absolute;
        left: 0px;
        width: 80px;
    }

    .pointer-lines-left {
        position: absolute;
        left: 80px;
        width: 20px;
    }

    .timeline-left {
        position: absolute;
        left: 109px;
        width: calc( 100% - 120px);
    }

    .pointer-lines-right {
        position: absolute;
        left: 80px;
        width: 20px;
    }

    .timeline-right {
        position: absolute;
        width: calc( 100% - 120px);
        left: 109px;
        margin-left: 0;
    }

    .module-1 {

    }

    .module-2 {
        margin-top: 419px;
    }

    .module-3 {
        margin-top: 494px;
    }

    .module-4 {
        margin-top: 590px;
    }

    .module-5 {
        margin-top: 543px;
    }

    .module-6 {
        margin-top: 496px;
    }

    .module-7 {
        margin-top: 478px;
    }

    .module-8 {
        margin-top: 35px;
    }

    .module-9 {
        margin-top: 935px;
    }

    .module-10 {
        margin-top: 501px;
    }

    .module-11 {
        margin-top: 311px;
    }

    .date-1, .date {
        margin-bottom: 270px;
    }
    .line-2 {
        margin-top: 806px;
    }
    .line-3 {
        margin-top: 1283px;
    }
    .line-4 {
        margin-top: 886px;
    }
    .line-5 {
        margin-top: 645px;
    }
    .line-6 {
        margin-top: 877px;
    }
    .line-7 {
        margin-top: 881px;
    }
    .line-8 {
        margin-top: 438px;
    }
    .line-9 {
        margin-top: 1234px;
    }
    .line-10 {
        margin-top: 968px;
    }
    .line-11 {
        margin-top: 753px;
    }
    .history_container {
        min-height: 4800px;
    }
    .date-current {
        margin-top: 600px;
        margin-bottom: 500px;
    }
}
@media (max-width: 730px) {
    .module-1, .module-2, .module-3, .module-4, .module-5, .module-6, .module-7, .module-8, .module-9, .module-10, .module-11 {
        width:100%;
    }
    .timeline-dates {
        position:absolute;
        left: 0px;
        width: 80px;
    }

    .pointer-lines-left {
        position: absolute;
        left: 80px;
        width: 20px;
    }

    .timeline-left {
        position: absolute;
        left: 109px;
        width: calc( 100% - 120px);
    }

    .pointer-lines-right {
        position: absolute;
        left: 80px;
        width: 20px;
    }

    .timeline-right {
        position: absolute;
        width: calc( 100% - 120px);
        left: 109px;
        margin-left: 0;
    }

    .module-1 {

    }

    .module-2 {
        margin-top: 450px;
    }

    .module-3 {
        margin-top: 518px;
    }

    .module-4 {
        margin-top: 643px;
    }

    .module-5 {
        margin-top: 586px;
    }

    .module-6 {
        margin-top: 524px;
    }

    .module-7 {
        margin-top: 538px;
    }

    .module-8 {
        margin-top: 38px;
    }

    .module-9 {
        margin-top: 1007px;
    }

    .module-10 {
        margin-top: 557px;
    }

    .module-11 {
        margin-top: 350px;
    }

    .date-1, .date {
        margin-bottom: 290px;
    }
    .line-2 {
        margin-top: 806px;
    }
    .line-3 {
        margin-top: 1352px;
    }
    .line-4 {
        margin-top: 987px;
    }
    .line-5 {
        margin-top: 657px;
    }
    .line-6 {
        margin-top: 992px;
    }
    .line-7 {
        margin-top: 959px;
    }
    .line-8 {
        margin-top: 469px;
    }
    .line-9 {
        margin-top: 1247px;
    }
    .line-10 {
        margin-top: 1038px;
    }
    .line-11 {
        margin-top: 770px;
    }
    .history_container {
        min-height: 5085px;
    }
    .date-current {
        margin-top: 600px;
        margin-bottom: 500px;
    }
}

@media (max-width: 630px) {
    .module-1, .module-2, .module-3, .module-4, .module-5, .module-6, .module-7, .module-8, .module-9, .module-10, .module-11 {
        width:100%;
    }
    .timeline-dates {
        position:absolute;
        left: 0px;
        width: 80px;
    }

    .pointer-lines-left {
        position: absolute;
        left: 80px;
        width: 20px;
    }

    .timeline-left {
        position: absolute;
        left: 109px;
        width: calc( 100% - 120px);
    }

    .pointer-lines-right {
        position: absolute;
        left: 80px;
        width: 20px;
    }

    .timeline-right {
        position: absolute;
        width: calc( 100% - 120px);
        left: 109px;
        margin-left: 0;
    }

    .module-1 {

    }

    .module-2 {
        margin-top: 450px;
    }

    .module-3 {
        margin-top: 518px;
    }

    .module-4 {
        margin-top: 674px;
    }

    .module-5 {
        margin-top: 642px;
    }

    .module-6 {
        margin-top: 562px;
    }

    .module-7 {
        margin-top: 538px;
    }

    .module-8 {
        margin-top: 38px;
    }

    .module-9 {
        margin-top: 1054px;
    }

    .module-10 {
        margin-top: 557px;
    }

    .module-11 {
        margin-top: 350px;
    }

    .date-1, .date {
        margin-bottom: 290px;
    }
    .date.date_2010 {
    margin-bottom: 600px;
}
    .line-2 {
        margin-top: 806px;
    }
    .line-3 {
        margin-top: 1386px;
    }
    .line-4 {
        margin-top: 987px;
    }
    .line-5 {
        margin-top: 776px;
    }
    .line-6 {
        margin-top: 992px;
    }
    .line-7 {
        margin-top: 1005px;
    }
    .line-8 {
        margin-top: 482px;
    }
    .line-9 {
        margin-top: 1455px;
    }
    .line-10 {
        margin-top: 1038px;
    }
    .line-11 {
        margin-top: 817px;
    }
    .history_container {
        min-height: 5372px;
    }
    .date-current {
        margin-top: 600px;
        margin-bottom: 500px;
    }
}

@media (max-width: 497px) {
     .history_container h3 {
        margin-top: 10px;
    }
     .history_container p {
        font-size: 14px;
    }
    .module-1, .module-2, .module-3, .module-4, .module-5, .module-6, .module-7, .module-8, .module-9, .module-10, .module-11 {
        width:100%;
    }
    .timeline-dates {
        position:absolute;
        left: 0px;
        width: 80px;
    }

    .pointer-lines-left {
        position: absolute;
        left: 80px;
        width: 20px;
    }

    .timeline-left {
        position: absolute;
        left: 109px;
        width: calc( 100% - 120px);
    }

    .pointer-lines-right {
        position: absolute;
        left: 80px;
        width: 20px;
    }

    .timeline-right {
        position: absolute;
        width: calc( 100% - 120px);
        left: 109px;
        margin-left: 0;
    }

    .module-1 {

    }

    .module-2 {
        margin-top: 450px;
    }

    .module-3 {
        margin-top: 592px;
    }

    .module-4 {
        margin-top: 692px;
    }

    .module-5 {
        margin-top: 642px;
    }

    .module-6 {
        margin-top: 562px;
    }

    .module-7 {
        margin-top: 538px;
    }

    .module-8 {
        margin-top: 38px;
    }

    .module-9 {
        margin-top: 991px;
    }

    .module-10 {
        margin-top: 537px;
    }

    .module-11 {
        margin-top: 470px;
    }

    .date-1, .date {
        margin-bottom: 273px;
    }
    .date.date_2010 {
    margin-bottom: 600px;
}
    .line-2 {
        margin-top: 778px;
    }
    .line-3 {
        margin-top: 1299px;
    }
    .line-4 {
        margin-top: 987px;
    }
    .line-5 {
        margin-top: 776px;
    }
    .line-6 {
        margin-top: 992px;
    }
    .line-7 {
        margin-top: 1005px;
    }
    .line-8 {
        margin-top: 482px;
    }
    .line-9 {
        margin-top: 1434px;
    }
    .line-10 {
        margin-top: 824px;
    }
    .line-11 {
        margin-top: 573px;
    }
    .history_container {
        min-height: 5028px;
    }
    .date-current {
        margin-top: 500px;
        margin-bottom: 500px;
    }
}

@media (max-width: 375px) {
    .history_container h3 {
        font-size: 19px;
        margin-top: 10px;
    }
    .history_container p {
        font-size: 13px;
    }
    .module-1, .module-2, .module-3, .module-4, .module-5, .module-6, .module-7, .module-8, .module-9, .module-10, .module-11 {
        width:100%;
    }
    .timeline-dates {
        position:absolute;
        left: 0px;
        width: 80px;
    }

    .pointer-lines-left {
        position: absolute;
        left: 80px;
        width: 20px;
    }

    .timeline-left {
        position: absolute;
        left: 109px;
        width: calc( 100% - 120px);
    }

    .pointer-lines-right {
        position: absolute;
        left: 80px;
        width: 20px;
    }

    .timeline-right {
        position: absolute;
        width: calc( 100% - 120px);
        left: 109px;
        margin-left: 0;
    }

    .module-1 {

    }

    .module-2 {
        margin-top: 348px;
    }

    .module-3 {
        margin-top: 418px;
    }

    .module-4 {
        margin-top: 674px;
    }

    .module-5 {
        margin-top: 600px;
    }

    .module-6 {
        margin-top: 562px;
    }

    .module-7 {
        margin-top: 511px;
    }

    .module-8 {
        margin-top: 38px;
    }

    .module-9 {
        margin-top: 829px;
    }

    .module-10 {
        margin-top: 511px;
    }

    .module-11 {
        margin-top: 385px;
    }

    .date-1, .date {
        margin-bottom: 226px;
    }
    .date.date_2010 {
    margin-bottom: 623px;
}
    .line-2 {
        margin-top: 642px;
    }
    .line-3 {
        margin-top: 1119px;
    }
    .line-4 {
        margin-top: 987px;
    }
    .line-5 {
        margin-top: 689px;
    }
    .line-6 {
        margin-top: 855px;
    }
    .line-7 {
        margin-top: 907px;
    }
    .line-8 {
        margin-top: 482px;
    }
    .line-9 {
        margin-top: 1177px;
    }
    .line-10 {
        margin-top: 816px;
    }
    .line-11 {
        margin-top: 731px;
    }
    .history_container {
        min-height: 4670px;
    }
    .date-current {
        margin-top: 500px;
        margin-bottom: 500px;
    }
}

@media (max-width: 320px) {
    .history_container h3 {
        font-size: 19px;
        margin-top: 10px;
    }
    .history_container p {
        font-size: 13px;
    }
    .module-1, .module-2, .module-3, .module-4, .module-5, .module-6, .module-7, .module-8, .module-9, .module-10, .module-11 {
        width:100%;
    }
    .timeline-dates {
        position:absolute;
        left: 0px;
        width: 80px;
    }

    .pointer-lines-left {
        position: absolute;
        left: 80px;
        width: 20px;
    }

    .timeline-left {
        position: absolute;
        left: 109px;
        width: calc( 100% - 120px);
    }

    .pointer-lines-right {
        position: absolute;
        left: 80px;
        width: 20px;
    }

    .timeline-right {
        position: absolute;
        width: calc( 100% - 120px);
        left: 109px;
        margin-left: 0;
    }

    .module-1 {

    }

    .module-2 {
        margin-top: 348px;
    }

    .module-3 {
        margin-top: 418px;
    }

    .module-4 {
        margin-top: 674px;
    }

    .module-5 {
        margin-top: 600px;
    }

    .module-6 {
        margin-top: 562px;
    }

    .module-7 {
        margin-top: 511px;
    }

    .module-8 {
        margin-top: 38px;
    }

    .module-9 {
        margin-top: 829px;
    }

    .module-10 {
        margin-top: 511px;
    }

    .module-11 {
        margin-top: 385px;
    }

    .date-1, .date {
        margin-bottom: 226px;
    }
    .date.date_2010 {
    margin-bottom: 623px;
}
    .line-2 {
        margin-top: 642px;
    }
    .line-3 {
        margin-top: 1143px;
    }
    .line-4 {
        margin-top: 987px;
    }
    .line-5 {
        margin-top: 689px;
    }
    .line-6 {
        margin-top: 855px;
    }
    .line-7 {
        margin-top: 907px;
    }
    .line-8 {
        margin-top: 482px;
    }
    .line-9 {
        margin-top: 1177px;
    }
    .line-10 {
        margin-top: 832px;
    }
    .line-11 {
        margin-top: 786px;
    }
    .history_container {
        min-height: 4740px;
    }
    .date-current {
        margin-top: 500px;
        margin-bottom: 500px;
    }
}

@media (min-width: 1001px) {
.subnav li{
float:none !important;
}

.page0 ol{
columns:3;
-webkit-columns:3;
-moz-columns:3;
}

.page16 ol{
columns:2;
-webkit-columns:2;
-moz-columns:2;
}


}

/* blog thumbnail view */
.blogTitles {
    display: -webkit-flex !important; /* Safari */
    -webkit-justify-content: center; /* Safari 6.1+ */
    -webkit-align-items:flex-start; /* Safari 7.0+ */
    display: flex !important;
    justify-content: center;
    align-items:flex-start;
    position:static;
    opacity: 1;
    padding:0;
    height: auto;
width:400px;
}
.pgBlog {
    height: auto;
width:400px; 
    background-color: transparent;
}
.blogParent {
    vertical-align: top;
    padding-bottom: 20px;
padding-right:10px;
padding-left:10px;
}
.blogTitles_text {
    text-align:center;
    padding: 0;
    font-size:10pt;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.blogTitles_title {
    text-align:left;
    padding: 0;
min-height: 52px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align:center;
padding-top:20px;
font-size:12pt;
}
.blogTitles_link {
 text-align: center;
padding-top: 10px;
}
.wraptocenterBlog {
    width:400px;
    height: 270px;
}
.photographer-custom-page.thumbnail_view {
    max-width: 1400px;
}
@media (max-width: 456px) {
    .wraptocenterBlog {
        width:100%;
    }
    .pgBlog {
        width:100%;
margin: 0;
    }
    .blogTitles {
        width:100%;
    }
.blogParent {
    padding-right: 0;
    padding-left: 0;
}
.qby_blog_section.columns_wrapper .column {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.qby_blog_section.columns_wrapper .column .widget {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.photographer-custom-page.thumbnail_view {
     width: 100% !important;
}
.homepagesection {
padding-right:0 !important;
padding-left:0 !important;
}
.blogclearspace {
height:0 !important;
}
}
.qby_style_section {
    height:0;
}

/*grey background navi*/
#isPageHeader {
    height: 100px;
    width: 100vw;
    max-width: none !important;
padding-left: 0 !important;
}
#pgNavigation ul li a {
    color:#ffffff;
}
#pgNavigation ul li a:hover {
    color:#ffffff;
}
@media (max-width:768px) {
    #isPageHeader {
        background-color:transparent;
        height:auto;
        width: 100%;
    }
    #nav-toggle {
        background-color: #313131;
    }
    #pgNavigation ul.open {
            background-color: #313131;
    }
.widget.wtypeimage_full_width {
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
}
}

/*grey background navi end*/

#CopyrightBase {
    position: absolute;
    bottom:0;
    right:0;
    left:0;
}

#isPageFooter {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 65px;
}

#pageWidth {
    position:relative;
    min-height:100vh;
    
}

.photographer-custom-page {
    margin-bottom: 0;
    padding-bottom: 40px;
}

.back_to_top {
position: fixed;
bottom: 10px;
left: calc(55% + 375px);
font-size: 0.625em;
text-transform: uppercase !important;
float: right !important;
font-family: "Futura W01 Heavy";
font-weight: normal;
margin-top: -80px;

}
.back_to_top a {
white-space:nowrap; 
}
.copyright {
    margin-left: 5px;
    margin-right: 5px;
}
li.products-list-material, li.products-list-album {
    list-style-type:none;
}

#mainPageWrapper {
    padding-bottom: 400px
}

.product-header,.product-paragraph, .product-separator {
    display:none;
}

@media (max-width: 768px) {
    #pgFooterHTML .first-links {
        display: none;
    }
    #pgFooterHTML .second-links {
        display: none;
    }
    #pgFooterHTML .third-links {
        width: 100%;
    }
}
.wtypevideo {
    position: relative;
    padding-bottom: 56.25% !important;
    height: 0 !important;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}
.wtypevideo iframe, .wtypevideo object, .wtypevideo embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.neutral_banner_image img {
    max-width:none;
}
.wtypeimage .zoom-in {
display:block;
}
@media (max-width:768px) {
    .copyright:nth-child(2) {
        display:none;
    }
    .copyright:nth-child(1) {
        width: 100% !important;
        text-align: center !important;
    }
.hideAnchor {
    display: block;
    height: 0px;
    overflow: hidden;
    text-indent: -9999px;
    margin-top: -40px;
    padding-bottom: 40px;
}
}
@media (min-width:769px){
    #nav-pg li:nth-child(1) {
        display:none;
    }

}

.wtypeimage .caption {
margin-bottom:5px !important;
}

#CopyrightContent {
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: center; /* Safari 6.1+ */
    -webkit-align-items: center; /* Safari 7.0+ */
    display: flex;
    justify-content: center;
    align-items:center;
}


a.more-button { 
padding: 10px;
text-align: center;
margin-top: 25px;
letter-spacing: 0.5px;
font-family: "Futura W01 Book";
background-color: black;
display: inline-block;
font-weight: normal;
margin-right: 8px;
color: #FFFFFF !important;
width: 250px;
font-size: 10pt;
}

a.qby-acc-button {
padding: 10px;
text-align: center;
margin-top: 25px;
letter-spacing: 0.5px;
font-family: "Futura W01 Book";
background: linear-gradient(to bottom, rgba(51, 153, 255, 1) 0%, rgba(51, 153, 255, 1) 100%);
display: inline-block;
font-weight: normal;
margin-right: 8px;
color: #FFFFFF !important;
width: 250px;
font-size: 10pt;
}

.search_container {
    width: 100%;
    margin: auto;
max-width:900px;
    padding-top: 20px;
}
.search_pages_result {
max-width:900px;
}
.search_container {
    position:relative;
}
.search_pages_result {
    position: absolute;
    z-index: 10;
    left:0;
    right:0;
}
#all_search_result .search_pages_result {
    position: relative;
}
.search_pages_field {
	background-color: white;
}
.sp_child {
    background-color: white;
}
/*faq*/
.faq_container {
border:1px solid #ccc;
padding:10px;
background-color: #eeeeee;
margin-bottom:20px;
cursor: pointer;
}
.faq_container.active {
background-color: #ffffff;
}
.faq_title {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-justify-content: space-between; /* Safari 6.1+ */
justify-content: space-between;
-webkit-align-items: center; /* Safari 7.0+ */
align-items: center;
}
.faq_text {
display:none;
margin-top:10px;
}
.active .faq_text {
display:block;
}