@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap");
html {
  font-size: 14px;
  overflow-x: hidden; }
  html.menu-active {
    overflow-y: hidden; }

body {
  font-size: 1rem;
  font-family: "Lato", sans-serif;
  color: #000;
  overflow-x: hidden;
  line-height: 1.3; }

img {
  max-width: 100%;
  height: auto; }

a, input, button, .banner__arrow {
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease; }

p {line-height: 1.45rem;}


.weglot-container.wg-default {display: none}

.newprodbuttons {height: auto}
.aasnbbtn {margin-left: 20px; padding: 10px 20px;
    font-size: .8rem;
    letter-spacing: 1px;}
.aasnbbtn2 {padding: 10px 20px;
    font-size: .8rem;
    letter-spacing: 1px;}
.snbbtn {margin-left: 80px; padding: 10px 20px;
    font-size: .8rem;
    letter-spacing: 1px;}
.snbbtn2 {padding: 10px 20px;
    font-size: .8rem;
    letter-spacing: 1px;}
  .newproddisplays1{
    background: url(../images/ctfo_love1900.jpg) no-repeat center top;	  
    background-size: 100%;    
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; border-bottom: 12px solid #fff;
max-height: 881px !important; min-height: 881px;
}
.btnh {padding-top: 601px;}
@media only screen and (max-width: 3500px) {
.deskbanner__btns.videoplacement {
bottom: 24vw;}}
@media only screen and (max-width: 3400px) {
.deskbanner__btns.videoplacement {
bottom: 23vw;}}
@media only screen and (max-width: 3300px) {
.deskbanner__btns.videoplacement {
bottom: 22vw;}}
@media only screen and (max-width: 3200px) {
.deskbanner__btns.videoplacement {
bottom: 21.5vw;}}
@media only screen and (max-width: 3100px) {
.deskbanner__btns.videoplacement {
bottom: 21vw;}}
@media only screen and (max-width: 3000px) {
.deskbanner__btns.videoplacement {
bottom: 20vw;}}
@media only screen and (max-width: 2900px) {
.deskbanner__btns.videoplacement {
bottom: 19vw;}}
@media only screen and (max-width: 2800px) {
.deskbanner__btns.videoplacement {
bottom: 18vw;}}
@media only screen and (max-width: 2700px) {
.deskbanner__btns.videoplacement {
bottom: 17vw;}}
@media only screen and (max-width: 2600px) {
.deskbanner__btns.videoplacement {
bottom: 16vw;}}
@media only screen and (max-width: 2500px) {
.deskbanner__btns.videoplacement {
bottom: 15vw;}}
@media only screen and (max-width: 2400px) {
.deskbanner__btns.videoplacement {
bottom: 14vw;}}
@media only screen and (max-width: 2300px) {
.deskbanner__btns.videoplacement {
bottom: 13vw;}}
@media only screen and (max-width: 2200px) {
.deskbanner__btns.videoplacement {
bottom: 12vw;}}
@media only screen and (max-width: 2100px) {
.deskbanner__btns.videoplacement {
bottom: 11vw;}}
@media only screen and (max-width: 2000px) {
.deskbanner__btns.videoplacement {
bottom: 10vw;}}
@media only screen and (max-width: 1900px) {
.btnh {padding-top: 601px;}
.deskbanner__btns.videoplacement {
bottom: 9vw;}}
@media only screen and (max-width: 1800px) {
.paddingtop {padding-top: 700px;}
.deskbanner__btns.videoplacement {
bottom: 7vw;}}

@media only screen and (max-width: 1700px) {
.btnh {padding-top: 501px;}	
.deskbanner__btns.videoplacement {
bottom: 6vw;}}

@media only screen and (max-width: 1600px) {
.deskbanner__btns.videoplacement {
bottom: 4vw;}}

@media only screen and (max-width: 1400px) {
.btnh {padding-top: 401px;}
	.imgshapelove {height: 375px;}
}

@media only screen and (max-width: 1300px) {
.snbbtn {margin-left: 100px; padding: 5px 10px;
    font-size: .7rem;
    letter-spacing: 0px;} 
	.snbbtn2 {padding: 5px 10px;
    font-size: .7rem;
    letter-spacing: 0px;}
	.nowrr {display: none;}
.btnh {padding-top: 401px;}
	.imgshapelove {height: 375px;}	
}

@media only screen and (max-width: 1200px) {
.snbbtn {margin-left: 60px; padding: 5px 10px;
    font-size: .7rem;
    letter-spacing: 0px;} 
	.snbbtn2 {padding: 5px 10px;
    font-size: .7rem;
    letter-spacing: 0px;}	
.btnh {padding-top: 401px;}	
	.imgshapelove {height: 375px;}	
}

  .newproddisplays11{
    background: url(../images/ctfo_love1185.jpg) no-repeat center top;	  
    background-size: 100%;    
border-bottom: 12px solid #fff;
max-height: 549px; min-height: 549px;
  }
.btnh {padding-top: 601px;}


@media only screen and (max-width: 1100px) {
  .newproddisplays1{
    background: url(../images/ctfo_love1100.jpg) no-repeat center top;	  
    background-size: 100%;    
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; border-bottom: 12px solid #fff;
max-height: 509px; min-height: 509px;
  }
.snbbtn {margin-left: 30px;}	
.btnh {padding-top: 381px;}	
}

@media (min-width: 1301px) {
.snb2 {
    display: none;
}}

@media (max-width: 1300px) {
.newproddisplays1 {
    display: none;
}}

.lang img {margin-right: 2px;}

.flagdim {max-height: 33px; max-width: 33px;}
.qtyselector {margin-top: 12px;}
.vid {
  position: relative;
  padding-top: 56.25%;
  margin: 0 0 20px; }
  .vid iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
.vid-hold {
  width: 460px;
  margin: 0 auto; }
  @media (max-width: 991px) {
    .vid-hold {
      width: 100%; } }

.vid-embed {
  position: relative;
  padding-top: 56.25%; }
  .vid-embed iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;}

.button {
    display: inline-block;
    color: #fff;
    background: #337D85;
    padding: 10px 20px;
    border: 0;
    cursor: pointer;}
    .button i {
    margin-right: 5px; }
.button:hover {
    background: #399faa;
    text-decoration: none;
    outline: none;
    color: #fff;
}  .button--no {
    background: none;
    color: #000; }
    .button--no:hover {
      background: #399faa; }
  .button--black {
    background: #000; }
    .button--black:hover {
      background: #116e7b;
      background-image: linear-gradient(to right, #00a3ad , #12899a);}
  .button--light {
    background: #116e7b; }
    .button--light:hover {
      background: #017789; }
  .button--block {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px 20px;
    border-radius: 3px; }
  .button--trans {
    border: 1px solid #017789;
    color: #017789;
    background: none; }
    .button--trans:hover {
      background: #017789;
      color: #fff; }
  .button--white {
    background: #fff;
    color: #017789; }
    .button--white:hover {
      background: #017789;
      color: #fff; }

.bl {
  font-weight: 800; }

.mvfordesktop {margin-left: 76px;}
input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}
.menu {
  list-style: none;
  margin: 0;
  padding: 0; }
  .menu li {
    display: inline-block; }
    .menu li a {
      display: block; }

.search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .search input, .search button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 40px);
    flex: 0 0 calc(100% - 40px);
    height: 30px;
    line-height: 30px;
    padding: 0 10px; }
  .search input {
    border: 1px solid #f1f1f1;
    border-radius: 3px 0 3px 0; }
    @media (min-width: 992px) {
      .search input {
        min-width: 250px; } }
  .search button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    color: #000;
    text-align: center;
    background: #dfdfdf;
    border: 0; }
    .search button:hover {
      background: #000;
      color: #fff; }

.bc__inner {
  background: #f5f5f5;
  border: 1px solid #dddddd;
  border-radius: 4px;
  overflow: hidden; }
  .bc__inner ul li a {
    padding: 10px 25px 10px 25px;
    position: relative; }
    .bc__inner ul li a:after {
      content: "";
      display: block;
      width: 50px;
      height: 50px;
      border-top: 1px solid #dddddd;
      border-right: 1px solid #dddddd;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg);
      right: 0; }

@media (max-width: 991px) {
  .views {
    margin: 0 0 10px; } }

.views a {
  display: block;
  width: 35px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #cccccc;
  text-align: center;
  float: left;
  color: #000; }
  .views a:last-child {
    border-left: 0; }
  .views a:hover, .views a.active {
    background: #e5e5e5;
    color: #fff; }

.products__filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
  @media (max-width: 991px) {
    .products__filter {
      display: block; } }
  .products__filter .input-group {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    @media (min-width: 992px) {
      .products__filter .input-group {
        margin-bottom: 0 !important; } }
    @media (max-width: 991px) {
      .products__filter .input-group {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }
    .products__filter .input-group select {
      width: 76%; }
      @media (max-width: 991px) {
        .products__filter .input-group select {
          width: 100%;
          height: 35px;
          line-height: 35px;
          padding: 0 10px; } }
  @media (max-width: 991px) {
    .products__filter .input-group-text {
      background: none;
      border: 0;
      padding: 0;
      display: block; } }

.products__sort {
  margin: 0 0 15px; }

.products__item {
  margin: 0 0 20px;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  padding: 15px; }
  .products__item:hover {
    -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }
    .products__item:hover .button {
      opacity: 1; }
  .products__item h4 {
    color: #000;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 3px 0 10px; }
  .products__item .price-holder {
    text-align: center; }
    .products__item .price-holder strong {
      display: block;
      font-size: 1.3rem;
      font-weight: bold;
      margin: 1px 0; }
  .products__item__image {
    text-align: center; }
  .products__item__text {
    text-align: center;
    padding-bottom: 15px; }
  .products__item .button {
    display: block;
    text-align: center;
	margin-left: auto;
    margin-right: auto;	  
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease; }

.products__note {
  text-align: right; }
  @media (max-width: 991px) {
    .products__note {
      text-align: center; }
	  .mvfordesktop {margin-left: 0px;}
}

@media (min-width: 992px) {
  .products__list .row {
    margin-left: -5px;
    margin-right: -5px; }
  .products__list .col-lg-3 {
    padding-left: 5px;
    padding-right: 5px; } }

.tabby {
  margin: 0 0 50px; }
  .tabby__head {
    margin: 0 0 30px; }
    .tabby__head ul {
      list-style: none;
      margin: 0;
      padding: 0;
      font-size: 0; }
      .tabby__head ul li {
        display: inline-block; }
        .tabby__head ul li a {
          font-size: .9rem;
          border: 1px solid #e9ede2;
          padding: 12px 25px 10px;
          display: block;
          position: relative; }
          .tabby__head ul li a:before {
            content: "";
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: #017789; }
          .tabby__head ul li a.active, .tabby__head ul li a:hover {
            text-decoration: none;
            color: #116e7b;
            border-bottom: transparent; }
            .tabby__head ul li a.active:before, .tabby__head ul li a:hover:before {
              display: block; }
  .tabby__item {
    display: none; }
    .tabby__item.active {
      display: block; }

.related {
  margin: 0 0 35px; }
  .related__title {
    border-bottom: 1px solid #017789;
    padding-bottom: 10px;
    margin-bottom: 30px; }
    .related__title h5 {
      font-size: .9rem;
      font-weight: bold;
      margin: 0;
      color: #017789; }
  .related__item {
    font-size: .9rem;
    text-align: center;
    margin: 0 0 15px; }
    .related__item h5 {
      font-size: .9rem;
      margin: 0; }
  .related__img {
    margin: 0 0 15px; }
  .related .price {
    font-weight: bold;
    margin: 0; }

.rating {
  margin: 0 0 5px; }
  .rating__star {
    display: inline-block;
    vertical-align: middle;
    max-width: 12px; }
  .rating__count {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    font-size: .8rem; }

.title-d {
  position: relative;
  text-align: center;
  margin: 0 0 40px;
  padding: 0 0 40px; }
  .title-d:after {
    content: "";
    width: 36px;
    height: 30px;
    background: url(../images/leaf.png) no-repeat center center #fff;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  .title-d__line {
    content: "";
    display: block;
    height: 3px;
    background: #017789;
    max-width: 500px;
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  .title-d .lf {
    content: "";
    display: block;
    height: 100%;
    width: 40%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, white, rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(left, white, rgba(255, 255, 255, 0));
    background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0)); }
  .title-d .rg {
    content: "";
    display: block;
    height: 100%;
    width: 40%;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(white), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(right, white, rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(right, white, rgba(255, 255, 255, 0));
    background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0)); }
  .title-d h2 {
    margin: 0;
    font-size: 2.2rem;
    font-weight: bold;
	margin-top: 32px;}
    @media (max-width: 991px) {
      .title-d h2 {
        font-size: 1.8rem; } }

@media (min-width: 992px) {
  .products--2 {
    padding-top: 30px; } }

.prod2__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-bottom: 1px solid #116e7b;
  padding-bottom: 35px;
  margin-bottom: 35px; }
  @media (max-width: 991px) {
    .prod2__item {
      display: block;
      padding-bottom: 20px;
      margin-bottom: 20px;
      text-align: center; }
      .prod2__item img {
        max-width: 200px; } }
  .prod2__item h4 {
    color: #017789;
    font-weight: bold; }

.prod2__img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%; }
  @media (max-width: 991px) {
    .prod2__img {
      margin: 0 0 20px; } }

.prod2__info {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66%;
  flex: 0 0 66.66%;
  padding-left: 30px; }
  @media (max-width: 991px) {
    .prod2__info {
      padding: 0; } }

.prod2__bottom {
  position: relative;
  padding-left: 100px; }
  @media (max-width: 991px) {
    .prod2__bottom {
      padding: 0; } }
  .prod2__bottom__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    @media (max-width: 991px) {
      .prod2__bottom__row {
        display: block; } }
  .prod2__bottom__col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; }
    .prod2__bottom__col--right {
      padding-left: 20px; }
      .prod2__bottom__col--right > div {
        margin: 0 0 1rem; }
        .prod2__bottom__col--right > div h5 {
          font-weight: bold;
          font-size: 1rem;
          margin: 0; }
  .prod2__bottom__img {
    position: absolute;
    width: 210px;
    text-align: right;
    right: calc(100% - 70px);
    top: 50%;
    height: 217px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (max-width: 991px) {
      .prod2__bottom__img {
        position: static;
        height: auto;
        text-align: center;
        margin: 0 0 20px;
        width: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; } }
    .prod2__bottom__img img {
      max-width: 100%;
      max-height: 217px;
      height: auto;
      position: absolute;
      bottom: 0;
      right: 0; }
      @media (max-width: 991px) {
        .prod2__bottom__img img {
          position: static;
          max-width: 100%; } }

.prod2__price {
  padding-top: 10px; }
  .prod2__price h4 {
    color: #ae1417;
    font-size: 1.2rem;
    margin: 0 0 2px; }
    .prod2__price h4 .sml {
      font-size: 13px;
      vertical-align: middle; }

.prod2__title {
  margin: 0 0 18px; }

.prod2 + .title-d {
  padding-top: 40px; }

.steps {
  background: #2c3732;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 15px 20px;
  border-radius: 5px;
  margin-top: -60px;
  position: relative;
  z-index: 1; }
  @media (max-width: 991px) {
    .steps {
      padding: 15px;
      display: block; } }
  .steps__item {
    color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    border-right: 1px solid #60776c;
    font-size: 1.4rem;
    padding: 5px 20px;
    position: relative; }
    .steps__item, .steps__item * {
      -webkit-transition: all .0s ease;
      -o-transition: all .0s ease;
      transition: all .0s ease; }
    @media (max-width: 991px) {
      .steps__item {
        border: 0;
        padding: 10px; } }
    .steps__item:last-child {
      border-right: 0;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
      flex: 0 0 40%; }
    .steps__item h4 {
      color: #017789; }
      .steps__item h4 .fa {
        opacity: 0; }
    .steps__item p {
      font-weight: bold;
      margin: 0; }
    .steps__item:hover, .steps__item.active {
      cursor: pointer; }
      .steps__item:hover h4, .steps__item.active h4 {
        color: #fff; }
        .steps__item:hover h4 .fa, .steps__item.active h4 .fa {
          opacity: 1; }

.seal {
  background: url(../images/seal-bg.png) no-repeat center center;
  background-size: auto 100%;
  padding: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 790px;
  margin: 40px auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (max-width: 991px) {
    .seal {
      padding: 20px 15px;
      display: block;
      text-align: center;
      margin-bottom: 20px; } }
  .seal h3 {
    color: #017789;
    font-weight: bold; }
  .seal__text {
    text-align: right;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%; }
    @media (max-width: 991px) {
      .seal__text {
        text-align: center; } }
  .seal__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    padding-left: 40px; }

.s-content h4 {
  font-weight: bold;
  color: #017789;
  font-size: 1.3rem;
  margin: 0 0 22px; }

.s-content p {
  margin: 0 0 15px; }

@media (max-width: 991px) {
  .seal-img img {
    margin: 0 0 15px; } }

.img-caption {
  text-align: center; }
  @media (max-width: 991px) {
    .img-caption {
      margin: 0 0 15px; } }
  .img-caption span {
    display: block;
    font-weight: bold;
    font-size: 1.3rem;
    color: #017789;
    text-align: center;
    padding-top: 10px; }

.testi-slider__item {
  text-align: center;
  padding: 10px; }

.testi-slider__inner {
  -webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.1);
  background: #fff; }

.testi-slider__img {
  padding-top: 65%;
  position: relative; }
  .testi-slider__img img {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.testi-slider__text {
  padding: 10px;
  font-size: 12px; }
  .testi-slider__text p {
    margin: 0 0 10px; }
  .testi-slider__text h5 {
    font-weight: bold;
    font-size: 1rem; }
  .testi-slider__text a {
    display: block;
    font-weight: bold;
    padding: 3px; }

.testi-slider .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: none;
  border: 0;
  color: #017789;
  font-size: 4rem;
  z-index: 10; }
  .testi-slider .slick-arrow:hover, .testi-slider .slick-arrow:focus {
    outline: none;
    color: #116e7b; }
  .testi-slider .slick-arrow.slick-prev {
    left: -40px; }
  .testi-slider .slick-arrow.slick-next {
    right: -40px; }

.grad {
  background-size: cover;
  padding: 60px 0;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  font-size: 15px; }
  @media (max-width: 991px) {
    .grad {
      padding: 40px 0;
      background: #3c623d !important; } }
  .grad--left {
    background-position: left center; }
  .grad--right {
    background-position: right center; }
  .grad .title-d:after {
    background-color: #3C623D; }
  .grad .title-d .lf {
    background-image: -webkit-gradient(linear, left top, right top, from(#3c623d), to(rgba(60, 98, 61, 0)));
    background-image: -webkit-linear-gradient(left, #3c623d, rgba(60, 98, 61, 0));
    background-image: -o-linear-gradient(left, #3c623d, rgba(60, 98, 61, 0));
    background-image: linear-gradient(to right, #3c623d, rgba(60, 98, 61, 0)); }
  .grad .title-d .rg {
    background-image: -webkit-gradient(linear, right top, left top, from(#3c623d), to(rgba(60, 98, 61, 0)));
    background-image: -webkit-linear-gradient(right, #3c623d, rgba(60, 98, 61, 0));
    background-image: -o-linear-gradient(right, #3c623d, rgba(60, 98, 61, 0));
    background-image: linear-gradient(to left, #3c623d, rgba(60, 98, 61, 0)); }
  .grad ul {
    list-style: none;
    margin: 0 auto 15px;
    max-width: 350px;
    text-align: left;
    font-size: 15px;
    padding: 0; }
    @media (max-width: 991px) {
      .grad ul {
        max-width: none;
        margin: 0 0 15px;
        padding: 0; } }
    .grad ul li {
      margin: 0 0 5px; }
  .grad p, .grad ul {
    margin-bottom: 20px; }

.button-center {
  max-width: 240px;
  margin: 0 auto;
  padding-top: 15px; }
  .button-center .button {
    display: block;
    width: 100%;
    padding: 15px 20px;
    font-size: 1rem;
    border-radius: 3px; }

.home-prod {
  padding: 35px 0;
  font-size: 1.2rem; }
  .home-prod p {
    line-height: 1.5; }
  .home-prod h2 {
    font-weight: bold;
    font-size: 2.8rem;
    color: #017789;
    max-width: 400px;
    margin: 0 0 20px; }
    @media (max-width: 991px) {
      .home-prod h2 {
        font-size: 1.8rem; } }

.btn-cat-filter ul {
  list-style: none;
  margin: 0 0 80px;
  padding: 0;
  text-align: center; }
  @media (max-width: 991px) {
    .btn-cat-filter ul {
      margin: 0 0 40px; } }
  .btn-cat-filter ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px; }
    @media (max-width: 991px) {
      .btn-cat-filter ul li {
        width: 46%;
        margin: 5px 5px; } }
    .btn-cat-filter ul li a {
      display: block;
      position: relative;
      padding: 35px 30px 35px 100px;
      background: #f1f1f1;
      -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
      box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
      text-decoration: none !important;
      outline: none !important;
      font-weight: bold;
      font-size: 1.1rem;
      color: #000;
      -webkit-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease;
      border-radius: 4px;
      top: 0; }
      @media (max-width: 991px) {
        .btn-cat-filter ul li a {
          padding: 20px; } }
      .btn-cat-filter ul li a:hover, .btn-cat-filter ul li a.active {
        background: #116e7b;
        -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);
        box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);
        color: #fff; }
      .btn-cat-filter ul li a:hover {
        top: -3px; }
      .btn-cat-filter ul li a img {
        position: absolute;
        top: 50%;
        left: -10px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
        @media (max-width: 991px) {
          .btn-cat-filter ul li a img {
            display: none; } }

.compare {
  font-size: 1.1rem;
  padding-top: 60px; }
  @media (max-width: 991px) {
    .compare {
      padding-top: 45px; } }
  .compare__title {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    margin: 0 0 30px; }
    @media (max-width: 991px) {
      .compare__title {
        font-size: 1.7rem; } }
  .compare__holder {
    width: 100%;
    overflow-x: auto; }
  .compare table {
    margin: 0 0 40px; }
    .compare table tr td {
      border: 1px solid #116e7b;
      padding: 8px 20px; }
      .compare table tr td:first-child {
        background: #e6e6e6;
        font-weight: bold; }
      .compare table tr td.compare__product img {
        height: 75px;
        width: auto;
        margin: 0 0 10px; }
      .compare table tr td.compare__product h5 {
        font-weight: bold;
        color: #017789;
        margin: 0; }
    .compare table tr.compare__desc td {
      vertical-align: top; }
    .compare table tr.compare__actions td {
      padding: 20px; }
      .compare table tr.compare__actions td .button {
        display: block;
        margin: 0 0 5px;
        width: 100%; }
        .compare table tr.compare__actions td .button:last-child {
          margin: 0; }
  .compare__table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
  .compare__row {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(25% - 30px);
    flex: 0 0 calc(25% - 30px);
    margin: 0 0 15px; }
    .compare__row:first-child {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
      flex: 0 0 80px;
      font-weight: bold; }
  .compare__item {
    border: 1px solid #116e7b;
    padding: 8px 20px;
    text-align: center; }
    .compare__item:first-child {
      font-weight: bold;
      background: #f1f1f1; }
    .compare__item:before {
      display: inline-block;
      font-weight: bold;
      color: #116e7b; }
    .compare__item:nth-child(2):before {
      content: "Price:"; }
    .compare__item:nth-child(3):before {
      content: "Model:"; }
    .compare__item:nth-child(4):before {
      content: "Brand:"; }
    .compare__item:nth-child(5):before {
      content: "Availability:"; }
    .compare__item:nth-child(6):before {
      content: "Summary:"; }
    .compare__item img {
      max-height: 90px;
      margin: 0 0 10px; }
    .compare__item .button {
      display: block;
      width: 100%; }
      .compare__item .button:first-child {
        margin: 0 0 5px; }

.compare-mobile {
  display: none; }
  @media (max-width: 991px) {
    .compare-mobile {
      display: block; } }

@media (max-width: 991px) {
  .compare-desk {
    display: none; } }

.contact {
  padding-bottom: 50px; }
  .contact .container {
    max-width: 950px; }
  .contact__left {
    font-size: 1.3rem;
    color: #017789; }
    @media (max-width: 991px) {
      .contact__left {
        margin: 0 0 20px; } }
  .contact__map {
    padding-top: 350px;
    position: relative; }
    .contact__map iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.content-b {
  font-size: 1.3rem;
  text-align: center; }
  .content-b p {
    margin: 0 0 30px; }

.oppbot {
  position: relative;
  background: #3d613d;
  color: #fff;
  padding: 90px 0;
  font-size: 1.2rem; }
  @media (max-width: 991px) {
    .oppbot {
      text-align: center;
      padding: 60px 0; }
      .oppbot:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0; }
      .oppbot .container {
        position: relative;
        z-index: 1; } }
  .oppbot p {
    margin: 0 0 40px; }
  .oppbot > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%; }
  .oppbot--right > img {
    left: auto;
    right: 0; }
  @media (max-width: 991px) {
    .oppbot > img {
      width: 100%; } }
  @media (max-width: 991px) {
    .oppbot__buttons {
      max-width: 500px; } }
  .oppbot__buttons .button {
    padding: 14px 25px;
    font-size: .9rem;
    font-weight: 300;
    margin-right: 10px; }
    @media (max-width: 991px) {
      .oppbot__buttons .button {
        display: block;
        width: 100%;
        margin: 0 0 10px; } }

.vid-container {
  max-width: 700px;
  margin: 0 auto; }

.vid-res {
  position: relative;
  padding-top: 56.25%;
  margin: 0 0 30px; }
  .vid-res iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }

.lab__top {
  font-size: 1.4rem;
  margin: 0 0 40px; }

.lab__text {
  padding-top: 60px; }

.lab__badge {
  text-align: center; }
  .lab__badge img {
    margin: 0 0 20px; }
  .lab__badge h2 {
    color: #017789;
    margin: 0 0 5px; }
  .lab__badge p {
    font-weight: bold;
    font-size: 1.3rem; }

.lab__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -4px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  text-align: center; }

.lab__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  padding: 0 4px;
  margin: 0 0 35px; }
  @media (max-width: 991px) {
    .lab__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33%;
      flex: 0 0 33.33%;
      margin: 0 0 15px; } }
  @media (max-width: 767px) {
    .lab__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      margin: 0 0 15px; } }
  .lab__item img {
    margin: 0 0 10px;
	border: solid 1px #eee;}
  .lab__item h4 {
    font-weight: bold; }
    @media (max-width: 991px) {
      .lab__item h4 {
        font-size: 1rem; } }

.about {
  font-size: 1.2rem; }
  .about__top {
    margin: 0 0 50px; }
    .about__top p:last-child {
      margin: 0; }
      @media (min-width: 992px) {
        .about__top p:last-child {
          padding-top: 40px; } }
  .about__s {
    text-align: center;
    margin: 0 auto 60px;
    max-width: 600px; }
    .about__s--2 {
      max-width: none; }
    .about__s h4 {
      font-weight: bold;
      color: #017789;
      margin: 0 0 20px; }

.tm__item {
  text-align: center;
  padding: 0 15px;
  margin: 0 0 40px; }
  @media (max-width: 991px) {
    .tm__item {
      padding: 0;
      margin: 0 0 25px; } }
  .tm__item img {
    margin: 0 0 10px; }
  .tm__item h4 {
    margin: 0 0 3px;
    color: #017789;
    font-weight: bold; }
  .tm__item h5 {
    font-weight: normal;
    font-size: .9rem;
    margin: 0 0 15px;
    text-transform: uppercase; }
  .tm__item p {
    margin: 0 0 20px; }
  .tm__item .button {
    padding: 10px 40px; }

.prd {
  padding: 80px 0; }
  .prd__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -4px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
    @media (max-width: 767px) {
      .prd__list {
        display: block; } }
  .prd__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 0 4px; }
    @media (max-width: 991px) {
      .prd__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin: 0 0 20px; } }
    .prd__item:hover .prd__content {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
  .prd__inner {
    position: relative; }
  .prd__top {
    background: #f2f2f2;
    padding: 50px;
    text-align: center;
    position: relative;
    margin: 0 0 15px; }
    .prd__top img {
      max-height: 240px; }
  .prd__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 25px 20px;
    color: #fff;
    font-size: .85rem;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 0;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }
  .prd__actions {
    display: block;
    width: 200px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    .prd__actions .button {
      display: block;
      margin: 0 0 5px;
      width: 100%; }
  .prd h4 {
    color: #017789;
    text-align: center;
    font-size: 1.3rem;
    font-weight: bold; }

.prd2 {
  padding-bottom: 0; }
  .prd2__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
    @media (max-width: 991px) {
      .prd2__row {
        display: block; } }
  .prd2__col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 50px 25px; }
    @media (max-width: 991px) {
      .prd2__col {
        padding: 20px; } }
    .prd2__col--invert {
      color: #000; }
      @media (max-width: 991px) {
        .prd2__col--invert { } }
    .prd2__col--normal h2 {
      color: #017789; }
  .prd2__contain {
    position: relative;
    background: #f2f2f2; }
    .prd2__contain:before {
      content: "";
      display: block;
      background: #fff;
      width: 50%;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute; }
      @media (max-width: 991px) {
        .prd2__contain:before {
          display: none; } }
    .prd2__contain--invert:before {
      left: auto;
      right: 0; }
    .prd2__contain .container {
      position: relative;
      z-index: 1; }
      @media (max-width: 991px) {
        .prd2__contain .container {
          padding: 0; } }
  .prd2__inner {
    position: relative; }
  .prd2__img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (max-width: 991px) {
      .prd2__img {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin: 0 0 15px;
        text-align: center; } }
    .prd2__img img {
      max-width: 245px;}
.prd2__content {
    padding-left: 270px;
    font-size: .95rem;
	line-height: 1.5;}	
    @media (max-width: 991px) {
      .prd2__content {
        padding: 0;
        text-align: center; } }
    .prd2__content h2 {
      font-size: 1.3rem; }
    .prd2__content h2, .prd2__content p {
      margin: 0 0 15px; }
  .prd2__actions .button {
    padding: 10px 40px;
    margin-right: 5px;
    border-radius: 3px; }
    @media (max-width: 991px) {
      .prd2__actions .button {
        display: block;
        width: 100%;
        margin: 0 0 5px; } }

.prd5__item {
  position: relative;
  min-height: 340px;
  margin: 0 0 30px; }
  @media (max-width: 767px) {
    .prd5__item {
      min-height: 0; } }

.prd5__content {
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  text-align: left;
  border-radius: 5px;
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff;
  padding: 15px;
  left: 195px; }
  @media (max-width: 767px) {
    .prd5__content {
      position: static;
      border-radius: 0;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; } }
  .prd5__content h4 {
    text-align: left;
    font-weight: normal; }

.prd5__img {
  background: #017789;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 250px; }
  @media (max-width: 767px) {
    .prd5__img {
      position: relative;
      width: auto;
      height: auto;
      text-align: center;
      padding: 15px;
      border-radius: 0; } }
  .prd5__img img {
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 149px; }
    @media (max-width: 767px) {
      .prd5__img img {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        max-width: none;
        position: relative;
        top: auto;
        left: auto; } }

.prd5 .prd5__actions .button {
  border: 1px solid #017789;
  display: block;
  width: 100%;
  text-align: center;
  font-size: .9rem;
  border-radius: 3px;
  padding: 7px 15px; }
  @media (max-width: 767px) {
    .prd5 .prd5__actions .button:first-child {
      margin: 0 0 5px; } }

.prd5 .prd5__actions .row {
  margin: 0 -5px; }

.prd5 .prd5__actions .col-lg-6 {
  padding: 0 5px; }

.prd6 {
  position: relative; }
  .prd6__inner {
    position: relative; }
    .prd6__inner:before {
      content: "";
      display: block;
      position: absolute;
      top: 20px;
      left: 0;
      width: 100%;
      height: 300px;
      background: #017789; }
      @media (max-width: 991px) {
        .prd6__inner:before {
          display: none; } }
  .prd6__img {
    background: #fff;
    text-align: center;
    padding: 55px 20px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin: 0 0 22px;
    position: relative; }
    .prd6__img img {
      max-height: 240px; }
  .prd6__item {
    text-align: center;
    position: relative; }
    @media (max-width: 991px) {
      .prd6__item {
        margin: 0 0 30px; } }
    .prd6__item h4 {
      margin: 0 0 15px; }
    .prd6__item p {
      margin: 0 0 30px; }
  .prd6 .prd6__actions .button {
    border: 1px solid #017789;
    display: block;
    width: 100%;
    text-align: center;
    font-size: .9rem;
    border-radius: 2px;
    padding: 10px 15px; }
    @media (max-width: 767px) {
      .prd6 .prd6__actions .button:first-child {
        margin: 0 0 5px; } }
  .prd6 .prd6__actions .row {
    margin: 0 -5px; }
  .prd6 .prd6__actions .col-lg-6 {
    padding: 0 5px; }

body.login .login-content {
  background: url(../images/login-banner.jpg) no-repeat center center;
  background-size: cover;
  padding: 80px 0; }

body.login .passwordlogin-content {
  background: url(../images/pwreset-banner.jpg) no-repeat center center;
  background-size: cover;
  padding: 60px 0; }

.login-form {
  max-width: 484px;
  margin: 0 auto;
  background: #fff;
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
  padding: 30px;
  border-radius: 4px; }
  @media (max-width: 991px) {
    .login-form {
      padding: 15px; } }
  .login-form h2 {
    text-align: center;
    margin: 0 0 30px; }
    @media (max-width: 991px) {
      .login-form h2 {
        font-size: 1.5rem; } }
  .login-form__field {
    margin: 0 0 15px; }
    .login-form__field label, .login-form__field input {
      display: block;
      width: 100%; }
    .login-form__field input {
      border: 1px solid #000;
      border-radius: 4px;
      height: 45px;
      line-height: 45px;
      padding: 0 10px; }
  .login-form__buttons {
    padding: 0 0 30px;
    text-align: center; }
    .login-form__buttons .button {
      display: block;
      width: 100%;
      padding: 18px 20px;
      border-radius: 3px; }
      @media (max-width: 991px) {
        .login-form__buttons .button {
          margin: 0 0 10px; } }
  .login-form__note {
    text-align: center;
    margin: 0; }

.pop {
  display: none;
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 350px;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
  text-align: center;
  z-index: 10;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); }
  @media (max-width: 991px) {
    .pop {
      width: 100%;
      padding: 15px;
      bottom: 0; } }
  .pop p {
    margin: 0 0 10px; }
    .pop p:last-child {
      margin: 0; }
  .pop__close {
    position: absolute;
    left: 100%;
    top: 0;
    background: #017789;
    height: 26px;
    line-height: 26px;
    width: 26px;
    text-align: center;
    color: #fff;
    font-size: 1.3rem; }
    @media (max-width: 991px) {
      .pop__close {
        top: auto;
        bottom: 100%;
        left: auto;
        right: 0; } }
    .pop__close:hover {
      background: #116e7b;
      text-decoration: none;
      outline: none;
      color: #fff; }

.pop2 {
  background: rgba(0, 0, 0, 0.8);
  color: #fff; }

.pop3 {
  width: 500px; }
  @media (max-width: 991px) {
    .pop3 {
      width: 100%; } }
  .pop3__inner {
    padding-left: 110px;
    position: relative; }
    @media (max-width: 991px) {
      .pop3__inner {
        padding: 0; } }
  .pop3__left {
    position: absolute;
    top: -45px;
    left: 0;
    width: 95px; }
    @media (max-width: 991px) {
      .pop3__left {
        position: static;
        margin: 0 0 15px;
        text-align: center;
        width: 100%; } }
    .pop3__left img {
      margin: 0 0 15px; }
      @media (max-width: 991px) {
        .pop3__left img {
          max-width: 75px;
          margin: 0 10px 15px 0; } }
    .pop3__left .button {
      padding: 8px 12px;
      font-size: 12px; }

.pop4 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10vh 0 0 0;
  background: none; }
  @media (max-width: 767px) {
    .pop4 {
      padding-top: 26px; } }
  .pop4__inner {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.9);
    padding: 20px 20px 20px 185px;
    z-index: 10;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    text-align: left; }
    @media (max-width: 767px) {
      .pop4__inner {
        padding: 15px;
        text-align: center;
        max-height: calc(100vh - 26px);
        overflow: auto; } }
  .pop4__left {
    width: 150px;
    position: absolute;
    top: 20px;
    left: 20px;
    text-align: center; }
    @media (max-width: 767px) {
      .pop4__left {
        position: static;
        margin: 0 0 20px;
        width: auto; } }
    .pop4__left img {
      margin: 0 0 15px; }
      @media (max-width: 767px) {
        .pop4__left img {
          max-width: 140px;
          margin: 0 15px 0 0; } }
  @media (max-width: 767px) {
    .pop4 .pop__close {
      bottom: auto;
      top: 0; } }

.pop5 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10vh 0 0 0;
  background: none; }
  @media (max-width: 767px) {
    .pop5 {
      padding-top: 26px; } }
  .pop5__left {
    width: 200px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background: #408b52;
    height: 100%; }
    @media (max-width: 767px) {
      .pop5__left {
        position: static;
        margin: 0 0 20px;
        width: auto;
        padding: 15px; } }
    .pop5__left img {
      margin: 0 0 15px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      @media (max-width: 767px) {
        .pop5__left img {
          max-width: 140px;
          margin: 0 15px 0 0;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          position: static; } }
  .pop5__inner {
    position: relative;
    max-width: 650px;
    margin: 0 auto;
    background: #fff;
    padding: 45px 30px 45px 225px;
    z-index: 10;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    text-align: left;
    font-size: 13px; }
    .pop5__inner h4 {
      text-align: left; }
    @media (max-width: 767px) {
      .pop5__inner {
        padding: 15px;
        text-align: center;
        max-height: calc(100vh - 26px);
        overflow: auto; } }
  .pop5 .pop__close {
    left: auto;
    font-size: 1.4rem;
    right: 10px;
    top: 10px;
    color: #ccc;
    background: none;
    height: auto;
    width: auto; }
    @media (max-width: 767px) {
      .pop5 .pop__close {
        bottom: auto;
        top: 0;
        background: #000;
        color: #fff;
        height: 25px;
        line-height: 25px;
        width: 25px;
        text-align: center;
        border-radius: 50%;
        right: 5px; } }
  .pop5__links {
    padding-top: 20px; }
    .pop5__links .button {
      border-radius: 3px; }
      .pop5__links .button:last-child {
        margin-left: 5px; }

.po {
  border: 1px solid #dddddd;
  padding: 30px;
  border-radius: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 900px;
  margin: 0 auto 30px; }
  @media (max-width: 991px) {
    .po {
      padding: 15px; } }
  @media (max-width: 767px) {
    .po {
      display: block; } }
  .po__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    margin: 0 20px;
    border: 1px solid #dddddd;
    padding: 20px;
    text-align: center; }
    @media (max-width: 991px) {
      .po__item {
        padding: 15px; } }
    .po__item h5 {
      color: #017789;
      font-weight: bold;
      margin: 0 0 10px; }
    .po__item img {
      display: block;
      margin: 0 auto 15px; }
    @media (max-width: 991px) {
      .po__item {
        margin: 0 10px 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%; } }
    @media (max-width: 767px) {
      .po__item {
        margin: 0 0 20px; } }
  .po__details span {
    display: block; }
  .po__bot {
    text-align: center; }
    .po__bot h4 {
      font-weight: bold;
      margin: 0;
      text-transform: uppercase; }
    .po__bot__cards * {
      margin: 0 0 5px; }
    .po__bot__cards span {
      display: block; }
    .po__bot__cards a {
      display: block; }

.order__table {
  border: 1px solid #dddddd;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 0 20px; }

.order__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (max-width: 991px) {
    .order__row {
      display: block; } }
  .order__row--head {
    font-weight: bold;
    color: #9f9f9f;
    font-size: 1.1rem;
    border-bottom: 1px solid #dddddd; }
    @media (max-width: 991px) {
      .order__row--head {
        display: none; } }
  .order__row--body:nth-child(odd) {
    background: #f9f9f9; }

.order__col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 17%;
  flex: 0 0 17%;
  padding: 15px 20px; }
  @media (max-width: 991px) {
    .order__col {
      padding: 10px 15px; }
      .order__col:before {
        display: block;
        font-weight: bold;
        font-size: 1.1rem;
        background: #017789;
        color: #fff;
        padding: 5px;
        margin: 0 0 10px; }
      .order__col:nth-child(1):before {
        content: "Description"; }
      .order__col:nth-child(2):before {
        content: "BV"; }
      .order__col:nth-child(3):before {
        content: "Price"; }
      .order__col:nth-child(4):before {
        content: "Quantity"; } }
  .order__col:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%; }

.order__qty input {
  display: block;
  width: 50px;
  height: 30px;
  line-height: 30px;
  padding: 0 0 0 10px;
  border: 1px solid #dddddd;
  border-radius: 3px; }

.order__qty a {
  display: block;
  padding-top: 4px;
  font-size: 12px; }

.order__prod {
  position: relative;
  padding-left: 65px;
  min-height: 80px; }
  .order__prod img {
    max-height: 80px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0; }
  .order__prod h5 {
    font-weight: bold;
    margin: 0; }
  .order__prod p {
    margin: 0; }
  .order__prod > div {
    position: relative;
    padding: 30px 0; }

.order__wid {
  border: 1px solid #dddddd;
  border-radius: 10px;
  overflow: hidden;
  padding: 20px; }
  .order__wid h4 {
    font-weight: bold;
    margin: 0 0 20px; }

.order__sumt {
  font-weight: bold;
  font-size: 1.2rem; }
  .order__sumt > div {
    display: block;
    margin: 0 0 10px; }
    .order__sumt > div.total {
      padding-top: 20px; }
  .order__sumt span:first-child {
    font-weight: bold;
    color: #9f9f9f;
    min-width: 115px;
    display: inline-block; }

.order__sum {
  margin: 0 0 20px; }
  .order__sum .button {
    display: block;
    width: 100%;
    border-radius: 3px;
    margin-top: 8px; }

.order__box {
  border: 1px solid #dddddd;
  border-radius: 10px;
  overflow: hidden;
  padding: 20px;
  position: relative; }
  @media (max-width: 991px) {
    .order__box {
      margin: 0 0 20px; } }
  .order__box h4 {
    color: #9f9f9f;
    margin: 0 0 10px; }
  .order__box__edit {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #ddd;
    font-size: 1.2rem; }
  .order__box select {
    border: 1px solid #dddddd;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    border-radius: 3px;
    display: block;
    width: 100%; }
  .order__box .order-card img {
    max-width: 75px;
    float: left;
    margin: 0 10px 0 0; }

.order__promo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px; }
  .order__promo input {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 50px);
    flex: 0 0 calc(100% - 50px);
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border-radius: 3px 0 0 3px;
    border: 1px solid #ddd;
    background: #F9F9F9; }
  .order__promo .button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    margin: 0;
    border-radius: 0 3px 3px 0; }

.content-center {
  text-align: center; }

.p-table {
  border: 1px solid #dddddd;
  border-radius: 4px;
  padding: 20px;
  margin: 0 auto 30px;
  max-width: 900px; }
  @media (max-width: 991px) {
    .p-table {
      padding: 0; } }
  .p-table__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (max-width: 991px) {
      .p-table__row {
        display: block; } }
    .p-table__row--head {
      font-weight: bold; }
      @media (max-width: 991px) {
        .p-table__row--head {
          display: none; } }
  .p-table__col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    padding: 15px 0; }
    @media (max-width: 991px) {
      .p-table__col {
        padding: 0 10px 10px; } }
    .p-table__col:nth-child(2) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
      flex: 0 0 40%; }
    .p-table__col:before {
      display: none;
      font-weight: bold;
      background: #408b52;
      padding: 3px 5px;
      color: #fff; }
      @media (max-width: 991px) {
        .p-table__col:before {
          display: block;
          margin: 0 -10px 10px; } }
    .p-table__col:nth-child(1):before {
      content: "Your credit and debit cards"; }
    .p-table__col:nth-child(2):before {
      content: "Details"; }
    .p-table__col:nth-child(3):before {
      content: "Name on card"; }
    .p-table__col:nth-child(4):before {
      content: "Expires on"; }
  .p-table .card-check input {
    margin-right: 5px; }
  .p-table .card-check img {
    max-width: 80px; }
  .p-table .payment-submit {
    padding-top: 30px; }
    @media (max-width: 991px) {
      .p-table .payment-submit {
        padding: 10px; } }
    .p-table .payment-submit .button {
      border-radius: 3px; }
      @media (max-width: 991px) {
        .p-table .payment-submit .button {
          display: block;
          width: 100%; } }

.sc-table {
  width: 100%; }
  .sc-table__holder {
    border: 1px solid #dddddd;
    border-radius: 6px;
    overflow: hidden;
    margin: 0 0 10px; }
  .sc-table tr {
    border-bottom: 1px solid #dddddd; }
  @media (max-width: 767px) {
    .sc-table thead {
      display: none; } }
  .sc-table thead th {
    color: #9f9f9f;
    font-weight: bold;
    padding: 10px 30px; }
  .sc-table tbody tr:last-child {
    border: 0; }
  @media (max-width: 767px) {
    .sc-table tbody tr {
      display: block; } }
  .sc-table td, .sc-table th {
    padding: 15px 30px;
    font-weight: bold; }
    @media (max-width: 767px) {
      .sc-table td, .sc-table th {
        display: block;
        padding: 0 10px 10px; }
        .sc-table td:before, .sc-table th:before {
          display: block;
          background: #408b52;
          color: #fff;
          padding: 3px 10px;
          margin: 0 -10px 10px; }
        .sc-table td:nth-child(1):before, .sc-table th:nth-child(1):before {
          content: "Product Name"; }
        .sc-table td:nth-child(2):before, .sc-table th:nth-child(2):before {
          content: "Price"; }
        .sc-table td:nth-child(3):before, .sc-table th:nth-child(3):before {
          content: "Price"; } }
  .sc-table .sc-product img {
    max-height: 80px;
    margin-right: 10px; }
  .sc-table .sc-product h5 {
    font-weight: bold;
    display: inline-block;
    font-size: 1rem; }
  .sc-table__qty select {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    width: 65px; }

.sc__button {
  text-align: right;
  margin: 0 0 10px; }
  .sc__button .button {
    font-size: 12px;
    border-radius: 3px;
    padding: 12px 40px;
    min-width: 290px;
    text-align: center; }

.sc-total {
  background: #f9f9f9;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #ddd;
  text-align: right;
  margin: 0 0 10px; }
  .sc-total__inner {
    display: inline-block;
    text-align: right;
    padding: 10px 15px; }
    .sc-total__inner h5 {
      margin: 0 0 5px;
      font-weight: bold; }
    .sc-total__inner h2 {
      margin: 0 0 5px;
      font-weight: bold; }
    .sc-total__inner p {
      margin: 0;
      font-size: 11px; }

.address {
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden; }
  .address__top {
    padding: 15px;
    border-bottom: 1px solid #ddd; }
  .address__body {
    padding: 15px; }
  .address__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media (max-width: 991px) {
      .address__row {
        display: block; } }
  .address__col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 0 5px;
    margin: 0 0 10px; }
  .address__item {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 15px; }
    .address__item .button {
      display: block;
      width: 100%;
      font-size: 12px;
      text-align: center;
      margin: 10px 0 0; }
  .address .add-address {
    height: 100%;
    padding: 42px 20px;
    text-align: center;
    display: block;
    color: #fff;
    background: #dfdfdf;
    border-radius: 6px; }
    .address .add-address .fa {
      font-size: 50px;
      font-weight: bold;
      display: block;
      margin: 5px auto 0; }
    .address .add-address:hover {
      text-decoration: none;
      background: #408b52; }

body.enroll-page .content {
  background: url(../images/home-banner.jpg) no-repeat center center;
  background-size: cover;
  padding: 70px 0 50px; }

body.enroll-page .nav {
  margin: 0; }

.enroll form {
  max-width: 900px;
  margin: 0 auto;
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  padding: 30px 80px; }
  @media (max-width: 991px) {
    .enroll form {
      padding: 20px 15px; } }

.enroll h2 {
  text-align: center;
  margin: 0 0 40px;
  margin: 0 0 20px; }
  @media (max-width: 991px) {
    .enroll h2 {
      font-size: 1.4rem; } }

.enroll__field {
  margin: 0 0 10px; }
  .enroll__field input, .enroll__field select {
    border: 1px solid #868686;
    border-radius: 3px;
    line-height: 45px;
    height: 45px;
    width: 100%;
    display: block;
    padding: 0 10px; }

.enroll__agree {
  color: #557cbd;
  margin: 20px;
  position: relative;
  padding-left: 22px; }
  @media (max-width: 991px) {
    .enroll__agree {
      margin: 0 0 20px; } }
  .enroll__agree input {
    position: absolute;
    top: 3px;
    left: 0; }

@media (max-width: 991px) {
  .enroll__note {
    margin: 0 0 10px;
    display: block; } }

.enroll__cap {
  margin: 0 0 10px; }

.enroll__btns .button {
  display: block;
  width: 100%;
  line-height: 50px;
  height: 50px;
  padding: 0 15px;
  text-align: center;
  font-size: 1.1rem; }
  @media (max-width: 991px) {
    .enroll__btns .button {
      margin: 0 0 10px; } }
  .enroll__btns .button--none {
    background: none;
    color: #408b52; }
    .enroll__btns .button--none:hover {
      background: #408b52;
      color: #fff; }

.landing {
  padding: 80px 0 40px; }
  .landing__right {
    color: #fff; }
    .landing__right h2 {
      font-weight: bold;
      text-transform: uppercase;
      font-size: 2.4rem;
      margin: 0; }
    .landing__right h4 {
      font-size: 1.9rem;
      font-weight: bold;
      margin: 0 0 30px; }
  .landing__btns {
    padding: 0 30px;
    margin: 0 0 30px; }
    .landing__btns .button2 {
      background-image: -webkit-gradient(linear, left top, right top, from(#b7860b), color-stop(#e2a80e), color-stop(#dba40d), color-stop(#dda60d), to(#876111));
      background-image: -webkit-linear-gradient(left, #b7860b, #e2a80e, #dba40d, #dda60d, #876111);
      background-image: -o-linear-gradient(left, #b7860b, #e2a80e, #dba40d, #dda60d, #876111);
      background-image: linear-gradient(to right, #b7860b, #e2a80e, #dba40d, #dda60d, #876111);
      display: block;
      width: 100%;
      margin: 0 0 12px;
      border-radius: 3px;
      padding: 10px 20px;
      color: #fff;
      -webkit-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease;
      position: relative;
      top: 0; }
      .landing__btns .button2:hover {
        text-decoration: none;
        top: -4px;
        -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5); }
      .landing__btns .button2 strong {
        display: block;
        color: #7d5215;
        font-size: 1.5rem; }
      .landing__btns .button2 span {
        text-transform: uppercase;
        font-size: 1.2rem; }
  .landing__note {
    border-radius: 6px;
    border: 1px solid #4e594e;
    background: rgba(0, 0, 0, 0.2);
    padding: 15px; }
  .landing__left {
    background: #fff;
    padding: 20px;
    border-radius: 6px;
    position: relative; }
    .landing__left h1 {
      font-weight: bold;
      text-transform: uppercase;
      font-size: 2.2rem; }
  .landing__text {
    position: relative; }
    .landing__text img {
      position: absolute;
      top: 0;
      right: 0;
      max-width: 200px; }
  .landing__bottom {
    color: #fff;
    padding-top: 30px; }
    .landing__bottom h2 {
      font-size: 2.3rem;
      font-weight: bold; }
      .landing__bottom h2 span {
        color: #e2a80e; }

body.enroll-page--2 #header, body.enroll-page--2 .nav, body.enroll-page--2 #footer {
  display: none; }

body.enroll-page--2 .content {
  padding: 50px 0; }
  @media (max-width: 991px) {
    body.enroll-page--2 .content {
      padding: 30px 0; } }

.enroll2__top {
  text-align: center;
  margin: 0 0 30px; }
  .enroll2__top h3 {
    color: #3aad76;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.4rem;
    margin: 0 0 10px; }
  .enroll2__top img {
    max-width: 180px; }

.enroll2__links {
  padding-top: 40px;
  text-align: center;
  color: #fff; }
  .enroll2__links a {
    color: #fff; }

.enroll2__translate {
  text-align: right;
  color: #fff; }
  @media (max-width: 991px) {
    .enroll2__translate {
      text-align: center;
      margin: 0 0 10px; } }
  .enroll2__translate .google_translate_element {
    max-width: 100px;
    text-align: center;
    display: inline-block; }
  .enroll2__translate a.goog-logo-link, .enroll2__translate .goog-te-gadget {
    color: #fff; }
  .enroll2__translate .goog-te-gadget .goog-te-combo {
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    border: 0;
    background: #fff; }

.enroll2__title {
  text-align: center; }
  .enroll2__title img {
    max-width: 200px; }
  .enroll2__title h2 {
    margin: 20px 0 15px; }

.enroll2__nav {
  text-align: center;
  max-width: 420px;
  margin: 0 auto 30px;
  position: relative; }
  .enroll2__nav:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 7px;
    border-radius: 3px;
    background: #eaeaea; }
  .enroll2__nav:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 30%;
    height: 7px;
    border-radius: 3px;
    background: #3aad76; }
  .enroll2__nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 1;
    position: relative; }
    .enroll2__nav ul li {
      display: inline-block;
      margin: 0 15%; }
      .enroll2__nav ul li a {
        display: block;
        height: 50px;
        width: 50px;
        line-height: 50px;
        border-radius: 50%;
        color: #000;
        background: #eaeaea;
        font-size: 1.5rem; }
      .enroll2__nav ul li.active a {
        background: #3aad76;
        color: #fff; }

  .header .button {
    display: block;
    text-align: center; }
  .header__return {
    padding: 5px 0; }
  .header__menu {
    margin: 0 0 3px; }
    @media (max-width: 991px) {
      .header__menu {
        display: none;
        margin: 0; } }
    .header__menu nav {
      background: #116e7b;
      text-align: center; }
      .header__menu nav ul {
        font-size: 0; }
        .header__menu nav ul li {
          border-right: 1px solid #fff;
          line-height: 1;
          font-size: 0; }
          @media (max-width: 991px) {
            .header__menu nav ul li {
              display: block;
              border: 0;
              border-bottom: 1px solid #fff; } }
          .header__menu nav ul li a {
            font-size: 1rem;
            color: #fff;
            display: block;
            padding: 12px 10px;
            text-decoration: none; }
            .header__menu nav ul li a:hover {
              background: #017789; }
  .header .menu-tog {
    display: none;
    font: normal normal normal 14px/1 FontAwesome;	  
    color: #000;
    text-align: center;
    padding: 10px 15px;}
    .header .menu-tog:hover {
      color: #55a1ab;
      text-decoration: none; }
    @media (max-width: 991px) {
      .header .menu-tog {
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
		font-size: 28px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); } }
  .header__right .button {
    padding: 6px 20px; }
  .header__right__top, .header__right__bottom {
    text-align: right; }
    @media (max-width: 991px) {
      .header__right__top, .header__right__bottom {
        text-align: center; } }
    .header__right__top > *, .header__right__bottom > * {
      display: inline-block;
      vertical-align: middle;
      margin-left: 15px; }
      @media (max-width: 991px) {
        .header__right__top > *, .header__right__bottom > * {
          margin-left: 0; } }
  .header__right__top {
    margin: 0 0 20px; }
    @media (max-width: 991px) {
      .header__right__top {
        margin: 0 0 10px; } }

.logo {
  position: relative; }
  @media (max-width: 991px) {
    .logo {
      margin: 0 0 15px;
      padding-left: 0px; } }
  @media (max-width: 991px) {
    .logo img {
      max-width: 150px; } }

@media (max-width: 400px) {
  .header-cart {
    margin: 10px 0 0; } }

  .nav__title {
    position: relative; }
    @media (max-width: 991px) {
      .nav__title {
        display: none; } }
.nav__title h3 {
    position: absolute;
    top: 0;
    left: 0;
    background: #017789;
    color: #fff;
    margin: 0;
    padding: 13px 15px;
    font-size: 1.1rem;
    font-weight: bold;}
.nav__title h3:hover {
    background: #008699;
    background-image: linear-gradient(to right, #00a3ad , #12899a);	
}
.nav .menu {
    text-align: right;
    font-size: 0; }
    @media (max-width: 991px) {
      .nav .menu {
        text-align: left; } }
    .nav .menu li {
      position: relative;
      border-left: 1px solid #fff;
      line-height: 1; }
      .nav .menu li:first-child {
        border-left: 0; }
      @media (max-width: 991px) {
        .nav .menu li {
          display: block;
          border: 0;
          border-bottom: 1px solid #fff; } }
      .nav .menu li a {
        color: #fff;
        display: block;
        padding: 10px 14px;
        font-size: 1rem; }
        @media (max-width: 1200px) {
          .nav .menu li a {
            padding: 10px 12px;
            font-size: .95rem; } }
        .nav .menu li a:hover {
          background: #116e7b;
          text-decoration: none; }
      .nav .menu li .submenu {
        position: absolute;
        width: 200px;
        background: #116e7b;
        text-align: left;
        display: none;
        top: 100%;
        left: 0;
        z-index: 10;
        margin: 0;
        padding: 0; }
        .nav .menu li .submenu li {
          display: block;
          border: 0; }
          .nav .menu li .submenu li a:hover {
            background: #017789;
            text-decoration: none; }
      .nav .menu li:hover .submenu {
        display: block; }
  .nav__menu--res {
    display: none; }
  @media (max-width: 991px) {
    .nav__menu {
      display: none; }
      .nav__menu--res {
        display: block; } }

.nav-res {
  display: block;
  position: fixed;
  top: 0;
  left: -250px;
  height: 100%;
  width: 250px;
  z-index: 999;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  padding-right: 30px;
  height: 100vh; }
  .nav-res.active {
    left: 0; }
  .nav-res .menu {
    background: #fff;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1); }
    .nav-res .menu li {
      display: block; }
      .nav-res .menu li a {
        border-bottom: 1px solid #ccc;
        display: block;
        padding: 10px 10px;
        color: #000;
        position: relative; }
        .nav-res .menu li a i.fa-angle-down {
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 10px; }
        .nav-res .menu li a:focus {
          background: #017789;
          color: #fff;
          text-decoration: none; }
      .nav-res .menu li ul {
        padding: 0;
        margin: 0;
        display: none; }
        .nav-res .menu li ul li a {
          padding-left: 25px; }
    .nav-res .menu--icons li {
      border: 0; }
      .nav-res .menu--icons li a {
        border: 0; }
        .nav-res .menu--icons li a i:not(.fa-angle-down) {
          vertical-align: middle;
          display: inline-block;
          position: static;
          margin-right: 10px;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
          min-width: 14px;
          color: #017789; }
        .nav-res .menu--icons li a:focus i {
          color: #fff; }
  .nav-res__close {
    display: block;
    background: #017789;
    padding: 0;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center; }

.country-select .btn {
  padding: 5px;
  background: none; }
  .country-select .btn:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0; }

.country-select img {
  max-width: 22px;
  margin-right: 8px;
  margin-top:-2px}

.footer-socmed li {
    padding: 0 10px 0 0;
	display: inline;
	font-size: 18px;
}

.back-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #55a1ab;
  color: #fff;
  font-size: 1.5rem;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%; }
  .back-top:hover {
    background: black;
    text-decoration: none;
    color: #fff; }

.content {
  padding-bottom: 30px; }
  .content__space {
    padding-top: 40px;
    padding-bottom: 15px; }

@media (max-width: 991px) {
  .sidebar {
    margin: 0 0 25px;
    display: none; } }

.widget h4 {
  font-size: 1.1rem;
  color: #116e7b;
  font-weight: bold;
  margin: 0 0 20px; }

.widget ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .widget ul li {
    margin: 0 0 8px; }
    .widget ul li a {
      color: #000; }
      .widget ul li a:hover {
        color: #116e7b; }

.content-left {
  margin-bottom: 30px; }

.home-banner {
  background: url(../images/home-banner-new.jpg) no-repeat center center;
  background-size: cover;
  padding: 50px 0 100px;
  color: #fff; }
  @media (max-width: 991px) {
    .home-banner {
	  background: url(../images/homepage-banner-mobile.jpg) no-repeat center center;	
      padding: 30px 0 100px; } }
  .home-banner__text {
    font-size: 1.4rem; }
    @media (max-width: 991px) {
      .home-banner__text {
        text-align: center; } }
    .home-banner__text h2 {
      margin: 0 0 1rem;
      font-size: 2.3rem; }
      @media (max-width: 991px) {
        .home-banner__text h2 {
          font-size: 1.8rem; } }
    .home-banner__text h2, .home-banner__text p {
      margin: 0 0 22px; }
    .home-banner__text h4 {
      font-weight: bold;
      margin: 0 0 20px; }
    .home-banner__text .button {
      font-size: 1.1rem;
      padding: 22px 40px;
      border-radius: 3px; }
      @media (max-width: 991px) {
        .home-banner__text .button {
          padding: 15px 20px;
          text-align: center;
          max-width: 300px;
          margin: 0 auto;
          display: block; } }
  @media (max-width: 991px) {
    .home-banner__video {
      margin: 0 0 15px; } }

.home-slider {
  padding: 0; }
  .home-slider__item {
    padding: 50px 0 100px;
    background-size: cover;
    background-position: center center; }
    .home-slider__item.black {
      color: #000; }
      @media (min-width: 992px) {
        .home-slider__item.black .home-banner__text {
          padding-left: 50px; } }
    @media (max-width: 991px) {
      .home-slider__item {
        padding: 30px 0 100px; } }
  .home-slider .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 0;
    width: 50px;
    height: 50px;
    background: #017789;
    color: #fff;
    line-height: 50px;
    text-align: center;
    z-index: 10;
    font-size: 2rem; }
    .home-slider .slick-arrow:hover {
      background: #116e7b;
      outline: none;
      text-decoration: none; }
    .home-slider .slick-arrow.slick-prev {
      left: 0; }
    .home-slider .slick-arrow.slick-next {
      right: 0; }

.home .nav {
  margin: 0; }

.home .content {
  padding-bottom: 0; }

@media (max-width: 991px) {
  .home .header {
    margin-bottom: 0; } }

.home-col2 {
  padding: 42px 0 80px; }
  @media (max-width: 991px) {
    .home-col2 {
      padding: 30px 0; } }

.padder {
  padding: 50px 0; }
  @media (max-width: 991px) {
    .padder {
      padding: 30px 0; } }

.home-testi {
  background: #f2f2f2;
  text-align: center; }
  .home-testi .title-d {
    margin: 0 0 30px; }
    .home-testi .title-d:after {
      background-color: #f2f2f2; }
  .home-testi .intro {
    max-width: 700px;
    margin: 0 auto 40px; }

@media (max-width: 991px) {
  .cert-img {
    padding-top: 15px; } }

.tabler__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }
  @media (max-width: 767px) {
    .tabler__row {
      display: block; } }

.tabler__col {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  padding: 10px; }
  .tabler__col:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%; }
  .tabler__col:last-child {
    text-align: right; }
    @media (max-width: 767px) {
      .tabler__col:last-child {
        text-align: left; } }

.tabler__head {
  border-bottom: 1px solid #116e7b; }
  .tabler__head h3 {
    margin: 0;
    font-size: 1.5rem; }
  .tabler__head .tabler__row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  @media (max-width: 767px) {
    .tabler__head .tabler__col {
      display: none; }
      .tabler__head .tabler__col:first-child {
        display: block; } }

.tabler__info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .tabler__info .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 130px;
    flex: 0 0 130px;
    border: 1px solid #017789;
    padding: 5px; }
    @media (max-width: 767px) {
      .tabler__info .image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px; }
        .tabler__info .image img {
          position: relative;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          top: 50%; } }
  .tabler__info .text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 150px);
    flex: 0 0 calc(100% - 150px);
    margin-left: 20px; }
    @media (max-width: 767px) {
      .tabler__info .text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 100px);
        flex: 0 0 calc(100% - 100px); } }
  .tabler__info h4 {
    color: #017789;
    font-size: 1.4rem; }
  .tabler__info h5 {
    font-size: 1rem;
    color: #b31f1f; }

.tabler__action {
  list-style: none;
  margin: 0;
  padding: 10px 0 0; }
  .tabler__action li {
    display: inline-block;
    border-right: 1px solid #0b5dd9;
    line-height: 1; }
    @media (max-width: 767px) {
      .tabler__action li {
        display: block;
        border: 0; } }
    .tabler__action li:first-child a {
      padding-left: 0; }
    .tabler__action li:last-child {
      border-right: 0; }
    .tabler__action li a {
      display: block;
      padding: 0 5px;
      text-transform: uppercase;
      color: #0b5dd9; }
      @media (max-width: 767px) {
        .tabler__action li a {
          padding: 3px 0px !important; } }

@media (max-width: 767px) {
  .himble {display: none;}	
  .tabler__body .tabler__col:before {
    display: block;
    content: attr(data-label);
    font-weight: bold;
    color: #017789;
    font-size: 1.1rem;
    margin: 0 0 10px; }
  .tabler__body .tabler__row {
    border-bottom: 1px solid #017789;
    margin-bottom: 15px;
    padding-bottom: 15px; } }

.tabler__price {
  font-weight: bold;
  font-size: 1.5rem;
  margin: 0;
  color: #b31f1f; }

.tabler .cart-qty {
  padding: 0 10px;
  line-height: 30px;
  height: 30px; }

.tabler__total {
  text-align: right;
  font-weight: bold;
  font-size: 1.6rem;
  border-top: 1px solid #116e7b;
  padding-top: 10px;
  margin-top: 20px; }
  .tabler__total .total {
    color: #b31f1f; }
  @media (max-width: 767px) {
    .tabler__total {
      text-align: left; } }

.cart-side {
  text-align: center;
  background: #e6e6e6;
  position: relative;
  padding: 15px 15px 30px;
  border-radius: 5px; }
  .cart-side .button {
    position: absolute;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 4px;
    font-size: 1.1rem;
    font-weight: bold; }

.product__top {
  margin: 0 0 25px; }

.product__image {
  text-align: center; }
  .product__image img {
    width: 100%; }

.product__info h2 {
  font-weight: bold;
  margin: 0 0 20px; }

.product__meta {
  list-style: none;
  margin: 0 0 20px;
  padding: 0; }
  .product__meta li {
    margin: 0 0 10px;
    font-size: .9rem; }
    @media (min-width: 992px) {
      .product__meta li span {
        min-width: 88px;
        display: inline-block; } }

.product__quantity {
  margin: 0 0 25px; }
  .product__quantity h4 {
    font-weight: bold;
    font-size: 1.1rem;
    margin: 0 0 10px; }
  .product__quantity > div {
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    max-width: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .product__quantity > div input, .product__quantity > div span {
      display: block;
      border: 0;
      width: auto;
      max-width: none;
      min-width: 0;
      text-align: center;
      height: 50px;
      line-height: 50px;
      padding: 0 10px;
      border-radius: 0;
      font-size: 1.3rem; }
    .product__quantity > div input {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
      flex: 0 0 40%;
      border-left: 1px solid #dcdcdc;
      border-right: 1px solid #dcdcdc; }
      .product__quantity > div input:focus {
        outline: none; }
    .product__quantity > div span {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
      flex: 0 0 30%;
      cursor: pointer; }
      .product__quantity > div span:hover {
        background: #017789;
        color: #fff; }

.product__actions .button {
  padding: 13px 35px;
  border: 1px solid #017789; }
  @media (max-width: 767px) {
    .product__actions .button {
      display: block;
      width: 100%;
      text-align: center;
      margin: 0 0 6px; } }
  .product__actions .button--trans {
    background: none;
    color: #017789; }
    .product__actions .button--trans:hover {
      background: #017789;
      color: #fff; }

.fancybox {
  outline: none !important; }

.product__slider {
  position: relative;
  padding: 0 30px;
  margin: 0 0 30px; }
  .product__slider .col-lg-7 {
    position: static; }
  .product__slider .product-image {
    padding: 0 3px; }
    .product__slider .product-image img {
      max-height: 120px;
      max-width: 95px;
      padding: 5px;
      border: 2px solid #ccc; }
  .product__slider .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    background: none;
    border: 0;
    padding: 0;
    font-size: 2.3rem; }
    .product__slider .slick-arrow:hover, .product__slider .slick-arrow:focus {
      outline: none;
      color: #017789; }
    .product__slider .slick-arrow.slick-prev {
      left: -20px; }
    .product__slider .slick-arrow.slick-next {
      right: -20px; }
  .product__slider .slick-active.slick-current .product-image img {
    border-color: #017789; }


/* Custom */
.mod{position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; padding-top: 3vh; background: rgba(0,0,0,.6); display: none;}
.mod__inner{max-width: 600px; margin: 0 auto; position: relative; background: #fff;}
.mod__body object{height: 81vh;}
.mod__header{background: #017789; color: #fff; padding: 12px 15px; position: relative;}
.mod__header h3{margin: 0; font-size: 20px;}
.mod__header a{position: absolute; top: 50%; transform: translateY(-50%); right: 10px; color: #fff; text-decoration: none;}
.mod__header a:hover{color: #000; text-decoration: none;}
.mod__footer{background: #017789; color: #fff; padding: 12px 15px; position: relative; text-align: right;}
.mod__footer button, #priv-modal .mod-close{background: #fff; border: 0; color: #017789; border: 0; border-radius: 3px; padding: 8px 15px; cursor: pointer;}
.mod__footer button:hover{background: #000; color: #fff;}
.cmob{display: none;}
.deskbanner{position: relative;}
.deskbanner img{width: 100%;}
.deskbanner__btns{    position: absolute; bottom: 9vw; right: 10vw; width: 27vw; text-align: center;}
.deskbanner .button{margin: 0 10px; letter-spacing: 2px; padding: .8vw 2.2vw; font-size: .95vw;}

#priv-modal .modal-body{height: 71vh;}

.tm__item p{line-height: 20px; max-height: 100px; overflow: hidden;}
.tm__item.active p{max-height: none; overflow: visible;}

.about .about__s{text-align: left; max-width: none;}
.tm .tm__item{text-align: left;}

.footer__col .footer-socmed li{display: inline-block; margin-right: 10px;}
.footer__col .footer-socmed li a{font-size: 1.4rem;}

.subtop{border-bottom: 1px solid #cdcdcd; padding-bottom: 25px; margin-bottom: 25px;}
.subtop > h3{text-align: center; font-weight: bold; letter-spacing: 2px; margin: 0 0 25px; font-size: 23px;}
.subtop h4{font-size: 18px; margin: 0 0 10px; font-weight: bold;}
.subtop__list{margin: 0 -15px;}
.subtop__text p{font-size: 1rem;}
.subtop__p{position: relative; padding: 7px 50px 7px 15px; line-height: 1; margin: 0 0 5px; border-radius: 3px; border: 1px solid transparent;}
.subtop__p.on{background: #4a8184; color: #fff; border: 1px solid #bae6c3; font-weight: bold;}
.subtop__p i{position: absolute; top: 50%; transform: translateY(-50%); right: 15px; background: #4a8184; border-radius: 50%; height: 17px; line-height: 17px; width: 17px; font-size: 11px; color: #fff !important; cursor: pointer; text-align: center;}
.subtop__p.on i{background: #fff; color: #4a8184 !important;}
.subtop__hover{position: absolute; font-size: 12px; display: none; border: 2px solid #cbf5cd; box-shadow: 0 10px 10px rgba(0,0,0,.1); right: 38px; top: -30px; background: #4a8184; color: #fff; border-radius: 5px; width: 210px; padding: 15px; z-index: 999;}
.subtop__p i:hover + .subtop__hover{display: block;}
.subtop__hover ul{margin: 0; padding: 0 0 0 10px;}
.subtop__hover li{margin: 0 0 5px;}
.subtop__hover li:last-child{margin: 0;}
.subtop__hover p{margin: 0 0 5px;}
.subtop__p p{margin: 0;}
.subtop__p a{font-weight: bold;}
.subtop__row{display: flex; margin: 0 -10px;}
.subtop__row h4{margin: 0 0 5px;}
.subtop__col{padding: 0 10px; flex: 0 0 60%;}
.subtop__col:first-child{text-align: right;}
.subtop__col:last-child{text-align: left; flex: 0 0 40%;}
.subtop__row--savings{border-bottom: 1px solid #000; padding-bottom: 5px; margin-bottom: 5px;}
.subtop__row--savings h4{color: #ff1616;}
.subtop__row--new h4{color: #00b52b;}
.subtop__note{text-align: center; color: #878787; font-size: 12px; padding-top: 10px;}

.newp{padding: 80px 0 30px;}
.newp__item{padding: 0 18px 30px;}
.newp__inner{background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,.1); text-align: center; padding-bottom: 25px;}
.newp__inner h3{font-size: 1.1rem; letter-spacing: 1px; font-weight: bold; text-align: center; text-transform: uppercase; min-height: 130px;}
.newp__inner h3 small{display: block; padding-top: 5px;}
.newp__inner h3 img{max-height: 120px; display: inline-block;}
.newp__img{margin: 0; position: relative; padding-top: 100%;}
.newp__img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.newp__text{padding: 25px 15px 0; text-align: center;}
.newp .sarrow {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #55a1ab;
font-size: 2.5rem; }
.newp .sarrow--prev {
left: -60px; }
.newp .sarrow--next {
right: -60px; }

@media (max-width: 992px) {
  .mod__body object{height: 74vh;}
}

@media (max-width: 991px){
  .products__item{box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);}
  .products__item .button{opacity: 1;}
  .subtop > h3{text-align: left;}
  .newp{padding-top: 40px;}
}

@media only screen and (max-width: 1300px) {
  .cmob{display: block;}
  .cdesk{display: none;}
}