
/* --------------------------------------------------------------- */
/* - Slider    
/* --------------------------------------------------------------- */

.swiper-container, .swiper-slide { height: auto !important;  }
.swiper-container .empty { height:20px; background-color: #448ccb; }

.swiper-container, .swiper-slide, .swiper-wrapper { display:block; } /* safari fix */
.swiper-slide a { display: block; }

.swiper-slide .content { margin-top: 1em; width: 100%;}
.swiper-slide .content h1 { font-size: 2.68em; line-height: 1.25em; font-weight: normal; margin-left:-.1em; margin-bottom: calc(13px - 8px); margin-bottom: .14em; color:#5b5b5b}
.swiper-slide .content p { margin-bottom: 0; font-size: 22px; font-size: 1.375em; font-weight: 100; line-height: 1.4; color:#5b5b5b}

.swiper-slide .content .box { padding-top: .8em; margin-bottom: 0;}
.swiper-slide .content .box a { color: #000; margin-bottom: .9em;}
.swiper-slide .content .box h2 { color: #000000; text-transform: uppercase; /* font-size: 15px; */ font-size: 1em; font-weight: 300; line-height: 1.3em; }
.swiper-slide .content .box p { font-size: 22px; font-size: 1.38em; font-weight: 100; }

.swiper-slide .content .box a:nth-child(n+2) { border-left: solid 1px #dadada; }

.swiper-slide .content .box .row-fluid { margin-bottom: 0; }

.swiper-slide .banner-image { display: none; }

@media ( min-width:470px ) {
    .swiper-slide .content h1 { font-size: 3.68em; }
}

/* desktop styles */
@media (min-width: 768px) {

    .swiper-container { font-size: 90%; }

    .swiper-container, .swiper-slide { width: 100%; height: auto; }
    .swiper-slide img { width:1200px; width:100%; position: relative; left: 50%;
        -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
       -moz-transform: translate(-50%,0);
         -o-transform: translate(-50%,0);
            transform: translate(-50%,0);
            /* ie8 support if needed - left: 100%; margin-left: -200%; */ 
    }
    
    
    .swiper-slide .content { margin-top: 0; }

    .swiper-slide .content h1,
    .swiper-slide .content h2 { color:#fff; }
    .swiper-slide .content h1 { font-size: 36px; font-size: 2.25em; }
    .swiper-slide .content h2 { text-transform: uppercase; }
    .swiper-slide .content p {  color:#fff; }

    .swiper-slide .content .box .box-position { padding-right: 12px; padding-left: 12px; }
    

    .swiper-slide .content .box .right-desktop { padding-right: 24px; }
    .swiper-slide .content .box .right-desktop a:first-child { margin-left: 9.5em; } 
    
    .swiper-slide .content .box a { border-left: none !important; background-color: rgba(255, 255, 255, 0.8);  width: 9.98em; padding-top: 5.6em; padding-left: 0.6em; padding-bottom: .6em; margin: .2em; }
    .swiper-slide .content .box a:hover { background-color: rgba(255, 255, 255, 0.9); }
    
    .swiper-slide .banner-image { display: block; width:100%;height:100%; }

    a.arrow-left { background: url('/img/slider_arrow_left.png') no-repeat 7px;  background-size: 62%; width: 28px; height: 44px; top: 46%; left: -6px;}    
    a.arrow-right { background: url('/img/slider_arrow_right.png') no-repeat 5px 11px; background-size: 62%; width: 28px; height: 44px; top:46%; right: -6px;}    
    a.arrow-left:hover,
    a.arrow-right:hover { background-color: rgba(110, 128, 152, .8); }
}

@media (min-width: 992px) {
    .swiper-container { font-size: 70%; }

    .swiper-slide .content .box .box-position { position:relative; top: 9em; height: 17em;}
    .swiper-slide .content .box .box-position .span-4:nth-child(3) { top: -9.6em; position: absolute;}
    .swiper-slide .content .box .right-desktop .span-4:nth-child(3) { left: 20.7em; }

    a.arrow-left { background: url('/img/slider_arrow_left.png') no-repeat 6px; width: 50px; height: 56px; top: 42%; right: -6px;}
    a.arrow-right { background: url('/img/slider_arrow_right.png') no-repeat 12px 6px; width: 50px; height: 56px; top: 42%; right: -6px;}
}

@media (min-width: 1030px) {
    .swiper-slide .content .box .right-desktop { padding-right: 34px; }
}

@media (min-width: 1200px) {
        
    .swiper-container { font-size: 100%; }

    .swiper-slide img { width: 2160px; /* height: 560px; */ }
    
    .swiper-slide .content p { margin-bottom: 4em; }
    
    .swiper-slide .content .box .box-position { top:9em; height: 20em; }
    .swiper-slide .content .box .box-position .span-4:nth-child(3) { top: -11.5em; }
    .swiper-slide .content .box .right-desktop .span-4:nth-child(3) { left: 22.5em; }

    .swiper-slide .content .box a { width: 12em; padding-top: 10.5em; min-height: 11em;}
    .swiper-slide .content .box h2 {   position: absolute;  bottom: .3em;}
}

@media (min-width: 1650px) {
}

@media (min-width: 2160px) {
    .swiper-slide img { position: relative; left: 0; 
        -ms-transform: none;
    -webkit-transform: none;
       -moz-transform: none;
         -o-transform: none;
            transform: none;
    }
}

/* --------------------------------------------------------------- */
/* - Ajax Loading
/* --------------------------------------------------------------- */
.overlay { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index:1000; background: #000; opacity: 0.8; filter: alpha(opacity=80); }
.loading { width: 50px; height: 57px; position: absolute; top: 50%; left: 50%; margin: -28px 0 0 -25px; }

/* --------------------------------------------------------------- */
/* - Toolbar
/* --------------------------------------------------------------- */ 

.toolbar {font-size: 85%; padding-top: 0; background:#eeeeee; padding-left:12px; padding-right:12px; padding-top:12px; /* margin-bottom:-12px; */}

.toolbar img { padding-bottom: .2em; max-height: 42px; width: auto; height: 45%;}
.toolbar h7 { text-align: center;}
.toolbar p { margin: 0; padding: 0; color: #5b5b5b; line-height: 1.06em; text-align: center; font-size: 13px; font-size: .94em; }
.toolbar a { font-size: 100%; }


/* stack this in groups of 2 */
.toolbar .span-3 { width: 50%; height: 8em; padding: 1em 0em 0 0;}

.toolbar .row-fluid { margin-bottom: 0; }
.toolbar .row-fluid [class*=span] { border-top: solid 4px #eaebeb; background-color: #fff;}
.toolbar .row-fluid [class*=span]:nth-child(even) { border-left: solid 4px #eaebeb; }

@media (min-width: 429px) {

    .toolbar .span-3 { height: 10em; }
}

/* desktop styles */
@media (min-width: 768px) {
    .toolbar { background-color: #fff;  padding: .4em 0;  margin: 0; font-size: 68%; }

    .toolbar a { display: block; width: 18em; margin: auto;}

    .toolbar img { float: left; margin-right: 1.2em; width: auto; max-height: 3em; height: auto;}
    
    .toolbar h7 { text-align: left; margin-bottom: .3em;}
    .toolbar p { text-align: left; }

    .toolbar .span-3 { width:25%; height: 4em; padding: .8em .5em .5em 1.1em;}
    
    .toolbar .row-fluid [class*=span],
    .toolbar .row-fluid [class*=span]:nth-child(even) { border: none; }

    .toolbar .row-fluid [class*=span] { border-right: solid 1px #cacacb !important; }
    .toolbar .row-fluid [class*=span]:last-child { border: none !important; } 

    .toolbar-arrow { position: relative; z-index: 1; }
    .toolbar-arrow img { width: 3%;  max-width: 50px;  position: absolute; top: -2.05em; left: 49%; display: none;}
    
}
@media (min-width: 992px) {
    .toolbar { font-size: 82%; }
    
    .toolbar-arrow img { width: 3%; max-width: 50px; top: -1.8em; left: 49%; }
}
@media (min-width: 1200px) {
    .toolbar { font-size: 87%; padding: .9em 0; }
    .toolbar-arrow img { width: 4%; max-width: 50px; top: -3.3em; left: 48%; }
}

/* --------------------------------------------------------------- */
/* - Filter Toolbar
/* --------------------------------------------------------------- */
.toolbar-filter {background-color:#fff; height:130px; overflow:hidden; }

section.toolbar-filter > .container { margin-top:0; }

.toolbar-filter .swiper-container { width: 980px; width: 100vw; height: 110px; margin:0; }
.toolbar-filter .swiper-wrapper { height: 100px !important; /* display: inline; */ width: 900px; /* width: 100vw !important; */ background-color: #fff;}

/* IE:10 - I don't see this doing anything...... 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .toolbar-filter .swiper-wrapper{width:980px!important}
}
*/

html[data-useragent*='MSIE 9.0'] .toolbar-filter .swiper-container { margin-top:4px; }

.toolbar-filter .filter-view { width:90%; margin-left: 40px; }

.toolbar-filter .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
        
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
 
    border-right: solid 1px #dadada;
    width: 196px;
}

.toolbar-filter .swiper-slide img { width:initial; height: initial; margin: 0; height: initial;}


@media (min-width:768px) {

       
    .toolbar-filter .swiper-container { margin: 0 0 0 2em;}

    .toolbar-filter .swiper-container,
    .toolbar-filter .swiper-slide img { width: 92%; }

    .toolbar-filter .filter-arrow-left,
    .toolbar-filter .filter-arrow-right { width: 6.333333%; top: 40%; position: absolute; height: 50px;}

    html[data-useragent*='MSIE 9.0'] .toolbar-filter .filter-arrow-left,
    html[data-useragent*='MSIE 9.0'] .toolbar-filter .filter-arrow-right { top:20%; }

    .toolbar-filter .filter-arrow-left,
    .toolbar-filter .filter-arrow-left:hover { background:url('/img/arrow-left.jpg') 0 0 no-repeat; left:0;}
    .toolbar-filter .filter-arrow-right,
    .toolbar-filter .filter-arrow-right:hover { background: url('/img/arrow-right.jpg') right 0 no-repeat; right: 0;}

}

@media (min-width:1200px) {
    .toolbar-filter .swiper-container { margin: 0.8em 0 0 4.5em; }
    .toolbar-filter .swiper-container { width: 980px; }
    .toolbar-filter .swiper-slide img { width: 100%; }
}

/* --------------------------------------------------------------- */
/* - Content Cards/News Cars/Page Cards/Product Card/
     Support Card/Feature Card
/* --------------------------------------------------------------- */
.content-card { background-color:#fff; margin: 0 0 20px 0;}
.content-card [class*=span] { padding: 0px;}
.content-card > [class*=span].content:nth-child(2) { margin-top: -.6em; }

.content-card .content { padding: 1em .7em;}
.content-card .content p { /* margin-bottom: 0; */ }

.content-card .triangle-left-image-card {bottom: .6em; margin-left: .8em;}
.content-card .triangle-right-image-card {top: 0; margin-left: .8em;}

.content-card.vertical-align .span-6{width:100%}
.content-card.vertical-align .span-6 p{margin-bottom:17px;}

@media (min-width: 517px) {
    .content-card .triangle-left-image-card { bottom: .5em; }
    .content-card .triangle-right-image-card {  top: 0;   margin-left: .8em;}
}
@media (min-width: 768px) {
    .content-card { /* margin-top:20px; */ } 
    .content-card .content { padding: 1em 1.4em 1em 1.4em; }
    .content-card.vertical-align .span-6 p{margin-bottom:30px;}
    .content-card .triangle-left-image-card { right: 0; top: 45%;}
    .content-card .triangle-right-image-card { left: 0; left: 0; top: 45%; margin-left: 0;}
}

/* news cards */
.news-card { background-color:#fff; margin: 20px 0; padding: 2.6em 1.8em; }

@media (min-width: 768px) {
    .news-card [class*=span] { padding: 0 2%; }
    .news-card [class*=span]:first-child { padding-left:0; }
    .news-card [class*=span]:nth-child(n+2) { border-left: solid 1px #dadada; }
    .news-card [class*=span]:last-child { padding-right: 0; }

    .news-card a { display: block; margin-bottom: .3em;}
    
    .news-card a.investors { color:#5b5b5b; }
    .news-card a.investors:hover { color: #b4b4b4; }

    .news-card span.company { display: block; margin-bottom: 0.3em;}
    .news-card span.dollar { font-size: 163%; margin-right: 2em;}
    .news-card span.difference { font-size: 161%; margin-left: .3em;}
    .news-card span.date { display: block; margin: .5em 0 1em 0; font-size: 89%;}
    .news-card span.triangle-left-image-card { border-bottom-color: #23ad00; top: -.75em;}
    .news-card span.triangle-left-image-card.down-red { border-top: 9px solid red; border-bottom: 0; top: 1em;}
}

@media (min-width: 992px) {
    .news-card span.dollar { font-size: 221%; margin-right: .8em;}
    .news-card span.date { font-size: 100%;}
}
@media (min-width: 2100px) {
    .content-card .content { padding: 1em 2.5em 1em 2.5em; }
}

/* page cards */
.row-fluid.page-card [class*=span] { background-color:#fff; margin: 0 10px 20px 10px; padding: 0 0 0 0; border:1px solid #fff;}
.row-fluid.page-card [class*=span]:hover {border:1px solid #d4d4d4}

.row-fluid.page-card a { display:block; height: 100%; padding-bottom:4em; }
.row-fluid.page-card img { max-width:100.6%; margin:-1px; width:100.6%; /* display:block; */ }

.row-fluid.page-card h2 { padding: .5em .82em 0 .82em; }
.row-fluid.page-card p { padding: 0 1.2em 0 1.2em; margin-top:5%; }

.row-fluid.page-card .triangle-left-image-card { bottom: .5em; left: 1em; }

@media (min-width: 768px) {
    /* make less as there is aditional padding */
    .row-fluid.page-card .span-4 { width: 30.6%; } 
    .row-fluid.page-card p { margin-bottom: 0; }   
}

@media (min-width: 992px) {
    /* make less as there is aditional padding */
    .row-fluid.page-card .span-4 { width: 31.27%; }    
}


/* Support */
.support { margin-top: 1em; }
.support .container > .row-fluid { margin-bottom: 0; }

/* Support Cards */
.row-fluid.page-card.support-card { margin-top: .5em; }
.row-fluid.page-card.support-card img { max-height: 124px; height: auto; max-width: 180px; width: 100%; margin:auto; }

.row-fluid.page-card.support-card a.card-img { border-bottom: solid 2px #e0e0e0; max-height: 124px;  height: auto; overflow: hidden; display: block;}

@media (max-width: 375px) {
    .row-fluid.page-card.support-card .span-6-sm { width: 43.4%; }
}
@media (min-width: 375px) {
    .row-fluid.page-card.support-card .span-2 { width: 44.4%; }
}
@media (min-width: 434px) {
    .row-fluid.page-card.support-card .span-2 { width: 45.2%; }
}
@media (min-width: 529px) {
    .row-fluid.page-card.support-card .span-2 { width: 46%; }
}
@media (min-width: 744px) {
    .row-fluid.page-card.support-card .span-2 { width: 47.2%; }
}
@media (min-width: 768px) {
    .row-fluid.page-card.support-card .span-2 { width: 17.3%; }
}
@media (min-width: 992px) {
    .row-fluid.page-card.support-card .span-2 { width: 17.9%; }
}
@media (min-width: 1200px) {
    .row-fluid.page-card.support-card .span-2 { width: 18.3%; }
}

/* white card */
.row-fluid.page-card .white-card img { width: 100%; margin: 0; }


/* feature card */
.row-fluid.page-card.feature-card [class*=span] { padding: .8em .8em 3em .8em; }
.row-fluid.page-card.feature-card [class*=span]:hover { border: 1px solid #fff; }

.row-fluid.page-card.feature-card h3 { margin-bottom: .5em;  } 
.row-fluid.page-card.feature-card p { padding:0; }
.row-fluid.page-card.feature-card a { height: auto; padding-bottom:0 !important; }


/* media library - media card */
.row-fluid.media-card .span-2 { width: 48%; float:left; }

@media (min-width:768px) {
    .row-fluid.media-card .span-2 { width: 12.5%; }
}
.row-fluid.media-card [class*="span"] { margin-bottom: 2em; }
.row-fluid.media-card [class*="span"] > picture img { margin-bottom:1em; }
.row-fluid.media-card p { margin:0; }
.row-fluid.media-card a { margin-top: .5em; display: block;}
.row-fluid.media-card a img { width: .8em; float:left; margin-right:.3em; margin-top: .3em; }

.row-fluid.media-card .more-info { left: 1em; }

/* resources - images */
.row-fluid.media-card a.picture-link img { width: 100%; float: none; margin-right: 0; margin-top: 0; }


/* product cards */


.row-fluid.product-card [class*=span] { background-color:#fff; margin: 0 6px 6px 0; padding: 0 0 4em 0; border:1px solid #fff;}
.row-fluid.product-card [class*=span]:hover { border: 1px solid #d4d4d4; }
.row-fluid.product-card [class*=span]:last-child,

.row-fluid.product-card [class*=span]:nth-child(2n+2) { margin-right: 0; }

/* make width less as there is aditional padding on these items */
.row-fluid.product-card .span-3 { width: 22%; }
.row-fluid.product-card .span-6-sm { width: 48.9%; min-height: 16em;}

.product-card div a.product { border-bottom: solid 1px #e0e0e0; display:block; overflow: hidden;} 
.product-card div a.product img { max-width: 100%;    height: auto;}


.more-info { position: absolute; bottom: 1.2em; left: 1.2em; line-height: 22px; background:none; font-size: 1em;}
.more-info a { display: block; padding-bottom:0 !important; }
.more-info img { float:left; width: auto !important; padding-right: 6px; margin-top: -4px; max-height: 2em;}

@media (min-width: 435px) {
    .row-fluid.product-card .span-6-sm { width: 49.2%; }
}

@media (min-width: 531px) {
        
    .row-fluid.product-card .span-6-sm { width: 48.97%; }
    .row-fluid.product-card [class*=span] { margin: 0 10px 10px 0; }
    
    .more-info img { max-width: 100%; }
}

@media (min-width: 603px) {

    .row-fluid.product-card .span-6-sm { width: 49.1%; }
}

@media (max-width:768px) {
    /* layout changes for mobile product listing */
    .product-listing .container { padding-left: 6px !important; padding-right: 6px !important; }
    .product-listing .span-1, .product-listing .span-2, .product-listing .span-3, .product-listing .span-4, .product-listing .span-5, .product-listing .span-6, .product-listing .span-7, .product-listing .span-8, .product-listing .span-9, .product-listing .span-10, .product-listing .span-11, .product-listing .span-12 { padding-right:6px; padding-left: 6px; }
    .product-listing .row-fluid { margin-right: -6px; margin-left: -6px; }

    .row-fluid.product-card { padding-left: 6px; padding-right: 6px; }
}

@media (min-width: 768px) {
    
    .row-fluid.product-card {  padding-left: 12px;   padding-right: 12px; }

    .row-fluid.product-card .span-3 { width: 23.75%; }
    .row-fluid.product-card [class*=span],
    .row-fluid.product-card [class*=span]:nth-child(2n+2) { margin: 0 12px 12px 0; }
    .row-fluid.product-card [class*=span]:nth-child(4n+4) { margin-right:0; }

    .product-card div a.product { border-bottom: solid 2px #e0e0e0; }
    .product-card div a.product img { max-height: 107px; }
}

@media (min-width: 992px) {
    .row-fluid.product-card [class*=span],
    .row-fluid.product-card [class*=span]:nth-child(2n+2) { margin: 0 20px 20px 0; }
    .row-fluid.product-card [class*=span]:nth-child(4n+4) { margin-right:0; }
    .row-fluid.product-card .span-3 { width: 23.4%; }

    .product-card div a.product img { max-height: 137px; }
}
@media (min-width: 1200px) {
    .row-fluid.product-card .span-3 { width: 23.69%; }

    .product-card div a.product img { max-height: 169px; }
}



/* content banner/broadcast area */
.wrapper.content-banner { background-color: #3f6a73; padding: 1em 0 0 0; }
.wrapper.content-banner h4 { /*margin-top: 1em;*/ color:#fff; margin-bottom: 0;}
.wrapper.content-banner p { color:#fff; padding-top: .5em; font-size: 18px; font-size: 1.13em; font-weight: 100;}

@media (min-width: 768px) {
    .wrapper.content-banner { padding: 2em 0; }
    .wrapper.content-banner h5 { margin-top: 0; }
    .wrapper.content-banner p { margin-bottom: 0; }
}


/* --------------------------------------------------------------- */
/* - Filter and Search
/* --------------------------------------------------------------- */

#accordion .filter .head { height: 3em; cursor:pointer; overflow: auto; padding-top: .8em;}
#accordion .filter .row-fluid { margin-bottom: 1em; }

#accordion .filter.type,
#accordion .filter.category { background-color: #d6d8d9; }
#accordion .filter.sub-type,
#accordion .filter.sub-category { background-color: #d1cfcf; }
#accordion .filter.sub-sub-type,
#accordion .filter.sub-sub-category { background-color: #c7c7c7; }
#accordion .filter.sub-sub-sub-type,
#accordion .filter.sub-sub-sub-category { background-color: #CDCCCC; }

#accordion .filter p { font-weight: normal; float: left; margin: 0;}
#accordion .filter p:hover { color: #a2a2a2; }

#accordion .filter .triangle-down-image-card  { margin-top: .5em; margin-left: .5em; float: left; position: inherit;}

#accordion .filter input[type=button].button { margin: 0 .3em 1em 0;}

#accordion .filter .filter-selected { float: left; margin-top: .1em; margin-left: 1.3em; text-transform: uppercase;  color: #5b5b5b; padding: 0 .5em .5em .5em; line-height:1.5; }
#accordion .filter .filter-close { display: inline-block; margin-left: 0.4em; width: 1em; }


.ui-menu { background-color: #fff; color: #a8a8a8; border: solid 1px #cccccc; -moz-box-shadow: inset 0 0 12px #DDDDDD; -webkit-box-shadow: inset 0 0 12px #DDDDDD; box-shadow: inset 0 0 12px #DDDDDD; }
.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:0px !important; color:#5b5b5b;}

/* --------------------------------------------------------------- */
/* - Product Listing
/* --------------------------------------------------------------- */

/* --------------------------------------------------------------- */
/* - Product Listing
/* --------------------------------------------------------------- */
.pagination { margin-top: 1.8em; margin-left: 1.8em; }
.pagination.mobile-only {  }

.pagination span.left { margin-left: 1.5em; margin-right: .5em;}
.pagination .results { float: right; }

.pagination .results li, .pagination .paging a { list-style:none; float:left; margin: 0 .4em 0 0;}
.pagination .results li:after { content: '/'; }
.pagination .results li:last-child:after { content:''; }


.pagination .results li a.current { color:#000; }

/* --------------------------------------------------------------- */
/* - Partner Listing
/* --------------------------------------------------------------- */
.partner-listing { margin-top: 2em;}

.partner-listing .crop-img { width: 127px; height: 151px; overflow:hidden;  }
.partner-listing .crop-img img.product { width: 280px; height: 174px; margin: -15px 0 0 -75px; }

.partner-listing .email { display: block; margin: 23px 0 90px 0;}

.partner-listing h3 { padding-bottom: .7em; }

.partner-listing .partners .row-fluid { margin-bottom: 4em; }

@media (min-width:768px) {
    .partner-listing .crop-img { width: 100%; height: auto; overflow:inherit;  }
    .partner-listing .crop-img img.product { width:100%; height:auto; border-bottom: solid 2px #e0e0e0; margin:0; }

    .partner-listing h2 { padding: .3em .5em 0 .5em; }

    .partner-listing .email { display: inline-block; margin: 0 0 2em 1em;}

    .products-viewed { margin-top: 2em; }
}

/* --------------------------------------------------------------- */
/* - Partner Detail
/* --------------------------------------------------------------- */
.partner a.right { margin-top: 1.9em; }

.partner .partner-info { margin-bottom:2em; }

.partner h3 { margin-bottom: .75em; }

.partner .address-list { margin-top: 2em; margin-bottom:2em; }
.partner .address-list [class*=span] { margin: 0 6px 10px 0; padding-bottom:2em; }

.row-fluid.address-list [class*=span]:last-child,
.row-fluid.address-list [class*=span]:nth-child(4) { margin-right:0; }

.row-fluid.address-list .span-3 { width: 22%; }
.row-fluid.address-list .span-6-sm { width: 47%; }

@media (min-width: 531px) {
        
    .row-fluid.address-list [class*=span] { margin: 0 10px 10px 0; }
    .row-fluid.address-list .span-6-sm { width: 48%; }

    .address-list a.email { font-size:90%; }
    .address-list a.email img { max-width: 100%; }
}

@media (min-width: 768px) {
    
    .row-fluid.address-list [class*=span] { margin: 0 12px 12px 0; }
    .row-fluid.address-list .span-3 { width: 23.2%; }

}
@media (min-width: 992px) {
    .row-fluid.address-list [class*=span] { margin: 0 20px 20px 0; }
    .row-fluid.address-list .span-3 { width: 23%; }
}
@media (min-width: 1200px) {
    .row-fluid.address-list .span-3 { width: 23.4%; }
}


/* --------------------------------------------------------------- */
/* - Layer Cake
/* --------------------------------------------------------------- */
.layer-cake { margin-top: 0; }
.cake-wrapper { width:100%; overflow:hidden; }

.layer-cake .span-6:nth-child(2) { margin-top: 2em; }

.layer-cake .layer-img { position: relative; left: 50%; width: 100%;
        -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
       -moz-transform: translate(-50%,0);
         -o-transform: translate(-50%,0);
            transform: translate(-50%,0);
}

.layer-cake .content { position: inherit; top: initial; width: 100%; /* margin-top: 2em; */}

.layer-cake img { margin-bottom: 1em; }

@media (min-width: 768px) {
    .layer-cake .layer-img { width: 2160px; /* width: auto; */}

    .layer-cake .span-6:nth-child(2) { margin-top: 0; }

    .layer-cake .content { position: absolute; top:0; height: 100%; }
    .layer-cake .content .container { height: 100%;}

    .layer-cake img { margin-bottom: 0; margin: 0;}
    .layer-cake .center-text img { margin: auto; }

    .layer-cake .no-image.content { position: relative; margin: 1em 0; min-height: 10em; height: auto;}

}

.blockquote [class*=span] { margin-bottom: 1em; margin-top: 1em; }

@media (min-width: 768px) {
    .blockquote [class*=span]:first-child { padding-left: 0; }
    .blockquote [class*=span] { padding: .5em 2% 0 2%; }
    .blockquote [class*=span]:nth-child(n+2) { border-left: solid 1px #dadada; }

}

/* 2 blockquote implementations, one for html5, one for usability in wysiwig rad editor */
blockquote { margin:0; font-size: 22px; font-size: 1.38em; font-weight: 200; line-height: 1.3em; border-top:solid 1px #dedede; border-bottom:solid 1px #dedede; padding: .5em; margin-bottom:1em !important; }
.block-text { font-size: 22px; font-size: 1.38em; font-weight: 200; line-height: 1.3em; border-top:solid 1px #dedede; border-bottom:solid 1px #dedede; padding: .5em; margin-bottom:1em !important; }


/* --------------------------------------------------------------- */
/* - Product Detail = Non-Hero
/* --------------------------------------------------------------- */

.non-hero .span-2.span-4-sm { overflow: hidden; margin-left: 12px; }

@media (min-width: 1200px) {
    .non-hero .span-2 { width: 19.5%; }
}
/* --------------------------------------------------------------- */
/* - Product Detail = Explore More
 * - Layer Cake - Explore sub nav 
/* --------------------------------------------------------------- */

.sticky-wrapper { position:relative; z-index:100; }

.explore-bar { height: auto; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; padding-top: 1.2em; padding-bottom: 1.2em; background-color: #ffffff; z-index: 1;}
.explore-bar .container { height: auto;}
.explore-bar .container .row-fluid { margin-bottom: 0; }

.explore-bar .button { margin-top: -.18em; font-size: 81%;}

.explore-bar nav { float: left; display:none; }
.explore-bar nav ul { padding-bottom: 0; }
.explore-bar nav ul li { list-style: none; line-height: 2; }
.explore-bar nav ul li a { padding-right: 1em; padding-left: 1em; }

.explore-button { margin-right: 1em; width: 9em; }
.explore-button a { margin-bottom: .5em; }
.explore-button img { max-width:30px; margin-top: 0em; margin-bottom: 0; width: 21%; }
.explore-button span { margin-right: 1em; }

.explore-button.wtb { margin-top: .4em; }

@media (min-width:768px) {
    .explore-bar { min-height: 50px; }    
    .explore-bar nav { display: block !important; }
}
@media (min-width:992px) {
    .explore-bar { padding-top: .8em; padding-bottom: .8em; }
}

.explorer { position: absolute; display: none; width:100%; background-color:#fff; top: 118px; border-bottom:1px solid #e2e2e2; z-index: 2; padding-top: 1em;}
.explorer img { margin-bottom: .5em; }
.explorer a { font-weight:bold; line-height: 1; margin-bottom: 0.5em; display: block;text-align: center;}


@media (min-width:768px) {
    .explorer { height: 23em; top:59px; }
    .explorer .span-2 { height: 155px; }
}

/* --------------------------------------------------------------- */
/* - Product Detail = Download Buttons
/* --------------------------------------------------------------- */
.download-buttons a { float:left; margin-right: .5em; margin-bottom: 1em; }
.download-buttons a img { width: auto; }

/* --------------------------------------------------------------- */
/* - Product Detail = Resources
/* --------------------------------------------------------------- */

@media (min-width: 768px) {
    td.resource { width: 60.333333%; }
    td.last-updated { width: 16.66666667%; }
    td.size { width: 13%; }
    td.tag { width: 3%; } 
}

/* --------------------------------------------------------------- */
/* - Press Release
/* --------------------------------------------------------------- */
.press-release p.date { margin-bottom: 0; }

/* --------------------------------------------------------------- */
/* - Events
/* --------------------------------------------------------------- */
.feature-event .row-fluid { margin-top: 1em; }

.feature-event ul li,
.selected-event ul li { margin-left: 0; }

.feature-event ul li,
.events ul li { list-style: none; }

.events .row-fluid.page-card .span-4 { /* max-height: 26em !important; */ }

.events .more-info { font-size:18px; }
.events .more-info img { margin-top: 2px; }

.selected-event { }
.selected-event .content-card { margin-top: 0; padding: 1em;  }

@media (min-width:768px) {
    .feature-event .row-fluid [class*="span"]:first-child { /* padding-left:0; */ }
    .feature-event .row-fluid { margin-bottom:4em; }
}

/* --------------------------------------------------------------- */
/* - FAQ
/* --------------------------------------------------------------- */
.filter-results { margin-top: 1em; }
.filter-results h3 { margin-top: 1em; }

