@charset "utf-8";
/* CSS Document */

/* 
#032713 DARK GREEN 2
#02353C DARK GREEN 1
#2EAF7D Green in Banner
#14a800 Green Upppvork
#DDF5E5, #C1F6ED, #EDF5E1 Light Green Shades
Black shades
#222222
#333333

COLORS & BACKGROUNDS
***********************************/

.bgwhite { background-color: #FFFFFF !important; color:#032713;}

@font-face {
    font-family: 'noto_nastaliq';
    src: url('fonts/NotoNastaliqUrdu-VariableFont_wght.ttf');
}

@font-face {
    font-family: 'unbounded';
    src: url('fonts/Unbounded-VariableFont_wght.ttf');
}
@font-face {
    font-family: 'unbounded_bold';
    src: url('fonts/static/Unbounded-Bold.ttf');
}

@font-face {
    font-family: 'rambla';
    src: url('fonts/Rambla-Regular.ttf');
}
@font-face {
    font-family: 'rambla_italic';
    src: url('fonts/Rambla-Italic.ttf');
}
@font-face {
    font-family: 'rambla_bold';
    src: url('fonts/Rambla-Bold.ttf');
}
@font-face {
    font-family: 'rambla_bold_italic';
    src: url('fonts/Rambla-BoldItalic.ttf');

}

/**********
BODY & GENERAL
***********************************/

/* 
For SCROLL
width */

::-webkit-scrollbar {
  width: 15px;
}

/* Track */

::-webkit-scrollbar-track {

  box-shadow: inset 0 0 5px grey; 
}


/* Handle */
::-webkit-scrollbar-thumb {
  background: #2EAF7D; 
  border-radius: 2px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #806208; 
}

.bodywrap {
	background: #fff;#DDF5E5;/*url(../../../images/headers/pakistan_map.png) no-repeat 00 110px transparent;*/
	background-size: contain;
	background-attachment: fixed;
}

.urdu, *[dir="rtl"] {

	font-family: nafees;
}

body { 

	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
/*	
    letter-spacing: 0;
    line-height:1.4;*/
}

article.item-page {
    text-align: justify;
}

hr { margin:1rem; }

.fw-bold { font-weight: bold !important; }

a { color: #212529; text-decoration:none;  }

a.readmore , .readmore {  }

iframe { width: 100%; }

li {
    line-height: 1.8em;
}

pre {
	background: #eee;
    padding: 15px;
    border: 1px solid #888;
}


.h1, h1 {
	font-size:24px !important;
}
headline.h1 {
	padding-top:15px;
}

.h2, h2 {
	font-size: 21px !important;
}

.h3, h3 {
    font-size: 18px !important;
}

h5 {

}

.btn-primary {

    color: #fff;
    background-color: #2EAF7A;
    border-color: #2EAF7A;
}

.breadcrumb {

    margin-bottom: 0 !important;
}

#loadmore {

    background-color: #2EAF7A;
    color: white;
    width: 100%;
    padding: 16px;
    margin: 15px auto;
    border: none;
    cursor: pointer;
    transition: all 200ms ease-in-out;
    border-radius: 3px;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.15rem;
}

.no-textdecoration, a.no-textdecoration, .no-textdecoration a
{
	text-decoration: none !important;
}

strong {     }

figure {
	margin:0 !important;
}
figure.left.item-image , figure.left.item-image img {
    max-width: 100%;
    display: block;
    height: auto;
	width:100%;
}

.gradient_lightgreen
{
background: radial-gradient(127.1% 342.73% at 50% -242.73%, #00beb3 69.08%, #9ff6f0 85.46%, #fff);
}

/*
BUTTONS
*************************************/

.btn-primary-reverse
{
	color: #000;
	border: 1px solid #2EAF7A;
}

/*
PRICE TABLE
*************************************/
.pricing-card {

	transition: all 0.3s;

	border-radius: 10px;

	overflow: hidden;

	margin-bottom: 30px;

}

.pricing-card:hover {

	transform: translateY(-10px);

	box-shadow: 0 10px 25px rgba(0,0,0,0.1);

}

.pricing-header {

	padding: 30px 0;

	text-align: center;

}

.basic .pricing-header {

	background-color: #f8f9fa;

}

.silver .pricing-header {

	background-color: #e9ecef;

}

.gold .pricing-header {

	background-color: #fff3cd;

}

.price {

	font-size: 2.5rem;

	font-weight: 700;

	margin: 20px 0;

}

.package-name {

	font-size: 1.5rem;

	font-weight: 600;

	text-transform: uppercase;

}

.pricing-features {

	padding: 20px;

}

.pricing-features ul {

	padding-left: 20px;

}

.pricing-features li {

	margin-bottom: 10px;

	list-style-type: none;

	position: relative;

	padding-left: 25px;

}

.pricing-features li:before {

	content: "✓";

	color: #28a745;

	position: absolute;

	left: 0;

	font-weight: bold;

}

.btn-pricing {

	width: 80%;

	margin: 20px auto;

	display: block;

	padding: 10px;

	font-weight: 600;

	border-radius: 50px;

}

.highlight-card {

	border: 2px solid #ffc107;

}





/*

TEMPLATE OVERRIDES

*************************************/

span.mod-articles-category-date {

    font-size: 12px;

}



/*

SEARCH

*************************************/

img.searchcompanyLogo {

    width: 150px;

}



/*

MEGA MENU

***********************************/

/* remove “X” from search input field */

input[type="search"]::-webkit-search-decoration,

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-results-button,

input[type="search"]::-webkit-search-results-decoration {

  display: none;

}



input[type=text]::-ms-clear {

  display: none;

  width: 0;

  height: 0;

}



input[type=text]::-ms-reveal {

  display: none;

  width: 0;

  height: 0;

}



li.nav-item {

    padding-left: 13px;

    list-style: none;

}

li.nav-item a{

	text-decoration:none;

	font-variation-settings:'wght' 700;

}

/*
TOP header
For BLog
*/
.text-white { color:#FFF !important; }
.greenleftborder {
	border-left: 8px solid #14a800  ;
	color: #249991;
}
.whiteleftborder {
	border-left: 8px solid #fff  ;
	color: #fff;
}
.whiteleftborder , .greenleftborder {
	font-weight: 800;
	font-size: 20px;
	line-height: 24px;
	padding: 10px 0 10px 14px;
	text-transform: uppercase;
}
.blogimg
{
    height: 185px;
    display: block;
    width: 100%;
}

dl.article-info.text-muted {
    display: flex;
}
dd.createdby, dd.published {
    margin-right: 15px;
    border-right: 1px solid;
    padding-right: 15px;
}

/*
s_home
*********************/

#s_home
{
	background: url(../images/pakistani_manufactures.webp) no-repeat right 15px top 3px #eaf7ef;
	background-size: contain;
	height: 317px;
	color:#222;
}
#s_home .more_padding {
	padding:30px 400px;
}
.more_padding h1{ font-size:37px !important; }
.more_padding p { font-size:18px; }

/* MOBILE */
@media (max-width:569px) {
#s_home
{
	background: #eaf7ef;
	height: auto;
}
	#s_home .more_padding {
		padding:5px 10px;
	}
	.more_padding h1{ font-size:22px !important; }
	.more_padding p { font-size:12px; 	text-align:center !important; }
	.more_padding a { font-size:12px; padding:1px 3px; width:122px; font-weight:bold; }
}
/*
banner_trending_products
****************/
.banner_trending_products {
	min-height: 350px;
}



/*
TOP SELECTED SERVICES
****************/

.topservices_bc7 {
	background-color:#FFFFFF;
	color:#000000;
}

/*
Find the Best Manufacturers, Suppliers, and Service Providers Online!
****************/
#banner_bc8a
{
	background-color:#F7F2F0;
}

/*
Ready to get started?
****************/
#banner_bc8 {
    background: linear-gradient(135deg, #003d1f, #006633);
    color: #fff;
}
.get-started-section {
    padding: 20px;
    text-align: center;
    border-radius: 12px;
}

.get-started-section h1 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 15px;
}

.get-started-section p.description {
    font-size: 1.1rem;
    max-width: 700px;
    margin: 0 auto 25px;
    opacity: 0.9;
}

.features-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px;
}

.feature-item {
    background: rgba(255,255,255,0.1);
    padding: 10px 18px;
    border-radius: 30px;
    font-size: 0.95rem;
}

.cta-btn {
    background: #00c853;
    color: #fff;
    padding: 12px 30px;
    font-size: 1.1rem;
    border-radius: 30px;
    text-decoration: none;
    transition: 0.3s;
    display: inline-block;
}

.cta-btn:hover {
    background: #00e676;
    color: #003d1f;
}

/* Responsive */
@media (max-width: 768px) {
    .get-started-section h1 {
        font-size: 1.8rem;
    }

    .features-list {
        flex-direction: column;
        align-items: center;
    }
}


/*
Newsletter
****************/
.banner_newsletter {
	background: url(../images/banner_subscribe.jpg) no-repeat 0 0;
    background-size: contain;
	background-position:bottom center;
	min-height: 300px;
}

.acysubbuttons input, .subbutton {
   background-color:#14a800 !important;
   color:#FFFFFF !important;
   border-color:#14a800 !important;
}

.acym_module_form input {
   padding: 15px 30px !important;
   border-radius:10px !important;
}

/* -------------------------------- 
Main Components 
-------------------------------- */
header {
  height: 100px;
  background: #ffffff;
}


/* -------------------------------- 
MODULES
-------------------------------- */
.mod_articles_category a
{
	font-size:14px;
	font-weight:600;
	line-height: 22px;
}

#bc_8_left h3, #bc_8_right h3 {
    padding: 7px 5px;
    margin: 0 !important;
    background: #032713;
    color: white;
}

.top_selected_imgWrapper {

	min-height:220px;

}





/* -------------------------------- 

DROP DOWN TOP MENU

-------------------------------- */

.cd-dropdown-wrapper {

  display: inline-block;

  position: relative;

  height: 40px;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.cd-dropdown-trigger {

  display: block;

  text-decoration: none;

  position: relative;

  padding: 0 36px 0 20px;

  line-height: 40px;

  background-color: #39b108;

  color: #ffffff;

  border-radius: 3px;

}

.no-touch .cd-dropdown-trigger:hover {

  background-color: #2eaf7a;

}

.cd-dropdown-trigger::before, .cd-dropdown-trigger::after {

  /* this is the arrow inside the dropdown trigger*/

  content: '';

  position: absolute;

  top: 50%;

  margin-top: -1px;

  height: 2px;

  width: 9px;

  background: #ffffff;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transition: width 0.3s, -webkit-transform 0.3s;

  -moz-transition: width 0.3s, -moz-transform 0.3s;

  transition: width 0.3s, transform 0.3s;

}

.cd-dropdown-trigger::before {

  right: 22px;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

.cd-dropdown-trigger::after {

  right: 17px;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}



.cd-dropdown-content .see-all a {

  /* different style for the See all links */

  color: #3f8654;

}

.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {

  /* items with picture (or icon) and title */

  height: 80px;

  line-height: 80px;

}

.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {

  /* truncate text with ellipsis if too long */

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {

  padding-left: 90px;

}

.cd-dropdown-content .cd-dropdown-gallery img {

  position: absolute;

  display: block;

  height: 40px;

  width: auto;

  left: 20px;

  top: 50%;

  margin-top: -20px;

}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {

  padding-left: 75px;

  position: relative;

}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {

  color: #111433;

  /*font-size: 1.3rem;*/

  /* hide description on small devices */

  display: none;

}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {

  /* item icon */

  content: '';

  display: block;

  position: absolute;

  left: 20px;

  top: 50%;

  margin-top: -20px;

  width: 40px;

  height: 40px;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 40px 40px;

}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-1::before {

  background-image: url("../img/nucleo-icon-1.svg");

}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-2::before {

  background-image: url("../img/nucleo-icon-2.svg");

}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-3::before {

  background-image: url("../img/nucleo-icon-3.svg");

}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-4::before {

  background-image: url("../img/nucleo-icon-4.svg");

}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-5::before {

  background-image: url("../img/nucleo-icon-5.svg");

}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-6::before {

  background-image: url("../img/nucleo-icon-6.svg");

}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-7::before {

  background-image: url("../img/nucleo-icon-7.svg");

}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-8::before {

  background-image: url("../img/nucleo-icon-8.svg");

}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-9::before {

  background-image: url("../img/nucleo-icon-9.svg");

}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-10::before {

  background-image: url("../img/nucleo-icon-10.svg");

}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-11::before {

  background-image: url("../img/nucleo-icon-11.svg");

}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-12::before {

  background-image: url("../img/nucleo-icon-12.svg");

}



@-webkit-keyframes cd-fade-in {

  0% {

    opacity: 0;

    visibility: visible;

  }

  100% {

    opacity: 1;

    visibility: visible;

  }

}

@-moz-keyframes cd-fade-in {

  0% {

    opacity: 0;

    visibility: visible;

  }

  100% {

    opacity: 1;

    visibility: visible;

  }

}

@keyframes cd-fade-in {

  0% {

    opacity: 0;

    visibility: visible;

  }

  100% {

    opacity: 1;

    visibility: visible;

  }



}



ul.is-hidden, 

ul.cd-dropdown-content

{

	list-style:none;

	padding-left:0 !important;

}

.cd-dropdown h2,

.cd-dropdown-content a,

.cd-dropdown-content ul a {

  height: 50px;

  line-height: 50px;

}



.cd-dropdown h2,

.cd-dropdown-content a,

.cd-dropdown-content ul a,

.cd-dropdown-content .cd-divider {

  padding: 0 20px;

}



.cd-dropdown {

  position: fixed;

  z-index: 9999;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #2eaf7d;

  color: #ffffff;

  visibility: hidden;

  /* Force Hardware Acceleration */

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  -ms-transform: translateZ(0);

  -o-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-transform: translateY(-100%);

  -moz-transform: translateY(-100%);

  -ms-transform: translateY(-100%);

  -o-transform: translateY(-100%);

  transform: translateY(-100%);

  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;

  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;

  transition: transform 0.5s 0s, visibility 0s 0.5s;

}

.cd-dropdown h2 {

  position: relative;

  z-index: 1;

  color: #585a70;

  background-color: #111433;

  border-bottom: 1px solid #242643;

}

.cd-dropdown .cd-close {

  position: absolute;

  z-index: 1;

  right: 0;

  top: 0;

  height: 50px;

  width: 50px;

  /* image replacement */

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  color: transparent;

}

.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {

  /* this is the 'X' icon */

  content: '';

  position: absolute;

  left: 50%;

  top: 50%;

  bottom: auto;

  right: auto;

  -webkit-transform: translateX(-50%) translateY(-50%);

  -moz-transform: translateX(-50%) translateY(-50%);

  -ms-transform: translateX(-50%) translateY(-50%);

  -o-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  height: 20px;

  width: 2px;

  background-color: #ffffff;

}

.cd-dropdown .cd-close::after {

  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);

  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);

  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);

  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);

  transform: translateX(-50%) translateY(-50%) rotate(45deg);

}

.cd-dropdown .cd-close::before {

  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);

  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);

  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);

  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);

  transform: translateX(-50%) translateY(-50%) rotate(-45deg);

}

.cd-dropdown.dropdown-is-active {

  visibility: visible;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;

  -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;

  transition: transform 0.5s 0s, visibility 0s 0s;

}



.cd-dropdown-content, .cd-dropdown-content ul {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  overflow-x: hidden;

  overflow-y: auto;

  -webkit-transition: -webkit-transform 0.3s;

  -moz-transition: -moz-transform 0.3s;

  transition: transform 0.3s;

  padding-top: 50px;

}

.cd-dropdown-content a, .cd-dropdown-content ul a {

  display: block;

  color: #ffffff;

  /* truncate text with ellipsis if too long */

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

 /* border-top-width: 0px;

  border-color: #FFF;

  border-style: solid;*/

}

.cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a {

  border-top-width: 0;

}

.cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a {

  border-bottom-width: 0px;

}

.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {

  padding-top: 10px;

  padding-bottom: 10px;

  background-color: #2eaf7d;

  /*font-size: 1.1rem;*/

  font-weight: bold;

  letter-spacing: 1px;

  color: #585a70;

  text-transform: uppercase;

}

.cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {

  border-top-width: 0;

}

.cd-dropdown-content a, .cd-dropdown-content .cd-search, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul .cd-divider {

  /* Force Hardware Acceleration */

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  -ms-transform: translateZ(0);

  -o-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

  -moz-transition: opacity 0.3s, -moz-transform 0.3s;

  transition: opacity 0.3s, transform 0.3s;

}

.cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden {

  /* push the secondary dropdown items to the right */

  -webkit-transform: translateX(100%);

  -moz-transform: translateX(100%);

  -ms-transform: translateX(100%);

  -o-transform: translateX(100%);

  transform: translateX(100%);

}

.cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {

  /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */

  opacity: 0;

}

.cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {

  /* push the dropdown items to the left when secondary dropdown slides in */

  -webkit-transform: translateX(-100%);

  -moz-transform: translateX(-100%);

  -ms-transform: translateX(-100%);

  -o-transform: translateX(-100%);

  transform: translateX(-100%);

}

.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul {

  -webkit-overflow-scrolling: touch;

}

@-webkit-keyframes cd-fade-out {

  0% {

    opacity: 1;

    visibility: visible;

  }

  100% {

    opacity: 0;

    visibility: visible;

  }

}

@-moz-keyframes cd-fade-out {

  0% {

    opacity: 1;

    visibility: visible;

  }

  100% {

    opacity: 0;

    visibility: visible;

  }

}

@keyframes cd-fade-out {

  0% {

    opacity: 1;

    visibility: visible;

  }

  100% {

    opacity: 0;

    visibility: visible;

  }

}

.cd-search input[type="search"] {

  width: 100%;

  height: 50px;

  padding: 0 20px;

  -webkit-appearance: none;

  -moz-appearance: none;

  -ms-appearance: none;

  -o-appearance: none;

  appearance: none;

  background-color: #242643;

  color: #ffffff;

  border: none;

  border-radius: 0;

}

.cd-search input[type="search"]::-webkit-input-placeholder {

  color: #ffffff;

}

.cd-search input[type="search"]::-moz-placeholder {

  color: #ffffff;

}

.cd-search input[type="search"]:-moz-placeholder {

  color: #ffffff;

}

.cd-search input[type="search"]:-ms-input-placeholder {

  color: #ffffff;

}

.cd-search input[type="search"]:focus {

  background: #ffffff;

  color: #111433;

  outline: none;

}

.cd-search input[type="search"]:focus::-webkit-input-placeholder {

  color: rgba(17, 20, 51, 0.4);

}

.cd-search input[type="search"]:focus::-moz-placeholder {

  color: rgba(17, 20, 51, 0.4);

}

.cd-search input[type="search"]:focus:-moz-placeholder {

  color: rgba(17, 20, 51, 0.4);

}

.cd-search input[type="search"]:focus:-ms-input-placeholder {

  color: rgba(17, 20, 51, 0.4);

}



.has-children > a, .go-back a {

  position: relative;

}

.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {

  /* arrow icon in CSS - for element with nested unordered lists */

  content: '';

  position: absolute;

  top: 50%;

  margin-top: -1px;

  display: inline-block;

  height: 2px;

  width: 10px;

  background: #ffffff;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}

.has-children > a::before, .go-back a::before {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

.has-children > a::after, .go-back a::after {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.has-children > a {

  padding-right: 40px;

}

.has-children > a::before, .has-children > a::after {

  /* arrow goes on the right side - children navigation */

  right: 20px;

  -webkit-transform-origin: 9px 50%;

  -moz-transform-origin: 9px 50%;

  -ms-transform-origin: 9px 50%;

  -o-transform-origin: 9px 50%;

  transform-origin: 9px 50%;

}



.cd-dropdown-content .go-back a {

  padding-left: 40px;

}

.cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after {

  /* arrow goes on the left side - go back button */

  left: 20px;

  -webkit-transform-origin: 1px 50%;

  -moz-transform-origin: 1px 50%;

  -ms-transform-origin: 1px 50%;

  -o-transform-origin: 1px 50%;

  transform-origin: 1px 50%;

}



.cd-main-content {

  background-color: #e6e6e6;

  min-height: calc(100vh - 100px);

  padding: 2em 5%;

  line-height: 2;

}



.no-js .cd-dropdown-wrapper:hover .cd-dropdown {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}



.no-js .cd-dropdown-wrapper .cd-close {

  display: none;

}





/*

Blog 

***********************************/
.mod-articlescategories a {
    
}
.relatedblog >div {

	height:285px;

}

.relatedblog img {

	height:150px !important;

}



/**********

BODY

Listing

***********************************/

.listings {

    border-bottom: 1px dashed #888;

}



/*

PAGES

********************************/

/* About */

#about{}

#ourstory{

	background:url(../images/grid_lines.svg) no-repeat 0 0 ;

	background-position:0 100%;

	position:relative;

}

#ourstory:after{

    bottom: calc(0.25rem * 0);

    content: "";

    background: linear-gradient(#fff 0% 100%);

    background: linear-gradient(#fff0, #fff);

    width: 100%;

    min-height: 10rem;

    position: absolute;

}

.callout_bullets {

	margin: calc(0.25rem * 0);

}

.callout_grid {

	grid-template-columns: repeat(2, minmax(0, 1fr));

	gap: 10rem;

}

.ourstory { font-size:50px !important; }



.callout_bullet {

    margin-block: calc(0.25rem * 0);

    padding-left: calc(0.25rem * 0);

    list-style-type: none;

    position: relative;

}

.callout_bullet:before {

    border-left-style: solid;

    border-left-width: 1px;

    border-color: #39b108;/*color(display-p3 .3686 .9686 .9216);*/

    content: "";

    height: 100%;

    position: absolute;

    top: 1rem;

    left: -2.0325rem;

}

.callout_title {

	font-size:28px;

    

	padding-bottom:15px;

    -webkit-text-fill-color: transparent;

    background: linear-gradient(270deg, #39b108 66.69%, #007173);

   /* background: linear-gradient(270deg, color(display-p3 .0392 .851 .7843) 66.69%, color(display-p3 .0863 .4353 .4471));*/

    -webkit-background-clip: text !important;

    background-clip: text !important;

}

.callout_bullet:after {

    background-color: #39b108;

    content: "";

    border-radius: 3.40px;

    width: 1rem;

    height: 1rem;

    display: flex;

    position: absolute;

    top: .875rem;

    left: -2.5rem;

}



#perspective {

	background:url(../images/zipper-grid.webp) no-repeat 0 0 ;

	background-position:100% 100%;

	position:relative;

}

#perspective:before {

    top: calc(0.25rem * 0);

    background: linear-gradient(#fff 0% 100%);

    background: linear-gradient(#fff, #fff0);

}

#perspective:before, #perspective:after {

    content: "";

    width: 100%;

    min-height: 10rem;

    position: absolute;

}



/*

PAGINATION

******************************/



#pagination {

	text-align:center;

	margin:0 auto;

	overflow-x: scroll;

	overflow-y: hidden;

}

.pagination {

	display:flex !important;

	justify-content: center;

}

.page-link {

    padding: 5px 15px !important;

    height: 40px !important;

}

.page-item.active .page-link {

	background-color: #14a800;

	color: #EDF5E1;

}

span.icon-angle-left::before {

    content: "\F276";

}

span.icon-angle-double-left::before {

    content: "\F279";

}

span.icon-angle-right::before {

    content: "\f277";

}

span.icon-angle-double-right::before {

    content: "\F280";

}

span.icon-angle-left::before,

span.icon-angle-double-left::before,

span.icon-angle-right::before,

span.icon-angle-double-right::before {

    display: inline-block;

    font-family: bootstrap-icons !important;

    font-style: normal;

    font-weight: normal !important;



    font-variant: normal;

    text-transform: none;

    line-height: 27px !important;

    vertical-align: -0.125em;

}

#limitbox .form-select

{

	height: 37px;

    width: 70px;

    text-align: left;

    margin: 0 5px !important;

    padding: 0 15px !important;

}



/*

Social ICONS

**********************/

.twitter_icon {

	background: transparent url(../images/t.png) no-repeat scroll left bottom; float: right; width: 50px; height: 50px;

}

/*

Buttons

*************************

*/

.btn-signin { 

    min-width: 120px;

}

.btn-signup { 

    min-width: 120px;

    height: 36px;

    padding: 10px 24px;

    outline: none;

    border-radius: 9999px;

    background-color: #f60;

    color: #fff;

    text-align: center;

    font-size: 14px;

    cursor: pointer;

}

.btn-signup:hover { 

    background-color: #d04a0a;

    color: #fff;

	text-decoration:none;

}



.readmore > a:hover,

input[type="submit"]:hover,

input.btn.btn-primary.button.subbutton:hover,

.contactnow button.btnContact:hover ,

.contactnow a:hover {

	background-color:#032713;

	color:#EDF5E1;

	

}

input[type="submit"],

input.btn.btn-primary.button.subbutton,

.contactnow button.btnContact ,

.contactnow a {

	color:#000;

    border-radius: 0px;

    border-bottom: 1px solid #ccc;

    padding: 2px;

    

    margin: 15px 0;

}

a.btn.btn-sm.btn-secondary.previous {

    margin: 0 10px 0 0 !important;

}



/*

COMPONENT

**************************/

/* 

#032713 DARK GREEN 2

#02353C DARK GREEN 1

#2EAF7D Green in Banner

#14a800 Green Upppvork

#DDF5E5, #C1F6ED, #EDF5E1 Light Green Shades



Black shades

#222222

#333333

#666666

*/



/*

For Content , Text BLOCKS

**************************/

.khakiBlock { background: #E9DF98; color:black; border-radius: 5px; }

.blackBlock { background: #282A35; color:white; }

.whiteBlock { background: #FFFFFF; color:black;  border-radius: 5px; }

.whitebg { background:#ffffff !important; color:#02353C !important; }

.bg-green a, .bg-green {

    background: #14a800;

    color: white;

}

.bg-green a:hover, .bg-green:hover {

    background: white;

    color: #14a800;

    font-weight: bold;

}



/**********

Blog Article

***********************************/





.showonmobile { display:block !important; }





/**********

FOOTER

***********************************/

.social-icons

{

	font-size:24px;

}

.bc4_h1 {

	font-size: 3.0rem !important;

    

    font-family: 'rambla';

}



/* -------------------------------- 

MODULES

-------------------------------- */

/* Product Categories */

p.detail {

    font-size: 12px;

    line-height: normal;


    text-align: justify;

    height: 100px;

}

p.detail , p.readmore

{

	margin-bottom: 0;

}

a.readmore {

	font-size:12px; 


	text-decoration:none;

}

.product_cate {

	border-radius: 8px;

	box-shadow: 0 2px 8px -2px hsla(0, 0%, 9%, .08), 0 8px 12px -2px hsla(0, 0%, 9%, .16);

}

.product_cate > div {

	background-color: none;

	color:#222222;

	

	padding: 20px;

	min-height: 190px;

}



/* DESKTOP */

@media all and (min-width: 769px) {



.hideondesktop { display:none !important;}	

.hideontablet { display:block !important;}	

.hideonmobile {display:block !important; }

.text-md-left { text-align:left !important; }

.text-md-right { text-align:right !important; }

.text-md-center { text-align:center !important; }





.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

	max-width: 1470px;

}

  .cd-dropdown h2,

  .cd-dropdown-content a,

  .cd-dropdown-content ul a {

    height: 50px;

    line-height: 50px;

  }

  .cd-dropdown-trigger {

	/*font-size: 1.5rem;*/

  }

  .cd-dropdown-trigger.dropdown-is-active {

    background-color: #3f8654;

  }

  .no-touch .cd-dropdown-trigger.dropdown-is-active:hover {

    background-color: #47975f;

  }

  .cd-dropdown-trigger.dropdown-is-active::before, .cd-dropdown-trigger.dropdown-is-active::after {

    /* transform the arrow into a 'X' */

    width: 14px;

  }

  .cd-dropdown-trigger.dropdown-is-active::before {

    /* transform the arrow into a 'X' */

    -webkit-transform: translateX(5px) rotate(-45deg);

    -moz-transform: translateX(5px) rotate(-45deg);

    -ms-transform: translateX(5px) rotate(-45deg);

    -o-transform: translateX(5px) rotate(-45deg);

    transform: translateX(5px) rotate(-45deg);

  }

  .cd-dropdown-trigger.dropdown-is-active::after {

    /* transform the arrow into a 'X' */

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

  }

  .cd-dropdown-content {

    /* reset mobile style */

    position: static;

    height: auto;

    width: 280px;

  }

  .cd-dropdown-content > li:last-of-type a {

    border-bottom: none;

  }

  .no-touch .cd-dropdown-content > li:not(.has-children) a:hover {

    color: #3f8654;

  }

  .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider {

    /* reset mobile style */

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

    opacity: 1;

  }

  .cd-dropdown-content .cd-secondary-dropdown, .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

    left: /* ABDUL 100%;*/0;

    height: auto;

	z-index:999;

    background-color: #ffffff;

    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);

  }

  .cd-dropdown-content .cd-secondary-dropdown::after, .cd-dropdown-content .cd-dropdown-gallery::after, .cd-dropdown-content .cd-dropdown-icons::after {

    clear: both;

    content: "";

    display: table;

  }

  .open-to-left .cd-dropdown-content .cd-secondary-dropdown, .open-to-left .cd-dropdown-content .cd-dropdown-gallery, .open-to-left .cd-dropdown-content .cd-dropdown-icons {

    /* use the .open-to-left class if you want to open the dropdown on the left */

    left: auto;

    right: 100%;

  }

  .cd-dropdown-content .cd-secondary-dropdown.is-hidden, .cd-dropdown-content .cd-dropdown-gallery.is-hidden, .cd-dropdown-content .cd-dropdown-icons.is-hidden {

    /* reset mobile style */

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

  }

  .cd-dropdown-content .cd-secondary-dropdown.fade-in, .cd-dropdown-content .cd-dropdown-gallery.fade-in, .cd-dropdown-content .cd-dropdown-icons.fade-in {

    /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */

    -webkit-animation: cd-fade-in 0.2s;

    -moz-animation: cd-fade-in 0.2s;

    animation: cd-fade-in 0.2s;

  }

  .cd-dropdown-content .cd-secondary-dropdown.fade-out, .cd-dropdown-content .cd-dropdown-gallery.fade-out, .cd-dropdown-content .cd-dropdown-icons.fade-out {

    /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */

    -webkit-animation: cd-fade-out 0.2s;

    -moz-animation: cd-fade-out 0.2s;

    animation: cd-fade-out 0.2s;

  }

  .cd-dropdown-content .cd-secondary-dropdown > .go-back, .cd-dropdown-content .cd-dropdown-gallery > .go-back, .cd-dropdown-content .cd-dropdown-icons > .go-back {

    display: none;

  }

  .cd-dropdown-content .cd-secondary-dropdown > .see-all, .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {

    position: absolute;

    bottom: 20px;

    height: 45px;

    text-align: center;

  }

  .cd-dropdown-content .cd-secondary-dropdown > .see-all a, .cd-dropdown-content .cd-dropdown-gallery > .see-all a, .cd-dropdown-content .cd-dropdown-icons > .see-all a {

    margin: 0;

    height: 100%;

    line-height: 45px;

    background: #ebebeb;

    pointer-events: auto;

    -webkit-transition: color 0.2s, background-color 0.2s;

    -moz-transition: color 0.2s, background-color 0.2s;

    transition: color 0.2s, background-color 0.2s;

  }

  .no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover {

    color: #ffffff;

    background-color: #111433;

  }

  .cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item, .cd-dropdown-content .cd-secondary-dropdown a, .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-gallery a, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons a {

    border: none;

  }

  .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {

    padding: 20px 30px 100px;

  }

  .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {

    width: calc(100% - 60px);

  }

  .cd-dropdown-content .cd-dropdown-icons > li, .cd-dropdown-content .cd-secondary-dropdown > li {

    /*width: 50%; ABDUL */

	width: 100%;

    float: left;

  }

  .cd-dropdown-content .cd-secondary-dropdown {

	overflow-x: hidden;

	overflow-y: scroll;

	/*width: 730px; ABDUL*/

	width: 500px;

	padding-bottom: 100px;

  }

  .cd-dropdown-content .cd-secondary-dropdown::before {

    /* this is the separation line in the middle of the .cd-secondary-dropdown element */

    position: absolute;

    content: '';

    top: 290px;

    left: 15px;

    height: 1px;

    width: 520px;

    background-color: #ebebeb;

  }

  .cd-dropdown-content .cd-secondary-dropdown > li > a {

    color: #3f8654;

   /* font-size: 1.6rem;*/

    margin-bottom: 10px;

    line-height: 30px;

    height: 30px;

    pointer-events: none;

  }

  .cd-dropdown-content .cd-secondary-dropdown > li > a::after, .cd-dropdown-content .cd-secondary-dropdown > li > a::before {

    /* hide the arrow */

    display: none;

  }

  .cd-dropdown-content .cd-secondary-dropdown.move-out > li > a {

    /* reset mobile style */

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

  }

  .cd-dropdown-content .cd-secondary-dropdown > li {

    margin: 20px 0;

    border-right-width: 1px;

    border-color: #ebebeb;

    border-style: solid;

    padding: 0 0 0 15px;

    height: 250px;

			border-left: none;

			border-bottom: none;

			border-top: none;

  }

  .cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(2n) {

    border-right-width: 0;

  }

  .cd-dropdown-content .cd-secondary-dropdown > li > ul {

    /* reset mobile style */

    -webkit-transform: translate(0);

    -moz-transform: translate(0);

    -ms-transform: translate(0);

    -o-transform: translate(0);

    transform: translate(0);

    position: relative;

    height: auto;

  }

  .cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back {

    display: none;

  }

  .cd-dropdown-content .cd-secondary-dropdown a {

    line-height: 25px;

    height: 25px;

    /*font-size: 1.3rem;*/

    padding-left: 0;

  }

  .no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover {

    color: #3f8654;

  }

  .cd-dropdown-content .cd-secondary-dropdown ul {

    padding-bottom: 25px;

    overflow: hidden;

    height: auto;

  }

  .cd-dropdown-content .cd-secondary-dropdown .go-back a {

    padding-left: 20px;

    color: darkgreen;/* ABDUL transparent; */

  }

  li.has-children, .has-children > ul > li {

	/*  list-style:decimal-leading-zero !important;*/

  }

  .no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover {

    color: darkgreen;/* ABDUL transparent; */

  }

  .cd-dropdown-content .cd-secondary-dropdown .go-back a::before, .cd-dropdown-content .cd-secondary-dropdown .go-back a::after {

    left: 0;

  }

  .cd-dropdown-content .cd-secondary-dropdown .see-all {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

  }

  .cd-dropdown-content .cd-dropdown-gallery {

    width: 600px;

    padding-bottom: 100px;

  }

  .cd-dropdown-content .cd-dropdown-gallery > li {

    width: 48%;

    float: left;

    margin-right: 4%;

  }

  .cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n) {

    margin-right: 0;

  }

  .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {

    padding: 0;

    height: auto;

    line-height: normal;

    color: #3f8654;

    margin-bottom: 2em;

  }

  .cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a,

  .cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a {

    margin-bottom: 0;

  }

  .cd-dropdown-content .cd-dropdown-gallery img {

    position: static;

    height: auto;

    width: 100%;

    margin: 0 0 0.6em;

  }

  .cd-dropdown-content .cd-dropdown-icons {

    width: 600px;

  }

  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {

    height: 80px;

    line-height: 1.2;

    padding: 24px 0 0 85px;

  }

  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover {

    background: #ebebeb;

  }

  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {

    color: #3f8654;

    font-weight: bold;

  }

  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {

    display: block;

/*    font-size: 1.2rem;

*/  }

  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {

    left: 25px;

  }

  .cd-dropdown-content > .has-children > ul {

    visibility: hidden;

  }

  .cd-dropdown-content > .has-children > ul.is-active {

    /* when hover over .cd-dropdown-content items - show subnavigation */

    visibility: visible;

	padding-left:0 !important;

  }

  .cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul {

    /* if .cd-secondary-dropdown is visible - show also subnavigation */

    visibility: visible;

  }

  .cd-dropdown-content > .has-children > a.is-active {

    /* hover effect for .cd-dropdown-content items with subnavigation */

    box-shadow: inset 2px 0 0 #3f8654;

    color: #3f8654;

  }

  .cd-dropdown-content > .has-children > a.is-active::before, .cd-dropdown-content > .has-children > a.is-active::after {

    background: #3f8654;

  }

  .open-to-left .cd-dropdown-content > .has-children > a.is-active {

    box-shadow: inset -2px 0 0 #3f8654;

  }



  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {

    background: #b3b3b3;

  }

  .open-to-left .cd-dropdown-content > .has-children > a {

    padding-left: 40px;

    padding-right: 20px;

  }

  .open-to-left .cd-dropdown-content > .has-children > a::before, .open-to-left .cd-dropdown-content > .has-children > a::after {

    right: auto;

    left: 20px;

    -webkit-transform-origin: 1px 50%;

    -moz-transform-origin: 1px 50%;

    -ms-transform-origin: 1px 50%;

    -o-transform-origin: 1px 50%;

    transform-origin: 1px 50%;

  }

  .cd-search input[type="search"] {

    background-color: #ebebeb;

  }

  .cd-search input[type="search"]::-webkit-input-placeholder {

    color: #b3b3b3;

  }

  .cd-search input[type="search"]::-moz-placeholder {

    color: #b3b3b3;

  }

  .cd-search input[type="search"]:-moz-placeholder {

    color: #b3b3b3;

  }

  .cd-search input[type="search"]:-ms-input-placeholder {

    color: #b3b3b3;

  }

  .cd-dropdown {

    position: absolute;

	z-index: 1000;

    top: calc(100% - 2px);

    /* reset style*/

    height: auto;

    width: auto;

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

    background-color: #ffffff;

    color: #111433;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

    opacity: 0;

    -webkit-transform: translateY(30px);

    -moz-transform: translateY(30px);

    -ms-transform: translateY(30px);

    -o-transform: translateY(30px);

    transform: translateY(30px);

    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;

    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;

    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;

  }

  .open-to-left .cd-dropdown {

    /* use the .open-to-left class if you want to open the dropdown on the left */

    right: 0;

    left: auto;

  }

  .cd-dropdown h2, .cd-dropdown .cd-close {

    /* on desktop - hide title and 'X' */

    display: none;

  }

  .cd-dropdown.dropdown-is-active {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;

    -moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s;

    transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s;

  }

  .cd-dropdown-content, .cd-dropdown-content ul {

    padding-top: 0;

    overflow: visible;

  }

  .cd-dropdown-content a, .cd-dropdown-content ul a {

    color: #111433;

    height: 50px;

    line-height: 50px;

    /*font-size: 1.5rem;*/

    border-color: #ebebeb;

	text-decoration: none;



  }

  .cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {

    background-color: transparent;

    color: #b3b3b3;

    border-top: 1px solid #ebebeb;

  }

  .cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {

    border-top-width: 1px;

  }

  .cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {

    /* reset mobile style */

    opacity: 1;

  }



}	



/* iPAD PRO */

@media all and (min-width: 769px) and (max-width: 1024px) {

.hideondesktop { display:block !important;}	

.hideontablet { display:none !important;}	

.hideonmobile {display:block !important; }

.text-sm-left { text-align:left !important; }

.text-sm-right { text-align:right !important; }

.text-sm-center { text-align:center !important; }

}



/* TABLET */

@media(max-width: 768px){



body {

	font-size: 0.75rem;

}

.bc4_h1 {

    font-size: 1.5rem !important;

}

.hideondesktop { display:block !important;}	

.hideontablet { display:none !important;}	

.hideonmobile {display:block !important; }

.text-sm-left { text-align:left !important; }

.text-sm-right { text-align:right !important; }

.text-sm-center { text-align:center !important; }



#component

{

	padding:15px 7px;

}

}

	

/* MOBILE */

@media (max-width:569px) {



body {

	font-size: 0.75rem;

}

.bc4_h1 {

    font-size: 1.5rem !important;

}

.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, p { margin:5px; }

.hideondesktop { display:block !important;}	

.hideontablet { display:block !important;}	

.hideonmobile {display:none !important; }

.text-xs-left { text-align:left !important; }

.text-xs-right { text-align:right !important; }

.text-xs-center { text-align:center !important; }



#component
{
	padding:3px 7px;
}

.cd-dropdown {
	width:95% !important;
}


/* -------------------------------- 
BLOG
-------------------------------- */
.blogimg
{
	height:115px;
}
/* -------------------------------- 
MODULES
-------------------------------- */

#bc_8_left h3, #bc_8_right h3 {

    padding: 7px 5px;
    margin: 0 !important;
    background: #032713;
    color: white;
}

.top_selected_imgWrapper {
	min-height:140px;
}

#top_selected p {
	font-size:10px;
}

/* Product Categories */
.detail 
{
	display:none;
}
.product_cate * {
	font-size: 14px;
    
}
.product_cate h5 {
	top: 0;
	line-height: normal;
	padding: 5px 0;
	text-align: center !important;
	margin: 0 2px;
}
.product_cate > div {
	min-height: 50px;
	min-width: 125px;
	margin-bottom: 15px;
}



}





/* ============= Animation background ========= */