h1{ text-transform: uppercase !important;}

.text-shadow {text-shadow: 2px 2px #000;}

.bg-header{background-image: url(../img/bg-header.png); filter: brightness(90%); display: block; background-position: center center;}

.ps-6{padding-left: 60px;}
.ps-7{padding-left: 70px;}
.ps-8{padding-left: 80px;}

.fs-12{font-size:12px;}
.fs-14{font-size:14px;}
.fs-22{font-size: 22px;}

.fw-sb{font-weight:600;}

.text-cyellow{color:#f1a530;}

.cl-red{color:red;}
.cl-blue{ color: #0071BC;}
.cl-dblue{color:#293896;}

.categ{height:250px; width: 250px; padding-top:180px; font-weight: bold;}

.bg-dgray{ background: #333;}

.nav-link{color:white;}

.nav-link:hover {color:#f1a530;}

.size160{ width: 160px; height: 160px;}

#module{
  width: 100%; height: 150px;
  background: url(img/bg-header.png) !important;
  filter: grayscale(100%);
}

.module {
  position: relative;
}
.module::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: url(img/bg-header.png);
  filter: grayscale(100%);
}
.module-inside {
  /* This will make it stack on top of the ::before */
  position: relative;
}

.arrow-left {
	position: absolute;
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;   
  border-right:11px solid white; 
  margin-top:-10px;
  margin-left:-30px;
  }

.mob-nav{display: none;}
.heading{background: #000; color:#fff; padding:0 5px;}
.mt-sm{margin-top:0px;}

.fa-chevron-right{float:right; color: #CCC; margin-top:10px;}

.bg-imgl{ background-image: url(../img/bg-left.png); background-repeat: no-repeat; background-size: 200px;}
.bg-imgr{background-image: url(../img/bg-right.png); background-repeat: no-repeat; background-size: 200px; background-position: right top;}
.bg-about{background:url(../img/bg-about-us-s.jpg); background-repeat: no-repeat; background-position: center center;}

/*======================= 
	Sub nav
========================*/

.dropbtn {
  font-size: 14px;
  border: none;
  background-color:white;
  width:400px;
}

.dropdown-item a:hover{color: blue;}

.dropdown-sl {
  position: relative;
  display: inline-block;
  width: auto;
}

.dropdown-content {
	width:250px;
  display: none;
  position: absolute;
  margin-left:395px;
  margin-top:-35px;
  background-color: #fff;
  color: black;
  border-radius:5px;
  padding-top:0;
  padding:20px;
  border: 0px solid #ccc;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  text-decoration: none;
  padding:3px 0;
  display: block;
}

.dropdown-content a:hover, .dropbtn a:hover {color:#F7941D;}
.dropdown-sl:hover .dropdown-content {display: block;}
#sub-menu{min-width:100px; float:left; color: black !important;}
#sub-menu a{font-size: 14px;}

.title{font-size: 5rem; text-shadow: 2px 2px #000; font-weight: bold;}

@media (max-width: 576px) { 
	
	.title{font-size: 3rem;}
	.wlcm{background-image: url(../img/bg-mobile.png); background-repeat: no-repeat; background-size: contain;}
	.bg-about{filter: brightness(100%);}

	
}