/* settings.scss */
@font-face {
  font-family: "ProximaNova";
  src: url("https://www.thomsonlinear.com/fonts/ProximaNova-Bold.eot");
  src: url("https://www.thomsonlinear.com/fonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("https://www.thomsonlinear.com/fonts/ProximaNova-Bold.woff") format("woff"), url("https://www.thomsonlinear.com/fonts/ProximaNova-Bold.ttf") format("truetype"), url("https://www.thomsonlinear.com/fonts/ProximaNova-Bold.svg#ProximaNova-Bold") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "ProximaNova";
  src: url("https://www.thomsonlinear.com/fonts/ProximaNova-Regular.eot");
  src: url("https://www.thomsonlinear.com/fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("https://www.thomsonlinear.com/fonts/ProximaNova-Regular.woff") format("woff"), url("https://www.thomsonlinear.com/fonts/ProximaNova-Regular.ttf") format("truetype"), url("https://www.thomsonlinear.com/fonts/ProximaNova-Regular.svg#ProximaNova-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

h1, h2, h3, h4, h5, h6, p, span, blockquote, div {
  font-family: "ProximaNova", Helvetica, Arial, sans-serif; }

/* wrapper.scss */
.wrapper {
  min-height: calc(100vh - 183px); }


.fixed-sidebar.affix {
  position: relative; }
  @media (min-width: 768px) {
    .fixed-sidebar.affix {
      position: fixed;
      width: 220px;
      top: 10px; } }
  @media (min-width: 992px) {
    .fixed-sidebar.affix {
      width: 212.5px; } }
  @media (min-width: 1200px) {
    .fixed-sidebar.affix {
      width: 360px; } }

.fixed-sidebar-variation.affix {
  position: relative; }
  @media (min-width: 992px) {
    .fixed-sidebar-variation.affix {
      position: fixed;
      top: 10px;
      width: 212.5px; } }
  @media (min-width: 1200px) {
    .fixed-sidebar-variation.affix {
      width: 360px; } }

/* header.scss */
/* styling for the header */
.header {
  height: 93px; }
   @media (max-width: 576px){
   header.header {
   height:143px;
   }
   .header .header__inner .logo{
   width:100%;
   margin-top:-20px;
   }
   .context div.context-section div p {
   font-size:15px;
   }
   div.main-content span#vidyard_0ukiGNlI-Gcy4Ho4pit2PA {
   width:100%;
   }
   }
  @media (max-width: 767px) {
    .header {
      height: 93px;
      margin-bottom: 50px;
		padding-top:75px;} }
  .header .header__inner {
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative; }
    .header .header__inner .logo {
      display: inline-block;
      width: 198px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%); }
      @media (max-width: 767px) {
        .header .header__inner .logo {
          display: block;
			
          
          width: 130px;
          } }
      @media (min-width: 992px) {
        .header .header__inner .logo {
          
          transform: translateY(-50%);
          width: 130px;
          } }
      @media (min-width: 992px) {
        .header .header__inner .logo {
          width: 198px; 
		  float: left;
			left: auto;		  } }
      .header .header__inner .logo img {
        max-width: 100%; }

.header-top {
  height: 30px;
  background-color: #9f9f9f;
  color: white;
  width: 100%; }
  @media (max-width: 767px) {
    .header-top {
      height: 50px;
      position: fixed;
      z-index: 20; } }
  .header-top .header-top__inner {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold; }
    .header-top .header-top__inner > .row {
      height: 30px; }
    .header-top .header-top__inner .settings__item {
      display: inline-block;
      background-color: #9f9f9f;
      padding-top: 7px; }
    .header-top .header-top__inner .select2-container {
      display: inline; }
      .header-top .header-top__inner .select2-container .select2-selection {
        font-size: 11px;
        height: 30px;
        border: none;
        border-radius: 0px;
        background-color: transparent;
        box-shadow: none;
        -webkit-box-shadow: none; }
        @media (max-width: 767px) {
          .header-top .header-top__inner .select2-container .select2-selection {
            font-size: 14px; } }
        .header-top .header-top__inner .select2-container .select2-selection .select2-selection__rendered {
          color: white; }
    .header-top .header-top__inner .settings-label {
      float: right;
      margin-top: 7px; }

.header-top .header-top__reveal {
  position: absolute;
  background-color: #ebebeb;
  z-index: 10;
  color: black;
  text-transform: none;
  border: 1px solid #b8b8b8;
  border-top: 0px;
  right: 0px;
  overflow: hidden; }
  .header-top .header-top__reveal p, .header-top .header-top__reveal label {
    text-transform: uppercase; }
  .header-top .header-top__reveal input.form-control {
    font-weight: normal; }
  @media (max-width: 767px) {
    .header-top .header-top__reveal {
      position: relative;
      margin-top: 20px; } }
  .header-top .header-top__reveal a {
    color: black; }
    .header-top .header-top__reveal a:hover {
      color: #005295; }

.header-top__reveal__inner {
  margin-bottom: 15px; }

.header-top__reveal__settings .glyphicon-cog {
  font-size: 40px;
  float: right;
  margin-right: -10px;
  margin-top: -5px;
  color: #7bb142; }

.header-top__reveal__account .glyphicon-user {
  font-size: 30px;
  float: right;
  margin-right: -10px;
  margin-top: -5px;
  margin-bottom: 8px;
  color: #7bb142; }

.select2-container--bootstrap .settings__item .select2-selection__arrow b {
  border-color: white transparent transparent;
  margin-top: -8px;
  display: none; }
  @media (min-width: 768px) {
    .select2-container--bootstrap .settings__item .select2-selection__arrow b {
      margin-top: -5px;
      display: inline; } }

.select2-dropdown.settings__dropdown {
  margin-top: 6px;
  border: 1px solid #b8b8b8; }
  .select2-dropdown.settings__dropdown .select2-results__options .select2-results__option {
    color: black; }
    .select2-dropdown.settings__dropdown .select2-results__options .select2-results__option:hover {
      background-color: #ebebeb; }
    .select2-dropdown.settings__dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
      background-color: #ebebeb; }

.header-bar {
  height: 10px;
  margin-bottom: 10px;
clear:both;  }
  .header-bar.header-bar--orange {
    background-color: #355D90;
		margin-bottom:0px;}
.header-bar.bar2 {
margin-top:20px;
}
.header-bar.header-bar--orange.thick{
  height: 60px;
  border-bottom:1px solid black;
  border-top:1px solid black;
  background-color:#355d90;
  margin-bottom: 15px;
  
}

.header-bar.header-bar--orange.thick h1{
  font-family:"UniversLTW02-57Condense 726300",Arial,Helvetica,sans-serif;
  font-weight:bold;
  background-color:#355d90;
  color:#fff;
  margin:auto;
  
  padding:15px;
  text-align: center;
  
}

@media (min-width: 768px){
  .header-bar.header-bar--orange.thick h1{
    
  }
  }
.navbar {
  font-family: "ProximaNova";
  padding-left: 20px; }
  @media (max-width: 992px){
  .navbar{
	margin-top:50px;
  }
  }
  @media (min-width: 992px) {
    .navbar {
      margin-left: 130px;
      display: block; } 
	  }
	@media (min-width: 768px){
	  .navbar #mainNavigation ul li a.blue{
	  font-weight: bold;
    font-size: 16px;
	  }}
	  @media (max-width: 768px){
	  nav.navbar {
	  margin-top:10px;
	  }
	  }
  @media (min-width: 992px) {
    .navbar {
      margin-left: 198px; } }
  .navbar ul li a {
    font-weight: bold;
    font-size: 16px; }
    .navbar ul li a:hover {
      background-color: transparent;
      }
    @media (min-width: 992px) {
      .navbar ul li a {
        font-size: 18px; } }
    .navbar ul li a.green {
      color: #7bb142;
      border-color: #7bb142; }
    .navbar ul li a.blue {
      color: #005295;
      border-color: #005295; }
    .navbar ul li a.gray {
      border-color: #858585;
      color: #858585; }
    .navbar ul li a.orange {
      color: #e27b36;
      border-color: #e27b36; }

.navbar-toggle {
  position: fixed;
  z-index: 120;
  width: 28px;
  top: -2px;
  left: 5px; }
  .navbar-toggle .icon-bar {
    background-color: white;
    height: 4px;
    width: 26px; }

@media (max-width: 767px) {
  #miniNav {
    position: fixed;
    width: 200px;
    left: 0px;
    top: 50px;
    z-index: 200;
    background-color: white;
    border: 1px solid #b7b7b7; }
    #miniNav ul li a:hover {
      border: none; } 

	  #mainNavigation  ul li{
	float:left; 
	  color:red;
	  }

}

.header-top {
  font-family: "ProximaNova";
  font-weight: 700; }
  .header-top a {
    text-decoration: none;
    color: white; }
    .header-top a:hover {
      color: #ebebeb; }

.header-top__icon {
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer; }
  .header-top__icon .glyphicon {
    font-size: 18px;
    vertical-align: middle; }
  .header-top__icon .header-top__icon__link {
    vertical-align: middle; }

.settingsAccount, .settingsGear, .settingsLanguage {
  float: right; }

.header-top .popover {
  color: black; }

.header-top__link {
  margin-top: 7px;
  display: inline-block; }
  .header-top__link:after {
    content: "|";
    margin-left: 5px;
    margin-right: 5px; }
  .header-top__link:last-child:after {
    content: none; }

@media (max-width: 767px) {
  .settingsLanguage {
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 500; }
  .settingsAccount {
    position: absolute;
    right: 50px;
    top: 8px;
    z-index: 500; }
    .settingsAccount .glyphicon {
      font-size: 24px; }
  .settingsGear {
    position: absolute;
    right: 90px;
    top: 8px;
    z-index: 500; }
    .settingsGear .glyphicon {
      font-size: 24px; } 
	 .header-bar {
	 clear:both;
	 }
	  
	  }

/* components */
.panel.panel-primary {
  box-shadow: none;
  -webkit-box-shadow: none;
  border: none; }
  .panel.panel-primary .panel-heading {
    background-color: #355D90;
    border-radius: 0px;
    border-color: white; }
    .panel.panel-primary .panel-heading .panel-heading__question {
      float: right;
      color: white;
      margin-left: 10px;
      font-size: 16px;
      margin-top: -2px; }
      .panel.panel-primary .panel-heading .panel-heading__question:hover {
        color: #cccccc; }
    .panel.panel-primary .panel-heading .panel-title {
      font-weight: bold; }

.app-content__question--number input {
  text-align: right;
  display: inline-block;
  width: calc(100% - 50px); }

.app-content__question--number .app-content__question__unit {
  color: #858585; }
  .app-content__question--number .app-content__question__unit:before {
    content: "[";
    margin-left: 2px; }
  .app-content__question--number .app-content__question__unit:after {
    content: "]";
    margin-right: 2px; }

.app-content__question--radio .radio:first-of-type {
  margin-top: 0px; }

.app-content__question--file {
  margin-bottom: 10px; }

.app-content__solutions {
  margin-bottom: 0px; }
  .app-content__solutions .panel-body {
    padding: 0px; }
    .app-content__solutions .panel-body .list-group-item {
      border-radius: 0px;
      margin-top: 2px;
      border: none;
      background-color: #ebebeb;
      padding: 5px 15px;
      font-weight: 700; }
    .app-content__solutions .panel-body .app-content__solutions__count:after {
      content: ")";
      margin-right: 5px; }
    .app-content__solutions .panel-body .app-content__solutions__count:before {
      content: "(";
      margin-left: 5px; }

a.btn {
  display: inline-block;
  margin: 5px; }
  a.btn:active {
    color: white; }
  a.btn:focus {
    color: white; }
  a.btn .glyphicon {
    top: 2px; }

button.btn .glyphicon {
  top: 2px; }

.input-group-btn .btn {
  box-shadow: none; }
  .input-group-btn .btn:hover {
    box-shadow: none; }

.btn-orange {
  color: white;
  background-color: #e27b36;
  box-shadow: 0px 3px 0px 0px #9c4c16; }
  .btn-orange:hover {
    color: white;
    background-color: #c8621d; }

.btn-blue {
  color: white;
  background-color: #005295;
  box-shadow: 0 3px 0 0 #001a2f; }
  .btn-blue:hover {
    color: white;
    background-color: #003662; }

.btn-darkblue {
  color: white;
  background-color: #355D90;
  box-shadow: 0 3px 0 0 #1a2d45; }
  .btn-darkblue:hover {
    color: white;
    background-color: #27456b; }

.btn-green {
  color: white;
  background-color: #7bb142;
  box-shadow: 0 3px 0 0 #476726; }
  .btn-green:hover {
    color: white;
    background-color: #618c34; }

.btn-gray {
  color: white;
  background-color: #858585;
  box-shadow: 0 3px 0 0 #525252; }
  .btn-gray:hover {
    color: white;
    background-color: #6c6c6c; }

.app-header .app-header__heading-img {
  max-width: 100%;
  margin-top: 10px; }

.app-header .app-header__title {
  text-align: right;
  color: #355D90; }

.app-nav .app-nav__continue {
  float: right; }

.app-nav .app-nav__back {
  float: left; }

.app-nav .app-nav__project-buttons {
  text-align: center; }
  @media (min-width: 768px) {
    .app-nav .app-nav__project-buttons {
      text-align: right; } }

.app-content .steps {
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 0px; }
  .app-content .steps .steps__item {
    background-color: #ebebeb;
    height: 38px;
    text-align: center;
    padding-top: 8px;
    font-weight: bold;
    position: relative; }
    .app-content .steps .steps__item .arrow {
      position: absolute;
      z-index: 2;
      top: 0px;
      right: -15px;
      width: 0;
      height: 0;
      border-top: 19px solid transparent;
      border-bottom: 19px solid transparent;
      border-left: 15px solid #ebebeb; }
    .app-content .steps .steps__item:last-child .arrow {
      display: none; }
  .app-content .steps .steps__item--active {
    background-color: #355D90;
    color: white; }
    .app-content .steps .steps__item--active .arrow {
      border-left: 15px solid #355D90; }

#solutionTable_wrapper .dataTables_length {
  text-align: right; }

.solution-table tbody {
  cursor: pointer; }
  .solution-table tbody tr:hover td {
    background-color: #b8b8b8; }

.solution-table th {
  background-color: #355D90;
  border-bottom: none;
  border: 1px solid white;
  text-align: center;
  color: white;
  font-weight: normal;
  vertical-align: middle !important; }
  .solution-table th.sorting:after {
    content: "" !important; }
  .solution-table th.sorting_desc:after {
    content: "\e252" !important; }
  .solution-table th.sorting_asc:after {
    content: "\e253" !important; }

.solution-table td {
  vertical-align: middle !important;
  border: 1px solid white;
  background-color: #ebebeb; }
  .solution-table td.solution-table--selected {
    background-color: #b8b8b8; }
  .solution-table td .radio {
    margin-top: 0px;
    margin-bottom: 0px; }
    .solution-table td .radio label {
      padding-left: 0px; }

@media (max-width: 767px) {
  .solution-table table, .solution-table thead, .solution-table tbody, .solution-table th, .solution-table td, .solution-table tr {
    display: block; }
  .solution-table thead tr {
    display: none; }
  .solution-table tbody tr {
    border: 1px solid white; }
  .solution-table tr:hover td:nth-child(2) {
    background-color: #355D90; }
  .solution-table tbody > tr > td {
    position: relative;
    padding-left: 70%;
    border: none !important;
    /* &:last-child .checkbox {
				position:absolute;
				top:-465px;
				left:0px;
				z-index:2;
			} */ }
    .solution-table tbody > tr > td:not(:nth-child(2)):before {
      content: attr(data-label);
      position: absolute;
      top: 5px;
      left: 10px;
      width: 65%;
      font-weight: bold; }
    .solution-table tbody > tr > td:nth-last-child(2):before {
      content: none; }
    .solution-table tbody > tr > td:nth-last-child(2) {
      padding: 10px; }
      .solution-table tbody > tr > td:nth-last-child(2) img {
        width: 100%;
        border: 1px solid #858585; }
    .solution-table tbody > tr > td:first-child, .solution-table tbody > tr > td:last-child {
      display: none; }
    .solution-table tbody > tr > td:nth-child(2) {
      font-size: 14px;
      padding-left: 10px;
      text-align: left;
      background-color: #355D90;
      color: white; }
      .solution-table tbody > tr > td:nth-child(2):hover {
        background-color: #355D90; }
    .solution-table tbody > tr > td.solution-table__cell--hidden-mobile {
      display: none; }
      .solution-table tbody > tr > td.solution-table__cell--hidden-mobile.viewable {
        display: block; }
    .solution-table tbody > tr > td.text-right {
      text-align: left; } }

@media (min-width: 768px) {
  .solution-table .solution-table__cell--hidden-desktop {
    display: none; } }

.solution-table .solution-table__expand {
  width: 100px;
  height: 20px;
  background-color: red;
  position: absolute;
  z-index: 999;
  top: 0px; }

.solution-table__sort-mobile {
  font-weight: normal; }
  .solution-table__sort-mobile select {
    display: inline-block;
    width: auto; }

.solution-table-filter {
  background-color: #ebebeb;
  padding: 10px;
  margin-bottom: 10px; }

.solution-table__length {
  padding-top: 4px; }

.solution-table .form-inline .checkbox label {
  padding-left: 5px; }

.solution-table__checkbox-mobile {
  position: absolute;
  top: 2px;
  right: 0px;
  z-index: 2; }

.compare-footer {
  height: 130px;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  bottom: 0px;
  left: 0px;
  padding: 10px;
  padding-top: 25px;
  text-align: center;
  z-index: 900; }
  .compare-footer .compare-footer__box {
    position: relative; }
    .compare-footer .compare-footer__box img {
      width: 100%;
      margin-bottom: 10px; }
    .compare-footer .compare-footer__box .compare-footer__box__title {
      color: white;
      font-weight: bold; }
    .compare-footer .compare-footer__box .compare-footer__box__x {
      position: absolute;
      color: #b7b7b7;
      right: 0px;
      top: -15px; }
      .compare-footer .compare-footer__box .compare-footer__box__x:hover {
        cursor: pointer;
        color: white; }
  .compare-footer #compareButtonBox {
    padding-top: 10px; }
  .compare-footer #startOver {
    color: #b7b7b7; }
    .compare-footer #startOver:hover {
      color: white; }
  .compare-footer .compare-footer__count-mobile {
    color: white;
    font-weight: bold; }

.compare-modal .table {
  width: 99%; }
  .compare-modal .table th {
    vertical-align: middle; }
  .compare-modal .table .no-border {
    background: white;
    border: 0px;
    text-align: center; }
  .compare-modal .table img {
    width: 100px; }
  .compare-modal .table .same {
    color: #b7b7b7; }

.compare-modal__close {
  float: right;
  cursor: pointer; }
  .compare-modal__close:hover {
    color: #858585; }

.product-preview .panel-body {
  padding: 0px; }

.product-preview img {
  width: 100%; }

.product-preview .product-preview__table tr td {
  font-weight: bold; }
  .product-preview .product-preview__table tr td:last-child {
    text-align: right; }

.product-preview .product-preview__box {
  background-color: #ebebeb;
  margin: 10px;
  padding: 10px; }

.options-accessories table input[type="number"] {
  max-width: 100px; }

.options-accessories table td:first-child {
  width: 20px; }

.options-accessories table td {
  vertical-align: middle !important; }

@media (max-width: 767px) {
  .options-accessories table td:nth-child(2), .options-accessories table th:nth-child(2) {
    display: none; } }

table.pn-editor {
  margin-bottom: 20px; }
  table.pn-editor tbody tr td {
    padding: 0px; }
    table.pn-editor tbody tr td select {
      border-radius: 0px;
      width: 100%; }
    table.pn-editor tbody tr td .pn-editor--non-editable {
      display: block;
      height: 30px;
      padding: 5px; }
  table.pn-editor thead tr th {
    text-align: center;
    vertical-align: middle; }
  table.pn-editor .pn-editor--valid {
    background-color: #c7e0ac; }
  table.pn-editor .pn-editor--invalid {
    background-color: #ff9999; }
  table.pn-editor .pn-editor--non-editable {
    background-color: #d5e0ef; }

@media (max-width: 991px) {
  table.pn-editor {
    display: block; }
    table.pn-editor table, table.pn-editor thead, table.pn-editor tbody, table.pn-editor tr, table.pn-editor th, table.pn-editor td {
      display: block; }
    table.pn-editor > thead {
      position: absolute;
      width: 360px; }
      table.pn-editor > thead > tr > th {
        height: 52px; }
    table.pn-editor > tbody {
      margin-left: 50%;
      width: 375px; }
      table.pn-editor > tbody > tr > td {
        height: 52px; }
        table.pn-editor > tbody > tr > td .select2-container, table.pn-editor > tbody > tr > td .select2-selection.input-sm, table.pn-editor > tbody > tr > td select, table.pn-editor > tbody > tr > td input {
          height: 100%; }
        table.pn-editor > tbody > tr > td .select2-selection.input-sm {
          padding-top: 15px; }
        table.pn-editor > tbody > tr > td .pn-editor--non-editable {
          padding: 15px;
          font-size: 12px;
          height: 50px; } }

@media (min-width: 1px) and (max-width: 767px) {
  table.pn-editor > thead {
    width: calc(50% - 15px); }
  table.pn-editor > tbody {
    width: 50%; } }

.pn-editor__legend {
  margin-bottom: 20px; }

@media (max-width: 767px) {
  .pn-editor__heading {
    text-align: center; } }

.pn-editor__legend__item {
  background-color: #ebebeb;
  padding: 5px; }

.pn-editor__key {
  display: block;
  position: relative;
  margin-left: 45px; }
  .pn-editor__key:before {
    content: " ";
    width: 40px;
    height: 1em;
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    top: 2px;
    left: -45px; }
  .pn-editor__key.pn-editor--invalid:before {
    background-color: #ff9999; }
  .pn-editor__key.pn-editor--valid:before {
    background-color: #c7e0ac; }
  .pn-editor__key.pn-editor--non-editable:before {
    background-color: #d5e0ef; }

.glyphicon.glyphicon-question-sign:before {
  content: "?";
  font-family: "ProximaNova", sans-serif;
  font-weight: 700;
  background-color: white;
  color: #355D90;
  padding-left: 7px;
  padding-right: 7px;
  font-size: 18px;
  border-radius: 3px; }

.glyphicon.glyphicon-question-sign:hover::before {
  background-color: #b7b7b7; }

.app-content__question .glyphicon.glyphicon-question-sign:before {
  background-color: #355D90;
  margin-left: 5px;
  color: white;
  font-size: 12px;
  padding-left: 4px;
  padding-right: 4px;
  vertical-align: bottom; }

.app-content__question .glyphicon.glyphicon-question-sign:hover::before {
  background-color: #b7b7b7; }

.project-table th.sorting:after {
  content: "" !important; }

.project-table th.sorting_desc:after {
  content: "\e252" !important; }

.project-table th.sorting_asc:after {
  content: "\e253" !important; }

.project-table img {
  width: auto;
  max-width: 100%;
  border: 1px solid #b8b8b8; }

.project-table .project-table__row:hover td {
  background-color: #b8b8b8;
  cursor: pointer; }

.project-table .project-table__row .selected {
  background-color: #b8b8b8; }

.project-table__desc {
  display: none; }
  .project-table__desc p {
    margin-top: 10px; }
  .project-table__desc .project-table__close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 18px;
    color: black;
    cursor: pointer;
    z-index: 10; }

.breadcrumbs {
  color: #b7b7b7;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  text-align: right; }
  @media (max-width: 767px) {
    .breadcrumbs {
      text-align: center; } }
  .breadcrumbs .breadcrumbs__item:after {
    content: ">";
    margin-left: 5px;
    margin-right: 5px; }
  .breadcrumbs .breadcrumbs__item:last-child:after {
    content: "";
    margin: 0px; }
  .breadcrumbs a:hover, .breadcrumbs a:active, .breadcrumbs a:focus {
    text-decoration: none; }
  .breadcrumbs .breadcrumbs__item--complete a {
    color: #7bb142; }
    .breadcrumbs .breadcrumbs__item--complete a:hover {
      color: #618c34; }
  .breadcrumbs .breadcrumbs__item--current a {
    color: #355D90; }
    .breadcrumbs .breadcrumbs__item--current a:hover {
      color: #27456b; }

.bom .table {
  margin-bottom: 20px; }

.bom .bom__costs-text {
  padding: 10px; }

.bom .table__user-action .glyphicon-remove:hover {
  cursor: pointer; }

.resources__item img {
  max-width: 100%; }

h1 {
  font-size: 24px; }
  @media (max-width: 767px) {
    h1 {
      text-align: center;
      font-size: 20px; } }

.row-margin-bottom {
  margin-bottom: 20px; }

.icon-pdf {
  background: url("../img/icon-pdf.png");
  width: 24px;
  height: 24px;
  display: inline-block; }

.table-gray {
  margin-bottom: 0px; }
  .table-gray tr td {
    background-color: #ebebeb;
    border: 1px solid white; }
    .table-gray tr td.bg-warning {
      background-color: #ffff99; }
  .table-gray tr th {
    background-color: #355D90;
    color: white;
    border: 1px solid white;
    font-weight: normal; }

.panel-body {
  padding-left: 0px;
  padding-right: 0px; }

.table__quantity {
  width: 80px; }

.table__user-action {
  width: 36px;
  text-align: center; }

.popover {
  color: black; }

.radio input[type="radio"]:focus + label::before {
  outline: none; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #355D90;
  border-color: #355D90; }

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #355D90; }

.modal-header {
  background-color: #355D90;
  color: white; }
  .modal-header .close {
    color: white; }

.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {
  font-family: 'Glyphicons Halflings';
  content: "";
  background-color: #355D90; }

.checkbox label::before, .checkbox label::after {
  width: 14px;
  height: 14px;
  border: 1px solid #858585;
  border-radius: 0px;
  top: 2px;
  left: 2px;
  border-radius: 0px; }

.checkbox label:before {
  z-index: 4; }

.checkbox label::after {
  border: 1px solid black;
  z-index: 5; }

.checkbox {
  margin-top: 2px;
  margin-bottom: 2px; }

.form-inline .checkbox input[type=checkbox] {
  position: absolute;
  margin-left: -19px; }

.form-inline .radio input[type=radio] {
  position: absolute;
  margin-left: -18px; }

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
  margin-left: -19px; }

table.dataTable.table-condensed > thead > tr > th {
  padding-right: 5px; }

.options-accessories .checkbox label::before, .options-accessories .checkbox label::after {
  left: 5px; }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  vertical-align: middle; }

/* footer */
.footer {
  height: 70px;
  font-family: "ProximaNova";
  background-color: #ebebeb;
  text-align: right;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #858585; }
  @media (min-width: 768px) {
    .footer {
      height: 40px; } }
  .footer .footer__text {
    font-size: 12px;
    margin-top: 8px;
text-align:center;	}
    @media (max-width: 767px) {
      .footer .footer__text {
        text-align: center; } }
    .footer .footer__text a {
      color: #858585; }
      .footer .footer__text a:after {
        content: "|";
        margin-left: 5px;
        margin-right: 5px; }
    @media (max-width: 767px) {
      .footer .footer__text .footer__links a:last-child:after {
        content: ""; } }
    .footer .footer__text .copyright {
      font-size: 12px; }
      @media (max-width: 767px) {
        .footer .footer__text .copyright {
          display: block;
          margin-top: 10px;
          font-size: 10px; } }
.banner {

margin:0px;
padding:0px;


}
@media (max-width: 992px){
 .boxes .green.second a {
 background-color:#e27b36;
 }
 .boxes .orange.second a {
 background-color: #7bb142;
 }
}
.banner h1 span {
color:#000;
text-transform:uppercase;
font-size:26px;
font-weight:bold;
font-style:normal;
}
.banner h1 {
color:#355D90;
font-weight:bold;
font-style:italic;
font-size:46px;
float:left;
margin-top: -310px;

position:absolute;
}
.banner img {
width:100%;
}
.banner p {
text-align:center;
}
@media (min-width: 1200px){
.banner h1 {
margin-left:150px;
}
}
@media (max-width: 1199px){
.banner h1 {
margin-left:50px;
}
}
@media (max-width: 991px){
.banner p {
text-align:center;
}
.banner img {
width:100%;
vertical-align: middle;
}
.banner h1{
margin-top: -250px;
margin-left:30px;
}
.banner h1 span {
font-size:20px;
}
.banner h1 {
font-size:36px;
}

}
@media (min-width: 576px){
.banner h1 {
text-align:left;
}
}
 @media (max-width: 576px) {
 .banner h1 {
 text-align:left;
 margin-top:-150px;
 font-size: 25px;
 margin-left:20px;
 }
 .banner h1 span {
 font-size:18px;
 }
 .banner img {
width:100%;
min-height:150px;
 }

 }
 .boxes h2 {
 font-size:20px;
 font-weight:bold;
 background-color:#355d90;
 color:#fff;
 text-align:center;
 padding:10px;
 margin-top:0px;
 }
 .boxes img {
 width:90%;
}
.boxes img.scale-down {
  width:60%;
  margin-bottom: 20px;
  margin-top: 20px;
  
  }

 .boxes {
 padding:10px;
 }
  @media (max-width: 576px) {

 div.index {
 padding:0px;
 }
 .boxes {
 padding-right:0px;
 }
 .boxes h2 {
 font-size:18px;
 }
 }
 .boxes .orange, .boxes .green {
 text-align:center;

 }
 .boxes p {
 margin-bottom:20px;
 }
 .boxes .orange a {
 background-color: #e27b36;
 color:#fff;
 padding:15px 80px;
 font-weight:bold;
 margin-top:10px;
font-size:16px;
border-radius:5px;
 }
 .boxes .green a {
  background-color: #7bb142;
 color:#fff;
 padding:15px 80px;
 font-weight:bold;
 margin-top:10px;
font-size:16px;
border-radius:5px;
 }
 .context {
 border-left:2px solid #355d90;
 margin-top:30px;
 padding-top:30px;
 }

 .context.advantage{
  border-left: none;
}
 .context .context-section {
 background: #355d90; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#355d90, #fff 90%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#355d90, #fff 90%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#355d90, #fff 90%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#355d90, #fff 90%); /* Standard syntax */
	height:345px;
	border: 1px solid #355d90;
	border-radius:20px;
	text-align:center;
	margin-bottom:30px;
 }
 .context.advantage .context-section{
   background: none;
   border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
   height:415px;
 }
 .context.advantage .context-section p{
  text-align: left;
  padding-left: 10px;
  color: #333;
  font-size: 14px;
}
.context.advantage .context-section  img{
  max-width: 100%;
  
  
  }
 .context.advantage .context-section h4{
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  margin-top: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #355d90;
  font-size: 16px;
}



.padding-thin{
  padding-right: 5px;
  padding-left: 5px;
}

.context.advantage .context-section a{
  background-color: #355d90;
  padding: 5px 15px;
  border-radius: 14px;
  color: #fff;
  font-weight:bold;
  text-align: center;

  
}

 .context .context-section.tall{
  height:500px;
 }

 
 .context .context-section h4 {
 color:#fff;
 font-weight:bold;
 font-size:20px;
 }
 .context .context-section h4.orange, .context .context-section h4.orange a {
 color:#e27b36;
 }
 .context .context-section .context-inner {
 background-color:#fff;
 border-radius:10px;
 padding:20px 10px 10px 10px;
 height:250px;
 width: 90%;
 margin:0px auto;
 }

 .context.advantage .context-section .context-inner {
  background-color:#fff;
  border-radius:10px;
  padding:20px 10px 10px 10px;
  height:320px;
  width: 90%;
  margin:0px auto;
  }


 .context .context-section .context-inner.tall {
  height: 400px;
  }


 .context .context-section div p {
 color:#355d90;
 font-size:17px;
 
 text-align:left;
 }
 @media (max-width: 1200px) {
  .context.advantage .context-section h4.thick{
    padding-top: 18px;
    padding-bottom: 19px;
  }
 }
 @media (max-width: 992px) {
 .context .context-section .context-inner img{
 float:left;
 }

 .context.advantage .context-section h4.thick{
  padding-top: 10px;
  padding-bottom: 10px;
}
 
  .context.advantage .context-section  img{
    float:left;
    margin-left: -20px;
    margin-right: 10px;
    max-width: 30%;
  }
  
  .context.advantage .context-section{
    height: 200px
  }
 
  .context.advantage .context-section .context-inner{
    height:110px;
    }
 .context .context-section {
 height:200px;
 }
  .context .context-section .context-inner{
  height:110px;
  }
  .context {
  border-left:0px;
  }
  img.context-video {
  width:120px;
  margin-right:10px;
  }
  
  
 }
 .main-content img {
  width:75%;
 
 }



 .main-content #accordion img{
   width: 100%;
   text-align: center;
 }

 .main-content .scale-down #accordion img{
  width: auto;
  text-align: center;
}

 
 .main-content h3 {
 color:#355d90;
 }

 h3.advantage {
  text-align: center;
  border-top: 2px solid #1A5095;
  padding-top: 10px;
}



 .main-content #accordion h3 {
 font-weight:bold;
 font-size: 16px;
 }
 .main-content #accordion ul{
 list-style-image: url('../img/bullet-point.png');
 }
.main-content #accordion ul li {
margin-bottom:10px;
}
 .main-content h1 {
  color:#355d90;
font-weight:bold;
 }
 @media (max-width: 992px){
 div.why-electric img {
 width:30%;
 float:left;
 margin-left:20px;
 min-width:150px;
 }
 div.why-electric p {
 width:40%;
 float:left;
 margin-left:30px;
 margin-top:30px;
   color:#355d90;
font-size:90%;
 }

 }
  div.why-electric p.caption{
  margin-top:0px;
  }
  .main-content .button a {
  width:200px;
  background-color:#e27b36;
  color:#fff;
  padding:15px 50px;
  margin:10px auto;
  font-size:20px;
  font-weight:bold;
  border-radius:5px;
  }
 p.button {
  width:200px;
  margin: 30px auto;
  }
  div.products h3{
    text-align: center;
  }
 div.products img {
  max-width:150px;
  }
  div.products.applications img {
  max-width:216px;
  
  }
  div.products p.product-img {
  text-align:center;
  }
  div.products p.applications {
  text-align:center;
  }
  div.products a {
  width:180px;
  background-color:#e27b36;
  color:#fff;
  padding:10px 40px;
  margin:20px auto;
  font-size:20px;
  font-weight:bold;
  text-align:center;
  border-radius: 5px;
  }

  div.products.apps ul{

    padding-left: 20px;
    text-align: left;
  }
  
  div.products.apps h3{
    text-align: left;
  }
  div.products.styled ul li{
    font-size: 13px;
    list-style-type: none;
    margin-top: 10px;
    width: 150px;
    background-color: #d7d7d7;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    
  }
  div.products.styled ul li a{
    color:black;
    font-size:15px;
    background-color:#d7d7d7;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    margin-left: auto;
    font-weight: normal;
    
    /*font-weight:normal;*/
  }
  div.products.styled ul li a:hover{
    color:#355d90;

  }



  p.product-cta {
  text-align:center;
  margin:30px auto;
  }
  form#contactus input, form#contactus select, form#contactus textarea, form#get-started .form input, form#get-started .form select, form#get-started .form textarea{
  width:100%;
  background-color:#efedec;
  padding:5px;
  }
form#get-started input, form#get-started select, form#get-started textarea {
background-color:#efedec;
  padding:5px;
}
  form#contactus p, form#get-started p {
  color:#005295;
  padding-top:5px;
  font-weight:bold;
  }
  form#contactus input.form-submit, form#get-started input.form-submit {
  width:30%;
  margin:10px 35%;
  background-color:#e27b36;
  border:2px solid #e27b36;
  border-radius: 5px;
  color:#fff;
  font-weight:bold;
  font-size:20px;
  }
  form input, form select , form textarea{
  width: 100%;
  background-color: #efedec;
  padding: 5px;
  border-top: 2px solid #7d7d7d;
  border-left: 2px solid #7d7d7d;
  border-right: 1px solid #efedec;
  border-bottom: 1px solid #efedec;
  margin-bottom: 20px;
  }
  form select {
  color:#8a8989;
  }
  div.products.applications {
  padding:10px;
  }
  div.products.applications:hover {
  border:1px solid #ccc;
  border-radius: 5px;
  }
  @media (min-width: 992px){
  div.products.applications {
  height:490px;
  }
  div.products.applications p.product-cta {
  position: absolute;
  bottom: 0;
  
  }
  }
  @media (min-width: 767px){
   div.products.applications {
  height:530px;
  }
  div.products.applications p.product-cta {
  position: absolute;
  bottom: 0;
 
  }
  }
  div.products ul {
  padding-left:5px;
  text-align: center;
  }
  @media (min-width: 992px){
  div.products {
  height:600px;
  }
  div.products p.product-cta {
  position: absolute;
  bottom: 0;
  width:90%;
  text-align:center;
  }
  }
  @media (min-width: 767px){
   div.products {
  height:450px;
  }
  div.products:hover {
  border:1px solid #ccc;
  border-radius:5px;
  }

  div.products.styled:hover {
    border: none;
    }
  div.products p.product-cta {
  position: absolute;
  bottom: 0;
  width:90%;
  text-align:center;
  }
  }
 form#get-started div div input#Contact_Preferred_Distributor__c {
   margin:0px 13px 20px 13px;
   width:97%;
   }
   a:hover {
   text-decoration:none;   }
   @media (max-width: 767px) {
   form#get-started div div input#Contact_Preferred_Distributor__c {
   
   width:93%;
   }
   
   
   }

    img.image-small{
      width: 15px;
  }
  .table-striped th {
    text-align: center;
    background-color: #D9DCE3
    
    
 }
  .table-striped tbody tr:nth-child(even) td {
     background-color: #D9DCE3
  }
  
  .table-bordered{
    border: 2px solid #1A5095;
  }
  .table-bordered>thead>tr>th {
    border-bottom-width: 0px;
}

.table-bordered thead tr th
 {
  border: 1px solid #1A5095;
}

.table-bordered tbody tr td
{
 border: 1px solid #1A5095;
}

#accordion h3 span.click {
  color: #1f427d;
  font-size: 90%;
  float: right;
}

#accordion h3.ui-state-active span.click {
  display: none;
}

table.table tbody tr td{
  border: 2px solid white;
}

table.table thead tr th{
  border: 2px solid white;
  text-align: center;
}

table.components.foot th td{
  background-color: #ededeb;
  border: none;
}

table.components th {
  background-color:#e6e5e2;
  font-weight:normal;
  font-size:11px;
  padding:5px;
  line-height:12px;
  color:black;
  font-family:"UniversLTW02-57Condense 726300",Arial,Helvetica,sans-serif;
  }
  table.components {
  margin-bottom:15px;
  width:100%;
  }
  table.components td {
  font-size:10px;
  line-height:12px;
  text-align:center;
  }
  table.components td.yellow, table.components tr.yellow{
  background-color:#fff7a7;
  }
  table.components td.ltyellow, table.components tr.ltyellow{
  background-color:#fffacd;
  }
  table.components td.green, table.components tr.green {
  background-color:#c2dca8;
  }
  table.components td.ltgreen ,table.components tr.ltgreen {
  background-color:#dcebca;
  }
  table.components td.blue, table.components tr.blue {
  background-color:#95c2e0;
  }
  table.components td.ltblue, table.components tr.ltblue {
  background-color:#cadcec;
  }
  table.components tr.pink , table.components td.pink{
  background-color:#ffe3c1;
  }
  table.components tr.ltpink {
  background-color:#ffefdc;
  }
  table.components.foot th{
  background-color:#ededeb;
  }
  table.components.foot td {
  font-size:10px;
  color:black;
  font-weight:bold;
  }

table.table.overview_table{
  background-color: #ededeb;
}

table.components.foot tr th.padded {
  padding-left: 70px;
}


table.table.components.foot tr th{
  border: 2px solid white;
}

table.table tr td{
  color: #000000;
}

@media (max-width: 767px){
  #accordion h3 span.click {
      font-size: 70%;
  }
 }

 a.global-link {
  display:block;
  float:right;
  padding-top:10px;
  margin-right:20px;
  }