hawk.css

/*================================================================
                 Fluid Grid Styles 
================================================================*/

.container {
    position: relative;
    margin: 0px auto;
    padding: 0px;
    min-width: 16em;
    max-width: 80em;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  /* ## Embedded clearfix on container ## */
  .container:before,
  .container:after {
    content: " ";
    display: table;
  }
  .container:after {
    clear: both;
  }
  .container {
    *zoom: 1;
  }
  
  /* ## Setup for Padding ## */
  .container [class*="grid_"] {
    padding: 0 10px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .gutterless {
    padding: 0 10px;
  }
  .gutterless > [class*="grid_"] {
    padding: 0 !important;
  }
  
  /* ## 16px baseline (256px) s = small ## */
  @media only screen and (min-width: 16em) {
    .container [class*="grid_"] {
      position: relative;
      float: left;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
  
    [class*="grid_"] [class*="grid_"] {
      padding: 0;
    }
    .alpha {
      padding: 0;
    }
    .omega {
      padding: 0;
    }
  
    .s_1half > [class*="grid_"] {
      width: 50%;
      padding: 0 10px;
    }
    .s_1half > .alpha {
      padding: 0 10px 0 0;
    }
    .s_1half > .omega {
      padding: 0 0 0 10px;
    }
  
    /* show & hide base helpers */
    .s_showInline {
      display: inline !important;
      visibility: visible !important;
    }
    .s_showBlock {
      display: block !important;
      visibility: visible !important;
    }
    .s_hide {
      display: none !important;
      visibility: hidden !important;
    }
  }
  
  /* ## 16px baseline (480px - 767px) sw = small wide ## */
  @media only screen and (min-width: 30em) {
    [class*="grid_"] [class*="grid_"] {
      padding: 0 10px;
    }
  
    .alpha {
      padding: 0;
    }
    .omega {
      padding: 0;
    }
  
    .container .alpha {
      padding-left: 0;
    }
    .container .omega {
      padding-right: 0;
    }
  
    [class*="grid_"] .grid_1 {
      width: 8.333%;
    }
    [class*="grid_"] .grid_2 {
      width: 16.666%;
    }
    [class*="grid_"] .grid_3 {
      width: 25%;
    }
    [class*="grid_"] .grid_4 {
      width: 33.333%;
    }
    [class*="grid_"] .grid_5 {
      width: 41.666%;
    }
    [class*="grid_"] .grid_6 {
      width: 50%;
    }
    [class*="grid_"] .grid_7 {
      width: 58.333%;
    }
    [class*="grid_"] .grid_8 {
      width: 66.666%;
    }
    [class*="grid_"] .grid_9 {
      width: 75%;
    }
    [class*="grid_"] .grid_10 {
      width: 83.333%;
    }
    [class*="grid_"] .grid_11 {
      width: 91.666%;
    }
    [class*="grid_"] .grid_12 {
      width: 100%;
    }
  
    .sw_1half > [class*="grid_"] {
      width: 50%;
    }
    .sw_1half > [class*="push_"] {
      left: 50%;
    }
    .sw_1half > [class*="pull_"] {
      left: -50%;
    }
    .sw_1half > [class*="grid_"] .alpha {
      padding: 0 10px 0 0;
    }
    .sw_1half > [class*="grid_"] .omega {
      padding: 0 0 0 10px;
    }
  
    .sw_1third > [class*="grid_"] {
      width: 33.333%;
    }
    .sw_1third > [class*="push_"] {
      left: 33.333%;
    }
    .sw_1third > [class*="pull_"] {
      left: -33.333%;
    }
    .sw_1third > [class*="grid_"] .alpha {
      padding: 0 10px 0 0;
    }
    .sw_1third > [class*="grid_"] .omega {
      padding: 0 0 0 10px;
    }
  
    .sw_stack > [class*="grid_"] {
      width: 100%;
    }
    .sw_stack > .alpha,
    .sw_stack > .omega {
      padding: 0;
    }
  
    /* show & hide base helpers */
    .sw_showInline {
      display: inline !important;
      visibility: visible !important;
    }
    .sw_showBlock {
      display: block !important;
      visibility: visible !important;
    }
    .sw_hide {
      display: none !important;
      visibility: hidden !important;
    }
  }
  
  /* ## 16px baseline (768px) m = medium ## */
  @media only screen and (min-width: 48em) {
    [class*="grid_"] [class*="grid_"] {
      padding: 0 10px;
    }
  
    .container .alpha {
      padding-left: 0;
    }
    .container .omega {
      padding-right: 0;
    }
  
    .container .grid_1 {
      width: 8.333%;
    }
    .container .grid_2 {
      width: 16.666%;
    }
    .container .grid_3 {
      width: 25%;
    }
    .container .grid_4 {
      width: 33.333%;
    }
    .container .grid_5 {
      width: 41.666%;
    }
    .container .grid_6 {
      width: 50%;
    }
    .container .grid_7 {
      width: 58.333%;
    }
    .container .grid_8 {
      width: 66.666%;
    }
    .container .grid_9 {
      width: 75%;
    }
    .container .grid_10 {
      width: 83.333%;
    }
    .container .grid_11 {
      width: 91.666%;
    }
    .container .grid_12 {
      width: 100%;
    }
  
    .container .push_1 {
      left: 8.333%;
    }
    .container .push_2 {
      left: 16.666%;
    }
    .container .push_3 {
      left: 25%;
    }
    .container .push_4 {
      left: 33.333%;
    }
    .container .push_5 {
      left: 41.666%;
    }
    .container .push_6 {
      left: 50%;
    }
    .container .push_7 {
      left: 58.333%;
    }
    .container .push_8 {
      left: 66.666%;
    }
    .container .push_9 {
      left: 75%;
    }
    .container .push_10 {
      left: 83.333%;
    }
    .container .push_11 {
      left: 91.666%;
    }
    .container .push_12 {
      left: 100%;
    }
  
    .container .pull_1 {
      left: -8.333%;
    }
    .container .pull_2 {
      left: -16.666%;
    }
    .container .pull_3 {
      left: -25%;
    }
    .container .pull_4 {
      left: -33.333%;
    }
    .container .pull_5 {
      left: -41.666%;
    }
    .container .pull_6 {
      left: -50%;
    }
    .container .pull_7 {
      left: -58.333%;
    }
    .container .pull_8 {
      left: -66.666%;
    }
    .container .pull_9 {
      left: -75%;
    }
    .container .pull_10 {
      left: -83.333%;
    }
    .container .pull_11 {
      left: -91.666%;
    }
    .container .pull_12 {
      left: -100%;
    }
  
    .container .prefix_1 {
      margin-left: 8.333%;
    }
    .container .prefix_2 {
      margin-left: 16.666%;
    }
    .container .prefix_3 {
      margin-left: 25%;
    }
    .container .prefix_4 {
      margin-left: 33.333%;
    }
    .container .prefix_5 {
      margin-left: 41.666%;
    }
    .container .prefix_6 {
      margin-left: 50%;
    }
    .container .prefix_7 {
      margin-left: 58.333%;
    }
    .container .prefix_8 {
      margin-left: 66.666%;
    }
    .container .prefix_9 {
      margin-left: 75%;
    }
    .container .prefix_10 {
      margin-left: 83.333%;
    }
    .container .prefix_11 {
      margin-left: 91.666%;
    }
    .container .prefix_12 {
      margin-left: 100%;
    }
  
    .container .suffix_1 {
      margin-right: 8.333%;
    }
    .container .suffix_2 {
      margin-right: 16.666%;
    }
    .container .suffix_3 {
      margin-right: 25%;
    }
    .container .suffix_4 {
      margin-right: 33.333%;
    }
    .container .suffix_5 {
      margin-right: 41.666%;
    }
    .container .suffix_6 {
      margin-right: 50%;
    }
    .container .suffix_7 {
      margin-right: 58.333%;
    }
    .container .suffix_8 {
      margin-right: 66.666%;
    }
    .container .suffix_9 {
      margin-right: 75%;
    }
    .container .suffix_10 {
      margin-right: 83.333%;
    }
    .container .suffix_11 {
      margin-right: 91.666%;
    }
    .container .suffix_12 {
      margin-right: 100%;
    }
  }
  
  /* ## 16px baseline (768px - 959px) m = medium ## */
  @media only screen and (min-width: 48em) and (max-width: 59.938em) {
    .m_1half > [class*="grid_"] {
      width: 50%;
    }
    .m_1half > [class*="push_"] {
      left: 50%;
    }
    .m_1half > [class*="pull_"] {
      left: -50%;
    }
    .m_1half > [class*="prefix_"] {
      margin-left: 0;
    }
    .m_1half > [class*="suffix_"] {
      margin-right: 0;
    }
  
    .m_1third > [class*="grid_"] {
      width: 33.333%;
    }
    .m_1third > [class*="push_"] {
      left: 33.333%;
    }
    .m_1third > [class*="pull_"] {
      left: -33.333%;
    }
  
    .m_1fourth > [class*="grid_"] {
      width: 25%;
    }
    .m_1fourth > [class*="push_"] {
      left: 25%;
    }
    .m_1fourth > [class*="pull_"] {
      left: -25%;
    }
  
    .m_2thirds_left > [class*="grid_"] {
      width: 50%;
    }
    .m_2thirds_left > [class*="grid_"]:nth-child(2n) {
      width: 33.333%;
    }
    .m_2thirds_left > [class*="grid_"]:nth-child(2n + 1) {
      width: 66.666%;
    }
    .m_2thirds_left > [class*="push_"] {
      left: 0;
    }
    .m_2thirds_left > [class*="pull_"] {
      left: 0;
    }
    .m_2thirds_left > [class*="prefix_"] {
      margin-left: 0;
    }
    .m_2thirds_left > [class*="suffix_"] {
      margin-right: 0;
    }
  
    .m_2thirds_right > [class*="grid_"] {
      width: 50%;
    }
    .m_2thirds_right > [class*="grid_"]:nth-child(2n) {
      width: 66.666%;
    }
    .m_2thirds_right > [class*="grid_"]:nth-child(2n + 1) {
      width: 33.333%;
    }
    .m_2thirds_right > [class*="push_"] {
      left: 0;
    }
    .m_2thirds_right > [class*="pull_"] {
      left: 0;
    }
    .m_2thirds_right > [class*="prefix_"] {
      margin-left: 0;
    }
    .m_2thirds_right > [class*="suffix_"] {
      margin-right: 0;
    }
  
    .m_stack > [class*="grid_"] {
      width: 100%;
    }
    .m_stack > .alpha,
    .m_stack > .omega {
      padding: 0;
    }
  
    /* show & hide base helpers */
    .m_showInline {
      display: inline !important;
      visibility: visible !important;
    }
    .m_showBlock {
      display: block !important;
      visibility: visible !important;
    }
    .m_hide {
      display: none !important;
      visibility: hidden !important;
    }
  }
  
  /* ## 16px baseline (960px - 1139px) mw = medium wide ## */
  @media only screen and (min-width: 60em) and (max-width: 71.188em) {
    /* show & hide base helpers */
    .mw_showInline {
      display: inline !important;
      visibility: visible !important;
    }
    .mw_showBlock {
      display: block !important;
      visibility: visible !important;
    }
    .mw_hide {
      display: none !important;
      visibility: hidden !important;
    }
  }
  
  /* ## 16px baseline (1140px +) l = large ## */
  @media only screen and (min-width: 72em) {
    /* show & hide base helpers */
    .l_showInline {
      display: inline !important;
      visibility: visible !important;
    }
    .l_showBlock {
      display: block !important;
      visibility: visible !important;
    }
    .l_hide {
      display: none !important;
      visibility: hidden !important;
    }
  }
  
  
  /* ///////////////////////////////icon/style///////////////////////////////// */
  
  @font-face {
    font-family: "slick";
    src: url("../icons/fonts/slick.eot");
    src: url("../icons/fonts/slick.eot?#iefix") format("embedded-opentype"),
      url("../icons/fonts/slick.woff") format("woff"),
      url("../icons/fonts/slick.ttf") format("truetype"),
      url("../icons/fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  
  @font-face {
    font-family: "hawksearch";
    src: url("../icons/fonts/hawksearch.eot?-u4uzec");
    src: url("../icons/fonts/hawksearch.eot?#iefix-u4uzec")
        format("embedded-opentype"),
      url("../icons/fonts/hawksearch.woff?-u4uzec") format("woff"),
      url("../icons/fonts/hawksearch.ttf?-u4uzec") format("truetype"),
      url("../icons/fonts/hawksearch.svg?-u4uzec#hawksearch") format("svg");
    font-weight: normal;
    font-style: normal;
  }
  
  [class^="hawkIcon-"],
  [class*=" hawkIcon-"] {
    font-family: "hawksearch";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .hawkIcon-star-half:before {
    content: "\272b";
  }
  
  .hawkIcon-heart:before {
    content: "\2764";
  }
  
  .hawkIcon-star-full:before {
    content: "\2605";
  }
  
  .hawkIcon-star-empty:before {
    content: "\2606";
  }
  
  .hawkIcon-list:before {
    content: "\e608";
  }
  
  .hawkIcon-grid2:before {
    content: "\e609";
  }
  
  .hawkIcon-grid3:before {
    content: "\e60a";
  }
  
  .hawkIcon-grid4:before {
    content: "\e60b";
  }
  
  .hawkIcon-notification:before {
    content: "\21";
  }
  
  .hawkIcon-question:before {
    content: "\3f";
  }
  
  .hawkIcon-search:before {
    content: "\e601";
  }
  
  .hawkIcon-menu:before {
    content: "\2261";
  }
  
  .hawkIcon-blocked:before {
    content: "\20e0";
  }
  
  .hawkIcon-close:before {
    content: "\58";
  }
  
  .hawkIcon-checkmark:before {
    content: "\2714";
  }
  
  .hawkIcon-checkmark2:before {
    content: "\2713";
  }
  
  .hawkIcon-minus:before {
    content: "\2212";
  }
  
  .hawkIcon-plus:before {
    content: "\2b";
  }
  
  .hawkIcon-sub-checked:before {
    content: "\25a0";
  }
  
  .hawkIcon-radio-checked:before {
    content: "\1f518";
  }
  
  .hawkIcon-radio-unchecked:before {
    content: "\20dd";
  }
  
  .hawkIcon-filter:before {
    content: "\25e2";
  }
  
  .hawkIcon-arrow-left:before {
    content: "\27";
  }
  
  .hawkIcon-arrow-down:before {
    content: "\e600";
  }
  
  .hawkIcon-arrow-up:before {
    content: "\e602";
  }
  
  .hawkIcon-arrow-right:before {
    content: "\26";
  }
  
  .hawkIcon-arrow-left2:before {
    content: "\e603";
  }
  
  .hawkIcon-arrow-down2:before {
    content: "\e604";
  }
  
  .hawkIcon-arrow-up2:before {
    content: "\e605";
  }
  
  .hawkIcon-arrow-right2:before {
    content: "\e606";
  }
  
  .hawkIcon-unpin {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABsElEQVQ4T4WUAVEDQQxFXxUACmgVAA5AQYsCqAJAATgAFFAUgAPAATgoDkABzLtJbsL2rmRmZ+52Nz/5yc9OGLcFMAemwHFcewdcr8DjkOtkYFPnW+Awzt6ANfAVe+7vxN4V8FwxWsDLAPsEboDVCAGzvwP2484y71XABDOTWWS0pSLdkQHPKmgCSvMF+A46XuyjNqieHQAnETRBT6WfgBbZ4lsfqfyJWgDPgYfSoATV3yAzAa3HU2SUNcuoFt0AmsFksVsC2PGjUIFnSwF1uACGGpQBBNFBFtWUjllrKmEtiOlqqbV08F96LYjn1tomVhX4PRdQZFOXerWk3Xb6I7LSp5oyu94GWGVRHZWUSbTWA45R1iHrW533RjQqo0VtSnsxu38fnVVKTpDd9tv9an1ThmSjkzNq4XNWzcDlmbNexZ+D0ckmW/4Tmkqq0m0Lnxm1I+c91TBNwMzSi2rLC870NktQqQrmqK6qmLsuBRUn5D/AZOaL0wu8nY4ENarfg49oDEG+mXVaNsbNqBZYOkY2y3yhPbMhLikOTcsgYNbNujqnAgiuKRsD2HnXRll+AUuxdlJJdafXAAAAAElFTkSuQmCC");
    cursor: pointer;
  }
  
  .hawkIcon-addToTop {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAIAAADtKeFkAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQffBw0SAyUQffANAAAAGnRFWHRTb2Z0d2FyZQBQYWludC5ORVQgdjMuNS4xMDD0cqEAAAGTSURBVDhPpZG/UsJAEMbzJCaopQR7nbEVrCU4lpKklvgAirZCsBWwF+zVB1B7gV7wAYy9Ob+7Pe+Oc3SY4Tc3yd7ufvsncdhyODljOBa5QFiMfRnxnIekLXDg6rTTguute4U118OpVQMEhreDYL/qrbh75cr4dYS0NOVpOKteITyqZ1km9KIbnldpBwIaBmJ/o4gnrr3rbqnov09naIODcWZv08puGeWknoMpLluHQY30GOGkkXBbHFxven2lJ0+/20NjvX/aatPkuMLAVbg5SZKQeGdr+yCoYSkkYCKE9PeHADGy0Tyqh9QcB7vcDYbQw//y9EybE3p/hPn+gslovOmXmqdnyI7DCPt/fmRowOenaX9w1P/A17ponsPgnpw93j9gBMyZHDdQDh6MwL+oSFAq3d9iQafeH1DYSrKc1lX3Vy6FpVGGeoL5/kYqEUWR5bEQepHAq/G3BmIQx7G8C6ysuf4mSvy7hIn8f1ZVklnI2Dx2fxSS6aJtGIZUiwyZZPDn/AC1zLlMW/GffhGW0zP2Dbv+OuTHhxYYAAAAAElFTkSuQmCC);
    cursor: pointer;
  }
  
  .hawk-listingControls
    .hawk-pagination
    .hawk-paging
    .hawk-arrowDoubleLeft:before {
    content: "\e901";
  }
  
  .hawk-listingControls
    .hawk-pagination
    .hawk-paging
    .hawk-arrowDoubleRight:after {
    content: "\e900";
  }
  
  /* ////////////////////////////////hawk-recommender-common/////////////////////////////  */
  
  .hawk-recommendation-info {
    display: block;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    background-color: #fef087;
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    cursor: pointer;
    z-index: 100;
    font-size: 12px;
  }
  
  .hawk-recommendation-info:hover {
    opacity: 1;
  }
  
  .hawk-recommendation-model-icon {
    background-image: url("./../images/recommendation-model.png");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
  }
  
  .hawk-recommendation-model-icon.hawk-alsoaddedtocart {
    background-position: 0 0;
  }
  
  .hawk-recommendation-model-icon.hawk-alsobought {
    background-position: 0 -30px;
  }
  
  .hawk-recommendation-model-icon.hawk-alsoviewed {
    background-position: 0 -60px;
  }
  
  .hawk-recommendation-model-icon.hawk-featureditems {
    background-position: 0 -90px;
  }
  
  .hawk-recommendation-model-icon.hawk-hotnow {
    background-position: 0 -120px;
  }
  
  .hawk-recommendation-model-icon.hawk-morelikethis {
    background-position: 0 -150px;
  }
  
  .hawk-recommendation-model-icon.hawk-mostpopular {
    background-position: 0 -180px;
  }
  
  .hawk-recommendation-model-icon.hawk-personalized {
    background-position: 0 -210px;
  }
  
  .hawk-recommendation-model-icon.hawk-recentlyviewed {
    background-position: 0 -240px;
  }
  
  .hawk-recommendation-model-icon.hawk-bestsellers {
    background-position: 0 -270px;
  }
  
  .hawk-recommendation-model-icon.hawk-trendingitems {
    background-position: 0 -300px;
  }
  .hawk-recommendation-model-icon.hawk-recentlysearched {
    background-position: 0 -330px;
  }
  .hawk-recommendation-model-icon.hawk-viewthenbought {
    background-position: 0 -360px;
  }
  .hawk-recommendation-model-icon.hawk-complementarytoyourcart {
    background-position: 0 -390px;
  }
  .hawk-recommendation-model-icon.hawk-viewforme {
    background-position: 0 -420px;
  }
  .hawk-recommendation-model-icon.hawk-buyforme {
    background-position: 0 -450px;
  }
  .hawk-recommendation-model-icon.hawk-addtocartforme {
    background-position: 0 -480px;
  }
  
  .hawk-rule-info {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #e7bea2;
  }
  
  .hawk-rule-info .hawk-rule-condition {
    text-transform: uppercase;
    color: #abc;
  }
  
  .hawk-rule-info .hawk-rule-connector {
    text-transform: uppercase;
    color: red;
  }
  
  .hawk-rule-info .hawk-rule-value,
  .hawk-rule-info .hawk-rule-field {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    -moz-text-decoration-style: dotted;
    -ms-text-decoration-style: dotted;
    -o-text-decoration-style: dotted;
    text-decoration-style: dotted;
  }
  
  /* ///////////////////////Suggester custom////////////////////////////// */
  .hawk-date-range {
    margin: 10 auto;
    position: relative;
    display: block;
    border: 1px solid #d0d0d0;
    padding: 5px;
  }
  .hawk-pageItem,
  .hawk-pagination__item,
  #hawkfacet-color-property,
  .hawk-nested-checkboxtoggle {
    cursor: pointer;
  }
  .hawk-size-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 250px;
    flex-direction: row;
    justify-content: center;
  }
  .hawk-size-container div {
    cursor: pointer;
    display: flex;
    min-width: 62px;
    height: 65px;
    margin: 5px;
    border: 1px solid #d9d9d6;
    align-items: center;
    justify-content: center;
    max-width: 62px;
    background: white;
    font-size: 0.9em;
    text-align: center;
  }
  .hawk-size-container div.selected {
    border: 2px solid #f37624;
  }
  .hawk-searchQuery .hawk-sqItemName {
    color: #8b2300 !important;
  }
  
  .hawk-searchQuery .hawk-sqItem {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
  }
  
  .hawk-searchQuery .hawk-sqItemAlt {
    background-color: #f3f3f3 !important;
    border-color: #f3f3f3 !important;
  }
  
  .hawk-searchQuery .hawk-sqHeader {
    color: #ffffff !important;
    background-color: #5f3b17 !important;
  }
  
  .hawk-searchQuery .hawk-sqFooter {
    color: #f0f4f8 !important;
    background-color: #d12828 !important;
  }
  
  .hawk-searchQuery .hawk-sqFooter a,
  .hawk-searchQuery .hawk-sqFooter a:link,
  .hawk-searchQuery .hawk-sqFooter a:visited {
    color: #f0f4f8 !important;
  }
  
  .hawk-searchQuery .hawk-sqActive {
    color: #8b2300 !important;
    background: -webkit-linear-gradient(#f3f3f3, #f3f3f3) !important;
    background: -o-linear-gradient(#f3f3f3, #f3f3f3) !important;
    background: -moz-linear-gradient(#f3f3f3, #f3f3f3) !important;
    background: linear-gradient(#f3f3f3, #f3f3f3) !important;
    border-color: inherit !important;
  }
  
  /* UI SLIDER */
  
  .noUi-target,
  .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .noUi-target {
    position: relative;
  }
  .noUi-base,
  .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
  }
  /* Wrapper for all connect elements.
   */
  .noUi-connects {
    overflow: hidden;
    z-index: 0;
  }
  .noUi-connect,
  .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat;
  }
  .noUi-connect {
    height: 100%;
    width: 100%;
  }
  .noUi-origin {
    height: 10%;
    width: 10%;
  }
  /* Offset direction
   */
  .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto;
  }
  /* Give origins 0 height/width so they don't interfere with clicking the
   * connect elements.
   */
  .noUi-vertical .noUi-origin {
    width: 0;
  }
  .noUi-horizontal .noUi-origin {
    height: 0;
  }
  .noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
  }
  .noUi-touch-area {
    height: 100%;
    width: 100%;
  }
  .noUi-state-tap .noUi-connect,
  .noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
  }
  .noUi-state-drag * {
    cursor: inherit !important;
  }
  /* Slider size and handle placement;
   */
  .noUi-horizontal {
    height: 18px;
  }
  .noUi-horizontal .noUi-handle {
    width: 22px;
    height: 22px;
    right: -17px;
    top: -3px;
    border-radius: 50%;
  }
  .noUi-vertical {
    width: 18px;
  }
  .noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    top: -17px;
  }
  .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto;
  }
  /* Styling;
   * Giving the connect element a border radius causes issues with using transform: scale
   */
  .noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
  }
  .noUi-connects {
    border-radius: 3px;
  }
  .noUi-connect {
    background: #084e8a;
  }
  /* Handles and cursors;
   */
  .noUi-draggable {
    cursor: ew-resize;
  }
  .noUi-vertical .noUi-draggable {
    cursor: ns-resize;
  }
  .noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
  }
  .noUi-active {
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
  }
  
  .noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 14px;
    background: #e8e7e6;
    left: 3px;
    top: 3px;
    border-radius: 50%;
  }
  .noUi-handle:after {
    left: 17px;
  }
  .noUi-vertical .noUi-handle:before,
  .noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
  }
  .noUi-vertical .noUi-handle:after {
    top: 17px;
  }
  /* Disabled state;
   */
  [disabled] .noUi-connect {
    background: #b8b8b8;
  }
  [disabled].noUi-target,
  [disabled].noUi-handle,
  [disabled] .noUi-handle {
    cursor: not-allowed;
  }
  /* Base;
   *
   */
  .noUi-pips,
  .noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .noUi-pips {
    position: absolute;
    color: #999;
  }
  /* Values;
   *
   */
  .noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
  }
  .noUi-value-sub {
    color: #ccc;
    font-size: 10px;
  }
  /* Markings;
   *
   */
  .noUi-marker {
    position: absolute;
    background: #ccc;
  }
  .noUi-marker-sub {
    background: #aaa;
  }
  .noUi-marker-large {
    background: #aaa;
  }
  /* Horizontal layout;
   *
   */
  .noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
  }
  .noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
  }
  .noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
  }
  .noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
  }
  .noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
  }
  .noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
  }
  /* Vertical layout;
   *
   */
  .noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
  }
  .noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px;
  }
  .noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
  }
  .noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
  }
  .noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
  }
  .noUi-marker-vertical.noUi-marker-large {
    width: 15px;
  }
  .noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
  }
  .noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
  }
  .noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
  }
  .noUi-horizontal .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px;
  }
  .noUi-vertical .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(0, -18px);
    transform: translate(0, -18px);
    top: auto;
    right: 28px;
  }
  
  
  /* ////////////////////////////////////////////////////// */
  
  /* /////////////////////////////PREVIEW///////////////////////////// */
  
  a,
  a:link,
  a:visited {
    color: #000;
    text-decoration: underline;
  }
  
  a:hover {
    color: #000;
    text-decoration: none;
  }
  
  a:active,
  a:focus {
    outline: 0;
  }
  
  /* Header Top Bar */
  html {
    font-family: "Montserrat", sans-serif;
  }
  
  *,
  ::after,
  ::before {
    box-sizing: border-box;
  }
  /* Icon */
  
  .icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
  }
  
  /* Item Wrapper */
  
  .productList {
    display: flex;
    flex-wrap: wrap;
  }
  
  .productList .contentList {
    flex-grow: 1;
  }
  
  .itemList {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  .item {
    position: relative;
    display: table;
    padding: 1em 0;
    width: 100%;
    border-top: 1px solid #ccc;
  }
  
  .item:first-child {
    border-top: 0;
    padding-top: 0;
  }
  
  .item:last-child {
    padding-bottom: 0;
  }
  
  .item > .content {
    display: table-cell;
    width: 100%;
    vertical-align: top;
  }
  
  .item .contentExtra {
    display: table-cell;
    vertical-align: top;
  }
  
  .hawk-itemWrapper {
    border: 1px solid #e0dfdf;
    padding: 10px;
  }
  
  .hawk-itemImage {
    max-width: 100%;
    padding: 10px;
  }
  
  .productList {
    margin: 0 -10px 10px;
  }
  
  .itemList .itemWrapper {
    position: relative;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #e0dfdf;
  }
  
  .hawk-itemHidden {
    border: 3px solid #c00000 !important;
  }
  
  .itemList .last {
    margin-right: 0;
  }
  
  .itemWrapper a.itemLink,
  .itemWrapper a.itemLink:link,
  .itemWrapper a.itemLink:visited {
    display: block;
    text-decoration: none;
    overflow: hidden;
  }
  
  .itemWrapper .itemImage {
    display: block;
    margin: 0 auto 10px auto;
    padding: 0;
    width: 100%;
    object-fit: contain;
  }
  
  .itemWrapper .itemTitle {
    display: block;
    margin: 0 0 5px 0;
    padding-bottom: 5px;
    font-size: 1.125em;
    font-weight: normal;
    border-bottom: 1px dashed #e0dfdf;
  }
  
  .itemWrapper .itemTitle em {
    color: #660000;
    font-size: 0.75em;
  }
  
  .itemWrapper .itemTitle a,
  .itemWrapper .itemTitle a:link,
  .itemWrapper .itemTitle a:visited {
    text-decoration: none;
  }
  
  .itemWrapper .itemSku {
    display: block;
    font-size: 0.9em;
    color: #999;
  }
  
  .itemWrapper .itemButtons > a:not(:first-child) {
    display: block;
    margin: 0.6em 0;
    font-size: 0.9em;
    font-weight: bold;
  }
  
  .itemWrapper .itemPrice {
    font-size: 0.875em;
  }
  
  /* ## Buttons Styles ## */
  
  .btnWrapper,
  .btnWrapper:link,
  .btnWrapper:visited {
    display: inline-block;
    padding: 1px;
    background-color: #f37624;
    text-decoration: none !important;
  }
  
  .btn {
    display: inline-block;
    margin: 0;
    padding: 4px;
    font-size: 0.75em;
    font-weight: normal;
    color: #fff;
    background-color: #f37624;
    border: 1px solid #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    overflow: visible;
  }
  
  /* ///////////////////////////////////////////////////////////////////////// */
  
  /* ## Contain floats: h5bp.com/q ## */
  
  .hawk-visuallyHidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .hawk-visuallyHidden.focusable:active,
  .hawk-visuallyHidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }
  
  /* ## directly embed icons on :before and :after psuedo classes ## */
  [class^="hawk-iconBefore"]:before,
  [class^="hawk-iconAfter"]:after {
    font-family: "hawksearch";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  /* ## search view options ## */
  
  .hawk-searchView {
    margin-bottom: 10px;
    padding: 0 0 5px;
    border-bottom: 1px solid #c4c4c6;
  }
  
  .hawk-searchView .hawk-viewOption {
    position: relative;
    display: inline-block;
    margin-bottom: -5px;
    background-color: #ff8300;
    color: #fff;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
  }
  
  @media (max-width: 767px) {
    .hawk-searchView .hawk-viewOption {
      margin: 0;
      padding: 0;
    }
  }
  
  .hawk-searchView .hawk-viewOption .hawk-viewOptionInner,
  .hawk-searchView .hawk-viewOption .hawk-viewOptionInner:visited {
    display: inline-block;
    padding: 20px;
    color: inherit;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 2px;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
    cursor: pointer;
  }
  
  .hawk-searchView .hawk-viewOptionOff {
    border-color: #f0f0f0;
    background-color: #d6d6d6;
    border-radius: 2px;
  }
  
  .hawk-searchView .hawk-viewOptionOff:hover {
    border-color: #f0f0f0;
    background-color: #ff8300;
  }
  
  .hawk-searchView .hawk-viewOptionOff:hover .hawk-viewOptionInner {
    color: #fff !important;
  }
  
  .hawk-searchView .hawk-viewOptionOff:after {
    display: none;
  }
  
  .hawk-searchView .hawk-viewOptionOff .hawk-viewOptionInner {
    color: #3f4044 !important;
  }
  
  .hawk-compareList {
    float: left;
    display: inline;
  }
  
  .hawk-compareList .hawk-compareHeading {
    float: left;
    color: #3f3f40;
    font-size:0.750em;
  }
  
  .hawk-compareList .hawk-compareHeading span {
    display: block;
    font-size: .8em;
    color: #6f6e70;
  }
  
  .hawk-compareList ul {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  
  .hawk-compareList li {
    position: relative;
    float: left;
    display: inline;
    width: 27px;
    height: 27px;
    margin-left: 6px;
    background: #fff;
    border: 1px solid #c5c3c4;
    overflow:hidden;
  }
  
  .hawk-compareList li span {
    position: absolute;
    left: 0;
    top: 0;
    width: 27px;
    height: 27px;
    background: url(./../images/layout/listing_compare_overlay.png) no-repeat 0 0;
  }
  
  .hawk-compareList .btnWrapper {
    float: left;
    margin: 5px 0 0 8px;
  }
  
  .hawk-compareList .hawk-compareItemImage {
    width: 27px;
  }
  /* ## results List Display ## */
  
  .hawk-brokenImage {
    min-width: 100px;
    min-height: 100px;
    background: url("./../images/no_image_100.jpg") no-repeat 50% 50%;
  }
  
  .hdng {
    color: #3f4044;
    font-size: 20px;
    font-weight: 600;
    margin: 5px 0 0;
  }
  
  /* ## hawk guided nav ## */
  
  .hawk-railNavHeading {
    margin: 0;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    background: #5f3b17;
  }
  
  .hawk-railNavHeading span {
    padding: 0 0 0 15px;
  }
  
  .hawk-railNavHeading a,
  .hawk-railNavHeading a:link,
  .hawk-railNavHeading a:visited {
    color: #fff;
    text-decoration: none;
  }
  
  .hawk-railNavHeading a:hover,
  .hawk-railNavHeading a:active {
    color: #fff;
    text-decoration: none;
  }
  
  .hawkRailNav {
    background-color: #f0f0f0;
    border: 1px solid #c4c4c4;
    border-top-style: none;
    margin: 0 0 15px 0;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroupHdng {
    margin: 10px 6px 0 6px;
    font-size: 1em;
    font-weight: bold;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup {
    padding: 23px 20px 23px 20px !important;
    border-bottom: 1px solid #ccc;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroupContent {
    padding: 19px 0 0;
  }
  
  .hawk-guidedNavWrapper .hawk-resultsSearch {
    padding-top: 0;
  }
  
  .hawk-guidedNavWrapper .hawk-collapsed .hawk-navGroupContent {
    position: absolute;
    left: -9999em;
    padding: 0;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup:last-child {
    margin-bottom: 0;
    border-bottom: 0;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup:last-child .hawk-navGroupContent {
    border-bottom: 0;
  }
  
  /* ## facets group heading ## */
  .hawk-facetScollingContainer {
    position: relative;
    z-index: 100;
  }
  
  .hawk-guidedNavWrapper .hawk-groupHeading {
    position: relative;
    margin: 0;
    padding: 0;
    color: #e6c1c1;
  }
  .hawk-guidedNavWrapper .hawk-groupHeading p:after {
    position: absolute;
    display: none;
    top: 2px;
    right: 0;
    font-family: "hawksearch";
    font-size: 12px;
    color: #98989a;
    content: "\2b";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  /* setting font styling to groupheading and possible nested links */
  .hawk-guidedNavWrapper .hawk-groupHeading,
  .hawk-guidedNavWrapper .hawk-groupHeading a,
  .hawk-guidedNavWrapper .hawk-groupHeading a:link,
  .hawk-guidedNavWrapper .hawk-groupHeading a:visited {
    font-size: 1em;
    font-weight: 500;
  }
  
  .hawk-guidedNavWrapper .hawk-collapsible .hawk-groupHeading {
    cursor: pointer;
  }
  
  .hawk-guidedNavWrapper .hawk-collapsible .hawk-groupHeading p:after {
    display: block;
    content: "\2212";
  }
  
  .hawk-guidedNavWrapper .hawk-collapsed .hawk-groupHeading:after {
    content: "\2b";
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup input[type="text"] {
    border: 1px solid #d0d0d0;
  }
  
  /* ## facet list ## */
  
  .hawk-guidedNavWrapper .hawk-navGroup ul {
    margin: 0;
    padding: 10px 20px 20px;
    list-style-type: none;
    background: #fff;
    /* border: 1px solid #d0d0d0; */
    border-radius: 3px;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup ul.hawk-scrollList {
    overflow-y: auto;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup li {
    position: relative;
    margin-top: 10px;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup li a,
  .hawk-guidedNavWrapper .hawk-navGroup li a:visited {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    font-size: 0.933em;
    font-weight: normal;
    text-decoration: none;
    color: #3f4044;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup li .hawk-selectionInner .hawk-facetCount {
    color: #a1a1a1;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup li.hawk-navMore {
    color: #000;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup li.hawk-navMore span {
    display: inline-block;
    cursor: pointer;
  }
  
  .hawk-collapseState {
    cursor: pointer;
    position: absolute;
  }
  
  .hawk-collapseState:after {
    display: inline-block;
    position: absolute;
    content: "\2212";
    font-size: 10px;
    font-family: "hawksearch";
    color: #b8b8b8;
    right: 2px;
    top: 4px;
    cursor: pointer;
  }
  
  .collapsed.hawk-collapseState:after {
    content: "\2b";
  }
  
  .hawk-nestedfacet ul.hawk-facetgroup {
    border: 0px;
  }
  
  .hawk-accordionTitle {
    cursor: pointer;
  }
  
  .hawkfacet-nestedlinklist .hawkFacet-active > a > .hawk-selectionInner,
  .hawkfacet-nestedlinklist .hawkFacet-isInPath > a > .hawk-selectionInner {
    font-weight: bold;
  }
  
  .hawk-collapseState + .hawk-facetgroup.collapse {
    display: none;
  }
  
  .hawk-collapseState + .hawk-facetgroup.collapse.in {
    display: block;
  }
  
  .hawk-facetgroup.collapse + .hawk-facetgroup.collapse {
    display: none;
  }
  
  .hawk-negativeIcon {
    display: block;
    float: right;
    color: #999;
    position: relative;
    right: 0;
    top: 2px;
    margin-left: 10px;
    cursor: pointer;
  }
  
  .hawkFacet-hover > a > .hawk-negativeIcon,
  .hawkFacet-negative > a > .hawk-negativeIcon {
    display: block;
  }
  
  .hawk-negativeIcon:hover {
    color: #444;
  }
  
  .hawkFacet-negative > a > .hawk-selectionInner {
    text-decoration: line-through;
  }
  
  ul.hawk-nestedfacet ul.hawk-facetgroup {
    padding-right: 0;
  }
  
  /* ## current selections ## */
  
  .strike {
    text-decoration: line-through;
  }
  
  .hawk-guidedNavWrapper .hawk-selectedNav {
    background-color: #d5d6d6;
    border-bottom: 1px solid #bdbebe;
  }
  
  .hawk-guidedNavWrapper .hawk-selectedGroup {
    padding: 10px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #bdbebe;
  }
  
  .hawk-guidedNavWrapper .hawk-selectedGroup:first-child {
    border-top: 0;
  }
  
  .hawk-guidedNavWrapper .hawk-selectedGroup .hawkIcon-close {
    font-size: 12px;
    color: #c00;
    cursor: pointer;
  }
  
  .hawk-guidedNavWrapper .hawk-selectedHeading {
    position: relative;
    margin: 0 0 5px 0;
    padding: 0 0 0 10px;
  }
  
  .hawk-guidedNavWrapper .hawk-selectedHeading,
  .hawk-guidedNavWrapper .hawk-selectedHeading a,
  .hawk-guidedNavWrapper .hawk-selectedHeading a:link,
  .hawk-guidedNavWrapper .hawk-selectedHeading a:visited {
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
  }
  
  .hawk-guidedNavWrapper .hawk-selectedGroup ul {
    max-height: none;
    margin: 0;
    overflow: visible;
    background: #f3f3f3;
    border: 1px solid #bdbebe;
  }
  
  .hawk-guidedNavWrapper .hawk-selectedGroup ul a,
  .hawk-guidedNavWrapper .hawk-selectedGroup ul a:link,
  .hawk-guidedNavWrapper .hawk-selectedGroup ul a:visited {
    font-size: 0.9em;
  }
  
  .hawk-guidedNavWrapper .hawk-clearSelected {
    padding: 7px 10px;
    text-align: right;
  }
  
  .hawk-guidedNavWrapper .hawk-clearSelected a,
  .hawk-guidedNavWrapper .hawk-clearSelected a:link,
  .hawk-guidedNavWrapper .hawk-clearSelected a:visited {
    color: #6f6f6f;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
  }
  
  .hawk-guidedNavWrapper .hawk-clearSelected a:hover,
  .hawk-guidedNavWrapper .hawk-clearSelected a:active {
    text-decoration: underline;
  }
  
  /* ## search within ## */
  
  .hawk-guidedNavWrapper .hawk-navGroup .hawk-resultsSearch .hawk-searchWithin {
    position: relative;
    margin-bottom: 5px;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup .hawk-resultsSearch label {
    display: block;
    margin-bottom: 5px;
    color: #000;
    font-size: 0.938em;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup .hawk-resultsSearch input[type="text"] {
    width: 100%;
    padding: 4px 8px;
    font-size: 0.933em;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  .hawk-guidedNavWrapper
    .hawk-navGroup
    .hawk-resultsSearch
    .hawk-searchWithinButton {
    position: absolute;
    top: 2px;
    bottom: 2px;
    right: 2px;
    padding: 5px 7px 0;
    font-size: 14px;
    color: #333;
    background-color: #d0d0d0;
    border-radius: 2px;
    cursor: pointer;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup .hawk-resultsSearch .iconSearch {
    margin: 0;
  }
  
  .hawk-guidedNavWrapper.recentSearches .hawk-navGroup .hawk-clearSelected {
    border: 0 none;
  }
  
  /* ## facet checkbox style ## */
  
  .hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleCheckbox,
  .hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleCheckbox:link,
  .hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleCheckbox:visited {
    position: relative;
    padding-left: 30px;
    padding-right: 25px;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup li .hawk-styleCheckbox:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    color: #295c94;
    font-size: 17px;
    line-height: 16px;
    border: 1px solid #b8b8b8;
    background-color: transparent;
    border-radius: 3px;
  }
  
  .hawk-guidedNavWrapper
    .hawk-navGroup
    li.hawkFacet-hover
    > .hawk-styleCheckbox:before {
    border-color: #8d8b8b;
    content: "\2714";
    background-color: transparent;
  }
  
  .hawk-guidedNavWrapper
    .hawk-navGroup
    li.hawkFacet-active
    > .hawk-styleCheckbox:before {
    content: "\2714";
    border-color: #8d8b8b;
  }
  
  .hawk-guidedNavWrapper
    .hawk-navGroup
    li.hawkFacet-indetermined
    > .hawk-styleCheckbox:before {
    content: "";
  }
  
  .hawk-guidedNavWrapper
    .hawk-navGroup
    li.hawkFacet-indetermined
    > .hawk-styleCheckbox:after {
    content: "";
    position: absolute;
    left: 3px;
    top: 5px;
    width: 6px;
    height: 6px;
    background-color: #295c94;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup li.hawkFacet-active .hawk-rating {
    display: inline-block;
    width: 85px;
    position: relative;
    top: 2px;
  }
  
  /* ## facet swatch and size style ## */
  
  .hawk-guidedNavWrapper .hawk-navGroup .hawkfacet-swatch .value {
    display: none;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup .hawkfacet-swatch li.hawk-navMore,
  .hawk-guidedNavWrapper .hawk-navGroup .hawkfacet-size li.hawk-navMore {
    float: none;
    clear: both;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup .hawkfacet-swatch,
  .hawk-guidedNavWrapper .hawk-navGroup .hawkfacet-size {
    padding: 15px;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup .hawkfacet-swatch li,
  .hawk-guidedNavWrapper .hawk-navGroup .hawkfacet-size li {
    float: left;
    padding: 0;
    margin: 1px;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup .hawk-rangeFacet.hawkfacet-swatch li,
  .hawk-guidedNavWrapper .hawk-navGroup .hawk-rangeFacet.hawkfacet-swatch li {
    float: none;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup .hawkfacet-swatch li,
  .hawk-guidedNavWrapper .hawk-navGroup .size-value:hover {
    color: #999;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleSwatch,
  .hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleSwatch:visited {
    display: inline-block;
    height: 36px;
    width: 36px;
    padding: 0;
    text-align: center;
    overflow: hidden;
    text-shadow: 0 1px 0 #fff;
    display: inline-block;
    color: #333;
    font-weight: bold;
    border: 3px solid #fff;
  }
  
  .hawk-guidedNavWrapper
    .hawk-navGroup
    li
    .hawk-styleSwatch
    .hawk-selectionInner {
    display: block;
    height: 32px;
    width: 32px;
    border: 2px solid #fff;
    overflow: hidden;
  }
  
  .hawk-guidedNavWrapper
    .hawk-navGroup
    li
    .hawk-styleSwatch
    .hawk-selectionInner
    .hawk-swatchColor {
    display: block;
    width: 32px;
    height: 32px;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleBlock,
  .hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleBlock:visited {
    display: inline-block;
    height: 36px;
    min-width: 36px;
    padding: 0;
    text-align: center;
    overflow: hidden;
    text-shadow: 0 1px 0 #fff;
    display: inline-block;
    color: #333;
    font-weight: bold;
    border: 3px solid #fff;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup li .hawk-styleBlock .hawk-selectionInner {
    display: block;
    height: 32px;
    padding: 0 5px;
    line-height: 32px;
    background: #e6e7e8;
    border: 2px solid #fff;
    overflow: hidden;
  }
  
  .hawk-guidedNavWrapper
    .hawk-navGroup
    li
    .hawk-styleBlock
    .hawk-selectionInner
    span {
    color: #333;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup li.hawkFacet-active a.hawk-styleSwatch,
  .hawk-guidedNavWrapper .hawk-navGroup li.hawkFacet-active a.hawk-styleBlock {
    border-color: #e98820;
  }
  
  /* ## embedded clear fix ## */
  
  .hawk-guidedNavWrapper .hawk-navGroup li:before,
  .hawk-guidedNavWrapper .hawk-navGroup li:after {
    content: "";
    display: table;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup li:after {
    clear: both;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup li {
    zoom: 1;
  }
  
  /* ## nav list search ## */
  
  .hawk-guidedNavWrapper .hawk-quickSearch label {
    display: block;
    margin: 0 0 2px 0;
    font-size: 0.875em;
  }
  
  .hawk-guidedNavWrapper .hawk-quickSearch {
    margin-bottom: 5px;
  }
  
  .hawk-guidedNavWrapper .hawk-quickSearch input[type="text"] {
    width: 100%;
    padding: 4px 8px;
    font-size: 0.933em;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  /* ## facet Slider Styles ## */
  
  .hawk-slideFacet {
    display: block;
    position: relative;
    margin: 3px 5px;
  }
  
  .hawk-slideFacet .slider-clear {
    font-size: 0.95em;
    float: right;
    clear: both;
    cursor: pointer;
  }
  
  .hawk-slideFacet .slider-min-value {
    float: left;
    display: block;
    position: relative;
    height: 15px;
    color: #000;
    font-size: 16px;
    text-align: left;
    padding-top: 2px;
    font-weight: normal;
  }
  
  .hawk-slideFacet .slider-cur-value {
    float: left;
    display: block;
    position: absolute;
    left: 45px;
    height: 15px;
    color: #000;
    font-size: 11px;
    text-align: right;
    padding-top: 2px;
    font-weight: normal;
  }
  
  .hawk-slideFacet .slider-max-value {
    float: right;
    display: block;
    position: relative;
    height: 15px;
    color: #000;
    font-size: 16px;
    text-align: right;
    padding-top: 2px;
    font-weight: normal;
  }
  
  .hawk-slideFacet .slider-start-value {
    float: left;
    display: block;
    position: relative;
    height: 15px;
    color: #868686;
    font-size: 11px;
    text-align: left;
    padding-top: 2px;
  }
  
  .hawk-slideFacet .slider-end-value {
    float: right;
    display: block;
    position: relative;
    height: 15px;
    color: #868686;
    font-size: 11px;
    text-align: right;
    padding-top: 2px;
  }
  
  .hawk-slideFacet .ui-widget-header {
    background: #084e8a;
  }
  
  .hawk-slideFacet .ui-slider {
    position: relative;
    text-align: left;
  }
  
  .hawk-slideFacet .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
  }
  
  .hawk-slideFacet .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    display: block;
    border: 0;
    background-position: 0 0;
  }
  
  .hawk-slideFacet .ui-slider .ui-slider-single {
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    display: block;
    border: 0;
    background-position: 0 0;
  }
  
  .hawk-slideFacet .ui-slider-horizontal {
    height: 0.8em;
  }
  
  .hawk-slideFacet .ui-slider-horizontal .ui-slider-handle {
    top: -4px;
    width: 22px;
    height: 22px;
    margin-left: -11px;
    padding: 0;
    z-index: 12;
    background: #dedede;
    border: 4px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: -webkit-grab;
    cursor: grab;
    box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.2);
  }
  
  .hawk-slideFacet .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
  }
  
  .hawk-slideFacet .ui-slider-horizontal .ui-slider-single {
    top: 0;
    height: 100%;
  }
  
  .hawk-slideFacet .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
  }
  
  .hawk-slideFacet .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
  }
  
  .hawk-slideFacet .ui-slider-horizontal .ui-slider-single-min {
    left: 0;
  }
  
  .hawk-slideFacet .ui-slider-horizontal .ui-slider-single-max {
    right: 0;
  }
  
  .hawk-slideFacet .ui-slider-horizontal .ui-slider-single-cur {
    left: 0;
  }
  
  .hawk-slideFacet .ui-slider-vertical {
    width: 0.8em;
    height: 100px;
  }
  
  .hawk-slideFacet .ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom: -0.6em;
  }
  
  .hawk-slideFacet .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
  }
  
  .hawk-slideFacet .ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
  }
  
  .hawk-slideFacet .ui-slider-vertical .ui-slider-range-max {
    top: 0;
  }
  
  .hawk-slideFacet .ui-slider-vertical .ui-slider-single {
    left: 0;
    width: 100%;
  }
  
  .hawk-slideFacet .ui-slider-vertical .ui-slider-single-min {
    bottom: 0;
  }
  
  .hawk-slideFacet .ui-slider-vertical .ui-slider-single-max {
    top: 0;
  }
  
  .hawk-slideFacet .ui-slider-vertical .ui-slider-single-cur {
    bottom: 0;
  }
  
  .hawk-slideFacet .hawk-slideRange {
    margin-bottom: 10px;
    background: #ccc;
  }
  
  .hawk-slideFacet #slider-single {
    margin-bottom: 10px;
  }
  
  /* .hawk-slideFacet #slider-single a.handle {
    cursor: pointer;
    background: url(" /images/layout/leftslider.png") 50% 50% no-repeat;
    border: none;
    padding: 0;
    width: 15px;
    height: 19px;
    z-index: 12;
  } */
  
  .hawk-slideFacet .hawk-sliderNumeric {
    margin-bottom: 10px;
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: space-between;
  }
  .hawk-slideFacet .hawk-sliderNumeric input {
    display: inline-block;
    position: relative;
    width: 45%;
  }
  
  .hawk-slideFacet .hawk-sliderNumeric .hawk-numericInput {
    width: 80px;
  }
  
  .hawk-slideFacet .hawk-sliderNumeric .hawk-numericInput.numeric-from {
    float: left;
  }
  
  .hawk-slideFacet .hawk-sliderNumeric .hawk-numericInput.numeric-to {
    float: right;
  }
  
  /* ## Content Display ## */
  
  #hawkitemlist .hawk-contentItem:first-child {
    padding-top: 0;
    border-top: 0;
  }
  
  #hawkitemlist .hawk-contentItem {
    display: table;
    width: 100%;
    padding: 1em 0;
    border-top: 1px solid #cccccc;
  }
  
  #hawkitemlist .hawk-contentWrapper {
    padding: 10px;
  }
  
  #hawkitemlist .hawk-contentTitle {
    margin-bottom: 10px;
  }
  
  #hawkitemlist .hawk-contentCaption {
    font-size: 0.875em;
  }
  
  /* Rating*/
  
  .hawk-listingRating {
    text-align: center;
    width: 115px;
    margin: 0 0 10px 2px;
  }
  
  .hawk-listingRating .hawk-rating {
    float: left;
    width: 85px;
  }
  
  .hawk-rating {
    background-image: url(./../images/stars_small.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    height: 15px;
    margin-left: 0px;
    position: relative;
    width: 85px;
    margin-bottom: 10px;
  }
  
  .hawk-ratingDecimal {
    height: 15px;
    padding: 0 3px;
    color: #fff;
    font-size: 12px;
    vertical-align: top;
    background-color: #414142;
  }
  
  .hawk-rated5 {
    background-position: 1px -180px;
  }
  
  .hawk-rated45 {
    background-position: 1px -162px;
  }
  
  .hawk-rated4 {
    background-position: 1px -144px;
  }
  
  .hawk-rated35 {
    background-position: 1px -126px;
  }
  
  .hawk-rated3 {
    background-position: 1px -108px;
  }
  
  .hawk-rated25 {
    background-position: 1px -90px;
  }
  
  .hawk-rated2 {
    background-position: 1px -72px;
  }
  
  .hawk-rated15 {
    background-position: 1px -54px;
  }
  
  .hawk-rated1 {
    background-position: 1px -36px;
  }
  
  .hawk-rated05 {
    background-position: 1px -18px;
  }
  
  /* ## responsive media-queries ## */
  
  @media only screen and (max-width: 767px) {
    #hawkfacets {
      position: static;
      top: 0;
    }
  
    .hawk-railNavHeading {
      position: relative;
      margin-bottom: 15px;
      cursor: pointer;
    }
  
    .hawk-railNavHeading:after {
      position: absolute;
      right: 0;
      bottom: 0;
      display: block;
      content: "";
      border: 15px solid #35200c;
      border-bottom: 15px solid #f37624;
      border-right: 0;
      border-top: 0;
      height: 0;
      width: 0;
    }
  
    .hawk-railNavHeadingActive {
      margin-bottom: 0;
    }
  
    .hawk-railNavHeading span {
      padding: 0 0 0 15px;
    }
  
    .hawk-railNavHeading a,
    .hawk-railNavHeading a:link,
    .hawk-railNavHeading a:visited {
      color: #fff;
      text-decoration: none;
    }
  
    .hawk-railNavHeading a:hover,
    .hawk-railNavHeading a:active {
      color: #fff;
      text-decoration: none;
    }
  
    .hawkRailNav {
      display: none;
      overflow: hidden;
    }
  
    .hawk-notCollapsed {
      display: block;
    }
  
    .hawk-guidedNavWrapper {
      margin-bottom: -2px;
      border-bottom: 1px solid #fff;
    }
  
    .hawk-guidedNavWrapper hawk-navGroup .hawk-groupHeading {
      position: relative;
      cursor: pointer;
    }
  
    /* ## overwrite default collapse mode ## */
  
    .hawk-guidedNavWrapper .hawk-collapsed .hawk-navGroupContent {
      position: static;
      left: 0;
    }
  
    /* ## Use special responsive collapse styles ## */
  
    .hawk-guidedNavWrapper .hawk-navGroup .hawk-groupHeading:after {
      display: block;
      content: "\2b";
    }
  
    .hawk-guidedNavWrapper .hawk-notCollapsed .hawk-groupHeading:after {
      content: "\2212";
    }
  
    .hawk-guidedNavWrapper .hawk-navGroup .hawk-navGroupContent {
      display: none;
    }
  
    .hawk-guidedNavWrapper .hawk-notCollapsed .hawk-navGroupContent {
      display: block;
    }
  
    /* ## small device facet list style ## */
  
    .hawk-guidedNavWrapper .hawk-navGroup ul {
      padding: 0;
      list-style-type: none;
    }
  
    .hawk-guidedNavWrapper .hawk-navGroup ul.hawk-scrollList:before,
    .hawk-guidedNavWrapper .hawk-navGroup ul.hawk-scrollList:after {
      content: "";
      display: table;
    }
  
    .hawk-guidedNavWrapper .hawk-navGroup ul.hawk-scrollList:after {
      clear: both;
    }
  
    .hawk-guidedNavWrapper .hawk-navGroup ul.hawk-scrollList {
      max-height: none !important;
      height: auto !important;
      list-style-type: none;
      overflow-y: visible;
      zoom: 1;
    }
  
    .hawk-guidedNavWrapper .hawk-navGroup li {
      position: relative;
      height: auto;
      margin: 1px;
      padding: 0;
    }
  
    .hawk-guidedNavWrapper .hawk-navGroup li a,
    .hawk-guidedNavWrapper .hawk-navGroup li a:visited {
      display: block;
      padding: 1em;
      border-top: 1px solid #e0dfdf;
    }
  
    .hawk-guidedNavWrapper .hawk-navGroup li:first-child a.hawk-styleList {
      border-top: 0;
    }
  
    .hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleCheckbox,
    .hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleCheckbox:link,
    .hawk-guidedNavWrapper .hawk-navGroup li a.hawk-styleCheckbox:visited {
      position: relative;
      padding-left: 30px;
    }
  
    .hawk-guidedNavWrapper .hawk-navGroup li .hawk-styleCheckbox:before {
      left: 10px;
      top: 50%;
      margin-top: -6px;
    }
  
    .hawk-guidedNavWrapper .hawk-navGroup li.hawk-navMore span {
      display: inline-block;
      cursor: pointer;
    }
  
    /* ## selections ##*/
  
    .hawk-guidedNavWrapper .hawk-selectedGroup ul {
      padding: 0;
      background: none;
      border: 0;
    }
  
    .hawk-guidedNavWrapper .hawk-selectedGroup ul li {
      display: inline-block;
      margin: 5px;
    }
  
    .hawk-guidedNavWrapper .hawk-selectedGroup ul a,
    .hawk-guidedNavWrapper .hawk-selectedGroup ul a:link,
    .hawk-guidedNavWrapper .hawk-selectedGroup ul a:visited {
      padding: 0.75em 1em;
      background: #f3f3f3;
    }
  
    .hawk-itemPaging span:nth-child(4) {
      display: none;
    }
  
    .hawk-viewOption {
      display: inline-block;
      width: 100%;
      text-align: center;
      padding-top: 10px;
    }
  
    /* ## Custom ##*/
  }
  
  @media only screen and (max-width: 481px) {
    #hawktoppager .hawk-itemPaging span.hawk-pageItem {
      display: none;
    }
  
    #hawktoppager .hawk-itemPaging span.hawk-pageItem:last-child {
      display: none;
    }
  
    .hawk-itemPaging span:last-child {
      display: inline;
    }
  
    .hawk-listingControls .hawk-pagination {
      float: none;
      width: 75%;
    }
  
    #hawkbottompager .hawk-listingControls .hawk-paging {
      float: none;
      text-align: center;
      padding-bottom: 5px;
    }
  
    .hawk-sortWrapper .sortList,
    .hawk-listingControls .hawk-pagination .hawk-viewNumber {
      padding: 0px;
      margin: 0px;
    }
  
    .hawk-viewNumber select {
      margin-left: 7px;
    }
  
    .hawk-listingControls .hawk-mainControls {
      padding-left: 4px;
      padding-right: 4px;
    }
  
    #hawkbottompager .hawk-pagination {
      display: none;
    }
  
    #hawktoppager .hawk-listingControls .hawk-paging {
      padding-top: 18px;
    }
  
    .hawk-pagination select {
      width: 115px;
    }
  }
  
  /* preview info*/
  .banner-container,
  .featured-container {
    position: relative;
    width: 100%;
  }
  
  .featured-container .preview-info {
    right: 0;
  }
  
  .hawk-itemPinned .preview-info {
    cursor: move;
  }
  
  .no-sortable {
    cursor: pointer !important;
  }
  
  .preview-info {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    background-color: #fef087;
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    cursor: normal;
    z-index: 100;
    font-size: 12px;
  }
  
  .preview-info.hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  
  .preview-info.preview-info-icon {
    width: 30px;
    height: 30px;
    background-image: url("../images/question.gif");
    background-repeat: no-repeat;
    background-position: 3px 3px;
  }
  
  .preview-info.explain-info {
    padding: 3px;
  }
  
  .preview-info.explain-info .hawkIcon-pin,
  .preview-info.explain-info .hawkIcon-unpin {
    cursor: pointer;
  }
  
  .hawkIcon-itemPinned {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(./../images/red_pin_32.png) no-repeat 0 0;
    position: absolute;
    top: -16px;
    right: -29px;
  }
  
  .hawkIcon-itemPinned .hawk-unpinItem {
    display: inline-block;
  }
  
  .hawk-itemPinned .hawk-addItemToTop {
    display: none;
  }
  
  .preview-tip .popover-content {
    text-align: left;
    min-width: 175px;
  }
  
  .banner-tip {
    width: 200px;
  }
  
  .trigger-tip .trigger-name {
    font-weight: bold;
    padding-top: 5px;
  }
  
  .trigger-tip .rule {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #e7bea2;
  }
  
  .trigger-tip .rule .condition {
    text-transform: uppercase;
    color: #abc;
  }
  
  .trigger-tip .rule .connector {
    text-transform: uppercase;
    color: red;
  }
  
  .trigger-tip .rule .field,
  .trigger-tip .rule .value {
    text-decoration: underline;
    -webkit-text-decoration-style: dotted;
    -ms-text-decoration-style: dotted;
    -o-text-decoration-style: dotted;
    text-decoration-style: dotted;
  }
  
  .clearfix {
    *zoom: 1;
  }
  
  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
    line-height: 0;
  }
  
  .clearfix:after {
    clear: both;
  }
  
  .hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  
  .input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    box-sizing: border-box;
  }
  .hawk-modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
  }
  
  .hawk-modal-backdrop.fade {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  
  .hawk-modal-backdrop,
  .hawk-modal-backdrop.fade.in {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
  }
  
  .modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    background-clip: padding-box;
    outline: none;
  }
  
  .bootbox {
    background-color: transparent;
    width: 656px;
    max-width: 100%;
    margin-left: -328px;
  }
  
  @media (max-width: 655px) {
    .bootbox {
      left: 0;
      margin-left: 0;
    }
  }
  
  .modal.fade {
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out;
    top: -25%;
  }
  
  .modal.fade.in {
    top: 10%;
  }
  
  .modal-header {
    padding: 9px 0;
    border-bottom: 1px solid #e5e5e5;
    background-color: #f7f7f7;
    min-height: 16.42857143px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  
  .modal-header .close {
    margin-top: 2px;
  }
  
  .modal-header h3 {
    margin: 0;
    line-height: 30px;
  }
  
  .modal-header h4 {
    margin: 0;
    line-height: 30px;
  }
  
  .modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 400px;
    padding: 15px;
  }
  
  .modal-form {
    margin-bottom: 0;
  }
  
  .modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-radius: 0 0 6px 6px;
    box-shadow: inset 0 1px 0 #ffffff;
    *zoom: 1;
  }
  
  .modal-footer:before,
  .modal-footer:after {
    display: table;
    content: "";
    line-height: 0;
  }
  
  .modal-footer:after {
    clear: both;
  }
  
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
  }
  
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
  }
  
  .modal-footer .btn-block + .btn-block {
    margin-left: 0;
  }
  
  .bootbox-close-button {
    padding: 0;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: 0;
    float: right;
    font-size: 40px;
    line-height: 28px;
    font-weight: bold;
    color: #fff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    font-family: initial;
  }
  
  .bootbox .tab-content {
    padding: 20px;
    max-height: 260px;
    overflow-y: auto;
  }
  
  .bootbox .modal-header {
    padding: 15px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e37325+0,ffb25b+100 */
    background: #e37325; /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(
      left,
      #e37325 0%,
      #ffb25b 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to right,
      #e37325 0%,
      #ffb25b 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e37325', endColorstr='#ffb25b',GradientType=1 ); /* IE6-9 */
    border-bottom: 0;
  }
  
  .bootbox .tab-links {
    background-color: #3f4044;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  @media (max-width: 655px) {
    .bootbox .tab-links {
      display: block;
    }
  }
  
  .bootbox .tab-links li {
    float: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  
  .bootbox .modal-footer .btn-primary {
    display: block;
    margin: 0;
    padding: 11.5px 5px;
    font-size: 15px;
    font-weight: normal;
    color: #fff;
    background-color: #e37325;
    border: none;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    overflow: visible;
    border-radius: 4px;
    width: 125px;
    max-width: 100%;
    float: right;
  }
  
  .bootbox .tab-links a {
    border-radius: 0;
    color: #d8d8d8;
    margin-right: 0;
    font-size: 18px !important;
    padding: 11.5px 15px;
    font-weight: 500;
  }
  
  .bootbox .tab-links a:hover {
    color: #3f4044;
  }
  
  .bootbox .tab-links .active a {
    color: #3f4044;
    font-weight: bold;
  }
  
  .bootbox .modal-body {
    padding: 0;
    background-color: #fff;
  }
  
  .bootbox .modal-title {
    margin: 0;
    line-height: 1.4;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
  }
  
  .hawkNoResults .hawkNoResultsLabel {
    font-weight: bold;
    padding-top: 1em;
    padding-right: 0px;
    padding-bottom: 0.5em;
    padding-left: 0px;
  }
  
  .hawkNoResults .hawkNoResultsKeyword {
    font-weight: bold;
    padding-bottom: 1em;
  }
  
  .hawk-facet-tooltip {
    cursor: pointer;
  }
  
  .hawk-facet-tooltip-content {
    display: none;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup li a:hover {
    color: #f47b20;
  }
  
  #hawk-backToTop {
    display: none;
    cursor: pointer;
    z-index: 9999;
    position: fixed;
    bottom: 70px;
    right: 10px;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  }
  
  #hawk-backToTop.hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  }
  
  /* # Recommendations */
  
  .hawk-recommendation {
    text-align: center;
    position: relative;
  }
  
  .hawk-recommendation .hawk-recommendation-inner {
    display: block;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    position: relative;
  }
  
  .hawk-recommendation .hawk-recommendation-inner .hawk-recommendation-list {
    margin: 0;
    padding: 0;
  }
  
  .hawk-recommendation.hawk-recommendation-horizontal
    .hawk-recommendation-inner
    .hawk-recommendation-item {
    width: 161px;
    float: left;
  }
  
  .hawk-recommendation.hawk-recommendation-vertical
    .hawk-recommendation-inner
    .hawk-recommendation-item {
    width: 161px;
    margin: 0;
    padding: 0;
  }
  
  .hawk-recommendation .hawk-carousel-next,
  .hawk-recommendation .hawk-carousel-prev {
    display: inline-block;
    height: 38px;
    width: 38px;
    padding: 0;
    color: #000;
    text-decoration: none;
    font-size: 1.8em;
    background: none;
    border: none;
    z-index: 10;
    cursor: pointer;
  }
  
  .hawk-recommendation .hawk-recommendation-inner.has-arrows {
    padding: 0 40px;
  }
  
  .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-next,
  .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-prev {
    position: absolute;
    top: 50%;
    margin-top: -19px;
  }
  
  .hawk-recommendation .hawk-carousel-next.slick-disabled,
  .hawk-recommendation .hawk-carousel-prev.slick-disabled {
    display: none !important;
  }
  
  .hawk-recommendation .hawk-carousel-next > span,
  .hawk-recommendation .hawk-carousel-prev > span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-next {
    right: -30px;
  }
  
  .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-prev {
    left: -30px;
  }
  
  .hawk-recommendation.hawk-recommendation-vertical .has-arrows {
    padding: 30px 0;
  }
  
  .hawk-recommendation.hawk-recommendation-vertical .hawk-carousel-prev,
  .hawk-recommendation.hawk-recommendation-vertical .hawk-carousel-next {
    position: absolute;
    left: 50%;
    margin-left: -19px;
  }
  
  .hawk-recommendation.hawk-recommendation-vertical .hawk-carousel-prev {
    position: absolute;
    top: -40px;
  }
  
  .hawk-recommendation.hawk-recommendation-vertical .hawk-carousel-next {
    position: absolute;
    bottom: 0;
  }
  
  .hawk-recommendation .hawk-carousel-next:before,
  .hawk-recommendation .hawk-carousel-prev:after {
    font-family: "hawksearch";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .hawk-recommendation del {
    display: block;
  }
  
  .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-next:before {
    content: "\e606";
  }
  
  .hawk-recommendation.hawk-recommendation-horizontal .hawk-carousel-prev:after {
    content: "\e603";
  }
  
  .hawk-recommendation.hawk-recommendation-vertical .hawk-carousel-next:before {
    content: "\e604";
  }
  
  .hawk-recommendation.hawk-recommendation-vertical .hawk-carousel-prev:after {
    content: "\e605";
  }
  
  .hawk-recommendation.hawk-recommendation-vertical .has-dots .slick-dots {
    position: absolute;
    bottom: -30px;
  }
  
  .hawk-recommendation.hawk-recommendation-vertical
    .has-dots
    .hawk-carousel-next {
    bottom: -40px;
  }
  
  .hawk-recommendation.hawk-recommendation-vertical
    .has-dots.vertical-dots
    .slick-dots {
    width: 20px;
    top: 50px;
    right: -2px;
  }
  
  .hawk-recommendation.hawk-recommendation-vertical
    .has-dots.vertical-dots
    .slick-dots
    li {
    display: block;
    margin: 0;
  }
  
  .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }
  
  .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  
  .slick-list:focus {
    outline: none;
  }
  
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
  }
  
  .slick-slider .slick-track,
  .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  
  .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
  }
  
  .slick-track:before,
  .slick-track:after {
    display: table;
    content: "";
  }
  
  .slick-track:after {
    clear: both;
  }
  
  .slick-loading .slick-track {
    visibility: hidden;
  }
  
  .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
  }
  
  [dir="rtl"] .slick-slide {
    float: right;
  }
  
  .slick-slide img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
  }
  
  .slick-slide.slick-loading img {
    display: none;
  }
  
  .slick-slide.dragging img {
    pointer-events: none;
  }
  
  .slick-initialized .slick-slide {
    display: block;
  }
  
  .slick-loading .slick-slide {
    visibility: hidden;
  }
  
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
  }
  
  .slick-dots {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
  }
  
  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
  }
  
  .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
  }
  
  .slick-dots li button:hover,
  .slick-dots li button:focus {
    outline: none;
  }
  
  .slick-dots li button:hover:before,
  .slick-dots li button:focus:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  
  .slick-dots li button:before {
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: 0.25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .slick-dots li.slick-active button:before {
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    color: #f37624;
  }
  
  /* smartbug datetimepicker preview */
  .smartbug-datepicker-wrapper {
    float: none !important;
    padding: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 20px;
  }
  
  .smartbug-datepicker-wrapper input {
    height: 44px !important;
    box-shadow: none !important;
  }
  
  .smartbug-datepicker-wrapper .input-group-addon,
  .smartbug-datepicker-wrapper .input-go {
    background-color: #fff !important;
    padding: 0 18px !important;
    font-size: 1.4em !important;
  }
  
  .smartbug-datepicker-wrapper .well {
    display: inline-block;
    vertical-align: top;
  }
  
  .smartbug-datepicker-wrapper .icon-play {
    font-size: 15px !important;
  }
  
  .smartbug-datepicker-wrapper .description {
    font-size: 16px;
    padding: 2px;
    display: inline-block;
  }
  
  .smartbug-datepicker-wrapper .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
  }
  
  .smartbug-datepicker-wrapper input {
    border-radius: 4px 0 0 4px;
    display: table-cell;
    position: relative;
    z-index: 2;
    float: left;
    margin-bottom: 0;
    height: 24px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    padding: 1px 5px 1px 15px !important;
  }
  
  .smartbug-datepicker-wrapper .input-group-addon,
  .smartbug-datepicker-wrapper .input-go {
    cursor: pointer;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #000;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    border-collapse: separate;
    border-left-width: 0;
  }
  
  .smartbug-datepicker-wrapper .input-go {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  
  .smartbug-datepicker-wrapper .input-go--small {
    padding: 0 10px !important;
  }
  
  .smartbug-datepicker-wrapper .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-collapse: separate;
  }
  
  .bootstrap-datetimepicker-widget {
    background-color: #fff;
    position: fixed;
    z-index: 99999;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  
  #hawksmartbug {
    position: relative;
  }
  
  .bootstrap-datetimepicker-widget .list-unstyled {
    padding-left: 0;
    list-style: none;
  }
  
  .bootstrap-datetimepicker-widget .collapse {
    display: none;
    visibility: hidden;
  }
  
  .bootstrap-datetimepicker-widget .collapse.in {
    display: block;
    visibility: visible;
  }
  
  .bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
  }
  
  .bootstrap-datetimepicker-widget .picker-switch:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens";
  }
  
  .bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
  }
  
  .bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
  }
  
  .bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px;
    color: #000;
  }
  
  .bootstrap-datetimepicker-widget .datepicker-years span {
    padding-left: 0;
    width: 74px;
    text-align: center;
  }
  
  .bootstrap-datetimepicker-widget .btn-primary {
    font-size: 18px;
    padding: 4px 10px;
    border-radius: 4px;
  }
  
  /*!
   * Datetimepicker for Bootstrap 3
   * ! version : 4.7.14
   * https://github.com/Eonasdan/bootstrap-datetimepicker/
   */
  .bootstrap-datetimepicker-widget {
    list-style: none;
  }
  
  .bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px 0;
    padding: 4px;
    width: 19em;
  }
  
  @media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
      width: 38em;
    }
  }
  
  @media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
      width: 38em;
    }
  }
  
  @media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
      width: 38em;
    }
  }
  
  .bootstrap-datetimepicker-widget.dropdown-menu:after,
  .bootstrap-datetimepicker-widget.dropdown-menu:before {
    content: "";
    display: inline-block;
    position: absolute;
  }
  
  .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px;
  }
  
  .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    left: 8px;
  }
  
  .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px;
  }
  
  .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    bottom: -6px;
    left: 7px;
  }
  
  .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
  }
  
  .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
  }
  
  .bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
  }
  
  .bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
  }
  
  .bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none;
  }
  
  .bootstrap-datetimepicker-widget .timepicker-hour,
  .bootstrap-datetimepicker-widget .timepicker-minute,
  .bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: 700;
    font-size: 1.2em;
    margin: 0;
  }
  
  .bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
  }
  
  .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
    content: "Increment Hours";
  }
  
  .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
    content: "Increment Minutes";
  }
  
  .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours";
    content: "Decrement Hours";
  }
  
  .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes";
    content: "Decrement Minutes";
  }
  
  .bootstrap-datetimepicker-widget .btn[data-action="showHours"]:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
  }
  
  .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
  }
  
  .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM";
  }
  
  .bootstrap-datetimepicker-widget .btn[data-action="clear"]:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker";
  }
  
  .bootstrap-datetimepicker-widget .btn[data-action="today"]:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today";
  }
  
  .bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
  }
  
  .bootstrap-datetimepicker-widget .picker-switch:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens";
  }
  
  .bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit;
  }
  
  .bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
  }
  
  .bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
  }
  
  .bootstrap-datetimepicker-widget table td,
  .bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 4px;
  }
  
  .bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px;
  }
  
  .bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px;
  }
  
  .bootstrap-datetimepicker-widget table th.disabled,
  .bootstrap-datetimepicker-widget table th.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed;
  }
  
  .bootstrap-datetimepicker-widget table th.prev:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month";
  }
  
  .bootstrap-datetimepicker-widget table th.next:after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month";
  }
  
  .bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
  }
  
  .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #eee;
  }
  
  .bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px;
  }
  
  .bootstrap-datetimepicker-widget table td.cw {
    font-size: 0.8em;
    height: 20px;
    line-height: 20px;
    color: #777;
  }
  
  .bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px;
  }
  
  .bootstrap-datetimepicker-widget table td.day:hover,
  .bootstrap-datetimepicker-widget table td.hour:hover,
  .bootstrap-datetimepicker-widget table td.minute:hover,
  .bootstrap-datetimepicker-widget table td.second:hover {
    background: #eee;
    cursor: pointer;
  }
  
  .bootstrap-datetimepicker-widget table td.new,
  .bootstrap-datetimepicker-widget table td.old {
    color: #777;
  }
  
  .bootstrap-datetimepicker-widget table td.today {
    position: relative;
  }
  
  .bootstrap-datetimepicker-widget table td.today:before {
    content: "";
    display: inline-block;
    border: 0 solid transparent;
    border-bottom-color: #f37624;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
  }
  
  .bootstrap-datetimepicker-widget table td.active,
  .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #f37624;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  }
  
  .bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff;
  }
  
  .bootstrap-datetimepicker-widget table td.disabled,
  .bootstrap-datetimepicker-widget table td.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed;
  }
  
  .bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px;
  }
  
  .bootstrap-datetimepicker-widget table td span:hover {
    background: #eee;
  }
  
  .bootstrap-datetimepicker-widget table td span.active {
    background-color: #f37624;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  }
  
  .bootstrap-datetimepicker-widget table td span.old {
    color: #777;
  }
  
  .bootstrap-datetimepicker-widget table td span.disabled,
  .bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed;
  }
  
  .bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
  }
  
  .input-group.date .input-group-addon {
    cursor: pointer;
  }
  
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  
  .bootstrap-datetimepicker-widget .picker-switch td span {
    padding: 0;
    height: 1.5em;
    color: #000;
  }
  
  .bootstrap-datetimepicker-widget table td {
    height: 28px;
    line-height: 28px;
  }
  
  .bootstrap-datetimepicker-widget .timepicker-picker span {
    height: 28px;
    line-height: 28px;
    color: #000;
    padding: 0;
    text-align: center;
  }
  
  .bootstrap-datetimepicker-widget table td a.btn {
    line-height: 0;
    background-color: transparent;
  }
  
  .bootstrap-datetimepicker-widget .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "hawksearch";
    color: #000;
    font-style: normal;
    font-weight: 400;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 0;
    padding-right: 0;
    width: auto !important;
  }
  
  .bootstrap-datetimepicker-widget .glyphicon-chevron-up:before {
    content: "\e605";
  }
  
  .bootstrap-datetimepicker-widget .glyphicon-chevron-down:before {
    content: "\e604";
  }
  
  .bootstrap-datetimepicker-widget .glyphicon-chevron-left:before {
    content: "\e603";
  }
  
  .bootstrap-datetimepicker-widget .glyphicon-chevron-right:before {
    content: "\e606";
  }
  
  .smartbug-datepicker-wrapper .icon {
    font-family: "hawksearch";
    color: #000;
    font-style: normal;
    line-height: 0.9;
  }
  
  .bootstrap-datetimepicker-widget .glyphicon-calendar {
    font-size: 16px;
  }
  
  .smartbug-datepicker-wrapper .icon-play {
    font-size: 10px;
  }
  
  .smartbug-datepicker-wrapper .icon-calendar:before,
  .bootstrap-datetimepicker-widget .glyphicon-calendar:before {
    content: "\e60c";
  }
  
  .bootstrap-datetimepicker-widget .glyphicon-time:before {
    font-size: 16px;
    content: "\e60d";
  }
  
  .smartbug-datepicker-wrapper .icon-play:before {
    content: "\e60e";
  }
  
  .hawk-itemWrapper-placeholder {
    border: 2px dashed #808080 !important;
    margin: 10px 10px;
  }
  
  .hawk-compare .hawk-compare-th {
    width: 170px;
    background: none repeat scroll 0 0 #f3f3f3;
    font-weight: bold;
    list-style-type: none;
  }
  
  .hawk-compare .hawk-compare-item-td {
    padding-top: 8px;
    padding-bottom: 8px;
    width: 200px;
    padding-left: 2px;
  }
  
  .hawk-compare .hawk-compare-header-td {
    width: 170px;
  }
  
  .hawk-compare .itemButtons {
    display: none;
  }
  
  .hawk-compare {
    text-align: center;
  }
  
  /*Compare hawkmodal*/
  .hawk-preview.hawk-compare.modal .modal-body {
    height: 520px;
    width: 1200px;
    padding: 0px;
    max-height: none;
  }
  
  .bootbox.modal.fade.hawk-preview.hawk-compare.in {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -350px;
    margin-left: -600px;
    width: 1200px;
    min-width: fit-content;
  }
  
  .bootbox .tab-top-cols {
    background: #e37325; /* Old browsers */ /* FF3.6-15 */
    background: -webkit-linear-gradient(
      left,
      #e37325 0%,
      #ffb25b 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to right,
      #e37325 0%,
      #ffb25b 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e37325', endColorstr='#ffb25b',GradientType=1 ); /* IE6-9 */
    padding: 0 5px 15px;
  }
  
  .bootbox .tabs {
    max-height: 310px;
  }
  
  .bootbox .tab-top-cols .tab-top-cols__text {
    color: #fff;
    font-size: 16px;
    margin: 0 0 5px;
  }
  
  .onoffswitch-container {
    margin-top: 4px;
    margin-left: 7px;
    display: inline-block;
  }
  
  .onoffswitch {
    position: relative;
    width: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
  }
  
  .onoffswitch-checkbox {
    display: none;
  }
  
  .onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: none;
    border-radius: 50px;
    border-color: #adadad #b3b3b3 #9e9e9e;
    box-sizing: content-box;
    padding-left: 0;
  }
  
  .onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    display: block;
  }
  
  .onoffswitch-inner:after,
  .onoffswitch-inner:before {
    float: left;
    width: 50%;
    height: 19px;
    padding: 0;
    line-height: 15px;
    font-size: 10px;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: 700;
    box-sizing: border-box;
  }
  
  .onoffswitch-inner:before {
    content: "";
    text-shadow: 0 -1px 0 #333;
    padding-left: 7px;
    background-color: #4bd964;
    color: #fff;
    box-shadow: none;
    text-align: left;
  }
  
  .onoffswitch-inner:after {
    content: "";
    padding-right: 7px;
    text-shadow: 0 -1px 0 #fff;
    background-color: #de3618;
    color: #555;
    text-align: right;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  }
  
  .onoffswitch-switch {
    width: 16px;
    height: 16px;
    margin: 0;
    background: #fff;
    border: 1px solid #9a9a9a;
    border-radius: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    box-sizing: content-box;
    background-color: #f4f4f4;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: -webkit-gradient(
      linear,
      top left,
      bottom left,
      from(#fff),
      to(#eee)
    );
    background-image: linear-gradient(to bottom, #fff, #eee);
    background-repeat: repeat-x;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
  }
  
  .onoffswitch-checkbox + .onoffswitch-label .onoffswitch-switch:before,
  .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before {
    content: "";
    color: #a90329;
    display: block;
    text-align: center;
    line-height: 15px;
    font-size: 10px;
    text-shadow: 0 -1px 0 #fff;
    font-weight: 700;
    font-family: HawkSearch;
  }
  
  .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before {
    content: "";
    color: #008800;
  }
  
  .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
    display: block;
  }
  
  .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0;
  }
  
  .onoffswitch-switch:hover {
    background-color: #eee;
  }
  
  .onoffswitch-switch:active {
    background-color: #eee;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  }
  
  .onoffswitch-checkbox:checked:disabled
    + .onoffswitch-label
    .onoffswitch-inner:before,
  .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-inner:after {
    text-shadow: 0 1px 0 #fff;
    background: #bfbfbf;
    color: #333;
  }
  
  .onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-switch,
  .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-switch {
    background-color: #f4f4f4;
    background-image: -webkit-gradient(
      linear,
      0 0,
      0 100%,
      from(#bfbfbf),
      to(#f4f4f4)
    );
    background-image: -webkit-linear-gradient(top, #bfbfbf, #f4f4f4);
    background-image: -webkit-gradient(
      linear,
      top left,
      bottom left,
      from(#bfbfbf),
      to(#f4f4f4)
    );
    background-image: linear-gradient(to bottom, #bfbfbf, #f4f4f4);
    box-shadow: none !important;
  }
  
  .onoffswitch-checkbox:checked:disabled + .onoffswitch-label .onoffswitch-label,
  .onoffswitch-checkbox:disabled + .onoffswitch-label {
    border-color: #ababab #999 #878787 !important;
  }
  
  .onoffswitch-checkbox:checked + .onoffswitch-label {
    border-color: #555555 #555555 #555555;
  }
  
  .onoffswitch + span,
  .onoffswitch-title {
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
  }
  
  span.hawk-customBannerTitle {
    font-weight: 700;
  }
  
  .smartbug-datepicker-wrapper .input {
    border-radius: 4px 0 0 4px;
    display: table-cell;
    position: relative;
    z-index: 2;
    margin-bottom: 0;
    height: 44px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 44px;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    box-shadow: none;
    padding: 1px 10px 1px 15px;
  }
  
  .icon-search {
    width: 17px;
    height: 17px;
  }
  
  .apply-btn {
    display: block;
    width: 100%;
    margin: 0;
    padding: 10px 5px;
    font-size: 15px;
    font-weight: normal;
    color: #fff;
    background-color: #e37325;
    border: none;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    overflow: visible;
    border-radius: 4px;
  }
  
  /* Customize the label (the container) */
  .hawk-mutilbucket {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 33px !important;
  }
  
  /* Hide the browser's default checkbox */
  .hawk-mutilbucket input {
    position: absolute;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    cursor: pointer;
  }
  
  /* Create a custom checkbox */
  .hawk-mutilbucket--checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #e37325;
    border-radius: 50%;
  }
  
  /* On mouse-over, add a grey background color */
  .hawk-mutilbucket:hover
    .hawk-mutilbucket__input
    ~ .hawk-mutilbucket--checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .hawk-mutilbucket
    hawk-mutilbucket__input:checked
    ~ .hawk-mutilbucket--checkmark {
    background-color: #2196f3;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .hawk-mutilbucket--checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .hawk-mutilbucket input:checked ~ .hawk-mutilbucket--checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .hawk-mutilbucket .hawk-mutilbucket--checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  .smartbug__title {
    font-weight: bold;
    font-size: 15px;
    vertical-align: middle;
  }
  
  .smartbug__title-icon {
    vertical-align: middle;
  }
  
  .smartbug__title-container {
    margin-bottom: 10px;
  }
  
  /* New Explaination Modal styles - 10-11-18 */
  
  .advanced-explaination-table td {
    font-size: 15px;
    line-height: 1;
  }
  
  .advanced-explaination-table-header__th {
    font-weight: bold;
  }
  
  .advanced-explaination-table-header__td {
  }
  
  .explain-dropdown {
    height: 44px;
    padding: 8px 20px;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    font-size: 15px;
    width: 183px !important;
  }
  
  .advanced-explaination-options-table__td {
    width: 200px;
    padding-bottom: 15px;
  }
  
  @media (max-width: 655px) {
    .advanced-explaination-options-table__td {
      display: block;
      width: 100%;
      text-align: left !important;
    }
  }
  
  .advanced-explaination-table__btn {
    background-color: #084e8a;
    padding: 12.5px 20px;
    border-radius: 4px;
    font-size: 15px;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
  }
  
  .advanced-explaination-table__btn:hover {
    background-color: #074072;
  }
  
  .advanced-explaination-table {
    border-collapse: collapse;
    border-radius: 4px;
    overflow: hidden;
    border-style: hidden !important; /* hide standard table (collapsed) border */
    box-shadow: 0 0 0 1px #d1d1d1; /* this draws the table border  */
  }
  
  .advanced-explaination-table__top-tr,
  .advanced-explaination-table tr:first-child {
    background-color: #3f4044;
    color: white;
  }
  
  .advanced-explaination-table__th,
  .advanced-explaination-table tr:first-child th {
    padding: 16px 20px;
    font-size: 18px;
    text-align: left;
    font-weight: 500;
  }
  
  .advanced-explaination-table__td,
  .advanced-explaination-table td {
    padding: 16px 20px;
    font-size: 18px;
    text-align: left;
  }
  
  .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .hawk-checkbox-element {
    position: relative;
    display: flex;
    flex-direction: row;
    flex: 1;
  }
  
  /* /////////////////////////Custom.css/////////////////////////// */
  
  .custom-tooltip {
    display: inline-block;
    position: relative;
    text-align: left;
  }
  
  .custom-tooltip .right {
    min-width: 250px;
    top: 50%;
    left: 100%;
    margin-left: 5px;
    transform: translate(0, -50%);
    padding: 10px 20px;
    color: #000;
    background-color: #fff;
    font-weight: bold;
    font-size: 1em;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    display: none;
    cursor: auto;
  }
  
  .custom-tooltip .right i {
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -12px;
    width: 12px;
    height: 24px;
    overflow: hidden;
  }
  .custom-tooltip .right i::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translate(50%, -50%) rotate(-45deg);
    background-color: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
  }
  .custom-tooltip:hover .right {
    display: block;
  }
  
  .hawk-checkbox-line-through {
    text-decoration: line-through;
  }
  
  .hawk-display-block {
    display: block;
  }
  
  .hawk-display-none {
    display: none;
  }
  .hawk-checkbox-wrapper {
    margin: 0;
    padding: 10px 20px 20px;
    list-style-type: none;
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    color: #3f4044;
  }
  .hawk-checkbox-element label:hover {
    color: #f47b20;
    cursor: pointer;
  }
  .hawk-toggle-more-less {
    cursor: pointer;
    margin-top: 15px;
    position: relative;
    display: block;
  }
  
  .hawk-banner-content-image {
    width: 100%;
  }
  .hawk-banner-content-image a {
    width: 100%;
    position: relative;
    display: block;
  }
  .hawk-banner-content-image a img {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    display: block;
    object-fit: contain;
  }
  .hawk-pagination__input {
    height: 46px;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    color: #000000;
    font-size: 15px;
    width: 71px;
    text-align: center;
  }
  
  .hawk-guidedNavWrapper .hawk-navGroup .hawk-navTruncateList > ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #fff;
    border: none;
    border-radius: 0;
  }
  li.hawk-checkbox-element {
    flex-direction: column;
  }
  .hawk-link-facet {
    text-align: left;
    display: block;
    margin-bottom: 5px;
  }
  .hawk-link-facet:hover,
  #hawk-auto-correct-keyword-list li:hover {
    color: #f47b20;
    cursor: pointer;
  }
  .hawk-navGroup > div {
    top: 10px;
    position: relative;
  }
  #hawk-auto-correct-keyword-list h2 {
    color: #f37624;
  }
  .hawk-page-loader {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: #0000009e;
  }
  .hawk-page-loader span {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 35%;
    padding: 10px;
    border: 3px solid #696969;
    border-radius: 10px 10px;
    background-color: #fff;
  }
  
  
  
  
  
  
  
  .hawk-header {
    position: relative;
    padding: 10px 0;
    color: #fff;
    background-color: #f0f0f0;
    border-top: 1px solid #523116;
    border-bottom: 1px solid #b8b8b8;
    -webkit-box-shadow: 0 0 3px 0 rgba(82, 49, 22, 0.75);
    box-shadow: 0 0 3px 0 rgba(82, 49, 22, 0.75);
    margin-bottom: 20px;
  }
  
  .hawk-siteLogo {
    display: block;
    width: 225px;
    height: 43px;
    margin: 12px 0 0;
    text-indent: -9999em;
    background: url(http://manage.hawksearch.com/sites/shared/images/logoHawk2.png)
      no-repeat 0 0;
    overflow: hidden;
  }
  
  .hawk-header .hawk-site-search {
    position: relative;
    margin: 10px 0 0;
    padding: 1px;
    background-color: #fff;
    border: 1px solid #b8b8b8;
    border-radius: 4px;
  }
  
  .hawk-header .hawk-site-search .text {
    width: 100%;
    padding: 4px 130px 4px 30px;
    font-size: 0.933em;
    background: none;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    color: #595959;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
  }
  
  .hawk-header .hawk-btnSearch {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 4px 30px;
    border: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
  }
  
  .hawk-btnSearch {
    display: inline-block;
    margin: 0;
    padding: 4px;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    background-color: #f37624;
    border: 1px solid #fff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    overflow: visible;
  }
  .hawk-header .hawk-btnSearch {
    background-color: #f37624 !important;
  }
  
  
  
  /* ## Search Lookup Dropdown ## */
  
  .hawk-searchQuery {
    position: absolute;
    display: none;
    width: 300px;
    margin: 5px 0 0 0;
    background: #fff;
    border: 1px solid #aaaaaa !important;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 4px 1px rgba(50, 50, 50, 0.25);
    z-index: 999999;
    text-align: left;
  }
  
  .hawk-searchQuery-keyword {
    margin-left: -1px;
  }
  
  .hawk-searchQuery .hawk-sqHeader {
    padding: 5px;
    color: #646669;
    font-weight: bold;
    background: #d9d9d9;
  }
  
  .hawk-searchQuery .hawk-sqContent {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  
  .hawk-searchQuery .hawk-sqItem {
    position: relative;
    display: block;
    margin: 0;
    padding: 6px 10px;
    color: #8b2300;
    text-decoration: none;
    border: 1px solid #fff;
    cursor: pointer;
    zoom: 1;
  }
  
  .hawk-searchQuery .hawk-sqItemAlt {
    background-color: #f3f3f3;
  }
  
  .hawk-searchQuery .hawk-sqActive {
    border-color: #8b2300;
  }
  
  /* embedded clearfix on results item: h5bp.com/q */
  .hawk-searchQuery .hawk-sqItem:before,
  .hawk-searchQuery .hawk-sqItem:after {
    content: "";
    display: table;
  }
  
  .hawk-searchQuery .hawk-sqItem:after {
    clear: both;
  }
  
  .hawk-searchQuery .hawk-sqItemImage {
    display: inline;
    float: left;
    width: 70px;
    height: auto;
    margin: 0;
    text-align: center;
  }
  
  .hawk-searchQuery .hawk-sqItemImage .hawk-sqItemImage-thumb {
    max-width: 70px;
    max-height: 70px;
  }
  
  .hawk-searchQuery .hawk-sqItemContent {
    display: block;
    margin-left: 80px;
  }
  
  .hawk-searchQuery .hawk-sqItemName {
    display: block;
    margin: 0;
    font-weight: normal;
    font-size: 1em;
    border: 0;
  }
  
  .hawk-searchQuery .hawk-sqFooter {
    padding: 5px;
    background: #d9d9d9;
  }
  
  .hawk-searchQuery .hawk-sqFooter a,
  .hawk-searchQuery .hawk-sqFooter a:link,
  .hawk-searchQuery .hawk-sqFooter a:visited {
    display: inline-block;
    padding: 1px 25px 0 0;
    color: #374351;
    font-size: 0.875em;
    font-weight: bold;
    text-decoration: none;
  }
  
  .hawk-searchQuery .hawk-footerLink:hover {
    text-decoration: none;
  }
  
  
  
  
  
  
  
  
  .hawk-paging > * {
    flex: 1 0 auto;
  }
  
  .hawk-listingControls {
    position: relative;
    margin-bottom: 12px;
    padding: 1px;
    background: #fff;
    border-bottom: 1px solid #ccc;
  }
  
  .hawk-listingControls .hawk-mainControls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px 0;
    background: none;
  }
  
  @media (min-width: 1200px) {
    .hawk-listingControls .hawk-mainControls {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
    }
  }
  
  #hawk-pagination-top-bar,
  #hawk-pagination-bottom-bar {
    display: flex;
  }
  
  .hawk-listingControls .hawk-subControls {
    padding: 8px 10px;
    background: #f0f0f0;
  }
  
  .hawk-listingControls .hawk-mainControls {
    background: #5f3b17 !important;
  }
  
  .hawk-listingControls .hawk-pagination .hawk-paging .hawk-pageActive {
    background-color: #f37624 !important;
  }
  
  /* ## layout control box ## */
  
  @media (min-width: 1200px) {
    .hawk-sortWrapper {
      margin: 0;
    }
  }
  
  .hawk-sortWrapper .sortList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    padding: 0 10px 0;
  }
  
  .hawk-sortWrapper .sortList label,
  .hawk-pagination .hawk-viewNumber label {
    display: block;
    margin: 0 15px 0 0;
    font-size: 14px;
    font-weight: normal;
    color: #3f4044;
    white-space: nowrap;
  }
  
  .hawk-sortWrapper .sortList select {
    margin-right: 10px;
    height: 46px;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    padding: 0 0 0 15px;
    color: #000000;
    font-size: 15px;
  }
  
  .hawk-listingControls .hawk-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    font-size: 16px;
  }
  
  @media (min-width: 768px) {
    .hawk-listingControls .hawk-pagination {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
    }
  }
  
  .hawk-listingControls .hawk-pagination .hawk-viewNumber {
    margin-left: 0;
    margin-bottom: 1em;
    width: 100%;
    text-align: center;
  }
  
  @media (min-width: 768px) {
    .hawk-listingControls .hawk-pagination .hawk-viewNumber {
      margin-left: 10px;
      margin-bottom: 0;
    }
  }
  
  .hawk-listingControls .hawk-pagination .hawk-viewNumber .hawkmpp {
    margin-right: 10px;
    height: 46px;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    padding: 0 0 0 15px;
    color: #000000;
    font-size: 15px;
  }
  
  .hawk-listingControls .hawk-paging {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
  }
  
  .hawk-listingControls .hawk-paging a.hawk-pageLink,
  .hawk-listingControls .hawk-paging a.hawk-pageLink:link,
  .hawk-listingControls .hawk-paging a.hawk-pageLink:visited {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0 4px;
    margin: 0 2.5px;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #3f4044;
    background-color: #fff;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease;
  }
  
  .hawk-listingControls .hawk-paging a.hawk-pageLink:hover {
    background-color: #f37622;
    color: #fff;
    border-radius: 2px;
  }
  
  .hawk-listingControls
    .hawk-pagination
    .hawk-paging
    a.hawk-pageLink.hawk-arrowDoubleLeft,
  .hawk-listingControls
    .hawk-pagination
    .hawk-paging
    a.hawk-pageLink.hawk-arrowDoubleRight {
    background-color: #f37622;
    color: #ffffff;
    border-radius: 2px;
  }
  
  .hawk-listingControls
    .hawk-pagination
    .hawk-paging
    a.hawk-pageLink.hawk-arrowLeft,
  .hawk-listingControls
    .hawk-pagination
    .hawk-paging
    a.hawk-pageLink.hawk-arrowRight {
    background-color: #d6d6d6;
    border-radius: 2px;
    border: 1px solid #c7c7c7;
  }
  
  .hawk-listingControls
    .hawk-pagination
    .hawk-paging
    a.hawk-pageLink.hawk-arrowLeft:hover,
  .hawk-listingControls
    .hawk-pagination
    .hawk-paging
    a.hawk-pageLink.hawk-arrowRight:hover {
    background-color: #c0c0c0;
    border-color: #959595;
    color: #3f4044;
  }
  
  .hawk-listingControls .hawk-paging .hawk-pageActive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0 4px;
    margin: 0 2.5px;
    text-decoration: none;
    text-align: center;
    background-color: #f37622;
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    border-radius: 2px;
  }
  
  .hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowLeft,
  .hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowRight,
  .hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowDoubleLeft,
  .hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowDoubleRight {
    display: inline-block;
    padding: 0 4px;
    color: #fff;
    text-decoration: none;
    min-width: 15px;
  }
  
  /* embedding icomoon for previous and next arrows */
  .hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowLeft:before,
  .hawk-listingControls .hawk-pagination .hawk-paging .hawk-arrowRight:after,
  .hawk-listingControls
    .hawk-pagination
    .hawk-paging
    .hawk-arrowDoubleLeft:before,
  .hawk-listingControls
    .hawk-pagination
    .hawk-paging
    .hawk-arrowDoubleRight:after {
    font-family: "hawksearch";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 16px;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    top: 12px;
    position: relative;
  }
  
  .hawk-listingControls .hawk-paging .hawk-arrowLeft:before {
    content: "\e603";
  }
  
  .hawk-listingControls .hawk-paging .hawk-arrowRight:after {
    content: "\e606";
  }
  
  .hawk-listingControls .hawk-pagination .hawk-paging .total {
    display: none;
    color: #fff;
  }
  
  .hawk-itemPaging {
    display: inline;
  }
  
  .hawk-itemPaging span:nth-child(1) {
    display: inline-block;
  }
  
  .hawk-itemPaging span:nth-child(2) {
    display: inline-block;
  }
  
  .hawk-itemPaging span:nth-child(3) {
    display: inline-block;
  }
  
  .hawk-itemPaging span:nth-child(4) {
    display: inline-block;
  }
  
  .hawk-itemPaging span:last-child {
    display: inline-block;
  }
  
  .hawk-itemPaging span.hawk-pageDots:last-child:before {
    padding: 0 8px;
    padding: 0 0.5rem;
    content: "...";
    color: #fff;
  }
  .hawk-visuallyHidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .hawk-visuallyHidden.focusable:active,
  .hawk-visuallyHidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }








.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
.noUi-connect {
  height: 100%;
  width: 100%;
}
.noUi-origin {
  height: 10%;
  width: 10%;
}
/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 22px;
  height: 22px;
  right: -17px;
  top: -3px;
  border-radius: 50%;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  top: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #084e8a;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

.noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 14px;
  background: #E8E7E6;
  left: 3px;
  top: 3px;
  border-radius: 50%;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}