/*
@panel-radius: 0;
@panel-border-width: 1px;
@panel-gradient: false;
@panel-opacity: 0.2;*/
/*@button-border-color: @bg-color;*/
/*@font-face {
	font-family: customFont;
	src: url("../fonts/ConduitITCStd-Medium.woff") format('woff'),
         url("../fonts/ConduitITCStd-Medium.otf") format('opentype');
}*/
body {
  color: #000;
  font-family: 'Open Sans', 'sans-serif';
  background-image: url('../Images/body-background.png');
  background-color: #191919;
}
.text-primary {
  color: #000;
  opacity: 0.87;
}
.text-secondary {
  color: #000;
  opacity: 0.54;
}
.text-hint {
  color: #000;
  opacity: 0.38;
}
.text-accent {
  color: #0F2A4E;
}
.text-bold {
  font-weight: bold;
}
.modal-content {
  color: #000;
  /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
  width: inherit;
  height: inherit;
  /* To center horizontally */
  margin: 0 auto;
  pointer-events: all;
}
modal-body {
  font-family: 'Open Sans', 'sans-serif';
}
#container .modal.fade {
  left: -25%;
  -webkit-transition: opacity 0.3s linear, left 0.6s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.6s ease-out;
  -o-transition: opacity 0.3s linear, left 0.6s ease-out;
  transition: opacity 0.3s linear, left 0.6s ease-out;
}
#container .modal.fade.in {
  left: 50%;
}
.vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
  pointer-events: none;
  /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
  /* To center vertically */
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
}
#article-editor {
  width: 300px;
  margin-left: -300px;
  margin-right: -300px;
}
a {
  color: #FFFFFF;
}
a:hover {
  color: #FFFFFF;
}
.modal {
  color: #000;
}
.row {
  margin: 0;
}
#background {
  position: fixed;
  background-image: url("../Images/background.jpg");
  opacity: 0.2;
  height: 100%;
  width: 100%;
  z-index: -1;
}
@media screen and (min-width: 992px) {
  #background {
    background-size: 100%;
  }
}
@media screen (max-width: 991px) {
  #background {
    background-size: 50%;
  }
}
.container-fluid {
  background-color: #FFFFFF;
  max-width: 896px;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}
.navbar-fixed-bottom {
  min-height: 40px;
  background-color: #252525;
  /*opacity: .5;*/
  padding: 10px;
}
.banner {
  max-width: 100%;
  position: relative;
  top: -10px;
}
.content {
  padding-top: 10px;
}
.welcome-text-block {
  display: block;
  position: relative;
  text-align: center;
  margin-top: -10px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #FFF;
}
.header-logo {
  opacity: 0.8;
}
.btn {
  min-width: 80px;
}
.btn-submit {
  float: right;
  margin-top: 10px;
}
.btn-back {
  float: left;
  margin-top: 10px;
}
.btn-proofofpurchase {
  max-width: 200px;
  height: 40px;
  font-weight: bold;
  font-size: 16px;
  white-space: normal;
  position: relative;
  margin: 10px;
}
.disabled {
  pointer-events: none;
  cursor: default;
}
@media screen and (max-width: 991px) {
  .btn-submit-top {
    float: right;
    position: relative;
  }
}
@media screen and (min-width: 992px) {
  .btn-submit-top {
    float: right;
    margin-bottom: 20px;
    position: relative;
  }
}
@media screen and (max-width: 991px) {
  .btn-back-top {
    position: relative;
  }
}
@media screen and (min-width: 992px) {
  .btn-back-top {
    float: left;
    margin-bottom: 20px;
    position: relative;
  }
}
.glyphicon.glyphicon-upload {
  font-size: 20px;
  padding-left: 7px;
}
.button-icon {
  margin-top: 3px;
}
header {
  text-align: center;
}
header h1 {
  text-transform: capitalize;
}
header h2 {
  text-transform: capitalize;
}
img.img-shipping {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}
img.img-proofofpurchase {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}
img.img-survey {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
img.img-survey-category {
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.5);
}
img.img-product {
  width: 100%;
  height: 100%;
  opacity: 1;
  /*max-width: @image-width;
    max-height: @image-height;*/
  /* -webkit-box-shadow: 0 1px 3px 0 @shadow-color-opacity;
    -moz-box-shadow: 0 1px 3px 0 @shadow-color-opacity;
    box-shadow: 0 1px 3px 0 @shadow-color-opacity;*/
  /*-webkit-box-shadow: 0 5px 40px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 0 5px 40px 0 rgba(0,0,0,0.4);
    box-shadow: 0 5px 40px 0 rgba(0,0,0,0.4);*/
  cursor: pointer;
  border-bottom: 3px solid transparent;
  margin-bottom: 0px;
}
img.img-product:hover {
  opacity: 1;
  -webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.4);
  border-bottom: 3px solid #0F2A4E;
  margin-bottom: 0;
}
img.img-selected {
  /*-moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);*/
  opacity: 1;
  -webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.4);
  /*border-bottom: 2px solid @bootstrap-color-primary-light;*/
  border-bottom: 3px solid #0F2A4E;
  margin-bottom: 0;
}
.product-title {
  text-align: center;
}
.product-detail {
  margin-bottom: 20px;
  text-align: center;
}
.page-header {
  margin-top: -20px;
}
.spec-sheet-link {
  text-align: right;
}
/*.panel-shaded {
    padding: 10px 20px;
	margin-bottom: 5px;
	border-radius: @panel-radius;
	border: @panel-border-width solid @panel-color;
    opacity: @panel-opacity;
    .panel-shaded();
}*/
/*.panel-shaded() when (@panel-gradient = true) {
	background: -webkit-linear-gradient(@panel-color, lighten(@panel-color, 15%));
	background: -o-linear-gradent(@panel-color, lighten(@panel-color, 15%));
	background: -moz-linear-gradient(@panel-color, lighten(@panel-color, 15%));
	background: linear-gradient(@panel-color, lighten(@panel-color, 15%));
}*/
/*.panel-shaded() when (@panel-gradient = false) {
	background-color: @panel-color;
    opacity: 1;
    /*box-shadow: 0 0 4px 2px @panel-color;*/
/*z-index: 1;
}*/
/*.panel-shaded > div[class^="col"] {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}*/
.product-list {
  margin-bottom: 30px;
}
.col-padded {
  margin-top: 20px;
  margin-bottom: 20px;
}
.body-content {
  padding-top: 20px;
  padding-bottom: 50px;
  background-color: #FFF;
}
.form-control {
  background-color: #ffffff;
  margin: 2px;
  /*font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;*/
  /*border-color: transparent;
	color: @font-color;
    border-radius: @button-radius;
    margin: 2px;
    height:25px;
    padding: 2px 4px;*/
}
.form-control:focus {
  border-color: #3078E2;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6);
}
.form-control::-moz-placeholder {
  color: #d9d9d9;
  opacity: 1;
  font-style: italic;
}
.form-control:-ms-input-placeholder {
  color: #d9d9d9;
  font-style: italic;
}
.form-control::-webkit-input-placeholder {
  color: #d9d9d9;
  font-style: italic;
}
.foot {
  background-color: #191919;
  min-height: 110px;
  position: relative;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  color: #545454;
  border-top: 2px solid #0F2A4E;
}
.footer-logo {
  color: #545454;
  opacity: 0.87;
  position: relative;
  padding: 5px;
}
.footer-logo a {
  color: #545454;
  text-decoration: none;
}
.footer-logo a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
.footer-links {
  color: #FFFFFF;
  padding: 20px;
  text-align: center;
}
/* Breadcrumb trail */
.bc-bar {
  position: relative;
  background-color: #0F2A4E;
  height: 65px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.25), inset 0 -8px 8px -9px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.25), inset 0 -8px 8px -9px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.25), inset 0 -8px 8px -9px rgba(0, 0, 0, 0.25);
}
.breadcrumb-container {
  display: table;
  /*@media screen and (min-width: 992px) {
        width: 30%;
        position: relative;
        float: right;
    }

    @media screen and (max-width: 991px) {
        width: 100%;
        position: relative;
    }

    margin-bottom: 15px;*/
}
.breadcrumb-row {
  display: table-row;
  width: 100%;
}
.breadcrumb-section a[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.breadcrumb-row:before {
  top: 0;
  bottom: 0;
  position: relative;
  content: " ";
  width: 100%;
  height: 0;
}
.body-content:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}
.breadcrumb-section {
  display: table-cell;
  text-align: center;
  position: relative;
  background-color: transparent;
  cursor: pointer;
  color: #FFFFFF;
  padding: 0;
  top: 8px;
  text-shadow: 0 1px 2px #969696;
  opacity: 0.87;
}
.breadcrumb-section span {
  margin: 0 5px;
  padding-top: 0;
  color: #FFFFFF;
}
.breadcrumb-section a {
  color: #FFFFFF;
  display: block;
}
.breadcrumb-section a:hover {
  text-decoration: none;
  opacity: 0.54;
}
.breadcrumb-section-active {
  display: table-cell;
  text-align: center;
  position: relative;
  background-color: transparent;
  cursor: pointer;
  color: #FFFFFF;
  padding: 0;
  top: 8px;
  text-shadow: 0 1px 2px #969696;
  cursor: default;
  opacity: 1;
}
.breadcrumb-section-active span {
  margin: 0 5px;
  padding-top: 0;
  color: #FFFFFF;
}
.breadcrumb-section-active a {
  color: #FFFFFF;
  display: block;
}
.breadcrumb-section-active a:hover {
  text-decoration: none;
  opacity: 0.54;
}
.breadcrumb-section-active::after {
  display: block;
  position: relative;
  content: " ";
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAATCAYAAACHrr18AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAABwUlEQVRIx73UMU/bQBQH8L+JE5WGBoIEWWAoQzO1W5spjGFupgxlBykDGcpHSJWNkShfIOQLkKxByuYx3sxiCSkSCwsnW+f3OnAH11QksRP4S2/y+f3ubD9bSBbLKABgoxZKKiG6BsAGkFY9rLhN4sImmlFlT518odgJ0JQ6aWYymZwBQKFQuJiCKc4mFkEzADYAbPu+/5uZiZnJ9/1zANvqWkatjf34Z6FZAHnP806YWfJLpOd5pwDyas3S+H/oeDz+RUQhT4WIQtd1j1eFr+HpfWYB5B3H+UlEj/xKiOjRcZyqgadVj0ToRwBbw+HwiIgeeE6I6GE0Gh0B2FL3xsL/Qfv9fjmKovt5qE4URfeDweAwLq7ndB3AZrfb/S6lvFsUff7apLzr9Xo/AGyqXvYs3DLRdrv9VUp5Gxc18NtOp/NtCrdmos1m80sYhm5SVCcMQ7fVahVfwzX6AUCuXq9/DoLAWRbVCYLAaTQaBwByyrA1mtJotVrdE0LcrArVEULc1Gq1fQN/+UGUy+UdIcT1qlEDv65UKrtqxp/gYrH4SQhx9VaogV+VSqXc8/hIKS/fGtWRUl4CgMXMf94L1fkLJYn2FlMOPjUAAAAASUVORK5CYII=') /*../Images/breadcrumb-arrow.png*/;
  height: 19px;
  width: 30px;
  margin-left: auto;
  margin-right: auto;
  top: -5px;
}
.breadcrumb-section-disabled {
  display: table-cell;
  text-align: center;
  position: relative;
  background-color: transparent;
  cursor: pointer;
  color: #FFFFFF;
  padding: 0;
  top: 8px;
  text-shadow: 0 1px 2px #969696;
  opacity: 0.38;
  cursor: default;
}
.breadcrumb-section-disabled span {
  margin: 0 5px;
  padding-top: 0;
  color: #FFFFFF;
}
.breadcrumb-section-disabled a {
  color: #FFFFFF;
  display: block;
}
.breadcrumb-section-disabled a:hover {
  text-decoration: none;
  opacity: 0.54;
}
.breadcrumb-row-6 > .breadcrumb-section {
  width: 16%;
}
.breadcrumb-row-5 > .breadcrumb-section {
  width: 20%;
}
.breadcrumb-row-5 > .breadcrumb-section-active {
  width: 20%;
}
.breadcrumb-row-5 > .breadcrumb-section-disabled {
  width: 20%;
}
.breadcrumb-row-4 > .breadcrumb-section {
  width: 25%;
}
.breadcrumb-row-4 > .breadcrumb-section-active {
  width: 25%;
}
.breadcrumb-row-4 > .breadcrumb-section-disabled {
  width: 25%;
}
.breadcrumb-row-3 > .breadcrumb-section-active {
  width: 33%;
}
.breadcrumb-row-3 > .breadcrumb-section-disabled {
  width: 33%;
}
.breadcrumb-row-2 > .breadcrumb-section {
  width: 50%;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #e51c23;
}
.helperTextSize {
  font-size: small;
}
select option:disabled {
  color: #3078E2;
}
.option-name {
  text-transform: uppercase;
  color: #6d6147;
  text-align: left;
  min-height: 60px;
  margin: 2px;
  position: relative;
}
.option-name-survey {
  position: relative;
  bottom: 0;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .option-name-survey {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) {
  .option-name-survey {
    font-size: 10px;
  }
}
.col-sm-3.category.lg-selected {
  border-bottom: 3px solid #3078E2;
}
.col-sm-3.sm-category {
  background-color: #3078E2;
  height: 30px;
}
.col-sm-3.sm-category.sm-selected {
  background-color: #FED77A;
  border-bottom: 3px solid #3078E2;
  height: 30px;
  color: #FFF;
}
.header-text {
  /*font-size: 30px;*/
}
@media screen and (max-width: 991px) {
  .header-text {
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  .header-text {
    font-size: 22px;
  }
}
.survey-category {
  text-transform: uppercase;
  min-height: 40px;
  margin: 2px;
  position: relative;
  text-align: center;
}
.survey-category-text {
  font-size: 16px;
  position: relative;
  bottom: 0;
  text-align: center;
  font-weight: bold;
}
@media screen and (min-width: 250px) and (max-width: 350px) {
  .survey-category-text {
    font-size: 12px;
  }
}
.survey-category-text-small {
  text-transform: uppercase;
  cursor: pointer;
  height: 100%;
  line-height: 32px;
  display: block;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
@media screen and (min-width: 250px) and (max-width: 350px) {
  .survey-category-text-small {
    font-size: 15px;
  }
}
@media screen and (min-width: 351px) and (max-width: 991px) {
  .survey-category-text-small {
    font-size: 16px;
  }
}
.survey-question-box {
  text-align: center;
  margin-bottom: 25px;
  /*max-width: 220px;*/
  border-bottom: 2px solid transparent;
}
/*.survey-question-box:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-box-shadow: 0 5px 40px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 0 5px 40px 0 rgba(0,0,0,0.4);
    box-shadow: 0 5px 40px 0 rgba(0,0,0,0.4);
    border-bottom: 2px solid @bootstrap-color-primary-light;
    position: relative;
}*/
.survey-question-innerbox {
  min-height: 200px;
  background-color: #FFFFFF;
  padding: 3px;
}
input[type=number].survey-question-number-text {
  text-align: center;
  background-color: #ffffff;
  margin: 2px;
  /*@media screen and (min-width: 250px) and (max-width: 350px) {
        font-size: 11px;
    }*/
}
@media screen and (min-width: 250px) and (max-width: 991px) {
  input[type=number].survey-question-number-text {
    font-size: 13px;
  }
}
@media screen and (min-width: 992px) {
  input[type=number].survey-question-number-text {
    font-size: 16px;
  }
}
.popModalBtn {
  color: #000;
}
a.contact-text {
  color: #000;
}
a.contact-text:hover {
  color: #545454;
}
a.terms {
  text-decoration: underline;
  color: darkblue;
}
.spinner {
  background: url('../Images/rolling.gif') no-repeat center center;
  width: 38px;
  height: 38px;
}
div#preloaded-images {
  position: absolute;
  overflow: hidden;
  left: -9999px;
  top: -9999px;
  height: 1px;
  width: 1px;
}
.short-terms {
  padding: 0 15px 0 15px;
  font-size: smaller;
  line-height: normal;
  color: #949494;
}
#link-override {
  font-weight: bold;
  color: #000;
}
.container-error {
  background-color: #FFFFFF;
  max-width: 896px;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  padding: 10px 10px 10px 10px;
  -webkit-box-shadow: 0 1px 4px 0 #e51c23;
  -moz-box-shadow: 0 1px 4px 0 #e51c23;
  box-shadow: 0 1px 4px 0 #e51c23;
}
.container-good {
  background-color: #FFFFFF;
  max-width: 896px;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  padding: 10px 10px 10px 10px;
  -webkit-box-shadow: 0 1px 1px 0;
  -moz-box-shadow: 0 1px 1px 0;
  box-shadow: 0 1px 1px 0;
}
.span-empty_fill {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.pop_question + .popover.top {
  background-color: red;
}
p.info_watermark_para {
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  font-size: 14px;
}
div.info_watermark_image > img {
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
div.info_watermark_image:hover > img {
  opacity: 0.15;
}
div.info_watermark_image > p {
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
div.info_watermark_image:hover > p {
  opacity: 1;
}