@charset "utf-8";
/* CSS Document */
/*=======================
	GLOBAL STYLES
=======================*/
body {
    font-family: 'franklin_gothic_fsbook';
}
h1, h2, h3 {
    font-family: 'alfa_slab_oneregular';
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 18px;
}

a {
	text-decoration: none;
}
a:visited {
	color: #e26d53;
}
p {
	font-size: 1.2em;
	color: #474f58;
}	
.alphaSlab {
    font-family: 'alfa_slab_oneregular';
}
.bold {
	font-weight: bold;
}
.center {
	text-align: center;
}
.button {
    font-family: 'alfa_slab_oneregular';
	color: #e26d53;
	font-size: 14px;
	padding: .6em 1.75em;
	border: 2px solid #e26d53;	
}
.button:hover {
    font-family: 'alfa_slab_oneregular';
	color: #fff;
	font-size: 14px;
	padding: .6em 1.75em;
	background: #e26d53;
	border: 2px solid #e26d53;
	text-decoration: none;	
}
.clearFloat {
	clear: both;
}
.red {
	color: #e26d53;	
}
.blue {
	color: #136583;
}
.lightBlue {
	color: #add8f0;
}
.gray {
	color: #136583;
}
.darkGray {
	color: #2f363c;
}
.yellow {
	color: #ecd474;
}
/*=======================
	SCROLLER & SLIDERS
=======================*/
#fp-nav, .blog #fp-nav, .single #fp-nav, .archive #fp-nav {
    display: none;
}
#fp-nav ul li .fp-tooltip {
	color: #000; 
    font-family: 'franklin_gothic_fsbook';
	border-radius: 3px;
	font-size: 1.1em;
	font-weight: bold;
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}

/*.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 20px 18px 20px 0;
    border-color: transparent #ccc transparent transparent;

}
.fp-controlArrow.fp-next {
    right: 15px;
    width: 0;
    border-width: 20px 18px 20px 0;
    border-color: transparent transparent transparent #ccc;

}
*/
/*.fp-controlArrow.fp-prev:after {
	content: "\e079";
	width: 35px;
	height: 50px;
	font-size: 1.8em;
  	font-family: 'Glyphicons Halflings';
	color: #000;
}*/
/*.fp-controlArrow.fp-next:before {
	content: "\e080";
	width: 35px;
	height: 50px;
	font-size: 1.8em;
  	font-family: 'Glyphicons Halflings';
	color: #000;
}*/
.fp-controlArrow.fp-prev {
    left: 5px;
    width: 25px;
	height: 35px;
    border-width: 0px;
    border-color: transparent;
	background: url(../images/prev.png) no-repeat;

}
.fp-controlArrow.fp-next {
    right: 5px;
    width: 25px;
	height: 35px;
    border-width: 0px;
    border-color: transparent;
	background: url(../images/next.png) no-repeat;

}
.fp-controlArrow {
	margin-top: 0px;
}
.section-scroll {
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  opacity: .5;
  display: block;
  background: none !important;
  border: none !important;
}
.section-scroll:active {
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  opacity: .5;
  display: block;
  background: none !important;
  border: none !important;
}
.section-scroll:hover {
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  opacity: .5;
  display: block;
  background: none !important;
  border: none !important;
}
.home #next {
	position: fixed; 
	bottom: 0; 
	z-index: 999999; 
	color: #000;
	width: 100%;
	text-align: center;

}
#next span {
	animation: bumpDown 2s infinite;
	-webkit-animation: bumpDown 2s infinite;
	-moz-animation: bumpDown 2s infinite;
	-ms-animation: bumpDown 2s infinite;
}
@keyframes bumpDown {
	0% {
		top: 8px;	
	}
	50% {
		top: 0;	
	}
	100% {
		top: 8px;	
	}
}
@-webkit-keyframes bumpDown {
	0% {
		top: 8px;	
	}
	50% {
		top: 0;	
	}
	100% {
		top: 8px;	
	}
}
@-moz-keyframes bumpDown {
	0% {
		top: 8px;	
	}
	50% {
		top: 0;	
	}
	100% {
		top: 8px;	
	}
}

@-ms-keyframes bumpDown {
	0% {
		top: 8px;	
	}
	50% {
		top: 0;	
	}
	100% {
		top: 8px;	
	}
}
/*=======================
	HEADER
=======================*/
#masthead {
	position: fixed;
	z-index: 999;
	background: rgba(255, 255, 255,.73);
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 25px 0;
}
#DBP-logo {
	position: relative;
	top:-100px;
}
#scrollMenu li.active {
	color: red;
	border: 1px solid red;
	background: green;
}
#primary-nav li.active {
	color: red;
	border: 1px solid red;
	background: blue;
}
#scrollMenu li {
	display: inline;
}
#primary-nav, #menu-interior-nav {
	float: right;
}
.main-navigation.toggled ul, .main-navigation.toggled {
	background: #136583;
}
.main-navigation.toggled ul li {
	width: 100%;
}
.main-navigation.toggled ul li a {
	color: #fff;
}
.menu-toggle, .menu-toggle:active, .menu-toggle:focus, .menu-toggle:hover {
	position: absolute;
	top: -55px;
	right: 0px;
	font-size: 12px;
	padding: .66em 1.25em;
}

.main-navigation li {
	margin: 0 10px;
}
.main-navigation li > a {
    font-family: 'alfa_slab_oneregular';
	padding: .35em .65em;
	color: #646464;
	border-radius: 5px;
	border: 2px solid transparent;
}
.main-navigation.toggled li:hover > a, .main-navigation.toggled li.focus > a {
	border: 2px solid transparent;
}
.main-navigation li:hover > a, .main-navigation li.focus > a {
    font-family: 'alfa_slab_oneregular';
	text-decoration: none;
	border: 2px solid #136583;
	color: #136583;
}
.main-navigation li.focus > a {
	background: #add8f0;
}
/*=======================
	FOOTER
=======================*/
.home #colophon {
	padding: 0 0 1.5em;
}
.home #colophon #menu-interior-nav, .home #colophon #primary-nav {
	float: none;
}
#colophon #menu-interior-nav li {
	text-align: center;
}
#colophon li a {
	font-size: 1.2em;
	color: #ccc;
}
/*=======================
	HOME PAGE (SECTIONS)
=======================*/

/*-----------FEATURED------------*/
.section .container {
	padding-top: 0px;
}
#featured-section {
	background: url(../images/featured-background.jpg) no-repeat;
	background-position: center bottom;
	background-size: contain;
	background-attachment: fixed !important;
	border-bottom: 3px solid yellow;
}
#openingP {
	margin-bottom: 25px;
}
.home .entry-title {
	display: none;
}
/*-----------DBP MARKETING------------*/
#branding, #design, #social-media {
	padding-top: 105px;
	border-radius: 5px;
}
#branding:hover, #design:hover, #social-media:hover {
	animation: animatedBackground .4s linear;
	-webkit-animation: animatedBackground .4s linear;
	-moz-animation: animatedBackground .4s linear;
	-ms-animation: animatedBackground .4s linear;
}
@keyframes animatedBackground {
	0% { background-size: 96px 78px; }
	50% { background-size: 125px 102px; }
	100% { background-size: 96px 78px; }
}
@-webkit-keyframes animatedBackground {
	0% { background-size: 96px 78px; }
	50% { background-size: 125px 102px; }
	100% { background-size: 96px 78px; }
}
@-moz-keyframes animatedBackground {
	0% { background-size: 96px 78px; }
	50% { background-size: 125px 102px; }
	100% { background-size: 96px 78px; }
}
@-ms-keyframes animatedBackground {
	0% { background-size: 96px 78px; }
	50% { background-size: 125px 102px; }
	100% { background-size: 96px 78px; }
}
#branding {
	background: url(../images/paper-airplane.jpg) no-repeat;
	background-position: top center;
}
#design {
	background: url(../images/pencil.jpg) no-repeat;
	background-position: top center;
}
#social-media {
	background: url(../images/speech-bubble.jpg) no-repeat;
	background-position: top center;
}
#branding:hover {
	background: url(../images/paper-airplane-hover.jpg) no-repeat;
	background-position: top center;
}
#design:hover {
	background: url(../images/pencil-hover.jpg) no-repeat;
	background-position: top center;
}
#social-media:hover {
	background: url(../images/speech-bubble-hover.jpg) no-repeat;
	background-position: top center;
}

#branding:hover h2, #design:hover h2, #social-media:hover h2 {
	color: #136583;
}
/*-----------SERVICES------------*/
.service-section {
	padding-top: 100px;
	margin-bottom: 35px;
	height: 350px;
}
.service-section:hover {
	padding-top: 100px;
	margin-bottom: 35px;
	animation: move .4s linear;
}
@keyframes move {
	0% { background-position: center 15px; }
	50% { background-position: top center; }
	100% { background-position: center 15px; }
}
@-webkit-keyframes move {
	0% { background-position: top center; }
	50% { background-position: center 15px; }
	100% { background-position: top center; }
}
.service-section h3 {
	font-size: 1.4em;
}
.service-section p {
	color: #fff;
	font-size: 1.4em;
}
#branding2 {
	background: url(../images/paper-airplane.png) no-repeat;
	background-position: center 15px;
}
#design2 {
	background: url(../images/pencil.png) no-repeat;
	background-position: center 15px;
}
#social-media2 {
	background: url(../images/speech-bubble.png) no-repeat;
	background-position: center 15px;
}

#marketing-strategy {
	background: url(../images/gears-icon.png) no-repeat;
	background-position: center 15px;
}
#marketing-campaigns {
	background: url(../images/rocket-icon.png) no-repeat;
	background-position: center 15px;
}
#direct-marketing {
	background: url(../images/sketch-person-icon.png) no-repeat;
	background-position: center 15px;
}
#content-creation {
	background: url(../images/pencil-icon.png) no-repeat;
	background-position: center 15px;
}
#blog-strategy {
	background: url(../images/blog-strategy-icon.png) no-repeat;
	background-position: center 15px;
}
#SEO-paid-search {
	background: url(../images/SEO-icon.png) no-repeat;
	background-position: center 15px;
}
#web-analytics {
	background: url(../images/laptop-icon.png) no-repeat;
	background-position: center 15px;
}
#competitor-analysis {
	background: url(../images/bar-graph.png) no-repeat;
	background-position: center 15px;
}
#market-analysis {
	background: url(../images/pie-graph.png) no-repeat;
	background-position: center 15px;
}
#surveys {
	background: url(../images/mail-icon.png) no-repeat;
	background-position: center 15px;
}
#TV-radio {
	background: url(../images/radio-icon.png) no-repeat;
	background-position: center 15px;
}
#print-advertising {
	background: url(../images/roladex-icon.png) no-repeat;
	background-position: center 15px;
}
#online-advertising {
	background: url(../images/computer-icon.png) no-repeat;
	background-position: center 15px;
}
#guerilla-advertising {
	background: url(../images/light-bulb-icon.png) no-repeat;
	background-position: center 15px;
}
/*-----------ABOUT------------*/
#about-DBP-Marketing-section {
	background: none;
	background-position: -35px 30%;
	position: relative;
}
#large-light-bulb {
	position: absolute;
	top: 15px;
	right: 15%;
	display: none;
}
/*-----------WORK------------*/
#portfolio-slider h2 {
	text-align: center;
	color: #ff866c;
	border-bottom: 4px solid #ff866c;
	padding: 10px 20px;
}
#computer-graphic {
	position: relative;
	left: -50%;
	display: none;
}
#tlc-slide-p {
	font-size: 95%;
}
#income-group {
	background: url(../images/income-group.png) no-repeat;
	background-position: center bottom 110px;
	background-size: contain;
}
#income-group h3 {
	color: #18631b;
}
#techorators h3 {
	color: #39b54a;
}
#dapra h3 {
	color: #d9a627;
}
#worldnect {
	background: url(../images/worldnect.jpg) no-repeat;
	background-position: center bottom 110px;
	background-size: contain;
}
#worldnect h3 {
	color: #014c87;
}
#PPK {
	background: url(../images/PPK.png) no-repeat;
	background-position: center bottom 110px;
	background-size: contain;
}
#PPK h3 {
	color: #489383;	
}

/*-----------TESTIMONIALS------------*/
#testimonials-section {
	font-style: italic;
}
.testimonial-quotation {
	color: #fff;
	clear: both;
	font-size: 75%;
}
.testimonial-name {
	width: 100%;
	font-size: 75%;
	float: right;
	border-left: 2px solid #4d5357;
	padding-left: 15px;
}
/*-----------CONTACT------------*/
/*#contactSection.fp-section {
	background: url(../images/hands-holding-lightbulbs.jpg) no-repeat;
	background-position: bottom center;
}*/
#contactSection #formSection {
	background: url(../images/hands-holding-lightbulbs.jpg) no-repeat;
	background-position: bottom center;
	padding-bottom: 300px;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    font-family: 'alfa_slab_oneregular';
	background: #fff;
	color: #e26d53;
	border: 2px solid #e26d53;
	font-size: 14px;
	padding: 10px 25px;
	border-color: #e26d53;
    box-shadow: none !important;
	text-shadow: none !important;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    font-family: 'alfa_slab_oneregular';
	background: #e26d53 !important;
	color: #fff;
	border: 2px solid #e26d53;
	font-size: 14px;
	padding: 10px 25px;
	border-color: #e26d53;
    box-shadow: none !important;
	text-shadow: none !important;
}
div.wpcf7-validation-errors {
	background: #f7e700;
	color: #000;
}
.wpcf7-not-valid-tip {
	padding: 5px;
	background: red;
	color: #fff !important;
}
.home .wpcf7 .row {
	margin-bottom: 10px;
}
/*-----------FOOTER------------*/
#contactSection #colophon, #colophon {
	background: #474f58;
	min-height: 200px;
	padding-top: 20px;
}
.site-info img {
	margin-bottom: 15px;
}
.site-info p, .site-info a {
	color: #fff;
	font-size: 11px;
}
#SM-links-ul {
	float: right;
}
.SM-link {
	display: inline-block;
	overflow: hidden;
	margin-right: 8px;
}
.SM-link span {
	color: transparent;
	position: relative;
	left: -250000px;
}
#Facebook {
	width: 17px;
	height: 34px;
	overflow: hidden;
	background: url(../images/footer-SM-sprite.png) no-repeat;
	background-position: left top;
	display: block;
}
#Facebook:hover {
	width: 17px;
	height: 34px;
	background: url(../images/footer-SM-sprite-rollover.png) no-repeat;
	background-position: left top;
}
#Twitter {
	width: 38px;
	height: 34px;
	overflow: hidden;
	background: url(../images/footer-SM-sprite.png) no-repeat;
	background-position: -37px top;
	display: block;
}
#Twitter:hover {
	width: 38px;
	height: 34px;
	background: url(../images/footer-SM-sprite-rollover.png) no-repeat;
	background-position: -37px top;
}
#Instagram {
	width: 34px;
	height: 34px;
	overflow: hidden;
	background: url(../images/footer-SM-sprite.png) no-repeat;
	background-position: -94px top;
	display: block;
}
#Instagram:hover {
	width: 34px;
	height: 34px;
	background: url(../images/footer-SM-sprite-rollover.png) no-repeat;
	background-position: -94px top;
}
#Pinterest {
	width: 28px;
	height: 34px;
	overflow: hidden;
	background: url(../images/footer-SM-sprite.png) no-repeat;
	background-position: -146px top;
	display: block;
}
#Pinterest:hover {
	width: 28px;
	height: 34px;
	background: url(../images/footer-SM-sprite-rollover.png) no-repeat;
	background-position: -146px top;
}
#Linkedin {
	width: 29px;
	height: 34px;
	overflow: hidden;
	background: url(../images/footer-SM-sprite.png) no-repeat;
	background-position: -190px top;
	display: block;
}
#Linkedin:hover {
	width: 29px;
	height: 34px;
	background: url(../images/footer-SM-sprite-rollover.png) no-repeat;
	background-position: -190px top;
}


/*=======================
	INTERIOR TEMPLATE
=======================*/
.page-template #content, .blog #content, .archive #content  {
	padding-top: 110px;
}
#featured-right {
	float: right;
	width: 60%;
	position: static;
}
.carousel-control.left, .carousel-control.right {
	background: none !important;
	color: #000;
}
.item img {
	box-shadow: 1px 1px 3px rgba(0,0,0,.35);
}
.attachment-post-thumbnail {
	border: 2px solid #eee;
	border-radius: 3px;
}
.page-template-page-featured-right .attachment-post-thumbnail {
	border: 0px solid transparent;
	border-radius: 0px;
}
.page-title, .entry-title {
	color: #136583;
}
/*=======================
	BLOG TEMPLATE
=======================*/
.blog article, .archive article {
	margin-bottom: 50px;
	padding: 10px;
	background: #eee;
	border: 1px solid #C1C1C1;
	border-radius: 5px;
}
.blog .entry-content ul, .single-post .entry-content ul {
	list-style: disc;
	font-size: 1.5em;
	padding-left: 20px;
	margin-left: 25px;
}
.blog .entry-content ol, .single-post .entry-content ol {
	list-style: decimal;
	font-size: 1.5em;
	padding-left: 20px;
	margin-left: 25px;
}
.blog .entry-content ol li, .single-post .entry-content ol li {
	margin: 25px 0;
}
.blog .entry-content h1,
.blog .entry-content h2,
.blog .entry-content h3,
.blog .entry-content h4,
.blog .entry-content h5,
.blog .entry-content h6 {
    font-family: 'franklin_gothic_fsbook';
}
.entry-footer, .post-navigation {
	font-size: 1.2em;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}
/*=======================
	SINGLE TEMPLATE
=======================*/
.single .entry-content h1,
.single .entry-content h2,
.single .entry-content h3,
.single .entry-content h4,
.single .entry-content h5,
.single .entry-content h6 {
    font-family: 'franklin_gothic_fsbook';
}

.single #content  {
	padding-top: 110px;
}
.nav-previous a:before {
	content: '\2190';
	padding-right: 3px;
}
.nav-next a:after {
	content: '\2192';
	padding-left: 3px;
}

/*=======================
	SIDEBAR INCLUDE 
=======================*/
#sideNav {
	border-left: 0px dotted transparent;
	padding-left: 0px;
}
#sideNav .sideNav-section {
	margin-top: 35px;
}
#sideNav h4 {
	font-size: 16px;
    font-family: 'alfa_slab_oneregular';
	padding: 10px 0;
	text-align: center;
	background: #f5f5f5;
	color: #e26d53;
	margin: 0 0 15px 0;
	transition: all ease-in-out .5s;
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
	-ms-transition: all ease-in-out .5s;
}
#sideNav h4:hover {
	background: #e26d53;
	color: #f5f5f5;
}
#sideNav ul {
	padding-left: 5px;
}
#sideNav ul li a {
	font-size: 15px;
	color: #333;
}
#sideNav ul li a:visited {
	font-size: 16px;
	color: #333;
}
#sideNav ul li a:hover {
	color: #e26d53;
	text-decoration: none;
	
}
#sideNav ul li a:hover:after {
	content: '\2192';
	margin-left: 2px;
}
#sideNav-form {
	background: #f5f5f5;
	padding: 0 10px;
	box-shadow: 0px 2px 2px rgba(0,0,0,.60);
	border: 1px solid #C0C0C0;
}
#sideNav form {
	font-size: 75%;
}
#sideNav input, #sideNav textarea {
	width: 100%;
}
 #sideNav textarea {
	 max-height: 100px;
 }
 #sideNav input[type="submit"] {
    font-family: 'alfa_slab_oneregular';
    background: #fff;
    color: green;
    border: 2px solid green;
    font-size: 16px;
    padding: 10px 35px;
    border-color: green;
    box-shadow: none !important;
    text-shadow: none !important;
}
 #sideNav input[type="submit"]:hover {
    background: green !important;
    color: #fff;
}
/*=======================
	PRIVACY POLICY
=======================*/
.page-template-page-privacy ol {
	font-size: 1.4em;
	list-style: disc;
	padding-left: 40px;
}

/*===========PORTRAIT PHONE=============*/
@media screen and (min-width: 480px) {

}
@media screen and (min-width: 600px) {

}
/*===========TABLET=============*/
@media screen and (min-width: 768px) {
h1 {
	font-size: 36px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 24px;
}
p {
	font-size: 1.5em;
}	
.section-scroll {
	display: none;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    font-family: 'alfa_slab_oneregular';
	background: #fff;
	color: #e26d53;
	border: 2px solid #e26d53;
	font-size: 24px;
	padding: 20px 35px;
	border-color: #e26d53;
    box-shadow: none !important;
	text-shadow: none !important;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    font-family: 'alfa_slab_oneregular';
	background: #e26d53 !important;
	color: #fff;
	border: 2px solid #e26d53;
	font-size: 24px;
	padding: 20px 35px;
	border-color: #e26d53;
    box-shadow: none !important;
	text-shadow: none !important;
}
.section .container {
	padding-top: 35px;
}
#fp-nav {
    display: block;
}
.fp-controlArrow.fp-prev {
    left: 45px;
    width: 25px;
	height: 35px;
    border-width: 0px;
    border-color: transparent;
	background: url(../images/prev.png) no-repeat;

}
.fp-controlArrow.fp-next {
    right: 45px;
    width: 25px;
	height: 35px;
    border-width: 0px;
    border-color: transparent;
	background: url(../images/next.png) no-repeat;

}
#sideNav {
	border-left: 1px dotted #eee;
	padding-left: 20px;
}
#sideNav .sideNav-section {
	margin-top: 35px;
}
#sideNav h4 {
	font-size: 24px;
    font-family: 'alfa_slab_oneregular';
	padding: 10px 0;
	text-align: center;
	background: #f5f5f5;
	color: #e26d53;
	margin: 0 0 15px 0;
}
#sideNav ul {
	padding-left: 5px;
}
#sideNav ul li a {
	font-size: 18px;
	color: #333;
}
#sideNav ul li a:visited {
	font-size: 18px;
	color: #333;
}
#sideNav ul li a:hover {
	color: #e26d53;
	text-decoration: none;
}
#sideNav ul li a:hover:after {
	content: '\2192';
	margin-left: 2px;
}

/*-----------FEATURED------------*/
.section .container {
	padding-top: 35px;
}
#featured-section {
	background: url(../images/featured-background.jpg) no-repeat;
	background-position: center bottom;
	background-size: contain;
	background-attachment: fixed !important;
	border-bottom: 3px solid yellow;
}
#openingP {
	margin-bottom: 25px;
}
.home .entry-title {
	display: none;
}
/*-----------ABOUT------------*/
#about-DBP-Marketing-section {
	background: url(../images/puzzle-peices.jpg) no-repeat;
	background-position: -170px 30%;
	position: relative;
}
#large-light-bulb {
	display: block;
	position: absolute;
	top: 15px;
	right: -50px;
}

/*-----------TESTIMONIALS------------*/
.testimonial-quotation {
	color: #fff;
	clear: both;
	font-size: 1.5em;
}
.testimonial-name {
	width: 70%;
	font-size: 15px;
	float: right;
	border-left: 2px solid #4d5357;
	padding-left: 15px;
}
/*-----------WORK------------*/
#portfolio-slider h2 {
	padding: 25px 0px;
}

#computer-graphic {
	display: block
}
#TLC {
	
}
#tlc-slide-p {
	font-size: 1.5em;
}

#income-group {
	background: url(../images/income-group.png) no-repeat;
	background-position: center bottom 200px;
	background-size: 85%;
}
#techorators {
	text-align: center;
}
#worldnect {
	background: url(../images/worldnect.jpg) no-repeat;
	background-position: center bottom 200px;
	background-size: 85%;
}
#PPK {
	background: url(../images/PPK.png) no-repeat;
	background-position: center bottom 200px;
	background-size: 85%;
}
/*=======================
	INTERIOR TEMPLATE
=======================*/
.page-template #content, .blog #content, .archive #content  {
	padding-top: 110px;
}
.page-template #primary {
	min-height: 600px;
}

#featured-right {
	position: absolute;
	right: 0;
	top: 20%;
	max-width: 400px;
}
.page-template-page-featured-top .attachment-post-thumbnail {
	border: 5px solid #eee;
	position: relative;
	top: 50px;
}
.accent-color {
	padding-top: 100px;
	background: #333;
	color: #fff;
}
.accent-color .entry-content p {
	color: #fff;
}
/*.page-id-40 .accent-color {
	border-top: 3px solid #96c249;
}
.page-id-47 .accent-color {
	background: #eee2c8;
}*/
/*=======================
	BLOG TEMPLATE
=======================*/
.blog article {
	margin-bottom: 75px;
	padding: 20px;
	background: #eee;
	border: 1px solid #C1C1C1;
}
/*=======================
	FOOTER
=======================*/
#colophon #menu-interior-nav li {
	text-align: left;
}

}
/*===========DESKTOP SMALL SCREEN=============*/
@media screen and (min-width: 960px) {

}
/*===========DESKTOP BOOTSTRAP GRID=============*/
@media screen and (min-width: 1200px) {
#about-DBP-Marketing-section {
	background: url(../images/puzzle-peices.jpg) no-repeat;
	background-position: -250px 30%;
	position: relative;
}
#large-light-bulb {
	position: absolute;
	top: 15px;
	right: 2%;
}
#income-group {
	background: url(../images/income-group.png) no-repeat;
	background-position: center right -200px;
	background-size: auto;
}
#worldnect {
	background: url(../images/worldnect.jpg) no-repeat;
	background-position: center right -175px;
	background-size: auto;
	text-align: right;
}
#dapra {
	text-align: right;
}
#PPK {
	background: url(../images/PPK.png) no-repeat;
	background-position: center left -140px;
	background-size: auto;
}
#featured-right {
	position: absolute;
	right: 0;
	top: 10%;
	max-width: 300px;;
}

}
/*===========LAPTOP=============*/
/*-----------Laptop 1366 x 768------------*/
@media screen and ( max-width: 1366px ) and ( max-height: 768px ){
	#featured-section {
		background: url(../images/featured-background.jpg) no-repeat;
		background-position: center bottom;
		background-size: 75%;
		background-attachment: fixed !important;
		border-bottom: 3px solid yellow;
	}
	#computer-graphic {
		position: absolute;
		bottom: 0;
		margin-left: -50px;
	}
	#contactSection.fp-section {
		background: url(../images/hands-holding-lightbulbs.jpg) no-repeat;
		background-position: bottom center;
		background-size: 75%;
	}
	#wpcf7-f26-o1 input, #wpcf7-f26-o1 textarea {
		background: rgba(255, 255, 255, .75);
	}
		
}

@media screen and (min-width: 1366px) {
#about-DBP-Marketing-section {
	background: url(../images/puzzle-peices.jpg) no-repeat;
	background-position: -155px 30%;
	position: relative;
}
#large-light-bulb {
	position: absolute;
	top: 15px;
	right: 8%;
	display: block;
}
#testimonials-section p {
	font-size: 1.4em;
}
#income-group {
	background: url(../images/income-group.png) no-repeat;
	background-position: center right -200px;
	background-size: 50%;
}
#worldnect {
	background: url(../images/worldnect.jpg) no-repeat;
	background-position: center right -155px;
	background-size: 50%;
	text-align: right;
}
#dapra {
	text-align: right;
}
#PPK {
	background: url(../images/PPK.png) no-repeat;
	background-position: center left -90px;
	background-size: 60%;
}

}
/*-----------Laptop 1366 x 768------------*/
@media screen and ( max-width: 1440px ) and ( max-height: 900px ){

}
/*===========DESKTOP COMMON=============*/
@media screen and (min-width: 1440px) {
#featured-right {
	position: absolute;
	right: 0;
	top: 10%;
	max-width: 300px;
}
#about-DBP-Marketing-section {
	background: url(../images/puzzle-peices.jpg) no-repeat;
	background-position: -120px 30%;
	position: relative;
}
#large-light-bulb {
	position: absolute;
	top: 15%;
	right: 8%;
	display: block;
}
#income-group {
	background: url(../images/income-group.png) no-repeat;
	background-position: center right -200px;
	background-size: 60%;
}
#worldnect {
	background: url(../images/worldnect.jpg) no-repeat;
	background-position: center right -155px;
	background-size: 50%;
	text-align: right;
}
#dapra {
	text-align: right;
}
#PPK {
	background: url(../images/PPK.png) no-repeat;
	background-position: center left -90px;
	background-size: 60%;
}

}
/*===========DESKTOP LARGE SCREEN=============*/
@media screen and (min-width: 1600px) {
#large-light-bulb {
	top: 15px;
	right: 15%;
}
#featured-right {
	position: absolute;
	right: 0;
	top: 15%;
	max-width: 400px;
}
#income-group {
	background: url(../images/income-group.png) no-repeat;
	background-position: center right -200px;
	background-size: 60%;
}
#worldnect {
	background: url(../images/worldnect.jpg) no-repeat;
	background-position: center right -80px;
	background-size: 50%;
	text-align: right;
}
#dapra {
	text-align: right;
}
#PPK {
	background: url(../images/PPK.png) no-repeat;
	background-position: center left -80px;
	background-size: 50%;
}
}
/*===========DESKTOP HDMI=============*/
@media screen and (min-width: 1920px) {
#featured-right {
	position: absolute;
	right: 0;
	top: 25%;
	max-width: 450px;
}
}