@charset 'UTF-8';
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/
* {box-sizing: border-box;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, address, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
hr {box-sizing: content-box; height: 0; overflow: visible;}
pre {font-family: monospace, monospace; font-size: 1em;}
a {background-color: transparent; -webkit-text-decoration-skip: objects;}
abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
b,strong {font-weight: inherit;}
b,strong {font-weight: bolder;}
code,kbd,samp {font-family: monospace, monospace; font-size: 1em;}
dfn {font-style: italic;}
mark {background-color: #ff0; color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
audio,video {display: inline-block;}
audio:not([controls]) {display: none; height: 0;}
img {border-style: none;}
svg:not(:root) {overflow: hidden;}
button,input,optgroup,select,textarea {font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0;}
button,input {overflow: visible;}
button,select {text-transform: none;}
button,html [type="button"],[type="reset"],[type="submit"] {border: none; outline: none;}
button,html [type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress {display: inline-block; vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"],[type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}
summary {display: list-item;}
canvas {display: inline-block;}
template {display: none;}
[hidden] {display: none;}
/*-------------------------------------------------------*/


blockquote{
  display:block;
  background:#e4e4f1;
  padding: 15px 20px 15px 45px;
  margin:2em;
  position: relative;
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 150%;
  text-align: justify;
  border-left: 15px solid #111132;
  border-right: 2px solid #111132;
  box-shadow: 2px 2px 15px #e4e4f1;
}

blockquote::before{
  content: "\201C";
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  position: absolute;
  left: 10px;
  top:20px}
blockquote::after{content: ""}
blockquote em{font-style: italic}

.bold {font-weight:bold !important}
.bolder {font-family: "Arial Black", Gadget, sans-serif; font-weight:bold}
.fnormal {font-weight:normal !important}
.fz10 {font-size:10px !important}
.fz11 {font-size:11px !important}
.fz12 {font-size:12px !important}
.fz14 {font-size:14px !important}
.fz16 {font-size:16px !important}
.fz18 {font-size:18px !important}
.fz22 {font-size:22px !important}

.bn {text-decoration:none !important;}

.arial {font-family:Arial, Helvetica, sans-serif !important}
.verdana {font-family:Verdana, Geneva, sans-serif !important}
.tahoma {font-family:Tahoma, Geneva, sans-serif !important}

.tac {text-align:center}
.tal {text-align:left}
.tar {text-align:right}
.taj {text-align:justify}

.fl, .fll {float:left}
.fr, .flr {float:right}

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

.w100p {width:100% !important}
.w98p {width:98% !important}
.w94p {width:94% !important}
.w50p {width:50% !important}
.w33p {width:33.3% !important}
.w25p {width:25% !important}

.mc {margin:0 auto !important}
.m0 {margin:0 !important}
.m3 {margin:3px !important}
.m5 {margin:5px !important}
.m10 {margin:10px !important}
.ml5 {margin-left:5px}
.ml10 {margin-left:10px}
.ml15 {margin-left:15px}
.ml25 {margin-left:25px}
.mr5 {margin-right:5px}
.mr10 {margin-right:10px}
.mr15 {margin-right:15px}
.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt25 {margin-top:25px}
.mb5 {margin-bottom:5px}
.mb10 {margin-bottom:10px}
.mb15 {margin-bottom:15px}
.mb25 {margin-bottom:25px}

.p0 {padding:0 !important}
.p3 {padding:3px !important}
.p5 {padding:5px !important}
.p10 {padding:10px !important}
.pl5 {padding-left:5px !important}
.pl10 {padding-left:10px !important}
.pl15 {padding-left:15px !important}
.pl25 {padding-left:25px !important}
.pr3 {padding-right:3px !important}
.pr5 {padding-right:5px!important}
.pr10 {padding-right:10px!important}
.pr15 {padding-right:15px!important}

.pb5, .pb5 li {padding-bottom:5px !important}
.pb8, .pb8 li {padding-bottom:8px !important}
.pb12, .pb12 li {padding-bottom:12px !important}

.bgr-blue {background-color:#265C4B}
.bgr-red {background-color:#3B8C66}

.bgr1 {background-color: #CC9933}
.bgr2 {background-color: #e5cc99}
.bgr3 {background-color: #ead6ad}
.bgr4 {background-color: #efe0c1}
.bgr5 {background-color: #f9f4ea}

.c1 {color:#5cad5c}
.c2 {color:#7dbd7d}
.c3 {color:#bdddbd}
.c4 {color:#339933}
.c5 {color:#e4f1e4}

.black {color:#0b200b}
.red {color:#3B8C66}
.blue {color:#265C4B}
.gold {color:#cc9933}
.green {color:#339933}

.lh130 {line-height:130%}
.lh150 {line-height:150%}
.lh160 {line-height:160%}
.lh170 {line-height:170%}
.lh180 {line-height:180%}

.listnone {list-style: none}
.hidden {overflow:hidden}
.dnone {display:none}
.dblock {display:block}
.vnone {visibility:hidden}
.both {clear:both}

.r5 {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
.r10 {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px}
.r15 {-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px}
.r20 {-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px}

.clr {clear:both; display:block; height:0px; overflow:hidden; float:none; border:0; margin:0; padding:0;}
.clr:after  {clear:both; content:" "; display:block;}


.row {width: 100%; display: block; font-size: 0; line-height: 0; text-align:center}
.row::after {content: "";clear: both;display: table;}
.row [class*="col-"] {display: inline-block; font-size: 14px; line-height:140%; padding:0 10px; vertical-align:top; text-align: left;}

@media screen and (min-width:960px) {
.col-05 {
       width: 4.15%;
     }
     .col-1 {
       width: 8.33333%;
     }
     .col-2 {
       width: 16.66667%;
     }
     .col-1-5 {
       width: 20%;
     }
     .col-3 {
       width: 25%;
     }
     .col-4 {
       width: 33.33333%;
     }
     
     .col-6 {
       width: 50%;
     }
    
     .col-8 {
       width: 66.66667%;
     }
     .col-9 {
       width: 75%;
     }
     .col-10 {
       width: 83.33333%;
     }
     .col-11 {
       width: 91.66667%;
     }
     .col-12 {
       width: 100%;
     }
}

@media screen and (max-width:959px) and (min-width:500px){
.col-05 {
       width: 10%;
     }
     .col-1 {
       width: 20%;
     }
     .col-2 {
       width: 20%;
     }
     .col-1-5 {
       width: 33.33333%;
     }
     .col-3 {
       width: 33.333333%;
     }
     .col-4 {
       width: 50%;
     }
    
     .col-6 {
       width: 50%;
     }
    
     .col-8 {
       width: 100%;
     }
     .col-9 {
       width: 100%;
     }
     .col-10 {
       width: 100%;
     }
     .col-11 {
       width: 100%;
     }
     .col-12 {
       width: 100%;
     }
}


/* -- Contact form -- */

.sendmeform-block {
	position:fixed;
	top:10px;
	left:50%;
	width: 100%;
	max-width: 500px;
	transform: translate(-50%, 0);
	z-index:9999;
}

.sendmeform {
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 150vh;
	background-color: rgba(255,255,255, .7);
	z-index:990;
}
.sendmeform.winpos {
	position: fixed;
}

#avaconform {
	position: relative;
	width: 100%;
	padding:20px 15px;
	background: #00384f url(../images/8.svg) no-repeat top center;
	background-size:700px 600px;-webkit-background-size:700px 600px;-moz-background-size:700px 600px
	color: #fff;
	border:7px solid #f4f4f4;
	box-shadow: 0 0 20px rgba(0,0,0, 1);
	text-align: center;
	max-width: 550px;
}
#avaconform .sminfo {
	margin-bottom: 18px;
	text-align: center;
	font-size: 26px;
	font-weight: 400;
	color: #fff;
}
#avaconform .your-prefix-class {
	display: none;
}
#avaconform .row-collapse {
	padding:1px 0 2px;
}

#avaconform textarea,
#avaconform input {
	display: block;
	margin: 2px auto;
	width: 98%;
	font-size: 13px;
	padding: 13px 10px;
}
#avaconform .form-b .input {
	display: block;
	width: 100%;
	margin-bottom: 5px;
}
#avaconform .form-b .label {
	display: block;
}
#avaconform .form-b .cell {
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
}
#avaconform .row {
	text-align: center;
	margin-bottom: 30px;
}
.sendBtn {
	margin:5px auto;
	line-height: 28px;
}
.sendBtn.noactiv {
	background-color: #999 !important;
	color: #ddd !important;
	cursor: not-allowed !important;
}
#avaconform .error {
	color: #3B8C66;
	font-size: 14px;
}
.close-sm {
	position: absolute;
	top: -10px;
	right: -10px;
	display:block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	line-height: 45px;
	background-color: transparent;
	cursor:pointer;
	margin:0;
	color: #ED1C24;
	font-size: 0;
	text-align: center;
}
.close-sm:before {
	content: "✖";
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	border-radius: 0;
	line-height: 35px;
	background-color: #fff;
	font-size: 18px;
	font-weight: 900;
}
.close-sm:hover {
	color:#000;
}

#smbtn_p {
	margin-bottom: 15px;
}

.fresults {
	padding-bottom: 20px;
	font-weight: bold;
	line-height: 150%;
	font-size: 16px;
	text-align: center;
}

/* tamplete */

.btn {
	display: inline-block;
	border-radius: 2px;
	text-align: center;
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	max-width: 315px;
	font-weight: 600;
	background-color:#3B8C66;
	color: #fff;
}
.btn:hover {
	background-color: #265C4B;
	text-decoration: none;
	color: #fefefe;
}


/* table style */
.tabl1 {background:#eef5f8 !important}
.tabl1 td {background:#f8fafc !important; padding:4px 10px}


/* sistem style */
.offline-page {padding: 30px 10px;background: #f4ead6;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}.offline-page .container {width: 400px;padding: 30px 50px 50px;border: 1px solid #b3b3b3;border-radius: 4px;margin: 0 auto;box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;background: #fdfbf8}.offline-page .offline-image {margin: 0 auto;max-width: 400px;max-height: 300px;border: none !important}.offline-page .offline-image-wrapper {text-align: center}.offline-page h1 {margin: 0 10px;text-align: center}.offline-page h1 span {color: #bbb}#joomla-message {}#system-message-container {}#system-message {margin-bottom: 10px}#system-message .alert {padding: 0 10px;background-color:#f1f6f9;border-top:2px solid #eaf2f6;border-bottom:2px solid #eaf2f6}#system-message .alert-message{}#system-message .close,#system-message .alert-heading {display:none}#system-message .alert .alert-message {background: url(../images/system/notice-info.png) left center no-repeat;padding:20px 0px 20px 40px;font-size:16px}#system-message > dt {font-weight: bold;display: none}#system-message > dd {margin: 0;font-weight: bold;text-indent: 30px}#system-message > dd > ul {color: #0055BB;background-position: 4px top;background-repeat: no-repeat;margin-bottom: 10px;list-style: none;padding: 10px;border-top: 3px solid #84A7DB;border-bottom: 3px solid #84A7DB}#system-message > dd > ul > li {line-height: 1.5em}#system-message > .message > ul {background-color: #C3D2E5;background-image: url(../images/system/notice-info.png)}#system-message > .error > ul,#system-message > .warning > ul,#system-message > .notice > ul {color: #c00}#system-message > .error > ul {background-color: #E6C0C0;background-image: url(../images/system/notice-alert.png);border-color: #DE7A7B}#system-message > .warning > ul {background-color: #E6C8A6;background-image: url(../images/system/notice-note.png);border-color: #FFBB00}#system-message > .notice > ul {background-color: #EFE7B8;background-image: url(../images/system/notice-note.png);border-color: #F0DC7E}.error-page {padding: 30px 10px;background: #f0f0f0;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}.error-page .container {width: 450px;padding: 30px 50px 50px;border: 1px solid #b3b3b3;border-radius: 4px;margin: 0 auto;box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;background: #fdfbf8}.error-page .error-message {white-space: pre-wrap}

/* icon font style */
@font-face {font-family: 'icoava';
src:  url('../fonts/icoava.eot?y40yrv');
src:  url('../fonts/icoava.eot?y40yrv#iefix') format('embedded-opentype'),
url('../fonts/icoava.ttf?y40yrv') format('truetype'),
url('../fonts/icoava.woff?y40yrv') format('woff');
font-weight: normal;font-style: normal;}

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    vertical-align: middle;
	font-family: 'icoava' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform:none;
	line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

[class^="icon-"]:before, [class*=" icon-"]:before {
	padding-right:5px;
}

.icon-shopping-cart:before {
  content: "\e901";
}
.icon-checkmark-circle:before {
  content: "\75";
}
.icon-checkbox-outline:before {
  content: "\76";
}
.icon-user-circle:before {
  content: "\7a";
}
.icon-verified_user:before {
  content: "\e8e8";
}
.icon-jshop_price:before {
  content: "\e902";
}
.icon-linkedin:before {
  content: "\e903";
}
.icon-instagram:before {
  content: "\e904";
}
.icon-web:before {
  content: "\e905";
}
.icon-smartphone:before {
  content: "\e906";
}
.icon-youtube:before {
  content: "\e907";
}
.icon-googleplus:before {
  content: "\e908";
}
.icon-vk:before {
  content: "\e909";
}
.icon-facebook:before {
  content: "\e90a";
}
.icon-pinterest:before {
  content: "\e90b";
}
.icon-meeting:before {
  content: "\e90c";
}
.icon-delivery:before {
  content: "\e90d";
}
.icon-stored:before {
  content: "\e90e";
}
.icon-image:before {
  content: "\e90f";
}
.icon-manager:before {
  content: "\e910";
}
.icon-office-fax:before {
  content: "\e911";
}
.icon-cellphone:before {
  content: "\e912";
}
.icon-telephone:before {
  content: "\e913";
}
.icon-tag:before {
  content: "\e914";
}
.icon-placeholder:before {
  content: "\e915";
}
.icon-suitcase:before {
  content: "\e916";
}
.icon-email:before {
  content: "\e917";
}
.icon-pin:before {
  content: "\e91a";
}
.icon-document-text:before {
  content: "\e91b";
}
.icon-document-text2:before {
  content: "\e91c";
}
.icon-whatsapp:before {
  content: "\e921";
}
.icon-clock:before {
  content: "\e94e";
}
.icon-calendar:before {
  content: "\e953";
}
.icon-undo:before {
  content: "\e967";
}
.icon-redo:before {
  content: "\e968";
}
.icon-bubble:before {
  content: "\e96e";
}
.icon-user-tie:before {
  content: "\e976";
}
.icon-search:before {
  content: "\e986";
}
.icon-smile:before {
  content: "\e9e1";
}
.icon-sad:before {
  content: "\e9e5";
}
.icon-notification:before {
  content: "\ea08";
}
.icon-question:before {
  content: "\ea09";
}
.icon-info:before {
  content: "\ea0c";
}
.icon-wheelchair-alt:before {
  content: "\f29b";
}
.icon-newspaper:before {
  content: "\1f312";
}

td.detals {
	position:relative;
}
.manufacturer_name_prod {
	max-width:100%;
	margin:10px 0px;
	font-size:0.9rem;
}
.manufacturer_name.flr {
	float:none;
}
.manufacturer_name {
	max-width:110px;
    opacity: 0.5;
    position: absolute;
    right: 0px;
    top: -40px;
	min-height: 100px;
	overflow:hidden;
}
.manufacturer_name img {
    width: 100%;
    height: auto;
    max-width: 110px;
}

.manufacturer-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

.manufacturer-header img {
  max-height: 50px;
  width: auto;
  display: block;
  transition: opacity 0.3s ease;
}

.manufacturer-header img:hover {
  opacity: 0.8;
}

#comjshop .manufacturer-header h1 {
  font-size: 2rem;
  margin: 0;
}


.hwtsapp {
	display: flex;
    align-items: center;
    margin-top: 3px;
    background-color: #fff;
    padding: 0px 0px 5px 0px;
}
.hwtsapp:hover {
	border-bottom: 1px solid #eee;
}
.hwtsapp img {
	width: 25px;
	margin-right: 18px;
}

.wtsapp-number {
	color: #3B8C66;
	font-size: 20px;
}