html {
  scroll-behavior: smooth;
}
/*Visually-hidden used for ADA to hide Headings from view but keep in structure*/
.visually-hidden {position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;}
/* GENERIC */
H1 {
  font-size: 36px;
}
H2 {}
H3 {}
H4 {}
H5, DT {}
H6 {}
TFOOT, THEAD {}
TH {}
main A:link {text-decoration: underline;}
main a.btn:link, main a[role=button], main a[role=tab] {text-decoration: none;}
A:link {
	color: #CF112D;
/*  text-decoration: none;*/
}
A:visited {
  color: #804180;
/*  text-decoration: none;*/
}
A:hover, a:focus {
 color: #0065BD;
  text-decoration: underline;
}
/*
a[href]:hover {
    background: #ECECEC;
}
*/
A:active {
  color: #0065BD;
  text-decoration: none;
}
a:focus {
outline-offset: 2px;
}
a.btn-default {color: #333333;}
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 {
  list-style-type: disc;
}
HR {}

.lead-sm {font-size: 1.2em;}
.lead-xs {font-size: 1.1em;}
/*-------Bootstrap ADA OVERRIDES---------*/
/*===LABELS===*/
.label-default {background-color: #757575;}
.label-primary {background-color: #3a77ab;}
.label-success {background-color: #3D7D3C;}
.label-info, .label-warning {color: #000000;}
.label-danger {background-color: #D13131;}

/*===BADGES===*/

.badge {background-color: #737778; }

/*===BUTTONS===*/
/*
.btn-primary, a.btn-primary {
    color: #ffffff;
    background-color: #3573A9;
	border-color: #3573A9; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, a.btn-primary:hover, a.btn-primary:focus, a.btn-primary:active {
	color: #ffffff;
    background-color: #214C71;
    border-color: #214C71;
}
*/
.btn-primary, a.btn-primary, a.btn-primary:link {
  color: #ffffff;
  background-color: #cf112d;
  border-color: #740309;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, a.btn-primary:hover, a.btn-primary:focus, a.btn-primary:active {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
a.btn-primary:visited { color: #ffffff;  border-color: #000000;}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
  background-color: #cf112d;
  border-color: #740309;
}
.btn-primary .badge {
  color: #cf112d;
  background-color: #fff;
}
.btn-primary:focus, a.btn-primary:focus {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%);
}

.btn-secondary, a.btn-secondary, a.btn-secondary:link {
    color: #ffffff;
    background-color: #4F7A92;
	border-color: #ffffff; }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open .dropdown-toggle.btn-secondary, a.btn-secondary:hover, a.btn-secondary:focus, a.btn-secondary:active {
	color: #ffffff;
    background-color: #1C465A;
    border-color: #ffffff;
}
.btn-secondary:focus, a.btn-secondary:focus {
    color: #fff;
    background-color: #4F7A92;
    border-color: #0a58ca;
    box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%);
}


.btn-tertiary, a.btn-tertiary {
    color: #fff;
  text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
  background-color: #02394A;
  border-color: #02394A #02394A #218388;}
.btn-tertiary:hover, .btn-tertiary:focus, .btn-tertiary:active, .btn-tertiary.active, .open .dropdown-toggle.btn-tertiary, a.btn-tertiary:hover, a.btn-tertiary:focus, a.btn-tertiary:active {
	border-color: #012632 #012632 #26969c;
  background-color: #29607A;
      color: #fff;
}
.btn-tertiary:focus, a.btn-tertiary:focus {
    color: #fff;
    background-color: #4F7A92;
    border-color: #0a58ca;
    box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%);
}






.btn-success, a.btn-success  {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}
.btn-success:hover, .btn-success:active, a.btn-success:hover, a.btn-success:active {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
}
.btn-success:focus, a.btn-success:focus {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
    box-shadow: 0 0 0 0.25rem rgb(60 153 110 / 50%);
}
.btn-danger, a.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-danger:hover, .btn-danger:active, a.btn-danger:hover, a.btn-danger:active   {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
}
.btn-danger:focus, a.btn-danger:focus {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
    box-shadow: 0 0 0 0.25rem rgb(225 83 97 / 50%);
}
.btn-warning, a.btn-warning {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-warning:hover, .btn-warning:active, a.btn-warning:hover, a.btn-warning:active {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
}
.btn-warning:focus, a.btn-warning:focus {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
    box-shadow: 0 0 0 0.25rem rgb(217 164 6 / 50%);
}
.btn-info, a.btn-info {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}
.btn-info:hover, .btn-info:active, a.btn-info:hover, a.btn-info:active   {
    color: #000;
    background-color: #31d2f2;
    border-color: #003a42;
}
.btn-info:focus, a.btn-info:focus {
    color: #000;
    background-color: #31d2f2;
    border-color: #003a42;
    box-shadow: 0 0 0 0.25rem rgb(11 172 204 / 50%);
}

/*REMOVING BOOTSTRAP Text Hover (non link)*/

.text-primary, .text-primary:hover {
  color: #428bca;
}

.text-warning, .text-warning:hover {
  color: #8a6d3b;
}

.text-danger, .text-danger:hover {
  color: #a94442;
}

.text-success, .text-success:hover  {
  color: #3c763d;
}

.text-info, .text-info:hover {
  color: #31708f;
}

/*===PAGINATION===*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus  {
	background-color: #3573A9;
    border-color: #3573A9;
}
.pagination>li>a:focus, .pagination>li>span:focus {outline-offset: -5px;
    outline: 3px solid black;}
.pagination > .active > a:focus, .pagination > .active > span:focus { outline-color: #ffffff;}

.form-control:focus {border-color: #004982;}

summary {display: list-item; margin-bottom: 15px;}
summary * {display: inline;}

table caption {
	    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
	visibility: initial;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {color: #6b6b6b;}

/*----------- ADA Dropdown Selection Overides -----*/

::-moz-selection {
    background: rgba(0,115,230,1); /* blue */
    color: #fff;
    text-shadow: none;
}

::selection {
    background: rgba(0,115,230,1); /* blue */
    color: #fff;
    text-shadow: none;
}


/*==========ADA linked footnotes===================*/
/**
 * Initialiazing a `footnotes` counter on the wrapper
 */
article {
  counter-reset: footnotes;
}

/**
 * Inline footnotes references
 * 1. Increment the counter at each new reference
 * 2. Reset link styles to make it appear like regular text
 */
a[aria-describedby="footnote-label"] {
  counter-increment: footnotes; /* 1 */
  text-decoration: none; /* 2 */
  color: inherit; /* 2 */
  cursor: default; /* 2 */
  outline: none; /* 2 */
}
.eds_news_Ozone-Sharp.eds_subCollection_news a[aria-describedby="footnote-label"] { color: inherit;}

/**
 * Actual numbered references
 * 1. Display the current state of the counter (e.g. `[1]`)
 * 2. Align text as superscript
 * 3. Make the number smaller (since it's superscript)
 * 4. Slightly offset the number from the text
 * 5. Reset link styles on the number to show it's usable
 */
a[aria-describedby="footnote-label"]::after {
  content: '[' counter(footnotes) ']'; /* 1 */
  vertical-align: super; /* 2 */
  font-size: 0.5em; /* 3 */
  margin-left: 2px; /* 4 */
  color: blue; /* 5 */
  text-decoration: underline; /* 5 */
  cursor: pointer; /* 5 */
}

/**
 * Resetting the default focused styles on the number
 */
a[aria-describedby="footnote-label"]:focus::after {
  outline: thin dotted;
  outline-offset: 2px;
}
footer :target {
  outline: #c81704 dashed 1px;
}
[aria-label="Back to content"] {
  font-size: 0.8em;
}
/* ------------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 {}
.paneOutline {
  border: 1px dotted #cccccc;
}
.displace {
  position: absolute;
  left: -5000px;
}

/*----------------Elastic Search Style overrides-----------------*/

.ElasticSearch .PagerControl .Summary, .ElasticSearch .PagerControl .Total, .ElasticSearch .PagerControl .PageSizeLabel {color: #4F4F4F;}
.ElasticSearch .PagerControl .Pager.aspNetDisabled {color: #6F6F6F;}
.ElasticSearch .PagerControl .Pager.Current {
    background-color: #190003;
    color: #ffffff;
}
.ElasticSearch .PagerControl .Pager:hover, .ElasticSearch .PagerControl .Pager:active {
    background-color: #0065BD;
    color: White;
}
.ElasticSearch.BusinessSearch .SearchBoxPanel .SearchBox a.SearchBoxClearText {background-image: url(/portals/0/images/cleartext-compliant.png);}
.ElasticSearch.BusinessSearch .SearchBoxPanel .SearchBox a.SearchButton {background-image: url(/portals/0/images/searchbutton-compliant.png); }

/*----------------X3 Product Catalog-----------------*/

.DnnModule-X3SharpProductDetail #downloads button {
                width: 100%;
                background: none;
                border: none;
                color: #666;
                font-size: 16px;
                font-weight: 600;
                text-align: left;
}
 
.DnnModule-X3SharpProductDetail #downloads button:hover {
                text-decoration: underline;
}

/*---------------Side Contact Us Button  -------*/
#contact_us {
  display: block;
  position: fixed;
  top: 180px;
  right: -40px;
  cursor: pointer;
  z-index: 999;
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 50% 51%;
}
@media handheld, only screen and (max-width: 767px) {
  #contact_us {
    display: none;
  }
}
@media handheld, only screen and (max-width: 720px) {
  .btn {
    width: 95%;
    margin: 5px 0;
    white-space: normal;
  }
}
/*---------------Modal Iframe Video Size Adjustments -------*/
.modal iframe {
  height: 302px;
  width: 536px;
}
@media handheld, only screen and (max-width: 600px) {
  .modal iframe {
    height: 197px;
    width: 350px;
  }
}
@media handheld, only screen and (max-width: 420px) {
  .modal iframe {
    height: 182px;
    width: 325px;
  }
}
/*------ Vidyard Video ----*/
.vidyard_wrapper img {
  border-radius: 10px;
}
.vidyard_player > span {
  height: 302px;
  width: 536px;
}
/*.vidyard_player > span {
height: 270px;
width: 480px;
}*/
@media handheld, only screen and (max-width: 600px) {
  .vidyard_player > span {
    height: 197px;
    width: 350px;
  }
}
@media handheld, only screen and (max-width: 420px) {
  .vidyard_player > span {
    height: 168px;
    width: 300px;
  }
}
/*---------------Site Footer Adjustments -------*/
/*
span.in-link {
	background: url(/Portals/_default/Skins/Simple-Gray/images/socialicons.png) no-repeat -523px 0;
	width: 28px;
	height: 28px;
	display: inline-block;
	position: absolute;
	left: -10px;
}
*/
/*---------------CaseStudy/Webinar/Whitepaper Thumbnails -------*/
.doc-thumb-sm {
  width: 120px;
  border: 1px solid #DDDDDD;
  height: 80px;
  margin-bottom: 15px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
.doc-thumb-sm a {
  display: block;
  height: inherit;
}
.doc-name {
  margin-top: 15px;
}
.doc-name a {
  border: 1px solid #dddddd;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
  display: block;
}
@media handheld, only screen and (max-width:1128px) {
  .doc-thumb-sm {
    width: 95%;
    height: 140px;
  }
  .doc-name {
    width: 100%;
  }
}
/*--CaseStudy/Webinar/Whitepaper landing page styles ---*/
.doc-thumb {
  width: 200px;
  border: 1px solid #DDDDDD;
  height: 150px;
  margin-top: 15px;
  margin-bottom: 15px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
.doc-thumb a {
  display: block;
  width: inherit;
  height: inherit;
}
.case-studies .col-sm-9 {
  margin-bottom: 15px;
}
.case-studies h2 {
  font-size: 20px;
}
.case-studies h3 {
  font-size: 16px;
  margin-top: 0;
}
@media handheld, only screen and (min-width:768px) {
  .doc-name a {
    border: none;
    border-radius: 0;
    padding: 0;
    width: auto;
    display: block;
  }
}
/*--Article Thumbnails--*/
#ar-cin-zoo {
  background-image: url(/Portals/0/forms/images/thumb-doc-Cincinnati-Zoo-Article.png);
}
#ar-enx-marusic {
  background-image: url(/Portals/0/forms/images/thumb-doc-ENX-Marusic-Article.png);
}
#ar-sme-interactive-display {
  background-image: url(/Portals/0/forms/images/doc-sme-interactiveDisplays.png);
}
#ar-sme-printing-smbs {
  background-image: url(/Portals/0/forms/images/doc-sme-printingSMBs.png);
}
#ar-ucct {
  background-image: url(/Portals/0/forms/images/doc-sme_UCCT.png);
}
#ar-sme-insourcing {
  background-image: url(/Portals/0/forms/images/doc-sme-insourcing.png);
}
#ar-5things {
  background-image: url(/Portals/0/forms/images/doc-sme_top5_purchaseOfficeEquip.png);
}
#ar-sme-cloud-solutions {
  background-image: url(/Portals/0/forms/images/doc-sme_cloud_solutions.png);
}
#ar-sme-interactive-displays-education {
  background-image: url(/Portals/0/forms/images/doc-sme-interactiveDisplays-Education.png);
}
#ar-sme-wireless-interactive-displays {
  background-image: url(/Portals/0/forms/images/doc-sme-5_advantages_wireless_interactiveDisplays.png);
}
#ar-sme-four-ways-signage {
  background-image: url(/Portals/0/forms/images/doc-sme_4waysToUseDigitalSignage.png);
}
#ar-sme-advantage-digital-signage {
  background-image: url(/Portals/0/forms/images/doc-sme-5_advantages_digital_signage.png);
}
#ar-sme-benefits-digital-signage-outside-class {
  background-image: url(/Portals/0/forms/images/doc-sme-Five_Digital_Signage_Benefits_for_Outside_the_Classroom.png);
}
#ar-sme-advantage-pen-paper {
  background-image: url(/Portals/0/forms/images/doc-sme-5_Advantages_Sharp_Pen_on_Paper.png);
}
#ar-whiteboards-on-campus {
  background-image: url(/Portals/0/forms/images/doc_Whiteboards_on_Campus.png);
}
#ar-supporting-active-learning {
  background-image: url(/Portals/0/forms/images/doc-supporting-active-learning.png);
}
/*--Case Study Thumbnails--*/
#cs-airport-schools {
  background-image: url(/Portals/0/forms/images/doc-Airport-Community-School-CaseStudy.png);
}
#cs-caldwell-univ {
  background-image: url(/Portals/0/forms/images/doc-Caldwell-University-CaseStudy.png);
}
#cs-cable-company {
  background-image: url(/Portals/0/forms/images/doc-Cable-Company-Customers-CaseStudy.png);
}
#cs-cin-reds {
  background-image: url(/Portals/0/forms/images/doc-Cincinnati-Reds-CaseStudy.png);
}
#cs-cin-zoo {
  background-image: url(/Portals/0/forms/images/doc-Cincinnati-Zoo-CaseStudy.png);
}
#cs-cozad-community-school {
  background-image: url(/Portals/0/forms/images/doc-Cozad-Community-CaseStudy.png);
}
#cs-fashion-industry {
  background-image: url(/Portals/0/forms/images/thumb-doc-Fashion-Industry-Icon-CaseStudy.png);
}
#cs-fortune-100-retailer {
  background-image: url(/Portals/0/forms/images/doc-Fortune-100-Large-Retailer-CaseStudy.png);
}
#cs-french-fashion {
  background-image: url(/Portals/0/forms/images/doc-French-Fashion-Company-CaseStudy.png);
}
#cs-gaming-company {
  background-image: url(/Portals/0/forms/images/doc-Gaming-Company-CaseStudy.png);
}
#cs-indy-indians {
  background-image: url(/portals/0/forms/images/doc-Indianapolis-Indians-CaseStudy.png);
}
#cs-law-firm {
  background-image: url(/Portals/0/forms/images/doc-VM-Legal-LawFirm-CaseStudy.png);
}
#cs-major-metro {
  background-image: url(/Portals/0/forms/images/doc-Major-Metropolitan-City-CaseStudy.png);
}
#cs-seattle-pac-univ {
  background-image: url(/Portals/0/forms/images/doc-Seattle-Pacific-University-CaseStudy.png);
}
#cs-shelbyville-school {
  background-image: url(/Portals/0/forms/images/doc-Shelbyville-Central-CaseStudy.png);
}
#cs-tamura-supermarket {
  background-image: url(/Portals/0/forms/images/doc-Tamura-Supermarket-CaseStudy.png);
}
#cs-univ-midwest {
  background-image: url(/Portals/0/forms/images/doc-University-in-Midwest-CaseStudy.png);
}
#cs-law-enforcement {
  background-image: url(/Portals/0/forms/images/doc-Law_Enforcement-CaseStudy.png);
}
#cs-steel-manufacturer {
  background-image: url(/Portals/0/forms/images/doc-Steel-Manufacturer-CaseStudy.png);
}
#cs-southern-seminary {
  background-image: url(/Portals/0/forms/images/doc-Southern-Seminary-CaseStudy.png);
}
#cs-shoe-manufacturer {
  background-image: url(/Portals/0/forms/images/doc-Shoe_Manufacturer-CaseStudy.png);
}
#cs-topeka {
  background-image: url(/Portals/0/forms/images/doc-Topeka_Chamber_Commerce-CaseStudy.png);
}
#cs-private-high-school {
  background-image: url(/Portals/0/forms/images/doc-Private_High_School-CaseStudy.png);
}
#cs-thayer {
  background-image: url(/Portals/0/forms/images/doc-Thayer_County_Health_Services-CaseStudy.png);
}
#cs-medical {
  background-image: url(/Portals/0/forms/images/doc-Medical_Clinic-CaseStudy.png);
}
#cs-miami-beach {
  background-image: url(/Portals/0/forms/images/doc-City-of-Miami-Beach-Police-CaseStudy.png);
}
#cs-greene-rubber {
  background-image: url(/Portals/0/forms/images/doc-Greene-Rubber-Company-CaseStudy.png);
}
#cs-peters-township {
  background-image: url(/Portals/0/forms/images/doc-Peters_Township_School-CaseStudy.png);
}
#cs-community-health {
  background-image: url(/Portals/0/forms/images/doc-Community_Health_Network-CaseStudy.png);
}
#cs-blossom-school {
  background-image: url(/Portals/0/forms/images/doc-Blossom-Montessori-School-CaseStudy.png);
}
#cs-regional-school {
  background-image: url(/Portals/0/forms/images/doc-Regional-High-School-Mass-CaseStudy.png);
}
#cs-offshore-drilling {
  background-image: url(/Portals/0/forms/images/doc-Off_Shore_Drilling-CaseStudy.png);
}
#cs-idaho-state {
  background-image: url(/Portals/0/forms/images/doc-Idaho_State-CaseStudy.png);
}
#cs-property-management {
  background-image: url(/Portals/0/forms/images/doc-Property_Management_Company-CaseStudy.png);
}
#cs-red-speed {
  background-image: url(/Portals/0/forms/images/doc-Red_Speed-CaseStudy.png);
}
#cs-gov-contractor {
  background-image: url(/Portals/0/forms/images/doc-Government-Contractor-CaseStudy.png);
}
#cs-furniture-reseller {
  background-image: url(/Portals/0/forms/images/doc-Furniture-Retailer-CaseStudy.png);
}
#cs-state-university {
  background-image: url(/Portals/0/forms/images/doc-State-University-CaseStudy.png);
}
#cs-state-judicial {
  background-image: url(/Portals/0/forms/images/doc-State-Judicial-Court-CaseStudy.png);
}
#cs-physical-therapy {
  background-image: url(/Portals/0/forms/images/doc-State-Physical-Therapy-Organization-CaseStudy.png);
}
#cs-pepperdine {
  background-image: url(/Portals/0/forms/images/doc-Pepperdine-University-CaseStudy.png);
}
#cs-winston-salem {
  background-image: url(/Portals/0/forms/images/doc-Winston-Salem-Dash-CaseStudy.png);
}
#cs-greenwood-county {
  background-image: url(/Portals/0/forms/images/doc-Greenwood-County-School-CaseStudy.png);
}
#cs-city-anderson {
  background-image: url(/Portals/0/forms/images/doc-City-of-Anderson-CaseStudy.png);
}
#cs-wisconsin-whitewater {
  background-image: url(/Portals/0/forms/images/doc-University-of-Wisconsin-CaseStudy.png);
}
#cs-yanmar-evo {
  background-image: url(/Portals/0/forms/images/doc-Yanmar-Evo-Center-CaseStudy.png);
}
#cs-nebraska-methodist {
  background-image: url(/Portals/0/forms/images/doc-Nebraska-Methodist-Health-System-CaseStudy.png);
}
#cs-healthcare-facility {
  background-image: url(/Portals/0/forms/images/doc-Healthcare-Facility-CaseStudy.png);
}
#cs-idaho-college {
  background-image: url(/Portals/0/forms/images/doc-Idaho-College-Osteopathic-Medicine-CaseStudy.png);
}
#cs-kleingers-group {
  background-image: url(/Portals/0/forms/images/doc-Kleingers-Group-CaseStudy.png);
}
#cs-mccormick-county {
  background-image: url(/Portals/0/forms/images/doc-McCormick-County-School-District-CaseStudy.png);
}
#cs-healthcare-provider {
  background-image: url(/Portals/0/forms/images/doc-Healthcare-Provider-CaseStudy.png);
}
#cs-offshore-drilling-company {
  background-image: url(/Portals/0/forms/images/doc-Offshore-Drilling-Company-CaseStudy.png);
}
#cs-emergyCare {
  background-image: url(/Portals/0/forms/images/doc-EmergyCare-CaseStudy.png);
}
#cs-denmarkTech {
  background-image: url(/Portals/0/forms/images/doc-Denmark-Technical-CaseStudy.png);
}
#cs-dallas-county {
  background-image: url(/Portals/0/forms/images/doc-Dallas-County-CaseStudy.png);
}

#cs-west-allegheny {
  background-image: url(/Portals/0/forms/images/doc-cs-West-Allegheny-CaseStudy.png);
}

  #cs-wilkerson-jones {
  background-image: url(/Portals/0/forms/images/doc-wilkerson-jones.png);
 }


/*--E-Book & Brochure Thumbnails--*/
#eb-interactiveDisplays {
  background-image: url(/Portals/0/forms/images/thumb-BestPractices-InteractiveDisplays-Whitepaper.png);
}
#eb-cpo {
  background-image: url(/portals/0/forms/images/doc-cpo-ebrochure.png);
  background-size: contain;
}
#pen-on-paper-infographic-marketo {
  background-image: url(/Portals/0/forms/images/thumb-doc-Pen-On-Paper-Infographic.png);
}
/*------------------Guide Thumbnails----------------------------*/
#guide-aquos-board-education {
  background-image: url(/portals/0/forms/images/doc-AQUOS-BOARD-Education.png);
}
#it-ref-guide {
  background-image: url(/Portals/0/forms/images/doc-IT-Reference-Guide.png);
  background-position: left;
}
#sec-suite-broch {
  background-image: url(/portals/0/forms/images/doc-Security_Suite_Brochure.png);
}
#guide-sec-infographic {
  background-image: url(/Portals/0/forms/images/doc-Security-Infographic.png);
}
#guide-sec-checklist {
  background-image: url(/Portals/0/forms/images/doc-Security-checklist.png);
}
#guide-scan2-infographic {
  background-image: url(/Portals/0/forms/images/doc-Scan2-Infographic.png);
}
#guide-itPro-infographic {
  background-image: url(/Portals/0/forms/images/doc-IT-Pro-Guide-Infographic.png);
}
#guide-why-it-love-aquos-board {
  background-image: url(/Portals/0/forms/images/doc-Why-IT-Pros-Love-AQUOS-BOARD.png);
}
#interactive-whiteboards-infographic {
  background-image: url(/Portals/0/forms/images/doc-Interactive-WB-Education-Infographic.png);
}
#education-brochure {
  background-image: url(/Portals/0/forms/images/doc-Education-Brochure.png);
}
#ab-education-insert {
  background-image: url(/Portals/0/forms/images/doc-AB-Education-Insert.png);
}
#ab-government-insert {
  background-image: url(/Portals/0/forms/images/doc-AB-government-Insert.png);
}
#ab-healthcare-insert {
  background-image: url(/Portals/0/forms/images/doc-AB-healthcare-Insert.png);
}
#healthcare-brochure {
  background-image: url(/Portals/0/forms/images/doc-Healthcare-Brochure.png);
}
#government-brochure {
  background-image: url(/Portals/0/forms/images/doc-Government-Brochure.png);
}
#legal-brochure {
  background-image: url(/Portals/0/forms/images/doc-Legal-Brochure.png);
}
#ab-legal-insert {
  background-image: url(/Portals/0/forms/images/doc-AB-Legal-Insert.png);
}
#interactive-find-displays-infographic {
  background-image: url(/Portals/0/forms/images/doc-Find-Digital-Signage-Infographic.png);
}
#six-things-infographic {
  background-image: url(/Portals/0/forms/images/doc-6-Things-To-Know-Infographic_Vert.png);
}
#five-tips-infographic {
  background-image: url(/Portals/0/forms/images/doc-5-Tips-Environmentally-Friendly-Office-Infographic.png);
}
#paper-vs-digital-infographic {
  background-image: url(/Portals/0/forms/images/doc-Paper-vs-Digital-Infographic.png);
}
#benefits-open-platform-infographic {
  background-image: url(/Portals/0/forms/images/doc-Benefits-Open-Platform-Displays-Infographic.png);
}
#evolution-infographic {
  background-image: url(/Portals/0/forms/images/doc-Evolution-Sharp-Touch-Screen-Infographic-Vert-New.png);
}
#outsourcing-infographic {
  background-image: url(/Portals/0/forms/images/doc-Outsourcing-to-Insourcing-Infographic.png);
}
#pen-on-paper-infographic {
  background-image: url(/Portals/0/forms/images/doc-Pen-On-Paper-Infographic_Vert.png);
}
#pn-l401c-infographic {
  background-image: url(/Portals/0/forms/images/doc-PN-L401C-Infographic_Vert.png);
}
#signage-in-hospitals-infographic {
  background-image: url(/Portals/0/forms/images/doc-Find-Digital-Signage-Hospital-Infographic.png);
}
#five-ways-your-printer-infographic {
  background-image: url(/Portals/0/forms/images/doc-5-Ways-Your-Printer-Just-Got-Infographic.png);
}
#signage-in-university-infographic {
  background-image: url(/Portals/0/forms/images/doc-Where-to-Find-Digital-Signage_University-Infographic.png);
}
#four-reasons-small-business-infographic {
  background-image: url(/Portals/0/forms/images/doc-4-Reasons-Why-Every-Small-Business-Needs-MFP-Infographic.png);
}
#office-data-security-infographic {
  background-image: url(/Portals/0/forms/images/doc-Office-Data-Security-Infographic.png);
}
#making-the-most-of-your-mfp-infographic {
  background-image: url(/Portals/0/forms/images/doc-Making-the-Most-of-Your-MFP-Infographic.png);
  background-position: bottom;
}
#benefits-digital-signage-retail-stores-infographic {
  background-image: url(/Portals/0/forms/images/doc-5-Benefits-Digital-Signage-Retail-Stores-Infographic-Vert.png);
}
#security-guide {
  background-image: url(/Portals/0/forms/images/doc-Sharp-Security-Guide.png);
  background-position: left;
}
#five-key-differences-infographic {
  background-image: url(/Portals/0/forms/images/doc-5-Key-Differences-Between-TVs-Prof-Displays-Infographic.png);
}
#digital-signage-hotel-infographic {
  background-image: url(/Portals/0/forms/images/doc-Digital-Signage-Hotel-Infographic.png);
}
#skywell-big-advantages-infographic {
  background-image: url(/Portals/0/forms/images/doc-Skywell-Big-Advantages-Infographic.png);
}
#skywell-better-option-infographic {
  background-image: url(/Portals/0/forms/images/doc-Skywell-Better-Option-Infographic.png);
}
#difference-4k-infographic {
  background-image: url(/Portals/0/forms/images/doc-Difference-Between-4K-Infographic.png);
}
#skywell-water-thin-air-infographic {
  background-image: url(/Portals/0/forms/images/doc-Skywell-Water_From-Thin-Air-Infographic.png);
}
#why-smart-cities-need-signage {
  background-image: url(/Portals/0/forms/images/doc-Infographic-Why-Smart-Cities-Need-Digital-Signage.png);
}
#signage-in-school-infographic {
  background-image: url(/Portals/0/forms/images/doc-Where-to-Find-Digital-Signage-in-a-School-District_Infographic.png);
}
#three-reasons-smart-signage-infographic {
  background-image: url(/Portals/0/forms/images/doc-Three-Reasons-Why-You-Need-Smart-Signage-Infographic.png);
}
#fresh-menus-infographic {
  background-image: url(/Portals/0/forms/images/doc-Serve-Up-Fresh-Menus-Infographic.png);
}
#creston-connected-infographic {
  background-image: url(/Portals/0/forms/images/doc-Sharp-Crestron-Connected-Infographic.png);
}
#ab-promote-collaboration-infographic {
  background-image: url(/Portals/0/forms/images/doc-4K-Ultra-HD-Displays-Promote-Collaboration.png);
}
#cares-act-guide {
  background-image: url(/Portals/0/downloads/Flyers/images/doc-CARES-Act-Funding.png);
}
#security-flyer {
  background-image: url(/Portals/0/downloads/Flyers/images/doc-Security-Flyer.png);
}
#simply-smarter-healthcare-infographic {
  background-image: url(/Portals/0/downloads/Flyers/images/doc-simply-smarter-healthcare.png);
}
#sourcewell-brochure {
  background-image: url(/Portals/0/downloads/Guides/images/sourcewell-brochure.png);
}

#laptop-essentials-infographic {
  background-image: url(/Portals/0/downloads/Infographics/images/doc-Top-5-Laptop-Essentials-for-High-School-Students.png);
}

#rfp-infographic {
  background-image: url(/Portals/0/downloads/Infographics/images/rfp-infographic.png);
}

#ten-key-features-infographic {
  background-image: url(/Portals/0/downloads/Infographics/images/10-Key-Features-of-Sharp-Copiers-Infographic-thumb.png);
}

#print-environment-infographic {
  background-image: url(/Portals/0/downloads/Infographics/images/infographic-print-env-thumb.png);
}

#whiteboard-feature-list-infographic {
  background-image: url(/Portals/0/forms/images/infographic-whiteboard-feature-list-thumb.png);
}

#law-office {
  background-image: url(/Portals/0/forms/images/doc-law-office.png);
  }

  #legal-war-room {
  background-image: url(/Portals/0/forms/images/doc-legal-war-room.png);
 }




/*------------------White Paper Thumbnails---------------------*/
#wp-aquos-board {
  background-image: url(/Portals/0/forms/images/thumb-AQUOS_BOARD_Whitepaper-Whitepaper.png);
}
#wp-IDC-whyCloud {
  background-image: url(/Portals/0/forms/images/thumb-doc-CPO-IDC-Whitepaper.png);
}
#wp-njpa {
  background-image: url(/Portals/0/forms/images/thumb-doc-NJPA-Whitepaper.png);
}
#wp-automation-pro {
  background-image: url(/Portals/0/forms/images/thumb-Automation-sharp-pro-series-Whitepaper.png);
}
#wp-cpo-security {
  background-image: url(/Portals/0/forms/images/thumb-doc-CPO-Security-Whitepaper.png);
}
#wp-micas {
  background-image: url(/Portals/0/forms/images/thumb-MICAS-Whitepaper.png);
}
#wp-cpo-office {
  background-image: url(/Portals/0/forms/images/thumb-doc-CPO-Whitepaper.png);
}
#wp-choosing-smart-signage {
  background-image: url(/Portals/0/forms/images/thumb-Choosing-Smart-Signage-Whitepaper.png);
}
#wp-planning-for-bandwidth {
  background-image: url(/Portals/0/forms/images/thumb-Planning-for-Bandwidth-Whitepaper.png);
}
#wp-sourcewell {
  background-image: url(/Portals/0/forms/images/thumb-doc-Sourcewell-Whitepaper.png);
}
#wp-creating-perfect-meeting {
  background-image: url(/Portals/0/forms/images/doc-create-perfect-meeting-environment-Whitepaper.png);
}
#wp-cybersecurity {
  background-image: url(/Portals/0/forms/images/doc-Cybersecurity-WhitePaper.png);
}
#wp-IDC-vendorProfile {
  background-image: url(/Portals/0/forms/images/doc-IDC-WhitePaper.png);
}
#wp-active-learning-displays {
  background-image: url(/Portals/0/forms/images/doc-Active-Learning-with-Interactive-Displays.png);
}
#wp-thermal-scanners {
  background-image: url(/portals/0/downloads/WhitePapers/images/doc-Guide-to-Thermal-Scanners.png);
}
#wp-IoT-device-security {
  background-image: url(/portals/0/downloads/WhitePapers/images/doc-IoT-Device-Security.png);
}



/*------------------Video Thumbnails---------------------*/
#vid-francis-parker {
  background-image: url(/Portals/0/forms/images/features_francis_parker_school.png);
}
#vid-wide-board-software {
  background-image: url(/Portals/0/forms/images/features_wide_board_software.png);
}
#vid-cardon-associates {
  background-image: url(/Portals/0/forms/images/features_cardon_associates.png);
}
#vid-walk-up-sensor {
  background-image: url(/Portals/0/forms/images/features_walk_up_sensor.png);
}
#vid-skywell-lifestyle {
  background-image: url(/Portals/0/forms/images/Skywell_Lifestyle_thumb.jpg);
}
#vid-desktop-printers {
  background-image: url(/Portals/0/forms/images/Desktop_Printers_Advanced_Office_thumb.jpg);
}
#vid-kleingers {
  background-image: url(/Portals/0/forms/images/Kleingers_Group_thumb.jpg);
}
#vid-northernVirginia {
  background-image: url(/Portals/0/forms/images/Northern_Virginia_Family_Service_thumb.jpg);
}
#vid-penSoftware-3-7 {
  background-image: url(/Portals/0/images/video_pen_software_3.7_optional_features_thumb.png);
}
#vid-ny-giants {
  background-image: url(/Portals/0/forms/images/NY_Giants_Overview_thumb.jpg);
}
#vid-future-work {
  background-image: url(/Portals/0/forms/images/Imagine-the-Future-of-Work-thumb.jpg);
}
#vid-encouraging-students {
  background-image: url(/Portals/0/forms/images/Encouraging-Student-Participation-PN-C-Series-thumb.jpg);
}
#vid-bldd {
  background-image: url(/Portals/0/forms/images/BLDD-Architects-thumb.jpg);
}
#vid-aquos-board-interactive {
  background-image: url(/Portals/0/forms/images/video-aquos-board-interactive-thumb.png);
}
#vid-pro-series {
  background-image: url(/Portals/0/forms/images/video-pro-series-thumb.png);
}

#vid-bp-series-tutorials {
  background-image: url(/Portals/0/forms/images/video-bp-series-tutorials-thumb.png);
}

#vid-whiteboard-capability {
  background-image: url(/Portals/0/forms/images/video-whiteboard-capability-thumb.png);
}



/*------------------Blog  Thumbnails---------------------*/
#blog-clean-copier {
  background-image: url(/Portals/0/forms/images/blog-clean-copier-thumb.png);
}

#blog-comm-consumer-tvs {
  background-image: url(/Portals/0/forms/images/blog-commercial-consumer-tvs-thumb.png);
}

#blog-whiteboards-collaborative-classrooms {
  background-image: url(/Portals/0/forms/images/blog-whiteboards-collaborative-classrooms.png);
}



/* ----- Limelight Video for mobile ----*/
.LimelightEmbeddedPlayer {
  overflow: hidden;
  display: block;
}
div.vidyard-player-container {
  border: 1px solid #dddddd;
}
/* ==========BOOTSTRAP 4 CARD DECKS===========*/
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: 4px;
}
.card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, .03);
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem; 
}
.card-footer {
  padding: .75rem 1.25rem;
  background-color: rgba(0, 0, 0, .03);
  border-top: 1px solid rgba(0, 0, 0, .125);
}
.card-title {
  margin-bottom: .75rem;
}
.card > a .card-title {color: inherit; }
.card > a .card-body .card-text {color: #000000;}
/* Card deck*/
.card-deck {
  display: flex;
  flex-direction: column;
}
.card-deck .card {
  margin-bottom: 15px;
}

/*
.card-deck .card a:hover {
text-decoration: none;
}
*/
.card > a:hover .card-title {text-decoration: underline; background-color: #ededed; border-top-left-radius: 4px; border-top-right-radius: 4px;}
/* Card image caps*/
.card-img-top {
  width: 100%; /* Required because we use flexbox and this inherently applies align-self: stretch*/
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
@media handheld, only screen and (min-width:768px) {
  .card-deck {
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: flex;
    /*      Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored*/
    flex: 1 0 0%;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0; /* Override the default*/
    margin-left: 15px;
  }
}
/*------------------------------
#. SIMPLY SMARTER PAGE LAYOUT STYLES
Base styles consistent across all Simply Smarter pages ONLY!!! No unique styles that only exist on one page
------------------------------*/
/* #.# SIMPLY SMARTER UNIVERSAL COLORS & FONTS
------------------------------*/
#simply-smarter .bg-gray {
  background-color: #E6E6E6;
}

#simply-smarter-form .bg-gray {
  background-color: #E6E6E6;
}
#simply-smarter h1, #simply-smarter h2, #simply-smarter h3, #simply-smarter h4 {
  margin: 0;
  line-height: 1.1em;
}
#simply-smarter p.lead {font-family: "Montserrat", arial, sans-serif;}
#simply-smarter section .text h2, #simply-smarter section .text h3, #simply-smarter section .text h4 {
  margin-bottom: 10px;
}
/* #.# SIMPLY SMARTER FLEX & SPACING
------------------------------*/
#simply-smarter section {
  padding: 30px 0;
}
#simply-smarter section .container .flex {
  flex-direction: column;
	text-align: center;
}
#simply-smarter section .container .flex .image img {border: 1px solid #cccccc;}
#simply-smarter section .container .flex .image img.no-border {border: none;}
@media handheld, only screen and (max-width:767px) {
  /*	force all div.iimage in section blocks to display first and add padding between div.image and div.text*/
  #simply-smarter section .container .flex .image {
    order: 1;
    padding-bottom: 10px;
  }
  #simply-smarter section .container .flex .text {
    order: 2;
  }
}
@media handheld, only screen and (min-width:768px) {
  #simply-smarter section .container .flex {
    flex-direction: row;
    justify-content: space-between;
	  text-align: left;
  }
  #simply-smarter section .container .flex .text {
    width: 60%;
  }
	#simply-smarter section .container .flex > div:first-child { padding-right: 15px;}
}
#simply-smarter #hero a.btn, #simply-smarter section .text a.btn {
  margin-top: 1.1em;
}
/* #.# SIMPLY SMARTER HERO BANNER
------------------------------*/
#simply-smarter #hero {
  min-height: 190px;
  background-color: #cf112d;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
	text-align: center;
}
#simply-smarter #hero h1 {
  color: #ffffff;
  line-height: normal;
  font-size: 27px;
}
#simply-smarter #hero a.btn {
  margin-top: 1.1em;
}
@media handheld, only screen and (min-width:768px) {
  #simply-smarter #hero {
    background-image: url(/portals/0/images/globe.png), linear-gradient(270deg, rgba(112,3,9,1) 0%, rgba(206,17,43,1) 100%);
    background-repeat: no-repeat, no-repeat;
        background-position: 85% top, left;
/*    background-size: inherit, cover;*/
	  text-align: left;
  }
  #simply-smarter #hero h1 {
    width: 50%;
  }
}
@media handheld, only screen and (min-width:992px) {
      #simply-smarter #hero h1 {
    width: 58%;
  }
}
@media handheld, only screen and (min-width:1142px) {
  #simply-smarter #hero {
        background-size: 45%, auto;
  }
}
@media handheld, only screen and (min-width:1600px) {
  #simply-smarter #hero {
    min-height: 300px;
      align-items: center;
  }
    #simply-smarter #hero h1 {font-size: 37px;  width: 67%;}
   
}
/* #.# SIMPLY SMARTER SUBHEADING
------------------------------*/
#simply-smarter #subheading h2 {
  font-weight: normal;
  font-size: 20px;
  line-height: 1.4em;
}
#simply-smarter #subheading .lead {
  margin-bottom: 0;
	text-align: center;
}
@media handheld, only screen and (min-width:768px) {
	#simply-smarter #subheading .lead {
	text-align: left;
}
}