body {line-height: 1.6;font-size: 16px;background: var(--main-body-color);color: var(--main-text-color);font-weight: 300;overflow-x: hidden;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
.cleaner, .clear {width:0;height:0;clear:both;display:block;overflow:hidden;visibility:hidden}
body.fh5co-offcanvas {overflow: hidden}
h1,h2,h3,h4,h5,h6,.heading {margin: 15px 0 5px 0;  line-height: normal;  font-weight: 800;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.05em}
h6 {font-size: 1.05em;}
.flex-video {width: 100%;margin: 0 auto;}

.flex-video iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  border: 0;
}


.invid{width:50%;margin:0 25%}
.invid_right{width:50%;margin-left: 50%}
.invid_left{width:50%;margin-right: 50%}
.invideo{width:100%}

.galery{width:100%;margin:0px auto 0 auto;vertical-align:middle;padding:0px;padding-top:5px;text-align:center}
.gal_foto{width:100% !IMPORTANT;max-width:340px;padding-top:75%;position: relative;margin:0px auto 20px auto;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.one_foto{width:100% !IMPORTANT;padding-top:75%;position: relative;margin:0px auto 20px auto;background-repeat: no-repeat;background-position: top center;background-size: auto 100%;}
.one_foto .tit{background:rgba(20,20,20,.6);font-size:.8em;padding:3px 10%;text-align:center;color:#FFF;line-height: 2em;position: absolute;bottom:10px;left:0;right:0;overflow: hidden;-webkit-animation-name: bounceOutDown;animation-name: bounceOutDown;-webkit-animation-duration: .1s;animation-duration: .1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.one_foto:hover .tit{-webkit-animation-name: bounceInUp;animation-name: bounceInUp;-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webhit-animation-delay:.2s;animation-delay:.2s}
.slider .gal_foto{width:100% !IMPORTANT;max-width:100%;height:auto;max-height:100%;position: absolute;top:0;left:0;right:0;bottom:0;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.gal_foto:hover{-webkit-animation-name: pulse;animation-name: pulse;-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.gal_foto .tit{background:rgba(20,20,20,.6);font-size:.8em;padding:3px 10%;text-align:center;color:#FFF;line-height: 2em;position: absolute;bottom:10px;left:0;right:0;overflow: hidden;-webkit-animation-name: bounceOutDown;animation-name: bounceOutDown;-webkit-animation-duration: .1s;animation-duration: .1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.gal_foto:hover .tit{-webkit-animation-name: bounceInUp;animation-name: bounceInUp;-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webhit-animation-delay:.2s;animation-delay:.2s}
.gal_obal{}
.slider .gal_obal{width:50% !IMPORTANT;margin:0 25%;padding-top: 37.5%;}
.galery_title{width:100%;margin:0px auto 0 auto;vertical-align:middle;padding:0px;padding-top:5px;height:inherit;position: relative;overflow: hidden;}
.galery_title .gal_obal{width:25% !IMPORTANT;float:left;display: inherit;overflow: hidden;padding: 0px; margin:0px;padding-top: 56.25%;position: relative;}
.galery .status_text{margin: 5px 0px;background-color: #F1F0F1;  font-size:0.7em;font-weight: 600; }
.galery img{margin:5px .5%;position:relative;vertical-align:middle;opacity:1;filter:alpha(opacity=100);width:24%;}
.galery img:hover{-webkit-box-shadow: 0px 0px 4px #141414;-moz-box-shadow: 0px 0px 4px #141414;box-shadow: 0px 0px 4px #141414;}
.galery h3{text-align: left;font-size: 1.5em;border-bottom: 1px solid grey;margin: 0px 20px 10px 20px;    }
.find a:hover{color:#054982;text-decoration: none;}
.find h5 a{font-weight: 600;}
.find img{max-height:150px;}
.textarray div{vertical-align: top;}
a {-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;color: #000000;text-decoration: none;}
a:hover {color: #2e2e2e;border-bottom-color: transparent;text-decoration: none;}

.annotation{border-top:2px solid #ff0000;border-bottom:2px solid #ff0000;margin:10px 0;padding:10px;text-align:center;font-size:120%;}
.awesome {margin:3px 6px;vertical-align:middle}
.awesome, .awesome:visited {border:1px solid #585858;background:linear-gradient(180deg,#6d6d6d 0%,#4f4f4f 100%);display:inline-flex !important;align-items:center;justify-content:center;gap:8px;padding:10px 22px 11px !important;color:#FFF;text-decoration:none !important;font-weight:600 !important;line-height:1.1 !important;letter-spacing:.02em;position:relative !important;cursor:pointer !important;border-radius:999px;box-shadow:0 10px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.18);-webkit-transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease}
.awesome:hover {background:#FFF;border:1px solid #585858 !IMPORTANT;color:#000000 !IMPORTANT;transform:translateY(-2px);box-shadow:0 14px 26px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.35)}
.awesome:active{transform:translateY(0);box-shadow:0 6px 14px rgba(0,0,0,.14)}
.awesome:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(2,68,134,.18),0 12px 24px rgba(0,0,0,.18)}
.small.awesome, .small.awesome:visited{font-size:12px !important;padding:8px 16px 9px !important;border-radius:999px!important}
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited{font-size:15px !important;border-radius:999px!important}
.large.awesome, .large.awesome:visited{font-size:17px !important;font-weight:700;border-radius:999px!important;padding:12px 26px 13px !important}
.big.awesome, .big.awesome:visited{font-size:28px !important;font-weight:700;padding:14px 60px 16px !important;border-radius:999px!important}
.full.awesome, .full.awesome:visited{font-size:28px !important;font-weight:700;padding:14px 30px 16px !important;width:80%;margin-left:10;margin-right:10%;border-radius:999px!important}

.gray.awesome, .gray.awesome:visited{ border:2px solid rgb(84, 84, 84) !important;background:rgb(94, 94, 94) !important; color: #ffffff !important;}
.gray.awesome:hover, .gray.awesome .current{border:2px solid rgb(35, 31, 32) !important;background:rgb(41, 41, 41) !important; color: #FFF !important;}
.navy.awesome, .navy.awesome:visited{ border:2px solid rgb(35, 31, 32) !important;background:rgba(255,255,255,1) !important; color: rgb(35, 31, 32) !important;}
.navy.awesome:hover, .navy.awesome .current{border:2px solid rgb(35, 31, 32) !important;background:rgb(35, 31, 32) !important; color: #FFF !important;}
.red.awesome, .red.awesome:visited{border:2px solid #C40000 !important;background:rgba(255,255,255,1) !important; color: #C40000 !important;}
.red.awesome:hover, .red.awesome .current{border:2px solid #C40000 !important;background:#C40000 !important; color: #FFF !important;}
.black.awesome, .black.awesome:visited{border:2px solid #000 !important;background:rgba(255,255,255,1) !important; color: #000 !important;}
.black.awesome:hover, .black.awesome .current{border:2px solid #000 !important;background:#000 !important; color: #FFF !important;}
.green.awesome, .green.awesome:visited{border:2px solid #0B8A1C !important;background:rgba(255,255,255,1) !important; color: #0B8A1C !important;}
.green.awesome:hover, .green.awesome .current{border:2px solid #0B8A1C !important;background:#0B8A1C !important; color: #FFF !important;}
.blue.awesome, .blue.awesome:visited{border:2px solid #21808d !important;background:rgba(255,255,255,1) !important; color: #1b6b75 !important;}
.blue.awesome:hover, .blue.awesome .current{border:2px solid #217985 !important;background:#207c88 !important; color: #FFF !important;}
.magenta.awesome, .magenta.awesome:visited{border:2px solid #a9014b !important;background:rgba(255,255,255,1) !important; color: #a9014b !important;}
.magenta.awesome:hover, .magenta.awesome .current{border:2px solid #a9014b !important;background:#a9014b !important; color: #FFF !important;}
.orange.awesome, .orange.awesome:visited{border:2px solid #ff5c00 !important;background:rgba(255,255,255,1) !important; color: #ff5c00 !important;}
.orange.awesome:hover, .orange.awesome .current{border:2px solid #ff5c00 !important;background:#ff5c00 !important; color: #FFF !important;}
.brown.awesome, .brown.awesome:visited{border:2px solid #DE8C00 !important;background:rgba(255,255,255,1) !important; color: #DE8C00 !important;}
.brown.awesome:hover, .brown.awesome .current{border:2px solid #DE8C00 !important;background:#DE8C00 !important; color: #FFF !important;}
.yellow.awesome, .yellow.awesome:visited{font-weight:600 !IMPORTANT;border:2px solid #FED95A !important;background:#FED95A !important; color: #000 !important;}
.yellow.awesome:hover, .yellow.awesome .current{border:2px solid #ffb515 !important;background:#FFF !important; color: #000 !important;}
.news_but.awesome, .news_but.awesome:visited{border:2px solid #0B8A1C !important;background:rgba(255,255,255,1) !important; color: #0B8A1C !important;}
.news_but.awesome:hover, .news_but.awesome .current{border:2px solid #0B8A1C !important;background:#0B8A1C !important; color: #FFF !important;}
.form.awesome, .form.awesome:visited{ border:2px solid #c01919 !important;background:#b31515 !important; color: #FFF !important;margin:2px 14px !important;}
.form.awesome:hover,.form.awesome .current{border:2px solid #0e0303 !important;background:#b81c1c !important; color: #FFF !important;}
.add.awesome, .add.awesome:visited{ border:2px solid #bb1a24 !important;background:rgba(255,255,255,1) !important; color: #bb1a24 !important;}
.add.awesome:hover,.add.awesome .current{border:2px solid #bb1a24 !important;background:#bb1a24 !important; color: #FFF !important;}
.remove.awesome, .remove.awesome:visited{ border:2px solid #BF0000 !important;background:rgba(255,255,255,1) !important; color: #BF0000 !important;}
.remove.awesome:hover,.remove.awesome .current{border:2px solid #BF0000 !important;background:#BF0000 !important; color: #FFF !important;}
.nav{position:absolute !IMPORTANT;bottom:8px;right:8px;}
.order.awesome, .order.awesome:visited{font-size:150% !IMPORTANT;border:2px solid rgba(220, 10, 16,1) !important;background:rgba(238, 34, 46,.8) !important; color: #FFF !important;}
.order.awesome:hover, .order.awesome .current{border:2px solid rgba(238, 34, 46,1) !important;background:rgba(238, 34, 46,.2) !important; color: #000 !important;}
.tobasket.awesome, .tobasket.awesome:visited{border:2px solid #0B8A1C !important;background:rgba(255,255,255,1) !important; color: #0B8A1C !important;}
.tobasket.awesome:hover, .tobasket.awesome .current{border:2px solid #087217 !important;background:#0B8A1C !important; color: #FFF !important;}
.toorder.awesome, .toorder.awesome:visited{border:2px solid #585858 !important;background:#808080 !important; color: #FFF !important;}
.toorder.awesome:hover, .toorder.awesome .current{border:2px solid #585858 !important;background:#FFF !important; color: #000 !important;}
.backorder.awesome, .backorder.awesome:visited{ border:2px solid #231F20 !important;background:rgba(255,255,255,1) !important; color: #231F20 !important;}
.backorder.awesome:hover, .backorder.awesome .current{border:2px solid #231F20 !important;background:#231F20 !important; color: #FFF !important;}
.calendar.awesome, .calendar.awesome:visited{border:2px solid #0B8A1C !important;background:rgba(255,255,255,1) !important; color: #0B8A1C !important;}
.calendar.awesome:hover, .calendar.awesome .current{border:2px solid #0B8A1C !important;background:#0B8A1C !important; color: #FFF !important;}
.tobasket, .backorder{width:100% !IMPORTANT;margin:15px 0px !IMPORTANT;}

.f-nav{ z-index: 104 !IMPORTANT; width: 100%; position: fixed !IMPORTANT;top:45px;background:rgba(255,255,255,.8);border-bottom:4px solid rgba(0,0,0,.5)} /* this make our menu fixed top */
.top-nav{ z-index: 105 !IMPORTANT; width: 100%; position: fixed !IMPORTANT;top:0px;transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:height 0.3s ease-in-out;} 
.top-menu{ z-index: 104 !IMPORTANT; width: 100%; position: fixed !IMPORTANT;transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:height 0.3s ease-in-out;} 
.top-sidemenu{ z-index:107  !IMPORTANT; width: 100%; position: fixed !IMPORTANT;transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:height 0.3s ease-in-out;} /* this make our menu fixed top */

#search {width:100%;position: relative;margin:2px 0;transition:width 0.3s ease-in-out;-o-transition:width 0.3s ease-in-out;-webkit-transition:width 0.3s ease-in-out;z-index:999;display: flex;align-items: center;overflow: visible !IMPORTANT;}
#search_f {width: 100%;position: relative;margin: 2px 0;transition: width 0.3s ease-in-out;-o-transition: width 0.3s ease-in-out;-webkit-transition: width 0.3s ease-in-out;z-index: 999;display: flex;align-items: center;overflow: visible !IMPORTANT;}
#search form, #search_f form{padding:0px;margin:0;display: flex;width:100%;}
#search input, #search_f input{border-radius:8px;position:relative;margin:0 10px;float: left;width:100%;padding:4px 15px;color:#808080;background: #FFF;border:1px solid #ACACAC;font-size:14px;height:36px;z-index:1000;outline: none;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);  transition: box-shadow 0.3s ease-in-out;box-sizing: border-box;}
#search input:focus, #search_f input:focus{border:1px solid #969696;box-shadow: 0 0 2px 4px rgba(0, 20, 0, 0.2);color:#000000;}
#searchResults {text-align:left;font-size:13px !IMPORTANT; line-height:15px !IMPORTANT;border: 1px solid #ACACAC;border-radius: 8px;max-height: 300px;overflow-y: auto;overflow-x: hidden;background-color: #fff;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);position: absolute;width:max-content;left:0px;top: 1₀₀%; display: none;margin:₀;z-index: 999;font-weight: 1₀₀;box-sizing:border-box}
#searchResults .desc{opacity: .8;font-size: .85em;white-space: nowrap;margin-left:4px;}
#searchResults .tit{font-size:0.95em !IMPORTANT; line-height:15px !IMPORTANT;font-style:italic;color:#504f4f;display:block;margin-right:4px}
#searchResults .img{width:95px;float:left;text-align: center;}
#searchResults .img img{max-height:35px;max-width:90%}
.no-results {padding: 10px;color: #888;text-align: center;}
#searchResults div:hover {background: #f0f0f0;}
.result-item {padding: 8px 12px;border-bottom: 1px solid #eee}
.result-item:hover {background-color: rgba(120,120,120,.05);}
.result-item a {display: flex;align-items: center;text-decoration: none;color: #333;width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word;}


@media screen and (max-width: 768px) {#search {width:100%;padding:0px;float:left;} #search input{width:98%;margin:0px 1%} #search form{width:100%;}#search i{float:left;}}