@charset "utf-8";

/* CSS Document */
@media(min-width:768px) {}
@media(min-width:992px) {}
@media(min-width:1200px) {}

@media \0screen\,screen\9 { #wf-tl-compare-table, .downloads-intro { display: none; } }
@media screen and (min-width:0\0) { #wf-tl-compare-table, .downloads-intro { display: none; } }


h1 {
    /*! font-family: ff-basic-gothic-web-pro, ff-tisa-sans-web-pro, helvetica, arial, sans-serif; */
    font-family: proxima-nova,helvetica,arial,sans-serif;
    font-weight: 100;
    font-size: 4em;
    color: #1f3662;
    line-height: 1em;
    text-align: center;
    letter-spacing: -5px;
    margin: 0 0 0.4em 0;
}
@media(min-width:768px) { h1 { margin-bottom: 0.2em; } }
h2.h4 { margin-bottom: 1.2em; text-align:center; color: #999; font-size: 1.25em; }

h2.secondary-title { /*! font-family: ff-tisa-sans-web-pro; */ font-weight: 400; font-size: 1.5em; margin-top: 1em; margin-bottom: 0.7em; }
.comparison-img-wrap .lowgosubtext { color: #0094c2;
}
@media(min-width:768px) {
  h2.secondary-title { font-size: 2em; }
  .comparison-img-wrap .lowgotext { bottom:-25px; }
}
@media(min-width:992px) {
  h2.secondary-title { font-size: 2em; }
  .comparison-img-wrap .lowgotext { bottom:-32px; right: 180px; }
}
@media(min-width:1200px) {
  h2.secondary-title { font-size: 2.1em; }
  .comparison-img-wrap .lowgotext { bottom:-26px; right: 266px; }
  .comparison-img-wrap .lowgosubtext { transform:translateX(-22px) translateY(-6px); }
}
h2.secondary-title.text-left { text-align: left !important; margin-bottom: 0.2em; margin-top:0; }

.resource-list-row .panel .panel-heading .panel-title a, .tabbable .panel .panel-heading .panel-title a, .resource-list-row .panel .panel-heading .panel-title a:hover, .tabbable .panel .panel-heading .panel-title a:hover {
  background-color: #1f3662;
  color: #fff;
}

/*
.tabs-module .nav-tabs li.active a {
    color: #fff;
    background-color: #1f3662;
} */

h3.h4 { color: #0094c2; font-weight: 100; margin-bottom: 0.2em; padding-left: 0 !important; }
@media(min-width:768px) { h3.h4 { margin-bottom: 1.2em; } }

ul.list { font-size: 0.8em; columns: 1;}
ul.list li { padding-bottom: 0.2em; }
@media(min-width:768px) {
  ul.list { font-size: 1em; }
  ul.list li { padding-bottom: 0.6em; }
}

@media(min-width:992px) { .white-content-box { background-size: 105%; background-position-y: 1.4em; } }
@media(min-width:1200px) { .white-content-box { background-size: 100%;  background-position-y: -3.5em; } }

.btn-blue { margin-bottom:2em }
@media(min-width:1200px) { .btn-blue { margin-bottom:8px } }

.lowgosection-caption { margin-bottom: 1em; }
@media(min-width:992px) {
  #kbdcaption { margin-top: 5em; }
}
@media(min-width:1200px) {
  #kbdcaption { margin-top: 7em; }
  #bottom-image-2 { left: 200px; }
}

@media(min-width:768px) { .multivideos h4 { margin-bottom: 2em; } }

.grid-table {
  display: grid;
  margin: 0 auto;
  /* box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2); */
  align-items: top;
/*  background: rgba(250, 250, 250, 0.9); */
  background-color: #f9fafa;
  /* border-radius: 0.5rem; */
}
@media (max-width: 767px) {
  .grid-table {
    background: transparent;
    grid-row-gap: 2rem;
    box-shadow: none;
  }
}

.resource-list-row .panel .panel-heading .panel-title a.collapsed, .tabbable .panel .panel-heading .panel-title a.collapsed {
    background-color: #1f3662;
}

.grid-table-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 767px) {
  .grid-table-row {
    grid-template-columns: 1fr 1fr;
    /*  background: rgba(250, 250, 250, 0.9); */
  background-color: #f9fafa;
    /* box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2); */
    /* border-radius: 0.5rem; */
  }
}
@media (max-width: 640px) {
  .grid-table-row {
    grid-template-columns: 1fr;
  }
}

@media(min-width:768px) {
  .grid-table-row { grid-template-columns: 160px 1fr 1fr; text-align: center; line-height: 1.2em; font-weight: 100; font-size: 0.9em; }
  .grid-table-cell.profstd, .grid-table-cell.profstditem { align-items:center !important; display: flex; justify-content: center;}
}

.grid-table-row:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.grid-table-row:first-child {
  /* border-radius: 0.5rem 0.5rem 0 0; */
  background: rgba(204, 204, 204, 0.5);
  font-weight: bold;
  /* text-shadow: 0 2px 1px #fff; */
}
@media (max-width: 767px) {
  .grid-table-row:first-child {
    display: none;
  }
}
.grid-table-cell {
  padding: 1rem;
}
@media (max-width: 767px) {
  .grid-table-cell {
    padding: 0 0 1rem 0;
    text-align: center;
  }
  .grid-table-cell div {
    padding: 1rem;
    text-align: center;
  }
}
.grid-table-cell:not(:last-child) {
  border-right: 1px solid #ddd;
}

.yestext,.notext { color:#0094c2; font-weight:bold; padding-bottom: 0.3em;}
.notext { color:#f26859; }

@media (max-width: 767px) {
  .grid-table-cell:before {
    content: attr(data-title);
    font-weight: bold;
    display: block;
    background: rgba(180,180,180, 0.8);
    padding: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 1.4rem;
  }
  .grid-table-cell.ergo-cell:before { background-color: #1f3662; color: #fff; }
  .grid-table-cell.other-cell:before { background-color: #9D9FA2; color: #fff; }
  .grid-table-cell.profstditem:before { background-color: #f26859; }

  .grid-table-cell:first-child {
    grid-column-start: 1;
    grid-column-end: 5;
    border-bottom: 1px solid #ddd;
  }
  .grid-table-cell:first-child:before {
    /* border-radius: 0.5rem 0.5rem 0 0; */
  }
  .yestext,.notext { padding: 0.4em 1em 0 !important; }

}
@media (max-width: 640px) {
  .grid-table-cell:last-child {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}

.grid-table-cell.profstd { background: #f26859; color: #fff; }
.grid-table-cell.profstditem { background: #fff; color: #333; font-weight:bold; }

@media (max-width: 767px) {
.grid-table-cell.profstd,.grid-table-cell.profstditem { background: #f26859; color: #fff; }
/* .grid-table-cell.profstditem { background-color: rgba(200,0,0,1); } */
.grid-table-cell.profstditem { background-color: #A35247; }
/* .grid-table-cell.profstditem { background-color: #fff; color: #333 } */
}
.grid-table-cell.workfit { background: #1f3662; color: #fff; }
.grid-table-cell.otherguy { background: #9E9FA2; color: #fff; }

/* .tabs-module { margin-bottom: 5em; margin-top: 3em; } */

/* .tabbable { position: relative; left: 7em; margin-top: 1.2em; }
.compare-tab-intro p { font-weight: 400; color: #fff; font-size: 1em; background-color: #9d9fa2; display: inline-block; padding: 14px 200px 14px 50px; border-radius: 50px; }
.compare-tab-intro p > span { color: #fff; font-weight: 800; } */
/*  .compare-tab-intro p > span { background-color: #1f3662; display:inline-block; padding: 8px 16px; border-radius: 20px; color: #fff; margin: 0 0.3em;}  */
/* @media(min-width:768px) {
   .compare-tab-intro { position: absolute; top: 0; left: -1.5em; }
}
@media(min-width:992px) {
   .compare-tab-intro { font-size: 0.9em; left: 6.2em; }
   .compare-tab-intro p { font-size: 1em; padding: 15px 200px 16px 50px; }
}
@media(min-width:1200px) {
   .compare-tab-intro { font-size: 0.9em; left: 12em; }
   .compare-tab-intro p { font-size: 1em; padding: 15px 200px 16px 50px; }
} */

@media (max-width: 767px) {
  .tabs-module .nav-tabs, .tab-nav-container .nav-tabs { display: inline-block; }
  .tabs-module .nav-tabs, .tab-nav-container .nav-tabs {  margin: 0 auto 2em; padding: 0; background: none; border-radius: 0; box-shadow: none; }
  .nav-tabs { border-bottom: 0 }
  .tabs-module .nav-tabs .nav-tabs-slider, .tab-nav-container .nav-tabs .nav-tabs-slider {  width: auto !important; position: relative; left: 0 !important; top: 0; bottom: 0; background-color: none; border-radius: 0; transition: none; }
  .tabs-module .nav-tabs li, .tab-nav-container .nav-tabs li { display: inline-block; }
  .tabs-module .nav-tabs li a, .tab-nav-container .nav-tabs li a { padding: .667em 1.5em; background-color: #eee; color: #337ab7; transition: none; }
  .tabs-module .nav-tabs li.active a, .tab-nav-container .nav-tabs li.active a { color: #fff; transition: none; background-color: #f26859 }
}

.compare-tab-intro p { font-weight: 400; color: #333; margin-top: 1em; }
@media (min-width: 992px) { .compare-tab-intro p { font-size: 16px; } }

@media (min-width: 768px) {
  .more-vid-link { position: relative; top: 1em; z-index: 20 }
  .more-vid-rule.skidmark2 { position: relative; top: -2em; z-index: 10 }
}


.grid-table-cell.workfit a { color: #fff; outline: none; }

#wf-tl-compare-table .icon-cell-wrap img { border:1px solid #ccc; }
#wf-tl-compare-table .icon-cell-wrap img.limit-xs { max-height: 200px; }

@media (min-width:641px) {
  #wf-tl-compare-table .icon-cell-wrap .icon-desc { min-height: 7em; }
  #wf-tl-compare-table .icon-cell-wrap img { margin-bottom: 0.3em; }
}

@media (min-width:768px) {
   #wf-tl-compare-table { margin-top: 300px; }
   .grid-table-cell.workfit,.grid-table-cell.otherguy { position:relative; top:-278px; line-height: 1.3em !important; font-size: 1.12em; }
   .grid-table-cell .cell-img { position: absolute; width:280px; height: 281px; top:65px; transform:translateX(-10px); overflow: hidden; border-bottom: 1px solid #ddd; }
   #wf-tl-compare-table .icon-cell-wrap .icon-desc { min-height: 7.2em; }
   #wf-tl-compare-table .icon-cell-wrap img { margin-bottom: 1.3em; }
  .grid-table-cell.workfit .cell-img { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
}

@media (min-width:992px) {
  #wf-tl-compare-table { margin-top: 410px; }
  #wf-tl-compare-table .grid-table-cell { font-size: 1em; }
  .grid-table-cell.workfit,.grid-table-cell.otherguy { top:-388px; letter-spacing: .01em; line-height: 1.1em !important; font-size: 1.12em !important; }
  .grid-table-cell .cell-img { width:390px; height: 383px; }
  .grid-table-cell.workfit { padding-top: 21px; }
  #wf-tl-compare-table .icon-cell-container { padding:0; }
  #wf-tl-compare-table .icon-cell-wrap .half-cell.half-cell-text { padding:1em; }
  #wf-tl-compare-table .icon-cell-wrap .icon-desc { min-height: unset; }
  #wf-tl-compare-table .icon-cell-wrap img { margin-bottom: 0; border:0; }
  #wf-tl-compare-table .icon-cell-wrap { display: flex; flex-wrap: nowrap; justify-content: space-around; }
  #wf-tl-compare-table .icon-cell-wrap .half-cell { flex: 0 0 178px; }
  #wf-tl-compare-table .icon-cell-wrap .half-cell#erg-wf-tl-guy,
  #wf-tl-compare-table .icon-cell-wrap .half-cell#erg-wf-tl-girl  { flex: 0 0 178px; background: #f9fafa; align-self: flex-end; border-top: 20px solid #f9fafa;}
  #wf-tl-compare-table .icon-cell-wrap .half-cell#erg-wf-tx-guy,
  #wf-tl-compare-table .icon-cell-wrap .half-cell#erg-wf-tx-girl  { flex: 0 0 208px; background: #f9fafa; align-self: flex-end; border-top: 0}
}

@media (min-width:1200px) {
  .grid-table { max-width: 940px; transform:translateX(-80px); }
  /* .grid-table-cell .cell-img { height: 389px; } */
}

h5.flyer-title { margin: 1em 0 1.2em; font-size: 1em; }
.downloads-intro p { margin-left: 1em; margin-right: 1em; }
@media (min-width:768px) {
  .downloads-intro p { margin-left: 0; margin-right: 0; }
  h5.flyer-title { margin: 1em 0 0.5em; font-size: 1.2em; }
}

.circle-item-wrap { margin-bottom:2em; }
.circle-labels { text-align:center; margin: 0.5em 0 1.4em; font-size: 0.8em; font-weight: bold; }
.circle-labels a { display: inline-block; }
.circle-labels span { display: inline-block; background-color: #0094c2; color: #fff; padding: 0.3em 0.8em; min-width: 9em; }
@media (min-width:1200px) { .circle-item-wrap { margin-top: 3em; } }

#videos { padding-top: 3em; padding-bottom: 2em; }
#videos .text-center { padding-bottom: 1.2em; }
@media (min-width:992px) { #videos { padding-top: 1em; padding-bottom: 0; } }
/* @media (min-width:1024px) { #videos {  margin-bottom: 5em;  } } */

#quality-tested { margin-bottom:1em; }
#quality-tested ul.list { padding-left: 4px; }
#quality-tested ul.list li { list-style-type: none; color: #666; }
#quality-tested ul.list li:before { font-family: FontAwesome; content: "\f058"; color: #1f3662; padding-right: 12px; }

@media (min-width:768px) { #quality-tested .thumbnail { margin-top:6em; } }
@media (min-width:1024px) { #quality-tested { margin-bottom: 3em; } }

#wf-tl-compare-table .vd-reg p { text-align: center; color: #c0c0c0; position: relative; top: -2.4em; font-size: 0.8em; }

#mon-arms-select-wrap { margin-top:1.2em; }
@media (min-width: 768px) { #mon-arms-select-wrap .circle-item-wrap div > a > img { max-width: 168px; display: block; margin-left: auto; margin-right: auto; } }
@media (min-width: 992px) { #mon-arms-select-wrap .circle-item-wrap div > a > img { max-width: 100%; } }

#engineered-sup-qual-hdr-wrap { margin-top: 3em; }
#engineered-sup-qual-hdr-wrap h2 { margin-bottom: 0.6em; }
#engineered-sup-qual-wrap { margin: 3em 0; }
@media (min-width: 768px) { #engineered-sup-qual-wrap { margin: 2em 0; } }
@media (min-width: 992px) { #engineered-sup-qual-wrap { margin: 2em 0 0; } }
@media (min-width: 1200px) { #engineered-sup-qual-wrap { margin: 2em 0 0; } }
#engineered-sup-qual-wrap .info-strip .item { padding: 0px 12px; }
@media (min-width: 768px) { #engineered-sup-qual-wrap .info-strip .item { padding: 20px 30px } }
@media (min-width: 992px) { #engineered-sup-qual-wrap .info-strip .item { padding: 20px 30px } }
@media (min-width: 1200px) { #engineered-sup-qual-wrap .info-strip .item { padding: 20px 22px } }
#engineered-sup-qual-wrap .info-strip .item p { line-height: inherit; color: inherit;  }

#cf-tech-wrap { margin-bottom: 6em; }

#cf-tech-wrap .cf-img-link { display: block; max-width: 200px; margin: 1em auto 1.4em }
@media (min-width: 992px) { #cf-tech-wrap .cf-img-link { max-width: 230px; margin: 1.3em auto } }
@media (min-width: 1200px) { #cf-tech-wrap .cf-img-link { max-width: 260px; margin: 0.3em auto 0 } }
#cf-tech-wrap p { text-align: center; }
#cf-tech-wrap p a { display: inline-block; margin-top: 8px; margin-bottom: 1em; text-align: center; }
@media (min-width: 992px) {
  #cf-tech-wrap p, #cf-tech-wrap p a { text-align: left; }
  #cf-tech-wrap p a { margin-bottom: 0; }
}

@media(min-width:768px) {
  #diag-compare-table { position:relative; margin-bottom: 3.5em; }
  #diag-compare-table .table-header-rotated { max-width: 87%; }
  #diag-compare-table .table-header-rotated { margin-top: 8em; border-collapse: collapse; }
}

#diag-compare-table .folding-table table tbody, #diag-compare-table .folding-table table, #diag-compare-table .folding-table table tr { border: none !important;  }

@media(min-width:768px) {
  #diag-compare-table .table-header-rotated { transform: translateX(-1.4em) }
}

#diag-compare-table .folding-table table th.row-header { text-transform: none; letter-spacing: 0.5px; font-size: 17px; line-height: 1.2em;  background-color: #A5A6A9;  color: #fff; border-bottom: 5px solid #ccc; padding: 15px 30px; border-radius:  6px 6px 0 0;}
#diag-compare-table .folding-table table th.row-header-e { background-color: #1f3662; }
@media(min-width:768px) { #diag-compare-table .folding-table table th.row-header { background-color: #fff;  color: inherit; border-bottom: 0; padding: 0; border-radius:  0;  }  }

#diag-compare-table .folding-table table td { text-align: center; }

#diag-compare-table .folding-table table td:nth-child(2) { border-top: 4px solid #fff; }
@media(min-width:768px) { #diag-compare-table .folding-table table td:nth-child(2) { border-top: 2px solid #eee; } }
#diag-compare-table .folding-table table td:last-child { border-bottom: 2em solid #fff; }
@media(min-width:768px) { #diag-compare-table .folding-table table td:last-child { border-bottom: 2px solid #eee; } }

@media(min-width:768px) {

  #diag-compare-table .folding-table table th.row-header { text-align: right; padding-right: 1.5em  }

  #diag-compare-table .table-header-rotated td {
  width: 30px;
  }

  #diag-compare-table .table-header-rotated th {
  padding: 5px 0;
  text-transform: none;
  line-height: 1.1em
  }

  #diag-compare-table .table-header-rotated th.head-col div {
  display: inline-block;
  max-width: 1em !important;
  }

  #diag-compare-table .table-header-rotated td {
  text-align: center;
  padding: 10px 5px;
  border: 2px solid #eee;
  }

  #diag-compare-table .table-header-rotated th.rotate {
  height: 170px;
  white-space: nowrap;
  padding-right: 22px;
  }

  #diag-compare-table .table-header-rotated th.rotate.offset {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
  }

  #diag-compare-table .table-header-rotated th.rotate > div {
  -webkit-transform: translate(16px, -2px) rotate(295deg);
          transform: translate(16px, -2px) rotate(295deg);
  width: 30px;
  text-indent: -9px;
  font-size: 15px;
  letter-spacing: 0.3px
  }

  #diag-compare-table .table-header-rotated th.rotate > div {
  padding: 60px 10px;
  }
  #diag-compare-table .table-header-rotated th.row-header {
  padding: 10px;
  width: 5em;
  }
}
#diag-compare-table td{ color: #fff; background-color: #799196; font-size: 16px; font-weight: bold;}
#diag-compare-table td::before{ text-transform: none; font-size: 12px; }
#diag-compare-table td.highlight-y { color: #fff; background-color: #f26859; }
#diag-compare-table td.highlight-n { color: #f26859; background-color: #fff; }

@media(min-width:768px) {
  #diag-compare-table td{ font-size: 17px; }
  #diag-compare-table .table-header-rotated th.highlighted { color: #f26859; }

  #diag-compare-table .special-hdr {
    border: 2px solid #eee; border-bottom: 2px solid #A5A6A9; padding: 5px 2em; text-align: center; font-weight: bold; font-size: 0.8em; line-height: 1.3em; background-color: #ede3d4; color: #000; width: 513px;
    position: absolute; bottom: 0; left: 114px; z-index: 1000;
  }
  #diag-compare-table .folding-table > table > tbody > tr.special-hdr-row th, #diag-compare-table .folding-table > table > tbody > tr.special-hdr-row td { padding-top: 42px; }
  #diag-compare-table .folding-table > table > tbody > tr.special-hdr-row th { padding-top: 32px; }
  #diag-compare-table .special-hdr span { text-transform: uppercase; font-size: 1.2em }
  #diag-compare-table .special-hdr.E-special-hdr { background-color: #1f3662; bottom: 337px; border-bottom: 0; color: #fff;}
  #diag-compare-table .special-hdr.HS-special-hdr, #diag-compare-table .special-hdr.WR-special-hdr, #diag-compare-table .special-hdr.ESI-special-hdr { border-top: 3px solid #597176; border-left: 1px solid #ede3d4; border-right: 1px solid #ede3d4; border-bottom: 2px solid #ede3d4; width: 510px; left: 115px; padding: 7px 2em 3px;  }
  #diag-compare-table .special-hdr.HS-special-hdr { bottom: 210px  }
  #diag-compare-table .special-hdr.WR-special-hdr { bottom: 128px  }
  #diag-compare-table .special-hdr.ESI-special-hdr { bottom: 48px  }
}

@media(min-width:992px) {
  #diag-compare-table .special-hdr { width: 669px; left: 149px; padding: 5px 7em; }
  #diag-compare-table .special-hdr.HS-special-hdr, #diag-compare-table .special-hdr.WR-special-hdr, #diag-compare-table .special-hdr.ESI-special-hdr { width: 666px; left: 150px; }
}
@media(min-width:1200px) {
  #diag-compare-table .table-header-rotated th.rotate > div { -webkit-transform: translate(16px, 12px) rotate(295deg); transform: translate(16px, 12px) rotate(295deg); }
  #diag-compare-table .special-hdr { font-size: 0.8em }
  #diag-compare-table .special-hdr span { text-transform: uppercase; font-size: 1.2em; }
  #diag-compare-table .special-hdr.E-special-hdr span { padding-top: 4px; display: inline-block; }
  #diag-compare-table .special-hdr { width: 812px; left: 181px; padding: 5px 1em; }
  #diag-compare-table .special-hdr.HS-special-hdr, #diag-compare-table .special-hdr.WR-special-hdr, #diag-compare-table .special-hdr.ESI-special-hdr { width: 809px; left: 182px; }
}

.tblfootnote { text-align: center; font-weight: bold; color: #9d9fa2; transform: translateY(-2em) }
.others-reg p { text-align: center; color: #c0c0c0; position: relative; top: -2.4em; font-size: 0.8em; }
@media(min-width:768px) {
  .tblfootnote { transform: none; margin-top: 2em; }
  .others-reg p { text-align: center; color: #c0c0c0; position: relative; top: 1.4em; font-size: 0.8em; }
}