@charset "UTF-8";
/* Template 1 */
@import url("//hello.myfonts.net/count/3bffb4");
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,300;0,400;0,500;0,600;0,700;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Pattaya&display=swap");
@font-face {
  font-family: 'Agron';
  src: url("../../fonts/Agron/font.woff2") format("woff2"), url("../../fonts/Agron/font.woff") format("woff"); }
.agron {
  font-family: Agron !important; }

/* Fonts */
/*font-family: 'Barlow', sans-serif;*/
/*font-family: 'Barlow Condensed', sans-serif;*/
/*font-family: 'Pattaya', sans-serif;*/
.blink_me {
  animation: blinker 1.5s linear infinite; }

@keyframes blinker {
  50% {
    opacity: 0.2; } }
/*Paczkomaty*/
#selectPaczkomatInpost {
  display: none; }

#selectDPDPickup {
  display: none; }

a.selectPoint {
  display: inline-block;
  color: #e95151 !important;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
  border: 1px solid #e95151;
  padding: 5px 5px;
  margin-top: 3px;
  cursor: pointer; }

a.selectPoint:hover {
  color: #ffffff !important;
  background-color: #e95151; }

#paczkomatyBoxBg, #dpdpickupBoxBg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #333333;
  opacity: 0.6;
  z-index: 2000000001;
  display: none; }


#paczkomatyBox {
  position: fixed;
  width: 85%;
  max-width:1200px;
  height: 85%;
  max-height: 600px;
  top: 0;
  left:0;
  right:0;
  bottom:0;
  margin:auto auto;
  background-color: #fff;
  border: 1px solid #CCCCCC;
  border-radius: 0px;

  z-index: 2000000002;
  display: none; }

  #dpdpickupBox {
  position: fixed;
  width: 85%;
  max-width:1200px;
  height: 85%;
  max-height: 780px;
  top: 0;
  left:0;
  right:0;
  bottom:0;
  margin:auto auto;
  background-color: #fff;
  border: 1px solid #CCCCCC;
  border-radius: 0px;
  z-index: 2000000002;
  display: none; }


#paczkomatyBoxClose, #dpdpickupBoxClose {
  position: absolute;
  top: 14px;
  right: 20px;
  width: 21px;
  height: 21px;
 background: url(../../../img/close2.png) 4px 4px no-repeat ;
  border-radius: 50%;
  cursor: pointer;
  z-index: 2000000003; }

.list-widget {
  visibility: visible !important
}

#paczkomatyBoxClose:hover {
  background-color: #333333; }

#paczkomatyBoxBody, #dpdpickupBoxBody {
  height: 100%;
  
  background-color: #f7f6f1;
}



#paczkomatyBoxContent {
  overflow-y: auto;
  padding: 5px 10px 5px 10px;
  width: 100%;
  height: calc(100% - 55px); }

#dpdpickupBoxContent {
  padding: 0px 0px;
  overflow-y: auto;
  width: 100%;
  height: calc(100% - 55px); 
}


#paczkomatyBox h2, #dpdpickupBox h2 {
  background-color: #668F52;
  color: #FFFFFF;
  font-size: 16px;
  text-align: left;
  line-height: 50px;
  padding: 0 0 0 20px;
  margin: 0 0;
  border-radius: 0px; }

.mobile-details-content.address {color:#bbbaba !important}
.point-wrapper p {color:#bbbaba !important}

.sitemap a {
  font-family: 'Barlow Condensed', sans-serif; }

.convertCart {
  display: none;
  padding: 5px 5px;
  min-width: 190px !important; }

.small-alert-text {
  color: #DB3524;
  font-size: 14px !important;
  font-family: 'Barlow Condensed', sans-serif;
  line-height: 16px !important; }

@media only screen and (max-width: 700px) {
  #paczkomatyBox {
    width: 96%;
    left: 2%; } }
/*Paczkomaty*/
.specyfikacja {
  border-spacing: .5rem;
  border-collapse: unset; }

.specyfikacja td {
  padding: 1rem; }

.specyfikacja tr {
  background-color: #FFF; }

.specyfikacja tr:nth-child(even) {
  background-color: #FFF; }

.specyfikacja tr:nth-child(odd) {
  background-color: #F9F9F9; }

@media (max-width: 500px) {
  .specyfikacja td {
    font-size: 1.1rem; }

  .specyfikacja {
    border-spacing: .1rem; }

  .specyfikacja td {
    padding: 1rem 0.2rem;
    line-height: 1.4rem; } }
.loading {
  display: inline-block;
  width: 64px;
  height: 17px;
  margin: 0;
  background: url(../../../img/loading_new.png) no-repeat; }

.media1_bg {
  background: url(../../../img/media_bg.jpg) 0 0 no-repeat;
  background-size: cover;
  padding-right: 20px; }

a.media1_down_but {
  padding: 4px 15px;
  background-color: #818181;
  border-radius: 2px;
  color: #FFFFFF !important; }

a.media1_down_but:hover {
  background-color: #666666; }

a.media1_link_but {
  padding: 4px 15px;
  background-color: #567256;
  border-radius: 2px;
  color: #FFFFFF !important; }

a.media1_link_but:hover {
  background-color: #567256; }

.box11 {
  transition: all .3s ease-in-out;
  border: 1px solid #e2e2e2; }

.box11 h2 {
  text-align: center;
  font-size: 21px;
  color: #54504f;
  font-weight: 300;
  line-height: 60px;
  padding: 10px 0; }

.box11:hover {
  border-color: #ccc;
  /*box-shadow:0 0 15px #ccc;*/ }

.box12 h2 {
  text-align: center;
  font-size: 25px;
  color: #54504f;
  font-weight: 300;
  line-height: 60px;
  padding: 10px 0; }

.box12-desc {
  font-size: 14px;
  color: #555555;
  padding: 40px 0; }

.box12-desc b, .box12-desc strong {
  font-weight: 500; }

#tabs ul.men {
  padding-left: 6px;
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  justify-content: center; }

@media (max-width: 450px) {
  #tabs ul.men {
    flex-wrap: wrap; } }
#tabs ul.men li {
  width: 33.333333%;
  border-radius: 0; }

@media (max-width: 450px) {
  #tabs ul.men li {
    width: 100%; } }
#tabs ul.men li a {
  width: 100%;
  padding: 8px 0;
  margin: 0;
  text-align: center;
  font-size: 14px;
  display: block;
  background: #f2f2f2;
  margin-bottom: 1px;
  color: #54504f;
  border-radius: 2px; }

#tabs ul.men li a:hover, #tabs ul.men li a.active {
  background: #567256;
  color: #FFF; }

@media (max-width: 600px) {
  #tabs ul.men li a {
    font-size: 13px; } }
#tabs ul.men.men-p {
  flex-direction: column; }

#tabs ul.men.men-p li {
  width: 100%; }

.box10 {
  border-radius: 2px;
  transition: all .3s ease-in-out;
  height: 100%;
  padding-bottom: 10px;
  background-color: #F8F7F8; }
  .box10 .fs-static-12 {
    border-radius: 2px;
    background-color: #567256;
    margin-top: 5px;
    font-weight: 500; }
  .box10 img {
    max-height: 200px;
    object-fit: cover; }
  .box10 .box10-image {
    display: flex;
    justify-content: center;
    background-size: cover;
    background-position: center; }
    .box10 .box10-image a {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 100%; }
  .box10 .box10-imageT2 img {
    width: 100%;
    max-height: 180px;
    object-fit: cover;
    border-radius: 2px 2px 0 0; }
  .box10:hover {
    /*border-color:#CCCCCC; 
    box-shadow:0px 0px 15px #CCCCCC; */
    background-color: #567256;
    color: #FFF; }
    .box10:hover .box10-name {
      color: #FFF;
      background-color: #567256;
      transition: all .4s ease-in-out; }
    .box10:hover .box10-product {
      color: #FFF;
      transition: all .4s ease-in-out; }
    .box10:hover .box10-product a {
      color: #FFF;
      transition: all .4s ease-in-out; }
  .box10 .box10-name {
    font-size: 11px;
    padding: 5px 10px 5px 10px;
    color: #333333;
    background-color: #EAE8EA; }
  .box10 .box10-product {
    font-size: 14px;
    padding: 10px 10px 10px 10px;
    color: #333; }
    .box10 .box10-product a {
      color: #567256; }
    .box10 .box10-product span {
      font-size: 1rem; }
  .box10 .box10-tags {
    font-size: 11px;
    padding: 0 10px 0 10px;
    line-height: 2;
    margin-top: 5px; }
    .box10 .box10-tags a {
      color: #AAAAAA !important;
      margin-right: 4px;
      margin-top: 4px;
      padding: 1px 3px;
      border-radius: 2px;
      /*border: 1px solid #CCCCCC;*/
      /*box-shadow: 0px 0px 3px #CCCCCC;*/
      transition: all .4s ease-in-out;
      white-space: nowrap;
      background-color: #FFF; }
      .box10 .box10-tags a:hover {
        color: #fff !important;
        background-color: #567256; }

.mytext {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
  font-family: 'Barlow Condensed', sans-serif; }

img.no-radius {
  border-radius: 0 !important; }

.mytext .col-text a, .mytext .col-text p {
  font-family: 'Barlow Condensed', sans-serif; }

.mytext .col-text label {
  margin: 0 0 0.5rem; }

.mytext .col-text ul {
  list-style: disc;
  padding-left: 25px; }

.mytext .col-text h2 {
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 20px 0 !important; }

.mytext.float-right {
  justify-content: flex-end; }

.mytext .col-text {
  width: 100%;
  max-width: 600px;
  padding: 30px 60px 30px 60px;
  font-size: 16px;
  line-height: 24px; }

.mytext.white {
  color: #FFF; }

.mytext .col-text p, .mytext .col-text label {
  font-size: 16px;
  line-height: 24px; }

.header-text {
  padding: 5px 0 7px 0; }
  .header-text a, .header-text span {
    font-size: 16px;
    font-family: 'Barlow Condensed', sans-serif;
    padding: 0 5px; }

@media screen and (max-width: 500px) {
  .mytext .col-text {
    padding: 30px 30px; } }
.blogBox {
  background-color: #F6F8F7;
  display: block;
  height: 100%;
  width: 100%;
  transition: all .2s ease-in-out;
  border-radius: 3px;
  font-family: 'Barlow Condensed', sans-serif; }
  .blogBox .data {
    padding: 10px;
    color: #999;
    font-size: 12px; }
  .blogBox .title {
    padding: 0 10px;
    color: #365541;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0; }
  .blogBox .abstract {
    padding: 12px;
    line-height: 20px;
    color: #6BA873;
    font-size: 16px; }
  .blogBox .foto {
    overflow: hidden;
    border-radius: 3px 3px 0 0; }
    .blogBox .foto img {
      transform-origin: center;
      transition: transform 0.8s ease-in-out;
      width: 100% !important; }
  .blogBox .read-more {
    font-size: 14px;
    background-color: #66A56E;
    color: #FFF;
    padding: 5px 20px;
    border-radius: 30px 30px;
    transition: all 0.3s ease-in-out; }
  .blogBox:hover {
    background-color: #567256; }
    .blogBox:hover .data, .blogBox:hover .title, .blogBox:hover .abstract {
      color: #fff !important; }
    .blogBox:hover .read-more {
      background-color: #365541 !important;
      transition: all 0.3s ease-in-out; }
    .blogBox:hover .foto img {
      transform: scale(1.2); }

.blogBody img {
  max-width: 100%;
  height: auto !important;
  margin: 0px auto;
  padding: 20px 0; }
.blogBody h2 {
  text-align: left !important;
  font-size: 2.5rem;
  margin: 20px 0 !important; }

.calendar2 {
  width: 100%;
  margin-top: 10px;
  border: 1px solid #D4BAC8;
  font-size: 15px; }
  .calendar2 td, .calendar2 th {
    padding: 5px;
    border: 1px solid #D4BAC8; }
  .calendar2 td.date_has_event {
    background-color: #333333;
    color: white !important;
    transition: background-color .2s; }
    .calendar2 td.date_has_event:hover {
      background-color: #AED023; }
  .calendar2 td.today {
    background-color: #F66E00;
    color: white !important;
    transition: background-color .2s; }
    .calendar2 td.today:hover {
      background-color: #333333; }
  .calendar2 td .cnt {
    height: 40px;
    line-height: 40px;
    position: relative; }
    .calendar2 td .cnt a {
      display: block;
      height: 40px;
      color: #FFFFFF !important; }
  .calendar2 .events {
    position: relative; }
    .calendar2 .events ul {
      text-align: left;
      position: absolute;
      display: none;
      z-index: 9999999;
      padding: 15px;
      background: #ffffff;
      border: 1px solid #333333;
      font-size: 15px;
      width: 200px;
      list-style: none;
      color: #444444;
      -webkit-box-shadow: 0px 8px 8px #333; }
    .calendar2 .events li {
      padding-bottom: 3px; }
      .calendar2 .events li a {
        display: block;
        font-size: 11px;
        text-align: left;
        color: #555;
        background-color: transparent;
        padding: 5px;
        transition: background-color .5s; }
        .calendar2 .events li a span.title {
          font-size: 15px;
          font-weight: 400;
          color: #222; }
        .calendar2 .events li a span.desc {
          font-size: 12px;
          font-weight: 400;
          color: #222; }
        .calendar2 .events li a:hover {
          background-color: #EC5538;
          color: #ffffff;
          transition: background-color .5s; }
          .calendar2 .events li a:hover span .title {
            color: #FFFFFF; }

.check_rabats_in_cart {
  border-radius: 30px 30px;
  background-color: #474796;
  padding: 8px 20px;
  margin: 10px 0;
  color: #FFF;
  width: auto;
  display: inline;
  height: auto;
  float: left; }

#calLabel {
  display: flex;
  justify-content: center;
  align-items: center; }

/*cart*/
.kroki {
  padding: 12px 0 16px;
  display: flex;
  justify-content: space-between; }

.kroki_item {
  flex: 0 0 25%;
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  color: #ccc;
  display: flex;
  flex-flow: column nowrap;
  align-items: center; }

.kroki_item:first-child .kroki_number:before {
  content: none; }

.kroki_item:last-child .kroki_number:after {
  content: none; }

.kroki_label {
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  text-transform: capitalize; }

.kroki_label_active {
  font-weight: normal;
  color: #333333; }

.kroki_label_done {
  font-weight: normal;
  color: #333333; }

.kroki_number {
  font-weight: bold;
  width: 22.5px;
  height: 22.5px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 1px solid #ccc; }

.kroki_number:before, .kroki_number:after {
  position: absolute;
  top: 50%;
  content: '';
  height: 1px;
  width: 12vw;
  min-width: 75px;
  max-width: 150px;
  border-top: 1px dotted #ccc; }

.kroki_number:before {
  right: 100%; }

.kroki_number:after {
  left: 100%; }

.kroki_number_active {
  color: #fff;
  background: #333333;
  border: none; }

.kroki_number_active:before {
  background: #09c; }

.kroki_number_done {
  color: #333333;
  border-color: #333333;
  font-size: 8px; }

.kroki_number_done:before, .kroki_number_done:after {
  background: #333333; }

.imgCart {
  max-height: 150px; }

.imgCart2 {
  max-height: 150px; }

.cartIcons {
  width: 26px;
  height: 26px;
  margin: 7px 15px; }

.cartIcons:hover {
  opacity: 0.7; }

.siteDesc {
  font-size: 1.6rem; }

.siteDesc h2 {
  font-family: 'Barlow Condensed', sans-serif; }

.siteDesc .cartSite {
  color: #333333; }

.siteDesc .cartSite a {
  color: #333333; }

.siteDesc .cartSite a:hover {
  color: #567256; }

.cartItems {
  border-bottom: 1px solid #E7E7E7; }

.bg-sum {
  background: #F9F9F9; }

.bar1 {
  background: #F6F6F6;
  padding: 10px 20px 10px 20px;
  margin: 14px 0;
  color: #666666;
  font-size: 15px;
  line-height: 18px; }

.bar2 {
  background: #E6E6E6;
  padding: 10px 20px 10px 20px;
  margin: 14px 0;
  color: #666666;
  font-size: 15px;
  line-height: 18px; }

.box-radio .card {
  border-radius: 0; }

.box-radio .card label {
  line-height: 16px; }

.box-radio .custom-control label {
  font-size: 12px; }

.box-radio .card:hover {
  border-color: #54504F; }

.box-radio .card.current {
  border-color: #54504F; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #365541;
  border-color: #365541; }

.descfull {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-size: 12px;
  background-color: #333333;
  z-index: 10;
  padding: 24px 10px 10px 10px;
  display: none;
  line-height: 15px;
  overflow: auto;
  height: 100%;
  text-align: center;
  opacity: 0.9; }

.siteDesc a.descfullMore {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 2.6rem;
  color: #cccccc;
  z-index: 9;
  padding: 0; }

.siteDesc a.descfullMore:hover {
  color: #333333; }

.descfull a.descfullMore {
  top: 0px !important;
  font-size: 2rem !important; }

.siteDesc a.descfullMore {
  top: -8px;
  font-size: 2rem; }

.cart-controls {
  display: flex; }
  .cart-controls a i {
    color: #888888;
    transition: color .3s ease-in-out; }
    .cart-controls a i:hover {
      color: #FF7010; }

/*bootstrap*/
.btn-sm {
  line-height: 0.8;
  border-radius: 3px 3px; }

.btn-sm2 {
  line-height: 1; }

.btn-sm3 {
  font-size: 12px; }

.btn-c1 {
  background-color: #567256;
  border-color: #567256;
  color: #FFFFFF !important; }

.btn-c1:hover {
  background-color: #365541;
  border-color: #365541; }

.siteDesc .cartSite a.btn-c1 {
  color: #FFFFFF; }

.btn-c2 {
  background-color: #989695;
  border-color: #989695;
  color: #FFFFFF; }

.btn-c2:hover {
  background-color: #54504F;
  border-color: #54504F; }

a.btn-c3 {
  border-color: #989695;
  color: #989695; }

a.btn-c3:hover {
  border-color: #989695;
  background-color: #989695;
  color: #FFFFFF !important; }

.form-control-c1 {
  font-size: 1.4rem; }

.form-control::placeholder {
  color: #CCCCCC; }

#fullscreenFrame {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #2f3f49;
  z-index: 11000;
  top: 0;
  left: 0;
  opacity: 0.3;
  display: none; }

.cartAJAX {
  position: fixed;
  width: 90%;
  max-width: 1000px;
  height: auto;
  min-height: 50%;
  max-height: 90%;
  background-color: #ffffff;
  z-index: 11001;
  top: -100%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto; }

.cartAJAX .title {
  color: #ffffff;
  font-size: 15px;
  padding: 5px 20px;
  height: 50px;
  line-height: 40px;
  background-color: #567256;
  letter-spacing: 1px;
  text-transform: uppercase; }

.cartAJAX .close1 {
  width: 50px;
  position: absolute;
  height: 50px;
  top: 0;
  right: 0;
  background-color: #567256; }

.closeButFrame {
  width: 24px;
  height: 24px;
  margin: 13px; }

li.cartPromotionsInfo {
  background: none;
  border: 0;
  color: #FFFFFF; }

#product-wariants-container-mobile {
  padding: 0 20px; }

#product-wariants {
  padding: 10px 0;
  font-size: 12px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: left; }

#product-wariants a {
  display: block;
  width: 61px;
  margin: 8px;
  color: #999;
  text-align: center; }

#product-wariants a span {
  display: block;
  margin-top: 4px; }

#product-wariants img {
  border-radius: 50%;
  border: 2px solid #eee;
  padding: 3px;
  width: 61px;
  height: 61px; }

.box8-image {
  min-height: 300px;
  text-align: center;
  padding: 40px 30px; }
  .box8-image img {
    margin: 0 auto; }

.header-middle .row > div:first-child {
  display: flex;
  align-items: center; }

.container,
.container-fluid {
  width: 100%;
  max-width: 1300px;
  padding-left: 1rem;
  padding-right: 1rem; }

.title {
  font-weight: 500;
  font-size: 2.5rem;
  letter-spacing: -.025em;
  font-family: 'Barlow Condensed', sans-serif; }

.title-desc {
  letter-spacing: 0; }

.heading {
  margin-bottom: 4.4rem; }

.heading .title {
  margin-bottom: 1rem; }

.intro-slider-container:before,
.intro-slider .slide-image:before {
  padding-top: 35.593220339%; }
@media screen and (max-width: 479px) {
  .intro-slider-container:before,
  .intro-slider .slide-image:before {
    padding-top: 83.3333333333%; } }

.intro-slide .intro-content {
  padding-bottom: 1rem; }

.intro-slider.owl-nav-inside .owl-dots {
  right: auto;
  left: 14px;
  bottom: 20px; }

.intro-content {
  left: 20px; }
  .intro-content .btn {
    color: #fff;
    font-weight: 500;
    border-radius: 30px 30px;
    text-transform: lowercase;
    letter-spacing: 0;
    background-color: #365541;
    border-color: #365541; }
    .intro-content .btn:hover {
      background-color: #567256;
      border-color: #567256; }

.intro-subtitle {
  color: #365541;
  font-weight: 500;
  margin-bottom: .8rem;
  font-family: 'Barlow Condensed', sans-serif; }

.intro-title {
  color: #365541;
  font-weight: 400;
  font-size: 3.2rem;
  margin-bottom: .5rem;
  font-family: 'Barlow Condensed', sans-serif; }
  .intro-title span {
    font-weight: 300; }

.intro-text {
  color: #567256;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 1.6rem;
  font-family: 'Barlow Condensed', sans-serif; }

.intro-price {
  color: #333333;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1.2;
  letter-spacing: -.025em;
  margin-top: -.2rem;
  margin-bottom: 1.7rem; }
  .intro-price sup {
    top: -.8em;
    font-weight: 400;
    font-size: 1.6rem;
    letter-spacing: -.03em; }

.banner {
  overflow: hidden;
  background-color: #f1f1f1; }

.banner,
.banner img {
  border-radius: .2rem; }

.banner-content-stretch .banner-content {
  top: 5rem;
  bottom: 0.2rem;
  left: 30%;
  transform: translateX(-20%);
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .banner-content-stretch .banner-content .banner-link {
    background-color: #365541;
    color: #fff;
    padding-left: .5rem;
    padding-right: .5rem; }
    .banner-content-stretch .banner-content .banner-link:hover, .banner-content-stretch .banner-content .banner-link:focus {
      background-color: #567256; }
.banner-content-stretch a::after {
  display: none; }

.banner-content {
  padding-top: 0;
  left: 2rem; }
  .banner-content .price {
    padding-right: 1.3rem;
    line-height: 2.4em; }
    .banner-content .price sup {
      font-size: 1.6rem;
      font-weight: 400;
      letter-spacing: -.01em;
      top: -.4em; }
    .banner-content .price span {
      margin-left: .3rem;
      font-size: 2.4rem;
      letter-spacing: -.01em; }
    .banner-content .price strong {
      font-weight: 600; }

.widget-banner .banner-content {
  left: 3rem; }
.widget-banner .banner-content-right {
  right: 3rem; }
.widget-banner .banner-content-top {
  top: 3.5rem;
  transform: translateY(0); }

.banner-subtitle {
  font-weight: 300;
  font-size: 1.4rem;
  letter-spacing: -.01em;
  margin-bottom: 1.1rem; }
  .banner-subtitle.text-white {
    color: #ebebeb !important; }

.banner-title {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.3;
  letter-spacing: 0em;
  margin-bottom: 1.4rem;
  color: #365541; }
  .banner-title span {
    font-weight: 300;
    font-family: 'Barlow Condensed', sans-serif; }
  .banner-title .text-bold {
    font-weight: 500;
    text-transform: uppercase; }

.banner-link {
  width: auto;
  min-width: 150px;
  text-align: center;
  text-transform: lowercase;
  color: #fff;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: 0em;
  border-radius: 20px 20px;
  padding: 10px 10px;
  background-color: #365541;
  transition: all .35s; }
  .banner-link i {
    display: inline-block;
    width: 0;
    line-height: 1;
    overflow: hidden;
    margin-left: 0;
    margin-bottom: -1px;
    transition: width .35s, margin .35s, color 0s; }
  .banner-link.banner-link-dark:not(:hover):not(:focus) {
    background-color: rgba(51, 51, 51, 0.2); }
  .banner-link:hover, .banner-link:focus {
    color: #fff;
    text-decoration: none !important;
    background-color: #567256; }
    .banner-link:hover i, .banner-link:focus i {
      width: auto;
      margin-left: .7rem; }

.banner-text a {
  color: inherit; }
  .banner-text a:hover, .banner-text a:focus {
    text-decoration: none; }

.trending-products {
  padding: 4.5rem 5rem 5rem; }
  .trending-products .owl-simple .owl-nav .owl-prev {
    left: -40px; }
  .trending-products .owl-simple .owl-nav .owl-next {
    right: -40px; }
  .trending-products .owl-dots {
    margin-top: .5rem; }
  .trending-products .product-media {
    padding: 2rem 2rem;
    background-color: #fff; }
  .trending-products .product-body {
    padding-top: 0;
    padding-bottom: 2.8rem; }

.electronics .product-media,
.furniture .product-media,
.clothing .product-media,
.cooking .product-media {
  background-color: #fff;
  padding: .5rem; }

.owl-full .owl-nav [class*='owl-'] {
  color: #666; }

.nav.nav-pills .nav-item.show .nav-link,
.nav.nav-pills .nav-item .nav-link.active {
  color: #fff;
  background-color: #365541;
  font-weight: 400; }

.nav-link.active {
  /*background:url(../../images/arrow1.png) 50% 100% no-repeat;*/ }

.nav.nav-pills .nav-link {
  color: #666;
  font-weight: 400;
  font-size: 1.8rem;
  text-transform: capitalize;
  padding-bottom: 0.8rem;
  font-family: 'Barlow Condensed', sans-serif;
  border-radius: 30px 30px; }

.product.product-sm {
  align-items: center; }
  .product.product-sm .product-media {
    flex: 0 0 70px;
    max-width: 70px; }
  .product.product-sm .product-title {
    line-height: 1.5em; }
  .product.product-sm .product-body {
    padding-top: 0; }

.widget-deals .product-image {
  width: unset; }
.widget-deals .product-media {
  display: flex;
flex-direction: column;
  justify-content: center;
  padding-top: 2rem;
  background-color: #fff; }
.widget-deals .product-label {
  top: 1rem; }

.widget-posts {
  padding-top: .5rem; }
  .sidebar-home .widget-posts .widget-title {
    margin-bottom: 3rem; }

.product-label {
  border-radius: .2rem; }

.product {
  border-radius: .2rem;
  overflow: hidden; }

.product-action-vertical {
  transform: translateY(0); }

.btn-product-icon {
  border-radius: 50%;
  background-color: #fff;
  border: 0.1rem solid #567256; }
  .btn-product-icon span {
    top: -1px;
    bottom: -1px; }
  .btn-product-icon:hover, .btn-product-icon:focus {
    background-color: #567256; }
    .btn-product-icon:hover span, .btn-product-icon:focus span {
      background-color: #567256; }

.btn-wishlist:hover:before, .btn-wishlist:focus:before {
  content: '\f233'; }



.btn-product {
  padding-top: 1.05rem;
  padding-bottom: 1.05rem;
  color: #fff;
  text-transform: uppercase;
  border-radius: 30px 30px;
  border: 0.1rem solid #567256;
  background-color: #567256; }
  .btn-product:before {
    margin-right: .6rem; }
  .btn-product span {
    color: #fff; }
  .btn-product:before {
    display: inline-block;
    margin-top: -.1rem; }
  .btn-product:hover, .btn-product:focus {
    color: #567256;
    background-color: #365541;
    border-color: #365541; }
    .btn-product:hover span, .btn-product:focus span {
      color: #fff;
      box-shadow: none; }

.product-body {
  padding-bottom: 1.8rem; }

.product-cat {
  color: #888;
  text-transform: uppercase;
  margin-bottom: 1.2rem; }

.product-price {
  font-size: 2.5rem;
  margin-bottom: 1.1rem;
  font-weight: 500; }

.product-title {
  color: #365541;
  font-size: 1.8rem;
  margin-bottom: .3rem; }

.ratings-text {
  margin-left: .5rem; }

.product-countdown {
  border-radius: .2rem;
  background-color: #567256;
  left: 2rem;
  right: 2rem;
  bottom: 0;
  padding: .7rem 1rem .6rem; }
  .product-countdown .countdown-section {
    background-color: transparent;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    position: relative;
    margin-bottom: 1.1rem; }
    .product-countdown .countdown-section:not(:last-child):after {
      font-weight: 400;
      font-size: 1.6rem;
      margin-left: -.1rem; }
  .product-countdown .countdown-amount {
    color: #fff;
    font-weight: 500;
    font-size: 1.6rem;
    letter-spacing: -.01em;
    margin-bottom: 0; }
  .product-countdown .countdown-period {
    color: #fff;
    display: block;
    position: absolute;
    letter-spacing: 0;
    left: 0;
    right: 0;
    bottom: -1.1rem; }

.product-countdown .countdown-show4 .countdown-section {
  width: 25%; }

.cat-banner-list {
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: center center;
  padding-top: 3rem;
  padding-bottom: 3rem; }
  .cat-banner-list h2 {
    font-weight: 600;
    font-size: 2.2rem;
    letter-spacing: -.025em;
    margin-bottom: 2rem; }
  .cat-banner-list ul {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.5; }
    .cat-banner-list ul li:not(:last-child) {
      margin-bottom: .8rem; }
    .cat-banner-list ul li a:before {
      content: '•';
      margin-right: .8rem; }
  .cat-banner-list a {
    color: #333; }
    .cat-banner-list a:hover, .cat-banner-list a:focus {
      color: #567256; }
  .cat-banner-list .list-all-link a {
    color: #567256; }
    .cat-banner-list .list-all-link a:hover, .cat-banner-list .list-all-link a:focus {
      box-shadow: 0 1px 0 #567256; }

.banner-list-content {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem; }

.cat-banner {
  max-width: 480px;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto; }
  .cat-banner .banner {
    margin-bottom: 0; }
  .cat-banner .banner-content {
    display: flex;
    flex-direction: column;
    padding-top: 0;
    top: 2.5rem;
    left: 3.5rem;
    bottom: 2rem;
    transform: translateY(0); }
  .cat-banner .banner-title {
    flex-grow: 1; }
  .cat-banner .banner-link {
    align-self: flex-start; }

.sidebar-home {
  margin-top: 0;
  margin-bottom: 2rem;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto; }
  .sidebar-home .widget {
    margin-bottom: 3rem; }
  .sidebar-home .widget-title {
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.25;
    letter-spacing: -.01em;
    margin-bottom: 2rem;
    padding-bottom: 1.4rem;
    border-bottom: .1rem solid #ebebeb;
    font-family: 'Barlow Condensed', sans-serif; }
    .sidebar-home .widget-title span {
      font-family: 'Barlow Condensed', sans-serif;
      display: inline-block;
      position: relative; }
      .sidebar-home .widget-title span:after {
        content: '';
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        bottom: -1.5rem;
        height: .1rem;
        background-color: #567256; }

@media (max-width: 800px) {
  .sidebar-home {
    margin-bottom: 1rem; } }
.widget-products .products {
  padding: 0;
  margin: 0; }
.widget-products .product:last-child {
  margin-bottom: 0; }
.widget-products .product-media {
  border: .1rem solid #f1f1f1; }
.widget-products .product-title {
  color: #666; }
.widget-products .product-sm .product-price {
  font-size: 1.4rem; }

.widget-deals .product {
  border-bottom: .1rem solid #ebebeb;
  padding-bottom: 7rem;
  margin-bottom: 2rem; }
  .widget-deals .product:hover .product-countdown {
    opacity: 1;
    visibility: visible; }

.widget-deals .product-countdown {
  left: 3rem;
  right: 3rem;
  bottom: 3rem; }
.widget-deals .ratings-container:last-child {
  margin-bottom: .5rem; }

.widget-posts {
  overflow: hidden; }
  .widget-posts .entry {
    color: #777;
    font-size: 1.4rem;
    line-height: 1.7;
    margin-bottom: 0; }
  .widget-posts .entry-media {
    margin-bottom: 1.5rem;
    border-radius: .2rem;
    overflow: hidden; }
  .widget-posts .entry-body {
    padding-left: 2rem;
    padding-right: 2rem; }
  .widget-posts .entry-meta {
    color: #ccc;
    margin-bottom: .3rem; }
  .widget-posts .entry-title {
    font-weight: 600;
    font-size: 1.6rem;
    margin-bottom: .7rem; }
  .widget-posts .entry-content p {
    margin-bottom: .6rem; }
  .widget-posts .read-more {
    font-size: 1.4rem;
    text-transform: capitalize; }
  .widget-posts .owl-simple .owl-nav.disabled + .owl-dots {
    margin-top: 2.5rem; }

.icon-boxes-container {
  background-color: #fafafa; }

.icon-box-side {
  justify-content: center;
  margin-left: -1rem; }
  .icon-box-side .icon-box-title {
    font-weight: 600;
    margin-bottom: .4rem; }
  .icon-box-side p {
    font-size: 1.6rem;
    letter-spacing: -.01em; }
  .icon-box-side .icon-box-icon {
    font-size: 4rem;
    margin-bottom: .5rem; }

.cta-horizontal-box {
  padding-top: 3.8rem;
  padding-bottom: 3.6rem; }
  .cta-horizontal-box form {
    display: flex;
    justify-content: flex-end; }
  .cta-horizontal-box .input-group {
    max-width: 670px; }
  .cta-horizontal-box .cta-desc {
    line-height: 1.3em; }

.cta-horizontal .form-control {
  margin-right: 1rem; }

.cta-title {
  font-weight: 600;
  letter-spacing: -.025em; }

.cta .form-control {
  border-radius: .3rem; }
.cta .input-group > .custom-select:not(:last-child), .cta .input-group > .form-control:not(:last-child) {
  border-radius: .3rem; }
.cta .btn {
  min-width: 170px;
  text-transform: uppercase;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: .3rem !important; }
  .cta .btn:hover, .cta .btn:focus {
    color: #fff;
    border-color: #567256;
    background-color: #567256; }

.footer .widget-about p { }
.footer .widget-about-info a {
  color: #567256; }
.footer .widget-newsletter form {
  padding-top: 2.3rem; }
  .footer .widget-newsletter form .form-control::placeholder {
    color: #ccc; }

.footer-bottom .container,
.footer-bottom .container-fluid {
  padding-bottom: 2.1rem; }
  .footer-bottom .container::before,
  .footer-bottom .container-fluid::before {
    left: 1rem;
    right: 1rem; }

.owl-simple.prod-gallery-carousel {
  margin-left: 6rem;
  margin-right: 6rem;
  width: calc( 100% - 12rem ); }

.owl-simple.brands-carousel {
  margin-left: 6rem;
  margin-right: 6rem;
  width: calc( 100% - 12rem ); }

.logo-sticky-belt {
  display: none;
  color: #365541;
  line-height: 40px;
  font-size: 1.4rem; }
  .logo-sticky-belt a {
    color: #365541;
    line-height: 40px;
    font-size: 1.4rem; }

.header-bottom.sticky-header.fixed .logo-sticky-belt {
  display: block; }

@media screen and (min-width: 481px) and (max-width: 767px) {
  .intro-title {
    font-size: 2.4rem;
    margin-bottom: 1rem; }

  .intro-subtitle,
  .intro-text,
  .intro-price {
    display: none; } }
@media screen and (min-width: 576px) {
  .cat-banner-list {
    padding-top: 0;
    padding-bottom: 0; } }
@media screen and (min-width: 768px) {
  .intro-slider.owl-nav-inside .owl-dots {
    left: 54px;
    bottom: 30px; }

  .intro-content {
    left: 60px; }

  .intro-title {
    font-size: 3.4rem; }

  .intro-price {
    font-size: 3.8rem; }

  .banner-content {
    left: 5rem; } }
@media screen and (min-width: 992px) {
  .heading .title {
    margin-bottom: 0; } }
@media screen and (min-width: 1200px) {
  .cat-banner {
    max-width: none; }

  .intro-slider.owl-nav-inside .owl-dots {
    left: 84px;
    bottom: 40px; }

  .intro-content {
    left: 90px; }

  .intro-subtitle {
    font-size: 2rem;
    margin-bottom: 1rem; }

  .intro-title {
    font-size: 3.6rem;
    margin-bottom: .9rem; }

  .intro-text {
    font-size: 2rem;
    margin-bottom: 3rem; }

  .intro-price {
    font-size: 4rem;
    margin-bottom: 1.5rem; }
    .intro-price sup {
      font-size: 2rem; } }
@media screen and (min-width: 1600px) {
  .intro-slider.owl-nav-inside .owl-dots {
    left: 124px;
    bottom: 70px; }

  .intro-content {
    left: 130px; }
    .intro-content .btn {
      min-width: 200px; }

  .intro-subtitle {
    font-size: 2.6rem;
    margin-bottom: 1.6rem; }

  .intro-title {
    font-size: 4.4rem;
    margin-bottom: .9rem; }

  .intro-text {
    font-size: 2.4rem;
    margin-bottom: 4.2rem; }

  .intro-price {
    font-size: 5rem;
    margin-bottom: 1.7rem; }
    .intro-price sup {
      top: -.8em;
      font-size: 2.4rem; } }
@media screen and (min-width: 1920px) {
  .cat-banner-row .col-xxl-4 {
    flex: 0 0 33.65%;
    max-width: 33.65%; }
  .cat-banner-row .col-xxl-8 {
    flex: 0 0 66.35%;
    max-width: 66.35%; }
  .cat-banner-row .product {
    min-height: 400px; } }
@media screen and (max-width: 992px) {
  .cta-horizontal-box .cta-txt {
    text-align: center; }
  .cta-horizontal-box form {
    justify-content: center; }

  .trending-products {
    padding: 0 1rem 2rem 1rem; }

  .bannerTyp1 {
    max-height: 150px;
    overflow: hidden;
    margin-bottom: 4rem; }

  .nav.nav-pills .nav-link {
    font-size: 1.5rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem; } }
.newsletter-belt .cta-desc.text-light {
  font-family: 'Barlow Condensed', sans-serif; }
.newsletter-belt .btn {
  border-radius: 3px 3px !important;
  background-color: #8BA753;
  color: #FFF !important; }
  .newsletter-belt .btn:hover {
    background-color: #567256; }
  .newsletter-belt .btn.btn-xs.btn-readmore {
    color: #333 !important;
    background-color: #8BA753 !important;
    padding: 2px 2px !important;
    min-width: 120px;
    font-size: 10px; }
.newsletter-belt .cta-title.text-primary {
  color: #ABBF80 !important; }
.newsletter-belt .form-control {
  border-radius: 3px 3px !important;
  border: none; }

.review-belt {
  background-color: #F9F6DF; }
  .review-belt .step {
    font-family: 'Barlow Condensed', sans-serif;
    color: #8CB87D;
    font-size: 20px;
    line-height: 40px;
    font-weight: 400;
    border-bottom: 2px solid #ECDA88;
    text-align: center;
    padding: 10px 10px;
    font-weight: 400; }
    .review-belt .step .circle {
      border-radius: 30px 30px;
      display: inline-block;
      line-height: 30px;
      width: 30px;
      height: 30px;
      text-align: center;
      background-color: #8CB87D;
      color: #FFF;
      font-weight: 700;
      font-size: 20px !important;
      margin-right: 10px; }
    .review-belt .step.active {
      font-weight: 600;
      border-bottom: 2px solid #065248;
      color: #065248; }
      .review-belt .step.active .circle {
        background-color: #065248; }

.review-label {
  font-size: 20px;
  color: #065248;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Barlow Condensed', sans-serif; }

@media screen and (max-width: 992px) {
  .review-belt .step {
    text-align: left; } 
  .blog-title a{
    font-size: 23px;
  }
  }
@media screen and (min-width: 993px) {
  .blog-title a{
    font-size: 25px;
  }
  }
.loypoints {
  width: 130px;
  height: 130px;
  background: #567256;
  background: linear-gradient(173deg, #567256 0%, #365541 100%);
  border-radius: 100px;
  line-height: 130px;
  color: #FFF;
  font-size: 40px; }

.loypoints2 {
  width: 130px;
  height: 130px;
  background: #6464cf;
  background: linear-gradient(180deg, #6464cf 0%, #474796 100%);
  border-radius: 100px;
  line-height: 130px;
  color: #FFF;
  font-size: 40px; }

.royalty-program {
  background-color: #055046;
  -webkit-animation-name: color-transition;
  animation-name: color-transition;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  width: 100%;
  heigh: auto;
  color: #FFF;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 16px;
  text-align: center;
  position: relative;
  padding: 5px 40px; }
  .royalty-program .but {
    white-space: nowrap;
    cursor: pointer;
    background-color: #FFF;
    color: #055046;
    border-radius: 10px 10px;
    font-family: "Barlow Condensed", sans-serif;
    padding: 3px 15px;
    transition: all 0.3s ease; }
    .royalty-program .but:hover {
      background-color: #567256;
      transition: all 0.3s ease;
      color: #FFF; }
  .royalty-program .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    color: #fff;
    opacity: 1 !important;
    cursor: pointer; }
    .royalty-program .close:after {
      content: '\f191';
      font-family: "molla"; }

@-webkit-keyframes color-transition {
  0% {
    background-color: #055046; }
  50% {
    background-color: #567256; }
  100% {
    background-color: #055046; } }
@keyframes color-transition {
  0% {
    background-color: #055046; }
  50% {
    background-color: #567256; }
  100% {
    background-color: #055046; } }
.alert.alert-danger p {
  color: #FFF; }