@charset "utf-8";

/* =============================================== */
/*	Page Setup & Reset Section                     */
/* =============================================== */

*								{	/* Reset Styles */
									margin:0px; 
									padding:0px;
									border:0px;
								}	/* Reset all to defaults */	


body 							{	/* Set Page Background & Base font */
									background-image: url(../../../img/bg/background/title/480/title.jpg);
									background-repeat:repeat;
									background-size:auto;
									font-family: Arial;
									font-size:100%;
									font-weight:100;
								}

#page							{	/* Set Page Dimensions */
									background-color:0;
									margin:0 auto;
									position:relative;
									width:100%;
								}

.nav-but-rad img				{	/* Make all nav-button icons cicles or they will be square. */
									border-radius: 50%;
								}

a 								{	/* Remove link / Anchor Decorations etc. */
									text-decoration: none;
								}

.cf								{	/* Clear Floats */
									clear:both;
								}

.of 							{	/* Handle Overflow Automatically */
									overflow:auto;
								}

.bg-white						{	/* Set Background to Yellow */
									background-color:white;
								}

.bg-light-gray						{	/* Set Background to Yellow */
									background-color:lightgray;
								}

.bg-yellow						{	/* Set Background to Yellow */
									background:yellow;
								}

.cf								{	/* Clear Floats */	}

.of 							{	/* Handle Overflow Automatically */	}

.boxbord 						{	/* Box Borders */
									border-width: 1px;
									border-style:solid;
									border-color:black;
									box-shadow: 5px 5px 10px black;	
								}

.boxsha030310		 			{	/* Box Shadow */							
									box-shadow: 3px 3px 10px black;
								}

.boxsha050510					{	/* Box Shadow */
									box-shadow: 5px 5px 10px black;
								}

.contact-box-borders:hover		{	/* Contact Box Borders - Hovered	*/
									box-shadow: -3px -3px 10px black;
								}

.box-margins					{
									margin: 0px auto;
								}

.box-pad						{
									padding: 25px 3%;
								}


/* =============================================== */
/* Category - Title  Section                       */
/* =============================================== */

header							{	/* Set Header Section Properties */
									background-color: yellow;
									margin: 15px auto 0;
									position: relative;
									width:95%;
								}

.cat-tit-out			{	/* Page Heading Container for the Directory Category */
									color: white;
									display:block;
									margin:5px auto;
									position:relative;
									text-align: center;
									text-shadow:  0px 1px 3px black, 0px -1px 3px black, 1px 1px 3px black, 1px -1px 3px black,2px 2px 1px black;
									width:100%;									
								}

.cat-tit-inn			{	/* Page Heading Container for the Directory Category */
									display:block;
									width:100%;
								}

ul.cat-tit-inn 			{
									overflow-wrap: break-word;
								}

.cat-tit-inn li 		{
									display:inline-block;
									list-style: none;	
								}

.cat-tit-inn li:nth-child(1) /* First list Item of Town Category */
								{							
									vertical-align: middle;
								}

.cat-tit-inn li:nth-child(2) /* First list Item of Town Category */
								{
									display:inline-block;
									margin-left: 15px;
									max-width: 80%; 
									vertical-align: middle;
								}

.cat-tit-inn li h2 	{
									color: yellow;
									font-family: 'PT Serif';
									text-transform:uppercase;
									vertical-align: middle;	
								}

#header h1						{	/* Page Title Heading - Visual Properties */
									align-items: center;
									color:white;
									font-family: 'PT Serif';
									justify-content: center;
									letter-spacing: 2px;
									text-transform: uppercase;
									vertical-align: middle;
								}

#header h1 span 				{   /* WIKINAM */
									display:block;
									font-weight: 700;
									letter-spacing: 3px;
									
									font-size: 50%;
									text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black, 2px 2px 5px black;
									
								}
								
#ah1								{	/* Page Title Heading - Visual Properties */
									/*
									font-family: 'Abril Fatface'; 
									font-family: 'Anton', sans-serif;
									font-family: 'cursive';
									font-family: 'Georgia';
									font-family: 'Constantia';
									font-family: 'DejaVu Serif';			
									font-family: 'Hoefler Text';
									font-family: 'liberation Serif';
									font-family: 'Lucida Bright';
									font-family: 'Noto Serif';
									font-family: 'serif';
									font-family: Times;
									font-family: 'Times New Roman';
									font-family: 'Vollkorn'; 
									*/
								}


/* =============================================== */
/* Define Primary / Upper Section                  */
/* Category Index listings  		               */
/* =============================================== */

#head-cat-pri					{	/* Define Primary Category Container */
									display:block;
									margin:0 auto;
									padding:10px 0px 10px;
									position:relative;
									text-align: center;
								}

#head-cat-pri ul
								{	/* Contact Unordered list - Normal - None Displayed */			
									display:table;
									margin:0 auto; width:100%;
									vertical-align: middle;
								}

#head-cat-pri:hover ul
								{	/* Contact Unordered list - Hovered - Display when Hovered */	}

#head-cat-pri li 	{	/* Contact list Items Visuals */
									border-radius:50%;
									box-shadow: 3px 3px 10px black;
									display:inline-block;
									height:58px;
									list-style: none;
									margin:10px 1%;
									padding:0;
									text-align: center;
									vertical-align: middle;
									width:58px;
								}

#head-cat-pri li:hover
								{	/* Contact list Items Visuals */
									box-shadow: -3px -3px 10px black;
								}

#head-cat-pri ul li a
								{	
									background:yellow;
									border-radius:50%;
									color:white;
									font-size: 150%;
									text-decoration:none;
									transition: all 0.5s ease-in;
								}

#head-cat-pri ul li:hover a
								{
									animation: rotate-right1 5s infinite linear;
									background:white;
									border-radius:190%;
									color:yellow;
									font-size: 150%;
									text-decoration:none;
									text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -3px -3px 1px black;
								}

#head-cat-pri .head-cat-pri-active	{	/* Contact NAV Button Image - Container Background Visuals and Position Aid for Characters */
									border-radius:190%;
									display:table;
								}

#head-cat-pri .head-cat-pri-active a 
								{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */
									background-color:lightgray;
								}

#head-cat-pri .head-cat-pri-active a:hover
								{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */
									background-color:lightgray;
									color:white;
								}
/* Define border of header navigation buttons      */
/* =============================================== */


ul.head-nav-butt-bord li		{	/* Contact NAV Button Border - Container Visuals and Position */
									background:rgba(255,255,255,0.25);
									border-style:solid;
									border-width: 2px;
									color:black;
									margin:10px auto;
									height:52px;
									width:52px;
								}


/* Define buttons with characters                  */
/* =============================================== */

ul.head-nav-but-char li div	
								{	/* Contact NAV Button Image - Container Background Visuals and Position Aid for Characters */
									border-radius:180%;
									display:table;
									height:100%;
									transition: all 0.5s ease-in-out;
									width:100%;
								}

ul.head-nav-but-char li div:hover
								{}

ul.head-nav-but-char li div a	
								{	/* contact NAV Button Anchor tags - Define Text Visuals when Mormal */	
									background:rgba(255,255,255,1.00);
									border-radius:190%;
									color:yellow;
									display:table-cell; /* Vertical Centering */
									font-size: 300%;
									font-weight: 900;
									line-height: 100%;
									text-align: center;
									text-decoration: none;
									text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 3px 3px 1px black;
									transition: all 1s ease-in-out;
									vertical-align: middle;
								}


/* =============================================== */
/* Define Secondary / Lower Section                */
/* Town Index listings   		                   */
/* =============================================== */

#head-cat-sec					{
									display:block;
									text-align: center;
								}

#head-cat-sec ul				{
									display:table;
									margin:15px auto;
									vertical-align: middle;
									width:100%;
								}

#head-cat-sec:hover ul			{

								}

#head-cat-sec li 				{	/* Contact list Items Visuals */
									background:rgba(91,91,91,1.00);
									border-radius: 8px;
									box-shadow: 3px 3px 5px black;
									display:inline-block;
									list-style: none;
									margin:5px 5px;
									padding:0 15px;
									text-align: center;
									text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, 3px 3px 1px black;
									vertical-align: middle;
								}

#head-cat-sec li:hover
								{	/* Contact list Items Visuals */
									box-shadow: -3px -3px 5px black;
									text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -2px -2px 1px black;
								}

#head-cat-sec ul li a
								{
									font-weight:600;
									color:white;
									display:block;
									font-family: Arial;
									font-size:150%;
									letter-spacing: 2px;
								}

#head-cat-sec ul li:hover
								{
									
								}

#head-cat-sec ul li:hover a
								{							
									color:yellow;
									text-shadow:  0px 0px 3px black, 0px 0px 3px black, 0px 0px 3px black, -2px -2px 1px black; 
								}


/* =============================================== */
/*	Main Section: 				                   */
/* =============================================== */

main 							{	/* Container for Contact Data */
									display:block;
									font-family: Arial;
									font-weight:100;
									margin: 0 auto;
								 	padding: 20px auto 300px;
									position: relative;
									width:97%;
								}


.google-search					{
									background-color:yellow;
									clear:both;
									display:relative;
								}



/* =============================================== */
/* Define the Town Header Section                  */
/* =============================================== */

.town-title-outer				{	/* Position and Align Town Headers */
									display:block;
									position:relative;
									margin:15px auto;
									color: white;
									text-align: center;
									text-shadow:  0px 1px 3px black, 0px -1px 3px black, 1px 1px 3px black, 1px -1px 3px black,2px 2px 1px black;
									width:100%;
								}

.town-title-inner				{	/* Position and Align Town Headers */
									display:block;
									width:100%;
								}

ul.town-title-inner 			{
									overflow-wrap: break-word;
								}

.town-title-inner li 			{									
									list-style: none;									
								}

.town-title-inner li:nth-child(1) /* First list Item of Town Category */
								{
									display:inline-block;
									max-width:85%;
									vertical-align: middle;
								}

.town-title-inner li:nth-child(2) /* First list Item of Town Category */
								{
									display:inline-block;
									margin-left: 15px;
									vertical-align: middle;
								}

.town-title-inner li h2 		{	/* Town and Area Code */
									color: yellow;
									font-family: 'PT Serif';
									text-transform:uppercase;
									vertical-align: middle;								
								}

.town-title-inner li div div	{	/* Category in Town Headings */
									font-size:100%;
									font-weight: 700;
									line-height:100%;
									margin-top:10px;
								}

.town-header-spacer				{
									display:inline-block;
								}

.town-title-inner h2 			{
									font-size:320%;
									font-weight:900;
									letter-spacing: 2px;
									line-height: 100%;
								}

.town-header h3:hover 			{
									text-shadow:  0px 1px 3px black, 0px -1px 3px black, 1px 1px 3px black, 1px -1px 3px black,-2px -2px 1px black;
								}

.town-header img				{
									display:table-cell;
									vertical-align: middle;
								}

.town-header-img:hover			{

								}

.town-header-animation			{
									animation:flip-horizontally1 30s infinite linear;
								}

.rotating-icon 					{}

.rotating-icon img 				{	
									height:100%;
									transition: all 0.5s ease-in;
									width:100%;
								}

.rotating-icon img:hover		{
									animation: rotate-right1 5s infinite linear;
								}

.rotating-icon-once img 		{	
									animation: rotate-left1 1s ease-in-out;
								}

.rotating-icon-once img:hover	{
									animation: rotate-right1 1s ease-in-out;
								}

/* ===================================================== */
/* Arrange Contacts on Page (.contact-container)         */
/* ===================================================== */

.contact   						{	/* Reset Contact Details to Default */
									font-family: Arial;
									line-height:150%;
									font-size : 100%;
									font-weight: 100;
								}


/* ===================================================== */
/* Contact - Header Section for VIPs      	             */
/* ===================================================== */

ul.contact-container ul.contact li.vip 
								{
									background-color:white;
									padding: 0;
								}

ul.contact-container ul.contact li.vip:hover
								{								
									padding: 0;
								}

ul.contact-container ul.contact li.vip tr td div /* VIP Table layout */
								{
									display:block;
									margin:auto;
								}

.contact-image					{	/* Style and Position Contact Image*/
									background-color:white;
									float:right;
									margin:5px;
									padding:5px;
									width:calc(100% - 35px);
									vertical-align: middle;
								}

/* Contact - Header Styling                              */
/* ----------------------------------------------------- */

.vip .contact-header h3			{	/* Style VIP Contact Heading - h3 */ 
									background-color:deepskyblue;
									border-color: black;
									border-style:solid;
									border-width:1px;
									box-shadow: 3px 3px 1px black;
									color:white;
									font-family: Arial;
									font-size:120%;
									font-weight:900;
									line-height:150%;
									letter-spacing: 0px;
									padding:10px 0;
									text-align: center;
									text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black, 3px 3px 1px black;
									vertical-align: middle;
								}

/* Contact - Container (Inner) 	                         */
/* ----------------------------------------------------- */

.contact > li 					{	/* Container Properties */
									background-color:white;
									box-shadow: 3px 3px 1px black;
									border-style:solid;
									border-width:1px;
									list-style: none;
									margin-top:15px;
									padding-bottom:25px;
									padding:15px;
									position:relative;
								}

.vip .contact > li 				{	/* Style VIP Contact Sections */
									background-color:white;
								}


/* Power-On Button Container - Properties                */
/* ----------------------------------------------------- */

.contact-header h3:hover 		{
									background-color: yellow;
									box-shadow: -3px -3px 1px black;
									color:white;
									text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black, -3px -3px 1px black;
								}

.vip .contact-header h3:hover 	{	/* Style VIP Contact Heading when hovered - h3 */ 
									background-color: yellow;
									box-shadow: -3px -3px 1px black;
									color:white;
									text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black, -3px -3px 1px black;
								}

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

.vip .contact-header img 		{ 	/* Style VIP Contact Heading Image - Animated Sun */
									animation: rotate-right1 10s infinite linear;
									display:block;
									overflow:auto;
									position:absolute;
									right:-7px;
									top:-30px;
									width:72px;
									z-index:3;
								}

.vip .contact:hover > li:hover 	{	/* Style VIP Contact Sections' Borders & Shadows */ 
									background-color:white;
								}
.contact:hover > li:hover 		{	/* Style VIP Contact Sections' Borders & Shadows */ 
									box-shadow: -3px -3px 1px black;
								}


/* Contact Details (i.e. Telephone Nuembers)             */
/* ===================================================== */

ul .contact-details 	 		{
									list-style:none;
								}

ul .contact-details li			{
									float:right;
									letter-spacing:1.5px;
									list-style: none;
									text-align: right;
									width:calc(100% - 75px);	
								}

ul .contact-details li:hover	{
									aletter-spacing:2.5px;
								}

/*	https://css-tricks.com/examples/nth-child-tester/ 
	2n+1 = Odd Numbers
	2n+2 = Every Second or even
	-n+2 = First Two
	1n+2 = All STarting at Two

	.myclass ul li {
	   ...this will affect both levels of li.
	}

	.myclass > ul > li {
	   ...this will only affect the first level.
	}

	.myclass > ul > li > ul > li {
	   ...this will only affect the second level.
	}

*/
ul.contact-details li:nth-child(n+2)
								{
									font-family: Arial;									
									line-height: 150%;
								}

.related-detail-type li:nth-child(1)
								{
									color:blue;
									font-weight:700;
									line-height: 150%;
									text-align: right;
									text-transform:uppercase;
									width:calc(100% - 75px);
								}

.related-detail-type li:nth-child(1n+2)
								{
									display:block;
									color:black;
									float:right;
									font-family: Arial;
									font-size:90%;
									font-weight:300;
									line-height: 150%;
									overflow-wrap: break-word;
									text-align: right;
									width:calc(100% - 105px);
								}


.related-detail-type:hover li:nth-child(1n+2)
								{
									color:white;
									display:block;
									font-weight:600;
									letter-spacing:0.8px;
									line-height: 170%;
									text-align: right;
									text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black, 1px 1px 1px black;
									/* color:rgba(5,5,5,1.00); */									
								}

.related-detail-type:hover  li:nth-child(1)
								{
									color:yellow;
									text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, 1px 1px 5px black, 1px 1px 1px black;
								}


ul.contact-details li:nth-child(-n+3)
								{
									overflow-wrap: break-word;
								}



.data_description 			{	
									clear:both;
									color:black;
									margin-top:15px;
									text-align: justify;
									width:100%;	
									text-shadow: none;
								}	
								
.dn								{	/* dn = Display None */
									display:none;
								}

.dn li							{
									display:none;
								}


.contact-header img 			{
									display:none;
								}

/* .relate Associates text with hovered image            */
/* ----------------------------------------------------- */
.related-detail-type:hover .primary-contact-detail a
								{
								}

.data-section 		{
									list-style:none; 
								}

.reverse_text					{	
									direction: rtl;
									unicode-bidi: bidi-override;
								}















@media screen and (min-width:720px) and (max-width:1000px)
{

}

@media screen and (min-width:1000px) and (max-width:1280px)
{

}

.button-nav-home				{
									display:-inline-block;	
								}


/* Animations */

@keyframes rotate-left1			{	/* Animation (Rotate Clockwise) for buttons and objects */
									/* Rotates: Category Buttons 							*/
  									0% 		{
    											transform:rotate(360deg);
  											}

  									100% 	{
												transform:rotate(0deg);
											} 
								}

@keyframes rotate-right1		{	/* Animation (Rotate Clockwise) for buttons and objects */
									/* Rotates: Category Buttons 							*/
  									0% 		{
    											transform:rotate(0deg);
  											}

  									100% 	{
												transform:rotate(360deg);
											} 
								}

@keyframes flip-town			{	/* Town Button Anmimations - Trial */
  									0% 		{
    											transform: rotatex(0deg);
  											}

									25% 	{
    											transform: rotatex(180deg);
  											}

									50% 	{
    											transform: rotatex(360deg);
  											}

									75%		{
    											transform: rotatex(180deg);
  											}

  									100% 	{
												transform: rotatex(0deg);
											} 
								}

@keyframes flip-horizontally1	{	/* Animation - Flip Town Headers Right */
  									0% 		{
    											transform:rotatey(0deg);
  											}

									40%		{
    											transform:rotatey(0deg);
  											}

									50%		{
    											transform:rotatey(180deg);
  											}

									60%		{
    											transform:rotatey(0deg);
  											}

									100% 	{
												transform:rotatey(0deg);
											}
								}

@keyframes flip-horizontally2	{	/* Animation - Flip Town Headers Right */
  									0% 		{
    											transform:rotatey(0deg);
  											}

									50%		{
    											transform:rotatey(180deg);
  											}

									100% 	{
												transform:rotatey(0deg);
											}
								}

@keyframes rotate-vertical1		{	/* Animation - Trial */ 
  									0% 		{
    											transform:rotatex(0deg);
  											}

									45%		{
    											transform:rotatex(0deg);
  											}

									50%		{
    											transform:rotatex(110deg);
  											}

									55%		{
    											transform:rotatex(0deg);
  											}

									100% 	{
												transform:rotatex(0deg);
											}
								}


hr.style1 						{
									border-top: 1px solid #8c8b8b;
								}


hr.style2 						{
									border-top: 3px double #8c8b8b;
								}

hr.style3 						{
									border-top: 1px dashed #8c8b8b;
								}

hr.style4 						{
									border-top: 1px dotted #8c8b8b;
								}

hr.style5 						{
									background-color: #fff;
									border-top: 2px dashed #8c8b8b;
								}


hr.style6 						{
									background-color: #fff;
									border-top: 2px dotted #8c8b8b;
								}

hr.style7 						{
									border-top: 1px solid #8c8b8b;
									border-bottom: 1px solid #fff;
								}


hr.style8 						{
									border-top: 1px solid #8c8b8b;
									border-bottom: 1px solid #fff;
								}

hr.style8:after 				{
									content: '';
									display: block;
									margin-top: 2px;
									border-top: 1px solid #8c8b8b;
									border-bottom: 1px solid #fff;
								}

hr.style9 						{
									border-top: 1px dashed #8c8b8b;
									border-bottom: 1px dashed #fff;
								}

hr.style10 						{
									border-top: 2px dotted black;
									border-bottom: 2px dotted white;
								}


hr.style11 						{
									height: 6px;
									background: url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;
									border: 0;
								}


hr.style12 						{
									height: 6px;
									background: url(http://ibrahimjabbari.com/english/images/hr-12.png) repeat-x 0 0;
									border: 0;
								}

hr.style13 						{
									height: 10px;
									border: 0;
									box-shadow: 0 10px 10px -10px #8c8b8b inset;
								}

hr.style14 						{ 
								 	border: 0; 
								  	height: 1px; 
								    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
								    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
								    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
								    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
								}

hr.style15 						{
									border-top: 4px double #8c8b8b;
									text-align: center;
								}

hr.style15:after 				{
									content: '\002665';
									display: inline-block;
									position: relative;
									top: -15px;
									padding: 0 10px;
									background: #f0f0f0;
									color: #8c8b8b;
									font-size: 18px;
								}

hr.style16 						{
  									border-top: 1px dashed #8c8b8b; 
								}

hr.style16:after 				{ 
								 	background: #f0f0f0;
								 	color: #8c8b8b;
								  	content: '\002702';
								 	display: inline-block;
								 	font-size: 18px;
									left: 40px;
								 	padding: 0 3px;
								 	position: relative;
								 	top: -12px;			 	
								}


hr.style17 						{
									border-top: 1px solid #8c8b8b;
									text-align: center;
								}

hr.style17:after 				{
									content: '�';
									display: inline-block;
									position: relative;
									top: -14px;
									padding: 0 10px;
									background: #f0f0f0;
									color: #8c8b8b;
									font-size: 18px;
									-webkit-transform: rotate(60deg);
									-moz-transform: rotate(60deg);
									transform: rotate(60deg);
								}


hr.style18 						{
								 	height: 30px;
								 	border-style: solid;
								 	border-color: #8c8b8b;
								 	border-width: 1px 0 0 0;
								 	border-radius: 20px;
								}

hr.style18:before 				{
								 	display: block;
								 	content: "";
								 	height: 30px;
								 	margin-top: -31px;
								 	border-style: solid;
								 	border-color: #8c8b8b;
								 	border-width: 0 0 1px 0;
								 	border-radius: 20px;
								}

/* CSS Document */

/* Meta Tag for Robots */

/* rel="noopener noreferrer" */

/* Reset */



#aaaheader h3 						{	
									font-family:Arial;
									font-size:200%;
									font-weight:550;
									letter-spacing: 2px;
									justify-content: center;
									align-items: center;
								}

.bbbnav-but-rad					{
									border-radius: 50%;
								}