//     <script>
//     document.addEventListener('DOMContentLoaded', function() {
//         // Check current language and apply direction
//         function checkAndApplyDirection() {
//             var lang = document.documentElement.getAttribute('lang') || 'en';
//             var htmlTag = document.documentElement;
//             var bodyTag = document.body;
            
//             if (lang === 'ar' || lang.startsWith('ar-')) {
//                 htmlTag.setAttribute('dir', 'rtl');
//                 bodyTag.classList.add('rtl');
//                 bodyTag.classList.remove('ltr');
//             } else {
//                 htmlTag.setAttribute('dir', 'ltr');
//                 bodyTag.classList.add('ltr');
//                 bodyTag.classList.remove('rtl');
//             }
//         }
        
//         // Initial check
//         checkAndApplyDirection();
        
//         // Monitor for language changes
//         var observer = new MutationObserver(checkAndApplyDirection);
//         observer.observe(document.documentElement, {
//             attributes: true,
//             attributeFilter: ['lang']
//         });
//     });
//     </script>
//     
/******************* Background ********************/

		
	html { 
		background: #e9eae2;
	}
	
	

/********************** Fonts **********************/

 	body, button, input[type="submit"], input[type="reset"], input[type="button"],
	input[type="text"], input[type="password"], input[type="email"], textarea, select {
		font-family: Roboto, Arial, Tahoma, sans-serif;
		font-weight: normal;
	}
	
	#menu > ul > li > a {
		font-family: Roboto, Arial, Tahoma, sans-serif;
		font-weight: normal;
	}
	
	h1 {
		font-family: Roboto, Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h2 {
		font-family: Roboto, Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h3 {
		font-family: Roboto, Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h4 {
		font-family: Roboto, Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h5 {
		font-family: Roboto, Arial, Tahoma, sans-serif;
		font-weight: 300;
	}
	
	h6 {
		font-family: Roboto, Arial, Tahoma, sans-serif;
		font-weight: 300;
	}


/********************** Font sizes **********************/

/* Body */

	body {
		font-size: 14px;
				line-height: 21px;		
	}
	
	#menu > ul > li > a {	
		font-size: 15px;
	}
	
/* Headings */

	h1 { 
		font-size: 40px;
				line-height: 40px;
	}
	
	h2 { 
		font-size: 36px;
				line-height: 36px;
	}
	
	h3 {
		font-size: 26px;
				line-height: 28px;
	}
	
	h4 {
		font-size: 24px;
				line-height: 28px;
	}
	
	h5 {
		font-size: 17px;
				line-height: 22px;
	}
	
	h6 {
		font-size: 16px;
				line-height: 18px;
	}
	
	
/******************* Fixed heights ********************/

	/* 1240px */
		.column-fixed > div { height: 330px; }
	.column-fixed div.inner-padding { height: 290px;}
	.column-fixed .call_to_action .inner-padding { height: 290px; line-height: 290px;}
	
		
	/* 960px */
	@media only screen and (min-width: 960px) and (max-width: 1239px) {
				.column-fixed > div { height: 330px; }
		.column-fixed div.inner-padding { height: 290px;}
		.column-fixed .call_to_action .inner-padding { height: 290px; line-height: 290px;}	
	}
	
	/* 768px */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
				.column-fixed > div { height: 330px; }
		.column-fixed div.inner-padding { height: 290px;}
		.column-fixed .call_to_action .inner-padding { height: 290px; line-height: 290px;}	
	}