.title-bar {display:none;}

.showLeftNav, .hideLeftNav {margin:0 !important; max-width:100% !important; padding:0 !important; margin:0 auto !important;}
.showLeftNav {max-width:1080px !important;}
.hideLeftNav .main {max-width:100% !important;}

/*************************   banner styles  ********************************/
.cpBanner {width:100%; position:relative; border-top:14px solid #414653;}
.cpBannerImage {width:100%; overflow:hidden; position:absolute; z-index:0; background-position:top center; background-repeat:no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.cpBanner .cpTitleWrapper {max-width:1080px; margin:0 auto; position:relative; width:100%;}
.cpBanner .cpTitleContainer {z-index:1; position:absolute; top:205px; left:30px; vertical-align:middle; padding-left:30px;}

.cpBanner .cpTitleContainer span.h1, .cpBanner .cpTitleContainer span.h2
{
    font-family: 'Roboto Condensed',Verdana,Arial,Helvetica,sans-serif !important;
    font-weight:700;
    margin:0 auto auto auto !important;
    font-size:30px; margin-bottom:10px !important; padding-left:0; padding-right:0;}

.cpBanner .cpTitleContainer h1,
.cpBanner .cpTitleContainer span.h1 {display:block; padding:0; font-size:60px; line-height:60px; color:#fff; text-shadow: 2px 2px 8px #000; text-transform:uppercase; margin-left:0 !important; margin-right:0 !important; width:100%; max-width: 700px;}
.cpBanner .cpTitleContainer h2,
.cpBanner .cpTitleContainer span.h2 {display:block; font-size:60px; line-height:60px; color:#fff; text-shadow: 2px 2px 8px #000; text-transform:uppercase; margin-left:0 !important;}


.cpBanner.noImage .cpTitleContainer {z-index:0; position:relative; top:0; left:0; padding-left:30px; padding-bottom:10px;}
.cpBanner.noImage .cpTitleContainer h1 {color:#414653; text-shadow: none;}
.cpBanner.noImage .cpTitleContainer h2 {color:#414653; text-shadow: none;}

/*************************   nav styles  ********************************/
.cpNav {padding:2px 0;
        margin-bottom:10px;
        box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 0 0px 8px 4px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 0px 8px 4px rgba(0, 0, 0, 0.4);
        max-width:100%;
}
.cpNav #scroller {width:100%; position:relative; background-color:#fff; padding:2px 0; z-index:2; margin:0 auto;}
.cpNav #scroller .scrollerWrapper {max-width:1080px; margin:0 auto;}
.cpNav .top-bar {display:table; width:100%; }
.cpNav ul.menu {width:100%; display:table-row; margin:0; padding:0;}
.cpNav .title-bar {float:none; padding:0;}
.cpNav .title-bar .title-bar-title {color:#71ABC5; width:100%; text-align:center; font-size:22px; padding:10px 0;
        box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 0 0px 6px 3px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 0px 6px 3px rgba(0, 0, 0, 0.4);
}

.cpNav .title-bar .title-bar-title span {display:inline-block; padding-right:32px;background:#fff url('/skins/mobile/PlusIcon.svg') center right no-repeat; background-size:26px;}
.cpNav .title-bar .title-bar-title span.expanded {background:#fff url('/skins/mobile/MinusLBlueIcon.svg') center right no-repeat; background-size:26px;}
.cpNav .cpNavItem {display:table-cell; text-align:center; border-right:1px solid #d1d3d4; vertical-align:middle;}
.cpNav .cpNavItem:last-child {display:table-cell; text-align:center; border-right:0px solid #d1d3d4;}
.cpNav .cpNavItem a {white-space:normal; color:#414653; font-size:18px; font-weight:700; font-family: 'Roboto Condensed',Verdana,Arial,Helvetica,sans-serif !important; padding:20px 4px 16px 4px;}


.cpNav .cpNavItem a span {padding-bottom:4px; display:inline-block;}

.cpNav .cpNavItem a:hover span {color: #71abc5;text-decoration:underline !important;}




.cpNav .navCount1 .cpNavItem {width:100%;}
.cpNav .navCount2 .cpNavItem {width:50%;}
.cpNav .navCount3 .cpNavItem {width:33.33%;}
.cpNav .navCount4 .cpNavItem {width:25%;}
.cpNav .navCount5 .cpNavItem {width:20%;}
.cpNav .navCount6 .cpNavItem {width:16.66%;}
.cpNav .navCount7 .cpNavItem {width:14.28%;}
.cpNav .navCount8 .cpNavItem {width:12.5%;}
.cpNav .navCount9 .cpNavItem {width:11.11%;}
.cpNav .navCount10 .cpNavItem {width:10%;}


body.Brochures .cpNav .navCount5 .cpNavItem ,
body.Program-Resources .cpNav .navCount5 .cpNavItem ,
body.Publications .cpNav .navCount5 .cpNavItem {width:25%;}
body.Brochures .cpNav .navCount5 .cpNavItem.resources,
body.Program-Resources .cpNav .navCount5 .cpNavItem.resources,
body.Publications .cpNav .navCount5 .cpNavItem.resources {display:none;}

.cpNav .cpNavItem.hide {display:none;}
 body.Newsroom .cpNav .cpNavItem.newsroom a,
 body.Leadership .cpNav .cpNavItem.leadership a,
 body.Success-Stories .cpNav .cpNavItem.successstories a {color:#71abc5}
.cpNav .cpNavItem.cpSelected a {pointer-events: none; color:#71abc5;}
body.Newsroom.Search .cpNav .cpNavItem.cpSelected a ,
body.Success-Stories.Search .cpNav .cpNavItem.cpSelected a {pointer-events:auto;}
.cpNav .cpNavItem.cpSelected a span,
body.Newsroom .cpNav .cpNavItem.newsroom a span,
body.Leadership .cpNav .cpNavItem.leadership a span,
body.Success-Stories .cpNav .cpNavItem.successstories a span {text-decoration:underline;}


/*************************   block styles  ********************************/
span.h3 {color:#414653; display:block; font-family: 'Roboto Condensed',Verdana,Arial,Helvetica,sans-serif !important; font-weight:700; height:auto !important;}


.cpBlocks {width:100%; max-width:1080px; margin:0 auto;}
.cpBlocks .cpBlock {float:left; padding:20px 0; max-width:100%;}
.cpBlocks .cpBlock.noPadding {padding:0;}

.cpBlocks .cpBlock.cpBlock1 {width:100%; clear:both;}
.cpBlocks .cpBlock.cpBlock2 {width:50%;}
.cpBlocks .cpBlock.cpBlock3 {width:33.333%;}
.cpBlocks .cpBlock.cpBlock4 {width:25%;}


.cpBlocks .cpBlock.cpLeft {text-align:left;}
.cpBlocks .cpBlock.cpCenter {text-align:center;}
.cpBlocks .cpBlock.cpRight {text-align:right;}
.cpBlocks .cpBlock.cpPadded {padding:0 10px;}

.cpBlocks .cpBlock h2 {font-size:44px; line-height:48px; margin-bottom:20px !important;}
.cpBlocks .cpBlock h3.subHead {font-size:28px; line-height:32px; margin-bottom:20px !important;}
.cpBlocks .cpBlock p {font-size:21px; line-height:28px; margin-bottom: .6rem;}
.cpBlocks .cpBlock .textOnly {padding:0 10px;}
.cpBlocks .cpBlock .textOnly h2 {margin-top:28px !important;}
.cpBlocks .cpBlock .textOnly h2.noBottomMargin {margin-bottom:0px !important;}
.cpBlocks .cpBlock .textOnly p {padding:0 115px;}
.cpBlocks .cpBlock .textOnly ul.listColumns,
.cpBlocks .cpBlock .textOnly ul.centeredList {margin:0 auto; max-width:70%;}
.cpBlocks .cpBlock .textOnly ul.centeredList {max-width:55%;}
.cpBlocks .cpBlock .textOnly ul.listColumns li, 
.cpBlocks .cpBlock .textOnly ul.centeredList li { float:left; width:48%; text-align:left; font-size:21px; line-height:28px; padding-right:40px;} 
.cpBlocks .cpBlock .textOnly ul.centeredList li  {float:none; width:auto; padding-right:0;}
.cpBlocks .cpBlock .textOnly ul.cbCenteredList {margin:0 auto;list-style-position: inside;}
.cpBlocks .cpBlock .textOnly ul.cbCenteredList li {font-size:21px; line-height:28px; padding-right:40px; margin:0 auto;}
.cpBlocks .cpBlock .cbCallToAction {margin:30px 0 10px 0; min-height:24px;}
.cpBlocks .cpBlock .prodLP .cbCallToAction {clear:both;}
.cpBlocks .cpBlock .cbCallToAction.noTopMargin {margin-top:0px;}
.cpBlocks .cpBlock .cbCallToAction .commonButton {padding:22px 20px; display:inline-block;}
.cpBlocks .cpBlock .cbCallToAction.cbTwo {width:50%; float:left;}
.cpBlocks .cpBlock .cbCallToAction.cbTwo.cbTwoLeft {padding-right:20px;}
.cpBlocks .cpBlock .cbCallToAction.cbTwo.cbTwoLeft a {float:right;}
.cpBlocks .cpBlock .cbCallToAction.cbTwo.cbTwoRight {padding-left:20px;}
.cpBlocks .cpBlock .cbCallToAction.cbTwo.cbTwoRight a {float:left;}

.cpBlocks .cpBlock .cbCallToAction.wideButton .commonButton {
    display: inline-block;
    padding: 0 10px !important;
    margin: 0 auto 20px auto;
    line-height: 20px;
    height: 44px !important;
    max-height: 44px !important;
    white-space: normal;
}

.cpBlocks .cpBlock .cbCallToAction.wideButton .commonButton span {
        position: relative;
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }



.cpBlocks .cpBlock .commonButton {z-index:2;}


.cpBlocks .cpBlock .cbBanner {background-size: auto 400px !important; height:400px; position:relative;}
.cpBlocks .cpBlock .cbBanner.min600 {background-size: auto 600px !important; height:600px;}
.cpBlocks .cpBlock .cbBanner.min285 {background-size: auto 285px !important; height:285px; background-position:top right !important;}
.cpBlocks .cpBlock .cbBanner.cbHeadlineLeft,
.cpBlocks .cpBlock .cbBanner.noHeadline {background-position-x:center !important;}
.cpBlocks .cpBlock .cbMobileBanner {display:none;}

.cpBlocks .cpBlock .cbBannerTextContainer {position:relative; z-index:1; top:100px; right:20px; float:right; max-width:550px;}
.cpBlocks .cpBlock.prodLPBanner .cbBannerTextContainer {text-transform:uppercase;}
.cpBlocks .cpBlock .cbBanner.min285 .cbBannerTextContainer {position:relative; z-index:1; top:135px; left:20px; float:left; max-width:550px;}
.cpBlocks .cpBlock .cbBannerHeadline {color:#fff; text-shadow: 0px 0px 8px #000; font-size:44px;}
.cpBlocks .cpBlock .cbBannerHeadline em:after {display:inline-block; width:0.2em; content:'';}

.cpBlocks .cpBlock .cbBannerText {padding:0;color:#fff; text-shadow: 0px 0px 8px #000; font-size:40px; line-height:46px;}


.cpBlocks .cpBlock .cbHeadlineLeft .cbBannerTextContainer {position:relative; z-index:1; top:165px; left:40px; float:left; max-width:550px;}

.cpBlocks .cpBlock .ctaButton { display:inline-block; min-width:315px; max-width:100%; padding:10px 20px; border:1px solid #414653; border-radius:4px; color:#414653; font-weight:bold; font-size:20px; text-transform:uppercase;}

.cpBlocks .cpBlock .cbColumns .cbColumn {float:left; box-sizing:border-box; text-align:center;}
.cpBlocks .cpBlock .cbColumns .cbColumn2 {width:50%;}
.cpBlocks .cpBlock .cbColumns .cbColumn3 {width:33.33%;}
.cpBlocks .cpBlock .cbColumns .cbColumn4 {width:25%;}
.cpBlocks .cpBlock .cbColumns .cbColumn5 {width:20%;}

.cpBlocks .cpBlock .cbCarousel {max-width:100%; margin-bottom:40px;}
.cpBlocks .cpBlock .cbCarousel .slick-slide {float:left; box-sizing:border-box; text-align:center;max-width:100% !important; vertical-align:top !important; padding:0 5px;}

.cpBlocks .cpBlock .cbCarousel.prodGridProducts .slick-slide {text-align:center;}
.cpBlocks .cpBlock .cbCarousel.prodGridProducts .slick-slide a {text-align:left;}
.cpBlocks .cpBlock .cbCarousel.cbCarouselPicBlocks .slick-slide {text-align:left;}
.cpBlocks .cpBlock .cbCarousel button {display:none !important;}
.cpBlocks .cpBlock .cbCarousel .slick-dots button {display:block !important;}
.cpBlocks .cpBlock .cbCarousel .slick-dots li button {background-color:#fff; border:1px solid #70abc5; border-radius:11px;}
.cpBlocks .cpBlock .cbCarousel .slick-dots li.slick-active button {background-color:#70abc5;}
.cpBlocks .cpBlock .cbCarousel .slick-dots li button:before {content:'';}

.cpBlocks .cpBlock .cpQuotes {padding:30px; background:#70abc5 url('/sharedimages/cpimages/quote-background.jpg') center center no-repeat; background-size:cover;}
.cpBlocks .cpBlock .cpQuotes p,.cpBlocks .cpBlock .cpQuotes span.cpQuoteCredit {color:#fff; font-size:24px; line-height:28px; text-shadow:2px 2px 0px #4f6575;}
.cpBlocks .cpBlock .cpQuotes span.cpQuoteCredit {font-size:18px; line-height:25px; font-style:italic; padding-bottom:15px; display:inline-block; text-shadow:none;}
.cpBlocks .cpBlock .cpQuotes .cbCarousel {margin-bottom:0;}
.cpBlocks .cpBlock .cpQuotes .cbCarousel .slick-dots li button {background-color:transparent; border:1px solid #fff; border-radius:11px;}
.cpBlocks .cpBlock .cpQuotes .cbCarousel .slick-dots li.slick-active button {background-color:#fff;}
.cpBlocks .cpBlock .slick-dots li:only-child {display:none;}
.cpBlocks .cpBlock .cpQuotes .cbCarousel .slick-slide:only-child span.cpQuoteCredit {padding-bottom:0;}

.cpBlocks .cpBlock .cbOverlayContainer { padding:0 10px;}
.cpBlocks .cpBlock .cbOverlayContainer.oneThird { max-width:340px;}
.cpBlocks .cpBlock .cbOverlayContainer.oneThird.first {float:right;}
.cpBlocks .cpBlock .cbOverlayContainer h4 {font-size:21px; line-height:28px; margin-bottom:10px !important;}
.cpBlocks .cpBlock .cbOverlayContainer h4.cbTwoLines {min-height:56px;}
.cpBlocks .cpBlock a.cbOverlayAnchor, 
.cpBlocks .cpBlock a.cbOverlayAnchor img {position:relative; display:block; width:100%;}
.cpBlocks .cpBlock a.cbOverlayAnchor .cbColorOverlay {opacity:0; width:100%; height:100%; position:absolute; top:0; left:0; align-items:center; padding:10px;
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;}
.cpBlocks .cpBlock a.cbOverlayAnchor .cbColorOverlay p {color:#fff; font-size:16px; line-height:22px; position:absolute; bottom:0; text-align:left; padding-right:10px;}
.cpBlocks .cpBlock.cpBlock4 a.cbOverlayAnchor .cbColorOverlay p {font-size:14px; line-height:20px;}
.cpBlocks .cpBlock a.cbOverlayAnchor:hover .cbColorOverlay {opacity:1;}

.cbColorOverlay.cbBlue {background:rgba(0, 83, 159, 0.7);}
.cbColorOverlay.cbGray {background:rgba(65, 70, 83, 0.7);}
.cbColorOverlay.cbGray2 {background:rgba(128, 130, 133, 0.7);}
.cbColorOverlay.cbCyan {background:rgba(82, 170, 237, 0.7);}
.cbColorOverlay.cbRed {background:rgba(198, 0, 0, 0.7);}


.currLinkList,
.brochureLinkList,
.progResLinkList,
.pubLinkList,
.catalogList {margin:0 auto 20px auto; max-width:800px; width:60%;}
.currLinkList {margin:0; width:33%; float:left;}
.brochureLinkList, .progResLinkList, .pubLinkList,.catalogList, .sectionItemList {margin:0; width:100%;max-width:100%;}
.brochureLinkList, .pubLinkList {max-width:680px; margin:0 auto;}
.progResLinkList {max-width:450px; margin:0 auto;}
.sectionItemList {margin:0 4% 10px auto; max-width:48%; width:48%; float:left;}
.sectionItemList.secondList {margin-right:0;}

.currLinkList .currLink,
.brochureLinkList .brochureLink,
.progResLinkList .progResLink,
.pubLinkList .pubLink,
.catalogList .catalogLink,
.sectionItemList .sectionItemLink {list-style-type:none; display:block; padding:0 6px; margin:0 0 6px 0; text-align:left; }
.currLinkList .currLink a,
.brochureLinkList .brochureLink a,
.progResLinkList .progResLink a,
.pubLinkList .pubLink a,
.catalogList .catalogLink a,
.sectionItemList .sectionItemLink a { text-transform:uppercase; color: #414653; display:block; font-size:16px; padding:2px 6px 2px 36px; background:transparent url('/skins/mobile/PlusIcon.svg') center left no-repeat; background-size:25px; background-position-y:1px;}


.brochureLinkList .brochureLink a,
.progResLinkList .progResLink a,
.pubLinkList .pubLink a {font-size:23px; line-height:28px; background-position-y:4px;}
.pubLinkList .pubLink a span {font-size:20px; line-height:28px;}
.brochureLinkList .brochureLink a, .progResLinkList .progResLink a, .pubLinkList .pubLink a, .catalogList .catalogLink a, .sectionItemList .sectionItemLink a {text-transform:none; font-weight:700;}
.currLinkList .currLink a.currSelected ,
.brochureLinkList .brochureLink a.brochureSelected,
.progResLinkList .progResLink a.progResSelected,
.pubLinkList .pubLink a.pubSelectedd,
.catalogList .catalogLink a.catSelected,
.sectionItemList .sectionItemLink a.itemSelected {color:#00539F; font-weight:bold; background-image:url('/skins/mobile/MinuspblueIcon.svg');}


.pubLinkList .pubLink .pubName.type1 {font-style:italic;}
.pubLinkList .pubLink span {display:block; font-weight:normal; font-style:normal; color:#414653;}

.cpBlocks .cpBlock .titleNote {font-size:16px; margin-bottom:20px;}

.currTitleDetails,
.brochureItemDetails,
.pubIssueDetails,
.catalog,
.sectionItemDetails {padding:15px 35px; text-align:left; margin:10px auto; background-color:#f1f2f2;box-shadow: 0px 0px 4px 1px rgba(10,10,10,.4); max-width:94%;}
.currTitleDetails h2 ,
.brochureItemDetails h2,
.pubIssueDetails h2,
.catalogDetails h2,
.itemDetails h2 {padding:0 !important; font-size:38px; line-height:42px; color:#70abc5;}
.currDetails ,
.brochureDetails ,
.pubDetails,
.catalogDetails {clear:both; margin:20px 0;}
.itemDetails {clear:both; margin:0 0 20px 0;}
.cpBlocks .cpBlock .currTitleDetails h2,
.cpBlocks .cpBlock .brochureItemDetails h2,
.cpBlocks .cpBlock .pubIssueDetails h2,
.cpBlocks .cpBlock .catalogIssueDetails h2,
.cpBlocks .cpBlock .sectionItemDetails h2 {margin-bottom:10px !important;}
.currTitleDetails h3 {font-size:24px; line-height:28px; color:#70abc5;}
.cpBlocks .cpBlock .currTitleDetails p,
.cpBlocks .cpBlock .brochureItemDetails,
.cpBlocks .cpBlock .pubIssueDetails,
.cpBlocks .cpBlock .catalogIssueDetails,
.cpBlocks .cpBlock .sectionItemDetails,
.cpBlocks .cpBlock .sectionItemDetails p {font-size:18px; line-height:25px; margin-bottom:20px;}
.cpBlocks .cpBlock .currTitleDetails ul li,
.cpBlocks .cpBlock .sectionItemDetails ul li,
.cpBlocks .cpBlock .sectionItemDetails ol li {font-size:18px; line-height:25px; padding:2px; margin-left:10px;}


.cpBlocks .cpBlock .brochureItemDetails .brochureItemImage,
.cpBlocks .cpBlock .pubIssueDetails .pubImage {width:23%; float:left; min-height:200px; padding-bottom:10px; }
.cpBlocks .cpBlock .brochureItemDetails .brochureItemImage img,
.cpBlocks .cpBlock .pubIssueDetails .pubImage img ,
.cpBlocks .cpBlock .catalogIssueDetails .catImage img{box-shadow: 0px 0px 4px 1px rgba(10,10,10,.4);}
.cpBlocks .cpBlock .brochureItemDetails h2,
.cpBlocks .cpBlock .pubIssueDetails h2,
.cpBlocks .cpBlock .catalogIssueDetails h2,
.cpBlocks .cpBlock .sectionItemDetails h2 {font-size:30px; line-height:36px;}
.cpBlocks .cpBlock .brochureItemDetails h2,
.cpBlocks .cpBlock .brochureItemDetails .brochureItemDescription ,
.cpBlocks .cpBlock .brochureItemDetails .brochureDownload,
.cpBlocks .cpBlock .pubIssueDetails h2,
.cpBlocks .cpBlock .pubIssueDetails .pubDescription,
.cpBlocks .cpBlock .pubIssueDetails .pubButtons,
.cpBlocks .cpBlock .catalogIssueDetails .catDownload,
.cpBlocks .cpBlock .catalogIssueDetails .catRequest,
.cpBlocks .cpBlock .pubIssueDetails .pubRecentIssues{width:75%; float:right;}
.cpBlocks .cpBlock .brochureItemDetails .brochureDownload,
.cpBlocks .cpBlock .pubIssueDetails .pubButtons {text-align:center; padding:10px;}
.cpBlocks .cpBlock .brochureItemDetails .brochureDownload a,
.cpBlocks .cpBlock .pubIssueDetails .pubDownload a,
.cpBlocks .cpBlock .pubIssueDetails .pubSubscribe a {display:inline-block; padding:22px 20px; min-width:200px; text-align:center;}

.cpBlocks .cpBlock .catalogWrapper {display:table; width:100%; border-spacing:20px 10px;}
.cpBlocks .cpBlock .catalogRow {display:table-row;}
.cpBlocks .cpBlock .catalog {display:table-cell; width:50%; max-width:100%;position:relative; padding-bottom:50px;}
.cpBlocks .cpBlock .catalog.hidden {visibility:hidden;}
.cpBlocks .cpBlock .catalogIssueDetails {}
.cpBlocks .cpBlock .catalogIssueDetails h2 {color:#71abc5; padding:0;}
.cpBlocks .cpBlock .catalogIssueDetails .catImage {width:50%; float:right; max-height:250px; padding-bottom:10px; margin-left:20px; }
.cpBlocks .cpBlock .catalogIssueDetails .catImage img {width:100%;}
.cpBlocks .cpBlock .catalogIssueDetails .catDescription {width:100%; float:none; }
.cpBlocks .cpBlock .catalogIssueDetails .catDescription p {font-size:18px; line-height:25px;}
.cpBlocks .cpBlock  .catalogButtons {width:100%; position:absolute; bottom:10px; margin-left:-35px;}
.cpBlocks .cpBlock  .catDownload, 
.cpBlocks .cpBlock  .catRequest {width:50%; text-align:center;}
.cpBlocks .cpBlock  .catDownload {float:left;} 
.cpBlocks .cpBlock  .catRequest  {float:right;}
.cpBlocks .cpBlock  .catDownload .commonButton,
.cpBlocks .cpBlock  .catRequest .commonButton {display:inline-block; padding:22px 20px; width:80%; min-width:200px; text-align:center;}



.eNews p {font-size:18px; line-height:27px; font-weight:700;font-family: 'Roboto Condensed',Verdana,Arial,Helvetica,sans-serif !important; }


.cpBlocks .cpBlock .pubIssueDetails .pubButtons.hasSubscribe .pubDownload {float:left; width:48%; text-align:right; padding-right:20px;}
.cpBlocks .cpBlock .pubIssueDetails .pubButtons .pubSubscribe {float:right; width:48%; text-align:left; padding-left:20px;}

.cpBlocks .cpBlock .pubIssueDetails.type2 .pubImage {width:60%; float:left; min-height:200px; margin-bottom:10px; }
.cpBlocks .cpBlock .pubIssueDetails.type2 h2,.cpBlocks .cpBlock .pubIssueDetails.type2 .pubDescription {width:38%; float:right;}
.cpBlocks .cpBlock .pubIssueDetails.type2 .eNewsSubscribe {width:38%; float:right; padding-top:30px; text-align:center;}
.cpBlocks .cpBlock .pubIssueDetails.type2 .eNewsSubscribe .pubDownload {width:100%; float:none;}

.cpBlocks .cpBlock .pubIssueDetails h2 span {font-style:italic;}
.cpBlocks .cpBlock .pubIssueDetails h2.subscribeHead {width:100%; float:none; padding:10px 10px 0 10px !important; text-align:center; color:#414653;}

.cpBlocks .cpBlock .brochureItemDetails.noImage h2,
.cpBlocks .cpBlock .brochureItemDetails.noImage .brochureItemDescription ,
.cpBlocks .cpBlock .brochureItemDetails.noImage .brochureDownload,
.cpBlocks .cpBlock .pubIssueDetails.noImage h2,
.cpBlocks .cpBlock .pubIssueDetails.noImage .pubDescription ,
.cpBlocks .cpBlock .pubIssueDetails.noImage .pubButtons,
.cpBlocks .cpBlock .catalogIssueDetails.noImage h2,
.cpBlocks .cpBlock .catalogIssueDetails.noImage .catDescription ,
.cpBlocks .cpBlock .catalogIssueDetails.noImage .catDownload,
.cpBlocks .cpBlock .catalogIssueDetails.noImage .catReq {width:100%; float:none;}

.currHide,
.brochureHide,
.progResHide,
.pubHide,
.catHide,
.itemHide {overflow:hidden;}
.currTitleClose,
.brochureItemClose,
.pubClose,
.catClose,
.sectionItemClose {float:right; position:relative; left:20px;}
.currTitleClose a span, 
.brochureItemClose a span, 
.pubClose a span, 
.catClose a span, 
.sectionItemClose a span {display:none;}
.currTitleClose a,
.brochureItemClose a,
.pubClose a,
.catClose a,
.sectionItemClose a {display:block; width:25px; height:25px; background:transparent url('/skins/mobile/CloseIcon.svg') top left no-repeat; background-size:cover;}

.progResLink .progResItem {padding:4px 0 0 40px; margin:10px 0; list-style:none;}
.progResLink .progResItem a {font-weight:700; font-size:20px; line-height:24px; margin-left:-40px; padding-left:40px; background:transparent none;background: transparent url('/skins/mobile/DownloadIcon.svg') left top no-repeat; background-size:30px 30px;}
.progResLink .progResItem span {display:block; font-size:18px; line-height:22px;}

.pubRecentIssues {width:100%; margin:0 auto;}
.pubRecentIssues p.recentIssueHead {font-weight:bold; text-align:center; margin:20px 0 0 0;}
.pubRecentIssues p.recentIssueHead span {font-style:italic;}
.recentIssueList {float:left; width:42%; margin:0 4%;}
.recentIssueList:last-child {float:right;}
.recentIssueList .recentIssueItem {padding:4px 0 0 40px; margin:10px 0;  list-style:none;}
.recentIssueList .recentIssueItem a {font-size:17px; line-height:28px; padding:6px 0 6px 40px; margin-left:-40px; background:transparent none;background: transparent url('/skins/mobile/DownloadIcon.svg') left top no-repeat; background-size:30px 30px; color:#414653;}
.recentIssueList .recentIssueItem span {display:block; font-size:17px; line-height:24px;}



.eventMonth {margin:0 10px; font-size:36px; color:#71abc5; border-bottom:1px solid #414653; font-weight:700; margin-bottom:20px; font-family: 'Roboto Condensed',Verdana,Arial,Helvetica,sans-serif !important;}
.eventDetails {margin:0 10px; margin-bottom:30px; background-color:#f1f2f2; padding:10px; border-radius:2px;
        box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 0px 4px 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0px 4px 2px rgba(0, 0, 0, 0.2);}
.eventDetails .eventLeft {}
.eventDetails .eventName {color:#00539f; font-size:18px; font-weight:bold;}
.eventDetails .eventRight {float:right; width:270px; border-left:1px solid #414653; padding-left:10px; margin-left:2%; margin-bottom:10px;}
.eventDetails .eventRight .eventDate {background:transparent url('/skins/mobile/calendaricon.svg') left center no-repeat; min-height:30px; background-size:28px; padding-left:34px; font-weight:bold; padding-top:4px; font-size:18px;}
.eventDetails .eventRight .eventLocation {background:transparent url('/skins/mobile/locationicon.svg') left center no-repeat; min-height:30px; background-size:28px; padding-left:34px; padding-top:4px; font-size:18px;}
.eventDetails .eventRight .eventCTA {font-weight:bold; text-align:center;margin-bottom:25px; }
.eventDetails .eventRight .eventCTA .eventCTAtext {margin-bottom:30px; font-size:18px; padding-top:8px;}
.eventDetails .eventRight .eventCTA .commonButton {}

.gettingStarted {
    padding:14px 30px 20px 100px;
    margin:0 115px;
    border-radius:10px;
    position:relative;
    box-shadow: 0px 0px 12px 0px rgba(10,10,10,.4);
        -webkit-box-shadow: 0px 0px 12px 0px rgba(10,10,10,.4);
        -moz-box-shadow: 0px 0px 12px 0px rgba(10,10,10,.4);
}

.prodLP .gettingStarted {margin:30px 0 0 50px;}

.cpBlocks .cpBlock .gettingStarted .textOnly h2 {
    font-size:28px;
    line-height:30px;
    margin-bottom:0px;
    }

.cpBlocks .cpBlock .prodLP .gettingStarted .textOnly h2 {color:#414653; border-bottom-width:0px !important; margin-bottom:10px !important; margin-left:0 !important; margin-right:0 !important;}

.cpBlocks .cpBlock .gettingStarted .textOnly p {
    padding: 0;
}

.cpBlocks .cpBlock .gettingStarted .cbCallToAction {text-align:center;}

.gettingStarted.GSstep:before {
    content:'';
    display:block;
    width:160px;
    height:160px;    
    background-size:cover;
    position:absolute;
    left:-80px;
}

.gettingStarted.GSstep.stepOne:before {background:transparent url('/sharedimages/cpimages/cp0021/gallery/one-icon.svg') top left no-repeat;}
.gettingStarted.GSstep.stepTwo:before {background:transparent url('/sharedimages/cpimages/cp0021/gallery/two-icon.svg') top left no-repeat;}
.gettingStarted.GSstep.stepThree:before {background:transparent url('/sharedimages/cpimages/cp0021/gallery/three-icon.svg') top left no-repeat;}

.prodLP .gettingStarted.GSstep.stepThree:before {background:transparent url('/sharedimages/cpimages/Question-mark.svg') top left no-repeat;}

.gettingStarted.GSstep.stepThree .goToRep {padding-top:10px;}
.gettingStarted.GSstep.stepThree .goToRep .stateDD {float:left; width:48%; margin-right:2%;}

.prodLP .gettingStarted.GSstep.stepThree .goToRep .stateDD {float:none; width:100%; }
.prodLP .gettingStarted.GSstep.stepThree .goToRep .stateDD .stateWrapper {float:left; width:48%;}
.prodLP .gettingStarted.GSstep.stepThree .goToRep .stateDD .ctaWrapper {float:right; width:48%;}
.cpBlocks .cpBlock .prodLP .gettingStarted.GSstep.stepThree .goToRep .stateDD .ctaWrapper .cbCallToAction {margin:0;}

.gettingStarted.GSstep.stepThree .goToRep .zip {float:left; width:46%;}
.gettingStarted.GSstep.stepThree .goToRep .zip #zip {width: 100px;}

.prodLP .gettingStarted.GSstep.stepThree select
{
    background:transparent url('/skins/mobile/DownArrowIcon.svg') right 4px center no-repeat !important;
    background-size:28px !important;
}

.leadLeader {padding:10px;}
.leadPhoto {display:block; border:1px solid #414653; min-height:320px; max-width:338px; margin:0 auto;}
.cpBlocks .cpBlock h2.leadName {font-size:28px; margin-bottom:0 !important;}
.leadTitle {font-size:22px; font-family: 'Roboto Condensed',Verdana,Arial,Helvetica,sans-serif; margin-bottom:10px; display:block;}
.leadTitle.twoLines {min-height:66px;}
a.leadPhoto {position:relative;}
a.leadPhotoHover {opacity:0; background-size:auto 100% !important;}
a:hover.leadPhoto { background-size:auto 100% !important;}
a.leadPhoto.harvey {background:#fff url('/sharedimages/cpimages/cp0022/gallery/pitsco-education-harvey-dean.jpg') top center no-repeat;}
a:hover.leadPhoto.harvey, a.leadPhoto .leadPhotoHover.harvey {background-image:url('/sharedimages/cpimages/cp0022/gallery/pitsco-education-harvey-dean-product.jpg');}
a.leadPhoto.lisa {background:#fff url('/sharedimages/cpimages/cp0022/gallery/pitsco-education-lisa-paterni.jpg') top center no-repeat;}
a:hover.leadPhoto.lisa, a.leadPhoto .leadPhotoHover.lisa  {background-image:url('/sharedimages/cpimages/cp0022/gallery/pitsco-education-lisa-paterni-product.jpg');}
a.leadPhoto.stephan {background:#fff url('/sharedimages/cpimages/cp0022/gallery/pitsco-education-stephan-turnipseed.jpg') top center no-repeat;}
a:hover.leadPhoto.stephan, a.leadPhoto .leadPhotoHover.stephan  {background-image:url('/sharedimages/cpimages/cp0022/gallery/pitsco-education-stephan-turnipseed-product.jpg');}
a.leadPhoto.matt {background:#fff url('/sharedimages/cpimages/cp0022/gallery/pitsco-education-matt-frankenbery.jpg') top center no-repeat;}
a:hover.leadPhoto.matt, a.leadPhoto .leadPhotoHover.matt  {background-image:url('/sharedimages/cpimages/cp0022/gallery/pitsco-education-matt-frankenbery-product.jpg');}
a.leadPhoto.robin {background:#fff url('/sharedimages/cpimages/cp0022/gallery/pitsco-education-robin white-mussa.jpg') top center no-repeat;}
a:hover.leadPhoto.robin, a.leadPhoto .leadPhotoHover.robin  {background-image:url('/sharedimages/cpimages/cp0022/gallery/pitsco-education-robin white-mussa-product.jpg');}
a.leadPhoto.nancy {background:#fff url('/sharedimages/cpimages/cp0022/gallery/pitsco-education-nancy-peterson.jpg') top center no-repeat;}
a:hover.leadPhoto.nancy, a.leadPhoto .leadPhotoHover.nancy  {background-image:url('/sharedimages/cpimages/cp0022/gallery/pitsco-education-nancy-peterson-product.jpg');}
a.leadPhoto.scott {background:#fff url('/sharedimages/cpimages/cp0022/gallery/pitsco-education-scott-rutledge.jpg') top center no-repeat;}
a:hover.leadPhoto.scott, a.leadPhoto .leadPhotoHover.scott  {background-image:url('/sharedimages/cpimages/cp0022/gallery/pitsco-education-scott-rutledge-product.jpg');}
a.leadPhoto.kyle {background:#fff url('/sharedimages/cpimages/cp0022/gallery/pitsco-education-kyle-bailey.jpg') top center no-repeat;}
a:hover.leadPhoto.kyle, a.leadPhoto .leadPhotoHover.kyle  {background-image:url('/sharedimages/cpimages/cp0022/gallery/pitsco-education-kyle-bailey-product.jpg');}

a.leadPhoto .leadPhotoHover {opacity:0; width:100%; height:100%; position:absolute; top:0; left:0; align-items:center; padding:10px;
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;}

.Leadership.Harvey-Dean .cpBannerImage,
.Leadership.Lisa-Paterni .cpBannerImage,
.Leadership.Stephan-Turnipseed .cpBannerImage,
.Leadership.Matt-Frankenbery .cpBannerImage,
.Leadership.Robin-White-Mussa .cpBannerImage,
.Leadership.Nancy-Peterson .cpBannerImage,
.Leadership.Scott-Rutledge .cpBannerImage,
.Leadership.Kyle-Bailey .cpBannerImage {background-position:center center; background-size:auto 100%;}
.Leadership.Harvey-Dean .cpBanner,
.Leadership.Lisa-Paterni .cpBanner,
.Leadership.Stephan-Turnipseed .cpBanner,
.Leadership.Matt-Frankenbery .cpBanner,
.Leadership.Robin-White-Mussa .cpBanner,
.Leadership.Nancy-Peterson .cpBanner,
.Leadership.Scott-Rutledge .cpBanner,
.Leadership.Kyle-Bailey .cpBanner {background:transparent url('/sharedimages/cpimages/leadership-classroom.jpg') center center no-repeat; background-size:cover;}

.leadBio {padding:10px;}
.leadBio .leadBioLeft {float:left; width:70%;}
.leadBio .leadBioLeft h1 {font-size:34px;}
.leadBio .leadBioLeft h1 span {font-weight:normal;}
.leadBio .leadBioLeft .leadSMContainer {display:inline-block;}
.leadBio .leadBioLeft a.leadSM {width:40px; height:40px; display:inline-block; position:relative; top:6px;}
.leadBio .leadBioLeft a.leadSM span {display:none;}
.leadBio .leadBioLeft a.leadSM.linkedin {background:transparent url('/skins/mobile/Linkedin-LBlue-Round.svg') center center no-repeat;}
.leadBio .leadBioLeft a.leadSM.twitter {background:transparent url('/skins/mobile/Twitter-LBlue-Round.svg') center center no-repeat;}


.leadBio .leadBioRight {float:right; width:27%;}
.leadBio .leadBioRight h2 {font-size:26px; margin-bottom:0 !important;}
.leadBio .leadBioRight ul li {font-size:21px;}

.artsCitation {font-size:14px !important; line-height:18px !important; font-style:italic;}

.numList ol {margin:0 0 0 40px; padding:0; width:90%; max-width:300px;}
.cpRight .numList ol {margin:0 40px 0 auto;}


.numList ol li {text-align:left; margin:0 0 20px 0; padding:0 10px 0 54px; font-family: 'Roboto Condensed',Verdana,Arial,Helvetica,sans-serif !important; font-weight:700; font-size:21px; line-height:24px; list-style:none; background-color:#fff; position:relative; height:68px; min-height:68px; border-radius:0 10px 10px 0;
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0px 2px 2px rgba(0, 0, 0, 0.2);}

.numList.taller ol li {height:98px; min-height:98px; border-radius:10px;}

    .numList ol li img {
        width: 80px;
        position: absolute;
        left: -40px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
.numList ol li span { display:inline-block; position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}



img.thinBorder {border:1px solid #ccc;}


#repdetails {height:0;}
.repInfo {border:2px solid #414653; border-radius:10px; padding:20px; position:relative;margin-top:20px; }
.repInfo.hasImage {margin-top:50px; top:50px;}
.repInfo .contact {text-align:center;}
.repInfo .commonButton.gray {background-color:#939598 !important; display:inline-block; padding:22px 20px;}
.repInfo .repName {
    font-size:30px;
        font-family: 'Roboto Condensed',Verdana,Arial,Helvetica,sans-serif !important;
        font-weight: 700;
    position:absolute; top:-38px; 
}
.repInfo.hasImage .repName {
        left:150px;
    }
.repInfo.hasImage.default .repName {
        left:160px;
        top:-76px;
        text-align:center;
        line-height:32px;
    }
 .repInfo .repName .name {padding-right:6px; margin-right:6px; border-right:2px solid #414653;}
 .repInfo.default .repName .name {border-right:0px solid #414653; margin-right:0; padding-right:0;}
.repInfo  .repName .title {font-weight:normal;}
.repInfo .phone, .repInfo .email {padding:8px 0 8px 55px; font-size:20px; margin-bottom:15px; background-size:46px;}
.repInfo .phone {background:transparent url('/skins/mobile/contacticon.svg') center left no-repeat; background-size:46px;}
.repInfo .email  {background:transparent url('/skins/mobile/emailicon.svg') center left no-repeat; background-size:46px;}
.repInfo.hasImage .phone, .repInfo.hasImage .email {margin-left:170px; }
.repInfo .phone a, .repInfo .email a {color:#414653;}


.repInfo.hasImage .repImage {position:absolute; top:-110px; left:-50px;}
.repInfo.hasImage .repImage img {max-width:230px;}




.prodLP .repInfo {text-align:center; }
.prodLP .repInfo.hasImage {margin-top:80px; top:80px; padding-top:130px; }
.prodLP .repInfo.hasImage .repImage {width:100%; text-align:center; left:0; top:-160px;}
.prodLP .repInfo .repName {position:static;}
.prodLP .repInfo .repName .name,
.prodLP .repInfo .repName .title {display:block;border-width:0px; margin:0 0 4px 0; line-height:32px;}
.prodLP .repInfo .repName .title {margin-bottom:10px; font-size:24px;}
.prodLP .repInfo.hasImage .phone, .prodLP .repInfo.hasImage .email,
.prodLP .repInfo .phone, .prodLP .repInfo .email {margin:0 0 18px 0; padding:50px 0 0 0; background-position:top center; background-size:46px;}




.cpBlocks .cpBlock h2.sectionHead {color:#71abc5; padding-bottom:8px; border-bottom:1px solid #414653;}
body.Support .sectionWrapper {padding:30px 35px; text-align:left; margin:10px 0 20px 0; background-color:#f1f2f2;box-shadow: 0px 0px 4px 1px rgba(10,10,10,.4); }
body.Support .sectionWrapper .sectionColumn {width:32%; margin-right:2%; float:left;}
body.Support .sectionWrapper .sectionColumn:nth-child(3) {margin-right:0;}
body.Support .sectionWrapper .sectionColumn .sectionText {margin-bottom:10px;}









.cpBlocks .cpBlock .cpSection  {margin-bottom:30px;}
.cpBlocks .cpBlock .cpSection h2,
.cpBlocks .cpBlock .cpHomeSection h2,
.cpBlocks .cpBlock .homeSuccessStories h2 {font-size:30px; line-height:36px;color:#71abc5; border-bottom:1px solid #414653; padding:0; text-align:left; margin-top:20px !important;}

.cpBlocks .cpBlock .cpSection .cbOverlayWrapper {width:32%; margin-right:2%; float:left;}
.cpBlocks .cpBlock .cpSection .cbOverlayWrapper:nth-child(3) {margin-right:0;}


.cbTopic {width:24%; margin-right:1.33%; float:left; margin-bottom:10px; text-align:center;}
.cbTopic:nth-child(4n) {margin-right:0;}

.cbTopic a {color:#414653;}
.cbTopic a h3 {font-size:28px; z-index:1; position:relative;}
.cbTopic img {position:relative; top:-12px; z-index:0;}

.cbGradeLevel {width:24%; margin-right:1.33%; float:left; margin-bottom:10px; text-align:center; padding:20px;}
.twoGrades .cbGradeLevel {width:49%; margin-right:2%;}
.threeGrades .cbGradeLevel {width:32%; margin-right:1%;}
.cbGradeLevel:nth-child(4n) {margin-right:0;}
.twoGrades .cbGradeLevel:nth-child(2n) {margin-right:0;}
.threeGrades .cbGradeLevel:nth-child(3n) {margin-right:0;}
    
.cbGradeLevel h3 {color:#fff; margin-bottom:20px !important; font-size:28px;}
.cbGradeLevel .commonButton {display:inline-block; padding:22px 4px; width:100%;}
.cbGradeLevel.gradesk2 {background:rgba(241, 53, 47, 1.0);}
.cbGradeLevel.grades35 {background:rgba(131, 184, 206, 1.0);}
.cbGradeLevel.grades68 {background:rgba(82, 88, 102, 1.0);}
.cbGradeLevel.grades912 {background:rgba(0, 104, 173, 1.0);}


a .cbGradeLevel.gradesk2:hover {background-color:#eb575d;}
a .cbGradeLevel .commonButton:hover {background-color:#fff !important;color:#414653 !important;}
a .cbGradeLevel.grades35:hover {background-color:#9bc0d1;}
a .cbGradeLevel.grades68:hover {background-color:#65697c;}
a .cbGradeLevel.grades912:hover {background-color:#2e7bbf;}
a .cbGradeLevel {margin-right:1%;}

.cbProdPhotoList {background-color:#f2f3f3; display: -webkit-box;      
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  width:100%;}
.cbProdPhotoListInner { width:100%; position:relative;}

.cbProdPhotoList ul {width:30%; margin:0; padding:23px 0 30px 30px; float:left;}
.cbProdPhotoList ul li {list-style:none; padding:7px 0 7px 0; margin:0;}
.cbProdPhotoList ul li a {color:#414653; font-size:28px; line-height:28px; font-family: 'Roboto Condensed',Verdana,Arial,Helvetica,sans-serif !important;
     display:inline-block; padding-right:25px;}
.cbProdPhotoList ul li a img.cbPLArrow {width:20px; height:23px;}
.cbProdPhotoList img.cbMobile {display:none;}
.cbProdPhotoList .cbPLMobileImage {display:none;}

.cbProdPhotoList .compHeadline {color:#fff; position:absolute; top:45px; right:0; text-align:center; font-size:26px; line-height:28px; font-weight:700; font-family: 'Roboto Condensed',Verdana,Arial,Helvetica,sans-serif !important;
                                text-shadow: 0px 0px 15px #000, 0px 0px 15px #000, 0px 0px 15px #000; width:54%; padding:0 2%;
}

.cbProdPhotoList .cbPLImage {width:70%; height:100%;display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  background-size:cover!important; position:absolute; right:0;
}

.prodLP .cbProdPhotoList ul {width:52%;}
.prodLP.prodComp .cbProdPhotoList ul {width:46%; margin-bottom:50px;}

.prodLP .cbProdPhotoList .cbPLImage {width:48%;}
.prodLP.prodComp .cbProdPhotoList .cbPLImage {width:54%;}

.cbComp ul {width:32%; margin:0 2% 0 0; padding:0px; float:left;}
.cbComp ul.full {width:100%; margin:0; float:none; text-align:center;}
.cbComp ul li {list-style:none; padding:7px 0 7px 0; margin:0;}
.cbComp ul:nth-child(4) {margin-right:0;}
.cbComp ul.full li {display:block; margin:0 auto;}


.cbComp ul li a {color:#414653; font-size:28px; line-height:28px; font-family: 'Roboto Condensed',Verdana,Arial,Helvetica,sans-serif !important;
     display:inline-block; padding-right:25px;}
.cbComp ul li a em:after, .cbProdPhotoList ul li a em:after {display:inline-block; width:0.2em; content:'';}
.cbComp ul li a img.cbPLArrow {width:20px; height:23px;}
.cbComp img.cbCompImage {margin:10px 0;}
.cbComp img.cbCompImageMobile {display:none; margin:0 0 10px 0;}


.cbProdBorderBox {width:49%; margin:0 2% 2% 0; float:left; border:1px solid #414653; text-align:center; padding:5px 10px;}
.cbProdBorderBox:last-child:not(:nth-child(even)):not(.full), .prodLP.firstFull .cbProdBorderBox:last-child:not(:nth-child(odd)):not(.full) {
        margin: 0 auto;
        float: none;
        clear: both;
        width: 100%;
        max-width: 345px;
    }
.prodLP.firstFull .cbProdBorderBox:last-child:not(:nth-child(even)):not(.full) {
        margin:0 0 2% 0;
        float: left;
        clear: none;
        width: 49%;
        max-width: none;
    }

.cbProdBorderBox:nth-child(2n) {margin-right:0;}
.prodLP.firstFull .cbProdBorderBox:nth-child(2n) {margin-right:2%;}
.prodLP.firstFull .cbProdBorderBox:nth-child(2n+1) {margin-right:0;}
.cbProdBorderBox .cbProdBorderBoxImage {display:table; text-align:center; width:100%; height:175px; table-layout:fixed;}
.cbProdBorderBox .cbProdBorderBoxImage .cbProdBorderBoxImageContainer {display:table-row;}
.cbProdBorderBox .cbProdBorderBoxImage .cbProdBorderBoxImageContainer .cbProdBorderBoxImageWrapper {display:table-cell; vertical-align:middle;}
.cbProdBorderBox .cbProdBorderBoxImage .cbProdBorderBoxImageContainer .cbProdBorderBoxImageWrapper img {max-height:175px;}
.prodLP.firstFull .cbProdBorderBox:nth-child(1) .cbProdBorderBoxImage .cbProdBorderBoxImageContainer .cbProdBorderBoxImageWrapper img,
.prodLP .cbProdBorderBox.full .cbProdBorderBoxImage .cbProdBorderBoxImageContainer .cbProdBorderBoxImageWrapper img {
    display: none;
}

.cbProdBorderBox .commonButton {position:relative; display:inline-block; padding: 0 4px !important; margin:10px auto; line-height:20px; height:44px !important; max-height:44px !important; white-space:normal;}
.prodLP.firstFull .cbProdBorderBox:nth-child(1) .commonButton.full,
.prodLP .cbProdBorderBox.full .commonButton.full {
    width: auto;
    padding: 0 20px !important;
}
.prodLP.firstFull .cbProdBorderBox:nth-child(1), .prodLP .cbProdBorderBox.full {
    width: 100%;
    margin-right: 0;
    background-size: cover !important;
}

.cbProdBorderBox .commonButton.full span {
    position: relative;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}





.cbCompBorderBox {width:49%; margin:0 2% 2% 0; float:left; text-align:center;}
.cbCompBorderBox h3 {font-size:22px; line-height:26px;}
.cbCompBorderBox .cbProdBorderBox {float:none; width:100%; background-size:cover !important;}

.cbCompBorderBox:nth-child(2n) {margin:0 0 2% 0;}

.cbCompBorderBox .cbProdBorderBox .commonButton,
.cbCompBorderBox .cbProdBorderBox .commonButton:hover,
.cbCompBorderBox .cbProdBorderBox  .commonButton:visited {z-index:2; border-color:#71abc5 !important; color:#71abc5 !important; padding-left:20px !important; padding-right:20px !important;}
    .cbCompBorderBox .cbProdBorderBox .commonButton span {
        position: relative;
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }



.cpBlocks .cpBlock.cpRestock .cbBannerTextContainer {left:45px; right:0; float:none; top:60px;}
.cpBlocks .cpBlock.cpRestock .cbBanner {
    background-size: auto 280px !important;
    height: 280px;
    background-position:top right !important;
}

.cpBlocks .cpBlock.cpRestock .cbBannerTextContainer {max-width:660px;}
.cpBlocks .cpBlock.cpRestock .cpSection h2.cbBannerHeadline {
    font-size: 52px;
    line-height:56px;
    color: #fff;
    border-bottom: 0px solid #414653;
}
.cpBlocks .cpBlock.cpRestock .cbBannerHeadline {
    color: #fff;
    text-shadow: 0px 0px 15px #000,0px 0px 15px #000,0px 0px 15px #000;
    font-size: 52px;
}

.cpBlocks .cpBlock.cpRestock .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {font-size:30px; line-height:32px; display:block; font-weight:normal;}

.cpBlocks .cpBlock.cpRestock .commonButton {position:absolute; right:25px; bottom:25px; display:inline-block; padding:22px 20px; background-color:#fff !important; color:#70abc5 !important;}


.cpBlocks .cpBlock.cpMSCatalog .cbBanner {padding:60px 40px 0 45px;}
.cpBlocks .cpBlock.cpMSCatalog .cbBannerTextContainer {left:auto; right:auto; float:none; top:auto; padding:0 !important;}
.cpBlocks .cpBlock.cpMSCatalog .cbBanner {
    background-size: auto 250px !important;
    height: 250px;
    background-position:top right !important;
}

.cpBlocks .cpBlock.cpMSCatalog .cbBannerTextContainer {max-width:660px;}
.cpBlocks .cpBlock.cpMSCatalog .cpSection h2.cbBannerHeadline {
    font-size: 52px;
    line-height:56px;
    color: #fff;
    border-bottom: 0px solid #414653;
    margin-top:0 !important;
}
.cpBlocks .cpBlock.cpMSCatalog .cbBannerHeadline {
    color: #fff;
    text-shadow: 0px 0px 15px #000,0px 0px 15px #000,0px 0px 15px #000;
    font-size: 52px;
}

.cpBlocks .cpBlock.cpMSCatalog .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {font-size:30px; line-height:32px; display:block; font-weight:normal;}

.cpBlocks .cpBlock.cpMSCatalog .commonButton {position:absolute; right:25px; bottom:25px; display:inline-block; padding:22px 20px; background-color:#fff !important; color:#70abc5 !important;}



.cpBlocks .cpBlock.cpTXCatalog .cpSection {text-align:center; position:relative;}
.cpBlocks .cpBlock.cpTXCatalog .cbBanner {padding:30px 40px 0 45px;}
.cpBlocks .cpBlock.cpTXCatalog .cbBannerTextContainer {left:auto; right:auto; float:none; top:auto; padding:0 !important;}
.cpBlocks .cpBlock.cpTXCatalog .cbBanner {
    background-size: auto 250px !important;
    height: 220px;
    background-position:top right !important;
    position:relative;
}
.cpBlocks .cpBlock.cpTXCatalog.twoButtons .cbBanner {height:250px;}

.cpBlocks .cpBlock.cpTXCatalog .cbBannerTextContainer {max-width:660px;}
.cpBlocks .cpBlock.cpTXCatalog .cpSection h2.cbBannerHeadline {
    font-size: 52px;
    line-height:56px;
    color: #fff;
    border-bottom: 0px solid #414653;
    margin-top:0 !important;
}
.cpBlocks .cpBlock.cpTXCatalog .cbBannerHeadline {
    color: #fff;
    text-shadow: 0px 0px 15px #000,0px 0px 15px #000,0px 0px 15px #000;
    font-size: 52px;
}

.cpBlocks .cpBlock.cpTXCatalog .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {font-size:30px; line-height:32px; display:block; font-weight:normal;}

.cpBlocks .cpBlock.cpTXCatalog .commonButton {position:absolute; right:25px; bottom:25px; display:inline-block; padding:22px 20px; background-color:#fff !important; color:#70abc5 !important; border:1px solid #70abc5;}
.cpBlocks .cpBlock.cpTXCatalog.twoButtons .commonButton {position:relative; bottom:65px; display:inline-block; padding:22px 20px; background-color:#fff !important; color:#70abc5 !important; border:1px solid #70abc5;}

.cpBlocks .cpBlock.cpTXCatalog.twoButtons a:first-of-type {margin-right:60px;}


.cpBlocks .cpBlock.cpElemCatalog .cpSection {text-align:center; position:relative;}
.cpBlocks .cpBlock.cpElemCatalog .cbBanner {padding:30px 40px 0 45px;}
.cpBlocks .cpBlock.cpElemCatalog .cbBannerTextContainer {left:auto; right:auto; float:none; top:auto; padding:0 !important;}
.cpBlocks .cpBlock.cpElemCatalog .cbBanner {
    background-size: auto 250px !important;
    height: 220px;
    background-position:top right !important;
    position:relative;
}

.cpBlocks .cpBlock.cpElemCatalog .cbBannerTextContainer {max-width:660px;}
.cpBlocks .cpBlock.cpElemCatalog .cpSection h2.cbBannerHeadline {
    font-size: 52px;
    line-height:56px;
    color: #fff;
    border-bottom: 0px solid #414653;
    margin-top:0 !important;
}
.cpBlocks .cpBlock.cpElemCatalog .cbBannerHeadline {
    color: #fff;
    text-shadow: 0px 0px 15px #000,0px 0px 15px #000,0px 0px 15px #000;
    font-size: 52px;
}

.cpBlocks .cpBlock.cpElemCatalog .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {font-size:30px; line-height:32px; display:block; font-weight:normal;}

.cpBlocks .cpBlock.cpElemCatalog .commonButton {position:absolute; right:25px; bottom:25px; display:inline-block; padding:22px 20px; background-color:#fff !important; color:#70abc5 !important; border:1px solid #70abc5;}




.cpBlocks .cpBlock.cpCrossLearning .cpSection {text-align:center; position:relative;}
.cpBlocks .cpBlock.cpCrossLearning .cbBanner {padding:30px 40px 0 45px;}
.cpBlocks .cpBlock.cpCrossLearning .cbBannerTextContainer {left:auto; right:auto; float:none; top:auto; padding:0 !important;}
.cpBlocks .cpBlock.cpCrossLearning .cbBanner {
    background-size: auto 250px !important;
    height: 220px;
    background-position:top right !important;
    position:relative;
}

.cpBlocks .cpBlock.cpCrossLearning .cbBannerTextContainer {max-width:660px;}
.cpBlocks .cpBlock.cpCrossLearning .cpSection h2.cbBannerHeadline {
    font-size: 52px;
    line-height:56px;
    color: #fff;
    border-bottom: 0px solid #414653;
    margin-top:0 !important;
}
.cpBlocks .cpBlock.cpCrossLearning .cbBannerHeadline {
    color: #fff;
    text-shadow: 0px 0px 15px #000,0px 0px 15px #000,0px 0px 15px #000;
    font-size: 52px;
}

.cpBlocks .cpBlock.cpCrossLearning .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {font-size:30px; line-height:32px; display:block; font-weight:normal; max-width:80%;}

.cpBlocks .cpBlock.cpCrossLearning .commonButton {position:absolute; right:25px; bottom:25px; display:inline-block; padding:22px 20px; background-color:#fff !important; color:#70abc5 !important; border:1px solid #70abc5;}




.cpBlocks .cpBlock.cpCompBanner .cpSection {text-align:center; position:relative;}
.cpBlocks .cpBlock.cpCompBanner .cbBanner {padding:30px 40px 0 45px;}
.cpBlocks .cpBlock.cpCompBanner .cbBannerTextContainer {left:auto; right:auto; float:none; top:auto; padding:0 !important;}
.cpBlocks .cpBlock.cpCompBanner .cbBanner {
    background-size: auto 250px !important;
    height: 220px;
    background-position:top right !important;
    position:relative;
}

.cpBlocks .cpBlock.cpCompBanner .cbBannerTextContainer {max-width:660px;}
.cpBlocks .cpBlock.cpCompBanner .cpSection h2.cbBannerHeadline {
    font-size: 52px;
    line-height:56px;
    color: #fff;
    border-bottom: 0px solid #414653;
    margin-top:0 !important;
}
.cpBlocks .cpBlock.cpCompBanner .cbBannerHeadline {
    color: #fff;
    text-shadow: 0px 0px 15px #000,0px 0px 15px #000,0px 0px 15px #000;
    font-size: 52px;
}

.cpBlocks .cpBlock.cpCompBanner .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {font-size:30px; line-height:32px; display:block; font-weight:normal; max-width:80%;}

.cpBlocks .cpBlock.cpCompBanner .commonButton {position:absolute; right:25px; bottom:25px; display:inline-block; padding:22px 20px; background-color:#fff !important; color:#70abc5 !important; border:1px solid #70abc5;}


.cpBlocks .cpBlock.cpCompBanner.USARBanner .cbBanner {
    background-size: auto 350px !important;
    height: 350px;
}
.cpBlocks .cpBlock.cpCompBanner.USARBanner .cpSection .cbBannerTextContainer {max-width:63%;}

.cpBlocks .cpBlock.cpCompBanner.USARBanner .commonButton {position:static; right:auto;bottom:auto; border-width:0 !important; background-color: #70abc5  !important; color:#fff !important;}



.cpBlocks .cpBlock.cpCompBanner.PLTWBanner .cbBanner {
    background-size: auto 350px !important;
    height: 350px;
}





.cpBlocks .cpBlock.cpTSABanner .cpSection {text-align:center; position:relative;}
.cpBlocks .cpBlock.cpTSABanner .cbBanner {padding:30px 40px 0 45px;}
.cpBlocks .cpBlock.cpTSABanner .cbBannerTextContainer {left:auto; right:auto; float:none; top:auto; padding:0 !important;}
.cpBlocks .cpBlock.cpTSABanner .cbBanner {
    background-size: auto 250px !important;
    height: 250px;
    background-position:top right !important;
    position:relative;
}

.cpBlocks .cpBlock.cpTSABanner .cbBannerTextContainer {max-width:660px;}
.cpBlocks .cpBlock.cpTSABanner .cpSection h2.cbBannerHeadline {
    font-size: 52px;
    line-height:56px;
    color: #fff;
    border-bottom: 0px solid #414653;
    margin-top:0 !important;
}
.cpBlocks .cpBlock.cpTSABanner .cbBannerHeadline {
    color: #fff;
    text-shadow: 0px 0px 15px #000,0px 0px 15px #000,0px 0px 15px #000;
    font-size: 52px;
}

.cpBlocks .cpBlock.cpTSABanner .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {font-size:30px; line-height:32px; display:block; font-weight:normal; max-width:80%;}

.cpBlocks .cpBlock.cpTSABanner .commonButton {position:absolute; right:25px; bottom:25px; display:inline-block; padding:22px 20px; background-color:#fff !important; color:#70abc5 !important; border:1px solid #70abc5;}





.cpBlocks .cpBlock.cpLoveSTEM .cpSection {text-align:center; position:relative;}
.cpBlocks .cpBlock.cpLoveSTEM .cbBanner {padding:30px 40px 0 45px;}
.cpBlocks .cpBlock.cpLoveSTEM .cbBannerTextContainer {left:auto; right:auto; float:none; top:auto; padding:0 !important;}
.cpBlocks .cpBlock.cpLoveSTEM .cbBanner {
    background-size: auto 250px !important;
    height: 250px;
    background-position:top right !important;
    position:relative;
}

.cpBlocks .cpBlock.cpLoveSTEM .cbBannerTextContainer {max-width:660px;}
.cpBlocks .cpBlock.cpLoveSTEM .cpSection h2.cbBannerHeadline {
    font-size: 52px;
    line-height:56px;
    color: #fff;
    border-bottom: 0px solid #414653;
    margin-top:0 !important;
}
.cpBlocks .cpBlock.cpLoveSTEM .cbBannerHeadline {
    color: #fff;
    text-shadow: 0px 0px 15px #000,0px 0px 15px #000,0px 0px 15px #000;
    font-size: 52px;
}

.cpBlocks .cpBlock.cpLoveSTEM .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {font-size:30px; line-height:32px; display:block; font-weight:normal; max-width:80%;}

.cpBlocks .cpBlock.cpLoveSTEM .commonButton {position:absolute; right:25px; bottom:25px; display:inline-block; padding:22px 20px; background-color:#fff !important; color:#70abc5 !important; border:1px solid #70abc5;}









.cbShopSale {text-align:center; position:relative; background:#fff url('/sharedimages/cpimages/cp0052/gallery/pitsco-education-shop-the-sale.jpg') center center no-repeat; background-size:auto 290px; min-height:244px;}
.cbShopSale h2 {text-align:center; color:#fff !important; border:1px solid #fff; position:absolute; top:10px; left:10px; bottom:10px; right:10px; font-size:52px !important; line-height:56px !important; padding:30px 60px 20px 60px !important; text-shadow: 0px 0px 15px #000;}
.cpBlocks .cpBlock .cpSection .cbShopSale h2 {border-bottom-color:#fff; margin-bottom:0 !important; margin-top:0 !important; text-align:center;}
.cbShopSale .commonButton {background-color:#fff !important; color:#70abc5 !important; left:50%; position:absolute; bottom:30px; margin-left:-67px; display:inline-block; padding:22px 20px;}


.cbMakerspacePackages {margin-top:30px; padding:30px;background:#fff url('/sharedimages/cpimages/cp0072/gallery/pitsco-education-makerspace-shop-by-grade-level.jpg') center center no-repeat; background-size:cover;}
.cpBlocks .cpBlock .cpSection .cbMakerspacePackages h2 {width:59%; float:left; color:#fff !important; margin:0 !important; border-bottom-width:0px !important; font-size:52px; line-height:56px;}
.cbMakerspacePackages h2 span {font-size:28px; line-height:30px;}
.cbMakerspacePackages .msButtons {width:39%; float:right; text-align:center;}
.cbMakerspacePackages .msButtons .commonButton {
                                                    position: relative;
    display: inline-block;
    padding: 0 10px !important;
    margin: 0 auto 20px auto;
    line-height: 20px;
    height: 44px !important;
    max-height: 44px !important;
    white-space: normal;
}
.cbMakerspacePackages .msButtons .commonButton:last-child {margin-bottom:0;}

.cbMakerspacePackages .msButtons .commonButton.full span {
        position: relative;
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }



.cbStartRobotics {margin-top:30px; padding:30px; min-height:270px; background:#fff url('/sharedimages/cpimages/cp0074/gallery/pitsco-education-tetrix-robotics-shop-air-powered-rockets copy.jpg') center center no-repeat; background-size:cover; position:relative;}
.cpBlocks .cpBlock .cpSection .cbStartRobotics h2 {color:#fff !important; margin:0 !important; border-bottom-width:0px !important; font-size:52px; line-height:56px;}
.cbStartRobotics h2 span {font-size:28px; line-height:30px; max-width:450px; display:inline-block;}
.cbStartRobotics .commonButton {
                                                    position: absolute;
                                                    right:30px;
                                                    bottom:30px;
                                                    width:200px;
                                                    text-align:center;
    display: inline-block;
    padding: 0 10px !important;
    margin: 0 auto 20px auto;
    line-height: 20px;
    height: 44px !important;
    max-height: 44px !important;
    white-space: normal;
}

.cbStartRobotics .commonButton.full span {
        position: relative;
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }




.cbNewRobotics {margin-top:30px; padding:30px; min-height:270px; background:#fff url('/sharedimages/cpimages/cp0074/gallery/pitsco-education-tetrix-robotics-shop-whats-new.jpg') center center no-repeat; background-size:cover; position:relative;}
.cpBlocks .cpBlock .cpSection .cbNewRobotics h2 {color:#fff !important; margin:0 !important; border-bottom-width:0px !important; font-size:52px; line-height:56px;text-shadow: 0px 0px 15px #000, 0px 0px 15px #000, 0px 0px 15px #000;}
.cbNewRobotics .commonButton {
                                                    position: absolute;
                                                    right:30px;
                                                    bottom:30px;
                                                    width:200px;
                                                    text-align:center;
    display: inline-block;
    padding: 0 10px !important;
    margin: 0 auto 20px auto;
    line-height: 20px;
    height: 44px !important;
    max-height: 44px !important;
    white-space: normal;
    
    background-color: #fff !important;
    color: #70abc5 !important;
}

.cbNewRobotics .commonButton span {
        position: relative;
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }


.cbEZTrackBanner {padding:30px; min-height:270px; background:#fff url('/sharedimages/cpimages/cp0058/gallery/pitsco-education-shop-ez-track.jpg') center center no-repeat; background-size:cover; position:relative;}
.cpBlocks .cpBlock .cpSection .cbEZTrackBanner h2 {color:#fff !important; margin:0 !important; border-bottom-width:0px !important; font-size:52px; line-height:56px;text-shadow: 0px 0px 15px #000, 0px 0px 15px #000, 0px 0px 15px #000; max-width:400px; width:100%;}
.cbEZTrackBanner .commonButton {
                                                    position: absolute;
                                                    left:20px;
                                                    bottom:0;
                                                    text-align:center;
    display: inline-block;
    margin: 0 auto 20px auto;
    line-height: 20px;
    height: 44px !important;
    max-height: 44px !important;
    white-space: normal;
    
    background-color: #70abc5 !important;
    color: #fff !important;
}

.cbEZTrackBanner .commonButton span {
        position: relative;
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }



.cbTorqueNado {padding:60px 80px 30px 60px; min-height:270px; background:#fff url('/sharedimages/cpimages/cp0078/gallery/pitsco-education-ftc-whats-new-torquenado.png') top left no-repeat; background-size:cover; position:relative;}
.cpBlocks .cpBlock .cpSection .cbTorqueNado h2 {color:#fff !important; margin:0 !important; border-bottom-width:0px !important; font-size:52px; line-height:56px;text-shadow: 0px 0px 15px #000, 0px 0px 15px #000, 0px 0px 15px #000;}
.cbTorqueNado h2 span {font-size:28px; line-height:30px; max-width:440px; display:inline-block;}
.cbTorqueNado .commonButton {
                                                    position: absolute;
                                                    right:30px;
                                                    bottom:30px;
                                                    width:200px;
                                                    text-align:center;
    display: inline-block;
    padding: 0 10px !important;
    margin: 0 auto 20px auto;
    line-height: 20px;
    height: 44px !important;
    max-height: 44px !important;
    white-space: normal;
    
    background-color: #fff !important;
    color: #70abc5 !important;
}

.cbTorqueNado .commonButton span {
        position: relative;
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }





.cbTeamSupport {margin-top:30px; padding:20px; min-height:270px; background:#fff url('/sharedimages/cpimages/cp0078/gallery/pitsco-education-ftc-promo-code.jpg') top right no-repeat; background-size:cover; position:relative;}
.cpBlocks .cpBlock .cpSection .cbTeamSupport h2 {color:#fff !important; margin:0 !important; border-bottom-width:0px !important; font-size:44px; line-height:48px;text-shadow: 0px 0px 15px #000,0px 0px 15px #000; max-width:75%;}
.cpBlocks .cpBlock .cpSection .cbTeamSupport h3 {color:#fff !important; margin:0 !important; border-bottom-width:0px !important; font-size:32px; line-height:36px;text-shadow: 0px 0px 15px #000,0px 0px 15px #000; max-width:60%;}
.cpBlocks .cpBlock .cpSection .cbTeamSupport h4 {color:#fff !important; margin:0 !important; border-bottom-width:0px !important; font-size:18px; line-height:22px;text-shadow: 0px 0px 15px #000,0px 0px 15px #000; max-width:60%;}





.cbTETRIXConnect {margin-top:30px; padding:50px 30px 20px 30px; min-height:240px; background:#fff url('/sharedimages/cpimages/cp0078/gallery/pitsco-education-ftc-connect-with-us.png') top right no-repeat; background-size:cover; position:relative;}
.cpBlocks .cpBlock .cpSection .cbTETRIXConnect h2 {color:#fff !important; margin:0 !important; border-bottom-width:0px !important; font-size:52px; line-height:56px;text-shadow: 0px 0px 15px #000, 0px 0px 15px #000;}
.cbTETRIXConnect h2 span {font-size:28px; line-height:30px; max-width:65%; display:inline-block;}
.cbTETRIXConnect .commonButton {
                                                    position: absolute;
                                                    right:30px;
                                                    bottom:0px;
                                                    width:200px;
                                                    text-align:center;
    display: inline-block;
    padding: 0 10px !important;
    margin: 0 auto 20px auto;
    line-height: 20px;
    height: 44px !important;
    max-height: 44px !important;
    white-space: normal;
    
    background-color: #fff !important;
    color: #70abc5 !important;
}

.cbTETRIXConnect .commonButton span {
        position: relative;
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }




.cbSummerCampMaterials {margin-top:30px; padding-top:20px; min-height:340px; background:#fff url('/sharedimages/cpimages/cp0076/gallery/pitsco-education-stem-camps-shop-bkgd.jpg') center center no-repeat; background-size:cover; position:relative;}
.cbRoboticsCamp .cbSummerCampMaterials {background-image:url('/sharedimages/cpimages/cp0074/gallery/pitsco-education-robotics-camp-shop-bkgd.jpg');}
.cbSummerCampMaterials .cbSummerCampHeadline {width:96%; margin:0 2%;  background:transparent url('/sharedimages/cpimages/cp0076/gallery/pitsco-education-stem-camps-shop-header.png') center center no-repeat; background-size:100%; min-height:240px;}

.cbRoboticsCamp .cbSummerCampMaterials .cbSummerCampHeadline {background-image:url('/sharedimages/cpimages/cp0074/gallery/pitsco-education-robotics-camp-shop-header.png');}

.cpBlocks .cpBlock .cpSection .cbSummerCampMaterials h2 {color:#fff !important; margin:0 !important; border-bottom-width:0px !important; font-size:52px; line-height:56px;text-shadow: 0px 0px 15px #000, 0px 0px 15px #000, 0px 0px 15px #000;}
.cbSummerCampMaterials .commonButton {                                                    
                                                    width:32%;
                                                    float:left;
                                                    text-align:center;
    display: inline-block;
    padding: 0 10px !important;
    margin: 0 2% 10px auto !important;
    line-height: 20px;
    height: 44px !important;
    max-height: 44px !important;
    white-space: normal;
    
    background-color: #fff !important;
    color: #70abc5 !important;
}
.cbSummerCampMaterials .commonButton:last-child  {margin-right:0 !important;
}
.cbRoboticsCamp .cbSummerCampMaterials .commonButton,
.cbSTEMCamp .cbSummerCampMaterials .commonButton {width:48%;}

.cbSummerCampMaterials .commonButton span {
        position: relative;
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
.cbSummerCampMaterials .cbSummerCampButtons {position:absolute; bottom:10px; padding:0 30px; width:100%;}



.cpSection.prodLP a.vidListItem {display:inline-block; width:23%; margin-right:2.66%; float:left;margin-top:0px; margin-bottom:20px;
    box-shadow: 0px 0px 4px 1px rgba(10,10,10,.4); position:relative; font-family: 'Roboto Condensed',Verdana,Arial,Helvetica,sans-serif !important;
    font-weight:700;color:#414653;
    }

.cbCarousel.prodGridProducts a.vidListItem {width:100%; margin:8px 0 20px 0;}

.cpSection.prodLP a:nth-of-type(4n) {margin-right:0;}

.cpSection.prodLP .vidListItem .runtime {display:none;}


.cpSection.prodLP .vidListItem .vidItemThumb {display:block; height:130px; width:100%; text-align:center;position:relative;overflow:hidden;}
.cpSection.prodLP .vidListItem .vidItemThumb img {height:100%; width:auto; max-width:none;}

.cpSection.prodLP .vidListItem .vidsDesc { color:#414653 !important; height:200px; overflow:hidden;}
.cpSection.prodLP .vidListItem .vidsName { font-size:18px; padding:10px 10px 0 10px; }
.cpSection.prodLP .vidListItem .vidsDesc .vidsDescText {padding:0 10px 10px 10px; font-weight:normal;}

.vidListItem:hover .vidsName {color:#71abc5;}

.cpSection.prodLP .vidListItem .vidsDesc {
            position: relative;
        }

.cpSection.prodLP .vidListItem .vidsDesc::after {
            content: '';
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 20px;
            background: -webkit-linear-gradient(
                    rgba(255, 255, 255, 0) 0%,
                    rgba(255, 255, 255, 1) 100%
            );
            background-image: -moz-linear-gradient(
                    rgba(255, 255, 255, 0) 0%,
                    rgba(255, 255, 255, 1) 100%
            );
            background-image: -o-linear-gradient(
                    rgba(255, 255, 255, 0) 0%,
                    rgba(255, 255, 255, 1) 100%
            );
            background-image: linear-gradient(
                    rgba(255, 255, 255, 0) 0%,
                    rgba(255, 255, 255, 1) 100%
            );
            background-image: -ms-linear-gradient(
                    rgba(255, 255, 255, 0) 0%,
                    rgba(255, 255, 255, 1) 100%
            );
        }

.cpSection.prodLP .vidListItem .vidsTime {font-style:italic; padding:0 10px 10px 10px; margin-top:10px; font-weight:normal;}

.cpSection.prodLP .vidListItem .vidItemThumb .vidsPlayButton {
    display: block;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -43px 0 0 -43px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer !important;
    opacity: 0.6;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    background-color: #fff;
        box-shadow: 0px 0px 12px #000;
    -webkit-box-shadow: 0px 0px 12px #000;
    -moz-box-shadow: 0px 0px 12px #000;

}
.cpSection.prodLP .vidListItem .vidItemThumb .vidsPlayButton span {
        display: block;
        font-size: 0;
        line-height: 0;
        width: 0;
        height: 0;
        margin: 20px 0 0 23px;
        border-left: 40px solid #0B151A;
        border-top: 20px solid rgba(0,0,0,0);
        border-bottom: 20px solid rgba(0,0,0,0);
        opacity:0.6;
    }





.cpBlocks .cpBlock.cpTSA .cbBannerTextContainer {left:auto; right:auto; float:none; padding:0 30px;max-width:none; top:20px;}
.cpBlocks .cpBlock.cpTSA .cbBanner {
    background-size: auto 280px !important;
    height: 280px;
    background-position:top right !important;
}

.cpBlocks .cpBlock.cpTSA .cpSection h2.cbBannerHeadline {
    font-size: 44px;
    line-height:46px;
    color: #fff;
    border-bottom: 0px solid #414653;
    text-align:center;
    text-transform:uppercase;
}
.cpBlocks .cpBlock.cpTSA .cbBannerHeadline {
    color: #fff;
    text-shadow: 0px 0px 15px #000,0px 0px 15px #000,0px 0px 15px #000;
    font-size: 52px;
}

.cpBlocks .cpBlock.cpTSA .commonButton {position:absolute; bottom:25px; left:50%; width:150px; margin-left:-75px; display:inline-block; padding:22px 20px;}


.cbProdSuccessStory {width:23%; margin-right:2%; float:left; margin-bottom:40px;}
.cbProdSuccessStory:last-child {margin-right:0;}
.cbProdSuccessStory h3 {font-size:18px; line-height:20px; min-height:70px;}
.cbProdSuccessStory .cbProdSuccessStoryImage {margin-bottom:40px;}






/*****************************       home page start     *********************************/

.homePicBlock { display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;}
.homePicBlock .homePicBlockInner {position:relative; width:100%;}
.homePicBlock .picBlockImage {height:100%; width:65%; display: -webkit-box; position:absolute;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;}
.homePicBlock .picBlockImage img {display:none;}
.homePicBlock.picRight .picBlockImage {right:0;}


.homePicBlock .picBlockMobileImage {display:none;}
.homePicBlock .picBlockText {width:35%; background-color:#414653; padding:40px; color:#fff;}
.homePicBlock .picBlockText h2 {text-transform:uppercase;}

.cpBlocks .cpBlock .homePicBlock .picBlockText .cbCallToAction {text-align:center;}
.cpBlocks .cpBlock .homePicBlock .picBlockText .cbCallToAction .commonButton.white {border-color:#71abc5; color:#71abc5;
    display: inline-block; max-width:270px;
    padding: 0 20px !important;
    margin: 0 auto;
    line-height: 20px;
    height: 44px !important;
    max-height: 44px !important;
    white-space: normal;
}

.cpBlocks .cpBlock .homePicBlock .picBlockText .cbCallToAction .commonButton.white:visited ,
.cpBlocks .cpBlock .homePicBlock .picBlockText .cbCallToAction .commonButton.white:hover {border-color:#71abc5 !important; color:#71abc5 !important;}

.cpBlocks .cpBlock .homePicBlock .picBlockText .cbCallToAction .commonButton span {
        position: relative;
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.homePicBlock.picRight .picBlockText {float:left;}
.homePicBlock.picLeft .picBlockText {float:right;}


.cbCarouselCategories .slick-track {padding-bottom:30px !important;}
.cbHomeTopic {padding-bottom:45px !important;}
.cbHomeTopic a {color:#414653;}
.cbHomeTopic a span {display:block; position:absolute; bottom:0; left:0; width:100%; height:50px;}
.cbHomeTopic a h3, 
.cbHomeTopic a span.h3 {position:relative; width:100%; text-align:center; font-size:22px !important; line-height:24px !important;top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}


.homeSuccessStories {text-align:left;}
.homeSuccessStories .cbCallToAction {display:none;}
.homeSuccessStories .artsListItem {margin-bottom:20px;}
.homeSuccessStories .artsListItem .artsTitle {font-size: 23px; line-height: 28px; font-family: 'Roboto Condensed',Verdana,Arial,Helvetica,sans-serif !important; font-weight:700;}
.homeSuccessStories .artsListItem .artsOverview {font-size: 20px; line-height: 28px; font-weight:normal;}
.homeSuccessStories .artsListItem .artsDate {font-size: 17px;
    line-height: 26px;
    font-style: italic;
    display: inline !important;}


 .cpBlocks .cpBlock .cbCarousel.cbCarouselPicBlocks .slick-dots {bottom:-30px;}
 
.carouselPicBlock {}
.carouselPicBlockWrapper {min-height:380px;}
.carouselPicBlock .carouselPicBlockInner {position:relative; width:100%;}
.carouselPicBlock .carouselPicBlockImage {height:100%; width:50%; display: -webkit-box; position:absolute;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;}
.carouselPicBlock .carouselPicBlockImage img {display:none;}


.carouselPicBlock .carouselPicBlockMobileImage {display:none;}
.carouselPicBlock .carouselPicBlockText {width:50%; background-color:#eff0f0; padding:50px 40px 10px 40px; float:right;min-height:380px; }
.carouselPicBlock .carouselPicBlockText h2 {text-transform:uppercase; color:#71abc5;}
.carouselPicBlock .carouselPicBlockText h3 {font-size:28px; line-height:32px;}
.carouselPicBlock .carouselPicBlockText a {font-size: 21px; line-height: 28px; color:#414653; text-transform:uppercase; font-family: 'Roboto Condensed',Verdana,Arial,Helvetica,sans-serif !important; font-weight:700;}

.carouselPicBlock .carouselPicBlockText a img.cbPLArrow { margin-top:-4px;
    width: 18px;
    height: 21px;
}

/*****************************       home page end      *********************************/



/*****************************       scrolling top banner start      *********************************/
.cpBanner .cbBannerCarousel .cpTitleContainer {bottom:-600px; top:auto !important;}
.cpBanner .cbBannerCarousel .cpTitleContainer span.h2.cpSubTitle {font-size:27px; line-height:32px;max-width: 400px; text-transform:none;}

.cpBanner .cbBannerCarousel .cpTitleContainer span.h2 .commonButton {
    text-shadow: none;
    display: inline-block;
    border: 1px solid #70abc5 !important;
    background-color: #fff !important;
    color: #70abc5 !important;
}

.cpBanner .cbBannerCarousel .slick-slide .cpTitleContainer {
    bottom: -600px;
    opacity:0 !important;
    text-align:left;
}
.cpBanner .cbBannerCarousel .slick-slide .cpTitleContainer .commonButton { text-align:center;}

.cbBannerCarousel .slick-prev {left:6px; background:transparent url('/skins/mobile/RightArrowBlueIcon.svg') center center no-repeat; -webkit-transform: rotate(180deg); transform: rotate(180deg); top:46%;}
.cbBannerCarousel .slick-next {right:6px; background:transparent url('/skins/mobile/RightArrowBlueIcon.svg') center center no-repeat;}
.cbBannerCarousel .slick-prev:hover {background:transparent url('/skins/mobile/RightArrowBlueIcon.svg') center center no-repeat; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.cbBannerCarousel .slick-next:hover {background:transparent url('/skins/mobile/RightArrowBlueIcon.svg') center center no-repeat;}
.cbBannerCarousel .slick-dots button {display:block !important;}
.cbBannerCarousel .slick-dots {position:absolute; bottom:18px;  }
.cbBannerCarousel .slick-dots li button {background-color:#fff; border:1px solid #70abc5; border-radius:11px;}
.cbBannerCarousel .slick-dots li.slick-active button {background-color:#70abc5;}
.cbBannerCarousel .slick-dots li button:before {content:'';}

.cbBannerCarousel.slick-initialized .slick-slide {padding:0;}
.cbBannerCarousel.slick-slider.slick-dotted {margin-bottom:0;}

.cbBannerCarousel .slick-slide a.commonButton { margin-top:10px;
}
.cbBannerCarousel .slick-slide a {
    cursor: pointer !important ;
}




@media (max-width: 639px) {
        .cpBanner .cbBannerCarousel .slick-slide .cpBannerImage {min-height:350px !important;}

        .cbBannerCarousel .slick-dots li button {background-color:#fff; border:1px solid #70abc5; border-radius:11px;}
        .cbBannerCarousel .slick-dots {position:relative; bottom:auto; right:auto;  bottom:-15px;}
        .cbBannerCarousel.slick-slider.slick-dotted {margin-bottom:30px;}

.cbBannerCarousel.slick-initialized .slick-slide {vertical-align:top !important;}
    .cbBannerCarousel .slick-prev {top:165px;}
    .cbBannerCarousel .slick-next {top:175px;}
}

    .cpBanner .slick-slide.slick-active .cpTitleContainer:not(.first) {                 
            opacity:1.0 !important;
            -webkit-transition: all 0.7s ease-out;
            -moz-transition: all 0.7s ease-out;
            -ms-transition: all 0.7s ease-out;
            -o-transition: all 0.7s ease-out;
            transition: all 0.7s ease-out;
    }
    

     .cpBanner .slick-slide.slick-active .cpTitleContainer:not(.first) { bottom: 50px; }
     .cpBanner .slick-slide.slick-active .cpTitleContainer.pos2:not(.first) { bottom:50px; }


/*****************************       scrolling top banner end      *********************************/


/*****************************       NEW landing pages start      *********************************/

.cpBlocks .cpBlock .cbBanner.min315 {height:100%;}
.cbBanner.min315 .cbBannerDarkLeft {height:100%; padding:20px;}
.cbBannerDarkLeft {width:45%; background-color: rgba(65,70,83,0.6); text-align:left;}
.cbBannerDarkLeft h2, 
.cbBannerDarkLeft h3 {color:#fff !important; border-bottom-width:0px !important;}
.cpBlocks .cpBlock .cbBannerDarkLeft h2 {font-size:32px !important; line-height:36px !important; margin-top:30px !important; margin-bottom:8px !important;}
.cpBlocks .cpBlock .cbBannerDarkLeft h3 {font-size:18px !important; line-height:24px !important; font-family:'Roboto Condensed',Verdana,Arial,Helvetica,sans-serif !important; font-weight:normal !important;}

.cpBlocks .cpBlock .cbBannerDarkLeft .cbCallToAction {text-align:center; margin-top:20px;}


.cpBlocks .cpBlock .bannerCarousel .cbBanner.min315 {height:290px; background-size:cover !important;}
.cpBlocks .cpBlock .bannerCarousel .cbBanner.min315 .cbBannerDarkLeft {height:100%;}

.cpBlocks .cpBlock .bannerCarousel .cbBanner.min315 .cbBannerDarkLeft.cbBannerBlueLeft {background-color:rgba(112,171,197,0.6);}



.cbProdBorderBox.noBorder {border-width:0px; width:23%; height:231px;}
.cbProdBorderBox.noBorder:nth-child(2n) {
    margin-right: 2%;
}
.cbProdBorderBox.noBorder:nth-child(4n) {
    margin-right: 0;
}

.cbProdBorderBox.noBorder a span {
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
}


.cbProdBorderBox.noBorder span.h3 {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 22px !important;
    line-height: 24px !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cbProdBorderBox.noBorder a span.cbProdBorderBoxImageWrapper {height:150px;}

@media (max-width: 639px) {
.cpBanner .cbBannerCarousel .slick-slide .cpTitleContainer {text-align:center !important;}
.cpBanner .cbBannerCarousel .slick-slide .cpTitleContainer h2,
.cpBanner .cbBannerCarousel .slick-slide .cpTitleContainer span.h2.cpSubTitle {font-size:22px; line-height:24px;max-width: 100%;}

     .cpBanner .slick-slide.slick-active .cpTitleContainer:not(.first) { bottom: 30px; }
     .cpBanner .slick-slide.slick-active .cpTitleContainer.pos2:not(.first) { bottom: 30px; }
}

/*****************************        NEW landing pages end      *********************************/



body.Support .cpBlocks .cpBlock h2 a {color:#71abc5;}
body.Support .cpBlocks .cpBlock h2 a:hover {color:#9bd4ef;}
body.Support .cpBlocks .cpBlock h2 a:focus {color:#497997;}


@media (max-width: 1050px) {
    .cpBlocks .cpBlock.cpCompBanner.USARBanner .cbMobileBanner {    height: 350px;
        max-height: 300px !important;
    min-height: 300px !important;
    display: block;
    overflow: hidden;}
    .cpBlocks .cpBlock.cpCompBanner.USARBanner .cbBanner {
        height: auto;
        text-align: center;
        background-size: auto 300px !important;
        background:#fff none !important;;
        padding: 0;
    }
    .cpBlocks .cpBlock.cpCompBanner.USARBanner .cpSection .cbBannerTextContainer {max-width:100%;}
    .cpBlocks .cpBlock.cpCompBanner.USARBanner .cbMobileBanner img {left:auto; height:300px;}
    .cpBlocks .cpBlock.cpCompBanner.USARBanner .cbBannerHeadline {
    text-shadow: none;
    color: #414653 !important;
}
    
    .cbBannerDarkLeft {width:60%;}
}

@media (max-width: 1000px) {


    .repInfo {
        text-align: center;
    }

        .repInfo.hasImage {
            margin-top: 80px;
            top: 80px;
            padding-top: 130px;
        }

            .repInfo.hasImage .repImage {
                width: 100%;
                text-align: center;
                left: 0;
                top: -160px;
            }

        .repInfo .repName {
            position: static;
        }

            .repInfo .repName .name,
            .repInfo .repName .title {
                display: block;
                border-width: 0px;
                margin: 0 0 4px 0;
                line-height: 32px;
            }

            .repInfo .repName .title {
                margin-bottom: 10px;
                font-size: 24px;
            }

        .repInfo.hasImage .phone, .repInfo.hasImage .email,
        .repInfo .phone, .repInfo .email {
            margin: 0 0 18px 0;
            padding: 50px 0 0 0;
            background-position: top center;
            background-size: 46px;
        }

    .cbTopic a h3 {
        font-size: 24px;
    }

    .cbStartRobotics h2 span {
        max-width: 350px;
    }

    .cbTeamSupport {
        background: #fff url('/sharedimages/cpimages/cp0078/gallery/pitsco-education-ftc-promo-code-m.jpg') top center no-repeat;
        background-size: auto 200px;
        padding-top: 220px;
    }

    .cpBlocks .cpBlock .cpSection .cbTeamSupport h2,
    .cpBlocks .cpBlock .cpSection .cbTeamSupport h3,
    .cpBlocks .cpBlock .cpSection .cbTeamSupport h4 {
        text-align: center;
        color: #414653 !important;
        text-shadow: none;
        max-width: 100%;
    }


    .cpBlocks .cpBlock.cpCompBanner.PLTWBanner .cbMobileBanner {
        height: 350px;
        max-height: 300px !important;
        min-height: 300px !important;
        display: block;
        overflow: hidden;
    }

    .cpBlocks .cpBlock.cpCompBanner.PLTWBanner .cbBanner {
        height: auto;
        text-align: center;
        background-size: auto 300px !important;
        background: #fff none !important;
        padding: 0;
    }

    .cpBlocks .cpBlock.cpCompBanner.PLTWBanner .cpSection .cbBannerTextContainer {
        max-width: 100%;
    }

    .cpBlocks .cpBlock.cpCompBanner.PLTWBanner .cbMobileBanner img {
        left: auto;
        height: 300px;
    }

    .cpBlocks .cpBlock.cpCompBanner.PLTWBanner .cbBannerHeadline {
        text-shadow: none;
        color: #414653 !important;
    }

    .cpBlocks .cpBlock.cpCompBanner.PLTWBanner .commonButton {
        position: static;
        margin: 10px auto;
        background-color: #70abc5 !important;
        color: #fff !important;
    }
}

    @media (max-width: 990px) {
        .cpBlocks .cpBlock.cpElemCatalog .cbBanner {
            height: 300px;
        }

        .cpBlocks .cpBlock.cpElemCatalog .cbBanner {
            background-size: auto 300px !important;
        }

        .cpBlocks .cpBlock.cpCrossLearning .cbBanner {
            height: 300px;
        }

        .cpBlocks .cpBlock.cpCrossLearning .cbBanner {
            background-size: auto 300px !important;
        }

        .cpBlocks .cpBlock.cpCrossLearning .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {
            max-width: 70%;
        }

        .cpBlocks .cpBlock.cpCompBanner .cbBanner {
            height: 300px;
        }

        .cpBlocks .cpBlock.cpCompBanner .cbBanner {
            background-size: auto 300px !important;
        }

        .cpBlocks .cpBlock.cpTSABanner .cbBanner {
            height: 300px;
        }

        .cpBlocks .cpBlock.cpTSABanner .cbBanner {
            background-size: auto 300px !important;
        }


        .cpBlocks .cpBlock.cpLoveSTEM .cbBanner {
            height: 300px;
        }

        .cpBlocks .cpBlock.cpLoveSTEM .cbBanner {
            background-size: auto 300px !important;
        }

        .cbTorqueNado {
            background: #fff url('/sharedimages/cpimages/cp0078/gallery/pitsco-education-ftc-whats-new-torquenado-m.png') top center no-repeat;
            background-size: auto;
            padding: 230px 0 20px 0;
            text-align: center;
        }

        .cpBlocks .cpBlock .cpSection .cbTorqueNado h2 {
            color: #414653 !important;
            text-align: center;
            margin-bottom: 10px !important;
            text-shadow: none;
        }

        .cbTorqueNado .commonButton {
            background-color: #70abc5 !important;
            color: #fff !important;
            position: static;
            margin: 0 auto !important;
        }
    }

    @media (max-width: 970px) {
        .cpBlock.cpBlock3 .commonButton.min310 {
            min-width: 100%;
            width: 100%;
            white-space: normal;
        }
    }

    @media (max-width: 950px) {
        .cpBlocks .cpBlock.cpBlock4 {
            width: 50%;
        }

            .cpBlocks .cpBlock.cpBlock4 a.cbOverlayAnchor .cbColorOverlay p {
                font-size: 18px;
                line-height: 25px;
            }

        .cpBlocks .cpBlock .gettingStarted .cbCallToAction.cbTwo {
            width: 100%;
            float: none;
            text-align: center !important;
            padding: 0 !important;
        }

            .cpBlocks .cpBlock .gettingStarted .cbCallToAction.cbTwo.cbTwoLeft a {
                float: none;
            }

            .cpBlocks .cpBlock .gettingStarted .cbCallToAction.cbTwo.cbTwoRight a {
                float: none;
            }

        .cpBlocks .cpBlock .catalog {
            padding-bottom: 100px;
        }

        .cpBlocks .cpBlock .catalogIssueDetails .catImage img {
            width: auto;
            height: 100%;
        }

        .cpBlocks .cpBlock .catalogIssueDetails .catImage {
            margin-left: 0;
            height: 200px;
        }

        .cpBlocks .cpBlock .catalogIssueDetails .catImage,
        .cpBlocks .cpBlock .catalogIssueDetails .catDescription {
            float: none;
            width: 100%;
        }

        .cpBlocks .cpBlock .catDownload,
        .cpBlocks .cpBlock .catRequest {
            float: none;
            width: 100%;
            padding-bottom: 10px;
        }


        .cpSection.prodLP a.vidListItem {
            width: 49%;
            margin-right: 2%;
            margin-bottom: 20px;
        }
        .cpSection.prodLP .cbCarousel.prodGridProducts a.vidListItem {width:92%;}

        .cpSection.prodLP a:nth-of-type(2n) {
            margin-right: 0;
        }

        .cpBlocks .cpBlock.cpTSA .cbBanner {
            height: auto !important;
            background: transparent none !important;
        }

        .cpBlocks .cpBlock.cpTSA .cbMobileBanner {
            display: block;
        }

        .cpBlocks .cpBlock.cpTSA .commonButton {
            position: static;
            bottom: auto;
            left: auto;
            width: auto;
            margin-left: 0;
        }

        .cpBlocks .cpBlock.cpTSA .cbBannerTextContainer {
            margin-bottom: 10px;
            top: auto;
        }


        .cbProdSuccessStory {
            width: 49%;
        }

            .cbProdSuccessStory:nth-child(2n) {
                margin-right: 0;
            }

            .cbProdSuccessStory h3 {
                min-height: 50px;
            }

        .cbTETRIXConnect {
            text-align: center;
            background: #fff url('/sharedimages/cpimages/cp0078/gallery/pitsco-education-ftc-connect-with-us-m.jpg') top center no-repeat;
            background-size: auto 200px;
            padding-top: 220px;
        }

        .cpBlocks .cpBlock .cpSection .cbTETRIXConnect h2,
        .cpBlocks .cpBlock .cpSection .cbTETRIXConnect h2 span {
            text-align: center;
            color: #414653 !important;
            text-shadow: none;
            max-width: 100%;
        }

        .cpBlocks .cpBlock.TETRIXConnect .commonButton {
            position: static;
            bottom: auto;
            left: auto;
            width: auto;
            margin: 10px auto !important;
            background-color: #70abc5 !important;
            color: #fff !important;
        }

        .homePicBlock .picBlockImage {
            width: 55%;
        }

        .homePicBlock .picBlockText {
            width: 45%;
        }
    }

    @media (max-width: 930px) {
        .cpBlocks .cpBlock .cbBanner {
            height: auto;
        }

        .cpBlocks .cpBlock .cbMobileBanner {
            display: block;
            height: 100%;
        }

            .cpBlocks .cpBlock .cbMobileBanner img {
                position: relative;
                left: -10000px;
                max-height: 400px;
                min-height: 300px;
            }

        .cpBlocks .cpBlock .cbHeadlineLeft .cbBannerTextContainer,
        .cpBlocks .cpBlock .cbBannerTextContainer,
        .cpBlocks .cpBlock .cbBanner.min285 .cbBannerTextContainer {
            position: relative;
            top: 0;
            left: 0;
            color: #414653;
            text-shadow: none;
            float: none;
            text-align: center;
            padding: 0 20px;
            max-width: 100%;
        }

        .cpBlocks .cpBlock .cbBannerHeadline,
        .cpBlocks .cpBlock .cbBannerText {
            color: #414653;
            text-shadow: none;
        }

        .cpBlocks .cpBlock.prodLPBanner .cbBanner {
            height: auto;
        }

        .cpBlocks .cpBlock h2.cbBannerHeadline {
            margin-bottom: 10px !important;
        }

        .cpBlocks .cpBlock.cpTSA .cpSection h2.cbBannerHeadline {
            font-size: 32px;
            line-height: 34px;
        }

        .cpBlocks .cpBlock.cpMobileBorderBottom {
            border-bottom: 1px solid #e6e7e8;
        }

        .cpBlocks .cpBlock a.cbOverlayAnchor .cbColorOverlay p {
            font-size: 14px;
            line-height: 20px;
        }


        .cpBlocks .cpBlock.cpRestock .cbBanner {
            height: auto;
            text-align: center;
        }

        .cpBlocks .cpBlock.cpRestock .cbMobileBanner {
            height: 280px;
        }

        .cpBlocks .cpBlock.cpRestock .cbBannerTextContainer {
            position: static;
            text-align: center;
            width: 100%;
            max-width: 100%;
            padding-top: 10px;
        }

        .cpBlocks .cpBlock.cpRestock .commonButton {
            position: static;
            margin: 10px auto;
            background-color: #70abc5 !important;
            color: #fff !important;
        }

        .cpBlocks .cpBlock.cpRestock .cbBannerHeadline {
            text-shadow: none;
            color: #414653 !important;
        }

        .cpBlocks .cpBlock.cpTSA .cbMobileBanner img {
            position: static;
            left: auto;
            max-height: none;
        }

        .cpBlocks .cpBlock.cpTSA .cbBannerHeadline {
            text-shadow: none;
            color: #414653 !important;
        }

        .cpBlocks .cpBlock.cpMSCatalog .cbMobileBanner {
            display: none;
        }

        .cpBlocks .cpBlock.cpMSCatalog .cbBannerTextContainer {
            padding-top: 0 !important;
        }

        .cpBlocks .cpBlock.cpTXCatalog .cbMobileBanner {
            display: none;
        }

        .cpBlocks .cpBlock.cpTXCatalog .cbBannerTextContainer {
            padding-top: 0 !important;
        }

        .cpBlocks .cpBlock.cpElemCatalog .cbMobileBanner {
            display: none;
        }

        .cpBlocks .cpBlock.cpElemCatalog .cbBannerTextContainer {
            padding-top: 0 !important;
        }

        .cpBlocks .cpBlock.cpCrossLearning .cbMobileBanner {
            display: none;
        }

        .cpBlocks .cpBlock.cpCrossLearning .cbBannerTextContainer {
            padding-top: 0 !important;
        }

        .cpBlocks .cpBlock.cpCompBanner .cbMobileBanner {
            display: none;
        }

        .cpBlocks .cpBlock.cpCompBanner .cbBannerTextContainer {
            padding-top: 0 !important;
        }

        .cpBlocks .cpBlock.cpTSABanner .cbMobileBanner {
            display: none;
        }

        .cpBlocks .cpBlock.cpTSABanner .cbBannerTextContainer {
            padding-top: 0 !important;
        }

        .cpBlocks .cpBlock.cpLoveSTEM .cbMobileBanner {
            display: none;
        }

        .cpBlocks .cpBlock.cpLoveSTEM .cbBannerTextContainer {
            padding-top: 0 !important;
        }


        .cbStartRobotics h2 span {
            max-width: 300px;
        }

        
    .cbBannerDarkLeft {width:100%;}
    .cbBannerDarkLeft h2,
    .cbBannerDarkLeft h3 {text-align:center !important;}

    }

    @media (max-width:900px) {

        .prodLP .cbProdPhotoList {
            background-color: #fff;
        }

            .prodLP .cbProdPhotoList ul, .prodLP.prodComp .cbProdPhotoList ul {
                width: 100%;
                max-width: 100%;
                float: none;
                margin-bottom: 0;
            }

            .prodLP .cbProdPhotoList .cbPLImage {
                display: none;
            }

            .prodLP .cbProdPhotoList .cbPLMobileImage {
                display: block;
            }

                .prodLP .cbProdPhotoList .cbPLMobileImage img {
                    width: 100%;
                }

        .cbProdPhotoList .compHeadline {
            position: relative;
            top: auto;
            right: auto;
            width: 100%;
            padding: 10px 30px 0 30px;
            color: #414653;
            text-shadow: none;
        }

        .cbMakerspacePackages {
            background: #fff url('/sharedimages/cpimages/cp0072/gallery/pitsco-education-makerspace-shop-by-grade-level-m.jpg') center center no-repeat;
            background-size: cover;
            margin-bottom: 30px;
        }

        .cpBlocks .cpBlock .cpSection .cbMakerspacePackages h2 {
            float: none;
            width: 100%;
            margin-bottom: 20px !important;
        }

        .cbMakerspacePackages .msButtons {
            width: 100%;
            max-width: 275px;
            float: none;
            margin: 0 auto;
        }


        .cbStartRobotics {
            text-align: center;
            background: #fff url('/sharedimages/cpimages/cp0074/gallery/pitsco-education-tetrix-robotics-get-the-guide-m.jpg') center center no-repeat;
            background-size: cover;
            margin-bottom: 30px;
        }

        .cpBlocks .cpBlock .cpSection .cbStartRobotics h2 {
            margin-bottom: 20px !important;
        }

            .cpBlocks .cpBlock .cpSection .cbStartRobotics h2 span {
                max-width: 100%;
            }

        .cbStartRobotics .commonButton {
            position: static;
            width: auto;
            margin: 0 auto;
        }

        .cbNewRobotics {
            text-align: center;
            background: #fff url('/sharedimages/cpimages/cp0074/gallery/pitsco-education-tetrix-robotics-shop-whats-new-m.jpg') center center no-repeat;
            background-size: cover;
            margin-bottom: 30px;
        }

        .cpBlocks .cpBlock .cpSection .cbNewRobotics h2 {
            margin-bottom: 20px !important;
        }

        .cbNewRobotics .commonButton {
            position: static;
            width: auto;
            margin: 0 auto;
        }


        .cbEZTrackBanner {
            text-align: center;
            background: #fff url('/sharedimages/cpimages/cp0058/gallery/pitsco-education-shop-ez-track-m.jpg') center center no-repeat;
            background-size: cover;
            margin-bottom: 30px;
        }

        .cpBlocks .cpBlock .cpSection .cbEZTrackBanner h2 {
            margin-bottom: 20px !important;
        }

        .cbEZTrackBanner .commonButton {
            position: absolute;
            bottom:18px;
            width: auto;
            margin: 0 auto;
        }

        

        .cbSummerCampMaterials {
            text-align: center;
            background: #fff url('/sharedimages/cpimages/cp0076/gallery/pitsco-education-stem-camps-shop-bkgd-m.jpg') center center no-repeat;
            background-size: cover;
            margin-bottom: 30px;
            min-height:400px;
        }
        .cbRoboticsCamp .cbSummerCampMaterials,
        .cbSTEMCamp .cbSummerCampMaterials {min-height:340px;}
        
        .cbSummerCampMaterials .cbSummerCampHeadline {min-height:200px;}
        .cpBlocks .cpBlock .cpSection .cbSummerCampMaterials h2 {
            margin-bottom: 20px !important;
        }
        
        .cbSummerCampMaterials .commonButton,
        .cbSummerCampMaterials .commonButton:last-child {
            width: auto;
            margin: 0 auto 10px auto !important;
            float:none;
            display:block;
            max-width:60%;
        }
        .cbRoboticsCamp .cbSummerCampMaterials .commonButton,
        .cbSTEMCamp .cbSummerCampMaterials .commonButton {width:60%;}

    }


    @media (max-width: 875px) {
        .cpBlocks .cpBlock .textOnly ul.listColumns {
            max-width: 70%;
        }

            .cpBlocks .cpBlock .textOnly ul.listColumns li {
                float: none;
                width: 100%;
                padding-right: 0;
            }

        .recentIssueList {
            float: none;
            width: 100%;
            max-width: 400px;
            margin: 0 auto;
        }

            .recentIssueList:last-child {
                float: none;
            }


        .cpBlocks .cpBlock .pubIssueDetails.type2 .pubImage {
            width: 100%;
            float: none;
            padding-bottom: 0px;
        }

        .cpBlocks .cpBlock .pubIssueDetails.type2 h2,
        .cpBlocks .cpBlock .pubIssueDetails.type2 .pubDescription,
        .cpBlocks .cpBlock .pubIssueDetails.type2 .eNewsSubscribe {
            width: 100%;
            float: none;
        }

        .cpBlocks .cpBlock .pubIssueDetails.type2 .eNewsSubscribe {
            padding-top: 30px;
        }


        .cbTopic {
            width: 49%;
            margin-right: 2%;
        }

            .cbTopic:nth-child(2n) {
                margin-right: 0;
            }

            .cbTopic img {
                max-height: 200px;
            }


        .cbProdBorderBox {
            width: 100%;
            max-width: 100%;
            margin: 0 auto 2% auto !important;
            float: none;
        }

        .prodLP.firstFull .cbProdBorderBox:nth-child(1),
        .prodLP .cbProdBorderBox.full {
            background: #fff none !important;
        }

            .prodLP.firstFull .cbProdBorderBox:nth-child(1) .cbProdBorderBoxImage .cbProdBorderBoxImageContainer .cbProdBorderBoxImageWrapper img,
            .prodLP .cbProdBorderBox.full .cbProdBorderBoxImage .cbProdBorderBoxImageContainer .cbProdBorderBoxImageWrapper img {
                display: inline;
            }

            .prodLP.firstFull .cbProdBorderBox:nth-child(1) .commonButton.full,
            .prodLP .cbProdBorderBox.full .commonButton.full {
                width: 96%;
            }

        .cbProdBorderBox:last-child:not(:nth-child(even)), .prodLP.firstFull .cbProdBorderBox:last-child:not(:nth-child(odd)) {
            max-width: 100% !important;
        }

        .prodLP.firstFull .cbProdBorderBox:last-child:not(:nth-child(even)) {
            margin: 0 auto 2% auto !important;
            float: none;
            clear: none;
            width: 100% !important;
            max-width: 100% !important;
        }

        .cpBlocks .cpBlock .cpSection .cbOverlayWrapper {
            float: none;
            width: 100%;
            max-width: 300px;
            margin: 0 auto 50px auto !important;
        }

        .cbProdBorderBox.noBorder {width:48%; float:left;}
        .cbProdBorderBox.noBorder:nth-child(2n) {margin-right: 0;}
    }

    @media (max-width:850px) {
        .cbGradeLevel {
            width: 49%;
            margin-right: 2%;
        }

            .cbGradeLevel:nth-child(2n) {
                margin-right: 0;
            }

        .threeGrades .cbGradeLevel {
            width: 100%;
            margin-right: 0;
            float: none;
            padding: 20px 10px;
        }

            .threeGrades .cbGradeLevel h3 {
                margin: 4px 0 0 0 !important;
                float: left;
            }

            .threeGrades .cbGradeLevel .commonButton {
                width: auto;
                float: right;
                padding: 22px 10px;
            }

        .cbShopSale h2 {
            padding: 30px 30px 20px 30px !important;
        }

        .cpBlocks .cpBlock .cbBanner.min285 {
            height: auto;
        }

            .cpBlocks .cpBlock .cbBanner.min285 .cbMobileBanner img {
                left: auto;
                width: 100%;
                margin-bottom: 10px;
                max-height: none;
                min-height: initial;
            }

        .prodLP .gettingStarted {
            margin: 50px 20px 30px 20px;
            padding: 50px 20px 20px 20px;
        }

            .prodLP .gettingStarted.GSstep.stepThree .goToRep .stateDD {
                float: none;
                width: 100%;
                margin-right: 0;
            }

            .prodLP .gettingStarted.GSstep.stepThree .goToRep .zip {
                float: none;
                width: 100%;
            }

            .prodLP .gettingStarted.GSstep:before {
                content: '';
                display: block;
                width: 100px;
                height: 100px;
                position: absolute;
                top: -50px;
                left: 50%;
                margin-left: -50px;
            }

        .cpBlocks .cpBlock.cpMSCatalog .cbBanner {
            height: auto;
            text-align: center;
            background-size: auto 200px !important;
            padding: 0;
        }

        .cpBlocks .cpBlock.cpMSCatalog .cbMobileBanner {
            height: 200px;
            display: block;
        }

        .cpBlocks .cpBlock.cpMSCatalog .cbBannerTextContainer {
            position: static;
            text-align: center;
            width: 100%;
            max-width: 100%;
            padding-top: 10px;
        }

        .cpBlocks .cpBlock.cpMSCatalog .commonButton {
            position: static;
            margin: 10px auto;
            background-color: #70abc5 !important;
            color: #fff !important;
        }

        .cpBlocks .cpBlock.cpMSCatalog .cbBannerHeadline {
            text-shadow: none;
            color: #414653 !important;
        }


        .cpBlocks .cpBlock.cpTXCatalog .cbBanner,
        .cpBlocks .cpBlock.cpTXCatalog.twoButtons .cbBanner {
            height: auto;
            text-align: center;
            background-size: auto 200px !important;
            padding: 0;
        }

        .cpBlocks .cpBlock.cpTXCatalog .cbMobileBanner {
            height: 200px;
            max-height: 200px;
            display: block;
            overflow: hidden;
        }

            .cpBlocks .cpBlock.cpTXCatalog .cbMobileBanner img {
                left: auto;
            }

        .cpBlocks .cpBlock.cpTXCatalog .cbBannerTextContainer {
            position: static;
            text-align: center;
            width: 100%;
            max-width: 100%;
            padding-top: 10px;
        }

        .cpBlocks .cpBlock.cpTXCatalog .commonButton,
        .cpBlocks .cpBlock.cpTXCatalog.twoButtons .commonButton {
            position: static;
            bottom: auto;
            margin: 10px auto;
            background-color: #70abc5 !important;
            color: #fff !important;
        }

        .cpBlocks .cpBlock.cpTXCatalog .cbBannerHeadline {
            text-shadow: none;
            color: #414653 !important;
        }

        .cpBlocks .cpBlock.cpTXCatalog.twoButtons a:first-of-type {
            margin-right: 30px;
        }


        .cpBlocks .cpBlock.cpElemCatalog .cbBanner {
            height: auto;
            text-align: center;
            background-size: auto 200px !important;
            padding: 0;
        }

        .cpBlocks .cpBlock.cpElemCatalog .cbMobileBanner {
            height: 200px;
            max-height: 200px;
            display: block;
            overflow: hidden;
        }

            .cpBlocks .cpBlock.cpElemCatalog .cbMobileBanner img {
                left: auto;
            }

        .cpBlocks .cpBlock.cpElemCatalog .cbBannerTextContainer {
            position: static;
            text-align: center;
            width: 100%;
            max-width: 100%;
            padding-top: 10px;
        }

        .cpBlocks .cpBlock.cpElemCatalog .commonButton {
            position: static;
            margin: 10px auto;
            background-color: #70abc5 !important;
            color: #fff !important;
        }

        .cpBlocks .cpBlock.cpElemCatalog .cbBannerHeadline {
            text-shadow: none;
            color: #414653 !important;
        }


        .cpBlocks .cpBlock.cpCrossLearning .cbBanner {
            height: auto;
            text-align: center;
            background-size: auto 200px !important;
            padding: 0;
        }

        .cpBlocks .cpBlock.cpCrossLearning .cbMobileBanner {
            height: 200px;
            max-height: 200px;
            display: block;
            overflow: hidden;
        }

            .cpBlocks .cpBlock.cpCrossLearning .cbMobileBanner img {
                left: auto;
            }

        .cpBlocks .cpBlock.cpCrossLearning .cbBannerTextContainer {
            position: static;
            text-align: center;
            width: 100%;
            max-width: 100%;
            padding-top: 10px;
        }

        .cpBlocks .cpBlock.cpCrossLearning .commonButton {
            position: static;
            margin: 10px auto;
            background-color: #70abc5 !important;
            color: #fff !important;
        }

        .cpBlocks .cpBlock.cpCrossLearning .cbBannerHeadline {
            text-shadow: none;
            color: #414653 !important;
        }

        .cpBlocks .cpBlock.cpCrossLearning .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {
            max-width: 100%;
        }


        .cpBlocks .cpBlock.cpCompBanner .cbBanner {
            height: auto;
            text-align: center;
            background-size: auto 200px !important;
            padding: 0;
        }

        .cpBlocks .cpBlock.cpCompBanner .cbMobileBanner {
            height: 200px;
            max-height: 200px;
            display: block;
            overflow: hidden;
        }

            .cpBlocks .cpBlock.cpCompBanner .cbMobileBanner img {
                left: auto;
            }

        .cpBlocks .cpBlock.cpCompBanner .cbBannerTextContainer {
            position: static;
            text-align: center;
            width: 100%;
            max-width: 100%;
            padding-top: 10px;
        }

        .cpBlocks .cpBlock.cpCompBanner .commonButton {
            position: static;
            margin: 10px auto;
            background-color: #70abc5 !important;
            color: #fff !important;
        }

        .cpBlocks .cpBlock.cpCompBanner .cbBannerHeadline {
            text-shadow: none;
            color: #414653 !important;
        }

        .cpBlocks .cpBlock.cpCompBanner .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {
            max-width: 100%;
        }


        .cpBlocks .cpBlock.cpTSABanner .cbBanner {
            height: auto;
            text-align: center;
            background-size: auto 200px !important;
            padding: 0;
        }

        .cpBlocks .cpBlock.cpTSABanner .cbMobileBanner {
            height: 200px;
            max-height: 200px;
            display: block;
            overflow: hidden;
        }

            .cpBlocks .cpBlock.cpTSABanner .cbMobileBanner img {
                left: auto;
            }

        .cpBlocks .cpBlock.cpTSABanner .cbBannerTextContainer {
            position: static;
            text-align: center;
            width: 100%;
            max-width: 100%;
            padding-top: 10px;
        }

        .cpBlocks .cpBlock.cpTSABanner .commonButton {
            position: static;
            margin: 10px auto;
            background-color: #70abc5 !important;
            color: #fff !important;
        }

        .cpBlocks .cpBlock.cpTSABanner .cbBannerHeadline {
            text-shadow: none;
            color: #414653 !important;
        }

        .cpBlocks .cpBlock.cpTSABanner .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {
            max-width: 100%;
        }


        .cpBlocks .cpBlock.cpLoveSTEM .cbBanner {
            height: auto;
            text-align: center;
            background-size: auto 200px !important;
            padding: 0;
        }

        .cpBlocks .cpBlock.cpLoveSTEM .cbMobileBanner {
            height: 200px;
            max-height: 200px;
            display: block;
            overflow: hidden;
        }

            .cpBlocks .cpBlock.cpLoveSTEM .cbMobileBanner img {
                left: auto;
            }

        .cpBlocks .cpBlock.cpLoveSTEM .cbBannerTextContainer {
            position: static;
            text-align: center;
            width: 100%;
            max-width: 100%;
            padding-top: 10px;
        }

        .cpBlocks .cpBlock.cpLoveSTEM .commonButton {
            position: static;
            margin: 10px auto;
            background-color: #70abc5 !important;
            color: #fff !important;
        }

        .cpBlocks .cpBlock.cpLoveSTEM .cbBannerHeadline {
            text-shadow: none;
            color: #414653 !important;
        }

        .cpBlocks .cpBlock.cpLoveSTEM .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {
            max-width: 100%;
        }


        .cbCompBorderBox .cbProdBorderBox .cbProdBorderBoxImage {
            height: 100px;
        }
    }

    @media (max-width:800px) {
        .cpBlocks .cpBlock.cpBlock2 {
            float: none;
            margin-left: auto;
            margin-right: auto;
        }

        .cpBlocks .cpBlock.cpBlock3 {
            width: 50%;
            float: none;
            margin-left: auto;
            margin-right: auto;
        }

        .cpBlocks .cpBlock a.cbOverlayAnchor .cbColorOverlay p {
            font-size: 16px;
            line-height: 22px;
        }
        .cpBlocks .cpBlock .cbOverlayContainer.oneThird {
            max-width: none;
        }

            .cpBlocks .cpBlock .cbOverlayContainer.oneThird.first {
                float: none;
            }

        .leadTitle.twoLines {
            min-height: 0;
        }

        .numList ol,
        .cpRight .numList ol {
            margin: 0 0 0 40px;
        }

        .cbProdPhotoList {
            display: block;
        }

            .cbProdPhotoList .cbPLImage {
                display: block;
                float: right;
                background-image: none !important;
                width: auto;
                position:static;
                right:0;
                max-width: 50%;
            }

            .cbProdPhotoList img.cbMobile {
                display: inline;
            }

            .cbProdPhotoList ul {
                float: left;
                width: auto;
                max-width: 50%;
            }

        .cbShopSale h2 {
            font-size: 40px !important;
            line-height: 42px !important;
        }

        .cpBlocks .cpBlock.cpFPBlock .prodLP .cpSectionContents {
            padding: 0;
        }
    }

    @media (max-width: 740px) {
        .cpBanner .cpTitleContainer h1,
.cpBanner .cpTitleContainer span.h1 {max-width: 90%;}


        .gettingStarted.GSstep.stepThree .goToRep .stateDD {
            float: none;
            width: 100%;
            margin-right: 0;
        }

        .gettingStarted.GSstep.stepThree .goToRep .zip {
            float: none;
            width: 100%;
        }

        
       .prodLP .gettingStarted.GSstep.stepThree .goToRep .stateDD .stateWrapper {float:none; width:100%;}
       .prodLP .gettingStarted.GSstep.stepThree .goToRep .stateDD .ctaWrapper {float:none; width:100%;}


        .cpBlocks .cpBlock .catalogWrapper {border-spacing:20px 0;}
        .cpBlocks .cpBlock .catalog {
            display: block;
            width: 100%;
            padding-bottom: 50px;
            margin-top:20px;
        }
        .cpBlocks .cpBlock .catalog:first-child {margin-top:10px;
        }

        .cpBlocks .cpBlock .catalogIssueDetails .catImage {
            float: right;
            width: auto;
            margin-left: 10px;
            max-height: 250px;
            height: auto;
        }

        .cpBlocks .cpBlock .catDownload,
        .cpBlocks .cpBlock .catRequest {
            float: left;
            width: 50%;
        }

        .cpBlocks .cpBlock .catRequest {
            float: right;
        }

        .homePicBlock .picBlockImage {
            display: none;
        }

        .homePicBlock .picBlockMobileImage {
            display: block;
            max-height: 400px;
            overflow: hidden;
        }

            .homePicBlock .picBlockMobileImage img {
                width: 100%;
            }

        .homePicBlock.picRight .picBlockText,
        .homePicBlock.picLeft .picBlockText {
            float: none;
            width: 100%;
            text-align: center;
        }

        .homePicBlock.picRight .picBlockText,
        .homePicBlock.picLeft .picBlockText {
            text-align: center;
        }


        .carouselPicBlock .carouselPicBlockImage {
            display: none;
        }

        .carouselPicBlock .carouselPicBlockMobileImage {
            display: block;
            max-height: 400px;
            overflow: hidden;
        }

            .carouselPicBlock .carouselPicBlockMobileImage img {
                width: 100%;
            }

        .carouselPicBlock .carouselPicBlockText {
            float: none;
            width: 100%;
            text-align: center;
            min-height: 0;
            padding: 30px;
        }

        .carouselPicBlock .carouselPicBlockText {
            text-align: center;
        }
    }


    
@media (min-width: 701px) {
.cpBlocks .cpBlock .cbCarousel.prodGridProducts {margin-bottom:0 !important;}
.cpBlocks .cpBlock .cbCarousel.prodGridProducts button,
.cpBlocks .cpBlock .cbCarousel.bannerCarousel button,
.cpBlocks .cpBlock .cbCarousel.successStoryCarousel button {display:block !important; }
.cpBlocks .cpBlock .cbCarousel.prodGridProducts button.slick-disabled,
.cpBlocks .cpBlock .cbCarousel.bannerCarousel button.slick-disabled,
.cpBlocks .cpBlock .cbCarousel.successStoryCarousel button.slick-disabled {display:none !important; }
.cpBlocks .cpBlock .cbCarousel.prodGridProducts .slick-dots,
.cpBlocks .cpBlock .cbCarousel.bannerCarousel .slick-dots,
.cpBlocks .cpBlock .cbCarousel.successStoryCarousel .slick-dots {display:none !important;}
.prodLP .slick-list,
.bannerCarousel .slick-list,
.successStoryCarousel .slick-list {
    width: 92%;
    margin: 0 auto;
}
}

@media (min-width: 700px) {
        .cpBlocks .cpBlock .cbCarousel.bannerCarousel .slick-dots,
        .cpBlocks .cpBlock .cbCarousel.successStoryCarousel .slick-dots {bottom: 15px;}
}

    @media (min-width: 640px) {
        .cpBlocks .cpBlock .cbColumns .cbColumn {
            display: block !important;
        }

        .cpBlocks .cpBlock .cpSectionContents {
            height: auto !important;
        }
    }

@media (max-width: 639px) {

        .hideMobile {
            display: none !important;
        }

        .cpNav {
            padding: 0;
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
        }

            .cpNav #scroller {
                padding: 0 !important;
            }

        .cpBlocks .cpBlock .cbBanner:not(.min315) {
            height: auto !important;
            background-image: none !important;
        }
        
        .cpBanner {min-height:0 !important;}

        .cpBanner .cpTitleWrapper {
            height:350px !important;
            min-height:350px !important;
        }

        .cpBanner .cpTitleContainer {
            position: relative;
            top: 0;
            left: 0;
            padding-left: 0;

            position:absolute;
            top:auto;
            left:auto;
            width:100%;
            bottom:15px;
        }


            .cpBanner .cpTitleContainer h1,
            .cpBanner .cpTitleContainer span.h1 {
            }
            
            .cpBanner .cpTitleContainer h1, .cpBanner .cpTitleContainer h2,
            .cpBanner .cpTitleContainer span.h1, .cpBanner .cpTitleContainer span.h2 {
                font-size: 40px;
                line-height: 40px;
                text-align: center;
                padding: 0 30px;
                width:100% !important;
                max-width:100% !important;
            }

            .cpBanner .cpTitleContainer span.commonButton {
                margin-top: 20px !important;
            }

        .cpNav .cpNavItem {
            width: 100% !important;
            display: block !important;
            border-width: 0px;
            text-align: left !important;
            padding-left: 30px;
        }

            .cpNav .cpNavItem a span {
                padding-bottom: 6px;
                display: inline-block;
                border-bottom: 0px solid #fff;
            }

            .cpNav .cpNavItem br {
                display: none;
            }

            .cpNav .cpNavItem.navTwoLines a {
                word-spacing: normal;
            }

        .cpNav .top-bar {
            position: absolute;
            background-color: rgba(255, 255, 255, 0.9);
            border-bottom: 5px solid #71abc5;
        }

            .cpNav .top-bar ul {
                background-color: transparent;
            }

        body.Resources .cpNav .navCount5 .cpNavItem.resources {
            display: none !important;
        }

        .cpBlocks .cpBlock h2 {
            font-size: 30px;
            line-height: 30px;
            padding: 0 20px;
        }

        .cpBlocks .cpBlock h3.subHead {
            font-size: 22px;
            line-height: 26px;
            padding: 0 20px;
        }

        .cpBlocks .cpBlock .textOnly p {
            padding: 0 10px;
            font-size: 18px;
        }

        .cpBlocks .cpBlock .textOnly ul.listColumns li,
        .cpBlocks .cpBlock .textOnly ul.centeredList li {
            font-size: 18px;
        }

        .cpBlocks .cpBlock .cbMobileBanner img {
            left: auto;
            width: 100%;
            margin-bottom: 10px;
            max-height: none;
        }

        .cpBlocks .cpBlock .cbBannerTextContainer {
            font-size: 30px;
            line-height: 34px;
        }

        .cpBlocks .cpBlock .cbBannerHeadline,
        .cpBlocks .cpBlock .cbBannerText {
            color: #414653;
            text-shadow: none;
            font-size: 30px;
            line-height: 34px;
        }

        .cpBlocks .cpBlock .cbCallToAction {
            margin-top: 10px;
            margin-bottom: 30px;
        }

            .cpBlocks .cpBlock .cbCallToAction.cbTwo {
                width: 100%;
                float: none;
                text-align: center !important;
                padding: 0 !important;
            }

                .cpBlocks .cpBlock .cbCallToAction.cbTwo.cbTwoLeft a {
                    float: none;
                }

                .cpBlocks .cpBlock .cbCallToAction.cbTwo.cbTwoRight a {
                    float: none;
                }

        .cpBlocks .cpBlock .cbColumns .cbColumn {
            float: none;
            width: 100% !important;
        }

        .cpBlocks .cpBlock .cbCarousel .slick-slide {
            width: auto;
            float: none;
        }

        .cpBlocks .cpBlock .cpQuotes {
            padding: 30px;
        }

        .currLinkList {
            width: 100%;
        }

            .currLinkList .currLink {
                margin: 0 40px 6px 40px;
            }

        .gettingStarted {
            padding: 50px 20px 20px 20px;
            margin: 20px;
        }

        .prodLP .gettingStarted {
            margin: 50px 20px 40px 20px;
            padding: 50px 20px 20px 20px;
        }

        .cpBlocks .cpBlock .gettingStarted .textOnly h2 {
            padding-left: 0px;
        }

        .gettingStarted.GSstep:before {
            content: '';
            display: block;
            width: 100px;
            height: 100px;
            position: absolute;
            top: -50px;
            left: 50%;
            margin-left: -50px;
        }

        .gettingStarted.GSstep.stepThree .goToRep .stateDD,
        .prodLP .gettingStarted.GSstep.stepThree .goToRep .stateDD {
            float: left;
            width: 48%;
            margin-right: 2%;
        }
        .prodLP .gettingStarted.GSstep.stepThree .goToRep .stateDD {float:none; width:100%; }


        .gettingStarted.GSstep.stepThree .goToRep .zip,
        .prodLP .gettingStarted.GSstep.stepThree .goToRep .zip {
            float: left;
            width: 46%;
        }



        .Leadership.Harvey-Dean .cpBannerImage,
        .Leadership.Lisa-Paterni .cpBannerImage,
        .Leadership.Stephan-Turnipseed .cpBannerImage,
        .Leadership.Matt-Frankenbery .cpBannerImage,
        .Leadership.Robin-White-Mussa .cpBannerImage,
        .Leadership.Nancy-Peterson .cpBannerImage,
        .Leadership.Scott-Rutledge .cpBannerImage,
        .Leadership.Kyle-Bailey .cpBannerImage {
            background-size: cover;
        }

        .Leadership.Harvey-Dean .cpBanner,
        .Leadership.Lisa-Paterni .cpBanner,
        .Leadership.Stephan-Turnipseed .cpBanner,
        .Leadership.Matt-Frankenbery .cpBanner,
        .Leadership.Robin-White-Mussa .cpBanner,
        .Leadership.Nancy-Peterson .cpBanner,
        .Leadership.Scott-Rutledge .cpBanner,
        .Leadership.Kyle-Bailey .cpBanner {
            background-size: auto 400px;
            background-position: top center;
        }

        .leadBio .leadBioLeft,
        .leadBio .leadBioRight {
            float: none;
            width: 100%;
        }

        .cpBlocks .cpBlock .leadBio .leadBioRight h2 {
            padding: 0;
            margin-top: 20px !important;
        }


        .cpBlocks .cpBlock .brochureItemDetails h2,
        .cpBlocks .cpBlock .brochureItemDetails .brochureItemDescription,
        .cpBlocks .cpBlock .brochureItemDetails .brochureDownload,
        .cpBlocks .cpBlock .brochureItemDetails .brochureItemImage,
        .cpBlocks .cpBlock .pubIssueDetails h2,
        .cpBlocks .cpBlock .pubIssueDetails .pubDescription,
        .cpBlocks .cpBlock .pubIssueDetails .pubButtons,
        .cpBlocks .cpBlock .pubIssueDetails .pubImage,
        .cpBlocks .cpBlock .catalogIssueDetails h2,
        .cpBlocks .cpBlock .catalogIssueDetails .catDescription,
        .cpBlocks .cpBlock .catalogIssueDetails .catDownload,
        .cpBlocks .cpBlock .catalogIssueDetails .catImage,
        .cpBlocks .cpBlock .catalogIssueDetails .catRequest,
        .cpBlocks .cpBlock .pubIssueDetails .pubRecentIssues {
            width: 100%;
            float: none;
        }

        .cpBlocks .cpBlock .pubIssueDetails .pubButtons {
            min-height: 44px;
        }

        .sectionItemList {
            margin: 0;
            max-width: 100%;
            width: 100%;
            float: none;
        }

        .cpBlocks .cpBlock .cpSection {
            border-bottom: 1px solid #c6c8ca;
            padding: 10px;
            margin-bottom: 0px;
            background-color: #f2f3f3;
        }

        .cpBlocks .cpBlock .cpSectionContents {
            height: 0;
            overflow: hidden;
        }

    .cpBlocks .cpBlock .cpSection.show .cpSectionContents.topBottomPadding {
            padding:10px 0 !important;
    }


        .cpBlocks .cpBlock.torqueNado .cpSection {
            background-color: #fff;
            padding: 0 10px !important;
        }

        .cpBlocks .cpBlock.torqueNado .cpSectionContents {
            height: auto;
            overflow: visible;
        }

        .cpBlocks .cpBlock .cpSection h2 {
            color: #414653;
            border-bottom-width: 0px;
        }

        .cpBlocks .cpBlock .show .cpSectionContents {
            max-height: none;
        }

        .cpBlocks .cpBlock.prodPhotoList .prodLP.show .cpSectionContents {
            padding: 0;
        }

        .cpBlocks .cpBlock h2.cpSectionHead {
            background: transparent url('/skins/mobile/PlusIcon.svg') center right no-repeat;
            background-size: 30px;
            margin-top: 0 !important;
        }

        .cpBlocks .cpBlock h2.cpHomeSectionHead, .cpBlocks .cpBlock .homeSuccessStories h2 {
            background-color: #f2f3f3;
            border-width: 0px;
            margin-top: 0 !important;
            padding: 8px;
            color: #414653;
        }

        .cpBlocks .cpBlock .show h2 {
            margin-bottom: 10px !important;
            background: transparent url('/skins/mobile/MinusLBlueIcon.svg') center right no-repeat;
            background-size: 30px;
        }

        .cpBlocks .cpBlock .show .cpSectionContents h2 {
            background-image: none;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
    
        .cpBlocks .cpBlock .cpSection .cbEZTrackBanner h2 {
                max-width: 100%;
                text-align: center;
            }

        .cbEZTrackBanner .commonButton {bottom:12px; margin:0 auto; width:90%; max-width:287px; left:0; right:0;}

        .cbProdPhotoList ul {
            padding: 16px 0 16px 16px;
        }

        .cpBlocks .cpBlock.cpCompBlock .show .cpSectionContents {
            padding: 0;
        }

        .cbComp ul {
            width: 100%;
            margin: 0 0 0 10px;
            float: none;
        }

            .cbComp ul.full {
                text-align: left;
                margin: 0 0 0 10px;
            }

        .cbComp img.cbCompImage {
            display: none;
        }

        .cbComp img.cbCompImageMobile {
            display: inline;
            margin: 0 0 10px 0;
        }

        .cpBlocks .cpBlock.cpRestock .show .cpSectionContents,
        .cpBlocks .cpBlock.cpTSA .show .cpSectionContents,
        .cpBlocks .cpBlock.cpMSCatalog .show .cpSectionContents,
        .cpBlocks .cpBlock.cpTXCatalog .show .cpSectionContents,
        .cpBlocks .cpBlock.cpElemCatalog .show .cpSectionContents,
        .cpBlocks .cpBlock.cpCrossLearning .show .cpSectionContents,
        .cpBlocks .cpBlock.cpCompBanner .show .cpSectionContents,
        .cpBlocks .cpBlock.cpTSABanner .show .cpSectionContents,
        .cpBlocks .cpBlock.cpLoveSTEM .show .cpSectionContents,
        .cpBlocks .cpBlock.cbWhatsNew .show .cpSectionContents,
        .cpBlocks .cpBlock.cbEZTrack .show .cpSectionContents,
        .cpBlocks .cpBlock.cbSummerCamp .show .cpSectionContents {
            padding: 0;
        }

        .cpBlocks .cpBlock.cpRestock .cbMobileBanner {
            max-height: none;
            height: auto;
        }

        .cpBlocks .cpBlock.cpRestock .cbBannerTextContainer {
            padding-top: 0;
        }

        .cpBlocks .cpBlock.cpRestock .cpSection h2.cbBannerHeadline {
            font-size: 34px;
            line-height: 38px;
            background-image: none !important;
        }

            .cpBlocks .cpBlock.cpRestock .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {
                font-size: 28px;
                line-height: 30px;
            }

        .cpBlocks .cpBlock.cpRestock .cbMobileBanner img {
            min-height: 0;
        }


        .cpBlocks .cpBlock.cpMSCatalog .cbMobileBanner {
            max-height: none;
            height: auto;
        }

        .cpBlocks .cpBlock.cpMSCatalog .cbBannerTextContainer {
            padding: 0 10px !important;
        }

        .cpBlocks .cpBlock.cpMSCatalog .cpSection h2.cbBannerHeadline {
            font-size: 34px !important;
            line-height: 38px !important;
            background-image: none !important;
            text-align: center;
        }

            .cpBlocks .cpBlock.cpMSCatalog .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {
                font-size: 28px;
                line-height: 30px;
            }

        .cpBlocks .cpBlock.cpMSCatalog .cbMobileBanner img {
            min-height: 0;
        }

        .cpBlocks .cpBlock.cpTXCatalog .cbBannerTextContainer {
            padding: 0 10px !important;
        }

        .cpBlocks .cpBlock.cpTXCatalog .cpSection h2.cbBannerHeadline {
            font-size: 34px !important;
            line-height: 38px !important;
            background-image: none !important;
            text-align: center;
        }

            .cpBlocks .cpBlock.cpTXCatalog .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {
                font-size: 28px;
                line-height: 30px;
            }

        .cpBlocks .cpBlock.cpTXCatalog .cbMobileBanner img {
            min-height: 0;
        }

        .cbNewRobotics {
            margin: 0;
        }

        .cbEZTrack {
            margin: 0;
        }
        
        .cbSummerCampMaterials {
            margin: 0;
        }

        .cpBlocks .cpBlock.cpElemCatalog .cbBannerTextContainer {
            padding: 0 10px !important;
        }

        .cpBlocks .cpBlock.cpElemCatalog .cpSection h2.cbBannerHeadline {
            font-size: 34px !important;
            line-height: 38px !important;
            background-image: none !important;
            text-align: center;
        }

            .cpBlocks .cpBlock.cpElemCatalog .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {
                font-size: 28px;
                line-height: 30px;
            }

        .cpBlocks .cpBlock.cpElemCatalog .cbMobileBanner img {
            min-height: 0;
        }

        .cpBlocks .cpBlock.cpCrossLearning .cbBannerTextContainer {
            padding: 0 10px !important;
        }

        .cpBlocks .cpBlock.cpCrossLearning .cpSection h2.cbBannerHeadline {
            font-size: 34px !important;
            line-height: 38px !important;
            background-image: none !important;
            text-align: center;
        }

            .cpBlocks .cpBlock.cpCrossLearning .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {
                font-size: 28px;
                line-height: 30px;
            }

        .cpBlocks .cpBlock.cpCrossLearning .cbMobileBanner img {
            min-height: 0;
        }

        .cpBlocks .cpBlock.cpCompBanner .cbBannerTextContainer {
            padding: 0 10px !important;
        }

        .cpBlocks .cpBlock.cpCompBanner .cpSection h2.cbBannerHeadline {
            font-size: 34px !important;
            line-height: 38px !important;
            background-image: none !important;
            text-align: center;
        }

            .cpBlocks .cpBlock.cpCompBanner .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {
                font-size: 28px;
                line-height: 30px;
            }

        .cpBlocks .cpBlock.cpCompBanner .cbMobileBanner img {
            min-height: 0;
        }

        .cpBlocks .cpBlock.cpTSABanner .cbBannerTextContainer {
            padding: 0 10px !important;
        }

        .cpBlocks .cpBlock.cpTSABanner .cpSection h2.cbBannerHeadline {
            font-size: 34px !important;
            line-height: 38px !important;
            background-image: none !important;
            text-align: center;
        }

            .cpBlocks .cpBlock.cpTSABanner .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {
                font-size: 28px;
                line-height: 30px;
            }

        .cpBlocks .cpBlock.cpTSABanner .cbMobileBanner img {
            min-height: 0;
        }

        .cpBlocks .cpBlock.cpLoveSTEM .cbBannerTextContainer {
            padding: 0 10px !important;
        }

        .cpBlocks .cpBlock.cpLoveSTEM .cpSection h2.cbBannerHeadline {
            font-size: 34px !important;
            line-height: 38px !important;
            background-image: none !important;
            text-align: center;
        }

            .cpBlocks .cpBlock.cpLoveSTEM .cpSection h2.cbBannerHeadline span.cbBannerHeadlineSub {
                font-size: 28px;
                line-height: 30px;
            }

        .cpBlocks .cpBlock.cpLoveSTEM .cbMobileBanner img {
            min-height: 0;
        }


        .cpBlocks .cpBlock.cpShopSale .show .cpSectionContents {
            padding: 0;
        }

        .cpBlocks .cpBlock.cpShopSale .cpSection .cbShopSale h2 {
            font-size: 34px;
            line-height: 38px;
            background-image: none !important;
            margin: 0 !important;
            border-bottom-width: 1px;
        }

        .cpBlocks .cpBlock.cpTSA .cpSection h2.cbBannerHeadline {
            font-size: 34px;
            line-height: 38px;
            background-image: none !important;
        }

        .cpSection.prodLP a.vidListItem {
            margin-top: 10px;
            margin-bottom: 20px;
        }

        .cpBlocks .cpBlock .cpSection .cbTorqueNado h2 {
            font-size: 30px;
            line-height: 34px;
        }

            .cpBlocks .cpBlock .cpSection .cbTorqueNado h2 span {
                font-size: 18px;
                line-height: 20px;
                font-weight: normal;
            }


        .homePicBlock .picBlockText {
            padding: 20px;
        }

        .homeSuccessStories .artsLister {
            padding: 0 10px;
        }

        
    .cpBlocks .cpBlock .bannerCarouselSection.show .cpSectionContents {padding:0 !important;}
   .cpBlocks .cpBlock .cpSection .cbBannerDarkLeft h2 {font-size:46px !important; line-height:48px !important;}

    }

    @media (max-width: 600px) {
        .eventDetails {
            display: table;
            margin-bottom: 15px;
        }

            .eventDetails .eventRight {
                display: table-footer-group;
                float: none;
            }

            .eventDetails .eventDesc {
                display: none;
            }

        body.Support .sectionWrapper {
            padding: 20px 25px;
        }

        body.Support .sectionItemDetails {
            padding: 10px 35px 10px 15px;
        }

        body.Support .sectionWrapper .sectionColumn {
            width: 48%;
        }

            body.Support .sectionWrapper .sectionColumn:nth-child(2) {
                margin-right: 0;
            }
    }

    @media (max-width: 570px) {

        .cpBlocks .cpBlock.cpBlock2 {
            width: 100%;
        }

        .cpBlocks .cpBlock.cpBlock3 {
            width: 100%;
        }

        .cpBlocks .cpBlock.cpBlock4 {
            width: 100%;
        }

        .cpBlocks .cpBlock .cbOverlayContainer h4.cbTwoLines {
            min-height: 0;
        }

        .numList ol {
            width: 90%;
        }

        .numList ol,
        .cpRight .numList ol {
            margin: 0 auto;
            padding-left: 40px;
        }
    }

    @media (max-width: 550px) {
        .cpBlocks .cpBlock .pubIssueDetails .pubButtons.hasSubscribe .pubDownload,
        .cpBlocks .cpBlock .pubIssueDetails .pubButtons.hasSubscribe .pubSubscribe {
            float: none;
            width: 100%;
            text-align: center;
            padding: 0 0 10px 0;
        }

        .cpBlocks .cpBlock .catalog {
            padding-bottom: 10px;
        }

        .cpBlocks .cpBlock .catalogButtons {
            position: static;
            width: 100%;
            margin: 0;
        }

        .cpBlocks .cpBlock .catDownload,
        .cpBlocks .cpBlock .catRequest {
            float: none;
            width: 100%;
            padding-bottom: 10px;
        }

        .cbShopSale {
            background: #fff url('/sharedimages/cpimages/cp0052/gallery/pitsco-education-shop-the-sale.jpg') center center no-repeat;
            background-size: auto 300px;
            min-height: 250px;
        }

        .cpBlocks .cpBlock.cpShopSale .cpSection .cbShopSale h2 {
            font-size: 34px !important;
            line-height: 38px !important;
            padding: 20px 20px 30px 20px !important;
        }

        .cpSection.prodLP a.vidListItem {
            width: 100%;
            margin-right: 0%;
            float: none;
            height: auto;
        }

            .cpSection.prodLP a.vidListItem:last-child {
                margin-bottom: 40px;
            }

        
   .cpBlocks .cpBlock .cpSection .cbBannerDarkLeft h2 {font-size:46px !important; line-height:48px !important; padding-right:0 !important;}
   .cpBlocks .cpBlock .cpSection .cbBannerDarkLeft h3 {font-size:30px !important;}

    }

    @media (max-width: 500px) {
        .cpBlocks .cpBlock.cpFPBlock .show .cpSectionContents {
            padding: 0;
        }

        .cbProdPhotoList {
            background-color: #fff;
        }

            .cbProdPhotoList ul {
                width: 100%;
                max-width: 100%;
                float: none;
            }

            .cbProdPhotoList .cbPLImage {
                display: none;
            }

            .cbProdPhotoList .cbPLMobileImage {
                display: block;
            }

                    .cbSummerCampMaterials .commonButton,
        .cbSummerCampMaterials .commonButton:last-child {
            max-width:80%;
        }
    }

    @media (max-width: 450px) {
        .cpBlocks .cpBlock .textOnly ul.listColumns {
            max-width: 75%;
        }

        .gettingStarted.GSstep.stepThree .goToRep .stateDD,
        .prodLP .gettingStarted.GSstep.stepThree .goToRep .stateDD {
            float: none;
            width: 100%;
            margin-right: 0;
        }

        .gettingStarted.GSstep.stepThree .goToRep .zip,
        .prodLP .gettingStarted.GSstep.stepThree .goToRep .zip {
            float: none;
            width: 100%;
        }

        body.Support .sectionWrapper .sectionColumn {
            width: 100%;
            float: none;
        }

        .cbTopic, .cbGradeLevel {
            width: 100%;
            margin-right: 0;
            float: none;
        }

        .twoGrades .cbGradeLevel {
            width: 100%;
            margin-right: 0;
            float: none;
        }

        .cbGradeLevel {
            padding: 20px 10px;
        }

            .cbGradeLevel h3 {
                margin: 4px 0 0 0 !important;
                float: left;
            }

            .cbGradeLevel .commonButton {
                width: auto;
                float: right;
                padding: 22px 10px;
            }

        .cpBlocks .cpBlock.cpTXCatalog.twoButtons a:first-of-type {
            margin-right: auto;
        }

        .cpBlocks .cpBlock.cpTXCatalog .commonButton {
            display: block;
            margin: 0 auto 10px auto;
            max-width: 70%;
        }

        .cpBlocks .cpBlock.cpElemCatalog .commonButton {
            display: block;
            margin: 0 auto 10px auto;
            max-width: 70%;
        }

        .cpBlocks .cpBlock.cpCrossLearning .commonButton {
            display: block;
            margin: 0 auto 10px auto;
            max-width: 70%;
        }

        .cpBlocks .cpBlock.cpCompBanner .commonButton {
            display: block;
            margin: 0 auto 10px auto;
            max-width: 70%;
        }

        .cpBlocks .cpBlock.cpTSABanner .commonButton {
            display: block;
            margin: 0 auto 10px auto;
            max-width: 70%;
        }

        .cpBlocks .cpBlock.cpLoveSTEM .commonButton {
            display: block;
            margin: 0 auto 10px auto;
            max-width: 70%;
        }

        .cbCompBorderBox,
        .cbCompBorderBox:nth-child(2n) {
            width: 100%;
            margin: 0 0 2% 0;
            float: none;
            margin-bottom: 40px;
        }

            .cbCompBorderBox .cbProdBorderBox .cbProdBorderBoxImage {
                height: 175px;
            }

            
        .cbProdBorderBox.noBorder {
            width: 100%;
            max-width: 100%;
            margin: 0 auto 2% auto !important;
            float: none;
        }
    }

    @media (max-width: 400px) {
        .Leadership.Harvey-Dean .cpBannerImage,
        .Leadership.Lisa-Paterni .cpBannerImage,
        .Leadership.Stephan-Turnipseed .cpBannerImage,
        .Leadership.Matt-Frankenbery .cpBannerImage,
        .Leadership.Robin-White-Mussa .cpBannerImage,
        .Leadership.Nancy-Peterson .cpBannerImage,
        .Leadership.Scott-Rutledge .cpBannerImage,
        .Leadership.Kyle-Bailey .cpBannerImage {
            background-position-x: 0% !important;
        }


        .cbProdSuccessStory {
            width: 100%;
            float: none;
            margin-right: 0;
            margin-bottom: 50px;
        }

            .cbProdSuccessStory h3 {
                min-height: 0;
                margin-bottom: 10px !important;
            }

        .cbTorqueNado {
            background-size: 100%;
            padding-top: 60%;
        }
        
        .cbSummerCampMaterials {min-height:350px;}
        .cbRoboticsCamp .cbSummerCampMaterials,
        .cbSTEMCamp .cbSummerCampMaterials {min-height:310px;}
        .cbSummerCampMaterials .cbSummerCampHeadline {min-height:150px;}
        .cbSummerCampMaterials .commonButton, .cbSummerCampMaterials .commonButton:last-child {max-width:100%; width:100% !important;}
    }

    @media (max-width: 300px) {
    .cbCompBorderBox .cbProdBorderBox .cbProdBorderBoxImage {height:100px;}
    }

    /* Colorful buttons 2019-07-10 */
    .commonButton.btnColorfulBlue {background-color:#258fc3 !important;color:#fff !important;}
        .commonButton.btnColorfulBlue:hover {background-color:#41ace0 !important;color:#fff !important;}
    .commonButton.btnColorfulDodgerBlue {background-color:#0074bc !important;color:#fff !important;}
        .commonButton.btnColorfulDodgerBlue:hover {background-color:#17a4fc !important;color:#fff !important;}
    .commonButton.btnColorfulLightBlue {background-color:#11b6d2 !important;color:#fff !important;}
        .commonButton.btnColorfulLightBlue:hover {background-color:#72e0f2 !important;color:#fff !important;}
    .commonButton.btnColorfulDarkBlue {background-color:#044c7f !important;color:#fff !important;}
        .commonButton.btnColorfulDarkBlue:hover {background-color:#1273b8 !important;color:#fff !important;}
    .commonButton.btnColorfulGreen {background-color:#9ee665 !important;color:#fff !important;}
        .commonButton.btnColorfulGreen:hover {background-color:#bdcd8c !important;color:#fff !important;}
    .commonButton.btnColorfulOrange {background-color:#f78e1e !important;color:#fff !important;}
        .commonButton.btnColorfulOrange:hover {background-color:#ffa74a !important;color:#fff !important;}
    .commonButton.btnColorfulDarkOrange {background-color:#ff5c35 !important;color:#fff !important;}
        .commonButton.btnColorfulDarkOrange:hover {background-color:#ff886b !important;color:#fff !important;}
    .commonButton.btnColorfulLightOrange {background-color:#fbad18 !important;color:#fff !important;}
        .commonButton.btnColorfulLightOrange:hover {background-color:#fcd791 !important;color:#fff !important;}
    .commonButton.btnColorfulRed {background-color:#ed1c24 !important;color:#fff !important;} 
        .commonButton.btnColorfulRed:hover {background-color:#ff7a73 !important;color:#fff !important;}
    .commonButton.btnColorfulDarkRed {background-color:#821925 !important;color:#fff !important;}
        .commonButton.btnColorfulDarkRed:hover {background-color:#c93647 !important;color:#fff !important;}
    .commonButton.btnColorfulAqua {background-color:#39ac9e !important;color:#fff !important;}
        .commonButton.btnColorfulAqua:hover {background-color:#5cdbcc !important;color:#fff !important;}
    .commonButton.btnColorfulWhite {background-color:#fff !important;color:#414653 !important;}
        .commonButton.btnColorfulWhite:hover {background-color:#414653 !important;color:#fff !important;}
    .commonButton.btnColorfulGrey {background-color:#58595b !important;color:#fff !important}
        .commonButton.btnColorfulGrey:hover {background-color:#9c9c9c !important;color:#fff !important;}
    .commonButton.btnColorfulFuschia {background-color:#cc1e5d !important;color:#fff !important;}
        .commonButton.btnColorfulFuschia:hover {background-color:#f7689c !important;color:#fff !important;}
    .commonButton.btnColorfulPurple {background-color:#92288c !important;color:#fff !important;}
        .commonButton.btnColorfulPurple:hover {background-color:#d468ce !important;color:#fff !important;}