@charset "utf-8";
/* CSS Document */

 
/* Colors */
.black {
	color:#000000;
}
.darkGray {
	color:#3D4149;
}
.gray {
	color:#6F77B;
}
.lightGray {
	color:#CDCFD1;
}
.white {
	color:#FFFFFF;
}
.darkBlue {
	color:#2150A3;
}
.blue {
	color:#0072EE;
}
.teal {
	color:#33BDCD;
}
.green {
	color:#9ECA47;
}
.plum {
	color:#902364;
}
.red {
	color:#D73A59;
}
.orange {
	color:#F8961E;
}
.yellow {
	color:#FFE050;
}

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

/* Font Styles */

h1 {
	font-family: 'Poppins','Arial','Helvetica',sans-serif;
	text-transform:none;
	line-height: 120%;   
	font-size: 3.0rem;
	font-weight: 700;
}
h2 {
	font-family: 'Poppins', Arial, Helvetica, sans-serif; 
	line-height: 120%;
	font-size: 2.4rem; 
	font-weight: 700;
}
h3 {
	font-family: 'Poppins', Arial, Helvetica, sans-serif; 
	text-transform:none;
	line-height: 100%; 
	font-size: 2.2rem;
	font-weight: 700; 
}
h4 {
	font-family: 'Poppins', Arial, Helvetica, sans-serif; 
	line-height: 100%;
	font-size: 1.8rem; 
	font-weight: 700;
}
h5 {
	font-family: 'Poppins', Arial, Helvetica, sans-serif; 
	font-size: 1.6rem; 
	font-weight: 700;
}
h6 {
	font-family: 'Poppins', Arial, Helvetica, sans-serif; 
	font-size: 1.4rem; 
	font-weight: 700;
}
p {
	font-family: 'Poppins', Arial, Helvetica, sans-serif; 
	font-size: 1.25rem;
	color:#3D4149;	
}
.customer {
	font-size: 1.25rem;
	padding: 5px 0;
	font-weight: 300;
}
.white a:visited {
	color:#FFFFFF;
}
.darkGray a:visited {
	color:#3D4149;
}
.small {
	font-size: 1rem;
}
.footnote {
	font-size: .8rem;
}
.zeroVisibility	{
	display: none;
}
.nowrap {
  white-space: nowrap;
}

/* Position */
.center {
	text-align: center;
}
.owl-theme .owl-controls {
    margin-top: -90px;
	margin-bottom: 50px;
    text-align: center;
}
.owl-theme .owl-controls .owl-buttons .owl-prev, .owl-theme .owl-controls .owl-buttons .owl-next {
    top: 55%;
}
#site-content header#progHeader {
    padding: 0;
}
#site-content #progHeaderWrapper {
   margin-top: -124px !important;
}
h2.productName {
	display:none;
}
#header {
    margin-bottom: -20px !important;
}


/*---- video Header Img ---*/
.vidProgHeaderWrapper {
    height: 347px;
    position: relative;
}

.programVideoHeader {
    position: absolute;
    top: 0;
    overflow: hidden;
    min-height: 347px;
    width: 100%;
}
.programVideoHeader video {
    position: inherit;
    min-width: 1080px;
    top: 0;
    left: 51%;
    -webkit-transform: translate(-51%, 0);
    -moz-transform: translate(-51%, 0);
    transform: translate(-51%, 0);
}

.programVideoHeaderContent {
  position: absolute;
  display: flex;
  max-width: 940px;
  padding: unset;
  transform: translate(-49%, 15%);
}

.programVideoHeaderContent img {
  display: block; 
  margin: auto;
  width: 60%;
}	

/*---- Skew Thumbnails ---*/
.thumbnailImage {
	transform: skewX(-22deg);
}
.thumbnailImage figcaption .captionPadding p {
	transform: skewX(22deg);
	color: #ffffff;
	font-size: 1.2em;
}
.captionPadding {
	top: 44%;
}
.ResourceBox {
	background-color: #f5f5f6;
	padding: 20px;
	z-index: -1;
}

/*---- Scrolling Number ---*/
.CountingStat {
	font-size: 6rem;
	color: #3D4149;
	text-align: center;
	margin: 0 auto;
	display: block;
}

.CountingStatPlus {
	font-size: 6rem;
	color: #3D4149;
	text-align: center;
	margin: 0 auto;
	display: block;
}
.CountingStatPlus::after  {
	content: "+";
}

/*
.CountingStatAbrev {
	font-size: 80px;
	color: #0074eb;
	text-align: center;
	margin: 0 auto;
	display: block;
}


.CountingStatAbrev::before  {
	content: "1.";
}
.CountingStatAbrev::after  {
	content: " Billion";
}
*/

/* Media Screen */
/* @media screen and (max-width: 1240px) {
.programVideoHeaderContent {
  position: absolute;
  display: flex;
  max-width: 940px;
  padding: unset;
  transform: translate(-49%, 90%);
}

.programVideoHeaderContent img {
  display: block; 
  margin: auto;
  width: 60%;
}	
} */


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

h1 { 
	font-size: 1.8rem;
}
h2 {
	font-size: 1.3rem;
}
h3 {
	font-size: 1.4rem;
}
h4 {
	font-size: 1.25rem;
}
h5 {
	font-size: 1.2rem; 
}
h6 {
	font-size: 1.1rem; 
}
p {
	font-size: 1rem; 
}
}


@media screen and (max-width: 425px) {
.programVideoHeaderContent {
  position: absolute;
  display: flex;
  max-width: 940px;
  padding: unset;
  transform: translate(-49%, 25%);
}

.programVideoHeaderContent img {
  display: block; 
  margin: auto;
  width: 75%;
}

.CountingStat {
	font-size: 4rem;
}

.CountingStatPlus {
	font-size: 4rem;
}

}