@media (max-width:320px){
  .slogan-1{ font-size: 22px; border-bottom: solid 4px #5cb85c; padding: 0 0 20px 0; display: inline-block;}    
  .slogan-2{width: 300px; margin: 40px 0 0 10px; font-size: 13px;}
  .dis-padding{ padding: 0px;}
  .slogan-fs{ font-size: 25px; line-height: 30px;}
  .slogan-fs70{font-size:25px;}
  .category-title{ bottom: 10px; font-size: 16px;}

  .logo{ background: url('/images/logo.webp') no-repeat center center; width:150px !important; height:70px !important; background-size:150px !important; display: block;}
  
  .ic-title{ color: #fff; font-size:22px; text-align: center; margin: 0 0 20px 0; padding: 220px 0 0 0;}
  .ic-header{min-height: 330px; }
}
@media (min-width:321px){
  .slogan-1{ font-size: 22px; border-bottom: solid 4px #5cb85c; padding: 0 0 20px 0; display: inline-block;}    
  .slogan-2{width: 320px; margin: 40px 0 0 10px; font-size: 15px;}
  .dis-padding{ padding: 0px;}
  .slogan-fs{ font-size: 25px; line-height: 30px;}
  .slogan-fs70{font-size:25px;}
  .category-title{ bottom: 10px; font-size: 16px;}

  .logo{ background: url('/images/logo.webp') no-repeat center center; width:150px !important; height:70px !important; background-size:150px !important; display: block;}
  
  .ic-title{ color: #fff; font-size:22px; text-align: center; margin: 0 0 20px 0; padding: 220px 0 0 0;}
  .ic-header{min-height: 330px; }
}
@media(min-width:640px){

}
@media(min-width:960px){
  .slogan-1{ font-size: 45px; border-bottom: solid 4px #5cb85c; padding: 0 0 20px 0; display: inline-block;}
  .slogan-2{width: 500px; margin: 40px 0 0 0; font-size: 20px;}
  .dis-padding{ padding: 0 90px 0 90px;}
  .slogan-fs{ font-size: 30px; line-height: 40px;}
  .slogan-fs70{font-size:50px;}
  .category-title{ bottom: 70px; font-size: 28px;}

  .sticky .logo{ background: url('/images/logo.webp') no-repeat center center; width:200px !important; height:100px !important; background-size:200px !important; display: block;}
  .logo{ background: url('/images/logo.webp') no-repeat center center; width:200px !important; height:100px !important; background-size:200px !important; display: block;}
  .ic-title{ color: #fff; font-size:35px; text-align: center; margin: 0 0 20px 0; padding: 300px 0 0 0;}
  .ic-header{min-height: 450px; }
}
@media(min-width:1200px){
  .slogan-1{ font-size: 50px; font-weight: 700; border-bottom: solid 4px #5cb85c; padding: 0 0 20px 0; display: inline-block;}

  .dis-padding{ padding: 0 120px 0 120px;}
  .slogan-fs{ font-size: 40px; line-height: 50px;}
  .slogan-fs70{font-size:70px;}  

  .logo{ background: url('/images/logo.webp') no-repeat center center; width:250px !important; height:100px !important; background-size:220px !important; display: block;}

}

@media(min-width:1400px){
 
}
.fixed-button{ position: fixed; bottom: 0px; padding: 20px; z-index: 9; text-align: center;background: rgb(0,75,129); background: linear-gradient(41deg, rgba(0,75,129,1) 0%, rgba(92,184,92,1) 100%); font-weight: 600; color: #fff;}
.uk-bg-blue{background: #3973af !important; border: 0px !important;}
.uk-bg-green{background: #5cb85c !important; border: 0px !important;}
.uk-card-primary.uk-card-body .uk-nav-primary>li>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a, .uk-card-secondary.uk-card-body .uk-nav-primary>li>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a, .uk-light .uk-nav-primary>li>a, .uk-offcanvas-bar .uk-nav-primary>li>a, .uk-overlay-primary .uk-nav-primary>li>a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a{color: #fff !important;}
.product-list-title{ font-size: 18px; color: #000; z-index: 6; position: relative; }
.whatsapp-button{z-index: 9; bottom: 10px; right: 10px; display: inline-block; position: fixed; background: #1cb367; padding: 15px; color: #fff;}
.uk-breadcrumb>*>*{ color: rgb(182, 182, 182);}

.uk-padding-10{padding: 10px;}
.uk-margin-20{margin: 20px !important;}
.uk-margin-70-20{margin: 70px 20px !important;}

.uk-offcanvas-bar{ width: 340px;background: rgb(0,75,129); background: linear-gradient(180deg, rgba(0,75,129,1) 0%, rgba(92,184,92,1) 100%);}
.uk-navbar-nav>li>a{ color: #fff; font-size: 16px; margin: 0 10px 0 10px;}
.uk-navbar-nav>li.uk-active>a{ color: #fff; font-size: 16px;}
.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a[aria-expanded=true]{ color: #eeeeee;}
.uk-navbar-dropdown{ min-width: 300px !important; text-align: left !important;}
.uk-navbar-dropdown-nav>li>a{ color: #000; font-size: 14px;}
.uk-navbar-dropdown-nav>li>a:hover{ color: #3b3b3b; }
.uk-button-text{ color: #5cb85c !important;}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{ font-family: 'Montserrat', sans-serif; text-transform:capitalize}

.sticky {
  position: fixed !important;
  z-index:999;
  margin-top: -45px;
  -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;
  background:rgba(49, 49, 49, 0.9);
  }

.box-pd{padding: 10px 7px 0px 7px !important;}
.center-bg{background: url('/images/center-bg.webp') no-repeat center bottom; background-size: 100%; padding: 100px 0 100px 0;}
.footer-bg{background: #36383e; padding: 80px 0 80px 0;}


.img-fit-320{object-fit: contain; height: 280px !important; width:100%; padding: 20px;}

.header-absolute{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out; z-index: 80; width: 100%; position: absolute; }

.uk-w-100{ width: 100% !important;}
.h-80-vh{height: 80vh;}
.h-100{ height: 100%;}
.h-100px{height: 100px;}
.slide-gradiend{position: absolute;background: rgb(13,23,27);
background: linear-gradient(24deg, rgba(13,23,27,1) 0%, rgba(39,68,83,0.7) 100%); width: 100%; height: 100%; z-index: 2; top: 0px;}
.slide-mask{position: absolute; z-index: 2; width:100%; bottom: -2px;}

.footer-menu li { display: block;}
.footer-menu li a{ display: block; color: #fff; text-align: left; font-size: 15px; font-weight: 200; margin: 14px 0 14px 0;}
.footer-menu li a:hover{ color: #ececec;}

.home-product-category li { display: block;}
.home-product-category li a{ display: block; color: #fff; text-align: left; font-size: 20px; line-height: 45px; font-weight: 200;}
.home-product-category li a:hover{ color: #5cb85c;}

.sidenav-menu li { display: block;}
.sidenav-menu li a:hover{ color: #5cb85c;border-left: solid 4px #5cb85c;}

.left-menu li { display: block;}
.left-menu li a{ display: block; color: #000; text-align: left; font-size: 15px; line-height: 15px; padding-left: 10px; font-weight: 500; border-left: solid 4px rgba(255, 255, 255, 0); margin: 0px 0px 15px 15px;}

.left-menu li .act{ color: #5cb85c;border-left: solid 4px #5cb85c;}
.left-menu li a:hover{ color: #5cb85c;border-left: solid 4px #5cb85c;}



.overlaymenu{ position:absolute; background:#0f1014; opacity:0.95; z-index:1; top:0px; left:0px;  width:100%; height:100%; display:none;	}

.sidenav { height: 100%; position: fixed;  z-index: 1; top: 0px;  transition: 0.5s;  }

.w-650{height: 100% !important;}

.w-270{height:100%;display:block; width:100%;}

.bar1, .bar2, .bar3 {
  width: 55px;
  height: 1px;
  background-color: #fff;
  margin: 5px 0px 5px 0px;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(45deg) translate(-6px, 5px);
  transform: rotate(-45deg) translate(-6px, 5px);
  background-color: #fff;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-4px, -4px);
  transform: rotate(45deg) translate(-4px, -4px);background-color: #fff;
}

.overflow-y{ overflow-y:hidden; overflow-x: hidden;}
body{margin:0px; font-family: 'Montserrat', sans-serif;  background:#fff;font-weight:400;font-size:18px;color:#182e3a; outline:none; }
html{overflow-y:scroll;overflow-x:hidden;height:100%;}

.scroller {
  height: 100vh; 
}

.ul{ list-style:none; padding:0px; margin:0px;}
.compensate-for-scrollbar{margin-right:0px !important;}

body::-webkit-scrollbar {
  width: 10px;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #161614;
  outline: 1px solid #161614;
}
.uk-text-white{ color: #fff !important;}
.uk-text-grey{ color: #848484 !important;}

.uk-text-white-link{ color: #fff !important;}
.uk-text-white-link:hover{ color: #5cb85c !important;}

.uk-text-yellow{ color: #5cb85c !important;}
.uk-text-yellow:hover{ color: #fff !important;}

a{text-decoration:none;color:#85888a;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
a:hover{text-decoration:none;color:#5cb85c;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
.uk-text-black{ color: #000 !important;}

h1,h2,h3,h4,h5,h6{border:0;font-size:100%;margin:0;padding:0;font-weight:normal;font-family: 'Montserrat', sans-serif !important;}
.z-1{ z-index:1;}
.z-99{ z-index:99;}
.fw9{font-weight:900;}
.fw7{font-weight:700;}
.fw5{font-weight:500;}
.fw6{font-weight:600;}
.fw8{font-weight:800;}
.fw4{font-weight:400 !important;}
.fw3{font-weight:300 !important;}
.fw2{font-weight:200;}
.fw1{font-weight:100;}
.fs7{font-size:7px;}
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs18{font-size:18px;}
.fs20{font-size:20px !important;}
.fs23{font-size:23px;}
.fs25{font-size:25px;}
.fs26{font-size:26px;}
.fs27{font-size:27px;}
.fs28{font-size:28px;}
.fs29{font-size:29px;}
.fs30{font-size:30px;}
.fs35{font-size:35px;}
.fs40{font-size:40px;}
.fs45{font-size:45px;}
.fs50{font-size:50px;}
.fs55{font-size:55px;}
.fs60{font-size:60px;}
.fs65{font-size:65px;}
.fs70{font-size:70px;}

.opacity-01{ opacity: 0.1;}
.opacity-02{ opacity: 0.2;}
.opacity-03{ opacity: 0.3;}
.opacity-04{ opacity: 0.4;}
.opacity-05{ opacity: 0.5;}
.opacity-06{ opacity: 0.6;}
.opacity-07{ opacity: 0.7;}
.opacity-08{ opacity: 0.8;}
.opacity-09{ opacity: 0.9;}


.hover-top{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}
.hover-top:hover{transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}

.hover-top-shadow{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}
.hover-top-shadow:hover{ box-shadow: 0px 6px 22px #ebebeb; transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}

.hover-top2{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}
.hover-top2:hover{transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}

#element::-webkit-scrollbar { 
  display: none; 
}
::-webkit-scrollbar { 
  display: none; 
}
/* montserrat-100 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('/fonts/montserrat-v25-latin-ext_latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/montserrat-v25-latin-ext_latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v25-latin-ext_latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v25-latin-ext_latin-100.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v25-latin-ext_latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v25-latin-ext_latin-100.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-200 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('/fonts/montserrat-v25-latin-ext_latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/montserrat-v25-latin-ext_latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v25-latin-ext_latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v25-latin-ext_latin-200.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v25-latin-ext_latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v25-latin-ext_latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-300 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/montserrat-v25-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/montserrat-v25-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v25-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v25-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v25-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v25-latin-ext_latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/montserrat-v25-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/montserrat-v25-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v25-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v25-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v25-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v25-latin-ext_latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/montserrat-v25-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/montserrat-v25-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v25-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v25-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v25-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v25-latin-ext_latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/montserrat-v25-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/montserrat-v25-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v25-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v25-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v25-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v25-latin-ext_latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/montserrat-v25-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/montserrat-v25-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v25-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v25-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v25-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v25-latin-ext_latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/fonts/montserrat-v25-latin-ext_latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/montserrat-v25-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v25-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v25-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v25-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v25-latin-ext_latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/fonts/montserrat-v25-latin-ext_latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/montserrat-v25-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/montserrat-v25-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/montserrat-v25-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
       url('/fonts/montserrat-v25-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/montserrat-v25-latin-ext_latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}

