/* =============================================================
 * Site-specific overrides
 * -------------------------------------------------------------
 * Moved here from the theme's root style.css during the 2026-10-09
 * theme-structure consolidation (ticket #31150). These rules used to be
 * loaded via a hardcoded <link> in header.php (BEFORE the base styles
 * below), so they are kept in that same position here: on a specificity
 * tie, the base styles below still win, exactly as before. Most rules
 * here rely on higher specificity (e.g. two-class selectors) to override
 * the base styles, not on load order.
 * No rule content was changed in this move - only formatting/position.
 * ============================================================= */

aside {
 display:none !important;
}

html,
body{
    overflow-x: clip;
}

.single-post_service aside,
.single-post_information aside,
.single-post_product aside {
 display: block !important;
}


/*N/ikitas overrides moved to bottom */

@media only screen and (max-width: 640px) {
    .home-content-stream .main-content, .main-content {
        padding-top: 0 !important;
    }
}

/*this to override legacy theme style*/


.app-bar {
    display:none ;
}

.custom-logo a {
    max-height: 55px;
}
.max-w {
xmax-width:1400px !important ;
max-width:1228px !important ;
width:100% ;
margin:0 ;
padding:0 ;
}
.hero-content,
.hero-btn {
    /* display: none; */
}
.home-content-stream {
width:100% !important;
max-width:none;
margin:0 !important;
/*padding:0 40px;*/
box-sizing:border-box;
overflow:visible;
/* padding-top:140px; */
}

.hero-video-section {
 position:relative;
    left:50%;
    right:50%;
    width:100vw;
    margin-left:-50vw;
    margin-right:-50vw;
    overflow:hidden;
height:70vh;
min-height:400px;
background:#000;

}

#green-yt-player,
#green-yt-player iframe {
position:absolute ;
top:50%;
left:50%;
width:100vw ;
height:56.25vw ;
min-width:100%;
min-height:100%;
transform:translate(-50%, -50%) scale(1.12);
border:0;
display:block;
pointer-events:none;
}


.youtube-demo-poster {
position:absolute;
inset:0;
z-index:3;
width:100%;
height:100%;
object-fit:cover;
opacity:1;
transition:opacity 3s ease;
pointer-events:none;
}

.youtube-demo-poster.is-hidden {
opacity:0;
}


.hero-overlay{
position:absolute;
inset:0;
background:linear-gradient (
to top,
rgba(0,0,0,.70) 0%,
rgba(0,0,0,.35) 45%,
rgba(0,0,0,.10) 100%
);
z-index:4;
}

.hero-content {
position:absolute;
left:70px;
bottom:70px;
z-index:5;
max-width:560px;
color:#fff;
}

.hero-content h1 {
font-size:42px;
line-height:1.12;
font-weight:600;
letter-spacing:-0.02em;
margin:0 0 14px;
color:#fff;
text-transform:none;
}

.hero-content p {
font-size:16px;
line-height:1.6;
font-weight:400;
margin:0 0 20px;
color:rgba(255,255,255,.92);
max-width:500px;
}

.hero-btn {
display:inline-block;
padding:12px 24px;
background:#fff;
color:#111;
text-decoration:none;
font-size:13px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
border-radius:0;
transition:all .25s ease;
}

.hero-btn:hover {
background:#111;
color:#fff;
}

.green-section-title {
font-size:34px;
line-height:1.2;
margin:55px 0 28px !important;
padding:0;
font-weight:700;
color:#111;
}

.green-home-grid {
display:grid;
gap:34px;
/* padding:0 0 30px; */
width:100%;
margin-top: 30px
}

.green-home-grid.columns-3 {
grid-template-columns:repeat(3,minmax(0,1fr)) ;
}

.green-home-grid.columns-4 {
grid-template-columns:repeat(4,minmax(0,1fr)) ;
}

.green-home-card {
width:100%;
display:block;
margin:0;
padding:0;
}

.green-card-image {
display:block;
overflow:hidden;
}

.green-card-image img {
width:100%;
height:320px;
object-fit:cover;
display:block;
transition:transform .35s ease;
}

/* 4-col rows only: true 4:3 at every breakpoint via aspect-ratio, same
   technique used for the Information taxonomy 3-col fix (2026-09-01) -
   a fixed pixel height only equals 4:3 at one specific card width, and
   this grid's card width changes at 6+ different breakpoints/column
   counts. Also overrides max-height:none because of the unconditional
   ".green-card-image img{max-height:300px}" rule further down (applies
   >=1024px) - without neutralizing that too, the widest columns-4 cards
   (measured ~575px at a 2560px viewport - see the xlarge add_image_size()
   comment above) would still get clipped short of true 4:3 by that cap.
   3-column rows (.green-home-grid.columns-3) are untouched - unaffected,
   still their existing fixed per-breakpoint heights. */
.green-home-grid.columns-4 .green-card-image img {
    height:auto;
    max-height:none;
    aspect-ratio:4/3;
}

.green-home-card:hover .green-card-image img {
transform:scale(1.03);
}


.green-card-content {
    padding-top: 16px;

    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "title type"
        "excerpt excerpt";
    column-gap: 16px;
    row-gap: 8px;
    align-items: start;
}

.green-card-title {
    grid-area: title;
    min-width: 0;
    margin: 0;
}

.green-card-type {
    grid-area: type;
    text-align: right;
    white-space: nowrap;
}
.green-card-excerpt {

    grid-area: excerpt;

}

/* .green-card-type{
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.06em;
color:#888;
margin-bottom:10px;
} */

/* .green-card-title {
font-size:24px;
line-height:1.3;
margin:0 0 12px;
font-weight:700;
overflow:hidden;
} */

/* .green-home-grid .columns-3 .green-card-title a {
text-decoration:none;
color:#111;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
 font-family: 'Salina', serif;
font-size: 20px;
min-width: 0;
}  */

.green-card-title a {
text-decoration:none;
color:#111;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
white-space:normal;
line-height:1.35;
/* min-height:64px; */
 font-family: 'Salina';
font-size: 20px;
min-width: 0;
}

.green-card-title a:hover {
color:#0073aa;
}

.green-card-excerpt {
font-size:15px;
line-height:1.65;
color:#555;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.page-id-51830 #page-menu {
display:none;
}

.mega-test-wrap {
position:relative;
z-index:999;
background:#fff;
}

.green-banner-ad {
 position:relative;
    left:50%;
    right:50%;
    width:100vw;
    margin-left:-50vw;
    margin-right:-50vw;
    overflow:hidden;
background:#ececec;
padding:40px 0;
margin-top:30px;
margin-bottom:60px;
}

.green-banner-wrap {
width:100%;
max-width:1600px;
margin:0 auto;
padding:0 40px;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:space-between;
gap:40px;
text-decoration:none;
color:#000;
}

.green-banner-text {
flex:1;
text-align:center;
}

.green-banner-text h2 {
font-size:48px;
line-height:1.1;
margin:0 0 15px;
}

.green-banner-text p {
font-size:28px;
line-height:1.4;
margin:0;
color:black;
}

.green-banner-image {
width:230px;
flex-shrink:0;
}

.green-banner-image img {
width:100%;
height:auto;
display:block;
}


.green-home-grid .g {
grid-column:1 / -1;
position:relative;
left:50%;
right:50%;
width:100vw;
max-width:100vw;
margin-left:-50vw;
margin-right:-50vw;
background:#ececec;
padding:40px 0;
/* margin-top:45px;
margin-bottom:45px; */
box-sizing:border-box;
overflow:hidden;
}

.page-template-template-youtube-demo-poster-mc .home-content-stream>*+* {
    margin-top: 50px;
} 


.green-home-grid .g-single {
width:100%;
max-width:970px;
margin:0 auto;
padding:0 40px;
box-sizing:border-box;
}



.green-home-grid .g-single a {
display:block;
}


.green-home-grid .g-single img {
width:100%;
height:auto;
display:block;
transition:transform .3s ease;
}


.green-home-grid .g-single a:hover img {
transform:scale(1.01);
}


#green-yt-player iframe {
pointer-events:none;
}

.hero-video-section {
cursor:default;
}


.ytp-chrome-top,
.ytp-chrome-bottom,
.ytp-show-cards-title,
.ytp-watermark,
.ytp-large-play-button,
.ytp-button,
.ytp-pause-overlay{
display:none ;
opacity:0 ;
visibility:hidden;
}


.custom-sticky-header {
position:fixed;
top:0;
left:0;
width:100%;
z-index:999999;
background:#fff;
/*padding: 60px max(40px, calc((100vw - 1400px) / 2)) 30px;*/
padding: 60px max(40px, calc((100vw - 1228px) / 2)) 30px;
box-sizing:border-box;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);

 /*
.custom-sticky-header > .custom-logo-row,
.custom-sticky-header > .custom-header-nav {
    width: 100%;
    max-width: 1215px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}  
*/
/* border-bottom:1px solid #e5e5e5; */
}

/* logo row */
.custom-logo-row {

    margin-top: 0px;
}

.custom-logo .logo {
    font-size: 90px;
    line-height: 1;
    display: inline-block;
}
.custom-menu .mega-menu > li > a {
    white-space: nowrap !important;
}

 #mega-menu-wrap-test-mega-menu {
        background: transparent ;
        background-color: transparent;
}

.custom-menu #mega-menu-test-mega-menu .mega-menu {
font-family: 'salina';
}

/* second row */
.custom-header-inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 25px;
    padding-left: 50px;
    margin: 0;
    padding-left: 0;
    max-width: 100%;
}


/* menu */
.custom-menu .mega-menu-wrap {
    width: auto !important;
}

.custom-menu .mega-menu {
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap !important;
}

#mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu
{
    flex-wrap: nowrap !important;
 }

.custom-menu .mega-menu > li {
    margin: 0 10px !important;
    white-space: nowrap;
    flex-wrap: nowrap;
}

.custom-menu .mega-menu-link {
    font-size: 16px !important;
}

/* right side */
.custom-header-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* social icons */
.icons-list {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0;
    padding: 0;
}

.icons-list li {
    list-style: none;
}

/* search */
.custom-search .header-search-form {
    margin: 0;
}

.custom-search .search-field {
    height: 42px;
    width: 180px;
    padding: 0 15px;
    border: 1px solid #ddd;
}

.custom-search-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

/* icon */
.search-toggle {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 22px;
    padding: 0;
}

/* hidden search */
.custom-search {
    width: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

/* open state */
.custom-header-inner.search-active .custom-search {
    width: 350px;
    opacity: 1;
    visibility: visible;
    margin-left: 15px;
}

/* input */
.custom-search .search-field {
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    background: transparent;
    height: 42px;
    padding: 0 10px;
}

.custom-search-wrapper .search-toggle  .glyph-icon {
    font-size: 30px;
}

/* hide menu + social */
.custom-header-inner.search-active .custom-menu,
.custom-header-inner.search-active .header-social-icons {
    opacity: 0;
    visibility: hidden;
    width: 0;
    overflow: hidden;
}

/* search visible */
.custom-header-inner.search-active .custom-search{
    width:350px;
    opacity:1;
    visibility:visible;
}
/* submenu width fix */
.custom-menu .mega-sub-menu {
    width: auto !important;
    min-width: 250px !important;
}


/* 3 column cards */
 .block__thumbs{
    display:flex;
    flex-wrap:wrap;
    margin:0 -15px;
}

/* .panel--spacing-thumbs {
    display:flex;
    flex-wrap:wrap;
    margin:0 -15px;
} */
.block__thumbs .thumb-block{
    width:33.333%;
    box-sizing:border-box;
}
.panel--spacing-thumbs .thumb-block {
    width:33.333%;
    box-sizing:border-box;
}
/* make card vertical */
 .thumb-block__inner{
    display:block !important;
}

/* image full top */
 .thumb-block__image{
    width:100% !important;
    margin-bottom:15px;
}

.thumb-block__image img{
    width:100%;
    height:320px;
    object-fit:cover;
    display:block;
}

 .thumb-block__meta{
    width:100% !important;
    padding:0 !important;
}

/* Product pages - 4 columns */
.tax-category_product .block__thumbs,
.tax-category_product .panel--spacing-thumbs,
.tax-category_information .block__thumbs,
.tax-category_information .panel--spacing-thumbs,
.tax-category_service .block__thumbs,
.tax-category_service .panel--spacing-thumbs
{
    display:flex;
    flex-wrap:wrap;
    /* margin:0 -15px; */
}

/* Product/Service/Information pages - 3 columns (2026-09-01: Product/Service
   switched from 4 to 3 to match Information's earlier trial - desktop only,
   tablet/mobile breakpoints below are unchanged). */
.tax-category_product .block__thumbs .thumb-block,
.tax-category_product .panel--spacing-thumbs .thumb-block,
.tax-category_information .block__thumbs .thumb-block,
.tax-category_information .panel--spacing-thumbs .thumb-block,
.tax-category_service .block__thumbs .thumb-block,
.tax-category_service .panel--spacing-thumbs .thumb-block
{
    width:33.333%;
    box-sizing:border-box;

}

/* card vertical */
.tax-category_product .thumb-block__inner,
.tax-category_information .thumb-block__inner,
.tax-category_service .thumb-block__inner
{
    display:block !important;
}

/* image */
.tax-category_product .thumb-block__image,
.tax-category_information .thumb-block__image,
.tax-category_service .thumb-block__image
{
    width:100% !important;
    margin-bottom:15px;
}

/* Same aspect-ratio fix as Information (2026-09-01): true 4:3 at every
   breakpoint instead of a fixed 280px height that only equalled 4:3 at one
   specific (desktop) card width. Still 4 columns / width:25% on desktop -
   only the height mechanism changed, column count is untouched. */
.tax-category_product .thumb-block__image img,
.tax-category_service .thumb-block__image img
{
    width:100%;
    height:auto;
    aspect-ratio:4/3;
    object-fit:cover;
    display:block;
}

/* Information cards: use aspect-ratio instead of a fixed pixel height so 4:3
   holds at EVERY breakpoint, not just the desktop width it was measured at.
   A fixed height (like the 280px above) only equals 4:3 for one specific
   card width - it silently goes wrong the moment the card's width changes
   at a different breakpoint (mobile/tablet), which is exactly what was
   reported 2026-09-01 (desktop was true 4:3, mobile wasn't). This also
   sidesteps a pre-existing specificity bug where this 2-class selector
   always beat the generic .thumb-block__image img mobile/tablet height
   overrides regardless of viewport (so those overrides were silently
   inert here even before this change) - moot now that height isn't a
   fixed px value that could conflict. */
.tax-category_information .thumb-block__image img
{
    width:100%;
    height:auto;
    aspect-ratio:4/3;
    object-fit:cover;
    display:block;
}

/* content */
.tax-category_product .thumb-block__meta,
.tax-category_information .thumb-block__meta,
.tax-category_service .thumb-block__meta
{
    width:100% !important;
    padding:0 !important;
}
/* ======================================================
   ARTICLE CATEGORY CARDS
   ====================================================== */

.tax-category_article .block__thumbs,
.tax-category_article .panel--spacing-thumbs{
    display:flex;
    flex-wrap:wrap;
    /* margin:0 -15px; */
}

.tax-category_article .thumb-block{
    width:25%;
    padding:0 15px 40px;
    box-sizing:border-box;
    padding-bottom: 0px;
}

.tax-category_article .thumb-block__inner{
    display:flex !important;
    flex-direction:column;
    max-width:300px;
    margin:0 auto;
}

/* IMAGE */

.tax-category_article .thumb-block__image{
    width:100%;
    margin-bottom:12px;
}

.tax-category_article .thumb-block__image img{
    width:100%;
    height:250px;
    object-fit:cover;
    display:block;
}

/* CONTENT */

.tax-category_article .thumb-block__meta{
    width:100% !important;
    padding:0 !important;
}

/* Heading */

.tax-category_article .thumb-block__meta h4{
    margin:0 0 10px;
    font-family:"Salina", serif;
    font-size:24px;
    line-height:1.15;
    font-weight:400;

    /* Always reserve space for 2 lines */
    min-height:2.3em;
}

.tax-category_article .thumb-block__meta h4 a{
    color:#222;
    text-decoration:none;
}

/* Issue */

.tax-category_article .update-meta{
    margin-bottom:10px;
    display: none;
}

.tax-category_article .update-date{
    font-family:"Salina", serif;
    /* font-size:20px; */
    letter-spacing:-1px;
}

/* Excerpt */

.tax-category_article .thumb-block__meta .article-excerpt *{
    font-family:"Century Gothic", sans-serif !important;
    font-size:17px !important;
    line-height:1.4 !important;

    /* Limit excerpt to 2 lines */
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}


#hj-survey-toggle-1 {
    display: none;
}
.footer {
    margin-top: 0px;
}


@media (min-width:1700px){

    /*.home-content-stream{
        padding:0 70px;
    }*/

    .green-card-image img{
        height:360px;
    }

    .hero-content{
        left:55px;
        bottom:55px;
        max-width:560px;
    }

    .hero-content h1{
        font-size:42px;
        line-height:1.1;
    }

    .hero-content p{
        font-size:17px;
        line-height:1.6;
    }
}

/* =====================================
   DESKTOP / LAPTOP = pre 1400
===================================== */
/*@media (max-width:1400px){*/
@media (max-width:1228px){

   /* .home-content-stream{
        padding:0 30px;
    }*/

    .green-home-grid{
        /* display:block ; */
        gap:28px;
    }

    .green-card-image img{
        height:280px;
    }

    .hero-content{
        left:40px;
        bottom:40px;
        max-width:520px;
    }

    .hero-content h1{
        font-size:38px;
    }

    .hero-content p{
        font-size:16px;
    }
}

/* =====================================
   TABLET
===================================== */
@media (max-width:1024px){

    /*.home-content-stream{
        padding:0 25px;
    }*/

    .hero-video-section{
        height:70vh;
        min-height:500px;
    }

    .hero-content{
        left:30px;
        right:30px;
        bottom:30px;
        max-width:460px;
    }

    .hero-content h1{
        font-size:32px;
        line-height:1.15;
        margin-bottom:12px;
    }

    .hero-content p{
        font-size:15px;
        line-height:1.5;
        margin-bottom:16px;
    }

    .hero-btn{
        padding:12px 20px;
        font-size:13px;
    }
      .green-home-grid {
        display:block ;
     }
    .green-home-grid.columns-3,
    .green-home-grid.columns-4{
        grid-template-columns:repeat(2,1fr);
        gap:24px;
    }

    .green-card-image img{
        height:240px;
    }

    .green-card-title{
        font-size:20px;
    }

    .green-banner-wrap{
        padding:0 25px;
    }

    .green-banner-text h2{
        font-size:42px;
    }

    .green-banner-text p{
        font-size:22px;
    }

    .green-banner-image{
        width:190px;
    }

    /* Header */
    .custom-sticky-header{
        padding:60px 20px;
    }

    .custom-header-inner{
        padding-left:20px;
        gap:15px;
    }

    .custom-logo .logo{
        font-size:70px;
    }

    .custom-header-inner.search-active .custom-search{
        width:250px;
    }

    /* Article / Video pages = 2 columns */
    .block__thumbs .thumb-block,
    .panel--spacing-thumbs .thumb-block{
        width:50% !important;
    }

    /* Product / Service / Information pages = 2 columns */
    .tax-category_product .block__thumbs .thumb-block,
    .tax-category_product .panel--spacing-thumbs .thumb-block,
    .tax-category_information .block__thumbs .thumb-block,
    .tax-category_information .panel--spacing-thumbs .thumb-block,
    .tax-category_service .block__thumbs .thumb-block,
    .tax-category_service .panel--spacing-thumbs .thumb-block{
        width:50% !important;
    }

    .thumb-block__image img{
        height:260px;
    }
}

/* =====================================
   MOBILE
===================================== */
@media (max-width:767px){
.single-title--post {
        display: flex;
        justify-content: center;
        width: 100%;
    }

.article-single-page {
    padding-top: 35px;
}

    /*.home-content-stream{
        padding:0 15px;
    }*/

    .home-content-stream .main-content {
        margin-top: 32px;
    }

    .hero-video-section{
        height:60vh;
        min-height:380px;
        width: 135vw;
        
    }

    .hero-content{
        left:18px;
        right:18px;
        bottom:20px;
        max-width:none;
    }

    .hero-content h1{
        font-size:24px;
        line-height:1.2;
        margin-bottom:10px;
    }

    .hero-content p{
        font-size:14px;
        line-height:1.45;
        margin-bottom:14px;
    }

    .hero-btn{
        font-size:12px;
        padding:10px 18px;
    }

    .green-section-title{
        font-size:26px;
        line-height:1.2;
        margin:34px 0 18px;
    }
     .green-home-grid {
        display: block;
    padding-left: 16px;
    padding-right: 16px;
}
     
    .green-home-grid.columns-3,
    .green-home-grid.columns-4{
        grid-template-columns:1fr;
        gap:22px;
    }

    .green-card-image img{
        height:280px;
    }

    .green-card-title{
        font-size:19px;
        line-height:1.3;
    }

    .green-card-excerpt{
        font-size:14px;
        line-height:1.5;
    }

    .green-banner-ad{
        padding:25px 0;
    }

    .green-banner-wrap{
        padding:0 15px;
        flex-direction:column;
        text-align:center;
        gap:20px;
    }

    .green-banner-text h2{
        font-size:32px;
    }

    .green-banner-text p{
        font-size:18px;
        line-height:1.5;
    }

    .green-banner-image{
        width:150px;
    }

    /* Header */
    .custom-sticky-header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
    background: #fff;
    xpadding: 60px 96px 30px;
    padding: 20px 16px;
    box-sizing: border-box;

    display: grid;
    xgrid-template-columns: 188px 1fr;
    align-items: center;
    xcolumn-gap: 30px;
}


    .custom-header-inner{
        padding-left:0;
        gap:15px;
    }

    .custom-logo-row {
        position: absolute;
        margin: 10px;
    }

    .custom-logo .logo {
        font-size: 50px;
    }

    .custom-header-inner.search-active .custom-search{
        width:100%;
        max-width:100%;
    }

    /* All listing pages = 1 column */
    .block__thumbs .thumb-block,
    .panel--spacing-thumbs .thumb-block,
    .tax-category_product .block__thumbs .thumb-block,
    .tax-category_product .panel--spacing-thumbs .thumb-block,
    .tax-category_information .block__thumbs .thumb-block,
    .tax-category_information .panel--spacing-thumbs .thumb-block,
    .tax-category_service .block__thumbs .thumb-block,
    .tax-category_service .panel--spacing-thumbs .thumb-block{
        width:100% !important;
    }

    .thumb-block__image img{
        height:220px;
    }
}

/* =====================================
   SMALL MOBILE
===================================== */
@media (max-width:480px){

    .hero-video-section{
        height:52vh;
        min-height:320px;
        width: 135vw;
    }

    .hero-content{
        left:15px;
        right:15px;
        bottom:16px;
    }

    .hero-content h1{
        font-size:21px;
    }

    .hero-content p{
        font-size:13px;
        margin-bottom:12px;
    }

    .hero-btn{
        font-size:11px;
        padding:9px 16px;
    }

    .green-section-title{
        font-size:22px;
    }

    .green-card-image img,
    .thumb-block__image img{
        xheight:200px;
    }

    .green-card-title{
        font-size:18px;
    }

    .custom-logo .logo{
        font-size:40px;
    }

    .green-banner-text h2{
        font-size:26px;
    }

    .green-banner-text p{
        font-size:16px;
    }
}


.hero-article-section {
     position:relative;
    left:50%;
    right:50%;
    width:100vw;
    margin-left:-50vw;
    margin-right:-50vw;
    height: 70vh;
    min-height: 400px;
    overflow: hidden;
    background: #111;

}

.hero-article-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transform: scale(1.03);
    z-index: 1;
}

.hero-article-section .hero-overlay {
    z-index: 2;
}

.hero-article-section .hero-content {
    z-index: 3;
}

.hero-label {
    display: inline-block;
    background: #fff;
    color: #111;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 4px 10px;
    margin-bottom: 12px;
}

@media (max-width: 1024px) {
    .hero-article-section {
        height: 70vh;
        min-height: 500px;
    }
}


@media (max-width: 767px) {
    .hero-article-section {
        height: 60vh;
        min-height: 380px;
    }
}


@media (max-width: 480px) {
    .hero-article-section {
        height: 52vh;
        min-height: 320px;
    }
}

/* Article single — hero image */
.gallery--article-hero {
    width: 100%;
}

.gallery__hero-link {
    display: block;
    width: 100%;
}

.gallery__hero-img {
    width: 100%;
    aspect-ratio: 1140 / 970;
    object-fit: cover;
    display: block;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.gallery__hero-img:hover {
    opacity: 0.92;
}

/* GLightbox overrides */
.glightbox-clean .gclose {
    display: block ;
    opacity: 1 ;
    visibility: visible ;
    background: rgba(0,0,0,0.6) ;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    top: 15px;
    right: 15px;
}

.glightbox-clean .gclose svg {
    width: 20px;
    height: 20px;
}

/* Caption white box fix */
.glightbox-clean .gdesc-inner {
    background: rgba(0,0,0,0.75) ;
    padding: 12px 20px;
}

.glightbox-clean .gslide-description {
    background: transparent;
}

.glightbox-clean .gslide-title {
    color: #fff ;
    font-size: 14px;
    margin: 0;
}



.gallery {
     width:100% !important;
     /* aspect-ratio: 1140 / 970; */
     max-width:1140px;

}



.panel--padding-base{
    width:100%;
    max-width:1140px;
    margin:0 auto;
    padding:0;
}

.gallery--article-hero{
    background:none !important;
    padding:0 !important;
    
}

.single-post_article .panel{
    float: none;
}


.single-post_article aside,
.single-post_article .sidebar-stream {
    display: none ;
}


.single-post_article .main-content-stream {
    width: 100% ;
    margin-left: 0 ;
    border: none ;
    background: none ;
    box-shadow: none ;
    float: none ;
}

.single-post_article .home-content-stream{
    padding-left:0 ;
    padding-right:0;
}
.single-post_article .box--border,
.single-post_article .box--background {
    border: none ;
    background: none ;
    box-shadow: none ;
}

.single-post_article .panel--padding-base {
    padding: 0 ;
    max-width: none ;
}


.article-single-hero-section{
   
   background-color: #E0E2E0;

  position:relative;
    left:50%;
    right:50%;
    width:100vw;
    margin-left:-50vw;
    margin-right:-50vw;
    overflow:hidden;
}

.article-single-hero{
    max-width:1440px;
    margin:0 auto;
}

.article-single-hero__img {
    width: 100%;
    max-width: 100vw;
    height: 600px;
    max-height: 600px;
    object-fit: cover;
    object-position: center center; 
    display: block;
    cursor: pointer;
}


.article-single-header {
    width:100vw;
    position:relative;
    left:50%;
    right:50%;
    margin-left:-50vw;
    margin-right:-50vw;
    padding: 30px 70px;
    box-sizing: border-box;
    text-align: center;
    background-color: #E0E2E0;
}

.article-single-title {
    font-family: 'Salina', serif;
    font-size: 60px;
    line-height: 1.1;
    font-weight: 400;
    margin: 0 auto 24px;
    color: #111;
    text-transform: none;

    max-width: 1250px;
    padding: 0 40px;
    box-sizing: border-box;
}

.article-single-excerpt{
    max-width: 1000px;   
    margin: 0 auto;
}
.article-single-excerpt p {
    font-family: 'Century Gothic Pro', 'Century Gothic', sans-serif;
    font-size: 25px;
    line-height: 1.4;
    letter-spacing: 0;
    color: #111;
    margin: 0;
}


.article-single-body-wrap{
    max-width:1440px;
    width:100%;
    margin:0 auto;
    box-sizing:border-box;

    display:grid;
    grid-template-columns:minmax(0,9fr) minmax(280px,3fr);
    gap:40px;
    padding:40px 96px;
}


.article-single-col-content {
    min-width: 0;
    padding-right: 35px;
}

.article-single-contributors {
    font-family: 'Century Gothic Pro', 'Century Gothic', sans-serif;
    font-size: 13px;
    letter-spacing: 0.05em;
    color: #555;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.article-single-body {
    font-family: 'Century Gothic Pro', 'Century Gothic', sans-serif;
    font-size: 20px;
    line-height: 1.5;
    color: #222;
}

.article-single-body p {
    margin-bottom: 15px;
}


.article-single-col-ad {
     width:100%;
    max-width:300px;
    position: sticky;
    top: 100px;
}


@media (max-width: 1228px) {
    .article-single-header {
        padding: 50px 40px;
    }
    .article-single-body-wrap {
        padding: 30px 40px;
    }
    .article-single-title { font-size: 52px; }
    .article-single-excerpt { font-size: 20px; }
}

@media (max-width: 1024px) {
    .article-single-header {
        padding: 40px 25px;
    }
    .article-single-body-wrap {
        grid-template-columns: 1fr;
        padding: 25px;
        gap: 30px;
    }
    .article-single-col-ad {
        width: 100%;
        position: static;
    }
    .article-single-col-content {
        padding-right: 0;
    }
    .article-single-title { font-size: 40px; }
    .article-single-excerpt { font-size: 20px; }
}

@media (max-width: 767px) {
    .article-single-header {
        padding: 30px 15px;
    }
    .article-single-body-wrap {
        padding: 20px 15px;
    }
    .article-single-title { font-size: 33px; }
    .article-single-excerpt p {
        font-size: 20px;
        line-height: 1.45;
    }
    .article-single-body { font-size: 16px; }
}

.box--border,
.breadcrumb__list  {
    border: none !important;
}

body.category .image-section-title > div {
    font-size: 30px;
    line-height: 1.2;
}

body.category .image-section-title {
    border: none !important;
 text-align: center !important;
 
}

body.tax-category_article .image-section-title > div {
    left: 0 !important;
    right: 0 !important;
    width: auto;
    transform: none;
    text-align: center;
}

.category-news .breadcrumb--post,
.category-videos .breadcrumb--post,
.single-format-standard .breadcrumb--post
 {
    display: none;
}

body.category-news .image-section-title > div {
    font-family: 'Code Pro LC', sans-serif;
	font-weight: 700;
	color: rgb(74, 74, 74)
}

/* ==========================================================
   FEATURED ROW — 1 landscape Article/Video (spans 2 cols)
   + Latest Issue ad (1 col). Left and right columns are
   ALWAYS equal height — CSS Grid sizes the row to the
   tallest item's natural content (the left card: image +
   title + excerpt), then the ad column stretches to match.
   This works automatically at any desktop width, no extra
   breakpoints needed for the height-matching itself.
   ========================================================== */

.green-featured-row{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;   /* default, but explicit so it's clear why this works */
    gap: 34px;
    margin-top: 50px;
    width: 100%;
}

.green-featured-card{
    grid-column: span 2;
    display: flex;
    flex-direction: column;
    margin: 16;
    padding: 0;
}

.green-featured-image{
    display: block;
    overflow: hidden;
    flex-shrink: 0;
}

.green-featured-image img{
    width: 100%;
    height: 370px;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}

.green-featured-card:hover .green-featured-image img{
    transform: scale(1.03);
}

.green-featured-content{
    padding-top: 16px;
    flex: 1;
}

.green-featured-title{
    font-size: 26px;
    line-height: 1.3;
    margin: 0 0 12px;
    font-weight: 700;
}

.green-featured-title a{
    text-decoration: none;
    color: #111;
}

.green-featured-title a:hover{
    color: #0073aa;
}

/* --- Ad column: stretches to match the left card's full height --- */

.green-featured-issue-ad{
    grid-column: span 1;
    height: 100%;
    overflow: hidden;

}

.green-issue-ad-link{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #111;

}

.green-issue-ad-link img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* .green-issue-ad-label{
padding:14px 16px;
font-size:13px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.06em;
text-align:center;
} */

/* ==========================================================
   IN-GRID AD TILE — sits in the right-hand column of the
   "Next 6" grid (.green-home-grid), spanning 2 rows so the
   4 surrounding post cards flow around it with no gaps.
   ========================================================== */

.green-grid-ad-tile{
grid-row: span 2;
display:flex;
overflow:hidden;
background:#ececec;
height:100%;
}

.green-grid-ad-tile a{
display:block;
width:100%;
height:100%;
}

.green-grid-ad-tile img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

@media (max-width:1024px){
    .green-grid-ad-tile{
        grid-column: auto !important;
        grid-row: span 1;
        /* height:280px; */
    }
}

@media (max-width:767px){
    .green-grid-ad-tile{
        grid-row: auto;
        /* height:240px; */
    }
    .green-grid-ad-tile img{
        height:100%;
    }
}

@media (max-width:1024px){
    .green-featured-row{
        grid-template-columns: 1fr 1fr;
    }
    .green-featured-card{
        grid-column: span 2;
    }
    .green-featured-issue-ad{
        grid-column: span 2;
    }
    .green-featured-image img,
    .green-issue-ad-link img{
        /* height:280px; */
    }
}

@media (max-width:767px){
    .green-featured-row{
        display:block;
    }
    .green-featured-card{
        margin-bottom:28px;
margin-left: 16px;
margin-right: 16px;
    }
    .green-featured-image img{
        /* height:240px; */
    }
    .green-issue-ad-link img{
        /* height:240px; */
    }
}

.green-tax-header{
    background:#E0E2E0;     
    padding: 50px 20px;
    text-align:center;
     position:relative;
    left:50%;
    right:50%;
    width:100vw;
    margin-left:-50vw;
    margin-right:-50vw;
    overflow:hidden;
}

.green-tax-title{
    margin:0;
    color:#555;
      font-family: "Alternate Gothic", "Arial Narrow", sans-serif !important;
    font-size: 42px;
    font-weight: 200;
    text-transform: lowercase;
    letter-spacing: -0.00em;
    line-height: 1;
}

.green-tax-description {
    margin: 10px 0 0;
    color: #111;
    font-size: 16px;
    line-height: 1.5;
}
.breadcrumb--article,
.breadcrumb--service,
.breadcrumb--product,
.breadcrumb--tip
{
    display: none;
}

/* Ad column — 2 ads stacked vertically */
.article-single-col-ad {
    width: 300px;
    position: sticky;
    top: 100px;
}

.article-ad-stack {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.article-ad-item img {
    width: 300px;
    height: 600px;
    object-fit: cover;
    display: block;
}

@media (max-width: 1024px) {
    .article-single-col-ad {
        width: 100%;
        position: static;
    }
    .article-ad-stack {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* Homepage ad banners: Billboard ads on desktop/tablet, MedRec (300x250)
   swaps in on mobile instead. Both render server-side always (see
   functions.php) so this works correctly under full-page caching —
   the swap itself is CSS-only, never dependent on server-side device
   detection which would otherwise get baked into the cached HTML. */
.ad-medrec-mobile-only {
    display: none;
}

@media (max-width: 767px) {
    .ad-billboard-only {
        display: none;
    }
    .ad-medrec-mobile-only {
        display: block;
    }
}

.post-template-default div.panel.single-title.single-title--post h1{
    font-family: "Century Gothic Pro";
}

.tax-category_service h1.green-tax-title,
.tax-category_product h1.green-tax-title,
.tax-category_information h1.green-tax-title
{
    font-family: "Code-Pro-Bold-LC" !important;
}

.designbooks-add {
    display: none !important;
}
footer{
    background: none !important;
}

.post_article-template-default .article-button .button {
    background: #ddd;
    border-radius: 8px;
    color: #000;
    font-family: 'Century Gothic';
}

.page-template-templates .subscribe__option button {
  background: #ddd;
    border-radius: 8px;
    color: #000;
    font-family: 'Century Gothic';
}

.page-template-page-subscribe .subscribe__option h3 {
    display: none;
    margin: 1em 0 .8em;
}

.page-template-page-subscribe .subscribe__option h4 {
margin: 1em 0 .8em;
}

.single-post_article  .c-yellow,
.single-specs--article h3 b,
.post-type-archive-post_article .c-yellow,
.post-type-archive-post_article h4,
.post_article-template-default h4
 {
    color: #000;
    font-family: 'Salina';
}

.single-post_article .single-specs__spec p span {
    color: #000;
    font-family: 'Century Gothic';
}

.single-post_article .single-specs__spec p b {
    color: #000;
    font-family: 'salina';
}
.single .c-yellow,
.category-news .c-blue,
.category-videos .c-blue,
.post-type-archive .c-yellow {
    color: #000;
}

.post-template-default h4,
.category-news h4,
.page-template-page-subscribe h4,
.tax-category_product h4,
.tax-category_service h4,
.tax-category_information h4,
.post-type-archive-post_product h4,
.post-type-archive-post_product h3 a,
.post-type-archive-post_service h4,
.post-type-archive-post_service h3 a,
.post-type-archive-post_information h4,
.post-type-archive-post_information h3 a {

    font-family: 'Code Pro LC';
    /* font-weight: 500;
    letter-spacing: 0.04em; */

}

.green-more-content.columns-3 .green-card-title a{
     font-family: 'Code Pro LC' !important ;
}

.mega-menu-test-mega-menu {
     font-family: 'salina';
}

.mega-sub-menu {
    font-family: 'Century Gothic Pro' !important;
}

.custom-header-right .header-social-icons li .glyph-icon{
     font-size: 22px;
}


.green-issue-ad-link{
    display: block;
    text-decoration: none;
    width: calc(100% - 36px);
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1024px) {
.green-issue-ad-link{
    width: calc(100%);
}
}
.green-issue-ad-image{
    position:relative;
    overflow:hidden;
    display:inline-block;
    line-height:0;
}

.green-issue-ad-image img{
    display:block;
    width:100%;
    height:auto;
    transition:transform .3s ease;
}

.green-issue-ad-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    opacity:0;
    transition:opacity .3s ease;
}

.green-issue-ad-title{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#fff;
    font-size:24px;
    font-weight:700;
    text-align:center;
    opacity:0;
    transition:opacity .3s ease;
    z-index:2;
    width:90%;
}

.green-issue-ad-image:hover::after{
    opacity:1;
}

.green-issue-ad-image:hover .green-issue-ad-title{
    opacity:1;
}

.green-issue-ad-image:hover img{
    transform:scale(1.05);
}


/* Nikita Overrides */

/*

.home-content-stream .main-content-stream  {
     width: 100% ; 
    margin-left: 0px !important;
}


.single-post .home-content-stream .main-content-stream {
     width: 832px; 
     margin-left: 180px !important;
}

.single-post_service  .home-content-stream .main-content-stream,
.single-post_information .home-content-stream .main-content-stream,
.single-post_product .home-content-stream .main-content-stream
{
    width: 832px;
}  
*/

/* Nikita Overrides - Modified */

/* Undo legacy css - override assets/css/style.css */
.home-content-stream .panel {
    padding: 10px !important;
}
:is(.home-content-stream) .panel.panel--padding-base, .panel.gallery {
    padding: 0px !important;
     max-width: 100vw;
}

.main-inner {
    width: 100%;
    padding: 40px 0 !important;
}
/* Taxonomy header */
.green-tax-title {
    text-transform: unset;
}

/* General content layout */
.home-content-stream .main-content-stream {
    width: 100%;
    margin-left: 0 !important;
    float: none;
}

/* Normal single posts */

.single-post .panel--padding-base {
    float: none;
    margin-left: auto;
    margin-right: auto;
}


/* Designbook singles - desktop was 900*/
@media (min-width: 1024px) {

    :is(.single-post_service, .single-post_information, .single-post_product)
    .home-content-stream .max-w.cf {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        xgap: 32px;
    }

    :is(.single-post_service, .single-post_information, .single-post_product)
    .home-content-stream .main-content-stream {
        width: clamp(550px, 60vw, 832px);
    }

    /* .block__thumbs .thumb-block,
    .panel--spacing-thumbs .thumb-block {
    width: 33.33% !important;
} */
}


/* Gallery and other desktop was 900 */
@media (min-width: 1024px) {

    .single-post .gallery--post.slick-slider,
    .single-post .gallery-meta.gallery-meta--post {
        max-height: 500px;
        max-width: 780px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .green-card-image img {
        max-height: 300px;
    }

    /* 2026-10-09 (ticket #31150): extended from .tax-category_product only
       to also cover _service/_information - without this, each category
       group's <section> is a flex item (see .panel--spacing-thumbs,
       display:flex, scoped to all three tax-category_* classes) that
       shrinks to fit its own content instead of spanning the full row,
       undersizing any group with few items. Already fixed for product
       (hierarchical categories hit this on term pages); service/information
       never had a multi-group page until the archive-root pages got this
       class, which is what surfaced it. */
    .tax-category_product section.panel__block,
    .tax-category_service section.panel__block,
    .tax-category_information section.panel__block {
        clear: both;
        width: 100%;
        display: flow-root;
    }
    .archive.category.category-news article {
      min-height: 500px;
     }
    .post-type-archive-post_article {
      min-height: 475px;
     }
     .search-results article {
      min-height: 500px;
     }
}


/* Gallery mobile */
@media only screen and (max-width: 640px) {

    .single-post .gallery--post .slick-slide {
        margin-right: 0;
    }

    .single-post .gallery--post .slick-slide img {
        width: 100% !important;
        max-width: 100vw !important;
        max-height: none !important;
        height: auto;
    }
    .thumb-block__meta {
    padding-left: 25px !important;
}
}

/* Supplier Images */
.archive.author .thumb-block__image img {
   aspect-ratio:  4 / 3;
}


/* Product gallery */
.gallery--product.gallery {
    aspect-ratio: auto;
    /* Capped to match the existing gallery_image_crop file (800x600) so it
       never renders wider than what we actually have — was max-width:none,
       stretching up to the sitewide 1228px content cap and upscaling the
       800px crop. A same-ratio retina sibling (gallery_image_crop_2x,
       1600x1200) has been registered and is being rolled out via a
       background batch, but that takes 30+ hours sitewide; this cap makes
       every existing image correct immediately, no batch dependency. Safe
       to raise back to max-width:none (or drop entirely) once that batch
       finishes and most attachments have the 2x crop available. */
    max-width: 800px;
    margin: 0 auto;
    height: auto !important;
    overflow: visible;
}

.gallery--product .gallery__slide {
    position: relative;
    overflow: hidden;
}

.gallery--product .gallery__slide img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: center center;
    display: block;
}


/* ==========================================================
   DESIGNBOOK CARDS — Company / "Designbook" row above title
   ========================================================== */

.green-card-content:has(.green-card-meta-row) {
    grid-template-areas:
        "meta  meta"
        "title title";
}

.green-card-meta-row {
    grid-area: meta;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
}

.green-card-company {
    font-size: 20px;
    font-weight: 400;
    /* letter-spacing: .06em; */
    color: #4a4a4a;;
    font-family: 'Code Pro LC';
}

.green-card-designbook {
    font-size: 14px;
    font-weight: 400;
    /* letter-spacing: .06em; */
    /* color: #888; */
     white-space: nowrap; 
    font-family: 'salina';
}


.hero-article-section {
    position: relative;
}

.hero-article-link {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: block;
    color: inherit;
    text-decoration: none;
}

.search-filters__inner {
    display: none !important;
}
.search-filters {
    border-bottom: none !important;
}

.archive.category.category-videos article {
        min-height: 500px;
    }

/* =============================================================
 * Base / vendor styles (compiled)
 * -------------------------------------------------------------
 * This was wp-content/themes/green-magazine/assets/css/style.css before
 * the 2026-10-09 consolidation: a compiled bundle (includes the Slick
 * carousel library plus the theme's own base styles). It was minified
 * (one line, 141KB) with no accessible build source on this box, so it
 * has been de-minified (whitespace only - verified byte-identical to the
 * original once whitespace is stripped back out) rather than rewritten.
 * ============================================================= */

@charset "UTF-8";
.slick-loading .slick-list {
    background:#fff url(ajax-loader.gif) center center no-repeat
}

@font-face {
    font-family:slick;
    src:url(fonts/slick.eot);
    src:url(fonts/slick.eot?#iefix) format("embedded-opentype"),url(fonts/slick.woff) format("woff"),url(fonts/slick.ttf) format("truetype"),url(fonts/slick.svg#slick) format("svg");
    font-weight:400;
    font-style:normal
}

.slick-next,.slick-prev {
    position:absolute;
    display:block;
    height:20px;
    width:20px;
    line-height:0;
    font-size:0;
    cursor:pointer;
    background:0 0;
    color:transparent;
    top:50%;
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    padding:0;
    border:none;
    outline:0
}

.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover {
    outline:0;
    background:0 0;
    color:transparent
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity:1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity:.25
}

.slick-next:before,.slick-prev:before {
    font-family:slick;
    font-size:20px;
    line-height:1;
    color:#fff;
    opacity:.75;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

.slick-prev {
    left:-25px
}

[dir=rtl] .slick-prev {
    left:auto;
    right:-25px
}

.slick-prev:before {
    content:"←"
}

[dir=rtl] .slick-prev:before {
    content:"→"
}

.slick-next {
    right:-25px
}

[dir=rtl] .slick-next {
    left:-25px;
    right:auto
}

.slick-next:before {
    content:"→"
}

[dir=rtl] .slick-next:before {
    content:"←"
}

.slick-dotted.slick-slider {
    margin-bottom:30px
}

.slick-dots {
    position:absolute;
    bottom:-25px;
    list-style:none;
    display:block;
    text-align:center;
    padding:0;
    margin:0;
    width:100%
}

.slick-dots li {
    position:relative;
    display:inline-block;
    height:20px;
    width:20px;
    margin:0 5px;
    padding:0;
    cursor:pointer
}

.slick-dots li button {
    border:0;
    background:0 0;
    display:block;
    height:20px;
    width:20px;
    outline:0;
    line-height:0;
    font-size:0;
    color:transparent;
    padding:5px;
    cursor:pointer
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline:0
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity:1
}

.slick-dots li button:before {
    position:absolute;
    top:0;
    left:0;
    content:"•";
    width:20px;
    height:20px;
    font-family:slick;
    font-size:6px;
    line-height:20px;
    text-align:center;
    color:#000;
    opacity:.25;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

.slick-dots li.slick-active button:before {
    color:#000;
    opacity:.75
}

.triangle--top:before {
    content:"";
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #ddd;
    position:absolute;
    top:-10px;
    right:18px
}

@media only screen and (max-width:1024px) {
    .triangle--top:before {
        display:none
    }

}

.triangle--top:after {
    content:"";
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #fff;
    position:absolute;
    top:-9px;
    left:18px
}

@media only screen and (max-width:1024px) {
    .triangle--top:after {
        display:none
    }

}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block
}

body {
    line-height:1
}

ol,ul {
    list-style:none
}

table {
    border-collapse:collapse;
    border-spacing:0
}

a img,input,select {
    vertical-align:middle
}

html {
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}

img {
    border:0
}

figure {
    margin:0
}

textarea {
    overflow:auto
}

optgroup {
    font-weight:400
}

textarea {
    resize:vertical
}

textarea[contenteditable] {
    -webkit-appearance:none
}

.cf::after,.cf::before {
    content:"";
    display:table
}

.cf::after {
    clear:both
}

.main-content::after,.main-content::before {
    content:"";
    display:table
}

.main-content::after {
    clear:both
}

*,:after,:before {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}

* {
    -webkit-tap-highlight-color:transparent
}

:focus {
    outline:0
}

html {
    overflow-y:scroll
}

body,html {
    width:100%;
    height:100%
}

body,button,input,select,textarea {
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

body {
    font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:21px;
    letter-spacing:.15pt;
    font-weight:400;
    color:#4a4a4a;
    min-height:100%
}

body:after {
    display:none
}

::-moz-selection {
    background:rgba(0,0,0,.05);
    color:#333
}

::selection {
    background:rgba(0,0,0,.05);
    color:#333
}

.notransition {
    -webkit-transition:none!important;
    transition:none!important
}

.alert {
    padding:15px;
    margin-bottom:20px;
    border:1px solid transparent;
    border-radius:4px;
    text-align:center
}

.alert h4 {
    margin-top:0;
    color:inherit
}

.alert .alert-link {
    font-weight:700
}

.alert>p,.alert>ul {
    margin-bottom:0
}

.alert>p+p {
    margin-top:5px
}

.alert-dismissable,.alert-dismissible {
    padding-right:35px
}

.alert-dismissable .close,.alert-dismissible .close {
    position:relative;
    top:-2px;
    right:-21px;
    color:inherit
}

.alert-success {
    background-color:#dff0d8;
    border-color:#d6e9c6;
    color:#3c763d
}

.alert-success hr {
    border-top-color:#c9e2b3
}

.alert-success .alert-link {
    color:#2b542c
}

.alert-info {
    background-color:#d9edf7;
    border-color:#bce8f1;
    color:#31708f
}

.alert-info hr {
    border-top-color:#a6e1ec
}

.alert-info .alert-link {
    color:#245269
}

.alert-warning {
    background-color:#fcf8e3;
    border-color:#faebcc;
    color:#8a6d3b
}

.alert-warning hr {
    border-top-color:#f7e1b5
}

.alert-warning .alert-link {
    color:#66512c
}

.alert-danger {
    background-color:#f2dede;
    border-color:#ebccd1;
    color:#a94442
}

.alert-danger hr {
    border-top-color:#e4b9c0
}

.alert-danger .alert-link {
    color:#843534
}

.fade {
    opacity:0;
    -webkit-transition:opacity .3s ease-in-out;
    transition:opacity .3s ease-in-out
}

.fade.in {
    opacity:1
}

.collapse {
    display:none
}

.collapse.in {
    display:block
}

tr.collapse.in {
    display:table-row
}

tbody.collapse.in {
    display:table-row-group
}

.collapsing {
    position:relative;
    height:0;
    overflow:hidden;
    -webkit-transition-property:height,visibility;
    transition-property:height,visibility;
    -webkit-transition-duration:.35s;
    transition-duration:.35s;
    -webkit-transition-timing-function:ease;
    transition-timing-function:ease
}

.close {
    float:right;
    font-size:21px;
    font-weight:700;
    line-height:1;
    color:#000;
    text-shadow:0 1px 0 #fff;
    opacity:.2;
    filter:alpha(opacity=20)
}

.close:focus,.close:hover {
    color:#000;
    text-decoration:none;
    cursor:pointer;
    opacity:.5;
    filter:alpha(opacity=50)
}

button.close {
    padding:0;
    cursor:pointer;
    background:0 0;
    border:0;
    -webkit-appearance:none
}

.modal-open {
    overflow:hidden;
    padding:0!important
}

.modal {
    display:none;
    overflow:hidden;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1050;
    -webkit-overflow-scrolling:touch;
    outline:0;
    padding:0!important
}

.modal-open .modal {
    overflow-x:hidden;
    overflow-y:auto
}

.modal-dialog {
    display:table;
    height:100%;
    width:100%
}

.modal-content {
    display:table-cell;
    vertical-align:middle
}

.modal-body {
    position:relative;
    width:735px;
    background:#fff;
    margin:30px auto;
    border-radius:3px;
    -webkit-box-shadow:2px 0 5px 2px rgba(0,0,0,.1);
    box-shadow:2px 0 5px 2px rgba(0,0,0,.1)
}

@media only screen and (max-width:1024px) {
    .modal-body {
        width:92%;
        max-width:768px
    }

}

.modal-backdrop {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:0!important;
    z-index:1040
}

body.modal-open .modal-overlay {
    opacity:.5;
    visibility:visible
}

.modal-overlay {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:0;
    visibility:hidden;
    z-index:80;
    background-color:#000;
    -webkit-transition:all 250ms ease-in-out;
    transition:all 250ms ease-in-out
}

.modal-scrollbar-measure {
    position:absolute;
    top:-9999px;
    width:50px;
    height:50px;
    overflow:scroll
}

.tooltip {
    position:absolute;
    z-index:2;
    display:block;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style:normal;
    font-weight:400;
    letter-spacing:normal;
    line-break:auto;
    line-height:1.428571429;
    text-align:left;
    text-align:start;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    white-space:normal;
    word-break:normal;
    word-spacing:normal;
    word-wrap:normal;
    font-size:12px;
    opacity:0;
    filter:alpha(opacity=0)
}

.tooltip.in {
    opacity:.9;
    filter:alpha(opacity=90)
}

.tooltip.left {
    margin-left:-3px;
    padding:0 5px
}

.tooltip-inner {
    max-width:200px;
    padding:3px 8px;
    color:#4a4a4a;
    text-align:center;
    border:none;
    background-color:#F8F8F8;
    border-radius:4px
}

.tooltip-arrow {
    position:absolute;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid
}

.tooltip.left .tooltip-arrow {
    top:50%;
    right:0;
    margin-top:-5px;
    border-width:5px 0 5px 5px;
    border-left-color:#F8F8F8
}

body.loading * {
    cursor:wait!important
}

.disable,.disable>* {
    cursor:wait;
    pointer-events:none
}

a,a:active,a:focus,a:visited {
    color:#4a4a4a;
    text-decoration:none;
    outline:0;
    -webkit-tap-highlight-color:transparent
}

a {
    -webkit-transition:opacity 80ms ease-in-out;
    transition:opacity 80ms ease-in-out
}

a:hover {
    text-decoration:none;
    opacity:.8
}

img,object,video {
    max-width:100%
}

img {
    vertical-align:middle;
    height:auto
}

.col img {
    width:100%;
    height:auto
}

.asset-holder {
    width:100%;
    min-width:100%;
    max-width:100%;
    position:relative;
    display:block;
    visibility:hidden
}

.asset-holder.loaded {
    visibility:visible;
    background:#f7f7f7
}

.asset-holder img {
    width:100%;
    height:0;
    opacity:0;
    display:block;
    -webkit-transition:opacity .3s ease-in-out;
    transition:opacity .3s ease-in-out
}

html.no-js .asset-holder {
    visibility:visible
}

html.no-js .asset-holder img {
    opacity:1;
    height:auto
}

.fade-in,img.fade-in {
    opacity:1!important
}

.asset-loader {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-8px;
    height:16px;
    width:16px;
    font-size:16px;
    background:#00f;
    border-radius:8px
}

.col {
    float:left;
    overflow:hidden;
    position:relative
}

.col-inner {
    margin:32px
}

@media only screen and (max-width:1024px) {
    .col-inner {
        margin:12px
    }

}

@media only screen and (max-width:640px) {
    .col-inner {
        margin:8px
    }

}

.col-inner-hori {
    margin:0 32px
}

@media only screen and (max-width:1024px) {
    .col-inner-hori {
        margin:0 12px
    }

}

@media only screen and (max-width:640px) {
    .col-inner-hori {
        margin:0 8px
    }

}

.col-inner-vert {
    margin:32px 0;
    float:left
}

@media only screen and (max-width:1024px) {
    .col-inner-vert {
        margin:12px 0
    }

}

@media only screen and (max-width:640px) {
    .col-inner-vert {
        margin:8px 0
    }

}

.left {
    float:left
}

.right {
    float:right
}

.align-left {
    text-align:left
}

.align-right {
    text-align:right
}

.align-center {
    text-align:center
}

.block {
    display:block
}

.hide {
    display:none
}

.show {
    display:block
}

.mobile-hide {
    display:block
}

@media only screen and (max-width:640px) {
    .mobile-hide {
        display:none
    }

}

.mobile-show {
    display:none
}

@media only screen and (max-width:640px) {
    .mobile-show {
        display:block
    }

}

.tablet-hide {
    display:block
}

@media only screen and (max-width:1024px) {
    .tablet-hide {
        display:none
    }

}

@media only screen and (max-width:640px) {
    .tablet-hide {
        display:block
    }

}

.tablet-show {
    display:none
}

@media only screen and (max-width:1024px) {
    .tablet-show {
        display:block
    }

}

@media only screen and (max-width:640px) {
    .tablet-show {
        display:none
    }

}

.desktop-hide {
    display:none
}

@media only screen and (max-width:1024px) {
    .desktop-hide {
        display:block
    }

}

.desktop-show {
    display:block
}

@media only screen and (max-width:1024px) {
    .desktop-show {
        display:none
    }

}

.col-10 {
    width:10%
}

.col-12 {
    width:12.5%
}

.col-16 {
    width:16.6%
}

.col-20 {
    width:20%
}

.col-25 {
    width:25%
}

.col-33 {
    width:33.33334%
}

.col-50 {
    width:50%
}

.col-60 {
    width:60%
}

.col-66 {
    width:66.6%
}

.col-75 {
    width:75%
}

.col-90 {
    width:90%
}

.col-100 {
    width:100%
}

@media only screen and (max-width:640px) {
    .col-50 {
        width:100%
    }

    .mobile-col-50 {
        width:50%
    }

    .mobile-col-25 {
        width:50%
    }

}

.p-left-2 {
    margin-left:2%
}

.p-left-5 {
    margin-left:5%
}

.p-left-10 {
    margin-left:10%
}

.p-left-16 {
    margin-left:16.6%
}

.p-left-20 {
    margin-left:20%
}

.p-left-25 {
    margin-left:25%
}

.p-left-33 {
    margin-left:33.33334%
}

.p-left-50 {
    margin-left:50%
}

.p-left-60 {
    margin-left:60%
}

.p-left-66 {
    margin-left:66.6%
}

.p-left-75 {
    margin-left:75%
}

.p-left-90 {
    margin-left:90%
}

.p-right-2 {
    margin-right:2%
}

.p-right-5 {
    margin-right:5%
}

.p-right-10 {
    margin-right:10%
}

.p-right-16 {
    margin-right:16.6%
}

.p-right-20 {
    margin-right:20%
}

.p-right-25 {
    margin-right:25%
}

.p-right-33 {
    margin-right:33.33334%
}

.p-right-50 {
    margin-right:50%
}

.p-right-60 {
    margin-right:60%
}

.p-right-66 {
    margin-right:66.6%
}

.p-right-75 {
    margin-right:75%
}

.p-right-90 {
    margin-right:90%
}

.divide-bottom-sm {
    margin-bottom:64px
}

@media only screen and (max-width:1024px) {
    .divide-bottom-sm {
        margin-bottom:24px
    }

}

@media only screen and (max-width:640px) {
    .divide-bottom-sm {
        margin-bottom:16px
    }

}

.divide-bottom-med {
    margin-bottom:96px
}

@media only screen and (max-width:1024px) {
    .divide-bottom-med {
        margin-bottom:36px
    }

}

@media only screen and (max-width:640px) {
    .divide-bottom-med {
        margin-bottom:24px
    }

}

.divide-bottom-lg {
    margin-bottom:128px
}

@media only screen and (max-width:1024px) {
    .divide-bottom-lg {
        margin-bottom:48px
    }

}

@media only screen and (max-width:640px) {
    .divide-bottom-lg {
        margin-bottom:32px
    }

}

.divide-top-sm {
    margin-top:64px
}

@media only screen and (max-width:1024px) {
    .divide-top-sm {
        margin-top:24px
    }

}

@media only screen and (max-width:640px) {
    .divide-top-sm {
        margin-top:16px
    }

}

.divide-top-med {
    margin-top:96px
}

@media only screen and (max-width:1024px) {
    .divide-top-med {
        margin-top:36px
    }

}

@media only screen and (max-width:640px) {
    .divide-top-med {
        margin-top:24px
    }

}

.divide-top-lg {
    margin-top:128px
}

@media only screen and (max-width:1024px) {
    .divide-top-lg {
        margin-top:48px
    }

}

@media only screen and (max-width:640px) {
    .divide-top-lg {
        margin-top:16px
    }

}

button,input,optgroup,option,select,textarea {
    font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size:14px;
    border-radius:0;
    outline:0
}

button,input,textarea {
    -webkit-appearance:none
}

ul.gfield_checkbox li input[type=checkbox] {
    -webkit-appearance:checkbox
}

.gfield_contains_required .ginput_container.ginput_complex span:after,.gfield_contains_required .ginput_container:after {
    display:block;
    content:"*";
    color:#FF867F;
    position:absolute;
    top:6px;
    right:8px;
    font-size:18px
}

.gfield_contains_required .ginput_container {
    display:block;
    position:relative
}

.gfield_contains_required .ginput_container.ginput_complex:after {
    content:none
}

.gfield_contains_required .ginput_container.ginput_complex span {
    position:relative
}

select:-moz-focusring {
    color:transparent;
    text-shadow:0 0 0 #4a4a4a
}

button,input[type=submit] {
    cursor:pointer
}

.btn {
    display:inline-block;
    margin-bottom:0;
    font-weight:400;
    text-align:center;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    background-image:none;
    border:1px solid transparent;
    white-space:nowrap;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}

.btn.focus,.btn:focus,.btn:hover {
    text-decoration:none
}

.btn.active,.btn:active {
    outline:0;
    background-image:none
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    cursor:not-allowed;
    opacity:.65;
    filter:alpha(opacity=65);
    -webkit-box-shadow:none;
    box-shadow:none
}

a.btn.disabled,fieldset[disabled] a.btn {
    pointer-events:none
}

.search-field {
    border:none
}

div.gform_wrapper ul.gform_fields li.gfield {
    padding-right:0
}

.gfield_contains_required .ginput_container.ginput_complex span:after {
    right:23px
}

@media only screen and (max-width:640px) {
    .gfield_contains_required .ginput_container.ginput_complex span:after {
        right:8px
    }

}

@font-face {
    font-family:Icons;
    src:url(../fonts/icomoon.eot);
    src:url(../fonts/icomoon.eot);
    src:url(../fonts/icomoon.eot#iefix) format("embedded-opentype"),url(../fonts/icomoon.woff) format("woff"),url(../fonts/icomoon.ttf) format("truetype"),url(../fonts/icomoon.svg) format("svg");
    font-weight:400;
    font-style:normal
}

[class*=" icon-"],[class^=icon-] {
    font-family:Icons;
    display:inline-block;
    vertical-align:top;
    line-height:1;
    font-weight:400;
    font-style:normal;
    speak:none;
    text-decoration:inherit;
    text-transform:none;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

.icon-link {
    margin-left:10px;
    float:left
}

.icon-link:first-child {
    margin-left:0
}

.icon-link:hover {
    text-decoration:none!important
}

.glyph-icon,.glyphicon {
    display:inline-block;
    float:left;
    font-family:Icons;
    font-size:18px;
    line-height:1;
    color:#4a4a4a
}

.glyph-icon:before {
    margin-left:0
}

.icon-ArrowDown:before {
    content:"\e600"
}

.icon-ArrowLeft:before {
    content:"\e601"
}

.icon-ArrowRight:before {
    content:"\e602"
}

.icon-ArrowUp:before {
    content:"\e603"
}

.icon-Close:before {
    content:"\e604"
}

.icon-Download:before {
    content:"\e605"
}

.icon-Facebook:before {
    content:"\e606"
}

.icon-Instagram:before {
    content:"\e607"
}

.icon-Location:before {
    content:"\e608"
}

.icon-Mail:before {
    content:"\e609"
}

.icon-NewWindow:before {
    content:"\e60a"
}

.icon-Phone:before {
    content:"\e60b"
}

.icon-Pinterest:before {
    content:"\e60c"
}

.glyphicon-plus:before,.icon-Plus:before {
    content:"\e60d"
}

.icon-Search:before {
    content:"\e60e"
}

.icon-Star:before {
    content:"\e60f"
}

.icon-Tick:before {
    content:"\e610"
}

.icon-Twitter:before {
    content:"\e611"
}

.glyphicon-user:before,.icon-User:before {
    content:"\e612"
}

.icon-Gear:before {
    content:"\e613"
}

.glyphicon-time:before,.icon-time:before {
    content:"\e614"
}

.glyphicon-share:before,.icon-share:before {
    content:"\e615"
}

.glyphicon-delete:before,.icon-delete:before {
    content:"\e616"
}

.glyphicon-comment:before,.icon-comment:before {
    content:"\e617"
}

.glyphicon-comment_alt:before,.icon-comment_alt:before {
    content:"\e618"
}

.glyphicon-book:before,.icon-book:before {
    content:"\e619"
}

.glyphicon-profile:before,.icon-profile:before {
    content:"\e901"
}

.glyphicon-newspaper:before,.icon-newspaper:before {
    content:"\e900"
}

.glyphicon-treadlie:before,.icon-treadlie:before {
    content:"\e902"
}

.bold,b,strong {
    font-weight:700
}

.italic,em,italic {
    font-style:italic
}

.uline {
    text-decoration:underline
}

.ucase {
    text-transform:uppercase
}

.lcase {
    text-transform:lowercase
}

h1,h2,h3,h4,h5,h6 {
    font-weight:400
}

sub,sup {
    line-height:1!important
}

sup {
    vertical-align:super
}

sub {
    vertical-align:sub
}

.c-yellow,a.c-yellow {
    color:#F5A623
}

.c-red,a.c-red {
    color:#992C29
}

.c-blue,a.c-blue {
    color:#4A90E2
}

.c-purple,a.c-purple {
    color:#41415F
}

.c-green,a.c-green {
    color:#3F6F58
}

.c-grey,a.c-grey {
    color:#786E63
}

.c-pink,a.c-pink {
    color:#E2848A
}

.c-gold,a.c-gold {
    color:#D6C064
}

.c-teal,a.c-teal {
    color:#5B91A9
}

.c-brown,a.c-brown {
    color:#B15818
}

.small {
    font-size:13px;
    line-height:19px
}

p {
    font-size:14px;
    line-height:21px
}

h4 {
    font-size:14px;
    line-height:20px
}

h3 {
    font-size:18px;
    line-height:26px
}

h2 {
    font-size:21px;
    line-height:28px
}

h1 {
    font-size:32px;
    line-height:42px
}

p {
    margin-bottom:14px
}

p:first-child {
    margin-bottom:14px
}

p:last-child {
    margin-bottom:0
}

.box--border,.panel--ui {
    border:1px solid #ededed;
    border-radius:3px
}

.box--padding-base {
    padding:0 32px 32px 32px
}

.box--padding-base-hori {
    padding:0 32px
}

.box--padding-small,.panel--ui {
    padding:16px
}

.main-content-stream .panel--spacing-thumbs {
    padding:32px 20px 0 20px
}

.box--background,.panel--ui {
    background:#fff
}

.clearfix:after,.clearfix:before {
    content:" ";
    display:table
}

.clearfix:after {
    clear:both
}

.panel {
    float:left;
    position:relative;
    width:100%
}

.m-left-base {
    margin-left:16px
}

.m-left-base-2x {
    margin-left:32px
}

.m-right-base {
    margin-right:16px
}

.m-right-base-2x {
    margin-right:32px
}

.m-top-small {
    margin-top:8px
}

.m-top-base {
    margin-top:16px
}

.m-top-base-2x {
    margin-top:32px
}

.m-bottom-base {
    margin-bottom:16px
}

.m-bottom-base-2x {
    margin-bottom:32px
}

@media only screen and (max-width:640px) {
    .archive .breadcrumb__list {
        position:absolute;
        z-index:1;
        border-bottom:none
    }

    .archive .breadcrumb__list li a {
        color:#fff
    }

}

@media only screen and (max-width:640px) {
    .archive.author .breadcrumb__list,.archive.category .breadcrumb__list {
        position:static;
        border-bottom:1px solid #ededed
    }

}

.archive.author .breadcrumb__list li a,.archive.category .breadcrumb__list li a {
    color:#B9B9B9
}

@media only screen and (max-width:640px) {
    .archive.category .breadcrumb__list {
        display:none
    }

}

.breadcrumb__list {
    width:100%;
    float:left;
    border-bottom:1px solid #ededed
}

@media only screen and (max-width:640px) {
    .breadcrumb__list {
        font-size:10px;
        background:0 0;
        margin-bottom:4px
    }

}

.breadcrumb__list * {
    line-height:20px
}

.breadcrumb__list li {
    float:left;
    display:inline-block;
    color:#B9B9B9
}

.breadcrumb__list li:before {
    content:"\e602";
    font-family:Icons;
    display:inline-block;
    float:left;
    font-size:18px;
    color:#ddd;
    font-weight:400;
    margin:0 8px
}

@media only screen and (max-width:640px) {
    .breadcrumb__list li:before {
        margin:0 2px;
        font-size:14px
    }

}

.breadcrumb__list li:first-child:before {
    display:none;
    content:""
}

@media only screen and (max-width:640px) {
    .breadcrumb__list li:nth-child(4) {
        display:none
    }

}

.breadcrumb__list a {
    color:#B9B9B9;
    display:inline-block;
    float:left
}

.search-filters {
    border-bottom:1px solid #ededed
}

.search-filters__inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}

@media only screen and (max-width:640px) {
    .search-filters__inner {
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }

}

.search-filters__heading {
    font-size:1em;
    line-height:1.5
}

@media only screen and (max-width:640px) {
    .search-filters__heading {
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto
    }

}

.search-filters__list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-flex:1;
    -ms-flex:1 0 auto;
    flex:1 0 auto
}

@media only screen and (max-width:640px) {
    .search-filters__list {
        display:none
    }

}

.search-filters__list li {
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    text-transform:lowercase
}

.search-filters__list a,.search-filters__list span {
    display:block;
    margin:0 1em
}

.search-filters__list a {
    color:#F5A623
}

.search-filters__list span {
    color:#B9B9B9;
    font-weight:700
}

.search-filters__dropdown-wrap {
    display:none;
    -webkit-box-flex:1;
    -ms-flex:1 0 auto;
    flex:1 0 auto
}

@media only screen and (max-width:640px) {
    .search-filters__dropdown-wrap {
        display:block
    }

}

.search-filters__dropdown-wrap .select-wrap {
    margin-left:20px;
    width:calc(100% - 20px)
}

.search-filters__dropdown-wrap .select-wrap::after {
    right:10px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}

#search-filters__dropdown {
    border-radius:3px;
    border:1px solid #CCC;
    font-size:1em;
    padding:5px
}

.single-title {
    float:left;
    width:100%;
    padding:0 32px
}

@media only screen and (max-width:640px) {
    .single-title {
        padding:0 16px
    }

}

.single-title h1 {
    text-align:center;
    font-family:Helvetica Neue,NeuzeitGro-Reg,Helvetica Neue,Helvetica,Arial,sans-serif;
    -ms-hyphens:auto;
    hyphens:auto;
    margin-bottom:0
}

@media only screen and (max-width:640px) {
    .single-title h1 {
        font-size:21px;
        line-height:28px;
        text-align:left;
        display:inline
    }

}

.single-title h1 sub,.single-title h1 sup {
    font-size:11px!important
}

.add-bttn {
    background:#F5A623;
    display:block;
    float:left
}

.add-bttn:before {
    content:"\e60d";
    font-family:Icons;
    display:block;
    color:#fff;
    font-weight:400;
    text-align:center
}

.add-bttn:hover {
    opacity:1
}

.add-bttn.designbooks-added {
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}

.add-bttn.designbooks-added:before {
    content:"\e618"!important;
    font-family:Icons;
    display:block;
    color:#fff;
    font-weight:400;
    text-align:center
}

.add-bttn--large {
    width:52px;
    line-height:52px;
    height:52px
}

.add-bttn--large:before {
    font-size:21px
}

.add-bttn--base {
    width:30px;
    line-height:30px;
    height:30px
}

.add-bttn--base:before {
    font-size:21px
}

.add-bttn--db {
    position:absolute;
    top:0;
    right:0;
    z-index:1
}

.add-bttn--thumb {
    position:absolute;
    bottom:0;
    right:0;
    z-index:1;
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0);
    will-change:transform;
    -webkit-transition:-webkit-transform 150ms ease-in-out;
    transition:-webkit-transform 150ms ease-in-out;
    transition:transform 150ms ease-in-out;
    transition:transform 150ms ease-in-out,-webkit-transform 150ms ease-in-out
}

@media only screen and (max-width:1024px) {
    .add-bttn--thumb {
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }

}

.delete-bttn {
    background:#FF867F;
    display:none;
    float:left
}

.delete-bttn:before {
    content:"\e60d";
    font-family:Icons;
    display:block;
    color:#fff;
    font-weight:400;
    text-align:center
}

.delete-bttn:hover {
    opacity:1
}

.delete-bttn.designbooks-delete {
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}

.delete-bttn.designbooks-delete:before {
    content:"\e604"!important;
    font-family:Icons;
    display:block;
    color:#fff;
    font-weight:400;
    text-align:center
}

.delete-bttn--large {
    width:52px;
    line-height:52px;
    height:52px
}

.delete-bttn--large:before {
    font-size:21px
}

.delete-bttn--base {
    width:30px;
    line-height:30px;
    height:30px
}

.delete-bttn--base:before {
    font-size:21px
}

.delete-bttn--db {
    position:absolute;
    top:0;
    right:53px;
    z-index:1
}

.delete-bttn--thumb {
    position:absolute;
    bottom:0;
    left:0;
    z-index:1;
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0);
    will-change:transform;
    -webkit-transition:-webkit-transform 150ms ease-in-out;
    transition:-webkit-transform 150ms ease-in-out;
    transition:transform 150ms ease-in-out;
    transition:transform 150ms ease-in-out,-webkit-transform 150ms ease-in-out
}

@media only screen and (max-width:1024px) {
    .delete-bttn--thumb {
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }

}

.designbooks-delete {
    display:block
}

.btn {
    width:100%;
    padding:16px 24px;
    border-radius:3px;
    border:none
}

.btn-primary {
    background:#F5A623
}

.text-block {
    width:100%;
    font-size:15px;
    line-height:30px;
    font-family:Georgia,Times,sans-serif
}

@media only screen and (max-width:640px) {
    .text-block {
        padding:0 16px
    }

}

.text-block a {
    word-break:break-word;
    -ms-hyphens:auto;
    hyphens:auto
}

.text-block img {
    width:100%
}

.text-block ul {
    list-style:disc
}

.text-block ul li {
    list-style-position:outside;
    margin-left:1em
}

.text-block p {
    line-height:30px
}

@media only screen and (max-width:640px) {
    .text-block p {
        line-height:1.75
    }

}

.text-block p sub,.text-block p sup {
    font-size:11px!important;
    line-height:1!important
}

.text-block p sup {
    vertical-align:super
}

.text-block p sub {
    vertical-align:sub
}

.text-block blockquote {
    margin:16px 0;
    padding:16px;
    background:#f9f9f9;
    quotes:"“" "”" "‘" "’";
    border:1px solid #ededed
}

.text-block blockquote:before {
    color:#ccc;
    content:open-quote;
    font-size:4em;
    line-height:.1em;
    margin-right:.25em;
    vertical-align:-.4em
}

.text-block blockquote p {
    display:inline;
    font-size:17px!important
}

.text-block :not(input) {
    font-size:15px;
    font-family:Georgia,Times,sans-serif;
    color:#4a4a4a
}

@media only screen and (max-width:640px) {
    .text-block :not(input) {
        word-wrap:break-word;
        text-align:left
    }

}

.text-block--product,.text-block--service,.text-block--tip {
    margin-bottom:32px
}

.text-block--product a,.text-block--service a,.text-block--tip a {
    color:#212121!important;
    text-decoration:underline
}

.text-block--product *,.text-block--product p,.text-block--service *,.text-block--service p,.text-block--tip *,.text-block--tip p {
    font-size:15px!important
}

.text-block--service {
    margin-bottom:32px
}

.text-block--post [style~="color:"] {
    color:#4a4a4a!important
}

.text-block--post a {
    color:#4A90E2!important
}

.video-block {
    width:100%
}

@media only screen and (max-width:640px) {
    .video-block {
        padding:0 16px
    }

}

@media only screen and (max-width:640px) {
    .author .video-block {
        padding:0
    }

}

.video-caption {
    color:#B9B9B9;
    font-weight:700;
    margin-top:21px
}

@media only screen and (max-width:640px) {
    .video-caption {
        padding:0;
        font-size:11px;
        font-weight:400;
        line-height:1.8
    }

}

.video-caption:before {
    content:"Video";
    display:inline-block;
    margin-right:16px;
    color:#ddd
}

@media only screen and (max-width:640px) {
    .video-caption:before {
        display:none
    }

}

.fluid-width-video-wrapper {
    margin-top:16px
}

.main-content-stream>.fluid-width-video-wrapper {
    margin:0 0 32px
}

.more-posts {
    width:100%;
    border-top:1px solid #ededed
}

@media only screen and (max-width:640px) {
    .more-posts {
        border-top:none
    }

}

.thumbs__title {
    font-family:Helvetica Neue,NeuzeitGro-Bol,Helvetica Neue,Helvetica,Arial,sans-serif;
    padding:0 12px;
    margin-bottom:16px
}

@media only screen and (max-width:640px) {
    .thumbs__title {
        padding:0
    }

}

@media only screen and (max-width:640px) {
    .thumbs__title h3 {
        font-size:15px
    }

}

.thumb-block {
    margin-bottom:32px
}

@media only screen and (max-width:640px) {
    .thumb-block {
        background:#fff;
        margin-bottom:8px
    }

}

@media only screen and (max-width:640px) {
    .thumb-block.col-33 {
        width:100%
    }

}

.thumb-block.col-33:nth-of-type(n) {
    clear:none
}

.thumb-block.col-33:nth-of-type(3n+1) {
    clear:both
}

.thumb-block.col-50:nth-of-type(n) {
    clear:none
}

.thumb-block.col-50:nth-of-type(2n+1) {
    clear:both
}

@media only screen and (max-width:640px) {
    .thumb-block.col-100__image {
        width:100%
    }

}

.thumb-block__inner {
    margin:0 12px
}

@media only screen and (max-width:640px) {
    .thumb-block__inner {
        margin:0
    }

}

.thumb-block__image {
    position:relative;
    overflow:hidden;
    border:1px solid #ededed
}

@media only screen and (max-width:640px) {
    .thumb-block__image {
        border:none;
        width:40%;
        float:left
    }

}

.thumb-block__image a {
    opacity:1
}

.thumb-block__image:hover .add-bttn--thumb {
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}

.thumb-block__image:hover .view-post {
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}

@media only screen and (max-width:640px) {
    .thumb-block__meta {
        float:left;
        width:60%;
        padding:12px;
        margin:0!important
    }

}

@media only screen and (max-width:640px) {
    .thumb-block__meta.col-50 {
        width:60%
    }

}

@media only screen and (max-width:640px) {
    .thumb-block__meta.col-50 .article-excerpt {
        display:none
    }

}

.thumb-block__meta .article-excerpt {
    margin-top:5px;
    font-style:normal!important
}

.thumb-block__meta .article-excerpt * {
    font-style:inherit;
    font-family:Georgia,Times,sans-serif;
    text-align:left!important;
    font-size:13px!important;
    line-height:1.8!important
}

.thumb-block__meta sub,.thumb-block__meta sup {
    font-size:8px!important
}

@media only screen and (max-width:640px) {
    .thumb-block__meta h4 {
        font-size:13px;
        line-height:1.35
    }

}

a.thumb-author {
    color:#B9B9B9
}

@media only screen and (max-width:640px) {
    a.thumb-author {
        line-height:1.35;
        float:left;
        width:100%;
        margin-top:0
    }

}

@media only screen and (max-width:640px) {
    .view-post {
        display:none
    }

}

.thumbs__more-link-wrap {
    margin:10px 0 30px;
    text-align:center
}

@media only screen and (max-width:640px) {
    .thumbs__more-link-wrap {
        float:left;
        margin-bottom:0;
        width:100%
    }

}

.thumb-large {
    padding:0 12px;
    margin-bottom:24px
}

.thumb-large .thumb-block__meta {
    margin-top:24px
}

.featured-divide {
    width:100%;
    float:left;
    padding:0 12px
}

.featured-divide div {
    height:1px;
    background-color:#ededed;
    width:100%;
    margin-bottom:32px
}

.thumb-block.type-post.col-100 .thumb-block__image,.thumb-block.type-post_article.col-100 .thumb-block__image {
    width:46%;
    margin-right:4%;
    float:left
}

@media only screen and (max-width:640px) {
    .thumb-block.type-post.col-100 .thumb-block__image,.thumb-block.type-post_article.col-100 .thumb-block__image {
        width:40%;
        margin-right:0
    }

}

.thumb-block.type-supplier .thumb-block__image a span {
    width:100%;
    height:100px;
    display:block;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat
}

.view-post {
    position:absolute;
    bottom:0;
    left:0;
    padding:6px 12px;
    -webkit-transition:all 250ms ease-in-out;
    transition:all 250ms ease-in-out;
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0);
    background:#fff;
    color:#4A90E2
}

.article-excerpt {
    width:100%
}

.update-meta {
    font-size:13px;
    width:100%;
    float:left;
    margin-bottom:16px;
    color:#B9B9B9
}

@media only screen and (max-width:640px) {
    .update-meta {
        margin-bottom:0
    }

}

.update-meta a {
    color:#B9B9B9
}

.update-category,.update-date {
    float:left
}

.update-category {
    margin-right:4px
}

.post-categories li {
    display:inline-block
}

.image-section-title {
    background-image:url(../images/bg/bg-page-all.jpg);
    background-position:50%;
    background-size:cover;
    min-height:165px;
    padding:32px 32px 16px;
    position:relative
}

.image-section-title::before {
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.3)));
    background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.3));
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0
}

@media only screen and (max-width:640px) {
    .image-section-title {
        min-height:auto;
        padding:16px
    }

}

.image-section-title div {
    color:#fff;
    font-size:28pt;
    font-family:NeuzeitGro-Bol,Helvetica Neue,Helvetica,Arial,sans-serif;
    letter-spacing:-.2pt;
    position:absolute;
    bottom:16px;
    left:32px;
    right:32px;
    z-index:1
}

@media only screen and (max-width:640px) {
    .image-section-title div {
        font-size:21px;
        margin-top:76.8px;
        position:relative;
        bottom:auto;
        left:auto;
        right:auto
    }

}

.image-section-title p {
    font-size:.5em;
    font-family:NeuzeitGro-Reg,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight:400;
    line-height:1.2;
    margin:.5em 0 0
}

body[data-body=products] .image-section-title {
    background-image:url(../images/bg/bg-products.jpg);
    background-position:50% 100%
}

body.tax-category_service .image-section-title,body[data-body=services] .image-section-title {
    background-image:url(../images/bg/bg-services.png);
    background-position:50% 100%
}

body.tax-category_article .image-section-title,body[data-body=articles] .image-section-title {
    background-image:url(../images/bg/bg-articles.jpg);
    background-position:50% 100%
}

body[data-body=coastal] .image-section-title {
    background-image:url(../images/bg/bg-coastal.jpg)!important;
    background-position:50% 100%
}

body[data-body=regional] .image-section-title {
    background-image:url(../images/bg/bg-regional.jpg)!important;
    background-position:50% 100%
}

body[data-body=urban] .image-section-title {
    background-image:url(../images/bg/bg-urban.jpg)!important;
    background-position:50% 100%
}

body[data-body=features] .image-section-title {
    background-image:url(../images/bg/bg-features.jpg)!important;
    background-position:top left
}

body[data-body=flooring] .image-section-title {
    background-image:url(../images/bg/bg-flooring.jpg)!important;
    background-position:50% 100%
}

body[data-body=lighting] .image-section-title {
    background-image:url(../images/bg/bg-lighting.jpg)!important;
    background-position:center center
}

body[data-body=building-products] .image-section-title {
    background-image:url(../images/bg/bg-building-materials.jpg)!important;
    background-position:50% 100%
}

body[data-body=kitchen] .image-section-title {
    background-image:url(../images/bg/bg-kitchens.jpg)!important;
    background-position:50% 100%
}

body[data-body=solar] .image-section-title {
    background-image:url(../images/bg/bg-solar.jpg)!important;
    background-position:top left
}

body[data-body=paints-finishes] .image-section-title {
    background-image:url(../images/bg/bg-paints-and-finishes.jpg)!important;
    background-position:50% 100%
}

body[data-body=heating-cooling] .image-section-title {
    background-image:url(../images/bg/bg-heating-and-cooling.jpg)!important;
    background-position:50% 100%
}

body[data-body=windows-doors] .image-section-title {
    background-image:url(../images/bg/bg-doors-and-windows.jpg)!important;
    background-position:50% 100%
}

body[data-body=furniture] .image-section-title {
    background-image:url(../images/bg/bg-furniture.jpg)!important;
    background-position:right top
}

body[data-body=bathroom] .image-section-title {
    background-image:url(../images/bg/bg-bathroom-2.jpg)!important;
    background-position:50% 100%
}

body[data-body=smart-technology] .image-section-title {
    background-image:url(../images/bg/bg-smart-tech.jpg)!important;
    background-position:50% 100%
}

body[data-body=prefab-modular] .image-section-title {
    background-image:url(../images/bg/bg-prefab.jpg)!important;
    background-position:50% 100%
}

body[data-body=outdoors] .image-section-title {
    background-image:url(../images/bg/bg-outdoors.jpg)!important;
    background-position:50% 100%
}

body[data-body=builders] .image-section-title,body[data-body=building-designers] .image-section-title {
    background-image:url(../images/bg/bg-builders.jpg)!important;
    background-position:right top
}

body[data-body=electricians] .image-section-title {
    background-image:url(../images/bg/bg-electricians.jpg)!important;
    background-position:center 100%
}

body[data-body=architects] .image-section-title,body[data-body=interior-designers] .image-section-title,body[data-body=landscape-architects] .image-section-title {
    background-image:url(../images/bg/bg-architects.jpg)!important;
    background-position:right top
}

body[data-body=engineers] .image-section-title {
    background-image:url(../images/bg/bg-engineers.jpg)!important;
    background-position:right top
}

body[data-body=plumbers] .image-section-title {
    background-image:url(../images/bg/bg-plumbers.jpg)!important;
    background-position:right top
}

body[data-body=joinery] .image-section-title {
    background-image:url(../images/bg/bg-joinery.jpg)!important;
    background-position:right top
}

body[data-body=esd-consultants] .image-section-title {
    background-image:url(../images/bg/bg-esd.jpg)!important;
    background-position:right top
}

body.blog .image-section-title,body.category .image-section-title {
    background-image:none;
    background-color:#fff;
    border-bottom:1px solid #ededed;
    min-height:auto;
    padding:32px
}

@media only screen and (max-width:640px) {
    body.blog .image-section-title,body.category .image-section-title {
        padding:16px
    }

}

body.blog .image-section-title::before,body.category .image-section-title::before {
    content:none
}

body.blog .image-section-title div,body.category .image-section-title div {
    background:0 0;
    color:#4a4a4a;
    font-weight:400;
    margin-top:0;
    position:relative;
    bottom:auto;
    left:auto;
    right:auto
}

.designbook-section-title {
    background-image:url(../images/bg/bg-designbook-2.jpg);
    background-size:cover;
    background-position:50%
}

@media only screen and (max-width:640px) {
    .designbook-section-title {
        background-position:right bottom
    }

}

.designbook-section-title div {
    padding:32px 32px 32px 32px;
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.35)));
    background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.35))
}

.designbook-section-title div h1 {
    color:#F5A623;
    font-size:38pt;
    font-family:NeuzeitGro-Bol,Helvetica Neue,Helvetica,Arial,sans-serif;
    letter-spacing:-1pt
}

@media only screen and (max-width:640px) {
    .designbook-section-title div h1 {
        font-size:34px
    }

}

.designbook-section-title div h3 {
    margin-top:16px;
    color:#fff;
    padding-right:20%
}

@media only screen and (max-width:1228px) {
    .designbook-section-title div h3 {
        padding-right:0;
        font-size:16px
    }

}

@media only screen and (max-width:640px) {
    .designbook-section-title div h3 {
        font-size:13px;
        line-height:21px
    }

}

@media only screen and (max-width:640px) {
    .designbook-section-title div {
        padding:16px;
        margin-top:0
    }

}

.button {
    display:block;
    border-radius:7px;
    padding:16px 26px
}

@media only screen and (max-width:640px) {
    .button {
        padding:12px 24px
    }

}

.button--sign-up {
    margin-top:32px;
    font-weight:700;
    background-color:#F5A623;
    color:#fff
}

@media only screen and (max-width:640px) {
    .button--sign-up {
        margin-top:22px
    }

}

.button--sign-up:active,.button--sign-up:visited {
    color:#fff
}

.button--sign-up:hover {
    opacity:1
}

.login-account-toggle {
    cursor:pointer
}

@media only screen and (max-width:640px) {
    body.logged-in .designbook-section-title {
        background-position:20% center;
        background-size:600px auto
    }

}

body.logged-in .designbook-section-title div {
    background:0 0
}

body.logged-in .designbook-section-title h1 {
    margin-top:96px
}

@media only screen and (max-width:640px) {
    body.logged-in .designbook-section-title h1 {
        margin-top:57.6px
    }

}

body.logged-in .designbook-section-title h3 {
    display:none
}

body.logged-in .button--sign-up {
    display:none
}

.category-title {
    padding:12px
}

@media only screen and (max-width:640px) {
    .category-title {
        padding:12px 0
    }

}

.category-title h3 {
    font-family:Helvetica Neue,NeuzeitGro-Bol,Helvetica Neue,Helvetica,Arial,sans-serif;
    width:80%;
    float:left
}

@media only screen and (max-width:640px) {
    .category-title h3 {
        font-size:15px
    }

}

a.see-all {
    float:right;
    text-align:right;
    margin-top:3px;
    color:#B9B9B9;
    font-size:13px
}

.pagination {
    width:100%;
    float:left
}

div.page-numbers {
    float:left;
    width:100%;
    border-top:1px solid #ededed;
    text-align:center;
    margin-top:32px;
    padding:32px 0
}

@media only screen and (max-width:640px) {
    div.page-numbers {
        margin-top:0;
        border-top:none;
        background:#f9f9f9
    }

}

div.page-numbers a,div.page-numbers span {
    display:inline-block;
    border:1px solid #4A4A4A;
    border-radius:3px;
    padding:5px 10px;
    color:#4A4A4A
}

@media only screen and (max-width:640px) {
    div.page-numbers a,div.page-numbers span {
        border:none;
        padding:0;
        margin:0 3px
    }

}

div.page-numbers a.dots,div.page-numbers span.dots {
    border:none
}

@media only screen and (max-width:640px) {
    div.page-numbers a.prev,div.page-numbers span.prev {
        position:absolute;
        left:16px;
        text-indent:-9999px
    }

}

@media only screen and (max-width:640px) {
    div.page-numbers a.prev:after,div.page-numbers span.prev:after {
        text-indent:0;
        content:"\e601";
        float:left;
        font-size:20pt;
        font-family:Icons;
        display:inline-block
    }

}

@media only screen and (max-width:640px) {
    div.page-numbers a.next,div.page-numbers span.next {
        position:absolute;
        right:16px;
        text-indent:-9999px
    }

}

@media only screen and (max-width:640px) {
    div.page-numbers a.next:after,div.page-numbers span.next:after {
        text-indent:0;
        content:"\e602";
        float:left;
        font-size:20pt;
        font-family:Icons;
        display:inline-block
    }

}

div.page-numbers a.current,div.page-numbers span.current {
    background:#4A4A4A;
    color:#fff
}

@media only screen and (max-width:640px) {
    div.page-numbers a.current,div.page-numbers span.current {
        background:0 0;
        color:#CCC
    }

}

@media only screen and (max-width:640px) {
    .homepage--latest-issue {
        margin-top:16px;
        margin-bottom:8px!important
    }

}

.latest-issue {
    text-align:center
}

@media only screen and (max-width:640px) {
    body.archive .homepage--latest-issue,body.archive .latest-issue,body.single .homepage--latest-issue,body.single .latest-issue {
        display:none!important
    }

}

.designbook-sidebar-menu {
    padding:0 0 16px 0
}

@media only screen and (max-width:640px) {
    .designbook-sidebar-menu {
        display:none
    }

}

.designbook-sidebar-menu * {
    font-size:13px
}

.designbook-sidebar-menu p {
    margin:0;
    padding:16px;
    border-bottom:1px solid #ededed;
    margin-bottom:16px
}

.designbook-sidebar-menu p.single-p {
    padding-bottom:0;
    margin-bottom:0;
    border-bottom:none
}

.designbook-sidebar-menu a:hover {
    color:#F5A623
}

.sidebar-menu-list li {
    padding:0 16px;
    float:left;
    width:100%;
    line-height:28px
}

.sidebar-menu-list .current-item a {
    color:#F5A623
}

.sidebar-menu-list .view-all {
    border-top:1px solid #ededed;
    margin-top:16px;
    padding-top:16px
}

.main-section-title {
    font-family:Helvetica Neue,NeuzeitGro-Bol,Helvetica Neue,Helvetica,Arial,sans-serif;
    width:100%;
    float:left
}

@media only screen and (max-width:640px) {
    .main-section-title {
        float:left;
        width:100%;
        font-family:Helvetica Neue,NeuzeitGro-Bol,Helvetica Neue,Helvetica,Arial,sans-serif;
        padding:16px 16px 0 16px;
        font-size:15px
    }

    .home .sidebar-stream .main-section-title {
        padding-top:0
    }

}

@media only screen and (max-width:640px) {
    .main-section-title .see-all {
        display:none
    }

}

@media only screen and (max-width:640px) {
    .friends-stream {
        padding:24px 0 32px 0!important;
        margin-bottom:0!important;
        float:left;
        width:100%
    }

}

.friends-block {
    text-align:center
}

@media only screen and (max-width:640px) {
    .friends-block {
        display:none
    }

}

@media only screen and (max-width:640px) {
    .friends-block.special-friend {
        display:block!important
    }

    .home .friends-block.special-friend {
        margin-top:16px
    }

}

@media only screen and (max-width:640px) {
    .single .friends-block {
        padding-top:0!important;
        padding-bottom:32px!important
    }

}

@media only screen and (max-width:640px) {
    .archive .friends-block,.category .friends-block {
        padding-top:32px!important
    }

}

.digital-blocks a {
    margin:0;
    float:left;
    width:100%
}

.sub-box {
    padding:75px 75px;
    text-align:center;
    color:#fff
}

@media only screen and (max-width:640px) {
    .sub-box {
        padding:8%
    }

}

.sub-box#digital-newsstand {
    background:#fff;
    color:#4a4a4a
}

.sub-box#digital-emag {
    background:#4A90E2
}

.sub-box#digital-emag .dig-box-sub {
    padding:0 10%
}

@media only screen and (max-width:640px) {
    .sub-box#digital-emag .dig-box-sub {
        padding:0 2%
    }

}

.sub-box .dig-box-title {
    font-size:32px;
    line-height:1.5;
    font-weight:700;
    margin-bottom:32px
}

@media only screen and (max-width:640px) {
    .sub-box .dig-box-title {
        font-size:18px;
        margin-bottom:16px
    }

}

.sub-box .dig-box-sub {
    font-size:18px;
    line-height:1.5;
    padding:0 15%
}

@media only screen and (max-width:640px) {
    .sub-box .dig-box-sub {
        font-size:15px;
        padding:0 2%
    }

}

.sub-box .dig-box-link {
    text-decoration:underline
}

@media only screen and (max-width:640px) {
    .sub-box .dig-box-text {
        font-size:13px
    }

}

.four-o-four {
    padding:0 12px 32px 12px;
    float:left
}

.header {
    position:relative;
    z-index:2;
    width:auto;
    top:0;
    left:0;
    width:100%;
    background:#fff
}

@media only screen and (max-width:640px) {
    .header {
        position:fixed
    }

}

.header.main {
    padding:6px 0 0 0
}

@media only screen and (max-width:1024px) {
    .header.main {
        padding:0
    }

}

.account-header,.app-bar {
    width:50%;
    position:relative
}

@media only screen and (max-width:1024px) {
    .account-header,.app-bar {
        width:100%
    }

}

.app-bar-inner,.main-nav-inner {
    float:left;
    width:100%
}

.app-bar {
    float:left
}

@media only screen and (max-width:1024px) {
    .app-bar {
        padding:16px 20px;
        background:#fff;
        z-index:3
    }

}

@media only screen and (max-width:640px) {
    .app-bar {
        padding:16px 4px
    }

}

.app-bar-inner {
    padding:32px
}

@media only screen and (max-width:1024px) {
    .app-bar-inner {
        height:48px
    }

}

@media only screen and (max-width:1024px) {
    .app-bar-inner {
        padding:6px 12px
    }

}

.main-nav {
    float:left;
    width:100%;
    position:relative
}

@media only screen and (max-width:1024px) {
    .main-nav {
        padding:0;
        position:fixed;
        top:0;
        z-index:5;
        left:0;
        width:260px;
        height:100%;
        bottom:0;
        background:#F8F8F8;
        -webkit-transition:-webkit-transform .5s cubic-bezier(.86,0,.057,1);
        transition:-webkit-transform .5s cubic-bezier(.86,0,.057,1);
        transition:transform .5s cubic-bezier(.86,0,.057,1);
        transition:transform .5s cubic-bezier(.86,0,.057,1),-webkit-transform .5s cubic-bezier(.86,0,.057,1);
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        will-change:transform;
        border-right:1px solid #ededed;
        -webkit-box-shadow:2px 0 2px 1px rgba(0,0,0,.03);
        box-shadow:2px 0 2px 1px rgba(0,0,0,.03);
        overflow-y:auto;
        overflow-x:hidden;
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden
    }

}

@media only screen and (max-width:1024px) {
    .main-nav.open {
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }

}

.main-nav-inner {
    padding:0 32px
}

@media only screen and (max-width:1024px) {
    .main-nav-inner {
        padding:12px 0
    }

}

@media only screen and (max-width:1024px) {
    .main-nav-inner {
        padding:0
    }

}

.logo {
    font-size:14px;
    line-height:14px;
    background:url(../images/logo/green-logo.svg);
    background-size:188px 55px;
    width:188px;
    height:55px;
    display:block;
    float:left;
    text-indent:-9999px
}

.logo:hover {
    opacity:1
}

@media only screen and (max-width:1024px) {
    .logo {
        line-height:36px;
        background-size:130px 38px;
        width:130px;
        height:38px;
        margin-top:2px
    }

}

@media only screen and (max-width:640px) {
    .logo {
        line-height:32px
    }

}

button.menu-button {
    display:inline-block;
    padding:7px 0;
    background-color:#fff;
    border:none;
    float:right;
    display:none
}

@media only screen and (max-width:1024px) {
    button.menu-button {
        display:block
    }

}

.burger-icon {
    position:relative;
    margin-top:7px;
    margin-bottom:7px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}

.burger-icon,.burger-icon:after,.burger-icon:before {
    display:block;
    width:25px;
    height:3px;
    background-color:#232323;
    -webkit-transition-property:background-color,-webkit-transform;
    transition-property:background-color,-webkit-transform;
    transition-property:background-color,transform;
    transition-property:background-color,transform,-webkit-transform;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}

.burger-icon:after,.burger-icon:before {
    position:absolute;
    content:""
}

.burger-icon:before {
    top:-7px
}

.burger-icon:after {
    top:7px
}

.menu-button.is-active .burger-icon {
    background-color:transparent
}

.menu-button.is-active .burger-icon:before {
    -webkit-transform:translateY(7px) rotate(45deg);
    transform:translateY(7px) rotate(45deg)
}

.menu-button.is-active .burger-icon:after {
    -webkit-transform:translateY(-7px) rotate(-45deg);
    transform:translateY(-7px) rotate(-45deg)
}

#page-menu {
    cursor:default;
    width:100%;
    float:left;
    border-bottom:1px solid #ededed
}

@media only screen and (max-width:1024px) {
    #page-menu {
        border-bottom:none
    }

}

.current-menu-item a {
    color:#F5A623
}

.main-menu-item {
    display:inline-block;
    float:left;
    padding:14px 0;
    height:50px;
    border-left:none;
    border-right:1px solid #ededed;
    position:relative
}

.main-menu-item:nth-child(2) {
    border-left:1px solid #ededed
}

@media only screen and (max-width:1024px) {
    .main-menu-item:nth-child(2) {
        border:none
    }

}

@media only screen and (max-width:1024px) {
    .main-menu-item {
        width:100%;
        padding:0;
        height:auto;
        border:none;
        margin-bottom:0
    }

}

.m-item--0 {
    font-family:Helvetica Neue,NeuzeitGro-Bol,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size:18px;
    position:relative;
    display:block;
    padding:0 18px 0 18px
}

@media only screen and (max-width:1024px) {
    .m-item--0>a {
        border-bottom:1px solid #ededed;
        padding:12px 16px;
        font-size:14px;
        line-height:16px;
        background:#fff;
        font-size:13px;
        font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
        font-weight:700
    }

}

@media only screen and (max-width:1024px) {
    .m-item--0 {
        padding:0
    }

}

.m-item--0:hover {
    padding-bottom:48px
}

@media only screen and (max-width:1024px) {
    .m-item--0:hover {
        padding-bottom:0
    }

}

.m-item--0:hover .m-list--1-down {
    visibility:visible;
    opacity:1;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    top:52px
}

.m-item--0 a {
    display:block
}

.m-item--0 a:hover {
    opacity:1
}

.dropdown--ui {
    background:#fff;
    padding:18px 0;
    border:1px solid #ededed;
    -webkit-box-shadow:2px 2px 5px 0 rgba(0,0,0,.1);
    box-shadow:2px 2px 5px 0 rgba(0,0,0,.1);
    min-width:220px
}

@media only screen and (max-width:1024px) {
    .dropdown--ui {
        background:0 0;
        padding:0;
        border:none;
        -webkit-box-shadow:none;
        box-shadow:none;
        min-width:0
    }

}

.dropdown--ui li {
    line-height:28px;
    width:100%;
    position:relative
}

.dropdown--ui li:hover>a {
    background:#F8F8F8;
    opacity:1
}

@media only screen and (max-width:1024px) {
    .dropdown--ui li:hover>a {
        background:0 0
    }

}

.dropdown--ui li a {
    color:#4A4A4A;
    padding:0 18px;
    width:100%;
    display:block
}

@media only screen and (max-width:1024px) {
    .dropdown--ui li a {
        padding:0
    }

}

.dropdown--ui li a:hover {
    background:#F8F8F8;
    color:#F5A623;
    opacity:1
}

@media only screen and (max-width:1024px) {
    .dropdown--ui li a:hover {
        background:0 0
    }

}

.menu-new-window>a:after {
    content:"\e60a";
    font-family:Icons;
    position:absolute;
    font-size:18px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    color:#ddd;
    top:0;
    right:14px;
    line-height:28px;
    font-weight:400
}

@media only screen and (max-width:1024px) {
    .menu-new-window>a:after {
        right:17px;
        line-height:45px
    }

}

.arrow--right>li>a:hover:before {
    content:"";
    display:block;
    z-index:1;
    width:6px;
    height:6px;
    background-color:transparent;
    position:absolute;
    bottom:-6px;
    right:0;
    clip-path:polygon(100% 0,0 0,100% 100%)
}

@media only screen and (max-width:1024px) {
    .arrow--right>li>a:hover:before {
        display:none
    }

}

.arrow--right.m-list--1-down>li>a:after {
    content:"\e602";
    font-family:Icons;
    position:absolute;
    font-size:18px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    color:#B9B9B9;
    top:0;
    right:14px;
    line-height:28px;
    font-weight:400
}

@media only screen and (max-width:1024px) {
    .arrow--right.m-list--1-down>li>a:after {
        display:none
    }

}

.arrow--right .m-list--2-down>li>a[data-menu-attr=has-menu]:after {
    content:"\e602";
    font-family:Icons;
    position:absolute;
    font-size:18px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    color:#B9B9B9;
    top:0;
    right:14px;
    line-height:28px;
    font-weight:400
}

@media only screen and (max-width:1024px) {
    .arrow--right .m-list--2-down>li>a[data-menu-attr=has-menu]:after {
        display:none
    }

}

.m-list--1-down {
    visibility:hidden;
    opacity:0;
    -webkit-transition:all 80ms ease-in-out;
    transition:all 80ms ease-in-out;
    position:absolute;
    top:68px;
    left:-1px;
    font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size:14px
}

@media only screen and (max-width:1024px) {
    .m-list--1-down {
        -webkit-transition:none!important;
        transition:none!important;
        top:auto;
        left:auto;
        font-size:13px;
        font-weight:400
    }

    .m-list--1-down.active {
        visibility:visible;
        opacity:1;
        position:static
    }

}

@media only screen and (max-width:1024px) {
    .m-list--1-down li>a {
        border-bottom:1px solid #ededed;
        padding:12px 16px;
        line-height:20px
    }

}

.m-list--1-down li:hover .m-list--2-down {
    display:block
}

.m-list--2-down {
    display:none;
    position:absolute;
    left:100%;
    top:-19px
}

@media only screen and (max-width:1024px) {
    .m-list--2-down {
        display:none!important;
        position:static;
        left:auto;
        top:auto;
        background:rgba(255,255,255,.5)
    }

}

@media only screen and (max-width:1024px) {
    .m-list--2-down.active {
        display:block!important
    }

}

@media only screen and (max-width:1024px) {
    .m-list--2-down>li a {
        padding-left:32px
    }

}

.m-list--2-down>li:hover .m-list--3-down {
    display:block
}

.m-list--3-down {
    display:none;
    position:absolute;
    left:100%;
    top:-19px
}

@media only screen and (max-width:1024px) {
    .m-list--3-down {
        display:none!important;
        position:static;
        left:auto;
        top:auto
    }

}

@media only screen and (max-width:1024px) {
    .m-list--3-down.active {
        display:block!important
    }

}

@media only screen and (max-width:1024px) {
    .m-list--3-down li {
        font-weight:400
    }

}

@media only screen and (max-width:1024px) {
    .m-list--3-down li a {
        padding-left:32px
    }

}

.menu-view-all {
    display:none
}

@media only screen and (max-width:1024px) {
    .menu-view-all {
        display:block
    }

}

.main-menu-item span.mobile-parent-down-bttn {
    display:none
}

@media only screen and (max-width:1024px) {
    .main-menu-item span.mobile-parent-down-bttn {
        top:0;
        display:block;
        position:absolute;
        right:0;
        padding:12px 16px;
        cursor:pointer;
        z-index:1
    }

}

@media only screen and (max-width:1024px) {
    .main-menu-item span.mobile-parent-down-bttn.arrow--up:after {
        content:"\e603"!important
    }

}

@media only screen and (max-width:1024px) {
    .main-menu-item span.mobile-parent-down-bttn:after {
        display:block;
        font-family:Icons;
        font-size:18px;
        color:#CCC;
        content:"\e600";
        line-height:20px;
        font-weight:400;
        float:right;
        -webkit-transition:-webkit-transform .1s ease-in-out;
        transition:-webkit-transform .1s ease-in-out;
        transition:transform .1s ease-in-out;
        transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out;
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden
    }

}

.m-item--designbook li.mobile-down-bttn {
    display:none
}

@media only screen and (max-width:1024px) {
    .m-item--designbook li.mobile-down-bttn {
        top:0;
        display:block;
        position:absolute;
        right:0;
        left:0;
        bottom:0;
        padding:12px 16px;
        cursor:pointer
    }

}

@media only screen and (max-width:1024px) {
    .m-item--designbook li.mobile-down-bttn.arrow--up:after {
        content:"\e603"!important
    }

}

@media only screen and (max-width:1024px) {
    .m-item--designbook li.mobile-down-bttn:after {
        display:block;
        font-family:Icons;
        font-size:18px;
        color:#CCC;
        content:"\e600";
        line-height:20px;
        font-weight:400;
        float:right;
        -webkit-transition:-webkit-transform .1s ease-in-out;
        transition:-webkit-transform .1s ease-in-out;
        transition:transform .1s ease-in-out;
        transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out;
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden
    }

}

@media only screen and (max-width:1024px) {
    .m-item--articles .m-item--0>a {
        border-top:1px solid #ededed
    }

}

.m-item--articles .m-list--1-down:after,.m-item--articles .m-list--1-down:before {
    left:38.5px
}

@media only screen and (max-width:1024px) {
    .m-item--products .m-item--0>a {
        border-top:1px solid #ededed
    }

}

.m-item--products .m-list--1-down:after,.m-item--products .m-list--1-down:before {
    left:45px
}

@media only screen and (max-width:1024px) {
    .m-item--services .m-item--0>a {
        border-top:1px solid #ededed
    }

}

.m-item--services .m-list--1-down:after,.m-item--services .m-list--1-down:before {
    left:42px
}

@media only screen and (max-width:1024px) {
    .m-item--information .m-item--0>a,.m-item--tips .m-item--0>a {
        border-top:1px solid #ededed
    }

}

.m-item--information .m-list--1-down:after,.m-item--information .m-list--1-down:before,.m-item--tips .m-list--1-down:after,.m-item--tips .m-list--1-down:before {
    left:23px
}

.m-item--updates .m-list--1-down:after,.m-item--updates .m-list--1-down:before {
    left:41px
}

.m-item--updates .dropdown--ui li:hover>a {
    color:#4A90E2
}

.m-item--updates .dropdown--ui li a:hover {
    color:#4A90E2
}

.m-item--search {
    float:right;
    position:relative
}

@media only screen and (max-width:1024px) {
    .m-item--search {
        float:left;
        width:100%;
        padding:16px;
        border-top:1px solid #ededed
    }

}

@media only screen and (max-width:1024px) {
    .m-item--search form {
        width:100%
    }

}

.header-search-form {
    float:left
}

.header-search-form div {
    position:relative;
    float:left;
    border:1px solid #ededed;
    border-bottom:none;
    height:50px
}

@media only screen and (max-width:1024px) {
    .header-search-form div {
        width:100%;
        height:auto;
        border:none
    }

}

.header-search-form div:active #header-search-field {
    width:298px
}

@media only screen and (max-width:1024px) {
    .header-search-form div:active #header-search-field {
        width:auto
    }

}

.header-search-form div:after {
    content:"\e60e";
    font-family:Icons;
    position:absolute;
    font-size:30px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    top:0;
    right:12px;
    line-height:49px
}

@media only screen and (max-width:1024px) {
    .header-search-form div:after {
        line-height:40px;
        color:#CCC;
        right:8px
    }

}

#header-search-field {
    font-family:Helvetica Neue,NeuzeitGro-Bol,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size:18px;
    padding:14px 48px 14px 18px;
    height:49px;
    width:170px;
    color:#4A4A4A;
    -webkit-transition:width .2s ease-in-out;
    transition:width .2s ease-in-out
}

@media only screen and (max-width:1024px) {
    #header-search-field {
        -webkit-transition:none!important;
        transition:none!important;
        width:100%;
        padding:10px 45px 10px 16px;
        font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
        font-size:14px;
        height:40px;
        line-height:18px;
        border:1px solid #ededed;
        border-radius:3px
    }

}

#header-search-field.is-active,#header-search-field:focus {
    width:298px
}

@media only screen and (max-width:1024px) {
    #header-search-field.is-active,#header-search-field:focus {
        width:100%
    }

}

#header-search-field::-webkit-input-placeholder {
    color:#CCC
}

@media only screen and (max-width:1024px) {
    #header-search-field::-webkit-input-placeholder {
        text-transform:capitalize
    }

}

#header-search-field:-moz-placeholder {
    color:#CCC;
    opacity:1
}

#header-search-field::-moz-placeholder {
    color:#CCC;
    opacity:1
}

#header-search-field:-ms-input-placeholder {
    color:#CCC
}

#header-search-bttn {
    padding:0;
    margin:0;
    border:none;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    background:rgba(255,255,255,0);
    width:52px;
    z-index:3;
    padding:0;
    -webkit-transition:background .1s ease-in-out;
    transition:background .1s ease-in-out
}

@media only screen and (max-width:1024px) {
    #header-search-bttn {
        width:45px
    }

}

#header-search-bttn:hover {
    background:rgba(200,200,200,.08)
}

html.no-canvas #header-search-bttn {
    background:#fff;
    opacity:.01;
    filter:alpha(opacity=1)
}

#advanced-search {
    background:#fff;
    border:1px solid #ededed;
    -webkit-box-shadow:0 4px 10px rgba(0,0,0,.2);
    box-shadow:0 4px 10px rgba(0,0,0,.2);
    display:none;
    width:300px;
    padding:20px;
    position:absolute;
    right:0;
    top:66px;
    z-index:999
}

@media only screen and (max-width:1024px) {
    #advanced-search {
        display:none!important
    }

}

#advanced-search::after,#advanced-search::before {
    bottom:100%;
    left:25px;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none
}

#advanced-search::after {
    border-color:rgba(136,183,213,0);
    border-bottom-color:#fff;
    border-width:13px;
    margin-left:-13px
}

#advanced-search::before {
    border-color:rgba(194,225,245,0);
    border-bottom-color:#ededed;
    border-width:14px;
    margin-left:-14px
}

#advanced-search h3 {
    font-size:14px;
    font-weight:700;
    margin:0 0 1em
}

#advanced-search section+section {
    margin-top:20px
}

#advanced-search header {
    position:relative
}

#advanced-search h4 {
    border-bottom:1px solid #ededed;
    font-weight:400;
    margin:0 0 .5em;
    padding-bottom:.5em
}

#advanced-search .all-results-link {
    color:#B9B9B9;
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}

#advanced-search ul {
    margin:0
}

#advanced-search li {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}

#advanced-search li+li {
    margin-top:.5em
}

#advanced-search li a {
    font-weight:700
}

#advanced-search a:hover {
    color:#F5A623
}

.account-header {
    float:right
}

@media only screen and (max-width:1024px) {
    .account-header {
        display:none
    }

}

.account-header-inner {
    float:right;
    padding:32px
}

.header-user-actions .avatar {
    width:31px;
    height:auto;
    margin-right:15px;
    border-radius:15px;
    float:left
}

.header-user-actions .non-logged-in-user * {
    float:left
}

.header-user-actions .non-logged-in-user span {
    float:none
}

.header-user-actions .logged-in-user {
    position:relative;
    float:left
}

.header-user-actions .logged-in-user .m-item-hover {
    display:block;
    float:left
}

.header-user-actions .logged-in-user .m-item-hover a {
    display:block
}

.header-user-actions .logged-in-user>li {
    height:31px;
    float:left;
    display:inline-block
}

.header-user-actions .logged-in-user>li:hover .m-item-hover {
    padding-bottom:42px
}

.header-user-actions .logged-in-user>li:hover .logged-in-user-actions {
    top:42px;
    visibility:visible;
    opacity:1;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}

.header-user-actions .logged-in-user-actions {
    position:absolute;
    z-index:4;
    text-align:left;
    width:160px;
    min-width:160px;
    right:0;
    top:52px;
    visibility:hidden;
    opacity:0;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}

.header-user-actions .logged-in-user-actions:after,.header-user-actions .logged-in-user-actions:before {
    right:18px;
    left:auto
}

.header-user-actions .logged-in-user-actions.dropdown--ui li a {
    font-weight:400
}

.header-user-actions .logged-in-user-actions.dropdown--ui li a:hover {
    color:#4A4A4A;
    opacity:1
}

.header-social-icons,.header-user-actions {
    float:left;
    text-align:right;
    line-height:31px;
    margin:12px 0
}

.header-social-icons *,.header-user-actions * {
    line-height:inherit
}

.header-social-icons .icons-list {
    float:left
}

.header-social-icons .icons-list li {
    float:left;
    display:inline-block
}

.header-social-icons .icons-list li .icon-link {
    margin-left:10px
}

.header-social-icons .icons-list li .icon-link .glyph-icon {
    color:#4A4A4A
}

.m-margin--right {
    margin-right:20px
}

.m-border--left {
    display:inline-block;
    float:left;
    border-left:1px solid #ededed;
    padding-left:20px
}

.m-border--right {
    display:inline-block;
    float:left;
    border-right:1px solid #ededed;
    padding-right:20px
}

.main-nav .header-social-icons,.main-nav .header-user-actions {
    display:none
}

@media only screen and (max-width:1024px) {
    .main-nav .header-social-icons,.main-nav .header-user-actions {
        display:block
    }

}

.main-nav .header-user-actions {
    padding-top:16px;
    margin:0;
    width:100%;
    background:#fff
}

.main-nav .header-user-actions .non-logged-in-user {
    padding:0 16px 16px 16px;
    float:left;
    width:100%
}

.main-nav .header-user-actions .logged-in-user {
    width:100%
}

.main-nav .header-user-actions .logged-in-user .logged-in-user-actions {
    position:static;
    top:auto;
    visibility:visible;
    opacity:1;
    display:none;
    width:100%;
    border-top:1px solid #ededed
}

.main-nav .header-user-actions .logged-in-user .logged-in-user-actions.active {
    display:block
}

.main-nav .header-user-actions .logged-in-user .logged-in-user-actions li a {
    border-bottom:1px solid #ededed;
    padding:12px 16px;
    line-height:20px
}

.main-nav .header-user-actions .logged-in-user .logged-in-user-actions li:last-child a {
    border-bottom:none
}

.main-nav .header-user-actions .logged-in-user .m-item-hover {
    width:100%
}

.main-nav .header-user-actions .logged-in-user .m-item-hover a {
    text-align:left
}

.main-nav .header-user-actions .logged-in-user>li {
    width:100%;
    height:auto;
    font-weight:400
}

.main-nav .header-user-actions .logged-in-user>li:hover .m-item-hover {
    padding-bottom:0
}

.main-nav .header-user-actions .logged-in-user .mobile-user-actions-toggle {
    position:absolute;
    top:0;
    right:0;
    width:48px;
    line-height:48px;
    cursor:pointer;
    display:block;
    height:48px;
    padding:0 16px
}

.main-nav .header-user-actions .logged-in-user .mobile-user-actions-toggle:hover {
    opacity:.5
}

.main-nav .header-user-actions .logged-in-user .mobile-user-actions-toggle:after {
    content:"\e613";
    font-family:Icons;
    position:absolute;
    font-weight:400;
    font-size:26px;
    color:#B9B9B9;
    top:0;
    right:11px;
    line-height:32px
}

.main-nav .header-user-actions .user--name-avatar {
    line-height:32px;
    width:100%;
    padding:0 16px 16px 16px
}

.main-nav .header-user-actions .avatar {
    width:32px;
    border-radius:3px;
    margin-right:16px
}

@media only screen and (max-width:1024px) {
    .main-nav .non-logged-in-user .m-margin--right {
        margin-right:0;
        padding-right:4px
    }

}

@media only screen and (max-width:1024px) {
    .main-nav .non-logged-in-user .m-border--left {
        padding-left:4px;
        border-left:none
    }

}

.main-nav .non-logged-in-user .sign-up-link span {
    float:none
}

@media only screen and (max-width:1024px) {
    .main-nav .non-logged-in-user .sign-up-link span.db-hide {
        display:none
    }

}

@media only screen and (max-width:1024px) {
    .main-nav .non-logged-in-user li {
        width:50%;
        text-align:center
    }

}

@media only screen and (max-width:1024px) {
    .main-nav .non-logged-in-user .login-link,.main-nav .non-logged-in-user .sign-up-link {
        width:100%;
        border-radius:3px;
        text-transform:capitalize;
        height:32px;
        line-height:32px
    }

}

@media only screen and (max-width:1024px) {
    .main-nav .non-logged-in-user .sign-up-link {
        background:#F5A623;
        color:#fff
    }

}

@media only screen and (max-width:1024px) {
    .main-nav .non-logged-in-user .login-link {
        background:#ededed;
        color:#4A4A4A
    }

}

.main-nav .header-social-icons {
    width:100%;
    background:#fff;
    margin:0;
    padding:16px
}

.main-nav .header-social-icons .m-border--right,.main-nav .header-social-icons .m-margin--right {
    margin:0;
    padding:0;
    border:0
}

.main-nav .header-social-icons .icons-list li .icon-link {
    margin-right:16px;
    margin-left:0
}

.max-w {
    width:100%;
    max-width:1228px;
    margin:0 auto
}

@media only screen and (max-width:1228px) {
    .max-w {
        width:1024px;
        min-width:1024px
    }

}

@media only screen and (max-width:1024px) {
    .max-w {
        width:100%
    }

}

@media only screen and (max-width:640px) {
    .max-w {
        min-width:0
    }

}

@media only screen and (max-width:1228px) {
    .main-content .max-w {
        max-width:auto
    }

}

.main-content {
    min-height:100%
}

@media only screen and (max-width:640px) {
    .main-content {
        padding-top:80px
    }

}

.main-inner {
    width:100%;
    padding:32px 0
}

@media only screen and (max-width:640px) {
    .main-inner {
        max-width:400px;
        padding:0;
        margin:0 auto
    }

}

.home-content-stream,.main-content-stream,.sidebar-stream {
    float:left;
    position:relative
}

.main-content-stream {
    width:832px;
    margin-left:32px
}

@media only screen and (max-width:1228px) {
    .main-content-stream {
        width:628px
    }

}

@media only screen and (max-width:640px) {
    .main-content-stream {
        width:100%;
        margin-left:0
    }

}

.main-content-stream .panel--no-margin {
    margin-top:0
}

.main-content-stream .panel--padding-base {
    padding:0 32px
}

@media only screen and (max-width:640px) {
    .main-content-stream .panel--padding-base {
        padding:0
    }

}

.main-content-stream .panel--padding-base .panel:last-of-type {
    margin-bottom:32px
}

@media only screen and (max-width:640px) {
    .main-content-stream .panel--padding-base .panel:last-of-type {
        margin-bottom:16px
    }

}

.main-content-stream .panel--padding-base .panel {
    margin-top:32px
}

@media only screen and (max-width:640px) {
    .main-content-stream .panel--padding-base .panel {
        margin-top:16px
    }

}

.main-content-stream .panel--padding-base .panel--half-margin {
    margin-top:16px
}

.tax-category_product .main-content-stream .panel--spacing-thumbs:nth-of-type(even),.tax-category_service .main-content-stream .panel--spacing-thumbs:nth-of-type(even) {
    padding-top:0
}

@media only screen and (max-width:640px) {
    .main-content-stream .panel--spacing-thumbs {
        padding:16px 16px 24px 16px
    }

}

@media only screen and (max-width:640px) {
    .main-content-stream.box--background,.main-content-stream.box--border,.main-content-stream.panel--ui {
        background:0 0;
        border:none
    }

}

.panel.description-section {
    padding:25px
}

.sidebar-stream {
    width:300px;
    margin:0 32px
}

@media only screen and (max-width:640px) {
    .sidebar-stream {
        margin:32px 0
    }

}

@media only screen and (max-width:640px) {
    .sidebar-stream {
        width:100%;
        margin:0
    }

}

@media only screen and (max-width:640px) {
    body.author .sidebar-stream {
        display:none
    }

}

.sidebar-stream>.panel {
    margin-bottom:32px
}

.sidebar-stream>.panel.panel--no-margin {
    margin:0
}

.sidebar-stream.home-sidebar {
    border-left:1px solid #e8e8e8;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    margin-left:0;
    padding-left:32px
}

@media only screen and (max-width:1228px) {
    .sidebar-stream.home-sidebar {
        border-left:none
    }

}

@media only screen and (max-width:640px) {
    .sidebar-stream.home-sidebar {
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        margin-top:32px;
        padding-left:0
    }

}

@media only screen and (max-width:640px) {
    body.archive .sidebar-stream .designbook-sidebar-menu,body.single .sidebar-stream .designbook-sidebar-menu {
        display:none
    }

}

@media only screen and (max-width:640px) {
    body.single.single-post_product .sidebar-stream,body.single.single-post_service .sidebar-stream {
        display:none
    }

}

.home-content-stream {
    width:800px;
    margin-left:32px;
    margin-right:31px
}

@media only screen and (max-width:1228px) {
    .home-content-stream {
        width:628px;
        margin-right:0
    }

}

@media only screen and (max-width:640px) {
    .home-content-stream {
        width:100%;
        margin-left:0
    }

}

.home-content-stream .panel {
    margin-top:16px
}

@media only screen and (max-width:640px) {
    .home-content-stream .panel {
        padding:0 16px
    }

    .home-content-stream .panel--flush-m {
        padding:0
    }

}

@media only screen and (max-width:640px) {
    .full-width-content-stream {
        margin:8px
    }

}

.bg--white {
    background:#f9f9f9
}

.bg--grey {
    background:#f5f5f5
}

.bg--dark-grey {
    background:#CCC
}

#overlay-toggle {
    cursor:pointer
}

#overlay {
    overflow:auto;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:999;
    background:rgba(50,100,255,.9);
    opacity:0;
    filter:alpha(opacity=0);
    visibility:hidden;
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}

html.no-canvas #overlay {
    background:url(../images/overlay-white.png)
}

#overlay.open {
    opacity:1;
    filter:alpha(opacity=100);
    visibility:visible
}

#overlay-inner {
    width:50%;
    position:absolute;
    top:50%;
    right:auto;
    bottom:auto;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}

#overlay-close {
    cursor:pointer;
    position:absolute;
    top:20px;
    right:20px;
    bottom:auto;
    left:auto
}

.slick-slider {
    position:relative;
    display:block;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}

.slick-list {
    position:relative;
    display:block;
    overflow:hidden;
    margin:0;
    padding:0
}

.slick-list:focus {
    outline:0
}

.slick-list.dragging {
    cursor:pointer;
    cursor:hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}

.slick-track {
    position:relative;
    top:0;
    left:0;
    display:block
}

.slick-track:after,.slick-track:before {
    display:table;
    content:""
}

.slick-track:after {
    clear:both
}

.slick-loading .slick-track {
    visibility:hidden
}

.slick-slide {
    display:none;
    float:left;
    height:100%;
    min-height:1px
}

[dir=rtl] .slick-slide {
    float:right
}

.slick-slide img {
    display:block
}

.slick-slide.slick-loading img {
    display:none
}

.slick-slide.dragging img {
    pointer-events:none
}

.slick-initialized .slick-slide {
    display:block
}

.slick-loading .slick-slide {
    visibility:hidden
}

.slick-vertical .slick-slide {
    display:block;
    height:auto;
    border:1px solid transparent
}

footer {
    background:url(../images/bg/leaf_bg.svg) center center #fff;
    margin-top:64px;
    border-top:1px solid #ededed
}

@media only screen and (max-width:640px) {
    footer {
        margin-top:32px
    }

}

footer .max-w {
    padding:32px 16px 64px 16px
}

@media only screen and (max-width:640px) {
    footer .max-w {
        padding:32px 16px 32px 16px
    }

}

footer .col-inner {
    margin:0 16px
}

@media only screen and (max-width:640px) {
    footer .col-inner {
        margin:0
    }

}

@media only screen and (max-width:640px) {
    footer .col-50 {
        width:100%;
        margin-bottom:4%
    }

}

@media only screen and (max-width:640px) {
    footer .col-16 {
        margin-bottom:32px
    }

}

@media only screen and (max-width:640px) {
    footer .col-16.mobile-50 {
        width:50%
    }

}

@media only screen and (max-width:640px) {
    footer .col-16.mobile-100 {
        width:100%
    }

}

@media only screen and (max-width:640px) {
    footer .small {
        font-size:13px
    }

}

@media only screen and (max-width:640px) {
    body.single .footer {
        margin-top:0
    }

}

p.footer-tagline {
    font-size:17px;
    line-height:28px;
    padding-right:16.66%;
    font-family:Helvetica Neue,NeuzeitGro-Reg,Helvetica Neue,Helvetica,Arial,sans-serif
}

@media only screen and (max-width:640px) {
    p.footer-tagline {
        padding-right:0;
        font-size:15px;
        line-height:1.7;
        margin-bottom:16px
    }

}

.footer-title {
    font-weight:700
}

.footer-list {
    line-height:25px;
    font-family:Helvetica Neue,NeuzeitGro-Reg,Helvetica Neue,Helvetica,Arial,sans-serif
}

.footer-list .glyph-icon {
    float:left;
    margin-right:8px;
    line-height:25px
}

@media only screen and (max-width:640px) {
    .footer-list .glyph-icon {
        font-size:16pt;
        float:none;
        margin:0
    }

}

.footer-logo {
    max-width:120px;
    margin-bottom:32px
}

@media only screen and (max-width:1023px) {
    .footer-logo {
        margin-bottom:16px;
        max-width:100px
    }

}

@media only screen and (max-width:640px) {
    .footer-social li {
        float:left
    }

    .footer-social li i {
        float:left;
        width:100%;
        padding-right:12px;
        color:#fff
    }

    .footer-social li i.icon-Facebook {
        color:#3b5998
    }

    .footer-social li i.icon-Twitter {
        color:#00aced
    }

    .footer-social li i.icon-Instagram {
        color:#517fa4
    }

    .footer-social li i.icon-Pinterest {
        color:#cb2027
    }

    .footer-social span {
        display:none
    }

}

.sidebar-menu__list {
    font-size:13px
}

.sidebar-menu__list li {
    line-height:30px
}

.sidebar-menu__list li:before {
    float:left;
    display:inline-block;
    margin-right:12px;
    font-family:Icons;
    color:#ddd;
    font-size:20px;
    line-height:30px;
    content:"\e60d"
}

.mfp-bg {
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1042;
    overflow:hidden;
    position:fixed;
    background:#0b0b0b;
    opacity:.8;
    filter:alpha(opacity=80)
}

.mfp-wrap {
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1043;
    position:fixed;
    outline:0!important;
    -webkit-backface-visibility:hidden
}

.mfp-container {
    text-align:center;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    padding:0 8px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}

.mfp-container:before {
    content:"";
    display:inline-block;
    height:100%;
    vertical-align:middle
}

.mfp-align-top .mfp-container:before {
    display:none
}

.mfp-content {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0 auto;
    text-align:left;
    z-index:1045
}

.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content {
    cursor:auto
}

.mfp-ajax-cur {
    cursor:progress
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor:-webkit-zoom-out;
    cursor:zoom-out
}

.mfp-zoom {
    cursor:pointer;
    cursor:-webkit-zoom-in;
    cursor:zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor:auto
}

.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader {
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}

.mfp-loading.mfp-figure {
    display:none
}

.mfp-hide {
    display:none!important
}

.mfp-preloader {
    color:#CCC;
    position:absolute;
    top:50%;
    width:auto;
    text-align:center;
    margin-top:-.8em;
    left:8px;
    right:8px;
    z-index:1044
}

.mfp-preloader a {
    color:#CCC
}

.mfp-preloader a:hover {
    color:#FFF
}

.mfp-s-ready .mfp-preloader {
    display:none
}

.mfp-s-error .mfp-content {
    display:none
}

button.mfp-arrow,button.mfp-close {
    overflow:visible;
    cursor:pointer;
    background:0 0;
    border:0;
    -webkit-appearance:none;
    display:block;
    outline:0;
    padding:0;
    z-index:1046;
    -webkit-box-shadow:none;
    box-shadow:none
}

button::-moz-focus-inner {
    padding:0;
    border:0
}

.mfp-close {
    width:44px;
    height:44px!important;
    line-height:44px;
    position:absolute;
    right:0;
    top:0;
    text-decoration:none;
    text-align:center;
    opacity:.65;
    filter:alpha(opacity=65);
    padding:0 0 18px 10px;
    color:#FFF;
    font-style:normal;
    font-size:28px;
    font-family:Arial,Baskerville,monospace
}

.mfp-close:focus,.mfp-close:hover {
    opacity:1;
    filter:alpha(opacity=100)
}

.mfp-close:active {
    top:1px
}

.mfp-close-btn-in .mfp-close {
    color:#333
}

.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close {
    color:#FFF;
    right:-6px;
    text-align:right;
    padding-right:6px;
    width:100%
}

.mfp-counter {
    position:absolute;
    top:0;
    right:0;
    color:#CCC;
    font-size:12px;
    line-height:18px;
    white-space:nowrap
}

.mfp-arrow {
    position:absolute;
    opacity:.65;
    filter:alpha(opacity=65);
    margin:0;
    top:50%;
    margin-top:-55px;
    padding:0;
    width:90px;
    height:110px;
    -webkit-tap-highlight-color:transparent
}

.mfp-arrow:active {
    margin-top:-54px
}

.mfp-arrow:focus,.mfp-arrow:hover {
    opacity:1;
    filter:alpha(opacity=100)
}

.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before {
    content:"";
    display:block;
    width:0;
    height:0;
    position:absolute;
    left:0;
    top:0;
    margin-top:35px;
    margin-left:35px;
    border:medium inset transparent
}

.mfp-arrow .mfp-a,.mfp-arrow:after {
    border-top-width:13px;
    border-bottom-width:13px;
    top:8px
}

.mfp-arrow .mfp-b,.mfp-arrow:before {
    border-top-width:21px;
    border-bottom-width:21px;
    opacity:.7
}

.mfp-arrow-left {
    left:0
}

.mfp-arrow-left .mfp-a,.mfp-arrow-left:after {
    border-right:17px solid #FFF;
    margin-left:31px
}

.mfp-arrow-left .mfp-b,.mfp-arrow-left:before {
    margin-left:25px;
    border-right:27px solid #3F3F3F
}

.mfp-arrow-right {
    right:0
}

.mfp-arrow-right .mfp-a,.mfp-arrow-right:after {
    border-left:17px solid #FFF;
    margin-left:39px
}

.mfp-arrow-right .mfp-b,.mfp-arrow-right:before {
    border-left:27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top:40px;
    padding-bottom:40px
}

.mfp-iframe-holder .mfp-content {
    line-height:0;
    width:100%;
    max-width:900px
}

.mfp-iframe-holder .mfp-close {
    top:-40px
}

.mfp-iframe-scaler {
    width:100%;
    height:0;
    overflow:hidden;
    padding-top:56.25%
}

.mfp-iframe-scaler iframe {
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-box-shadow:0 0 8px rgba(0,0,0,.6);
    box-shadow:0 0 8px rgba(0,0,0,.6);
    background:#000
}

img.mfp-img {
    width:auto;
    max-width:100%;
    height:auto;
    display:block;
    line-height:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:40px 0 40px;
    margin:0 auto
}

.mfp-figure {
    line-height:0
}

.mfp-figure:after {
    content:"";
    position:absolute;
    left:0;
    top:40px;
    bottom:40px;
    display:block;
    right:0;
    width:auto;
    height:auto;
    z-index:-1;
    -webkit-box-shadow:0 0 8px rgba(0,0,0,.6);
    box-shadow:0 0 8px rgba(0,0,0,.6);
    background:#444
}

.mfp-figure small {
    color:#BDBDBD;
    display:block;
    font-size:12px;
    line-height:14px
}

.mfp-figure figure {
    margin:0
}

.mfp-bottom-bar {
    margin-top:-36px;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    cursor:auto
}

.mfp-title {
    text-align:left;
    line-height:18px;
    color:#F3F3F3;
    word-wrap:break-word;
    padding-right:36px
}

.mfp-image-holder .mfp-content {
    max-width:100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor:pointer
}

@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left:0;
        padding-right:0
    }

    .mfp-img-mobile img.mfp-img {
        padding:0
    }

    .mfp-img-mobile .mfp-figure:after {
        top:0;
        bottom:0
    }

    .mfp-img-mobile .mfp-figure small {
        display:inline;
        margin-left:5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background:rgba(0,0,0,.6);
        bottom:0;
        margin:0;
        top:auto;
        padding:3px 5px;
        position:fixed;
        -webkit-box-sizing:border-box;
        box-sizing:border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding:0
    }

    .mfp-img-mobile .mfp-counter {
        right:5px;
        top:3px
    }

    .mfp-img-mobile .mfp-close {
        top:0;
        right:0;
        width:35px;
        height:35px;
        line-height:35px;
        background:rgba(0,0,0,.6);
        position:fixed;
        text-align:center;
        padding:0
    }

}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform:scale(.75);
        transform:scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin:0;
        transform-origin:0
    }

    .mfp-arrow-right {
        -webkit-transform-origin:100%;
        transform-origin:100%
    }

    .mfp-container {
        padding-left:6px;
        padding-right:6px
    }

    .mfp-content .white-popup-block {
        margin:0 auto;
        width:99%
    }

}

.mfp-ie7 .mfp-img {
    padding:0
}

.mfp-ie7 .mfp-bottom-bar {
    width:600px;
    left:50%;
    margin-left:-300px;
    margin-top:5px;
    padding-bottom:5px
}

.mfp-ie7 .mfp-container {
    padding:0
}

.mfp-ie7 .mfp-content {
    padding-top:44px
}

.mfp-ie7 .mfp-close {
    top:0;
    right:0;
    padding-top:0
}

.innercforminfo {
    background:#fff none repeat scroll 0 0;
    margin:0 auto;
    padding:5% 10%
}

.white-popup-block {
    margin:0 auto;
    width:1000px
}

.innercforminfo .gform_button.button {
    border-radius:0;
    font-size:19px!important;
    height:50px!important;
    padding:5px!important;
    width:140px!important
}

.innercforminfo .gform_wrapper textarea {
    border:1px solid #ccc;
    outline-style:none;
    padding:10px 20px;
    resize:none
}

.innercforminfo .gform_wrapper .top_label input.medium,.innercforminfo .gform_wrapper .top_label select.medium {
    border:1px solid #ccc;
    padding:10px 20px;
    width:100%;
    margin-bottom:15px
}

.innercforminfo .gform_wrapper .top_label .gfield_label {
    line-height:inherit;
    padding-top:3px;
    display:none
}

div#gform_confirmation_message_2 {
    font-size:21px;
    text-align:center
}

.innercforminfo .checkpricing li {
    display:inline-block;
    margin-right:10px!important;
    vertical-align:middle
}

.innercforminfo .gform_wrapper .gfield_checkbox li label,.innercforminfo .gform_wrapper .gfield_radio li label {
    line-height:1.8
}

.checkpricing {
    padding-bottom:5px
}

.supplier-email {
    display:none
}

.checkpricing label {
    display:block!important
}

.view-content {
    margin-bottom:32px
}

@media only screen and (max-width:640px) {
    .view-content {
        font-size:14px;
        line-height:1.5
    }

}

.width-100 {
    width:100%!important
}

.width-100 img {
    width:100%
}

.gallery {
    position:relative;
    opacity:0;
    width:766px
}

@media only screen and (max-width:1228px) {
    .gallery {
        width:562px
    }

}

@media only screen and (max-width:1023px) {
    .gallery {
        width:100%
    }

}

.gallery.active {
    opacity:1
}

.gallery .slick-slide {
    position:relative
}

.gallery--article a,.gallery--article a:hover,.gallery--article a:visit,.gallery--post a,.gallery--post a:hover,.gallery--post a:visit {
    color:#F5A623
}

.gallery--article .slick-slide,.gallery--post .slick-slide {
    min-height:512px;
    margin-right:16px
}

@media only screen and (max-width:1228px) {
    .gallery--article .slick-slide,.gallery--post .slick-slide {
        min-height:376px
    }

}

@media only screen and (max-width:640px) {
    .gallery--article .slick-slide,.gallery--post .slick-slide {
        min-height:0
    }

}

.gallery--article .slick-slide img,.gallery--post .slick-slide img {
    min-height:512px;
    max-height:512px;
    height:512px;
    width:auto!important;
    max-width:none!important
}

@media only screen and (max-width:1228px) {
    .gallery--article .slick-slide img,.gallery--post .slick-slide img {
        min-height:376px;
        max-height:376px;
        height:376px
    }

}

@media only screen and (max-width:640px) {
    .gallery--article .slick-slide img,.gallery--post .slick-slide img {
        min-height:0;
        max-width:295px!important;
        max-height:188px;
        height:auto
    }

}

.gallery--product,.gallery--sevice,.gallery--tip {
    height:527px;
    overflow:hidden
}

@media only screen and (max-width:1228px) {
    .gallery--product,.gallery--sevice,.gallery--tip {
        height:386px
    }

}

@media only screen and (max-width:1023px) {
    .gallery--product,.gallery--sevice,.gallery--tip {
        height:auto
    }

}

.gallery--product .slick-slide img,.gallery--sevice .slick-slide img,.gallery--tip .slick-slide img {
    cursor:pointer;
    width:100%!important
}

.gallery .slick-slide {
    height:100%
}

.gallery .slick-slide img {
    cursor:pointer
}

@media only screen and (max-width:640px) {
    .gallery {
        margin-top:24px!important
    }

}

.gallery__slide {
    opacity:0;
    -webkit-transition:opacity 250ms ease-in-out;
    transition:opacity 250ms ease-in-out
}

.gallery-meta {
    float:left;
    margin-top:16px;
    width:100%;
    font-weight:700;
    color:#B9B9B9
}

@media only screen and (max-width:640px) {
    .gallery-meta {
        font-size:11px;
        line-height:1.2;
        padding:0 16px
    }

}

.gallery__count {
    float:left;
    margin-top:5px;
    margin-right:32px
}

@media only screen and (max-width:640px) {
    .gallery__count {
        width:15%;
        margin-right:0;
        padding-right:8px;
        font-weight:400
    }

}

.gallery__base-caption {
    display:none
}

.gallery__link-fancy {
    display:none
}

.gallery__show-caption {
    margin-top:5px;
    float:left;
    width:100%;
    max-width:580px
}

@media only screen and (max-width:1228px) {
    .gallery__show-caption {
        max-width:400px
    }

}

@media only screen and (max-width:640px) {
    .gallery__show-caption {
        width:85%;
        padding-right:16px
    }

    .gallery__show-caption p {
        font-size:11px;
        font-weight:400;
        line-height:1.2
    }

}

.gallery__controls {
    float:right
}

@media only screen and (max-width:640px) {
    .gallery__controls {
        display:none
    }

}

.gallery__control {
    display:inline-block;
    float:left;
    border:1px solid #ddd;
    border-radius:16px;
    height:32px;
    width:32px;
    line-height:32px;
    text-align:center;
    cursor:pointer;
    -webkit-transition:background 50ms ease-in-out;
    transition:background 50ms ease-in-out
}

.gallery__control:hover {
    background:#ddd
}

.gallery__control:hover i {
    color:#fff
}

.gallery__control i {
    line-height:30px;
    float:none;
    color:#CCC;
    font-size:20px;
    -webkit-transition:color 50ms ease-in-out;
    transition:color 50ms ease-in-out
}

.gallery__control__next {
    margin-left:4px
}

.gallery__control__next i {
    margin-left:2px
}

.gallery__control__prev {
    margin-left:4px
}

.gallery__control__prev i {
    margin-left:-1px
}

.supplier-logo {
    text-align:center
}

.supplier-logo a {
    width:100%;
    display:inline-block;
    float:left;
    text-align:center
}

@media only screen and (max-width:640px) {
    .supplier-logo a {
        width:50%
    }

}

.supplier-logo img {
    max-width:250px;
    max-height:80px;
    margin:0 auto;
    padding:0 16px
}

.supplier-contact__list,.supplier-profile__list {
    font-family:Helvetica Neue,NeuzeitGro-Bol,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size:16px;
    line-height:36px;
    float:left;
    width:100%
}

@media only screen and (max-width:640px) {
    .supplier-contact__list,.supplier-profile__list {
        font-size:14px
    }

}

.supplier-contact__list li,.supplier-profile__list li {
    float:left;
    width:100%
}

.supplier-contact__list li a,.supplier-profile__list li a {
    display:inline-block;
    float:left
}

@media only screen and (max-width:640px) {
    .supplier-contact__list li a,.supplier-profile__list li a {
        width:100%;
        padding-left:40px
    }

}

@media only screen and (max-width:640px) {
    .supplier-contact__list li a:after,.supplier-profile__list li a:after {
        float:right;
        margin-right:16px;
        font-family:Icons;
        color:#ddd;
        font-size:20px;
        line-height:36px;
        content:"\e602";
        position:absolute;
        right:0
    }

}

.supplier-contact__list li:before,.supplier-profile__list li:before {
    float:left;
    display:inline-block;
    margin-right:12px;
    font-family:Icons;
    color:#ddd;
    font-size:26px;
    line-height:36px
}

@media only screen and (max-width:640px) {
    .supplier-contact__list li:before,.supplier-profile__list li:before {
        position:absolute
    }

}

.supplier-contact__list li.s-profile:before,.supplier-profile__list li.s-profile:before {
    content:"\e612"
}

.supplier-contact__list li.s-web:before,.supplier-profile__list li.s-web:before {
    content:"\e60a"
}

.supplier-contact__list li.s-phone:before,.supplier-profile__list li.s-phone:before {
    content:"\e60b"
}

.supplier-contact__list li.s-email:before,.supplier-profile__list li.s-email:before {
    content:"\e609"
}

.supplier-contact__list li.s-locations:before,.supplier-profile__list li.s-locations:before {
    content:"\e608"
}

.supplier-contact__list li.s-profile:before,.supplier-profile__list li.s-profile:before {
    content:"\e901"
}

.supplier-contact__list li.s-newspaper:before,.supplier-profile__list li.s-newspaper:before {
    content:"\e900"
}

.supplier-contact__locations,.supplier-profile__locations {
    display:none;
    float:left;
    width:100%
}

.supplier-contact__locations.active,.supplier-profile__locations.active {
    display:block
}

@media only screen and (max-width:640px) {
    .supplier-accreditation {
        display:none
    }

}

.supplier-accreditation__list {
    font-family:Helvetica Neue,NeuzeitGro-Reg,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size:16px;
    line-height:36px;
    float:left;
    width:100%
}

.supplier-accreditation__list li {
    float:left;
    width:100%
}

.supplier-accreditation__list li a {
    display:inline-block;
    float:left
}

.supplier-accreditation__list li:before {
    float:left;
    display:inline-block;
    margin-right:12px;
    font-family:Icons;
    color:#F5A623;
    font-size:26px;
    line-height:36px
}

.supplier-accreditation__list li.s-tick:before {
    content:"\e610"
}

.supplier-accreditation__list li.s-wels:before {
    content:"3";
    height:22px;
    width:22px;
    border-radius:11px;
    background:#F5A623;
    margin-top:6px;
    font-size:13px;
    margin-right:17px;
    color:#fff;
    font-family:Helvetica,Arial,san-serif;
    line-height:21px;
    text-align:center;
    font-weight:700;
    letter-spacing:0
}

.supplier-accreditation__list li.s-energy:before {
    content:"\e60f"
}

@media only screen and (max-width:640px) {
    .supplier-downloads {
        display:none
    }

}

.supplier-downloads__list {
    line-height:36px;
    float:left;
    width:100%;
    font-size:13px
}

.supplier-downloads__list li {
    float:left;
    width:100%
}

.supplier-downloads__list li a {
    display:inline-block;
    float:left;
    width:220px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}

.supplier-downloads__list li:before {
    float:left;
    display:inline-block;
    margin-right:12px;
    font-family:Icons;
    color:#ddd;
    font-size:26px;
    line-height:36px
}

.supplier-downloads__list li.s-download:before {
    content:"\e605"
}

.supplier-credentials {
    margin-bottom:32px;
    float:left;
    width:100%
}

@media only screen and (max-width:640px) {
    .supplier-credentials {
        padding:0 16px
    }

}

.supplier-credentials p.bold {
    margin-bottom:8px
}

.supplier-credentials .p-credentials p {
    font-size:15px;
    line-height:30px;
    font-family:Georgia,Times,sans-serif
}

@media only screen and (max-width:640px) {
    .supplier-credentials .p-credentials p {
        line-height:1.75
    }

}

.supplier-accreditation-mobile,.supplier-downloads-mobile {
    display:none;
    float:left;
    width:100%
}

@media only screen and (max-width:640px) {
    .supplier-accreditation-mobile,.supplier-downloads-mobile {
        display:block;
        padding:0 16px;
        margin-bottom:16px
    }

}

.supplier-accreditation-mobile p.bold,.supplier-downloads-mobile p.bold {
    margin-bottom:8px
}

@media only screen and (max-width:640px) {
    .supplier-accreditation-mobile.hide,.supplier-downloads-mobile.hide {
        display:none
    }

}

@media only screen and (max-width:640px) {
    .single-share {
        margin-bottom:0!important
    }

}

.single-share__list {
    line-height:30px;
    float:left;
    width:100%;
    font-size:13px
}

.single-share__list li {
    float:left;
    width:100%
}

@media only screen and (max-width:640px) {
    .single-share__list li {
        width:25%;
        border:1px solid transparent;
        border-bottom:none;
        text-align:center
    }

}

.single-share__list li i {
    float:left;
    line-height:30px;
    font-size:20px;
    margin:0 16px 0 0;
    color:#CCC
}

@media only screen and (max-width:640px) {
    .single-share__list li i {
        float:none;
        margin:0;
        color:#fff!important
    }

}

@media only screen and (max-width:640px) {
    .single-share__list li.share-fb a {
        background:#3b5998
    }

}

@media only screen and (max-width:640px) {
    .single-share__list li.share-twtr a {
        background:#00aced
    }

}

@media only screen and (max-width:640px) {
    .single-share__list li.share-email a {
        background:#50E3C2
    }

}

@media only screen and (max-width:640px) {
    .single-share__list li.share-pin a {
        background:#cb2027
    }

}

.single-share__list li a {
    display:inline-block;
    float:left
}

@media only screen and (max-width:640px) {
    .single-share__list li a {
        width:100%;
        padding:8px
    }

}

@media only screen and (max-width:640px) {
    .single-share__list li span {
        display:none
    }

}

@media only screen and (max-width:640px) {
    .sidebar-stream .single-share {
        display:none
    }

}

.social-mobile {
    display:none
}

@media only screen and (max-width:640px) {
    .social-mobile {
        display:block
    }

}

.social-mobile .panel--ui {
    border:none
}

.supplier-info-mobile {
    display:none
}

@media only screen and (max-width:640px) {
    .supplier-info-mobile {
        display:block;
        background:#f9f9f9;
        padding:0 0 16px 0;
        margin:16px 0 0 0
    }

}

.supplier-info-mobile .supplier-logo {
    padding:0 16px
}

.supplier-info-mobile .supplier-logo a {
    width:100%;
    text-align:left
}

.supplier-info-mobile .supplier-logo img {
    max-height:80px;
    width:auto;
    padding:16px 0
}

.supplier-info-mobile .panel--ui {
    border:none;
    background:0 0
}

.supplier-info-mobile .panel--ui.supplier-logo {
    background:#fff
}

.locations__block {
    float:left;
    width:100%;
    border-top:1px solid #ededed;
    margin-top:16px;
    padding-top:16px;
    padding-left:36px;
    position:relative
}

@media only screen and (max-width:640px) {
    .locations__block {
        padding-left:40px
    }

}

.locations__block:before {
    content:"\e608";
    float:left;
    position:absolute;
    display:inline-block;
    margin-right:12px;
    font-family:Icons;
    color:#ddd;
    font-size:26px;
    line-height:36px;
    left:0;
    top:10px
}

.locations__block p {
    margin:0
}

.locations__block .state {
    text-transform:uppercase
}

.post-meta {
    float:left;
    width:100%
}

.post-meta div {
    padding:0 32px;
    float:left;
    width:100%;
    margin-top:5px
}

@media only screen and (max-width:640px) {
    .post-meta div {
        padding:0 16px
    }

}

.post-meta div:first-child {
    border-top:1px solid #ededed;
    padding-top:32px
}

@media only screen and (max-width:640px) {
    .post-meta div:first-child {
        border-top:none;
        padding-top:0
    }

}

.post-meta div:last-child {
    padding-bottom:32px
}

@media only screen and (max-width:640px) {
    .post-meta div:last-child {
        padding-bottom:16px
    }

}

.meta-title {
    font-weight:700;
    margin-right:6px
}

.single-specs {
    margin-bottom:32px;
    border-top:1px solid #ededed;
    padding-top:32px!important
}

@media only screen and (max-width:640px) {
    .single-specs {
        padding:16px!important;
        margin-bottom:0
    }

}

.single-specs h3 {
    margin-bottom:16px
}

@media only screen and (max-width:640px) {
    .single-specs h3 {
        font-size:15px;
        margin-bottom:8px
    }

}

.single-specs__spec p a {
    color:#F5A623
}

.article-meta p {
    margin:0;
    font-size:13px
}

@media only screen and (max-width:640px) {
    .article-meta {
        padding:16px!important
    }

}

.article-intro {
    font-size:18px;
    line-height:32px;
    color:#222!important;
    padding-left:5%;
    border-left:3px solid #F5A623;
    margin-bottom:40px;
    padding-right:2%
}

@media only screen and (max-width:640px) {
    .article-intro {
        margin-bottom:24px;
        padding-right:0;
        padding-left:0;
        border-left:none
    }

}

.article-intro *,.article-intro p {
    line-height:32px!important;
    font-size:18px!important
}

.article-button {
    margin-top:1rem
}

.article-button .button {
    background:#F5A623;
    border-radius:0;
    color:#fff;
    display:inline-block;
    margin-top:12px;
    margin:1em 0 0;
    padding:16px 26px;
    text-align:center
}

@media only screen and (max-width:640px) {
    .sidebar-stream.sidebar-article,.sidebar-stream.sidebar-post,.sidebar-stream.sidebar-product,.sidebar-stream.sidebar-service {
        margin-top:0;
        padding:16px 0 0 0
    }

}

@media only screen and (max-width:640px) {
    .sidebar-stream.sidebar-article>.panel,.sidebar-stream.sidebar-post>.panel,.sidebar-stream.sidebar-product>.panel,.sidebar-stream.sidebar-service>.panel {
        margin-bottom:16px;
        padding:0 16px
    }

}

@media only screen and (max-width:640px) {
    .sidebar-stream.sidebar-article .panel--ui,.sidebar-stream.sidebar-post .panel--ui,.sidebar-stream.sidebar-product .panel--ui,.sidebar-stream.sidebar-service .panel--ui {
        border:none;
        padding:0
    }

}

.author-about {
    border-bottom:1px solid #ededed
}

.author-about .category-title {
    padding-bottom:32px
}

@media only screen and (max-width:640px) {
    .author-about .category-title {
        padding-bottom:0
    }

}

.author-description {
    float:left;
    width:100%;
    font-size:15px;
    line-height:30px;
    font-family:Georgia,Times,sans-serif
}

.author-description p {
    font-size:15px!important;
    line-height:30px;
    font-family:Georgia,Times,sans-serif
}

@media only screen and (max-width:640px) {
    .author-description p {
        line-height:1.75
    }

}

@media only screen and (max-width:640px) {
    .author-description {
        line-height:1.75
    }

}

.main-content-author .supplier-contact,.main-content-author .supplier-logo {
    display:none
}

@media only screen and (max-width:640px) {
    .main-content-author .supplier-contact,.main-content-author .supplier-logo {
        display:block
    }

}

.main-content-author .supplier-logo {
    background-size:400px auto;
    border-bottom:1px solid #F8F8F8!important;
    text-align:left
}

.main-content-author .supplier-logo img {
    max-width:150px;
    padding:6px;
    background:#fff
}

@media only screen and (max-width:640px) {
    .main-content-author .breadcrumb__list {
        margin-bottom:0
    }

}

.main-content-author .panel--ui {
    border:none;
    border-radius:0
}

.main-content-author .panel--ui.supplier-logo {
    min-height:100px;
    padding:16px
}

.main-content-author .category-title h3 {
    width:100%
}

.home-content-stream>*+* {
    margin-top:64px
}

.home-content-stream>*+.follows-feed {
    margin-top:32px
}

@media only screen and (max-width:640px) {
    .home-content-stream>*+* {
        margin-top:16px
    }

    .home-content-stream>*+.follows-feed {
        margin-top:16px
    }

}

.featured-post-slider {
    opacity:0
}

.featured-post-slider.slick-initialized {
    opacity:1
}

.featured-post-slider.slick-slider.slick-dotted {
    margin-bottom:0
}

.featured-post-slider article {
    position:relative
}

.featured-post-slider article::after {
    content:"";
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.3)));
    background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.3));
    position:absolute;
    bottom:0;
    top:50%;
    left:0;
    right:0;
    width:100%;
    z-index:1
}

.featured-post-slider .slick-dots {
    left:16px;
    bottom:32px;
    text-align:left;
    width:auto;
    z-index:1
}

@media only screen and (max-width:640px) {
    .featured-post-slider .slick-dots {
        bottom:16px
    }

}

.featured-post-slider .slick-dots li {
    margin:0;
    height:auto;
    width:auto
}

.featured-post-slider .slick-dots li+li {
    margin-left:7px
}

.featured-post-slider .slick-dots li.slick-active button {
    opacity:1
}

.featured-post-slider .slick-dots button {
    background:#fff;
    border-radius:100%;
    width:14px;
    height:14px;
    opacity:.5;
    padding:0;
    -webkit-transition:opacity .2s;
    transition:opacity .2s;
    will-change:opacity
}

.featured-post-slider .slick-dots button::before {
    content:none
}

.featured-loop {
    position:relative
}

@media only screen and (max-width:640px) {
    .featured-loop.panel--ui {
        border:none;
        background:0 0
    }

}

.featured__image {
    overflow:hidden;
    height:600px
}

@media only screen and (max-width:1228px) {
    .featured__image {
        height:368px
    }

}

@media only screen and (max-width:1023px) {
    .featured__image {
        height:auto
    }

}

.featured__image a {
    opacity:1
}

.featured__image a::after {
    bottom:0;
    content:"";
    display:block;
    height:100%;
    left:0;
    opacity:.5;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    z-index:3
}

.featured__meta {
    left:16px;
    right:16px;
    bottom:60px;
    position:absolute;
    width:auto;
    z-index:2
}

@media only screen and (max-width:640px) {
    .featured__meta {
        bottom:48px
    }

}

.featured__meta *,.featured__meta a {
    color:#fff
}

.featured__meta .article-excerpt,.featured__meta .update-meta,.featured__meta h3 {
    text-shadow:0 0 5px rgba(0,0,0,.6)
}

@media only screen and (max-width:640px) {
    .featured__meta h3 {
        font-size:16px;
        line-height:1.5
    }

}

.featured__meta .update-meta {
    margin-bottom:0
}

.featured__meta .article-excerpt {
    font-family:Georgia,Times,sans-serif;
    font-size:14px;
    line-height:26px
}

.featured__meta .article-excerpt p {
    font-size:14px;
    line-height:26px
}

@media only screen and (max-width:640px) {
    .featured__meta .article-excerpt p {
        line-height:20px
    }

}

.homepage--latest-issue {
    background:url(../images/bg/leaf_bg_sm.svg) left 50% #fff;
    background-size:125% 125%;
    border:none;
    padding:0;
    text-align:center
}

@media only screen and (max-width:640px) {
    .homepage--latest-issue {
        display:none
    }

}

.home-content-stream .homepage--latest-issue {
    display:none
}

@media only screen and (max-width:640px) {
    .home-content-stream .homepage--latest-issue {
        display:block
    }

}

@media only screen and (max-width:640px) {
    .homepage--latest-issue.panel--ui {
        border:none
    }

}

.homepage--latest-issue a {
    display:block;
    position:relative
}

.homepage--latest-issue a::before {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    content:"";
    background:rgba(0,0,0,.4);
    display:block;
    height:100%;
    opacity:0;
    -webkit-transition:opacity .2s;
    transition:opacity .2s;
    will-change:opacity;
    width:100%;
    z-index:1
}

.homepage--latest-issue a:focus span,.homepage--latest-issue a:focus::before,.homepage--latest-issue a:hover span,.homepage--latest-issue a:hover::before {
    opacity:1
}

@media only screen and (max-width:640px) {
    .homepage--latest-issue a::before {
        content:none
    }

}

.homepage--latest-issue span {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    color:#fff;
    display:block;
    font-size:18px;
    font-weight:700;
    opacity:0;
    -webkit-transition:opacity .2s;
    transition:opacity .2s;
    width:100%;
    will-change:opacity;
    z-index:1
}

@media only screen and (max-width:640px) {
    .homepage--latest-issue span {
        color:#4a4a4a;
        margin-top:1em;
        opacity:1;
        position:relative
    }

}

@media only screen and (max-width:640px) {
    .homepage--latest-issue img {
        margin-top:16px
    }

}

.home-content-stream .subscribe-now {
    display:none
}

@media only screen and (max-width:640px) {
    .home-content-stream .subscribe-now {
        display:block
    }

}

@media only screen and (max-width:640px) {
    .subscribe-now {
        display:none
    }

}

@media only screen and (max-width:640px) {
    .subscribe-now {
        margin:16px 0!important
    }

}

@media only screen and (max-width:640px) {
    .subscribe-now.panel--ui {
        background:0 0;
        border:none
    }

}

.subscribe-now a {
    color:#fff;
    float:left;
    display:block;
    opacity:1;
    width:100%
}

@media only screen and (max-width:640px) {
    .subscribe-now a {
        background:#fff
    }

}

.subscribe-now a:hover .subscribe-now__inner {
    background:url(../images/bg/leaf_bg_sm_white.svg) center center #50E3C2
}

.subscribe-now__inner {
    background:url(../images/bg/leaf_bg_sm_white.svg) center center #50E3C2;
    float:left;
    padding:21.33px;
    text-align:center;
    -webkit-transition:background 150ms ease-in-out;
    transition:background 150ms ease-in-out;
    width:100%
}

.subscribe-now h2 {
    font-weight:700;
    border-bottom:3px solid #fff;
    display:inline-block;
    margin-bottom:8px;
    line-height:24px
}

.subscribe-now h3 {
    font-size:15px
}

@media only screen and (max-width:640px) {
    .thumb-half-homepage.col-50 {
        width:100%
    }

}

.thumb-half-homepage.col-50:nth-of-type(n) {
    clear:none
}

.thumb-half-homepage.col-50:nth-of-type(2n+1) {
    clear:both
}

.thumb-half-homepage:nth-of-type(odd) .thumb-block__inner {
    margin-right:16px
}

@media only screen and (max-width:640px) {
    .thumb-half-homepage:nth-of-type(odd) .thumb-block__inner {
        margin-right:0
    }

}

.thumb-half-homepage:nth-of-type(even) .thumb-block__inner {
    margin-left:14px
}

@media only screen and (max-width:640px) {
    .thumb-half-homepage:nth-of-type(even) .thumb-block__inner {
        margin-left:0
    }

}

.thumb-half-homepage .thumb-block__image {
    float:left;
    width:100%;
    border:none
}

@media only screen and (max-width:640px) {
    .thumb-half-homepage .thumb-block__image {
        width:40%;
        border:none;
        overflow:visible
    }

}

.thumb-half-homepage .thumb-block__inner {
    margin:0 0 32px 0;
    float:left;
    border:1px solid #ededed;
    background:#fff;
    border-radius:3px;
    overflow:hidden
}

@media only screen and (max-width:640px) {
    .thumb-half-homepage .thumb-block__inner {
        width:100%;
        border:none;
        border-radius:0;
        margin-bottom:8px
    }

}

.thumb-half-homepage .thumb-block__meta {
    float:left;
    width:100%;
    padding:16px;
    margin-top:0
}

.thumb-half-homepage .thumb-block__meta .bold,.thumb-half-homepage .thumb-block__meta .thumb-author {
    width:320px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    float:left
}

@media only screen and (max-width:1228px) {
    .thumb-half-homepage .thumb-block__meta .bold,.thumb-half-homepage .thumb-block__meta .thumb-author {
        width:250px
    }

}

@media only screen and (max-width:640px) {
    .thumb-half-homepage .thumb-block__meta .bold,.thumb-half-homepage .thumb-block__meta .thumb-author {
        display:block;
        width:100%;
        overflow:auto;
        white-space:normal;
        text-overflow:initial
    }

}

@media only screen and (max-width:640px) {
    .thumb-half-homepage .thumb-block__meta {
        width:60%
    }

}

@media only screen and (max-width:640px) {
    .thumb-half-homepage .thumb-block__meta {
        padding:0 12px
    }

}

.thumb-half-homepage .update-meta {
    margin-bottom:0
}

a.designbook-tax {
    position:absolute;
    left:0;
    bottom:0;
    padding:0 16px 8px 16px;
    font-size:13px;
    color:#fff
}

@media only screen and (max-width:640px) {
    a.designbook-tax {
        display:none
    }

}

.featured-link {
    float:left;
    position:relative;
    width:100%
}

.shadow-assist {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.2)));
    background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.2));
    height:40px
}

@media only screen and (max-width:640px) {
    .shadow-assist {
        display:none
    }

}

.thumb-full-updates {
    margin-top:32px
}

@media only screen and (max-width:640px) {
    .thumb-full-updates {
        background:#fff;
        margin-top:8px
    }

}

.thumb-full-updates:first-of-type {
    margin-top:0
}

.thumb-full-updates .thumb-block__inner {
    margin:0
}

.thumb-full-updates .thumb-block__image {
    float:left;
    width:22%
}

@media only screen and (max-width:640px) {
    .thumb-full-updates .thumb-block__image {
        width:40%
    }

}

.thumb-full-updates .thumb-block__meta {
    width:78%;
    float:left;
    padding-left:32px
}

@media only screen and (max-width:640px) {
    .thumb-full-updates .thumb-block__meta {
        width:60%;
        padding-left:0;
        padding:12px
    }

}

.thumb-full-updates .article-excerpt {
    font-family:Georgia,Times,sans-serif;
    font-size:13px;
    line-height:1.8
}

@media only screen and (max-width:640px) {
    .thumb-full-updates .article-excerpt {
        display:none
    }

}

.panel.social-stream {
    margin-top:0!important
}

@media only screen and (max-width:640px) {
    .panel.social-stream {
        padding:0 16px
    }

}

.social-block {
    float:left;
    margin-top:16px;
    width:100%
}

.social-block:first-of-type {
    margin-top:16px
}

.social-block--instagram.panel--ui {
    border:none;
    padding:0
}

@media only screen and (max-width:640px) {
    .panel.social-block--twitter {
        padding:0 16px
    }

}

.tweet {
    margin-top:16px;
    margin-bottom:0
}

.status {
    font-family:Georgia,Times,sans-serif
}

.meta a {
    color:#B9B9B9
}

.panel.post-feed-small {
    margin-top:16px!important
}

@media only screen and (max-width:640px) {
    .panel.post-feed-small {
        padding:0 16px
    }

}

.panel.post-feed-small article>a {
    display:block
}

.panel.post-feed-small article>a:after,.panel.post-feed-small article>a:before {
    content:" ";
    display:table
}

.panel.post-feed-small article>a:after {
    clear:both
}

.panel.post-feed-small article+article {
    margin-top:16px
}

.panel.post-feed-small img {
    display:block;
    float:left;
    height:auto;
    width:40%
}

.panel.post-feed-small h4 {
    float:left;
    margin-left:16px;
    width:calc(60% - 16px)
}

.timeline {
    list-style:none;
    padding:32px 0;
    position:relative
}

@media only screen and (max-width:640px) {
    .timeline {
        padding:0
    }

}

.timeline-badge .glyphicon {
    color:#fff;
    text-align:center;
    line-height:30px;
    font-size:18px;
    width:32px;
    height:32px
}

@media only screen and (max-width:640px) {
    .timeline-badge .glyphicon {
        display:none
    }

}

.jscroll-loading {
    padding:32px 0
}

.timeline__user-meta {
    margin-bottom:2px;
    font-size:13px;
    width:90%;
    float:left
}

.timeline:before {
    top:-32px;
    bottom:0;
    position:absolute;
    content:" ";
    width:1px;
    background-color:#ededed;
    left:50%;
    margin-left:0
}

@media only screen and (max-width:640px) {
    .timeline:before {
        top:-16px;
        display:none
    }

}

.timeline>li {
    margin-bottom:16px;
    position:relative
}

@media only screen and (max-width:640px) {
    .timeline>li {
        margin-bottom:8px
    }

}

.timeline>li:after,.timeline>li:before {
    content:" ";
    display:table
}

.timeline>li:after {
    clear:both
}

.timeline>li:after,.timeline>li:before {
    content:" ";
    display:table
}

.timeline>li:after {
    clear:both
}

.timeline>li>.timeline-panel {
    width:46%;
    float:left;
    border:1px solid #ededed;
    border-radius:2px;
    padding:16px;
    background:#f9f9f9;
    position:relative;
    -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.05);
    box-shadow:0 1px 3px 0 rgba(0,0,0,.05)
}

@media only screen and (max-width:640px) {
    .timeline>li>.timeline-panel {
        width:100%;
        background:#fff;
        padding:12px;
        -webkit-box-shadow:none;
        box-shadow:none;
        padding-right:16px
    }

}

.timeline>li>.timeline-panel:before {
    position:absolute;
    top:15px;
    right:-15px;
    display:inline-block;
    border-top:15px solid transparent;
    border-left:15px solid #ededed;
    border-right:0 solid #ededed;
    border-bottom:15px solid transparent;
    content:" "
}

@media only screen and (max-width:640px) {
    .timeline>li>.timeline-panel:before {
        display:none
    }

}

.timeline>li>.timeline-panel:after {
    position:absolute;
    top:16px;
    right:-14px;
    display:inline-block;
    border-top:14px solid transparent;
    border-left:14px solid #f9f9f9;
    border-right:0 solid #f9f9f9;
    border-bottom:14px solid transparent;
    content:" "
}

@media only screen and (max-width:640px) {
    .timeline>li>.timeline-panel:after {
        display:none
    }

}

.timeline>li>.timeline-badge {
    color:#fff;
    width:32px;
    height:32px;
    line-height:32px;
    font-size:1.4em;
    text-align:center;
    position:absolute;
    top:16px;
    left:50%;
    margin-left:-16px;
    background-color:#999;
    z-index:1;
    border-radius:50%
}

@media only screen and (max-width:640px) {
    .timeline>li>.timeline-badge {
        left:auto;
        right:12px;
        top:12px;
        height:8px;
        width:8px
    }

}

.timeline>li.timeline-inverted>.timeline-panel {
    float:right
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width:0;
    border-right-width:15px;
    left:-15px;
    right:auto
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width:0;
    border-right-width:14px;
    left:-14px;
    right:auto
}

.timeline-badge.primary {
    background-color:#F5A623!important
}

.timeline-badge.success {
    background-color:#F5A623!important
}

.timeline-badge.warning {
    background-color:#50E3C2!important
}

.timeline-badge.danger {
    background-color:#d9534f!important
}

.timeline-badge.info {
    background-color:#F9CA7B!important
}

.timeline-title {
    margin-top:2px;
    color:inherit;
    float:left;
    width:100%;
    font-size:13px
}

@media only screen and (max-width:640px) {
    .timeline-title {
        padding-left:10%
    }

}

.timeline-body {
    width:100%;
    float:left;
    font-size:13px;
    margin-top:13px;
    font-weight:700;
    color:#4a4a4a;
    border-top:1px solid #ededed;
    padding:13px 0 0 0
}

.timeline-body p {
    font-size:13px
}

.timeline-body p:after,.timeline-body p:before {
    content:'"'
}

@media only screen and (max-width:640px) {
    .timeline-body {
        padding-left:10%
    }

}

.timeline-body>p,.timeline-body>ul {
    margin-bottom:0
}

.timeline-body>p+p {
    margin-top:5px
}

.no-designbook-adds {
    float:left;
    width:100%;
    padding-bottom:32px;
    text-align:center
}

@media only screen and (max-width:640px) {
    .no-designbook-adds h3 {
        font-size:14px
    }

}

.gmdb-create-account-blurb,.gmdb-intro {
    padding:21.33px 32px;
    text-align:center;
    border-bottom:1px solid #ededed
}

.gmdb-create-account-blurb h3,.gmdb-create-account-blurb p,.gmdb-intro h3,.gmdb-intro p {
    font-size:15px;
    line-height:1.5
}

@media only screen and (max-width:640px) {
    .gmdb-create-account-blurb h3,.gmdb-create-account-blurb p,.gmdb-intro h3,.gmdb-intro p {
        font-size:14px
    }

}

.gmdb-blurb {
    padding:21.33px 32px;
    text-align:center;
    border-top:1px solid #ededed
}

.gmdb-blurb p {
    font-size:15px;
    line-height:1.5
}

@media only screen and (max-width:640px) {
    .gmdb-blurb p {
        font-size:14px
    }

}

.gmdb-account-terms {
    border-top:1px solid #ededed;
    padding:21.33px 32px;
    text-align:center
}

.gmdb-account-terms p {
    font-size:11px;
    line-height:1.5
}

.gmdb-other-actions {
    border-top:1px solid #ededed;
    padding:21.33px 32px;
    text-align:center
}

.gmdb-other-actions p {
    font-size:11px;
    line-height:1.5
}

.my-designbook-title {
    float:left;
    position:relative;
    background:#fff;
    width:100%;
    border-bottom:1px solid #ededed;
    padding:32px
}

@media only screen and (max-width:640px) {
    .my-designbook-title {
        padding:16px
    }

}

.my-designbook-title span {
    color:#CCC;
    font-size:21px
}

@media only screen and (max-width:640px) {
    .my-designbook-title span {
        font-size:14px
    }

}

@media only screen and (max-width:640px) {
    .sidebar-stream.my-gmdb-stream {
        padding:0 16px
    }

}

.avatar--large {
    float:left;
    overflow:hidden;
    border-radius:32px;
    margin-right:32px
}

@media only screen and (max-width:640px) {
    .avatar--large {
        margin-right:16px;
        width:32px
    }

}

.user-title--large {
    float:left;
    line-height:64px
}

@media only screen and (max-width:640px) {
    .user-title--large {
        font-size:14px;
        line-height:32px
    }

}

.my-designbook-sidebar * {
    font-size:13px
}

.my-designbook-sidebar p {
    margin-bottom:0
}

.my-designbook-sidebar .sidebar-menu-list li {
    padding:0
}

.db-menu-list {
    float:left;
    width:100%;
    margin-top:16px
}

.db-menu-list:first-of-type {
    margin-top:0
}

.gform_body .ginput_container textarea.medium {
    display:block;
    width:100%;
    padding:6px 12px;
    font-size:14px;
    line-height:1.428571429;
    color:#555;
    border:1px solid #ddd;
    max-height:150px;
    border-radius:4px
}

.form-control,.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),.gform_wrapper select:not([multiple=multiple]),.gform_wrapper textarea {
    border-radius:4px;
    border:1px solid #ddd;
    color:#555;
    display:block;
    font-size:14px;
    height:44px;
    line-height:1.428571429;
    max-height:150px;
    padding:6px 12px;
    width:100%
}

.form-control:focus,.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,.gform_wrapper select:not([multiple=multiple]):focus,.gform_wrapper textarea:focus {
    border-color:#66afe9;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.form-control::-moz-placeholder,.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder,.gform_wrapper select:not([multiple=multiple])::-moz-placeholder,.gform_wrapper textarea::-moz-placeholder {
    color:#999;
    opacity:1
}

.form-control:-ms-input-placeholder,.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-ms-input-placeholder,.gform_wrapper select:not([multiple=multiple]):-ms-input-placeholder,.gform_wrapper textarea:-ms-input-placeholder {
    color:#999
}

.form-control::-webkit-input-placeholder,.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-webkit-input-placeholder,.gform_wrapper select:not([multiple=multiple])::-webkit-input-placeholder,.gform_wrapper textarea::-webkit-input-placeholder {
    color:#999
}

.form-control[disabled],.form-control[readonly],.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])[disabled],.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])[readonly],.gform_wrapper select:not([multiple=multiple])[disabled],.gform_wrapper select:not([multiple=multiple])[readonly],.gform_wrapper textarea[disabled],.gform_wrapper textarea[readonly],fieldset[disabled] .form-control,fieldset[disabled] .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),fieldset[disabled] .gform_wrapper select:not([multiple=multiple]),fieldset[disabled] .gform_wrapper textarea {
    background-color:#eee;
    opacity:1
}

.form-control[disabled],.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])[disabled],.gform_wrapper select:not([multiple=multiple])[disabled],.gform_wrapper textarea[disabled],fieldset[disabled] .form-control,fieldset[disabled] .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),fieldset[disabled] .gform_wrapper select:not([multiple=multiple]),fieldset[disabled] .gform_wrapper textarea {
    cursor:not-allowed
}

div.gform_wrapper .gform_footer {
    text-align:right
}

div.gform_wrapper .gform_footer input[type=submit] {
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    color:#fff!important;
    font-size:16px;
    margin:0;
    padding:1em 2em;
    text-align:center
}

.gmdb-dialog--thumb {
    width:253px;
    background:#fff
}

@media only screen and (max-width:1024px) {
    .gmdb-dialog--thumb {
        width:30%
    }

}

@media only screen and (max-width:640px) {
    .gmdb-dialog--thumb {
        width:100%
    }

}

.gmdb-dialog--thumb img {
    margin:0 auto;
    float:none;
    display:block
}

.gmdb-dialog--thumb__meta {
    padding:16px;
    float:left
}

@media only screen and (max-width:640px) {
    .gmdb-dialog--thumb__meta {
        border-top:1px solid #ededed
    }

}

.designbooks-adding:before {
    content:"\e613"!important
}

.designbooks-added:before {
    content:"\e610"!important
}

.gmdb-dialog-comments {
    width:480px;
    border-left:1px solid #ededed;
    background:#F8F8F8
}

@media only screen and (max-width:1024px) {
    .gmdb-dialog-comments {
        width:70%
    }

}

@media only screen and (max-width:640px) {
    .gmdb-dialog-comments {
        width:100%
    }

}

.gmdb-dialog-comments__stream {
    width:100%;
    max-height:250px;
    min-height:150px;
    padding:16px 48px 16px 16px;
    overflow-y:scroll
}

@media only screen and (max-width:640px) {
    .gmdb-dialog-comments__stream {
        min-height:0
    }

}

.gmdb-dialog-comments>.row {
    margin:0
}

.gmdb-dialog__comment {
    float:left;
    width:100%;
    margin-top:16px
}

.gmdb-dialog__comment:first-of-type {
    margin-top:0
}

.gmdb-caption-first {
    display:none
}

.gmdb-caption-first:first-child {
    display:block;
    margin-top:-4px
}

.comment__user-meta {
    width:100%;
    float:left
}

.comment__avatar {
    width:10%;
    padding-right:3%;
    float:left
}

.comment__avatar img {
    border-radius:50%;
    overflow:hidden
}

.comment__details {
    float:left;
    width:88%
}

.comment__user-meta {
    margin-bottom:2px;
    font-size:13px
}

.comment__user-name {
    float:left
}

.comment__date-posted {
    float:left;
    color:#B9B9B9;
    margin-left:8px;
    font-size:12px
}

.comment__date-posted i {
    color:#CCC
}

.gmdb-form-wrap {
    float:left;
    width:100%
}

.gmdb-add-comment {
    padding:16px;
    border-top:1px solid #ededed
}

.gmdb-button-contain {
    float:left;
    width:100%;
    padding:16px;
    border-top:1px solid #ededed
}

.designbooks-btn-add span {
    display:none
}

.modal-body button.close {
    position:absolute;
    top:13px;
    right:10px;
    width:32px;
    height:32px;
    z-index:2;
    opacity:1
}

.modal-body button.close i {
    float:none;
    line-height:32px;
    margin-left:1px;
    color:#B9B9B9
}

#gmdb-dialog-additem .modal-body button.close {
    top:7px;
    right:5px
}

.modal-body button.cancel {
    background:#fff;
    border:1px solid #ddd;
    color:#4A4A4A;
    max-width:100px;
    margin-right:10px;
    font-size:13px
}

.modal-body button.share-cancel {
    width:49%;
    max-width:none;
    margin-right:1%;
    float:left
}

.gmdb-enews-title,.gmdb-share-title {
    padding:16px 32px;
    float:left;
    width:100%;
    background:#fff;
    border-bottom:1px solid #ededed
}

.gmdb-share {
    margin-bottom:32px;
    font-weight:700
}

@media only screen and (max-width:640px) {
    .gmdb-share {
        margin-bottom:16px
    }

}

.gmdb-share * {
    line-height:26px
}

.gmdb-share span {
    display:inline-block;
    vertical-align:middle
}

.gmdb-share .glyphicon {
    color:#fff;
    float:none;
    font-size:26px;
    margin-right:8px
}

.modal-body button.designbooks-btn-add {
    max-width:180px;
    font-weight:700;
    width:auto;
    font-size:13px
}

.modal-body button.gmdb-btn-share {
    width:49%;
    margin-left:1%;
    font-weight:700;
    font-size:13px;
    float:left
}

@media only screen and (max-width:640px) {
    .modal-body button.cancel {
        width:48%;
        float:left;
        margin-right:2%;
        max-width:100%;
        padding:16px 12px
    }

}

@media only screen and (max-width:640px) {
    .modal-body button.designbooks-btn-add,.modal-body button.gmdb-btn-share {
        float:left;
        width:48%;
        margin-left:2%;
        max-width:100%;
        padding:16px 12px
    }

}

#gmdb-dialog-enews .modal-body,#gmdb-dialog-login .modal-body,#gmdb-dialog-share .modal-body {
    width:400px
}

@media only screen and (max-width:640px) {
    #gmdb-dialog-enews .modal-body,#gmdb-dialog-login .modal-body,#gmdb-dialog-share .modal-body {
        width:92%;
        max-width:400px
    }

}

#gmdb-form-login,#gmdb-form-register {
    float:left;
    width:100%
}

#gmdb-form-login .form-control,#gmdb-form-register .form-control {
    height:44px
}

#gmdb-form-login .gfield_html,#gmdb-form-register .gfield_html {
    margin:18px 0 21px;
    padding:0 10px;
    text-align:center
}

#gmdb-form-enews .form-input-block,#gmdb-form-register .form-input-block {
    padding-top:0
}

#gmdb-form-enews .gfield_label,#gmdb-form-enews .instruction,#gmdb-form-enews label,#gmdb-form-register .gfield_label,#gmdb-form-register .instruction,#gmdb-form-register label {
    display:none
}

@media only screen and (min-width:641px) {
    #gmdb-form-enews .ginput_container_password,#gmdb-form-register .ginput_container_password {
        width:calc(100% + 15px)
    }

    #gmdb-form-enews .ginput_container_password .ginput_left,#gmdb-form-enews .ginput_container_password .ginput_right,#gmdb-form-register .ginput_container_password .ginput_left,#gmdb-form-register .ginput_container_password .ginput_right {
        padding:0 16px 0 0
    }

}

#gmdb-form-enews .ginput_container_password input.is-valid,#gmdb-form-register .ginput_container_password input.is-valid {
    border-color:#50E3C2
}

#gmdb-form-enews .ginput_container_password input.not-valid,#gmdb-form-register .ginput_container_password input.not-valid {
    border-color:#FF867F
}

#gmdb-form-enews .g-recaptcha>div,#gmdb-form-register .g-recaptcha>div {
    margin:0 auto
}

#gmdb-form-enews .gform_ajax_spinner,#gmdb-form-register .gform_ajax_spinner {
    display:none!important
}

@media only screen and (min-width:641px) {
    #gmdb-form-enews .gform_ajax_spinner,#gmdb-form-register .gform_ajax_spinner {
        display:block!important;
        height:auto;
        position:absolute;
        right:0;
        top:50%;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
        width:auto
    }

}

#gmdb-form-enews .gform_footer,#gmdb-form-register .gform_footer {
    position:relative;
    text-align:center
}

#gmdb-form-enews .gform_footer input[type=submit],#gmdb-form-register .gform_footer input[type=submit] {
    margin:0
}

#gmdb-form-enews .gform_wrapper,#gmdb-form-register .gform_wrapper {
    margin-top:0;
    margin-bottom:0
}

#gmdb-form-enews .gform_confirmation_wrapper,#gmdb-form-register .gform_confirmation_wrapper {
    padding-top:16px;
    font-weight:700;
    text-align:center
}

#gmdb-form-enews .validation_error,#gmdb-form-register .validation_error {
    display:none;
    margin:0;
    padding:0;
    border:0;
    text-align:center;
    font-size:15px
}

#gmdb-form-enews .toggle-password,#gmdb-form-register .toggle-password {
    margin:1em 0 0;
    text-align:center
}

#gmdb-form-enews .toggle-password label,#gmdb-form-register .toggle-password label {
    display:inline;
    font-weight:400;
    font-size:12px
}

#gmdb-form-enews .toggle-password input[type=checkbox],#gmdb-form-register .toggle-password input[type=checkbox] {
    -webkit-appearance:checkbox;
    width:auto
}

#gmdb-form-enews .gform_validation_errors {
    display:none
}

#gmdb-form-enews .gfield_validation_message {
    font-size:12px;
    padding:10px 12px
}

#gmdb-form-enews .gform_confirmation_wrapper {
    padding-bottom:1rem
}

#gmdb-form-enews .gform_confirmation_message {
    color:#3F6F58;
    font-weight:700;
    text-align:center
}

.form-input-block,.form-submit-block {
    padding:16px 32px
}

.form-input-block .sep,.form-submit-block .sep {
    border-bottom:1px solid #ededed;
    margin:0 0 16px;
    position:relative;
    text-align:center;
    width:100%
}

.form-input-block .sep span,.form-submit-block .sep span {
    display:inline-block;
    background:#F8F8F8;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    padding:5px 10px
}

.form-input-block h3,.form-submit-block h3 {
    font-size:15px;
    margin:1em 0;
    text-align:center
}

.form-control#login-username,.form-control#register-username {
    margin-bottom:8px
}

.form-submit-block {
    padding-top:0
}

.gmdb-btn-submit,a.registration-login-btn {
    font-weight:700;
    color:#fff
}

.gmdb-enews-block,.gmdb-login-block,.gmdb-register-block {
    background:#F8F8F8
}

.logged-in .gmdb-login-other-actions {
    display:none
}

.gmdb-login-other-actions {
    margin-top:16px;
    text-align:center
}

.gmdb-login-other-actions:first-child {
    margin-top:0
}

.gmdb-login-other-actions a {
    margin:0 8px
}

.gmdb-share-dialog {
    background:#F8F8F8
}

.gmdb-share-email {
    border-bottom:1px solid #ededed
}

.gmdb-share-email .form-control {
    height:44px
}

.gmdb-share-options input {
    width:auto;
    -webkit-appearance:radio;
    margin:-1px 8px 0 0
}

.gmdb-share-options .btn {
    padding:0;
    text-align:left;
    margin-top:8px;
    width:auto;
    display:block;
    float:none;
    font-size:13px
}

.gmdb-share-options .btn:first-child {
    margin-top:0
}

.gmdb-share-email,.gmdb-share-options {
    width:100%;
    float:left;
    padding:16px 32px
}

body.modal-open {
    overflow:visible
}

.blockUI.blockOverlay {
    display:none!important;
    background-color:#fff!important
}

.blockMsg {
    border:none!important;
    background:0 0!important;
    height:60px!important;
    width:200px!important;
    top:50%!important;
    left:50%!important;
    margin-left:-100px!important;
    margin-top:-30px!important
}

.blockMsg span {
    color:#F5A623;
    display:block;
    text-align:center;
    width:100%;
    margin-top:10px
}

body.page-template-page-suppliers .blockUI.blockOverlay {
    display:block!important;
    background-color:rgba(0,0,0,.5)!important;
    opacity:1!important
}

body.page-template-page-suppliers .blockMsg {
    border:3px solid #F5A623!important;
    background:#fff!important;
    padding:50px 20px!important;
    height:auto!important;
    width:400px!important;
    margin-left:-200px!important;
    margin-top:-65px!important
}

.pace {
    -webkit-pointer-events:none;
    pointer-events:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    text-align:center
}

.pace-inactive {
    display:none
}

.pace .pace-activity {
    margin:0 auto;
    display:block;
    width:30px;
    height:30px;
    border:solid 2px transparent;
    border-top-color:#F5A623;
    border-left-color:#F5A623;
    border-radius:15px;
    -webkit-animation:pace-spinner .4s linear infinite;
    animation:pace-spinner .4s linear infinite
}

@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform:rotate(0);
        transform:rotate(0);
        transform:rotate(0)
    }

    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        transform:rotate(360deg)
    }

}

@keyframes pace-spinner {
    0% {
        -webkit-transform:rotate(0);
        transform:rotate(0);
        transform:rotate(0)
    }

    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        transform:rotate(360deg)
    }

}

.gmdb-social-login {
    padding-bottom:0
}

.gmdb-social-login .nsl-container-block {
    margin:0;
    max-width:none
}

.gmdb-social-login .gmdb-buttons {
    padding:30px 0 20px
}

.gmdb-social-login .nsl-container-block .nsl-container-buttons a {
    max-width:none
}

.gmdb-social-login .email-register-toggle .nsl-button {
    background-color:#F5A623;
    border-radius:4px;
    color:#fff;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    vertical-align:top;
    width:100%
}

.gmdb-social-login .email-register-toggle .nsl-button-icon {
    display:inline-block
}

.gmdb-social-login .email-register-toggle svg {
    height:24px;
    width:24px;
    vertical-align:top;
    margin:8px;
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto
}

.gmdb-social-login .email-register-toggle .nsl-button-default span {
    margin:0 24px 0 12px;
    padding:10px 0;
    font-family:Helvetica,Arial,sans-serif;
    font-size:16px;
    line-height:20px;
    letter-spacing:.25px;
    overflow:hidden;
    text-align:center;
    text-overflow:clip;
    white-space:nowrap;
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

.text-block #sl_div {
    font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important
}

.text-block #sl_div *,.text-block #sl_div p {
    font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important
}

#sl_div #searchForm {
    margin-bottom:16px
}

#sl_div #search_table {
    width:100%
}

#sl_div #address_search {
    margin:0
}

#sl_div #address_search .search_item {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin:0 0 10px
}

#sl_div #address_search .search_item label {
    margin:0 10px 0 0
}

@media only screen and (max-width:640px) {
    #sl_div #address_search .search_item label {
        text-align:left;
        min-width:4em
    }

    #sl_div #address_search .search_item input {
        overflow:hidden;
        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1
    }

}

#sl_div #radius_in_submit {
    margin-left:10px
}

#sl_div input[type=submit].slp_ui_button {
    padding:0;
    color:#fff!important;
    height:40px;
    text-align:center!important;
    margin:0
}

#sl_div input[type=text]#addressInput {
    -webkit-appearance:none;
    border:1px solid #B9B9B9;
    height:40px;
    padding:12px;
    border-radius:3px
}

#sl_div select {
    -webkit-appearance:menulist;
    -moz-appearance:menulist;
    appearance:menulist;
    height:40px;
    border:1px solid #B9B9B9
}

#sl_div #map_sidebar {
    margin-top:32px
}

#sl_div .results_entry {
    background:#F8F8F8;
    padding:16px 0;
    margin-bottom:8px
}

@media only screen and (max-width:640px) {
    #sl_div .results_entry {
        padding:16px
    }

}

#sl_div .location_name {
    font-weight:700
}

#sl_div .results_row_left_column {
    width:40%;
    padding-right:5%
}

@media only screen and (max-width:640px) {
    #sl_div .results_row_left_column {
        width:100%;
        padding:0;
        display:block
    }

}

#sl_div .results_row_center_column {
    width:40%
}

@media only screen and (max-width:640px) {
    #sl_div .results_row_center_column {
        width:100%;
        display:block
    }

}

#sl_div .results_row_center_column span {
    margin-right:5px;
    line-height:1.5!important
}

#sl_div .results_row_center_column span.slp_result_citystatezip {
    display:block
}

#sl_div .results_row_right_column {
    width:20%;
    text-align:right
}

@media only screen and (max-width:640px) {
    #sl_div .results_row_right_column {
        width:100%;
        display:block
    }

}

@media only screen and (max-width:640px) {
    #sl_div #map_table {
        display:none
    }

}

.subscribe__inner {
    padding:64px
}

@media only screen and (max-width:640px) {
    .subscribe__inner {
        padding:32px
    }

}

.subscribe__page-title {
    max-width:800px;
    margin:0 auto
}

.subscribe__page-title h1 {
    font-size:32px;
    font-weight:700;
    line-height:1.5;
    text-align:center
}

@media only screen and (max-width:640px) {
    .subscribe__page-title h1 {
        font-size:21px;
        line-height:1.4;
        margin-bottom:1em
    }

}

.subscribe__hero {
    text-align:center
}

.subscribe__options {
    margin-bottom:40px
}

.subscribe__options-heading {
    margin:1em 0 2em;
    text-align:center
}

@media only screen and (max-width:640px) {
    .subscribe__options-heading {
        font-size:18px
    }

}

.subscribe__options-list .slick-arrow::before {
    color:#000;
    opacity:1
}

.subscribe__option .inner {
    display:block;
    height:auto;
    width:100%;
    padding:0 10px
}

.subscribe__option img {
    display:block;
    height:auto;
    width:100%
}

.subscribe__option h3 {
    text-transform:uppercase;
    font-size:11px;
    display:inline-block;
    border-bottom:1px solid #FF867F;
    margin:1em 0 .8em;
    line-height:1.4
}

.subscribe__option h4 {
    font-size:16px;
    font-weight:700;
    margin:0
}

@media only screen and (max-width:640px) {
    .subscribe__option h4 {
        font-size:14px
    }

}

.subscribe__option button {
    background:#F5A623;
    border-radius:0;
    color:#fff;
    display:inline-block;
    margin-top:12px;
    margin:1em 0 0;
    padding:16px 26px;
    text-align:center
}

.subscribe__option-content {
    display:none
}

.subscribe__option-content-inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:0 10px
}

@media only screen and (max-width:640px) {
    .subscribe__option-content-inner {
        display:block
    }

}

.subscribe__option-content-inner>div {
    -webkit-box-flex:0;
    -ms-flex:0 0 48%;
    flex:0 0 48%
}

.subscribe__option-content-inner img {
    display:block;
    height:auto;
    width:100%
}

@media only screen and (max-width:640px) {
    .subscribe__option-content-inner img {
        display:none
    }

}

.subscribe__option-content-inner .content {
    padding:20px 0
}

@media only screen and (max-width:640px) {
    .subscribe__option-content-inner .content {
        padding-top:0
    }

}

.subscribe__option-content-inner h2 {
    font-size:28px;
    font-weight:700;
    margin-bottom:.5em
}

.subscribe__option-content-inner h3 {
    font-size:18px;
    margin:.5em 0
}

.subscribe__option-content-inner a {
    background:#F5A623;
    border-radius:0;
    color:#fff;
    display:inline-block;
    padding:16px 26px;
    text-align:center;
    margin:2em 0 0
}

@media only screen and (max-width:640px) {
    .subscribe__option-content-inner a {
        display:block
    }

}

.page-template-page-privacy-policy .footer,.page-template-page-privacy-policy .header,.page-template-page-suppliers .footer,.page-template-page-suppliers .header,.page-template-page-terms-of-use .footer,.page-template-page-terms-of-use .header {
    display:none
}

.page-title {
    float:left;
    width:100%;
    margin-bottom:48px
}

@media only screen and (max-width:640px) {
    .page-title {
        text-align:center;
        margin-top:-30px
    }

}

.page-title p {
    font-family:Helvetica Neue,NeuzeitGro-Reg,Helvetica Neue,Helvetica,Arial,sans-serif;
    color:#F5A623;
    margin-bottom:8px
}

.page-title h1 {
    letter-spacing:-1px;
    font-size:34pt;
    font-family:NeuzeitGro-Bol,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight:400
}

.page-title img {
    max-width:264px
}

@media only screen and (max-width:640px) {
    .page-title img {
        margin:0 auto;
        width:200px
    }

}

.features-table {
    background:#fff;
    border-radius:3px;
    border-top:none;
    border:1px solid #ededed;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    float:left;
    margin-bottom:20px;
    width:100%
}

.features-table .col+.col {
    border-left:1px solid #eee
}

.features-table .col-33,.features-table .col-50 {
    text-align:center
}

.features-table .col-33 .col-inner-padding,.features-table .col-50 .col-inner-padding {
    padding:16px
}

.features-table .col-33 .col-inner,.features-table .col-50 .col-inner {
    margin:32px!important;
    margin-bottom:0!important
}

.features-table .col-50 {
    -webkit-box-flex:0;
    -ms-flex:0 0 50%;
    flex:0 0 50%
}

.features-table .col-33 {
    -webkit-box-flex:0;
    -ms-flex:0 0 33.3%;
    flex:0 0 33.3%
}

.features-table .features-title {
    padding:15px;
    color:#fff
}

.features-table .features-title span {
    margin:0;
    font-size:21px;
    font-family:Helvetica Neue,NeuzeitGro-Bol,Helvetica Neue,Helvetica,Arial,sans-serif
}

.features-table .features-title.starter {
    background:#fbd79d
}

.features-table .features-title.basic {
    background:#f8c46c
}

.features-table .features-title.plus {
    background:#F5A623
}

.wp-admin .features-table .features-title {
    text-align:center
}

.features-table .features-list p {
    margin:0;
    border-top:1px solid #eee;
    padding:16px 0
}

.features-table .features-list p.strike {
    text-decoration:line-through;
    color:#ccc
}

.features-table .features-list p:first-child {
    border:none;
    padding-top:0
}

.wp-admin .features-table .features-list {
    padding:16px;
    text-align:center
}

.extra-includes {
    margin-bottom:20px
}

@media only screen and (max-width:640px) {
    .extra-includes {
        margin-bottom:0
    }

}

.extra-includes .info-box {
    border:1px solid #eee;
    background:#f8f8f8;
    padding:20px;
    float:left;
    background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.01)));
    background-image:linear-gradient(-180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.01) 100%);
    width:35%;
    float:left;
    margin-left:5%;
    margin-top:20px
}

.extra-includes .info-box .info-bold {
    font-weight:700;
    color:#FF867F
}

.extra-includes .info-box p {
    font-size:13px;
    line-height:19px
}

@media only screen and (max-width:1023px) {
    .extra-includes .info-box {
        width:100%
    }

}

@media only screen and (max-width:640px) {
    .extra-includes .info-box {
        margin-bottom:0;
        padding:0;
        background:#fff;
        border:none;
        margin-left:0
    }

}

.extra-includes .info-box p {
    font-size:13px;
    line-height:19px
}

.includes-list {
    width:60%;
    float:left
}

@media only screen and (max-width:640px) {
    .includes-list {
        width:100%
    }

}

.includes-list li {
    line-height:21px;
    margin:10px 0;
    position:relative;
    padding-left:25px
}

@media only screen and (max-width:640px) {
    .includes-list li {
        padding-left:15px
    }

}

.includes-list li:before {
    content:"·";
    font-size:18px;
    font-weight:700;
    display:inline-block;
    position:absolute;
    left:0;
    top:-1px
}

ul.list-bullet {
    list-style-type:disc;
    list-style-position:inside
}

.neuz-bold {
    font-family:Helvetica Neue,NeuzeitGro-Bol,Helvetica Neue,Helvetica,Arial,sans-serif
}

.hidden {
    display:none
}

select {
    background:#fff
}

label {
    font-weight:700;
    display:block
}

input.quantity,select {
    outline:0;
    display:inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    width:100%
}

.quantity-wrap,.select-wrap {
    position:relative
}

.quantity-wrap:after,.select-wrap:after {
    content:" ";
    background:url(../images/icons/select-arrow-small@2x.13b283ce2ae490558932ce71fe7c4f50.png) center no-repeat;
    right:15px;
    top:19px;
    padding:0 0 2px;
    border:0;
    position:absolute;
    pointer-events:none;
    background-size:9px 6px;
    width:9px;
    height:6px
}

input[type=text]:-webkit-autofill,select:-webkit-autofill {
    -webkit-box-shadow:0 0 0 0 #fff inset
}

input[type=text]:-webkit-autofill:focus,select:-webkit-autofill:focus {
    -webkit-box-shadow:0 0 0 0 #fff inset
}

select:-webkit-autofill {
    -webkit-appearance:menu
}

select:-webkit-autofill:focus {
    -webkit-appearance:menu
}

.form-wrap {
    width:60%;
    float:left
}

@media only screen and (max-width:1023px) {
    .form-wrap {
        width:100%
    }

}

.content-wrap {
    float:left;
    width:100%;
    padding:0 128px;
    border-radius:3px
}

@media only screen and (max-width:1024px) {
    .content-wrap {
        padding:0 16px
    }

}

@media only screen and (max-width:640px) {
    .content-wrap {
        padding:12px;
        border:none;
        padding:24px 12px
    }

}

.confirmation,.extra-includes,.form {
    padding:20px;
    background:#fff;
    border:1px solid #ededed;
    float:left;
    width:100%;
    border-radius:3px
}

@media only screen and (max-width:640px) {
    .confirmation,.extra-includes,.form {
        padding:20px 12px;
        margin-bottom:20px
    }

}

.form {
    position:relative
}

@media only screen and (max-width:640px) {
    .form {
        margin-bottom:12px!important
    }

}

form .row {
    width:100%;
    float:left
}

.form-info-right {
    width:40%;
    float:left;
    padding-left:5%;
    margin-top:26px
}

@media only screen and (max-width:1023px) {
    .form-info-right {
        width:100%;
        padding-left:0
    }

}

.form-info-right .info-box {
    border:1px solid #eee;
    background:#f8f8f8;
    padding:20px;
    float:left;
    margin-bottom:20px;
    background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.01)));
    background-image:linear-gradient(-180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.01) 100%)
}

@media only screen and (max-width:1023px) {
    .form-info-right .info-box {
        width:100%
    }

}

.form-info-right .info-box.eft-notice {
    position:absolute;
    bottom:68px;
    margin-right:20px
}

@media only screen and (max-width:1024px) {
    .form-info-right .info-box.eft-notice {
        bottom:98px
    }

}

@media only screen and (max-width:1023px) {
    .form-info-right .info-box.eft-notice {
        position:static;
        bottom:auto;
        margin-top:0;
        margin-right:0
    }

}

@media only screen and (max-width:640px) {
    .form-info-right .info-box.eft-notice {
        margin-top:16px
    }

}

@media only screen and (max-width:640px) {
    .form-info-right .info-box {
        margin-bottom:0;
        padding:0;
        background:#fff;
        border:none
    }

}

.form-info-right .info-box p {
    font-size:13px;
    line-height:19px
}

@media only screen and (max-width:1023px) {
    .form-info-right .info-box:first-child {
        margin-top:20px
    }

}

.form-info-right .info-box .info-bold {
    font-weight:700;
    color:#FF867F
}

.form-input {
    float:left;
    width:100%;
    margin:8px 0
}

input {
    width:100%
}

label {
    margin-bottom:5px
}

.form-wrap input,.form-wrap select {
    border-radius:3px;
    border:1px solid #CCC;
    padding:12px
}

.form-wrap input:focus,.form-wrap select:focus {
    border:1px solid #F5A623
}

.form-wrap .row {
    margin:0
}

select#plan {
    font-weight:700;
    color:#333
}

.price_discount {
    color:#FF867F;
    margin-left:12px;
    font-weight:700
}

.listing-total {
    font-size:15px;
    line-height:25px;
    text-align:center;
    margin:10px 0 16px 0;
    background-color:rgba(78,227,196,.03);
    padding:20px;
    border:1px solid #C6CFD2;
    border-radius:3px
}

@media only screen and (max-width:640px) {
    .listing-total {
        font-size:14px;
        margin:0 0 16px 0
    }

}

.input-coupon-bttn,.inputcoupon {
    float:left
}

.input-coupon {
    width:50%;
    padding-right:1%;
    margin-top:0
}

.input-coupon-bttn {
    width:50%;
    padding-left:1%;
    margin-top:0
}

input[type=button]#coupon-bttn {
    background:#F5A623;
    cursor:pointer;
    border:none;
    color:#fff;
    font-weight:700;
    -webkit-transition:opacity .2s ease-in-out;
    transition:opacity .2s ease-in-out
}

input[type=button]#coupon-bttn:hover {
    opacity:.85
}

.section-title {
    float:left;
    width:100%;
    border-bottom:1px solid #eee;
    margin-bottom:12px;
    font-family:Helvetica Neue,NeuzeitGro-Bol,Helvetica Neue,Helvetica,Arial,sans-serif
}

.section-title.title-customer-details {
    margin-top:24px
}

.section-title p {
    margin-bottom:6px;
    color:#F5A623;
    font-size:18px
}

@media only screen and (max-width:640px) {
    .section-title p {
        font-size:14px
    }

}

.form-input__first_name,.form-input__last_name {
    width:50%
}

.form-input__first_name {
    padding-right:1%
}

.form-input__last_name {
    padding-left:1%
}

.form-input__number {
    position:relative
}

input#number {
    padding-left:65px;
    padding-right:35px
}

.customer-fields--card-cvv,.customer-fields--card-expiry {
    width:50%
}

.customer-fields--card-expiry {
    padding-right:1%
}

.customer-fields--card-cvv {
    padding-left:1%
}

input#month,input#year {
    width:49%
}

input#month {
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-right:none
}

input#month:focus {
    border-right:1px solid #F5A623
}

input#month:focus+input {
    border-left:1px solid #F5A623
}

input#year {
    margin-left:-1px;
    border-top-left-radius:0;
    border-bottom-left-radius:0
}

input#year:focus {
    margin-left:-1px;
    border-left:1px solid #F5A623
}

.form-input-country,.form-input-postcode,.row.customer-fields--location-details {
    width:33.333334%
}

.row.customer-fields--location-details {
    padding-right:1%
}

.form-input-postcode {
    padding:0 1%
}

.form-input-country {
    padding-left:1%
}

.form-errors__hidden {
    display:none
}

.form-input__error input,input.error {
    border-color:#FF867F;
    color:#FF867F
}

.form-errors {
    border-radius:3px;
    color:#FF867F;
    background-color:#fce3e4;
    border:1px solid #FF867F;
    margin-bottom:20px;
    padding:20px;
    float:left;
    width:100%
}

.icon-card {
    display:block;
    height:25px;
    width:41px;
    z-index:10;
    position:absolute;
    left:10px;
    bottom:9px;
    background-size:41px 25px
}

.icon-card__generic {
    background:url(../images/icons/card-generic@2x.fa60d373ed4ff6e8e7f839805773f98a.png);
    background-size:41px 25px
}

.icon-card__visa {
    background:url(../images/icons/card-visa.0fe58fa3a1050a278d7eab31ff5ea153.png);
    background-size:41px 25px
}

.icon-card__amex {
    background:url(../images/icons/card-amex.b43f37b26007b38f1e97e1922e9f7f99.png);
    background-size:41px 25px
}

.icon-card__discover {
    background:url(../images/icons/card-discover.60509812dd6f79b902b70f81970258a6.png);
    background-size:41px 25px
}

.icon-card__master {
    background:url(../images/icons/card-mastercard.6a5c3558fb46707fc4ec604140f1c81e.png);
    background-size:41px 25px
}

.icon-lock {
    background:url(../images/icons/icon-lock@2x.de0e31501187233c9edbfa61c7c26fd5.png);
    display:block;
    height:16px;
    width:10px;
    z-index:10;
    position:absolute;
    right:10px;
    bottom:13px;
    background-size:10px 16px
}

.row-submit {
    margin-top:20px
}

button,input[type=submit] {
    cursor:pointer;
    background:#F5A623;
    color:#fff;
    font-weight:700;
    border:none;
    padding:18px 12px;
    -webkit-transition:opacity .2s ease-in-out;
    transition:opacity .2s ease-in-out
}

button:hover,input[type=submit]:hover {
    opacity:.85
}

.row-submit input[type=submit] {
    font-size:18px
}

.confirmation {
    display:none
}

.confirmation-body {
    position:relative;
    min-height:0;
    text-align:center
}

.confirmation-body h2 {
    font-family:Helvetica Neue,NeuzeitGro-Bol,Helvetica Neue,Helvetica,Arial,sans-serif;
    margin-bottom:6px;
    font-weight:700;
    color:#F5A623;
    font-size:21px;
    margin-top:24px
}

.confirmation-body p {
    margin:24px 0 36px 0!important
}

.confirmation-body img {
    max-width:150px;
    margin-top:24px
}

.confirmation__show .confirmation-body {
    min-height:270px
}

.confirmation-messaging {
    background:url(../images/success_mark.b565220e83ac564fa3f1f62da256d7eb.png) top center no-repeat;
    color:red;
    font-size:18px;
    font-weight:600;
    width:100%;
    text-align:center;
    margin:0
}

.confirmation__show {
    display:block!important
}

.supplier-blurb>* {
    margin-top:0
}

.hidden {
    display:none
}

select {
    background:#fff
}

label {
    font-weight:700;
    display:block
}

input.quantity,select {
    outline:0;
    display:inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    width:100%
}

.quantity-wrap,.select-wrap {
    position:relative
}

.quantity-wrap:after,.select-wrap:after {
    content:" ";
    background:url(../images/icons/select-arrow-small@2x.13b283ce2ae490558932ce71fe7c4f50.png) center no-repeat;
    right:15px;
    top:19px;
    padding:0 0 2px;
    border:0;
    position:absolute;
    pointer-events:none;
    background-size:9px 6px;
    width:9px;
    height:6px
}

.dbfeatures__page-title {
    margin-bottom:30px
}

@media only screen and (max-width:640px) {
    .dbfeatures__page-title {
        margin:0 auto 20px
    }

}

.content-module {
    border:1px solid #ededed;
    clear:both;
    width:100%;
    margin-bottom:20px;
    border-radius:3px;
    background:#fff;
    padding:20px
}

.dbfeatures__inner:after,.dbfeatures__inner:before {
    content:" ";
    display:table
}

.dbfeatures__inner:after {
    clear:both
}

.dbfeatures__key-facts-image-wrap {
    float:right;
    width:35%
}

@media only screen and (max-width:640px) {
    .dbfeatures__key-facts-image-wrap {
        float:left;
        margin-top:20px;
        width:100%
    }

}

.dbfeatures__key-facts-image {
    display:block;
    height:auto;
    width:100%
}

.dbfeatures__listing-features:after,.dbfeatures__listing-features:before {
    content:" ";
    display:table
}

.dbfeatures__listing-features:after {
    clear:both
}

.dbfeatures__listing-features-note {
    display:none
}

@media only screen and (max-width:640px) {
    .dbfeatures__listing-features-note {
        display:block;
        font-style:italic;
        text-align:right;
        margin-bottom:0
    }

}

.dbfeatures__listing-features-table-wrap {
    float:left;
    width:100%
}

@media only screen and (max-width:640px) {
    .dbfeatures__listing-features-table-wrap {
        overflow:scroll;
        width:100%
    }

}

.dbfeatures__listing-features-table {
    background:#fff;
    margin-top:30px;
    width:100%
}

@media only screen and (max-width:640px) {
    .dbfeatures__listing-features-table {
        margin-top:10px
    }

}

.dbfeatures__listing-features-table thead {
    background:#fbd79d;
    border-left:1px solid #fbd79d;
    border-right:1px solid #F5A623
}

.dbfeatures__listing-features-table thead th {
    color:#fff;
    text-align:center;
    margin:0;
    font-size:18px;
    font-family:Helvetica Neue,NeuzeitGro-Bol,Helvetica Neue,Helvetica,Arial,sans-serif;
    padding:15px 10px
}

@media only screen and (max-width:640px) {
    .dbfeatures__listing-features-table thead th {
        font-size:14px
    }

}

.dbfeatures__listing-features-table thead th.basic {
    background:#f8c46c
}

.dbfeatures__listing-features-table thead th.plus {
    background:#F5A623
}

.dbfeatures__listing-features-table tbody {
    border:solid #eee;
    border-width:0 1px 1px
}

.dbfeatures__listing-features-table tbody tr {
    border-bottom:1px solid #eee
}

.dbfeatures__listing-features-table tbody td,.dbfeatures__listing-features-table tbody th {
    padding:16px
}

.dbfeatures__listing-features-table tbody td+td,.dbfeatures__listing-features-table tbody th+td {
    border-left:1px solid #eee
}

.dbfeatures__listing-features-table tbody th {
    text-align:left
}

.dbfeatures__listing-features-table tbody td {
    text-align:center
}

.dbfeatures__suppliers-list-images {
    margin:20px -1% 0
}

.dbfeatures__suppliers-list-images:after,.dbfeatures__suppliers-list-images:before {
    content:" ";
    display:table
}

.dbfeatures__suppliers-list-images:after {
    clear:both
}

@media only screen and (max-width:640px) {
    .dbfeatures__suppliers-list-images {
        margin:0
    }

}

.dbfeatures__suppliers-list-images div {
    float:left;
    margin:0 1%;
    width:48%
}

@media only screen and (max-width:640px) {
    .dbfeatures__suppliers-list-images div {
        margin:0;
        width:100%
    }

}

.dbfeatures__suppliers-list-images h3 {
    margin-bottom:10px
}

.dbfeatures__suppliers-list-images img {
    display:block;
    height:auto;
    margin-bottom:30px
}

@media only screen and (max-width:640px) {
    .dbfeatures__suppliers-list-images img {
        float:none;
        width:100%
    }

}

.dbfeatures__suppliers-list-images img:last-child {
    margin-bottom:0
}

.dbfeatures__cta-wrap {
    float:left;
    margin-top:20px;
    text-align:center;
    width:100%
}

@media only screen and (max-width:640px) {
    .dbfeatures__cta-wrap {
        margin-top:0
    }

}

.dbfeatures__cta {
    cursor:pointer;
    background:#F5A623;
    border-radius:3px;
    color:#fff;
    font-size:18px;
    font-weight:700;
    border:none;
    padding:18px 30px;
    -webkit-transition:opacity .2s ease-in-out;
    transition:opacity .2s ease-in-out
}

@media only screen and (max-width:640px) {
    .dbfeatures__cta {
        display:block;
        width:100%
    }

}

.dbfeatures__cta:hover {
    opacity:.85
}

.dbfeatures__cta:visited {
    color:#fff
}


/* 2026-10-10 (support ticket "portrait image display in news"): portrait-
   format images in the article/post gallery slideshow left a big gap on
   the right. .gallery--post/.gallery--article .slick-slide img is fixed
   to a set height with auto width and no horizontal centering - correct
   and undistorted for landscape images (which already fill the width),
   but a narrower portrait image just sits flush left, leaving all the
   leftover space on one side.
   .gallery__slide gets an inline style="display:inline-block" from JS
   (the fade-in effect), which rules out display:flex on it directly
   (inline styles beat external, non-!important CSS) - text-align works
   fine on an inline-block container's own inline content instead. */
.gallery--post .gallery__slide,
.gallery--article .gallery__slide {
    text-align: center;
}

/* Paired portrait slides (single-gallery.php groups two consecutive
   portrait images into one slide): a plain inner flex row, since
   .gallery__slide itself cannot be display:flex (see above) - this is a
   separate child div with no inline-style constraints. Each half fits
   within roughly 50% of the slide width and the existing
   512px/376px/mobile height rules, scaling down from whichever image is
   naturally larger. */
.gallery--post .gallery__pair-row,
.gallery--article .gallery__pair-row {
    display: flex;
    justify-content: center;
    gap: 16px;
    height: 100%;
}
.gallery--post .gallery__slide-half,
.gallery--article .gallery__slide-half {
    flex: 1 1 0;
    min-width: 0;
    text-align: center;
}
.gallery--post .gallery__slide-half img,
.gallery--article .gallery__slide-half img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 512px !important;
    display: inline-block;
}
@media only screen and (max-width: 1228px) {
    .gallery--post .gallery__slide-half img,
    .gallery--article .gallery__slide-half img {
        max-height: 376px !important;
    }
}
@media only screen and (max-width: 640px) {
    .gallery--post .gallery__pair-row,
    .gallery--article .gallery__pair-row {
        flex-direction: column;
        align-items: center;
    }
    .gallery--post .gallery__slide-half img,
    .gallery--article .gallery__slide-half img {
        max-height: 188px !important;
    }
}

/* 2026-10-10: reinforcement for the solo-portrait centering fix above.
   text-align:center on .gallery__slide should work (it is display:
   inline-block via an inline style set by JS, and inline-block respects
   text-align from itself), but still showed a lone portrait image
   sitting left on at least one real page. Switched to a more direct,
   standard technique that does not depend on the parent's exact display
   mode at all: make the image itself block-level with automatic side
   margins. High specificity + !important needed to beat the existing
   .slick-slide img rule, which does not set display/margin at all, so
   there is no actual conflict - this only adds the two missing
   properties. */
.gallery--post .slick-slide img,
.gallery--article .slick-slide img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 2026-10-13 (support ticket "Pinterest"): hover-visible "Pin it" button
   on article/gallery images only - product/service/tip galleries are
   explicitly out of scope. Needs a positioned ancestor for each image
   context (hero, solo slide, each half of a paired slide) so the icon
   sits in the corner of the right image, not the whole gallery.
   2026-10-13 fix: the article hero is NOT rendered by single-gallery.php
   (that branch is dead code - single.php diverts article posts to its
   own "new template" hero markup before ever including single-gallery.php) -
   the real wrapper class is .article-single-hero, from single.php itself.
   .gallery--article-hero/.gallery--article never match anything live;
   kept here harmlessly rather than hunting down every trace. */
.article-single-hero,
.gallery--post .gallery__slide,
.gallery--article .gallery__slide,
.gallery--post .gallery__slide-half,
.gallery--article .gallery__slide-half {
    position: relative;
}
.pinterest-pin-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.55);
    border-radius: 50%;
    color: #fff;
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
    z-index: 2;
}
/* 2026-10-15: the 2026-10-13 z-index bump (2->20) didn't fix the hero
   icon - confirmed via live DevTools inspection that it was never a
   z-index tie with ".header" at all. The real sitewide nav is
   ".custom-sticky-header" (position:fixed, z-index:999999 on every
   breakpoint - see header.php/style.css), not ".header". Because it's
   fixed, it's removed from document flow, so ".article-single-hero"'s
   own box actually starts at the true top of the page, behind it - a
   "top:12px from the image's own top-left" lands the icon in the
   region the fixed nav permanently covers, not on the visible part of
   the photo.
   First fix (bottom-anchored) sidestepped the overlap but the client
   wants it back at the top. The fixed nav's height varies by breakpoint
   (padding/content differ at desktop/tablet/mobile), so rather than
   hardcode a top offset per breakpoint, single.php measures the real
   overlap at runtime (fixed nav's bottom edge minus hero's top edge)
   and sets it as --pin-safe-top on .article-single-hero, re-measured on
   resize. Gallery/news slide images (.gallery--post/.gallery--article)
   aren't affected - they render mid-page, well clear of the fixed nav -
   so only the hero gets this override. */
.article-single-hero .pinterest-pin-btn {
    top: var(--pin-safe-top, 90px);
}
.article-single-hero:hover .pinterest-pin-btn,
.gallery--post .gallery__slide:hover .pinterest-pin-btn,
.gallery--article .gallery__slide:hover .pinterest-pin-btn,
.gallery--post .gallery__slide-half:hover .pinterest-pin-btn,
.gallery--article .gallery__slide-half:hover .pinterest-pin-btn {
    opacity: 1;
    transform: translateY(0);
}
.pinterest-pin-btn:hover {
    background: #e60023;
}
/* Always visible on touch devices (no hover) rather than hidden forever */
@media (hover: none) {
    .pinterest-pin-btn {
        opacity: 1;
        transform: none;
    }
}