/* @charset utf-8; */
/*
Theme Name: CPG International
Theme URI: http://xhtmlized.com
Author: XHTMLized
Author URI: http://xhtmlized.com/
*/

/*******************************************************************************

	CSS on Sails Framework
	Title: CPG International
	Author: XHTMLized.com
	Date: July 2012

********************************************************************************

	1. BASE
		1.1 Reset
		1.2 Accessibility Navigation & Hide
		1.3 Clearfix
		1.4 Fonts
		1.5 Normalized Styles
		1.6 Image Replacement

	2. COMMON
		2.1 Container
		2.2 Header
		2.3 Navigation
		2.4 Content
		2.5 Sidebar
		2.6 Footer

	3. PAGES
		3.1 Home
		3.2 Business Units
		3.3 Earnings
		3.4 Mission Overview
		3.5 Strategy
		3.6 Generic Page


	4. PRINT

*******************************************************************************/


/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 Reset
------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

a[href], label[for], select,
input[type=checkbox], input[type=radio] {
	cursor: pointer;
}

button, input[type=button], input[type=image],
input[type=reset], input[type=submit] {
	padding: 0;
	overflow: visible;
	cursor: pointer;
}

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=image]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner {
	border: 0;
}


/* 1.2 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility-nav {
	position: absolute;
	top: 0;
	left: -9999em;
	z-index: 1000;
}

#accessibility-nav a {
	position: absolute;
	top: 0;
	white-space: nowrap;
}

#accessibility-nav a:active,
#accessibility-nav a:focus {
	left: 9999em;
}

.hide {
	position: absolute !important;
	left: -9999em !important;
}


/* 1.3 Clearfix
------------------------------------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

.ie7 .clearfix {
	zoom: 1;
}


/* 1.4 Fonts
------------------------------------------------------------------------------*/

@font-face {
	font-family: "ProximaNovaRegular";
	src: url(fonts/proxima-nova/proxima-nova-regular.eot);
	src: url(fonts/proxima-nova/proxima-nova-regular.eot?#iefix) format("embedded-opentype"),
	     url(fonts/proxima-nova/proxima-nova-regular.woff) format("woff"),
	     url(fonts/proxima-nova/proxima-nova-regular.ttf) format("truetype"),
	     url(fonts/proxima-nova/proxima-nova-regular.svg#ProximaNovaRegular) format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "ProximaNovaSemiBold";
	src: url(fonts/proxima-nova/proxima-nova-semibold.eot);
	src: url(fonts/proxima-nova/proxima-nova-semibold.eot?#iefix) format("embedded-opentype"),
	     url(fonts/proxima-nova/proxima-nova-semibold.woff) format("woff"),
	     url(fonts/proxima-nova/proxima-nova-semibold.ttf) format("truetype"),
	     url(fonts/proxima-nova/proxima-nova-semibold.svg#ProximaNovaSemiBold) format("svg");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "ProximaNovaBold";
	src: url(fonts/proxima-nova/proxima-nova-bold.eot);
	src: url(fonts/proxima-nova/proxima-nova-bold.eot?#iefix) format("embedded-opentype"),
	     url(fonts/proxima-nova/proxima-nova-bold.woff) format("woff"),
	     url(fonts/proxima-nova/proxima-nova-bold.ttf) format("truetype"),
	     url(fonts/proxima-nova/proxima-nova-bold.svg#ProximaNovaBold) format("svg");
	font-weight: 700;
	font-style: normal;
}


/* 1.5 Normalized Styles
------------------------------------------------------------------------------*/

body {
	font: 100%/1.525em 'ProximaNovaRegular', Arial, Helvetica, sans-serif;
	color: #404040;
	background: #fff;
}

h1, h2, h3, h4, h5, h6 {
	color: #005bbb;
}

h1 {
	font-size: 2.75em;
	line-height: 1.36em;
}

h2, .entry-title {
    color: #005bbb;
    float: left;
    font-family: proximanovabold;
    font-size: 33px;
    letter-spacing: 0.05em;
    line-height: 1.28em;
    margin-bottom: 12px;
    margin-top: 55px;
    text-transform: uppercase;
    width: 100%;
}

h3 {
	font: 14px/1.5em 'ProximaNovaBold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 2px;
}

h4 {
	font-size: 14px;
	line-height: 1em;
	text-transform: uppercase;
}

p {
	margin-bottom: 12px;
	line-height: 1.5;
}

hr {
	display: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

th, td {
	vertical-align: top;
}

th {
	font-weight: normal;
	text-align: left;
}

address, cite, dfn {
	font-style: normal;
}

abbr, acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
}

textarea {
	 overflow: auto;
}

a, a:visited {
	text-decoration: none;
	color: #26589d;
}

a:hover, a:active, a:focus {
	color: #26589d;
	text-decoration: underline;
}

/* Content area */
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.panes h2,
.panes h3,
.panes h4,
.panes h5,
.panes h6 {
	margin: 15px 0 6px 0;
	font-weight: bold;
}

.entry-content h2,
.panes h2 {
	font-size: 2em;
}

.entry-content h3,
.panes h3 {
	font: 14px/1.3em 'ProximaNovaSemiBold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #252525;
}

.entry-content h4, .panes h4 {
    color: #005bbb;
    float: left;
    font: 20px/1.2em "ProximaNovaSemiBold",Arial,Helvetica,sans-serif;
    margin-bottom: 12px;
    text-transform: uppercase;
    width: 100%;
    word-spacing: 2px;
}
.entry-content h5,
.panes h5 {
	font-size: 0.82em;
}

.entry-content h6,
.panes h6 {
	font-size: 0.8em;
	color: #252525;
}

.entry-content p,
.panes p {
	margin-bottom: 1em;
}

.entry-content ul,
.entry-content ol,
.panes ul,
.panes ol {
	margin: 0 0 15px 0;
	list-style: disc;
	/*update*/
	float:left;
	margin: 0 0 15px 15px;


}

.entry-content ul ul,
.panes ul ul {
	margin-top: 5px;
	list-style: circle;
}

.entry-content ul ul ul,
.panes ul ul ul {
	list-style: square;
}

.entry-content ol {
	list-style: decimal;
}

.entry-content li,
.panes li {
	margin-bottom: 5px;
}

.entry-content dl {
	margin-bottom: 15px;
}

.entry-content dt {
	font-weight: bold;
}

.entry-content dd {
	margin-bottom: 10px;
}

.entry-content blockquote {
	margin: 0 15px 15px 15px;
	font-size: 15px;
	font-style: italic;
	line-height: 1.5;
}

.entry-content th,
.entry-content td {
	padding: 5px 10px 5px 0;
}

.entry-content th {
	font-weight: bold;
}
/* WordPress Default Styling */
.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption {
	padding: 5px 3px 0 3px;
	max-width: 96%; /* Image does not overflow the content area */
	text-align: center;
	background: #fff;
	border: 1px solid #f0f0f0;
}

.wp-caption.aligncenter {
	margin: 5px auto 20px auto;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	width: auto;
	height: auto;
	max-width: 98.5%;
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;
	line-height: 17px;
}


/* 1.6 Image replacement
------------------------------------------------------------------------------*/

.ir {
	display: block;
	position: relative;
	overflow: hidden;
}

.ir span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.ie7 .ir a span,
.ie7 a.ir span {
	cursor: pointer;
}


/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/

.container {
	position: relative;
	width:100%;

	max-width: 1000px;
	margin: 0 auto;
}


/* 2.2 Header
------------------------------------------------------------------------------*/

#header {
    background: rgba(0, 91, 187, 0.9) none repeat scroll 0 0;
    float: left;
    height: 120px;
    min-width: 100%;
    position: relative;
    z-index: 9999;
}

#header .site-name {
	top: 36px;
	left: 0;
	width: 369px;
	height: 63px;
	text-indent: -9999em;
}

#header h1 { float:left; margin: 25px 0 0 25px;}

#header h1 a {
	height: 70px;
	display: block;
}

#header h1 a img {
	display: block;
	width: auto;
	height: 100%;
}


/* 2.3 Navigation
------------------------------------------------------------------------------*/

/* Top navigation */
#top-navigation {
    float: right;
    margin: 39px 10px 0 0;
    z-index: 10;
}

#top-navigation li {
	float: left;
}

#top-navigation a, #top-navigation a:visited {
    border: 0 none !important;
    color: #fff;
    float: left;
    font: 14px/1em "ProximaNovaBold",Arial,Helvetica,sans-serif;
    letter-spacing: 0.05em;
    margin-right: 6px;
    padding: 15px;
    text-decoration: none;
    text-transform: uppercase;
}

#top-navigation a:hover,
#top-navigation a:active,
#top-navigation .current-menu-item a,
#top-navigation .current-menu-ancestor a{
	background: #043265 !important;
}

/* Main navigation */
#navigation {
	z-index: 2;
	position: relative;
	float: left;
	min-width: 100%;
	height: 50px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.9);

}

.oldie #navigation {
	box-shadow: 0 5px 5px rgba(200, 200, 200, 0.1);
	behavior: url(/PIE.htc);
}



#navigation ul {
	display: inline-block;
}

#navigation li {
	float: left;
	text-align: center;
}

#navigation a, #navigation a:visited {
    color: #7a7a7a;
    display: inline-block;
    font-family: proximanovabold;
    font-size: 14px;
    padding: 13px 18px 0;
    text-decoration: none;
    text-transform: uppercase;
}





#navigation .menu-item {
    padding: 0 23px;
    width: auto !important;
}

#navigation .menu-item li::after {
	content: "|";
	color: #7a7a7a;
}

#navigation .menu-item li:last-child::after {
	content: "";
}

#navigation a:hover,
#navigation a:active,
.current_page_item a,
.page_item .current_page_item a {
	border-bottom: 6px solid #8e9090;
	font-family: 'ProximaNovaBold', Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.page_item ul li a,
.current_page_item .page_item a {
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#navigation li{
	display: none;
}

#navigation .active{
	padding: 0 5px;
	float: left;
}





/* 2.4 Content
------------------------------------------------------------------------------*/

#content {
	z-index: 1;
	float: left;
	width: 100%;
}

.home #content {
    margin-top: -168px;
    position: relative;
    z-index: 0;
}


/*.separator {
	float: left;
	min-width: 100%;
	height: 1px;
	margin-bottom: 53px;
	background: #d3d3d3;
}*/

/* Plugins */

/* Custom select */
.custom-select {
	position: relative;
	width: 140px;
	margin-top: 12px;
	z-index: 100;
	background: #ececec;
}

.custom-select a.current-selected {
	display: block;
	cursor: pointer;
	padding: 0 40px 0 10px;
	height: 30px;
	line-height: 33px;
	color: #000;
	text-decoration: none;
	background: transparent url('images/common/sprite_common.png') 111px -140px no-repeat;
}

.custom-select .custom-select-wrapper {
	position: absolute;
	left: -999em;
	z-index: 100;
	width: 100%;
}

.custom-select .bottom {
	width: 260px;
	line-height: 6px;
	font-size: 0;
}

.custom-select.open .custom-select-wrapper {
	left: auto;
	height: 200px;
	background: #fff;
	border: 1px solid #d3d3d3;
	margin-left: -1px;
}

.custom-select ul {
	padding: 0;
	list-style: none;
	margin: 0;
}

.custom-select ul li {
	margin: 0;
	float: none;
	line-height: 1.09;
	padding: 0;
	border-bottom: 1px solid #efefef;
}

.custom-select ul li a {
	display: block;
	padding: 10px 10px;
	color: #000;
	text-decoration: none;
}

.custom-select ul li a:hover,
.custom-select ul li a.current {
	background: #def0f8;
	text-decoration: none;
}

/* Scroller */
.scroller {
	float: left;
	max-width: 90%;
	height: 596px;
	padding: 11px 0 16px 50px;
	border-left: 1px solid #d3d3d3;
}

.scroller h3 {
	margin-bottom: -4px;
}

.scoller a{
	color: #252525 !important;
}

.scroller a span{
	font: 16px/1em 'ProximaNovaSemiBold', Arial, Helvetca, sans-serif;
	color: #26589d;
}

.scroller p {
	margin-bottom: 10px;
}

/* Scrollbar styling */
.mCSB_container{
	width: auto;
	margin-right: 30px;
	overflow: hidden;
}

.mCSB_container.mCS_no_scrollbar{
	margin-right: 0;
}

.mCustomScrollBox .mCSB_scrollTools {
	width: 16px;
	height: 100%;
	top: 0;
	right: 0;
}

.mCSB_scrollTools .mCSB_draggerContainer {
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer {
	padding-bottom: 40px;
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 10px;
	height: 100%;
	margin: 0 auto;
}

.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 10px;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}

/* Scrollbar colors */
.mCustomScrollBox .mCSB_scrollTools {
	opacity: 0.75;
}

.mCustomScrollBox:hover .mCSB_scrollTools {
	opacity: 1;
}

.mCSB_scrollTools .mCSB_draggerRail {
	background: #ececec;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #b8b8b8;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: #b8b8b8;
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: #8e9090;
}

/* Tabs */
.tabs {
	float: left;
	width: 299px;
}

.tabs li {
	float: left;
	margin-bottom: 18px;
}

.tabs a,
.tabs a:visited {
	float: left;
	position: relative;
	width: 210px;
	padding-right: 89px;
	outline: none;
	font: 14px/1.3em 'ProximaNovaSemiBold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #252525;
}

.tabs a span {
	display: none;
	position: absolute;
	top: 13px;
	right: 0;
	width: 58px;
	height: 1px;
	background: #d3d3d3;
}

.tabs a.current,
.tabs a:hover,
.tabs a:active {
	text-decoration: none;
	color: #26589d;
}

.tabs a.current span {
	display: block;
}

.panes {
	position: relative;
	float: left;
	width: 478px;
	margin-top: -15px;
	border-left: 1px solid #d3d3d3;
}

.panes .border-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 1px;
	background: #d3d3d3;
}

.panes .border-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 80px;
	height: 1px;
	background: #d3d3d3;
}

.panes div {
    min-height: 660px;
	padding: 14px 0 0 20px;
}

.panes ul{
	padding-bottom: 10px;
}

.panes h3 {
	margin-bottom: 12px;
	font: 15px/1.2em 'ProximaNovaSemiBold', Arial, Helvetica, sans-serif;
	word-spacing: 2px;
	text-transform: none;
}

/* FlexSlider necessary styles */
.flexslider {
	width: 100%;
	margin: 0;
	padding: 0;
}

.flexslider .slides li {
	display: none;
	position: relative;
	height: 705px;
	overflow: hidden;
}

.flexslider .slides img {
	width: 100% !important;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* FlexSlider Default Theme */
.flexslider {
	position: relative;
	background: #fff;
	max-height: 705px;
}

.flexslider .logo {
    float: left;
    font-size: 0;
    height: 94px;
    line-height: 0;
    margin: -260px 0 0 730px;
    opacity: 0;
    position: relative;
    width: 100%;
    z-index: 100;
}

.testLogo {
    background: white none repeat scroll 0 0;
    height: 70px;
    margin: -90px -30px 30px -30px;
    max-width: 550px;
    position: relative;
}

.testLogo a {
	display: block;
	height: 100%;
	width: 100%;
}

.flexslider .slides .testLogo img {
    height: 100% !important;
    width: auto !important;
    display: block;
}

.flexslider li {
	position: relative;
}

.flexslider-container {
	position: relative;
	overflow: hidden;
	margin-bottom: 36px;
	max-height: 705px;
}

/* Direction Nav */
/*.flex-direction-nav {
	position: absolute;
	bottom: 33px;
	left: 29%;
}

.flex-direction-nav li {
	float: left;
	position: relative;
}

.flex-direction-nav li a {
	float: left;
	width: 40px;
	height: 40px;
	margin: -9px 0 0;
	display: block;
	background: url('images/common/sprite_slideshow.png') 0 0 no-repeat;
	cursor: pointer;
	text-indent: -9999px;
	behavior: url(/PIE.htc);
}

.flex-direction-nav li a.flex-next {
	background-position: -27px 11px;
}

.flex-direction-nav li a.flex-next:hover {
	background-position: -27px -49px;
}

.flex-direction-nav li a.flex-prev {
	margin-right: 3px;
	background-position: 16px 11px;
}

.flex-direction-nav li a.flex-prev:hover {
    background-position: 16px -49px;
}*/

.flex-direction-nav {display: none;}

/* Control Nav */
.flex-control-nav {
    display: block;
    /*margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;*/
    position: relative;
    bottom: 35px;
    /*width: 150px;*/
    width: 100%;
    text-align: center;
}
.flex-control-nav.flex-control-paging li {
    /*float: left;*/
    display: inline-block;
    margin: 0 6px;
}

.flex-control-nav.flex-control-paging li a {
    background: white none repeat scroll 0 0;
    /*border-radius: 40px;*/
    float: left;
    /*height: 0;*/
    /*margin-left: 13px;*/
    opacity: 0.6;
    /*padding: 25%;*/
    text-indent: -9999px;
    /*width: 0;*/
	cursor: pointer;
	width: 10px;
	height: 10px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.flex-control-nav.flex-control-paging li a.flex-active {
	opacity: 1;
}

/* Slideshow */
.slideshow {
   /* background: rgba(255, 255, 255, 0.82) none repeat scroll 0 0; */
   	background: white;
    bottom: 25%;
    float: right;
    font-size: 14px;
    /*height: 169px !important;*/
    margin-left: -208px;
    max-width: 300px;
    opacity: 1;
    position: relative;
    right: 8%;
    width: 100%;
    z-index: 99999;
    background-repeat:none;
}

.oldie .slideshow {
	background: transparent url('images/home/bg_slider.png') 0 0 repeat;
}

.info-slides {
	margin: 20px 30px;
	float: left;
	/*width: 610px;
	margin: 24px 0 0 34px;
	height: 120px;*/
}

/*.info-slides p {
    height: 142px;
    margin: 0 0 0 -10px;
    max-width: 500px;
}*/

.nav {
	position: absolute;
	top: -32px;
	right: 20px;
}

.nav li {
	position: relative;
}

.nav a {
	float: left;
	width: 10px;
	height: 10px;
	margin: 5px 14px 0 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 0;
	line-height: 0;
	background: #fff;
}

.nav a.activeSlide {
	background: #b3b3b3;
}

.oldie .nav a {
	background: transparent url('images/common/sprite_slideshow.png') -1px -139px no-repeat;
}

.oldie .nav a.activeSlide {
	background-position: -51px -139px;
}

#top-navigation a img.navControls {
	display: none;
}


/* 2.5 Sidebar
------------------------------------------------------------------------------*/

#sidebar {
	float: left;
	width: 200px;
}


/* 2.6 Footer
------------------------------------------------------------------------------*/

#footer {
	float: left;
	clear: both;
	min-width: 100%;
	padding: 0;
	margin-top: 42px;
}

.topFooter {
	float: left;
	width: 100%;
	background: #c2c4c4;
}

.bottomFooter {
	float: left;
	width: 100%;
	background: #8e9090;
	text-align: center;
}

.bottomFooter .container,
.topFooter .container {
	padding: 0;
	width: auto;
	max-width: none;
	margin: 0;
}

.bottomFooter .copyright {
    font-size: 12px;
    color: #fff;
    padding: 16px 0;
}

/* Additional navigation */
#additional-navigation a, #additional-navigation a:visited {
    color: #666;
    display: inline-block;
    font-family: proximanovabold;
    font-size: 12px;
    padding: 4px 5px;
    text-transform: uppercase;
}

#additional-navigation a:hover,
#additional-navigation a:active {
	text-decoration: none;
	font-family: 'ProximaNovaBold', Arial, helvetica, sans-serif;
}

/* Logo */
#footer .site-name {
	float: right;
	width: 227px;
	height: 63px;
	text-indent: -9999em;
}

#footer .site-name span {
	background: url('images/common/sprite_common.png') 0 -64px no-repeat;
}



/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Home
------------------------------------------------------------------------------*/

/* Slideshow */
.home .slide {
	margin-bottom: 32px;
}

/* Intro */
.home .intro {
    float: left;
    margin-top: 0;
    padding-bottom: 35px;
}

.home .entry-title {
    color: #005bbb;
    float: left;
    font-family: proximanovabold;
    font-size: 33px;
    letter-spacing: 0.05em;
    margin-bottom: 12px;
    text-transform: uppercase;
    width: 100%;
}

.home .intro p {
	float: left;
	width: 100%;
	font-size: 20px;
	color: #5d5d5d;
	font-size: 18px;
	line-height: 27px;
}

.home .intro .thumbnail {
	float: right;
	margin: -38px 0 0;
	padding: 6px;
	background: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	width: 208px;
	height: 155px;
}

/* Footer */
.home #footer {
	margin-top: -12px;
}


/* 3.2 Business Units
------------------------------------------------------------------------------*/


/* Units */
.page-template-page-units-php .units {
	position: relative;
	float: left;
	width: 100%;
}


.page-template-page-units-php .intro {
	margin-bottom: 30px;
}

.border-units {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 268px;
	width: 320px;
	height: 100%;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
}

.page-template-page-units-php .unit {
	float: left;
	width: 220px;
	padding: 0 51px;
}

.page-template-page-units-php .unit.first {
	width: 220px;
	padding-right: 48px;
	padding-left: 0;
}

.page-template-page-units-php h4 {
	padding-bottom: 21px;
}

.page-template-page-units-php .units img {
	float: left;
}

.page-template-page-units-php .units .main {
	margin-bottom: 22px;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
}

.page-template-page-units-php .first img {
	margin-bottom: 12px;
}

.page-template-page-units-php .second img {
	margin-bottom: 34px;
}

.page-template-page-units-php .third img {
	margin-bottom: 24px;
}



/* Units */
.units {
	position: relative;
	float: left;
	width: 100%;
}


.intro {
    margin-bottom: 30px;
    margin-top: -170px;
}

.intro img {
    max-height: 630px;
    width: 100%;
    object-fit:cover;
	height:700px;
}

.border-units {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 268px;
	width: 320px;
	height: 100%;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
}

.unit {
	float: left;
	width: 220px;
	padding: 0 51px;
}

 .unit.first {
	width: 220px;
	padding-right: 48px;
	padding-left: 0;
}

 .unit h4 {
	padding-bottom: 21px;
}

 .units img {
	float: left;
}

 .units .main {
	margin-bottom: 22px;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
}

.first img {
	margin-bottom: 12px;
}

.second img {
	margin-bottom: 34px;
}

 .third img {
	margin-bottom: 24px;
}


.unit li { list-style:none; float: left;}






/* 3.3 Earnings
------------------------------------------------------------------------------*/


.page-template-page-ecc-php .entry-title,
.page-template-page-press_releases-php .entry-title,
.post-type-archive-job_board_job .entry-title,
.tax-job-type .entry-title {
	float: left;
	width: 100%;
	margin: 30px 0 7px;
}

.page-template-page-ecc-php .separator,
.page-template-page-press_releases-php .separator,
.post-type-archive-job_board_job .separator,
.tax-job-type .separator {
	margin-bottom: 40px;
}

/* Date */
.page-template-page-ecc-php .date,
.page-template-page-press_releases-php .date {
	float: left;
	width: 189px;
	padding-top: 5px;
}

.page-template-page-ecc-php label,
.page-template-page-press_releases-php label {
	font: 14px/1em 'ProximaNovaSemiBold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.page-template-page-ecc-php fieldset,
.page-template-page-press_releases-php fieldset {
	position: relative;
	z-index: 999;
}

.page-template-page-ecc-php fieldset.first,
.page-template-page-press_releases-php fieldset.first {
	z-index: 9999;
	margin-bottom: 32px;
}

/* Footer */
.page-template-page-ecc-php #footer,
.page-template-page-press_releases-php #footer {
	margin-top: 92px;
}


/* 3.4 Mission Overview
------------------------------------------------------------------------------*/

.page-template-page-mission-php .entry-title,
.page-template-page-mission-php h4 {
	font: 14px/1em 'ProximaNovaBold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.page-template-page-mission-php h3 {
	font: 34px/1em 'ProximaNovaRegular', Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #252525;
}

/* Intro */
.page-template-page-mission-php .intro {
	float: left;
	padding-bottom: 38px;
}

.page-template-page-mission-php .intro img {
	float: left;
	margin-bottom: 48px;
}

.page-template-page-mission-php .intro .entry-title {
	float: left;
	width: 100%;
	margin-bottom: 23px;
}

.page-template-page-mission-php .intro h3 {
	float: left;
	width: 520px;
	line-height: 1.2;
	letter-spacing: -1px;
	word-spacing: 1px;
}

.page-template-page-mission-php .intro .thumbnail {
	float: right;
	margin: -25px 0 0;
	padding: 6px;
	background: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.page-template-page-mission-php .separator {
	margin-bottom: 25px;
}

/* Columns */
.page-template-page-mission-php .columns {
	float: left;
}

.page-template-page-mission-php .column {
	float: left;
	width: 220px;
	margin-left: 40px;
}

.page-template-page-mission-php .column.first {
	margin-left: 0;
}

.page-template-page-mission-php .column h4 {
	float: left;
	width: 100%;
	margin-bottom: 18px;
	padding: 18px 0 16px;
	border-bottom: 1px solid #d3d3d3;
	line-height: 1.3;
}

.page-template-page-mission-php .column .first {
	padding-top: 0;
}


/* 3.5 Strategy
------------------------------------------------------------------------------*/

/* Intro */
.page-template-page-team-php .intro {
	float: left;
	width: 100%;
}

.page-template-page-team-php .intro img {
	float: left;
	margin-bottom: 31px;
}

.page-template-page-team-php .entry-title {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

.page-template-page-team-php #footer {
	margin-top: 30px;
}


/* 3.6 Generic Page
------------------------------------------------------------------------------*/



/* 4. PRINT
--------------------------------------------------------------------------------
==============================================================================*/


@media print {

	body {
		font: normal normal 12pt/1.5em "Times New Roman", Times, serif;
	}

	a[href]:after {
		content: " (" attr(href) ") ";
		font-size: 90%;
	}

	a[href^="/"]:after {
		content: " (http://domain.com" attr(href) ") ";
	}

	#accessibility-nav,
	.hide {
		display: none !important;
	}
}











.mobileNavBTN {display: none;}


.coreValue {
    float: left;
    width: 48%;
}




.businessConduct {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}


.businessConduct h3 {
    color: #005bbb;
    font-size: 22px;
}

.businessConduct ul {
    float: left;
    padding: 0 0 0 20px;
    width: 100%;
}



.teamBio h3 {
    color: #005bbb;
    font-size: 20px;
}

.teamBio {
    float: left;
    margin-bottom: 60px;
    width: 100%;
}
.bioPhoto {
    /*background: #005bbb none repeat scroll 0 0;*/
    float: left;
    /* height: 300px; */
    width: 200px;
}
.bioInfo {
    float: right;
    width: 75%;
}



/** RESPONSIVE STYLES **/


/* 960 */

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

	#additional-navigation {
		text-align: center;
		padding: 25px 0;
	}

	#additional-navigation li {
		display: inline;
		padding: 0 8px;
	}

}

@media only screen and (max-width: 960px) {

	#header .mobileNavBTN img {
	    height: 20px;
	    max-width: 25px;
	}

	#header {
	    height: 95px; /*130px;*/
	}

	#header h1 {
	    float: none;
	    margin: 15px auto 0;
	    text-align: center;
	}

	#header h1 a { height: 65px; }

	#header h1 a img { margin: 0 auto; }

	#navigation a:hover, #navigation a:active, .current_page_item a, .page_item .current_page_item a {border-bottom:none;}

	#additional-navigation {
		float: left;
	    width: 100%;
	}

	#additional-navigation li {
	    border-bottom: 1px solid #ccc;
	    padding: 10px 0;
	    width: 100% !important;
	}

	#additional-navigation li:last-child {
		border-bottom: none;
	}

	#menu-footer {
	    float: left;
	    margin: 0;
	    padding: 0;
	    width: 100%;
	}

	.page-template-page-press_releases .scroller {
	    float: left;
	    width: 90%;
		padding: 0;
		border: none;
		height: auto;
	}

	.businessConduct {
	    float: left;
	    margin-bottom: 50px;
	    width: 90%;
	}




	.slideshow { right: 5%; }

	#additional-navigation li {
	    float: left;
	    min-width: 144px;
	    text-align: center;
	}

	html, body {
	    max-width: 100%;
	    overflow-x: hidden;
	}

	#top-navigation {
		margin: 39px 10px 0 0;
	}



}
@media only screen and (max-width:959px) {




	.container { padding: 0 20px; width: 90%;}

	.bioInfo {
	    float: left;
	    width: 100%;
	}

	.bioPhoto {
	    /*background: #005bbb none repeat scroll 0 0;*/
	    float: left;
	    /* height: 300px; */
	    margin-bottom: 20px;
	    margin-right: 45px;
	    width: 200px;
	}

	#header .container {
    padding: 0;
		width: 100%
}


	#navigation, #top-navigation { display: none;}

	.mobileNavBTN {
	    background-color: rgba(255, 255, 255, 0.9);
	    display: block;
	    float: left;
	    height: 20px;
	    padding: 10px 0;
	    text-align: center;
	    width: 100%;
	    margin-top: 15px;
	}


	.mobileNavBTN input {
	  display: none;
	}

	.mobileNavBTN label {
	    color: #195eaa;
	    cursor: pointer;
	    display: inline-block;
	    font-family: proximanovabold;
	    font-size: 15px;
	    margin-top: -6px;
	    text-align: center;
	    text-transform: uppercase;
	    transition: background-color 0.1s ease 0s, color 0.1s ease 0s;
	    width: 100%;
	}


	#header .mobileNavBTN img {
    height: 20px;
    margin-left: 7px;
    margin-top: 2px;
    max-width: 25px;
    position: relative;
    top: 4px;
}

	.mobileNav {
	    background:rgba(22, 98, 181, 0.9) none repeat scroll 0 0;
	    display: none;
	    height: 0;
	    margin-top: 5px;
	    overflow: hidden;
	    text-align: center;
	    transition: height 0.3s ease 0s;
			-webkit-transition: height 0.3s ease 0s;
	    width: 100%;
	}

	.mobileNavBTN input:checked + .mobileNav {
		height: auto;
		display: block;
	}

	.mobileNav ul li {
		margin-bottom: 10px;
	}

	.mobileNav a {
	    color: #fff;
	    float: left;
	    font-family: proximanovabold;
	    font-size: 16px;
	    letter-spacing: 0.04em;
	    text-align: center;
	    text-transform: uppercase;
	    width: 100%;
		margin-bottom: 10px;
		text-decoration: none;
	}

	.mobileNav a {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		padding-left: 20px;
		width: calc(100% - 20px);
	}

	.mobileNav ul li.menu-item-has-children {
		margin-bottom: 15px;
	}

	.mobileNav a img.plus, .mobileNav a img.minus {
		width: 22px !important;
		height: 14px !important;
		padding: 4px 20px 4px;
		margin: 0 !important;
	}

	.mobileNav a img.minus {
		display: none;
	}

	.mobileNav .sub-menu {
		margin-left: 20px;
		display: none;
	}

	.mobileNav .expanded a img.plus {
		display: none;
	}

	.mobileNav .expanded a img.minus {
		display: block;
	}

	.mobileNav .expanded .sub-menu {
		display: block;
	}

	.mobileNav ul li ul li {
	    border-bottom: medium none;
	    margin-bottom: 5px;
	    width: 100% !important;
	}

	.mobileNav ul li ul li a {
	  font-size: 12px;
	}

	.mobileNav .menu {
	    padding: 20px 0;
	}

	/*.info-slides p {
	    height: 142px;
	    margin: 0 0 0 -19px;
	    max-width: 430px;
	}*/

	.mobileNav ul li {
	    float: left;
	    margin-bottom: 20px;
	    text-align: center;
	    width: 100%;
	}


	.coreValue {
	    float: left;
	    width: 100%;
	}
}

@media only screen and (max-width:768px) {



	.unit {padding:0;}

	.units {
		border: medium none;
		margin: 0 auto;
		position: relative;
		width: 82%;
		float: none;
	}
	/*update*/
	/* .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
		width: auto;
	} */

	#top-navigation {
	    clear: left;
	    float: none;
	    margin: 0 auto;
	    position: relative;
	    top: 50px;
	    width: 74%;
	    z-index: 10;
	}

	#header .site-name {
	    margin: 0 auto;
	}

	.home .intro {
	    width: 85%;
	}
/*update*/
	/* .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: auto;
	} */

	.unit {
    clear: left;
    float: left;
    width: 100%;
	}

	.entry-content p, .panes p {
	    float: left;
	    margin-bottom: 1em;
	    width: 85%;
	}

	/*.info-slides p {
    height: 142px;
    margin: 0 0 0 -19px;
    max-width: 350px;
	}*/

	/*.info-slides {
	    float: left;
	    height: auto;
	    margin: 20px 30px;
	    width: 92%;
	}*/

	.slideshow {
	   /* background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; */
	    background: white;
	    bottom: 70px;
	    float: right;
	    font-size: 14px;
	    height: auto;
	    margin-left: -228px;
	    max-width: 550px;
	    opacity: 1;
	    position: absolute;
	    width: 90%;
	    z-index: 99999;
			padding-bottom: 20px;
	}

	/*.testLogo {
	    background: white none repeat scroll 0 0;
	    height: 70px;
	    margin: -94px 0 17px -34px;
	    max-width: 109%;
	    position: relative;
	}*/

	#header .container {
	    padding: 0;
	    width: 100%;
	}
}



@media only screen and (min-width:768px and max-width:960px) {

	/*.info-slides p {
	    height: 142px;
	    margin: 0 0 0 -19px;
	    max-width: 500px;
		background:red;
	}*/

}

.overviewProduct {
    float: left;
}

.overviewAzek img {
    margin-bottom: -10px;
}

.overviewScranton img {
    margin-bottom: -20px;
}

.overviewVycom img {
    margin-top: 30px;
}


.bioInfo span {
    float: left;
    font-size: 80%;
    margin-bottom: 10px;
    margin-top: -5px;
    width: 100%;
}

.businessConduct ul {

    list-style:disc;

}


@media only screen and (max-width:768px) {

		/*.intro img {
		    margin-left: -550px;
		}*/

		/*.flex-control-nav {
		    width: 69px;
		    bottom:30px;
		}*/


}


@media only screen and (max-width:768px) {
	/*.info-slides p {
		max-width: 300px;
	}*/

	/*.flex-control-nav {
		bottom: 30px;
	}*/


	.alignright {
		margin:0;
		float: left;
	}

a img.alignright {
	float: left;
	margin:5px 0 20px 0px;
}



}


.gform_confirmation_message_2.gform_confirmation_message {
    float: left;
    width: 100%;
}

.gform_button.button {
	border: 0 none !important;
    color: #fff;
    float: left;
    font: 15px/1em "ProximaNovaBold",Arial,Helvetica,sans-serif;
    letter-spacing: 0.05em;
    margin-right: 6px;
    padding: 15px 22px;
    text-decoration: none;
    text-transform: uppercase;
    background: #043265 none repeat scroll 0 0 !important;
}


/* site fixes*/


.right-wrap {
	display: block;
float: left;
width: 100%;
}

.helping-hands {
	float: left;
}

@media only screen and (max-width:768px) {

	.helping-hands img {
		float: left;
		width: 100%;
	}



	.right-wrap img {
		margin-bottom:15px;
	}

}



.videos-together {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin:35px 0;
	    justify-content: space-between;
}

.videos-together .video {
	width: 48%;
	min-height:315px;
}

.videos-together .video iframe {
	width:100%;
	height:100%;
}



@media only screen and (max-width:768px) {



.videos-together .video {
    min-height: 255px;
    width: 100%;
    margin-bottom: 45px;
}
}





.half-list {
	width:50%;
	display:inline-block;
}

@media only screen and (max-width:768px) {
.half-list {
	width:100%;
	display:inline-block;
}
}


/* our story buttons */

/*breakpoints */
#buttonList {
  width: 100%;
  display: block;
  max-width: 680px;
  margin: 0 auto;
  float:none;
}
#buttonList h3 {
  color: #005bc2;
  text-align: center;
  margin-bottom: 35px;
	font-size:18px;
	float:left;
	width:100%;
}
#buttonList ul {
  margin: 0 auto;
  padding: 0;
  width: 500px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 20px;
	padding:0 14%;
}

#buttonList ul li {
  list-style: none;
  max-width: 250px;
  background-color: #005bc2;
  text-align: center;
  padding: 0px 0;
  transition: 300ms all ease-in;
  cursor: pointer;
  border-radius: 10px;
}
#buttonList ul li:hover {
  background-color: #002b5c;
}
#buttonList ul li a {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font: 14px/1.3em 'ProximaNovaSemiBold', Arial, Helvetica, sans-serif;
    letter-spacing: .06em;
	display:block;
	padding:8px 0;
}

@media (max-width: 959px) {
  #buttonList ul {
    grid-template-columns: 1fr 1fr;
	  padding:0 15%;
  }


}
@media (max-width: 767px) {
  #buttonList ul {
   display:block;
	  width:100%;
	  max-width:100%;
	  margin:0 auto;
	  float:none;
	  padding:0;
  }
	#buttonList {
		float:left;
	}

	#buttonList ul li {
		max-width:100%;
		margin-bottom:15px;
		float:left;
		width:100%;
	}
		#buttonList h3 {
		font-size:24px;
		text-align:left;
	}
}




.azek-awards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
}
.azek-awards h2 {
  width: 100%;
}
.azek-awards .award-item {
  width: 24%;
  display: inline-block;
  margin: 50px 0;
}

@media (max-width: 767px) {
  .azek-awards {
  }

.azek-awards .award-item {
    width: 100%;
    display: inline-block;
    margin: 50px 0;
  }
}







/* new hompage header */

.home-headerBg {
	width:100%;
	display:block;
	text-align:center;
}

.home-headerBg img {
	width:100%;
	object-fit:cover;
}



/* new button style */

a.btn {
		color: white;
    text-decoration: none;
    text-transform: uppercase;
    font: 14px/1.3em 'ProximaNovaSemiBold', Arial, Helvetica, sans-serif;
    letter-spacing: .06em;
    background-color: #005bc2;
    text-align: center;
    padding: 10px 30px 12px;
    transition: 300ms all ease-in;
    border-radius: 10px;
    display: inline-block;
	}



	a.btn:hover {
		background-color: #002b5c;
    color: white;
	}

	a.btn.alignright {
		float:right;
	}

	@media only screen and (max-width: 768px) {

		a.btn {
			width:100%;
		}

		a.btn.alignright {
			float:left;
		}

	}