/*blog addendum */

@-webkit-keyframes overlaying3 {
0%{
     opacity: 0;	  
   }
	  
100% { 
opacity: 100%;
}     
	  
}
@-moz-keyframes overlaying3 {
0%{
     opacity: 0;	  
   }
	  
100% { 
opacity: 100%;
}   
}
@-o-keyframes overlaying3 {
0%{
     opacity: 0;	  
   }
	  
100% { 
opacity: 100%;
} 	
}
@keyframes overlaying3 {
0%{
     opacity: 0;	  
   }
	  
100% { 
opacity: 100%;
} 
}	

#header{
float: left; 
width: 100%;
margin-bottom: 0%;
background: black;
box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
z-index: 9999;
position: relative;

}

#footer{
margin-top: 0;	
	
}

.entry h2{
width: 100%;
display: inline-block;
vertical-align: top;	
	
}

.socialshare{	
text-align: left;	
margin-bottom: 6px;	
}

.socialshare img{
width: 30px !important;	
height: 30px !important;
}

.small-navigation-text{
font-size: 14px;
color: rgb(100,100,100);	
font-weight: 300;
font-family: calibri, sans-serif; 
	
}


.small-navigation-text a{
color: rgb(100,100,100);	
}

.small-navigation-text a:hover{
text-decoration: underline;	
}


.post2{
width: 92%;
padding: 0;
box-shadow: none !important;
background: white;
margin-left: 3%;
margin-right: 2%;
display: inline-block;
vertical-align: top;		
}

.dpblog-call-to-action-hold{
width: 100%;
margin-top: 1%; 
margin-bottom: 1%;
position: relative;
text-align: center;
}


.dpblog-call-to-action-white{
width: auto;
padding: 10px;
border-radius: 2px;
font-weight: 400;
font-family: calibri, sans-serif;	
background: transparent;
border: 1px solid white;
display: inline-block; 
vertical-align: top;	
text-transform: capitalize;
color: white !important;
font-size: 110%;
letter-spacing: 1px;
 -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}


.dpblog-call-to-action-white:hover{
	background: grey;
	border: 1px solid grey;
 -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
  
}


#dp-footer-display-container{
padding-top: 7%;
padding-bottom: 6%;	
background: url(images/diamond-products-footer.webp) no-repeat 50% 50% scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#dp-tategory-display-container{
padding-top: 10%;
padding-bottom: 10%;	
background: url(images/diamond-products-category.webp) no-repeat 50% 50% scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.dp-home-hero-container{
width: 100%;
float: left;
text-align: center; 
position: relative;
padding-top: 10%;
padding-bottom: 10%;
font-family: calibri;	
background: url(images/contemporary-coastal-bg.webp) no-repeat 50% 30% scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#dp-home-hero-gallery {
background: url(images/gallery-bg.webp) no-repeat 50% 30% scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.dp-home-hero-container-text{
width: 90%;
display: inline-block;
vertical-align: top; 
	
}

.dp-home-hero-container h1{
width: 100%;
display: inline-block;	
vertical-align: top;
font-family: arial, sans-serif;
font-size: 320%;
margin-top: 0;	
font-weight: 600;	
text-transform: uppercase;
color: white;
margin-bottom: 0;
-webkit-animation: overlaying3 ease-in-out 1.3s 0s; /*Add wherever effect is needed, 0s is used to indicate delay*/
  -moz-animation: overlaying3 ease-in-out 1.3s 0s; 
  -o-animation: overlaying3 ease-in-out 1.3s 0s;
  animation: overlaying3 ease-in-out 1.3s 0s;		
}


.dp-home-hero-container h2{
width: 100%;
display: inline-block;	
vertical-align: top;
font-family: arial, sans-serif;
font-size: 200%;
margin-top: 0;	
font-weight: 600;	
text-transform: uppercase;
color: white;
margin-bottom: 0;	
}


.dp-home-hero-container p{
width: 100%;
display: inline-block;	
vertical-align: top;
font-size: 135%;
font-weight: 400;	
font-family: calibri, sans-serif;	
margin-top: 8px;	
color: white;
-webkit-animation: overlaying3 ease-in-out 2s 0s; /*Add wherever effect is needed, 0s is used to indicate delay*/
  -moz-animation: overlaying3 ease-in-out 2s 0s; 
  -o-animation: overlaying3 ease-in-out 2s 0s;
  animation: overlaying3 ease-in-out 2s 0s;	
}



.dp-home-main-blog-section{
width: 100%;
float: left;
text-align: center; 
position: relative;
padding-top: 6%;
padding-bottom: 6%;
font-family: calibri;		
background: #f4f4f4;	
}

.dp-home-main-blog-section-flex-hold{
width: 88%;
display: inline-block;
vertical-align: top; 
text-align: center;	
margin-left: 2%;
}


.dp-home-main-blog-section-flex {
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */	
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;	
}

.dp-home-main-blog-section-flex section{
width: 22%;
margin-left: 1%;
margin-right: 1%;	
background: white; 	
margin-bottom: 2%;
text-align: left;
padding-bottom: 30px;
position: relative;
}


.dp-home-main-blog-section-flex article{
width: 30%;
margin-left: 1%;
margin-right: 1%;	
background: white; 	
margin-bottom: 2%;
text-align: left;
padding-bottom: 30px;
position: relative;
}


.dp-home-main-blog-section-image{
width: 100%;
display: inline-block;
vertical-align: top;
padding-bottom: 65%;
position: relative;	
overflow-y: hidden;	
overflow-x: hidden;		
}

.dp-home-main-blog-section-image img{
width: 100%;
height: 100%;
left: 0;
top: 0; 
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;
}

.dp-home-main-blog-section-flex-text {
width: 100%;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
padding: 5%;
font-family: calibri, sans-serif;
	
}



.read-more-text-absolute{
width: 100%;
position: absolute;
z-index: 1;
left: 5%;
bottom: 3%;
font-size: 95%;
margin-top: 0;	
font-weight: 600;	
color: rgb(105,105,105);	
font-family: arial, sans-serif;	
text-transform: uppercase;
	
}

.read-more-text-absolute a{
color: rgb(105,105,105) !important;	
}


.read-more-text-absolute a:hover{
color: rgb(60,60,60) !important;	
}

.dp-home-main-blog-section-flex h2, .dp-home-main-blog-section-flex h4{
width: 100%;
display: inline-block;	
vertical-align: top;
font-size: 130%;
margin-top: 0;	
font-weight: 600 !important;	
color: rgb(55,55,55);	
font-family: calibri, sans-serif !important;	
text-transform: capitalize;
margin-bottom: 2px;
padding-bottom: 0 !important; 
border-bottom: 0 !important;
}

.dp-home-main-blog-section-flex h4{
font-weight: 400 !important;
font-size: 150%;
margin-bottom: 15px;	

}


 .dp-home-main-blog-section-flex a{
font-weight: 600 !important;	
color: rgb(55,55,55);	
font-family: calibri, sans-serif !important;		 
 }





/*Invoicing Nav */


.invoicing-nav-section{
width: 100%;
float: left; 
position: relative;	
background: black; 
color: white;
height: 70px;
}


.invoicing-nav-section-logo{
width: 150px;
float: left;
height: auto; 
margin-left: 3%;

}

.invoicing-nav-section-logo img{
width: 100%;
height: auto;	
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
}


.invoicing-instructions{
width: 60%;
font-size: 110%;
line-height: 140%;
display: inline-block;
vertical-align: top; 
text-align: left;	
color: dimgray;
margin-bottom: 3%;
}


.invoicing-drop-down-open{
width: 30px;
height: auto;
margin-right: 3%;
float: right;	
margin-top: 19px; 		
}

.invoicing-drop-down-open img{
width: 100%; 
height: auto;	
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;	
}


.invoice-drop-down{
position: absolute; 
right: 0;
top: 100%;	
width: 150px;
color: white;
padding: 12px;	
background: rgb(35,35,35);
background: rgba(35,35,35,0.9);
z-index: 9999999999999999;
display: none;
}

.invoice-drop-down a{
color: white; 
padding: 5px;
width: 100%; 
box-sizing: border-box;
text-align: left;
float: left;
}


/*New Invoicing */

.displaysidebarlink a{
float: left; 
text-align: left;
width: 96%;
padding: 2%;
padding-bottom: 7px;
	
	
}



.main-hold-section-invoice{
width: 100%;
float: left; 
text-align: center;
min-height: 680px;
padding-top: 20px;
padding-bottom: 5%;
position: relative;	
font-family: calibri, sans-serif;
background: #f2f2f2;
}

.main-hold-section-invoice h1{
font-family: arial, sans-serif;	
font-weight: 300;
font-size: 140%;
color: rgb(45,45,45);
margin-bottom: 25px;
}


.main-hold-section-invoice select {
width: 180px;
padding: 6px;
margin-top: 10px; 
margin-bottom: 15px;
	
	
}

.checkbox-large-fail-safe {
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;	
	
}

.checkbox-confirm-send{
width: 100%;
display: inline-block;	
vertical-align: top; 
margin-top: 18px; 
margin-bottom: 18px;	
}


.checkbox-confirm-send input[type="checkbox" i]{
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;	
	
}




#myUL input[type="number" i] {
width: 40px; 
padding: 6px; 	
border: 1px solid gray;	
	
}


#myUL input[type="checkbox" i]{
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;	
	
}

#myUL select {
width: 100px;
padding: 6px;
margin-top: 10px; 
margin-bottom: 15px;
border: 1px solid gray;	
	
}

#myUL input[type="text" i] {
width: 100%;
padding: 12px; 	
box-sizing: border-box;	
border: 1px solid gray;
}


#myUL{
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */	
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;	
width: 94%;
margin-left: 3%;
box-sizing: border-box;
padding: 2%; 
border: 1px solid rgb(180,180,180);
background: white;
border-radius: 10px;
margin-top: 3%;
margin-bottom: 3%;
}

#myUL li{
list-style: none;
  width: 23%;
  margin-left: 1%;
  margin-right: 1%;
  text-align: left;	
  margin-top: 15px; 
  margin-bottom: 15px;
	
}


.separate-invoicing {
width: 24%; 
margin-left: 2%; 
margin-right: 2%; 
display: inline-block;
vertical-align: top;
margin-top: 15px;	

}

.separate-invoicing label{
text-align: left;	
width: 100%;
float: left;
}


.separate-invoicing select{
text-align: left;	
width: 100%;
float: left;
padding: 10px; 
box-sizing: border-box;
border: 1px solid gray;	
}

.separate-invoicing input[type="text" i], .separate-invoicing input[type="password" i], .quotation-section input[type="text" i], .quotation-section input[type="password" i] {
text-align: left;	
width: 100%;
float: left;
padding: 10px; 
box-sizing: border-box;	
margin-top: 10px;	
border: 1px solid gray;	
}


.separate-invoicing .login-submit {
width: 100%;
display: inline-block; 
text-align: left;	
	
}


.quotation-section {
display: inline-block;
vertical-align: top;
width: 38%;
text-align: left;
border: 1px solid gainsboro;
border-radius: 4px;
padding: 2%;	
margin-top: 130px;
margin-bottom: 120px;
background: white;
}

.quotation-section img{
width: 150px; 
height: auto;
display: inline-block;
vertical-align: top;	
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
}



.quotation-section h1{
text-align: center;	
font-weight: 300;
text-transform: uppercase;
}


.quotation-section p{
display: inline-block;
vertical-align: top;
width: 100%;
text-align: left;
	
}

.large-invoice-input-button{
width: auto;
padding: 10px; 
padding-left: 3%;
padding-right: 3%; 
box-sizing: border-box; 
border: 0;
display: inline-block;
vertical-align: top;
margin-bottom: 8px;
margin-top: 8px;
outline: none;	
cursor: pointer;	
background: firebrick;
color: white !important; 
font-weight: 600;
font-family: calibri;
text-transform: uppercase;
letter-spacing: 2px;	
font-size: 110%;
border-radius: 1px;	
-webkit-appearance: none;
-moz-appearance: none;
}


.large-invoice-input-button:hover {
background: rgb(30,30,30);	
}


.small-invoice-input-button, .delete-post-button, .separate-invoicing #wp-submit, .quotation-section #wp-submit {
width: auto;
padding: 8px; 
box-sizing: border-box; 
border: 0;
display: inline-block;
vertical-align: top;
margin-bottom: 8px;
margin-top: 8px;
outline: none;	
cursor: pointer;	
background: firebrick;
color: white !important; 
font-weight: 600;
font-family: calibri;
text-transform: uppercase;
letter-spacing: 1px;	
font-size: 14px;
border-radius: 1px;	
-webkit-appearance: none;
-moz-appearance: none;
}


.delete-post-button{
background: dimgray;
color: white !important; 	
}

.small-invoice-input-button:hover, .delete-post-button:hover, .separate-invoicing #wp-submit:hover{
background: rgb(30,30,30);	
}


.wrap-para-invoice{
width: 80%;
box-sizing: border: box;
text-align: center; 
font-size: 105%;
background: #d6d6d6;
padding: 12px;	
display: inline-block;
vertical-align: center;
color: rgb(40,40,40);
position: relative;
}


.nav-invoices{
display: inline-block;
vertical-align: top;
width: 90%;	
margin-top: 15px;
margin-bottom: 20px;
font-size: 14px;	
}

.content-invoice-output{
width: 45%;
display: inline-block;
vertical-align: top;	
padding: 3%;
box-sizing: border-box; 
border: 2px solid gainsboro;	
margin-top: 3%;	
margin-bottom: 20px;
background: white;
}


.content-invoice-output img{
display: inline-block;
vertical-align: top; 
width: 150px;
margin-top: 15px;
margin-bottom: 20px;	
	 image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}


.description_invoice {
width: 100%;
float: left;
text-align: left;
padding: 8px;
box-sizing: border-box;
background: #3a3838;
color: white;
}


.quantity_invoice {
width: 35%;
float: left; 
text-align: left;	
margin-top: 8px;
margin-bottom: 8px;
}

.unitprice_invoice{
width: 64%;
float: right; 
text-align: right;	
margin-top: 8px;
margin-bottom: 8px;	
}


.subtotal_invoice{
width: 100%;
float: right;
text-align: right;	
}


.taxsub_invoice{
width: 100%;
float: right;
text-align: right;	
margin-bottom: 10px;	
}


.totals-invoicing-section{
width: 100%;
float: left;
margin-top: 20px;
	
}

.totals-invoicing-section p{
width: 100%;
float: right;
text-align: right;
margin-top: 20px;	
margin-top: 5px; 
margin-bottom: 5px;	
padding-bottom: 4px;
}

.total-section { 
 text-decoration-line: underline;
  text-decoration-style: double;
  font-size: 115%;
  font-weight: 600;
}



.main-invoicing-table-holder {
width: 70%;
display: inline-block;
vertical-align: top;
margin-top: 15px; 
margin-bottom: 20px;	
	
	
	
}

.main-invoicing-table{
width: 100%;
text-align: left;	
border-collapse: collapse	
}

.main-invoicing-table th{
background: rgb(65,65,65);	
padding: 10px;
border: 1px solid rgb(65,65,65);
color: white;
}

.main-invoicing-table td{
border: 1px solid gainsboro;
padding: 10px;
background: white;
}

.total-table-all{
text-align: right;	
}


/*Paging*/


.pagenumbershold{
width: 100%;
display: inline-block;
vertical-align: top;
text-align: center;	
margin-top: 3%;	
	
	
}




.pagenumbers{
width: 96%;
display: inline-block;
vertical-align: top;
text-align: left;	
margin-left: 1% !important	
	
	
}




ul.page-numbers {
    list-style: none;
    margin: 0 !important;
	margin-left: 0;
	width: 100%;
	display: inline-block;
	position: relative;
}

.page-numbers:after {
    content: ".";
    display: inline-block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.page-numbers li {
    display: inline-block;
	vertical-align: top;
    margin: 8px 4px 4px 8px;
    text-align: center;
	font-family: calibri, sans-serif;
	font-weight: 300;
}

.page-numbers a,
.page-numbers span {
    display: inline-block;
    padding: 5px 4px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    color: white;
	background: white;
	border: 1px solid silver;
	border-radius: 4px;
	color: gray;
	margin: 0;
	
}

.page-numbers a span { padding: 0 }

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: white;
    background: rgb(55,55,55);
    text-decoration: none;
}

.page-numbers:hover { text-decoration: none }



.page-numbers .next{
margin-left: 6%;	
position: relative;	
display: inline-block;
padding: 5px 15px;
text-align: center;
	
}

.page-numbers .prev{
margin-left: 6%;	
position: relative;	
display: inline-block;
padding: 5px 15px;
text-align: center;
	
}


/*Paging End*/


/*Blog Image Cropped */


.blog_each_image_section{
width: 100%;
display: inline-block;
vertical-align: top;
padding-bottom: 65%;
position: relative;	
margin-left: auto;
margin-right: auto;
overflow-y: hidden;	
overflow-x: hidden;	
}


.blog_each_image_section img{
width: 100%;
height: 100%;
left: 0;
top: 0; 
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;
 image-rendering: -webkit-optimize-contrast;

}

.entry img{
 image-rendering: -webkit-optimize-contrast;
width: 100%;
	
}


.category_posts_style{
width: auto;
font-size: 12px !important;
padding: 3px; 
padding-left: 5px; 
padding-right: 5px;
border-radius: 50px;
border: 1px solid dimgray;
color: dimgray;
text-align: center;	
margin-bottom: 8px;
display: inline-block;
vertical-align: middle;
margin-right: 3px;
}

.category_posts_style:hover{
background: yellow; 
border: 1px solid yellow;	
}


.eachhomepage{
margin-top: 2%;
margin-bottom: 2%;	
	
}


.eachhomepage h2{
margin-top: 20px;	
	
}


.socialshare img{
 image-rendering: -webkit-optimize-contrast;

}

.show-mobile-only-single{
display: none;	
}


.featured-image-diamond-blog{
width: 100%;
display: inline-block;
vertical-align: top;
background: url(images/contemporary-coastal.webp) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
  margin-top: 20px;
  margin-bottom: 15px;
  padding-bottom: 36%;
   image-rendering: -webkit-optimize-contrast;
}


.single-page-padding{
width: 100%;
padding-top: 3%;
padding-bottom: 4%;
display: inline-block;
vertical-align: top;	
}

#blog, .gallery-section-diamond{
position: relative;
width: 56%;	
margin-top: 3%;
margin-bottom: 6%;
}

.gallery-section-diamond{
width: 85%;	
display: inline-block;
vertical-align: top;
margin-top: 0; 
margin-bottom: 0;
padding-top: 6%;
padding-bottom: 10%;
text-align: center;
}


#blog h1, .gallery-section-diamond h1{
font-size: 280%;
font-family: arial, sans-serif;
font-weight: 600;
margin-top: 10px; 
margin-bottom: 3%;
text-transform: uppercase;
color: rgb(55,55,55);	
text-align: center;	
font-stretch: semi-condensed;
}

.gallery-section-diamond h2{
font-size: 200%;
font-family: arial, sans-serif;
font-weight: 500;
margin-top: 10px; 
margin-bottom: 15px;
text-transform: capitalize;
color: rgb(55,55,55);	
text-align: left;	
	display: inline-block;
vertical-align: top;
}

.gallery-section-diamond p{
font-size: 110%;
font-family: calibri, sans-serif;
font-weight: 300;
color: rgb(35,35,35);	
text-align: left;	
width: 80%;
margin-bottom: 40px;	
display: inline-block;
vertical-align: top;
}


.newlayout {
width: 100%;
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */	
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;	
  margin-left: 0;
}

.eachhomepage{
width: 48%;	
margin-left: auto;
margin-right: auto;	
display: block;
margin-left: 1%; 
margin-right: 1%;
}




.flexi-blog{
width: 100%;
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */	
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;	

}


.flexi-blog-each{
  background-color: #f1f1f1;
  width: 46%;
  margin-top: 15px;
  margin-bottom: 20px;
  text-align: left;
   padding: 3%;
   box-sizing: border-box;
-moz-box-shadow:    1px 1px 3px 1px silver;
  -webkit-box-shadow: 1px 1px 3px 1px silver;
  box-shadow:         1px 1px 3px 1px silver;
  background: white;
}

.flexi-blog-each h3{
font-weight: 300;
padding-bottom: 6px;
text-transform: uppercase;
font-size: 120%;
}

.flexi-blog-each p{
font-size: 15px;	
}

.featuredblog{
margin-left: 0;
width: 100%;	
}


.featuredoutline{
  display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */	
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;	
  width: 100%;
  margin-left: 0;
}




.featuredthumb{
display: block !important;	
margin-right: auto !important;
position: relative;	
padding-bottom: 25%;
}

.featuredthumb img{
position: absolute; 
width: 100%;
height: 100%;	
top: 0;
left: 0;
position: absolute; 
object-fit: cover; /*May not work on every browser but will likely work on most later versions*/
cursor: pointer;
 image-rendering: -webkit-optimize-contrast;
}


.featuredside{
width: 57% !important;	
margin-right: 2%;	
}


/*Addendum product box */

.productsbox{
margin-top: 30px;
background: rgb(21,21,21);
display: inline-block;
vertical-align: top;
color: white;
font-family: calibri;
font-size: 110%; 
text-align: center;
width: 92%;
padding: 2%;
margin-left: 3%;
margin-bottom: 20px;
position: relative;
overflow: hidden;
}



.productsbox img, .productsbox3 img{
width: 100%; 
position: absolute; 
z-index: 1;
height: auto;
top: 0;
left: 0;	
}


.sidebarcolumn{
margin-top: 100px;
width: 28%;
margin-left: 1%;
height: auto;
display: inline-block;
vertical-align: top;
position: relative;
 position: -webkit-sticky;
  position: sticky;
  top: 2%;
}


/* Scan and save */

.scan_save_full_wrapper{
width: 100%;
background: gainsboro;
float: left;
position: relative;
margin-top: 0%;
text-align: center;	
padding-bottom: 100px;
background: url(images/larger-christmas-background.webp) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}





.scan-save-small-wrap{
    margin-top: 6%;
    display: inline-block;
    vertical-align: top;
    width: 45%;
    padding: 0%;
    background: transparent;
    margin-left: auto;
    margin-right: auto;
    text-align: left;	
}

.scan-save-small-wrap h1{
font-size: 280%;
    font-family: arial, sans-serif;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 3%;
    text-transform: uppercase;
    color: rgb(55, 55, 55);
    text-align: center;
    font-stretch: semi-condensed;
}




#scan-make-transparent{
background: transparent;	
}

.scan-and-save-constrain{
width: 100%;
display: inline-block; 
vertical-align: top;
text-align: center;	
}

#enlarge-for-scan-and-save{
width: 100%;	
}

.form-wrapper-scan-save{
width: 100%;
display: inline-block; 
vertical-align: top;
border-radius: 25px;
background: #b30a1f; 
color: white;
margin-top: 2%;
margin-bottom: 6%;
font-size: 108%;	
text-align: left;
}


.form-wrapper-scan-save h3{
color: white;
border-bottom: 1px solid white;	
	
}


.form-wrapper-scan-save-padding{
width: 100%;
box-sizing: border-box;	
display: inline-block;	
padding: 5%;
margin-top: 0;
margin-bottom: 0;
}

.dpscan-save{
width: 100%;
box-sizing: border-box;
padding: 17px;
border: 0; 
border: 1px solid silver;
outline: none;
color: rgb(45,45,45);	
border-radius: 4px;
margin-top: 2%;
margin-bottom: 2%;
display: inline-block; 
vertical-align: top;
background: white;
}

.scan-call-to-action-hold {
width: 100%;
margin-top: 30px; 
margin-bottom: 8px;
position: relative;
text-align: center;	
display: inline-block;	
text-align: left;
}


.scan-call-to-action{
width: auto;
padding: 15px;
border-radius: 50px;
font-weight: 500;
font-family: arial, sans-serif;	
border: 0;
outline: none;
background: #57691f;
display: inline-block; 
vertical-align: top;	
text-transform: uppercase;
color: white;
font-size: 17px;
letter-spacing: 1px;
}

.scan-and-save-lettering{
width: 100%;
box-sizing: border-box;
padding: 8%;
padding-bottom: 0;
background: #dcb488;
color: rgb(25,25,25);
font-size: 130%;
margin-top: 0;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom: 5px solid #57691f;
background: url(images/gold-background.webp) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center; 
}

.scan-and-save-lettering p{
margin-top: 0;
margin-bottom: 0;	
line-height: 120%;
}

.scan-and-save-lettering h1{
line-height: 100%;	
color: #313819;
}

.scan-and-save-lettering img{
width: 65%;
display: inline-block; 
vertical-align: top; 
margin-bottom: -4%;	
position: relative;
}


.enlarge-scan-save-p{
font-size: 125%;	
}

/*Footer Image */

#footer img{
 image-rendering: -webkit-optimize-contrast;	
}

@media(max-width: 1300px){
#blog h1, .gallery-section-diamond h1{
font-size: 250%;
	
}	
	
.gallery-section-diamond h2 {
font-size: 180%;
}	


.scan-save-small-wrap{
    width: 58%;
}
	
}

@media(max-width: 1020px){
	
.content-invoice-output{
width: 65%;	
}

#myUL li {	
width: 31%;
}

.invoicing-instructions{
width: 75%;

}

.quotation-section {
width: 60%;
}

.dp-home-main-blog-section-flex section{
width: 30%;	
}

.dp-home-main-blog-section-flex h2 {
font-size: 120%;	
}
	
}

@media(max-width: 950px){
	
#blog{
width: 75%;	
	
}

.content-invoice-output{
width: 75%;	
}


.sidebarcolumn{
margin-top: 2%;
width: 60%;
margin-left: auto;
margin-right: auto;
}

#blog h1, .gallery-section-diamond h1{
font-size: 200%;
	
}

.gallery-section-diamond h2{
font-size: 170%;	
}

.scan_save_full_wrapper{
background: url(images/mobile-christmas-background.webp) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;	
}

.scan-save-small-wrap{
    width: 70%;
}

.scan-save-small-wrap h1{
font-size: 230%;

}


}




@media(max-width: 800px){

.separate-invoicing {
width: 29%;	
margin-left: 1%;
margin-right: 1%;
}
	
	
.main-invoicing-table-holder {
width: 90%;
	
	
	
	
}

.main-invoicing-table{
font-size: 14px;
}	
	
.main-invoicing-table td {
padding: 7px;
word-wrap: break-word;
word-break:break-word;
font-size: 12px;
}	
	
.dp-home-hero-container h1{
font-size: 250%;
}	

.dp-home-hero-container h2{
font-size: 160%	
}


.dp-home-main-blog-section-flex article{
width: 98%;
}

.gallery-section-diamond{
width: 95%;	
}

}

@media(max-width: 750px){
	
#myUL li {	
width: 48%;
}
	
.invoicing-instructions{
width: 80%;

}

.quotation-section {
width: 80%;
}

.dp-home-main-blog-section-flex section{
width: 47%;	
}	
	
}


@media(max-width: 640px){
.show-mobile-only-single{
display: inline-block;	
}	

.featuredblog h2{
font-size: 130%;	
}

#blog{
width: 85%;	
	
}

.separate-invoicing {
width: 80%;	
margin-bottom: 15px;
}
	
	
.content-invoice-output{
width: 90%;	
}	



.sidebarcolumn{
width: 68%;

}
.scan-save-small-wrap{
    width: 82%;
}

.scan-save-small-wrap h1{
font-size: 200%;

}

	
}


@media(max-width: 550px) {
.featured-image-diamond-blog{
padding-bottom: 45%;
}	


#blog h1, .gallery-section-diamond h1{
font-size: 170%;
	
}

.gallery-section-diamond h2{
font-size: 150%;	
}

.dp-home-hero-container h1{
font-size: 200%;
}
	
.dp-home-hero-container h2{
font-size: 150%	
}	
	
}


@media(max-width: 540px){
	
.featuredthumb{
padding-bottom: 52%;
}	
	
	
.featuredside{
width: 97% !important;	
margin-right: 0;
}

.quotation-section {
width: 88%;
padding: 20px;
box-sizing: border-box; 
margin-top: 50px;
}

.scan-save-small-wrap{
    width: 88%;
}

.scan-save-small-wrap h1{
font-size: 175%;

}
.scan-and-save-lettering p{
font-size: 18px;	
line-height: 22px;
}


.form-wrapper-scan-save{
	font-size: 102%;
}


.enlarge-scan-save-p {
font-size: 118%;	
}

}


@media(max-width: 500px){
.flexi-blog-each{

  width: 100%;

}	
	
.newlayout	{
justify-content: center;	
}
	
.eachhomepage{
width: 100%;
}	


#myUL li {	
width: 98%;
}
	
.sidebarcolumn{
width: 80%;

}

.dp-home-main-blog-section-flex section{
width: 96%;	
margin-bottom: 4%;
}

	
}

@media(max-width: 400px){
.featuredblog h2{
font-size: 115%;	
}	


.featured-image-diamond-blog{
padding-bottom: 60%;
}	

#blog h1, .gallery-section-diamond h1{
font-size: 140%;
	
}

.gallery-section-diamond h2{
font-size: 130%;	
}

.dp-home-hero-container h1{
font-size: 180%;
}
	
.dp-home-hero-container h2{
font-size: 130%	
}	
}

@media(max-width: 350px){

.featuredblog h2{
font-size: 110%;	
}


.sidebarcolumn{
width: 90%;

}

	
}