/*
Theme Name: Industry Brand Partners - 2018
Theme URI: http://www.industriebrandpartners.com
Author: Industrie Brand Partners
*/




/* BEGIN: web fonts ------------------------------------------------------------------------------ */

@font-face {
    font-family: 'dinregular';
    src: url('industriebrandpartners-fonts/font-webfont.eot');
    src: url('industriebrandpartners-fonts/font-webfont.eot?#iefix') format('embedded-opentype'),
         url('industriebrandpartners-fonts/font-webfont.woff') format('woff'),
         url('industriebrandpartners-fonts/font-webfont.ttf') format('truetype'),
         url('industriebrandpartners-fonts/font-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* END: web fonts ------------------------------------------------------------------------------ */


/* BEGIN: site layout ------------------------------------------------------------------------------ */

body {
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: #ffffff;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { }}

body:after {
 display: none;
 content: url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-icon-homepage-01-hover.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-icon-homepage-02-hover.png)
 		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-icon-homepage-03-hover.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-icon-homepage-04-hover.png)
          url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-icon-homepage-05-hover.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-icon-homepage-06-hover.png)
          url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-01-hover.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-02-hover.png)
  		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-03-hover.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-04-hover.png)
  		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-05-hover.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-06-hover.png)
  		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-07-hover.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-08-hover.png)
  		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-09-hover.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-10-hover.png)
  		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-11-hover.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-12-hover.png)
  		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-13-hover.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-14-hover.png)
  		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-15-hover.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-16-hover.png)
  		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-17-hover.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-18-hover.png)
  		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-19-hover.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-20-hover.png)
  		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-21-hover.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-22-hover.png)
  		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-23-hover.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-24-hover.png)
  		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-25-hover.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-26-hover.png)
  		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-27-hover.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-28-hover.png)
  		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-29-hover.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-30-hover.png)
  		  
		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-whoweare-link.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-whoweare-hover.png)
  		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-whatwevedone-link.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-whatwevedone-hover.png)
  		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-whoourclientsare-link.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-whoourclientsare-hover.png)
  		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-howwecanhelp-link.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-howwecanhelp-hover.png)
  		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-whattheysay-link.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-whattheysay-hover.png)
  		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-contactus-link.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-contactus-hover.png)
  		  
		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-facebook-logo-link.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-facebook-logo-hover.png)
  		  url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-linkedin-logo-link.png) url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-linkedin-logo-link.png);
}


/***************************************************************************************************************************************************************************************************************/
/************************************************************************************                             **********************************************************************************************/
/************************************************************************************        Header Classes       **********************************************************************************************/
/************************************************************************************                             **********************************************************************************************/
/***************************************************************************************************************************************************************************************************************/


#header-fullwidth-container {
	display: block;
	width: 100%;
	height: 100px;
	margin: 0px auto 0px auto;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #header-fullwidth-container { height: 50.1vw; background: #ffffff; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { #header-fullwidth-container { }}

#header-page-container {
	display: block;
	width: 1024px;
	height: 100px;
	margin: 0px auto 0px auto;
	background: #ffffff;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #header-page-container { width: 100%; height: 50.1vw; background: #ffffff; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { #header-page-container { }}

.header-page-left {
	display: inline-block;
	float: left;
	width: 30%;
	height: 75px;
	text-align: left;
	padding: 25px 0px 0px 3%;
	position: relative;
	z-index: 99;
	background: #ffffff;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .header-page-left { display: block; float: none; width: 100%; height: 17.05vw; text-align: center; padding: 4vw 0px 4vw 0px; margin: 0px auto 0px auto; background: #ffffff; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { .header-page-left { }}

a.header-logo:link, a.header-logo:active, a.header-logo:visited, a.header-logo:hover {
	display: block;
	float: left;
	width: 176px;
	height: 50px;
	border: none;
	outline: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #ffffff url(http://www.industriebrandpartners.com/wp-content/themes/industriebrandpartners/industriebrandpartners-images/industriebrandpartners-logo.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.header-logo:link, a.header-logo:active, a.header-logo:visited, a.header-logo:hover { display: block; float: none; width: 60vw; height: 17.05vw; margin: 0px auto 0px auto; }}

.header-page-right {
	display: inline-block;
	float: left;
	width: 64%;
	height: 80px;
	text-align: right;
	padding: 20px 0px 0px 3%;
	background: #ffffff;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .header-page-right { display: block; float: none; width: 100%; height: 25.05vw; text-align: center; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { .header-page-right { }}

#client-page-fullwidth-title-container {
	display: block;
	width: 100%;
	height: 24px;
	position: absolute;
	top: 5.9vw;
	top: 100px;
	margin: 0px auto 0px auto;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #client-page-fullwidth-title-container { height: 5vw; top: 46vw; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { #client-page-fullwidth-title-container { }}

#client-page-title-container {
	display: block;
	width: 60%;
	height: 24px;
	margin: 0px 20% 0px 20%;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #client-page-title-container { width: 70%; height: 4vw; margin: 0px 10% 0px 15%; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { #client-page-title-container { }}

#site-page-title-container {
	display: block;
	width: 60%;
	height: 24px;
	position: relative;
	top: -24px;
	z-index: 9999999;
	margin: 0px 20% 0px 20%;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #site-page-title-container { width: 70%; height: 4vw; top: -4vw; margin: 0px 10% 0px 15%; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { #site-page-title-container { }}

h2.page-title {
	display: block;
	float: left;
	width: 100%;
	height: 24px;
	font-family: 'dinregular';
	font-size: 24px;
	font-weight: 400;
	line-height: 24px;
	text-decoration: none;
	color: #999999;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { h2.page-title { height: 4vw; font-size: 3.4vw; line-height: 4vw; margin: 0px 0px 0px 0px; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { h2.page-title { }}

h2.page-title-last {
	display: block;
	float: left;
	width: 100%;
	height: 24px;
	font-family: 'dinregular';
	font-size: 24px;
	font-weight: 400;
	line-height: 24px;
	text-decoration: none;
	color: #999999;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { h2.page-title-last { height: 4vw; font-size: 3.4vw; line-height: 4vw; margin: 0px 0px 0px 0px; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { h2.page-title-last { }}

#idp-site-fullwidth-container {
	display: block;
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #idp-site-fullwidth-container { }}
@media screen and (min-height: 768px) and (max-height: 1200px) { #idp-site-fullwidth-container { }}

#homepage-fullwidth-slide-container {
	display: block;
	width: 100%;
	height: 504px;
	position: relative;
	top: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #homepage-fullwidth-slide-container { height: auto; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { #homepage-fullwidth-slide-container { height: 65.63vh; }}

#homepage-slide-container {
	display: block;
	width: 1024px;
	height: 474px;
	position: relative;
	top: 0px;
	padding: 30px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: #ffffff;
	background: transparent;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #homepage-slide-container { width: 100%; height: auto; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { #homepage-slide-container { height: 65.63vh; }}

#client-page-fullwidth-slide-container {
	display: block;
	width: 100%;
	height: 464px;
	position: relative;
	top: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #client-page-fullwidth-slide-container { height: auto; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { #client-page-fullwidth-slide-container { height: 65.63vh; }}

#client-page-slide-container {
	display: block;
	width: 1024px;
	height: 464px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: #ffffff;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #client-page-slide-container { width: 100%; height: auto; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { #client-page-slide-container { height: 65.63vh; }}

img.aligned-center {
	display: block;
	float: none;
	max-width: 70%;
	max-height: 70%;
	border: none;
	outline: none;
	padding: 0px 0px 0px 0px;
	margin: 20px auto 0px auto;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { img.aligned-center { max-width: 94%; max-height: 94%; margin: 3vw 6% 0px 6%; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { img.aligned-center { max-width: 88%; max-height: 88%; }}

img.aligned-center-single-page {
	display: block;
	float: left;
	max-width: 70%;
	max-height: 70%;
	border: none;
	outline: none;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { img.aligned-center-single-page { margin: 9vw 6.5% 0px 6.5%; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { img.aligned-center-single-page { max-width: 88%; max-height: 88%; }}

.iframe-video-center {
	display: block;
	float: none;
	max-width: 100%;
	max-height: 100%;
	border: none;
	outline: none;
	padding: 0px 0px 0px 0px;
	margin: 10px auto 0px auto;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .iframe-video-center { max-width: 80%; max-height: 80%; padding: 0px 0px 0px 0px; margin: 10vw auto 0px 10%; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { .iframe-video-center { }}

.iframe-video-center-001 {
	display: block;
	float: none;
	width: 607px;
	height: 405px;
	border: none;
	outline: none;
	padding: 0px 0px 0px 0px;
	margin: 10px auto 0px auto;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .iframe-video-center-001 { width: 79.68vw; height: 53.11vw; padding: 0px 0px 0px 0px; margin: 10vw auto 0px 10%; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { .iframe-video-center-001 { width: 675px; height: 450px; }}

.iframe-video-center-002 {
	display: block;
	float: none;
	width: 720px;
	height: 405px;
	border: none;
	outline: none;
	padding: 0px 0px 0px 0px;
	margin: 10px auto 0px auto;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .iframe-video-center-002 { width: 77.70vw; height: 44.5vw; padding: 0px 0px 0px 0px; margin: 10vw auto 0px 10%; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { .iframe-video-center-002 { width: 800px; height: 450px; }}

.iframe-video-center-003 {
	display: block;
	float: none;
	width: 630px;
	height: 405px;
	border: none;
	outline: none;
	padding: 0px 0px 0px 0px;
	margin: 10px auto 0px auto;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .iframe-video-center-003 { width: 82.63vw; height: 53vw; padding: 0px 0px 0px 0px; margin: 10vw auto 0px 10%; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { .iframe-video-center-003 { width: 700px; height: 450px; }}

.iframe-video-center-004 {
	display: block;
	float: none;
	width: 630px;
	height: 378px;
	border: none;
	outline: none;
	padding: 0px 0px 0px 0px;
	margin: 10px auto 0px auto;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .iframe-video-center-004 { width: 83.47vw; height: 49.58vw; padding: 0px 0px 0px 0px; margin: 10vw auto 0px 10%; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { .iframe-video-center-004 { width: 700px; height: 420px; }}

.iframe-video-center-005 {
	display: block;
	float: none;
	width: 630px;
	height: 450px;
	border: none;
	outline: none;
	padding: 0px 0px 0px 0px;
	margin: 10px auto 0px auto;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .iframe-video-center-005 { width: 70.84vw; height: 53.56vw; padding: 0px 0px 0px 0px; margin: 10vw auto 0px 15%; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { .iframe-video-center-005 { width: 700px; height: 500px; }}

.iframe-video-center-006 {
	display: block;
	float: none;
	width: 630px;
	height: 378px;
	border: none;
	outline: none;
	padding: 0px 0px 0px 0px;
	margin: 10px auto 0px auto;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .iframe-video-center-006 { width: 71.42vw; height: 40.14vw; padding: 0px 0px 0px 0px; margin: 10vw auto 0px 15%; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { .iframe-video-center-006 { width: 700px; height: 420px; }}

.iframe-video-center-007 {
	display: block;
	float: none;
	width: 630px;
	height: 360px;
	border: none;
	outline: none;
	padding: 0px 0px 0px 0px;
	margin: 10px auto 0px auto;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .iframe-video-center-007 { width: 71.02vw; height: 39.88vw; padding: 0px 0px 0px 0px; margin: 10vw auto 0px 15%; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { .iframe-video-center-007 { width: 700px; height: 400px; }}

a.wpv-filter-previous-link.js-wpv-pagination-previous-link:link {
	display: inline-block;
	float: left;
	width: 20px;
	height: 20px;
	border: none;
	outline: none;
	position: relative;
	left: 3%;
	z-index: 999999999;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-previous-link-arrow.png) no-repeat;
	background-size: 100%;
	animation-name: fadeIn;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.wpv-filter-previous-link.js-wpv-pagination-previous-link:link { width: 4vw; height: 4vw; }}

a.wpv-filter-next-link.js-wpv-pagination-next-link:link {
	display:inline-block;
	float: right;
	width: 20px;
	height: 20px;
	border: none;
	outline: none;
	position: relative;
	right: 3%;
	top: -24px;
	z-index: 999999999;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-next-link-arrow.png) no-repeat;
	background-size: 100%;
	animation-name: fadeIn;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.wpv-filter-next-link.js-wpv-pagination-next-link:link { width: 4vw; height: 4vw; top: -4vw; }}

a.backtohome:link {
	display: none;
	float: left;
	width: 18px;
	height: 600px;
	border: none;
	outline: none;
	position: relative;
	left: 0px;
	z-index: 888888;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #ffffff url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-previous-link-arrow.png) no-repeat center .5%;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.backtohome:link { display: none; }}

#site-pages-image-container {
	display: block;
	width: 80%;
	height: 530px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 20%;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #site-pages-image-container { width: 90%; height: 80vw; margin: 6vw 5% 0px 5%; }}

img.site-pages-image {
	display: block;
	max-width: 100%;
	max-height: 100%;
	border: none;
	outline: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { img.site-pages-image { margin: 0px auto 0px auto; }}

img.site-pages-image-endorsements {
	display: block;
	max-width: 80%;
	max-height: 80%;
	border: none;
	outline: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { img.site-pages-image-endorsements { margin: 0px auto 0px auto; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { img.site-pages-image-endorsements { max-width: 100%; max-height: 100%; }}

#ibp-clients-fullwidth-container {
	display: block;
	width: 81.5%;
	height: auto;
	border: none;
	outline: none;
	z-index: 999999999;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 18.5%;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #ibp-clients-fullwidth-container { width: 92%; height: auto; position: relative; z-index: 999999999; margin: 6vw 0px 0px 8%; }}

.ibp-clients-left-container {
	display: inline-block;
	float: left;
	width: 38%;
	height: auto;
	border: none;
	outline: none;
	z-index: 999999999;
	padding: 0px 0px 0px 0px;
	margin: 0px 2% 0px auto;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .ibp-clients-left-container { width: 35%; height: auto; margin: 0px 2% 0px 0px; }}

.ibp-clients-right-container {
	display: inline-block;
	float: left;
	width: 58%;
	height: auto;
	border: none;
	outline: none;
	z-index: 999999999;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 2%;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 3s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .ibp-clients-right-container { width: 61%; height: auto; margin: 0px 0px 0px 2%; }}

#ibp-services-fullwidth-container {
	display: block;
	width: 81.5%;
	height: 30vw;
	border: none;
	outline: none;
	z-index: 999999999;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 18.5%;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #ibp-services-fullwidth-container { width: 92%; height: auto; position: relative; z-index: 999999999; margin: 2vw 0px 0px 8%; }}

.ibp-services-left-container {
	display: inline-block;
	float: left;
	width: 38%;
	height: auto;
	border: none;
	outline: none;
	z-index: 999999999;
	padding: 0px 0px 0px 0px;
	margin: 0px 2% 0px auto;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .ibp-services-left-container { width: 48%; height: auto; margin: 0px 2% 0px 0px; }}

.ibp-services-right-container {
	display: inline-block;
	float: left;
	width: 48%;
	height: auto;
	border: none;
	outline: none;
	z-index: 999999999;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 2%;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 3s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .ibp-services-right-container { width: 48%; height: auto; margin: 0px 2% 0px 0px; }}

#whattheysay-recognition-container {
	display: block;
	float: left;
	width: 80%;
	height: auto;
	padding: 0px 0px 0px 20%;
	margin: 10px 0px 0px 0px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #whattheysay-recognition-container { width: 84%; height: 200vw; position: relative; z-index: 999999999; padding: 0px 0px 0px 0px; margin: 2vw 0px 0px 8%; background: transparent; }}

.whattheysay-recognition-left {
	display: inline-block;
	float: left;
	width: 40%;
	height: auto;
	font-family: 'dinregular';
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	text-decoration: none;
	color: #999999;
	padding: 0px 0px 0px 0px;
	margin: 0px 2% 0px 0px;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whattheysay-recognition-left { display: block; width: 100%; height: auto; font-size: 4.2vw; line-height: 6vw; text-align: left; padding: 0px 0px 4vw 0px; margin: 0px 0px 0px 0px; }}

.whattheysay-recognition-right {
	display: inline-block;
	float: left;
	width: 56%;
	height: auto;
	font-family: 'dinregular';
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	text-decoration: none;
	color: #999999;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 2%;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 3s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whattheysay-recognition-right { display: block; width: 100%; height: auto; font-size: 4.2vw; line-height: 6vw; text-align: left; margin: 0px 0px 0px 0px; }}

.contactus-page-container {
	display: block;
	float: left;
	width: 80%;
	height: auto;
	padding: 0px 0px 0px 20%;
	margin: 10px 0px 0px 0px;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .contactus-page-container { width: 80%; height: 200vw; padding: 0px 0px 0px 0px; margin: 6vw 10% 0px 10%; background: transparent; }}


/***************************************************************************************************************************************************************************************************************/
/***************************************************************************************************************************************************************************************************************/
/************************************************************************************                             **********************************************************************************************/
/************************************************************************************      SDDM Menu Classes      **********************************************************************************************/
/************************************************************************************                             **********************************************************************************************/
/***************************************************************************************************************************************************************************************************************/
/***************************************************************************************************************************************************************************************************************/


#sddm {
	display: block;
	float: right;
	z-index: 30;
	padding: 0px 0px 0px 0px;
	margin: 0px 5% 0px 0px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm { float: none; width: 100%; height: 20vw; text-align: center; margin: 0px auto 0px auto; background: #ffffff; }}

ul#sddm {
	display: block;
	float: right;
	z-index: 30;
	padding: 0px 0px 0px 0px;
	margin: 0px 5% 0px 0px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { ul#sddm { float: none; width: 80%; height: 30vw; text-align: center; padding: 0px 0px 0px 0px; margin: 4vw 14% 0px 6%; background: #ffffff; }}

#sddm li {
	float: left;
	list-style: none;
	font: bold 11px verdana, arial, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm li { }}

#sddm li a.tab1 {
	display: block;
	width: 4.03vw;
	height: 3.79vw;
	width: 82px;
	height: 77px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 6;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-whoweare-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm li a.tab1 { width: 19.34vw; height: 18.19vw; }}

#sddm li a.tab1:hover {
	display: block;
	width: 4.03vw;
	height: 3.79vw;
	width: 82px;
	height: 77px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 6;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-whoweare-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm li a.tab1:hover { width: 19.34vw; height: 18.19vw; }}

#sddm li a.tab1selected {
	display: block;
	width: 4.03vw;
	height: 3.79vw;
	width: 82px;
	height: 77px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 6;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-whoweare-selected.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm li a.tab1selected { width: 19.34vw; height: 18.19vw; }}

#sddm li a.tab2 {
	display: block;
	width: 4.03vw;
	height: 3.79vw;
	width: 82px;
	height: 77px;
	margin: 0px 0px 0px -1.7vw;
	margin: 0px 0px 0px -42px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 5;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-whatwevedone-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm li a.tab2 { width: 19.34vw; height: 18.19vw; margin: 0px 0px 0px -8vw; }}

#sddm li a.tab2:hover {
	display: block;
	width: 4.03vw;
	height: 3.79vw;
	width: 82px;
	height: 77px;
	margin: 0px 0px 0px -1.7vw;
	margin: 0px 0px 0px -42px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 5;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-whatwevedone-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm li a.tab2:hover { width: 19.34vw; height: 18.19vw; margin: 0px 0px 0px -8vw; }}

#sddm li a.tab2selected {
	display: block;
	width: 4.03vw;
	height: 3.79vw;
	width: 82px;
	height: 77px;
	margin: 0px 0px 0px -1.7vw;
	margin: 0px 0px 0px -42px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 5;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-whatwevedone-selected.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm li a.tab2selected { width: 19.34vw; height: 18.19vw; margin: 0px 0px 0px -8vw; }}

#sddm li a.tab3 {
	display: block;
	width: 4.03vw;
	height: 3.79vw;
	width: 82px;
	height: 77px;
	margin: 0px 0px 0px -1.7vw;
	margin: 0px 0px 0px -42px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 4;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-whoourclientsare-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm li a.tab3 { width: 19.34vw; height: 18.19vw; margin: 0px 0px 0px -8vw; }}

#sddm li a.tab3:hover {
	display: block;
	width: 4.03vw;
	height: 3.79vw;
	width: 82px;
	height: 77px;
	margin: 0px 0px 0px -1.7vw;
	margin: 0px 0px 0px -42px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 4;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-whoourclientsare-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm li a.tab3:hover { width: 19.34vw; height: 18.19vw; margin: 0px 0px 0px -8vw; }}

#sddm li a.tab3selected {
	display: block;
	width: 4.03vw;
	height: 3.79vw;
	width: 82px;
	height: 77px;
	margin: 0px 0px 0px -1.7vw;
	margin: 0px 0px 0px -42px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 4;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-whoourclientsare-selected.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm li a.tab3selected { width: 19.34vw; height: 18.19vw; margin: 0px 0px 0px -8vw; }}

#sddm li a.tab4 {
	display: block;
	width: 4.03vw;
	height: 3.79vw;
	width: 82px;
	height: 77px;
	margin: 0px 0px 0px -1.7vw;
	margin: 0px 0px 0px -42px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 3;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-howwecanhelp-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm li a.tab4 { width: 19.34vw; height: 18.19vw; margin: 0px 0px 0px -8vw; }}

#sddm li a.tab4:hover {
	display: block;
	width: 4.03vw;
	height: 3.79vw;
	width: 82px;
	height: 77px;
	margin: 0px 0px 0px -1.7vw;
	margin: 0px 0px 0px -42px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 3;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-howwecanhelp-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm li a.tab4:hover { width: 19.34vw; height: 18.19vw; margin: 0px 0px 0px -8vw; }}

#sddm li a.tab4selected {
	display: block;
	width: 4.03vw;
	height: 3.79vw;
	width: 82px;
	height: 77px;
	margin: 0px 0px 0px -1.7vw;
	margin: 0px 0px 0px -42px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 3;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-howwecanhelp-selected.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm li a.tab4selected { width: 19.34vw; height: 18.19vw; margin: 0px 0px 0px -8vw; }}

#sddm li a.tab5 {
	display: block;
	width: 4.03vw;
	height: 3.79vw;
	width: 82px;
	height: 77px;
	margin: 0px 0px 0px -1.7vw;
	margin: 0px 0px 0px -42px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 2;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-whattheysay-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm li a.tab5 { width: 19.34vw; height: 18.19vw; margin: 0px 0px 0px -8vw; }}

#sddm li a.tab5:hover {
	display: block;
	width: 4.03vw;
	height: 3.79vw;
	width: 82px;
	height: 77px;
	margin: 0px 0px 0px -1.7vw;
	margin: 0px 0px 0px -42px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 2;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-whattheysay-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm li a.tab5:hover { width: 19.34vw; height: 18.19vw; margin: 0px 0px 0px -8vw; }}

#sddm li a.tab5selected {
	display: block;
	width: 4.03vw;
	height: 3.79vw;
	width: 82px;
	height: 77px;
	margin: 0px 0px 0px -1.7vw;
	margin: 0px 0px 0px -42px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 2;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-whattheysay-selected.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm li a.tab5selected { width: 19.34vw; height: 18.19vw; margin: 0px 0px 0px -8vw; }}

#sddm li a.tab6 {
	display: block;
	width: 4.03vw;
	height: 3.79vw;
	width: 82px;
	height: 77px;
	margin: 0px 0px 0px -1.7vw;
	margin: 0px 0px 0px -42px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 1;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-contactus-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm li a.tab6 { width: 19.34vw; height: 18.19vw; margin: 0px 0px 0px -8vw; }}

#sddm li a.tab6:hover {
	display: block;
	width: 4.03vw;
	height: 3.79vw;
	width: 82px;
	height: 77px;
	margin: 0px 0px 0px -1.7vw;
	margin: 0px 0px 0px -42px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 1;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-contactus-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm li a.tab6:hover { width: 19.34vw; height: 18.19vw; margin: 0px 0px 0px -8vw; }}

#sddm li a.tab6selected {
	display: block;
	width: 4.03vw;
	height: 3.79vw;
	width: 82px;
	height: 77px;
	margin: 0px 0px 0px -1.7vw;
	margin: 0px 0px 0px -42px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 1;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-main-nav-contactus-selected.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm li a.tab6selected { width: 19.34vw; height: 18.19vw; margin: 0px 0px 0px -8vw; }}

#sddm li a.contactover {
	background: #ed7921;
	width: auto;
	height: 16px;
	color: #ffffff;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 6px 17px 8px 17px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #sddm { float: none; width: 100%; height: auto; text-align: center; margin: 0px auto 0px auto; }}

#sddm div { position: absolute; visibility: hidden; margin-top: -14px; padding: 0; background: #d14f9d; margin-left: -1px; }
#sddm div a { position: relative; display: block; padding: 5px 15px 10px 15px; text-align: left; text-decoration: none; background: #ebb402; color: #000; font: 12px verdana, arial, sans-serif; z-index: 9999; margin-bottom: -1px; }
#sddm div a:hover { background: transparent; color: #000; position: relative; display: block; padding: 5px 15px 10px 15px; text-align: left; text-decoration: none; font: 12px verdana, arial, sans-serif; z-index: 9999; margin-bottom: -1px; }


/***************************************************************************************************************************************************************************************************************/
/***************************************************************************************************************************************************************************************************************/
/************************************************************************************                                *******************************************************************************************/
/************************************************************************************      Content Page Classes      *******************************************************************************************/
/************************************************************************************                                *******************************************************************************************/
/***************************************************************************************************************************************************************************************************************/
/***************************************************************************************************************************************************************************************************************/


#portfolio-pages-title-wrapper {
	display: block;
	width: 100%;
	height: 50px;
	margin: 0px auto 0px auto;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #portfolio-pages-title-wrapper { }}

#portfolio-pages-title {
	display: block;
	width: 52%;
	height: 35px;
	padding: 15px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: #ffffff;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #portfolio-pages-title { }}

#portfolio-pages-title div.center {
	display: block;
	float: left;
	width: 80%;
	height: 35px;
	text-align: left;
	padding: 0px 0px 0px 20%;
	background: #ffffff;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #portfolio-pages-title div.center { }}

#site-pages-title-container {
	display: block;
	width: 80%;
	height: 35px;
	margin: 0px 0px 0px 20%;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #site-pages-title-container { width: 80%; height: 12vw; position: absolute; top: 0px; z-index: 999; margin: 0px 10% 0px 10%; }}

#site-pages-title {
	display: block;
	width: 100%;
	height: 35px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: #ffffff;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #site-pages-title { width: 100%; height: auto; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; background: transparent; }}

.site-pages-title-center {
	display: block;
	float: left;
	width: 80%;
	height: 35px;
	text-align: left;
	padding: 0px 0px 0px 20%;
	background: #ffffff;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .site-pages-title-center { width: 100%; height: auto; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; }}

#site-pages-title-single-page {
	display: block;
	width: 100%;
	height: 35px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #site-pages-title-single-page { width: 100%; height: auto; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; background: transparent; }}

img.site-pages-title-image {
	display: block;
	max-width: 100%;
	max-height: 100%;
	border: none;
	outline: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { img.site-pages-title-image { max-width: 180%; max-height: 180%;  margin: 0px auto 0px auto; }}

img.client-page-title-image {
	display: block;
	max-width: 100%;
	max-height: 100%;
	border: none;
	outline: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { img.client-page-title-image { max-width: 120%; max-height: 120%; position: relative; top: 1vw; margin: 0px auto 0px auto; }}

img.client-page-single-title-image {
	display: block;
	max-width: 100%;
	max-height: 100%;
	border: none;
	outline: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { img.client-page-single-title-image { max-width: 120%; max-height: 120%; position: absolute; top: 51vw; margin: 0px auto 0px auto; }}

.ibp-site-pages-video {
	display: block;
	float: left;
	width: 526px;
	height: 383px;
	border: none;
	outline: none;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .ibp-site-pages-video { width: 80%; height: 45%; margin: 14vw auto 0px auto; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { .ibp-site-pages-video { width: 72.54vh; height: 52.74vh; background: transparent; }}


#site-pages-slide-wrapper {
	display: block;
	width: 100%;
	height: 600px;
	background: #ffffff;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #site-pages-slide-wrapper { height: 100vw; }}

#site-pages-slide {
	display: block;
	width: 1024px;
	height: 600px;
	margin: 0px auto 0px auto;
	background: #ffffff;
	background: transparent;
	overflow: hidden;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #site-pages-slide { width: 90%; height: auto; padding: 0px 5% 0px 5%; overflow: visible; }}

#site-pages-slide div.center {
	display: block;
	float: none;
	width: 100%;
	height: 600px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: transparent;
	overflow: hidden;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #site-pages-slide div.center { width: 100%; height: auto; text-align: center; overflow: visible; }}


/***************************************************************************************************************************************************************************************************************/
/***************************************************************************************************************************************************************************************************************/
/************************************************************************************                                   ****************************************************************************************/
/************************************************************************************      What We've Done Classes      ****************************************************************************************/
/************************************************************************************                                   ****************************************************************************************/
/***************************************************************************************************************************************************************************************************************/
/***************************************************************************************************************************************************************************************************************/


/***************************************************************************************************************************************************************************************************************/
/************************************************************************************     What We've Done Homepage      ****************************************************************************************/
/***************************************************************************************************************************************************************************************************************/


#whatwevedone-homepage-top-container {
	display: block;
	width: 590px;
	height: 170px;
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 30px auto 40px auto;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #whatwevedone-homepage-top-container { width: 58vw; height: 18vw; margin: 0px auto 6vw auto; }}

.whatwevedone-homepage-top-row-one {
	display: inline-block;
	float: left;
	width: 170px;
	height: 170px;
	border: none;
	margin: 0px 0px 0px 0px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whatwevedone-homepage-top-row-one { width: 18vw; height: 18vw; margin: 0px 2vw 0px 0px; }}

.whatwevedone-homepage-top-row-two {
	display: inline-block;
	float: none;
	width: 170px;
	height: 170px;
	border: none;
	margin: 0px 40px 0px 40px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whatwevedone-homepage-top-row-two { width: 18vw; height: 18vw; margin: 0px 2vw 0px 0px; }}

.whatwevedone-homepage-top-row-three {
	display: inline-block;
	float: right;
	width: 170px;
	height: 170px;
	border: none;
	margin: 0px 0px 0px 0px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whatwevedone-homepage-top-row-three { width: 18vw; height: 18vw; margin: 0px 0px 0px 0px; }}

#whatwevedone-homepage-bottom-container {
	display: block;
	width: 590px;
	height: 170px;
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #whatwevedone-homepage-bottom-container { width: 58vw; height: 18vw; margin: 0px auto 0px auto; }}

.whatwevedone-homepage-bottom-row-one {
	display: inline-block;
	float: left;
	width: 170px;
	height: 170px;
	border: none;
	margin: 0px 0px 0px 0px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whatwevedone-homepage-bottom-row-one { width: 18vw; height: 18vw; margin: 0px 2vw 0px 0px; }}

.whatwevedone-homepage-bottom-row-two {
	display: inline-block;
	float: none;
	width: 170px;
	height: 170px;
	border: none;
	margin: 0px 40px 0px 40px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whatwevedone-homepage-bottom-row-two { width: 18vw; height: 18vw; margin: 0px 2vw 0px 0px; }}

.whatwevedone-homepage-bottom-row-three {
	display: inline-block;
	float: right;
	width: 170px;
	height: 170px;
	border: none;
	margin: 0px 0px 0px 0px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whatwevedone-homepage-bottom-row-three { width: 18vw; height: 18vw; margin: 0px 0px 0px 0px; }}


/***************************************************************************************************************************************************************************************************************/
/************************************************************************************      Icon Sprites Homepage      ******************************************************************************************/
/***************************************************************************************************************************************************************************************************************/


a.iconsprite-homepage-01:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-icon-homepage-01-link.png) no-repeat;
	background-size: 100%;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-homepage-01:link { width: 18vw; height: 18vw; }}

a.iconsprite-homepage-01:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-icon-homepage-01-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-homepage-01:hover { width: 18vw; height: 18vw; }}

a.iconsprite-homepage-02:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-icon-homepage-02-link.png) no-repeat;
	background-size: 100%;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-homepage-02:link { width: 18vw; height: 18vw; }}

a.iconsprite-homepage-02:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-icon-homepage-02-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-homepage-02:hover { width: 18vw; height: 18vw; }}

a.iconsprite-homepage-03:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-icon-homepage-03-link.png) no-repeat;
	background-size: 100%;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-homepage-03:link { width: 18vw; height: 18vw; }}

a.iconsprite-homepage-03:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-icon-homepage-03-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-homepage-03:hover { width: 18vw; height: 18vw; }}

a.iconsprite-homepage-04:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-icon-homepage-04-link.png) no-repeat;
	background-size: 100%;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-homepage-04:link { width: 18vw; height: 18vw; }}

a.iconsprite-homepage-04:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-icon-homepage-04-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-homepage-04:hover { width: 18vw; height: 18vw; }}

a.iconsprite-homepage-05:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-icon-homepage-05-link.png) no-repeat;
	background-size: 100%;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-homepage-05:link { width: 18vw; height: 18vw; }}

a.iconsprite-homepage-05:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-icon-homepage-05-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-homepage-05:hover { width: 18vw; height: 18vw; }}

a.iconsprite-homepage-06:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-icon-homepage-06-link.png) no-repeat;
	background-size: 100%;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-homepage-06:link { width: 18vw; height: 18vw; }}

a.iconsprite-homepage-06:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-icon-homepage-06-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-homepage-06:hover { width: 18vw; height: 18vw; }}


/***************************************************************************************************************************************************************************************************************/
/************************************************************************************       What We've Done 4 Wide      ****************************************************************************************/
/***************************************************************************************************************************************************************************************************************/


#whatwevedone-top-container {
	display: block;
	width: 800px;
	height: 170px;
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 30px auto 40px auto;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #whatwevedone-top-container { float: none; width: 78vw; height: 18vw; padding: 0px 0px 0px 0px; margin: 8vw auto 6vw auto; }}

.whatwevedone-top-row-one {
	display: inline-block;
	float: left;
	width: 170px;
	height: 170px;
	border: none;
	margin: 0px 40px 0px 0px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whatwevedone-top-row-one { width: 18vw; height: 18vw; margin: 0px 2vw 0px 0px; }}

.whatwevedone-top-row-two {
	display: inline-block;
	float: left;
	width: 170px;
	height: 170px;
	border: none;
	margin: 0px 40px 0px 0px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whatwevedone-top-row-two { width: 18vw; height: 18vw; margin: 0px 2vw 0px 0px; }}

.whatwevedone-top-row-three {
	display: inline-block;
	float: left;
	width: 170px;
	height: 170px;
	border: none;
	margin: 0px 40px 0px 0px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whatwevedone-top-row-three { width: 18vw; height: 18vw; margin: 0px 2vw 0px 0px; }}

.whatwevedone-top-row-four {
	display: inline-block;
	float: left;
	width: 170px;
	height: 170px;
	border: none;
	margin: 0px 0px 0px 0px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whatwevedone-top-row-four { width: 18vw; height: 18vw; margin: 0px 0px 0px 0px; }}

#whatwevedone-bottom-container {
	display: block;
	width: 800px;
	height: 170px;
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #whatwevedone-bottom-container { float: none; width: 78vw; height: 18vw; padding: 0px 0px 0px 0px; margin: 0px auto 6vw auto; }}

.whatwevedone-bottom-row-one {
	display: inline-block;
	float: left;
	width: 170px;
	height: 170px;
	border: none;
	margin: 0px 40px 0px 0px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whatwevedone-bottom-row-one { width: 18vw; height: 18vw; margin: 0px 2vw 0px 0px; }}

.whatwevedone-bottom-row-two {
	display: inline-block;
	float: left;
	width: 170px;
	height: 170px;
	border: none;
	margin: 0px 40px 0px 0px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whatwevedone-bottom-row-two { width: 18vw; height: 18vw; margin: 0px 2vw 0px 0px; }}

.whatwevedone-bottom-row-three {
	display: inline-block;
	float: left;
	width: 170px;
	height: 170px;
	border: none;
	margin: 0px 40px 0px 0px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whatwevedone-bottom-row-three { width: 18vw; height: 18vw; margin: 0px 2vw 0px 0px; }}

.whatwevedone-bottom-row-four {
	display: inline-block;
	float: left;
	width: 170px;
	height: 170px;
	border: none;
	margin: 0px 0px 0px 0px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whatwevedone-bottom-row-four { width: 18vw; height: 18vw; margin: 0px 0px 0px 0px; }}


/***************************************************************************************************************************************************************************************************************/
/************************************************************************************       What We've Done 3 Wide      ****************************************************************************************/
/***************************************************************************************************************************************************************************************************************/


#whatwevedone-3wide-top-container {
	display: block;
	width: 590px;
	height: 170px;
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 30px auto 40px auto;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #whatwevedone-3wide-top-container { float: none; width: 80%; height: 18vw; padding: 0px 0px 0px 0px; margin: 12vw 8% 6vw 12%; background: #ffffff; }}

.whatwevedone-3wide-top-row-one {
	display: inline-block;
	float: left;
	width: 170px;
	height: 170px;
	border: none;
	margin: 0px 0px 0px 0px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whatwevedone-3wide-top-row-one { width: 18vw; height: 18vw; margin: 0px 1.5vw 0px 0px; }}

.whatwevedone-3wide-top-row-two {
	display: inline-block;
	float: none;
	width: 170px;
	height: 170px;
	border: none;
	margin: 0px 40px 0px 40px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whatwevedone-3wide-top-row-two { width: 18vw; height: 18vw; margin: 0px 1.5vw 0px 0px; }}

.whatwevedone-3wide-top-row-three {
	display: inline-block;
	float: right;
	width: 170px;
	height: 170px;
	border: none;
	margin: 0px 0px 0px 0px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whatwevedone-3wide-top-row-three { width: 18vw; height: 18vw; margin: 0px 1.5vw 0px 0px; }}

#whatwevedone-3wide-bottom-container {
	display: block;
	width: 590px;
	height: 170px;
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #whatwevedone-3wide-bottom-container { float: none; width: 80%; height: 18vw; padding: 0px 0px 0px 0px; margin: 12vw 8% 0px 12%; background: #ffffff; }}

.whatwevedone-3wide-bottom-row-one {
	display: inline-block;
	float: left;
	width: 170px;
	height: 170px;
	border: none;
	margin: 0px 0px 0px 0px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whatwevedone-3wide-bottom-row-one { width: 18vw; height: 18vw; margin: 0px 1.5vw 0px 0px; }}

.whatwevedone-3wide-bottom-row-two {
	display: inline-block;
	float: none;
	width: 170px;
	height: 170px;
	border: none;
	margin: 0px 40px 0px 40px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whatwevedone-3wide-bottom-row-two { width: 18vw; height: 18vw; margin: 0px 1.5vw 0px 0px; }}

.whatwevedone-3wide-bottom-row-three {
	display: inline-block;
	float: right;
	width: 170px;
	height: 170px;
	border: none;
	margin: 0px 0px 0px 0px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .whatwevedone-3wide-bottom-row-three { width: 18vw; height: 18vw; margin: 0px 1.5vw 0px 0px; }}


/***************************************************************************************************************************************************************************************************************/
/****************************************************************************      Icon Sprites What We've Done Pages      *************************************************************************************/
/***************************************************************************************************************************************************************************************************************/


a.iconsprite-whatwevedone-01:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-01-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-01:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-01:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-01-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-01:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-02:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-02-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-02:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-02:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-02-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-02:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-03:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-03-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-03:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-03:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-03-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-03:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-04:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-04-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-04:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-04:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-04-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-04:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-05:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-05-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-05:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-05:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-05-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-05:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-06:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-06-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-06:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-06:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-06-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-06:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-07:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-07-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-07:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-07:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-07-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-07:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-08:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-08-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-08:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-08:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-08-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-08:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-09:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-09-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-09:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-09:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-09-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-09:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-10:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-10-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-10:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-10:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-10-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-10:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-11:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-11-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-11:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-11:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-11-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-11:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-12:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-12-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-12:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-12:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-12-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-12:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-13:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-13-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-13:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-13:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-13-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-13:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-14:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-14-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-14:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-14:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-14-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-14:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-15:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-15-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-15:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-15:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-15-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-15:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-16:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-16-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-16:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-16:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-16-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-16:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-17:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-17-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-17:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-17:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-17-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-17:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-18:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-18-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-18:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-18:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-18-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-18:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-19:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-19-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-19:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-19:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-19-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-19:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-20:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-20-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-20:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-20:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-20-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-20:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-21:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-21-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-21:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-21:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-21-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-21:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-22:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-22-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-22:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-22:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-22-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-22:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-23:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-23-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-23:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-23:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-23-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-23:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-24:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-24-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-24:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-24:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-24-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-24:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-25:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-25-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-25:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-25:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-25-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-25:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-26:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-26-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-26:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-26:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-26-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-26:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-27:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-27-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-27:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-27:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-27-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-27:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-28:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-28-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-28:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-28:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-28-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-28:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-29:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-29-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-29:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-29:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-29-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-29:hover { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-30:link {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-30-link.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-30:link { width: 18vw; height: 18vw; }}

a.iconsprite-whatwevedone-30:hover {
	display: block;
	width: 170px;
	height: 170px;
	border: 0px solid transparent;
	outline: none;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-whatwevedone-30-hover.png) no-repeat;
	background-size: 100%;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.iconsprite-whatwevedone-30:hover { width: 18vw; height: 18vw; }}


ul, menu, dir {
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

#ibp-site-pages-container {
	display: block;
	float: left;
	width: 100%;
	height: 600px;
	border: none;
	outline: none;
	position: relative;
	left: 0px;
	top: -600px;
	z-index: 777777;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
    overflow: hidden;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #ibp-site-pages-container { height: auto; position: absolute; top: 51vw; margin: 0px auto 0px auto; }}

#ibp-whoweare-container {
	display: block;
	float: left;
	width: 100%;
	height: 600px;
	border: none;
	outline: none;
	position: relative;
	left: 0px;
	top: -600px;
	z-index: 777777;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
    overflow: hidden;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #ibp-whoweare-container { height: auto; position: absolute; top: 51vw; margin: 0px auto 0px auto; }}

#ibp-whoweare-container {
	display: block;
	float: left;
	width: 100%;
	height: 600px;
	border: none;
	outline: none;
	z-index: 777777;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #ibp-whoweare-container { height: auto; position: absolute; top: 51vw; margin: 0px auto 0px auto; }}

#ibp-whoweare-container-last {
	display: block;
	float: left;
	width: 100%;
	height: 600px;
	border: none;
	outline: none;
	position: relative;
	top: -4.92vw;
	z-index: 777777;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #ibp-whoweare-container-last { height: auto; position: absolute; top: 51vw; margin: 0px auto 0px auto; }}

#ibp-whatwevedone-container {
	display: block;
	float: left;
	width: 100%;
	height: 600px;
	border: none;
	outline: none;
	position: relative;
	top: -29.28vw;
	z-index: 777777;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #ibp-whatwevedone-container { height: auto; position: absolute; top: 51vw; margin: 0px auto 0px auto; }}

#ibp-whatwevedone-container-last {
	display: block;
	float: left;
	width: 100%;
	height: 600px;
	border: none;
	outline: none;
	position: relative;
	top: -4.92vw;
	z-index: 777777;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #ibp-whatwevedone-container-last { height: auto; position: absolute; top: 51vw; margin: 0px auto 0px auto; }}

#ibp-slide-container {
	display: block;
	float: left;
	width: 100%;
	height: 600px;
	border: none;
	outline: none;
	position: relative;
	top: -29.28vw;
	z-index: 777777;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #ibp-slide-container { float: none; height: auto; top: -100px; margin: 0px auto 0px auto; }}

#ibp-slide-container-last {
	display: block;
	float: left;
	width: 100%;
	height: 600px;
	border: none;
	outline: none;
	position: relative;
	top: -4.92vw;
	z-index: 777777;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #ibp-slide-container-last { float: none; height: auto; top: -100px; margin: 0px auto 0px auto; }}

#ibp-slide-container-single-page {
	display: inline-block;
	float: left;
	width: 100%;
	height: 600px;
	border: none;
	outline: none;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 777777;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
    overflow: hidden;
}

#ibp-whoourclientsare-container {
	display: block;
	float: left;
	width: 100%;
	height: 600px;
	border: none;
	outline: none;
	position: relative;
	left: 0px;
	top: -600px;
	z-index: 777777;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
    overflow: hidden;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #ibp-whoourclientsare-container { height: auto; position: absolute; top: 51vw; margin: 0px auto 0px auto; }}

#ibp-howwecanhelp-container {
	display: block;
	float: left;
	width: 100%;
	height: 600px;
	border: none;
	outline: none;
	position: relative;
	left: 0px;
	top: -600px;
	z-index: 777777;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
    overflow: hidden;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #ibp-howwecanhelp-container { height: auto; position: absolute; top: 51vw; margin: 0px auto 0px auto; }}

#ibp-whattheysay-container {
	display: block;
	float: left;
	width: 100%;
	height: 600px;
	border: none;
	outline: none;
	position: relative;
	left: 0px;
	top: -600px;
	z-index: 777777;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
	animation-name: slideInRight;
    animation-duration: 2s;
    overflow: hidden;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #ibp-whattheysay-container { height: auto; position: absolute; top: 51vw; margin: 0px auto 0px auto; }}

whattheysay-strong {
	font-weight: 600;
	color: #000000;
}

#contact-us-page-container {
	display: block;
	width: 100%;
	height: 600px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #contact-us-page-container { width: 90%; height: auto; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; }}

#contact-us-page {
	display: block;
	width: 52%;
	height: 600px;
	margin: 0px auto 0px auto;
	background: #ffffff;
	background: transparent;
	overflow: hidden;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #contact-us-page { width: 100%; height: auto; padding: 0px 0px 28vw 0px; margin: 0px 0px 0px 0px; }}

.contact-us-page-center {
	display: block;
	width: 80%;
	height: 600px;
	text-align: left;
	padding: 0px 0px 0px 20%;
	margin: 0px auto 0px auto;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .contact-us-page-center { width: 100%; height: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }}

#contact-us-page-title-container {
	display: block;
	width: 100%;
	height: 50px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #contact-us-page-title-container { height: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background: red; }}

#contact-us-page-title {
	display: block;
	width: 100%;
	height: 35px;
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	background: transparent;
	overflow: hidden;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #contact-us-page-title { width: 100%; height: auto; }}

img.contact-page-title-image {
	display: block;
	max-width: 100%;
	max-height: 100%;
	border: none;
	outline: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { img.contact-page-title-image { max-width: 280%; max-height: 280%; margin: 0px auto 0px auto; }}

.contact-us-page-title-center {
	display: block;
	width: 100%;
	height: 35px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .contact-us-page-title-center { }}

#main-content-wrapper { background: transparent; }
#main-content { background: transparent; width: 1024px; height: 600px; margin: 0px auto; }
#main-content div.center { background: #ffffff;
	background: transparent; float: left; width: 876px; height: 600px; text-align: left; padding: 0px 0px 0px 148px; }

#portfoliolinks-wrapper { background: transparent; }
#portfoliolinks { background: #ffffff;
	background: transparent; width: 1024px; height: 600px; margin: 0px auto; }
#portfoliolinks div.center { background: transparent; float: left; width: 832px; height: 600px; text-align: left; padding: 0px 0px 0px 192px; position: relative; z-index: 1; top: -75px; }

#homepage-wrapper { background: transparent; }
#homepage { background: transparent; width: 1024px; height: 600px; margin: 0px auto; }
#homepage div.center { background: #ffffff;
	background: transparent; float: left; width: 1024px; height: 600px; text-align: left; padding: 0px 0px 0px 0px; }

#homepage-content { background: #ffffff;
	background: transparent; width: 1024px; height: 500px; float: left; text-align: left; padding: 0px 0px 0px 0px; }

#category-wrapper { background: transparent; }
#category { background: transparent; width: 1024px; height: 502px; margin: 0px auto; }
#category div.left { font-family: 'dinregular'; font-size: 15px; font-weight: normal; line-height: 17px; text-decoration: none; color: #222222; background: #ffffff;
	background: transparent; float: left; width: 210px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }
#category div.right { font-family: 'dinregular'; font-size: 15px; font-weight: normal; line-height: 17px; text-decoration: none; color: #222222; background: #ffffff;
	background: transparent; float: left; width: 704px; height: 492px; text-align: justify; padding: 0px 110px 10px 0px; overflow: auto; }

#post-wrapper { background: transparent; }
#post { background: transparent; width: 1024px; height: 502px; margin: 0px auto; }
#post div.left { font-family: 'dinregular'; font-size: 15px; font-weight: normal; line-height: 17px; text-decoration: none; color: #222222; background: #ffffff;
	background: transparent; float: left; width: 210px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }
#post div.right { font-family: 'dinregular'; font-size: 15px; font-weight: normal; line-height: 17px; text-decoration: none; color: #222222; background: #ffffff;
	background: transparent; float: left; width: 704px; height: 492px; text-align: justify; padding: 0px 110px 10px 0px; overflow: auto; }

#page-content-wrapper { background: transparent; }
#page-content { background: transparent; width: 1024px; height: 502px; margin: 0px auto; }
#page-content div.left { background: #ffffff;
	background: transparent; float: left; width: 210px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }
#page-content div.right { background: #ffffff;
	background: transparent; float: left; width: 814px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }

#whoweare-content-wrapper { background: transparent; }
#whoweare-content { background: transparent; width: 1024px; height: 502px; margin: 0px auto; }
#whoweare-content div.left { background: #ffffff;
	background: transparent; float: left; width: 210px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }
#whoweare-content div.right { background: #ffffff;
	background: transparent; float: left; width: 814px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }

#whoweare-slider-content-wrapper { background: transparent; }
#whoweare-slider-content { background: transparent; width: 1024px; height: 502px; margin: 0px auto; }
#whoweare-slider-content div.center { background: #ffffff;
	background: transparent; float: left; width: 1024x; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }

#howwework-content-wrapper { background: transparent; }
#howwework-content { background: transparent; width: 1024px; height: 502px; margin: 0px auto; }
#howwework-content div.left { background: #ffffff;
	background: transparent; float: left; width: 210px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }
#howwework-content div.right { background: #ffffff;
	background: transparent; float: left; width: 814px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }

#vcm-content-wrapper { background: transparent; }
#vcm-content { background: transparent; width: 1024px; height: 530px; margin: 0px auto; }
#vcm-content div.left { background: #ffffff;
	background: transparent; float: left; width: 210px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }
#vcm-content div.right { background: #ffffff;
	background: transparent; float: left; width: 814px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }

#whatwebelieve-content-wrapper { background: transparent; }
#whatwebelieve-content { background: transparent; width: 1024px; height: 502px; margin: 0px auto; }
#whatwebelieve-content div.left { background: #ffffff;
	background: transparent; float: left; width: 210px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }
#whatwebelieve-content div.right { background: #ffffff;
	background: transparent; float: left; width: 814px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }

#whatwevedone-content-wrapper { background: transparent; }
#whatwevedone-content { background: transparent; width: 1024px; height: 502px; margin: 0px auto; }
#whatwevedone-content div.center { background: #ffffff;
	background: transparent; float: left; width: 1024px; height: 472px; text-align: left; padding: 30px 0px 0px 0px; }

#whattheysay-content-wrapper { background: transparent; }
#whattheysay-content { background: transparent; width: 1024px; height: 502px; margin: 0px auto; }
#whattheysay-content div.left { font-family: 'dinregular'; font-size: 15px; font-weight: normal; line-height: 22px; text-decoration: none; color: #999999; background: #ffffff;
	background: transparent; float: left; width: 210px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }
#whattheysay-content div.right { font-family: 'dinregular'; font-size: 15px; font-weight: normal; line-height: 22px; text-decoration: none; color: #999999; background: #ffffff;
	background: transparent; float: left; width: 814px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }

#portfolio-content-wrapper { background: transparent; }
#portfolio-content { background: transparent; width: 1024px; height: 600px; margin: 0px auto; }
#portfolio-content div.center { background: #ffffff;
	background: transparent; float: left; width: 1024px; height: 590px; text-align: left; padding: 10px 0px 0px 0px; }

#whoweworkwith-wrapper { background: transparent; }
#whoweworkwith { background: transparent; width: 1024px; height: 502px; margin: 0px auto; }
#whoweworkwith div.left { background: #ffffff;
	background: transparent; float: left; width: 210px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }
#whoweworkwith div.right { background: #ffffff;
	background: transparent; float: left; width: 814px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }

#clientsbyindustry-wrapper { background: transparent; }
#clientsbyindustry { background: transparent; width: 1024px; height: 502px; margin: 0px auto; }
#clientsbyindustry div.left { background: #ffffff;
	background: transparent; float: left; width: 210px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }
#clientsbyindustry div.center { font-family: 'dinregular'; font-size: 15px; font-weight: normal; line-height: 30px; text-decoration: none; color: #999999; background: #ffffff;
	background: transparent; float: left; width: 360px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }
#clientsbyindustry div.right { background: #ffffff;
	background: transparent; float: left; width: 454px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }

#idp-clientsbyindustry-wrapper { background: transparent; }
#idp-clientsbyindustry { background: transparent; width: 758px; height: 430px; margin: 0px auto; }
#idp-clientsbyindustry div.left { background: #ffffff;
	background: transparent; float: left; width: 304px; height: 430px; text-align: left; padding: 0px 0px 0px 0px; font-family: 'dinregular'; font-size: 15px; font-weight: normal; line-height: 30px; text-decoration: none; color: #999999; }
#idp-clientsbyindustry div.right { background: #ffffff;
	background: transparent; float: left; width: 454px; height: 430px; text-align: left; padding: 0px 0px 0px 0px; }

#services-wrapper { background: transparent; }
#services { background: transparent; width: 1024px; height: 502px; margin: 0px auto; }
#services div.left { background: #ffffff;
	background: transparent; float: left; width: 210px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }
#services div.center { font-family: 'dinregular'; font-size: 15px; font-weight: normal; line-height: 22px; text-decoration: none; color: #999999; background: #ffffff;
	background: transparent; float: left; width: 394px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }
#services div.right { font-family: 'dinregular'; font-size: 15px; font-weight: normal; line-height: 22px; text-decoration: none; color: #999999; background: #ffffff;
	background: transparent; float: left; width: 420px; height: 457px; text-align: left; padding: 45px 0px 0px 0px; }

#idp-services-wrapper { background: transparent; }
#idp-services { background: transparent; width: 758px; height: 430px; margin: 0px auto; }
#idp-services div.left { background: #ffffff;
	background: transparent; float: left; width: 304px; height: 430px; text-align: left; padding: 0px 0px 0px 0px; font-family: 'dinregular'; font-size: 15px; font-weight: normal; line-height: 30px; text-decoration: none; color: #999999; }
#idp-services div.right { background: #ffffff;
	background: transparent; float: left; width: 454px; height: 430px; text-align: left; padding: 0px 0px 0px 0px; }

#clients-wrapper { background: transparent; }
#clients { background: transparent; width: 1024px; height: 502px; margin: 0px auto; }
#clients div.left { background: #ffffff;
	background: transparent; float: left; width: 210px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }
#clients div.right { background: #ffffff;
	background: transparent; float: left; width: 814px; height: 502px; text-align: left; padding: 0px 0px 0px 0px; }

#contactus-wrapper { background: transparent; }
#contactus { background: transparent; width: 1024px; height: 430px; margin: 0px auto; }
#contactus div.center { font-family: 'dinregular'; font-size: 15px; font-weight: normal; line-height: 17px; text-decoration: none; color: #666666; background: #ffffff;
	background: transparent; float: left; width: 814px; height: 430px; text-align: left; padding: 45px 0px 0px 0px; }

#nav-container { background: transparent; }
#nav { background: transparent; width: 960px; height: 30px; margin: 0px auto; }
#nav div.center { background: #ffffff;
	background: transparent; float: left; width: 960px; height: 30px; text-align: left; padding: 0px 0px 0px 0px; }

#sidebar-left-wrapper { background: #ffffff;
	background: transparent; width: 240px; height: 440px; float: left; padding: 0px 0px 0px 0px; text-align: left; }
#sidebar-right-wrapper { background: #ffffff;
	background: transparent; width: 240px; height: 440px; float: left; padding: 0px 0px 0px 0px; text-align: left; }

#footer-fullwidth-container {
	display: block;
	width: 100%;
	height: 60px;
	margin: 0px auto 0px auto;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #footer-fullwidth-container { position: relative; bottom: 0px; z-index: 999999; height: 18vw; padding: 3vw 0px 0px 0px; background: #ffffff; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { #footer-fullwidth-container { background: transparent; }}

#footer-page-container {
	display: block;
	width: 52%;
	width: 1024px;
	height: 60px;
	margin: 0px auto 0px auto;
	background: #ffffff;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #footer-page-container { width: 100%; height: 20vw; background: #ffffff; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { #footer-page-container { background: #ffffff; }}

.footer-page-center {
	display: block;
	float: right;
	width: 85%;
	height: 60px;
	text-align: right;
	padding: 0px 0px 0px 0px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .footer-page-center { width: 100%; height: 18vw; text-align: center; padding: 2vw 0px 0px 0px; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { .footer-page-center { background: #ffffff; }}

.footer-copyright-container {
	display: inline-block;
	float: right;
	width: 264px;
	height: 60px;
	text-align: left;
	font-family: 'dinregular';
	font-size: 12px;
	line-height: 60px;
	color: #bbbbbb !important;
	padding: 0px 0px 0px 20px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .footer-copyright-container { float: none; width: 100%; height: 12vw; left: 0px; font-size: 3vw; line-height: 12vw; text-align: center; padding: .5vw 0px 0px 0px; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { .footer-copyright-container { background: transparent; }}

.facebook-social-links-container {
	display: inline-block;
	float: right;
	width: auto;
	height: 60px;
	padding: 0px 0px 0px 0px;
	margin: 0px 16px 0px 0px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .facebook-social-links-container { float: left; width: 30%; height: 6vw; line-height: 6vw; text-align: right; margin: 2vw 2% 0px 18%; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { .facebook-social-links-container { background: #ffffff; }}

a.facebook:link {
	display: inline-block;
	float: left;
	width: 16px;
	height: 16px;
	border: none;
	outline: none;
	position: relative;
	top: 22px;
	padding: 0px 0px 0px 0px;
	margin: 0px 6px 0px 0px;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-facebook-logo-link.png) no-repeat;
	background-size: 100%;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.facebook:link { float: left; width: 6vw; height: 6vw; position: relative; top: 0px; margin: 0px 0px 0px 0px; }}

a.facebook:hover {
	display: inline-block;
	float: left;
	width: 16px;
	height: 16px;
	border: none;
	outline: none;
	position: relative;
	top: 22px;
	padding: 0px 0px 0px 0px;
	margin: 0px 6px 0px 0px;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-facebook-logo-hover.png) no-repeat;
	background-size: 100%;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.facebook:hover { float: left; width: 6vw; height: 6vw; position: relative; top: 0px; margin: 0px 0px 0px 0px; }}

a.facebook-text:link, a.facebook-text:active, a.facebook-text:visited {
	display: inline-block;
	float: left;
	width: auto;
	height: 60px;
	border: none;
	outline: none;
	font-family: 'dinregular';
	font-size: 12px;
	line-height: 60px;
	color: #bbbbbb !important;
	padding: 0px 0px 0px 0px;
	margin: 0px 6px 0px 0px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.facebook-text:link, a.facebook-text:active, a.facebook-text:visited { float: left; width: auto; height: 6vw; font-size: 4vw; line-height: 6vw; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 2vw; }}

a.facebook-text:hover {
	display: inline-block;
	float: left;
	width: auto;
	height: 60px;
	border: none;
	outline: none;
	font-family: 'dinregular';
	font-size: 12px;
	line-height: 60px;
	color: #000000 !important;
	padding: 0px 0px 0px 0px;
	margin: 0px 6px 0px 0px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.facebook-text:hover { float: left; width: auto; height: 6vw; font-size: 4vw; line-height: 6vw; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 2vw; }}

.linkedin-social-links-container {
	display: inline-block;
	float: right;
	width: auto;
	height: 60px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .linkedin-social-links-container { float: right; width: 30%; height: 6vw; line-height: 6vw; text-align: right; margin: 2vw 15% 0px 5%; }}

a.linkedin:link {
	display: inline-block;
	float: left;
	width: 16px;
	height: 16px;
	border: none;
	outline: none;
	position: relative;
	top: 22px;
	padding: 0px 0px 0px 0px;
	margin: 0px 6px 0px 0px;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-linkedin-logo-link.png) no-repeat;
	background-size: 100%;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.linkedin:link { float: left; width: 6vw; height: 6vw; position: relative; top: 0px; margin: 0px 0px 0px 0px; }}

a.linkedin:hover {
	display: inline-block;
	float: left;
	width: 16px;
	height: 16px;
	border: none;
	outline: none;
	position: relative;
	top: 22px;
	padding: 0px 0px 0px 0px;
	margin: 0px 6px 0px 0px;
	background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/ibp-linkedin-logo-hover.png) no-repeat;
	background-size: 100%;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.linkedin:hover { float: left; width: 6vw; height: 6vw; position: relative; top: 0px; margin: 0px 0px 0px 0px; }}

a.linkedin-text:link, a.linkedin-text:active, a.linkedin-text:visited {
	display: inline-block;
	float: left;
	width: auto;
	height: 60px;
	border: none;
	outline: none;
	font-family: 'dinregular';
	font-size: 12px;
	line-height: 60px;
	color: #bbbbbb !important;
	padding: 0px 0px 0px 0px;
	margin: 0px 6px 0px 0px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.linkedin-text:link, a.linkedin-text:active, a.linkedin-text:visited { float: right; width: auto; height: 6vw; font-size: 4vw; line-height: 6vw; padding: 0px 0px 0px 0px; margin: 0px 2vw 0px 0px; }}

a.linkedin-text:hover {
	display: inline-block;
	float: left;
	width: auto;
	height: 60px;
	border: none;
	outline: none;
	font-family: 'dinregular';
	font-size: 12px;
	line-height: 60px;
	color: #000000 !important;
	padding: 0px 0px 0px 0px;
	margin: 0px 6px 0px 0px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { a.linkedin-text:hover { float: right; width: auto; height: 6vw; font-size: 4vw; line-height: 6vw; padding: 0px 0px 0px 0px; margin: 0px 2vw 0px 0px; }}


.clear { clear: both; margin: 0px; }

/* END: site layout ------------------------------------------------------------------------------- */



/* START: link styling ----------------------------------------------------------------------------- */

a.sidebar:link { font-family: tahoma, verdana, arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color: #666; }
a.sidebar:active { font-family: tahoma, verdana, arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color: #666; }
a.sidebar:visited { font-family: tahoma, verdana, arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color: #666; }
a.sidebar:hover { font-family: tahoma, verdana, arial, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; color: #ed7921; }

a:link { font-family: tahoma, verdana, arial, sans-serif; font-size: 1px; font-weight: normal; text-decoration: none; color: #ffffff; }
a:active { font-family: tahoma, verdana, arial, sans-serif; font-size: 1px; font-weight: normal; text-decoration: none; color: #ffffff; }
a:visited { font-family: tahoma, verdana, arial, sans-serif; font-size: 1px; font-weight: normal; text-decoration: none; color: #ffffff; }
a:hover { font-family: tahoma, verdana, arial, sans-serif; font-size: 1px; font-weight: normal; text-decoration: none; color: #ffffff; }

a.readmore:link { font-family: 'dinregular'; font-size: 16px; font-weight: bold; text-decoration: none; color: #ed7921; }
a.readmore:active { font-family: 'dinregular'; font-size: 16px; font-weight: bold; text-decoration: none; color: #ed7921; }
a.readmore:visited { font-family: 'dinregular'; font-size: 16px; font-weight: bold; text-decoration: none; color: #ed7921; }
a.readmore:hover { font-family: 'dinregular'; font-size: 16px; font-weight: bold; text-decoration: none; color: #666666; }

a.pagelinks:link { font-family: 'dinregular'; font-size: 14px; letter-spacing: -1px; text-decoration: none; text-transform: uppercase; color: #787878; display: block; width: auto; height: 50px; }
a.pagelinks:active { font-family: 'dinregular'; font-size: 14px; letter-spacing: -1px; text-decoration: none; text-transform: uppercase; color: #787878; display: block; width: auto; height: 50px; }
a.pagelinks:visited { font-family: 'dinregular'; font-size: 14px; letter-spacing: -1px; text-decoration: none; text-transform: uppercase; color: #787878; display: block; width: auto; height: 50px; }
a.pagelinks:hover { font-family: 'dinregular'; font-size: 14px; letter-spacing: -1px; text-decoration: none; text-transform: uppercase; color: #000000; display: block; width: auto; height: 50px; }

a.pagelinks2:link { font-family: 'dinregular'; font-size: 14px; letter-spacing: -1px; text-decoration: none; text-transform: uppercase; color: #787878; display: inline-block; width: auto; height: 20px; }
a.pagelinks2:active { font-family: 'dinregular'; font-size: 14px; letter-spacing: -1px; text-decoration: none; text-transform: uppercase; color: #787878; display: inline-block; width: auto; height: 20px; }
a.pagelinks2:visited { font-family: 'dinregular'; font-size: 14px; letter-spacing: -1px; text-decoration: none; text-transform: uppercase; color: #787878; display: inline-block; width: auto; height: 20px; }
a.pagelinks2:hover { font-family: 'dinregular'; font-size: 14px; letter-spacing: -1px; text-decoration: none; text-transform: uppercase; color: #000000; display: inline-block; width: auto; height: 20px; }

a.noimgborder:link { border: 0px solid transparent; outline: none; }
a.noimgborder:active { border: 0px solid transparent; outline: none; }
a.noimgborder:visited { border: 0px solid transparent; outline: none; }
a.noimgborder:hover { border: 0px solid transparent; outline: none; }

a.noshow:link { display: none; }
a.noshow:active { display: none; }
a.noshow:visited { display: none; }
a.noshow:hover { display: none; }

a.customLinkPrev:link { border: 1px solid transparent; display: block; width: 300px; height: 300px; background: red; position: absolute; top: 100px; }
a.customLinkPrev:active { border: 1px solid transparent; display: block; width: 300px; height: 300px; background: red; position: absolute; top: 100px; }
a.customLinkPrev:visited { border: 1px solid transparent; display: block; width: 300px; height: 300px; background: red; position: absolute; top: 100px; }
a.customLinkPrev:hover { border: 1px solid transparent; display: block; width: 300px; height: 300px; background: red; position: absolute; top: 40px; }

a.customLink { border: 1px solid transparent; display: none; width: 300px; height: 300px; background: transparent; position: absolute; top: 0px; }

a.customLink333:link { border: 1px solid transparent; display: block; width: 300px; height: 300px; background: blue; position: absolute; top: 100px; }
a.customLink333:active { border: 1px solid transparent; display: block; width: 300px; height: 300px; background: blue; position: absolute; top: 100px; }
a.customLink333:visited { border: 1px solid transparent; display: block; width: 300px; height: 300px; background: blue; position: absolute; top: 100px; }
a.customLink333:hover { border: 1px solid transparent; display: block; width: 300px; height: 300px; background: blue; position: absolute; top: -1px; left: -1px; }

a.customLink2:link { border: 1px solid transparent; display: block; width: 300px; height: 300px; background: orange; position: absolute; top: 100px; }
a.customLink2:active { border: 1px solid transparent; display: block; width: 300px; height: 300px; background: orange; position: absolute; top: 100px; }
a.customLink2:visited { border: 1px solid transparent; display: block; width: 300px; height: 300px; background: orange; position: absolute; top: 100px; }
a.customLink2:hover { border: 1px solid transparent; display: block; width: 300px; height: 300px; background: orange; position: absolute; top: -1px; left: -1px; }

a.thevirtualcorporatemodel:link { display: block; background: transparent url(http://www.industriebrandpartners.com/wp-content/themes/industriebrandpartners/industriebrandpartners-images/industriebrandpartners-page-links-sprite.png) no-repeat 0px 0px; width: 220px; height: 50px; border: 0px solid transparent; outline: none; }
a.thevirtualcorporatemodel:hover { display: block; background: transparent url(http://www.industriebrandpartners.com/wp-content/themes/industriebrandpartners/industriebrandpartners-images/industriebrandpartners-page-links-sprite.png) no-repeat 0px -300px; width: 220px; height: 50px; border: 0px solid transparent; outline: none; }
.thevirtualcorporatemodel { list-style: none; margin-left: 0px; }

a.ourapproach:link { display: block; background: transparent url(http://www.industriebrandpartners.com/wp-content/themes/industriebrandpartners/industriebrandpartners-images/industriebrandpartners-page-links-sprite.png) no-repeat 0px -51px; width: 220px; height: 50px; border: 0px solid transparent; outline: none; }
a.ourapproach:hover { display: block; background: transparent url(http://www.industriebrandpartners.com/wp-content/themes/industriebrandpartners/industriebrandpartners-images/industriebrandpartners-page-links-sprite.png) no-repeat 0px -351px; width: 220px; height: 50px; border: 0px solid transparent; outline: none; }
.ourapproach { list-style: none; margin-left: 0px; }

a.clientsbyindustry:link { display: block; background: transparent url(http://www.industriebrandpartners.com/wp-content/themes/industriebrandpartners/industriebrandpartners-images/industriebrandpartners-page-links-sprite.png) no-repeat 0px -100px; width: 220px; height: 50px; border: 0px solid transparent; outline: none; }
a.clientsbyindustry:hover { display: block; background: transparent url(http://www.industriebrandpartners.com/wp-content/themes/industriebrandpartners/industriebrandpartners-images/industriebrandpartners-page-links-sprite.png) no-repeat 0px -400px; width: 220px; height: 50px; border: 0px solid transparent; outline: none; }
.clientsbyindustry { list-style: none; margin-left: 0px; }

a.ourservices:link { display: block; background: transparent url(http://www.industriebrandpartners.com/wp-content/themes/industriebrandpartners/industriebrandpartners-images/industriebrandpartners-page-links-sprite.png) no-repeat 0px -150px; width: 220px; height: 47px; border: 0px solid transparent; outline: none; }
a.ourservices:hover { display: block; background: transparent url(http://www.industriebrandpartners.com/wp-content/themes/industriebrandpartners/industriebrandpartners-images/industriebrandpartners-page-links-sprite.png) no-repeat 0px -450px; width: 220px; height: 47px; border: 0px solid transparent; outline: none; }
.ourservices { list-style: none; margin-left: 0px; }

a.whatotherssay:link { display: block; background: transparent url(http://www.industriebrandpartners.com/wp-content/themes/industriebrandpartners/industriebrandpartners-images/industriebrandpartners-page-links-sprite.png) no-repeat 0px -250px; width: 220px; height: 47px; border: 0px solid transparent; outline: none; }
a.whatotherssay:hover { display: block; background: transparent url(http://www.industriebrandpartners.com/wp-content/themes/industriebrandpartners/industriebrandpartners-images/industriebrandpartners-page-links-sprite.png) no-repeat 0px -550px; width: 220px; height: 47px; border: 0px solid transparent; outline: none; }
.whatotherssay { list-style: none; margin-left: 0px; }

a.blanklink:link { display: block; background: transparent; width: 220px; height: 50px; border: 0px solid transparent; outline: none; }
a.blanklink:hover { display: block; background: transparent; width: 220px; height: 50px; border: 0px solid transparent; outline: none; }
.blanklink { list-style: none; margin-left: 0px; }

.post-categories { list-style: none; margin-left: -25px; display: inline-block; font-family: 'dinregular'; font-size: 10px; font-weight: normal; text-decoration: none; color: green; }
.post-categories ul li { list-style: none; margin-left: -25px; display: inline-block; font-family: 'dinregular'; font-size: 10px; font-weight: normal; text-decoration: none; color: green; }

/* END: link styling ------------------------------------------------------------------------------- */





/* START: image styling ---------------------------------------------------------------------------- */

.aligncenter, div.aligncenter { display: block; margin-left: 15px; margin-right: 15px; }
.alignleft { float: left; margin-right: 15px; }
.alignright { float: right; margin-left: 15px; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0px; padding: 0px; border: 0px none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0px 4px 5px 0px; margin: 0px; }

/* END: image styling ------------------------------------------------------------------------------ */




















#industry li a.tab1 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px 0px;
width: 200px;
height: 60px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 1;
}

#industry li a.tab1:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -60px;
width: 200px;
height: 60px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 1;
}

#industry li a.tab1selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -60px;
width: 200px;
height: 60px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 1;
}

li.industrylist { list-style: none; border: none; }




#industry li a.tab2 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -120px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}

#industry li a.tab2:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -180px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}

#industry li a.tab2selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -180px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}




#industry li a.tab3 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -240px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 3;
}

#industry li a.tab3:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -300px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 3;
}

#industry li a.tab3selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -300px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 3;
}




#industry li a.tab4 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -360px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}

#industry li a.tab4:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -420px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}

#industry li a.tab4selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -420px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}




#industry li a.tab5 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -480px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 5;
}

#industry li a.tab5:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -540px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 5;
}

#industry li a.tab5selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -540px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 5;
}




#industry li a.tab6 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -600px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}

#industry li a.tab6:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -660px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}

#industry li a.tab6selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -660px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}




#industry li a.tab7 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -720px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 7;
}

#industry li a.tab7:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -780px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 7;
}

#industry li a.tab7selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -780px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 7;
}




#industry li a.tab8 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -840px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}

#industry li a.tab8:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -900px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}

#industry li a.tab8selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -900px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}




#industry li a.tab9 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -960px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 9;
}

#industry li a.tab9:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -1020px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 9;
}

#industry li a.tab9selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -1020px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 9;
}




#industry li a.tab10 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -1080px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}

#industry li a.tab10:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -1140px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}

#industry li a.tab10selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -1140px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}




#industry li a.tab11 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -1200px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 11;
}

#industry li a.tab11:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -1260px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 11;
}

#industry li a.tab11selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-industry-sprite-2.png) no-repeat 0px -1260px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 11;
}














#services-we-offer li a.tab1 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px 0px;
width: 200px;
height: 60px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 1;
}

#services-we-offer li a.tab1:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -60px;
width: 200px;
height: 60px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 1;
}

#services-we-offer li a.tab1selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -60px;
width: 200px;
height: 60px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 1;
}

li.services-we-offerlist { list-style: none; border: none; }




#services-we-offer li a.tab2 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -120px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}

#services-we-offer li a.tab2:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -180px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}

#services-we-offer li a.tab2selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -180px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}




#services-we-offer li a.tab3 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -240px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 3;
}

#services-we-offer li a.tab3:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -300px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 3;
}

#services-we-offer li a.tab3selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -300px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 3;
}




#services-we-offer li a.tab4 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -360px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}

#services-we-offer li a.tab4:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -420px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}

#services-we-offer li a.tab4selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -420px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}




#services-we-offer li a.tab5 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -480px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 5;
}

#services-we-offer li a.tab5:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -540px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 5;
}

#services-we-offer li a.tab5selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -540px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 5;
}




#services-we-offer li a.tab6 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -600px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}

#services-we-offer li a.tab6:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -660px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}

#services-we-offer li a.tab6selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -660px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}




#services-we-offer li a.tab7 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -720px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 7;
}

#services-we-offer li a.tab7:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -780px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 7;
}

#services-we-offer li a.tab7selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -780px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 7;
}




#services-we-offer li a.tab8 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -840px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}

#services-we-offer li a.tab8:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -900px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}

#services-we-offer li a.tab8selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -900px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}




#services-we-offer li a.tab9 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -960px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 9;
}

#services-we-offer li a.tab9:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -1020px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 9;
}

#services-we-offer li a.tab9selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -1020px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 9;
}




#services-we-offer li a.tab10 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -1080px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}

#services-we-offer li a.tab10:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -1140px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}

#services-we-offer li a.tab10selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -1140px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 140px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 99;
}




#services-we-offer li a.tab11 {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -1200px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 11;
}

#services-we-offer li a.tab11:hover {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -1260px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 11;
}

#services-we-offer li a.tab11selected {
display: block;
background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2013/02/industriebrandpartners-services-we-offer-nav-sprite.png) no-repeat 0px -1260px;
width: 200px;
height: 60px;
margin: -25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 11;
}















.gfield-required-asterisk { color: #666666; padding: 0px 5px 0px 5px; }

.gfield-label-industriebrandpartners-name { display: block; float: left; width: 100%; height: 60px; margin: 0px 0px 10px 0px; background: transparent; }
.gfield-label-industriebrandpartners-name .gfield_label { display: block; float: left; width: 100%; height: 22px; font-family: 'dinregular' !important; font-size: 14px; line-height: 24px; text-transform: none; color: #666666; text-align: left; padding: 0px 0px 0px 0px; margin: 0px 0px 8px 0px; background: transparent; }
.gfield-label-industriebrandpartners-name .gfield_required { float: none; font-family: 'dinregular' !important; font-size: 16px; color: #888888; padding: 4px 0px 4px .5%; }
.gfield-label-industriebrandpartners-name .medium { display: block; float: left; width: 70%; height: 32px; border: 1px solid #dddddd; outline: none; font-family: helvetica, arial, sans-serif !important; font-weight: 300; font-size: 24px; line-height: 32px; color: #777777; padding: 0px 0px 0px .5%; margin: 0px 0px 0px 0px; background: #f9f9f9; }

@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-name { width: 100%; height: 16vw; margin: 0px 0px 2vw 0px; }}
@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-name .gfield_label { height: 6vw; font-size: 4vw; line-height: 6vw; margin: 0px 0px 1vw 0px; }}
@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-name .gfield_required { width: 100%; height: 6vw; font-size: 4vw; line-height: 6vw; padding: 0px 0px 0px 1%; }}
@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-name .medium { width: 100%; height: 6vw; font-size: 4vw; line-height: 6vw; padding: 0px 0px 0px 1%; }}	

.gfield-label-industriebrandpartners-email { display: block; float: left; width: 100%; width: 100%; height: 60px; margin: 0px 0px 10px 0px; background: transparent; }
.gfield-label-industriebrandpartners-email .gfield_label { display: block; float: left; width: 100%; height: 22px; font-family: 'dinregular' !important; font-size: 14px; line-height: 24px; text-transform: none; color: #666666; text-align: left; padding: 0px 0px 0px 0px; margin: 0px 0px 8px 0px; background: transparent; }
.gfield-label-industriebrandpartners-email .gfield_required { float: none; font-family: 'dinregular' !important; font-size: 16px; color: #888888; padding: 4px 0px 4px .5%; }
.gfield-label-industriebrandpartners-email .medium { display: block; float: left; width: 70%; height: 32px; border: 1px solid #dddddd; outline: none; font-family: helvetica, arial, sans-serif !important; font-weight: 300; font-size: 24px; line-height: 32px; color: #777777; padding: 0px 0px 0px .5%; margin: 0px 0px 0px 0px; background: #f9f9f9; }

@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-email { width: 100%; height: 16vw; margin: 0px 0px 2vw 0px; }}
@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-email .gfield_label { height: 6vw; font-size: 4vw; line-height: 6vw; margin: 0px 0px 1vw 0px; }}
@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-email .gfield_required { width: 100%; height: 6vw; font-size: 4vw; line-height: 6vw; padding: 0px 0px 0px 1%; }}
@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-email .medium { width: 100%; height: 6vw; font-size: 4vw; line-height: 6vw; padding: 0px 0px 0px 1%; }}	

.gfield-label-industriebrandpartners-subject { display: block; float: left; width: 100%; width: 100%; height: 60px; margin: 0px 0px 10px 0px; background: transparent; }
.gfield-label-industriebrandpartners-subject .gfield_label { display: block; float: left; width: 100%; height: 22px; font-family: 'dinregular' !important; font-size: 14px; line-height: 24px; text-transform: none; color: #666666; text-align: left; padding: 0px 0px 0px 0px; margin: 0px 0px 8px 0px; background: transparent; }
.gfield-label-industriebrandpartners-subject .gfield_required { float: none; font-family: 'dinregular' !important; font-size: 16px; color: #888888; padding: 4px 0px 4px .5%; }
.gfield-label-industriebrandpartners-subject .medium { display: block; float: left; width: 70%; height: 32px; border: 1px solid #dddddd; outline: none; font-family: helvetica, arial, sans-serif !important; font-weight: 300; font-size: 24px; line-height: 32px; color: #777777; padding: 0px 0px 0px .5%; margin: 0px 0px 0px 0px; background: #f9f9f9; }

@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-subject { width: 100%; height: 16vw; margin: 0px 0px 2vw 0px; }}
@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-subject .gfield_label { height: 6vw; font-size: 4vw; line-height: 6vw; margin: 0px 0px 1vw 0px; }}
@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-subject .gfield_required { width: 100%; height: 6vw; font-size: 4vw; line-height: 6vw; padding: 0px 0px 0px 1%; }}
@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-subject .medium { width: 100%; height: 6vw; font-size: 4vw; line-height: 6vw; padding: 0px 0px 0px 1%; }}	

.gfield-label-industriebrandpartners-comments { display: block; float: left; width: 100%; height: 8vw; margin: 0px 0px .5vw 0px; background: transparent; }
.gfield-label-industriebrandpartners-comments .gfield_label { display: block; float: left; width: 100%; height: 22px; font-family: 'dinregular' !important; font-size: 14px; line-height: 24px; text-transform: none; color: #666666; text-align: left; padding: 0px 0px 0px 0px; margin: 0px 0px 8px 0px; background: transparent; }
.gfield-label-industriebrandpartners-comments .gfield_required { float: none; font-family: 'dinregular' !important; font-size: 16px; color: #888888; padding: 4px 0px 4px .5%; }
.gfield-label-industriebrandpartners-comments .medium { display: block; float: left; width: 70%; height: 32px; border: 1px solid #dddddd; outline: none; font-family: helvetica, arial, sans-serif !important; font-weight: 300; font-size: 24px; line-height: 32px; color: #777777; padding: 0px 0px 0px .5%; margin: 0px 0px 0px 0px; background: #f9f9f9; }

@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-comments { width: 100%; height: 16vw; margin: 0px 0px 2vw 0px; }}
@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-comments .gfield_label { height: 6vw; font-size: 4vw; line-height: 6vw; margin: 0px 0px 1vw 0px; }}
@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-comments .gfield_required { width: 100%; height: 6vw; font-size: 4vw; line-height: 6vw; padding: 0px 0px 0px 1%; }}
@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-comments .medium { width: 100%; height: 6vw; font-size: 4vw; line-height: 6vw; padding: 0px 0px 0px 1%; }}	

.gfield-label-industriebrandpartners-comments .textarea.medium {
  	display: block;
  	float: left;
  	width: 79%;
  	height: 80px;
  	border: 1px solid #dddddd;
  	outline: none;
  	font-family: 'dinregular' !important;
  	font-weight: 300;
  	font-size: 14px;
  	line-height: 17px;
  	color: #777777;
  	padding: 2px 0px 2px .5%;
  	margin: 0px 0px 20px 0px;
  	background: #f9f9f9;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-comments .textarea.medium { width: 100%; height: 24vw; font-size: 4vw; line-height: 6vw; padding: 1vw 0px 1vw 1%; margin: 0px 0px 2vw 0px; }}

.gfield-label-industriebrandpartners-captcha { display: block; float: left; width: 100%; height: 60px; margin: 0vw 0px 10px 0px; background: transparent; }
.gfield-label-industriebrandpartners-captcha .gfield_label { display: block; float: left; width: 100%; height: 22px; font-family: 'dinregular' !important; font-size: 14px; line-height: 24px; text-transform: none; color: #666666; text-align: left; padding: 0px 0px 0px 0px; margin: 0px 0px 8px 0px; background: transparent; }
.gfield-label-industriebrandpartners-captcha .gfield_required { float: none; font-family: 'dinregular' !important; font-size: 16px; color: #888888; padding: 4px 0px 4px .5%; }
.gfield-label-industriebrandpartners-captcha .medium { display: block; float: left; width: 70%; height: 32px; border: 1px solid #dddddd; outline: none; font-family: 'dinregular' !important; font-size: 24px; line-height: 32px; color: #777777; padding: 0px 0px 0px .5%; margin: 0px 0px 0px 0px; background: #f9f9f9; }

@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-captcha { width: 100%; height: 12vw; margin: 0px 0px 2vw 0px; }}
@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-captcha .gfield_label { height: 6vw; font-size: 4vw; line-height: 6vw; margin: 0px 0px 1vw 0px; }}
@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-captcha .gfield_required { width: 100%; height: 6vw; font-size: 4vw; line-height: 6vw; padding: 0px 0px 0px 1%; }}
@media screen and (min-width: 200px) and (max-width: 1023px) { .gfield-label-industriebrandpartners-captcha .medium { width: 100%; height: 6vw; font-size: 4vw; line-height: 6vw; padding: 0px 0px 0px 1%; }}	

#input_1_5.ginput_container.ginput_recaptcha {
	display: block !important;
	float: left !important;
	width: 80% !important;
	height: 32px !important;
	border: 1px solid #dddddd !important;
	outline: none !important;
	font-family: 'dinregular' !important;
	font-weight: 300;
	font-size: 14px !important;
	line-height: 32px !important;
	color: #777777 !important;
	padding: 0px 0px 0px .5% !important;
	margin: 0px 0px 0px 0px !important;
	background: #f9f9f9 !important;
}

body .gform_wrapper ul li.gfield {
    margin-top: 0px !important;
    padding-top: 0;
}

@media only screen and (min-width: 641px) {

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    width: calc(80% - 8px) !important;
}
}

input {
  	display: inline-block;
  	width: 100%;
  	position: relative;
  	top: -3px;
  	font-family: 'dinregular' !important;
  	font-size: 10px;
  	color: initial;
  	letter-spacing: normal;
  	word-spacing: normal;
  	text-transform: none;
  	text-indent: 0px;
  	text-shadow: none;
  	text-align: left;
  	-webkit-writing-mode: horizontal-tb;
  	margin: 5px;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { input { }}

button, .button, .button a {
  	display: block;
	float: left;
	width: 170px;
	height: 32px;
	border: none;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	outline: none;
  	font-family: 'dinregular' !important;
	font-size: 18px;
	color: #333333;
	text-align: center;
  	padding: 2px 15px 15px 15px;
	margin: 10px 0px 20px 0px;
	background: #f8f8f8 !important;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { button, .button, .button a { }}

select {
    -webkit-appearance: menulist;
    box-sizing: none !important;
    align-items: center;
    border-image-source: none !important;
    border-image-slice: none !important;
    border-image-width: none !important;
    border-image-outset: none !important;
    border-image-repeat: none !important;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    background-color: #f9f9f9 !important;
    cursor: default;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #dddddd !important;
    border-radius: 0px !important;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { select { }}

input#gform_submit_button_1.gform_button.button {
	display: block;
	float: left;
	width: 170px;
	height: 32px;
	border: none;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	outline: none;
  	font-family: 'dinregular' !important;
	font-size: 18px;
	line-height: 32px;
	color: #333333;
	text-align: center;
  	padding: 0px 15px 0px 15px;
  	margin: 50px auto 0px auto;
	background: #f8f8f8;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { input#gform_submit_button_1.gform_button.button { margin: 20vw auto 0px auto; }}

ul#gform_fields_1.gform_fields.top_label.form_sublabel_below.description_below {
	display: block;
    	list-style-type: none !important;
    	-webkit-margin-before: 0px !important;
    	-webkit-margin-after: 0px !important;
    	-webkit-margin-start: 0px !important;
    	-webkit-margin-end: 0px !important;
    	-webkit-padding-start: 0px !important;
}

#gform_confirmation_message_1.gform_confirmation_message_1.gform_confirmation_message {
	font-family: 'dinregular' !important;
}






/*
****************************************************************************************************************************************************************************************************************
*****************************************************************************************                              *****************************************************************************************
*****************************************************************************************        SF MENU CLASSES       *****************************************************************************************
*****************************************************************************************                              *****************************************************************************************
****************************************************************************************************************************************************************************************************************
*/


#whoweare-fullwidth-container {
	display: block;
	float: none;
	width: 1024px;
	height: 60px;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 999999;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: #ffffff;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #whoweare-fullwidth-container { display: none; }}

.sf-menu-whoweare {
	display: block;
	width: 100%;
	height: 40px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .sf-menu-whoweare { width: 100%; height: 9vw; }}

.sf-menu-whoweare li {
	display: inline-block;
	margin: 0px 0px 0px 0px;
}

.sf-menu-whoweare ul.nav-menu.toggled-on, .menu-toggle {
	display: inline-block;
}

.sf-menu-whoweare ul.nav-menu, .sf-menu-whoweare div.nav-menu > ul {
	display: inline-block !important;
	width: 100%;
	text-align: center;
}

.sf-menu-whoweare ul {
	margin: 0px 0px 0px 0px;
	text-indent: 0;
}

.sf-menu-whoweare li a {
	display: inline-block !important;
	width: 100%;
  	height: 40px;
  	bottom: 15px;
  	left: 0;
  	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-family: 'dinregular';
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 40px;
    color: #787878;
    padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 20px;
  	background: rgba(0,0,0,0);
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .sf-menu li a { float: none; width: 100%; height: 9vw; font-size: 3vw; line-height: 9vw; padding: 0px 0px 0px 0px; margin: 0px 6vw 0px 0px; }}	

.sf-menu-whoweare li a:before {
	content: "";
	position: absolute;
  	width: 100%;
  	height: 40px;
  	bottom: 0px;
  	left: 0;
  	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-family: 'dinregular';
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 40px;
    color: #787878;
    padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 20px;
  	background: rgba(0,0,0,0.1);
  	visibility: hidden;
  	-webkit-transform: scale(0);
  	transform: scale(0);
  	-webkit-transition: all 0.3s ease-in-out 0s;
  	transition: all 0.3s ease-in-out 0s;
}

.sf-menu-whoweare li a:hover {
	color: #000000;
	background: transparent;
}

.sf-menu-whoweare li a:hover:before {
	visibility: visible;
  	-webkit-transform: scaleX(1);
  	transform: scaleX(1);
}

.sf-menu-whoweare li {
	position: relative;
	margin: 0px 0px 0px 0px;
}

.sf-menu-whoweare li ul {
	display: none;
	width: 252px;
	position: absolute;
	top: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.sf-menu-whoweare li ul ul {
	top: 0;
	left: 100%;
	background: #000000
}

.sf-menu-whoweare ul li:hover > ul {
	border-left: 0;
	display: block;
}

.sf-menu-whoweare li ul li a {
	display: block;
	width: 210px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	line-height: 1.3;
	text-transform: none;
	text-align: left;
	color: #000000;
	padding: 8px 20px 9px 20px;
	background: #dddddd;
}

.sf-menu-whoweare li ul li a:hover {
	color: #ffffff;
	background: #e91c24;
}
	
.sf-menu-whoweare .current-menu-item > a,
.sf-menu-whoweare .current-menu-ancestor > a,
.sf-menu-whoweare .current_page_item > a,
.sf-menu-whoweare .current_page_ancestor > a {
	width: 100%;
  	height: 40px;
  	bottom: 15px;
  	left: 0;
  	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-family: 'dinregular';
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 40px;
    color: #000000;
    padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 20px;
  	background: rgba(0,0,0,0.1);
}





#howwecanhelp-fullwidth-container {
	display: block;
	float: none;
	width: 1024px;
	height: 60px;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 999999;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: #ffffff;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #howwecanhelp-fullwidth-container { display: none; }}

.sf-menu-howwecanhelp {
	display: block;
	width: 100%;
	height: 40px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .sf-menu-howwecanhelp { width: 100%; height: 9vw; }}

.sf-menu-howwecanhelp li {
	display: inline-block;
	margin: 0px 0px 0px 0px;
}

.sf-menu-howwecanhelp ul.nav-menu.toggled-on, .menu-toggle {
	display: inline-block;
}

.sf-menu-howwecanhelp ul.nav-menu, .sf-menu-howwecanhelp div.nav-menu > ul {
	display: inline-block !important;
	width: 100%;
	text-align: center;
}

.sf-menu-howwecanhelp ul {
	margin: 0px 0px 0px 0px;
	text-indent: 0;
}

.sf-menu-howwecanhelp li a {
	display: inline-block !important;
	width: 100%;
  	height: 40px;
  	bottom: 15px;
  	left: 0;
  	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-family: 'dinregular';
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 40px;
    color: #787878;
    padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 20px;
  	background: rgba(0,0,0,0);
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .sf-menu li a { float: none; width: 100%; height: 9vw; font-size: 3vw; line-height: 9vw; padding: 0px 0px 0px 0px; margin: 0px 6vw 0px 0px; }}	

.sf-menu-howwecanhelp li a:before {
	content: "";
	position: absolute;
  	width: 100%;
  	height: 40px;
  	bottom: 0px;
  	left: 0;
  	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-family: 'dinregular';
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 40px;
    color: #787878;
    padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 20px;
  	background: rgba(0,0,0,0.1);
  	visibility: hidden;
  	-webkit-transform: scale(0);
  	transform: scale(0);
  	-webkit-transition: all 0.3s ease-in-out 0s;
  	transition: all 0.3s ease-in-out 0s;
}

.sf-menu-howwecanhelp li a:hover {
	color: #000000;
	background: transparent;
}

.sf-menu-howwecanhelp li a:hover:before {
	visibility: visible;
  	-webkit-transform: scaleX(1);
  	transform: scaleX(1);
}

.sf-menu-howwecanhelp li {
	position: relative;
	margin: 0px 0px 0px 0px;
}

.sf-menu-howwecanhelp li ul {
	display: none;
	width: 252px;
	position: absolute;
	top: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.sf-menu-howwecanhelp li ul ul {
	top: 0;
	left: 100%;
	background: #000000
}

.sf-menu-howwecanhelp ul li:hover > ul {
	border-left: 0;
	display: block;
}

.sf-menu-howwecanhelp li ul li a {
	display: block;
	width: 210px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	line-height: 1.3;
	text-transform: none;
	text-align: left;
	color: #000000;
	padding: 8px 20px 9px 20px;
	background: #dddddd;
}

.sf-menu-howwecanhelp li ul li a:hover {
	color: #ffffff;
	background: #e91c24;
}
	
.sf-menu-howwecanhelp .current-menu-item > a,
.sf-menu-howwecanhelp .current-menu-ancestor > a,
.sf-menu-howwecanhelp .current_page_item > a,
.sf-menu-howwecanhelp .current_page_ancestor > a {
	width: 100%;
  	height: 40px;
  	bottom: 15px;
  	left: 0;
  	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-family: 'dinregular';
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 40px;
    color: #000000;
    padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 20px;
  	background: rgba(0,0,0,0.1);
}









#whattheysay-fullwidth-container {
	display: block;
	float: none;
	width: 1024px;
	height: 60px;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 999999;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: #ffffff;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { #whattheysay-fullwidth-container { display: none; }}

.sf-menu-whattheysay {
	display: block;
	width: 100%;
	height: 40px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	background: transparent;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .sf-menu-whattheysay { width: 100%; height: 9vw; }}

.sf-menu-whattheysay li {
	display: inline-block;
	margin: 0px 0px 0px 0px;
}

.sf-menu-whattheysay ul.nav-menu.toggled-on, .menu-toggle {
	display: inline-block;
}

.sf-menu-whattheysay ul.nav-menu, .sf-menu-whattheysay div.nav-menu > ul {
	display: inline-block !important;
	width: 100%;
	text-align: center;
}

.sf-menu-whattheysay ul {
	margin: 0px 0px 0px 0px;
	text-indent: 0;
}

.sf-menu-whattheysay li a {
	display: inline-block !important;
	width: 100%;
  	height: 40px;
  	bottom: 15px;
  	left: 0;
  	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-family: 'dinregular';
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 40px;
    color: #787878;
    padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 20px;
  	background: rgba(0,0,0,0);
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .sf-menu li a { float: none; width: 100%; height: 9vw; font-size: 3vw; line-height: 9vw; padding: 0px 0px 0px 0px; margin: 0px 6vw 0px 0px; }}	

.sf-menu-whattheysay li a:before {
	content: "";
	position: absolute;
  	width: 100%;
  	height: 40px;
  	bottom: 0px;
  	left: 0;
  	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-family: 'dinregular';
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 40px;
    color: #787878;
    padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 20px;
  	background: rgba(0,0,0,0.1);
  	visibility: hidden;
  	-webkit-transform: scale(0);
  	transform: scale(0);
  	-webkit-transition: all 0.3s ease-in-out 0s;
  	transition: all 0.3s ease-in-out 0s;
}

.sf-menu-whattheysay li a:hover {
	color: #000000;
	background: transparent;
}

.sf-menu-whattheysay li a:hover:before {
	visibility: visible;
  	-webkit-transform: scaleX(1);
  	transform: scaleX(1);
}

.sf-menu-whattheysay li {
	position: relative;
	margin: 0px 0px 0px 0px;
}

.sf-menu-whattheysay li ul {
	display: none;
	width: 252px;
	position: absolute;
	top: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.sf-menu-whattheysay li ul ul {
	top: 0;
	left: 100%;
	background: #000000
}

.sf-menu-whattheysay ul li:hover > ul {
	border-left: 0;
	display: block;
}

.sf-menu-whattheysay li ul li a {
	display: block;
	width: 210px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	line-height: 1.3;
	text-transform: none;
	text-align: left;
	color: #000000;
	padding: 8px 20px 9px 20px;
	background: #dddddd;
}

.sf-menu-whattheysay li ul li a:hover {
	color: #ffffff;
	background: #e91c24;
}
	
.sf-menu-whattheysay .current-menu-item > a,
.sf-menu-whattheysay .current-menu-ancestor > a,
.sf-menu-whattheysay .current_page_item > a,
.sf-menu-whattheysay .current_page_ancestor > a {
	width: 100%;
  	height: 40px;
  	bottom: 15px;
  	left: 0;
  	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-family: 'dinregular';
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 40px;
    color: #000000;
    padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 20px;
  	background: rgba(0,0,0,0.1);
}











#navigation-fullwidth-container-mobile { display: none; }

@media screen and (min-width: 200px) and (max-width: 1023px) { #navigation-fullwidth-container-mobile { display: block; width: 100%; height: 12vw; position: fixed; top: 7.5vw; z-index: 999; }}


.sf-menu-mobile {
	display: block;
	width: 100%;
	height: 12vw;
	text-align: left;
	margin: 0px 0px 0px 0px;
	background: transparent url(http://www.canafactors.com/wp-content/uploads/2017/09/3bar-menu-link.png) no-repeat right bottom;
}

.sf-menu-mobile li {
	display: block;
	margin: 0px 0px 0px 0px;
}

.sf-menu-mobile ul.nav-menu.toggled-on, .menu-toggle {
	display: block;
}

.sf-menu-mobile ul.nav-menu, .sf-menu-mobile .nav-menu > ul {
	display: block !important;
	text-align: left;
	width: 100%;
}

.sf-menu-mobile ul {
	text-indent: 0;
	margin: 0px 0px 0px 0px;
}

.sf-menu-mobile li a {
	display: block;
	width: 100%;
	height: 12vw;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 10vw;
	line-height: 12vw;
	color: transparent !important;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	padding: 8px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
}	

.sf-menu-mobile li a:hover {
	color: transparent !important;
	background: transparent;
}

.sf-menu-mobile li {
	position: relative;
	margin: 0px 0px 0px 0px;
}

.sf-menu-mobile li ul {
	display: none;
	width: 100%;
	height: auto;
	position: relative;
	top: 100%;
	z-index: 9999999999;
	padding: 0px 0px 0px 0px;
	margin: 2.5vw 0px 0px 0px;
	background: rgba(0,0,0,0.8);
}

.sf-menu-mobile li ul ul {
	top: 0px;
	left: 100%;
	background: #000000;
}

.sf-menu-mobile ul li:hover > ul {
	border-left: 0;
	display: block;
}

.sf-menu-mobile li ul li a {
	display: block;
	width: 96%;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 6vw;
	line-height: 11vw;
	text-transform: none;
	text-align: left;
	color: #ffffff !important;
	padding: 0px 0px 0px 4%;
	background: transparent;
	cursor: pointer !important;
}

.sf-menu-mobile li ul li a:hover {
	color: #ffffff !important;
	background: transparent;
}

.sf-menu-mobile li ul li.indent a {
	display: block;
	width: 100%;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 4.5vw;
	line-height: 5.5vw;
	text-transform: none;
	text-align: left;
	color: #ffffff !important;
	padding: 2vw 0px 2vw 2vw;
	background: transparent;
}

.sf-menu-mobile li ul li.indent a:hover {
	color: #d3001d !important;
	background: transparent;
}


.clients-list {
	list-style: none !important;
	font-family: 'dinregular';
	font-size: 12px !important;
	line-height: 14px !important;
	padding: 3px 0px 2px 0px !important;
	margin: 0px 0px 0px 10px !important;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .clients-list { font-size: 1.8vw !important; line-height: 2vw !important; text-align: left; padding: .7vw 0px .9vw 0px !important; }}

#ibp-services-container {
	display: block;
	width: 100%;
	height: auto;
	border: none;
	outline: none;
	z-index: 999999999;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 20px auto;
	background: transparent;
}

.services-list {
	list-style: none !important;
	font-family: 'dinregular';
	font-size: 12px !important;
	line-height: 14px !important;
	padding: 3px 0px 2px 0px !important;
	margin: 0px 0px 0px 10px !important;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .services-list { font-size: 3vw !important; line-height: 3.3vw !important; text-align: left !important; }}

label {
	display: block;
	width: 143px;
  	height: 29px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-family: 'dinregular';
	font-size: 13px;
    line-height: 14px;
    text-transform: none;
    text-decoration: none;
	color: #ffffff;
	padding: 2px 10px 2px 10px;
	background: #c0c0bf;
	cursor: pointer;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { label { width: 80%; height: 8vw; font-size: 3vw; line-height: 3.3vw; text-align: left; padding: .6vw 2vw .2vw 2vw; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { label { width: 190px; height: 38px; font-size: 16px; line-height: 18px; }}

label:hover {
	display: block;
	width: 143px;
  	height: 29px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-family: 'dinregular';
	font-size: 13px;
    line-height: 14px;
    text-transform: none;
    text-decoration: none;
	color: #ffffff;
	padding: 2px 10px 2px 10px;
	background: #bbbddf;
	cursor: pointer;	
}

@media screen and (min-width: 200px) and (max-width: 1023px) { label:hover { width: 80%; height: 8vw; font-size: 3vw; line-height: 3.3vw; text-align: left; padding: .6vw 2vw .2vw 2vw; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { label:hover { width: 190px; height: 38px; font-size: 16px; line-height: 18px; }}

.client-ul-toggle { 
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 3px 0px;
	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .client-ul-toggle { }}
@media screen and (min-height: 768px) and (max-height: 1200px) { .client-ul-toggle { margin: 10px 0px 10px 0px; }}

.client-toggle { 
	list-style-type: none;
	padding: 2px 10px 2px 10px;
	margin: 0px 0px 0px 0px;
	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .client-toggle { }}
@media screen and (min-height: 768px) and (max-height: 1200px) { .client-toggle { }}

.services-ul-toggle { 
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}

.services-toggle { 
	list-style-type: none;
	padding: 2px 10px 2px 10px;
	margin: 0px 0px 0px 0px;
	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}

input#cb1[type=checkbox] { display: none; }

input#cb1[type=checkbox] ~ ul { 
	max-height: 0;
	max-width: 0;
	opacity: 0;
	overflow: hidden;
	white-space: nowrap;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;  
}

input#cb1[type=checkbox]:checked ~ ul { 
	max-height: 100%;
	max-width: 100%;
	opacity: 1;
	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}

input#cb1[type=checkbox] + label:before{
	transform-origin: 25% 50%;
  	border: 0px solid transparent;
  	border-width: 0px 0px;	
  	border-left-color: transparent;
  	margin-left: -20px;
	width: 0;
	height: 0;
	display: inline-block;
	text-align: center;
	content: '';
	color: transparent;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease; 
	position: absolute;
	margin-top: 1px;
}

input#cb1[type=checkbox]:checked + label:before {
	/*margin-top: 6px;
  margin-left: -25px;*/
  	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}

.input-cb-all {
	display: block;
	width: 143px;
  	height: 29px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-family: 'dinregular';
	font-size: 13px;
    line-height: 14px;
    text-transform: none;
    text-decoration: none;
	color: #ffffff;
	padding: 2px 10px 2px 10px;
	background: #b5b5b5 !important;
	cursor: pointer;	
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .input-cb-all { width: 80%; height: 8vw; font-size: 3vw; line-height: 3.3vw; text-align: left; padding: .6vw 2vw .2vw 2vw; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { .input-cb-all { width: 190px; height: 38px; font-size: 16px; line-height: 18px; }}

.input-cb-all:hover {
	display: block;
	width: 143px;
  	height: 29px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-family: 'dinregular';
	font-size: 13px;
    line-height: 14px;
    text-transform: none;
    text-decoration: none;
	color: #ffffff;
	padding: 2px 10px 2px 10px;
	background: #f7b795 !important;
	cursor: pointer;	
}

@media screen and (min-width: 200px) and (max-width: 1023px) { .input-cb-all:hover { width: 60%; height: 8vw; font-size: 3vw; line-height: 3.3vw; text-align: left; padding: .6vw 2vw .2vw 2vw; }}
@media screen and (min-height: 768px) and (max-height: 1200px) { .input-cb-all:hover { width: 190px; height: 38px; font-size: 16px; line-height: 18px; }}





input#cb2[type=checkbox] { display: none; }

input#cb2[type=checkbox] ~ ul { 
	max-height: 0;
	max-width: 0;
	opacity: 0;
	overflow: hidden;
	white-space: nowrap;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;  
}

input#cb2[type=checkbox]:checked ~ ul { 
	max-height: 100%;
	max-width: 100%;
	opacity: 1;
	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}

input#cb2[type=checkbox] + label:before{
	transform-origin: 25% 50%;
  	border: 0px solid transparent;
  	border-width: 0px 0px;	
  	border-left-color: transparent;
  	margin-left: -20px;
	width: 0;
	height: 0;
	display: inline-block;
	text-align: center;
	content: '';
	color: transparent;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease; 
	position: absolute;
	margin-top: 1px;
}

input#cb2[type=checkbox]:checked + label:before {
	/*margin-top: 6px;
  	margin-left: -25px;*/
  	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}



input#cb3[type=checkbox] { display: none; }

input#cb3[type=checkbox] ~ ul { 
	max-height: 0;
	max-width: 0;
	opacity: 0;
	overflow: hidden;
	white-space: nowrap;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;  
}

input#cb3[type=checkbox]:checked ~ ul { 
	max-height: 100%;
	max-width: 100%;
	opacity: 1;
	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}

input#cb3[type=checkbox] + label:before{
	transform-origin: 25% 50%;
  	border: 0px solid transparent;
  	border-width: 0px 0px;	
  	border-left-color: transparent;
  	margin-left: -20px;
	width: 0;
	height: 0;
	display: inline-block;
	text-align: center;
	content: '';
	color: transparent;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease; 
	position: absolute;
	margin-top: 1px;
}

input#cb3[type=checkbox]:checked + label:before {
	/*margin-top: 6px;
  	margin-left: -25px;*/
  	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}



input#cb4[type=checkbox] { display: none; }

input#cb4[type=checkbox] ~ ul { 
	max-height: 0;
	max-width: 0;
	opacity: 0;
	overflow: hidden;
	white-space: nowrap;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;  
}

input#cb4[type=checkbox]:checked ~ ul { 
	max-height: 100%;
	max-width: 100%;
	opacity: 1;
	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}

input#cb3[type=checkbox] + label:before{
	transform-origin: 25% 50%;
  	border: 0px solid transparent;
  	border-width: 0px 0px;	
  	border-left-color: transparent;
  	margin-left: -20px;
	width: 0;
	height: 0;
	display: inline-block;
	text-align: center;
	content: '';
	color: transparent;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease; 
	position: absolute;
	margin-top: 1px;
}

input#cb4[type=checkbox]:checked + label:before {
	/*margin-top: 6px;
  	margin-left: -25px;*/
  	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}



input#cb5[type=checkbox] { display: none; }

input#cb5[type=checkbox] ~ ul { 
	max-height: 0;
	max-width: 0;
	opacity: 0;
	overflow: hidden;
	white-space: nowrap;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;  
}

input#cb5[type=checkbox]:checked ~ ul { 
	max-height: 100%;
	max-width: 100%;
	opacity: 1;
	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}

input#cb5[type=checkbox] + label:before{
	transform-origin: 25% 50%;
  	border: 0px solid transparent;
  	border-width: 0px 0px;	
  	border-left-color: transparent;
  	margin-left: -20px;
	width: 0;
	height: 0;
	display: inline-block;
	text-align: center;
	content: '';
	color: transparent;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease; 
	position: absolute;
	margin-top: 1px;
}

input#cb5[type=checkbox]:checked + label:before {
	/*margin-top: 6px;
  	margin-left: -25px;*/
  	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}



input#cb6[type=checkbox] { display: none; }

input#cb6[type=checkbox] ~ ul { 
	max-height: 0;
	max-width: 0;
	opacity: 0;
	overflow: hidden;
	white-space: nowrap;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;  
}

input#cb6[type=checkbox]:checked ~ ul { 
	max-height: 100%;
	max-width: 100%;
	opacity: 1;
	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}

input#cb6[type=checkbox] + label:before{
	transform-origin: 25% 50%;
  	border: 0px solid transparent;
  	border-width: 0px 0px;	
  	border-left-color: transparent;
  	margin-left: -20px;
	width: 0;
	height: 0;
	display: inline-block;
	text-align: center;
	content: '';
	color: transparent;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease; 
	position: absolute;
	margin-top: 1px;
}

input#cb6[type=checkbox]:checked + label:before {
	/*margin-top: 6px;
  	margin-left: -25px;*/
  	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}



input#cb7[type=checkbox] { display: none; }

input#cb7[type=checkbox] ~ ul { 
	max-height: 0;
	max-width: 0;
	opacity: 0;
	overflow: hidden;
	white-space: nowrap;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;  
}

input#cb7[type=checkbox]:checked ~ ul { 
	max-height: 100%;
	max-width: 100%;
	opacity: 1;
	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}

input#cb7[type=checkbox] + label:before{
	transform-origin: 25% 50%;
  	border: 0px solid transparent;
  	border-width: 0px 0px;	
  	border-left-color: transparent;
  	margin-left: -20px;
	width: 0;
	height: 0;
	display: inline-block;
	text-align: center;
	content: '';
	color: transparent;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease; 
	position: absolute;
	margin-top: 1px;
}

input#cb7[type=checkbox]:checked + label:before {
	/*margin-top: 6px;
  	margin-left: -25px;*/
  	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}



input#cb8[type=checkbox] { display: none; }

input#cb8[type=checkbox] ~ ul { 
	max-height: 0;
	max-width: 0;
	opacity: 0;
	overflow: hidden;
	white-space: nowrap;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;  
}

input#cb8[type=checkbox]:checked ~ ul { 
	max-height: 100%;
	max-width: 100%;
	opacity: 1;
	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}

input#cb8[type=checkbox] + label:before{
	transform-origin: 25% 50%;
  	border: 0px solid transparent;
  	border-width: 0px 0px;	
  	border-left-color: transparent;
  	margin-left: -20px;
	width: 0;
	height: 0;
	display: inline-block;
	text-align: center;
	content: '';
	color: transparent;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease; 
	position: absolute;
	margin-top: 1px;
}

input#cb8[type=checkbox]:checked + label:before {
	/*margin-top: 6px;
  	margin-left: -25px;*/
  	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}



input#cb9[type=checkbox] { display: none; }

input#cb9[type=checkbox] ~ ul { 
	max-height: 0;
	max-width: 0;
	opacity: 0;
	overflow: hidden;
	white-space: nowrap;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;  
}

input#cb9[type=checkbox]:checked ~ ul { 
	max-height: 100%;
	max-width: 100%;
	opacity: 1;
	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}

input#cb9[type=checkbox] + label:before{
	transform-origin: 25% 50%;
  	border: 0px solid transparent;
  	border-width: 0px 0px;	
  	border-left-color: transparent;
  	margin-left: -20px;
	width: 0;
	height: 0;
	display: inline-block;
	text-align: center;
	content: '';
	color: transparent;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease; 
	position: absolute;
	margin-top: 1px;
}

input#cb9[type=checkbox]:checked + label:before {
	/*margin-top: 6px;
  	margin-left: -25px;*/
  	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}



input#cb10[type=checkbox] { display: none; }

input#cb10[type=checkbox] ~ ul { 
	max-height: 0;
	max-width: 0;
	opacity: 0;
	overflow: hidden;
	white-space: nowrap;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;  
}

input#cb10[type=checkbox]:checked ~ ul { 
	max-height: 100%;
	max-width: 100%;
	opacity: 1;
	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}

input#cb10[type=checkbox] + label:before{
	transform-origin: 25% 50%;
  	border: 0px solid transparent;
  	border-width: 0px 0px;	
  	border-left-color: transparent;
  	margin-left: -20px;
	width: 0;
	height: 0;
	display: inline-block;
	text-align: center;
	content: '';
	color: transparent;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease; 
	position: absolute;
	margin-top: 1px;
}

input#cb10[type=checkbox]:checked + label:before {
	/*margin-top: 6px;
  	margin-left: -25px;*/
  	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}



input#cb11[type=checkbox] { display: none; }

input#cb11[type=checkbox] ~ ul { 
	max-height: 0;
	max-width: 0;
	opacity: 0;
	overflow: hidden;
	white-space: nowrap;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;  
}

input#cb11[type=checkbox]:checked ~ ul { 
	max-height: 100%;
	max-width: 100%;
	opacity: 1;
	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}

input#cb11[type=checkbox] + label:before{
	transform-origin: 25% 50%;
  	border: 0px solid transparent;
  	border-width: 0px 0px;	
  	border-left-color: transparent;
  	margin-left: -20px;
	width: 0;
	height: 0;
	display: inline-block;
	text-align: center;
	content: '';
	color: transparent;
   	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease; 
	position: absolute;
	margin-top: 1px;
}

input#cb11[type=checkbox]:checked + label:before {
	/*margin-top: 6px;
  	margin-left: -25px;*/
  	-webkit-transition: all 2s ease;  
   	-moz-transition: all 2s ease;  
   	-o-transition: all 2s ease;  
   	transition: all 2s ease;
}












































































/* box classes ************************************************************************************************************************************************/

.box {
  display: block;
  width: 9.84vw;
  height: 2.95vw;
  position: relative;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-ae-sprite.png) no-repeat 0px 0px;
  overflow: hidden;
  cursor: pointer;
}

.box:hover, .box:focus {
  display: block;
  width: 100%;
  height: 2.95vw;
  position: relative;
  overflow: visible;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-ae-sprite.png) no-repeat 0px -60px;
  cursor: pointer;
}

.box .overbox {
  	width: 8vw;
  	height: auto;
  	border-radius: 10px;
  	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	position: absolute;
  	top: 0px;
  	left: 10.34vw;
  	color: #000000;
  	z-index: 999999;
  	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
  	-webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	opacity: 0;
  	padding: 10px 10px 10px 10px;
  	background: #eeeeee;
}

.box:hover .overbox { opacity: 1; }

.box .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.box:hover .overbox { opacity: 1; }

.box .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box .title {
  font-size: 2.5em;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.box:hover .title,
.box:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.box .tagline {
  font-size: 0.8em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}

.box:hover .tagline,
.box:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}

/* box-insurance classes ************************************************************************************************************************************************/

.box-insurance {
  display: block;
  width: 9.84vw;
  height: 2.95vw;
  position: relative;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-insurance-sprite.png) no-repeat 0px 0px;
  overflow: hidden;
  cursor: pointer;
}

.box-insurance:hover, .box-insurance:focus {
  display: block;
  width: 100%;
  height: 2.95vw;
  position: relative;
  overflow: visible;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-insurance-sprite.png) no-repeat 0px -60px;
  cursor: pointer;
}

.box-insurance .overbox {
  	width: 8vw;
  	height: auto;
  	border-radius: 10px;
  	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	position: absolute;
  	top: 0px;
  	left: 10.34vw;
  	color: #000000;
  	z-index: 999999;
  	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
  	-webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	opacity: 0;
  	padding: 10px 10px 10px 10px;
  	background: #eeeeee;
}

.box-insurance:hover .overbox { opacity: 1; }

.box-insurance .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box-insurance img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.box-insurance:hover .overbox { opacity: 1; }

.box-insurance .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box-insurance .title {
  font-size: 2.5em;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.box-insurance:hover .title,
.box-insurance:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.box-insurance .tagline {
  font-size: 0.8em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}

.box-insurance:hover .tagline,
.box-insurance:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}

/* box-ai classes ************************************************************************************************************************************************/

.box-ai {
  display: block;
  width: 9.84vw;
  height: 2.95vw;
  position: relative;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-ai-sprite.png) no-repeat 0px 0px;
  overflow: hidden;
  cursor: pointer;
}

.box-ai:hover, .box-ai:focus {
  display: block;
  width: 100%;
  height: 2.95vw;
  position: relative;
  overflow: visible;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-ai-sprite.png) no-repeat 0px -60px;
  cursor: pointer;
}

.box-ai .overbox {
  	width: 8vw;
  	height: auto;
  	border-radius: 10px;
  	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	position: absolute;
  	top: 0px;
  	left: 220px;
  	color: #000000;
  	z-index: 999999;
  	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
  	-webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	opacity: 0;
  	padding: 10px 10px 10px 10px;
  	background: #eeeeee;
}

.box-ai:hover .overbox { opacity: 1; }

.box-ai .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box-ai img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.box-ai:hover .overbox { opacity: 1; }

.box-ai .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box-ai .title {
  font-size: 2.5em;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.box-ai:hover .title,
.box-ai:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.box-ai .tagline {
  font-size: 0.8em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}

.box-ai:hover .tagline,
.box-ai:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}

/* box-publishing classes ************************************************************************************************************************************************/

.box-publishing {
  display: block;
  width: 9.84vw;
  height: 2.95vw;
  position: relative;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-publishing-sprite.png) no-repeat 0px 0px;
  overflow: hidden;
  cursor: pointer;
}

.box-publishing:hover, .box-publishing:focus {
  display: block;
  width: 100%;
  height: 2.95vw;
  position: relative;
  overflow: visible;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-publishing-sprite.png) no-repeat 0px -60px;
  cursor: pointer;
}

.box-publishing .overbox {
  	width: 8vw;
  	height: auto;
  	border-radius: 10px;
  	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	position: absolute;
  	top: 0px;
  	left: 220px;
  	color: #000000;
  	z-index: 999999;
  	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
  	-webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	opacity: 0;
  	padding: 10px 10px 10px 10px;
  	background: #eeeeee;
}

.box-publishing:hover .overbox { opacity: 1; }

.box-publishing .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box-publishing img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.box-publishing:hover .overbox { opacity: 1; }

.box-publishing .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box-publishing .title {
  font-size: 2.5em;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.box-publishing:hover .title,
.box-publishing:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.box-publishing .tagline {
  font-size: 0.8em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}

.box-publishing:hover .tagline,
.box-publishing:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}

/* box-consumer classes ************************************************************************************************************************************************/

.box-consumer {
  display: block;
  width: 9.84vw;
  height: 2.95vw;
  position: relative;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-consumer-sprite.png) no-repeat 0px 0px;
  overflow: hidden;
  cursor: pointer;
}

.box-consumer:hover, .box-consumer:focus {
  display: block;
  width: 100%;
  height: 2.95vw;
  position: relative;
  overflow: visible;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-consumer-sprite.png) no-repeat 0px -60px;
  cursor: pointer;
}

.box-consumer .overbox {
  	width: 8vw;
  	height: auto;
  	border-radius: 10px;
  	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	position: absolute;
  	top: 0px;
  	left: 10.34vw;
  	color: #000000;
  	z-index: 999999;
  	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
  	-webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	opacity: 0;
  	padding: 10px 10px 10px 10px;
  	background: #eeeeee;
}

.box-consumer:hover .overbox { opacity: 1; }

.box-consumer .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box-consumer img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.box-consumer:hover .overbox { opacity: 1; }

.box-consumer .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box-consumer .title {
  font-size: 2.5em;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.box-consumer:hover .title,
.box-consumer:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.box-consumer .tagline {
  font-size: 0.8em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}

.box-consumer:hover .tagline,
.box-consumer:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}

/* box-sports classes ************************************************************************************************************************************************/

.box-sports {
  display: block;
  width: 9.84vw;
  height: 2.95vw;
  position: relative;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-sports-sprite.png) no-repeat 0px 0px;
  overflow: hidden;
  cursor: pointer;
}

.box-sports:hover, .box-sports:focus {
  display: block;
  width: 100%;
  height: 2.95vw;
  position: relative;
  overflow: visible;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-sports-sprite.png) no-repeat 0px -60px;
  cursor: pointer;
}

.box-sports .overbox {
  	width: 8vw;
  	height: auto;
  	border-radius: 10px;
  	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	position: absolute;
  	top: 0px;
  	left: 10.34vw;
  	color: #000000;
  	z-index: 999999;
  	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
  	-webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	opacity: 0;
  	padding: 10px 10px 10px 10px;
  	background: #eeeeee;
}

.box-sports:hover .overbox { opacity: 1; }

.box-sports .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box-sports img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.box-sports:hover .overbox { opacity: 1; }

.box-sports .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box-sports .title {
  font-size: 2.5em;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.box-sports:hover .title,
.box-sports:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.box-sports .tagline {
  font-size: 0.8em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}

.box-sports:hover .tagline,
.box-sports:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}

/* box-financial-services classes ************************************************************************************************************************************************/

.box-financial-services {
  display: block;
  width: 9.84vw;
  height: 2.95vw;
  position: relative;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-financial-services-sprite.png) no-repeat 0px 0px;
  overflow: hidden;
  cursor: pointer;
}

.box-financial-services:hover, .box-financial-services:focus {
  display: block;
  width: 100%;
  height: 2.95vw;
  position: relative;
  overflow: visible;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-financial-services-sprite.png) no-repeat 0px -60px;
  cursor: pointer;
}

.box-financial-services .overbox {
  	width: 8vw;
  	height: auto;
  	border-radius: 10px;
  	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	position: absolute;
  	top: 0px;
  	left: 10.34vw;
  	color: #000000;
  	z-index: 999999;
  	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
  	-webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	opacity: 0;
  	padding: 10px 10px 10px 10px;
  	background: #eeeeee;
}

.box-financial-services:hover .overbox { opacity: 1; }

.box-financial-services .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .8vw !important;
    line-height: 1.1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box-financial-services img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.box-financial-services:hover .overbox { opacity: 1; }

.box-financial-services .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .8vw !important;
    line-height: 1.1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box-financial-services .title {
  font-size: 2.5em;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.box-financial-services:hover .title,
.box-financial-services:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.box-financial-services .tagline {
  font-size: 0.8em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}

.box-financial-services:hover .tagline,
.box-financial-services:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}

/* box-services classes ************************************************************************************************************************************************/

.box-services {
  display: block;
  width: 9.84vw;
  height: 2.95vw;
  position: relative;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-services-sprite.png) no-repeat 0px 0px;
  overflow: hidden;
  cursor: pointer;
}

.box-services:hover, .box-services:focus {
  display: block;
  width: 100%;
  height: 2.95vw;
  position: relative;
  overflow: visible;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-services-sprite.png) no-repeat 0px -60px;
  cursor: pointer;
}

.box-services .overbox {
  	width: 8vw;
  	height: auto;
  	border-radius: 10px;
  	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	position: absolute;
  	top: 0px;
  	left: 10.34vw;
  	color: #000000;
  	z-index: 999999;
  	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
  	-webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	opacity: 0;
  	padding: 10px 10px 10px 10px;
  	background: #eeeeee;
}

.box-services:hover .overbox { opacity: 1; }

.box-services .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .8vw !important;
    line-height: 1.1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box-services img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.box-services:hover .overbox { opacity: 1; }

.box-services .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .8vw !important;
    line-height: 1.1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box-services .title {
  font-size: 2.5em;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.box-services:hover .title,
.box-services:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.box-services .tagline {
  font-size: 0.8em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}

.box-services:hover .tagline,
.box-services:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}

/* box-hb classes ************************************************************************************************************************************************/

.box-hb {
  display: block;
  width: 9.84vw;
  height: 2.95vw;
  position: relative;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-hb-sprite.png) no-repeat 0px 0px;
  overflow: hidden;
  cursor: pointer;
}

.box-hb:hover, .box-hb:focus {
  display: block;
  width: 100%;
  height: 2.95vw;
  position: relative;
  overflow: visible;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-hb-sprite.png) no-repeat 0px -60px;
  cursor: pointer;
}

.box-hb .overbox {
  	width: 8vw;
  	height: auto;
  	border-radius: 10px;
  	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	position: absolute;
  	top: 0px;
  	left: 10.34vw;
  	color: #000000;
  	z-index: 999999;
  	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
  	-webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	opacity: 0;
  	padding: 10px 10px 10px 10px;
  	background: #eeeeee;
}

.box-hb:hover .overbox { opacity: 1; }

.box-hb .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .8vw !important;
    line-height: 1.1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box-hb img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.box-hb:hover .overbox { opacity: 1; }

.box-hb .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .8vw !important;
    line-height: 1.1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box-hb .title {
  font-size: 2.5em;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.box-hb:hover .title,
.box-hb:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.box-hb .tagline {
  font-size: 0.8em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}

.box-hb:hover .tagline,
.box-hb:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}

/* box-technology classes ************************************************************************************************************************************************/

.box-technology {
  display: block;
  width: 9.84vw;
  height: 2.95vw;
  position: relative;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-technology-sprite.png) no-repeat 0px 0px;
  overflow: hidden;
  cursor: pointer;
}

.box-technology:hover, .box-technology:focus {
  display: block;
  width: 100%;
  height: 2.95vw;
  position: relative;
  overflow: visible;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-technology-sprite.png) no-repeat 0px -60px;
  cursor: pointer;
}

.box-technology .overbox {
  	width: 8vw;
  	height: auto;
  	border-radius: 10px;
  	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	position: absolute;
  	top: 0px;
  	left: 10.34vw;
  	color: #000000;
  	z-index: 999999;
  	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
  	-webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	opacity: 0;
  	padding: 10px 10px 10px 10px;
  	background: #eeeeee;
}

.box-technology:hover .overbox { opacity: 1; }

.box-technology .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .8vw !important;
    line-height: 1.1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box-technology img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.box-technology:hover .overbox { opacity: 1; }

.box-technology .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .8vw !important;
    line-height: 1.1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box-technology .title {
  font-size: 2.5em;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.box-technology:hover .title,
.box-technology:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.box-technology .tagline {
  font-size: 0.8em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}

.box-technology:hover .tagline,
.box-technology:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}

/* box-ie classes ************************************************************************************************************************************************/

.box-ie {
  display: block;
  width: 9.84vw;
  height: 2.95vw;
  position: relative;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-ie-sprite.png) no-repeat 0px 0px;
  overflow: hidden;
  cursor: pointer;
}

.box-ie:hover, .box-ie:focus {
  display: block;
  width: 100%;
  height: 2.95vw;
  position: relative;
  overflow: visible;
  background: transparent url(http://www.industriebrandpartners.com/wp-content/uploads/2017/09/idp-industry-ie-sprite.png) no-repeat 0px -60px;
  cursor: pointer;
}

.box-ie .overbox {
  	width: 8vw;
  	height: auto;
  	border-radius: 10px;
  	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	position: absolute;
  	top: 0px;
  	left: 10.34vw;
  	color: #000000;
  	z-index: 999999;
  	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .7vw !important;
    line-height: 1vw !important;
    color: #000000 !important;
  	-webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	opacity: 0;
  	padding: 10px 10px 10px 10px;
  	background: #eeeeee;
}

.box-ie:hover .overbox { opacity: 1; }

.box-ie .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .8vw !important;
    line-height: 1.1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box-ie img {
  position: absolute;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.box-ie:hover .overbox { opacity: 1; }

.box-ie .overtext {
	font-family: 'dinregular' !important;
    text-transform: none !important;
    text-decoration: none !important;
    font-size: .8vw !important;
    line-height: 1.1vw !important;
    color: #000000 !important;
    -webkit-transition: all 300ms ease-out;
  	-moz-transition: all 300ms ease-out;
  	-o-transition: all 300ms ease-out;
  	-ms-transition: all 300ms ease-out;
  	transition: all 300ms ease-out;
  	transform: translateY(40px);
  	-webkit-transform: translateY(40px);
}

.box-ie .title {
  font-size: 2.5em;
  text-transform: uppercase;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.box-ie:hover .title,
.box-ie:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.box-ie .tagline {
  font-size: 0.8em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}

.box-ie:hover .tagline,
.box-ie:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}