.popover {
  border-radius: 0;
  padding: 10px;
  font-family: inherit;
  max-width: 600px;
}

.popover-title {
  border-bottom: 0;
  border-radius: 0;
  background-color: #fff;
  font-size: 2em;
  color: #000000;
}

.popover-content table {
  margin-top: 10px;
  width: 100%;
  padding: 4px;
}
.popover-content tr:first-child {
  background-color: #949191;
  font-family: "webfontregular", Arial, Helvetica, Sans-serif;
  font-size: 16px;
  color: white;
}

.btn[disabled] {
  opacity: .65;
  border: 2px solid none !important;
}

/*darken(#428bca, 6.5%) !default;*/
.table-responsive .responsive:after, .confirmation-block .wrap:after, #header .holder:after,
#header .drop:after,
#header .middle:after, #alert-header .holder:after,
#alert-header .drop:after,
#alert-header .middle:after, #footer .fourcolumns:after,
#footer-section1 .fourcolumns:after,
#footer-section3 .fourcolumns:after, .order-section .wrap:after, .checkout-form .wrap:after, .checkout-form .w:after, .checkout-form .accordion .w2:after {
  content: " ";
  display: block;
  clear: both;
}

.order-block ul, .slideshow .pagin ul, .social-networks, .share ul, .view-order .activities, .sidenav, .listing, .radio-list, .result-block ul, #header #nav .nav ul, #alert-header #nav .nav ul, #header #nav.mega .the-nav ul, #alert-header #nav.mega .the-nav ul, .addnav ul, .autocomplete ul, #footer .footer-nav,
#footer-section1 .footer-nav,
#footer-section3 .footer-nav, #footer .logo-list,
#footer-section1 .logo-list,
#footer-section3 .logo-list, .order-section .wrap .col-middle, .order-section .size-list, .checkout-form .accordion, .filterpage .product-category .checklist, .listing2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.green-checkmark {
  margin-top: 12px;
}

.defaultcursor {
  cursor: default;
}

.block-blue {
  font-size: 14px;
  line-height: 20px;
  color: #a2c2d3;
  margin-bottom: 29px;
  font-weight: 700;
}

.header-small {
  color: #4499a5;
  font-size: 16px;
}

#main {
  padding-bottom: 100px;
}
@media (max-width: 639px) {
  #main {
    padding-bottom: 58px;
  }
}

a img {
  color: #272827;
}

#myModalLabel span {
  color: #FFF;
}

.order-block {
  /*DNA HELIX*/
    /*background: url("/Content/images/sourceimages/helixBGtile.jpg");
    @include cover;
    padding-top: 90px;
    background-size: contain;
    background-position: center;

    @include media('<tablet') {
        padding-top: 61px;
        background-size: 135px;
        background-position: 0 430px;
        background-repeat: repeat-x;
    }*/
}
.order-block .products-nav {
  max-width: 1316px;
  margin: 0 auto;
  position: relative;
  padding: 0px 13px 120px;
}
@media (max-width: 767px) {
  .order-block .products-nav {
    padding-bottom: 180px;
  }
}
.order-block h1 {
  font-size: 3em;
  line-height: 1.2083em;
  color: #000000;
  /*text-transform: capitalize;*/
  margin: 55px 0 55px;
  text-align: center;
  font-weight: bolder;
}
@media (max-width: 1023px) {
  .order-block h1 {
    font-size: 35px;
    line-height: 42px;
  }
}
@media (max-width: 767px) {
  .order-block h1 {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 65px;
  }
}
@media (max-width: 479px) {
  .order-block h1 {
    font-size: 26px;
  }
}
.order-block ul {
  margin: 0 -7px;
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
}
@media (max-width: 767px) {
  .order-block ul {
    margin-bottom: 8px;
  }
}
.order-block ul li {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  padding: 0 7px 15px;
  letter-spacing: 0;
  font-size: 21px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .order-block ul li {
    width: 33.333%;
  }
}
@media (max-width: 767px) {
  .order-block ul li {
    width: 100%;
    display: block;
    padding: 0 76px 13px;
  }
}
@media (max-width: 479px) {
  .order-block ul li {
    padding: 0 15px 10px;
  }
}
.order-block ul a {
  /*border: 2px solid #d0e2e4;*/
  border-radius: 2px;
  background: #DDF8F8;
  color: #00788A;
  display: block;
  position: relative;
  font-size: 21px;
  line-height: 24px;
  padding: 12px 32px 10px 30px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border: 0px solid #DDF8F8;
  font-weight: bold;
}
@media (max-width: 1305px) {
  .order-block ul a {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .order-block ul a {
    font-size: 18px;
    line-height: 24px;
    border-width: 2px;
    padding: 13px 24px 11px 13px;
  }
  .order-block ul a br {
    display: none;
  }
}
.order-block ul a:before {
  content: "\e62f";
  position: absolute;
  top: 50%;
  right: 16px;
  font: 25px/1 'icomoon';
  color: #ADD7D7;
  margin: -12px 0 0;
}
@media (max-width: 639px) {
  .order-block ul a:before {
    font-size: 26px;
    margin-top: -13px;
  }
}
.order-block ul a:hover {
  text-decoration: none;
  background: #00788a;
  background: linear-gradient(90deg, #00788a 20%, #65cbc9 100%);
  color: #FFF;
  /*border-color: #8f908f;*/
}
.order-block ul a:hover:before {
  color: #FFF;
}
.order-block .text {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
}
.order-block .text a {
  color: #000000;
}
.order-block .text a:hover {
  color: #4a9ca7;
  text-decoration: none;
}
.order-block .text em {
  font-weight: normal;
  font-style: normal;
  /*text-transform: capitalize;*/
}
.order-block .arrow {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 57px;
  z-index: 1;
  margin: 0 0 0 -25px;
}
@media (max-width: 767px) {
  .order-block .arrow {
    bottom: 67px;
  }
}
.order-block .arrow:before {
  content: "\e630";
  position: absolute;
  top: 0;
  left: 0;
  font: 35px/1 'icomoon';
  color: #e8e7e7;
}
@media (max-width: 767px) {
  .order-block .arrow:before {
    font-size: 35px;
  }
}
.order-block .arrow:hover:before {
  color: #ccc;
}

.slideshow {
  position: relative;
}
.slideshow .mask {
  position: relative;
  overflow: hidden;
  /*max-height: 713px;*/
  margin-bottom: 2px;
}
@media (max-width: 767px) {
  .slideshow .mask {
    margin-bottom: 2px;
  }
}
.slideshow .mask .slideset {
  width: 100% !important;
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
  white-space: nowrap;
}
.slideshow .mask .slide {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  position: relative;
  letter-spacing: 0;
  color: #c7dcee;
  font-size: 23px;
  line-height: 30px;
}
@media (max-width: 1023px) {
  .slideshow .mask .slide {
    font-size: 18px;
    line-height: 24px;
  }
}
.slideshow .mask .slide.active {
  z-index: 1;
}
.slideshow img {
  width: 100%;
  min-height: 381px;
}
.slideshow .caption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  height: 100%;
  white-space: nowrap;
  z-index: 11;
}
.slideshow .caption:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 1px;
  overflow: hidden;
}
.slideshow .caption img {
  width: auto;
  min-height: 1px;
}
.slideshow .img-wrap {
  width: 388px;
  margin: 0 auto 130px;
}
@media (max-width: 1305px) {
  .slideshow .img-wrap {
    margin-bottom: 50px;
  }
}
@media (max-width: 1023px) {
  .slideshow .img-wrap {
    width: 230px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .slideshow .img-wrap {
    width: 254px;
    margin-bottom: 124px;
  }
}
@media (max-width: 479px) {
  .slideshow .img-wrap {
    width: 200px;
    margin-bottom: 50px;
  }
}
.slideshow .img-wrap img {
  width: 100%;
  min-height: 1px;
}
.slideshow .holder {
  display: inline-block;
  vertical-align: middle;
  max-width: 1300px;
}
.slideshow .text-holder span {
  display: block;
  color: #70a1d4;
  font-size: 41px;
  line-height: 46px;
  /*text-transform: capitalize;*/
  margin-bottom: 5px;
}
@media (max-width: 1023px) {
  .slideshow .text-holder span {
    font-size: 30px;
    line-height: 38px;
  }
}
@media (max-width: 767px) {
  .slideshow .text-holder span {
    font-size: 22px;
    line-height: 28px;
    margin: 0;
  }
}
@media (max-width: 479px) {
  .slideshow .text-holder span {
    font-size: 16px;
  }
}
.slideshow .text-holder em {
  display: block;
  margin-bottom: 33px;
}
@media (max-width: 767px) {
  .slideshow .text-holder em {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 36px;
  }
}
.slideshow .link a span {
  color: #70a1d4;
  font-size: 61px;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 767px) {
  .slideshow .link a span {
    font-size: 44px;
  }
}
.slideshow .link a:hover {
  text-decoration: none;
}
.slideshow .link a:hover span {
  text-decoration: none;
  color: #b61e27;
}
.slideshow .pagin ul {
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
  margin: 0 -1px;
  display: table;
  width: 100%;
  table-layout: fixed;
}
.slideshow .pagin li {
  display: table-cell;
  vertical-align: top;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0;
  padding: 0 1px;
  height: 6px;
  overflow: hidden;
  text-indent: -9999px;
}
@media (max-width: 767px) {
  .slideshow .pagin li {
    height: 5px;
  }
}
.slideshow .pagin li a {
  display: block;
  background: #c6c4c4;
  height: 6px;
  width: 100%;
}
@media (max-width: 767px) {
  .slideshow .pagin li a {
    height: 5px;
  }
}
.slideshow .pagin li a:hover {
  background: #7cb54a;
}
.slideshow .pagin li.active a {
  background: #7cb54a;
}

.three-columns {
  max-width: 1224px;
  padding-top: 180px;
  padding-bottom: 131px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .three-columns {
    padding-top: 20px;
    padding-bottom: 69px;
    font-size: 16px;
    line-height: 20px;
  }
}
.three-columns .block {
  padding: 0 30px 20px;
}
@media (max-width: 1305px) {
  .three-columns .block {
    padding: 0 0 20px;
  }
}
@media (max-width: 767px) {
  .three-columns .block {
    padding: 87px 26px 30px;
  }
}
@media (max-width: 479px) {
  .three-columns .block {
    padding: 30px 0;
  }
}
.three-columns .block .img-wrap {
  width: 212px;
  margin: 0 auto 25px;
  overflow: hidden;
  /*border-radius: 100%;
  border: 1px solid #e3e3e4;*/
}
@media (max-width: 1305px) {
  .three-columns .block .img-wrap {
    width: 180px;
  }
}
@media (max-width: 1023px) {
  .three-columns .block .img-wrap {
    width: 120px;
  }
}
@media (max-width: 767px) {
  .three-columns .block .img-wrap {
    width: 212px;
    margin-bottom: 26px;
    height: 212px;
  }
}
.three-columns .block .img-wrap:hover {
  border-color: #b6b6b8;
  opacity: .8;
}
.three-columns .block .img-wrap img {
  width: 100%;
  display: block;
}
.three-columns .block .text-wrap {
  text-align: center;
  padding: 0 9px;
}
.three-columns .block h2 {
  font-size: 1.875em;
  line-height: 1em;
  margin: 0 0 23px;
  padding: 0 15px;
}
@media (max-width: 1305px) {
  .three-columns .block h2 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 1023px) {
  .three-columns .block h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .three-columns .block h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 23px;
  }
}
.three-columns .block h2 a {
  color: #000000;
  cursor: pointer;
}
.three-columns .block h2 a:hover {
  color: #4a9ca7;
  text-decoration: none;
}

.biosearch-blog {
  background: #6b1e74;
  background: linear-gradient(90deg, #6b1e74 4%, #d85c72 100%);
  color: #fff;
  margin-bottom: 50px;
  text-align: center;
  padding: 23px 13px 14px;
}
@media (max-width: 767px) {
  .biosearch-blog {
    text-align: left;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    padding: 27px 32px 24px;
  }
}
@media (max-width: 767px) and (max-width: 479px) {
  .biosearch-blog {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.biosearch-blog .holder {
  max-width: 1306px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 1023px) {
  .biosearch-blog .holder {
    text-align: left;
  }
}
.biosearch-blog .title-holder {
  margin-right: 45px;
  font-size: 42px;
  line-height: 40px;
  color: #FFF;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 1023px) {
  .biosearch-blog .title-holder {
    float: left;
  }
}
@media (max-width: 767px) {
  .biosearch-blog .title-holder {
    font-size: 34px;
    line-height: 35px;
    margin-bottom: 75px;
    float: none;
    display: block;
  }
}
.biosearch-blog .title-holder strong {
  font-weight: 600;
}
.biosearch-blog .title-holder span {
  display: block;
  color: #FFF;
  font-size: 30px;
  line-height: 32px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .biosearch-blog .title-holder span {
    font-size: 25px;
    line-height: 25px;
  }
}
.biosearch-blog .title-holder i, .biosearch-blog .title-holder #blog-bubble {
  font-size: 70px;
  line-height: 1;
  position: relative;
  color: #FFF;
  bottom: -20px;
  margin-top: -15px;
  display: inline-block;
  vertical-align: top;
  width: 68px;
  margin-right: -10px;
  margin-left: -13px;
}
@media (max-width: 767px) {
  .biosearch-blog .title-holder i, .biosearch-blog .title-holder #blog-bubble {
    font-size: 55px;
    width: 50px;
    margin-left: -4px;
  }
}
.biosearch-blog .text-block {
  text-align: left;
  max-width: 765px;
  padding-top: 2px;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 1023px) {
  .biosearch-blog .text-block {
    overflow: hidden;
    display: block;
  }
}
.biosearch-blog .date {
  display: block;
  font-size: 0.875em;
  line-height: 1.4285em;
  color: #FFF;
  font-weight: 700;
}
@media (max-width: 767px) {
  .biosearch-blog .date {
    font-size: 12px;
    line-height: 24px;
    line-height: 12px;
    margin-bottom: 5px;
  }
}
.biosearch-blog .title {
  display: block;
  font-size: 1.5em;
  line-height: 1.1666em;
  font-weight: 400;
  margin-bottom: 7px;
}
@media (max-width: 767px) {
  .biosearch-blog .title {
    font-size: 21px;
    line-height: 24px;
    margin-bottom: 9px;
  }
}
.biosearch-blog a {
  color: #000000;
  font-weight: 600;
  display: inline-block;
}
.biosearch-blog a:hover {
  color: #4a9ca7;
  text-decoration: none;
}
.biosearch-blog .more {
  font-size: 14px;
  line-height: 20px;
  font-style: italic;
  font-weight: 900;
}
@media (max-width: 767px) {
  .biosearch-blog .more {
    font-size: 12px;
    line-height: 15px;
  }
}

.five-columns {
  padding-top: 148px;
  padding-bottom: 84px;
  max-width: 1306px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .five-columns {
    padding-top: 123px;
    padding-bottom: 0;
  }
}
.five-columns .block {
  width: 20%;
  float: left;
  font-size: 0.875em;
  line-height: 1.2857em;
  text-align: center;
  background: url("/Content/images/sourceimages/sep01.jpg") repeat-y;
  margin-bottom: 20px;
  position: relative;
}
@media (max-width: 1305px) {
  .five-columns .block {
    width: 33.333%;
    margin-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .five-columns .block {
    display: block;
    width: 100%;
    background: none;
    margin-bottom: 69px;
    position: relative;
    text-align: left;
  }
}
.five-columns .block:after {
  background: url("/Content/images/sourceimages/sep01.jpg") repeat-y;
  width: 2px;
  height: 100%;
  content: '';
  position: absolute;
  top: 0;
  right: -3px;
}
@media (max-width: 767px) {
  .five-columns .block:after {
    display: none;
  }
}
.five-columns .block:nth-of-type(2) .content .icon-holder span {
  color: #D7006D;
}
.five-columns .block:nth-of-type(3) .content .icon-holder span {
  color: #6B1E74;
}
.five-columns .block:nth-of-type(4) .content .icon-holder span {
  color: #00788A;
}
.five-columns .block:nth-of-type(5) .content .icon-holder span {
  color: #65CBC9;
}
.five-columns .content {
  min-height: 355px;
}
@media (max-width: 767px) {
  .five-columns .content {
    height: auto !important;
    min-height: 30px;
  }
}
.five-columns .text-wrap {
  color: #000000;
}
@media (max-width: 767px) {
  .five-columns .text-wrap {
    font-size: 14px;
    line-height: 18px;
  }
  .five-columns .text-wrap p {
    margin-bottom: 14px;
  }
}
.five-columns a {
  display: block;
  padding: 0 20px;
  text-decoration: none;
}
@media (max-width: 1305px) {
  .five-columns a {
    padding: 0 5px;
  }
}
.five-columns a:hover {
  text-decoration: none;
  /*.btn {
      background: #4A9CA7;
      color: #FFF;
  }*/
}
.five-columns a:hover .icon-holder {
  color: #107087;
}
.five-columns h3 {
  font-size: 1.5em;
  line-height: 1.1428em;
  color: #000000;
  margin-bottom: 34px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .five-columns h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
  }
}
.five-columns .link {
  text-align: center;
}
@media (max-width: 639px) {
  .five-columns .link {
    text-align: left;
  }
}
.five-columns .btn {
        /*font-size: 14px;
        line-height: 24px;
        text-transform: lowercase;
        color: #FFF;
        background-color:#00788A;
        font-weight: 700;
        border-radius: 0;
        min-width: 144px;

        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        border: 0px solid #00788A;*/
}
@media (max-width: 767px) {
  .five-columns .btn {
    font-size: 13px;
    line-height: 18px;
    min-width: 133px;
    padding: 8px;
  }
}
.five-columns .icon-holder {
  color: #a7a9ac;
  margin-bottom: 33px;
}
@media (max-width: 767px) {
  .five-columns .icon-holder {
    position: relative;
    left: 21px;
    top: 7px;
  }
}
@media (max-width: 479px) {
  .five-columns .icon-holder {
    left: 0;
  }
}
.five-columns .icon-holder span {
  font-size: 100px;
  line-height: 1;
  color: #e55e30;
}
@media (max-width: 767px) {
  .five-columns .icon-holder span {
    font-size: 72px;
  }
}

.social-networks {
  padding-top: 4px;
}
@media (max-width: 767px) {
  .social-networks {
    padding-left: 12px;
  }
}
.social-networks li {
  margin-bottom: 10px;
  position: relative;
  /*text-transform: capitalize;*/
}
@media (max-width: 767px) {
  .social-networks li {
    margin-bottom: 10px;
  }
}
.social-networks li.phone i {
  font-size: 28px;
  top: -10px;
}
@media (max-width: 767px) {
  .social-networks li.phone i {
    top: -10px;
  }
}
.social-networks li.blog i {
  font-size: 19px;
}
.social-networks i {
  font-size: 14px;
  line-height: 1;
  color: #FFFFFF !important;
  position: absolute;
  top: 2px;
  left: 0;
  min-width: 36px;
  text-align: center;
}
@media (max-width: 767px) {
  .social-networks i {
    top: -3px;
  }
}
.social-networks a {
  color: #fff;
  display: block;
  position: relative;
  padding-left: 37px;
}
.social-networks a:hover {
  color: #000000;
  text-decoration: none;
}
.social-networks address {
  position: relative;
  padding-left: 37px;
  line-height: 18px;
  margin: 0;
  padding-top: 19px;
}
.social-networks address a {
  display: inline-block;
  position: static;
  padding: 0;
}
.social-networks address i {
  font-size: 20px;
  top: 19px;
}
@media (max-width: 767px) {
  .social-networks address i {
    font-size: 22px;
  }
}

.modal-background {
  background: #00788a;
  background: linear-gradient(90deg, #00788a 20%, #65cbc9 100%);
}

.modal-content {
  box-shadow: none;
  color: #000;
  padding-top: 77px;
}
.modal-content .modal-header {
  border-color: #65CBC9;
  border-width: 2px;
  text-align: center;
  padding-bottom: 11px;
  margin: 0 28px;
}
@media (max-width: 767px) {
  .modal-content .modal-header {
    margin: 0;
  }
}
.modal-content .modal-header .close {
  text-shadow: none;
  color: #ADD7D7;
  opacity: 1;
  font-size: 35px;
  position: absolute;
  top: -7px;
  right: 28px;
}
@media (max-width: 767px) {
  .modal-content .modal-header .close {
    font-size: 25px;
    line-height: 1;
    right: 10px;
    top: 10px;
  }
}
.modal-content .modal-header .close:hover {
  /*color: #4a9ca7;*/
  opacity: 0.5;
}
.modal-content .modal-body {
  padding: 0;
}
.modal-content .container1 {
  padding: 143px 13px 5px;
}
@media (max-width: 767px) {
  .modal-content .container1 {
    padding: 50px 0 10px;
  }
}
.modal-content .container1 textarea {
  /*border: 2px solid #E6E6E6;
  background-color: #F6F8F8;*/
  padding: 6px 12px;
}
.modal-content h4 {
  color: #000000;
  font-size: 3em;
  line-height: 1.1667em;
  margin: 0;
  letter-spacing: -1px;
}
@media (max-width: 767px) {
  .modal-content h4 {
    font-size: 25px;
    line-height: 30px;
  }
}
.modal-content h4 span {
  vertical-align: top;
  color: #4499A5;
  font-size: 45px;
  line-height: 1;
  padding-top: 5px;
  display: inline-block;
}
.modal-content h4 .icon-13 {
  color: #e55e30;
}
.modal-content h4 .icon-15 {
  font-size: 52px;
}
@media (max-width: 767px) {
  .modal-content h4 .icon-15 {
    font-size: 25px;
    line-height: 30px;
  }
}
.modal-content h4 .icon-12 {
  font-size: 50px;
}
@media (max-width: 767px) {
  .modal-content h4 .icon-12 {
    font-size: 25px;
    line-height: 30px;
    padding-top: 0;
    padding-left: 5px;
  }
}
.modal-content .add:nth-child(2) .head span, .modal-content .add:nth-child(4) .head span {
  color: #FFF;
}
.modal-content .head {
  overflow: hidden;
  margin-bottom: 11px;
}
@media (max-width: 639px) {
  .modal-content .head {
    margin-bottom: 5px;
  }
}
.modal-content .head span {
  font-size: 39px;
  line-height: 1;
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: top;
  min-height: 44px;
  color: #FFF;
  /*color: #db373a;*/
}
.modal-content .head h5 {
  color: #000000;
  line-height: 1.2em;
  font-size: 1.875em;
  /*text-transform: capitalize;*/
}
@media (max-width: 1305px) {
  .modal-content .head h5 {
    font-size: 25px;
    line-height: 30px;
  }
}
@media (max-width: 1023px) {
  .modal-content .head h5 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
  }
}
.modal-content p {
  margin-bottom: 31px;
}
.modal-content .btn {
  /*border-radius: 0;
  font-weight: 700;
  min-width: 144px;
  text-transform: lowercase;
  background-color:none;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  background: transparent;
  border: 2px solid #ffffff;
  color:#FFFFFF;*/
  /*&:hover {
      background-color: #FFF;
      color: #05657D;
  }*/
}
.modal-content .btn-info, .modal-content .btn-success {
        /*background-color: transparent;

        &:hover {
            background-color: #FFF;
            color: #00788a;
        }*/
}
.modal-content .btn-dark {
  color: #fff;
  background-color: #00788A;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border: 2px solid #fff;
}
.modal-content .btn-dark:hover {
  background-color: #4a9ca7;
  color: #FFF;
}
.modal-content .block {
  margin-bottom: 50px;
}
@media (max-width: 1023px) {
  .modal-content .block {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .modal-content .block {
    text-align: center;
    text-align: center;
  }
}
.modal-content .col-sm-3:nth-child(2n+0) .head span {
  color: #FFF;
}
.modal-content .cart-block table th {
  background: #949191;
  color: #FFF;
}
.modal-content .cart-block .table td {
  /*border-top: 1px solid #000;*/
  border-color: #949191;
  border-width: 1px;
}

@media (max-width: 1023px) {
  #content {
    margin-bottom: 30px;
  }
}

#twocolumns {
  margin-bottom: 35px;
  padding-top: 39px;
}

#twocolumns.tighter {
  padding-top: 0;
}
#twocolumns.tighter #sidebar {
  overflow: hidden;
  display: block;
  padding-top: 70px;
  margin-bottom: 40px;
}
#twocolumns.tighter #sidebar .fixed-block {
  margin-top: 20px;
}

.cart-block {
  min-height: 500px;
}
.cart-block h1 {
  margin-bottom: 12px;
  color: #000000;
  font-size: 3em;
  line-height: 1.1458em;
}
@media (max-width: 1023px) {
  .cart-block h1 {
    font-size: 35px;
    line-height: 42px;
  }
}
@media (max-width: 767px) {
  .cart-block h1 {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 20px;
  }
}
@media (max-width: 479px) {
  .cart-block h1 {
    font-size: 26px;
  }
}
.cart-block .table {
  font-size: 14px;
  line-height: 16px;
  margin: 0;
}
.cart-block .table thead {
  margin-bottom: 1px;
  background: linear-gradient(90deg, #00788a 20%, #65cbc9 100%);
  background: -ms-linear-gradient(90deg, #00788a 20%, #65cbc9 100%);
  background-color: #00788a;
}
.cart-block .table tbody {
  margin-top: 1px;
  top: 1px;
}
.cart-block .table tbody tr:first-child td {
  border-top: none;
}
.cart-block .table th {
  color: #fff;
  vertical-align: middle;
  border: none;
  padding: 7px 8px;
  margin-bottom: 1px;
}
.cart-block .table .delete {
  opacity: 1;
  width: 39px;
  font-size: 10px;
  line-height: 1;
  color: #fff;
  padding: 5px 20px 5px 8px;
  text-align: center;
}
.cart-block .table .delete span {
  display: inline-block;
  vertical-align: middle;
}
.cart-block .table .delete a {
  font-size: 15px;
  color: #949191;
}
.cart-block .table .qty {
  width: 66px;
}
.cart-block .table .item {
  width: 296px;
  margin-top: 1px;
}
.cart-block .table .catalog {
  width: 108px;
}
.cart-block .table .size {
  width: 222px;
}
.cart-block .table .item-price {
  width: 110px;
}
.cart-block .table input[type="text"] {
  width: 36px;
  height: 29px;
  border-radius: 2px;
  border: 2px solid #d5e5ec;
  text-align: center;
  color: #272827;
  background: #f7fafb;
}
.cart-block .table input[type="text"]::-webkit-input-placeholder {
  color: #272827;
}
.cart-block .table input[type="text"]::-moz-placeholder {
  opacity: 1;
  color: #272827;
}
.cart-block .table input[type="text"]:-moz-placeholder {
  color: #272827;
}
.cart-block .table input[type="text"]:-ms-input-placeholder {
  color: #272827;
}
.cart-block .table input[type="text"].placeholder {
  color: #272827;
}
.cart-block .table td {
  line-height: 16px;
  margin-top: 1px;
  padding: 27px 5px;
  border-top: 2px solid #949191;
}
.cart-block .table td .cartDelete {
  font-size: 18px;
}
.cart-block .table td:nth-child(2) {
  padding: 20px 5px 18px;
}
.cart-block .table td a {
  color: #000000;
  text-decoration: underline;
}
.cart-block .table td a:hover {
  text-decoration: none;
}
.cart-block .table td a:hover, .cart-block .table td a:focus {
  text-decoration: none;
}
.cart-block .table td a:hover {
  color: #4a9ca7;
}
.cart-block .table td.delete {
  padding-top: 20px;
  margin-top: 1px;
}
.cart-block .table td tr:first-child td {
  padding-top: 20px;
}
.cart-block .table td.total-amount {
  padding: 45px 12px;
}
.cart-block .table td .icon-trash {
  font-size: 20px;
  line-height: 20px;
  color: #949191;
  border-style: none;
}
.cart-block .table .info-bar {
  padding: 0;
  border: none;
}
.cart-block .table .last {
  font-weight: 900;
  padding: 11px 11px;
  background: #f1f1f1;
  border-top: none;
}
.cart-block .table .last p {
  margin: 0;
}
.cart-block .table .last .count {
  font-weight: 600;
  padding-left: 18px;
}
.cart-block .button-holder {
  float: right;
  max-width: 670px;
}
.cart-block .button-holder .btn {
  text-decoration: none;
  padding: 12px;
  margin: 0 0 5px 16px;
  max-width: 300px;
  vertical-align: top;
  min-width: 200px;
  color: #FFF;
}
.cart-block .button-holder .btn span {
  color: #8bbda8;
  font-size: 25px;
  line-height: 1;
  vertical-align: top;
  display: inline-block;
  padding-right: 6px;
}
.cart-block .button-holder .btn-default {
  color: #6b6c6c;
  padding: 12px 28px;
}
.cart-block .button-holder .btn-success {
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.cart-block .total {
  font-size: 24px;
  line-height: 28px;
  color: #494949;
  padding-top: 14px;
  float: left;
  max-width: 300px;
}
.cart-block .total strong {
  color: #107087;
}
.cart-block .block {
  padding: 0;
  width: 100%;
}
.cart-block .block .details-block {
  padding: 10px 65px 10px 10px;
  background: transparent;
  position: relative;
}
.cart-block .block .details-block .edit {
  position: absolute;
  right: 13px;
  top: 13px;
  max-width: 100px;
  font-size: 14px;
  font-weight: 900;
  color: #000000;
  text-decoration: none;
}
.cart-block .block .details-block .edit:after {
  content: "\e63d";
  font-family: 'icomoon';
  padding-left: 5px;
  color: #4499a5;
  font-size: 20px;
  vertical-align: bottom;
}
.cart-block .block .details-block .edit:hover {
  color: #107087;
}
.cart-block .block .details-block .edit:hover:after {
  color: #107087;
}
.cart-block .block .details-block .related-products {
  position: absolute;
  right: 13px;
  top: 13px;
  max-width: 200px;
  font-size: 14px;
  font-weight: 900;
  color: #000000;
  text-decoration: none;
}
.cart-block .block .details-block .related-products #triangle {
  width: 17px;
  position: relative;
  top: 4px;
  margin-top: -4px;
  margin-left: -1px;
}
.cart-block .block .details-block .related-products .triangle-color {
  fill: #4499a5;
}
.cart-block .block .details-block .related-products:hover {
  color: #107087;
}
.cart-block .block .details-block .related-products:hover .triangle-color {
  fill: #107087;
}
.cart-block .block .details-block .stellaris-sequence-detail {
  height: 32px;
  overflow: hidden;
}
.cart-block .block .details-block .show-detail {
  height: initial;
}
.cart-block .block .details-block .target-sequence {
  -ms-word-break: break-all;
  word-break: break-all;
}
.cart-block .block .details-block .view-details {
  margin-top: 10px;
}
.cart-block .block .title {
  color: #000000;
  font-weight: bold;
}
.cart-block .block .dl-horizontal {
  margin-bottom: 1px;
}
.cart-block .block .dl-horizontal dt {
  text-align: left;
}
.cart-block .block .dl-horizontal dd, .cart-block .block .dl-horizontal dt {
  line-height: 16px;
}
.cart-block .block .dl-horizontal dd {
  margin-left: 217px;
}
.cart-block .block .view-details {
  font-weight: bold;
  color: #949191;
  position: relative;
  border-style: none;
  padding-left: 10px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 15px;
  text-decoration: none;
}
.cart-block .block .view-details:hover {
  color: #107087;
}
.cart-block .alert-warning {
  padding: 8px 10px 8px 38px;
  margin: 1px 0 0;
}
.cart-block .alert-warning span {
  font-size: 19px;
  line-height: 1;
  left: 11px;
  top: 7px;
}

.wrapper {
  overflow: hidden;
  margin-bottom: 10px;
}

.breadcrumb {
  float: left;
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
  padding: 10px 0 32px;
  margin: 0;
  max-width: 100%;
}
@media (max-width: 767px) {
  .breadcrumb {
    float: none;
    margin-bottom: 20px;
    overflow: hidden;
  }
}
.breadcrumb li {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: 0;
  float: left;
}
.breadcrumb li:before {
  display: none;
}
.breadcrumb li:after {
  content: '/';
  display: inline-block;
  padding: 0 5px;
}
.breadcrumb li:last-child:after {
  display: none;
}
.breadcrumb a {
  color: #4499a5;
}

#sidebar {
  padding-top: 105px;
}
#sidebar .btn {
  display: block;
  line-height: 22px;
  margin-bottom: 21px;
}
#sidebar .btn span {
  color: #ffffff;
  display: inline-block;
  font-size: 19px;
  line-height: 1;
  vertical-align: top;
  margin-right: 6px;
}
#sidebar .fixed-block .btn-holder {
  width: 100%;
  overflow: hidden;
}
#sidebar.cart {
  padding-top: 78px;
}
#sidebar.order {
  padding-top: 171px;
}
#sidebar.order .fixed-block {
  padding-bottom: 0;
}
#sidebar .cart-info {
  background: #f1f1f1;
  padding: 20px 21px 25px;
  font-size: 14px;
  line-height: 21px;
  color: #484949;
}
#sidebar .cart-info h3 {
  color: #000000;
  font-size: 21px;
  line-height: 26px;
  font-weight: 200;
  margin-bottom: 24px;
  border-bottom: 2px solid #e3e3e4;
  padding-bottom: 23px;
}
#sidebar .cart-info dl {
  margin-bottom: 24px;
}
#sidebar .cart-info dl dt {
  overflow: hidden;
  float: left;
  clear: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
}
#sidebar .cart-info dl dt span {
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  padding-top: 3px;
}
#sidebar .cart-info dl dd {
  font-weight: 900;
  margin: 0 0 1px 144px;
}
#sidebar .cart-info dl dd span {
  color: #107087;
  font-size: 18px;
}
#sidebar .cart-info dl .add {
  margin-bottom: 45px;
}
#sidebar .note {
  color: #484949;
  font-size: 1em;
  line-height: 1.1428em;
  overflow: hidden;
  max-width: 400px;
}
#sidebar .note p {
  overflow: hidden;
}
#sidebar .note .title {
  float: left;
  font-weight: 900;
  margin-right: 12px;
}
#sidebar .fixed-block {
  right: 13px !important;
}
@media (max-width: 1279px) {
  #sidebar .fixed-block {
    position: static !important;
    padding-top: 0 !important;
    padding-bottom: 70px;
    position: static !important;
    padding-bottom: 30px;
  }
}

.share {
  float: right;
  background: #f1f1f1;
  padding: 9px 14px;
}
@media (max-width: 767px) {
  .share {
    float: none;
    overflow: hidden;
    display: inline-block;
  }
}
.share .title {
  float: left;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #000000;
  padding-top: 2px;
}
.share ul {
  float: left;
  font-size: 18px !important;
  line-height: 20px;
  padding-left: 8px;
}
.share ul li {
  float: left;
  margin-left: 10px;
  margin-top: 3px;
}
.share ul a {
  color: #107087;
}
.share ul a:hover {
  color: #4499a5;
  text-decoration: none;
}
.share ul span {
  vertical-align: middle;
  padding-bottom: 3px;
}

.alert-danger {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #e55e30;
  margin: 0;
  margin-top: 3px;
  padding: 0;
}
.alert-danger b {
  font-weight: 900;
}
.alert-danger span {
  color: #e55e30;
  font-size: 12px;
  line-height: 1;
}
.alert-danger a {
  text-decoration: underline;
}

.alert-add-assay {
  width: 350px;
  float: right;
  border: none;
  text-transform: none;
}

.order-section {
  margin-bottom: 179px;
}
@media (max-width: 1023px) {
  .order-section {
    margin-bottom: 50px;
  }
}
.order-section h1 {
  font-size: 3em;
  line-height: 1.125em;
  font-weight: 200;
  color: #000000;
  margin-bottom: 47px;
}
@media (max-width: 1023px) {
  .order-section h1 {
    font-size: 35px;
    line-height: 42px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .order-section h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
  }
}
.order-section h2 {
  color: #000000;
  font-size: 36px;
  line-height: 43px;
  margin-bottom: 44px;
}
@media (max-width: 1023px) {
  .order-section h2 {
    font-size: 35px;
    line-height: 42px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .order-section h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
  }
}
.order-section h3 {
  background: linear-gradient(90deg, #00788a 20%, #65cbc9 100%);
  margin-bottom: 18px;
  color: #fff;
  padding: 6px 11px;
  font-weight: 900;
  font-size: 21px;
  line-height: 25px;
}

.btn-group {
  border: none;
  margin-bottom: 17px;
}
@media (max-width: 639px) {
  .btn-group {
    display: block;
    overflow: hidden;
  }
}
.btn-group .btn {
  text-align: left;
  border: none;
  border-radius: 0;
  background: #b7ccc3;
  color: #494949;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  padding: 11px 15px;
  border-left: 1px solid #fff;
}
.btn-group .btn:first-child {
  border: none;
}
.btn-group .form-selector {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 36%;
  min-height: 62px;
}
.btn-group .formSelectorEmpty {
  background: #dfdfdf;
  color: rgba(73, 73, 73, 0.72);
}

.nav-holder {
  margin-bottom: 46px;
  padding-right: 5px;
}

.nav-tabs {
  background: #F3F3F3;
  border: none;
  max-width: 1038px;
  margin: auto;
}
.nav-tabs > li {
  font-size: 21px;
  line-height: 25px;
  margin: 0;
}
@media (max-width: 1219px) {
  .nav-tabs > li {
    font-size: 17px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .nav-tabs > li {
    width: 50%;
  }
}
.nav-tabs > li > a {
  border: none !important;
  border-radius: 0;
  padding: 5px 18px;
  color: #000;
  margin: 0;
}
@media (max-width: 1219px) {
  .nav-tabs > li > a {
    padding: 5px 10px;
  }
}
.nav-tabs > li > a:hover {
  background: #CAEEEE;
}

.fixed-position + .tab-content {
  padding-top: 100px;
}
@media (max-width: 1220px) {
  .fixed-position + .tab-content {
    padding-top: 0;
  }
}

.nav-holder.fixed-position {
  top: 56px !important;
  left: 0 !important;
  width: 100%;
  z-index: 1;
}
@media (max-width: 1220px) {
  .nav-holder.fixed-position {
    position: static !important;
  }
  .nav-holder.fixed-position .nav-tabs > li {
    font-size: 17px;
    line-height: 30px;
  }
  .nav-holder.fixed-position .nav-tabs > li > a {
    padding: 6px 10px;
  }
}
@media (min-width: 1221px) {
  .nav-holder.fixed-position {
    background: #f1f1f1;
  }
  .nav-holder.fixed-position .nav-tabs > li {
    font-size: 17px;
    line-height: 30px;
  }
  .nav-holder.fixed-position .nav-tabs > li > a {
    padding: 6px 15px;
  }
  .nav-holder.fixed-position h1 {
    font-size: 17px;
    float: left;
    line-height: 30px;
    margin: 5px 20px 0 0;
  }
  .nav-holder.fixed-position .wrap {
    margin: 0 auto;
    max-width: 1566px;
    padding: 0 13px;
    overflow: hidden;
  }
}

.view-order {
  background: #f1f1f1;
  padding: 10px 16px 22px;
}
.view-order table {
  width: 100%;
}
.view-order thead {
  border-bottom: 2px solid #e3e3e4;
  color: #727171;
  font-size: 16px;
  line-height: 24px;
  font-weight: 900;
}
.view-order thead th {
  vertical-align: top;
  padding-bottom: 5px;
}
.view-order td {
  color: #107087;
  font-size: 18px;
  line-height: 24px;
  font-weight: 900;
  padding: 14px 2px 1px 0;
  vertical-align: top;
}
.view-order .first {
  width: 158px;
}
.view-order .second {
  width: 161px;
}
.view-order .third {
  width: 140px;
}
.view-order .fourth {
  width: 55px;
  text-align: center;
}
.view-order .fifth {
  width: 380px;
}
.view-order .activities {
  float: right;
  padding-top: 4px;
}
.view-order .activities li {
  font-size: 14px;
  font-weight: 900;
  line-height: 16px;
  float: left;
  margin-left: 23px;
}
.view-order .activities li a {
  color: #000;
}
.view-order .activities li a:hover {
  color: #107087;
  text-decoration: none;
}
.view-order .activities li a:hover span {
  color: #107087;
}
.view-order .activities li .icon-18 {
  font-size: 17px;
  float: right;
  top: 0px;
}
.view-order .activities li .icon-4 {
  position: relative;
}
.view-order .activities li span {
  color: #4499a5;
  padding-left: 5px;
  position: relative;
  top: 1px;
}
.view-order .activities li span:hover {
  color: #107087;
}
.view-order .btn {
  float: right;
  padding: 9px;
  min-width: 175px;
  font-size: 14px;
}
.view-order .btn span {
  color: #ffffff;
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  padding: 2px 16px 0 0;
}
.view-order input[type="text"] {
  width: 43px;
  height: 33px;
  border-radius: 1px;
  border: 2px solid #e3e3e4;
  text-align: center;
  color: #484949;
  padding: 2px;
  font-weight: 400;
}
.view-order input[type="text"]::-webkit-input-placeholder {
  color: #484949;
}
.view-order input[type="text"]::-moz-placeholder {
  opacity: 1;
  color: #484949;
}
.view-order input[type="text"]:-moz-placeholder {
  color: #484949;
}
.view-order input[type="text"]:-ms-input-placeholder {
  color: #484949;
}
.view-order input[type="text"].placeholder {
  color: #484949;
}

.info-block {
  line-height: 1.3125em;
  font-size: 16px;
  font-weight: 400;
}
.info-block p, .info-block ul {
  font-size: 16px;
}
@media (max-width: 639px) {
  .info-block {
    font-size: 11px;
    line-height: 15px;
  }
}
.info-block .listing1 {
  margin-bottom: 21px;
}
.info-block .listing1 .title {
  display: block;
  margin-bottom: 22px;
  color: #000000;
  font-size: 16px;
  line-height: 20px;
}
.info-block .listing1 ul {
  margin: 0;
  padding: 0 0 0 54px;
}
.info-block .listing1 ul p {
  margin-bottom: 0;
}
.info-block .listing1 ul li {
  padding-left: 1px;
}
.info-block .two-columns {
  overflow: hidden;
}
.info-block .two-columns .content {
  width: 630px;
  float: left;
  padding-right: 10px;
}
@media (max-width: 1305px) {
  .info-block .two-columns .content {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .info-block .two-columns .content {
    float: none;
    width: 100%;
    margin-bottom: 50px;
  }
}
.info-block .two-columns .sidebar {
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}
@media (max-width: 639px) {
  .info-block .two-columns .sidebar {
    font-size: 11px;
    line-height: 15px;
  }
}
.info-block .block {
  margin-bottom: 33px;
}
.info-block .img-wrap {
  margin-bottom: 10px;
}
.info-block .logo-wrap {
  padding: 0 10px 74px;
}
@media (max-width: 767px) {
  .info-block .logo-wrap {
    max-width: 300px;
    margin: 0 auto;
  }
}
.info-block .logo-wrap img {
  width: 100%;
}
.info-block h3 {
  background: none;
  color: #000000;
  padding: 0;
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1.25em;
}
.info-block p {
  margin-bottom: 20px;
}

/* related-block ,
category-block styles */
.related-block,
.category-block {
  color: #000000;
  font-size: 0.875em;
  line-height: 1.2857em;
  margin-top: 150px;
}
.related-block [class*=col-]:nth-child(odd) .icon-holder a,
.category-block [class*=col-]:nth-child(odd) .icon-holder a {
  color: #00788A;
}
.related-block [class*=col-]:nth-child(odd) .icon-holder a:hover,
.category-block [class*=col-]:nth-child(odd) .icon-holder a:hover {
  text-decoration: none;
  color: #FF671B;
}
.related-block .block,
.category-block .block {
  margin-bottom: 44px;
}
@media (max-width: 767px) {
  .related-block .block,
  .category-block .block {
    margin-bottom: 48px;
    position: relative;
    height: auto !important;
  }
}
.related-block .block p,
.category-block .block p {
  font-size: 16px;
}
.related-block h2,
.category-block h2 {
  color: #000000;
  font-size: 2.5714em;
  line-height: 1.1944em;
  margin-bottom: 30px;
}
@media (max-width: 1023px) {
  .related-block h2,
  .category-block h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
.related-block h3,
.category-block h3 {
  font-size: 1.5em;
  line-height: 1.1428em;
  font-weight: 600;
  margin-bottom: 23px;
}
@media (max-width: 767px) {
  .related-block h3,
  .category-block h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
  }
}
.related-block h3 a,
.category-block h3 a {
  color: #000000;
}
.related-block h3 a:hover,
.category-block h3 a:hover {
  text-decoration: none;
  color: #4a9ca7;
}
.related-block p,
.category-block p {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .related-block .btn,
  .category-block .btn {
    font-size: 13px;
    line-height: 18px;
    min-width: 133px;
    padding: 8px;
  }
}
.related-block .icon-holder,
.category-block .icon-holder {
  margin-bottom: 19px;
  width: 100%;
  display: block;
  position: relative;
}
@media (max-width: 767px) {
  .related-block .icon-holder,
  .category-block .icon-holder {
    position: relative;
    top: 7px;
    width: 72px !important;
  }
}
@media (max-width: 479px) {
  .related-block .icon-holder,
  .category-block .icon-holder {
    left: 0;
  }
}
.related-block .icon-holder img,
.category-block .icon-holder img {
  width: 100%;
}
.related-block .icon-holder a,
.category-block .icon-holder a {
  color: #FF671B;
}
.related-block .icon-holder a:hover,
.category-block .icon-holder a:hover {
  color: #00788A;
  text-decoration: none;
}
.related-block .icon-holder span,
.category-block .icon-holder span {
  font-size: 125px;
  line-height: 1;
}

.sidenav {
  background: #f1f1f1;
  margin-bottom: 21px;
}
.sidenav.light {
  background: none;
}
.sidenav li {
  font-size: 16px;
  line-height: 20px;
  padding: 2px 0;
}
.sidenav li.green span {
  color: #6d9d88;
}
.sidenav a {
  color: #494949;
  display: block;
  padding: 14px 10px 14px 68px;
  position: relative;
}
.sidenav a:hover {
  text-decoration: none;
  background: #CAEEEE;
}
.sidenav a:hover span {
  color: #107087;
}
.sidenav span {
  color: #4499a5;
  position: absolute;
  top: 50%;
  left: 20px;
  font-size: 21px;
  line-height: 1;
  min-width: 35px;
  text-align: center;
  margin-top: -9px;
}
.sidenav span:hover {
  color: #107087;
}

.responsive-block {
  min-height: 0.01%;
  overflow-x: auto;
}

.alert-warning {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  position: relative;
  padding: 17px 10px 14px 63px;
  margin-bottom: 21px;
}
.alert-warning span {
  position: absolute;
  left: 17px;
  top: 18px;
  font-size: 25px;
  color: #e55e30;
}
.alert-warning .title {
  display: block;
  font-weight: 900;
}
.alert-warning p {
  margin-bottom: 5px;
}

.account-section label,
.checkout-section label {
  margin-bottom: 3px;
}
.account-section h1,
.checkout-section h1 {
  font-size: 48px;
  line-height: 54px;
  font-weight: 200;
  color: #000000;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .account-section h1,
  .checkout-section h1 {
    font-size: 35px;
    line-height: 42px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .account-section h1,
  .checkout-section h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
  }
}
.account-section h2,
.checkout-section h2 {
  background: linear-gradient(90deg, #00788a 20%, #65cbc9 100%);
  background: -ms-linear-gradient(90deg, #00788a 20%, #65cbc9 100%);
  background-color: #00788a;
  margin-bottom: 56px;
  color: #fff;
  padding: 5px 11px;
  font-weight: 900;
  font-size: 21px;
  line-height: 25px;
}
@media (max-width: 1023px) {
  .account-section h2,
  .checkout-section h2 {
    margin-bottom: 15px;
  }
}
.account-section h3,
.checkout-section h3 {
  color: #789ba0;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 18px;
  font-weight: 200;
}
@media (max-width: 1023px) {
  .account-section h3,
  .checkout-section h3 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .account-section h3,
  .checkout-section h3 {
    font-size: 22px;
    line-height: 28px;
  }
}
.account-section h3 small,
.checkout-section h3 small {
  color: #484949;
  font-size: 14px;
  line-height: 16px;
}
.account-section h4,
.checkout-section h4 {
  color: #789ba0;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 18px;
  font-weight: 200;
}
.account-section .head,
.checkout-section .head {
  margin-bottom: 29px;
  overflow: hidden;
  padding-right: 23px;
}
.account-section .head h4,
.checkout-section .head h4 {
  margin: 0;
  float: left;
  max-width: 250px;
}
.account-section .head .edit,
.checkout-section .head .edit {
  float: right;
  font-size: 14px;
  line-height: 16px;
  font-weight: 900;
  color: #000000;
  margin-top: 8px;
}
.account-section .head .edit:hover,
.checkout-section .head .edit:hover {
  color: #107087;
  text-decoration: none;
}
.account-section .head .edit:after,
.checkout-section .head .edit:after {
  padding-left: 5px;
  content: "\e634";
  font-family: 'icomoon';
  color: #4499a5;
}
.account-section .block,
.checkout-section .block {
  line-height: 1.3125em;
}
.account-section .block.add,
.checkout-section .block.add {
  margin-bottom: 36px;
}
@media (max-width: 639px) {
  .account-section .block.add,
  .checkout-section .block.add {
    line-height: 15px;
  }
}

.address-info {
  font-weight: 600;
  color: #484949;
  margin-bottom: 44px;
}
.address-info address {
  font-size: 16px;
  line-height: 21px;
  margin: 0;
}
.address-info a {
  color: #484949;
}
.address-info .tel {
  margin-top: 21px;
  display: inline-block;
}

.summary-block {
  font-size: 16px;
  line-height: 1.3125em;
  color: #000000;
  margin-bottom: 40px;
}
.summary-block h4 {
  margin-bottom: 32px;
}
.summary-block .table a {
  color: #4499a5;
  text-decoration: underline;
}
.summary-block .table a:hover {
  text-decoration: none;
  color: #107087;
}
.summary-block .table th {
  background: #949191;
  font-size: 14px;
  line-height: 18px;
  font-weight: 900;
  color: #fff;
  padding: 9px;
  border: none;
}
.summary-block .table .qty {
  width: 73px;
  text-align: center;
  padding-right: 26px;
}
.summary-block .table .item {
  width: 294px;
}
.summary-block .table .catalog {
  width: 100px;
}
.summary-block .table .size {
  width: 256px;
}
.summary-block .table .item-price {
  width: 100px;
}
.summary-block .table td {
  border-top: 2px solid #e3e3e4;
  padding: 11px 9px;
}
.summary-block .table tr:first-child td {
  border: none;
}
.summary-block .amount-info {
  background: #f1f1f1;
}
.summary-block .amount-info dl {
  float: right;
  min-width: 289px;
  font-size: 16px;
  line-height: 22px;
  padding-top: 8px;
  margin: 0;
}
.summary-block .amount-info dl dt {
  float: left;
  clear: left;
  overflow: hidden;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.summary-block .amount-info dl dd {
  font-weight: 900;
  margin: 0 0 5px 215px;
}
.summary-block .amount-info dl span {
  color: #107087;
}

.information-block {
  color: #484949;
  line-height: 28px;
  font-size: 16px;
  margin-bottom: 50px;
}
.information-block .dl-horizontal dt {
  font-weight: 600;
  text-align: left;
  width: 175px;
  float: left;
}
.information-block .dl-horizontal dd {
  font-weight: 900;
  margin: 0 0 5px 179px;
}

.table-responsive {
  border: none;
}
.table-responsive .responsive {
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.confirmation-block {
  padding: 94px 0;
}
.confirmation-block h1 {
  color: #789ba0;
  font-size: 72px;
  line-height: 82px;
  font-weight: 200;
  margin-bottom: 7px;
}
@media (max-width: 1023px) {
  .confirmation-block h1 {
    font-size: 35px;
    line-height: 42px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .confirmation-block h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
  }
}
.confirmation-block p b {
  font-weight: 900;
}
.confirmation-block h2 {
  margin-bottom: 41px;
}
.confirmation-block .listing {
  padding-top: 37px;
}
@media (max-width: 1023px) {
  .confirmation-block .listing {
    padding-top: 0;
  }
}
.confirmation-block .wrap {
  margin: 0 -16px 36px;
}
.confirmation-block .wrap .col {
  padding: 0 16px;
  float: left;
  width: 50%;
}
@media (max-width: 767px) {
  .confirmation-block .wrap .col {
    width: 100%;
    float: none;
  }
}
.confirmation-block .head {
  margin-bottom: 20px;
}
.confirmation-block .tel {
  margin-top: 0;
}

.listing {
  margin-bottom: 42px;
}
.listing li {
  padding-left: 36px;
  margin-bottom: 8px;
  position: relative;
  list-style: none;
}
@media (max-width: 1023px) {
  .listing li {
    padding-left: 25px;
  }
}
.listing li:before {
  background: #c6c4c4;
  width: 15px;
  height: 9px;
  content: '';
  position: absolute;
  left: 1px;
  top: 4px;
}

.distributor-alert {
  background: #000;
  position: absolute;
  left: 0;
  right: 0;
  top: 36px;
  bottom: 1px;
  color: #fff;
  font-size: 1.25em;
  line-height: 1.1em;
  padding: 45px 185px 45px 40px;
}
.distributor-alert h3 {
  color: #a2c2d3;
  margin-bottom: 44px;
  font-size: 1.5em;
  line-height: 1.2em;
}
.distributor-alert .btn-close {
  position: absolute;
  right: 20px;
  top: 17px;
  color: #949191;
  font-size: 28px;
  line-height: 1;
}
.distributor-alert .btn-close:hover {
  text-decoration: none;
  color: #107087;
}
.distributor-alert .map-wrap {
  width: 249px;
  height: 100px;
  margin-bottom: 21px;
}
.distributor-alert .map-wrap img {
  width: 100%;
}
.distributor-alert p {
  margin-bottom: 20px;
}
.distributor-alert .btn {
  min-width: 212px !important;
  margin: 0 16px 5px 0;
}

.radio-list {
  margin-bottom: 56px;
}
.radio-list li {
  margin-bottom: 15px;
}
.radio-list li label {
  color: #fff;
  font-size: 16px;
  line-height: 21px;
}
.radio-list li span {
  text-decoration: underline;
}
.radio-list .jcf-radio {
  margin-right: 14px;
  background: #444644;
  border-color: #898786;
}
.radio-list .jcf-radio.jcf-checked {
  border-color: #949191;
}
.radio-list .jcf-radio span {
  background: #4cb789;
}

.maincontainer {
  padding: 39px 72px 0 40px;
  min-height: 500px;
}
.maincontainer.main-faq {
  padding: 90px 16px 0 16px;
  margin-left: auto;
  margin-right: auto;
  min-height: initial;
}
@media (max-width: 1305px) {
  .maincontainer.main-faq {
    padding: 0 16px 0 16px;
  }
}
@media (max-width: 1305px) {
  .maincontainer {
    padding: 0;
  }
}

.intro-block h1 {
  color: #000000;
  font-size: 3em;
  line-height: 1.1458em;
  font-weight: 200;
  margin-bottom: 15px;
}
@media (max-width: 1023px) {
  .intro-block h1 {
    font-size: 35px;
    line-height: 42px;
  }
}
@media (max-width: 767px) {
  .intro-block h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
  }
}
.intro-block .alignright {
  float: right;
  margin: 5px 0 10px 5px;
  border: 1px solid #e3e3e4;
  width: 401px;
  border-radius: 100%;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .intro-block .alignright {
    width: 200px;
  }
}
@media (max-width: 1023px) {
  .intro-block .alignright {
    width: 100px;
  }
}
.intro-block .alignright img {
  width: 100%;
  display: block;
  border-radius: 100%;
}
.intro-block .intro-text {
  color: #949191;
  font-size: 1.25em;
  line-height: 1.1em;
  margin-bottom: 28px;
}
.intro-block p {
  margin-bottom: 20px;
  line-height: 1.25em;
}
.intro-block p a {
  text-decoration: underline;
}
.intro-block p a:hover {
  text-decoration: none;
}
.intro-block .block {
  padding-top: 33px;
  margin-bottom: 10px;
  overflow: hidden;
}
.intro-block h2 {
  color: #000000;
  font-weight: 200;
  font-size: 2.25em;
  line-height: 1.1667em;
  margin-bottom: 15px;
}
@media (max-width: 1023px) {
  .intro-block h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .intro-block h2 {
    font-size: 22px;
    line-height: 28px;
  }
}
.intro-block h3 {
  font-weight: 200;
  color: #000000;
  font-size: 1.5em;
  line-height: 1.25em;
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .intro-block h3 {
    font-size: 20px;
    line-height: 26px;
  }
}
.intro-block .btn {
  float: right;
}
.intro-block .btn-warning {
  margin: 3px 0 10px 5px;
  font-size: 14px;
  line-height: 24px;
  min-width: 144px;
  padding: 7px 22px;
}
.intro-block .btn-success {
  font-size: 18px;
  font-weight: 900;
  line-height: 24px;
  min-width: 147px;
  padding: 12px 29px;
  margin: 3px 0 10px 5px;
}
@media (max-width: 1023px) {
  .intro-block .btn-success {
    font-size: 14px;
    line-height: 24px;
    min-width: 144px;
    padding: 5px 10px;
  }
}
.intro-block .listing {
  padding: 8px 0 0 10px;
  margin-bottom: 48px;
}
@media (max-width: 1023px) {
  .intro-block .listing {
    padding: 0;
  }
}

.category-block {
  border-bottom: 2px solid #e3e3e4;
  padding-bottom: 24px;
  margin-bottom: 53px;
}
.category-block .icon-holder {
  width: 78px;
  margin-bottom: 17px;
}
@media (max-width: 639px) {
  .category-block .icon-holder {
    width: 48px;
  }
}
.category-block h2 {
  margin-bottom: 31px;
}
.category-block h3 {
  margin-bottom: 22px;
}
@media (max-width: 639px) {
  .category-block h3 {
    margin-bottom: 5px;
  }
}
.category-block p {
  margin-bottom: 12px;
}

.result-block {
  border-bottom: 2px solid #e3e3e4;
  padding-bottom: 43px;
  margin-bottom: 61px;
}
.result-block li {
  margin-bottom: 3px;
  overflow: hidden;
}
.result-block h2 {
  color: #000000;
  font-size: 2.25em;
  line-height: 1.1944em;
  margin-bottom: 25px;
}
@media (max-width: 1023px) {
  .result-block h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .result-block h2 {
    font-size: 22px;
    line-height: 28px;
  }
}
.result-block h3 {
  color: #a7a9ac;
  font-size: 1em;
  line-height: 1.25em;
  font-weight: 900;
  margin-bottom: 17px;
}
@media (max-width: 767px) {
  .result-block h3 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 3px;
  }
}
.result-block h4 {
  font-size: 1.25em;
  line-height: 1.2em;
  font-weight: 200;
  margin-bottom: 0;
}
.result-block h4 a {
  color: #000000;
}
.result-block p {
  margin-bottom: 16px;
}

.list-view1,
.list-view2 {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 73px;
}
.list-view1 ul li,
.list-view2 ul li {
  margin-bottom: 4px;
}
.list-view1 h2,
.list-view2 h2 {
  font-size: 2.5714em;
  line-height: 1.1944em;
  color: #000000;
  font-weight: 200;
  margin-bottom: 25px;
}
@media (max-width: 1023px) {
  .list-view1 h2,
  .list-view2 h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .list-view1 h2,
  .list-view2 h2 {
    font-size: 22px;
    line-height: 28px;
  }
}
.list-view1 .table-wrapper,
.list-view2 .table-wrapper {
  min-height: 0.01%;
  overflow-x: auto;
  width: 100%;
}
.list-view1 .table,
.list-view2 .table {
  min-width: 930px;
  margin: 0;
}
.list-view1 .table thead,
.list-view2 .table thead {
  background: linear-gradient(90deg, #00788a 20%, #65cbc9 100%);
  background: -ms-linear-gradient(90deg, #00788a 20%, #65cbc9 100%);
  background-color: #00788a;
}
.list-view1 .table th,
.list-view2 .table th {
  font-weight: 900;
  color: #fff;
  border: none;
  padding: 8px 14px;
  vertical-align: middle;
}
.list-view1 .table th span,
.list-view2 .table th span {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
}
.list-view1 .table td,
.list-view2 .table td {
  border-bottom: 2px solid #e3e3e4;
  padding: 9px 14px 8px;
  line-height: 16px;
}
.list-view1 .table .delete,
.list-view2 .table .delete {
  width: 35px;
  padding-left: 12px;
  padding-right: 12px;
}
.list-view1 .table .delete a,
.list-view2 .table .delete a {
  color: #000;
  font-size: 16px;
  line-height: 1;
}
.list-view1 .table .catalog,
.list-view2 .table .catalog {
  width: 113px;
}
.list-view1 .table .price,
.list-view2 .table .price {
  width: 79px;
}
.list-view1 .table .size,
.list-view2 .table .size {
  width: 138px;
}
.list-view1 .table .note,
.list-view2 .table .note {
  width: 295px;
}
.list-view1 .table tbody tr:last-child td,
.list-view2 .table tbody tr:last-child td {
  border: none;
}
.list-view1 .table tfoot td,
.list-view2 .table tfoot td {
  background: #f1f1f1;
  font-weight: 900;
  color: #949191;
  border: none;
}
.list-view1 .table tfoot span,
.list-view2 .table tfoot span {
  display: inline-block;
  vertical-align: top;
  padding-left: 5px;
  font-size: 18px;
  color: #6d9d88;
}

.list-view2 {
  margin-bottom: 69px;
}
.list-view2 .table-wrap {
  background: #f1f1f1;
  padding: 0 14px;
  min-height: 0.01%;
  overflow-x: auto;
  width: 100%;
}
.list-view2 .table {
  min-width: 902px;
}
.list-view2 .table th {
  background: #f1f1f1;
  color: #727171;
  border: none;
  border-bottom: 2px solid #e3e3e4;
  padding: 10px 14px;
}
.list-view2 .table th span {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  padding-bottom: 4px;
}
.list-view2 .table td {
  border-bottom: 2px solid #fff;
  padding: 7px 14px 8px;
  line-height: 16px;
  color: #727171;
}
.list-view2 .table .note {
  width: 297px;
}
.list-view2 .table .delete {
  text-align: left;
  padding-left: 0;
  width: 26px;
}
.list-view2 .table .delete a {
  color: #949191;
}
.list-view2 .table .delete a:hover {
  text-decoration: none;
  color: #4a9ca7;
}
.list-view2 .table tfoot td {
  border-top: 2px solid #e3e3e4;
  padding: 13px 0;
}

.open-close {
  background: #00788a;
  background: linear-gradient(90deg, #00788a 20%, #65cbc9 100%);
  position: fixed;
  top: 50%;
  right: 0;
  border: 2px solid #fff;
  height: 69px;
  z-index: 999;
  border-radius: 50px 0 0 50px;
  border-right: none;
  text-align: right;
  overflow: hidden;
  width: 52px;
  white-space: nowrap;
  -webkit-transition: width .1s ease-in-out;
  -moz-transition: width .1s ease-in-out;
  -o-transition: width .1s ease-in-out;
  transition: width .1s ease-in-out;
}
.open-close.fixed-bar {
  top: 200px;
}
.page-scrolling .open-close {
  top: 50%;
}
.open-close.hidden-bar {
  visibility: hidden;
}
.open-close.clone-bar {
  position: static;
  float: right;
}
.fixed-position .open-close.clone-bar {
  margin-right: 0;
}
.open-close.hover {
  width: 147px;
}
.open-close.hover .slide {
  display: inline-block;
}
@media (max-width: 767px) {
  .open-close {
    height: 52px;
  }
}
@media (max-width: 639px) {
  .open-close {
    height: 45px;
  }
}
.open-close .opener {
  padding: 18px 9px 20px 19px;
  font-size: 35px;
  line-height: 1;
  float: left;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .open-close .opener {
    font-size: 30px;
    padding: 11px 3px 7px 14px;
  }
}
@media (max-width: 639px) {
  .open-close .opener {
    font-size: 20px;
  }
}
.open-close .opener:hover {
  text-decoration: none;
  color: #fff;
}
.open-close .slide {
  float: left;
  padding: 22px 5px;
  color: #fff;
  display: none;
}
@media (max-width: 767px) {
  .open-close .slide {
    padding: 14px 5px;
  }
}
@media (max-width: 639px) {
  .open-close .slide {
    padding: 8px 3px;
    font-size: 14px;
  }
}
.open-close .slide a {
  color: #fff;
}
.open-close .slide a:hover {
  color: #000;
  text-decoration: none;
}

.popup-message-alert-icon {
  font-size: 35px !important;
  margin-right: 5px !important;
}

.custom-popup-body {
  background-color: #F3F3F3;
  padding: 0 !important;
  width: 50%;
  margin: auto;
}
.custom-popup-body .custom-popup-title {
  margin: 25px 2% 10px 2%;
}
.custom-popup-body .custom-popup-title h4 {
  color: #000000;
  display: inline;
  line-height: 2.8em;
  font-size: 1.2em;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.custom-popup-body .custom-popup-cross {
  margin: 25px 2%;
}
.custom-popup-body .custom-popup-cross .icon-4 {
  font-size: 30px;
}
.custom-popup-body .custom-popup-cross .icon-1, .custom-popup-body .custom-popup-cross .icon-18 {
  color: #4499A5;
  font-size: 30px;
}
.custom-popup-body .custom-popup-cross h4 {
  color: #000000;
  display: inline;
  line-height: 1.2em;
  font-size: 1.2em;
  font-weight: 700;
  position: relative;
  top: -5px;
  left: 4px;
}
.custom-popup-body .custom-popup-message {
  margin: 0 2% 12px;
  color: #000000;
  font-size: 21px;
  line-height: 28px;
  display: inline-block;
  padding-top: 5px;
  font-style: normal;
}
.custom-popup-body .custom-popup-message.emailValidation {
  padding: 43px 0 0;
}
.custom-popup-body .custom-popup-message.emailValidation span.error {
  color: #e55e30;
}
.custom-popup-body .custom-popup-message.emailValidation span.valid {
  color: #77BC1F;
}
.custom-popup-body .custom-popup-textarea {
  margin: 0 2%;
}
.custom-popup-body .custom-popup-textarea textarea {
  height: 200px;
  width: 96%;
  background-color: white;
  border: 2px solid #E3E3E4;
  color: black;
  text-transform: none;
  resize: none;
  font-size: 21px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  line-height: 28px;
}
.custom-popup-body .custom-popup-btn {
  margin: 15px 2% 25px;
}
.custom-popup-body .custom-popup-btn .btn-white {
  color: #fff;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border: 2px solid #ffffff;
  background-color: transparent;
}
.custom-popup-body .custom-popup-btn .btn-white:hover {
  background-color: #FFF;
  color: #00788a;
}
.custom-popup-body .custom-popup-btn .btn-black {
  color: #FFF;
  background-color: #272827;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border: 2px solid #000;
}
.custom-popup-body .custom-popup-btn .btn-black:hover {
  background-color: #000;
  color: #FFF;
}
.custom-popup-body .custom-popup-btn button {
  padding-top: 0px;
}

.details-block .dl-horizontal dt {
  width: 190px;
}

.loading {
  background-color: rgba(39, 40, 39, 0.1) !important;
  border-color: rgba(39, 40, 39, 0.1) !important;
  position: relative;
}
.loading .icon-loading {
  color: rgba(39, 40, 39, 0.1) !important;
}
.loading img {
  height: 37px;
  position: absolute;
  left: 40%;
  top: 11%;
}

#sidebar .loading img {
  left: 44%;
}

.button-holder .update-cart {
  min-width: 120px;
}
.button-holder .btn-checkout {
  color: #fff;
}

.normal-glyphicon {
  font-size: 100.01% !important;
  color: #272827 !important;
  line-height: 1 !important;
  padding-top: 0 !important;
}

.cart-loader {
  position: absolute;
  left: 50%;
  top: 59%;
}

.empty-cart {
  position: absolute;
  left: 39%;
  top: 51%;
}

.product-image-first {
  text-align: center;
  margin-bottom: 15px;
}

.product-layout-with-tabs .table a {
  cursor: pointer;
  color: #027089;
  text-decoration: none;
}
.product-layout-with-tabs .table a:hover {
  color: #4a9ca7;
  text-decoration: underline;
}
.product-layout-with-tabs .table .view-cart {
  margin-right: 30px;
}
.product-layout-with-tabs .product-image-first {
  text-align: center;
}
.product-layout-with-tabs .product-image-second {
  text-align: center;
  margin: 25px 10px;
}
.product-layout-with-tabs .product-image-second p {
  display: inherit !important;
}
.product-layout-with-tabs .product-image-third {
  margin: 25px 10px;
  text-align: center;
}
.product-layout-with-tabs .listing {
  margin-bottom: 15px;
}
.product-layout-with-tabs .listing p {
  display: inline;
}
.product-layout-with-tabs .note {
  color: #989696;
  font-size: 100.01%;
}
.product-layout-with-tabs .related-block {
  margin-bottom: 150px;
}

table.productline-table tr {
  height: 36px;
  line-height: 60px;
}
table.productline-table .qty {
  width: 40px;
  height: 35px;
  text-align: center;
}
table.productline-table .add-to-cart:hover {
  color: red;
}
table.productline-table .add-to-cart {
  cursor: pointer;
  font-size: 26px;
}

.titlecontainer {
  position: relative;
}
.titlecontainer .browseallproducts {
  position: absolute;
  right: 0;
  top: 26px;
}

.fixed-position .browseallproducts {
  display: none;
}

.product-layout-with-tabs {
  margin-bottom: 60px;
}

.rtd-btn {
  margin-bottom: 160px;
  margin-top: 40px;
}

.alert-warning.serverError {
  -ms-word-break: break-word;
  word-break: break-word;
  font-size: 17px;
  line-height: 27px;
  font-weight: 500;
}

.order-detail p {
  display: inline;
}

.btn-white {
  background-color: #FAFAFA;
  color: #6B6C6C;
  border-color: #E7E7E7;
}

.product-detail-option1 .jcf-select {
  height: 30px;
}
.product-detail-option1 .jcf-select-text {
  font-size: 17px !important;
  line-height: 16px !important;
  text-transform: none !important;
  margin: 6px 35px 0 8px !important;
}

.valid-email {
  color: #e55e30;
  font-size: 12px;
  font-weight: bold;
}

.jcf-scroll-active {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 380px;
}
.jcf-scroll-active .jcf-list-content {
  max-height: unset !important;
}

.btnList.jcf-ignore {
  color: #484949 !important;
  font-family: webfontregular, Arial, Helvetica, sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 28px !important;
}

.centered-loader {
  text-align: center;
}

.submit-image {
  font-size: 1.7em !important;
  line-height: 70px !important;
  margin-bottom: 1px !important;
}

.orderform-alert {
  margin-bottom: 40px;
  background-color: #ECF7E2;
  border: none;
  padding-left: 85px;
  min-height: 90px;
}
.orderform-alert p {
  margin-left: 10px;
  font-weight: normal;
  margin-top: 9px;
}

.nav-holder.fixed-position .orderform-alert {
  display: none;
  /*margin-top: 40px;*/
  /*@media only screen and (min-width:1290px) {
      max-width: 70%; 
  }*/
}

.shopping-cart-alert {
  margin-bottom: 20px;
}
.shopping-cart-alert .icon-13 {
  left: 11px;
  top: 10px;
}
.shopping-cart-alert p {
  line-height: 25px;
  margin-left: 10px;
}

.shopping-cart--info {
  background: #f1f1f1;
  padding: 20px 21px 25px;
  font-size: 14px;
  line-height: 21px;
  color: #484949;
  margin-bottom: 20px;
}
.shopping-cart--info glyphicon {
  cursor: default;
}
.shopping-cart--info p {
  display: inline;
  margin-bottom: 0px;
}

.remove-stellaris-image {
  color: #fff;
  font-size: 15px;
  padding: 3px 0 0;
  margin-top: -3px;
}

.remove-stellaris-image:hover {
  color: #000;
  text-decoration: none;
}

@font-face {
  font-family: 'icomoon';
  src: url("/Content/fonts/icomoon.eot?gg7ez8");
  src: url("/Content/fonts/icomoon.eot?gg7ez8#iefix") format("embedded-opentype"), url("/Content/fonts/icomoon.ttf?gg7ez8") format("truetype"), url("/Content/fonts/icomoon.woff?gg7ez8") format("woff"), url("/Content/fonts/icomoon.svg?gg7ez8#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'biosearchIcons';
  src: url("https://biosearchstatic.blob.core.windows.net/cdn/fonts/biosearchIcons.eot");
  src: url("https://biosearchstatic.blob.core.windows.net/cdn/fonts/biosearchIcons.eot?co508f#iefix") format("embedded-opentype"), url("https://biosearchstatic.blob.core.windows.net/cdn/fonts/biosearchIcons.ttf") format("truetype"), url("https://biosearchstatic.blob.core.windows.net/cdn/fonts/biosearchIcons.woff") format("woff"), url("https://biosearchstatic.blob.core.windows.net/cdn/fonts/biosearchIcons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-chkmark .path1:before {
  content: "\e900";
  color: white;
}

.icon-chkmark .path2:before {
  content: "\e901";
  margin-left: -1.2939453125em;
  color: #e2e2e3;
}

.icon-chkmark .path3:before {
  content: "\e902";
  margin-left: -1.2939453125em;
  color: #6fae3b;
}

.icon-chkmark .path4:before {
  content: "\e902";
  margin-left: -6px;
  color: #6fae3b;
  cursor: pointer;
}

.icon-filter2:before {
  content: "\e903";
}

.icon-immunochemicals:before {
  content: "\e904";
}

.icon-minus:before {
  content: "\e905";
}

.icon-oligos:before {
  content: "\e906";
}

.icon-plus3:before {
  content: "\e907";
}

.icon-promos:before {
  content: "\e908";
}

.icon-qPCR:before {
  content: "\e909";
}

.icon-qPCR_SNP:before {
  content: "\e90a";
}

.icon-reagents:before {
  content: "\e90b";
}

.icon-Realtime:before {
  content: "\e90c";
}

.icon-scientist:before {
  content: "\e90d";
}

.icon-stellaris:before {
  content: "\e90e";
}

.icon-BHQ:before {
  content: "\e90f";
}

.icon-blog:before {
  content: "\e910";
}

.icon-chirp:before {
  content: "\e911";
}

.icon-chkbox .path1:before {
  content: "\e912";
  color: white;
}

.icon-chkbox .path2:before {
  content: "\e913";
  margin-left: -1.2939453125em;
  color: #e2e2e3;
}

.icon-plus2:before {
  content: "\e803";
}

.icon-plus:before {
  content: "\e802";
}

.icon-filter:before {
  content: "\e801";
}

.icon-cart:before {
  content: "\e800";
}

.icon-59:before {
  content: "\e66d";
}

.icon-uniE66C:before {
  content: "\e66c";
}

.icon-uniE66B:before {
  content: "\e66b";
}

.icon-uniE66A:before {
  content: "\e66a";
}

.icon-uniE669:before {
  content: "\e669";
}

.icon-uniE668:before {
  content: "\e668";
}

.icon-uniE667:before {
  content: "\e667";
}

.icon-uniE666:before {
  content: "\e666";
}

.icon-uniE665:before {
  content: "\e665";
}

.icon-uniE664:before {
  content: "\e664";
}

.icon-uniE663:before {
  content: "\e663";
}

.icon-uniE662:before {
  content: "\e662";
}

.icon-uniE661:before {
  content: "\e661";
}

.icon-uniE660:before {
  content: "\e660";
}

.icon-uniE65F:before {
  content: "\e65f";
}

.icon-uniE65E:before {
  content: "\e65e";
}

.icon-uniE65D:before {
  content: "\e65d";
}

.icon-uniE65C:before {
  content: "\e65c";
}

.icon-uniE65B:before {
  content: "\e65b";
}

.icon-uniE65A:before {
  content: "\e65a";
}

.icon-uniE659:before {
  content: "\e659";
}

.icon-uniE658:before {
  content: "\e658";
}

.icon-uniE657:before {
  content: "\e657";
}

.icon-uniE656:before {
  content: "\e656";
}

.icon-uniE655:before {
  content: "\e655";
}

.icon-uniE654:before {
  content: "\e654";
}

.icon-uniE653:before {
  content: "\e653";
}

.icon-uniE652:before {
  content: "\e652";
}

.icon-uniE651:before {
  content: "\e651";
}

.icon-uniE650:before {
  content: "\e650";
}

.icon-1:before {
  content: "\e64f";
}

.icon-2:before {
  content: "\e64e";
}

.icon-3:before {
  content: "\e64d";
}

.icon-4:before {
  content: "\e64c";
}

.icon-5:before {
  content: "\e64b";
}

.icon-6:before {
  content: "\e64a";
}

.icon-7:before {
  content: "\e649";
}

.icon-8:before {
  content: "\e648";
}

.icon-9:before {
  content: "\e647";
}

.icon-10:before {
  content: "\e646";
}

.icon-11:before {
  content: "\e645";
}

.icon-12:before {
  content: "\e644";
}

.icon-13:before {
  content: "\e643";
}

.icon-14:before {
  content: "\e642";
}

.icon-15:before {
  content: "\e641";
}

.icon-16:before {
  content: "\e640";
}

.icon-17:before {
  content: "\e63f";
}

.icon-18:before {
  content: "\e63e";
}

.icon-19:before {
  content: "\e63d";
}

.icon-20:before {
  content: "\e63c";
}

.icon-21:before {
  content: "\e63b";
}

.icon-22:before {
  content: "\e63a";
}

.icon-23:before {
  content: "\e639";
}

.icon-24:before {
  content: "\e638";
}

.icon-25:before {
  content: "\e637";
}

.icon-26:before {
  content: "\e636";
}

.icon-27:before {
  content: "\e635";
}

.icon-28:before {
  content: "\e634";
}

.icon-30:before {
  content: "\e633";
}

.icon-31:before {
  content: "\e632";
}

.icon-32:before {
  content: "\e631";
}

.icon-33:before {
  content: "\e630";
}

.icon-34:before {
  content: "\e62f";
}

.icon-35:before {
  content: "\e62e";
}

.icon-36:before {
  content: "\e62d";
}

.icon-37:before {
  content: "\e62c";
}

.icon-38:before {
  content: "\e62b";
}

.icon-39:before {
  content: "\e62a";
}

.icon-40:before {
  content: "\e629";
}

.icon-41:before {
  content: "\e628";
}

.icon-42:before {
  content: "\e627";
}

.icon-43:before {
  content: "\e626";
}

.icon-44:before {
  content: "\e625";
}

.icon-45:before {
  content: "\e624";
}

.icon-46:before {
  content: "\e623";
}

.icon-47:before {
  content: "\e622";
}

.icon-48:before {
  content: "\e621";
}

.icon-49:before {
  content: "\e620";
}

.icon-50:before {
  content: "\e61f";
}

.icon-uniE61E:before {
  content: "\e61e";
}

.icon-uniE61D:before {
  content: "\e61d";
}

.icon-uniE61C:before {
  content: "\e61c";
}

.icon-uniE61B:before {
  content: "\e61b";
}

.icon-uniE61A:before {
  content: "\e61a";
}

.icon-uniE619:before {
  content: "\e619";
}

.icon-uniE618:before {
  content: "\e618";
}

.icon-uniE617:before {
  content: "\e617";
}

.icon-uniE616:before {
  content: "\e616";
}

.icon-uniE615:before {
  content: "\e615";
}

.icon-uniE614:before {
  content: "\e614";
}

.icon-uniE613:before {
  content: "\e613";
}

.icon-uniE612:before {
  content: "\e612";
}

.icon-uniE611:before {
  content: "\e611";
}

.icon-uniE610:before {
  content: "\e610";
}

.icon-uniE60F:before {
  content: "\e60f";
}

.icon-uniE60E:before {
  content: "\e60e";
}

.icon-uniE60D:before {
  content: "\e60d";
}

.icon-uniE60C:before {
  content: "\e60c";
}

.icon-uniE60B:before {
  content: "\e60b";
}

.icon-uniE60A:before {
  content: "\e60a";
}

.icon-uniE609:before {
  content: "\e609";
}

.icon-uniE608:before {
  content: "\e608";
}

.icon-uniE607:before {
  content: "\e607";
}

.icon-uniE606:before {
  content: "\e606";
}

.icon-uniE605:before {
  content: "\e605";
}

.icon-52:before {
  content: "\e604";
}

.icon-53:before {
  content: "\e603";
}

.icon-54:before {
  content: "\e602";
}

.icon-55:before {
  content: "\e601";
}

.icon-56:before {
  content: "\e600";
}

.custom-icon-minus:before {
  content: "\e800";
  font-family: 'icomoon-minus-plus';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.custom-icon-plus:before {
  content: "\e801";
  font-family: 'icomoon-minus-plus';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-plus:before {
  content: "\e802";
  font-family: 'icomoon2';
}

.icon-plus2:before {
  content: "\e803";
  font-family: 'icomoon2';
}

.icon-filter:before {
  content: "\e801";
  font-family: 'icomoon2';
}

.icon-cart:before {
  content: "\e800";
  font-family: 'icomoon2';
}

.icon-education2:before {
  font-family: "biosearchIcons";
  content: "\e1000";
}

.icon-videos2:before {
  font-family: "biosearchIcons";
  content: "\e1001";
}

.icon-calendar2:before {
  font-family: "biosearchIcons";
  content: "\e1002";
}

.icon-stellaris2:before {
  font-family: "biosearchIcons";
  content: "\e1003";
}

.icon-chirp2:before {
  font-family: "biosearchIcons";
  content: "\e1004";
}

@font-face {
  font-family: 'webfontregular';
  src: url("/Content/fonts/avenirltstd-black-webfont.eot");
  src: url("/Content/fonts/avenirltstd-black-webfont.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/avenirltstd-black-webfont.woff") format("woff"), url("/Content/fonts/avenirltstd-black-webfont.ttf") format("truetype"), url("/Content/fonts/avenirltstd-black-webfont.svg#webfontregular") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'webfontregular';
  src: url("/Content/fonts/avenirltstd-book-webfont.eot");
  src: url("/Content/fonts/avenirltstd-book-webfont.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/avenirltstd-book-webfont.woff") format("woff"), url("/Content/fonts/avenirltstd-book-webfont.ttf") format("truetype"), url("/Content/fonts/avenirltstd-book-webfont.svg#webfontregular") format("svg");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'webfontregular';
  src: url("/Content/fonts/avenirltstd-medium-webfont.eot");
  src: url("/Content/fonts/avenirltstd-medium-webfont.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/avenirltstd-medium-webfont.woff") format("woff"), url("/Content/fonts/avenirltstd-medium-webfont.ttf") format("truetype"), url("/Content/fonts/avenirltstd-medium-webfont.svg#webfontregular") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'webfontregular';
  src: url("/Content/fonts/avenirltstd-light-webfont.eot");
  src: url("/Content/fonts/avenirltstd-light-webfont.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/avenirltstd-light-webfont.woff") format("woff"), url("/Content/fonts/avenirltstd-light-webfont.ttf") format("truetype"), url("/Content/fonts/avenirltstd-light-webfont.svg#webfontregular") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'webfontregular';
  src: url("/Content/fonts/avenirltstd-roman-webfont.eot");
  src: url("/Content/fonts/avenirltstd-roman-webfont.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/avenirltstd-roman-webfont.woff") format("woff"), url("/Content/fonts/avenirltstd-roman-webfont.ttf") format("truetype"), url("/Content/fonts/avenirltstd-roman-webfont.svg#webfontregular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon-minus-plus';
  src: url("/Content/fonts/icomoon-minus-plus.eot?4mgq65");
  src: url("/Content/fonts/icomoon-minus-plus.eot?4mgq65#iefix") format("embedded-opentype"), url("/Content/fonts/icomoon-minus-plus.ttf?4mgq65") format("truetype"), url("/Content/fonts/icomoon-minus-plus.woff?4mgq65") format("woff"), url("/Content/fonts/icomoon-minus-plus.svg?4mgq65#icomoon-minus-plus") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon2';
  src: url("/Content/fonts/icomoon2.eot?jj45dq");
  src: url("/Content/fonts/icomoon2.eot?jj45dq#iefix") format("embedded-opentype"), url("/Content/fonts/icomoon2.ttf?jj45dq") format("truetype"), url("/Content/fonts/icomoon2.woff?jj45dq") format("woff"), url("/Content/fonts/icomoon2.svg?jj45dq#icomoon2") format("svg");
  font-weight: normal;
  font-style: normal;
}
#header-wrapper {
  margin-bottom: 15px !important;
}
@media (max-width: 1251px) {
  #header-wrapper {
    margin-bottom: 0 !important;
  }
}

#header, #alert-header {
  /*background: rgb(0,120,138);
  background: linear-gradient(90deg, rgba(0,120,138,1) 20%, rgba(101,203,201,1) 100%);*/
  background-color: #393939;
  position: relative;
  /*z-index: 11;*/
}
@media (min-width: 945px) {
  #header, #alert-header {
    z-index: 11;
  }
}
#header .holder,
#header .drop,
#header .middle, #alert-header .holder,
#alert-header .drop,
#alert-header .middle {
  margin: 0 auto;
  padding: 0 30px;
}
@media (max-width: 1251px) {
  #header .holder,
  #header .drop,
  #header .middle, #alert-header .holder,
  #alert-header .drop,
  #alert-header .middle {
    padding: 0 9px;
  }
}
#header .middle, #alert-header .middle {
  position: relative;
  z-index: 11;
  padding-top: 19px;
  padding-bottom: 0px;
  max-width: 1330px;
  /* max-width: 1100px;*/
}
@media (max-width: 1251px) {
  #header .middle, #alert-header .middle {
    padding: 11px 10px;
    max-width: 1063px;
  }
}
#header .drop, #alert-header .drop {
        /*@include media('<1420px') {
            padding-left: 0;
        }
*/
}
@media (max-width: 1251px) {
  #header .drop, #alert-header .drop {
    overflow: auto;
    position: fixed;
    height: 100%;
    padding: 35px 15px;
    width: 382px;
  }
}
@media (max-width: 479px) {
  #header .drop, #alert-header .drop {
    width: 90%;
    padding-left: 0;
  }
}
#header .header-top, #alert-header .header-top {
  background: #FF671B;
  color: #fff;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  padding: 7px 0;
  font-weight: 400;
  vertical-align: middle;
}
@media (max-width: 1023px) {
  #header .header-top, #alert-header .header-top {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (max-width: 1251px) {
  #header .header-top, #alert-header .header-top {
    font-size: 14px;
    line-height: 15px;
    text-align: left;
    padding: 10px 0 11px;
    min-height: 40px;
  }
}
#header .header-top b, #alert-header .header-top b {
  margin-right: 10px;
}
#header .header-top p, #alert-header .header-top p {
  margin: 0;
  padding: 0 20px;
  display: inline-block;
}
#header .header-top p a, #alert-header .header-top p a {
  color: #FFFFFF;
  text-decoration: underline;
}
#header .header-top p a:hover, #alert-header .header-top p a:hover {
  color: #000000;
}
@media (max-width: 1251px) {
  #header .header-top p, #alert-header .header-top p {
    padding: 0;
  }
}
#header .header-top p:after, #alert-header .header-top p:after {
  content: "\e647";
  font-family: 'icomoon';
  color: #FFF;
  vertical-align: middle;
  font-size: 20px;
}
@media (max-width: 1251px) {
  #header .header-top p:after, #alert-header .header-top p:after {
    display: none;
  }
}
#header .header-top p:before, #alert-header .header-top p:before {
  content: "\e648";
  font-family: 'icomoon';
  color: #FFF;
  vertical-align: middle;
  font-size: 20px;
}
@media (max-width: 1251px) {
  #header .header-top p:before, #alert-header .header-top p:before {
    display: none;
  }
}
#header .logo, #alert-header .logo {
  float: left;
  /*width: 244px;*/
  width: 420px;
  padding: 12px 0 12px 0;
}
@media (max-width: 1251px) {
  #header .logo, #alert-header .logo {
    /*width: 126px;*/
    width: 350px;
  }
}
@media (max-width: 479px) {
  #header .logo, #alert-header .logo {
    float: none;
    margin-bottom: 10px;
    width: 310px;
  }
}
#header .logo img, #alert-header .logo img {
  width: 100%;
}
#header .search-form, #alert-header .search-form {
  display: block;
  text-align: right;
  padding: 8px 0px 0 0;
}
@media (max-width: 1305px) {
  #header .search-form, #alert-header .search-form {
    padding-right: 2px;
  }
}
@media (max-width: 1251px) {
  #header .search-form, #alert-header .search-form {
    padding: 0 43px 0 0;
    margin-top: -7px;
  }
}
@media (max-width: 479px) {
  #header .search-form, #alert-header .search-form {
    padding: 5px 0;
  }
}
#header .search-form .form-group, #alert-header .search-form .form-group {
  position: relative;
  margin: 8px 0 0 0;
  /*border: 2px solid #d5e5ec;*/
  padding-right: 40px;
  padding-left: 13px;
  background: #FFF;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border: 0px solid #FFF;
}
@media (max-width: 1251px) {
  #header .search-form .form-group, #alert-header .search-form .form-group {
    padding-right: 35px;
    padding-left: 5px;
  }
}
#header .search-form fieldset, #alert-header .search-form fieldset {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 340px;
  /* width: 452px;*/
}
@media (max-width: 1042px) {
  #header .search-form fieldset, #alert-header .search-form fieldset {
    width: 280px;
  }
}
@media (max-width: 1251px) {
  #header .search-form fieldset, #alert-header .search-form fieldset {
    width: 244px;
  }
}
@media (max-width: 479px) {
  #header .search-form fieldset, #alert-header .search-form fieldset {
    width: 100%;
  }
}
#header .search-form .form-control, #alert-header .search-form .form-control {
  color: #272827;
  background: #FFF;
  text-align: left;
  padding: 10px 0;
  /*border: none;*/
  height: 41px;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border: 0px solid #FFF;
}
#header .search-form .form-control::-webkit-input-placeholder, #alert-header .search-form .form-control::-webkit-input-placeholder {
  color: #6B1E74;
  /*#4499A5*/
}
#header .search-form .form-control::-moz-placeholder, #alert-header .search-form .form-control::-moz-placeholder {
  opacity: 1;
  color: #6B1E74;
  /*#4499A5*/
}
#header .search-form .form-control:-moz-placeholder, #alert-header .search-form .form-control:-moz-placeholder {
  color: #6B1E74;
  /*#4499A5*/
}
#header .search-form .form-control:-ms-input-placeholder, #alert-header .search-form .form-control:-ms-input-placeholder {
  color: #6B1E74;
  /*#4499A5*/
}
#header .search-form .form-control.placeholder, #alert-header .search-form .form-control.placeholder {
  color: #6B1E74;
  /*#4499A5*/
}
@media (max-width: 1251px) {
  #header .search-form .form-control, #alert-header .search-form .form-control {
    height: 31px;
    border-width: 2px;
    font-size: 16px;
    line-height: 20px;
    padding: 0px 0 0 5px;
    border: none;
  }
}
#header .search-form .submit-wrap, #alert-header .search-form .submit-wrap {
  font-size: 22px;
  position: absolute;
  right: 11px;
  top: 58%;
  margin-top: -11px;
}
@media (max-width: 1251px) {
  #header .search-form .submit-wrap, #alert-header .search-form .submit-wrap {
    font-size: 18px;
    right: 10px;
    margin-top: -12px;
  }
}
#header .search-form .submit-wrap:hover, #alert-header .search-form .submit-wrap:hover {
  opacity: .7;
}
#header .search-form .submit-wrap:before, #alert-header .search-form .submit-wrap:before {
  color: #6B1E74;
  /*#4499A5*/
  content: "\e62d";
  font-family: "icomoon";
}
#header .search-form .submit-wrap input[type=submit], #alert-header .search-form .submit-wrap input[type=submit] {
  padding: 0;
  cursor: pointer;
  border: none;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: -1px;
  right: 0;
  width: 24px;
  height: 24px;
  background: none;
}
@media (max-width: 1251px) {
  #header .search-form .submit-wrap input[type=submit], #alert-header .search-form .submit-wrap input[type=submit] {
    width: 14px;
    height: 18px;
  }
}
#header .btn-order, #alert-header .btn-order {
  float: right;
  margin-top: 16px;
  /*background: #272827;*/
  padding: 5px;
  color: #FFF;
  vertical-align: middle;
  font-size: 16px;
  line-height: 29px;
  text-decoration: none;
  min-width: 167px;
  text-align: center;
  text-transform: lowercase;
  font-weight: 700;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border: 2px solid #ffffff;
}
@media (max-width: 1251px) {
  #header .btn-order, #alert-header .btn-order {
    display: none;
    background: #4A9CA7;
  }
}
#header .btn-order:hover, #alert-header .btn-order:hover {
  background: #FFF;
  color: #4A9CA7;
}
#header .btn-order:hover span, #alert-header .btn-order:hover span {
  color: #00788A !important;
}
#header .btn-order span, #alert-header .btn-order span {
  color: #FFFFFF;
  vertical-align: top;
  font-size: 24px;
  line-height: 30px;
  padding-left: 3px;
  display: inline-block;
  /*&:hover {
      color: #c9eded !important;
  }*/
}
#header .nav-opener, #alert-header .nav-opener {
  position: absolute;
  right: 12px;
  top: 50%;
  font-size: 16px;
  margin-top: -10px;
  display: none;
  color: #FFF;
  text-decoration: none;
}
#header .nav-opener:hover, #alert-header .nav-opener:hover {
  color: #4a9ca7;
}
@media (max-width: 1251px) {
  #header .nav-opener, #alert-header .nav-opener {
    /*1162px*/
    display: block;
  }
}
@media (max-width: 479px) {
  #header .nav-opener, #alert-header .nav-opener {
    top: 25px;
  }
}
#header .btn-close, #alert-header .btn-close {
  position: fixed;
  top: 9px;
  right: 12px;
  color: #c6c4c4;
  font-size: 24px;
  display: none !important;
  margin-top: 0;
  z-index: 111;
}
#header .btn-close:hover, #alert-header .btn-close:hover {
  text-decoration: none;
  color: #272827;
}
#header #nav, #alert-header #nav {
  background: #fff;
  width: 100%;
}
#header #nav .btn-order, #alert-header #nav .btn-order {
  display: none;
  float: none;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 27px;
  min-width: 111px;
  padding: 8px 17px;
}
#header #nav .btn-order span, #alert-header #nav .btn-order span {
  font-size: 24px;
  line-height: 24px;
  padding-left: 3px;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 1251px) {
  #header #nav .btn-order, #alert-header #nav .btn-order {
    display: inline-block;
    vertical-align: top;
  }
}
@media (max-width: 1251px) {
  #header #nav, #alert-header #nav {
    width: 382px;
    position: absolute !important;
    height: 100%;
    right: -382px !important;
    top: 0;
    left: auto !important;
    padding: 14px 10px 9999px;
    margin-bottom: -9999px;
    /*z-index: 11;*/
  }
  #header #nav .drop-slide-wrapper, #alert-header #nav .drop-slide-wrapper {
    display: none;
    position: relative !important;
    height: auto !important;
    width: 100% !important;
  }
}
@media (max-width: 479px) {
  #header #nav, #alert-header #nav {
    width: 230px;
    right: -230px !important;
  }
}
#header #nav .nav ul, #alert-header #nav .nav ul {
  float: left;
}
@media (max-width: 1251px) {
  #header #nav .nav ul, #alert-header #nav .nav ul {
    float: none;
  }
}
#header #nav .nav ul li, #alert-header #nav .nav ul li {
  margin: 0 28px 0 0;
}
@media (max-width: 1251px) {
  #header #nav .nav ul li, #alert-header #nav .nav ul li {
    float: none;
    margin: 0 0 18px 2px !important;
  }
}
#header #nav .nav ul.right-nav, #alert-header #nav .nav ul.right-nav {
  float: right;
}
@media (max-width: 1251px) {
  #header #nav .nav ul.right-nav, #alert-header #nav .nav ul.right-nav {
    float: none;
  }
}
#header #nav .nav ul.right-nav li, #alert-header #nav .nav ul.right-nav li {
  margin: 0 0 0 0px;
  /*38px*/
}
#header #nav .nav ul.right-nav .subnav, #alert-header #nav .nav ul.right-nav .subnav {
  right: -14px !important;
}
@media (max-width: 1251px) {
  #header #nav .nav ul.right-nav .subnav, #alert-header #nav .nav ul.right-nav .subnav {
    right: 0 !important;
  }
}
#header #nav .nav ul.right-nav .subnav.carts, #alert-header #nav .nav ul.right-nav .subnav.carts {
  padding-bottom: 10px;
}
#header #nav .nav ul.right-nav .subnav.carts > li:first-child, #alert-header #nav .nav ul.right-nav .subnav.carts > li:first-child {
  padding: 10px 10px 5px;
}
#header #nav .nav ul.right-nav .subnav.carts > li, #alert-header #nav .nav ul.right-nav .subnav.carts > li {
  padding: 5px 10px 0;
}
#header #nav .nav ul.right-nav .subnav.carts .cart-row, #alert-header #nav .nav ul.right-nav .subnav.carts .cart-row {
  display: block;
  overflow: hidden;
  background: #fff;
  padding: 4px 10px;
}
#header #nav .nav ul.right-nav .subnav.carts .cart-row.head, #alert-header #nav .nav ul.right-nav .subnav.carts .cart-row.head {
  background: #949191 !important;
}
#header #nav .nav ul.right-nav .subnav.carts .cart-row.head:hover, #alert-header #nav .nav ul.right-nav .subnav.carts .cart-row.head:hover {
  background: #949191 !important;
}
#header #nav .nav ul.right-nav .subnav.carts .cart-row.head ul li, #alert-header #nav .nav ul.right-nav .subnav.carts .cart-row.head ul li {
  font-weight: bold;
  color: #fff;
  font-size: 14px;
}
#header #nav .nav ul.right-nav .subnav.carts .cart-row:hover, #alert-header #nav .nav ul.right-nav .subnav.carts .cart-row:hover {
  background: #f4f4f4;
}
#header #nav .nav ul.right-nav .subnav.carts .cart-row ul, #alert-header #nav .nav ul.right-nav .subnav.carts .cart-row ul {
  display: block;
  overflow: hidden;
  width: 100%;
}
#header #nav .nav ul.right-nav .subnav.carts .cart-row ul li, #alert-header #nav .nav ul.right-nav .subnav.carts .cart-row ul li {
  float: left;
  position: relative;
  width: 25%;
}
#header #nav .nav ul.right-nav .subnav.carts .cart-row ul li:first-child, #alert-header #nav .nav ul.right-nav .subnav.carts .cart-row ul li:first-child {
  width: 50%;
}
#header #nav .nav ul.right-nav .subnav.carts .cart-row ul li a, #alert-header #nav .nav ul.right-nav .subnav.carts .cart-row ul li a {
  padding: 0;
  margin: 0;
}
#header #nav .nav ul.right-nav .subnav.carts .cart-row ul li a:hover, #alert-header #nav .nav ul.right-nav .subnav.carts .cart-row ul li a:hover {
  background: none;
}
#header #nav .nav ul.right-nav .drop-slide-wrapper, #alert-header #nav .nav ul.right-nav .drop-slide-wrapper {
  right: -14px !important;
}
#header #nav .nav li, #alert-header #nav .nav li {
  float: left;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
@media (max-width: 1251px) {
  #header #nav .nav li, #alert-header #nav .nav li {
    font-size: 17px;
    line-height: 20px;
  }
}
@media (max-width: 479px) {
  #header #nav .nav li, #alert-header #nav .nav li {
    font-size: 20px;
    line-height: 30px;
  }
}
#header #nav .nav li.hover > a, #header #nav .nav li.active > a, #header #nav .nav li.menu-hover > a, #alert-header #nav .nav li.hover > a, #alert-header #nav .nav li.active > a, #alert-header #nav .nav li.menu-hover > a {
  color: #4A9CA7;
  border-color: #77BC1F;
  /* &:after {
      content: "\e631";
  }*/
}
#header #nav .nav li.hover .subnav, #header #nav .nav li.active .subnav, #header #nav .nav li.menu-hover .subnav, #alert-header #nav .nav li.hover .subnav, #alert-header #nav .nav li.active .subnav, #alert-header #nav .nav li.menu-hover .subnav {
  display: block !important;
}
@media (min-width: 945px) {
  #header #nav .nav li.hover .subnav, #header #nav .nav li.active .subnav, #header #nav .nav li.menu-hover .subnav, #alert-header #nav .nav li.hover .subnav, #alert-header #nav .nav li.active .subnav, #alert-header #nav .nav li.menu-hover .subnav {
    display: none !important;
  }
}
#header #nav .nav li.no-drop a:after, #alert-header #nav .nav li.no-drop a:after {
  content: "";
}
#header #nav .nav li.no-drop a.hover, #alert-header #nav .nav li.no-drop a.hover {
  content: "";
}
#header #nav .nav li a:not(.noarrow), #alert-header #nav .nav li a:not(.noarrow) {
  color: #272827;
  border-bottom: 2px solid #fff;
  text-decoration: none;
  padding: 10px 16px 9px 0;
  position: relative;
}
@media (max-width: 1251px) {
  #header #nav .nav li a:not(.noarrow), #alert-header #nav .nav li a:not(.noarrow) {
    border: none;
    padding: 0 0 0 17px;
    display: inline-block;
    vertical-align: top;
    color: #272827 !important;
  }
}
#header #nav .nav li a:not(.noarrow):after, #alert-header #nav .nav li a:not(.noarrow):after {
  font-family: 'icomoon';
  color: #c6c4c4;
  position: absolute;
  right: 0;
  top: 12px;
  font-size: 7px;
  line-height: 12px;
  font-weight: 100;
  content: "\e630";
}
@media (max-width: 1251px) {
  #header #nav .nav li a:not(.noarrow):after, #alert-header #nav .nav li a:not(.noarrow):after {
    right: auto;
    left: 0;
    top: 4px;
    font-size: 7px;
  }
}
@media (max-width: 479px) {
  #header #nav .nav li a:not(.noarrow):after, #alert-header #nav .nav li a:not(.noarrow):after {
    top: 8px;
  }
}
#header #nav .nav li a:not(.noarrow).hover, #alert-header #nav .nav li a:not(.noarrow).hover {
  /*border-color: #b61e27;*/
  color: YELLOW;
}
#header #nav .nav li a:not(.noarrow).hover:after, #alert-header #nav .nav li a:not(.noarrow).hover:after {
  content: "\e631";
}
#header #nav .nav li.cart, #alert-header #nav .nav li.cart {
                    /*&.hover{
						color: #4A9CA7;
					}*/
}
#header #nav .nav li.cart i, #alert-header #nav .nav li.cart i {
  display: none;
  font-style: normal;
}
@media (max-width: 1251px) {
  #header #nav .nav li.cart span, #alert-header #nav .nav li.cart span {
    display: none;
  }
  #header #nav .nav li.cart i, #alert-header #nav .nav li.cart i {
    display: inline-block;
  }
}
#header #nav .nav li.cart .icon-1, #alert-header #nav .nav li.cart .icon-1 {
  font-size: 18px;
}
#header #nav .nav li.cart a, #alert-header #nav .nav li.cart a {
  padding-right: 0;
  padding-bottom: 7px;
}
#header #nav .nav li.cart a:after, #alert-header #nav .nav li.cart a:after {
  display: none;
}
@media (max-width: 1251px) {
  #header #nav .nav li.cart a:after, #alert-header #nav .nav li.cart a:after {
    display: inline-block;
  }
}
#header #nav .nav li.cart a span, #alert-header #nav .nav li.cart a span {
  color: #6B1E74;
}
#header #nav .nav li.cart strong, #alert-header #nav .nav li.cart strong {
  color: #272827;
}
#header #nav .nav li.quick, #alert-header #nav .nav li.quick {
  display: none;
}
#header #nav .nav li.quick a, #alert-header #nav .nav li.quick a {
  padding-right: 20px !important;
}
#header #nav .nav li.quick a:after, #alert-header #nav .nav li.quick a:after {
  display: none;
}
#header #nav .nav li.quick a span, #alert-header #nav .nav li.quick a span {
  color: #FFFFFF !important;
  font-size: 23px;
  line-height: 1;
  position: relative;
  top: 5px;
  padding-left: 2px;
  margin-bottom: -5px;
  position: absolute;
  right: 0;
  top: 7px;
}
#header #nav .nav li.covid-sticky, #alert-header #nav .nav li.covid-sticky {
  display: none;
}
#header #nav .nav li.covid-sticky a:after, #alert-header #nav .nav li.covid-sticky a:after {
  display: none;
}
#header #nav .nav .subnav, #alert-header #nav .nav .subnav {
  position: absolute;
  top: 100%;
  background: #fff;
  width: 272px;
  display: none !important;
  /*border-bottom:solid 1px #e6e6e6;
  border-left:solid 1px #e6e6e6;
  border-right:solid 1px #e6e6e6;*/
}
@media (max-width: 1251px) {
  #header #nav .nav .subnav, #alert-header #nav .nav .subnav {
    width: 100%;
  }
}
#header #nav .nav .subnav .no-sub .glyphicon, #alert-header #nav .nav .subnav .no-sub .glyphicon {
  display: none !important;
}
#header #nav .nav .subnav li, #alert-header #nav .nav .subnav li {
  font-size: 15px;
  line-height: 20px;
  text-transform: none;
  margin: 0;
  font-weight: 400;
  float: none;
}
@media (max-width: 1251px) {
  #header #nav .nav .subnav li, #alert-header #nav .nav .subnav li {
    font-size: 16px;
    line-height: 20px;
    padding-left: 17px;
    margin-bottom: 9px !important;
  }
}
#header #nav .nav .subnav li:first-child a, #alert-header #nav .nav .subnav li:first-child a {
  display: block;
}
#header #nav .nav .subnav li:hover ~ li a, #alert-header #nav .nav .subnav li:hover ~ li a {
  display: block;
}
#header #nav .nav .subnav li:hover .glyphicon-chevron-down, #alert-header #nav .nav .subnav li:hover .glyphicon-chevron-down {
  display: none;
}
#header #nav .nav .subnav li:hover .glyphicon-chevron-up, #alert-header #nav .nav .subnav li:hover .glyphicon-chevron-up {
  display: block;
}
#header #nav .nav .subnav li:hover .menu-title, #alert-header #nav .nav .subnav li:hover .menu-title {
  color: #4499A5;
}
#header #nav .nav .subnav li .menu-title, #alert-header #nav .nav .subnav li .menu-title {
  font-weight: 600;
  padding-left: 17px;
  margin-bottom: 9px;
}
#header #nav .nav .subnav li .subtitle, #alert-header #nav .nav .subnav li .subtitle {
  margin-left: 20px;
}
#header #nav .nav .subnav li a, #alert-header #nav .nav .subnav li a {
  color: #272827;
  padding: 8px 16px;
  border: none;
  display: none;
}
@media (max-width: 1251px) {
  #header #nav .nav .subnav li a, #alert-header #nav .nav .subnav li a {
    padding: 0;
  }
}
#header #nav .nav .subnav li a:after, #alert-header #nav .nav .subnav li a:after {
  display: none;
}
#header #nav .nav .subnav li a:hover, #alert-header #nav .nav .subnav li a:hover {
  color: #4499A5;
  background: #ECFDFD;
}
@media (max-width: 1251px) {
  #header #nav .nav .subnav li a:hover, #alert-header #nav .nav .subnav li a:hover {
    background: none;
  }
}
#header #nav .nav .subnav li .glyphicon-chevron-up, #alert-header #nav .nav .subnav li .glyphicon-chevron-up {
  display: none;
}
#header #nav .nav .subnav li .glyphicon, #alert-header #nav .nav .subnav li .glyphicon {
  position: absolute;
  color: #c6c4c4;
  font-size: 11px;
  line-height: 17px;
}
@media (max-width: 1251px) {
  #header #nav .nav .subnav .col-account li, #alert-header #nav .nav .subnav .col-account li {
    padding-left: 0px;
  }
}
#header #nav .nav .subnav .col-cart .cart-row li, #alert-header #nav .nav .subnav .col-cart .cart-row li {
  display: inline;
}
#header #nav .nav .subnav .col-cart, #alert-header #nav .nav .subnav .col-cart {
  margin-right: 0px;
}
#header #nav .nav .subnav .col-cart ul, #alert-header #nav .nav .subnav .col-cart ul {
  display: flex;
  flex-wrap: wrap;
}
#header #nav .nav .subnav .col-cart ul li, #alert-header #nav .nav .subnav .col-cart ul li {
  padding: 0;
}
#header #nav .nav .subnav .col-cart cart-title, #alert-header #nav .nav .subnav .col-cart cart-title {
  padding-right: 44px;
}
#header #nav .nav .subnav .col-cart item-title, #alert-header #nav .nav .subnav .col-cart item-title {
  padding-right: 44px;
}
#header #nav .nav .subnav .col-cart total-title, #alert-header #nav .nav .subnav .col-cart total-title {
  padding-right: 44px;
}
#header #nav .nav .subnav .col-cart .cart-tab-label, #alert-header #nav .nav .subnav .col-cart .cart-tab-label {
  display: inline;
  width: 32%;
  float: left;
  background: #f2f2f2;
  padding-left: 2px;
}
#header #nav .nav .subnav .col-cart .cart-row, #alert-header #nav .nav .subnav .col-cart .cart-row {
  width: 100%;
  padding: 4px 2px !important;
}
#header #nav .nav .subnav .col-cart .cart-row li, #alert-header #nav .nav .subnav .col-cart .cart-row li {
  display: inline;
  width: 32%;
  float: left;
  padding-left: 2px;
}
#header #nav .nav .subnav .col-cart .cart-row li:first-child, #alert-header #nav .nav .subnav .col-cart .cart-row li:first-child {
  width: 46% !important;
}
#header #nav .nav .subnav .col-cart .cart-row:hover li, #alert-header #nav .nav .subnav .col-cart .cart-row:hover li {
  background: #f2f2f2;
}
#header #nav .search-form, #alert-header #nav .search-form {
  padding: 0;
  display: none;
}
#header #nav .search-form fieldset, #alert-header #nav .search-form fieldset {
  width: 456px;
}
@media (max-width: 1424px) {
  #header #nav .search-form fieldset, #alert-header #nav .search-form fieldset {
    width: 288px;
  }
}
#header #nav .search-form .form-group, #alert-header #nav .search-form .form-group {
  margin: 0;
}
#header #nav .search-form .form-control, #alert-header #nav .search-form .form-control {
  height: 34px;
  padding: 6px 0 4px;
  font-size: 18px;
  line-height: 22px;
}
#header #nav .search-form .submit-wrap, #alert-header #nav .search-form .submit-wrap {
  font-size: 18px;
  top: 50%;
  margin-top: -12px;
}
#header #nav .search-form .submit-wrap input[type="submit"], #alert-header #nav .search-form .submit-wrap input[type="submit"] {
  right: -7px;
}
@media (min-width: 1190px) {
  #header #nav.fixed-position, #alert-header #nav.fixed-position {
    /*  background: rgb(0,120,138);
    background: linear-gradient(90deg, rgba(0,120,138,1) 20%, rgba(101,203,201,1) 100%);*/
    background-color: #393939;
    padding: 9px 0;
  }
  #header #nav.fixed-position .nav ul li, #alert-header #nav.fixed-position .nav ul li {
    margin-right: 20px;
  }
  #header #nav.fixed-position .nav ul li.quick, #alert-header #nav.fixed-position .nav ul li.quick {
    display: inline-block;
  }
  #header #nav.fixed-position .nav ul li.covid-sticky, #alert-header #nav.fixed-position .nav ul li.covid-sticky {
    display: inline-block;
  }
  #header #nav.fixed-position .nav ul li.hover a, #alert-header #nav.fixed-position .nav ul li.hover a {
    border-color: #77BC1F;
  }
  #header #nav.fixed-position .nav ul li.hover .header-name, #alert-header #nav.fixed-position .nav ul li.hover .header-name {
    color: #FFF;
  }
  #header #nav.fixed-position .nav li a, #alert-header #nav.fixed-position .nav li a {
    padding-right: 0;
    border-color: transparent;
  }
  #header #nav.fixed-position .nav li a:after,
  #header #nav.fixed-position .nav li a strong, #alert-header #nav.fixed-position .nav li a:after,
  #alert-header #nav.fixed-position .nav li a strong {
    display: none;
  }
  #header #nav.fixed-position .right-nav li, #alert-header #nav.fixed-position .right-nav li {
    margin: 0 0 0 30px !important;
  }
  #header #nav.fixed-position .subnav li, #alert-header #nav.fixed-position .subnav li {
    margin: 0 !important;
  }
  #header #nav.fixed-position .search-form,
  #header #nav.fixed-position .fixed-logo, #alert-header #nav.fixed-position .search-form,
  #alert-header #nav.fixed-position .fixed-logo {
    display: block;
  }
  #header #nav.fixed-position .autocomplete ul, #alert-header #nav.fixed-position .autocomplete ul {
    float: none;
    margin-bottom: 10px;
  }
  #header #nav.fixed-position .autocomplete li, #alert-header #nav.fixed-position .autocomplete li {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 1px !important;
    float: none;
    text-transform: none;
    font-weight: 600;
  }
  #header #nav.fixed-position .autocomplete li strong, #alert-header #nav.fixed-position .autocomplete li strong {
    display: inline-block !important;
    vertical-align: top;
  }
  #header #nav.fixed-position .autocomplete a, #alert-header #nav.fixed-position .autocomplete a {
    display: block;
    padding: 2px 17px;
    color: #272827;
    border: none;
  }
  #header #nav.fixed-position .autocomplete a:hover, #alert-header #nav.fixed-position .autocomplete a:hover {
    background: #f4f4f4;
    text-decoration: none;
  }
}
#header #nav.fixed-position, #alert-header #nav.fixed-position {
  /*strong {
      color: #FFF; //ITEMS IN CART
  }*/
}
#header #nav.fixed-position .nav li a, #alert-header #nav.fixed-position .nav li a {
  color: #FFF;
}
#header #nav.fixed-position .nav li a span, #alert-header #nav.fixed-position .nav li a span {
  color: #FFF;
}
#header #nav.fixed-position .nav li a span:hover, #alert-header #nav.fixed-position .nav li a span:hover {
  color: #c9eded !important;
}
#header #nav.fixed-position .nav li.cart strong, #alert-header #nav.fixed-position .nav li.cart strong {
  color: #FFF;
}
#header #nav.fixed-position .nav li.cart strong:hover, #alert-header #nav.fixed-position .nav li.cart strong:hover {
  color: #c9eded;
}
#header #nav.fixed-position .nav li a:hover, #alert-header #nav.fixed-position .nav li a:hover {
  color: #C9EDED !important;
}
#header #nav.fixed-position .nav li a:hover span, #alert-header #nav.fixed-position .nav li a:hover span {
  color: #c9eded !important;
}
#header #nav.fixed-position .nav li a:hover strong, #alert-header #nav.fixed-position .nav li a:hover strong {
  color: #c9eded;
}
@media (max-width: 1190px) {
  #header #nav.fixed-position, #alert-header #nav.fixed-position {
    position: static !important;
  }
}
@media (max-width: 1251px) {
  #header #nav.fixed-position, #alert-header #nav.fixed-position {
    position: absolute !important;
  }
}
#header #nav.fixed-position a, #alert-header #nav.fixed-position a {
  padding-right: 0;
  padding-bottom: 7px;
  /*span {
      color: #FFF; //CART ICON
  }*/
}
#header #nav.fixed-position a:after, #alert-header #nav.fixed-position a:after {
  display: none;
}
@media (max-width: 767px) {
  #header #nav.fixed-position a:after, #alert-header #nav.fixed-position a:after {
    display: inline-block;
  }
}
@media (max-width: 1251px) {
  #header #nav.mega .the-nav ul, #alert-header #nav.mega .the-nav ul {
    float: none;
  }
}
#header #nav.mega .the-nav ul li, #alert-header #nav.mega .the-nav ul li {
  margin: 0 42px 0 0;
}
@media (max-width: 1251px) {
  #header #nav.mega .the-nav ul li, #alert-header #nav.mega .the-nav ul li {
    float: none;
    margin: 0 0 18px 2px !important;
  }
}
#header #nav.mega .the-nav ul.right-nav, #alert-header #nav.mega .the-nav ul.right-nav {
  float: right;
}
@media (max-width: 1251px) {
  #header #nav.mega .the-nav ul.right-nav, #alert-header #nav.mega .the-nav ul.right-nav {
    float: none;
  }
}
#header #nav.mega .the-nav ul.right-nav li, #alert-header #nav.mega .the-nav ul.right-nav li {
  margin: 0 0 0 38px;
}
#header #nav.mega .the-nav ul.right-nav .subnav, #alert-header #nav.mega .the-nav ul.right-nav .subnav {
  right: -14px !important;
}
@media (max-width: 1251px) {
  #header #nav.mega .the-nav ul.right-nav .subnav, #alert-header #nav.mega .the-nav ul.right-nav .subnav {
    right: 0 !important;
  }
}
#header #nav.mega .the-nav ul.right-nav .subnav.carts, #alert-header #nav.mega .the-nav ul.right-nav .subnav.carts {
  padding-bottom: 10px;
}
#header #nav.mega .the-nav ul.right-nav .subnav.carts > li:first-child, #alert-header #nav.mega .the-nav ul.right-nav .subnav.carts > li:first-child {
  padding: 10px 10px 5px;
}
#header #nav.mega .the-nav ul.right-nav .subnav.carts > li, #alert-header #nav.mega .the-nav ul.right-nav .subnav.carts > li {
  padding: 5px 10px 0;
}
#header #nav.mega .the-nav ul.right-nav .subnav.carts .cart-row, #alert-header #nav.mega .the-nav ul.right-nav .subnav.carts .cart-row {
  display: block;
  overflow: hidden;
  background: #fff;
  padding: 4px 10px;
}
#header #nav.mega .the-nav ul.right-nav .subnav.carts .cart-row.head, #alert-header #nav.mega .the-nav ul.right-nav .subnav.carts .cart-row.head {
  background: #949191 !important;
}
#header #nav.mega .the-nav ul.right-nav .subnav.carts .cart-row.head:hover, #alert-header #nav.mega .the-nav ul.right-nav .subnav.carts .cart-row.head:hover {
  background: #949191 !important;
}
#header #nav.mega .the-nav ul.right-nav .subnav.carts .cart-row.head ul li, #alert-header #nav.mega .the-nav ul.right-nav .subnav.carts .cart-row.head ul li {
  font-weight: bold;
  color: #fff;
  font-size: 14px;
}
#header #nav.mega .the-nav ul.right-nav .subnav.carts .cart-row:hover, #alert-header #nav.mega .the-nav ul.right-nav .subnav.carts .cart-row:hover {
  background: #f4f4f4;
}
#header #nav.mega .the-nav ul.right-nav .subnav.carts .cart-row ul, #alert-header #nav.mega .the-nav ul.right-nav .subnav.carts .cart-row ul {
  display: block;
  overflow: hidden;
  width: 100%;
}
#header #nav.mega .the-nav ul.right-nav .subnav.carts .cart-row ul li, #alert-header #nav.mega .the-nav ul.right-nav .subnav.carts .cart-row ul li {
  float: left;
  position: relative;
  width: 25%;
}
#header #nav.mega .the-nav ul.right-nav .subnav.carts .cart-row ul li:first-child, #alert-header #nav.mega .the-nav ul.right-nav .subnav.carts .cart-row ul li:first-child {
  width: 50%;
}
#header #nav.mega .the-nav ul.right-nav .subnav.carts .cart-row ul li a, #alert-header #nav.mega .the-nav ul.right-nav .subnav.carts .cart-row ul li a {
  padding: 0;
  margin: 0;
}
#header #nav.mega .the-nav ul.right-nav .subnav.carts .cart-row ul li a:hover, #alert-header #nav.mega .the-nav ul.right-nav .subnav.carts .cart-row ul li a:hover {
  background: none;
}
#header #nav.mega .the-nav ul.right-nav .drop-slide-wrapper, #alert-header #nav.mega .the-nav ul.right-nav .drop-slide-wrapper {
  right: -14px !important;
}
#header #nav.mega .the-nav li, #alert-header #nav.mega .the-nav li {
  float: left;
  width: 100%;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
@media (max-width: 1251px) {
  #header #nav.mega .the-nav li, #alert-header #nav.mega .the-nav li {
    font-size: 17px;
    line-height: 20px;
  }
}
@media (max-width: 479px) {
  #header #nav.mega .the-nav li, #alert-header #nav.mega .the-nav li {
    font-size: 14px;
  }
}
#header #nav.mega .the-nav li.no-drop a:after, #alert-header #nav.mega .the-nav li.no-drop a:after {
  content: "";
}
#header #nav.mega .the-nav li.no-drop a.hover, #alert-header #nav.mega .the-nav li.no-drop a.hover {
  content: "";
}
#header #nav.mega .the-nav li.has-children > a:after, #alert-header #nav.mega .the-nav li.has-children > a:after {
  font-family: 'icomoon';
  color: #c6c4c4;
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 7px;
  line-height: 12px;
  font-weight: 100;
  content: "\e630";
}
@media (max-width: 1251px) {
  #header #nav.mega .the-nav li.has-children > a:after, #alert-header #nav.mega .the-nav li.has-children > a:after {
    right: auto;
    left: 0;
    top: 4px;
    font-size: 7px;
  }
}
#header #nav.mega .the-nav li a, #alert-header #nav.mega .the-nav li a {
  color: #272827;
  display: block;
  border-bottom: 2px solid #fff;
  text-decoration: none;
  padding: 10px 16px 9px 0;
  position: relative;
}
@media (max-width: 1251px) {
  #header #nav.mega .the-nav li a, #alert-header #nav.mega .the-nav li a {
    border: none;
    padding: 0 0 0 17px;
    display: inline-block;
    vertical-align: top;
  }
}
#header #nav.mega .the-nav li a.hover, #alert-header #nav.mega .the-nav li a.hover {
  /*border-color: #b61e27;*/
  color: YELLOW;
}
#header #nav.mega .the-nav li a.hover:after, #alert-header #nav.mega .the-nav li a.hover:after {
  content: "\e631";
}
#header #nav.mega .the-nav li.cart, #alert-header #nav.mega .the-nav li.cart {
                        /*&.hover{
						color: #4A9CA7;
					}*/
}
#header #nav.mega .the-nav li.cart i, #alert-header #nav.mega .the-nav li.cart i {
  display: none;
  font-style: normal;
}
@media (max-width: 1251px) {
  #header #nav.mega .the-nav li.cart span, #alert-header #nav.mega .the-nav li.cart span {
    display: none;
  }
  #header #nav.mega .the-nav li.cart i, #alert-header #nav.mega .the-nav li.cart i {
    display: inline-block;
  }
}
#header #nav.mega .the-nav li.cart .icon-1, #alert-header #nav.mega .the-nav li.cart .icon-1 {
  font-size: 18px;
}
#header #nav.mega .the-nav li.cart a, #alert-header #nav.mega .the-nav li.cart a {
  padding-right: 0;
  padding-bottom: 7px;
}
#header #nav.mega .the-nav li.cart a:after, #alert-header #nav.mega .the-nav li.cart a:after {
  display: none;
}
@media (max-width: 1251px) {
  #header #nav.mega .the-nav li.cart a:after, #alert-header #nav.mega .the-nav li.cart a:after {
    display: inline-block;
  }
}
#header #nav.mega .the-nav li.cart a span, #alert-header #nav.mega .the-nav li.cart a span {
  color: #00788A;
}
#header #nav.mega .the-nav li.cart strong, #alert-header #nav.mega .the-nav li.cart strong {
  color: #272827;
}
#header #nav.mega .the-nav li.quick, #alert-header #nav.mega .the-nav li.quick {
  display: none;
}
#header #nav.mega .the-nav li.quick a, #alert-header #nav.mega .the-nav li.quick a {
  padding-right: 20px !important;
}
#header #nav.mega .the-nav li.quick a:after, #alert-header #nav.mega .the-nav li.quick a:after {
  display: none;
}
#header #nav.mega .the-nav li.quick a span, #alert-header #nav.mega .the-nav li.quick a span {
  color: #FFFFFF !important;
  font-size: 23px;
  line-height: 1;
  position: relative;
  top: 5px;
  padding-left: 2px;
  margin-bottom: -5px;
  position: absolute;
  right: 0;
  top: 7px;
}
#header #nav.mega .the-nav li.covid-sticky, #alert-header #nav.mega .the-nav li.covid-sticky {
  display: none;
}
#header #nav.mega .the-nav li.covid-sticky a:after, #alert-header #nav.mega .the-nav li.covid-sticky a:after {
  display: none;
}
#header #nav.mega .the-nav .subnav, #alert-header #nav.mega .the-nav .subnav {
  position: absolute;
  top: 100%;
  background: #fff;
  width: 272px;
  display: none !important;
    /*border-bottom:solid 1px #e6e6e6;
border-left:solid 1px #e6e6e6;
border-right:solid 1px #e6e6e6;*/
}
@media (max-width: 1251px) {
  #header #nav.mega .the-nav .subnav, #alert-header #nav.mega .the-nav .subnav {
    width: 100%;
  }
}
#header #nav.mega .the-nav .subnav .no-sub .glyphicon, #alert-header #nav.mega .the-nav .subnav .no-sub .glyphicon {
  display: none !important;
}
#header #nav.mega .the-nav .subnav li, #alert-header #nav.mega .the-nav .subnav li {
  font-size: 15px;
  line-height: 20px;
  text-transform: none;
  margin: 0;
  font-weight: 400;
  float: none;
}
@media (max-width: 1251px) {
  #header #nav.mega .the-nav .subnav li, #alert-header #nav.mega .the-nav .subnav li {
    font-size: 16px;
    line-height: 20px;
    padding-left: 17px;
    margin-bottom: 9px !important;
  }
}
#header #nav.mega .the-nav .subnav li:first-child a, #alert-header #nav.mega .the-nav .subnav li:first-child a {
  display: block;
}
#header #nav.mega .the-nav .subnav li .menu-title, #alert-header #nav.mega .the-nav .subnav li .menu-title {
  font-weight: 600;
  padding-left: 17px;
  margin-bottom: 9px;
}
#header #nav.mega .the-nav .subnav li .subtitle, #alert-header #nav.mega .the-nav .subnav li .subtitle {
  margin-left: 20px;
}
#header #nav.mega .the-nav .subnav li a, #alert-header #nav.mega .the-nav .subnav li a {
  color: #272827;
  padding: 8px 16px;
  border: none;
  display: none;
}
@media (max-width: 1251px) {
  #header #nav.mega .the-nav .subnav li a, #alert-header #nav.mega .the-nav .subnav li a {
    padding: 0;
  }
}
#header #nav.mega .the-nav .subnav li a:after, #alert-header #nav.mega .the-nav .subnav li a:after {
  display: none;
}
#header #nav.mega .the-nav .subnav li a:hover, #alert-header #nav.mega .the-nav .subnav li a:hover {
  color: #4499A5;
  background: #ECFDFD;
}
@media (max-width: 1251px) {
  #header #nav.mega .the-nav .subnav li a:hover, #alert-header #nav.mega .the-nav .subnav li a:hover {
    background: none;
  }
}
#header #nav.mega .the-nav .subnav li .glyphicon-chevron-up, #alert-header #nav.mega .the-nav .subnav li .glyphicon-chevron-up {
  display: none;
}
#header #nav.mega .the-nav .subnav li .glyphicon, #alert-header #nav.mega .the-nav .subnav li .glyphicon {
  position: absolute;
  color: #c6c4c4;
  font-size: 11px;
  line-height: 17px;
}
@media (max-width: 1251px) {
  #header #nav.mega .the-nav .subnav .col-account li, #alert-header #nav.mega .the-nav .subnav .col-account li {
    padding-left: 0px;
  }
}
#header #nav.mega .the-nav .subnav .col-cart .cart-row li, #alert-header #nav.mega .the-nav .subnav .col-cart .cart-row li {
  display: inline;
}
#header #nav.mega .the-nav .subnav .col-cart, #alert-header #nav.mega .the-nav .subnav .col-cart {
  margin-right: 0px;
}
#header #nav.mega .the-nav .subnav .col-cart ul, #alert-header #nav.mega .the-nav .subnav .col-cart ul {
  display: flex;
  flex-wrap: wrap;
}
#header #nav.mega .the-nav .subnav .col-cart ul li, #alert-header #nav.mega .the-nav .subnav .col-cart ul li {
  padding: 0;
}
#header #nav.mega .the-nav .subnav .col-cart cart-title, #alert-header #nav.mega .the-nav .subnav .col-cart cart-title {
  padding-right: 44px;
}
#header #nav.mega .the-nav .subnav .col-cart item-title, #alert-header #nav.mega .the-nav .subnav .col-cart item-title {
  padding-right: 44px;
}
#header #nav.mega .the-nav .subnav .col-cart total-title, #alert-header #nav.mega .the-nav .subnav .col-cart total-title {
  padding-right: 44px;
}
#header #nav.mega .the-nav .subnav .col-cart .cart-tab-label, #alert-header #nav.mega .the-nav .subnav .col-cart .cart-tab-label {
  display: inline;
  width: 32%;
  float: left;
  background: #f2f2f2;
  padding-left: 2px;
}
#header #nav.mega .the-nav .subnav .col-cart .cart-row, #alert-header #nav.mega .the-nav .subnav .col-cart .cart-row {
  width: 100%;
  padding: 4px 2px !important;
}
#header #nav.mega .the-nav .subnav .col-cart .cart-row li, #alert-header #nav.mega .the-nav .subnav .col-cart .cart-row li {
  display: inline;
  width: 32%;
  float: left;
  padding-left: 2px;
}
#header #nav.mega .the-nav .subnav .col-cart .cart-row li:first-child, #alert-header #nav.mega .the-nav .subnav .col-cart .cart-row li:first-child {
  width: 46% !important;
}
#header #nav.mega .the-nav .subnav .col-cart .cart-row:hover li, #alert-header #nav.mega .the-nav .subnav .col-cart .cart-row:hover li {
  background: #f2f2f2;
}
#header .left-nav, #alert-header .left-nav {
  float: left;
}
@media (max-width: 1251px) {
  #header .left-nav, #alert-header .left-nav {
    float: none;
  }
}
#header .left-nav .subnav, #alert-header .left-nav .subnav {
  left: -14px;
}
@media (max-width: 1251px) {
  #header .left-nav .subnav, #alert-header .left-nav .subnav {
    left: 0;
  }
}
#header .fixed-logo, #alert-header .fixed-logo {
  /*width: 136px;*/
  width: 300px;
  height: 34px;
  margin-right: 35px;
  float: left;
  display: none;
}
@media (max-width: 1305px) {
  #header .fixed-logo, #alert-header .fixed-logo {
    margin-right: 20px;
  }
}
#header .fixed-logo img, #alert-header .fixed-logo img {
  width: 100%;
}
#header .slidelevel2, #alert-header .slidelevel2 {
  margin-left: 230px !important;
  position: absolute;
  top: 0;
  /*background-color: green;*/
  width: 300px;
}
#header .menu-rec, #alert-header .menu-rec {
  width: 100%;
  background-color: white;
  /*background-color: rgba(255, 255, 255, .97);*/
  position: fixed;
  display: none;
  font-size: 14px;
  /*opacity: 0.9;*/
}
#header .menu-rec .col, #alert-header .menu-rec .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 18%;
  margin-right: 50px;
}
#header .menu-rec .row, #alert-header .menu-rec .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 10px;
  margin-left: 30px;
  margin-top: 5px;
}
#header .menu-rec .row ul, #alert-header .menu-rec .row ul {
  margin: 0;
  padding: 0;
}
#header .menu-rec .row ul li, #alert-header .menu-rec .row ul li {
  list-style-type: none;
  margin-bottom: 5px;
}
#header .menu-rec .row ul li ul li:last-child .subtitle, #alert-header .menu-rec .row ul li ul li:last-child .subtitle {
  margin-bottom: 25px;
  display: inline-block;
}
#header .menu-rec .row ul li a, #alert-header .menu-rec .row ul li a {
  text-decoration: none !important;
  color: #272827;
}
#header .menu-rec .row ul li .menu-title, #alert-header .menu-rec .row ul li .menu-title {
  font-size: 100.01%;
  font-weight: 700;
  line-height: 20px;
  display: inline-block;
  margin-bottom: 12px;
  border-bottom: 2px solid transparent;
  list-style-type: none;
  text-decoration: none;
}
#header .menu-rec .row ul li .menu-title:hover, #alert-header .menu-rec .row ul li .menu-title:hover {
  border-bottom-color: #77BC1F;
  color: #4A9CA7;
}
#header .menu-rec .row ul li .subtitle, #alert-header .menu-rec .row ul li .subtitle {
  margin-bottom: 0px;
  border-bottom: 2px solid transparent;
  text-decoration: none;
  display: inline-block;
}
#header .menu-rec .row ul li .subtitle:hover, #alert-header .menu-rec .row ul li .subtitle:hover {
  border-bottom-color: #77BC1F;
  color: #4A9CA7;
}
#header .menu-rec .row ul .glyphicon, #alert-header .menu-rec .row ul .glyphicon {
  display: none;
}
#header .menu-rec.account .row, #alert-header .menu-rec.account .row {
  justify-content: flex-end;
}
#header .menu-rec .col-account, #alert-header .menu-rec .col-account {
  max-width: 10%;
  margin-right: 65px;
}
#header .menu-rec.cart .row, #alert-header .menu-rec.cart .row {
  justify-content: flex-end;
}
#header .menu-rec .col-cart, #alert-header .menu-rec .col-cart {
  /* margin-right: 0px;*/
  margin-right: calc(5% + 1vw);
  min-width: 250px;
}
#header .menu-rec .col-cart cart-title, #alert-header .menu-rec .col-cart cart-title {
  padding-right: 44px;
}
#header .menu-rec .col-cart item-title, #alert-header .menu-rec .col-cart item-title {
  padding-right: 44px;
}
#header .menu-rec .col-cart total-title, #alert-header .menu-rec .col-cart total-title {
  padding-right: 44px;
}
#header .menu-rec .col-cart .cart-tab-label, #alert-header .menu-rec .col-cart .cart-tab-label {
  display: inline;
  width: 33%;
  float: left;
  background: #f2f2f2;
  padding-left: 10px;
}
#header .menu-rec .col-cart .cart-row li, #alert-header .menu-rec .col-cart .cart-row li {
  display: inline;
  width: 33%;
  float: left;
  padding-left: 10px;
}
#header .menu-rec .col-cart .cart-row:hover li, #alert-header .menu-rec .col-cart .cart-row:hover li {
  background: #f2f2f2;
}
#header .navbar, #alert-header .navbar {
  margin-bottom: 0px;
  padding-top: 0;
  padding-bottom: 0;
}

.addnav {
  background: #ECFDFD;
  font-size: 17px;
  line-height: 22px;
}
@media (max-width: 639px) {
  .addnav {
    font-size: 14px;
  }
}
.addnav .holder {
  max-width: 1330px;
  padding: 0 13px 0 35px;
  margin: 0 auto;
}
.addnav .menu-title {
  float: left;
  color: #272827;
  font-weight: 600;
  padding: 7px 0;
}
@media (max-width: 639px) {
  .addnav .menu-title {
    padding: 2px 0 0;
  }
}
.addnav ul {
  overflow: hidden;
  padding-left: 21px;
}
.addnav li {
  margin-right: 5px;
  float: left;
}
@media (max-width: 1251px) {
  .addnav li {
    margin-right: 1px;
  }
}
@media (max-width: 479px) {
  .addnav li {
    float: none;
    margin: 1px 0 0;
    text-align: center;
  }
  .addnav li:first-child {
    margin: 0;
  }
}
.addnav li.active a {
  color: #4499A5;
  background: #ECFDFD;
  text-decoration: none;
}
.addnav a {
  color: #272827;
  display: block;
  padding: 8px 13px;
}
@media (max-width: 639px) {
  .addnav a {
    padding: 3px 8px;
  }
}
.addnav a:hover {
  color: #f1f9fb;
  background: #272827;
  text-decoration: none;
}

.autocomplete {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  background: #fff;
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  padding: 10px 0 0;
  display: none;
}
.autocomplete ul {
  margin-bottom: 26px;
}
.autocomplete .menu-title {
  display: block;
  font-weight: 900;
  margin: 0 17px 5px;
  color: #a7a9ac;
}
.autocomplete li {
  margin-bottom: 1px;
}
.autocomplete a {
  display: block;
  padding: 2px 17px;
  color: #272827;
}
.autocomplete a:hover {
  background: #f4f4f4;
  text-decoration: none;
}

.nav-active #header .btn-close {
  top: 60px;
}

li.mega-nav {
  z-index: 100;
}

.mega-nav .snav {
  visibility: hidden;
  height: 0px;
  width: 0;
  opacity: 0;
  transition: .4s ease width, .4s ease opacity;
}

.fixed-position .mega-nav .snav {
  transition: .4s ease width;
}

.mega-nav .sub-image {
  visibility: hidden;
  height: 0;
  width: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: .4s ease width, .4s ease opacity;
}

.fixed-position .mega-nav .sub-image {
  transition: .4s ease width;
}

li.mega-nav > .snav > ul > li:hover .sub-image {
  height: 435px;
  width: 320px;
  visibility: visible;
  position: absolute;
  left: 238px;
  top: 0;
  opacity: 1;
  z-index: 96;
  transition: .4s ease width, .4s ease opacity, .4s ease left;
}

.fixed-position li.mega-nav > .snav > ul > li:hover .sub-image {
  transition: .4s ease width, .4s ease left;
}

li.mega-nav > .snav > ul > li:hover .sub-image.scoot {
  left: 476px;
  transition: .4s ease width, .4s ease opacity, .4s ease left;
}

.fixed-position li.mega-nav > .snav > ul > li:hover .sub-image.scoot {
  transition: .4s ease width, .4s ease left;
}

.mega-nav .snav .snav {
  position: absolute;
  left: 224px;
  top: 0;
  padding-left: 15px;
  border-left: 1px solid #DDF8F8;
  /*background-color: rgba(255,255,255,.9);*/
  background-color: white;
  z-index: 98;
  transition: .4s ease width, .4s ease opacity, .4s ease left;
}

.fixed-position .mega-nav .snav .snav {
  transition: .4s ease width, .4s ease left;
}

body:not(.nav-active) .mega-nav .snav .level1name.has-children .snav li.level2name > a,
body:not(.nav-active) .mega-nav .snav .level2name.has-children .snav li.level3name > a {
  opacity: 0;
  transition: .1s ease opacity;
}

body:not(.nav-active) .mega-nav .snav .level1name.has-children:hover .snav li.level2name > a,
body:not(.nav-active) .mega-nav .snav .level2name.has-children:hover .snav li.level3name > a {
  opacity: 1;
  transition: 2s ease opacity;
}

.mega-nav .snav .snav .snav {
  top: 0;
  z-index: 97;
}

.mega-nav .snav ul {
  float: none !important;
}

.mega-nav ul {
  list-style: none;
}

li.mega-nav {
  list-style: none;
  float: left;
  padding: 0 5px;
}

li.mega-nav:first-child {
  padding-left: 0;
}

li.mega-nav > .snav {
  position: absolute;
  height: 435px;
  opacity: 0;
  visibility: hidden;
  width: 240px;
  /*background: rgba(255,255,255,.9);*/
  background: white;
  left: 0px;
  right: 0;
  padding: 0 0 0 15px;
  transition: .4s ease width, .4s ease opacity;
}

.fixed-position li.mega-nav > .snav {
  transition: .4s ease width;
}

li.mega-nav:hover > .snav {
  height: auto;
  min-height: 435px;
  width: 240px;
  visibility: visible;
  position: absolute;
  opacity: 1;
  transition: .4s ease-out .5s, .4s ease width, .4s ease opacity;
}

/*Rotate nav arrow non-hamburger menu with new click event*/
@media (min-width: 1253px) {
  #header #nav .nav li:hover a:not(.noarrow)::after {
    transform: rotate(0deg);
  }
}
.fixed-position li.mega-nav:hover > .snav {
  transition: .4s ease-out .5s, .4s ease width;
}

li.mega-nav > .snav > ul > li:hover > .snav,
li.mega-nav > .snav > ul > li:hover > .snav > ul > li:hover > .snav {
  visibility: visible;
  position: absolute;
  height: auto;
  min-height: 435px;
  width: 240px;
  opacity: 1;
  transition: .4s ease width, .4s ease opacity;
}

.fixed-position li.mega-nav > .snav > ul > li:hover > .snav,
.fixed-position li.mega-nav > .snav > ul > li:hover > .snav > ul > li:hover > .snav {
  transition: .4s ease width;
}

.snav > ul {
  width: 240px;
  padding: 0;
  margin: 0;
}

.snav li a {
  padding: 20px;
  display: block;
}

#header #nav .nav .mega-nav ul li {
  margin-right: 0;
  width: 100%;
  padding-right: 30px;
  font-weight: normal;
}

#nav .big-drop,
.mega-nav .snav .snav {
  /*background-color: #efefef;*/
}

#header #nav.fixed-position .nav .mega-nav li a {
  color: #272827;
}

#header #nav.fixed-position .nav ul li.mega-nav {
  font-size: 12px;
}

#header #nav.fixed-position .right-nav > li > a {
  padding: 18px 0 18px;
}

/*#nav.fixed-position .has-children > a {
    padding-right: 18px !important;
}*/
#header #nav .nav .mega-nav .snav li > a:after {
  content: '' !important;
}

#header #nav .nav .mega-nav .snav li.has-children > a:after,
#header #nav.fixed-position .snav li.has-children > a:after {
  font-family: 'icomoon';
  color: #c6c4c4;
  position: absolute;
  right: 0;
  top: 15px;
  font-size: 7px;
  line-height: 12px;
  font-weight: 100;
  content: "\e630" !important;
  display: block !important;
  transform: rotate(270deg);
}

.nav-active #header #nav .nav .mega-nav .snav li.has-children > a:after,
.nav-active #header #nav.fixed-position .snav li.has-children > a:after {
  display: none !important;
}

#header #nav .nav li.has-children a,
#header #nav.fixed-position .nav li.has-children a {
  border-bottom-color: transparent !important;
}

#header #nav .nav li.has-children > a:hover,
#header #nav .nav li > a:hover,
#header #nav.fixed-position .nav li.has-children > a:hover,
#header #nav.fixed-position .nav li > a:hover {
  color: #4A9CA7 !important;
  border-bottom-color: #77BC1F !important;
}

@media (max-width: 1251px) {
  #header #nav .nav li.has-children > a:hover,
  #header #nav .nav li > a:hover,
  #header #nav.fixed-position .nav li.has-children > a:hover,
  #header #nav.fixed-position .nav li > a:hover {
    color: #000 !important;
  }
}
@media (min-width: 929px) and (max-width: 1447px) {
  .fixed-position .mega-nav .sub-image {
    display: none;
  }
}
@media (min-width: 929px) and (max-width: 1267px) {
  .mega-nav .sub-image {
    display: none;
  }

    /*li.mega-nav > .snav > ul > li:hover .sub-image {
        left: 165px;
    }

    li.mega-nav > .snav > ul > li:hover .sub-image.scoot {
        left: 335px;
    }*/
    /*.mega-nav .snav .snav {
        left: 155px;
    }

    .mega-nav .snav .snav {
        left: 150px;
    }*/
  /*li.mega-nav > .snav {
      width: 170px;
  }*/
    /*li.mega-nav:hover > .snav {
        width: 170px;
    }

    li.mega-nav > .snav > ul > li:hover > .snav,
    li.mega-nav > .snav > ul > li:hover > .snav > ul > li:hover > .snav {
        width: 170px;
    }

    .snav > ul {
        width: 170px;
    }

    .big-drop li a, .big-drop li {
        font-size: 12px;
    }*/
}
.nav-active .left-nav .snav,
.nav-active .left-nav .mega-nav ul {
  display: block;
  position: relative !important;
  opacity: 1 !important;
  visibility: visible !important;
  float: none;
  top: 0 !important;
  height: auto !important;
  width: auto !important;
  border-left: none !important;
  min-height: 0 !important;
}

.nav-active li.mega-nav > .snav > ul > li:hover .sub-image {
  display: none;
}

.nav-active .mega-nav .snav .snav {
  left: initial;
  display: block;
  position: relative;
  margin-top: 10px;
}

.nav-active .mega-nav .snav .snav li,
.nav-active .mega-nav .snav .snav li a {
  font-weight: normal;
}

.nav-active #header #nav .nav .mega-nav .snav li.has-children > a:after,
.nav-active #header #nav.fixed-position .snav li.has-children > a:after {
  top: 3px;
}

.nav-active .snav.big-drop {
  margin-top: 10px;
}

.nav-active .mega-nav.has-children > .snav {
  display: none;
}

@media (min-width: 1252px) {
  .nav-active .mega-nav.has-children:hover > .snav {
    transition: .4s ease-out .5s, .4s ease width;
    display: block !important;
  }
}
.nav-active .mega-nav.has-children.hover > .snav {
  transition: .4s ease-out .5s, .4s ease width;
  display: block !important;
}

.nav-active #header #nav .nav .mega-nav li.has-children,
.nav-active #header #nav .nav .mega-nav li.has-children > a {
  font-weight: bold !important;
}

.nav-active li.mega-nav {
  padding: 0 !important;
}

.nav-active #header #nav .nav .mega-nav ul li {
  margin-bottom: 10px !important;
}

#nav.fixed-position .big-drop {
  /*top: 59px;*/
  top: 37px;
}

/*#header #nav.fixed-position {
    padding: 0;
}*/
#header #nav.fixed-position .fixed-logo {
  /*padding: 9px 0;*/
  margin-top: -9px;
  min-height: 40px;
}

#header #nav.fixed-position .fixed-logo img {
  margin-top: -1px;
}

#header #nav.fixed-position .top-nav > li > a {
  padding: 18px 0 18px;
}

.nav-active #header #nav.fixed-position .nav li a {
  color: #272827;
}

.nav-active #header #nav.fixed-position .top-nav > li > a {
  padding: 0 0 0 17px;
}

.nav-active #header .drop {
  padding-left: 15px;
}

.nav-active #header #nav .btn-order {
  padding: 8px 17px 8px 17px;
  min-width: 168px;
}

.nav-active #header #nav .nav .mega-nav ul li {
  padding-right: 0px;
}

.parent-nav {
  cursor: pointer;
}

/*.fixed-position .right-nav {
    padding-top: 9px !important;
}*/
/*#header #nav.fixed-position li.mega-nav {
    padding: 0;
}*/
#nav .drop {
  padding-top: 10px;
}

@media (max-width: 1251px) {
  #wrapper {
    width: auto !important;
  }

  .nav-active #nav {
    width: 100% !important;
    z-index: 1000;
  }

  /*.level2name {
      display: none;
  }*/
  .level3name {
    display: none;
  }

  .nav-active #header #nav .nav .mega-nav li.level1name.has-children > a,
  .nav-active #header #nav .nav .mega-nav li.level1name > a {
    font-weight: bold !important;
  }

  .nav-active #header #nav .nav .mega-nav li.has-children > a {
    font-weight: normal !important;
  }
}
#header #nav .nav li a:not(.noarrow)::after {
  transform: rotate(270deg);
}

#header #nav .nav li.hover a:not(.noarrow)::after {
  transform: rotate(0deg);
}

#alert-header .header-top.major-alert p a:hover {
  color: #54B8BA;
}

@media (max-width: 1252px) {
  .nav-active #header #nav .btn-order {
    min-width: 145px;
  }
}
li.mega-nav.my-account:hover > .snav {
  min-height: 210px;
  width: 267px;
}

#header #nav .nav .mega-nav.my-account ul li {
  margin-left: 0 !important;
}

#footer,
#footer-section1,
#footer-section3 {
  background: #00788a;
  /*background: linear-gradient(90deg, rgba(0,120,138,1) 20%, rgba(101,203,201,1) 100%);*/
  background: linear-gradient(to right, #6b1e74, #00788a);
  width: 100%;
  overflow: hidden;
  display: table-footer-group;
  height: 1%;
}
@media (max-width: 1305px) {
  #footer,
  #footer-section1,
  #footer-section3 {
    display: block;
    height: auto;
  }
}
#footer .f1,
#footer-section1 .f1,
#footer-section3 .f1 {
  display: table-row;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
}
@media (max-width: 767px) {
  #footer .f1,
  #footer-section1 .f1,
  #footer-section3 .f1 {
    display: block;
    padding: 0 13px;
  }
}
#footer h4,
#footer-section1 h4,
#footer-section3 h4 {
  font-size: 14px;
  line-height: 20px;
  color: #272827;
  margin-bottom: 29px;
  font-weight: 700;
}
@media (max-width: 767px) {
  #footer h4,
  #footer-section1 h4,
  #footer-section3 h4 {
    margin-bottom: 20px;
  }
}
#footer h4 .open,
#footer-section1 h4 .open,
#footer-section3 h4 .open {
  color: #272827;
}
@media (min-width: 768px) {
  #footer h4 .open,
  #footer-section1 h4 .open,
  #footer-section3 h4 .open {
    pointer-events: none;
    display: inline-block;
  }
}
@media (max-width: 767px) {
  #footer h4 .open,
  #footer-section1 h4 .open,
  #footer-section3 h4 .open {
    padding-left: 21px;
    position: relative;
  }
  #footer h4 .open:before,
  #footer-section1 h4 .open:before,
  #footer-section3 h4 .open:before {
    content: "\e630";
    position: absolute;
    left: 2px;
    top: 4px;
    font-family: 'icomoon';
    font-size: 8px;
    font-weight: 400;
    line-height: 1;
    color: #FFF;
  }
}
#footer h4 .open:hover,
#footer-section1 h4 .open:hover,
#footer-section3 h4 .open:hover {
  color: #272827;
  text-decoration: none;
}
@media (max-width: 767px) {
  #footer .footer-nav,
  #footer-section1 .footer-nav,
  #footer-section3 .footer-nav {
    padding-left: 14px;
  }
}
#footer .footer-nav li,
#footer-section1 .footer-nav li,
#footer-section3 .footer-nav li {
  margin-bottom: 6px;
}
#footer .footer-nav li.quick,
#footer-section1 .footer-nav li.quick,
#footer-section3 .footer-nav li.quick {
  position: relative;
}
#footer .footer-nav li.quick:before,
#footer-section1 .footer-nav li.quick:before,
#footer-section3 .footer-nav li.quick:before {
  content: "\e641";
  color: #FFF;
  font-family: 'icomoon';
  position: absolute;
  left: -13px;
  top: 2px;
  font-size: 18px;
}
#footer .footer-nav a,
#footer-section1 .footer-nav a,
#footer-section3 .footer-nav a {
  color: #fff;
}
#footer .footer-nav a:hover,
#footer-section1 .footer-nav a:hover,
#footer-section3 .footer-nav a:hover {
  /*color: #272827;*/
  opacity: 0.5;
  text-decoration: none;
}
#footer .fourcolumns,
#footer-section1 .fourcolumns,
#footer-section3 .fourcolumns {
  margin: 0 auto;
  border-bottom: 2px solid #65CBC9;
  padding: 46px 30px 24px;
}
@media (max-width: 1579px) {
  #footer .fourcolumns,
  #footer-section1 .fourcolumns,
  #footer-section3 .fourcolumns {
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media (max-width: 767px) {
  #footer .fourcolumns,
  #footer-section1 .fourcolumns,
  #footer-section3 .fourcolumns {
    padding: 27px 0 32px;
  }
}
#footer .col,
#footer-section1 .col,
#footer-section3 .col {
  float: left;
  padding-right: 10px;
  width: 225px;
}
@media (max-width: 1054px) {
  #footer .col,
  #footer-section1 .col,
  #footer-section3 .col {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  #footer .col,
  #footer-section1 .col,
  #footer-section3 .col {
    margin-bottom: 0;
    width: 100%;
    float: none;
  }
}
#footer .col:nth-child(2),
#footer-section1 .col:nth-child(2),
#footer-section3 .col:nth-child(2) {
  width: 279px;
}
@media (max-width: 1305px) {
  #footer .col:nth-child(2),
  #footer-section1 .col:nth-child(2),
  #footer-section3 .col:nth-child(2) {
    width: 250px;
  }
}
@media (max-width: 767px) {
  #footer .col:nth-child(2),
  #footer-section1 .col:nth-child(2),
  #footer-section3 .col:nth-child(2) {
    width: 100%;
  }
}
#footer .col.last,
#footer-section1 .col.last,
#footer-section3 .col.last {
  float: right;
  width: 292px;
  /*@include media('<1055px') {
  	width: 100%;
  	float: none;
  	clear: both;
  }*/
}
#footer .col.last h4,
#footer-section1 .col.last h4,
#footer-section3 .col.last h4 {
  padding: 0 37px;
}
@media (max-width: 1054px) {
  #footer .col.last h4,
  #footer-section1 .col.last h4,
  #footer-section3 .col.last h4 {
    padding: 0;
  }
}
#footer .col.active .open:before,
#footer-section1 .col.active .open:before,
#footer-section3 .col.active .open:before {
  content: "\e631";
}
#footer .footer-bottom,
#footer-section1 .footer-bottom,
#footer-section3 .footer-bottom {
  margin: 0 auto;
  padding: 14px 30px 18px;
  overflow: hidden;
}
@media (max-width: 767px) {
  #footer .footer-bottom,
  #footer-section1 .footer-bottom,
  #footer-section3 .footer-bottom {
    padding: 12px 0 33px;
  }
}
#footer .copyright,
#footer-section1 .copyright,
#footer-section3 .copyright {
  float: right;
  font-size: 14px;
  line-height: 18px;
  color: #FFF;
  max-width: 400px;
}
@media (max-width: 1023px) {
  #footer .copyright,
  #footer-section1 .copyright,
  #footer-section3 .copyright {
    max-width: none;
    display: block;
    margin-bottom: 20px;
    text-align: center;
    float: none;
  }
}
@media (max-width: 767px) {
  #footer .copyright,
  #footer-section1 .copyright,
  #footer-section3 .copyright {
    text-align: left;
    margin-bottom: 36px;
  }
}
#footer .copyright a,
#footer-section1 .copyright a,
#footer-section3 .copyright a {
  color: #FFF;
}
#footer .copyright a:hover,
#footer-section1 .copyright a:hover,
#footer-section3 .copyright a:hover {
  text-decoration: none;
  color: #4a9ca7;
}
#footer .logo-list,
#footer-section1 .logo-list,
#footer-section3 .logo-list {
  float: left;
  max-width: 800px;
}
@media (max-width: 1023px) {
  #footer .logo-list,
  #footer-section1 .logo-list,
  #footer-section3 .logo-list {
    max-width: none;
    float: none;
    text-align: center;
  }
}
@media (max-width: 767px) {
  #footer .logo-list,
  #footer-section1 .logo-list,
  #footer-section3 .logo-list {
    text-align: left;
  }
}
#footer .logo-list li,
#footer-section1 .logo-list li,
#footer-section3 .logo-list li {
  float: left;
  margin: 0 30px 5px 0;
  opacity: .5;
  	/*a{
  	    color: #FFF;
  	    &:hover{
  		   opacity: 1;
  	    }
      }*/
}
@media (max-width: 1023px) {
  #footer .logo-list li,
  #footer-section1 .logo-list li,
  #footer-section3 .logo-list li {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin: 0 5px 5px;
  }
}
@media (max-width: 767px) {
  #footer .logo-list li,
  #footer-section1 .logo-list li,
  #footer-section3 .logo-list li {
    margin: 0 4px 5px;
  }
}
@media (max-width: 479px) {
  #footer .logo-list li,
  #footer-section1 .logo-list li,
  #footer-section3 .logo-list li {
    margin: 0 1px 5px;
  }
}
#footer .logo-list li:hover,
#footer-section1 .logo-list li:hover,
#footer-section3 .logo-list li:hover {
  opacity: 1;
}
#footer .logo-list li.lgc-logo,
#footer-section1 .logo-list li.lgc-logo,
#footer-section3 .logo-list li.lgc-logo {
  width: 49px;
}
@media (max-width: 767px) {
  #footer .logo-list li.lgc-logo,
  #footer-section1 .logo-list li.lgc-logo,
  #footer-section3 .logo-list li.lgc-logo {
    width: 41px;
  }
}
@media (max-width: 479px) {
  #footer .logo-list li.lgc-logo,
  #footer-section1 .logo-list li.lgc-logo,
  #footer-section3 .logo-list li.lgc-logo {
    width: 27px;
  }
}
#footer .logo-list li.dna,
#footer-section1 .logo-list li.dna,
#footer-section3 .logo-list li.dna {
  width: 182px;
}
@media (max-width: 767px) {
  #footer .logo-list li.dna,
  #footer-section1 .logo-list li.dna,
  #footer-section3 .logo-list li.dna {
    width: 153px;
  }
}
@media (max-width: 479px) {
  #footer .logo-list li.dna,
  #footer-section1 .logo-list li.dna,
  #footer-section3 .logo-list li.dna {
    width: 102px;
  }
}
#footer .logo-list li.qprc,
#footer-section1 .logo-list li.qprc,
#footer-section3 .logo-list li.qprc {
  width: 257px;
}
@media (max-width: 767px) {
  #footer .logo-list li.qprc,
  #footer-section1 .logo-list li.qprc,
  #footer-section3 .logo-list li.qprc {
    width: 217px;
  }
}
@media (max-width: 479px) {
  #footer .logo-list li.qprc,
  #footer-section1 .logo-list li.qprc,
  #footer-section3 .logo-list li.qprc {
    width: 146px;
  }
}
#footer .logo-list li img,
#footer-section1 .logo-list li img,
#footer-section3 .logo-list li img {
  width: 100%;
}
@media (min-width: 768px) {
  #footer .js-slide-hidden,
  #footer-section1 .js-slide-hidden,
  #footer-section3 .js-slide-hidden {
    position: static !important;
  }
}

.form-control {
  box-shadow: none;
  font-size: 21px;
  line-height: 28px;
  color: #484949;
  border: 2px solid #E6E6E6;
  background-color: #F6F8F8;
}

.order-form-header {
  margin: 50px 0 25px;
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
input[type="text"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder {
  color: #7b7c7c;
}
input[type="text"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="password"]::-moz-placeholder {
  opacity: 1;
  color: #7b7c7c;
}
input[type="text"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="password"]:-moz-placeholder {
  color: #7b7c7c;
}
input[type="text"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {
  color: #7b7c7c;
}
input[type="text"].placeholder,
input[type="search"].placeholder,
input[type="email"].placeholder,
input[type="password"].placeholder {
  color: #7b7c7c;
}

textarea {
  border: 2px solid #E6E6E6;
  background-color: #F6F8F8;
}

select {
  position: relative;
  min-width: 150px;
  width: 100%;
  height: 45px;
  display: block;
  font-size: 21px;
  font-weight: 600;
  font-family: webfontregular, Arial, Helvetica, sans-serif;
  color: #484949;
  padding-left: 5px;
  border: 2px solid #E6E6E6;
  background-color: #F6F8F8;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/Content/images/drop-arrow-off.png) 96% no-repeat #F6F8F8;
}

/* IE hackery for not showing default select arrow */
/* remove default arrow in IE 10 and 11 */
select::-ms-expand {
  display: none;
}

select:focus {
  background-color: #ECFDFD;
  border-color: #C9EDED;
  background: url(/Content/images/drop-arrow-on.png) 96% no-repeat #ECFDFD;
}

input[type="submit"].btn-primary, button[type="submit"].btn-primary {
  padding-top: 1px;
}

/*.jcf-select {
    border-radius: 35px !important;
}
.jcf-select .jcf-select-opener::after {
    bottom: 10px !important;
}
.jcf-select .jcf-select-opener {
    margin-right: 15px !important;
}
.jcf-list .jcf-option {
    background-color: #FFF;
}

.jcf-list-content li:first-child {
    background: #FFF !important;
}*/
/*select option{
    font-size:21px;
}*/
label {
  color: #272827;
  font-weight: 600;
  /*text-transform: capitalize;*/
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 1px;
}

.order-section {
  /*font-weight: 600;*/
}
.order-section fieldset {
  margin-bottom: 44px;
}
.order-section fieldset:first-child {
  margin-bottom: 77px;
}
.order-section .top-block {
  margin-bottom: 24px;
}
.order-section .bottom-block {
  margin-bottom: 16px;
}
.order-section .custom-text {
  font-size: 21px;
  line-height: 24px;
  color: #484949;
  text-transform: none;
  display: inline-block;
  padding-top: 5px;
  font-style: normal;
}
.order-section .custom-text-small {
  width: 74%;
}
.order-section .wrap {
  margin: 0 -7px 9px;
}
.order-section .wrap .col {
  padding: 0 7px;
  width: 27.32068%;
  float: left;
}
.order-section .wrap .col-large {
  padding: 0 7px;
  width: 44.51477%;
  float: left;
}
.order-section .wrap .col-large i {
  font-size: 21px;
  line-height: 28px;
  color: #107087;
  display: inline-block;
  padding-top: 5px;
  font-style: normal;
}
.order-section .wrap .col-middle {
  padding: 0 3px;
  width: 44.51477%;
  margin: 0 auto;
}
.order-section .wrap .col-middle .w {
  margin-bottom: 27px;
}
.order-section .wrap .col-middle .jcf-select {
  width: 245px;
  float: left;
  margin-right: 12px;
}
.order-section .wrap .col-middle .btn {
  margin-top: 2px;
}
.order-section .wrap .price {
  display: inline-block;
  font-weight: 900;
  color: #107087;
  font-size: 21px;
  line-height: 28px;
  padding-top: 4px;
}
.order-section .add .jcf-select {
  width: 245px;
}
.order-section .btn-valuprobe {
  float: right;
  margin: 23px 7px 0 0;
  /*text-transform: capitalize;*/
  vertical-align: middle;
  min-width: 148px;
  padding: 8px;
  text-align: left;
}
.order-section .btn-valuprobe span {
  color: #ffffff;
  padding: 2px 16px 0 12px;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
}
.order-section .btn-add {
  padding: 8px 14px;
  min-width: 102px;
  text-align: left;
}
.order-section .btn-add span {
  padding: 5px 9px 0 9px;
  display: inline-block;
  vertical-align: top;
}
.order-section .title {
  color: #727171;
  font-weight: 600;
  /*text-transform: capitalize;*/
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 5px;
  display: block;
}
.order-section .size-list {
  font-size: 0;
  line-height: 0;
  letter-spacing: -4px;
  float: left;
}
.order-section .size-list li {
  padding-right: 3px;
  float: left;
  height: 57px;
  letter-spacing: 0;
  color: #484949;
  font-size: 12px;
  line-height: 16px;
  font-weight: 900;
  text-align: center;
  width: 42px;
  position: relative;
}
.order-section .size-list li span {
  display: block;
  vertical-align: bottom;
  background: #e3e3e4;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 3px;
  cursor: pointer;
}
.order-section .size-list li i {
  font-style: normal;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}
.order-section .size-list li.active span {
  background: #CAEEEE;
}
.order-section .size-list li.large span {
  height: 57px;
}
.order-section .size-list li.medium span {
  height: 38px;
}
.order-section .size-list li.small span {
  height: 19px;
}
.order-section .link {
  margin: 39px 0 0 9px;
  float: left;
}
.order-section .link a {
  text-decoration: underline;
  color: #484949;
  font-size: 14px;
  line-height: 18px;
  /*text-transform: capitalize;*/
  font-weight: 600;
}
.order-section .link a:hover {
  text-decoration: none;
}
.order-section .scale-block p {
  clear: both;
  font-weight: 900;
  color: #727171;
  font-size: 14px;
  line-height: 18px;
  padding-top: 3px;
}
.order-section .total-amount {
  overflow: hidden;
  padding: 0 14px 0;
}
.order-section .total-amount .total {
  float: left;
  max-width: 300px;
  /*text-transform: capitalize;*/
  color: #727171;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  padding-top: 12px;
}
.order-section .total-amount .total strong {
  font-weight: 900;
  color: #107087;
}
.order-section .total-amount .btn {
  float: right;
  min-width: 200px;
  max-width: 250px;
}
.order-section .total-amount .btn span {
  color: #ffffff;
  font-size: 19px;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  margin-right: 6px;
}

.form-group.error .form-control {
  background: #f9dfdf;
  border-color: #d88486;
  color: #484949;
}
.form-group.error .form-control input::-webkit-input-placeholder {
  color: #7b7c7c;
}
.form-group.error .form-control input::-moz-placeholder {
  opacity: 1;
  color: #7b7c7c;
}
.form-group.error .form-control input:-moz-placeholder {
  color: #7b7c7c;
}
.form-group.error .form-control input:-ms-input-placeholder {
  color: #7b7c7c;
}
.form-group.error .form-control input.placeholder {
  color: #7b7c7c;
}

.checkout-form {
  width: 100%;
}
.checkout-form .alert-warning {
  background: none;
  border: none;
  color: #484949;
  font-size: 14px;
  line-height: 20px;
  padding: 4px 10px 2px 31px;
  margin-bottom: 0px;
}
.checkout-form .alert-warning span {
  left: 0;
  top: 0;
  font-size: 20px;
}
.checkout-form .holder {
  padding-bottom: 73px;
  position: relative;
}
.checkout-form .holder.last {
  padding-bottom: 3px;
}
.checkout-form label.title {
  color: #789ba0;
  font-size: 30px;
  line-height: 36px;
  font-weight: 200;
  margin-bottom: 8px;
}
.checkout-form .form-group {
  margin-bottom: 22px;
}
.checkout-form .form-control {
  margin-bottom: 11px;
}
.checkout-form .wrap {
  margin: 0 -16px 36px;
}
.checkout-form .wrap .col {
  padding: 0 16px;
  float: left;
  width: 50%;
}
.checkout-form .btn {
  min-width: 147px;
  padding: 9px;
}
.checkout-form .w {
  margin: 0 -4px;
}
.checkout-form .w .column {
  width: 50%;
  padding: 0 4px;
  float: left;
}
.checkout-form .w .small {
  width: 118px;
  padding: 0 4px;
  float: left;
}
.checkout-form .shipping-method {
  margin: 0;
  overflow: hidden;
  margin-bottom: 30px;
  color: #484949;
  font-size: 16px;
  line-height: 21px;
}
.checkout-form .shipping-method dt {
  float: left;
  clear: left;
  overflow: hidden;
  width: 380px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.checkout-form .shipping-method label {
  color: #484949;
  font-size: 16px;
  line-height: 21px;
  margin: 0;
}
.checkout-form .shipping-method dd {
  margin: 0 0 18px 390px;
}
.checkout-form .jcf-radio {
  vertical-align: top;
}
.checkout-form .note {
  color: #484949;
  font-size: 0.875em;
  line-height: 1.142em;
  overflow: hidden;
  max-width: 400px;
}
.checkout-form .note p {
  overflow: hidden;
}
.checkout-form .note .title {
  float: left;
  font-weight: 900;
  margin-right: 7px;
}
.checkout-form .accordion li {
  border-top: 2px solid #e3e3e4;
  padding: 8px 0;
}
.checkout-form .accordion li:first-child {
  border: none;
}
.checkout-form .accordion label {
  color: #484949;
  font-size: 16px;
  line-height: 21px;
  margin: 0;
}
.checkout-form .accordion .form-group label {
  color: #727171;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 1px;
  /*text-transform: capitalize;*/
}
.checkout-form .accordion .jcf-radio {
  vertical-align: top;
  margin: -2px 7px 0 0;
}
.checkout-form .accordion .alignright {
  float: right;
}
.checkout-form .accordion .slide.hidden-slide {
  display: none !important;
}
.checkout-form .accordion .slide .slide-content {
  padding: 15px 0 2px;
}
.checkout-form textarea.form-control {
  color: #484949;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  height: 159px;
}
.checkout-form textarea.form-control input::-webkit-input-placeholder {
  color: #7b7c7c;
}
.checkout-form textarea.form-control input::-moz-placeholder {
  opacity: 1;
  color: #7b7c7c;
}
.checkout-form textarea.form-control input:-moz-placeholder {
  color: #7b7c7c;
}
.checkout-form textarea.form-control input:-ms-input-placeholder {
  color: #7b7c7c;
}
.checkout-form textarea.form-control input.placeholder {
  color: #7b7c7c;
}
.checkout-form button.btn-success {
  min-width: 296px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.checkout-form button.btn-success span {
  color: #FFFFFF;
  display: inline-block;
  font-size: 21px;
  line-height: 1;
  padding-right: 6px;
  vertical-align: top;
}

.login-form {
  max-width: 910px;
  margin: 0 auto;
  overflow: hidden;
  line-height: 1.5em;
}
@media (max-width: 639px) {
  .login-form {
    font-size: 14px;
    line-height: 20px;
  }
}
.login-form .head {
  margin-bottom: 8px;
}
.login-form .head span {
  margin-bottom: 7px;
}
.login-form .head .icon-22 {
  font-size: 27px;
  padding: 12px 0 18px;
}
@media (max-width: 767px) {
  .login-form .head .icon-22 {
    padding-bottom: 0;
  }
}
.login-form .head .icon-24 {
  font-size: 44px;
  padding-bottom: 19px;
}
@media (max-width: 767px) {
  .login-form .head .icon-24 {
    padding-bottom: 0;
  }
}
.login-form p {
  margin-bottom: 35px;
}
.login-form p a {
  color: #FFF;
  text-decoration: underline;
  display: inline-block;
  vertical-align: top;
}
.login-form p a:hover {
  text-decoration: none;
}
.login-form .col {
  width: 415px;
  padding: 0 10px;
  float: right;
}
@media (max-width: 1023px) {
  .login-form .col {
    width: 50%;
    padding: 0 5px;
  }
}
@media (max-width: 767px) {
  .login-form .col {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
}
.login-form .col:first-child {
  float: left;
}
@media (max-width: 1023px) {
  .login-form .col:first-child {
    float: left;
  }
}
.login-form label {
  font-size: 16px;
  line-height: 20px;
  color: #FFF;
  /*color: #949191;*/
  margin-bottom: 5px;
  /*text-transform: capitalize;*/
}
.login-form .form-group {
  max-width: 319px;
  margin-bottom: 17px;
}
.login-form .form-control {
  background-color: #F6F8F8;
  color: #272827;
  border: none;
}
.login-form .form-control input::-webkit-input-placeholder {
  /*color: darken(#fff,20%);*/
  color: #4499A5;
}
.login-form .form-control input::-moz-placeholder {
  opacity: 1;
  /*color: darken(#fff,20%);*/
  color: #4499A5;
}
.login-form .form-control input:-moz-placeholder {
  /*color: darken(#fff,20%);*/
  color: #4499A5;
}
.login-form .form-control input:-ms-input-placeholder {
  /*color: darken(#fff,20%);*/
  color: #4499A5;
}
.login-form .form-control input.placeholder {
  /*color: darken(#fff,20%);*/
  color: #4499A5;
}
.login-form .form-control:focus {
  background-color: #ECFDFD;
}
.login-form .btn-wrap {
  padding: 22px 0 28px;
}
.login-form input[type="submit"] {
  /*border: none;
  text-transform: lowercase;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  padding: 13px;
  text-align: center;
  min-width: 167px;
   background: transparent;
   border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border: 2px solid #ffffff;*/
  padding: 2px;
}
@media (max-width: 767px) {
  .login-form input[type="submit"] {
    font-size: 16px;
    line-height: 22px;
    padding: 6px 12px;
  }
}
.login-form input[type="submit"]:hover {
  /*background: #336851;*/
  background-color: #FFF;
  color: #00788a;
}
.login-form .btn {
  /*padding: 13px;*/
  min-width: 206px;
}
@media (max-width: 767px) {
  .login-form .btn {
    font-size: 16px;
    line-height: 22px;
    padding: 6px 12px;
  }
}

.general-form .container1 {
  padding-top: 50px;
}

.modal-form {
  max-width: 910px;
  margin: 0 auto;
  overflow: hidden;
  line-height: 1.5em;
}
@media (max-width: 639px) {
  .modal-form {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-form .head {
  margin-bottom: 8px;
}
.modal-form .head span {
  margin-bottom: 7px;
}
.modal-form .head .icon-22 {
  font-size: 27px;
  padding: 12px 0 18px;
}
@media (max-width: 767px) {
  .modal-form .head .icon-22 {
    padding-bottom: 0;
  }
}
.modal-form .head .icon-24 {
  font-size: 44px;
  padding-bottom: 19px;
}
@media (max-width: 767px) {
  .modal-form .head .icon-24 {
    padding-bottom: 0;
  }
}
.modal-form p {
  margin-bottom: 35px;
}
.modal-form p a {
  color: #57c495;
  text-decoration: underline;
  display: inline-block;
  vertical-align: top;
}
.modal-form p a:hover {
  text-decoration: none;
}
.modal-form textarea {
  min-height: 150px;
}
.modal-form .col {
  width: 415px;
  padding: 0 10px;
}
@media (max-width: 1023px) {
  .modal-form .col {
    width: 50%;
    padding: 0 5px;
  }
}
@media (max-width: 767px) {
  .modal-form .col {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
}
.modal-form label {
  font-size: 16px;
  line-height: 20px;
  color: #FFF;
  margin-bottom: 5px;
}
.modal-form .form-group {
  margin-bottom: 17px;
}
.modal-form .form-group .jcf-select {
  background: #ECFDFD;
  color: #272827;
}
.modal-form .form-group .jcf-select .jcf-select-opener {
  background: none;
}
.modal-form .form-group .jcf-select .jcf-select-text {
  color: #272827;
  text-transform: none;
}
.modal-form .form-control {
  background-color: #F6F8F8;
  color: #272827;
}
.modal-form .form-control input::-webkit-input-placeholder {
  color: #4499A5;
}
.modal-form .form-control input::-moz-placeholder {
  opacity: 1;
  color: #4499A5;
}
.modal-form .form-control input:-moz-placeholder {
  color: #4499A5;
}
.modal-form .form-control input:-ms-input-placeholder {
  color: #4499A5;
}
.modal-form .form-control input.placeholder {
  color: #4499A5;
}
.modal-form .form-control:focus {
  background-color: #ECFDFD;
  border-color: #C9EDED;
}
.modal-form .btn-wrap {
  padding: 22px 0 28px;
}
.modal-form input[type="submit"] {
  border: none;
  background: transparent;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  padding: 13px;
  text-align: center;
  min-width: 167px;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border: 2px solid #ffffff;
}
@media (max-width: 767px) {
  .modal-form input[type="submit"] {
    font-size: 16px;
    line-height: 22px;
    padding: 6px 12px;
  }
}
.modal-form input[type="submit"]:hover {
  background: #FFF;
  color: #00788a;
}
.modal-form .btn {
  padding: 13px;
  min-width: 206px;
}
@media (max-width: 767px) {
  .modal-form .btn {
    font-size: 16px;
    line-height: 22px;
    padding: 6px 12px;
  }
}

.filterpage .order-section {
  margin-bottom: 0;
}
.filterpage .responsive {
  min-width: 923px;
}
.filterpage .maincontainer {
  padding: 0 77px 0 42px;
}
@media (max-width: 1304px) {
  .filterpage .maincontainer {
    padding: 0;
  }
}
.filterpage .intro-block {
  margin-bottom: 22px;
}
.filterpage .right-block {
  width: 404px;
  float: right;
  margin: -25px 14px 0 0;
  text-align: center;
}
@media (max-width: 1023px) {
  .filterpage .right-block {
    width: 100%;
    float: none;
    overflow: hidden;
  }
}
.filterpage .right-block img {
  width: 100%;
}
.filterpage .right-block .alignright {
  float: none;
  margin: 0 0 10px 20px;
  width: 404px;
}
@media (max-width: 1023px) {
  .filterpage .right-block .alignright {
    margin: 0 auto 20px;
    text-align: center;
  }
}
@media (max-width: 479px) {
  .filterpage .right-block .alignright {
    width: 100%;
  }
}
.filterpage .right-block .description {
  padding: 0 0 0 30px;
  font-size: 0.875em;
  line-height: 1.1428em;
  color: #7a7979;
}
.filterpage .block {
  padding-top: 41px;
  overflow: visible;
}
.filterpage .block h2 {
  font-size: 1.5em;
  line-height: 1.25em;
  color: #8f4a4a;
  margin-bottom: 10px;
}
.filterpage .w4 {
  overflow: hidden;
  margin-bottom: 11px;
}
@media (max-width: 1305px) {
  .filterpage .w4 {
    margin-bottom: 50px;
  }
}
.filterpage .w4 h2 {
  font-size: 1.5em;
  line-height: 1.25em;
  color: #8f4a4a;
  margin-bottom: 9px;
}
.filterpage .w4 .download-now {
  float: right;
}
@media (max-width: 1305px) {
  .filterpage .w4 .download-now {
    float: none;
  }
}
@media (max-width: 479px) {
  .filterpage .w4 .download-now img {
    max-width: 100%;
  }
}
.filterpage .w4 .download-now:hover {
  opacity: .8;
}
.filterpage .w4 .left-block {
  float: left;
  max-width: 580px;
  padding: 8px 0;
}
@media (max-width: 1305px) {
  .filterpage .w4 .left-block {
    max-width: none;
    float: none;
  }
}
.filterpage .listing {
  padding: 0;
  margin-bottom: 10px;
}
.filterpage .listing li:before {
  left: 7px;
}
@media (max-width: 767px) {
  .filterpage .listing li:before {
    left: 0;
  }
}
.filterpage .nav-holder {
  margin-bottom: 64px;
}
.filterpage .filter-block {
  background: #f1f1f1;
  padding: 21px 19px 19px;
  margin-bottom: 34px;
}
.filterpage .filter-block .title1 {
  display: block;
  position: relative;
  border-bottom: 2px solid #e3e3e4;
  color: #727171;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
  padding: 8px 10px 5px 23px;
}
.filterpage .filter-block .title1:before {
  content: "\e903";
  font-weight: 100;
  font-family: 'icomoon';
  color: #db373a;
  line-height: 1;
  font-size: 20px;
  position: absolute;
  left: -4px;
  top: 6px;
}
.filterpage .product-search {
  max-width: 408px;
  margin-bottom: 13px;
}
.filterpage .product-search fieldset {
  position: relative;
  margin: 0;
}
.filterpage .product-search .form-control {
  color: #767677;
  padding-right: 38px;
}
.filterpage .product-search .form-control::-webkit-input-placeholder {
  color: #767677;
}
.filterpage .product-search .form-control::-moz-placeholder {
  opacity: 1;
  color: #767677;
}
.filterpage .product-search .form-control:-moz-placeholder {
  color: #767677;
}
.filterpage .product-search .form-control:-ms-input-placeholder {
  color: #767677;
}
.filterpage .product-search .form-control.placeholder {
  color: #767677;
}
.filterpage .product-search .submit-wrap {
  font-size: 22px;
  position: absolute;
  right: 11px;
  top: 50%;
  margin-top: -18px;
}
@media (max-width: 767px) {
  .filterpage .product-search .submit-wrap {
    font-size: 18px;
    right: 10px;
    margin-top: -12px;
  }
}
.filterpage .product-search .submit-wrap:hover {
  opacity: .7;
}
.filterpage .product-search .submit-wrap:before {
  color: #a8a5a5;
  content: "\e62d";
  font-family: "icomoon";
}
.filterpage .product-search .submit-wrap input[type=submit] {
  padding: 0;
  cursor: pointer;
  border: none;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  outline: none;
  top: -1px;
  right: 0;
  width: 24px;
  height: 24px;
  background: none;
}
@media (max-width: 767px) {
  .filterpage .product-search .submit-wrap input[type=submit] {
    width: 14px;
    height: 18px;
  }
}
.filterpage .product-category .threecolumns {
  overflow: hidden;
  margin: 0 -13px 4px;
}
.filterpage .product-category .threecolumns .col {
  width: 33.333%;
  padding: 0 13px;
  float: left;
}
.filterpage .product-category .threecolumns label {
  color: #272827;
}
.filterpage .product-category .threecolumns .open {
  display: block;
  color: #272827;
  /*text-transform: capitalize;*/
  padding: 6px 30px 6px 0;
  position: relative;
  font-size: 16px;
  line-height: 20px;
}
.filterpage .product-category .threecolumns .open strong {
  color: #6b9197;
  font-weight: 700;
}
.filterpage .product-category .threecolumns .open.collapsed:after {
  content: "+";
  top: 5px;
  font-size: 25px;
  font-weight: 700;
  transform: translate3d(tx, ty, tz);
}
.filterpage .product-category .threecolumns .open:after {
  content: '_';
  position: absolute;
  right: 4px;
  line-height: 1;
  content: "\f068";
  font-family: FontAwesome;
  color: #949191;
  top: 11px;
}
.filterpage .product-category .threecolumns .panel {
  border: none;
  border-bottom: 2px solid #fff;
  box-shadow: none;
  background: none;
}
.filterpage .product-category .btn-holder {
  overflow: hidden;
  padding: 0 3px;
            /*.btn-load{
				float: left;
				width: 580px;
				overflow: hidden;
				background: #272827;
				color: #cddfec;
				padding: 15px;
				font-size: 16px;
				line-height: 18px;
				text-align: center;
				font-weight: 900;
				text-decoration: none;

				&:hover{
					background: #121312;
				}
			}

			.btn{
				width: 282px;
				float: right;
				font-size: 16px;
				line-height: 18px;
				border: 2px solid #e3e3e4;
				border-radius: 1px;
				text-align: center;
				color: #6b6c6c;
				padding: 13px;
				text-decoration: none;
				background: #fafafa;

				&:hover{
					background: #e3e3e4;
				}
			}*/
}
.filterpage .product-category .checklist li {
  font-size: 14px;
  line-height: 16px;
  color: #272827;
  padding: 7px 0;
}
.filterpage .product-category .checklist .jcf-checkbox {
  width: 16px;
  height: 16px;
  background: #fff;
  border-color: #e3e3e4;
  vertical-align: top;
  margin-top: -1px;
}
.filterpage .product-category .checklist .jcf-checkbox:after {
  content: "\f00c";
  font-family: FontAwesome;
  position: absolute;
  color: #448a6c;
  left: 2px;
  top: 2px;
  font-size: 11px;
  line-height: 1;
  display: none;
}
.filterpage .product-category .checklist .jcf-checkbox.jcf-checked span {
  display: none;
}
.filterpage .product-category .checklist .jcf-checkbox.jcf-checked:after {
  display: block;
}
.filterpage .product-category .checklist .jcf-label-active {
  font-weight: 700;
}
.filterpage .list-view3 {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 35px;
}
.filterpage .list-view3 h2 {
  font-size: 2.5714em;
  line-height: 1.1944em;
  color: #789ba0;
  font-weight: 200;
  margin-bottom: 28px;
}
@media (max-width: 1023px) {
  .filterpage .list-view3 h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .filterpage .list-view3 h2 {
    font-size: 22px;
    line-height: 28px;
  }
}
.filterpage .list-view3 .table {
  width: 100%;
  margin: 0;
  font-size: 14px;
  color: #272827;
  line-height: 15px;
}
.filterpage .list-view3 .table th {
  background: #949191;
  font-weight: 900;
  color: #fff;
  border: none;
  padding: 8px 14px;
  vertical-align: middle;
}
.filterpage .list-view3 .table th span {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
}
.filterpage .list-view3 .table td {
  border-bottom: 2px solid #e3e3e4;
  padding: 9px 14px;
  line-height: 16px;
}
.filterpage .list-view3 .table .catalog {
  width: 120px;
}
.filterpage .list-view3 .table .item-name {
  width: 315px;
}
.filterpage .list-view3 .table .price {
  width: 79px;
}
.filterpage .list-view3 .table .size {
  width: 138px;
}
.filterpage .list-view3 .table .note {
  width: 255px;
}
.filterpage .list-view3 .table .qty {
  width: 76px;
}
.filterpage .list-view3 .table .add {
  width: 50px;
  text-align: center;
}
.filterpage .list-view3 .table .icon-cart {
  color: #949191;
  font-size: 21px;
  line-height: 1;
  text-decoration: none;
}
.filterpage .list-view3 .table .icon-cart:hover {
  color: #db373a;
}
.filterpage .list-view3 .table input[type="text"] {
  background: #fff;
  border: 2px solid #e3e3e4;
  border-radius: 2px;
  color: #272827;
  height: 25px;
  text-align: center;
  width: 36px;
  font-size: 14px;
  line-height: 18px;
  padding: 3px 2px 1px;
}
.filterpage .list-view3 .table input[type="text"]::-webkit-input-placeholder {
  color: #272827;
}
.filterpage .list-view3 .table input[type="text"]::-moz-placeholder {
  opacity: 1;
  color: #272827;
}
.filterpage .list-view3 .table input[type="text"]:-moz-placeholder {
  color: #272827;
}
.filterpage .list-view3 .table input[type="text"]:-ms-input-placeholder {
  color: #272827;
}
.filterpage .list-view3 .table input[type="text"].placeholder {
  color: #272827;
}
.filterpage .list-view3 .table input[type="text"]:focus {
  border-color: #C9EDED;
  background: #ECFDFD;
}
.filterpage .list-view3 .table tbody tr:hover td {
  background: #fafafa;
}
.filterpage .list-view3 .table tbody tr:last-child td {
  border: none;
}
.filterpage .list-view3 .table .last-row td {
  border-bottom: none;
}
.filterpage .list-view3 .table .last:hover td {
  background: #f1f1f1;
}
.filterpage .list-view3 .table .last td {
  background: #f1f1f1;
  font-weight: 900;
  color: #949191;
  border: none;
  line-height: 20px;
  padding: 7px 14px;
}
.filterpage .list-view3 .table .last span {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  color: #db373a;
}
.filterpage .list-view3 .table tfoot tr {
  padding: 20px 0;
}
.filterpage .list-view3 .table tfoot .total-amount {
  border: none;
  padding: 40px 0;
}
.filterpage .list-view3 .table tfoot .btn {
  float: right;
  margin: 0 0 10px 21px;
  font-size: 18px;
  line-height: 22px;
}
.filterpage .list-view3 .table tfoot .btn-default {
  padding: 13px;
  min-width: 268px;
  font-size: 16px;
}

.listing2 {
  margin-bottom: 71px;
  font-size: 0.875em;
  line-height: 1.4285em;
  color: #7a7979;
}
.listing2 p {
  margin-bottom: 10px;
}
.listing2 h2 {
  font-size: 1.7142em;
  line-height: 1.25em;
  color: #8f4a4a;
  margin-bottom: 6px;
}
.listing2 ul {
  margin-bottom: 26px;
  font-size: 1.1428em;
  line-height: 1.75em;
}
.listing2 a {
  display: block;
  padding: 0 36px;
  position: relative;
  color: #272827;
  text-decoration: none;
}
@media (max-width: 1023px) {
  .listing2 a {
    padding-left: 30px;
  }
}
.listing2 a:hover {
  background: #f1f1f1;
}
.listing2 a:hover:before {
  background: url("/Content/images/sourceimages/bullet.png") no-repeat -18px 0;
}
.listing2 a:before {
  background: #c6c4c4;
  width: 15px;
  height: 9px;
  content: '';
  position: absolute;
  left: 7px;
  top: 9px;
}

.modifications-lightbox#faq-list .modal-body {
  margin-left: auto;
  margin-right: auto;
}
.modifications-lightbox#faq-list .left-col {
  position: relative;
  overflow: auto;
}
@media (max-width: 1305px) {
  .modifications-lightbox#faq-list .left-col {
    padding-left: 30px;
  }
}
.modifications-lightbox#faq-list .left-col .holder1 {
  padding-top: 0;
  margin-top: 50px;
}
.modifications-lightbox#faq-list .left-col .holder1 h1 {
  margin-bottom: 20px;
}
.modifications-lightbox#faq-list .left-col .holder1 hr {
  color: #e3e3e4;
}
.modifications-lightbox#faq-list .left-col #faq-search {
  overflow: hidden;
}
.modifications-lightbox#faq-list .left-col #faq-search fieldset {
  float: left;
  width: 585px;
}
@media (max-width: 1023px) {
  .modifications-lightbox#faq-list .left-col #faq-search fieldset {
    width: 95%;
  }
}
@media (max-width: 1499px) {
  .modifications-lightbox#faq-list .left-col #faq-search fieldset {
    width: 95%;
  }
}
.modifications-lightbox#faq-list .left-col #faq-search fieldset.short {
  width: 400px;
}
.modifications-lightbox#faq-list .left-col #faq-search .search-form {
  overflow: hidden;
  padding: 8px 0 0;
}
.modifications-lightbox#faq-list .left-col #faq-search .clear-search {
  float: left;
  color: #949191;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  padding: 13px 0 0 20px;
}
.modifications-lightbox h1 {
  font-size: 36px;
  line-height: 36px;
  color: #789ba0;
  margin-bottom: 41px;
  font-weight: 400;
}
.modifications-lightbox h2 {
  font-size: 24px;
  line-height: 32px;
  color: #272827;
  margin-bottom: 6px;
}
.modifications-lightbox .modal {
  background: #fff !important;
  opacity: 1 !important;
  padding: 0 !important;
}
@media (max-width: 1023px) {
  .modifications-lightbox .modal {
    overflow-x: auto;
  }
}
.modifications-lightbox .modal-dialog {
  margin: 0;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .modifications-lightbox .modal-dialog {
    min-width: 900px;
  }
}
.modifications-lightbox .modal-content {
  padding: 0;
  color: #272827;
  font-size: 16px;
  line-height: 20px;
}
.modifications-lightbox .modal-body {
  height: 100%;
  position: relative;
}
.modifications-lightbox .left-col {
  width: 640px;
  float: left;
  background: #f1f1f1;
  position: fixed;
  overflow: auto;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 0 0 9999px 29px;
  margin-bottom: -9999px;
}
@media (max-width: 1305px) {
  .modifications-lightbox .left-col {
    width: 500px;
  }
}
@media (max-width: 1023px) {
  .modifications-lightbox .left-col {
    width: 400px;
    padding-left: 15px;
  }
}
.modifications-lightbox .left-col .jcf-scrollable {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  bottom: 0;
}
.modifications-lightbox .holder1 {
  padding: 107px 0;
  position: relative;
  overflow: scroll;
  height: 100vh;
}
.modifications-lightbox .right-content {
  padding: 105px 190px 20px 680px;
  min-height: 100%;
}
@media (max-width: 1499px) {
  .modifications-lightbox .right-content {
    padding-right: 110px;
  }
}
@media (max-width: 1305px) {
  .modifications-lightbox .right-content {
    padding-left: 520px;
  }
}
@media (max-width: 1023px) {
  .modifications-lightbox .right-content {
    padding-left: 420px;
    padding-right: 15px;
  }
}
.modifications-lightbox .right-content .btn {
  font-size: 18px;
  line-height: 25px;
  padding: 11px 22px 11px;
  text-align: left;
  height: 49px;
}
.modifications-lightbox .right-content .btn .icon-plus {
  color: #ffffff;
  font-size: 25px;
  line-height: 1;
  vertical-align: top;
  padding-right: 9px;
}
.modifications-lightbox .close {
  color: #767677 !important;
  opacity: 1;
  right: 27px;
  top: 27px;
  font-size: 33px;
  position: absolute;
  z-index: 11;
}
.modifications-lightbox .close:hover {
  opacity: .8;
}
.modifications-lightbox .listing2 {
  margin-bottom: 10px;
  padding-right: 30px;
}
.modifications-lightbox .listing2 li {
  line-height: 18px;
}
.modifications-lightbox .listing2.last {
  margin-bottom: 0;
}
.modifications-lightbox .listing2.last ul {
  margin: 0;
}
.modifications-lightbox .listing2 a {
  padding: 5px 36px;
}
.modifications-lightbox .listing2 a:hover {
  background: #dfdfdf;
}
.modifications-lightbox .img-wrap {
  padding: 7px 0 71px 53px;
}
@media (max-width: 1499px) {
  .modifications-lightbox .img-wrap {
    padding-left: 0;
  }
}
@media (max-width: 1305px) {
  .modifications-lightbox .img-wrap img {
    max-width: 100%;
  }
}
.modifications-lightbox p {
  margin-bottom: 36px;
}
.modifications-lightbox p a {
  text-decoration: underline;
  color: #272827;
}
.modifications-lightbox p a:hover {
  text-decoration: none;
}
.modifications-lightbox .top-content {
  margin-bottom: 38px;
}
.modifications-lightbox .table {
  width: 630px;
  margin-bottom: 41px;
}
.modifications-lightbox .table td {
  font-size: 14px;
  line-height: 18px;
  border-width: 2px;
  border-color: #e3e3e4;
  padding-left: 17px;
  padding-right: 17px;
}
.modifications-lightbox .table .first {
  width: 430px;
}
.modifications-lightbox .table tr:first-child td {
  border-top: none;
}
.modifications-lightbox .list-view1 .table .red-title {
  font-size: 16px;
  color: #8f4a4a;
  font-weight: bold;
}

.link-holder {
  padding-bottom: 100px;
}

.jcf-checkbox {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: default;
  background: #fff;
  border: 1px solid #CCC;
  margin: 0 3px 0 0;
  height: 16px;
  width: 16px;
}
.jcf-checkbox span {
  position: absolute;
  display: none;
  height: 4px;
  width: 8px;
  top: 55%;
  left: 55%;
  margin: -7px 0 0 -6px;
  border: 3px solid #6FAE3B;
  border-width: 0 0 3px 3px;
  transform: rotate(-45deg);
}
.jcf-checkbox input[type="checkbox"] {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  left: 0;
  top: 0;
}
.jcf-checkbox.jcf-checked span {
  display: block;
}

.jcf-radio {
  vertical-align: middle;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: default;
  background: #fff;
  border: 2px solid #d5e5ec;
  border-radius: 100%;
  margin: 0 3px 0 0;
  height: 23px;
  width: 23px;
}
.jcf-radio span {
  display: none;
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: #6FAE3B;
  border-radius: 100%;
}
.jcf-radio input[type="radio"] {
  position: absolute;
  height: 100%;
  width: 100%;
  border: 0;
  margin: 0;
  left: 0;
  top: 0;
}
.jcf-radio.jcf-checked {
  border-color: #d0e0d9;
}
.jcf-radio.jcf-checked span {
  display: block;
}

.jcf-select {
  position: relative;
  border: 2px solid #e3e3e4;
  background: #f1f1f1;
  min-width: 150px;
  width: 100%;
  height: 45px;
  display: block;
  border-radius: 2px;
}
.jcf-select select {
  z-index: 1;
  left: 0;
  top: 0;
}
.jcf-select i {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background: red;
}
.jcf-select .jcf-select-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  display: block;
  font-size: 21px;
  line-height: 28px;
  margin: 8px 35px 0 8px;
  color: #484949;
}
.jcf-select .jcf-select-text img {
  margin: 3px 7px 0 0;
}
.jcf-select .jcf-select-opener {
  position: absolute;
  text-align: center;
  background: #f1f1f1;
  width: 26px;
  bottom: 0;
  right: 0;
  top: 0;
}
.jcf-select .jcf-select-opener:after {
  position: absolute;
  right: 6px;
  bottom: 5px;
  content: "\e630";
  font: 13px/1 'icomoon';
  color: #c6c4c4;
}
.jcf-select .jcf-select-drop {
  position: absolute;
  margin-top: 0;
  z-index: 9999;
  top: 100%;
  left: -1px;
  right: -1px;
}
.jcf-select .jcf-drop-flipped {
  bottom: 100%;
  top: auto;
}

.jcf-select-drop .jcf-select-drop-content {
  border: 1px solid #e3e3e4;
}
.jcf-select-drop .jcf-hover {
  background: #e6e6e6;
  color: #000;
}

.jcf-list-box {
  overflow: hidden;
  display: inline-block;
  border: 1px solid #b8c3c9;
  min-width: 200px;
  margin: 0 15px;
}
.jcf-list-box .jcf-selected {
  background: #e6e6e6;
  color: #000;
}

.jcf-list {
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: #fff;
  line-height: 14px;
  font-size: 12px;
  width: 100%;
}
.jcf-list .jcf-list-content {
  vertical-align: top;
  display: inline-block;
  overflow: auto;
  width: 100%;
}
.jcf-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.jcf-list ul li {
  overflow: hidden;
  display: block;
}
.jcf-list .jcf-overflow {
  overflow: auto;
}
.jcf-list .jcf-option {
  white-space: normal;
  overflow: hidden;
  cursor: default;
  display: block;
  padding: 5px 9px;
  color: #656565;
  height: 1%;
  font-size: 21px;
  line-height: 28px;
  color: #484949;
}
.jcf-list .jcf-option img {
  margin: 4px 5px 0 0;
}
.jcf-list .jcf-disabled {
  background: #fff !important;
  color: #aaa !important;
}
.jcf-list .jcf-optgroup-caption {
  white-space: nowrap;
  font-weight: bold;
  display: block;
  padding: 5px 9px;
  cursor: default;
  color: #000;
}
.jcf-list .jcf-optgroup .jcf-option {
  padding-left: 30px;
}

.jcf-disabled {
  background: #ddd !important;
}

:root .jcf-checkbox span {
  margin: -4px 0 0 -5px;
}

body > .jcf-select-drop {
  position: absolute;
  margin: -1px 0 0;
  z-index: 9999;
}
body > .jcf-select-drop.jcf-drop-flipped {
  margin: 1px 0 0;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.assayNumber {
  margin-bottom: 20px;
}
.assayNumber h3 {
  display: inline;
}

.buttonGreen {
  color: white;
  background: #16a085;
}
.buttonGreen .glyphicon {
  color: #2ecc71;
}

.probeScaleGraduation {
  text-decoration: none;
  color: black;
  color: black;
  display: inline-block;
  margin-right: 5px;
}
.probeScaleGraduation div {
  background-color: rgba(184, 184, 184, 0.38);
  width: 25px;
  position: relative;
  text-align: center;
}

.probeScaleGraduation:hover, .probeScaleGraduation:focus {
  color: black;
  text-decoration: none;
}

.scaleName {
  position: absolute;
  bottom: -10px;
  font-size: 10px;
  width: 100%;
}

.selectedScale {
  background-color: rgba(154, 187, 154, 0.72) !important;
}

.note {
  font-size: 10px;
}

.errorMessage {
  color: red;
}

.customDdp {
  position: relative;
}
.customDdp .dropdown-menu {
  display: block;
  top: 64px;
  left: 0px;
  width: 100%;
  visibility: visible;
  -webkit-user-select: none;
  box-sizing: border-box;
  color: #484949;
  display: block;
  font-family: webfontregular, Arial, Helvetica, sans-serif;
  font-weight: 600;
  line-height: 14px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  padding: 0 0 0 0;
  list-style: none;
  font-size: 17px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid #e3e3e4;
  border-radius: 0;
  box-shadow: none;
  max-height: 550px;
  overflow: auto;
}
.customDdp .dropdown-menu li > a {
  padding: 5px 9px;
  color: #484949;
}
.customDdp .dropdown-menu li > a:hover {
  background-color: #f4f4f4;
}
.customDdp .btnList, .customDdp .btnList:active, .customDdp .btnList:hover, .customDdp .btnList:active:focus {
  width: 100%;
  position: relative;
  border: 2px solid #E6E6E6 !important;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-transform: none !important;
  float: left;
  color: #484949;
  font-family: webfontregular, Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  background: url(/Content/images/drop-arrow-off.png) 96% no-repeat #F6F8F8;
}
.customDdp .btnList:focus, .customDdp .btnList:active:focus, .customDdp .btnList:hover:focus, .customDdp .btnList:active:focus:focus {
  border-color: #C9EDED !important;
  background: url(/Content/images/drop-arrow-on.png) 96% no-repeat #ECFDFD;
}
.customDdp .btnList .caret, .customDdp .btnList:active .caret, .customDdp .btnList:hover .caret, .customDdp .btnList:active:focus .caret {
  position: absolute;
  text-align: center;
  background: #f1f1f1;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat-x: initial;
  background-repeat-y: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: #f1f1f1;
  position: absolute;
  right: 0px;
  content: "\e630";
  font: 13px/1 "icomoon";
  font-family: icomoon;
  font-size: 13px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-stretch: normal;
  color: #c6c4c4;
  height: 0;
  margin-top: 0;
  border-top: none;
  background: #f7fafb !important;
  bottom: 6px !important;
}
.customDdp .btnList[disabled] {
  border: 2px solid rgba(227, 227, 228, 0.53) !important;
  background-color: rgba(241, 241, 241, 0.7) !important;
  color: rgba(107, 108, 108, 0.45);
}
.customDdp .btnList[disabled] div {
  color: rgba(107, 108, 108, 0.45);
}
.customDdp .btnList[disabled] .caret:after {
  color: rgba(198, 196, 196, 0.44);
}
.customDdp .w .btnList {
  width: 60%;
  height: 45px;
  display: inline-block;
  margin-right: 11px;
}
.customDdp .w .dropdown-menu {
  width: 60%;
}

.ddList {
  margin-right: 6px;
  margin-top: 3px;
  height: 15px;
  width: 15px;
  display: inline-block;
  vertical-align: text-top;
}

.CIV-550 {
  background-color: #FFD736;
}

.FAM {
  background-color: #47C23E;
}

.CFluorescein {
  background-color: #47C23E;
}

.SpacerC3 {
  background-color: #666666;
}

.TET {
  background-color: #FFE100;
}

.CALFluorGold540 {
  background-color: #FCF305;
}

.JOE {
  background-color: #FFB700;
}

.VIC {
  background-color: #FFCC00;
}

.HEX {
  background-color: #FD8603;
}

.CALFluorOrange560 {
  background-color: #FF9900;
}

.Quasar570 {
  background-color: #FF6600;
}

.Cy3 {
  background-color: #FF5100;
}

.TAMRA {
  background-color: #FF4500;
}

.TAMRA-C9 {
  background-color: #FF4500;
}

.CALFluorRed590 {
  background-color: #FF2F00;
}

.ROX {
  background-color: #DD0806;
}

.CALFluorRed610 {
  background-color: #DD0614;
}

.TexasRed {
  background-color: #EC0140;
}

.CALFluorRed635 {
  background-color: #A214FF;
}

.LCRed640 {
  background-color: #6713FE;
}

.Pulsar650 {
  background-color: #268D8D;
}

.Cy5 {
  background-color: #3265FE;
}

.Quasar670 {
  background-color: #5289D5;
}

.Quasar705 {
  background-color: #000059;
}

.BHQ-1, .BHQ-1plus {
  background-color: #8B008B;
}

.BHQ-2, .BHQ-2plus {
  background-color: #551A8B;
}

.BHQ-3 {
  background-color: #000080;
}

.DABCYL {
  background-color: #ff82ff;
}

.MGB-EDQ {
  background-color: hotpink;
}

textarea,
pre {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
}

.expandingArea {
  position: relative;
  border: 2px solid #E6E6E6;
  background: #F6F8F8;
  min-height: 44px;
}

.expandingAreaFocus {
  border-color: #C9EDED;
}

.expandingArea > textarea,
.expandingArea > pre {
  padding: 6px 12px;
  background: transparent;
  font: 400 21px/28px helvetica, arial, sans-serif;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.expandingArea > textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100px;
  border: none;
}

.expandingArea.active > textarea {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  resize: none;
  border-color: transparent;
}

.expandingArea > pre {
  display: none;
}

.expandingArea.active > pre {
  display: block;
  visibility: hidden;
}

.purificationDDL {
  width: 150px;
}

.primerRatio {
  margin-top: 55px;
}
.primerRatio input {
  margin: 0 auto;
  position: relative;
}

.purificationPrimer1 {
  margin-top: 55px;
}

.purificationPrimer2 {
  margin-top: 85px;
}

.addNote {
  margin-left: 15px;
}
.addNote span {
  margin-left: 5px;
}

.addAssay span {
  color: #95a5a6;
  margin-right: 5px;
}

.clearAssay {
  margin-left: 15px;
  background-color: #ecf0f1;
}

.order {
  font-size: 12px;
}
.order p {
  height: 12px;
  margin-bottom: 5px;
}

.orderError {
  color: red;
}

.sequenceError textarea {
  box-shadow: rgba(0, 0, 0, 0.07451) 0px 1px 1px 0px inset, rgba(255, 0, 0, 0.88) 0px 0px 6px 0px;
}

.price {
  color: #107087;
  font-weight: bold;
}

.modal-dialog {
  left: auto;
}

.whiteBackdrop {
  background-color: white !important;
}

.ratioVile {
  background: url("/content/images/ratio.png");
  display: inline-block;
  height: 275px;
  width: 125px;
}
.ratioVile .primerAssayTube {
  display: block;
  height: 167px;
  left: 24px;
  overflow: hidden;
  position: relative;
  top: 51px;
  width: 37px;
}
.ratioVile .oligoWrapper {
  display: block;
  height: 167px;
  overflow: hidden;
  position: relative;
  width: 37px;
}
.ratioVile .oligoWrapper .oligo {
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  background-color: #CAEEEE;
  bottom: 0px;
  min-height: 38px;
  position: absolute;
  transition: 1s;
  width: 37px;
}

.separator {
  border-top: 2px solid #eeeeee;
}

.valumix-primers {
  width: 72%;
}
.valumix-primers h4 {
  color: #272827;
}
.valumix-primers .first-col {
  padding-left: 0;
  padding-right: 10px;
  width: 38%;
}
.valumix-primers .second-col {
  padding-left: 4px;
  padding-right: 5px;
  width: 62%;
}

.ratio-box {
  width: 28%;
}
.ratio-box .ratio-box1 {
  background-color: #F3F3F3;
  margin-left: 9px;
  margin-right: 9px;
  padding-bottom: 15px;
  padding-top: 15px;
  width: 94%;
}
.ratio-box .ratio-box1 .info {
  text-transform: none;
}
.ratio-box .ratio-box1 .ratio-box2 {
  position: relative;
}
.ratio-box .ratio-input {
  left: 39%;
  position: absolute;
}
.ratio-box .ratio-input p {
  display: inline;
  font-size: 21px;
}
.ratio-box .ratio-input input {
  background-color: white;
  border-color: #e3e3e4;
  color: #6FAD3A;
  display: inline;
  font-size: 21px;
  height: 33px;
  margin: 0px;
  width: 57px;
}
.ratio-box .ratio-sum-up {
  left: 82px;
  position: absolute;
  top: 202px;
}
.ratio-box .ratio-sum-up .primer-colorbox {
  background-color: #CAEEEE;
  display: inline-block;
  min-height: 18px;
  min-width: 18px;
}
.ratio-box .ratio-sum-up .probe-colorbox {
  background-color: #adadb0;
  display: inline-block;
  min-height: 18px;
  min-width: 18px;
}
.ratio-box .ratio-sum-up .sum-up {
  display: inline;
}
.ratio-box .ratio-sum-up .sum-up .green {
  color: #6FAE3B;
  text-transform: none;
}
.ratio-box .ratio-sum-up .sum-up .gray {
  text-transform: none;
}
.ratio-box .ratio-sum-up .sum-up-size {
  text-transform: none !important;
}

.bottom-box {
  margin-top: 25px;
}
.bottom-box .bottom-box-title {
  font-size: 22px;
  font-weight: 600;
  color: #955656;
}
.bottom-box .activities li {
  min-width: 95px !important;
}
.bottom-box .bottom-box-text {
  color: black;
  text-transform: none;
  font-weight: 100;
  font-size: 16px;
}
.bottom-box .bottom-box-text p {
  width: 116%;
  -ms-word-break: break-word;
  word-break: break-word;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.custom-page .upload-section {
  margin: 70px 0px;
}
.custom-page .upload-section h2 {
  color: #789ba0;
  margin-bottom: 30px;
  font-size: 36px;
  line-height: 43px;
  text-transform: capitalize;
}
.custom-page .upload-section h2 span {
  vertical-align: sub;
}
.custom-page .upload-section h2 .icon-3 {
  color: #8b4343;
}
.custom-page .upload-section h2 .icon-2 {
  color: #6d9d88;
}
.custom-page .upload-section .upload-ddl .jcf-select {
  width: 80% !important;
  margin-bottom: 14px;
}
.custom-page .upload-section .upload-ddl .jcf-select span {
  text-transform: none;
}
.custom-page .upload-section .alert {
  width: 90%;
}
.custom-page .upload-section .alert span {
  font-size: 25px;
}
.custom-page .upload-section .alert p, .custom-page .upload-section .alert .listing {
  margin-top: 3px;
  font-size: 15px;
}

.form-selector {
  z-index: auto !important;
  text-transform: none !important;
}

.custom-btn {
  padding: 12px;
  float: left;
  font-size: 16px;
  line-height: 22px;
  min-width: 200px;
  max-width: 250px;
  border-radius: 0;
  white-space: normal;
  font-weight: 900;
}

.stellaris-page label {
  text-transform: none;
}
.stellaris-page .comment {
  font-style: italic;
}
.stellaris-page dl {
  overflow: hidden;
  width: 100%;
}
.stellaris-page dt {
  float: left;
  width: 25%;
}
.stellaris-page dd {
  float: left;
  width: 75%;
}
.stellaris-page .green-btn {
  min-width: 145px;
}
.stellaris-page .green-btn span {
  margin-right: 6px;
  padding: 0;
  color: #ffffff;
  display: inline-block;
  font-size: 19px;
  line-height: 1;
  vertical-align: top;
}
.stellaris-page .inline {
  display: inline;
}
.stellaris-page .red-text {
  color: #db373a;
  font-weight: bold;
}
.stellaris-page .order-section {
  font-weight: initial;
  margin-bottom: 0;
}
.stellaris-page .order-section .red-title {
  color: #272827;
  font-size: 2em;
  font-weight: 600;
  line-height: 1.125em;
}
.stellaris-page .order-section .intro-text h2 {
  margin-bottom: 30px;
}
.stellaris-page .order-section .intro-text label {
  margin-top: 35px;
}
.stellaris-page .order-section .intro-text .stellaris-links {
  color: #4b7865;
  text-decoration: underline;
}
.stellaris-page .order-section .intro-text .chirp-btn {
  padding: 0px 28px 9px;
  text-transform: none;
}
.stellaris-page .order-section .intro-text .chirp-btn span {
  font-size: 30px;
  position: relative;
  top: 7px;
  left: 10px;
  color: #D6D6D6;
}
.stellaris-page .order-section .assay-form {
  margin-top: 20px;
}
.stellaris-page .order-section .assay-form .assay-designer {
  padding-left: 7px;
}
.stellaris-page .order-section .assay-form .assay-designer .small-columns {
  padding-left: 13px;
  padding-right: 13px;
}
.stellaris-page .order-section .assay-form .assay-designer .small-columns .customDdp {
  margin-bottom: 5px;
  padding: 0;
}
.stellaris-page .order-section .assay-form .assay-designer .small-columns .small-ddp {
  width: 31.05%;
}
.stellaris-page .order-section .assay-form .assay-designer .small-columns .comment-bold {
  font-weight: bold;
}
.stellaris-page .order-section .assay-form .assay-designer .other-organism {
  margin-top: 5px;
}
.stellaris-page .order-section .assay-form .assay-designer .smaller-columns {
  width: 23%;
}
.stellaris-page .order-section .assay-form .assay-designer .expandingArea {
  min-height: 128px;
}
.stellaris-page .order-section .assay-form .assay-designer .view-order {
  padding-bottom: 18px;
}
.stellaris-page .order-section .assay-form .assay-designer .view-order .btn {
  position: relative;
}
.stellaris-page .order-section .assay-form .assay-designer .view-order .middle-btn {
  margin-right: 15px;
}
.stellaris-page .order-section .assay-form .assay-designer .view-order .middle-btn .btn-default {
  background-color: #FAFAFA;
  color: #6B6C6C;
}
.stellaris-page .order-section .assay-form .design-note {
  margin-top: 25px;
}
.stellaris-page .order-section .assay-form .design-note div {
  padding-left: 13px;
  padding-right: 13px;
}
.stellaris-page .order-section .table {
  margin-bottom: 0;
}
.stellaris-page .order-section .table thead {
  font-size: 15px;
  background: linear-gradient(90deg, #00788a 20%, #65cbc9 100%);
  background: -ms-linear-gradient(90deg, #00788a 20%, #65cbc9 100%);
  background-color: #00788a;
}
.stellaris-page .order-section .table thead tr {
  color: #FFFFFF;
}
.stellaris-page .order-section .table thead th {
  margin: 0;
  border-bottom: none;
}
.stellaris-page .order-section .table tr:not(:first-child) td {
  border-top: 2px solid #ddd;
}
.stellaris-page .order-section .review-design-resul {
  padding: 0;
}
.stellaris-page .order-section .review-design-resul .probe-information {
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}
.stellaris-page .order-section .review-design-resul .probe-information div {
  padding: 0;
}
.stellaris-page .order-section .review-design-resul .probe-information .listing {
  margin-bottom: 0;
}
.stellaris-page .order-section .review-design-resul .probe-information .listing .countRed {
  color: #e55e30;
  display: inline;
  font-weight: bold;
}
.stellaris-page .order-section .review-design-resul .probe-information .listing .countGreen {
  color: #6FAE3B;
  font-weight: bold;
}
.stellaris-page .order-section .review-design-resul .probe-information .listing li p {
  display: inline;
}
.stellaris-page .order-section .review-design-resul .probe-information .listing .red-comment {
  color: #e55e30;
}
.stellaris-page .order-section .review-design-resul .probe-information .btn-success {
  min-width: 145px;
  vertical-align: bottom;
}
.stellaris-page .order-section .review-design-resul .probe-information .btn-success span {
  margin-right: 10px;
}
.stellaris-page .order-section .review-design-resul .view-order {
  margin-top: 0;
  padding-bottom: 18px;
  background: #F5F5F5;
}
.stellaris-page .order-section .review-design-resul .view-order table thead div {
  position: relative;
  margin: 5px 0 5px;
}
.stellaris-page .order-section .review-design-resul .view-order table thead div label {
  padding: 0;
}
.stellaris-page .order-section .review-design-resul .view-order .showProbeLocation {
  margin-top: 20px;
}
.stellaris-page .order-section .review-design-resul .view-order .showProbeLocation p {
  font-weight: bold;
}
.stellaris-page .order-section .review-design-resul .view-details {
  font-weight: bold;
  color: #717070;
  position: relative;
  border-style: none;
  vertical-align: top;
  margin-top: 15px;
  font-size: 14px;
  line-height: 15px;
  text-decoration: none;
  display: inherit;
}
.stellaris-page .order-section .review-design-resul span {
  vertical-align: sub;
}
.stellaris-page .stellaris-review-order .order-information {
  margin-top: 25px;
}
.stellaris-page .stellaris-review-order .order-information .warning-message {
  color: #e55e30;
  margin-top: 4px;
}
.stellaris-page .stellaris-review-order .order-information .info-table {
  margin-bottom: 0;
  padding-bottom: 22px;
}
.stellaris-page .stellaris-review-order .order-information .info-table dt {
  width: 17%;
}
.stellaris-page .stellaris-review-order .order-information .info-table dt p {
  font-weight: normal;
}
.stellaris-page .stellaris-review-order .order-information .info-table dd p {
  font-weight: bold;
}
.stellaris-page .stellaris-review-order .order-information .info-table dd .summary-first {
  margin-bottom: 0;
}
.stellaris-page .stellaris-review-order .order-information .info-table dd .summary-second {
  margin-top: 0;
  margin-bottom: 25px;
}
.stellaris-page .stellaris-review-order .order-information .info-table .small-column {
  width: 42%;
}
.stellaris-page .stellaris-review-order .order-information .info-table .small-column p {
  font-weight: normal;
}
.stellaris-page .stellaris-review-order .order-information .info-table .big-column {
  padding-left: 0;
  width: 58%;
}
.stellaris-page .stellaris-review-order .order-information .info-table .delivered-amount {
  margin-top: 35px;
}
.stellaris-page .stellaris-review-order .order-information .back-btn {
  min-width: 285px;
  vertical-align: bottom;
  max-width: 335px !important;
}
.stellaris-page .stellaris-review-order .order-information .back-btn span {
  font-size: 17px;
  position: relative;
  top: 2px;
  left: -14px;
  color: #FFFFFF;
}
.stellaris-page .stellaris-review-order .view-order {
  margin-bottom: 60px;
}
.stellaris-page .stellaris-review-order .custom-btn {
  font-size: 18px;
  line-height: 22px;
  height: 49px;
  min-width: 200px;
  max-width: 250px;
  padding: 12px;
  margin-right: 20px;
}

.internalMod {
  color: black;
  text-decoration: none;
  font-size: 19px;
  line-height: 23px;
  color: #484949;
  text-transform: none;
  display: inline-block;
  padding-top: 5px;
  font-style: normal;
}

.internalMod:hover, .internalMod:focus {
  cursor: pointer;
  text-decoration: none;
}

.glyphicon-question-sign {
  cursor: pointer;
}
.glyphicon-question-sign:before {
  color: #4499a5;
}

.rna-bloc {
  text-align: center;
}
.rna-bloc .convert-rna {
  vertical-align: text-top;
  float: left;
}
.rna-bloc label {
  width: 53%;
  vertical-align: text-top;
}
.rna-bloc .convert-dna {
  float: left;
}

.add-internal-mod {
  display: inline;
}

.filterpage .order-section {
  margin-bottom: 0;
}
.filterpage .responsive {
  min-width: 923px;
}
.filterpage .maincontainer {
  padding: 0 77px 0 42px;
}
@media (max-width: 1304px) {
  .filterpage .maincontainer {
    padding: 0;
  }
}
.filterpage .intro-block {
  margin-bottom: 22px;
}
.filterpage.related {
  margin-bottom: 30px;
  padding-left: 30px;
  margin-right: -40px;
}
@media (max-width: 1279px) {
  .filterpage.related {
    margin-right: -75px;
    padding-left: 0;
    margin-left: -10px;
  }
}
@media (max-width: 1023px) {
  .filterpage.related {
    margin-right: -40px;
  }
}
.filterpage .property-popover {
  background: url(/content/images/icons/questionmark-inactive.png) left top;
  width: 14px;
  height: 17px;
  display: inline-block;
  cursor: pointer;
}
.filterpage .property-popover:hover {
  background: url(/content/images/icons/questionmark-hover.png) left top;
}
.filterpage .right-block {
  width: 404px;
  float: right;
  margin: -25px 14px 0 0;
  text-align: center;
}
@media (max-width: 1023px) {
  .filterpage .right-block {
    width: 100%;
    float: none;
    overflow: hidden;
  }
}
.filterpage .right-block img {
  width: 100%;
}
.filterpage .right-block .alignright {
  float: none;
  margin: 0 0 10px 20px;
  width: 404px;
}
@media (max-width: 1023px) {
  .filterpage .right-block .alignright {
    margin: 0 auto 20px;
    text-align: center;
  }
}
@media (max-width: 479px) {
  .filterpage .right-block .alignright {
    width: 100%;
  }
}
.filterpage .right-block .description {
  padding: 0 0 0 30px;
  font-size: 0.875em;
  line-height: 1.1428em;
  color: #7a7979;
}
.filterpage .block {
  padding-top: 41px;
  overflow: visible;
}
.filterpage .block h2 {
  font-size: 1.5em;
  line-height: 1.25em;
  color: #272827;
  margin-bottom: 10px;
}
.filterpage .w4 {
  overflow: hidden;
  margin-bottom: 11px;
}
@media (max-width: 1305px) {
  .filterpage .w4 {
    margin-bottom: 50px;
  }
}
.filterpage .w4 h2 {
  font-size: 1.5em;
  line-height: 1.25em;
  color: #272827;
  margin-bottom: 9px;
}
.filterpage .w4 .download-now {
  float: right;
}
@media (max-width: 1305px) {
  .filterpage .w4 .download-now {
    float: none;
  }
}
@media (max-width: 479px) {
  .filterpage .w4 .download-now img {
    max-width: 100%;
  }
}
.filterpage .w4 .download-now:hover {
  opacity: .8;
}
.filterpage .w4 .left-block {
  float: left;
  max-width: 580px;
  padding: 8px 0;
}
@media (max-width: 1305px) {
  .filterpage .w4 .left-block {
    max-width: none;
    float: none;
  }
}
.filterpage .listing {
  padding: 0;
  margin-bottom: 10px;
}
.filterpage .listing li:before {
  left: 7px;
}
@media (max-width: 767px) {
  .filterpage .listing li:before {
    left: 0;
  }
}
.filterpage .nav-holder {
  margin-bottom: 64px;
}
.filterpage .filter-block {
  background: #f1f1f1;
  padding: 21px 19px 19px;
  margin-bottom: 34px;
}
.filterpage .filter-block .title1 {
  display: block;
  position: relative;
  border-bottom: 2px solid #e3e3e4;
  color: #727171;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
  padding: 8px 10px 5px 23px;
}
.filterpage .filter-block .title1:before {
  content: "\e903";
  font-family: 'icomoon';
  font-weight: 100;
  color: #107087;
  line-height: 1;
  font-size: 20px;
  position: absolute;
  left: -4px;
  top: 6px;
}
.filterpage .filter-block .title2 {
  display: block;
  position: relative;
  /*text-transform: uppercase;*/
  color: #727171;
  font-size: 16px;
  cursor: pointer;
}
.filterpage .filter-block .title2:after {
  content: "\e903";
  font-family: 'icomoon';
  font-weight: 100;
  color: #107087;
  line-height: 1;
  font-size: 20px;
  position: absolute;
  bottom: 0.5px;
}
.filterpage .product-search {
  max-width: 408px;
  margin-bottom: 13px;
}
.filterpage .product-search fieldset {
  position: relative;
  margin: 0;
}
.filterpage .product-search .form-control {
  color: #767677;
  padding-right: 38px;
}
.filterpage .product-search .form-control::-webkit-input-placeholder {
  color: #767677;
}
.filterpage .product-search .form-control::-moz-placeholder {
  opacity: 1;
  color: #767677;
}
.filterpage .product-search .form-control:-moz-placeholder {
  color: #767677;
}
.filterpage .product-search .form-control:-ms-input-placeholder {
  color: #767677;
}
.filterpage .product-search .form-control.placeholder {
  color: #767677;
}
.filterpage .product-search .submit-wrap {
  font-size: 22px;
  position: absolute;
  right: 11px;
  top: 50%;
  margin-top: -18px;
}
@media (max-width: 767px) {
  .filterpage .product-search .submit-wrap {
    font-size: 18px;
    right: 10px;
    margin-top: -12px;
  }
}
.filterpage .product-search .submit-wrap:hover {
  opacity: .7;
}
.filterpage .product-search .submit-wrap:before {
  color: #a8a5a5;
  content: "\e62d";
  font-family: "icomoon";
}
.filterpage .product-search .submit-wrap input[type=submit] {
  padding: 0;
  cursor: pointer;
  border: none;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  outline: none;
  top: -1px;
  right: 0;
  width: 24px;
  height: 24px;
  background: none;
}
@media (max-width: 767px) {
  .filterpage .product-search .submit-wrap input[type=submit] {
    width: 14px;
    height: 18px;
  }
}
.filterpage .product-category .threecolumns {
  overflow: hidden;
  margin: 0 -13px 4px;
}
.filterpage .product-category .threecolumns .col {
  width: 33.333%;
  padding: 0 13px;
  float: left;
}
.filterpage .product-category .threecolumns label {
  color: #272827;
}
.filterpage .product-category .threecolumns .open {
  display: block;
  color: #272827;
  /*text-transform: capitalize;*/
  padding: 6px 30px 6px 0;
  position: relative;
  font-size: 16px;
  line-height: 20px;
}
.filterpage .product-category .threecolumns .open strong {
  color: #6b9197;
  font-weight: 700;
}
.filterpage .product-category .threecolumns .open.collapsed:after {
  content: "+";
  top: 5px;
  font-size: 25px;
  font-weight: 700;
  transform: translate3d(tx, ty, tz);
}
.filterpage .product-category .threecolumns .open:after {
  content: '_';
  position: absolute;
  right: 4px;
  line-height: 1;
  content: "\f068";
  font-family: FontAwesome;
  color: #949191;
  top: 11px;
}
.filterpage .product-category .threecolumns .panel {
  border: none;
  border-bottom: 2px solid #fff;
  box-shadow: none;
  background: none;
}
.filterpage .product-category .btn-holder {
  overflow: hidden;
  padding: 0 3px;
}
.filterpage .product-category .checklist li {
  font-size: 14px;
  line-height: 16px;
  color: #272827;
  padding: 7px 0;
}
.filterpage .product-category .checklist .jcf-checkbox {
  width: 16px;
  height: 16px;
  background: #fff;
  border-color: #e3e3e4;
  vertical-align: top;
  margin-top: -1px;
}
.filterpage .product-category .checklist .jcf-checkbox:after {
  content: "\f00c";
  font-family: FontAwesome;
  position: absolute;
  color: #6FAE3B;
  left: 2px;
  top: 2px;
  font-size: 11px;
  line-height: 1;
  display: none;
}
.filterpage .product-category .checklist .jcf-checkbox.jcf-checked span {
  display: none;
}
.filterpage .product-category .checklist .jcf-checkbox.jcf-checked:after {
  display: block;
}
.filterpage .product-category .checklist .jcf-label-active {
  font-weight: 700;
}
.filterpage .list-view3 {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 35px;
}
.filterpage .list-view3 h2 {
  font-size: 2.5714em;
  line-height: 1.1944em;
  color: #789ba0;
  font-weight: 200;
  margin-bottom: 28px;
}
@media (max-width: 1023px) {
  .filterpage .list-view3 h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 767px) {
  .filterpage .list-view3 h2 {
    font-size: 22px;
    line-height: 28px;
  }
}
.filterpage .list-view3 .table {
  width: 100%;
  margin: 0;
  font-size: 14px;
  color: #272827;
  line-height: 15px;
}
.filterpage .list-view3 .table th {
  background: #949191;
  font-weight: 900;
  color: #fff;
  border: none;
  padding: 8px 14px;
  vertical-align: middle;
}
.filterpage .list-view3 .table th span {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
}
.filterpage .list-view3 .table td {
  border-bottom: 2px solid #e3e3e4;
  padding: 9px 14px;
  line-height: 27px;
}
.filterpage .list-view3 .table .catalog {
  width: 120px;
}
.filterpage .list-view3 .table .item-name {
  width: 315px;
}
.filterpage .list-view3 .table .price {
  width: 79px;
}
.filterpage .list-view3 .table .size {
  width: 138px;
}
.filterpage .list-view3 .table .note {
  width: 255px;
}
.filterpage .list-view3 .table .qty {
  width: 76px;
}
.filterpage .list-view3 .table .add {
  width: 50px;
  text-align: center;
}
.filterpage .list-view3 .table .icon-cart {
  color: #949191;
  font-size: 21px;
  line-height: 1;
  text-decoration: none;
}
.filterpage .list-view3 .table .icon-cart:hover {
  color: #107087;
}
.filterpage .list-view3 .table .related-product:hover {
  color: #525252;
}
.filterpage .list-view3 .table input[type="text"] {
  background: #fff;
  border: 2px solid #e3e3e4;
  border-radius: 2px;
  color: #272827;
  height: 25px;
  text-align: center;
  width: 36px;
  font-size: 14px;
  line-height: 18px;
  padding: 3px 2px 1px;
}
.filterpage .list-view3 .table input[type="text"]::-webkit-input-placeholder {
  color: #272827;
}
.filterpage .list-view3 .table input[type="text"]::-moz-placeholder {
  opacity: 1;
  color: #272827;
}
.filterpage .list-view3 .table input[type="text"]:-moz-placeholder {
  color: #272827;
}
.filterpage .list-view3 .table input[type="text"]:-ms-input-placeholder {
  color: #272827;
}
.filterpage .list-view3 .table input[type="text"].placeholder {
  color: #272827;
}
.filterpage .list-view3 .table input[type="text"]:focus {
  border-color: #C9EDED;
  background: #ebf7f2;
}
.filterpage .list-view3 .table tbody tr:hover td {
  background: #fafafa;
}
.filterpage .list-view3 .table tbody tr:last-child td {
  border: none;
}
.filterpage .list-view3 .table .last-row td {
  border-bottom: none;
}
.filterpage .list-view3 .table .last:hover td {
  background: #f1f1f1;
}
.filterpage .list-view3 .table .last td {
  background: #f1f1f1;
  font-weight: 900;
  color: #949191;
  border: none;
  line-height: 20px;
  padding: 7px 14px;
}
.filterpage .list-view3 .table .last span {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  color: #107087;
}
.filterpage .list-view3 .table tfoot tr {
  padding: 20px 0;
}
.filterpage .list-view3 .table tfoot .total-amount {
  border: none;
  padding: 40px 0;
}
.filterpage .list-view3 .table tfoot .btn {
  float: right;
  margin: 0 0 10px 21px;
  font-size: 18px;
  line-height: 22px;
}
.filterpage .list-view3 .table tfoot .btn-default {
  padding: 13px;
  min-width: 268px;
  font-size: 16px;
}

.listing2 {
  margin-bottom: 71px;
  font-size: 0.875em;
  line-height: 1.4285em;
  color: #7a7979;
}
.listing2 p {
  margin-bottom: 10px;
}
.listing2 h2 {
  font-size: 1.7142em;
  line-height: 1.25em;
  color: #272827;
  margin-bottom: 6px;
}
.listing2 ul {
  margin-bottom: 26px;
  font-size: 1.1428em;
  line-height: 1.75em;
}
.listing2 a {
  display: block;
  padding: 0 36px;
  position: relative;
  color: #272827;
  text-decoration: none;
}
@media (max-width: 1023px) {
  .listing2 a {
    padding-left: 30px;
  }
}
.listing2 a:hover {
  background: #f1f1f1;
}
.listing2 a:hover:before {
  background: url("/Content/images/sourceimages/bullet.png") no-repeat -18px 0;
}
.listing2 a:before {
  background: #c6c4c4;
  width: 15px;
  height: 9px;
  content: '';
  position: absolute;
  left: 7px;
  top: 9px;
}
.listing2 a.active:before {
  background: url("/Content/images/sourceimages/bullet.png") no-repeat -18px 0;
}

#filter-product-list table thead h4.icon-4 {
  color: #8b4343;
  margin-left: 5px;
  font-size: 15px;
  position: relative;
  top: 3px;
}

.filterCategory {
  border-bottom: solid 2px #fff;
  padding: 5px 0 0;
}
.filterCategory .title {
  cursor: pointer;
  color: #484949;
}
.filterCategory .title.open {
  color: #727171;
}

#faq h3 {
  color: #8f4a4a;
  background: none;
  margin-bottom: 5px;
}
#faq ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#faq ul.parent li:not(:first-child) {
  margin-top: 25px;
}
#faq ul.parent li ul.child li {
  margin-top: 0;
  display: block;
  height: auto;
  padding: 10px 15px;
}
#faq ul.parent li ul.child li .icon-wrapper {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  width: 15px;
  position: relative;
  padding: 1px 0 0 0;
  float: left;
}
#faq ul.parent li ul.child li h4 {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 91.66667%;
  margin: 0;
  padding: 0 0 0 15px;
  font-size: 18px;
}
#faq ul.parent li ul.child li .description {
  padding: 15px 0 0 30px;
  font-size: 16px;
}
#faq ul.parent li ul.child li .collapse.in {
  margin-top: 10px;
}
#faq ul.parent li ul.child li .loader {
  height: auto;
  width: 14px;
}
#faq ul.parent li ul.child li:hover, #faq ul.parent li ul.child li.active {
  background: #f1f1f1;
}
#faq ul.parent li ul.child li:hover .icon, #faq ul.parent li ul.child li.active .icon {
  color: #6d9d88;
}
#faq ul.parent li ul.child li .icon {
  color: #c6c4c4;
}
#faq ul.parent li ul.child div ul li {
  display: list-item;
  list-style-type: disc;
  margin-left: 15px;
}

#faq-search {
  margin: 20px 0 0;
}
#faq-search .search-form {
  display: block;
  text-align: center;
  padding: 8px 70px 0 0;
}
@media (max-width: 1305px) {
  #faq-search .search-form {
    padding-right: 2px;
  }
}
@media (max-width: 767px) {
  #faq-search .search-form {
    padding: 2px 13px 0 0;
  }
}
@media (max-width: 479px) {
  #faq-search .search-form {
    padding: 5px 0;
  }
}
#faq-search .search-form .form-group {
  position: relative;
  margin: 0;
  border: 2px solid #d5e5ec;
  padding-right: 40px;
  padding-left: 13px;
  background: #fff;
}
@media (max-width: 767px) {
  #faq-search .search-form .form-group {
    padding-right: 35px;
    padding-left: 5px;
  }
}
#faq-search .search-form fieldset {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 552px;
}
@media (max-width: 1023px) {
  #faq-search .search-form fieldset {
    width: 280px;
  }
}
@media (max-width: 767px) {
  #faq-search .search-form fieldset {
    width: 244px;
  }
}
@media (max-width: 479px) {
  #faq-search .search-form fieldset {
    width: 100%;
  }
}
#faq-search .search-form .form-control {
  color: #7c9dae;
  background: #fff;
  text-align: left;
  padding: 10px 0;
  border: none;
  height: 41px;
}
#faq-search .search-form .form-control::-webkit-input-placeholder {
  color: #7c9dae;
}
#faq-search .search-form .form-control::-moz-placeholder {
  opacity: 1;
  color: #7c9dae;
}
#faq-search .search-form .form-control:-moz-placeholder {
  color: #7c9dae;
}
#faq-search .search-form .form-control:-ms-input-placeholder {
  color: #7c9dae;
}
#faq-search .search-form .form-control.placeholder {
  color: #7c9dae;
}
@media (max-width: 767px) {
  #faq-search .search-form .form-control {
    height: 31px;
    border-width: 2px;
    font-size: 16px;
    line-height: 20px;
    padding: 0px 0 0 5px;
  }
}
#faq-search .search-form .submit-wrap {
  font-size: 22px;
  position: absolute;
  right: 11px;
  top: 50%;
  margin-top: -11px;
}
@media (max-width: 767px) {
  #faq-search .search-form .submit-wrap {
    font-size: 18px;
    right: 10px;
    margin-top: -12px;
  }
}
#faq-search .search-form .submit-wrap:hover {
  opacity: .7;
}
#faq-search .search-form .submit-wrap:before {
  color: #8b4343;
  content: "\e62d";
  font-family: "icomoon";
}
#faq-search .search-form .submit-wrap input[type=submit] {
  padding: 0;
  cursor: pointer;
  border: none;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: -1px;
  right: 0;
  width: 24px;
  height: 24px;
  background: none;
}
@media (max-width: 767px) {
  #faq-search .search-form .submit-wrap input[type=submit] {
    width: 14px;
    height: 18px;
  }
}

#faq ul.parent li ul.child div table ul li {
  margin-left: 10px;
}

#faq table tbody th {
  color: #000;
}

#product-inquiry-section {
  margin: 70px 0 0;
}

#create-account-submit-section {
  margin: 0 0 70px;
}

.alert.alert-success.success {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  position: relative;
  padding: 17px 10px 14px 63px;
  margin-bottom: 21px;
}
.alert.alert-success.success span {
  position: absolute;
  left: 17px;
  top: 18px;
  font-size: 25px;
}

table.table a {
  cursor: pointer;
}

.slideshow .slide img.slide-img {
  min-width: 876px;
}
.slideshow .slide .caption.no-icon span[class*="icon-"] {
  display: none;
}
@media (max-width: 767px) {
  .slideshow .slide .caption .holder .text-holder {
    padding: 0 10px;
  }
}
.slideshow .slide .caption.stellaris .holder {
  width: auto;
}
.slideshow .slide .caption.stellaris .holder .img-wrap {
  margin: 0 auto 70px;
}
.slideshow .slide .caption.stellaris .holder .img-wrap a {
  color: #8cb4fa;
  font-size: 120px;
}
@media (max-width: 920px) {
  .slideshow .slide .caption.stellaris .holder .img-wrap a {
    font-size: 68px;
  }
}
@media (max-width: 920px) {
  .slideshow .slide .caption.stellaris .holder .text-holder {
    white-space: pre-wrap;
  }
}
.slideshow .slide .caption.stellaris .holder .text-holder div {
  color: #f5dc37;
  font-size: 40px;
  margin-bottom: 20px;
}
@media (max-width: 920px) {
  .slideshow .slide .caption.stellaris .holder .text-holder div {
    font-size: 24px;
  }
}
.slideshow .slide .caption.stellaris .holder .text-holder em {
  color: #8cb4fa;
  font-size: 26px;
}
@media (max-width: 920px) {
  .slideshow .slide .caption.stellaris .holder .text-holder em {
    font-size: 12px;
  }
}
.slideshow .slide .caption.webinar {
  clear: both;
}
.slideshow .slide .caption.webinar .img-wrap {
  position: absolute;
  text-align: right;
  height: auto;
  width: 100px;
  right: 25%;
  top: 25%;
}
@media (max-width: 920px) {
  .slideshow .slide .caption.webinar .img-wrap {
    width: 50px;
    right: 10%;
    top: 5%;
  }
}
.slideshow .slide .caption.webinar .holder {
  margin-top: 15%;
}
.slideshow .slide .caption.webinar .holder .text-holder em {
  font-size: 26px;
  color: #f3a6f3;
}
@media (max-width: 920px) {
  .slideshow .slide .caption.webinar .holder .text-holder em {
    font-size: 16px;
  }
}
.slideshow .slide .caption.webinar .holder .text-holder span {
  font-size: 40px;
  color: #adef44;
}
@media (max-width: 920px) {
  .slideshow .slide .caption.webinar .holder .text-holder span {
    font-size: 24px;
  }
}
.slideshow .slide .caption.webinar .holder .text-holder .speakers {
  color: #f3a6f3;
  font-size: 18px;
}
.slideshow .slide .caption.webinar .holder .text-holder .speakers:first-child {
  color: #d076d0;
}
@media (max-width: 920px) {
  .slideshow .slide .caption.webinar .holder .text-holder .speakers {
    font-size: 10px;
  }
}
.slideshow .slide .caption.bottom-right {
  left: auto;
}
.slideshow .slide .caption.bottom-right .holder {
  text-align: left;
  position: relative;
  right: 40px;
}
.slideshow .slide .caption.bottom-right .holder .text-holder {
  color: #bad2e6;
}
.slideshow .slide .caption.bottom-right .holder .text-holder span {
  color: #fff;
  font-size: 72px;
  margin-bottom: 20px;
}
@media (max-width: 920px) {
  .slideshow .slide .caption.bottom-right .holder .text-holder span {
    font-size: 24px;
  }
}
.slideshow .slide .caption.bottom-right .holder .text-holder em {
  margin-bottom: 0;
  font-style: normal;
  font-size: 32px;
}
@media (max-width: 920px) {
  .slideshow .slide .caption.bottom-right .holder .text-holder em {
    font-size: 16px;
  }
}
.slideshow .slide .caption.bottom-right .holder .text-holder .link a {
  color: #bad2e6;
  font-size: 21px;
}
@media (max-width: 920px) {
  .slideshow .slide .caption.bottom-right .holder .text-holder .link a {
    font-size: 12px;
  }
}

* {
  font-size: 100.01%;
}

html {
  font-size: 62.5%;
}

html {
  height: 100%;
}

/*
 * set default text color
 * set default font size, line height and font family
 * set default background
 */
body {
  height: 100%;
  margin: 0;
  font-size: 1.6em;
  line-height: 1.25em;
}
@media (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 24px;
  }
}
body.inner #main {
  padding: 0 0 1px;
}
body.inner .biosearch-blog {
  margin-bottom: 0;
}
@media (max-width: 1251px) {
  body.nav-active #wrapper {
    margin-left: -382px;
  }
  body.nav-active #header .btn-close {
    display: block !important;
  }
  body.nav-active .open-close {
    right: 382px;
  }
}
@media (max-width: 479px) {
  body.nav-active #wrapper {
    margin-left: -230px;
  }
  body.nav-active .open-close {
    right: 230px;
  }
}

img {
  vertical-align: top;
  height: auto;
}

/*ICONS*/
/*.icon-hover [class^="icon-"], .icon-hover [class*=" icon-"] {
    color: #4499a5 !important;
}

.icon-hover [class^="icon-"]:hover, .icon-hover [class*=" icon-"]:hover {
    color: #107087 !important;
    text-decoration: none;
}*/
.icon-set {
  color: #4499a5;
}

.icon-set:hover, a.icon-set:hover {
  color: #107087;
  text-decoration: none !important;
}

#related-product-alert {
  width: 46px;
  position: absolute;
  top: 24px;
  left: 24px;
}

.related-product-alert-color {
  fill: #e55e30;
}

.orderform-alert-color {
  fill: #4099A6;
}

/*BUTTONS*/
a:focus,
.btn:focus,
.btn.active:focus {
  outline: none;
  text-decoration: none;
}

.btn {
  white-space: nowrap;
  text-transform: lowercase;
  font-weight: 700;
  /*line-height: 26px;*/
  border-radius: 40px;
  font-size: 14px;
  min-width: 168px;
  padding: 8px 24px 0 24px;
  height: 41px;
  text-decoration: none !important;
}

.btn-default {
  color: #05657D !important;
  background-color: #B7D8DD;
  border: 2px solid #B7D8DD;
}

.btn-default:hover, .btn-default:active, .btn-default:active:hover, .btn-default:active, .btn-default:focus, .btn-default:active:focus {
  color: #FFFFFF !important;
  background-color: #73B2BC;
  border-color: #73B2BC;
}

.btn-primary {
  color: #FFFFFF !important;
  background-color: #383737;
  border: 2px solid #383737;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:focus, .btn-primary:active:focus {
  color: #FFFFFF;
  background-color: #000000;
  border-color: #000000;
}

.btn-success,
.btn-info {
  color: #FFFFFF !important;
  background-color: #6FAE3B;
  border: 2px solid #6FAE3B;
}

.btn-success:hover, .btn-success:active, .btn-success:active:hover, .btn-success:focus, .btn-success:focus, .btn-success:active:focus,
.btn-info:hover, .btn-info:active, .btn-info:active:hover, .btn-info:focus, .btn-info:focus, .btn-info:active:focus {
  color: #FFFFFF !important;
  background-color: #619634;
  border-color: #619634;
}

/*.btn-success.disabled, .btn-success.disabled:hover, 
.btn-success.disabled:focus, .btn-success.disabled.focus, 
.btn-success.disabled:active, .btn-success.disabled.active, 
.btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, 
.btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active
 {
    border: 2px solid #6FAE3B !important;
    background-color: #6FAE3B;
}*/
.btn-secondary {
  color: #FFFFFF !important;
  background-color: #73B2BC;
  border: 2px solid #73B2BC;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:active:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:active:focus {
  color: #FFFFFF !important;
  background-color: #368E9C;
  border-color: #368E9C;
}

.total-amount .btn-secondary span {
  color: #FFFFFF;
}

.btn-secondary [class^="icon-"] {
  margin-right: 2px;
}

.btn-modal {
  background: transparent;
  border: 2px solid #ffffff;
  color: #FFFFFF;
}

.btn-text {
  text-transform: none !important;
}

.btn-modal:hover {
  background-color: #FFF;
  color: #05657D;
}

.modal-content .btn {
  min-width: 144px;
}

.btn-clear {
  background-color: #FFFFFF;
  border: 2px solid #B8D8DD;
  color: #3E929F;
}

.btn-clear:hover, .btn-clear:active, .btn-clear:active:hover, .btn-clear:focus, .btn-clear:active:focus {
  color: #05657D;
  background-color: #B7D8DD;
  border-color: #B7D8DD;
}

.filterpage .product-category .btn-holder .btn-wide {
  float: left;
  width: 580px;
}

/*END BUTTONS*/
/*CUSTOM BUTTONS*/
.btn-custom {
  border: none;
  padding-top: 10px;
  color: #FFFFFF !important;
}

.btn-custom1 {
  background: linear-gradient(270deg, #C64763 0%, #632361 100%);
}

.btn-custom1:hover, .btn-custom1:active, .btn-custom1:active:hover, .btn-custom1:active, .btn-custom1:focus, .btn-custom1:active:focus {
  background-color: #5F2361;
  background: linear-gradient(270deg, #5F2361 0%, #5F2361 100%);
  color: #FFFFFF;
}

.btn-custom2 {
  background: linear-gradient(270deg, #EF9224 0%, #E55421 100%);
}

.btn-custom2:hover, .btn-custom2:active, .btn-custom2:active:hover, .btn-custom2:active, .btn-custom2:focus, .btn-custom2:active:focus {
  background-color: #E45221;
  background: linear-gradient(270deg, #E45221 0%, #E45221 100%);
  color: #FFFFFF;
}

.btn-custom3 {
  background: linear-gradient(270deg, #BFC829 0%, #70AA2A 100%);
}

.btn-custom3:hover, .btn-custom3:active, .btn-custom3:active:hover, .btn-custom3:active, .btn-custom3:focus, .btn-custom3:active:focus {
  background-color: #6FAD3A;
  background: linear-gradient(270deg, #6FAD3A 0%, #6FAD3A 100%);
  color: #FFFFFF;
}

.btn-custom span {
  color: #ffffff;
  display: inline-block;
  font-size: 19px;
  line-height: 1;
  vertical-align: top;
  /*margin-right: 6px;*/
}

/*END CUSTOM BUTTONS*/
.filterpage .container-fluid div.col-md-12 a:hover {
  color: #FFFFFF;
}

.form-control:focus {
  box-shadow: none;
  background: #ECFDFD;
  border-color: #C9EDED;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px;
}

@media only screen and (min-width: 1025px) {
  a[href^=tel], a[href^=skype], a[href^=sms] {
    cursor: default;
    pointer-events: none;
  }
}
#wrapper {
  width: 100%;
  height: 100%;
  display: table;
}
@media (max-width: 1305px) {
  #wrapper {
    display: block;
    height: auto;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  #wrapper .w1 {
    overflow: hidden;
  }
}

.underline {
  text-decoration: underline !important;
}

.inline {
  display: inline;
}

.external-link-button {
  width: 13px;
  height: 13px;
  margin-top: 3px;
  float: right;
}

.external-link-button path {
  fill: #6BABB3;
}

.btn-default:hover .external-link-button path {
  fill: #509099;
}

.external-link-header {
  width: 16px;
  height: 16px;
  float: right;
  margin-top: 2px;
}

.external-link-header path {
  fill: #949191;
}

.external-link-navigation {
  width: 10px;
  height: 10px;
  float: right;
  margin-top: 5px;
  margin-right: -17px;
}

.external-link-navigation path {
  fill: #949191;
}

.alert-warning2 {
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffecb5;
  font-size: 16px;
  padding: 16px;
  border-width: 2px;
}

/*# sourceMappingURL=all.css.map */