#fq_menu_mobi_search button.btn.btn-default {
    background-image: none;
    background: #008ED2;
    color: white;
    box-shadow: none;
    border: 1px solid #008ED2;
    border-bottom: 2px solid #008ED2;
}
.fq_pl .tooltip {
    white-space: nowrap;
}

.fq_pl_longer a {
    text-decoration: none;
    border-bottom: 1px dashed;
}
.fq_pl_longer a:hover {
    border-bottom: none;
}
/* available Lengths */
span.btn.btn-sm.btn-default {
    font-size: 12px;
    font-weight: normal;
    padding-top: 7px;
    padding-bottom: 4px;
    box-shadow: none;
    background: white;
    border: solid 1px #ccc;
    min-width: 31px;
    transition: background 0.5s;
}
input:checked + span.btn.btn-sm.btn-default {
    background: #242424;
    color: white;
}
span.btn.btn-sm.btn-default:hover {
    background: #e4e4e4;
    transition: background 0.5s;
}
.fq_pl_longer {
    padding-left: 6px;
    position: relative;
    top: 1px;
}

#column-left {
    width: 25%;
}
h1 {
    color: #008dd2;
    font-size: 12pt;
    font-weight: lighter;
    padding-left: 0;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.01);
    text-transform: uppercase;
}
.breadcrumb {
    margin-bottom: 8px;
    padding-left: 0;
}
.breadcrumb a {
    color: #636e75;
}
#fq_ldr {
  background-color: rgba(255, 255, 255, 0.9);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  user-select: none;
  width: 100%;
  z-index: 1000;
}
#fq_ldr div {
  background-color: #fff;
  border: none;
  border-radius: 32px;
  box-shadow: 0px 0px 100px 100px #fff;
  height: 64px;
  left: 50%;
  margin-left: -24px;
  margin-top: -24px;
  padding: 16px;
  position: fixed;
  top: 50%;
  width: 64px;
}

#fq_hdr.container-fluid,
#fq_fpi .container-fluid,
#fq_ftr .container-fluid,
#container > .container-fluid {
    max-width: 1200px;
}

/* HEADER 2023 */
#fq_hdr {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
#fq_hdr.container-fluid:before,
#fq_hdr.container-fluid:after { /* stackoverflow.com/a/48648382 */
    content: none;
    display: none;
}
#fq_hdr menu.list-inline { /* remove vertical margins from the menu */
    margin-bottom: 0;
    margin-top: 0;
}
#fq_hdr_b {
    background-color: #008dd2;
    color: #fff;
}
#fq_hdr_b li {
    font-size: 12pt;
    line-height: 4rem;
    margin: 0 2.5rem;
}
#fq_hdr_b span.glyphicon-plane {
    transform: rotate(90deg);
}
#fq_hdr .btn,
#fq_hdr_s .btn {
    box-shadow: none;
}
@media only screen and (min-width: 768px) { /* desktop */
    #fq_hdr {
        height: 10rem;
    }
    #fq_hdr > aside,
    #fq_hdr_s { /* hide mobile-only elements */
        display: none;
    }
    #fq_hdr > nav,
    #fq_hdr > nav > a > img {
        height: 8rem;
    }
    #fq_hdr > nav > div,
    #fq_hdr > menu {
        height: 7rem;
    }
    /* logo block */
    #fq_hdr > nav {
        align-items: center;
        display: flex;
    }
    #fq_hdr > nav > div {
        align-items: flex-start; /* contact button to the left */
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-left: 1.5rem;
    }
    #fq_hdr > nav > div > span {
        font-size: 12pt;
        letter-spacing: -1px;
        line-height: 1; /* remove empty space around text */
    }
    /* desktop search */
    #fq_hdr menu li form#search input[name=search] {
        width: 200px;
    }
    #fq_hdr form .input-group-btn {
        vertical-align: top;
        /* Bootstrap adds -1px margin for this class when it's the ::first-child
         * and z-index keeps it on top of the input that follows next in DOM.
         */
        z-index: 3;
    }
    /* desktop menu */
    #fq_hdr > menu {
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        justify-content: flex-end;
    }
    #fq_hdr menu.list-inline li {
        padding-left: 2rem;
        padding-right: 0; /* remove space between menu items and the page edge */
    }
    #fq_hdr > menu > li:first-child {
        width: 100%;
        text-align: right;
    }
    #fq_hdr > menu > li:last-child > div { /* stackoverflow.com/a/3317414 */
        width: 12rem; /* hold space for the button */
    }
    #fq_hdr > menu > li:last-child #flycart_btn > a.btn-group {
        display: flex; /* required for the flex-grow property below */
        width: 12rem;
    }
    #fq_hdr > menu > li:last-child #flycart_btn > a.btn-group > .btn-secondary:last-child {
        background-color: #fff; /* .btn-secondary doesn't have a background */
        flex-grow: 1; /* take the rest of space in .btn-group */
    }
    #fq_hdr > menu > li:last-child #flycart_btn {
        position: fixed;
        z-index: 1000;
    }
    #fq_hdr > menu > li:last-child #flycart_btn:hover > .dropdown-menu {
        display: block;
    }
    #fq_hdr > menu > li:last-child #flycart_btn.flycart_open sub,
    #fq_hdr > menu > li:last-child #flycart_btn:hover sub {
        display: none;
    }
}
@media only screen and (max-width: 767px) { /* mobile */
    /* make header sticky, bring it to foreground */
    #fq_hdr {
        background-color: #fff;
        box-shadow: 0px 2px 5px #000;
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        z-index: 1100;
    }
    #fq_hdr menu.list-inline li {
        padding: 0;
    }
    #fq_hdr menu.list-inline li:not(:last-child) .btn:first-child {
        margin-right: .5rem;
    }
    #fq_hdr menu li form#search { /* hide desktop search */
        display: none;
    }
    #fq_hdr menu li .fq_hpi /*header payment icons*/ {
        display: none;
    }
    #fq_hdr > nav {
        height: 5rem; /* hold height for the rest of the header */
    }
    #fq_hdr > nav > a {
        line-height: 5rem; /* align vertically */
    }
    #fq_hdr > nav img {
        height: 4rem;
    }
    #fq_hdr > nav > div {
        display: none; /* hide the desktop logo block */
    }

    #fq_hdr_s > form {
        margin: 10px 15px;
    }
    #fq_hdr_b li {
        line-height: 3.2rem;
        text-transform: uppercase;
    }
    #column-left {
        background: #fff;
        box-shadow: 0px 2px 5px #000;
        height: 100%;
        margin-top: -50px;
        min-width: 250px;
        overflow-y: scroll;
        padding-top: 50px;
        position: fixed;
        top: 50px;
        z-index: 1099;
    }
    #fq_hdr_menu_mobi_backdrop {/* full-screen on mobile, tapping closes menus */
        background-color: rgba(0,0,0,.25);
        display: none;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99;
    }
}
#fq_hdr_cnw,
#fq_hdr_cn {
    font-style: normal;
}
#fq_hdr_fs,
#fq_hdr_cnw {
    display: none;
}
/* PAYMENT ICONS */
.fq_hpi span/*header payment icons (originally only in header)*/ {
    background-color: transparent;
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    background-size: 176px 144px;
    display: inline-block;
}
.fq_fpi_mc { width: 51px;/*176px*/ height: 31px; background-position: 0px -96px; }
.fq_fpi_pp { width: 27px;/*127px*/ height: 31px; background-position: 0px -62px; }
.fq_fpi_ep { width: 86px; height: 31px; background-position: -36px 0px; }
.fq_fpi_dc { width: 49px; height: 31px; background-position: -96px -31px; }
.fq_fpi_id { width: 36px; height: 31px; background-position: 0px 0px; }
.fq_fpi_ae { width: 32px; height: 31px; background-position: -122px 0px; }
.fq_hpi_vs { width: 49px; height: 16px; background-position: -127px -80px; }
.fq_hpi_ep { width: 45px; height: 16px; background-position: -127px -64px; }
.fq_hpi_mc { width: 27px; height: 16px; background-position: -145px -48px; }
.fq_hpi_dc { width: 25px; height: 16px; background-position: -145px -32px; }
.fq_hpi_id { width: 18px; height: 16px; background-position: -154px -16px; }
.fq_hpi_pp { width: 14px; height: 16px; background-position: -154px 0px; }
.fq_hpi_mp { width: 50px; height: 16px; background-position: 0px -128px; }
.fq_hpi_bc { width: 26px; height: 16px; background-position: -52px -128px; }

/* SHARED CART LAYOUT */
.fq_cart_items {
    width: 100%;
}
.fq_cart_items tr {
    background-color: #fff;
    border-top: 1px solid #ddd;
}
.fq_cart_items tr:last-child {
    border-bottom: 1px solid #ddd;
}
.fq_cart_items td {
    font-size: 10px;
    padding: 1em;
    vertical-align: top;
}
.fq_cart_items tr[data-pid] td:first-child {
    padding-right: 0;
    padding-left: 0;
    width: 80px;
}
.fq_cart_items tr[data-pid] td:last-child {
    display: flex;
    flex-direction: column;
    min-height: 100px;
    position: relative;
}
/* Thumbnail */
.fq_cart_items tr[data-pid] td:first-child a {
    display: block;
}
.fq_cart_items tr[data-pid] td:first-child .img-thumbnail {
    border-radius: 0;
    height: 80px;
    width: 80px;
}
/* Product stock unavailability indicator */
.fq_cart_items .fq_cart_item_na {
    color: red;
    cursor: help;
    display: none;
}
.fq_cart_items tr[data-stock="0"] .fq_cart_item_na {
    display: inline;
}
/* Product name */
.fq_cart_items h5 {
    margin: 0;
}
.fq_cart_items h5 a {
    color: #000;
    text-decoration: underline;
    text-transform: uppercase;
}
/* Texts */
.fq_cart_items .fq_cart_item_text {
    font-size: 1.4em;
    line-height: 1;
}
/* Options */
.fq_cart_items .fq_cart_item_options {
    list-style: none;
    margin: .4em 0;
    padding: 0;
    text-transform: lowercase;
}
.fq_cart_items .fq_cart_item_options li b {
    font-weight: normal;
}
.fq_cart_items .fq_cart_item_options li span {
    color: #008dd2;
}
/* Quantity Selector */
.fq_cart_items .qty-selector {
    margin-top: auto; /* align to bottom */
}
/* Total */
.fq_cart_items .fq_cart_item_total {
    bottom: 1em;
    color: #008dd2;
    line-height: 1;
    position: absolute;
    right: 0;
}
/* Remove from cart */
.fq_cart_items .fq_cart_item_trash {
    background-color: transparent;
    color: #000;
    padding: 1em;
    position: absolute;
    right: -1em;
    top: 0;
}
.fq_cart_items .fq_cart_item_trash:hover {
    background-color: #000;
    color: #fff;
}
.fq_cart_items .fq_cart_item_trash i {
    font-size: 1.2em;
}

/* FOOTER SORTED CATEGORIES (ex. footer payment icons) */
#fq_fpi {
    background: #ebebeb;
    padding: 25px 0;
    margin: 0;
    margin-top: 50px;
}
#fq_fpi .container-fluid > div {
	text-align: center;
    margin: 0;
}
#fq_fpi .container-fluid > div a {
    color: #443e32;
    display: block;
    font-size: 14px;
    padding: 5px 0;
    text-align: left;
    width: 100%;
}
.fq_ftr_cat_t {
    text-decoration: underline;
}
.fq_swatch {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}
.fq_swatch.fq_swatch_colour_wheel {
    background-image: url(../img/colour_wheel.png);
    background-position: center;
    background-size: 100%;
}

#fq_fpi .container-fluid > div a:hover {
    text-decoration: none;
}
#fq_fpi .container-fluid > div a:hover span {
    background-color: #000;
    color: #ebebeb;
}
/* FOOTER */
#fq_ftr {
    background-color: #008dd2;
    color: #fff;
    padding: 25px 0;
}
#fq_ftr .vcard .photo {
    display: none;
}
#fq_ftr a {
    color: #fff;
    text-decoration: none;
}
#fq_ftr a span {
    color: #fff;
    text-decoration: underline;
}
#fq_ftr a:hover span {
    text-decoration: none;
    background-color: #fff;
    color: #008dd2;
}
#fq_ftr strong {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.fq_ftr_links {
    margin-bottom: 25px;
}
.fq_ftr_links a {
    display: block;
    font-size: 14px;
    padding-bottom: 5px;
    padding-top: 5px;
}
#fq_ftr .vcard p {
    margin: 0;
}
#fq_ftr_s {
    text-align: right;
}

#fq_pit {
    padding: 0;
}
/* product length selector */
.fq_pl .btn {
    border-radius: 2px;
    font-size: 1em;
    margin: 0;
    padding: .2em;
}
.fq_pl input {
    display: none;
}
.fq_pl input + .btn {
    border: 1px solid transparent;
}
.fq_pl input[disabled="disabled"] + .btn {
    background: #eee;
    color: #9b9b9b;
    text-decoration: line-through;
}
.fq_pl input[disabled="disabled"] + .btn:active {
    border-color: transparent;
    box-shadow: none;
    background: #e0e0e0;
}
.fq_pl_srchrg { /* product option surcharge info */
    color: #008dd2;
}
/* product length selector */

.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1.5s infinite linear;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAADACAMAAACDB5U0AAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAEHRSTlMAUQwWSGr/BSODz+iYN7ioo0T1UwAABSpJREFUeNrtmouSozgMRbFlYfn9/387FoaIJFAYU7s7W5Vb3ZOkMzrIliD2JdNPf79UCOpJPMxV8ABADKC7UakUOgLolHRPvPbz7OEbYI1SxvaMO4Qwu28AqUroAdg4VwR9ArSqgNQ3c5xC+QQkVaWnLrm5Esw7ADi+obqmMczZvgGMMjyFnVKcAu4B1JOAlZbLNQUPAtDmbQaPM0nZO9qecwqutXKAtYTwaihz1FG2BB88ru8spYTtZLK7ElqqLJWOAd6HrNZS1nZkGEBrwq2EwP3ItKMhBM+IuLxpciF5D4yB5ZG7gWlwWD3nlyS8g5NZ3sJPT6oUQ0McZNiyZyWYzmXaTBR7cHzDg1eGLpoBawIhHgOq6LobwflCx0OQwV8g7El2HeHjApGeTmX1Sx9ZmiwqUsSTQrLMezHzTl5qcFAHIQwCzOvno4G6hqBOhzDpgUn85wRndNsXjtEdn+7J0DVCq1hixtMa0EV8cqXEWE4A5upqQC28HA8Brq5HgLGG19+jj0C5Ip6Og1p4QVpeIb7SkLUFmbWLjj4XXMs+rVeVGNHyn+3b2sJS6+N0DChx+/zE6BwDQCng0lTRlgy/SIczGBW8njsXTaUiInOSMpI2JHl+csWyWAFYX2pE5Ed4P+rliWBiBaRJAG19AlOntKvCSQDy+d4nxQnQDtC7wtjPoJreAbZrjSMz6GAPuLfKAk4gTZ+AKfWmoFsTfgE0V7IDIKeBAJpAlkZ9EsCAngNkODT99NNPz2W8N0/iQTbiY6JQRbejYqQPgPgKHdI5hKy/AdA2ctcC3vPgNyD2+inWhYqgTwBxfOm7rHMK8ROQb/gxGCrBvAMUxzO1bxrXnZ8ArG/b8E4pTkHtAcgJYL9/wDv5DALgEs7+YtFNJeOrZ3ge3Vp7WEtoLvyD6LPPuL6zlFJvJxMsJTz1DwTA+yWzdlMIhWF6+YdHQFf+ARWfGeFSa/xIb2e16vAPMC9JZISDNWSXf0CuJVFo2D9I60w88A9U8dm7R/4B5vi/9A/0U/8g7kQD/kEsEl9cp39wDhjwD1IUOXroH9j/3j/Q0zP/QDnUD/wD46KLatw/wMg7nmH/AB0r4ph/oJVbDu9G/YMaykJaN5r6pn+wjr7RAdHJTF74BwKIbtvXGURUtvnB3f4BOvEPsCrJoW/7B6ol0A494B8krKJJAHf9A45XkwDu+geGASCAu/4BcLyZBNDnH4gUA7QAbvsHrYQCuO0ftBIK4L5/IH0igBH/QACjklYeFxnz8w9++umR5P6TGQ6Wjfi4yFfR7SjnthhgAMhasouli/dF7wFih3QNB3jPg98A125Fd2jZedEOIF8qiH2XdU7BfQLK3O/HIKeQ3gGm3Y3vky4VEO0eYJfvA+h+/ypnr/YA5ATUJLrYlMVKKCCNBKEmkKVQJ/0jK9S0llL71sqOE0gvoypkOrtNpLTMY9HbyQRLCTfzn72AfHmjKnsfxT+oTbiWUPmZ5Y9vlTUEtcZfHmVIpj3Oi4I5vdVYERH1d35LUePcdGrKEZaGOPwPKbRwr65vWLqjBH3LHu2Ff1ATKHgKiDB+09aEuaS+c8GeoOlv9g+S22nEP3B7YZ9/cAqIOOIfOBH+/AMwqB74BzZhlRn2D0hxvDOj/oHCRWrQPzDYlOyYf4BN29e30l3/QLXsSbZoN/0DJdnLJvGOfwAKk943PT3wDwwHPPAPSFWN+gdiFgz6B3K4Qf9ABjziH0gJh/0DKfq4f8C1f+QfQEo//+Cnf1t/AFGZQwaktm6jAAAAAElFTkSuQmCC"); 
    background-size: 32px 96px;
    display: inline-block;
    height: 32px;
    width: 32px; 
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}


#fq_scm {
    list-style: none;
    margin-left: 0;
}
#fq_scm > li > div {
    border-bottom: 2px solid #008dd2;
    color: #008dd2;
    font-size: 12pt;
    font-weight: 500;
    line-height: 12pt;
    margin-top: 0;
    padding: 12px 10px 9px 4px;
    text-transform: uppercase;
}
#fq_scm > li {
    position: relative;
}
#fq_scm > li > ul {
    margin-bottom: 10px;
}
#fq_scm > li > ul > li {
  padding: 0 0 0 20px;
  border: 1px solid transparent;
}
#fq_scm > li > ul > li:hover {
  border-color: #ccc;
}
#fq_scm > li > ul > li.fq_scma {
  border: solid 1px #008dd2;
}
#fq_scm > li > ul > li:before {
  color: #008dd2;
  content: "\e080";
  float: left;
  font-family: 'Glyphicons Halflings';
  display: inline-block;
  margin-left: -20px;
  margin-top: 7px;
  width: 20px;
}
#fq_scm > li > ul > li > a {
  display: block;
  padding: 7px 0 7px 0;
}
#fq_scm ul > li > a > span {
  color: #443e32;
  display: block;
  font-size: 10pt;
  font-weight: lighter;
  line-height: 10pt;
}
#fq_scm ul small {
  color: #919191;
  display: block;
  font-size: 9pt;
  line-height: 9pt;
}
#fq_scm ul li i {
    display: none;
    float: right;
    position: relative;
    right: 4px;
    top: 0;
}
#fq_scm ul li:hover i {
    display: block;
}
#fq_scm ul li i em {
    position: absolute;
    border-style: solid;
    border-width: 10px 12px 10px 0;
    top: -28px;
    width: 0;
    z-index: 999;
}
#fq_scm ul li i em:first-child {
    border-color: transparent #008dd2;
    right: -5px;
}
#fq_scm ul li i em:last-child {
    border-color: transparent #FFFFFF;
    display: none;
    right: -6px;
}
/* hover card */
#fq_scm ul li .fq_scmh {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  display: none;
  height: 100%;
  left: calc(100% - 1px);
  min-height: 320px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 450px;
  z-index: 999;
}
#fq_scm ul li:hover .fq_scmh {
  display: block;
}
#fq_scm ul li .fq_scmh > div > p {
    color: #1062ab;
    line-height: 110%;
    margin: 0;
    text-align: center;
}
#fq_scm ul li .fq_scmh > p {
    background-color: #f0f0f0;
    color: #000;
    display: block;
    font-size: 18px;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
}
#fq_scm .fq_scmh img {
    padding: 5px;
    width: 100%;
}
#fq_scm .fq_scmh ul {
    list-style: none;
    width: 100%;
}
#fq_scm .fq_scmh ul.list-inline {
    list-style: none;
    margin: 0 auto;
    width: 90%;
}
#fq_scm .fq_scmh ul.list-inline li {
    color: #a7a7a7;
    font-family: Arial;
    font-size: 9px;
    padding: 0;
    text-align: center;
    text-decoration: line-through;
    text-transform: uppercase;
}
#fq_scm .fq_scmh ul.list-inline li u {
    background-color: #transparent;
    border: 1px solid #a7a7a7;
    border-radius: 12px;
    display: inline-block;
    height: 12px;
    width: 12px;
}
#fq_scm .fq_scmh ul.list-inline li.fq_scml {
    color: #1062ab;
    text-decoration: none;
}
#fq_scm .fq_scmh ul.list-inline li.fq_scml u {
    background-color: #0097fb;
    border: 1px solid #1062ab;
}
#fq_scm .fq_scmh > div {
    background-color: rgba(255,255,255,.99);
    border-top: 1px solid #f0f0f0;
    bottom: 0;
    /*box-shadow: inset 0 40px 20px rgba(255,255,255,.4);*/
    padding: 10px 0;
    position: absolute;
    width: 100%;
}

/* Clearable text input */
.clearable{
  position: relative;
}
.clearable input[type=text]{
    box-sizing: border-box;
    padding-right: 24px;
    width: 100%;
}
.clearable__clear{
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 8px;
    font-style: normal;
    font-size: 2em;
    user-select: none;
    cursor: pointer;
    z-index: 2;
    color: grey;
}
.clearable input::-ms-clear {  /* Remove IE default X */
  display: none;
}

@media only screen and (max-width : 767px) {
    #fq_scm {
        width: auto;
    }
    #fq_scm h5 {
        font-size: 12px;
        margin-top: 10px;
    }
    #fq_scm ul li:hover div {
      display: none;
    }
    #fq_scm ul li:hover i {
        display: none;
    }
    #fq_c h1 {
        margin-bottom: 0;
    }
}

#fq_modal .modal-header, #fq_modal .modal-body, #fq_modal .modal-footer {
    padding: 15px 25px;
}
#fq_modal .modal-content {
    /* https://stackoverflow.com/a/12387340 */
    overflow: hidden;
}
#fq_modal .modal-header {
    background-color: #f0f0f0;
}
#fq_modal .modal-footer {
    display: none;
}
#fq_modal .modal-header .back {
    background-color: transparent;
    border: none;
    float: left;
    margin-left: -25px;
    margin-top: 2px;
    padding: 0;
    text-align: center;
    visibility: hidden;
    width: 25px;
}
#fq_modal .modal-header .modal-title {
    line-height: 1;
}
#fq_modal .modal-header .close {
    margin-top: -20px;
    padding: 20px 25px;
    margin-right: -25px;
}

#fq_length_guide_header {
    background-color: #008dd2;
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
#fq_length_guide_header table {
    table-layout: fixed;
    width: 100%;
}
#fq_length_guide_header table td {
    text-align: center;
}
#fq_length_guide_header table tr:first-child td {
    vertical-align: bottom;
}
#fq_length_guide_header table tr:first-child a {
    padding-top: 15px;
}
#fq_length_guide_header table tr:last-child td {
    vertical-align: top;
}
#fq_length_guide_switchers a {
    color: #fff;
    display: block;
    outline: none;
    padding: 0 15px;
    width: 100%;
}
#fq_length_guide_switchers .eyelet_width_selected {
    background-color: #fff;
}
#fq_length_guide_switchers .eyelet_width_selected a {
    color: #008dd2;
}
#fq_length_guide_switchers span {
    font-size: 12pt;
}
@media only screen and (min-width : 768px) {
    #fq_length_guide_switchers span {
        font-size: 14pt;
        line-height: 2;
    }
}
@media only screen and (max-width : 768px) {
    #fq_length_guide_title {
        margin-left: -25px;
        margin-right: -25px;
    }
    #fq_length_guide_title span {
        font-size: 12pt;
    }
    #fq_length_guide_header table tr:first-child a {
        padding-top: 5px;
    }
    #fq_length_guide_header {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
    }
    #fq_length_guide_switchers a {
        padding: 5px 5px 0;
    }
}
.fq_length_guide_image {
    position: relative;
}
.fq_length_guide_image i.fa {
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 25px;
    color: orange;
}

#fq_length_guide_switchers a img {
    border: 1px solid #006292;
    width: 100%;
}
#fq_length_guide_switchers .eyelet_width_selected img {
    border-color: #eee;
}
#fq_length_guide_results {
    margin-left: -25px;
    margin-right: -25px;
    margin-top: 15px;
}
#fq_length_guide_results .btn[disabled] {
    background: #9f9f9f;
    background-color: #9f9f9f;
}
#fq_length_guide_results th, #fq_length_guide_results td {
    vertical-align: middle;
}
#fq_length_guide_results tr th:first-child, #fq_length_guide_results td:first-child {
    padding-left: 25px;
}
#fq_length_guide_results tr th:last-child, #fq_length_guide_results td:last-child {
    padding-right: 25px;
}
#fq_length_guide_title {
    margin-bottom: 15px;
    margin-top: 0;
    padding-top: 0;
    text-align: center;
}
.btn.btn-secondary {
    color: #008BCE;
    border: 1px solid #008BCE;
    background: transparent;
}
#floating-contact {
    position: fixed;
    right: 0;
    bottom: 0;
    margin: 1em;
    border-radius: 50%;
    border: .3em solid #fff;
    background: #008BCE;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    width: 4.5em;
    height: 4.5em;
    text-align: center;
    cursor: pointer;
    z-index: 1000;
}
#floating-contact span {
    vertical-align: middle;
    color:white;
    font-size: 1.5em;
}
#floating-contact:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
#floating-contact-form {
    position: fixed;
    right: 0;
    bottom: 0;
    margin: 1em;
    border: .3em solid #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    width: 100%;
    max-width: 308px;
    z-index: 1000;
    background: white;
    padding: 5px;
}
#close-floating-contact-form {
    text-align: right;
    font-size: 2.5em;
    cursor: pointer;
    line-height: 0;
    padding: 5px 0 18px;
    
}
#floating-contact-form-overlay {
    position: absolute;
    top: 0;
    background: white;
    height: 100%;
}
#floating-send {
    padding-left: 0;
    padding-right: 0;
}
#floating-send > div, #floating-send input {
    width: 100%;
}