a:hover {
    color: var(--mainColor);
    text-decoration: none;
    cursor: pointer;
}
a {
    font-size: 13px;
    text-transform: capitalize;
    color: var(--altColor);
    text-decoration: none;
    font-weight: 400;
}
body{
    background-color: #f8f3ed !important;
}

.ui-accordion-header{
    background-color:var(--mainColor) !important;
}
.maincolor{
    background-color:var(--mainColor) !important;
    color:var(--altColor)!important;
}

.linkNS {
    color: inherit;
    font-style: italic;
    font-size: inherit;
}
.linkNS:hover{
    background-color:var(--mainColor) !important;
}
.stickerCard100W{
    width: 100% !important;
    display: inline-table !important;
    margin: 3px !important;
}
.stickerCard100W > a{
   
    display: inline-table !important;
}
.fontsizeinherit
{
    font-size: inherit !important;
}
.stickerCardli{
    color: var(--altColorDarker);
text-decoration: none;
background: linear-gradient(to bottom, #bea763 0%,#e4cd7f 100%);
}

.nstableheader {
    background: linear-gradient(to bottom, var(--mainColorLighter) 0%,#f7dd8a 100%);
    border: 1px solid var(--altColorDarker);
    padding: 10px;
    font-weight: bold;
}
.nstablerow {
    border-bottom: 1px solid var(--altColorDarker);
    padding: 10px;
    font-weight: inherit;

}
.nstablerowalt {
    border-bottom: 1px solid var(--altColorDarker);
    padding: 10px;
    font-weight: lighter;
    
}

/* --- NEW STYLES FOR COMPLETE QURAN DOWNLOAD PAGE & GENERAL LAYOUT FIXES --- */

/* Base styles for all screen sizes */
.bodyControl {
    margin: 0 auto;
    width: 90%; /* A more flexible default width */
    max-width: 1200px; /* Max width to prevent it from getting too wide on large screens */
    height: auto; /* Allow height to adjust */
}

.nsFormpanel {
    padding: 8px 8px 32px 8px;
    margin-top: 32px;
    background-color: #d6d0c0;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
}

.nsFormPanelHeading {
    border-bottom: 1px solid var(--mainColorLighter);
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
}

.nsFormPanelHeading > small {
    font-size: 14px;
    margin-bottom: 16px;
}

.nsFormPanelSubHeading { /* Added for the Quran page sections */
    color: var(--altColorDarker);
    font-size: 24px;
    text-align: center;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 20px;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--mainColorLighter);
}

.nsTextContent { /* For the descriptive paragraphs */
    margin-bottom: 15px;
    line-height: 1.6;
    color: var(--altColor);
    font-size: 15px;
    padding: 0 16px;
    text-align: justify;
}

/* Flex layout for rows and columns, for all sizes by default */
.nsRow {
    padding: 4px 0;
    display: flex;
    flex-wrap: wrap; /* Allow columns to wrap */
    justify-content: space-evenly; /* Evenly distribute space */
    width: 100%; /* Ensure row takes full width */
}

.nscol-4 { /* Base styles for column, will be overridden by media queries */
    width: calc(100% - 16px); /* Full width on smallest screens */
    margin: 0 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box; /* Include padding/border in width calculation */
}

/* Specific styles for Quran download images/items */
.nsQuranDownloads {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Center items for visual balance */
    gap: 20px;
    margin-bottom: 30px;
    padding: 10px; /* Padding around the entire flex container */
}

.nsQuranItem {
    flex: 0 0 calc(25% - 15px); /* Default 4 items per row */
    max-width: calc(25% - 15px);
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between; /* Space out content vertically */
    min-height: 250px; /* Ensure minimum height */
}

.nsQuranItem a {
    text-decoration: none;
    color: var(--altColor);
    font-weight: 500;
    font-size: 14px;
}

.nsQuranItem a:hover {
    color: var(--mainColor);
}

.nsQuranBookImg {
    max-width: 100px; /* Set a specific max width for the image */
    height: 125px; /* Set a specific height */
    object-fit: contain; /* Ensure image fits without cropping */
    display: block;
    margin: 0 auto 10px auto;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

.nsReciterList {
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 0;
    color: var(--altColor);
    font-size: 15px;
    margin-bottom: 30px;
}

.nsReciterList li {
    margin-bottom: 8px;
}

.nsReciterList li a {
    color: var(--altColorDarker);
    text-decoration: none;
    font-weight: 500;
}

.nsReciterList li a:hover {
    text-decoration: underline;
    color: var(--mainColor);
}

/* Original styles from your project_specs.css, now within stylesNS.css to consolidate */

/* Variables (if not already defined globally in project_specs.css, define here) */
/* This is important as your stylesNS.css uses these variables */
:root {
	--mainColorLighter: #c7b26d;
	--mainColor: #e4cd81;
	--mainColorDarker: #ecdba2;
	--altColorLighter: #484848;
	--altColor: #343332;
	--altColorDarker: #282828;
}

/* GLOBAL STYLES */
* {
  font-family: "Poppins", sans-serif; /* Ensure Poppins is imported/available */
}

html, body {
  width: 100%;
  height: 100%;
  padding:0;
  margin:0;
}

/* Extra small devices Phones (<768px) */
/* The original project_specs.css had a range here that started from 414px.
   I'm simplifying it to apply generally below 992px to ensure mobile-first.
   If you have specific styles for 414px-767px, keep those. */
@media all and (max-width: 991px) { /* Applies to screens up to 991px */
    .bodyControl {
        width: 95%; /* Adjust width for smaller screens */
    }

    /* Column adjustments for smaller screens */
    .nscol-4 {
        width: calc(100% - 16px); /* Default to full width on mobile */
        margin-bottom: 15px; /* Add some vertical spacing */
    }

    /* Complete Quran Page adjustments */
    .nsQuranItem {
        flex: 0 0 calc(50% - 15px); /* 2 items per row on mobile */
        max-width: calc(50% - 15px);
    }
}

/* Medium devices Desktops (>=992px and <1200px) */
@media all and (min-width: 992px) and (max-width: 1199px) {
    .bodyControl {
        width: 90%;
    }
    .nscol-4 {
        width: calc(33.333% - 16px); /* 3 columns for medium screens */
    }
    .nsQuranItem {
        flex: 0 0 calc(33.333% - 13.333px); /* 3 items per row on medium screens */
        max-width: calc(33.333% - 13.333px);
    }
}

/* Large devices Desktops (≥1200px) */
@media all and (min-width: 1200px) {
   
  .bodyControl{
	margin: 0 auto;
	width:80%;
	height:100%;
  }
  /* HEADER CLASSES */
  .nstorightside{
	  display: flex;
	  flex-direction: column;
	  align-items: flex-end;
	  justify-content: center;
	  justify-content: space-around;
	  height: 100%;
  }
.nsNavigator{
	font-size: 14px;
}

.nsNavigator > a{
	padding: 8px 16px;
	color:#484848;
	text-decoration: none;
}
.nsNavigator > a:hover{
	background-color: #dfd2a9;
	cursor: pointer;
	border-radius: 3px;
}
.nsNavigator > a:visited,
.nsNavigator > a:active{
	text-decoration: none;
	outline: none;
}

  .nsHeader{
	float:left;
	background-color: #e8e2d2;
	border-bottom: 4px solid #e4cd81;
	width: 100%;
	height: 100px;

  }
  .nsHeaderFlexAdj{
	display: flex;
	display: flexbox;
	justify-content: space-between;
	align-items: center;
  }
  .logoContainer{
	  display: flex;
	  display: flexbox;
	  justify-content: flex-start;
	  align-items: center;
	  margin-top: 6px;
  }

  .logoContainer > img{
	  width:80px;
	  margin-right: 16px;
  }

  .logoContainer > h3{
	font-weight: 400;
	text-transform: uppercase;
	}
	.logoContainer > h3 > small{
		font-weight: 400;
		text-transform: uppercase;
		font-size: 12px;
	}
	.searchBarContainer{
		display: flex;
	  display: flexbox;
	  justify-content: flex-start;
	  align-items: center;
	}

	.searchBarContainer > input{
		padding: 8px;
	}

	.searchBarContainer > button{
		padding: 5px 16px;
		font-size: 18px;
		margin-left: 8px;
	}
	/* INNER HERO BANNER */
	.nsInnerBanner{
		float: left;
		width: 100%;
		height: auto;
		background-color: #e8e2d2;
	}

	.nsInnerBannerFlex > img{
		border-bottom: 4px solid #e4cd81;
	}
	/* SEARCH PAGE CLASSES */
	.nsSearchpage{
		float: left;
		width: 100%;
		height: auto;
		background-color: #f8f3ed; /* Changed from e8e2d2 to match body for consistency */
	}
	/* nsFormpanel, nsFormPanelHeading, nsRow, nscol-4 are now defined at base level */

	.nsFormpanel > p{
		padding: 0 16px;
		text-align: justify;
		font-size: 16px;
	}

	.nsFormpanel > p > i{
		padding: 4px 16px;
		border-radius: 4px;
		text-align: justify;
		font-size: 12px;
		background-color: rgb(166, 136, 64,0.15);
		color: var(--altColorLighter);
	}

	.nsFormpanel > p > a{
		color: inherit;
		font-style: italic;
	}
	.nsFormpanel > p > a:hover{
		color: inherit;
		font-style: italic;
		text-decoration: none;
	}
	/* Tafseer Page Classes */

	.panelLister{
		display: flex;
		flex-direction: column;
		width:100%;
		margin: 64px 0;
	}
	.thisHeaderSplit{
		display: flex;
		justify-content: space-evenly;
		align-items: flex-start;
		padding: 0 0 16px 0;
		border-bottom: 1px solid var(--mainColorLighter);
	}
	.subsInp{
		width:74% !important;
	}

	.thisHeaderSplit > p > a{
		color: inherit;
		font-style: italic;
	}
	.thisHeaderSplit > p > a:hover{
		color: inherit;
		font-style: italic;
		text-decoration: none;
	}

	.tafseerListerBody{
		padding: 16px;
		width: calc(100% - 32px);
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.stickerCard{
		background-color: #FFF;
    display: flex;
    flex-direction: column;
    width: 160px;
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 15%);
	margin: 16px 16px;
	}

	.stickerCard > img{
		border-radius: 4px 4px 0 0;
	}

	.stickerCard > a{
		color: var(--altColorDarker);
		
		border-radius: 4px;
		
		display: flex;
		flex-direction: column;
		background: linear-gradient(to bottom, #bea763 0%,#e4cd7f 100%);
	}

	.stickerCard > a:hover{
		color: var(--altColorDarker);
		text-decoration: none;

	}

	.blocker-links{
		padding: 8px 32px;
		border-radius: 4px;
		margin: 0 16px;
		display: flex;
		flex-direction: column;
	}

	.blocker-links:hover{
		text-decoration: none;
	}

	.blocker-links > small{
		font-size: 12px;
	}


	/* ARTICLA PAGE CLASSES */
	.nsArticle{
		width:100%;
		border-collapse: collapse;
	}
	
	.nsArticle > thead > tr > th{
		border-bottom: 2px solid var(--mainColor);
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		color: var(--altColorDarker);
	}

	.nsArticlePanel{
		margin: 64px auto 64px auto;
	}

	.nsArticle > tbody > tr > td{
		text-transform: uppercase;
		font-size: 16px;
		color: var(--altColor);
		padding: 16px 0;
	}

	.nsArticle > tbody > tr:nth-child(even){
		border-bottom: 1px solid rgb(166, 136, 64, 0.1);;
		background-color: rgb(166, 136, 64, 0.1);
		text-transform: uppercase;
		font-size: 16px;
		color: var(--altColor);
		padding: 16px 0;
	}

	.tableCont{
		border-radius: 4px;
		border: 1px solid #a68840;
		padding: 4px;
		width: calc(100% - 56px);
		outline: none;
	}

	.tableCont:focus{
		border: 1px solid var(--altColorLighter);
		box-shadow: 0 0 10px rgba(0,0,0,0.25);
	}
	.btnCont{
		background-color: var(--mainColor);
		border: 1px solid var(--mainColor);
		padding: 4px 8px;
		text-decoration: none;
		font-size: 13px;
		color: var(--altColorDarker);
		border-radius: 3px;
	}
	.btnCont:hover{
		background-color: var(--mainColorLighter);
		border: 1px solid var(--mainColorDarker);
	}
	.btnCont:hover{
		background-color: var(--mainColorDarker);
		border: 1px solid var(--mainColorDarker);
	}

	/* HERO BANNER CLASSES */
	.nsHeroBanner{
		float: left;
		width: 100%;
		height: auto;
		background-color: #e8e2d2;
	}

	.nsHeroBanner > img{
		border-bottom: 4px solid #e4cd81;
	}
  
  /* PRAYER TIMING CLASSES */
  .nsPrayerTimings{
		float: left;
		width: 100%;
		height: 100px;
  		background-color: #e8e2d2;
		  
	}
	.nsPrayerTimingsFlexAdj{
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	.pttitle
	{
		width: 100%;
	}
	.ptBig{
		font-size: 21px;
		color:#96814c;
		text-transform: uppercase;
		font-weight: 300;
	}
	.ptsmall{
		font-size: 11px;
		color: #96814c;
		text-transform: uppercase;
		font-weight: 300;
	}
	.ptpills{
		margin: 0;
		padding: 0;
		display: flex;
		list-style-type: none;
		font-weight: 300;
		color:#96814c;
	}
	.ptpills > li{
		width: 100%;
   	 	border-right: 1px solid #96814c;
    	margin-right: 10px;
		margin-left: 10px;
	}
	.pillBig{
		font-size: 14px;
		font-weight: 300;
	}
	.pillSmall{
		font-size: 11px;
		font-weight: 300;
		text-transform: uppercase;
		color: #96814c;
	}

	/* LATEST UPLOAD CLASSES */
	.nsLatestAudio{
		float: left;
		width: 100%;
		min-height: 200px;
		background-color: #d6d0c0;

		padding: 32px 0;
	}

	.sectionHeading2{
		color: var(--altColorDarker);
		text-transform: uppercase;
		font-weight: 400;
	}

	.lastestUploadslister{
		list-style-type: none;
		width: 100%;
		padding:0 0 32px 0;
		margin:0;
	}

	.lastestUploadslister > li{
		font-size: 14px;
		border-radius: 3px;
		padding: 8px;
		color: var(--altColor);
	}
	
	.lastestUploadslister > li > strong{
		font-size: 12px;
	}

	.lastestUploadslister > li:nth-child(even):hover,
	.lastestUploadslister > li:hover{
		background-color: rgba(255,255,255,0.65);
	}

	.lastestUploadslister > li:nth-child(even){
		background-color: rgba(255,255,255,0.35);
		border-radius: 3px;
	}

	/* BAYANAAT CONTENT CLASSES */

	.nsBayanatSection{
		float:left;
		background-color: #f8f3ed;
		width: 100%;
		
	}

	.bayanaatSectionFlexAdj{
		display: flexbox;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		
	}

	.nsSplit{
		width:48%;
		height:100%;
	  }
	  
	  .nsSplit > h4{
		font-weight: normal;
		margin:0;
		padding: 8px;
		text-transform: uppercase;
		font-size: 24px;
		color: var(--altColor)
	  }

	  .nsSplit > h4 > small{
		font-weight: normal;
		margin:0;
		font-size: 14px;
		text-transform: capitalize;
		color: var(--altColorLighter);
	  }
	  
	  .nsSplit > ul{
		list-style-type: none;
		margin:0;
		display: flex;
		justify-content: space-evenly;
		padding:8px;
	  }
	  
	  .nsSplit > ul > li > a{
		font-size: 12px;
		text-transform: uppercase;
		text-decoration: none;
		background-color: var(--mainColor);
		color: var(--altColor);
		padding: 4px 6px;
		border-radius: 3px;
	  }
	  .nsSplit > ul > li
	  {
		background-color: var(--mainColor);
		padding:2px'
	  }
	  .nsSplit > ul > li > a:hover{
		background-color: var(--mainColorLighter);
		cursor: pointer;
	  }

	  .nsSplit > ul > li > a:active{
		background-color: var(--mainColorDarker);
		cursor: pointer;
	  }
	  
	  .nsSplit > ul > li > a.active{
		background-color: var(--altColorDarker);
		color: var(--mainColor);
	  }

	  .lastitemCheck{
		  display: flex;
		  justify-content: center !important;
		  align-items: center !important;
	  }

	  .lastitemnocollapse{
		  width: 100%;
		  border-bottom: 1px solid #ccc;
		  display: flex;
		  height: 61px;
		  justify-content: center;
		  align-items: center;
	  }
	  

	  .completelistbtn{
		  background-color: var(--altColor);
		  border:none;
		  color:var(--mainColor);
		  padding: 8px 16px;
		  font-size: 13px;
		  border-radius: 4px;
		  text-decoration:none;
		  font-weight: 300;
		  text-transform: uppercase;
	  }
	  
	  .pillBody{
		width:100%;
		height: calc(100% - 100px);
		margin-top:12px;
	  }
	  
	  .pillbodyLister{
		list-style-type: none;
		padding:0;
		margin:0;
	  }
	  
	  .pillbodyLister > li{
		width:100%;
		border-bottom: 1px solid #ccc;		
		display: flex;
		justify-content: flex-start;
		align-items:center;
		height:64px;
	  }
	  .dater{
		font-size:11px;
		width: 100px;
		height:40px;
		border-right:1px solid #ccc;
		display: flex;
		justify-content: space-around;
		align-items: center;
	  }

	  .dater2{
		font-size:11px;
		width: 36px;
		height:40px;
		display: flex;
		justify-content: space-around;
		align-items: center;
	  }
	 .dater2 > img{
		 width:32px;
	 } 

	  

	  .calendarside{
		  color: var(--mainColor);
		  font-size: 16px;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  flex-direction: column;
	  }

	  .calendarside > .big{
		  margin: 0;
		  margin: 0 8px 0 8px;
		  font-size: 16px;
	  }

	  .calendarside > .small{
		font-size: 12px;
		color: var(--altColor);
	}

	  .decr{
		font-size:11px;
		padding-left: 16px;
		padding-right: 16px;
		flex-grow: 1;
	  }

	  .decr2{
		font-size:11px;
		padding-left: 16px;
		padding-right: 16px;
		flex-grow: 1;
	  }

	  .decr2 > a{
		font-size: 13px;
		text-transform: capitalize;
		color: var(--altColorDarker);
		text-decoration: none ;
		font-weight: 600;
	  }

	  .decr2 > a:hover{
		cursor: pointer;
		text-decoration: underline ;
	  }

	  .decr2 > a:active{
		color: var(--mainColorDarker);
		text-decoration: underline ;
	  }

	  .decr > a{
		  font-size: 13px;
		  text-transform: capitalize;
		  color: var(--altColor);
		  text-decoration: none ;
		  font-weight: 400;
	  }

	  .decr > a:hover{
		color: var(--mainColor);
		text-decoration: none ;
		cursor: pointer;
	}
	 
	.decr > a:active{
		color: var(--mainColorDarker);
		text-decoration: none ;
		cursor: pointer;
	}
	  .collapser{
		width:100%;
		height: calc(100% - 66px);
		margin-top:12px;
	  }
	  .collapserLister{
		width: 100%;
		padding-bottom:4px;
		display:flex;
		flex-direction:column;
		justify-content:flex-start;
	  }
	  .collisHeader{		
		width:100%;
		border-bottom: 1px solid #ccc;
		padding:0 8px;
		display: flex;
		justify-content: flex-start;
		align-items:center;
		height:52px;
	  }
	  .collisBody{
		font-size: 13px;
		padding: 8px 16px;
		color: var(--altColor)
	  }
	  .collisBody > small{
		font-size: 11px;
		color: var(--altColorLighter);
		font-weight: 600;
	  }

	/* SPECIALIZED CARD CLASSES */
	.nsSpecialized{
		float:left;
		background-color: #f8f3ed;
		width: 100%;
	}

	.specialCardFlexAdj{
		display: flexbox;
		display: flex;
		justify-content: space-evenly;
		align-items: flex-start;
	}

	.specialCard{
		background-color: #ffffff;
		box-shadow: 0px 4px 8px #dbd2c4;
		border-radius: 3px;
		margin-top: 14px;
		margin-bottom: 14px;
		width:100%;
		padding-bottom: 0px;
		display: flex;
		display: flexbox;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}

	.specialCard > img,.specialCard > a >img{
		background-color: #8e6e3f;
		width: 100%;
		border-radius: 3px 3px 0 0;
	}

	.specialSecBody{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
	}

	.specialSecBody > h3{
		color: var(--mainColor);
		text-transform: uppercase;
		font-weight: 400;
		text-align: center;
	}

	.specialSecBody > p{
		color: var(--altColor);
		font-size: 13px;
		padding: 0 16px;
		text-transform: uppercase;
		font-weight: 400;
		text-align: center;
	}

	/* PUBLICTION CONTENT CLASSES */

	.nsPublication{
		float:left;
		background-color: #f8f3ed;
		width: 100%;
	}

	.nsPublicationFlexAdj{
		display: flexbox;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	.nsPublicationFlexAdj > h2{
		color: var(--altColor);
		font-size: 36px;
		text-transform: uppercase;
		text-align: center;
		font-weight: 400;
		margin-bottom: 8px;
	}
	
	.nsPublicationFlexAdj > p{
		color: var(--altColor);
		font-size: 16px;
		text-align: center;
		margin-bottom: 32px;
	}
	
	.nsBook{
		display: flex;
		justify-content: space-around;
		align-items: flex-start;
		height: 400px;
		margin-top: 16px;
	}

	.nsBook > img{
		width: 180px;
		margin: 16px 8px;
		border-radius: 4px;
		box-shadow: 0px 3px 10px rgba(0,0,0,0.25);
	}


	/* QUICK JUMP CLASSES */
	.nsQuickJumps{
		float:left;
		background-color: #f8f3ed;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		width: 100%;
	}

	.nsQuickJumpsFlexAdj{
		display: flexbox;
		display: flex;
		justify-content: space-evenly;
		align-items: flex-start;
	}

	.qjCards{
		/* background-color: var(--mainColor);
		color:#FFF; */
		box-shadow: 0px 4px 8px #dbd2c4;
		border-radius: 3px;
		margin-top: 64px;
		margin-bottom: 64px;
		width:22%;
		padding-bottom: 16px;
		display: flex;
		display: flexbox;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}

	.qjCards > img{
		background-color: #8e6e3f;
		width: 100%;
		border-radius: 3px 3px 0 0;
		box-shadow: 0 0 10px rgba(0,0,0,0.25) inset;
	}

	.qjbody{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		margin-top: 15px;
	}

	.qjbody > h4{
		margin:8px 0 8px 0;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 21px;
		text-align: center;
		color:var(--altColorDarker);
	}

	.qjbody > p{
		margin: 4px 0 16px 0;
    	text-transform: none;
    	font-weight: 400;
    	font-size: 12px;
    	text-align: center;
    	width: 90%;
		color:var(--altColorDarker);
	}

	.qjbody > a{
		background-color: var(--altColor);
		color:var(--mainColor);
		padding: 8px 16px;
		border-radius: 4px;
		font-size: 14px;
		text-decoration: none;
	}

	.qjbody > a:hover{
		background-color: var(--altColorLighter);
		cursor: pointer;
	}

	.qjbody > a:active{
		background-color: var(--altColorDarker);
		cursor: pointer;
	}

	/* VIDEO CONTENT CLASSES */
	.nsVideoContent{
		background-color:var(--altColorLighter);
		background-image: url('images/fill-pattern2.jpg');
		padding-bottom: 32px;
	}

	.nsVideoContentFlexAdj{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	.nsVideoContentFlexAdj > h2{
		text-align: center;
		color:var(--mainColor);
		font-weight: 400;

	}
	.nsVideoContentFlexAdj > h2 > small{
		text-align: center;
		color:var(--mainColor);
		font-weight: 300;
		font-size: 16px;
	}

	/* FOOTER CONTENT CLASSES*/

	.nsFooter{
		background-color: var(--altColor);

		float:left;
		width:100%;
		padding-bottom: 1px;
	}

	.nsFooterAdj{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		padding: 32px 0 0 0;
	}

	.nsmsg{
		border-bottom: 1px solid var(--mainColor);
		color:#FFF;
		text-transform: uppercase;
		font-size: 21px;
		font-weight: 300;
		width: 100%;
		padding: 32px 0;
		text-align: center;
	}

	.nsPowereddeclaration{
		background-image: url('images/fill-pattern2.jpg');
		background-color: var(--altColorDarker);
		color:var(--mainColor);
		text-transform: uppercase;
		font-size: 16px;
		font-weight: 300;
		width: 100%;
		padding: 32px 0;
		text-align: center;
		margin-top:32px;
	}

	.nsQuickHumps{
		color:#FFF;
		text-transform: uppercase;
		font-size: 16px;
		font-weight: 300;
		width: 100%;
		padding: 16px 0 32px 0;
		text-align: center;
	}

	.nsQuickHumps > a{
		color:#FFF;
		text-decoration: none;
		padding: 0 8px;
	}


		/* Buttons and others */
		input[type="text"]{
			border: 1px solid var(--altColor);
			border-radius: 3px;
		}
		input[type="text"]:focus{
			border: 1px solid var(--mainColor);
		}
	
		.nsBtnAlt{
			background-color: var(--altColor);
			border: 1px solid var(--altColor);
			padding: 8px 16px;
			text-decoration: none;
			font-size: 13px;
			color: var(--mainColor);
			border-radius: 3px;
			text-align: center;
			width: 80%;
		}
	
		.nsBtnAlt:hover{
			background-color: var(--altColorLighter);
			border: 1px solid var(--altColorLighter);
			color:var(--mainColor);
			border-radius: 3px;
			cursor: pointer;
		}
	
		.nsBtnAlt:active{
			background-color: var(--altColorDarker);
			border: 1px solid var(--altColorDarker);
			color:var(--mainColor);
			border-radius: 3px;
		}
	
		.nsBtnMain{
			background-color: var(--mainColor);
			border: 1px solid var(--mainColor);
			padding: 8px 16px;
			text-decoration: none;
			font-size: 13px;
			color:var(--altColorDarker);
			border-radius: 3px;
		}
	
		.nsBtnMain:hover{
			background-color: var(--mainColorLighter);
			border: 1px solid var(--mainColorLighter);
			color:var(--altColorDarker);
			border-radius: 3px;
			cursor: pointer;
		}
	
		.nsBtnMain:active{
			background-color: var(--mainColorDarker);
			border: 1px solid var(--mainColorDarker);
			color:var(--altColorDarker);
			border-radius: 3px;
		}
	
		.nsBtn{
			background-color: var(--altColor);
			border: 1px solid var(--altColor);
			color: var(--mainColor);
			border-radius: 3px;
		}
		.nsBtn:hover{
			background-color: var(--altColorLighter);
			border: 1px solid var(--altColorLighter);
			color:var(--mainColor);
			cursor: pointer;
		}
		.nsBtn:visited{
			background-color: var(--altColorDarker);
			border: 1px solid var(--altColorDarker);
			color:var(--mainColor);
		}
}/*End*/


.dbltonegradient_hori{
	background: #a68840; /* Old browsers */
	background: -moz-linear-linear-gradient(left,  #a68840 0%, #d9c9a5 50%, #a68840 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #a68840 0%,#d9c9a5 50%,#a68840 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #a68840 0%,#d9c9a5 50%,#a68840 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a68840', endColorstr='#a68840',GradientType=1 ); /* IE6-9 */
	color:#484848;
}

.dbltonegradient_vert{
	background: #a68840; /* Old browsers */
	background: -moz-linear-gradient(top,  #a68840 0%, #d9c9a5 50%, #a68840 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #a68840 0%,#d9c9a5 50%,#a68840 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #a68840 0%,#d9c9a5 50%,#a68840 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a68840', endColorstr='#a68840',GradientType=0 ); /* IE6-9 */
	color:#484848;
}

.singletonegradient_hori{
	background: #bea763; /* Old browsers */
	background: -moz-linear-gradient(left,  #bea763 0%, #e4cd7f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #bea763 0%,#e4cd7f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #bea763 0%,#e4cd7f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bea763', endColorstr='#e4cd7f',GradientType=1 ); /* IE6-9 */
	color:#484848;
}

.singletonegradient_vert{
	background: #bea763; /* Old browsers */
	background: -moz-linear-gradient(top,  #bea763 0%, #e4cd7f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #bea763 0%,#e4cd7f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #bea763 0%,#e4cd7f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bea763', endColorstr='#e4cd7f',GradientType=0 ); /* IE6-9 */
	color:#484848;
}