/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */  



/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

.logo-wrapper {
margin-top: 10px;
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}
/** Tables **/
table tbody tr th {
  background: #606b75;
  color: #FFFFFF;
}

table tbody tr th[scope=row] {
  background: #879098;
}

table tbody tr th, table tbody tr td {
  padding: 10px;
}

/** 2sxc lower title **/
.lower-title div {
    border-bottom: 1px solid #b11f29;
    display: inline-block;
    font: 28px/36px "Gotham-Book",Arial;
    padding-bottom: 5px;
    position: relative;
}

.lower-title div::before {
  border-color: transparent #b11f29 transparent transparent;
  border-style: solid;
  border-width: 0px 22px 21px 0;
  content: "";
  position: absolute;
  right: 50%;
  top: 100%
}

.lower-title div::after {
  border-color: transparent transparent transparent #b11f29;
  border-width: 0px 0px 21px 22px;
  border-style: solid;
  content: "";
  left: 50%;
  position: absolute;
  top: 100%
}

@media (min-width: 768px) {
.lower-title div {
    font: 50px/60px "Gotham-Book",Arial;
}
}

/*--- Certification Logos Override ---*/
.product-certifications img {
    height: 55px;
    margin-right: 12px;
}

/*--- Home Commercial Banner ---*/
.banner-commercial {
	background: url(/Portals/0/Images/Home/Commercial-Banner_BG.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-wrap: wrap;
    border: 3px solid #e47422;
    border-radius: 50vh;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    max-width: 1425px;
    margin: auto;
    margin-bottom: 60px;
}
  
.banner-commercial .copy {
  padding-left: 75px; 
  width: 75%;
}
.banner-commercial .link {
  width: 25%;
}

/*--- Home Video Resources Page ---*/
#Videos .videos-align {
    width: 100% !important;
}

#Videos .product-videos {
    display: Flex;
    flex-flow: wrap;
    flex-direction: row;
}
#Videos .product-videos .video-box{
flex-basis: 30%;
margin-bottom: 40px;
}

#Videos .product-videos .video-box .video-title {
    overflow: hidden;
}

/*--- Responsive Video ---*/
.video-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  padding-top: 30px; 
  height: 0; 
  overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
}

.red-pane {
    background: rgba(0, 0, 0, 0.6) !important;
}

/* -- Commercial Contact --*/
.rep-4 {
    margin-bottom: 25px;
    padding-left: 32px;
    position: relative;
}

.rep-4 .rep-num {
    background: #febe40;
}

@media (max-width: 1220px) {
#Videos .product-videos .video-box{
    flex-basis: 45%;
    margin-bottom: 40px;
}
}

@media (max-width: 1000px) {
#Videos .product-videos{
    text-align: center;
    display: block;
}

.banner-commercial  {
	flex-direction: column;
}
  .banner-commercial  .copy,  .banner-commercial  .copy{
	width:100%;
    padding: 20px;
    text-align: center;
}
}