@charset "utf-8";



/*HEADERS*/



/*Header Styles XS and down*/



@media (max-width:768px) {

h1.tx-title {  font-weight: 200; font-size: 2.2em; color: #000000; position: relative; z-index: 5; right: 0px; padding-top: 260px; }

h2.tx-title {  font-weight: 100; font-size: 1.7em; color: #000000; margin-bottom: 2px; position: relative; text-align: left; left: 10px; top: 0px; z-index: 3; }

h2.secondary-title {  font-weight: 100; font-size: 1.6em; color: #000000; text-align: left; }

h3.title3 {  font-weight: 100; font-size: 2.5em; color: #000000; text-align: left; }

}



/*Header Styles Small and Up*/











@media (min-width:768px) {

h1.tx-title {  font-weight: 200; font-size: 3.0em; color: #000000; position: relative; z-index: 5; right: 0px; padding-top: 720px; text-align: left; }

h2.tx-title {  font-weight: 100; font-size: 2.2em; color: #000000; margin-bottom: 2px; left: 0px; max-width: 500px; position: relative; text-align: left; z-index: 4; line-height: 1.2em; }

h2.secondary-title {  font-weight: 100; font-size: 2.0em; color: #000000; line-height: 1.3; text-align: center; }

h3.title3 {  font-weight: 100; font-size: 3.5em; color: #000000; text-align: left; margin-top: 50px; }

}



/*Header Styles Medium and Up*/



@media (min-width:992px) {

h1.tx-title {  font-weight: 200; font-size: 3.1em; color: #000000; position: relative; z-index: 5; text-align: left; padding-top: 10px; right: 0px; padding-left: 550px; }

h2.tx-title {  font-weight: 200; font-size: 2.3em; color: #000000; position: relative; z-index: 5; left: 460px; padding: 0; line-height: 1.2em; max-width: 500px; text-align: right; }

h2.secondary-title {  font-weight: 100; font-size: 2.0em; color: #000000; line-height: 1.3; text-align: left; }

h3.title3 {  font-weight: 100; font-size: 3.9em; color: #000000; text-align: left; }

}



/*Header Styles Large and Up*/



@media (min-width:1200px) {

h1.tx-title {  font-weight: 200; font-size: 4.6em; color: #000000; position: relative; z-index: 5; padding-left: 550px; text-align: left; right: 0px; margin-top: 30px; }

h2.tx-title {  font-weight: 100; font-size: 2.7em; color: #000000; margin-bottom: 2px; position: relative; text-align: right; z-index: 4; line-height: 1.2em; margin-left: 180px; }

h2.secondary-title {  font-weight: 100; font-size: 2.7em; color: #000000; line-height: 1.3; text-align: left; }

h3.title3 {  font-weight: 100; font-size: 3.9em; color: #000000; text-align: left; margin-top: 460px; }

}



/*BANNERS*/



/*Banner Styles XS and down*/



@media (max-width:768px) {

.banner-img { background-image : url(/portals/0/Images/Pages/WorkFitTX/hero3_WFTX_xs.jpg); background-repeat : no-repeat; z-index : -1; }

.banner-img2 { background-image: url(/portals/0/Images/Pages/WorkFitTX/hero2_WFTX_xs.jpg); background-repeat: no-repeat; z-index : -1; }

}



/*Banner Styles Small and Up*/



@media (min-width:768px) {

.banner-img { background-image : url(/portals/0/Images/Pages/WorkFitTX/hero3_WFTX.jpg); background-repeat : no-repeat; z-index : -1; }

.banner-img2 { background-image: url(/portals/0/Images/Pages/WorkFitTX/hero2_WFTX.jpg); background-repeat: no-repeat; z-index : -1; }

}



/*Banner Styles Med and Up*/



@media (min-width:992px) {

.banner-img { background-image : url(/portals/0/Images/Pages/WorkFitTX/hero3_WFTX.jpg); background-repeat : no-repeat; z-index : -1; }

.banner-img2 { background-image: url(/portals/0/Images/Pages/WorkFitTX/hero2_WFTX.jpg); background-repeat: no-repeat; z-index : -1; height: 650px; }

}



/*Banner Styles Large and Up*/



@media (min-width:1200px) {

.banner-img { background-image : url(/portals/0/Images/Pages/WorkFitTX/hero3_WFTX.jpg); background-repeat : no-repeat; z-index : -1; }

.banner-img2 { background-image: url(/portals/0/Images/Pages/WorkFitTX/hero2_WFTX.jpg); background-repeat: no-repeat; z-index: -1; height: 800px; }

}



/*WRAPPERS*/



/*Wrappers XS and down*/



@media (max-width:768px) {

.txt-wrapper { display: block; width: 600px; margin-top: 440px; margin-right: auto; margin-left: auto; position: relative; }

.txt-wrapper2 { display: block; max-width: 600px; margin-top: 20px; margin-right: auto; margin-left: auto; position: relative; }

.txt-wrapper3 { display: block; width: 600px; margin-top: 50px; margin-right: auto; margin-left: auto; position: relative; }

}



/*Wrapper Styles Small and Up*/



@media (min-width:768px) {

.txt-wrapper { display: block; width: 600px; margin-left: auto; margin-right: auto; }

.txt-wrapper2 { display: block; width: 600px; margin-top: 10px; margin-right: auto; margin-left: auto; position: relative; }

.txt-wrapper3 { display: block; width: 700px; margin-top: 640px; margin-right: auto; margin-left: auto; position: relative; left: 0px; }

}



/*Wrapper Styles Med and Up*/



@media (min-width:992px) {

.txt-wrapper { display: block; width: 980px; margin-left: auto; margin-right: auto; }

.txt-wrapper2 { display: block; width: 900px; margin-top: 550px; margin-right: auto; margin-left: auto; position: relative; }

.txt-wrapper3 { display: block; width: 900px; margin-top: 620px; margin-right: auto; margin-left: auto; position: relative; left: 0px; }

}



/*Wrapper Styles Large and Up*/



@media (min-width:1200px) {

.txt-wrapper { display: block; width: 1200px; margin-left: auto; margin-right: auto; }

.txt-wrapper2 { display: block; width: 700px; margin-top: 270px; margin-right: auto; margin-left: auto; position: relative; left: 300px; }

.txt-wrapper3 { display: block; width: 700px; margin-top: 0px; margin-right: auto; margin-left: auto; position: relative; left: 300px; }

}



/*BUTTONS*/



/*Buttons XS and down*/



@media (max-width:768px) {

.btn-grey-wrap { text-align: center; }

.btn-grey-solid {  margin-right: 10px; background-color: #f0f0f0; border-radius: 4px; padding: 5px 10px; width: 7.5em; line-height: 1.5em; display: inline-block; text-align: center; margin-bottom: 10px; }

.btn-grey-solid:hover {  margin-right: 10px; background-color: #000000; color: #ffffff; border-radius: 4px; padding: 5px 10px; width: 7.5em; line-height: 1.5em; display: inline-block; text-align: center; margin-bottom: 10px; }

}



/*Button Styles Small and Up*/



@media (min-width:768px) {

.btn-grey-wrap { text-align: center; }

.btn-grey-solid {  margin-right: 20px; background-color: #f0f0f0; border-radius: 4px; padding: 5px 10px; width: 10.0em; line-height: 1.5em; display: inline-block; text-align: center; }

.btn-grey-solid:hover {  margin-right: 20px; color: #ffffff; background-color: #000000; border-radius: 4px; padding: 5px 10px; width: 10.0em; line-height: 1.5em; display: inline-block; text-align: center; cursor: pointer; }

}



/*Button Styles Med and Up*/



@media (min-width:992px) {

.btn-grey-wrap { text-align: center; }

.btn-grey-solid {  margin-right: 20px; background-color: #f0f0f0; border-radius: 4px; padding: 5px 10px; width: 10.0em; line-height: 1.5em; display: inline-block; text-align: center; }

.btn-grey-solid:hover {  margin-right: 20px; color: #ffffff; background-color: #000000; border-radius: 4px; padding: 5px 10px; width: 10.0em; line-height: 1.5em; display: inline-block; text-align: center; cursor: pointer; }

}



/*Button Styles Large and Up*/



@media (min-width:1200px) {

.btn-grey-solid {  margin-right: 20px; background-color: #f0f0f0; border-radius: 4px; padding: 5px 10px; width: 10.0em; line-height: 1.5em; display: inline-block; text-align: center; }

.btn-grey-solid:hover {  margin-right: 20px; color: #ffffff; background-color: #000000; border-radius: 4px; padding: 5px 10px; width: 10.0em; line-height: 1.5em; display: inline-block; text-align: center; cursor: pointer; }

}



/*MISC*/



/*Misc XS and down*/



@media (max-width:768px) {

.how-low { text-align: center; }

.quot-wrap { margin-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 30px; }

.Quote { padding: 20px 15px 10px 8px; margin-top: 15px; font-size: 1.2em; color: #000; }

.Quote .bqstart { font-family: Georgia, times new roman, Times, serif; float: left; font-size: 3em; color: #000000; padding-right: 12px; padding-bottom: 100px; margin: -10px 0 0; }

.Quote .bqend { font-family: Georgia, times new roman, Times, serif; float: right; font-size: 4em; color: #000000; margin: -24px -12px 0 0; }

.Quote .credit { font-size: .7em; float: right; color: #333; margin-top: 6px; text-align: right; padding-left: 80px; }

.keyboard { width: 300px; display: inline-block; font-size: 1.2em; }

ol { list-style: upper-alpha; line-height: 2em; }

p.para-one { text-align: left; margin-left: auto; margin-right: auto; display: block; }

p.para-two { text-align: left; margin-left: auto; margin-right: auto; display: block; padding-top: 20px; }

p.para-three { margin-top: 10px; }

img.care-logo { display: block; margin-left: auto; margin-right: auto; }

p.vid { display: inline-block; max-width: 400px; margin-left: 10px; padding-top: 10px; }

.vid-thumb { text-align: center }

}



/*Misc Styles Small and Up*/



@media (min-width:768px) {

.how-low { text-align: center; }

.quot-wrap { margin-top: 0px; padding-left: 30px; padding-right: 100px; }

.Quote { padding: 20px 15px 10px 8px; margin-top: 15px; font-size: 1.2em; color: #000; }

.Quote .bqstart { font-family: Georgia, times new roman, Times, serif; float: left; font-size: 3em; color: #000000; padding-right: 12px; padding-bottom: 100px; margin: -10px 0 0; }

.Quote .bqend { font-family: Georgia, times new roman, Times, serif; float: right; font-size: 4em; color: #000000; margin: -24px -12px 0 0; }

.Quote .credit { font-size: .7em; float: right; color: #333; margin-top: 6px; text-align: right; padding-left: 80px; }

.keyboard { width: 300px; display: inline-block; font-size: 1.2em; }

ol { list-style: upper-alpha; line-height: 2em; }

p.para-one { text-align: left; margin-left: auto; margin-right: auto; display: block; padding-top: 10px; margin-top: 0px; }

p.para-two { text-align: left; margin-left: auto; margin-right: auto; display: block; padding-top: 60px; }

p.para-three { margin-top: 10px; text-align: center; }

ol { list-style: upper-alpha; }

img.care-logo { display: block; margin-left: auto; margin-right: auto; }

p.vid { display: inline-block; margin-left: 10px; width: 300px; }

.vid-thumb { text-align: center }

}



/*Misc Styles Med and Up*/



@media (min-width:992px) {

.how-low { text-align: center; }

.quot-wrap { margin-top: 700px; padding-left: 30px; padding-right: 100px; }

.Quote { padding: 20px 15px 10px 8px; margin-top: 15px; font-size: 1.2em; color: #000; }

.Quote .bqstart { font-family: Georgia, times new roman, Times, serif; float: left; font-size: 3em; color: #000000; padding-right: 12px; padding-bottom: 100px; margin: -10px 0 0; }

.Quote .bqend { font-family: Georgia, times new roman, Times, serif; float: right; font-size: 4em; color: #000000; margin: -24px -12px 0 0; }

.Quote .credit { font-size: .7em; float: right; color: #333; margin-top: 6px; text-align: right; padding-left: 80px; }

.keyboard { width: 300px; display: inline-block; font-size: 1.2em; }

p.para-one { text-align: left; margin-left: auto; margin-right: auto; display: block; padding-top: 10px; margin-top: 0px; }

p.para-three { margin-top: 10px; text-align: left; }

ol { list-style: upper-alpha; line-height: 2em; }

img.care-logo { display: block; margin-left: auto; margin-right: auto; }

p.vid { display: inline-block; margin-left: 10px; width: 600px; }

.vid-thumb { text-align: left }

}



/*Misc Styles Large and Up*/



@media (min-width:1200px) {

.how-low { text-align: center; }

.quot-wrap { margin-top: 700px; padding-left: 30px; padding-right: 100px; }

.Quote { padding: 20px 15px 10px 8px; margin-top: 15px; font-size: 1.2em; color: #000; }

.Quote .bqstart { font-family: Georgia, times new roman, Times, serif; float: left; font-size: 3em; color: #000000; padding-right: 12px; padding-bottom: 100px; margin: -10px 0 0; }

.Quote .bqend { font-family: Georgia, times new roman, Times, serif; float: right; font-size: 4em; color: #000000; margin: -24px -12px 0 0; }

.Quote .credit { font-size: .9em; float: right; color: #333; margin-top: 20px; text-align: right; padding-left: 80px; }

.keyboard { width: 300px; display: inline-block; font-size: 1.2em; }

ol { list-style: upper-alpha; line-height: 2em; }

p.para-one { text-align: left; margin-left: auto; margin-right: auto; display: block; padding-top: 20px; padding-bottom: 20px; margin-top: 290px; }

p.para-two { text-align: left; margin-left: auto; margin-right: auto; display: block; padding-top: 10px; margin-top: 0px; }

p.para-three { margin-top: 10px; }

img.care-logo { display: block; margin-left: auto; margin-right: auto; }

p.vid { display: inline-block; margin-left: 10px; width: 350px; }

.vid-thumb { text-align: left }

}

.breadcrumbs { display: none !important; }

.wftx-graphic { background: url('/portals/0/Images/Pages/WorkFitTX/hero4_WFTX-1170.jpg') 0 0 no-repeat; background-size: 850px; }

.txt-wrapper { width: auto; margin-top: 30px; margin-right: 0; margin-left: 0; }

.txt-wrapper2 { max-width: none; margin-top: 20px; margin-right: 0; margin-left: 0; }

.txt-wrapper3 { width: auto; margin-top: 50px; margin-right: 0; margin-left: 0; }



/*Wrapper Styles Small and Up*/







@media (min-width:768px) {

.txt-wrapper { width: auto; margin-right: 0; margin-left: 0; }

.txt-wrapper2 { width: auto; margin-top: 10px; margin-right: 0; margin-left: 0; }

.txt-wrapper3 { width: auto; margin-top: 640px; margin-right: 0; margin-left: 0; }

}



/*Wrapper Styles Med and Up*/







@media (min-width:992px) {

.wftx-graphic { background-size: 970px; }

.txt-wrapper { width: auto; margin-right: 0; margin-left: 0; }

.txt-wrapper2 { width: auto; margin-top: 320px; margin-right: 0; margin-left: 0; }

.txt-wrapper3 { width: auto; margin-top: 620px; margin-right: 0; margin-left: 0; }

}



/*Wrapper Styles Large and Up*/







@media (min-width:1200px) {

.wftx-graphic { background-size: auto; }

.txt-wrapper { width: auto; margin-right: 0; margin-left: 0; }

.txt-wrapper2 { width: auto; margin-top: 275px; margin-right: 0; margin-left: 470px; left: 0px; }

.txt-wrapper3 { width: auto; margin-top: 0px; margin-right: 0; margin-left: 0; left: 0px; }

}

h1.tx-title { font-size: 2em; padding-top: 420px; padding-left: 0; }

h2.tx-title { padding-left: 0; left: auto; font-size: 1.6em; max-width: none; }



@media (min-width:768px) {

h1.tx-title { font-size: 3em; }

}



@media (min-width:992px) {

h1.tx-title { padding-top: 0; text-align: right; max-width: 12em; margin-left: 7.6em; font-size: 3.6em; }

h2.tx-title { padding-left: 0; left: auto; font-size: 2em; text-align: right; }

}



@media (min-width:1200px) {

h1.tx-title { font-size: 4.5em; }

h2.tx-title { font-size: 3em; }

p.para-one { margin-top: 0; }

}

.wftx-video .col-md-4 h4 { display: none; }

.wftx-video .video-text { font-weight: bold; text-align: center; margin-top: 1em; }



@media (min-width:992px) {

.wftx-video .container { width: 750px; position: relative; left: 15px; }

.wftx-video { margin-top: 1em; }

.wftx-video .video-text { font-weight: normal; text-align: left; margin-top: 3em; }

}



@media (min-width:1200px) {

.wftx-video { margin-top: 0; }

.wftx-video .container { width: 700px; left: 234px; }

.wftx-video .video-text { margin-top: 2.5em; }

}

h2.secondary-title { font-size: 2em; text-align: center; }

h2.lowgotext { text-align: left; }

.fitsection-caption { max-width: 380px; text-align: center; margin: 1em auto }

.btn-grey-wrap { text-align: center; margin-top: 1.5em; }

.btn-grey-solid, .btn-grey-solid:hover { margin: 0 auto 0.7em }

.btn-grey-solid, .btn-grey-solid:focus, .btn-grey-solid:active { color: #18A0B7; text-decoration: none; }



@media (min-width:768px) {

.fitsection-caption { max-width: 540px; }

h2.secondary-title.primary-title-size { font-size: 3em; }

.comparison-img-wrap { position: relative; }

.comparison-img-wrap .lowgotext { position: absolute; right: 140px; bottom: -10px; }

.comparison-img-wrap .lowgosubtext { color: #08bde4; font-size: 0.6em; display: inline-block; transform: translateY(-8px) translateX(1px); }

}



@media (min-width:992px) {

.fitsection-caption { max-width: none; text-align: left; }

h2.secondary-title { font-size: 2.6em; text-align: left; }

.comparison-img-wrap { margin-top: 0; }

.comparison-img-wrap .lowgotext { position: absolute; right: 92px; bottom: -15px; }

}



@media (min-width:1200px) {

.comparison-img-wrap .lowgotext { position: absolute; right: 135px; bottom: -25px; }

h2.secondary-title { font-size: 3em; text-align: center; margin-bottom: 0.5em; }

h2.secondary-title.primary-title-size { font-size: 4em; margin-top: 0.3em; margin-bottom: 0.2em; }

.fitsection-caption { width: 1020px; transform: translateX(-330px); margin-bottom: 30px; margin-top: 0; }

.comparison-img-wrap .lowgosubtext { transform: translateY(-12px) translateX(-30px); }

}

.lowgosection-caption { margin-bottom: 0; }

ol.letterlist, ol.letterlist > li { list-style-type: upper-alpha; }

ol.letterlist { padding-left: 1.2em; font-size: 0.8em; margin-top: 1em; }

ol.letterlist > li { padding-left: .4em; }



@media (min-width:768px) {

ol.letterlist { padding-left: 2em; font-size: 0.9em; margin-top: 0; }

}



@media (min-width:992px) {

.lowgosectionbuttons { position: relative; top: 19em; }

.letterlistsection { position: relative; top: -5em; }

ol.letterlist { padding-left: 1.4em; margin-top: 0.2em; }

}



@media (min-width:1200px) {

.lowgosectionbuttons { top: 13em; }

.letterlistsection { top: -7em; }

ol.letterlist > li { font-size: 1em; }

}

.quote-container-wrap { background-color: #EFF0F0; margin-top: 2em; }

.quot-wrap { margin-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 30px; }

.Quote { padding: 20px 15px 10px 8px; margin-top: 15px; font-size: 1.1em; color: #000; }

.Quote .bqstart { font-family: Georgia, times new roman, Times, serif; float: left; font-size: 3em; color: #08bde4; padding-right: 12px; padding-bottom: 100px; margin: -10px 0 0; }

.Quote .bqend { font-family: Georgia, times new roman, Times, serif; float: right; font-size: 3em; color: #08bde4; margin: -12px -12px 0 0; }

.Quote .credit { font-size: .7em; float: right; color: #333; margin-top: 6px; text-align: right; padding-left: 80px; }

.quote-container-wrap { background-color: #EFF0F0; }



@media (min-width:992px) {

.quote-container-wrap .Quote { padding: 20px 15px 20px 8px; font-size: 1.6em; color: #000; max-width: 800px; margin: 1em auto 0; }

.quote-container-wrap .Quote .bqstart { font-size: 4em; margin: 0; transform: translateY(-25px) translateX(-9px); padding-right: 10px; padding-bottom: 0; }

.quote-container-wrap .Quote .bqend { font-size: 4em; margin: 0; transform: translateY(-7px) translateX(-72px); line-height: 1em; }

.quote-container-wrap .credit { font-size: 1.3em; text-align: center; display: block; margin-bottom: 1em; text-indent: -11.6em; }

#bottom-image-1 { position: absolute; bottom: 230px; left: -10px; }

#bottom-image-2 { position: absolute; bottom: 25px; left: 40px; width: 40%; }

}



@media (min-width:1200px) {

.quote-container-wrap .Quote { max-width: 970px; }

.quote-container-wrap .Quote .bqend { transform: translateX(0px); }

.quote-container-wrap .credit { text-indent: -5.4em; }

#bottom-image-1 { position: absolute; bottom: 122px; left: -140px; }

#bottom-image-2 { position: absolute; bottom: 122px; left: 210px; width: 40%; }

#bottom-image-1 .limit-xs, #bottom-image-2 .limit-xs { max-height: 182px; }

#kbdcaption { margin-top: 2em; }

}

.shop-btn { display: none; }



.ergoexpo18-img { display: none;  }

@media (min-width:768px) { .ergoexpo18-img { display: inline-block; float: right; max-width: 150px; margin: 0 0 25px 15px; } }

@media (min-width:992px) { .ergoexpo18-img { max-width: 110px; margin: 0 20px 0 65px; } } 

@media (min-width:1200px) { .ergoexpo18-img { max-width: 145px; margin: 0 0 0 40px; } }