/* CSS Document */

.green {color: #4B9262;}
.delft_blue {color: #34347A;}
.mint_green {color: #E5FCF5;}
.celadon {color: #B3DEC1;}
.fairy_tale {color: #FFC9DA;}
.gray {color: #707070; }

.flex {display: flex; justify-content: space-evenly;}
.flex-wrap {display: flex; justify-content: space-evenly; flex-wrap: wrap;}
.flex-end {justify-content: flex-end;}
	
.logo-col {min-width: 122px;}
@media (max-width: 480px) {
    .logo img {
        position: relative;
        max-height: 60px;
    }
        .content-holder {
        margin-top: 135px !important;
    }
    .homeCarousel {
        margin-top: -110px!important;
    }
}
a {color: #4B9262;}
a:hover {color: #34347A;}
/* Front Page Content */
.shadow {
-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
}
.round {
-webkit-border-radius: 14px;
border-radius: 14px;
}
#infoShop {margin: 20px auto;}
.h1_Title {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
    color: #34347A;
}
.h2_Title {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
    color: #34347A;
}
.h3_Title {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 10px;
  font-weight: bold;
  line-height: 12px;
}
.FrontPage_Content {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #707070;
	padding: 0 20px;
}

.fp_banners img {
    border-radius: 11px;
}
.flex-viewport {max-height: 500px;}

/* Newsletter */
.newsletter {
    margin-top: -90px;
    z-index: 1;
    position: relative;
}
@media (max-width:768px){
    .newsletter {margin-top: 0px;}
}
.newsletter-row {
  background: url(../images/Newsletter_sub_BG.png) top center no-repeat;
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    min-height: 238px;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 50px;
}
.newsletter-row h2.h2_Title {
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    margin-top: 0;
    margin-bottom: 0;}
.newsletter-row h3.h3_Title {
    color: #FFC9DA;
    font-size: 19px;
    line-height: 26px;
    /* margin-top: 10px; */
    margin-top: 5px;
    margin-bottom: 0;}
.newsletter-row input.emailInput {border-radius: 14px; width: 230px; height: 40px; font-size: 13px; font-family: 'Roboto', sans-serif; color: #707070; padding-left:20px;}


@media (max-width:768px){
    .newsletter-row {padding: 20px 0; background-size: cover;}
    .mailist-box {padding: 10px 0;}
    .btn-newsletter {margin-left: 0; margin-top:5px;}
}
.indicates-required, .mce_inline_error {font-size: 13px; font-family: 'Roboto', sans-serif; color: #fff;}
#mce-success-response {font-size: 16px; font-family: 'Roboto', sans-serif; color: #FFC9DA;}
/* Header Nav */
.iconTop {
  display: flex;
  align-items: center; 
  margin-right: 20px
}

.iconTop_icon {
  margin-right: 10px; }

.iconTop_content {
    display: flex;
    height: auto;
    min-height: 34px;
    flex-direction: column;
}

.icon-contactus {
  background: url(../images/icons/svg/iconTOP_contact.svg) top center no-repeat;
  height: 24px;
  width: auto;
  min-width: 30px;
  display: block; }

.icon-freeShippingCounter {
  background: url(../images/icons/svg/iconTOP_free-delivery.svg) top center no-repeat;
  height: 24px;
  width: auto;
  min-width: 44px;
  display: block; }

.icon-account {
  background: url(../images/icons/svg/iconTOP_client.svg) top center no-repeat;
  height: 24px;
  width: auto;
  min-width: 20px;
  display: block; }

.icon-topCart {
  background: url(../images/icons/svg/iconTOP_basket.svg) top center no-repeat;
  height: 24px;
  width: auto;
  min-width: 27px;
  display: block; }

a.iconTop_Title, span.iconTop_Title {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px; }

a:hover.iconTop_Title {
  color: #4B9262;}

.iconTop_SubTitle {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 10px;
  font-weight: bold;
  line-height: 12px;
  display: inline-flex;
}

/* Menu Top */

.megamenu_wrapper ul li a span {
    display: block;
}
.menu_catTitle {
    margin-bottom: 10px;
}
.menu_catTitle a span {
  font-size: 13px;
  font-family: 'Bricolage Grotesque', sans-serif;
    border-bottom: 2px solid #FFC9DA;
    padding-bottom: 5px;
  color: #34347A;
    text-align:left;
    margin-top: 10px;
}
.menu_catTitle a:hover span {
  color: #4B9262;
}
.megamenu_wrapper ul.submenu {
        list-style: none;
    margin: 0 0 10px;
    padding: 0;
}
.megamenu_wrapper ul.subMenu li.subMenuLi {
    
    /*margin-bottom: 10px;*/
    margin-top: 5px;
}
.megamenu_wrapper ul.subMenu li.subMenuLi a span {
    font-family: 'Roboto', sans-serif;
    color: #707070;
    font-size: 13px;
    line-height: 18px;
    text-align: left;
}
.megamenu_wrapper ul.subMenu li.subMenuLi a:hover span {
    color: #4B9262;
}
.megamenu_wrapper ul.subMenu li.subMenuLi.spacer {
    padding: 5px 0;
    border-bottom: 1px solid #707070;
    text-align: left;
}
/* Footer */
#footerContact a {
  font-size: 13px;
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: bold;
  line-height: 16px;
  color: #34347A;
}
#footerContact a:hover {color: #4B9262; background: transparent;}
.icon-facebook{content: "../images/icons/svg/logo-facebook.svg";}

/* Bootstrap override */
.p0 {padding-left: 0; padding-right: 0;}
.p05 {padding-left: 5px; padding-right: 5px;}
.pl0pr10 {padding-left: 0; padding-right: 10px;}
.ptb10 {padding-top: 10px; padding-bottom: 10px;}
.plr10 {padding-left: 10px; padding-right: 10px;}
.mt1 {margin-top: 10px;}
.mb1 {margin-bottom: 10px;}
.mtb1 {margin-top: 10px; margin-bottom: 10px;}

.w80 {width: 80%;}
.w90 {width: 90%;}
.w98 {width: 98%;}
.w95 {width: 95%;}
.w50 {width: 50%;}

@media only screen and (max-width: 767px) {
.w80 {width: 100%;}
.w90 {width: 100%;}
}
.col-md-20 {width: 20%;}
.sp-bet {justify-content: space-between;}
.flex-start {justify-content: flex-start;}
.box {
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px;
    column-gap: 10px;
}

/* Slides */

            /**
             * (optional) define here the style definitions which should be applied on the slider container
             * e.g. width including further controls like arrows etc.
             */
            .slider {}

            .frame {
                /**
                 * (optional) wrapper width, specifies width of the slider frame.
                 */
                width: 880px;

                position: relative;
                font-size: 0;
                line-height: 0;
                overflow: hidden;
                white-space: nowrap;
            }

            .slides {
                display: inline-block;
            }

            li.js_slide {
                position: relative;
                display: inline-block;

                /**
                 * (optional) if the content inside the slide element has a defined size.
                 */
                width: 880px;
            }

            .prev, .next {
                position: absolute;
                top: 50%;
                margin-top: -25px;
                display: block;
                cursor: pointer;
            }

            .next {
                right: 0;
            }

            .prev {
                left: 0;
            }

            .next svg, .prev svg {
                width: 10px;
            }
/* Mobile improvements */
@media (max-width: 767px) {
    
.FrontPage_Content {padding: 5px 0;}
.copyright {padding-top: 30px; margin-bottom: 60px;}
    .patterns .flex {flex-direction: column; flex-wrap: wrap;}
    .patterns .col-md-20 {width: 100%;}
    .item-box {margin-bottom: 5px;}
    .h2_Title {margin-bottom: 20px;}
    .mobile-menu-widget ul.submenu li {padding: 10px 0 0 0;}
    #Help_Contactus-mob {margin: 5px 0;}
    #Help_Contactus-mob .icon-contactus {min-width: 43px;}
    #Free_ShippingCounter-mob {margin: 5px 0;}
    #ClientAccount-mob {margin: 5px 0;}
    #ClientAccount-mob .icon-account {min-width: 45px;}
    #TopCart-mob {margin: 5px 0;}
    #TopCart-mob .icon-topCart {min-width: 45px;}
/* Mobile Search */
#searchBox-mob {    
    display: flex!important;
    margin: 0 10px;
    justify-content: flex-end;
    margin-bottom: 10px;}
}

.social-bookmarking {display: none;}

.catProdNumber {font-size: 13px; color: #707070;}
.catTitle {
    color: #34347A;
    font-family: 'Bricolage Grotesque', sans-serif;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin-top: 10px;
}
.catDescription {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.25px;
    text-align: center;
    color: #707070;
    margin-bottom: 10px;}

.promise-descInner .cat_description {margin-bottom: 15px;}

/* PRODUCT PAGE new 30-10-2024 */
.promoButtons {
    display: inline-flex;
    width: 90%;
    justify-content: space-between;
    margin: 10px 0;
}

@media (max-width: 767px) {
    .promoButtons {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    margin: 10px 0; 
}
    .promobutton1, .promobutton2, .promobutton3 {margin-bottom: 5px;}
}
.btn-gray {
    border: 1px solid;
    border-color: rgba(112, 112, 112, 0.15);
    border-radius: 7px;
    padding: 3px 10px;
    background-color: rgba(112,112,112,0.05);
    font-family: 'Bricolage Grotesque';
    font-size: 11px;
    color: #707070;
}
.btn-gray:hover {
    border: 1px solid;
    border-color: rgba(88, 188, 130, 1);
    background-color: rgba(112,112,112,0.1);
}
.btn-gray a {
    
    font-family: 'Bricolage Grotesque'; 
    font-size: 11px;
    color: #707070;
}
.btn-gray a:hover {color: #3B3B3B;}

.page-content, .breadcrumnb ol li {font-size: 13px; 
    color: #3B3B3B;
    font-family: 'Bricolage Grotesque';}

.qaLink {margin: 0 0 25px!important;}
.qaLink a {color: #58BC82;}

.pricingBlock {
    margin: 15px 10px 15px 0!important;
}
#price-p{
    border: 1px solid;
    border-color: #707070;
    border-radius: 14px;
    padding: 12px;
    color: #B12704;
    font-family: 'Bricolage Grotesque';
    font-size: 26px;
}


@media (max-width: 767px) {
   #price-p{
    border: 1px solid;
    border-color: #707070;
    border-radius: 14px;
    padding: 12px;
    color: #B12704;
    font-family: 'Bricolage Grotesque';
    font-size: 18px;
} 
}
.reduced {display: flex; flex-direction: column;}
.pricingBlock .retailprice, .pricingBlock .save_today {margin: 0 10px 0!important;}
.retailprice-p {
    
    border: none;
    padding: 12px;
    color: #B12704!important;
    font-family: 'Bricolage Grotesque';
    font-size: 18px;
    line-height: 10px;
    /*text-decoration: line-through;*/
}

@media only screen and (max-width: 767px) {
    .retailprice-p {
    font-size: 18px;
    line-height: 10px;
}
}
.save_today {
    color: #58BC82;
    font-family: 'Bricolage Grotesque';
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    text-transform: uppercase;
}
.sub-section {margin:0;}

.btn-default.btn-inverse, .btn-primary {
    font-size: 14px;
    min-width: 197px;
    border: 1px solid #FFD814;
    color: #34347A;
    min-height: 55px;
    line-height: 55px!important;
    padding: 0 10px;
    position: relative;
    overflow: hidden;
    background: #FFD814;
    border-radius: 14px;
}
.product-details .addToCartBlock .btn-default.btn-inverse, .product-details .addToCartBlock .btn-primary {
    line-height: 35px!important;
}
.btn-default.btn-inverse:hover, .btn-primary:hover {
    color: #000;
    background-color: #f7ca00;
    border: 1px solid #B12704;
}
.qty-input {
    position: relative;
    width: 71px;
    margin: 0 10px;
}
.qty-input input[type="text"] {
    display: block;
    border: 0px;
    border-radius: 14px 0 0 14px;
    margin: 0;
    padding: 0 ;
    height: 56px;
    width: 45px;
    text-align: center;
    font-size: 16px;
    background: rgba(112, 112, 112, 0.15);
}
span.qty-nav {
    display: block;
    height: 56px;
    width: 28px;
    position: absolute;
    top: 1px;
    right: -3px;
}
span.qty-nav>button {
    display: block;
    width: 100%;
    height: 27.5px;
    margin: 0;
    padding: 0;
    border: none;
    color: #34347A;
    font-weight: bold;
    font-size: 16px;
    border: 0;
    outline: none !important;
}

.qty-up {border-radius: 0 14px 0 0; background-color: rgba(88, 188, 130, 0.65)!important;}
.qty-down {border-radius: 0 0 14px 0; background-color: rgba(88, 188, 130, 0.35)!important;}

@media only screen and (max-width: 767px) {
    .btn.btn-addcart {
        padding: 0;
    }
        .btn-default.btn-inverse, .btn-primary {
    font-size: 14px;
    min-width: 160px;
    border: none;
    color: #34347A;
    min-height: 34px;
    line-height: 32px;
    padding: 0 10px;
    position: relative;
    overflow: hidden;
    background: #FFD814;
    border-radius: 14px;
            margin-left:5px;
            height: 47px
}
.btn-default.btn-inverse:hover, .btn-primary:hover {
    color: #000;
    background-color: #f7ca00;
}
    
.qty-input {
    margin: 0 10px;
}
.qty-input input[type="text"] {
    height: 47px;
    width: 45px;
}
    span.qty-nav {
    height: 47px;
}
span.qty-nav>button {
    height: 23px;
}
}



@media (max-width: 767px) {
    
.qty-input {
    position: relative;
    width: 71px;
    margin: 0 0 5px 0;
}
}
.special-action {display: inline-flex!important; justify-content: flex-start; margin: 10px 0 0!important;}
.special-actions button {margin-right: 10px;}
svg:not(:root) {
    overflow: hidden;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
}
.dotcolor {fill: #6EEB83;}

.priceDrop {
border-radius: 14px;
    padding: 15px;
    background: #B12704;
    color: #fff;
    font-family: 'Bricolage Grotesque';
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    width: 74px;
    height: 78px;
    float: right;
    margin-top: -51px;
    text-align: center;
}
.priceDrop span {font-size: 14px;}

.r-tabs .r-tabs-nav .r-tabs-anchor {
    background: #34347A!important;
}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    background: rgba(112,112,112,0.1)!important;
}

.manu_icons {width:100%; display: inline-flex; flex-wrap: wrap; margin-bottom: 20px;}
/* Container */
.Steps {
    margin-top: -10px;
    margin-bottom: 40px;
    list-style: none;
    padding: 0;
    height: 75px;
    display: flex;
}

/* Each step */
.Steps li {
    flex: 1;
    text-transform: uppercase;
    position: relative;
}

/* Step box */
.Steps li div {
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
    border-right: none;
    height: 74px;
    padding: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* First step keeps left border */
.Steps li:first-child div {
    border-left: 1px solid #ccc;
}

/* Last step keeps right border and no arrow */
.Steps li:last-child div {
    border-right: 1px solid #ccc;
}

/* Arrow (gray border layer) */
.Steps li:not(:last-child) div::after {
    content: "";
    position: absolute;
    top: 0;
    right: -25px;
    width: 0;
    height: 0;
    border-top: 37px solid transparent;
    border-bottom: 37px solid transparent;
    border-left: 25px solid #ccc;
    z-index: 2;
}

/* Arrow fill (matches background) */
.Steps li:not(:last-child) div::before {
    content: "";
    position: absolute;
    top: 1px;
    right: -22px;
    width: 0;
    height: 0;
    border-top: 36px solid transparent;
    border-bottom: 36px solid transparent;
    border-left: 23px solid #fff;
    z-index: 3;
}

/* Active step */
.Steps li div.StepOn {
    background: #28a745;   /* green */
    border-color: #28a745;
}

/* Active step text color */
.Steps li div.StepOn .Steptxt,
.Steps li div.StepOn .StepDes {
    color: #fff;
}

/* Active arrow fill */
.Steps li div.StepOn::before {
    border-left-color: #28a745;
}

/* Active arrow border */
.Steps li div.StepOn::after {
    border-left-color: #28a745;
}

/* Text styling */
.Steptxt {
    font-size: 13px;
    color: #666;
    margin-bottom: 5px;
}

.StepDes {
    font-size: 14px;
    color: #666;
    font-weight: bold;
    line-height: 1.1;
}
@media(max-width:767px){
.manu_icons > .manu_icons:last-child {
    text-align: center !important;
	display: inline-block;
}
.StepDes {
    font-size: 11px;
    margin-right: -25px;
}
.Steptxt {
    margin-right: -25px;
}
}

.zoom {
  transition: transform .3s; /* Animation */
}

.zoom:hover {
  transform: scale(1.075); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.flexslider {
    z-index: 2;
    background: transparent!important;
    border: 4px solid transparent!important;
}
.flexslider .slides img {
    border-radius: 21px;
}

.cart-iconsArea {
    margin: 40px 0;
    display: flex;
}