/* font */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium.woff') format('woff'),
        url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff'),
        url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
h1, h2, h3, h4{
  font-weight: 600 !important;
  font-family: 'Poppins', sans-serif !important;
}
h1{
  font-size: 56px;
  letter-spacing: 2.8px;
}
h2{
  font-size: 32px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
h3{
  font-size: 23px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

/* General */
body{
  overflow-x: hidden;
  font-family: 'Poppins', sans-serif !important;
}
.main-content.fixed{
  overflow: hidden !important;
}
.standard-body .fixed .container{
  margin: 0 auto;
}
.homepage .main-content .container{
  padding-bottom: 0;
}
.desktop-banner{
  display: block;
}
.mobile-banner{
  display: none;
}

/* Menu */
ul.megamenu > li > a.active:before, ul.megamenu > li > a:before{
  display: none;
}
ul.megamenu > li > a strong{
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.96px;
  font-weight: 500 !important;
}
ul.megamenu > li:not(:last-child){
  margin: 0px 30px 0px 0px !important;
}
ul.megamenu{
  background: none !important;
}
ul.megamenu li .sub-menu .content{
  padding: 10px;
  box-shadow: 1px 1px 10px 0 rgb(67 108 134 / 24%);
  border: 1px solid #B5B5B5;
}
.megamenu li.with-sub-menu ul {
  padding-left: 0;
  list-style: none;
}
#top .container {
  padding-top: 5px;
  padding-bottom: 5px;
}
.is-sticky #top .container {
  padding-top: 5px;
  padding-bottom: 5px;
}
.is-sticky #top{
  box-shadow: 0 3px 1rem rgb(0 0 0 / 10%);
}
#top #cart_block .cart-heading img{
  vertical-align: middle;
  padding-top: 5px;
}
#top #cart_block .cart-heading span {
  padding-left: 5px;
}
#top-bar .col-sm-3{
  width: 100%;
  text-align: center;
}
#top-bar #top-bar-right{
  display: none;
}

/* Breadcrumb */
.breadcrumb .background {
  background: url(/templates/koffie/image/data/theme/banners/static/breadcrumb.jpg) no-repeat;
  background-size: cover;
  padding: 20px 0 40px;
}
.breadcrumb .container h2{
  color: #fff;
  font-weight: 500 !important;
}
.breadcrumb .container ul{
  display: none;
}

/*SliderShow*/
.slider-1 .caption {
  top: 28% !important;
  margin: 0 auto !important;
  text-align: left;
  width: 100%;
  left: 10% !important
}
.btn-main {
  background-color: #ae406f;
  max-width: 165px;
  height: 45px;
  color: #fff;
  padding: 14px 40px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.btn-main:hover {
  background-color :#185F58 !important;
  color: #fff !important;
}
.slider-1 h1{
  color: #fff;
  margin-bottom: 0;
  text-transform: uppercase;
  text-shadow: 1px 1px 10px #00000040;
}
.slider-1 p{
  color: #fff;
  margin-top: 0;
  margin-bottom: 40px;
}
.tp-bullets .bullet{
  border-radius: 100% !important;
}
.full-width-content {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}

/*footer*/
.footer h4{
  margin: 20px 0 0;
  background: none;
}
.footer-newsletter h3 {
  font-size: 14px !important;
  margin: 20px 0 0;
  text-transform: uppercase;
  padding: 20px 14px 11px 0;
  font-weight: 500;
  letter-spacing: 1px;
  color: #fff;
}
.footer .pattern a:hover{
  color: #ae406f;
}
p.text_copy {
  font-size: 12px !important;
}
.copyright p {
  margin: 0;
  padding: 6px 0 0;
  font-size: 12px !important;
}
.footer-icon a{
  font-size: 18px;
}
.footer-icon i {
  margin-left: 15px;
}
.footer-icon i:hover {
  color: #ae406f;
}
.footer .pattern{
  padding-top: 20px
}
.footer ul li a {
  font-size: 14px !important;
}
.footer .pattern p {
  font-size: 14px;
}
.copyright .pattern {
  padding: 15px 0 !important;
}
input.subscribe_email{
  width: 90% !important;
  background: #fff!important;
  height: 40px;
  border: none;
  padding-left: 20px;
}
.footer-newsletter .ne_submit {
  display: inline-block;
  text-align: center;
  height: 40px;
  padding: 9px 12px;
  background: #ae406f;
  border: 1px solid #ae406f;
  margin-left: -10%;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.footer-newsletter .ne_submit:hover{
  background: #185F58;
  border: 1px solid #185F58;
}
.ne_subscribe label {
  display: block;
  align-items: center;
  margin-top: 16px;
}
input[type=text].subscribe_email{
  font-size: 14px;
  color: #8e8e8e;
  border-radius: 4px;
}

/* Homepage */
.home_top{
  background-color: #fffcf6;
  padding: 35px 0
}
.home_top h3.header{
  margin-bottom: 40px;
}
.home_top h3.title{
  font-size: 20px;
  font-weight: 500 !important;
  margin-bottom: 7px
}
.home_top > .container, .testi_section > .container, .boxPlain > .container{
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.new_flavour .row {
  display: flex;
  align-items: center;
  position: relative;
}
.new_flavour{
  padding-bottom: 60px
}
.new_flavour .col-md-5{
  padding-left: 7%
}
.new_flavour p{
  margin-bottom: 25px
}
.new_flavour a.btn-outline{
  background: #fffcf6;
}
a.btn-outline{
  border: 1px solid #ae406f;
  padding: 8px 30px;
  max-width: 150px;
  color: #ae406f;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
a.btn-outline:hover{
  border: 1px solid #185F58;
  color: #fff;
  background: #185F58;
}

/* Product_slider Home */
.featured-coffee{
  margin-top:40px;
}
.filter-product{
  text-align: center;
}
.filter-product .box-heading{
  background: none ;
  font-size: 24px;
  margin-bottom: 0;
}
.filter_btn{
  margin-top: 35px;
}
.box.filter-product .slider-center-arrow .next, .box.filter-product .slider-center-arrow .prev{
  background: none !important;
}
.box.filter-product .slider-center-arrow .next span, .box.filter-product .slider-center-arrow .prev span{
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.box.filter-product .slider-center-arrow .next span:before, .box.filter-product .slider-center-arrow .prev span:before{
  color: #ae406f;
  font-size: 30px;
  -webkit-text-stroke: 2px white;
}
.box.filter-product .slider-center-arrow .next span:hover:before, .box.filter-product .slider-center-arrow .prev span:hover:before{
  color: #aaaaaa;
  -webkit-text-stroke: 2px white;
}
.box.filter-product .slider-center-arrow .next span:hover {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.box.filter-product .slider-center-arrow .prev span:hover {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* Testi section */
.testi_section{
  background-color: #eeefed;
  margin-top: 60px;
  padding: 45px 0
}
.koffie-box {
  display: block;
  width: 100%;
  overflow: hidden;
  margin-top: 55px;
}
table.koffie-box td{
  width: 50%;
  vertical-align: middle;
}
table.koffie-box .testi_part{
  padding: 0 15%
}
table.koffie-box .testi_part img{
  max-width: 50px;
  margin-bottom: 20px
}
p.testi_name{
  font-size: 20px;
  font-weight: 500;
}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span{
  background: #ae406f;
}
.owl-dots .owl-dot span{
  background: #fff;
  margin: 5px !important;
}
.owl-dots{
  margin-top: 30px;
}

/* Blog Homepage */
.cluetip-default {
  display: none !important;
}
.blogModule li {
  display: block;
  padding: 0;
  overflow: inherit;
  margin: 0 10px !important;
}
.blogModule .image img {
  float: left;
  padding: 0 0 15px !important;
  border: none !important;
  background: none !important;
  margin-right: 0 !important;
  object-fit: cover;
  max-width: 100%;
  width: 100%;
  height: 100%;
  display: block;
}
.blogModule.boxPlain{
  background-color: #fffcf6;
  padding: 35px 0 15px;
}
.boxPlain .box-heading{
  margin-bottom: 12px
}
.blogModule .title{
  font-size: 18px !important;
  font-weight: 500 !important;
  text-align: center !important;
}
.blogModule .title:hover{
  text-decoration: none;
}
.blogModule .info-date{
  display: none;
}
.boxPlain .box-heading{
  border-bottom: transparent !important;
  text-align: center;
  font-size: 32px !important;
}
.boxPlain .box-heading h3{
  color: #111c30 !important;
  letter-spacing: 1px;
}
.blogModule .info{
  display: none !important;
}
.blogModule p{
  padding: 0 15px 10px;
}
.blogModule.boxPlain ul{
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}
.boxPlain .box-content{
  border-top: transparent !important;
  padding: 0 !important;
}

/*Box Information*/
.box-information {
  text-align: center;
  padding: 5px 0;
  border-bottom: solid 1px #b5b2ad;
}
.box-information .box-heading{
  display: none;
}
.box-information ul {
  display: flex;
  list-style: none;
  padding-left: 0;
  justify-content: center;
  margin: 0;
}
h3.term_title {
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
}
.box-information li {
  padding: 0 40px;
  text-transform: uppercase;
  color: #2c3640;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.12px;
}
.box-information li:nth-child(6){
  border-right: 0;
}
.box-information li:nth-child(1), .box-information li:nth-child(2), .box-information li:nth-child(6), .box-information li:nth-child(7){
  display: none;
}
.box-information .box-content li .active {
  color: #ae406f;
  border-bottom: 2px solid #ae406f;
  padding-bottom: 5px;
}

/* About Page */
.about_page .section2 .row {
  display: flex;
  align-items: center;
  position: relative;
}

.about_page .section2 {
  margin-top: 55px;
  margin-bottom: 25px;
}
.about_page .section2  .details{
  padding-left: 7%
}
.about_page .section1{
  margin-top: 15px;
}

/*Contact Us page*/
.info-detail {
  padding-bottom: 18px;
  display: -webkit-box;
  align-items: center;
}
.info-detail img{
  margin: 0 15px 0 0;
}
.info-detail p strong{
  font-size: 14px;
  letter-spacing: 1.12px;
  color: #000;
  text-transform: uppercase;
  font-weight: 500 !important;
}
.contact-info img{
  margin-bottom: 30px;
}
p.company_name strong{
  letter-spacing: 1.28px;
  font-size: 16px;
  font-weight: 500;
  padding-right: 5px;
}
p.company_name {
  margin-bottom: 5px;
}
p.address:before, p.telephone:before, p.email:before, p.hour:before{
  font-weight: 900;
  font-size: 14px;
  padding-right: 15px;
  color: #3c4854;
}
p.address, p.telephone, p.email, p.hour{
  display: flex;
}
p.address:before{
  content: "\f3c5";
  font-family: "Font Awesome 5 Pro";
}
p.telephone:before{
  content: "\f095";
  font-family: "Font Awesome 5 Pro";
}
p.email:before{
  content: "\f0e0";
  font-family: "Font Awesome 5 Pro";
}
p.hour:before{
  content: "\f017";
  font-family: "Font Awesome 5 Pro";
}

/*form*/
.form-builder .form-field textarea:focus, .form-builder .form-field select:focus, .form-builder .form-field input:focus{
  box-shadow: none !important;
  border-bottom: 2px solid #ae406f;
}
.form-field h4 span{
  display: none;
}
.form-builder textarea, .form-builder input[type="text"], .form-builder input[type="password"], .form-builder label, .form-builder select{
  width: 100% !important;
  border: 0;
  border-bottom: 1px solid #757575;
  border-radius: 0;
  padding:6px 0 !important;
}
.form-builder textarea {
  height: 85px !important;
  border: 0;
  border-bottom: 1px solid #757575;
  border-radius: 0;
  box-shadow: none;
  padding:6px 0 !important;
}
.form-field.captcha6{
  margin-top: 26px;
}
.form-field.html1 p{
  font-size: 14px;
}
.form-field h4{
  font-weight: 500 !important;
}

/* Blog Page */
div.pagination {
  display: block;
}
.articleContent h3{
  font-size: 18px !important;
  font-weight: 500 !important;
  text-transform: capitalize !important;
  letter-spacing: normal;
}
.blogCol2 .articleCat{
  text-align: center !important;
  width: 50% !important;
}
.articleHeader{
  margin: 10px 0 !important;
}
.livemarks a{
  display: none;
}
#blog_category .pagination{
  display: none;
}
#blogCatArticles{
  margin-bottom: 0 !important;
}
body.blog-category-home .article-latest{
  display: none;
}
body.blog-category-home .col-sm-9.center-column{
  width: 100% !important;
}
.box.article-latest {
  border: 1px solid #d8d8d8;
}
body.blog-article .breadcrumb{
  display: none;
}
.article-latest .box-heading h3{
  font-size: 16px;
  letter-spacing: 1.28px;
}
.article-latest .box-heading{
  background: none;
  margin-bottom: 0;
  padding-bottom: 5px;
}
.box.article-latest li:not(:last-child) {
  border-bottom: 1px solid #efefef;
}
.article-latest .title{
  font-size: 14px !important;
}
.box.article-latest {
  border: 1px solid #d8d8d8;
}
body.blog-article .breadcrumb{
  display: none;
}
.article-latest .box-heading h3{
  font-size: 16px;
  letter-spacing: 1.28px;
  margin-top: 10px;
  padding-left: 15px;
}
.article-latest .box-heading{
  background: none;
  margin-bottom: 0;
  padding-bottom: 5px;
}
.box.article-latest li:not(:last-child) {
  border-bottom: 1px solid #efefef;
}
.article-latest .title{
  font-size: 14px !important;
}
body.blog-article .col-sm-9.center-column{
  padding-top: 25px;
}
body.blog-article .main-content .col-sm-3{
  margin-top: 35px;
}
.blogModule.article-latest  li{
  margin: 0 15px !important
}
.ludoBlog{
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  color: #58595a !important;
}
body.blog-article #blogArticle .articleHeader h1{
  text-transform: capitalize !important;
  font-weight: 500 !important;
  color: #111c30;
  font-size: 32px;
}
.bottom-article>div:first-child a {
  font-size: 15px;
  color: #ae406f;
  font-weight: 500;
  letter-spacing: 1.5px;
}
.bottom-article>div:first-child a:hover{
  color: #185F58;
}
.bottom-article .addthis_inline_share_toolbox {
  display: flex;
  color: #212121;
  align-items: center;
  justify-content: flex-end;
  margin-top: -5px;
}
.bottom-article{
  margin-top: 20px;
  border-top: 1px solid #dbdbdb;
  padding-top: 25px;
}
.articleBottom .addthis_default_style {
  display: none;
}
.articleBottom{
  margin-top: 0 !important;
}

/* Product Page */
body.product-product .breadcrumb .background{
  background: none;
}
body.product-product .breadcrumb .background{
  background: none;
  padding: 10px 0 0 0;
}
.htabs a[href="#tab-attribute"] {
  display: none !important;
}
#tab-attribute .tab-content{
  display: none !important;
}
h2.product-title {
  font-size: 28px !important;
  letter-spacing: 0;
  text-transform: capitalize !important;
}
body.product-product .breadcrumb .container ul{
  display: block;
  float: left;
  margin-top: 10px;
  font-size: 12px !important;
  text-align: left !important;
  color: #212121 !important;
}
body.product-product .breadcrumb .container h2{
  display: none;
}
body.product-product .breadcrumb .container ul li a{
  color: #212121 !important;
}
body.product-product .breadcrumb .container>div{
  padding: 5px 0 0;
}
#tab-description h2{
    font-size: 14px !important;
    text-transform: capitalize !important;
    letter-spacing: normal;
}
#tab-description, #tab_2{
  padding: 0 10%;
}
.product-center .description{
  margin-bottom: 5px;
}
.product-center{
  padding: 0 6%;
}
.product-info .cart .add-to-cart p{
  display: none;
}
.product-info .cart, .product-info .description, .product-info .options, .product-info .price {
  background: none;
  padding: 0;
}
.product-info .thumbnails li p{
  padding: 0 !important;
}
.product-info .thumbnails li img{
  display: block;
  width: 88px;
  height: 88px;
  border: 1px solid #707070;
}
.thumbnails{
  width: 85%;
  margin: 0 auto;
}
.product-info .popup-gallery{
  margin-top: -15px;
}
.product-info .price .price-new{
  color: #111c30 !important;
}
.left .sale{
  top: 0 !important;
  right: 0 !important;
  left: unset;
  bottom: unset;
}
.filter-product .sale{
  top: 0 !important;
  right: 0 !important;
  left: unset;
  bottom: unset;
}
.product-info .cart .add-to-cart .quantity input {
  color: #292929;
  text-align: center;
  padding: 10px 50px;
  min-width: 80px;
  height: 50px;
  margin: 0;
  border: 1px solid #dbdbdb;
  width: 100%;
  font-size: 14px !important;
}
.product-info .cart .add-to-cart .button {
  font-size: 13px;
  height: 50px;
  padding: 10px 55px;
  margin-left: 10px;
  text-transform: none !important;
  letter-spacing: 1.3px;
  font-weight: 500 !important;
}
.product-info .cart .add-to-cart .quantity #q_up, .product-info .cart .add-to-cart .quantity #q_down {
  border: 0;
  height: 46px;
  top: 0;
  padding-top: 15px;
  width: 30px;
}
.product-info .cart .add-to-cart .quantity #q_down, .product-info .cart .add-to-cart .quantity #q_up {
  position: absolute;
  right: 11px;
  height: 17px;
  width: 18px;
  font-size: 8px;
  line-height: 17px;
  display: block;
  text-align: center;
}
.product-info .cart .add-to-cart .quantity #q_down {
  left: 11px;
  right: auto;
}
input#button-cart{
  background-image: url(/templates/koffie/image/data/theme/icons/cart-trolley.svg);
  background-position: 30px 14px;
  background-repeat: no-repeat;
}
#product .options h2{
  display: none;
}
.optionsList {
  width: 82%;
  border: solid 1px #dbdbdb !important;
  padding:0 10px;
  height: 40px;
  background: transparent !important;
}
.option .required{
  display: none;
}
.product-grid .product .name a{
  color: #111c30;
  font-weight: 500;
}
.product-info .review{
  padding: 10px 0;
  border-top: 1px solid #dbdbdb;
  margin-top: 20px;
}
.product-info .review .share{
  display: inline-flex;
}
.product-info .share p{
  margin: 4px 10px 0 0;
}
.product-info .options .option {
  padding: 0 0 20px;
}
a#button-review{
  border-color: #ae406f !important;
  background-color: #ae406f !important;
  color: #fff !important;
  padding: 10px 30px;
  text-transform: uppercase !important;
}
a#button-review:hover{
  background-color: #185F58 !important;
  border-color: #185F58 !important;
}
.review-list .text:before{
  display: none !important;
}
.htabs {
  text-align: center;
  margin-top: 10px;
  background: none;
}
.htabs a{
  padding: 0;
  display: inline-block;
  float: none;
  letter-spacing: 1.28px;
  font-size: 16px !important;
  font-weight: 500 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  margin: 10px 20px 0 !important;
}
.htabs a:hover{
  text-decoration: none;
}
.rating{
  margin-bottom: 5px
}
.review .rating{
  display: none;
}
.product-info{
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 30px;
  padding-bottom: 50px
}
.you-may-like {
  border-top: 1px solid #dbdbdb;
  margin-top: 40px;
}
.you-may-like .box-heading {
  margin: 45px 0 0!important;
}
.count_holder_small{
  display: none;
}
.count_holder {
  background-color: #fff !important;
  border: 1px solid #e6e6e6;
  margin-top: 10px;
  margin-bottom: 10px !important;
}
.hasCountdown span{
  color: #212121 !important
}
.offer_title {
  color: #212121 !important;
}

/*Review*/
.review-list .rating{
  float: none !important;
}
.review-list{
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
p.review_date{
  color: #58595a;
  font-size: 14px;
}
.rating-review-detail .fa-star:before{
  color: #d5d5d5 !important;
}
.rating-review-detail .fa-star.active:before{
  color: #fdcc0d !important;
}
#review .review-list .text{
  margin: 5px 0 0;
  padding: 0;
  border: transparent !important;
  background: transparent !important;
}
#review .review-list .text:after{
  display: none;
}
.add-review-button{
  float: right;
}
.write-review-btn {
  background: transparent;
  border: 1px solid #ae406f;
  color: #ae406f !important;
  padding: 12px 30px;
}
.write-review-btn:hover{
  color: #fff !important;
  background: #ae406f;
}
/* .warning {
  background: url(../img/warning.png) 13px center no-repeat #FFD1D1;
  border: 1px solid #FFCDD2;
  color: #B71D1C !important;
}
#ne_subscribe1 .warning {
  background: url(../img/warning.png) 13px center no-repeat #FFD1D1;
  border: 1px solid #FFCDD2;
  color: #B71D1C !important;
} */
body.checkout-cart .center-column h2{
  font-size: 22px !important;
  letter-spacing: 1.5px !important;
}
p.add-review-button a:focus {
  color: #fff !important;
  text-decoration: none !important;
}
#tab-review .rating-review-detail .rating-review {
  display: inline-flex;
}
#tab-review .rating-review-detail{
  margin-top: 50px;
}
div#review {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #dbdbdb;
}
.star-review-rating:not(:checked)>label:before {
  content: "\f005";
  font-weight: 100 !important;
  font-family: "font awesome 5 free";
}
.star-review-rating:not(:checked)>label.active:before {
  content: "\f005";
  font-weight: 900 !important;
  font-family: "font awesome 5 free";
}
.star-review-rating:not(:checked)>label {
  width: 22px;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 20px;
  color: #d5d5d5 !important;
  margin-right: 8px;
  transition: .3s;
}
.star-review-rating:not(:checked)>input {
  position: absolute;
  clip: rect(0,0,0,0);
}
.star-review-rating label.active{
  color: #fdcc0d !important;
}
#collapsereview input[type=text]{
  background: #fff !important;
  border: solid 1px #dbdbdb !important;
}
#collapsereview{
  margin-top: 30px;
}
#collapsereview #review-title {
  display: none;
}
#collapsereview .recaptcha{
  float: right !important;
  margin-bottom: 15px;
  padding-left: 0 !important;
}
#collapsereview .buttons{
  float: right !important;
  padding-left: 0 !important;
}
#collapsereview .recaptcha
.review_form{
  margin-bottom: 15px !important;
}
.review_form label{
  color: #000 !important;
  margin-top: 10px !important;
}
.entry_review textarea{
  width: 83.33% !important;
  border: solid 1px #dbdbdb !important;
  height: 160px !important;
  margin-bottom: 20px;
  background: #fff !important;
}

/* Category Page */
.center-column .product-grid{
  text-align: center;
}
.product-filter .options .product-compare{
  display: none;
}
#column_left .box-category{
  border-color: transparent !important;
}
.box-category .box-heading{
  padding: 15px 0 10px !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
}
.box-category .box-content>ul {
  padding: 20px 0;
}
.box-category ul li a{
  color: #3c4854 !important;
  font-weight: normal;
}
.box-category ul li a.active{
  color: #ae406f !important;
  font-weight: 500 !important;
}
.box-category ul li a:hover{
  padding-left: 7px;
}
.box-category ul ul:before{
  background: none;
}
label.mfilter-tb-as-td{
  font-weight: normal !important;
}
.mfilter-price-inputs input[type="text"]{
  border-radius: 3px;
}
.mfilter-tb-as-tr.mfilter-input-active .mfilter-col-input {
  border-color: #ae406f !important;
  background-color: #ae406f !important;
}
.mfilter-box .box-heading{
  font-size: 16px !important;
  margin-bottom: 10px;
  padding-bottom: 15px;
  text-transform: uppercase !important;
  background: url(../img/bg-menu.png) bottom left repeat-x !important;
}
.mfilter-button-bottom {
  font-size: 12px;
  color: #424242;
  border: 1px solid #424242 !important;
  padding: 3px 12px !important;
  top: 10px !important;
}
.mfilter-button-reset{
  margin-left: 0 !important;
  text-transform: capitalize !important;
}
.mfilter-button-reset:hover{
  color: #5a0735 !important;
}
.mfilter-button-bottom i{
  display: none;
}
.mfilter-heading-text > span{
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase !important;
  padding-left: 10px !important;
  letter-spacing: 0.65px;
  color: #212121;
}
.mfilter-tb-as-tr{
  border-top: none !important;
}
#column_left ul li a, .center-column+.col-sm-3 ul li a{
  transition: .3s all ease;
}
.mfilter-col-count {
    visibility: hidden;
}
.mfilter-heading.mfilter-collapsed .mfilter-head-icon:before{
  content: "\f067";
}
.mfilter-search #mfilter-opts-search{
  color: #111c30;
  opacity: 0.5;
}
.mfilter-heading .mfilter-head-icon:before{
  content: "\f068";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-text-stroke: 2px white;
}
.mfilter-heading.mfilter-collapsed .mfilter-head-icon {
  transform: rotate(00deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg) !important;
}
.mfilter-heading-text.span:after{
  content: "\f067";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
}
.mfilter-heading.mfilter-collapsed .mfilter-heading-text.span:after{
  content: "\f068";
}
.mfilter-price-slider #mfilter-price-slider .ui-slider-handle{
  border: 1px solid #ae406f!important;
  background: #ae406f !important;
}
.mfilter-column_left .box-heading{
  font-size: 16px !important;
  margin: 0 0 10px !important;
  text-transform: uppercase !important;
}
.product-filter .list-options{
  font-weight: bold;
  text-transform: uppercase;
}
.mfilter-column_left{
  margin-top: 5px !important;
}
.mfilter-content-wrapper{
  padding-bottom: 25px;
  border-bottom: 1px solid #dbdbdb !important;
  padding-top: 0 !important;
  border-top: transparent !important;
  margin-bottom: 5px;
}

/* Responsive */
@media (min-width: 1800px){
  .slider-1 .caption {
    top: 33% !important;
    margin: 0 auto !important;
    left: 15% !important;
    text-align: left;
  }
}
@media (max-width: 1000px){
  .footer-panel h4:after{
    color: #ffd33b;
  }
  .footer-panel h4{
    margin: 0;
  }
  h1{
    font-size: 35px !important;
  }
  h2{
    font-size: 25px !important;
  }
  h3{
    font-size: 17px !important;
  }
  .filter-product.box .box-heading{
    font-size: 25px !important;
  }
  #blogArticle .articleHeader h1, #blogArticle .articleHeader h1 a{
    font-size: 25px !important;
  }
  .offcanvas .container, .offcanvas .col-sm-7 {
    width: 100%;
  }
  .home_top h3.title{
    font-size: 16px !important
  }
  img.footer-logo{
    padding-top: 25px !important;
    padding-bottom: 20px;
  }
  .responsive ul.megamenu > li:not(:last-child){
    margin: 0 !important;
  }
  .footer-newsletter h3{
    margin: 0 !important;
    padding: 12px 14px 11px 0;
  }

  /* About Page */
  .about_page .section2 .row{
    display: block !important;
  }
  .new_flavour .col-md-5 img{
    width: 22%;
    margin: 25px 0 5px;
  }
}

@media (max-width: 1000px) and (min-width: 768px){
  .slider-1 .caption{
    top: 15% !important;
    left: 5% !important;
  }
  .btn-main{
    font-size: 10px;
    padding: 10px 30px;
  }
  .slider-1 p{
    margin-bottom: 30px;
    font-size: 10px;
    line-height: 1.5;
  }
  .home_top .col-sm-12{
    width: 25%;
  }
  .home_top > .container, .testi_section > .container, .boxPlain > .container {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .new_flavour .col-md-5 {
    padding-left: 3%;
  }
  table.koffie-box .testi_part {
    padding: 0 8%;
  }
  .blogModule .title{
    font-size: 14px !important;
  }
  input.subscribe_email{
    width: 70% !important;
  }
  .footer-newsletter .ne_submit{
    margin-left: -5%;
  }
  .about_page .section2 .details{
    padding-left: 15px;
    margin-top: 15px;
  }
  .center-column{
    padding-top: 25px !important;
  }
  .breadcrumb .background{
    padding: 10px 0 20px;
  }
  .product-center {
    padding: 0;
  }
  h2.product-title{
    font-size: 24px !important;
  }
  .product-info{
    padding-bottom: 0;
  }
}

@media (max-width: 767px){
  .desktop-banner{
    display: none;
  }
  .mobile-banner{
    display: block;
  }
  body.information-information .breadcrumb .container>div {
    padding: 10px 0 5px;
  }
  .breadcrumb .background {
    padding: 5px 0 20px !important;
  }
  #offcanvas-btn-left {
    display: none !important;
  }
  #cart_block .cart-heading span#total_price {
    width: 15px !important;
    height: 15px !important;
    padding-top: 2px;
  }
  #cart_block .cart-heading span#total_price {
    top: 14px !important;
    right: -8px !important;
  }
  .footer-icon{
    text-align: center;
    margin-top: 10px;
  }
  .responsive .main-content .pattern>.container, .responsive .standard-body .main-content .pattern>.container{
    padding-bottom: 0;
  }
  .icon_txt {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 5px !important;
  }
  .icon_txt p {
    font-size: 10px;
    padding: 3px 0 0;
    margin: 0;
    color: #212121;
  }
  #top h1 a img{
    margin: 0 auto !important;
  }

  /* Home */
  .home_top{
    padding: 15px 0;
  }
  .home_top > .container, .testi_section > .container, .boxPlain > .container{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .home_top h3.header {
    margin-bottom: 20px;
    font-size: 20px !important;
  }
  .home_top .col-sm-12:not(:last-child){
    margin-bottom: 25px;
  }
  .new_flavour .row{
    display: block !important;
  }
  .new_flavour{
    padding-bottom: 43px;
  }
  table.koffie-box td{
    width: 100%;
    display: block;
  }
  table.koffie-box .testi_part {
    padding: 0 0 10px;
  }
  .koffie-box{
    margin-top: 35px;
  }
  .testi_section{
    padding: 25px 0;
  }
  table.koffie-box .testi_part img {
    max-width: 35px;
    margin-bottom: 10px;
  }
  .owl-dots {
    margin-top: 10px;
  }
  .blogModule.boxPlain{
    padding: 5px 0 20px;
  }
  .blogModule.boxPlain .box-heading{
    margin-bottom: 0
  }
  .blogModule.boxPlain ul{
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .blogModule.boxPlain li:not(:last-child){
    margin-bottom: 15px !important
  }

  /* About Page */
  .about_page .section2{
    margin-top: 35px;
    margin-bottom: 40px;
  }
  .about_page .section2 .col-md-6:first-child img{
    margin-bottom: 15px;
  }
  .about_page .section2 .details{
    padding-left: 10px;
  }

  /* Category Page */
  .mfilter-column_left .visible-xs {
    display: inline-block !important;
    padding-left: 5px;
  }
  .mfilter-column_left{
    margin-top: 20px !important;
  }
  body.product-category .center-column{
    padding-bottom: 25px;
  }

  /* Product Page */
  h2.product-title{
    margin-top: 40px;
    font-size: 25px !important;
  }
  input#button-cart{
    background-position: 20px 14px;
  }
  .product-info .cart .add-to-cart .button{
    padding: 10px 45px;
  }
  .responsive .product-info .cart, .responsive .product-info .description, .responsive .product-info .options, .responsive .product-info .price {
    padding: 5px 0;
  }
  body.product-product .breadcrumb .container>div{
    padding: 10px 0 0 0;
  }
  .htabs a{
    font-size: 13px !important;
    margin: 10px 8px 0 !important;
    letter-spacing: 0.5px !important;
  }
  .htabs{
    padding-bottom: 15px;
  }
  .responsive .product-block, .responsive .product-info .product-center {
    margin-bottom: 0;
  }
  #tab-description, #tab_2 {
    padding: 0;
    margin: 17px 0 10px;
  }
  .product-info{
    padding-bottom: 20px;
  }
  .you-may-like .box-heading {
    margin: 25px 0 10px!important;
  }
  body.product-product .main-content .pattern>.container{
    padding-bottom: 25px !important;
  }
  #collapsereview .buttons {
    float: none !important;
  }
  #collapsereview .recaptcha {
    float: none !important;
  }
  .entry_review textarea {
    width: 100% !important;
    margin-bottom: 0 !important;
  }
  .review_form label {
    padding: 0 !important;
  }
  .write-review-btn{
    padding: 12px 20px;
  }
  #tab-review .rating-review-detail {
    margin-top: 40px;
  }
  #collapsereview input[type=text] {
    width: 100% !important;
  }

  /* Box-Information */
  .offcanvas-right-information ul {
    display: block;
  }
  .offcanvas-right li a{
    padding: 10px !important;
  }
  .offcanvas-right .box-information{
    border-bottom: none;
  }
  .box-information li {
    padding: 0 12px;
  }
  .box-information .box-content ul > li > a {
    line-height: 1.4;
    display: block;
    padding: 0;
    font-size: 11px;
  }
  .box-information{
    margin-top: 10px;
    padding: 5px 0 0;
  }

  /* Blog Page */
  body.blog-category-home .center-column{
    padding-bottom: 25px;
  }
  .blogCol2 .articleCat{
    width: 100% !important;
    min-height: 270px;
  }
  .articleContent h3{
    padding-top: 5px;
  }
  .responsive body.blog-category-home .col-sm-3 .box, .responsive body.blog-category-home .col-sm-4 .box{
    display: none !important;
  }
  .responsive .col-sm-3 .box, .responsive .col-sm-4 .box{
    display: block !important;
  }

  /* Article page */
  .bottom-article .addthis_inline_share_toolbox {
    display: inline-flex;
    margin-top: 10px;
  }
  .bottom-article{
    margin-bottom: 10px;
  }
  .blogModule .box-heading{
    margin-bottom: 0 !important;
  }
  body.blog-article .main-content .col-sm-3{
    display: block !important;
    margin-bottom: 40px;
  }
}