@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
/** Ultima CSS Reset **/
  fieldset,img,abbr,iframe {border:0}
  ul{-webkit-padding-start: 0px;}
  .unstyled { list-style-type: none }
/* DEFAULT FONT(s) */
  body, p {
    font-family: "Open Sans", Helvetica , Arial, sans-serif;
    color:#585858;
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
    line-height: 1.64;
    font-weight: 400;
  }
/* Row/Column Tweaks */
  div.row.nomarg {margin: 0px!important;}
  div.nopad {padding: 0px!important;}
/* Body/wrapper/footer Tweak*/
  body, html {height: 100%;}
  .wrapper {
    min-height: 100%;
    margin-bottom: -80px;
  }
  .wrapper:after {
    content: "";
    display: block;
  }
  #footer, .wrapper:after {
    /* height: 80px; */
  }
.desk-external-variables {display:none!important;}
span.highlight {background: #FF0;}
/* -----------------------------------------------------------
               ------ TABLE OF CONTENTS ------
--------------------------------------------------------------
   1. HEADER
   2. SEARCH BAR
   3. AUTO COMPLETE (Search)
   4. BREADCRUMBS
   5. DEFAULT CONTENT
   6. INDEX PAGE
   7. TOPIC PAGE
   8. SEARCH RESULTS
   9. ARTICLE PAGE
  10. PUBLIC QUESTIONS
  11. MY PORTAL INDEX
  12. MY PORTAL CASE VIEW
  13. MY PORTAL ACCOUNT/PROFILE
  14. FORMS / INPUTS
  15. LOGIN / PASSWORD RESET / REGISTER
  **. CUSTOMER FEEDBACK
  16. NOTIFICATIONS
  17. SIDEBAR
  18. SIDEBAR AUTO SUGGEST
  19. FOOTER
  20. SITE CANVAS/MOBILE
  21. MOBILE BRAND/USER
  22. MOBILE NAV/LANGUAGE
  23. MOBILE SEARCH
  24. MOBILE HEADER/TOPBAR
  25. MOBILE MENU BUTTON
  26. RESONSIVE TWEAKS / BREAKPOINTS
  27. LIGHTBOX (BETA)
----------------------------------------------------------- */
/* -----------------------------------------------------------
DESK HEADER STYLES ------
----------------------------------------------------------- */
  #header {background: #3498db;}
  #header .container {padding:40px 15px;}
  h1.page-header {
    border: none;
    margin: 0px;
  }

  h1.page-header a{
    color: #fff;
    font-weight: normal;
    font-size: 30px;
  }
  h1.page-header:hover a{
    text-decoration: none;
  }
  #header ul.nav.nav-pills {
    margin: 0px;
    float: right;
  }
  #header ul.nav.nav-pills li {
    margin-right: 14px;
    display: inline;
  }
  #header ul.nav.nav-pills li:last-child {
    margin-right: 0px;
  }
  #header ul.nav.nav-pills li p{
    color: #fff;
    font-size: 14px;
    border: none;
    padding: 10px 16px;
    margin: 0px;
  }
  #header ul.nav.nav-pills li a{
    color: #fff;
    font-size: 14px;
    border: 2px solid #7ac4f4;
    padding: 7px 16px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: ease all 0.5s;
    -o-transition: ease all 0.5s;
    transition: ease all 0.5s;
  }
  #header ul.nav.nav-pills li:hover a,
  #header ul.nav.nav-pills li:focus a {
    color: #fff;
    background: none;
    border-color: #fff;
  }
  /* Lanague Dropdown */
  #header .langslct {
    color: #fff;
    font-size: 14px;
    border: 2px solid #7ac4f4;
    padding: 7px 16px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: ease all 0.5s;
    -o-transition: ease all 0.5s;
    transition: ease all 0.5s;
  }
  #header .langslct.langslctHover {
  /* Styles for when the select box is hovered */
      background: none;
      border-color: #fff;
  }
  #header .langslct.langslctOpen {
  /* Styles for when the select box is open */
      background: none;
      border-color: #fff;
  }
  #header .langslct.langslctFocus {
  /* Styles for when the select box is in focus */
      background: none;
      border-color: #fff;
  }
  #header .langslct > .langslctInner{
    color: #fff;
    width: auto!important;
  }
  #header .langslct i {
    margin-left: 5px;
  }
/* -----------------------------------------------------------
DESK SEARCH STYLES ------
----------------------------------------------------------- */
  #search {
   background: rgba( 0, 0, 0, .035);
  }
  #search .container {
    padding: 30px 15px;
  }
  #search input.form-control {
    background: white;
    font-weight: 300;
    font-size: 24px;
    padding: 5px 30px;
    width: 100%;
    border:2px solid #dadada;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    height: 60px;
  }
  #search #support-search-submit {
    color:#8b8b8b;
    background: none;
    border:  none;
    font-size: 24px;
    position: absolute;
    right: 35px;
    top: 17px;
    z-index: 999;
    outline: none;
  }
  #search #support-search-submit:hover, #search input[type=submit]:hover, #search button:hover,
  #search #support-search-submit:focus, #search input[type=submit]:focus, #search button:focus {
    background: none;
    color: #585858;
  }
  #search input[type=submit]:hover,#search input[type=submit]:focus,
  .btn.btn-primary:hover,#search button:hover,#search button:focus {
   opacity: 1;
  }
  #search input.form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  ::-webkit-input-placeholder {
     color: #8b8b8b;
     font-weight: 300;
     transition: opacity 0.25s ease;
  }
  :-moz-placeholder { /* Firefox 18- */
     color: #8b8b8b;
      font-weight: 300;
     transition: opacity 0.25s ease;
  }
  ::-moz-placeholder {  /* Firefox 19+ */
     color: #8b8b8b;
      font-weight: 300;
     transition: opacity 0.25s ease;
  }
  :-ms-input-placeholder {
     color: #8b8b8b;
      font-weight: 300;
     transition: opacity 0.25s ease;
  }
  [placeholder]:focus::-webkit-input-placeholder {
    transition: opacity 0.25s ease;
     font-weight: 300;
    opacity: 0.33;
  }
  .desk-index-subheader.span12 {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #FFFFFF !important;
  }
/* -----------------------------------------------------------
SINGLE BRAND SEARCH AUTO COMPLETE ------
----------------------------------------------------------- */
  .ui-menu {
    background: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .24);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .24);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .24);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
  }
  .ui-state-hover, .ui-widget-content .ui-state-hover,
  .ui-widget-header .ui-state-hover,
  .ui-state-focus, .ui-widget-content .ui-state-focus,
  .ui-widget-header .ui-state-focus {
    background: transparent;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
  }
  .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
    margin: 0;
  }
  ul.ui-menu li.ui-menu-item {
    background: #fff;
    padding: 6px;
  }
  ul.ui-menu li.ui-menu-item a{
    color: #3498db;
  }
  ul.ui-menu li.ui-menu-item:hover,
  ul.ui-menu li.ui-menu-item:focus{
    color: #fff;
    background-color: #3498db;
    cursor: pointer;
  }
  .article-autocomplete-subject {
    display: block;
    font-weight: normal;
  }
  .article-autocomplete-body {
    color: #585858;
    line-height: 1.1;
  }
  .ui-menu .ui-menu-item {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
  }
/* -----------------------------------------------------------
SEARCH AUTO COMPLETE ------
----------------------------------------------------------- */
  .ui-multi-brand {
    background: #fff;
    box-shadow: none;
    padding: 10px;
    margin: 0;
    -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, .24);
    -moz-box-shadow: 0px 1px 15px rgba(0, 0, 0, .24);
    box-shadow: 0px 1px 15px rgba(0, 0, 0, .24);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    position: absolute;
    z-index: 999;
    display: none;
  }
  .ui-multi-brand a.btn {
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 4px 7px;
    font-size: 15px;
    margin: 0px;
    float: right;
  }
  .ui-multi-brand h4 {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    float: left;
    font-size: 18px;
    color: #585858;
    line-height: 21px;
    margin:0px;
  }
  .ui-multi-brand ul {
    display: block;
    width: 100%;
    margin-bottom: 15px;
  }
  .ui-multi-brand ul li {display: inline-block; width: 100%;}
  .ui-multi-brand ul li:before {display: none;}
  .ui-multi-brand ul li a {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #3498db;
    line-height: 32px;
  }
  .ui-multi-brand ul li i {margin-right: 15px;}
/* -----------------------------------------------------------
BREADCRUMB STYLES ------
----------------------------------------------------------- */
  #breadcrumbs {
    background: none;
  }
  #breadcrumbs > .container {
    padding: 40px 15px 44px 15px;
  }
  #breadcrumbs > .container > .row {
  }
  #breadcrumbs ol.breadcrumb {
    margin: 0px;
    background: none;
    padding: 0px;
  }
  #breadcrumbs ol.breadcrumb li {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    word-break: break-word;
    -ms-word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
        hyphens: auto;
  }
  #breadcrumbs ol.breadcrumb li a {
    color: #3498db;
  }
  #breadcrumbs ol.breadcrumb li.active {
    color: #585858;
  }
  #breadcrumbs ol.breadcrumb > li + li:before {
    content:"\003e";
  }
  #breadcrumbs ol.breadcrumb > li.pull-right:before{
    content:"";
  }
/* -----------------------------------------------------------
DEFAULT CONTENT ------
----------------------------------------------------------- */
  #content {
  }
  /* LONG STRING BREAKS */
  #content p,
  #content .container .body,
  #content .container .header {
-ms-word-break: break-word;
     word-break: break-word;
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
  }
  #content .container {
    padding: 0px 15px 130px;
  }
  .container .header h2 {
    margin: 0px;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 28px;
    line-height: 1;
        word-break: break-word;
    -ms-word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
        hyphens: auto;
  }
  #content > .container > .row > .col-md-8 {
    padding-right: 30px;
  }
  #content > .container > .row > .col-md-4{
      padding-left: 45px;
  }
  #content > .container > .row > .col-md-4.left{
      padding-right: 45px;
  }
  .container .body.row {
    padding-top: 40px;
  }
  span.gravatar,
  .gravatar{
      display: block;
      width: 50px;
      height: 50px;
      overflow: hidden;
      -webkit-border-radius: 24px;
      -moz-border-radius: 24px;
      border-radius: 24px;
    }
  .danger {color: #d9534f;}
  .warning {color: #f0ad4e;}
  .info {color: #5bc0de;}
  .success {color: #5cb85c;}
/* -----------------------------------------------------------
INDEX PAGE ------
----------------------------------------------------------- */
  #content .container.index {
    padding: 84px 15px 130px 15px;
  }
  #content .container.index .header h2{
    margin-bottom: 40px;
    font-weight: 600;
  }
  #content .container.index .centered .header h2 {
    text-align: center;
  }
  #content .container.index .desk-topic,
  #content .container.index .desk-qna,
  #content .container.index .get-sat {
    padding-bottom: 40px;
  }
  #content .container.index .desk-topic h3,
  #content .container.index .desk-qna h3,
  #content .container.index .get-sat h4 {
    padding-bottom: 26px;
    margin-bottom: 24px;
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 17px;
    border-bottom: 2px solid #e1e1e1;
    text-transform: uppercase;
    font-weight: 600;
    text-overflow: ellipsis; word-wrap: break-word; white-space: nowrap; overflow: hidden;
  }
  #content .container.index .desk-topic h3 a,
  #content .container.index .desk-qna h3 a,
  #content .container.index .get-sat h4 a{
    color: #585858;
    text-decoration: none;
  }
  #content .container.index .desk-topic ul,
  #content .container.index .desk-qna ul,
  #content .container.index .get-sat ul{
    padding-left: 20px;
    margin-bottom: 34px;
  }
  #content .container.index .desk-topic ul li,
  #content .container.index .desk-qna ul li,
  #content .container.index .get-sat ul li {
    padding-left: 0px;
    margin-bottom: 18px;
    color: #c6c6c6;
    font-size: 16px;
    word-break: break-word;
    -ms-word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
        hyphens: auto;
  }
  #content .container.index .desk-topic ul li a,
  #content .container.index .desk-qna ul li a,
  #content .container.index .get-sat ul li a{
    color: #585858;
  }
  /* GET SAT ONLY */
  #content .container.index .get-sat h5 {
    display: none;
  }
  #content .container.index .get-sat ul li {
    width: 100%;
  }
  #content .container.index .get-sat ul li a {
  }
  /* LIST STYLE INDEX */
  #content .container.index .desk-topic.list ul,
  #content .container.index .desk-qna.list ul{
    list-style:none;
    padding-left: 0px;
  }
  #content .container.index .desk-topic.list ul li,
  #content .container.index .desk-qna.list ul li{
    padding: 10px 0px;
    border-bottom: 1px solid #eaeaea;
  }
  #content .container.index .list ul li:hover,
  #content .container.index .list ul li:focus {
    background: #efefe;
  }
  #content .container.index .desk-qna.list ul
  #content .container.index .list a.btn {
    margin-left: 14px;
    float: right;
  }
  #content .container.index .list h3 {
    margin-bottom: 10px;
    font-size: 1.8em;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
  }
  /* TOPICS ONLY */
  #content .container.index .topics-only .desk-topic a.btn {
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: none;
    white-space: nowrap;
    padding: 18px 24px;
    font-size: 16px;
    line-height: 1.42857;
   }
  #content .container.index .topics-only .desk-topic a.btn > span {
    background: rgba(0,0,0, .2);
    padding: 5px 10px;
    margin-left: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
/* -----------------------------------------------------------
TOPIC PAGE ------
----------------------------------------------------------- */

  #content .container.topic .header .switch .btn {
    float: right;
    margin-left: 10px;
  }
  #content .container.topic .body .qna,
  #content .container.topic .body .article {
    border-top: 2px solid #eaeaea;
    padding: 40px 0px;
  }
  #content .container.topic .body .qna h3,
  #content .container.topic .body .article h3 {
    margin: 0px 0px 14px 0px;
    font-size: 21px;
  }
  #content .container.topic .body .qna h3 a,
  #content .container.topic .body .article h3 a {
    color: #585858;
  }
  #content .container.topic .body .qna p,
  #content .container.topic .body .article p {
    margin-bottom: 18px;
  }
/* -----------------------------------------------------------
SEARCH RESULTS ------
----------------------------------------------------------- */

  #content .container.search .result.row{}
  #content .container.search .noresults.row{}
  #content .container.search .result.question,
  #content .container.search .result.article {
    border-top: 2px solid #eaeaea;
    padding: 40px 0px;
  }
  #content .container.search .result.question:first-child,
  #content .container.search .result.article:first-child {
    border: none;
  }
  #content .container.search .result.question h3,
  #content .container.search .result.article h3 {
    margin: 0px 0px 14px 0px;
    font-size: 21px;
  }
  #content .container.search .result.question h3 a,
  #content .container.search .result.article h3 a {
    color: #585858;
  }
  #content .container.search .result.question p,
  #content .container.search .result.article p {
    margin-bottom: 18px;
  }
  #siteResults div.tab-content div.tab-pane.brand label {display: none;}
  #siteResults ul.nav.nav-tabs li span {margin-left: 5px;}

  #content .container.search .tab-pane .footer h5 { font-size: 24px; text-align: center;}
  #content .container.search .tab-pane .footer button.next-page {}
  #content .container.search .tab-pane .footer button.next-page i{margin-left: 10px; font-size: 24px;}
/* -----------------------------------------------------------
ARTICLE PAGE ------
----------------------------------------------------------- */
  #content .container.article {}
  #content .container.article .header.row h2 {}
  #content .container.article .body.row {
    padding-bottom: 60px;
    max-width: 100%;
  }
  #content .container.article .body.row > div{
    max-width: 100%;
  }

  #content .container.article .body ul {
    margin-left: 40px;
  }
  #content .container.article .body.row img {
    padding: 10px;
  }

  /* RATE BLOCK STYLES */
  div.rateblock.row {
    margin: 0px;
  }
  div.rateblock > div{
    padding: 50px 10px;
    border-top: 2px solid #ebeced;
    border-bottom: 2px solid #ebeced;
  }
  div.rateblock p {
    color:#585858;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
  }
  #rate_article{
    min-height: 42px;
  }
  #rate_article span {
    display: none; /* Remove to display vote snippets */
  }
  #rate_article a{
      color: #65bc9c;
      font-size: 14px;
      border: 2px solid #65bc9c;
      padding: 8px 24px;
      margin: 0px;
      float: left;
      font-weight: 600;
      margin-right: 12px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px
  }
  #rate_article .rate-link-down a {
    color: #b85252;
    border-color: #f19595;
  }
  #rate_article a:hover,
  #rate_article a:focus{
    background:#65bc9c;
    color: #fff;
    text-decoration: none;
  }
  #rate_article .rate-link-down a:hover,
  #rate_article .rate-link-down a:focus {
    background:#f19595;
    color: #fff;
    text-decoration: none;
  }
  /* FOOTER STYLES */
  #content .container.article .row.footer{
    padding-top: 60px;
  }
  #content .container.article .row.footer p.updated {
    text-transform: uppercase;
    color: #999999;
    font-size: 16px;
  }
  /* SOCIAL ICONS */
  ul.social {
    list-style: none;
  }
  ul.social li{
    float: left;
  }
  ul.social li.btn-facebook{
    margin-right: 35px;
  }
  ul.social li iframe,
  ul.social > li > div {
    vertical-align: bottom!important;
  }
/* -----------------------------------------------------------
PUBLIC QUESTION ------
----------------------------------------------------------- */
  .container.qna .header h3,
  .container.qna .header h3 span {
    margin: 0px;
    color: #999999;
    font-weight:400;
    font-size: 17px;
  }
  div.container.qna > div.row {
  }
  div.container.qna div.body.question hr{
    margin: 55px 0px;
    border: 1px solid #ebeced;
  }
  div.container.qna div.row.header h2{
    margin-bottom: 12px;
  }
  div.container.qna div.row.header.question {
    padding-top: 30px;
  }
  div.container.qna div.header.question div.col-md-1 {
    margin-top: 5px;
  }
  /* Answer Styles */
  div.container.qna div.row.header.answers {}
  div.container.qna div.row.body.answer {
    margin: 0px;
  }
  div.container.qna div.row.body.answer div.col-md-1 {
    padding-left: 0px;
  }
  div.container.qna div.row.body.answer h3 {
    margin-top: 0px;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 30px;
  }
  div.container.qna div.row.body.answer h3 small{
    font-size: 17px;
    color: #999;
    font-weight: 400;
  }
  /* Best Answer */
  div.container.qna div.row.body.answer.best {
    padding: 30px 0px;
    background: #ffffcc;
    margin: 0px -15px;
  }
   div.container.qna div.row.body.answer.best h3 span.best{
    float: right;
    margin: 0px;
    padding: 6px 12px;
    color: #fff;
    background: #5cb85c;
    margin-top: -10px;
   }
  div.container.qna div.row.body.answer.best div.col-md-1 {
    padding-left: 15px;
  }
  div.container.qna div.row.body.answer.best div.col-md-11 {
    padding-left: 30px;
  }
   div.container.qna div.row.body.answer.last hr{display:none;}
  /* Reply Styles */
  div.container.qna div.reply.row {
    padding-top: 60px;
    border-top: 2px solid #efefef;
    margin: 60px 0px 0px 0px;
  }
  div.container.qna div.reply.row h2,
  #content div.container.qna div.row.header.answer h2{
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 20px 0px;
  }
  /* Attachments */
  .container.qna .attachments.row,
  .container.portal .attachments.row > {padding: 20px 0px;}
  /* ANSWER RATING */
  .answer-rating a.rate {
    font-size: 18px;
    border: 2px solid #ebeced;
    padding: 2px 18px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
  }
  .answer-rating span {text-transform: capitalize;}
  .answer-rating span.score {
    margin-right: 10px;
  }
  .answer-rating a.rate.increment {
    color: #65bc9c;
  }
  .answer-rating a.rate.decrement {
    color: #e76565;
  }
  .answer-rating a.rate:hover,
  .answer-rating a.rate:focus {
    background: #ebeced;
  }
/* -----------------------------------------------------------
MY PORTAL INDEX------
----------------------------------------------------------- */
  .myportal.index .header {}
  .myportal.index .header ul.case-menu {
    list-style: none;
  }
  .myportal.index .header ul.case-menu li{
    float: left;
    margin-right: 15px;
  }
  .myportal.index .header ul.case-menu li.new{
    float: right;
    margin-right: 0px;
  }
  .myportal.index .header ul.case-menu li.new a{
    background: #3498db;
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    margin: 0px;
    font-weight: 400;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  .myportal.index .header ul.case-menu li.new a:hover,
  .myportal.index .header ul.case-menu li.new a:focus {
    background: #353C45;
    text-decoration: none;
    color: #fff;
  }
  /* ACTIVE ONLY CHECKBOX */
  .myportal.index .header ul.case-menu li label{
    float: left;
    margin-top:8px;
    margin-right: 10px;
  }
  .myportal.index .header ul.case-menu li .checkbox input {
      display: none;
  }
  .myportal.index .header ul.case-menu li .checkbox span {
      width: 26px;
      height: 26px;
      display: block;
      background: url('img/checkbox.png') no-repeat;
      background-position: 0px 0px;
      float: left;
  }
  .myportal.index .header ul.case-menu li .checkbox input:checked + span {
    background-position: 0px -32px;
  }
  .myportal.index .body{}
  .myportal.index .body.row {
    padding-top: 45px;
  }
  /* MY CASES TABLE */
  .myportal.index .body table thead {
    background: #f6f6f6;
    color: #676767;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    border-top: 1px solid #ebeced;
  }
  .myportal.index .body table thead th {
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: none;
    line-height: 1;
    padding: 20px 10px;
  }
  .myportal.index .body table thead th span {
    font-weight: 600;
    color: #676767;
    font-size: 14px;
  }
  .myportal.index .body table tbody{
    font-size: 16px;
    font-weight: 400;
    color: #525252;
  }
  .myportal.index .body table tbody tr td{
    border: none;
    line-height: 1;
    padding: 18px 10px;
  }
  .myportal.index .body table tbody tr td.a-casesubject {
    padding: 0px;
    line-height: 52px;
  }
   .myportal.index .body table tbody tr td.a-casesubject img {
    margin-right: 8px;
    opacity: .75;
   }
  .myportal.index .body table tbody tr a{
    color: #3498DB;
  }
  .myportal.index .body table tbody tr:nth-child(odd) > td {
    background: none;
  }
  .myportal.index .body table tbody tr:nth-child(even) > td {
    background: #fafafa;
  }
  .myportal.index .body table.sort thead th span:after{
    font-family: FontAwesome;
    content: "\f0dc";
    color: #e2e2e2;
    margin-left: 8px;
  }
  .myportal.index .body table.sort thead th.headerSortUp span:after{
    font-family: FontAwesome;
    content:"\f0de";
  }
  .myportal.index .body table.sort thead th.headerSortDown span:after{
    font-family: FontAwesome;
    content:  "\f0dd";
  }
/* -----------------------------------------------------------
MY PORTAL CASE VIEW------
----------------------------------------------------------- */
  div.myportal.case {}
  div.myportal.case div.row.header {margin:0px;}
  /* QUESTION/HEADING */
  div.myportal.case .header .col-md-1{
    margin-top: 5px;
    padding:0px;
  }
  div.myportal.case .header h2{
    margin-bottom: 12px;
  }
  .myportal.case .header h3,
  .myportal.case .header h3 span {
    margin: 0px;
    color: #999999;
    font-weight:400;
    font-size: 17px;
  }
  /* CASE STATUS/ATTACHMENTS */
  .myportal.case .status{
    margin: 60px 0px;
    padding: 30px 0px;
    border: 2px solid #ebeced;
    border-width: 2px 0px;
  }
  .myportal.case .status .stats{
    padding-left: 0px;
  }
  .myportal.case .status table {
    margin-bottom: 0px;
  }
  .myportal.case .status table tbody{
    font-size: 16px;
    font-weight: 400;
  }
  .myportal.case .status table tbody tr td{
    border: none;
    line-height: 1;
    padding: 10px 5px;
  }
  .myportal.case .status table tbody tr:nth-child(odd) > td {
    background: none;
  }
  .myportal.case .status table tbody tr:nth-child(even) > td {
    background: none;
  }
  /* CASE ANSWERS/REPLIES */
  .myportal.case .answer.row{
    margin: 0px;
  }
  .myportal.case  .answer.row .col-md-1{
    margin-top: 0px;
    padding-left: 0px;
  }
 .myportal.case div.answer.row {
    margin-top: 65px;
  }
 .myportal.case div.answer.row h2,
 .myportal.case div.row.header.answer h2{
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 20px 0px;
  }
 .myportal.case div.row.answer h3.meta {
    margin-top: 0px;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 28px;
  }
 .myportal.case div.row.answer h3.meta small{
    font-size: 17px;
    color: #999;
    font-weight: 400;
  }
  /* CHAT STYLES */
  ul.chat-msgs {list-style: none;}
  ul.chat-msgs li{
    border-bottom: 1px solid #eee;
  }
  ul.chat-msgs li:nth-child(odd) {
    border-top: 1px solid #efefef;
  }
  ul.chat-msgs li.system {border: none;}
  ul.chat-msgs li div.row.system-msg {
    margin: 12px 0px;
  }
  ul.chat-msgs li div.row.system-msg h4 {
    font-size: 15px;
    margin: 0px;
  }
  ul.chat-msgs li div.row.system-msg h4 i {
    margin-right: 6px;
  }
  ul.chat-msgs li div.chat.row{
    margin: 0px;
  }
  ul.chat-msgs li div.chat.row .col-md-1{
    margin-top: 0px;
    padding-left: 0px;
  }
  ul.chat-msgs li div.chat.row {
    margin: 0px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.03);
  }
   ul.chat-msgs li:nth-child(odd) div.chat.row{
    background: rgba(0, 0, 0, 0.05);
  }
  ul.chat-msgs li div.chat.row.agent {
    border-left: 4px solid #F0AD4E;
  }
  ul.chat-msgs li div.chat.row h2,
  ul.chat-msgs li div.row.header.chat h2 {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 20px 0px;
  }
  ul.chat-msgs li div.row.chat h3.meta {
    margin-top: 0px;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  ul.chat-msgs li div.row.chat h3.meta small{
    font-size: 17px;
    color: #999;
    font-weight: 400;
  }
  /* REPLY FORM */
  .myportal.case div.reply.row {
    padding-top: 60px;
    margin: 60px 0px 0px 0px;
  }
  .myportal.case div.reply.row h2{
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 20px 0px;
  }
/* -----------------------------------------------------------
MY PORTAL ACCOUNT/PROFILE ------
----------------------------------------------------------- */
  div.myportal.account {}
  div.myportal.account .myaccount-form img{
    display:none;
  }
  div.myportal.account .myaccount-form {
    font-size: 16px;
    font-weight: 400;
    color: #525252;
  }
  div.myportal.account .myaccount-form i{
    color:#9f9f9f;
    margin: 0px 8px;
  }
  /* EMAIL */
  div.myportal.account .myaccount-form [id^="email_"] {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    padding: 15px 10px;
  }
  div.myportal.account .myaccount-form .confirmed {
    background: #fafafa;
    padding: 15px 10px;
  }
  div.myportal.account .myaccount-form  div[id^="email_"] span.verify_sent_at {
    display: none;
  }
  div.myportal.account .myaccount-form  div[id^="email_"] .verified input {
    border: none;
    background: none;
    font-size: 16px;
    font-weight: 400;
    color: #3498db;
    padding: 0px;
    margin-top: -3px;
    margin-left: 15px;
  }
  div.myportal.account .myaccount-form div[id^="email_"] > div.verified{
    float: right;
    color: #9f9f9f;
    margin: 0px;
  }
  div.myportal.account .myaccount-form .confirmed > div.verified:before{
    content: "\f00c";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color:#65BC9C;
  }
  div.myportal.account .myaccount-form div[id^="email_"] > .email_delete{
    float: right;
    float: right;
    margin-top: -3px;
  }
  div.myportal.account .myaccount-form .email_delete input{
    border: none;
    background: none;
    font-size: 16px;
    font-weight: 400;
    color: #999;
    max-height: 26px;
  }
  /* TWITTER */
  div.myportal.account .myaccount-form [id^="twitter_"] {
    background: #fafafa;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    padding: 15px 10px;
    position: relative;
  }
  div.myportal.account .myaccount-form div[id^="twitter_"] > .verified .verify-checked{
    position: absolute;
    right: 10px;
    top: 15px;
    color: #9f9f9f;
  }
  div.myportal.account .myaccount-form div[id^="twitter_"] > .verified .verify-checked:before{
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color:#65BC9C;
  }
  /* FACEBOOK */
  div.myportal.account .myaccount-form [id^="facebook_"] {
    background: #fafafa;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    padding: 15px 10px;
    position: relative;
  }
  div.myportal.account .myaccount-form div[id^="facebook_"] > .verified {
    position: absolute;
    right: 10px;
    top: 15px;
    color: #9f9f9f;
  }
  div.myportal.account .myaccount-form div[id^="facebook_"] > .verified:before{
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color:#65BC9C;
  }
   /* NEW EMAIL ACCOUNT */
  .new_customer_contact_email {
    padding: 40px 0px;
    border-bottom: 2px solid #eee;
    min-height: 122px;
  }
  .new_customer_contact_email input {
    max-width: 400px;
    float: left;
  }
   .new_customer_contact_email label{
    line-height: 45px;
   }
  .new_customer_contact_email button {
    color: #fff;
    background: #3498db;
    padding: 5px 10px;
    float: left;
    border: none;
    min-height: 44px;
    margin-left: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin-right: 14px;
  }
  .new_customer_contact_email button:hover,
  .new_customer_contact_email button:focus {
    background: #353c45;
  }
  /* ADD ACCOUNTS */
  #add_facebook,
  #add_twitter {
    padding: 30px 0px;
    border-bottom: 2px solid #eee;
  }
  #add_facebook input.btn,
  #add_twitter input.btn {
    font-weight: 600;
    font-size: 14px;
    font-weight: 600;
    background: none;
    border: 2px solid #EAEAEA;
    color: #3498DB;
    padding: 7px 16px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: ease all 0.5s;
    -o-transition: ease all 0.5s;
    transition: ease all 0.5s;
  }
/* -----------------------------------------------------------
BUTTONS & FORMS ------
----------------------------------------------------------- */
  .button,
  button,
  input[type="submit"],
  .btn.btn-submit,
  .login a.btn,
  .btn.btn-pill,
  .input-button > input,
  .attachments a.add_attachment,
  .input-button > input.btn.btn-submit,
  .desk_file_upload input[type=button] {
    height: auto;
    padding: 0 20px;
    display: inline-block;
    color: white;
    font-size: 13px;
    font-weight: 600;
    line-height: 36px;
    text-decoration: none;
    border-radius: 4px;
    border: 0;
    cursor: pointer; 
  }

  /* DEFAULT PILL STYLE BUTTONS */
  .login a.btn,
  .input-button > input.btn,
  a.btn.btn-pill{
    background: none;
    color: #3498DB;
    border: 2px solid #eaeaea;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: ease all 0.5s;
    -o-transition: ease all 0.5s;
    transition: ease all 0.5s;
  }
  a.btn.btn-pill span {
    color: #3498db;
    border-right: 2px solid #eaeaea;
    padding-right: 10px;
    margin-right: 10px;
    -webkit-transition: ease all 0.5s;
    -o-transition: ease all 0.5s;
    transition: ease all 0.5s;
  }
  .login a.btn:hover,
  .input-button > input.btn:hover,
  #content a.btn.btn-pill:hover,
  #content a.btn.btn-pill:hover span,
  #content a.btn.btn-pill:hover span,
  #content a.btn.btn-pill:hover,
  #content a.btn.btn-pill:focus {
    border-color:#999;
  }
  #content a.btn:active,
  #content a.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #content .container.topic .header .switch .btn.active,
  #content .container.topic .header .switch .btn:hover,
  #content .container.topic .header .switch .btn:focus {
    color: #FFF;
    background: #3498DB;
    border-color: #3498DB;
  }

  /* DEFAULT SUBMIT BUTTONS */
  a.button,
  .btn.btn-submit,
  .input-button > input,
  .attachments a.add_attachment,
  .input-button > input.btn.btn-submit,
  .desk_file_upload input[type=button],
  .myportal.case .status  button,
  .myportal.case .status  input[type="submit"] {
    background: #3498db;
    color: #fff;
    display: inline-block;
    text-align: center;
    border:none;
    line-height: 45px;
    border-radius: 4px;
    margin: 10px 0px;
    width: auto;
  }
  a.button:hover,
  .btn.btn-submit:hover,
  .input-button > input:hover,
  .attachments a.add_attachment:hover,
  .input-button > input.btn.btn-submit:hover,
  .desk_file_upload input[type=button]:hover,
  .btn.btn-submit:focus,
  .input-button > input:focus,
  .attachments a.add_attachment:focus,
  .input-button > input.btn.btn-submit:focus,
  .desk_file_upload input[type=button]:focus,
  .myportal.case .status button:hover,
  .myportal.case .status input[type="submit"]:hover,
  .myportal.case .status input[type="submit"]:focus  {
    background:#353C45;
    color: #fff;
    text-decoration: none;
    outline:0;
  }
  .myportal.case .status  button,
  .myportal.case .status  input[type="submit"] {
    float: right;
  }
  .input-button > input {
    width: 100%;
  }
  .btn.btn-submit i {
    margin-top: -1px;
    margin-right: 10px;
  }
  /* PANEL/FORM ADJUSTMENTS */
  .panel-default {
    border: 2px solid #e9e9e9;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
  }
  .panel-default .panel-body,
  .panel-default .panel-footer {
    padding: 22px;
  }
  .panel-default .panel-footer.no-body {
    border: none;
  }
  .panel-default.captcha-error {
    border-color: #a94442;
  }
  label {font-weight: 400; color: #525252; font-size: 17px;}
  .panel input {margin-bottom: 10px;}
  div.upload {
    position: relative;
    overflow: hidden;
    margin: 10px;
    color: #fff;
    font-weight: 400;
    text-shadow: none;
    float: left;
    font-size: 14px;
  }
  div.upload h2 {
    font-weight: 400;
    font-size: 16px;
    text-shadow: none;
    color: #525252;
    margin: 0px;
  }
  div.upload h2 i {
    margin-right: 10px;
    font-size: 22px;
    color: #525252;
  }
  div.upload input#case_attache {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    min-height: 40px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  input#FileName {
    border: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0px;
    color: #a94442;
    font-weight: 400;
    min-height: 0px;
    margin-top: 10px;
  }
  input {-webkit-rtl-ordering: visual;}
  .field input[type=text],
  .field input[type=password],
  .form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 7px 12px;
    font-size: 17px;
    line-height: 1.42857143;
    word-break: initial;
    color: #525252;
    background-color: #fff;
    background-image: none;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  }
  /* VALADATION STYLES */
  .field.has-error input,
  .field.has-error input[type=text],
  .field.has-error input[type=password],
  .field.has-error label,
  .form-group.has-error label {
    color: #a94442;
    border-color: #a94442;
    font-weight: 400;
  }
  .field.has-error input,
  .field.has-error input[type=text],
  .field.has-error input[type=password] {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  }
  .field.has-success input,
  .field.has-success input[type=text],
  .field.has-success input[type=password],
  .form-group.has-success label,
  .field.has-success label {
    color: #3c763d;
    border-color: #3c763d;
  }
  .field.has-success input,
  .field.has-success input[type=text],
  .field.has-success input[type=password],{
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  }
  *input::-ms-clear { display: none; }
  /* CSAT ERROR REALTED */
  #spam_alert {
    color: #a94442;
    margin-left: 10px;
  }
  #recaptcha_widget_div {
    background: none;
    padding: 10px;
  }
  /* FILE ATTACHMENTS */
  .attachments label {
    line-height: 24px;
    margin-bottom: 14px;
  }
  .attachments label i{
    font-size: 24px;
    margin-right: 10px;
    font-weight: 300;
  }
  .desk_file_upload {
    overflow: hidden;
    margin-bottom: 20px;
  }
  .desk_file_upload input[type=file] {
    float: left;
    outline:none;
    position: relative;
    text-align: right;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    width:100%;
    height:100%;
    margin-left: -99999px;
  }
  .desk_file_upload input[type=button] {
    float: left;
  }
  .desk_file_upload .faux-file-field {
    padding: 0 8px 0 0;
    margin: 0;
    z-index: 1;
    float: left;
    width: 80%;
  }
  .desk_file_upload .faux-file-field input[type=text] {
    border: none!important;
    outline:none;
    width: 100%;
    height: 52px;
    line-height: 52px;
    background: none!important;
  }
  .attachments a.add_attachment,
  .desk_file_upload input[type=button] {
    margin: 0px;
    margin-right: 10px;
  }
/* -----------------------------------------------------------
PRECREATE STYLES ------
----------------------------------------------------------- */
  #PreCreate .modal-header h2 {margin-bottom: 5px;}
  #PreCreate .modal-header h2 i{}
  #PreCreate .modal-header p.subheader{margin-bottom: 0px;}
  #PreCreate .modal-body {padding: 24px 24px 0px 24px;}
  #PreCreate .modal-body.moderated {padding: 24px;}
  #PreCreate .modal-body ul.results{}
  #PreCreate .modal-body ul.results li{
    margin-bottom: 24px;
    font-size: 14px;
  }
  #PreCreate .modal-body ul.results li h4{
    margin: 0px;
    margin-bottom: 4px;
  }
  #PreCreate .modal-body ul.results li p{
    padding-left: 25px;
    margin: 0px;
  }
  #PreCreate .modal-body ul.results li.note{
    margin-bottom: 10px;
    font-style: italic;
    border-bottom: none;
    text-align: center;
  }
  #PreCreate .modal-body ul.results li.article{}
  #PreCreate .modal-body ul.results li.question{}
/* -----------------------------------------------------------
LOGIN PAGE ------
PASSWORD RESET ------
REGISTER PAGE ------
----------------------------------------------------------- */
  .container.login div.panel.login .panel-body,
  .container.password div.panel.login .panel-body,
  .container.register div.panel.login .panel-body{
    padding: 35px 20px;
  }
  .container.login div.login h2,
  .container.password div.login h2,
  .container.register div.login h2 {
    text-align: center;
    margin-top: 0px;
  }
  .alternatelogins {
    border-top: 2px solid #E8E8E8;
    padding-top: 20px;
    margin-top: 20px;
  }
  .alternatelogins > div {
    float: left;
    width: 45%;
    margin-left: 2.5%
  }
  .alternatelogins > div:first-child {
    margin-right: 2.5%;
  }
  .alternatelogins > div > a{
    display:inline-block;
    width: 100%;
    border: 2px solid #E8E8E8;
    font-weight: 700;
  }
  .alternatelogins > div > a:hover,
  .alternatelogins > div > a:focus {
    background: #E8E8E8;
  }
  .alternatelogins #facebook {
    display: inline-block;
    color: #205D96;
  }
  .alternatelogins #twitter {
    display: inline-block;
    color: #55ACEE;
  }
  div.options {}
  div.options ul{list-style: none;}
  div.options ul li{float: left; width: 50%;text-align: center}
  div.options ul li a{font-weight: 700; color: #3498DB; text-transform: uppercase;font-size: 14px;}
/* -----------------------------------------------------------
CUSTOMER FEEDBACK (CSAT) ------
----------------------------------------------------------- */
  .container.feedback {}
  .container.feedback .panel-heading {
    padding: 30px 0px;
    text-align: center;
  }
  .container.feedback .panel-heading h2{
    margin-top: 0px;
    font-weight: 400;
  }
  .container.feedback .panel-heading h4{
    margin-top: 0px;
    font-weight: 400;
  }
  .container.feedback .panel-heading h6{
    margin-top: 0px;
    font-weight: 400;
  }
  .container.feedback .form label {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    width: 100%;
  }
  .container.feedback .form input[type=radio] {
    float: left;
    height: 46px;
    vertical-align: middle;
    margin: 0px;
  }
  .container.feedback .form button.btn-radio {
    background: none;
    border: none;
    margin: 0px auto;
    display: block;
  }
  .container.feedback .form button.btn-radio.active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .radio-label-rating-type {
      vertical-align: middle;
  }
  .container.feedback div.two-up,
  .container.feedback div.four-up {padding: 30px 0px;}
  /* TWO UP */
  .container.feedback div.two-up > div:first-child{border-right: 1px solid #e9e9e9;}
  .container.feedback div.two-up button.btn.value-0{float: right;}
  .container.feedback div.two-up button.btn.value-3{float: left;}
  /* FOUR UP */
  .container.feedback div.four-up{}
  .container.feedback div.four-up > div {
    border-right: 1px solid #e9e9e9;
  }
  .container.feedback div.four-up > div:last-child { border: none;}
  .container.feedback div.four-up > div > div.form-group{
    width: 100%;
    margin: 0px;
  }
  .container.feedback div.four-up > div:last-child > div.form-group{ border: none;}
  .container.feedback div.four-up button img {
    margin: 0px auto;
  }
  @media only screen and (max-width: 40em) {
    .container.feedback div.four-up > div {border: none;}
    .container.feedback div.four-up > div > div.forum-group {width: auto;}
  }
/* -----------------------------------------------------------
NOTIFICATIONS ------
----------------------------------------------------------- */
  #flash {
    display: block;
    display:none;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 1048;
    position: absolute;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    min-height: 50px;
    background-color: #FFF8EA;
    border: 0;
    margin-bottom: 0;
    color: #A79A80;
    text-shadow: none;
    text-align: center;
    padding: 20px;
  }
  .agent_notifier_msg.a-flash.flash_notice{
    font-weight: 400;
    text-align: center;
  }
/* -----------------------------------------------------------
SIDEBAR STYLES ------
----------------------------------------------------------- */
  #sidebar {}
  #sidebar h2,
  #rowbar  h2,
  .gs-content h2 {
    margin: 0px;
    font-weight: 600;
    font-size: 28px;
  }
  #sidebar > ul.options {margin-top: 20px;}
  #sidebar > ul,
  .gs-content ul {
    border-radius: 10px;
    list-style: none;
    background: rgba( 0, 0, 0, .035);
    padding: 0px 15px;
    margin: 60px 0px;
  }
  #sidebar > ul > li,
  .gs-content ul > li{
    text-transform: uppercase;
    border-bottom: 2px solid #e2e2e2;
  }
  #sidebar > ul > li:last-child,
  .gs-content ul > li:last-child{
    border-bottom: none
  }
  #sidebar > ul > li > a,
  .gs-content ul > li > div{
    color: #3498db;
    padding: 20px 0px;
    display: block;
    font-size: 14px;
    font-weight: 600;
  }
  .gs-content ul > li > span {
    display: none;
  }
  #sidebar > ul > li.phone > a{
    color: #333;
  }
  #sidebar > ul > li > a > i {
    float: right;
    color: #c5c5c5;
    margin-right: 10px;
    font-size: 20px;
  }
  #sidebar > ul > li:hover a {
  }
  #sidebar > ul > li:hover i {
    color: #e2e2e2;
  }
  #rowbar {}
  #rowbar h2{
    text-align: center;
    margin-bottom: 40px;
  }
  #rowbar ul {list-style: none;}
  #rowbar ul li{
    width: 50%;
    padding: 0px 15px 20px 15px;
    float: left;
  }
  #rowbar ul li a{
    width: 100%;
    display: inline-block;
    background: #3498DB;
    color: #fff;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: none;
    white-space: nowrap;
    padding: 18px 24px;
    font-size: 16px;
    line-height: 1.42857;
    border-radius: 4px;
  }
  #rowbar ul li a:hover,
  #rowbar ul li a:focus {
    text-decoration: none;
  }
  #rowbar ul li a i {
    float: right;
    margin-right: 10px;
    font-size: 20px;
  }
/* -----------------------------------------------------------
SIDEBAR ARTICLE SUGGEST ------
----------------------------------------------------------- */
  .sidebar.suggest {
    padding-top: 54px;
  }
  .sidebar.suggest h2{
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
  }
  .sidebar.suggest h4 {
    font-size: 16px;
    font-style: italic;
    color: #999;
  }
  #sidebar .autosuggest ul {
    list-style: none;
    background: none;
    padding: 0px;
    margin: 20px 0px;
  }
  #sidebar .autosuggest ul  li{
    text-transform: uppercase;
    border-bottom:none;
    padding-right: 15px;
  }
  #sidebar .autosuggest ul li a{
    color: #3498db;
    padding: 20px 0px 20px 15px;
    display: block;
  }
  #sidebar .autosuggest ul li a span {
    color: #3498db;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    width: 80%;
  }
  #sidebar .autosuggest ul li:nth-child(odd) {
    background: rgba( 0, 0, 0, .035);
  }
  #sidebar .autosuggest ul li:nth-child(even) {
    background: none;
  }
  #sidebar .autosuggest ul li a i {
    float: right;
    color: #c5c5c5;
    margin-right: 10px;
    font-size: 20px;
  }
  #sidebar .autosuggest  ul li:hover a {
  }
  #sidebar .autosuggest  ul li:hover i {
    color: #e2e2e2;
  }
  #sidebar .autosuggest.multi-brand ul li{
    margin-bottom: 8px;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
  }
  #sidebar .autosuggest.multi-brand ul li a{}
  #sidebar .autosuggest.multi-brand ul li a i{
    color: #81878C;
    margin-right: 10px;
    min-width: 15px;
    text-align: center;
  }
  #sidebar .autosuggest.multi-brand ul li a span{}
  #sidebar .autosuggest.multi-brand .btn.btn-submit {
    padding: 4px 13px;
  }
/* -----------------------------------------------------------
FOOTER ------
----------------------------------------------------------- */
  #footer {
    background: #353c45;
    color: #3498db;
    padding: 94px 0px 80px 0px;
  }
  #footer .container p,
  #footer .container a span{
    color: #3498db;
    margin: 0px;
  }
  #footer .container a {
    color: #fff;
    text-decoration: none;
  }
  /* Social iFrame */
  body > iframe {
    display: none;
  }
/* -----------------------------------------------------------
SITE CAVAS/MOBILE ------
----------------------------------------------------------- */
  /* Canvas/Wrapper */
  #site-wrapper{
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  #site-canvas {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .show-nav #site-canvas {
    -webkit-transform: translateX(270px);
    transform: translateX(270px);
    -webkit-transition: 300ms ease-out all;
    transition: 300ms ease-out all;
  }
  #mobile-menu {
    background: #353C45;
    color: #D4D9DE;
    width: 270px;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: -270px;
    padding: 0px;
    z-index: 999;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

/* -----------------------------------------------------------
MAGNIFIC POPUP CSS ------
----------------------------------------------------------- */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0;}



/* -----------------------------------------------------------
CHAT ------
----------------------------------------------------------- */

.chat-link-container {
  display: none;
  position: absolute;
}
a.chat-link {
  display: block;
  box-sizing: border-box;
  color: white;
  padding: 10px 20px;
  position: fixed;
  bottom: -2px;
  right: 0;
  margin: 0 20px 0 0;
  background: #3498db;
  text-shadow: 1px 1px black;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-family: sans-serif;
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: inset 1px 1px rgba(255, 255, 255, 0.15);
  border: 1px solid #2180C0;
}

a.chat-link:hover {
  text-decoration: none;
}
.chat-container {
  display: none;
  padding: 0;
  width: 450px;
  height: 375px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 1000;
  border: 2px solid #2C97DE;
  border-radius: 4px;
  box-shadow: 0 0 25px rgba(0,0,0,.25);
  background: #eee;
}
.chatframe {
  width: 100%;
  height: 100%;
}
.chat-close {
  position: absolute;
  top: -4px;
  left: -4px;
  background: rgb(245, 64, 64);
  padding: 2px 4px;
  display: block;
  color: rgba(165, 16, 16, 1);
  border-radius: 100%;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.33);
  line-height: 13px;
  font-family: sans-serif;
  box-shadow: inset 1px 1px rgba(255, 255, 255, 0.25), 1px 1px rgba(0, 0, 0, 0.25);
  border: 1px solid rgb(255, 74, 74);
}
.chat-close:hover {
  background: rgb(255, 74, 74);
  color: rgba(165, 16, 16, 1);
  text-decoration: none;
  box-shadow: inset 1px 1px rgba(255, 255, 255, 0.33), 1px 1px rgba(0, 0, 0, 0.25);
}
.chat-minimize {
  position: absolute;
  top: -4px;
  left: 15px;
  padding: 2px 4px;
  background: rgb(245, 174, 0);
  display: block;
  color: rgba(219, 105, 0, 1);
  border-radius: 100%;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.33);
  line-height: 13px;
  font-family: sans-serif;
  box-shadow: inset 1px 1px rgba(255, 255, 255, 0.25), 1px 1px rgba(0, 0, 0, 0.25);
  border: 1px solid rgb(255, 143, 0);
}
.chat-minimize:hover {
  background: rgb(255, 184, 0);
  color: rgba(219, 105, 0, 1);
  text-decoration: none;
  box-shadow: inset 1px 1px rgba(255, 255, 255, 0.33), 1px 1px rgba(0, 0, 0, 0.25);
}