@charset "utf-8";
/* CSS Document */
/*Reseller Grid*/
.simple-grid.logos ul li a { padding:0; }
.simple-grid.logos ul li img { padding:1em; }
.simple-grid.logos ul li:not(.no-reseller-link) { border-color:#b1e2cc; } 
/* .simple-grid.logos ul li { border:0; background-color: #f5f5f5; } */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+47,f5f5f5+100 */
  .simple-grid.logos ul li { background: #ffffff; } /* Old browsers */ 
  .simple-grid.logos ul li { background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #ffffff 47%, #f5f5f5 100%); } /* FF3.6-15 */
  .simple-grid.logos ul li { background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffffff 47%,#f5f5f5 100%); } /* Chrome10-25,Safari5.1-6 */
  .simple-grid.logos ul li { background: radial-gradient(ellipse at center,  #ffffff 0%,#ffffff 47%,#f5f5f5 100%); } /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  .simple-grid.logos ul li { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=1 ); } /* IE6-9 fallback on horizontal gradient */

.simple-grid.logos ul li { width: 45.8% }
@media(min-width:768px) { .simple-grid.logos ul li { width: 23.1% } }
@media(min-width:992px) { .simple-grid.logos ul li { width: 23.6% } }
@media(min-width:1200px) { .simple-grid.logos ul li { width: 18.8% } }
.simple-grid.logos ul li a img { /* transition: none; */ opacity: 0.8; }
.simple-grid.logos ul li a:hover img { opacity: 1; transform: none; }
.pnl-txt-reseller-list .panel-title { font-size:1.5em; }
.pnl-txt-reseller-list .panel-body { padding-top:1.5em; }
.pnl-txt-reseller-list .column_gap ul { padding-top: 0; padding-bottom: 0; }
.pnl-txt-reseller-list .column_gap ul li { margin-bottom: 1em; }
.pnl-txt-reseller-list .column_gap {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-moz-column-gap: 2em;-webkit-column-gap: 2em; column-gap: 2em;}
@media(min-width:768px) { .pnl-txt-reseller-list .column_gap {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;-moz-column-gap: 2em;-webkit-column-gap: 2em;column-gap: 2em;} }
@media(min-width:1200px) { .pnl-txt-reseller-list .column_gap {-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;-moz-column-gap: 2em;-webkit-column-gap: 2em;column-gap: 2em;} }

.pnl-txt-reseller-list .column_gap-2col { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; margin-bottom:1em; }
@media(min-width:768px) { .pnl-txt-reseller-list .column_gap-2col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -moz-column-gap: .5em; -webkit-column-gap: .5em; column-gap: .5em; } }
@media(min-width:1200px) { .pnl-txt-reseller-list .column_gap-2col { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em;} }

.row.masonry-style {-moz-column-width: 18em;-webkit-column-width: 18em;-moz-column-gap: 1em;-webkit-column-gap:1em; padding-left: 12px;padding-right: 12px;}
.masonry-item {display: inline-block;padding: .25rem;width:  100%; }
.panel {position:relative;display: block;}


.breadcrumb-wrap { display:none; }
a:focus { outline:0 !important; text-decoration:none !important; }
#dnnModuleSettings { background-color:#fff; }
/* store nav bar placeholder from tippytop.css */
.blkBar { background: #3A3531;min-height: 36px;position: fixed;width: 100%;top: 0;z-index: 10; }
.topBar { background:#EFF0F0;width:100%;height:36px;position:fixed;top:0;z-index:10;color:#444;font-weight:bold;font-size:12px; text-transform:uppercase; }
.topBar p { margin:6px 0 0 !important; }
.topBar p a { padding:0 3px; }
/* no border */
.primary-header { top:2.1em !important;right:0 !important; left:0 !important }
.border-top { width:0 !important; }
.border-right { width:0 !important; }
.border-bottom { width:0 !important; }
.border-left { width:0 !important; }

/* Product focus */
.productBox { background:#eff0f0; }


div.specialTitle h2 { font: 1.2em/1em sofia-pro-condensed !important;color:#3A3531; text-transform:uppercase;font-weight:800 !important; font-style:italic !important; }

div.specialTitle h1 { font: 2.4em sofia-pro-condensed !important;color:#3A3531; font-weight:800 !important; font-style:italic !important; }
div.wfIntro h4 span { white-space:nowrap; }
div.wfIntro { text-align:center; }
div.wfIntro h4 { font: 1.6em/1em sofia-pro-condensed !important;color:#fff;text-transform:uppercase;font-weight:800 !important;/* font-style:italic !important;*/ }
.prod-hilite { background: url(/portals/0/images/background-circle.png); background-size:300px 300px; background-repeat:no-repeat; background-position:center top; text-align:center; min-height:470px;position:relative;}
.prod-hilite img { margin:3.5em auto 2em;transition: all 0.2s ease-in-out; }
.prod-hilite img.one { max-width:165px; }
.prod-hilite img.two { max-width:190px; }
.prod-hilite img.thr { max-width:210px; }
.copy { position:absolute; top:295px; }
.copy h4 { font: 1.6em/.9em sofia-pro-condensed !important;text-transform:uppercase;font-weight:800 !important; font-style:italic !important;margin-bottom:2px; }
.copy small { display:block;max-width:300px;margin-right:auto;margin-left:auto; }
.finder-btn-wrap { text-align:center; width:100%; pointer-events:none; }
.finder-btn-wrap a.btn {     width: 50%; margin:0; padding:8px 40px 9px; font-size:0.9em; border-radius:4px; background-color:#fff; border:1px solid #ccc; font-weight:bold; text-transform:uppercase; color:#0066a3; line-height:1em; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; outline: none; pointer-events:auto; }
.finder-btn-wrap a.btn:hover { color: #23527c; border: 1px solid #0066a3; }

.wfTitle {
    font: 1.8em sofia-pro-condensed !important;
    font-size: 1.2em;
    color: #3A3531;
    text-transform: uppercase;
    font-weight: 800px !important;
    font-style: italic !important;
}
@media(max-width:768px) {

#WorkFitIntro-module {
  background-color: #3A3531;
}

.wfLogo{width: 60%;}
.bulkalign {text-align:center;}
}


@media(min-width:768px) {
.modal-header h4  
{font: 1.6em/.9em sofia-pro-condensed !important;
    font-weight: 500 !important;
    margin-bottom: 2px;
    text-transform: inherit;
}
.bulkalign {text-align:center;}
.modal-body h3
{display:none;}
    
.btn-color {
    min-width: 140px!important;
    background-color: #0066a3;
    border: solid 1px #0066a3;
    border-radius: 50px;
    color: #fff;
    transition: .1s background-color ease;
    padding: 2px;
    font-size: .8em;
    text-align: center;
    display: inline-block;
}
a.btn-color:hover {
    min-width: 140px!important;
    background-color: #ffffff;
    border-radius: 50px;
    border: solid 1px #0066a3;
    color: #000000;
    transition: .1s background-color ease;
    padding: 2px;
    font-size: .8em;
    text-align: center;
    display: inline-block;
}
.finder-btn-wrap a.btn {
    width: 100%;
    margin: 0;
    padding: 8px 40px 9px;
    font-size: 0.9em;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    font-weight: bold;
    text-transform: uppercase;
    color: #0066a3;
    line-height: 1em;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    outline: none;
    pointer-events: auto;
}

	@media(min-width:992px)
{.finder-btn-wrap a.btn {
    width: 60%;
    margin: 0;
    padding: 8px 40px 9px;
    font-size: 0.9em;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    font-weight: bold;
    text-transform: uppercase;
    color: #0066a3;
    line-height: 1em;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    outline: none;
    pointer-events: auto;
}
	}
	
#WorkFitIntro-module {
  background-color: #3A3531;
}

.BenTitle
{
	font: 1.8em sofia-pro-condensed, sans-serif;
    font-weight: 900;
	font-style: normal;
    text-transform: uppercase;
    color: #000000;
}
	
h4.BenTitle {
    font: 1.6em sofia-pro-condensed, sans-serif;
    font-weight: 800;
    font-style: italic;
    text-transform: uppercase;
    color: #000000;
}
	
.prod-hilite {
    background: url(/portals/0/images/background-circle.png);
        background-repeat: no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
    background-size: 300px 300px;
    background-position: center top;
    text-align: center;
    min-height: 470px;
    position: relative;
    margin-top: 40px;
}
	

/*div.wfIntro { text-align:left; }*/
.prod-hilite { background-size:220px 220px;min-height:480px;  }
div.titleWrap { padding:0 37%; }
.prod-hilite img { margin:1.5em auto 0; }
.prod-hilite img.one { max-width:150px; }
.prod-hilite img.two { max-width:180px; }
.prod-hilite img.thr { max-width:200px; }
.copy { top:230px; }
.wfLogo { width:400px; }
}
@media(min-width:992px) {
#Body { padding-top:136px; }

div.titleWrap { padding:0 34%; }
div.specialTitle h2 { font-size:1.5em !important; }

.prod-hilite { background-size:300px 300px;min-height:500px;  }
.prod-hilite img { margin:3.5em auto 2em; }
.prod-hilite img.one { max-width:165px; }
.prod-hilite img.two { max-width:190px; }
.prod-hilite img.thr { max-width:210px; }
.copy { top:295px; }
.copy small { display:block;max-width: none;margin-right:auto;margin-left:auto; }

	

@media(min-width:1200px) {
.prod-hilite {
	background: url(/portals/0/images/background-circle.png);
    background-repeat: no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    background-size: 300px 300px;
    background-position: center top;
    text-align: center;
    min-height: 470px;
    position: relative;
    margin-top: 0px;

}

div.titleWrap { padding:0 37%; }

}

/* calculator */
.calc-box { background: #444; color: #fff; font-size:.8em; }
.calc-box select, .calc-box input { border:0; outline:0; }
.calc-box select { position:relative;top:6px;margin: 0 6px 0 0!important; padding: 0 !important; font-size:1.2em; }
.entry { width: 58%; border: 0; background-color: white; padding: 2px 16px; margin: 0; font-weight: bold;font-size: 2.0em; }
.result { width: 100%; border: 0; background-color: transparent; padding: 2px 0; margin: 0; font-size: 4.0em; cursor: default; }
.Magenta { color: #f4179f; }
.Yellow { color: #F8ED1F; }
.Blue { color: #08BDE4; }
.tight { width:80%; }
.calculateButton { padding: 1em 1.5em; transition: background-color 0.5s ease;background-color: #e1008a; border-radius:3px; font-size: 1.4em; font-weight:bold; text-transform: uppercase; text-align:center;color:#fff; width: 100%; cursor: pointer; }
.calculateButton:hover { background-color: #f4179f; }
.sectionButton { width: 100%; margin: 10px 0 12px; padding:10px 0 24px; border-bottom: 5px #fff dotted; }
#references { margin-left: 20px; color: #666; }
#notes { margin-left: 20px; color: #666; }
#refsnotes { background-color: transparent; padding: 12px 12px 12px 0; }
ul.reference { margin: 6px 0 2px 0; padding: 4px 0; }
ul.reference li { margin: 0 20px 4px 0; padding: 0; font-size: .8em; }
ul.reference li.bullet { list-style-type:disc !important;margin-left:16px; }
#weight,#time,#days { background:#fff; margin:8px 0 12px;padding:3px 0;color:#000; }
#days { max-width:80px; }
#Time { max-width:90px; }
.reference-link { float:right;text-transform:uppercase;font-size:.75em;position:relative;bottom:4px;right:0; }
.calc-box h4 { text-align:center;font: 2em/1em sofia-pro-condensed !important;color:#fff;text-transform:uppercase;font-weight:800 !important; /*font-style:italic !important;*/margin-bottom:15px; }
div.lockup h3 { font: 2.5em/.9em sofia-pro-condensed !important;color:#fff; text-transform:uppercase;font-weight:800 !important; font-style:italic !important;margin-bottom:5px;  }
div.lockup p { font-size:.9em; line-height:1.2em;color:#fff;font-weight:300 !important; }
div.lockup { text-align:center; margin-bottom:20px; }
@media(min-width:768px) {
#weight,#time { margin:8px 0 0; }
#days { margin:8px auto 0; }
#Time { max-width: inherit; }
.calculateButton { width: 10em; }
}
@media(min-width:992px) {
div.lockup { text-align:left; }
div.lockup h3 { margin-bottom:20px; }
div.lockup p { font-size: 1em;line-height:1.4em;max-width:80%; }
}

@media(min-width:1200px) {
div.lockup h3 { font-size: 4em !important; }
}
@media(max-width:767px) {
span.change-align { display:block;text-align:left !important; }
a.reference-link { display:block; float:none;left:0; }
#collapseRef div.panel { width:auto !important; }
}

/* Bulk Orders */
.speechbubble {
    margin-top:-60px;position:absolute;z-index:1;right:30px;min-width: 500px;
  }

.bulk {
color:#ffffff;}



.btn-bulk {
    margin: 0;
    padding: 15px 40px 15px;
    font-size: 1em;
    border-radius: 4px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #e1008a;
}

.bulkalign
	{text-align: center;}

@media(min-width:1200px) {
	
	
	.btn-bulk {
    margin: 0;
    padding: 15px 40px 15px;
    font-size: 1em;
    border-radius: 4px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #e1008a;
}
	
.bulk-header{font: 2.3em sofia-pro-condensed, sans-serif;
    font-weight: 800;
    font-style: italic;
    text-transform: uppercase;
	color: #ffffff;}
	
	
.bulkalign
	{text-align: left;}
	
	div.wfIntro {
    text-align: left;
}
	
.btn-bulk a:focus, a:hover a:visited {
    color: #08BDE4;
    text-decoration: none;
}
}

/*.bulk-btn-wrap a.btn {
    margin: 0;
    padding: 15px 40px 15px;
    font-size:1em;
    border-radius: 4px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
    line-height: 1em;
    background-color: #e1008a;
	text-align:left;
}*/


.DnnModule-ActionForm {
  background-color: #554BA0;
}



#WorkFitIntro-module {
  background-color: #3A3531;
}

#BuyBulk-module {
  background-color: #554BA0;
}



.fgcard h4 {
  font: 1.6em sofia-pro-condensed, sans-serif;
  font-size: 1.6em;
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase;
  color: #08BDE4;
}
#customersupport-module {background:#3A3531;}

#customersupport-module .fgcard {
  margin: 2.4em 0;
}

#customersupport-module .fgcard h4 {
  font: 1.6em sofia-pro-condensed, sans-serif;
  font-size: 1.6em;
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase;
  color: #08BDE4;
}

#customersupport-module .fgcard p {
  color: #fff;
}

#customersupport-module .fgcard .media-object {
  width: 3em;
}

#customersupport-module .fgcard .media {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}


@media(min-width:768px) {
  #customersupport-module .fgcard .media-object {
    width: 4.2em;
  }
 #WorkFitIntro-module {
  background-color: #3A3531;
}

}


@media(min-width:992px) {
  /*
  #customersupport-module .fgcard {
    background: url('/Portals/0/Images/Icons/warranty-ttou-icon.png') no-repeat 25.9em 2em;
  }
*/
  #customersupport-module .fgcard .media-left {
    padding-right: 20px;
  }
  #customersupport-module .fgcard .media-object {
    width: auto;
  }
}

@media(min-width:1200px) {
  /*
  #customersupport-module .fgcard {
    background-position: 32.5em 2em;
  }
*/
  #customersupport-module .fgcard {
    margin: 2.4em 0 1.5em;
  }

  #customersupport-module .fgcard .media {
    padding-bottom: 1.5em;
  }
  #WorkFitIntro-module {
  background-color: #3A3531;
}

}