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

	*{
		margin:0px;
		padding:0px;
	}
/*
	@font-face {
		font-family: OswaldBold;
		src: url(font/Oswald-Bold.ttf);
	}
	@font-face {
		font-family: Oswaldlight;
		src: url(font/Oswald-Light.ttf);
	}
	@font-face {
		font-family: Oswalreg;
		src: url(font/Oswald-Regular.ttf);
	}
*/
	body{
		margin:0px;
		padding:0px;
		background:#ccc;
		color:#000;
		font-family:tahoma;
	}
    #advisory {padding:5px 10px; text-align:center; color:red; font-weight:bold;}
	p{
		line-height:20px;
		font-size:16px;
		margin: 10px 5px 10px 5px;
	}
	/* Breadcrumb Navigation Styling */
.breadcrumb {
  padding: 8px 0px;
  margin-bottom: 5px;
  list-style: none;
  background-color: transparent;
  font-size: 16px;
}

.breadcrumb-item {
  display: inline;
}

.breadcrumb-item a {
  color: #0056b3;
  text-decoration: underline;
}

.breadcrumb-item a:hover {
  text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "»";
  display: inline-block;
  padding: 0 0.5em;
  color: #6c757d;
}

.breadcrumb-item.active {
  color: #333333;
  font-weight: bold;
  background-color: transparent;
}


  ul.list {
  list-style: none;
  margin: 0px;
  
  width: 180px;
}
ul.list li {
  position: relative;
  padding: 0px 0px 0px 25px;
  margin: 0px 0px 0px 0px;
  font-size:16px;
  height:22px;
}

ul.list li:before {
  content: '';
  display: block;
  position: absolute;
  border: 1px solid #f47e1e;
  left: 5px;
  top: 10px;
  width: 7px;
  height: 7px;
  border-radius: 50%; }
ul.list li.title:before {
  border: 1px solid #fff;
}



	#header{
		background:url("../images/header-bg.png");
		margin:0px;
		padding:15px 0;
		border-bottom:2px solid #DFDFDF;
		border-top:2px solid #DFDFDF;
	}
	#header h1{
		color:#9A9A9A;
		text-align:center;
		//font-family:Oswaldlight;
		font-size: 25px;
	}
	#slider{
		width: 100%;
		aspect-ratio: 820 / 150; /* Reserve space to prevent layout shift */
		top: 0px;
		margin-bottom:0px;
		position: relative;
		overflow: hidden;
		z-index: 1;
		padding: 0;
	    margin: 0;
         
	}
	#slider img{
	width: 100%;
	height: auto;
	}
	.container{
		width:90%;
		margin:0 auto;
		max-width: 100%;
	}
	
	#eimg1{float:left;width:100%;}
	#eimg2{display:none;}

	.title-bg{
		background:url("images/title-bg.png");
		padding:20px 10px;
		background-repeat:no-repeat;
		font-size:16px;
		color:#fff;
		margin-bottom:10px;
		font-family:Calibri;
		font-size:19px;
	}


.full_banner .bann_cont h1.bann-txt {
    font-size: 48px;
    color: #fff;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 0;
}

.content{
		background:#fff;
		float:left;
		width:100%;
		margin: 0px 10px 10px 0px;
	}
	
.banner211t { 

    background:#ffffff;
	width: autopx;
	height: auto;
	float: left; 
	margin:0px 0px; 
	padding:0px 
    color: #000000;
	padding-right: 0px;

}
.articlesT {

	background-color: #FFF;
	
	color: #000000;

	width: 100%;

	height: auto;

}
.articlesc {

	background-color: #FFF;
	
	color: #000000;

	width: 100%;

	height: auto;
 padding-left: 0px;
}


	.title-second{
		margin:20px 0px 0px 0px;
		font-family:Calibri;
		color:#000;
		font-size:23px;
	}
	.iframe{
		width:100%;
		float:left;
		height:auto;
	}
	.iframe img{
		width:100%;
		height:100%;
	}
	#footer{
		background-color: #33366A;
		padding:50px 0;
		float:left;
		width:100%;
        color:#fff;
		/*margin-top:20px;*/
	}
	#txtdown{
		padding:20px 0px;
		float:left;
		width:100%;
		/*margin-top:20px;*/
	}
  #txtdown h3{
    margin-top:20px;
  }
  #txtdown ul{
		float:left;
    width:33%;
    margin-top:20px;
	}
  #txtdown p{
		clear:left;
	}
  	#footer ul li{
		color:#fff;
		list-style:none;
		display:inline-block;
		text-align:center;
		font-size:16px;

	}	
	
	#footer ul {
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		width: 82%;
	}
	#footer ul li{
		border-right: 2px solid #9A9A9A;
		/* Padding moved to the 'a' tag below */
	}
    #footer ul.list li:before {border: 1px solid #33366A;}
	#footer ul li:last-child{
		border-right:none;
	}
	#footer ul li a{
		color:#fff;
		text-decoration:none;
		font-size:16px;
		font-family:Calibri;
		display: inline-block; /* Allow padding to take effect */
    	padding: 16px 10px; /* Increase touch target size */
	}
	#footer ul li a:hover{
		color:#000;
	}
@media (min-width:240px) and (max-width:767px) {
	#header h1{
		color:#9A9A9A;
		text-align:center;
		//font-family:Oswaldlight;
		font-size: 25px;
	}
	/* The conflicting #menu rule has been removed from here */

	.title-bg{
		font-size:25px;
		color::#000;
		width:100%;
		float:left;
	}
	.content-left img{
		//width:100%;
		margin-right:20px;
		margin-bottom:20px;
		
	}
	.content-right{
		margin-top:20px;
		float:right;
	}
	
	.content-right {
    text-align: center;
}
	
	.content-right h3{
		margin:0px 0;

	}
	.content-right img{
		width:100%;
		margin-top:10px;
	}
	.content-left ul{
		width:100%;
		padding:0px 0;
	}
	.content-left ul li{
		margin-left:10px;
		xline-height:30px;
	}
	.content-left ul li a{ 
		text-decoration:none;
	}
    ul.list li {
        margin: 12px 0px 12px 0px;
    }
    
    #txtdown ul{
		float:left;
    width:100%;
    margin-top:20px;
	}
	

    
/* --- START: NEW MOBILE FOOTER STYLES --- */

#footer ul {
    width: 100%; /* Ensure the container uses full width */
}

/* Make each list item a full-width block */
#footer ul li {
    display: block;
    width: 100%;
    border-right: none; /* Removes horizontal border */
}

/* Style the link itself to be a large, tappable target */
#footer ul li a {
    display: block; /* Makes the entire block clickable */
    padding: 14px 10px; /* Adds vertical padding for easy tapping */
    text-align: center; /* Centers the link text */
    border-bottom: 1px solid #4a4e8a; /* Adds a subtle separator line */
}

/* Remove the bottom border from the very last link */
#footer ul li:last-child a {
    border-bottom: none;
}

/* --- END: NEW MOBILE FOOTER STYLES --- */

	#eimg1{background:#fff;}
	#eimg2{display:inline; float:left; width:100%;}
}

@media (min-width:768px) and (max-width:930px) {

	.align-center{
		position: relative;
		top: 9px;
	}
	.active{
		background:#000;
	}
    .active a{
		color:#fff! important;
	}

	.content-left{
		width:70%;
		float:left;
		padding-left: 20px;
		padding-right: 20px;
	}
	.content-left img{
		float:right;
		padding:0 0 0 10px;
	}
	.content-right{
		width:27%;
		float:left;
		margin-left:3%;
	}
	.content-right h3 {
		font-size: 21px;
		margin-bottom: 10px;
		text-align: center;
		//font-family:Oswalreg;
	}
	.content-right img{
		margin-top:20px;
		width:100%;
	}
	.content-left ul{
		width:50%; float:right;
		padding:0px 0;
	}
	.content-left ul li{
		margin-left:10px;
		xline-height:30px;
	}
	.content-left ul li a{ 
		text-decoration:none;
	}
	#txtdown ul{
		float:left;
    width:100%;
    margin-top:20px;
	}
	
	
	#footer ul li{
		border-right:none; text-align:left; line-height:2em; width:100%;
	}
}
@media (min-width:931px) and (max-width:1050px) {

	.align-center{
		position: relative;
		top: 9px;
	}
	.active{
		background:#000;
	}
	.active a{
		color:#fff! important;
	}

	.content-left{
		width:70%;
		float:right;
		margin-left: 20px;
		margin-right: 20px;
	}
	.content-left img{
		float:right;
		padding:0 0 0 10px;
	}
	.content-right{
		width:27%;
		float:left;
		margin-left:3%;
	}
	.content-right h3 {
		font-size: 21px;
		margin-bottom: 10px;
		text-align: center;
		//font-family:Oswalreg;
	}
	.content-right img{
		margin-top:20px;
		width:100%;
	}
	.content-left ul{
		width:50%; float:right;
		padding:0px 0;
	}
	.content-left ul li{
		margin-left:10px;
		xline-height:30px;
	}
	.content-left ul li a{ 
		text-decoration:none;
	}
	#footer ul{
		width:90%;
	}
	#footer ul li{
		font-size:17px;;
	}
}
@media (min-width:1051px) and (max-width:1920px) {

	.align-center{
		position: relative;
		top: 9px;
	}
	.active{
		background:#000;
	}
	.active a{
		color:#fff! important;
	}

	.content-left{
		width:70%;
		float:left;
	}
	.content-left img{
		float:right;
		padding:0 0 0 10px;
	}
	.content-right{
		width:27%;
		float:left;
		margin-left:3%;
	}
	.content-right h3 {
		font-size: 21px;
		margin-bottom: 10px;
		text-align: center;
		//font-family:Oswalreg;
	}
	.content-right img{
		margin-top:20px;
		width:100%;
	}
	#txtdown ul{
		float:left;
    width:100%;
    margin-top:20px;
	}
	.content-left ul{
		width:50%; float:right;
		padding:20px 0;
	}
	.content-left ul li{
		margin-left:10px;
		xline-height:30px;
	}
	.content-left ul li a{ 
		text-decoration:none;
	}
}