body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #cecece;
    font-family: 'San Francisco', sans-serif;
    font-weight: 100;

    font-size: 10pt;
}
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.page {
    width: 210mm;
    min-height: 297mm;
    padding: 0;
    margin: 7mm auto;
    /*border: 1px #D3D3D3 solid;*/
    /*background: url(../assets/page-bg.jpg) no-repeat;*/
    background-color: #ffffff;
    background-size: 210mm 297mm;
    background-position: -0.4mm 0.2mm;
}
.front {
    background: url(../assets/front-cover-e.jpg) no-repeat !important;
    background-size: 100% 100% !important;
}

.back {
    background: url(../assets/back-cover-e.jpg) no-repeat !important;
    background-size: 100% 100% !important;
}
.blank {
    background: none !important;
    background-color: #fff !important;
}

.about {
    background: url(../assets/about-cover-e.jpg) no-repeat !important;
    background-size: 100% 100% !important;
}

.product-ad1 {
    background: url(../assets/product-cover1-e.jpg) no-repeat !important;
    background-size: 100% 100% !important;
}
.product-ad2 {
    background: url(../assets/product-cover2-e.jpg) no-repeat !important;
    background-size: 100% 100% !important;
}


.subpage {
    height: 297mm;
    position: relative;
}
.page-title-top {
    height: 7mm;
}
.page-title-bottom {
    height: 3mm;
    margin: 0 30mm 0 7mm;
    border-top: solid 0.5mm #00a577;

}
.page-title {
    position: relative;
    height: 7mm;
    line-height: 7mm;
    padding-left: 7mm;
    font-size: 12pt !important;
    font-weight: 900;
    /* color: #cf3527; */
    color: #00a577;
    
}
.page-title-category {
    float: left;
    text-align: left;
    text-transform: uppercase; 
}
.page-title-catalog {
    float: right;
    width: 46.75mm;
    margin-right: 7mm;
    text-align: center;
    font-size: 11pt;

    text-transform: uppercase;
    background-color: #00a577;
    color: #fff;
}
.page-title-logo {
    float: left;
    text-align: center;

}
.page-title-logo img {
    position: absolute;
    width: 23mm;
    top: -2.5mm;
    right: 6mm;
}
.page-title-deco {
    float: left;
    height: 7mm;
    width: 7mm;
    margin-right: 3mm;
    background-color: #00a577;
    background-image: url(/assets/enco-white-logo.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;



}
.page-title-decomid {
    float: left;
}
.page-title-decoend {
    float: left;
    height: 7mm;
}

.page-title span {
    font-size: 12pt;
    font-weight: 400;
    /* color: #cf3527; */
    color: #00a577;
    
}

.row-title {
    position: relative;
    height: 7mm;
    line-height: 7mm;
    padding-left: 1.5mm;
    /*margin-top: 4mm;*/
    margin-bottom: 3mm;
    font-size: 12pt !important;
    font-weight: 900;
    /* color: #cf3527; */
    color: #00a577;
    
}

.products {
    position: relative;
    margin-top: 0;
    margin-left: 5.5mm;
    height: 263mm;

}

.products-centered {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.product {
    position: relative;
    overflow: hidden;
    width: 46.75mm;
    /*height: 84.333mm;*/
    height: 78mm;
    margin: 0 1.5mm 3mm 1.5mm;
    float: left;
    background-color: #fff;
    border-radius: 4.233mm;
}
.product-border {
    position: absolute;
    width: 46.75mm;
    /*height: 84.333mm;*/
    height: 78mm;
    top: 0;
    left: 0;
    border: solid 0.5mm #a2e0cd;
    border-radius: 4.233mm;
    z-index: 1000000001;

}


.product2 {
    position: relative;
    overflow: hidden;
    width: 46.75mm;
    /*height: 84.333mm;*/
    height: 72mm;
    margin: 0 1.5mm 3mm 1.5mm;
    float: left;
    background-color: #fff;
}
.product-border2 {
    position: absolute;
    width: 46.75mm;
    /*height: 84.333mm;*/
    height: 72mm;
    top: 0;
    left: 0;
    border-top: solid 0.5mm #aeaeae;
    border-bottom: solid 0.5mm #aeaeae;
    z-index: 1000000001;
}

.product-info {
    display: block;
    padding:1mm 0 0 0;

}
.product-pp-price {
    display: block;
    float: left;
    text-align: left;
    font-size: 12pt;
    line-height: 12pt;
    font-weight:500;
}
.product-pp-price span {
    font-size: 9pt;
    line-height: 0;
    font-weight:400;
}
.product-pp-code {
    display: block;
    color: #666666;

    font-size: 9pt;
    line-height: 9pt;    
    font-weight:500;
}

.product-price {
    position: absolute;
    top: 1mm;
    left: 1mm;
    z-index: 1000000000;
    
    opacity: 0.75;

    border-radius: 3.3mm 1mm 3.3mm 1mm;
    /*border-radius: 50%;*/
    display: inline-block;
    
    width: 18mm;
    height: 5mm;
    background: #312426;
    
    text-align: center;
}
.product-price span {
    display: block;
    padding-top: 1mm !important;
    font-weight: 500;
    font-size: 9pt;
    line-height: 9pt;    
    color: #ffffff;
}
.product-price span span {
    font-size: 6pt;
    line-height: 0;    
}

.product-image-container  {
    position: relative;
    width: 46.75mm;
    height: 46.75mm;
    /*height: 42.75mm;*/
}

.product-image-border {
    position: absolute;
    width: 46.75mm;
    height: 46.75mm;
    /*height: 42.75mm;*/

    top: 0;
    left: 0;
    z-index: 1000000001;
}

.product-image {
    width: 46.75mm;
    height: 46.75mm;
    /*height: 42.75mm;*/

    border-radius: 4.233mm 4.233mm 0 0;
    overflow: hidden;
    mix-blend-mode: multiply;
    background-blend-mode: multiply;
    background-color: #fff;

}
.product-image-blend {
    width: 46.75mm;
    height: 46.75mm;
    border-radius: 4.233mm;
    overflow: hidden;
    mix-blend-mode: multiply;
    background-blend-mode: multiply;

    
}
.product-image img {
    width: 46.75mm;
    object-fit: cover;
    mix-blend-mode: multiply;
	margin-top: -9mm;

}
.product-detail-container  {
    display: block;
    width: 46.75mm;
    height: 32mm;
    padding: 0 2mm 0 2mm;
    background-color: #bdeedf;
}

.product-barcode {
    font-family: "BC EAN 13 Short HR";
    font-size: 10pt;
    text-align: center;
    border-top: #666666 solid 0.5mm;
    padding-top: 0.5mm;
}
.product-nonbarcode {
    border: none !important;
}


.product-description {
    font-size: 11pt;
    font-weight: 500;
    line-height: 11pt;
    padding:0 0 1mm 0;
    margin: 0;
    color: #312426;
}

.product-description span, .product-short-description {
    font-size: 9pt;
    font-style: italic;
    color: #312426;
}
.product-unit {
    position: absolute;
    width: 55.3mm;
    bottom: 1px;
    left: 0;
    z-index: 1000000000;
    display: block;
    background-color: #312426;
    padding-top:1mm;


    font-size: 12pt;
    text-align: center;
    height: 8mm;
    color: #e8eec5;
    border-radius: 4.233mm;
}
.product-description span {
    color: #312426;
    font-weight: 700;
}


.page-index {

    background: url(../assets/index-cover-e.jpg) no-repeat !important;
    background-size: 100% 100% !important;
    background-color: #00a577;
}
.index-container {
    width: auto;
    height: 95%;
    display: block;
	padding-top:28mm;
}
.index-page {
    width: 100%;
	display: block;
}
.index-item {
    width: 100%;
    display: block;
    margin: 1mm 0 1mm 0;

}
.index-item .index-item-no {
    display: block;

    float: left;
    width: 50mm;
    padding: 1.5mm 3mm 1.5mm 0;
    border-left: solid 3mm #00a577;
    font-weight: 500;
    text-align: right;
    color: #00a577;

    
}
.index-item .index-item-name {
    display: block;
    float: left;
    width: 110mm;
    font-weight: 400;
    padding: 1.5mm 3mm 1.5mm 2mm;
    background-color: #00a577;
    color: #fff;
    border: solid 1px red;


}
.index-page-title {
    display: block;
    width: auto;
}
.index-page-title-name {
    display: block;
    float: left;
    width: 100%;
    
    font-size: 46pt;
    font-weight: 400;
    margin-left: -1mm;
    color: #fff;
    letter-spacing: 4mm;
    margin-bottom: 7mm;

}

.index-page-title-logo {
    float: left;
    position: relative;
    text-align: right;
    width: 50%;

    

}
.index-page-title-logo img {
    position: absolute;
    width: 50mm;
    top: 3mm;
    right: 0;
}

.index-border {
    position: relative;
}
.index-border div {
    position: absolute;
    width: 196mm;
    height: 0.5mm;
    background-color: #fff;
    top:26.271mm;
    left:7mm;
}



.index-category-container-sep {
	display: block;
    width: auto;
	height: 17mm; 
}

.index-category-container {
    width: auto;
    height: 100%;
    display: block;
    position: relative;
    font-weight: 400 !important;
    border-top: solid 3mm #fff !important;
    margin: 0 14mm 6mm 20mm !important;
    padding-top: 2mm;


}
.index-item-root {
	display: block;
	width: 100%;
    position: relative;
    margin-top: 2.5mm;
}
.index-item-root-title2 {
    position: relative;
    float: left;
    width: 73mm;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 14pt;
    overflow: hidden;
    color: #fff;

}

.index-item-root-title2 a {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 14pt;
    color: #fff;
    text-decoration: none;

}

.index-item-root-title2:after {
    content: "";
    display: inline-block;
    height: 0.5em;
    vertical-align: bottom;
    width: 100%;
    margin-right: -100%;
    margin-left: 0;
    border-top: 0.5mm solid #ffffff;
  }

  .index-item-root-title2 span {
    background-color: #00a577;
    padding-right: 10px;
    overflow: hidden;
}



.index-item-root-title {
    position: relative;
    float: left;
    width: 73mm;
    font-size: 14pt;

    text-transform: uppercase;
    font-weight: 800;
    color: #fff;

}

.index-item-root-title a {
    font-size: 14pt;

    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    text-decoration: none;

}


.index-item-root-no2-wrap {
	width: 70mm;
	display: block;
    position: relative;
    float: left;
}

.index-item-root-no2 {
	display: inline-block;
    color: #ffffff;
    background-color:#ffffff;
    color:#00a577;
    padding: 0 3mm 0 3mm;
    font-weight: 700;
    font-size: 13pt !important;
	white-space: nowrap !important;
}

.index-item-root-no {
    position: relative;
    float: left;
    color: #ffffff;
    background-color:#ffffff;
    color:#00a577;
    padding: 0 3mm 0 3mm;
    font-weight: 700;
}


.index-item-sub {
    display: block;
	width: 100%;
    position: relative;
    margin: 0.5mm 0 0.5mm 0;
}
.index-item-sub-title {
    display: block;
    position: relative;
    float: left;
    width: 73mm;
    overflow: hidden;
    color: #ffffff;
}

.index-item-sub-title a {
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
}

.index-item-sub-title:after {
    content: "";
    display: inline-block;
    height: 0.5em;
    vertical-align: bottom;
    width: 100%;
    margin-right: -100%;
    margin-left: 0;
    border-top: 0.5mm solid #ffffff;
  }

.index-item-sub-title span {
    background-color: #00a577;
    padding-right: 10px;
    overflow: hidden;
}

.index-item-sub-no-wrap {
	width: 70mm;
    display: block;
    position: relative;
    float: left;
}

.index-item-sub-no {
	display: inline-block;
    background-color:#ffffff;
    color:#00a577;
    padding: 0 3mm 0 3mm;
    font-weight: 700;
	font-size: 11pt !important;
	white-space: nowrap !important;

}
.index-item-sub-title .ittl, .index-item-sub-title .ittr  { float: left; }

.index-item-sub-title .ittr div  {
    height: 0.5mm;
    display: block;
    background-color: #00a577;
    width: auto;
}




.page-footer {
    display: block;
    position: absolute;
    width: 196mm;
    bottom: 7mm;
    left: 7mm;
    line-height: 7mm;
    border-top: solid 0.5mm #00a577;

}
.page-number {
    float: left;
    width: 7mm;
    height: 7mm;
    background-color: #00a577;
    color: #fff;

    text-align: center;
    line-height: 7mm;
}
.page-footer-text {
    float: left;
    padding-left: 3mm;
    font-weight: 400;

}
.page-footer-left {
    float: left;
    width: 14mm;
    font-size: 10pt;
    font-weight: 800;
    color: #00a577;
    line-height: 13pt;
    vertical-align: bottom;


}
.page-footer-center {
    float: left;
    width: 70mm;
    text-align: center;
    font-size: 10pt;
    font-weight: 400;
    color: #00a577;
}
.page-footer-right {
    float: left;
    width: 182mm;
    height: 7mm;
    text-align: right;
    font-size: 10pt;
    font-weight: 400;
    line-height: 7mm;
    color: #00a577;
    vertical-align: bottom;

}



.page-footer2 {
    display: block;
    position: absolute;
    width: 176mm;
    bottom: 7mm;
    left: 20mm;
    border-top: solid 0.5mm #fff;
    padding-top: 1mm;

    color: #fff;
    text-align: left;
    font-size: 10pt;
    font-weight: 400;
    line-height: 7mm;

}


.page-warning {
    display: block;
    position: absolute;
    width: 196mm;
    bottom: 20mm;
    left: 7mm;
    padding-left: 13mm;

    color: #fff;
    text-align: left;
    font-size: 6pt !important;
    font-weight: 400;
    line-height: 7pt;

}

.page-warning2 {
    display: block;
    position: absolute;
    width: 196mm;
    bottom: 18mm;
    left: 7mm;

    color:#00a577;
    text-align: center;
    font-size: 7pt !important;
    font-weight: 400;
    line-height: 7pt;
    letter-spacing: -0.2pt;

}
.page-number2 {
    float: left;
    width: 7mm;
    height: 9mm;
    background-color: #fff;
    color: #00a577;

    text-align: center;
    line-height: 9mm;
}
.page-footer-text2 {
    float: left;
    padding-left: 3mm;
    font-weight: 400;

}
.page-footer-left2 {
    float: left;
    width: 14mm;
    font-size: 10pt;
    font-weight: 800;
    color: #fff;
    line-height: 7pt;
    vertical-align: bottom;


}
.page-footer-center2 {
    float: left;
    width: 70mm;
    text-align: center;
    font-size: 10pt;
    font-weight: 400;
    color: #fff;
}
.page-footer-right2 {
    float: left;
    width: 182mm;
    text-align: right;
    font-size: 10pt;
    font-weight: 400;
    line-height: 13pt;
    color: #fff;
    vertical-align: bottom;

}


@page {
    size: A4;
    margin: 0;
}
@media print {
    html, body {
        width: 210mm;
        height: 297mm;        
    }
    .page {
        margin: 0;
        width: initial;
        min-height: initial;
        page-break-after: always;
    }
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
  }