@charset "utf-8";
@import url("webfonts/Shabnam/stylesheet.css");
@import url("webfonts/Shabnam_Bold/stylesheet.css");
@import url("webfonts/Shabnam_Light/stylesheet.css");
@import url("webfonts/Shabnam_Medium/stylesheet.css");
@import url("webfonts/Shabnam_Thin/stylesheet.css");


:root {
  	--color1: #192B6C;	
	--color2: #FF5000;
	--color3: #FFFFFF;
	--color4: #808080;
	--color5: darkgreen;
	--color6: #d42f2f;
	
	--bgshadow1: #a0a0a0;
	--bgshadow2: #D3D3D3;

  	--bgcolor1: #FFFFFF;
	--bgcolor2: #F8F8F8;
	--bgcolor3: #192B6C;
	--bgcolor4: #FF5000;
	--bgcolor5: darkgreen;
	--bgcolor6: gold;
	--bgcolor7: #a0a0a0;
	--bgcolor8: #f2f2f2;
}


li{
    margin-bottom: 5pt;
}

.ul_main>li
{
    margin-bottom : 1px;
}

.bIn{
      border: solid 1px #808080;
      height: 25px;
      width: 90px;
      background-color: #f2f2f2;
      color: #808080;
      vertical-align: middle;
      text-align: center;
      line-height: 25px;
      border-radius: 4px;
	  text-decoration: none;
    }


#th1 {
	height: 100px;
    background-color: white;
    position: fixed;
    top: 0px;
	padding-top: 5px;
    width: 100%;
	font-family: "Shabnam Bold";
}
 #th1 table {font-family: "Shabnam Bold";color: #192B6C;}
 #th1 a {color: #192B6C;text-decoration: none;}
 #th1 a:hover {color: #FF5000;text-decoration: none;}

 

 #th2 {
	height: 1px;
    background-color: #ff5000;
    position: fixed;
    top: 100px;
    width: 100%;
    box-shadow: 0px 3px 5px 1px lightgrey;
    z-index: 2;
}
#header #th1 {
	height: 100px;
    background-color: white;
    position: fixed;
    top: 0px;
	padding-top: 5px;
    width: 100%;
	font-family: "Shabnam Bold";
    z-index: 2;
}
#Footer {
	font-family: Shabnam;
    margin-top: 55px;
}

#th3{
    background-color: transparent; 
    border: #192B6C 1px solid; 
    border-radius: 5px; 
    color: #192B6C; 
    margin: 20px auto; 
    width: max-content; 
    text-align: center; 
    float: none; 
    top: 10px; 
    z-index: 1; 
    position: absolute; 
    left: 0px; right: 0px; 
    height: 80px; 
    padding-top: 3pt;
    font-family: "Shabnam Bold";
} #th3 a {color: #ff5000; ;text-decoration: none;} #th3 a:hover {color: #192B6C; text-decoration: none;}

 #tmenu {display: block; height: 37px;color: white ;background-color: #192b6c; position: fixed; top: 101px; width:100%; font-size: 10pt;} #tmenu a {color: white ;text-decoration: none;} #tmenu a:hover {color: #a3d7ed ;text-decoration: none;}

 #tmembers {display: none; height: 114px; background-color: #f2f2f2; position: fixed; top: 101px; width:100%; font-family: Roboto; font-size: 11pt; text-align: left;}  #tmembers a {color: #192b6c; text-decoration: none;} #tmembers a:hover {color: #ff5000 ;text-decoration: none;}

 #tsearch {display: none; height: 60px; background-color: #eaeaea; position: fixed; top: 101px; width:100%; font-family: Roboto; font-size: 11pt; text-align: left;} #tsearch a {color: #192b6c ;text-decoration: none;} #tsearch a:hover{color: #ff5000 ;text-decoration: none;}

#page {float: none;text-align: center ;width: 100%; font-family: Roboto; font-size: 11pt;} #page a {color: #192b6c ; text-decoration: none;} #page a:visited {color: #192b6c ;text-decoration: none;} #page a:hover {color: #a3d7ed ;text-decoration: none;}

#main { width: 80%; max-width: 100%; min-width: 350px; text-align: center;  margin-top:15px; margin-bottom:40px ;  border: dotted 0px grey; line-height: 1.5em;} #main a {color: #192B6C;text-decoration: none;}
 #main a:hover {color: #FF5000;text-decoration: none;}

#store_slide a {
		color: white;
	}
#store_slide a:hover {
		color: var(--color1)
	}

	#store_slide .ItemTitle a {
		color: var(--color1);
	}
	#store_slide .ItemTitle a:hover {
		color: var(--color2);
	}

	

#menu {height: 100px; width: 300px; text-align: left;  margin-top:138px; margin-bottom:20px ; margin-left: 15%; border: dotted 0px grey; line-height: 1.5em;}

#form-2 a {color: #192B6C;text-decoration: none;font-family: "Shabnam Bold";}
 #form-2 a:hover {color: white;text-decoration: none;font-family: "Shabnam Bold";}

.BUT{ border: solid 1px #808080;
      height: 25px;
      width: 90px;
      background-color: #f2f2f2;
      color: #808080;
      vertical-align: middle;
      text-align: center;
      line-height: 25px;
      border-radius: 4px;
	  text-decoration: none;
      margin: 0px auto; 
      font-family: 'Shabnam Bold';
}

.jMenu {
    direction: rtl;
    border: 1px solid #192b6c;
    height: 36px;
    vertical-align: middle;
    text-align: right;
    line-height: 15px;
    background-color: white;
    font-weight: bold;
    color: #192b6c;
    padding: 10px;
    margin-bottom: 7px;
    font-family: "Shabnam Bold";

}

.buttonOR{
      border: 1px solid #ff5000;
      height: 25px;
      width:90px;
      background-color: white;
      color: #ff5000;
      vertical-align: middle;
      text-align: center;
      line-height: 25px;
      border-radius: 4px;
	  text-decoration: none;
    }


.button{
      border: 1px solid #192b6c;
      height: 25px;
      width:90px;
      background-color: white;
      color: #192b6c;
      vertical-align: middle;
      text-align: center;
      line-height: 25px;
      border-radius: 4px;
	  text-decoration: none;
      font-family: "Shabnam Bold";
  }
a.button:hover {color: white;}


a.forbutton:link {color: #192b6c;}
a.forbutton:visited {color: #192b6c;}
a.forbutton:hover {color: white;}

.title1{
	font-family: "Shabnam Bold";
	color: #192b6c;
    line-height: 25px;
	text-decoration: none;
	font-size: large;
}
.title2{
	font-family: "Shabnam Bold";
	color: #192b6c;
    line-height: 25px;
	text-decoration: none;
	font-size: medium;
}
.input{
	padding:3px; 
	font-family: Shabnam; 
	font-size: 11pt;
	width: 100%;
}
.inputText{
    padding: 5px;
    font-family: Shabnam;
    font-size: 11pt;
    width: 100%;
    white-space: normal;
    resize: vertical;
    scroll-behavior: none;
}
#header {
    font-family: "Shabnam Bold";
}

    #f0{height: 50px; line-height: 0px; vertical-align: middle; background-color: #f2f2f2; padding: 0px; padding-bottom: 5px; margin-bottom: 0px; text-align: center; font-family: "Shabnam Bold"; color: #192B6C; font-size: larger;}
	#f1{height: 50px; background-color: #5891bc}
    #f2{height: 50px; line-height: 50px; vertical-align: middle; background-color: #f2f2f2; padding: 10px; padding-bottom: 8px; margin-bottom: 0px;}
    #f3{height: 30px; background-color: #192b6c; text-align: center;font-family: Shabnam; font-size: 12pt; font-weight: lighter; color: white;} #f3 a {color: #e2e2e2; text-decoration: none;} #f3 a:visited {color: #e2e2e2 ;text-decoration: none;} #f3 a:hover {color: #a3d7ed ;text-decoration: none;}
    #f4{height: 1px; background-color: lightgrey;}
    #f5{height: 75px; line-height: 1.1em; background-color: white; text-align: left; font-family: Shabnam; font-size: 11pt; font-weight: lighter; color: #ff5000;}

.divContiner{
    max-width:450px;
    min-width:320px ; 
    margin: 0 auto; 
    padding: 5pt;
    background-color: #F2F2F2; 
    border-radius: 15px 50px;
}

#joinnow {background-color: transparent;}
#joinnow a {color: #192B6C;text-decoration: none;}
#joinnow a:hover {color: #FFFFFF; text-decoration: none;}

h1 {
    font-family: "Shabnam Bold";
    font-size: x-large;
    color: #192B6C;
    line-height: 1.4em;
    text-align: right;
}

.rating {
	 color: gold;
	  width: 135px;
	 float: left;
	text-align: left;	
	 height: 25px;
	font-size: 24pt;	
      unicode-bidi: bidi-override;
      direction: rtl;
}
.rating > span {
  display: inline-block;
  position: relative;
  width: 0.8em;
}
.rating > span:hover:before,
.rating > span:hover ~ span:before {
   content: "\2605";
   position: absolute;
}