::selection { background: #2c4f6f ; color:#FFFFFF; /* Safari */ }
::-moz-selection {background: #2c4f6f ; color:#FFFFFF ; /* Firefox */ }


body {
  font-family: 'Open Sans', 'sans-serif';
  color: #6f6f6f;
  line-height:1.6em;
}

body.isSticky {
    padding-top: 185px;
}

a, a:before, a:after, button, input, select { 
  color: inherit;
  -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}


body:not(.is-touch) a:hover {
  color:#0153a5;
}

a:focus {
  text-decoration: none !important;
  outline:0;
}

@media screen and (max-width: 767px) {
  body:not(.is-touch) a:hover {
    text-decoration: none !important;
  }  
}

body:not(.is-touch) h3 a:hover {
  text-decoration: none;
}

img {
    max-width: 100%;
}

ul {
  margin:0;
  padding: 0;
}

.shadow {  
   -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}

.border-around {
  border:1px solid #ebebeb;
}
.border-down {
   border-bottom:1px solid #ebebeb;
   padding-bottom:30px;
}
.margin-top {
  margin-top: 15px;
}

.margin-down {
  margin-bottom: 40px;
}


.page-section-spacer {
  margin-top:30px;
}


.green {
  color:#35ae5a;
}
.red {
  color:#a94442;
}

@media screen and (max-width: 767px) {
  .page-section-spacer {
    margin-top: 0px;
  }
}

/* IE11 hide native button */
select::-ms-expand {
display: none;
}


input:not([type=checkbox]):not([type=radio]),
textarea,
select {
  -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
   border: 1px solid #ebebeb;
   border-radius: 0px;
   margin: 0;
   background-color: #ffffff;
   /*cursor: pointer;*/
  width: 100%;
  padding: 0.3em 10px;
  color: #6f6f6f;
  font-size: 1em;
  line-height: 1.4em;
  height: 3.1em;
  display: block;
  /*margin: 2px 0px;*/
}
textarea {
  height: 9em;
}
input[type=checkbox],
input[type=radio] {
  vertical-align: top;
}

body:not(.is-touch) input:hover,
body:not(.is-touch) select:hover {
  border-color:#999;
}

input[type=checkbox] {
  border-radius: 0px;
}

input::-moz-placeholder {
  color: #999;
  opacity: 1;
}
input:-ms-input-placeholder {
  color: #999;
}
input::-webkit-input-placeholder {
  color: #999;
}
textarea::-moz-placeholder {
  color: #999;
  opacity: 1;
}
textarea:-ms-input-placeholder {
  color: #999;
}
textarea::-webkit-input-placeholder {
  color: #999;
}

select {
  color:#999;
}


label {
  font-weight:400;
  margin-bottom:0;
}

.select-holder {
  position: relative;
  width: 100%;
  margin-bottom:10px;
}
.select-holder:after {
  content: '\f078';
  font: normal normal normal 1em/1 FontAwesome;
  color: #999999;
  right: 10px;
  top: -2px;
  padding: 15px 0px 0px 8px;
  position: absolute;
  pointer-events: none;
}

.divider{
  border-top: 2px solid #2c4f6f;
  width: 40%;
  margin-bottom:20px;
}
.h1, h1 {
  font-family: 'Poppins';
  color:#2c4f6f;
  font-size:2em;
  font-weight: 700;
  line-height: 1.3em;
  margin-top:0;
}
.h2, h2 {
  font-family: 'Poppins';
  color:#2c4f6f;
  font-size:2em;
  font-weight: 700;
  line-height: 1.3em;
  margin-top:0;
}
.h3, h3 {
  font-family: 'Poppins';
    font-size: 1.7em;
    margin:0;
    padding:0;
    color:#2c4f6f;
    font-weight: 700;
    margin-bottom: 10px;
}

h4 {
  font-size: 1.2em;
  line-height: 1.4em;
    color:#2c4f6f;
}

h2.page-title {
  margin-bottom:0;
}

h3.section-title {
  display: inline-block;
  margin-bottom: 1em;
}

h3.thin {
  font-family:inherit;
  font-weight:400;
    font-size: 1.3em;
}

h4.cat-title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #2c4f6f;
  text-transform: uppercase;
  margin-top:0;
}


p:last-child {
  margin-bottom: 0;
}


@media screen and (max-width:767px) {
  h2.section-title {
    text-align: center;
    font-size: 1.8em;
  }
}

.note {
  font-size: 0.8em;
  font-style: italic;
  line-height:1.4em;
}





button,
a.button-style {
  background-color: #2c4f6f;  
  color: #ffffff;
  font-size: 1.3em;
  padding: 0.6em 1em 0.72em;
  border-style: none;
  /*margin: 0 auto;*/
  /*cursor: pointer;*/
    text-align: center;
}


body:not(.is-touch) a#update-cart:hover,
body:not(.is-touch) a.button-style:hover,
body:not(.is-touch) button:hover {
  background-color:#0153a5;
  text-decoration: none;
  color:#fff;
}


.modify-info button.save-btn,
a.button-style.modify-btn {
  font-size: 1em;
  padding: 0.4em 1em 0.52em;
  width: 100%;
  display: block;
  background-color: #eee;
  color: #999999;
}
body:not(.is-touch) .modify-info button.save-btn:hover,
body:not(.is-touch) a.button-style.modify-btn:hover {
  background-color:#2c4f6f;
  color: #fff;
}


.add_to_cart {
    background-color: #35ae5a;
    width: 100%;
    padding: .5em 1em .7em;
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: 400;
}

body:not(.is-touch) .add_to_cart:hover {
  background-color:#1c752f;
}
.add_to_cart span {
  font-size: 14px;
}
.add_to_cart .fa-shopping-cart {
  padding-right: 0.4em;
    font-size: 1.4em;
        vertical-align: text-bottom;
}
.add_to_cart i.fa-shopping-cart {
  font-size: 1.5em;
}


.arrow-right:after {
  content:'\f054';
  font-family: 'FontAwesome';
  font-size:1em;
  margin-left: 0.7em;
  position: relative;
  left:0;
}
.arrow-right:hover:after {
  left: 5px;
}

.back-arrow:before {
  content:'\f053';
  font-family: 'FontAwesome';
  font-size:1em;
  margin-right: 0.7em;
  position: relative;
  left:0;
}    
.back-arrow:hover:before {
  left: -5px;
}



a.read-more-btn {
  color:#2c4f6f;
}

body:not(.is-touch) a.read-more-btn:hover {
  text-decoration: none;
  color:#0153a5;
}

a.more-info-btn {
  display: inline-block;
  padding: 0.6em 1em;
  border-radius: 3px;
  background-color: #fff;
  color:#0153a5;
  font-weight: 700;
}
body:not(.is-touch) a.more-info-btn:hover {
  color:#fff;
  background-color: #3796f5;
  text-decoration: none;
}

.arrow-down:after {
  content:'\f106';
  font-family: 'FontAwesome';
  margin-left: 10px;
}
.arrow-down.collapsed:after {
  content:'\f107';
}



@media screen and (max-width:767px) {
  #scrollToTop:not(.showMe) {
    display: none;
  }
  #scrollToTop {
    background-color: #0153a5;
    color:#fff;
    padding:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    position: fixed;
    z-index: 9999999;
    bottom: 45px;
    right: 15px;
  }

}


/* HEADER AREA */

.header-bar {
  padding: 10px 0;
}
.header-bar li {
  display: inline-block;
  vertical-align: middle;
}

.header-bar ul.show-dots li:not(:first-child):before {
  content:'●';
  margin-right:5px;
  margin-left: 3px;
  display: inline;
}

/*.header-bar.hideMe {
  height:10px;
}*/


/* promo bar */

.promo-bar {
  background-color: #041a2f;
  /*background-color: #0153a5;*/
  width:100%;
}

.promo-bar li {
    height: 60px;
    padding-right: 10px;
}
.promo-bar li:not(:first-child) {
  border-left:1px solid #ccc;
  padding-left: 10px;
}
.promo-bar li  img {
  height:100%;
  display: inline-block;
  vertical-align: middle;
}

.promo-bar li.view-all-discounts {
  text-align: center;
    width: 13%;
    padding-right: 0;

}
.promo-bar li.view-all-discounts img {
  height:auto;
  width:62px;
  display: block;
  margin:0 auto;
}

.promo-bar li > div.text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  font-size: 0.875em;
}

.promo-bar li.view-all-discounts a {
  font-size: 1em;
    line-height: 1.1em;
  display: block;
}

.promo-bar li > div.text a {
  display: block;
}
/* .promo-bar p {
  margin:0;
  padding:0;
} */
.promo-bar li a:first-child {
  color:#fff;
}

body:not(.is-touch) .promo-bar li > div.text a:hover {
  color: inherit;
} 

body:not(.is-touch) .promo-bar li > div.text a:first-child:hover {
  color: #fff;
} 

.promo-bar .percent {
  color:#01fe02;
  font-weight: 700;
}
.promo-bar li p:last-child {
  color:#ccc;
}
.promo-bar li.view-all-discounts a,
.promo-bar .code {
  color:#03aed1;
  font-weight: 700;
}


@media screen and (min-width:1201px) {
  .promo-bar .collapse {
    display: block;
    height: auto !important;
  }  
}

@media screen and (max-width:1200px) {
  .promo-bar button {
    width: 100%;
    background: transparent;
    border: none;
    color: #999;
    font-weight: 700;
    text-transform: uppercase;
    font-size:1.2em;
  }
  .promo-bar li > div.text {
    font-size: 1.2em;
  }

  .promo-bar ul {
    text-align: center;
  }
  .promo-bar li {
    display: block;    
    padding: 0;
    margin-bottom: 10px;
    padding-top: 10px;
  }
  .promo-bar li:not(:first-child) {
    border-left:none;
    border-top:1px solid #525151;
    padding-left: 0px;

  }
  .promo-bar li.view-all-discounts {
      width: auto;
      padding-top: 15px;
  }  
}

@media screen and (min-width:768px) and (max-width:1200px) {
  .promo-bar li:not(:first-child) {
    padding-left: 10px;
  }
  .promo-bar li {
    padding-right: 10px;
    height: 50px;
  }
  .promo-bar li img {
    height: 40px;
  }
  .promo-bar li.view-all-discounts a,
  .promo-bar li > div.text {
    font-size: 0.85em;
  }

  .upper-bar.header-bar .pull-right,
  .upper-bar.header-bar .show-dots.pull-left {
    float: none !important;
    text-align: center;
  }
  .upper-bar.header-bar .show-dots li {
    margin-bottom: 5px;
  }

  .phone-bar {
    text-align: center;
  }

}
@media screen and  (max-width:1200px) {
.upper-bar.header-bar .pull-right,
.upper-bar.header-bar .show-dots.pull-left {
  float: none !important;
  text-align: center;
}
}


/* pro-bar */
.upper-bar {
  background-color: #f2f2f2;
  border-bottom:2px solid #041a2f;
  
}

.upper-bar li {
  color:#041a2f;
  font-weight: 700;
    font-size: 14px;
  font-family: 'Poppins', 'Open Sans';
}


body:not(.is-touch) .upper-bar li a:hover {
  text-decoration: none;
} 

.upper-bar .pull-right i {
  font-size:1.4em;
  padding-right: 0.2em;
  vertical-align: -0.1em;
}
.upper-bar .pull-right li:first-child {
  margin-right:1em;
}

/* phone bar */ 

.phone-bar {
  color: #0153a5;
  font-weight: 700;
  font-size: 1.2em;
  text-align: right;
  margin-bottom: -25px;
}


@media screen and (max-width:1024px) {
  .phone-bar {
    text-align: center;
  }
}

/* navbar */
header.main-header {
  background-color: #fff;
}
header.main-header .top {
  padding:20px 0;
}



header.main-header .cart-holder .cart {
    float:right;
    display: block;
    cursor: pointer;
    margin-top: 16px;    
}
   
header.main-header .cart-holder div {
   display: inline-block;
   vertical-align: bottom;
   color:#999999;
   font-size:1em;
    margin-left: 10px;
 }

 header.main-header .cart-holder div a {
  font-size:1.3em;
  color:#041a2f;
 }
 body:not(.is-touch) header.main-header .cart-holder .cart:hover div a,
 body:not(.is-touch) header.main-header .cart-holder div a:hover {
  color:#0153a5;
  text-decoration: none;
 }

header.main-header .cart-holder img {
   display: inline-block;
   vertical-align: bottom;
    height: 60px;
}

header input.search-fld {
	width:calc(100% - 2.5em) !important;
	padding:1.1em 1em !important;
	height:auto !important;
	box-sizing:content-box;
	border: 1px solid #bfbfbf !important; 
	font-size: 1em;
}

header input.search-fld::-webkit-input-placeholder {
  color:#bfbfbf;
}
header input.search-fld:-moz-placeholder {
  color:#bfbfbf;
}
header input.search-fld::-moz-placeholder {
  color:#bfbfbf;
}
header input.search-fld:-ms-input-placeholder{
  color:#bfbfbf;
}

header button#search-btn {
    float: right;
    padding: 0.83em 1em;
    /*border-top-right-radius: 3px;*/
    /*border-bottom-right-radius: 3px;*/
    position: absolute;
    top: 0;
    right: 0;
}
/*header button#search-btn:hover {
  background-color: #d1d1d1;
  color:#0153a5;
}*/

header .search-fld-holder div  {
      margin-top: 1.4em;
    position: relative;
}


header .menu-holder {
  background-color: #fcfcfc;
  border-bottom:1px solid #999;
   -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.2);
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}

@media (max-width: 768px) {
  header .menu-holder.sticky {
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
    margin-top: 0;
    border: 0;
  }

  .search-fld-holder .search-btn.show-drawer-btn {
    display: none;
  }
}

/* @media (min-width: 768px) {
  .container>.navbar-collapse,
  .container>.navbar-header {
    margin-left:-15px !important;
    margin-right:-15px !important;
  }  
} */



.navbar-default .navbar-nav>li>a {
  font-family: 'Oswald','sans-serif';
  font-weight: 600;
  color:#041a2f;
    font-size: 1.4em;
    padding: 15px 14px;
}

.navbar-nav {
    margin: 0 -15px;
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover {
    color: #041a2f;
    background-color: #e7e7e7;
}



body:not(.is-touch) .navbar-default .navbar-nav>li.dropdown:hover > ul {
  display: block;
}


.navbar-default .navbar-nav>li:not(:first-child) >a  {
  border-left:1px solid #e7e7e7;
}

.navbar {
    border-radius: 0;
    margin-bottom: 0;
}


header.main-header.sticky {
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  z-index: 1000;
  -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
header.main-header.sticky .top {
    padding: 10px 0;
    height: 70px;
  -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
/*header.main-header.sticky ul.nav {
    margin-top: -15px;
}*/

header.main-header.sticky .top img.logo {
  height:45px;
  width: auto;
  -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

header.main-header.sticky input.search-fld {
  padding:1em;
  -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
} 
header.main-header.sticky .search-fld-holder div {
  margin-top: 0.4em;
  -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
header.main-header.sticky button#search-btn {
  padding: 0.4em 1em;
}

header.main-header.sticky .cart-holder .cart {
    margin-top: 0px;
  -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

header.main-header.sticky .cart-holder div {
  font-size:0.875em;
    line-height: 1.4em;
  -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
header.main-header.sticky .cart-holder img {
  height:45px;
  -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
@media screen and (min-width:768px) and (max-width:1200px) {
  

  header.main-header .cart-holder img {
        height: 55px;
  }
  header.main-header .cart-holder div {
        font-size: 0.9em;
  }

  header.main-header .logo-holder {
    margin-top: 17px;
  }

}
@media screen and (max-width:768px)  {

  body:not(.is-touch) header input.search-fld {
    padding: 1.25em 1em !important;
  }


  body:not(.is-touch) header.main-header.sticky .top {
    height: auto;
  }
  body:not(.is-touch) header.main-header button#search-btn {
    padding: 0.6em 1em !important;
  }
}

/* mega menu 
-------------------------------------------------- */



/*.megamenu .nav {
    display: flex;
    justify-content: center;
    float: none;
}*/
.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown {
  position: static;
}
.megamenu .container {
  position: relative;
}
.megamenu .dropdown-menu {
  left: auto;
}
.dropdown-menu {
  display: none;
}
/* .no-js .dropdown-menu {
  display: block;
} */

.megamenu .megamenu-content {
  padding: 15px;
  margin-top:1px;
  width:100%;
}

.megamenu .dropdown-menu.megamenu-content {
  left: 0;
  right: 0;
}

.megamenu h3.title {
  margin-bottom: 20px;
  margin-top: 5px;
  font-size:1.3em;
    /* vertical-align: middle; */
    /* display: table-cell; */
    /* padding-bottom: 1.5em; */
}

.megamenu .dropdown.list-with-imgs .link-list {
  min-width: 260px;
}
.megamenu .dropdown.list-with-imgs .link-list li {
      padding: 10px;
      margin-bottom: 0;
}
.megamenu .dropdown.list-with-imgs .link-list a.img-link,
.megamenu .dropdown.list-with-imgs .link-list a.txt-link {
  padding: 0;
}
.megamenu .dropdown.list-with-imgs .link-list a.txt-link {
  color: inherit;
}
body:not(.is-touch) .megamenu .dropdown.list-with-imgs .link-list a.txt-link:hover {
  color: #0153a5;
}

body:not(.is-touch) .megamenu .dropdown.list-with-imgs .link-list a.txt-link:hover {
  background: none;
  text-decoration: underline;
  /* color: inherit; */
}

/* .dropdown-menu>li>a:focus, .dropdown-menu>li:hover>a {
  background-color: #f5f5f5;
} */

@media screen and (min-width:768px) {
  .megamenu .megamenu-content .row > .col-sm-2 {
    width:20%;
  }
  .megamenu h3.title {
    height: 2.5em;
  }

}

.megamenu .megamenu-content .row > .col-sm-2:not(:first-child) {
  border-left:1px solid #f2f2f2;
}


.megamenu .link-list li {
  list-style-type: none;
    margin-bottom: 25px;
}
/*.megamenu .link-list li:hover {
  background:#f2f2f2;
}*/
.megamenu .link-list a {
  display: inline-block;
  vertical-align: middle;
}
.megamenu .link-list a.img-link {
  height:45px;
}
.megamenu .link-list a img {
  height:100%;
  width:auto;
}
.megamenu .link-list a.txt-link {
    width: calc(100% - 75px);
    /* line-height: 45px; */
    vertical-align: middle;
    display: inline;
}



.megamenu .dropdown.list-with-imgs .link-list li.view-all a,
.megamenu .link-list li.view-all a {
  color:#0153a5;
  font-weight: 700;
}
body:not(.is-touch) .megamenu .dropdown.list-with-imgs .link-list li.view-all a:hover {
  background: none;
  text-decoration: none;
}

.megamenu a.view-all-cat-btn {
  display:block;
  width:100%;
  background:#f2f2f2;
    padding: 0.7em 0;
    text-align: center;
  margin-top: 1em;
}
body:not(.is-touch) .megamenu a.view-all-cat-btn:hover {
  text-decoration: none;
  background: #0153a5;
  color:#fff;
}


@media screen and (max-width:767px) {

  .mobile-menu {
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999999;
  }
  .mobile-menu .navbar{
    min-height: 0;
  }
  .mobile-menu .navbar-collapse {
    padding: 0;
  }
  .mobile-menu .megamenu .collapse {
      overflow: visible;
      max-height: none;
  }
  .navbar-nav .open .dropdown-menu>li>a {
    line-height: 1.9em;
    font-size: 1.2em;
  } 


  header.main-header .top {
      padding: 5px 0 20px;
  }
  .logo-holder {
      text-align: center;
    float: none;
  }
  .logo-holder img {
        width: 70%;
  }
  .upper-bar {
    /*margin: 10px auto 0;*/
    padding: 10px 0px;
  }
  .upper-bar li {
    display: inline-block;
    margin: 5px;
  }
  body:not(.is-touch) .cart-holder {
    text-align: center;
  }
  header.main-header .cart-holder .cart {
      font-size: 1.7em;
      margin-top: 5px;
      color:#041a2f;
      position: relative;
      float:none;
      width: 1.2em;
  }
  body:not(.is-touch) header.main-header .cart-holder .cart {
    width: auto;
    margin-right: auto;
    margin-left: auto;
        font-size: 1em;
        margin-top: 25px;
  }
  header.main-header .cart-holder .cart:after {
      content:attr(data-num-in-cart);
      display: block;
      border-radius:50%;
      position: absolute;
      z-index: 10;
      color:#fff;
      background-color:#eb2b2c;
      text-align: center;
      font-size: 0.4em;
      width: 1.7em;
      height: 1.7em;
      line-height: 1.6em;
      top: -0.6em;
      right: -0.2em;
    }
    .phone-bar {
      margin: 6px 0 0;
      text-align: center;
    }
    body.is-touch .phone-bar li {
      list-style-type: none;
      font-size: 0.8em;
      text-align: left;
      /*font-weight: 400;*/
      width: calc(50% - 4px);
      display: inline-block;
    }
    header .search-fld-holder div {
      margin-top: 0.7em;
    }

    header .menu-holder {
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      /*border: none;*/
      margin-top:10px;
    }

    .menu-holder.mobile-menu {
      display: none;
    }
    .navbar {
      border:none;
          min-height: 1px;
    }
    .megamenu .collapse {
      overflow: auto;
      max-height: 80vh;
    }
    .megamenu .nav {
      display: block;

    }

    body:not(is-touch) .logo-holder img {
      width: 40%;
  }
    
}

@media screen and (max-width:767px) and (orientation:landscape) {
  .phone-bar li {
    text-align: center;
  }
}

@media screen and (min-width:1024px) {
  a.collapse-btn {
    pointer-events:none;
  }
}


@media screen and (min-width:768px) and (max-width:992px)  {
  .container>.navbar-collapse,
  .container>.navbar-header {    
    width: 100%;
  } 
}
@media screen and (max-width:992px)  {
  

  .megamenu .dropdown {
      border-bottom: 1px solid #e7e7e7;
    }
    .megamenu .link-list {
      display: none;
    }
    .megamenu .megamenu-content h3 {
      text-transform: none;
      color: inherit;
      font-weight: 400;
    }
    .megamenu a.view-all-cat-btn {
      display: block;
      width: 100%;
      background: transparent;
      padding: .7em 0;
      text-align: left;
      margin-top: 0;
    }
    .megamenu a.view-all-cat-btn {
      color: #0153a5;
      display: inline-block;
    }
    .navbar-nav .open .dropdown-menu {
      background: #fbfbfb;
    }

    .megamenu a.view-all-cat-btn:after {
     content:'\f0a9';
      font-family: 'FontAwesome';
      margin-left: 10px;
   }
    .dropdown.open {
      margin-bottom: 10px;
    }
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      text-align: center;
  }
  .navbar-toggle {
      width: 100%;
      margin: 0;
      float: none;
      border: none;
      color: #fff;
      font-weight: 700;
      font-size: 1.4em;
      background-color: #0153a5;
      border-radius:0;
      display: block;
    }
    body:not(.is-touch) .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
      /*color: #041a2f;*/
      background-color: #0153a5;
    }

    /* .promo-bar button {
      display: block !important;
    } */

    
    .megamenu .collapse, .megamenu .dropdown, .megamenu .dropup, .megamenu .nav {
      width: 100%;
      text-align: center;
      margin: 0;
      padding: 0;
    }


    .megamenu > .container {
      width: 100%;
    }
    .navbar {
      border: 0;
    }
    header .menu-holder {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    .navbar-nav>li {
      float: none;
    }
    
    .navbar-collapse.collapse:not(.in) {
      display: none!important;
    }
}



.featured-slide {
  position: relative
}

/*featured bottom widget*/
.feat-coll-slider .slick-slide,
.popular-cat-slider .slick-slide {
  min-height: 275px;
}

.sale-tag {
  background-color: #a94442;
  color: white;
  font-size: 12px;
  position: absolute;
  z-index: 10;
  top: 6px;
  right: 6px;
  padding: 1px 15px;
  border-radius: 0px;
}





span.green {
  color: #19822f;
  font-weight: 700;
}

/*submit button*/
/*#collapseSearch input[type="submit"] {
  background-color: rgb(39,70,100);
  color: #ffffff;
  border: none;
  width: 50%;
  margin: 20px 25%;
}*/


.breadcrumbs {
  margin-bottom:1em;
  font-size:0.875em;
}


#compare-btn {
  display: inline-block;
  padding: 6px;
}


/*featured collections*/
.featured-desc {
  color: #2c4f6f;
  text-align: center;
  padding: 20px 0px;
}



.featured img {
  width: 100%;
}



/* footer */

.pro-site-bar {
  width:100%;
  background-color: #0153a5;
  color:#fff;
  padding: 0.8em 0;
  clear: both;
    margin-top: 30px;
}

.pro-site-bar .col-xs-12 {
  padding-top: 5px;
}

.pro-site-bar strong {
  font-size: 2em;
}

.pro-site-bar a.more-info-btn {
    position: relative;
    top: -2px;
    left: 14px;
}

.pro-site-bar .plumber-img {
  position: absolute;
  top: -55px;
  height: 110px;
  right: 30px;
}


@media screen and (max-width:767px) {
  .pro-site-bar {
    text-align: center;
  }
  .pro-site-bar strong {
    font-size: 1.6em;
    margin: 10px 0;
    display: block;
  }
  .pro-site-bar a.more-info-btn {
      position: static;
      display: block;
      margin: 20px 10px;
  }
  .pro-site-bar .plumber-img {
    display: none;
  }
}



footer {
  background-color:#041a2f;
  color:#fff;
  padding:50px 0;
}


footer a:focus, 
body:not(.is-touch) footer a:hover {
  color:inherit;
}

footer .menu-items strong.title {
  text-transform: uppercase;
}
footer .menu-items ul {
  margin-top:1.6em;
}
footer .menu-items li {
  list-style-type: none;
  margin-bottom: 1em;
}

footer .social-links {
  text-align: center;
}

footer .social-links a {
  display: inline-block;
  border:2px solid #fff;
  color:#fff;
  border-radius:50%;
    font-size: 1.2em;
    text-align: center;
    width: 50px;
    height: 50px;
    padding-top: 0.65em;
    margin: 0 0.8em;
}


body:not(.is-touch) footer .social-links a:hover {
  background-color:#0153a5;
  border-color:#0153a5;
  /*color:#041a2f;*/
}

footer .social-links a i {
  color:#fff !important;
    vertical-align: middle;
}


footer .ccs,
footer .badges {
  margin-top:20px;
  text-align: center;
}

footer .ccs li,
footer .badges li {
  list-style-type: none;
  display: inline-block;
  margin:0 7px;
}

footer h3 {
  color:inherit;
    text-transform: uppercase;
    font-size: 1.3em;
}


footer .copyright {
  border-top:1px solid #515151;
  margin-top:50px;
  padding-top: 6px;
  font-size: .8em;
  color:#999;
}



@media screen and (max-width:767px) {
  footer {
    padding: 25px 0;
  }

  footer h3 {
    text-align: center;
    padding: 1em;
  }
  footer a.title {
    text-align: center;
    padding: 1em;
    color:inherit;
      text-transform: uppercase;
      font-size: 1.3em;
      font-weight: 700;
    display: block;
  }

  footer .menu-items {
        margin-bottom: 3em;
  }
  footer .menu-items ul {
    margin-top:0;
  }
  footer .menu-items li a {
  display: block;
    text-align: center;
    font-size: 1.2em;
  }
  footer .copyright .pull-right,
  footer .copyright .pull-left {
    float:none !important;
    text-align: center;
    margin-top: 10px;
  }
  footer .ccs {
    margin-top: 50px;
  }
  footer .ccs img {
    height:40px;
  }
  footer .badges img {
    max-height:40px;
  }

}



/*sidebar.php*/
.sidebar-group {
  background-color: #f9f9f9;
  padding:15px;
  margin-bottom:15px;  
}
.sidebar-group > *:not(h4) {
  font-size: 0.875em;
}

.sidebar-group ul  {
  list-style-type: none;
  margin-left: 0;
}

.sidebar-group ul li {
  border: none;
  border-bottom: 1px solid #dedede;
  padding: 4px 0;
}
.sidebar-group ul li:last-child {
  border:none;
}

body:not(.is-touch) .sidebar-group ul li a:hover {
  text-decoration: none;
}


@media screen and (max-width: 767px) {
  .sidebar-group {
    margin-bottom:25px;
    background-color: #fff;
  }
  .sidebar-group>*:not(h4) {
    font-size: 1em;
  }
  .sidebar-group ul li {
    padding: 10px 0;
  }
}

#sidebar label {
  margin-left:5px;
  font-size:0.875em;
}
body:not(.is-touch) #sidebar label:hover {
  color:#0153a5;
}


.side-drawer h5.sb-title,
#sidebar h5.sb-title {
    font-weight: 700;
    font-size: 1em;
    text-transform: uppercase;
    border-bottom: 1px solid #999;
    padding-bottom: 5px;
    cursor: pointer;
    margin-top:2em;
}
body:not(.is-touch) .side-drawer h5.sb-title:hover,
body:not(.is-touch) #sidebar h5.sb-title:hover {
  color:#2c4f6f;
}

#collapseSearch button {
    width: 100%;
  background-color: #999;
  color:#fff;
  font-size: 1em;
  padding: 0.7em 1em 0.7em;
}
body:not(.is-touch) #collapseSearch button:hover {
  background-color:#2c4f6f;
}



@media screen and (max-width:767px) {
  body.show-overlay:before {
    content:'';
    position: fixed;
    z-index: 9999;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color: rgba(0,0,0,0.7);
  }
  /*#search-box {
    display: none;
  }*/

  .side-drawer {
    height: 100%; /* 100% Full-height */
    width: 75%; 
    position: fixed; /* Stay in place */
    z-index: 9999999; /* Stay on top */
    top: 0;
    right: -75%;
    background-color: #f9f9f9; 
    overflow-x: hidden; /* Disable horizontal scroll */
    padding: 60px 15px 15px;
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    box-sizing:border-box;
  }
  .side-drawer.open {
    right:0px;
  }
  .side-drawer .close-btn {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 36px;
  }

  a.filter-btn {
    display: block;
    border:1px solid #35ae5a;
    color:#35ae5a;
    padding:0.5em 1em;    
    width: 100%;
    text-align: center;
  }

  a.search-btn {
    display: block;
    padding: 0.5em 1em 0.5em 0;
    border:1px solid #2c4f6f;
    width:100%;
    text-align: center;
    margin: 1em 0 0em;
    color:#2c4f6f;
  }

  #sidebar {
    margin-top: 20px;
  }
}
@media screen and (max-height: 450px) {
    .side-drawer {padding-top: 15px;}
}


@media screen and (max-width: 992px) {
  .dropdown-menu .divider {
    margin: 9px auto;
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .pro-site-bar > .container,
  .navbar > .container {
    padding: 0;
  }
  .navbar-default .navbar-nav>li>a {
    font-size: 1.15em;
  }
  .pro-site-bar strong {
    font-size: 1.5em;
  }
  .pro-site-bar .plumber-img {
    right: 0px;
  }
  footer .ccs li {
    width: calc(25% - 20px);
  }
}


@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
  header.main-header .cart-holder .cart {
    margin-top: 0;
  }
  header.main-header > .container {
    display: flex;
    align-items: center;
  }
  .pro-site-bar strong {
    display: block;
  }
  .pro-site-bar .plumber-img {
    top: -33px;
  }
  footer .social-links a {
    margin: 0 0.2em;
  }
}