@charset "UTF-8";
/* CSS Document */
.sharp-displays {
  width: 100%;
  height: 100%;
}
.sharp-displays .skin_width {
  padding-top: 40px;
  padding-bottom: 40px;
}

.bg-l-gray {background: #EEEDE9;}
/*
a, a:link, a:visited, a:hover, a:active {
  color: #ed9278;
}
a:hover {
  color: #831c00;
}
*/
/*
a.btn.btn-displays, a.btn.btn-displays:link, a.btn.btn-displays:visited, a.btn.btn-displays:active, a.btn.btn-aquos, a.btn.btn-aquos:link, a.btn.btn-aquos:visited, a.btn.btn-aquos:active {
  color: #FFF;
}
*/
/*------VIDEO HEADER SECTION STYLES-------*/
#hero{
/*  background-image: linear-gradient(270deg, rgba(112, 3, 9, 1) 0%, rgba(112, 3, 9, 1) 47%, rgba(206, 17, 43, 1) 100%);*/
    background-color: #E6E6E6;
  background-position: right center, center top;
  background-repeat: no-repeat;
  min-height: auto;
  color: #000000;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
#hero h1 {color: #00205B; line-height: 1.2em; }

/****ADA COMPLIANT****/
#hero .top_links_container button {
background-color: 	transparent;
}


#hero .top_links_container button:focus {
  /* Provide a fallback style for browsers
     that don't support :focus-visible */
  outline: 5px auto -webkit-focus-ring-color;
}

#hero .top_links_container button:focus:not(:focus-visible) {
  /* Remove the focus indicator on mouse-focus for browsers
     that do support :focus-visible */
  background: transparent;
  outline: 0px;
}

#hero .top_links_container button:focus-visible {
  /* Draw a very noticeable focus style for
     keyboard-focus on browsers that do support
     :focus-visible */
  outline:  5px auto -webkit-focus-ring-color;
  background: transparent;
}



/****END ADA COMPLIANT****/
/*

#video_top_displays {
  color: #FFFFFF;
  width: 100%;
  height: 550px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  background: url(/portals/0/assets/images/displays_img_logo2.png) no-repeat center 150px;
  position: relative;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  -ms-animation-duration: 2s;
}
#hero {
  color: #FFFFFF;
  width: 100%;
  height: 550px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
*/
/*
#hero #displays_headline {
  text-align: center;
  color: #FFFFFF;
  text-shadow: 2px 2px #333;
  margin-top: 50px;
  font-size: 50px;
  position: absolute;
  left: 0;
  right: 0;
  font-family: 'Raleway', arial, sans-serif;
  font-weight: 600;
  line-height: 1.5em;
}
*/
#hero .top_links_container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
#hero .top_link {width: 100%;}

#hero .top_link  {
cursor: pointer;
    text-align: center;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    width: 100%;
}
#hero .top_link .btn {
  color: #ffffff;
}
#hero .top_link a:hover {
  color: #39B2D8;
  cursor: pointer;
}
/*
#hero .top_link:last-of-type a {
  border-right: none;
  border-left: none;
  border-top: none;
  border-bottom: none;
}
*/

@media handheld, only screen and (min-width:720px) {
      #hero .top_link {
    border-right: 1px solid white;
    border-bottom: none;
    border-radius: 0;
    width: auto;
  }
  #hero .top_link:last-of-type {
    border-right: 0px solid white;
  }
    
}

@media handheld, only screen and (min-width:768px) {
	
	.sharp-displays #hero {
    background-image: url(/portals/0/assets/images/commercial-displays-reception-bkg.png);
/*        background-image: url(/portals/0/assets/images/commercial-displays-reception-bkg.png), linear-gradient(270deg, rgba(112, 3, 9, 1) 0%, rgba(112, 3, 9, 1) 47%, rgba(206, 17, 43, 1) 100%);*/
           background-position: 260px center;
    background-size: cover;
/*
   background-position: 260px center, center top;
    background-size: cover, auto;
*/
  }
	
}
@media handheld, only screen and (min-width:992px) {
	
		.sharp-displays #hero {
/*    background-image: url(/portals/0/images/simply-smarter-education-banner.png);*/
/*
        background-image: url(/portals/0/assets/images/commercial-displays-reception-bkg.png), linear-gradient(270deg, rgba(112, 3, 9, 1) 0%, rgba(112, 3, 9, 1) 47%, rgba(206, 17, 43, 1) 100%);
   background-position: 260px center, center top;
*/
            background-size: contain;
/*    background-size: contain, auto;*/
  }
}
@media handheld, only screen and (min-width:1035px) {
			.sharp-displays #hero {
/*    background-image: url(/portals/0/images/simply-smarter-education-banner.png);*/
/*        background-image: url(/portals/0/assets/images/commercial-displays-reception-bkg.png), linear-gradient(270deg, rgba(112, 3, 9, 1) 0%, rgba(112, 3, 9, 1) 47%, rgba(206, 17, 43, 1) 100%);*/
                 background-position: 400px center;
/*   background-position: 400px center, center top;*/
/*    background-size: contain, auto;*/
  }
	
}

@media handheld, only screen and (min-width:1148px) {
	.sharp-displays #hero {
    background-image: url(/portals/0/assets/images/commercial-displays-reception-bkg@2x.png);
/*        background-image: url(/portals/0/assets/images/commercial-displays-reception-bkg@2x.png), url(/portals/0/images/globe.png), linear-gradient(270deg, rgba(112, 3, 9, 1) 0%, rgba(112, 3, 9, 1) 47%, rgba(206, 17, 43, 1) 100%);*/
   background-position: right center;
/*          background-position: right center, center top;*/
/*    background-size: contain, 25%, auto;*/
  }
	
}
@media handheld, only screen and (min-width:1600px) {
	.sharp-displays #hero {
/*    background-image: url(/portals/0/images/simply-smarter-education-banner.png);*/
/*        background-image: url(/portals/0/assets/images/commercial-displays-reception-bkg@2x.png), url(/portals/0/images/globe.png), linear-gradient(270deg, rgba(112, 3, 9, 1) 0%, rgba(112, 3, 9, 1) 47%, rgba(206, 17, 43, 1) 100%);*/
/*   background-position: right center, center top;*/
         background-size: 45%;
/*    background-size: 45%, 25%, auto;*/
  }
	
}
img.sticker {
  border-radius: 4px;
  padding: 8px;
  background-color: white;
}
#top_links_wrapper {
  background: rgba(0, 0, 0, 0.8);
/*
  position: absolute;
  bottom: 0px;
*/
  width: 100%;
/*  left: -1px;*/
}
/*-----DISPLAYS SECTION STYLES------*/
#displays {
  width: 100%;
  z-index: 1;
  position: relative;
    padding: 30px 0;
}
#displays .displays_select ul.models {columns: 2; column-gap: 30px; text-align: center;}
#displays .displays_select ul.models a {display: block;}
#displays .displays_select ul.models li {min-height: 186px;}
/*
#displays_content_2 #displayModelsLink, #displays_content_2 #aquosModelsLink {
  text-align: center;
}
#displays_content {
  text-align: left;
}
*/
#displays_image {
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
#displays .d-flex .product {
  margin-bottom: 40px;
}
#displays .d-flex .product .btn-wrapper {
  display: flex;
  justify-content: space-between;
}
#displays .d-flex .product .btn-wrapper a.btn {
  width: 50%;
  margin: 0 10px;
}
@media handheld, only screen and (min-width:768px) {
  #displays .d-flex {
    display: flex;
    flex-wrap: wrap;
  }
  #displays .d-flex .product {
    width: 45%;
    margin: 15px;
  }
}
@media handheld, only screen and (min-width:992px) {
  #displays .d-flex {
    flex-wrap: nowrap;
    margin-bottom: 30px;
  }
  #displays .d-flex .product {
    width: 25%;
    margin: 0 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	  padding: 5px;
  }
	#displays .d-flex .product .btn-wrapper a.btn {margin: 0 5px;}
}
/*-------VIDEO WALL FEATURES SECTION--------*/
#video-wall {
  width: 100%;
  z-index: 1;
/*
  background: url(/Portals/0/assets/images/displays_marble_bg.jpg) no-repeat center center;
  background-size: cover;
*/
/*	background-color: #eeeeee;*/
/*
  -webkit-box-shadow: inset -9px 5px 20px -9px #333333;
  -moz-box-shadow: inset -9px 5px 20px -9px #333333;
  -o-box-shadow: inset -9px 5px 20px -9px #333333;
  -ms-box-shadow: inset -9px 5px 20px -9px #333333;
  box-shadow: inset -9px 5px 20px -9px #333333;
*/
  min-height: 550px;
}
#professional-displays {
	background-color: #ffffff;
}

/*#vw_text {
  text-align: left;
  z-index: 5;
  line-height: 20px;
  color: #FFFFFF;
  float: left;
}*/

/*#video_wall .videoCarousel li .carouFredSel_text span {
  color: #016d5f;
}*/

/*#vw_image {
  overflow: hidden;
  float: left;
  z-index: 4;
}*/

/*.flex-direction-nav a {
  display: none;
}*/

@keyframes fade-in { 0% {opacity: 0;} 100% {opacity: 1;} }
@-webkit-keyframes fade-in { 0% {opacity: 0;} 100% {opacity: 1;} }
@-moz-keyframes fade-in { 0% {opacity: 0;} 100% {opacity: 1;} }
@-o-keyframes fade-in { 0% { opacity: 0;} 100% {opacity: 1;} }
@keyframes fade-in { 0% { opacity: 0;} 100% { opacity: 1;} }

/*.features {
  opacity: 0;
  display: none;
}*/
/*.showFeature {
  display: block;
  -webkit-animation: fade-in 3s;
  -moz-animation: fade-in 3s;
  -o-animation: fade-in 3s;
  animation: fade-in 3s;
  opacity: 1;
}*/
/*.hideFeature {
  opacity: 0;
  display: none;
}*/
/*.featureBtns ul {
  margin-left: 0;
}*/

#video-wall h2, #professional-displays h2 {
	text-align: center;
}

#vw-features, #pd-features {
	display: flex;
}

#vw-features h3 {
/*	color: #e56643;*/
	margin-top: 0px;
}

#vw-features .nav-tabs, #pd-features .nav-tabs {
  margin: 0px auto 20px;
  text-align: center;
	border: none;
}
#vw-features .nav-tabs > li > a {
  background: none;
  border: none;
  padding: 10px 15px;
	margin: 0;
  border-bottom: 2px solid #ffffff;
  cursor: pointer;
}
#vw-features .nav-tabs li.active > a, #vw-features .nav-tabs li > a:hover, #pd-features .nav-tabs li.active > a, #pd-features .nav-tabs li > a:hover {
  border-bottom: 2px solid #991b21;
  background-color: transparent;
}
#vw-features .nav-tabs li.active > a, #pd-features .nav-tabs li.active > a  {
    font-weight: bold;
}
.tab-content {
	border: none;
}

#f-overview-img {
  background: url(/Portals/0/assets/images/displays_videowall.png) no-repeat;
  height: 410px;
  background-position: center;
}
#f-enlarge-display-mode-img {
  background: url(/Portals/0/assets/images/displays_videowall_enlargeDisplay.png) no-repeat;
  height: 350px;
  background-position: center;
  background-size: contain;
}
#f-full-array-led-backlight-img {
  background: url(/Portals/0/assets/images/aquos_feature_03.png) no-repeat;
  height: 350px;
  background-position: center;
  background-size: contain;
}
#f-control-kits-img {
  background: url(/Portals/0/assets/images/displays_videowall_PNZR01.png) no-repeat;
  height: 250px;
  background-position: center;
  background-size: contain;
}
#f-display-possibilities-img {
  background: url(/Portals/0/assets/images/displays_videowall_possibilities.png) no-repeat;
  height: 250px;
  background-position: center;
  background-size: contain;
}
#f-create-dynamic-video-walls-img {
  background: url(/Portals/0/assets/images/displays_videowall_dynamic.png) no-repeat;
  height: 300px;
  background-position: center;
  background-size: contain;
}
#f-mounting-systems-img {
  background: url(/Portals/0/assets/images/displays_videowall_mounting_systems.png) no-repeat;
  height: 350px;
  background-position: center;
  background-size: contain;
}
/*-----Professional Display Features ------*/

#pd-features h3 {
/*  color: #ed9278;*/
	margin-top: 0px;
}

#pd-features .nav-tabs > li > a {
	background: none;
  border: none;
  padding: 10px 15px;
	margin: 0;
  border-bottom: 2px solid #dddddd;
  cursor: pointer;
}

#f-design-img {
  background: url(/Portals/0/assets/images/displays_features_02.png) no-repeat;
  height: 450px;
  background-position: center;
  background-size: contain;
}
#f-expandability-img {
  background: url(/Portals/0/assets/images/displays_features_03.png) no-repeat;
  height: 450px;
  background-position: center;
  background-size: contain;
}
#f-other-key-features .col-sm-6 {
  padding-right: 40px;
  padding-left: 40px;
}
#f-other-key-features h4.icon:before {
  content: "";
  background: url(/Portals/0/assets/images/displays_features_icons.png) no-repeat;
  height: 32px;
  width: 32px;
  position: absolute;
  left: 2px;
}
#f-other-key-features h4.icon.temperature:before {
  background-position: 0px -55px;
}
#f-other-key-features h4.icon.power:before {
  background-position: 0px -110px;
}
#f-other-key-features h4.icon.log:before {
  background-position: 0px -164px;
}
#f-other-key-features h4.icon.hardware:before {
  background-position: 0px -222px;
}
#f-other-key-features h4.icon.email:before {
  background-position: 0px -278px;
}
#f-other-key-features h4.icon.autoAdjust:before {
  background-position: 0px -335px;
}
/*-----OPTIONS STYLES------*/
.sharp-displays #display_options {
  background: #e56643;
}
#display_options h2 {
  text-align: center;
  color: #ffffff;
}
#display_options h3, #display_options h4 {
  color: #831c00;
}
#display_options p, #display_options ul li {
  color: #ffffff;
}
#display_options .btn-displays {
  color: #ffffff;
  background-color: #ed9278;
  border-color: #ffffff;
}
#display_options #sdss-side-panel {
  text-align: center;
}
/*#feature3-2 .feature-2-img {
	background: url(/Portals/0/assets/images/displays_options_02.png) no-repeat;
	height: 350px;
	background-position: center;
	background-size: contain;
}
#feature3-3 .feature-3-img { }
#feature3-4 .feature-4-img {
	background: url(/Portals/0/assets/images/displays_options_04.png) no-repeat;
	height: 250px;
	background-position: center;
	background-size: contain;
}*/
/*------Case Study Styles --------------------------*/
#case-studies , #featured-blockX, #additional-resourcesX, #professional-displays, #request {
  background-color: #EEEDE9;
}
#case-studies h2, #featured-block h2.h3 {
/*  color: #ffffff;*/
	text-align: center;
}
#case-studies .doc-thumb:focus {
  width: auto;
  height: 130px;
  overflow: hidden;
}
#case-studies .panel-body {
  min-height: 550px;
}
#case-studies h4 {
  text-transform: uppercase;
  font-size: 13px;
  border-bottom: 1px solid #dddddd;
  color: #6E6E6E;
}

.sharp-displays #case-studies .doc-thumb {
  width: 220px;
  border: 1px solid #DDDDDD;
  height: 150px;
  margin-top: 15px;
  margin-bottom: 15px;
  background-repeat: no-repeat;
  background-size: cover;
/*  background-position: top;*/
}


/*-----STAR DIRECTORY------*/
#star_directory {
  width: 100%;
  z-index: 1;
/*  background-color: #EEEDE9;*/
/*  background-size: cover;*/
}
.sa {
  background-repeat: no-repeat;
  background-position: bottom;
  overflow: hidden;
}
.sa H1 {
  font-size: 50px;
  text-align: center;
}
#sa_text {
  float: left;
  line-height: 20px;
  text-align: left;
  z-index: 5;
}
#sa_text H1 {
  font-size: 50px;
  color: #FFF;
}
#star_video {
  float: left;
}
iframe {
  height: 302px;
  width: 536px;
}

/*----------Request  Info Syles------*/

#request iframe {
height: 1065px;
  width: 100%;
}


@media only screen and (min-width:992px) {
#request iframe {
height: 1085px;
  width: 100%
}
}


/*------------------RESPONSIVE STYLES--------------------*/
@media handheld, only screen and (max-width: 1120px) {
  iframe {
    height: 270px;
    width: 480px;
  }
}
@media handheld, only screen and (max-width: 1078px) {
  #collaborate_img {
    display: none;
  }
  h2 {
    line-height: 1.2em;
    margin-top: 0;
  }
  /*#displays_content {
	background-color: rgba(255,255,255,0.7);
	border-radius: 4px;
}*/
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #video_top_displays {
    background: url(/Portals/0/assets/images/displays_img_logo2@2x.png) no-repeat center 150px;
    background-size: 1120px 368px;
  }
  #hero H1 {
    margin-top: 10px;
  }
}
@media handheld, only screen and (max-width: 950px) {
  #case-studies .panel-body {
    min-height: 440px;
  }
}
@media handheld, only screen and (max-width: 767px) {
  iframe {
    height: 197px;
    width: 350px;
  }
/*
  #hero {
    background-size: contain;
    background-position: center 15px;
  }
*/
  #top_links_wrapper {
    padding-bottom: 10px;
  }
  #displays_image {
    display: none;
  }
  #case-studies .panel-body {
    min-height: auto;
  }
}
@media handheld, only screen and (max-width: 720px) {
/*
  #video_top, #hero {
    height: 515px;
  }
*/
  #hero .top_link {
    float: none;
    border-right: none;
    border-bottom: 1px solid #ffffff;
    margin: 5px auto;
  }
  #hero .top_link:link, #hero .top_link:visited, #hero .top_link:hover, #hero .top_link:active {
    border-right: none;
  }
  #displayFormsButtons {
    text-align: center;
  }
/*
  #displays_content {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 0px;
  }
*/
  iframe {
    height: 168px;
    width: 300px;
  }
  #hero #displays_headline {
    margin-top: 10px;
    line-height: 1em;
    font-size: 2.5em;
  }
  #video_top_displays {
    background: url(/Portals/0/assets/images/displays_img_logo2_320@2x.png) no-repeat center 50px;
    background-size: contain;
  }
}
@media handheld, only screen and (max-width: 460px) {
  #video_top_displays {
    background-position: center 100px;
  }
}
/*----iphone Retina Styles------ */
@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px), (min-resolution: 192dpi) and (max-width: 767px) {
  #video_top_displays {
    background: url(/Portals/0/assets/images/displays_img_logo2_320@2x.png) no-repeat center 150px;
    background-size: contain;
  }
  #feature2-4 h4.icon:before {
    content: "";
    background: url(/Portals/0/assets/images/displays_features_icons.png) no-repeat;
    height: 32px;
    width: 32px;
    position: absolute;
    left: 2px;
  }
  #feature2-4 h4.icon.fanless:before {
    background-position: -36px 0;
    background-size: 66px 269px;
  }
  #feature2-4 h4.icon.temperature:before {
    background-position: -36px -39px;
    background-size: 66px 269px;
  }
  #feature2-4 h4.icon.power:before {
    background-position: -36px -78px;
    background-size: 66px 269px;
  }
  #feature2-4 h4.icon.log:before {
    background-position: -36px -118px;
    background-size: 66px 269px;
  }
  #feature2-4 h4.icon.hardware:before {
    background-position: -36px -158px;
    background-size: 66px 269px;
  }
  #feature2-4 h4.icon.email:before {
    background-position: -36px -203px;
    background-size: 66px 269px;
  }
  #feature2-4 h4.icon.autoAdjust:before {
    background-position: -36px -240px;
    background-size: 66px 269px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 720px), (min-resolution: 192dpi) and (max-width: 720px) {
  #video_top_displays {
    background-position: center 50px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 360px), (min-resolution: 192dpi) and (max-width: 360px) {
  #video_top_displays {
    background-position: center 95px;
  }
}