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

 
/* Colors */
.black {
	color:#000000;
}
.white {
	color:#FFFFFF;
}
.orange {
	color:#FF6600;
}
.blue {
	color:#003057;
}

.pink {
	color:#f400af;
}

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

/* Font Styles */

h1 {
	font-family: 'PT Serif','Georgia','Times New Roman',serif;
	text-transform:none;
	line-height: 100%;   
	font-size: 3.0rem;
	font-weight: 700;
}
h2 {
	font-family: Poppins, Arial, Helvetica, sans-serif; 
	line-height: 100%;
	font-size: 1.3; 
	font-weight: 700;
}
h3 {
	font-family: Poppins, Arial, Helvetica, sans-serif; 
	text-transform:none;
	line-height: 100%; 
	font-size: 1.6rem;
	font-weight: 700; 
}
h4 {
	font-family: Poppins, Arial, Helvetica, sans-serif; 
	line-height: 100%;
	font-size: 1.25; 
	font-weight: 700;
}
h5 {
	font-family: Poppins, Arial, Helvetica, sans-serif; 
	font-size: 1.25rem; 
	font-weight: 700;
}
h6 {
	font-family: Poppins, Arial, Helvetica, sans-serif; 
	font-size: 1.25rem; 
	font-weight: 700;
}
p {
	font-family: Poppins, Arial, Helvetica, sans-serif; 
	font-size: 1.25rem; 
}

.customerLoginTemp a {
	color: #fff;
}

.iceBlue {
	background-color: #003057;
}

.largeh2 {
	font-family: Poppins, Arial, Helvetica, sans-serif;
	text-transform:none;
	line-height: 100%;   
	font-size: 3.0rem;
	font-weight: 700;
}
.customer {
	font-size: 1.25rem;
	padding: 5px 0;
	font-weight: 300;
}
.customer a {
	color:#FFFFFF;
}
.small {
	font-size: 1rem;
}
.footnote {
	font-size: .8rem;
}
.zeroVisibility	{
	display: none;
}
.vidLink {
	font-family: Poppins, Arial, Helvetica, sans-serif; 
	text-transform:uppercase;
	line-height: 90%; 
	letter-spacing: -1px; 
	font-size: 3.5rem;
	font-weight: 700; 
}
.nowrap {
  white-space: nowrap;
}



/* white box styles */

.whitebox {
	background-color: #fff;
	border-radius: 30px;
	padding: 20px;
	width: 100%;
}



/* Position */
.center {
	text-align: center;
}
.owl-theme .owl-controls {
    margin-top: -30px;
    text-align: center;
}
#site-content header#progHeader {
    padding: 0;
}
#site-content #progHeaderWrapper {
   margin-top: -124px !important;
}
h2.productName {
	display:none;
}


.bigh2 {
	font-family: Poppins, Arial, Helvetica, sans-serif;
	text-transform:none;
	line-height: 100%;   
	font-size: 3.0rem;
	font-weight: 700;
}
.smallh1 {
	font-family: Poppins, Arial, Helvetica, sans-serif; 
	line-height: 100%;
	font-size: 2em !important; 
	font-weight: 700 !important;
}



/* Instructional Model */
img.vid {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
img.vid:hover {
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

/*---- video Header Img ---*/

.programVideoHeader video {
position: relative;
display: block;
}

.vidProgHeaderWrapper {
  overflow:hidden;
  height: 530px;
}

.programVideoHeaderContent {
  position: absolute;
  max-width: 940px;
  width: 98%;
  padding: unset;
  top: 2rem;
  left: 50%;
  transform: translate(-50%, 0);
}

.programVideoHeaderContent img {
  position: relative;
  max-height: unset;
  width: 100%;
}




/* Media Screen */
@media screen and (max-width: 960px) {

  .programVideoHeaderContent {
  max-width: 860px;
  }

  .vidProgHeaderWrapper {
  min-height: 530px;
  position: relative;
  height: 530px;
  }

  .programVideoHeader video {
  height: unset; 
  min-width: 942px ;
  }
}

@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; 
}
.programVideoHeader {
	min-height: 530px;
}
}

@media screen and (max-width: 700px) {
#site-content #progHeaderWrapper {
margin-top: -151px !important;
}
.vidProgHeaderWrapper {
  min-height: 400px;
  position: relative;
  height: 400px;
  }
}
@media screen and (max-width: 425px) {
  .vidProgHeaderWrapper {
  min-height: 300px;
  position: relative;
  height: 300px;
  }
.programVideoHeaderContent {
    position: absolute;
    max-width: 940px;
    width: 98%;
    padding: unset;
    top: 4.5rem;
    left: 50%;
    transform: translate(-50%, 0);
}
}