.ie8 .bugs-content .bugs-items-list .bug-item .button-quickview {
  margin-left: -50px;
  margin-top: -20px;
}
.ie8 .bug-id-detail-content .bugid-slider .thumbnails-container .thumbnails lI {
  width: 78px !important;
}
.ie8 .bug-id-detail-content .bugid-slider .thumbnails-container .thumbnails lI.active {
  width: 78px !important;
}
.ie8 .polygon-image {
  display: none;
}
.ie8 .svg {
  display: none;
}
.ie8 .ie8-hexagon {
  max-width: 60px !important;
  max-height: 60px !important;
  margin: 10px;
}
.ie8 .svg-graphic {
  display: none;
}
.ie8 .utility-bugidlanding section {
  display: none!important;
}
.ie8 .bug-id-detail-content .thumbnails LI IMG {
  margin: 10px !important;
}
.ie8 ul li.active .ie8-hexagon {
  border: solid 2px #c71b22;
}
.ie8 .counter ul li.active,
.ie9 .counter ul li.active {
  z-index: 4;
}
ul.flip {
  position: relative;
  float: left;
  margin: 5px;
  width: 75px;
  height: 94px;
  font-size: 95px;
  font-size: 9.5rem;
  line-height: 94px;
  border-radius: 6px;
  box-shadow: 0 2px 5px #bababa;
  list-style: none;
  margin: 0 11px 0 0;
  padding: 0;
}
ul.flip li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
ul.flip li:first-child {
  z-index: 2;
}
ul.flip li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  -ms-perspective: 200px;
  perspective: 200px;
}
ul.flip li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  overflow: hidden;
}
ul.flip li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
ul.flip li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0;
}
ul.flip li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #d4d4d4;
}
ul.flip li a div.down {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  bottom: 0;
}
ul.flip li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #60b800;
  text-shadow: 0 1px 2px #c7c7c7;
  text-align: center;
  background: #d4d4d4;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #d4d4d4 0%, #f3f3f3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4d4d4), color-stop(100%, #f3f3f3));
  background: -webkit-linear-gradient(top, #d4d4d4 0%, #f3f3f3 100%);
  background: -o-linear-gradient(top, #d4d4d4 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #d4d4d4 0%, #f3f3f3 100%);
  background: linear-gradient(to bottom, #d4d4d4 0%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4d4d4', endColorstr='#f3f3f3', GradientType=0);
  border-radius: 6px;
}
ul.flip li a div.up div.inn {
  top: 0;
}
ul.flip li a div.down div.inn {
  bottom: 0;
}
/* PLAY */
body.play ul li.before {
  z-index: 3;
}
body.play ul li.active {
  -webkit-animation: asd .5s .5s linear both;
  -moz-animation: asd .5s .5s linear both;
  -o-animation: asd .5s .5s linear both;
  animation: asd .5s .5s linear both;
  z-index: 2;
}
@-webkit-keyframes asd {
  0% {
    z-index: 2;
  }
  5% {
    z-index: 4;
  }
  100% {
    z-index: 4;
  }
}
@keyframes asd {
  0% {
    z-index: 2;
  }
  5% {
    z-index: 4;
  }
  100% {
    z-index: 4;
  }
}
body.play ul li.active .down {
  z-index: 2;
  -webkit-animation: turn .5s .5s linear both;
  -moz-animation: turn .5s .5s linear both;
  -o-animation: turn .5s .5s linear both;
  animation: turn .5s .5s linear both;
}
@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
body.play ul li.before .up {
  z-index: 2;
  -webkit-animation: turn2 .5s linear both;
  -moz-animation: turn2 .5s linear both;
  -o-animation: turn2 .5s linear both;
  animation: turn2 .5s linear both;
}
@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
  100% {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
}
@keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
  100% {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
}
/* SHADOW */
body.play ul li.before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, #000000));
  background: linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000000 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000000 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, #000000 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, #000000 100%);
  -webkit-animation: show .5s linear both;
  -moz-animation: show .5s linear both;
  -o-animation: show .5s linear both;
  animation: show .5s linear both;
}
/*body.play ul li.active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .1)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    -o-animation: hide .5s .3s linear both;
    animation: hide .5s .3s linear both;
}*/
/*DOWN*/
/*body.play ul li.before .down .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, .1)));
    background: linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
    -webkit-animation: show .5s linear both;
    -moz-animation: show .5s linear both;
    -o-animation: show .5s linear both;
    animation: show .5s linear both;
}*/
body.play ul li.active .down .shadow {
  background: -moz-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -o-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, #000000 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0.1) 100%);
  -webkit-animation: hide .5s .3s linear both;
  -moz-animation: hide .5s .3s linear both;
  -o-animation: hide .5s .3s linear both;
  animation: hide .5s .3s linear both;
}
@-webkit-keyframes show {
  0% {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';
  }
  100% {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=100)';
  }
}
@keyframes show {
  0% {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';
  }
  100% {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=100)';
  }
}
@-webkit-keyframes hide {
  0% {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=100)';
  }
  100% {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';
  }
}
@keyframes hide {
  0% {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=100)';
  }
  100% {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';
  }
}
/*BUG ID DETAIL*/
.main-title h1 {
  font-family: AvenirLTStd-Black, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  color: #2d2b2c;
  text-transform: uppercase;
  margin-bottom: 6px;
}
@media only screen and (min-width: 960px) {
  .main-title h1 {
    font-size: 30px;
    font-size: 3rem;
    margin-top: 70px;
  }
}
.main-title .nomenclature {
  font-family: 'titillium_websemibold', Arial, Helvetica, Sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  color: #26ace2;
  margin-bottom: 6px;
}
@media only screen and (min-width: 960px) {
  .main-title .nomenclature {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 18px;
  }
}
@media only screen and (min-width: 960px) {
  .detailed-col {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 960px) {
  .info-col {
    margin-bottom: 47px;
  }
}
.bys-hightlighted-box {
  margin: 20px;
  background-color: #ebebeb;
}
@media only screen and (min-width: 960px) {
  .bys-hightlighted-box {
    margin: 47px 0 18px;
    padding: 0 15px 15px;
  }
}
.bys-hightlighted-box .bys-chevron-icon {
  position: relative;
  top: -10px;
  display: table-cell;
}
.bys-hightlighted-box .bys-content {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 16px 10px;
}
@media only screen and (min-width: 960px) {
  .bys-hightlighted-box .bys-content {
    font-size: 16px;
    font-size: 1.6rem;
    padding-top: 10px;
  }
}
.bys-hightlighted-box .bys-content p {
  margin-bottom: 0;
  line-height: 17px;
  line-height: 1.7rem;
}
@media only screen and (min-width: 960px) {
  .bys-hightlighted-box .bys-content p {
    line-height: 27px;
    line-height: 2.7rem;
  }
}
.bys-hightlighted-box .bys-content p.highlighted {
  font-family: 'titillium_websemibold', Arial, Helvetica, Sans-serif;
  line-height: 13px;
  line-height: 1.3rem;
  margin-bottom: 7px;
}
.bys-hightlighted-box .btn {
  width: 100%;
}
.bug-id-detail-content .features-container {
  margin: 5px 20px 20px;
}
@media only screen and (min-width: 960px) {
  .bug-id-detail-content .features-container {
    margin: 5px 0;
  }
}
.bug-id-detail-content .features-container .cta {
  margin: 10px -5px 38px;
}
@media only screen and (min-width: 960px) {
  .bug-id-detail-content .features-container .cta {
    margin-top: 38px;
  }
}
.bug-id-detail-content .features-container .cta .btn {
  width: 100%;
}
.bug-id-detail-content .features-container .row.feature-row {
  border-bottom: 1px solid #e2e2e2;
  padding: 18px 0;
  font-size: 12px;
  font-size: 1.2rem;
}
@media only screen and (min-width: 960px) {
  .bug-id-detail-content .features-container .row.feature-row {
    padding: 20px 0;
  }
}
.bug-id-detail-content .features-container .row.feature-row.size img {
  margin: 0px auto;
  display: block;
}
.bug-id-detail-content .features-container .row.feature-row.habitat {
  padding-bottom: 13px;
}
.bug-id-detail-content .features-container .row.feature-row.mistaken-for .mistaken-bug {
  margin-top: 30px;
  display: inline-block;
  height: 150px;
}
@media only screen and (min-width: 960px) {
  .bug-id-detail-content .features-container .row.feature-row.mistaken-for .mistaken-bug {
    margin-top: 5px;
    height: auto;
  }
}
.bug-id-detail-content .features-container .row.feature-row.mistaken-for .mistaken-bug a {
  color: #c6181f;
}
.bug-id-detail-content .features-container .row.feature-row.mistaken-for .mistaken-bug .caption {
  font-family: 'titillium_websemibold', Arial, Helvetica, Sans-serif;
  text-transform: uppercase;
  color: #c6181f;
  margin-top: 15px;
}
.bug-id-detail-content .features-container .row.feature-row.mistaken-for .mistaken-bug img {
  max-height: 80px;
}
@media only screen and (min-width: 960px) {
  .bug-id-detail-content .features-container .row.feature-row.mistaken-for .highlighted {
    margin-bottom: 20px;
  }
}
.bug-id-detail-content .features-container .row.feature-row.mistaken-for img {
  float: none;
}
.bug-id-detail-content .features-container .row.feature-row.last {
  border-bottom: none;
}
.bug-id-detail-content .features-container .row.feature-row p.highlighted {
  text-transform: uppercase;
  font-family: 'titillium_websemibold', Arial, Helvetica, Sans-serif;
}
.bug-id-detail-content .features-container .row.feature-row p.caption {
  font-family: 'titillium_websemibold', Arial, Helvetica, Sans-serif;
  margin-top: 10px;
}
.bug-id-detail-content .features-container ul {
  list-style-type: none;
  padding: 0;
}
.bug-id-detail-content .features-container ul.color-list {
  display: table;
  margin: 0 auto;
}
.bug-id-detail-content .features-container ul.color-list li {
  float: left;
  margin: 0 3px;
}
.bug-id-detail-content .features-container ul .circle {
  border: 4px solid #FFFFFF;
  display: block;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  box-shadow: 0px 0px 0px 1px #b7afb3;
  -moz-box-shadow: 0px 0px 0px 1px #b7afb3;
  -webkit-box-shadow: 0px 0px 0px 1px #b7afb3;
  text-indent: -9999px;
  color: #fff;
}
.bug-id-detail-content .features-container ul .circle.gradient {
  background-size: 50% 50%;
  background-position: 0% 0%, 0% 100%, 100% 0%, 100% 100%;
  background-repeat: no-repeat;
  border-radius: 50%;
  overflow: hidden !important;
}
.bug-id-detail-content .features-container ul .multi-color {
  background: linear-gradient(45deg, #712e11, #712e11 100%), linear-gradient(135deg, #ff0000, #ff0000), linear-gradient(225deg, #712e11, #712e11), linear-gradient(225deg, #ff0000, #ff0000);
  background-image: -moz-linear-gradient(top, #444444, #999999);
  /* FF3.6 */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #999999));
  /* Saf4+, Chrome */

}
.bug-id-detail-content .features-container ul .top-color {
  height: 14px;
  width: 28px;
  border-radius: 28px 28px 0 0;
  -moz-border-radius: 28px 28px 0 0;
  -webkit-border-radius: 28px 28px 0 0;
  background: #000;
}
.bug-id-detail-content .features-container ul .bottom-color {
  height: 14px;
  width: 28px;
  border-radius: 0px 0px 28px 28px;
  -moz-border-radius: 0px 0px 28px 28px;
  -webkit-border-radius: 0px 0px 28px 28px;
  background: #FFFF00;
}
.bug-id-detail-content .features-container ul .light-brown {
  background: #712E11;
}
.bug-id-detail-content .features-container ul .brown {
  background: #4C3114;
}
.bug-id-detail-content .features-container ul .black {
  background: #000000;
}
.bug-id-detail-content .bugid-slider {
  overflow: hidden;
}
@media only screen and (min-width: 960px) {
  .bug-id-detail-content .bugid-slider {
    position: relative;
    height: 530px;
    margin: 62px -5px 5px;
    width: 630px;
  }
}
.bug-id-detail-content .bugid-slider .frame {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 477px;
  top: 40px;
  background: url('../Images/Content/bugid-slider-border.png') no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.bug-id-detail-content .bugid-slider .thumbnails-container {
  display: table;
  /* Allow the centering to work */

  margin: 0 auto;
  position: relative;
  z-index: 4;
  margin-top: 10px;
}
@media only screen and (min-width: 960px) {
  .bug-id-detail-content .bugid-slider .thumbnails-container {
    overflow: auto;
    text-align: center;
  }
}
.bug-id-detail-content .bugid-slider .thumbnails-container .thumbnails li {
  float: left;
  overflow: hidden;
  width: 16px;
  height: 16px;
  background: url('../Images/Content/bug-id-slider-pager.jpg') -16px 0 no-repeat;
  cursor: pointer;
}
.bug-id-detail-content .bugid-slider .thumbnails-container .thumbnails li .hexagon-border {
  fill: #FFF;
  stroke: #FFFFFF;
  stroke-width: 120px;
}
.bug-id-detail-content .bugid-slider .thumbnails-container .thumbnails li .hexagon-border image {
  background-color: #FFF;
}
@media only screen and (min-width: 960px) {
  .bug-id-detail-content .bugid-slider .thumbnails-container .thumbnails li {
    width: 71px;
    height: 82px;
    background: none;
    margin: 0 0px;
  }
  .bug-id-detail-content .bugid-slider .thumbnails-container .thumbnails li img {
    margin-left: -100%;
  }
}
.bug-id-detail-content .bugid-slider .thumbnails-container .thumbnails li.active {
  background-position: 0 0;
}
@media only screen and (min-width: 960px) {
  .bug-id-detail-content .bugid-slider .thumbnails-container .thumbnails li.active img {
    margin-left: 0;
  }
  .bug-id-detail-content .bugid-slider .thumbnails-container .thumbnails li.active svg .hexagon-border {
    fill: #c71b22 !important;
    stroke: #FFFFFF;
    stroke-width: 105px;
  }
}
.bug-id-detail-content .bugid-slider ul {
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.bug-id-detail-content .bugid-slider ul.slides {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  width: 251px;
  height: 157px;
}
@media only screen and (min-width: 960px) {
  .bug-id-detail-content .bugid-slider ul.slides {
    width: 630px;
    height: 477px;
    position: absolute;
    z-index: 1;
    bottom: 0;
  }
}
.bug-id-detail-content .bugid-slider ul.slides .active {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=100)';
}
.bug-id-detail-content .bugid-slider ul.slides li {
  display: none;
  position: absolute;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}
@media only screen and (min-width: 960px) {
  .bug-id-detail-content .bugid-slider ul.slides li {
    top: 44px;
  }
}
.bug-id-detail-content .bugid-slider ul.slides li.active {
  display: block;
}
.bug-id-detail-content .bugid-slider ul.slides li img {
  width: 85%;
  height: 100%;
}
.bug-id-detail-content .bugid-content-row .bugid-detail-content-title h6 {
  margin: 0;
  padding: 14px 13px 14px 18px;
  border-top: 1px solid #c1c1c1;
  border-bottom: 1px solid #a9a9a9;
  background-color: #DBDBDB;
  font-family: 'titillium_websemibold', Arial, Helvetica, Sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  color: #ce040c;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
}
@media only screen and (min-width: 960px) {
  .bug-id-detail-content .bugid-content-row .bugid-detail-content-title h6 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-top: 23px;
    color: #26ace2;
    text-transform: none;
    background: none;
    border: none;
    cursor: auto;
    padding-left: 10px;
  }
}
.bug-id-detail-content .bugid-content-row .bugid-detail-content-title h6 .resp-arrow {
  float: right;
  width: 24px;
  height: 24px;
  margin-top: -6px;
  border-style: none !important;
  background: url("/images/icons/tab-arrow-down.png") no-repeat;
}
.bug-id-detail-content .bugid-content-row .bugid-detail-content-title.active .resp-arrow {
  background: url("/images/icons/tab-arrow-up.png") no-repeat;
}
.bug-id-detail-content .bugid-content-row .bugid-detail-content {
  height: 0;
  overflow: hidden;
  margin: 0 10px;
}
@media only screen and (min-width: 960px) {
  .bug-id-detail-content .bugid-content-row .bugid-detail-content {
    height: auto;
    overflow: visible;
  }
}
.bug-id-detail-content .bugid-content-row .bugid-detail-content.active {
  height: auto;
}
.bug-id-detail-content .bugid-content-row .bugid-detail-content p.highlighted {
  font-family: 'titillium_websemibold', Arial, Helvetica, Sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 20px;
}
@media only screen and (min-width: 960px) {
  .bug-id-detail-content .bugid-content-row .bugid-detail-content p.highlighted {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.bug-id-detail-content .bugid-content-row .bugid-detail-content ul {
  font-family: 'titillium_webregular', Arial, Helvetica, Sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  list-style: none;
  padding: 20px 0;
  margin: 0;
}
@media only screen and (min-width: 960px) {
  .bug-id-detail-content .bugid-content-row .bugid-detail-content ul {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
.bug-id-detail-content .bugid-content-row .bugid-detail-content ul li {
  padding-left: 1em;
  text-indent: -0.7em;
  line-height: 17px;
  line-height: 1.7rem;
  padding-right: 10px;
}
.bug-id-detail-content .bugid-content-row .bugid-detail-content ul li span {
  position: relative;
  left: 0.5em;
}
@media only screen and (min-width: 960px) {
  .bug-id-detail-content .bugid-content-row .bugid-detail-content ul li {
    line-height: 30px;
    line-height: 3rem;
  }
}
.bug-id-detail-content .bugid-content-row .bugid-detail-content ul li:before {
  content: "• ";
  color: #c6181f;
}
.bugid-featured-top-panel {
  background-color: #ebebeb;
  border-top: #d6d6d6;
  text-align: center;
}
@media only screen and (min-width: 720px) {
  .bugid-featured-top-panel {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 960px) {
  .bugid-featured-top-panel .bugid-featured-row {
    padding-top: 20px;
    display: inline-block;
    margin: 0px auto;
    float: none;
  }
}
.bugid-featured-top-panel .bugid-featured-row .toutarea {
  padding: 12px 0 18px;
}
.bugid-featured-top-panel .bugid-featured-row p {
  font-size: 14px;
  font-size: 1.4rem;
}
.bugid-featured-top-panel .bugid-featured-row p.highlighted {
  font-family: 'titillium_websemibold', Arial, Helvetica, Sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.8rem;
  color: #2d2b2c;
  border-bottom: 1px solid #c2c9cb;
  padding-bottom: 5px;
  margin-bottom: 20px;
  display: inline-block;
}
.bugid-featured-top-panel .bugid-featured-row p.no-side-margins {
  margin-left: 0;
  margin-right: 0;
}
.bugid-featured-top-panel .bugid-featured-row .tout {
  min-width: 300px;
  z-index: 1;
}
.bugid-featured-top-panel .bugid-featured-row .tout:last-child div {
  border: none;
}
.bugid-featured-top-panel .bugid-featured-row .videoplayer {
  padding-bottom: 11px;
  width: 305px;
  margin: 0 auto;
  float: none;
}
@media only screen and (min-width: 720px) {
  .bugid-featured-top-panel .bugid-featured-row .videoplayer {
    width: 475px;
  }
}
.bugid-featured-top-panel .bugid-featured-row .videoplayer .video {
  width: 286px;
  margin: 0 auto;
}
.bugid-featured-top-panel .bugid-featured-row .top-content-wrapper {
  padding: 25px 0;
  border-bottom: 1px solid #dedede;
}
@media only screen and (min-width: 960px) {
  .bugid-featured-top-panel .bugid-featured-row .top-content-wrapper {
    padding-top: 12px;
    border-bottom: none;
    border-right: 1px solid #dedede;
    min-height: 222px;
  }
}
.bugid-featured-top-panel .bugid-featured-row .top-content-wrapper a {
  font-family: 'titillium_websemibold', Arial, Helvetica, Sans-serif;
  color: #c6181f;
}
.bugid-featured-top-panel .bugid-featured-row .top-content-wrapper a.featured-product-link {
  text-transform: uppercase;
}
.bugid-featured-top-panel .bugid-featured-row .top-content-wrapper a.featured-product-link .chevron {
  display: inline-block;
  background: url('../Images/Content/bugid-promo-chevron-link.png') no-repeat;
  width: 21px;
  height: 13px;
  margin-right: 5px;
}
.bugid-featured-top-panel .bugid-featured-row .top-content-wrapper a.featured-product-link .arrow {
  display: inline-block;
  background: url('../Images/Content/bugid-promo-arrow-link.png') no-repeat;
  width: 5px;
  height: 8px;
}
.bugid-featured-top-panel .bugid-featured-row .top-content-wrapper p,
.bugid-featured-top-panel .bugid-featured-row .top-content-wrapper li {
  margin-left: 65px;
  margin-right: 65px;
}
@media only screen and (min-width: 960px) {
  .bugid-featured-top-panel .bugid-featured-row .top-content-wrapper p,
  .bugid-featured-top-panel .bugid-featured-row .top-content-wrapper li {
    margin-left: 60px;
    margin-right: 60px;
  }
}
.bugid-featured-top-panel .bugid-featured-row .top-content-wrapper p {
  font-size: 14px;
  font-size: 1.4rem;
}
.bugid-featured-top-panel .bugid-featured-row .top-content-wrapper p.highlighted {
  font-family: 'titillium_websemibold', Arial, Helvetica, Sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.8rem;
  color: #2d2b2c;
  border-bottom: 1px solid #c2c9cb;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.bugid-featured-top-panel .bugid-featured-row .top-content-wrapper p.no-side-margins {
  margin-left: 0;
  margin-right: 0;
}
.bugid-featured-top-panel .bugid-featured-row .top-content-wrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.bugid-featured-top-panel .bugid-featured-row .top-content-wrapper ul li {
  font-size: 13px;
  font-size: 1.3rem;
}
@media only screen and (min-width: 960px) {
  .bugid-featured-top-panel .bugid-featured-row .top-content-wrapper ul.questions-list {
    margin-top: 31px;
  }
}
.bugid-featured-top-panel .bugid-featured-row .top-content-wrapper ul.questions-list li {
  padding: 9px 0;
  background: url('../Images/Content/bugid-promo-questions-divisor.png') no-repeat center bottom;
  line-height: 19px;
  line-height: 1.9rem;
}
@media only screen and (min-width: 960px) {
  .bugid-featured-top-panel .bugid-featured-row .top-content-wrapper ul.questions-list li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.bugid-featured-top-panel .bugid-featured-row .top-content-wrapper ul.questions-list li:first-child {
  padding-top: 0;
}
.bugid-featured-top-panel .bugid-featured-row .top-content-wrapper ul.questions-list li:last-child {
  padding-bottom: 0;
  background: none;
}
.bugid-featured-top-panel .bugid-featured-row .top-content-wrapper.video {
  padding: 20px 0 18px;
}
.bugid-featured-top-panel .bugid-featured-row .top-content-wrapper.video .highlighted {
  margin-bottom: 17px;
}
@media only screen and (min-width: 960px) {
  .bugid-featured-top-panel .bugid-featured-row .top-content-wrapper.video {
    padding-top: 12px;
  }
}
.bugid-featured-top-panel .bugid-featured-row .top-content-wrapper.product {
  padding-top: 23px;
}
.bugid-featured-top-panel .bugid-featured-row .top-content-wrapper.product .highlighted {
  margin-bottom: 11px;
}
@media only screen and (min-width: 960px) {
  .bugid-featured-top-panel .bugid-featured-row .top-content-wrapper.product {
    padding-top: 12px;
    border-right: none;
    position: relative;
    z-index: 999;
  }
}
/*BUG ID LANDING */
.bug-id-landing {
  position: relative;
  overflow: hidden;
}
.bug-id-landing .tab-bugs-content.expanded {
  margin-top: 0;
}
.bug-id-landing .bugs-content.active {
  height: auto;
  overflow: visible;
}
.bug-id-landing .text-center img {
  width: 163px;
}
@media only screen and (min-width: 720px) {
  .bug-id-landing .text-center img {
    width: auto;
  }
}
.bug-id-landing .bug-main-content {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}
.bug-id-landing .bug-main-content .bug-id-hero > .row:first-child {
  padding-top: 30px;
}
.bug-id-landing .bug-main-content .bug-id-hero .let-get-started {
  position: relative;
  margin-top: 15px;
}
.bug-id-landing .bug-main-content .bug-id-hero .let-get-started .get-started-link.hidden-icon {
  width: 185px;
  height: 44px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none;
  padding: 0;
  background-image: none;
  background-color: #e5e5e5;
  line-height: 47px;
}
@media only screen and (min-width: 960px) {
  .bug-id-landing .bug-main-content .bug-id-hero .let-get-started .get-started-link.hidden-icon {
    width: 254px;
    height: 60px;
    line-height: 67px;
  }
}
.bug-id-landing .bug-main-content .bug-id-hero .let-get-started .get-started-link.hidden-icon:hover {
  background-color: #EBEBEB;
}
.bug-id-landing .bug-main-content .bug-id-hero .let-get-started .get-started-link.hidden-icon .text-button {
  margin-left: 5px;
  text-align: center;
}
.bug-id-landing .bug-main-content .bug-id-hero .let-get-started img {
  float: left;
  margin: -8px 0 0 20px;
  width: 64px;
  height: 91px;
}
.bug-id-landing .bug-main-content .bug-id-hero h3 {
  font-size: 13px;
  font-family: Nunito;
  font-weight: 300;
  color: #FFF;
  margin: -97px 0 14px;
  letter-spacing: 0;
}
.bug-id-landing .bug-main-content .bug-id-hero h3 .superscript {
  position: relative;
  top: -0.9em;
  font-size: 40%;
}
@media only screen and (min-width: 720px) {
  .bug-id-landing .bug-main-content .bug-id-hero h3 .superscript {
    top: -0.5em;
    font-size: 60%;
  }
}
@media only screen and (min-width: 720px) {
  .bug-id-landing .bug-main-content .bug-id-hero h3 {
    font-size: 30px;
    font-size: 3rem;
    margin: 0 0 20px;
    letter-spacing: .04em;
  }
}
.bug-id-landing .bug-main-content .bug-id-hero .bugId-landing-title {
  width: 163px;
  height: 39px;
  margin-bottom: 24px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: url(../Images/Content/bugid-title.png) 0 -65px no-repeat;
}
@media only screen and (min-width: 720px) {
  .bug-id-landing .bug-main-content .bug-id-hero .bugId-landing-title {
    width: 294px;
    height: 65px;
    margin-bottom: 42px;
    background: url(../Images/Content/bugid-title.png) 0 0 no-repeat;
  }
}
.bug-id-landing .bug-main-content .bug-id-hero p {
  width: 256px;
  margin: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-family: 'titillium_webregular', Arial, Helvetica, Sans-serif;
  letter-spacing: .04em;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 17px;
  line-height: 1.7rem;
  text-align: center;
  color: #FFF;
}
@media only screen and (min-width: 720px) {
  .bug-id-landing .bug-main-content .bug-id-hero p {
    width: 100%;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 30px;
    line-height: 3rem;
  }
}
@media only screen and (min-width: 960px) {
  .bug-id-landing .bug-main-content .bug-id-hero p {
    padding: 0px 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .bug-id-landing .bug-main-content .bug-id-hero p {
    padding: 0px;
  }
}
.bug-id-landing .bug-main-content .bug-id-hero .let-get-started {
  overflow: hidden;
  margin-top: 13px;
}
@media only screen and (min-width: 720px) {
  .bug-id-landing .bug-main-content .bug-id-hero .let-get-started {
    margin-top: 10px;
    margin-bottom: 12px;
  }
}
.bug-id-landing .bug-main-content .bug-id-hero .let-get-started img {
  float: left;
  margin: -9px 0 0 27px;
  width: 83px;
  height: 106px;
}
.bug-id-landing .bug-main-content .bug-id-hero .content-entomology {
  margin-top: 31px;
}
.bug-id-landing .bug-main-content .bug-id-hero .content-entomology .powered-by {
  font-family: 'titillium_websemibold', Arial, Helvetica, Sans-serif;
  color: #002532;
  font-size: 15px;
  font-size: 1.5rem;
}
.bug-id-landing .bug-main-content .bug-id-hero .content-entomology .logo-entomology {
  display: inline-block;
  width: 192px;
  height: 47px;
  margin: 0 12px;
  vertical-align: middle;
  background-image: url(../Images/Content/bugid-landing-entomology-logo.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.bug-id-landing .bug-main-content .bug-id-hero .content-entomology .logo-entomology:hover {
  background-image: url(../Images/Content/entomology-logo-hover.png);
}
.bug-id-landing .bug-main-content .bug-id-hero .content-entomology .content-logo-button {
  position: relative;
  display: inline-block;
  width: 192px;
  height: 47px;
  margin: 0 12px;
  vertical-align: middle;
}
.bug-id-landing .bug-main-content .bug-id-hero .content-entomology .content-logo-button .button-logo-product {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  position: absolute;
  display: block;
  width: 192px;
  height: 47px;
  background-repeat: no-repeat;
  cursor: default;
}
.bug-id-landing .bug-main-content .bug-id-hero .content-entomology .content-logo-button .button-logo-product.default-color {
  z-index: 50;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=100)';
  background-image: url(../Images/Content/bugid-landing-entomology-logo.png);
  -webkit-transition: opacity, 0.5s linear;
  -moz-transition: opacity, 0.5s linear;
  -o-transition: opacity, 0.5s linear;
  transition: opacity, 0.5s linear;
}
.bug-id-landing .bug-main-content .bug-id-hero .content-entomology .content-logo-button .button-logo-product.custom-color {
  background-image: url(../Images/Content/bugid-landing-entomology-logo.png);
}
.bug-id-landing .bug-main-content .bug-id-hero .content-entomology .content-logo-button:hover .default-color {
  z-index: 50;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';
}
.bug-id-landing .bug-main-content .bug-id-hero .content-entomology .content-logo-button:hover .custom-color {
  display: block;
}
.bug-id-landing .bug-main-content .bug-id-hero .content-entomology .learn-more {
  font-family: 'titillium_websemibold', Arial, Helvetica, Sans-serif;
  color: #FFF;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: .04em;
  padding-left: 10px;
}
.bug-id-landing .bug-main-content .bugs-meter {
  background: #F3F3F3;
  background: -moz-linear-gradient(top, #f3f3f3 0%, #f3f3f3 90%, #e3e3e3 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(90%, #f3f3f3), color-stop(100%, #e3e3e3));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #f3f3f3 0%, #f3f3f3 90%, #e3e3e3 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #f3f3f3 0%, #f3f3f3 90%, #e3e3e3 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #f3f3f3 0%, #f3f3f3 90%, #e3e3e3 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #f3f3f3 0%, #f3f3f3 90%, #e3e3e3 100%);
  /* W3C */

  height: 353px;
  left: 0;
  position: absolute;
  top: 353px;
  width: 100%;
  z-index: 100;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';
}
@media only screen and (min-width: 720px) {
  .bug-id-landing .bug-main-content .bugs-meter {
    height: 768px;
    top: 768px;
  }
}
.bug-id-landing .bug-main-content .bugs-meter .container {
  width: 100%;
}
@media only screen and (min-width: 720px) {
  .bug-id-landing .bug-main-content .bugs-meter .container {
    max-width: 960px;
    min-width: 768px;
  }
}
@media only screen and (min-width: 1200px) {
  .bug-id-landing .bug-main-content .bugs-meter .container {
    max-width: 1100px;
  }
}
.bug-id-landing .bug-main-content .bugs-meter .container .cols {
  float: none;
}
@media only screen and (min-width: 720px) {
  .bug-id-landing .bug-main-content .bugs-meter .container .cols {
    float: left;
  }
}
.bug-id-landing .bug-main-content .bugs-meter .container .left-col {
  width: 100%;
  float: none;
}
@media only screen and (min-width: 960px) {
  .bug-id-landing .bug-main-content .bugs-meter .container .left-col {
    float: left;
    width: 210px;
  }
}
@media only screen and (min-width: 1200px) {
  .bug-id-landing .bug-main-content .bugs-meter .container .left-col {
    width: 297px;
  }
}
.bug-id-landing .bug-main-content .bugs-meter .container .left-col .title {
  display: block;
  width: 180px;
  height: 39px;
  margin: 60px auto 0;
}
@media only screen and (min-width: 960px) {
  .bug-id-landing .bug-main-content .bugs-meter .container .left-col .title {
    margin: 325px 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .bug-id-landing .bug-main-content .bugs-meter .container .left-col .title {
    margin-left: 47px;
  }
}
.bug-id-landing .bug-main-content .bugs-meter .container .center-col {
  width: 100%;
}
@media only screen and (min-width: 720px) {
  .bug-id-landing .bug-main-content .bugs-meter .container .center-col {
    margin-left: 20px;
    width: 500px;
  }
}
@media only screen and (min-width: 960px) {
  .bug-id-landing .bug-main-content .bugs-meter .container .center-col {
    margin: 0;
  }
}
.bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content {
  position: relative;
  width: 100%;
  height: 353px;
  background-color: #dfdfdf;
  background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#ffffff));
  background: -webkit-linear-gradient(top, #dfdfdf, #ffffff);
  background: -moz-linear-gradient(top, #dfdfdf, #ffffff);
  background: -ms-linear-gradient(top, #dfdfdf, #ffffff);
  background: -o-linear-gradient(top, #dfdfdf, #ffffff);
}
@media only screen and (min-width: 720px) {
  .bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content {
    width: 500px;
    height: 500px;
    margin-top: 60px;
    background-color: #dfdfdf;
    background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#ffffff));
    background: -webkit-linear-gradient(top, #dfdfdf, #ffffff);
    background: -moz-linear-gradient(top, #dfdfdf, #ffffff);
    background: -ms-linear-gradient(top, #dfdfdf, #ffffff);
    background: -o-linear-gradient(top, #dfdfdf, #ffffff);
    -webkit-border-radius: 250px;
    -moz-border-radius: 250px;
    border-radius: 250px;
  }
}
@media only screen and (min-width: 960px) {
  .bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content {
    margin-top: 93px;
  }
}
.bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-progressbar {
  position: absolute;
  width: 100%;
  height: 15px;
  background: #666;
}
.bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-progressbar .progressbar {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}
@media only screen and (min-width: 720px) {
  .bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-progressbar .progressbar {
    position: static;
    display: inline-block;
  }
}
.bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-progressbar .progressbar .bar {
  display: inline-block;
  border-right: 1px solid #888;
  width: 2%;
  height: 15px;
  background-color: #C3C3C3;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=70)';
  zoom: 1;
}
@media only screen and (min-width: 720px) {
  .bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-progressbar .progressbar .bar {
    position: absolute;
    display: block;
    left: 217px;
    top: 0;
    border-left: 1px solid #B1B1B1;
    width: 13px;
    height: 230px;
    background: #C3C3C3;
  }
}
@media only screen and (min-width: 720px) {
  .bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-progressbar {
    margin: 20px;
    width: 460px;
    height: 460px;
    -webkit-border-radius: 230px;
    -moz-border-radius: 230px;
    border-radius: 230px;
  }
}
.bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-inner-border {
  position: absolute;
  margin: 20px 0 0;
  width: 100%;
  height: 5px;
  background: #fff;
}
@media only screen and (min-width: 720px) {
  .bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-inner-border {
    margin: 30px;
    width: 440px;
    height: 440px;
    -webkit-border-radius: 220px;
    -moz-border-radius: 220px;
    border-radius: 220px;
    background-color: #dfdfdf;
    background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#ffffff));
    background: -webkit-linear-gradient(top, #dfdfdf, #ffffff);
    background: -moz-linear-gradient(top, #dfdfdf, #ffffff);
    background: -ms-linear-gradient(top, #dfdfdf, #ffffff);
    background: -o-linear-gradient(top, #dfdfdf, #ffffff);
  }
}
.bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-questions {
  position: absolute;
  margin: 25px 0 0;
  width: 100%;
  height: 328px;
  background: #F3F3F3;
  background: -moz-linear-gradient(top, #cecece 0%, #f3f3f3 2%, #f3f3f3 95%, #e3e3e3 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cecece), color-stop(2%, #f3f3f3), color-stop(95%, #f3f3f3), color-stop(100%, #e3e3e3));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #cecece 0%, #f3f3f3 2%, #f3f3f3 85%, #e3e3e3 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #cecece 0%, #f3f3f3 2%, #f3f3f3 95%, #e3e3e3 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #cecece 0%, #f3f3f3 2%, #f3f3f3 95%, #e3e3e3 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #cecece 0%, #f3f3f3 2%, #f3f3f3 90%, #e3e3e3 100%);
  /* W3C */

}
@media only screen and (min-width: 720px) {
  .bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-questions {
    margin: 40px;
    width: 420px;
    height: 420px;
    -webkit-border-radius: 210px;
    -moz-border-radius: 210px;
    border-radius: 210px;
    background-color: #f3f3f3;
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dfdfdf));
    background: -webkit-linear-gradient(top, #f3f3f3, #dfdfdf);
    background: -moz-linear-gradient(top, #f3f3f3, #dfdfdf);
    background: -ms-linear-gradient(top, #f3f3f3, #dfdfdf);
    background: -o-linear-gradient(top, #f3f3f3, #dfdfdf);
  }
}
.bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-questions .meter-questions-content {
  padding: 54px 30px 0;
  text-align: center;
}
@media only screen and (min-width: 720px) {
  .bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-questions .meter-questions-content {
    padding: 110px 30px 0;
  }
}
.bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-questions .meter-questions-content .back-question {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 120px;
  height: 28px;
  -webkit-transition: all, 0.2s ease-out;
  -moz-transition: all, 0.2s ease-out;
  -o-transition: all, 0.2s ease-out;
  transition: all, 0.2s ease-out;
}
.bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-questions .meter-questions-content .back-question .icon-arrow-back {
  background-image: url(../Images/Icons/arrow-back-question.png);
  background-repeat: no-repeat;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=100)';
  -webkit-transition: all, 0.2s ease-out;
  -moz-transition: all, 0.2s ease-out;
  -o-transition: all, 0.2s ease-out;
  transition: all, 0.2s ease-out;
  width: 34px;
  height: 28px;
  display: inline-block;
}
.bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-questions .meter-questions-content .back-question .back-text {
  display: none;
  float: right;
  width: 56px;
  height: 28px;
  font-family: 'titillium_websemibold', Arial, Helvetica, Sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: .04em;
  text-decoration: none;
  color: #000;
  line-height: normal;
  padding-top: 2px;
}
.bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-questions .meter-questions-content .back-question:hover {
  text-decoration: none !important;
}
.bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-questions .meter-questions-content .back-question:hover .icon-arrow-back {
  background-image: url(../Images/Icons/arrow-back-question-hover.png);
  background-repeat: no-repeat;
  margin-left: -15px;
}
.bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-questions .meter-questions-content .back-question:hover .back-text {
  display: inline;
  text-align: center;
  vertical-align: middle;
  padding-top: 2px;
  margin-left: -64px;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=100)';
  -webkit-transition: all, 0.2s ease-out;
  -moz-transition: all, 0.2s ease-out;
  -o-transition: all, 0.2s ease-out;
  transition: all, 0.2s ease-out;
}
.bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-questions .meter-questions-content h6 {
  color: #26ACE2;
  font-family: 'titillium_websemibold', Arial, Helvetica, Sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 21px;
  line-height: 2.1rem;
  letter-spacing: .04em;
  margin: 10px auto 34px;
  text-align: center;
  word-spacing: .08em;
  max-width: 150px;
}
@media only screen and (min-width: 720px) {
  .bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-questions .meter-questions-content h6 {
    margin: 10px auto 50px;
  }
}
.bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-questions .meter-questions-content .btn {
  width: 115px;
  margin: 0 3px;
  text-transform: uppercase;
}
@media only screen and (min-width: 720px) {
  .bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-questions .meter-questions-content .btn {
    width: 130px;
  }
}
.bug-id-landing .bug-main-content .bugs-meter .container .center-col .meter-content .meter-questions .meter-questions-content .btn-dont-know {
  display: inline-block;
  margin: 20px 0 0;
  font-family: 'titillium_webregular', Arial, Helvetica, Sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 21px;
  line-height: 2.1rem;
  color: #c6181f;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.bug-id-landing .bug-main-content .bugs-meter .container .right-col {
  width: 218px;
  margin: 277px 0 0 25px;
}
@media only screen and (min-width: 1200px) {
  .bug-id-landing .bug-main-content .bugs-meter .container .right-col {
    margin-left: 85px;
  }
}
.bug-id-landing .bug-main-content .bugs-meter .container .right-col .counter {
  position: relative;
  display: table-cell;
  height: 105px;
  vertical-align: middle;
}
.bug-id-landing .bug-main-content .bugs-meter .container .right-col .counter .avg {
  top: auto;
  right: auto;
  bottom: 0;
  left: auto;
  position: absolute;
  display: inline-block;
  padding-bottom: 5px;
  vertical-align: bottom;
  font-family: 'titillium_webregular', Arial, Helvetica, Sans-serif;
  font-size: 48px;
  font-size: 4.8rem;
  color: #bebebe;
}
.bug-id-landing .bug-main-content .bugs-meter .container .right-col .reset-question {
  width: 140px;
  margin-left: 14px;
}
.bug-id-landing .bug-main-content .bugs-meter .container .right-col p {
  text-align: center;
  margin-top: 7px;
  line-height: 20px;
  line-height: 2rem;
  max-width: 170px;
  letter-spacing: .04em;
}
/*TAB BUGS CONTENT */
.tab-bugs-content {
  position: absolute;
  left: 50%;
  z-index: 200;
  min-width: 174px;
  width: auto;
  height: 19px;
  margin-top: -19px;
  margin-left: -87px;
  cursor: pointer;
  border-bottom: 19px solid #fff;
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
}
@media only screen and (min-width: 720px) {
  .tab-bugs-content {
    border-bottom: 37px solid #fff;
    border-left: 36px solid transparent;
    border-right: 36px solid transparent;
    min-width: 312px;
    width: auto;
    margin-top: -37px;
    margin-left: -156px;
  }
}
.tab-bugs-content.fixed {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -156px;
  margin-top: -19px;
}
@media only screen and (min-width: 720px) {
  .tab-bugs-content.fixed {
    margin-top: -37px;
  }
}
.tab-bugs-content .view-all-gap {
  background: #fff;
  height: 20px;
}
.tab-bugs-content .content-view-all p {
  font-family: 'titillium_websemibold', Arial, Helvetica, Sans-serif;
  font-size: 10px;
  font-size: 1rem;
  line-height: 10px;
  line-height: 1rem;
  text-transform: uppercase;
  text-align: center;
  color: #C6181F;
  padding: 6px 0 0;
  width: auto;
}
@media only screen and (min-width: 720px) {
  .tab-bugs-content .content-view-all p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem;
    padding: 15px 0 0;
  }
}
.tab-bugs-content .content-view-all p .arrow {
  display: inline-block;
  height: 7px;
  margin-left: 12px;
  width: 9px;
  background: url('../Images/Content/bugid-landing-sprite.png') -36px -36px no-repeat;
}
@media only screen and (min-width: 720px) {
  .tab-bugs-content .content-view-all p .arrow {
    height: 11px;
    margin-left: 30px;
    width: 16px;
    background-position: -36px 0;
  }
}
.tab-bugs-content .content-view-all.expanded .arrow {
  background-position: 0 -36px;
}
@media only screen and (min-width: 720px) {
  .tab-bugs-content .content-view-all.expanded .arrow {
    background-position: 0 0;
  }
}
/*BUGS CONTENT */
.bugs-content {
  height: 0;
  overflow: hidden;
}
.bugs-content.active {
  overflow: visible;
}
.bugs-content .bugs-match-list {
  display: none;
  margin: 40px 0 -17px;
}
.bugs-content .bugs-match-list P {
  font-family: 'titillium_websemibold', Arial, Helvetica, Sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #555459;
  max-width: 320px;
  text-align: center;
  margin: 0 auto;
}
@media only screen and (min-width: 720px) {
  .bugs-content .bugs-match-list P {
    text-align: left;
    max-width: 100%;
    margin: 0;
  }
}
.bugs-content .bugs-match-list P .filter {
  display: inline-block;
  margin: 8px 8px 0;
  color: #302f35;
  text-transform: uppercase;
}
@media only screen and (min-width: 720px) {
  .bugs-content .bugs-match-list P .filter {
    margin: 0 8px;
  }
}
.bugs-content .bugs-match-list P .filter .remove {
  cursor: pointer;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-bottom: -7px;
  background: url('../Images/Content/bugid-landing-sprite.png') -36px -72px no-repeat;
}
.bugs-content .bugs-match-list P .filter .remove:hover {
  background-position: 0 -72px;
}
.bugs-content .bugs-items-list {
  background: #FFF;
  margin: 35px 0 15px;
  padding: 0 20px;
}
@media only screen and (min-width: 720px) {
  .bugs-content .bugs-items-list {
    margin: 32px 0 45px;
    padding: 0;
  }
}
.bugs-content .bugs-items-list .bug-item {
  padding: 0;
  border-bottom: 1px solid #C4C4C4;
  height: 200px;
}
@media only screen and (min-width: 720px) {
  .bugs-content .bugs-items-list .bug-item {
    padding: 20px 0;
    height: 295px;
  }
}
.bugs-content .bugs-items-list .bug-item .bug-content-inner {
  padding: 0 0 20px;
  border-right: 1px solid #C4C4C4;
  height: 100%;
}
@media only screen and (min-width: 720px) {
  .bugs-content .bugs-items-list .bug-item .bug-content-inner {
    padding: 0;
    height: 95%;
  }
}
.bugs-content .bugs-items-list .bug-item .bug-content-inner .content-image canvas {
  display: block;
  margin: 0 auto;
  -webkit-transition: opacity 0.5s ease-in;
  -moz-transition: opacity 0.5s ease-in;
  -o-transition: opacity 0.5s ease-in;
  transition: opacity 0.5s ease-in;
  width: 120px;
  height: 133px;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=50)';
}
@media only screen and (min-width: 720px) {
  .bugs-content .bugs-items-list .bug-item .bug-content-inner .content-image canvas {
    width: 150px;
    height: 166px;
  }
}
@media only screen and (min-width: 960px) {
  .bugs-content .bugs-items-list .bug-item .bug-content-inner .content-image canvas {
    width: 167px;
    height: 185px;
  }
}
.bugs-content .bugs-items-list .bug-item .bug-content-inner .content-image canvas + img {
  display: none;
}
.bugs-content .bugs-items-list .bug-item .bug-content-inner .content-image img {
  width: 100%;
}
@media only screen and (min-width: 320px) {
  .bugs-content .bugs-items-list .bug-item .bug-content-inner .content-image img {
    max-height: 138px;
    max-width: 58%;
    width: auto;
  }
}
@media only screen and (min-width: 720px) {
  .bugs-content .bugs-items-list .bug-item .bug-content-inner .content-image img {
    width: auto;
    max-height: 197px;
  }
}
.bugs-content .bugs-items-list .bug-item .bug-content-inner .bug-content-text {
  padding-bottom: 1px;
}
.bugs-content .bugs-items-list .bug-item .bug-content-inner .bug-content-text .bug-name {
  display: block;
  margin: 8px 0 4px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #C6181F;
  -webkit-transition: color 0.5s ease-in;
  -moz-transition: color 0.5s ease-in;
  -o-transition: color 0.5s ease-in;
  transition: color 0.5s ease-in;
  text-decoration: none !important;
}
.bugs-content .bugs-items-list .bug-item .bug-content-inner .bug-content-text .bug-name:hover {
  color: #2D2B2C;
  text-decoration: none;
}
@media only screen and (min-width: 720px) {
  .bugs-content .bugs-items-list .bug-item .bug-content-inner .bug-content-text .bug-name {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 8px 0 4px;
  }
}
@media only screen and (min-width: 720px) {
  .bugs-content .bugs-items-list .bug-item .bug-content-inner .bug-content-text .bug-name-long {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 2.2rem;
  }
}
.bugs-content .bugs-items-list .bug-item .bug-content-inner .bug-content-text p {
  font-family: 'titillium_websemibold', Arial, Helvetica, Sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  color: #2D2B2C;
  text-transform: uppercase;
}
.bugs-content .bugs-items-list .bug-item .bug-content-inner .bug-content-text .content-quickview a {
  display: block;
  font-family: 'titillium_websemibold', Arial, Helvetica, Sans-serif;
  font-size: 10px;
  font-size: 1rem;
  line-height: 18px;
  line-height: 1.8rem;
  color: #c6181f;
  text-transform: uppercase;
}
.bugs-content .bugs-items-list .bug-item.last .bug-content-inner {
  border-right: 1px solid #FFF;
}
.bugs-content .bugs-items-list .bug-item .button-quickview {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=0)';
  width: 95px;
  height: 39px;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  outline: none !important;
  top: 53%;
  right: auto;
  bottom: auto;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.bugs-content .bugs-items-list .bug-item:hover .bug-content-inner .content-image img {
  opacity: 0.3;
}
.bugs-content .bugs-items-list .bug-item:hover .button-quickview {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=100)';
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.bugs-content .bugs-items-list .bug-item .bug-match {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  background: url('../Images/Content/bugid-landing-sprite.png') 0 -180px no-repeat;
  width: 32px;
  height: 32px;
}
@media only screen and (min-width: 720px) {
  .bugs-content .bugs-items-list .bug-item .bug-match {
    width: 52px;
    height: 52px;
    top: 20px;
    background-position: 0 -108px;
  }
}
.bugs-content .bugs-items-list .bug-item .popover .tooltip-text {
  width: 80px;
}
.bugs-content.bugs-filters .bugs-match-list {
  display: block;
}
.bugs-content.bugs-filters .bugs-items-list .bug-item .bug-content-inner .content-image img {
  opacity: 0.5;
}
.bugs-content.bugs-filters .bugs-items-list .bug-item.match .bug-content-inner .content-image img {
  opacity: 1;
}
.bugs-content.bugs-filters .bugs-items-list .bug-item.match:hover .bug-content-inner .content-image img {
  opacity: 0.3;
}
.bugs-content.bugs-filters .bugs-items-list .bug-item.best-match .bug-match {
  display: block;
}