html, body {
	font-family: "Avenir-Medium", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.7;
	background-color: #FDFDFD; 
}
h1, h2, h3, h4 {
  font-family: "Avenir-Medium", Helvetica, Arial, sans-serif;
}
a {
  color: #3279F4;
}
.blue-text {
  color: #3279F4;
}
.navbar {
    margin-bottom: 0px;
}
 /*-- Center Navbar Links -*/
 @media (min-width: 768px){
    .navbar-nav-center{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
}
  /*-- Navbar -*/
  /*-- background-color, border-color, border-bottom? --*/
  /*-- Navbar bg color:  #F7F7F7 --*/
  /*-- Navbar link color:  #007AFF  --*/
  /*-- Navbar separator color:  #CECECE  --*/
.navbar-default {
  background-color:#F7F7F7; 
  border-color:#CECECE;
  color:#007AFF;
  border-bottom: 1px solid #CECECE;
}
  /*-- background-color -*/
.navbar-default .navbar-toggle.collapsed, 
.navbar-default .navbar-toggle.collapsed .icon-bar, 
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle .icon-bar   {
  border-color: #007AFF;
  background-color: #eee;
}
.navbar-default .navbar-toggle.collapsed:hover, 
.navbar-default .navbar-toggle.collapsed .icon-bar:hover, 
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle .icon-bar:hover   {
  border-color: #007AFF;
  background-color: #CECECE;  /*-- Background color of hamburger menu on hover -*/
}
  /*-- Title -*/
.navbar-default .navbar-brand {
  color: #007AFF;
}
 /*-- Title -*/
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
 /*-- Link -*/
.navbar-default .navbar-nav > li > a {
  color: #007AFF;
}
 /*-- Link -*/
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff; /*-- Color of link when clicked -*/
  background-color:#007AFF;
}
 /*-- Link Hover-*/
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
  color: #fff; /*-- Color of link when hovered -*/
  background-color: #007AFF;
}
 /*-- Link -*/
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #F7F7F7;
  color: #007AFF;
}

 /*-- Caret -*/
 .navbar-default .navbar-nav > .dropdown > a .caret, {
  border-top-color: #007AFF;
  border-bottom-color: #007AFF;
}

.navbar-default .navbar-nav > .dropdown .active > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}


.navbar-brand {
  padding:  0px;
  padding-right: 20px;
}

.navbar-nav > li > a {
  padding-top: 2px;
  padding-bottom: 0px;
}

.navbar-brand > img {
  max-height: 100%;
  height: 100%;
  width: auto;
  margin-top: 0px;
}

.navbar-brand-default > img {
  padding: 15px 15px;
}

.navbar-brand-square > img {
  padding: 5px 5px;
}

.navbar-brand, .navbar-nav > li > a {
  height: 50px;
  line-height: 50px;
}

 /*-- Caret -*/
/* .navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}*/

.navbar-collapse { max-height: 100% !important; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: #007AFF;
}
.navbar-default .navbar-toggle .icon-bar:hover {
  background-color: #007AFF; /* Changes toggle color on hover */
}
  /*-- change navbar dropdown color for small screen sizes --*/
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu {
    color:#007AFF;
  }
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu {
    color:#007AFF;
  }
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a, 
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, 
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
      color:#007AFF;
      background-color: #CECECE;
  }
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #262626;
  background-color: #f5f5f5;
}

.subnav {
  margin-top: -15px;
  top: 0px;
  z-index: 1;
  background-color: rgb(247,247,247); 
  border-bottom: 1px solid #E1E1E1;
  padding: 0px;
}
.subnav-brand {
  height: 50px;
  line-height: 50px;
  padding-left: -15px; 
  /*padding-right: 20px;*/
}
.subnav-brand > img {
  max-height: 100%;
  height: 100%;
  width: auto;
  padding: 5px 0px;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .subnav-text {
    float: right;
    margin-right: 15px;
    margin-left: 15px;
  }
}
.subnav-text {
  float: right;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
  margin-left: 15px;
}
.subnav .pager {
  padding-left: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.subnav .pager li > a{
  height: 42px;
  line-height: 42px;
  display: inline-block;
  padding: 0px;
  margin: 0px 20px 0px 0px;
  background-color: rgb(247,247,247);
  border: none;
  border-radius: 0px;
  color: #3279F4;
  overflow: hidden;
  float: left;
}
.subnav .pager li > a:hover,
.subnav .pager li > a:focus {
  text-decoration: none;
  border-bottom: 3px solid #3279F4;
}
.subnav .pager li > a.active,
.subnav .pager li:hover > a {
  text-decoration: none;
  border-bottom: 3px solid #3279F4;
}
h2.large {
    font-size: 36px;
}
.btn-primary {
  background-color: #3279F4;
  border-color: #3279F4;
  color: #ffffff;
}

.btn-danger {
  background-color: #ffffff;
  border-color: #8c8c8c;
  color: #EB4E3E;
}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary:active, 
.open .dropdown-toggle.btn-primary {
  background-color: #3540A2;
  border-color: #3279F4;
  color: #B4B3EE;
}
.btn-danger:hover, 
.btn-danger:focus, 
.btn-danger:active, 
.btn-danger:active, 
.open .dropdown-toggle.btn-danger {
  background-color: #e6e6e6;
  border-color: #EB4E3E;
  color: #EB4E3E;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #EB4E3E;
  background-color: #e6e6e6;
  border-color: #EB4E3E;
}
.btn-link {
  color: #3279F4;
}
.move-up {
    padding-top: -15px;
    margin-top: -10px;
}
.pad-neg{
    padding-top: -20px;
    padding-bottom: -20px;
}
.tpad-sm {
  padding-top: 5px;
}
.tpad-sm-plus {
  padding-top: 10px;
}
.tpad-md{
    padding-top: 30px;
}
.tpad{
    padding-top: 20px;
}
.tpad-lg{
    padding-top: 40px;
}
.bpad{
    padding-bottom: 20px;
}
.img-center {
  margin:0 auto;
}
hr {
    border-top: 1px solid #c9c9c9;   
}
@media (min-width: 992px) {
  .grid--borderBetween > [class*='col-']:before,
  .grid--borderBetween > [class*='col-']:after {
      background: #b2b2b2;
      bottom: 0;
      content: " ";
      position: absolute;
      width: 1px;
      top: 0;
  }
  .grid--borderBetween > [class*='col-']:before {
      left: 0;
  }
  .grid--borderBetween > [class*='col-']:after {
      right: -1px;
  }
  .grid--borderBetween > [class*='col-']:first-child:before,
  .grid--borderBetween > [class*='col-']:last-child:after {
      display: none;
  }
}
/* TESITMONIALS SECTION */
/*#quote-carousel {
    height: 450px;
    padding: 0 10px 30px 10px;
    margin-top: 60px;
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-top: 20px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 40px;
    height: 40px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    opacity: 0.4;
    overflow: hidden;
    transition: all .4s ease-in;
    vertical-align: middle;
}
#quote-carousel .carousel-indicators .active {
    width: 80px;
    height: 80px;
    opacity: 1;
    transition: all .2s;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
.orange {
  color: #ED8934;
}*/
/* END jTESITMONIALS SECTION */

.sidebar {
  background-color: #FDFDFD;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #3279F4;
  border-color: #3279F4;
}

.demo-form {
  background: #EBEBF0;
}

.list-group.list-group-root {
    padding: 0;
    overflow: hidden;
}
.list-group.list-group-root .list-group {
    margin-bottom: 0;
}

.list-group.list-group-root .list-group-item {
    border-radius: 0;
    border-width: 1px 0 0 0;
}

.list-group.list-group-root > .list-group-item:first-child {
    border-top-width: 0;
}

.list-group.list-group-root > .list-group > .list-group-item {
    padding-left: 30px;
}

.list-group.list-group-root > .list-group > .list-group > .list-group-item {
    padding-left: 45px;
}

.list-group-item .glyphicon {
    margin-right: 0px;
}
.store {
  cursor: pointer;
}
.store .glyphicon-ok {
  display: inline;
}
.store.danger .glyphicon-ok {
  display: none;
}
.store .glyphicon-warning-sign {
  display: none;
}
.store.danger .glyphicon-warning-sign {
  display: inline;
}
.store .storeNumber {
 font-weight: bold;
}
.content {
  background-color: #fff;
  border-bottom: 1px solid #BBBBC2;
  border-left: 1px solid #BBBBC2;
  border-right: 1px solid #BBBBC2;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  min-height: 400px;
}
.content h3 a{
  color: #3279F4;
}

.jumbotron {
  background-color: #FDFDFD;
}
.jumbotron h1,
.jumbotron .h1 {
    font-size: 54px;
}
.jumbotron p {
  font-size: 18px;
  font-weight: 400;
}
.success h3 {
  color: #32A33D;
}
.nav-pills > li > a {
  margin-top: 1px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
}
.nav-pills > p {
  margin-top: 1px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #3279F4;
}

.ft_space{
  padding: 0 10px;
}
.ftr {
  background-color: #FDFDFD;
  padding: 40px 0 40px 0;
}
.ftr address, .ftr a, .ftr p {
  color: #3279F4;
}
select:focus {
  outline: 1px solid #c9f3ef;
}
label {
  font-size: 0.8rem;
  color: #4B4B4B;
}

.row.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/*Manage Licenses */

      .footnote {
        font-size: x-small;
        background: rgb(250,244,220);
      }
      #subscriptionPayment {
        margin-right: 10px;
      }
      a {
        cursor: pointer;
      }
      #eft .eft {
        /* show USA fields since USA tab is active */
        display: block;
      }
      #eft .eftca {
        /* hide Canada fields since USA tab is active */
        display: none;
      }
      
      #eft.eftca .eft {
        /* hide USA fields since Canada tab is active */
        display: none;
      }
      #eft.eftca .eftca {
        /* show Canada fields since Canada tab is active */
        display: block;
      }
      /* ORDER COMMON STYLES ////////////////////////////////////////// */
      table.orderSummary {
        width: 100%;
        margin: 15px 0;
      }
      table.orderSummary th,
      table.orderSummary td {
        text-align: right;
        padding: 5px 0 5px 15px;
        line-height: 1.2;
        vertical-align: bottom;
        font-size: 75%;
      }
      table.orderSummary th:last-child, 
      table.orderSummary td:last-child {
        padding-right: 15px;
      }
      table.orderSummary th:first-child, 
      table.orderSummary td:first-child {
        text-align: left;
      }
      table.orderSummary tr:last-child {
        background: #f6f6f6;
      }
      table.orderSummary tr:first-child th {
        border-bottom: 1px solid lightgray;
      }
      table.orderSummary tr:last-child td {
        border-top: 1px solid lightgray;
        border-bottom: 1px solid lightgray;
        color: gray;
      }
      table.orderSummary.noIndent th,
      table.orderSummary.noIndent td {
        padding: 5px 0 5px 0px;
      } 
      
      /* ORDER FORM ////////////////////////////////////////// */
      #orders button {
        min-width: 120px;
      }
      #orders table {
        width: 100%;
      }
      #orders table#products th,
      #orders table#products td {
        text-align: right;
        border-bottom: 1px solid lightgray;
        padding: 10px 0 10px 15px;
        line-height: 1.2;
        vertical-align: bottom;
      }
      #orders select#orderStoreNumber {
        min-width: 300px;
      }
      #orders table#products th:first-child, 
      #orders table#products td:first-child {
        text-align: left;
      }
    #orders table#products th:first-child,
    #orders table#products td:first-child {
        padding-left: 0;
      }
      #orders table#products td:nth-child(3) {
        color: #959595;
      }
      #orders table#products.nosuggested th:nth-child(3),
      #orders table#products.nosuggested td:nth-child(3) {
        display: none;
      }
      #orders table#products.noprevious th:nth-child(4),
      #orders table#products.noprevious td:nth-child(4) {
        display: none;
      }
      #orders table#products th:last-child, 
      #orders table#products td:last-child {
        padding-right: 15px;
      }
      #orders table tr.previousItem td {
        font-weight: bold;
      }
      #orders table tr:last-child {
        background: #f6f6f6;
      }
      #orders .row {
        padding-top: 15px;
      }
      #orders .currentOrderArea .row {
        padding-right: 10px;
      }
      #orders .row a#orderFormPdf {
        white-space: nowrap;
        line-height: 2.2em;
      }
      #orders .previousOrderArea {
        background: #f6f6f6;
        border-top: 1px solid lightgray;
        border-bottom: 1px solid lightgray;
        padding-right: 10px;
        margin-bottom: 1em;
      }
      #orders table#previousOrder {
        margin-bottom: 0;
      }
      
      /* ORDER SUMMARY/REVIEW  ////////////////////////////////////////// */
      #orderSummaryFormArea {
        background: #f6f6f6;
        padding: 15px;
        border-radius: 8px;
      }
      #orderSummary {}
      #orderSummary label {
        display: block;
        position: relative;
        margin-bottom: 1em;
      }
      #orderSummary label+label {
        margin-top: 1em;
      }
      #orderSummary #newAddressForm {
        margin: 0;
      }
      #orderSummary #newAddressForm label:first-child {
        margin-bottom: 0;
      }
      #orderSummary label.addressForm {
        display: inline-block;
        margin-right: 2em;
      }
      
      #orderSummary select {
        min-width: 250px;
      }
      #orderSummary label a {
        font-weight: normal;
      }
      #orderSummary label a img {
        width: 1em;
        height: 1em;
        margin-top: -0.3em;
      }
      #orderSummary .row {
        padding: 0 15px;
      }
      
      /* ORDER RECEIPT ////////////////////////////////////////// */
      #orderReceipt label {
        display: block;
        margin-bottom: 0;
      }
      #orderReceipt label + label {
        margin-top: 1em;
      }
      #orderReceipt label span {
        font-weight: normal;
      }
      
      /* ORDER POPOVERS ////////////////////////////////////////// */
      #glass {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: black;
        opacity: .3;
      }
      .shippingPopover,
      .orderPopover {
        z-index: 1050;
        width: 240px;
        height: 123px;
        
        position: absolute;
        top: 60px;
        left: 250px;
        
        border: 1px solid gray;
        border-radius: 8px;
        box-shadow: 1px 1px 5px black;
        background: white;
        font-size: 75%;
      }
      .orderPopover {
        width: 380px;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-left: -230px;
      }
      .shippingPopoverHeader,
      .orderPopoverHeader {
        border-radius: 8px 8px 0 0;
        background: #f6f6f6;
        font-weight: bold;
        padding: 5px 15px;
        border-bottom: 1px solid gray;
      }
      .shippingPopoverBody,
      .orderPopoverBody {
        padding: 5px 15px;
      }