/*! HTML5 Boilerplate v5.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

   html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

a{
    text-decoration:none;
    color: #555555;
}

a:hover, a:focus{
    color: #0091d1;
    text-decoration: none;
}
img {
    max-width: 100%;
    height: auto;
}

* {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    width: 500px;
    min-height: 100px;
    padding: 5px 3px;
    border: 1px solid #acacac;
}

p {
    margin: 0 0 24px;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
    border: 1px solid #acacac;
    padding: 3px;
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
}

select {
    border: 1px solid #acacac;
    height: 30px;
    padding: 0 3px;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="checkbox"],
input[type="radio"] {
    vertical-align: middle;
}

button,
.button {
    color: #ffffff;
    font-size: 28px;
    display: inline-block;
    padding: 3px 15px;
    text-transform: uppercase;
    border: none;
    background-color: #0091d1;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: none;
}

button:hover,
.button:hover {
    background-color: #44494d;
    color: #ffffff;
}

figure {
    margin: 0;
}

figcaption {
    font-size: 70%;
}

a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}

a.skip-main:focus,
a.skip-main:active {
    color: #fff;
    background-color:#0091d1;
    left: auto;
    top: auto;
    width: 200px;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}

@media (max-width: 1388px) {
    button,
    .button {
        font-size: 22px;
    }
}

@media (max-width: 1000px) {
    button,
    .button {
        font-size: 18px;
    }
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0;
    background: #e51600;
    color: #ffffff;
    padding: 20px;
    text-align: center;
}

.browserupgrade a {
    color: #ffffff;
    text-decoration: underline;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix {
    clear: both;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* Borders */
.border-bottom {
    border-bottom: 1px solid #c5c5c5;
}

.border-top {
    border-top: 1px solid #c5c5c5;
}

.table-display {
    display: table;
}

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

.half-width{
    width:50%;
}

.text-align-right {
    text-align: right;
}

/* ==========================================================================
   CMS Content classes
   ========================================================================== */
.cms-content h1,
.cms-content h2,
.cms-content h3,
.cms-content h4,
.cms-content h5,
.cms-content h6 {
    color: #111111;
    font-family: "Gotham A", "Gotham B", 'Open Sans', sans-serif;
    font-style: normal;
    margin: 5px 0 20px;
    font-weight: 300;
}

.cms-content h1 {
    font-size: 50px;
}

.cms-content h2 {
    font-size: 43px;
}

.cms-content h3 {
    font-size: 36px;
}

.cms-content h4 {
    font-size: 29px;
}

.cms-content h5 {
    font-size: 22px;
}

.cms-content h6 {
    font-size: 18px;
}

.cms-content img.alignleft {
    float: left;
    margin: 0 35px 35px 0;
}

.cms-content img.alignright {
    float: right;
    margin: 0 0 35px 35px;
}

.cms-content img.aligncenter {
    display: block;
    margin: 35px auto;
}

.cms-content table {
    border: 1px solid #c5c5c5;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 35px;
    text-align: center;
    width: auto;
}

.cms-content table caption,
.cms-content table th,
.cms-content table td {
    font-weight: 400;
    text-align: center;
    padding:10px 15px;
}

.cms-content table caption {
    font-weight: 600;
    margin: 35px 0 20px;
    font-size: 20px;
}

.cms-content table th {
     border-left: 1px solid #c5c5c5;
     font-weight: 600;
}

.cms-content table td {
    border-top: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
}

@media (max-width: 1174px) {
    .cms-content h1 {
        font-size: 45px;
    }

    .cms-content h2 {
        font-size: 33px;
    }

    .cms-content h3 {
        font-size: 26px;
    }

    .cms-content h4 {
        font-size: 19px;
    }
}

@media (max-width: 766px) {
    .cms-content h1 {
        font-size: 30px;
    }

    .cms-content h2 {
        font-size: 23px;
    }
}



/* ==========================================================================
   Global Total Office custom styles
   ========================================================================== */

/* ======================================
   Containers
   ====================================== */
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #555555;
    line-height: 1.3;
    min-width: 320px;
}

.site {
    position: relative;
    margin: 0 auto;
}

.site-header {
    width: 100%;
    /*z-index: 999;*/
    z-index: 2999;
    position: relative;
}

.header-print {
    display: none;
}

.main-content {
    margin: 140px 0 0;
    outline: none;
}

.content-container {
    padding: 0 70px;
}

.inner-container {
    padding: 10px 30px;
}

.header-landing{
    display: none;
}


body.register .inner-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.inner-container.padding-10 {
    padding: 10px;
}

.col-2 {
    width: 47%;
    float: left;
}

div .col-2:nth-child(2) {
    float: right;
}

body.register div .col-2:nth-child(2):before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    background: #c5c5c5;
}

@media (max-width: 1388px) {
    body {
        font-size: 16px;
    }

    .content-container {
        padding: 0 50px;
    }
}

@media (max-width: 1234px) {
    .main-content {
        margin: 110px 0 0;
    }

    .content-container {
        padding: 0 20px;
    }
}

@media (max-width: 1174px) {
    body {
        font-size: 14px;
    }

    .main-content {
        margin: 80px 0 0;
    }
}

@media (max-width: 1000px) {
    .inner-container {
        padding: 10px;
    }

    .inner-container.padding-10 {
        padding: 10px 0;
    }
}

@media (max-width: 766px) {
    .header-landing{
        display: block;
    }

    .main-content {
        margin: 0;
        padding: 80px 0 0;
    }

    .inner-container {
        padding: 10px 0;
    }

    .col-2,
    div .col-2:nth-child(2) {
        width: auto;
        float: none;
    }

    body.register div .col-2:nth-child(2):before {
        content: none;
    }
}



/* ======================================
   Header
   ====================================== */

/* Header Top */
.header-top {
    background: #44494d;
    padding: 0 74px 0 180px;
    color: #fff;
    font-size: 16px;
    min-width: 320px;
}

.mobile-menu-toggle-btn {
    display: none;
    color: #ffffff;
}

.global-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: 1px solid #606467;
}

.global-navigation li {
    display: inline-block;
    float: left;
    border-right: 2px solid #606467;
}

.global-navigation li:hover,
.global-navigation li.current-menu-item {
    background: #606467;
}

.global-navigation li a {
    display: block;
    width: 210px;
    height: 46px;
    overflow: hidden;
    text-indent: -1000px;
    color: #ffffff;
    background-image: url(../img/global-logos-sprite.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center 2px;
    background-size: 200px auto;
}
.global-navigation li.a-plus-d-portfolio-menu-item a {
    background-position: center -55px;
    width: 182px;
}
.global-navigation li.global-care-menu-item a {
    background-position: center -115px;
    width: 134px;
}
.global-navigation li.globa-contract-menu-item a {
    background-position: center -178px;
    width: 160px;
}
.global-navigation li.offices-to-go-menu-item a {
    background-position: center -236px;
    width: 110px;
}
body.us .global-navigation li.offices-to-go-menu-item a {
    background-position: center -409px;
}

.global-navigation li.globa-evolve-menu-item a {
    background-position: center -350px;
    width: 110px;
}

.search-language {
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 64px;
    background: #44494d;
    height: 46px;
}

.search-language.toggled {
    -webkit-box-shadow: -8px 0px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: -8px 0px 5px -2px rgba(0,0,0,0.75);
    box-shadow: -8px 0px 5px -2px rgba(0,0,0,0.75);
}

.search-container {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.search-container fieldset {
    display: inline;
}

#top-search-form {
    display: inline-block;
    vertical-align: top;
    margin: 9px 50px 0 0;
    position: relative;
    z-index: 1;
    max-width: 0;
    max-height: 35px;
    overflow-x: hidden;
    white-space: nowrap;
    -webkit-transition: max-width 0.3s ease-in-out;
    transition: max-width 0.3s ease-in-out;
}

.search-language.toggled #top-search-form {
    max-width: 530px;
}

body.fr_ca .search-language.toggled #top-search-form {
    max-width: 620px;
}

.search-language input {
    margin: 0 0 0 20px;
}

.search-language input[type="radio"] {
    vertical-align: middle;
    margin-top: -2px;
}

.search-language .searchbox {
    background: #44494d;
    border: 1px solid #fff;
    padding: 5px 10px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    width: 246px;
}

.search-language button[type="submit"] {
    display: none;
}

.header-top .account-navigation {
    display: none;
    position: static;
    top: auto;
    right: auto;
}

.header-actions {
    display: inline-block;
    height: 46px;
    position: relative;
}

.header-actions a,
a.search-toggle {
    color: #ffffff;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    line-height: 1;
    height: 46px;
    padding: 0 6px;
}

.header-actions a:hover,
a.search-toggle:hover {
    color: #058ece;
}

a.search-toggle {
    font-family: "Genericons";
    font-size: 25px;
    display: inline-block;
    padding: 11px 0 0;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}

.search-toggle:before {
    content: "\f400";
}

.search-language.toggled a.search-toggle:before {
    content: "\f405";
}

a.lang-selector {
    border-right: 2px solid #5e666d;
    border-left: 2px solid #5e666d;
    min-width: 50px;
    font-size: 13px;
}

a.lang-selector:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 14px;
    background: url(../img/flag-can.png) no-repeat center 2px;
    margin: -2px 3px 0px 0;
    vertical-align: top;
}

a.lang-selector:after {
    font-family: "Genericons";
    content: "\f502";
    font-size: 8px;
    vertical-align: middle;
    margin-left: 5px;
}

.header-actions.toggled a#lang-selector-btn {
    color: #058ece;
}

.header-actions.toggled a#lang-selector-btn:after {
    content: "\f500";
    vertical-align: top;
}

a.lang-selector.us:before {
    background: url(../img/flag-us.png) no-repeat center 2px;
}

.header-actions ul {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0 0 8px;
    position: absolute;
    z-index: 1;
    background: #44494d;
    width: 100%;
    top: 100%;
    left: 0;
    border: 1px solid #5e666d;
    border-top: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.header-actions.toggled ul {
    display: block;
}

.header-actions ul li a {
    border: none;
    display: block;
    height: auto;
    padding: 8px 5px 0;
}

.header-actions ul li a.lang-selector:after {
    color: transparent;
}

/* Header Content */
.header-content {
    width: 100%;
    position: absolute;
    top: 48px;
    left: 0;
    background: rgba(255,255,255,0.95);
}

.header-content.fixed {
    position: fixed;
    top: 0;
}

.header-content-inner {
    padding: 18px 74px 14px 50px;
}

.tablet-menu-toggle-btn {
    display: none;
    width: 26px;
    height: 26px;
    overflow: hidden;
    position: absolute;
    left: 20px;
    top: 20px;
    color: #252525;
}

.tablet-menu-toggle-btn:before {
    font-family: "Genericons";
    content: "\f419";
    font-size: 25px;
}

.site-logo {
    float: left;
}



.primary-navigation {
    float: left;
    margin: 34px 0 0 44px;
}

.primary-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.primary-navigation li {
    float: left;
    margin: 0 64px 0 0;
    position: relative;
}

body.fr_ca .primary-navigation li {
    margin-right: 54px;
}

.primary-navigation li.mobile-nav-back-btn, .primary-navigation li.mobile-nav-back-lvl2-btn{
    display: none;
}

.primary-navigation li:last-child {
    margin-right: 0 !important;
}

.primary-navigation a {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #252525;
    text-decoration: none;
    padding: 0 0 45px;
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    border-bottom-width: 4px;
}

.primary-navigation > ul > li:hover > a {
    color: #058ece;
    border-color: #058ece;
}

.primary-navigation li.current-menu-item > a,
.primary-navigation li.current-menu-parent > a {
    color: #058ece;
}

.primary-navigation ul ul {
    display: none;
    position: absolute;
    left: -60px;
    top: 78px;
    background: rgba(68, 73, 77, 0.97);
    border-top: 6px solid #058ece;
    padding: 30px 60px 50px;
    min-width: 240px;
}

.primary-navigation ul ul.product-cat-nav {
    min-width: 860px;
}

.primary-navigation ul li:hover ul {
    display: block;
}
.primary-navigation ul li:hover ul.product-cat-nav {
    display: flex;
}

.primary-navigation ul ul li,
body.fr_ca .primary-navigation ul ul li {
    float: none;
    margin: 0;
    padding: 0 0 15px;
    display: block;
    width: 240px;
}

.primary-navigation ul ul li:last-child {
    padding-bottom: 0;
}

.primary-navigation ul ul.product-cat-nav li,
body.fr_ca .primary-navigation ul ul.product-cat-nav li {
    padding: 0 80px 0 0;
    float: left;
}

body.fr_ca .primary-navigation ul ul.product-cat-nav li {
    padding-right: 40px;
}

.primary-navigation ul ul.product-cat-nav li:last-child,
body.fr_ca .primary-navigation ul ul.product-cat-nav li:last-child {
    padding-right: 0;
}

.primary-navigation ul ul li a {
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    padding: 0;
    border: none;
    line-height: 1;
}

.primary-navigation ul ul.product-cat-nav > li > a {
    font-size: 22px;
    font-weight: 600;
    cursor: default;
    color: #ffffff;
}

.primary-navigation ul ul ul {
    display: block;
    position: static;
    border: none;
    background: none;
    padding: 0;
    min-width: 180px;
    flex-direction: column;
}

.primary-navigation ul ul.product-cat-nav li:first-child ul {
    min-width: 300px;
}

.primary-navigation .ideas-cat-nav-container:hover, .primary-navigation .ideas-cat-nav-container:focus{
    position: relative;
    padding: 0 240px 15px 0;
    width: auto;
    min-width:240px;
    display:inline-block;
}
.primary-navigation .ideas-cat-nav-container a.ideas-cat-nav-link:after{
    content: ">";
    position: absolute;
    right: 0;
    top: 2px;
}
.primary-navigation ul ul ul.ideas-cat-nav {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    margin: -15px 0 0 0;
}
.primary-navigation ul ul ul.ideas-cat-nav li a {
    font-size: 14px;
    padding-left: 60px;
}
@media(min-width: 768px){
    .primary-navigation .ideas-cat-nav-container:hover a.ideas-cat-nav-link, .primary-navigation .ideas-cat-nav-container:focus a.ideas-cat-nav-link{
        color: #058ece;
        position: relative;
        width:100%;
        min-width:240px;
        display:inline-block;
    }
    .primary-navigation .ideas-cat-nav-container:hover a.ideas-cat-nav-link:after, .primary-navigation .ideas-cat-nav-container:focus a.ideas-cat-nav-link:after{
        color: #058ece;
    }
    .primary-navigation ul li.ideas-cat-nav-container:hover ul.ideas-cat-nav{
        display: block;
        float: right;
    }
    .primary-navigation ul ul ul.ideas-cat-nav:hover{
        display: block;
    }
    .primary-navigation ul ul li a:hover {
        color: #058ece;
    }
}


.primary-navigation ul ul.product-cat-nav ul li,
.primary-navigation ul ul ul li,
body.fr_ca .primary-navigation ul ul.product-cat-nav ul li {
    float: none;
    border: none;
    padding: 15px 0 0;
    display: block;
    position: relative;
}

.primary-navigation ul.global-menu {
    display: none;
}

.account-navigation {
    float: right;
    margin: 22px 0 0;
}

.account-navigation a  {
    color: #44494d;
    text-decoration: none;
    display: inline-block;
    width: 36px;
    height: 31px;
    overflow: hidden;
    padding: 5px 10px 8px 5px;
    box-sizing: content-box;
}

.account-navigation a:before {
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: auto;
    background-color: transparent;
    background-image: url(../img/icons-sprite.png);
}

.account-navigation a.account-btn {
    border-right: 1px solid #b7b7b7;
}

.account-navigation a.account-btn:before {
    background-position: -4px -3px;
}

.account-navigation a.account-btn:hover:before,
.account-navigation a.account-btn.toggled:before{
    background-position: -68px -3px;
}

.account-navigation a.cart-btn:before {
    background-position: -4px -51px;
}

.account-navigation a.cart-btn:hover:before {
    background-position: -68px -51px;
}

.account-navigation .cart-count {
    vertical-align: top;
    line-height: 2.5;
    font-size: 16px;
    color: #44494d;
    margin-left: -8px;
}

.header-login-form {
    display: none;
    position: absolute;
    right: 35px;
    top: 80%;
    max-width: 160px;
    padding: 15px;
    font-size: 14px;
    width: 100%;
    text-align: center;
    background: rgba(255,255,255,0.95);
    -moz-box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.35);
    -webkit-box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.35);
    box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.35);
}

.header-login-form.toggled {
    display: block;
}

.header-login-form #header-login-form {
    text-align: left;
}

.header-login-form input[type="text"],
.header-login-form input[type="password"] {
    border: 1px solid #44494d;
    max-width: 140px;
    width: 100%;
    padding: 2px 6px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 5px;
}

.header-login-form a {
    color: #0091d1;
    font-size: 12px;
}

.header-login-form a.reset-pass-btn {
    font-size: 20px;
    margin-left: 6px;
}

.header-login-form button[type="submit"] {
    display: none;
}


/* Header form external links */
.header-login-form .external-links {
    text-align: left;
    margin-top: 1em;
}
.header-login-form .external-links a {
    color: #000;
    font-size: 1em;
    text-align: left;
}
.header-login-form .external-links a:hover {
    color: #0091d1;
}
/* .Header form external links */





/* Breadcrumb */
.breadcrumb-page-actions {
    padding: 0 70px 10px 196px;
}

.breadcrumb {
    float: left;
    padding: 5px 0 0;
}

.breadcrumb span.breadcrumb-item a:hover {
    color: #058ece;
    cursor: pointer;
}

.breadcrumb span a:hover {color: #44494d; text-decoration: none; cursor: text;}

.breadcrumb span {
    font-size: 15px;
    color: #44494d;
    text-decoration: none;
}

.breadcrumb .active a {
    color: #058ece;
}
.breadcrumb .active a:hover {
    cursor: pointer;
}
.breadcrumb a:hover {
    color: #0091d1;
}

.breadcrumb span.active {
    font-size: 15px;
    color: #0091d1;
}

.page-actions {
    float: right;
    position: relative;
}

.page-actions .addthis_sharing_toolbox {
    float: left;
    vertical-align: top;
    margin-top: 3px;
    display: none;
    height: 20px;
    overflow-y: hidden;
}

.page-actions .addthis_sharing_toolbox .at-icon-wrapper {
    background-color: #44494D !important;
}

.page-actions .addthis_sharing_toolbox .at-icon {
    display: block;
}

.page-actions .action {
    display: inline-block;
    text-decoration: none;
    overflow: hidden;
    width: 30px;
    height: 26px;
    margin: 0 0 0 20px;
}

.page-actions .action:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto;
    background-image: url(../img/icons-sprite.png);
}

.page-actions .action-share:before {
    background-position: -5px -97px;
}

.page-actions .action-mail:before {
    background-position: -8px -135px;
}

.page-actions .action-print:before {
    background-position: -7px -174px;
}

.page-actions .action-pdf:before {
    background-position: -5px -216px;
}

.page-actions .page-actions-toggle-btn {
    font-size: 28px;
    margin-left: 15px;
    display: none;
}

@media (max-width: 1768px) {
    .primary-navigation li {
        margin: 0 50px 0 0;
    }

    body.fr_ca .primary-navigation li {
        margin-right: 38px;
    }

    .primary-navigation a {
        font-size: 20px;
        padding: 0 0 48px;
    }

    .primary-navigation ul ul li a {
        font-size: 16px;
    }

    .primary-navigation ul ul.product-cat-nav > li > a {
        font-size: 20px;
    }
}

@media (max-width: 1562px) {
    .header-top {
        padding: 0 50px;
    }

    .primary-navigation a {
        font-size: 16px;
        padding: 0 0 51px;
    }

    .primary-navigation ul ul li a {
        font-size: 14px;
    }

    .primary-navigation ul ul.product-cat-nav > li > a {
        font-size: 16px;
    }

}

@media (max-width: 1388px) {
    .search-language {
        right: 50px;
    }

    .header-content-inner {
        padding: 18px 50px 15px;
    }

    body.fr_ca .header-content-inner {
        padding-right: 20px;
        padding-left: 20px;
    }

    .site-logo {
        width: 80px;
    }

    .primary-navigation {
        margin: 29px 0 0 24px;
    }

    .primary-navigation li {
        margin: 0 36px 0 0;
    }

    body.fr_ca .primary-navigation li {
        margin-right: 30px;
    }

    .primary-navigation a {
        padding: 0 0 38px;
    }

    .primary-navigation ul ul {
        top: 63px;
    }

    .breadcrumb-page-actions {
        padding: 0 45px 10px 156px;
    }
}

@media (max-width: 1234px) {
    .header-top {
        padding: 0 20px;
    }

    .search-language {
        right: 20px;
    }

    .header-content-inner {
        padding: 10px 20px;
    }

    .account-navigation a {
        width: 26px;
        height: 21px;
        padding: 5px;
    }

    .account-navigation a:before {
        background-size: 134px;
    }

    .account-navigation a.account-btn:hover:before,
    .account-navigation a.account-btn.toggled:before {
        background-position: -47px -3px;
    }

    .account-navigation a.cart-btn:before {
        background-position: -4px -34px;
    }

    .account-navigation a.cart-btn:hover:before {
        background-position: -47px -34px;
    }

    .account-navigation .cart-count {
        line-height: 1.5;
    }

    .header-login-form {
        right: 0;
    }

    .primary-navigation a {
        padding: 0 0 33px;
    }

    .primary-navigation ul ul {
        top: 58px;
    }

    .breadcrumb-page-actions {
        padding: 0 15px 10px 125px;
    }
}

@media (max-width: 1174px) {
    .global-navigation li a {
        width: 162px;
        height: 40px;
        background-position: center -5px;
        background-size: 160px auto;
    }

    .global-navigation li.a-plus-d-portfolio-menu-item a {
        background-position: center -51px;
        width: 138px;
    }

    .global-navigation li.global-care-menu-item a {
        background-position: center -99px;
        width: 100px;
    }

    .global-navigation li.globa-contract-menu-item a {
        background-position: center -148px;
        width: 120px;
    }

        .global-navigation li.offices-to-go-menu-item a {
        background-position: center -196px;
                width: 80px;
    }

    body.us .global-navigation li.offices-to-go-menu-item a {
        background-position: center -332px;
    }

    .global-navigation li.globa-evolve-menu-item a {
        background-position: center -286px;
        width: 72px;
    }

    .search-language {
        font-size: 14px;
    }

    #top-search-form {
        margin: 5px 42px 0 0;
    }

    .search-language .searchbox {
        padding: 3px 10px;
    }

    .header-actions {
        height: 36px;
    }

    .header-actions a, a.search-toggle {
        height: 40px;
        font-size: 14px;
    }

    a.search-toggle {
        font-size: 24px;
        padding: 8px 0 0;
        height: 32px;
    }

    .header-content {
        top: 40px;
    }

    .site-logo {
        width: 60px;
    }

    .primary-navigation {
        margin: 19px 0 0 20px;
    }

    .primary-navigation li {
        margin: 0 30px 0 0;
    }

    body.fr_ca .primary-navigation li {
        margin-right: 22px;
    }

    .primary-navigation a {
        font-size: 14px;
        padding: 0 0 27px;
    }

    .primary-navigation ul ul {
        top: 49px;
        padding: 30px;
    }

    .primary-navigation ul ul.product-cat-nav {
        min-width: 790px;
    }

    .primary-navigation ul ul.product-cat-nav li {
        padding: 0 40px 0 0;
    }

    .primary-navigation ul ul.product-cat-nav > li > a {
        font-size: 14px;
    }

    .account-navigation {
        margin: 11px 0 0;
    }

    .breadcrumb-page-actions {
        padding: 0 10px 10px 101px;
    }
}

@media (max-width: 1000px) {
  .header-top {
      padding: 0;
      min-height: 40px;
      width: 100%;
      position: absolute;
      top: 72px;
      z-index: 1;
      border-top: 4px solid #058ece;
      display: none;
  }

  #site .header-content {
      top: 0;
      background: rgba(255,255,255,0.95);
      height: 72px;
      position: fixed;
  }

  .mobile-nav-expanded .header-top {
      display: block;
      padding: 0;
  }

  .header-content .account-navigation a.account-btn {
      display: none;
  }

  .account-navigation {
      top: 20px;
  }

  .account-navigation a {
      height: 25px;
  }

  .account-navigation .cart-count {
      line-height: 2.3;
  }

  .account-navigation a:before {
      background-size: 162px;
  }

  .account-navigation a.cart-btn:before {
      background-position: -7px -41px;
  }

  .account-navigation a.cart-btn:hover:before {
      background-position: -59px -41px;
  }

  .account-navigation a.account-btn.toggled {
      background: #058ece;
  }

  .global-navigation li a {
      width: 128px;
      background-size: 140px auto;
      background-position: center -2px;
  }

  .global-navigation li.a-plus-d-portfolio-menu-item a {
      width: 110px;
      background-position: center -42px;
  }

  .global-navigation li.global-care-menu-item a {
      background-position: center -84px;
      width: 74px;
  }

  .global-navigation li.globa-contract-menu-item a {
      background-position: center -127px;
      width: 96px;
  }

  .global-navigation li.offices-to-go-menu-item a {
      background-position: center -168px;
              width: 60px;
  }

      body.us .global-navigation li.offices-to-go-menu-item a {
      background-position: center -288px;
  }

  .global-navigation li.government-menu-item a {
      width: 100%;
      box-sizing: border-box;
  }

  .global-navigation li.globa-evolve-menu-item a {
      background-position: center -247px;
      width: 54px;
  }

  .tablet-menu-toggle-btn {
      display: block;
  }

  .tablet-menu-toggle-btn:hover {
      color: #252525;
  }

  .tablet-menu-toggle-btn.toggled:before {
      content: "\f406";
  }

  .site-logo {
      display: block;
      margin: auto;
      float: none;
      width: 54px;
  }

  .primary-navigation {
      display: none;
      margin: 14px 0 0 0;
      float: none;
      text-align: center;
  }

  .primary-navigation.toggled {
      display: block;
  }

  .primary-navigation li {
      float: none;
      display: inline-block;
      text-align: left;
      margin: 0 24px 0 0;
  }

  body.fr_ca .primary-navigation li {
      margin-right: 14px;
  }

  .primary-navigation a {
      font-size: 13px;
      padding: 0 0 6px;
  }

  .primary-navigation ul ul {
      top: 28px;
      left: -20px;
      padding: 20px;
  }

  .primary-navigation ul ul.product-cat-nav {
      min-width: 700px;
  }

  .primary-navigation ul ul.product-cat-nav li {
      padding: 0 35px 0 0;
  }

  .primary-navigation ul ul li a {
      font-size: 13px;
  }

  .primary-navigation ul ul ul {
      min-width: 160px;
  }

  .primary-navigation ul ul.product-cat-nav li:first-child ul {
      min-width: 260px;
  }

  .account-navigation {
      margin: 0;
      float: none;
      position: absolute;
      top: 21px;
      right: 20px;
  }

  .breadcrumb-page-actions {
      padding: 0 15px 10px 20px;
  }

  .global-navigation {
      display: none;
  }

  .search-language {
      position: static;
      top: auto;
      right: auto;
      float: left;
      width: 66.66%;
      text-align: center;
      border-left: 1px solid #a1a1a1;
      margin-left: -1px;
  }

  .search-language.toggled {
      -webkit-box-shadow: none;
      box-shadow: none;
  }

  .search-container {
      display: block;
      position: static;
      vertical-align: inherit;
      float: left;
      width: 50%;
  }

  #top-search-form {
      display: none;
      position: absolute;
      max-width: none;
      max-height: none;
      overflow-x: visible;
      margin: 0;
      width: 100%;
      top: 41px;
      left: 0;
      padding: 20px 0;
      background: #44494d;
      white-space: normal;
      border-bottom: 1px solid #5e666d;
  }

  .search-language.toggled #top-search-form,
  body.fr_ca .search-language.toggled #top-search-form {
      display: block;
      max-width: inherit;
  }

  .search-language .search-container form label:first-child input[type="radio"] {
      margin-left: 0;
  }

  a.search-toggle {
      position: static;
      display: block;
      top: auto;
      right: auto;
  }

  a.search-toggle:hover {
      color: #ffffff;
  }

  .search-language.toggled a.search-toggle {
      color: #ffffff;
      background: #058ece;
  }

  body.fr_ca .search-language .searchbox {
      margin-top: 10px;
  }

  .header-actions {
      height: 40px;
      width: 50%;
      float: left;
  }

  .header-actions a {
      display: block;
      height: 28px !important;
      padding: 12px 0 0;
  }

  .primary-navigation ul.global-menu li.selected a {
      background: #058ece;
      color: #fff;
  }

  .toggled .search-container a.search-toggle {
      height: 32px;
  }

  a.lang-selector.us:before {
      margin-left: 3px;
  }

  .header-top .account-navigation {
      display: block;
      float: left;
      width: 33.33%;
  }

  .header-top .account-navigation a {
      width: 100%;
      padding: 9px 0 0 0;
      height: 31px;
      float: left;
      border: none;
      text-align: center;
      border-left: 1px solid #5e666d;
      margin-left: -1px;
  }

  .header-top .account-navigation a:before {
      background-size: auto;
      width: 22px;
      height: 22px;
  }

  .header-top .account-navigation a.account-btn:before {
      background-position: -140px -12px;
  }

  body.mobile-nav-expanded #site .header-content{
      position: absolute;
  }

  .primary-navigation {
      position: absolute;
      top: 116px;
      left: 0;
      margin: 0;
      width: 100%;
      background: #44494d;
      border-top: 1px solid #5e666d;
      padding: 20px 0 0;
      overflow: scroll;
  }

  .primary-navigation li {
      display: block;
      margin: 0;
  }

  .primary-navigation li {
      display: block;
      margin: 0;
  }

  body.fr_ca .primary-navigation li {
      margin: 0;
  }

  .primary-navigation.expanded li {
      display: none;
  }

  .primary-navigation.expanded li.expanded,
  .primary-navigation.expanded li.mobile-nav-back-btn {
      display: block;
  }

  .primary-navigation a {
      color: #ffffff;
      font-size: 14px;
      border: none;
      padding: 0;
      display: block;
      margin: 0 20px 20px;
  }

  .primary-navigation li.has-children.expanded > a {
      color: #0899dd;
  }

  .primary-navigation li.has-children > a:after {
      content: ">";
      position: absolute;
      right: 20px;
      top: 2px;
  }

  .primary-navigation li.has-children.expanded > a:after {
      content: none;
  }

  .primary-navigation li:hover a {
      color: #ffffff;
  }

  .primary-navigation ul ul {
      border: none;
      background: #44494d;
  }

  .primary-navigation ul li:hover ul {
      display: none;
  }

  .primary-navigation ul li.expanded ul {
      display: block !important;
      width: 100%;
      padding: 0;
      position: static;
      top: auto;
      left: auto;
      min-width: inherit;
  }

  .primary-navigation ul li.expanded ul li,
  .primary-navigation ul.global-menu li,
  body.fr_ca .primary-navigation ul li.expanded ul li,
  body.fr_ca .primary-navigation ul.global-menu li {
      display: block;
      float: none;
      padding: 0;
  }

  .primary-navigation ul ul.product-cat-nav > li {
      padding: 0;
  }
  .primary-navigation ul li:hover ul.product-cat-nav{
      display: none;
  }

  .primary-navigation ul ul ul {
      margin: 0 0 30px;
  }

  .primary-navigation ul ul ul.ideas-cat-nav {
      display: none !important;
      padding: 0 0 0 20px;
  }
  .primary-navigation ul ul ul.ideas-cat-nav li a {
      font-size: 12px;
      padding-left: 0;
      margin-left: 0;
  }
  .primary-navigation .lvl-2-hide{
      display: none !important;
  }

  .primary-navigation ul ul li.expanded ul.ideas-cat-nav {
      display: block !important;
      margin: 0;
  }
  .primary-navigation ul li.ideas-cat-nav-container:hover ul.ideas-cat-nav{
      display: none;
  }
  .primary-navigation .ideas-cat-nav-container:hover, .primary-navigation .ideas-cat-nav-container:focus{
      padding: 0;
  }

  /* Global Navigation */
  .primary-navigation ul.global-menu {
      display: block;
  }

  .primary-navigation ul.global-menu li:hover,
  .primary-navigation ul.global-menu li.current-menu-item {
      background-color: #606467;
  }

  .primary-navigation ul.global-menu li a {
      border-top: 1px solid #5e666d;
      margin: 0;
      padding: 9px 20px;
      color: transparent;
      background-image: url(../img/global-logos-sprite.png);
      background-repeat: no-repeat;
      background-position: 10px -8px;
      background-size: 160px auto;
      background-color: transparent;
  }

  .primary-navigation ul.global-menu li.a-plus-d-portfolio-menu-item a {
      background-position: -2px -53px;
  }

  .primary-navigation ul.global-menu li.global-care-menu-item a {
      background-position: -21px -100px;
  }

  .primary-navigation ul.global-menu li.globa-contract-menu-item a {
      background-position: -10px -149px;
  }

      .primary-navigation ul.global-menu li.offices-to-go-menu-item a {
      background-position: -29px -197px;
  }

  body.us .primary-navigation ul.global-menu li.offices-to-go-menu-item a {
      background-position: -32px -336px;
  }

  .primary-navigation ul.global-menu li.government-menu-item a {
      background-position: -8px -245px;
  }

  .primary-navigation ul.global-menu li.globa-evolve-menu-item a {
      background-position: -36px -288px;
  }

  .header-login-form {
      top: 117px;
      position: absolute;
      background: #44494d;
      width: 100%;
      max-width: inherit;
      min-width: 320px;
      right: auto;
      left: 0;
      padding: 20px 0;
      text-align: center;
      color: #ffffff;
      border-bottom: 1px solid #5e666d;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
  }

  body:not(.mobile-nav-expanded) .header-login-form {
      display: none;
  }

  .header-login-form a {
      color: #ffffff;
  }

  .header-login-form #header-login-form {
      max-width: 350px;
      padding: 0 20px;
      margin: auto;
  }

  .header-login-form input[type="text"],
  .header-login-form input[type="password"] {
      max-width: 45%;
      color: #555555;
  }

  .header-login-form .external-links {
      max-width: 350px;
      padding: 0 20px;
      margin-left: auto;
      margin-right: auto;
  }

  .header-login-form .external-links a {
      color: #ffffff;
  }

    .account-navigation {
        top: 20px;
    }

    .account-navigation a {
        height: 25px;
    }

    .account-navigation a:before {
        background-size: 162px;
    }

    .account-navigation a.cart-btn:before {
        background-position: -7px -41px;
    }

    .account-navigation a.cart-btn:hover:before {
        background-position: -59px -41px;
    }

    .account-navigation .cart-count {
        line-height: 2.3;
    }

    .account-navigation a.account-btn.toggled {
        background: #058ece;
    }

    .breadcrumb-page-actions {
        padding: 0 20px;
        height: 30px;
    }

    .page-actions {
        overflow: hidden;
        height: 30px;
        max-width: 10px;
        position: relative;
        padding-left: 35px;
        -moz-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .page-actions.toggled {
        max-width: 500px;
        padding-right: 40px;
    }

    .page-actions .page-actions-toggle-btn {
        display: inline-block;
        margin-left: 12px;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 0 0 3px;
    }

    .page-actions .action {
        width: 24px;
        margin: 0 0 0 12px;
        opacity: 0;
        -moz-transition: opacity 0.3s ease-out;
        -webkit-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;
    }

    .page-actions .addthis_sharing_toolbox {
        opacity: 0;
        -moz-transition: opacity 0.3s ease-out;
        -webkit-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;
    }

    .page-actions .action-print {
        display: none;
    }

    .page-actions .action:before {
        background-size: 150px;
    }

    .page-actions .action-share:before {
      background-position: -4px -69px;
    }

    .page-actions .action-mail:before {
      background-position: -6px -97px;
    }

    .page-actions .action-print:before {
      background-position: -3px -127px;
    }

    .page-actions .action-pdf:before {
        background-position: -3px -159px;
    }

    .page-actions.toggled .action,
    .page-actions.toggled .addthis_sharing_toolbox {
        opacity: 1;
    }

    .breadcrumb {
        display: none;
    }

    .breadcrumb a {
        font-size: 14px;
    }
}

@media (max-width: 500px) {
    .search-language .searchbox {
        margin-top: 20px;
    }
}





/* ======================================
   Main Banner
   ====================================== */
.banner-wrapper {
    position: relative;
}

.banner-content {
    position: absolute;
    top: 38%;
    right: 10%;
    font-family: "Gotham A", "Gotham B", 'Open Sans', sans-serif;
    font-style: normal;
    font-size: 120px;
    font-weight: 300;
    color: #ffffff;
}

@media (max-width: 1388px) {
    .banner-content {
        font-size: 100px;
    }
}

@media (max-width: 1174px) {
    .banner-content {
        font-size: 80px;
    }
}

@media (max-width: 766px) {
    .banner-content {
        font-size: 60px;
    }
}

@media (max-width: 500px) {
    .banner-content {
        font-size: 30px;
    }
}


/* ==================
   Messages
   ================== */
.messages-container ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.messages-container ul li {
    padding: 5px 5px 5px 30px;
    font-size: 14px;
    background: rgba(85,85,85,0.1);
    margin: 0 0 5px;
    position: relative;
}

.messages-container ul li:before {
    font-family: "Genericons";
    display: inline-block;
    width: 22px;
    height: 22px;
    content: "\f455";
    font-size: 22px;
    position: absolute;
    top: 0;
    left: 5px;
}

.messages-container ul li.success {
    color: #009732;
    background: rgba(0,151,50,0.1);
}

.messages-container ul li.success:before {
    content: "\f418";
}

.messages-container ul li.notice {
    color: #eb7a00;
    background: rgba(235,122,50,0.1);
}

.messages-container ul li.notice:before {
    content: "\f456";
}

.messages-container ul li.error {
    color: #de0101;
    background: rgba(222,1,1,0.1);
}

.messages-container ul li.error:before {
    content: "\f446";
}




/* ======================================
   Footer
   ====================================== */
/*Back to top Link*/
.back-to-top-wrapper {
    text-align: right;
    padding: 50px 20px 20px;
}
.go-top {
    text-decoration: none;
    height:2.75em;
    width:3.5em;
    background:rgba(59, 59, 59, 1) url(../img/home/btns/arrow-up-bottom.png) no-repeat top center;
    display: inline-block;
    position:relative;
}

.go-top span{
    display:none;
}

.go-top:hover {
    background-color: rgba(59, 59, 59, 0.8);
}

.newsletter-social {
    background: #44494d;
    color: #ffffff;
    font-size: 14px;
    padding: 40px 60px 30px 60px;
}

.newsletter {
    float: left;
    max-width: 820px;
    width: 100%;
}

.newsletter label[for="newsletter-name"] {
    font-size: 22px;
    text-transform: uppercase;
    vertical-align: middle;
}

.newsletter input[type="text"],
.newsletter input[type="email"] {
    background: none;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-style: italic;
    padding: 3px 10px;
    font-size: 15px;
    margin: 0 0 0 10px;
    vertical-align: middle;
    max-width: 230px;
    width: 100%;
    height: 28px;
}

.newsletter button[type="submit"] {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #44494d;
    font-size: 26px;
    line-height: 0.1;
    vertical-align: middle;
    height: 28px;
    margin: 0 0 0 5px;
}

.newsletter input[type="checkbox"] {
    vertical-align: middle;
    margin: 0 3px 0 0;
}

.newsletter label[for="newsletter-agree"] {
    padding: 5px 0 0 188px;
    display: block;
}

body.fr_ca .newsletter label[for="newsletter-agree"] {
    padding-left: 277px;
}

.social-links {
    float: right;
}

.social-links a {
    font-family: "Genericons";
    color: #44494d;
    font-size: 39px;
    width: 40px;
    height: 40px;
    line-height: 1.1;
    overflow: hidden;
    display: inline-block;
    background: #ffffff;
    margin: 0 0 0 10px;
}

.social-links a:before {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.social-links a.pinterest:before {
    content: "\f209";
}

.social-links a.instagram:before {
    content: "\f215";
}

.social-links a.facebook:before {
    content: "\f204";
}

.social-links a.twitter:before {
    content: "\f202";
}

.social-links a.linkedin:before {
    content: "\f207";
}

.footer-links {
    background: url(../img/footer-logo-bg.png) #f7f7f7 no-repeat;
    background-position: -webkit-calc(100% - 49px) center;
    background-position: calc(100% - 49px) center;
    color: #464646;
    font-size: 16px;
    padding: 30px 60px 40px;
    min-height: 195px;
}

.footer-links a {
    color: #464646;
    text-decoration: none;
    display: inline-block;
    line-height: 1.4;
}

.footer-links a:hover {
    color: #0091d1;
}

.footer-links > ul {
    float: left;
}

.footer-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-links > ul > li {
    display: block;
    float: left;
    max-width: 16%;
    padding-right: 3%;
    margin-bottom: 30px;
}

.footer-links h6 {
    font-size: 16px;
    color: #111111;
    text-transform: uppercase;
    margin: 0 0 20px;
    font-weight: normal;
}

.footer-links h6 a {
    color: #111111;
    line-height: 1.3;
}

.site-credit {
    font-size: 13px;
    color: #ffffff;
    background: #44494d;
    padding: 10px 60px;
}

.site-credit a {
    color: #ffffff;
    text-decoration: none;
}

.copyright-print {
    display: none;
}

.site-credit .external-links {
    list-style: none;
    float: right;
    margin: 0;
    padding: 0;
}

.site-credit .external-links:after {
    content: "";
    display: block;
    clear: both;
}

.site-credit .external-links li {
    display: inline-block;
    float: right;
    line-height: 1;
    padding: 0 8px;
    border-right: 1px solid #ffffff;
}

.site-credit .external-links li:first-child {
    padding-right: 0;
    border: none;
}

.site-credit .external-links li a {
    line-height: 1;
    display: inline-block;
}

@media (max-width: 1562px) {
    .footer-links {
        font-size: 15px;
    }
}

@media (max-width: 1388px) {
    .newsletter {
        max-width: 764px;
    }

    .newsletter label[for="newsletter-name"] {
        font-size: 18px;
    }

    .newsletter label[for="newsletter-agree"] {
        padding-left: 156px;
    }

    body.fr_ca .newsletter label[for="newsletter-agree"] {
        padding-left: 230px;
    }

    .social-links a {
        width: 30px;
        height: 30px;
        font-size: 30px;
    }

    .footer-links {
        font-size: 13px;
        padding: 30px 60px 20px;
    }
}

@media (max-width: 1234px) {
    .footer-links {
        font-size: 12px;
    }

    .footer-links h6 {
        font-size: 14px;
        margin-bottom: 10px;
    }
}

@media (max-width: 1174px) {
    .footer-links {
        background-size: 60px;
        background-position: -webkit-calc(100% - 39px) 30px;
        background-position: calc(100% - 39px) 30px;
        min-height: 155px;
    }

    .footer-links > ul > li {
        max-width: inherit;
        width: 28%;
    }

    .footer-links > ul > li > a {
        margin: 0 0 10px;
    }

    .site-credit {
        font-size: 12px;
    }
}

@media (max-width: 1000px) {
    .site{
        overflow: hidden;
    }
    .newsletter-social {
        padding: 40px 40px 30px;
    }

    .newsletter {
        max-width: 515px;
    }

    .newsletter label[for="newsletter-name"] {
        display: block;
    }

    .newsletter input[type="text"], .newsletter input[type="email"] {
        max-width: 190px;
    }

    .newsletter input[type="text"] {
        margin: 0;
    }

    .newsletter label[for="newsletter-agree"] {
        padding: 5px 0 0;
    }

    body.fr_ca .newsletter label[for="newsletter-agree"] {
        padding-left: 0;
    }

    .footer-links {
        padding-left: 40px;
        padding-right: 40px;
    }

    .social-links {
        margin: 22px 0 0;
    }
}

@media (max-width: 766px) {
    .site{
        overflow: hidden;}
    footer{
        overflow: hidden;
    }
    .go-top {
        display: none;
    }

    .newsletter-social {
        padding: 20px;
    }

    .newsletter {
        max-width: 380px;
    }

    .newsletter input[type="text"], .newsletter input[type="email"] {
        max-width: 217px;
    }

    .newsletter input[type="text"] {
        display: block;
        margin: 0 0 10px;
    }

    .newsletter input[type="email"] {
        margin: 0;
    }

    .social-links {
        margin: 22px auto 0;
        text-align: center;
    }

    .footer-links {
        padding: 40px 20px 20px;
        background-position: -webkit-calc(100% - 39px) 40px;
        background-position: calc(100% - 39px) 40px;
    }

    .footer-links > ul > li {
        float: none;
        width: 80%;
    }

    .site-credit {
        padding: 10px 20px;
        text-align: center;
        font-size: 11px;
        box-sizing: initial;
        -webkit-box-sizing: initial;
    }
}

@media (max-width: 500px) {
    .footer-links {
        background-size: 50px;
    }
}


/* ======================================
   Page Templates
   ====================================== */

/* ==================
   Home Page
   ================== */
body.home .main-content {
    margin: 0;
}

/* SLIDER */
.slider-wrapper.home-slider-wrapper {
    overflow-x: inherit;
}

.home-slider-wrapper .slider-navigation {
    top: -webkit-calc(50% + 80px);
    top: calc(50% + 80px);
    top: 58%;
}

.home-slider-pagination {
    position: absolute;
    left: 0;
    bottom: -40px;
    text-align: center;
    width: 100%;
}

.home-slider-pagination a {
    border-radius: 50%;
    background: #898989;
    display: inline-block;
    overflow: hidden;
    text-indent: -5000px;
    width: 15px;
    height: 15px;
    margin: 0 8px;
}

.home-slider-pagination a:hover,
.home-slider-pagination a.active {
    background: #0091d1;
}

/*Back to bottom Link*/
.go-bottom {
    text-decoration: none;
    height:2.75em;
    width:3.5em;
    background:rgba(59, 59, 59, 1) url(../img/home/btns/arrow-up-bottom.png) no-repeat bottom center;
    display:block;
    position:relative;
    left:16%;
}

.go-bottom span{
    display:none;
}

.go-bottom:hover {
    background-color: rgba(59, 59, 59, 0.8);
}

body.home #products-projects{
    margin: 20px 0 0 0;
    text-align: center;
}
body.home #products-projects img{
    width: 75%;
    max-width: 1920px;
}

/*HOMEPAGE PROJECTS*/
body.home #projects{
    width:100%;
    display:block;
}

body.home #projects .projects_wrapper{
    width:100%;
    display:inline-block;
}

body.home #projects .projects_wrapper .section-title {
    text-align:center;
    margin: 0.83em 0 0;
}

body.home #projects .projects_wrapper ul{
    list-style:none;
    margin:0;
    padding:0;
}

body.home #projects .projects_wrapper ul li{
    display:block;
    position:relative;
}

body.home #projects .projects_wrapper ul li a{
    text-decoration:none;
    color:#252525;
}

body.home #projects .projects_wrapper ul li a:hover{
    color:#0091d1;
}

body.home #projects .projects_wrapper ul li span{
    font-family: "Gotham A", "Gotham B", 'Open Sans', sans-serif;
    font-weight: 300;
    line-height: 200%;
    background: rgba(255, 255, 255, .75);
    text-align: center;
    width: 100%;
    bottom: -1px;
    position: absolute;
    display: block;
}
body.home #projects .projects_wrapper ul li span a{
    min-height: 114px;
    line-height: 114px;
    font-size: 40px;
}

body.home #projects .projects_wrapper ul li span.series-link{
    right: 0;
    text-align: left;
}

/*We Are*/

body.home #we_are{
    width:100%;
    display:block;
}

body.home #we_are .we_are_title {
    display: table;
    width: 100%;
    margin-top: 5.35%;
    height: auto;
    vertical-align: middle;
}

body.home #we_are .we_are_title .half-width {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: right;
}

body.home #we_are .we_are_title .half-width img {
    max-width: 90%;
}

body.home #we_are .we_are_title p{
    color: #0091d1;
    font-size: 23px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    letter-spacing: 2px;
    max-width: 82%;;
    margin: 0 auto;
    text-align: left;
}

body.home #we_are ul{
    list-style: none;
    margin: 0 auto;
    padding: 0 10px;
}

body.home #we_are ul li{
    display: inline-block;
    height: auto;
    max-width: 25%;
    position: relative;
    float: left;
}

body.home #we_are ul li a{
    display:block;
    margin: 0 10px;
    height:100%;
    text-decoration: none;
}

body.home #we_are ul li a:hover span{
    color:#0091d1;
}

body.home #we_are ul li img{
    max-width:100%;
    height:auto;
}

body.home #we_are ul li a span{
    bottom: -1px;
    color: #252525;
    font-family: "Gotham A", "Gotham B", 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 36px;
    text-align: center;
    display: block;
    position: absolute;
    width: 100%;
    line-height: 1;
    padding: 90px 0 30px;
    background-color: rgba(255, 255, 255, .75);
    background-repeat: no-repeat;
    background-position: center top;
}

body.home #we_are ul li.workplace span{
    background-image: url(../img/home/ctas/cta-icon-1.png);
}

body.home #we_are ul li.healthcare span{
    background-image: url(../img/home/ctas/cta-icon-2.png);
}

body.home #we_are ul li.government span{
    background-image: url(../img/home/ctas/cta-icon-3.png);
}

body.home #we_are ul li.education span{
    background-image: url(../img/home/ctas/cta-icon-4.png);
}

@media screen and (max-width: 1562px) {
    body.home .projects .projects_wrapper ul li a span {
        font-size: 37px;
    }
}

@media screen and (max-width: 1388px) {
    body.home #we_are .we_are_title p {
        font-size: 17px;
    }

    body.home #we_are ul li a span {
        font-size: 26px;
        background-size: 70px auto;
        padding: 70px 0 20px;
    }
}

@media screen and (max-width: 1000px) {
    body.home .main-content {
        padding: 40px 0 0;
    }

    body.home .projects .projects_wrapper ul li a span {
        font-size: 26px;
    }

    body.home #we_are .we_are_title p {
        font-size: 14px;
    }

    body.home #we_are ul {
        padding: 0 5px;
    }

    body.home #we_are ul li a {
        margin: 0 5px;
    }
}

@media screen and (max-width: 766px) {
    body.home .main-content {
        padding: 40px 0 0;
    }

    .slider-navigation {
        display: none;
    }

    .home-slider-pagination {
        bottom: -30px;
    }

    .home-slider-pagination a {
        width: 10px;
        height: 10px;
    }

    .go-bottom {
        display: none;
    }

    body.home .projects .projects_wrapper .section-title {
        margin: 40px 15px 0;
    }

    body.home .projects .projects_wrapper ul li a span {
        font-size: 22px;
    }

    body.home #we_are .we_are_title {
        display: block;
    }

    body.home #we_are .we_are_title .half-width {
        width: 100%;
        display: block;
        text-align: center;
    }

    body.home #we_are .we_are_title p {
        margin: 20px auto 10px;
        text-align: center;
    }

    body.home #we_are ul li {
        max-width: 50%;
        margin-bottom: 10px;
    }

    body.home #we_are ul li a span {
        font-size: 22px;
        background-size: 50px auto;
        padding: 50px 0 10px;
    }
    body.home #products-projects {
        margin: 40px 0 0 0;
    }
    body.home #projects .projects_wrapper ul li span a {
        font-size: 22px;
    }
}

@media (max-width: 500px) {
  body.home #projects .projects_wrapper ul li span{
    padding: 10px 15px;
    width: calc(100% - 30px);
  }
  body.home #projects .projects_wrapper ul li span a {
    font-size: 22px;
    line-height: 1;
  }
}


/* ==================
   Ideas Page
   ================== */
.ideas-info-section {
    position: relative;
}

.ideas-info-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
}

.ideas-info-wrapper.expanded {
    z-index: 10;
}

.ideas-info-wrapper .point {
    width: 50px;
    height: 50px;
    color: #ffffff;
    font-size: 45px;
    text-decoration: none;
    display: inline-block;
    border-radius: 50%;
    background: #44494d;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    position: absolute;
    top: 0;
    left: -25px;
    z-index: 1;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.ideas-info-wrapper.expanded .point {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(135deg);
    background: #0091d1;
}

.ideas-info-wrapper.pulse:not(.expanded) .point {
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.3s cubic-bezier(0.5, -2, 0.5, 2);
    transition: all 0.3s cubic-bezier(0.5, -2, 0.5, 2);
}

.ideas-info-wrapper .info {
    display: none;
    background: rgba(247,247,247,0.75);
    position: absolute;
    top: 25px;
    right: 0;
    width: 300px;
    color: #252525;
}

.ideas-info-wrapper.right .info {
    left: 0;
}

.ideas-info-wrapper .info h4 {
    font-weight: 400;
}

.ideas-info-wrapper .info a {
    color: #252525;
}

.ideas-info-wrapper .info a:hover {
    color: #058ece;
}

body.ideas div .col-2:nth-child(2) {
    margin-top: 12px;
}

body.ideas .col-2 h2 {
    margin: 0;
    text-align: right;
    padding: 40px 0;
}

body.ideas .col-2 p {
    margin: 0;
    text-align: left;
    padding: 40px 0;
}

body.ideas .product-cat-title {
    font-size: 24px;
    font-family: "Gotham A", "Gotham B", 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #111111;
    margin: 0;
}

body.ideas .grid-thumb img {
    margin: 0 auto;
}

@media (max-width: 1174px) {
    .ideas-info-wrapper .point {
        width: 36px;
        height: 36px;
        font-size: 36px;
        left: -16px;
    }

    .ideas-info-wrapper.pulse:not(.expanded) .point {
        -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
    }

    .ideas-info-wrapper .info {
        top: 16px;
        width: 240px;
    }

    .ideas-info-wrapper .info .inner-container {
        padding: 10px;
    }

    .ideas-info-wrapper .info h4,
    .ideas-info-wrapper .info p {
        margin-bottom: 10px;
    }
}

@media (max-width: 766px) {
    body.ideas .half-width,
    body.ideas .table-cell-display {
        width: auto;
        display: block;
    }

    body.ideas .table-display {
        padding: 0;
    }

    body.ideas .table-display h2 {
        text-align: left;
    }

    .ideas-info-wrapper.expanded {
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        height: 100%;
        background: rgba(247,247,247,0.8);
    }

    .ideas-info-wrapper.expanded .point {
        left: auto;
        top: 10px;
        right: 20px;
    }

    .ideas-info-wrapper:not(.expanded) .info {
        opacity: 0;
        -ms-transition: all;
        -moz-transition: all;
        -webkit-transition: all;
        transition: all;
    }

    .ideas-info-wrapper.expanded .info {
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        background: none;
    }

    .ideas-info-wrapper .info .inner-container {
        padding: 20px 30px;
    }

    body.ideas div .col-2:nth-child(2) {
        margin: 0;
    }

    body.ideas .col-2 h2,
    body.ideas .col-2 p {
        padding: 10px 0;
        text-align: left;
    }
}



/* ==================
   Series Page
   ================== */

.slider-wrapper {
    overflow-x: hidden;
    position: relative;
}

.slide {
    opacity: 0;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-transition: opacity 0.5s ease-out;
    -wbkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

.slide.active {
    opacity: 1;
    z-index: 1;
}

.slide-video {
    background: #000000;
}

.slide-360deg:after {
    content: "";
    display: block;
    width: 120px;
    width: 6.3%;
    height: 71px;
    height: 9.2%;
    position: absolute;
    bottom: 30px;
    bottom: 3.5%;
    left: 47%;
    background: url(../img/series/360-icon-white.png) transparent no-repeat center center;
    background-size: 88%;
}

.slide video {
    max-height: 100%;
    width: auto;
    display: block;
    margin: 0 auto;
}

.slider-navigation {
    position: absolute;
    z-index: 2;
    top: 320px;
    top: 43%;
    top: -webkit-calc(50% - 25px);
    top: calc(50% - 25px);
    width: 100%;
}

.slider-navigation a {
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url(../img/icons-sprite.png);
    background-position: -10px -308px;
    background-size: auto;
    left: 45px;
    position: absolute;
    width: 24px;
    height: 49px;
    overflow: hidden;
    text-indent: -5000px;
}

.slider-navigation a:hover {
    background-position: -69px -308px
}

.slider-navigation a.next {
    background-position: -10px -372px;
    left: auto;
    right: 45px;
}

.slider-navigation a.next:hover {
    background-position: -70px -372px
}

.slider-pagination {
    position: absolute;
    left: 0;
    bottom: -40px;
    text-align: center;
    width: 100%;
}

.slider-pagination a {
    border-radius: 50%;
    background: #898989;
    display: inline-block;
    overflow: hidden;
    text-indent: -5000px;
    width: 15px;
    height: 15px;
    margin: 0 8px;
}

.slider-pagination a:hover,
.slider-pagination a.active {
    background: #0091d1;
}

.series .slider-wrapper{
  overflow-x: inherit;
}

.product-title {
    font-family: "Gotham A", "Gotham B", 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 57px;
    margin: 10px 0 0;
    color: #252525;
    float: left;
    max-width: 50%;
}

.slider-content-right {
    float: right;
    max-width: 588px;
    width: 100%;
}

.slider-thumbnails-wrapper {
    /*float: right;
    max-width: 588px;
    width: 100%;*/
    position: relative;
    height: 88px;
}

.slider-thumbnails-wrapper .microfiche-screen {
    height: 88px !important;
}

.slider-thumbnails-wrapper a {
    display: inline-block;
    margin: 0 0 0 10px;
    border: 1px solid #ddd;
    position: relative;
}

.slider-thumbnails-wrapper a.active {
    border-color: #30a1d6;
}

.slider-thumbnails-wrapper a.thumb-360deg:after {
    content: "";
    display: block;
    width: 86px;
    height: 86px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/series/360-icon.png) transparent no-repeat center center;
    background-size: 70%;
}

.slider-thumbnails-wrapper a.thumb-video:after {
    content: "";
    display: block;
    width: 86px;
    height: 86px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/series/video-icon.png) transparent no-repeat center center;
}


.slider-thumbnails-wrapper a img {
  display: block;
}

.microfiche-button {
    width: 20px;
    height: 33px;
    display: inline-block;
    overflow: hidden;
    text-indent: -5000px;
    border: none;
    padding: 0;
    background: url(../img/icons-sprite.png) transparent no-repeat -8px -434px;
    position: absolute;
    top: 26px;
    left: -20px;
}

.microfiche-button:hover {
    background-color: transparent;
}

.microfiche-next-button {
    float: right;
    background-position: -8px -481px;
    left: auto;
    right: -30px;
}

.product-logos img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 12px 12px;
}

.product-logos img:first-child {
    margin-left: 0;
}

.build-it-icon {
    color: #555555;
    text-transform: uppercase;
    font-size: 28px;
    padding: 0 0 0 58px;
    line-height: 0.1;
    border: none;
    position: relative;
    display: inline;
}

.build-it-icon:before {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 6px;
    left: 0;
    background-color: #44494d;
    background-repeat: no-repeat;
    background-position: -1px -252px;
    background-image: url(../img/icons-sprite.png);
}

.build-it-icon small {
    font-size: 18px;
    text-transform: none;
    padding-left: 58px;
}

.build-it-btn {
    color: #ffffff;
    font-size: 28px;
    display: inline-block;
    padding: 3px 10px 3px 60px;
    text-transform: uppercase;
    border: none;
    background-color: #0091d1;
    background-color: rgb(0, 145, 209);
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../img/icons-sprite.png);
    background-position: -2px -255px;
}

.build-it-btn:hover {
    color: #ffffff;
    background-color: #44494d;
}

.product-tabs-wrapper {
    margin: 20px 0 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
}

.product-tabs-wrapper ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.product-tabs-wrapper li {
    float: left;
    padding: 0 25px;
}

.product-tabs-wrapper li:first-child {
    padding-left: 0;
}

.product-tabs-wrapper li a {
    text-decoration: none;
    font-size: 21px;
    color: #252525;
    padding: 15px 0;
    line-height: 1;
    display: block;
    border: 0;
    border-bottom-color: transparent;
    border-bottom-width: 4px;
    border-bottom-style: solid;
}

.product-tabs-wrapper li a[disabled] {
    pointer-events: none;
    opacity: 0.45;
}

.product-tabs-wrapper li a:hover,
.product-tabs-wrapper li.active a {
    color: #0091d1;
    border: 0;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #0091d1;
}

.product-panel {
    display: none;
    position: relative;
    padding: 40px 0 0;
}

.product-panel.active {
    display: block;
}

#product-panel-finishes {
    padding: 0;
}

#product-panel-finishes .border-top:first-child {
    border: none;
}

.product-panel h2 {
    font-size: 24px;
    font-family: "Gotham A", "Gotham B", 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #111111;
    margin: 10px 0 0;
}

.product-panel select {
    font-size: 14px;
    padding: 2px 10px;
    border: 1px solid #b1b1b1;
    color: #111111;
}

.modelsFilters[style*="none"] .border-top,
.modelsFilters[style*="opacity"] .border-top {
    border: none;
}

.grid-thumb {
    text-align: center;
    float: left;
    width: 16.66%;
    padding-bottom: 40px;
}

.grid-thumb-inner {
    margin: 0 20px;
}

.grid-thumb a {
    display: block;
    color: #44494d;
    text-decoration: none;
}

.grid-thumb a:hover {
    color: #0091d1;
}

.grid-thumb a.link-pdf:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 15px;
    margin: 0 0 0 10px;
    background: url(../img/icons-sprite.png) transparent no-repeat -10px -527px;
}

.grid-thumb img {
    display: block;
   max-width: 100%;
    height: auto;
    margin: 0 auto 10px;

}

.products .grid-thumb img {
    display: block;
    height: auto;
    margin: 0 auto 10px;
	max-width: 250px;
}

@media (max-width: 600px){
	.products .grid-thumb img {max-width: 100%;}

}

#series-specifications-panel .grid-thumb img{
    border: 1px solid black;
    width: 155px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#series-specifications-panel .border-top:first-child{
    border-top: none;
}
#series-specifications-panel .specs-item-wrap:hover{
    cursor: pointer;
}
#series-specifications-panel .specs-item-wrap:hover > p{
    color: #0a6ebd;
}

.grid-thumb p {
    color: #44494d;
    font-size: 15px;
    margin: 0 0 5px;
}

.grid-thumb p a {
    display: inline;
}

.grid-thumb-content {
    position: relative;
}

.grid-thumb-content .actions {
    display: none;
    background: #ffffff;
    width: 101%;
    height: 105%;
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 10px 0 0;
}

.grid-thumb:hover .actions {
    display: block;
}

.grid-thumb-content .actions a {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    color: #252525;
    padding: 0 10px;
}

.grid-thumb-content .actions a:nth-child(2) {
    border-left: 1px solid #252525;
}

.grid-thumb-content .actions a:hover {
    color: #0091d1;
}

/* Grid Wide */
.grid-wide .grid-thumb {
    width: 25%;
}

/* Quarter Thumb */
.grid-thumb img.quarter-thumb {
    display: none
}

.grid-thumb-inner.has-quarter-thumb:hover img {
    display: none;
}

.grid-thumb-inner.has-quarter-thumb:hover img.quarter-thumb {
    display: block;
}

/* Lightbox */
.fancybox-skin {
    margin-bottom: 25px;
}

.lightbox-content-wrapper {
    padding: 25px;
}

.fancybox-close {
    background: none;
    font-size: 48px;
    color: #111111;
    font-weight: 300;
    line-height: 1;
    display: block;
    width: 27px;
    height: 48px;
    top: 26px;
    right: 40px;
}
.fancybox-close:before {
    content: "x";
}

.fancybox-opened .fancybox-skin {
    background: #ffffff;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(149,149,149,1);
    -moz-box-shadow: 0px 0px 1px 1px rgba(149,149,149,1);
    box-shadow: 0px 0px 1px 1px rgba(149,149,149,1);
}

.fancybox-inner {
    overflow: scroll;
}

.fancybox-inner:after {
    content: "";
    display: block;
    clear: both;
}

.fancybox-inner .page-actions {
    float: none;
    position: absolute;
    top: 17px;
    right: 64px;
}

.fancybox-inner .product-title {
    font-size: 48px;
    float: none;
    max-width: inherit;
}

.fancybox-inner .half-width {
    float: left;
}

.fancybox-inner .image-wrapper {
    position: relative;
}

.fancybox-inner .image-wrapper:after {
    content: "";
    display: block;
    clear: both;
}

.fancybox-inner .image-wrapper .large-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.fancybox-inner .slider-thumbnails-wrapper {
    float: none;
    margin: 20px auto 0;
}

.fancybox-inner .image-wrapper .thumb {
    cursor: pointer;
    float: left;
    width: 20%;
    width: calc(20% - 20px);
    height: auto;
    margin: 10px 7px;
    border: 3px solid #ffffff;
}

/* fancybox layouts */
.fancybox-inner .layouts .large-image {
    display: none;
}

.fancybox-inner .image-wrapper .thumb.active {
    border: 3px solid #0091d1;
}

@media (max-width: 1768px) {
    .product-title {
        font-size: 54px;
    }
}

@media (max-width: 1562px) {
    .product-title {
        font-size: 45px;
    }

    .grid-thumb p {
        font-size: 14px;
    }

    .grid-thumb-content .actions a {
        font-size: 16px;
    }
}

@media (max-width: 1388px) {
    .product-title {
        max-width: 40%;
    }

    .slider-thumbnails-wrapper {
        max-width: 392px;
    }


    .product-tabs-wrapper li a {
        font-size: 18px;
        padding: 12px 0;
    }

    .grid-thumb {
        width: 20%;
    }
}

@media (max-width: 1234px) {
    .grid-thumb {
        width: 20%;
    }

    .fancybox-inner .slider-thumbnails-wrapper {
        max-width: 380px;
    }
}

@media (max-width: 1174px) {
    .product-title {
        max-width: 30%;
    }

    .product-title .desc {
        font-size: 16px;
    }

    .product-tabs-wrapper li {
        padding: 0 20px;
    }

    .build-it-icon {
        font-size: 22px;
        padding: 0 0 0 44px;
    }

    .build-it-icon:before {
        width: 38px;
        height: 38px;
        background-size: 170px;
        background-position: -3px -217px;
    }

    .build-it-icon small {
        font-size: 14px;
        padding: 0 0 0 44px;
    }

    .build-it-btn {
        font-size: 22px;
        padding: 3px 10px 3px 50px;
        background-size: 169px;
        background-position: -2px -216px;
    }

    .grid-thumb {
        width: 25%;
    }

    .grid-wide .grid-thumb {
        padding-bottom: 20px;
    }

    .grid-wide .grid-thumb-inner {
        margin: 0 10px;
    }

    .fancybox-close {
        font-size: 36px;
        width: 19px;
        height: 38px;
        top: 5px;
        right: 14px;
    }

    .fancybox-inner {
        overflow: visible;
    }

    .lightbox-content-wrapper {
        padding: 0;
    }

    .fancybox-inner .product-title {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .fancybox-inner .page-actions {
        top: -17px;
        right: 27px;
    }
}

@media (max-width: 1000px) {
    .slider-thumbnails-wrapper {
        /*margin: 0 20px 0;*/
    }

    .product-title {
        max-width: none;
    }

    .product-tabs-wrapper li {
        padding: 0 12px;
    }

    .product-tabs-wrapper li a {
        font-size: 16px;
        padding: 8px 0;
    }

    .grid-thumb-content .actions a {
        font-size: 14px;
        padding: 0 5px;
    }

    .fancybox-inner .col-2,
    .fancybox-inner div .col-2:nth-child(2) {
        float: none;
        width: auto;
    }

    .fancybox-inner .col-2 {
        margin-bottom: 20px;
    }

    .fancybox-inner .slider-thumbnails-wrapper {
        max-width: 588px;
    }
    .image-wrapper .textile-image {
        width: 380px;
    }
}

@media (max-width: 766px) {
    .product-title {
        font-size: 30px;
        margin-top: 20px;
    }

    .slide-360deg:after {
        width: 50px;
        height: 30px;
    }

    .slider-thumbnails-wrapper {
        float: none;
        margin: 0;
    }

    .slider-thumbnails-wrapper a {
        margin: 0 10px 0 0;
    }

    .microfiche-controls {
        display: none;
    }

    .product-tabs-wrapper {
        position: relative;
    }

    .product-tabs-wrapper #product-panel-toggle {
        display: block;
        font-family: "Genericons";
        font-size: 23px;
        cursor: pointer;
        position: absolute;
        top: 2px;
        right: 0;
    }

    .product-tabs-wrapper #product-panel-toggle:after {
        content: "\f510";
        color: #0091d1;
    }

    .product-tabs-wrapper.expanded #product-panel-toggle:after {
        content: "\f50e";
    }

    .product-tabs-wrapper ul {
        position: relative;
    }

    body.build-it .product-tabs-wrapper ul li {
        margin: 0;
        width: 100%;
    }

    .product-tabs-wrapper ul:not(.fabrics_types-tabs) li {
        float: none;
        padding: 0;
        display: none;
    }

    .product-tabs-wrapper ul:not(.fabrics_types-tabs) li.active,
    .product-tabs-wrapper.expanded ul:not(.fabrics_types-tabs) li {
        display: block;
    }

    .product-tabs-wrapper ul:not(.fabrics_types-tabs) li a {
        border: none;
    }

    .product-tabs-wrapper ul:not(.fabrics_types-tabs) li.active a {
        position: relative;
    }

    .product-tabs-wrapper li:hover a {
    }

    .grid-thumb:not(.product-thumb) {
        width: 33.33%;
        padding-bottom: 20px;
        height: auto !important;
    }

    .grid-thumb-inner {
        margin: 0 10px;
    }

    .grid-thumb p,
    .grid-thumb-content .actions a {
        font-size: 12px;
    }

    .grid-wide .grid-thumb {
        width: 50%;
    }

    .fancybox-inner .product-title {
        margin-top: 10px;
    }

    .fancybox-inner .page-actions {
        top: -24px;
    }
    #productTab-accordion, #fabricTab-accordion{
        margin: 0;
    }
    #productTab-accordion .panel-heading, #fabricTab-accordion .panel-heading{
        position: relative;
        padding: 0;
    }
    #productTab-accordion .panel-heading a, #fabricTab-accordion .panel-heading a{
        display: block;
        margin: 0 -15px;
    }
    #productTab-accordion .panel-heading a span, #fabricTab-accordion .panel-heading a span{
        display: block;
        padding: 10px 15px;
    }
    #productTab-accordion .panel-heading a:hover, #productTab-accordion .panel-heading a:focus, #fabricTab-accordion .panel-heading a:hover, #fabricTab-accordion .panel-heading a:focus{
        text-decoration: none;
    }
    #productTab-accordion .panel-heading .panel-title .js-tabcollapse-panel-heading:before, #fabricTab-accordion .panel-heading .panel-title .js-tabcollapse-panel-heading:before {
        content: "\f510";
        display: block;
        font-family: "Genericons";
        font-size: 23px;
        position: absolute;
        top: 4px;
        right: 7px;
        color: #0091d1;
    }

    #productTab-accordion .panel-heading.expanded .panel-title .js-tabcollapse-panel-heading:before, #fabricTab-accordion .panel-heading.expanded .panel-title .js-tabcollapse-panel-heading:before{
        content: "\f50e";
    }
    #productTab-accordion .panel, #fabricTab-accordion .panel{
        border: none;
        box-shadow: none;
        border-radius: 0;
        border-bottom: 1px solid #c5c5c5;
    }
    #productTab-accordion .panel .panel-heading, #fabricTab-accordion .panel .panel-heading{
        background: #FFFFFF;
    }

    #product-panel-grades-collapse .panel-body label{
        width: 42%;
    }

    #fabricTab-accordion .panel .panel-collapse .panel-body label{
        margin: 0 20px 0 0;
        display: inline-block;
        line-height: 1.6;
    }

    #fabricTab-accordion .panel .panel-collapse .panel-body label input[type="checkbox"]{
        margin: -2px 0 0 0;
    }

    #productTab-accordion .modelsFilters .grid-thumb{
        padding-bottom: 10px;
    }
    #productTab-accordion .modelsFilters .grid-thumb .grid-thumb-content{
        min-height: 60px;
    }
    #productTab-accordion #product-tab-features-collapse .grid-thumb p{
        min-height: 45px;
    }
    #productTab-accordion #product-tab-images-collapse .grid-thumb p{
        min-height: 30px;
    }




}

@media (max-width: 500px) {
    .product-panel select {
        display: block;
        margin-bottom: 10px;
    }

    .grid-thumb {
        width: 50%;
    }
}

@media (max-width: 369px) {
    .grid-thumb:not(.product-thumb) {
        min-height: 155px !important;
    }
}

/* ==================
   Products
   ================== */
body.products .product-title {
    font-size: 50px;
    max-width: inherit;
    float: none;
}

body.products .series-intro{
    font-size: 15px;
}

body.products .grid-thumb{
	    width: 25%;
}

body.products h2.footer-title{
    margin-bottom: 30px;
}

@media (max-width: 1388px){
    body.products .grid-thumb {
        width: 25%;
    }
}

@media (max-width: 1174px) {
    body.products .product-title {
        font-size: 45px;
    }
    body.products .grid-thumb {
        width: 33.33%;
    }
}

@media (max-width: 766px) {
    body.products .grid-thumb {
        width: 50%;
    }
    body.products .product-title {
        font-size: 30px;
        margin: 0;
    }
    body.products .series-intro{
        font-size: 12px;
    }
}




/* ==================
   Build it Page
   ================== */
body.build-it .messages-container li.screen-message {
    display: none;
}

body.build-it .renderOption-overlay {
    display: none;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.2);
}

body.build-it .product-title {
    float: left;
    max-width: inherit;
}

.product-title .desc {
    font-size: 21px;
}

.view-others {
    float: right;
    margin: 50px 0 0;
}

body.build-it .half-width {
    max-width: 47%;
}

body.build-it .half-width.col-left {
    float: left;
    position: relative;
}

body.build-it .ajax-response-container {
    display: none;
}

.build-it-mobile-expanding-btn-wrapper {
    display: none;
    margin-top: -1px;
}

.build-it-mobile-expanding-btn {
    font-size: 26px;
    font-family: "Gotham A", "Gotham B", 'Open Sans', sans-serif;
    font-style: normal;
    color: #000000;
    font-weight: 300;
    text-transform: uppercase;
    display: block;
    padding: 10px 0;
}

.build-it-mobile-expanding-btn:after {
    content: "\f432";
    vertical-align: top;
    text-align: center;
    -moz-transition: color .1s ease-in 0;
    -webkit-transition: color .1s ease-in 0;
    font-family: "Genericons";
    font-weight: normal;
    font-variant: normal;
    line-height: 0.9;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    speak: none;
    border-radius: 50%;
    color: #ffffff;
    background-color: #198fcd;
    float: right;
    width: 24px;
    height: 24px;
    margin-top: 5px;
}

.build-it-mobile-expanding-btn.expanded:after {
    content: '\f431';
}

.options-heading {
    font-size: 29px;
    font-family: "Gotham A", "Gotham B", 'Open Sans', sans-serif;
    font-style: normal;
    color: #252525;
    font-weight: 300;
    margin: 0 0 10px;
}

.options-wrapper p {
    margin: 0 0 10px;
}

.options-wrapper label {
    display: block;
    color: #111111;
    font-size: 17px;
    margin-bottom: 5px;
}

.options-wrapper select {
    max-width: 100%;
}

/* jQuery ddSlick */
.dd-options {
    z-index: 800;
}

.dd-container {
    max-width: 100%;
}

.dd-container .dd-select {
    background: #ffffff !important;
    border-radius: 0;
    width: 100% !important;
}

.dd-option,
.dd-selected {
    padding: 5px !important;
    width: 100%;
}

.dd-option-image,
.dd-selected-image {
    max-width: 40px !important;
    margin-right: 5px !important;
    float: none !important;
    display: inline-block;
}

.dd-option label,
.dd-selected label {
    margin: 0 !important;
    color: #555555;
    font-weight: normal;
    font-size: 16px;
    display: inline-block;
    line-height: normal !important;
}

.dd-pointer {
    right: 5px !important;
}


.fabric-select-wrapper select {
    width: 30%;
}

.fabric-select-wrapper span {
    margin: 0 15px;
}

.active-filter {
    font-size: 0.85em;
    margin-bottom: 10px;
    background: #fafafa;
    padding: 20px;
    display: none;
    position: relative;
}

.active-filter .clear-fabrics-filters {
    position: absolute;
    top: 25px;
    right: 20px;
}

.active-filter h6 {
    margin: 0 0 10px;
}

.active-filter .current-filter-group {
    display: table;
}

.active-filter .current-filter-group .current-filter-label,
.active-filter .current-filter-group .current-filter-filters {
    display: table-cell;
}

.active-filter .current-filter-group .current-filter-label strong {
    margin-right: 3px;
}

.active-filter .current-filter-group a {
    margin: 0 2px 6px;
    padding: 0 7px;
    border-radius: 20px;
    background: #0091d1;
    color: #ffffff;
    display: inline-block;
    white-space: nowrap;
}

body.build-it .product-tabs-wrapper li {
    padding: 0;
    margin: 0 1.99%;
}

body.build-it .product-tabs-wrapper li:first-child {
    margin-left: 0;
}

body.build-it .product-tabs-wrapper li:last-child {
    margin-right: 0;
}

.fabric-sort-panel {
    padding: 0;
}

.fabric-sort-panel#product-panel-grades {
    max-width: 730px;
}

.fabric-sort-panel label {
    margin: 0 20px 0 0;
    display: inline-block;
    line-height: 1.6;
}

.fabric-sort-panel#product-panel-grades label {
    width: 20%;
    margin: 0;
    float: left;
}

.fabric-sort-panel label input[type="checkbox"] {
    vertical-align: inherit;
}

.build-it .ajax-response-container.product-fabrics {
    position: relative;
    display: block;
    opacity: 0;
    transition: opacity 0.3s ease-in;
    transition-delay: 0.5s;
    float: left;
    width: 100%;
}

.build-it .ajax-response-container.product-fabrics.show {
    opacity: 1;
}

.fabrics-main-container {
    padding: 0 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    -moz-transition: height 0.3s ease-in-out;
    -webkit-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
}

.fabrics-ajax-spinner {
    position: absolute;
    background: rgba(255,255,255,0.95) url(../img/build-it/fabrics-ajax-spinner.gif) no-repeat center 50px;
    background-position: center;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    min-height: 200px;
}

body.build-it .fabrics-grid-wrapper {
    width: 792px;
    width: 132px;
    display: inline-block;
    vertical-align: top;
    float: left;
    clear:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body.build-it .fabrics-grid-wrapper.no-scroll,
body.build-it .fancybox-inner .fabrics-grid-wrapper {
    width: 100%;
}

.fabrics-grid-wrapper .grid {
    width: 100%;
    float: left;
    position: relative;
}

.fabrics-grid-wrapper.no-scroll .grid {
    width: 16.666666%;
}

.fabrics-grid-wrapper .grid-inner {
    margin: 12px;
    border: 1px solid #c1c1c1;
    display: block;
    position: relative;
}
.fabrics-grid-wrapper .available-color-text {
    margin: 12px;
    font-size: 0.7em;
    min-height: 5em;
    display: block;
    line-height: 15px;
}

.fabrics-grid-wrapper .grid img {
    display: block;
    width: 100%;
}

.fabrics-grid-wrapper .grid img.fabric {
    position: absolute;
    left: 0;
    top: 0;
}

.fabrics-grid-wrapper .info-popup {
    position: absolute;
    top: 0;
    left: 100%;
    border: 1px solid #b7b7b7;
    padding: 2px;
    font-size: 12px;
    width: 195%;
    z-index: 1;
    background: #ffffff;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.fabrics-grid-wrapper .info-popup.show {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.fabrics-grid-wrapper .info-popup .hover-thumb {
    margin-bottom: 3px;
}

.fabrics-pagination-container {
    margin: 10px 0 0;
}

.fabrics-pagination-container.disabled {
    opacity: 0.5;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 10px;
    margin: 2px 0;
    border: 1px solid #bebebe;
    background-color: #ebebeb;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.consist-of-table {
    margin-bottom: 15px !important;
}

.consist-of-table th,
.consist-of-table td {
    padding: 0 15px 0 0 !important;
    text-align: left !important;
    vertical-align: top;
}

.form-upload-fabric {
    margin: 20px 0 0;
}

.form-upload-fabric .button {
    background: #ffffff;
    color: #555555;
    font-size: 18px;
    text-transform: none;
    padding: 5px 20px;
    -moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.3);
}

.form-upload-fabric input[type="file"] {
    display: none;
}

.form-upload-fabric strong {
    color: #111111;
    text-transform: uppercase;
}

.fancybox-inner table.textile-details {
    border: none;
}

.fancybox-inner table.textile-details th,
.fancybox-inner table.textile-details td {
    text-align: left;
    border: none;
    padding-left: 0;
    padding-bottom: 0;
    vertical-align: top;
}

.fancybox-inner .fabrics-grid-wrapper {
    padding: 0;
}

.fancybox-inner .fabrics-grid-wrapper .grid {
    width: 16.6666%;
}

body.build-it .half-width.col-right {
    float: right;
    clear: right;
}

.product-image-container {
    position: relative;
}

.product-image-360deg-wrapper:after {
    content: "";
    display: block;
    width: 12.2%;
    height: 7.2%;
    position: absolute;
    bottom: 3.5%;
    left: 47%;
    background: url(../img/series/360-icon-white.png) transparent no-repeat center center;
    background-size: 88%;
}

.options-heading.build-it-summary-heading {
    text-transform: uppercase;
}

#build-it-summary-form label {
    color: #000000;
    margin: 0 0 5px;
    display: inline-block;
}

#build-it-summary-form .names label {
    min-width: 130px;
}

#build-it-summary-form .half-width {
    float: left;
}

#build-it-summary-form .half-width img {
    float: left;
    border: 1px solid #c1c1c1;
    margin: 0 15px 10px 0;
}

#build-it-summary-form .half-width p {
    margin-top: 4px;
    padding-right: 15px;
}

#build-it-summary-form ul {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 50px;
}

#build-it-summary-form .price {
    position: relative;
}

#build-it-summary-form .price .fabrics-ajax-spinner {
    background-position: center center;
}

#build-it-summary-form .price p {
    margin: 0 0 5px;
}

#build-it-summary-form .price label {
    min-width: 180px;
}

#build-it-summary-form .price .total label {
    text-transform: uppercase;
}

#build-it-summary-form .price span {
    display: inline-block;
    min-width: 0;
}

#build-it-summary-form .price .total span {
    color: #0091d1;
}

#build-it-summary-form .price input[type="text"] {
    width: 150px;
}

.build-it-btn.add-to {
    background-image: none;
    padding-left: 10px;
    margin-right: 10px;
}

.build-it-btn.add-to:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 29px;
    margin-right: 12px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../img/icons-sprite.png);
    background-position: -6px -556px;
}

.build-it-btn.add-to:hover {
    background-color: #636363;
}

.build-it-btn.add-to:hover:before {
    background-position: -53px -556px;
}

.reset-btn {
    background-color: #636363;
}

.reset-btn:hover {
    background-color: #0091d1;
}

.options-main-container {
    max-height: 0;
    opacity: 0;
    overflow-y: hidden;
    transition: max-height 0.3s ease-out, opacity 0.6s ease-out;
}

.options-main-container.expanded {
    max-height: none;
    opacity: 1;
    overflow-y: inherit;
}

.fabrics-all-options-container {
    max-height: 0;
    opacity: 0;
    overflow-y: hidden;
    transition: max-height 0.5s ease-out, opacity 0.6s ease-out;
}

.fabrics-all-options-container.expanded {
    max-height: 1500px;
    opacity: 1;
    overflow-y: inherit;
}

.fabrics-grid-wrapper.adjusted-fabrics-container {
    margin-left: -12px;
}

@media (max-width: 1562px) {
    .fabrics-grid-wrapper.adjusted-fabrics-container {
        margin-left: -6px;
    }
    .view-others {
        margin: 37px 0 0;
    }

    .options-heading {
        font-size: 24px;
    }

    body.build-it .product-tabs-wrapper li a {
        font-size: 18px;
    }

    body.build-it .fabrics-main-container {
        padding: 0 25px;
    }

    .fabrics-grid-wrapper .grid-inner {
        margin: 5px;
    }

    .fabrics-grid-wrapper .available-color-text {
        margin: 5px;
        min-height: 5em;
        line-height: 15px;
    }

    .fabrics-pagination-container {
        padding: 0 22px;
    }

    .fabrics-slider-pagination {
        font-size: 14px;
    }

    #build-it-summary-form .half-width p {
        font-size: 14px;
    }

    .build-it-btn.add-to {
        font-size: 24px;
    }

    .build-it-btn.add-to:before {
        margin-bottom: -4px;
    }

    .reset-btn {
        font-size: 24px;
    }
}

@media (max-width: 1388px) {
    body.build-it .product-tabs-wrapper li a {
        font-size: 16px;
    }

    .fabrics-slider-container {
        width: 92%;
        float: none;
    }

    .fabrics-slider-pagination {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    #build-it-summary-form ul {
        margin: 0 0 0 20px;
    }

    .build-it-btn.add-to {
        font-size: 20px;
    }

    .build-it-btn.add-to:before {
        margin-bottom: -5px;
    }

    .reset-btn {
        font-size: 20px;
    }
}

@media (max-width: 1174px) {
    body.build-it .inner-container {
        padding-left: 0;
        padding-right: 0;
    }

    body.build-it .product-title {
        font-size: 35px;
    }

    .dd-option label,
    .dd-selected label {
        font-size: 14px;
    }

    .dd-option-image,
    .dd-selected-image {
        max-width: 20px !important;
    }

    body.build-it .product-tabs-wrapper li {
        margin: 0 1.7%;
    }

    body.build-it .fabrics-main-container {
        padding: 0;
    }

    .fabrics-grid-wrapper {
        padding: 0;
    }

    body.build-it .fancybox-inner .product-title {
        font-size: 30px;
    }

    body.build-it .fancybox-inner .page-actions {
        top: -13px;
    }

    .fabrics-pagination-container {
        padding: 0 5px;
    }

    .product-image-zoom-wapper .zoomImg {
        display: none !important;
    }

    #build-it-summary-form .names label {
        min-width: inherit;
        margin-right: 10px;
    }

    #build-it-summary-form .half-width img {
        float: none
    }

    #build-it-summary-form ul {
        display: block;
        margin: 0;
        padding: 0 0 0 20px;
    }

    .build-it-btn.add-to {
        display: block;
        margin: 0 0 10px;
    }
}

@media (max-width: 1000px) {
    .view-others {
        margin: 37px 0 0 20px;
    }

    .dd-option label,
    .dd-selected label {
        font-size: 14px;
    }

    .dd-option-image,
    .dd-selected-image {
        max-width: 20px !important;
    }

    body.build-it .product-tabs-wrapper.sort-tabs-wrapper ul {
        position: relative;
        border-top: 1px solid #c5c5c5;
    }

    body.build-it .product-tabs-wrapper.sort-tabs-wrapper ul:before {
        content: "\f510";
        display: block;
        font-family: "Genericons";
        font-size: 23px;
        position: absolute;
        top: 2px;
        right: 0;
        color: #0091d1;
        z-index: -1;
    }

    body.build-it .product-tabs-wrapper.sort-tabs-wrapper.expanded ul:before {
        content: "\f50e";
    }

    body.build-it .product-tabs-wrapper.sort-tabs-wrapper li {
        float: none;
        padding: 0;
        display: none;
        margin: 0;
    }

    body.build-it .product-tabs-wrapper.sort-tabs-wrapper li.active,
    body.build-it .product-tabs-wrapper.sort-tabs-wrapper.expanded li {
        display: block;
    }

    body.build-it .product-tabs-wrapper.sort-tabs-wrapper li a {
        border: none;
    }

    .fabric-sort-panel#product-panel-grades label {
        width: 24%;
    }

    .build-it-btn.add-to:before {
        content: none;
    }
}

@media (max-width: 766px) {
    .view-others {
        margin-top: 5px;
    }

    body.build-it .product-title {
        text-align: center;
        float: none;
        clear: both;
        margin-top: 30px;
        font-size: 32px;
    }

    body.build-it .fancybox-inner .product-title {
        text-align: left;
        float: left;
        clear: inherit;
        margin-top: 0;
    }

    body.build-it .product-title .desc {
        display: block;
        font-size: 18px;
    }

    body.build-it .fancybox-inner .product-title .desc {
        display: inline;
    }

    body.build-it .half-width {
        width: auto;
        max-width: none;
        float: none !important;
        /*overflow: hidden;*/
    }

    .build-it-mobile-expanding-btn-wrapper.show {
        display: block;
    }

    .options-heading {
        font-size: 22px;
    }

    .options-main-container {
        max-height: 0;
        opacity: 0;
        overflow-y: hidden;
        transition: max-height 0.3s ease-out, opacity 0.6s ease-out;
    }

    .options-main-container.expanded {
        opacity: 1;
        overflow-y: inherit;
    }

    .fabrics-all-options-container {
        max-height: 0;
        opacity: 0;
        overflow-y: hidden;
        transition: max-height 0.5s ease-out, opacity 0.6s ease-out;
    }

    .fabrics-all-options-container.expanded {
        max-height: 1500px;
        opacity: 1;
        overflow-y: inherit;
    }
}

@media (max-width: 500px) {
    .dd-option label,
    .dd-selected label {
        font-size: 12px;
    }
}

@media (max-width: 400px) {
    .fabric-sort-panel#product-panel-grades label {
        width: 33.33%;
    }
}


/* ==================
   My Project Page
   ================== */

.my-project .my_project_sidebar,
.my-account .my_project_sidebar {
    float: left;
    width: 19%;
    margin-top: 10px;
}

.my-project .my_project_sidebar a.active,
.my-account .my_project_sidebar a.active {
    color: #0091d1;
}

.my-project .my_project_sidebar .inner-container,
.my-account .my_project_sidebar .inner-container {
    padding: 10px 20px;
}

.my-project .my_project_sidebar strong,
.my-account .my_project_sidebar strong {
    font-size: 20px;
}

.my-project .my_project_sidebar .add-project,
.my-account .my_project_sidebar .add-project {
    float: right;
    font-size: 14px;
    line-height: 2;
}

.my-project .my_project_sidebar ul,
.my-account .my_project_sidebar ul {
    list-style: none;
}

.my-project .my_project_details,
.my-account .my_project_details{
    float: right;
    width: 78%;
}

.my-project .my_project_details .inner-container,
.my-account .my_project_details .inner-container{
    padding: 10px 20px;
    position:relative;
}

.my-project .my_project_details h1,
.my-account .my_project_details h1{
    margin: 0;
    font-size: 29px;
    color:#252525;
    font-family: "Gotham A", "Gotham B", 'Open Sans', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    display: inline-block;
}

.my-project .my_project_details p.links_container,
.my-account .my_project_details p.links_container{
    margin: 0 0 0 20px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

.my-project table{
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 35px;
    text-align: center;
    width: 100%;
    color:#636363;
    font-size:15px;
}

.my-project  table th,
.my-project  table td {
    font-weight: 400;
    text-align: center;
    padding: 10px;
}

.my-project  table th{
    border-bottom: 1px solid #c5c5c5;
    font-size:14px;
    color:#636363;
}

.my-project table td {
    border-bottom: 1px solid #e1e1e1;
    vertical-align:top;
    padding-top: 30px;
}

.my-project table tr:last-child td{
    border-bottom:none;
}

.my-project  table th:first-child,
.my-project table td:first-child,
.my-project  table th:nth-child(2) ,
.my-project table td:nth-child(2){
    text-align:left;
}

.my-project table td.product_thumb img{
    border:solid 1px #b7b7b7;
}

.my-project table td .sku_title {
    color: #000000;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
}

.my-project table p{
    margin-bottom:10px;
}

table.description-details {
    margin: 0;
}

table.description-details th,
table.description-details td {
    padding: 5px;
    border: none;
    vertical-align: top;
}

table.description-details th {
    text-align: left;
    color: #000000;
    padding-left: 0;
}

table.description-details label {
    color: #000000;
    display: block;
    clear: both;
}

table.description-details img {
    border: 1px solid #c1c1c1;
    margin: 0 5px 5px 0;
}

table.description-details ul {
    margin: 0;
    padding: 0 0 0 18px;
}

.my-project table td.date,
.my-project table td .discount {
    white-space:nowrap;
    font-size:12px;
    color: #555555;
    line-height:200%;
}

.my-project table td .discount {
    font-size:10px;
}

.my-project table td.price,
.my-project table td.total{
    color:#000000;
    font-size:18px;
}

.my-project table td input {
    height: 25px;
    width: 81px;
}

.my-project table td select,
.my-project table td input {
    font-size: 14px;
    border: solid 1px #acacac;
    height: 25px;
    line-height: 25px;
}

.my-project table td .disclaimer{
    float: left;
    width: 65%;
}

.my-project table td .total_price{
    float:right;
    font-size:21px;
}

.my-project table td .total_price label{
    color:#000;
    width:225px;
    display:inline-block;
}

.my-project table td .total_price_value{
    color:#0091d1;
}

@media (max-width: 1562px) {
    .my-project .my_project_sidebar,
    .my-account .my_project_sidebar {
        margin-top: 0;
    }

    .my-project .my_project_details h1,
    .my-account .my_project_details h1 {
        font-size: 20px;
    }
}

@media (max-width: 1174px) {
    .my-project .my_project_sidebar .inner-container,
    .my-project .my_project_details .inner-container,
    .my-account .my_project_sidebar .inner-container,
    .my-account .my_project_details .inner-container {
        padding: 10px 0;
    }

    .my-project .my_project_details p.links_container,
    .my-account .my_project_details p.links_container {
        right: 0;
        top: 13px;
    }

    .my-project .my_project_sidebar ul li a,
    .my-account .my_project_sidebar ul li a {
        font-size: 16px;
    }

    .my-project table {
        font-size: 14px;
    }

    .my-project table th,
    .my-project table td {
        padding: 5px;
    }

    .my-project table tr th:first-child,
    .my-project table tr td:first-child {
        padding-left: 0;
    }

    .my-project table tr th:last-child,
    .my-project table tr td:last-child {
        padding-right: 0;
        text-align: right;
    }

    .my-project table td .sku_title {
        font-size: 16px;
    }

    table.description-details tr th:last-child,
    table.description-details tr td:last-child {
        text-align: left;
    }

    .my-project table td input {
        width: 40px;
    }

    .my-project table td.price, .my-project table td.total {
        font-size: 16px;
    }
}

@media (max-width: 1000px) {
    .my-project table .date,
    .my-project table .price {
        display: none;
    }

    .my-project table .description {
        width: 60%;
    }
}

@media (max-width: 900px) {
    .my-project .my_project_sidebar,
    .my-project .my_project_details,
    .my-account .my_project_sidebar,
    .my-account .my_project_details {
        float: none;
        width: 100%;
    }

    .my-project table td .sku_title,
    .my-project table td.price,
    .my-project table td.total {
        font-size: 14px;
    }

    .my-project table,
    .my-project table th ,
    .my-project .my_project_sidebar h2 a,
    .my-project .my_project_details p,
    .my-project table td select,
    .my-project table td input {
        font-size: 12px;
    }

    .my-project table td select, .my-project table td input {
        height: 20px;
        line-height: 20px;
    }

    .description-details .desc-label {
        display: none;
    }

    .my-project table td .disclaimer {
        text-align: left;
    }

    .my-project table td .total_price {
        font-size: 18px;
    }
}

@media (max-width: 500px) {
    .my-project .my_project_details p.links_container {
        width: auto;
    }

    .my-project table .product_thumb {
        display: none;
    }

    .my-project table .description {
        padding-left: 0;
    }
}


/* ==================
   Markets Page
   ================== */
.globalcare-btn {
    position: relative;
    padding-left: 55px;
}
.globalcare-btn:before {
    font-family: "Genericons";
    content: "\f510";
    font-size: 34px;
    width: 42px;
    text-align: center;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #44494d;
}

@media (max-width: 1388px) {
    .globalcare-btn {
        padding-left: 45px;
    }

    .globalcare-btn:before {
        font-size: 26px;
        width: 32px;
    }
}

@media (max-width: 1000px) {
    .globalcare-btn {
        padding-left: 45px;
    }

    .globalcare-btn:before {
        font-size: 22px;
        width: 32px;
    }
}


/* ==================
   Company Page
   ================== */
body.company .banner-content {
    color: #ffffff;
}

.company .presidents-wrapper {
    list-style: none;
    padding: 0;
    text-align: center;
    margin: 90px auto 0;
}

.company .presidents-wrapper li {
    width: 50%;
    float: left;
}

.company .presidents-wrapper img {
    display: block;
    margin: 0 auto 25px;
}

.company .press_releases,
.company .events,
.company .awards {
    float:left;
    width: 33.33%;
    padding: 0 2%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.company .press_releases {
    padding: 0 4% 0 0;
}

.company .awards{
    padding: 0 0 0 4%;
}

@media (max-width: 1174px) {
    .company .presidents-wrapper li {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 10px;
    }
}

@media (max-width: 766px) {
    .company .presidents-wrapper {
        margin: 0 auto;
    }

    .company .press_releases,
    .company .events,
    .company .awards {
        float: none;
        width: auto;
        padding: 0;
    }
}


/* ==================
   Press Release
   ================== */
body.press_release .cms-content h1 {
    margin-bottom: 0;
    line-height: 1;
}


/* ==================
   Environmental Commitment Page
   ================== */
body.environmental-commitment .faq_answer .col-2 {
    width: 38%;
    padding-top: 60px;
}

body.environmental-commitment .faq_answer .col-2:nth-child(2) {
    width: 61%;
}

body.environmental-commitment .faq_answer .cms-content img.alignleft {
    margin-top: -6%;
    margin-right: 25px;
    width: 31%;
}

@media (max-width: 1000px) {
    body.environmental-commitment .faq_answer .col-2,
    body.environmental-commitment .faq_answer .col-2:nth-child(2) {
        float: none;
        width: auto;
        padding-top: 0;
    }

    body.environmental-commitment .faq_answer .cms-content img.alignleft {
        width: auto;
        max-width: 50%;
        margin: 0 20px 20px 0;
    }
}


/* ==================
   Resources Textiles Page
   ================== */
body.resources-textiles .fabric-select-wrapper select {
    min-width: 310px;
}

body.resources-textiles .fabric-sort-panel#product-panel-grades {
    max-width: inherit;
}

body.resources-textiles .fabric-sort-panel#product-panel-grades label {
    margin: 0 20px 0 0;
    width: auto;
    float: none;
}

body.resources-textiles .active-filter {
    font-size: 0.85em;
    margin-bottom: 10px;
    background: #fafafa;
    padding: 20px;
    display: none;
    position: relative;
}

body.resources-textiles .active-filter .clear-fabrics-filters {
    position: absolute;
    top: 25px;
    right: 20px;
}

body.resources-textiles .active-filter h6 {
    margin: 0 0 10px;
}

body.resources-textiles .active-filter .current-filter-group {
    display: table;
}

body.resources-textiles .active-filter .current-filter-group .current-filter-label,
body.resources-textiles .active-filter .current-filter-group .current-filter-filters {
    display: table-cell;
}

body.resources-textiles .active-filter .current-filter-group .current-filter-label strong {
    margin-right: 3px;
}

body.resources-textiles .active-filter .current-filter-group a {
    margin: 0 2px 6px;
    padding: 0 7px;
    border-radius: 20px;
    background: #0091d1;
    color: #ffffff;
    display: inline-block;
    white-space: nowrap;
}

body.resources-textiles .fabrics-main-container .fabrics-grid-wrapper.loading {
    display: none;
}

body.resources-textiles .fabrics-main-container .fabrics-grid-wrapper .grid {
    width: 7.142857%;
}

body.resources-textiles .fabrics-main-container .fabrics-grid-wrapper .grid img.fabric-thumb {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}

body.resources-textiles #textile-container.hide-selections {
    position: relative;
}

body.resources-textiles #textile-container.hide-selections:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #fff;
    top: 0;
    opacity: 0.6;
}

/* Added by Mikalai. see Case 17318, request. */
body.resources-textiles .lightbox-content-wrapper .image-wrapper img.large-image { width: 380px; height: auto; }

@media (max-width: 1562px) {
    body.resources-textiles .fabrics-main-container {
        padding: 0 24px;
    }
}

@media (max-width: 1000px) {
    body.resources-textiles .fabrics-main-container {
        padding: 0 4px;
    }

    body.resources-textiles .fabrics-main-container .fabrics-grid-wrapper .grid {
        width: 10%;
    }
}

@media (max-width: 766px) {
    body.resources-textiles .fabrics-main-container {
        padding: 0;
    }

    body.resources-textiles .fabric-select-wrapper select {
        min-width: inherit;
    }

    body.resources-textiles .fabric-select-wrapper span {
        margin: 3px 0;
        display: inline-block;
    }

    body.resources-textiles .fabric-sort-panel#product-panel-grades label {
        width: 19%;
    }

    body.resources-textiles .fabrics-main-container .fabrics-grid-wrapper .grid {
        width: 14.285714%;
    }

    body.resources-textiles .fabrics-main-container .fabrics-grid-wrapper .grid-inner {
        margin: 2px;
    }
}

@media (max-width: 500px) {
    body.resources-textiles .fabric-select-wrapper select {
        width: 40%;
    }

    body.resources-textiles .fabric-sort-panel#product-panel-grades label {
        width: 42%;
    }

    body.resources-textiles .fabrics-main-container .fabrics-grid-wrapper .grid {
        width: 20%;
    }
}


/* ==================
   Resources Finishes Page
   ================== */
@media (max-width: 766px) {
    .product-tabs-wrapper.parts-tab-wrapper ul:before {
        content: none;
    }

    body.resources-textiles .product-tabs-wrapper.parts-tab-wrapper li {
        display: block;
        float: left;
    }

    body.resources-textiles .product-tabs-wrapper.parts-tab-wrapper li:first-child {
        padding-right: 25px;
    }
    #build-it-summary-form .price span {
        display: inline-block;
        min-width: 0;
    }
}


/* ==================
   Resources Images Page
   ================== */
body.images .inner-container.padding-10 {
    padding: 0;
}

body.images .grid-thumb {
    padding-bottom: 0;
    text-align: left;
}


/* ==================
   Resources Projects Page
   ================== */
.lightbox-content-wrapper.projects .col-2 {
    width: 66%;
}

.lightbox-content-wrapper.projects div .col-2:nth-child(2) {
    width: 30%;
}

.fancybox-inner .projects .large-image {
    display: none;
}

.fancybox-inner .lightbox-content-wrapper.projects .slider-thumbnails-wrapper {
    max-width: 612px;
}

#product-panel-projects{
    overflow: hidden;
}

@media (max-width: 1174px) {
    .fancybox-inner .lightbox-content-wrapper.projects .slider-thumbnails-wrapper {
        max-width: 454px;
    }
}

@media (max-width: 1000px) {
    .lightbox-content-wrapper.projects .col-2,
    .lightbox-content-wrapper.projects div .col-2:nth-child(2) {
        width: auto;
    }
}


/* ==================
   Resources Showroom Photographs Page
   ================== */
.lightbox-content-wrapper.showroom-photographs .col-2 {
    width: 66%;
}

.lightbox-content-wrapper.showroom-photographs div .col-2:nth-child(2) {
    width: 30%;
}

.fancybox-inner .showroom-photographs .large-image {
    display: none;
}

.fancybox-inner .lightbox-content-wrapper.showroom-photographs .slider-thumbnails-wrapper {
    max-width: 612px;
}

#product-panel-showroom-photographs{
    overflow: hidden;
}

@media (max-width: 1174px) {
    .fancybox-inner .lightbox-content-wrapper.showroom-photographs .slider-thumbnails-wrapper {
        max-width: 454px;
    }
}

@media (max-width: 1000px) {
    .lightbox-content-wrapper.showroom-photographs .col-2,
    .lightbox-content-wrapper.showroom-photographs div .col-2:nth-child(2) {
        width: auto;
    }
}


/* ==================
   Resources Price Lists Page
   ================== */
body.price_lists .grid-thumb p a {
    display: inline-block;
}


/* ==================
   Resources Product Demonstrations
   ================== */
body.product_demonstrations .grid-thumb .video-wrapper {
    position: relative;
}

body.product_demonstrations .grid-thumb .video-wrapper img {
    width: 100%;
    height: auto;
}

body.product_demonstrations .grid-thumb iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


/* ==================
   Customer Service
   ================== */
/* FAQ */
.faq {
    margin-bottom:20px;
}

a.faq_question {
    color: #252525;
    display: inline-block;
}

a.faq_question:hover ,
.expanded a.faq_question {
    color: #0091d1;
}

a.faq_question span.genericon {
    vertical-align: middle;
    font-size: 28px;
}

.expanded a.faq_question span.genericon-plus:before {
    content: "\f50e";
}

.faq_answer {
    display: none;
    padding-top: 5px;
}

@media (max-width: 1388px) {
    a.faq_question span.genericon {
        font-size: 25px;
    }
}

@media (max-width: 1174px) {
    a.faq_question span.genericon {
        font-size: 20px;
    }
}


/* ==================
   Where to buy Page
   ================== */
body.where-to-buy.fr_ca .cms-content h1 {
    font-size: 46px;
}

@media (max-width: 1768px) {
    body.where-to-buy.fr_ca .cms-content h1 {
        font-size: 38px;
    }
}

@media (max-width: 1562px) {
    body.where-to-buy.fr_ca .cms-content h1 {
        font-size: 32px;
    }
}

@media (max-width: 1174px) {
    body.where-to-buy.fr_ca .cms-content h1 {
        font-size: 24px;
    }
}

@media (max-width: 900px) {
    body.where-to-buy.fr_ca .cms-content h1 {
        font-size: 18px;
    }
}


/* ==================
   Sitemap
   ================== */
body.sitemap .main-content .mobile-nav-back-btn {
    display: none;
}

/* ==================
   Global Sites Page
   ================== */
ul.global-sites {
    list-style: none;
    margin: 50px 0 0;
    padding: 0;
}

ul.global-sites li {
    display: inline-block;
    margin: 0 40px 20px 0;
}


/* ==================
   Search Result
   ================== */
#search-form {
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
}

#search-form input {
    margin: 0 0 0 20px;
}

#search-form label:first-child input {
    margin-left: 0;
}

#search-form .searchbox {
    padding-right: 30px;
    padding-left: 8px;
    font-style: italic;
    width: 270px;
}

#search-form button[type="submit"] {
    width: 30px;
    height: 30px;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    color: #252525;
    background: none;
    font-size: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
}

#search-form button[type="submit"]:hover {
    color: #0091d1;
}

#search-form button[type="submit"]:before {
    display: block;
    width: 100%;
    height: 100%;
}

body.search .page-title {
    text-transform: uppercase;
    margin-bottom: 10px;
}

.search-result {
    margin-bottom: 40px;
    clear: both;
    overflow: hidden;
}

.jobs-wrap .search-result{
    margin-bottom: 0;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
}

.jobs-wrap .search-result{
    color:#555555
}

.jobs-wrap .job-description{
  display: none;
}

.job.expanded .job-details-toggler span.genericon-plus:before {
    content: "\f50e";
}

.job .job-details-toggler span.genericon-plus{
  font-size: 20px;
}

@media (max-width: 1174px){
  .job .job-details-toggler span.genericon-plus{
    font-size: 16px;
  }
}

.search-result img.alignleft {
    border: 1px solid #c1c1c1;
    margin: 0 10px 10px 0;
}

.search-result h5 {
    margin: 0;
    line-height: 1;
}

.search-result h5 a {
    color: #000000;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
}

.search-result h5 a:hover,
.search-result h5 a:hover small {
    color: #0091d1;
}

.search-result h5 a small {
    text-transform: none;
    color: #636363;
}

.search-result p{
    margin: 12px 0;
}

.search-result .video-wrapper{
    max-width: 400px;
}
.text-centered{
    text-align: center;
}

@media (max-width: 1388px) {
    #search-form .searchbox {
        display: block;
        margin: 20px 0 0;
    }

    #search-form button[type="submit"] {
        top: auto;
        bottom: 0;
    }
}

/* ======================================
   Custom Scrollbar
   ====================================== */
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
    margin: 1px 3px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #ffffff;
}


/*@import url('print.css');*/

@media print {

    html, body {
    border: 1px solid white;
    height: auto !important;
    page-break-after: avoid !important;
    page-break-before: avoid !important;
    line-height: 1.5;
    font-size: 1em;
}

    .cms-content h1,
    .cms-content h2,
    .cms-content h3,
    .cms-content h4,
    .cms-content h5,
    .cms-content h6,
    .product-title,
    .banner-content,
    body.ideas .product-cat-title,
    .product-panel h2
    {
        font-family: sans-serif;
    }

    /* Containers */
    .site-header {
        display: none !important;
    }

    .header-print {
        display: block;
    }

    .header-print img {
        display: block;
        margin: 0 auto;
        max-width: 60px;
    }

    .main-content {
        padding-top: 0;
    }

    .content-container {
        padding: 0;
    }

    .inner-container {
        padding: 10px;
    }

    .breadcrumb-page-actions {
        display: none;
    }

    .page-actions {
        display: none !important;
    }

    /* Footer */
    .back-to-top-wrapper {
        display: none !important;
    }

    .site-footer {
        display: none !important;
    }

    .copyright-print {
        display: block;
        margin-bottom:0 !important; padding-bottom:0 !important;

    }

    /* Products and Series */
    .slider-navigation {
        display: none;
    }


   /* Home Page */
    body.home .projects .projects_wrapper ul li a span {
        position: static;
        font-size: 30px;
    }

    body.home #we_are ul li a span {
        position: static;
        font-size: 16px;
        padding: 30px 0;
        background-image: none !important;
    }

    .banner-content {
        font-size: 50px;
    }

    body.products .product-title {
        font-size: 30px;
    }

    .cms-content h1 {
        font-size: 30px;
    }

    .cms-content h2 {
        font-size: 26px;
    }

    .product-tabs-wrapper li {
        padding: 0 10px;
    }

    .product-tabs-wrapper li a {
        font-size: 18px;
    }

    body.resources-textiles .fabrics-main-container .fabrics-grid-wrapper .grid {
        width: 12.5%;
    }

    .fancybox-wrap_,
    .fancybox-overlay_ {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 100% !important;
        display: none !important;
    }

    .fancybox-inner .image-wrapper .large-image {
        max-width: 1100px;
    }

    /* Maps */
    .bh-sl-container .bh-sl-map {
        display: none;
    }

    .bh-sl-container .bh-sl-loc-list {
        width: auto !important;
        float: none !important;
        height: auto !important;
    }

    /* Grid */
    .grid-thumb {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 24%;

    page-break-after: avoid !important;
    line-height: 1;
    font-size: 1em;
    page-break-before: avoid !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    height: 99% !important;
    min-height: 0 !important;

    }

    /* Build it */
    .view-others {
        display: none;
    }

    body.build-it .main-content {
        margin: 10px 0 0;
    }

    body.build-it .half-width.col-left {
        display: none;
    }

    body.build-it .half-width.col-right {
        max-width: none;
        float: left !important;
        width: 50%;
    }

    body.build-it .half-width.col-right:after {
        content: "";
        display: block;
        clear: both;
    }

    body.build-it .half-width.col-right > .inner-container:first-child {
        float: left;
    }

    body.build-it .half-width.col-right > .inner-container:nth-child(2),
    #build-it-summary-form {
        float: left;
    }

    body.build-it .half-width.col-right p.clearfix {
        margin: 0;
    }

    body.build-it .product-image-container img {
        display: block;
    }

    #build-it-summary-form .price label {
        min-width: 180px;
    }

    #build-it-summary-form .price .total span {
        color: black;
    }

    #build-it-summary-form button {
        display: none !important;
    }
    #build-it-summary-form .price span {
        display: inline-block;
        min-width: 0;
    }
    .hidden-xs {
        display: block!important;
    }
    .visible-xs .panel-heading{
        display: none;
    }
    .visible-xs .panel-heading.expanded{
        display: block !important;
    }
    #productTab-accordion .panel-heading .panel-title .js-tabcollapse-panel-heading:before, #fabricTab-accordion .panel-heading .panel-title .js-tabcollapse-panel-heading:before{
        display: none;
    }
    a[href]:after {
        content: none !important;
    }

    .col-2{ width:100%; float:none; }

    .build-it .fancybox-inner{
        display: block;
        overflow: visible;
    }
    .container, .container-fluid {
        width: auto;
        display: block!important;
    }




}

@media print and (max-width: 766px){
    .grid-wide .grid-thumb {
        width: 100%;
    }
}

#share_page_form input[type="text"],
#share_page_form input[type="email"],
#share_page_form input[type="password"],
#share_page_form input[type="search"],
#share_page_form .g-recaptcha{
    width: 100%;
}

#share_page_form input#email {
    float: left;
    width: 79%;
    margin-right: 1em;
}

#contact-form select,
#contact-form textarea,
#contact-form p {
    width: 300px;
}
#contact-form .g-recaptcha {
    margin: 0 0 24px;
}

/* ======================================
   Legal page
   ====================================== */
legal-content table {
    border: 1px solid #c5c5c5;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto 35px;
    text-align: center;
    width: auto;
}
.legal-content h1 {
    font-size: 50px;
   font-weight: 300;
}

.gs-header-top {
    background: #44494d;
    /* padding: 0 74px 0 180px; */
    color: #fff;
    font-size: 16px;
    min-width: 320px;
}
li.current-menu-gs {
    background: #44494d;
}
.gs-navigation li {
    display: inline-block;
    float: left;
    border-right: 1px solid #44494d;
}

.textiles .product-tab#product-tab-fabrics-seat div,
.textiles .product-tab#product-tab-fabrics-panel div {
    text-decoration: none;
    font-size: 21px;
    color: #252525;
    padding: 15px 0;
    line-height: 1;
    display: block;
    border-bottom-color: transparent;
    border-bottom-width: 4px;
    border-bottom-style: solid;
}

.textiles .product-tab#product-tab-fabrics-panel.disabled {
    position: relative;
}

.textiles .product-tab#product-tab-fabrics-panel.disabled:before {
    content: "";
    position: absolute;
    background: #fff;
    height: 100%;
    width: 100%;
    opacity: 0.6;
    left: 0;
    top: 0;
}

.textiles .product-tab.active#product-tab-fabrics-seat div,
.textiles .product-tab.active#product-tab-fabrics-panel div {
    color: #0091d1;
    border-bottom-color: #0091d1;
}

.textiles .product-tab#product-tab-fabrics-seat div:hover,
.textiles .product-tab#product-tab-fabrics-panel div:hover {
    color: #0091d1;
    border-bottom-color: #0091d1;
}


/* Build-it page styles */
.overlay {
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.build-it-message {
    clear: both;
    text-align: center;
    padding: 5em;
}
.build-it-message:empty {
    display: none;
}
/* Typicals Models Listing */
.grid-thumb-30 {width: 30%;}
.column-qty,
.column-sku,
.column-description {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.column-qty {
    width: 50px;
}
.column-sku {
    width: 110px;
}

/* MyProjects Styles */
.actions_fancybox {display: none;}
.selected-fabrics div.half-width {width: 100%; clear: both;}
.selected-fabrics div.half-width  img {width: 47px; margin-top: -15px;}
.actions_fancybox_move {width: 500px; height: 220px;}


/* START landing page header styles */

.landing .global-navigation li a,
/*all pages */
.global-navigation li a{

    background:none;
    line-height:46px;
    width:auto;
    padding:0 10px;
    text-indent:inherit;
    font-family: "Gotham A", "Gotham B", 'Open Sans', sans-serif;
}
.landing .search-language{ top:-1px;}

.landing .header-content.fixed{ position:absolute;}

.landing .landing_mobile { display:none;}

.landing .landing_page_options_wrapper{ position:absolute; right:150px; top:230px;}
body.fr_ca.landing .landing_page_options_wrapper{  right:30px; top:300px;}

.landing .landing_page_options_wrapper p{font-family: "Gotham A", "Gotham B", 'Open Sans', sans-serif; font-weight:300;    margin-bottom: 0;}

.landing .landing_page_options_wrapper p.landing_page_options{ font-size: 60px; line-height: normal;}
body.fr_ca.landing .landing_page_options_wrapper p.landing_page_options{ font-size: 48px; }

@media (min-width: 1563px){
    .site-header .landing .global-navigation ul, .global-navigation ul {
        width: calc(100% - 148px) !important;
    }
}
@media (min-width: 999px) {
.landing .site-logo { display:none;}
 .header-top{ padding-left:100px;}



.landing .global-navigation ul,
.global-navigation ul {
    margin: 0 0 0 10px;
    width: calc(100% - 164px);
    position: relative;
}

.landing .header-content{ background:none; height:60px; top:0; width:auto;}
.landing .header-content-inner,
 body.fr_ca.landing .header-content-inner{ padding:0; }
.landing  .primary-navigation { line-height: 60px;
    margin: 0 0 0 100px;}

.landing  .primary-navigation li,
body.fr_ca.landing .primary-navigation li{ margin:0;}

.landing  .primary-navigation a,
.global-navigation li.blue_buttons a{
border:none;
color:#fff;
background:#666a6c;
line-height:46px;
border-right:1px solid #666a6c ;
height:46px;
display:block; font-size:16px;
    width: 189px;
    text-align: center;
    box-sizing: border-box;
}

.landing  .primary-navigation a:hover,
.global-navigation li.blue_buttons a:hover, .global-navigation li.selected a{
    background:#0091d0; border-right:1px solid #33a7d9 ;color:#fff;
}

.global-navigation li.globa-contract-menu-item{ margin-right:0; }

.global-navigation li.offices-to-go-menu-item{ position:absolute; right:0;  }

body.us .global-navigation li.offices-to-go-menu-item, body.us .global-navigation li.globa-evolve-menu-item {position: relative;
    right: auto;}
}

@media (max-width: 1440px){
    .landing  .primary-navigation a,
    .global-navigation li.blue_buttons a{
        line-height:40px;
        height:40px;
    }
    .global-navigation li a{
        line-height:40px;
        height:40px;
    }
    .site-header .global-navigation li.globa-contract-menu-item, .global-navigation li.offices-to-go-menu-item, .global-navigation li.globa-evolve-menu-item, .global-navigation li.government-menu-item  {
        max-width: 144px;
    }
    .header-actions a, a.search-toggle{
        height: 40px;
    }
    a.search-toggle{
        font-size: 24px;
        padding: 8px 0 0;
    }
    .header-actions{
        height:40px;
    }
    .search-language{
        height:40px;
    }
    #top-search-form{
        max-height: none;
        margin: 5px 50px 0 0;
    }
    .header-content {
        top: 40px;
    }
}

@media (max-width: 1500px) {
.landing .landing_page_options_wrapper{ right:50px; }

body.fr_ca.landing .landing_page_options_wrapper{  right:20px; }
}
@media (max-width: 1300px) {
    .landing .landing_page_options_wrapper{top: 270px; }
    body.fr_ca.landing .landing_page_options_wrapper{ top:290px;right:10px;}
    body.fr_ca.landing .landing_page_options_wrapper p.landing_page_options{ font-size: 40px; }
}

@media (max-width: 1400px) {
.landing  .primary-navigation a,
.global-navigation li.blue_buttons a{
    width: 154px;
}

.landing .landing_page_options_wrapper{ right:20px;top: 220px; }
.landing .landing_page_options_wrapper p.landing_page_options{ font-size:50px;}
}

@media (max-width: 1280px) {
    body.fr_ca.landing .landing_page_options_wrapper{ top:295px;}
}

@media (max-width: 1234px) {
   .landing  .primary-navigation
   {
       margin: 0 0 0 20px;
    }

    .header-top{ padding-left:20px;}

    .landing .global-navigation ul,.global-navigation ul {
        margin-left: 0;
        width:calc(100% - 148px);
        margin-right: 140px;
        position:relative;
    }

    .landing .landing_page_options_wrapper{top: 210px; }

    body.home .projects .projects_wrapper ul li span a {
        min-height: 91px;
        line-height: 91px;
        font-size: 30px;
    }
    .site-header .global-navigation li.globa-contract-menu-item, .global-navigation li.offices-to-go-menu-item, .global-navigation li.globa-evolve-menu-item, .global-navigation li.government-menu-item {
        max-width: 134px;
    }



}

@media (max-width: 1174px) {
   .landing .global-navigation li a ,
   .global-navigation li a{
       line-height: 40px;
        font-size: 13px;
    }

    .landing  .primary-navigation a,
    .global-navigation li.blue_buttons a{ line-height: 40px; height:40px; padding: 0 10px; font-size: 13px;}
    .landing .primary-navigation a, .global-navigation li.blue_buttons a {
        width: 120px;
    }
    .landing .landing_page_options_wrapper{top: 165px; }

    body.fr_ca.landing .landing_page_options_wrapper{ top:260px;right:10px;}
    body.fr_ca.landing .landing_page_options_wrapper p.landing_page_options{ font-size:35px;}
}

@media (max-width: 1100px) {
    body.fr_ca.landing .landing_page_options_wrapper{ top:240px;right:10px;}
    }



@media (max-width: 1000px) {

.landing .header-content{ width:100%;}

.landing .site-logo { display:block;}

.landing .header-content.fixed{ position:fixed;}

.landing .landing_mobile { display: block;}

.landing .landing_page_background{ display:none;}

.landing .landing_page_options_wrapper{ position:relative; width:270px; margin:50px auto; top:auto; left:auto; right:auto;}
body.fr_ca.landing .landing_page_options_wrapper {top:auto; left:auto; right:auto;width:325px;}

body.fr_ca.landing .landing_page_options_wrapper p.landing_page_options{ font-size:45px;}

    body.home .projects .projects_wrapper ul li span a {
        min-height: 72px;
        line-height: 72px;
        font-size: 24px;
    }

   .landing  .header-top {
        padding: 0;
        min-height: 40px;
        width: 100%;
        position: absolute;
        top: 72px;
        z-index: 1;
        border-top: 4px solid #058ece;
        display: none;
    }

   .landing.mobile-nav-expanded .header-top {
        display: block;
    }

   .landing  .global-navigation {
        display: none;
    }

   .landing  .search-language {
        position: static;
        top: auto;
        right: auto;
        float: left;
        width: 66.66%;
        text-align: center;
        border-left: 1px solid #a1a1a1;
        margin-left: -1px;
    }

    .landing .search-language.toggled {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

   .landing  .search-container {
        display: block;
        position: static;
        vertical-align: inherit;
        float: left;
        width: 50%;
    }

   .landing  #top-search-form {
        display: none;
        position: absolute;
        max-width: none;
        max-height: none;
        overflow-x: visible;
        margin: 0;
        width: 100%;
        top: 41px;
        left: 0;
        padding: 20px 0;
        background: #44494d;
        white-space: normal;
        border-bottom: 1px solid #5e666d;
    }

   .landing  .search-language.toggled #top-search-form,
    body.fr_ca.landing .search-language.toggled #top-search-form {
        display: block;
        max-width: inherit;
    }

    .landing .search-language .search-container form label:first-child input[type="radio"] {
        margin-left: 0;
    }

   .landing  a.search-toggle {
        position: static;
        display: block;
        top: auto;
        right: auto;
    }

    .landing a.search-toggle:hover {
        color: #ffffff;
    }

    .landing .search-language.toggled a.search-toggle {
        color: #ffffff;
        background: #058ece;
    }

    body.fr_ca.landing  .search-language .searchbox {
        margin-top: 10px;
    }

    .landing .header-actions {
        height: 40px;
        width: 50%;
        float: left;
    }

   .landing  .header-actions a {
        display: block;
        height: 28px;
        padding: 12px 0 0;
    }

    .landing a.lang-selector.us:before {
        margin-left: 3px;
    }

    .landing .header-top .account-navigation {
        display: block;
        float: left;
        width: 33.33%;
    }

    .landing .header-top .account-navigation a {
        width: 100%;
        padding: 9px 0 0 0;
        height: 31px;
        float: left;
        border: none;
        text-align: center;
        border-left: 1px solid #5e666d;
        margin-left: -1px;
    }

   .landing  .header-top .account-navigation a:before {
        background-size: auto;
        width: 22px;
        height: 22px;
    }

   .landing  .header-top .account-navigation a.account-btn:before {
        background-position: -140px -12px;
    }

   .landing  .header-content {
        top: 0;
        background: rgba(255,255,255,0.95);
        height: 72px;
        position: fixed;
        border-bottom:4px solid #058ece;
    }

    body.mobile-nav-expanded.landing  .header-content {
        /*position: absolute;*/
        position: relative;
    }

   .landing  .header-content .account-navigation a.account-btn {
        display: none;
    }

    .landing .primary-navigation {
        position: absolute;
        top: 116px;
        left: 0;
        margin: 0;
        width: 100%;
        background: #44494d;
        border-top: 1px solid #5e666d;
        padding: 0;
    }

    .landing .primary-navigation li {
        display: block;
        margin: 0;
    }

    .landing .primary-navigation li {
        display: block;
        margin: 0;
    }

    body.fr_ca.landing  .primary-navigation li {
        margin: 0;
    }

   .landing  .primary-navigation.expanded li {
        display: none;
    }

    .landing .primary-navigation.expanded li.expanded,
    .landing .primary-navigation.expanded li.mobile-nav-back-btn {
        display: block;
    }

    .landing .primary-navigation a,
    .global-navigation li.blue_buttons a {
        color: #ffffff;
        font-size: 14px;
        border: none;
        padding:  0 20px;
        display: block;
        /*margin: 0 20px;*/
        margin:0;
    }

    .landing .primary-navigation li.has-children.expanded > a {
        color: #0899dd;
    }

    .landing .primary-navigation li.has-children > a:after {
        content: ">";
        position: absolute;
        right: 20px;
        top: 2px;
    }

    .landing .primary-navigation li.has-children.expanded > a:after {
        content: none;
    }

    .landing .primary-navigation li:hover a {
        color: #ffffff;
    }

    .landing .primary-navigation > ul > li:hover > a {
        color: #058ece;
    }


    .landing .primary-navigation ul ul {
        border: none;
        background: #44494d;
    }

    .landing .primary-navigation ul li:hover ul {
        display: none;
    }

    .landing .primary-navigation ul li.expanded ul {
        display: block;
        width: 100%;
        padding: 0;
        position: static;
        top: auto;
        left: auto;
        min-width: inherit;
    }

   .landing  .primary-navigation ul li.expanded ul li,
   .landing  .primary-navigation ul.global-menu li,
    body.fr_ca.landing  .primary-navigation ul li.expanded ul li,
    body.fr_ca.landing  .primary-navigation ul.global-menu li {
        display: block;
        float: none;
        padding: 0;
    }

    .landing .primary-navigation ul ul.product-cat-nav > li {
        padding: 0;
    }

    .landing .primary-navigation ul ul ul {
        margin: 0 0 30px;
    }

    /* Global Navigation */
    .landing .primary-navigation ul.global-menu {
        display: block;
    }

    .landing .primary-navigation ul.global-menu li:hover,
    .landing .primary-navigation ul.global-menu li.current-menu-item {
        background-color: #606467;
    }

    .landing .primary-navigation ul.global-menu li a {
        border-top: 1px solid #5e666d;
        background:none;
        width:auto;
        padding:0 20px;
        text-indent:inherit;
        font-family: "Gotham A", "Gotham B", 'Open Sans', sans-serif;
        color:#fff;
        font-weight:normal;

    }



    .landing .header-login-form {
        top: 117px;
        position: absolute;
        background: #44494d;
        width: 100%;
        max-width: inherit;
        min-width: 320px;
        right: auto;
        left: 0;
        padding: 20px 0;
        text-align: center;
        color: #ffffff;
        border-bottom: 1px solid #5e666d;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    body.landing:not(.mobile-nav-expanded) .header-login-form {
        display: none;
    }

    .landing .header-login-form a {
        color: #ffffff;
    }

    .landing .header-login-form #header-login-form {
        max-width: 350px;
        padding: 0 20px;
        margin: auto;
    }

    .landing .header-login-form input[type="text"],
   .landing  .header-login-form input[type="password"] {
        max-width: 45%;
        color: #555555;
    }

    .landing .header-login-form .external-links {
        max-width: 350px;
        padding: 0 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .landing .header-login-form .external-links a {
        color: #ffffff;
    }

    .landing .account-navigation {
        top: 20px;
    }

   .landing  .account-navigation a {
        height: 25px;
    }


    .landing .page-actions {
        overflow: hidden;
        height: 30px;
        max-width: 10px;
        position: relative;
        padding-left: 30px;
        -moz-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .landing .page-actions.toggled {
        max-width: 500px;
        padding-right: 40px;
    }

    .landing .page-actions .page-actions-toggle-btn {
        display: inline-block;
        margin-left: 12px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .landing .page-actions .action {
        width: 24px;
        margin: 0 0 0 12px;
        opacity: 0;
        -moz-transition: opacity 0.3s ease-out;
        -webkit-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;
    }

    .landing .page-actions .addthis_sharing_toolbox {
        opacity: 0;
        -moz-transition: opacity 0.3s ease-out;
        -webkit-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;
    }

    .landing .page-actions .action-print {
        display: none;
    }

    .landing .page-actions .action:before {
        background-size: 150px;
    }

    .landing .page-actions .action-share:before {
      background-position: -4px -69px;
    }

   .landing  .page-actions .action-mail:before {
      background-position: -6px -97px;
    }

   .landing  .page-actions .action-print:before {
      background-position: -3px -127px;
    }

    .landing .page-actions .action-pdf:before {
        background-position: -3px -159px;
    }

    .landing .page-actions.toggled .action,
    .landing .page-actions.toggled .addthis_sharing_toolbox {
        opacity: 1;
    }


    body.home.landing .main-content{ padding:72px 0 0;}




    .global-navigation li.blue_buttons a{
        border:none;
        color:#fff;
        background:#666a6c;
        border-right:1px solid #666a6c ;
        display:block;
         height: 40px;
        line-height: 40px;
        padding: 0 15px;
        font-size:12px;
        text-align: center;
        box-sizing: border-box;
        webkit-box-sizing: border-box;
        width: 98px;

    }

    body.fr_ca .global-navigation li.blue_buttons a{ padding: 0 5px;}

    .global-navigation li.blue_buttons a:hover, .global-navigation li.selected a{
        background:#0091d0; border-right:1px solid #33a7d9 ;color:#fff;

    }
    .site-header .global-navigation li.globa-contract-menu-item, .global-navigation li.offices-to-go-menu-item, .global-navigation li.globa-evolve-menu-item, .global-navigation li.government-menu-item {
        max-width: 89px;
    }
    .global-navigation li.globa-contract-menu-item a, .global-navigation li.offices-to-go-menu-item a, .global-navigation li.globa-evolve-menu-item a, .global-navigation li.government-menu-item a{
        font-size: 10px;
        padding: 0 5px;
    }


    body.fr_ca .global-navigation ul {
        margin-left: 0;
        margin-right: 180px;
        position:relative;
    }

    .global-navigation li.offices-to-go-menu-item {
        right: 0;
    }
    .landing .global-navigation ul, .global-navigation ul{
        width: calc(100% - 140px);
    }


}

@media (max-width: 766px) {
    .mobile-nav-expanded .header-top{ padding-left:0;}

    #main .bh-sl-container .bh-sl-loc-list{
        height: auto;
    }
    #main .bh-sl-container .bh-sl-loc-list .mCustomScrollbar{
        height: auto;
        max-height: 160px;
    }
    .build-it-page-wrapper .showMobile{
        display: block;
    }
    body.home .projects .projects_wrapper ul li span{
        min-height: 0;
        line-height: initial;
        padding: 15px 0;
    }
    body.home .projects .projects_wrapper ul li span.installation-link a{
        font-size: 14px;
        min-height: 0;
        line-height: 1;
    }
}
.global-navigation li.globa-contract-menu-item a,
.global-navigation li.offices-to-go-menu-item a, .global-navigation li.globa-evolve-menu-item a { width:auto; }

.global-navigation li.globa-contract-menu-item ,
.global-navigation li.offices-to-go-menu-item, .global-navigation li.globa-evolve-menu-item, .global-navigation li.government-menu-item  {
    float: right;
    display: inline-block;
    position: inherit;
    text-align: center;
    width: 174px;
    font-size: 14px;
}
.us .global-navigation li.offices-to-go-menu-item{
    border-left: 2px solid #606467;
}


.global-navigation li.globa-contract-menu-item{border-left:2px solid #606467;}

.global-navigation li.blue_buttons a{font-family:"Open Sans",sans-serif;font-weight: 600;}

.global-navigation li.blue_buttons { border:none;}


/* mobile */
.primary-navigation ul.global-menu li a{ background: none; color:#fff; font-weight:normal;}

.primary-navigation ul.global-menu li.blue_buttons a{ font-weight:600; }

.primary-navigation ul.global-menu li.blue_buttons.education a,
.primary-navigation ul.global-menu li.blue_buttons.healthcare a{ border-top:none;}

.primary-navigation ul.global-menu li.blue_buttons:hover{ background:none;}

 .primary-navigation ul.global-menu li.blue_buttons:hover a { color:#058ece;}

.label-disabled{ color: #DDDDDD;}

#site .nav>li>a:focus, #site .nav>li>a:hover{
    background-color: #FFFFFF;
}
#site .nav-tabs>li.active>a, #site .nav-tabs>li.active>a:focus, #site .nav-tabs>li.active>a:hover{
    color: #0091d1;
    cursor: default;
    background-color: #ffffff;
    border: none;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-bottom-color: #0091d1;
}
/* END landing page header styles */

/*redirection block*/

/*Modal window styles*/
.redirection-popup .greeting-modal-box, .greeting-modal-box{
    text-align: center;
    font-family: "Gotham A", "Gotham B", 'Open Sans', sans-serif;
    font-weight: 100;
    width: 440px;
    padding: 0 50px;
    margin-bottom: 50px;
}
.redirection-popup .greeting-modal-box h4, .greeting-modal-box h4{
    font-size: 60px;
    font-weight: 100;
    margin: 20px 0;
}
.redirection-popup .greeting-modal-box p, .greeting-modal-box p{
    font-size: 17px;
    line-height: 2;
    font-weight: 100;
    color: #333333;
}
.redirection-popup .greeting-modal-box a, .greeting-modal-box a{
  color: #0091d0;
}
.redirection-popup .fancybox-opened .fancybox-skin, .fancybox-opened .fancybox-skin{
    background: rgba(255,255,255,0.9);
    /*-webkit-box-shadow: 1px 1px 3px 1px rgba(149,149,149,0.25);
    -moz-box-shadow: 1px 1px 3px 1px rgba(149,149,149,0.25);
    box-shadow: 1px 1px 3px 1px rgba(149,149,149,0.25);*/

	-webkit-box-shadow: 0px 0px 32px 7px rgba(149,149,149,0.65);
    -moz-box-shadow: 0px 0px 32px 7px rgba(149,149,149,0.65);
    box-shadow: 0px 0px 32px 7px rgba(149,149,149,0.65);


}
.redirection-popup .fancybox-overlay, .fancybox-overlay{
    /*background: rgba(255,255,255,0.5);*/
	background: none ;
}
.redirection-popup .main-content, .home .main-content{
    margin: 0;
}

@media (max-width: 767px) {
    .redirection-popup .greeting-modal-box, .greeting-modal-box{
        width: 100%;
        padding: 0;
    }
    .redirection-popup .fancybox-inner, .fancybox-inner{
        height: auto !important;
    }
}

.registrer-blue-btn{
    width: 300px;
    padding: 6px 0px;
}

/*Employment add-on*/
#resumator-jobs .resumator-job-title{
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    color: #111111;
    font-family: "Gotham A", "Gotham B", 'Open Sans', sans-serif;
    font-style: normal;
}
#resumator-jobs .resumator-job-info{
    font-size: 16px;
    margin: 12px 0;
    color: #555555;
    display: block;
    float: none;
}
#resumator-jobs .resumator-job-heading{
    font-size: 16px;
    font-weight: inherit;
    color: #555555;
    font-weight: 700;
}
#resumator-jobs .resumator-job-info-details{
    color: #555555;
    font-size: 16px;
    margin: 0 0 12px 0;
}
#resumator-jobs .resumator-job-info .resumator-job-location{
    font-weight: 700;
}
#resumator-jobs .resumator-job-view-details{
    padding: 0;
}
#resumator-jobs .resumator-job-description{
    overflow: hidden;
}
#resumator-jobs .resumator-job-description li, #resumator-jobs .resumator-job-description p{
    font-family: "Gotham A", "Gotham B", 'Open Sans', sans-serif;
    font-size: 16px;
    color: #555555;
    margin: 0 0 12px 0;
}
#resumator-jobs .resumator-buttons{
    margin: 0 !important;
}
#resumator-jobs a.resumator-job-link{
    color: #252525;
    font-size: 16px;
}
#resumator-job-frame{
    height: 500px;
    overflow-y: scroll;
}

/*Will need to remove these styles once installations are separated*/

.lightbox-content-wrapper.installations .col-2 {
    width: 66%;
}

.lightbox-content-wrapper.installations div .col-2:nth-child(2) {
    width: 30%;
}

.fancybox-inner .installations .large-image {
    display: none;
}

.fancybox-inner .lightbox-content-wrapper.installations .slider-thumbnails-wrapper {
    max-width: 612px;
}

@media (max-width: 1174px) {
    .fancybox-inner .lightbox-content-wrapper.installations .slider-thumbnails-wrapper {
        max-width: 454px;
    }
}

@media (max-width: 1000px) {
    .lightbox-content-wrapper.installations .col-2,
    .lightbox-content-wrapper.installations div .col-2:nth-child(2) {
        width: auto;
    }
}

/*CAD Files page*/

#cad-files-section{
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#cad-files-section .panel-body{
    padding: 0;
    border: 0;
}
#cad-files-section .panel-group .panel{
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#cad-files-section .actions-row{
    width: 100%;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #cccccc;
}
#cad-files-section .search-block{
    float: left;
    width: 200px;
    margin: 4px 0 0 0;
}
#cad-files-section .search-block #accordion-search-bar{
    height: 30px;
    padding: 0 0 0 8px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 18px;
}
#cad-files-section .download-block{
    float: right;
    overflow: hidden;
    margin: 4px 0;
}
#cad-files-section #reset-btn{
    cursor: pointer;
}
#cad-files-section #reset-btn:hover{
    color: #0091d1;
}
#cad-files-section .panel-collapse{
    border-bottom: 1px solid #cccccc;
    padding: 0 0 15px 0;
}
#cad-files-section h4{
    font-size: 16px;
    color: #555555;
    margin: 0;
    font-weight:400;
}
#cad-files-section h4 a[aria-expanded="true"]{
    color: #0091d1;
}
#cad-files-section h4 a[aria-expanded="true"]::after{
    content: "\002d";
}
#cad-files-section h4 a[aria-expanded="false"]::after{
    content: "+";
}
#cad-files-section h4 a[aria-expanded="false"]:focus{
    color: #555555;
}
#cad-files-section .panel-default>.panel-heading{
    background: none;
    padding: 10px 0;
}
#cad-files-section .is-collapsed{
    font-weight: 700;
}
#cad-files-section #download-btn{
    margin: 0 5px;
}
#cad-files-section table input[type="checkbox"]{
    vertical-align: top;
}
#cad-files-section table{
    width: 100%;
    margin: 0;
    border: 0;
}
#cad-files-section table thead tr{
    line-height: 50px;
}
#cad-files-section table label{
    font-weight: 400;
}
#cad-files-section table td{
    border: 0;
    text-align: left;
    min-width: 100px;
    padding: 5px 0;
    margin-right: 30px;
}
#cad-files-section table td.series-name{
    min-width: 200px;
}
#cad-files-section table td.series-name:hover{
    color: #0091d1;
    cursor: pointer;
}
#cad-files-section table label.label-disabled{
    color: #cccccc;
}
#cad-files-section .thumb{
    display: none;
    position: relative;
}
#cad-files-section .thumb img{
    position: absolute;
    width: 130px;
    top: -100px;
    left: 150px;
    border: 1px solid #000000;
}
#cad-files-section table td.series-name:hover > .thumb{
    display: block;
}
#cad-files-section #accordion .parent-navigation-category{
    font-size: 24px;
    font-family: "Gotham A", "Gotham B", 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #111111;
    margin: 10px 0;
}
#cad-files-section #accordion .parent-navigation-category:not(:first-child){
  margin: 30px 0 10px 0;
}

@media (max-width: 767px){
    #cad-files-section .panel-body{
      overflow-x: scroll;
    }
}
@media (max-width: 650px){
  #cad-files-section #download-btn{
    margin: 8px 0 0 0;
  }
  #cad-files-section .download-block{
    padding: 8px 0;
    float: left;
  }
}

/*Flexslider*/
.fancybox-wrap .flexslider{
  margin: 0 0 20px 0;
  position: relative;
}
#carousel{
  max-width: 612px;
  float: none;
  margin: 0 auto;
  min-height: 88px;
  border: none;
}
#carousel .flex-viewport{
    z-index: 5;
}
#slider .flex-direction-nav, #carousel .flex-direction-nav{
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
}
#slider .flex-direction-nav{
  z-index: 3;
}
#carousel .flex-direction-nav .flex-nav-prev, #carousel .flex-direction-nav .flex-nav-next{
  z-index: 100;
}
.fancybox-wrap .flexslider:hover .flex-direction-nav .flex-nav-next, .fancybox-wrap .flexslider:hover .flex-direction-nav .flex-nav-prev{
  height: 100%;
  width: 60px;
  position: absolute;
}

.fancybox-wrap .flexslider:hover .flex-direction-nav .flex-nav-next > a.flex-disabled, .fancybox-wrap .flexslider:hover .flex-direction-nav .flex-nav-prev . a.flex-disabled{
  display: none;
}

.fancybox-wrap .flexslider:hover .flex-direction-nav .flex-nav-next{
  right: 0;
}

.fancybox-wrap  .flexslider:hover .flex-direction-nav .flex-next, .fancybox-wrap .flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  text-align: center;
}

.fancybox-wrap .flexslider:hover .flex-direction-nav .flex-next:hover, .fancybox-wrap .flexslider:hover .flex-direction-nav .flex-prev:hover{
  opacity: 1;
  text-align: center;
}

@media (max-width: 767px) {
  #carousel{
    position: relative;
    min-height: auto;
  }
  #carousel .flex-direction-nav{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}

.jobs-wrap{
    overflow: hidden;
}

.footer-links ul:first-child{
    width: 100%;
}

/* Insight */
.insight .main-content{
  display: inline-block;
  max-width: 1920px;
}
.insight .insight-label{
    display: block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    max-width: 600px;
}
.insight .insight-label img{
  height: 70px;
}
.insight .insight-label h1{
    font-size: 5em;
    font-weight: 500;
    margin: 0;
}
.insight .insight-label .insight-label-small{
    position: absolute;
    top: 0;
    right: 50px;
}
.insight .insight-top-section{
    overflow: hidden;
}
.insight .insight-search{
    float: right;
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}
.insight .insight-search form input[type="text"]{
    font-style: italic;
    font-size: 18px;
    padding-left: 5px;
}
.insight .insight-search form input[type="text"]::placeholder{
     color: #cccccc;
}
.insight .insight-search form input[type="submit"]{
    display: none;
}
.insight .insight-search a.search-icon{
    font-family: "Genericons";
    font-size: 25px;
    display: inline-block;
    padding: 0;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}
.insight .insight-search a.search-icon::before {
    content: "\f400";
}
.article-single{
    position: relative;
    overflow: hidden;
    display: flex;
    background-size: cover;
    background-position: center;
}
.article-single .article-contents-overlay{
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.75);
    width: 100%;
    box-sizing: border-box;
    display: flex;
}
.article-single .article-contents-overlay div{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.article-first .article-contents-overlay{
    padding: 15px 5% 0 5%;
}
.article-single .article-contents-overlay a{
    flex: 1;
}
.article-single .article-contents-overlay h3 a{
    font-weight: 300;
    margin: 20px 0 20px 0;
    font-size: 42px;
}
.article-single .article-contents-overlay p.subsection-titles{
    margin: 10px 0;
    font-size: 14px;
}
.insight .article-first{
    height: 760px;
    background-position: center;
    background-size: cover;
    cursor: pointer;
}
.insight .article-first .article-contents-overlay p.summary{
    margin: 20px 0;
    font-size: 26px;
    font-weight: 300;
}
.insight .article-single img{
    margin: 0 auto;
    display: block;
    width: 100%;
}
.insight .insight-second-row{
    margin: 70px 0 0 0;
    overflow: hidden;
    display: flex;
    height: 740px;
}
.insight .insight-second-row .article-second{
    width: calc(75% + (90px / 4));
    float: left;
    margin: 0 30px 0 0;
    box-sizing: border-box;
    height: 740px;
    cursor: pointer;
}
.insight .insight-second-row .most-popular-posts{
    width: calc(25% - (90px / 4));
    min-width: 250px;
    float: right;
    background: linear-gradient(#9bb440, #b5d45f);
    color: #ffffff;
    padding: 0;
    box-sizing: border-box;
}
.insight .insight-second-row .most-popular-posts h2{
    font-weight: 300;
    background: #34393D;
    margin: 0;
    padding: 20px 15px;
    font-size: 24px;
}
.insight .insight-second-row .most-popular-posts ul{
    list-style-type: none;
    padding: 0 15px;
    margin: 10px 0;
}
.insight .insight-second-row .most-popular-posts ul li{
    position: relative;
}
.insight .insight-second-row .most-popular-posts ul li h3 a{
    font-weight: 400;
    color: #ffffff;
    font-size: 28px;
    margin-top: 0;
    padding: 10px 0 0 0;
    display: block;
}
.insight .insight-second-row .most-popular-posts ul li:not(:first-child):before{
    content: "";
    background: #000000;
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 35px;
}
.insight .insight-second-row .most-popular-posts ul li p{
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 0px 0 20px 0;
}
.insight .insight-third-row{
    margin: 30px 0 0 0;
    overflow: hidden;
    display: flex;
    height: 740px;
}
.insight .insight-third-row .article-third{
    width: calc(75% + (90px / 4));
    float: right;
    box-sizing: border-box;
    margin: 0 0 0 30px;
    cursor: pointer;
}
.insight .insight-third-row .third-row-left-block{
    width: calc(25% - 90px/7);
    min-width: 200px;
    float: left;
    background: linear-gradient(#9bb440, #b5d45f);
    color: #ffffff;
    box-sizing: border-box;
    border: none;
    height: 740px;
}
.insight .insight-third-row .third-row-left-block .third-row-left-block-empty{
    display: block;
    height: 30px;
    width: 100%;
    background: #ffffff;
}
.insight .insight-third-row .third-row-left-block .social-links-block, .insight .insight-third-row .third-row-left-block .subscribe-block{
    height: calc(50% - 15px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-btn-wrapper{
  left: 0;
  vertical-align: middle;
  text-align: center;
  top: auto;
  background: #b5d45f;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block{
  overflow: hidden;
  margin: 8px;
  background-color: #ffffff;
  color: #b5d45f;
  padding: 10%;
  height: calc(100% - 16px);
  width: calc(100% - 16px);
}
.insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block .dont-miss-out-label{
  width: 100%;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 22px;
  text-align: left;
  margin: 0;
  line-height: 1;
}
.insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form{
  margin: 6px 0 0 0;
}
.insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form input[type="text"], .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form input[type="email"]{
  border: 1px solid #b5d45f;
  padding: 0 0 0 14px;
  font-style: italic;
  display: block;
}
.insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form input[type="text"]{
  margin:0 0 22px 0;
}
.insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form input[type="email"]{
  margin: 0 0 10px 0;
}
.insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form label{
  font-size: 12px;
  font-weight: 400;
  display: inline;
  color: #999999;
}
.insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form .checkbox-form-group{
  margin: 0;
}
.insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form input[type="checkbox"]{
  margin: 0;
  display: inline;
}
.insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form input[type="submit"]{
  background: #b5d45f;
  color: #ffffff;
  font-weight: 700;
  padding: 6px 20px;
  font-size: 28px;
  letter-spacing: 1px;
  margin: 24px auto 0;
  display: block;
  border: none;
}
.insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form ::-webkit-input-placeholder {
  color: #b5d45f;
  opacity: 0.5;
}
.insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form ::-moz-placeholder{
  color: #b5d45f;
  opacity: 0.5;
}
.insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form :-ms-input-placeholder {
  color: #b5d45f;
  opacity: 0.5;
}
.insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-thank-you-message{
  display: none;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-thank-you-message p{
  width: 100%;
  padding: 0 15px;
  margin: 0;
}
.insight .insight-third-row .third-row-left-block .social-links-block .social-links{
    float: none;
    margin: 0;
}
.insight .insight-third-row .third-row-left-block .social-links-block p{
    font-size: 34px;
    text-align: center;
    width: 65%;
    margin: 0 0 15px 0;
}
.insight .insight-third-row .third-row-left-block .social-links-block .social-links a{
    margin: 0;
    color: #9bb440;
}
.insight .insight-third-row .third-row-left-block .social-links-block .social-links a:not(:first-child){
    margin: 0 0 0 10px;
}
.insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-btn{
    background: #ffffff;
    color: #b5d45f;
    font-size: 40px;
    padding: 5px 20px;
}
.insight .insight-third-row .third-row-left-block .subscribe-block p{
    font-size: 44px;
    width: 60%;
    text-align: center;
    margin: 10px 0 0 0;
    font-weight: 300;
}
.insight-articles-grid {
    overflow: hidden;
    margin: 30px 0;
    display: table;
}

.article .insight-articles-grid .article-single{
  background: #F5F9FA;
}

.insight-articles-grid .article-single{
    float: left;
    width: calc(25% - (90px / 4));
    /*display: flex;*/
    display: table-cell;
    padding: 0 0 30px 0;
    background: rgba(248, 248, 248, 1);
}
.insight-articles-grid .article-single:not(:nth-child(4n)){
    margin: 0 30px 30px 0;
}
.insight-articles-grid .article-single .article-contents-overlay{
    position: relative;
    text-align: left;
    background: transparent;
    flex: 1;
    bottom: auto;
}
.insight-articles-grid .article-single .article-single-inner{
    display: block;
    flex-direction: column;
    width: 100%;
}
.insight-articles-grid .article-single .article-single-inner h3{
    font-size: 38px;
}
.insight-articles-grid .article-single .article-contents-overlay h3 a{
  margin: 0 0 10px 0;
}
.insight-articles-grid .subsection-titles{
    position: absolute;
    bottom: 5px;
    left: 15px;
}
.article .insight-articles-grid{
  margin: 20px 0;
}
.article .articles-most-popular{
  margin: 0 0 40px;
  line-height: 1.25;
}
.article .insight-articles-grid .article-single .article-contents-overlay{
  background: #F5F9FA;
}
.article .article-container{
  margin: 0 0 160px 0;
}
.article .article-container p{
  line-height: 1.5;
  word-wrap: break-word;
}
.insight .social-media-mobile-section{
  display: none;
}
@media (max-width: 1600px){
    .insight .article-first{
        height: 760px;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block p {
        font-size: 32px;
        font-weight: 400;
    }
    .article-single .article-contents-overlay h3 a{
        font-weight: 400;
        font-size: 28px;
        margin: 20px 0;
    }
    .insight-articles-grid .article-single .article-single-inner h3{
        font-size: 28px;
    }
    .insight .insight-second-row .most-popular-posts ul li h3 a{
        font-weight: 400;
        color: #ffffff;
        font-size: 18px;
    }
    .insight .insight-second-row, .insight .insight-second-row .article-second, .insight .insight-third-row, .insight .insight-third-row .third-row-left-block{
        height: 660px;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form label {
      font-size: 10px;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form input[type="submit"]{
      font-size: 24px;
      margin: 20px auto 0;
    }
}

@media (max-width: 1440px){
    .insight .article-first{
        height: 600px;
    }
    .insight .article-first .article-contents-overlay p.summary{
        font-size: 20px;
    }
    .insight .insight-third-row .third-row-left-block .social-links-block p{
        width: 70%;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-btn{
        font-size: 34px;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block p {
        font-size: 32px;
    }
    .insight-articles-grid .article-single .article-single-inner h3 {
        font-size: 26px;
    }
    .insight .insight-second-row{
        margin: 50px 0 0 0;
    }
    .insight .insight-second-row, .insight .insight-second-row .article-second, .insight .insight-third-row, .insight .insight-third-row .third-row-left-block{
        height: 560px;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block{
      padding: 8%;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block .dont-miss-out-label{
      font-size: 20px;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form input[type="text"], .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form input[type="email"]{
      height: 26px;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form input[type="text"] {
      margin: 0 0 14px 0;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form .checkbox-form-group{
      line-height: 1;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form label{
      margin: 0;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form input[type="submit"]{
      margin: 10px auto 0;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form input[type="checkbox"]{
      height: 12px;
      width: 12px;
    }
}
@media (max-width: 1388px){
    .insight .insight-third-row .third-row-left-block .social-links-block p{
        font-size: 28px;
    }
}

@media (max-width: 1174px){
    .article-single .article-contents-overlay h3 a{
      margin: 17px 0 20px 0;
    }
    .insight .article-first{
        height: 500px;
    }
    .insight .article-first .article-contents-overlay p.summary{
        font-size: 16px;
    }
    .insight .insight-second-row .most-popular-posts {
        width: 240px;
        padding: 0 0 30px 0
    }
    .insight .insight-second-row .article-second {
        width: calc(100% - 240px);
    }
    .insight .insight-third-row .third-row-left-block .social-links-block p{
        font-size: 27px;
        width: 80%;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-btn{
        font-size: 24px;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block p {
        font-size: 28px;
    }
    .insight .insight-second-row{
        margin: 30px 0 0 0;
    }
    .insight .insight-second-row .article-second, .insight .insight-third-row .third-row-left-block, .insight .insight-second-row, .insight .insight-third-row{
        height: 470px;
    }
    .insight-articles-grid .article-single .article-single-inner h3 {
        font-size: 20px;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block .dont-miss-out-label {
        font-size: 18px;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form input[type="text"], .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form input[type="email"]{
        height: 24px;
        padding: 0 0 0 8px;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form input[type="text"] {
        margin: 0 0 10px 0;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form input[type="email"] {
        margin-bottom: 4px;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form input[type="submit"] {
        margin: 8px auto 0;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form input[type="submit"] {
        font-size: 18px;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form input[type="submit"]{
        padding: 4px 20px;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form label{
      font-size: 8px;
    }
    .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form input[type="checkbox"]{
      height: 10px;
      width: 10px;
    }
}
@media (max-width: 960px){
  .insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-form-block form label {
      font-size: 7px;
  }
}
@media (max-width: 767px){
    .insight .main-content{
        margin: 0;
    }
    .insight .article-first{
        height: 320px;
    }
    .insight .article-first .article-contents-overlay{
        padding-top: 0;
    }
    .insight .article-first .article-contents-overlay p.summary{
        font-size: 12px;
        margin: 0 0 12px 0;
        font-weight: 400;
    }
    .insight .article-single .article-contents-overlay p.subsection-titles {
        margin: 0 0 10px 0;
        font-size: 12px;
    }
    .insight .article-single .article-contents-overlay{
        display: block;
    }
    .insight .insight-second-row .most-popular-posts {
        display: none;
    }
    .insight .insight-second-row{
        margin-top: 24px;
    }
    .insight .insight-second-row .article-second{
        margin: 0;
    }
    .insight .insight-second-row, .insight .insight-third-row{
        height: 320px;
    }
    .insight .insight-second-row .article-second, .insight .insight-third-row .article-third {
        width: 100%;
        padding: 0;
        margin: 0;
        height: 320px;
    }
    .insight-articles-grid .article-single .article-single-inner h3 a {
        font-size: 22px;
    }
    .insight .article-single .article-contents-overlay h3 a{
        font-size: 22px;
        margin: 12px 0;
    }
    .insight-articles-grid .article-single{
        width: 100%;
        margin: 0 0 30px 0;
    }
    .insight-articles-grid .article-single .article-single-inner{
        width: 100%;
    }
    .insight .insight-third-row .third-row-left-block{
        display: none;
    }
    .article .article-container p{
      font-weight: 400;
    }
}

/* Single Article*/
.article .article-container .image-main{
    width: 100%;
}
.article .article-container .article-content, .article .article-container .comments-form-container .comments-form-block{
    max-width: 1024px;
    margin: 0 auto;
}
.article .article-container .article-content h1{
    margin-top: 50px;
}
.article .article-container .article-content p.article-details{
    margin: 0 0 50px 0;
}
.article .article-container .article-content a{
  text-decoration: none;
  color: #0091d1;
}
.article .article-container .article-content img{
  height: auto !important;
}
.article .article-container .article-content a:hover, .article .article-container .article-content a:focus{
  color: #cccccc;
}
.article .article-container .article-content figure{
  display: inline-block;
}
.article .article-container .article-content figure figcaption{
  text-align: left;
  margin-bottom: 24px;
  font-size: 100%;
}
.article .article-container .article-content .article-tags{
    margin: 60px 0 40px;
    display: block;
    overflow: hidden;
}
.article .article-container .article-content .article-tags span.tags-label{
    float: left;
    font-size: 30px;
    line-height: 40px;
    margin: 0 30px 0 0;
}
.article .article-container .article-content .article-tags span.tag{
  float: left;
  padding: 9px 15px;
  margin: 4px 20px 4px 0;
  font-size: 14px;
  color: #0091d1;
  background: #f5f5f5;
  line-height: 1;
  font-weight: 600;
  min-width: 80px;
  text-align: center;
}
.article .article-container .article-content .enjoy-article{
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0px;
    line-height: 1;
}

.article .article-container .article-content .article-comments span{
    font-size: 30px;
    margin-bottom: 20px;
    display: block;
}
.article .article-container .article-content .article-comments .article-name{
    font-weight: 700;
    font-size: 18px;
    margin: 0;
}
.article .article-container .article-content .article-comments .article-date{
    color: #999999;
}
.article .article-container .article-content .article-comments .article-text{
    margin: 0 0 10px 0;
}
.article .article-container .comments-form-container .comments-form-block .add-new-comment{
    font-size: 30px;
    margin-bottom: 24px;
    display: block;
}
.article .article-container .comments-form-container .comments-form-block .add-new-comment::after{
    content: " +";
}
.article .article-container .comments-form-container .comments-form-block .add-new-comment.toggled::after{
    content: " -";
}
.article #comments-form {
    display: none;
}
.article #comments-form button{
    margin: 24px 0 0 0;
}
.article #comments-form .recaptcha-warning{
    color: #ff0000;
    font-weight: 400;
    display: none;
}
.article #comments-form textarea{
    width: 300px;
    max-width: 100%;
}
.article #form-status{
    display: block;
    font-size: 20px;
}
.article .article-container .content-container, .article .article-container .comments-form-container{
    position: relative;
}
.article .article-container .content-container .sticky-social-links{
    position: fixed;
    left: 5%;
    top: 50%;
    height: 180px;
}
.article .article-container .content-container .sticky-social-links.top {
    position: absolute;
    bottom: auto;
    top: 50px;
}
.article .article-container .content-container .sticky-social-links.bottom {
    position: absolute;
    top: auto;
    bottom: 0;
}
.article .article-container .content-container .sticky-social-links .social-links{
    float: none;
    margin: 0;
}
.article .article-container .content-container .sticky-social-links .social-links a{
    margin: 0 0 10px;
    display: block;
    color: #000000;
}
.article .article-container .content-container .newsletter-article {
    background: #44494d;
    color: #ffffff;
    font-size: 14px;
    max-width: 904px;
    padding: 40px 60px 30px 60px;
    position: fixed;
    bottom: 0; left: 0; right: 0;
    margin: auto
}
@media screen and (max-width: 767px) {
    .article .article-container .content-container .newsletter-article {
        padding: 10px 20px;
    }
}
.article .article-container .content-container .newsletter-article.bottom {
    position: absolute;
    bottom: 225px;
}
.insight .most-popular-posts-mobile{
  display: none;
}

@media (max-width: 767px){
    .insight .insight-top-section{
      display: none;
    }
    .insight .most-popular-posts-mobile{
      display: block;
      margin: 0 0 40px 0;
    }
    .insight .most-popular-posts-mobile h2{
      padding: 0 15px;
    }
    .insight .most-popular-posts-mobile ul{
      list-style-type: none;
      padding: 0;
    }
    .insight .most-popular-posts-mobile ul li{
      overflow: hidden;
      padding: 0 15px;
      margin: 0 0 10px 0;
    }
    .insight .most-popular-posts-mobile ul li a.post-thumbnail{
      width: 25%;
      height: 80px;
      display: block;
      margin: 0 5% 0 0;
      float: left;
    }
    .insight .most-popular-posts-mobile ul li a.article-title{
      width: 70%;
      float: left;
    }
    .insight .most-popular-posts-mobile ul li a.article-title h3{
      margin: -5px 0 10px 0;
      line-height: 1.5;
      font-weight: 700;
      font-size: 16px;
    }
    .insight .most-popular-posts-mobile ul li .subsection-titles{
      float: right;
      margin: 0;
      width: 70%;
      text-align: left;
    }
    .article .article-container{
      margin: 0 0 40px 0;
    }
    .article .article-container .article-content h1 {
        margin-top: 20px;
    }
    .article .article-container .article-content p.article-details {
        margin: 0 0 24px 0;
    }
    .article .article-container .article-content .article-comments span.comments-label{
        font-size: 24px;
    }
    .article .article-container .article-content .article-tags span.tags-label{
        font-size: 24px;
        line-height: 32px;
        margin: 0 24px 24px 0;
    }
    .article .article-container .article-content .article-tags span.tag{
        padding: 9px 15px;
        margin: 0 24px 24px 0;
        font-size: 14px;
    }
    .article .article-container .article-content .article-tags {
        margin: 24px 0 0 0;
    }
    .article .article-container .article-content .enjoy-article {
        font-size: 16px;
    }
    .article .article-container .article-content .comments-form-block .add-new-comment {
        font-size: 24px;
    }
    .article .article-container .content-container .sticky-social-links{
        display: none;
    }
}
@media (max-width: 1234px){
    .article .article-container .content-container, .article .article-container .comments-form-container {
        padding: 0 100px;
    }
}
@media (max-width: 767px){
    .article .article-container .content-container, .article .article-container .comments-form-container {
        padding: 0 24px;
    }
    .article .article-container .comments-form-container .comments-form-block .add-new-comment{
        font-size: 24px;
    }

    .insight .social-media-mobile-section{
        display: block;
        min-width: 200px;
        background: linear-gradient(#9bb440, #b5d45f);
        color: #ffffff;
        box-sizing: border-box;
        border: none;
        height: 740px;
        margin: 0 15px;
    }
    .insight .social-media-mobile-section .third-row-left-block-empty{
        display: block;
        height: 30px;
        width: 100%;
        background: #ffffff;
    }
    .insight .social-media-mobile-section .social-links-block, .insight .social-media-mobile-section .subscribe-block{
        height: calc(50% - 15px);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .insight .social-media-mobile-section .subscribe-block .subscribe-btn-wrapper{
      left: 0;
      vertical-align: middle;
      top: 40%;
      text-align: center;
    }

    .insight .social-media-mobile-section .subscribe-block .subscribe-form-block{
      overflow: hidden;
      margin: 8px;
      background-color: #ffffff;
      color: #999999;
      padding: 10%;
      height: calc(100% - 16px) !important;
      width: calc(100% - 16px) !important;
    }
    .insight .social-media-mobile-section .subscribe-block .subscribe-form-block .dont-miss-out-label{
      width: 100%;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 22px;
      text-align: left;
      margin: 0;
      line-height: 1;
    }
    .insight .social-media-mobile-section .subscribe-block .subscribe-form-block form{
      margin: 6px 0 0 0;
    }
    .insight .social-media-mobile-section .subscribe-block .subscribe-form-block form input[type="text"], .social-media-mobile-section .subscribe-block .subscribe-form-block form input[type="email"]{
      border: 1px solid #b5d45f;
      padding: 0 0 0 14px;
      font-style: italic;
      width: 100%;
    }
    .insight .social-media-mobile-section .subscribe-block .subscribe-form-block form input[type="text"]{
      margin:0 0 22px 0;
    }
    .insight .social-media-mobile-section .subscribe-block .subscribe-form-block form input[type="email"]{
      margin: 0 0 10px 0;
    }
    .insight .social-media-mobile-section .subscribe-block .subscribe-form-block form label{
      font-size: 12px;
      font-weight: 400;
      display: inline;
    }
    .insight .social-media-mobile-section .subscribe-block .subscribe-form-block form .checkbox-form-group{
      margin: 0;
    }
    .insight .social-media-mobile-section .subscribe-block .subscribe-form-block form input[type="checkbox"]{
      margin: 0;
      display: inline;
    }
    .insight .social-media-mobile-section .subscribe-block .subscribe-form-block form input[type="submit"]{
      background: #b5d45f;
      color: #ffffff;
      font-weight: 700;
      padding: 6px 20px;
      font-size: 28px;
      letter-spacing: 1px;
      margin: 24px auto 0;
      display: block;
    }
    .insight .social-media-mobile-section .subscribe-block .subscribe-form-block form ::-webkit-input-placeholder {
      color: #b5d45f;
      opacity: 0.5;
    }
    .insight .social-media-mobile-section .subscribe-block .subscribe-form-block form ::-moz-placeholder{
      color: #b5d45f;
      opacity: 0.5;
    }
    .insight .social-media-mobile-section .subscribe-block .subscribe-form-block form :-ms-input-placeholder {
      color: #b5d45f;
      opacity: 0.5;
    }
    .insight .social-media-mobile-section .subscribe-block .subscribe-thank-you-message{
      display: none;
      align-items: center;
      justify-content: center;
      height: 100%;
    }
    .insight .social-media-mobile-section .subscribe-block .subscribe-thank-you-message p{
      width: 100%;
      padding: 0 15px;
      margin: 0;
    }
    .insight .social-media-mobile-section .social-links-block .social-links{
        float: none;
        margin: 0;
    }
    .insight .social-media-mobile-section .social-links-block p{
        font-size: 34px;
        text-align: center;
        width: 65%;
        margin: 0 0 15px 0;
    }
    .insight .social-media-mobile-section .social-links-block .social-links a{
        margin: 0;
        color: #9bb440;
    }
    .insight .social-media-mobile-section .social-links-block .social-links a:not(:first-child){
        margin: 0 0 0 10px;
    }
    .insight .social-media-mobile-section .subscribe-block .subscribe-btn{
        background: #ffffff;
        color: #b5d45f;
        font-size: 40px;
        padding: 5px 20px;
    }
    .insight .social-media-mobile-section .subscribe-block p{
        font-size: 44px;
        width: 60%;
        text-align: center;
        margin: 10px 0 0 0;
        font-weight: 300;
    }

}
@media screen and (max-width: 350px){
    .g-recaptcha {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}
.article-published-date{
    color: #999999;
}

.instagram-feed-block #instafeed{
    max-height: 207px;
    overflow: hidden;
}
.instagram-feed-block a{
    width: 210px;
    height: 210px;
    padding: 0 10px 10px 0;
    margin: 0 10px 10px 0;
    float: left;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}

.instagram-feed-block a img{
    width: 100%;
    height: 100%;
    display: none;
}

@media print{
    .sticky-social-links{
        display: none;
    }
    .comments-form-container{
        display: none;
    }
    .article .article-container .image-main {
        padding: 0 30px;
        box-sizing: border-box;
    }
    .article .article-container .content-container{
        padding: 0 30px;
    }
    .article .article-container .article-content .enjoy-article{
        display: none;
    }
    .article .article-container .article-content .article-tags span.tags-label{
        font-size: 30px;
        margin: 0;
        line-height: 44px;
    }
    .article .article-container .article-content .article-tags span.tag {
        padding: 0 20px;
        margin: 0 0 0 15px;
        line-height: 44px;
    }
    .article .article-container .article-content h1{
        margin: 30px 0 0 0;
    }
    .article .article-container .article-content .article-tags{
        margin: 30px 0;
    }
    .article .article-container .article-content p.article-details {
        margin: 0 0 30px 0;
    }
}

@media print and (max-width: 767px){
    .main-content{
        padding: 80px 0 0 0;
    }
}

.breadcrumb .sup-special-char{
  font-size: 50%;
  font-weight: 700;
  top: -5.5px;
  line-height: 1;
  left: 1px;
}

.product-title sup{
  font-size: 45%;
  font-weight: 400;
  top: -21px;
  line-height: 1;
  left: 1px;
}

.cms-content sup{
  font-size: 50%;
  top: -7px;
  font-weight: 700;
  left: 1px;
}

.cms-content .product-title sup{
  font-size: 100%;
  font-weight: normal;
  top: 0;
  line-height: 1;
  left: 1px;
}

.fr_ca .lightbox-content-wrapper .product-title sup.sup-special-char{
  font-size: 45%;
  top: -19px;
  left: 1px;
}

@media (max-width: 1562px){
  .product-title sup{
    top: -18px;
  }
}
@media (max-width: 1174px){
  .fr_ca .lightbox-content-wrapper .product-title sup.sup-special-char{
    top: -12px;
  }
  .cms-content sup{
    top: -5px;
  }
}

@media (max-width: 766px){
  .product-title sup{
    top: -10px;
  }
  .cms-content sup {
    top: -5px;
    left: 1px;
  }
}

@media (max-width: 766px){
	.fr_ca .lightbox-content-wrapper .product-title sup.sup-special-char {
    top: -12px;
  }

  .instagram-feed-block #instafeed{
    margin-bottom: 20px;
  }
}

@media (max-width: 765px){
   h1.product-title .sup-special-char {
     top: -12px;font-size: 44%;
   }
}

@media (max-width: 450px){
  .instagram-feed-block #instafeed{
    margin-bottom: 20px;
    max-height: none;
  }
  .instagram-feed-block a{
    width: calc((100% - 30px )/3);
    height: 86px;
    float: left;
    margin: 0 0 10px 0;
  }
  .instagram-feed-block a:not(:nth-child(3n)){
    margin: 0 10px 10px 0;
  }
  .instagram-feed-block a img{
    width: 100%;
  }
}

.search-result sup {
    font-size: 43%;
    font-weight: 500;
    top: -7px;
    left: 1px;
}

.products .grid-container .product-thumb .grid-thumb-inner .sub,
.products .grid-container .product-thumb .grid-thumb-inner sup{
  font-size: 56.2%;
  font-weight: 800;
  top: -0.6em;
}

.dealer-premier{
  color: #0091d1;
}

.hidden-schema{
  display: none;
}


@media print {
/* Blog PDF/Printing Styles */

	body.insight ,
	body.insight a{ color:#000; font-size: 16pt;}



	body.insight .article-single .article-contents-overlay,
	.insight .insight-second-row .most-popular-posts,
	.insight .insight-third-row .third-row-left-block,
	.insight .insight-third-row .third-row-left-block .social-links-block,
	.insight .insight-third-row .article-third,
	.insight .insight-third-row,
	.article-single .article-contents-overlay div{ float: none;
    display: inline-block;
    width: 100%;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    padding: 0;
    padding: 0 10pt;
	height: auto;
	margin:0;
	}

	.insight .insight-third-row .third-row-left-block .social-links-block,
	.insight .insight-third-row .third-row-left-block .subscribe-block,
	body.insight .article-single .article-contents-overlay,
	.insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-btn,
	.insight .article-single .article-contents-overlay div,
	.insight .insight-second-row .most-popular-posts,
	.insight .insight-second-row .most-popular-posts h2,
	.insight .insight-second-row .most-popular-posts ul,
	.insight .insight-third-row{padding: 0; }

	.insight .article-first ,
	.insight .insight-second-row{ padding: 0 10pt; }

	.insight .insight-second-row .article-second,
	.insight .insight-second-row{ margin:0 0 0 0;}


	.insight .insight-third-row .third-row-left-block{display:none;}

	.insight .insight-third-row .third-row-left-block .subscribe-block .subscribe-btn-wrapper { position: relative !important; text-align:left;justify-content: unset;}



	.insight .insight-search ,
	.insight .breadcrumb,
	.insight  .subscribe-flip-container.back,
	.insight .most-popular-posts-mobile,
	.insight .insight-third-row .third-row-left-block .subscribe-block,
	.insight .social-media-mobile-section{ display: none;}

	.insight .insight-label { margin-bottom: 10pt;}
	.insight .insight-label img { max-width: 100%; height: auto; max-height: 250px; width: 200px;}

	.insight .article-first { background: none !important; height: auto;}

	.insight .insight-second-row .article-second ,
	.insight .insight-second-row { height:auto; float:none; display: block;  width: calc(100% - 10pt); margin-right: 0; padding-right:0;}

	.insight  .insight-articles-grid,
	.insight  .instagram-feed-block,
	.article .article-single .subsection-titles,
	.article .articles-most-popular{ padding: 0 0 0 10pt;}

	.insight-articles-grid .subsection-titles {
		    position: relative;
		left: auto;
		text-align: left;

	}

	.insight .insight-top-section { display:block;}

	.insight .header-print , .article .header-print { margin-top:20px;}
	.article .article-container .article-content .article-tags span.tag { width:100%; display: inline-block; text-align:left;}

	.article .instagram-feed-block #instafeed,
	.insight .instagram-feed-block #instafeed{
	overflow: hidden;
    display: inline-block;
    width: 100%;
    height: auto;
    max-height: inherit;}

	.insight  .insight-articles-grid .article-single ,
	.article  .insight-articles-grid .article-single { width: 20%;  display: block; margin-bottom: 40pt !important;}

	.article .article-container { margin-bottom: 15pt;}

	.insight .insight-third-row .third-row-left-block .social-links-block .social-links { text-align: left; }


	.insight-articles-grid .article-single { page-break-inside: avoid; }

	.main-content { margin-top:30pt;}

	.insight .insight-second-row .most-popular-posts ul li p {padding-bottom:0; }

	.insight .insight-second-row { margin-bottom:0;}

	.instagram-feed-block #instafeed , .insight  h3 , .insight  p{ page-break-inside: avoid; display: block;}

	.instagram-feed-block h3 { margin-bottom:30pt;}

	.insight .instagram-feed-block #instafeed a {
    width: 100pt;
    height: 100pt;
  }

	.insight .instagram-feed-block #instafeed img {
    width: 100pt !important;
		height: 100pt !important; max-width: 100%;
  }

	.fr_ca .lightbox-content-wrapper .product-title sup.sup-special-char{
	    font-size: 29%;
    top: -8px;
    position: relative;
    font-weight: bold;}


	.cms-content .product-title sup {
    font-size: 52%;
    font-weight: normal;
		top: -4px;}

}

.fb-login-button{
  margin: 0 0 30px 0;
}

.dealer-details-block{
  display: none;
}
.dealer-name:not(.dealer-non-expanded):after{
  content: "-";
}
.dealer-name:after{
  content: "+";
  margin-left: 5px;
}
.where-to-buy .bh-sl-container .bh-sl-loc-list ul li{
  margin-bottom: 15px;
}
.where-to-buy .bh-sl-container .bh-sl-map-container a:not(.dealer-premier):focus{
  color: #555555;
}

/*CA Build It Page Updates*/
#build-it-summary-form .selected-options-list-container{
  /* margin: 50px 0 0 0; */
}
#build-it-summary-form .selected-options-list-container p{
  margin: 0;
}
#build-it-summary-form .selected-options-list-container ul.selected-options-list{
  margin: 0 0 0 50px;
}
#build-it-summary-form .selected-options-list-container ul.selected-options-list li{
  padding: 0 0 0 0;
}
#build-it-summary-form .selected-options-list-container ul.selected-options-list .error{
  opacity: 0.5;
}
.model-option{
  cursor: pointer;
}
body.build-it.ca .options-main-container.expanded{
  max-height: none;
}
body.build-it.ca .abix-tree-list li{
  cursor: pointer;
  margin-bottom: 5px;
}
body.build-it.ca .abix-tree-list li span.glyphicon{
  color: #058ece;
}
body.build-it.ca .abix-tree-list li.option-selected > span.option-name::after, body.build-it.ca .abix-tree-list li.option-group-selected > span.option-group-name::after, body.build-it.ca .abix-tree-list li.option-group-selected > span.option-name::after{
  content: "\2714";
  color: #058ece;
  margin: 0 0 0 4px;
}
body.build-it.ca li.collapsed .fabrics-main-container{
  display: none;
}
body.build-it.ca .fabrics-grid-wrapper .grid a.fabric-selected::after{
  content: "\2714";
  color: #058ece;
  position: absolute;
  bottom: -1px;
  right: -1px;
  background: #ffffff;
  border: 1px solid #cccccc;
  width: 20px;
  height: 20px;
  text-align: center;
}

.build-it-new.abix-tree-list li.option-group-selected > ul > li {
    opacity: 0.5;
}

.build-it-new.abix-tree-list li.option-group-selected > ul > li.option-selected, .build-it-new.abix-tree-list li.option-group-selected > ul > li.option-group-selected {
    opacity: 1;
}

.abix-tree-list > li.option-group-selected > ul > li:not(.option-selected) {
    /*pointer-events: none;*/
}

.product-fabrics a:not(.fabric-selected) {
    /*opacity: 0.5;*/
    /*pointer-events: none;*/
}

body.build-it.us #options-tree > li,
body.build-it.ca #options-tree > li {
    pointer-events: none;
    opacity: 0.5;
}

body.build-it.us #options-tree > li:first-child,
body.build-it.us #options-tree > li.option-group-selected + li,
body.build-it.us #options-tree > li.option-selected + li,
body.build-it.us #options-tree > li:first-child.com-fabric ~ li[data-is-fabric],
body.build-it.ca #options-tree > li:first-child,
body.build-it.ca #options-tree > li.option-group-selected + li,
body.build-it.ca #options-tree > li.option-selected + li,
body.build-it.ca #options-tree > li:first-child.com-fabric ~ li[data-is-fabric]{
    pointer-events: auto;
    opacity: 1;
}

#build-it-summary-form > div > p.names {
    display: flex;
    flex-direction: row;
}

#build-it-summary-form > div > p.names >span {
    display: flex;
    flex-direction: column;
}

#build-it-summary-form > div > p.names >span:first-child {
    align-items: flex-end;
    padding-right: 20px;
}

#build-it-summary-form > div > p.names >span:last-child >span {
    margin-bottom: 5px;
}

#build-it-summary-form > div > p.names >span:first-child >label {
    min-width: auto;
}

.select-options-fabric-item > div {
    height: 34px;
    border: 1px solid #ccc;
    padding: 2px;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.select-options-fabric-item > div > img {
    height: 100%;
    margin-right: 5px;
}

.select-options-fabric-item > div > span {
    vertical-align: middle;
}

.ajax-response-container.product-options-2 > ul, .ajax-response-container.product-options-2 li[data-level] > ul {
    list-style: none;
    padding: 0;
}

.ajax-response-container.product-options-2 li[data-level] > span {
    display: inline-block;
    color: #111;
    margin-bottom: 5px;
    font-size: 0.95em;
}

.ajax-response-container.product-options-2 li[data-level] {
    margin-top: 10px;
}
.debug {
    display: none;
}

.market-select-container {
    padding-top: 15px;
}

.market-select-container .radio-select-container {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.market-select-container .radio-select-container input {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    margin: 0;
}

.market-select-container .radio-select-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 23px;
  width: 23px;
  border: 1px solid #acacac;
  border-radius: 5px;
}

.market-select-container .radio-select-container {
    margin: 5px 15px 5px 0;
}

.market-select-container input:checked ~ .checkmark {
    background-color: #0091d1;
    border-color: #0091d1;
    display: block;
}

.market-select-container input ~ .checkmark::before {
    content: '';
    position: absolute;
    border: 0;
    border-bottom: 4px solid #fff;
    border-right: 4px solid #fff;
    height: .825em;
    left: 50%;
    top: 50%;
    transform-origin: center center;
    transform: rotate(45deg) scale(0) translate(-114%, -25%);
    width: .5em;
}

.market-select-container input:checked ~ .checkmark::before {
    transform: rotate(45deg) scale(1) translate(-114%, -25%);
}