body {direction: ltr;}
.fbody {direction:rtl;}
body{font-family: arial;font-size: 12px;}.tbl{border-spacing: 0;border-collapse: collapse;}
.picbx{text-align:center;width:120px;height:130px;overflow:hidden;border:1px solid gray;float:right;margin:5px;}
.mpic{max-width:100px;max-height:100px;border:2px solid #e8e8e8;}
.tprmtrb{font-weight: bold;white-space: nowrap;vertical-align:top;}
.ltr{direction:ltr;}
.rtl{direction:rtl;}
.top{vertical-align:top;}
.vcenter{vertical-align:middle;}
.vbtm{vertical-align:bottom;}
.tcenter{text-align:center;}
.tright{text-align:right;}
.tleft{text-align:left;}
.cntr{text-align:center;margin: 0 auto;}
.right{text-align:right;}
.left{text-align:left;}
.gr{color:green;}
.rd{color:red;}
.bld{font-weight: bold;}
.brd{border:0;}.br1{border:1px solid black;}
.frm{margin: 0 auto;text-align:left;direction:ltr;width:300px;}
.scmsg {color:black;text-align:center;background-color:#2be395;-webkit-animation: 500ms oneproperty 4s forwards 1;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.ermsg {color:black;text-align:center;background-color:#fa5f56;-webkit-animation: 500ms oneproperty 4s forwards 1;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
@-webkit-keyframes oneproperty {0% { opacity: 1;}100% { opacity: 0; }}
.sitem{border:0px solid black;width:85%;margin:0 auto;}
.itemnm{font-size:18px;font-weight: bold;}
.itemdsc, .iteminfo{width:280px;}
.infcontainer{float:right;display:block;}
.ItmDtl{border:0px solid black;float:left;margin:15px auto;}
.ItmPic{float:none;display:block;min-height:550px;margin:15px auto;}
.bitembx{width:500px;height:500px;}
.bitempic{max-width:500px;max-height:500px;}
.dtltbl{border-collapse: collapse;width:90%;margin:0 auto;}
.admnu{clear:both;}
.inf{margin-right:15%;margin-bottom:28px;}
.cninp{padding:14px;width:95%;border:1px solid;}
.cntnm{text-align:right;width:100%;}
.cntcont{width:95%;max-width:450px;margin:0 auto;float:right;margin-right:5%;margin-top:35px;}
.cntvl{text-align:right;}
.cntbnt{text-align:center;}
.cntsbmt{padding:14px;width:60px;}
.cnbdf{padding-left:85px;float:right;clear:both;}
.cnbdf:before{clear:both;}
.cntn{clear:both;}
.cncontainer{margin:0 auto;}
.vrgrp{float:right;width:25%;}
.vrgcl{margin-bottom:7px}
.mbox{}
@media screen and (max-width: 1220px) {
	#qheader{height:100px;}
	}
@media screen and (max-width: 990px) {
	#logo{padding-right:60px;}
	.card{display:none;}
	#sq:focus {width: 135px;
		background: url('images/sr.png') no-repeat right 3px center;
		background-color:white;
		}
	.icnscrl{display:none;}
	.hdrlg{max-width:220px}
	.wd12m{width: 97%;}
.wd11m{width: 88.9%;}
.wd10m{width: 81%;}
.wd9m{width: 73%;}
.wd8m{width: 65%;}
.wd7m{width: 56.3%;}
.wd6m{width: 47.5%;}
.wd5m{width: 39.7%;}
.wd4m{width: 31%;}
.wd3m{width: 22.8%;}
.wd2m{width: 14.49%;}
.wd1m{width: 6.25%;}
}
 
	@media screen and (min-width: 820px) {
		li.mn:hover .sbmnu, .sbmnu:hover{display:block;overflow: hidden;animation:mnmov 250ms;}
		}
@media screen and (max-width: 820px) {
	#mnu {position:absolute;height: auto;display: inline-block;text-align:center;}
	#menu{display:none;}
	#menu.vertical{background:rgba(50, 50, 50, 0.75);width: 250px;float: left;display: block;position: absolute;left: 10px;z-index:900;height:400px;overflow-x:hidden;overflow-y:scroll}
	#menu.vertical ul {z-index:2}
	#menu li {float:left;padding-bottom:8px;padding-top:8px;background:#000;width:240px}
	.sbmnu{display:inline-block;position:relative;width:190px;top:6px;padding-right:0;right:0;background:transparent}
	#menu ul a li{color:white;}
	#menu.vertical ul li a:hover{color:#000;}
	#menu li .slct{border:0;}

	.aa:hover{border:0;}
	body{margin:0;}
	.bdg{width:100%;padding-top:50px;}
	.hdrlg,.prlogo{max-height:35px;float:right;text-align:center;}
	.pnhd{display:none;}
	.brmn{display:none;}
	.hdrbg{height:0px;}
	.prlogo,.prlogo p{width:150px;height:50px;font-size: 17px;
    line-height: 20px;
	padding-top:15px;
    overflow: hidden;}
	.hdrlg{    height: 35px;
    padding-top: 0;
    margin-top: -7px;}
	.pgttl{margin-bottom:0}
	#sq:focus {width: 135px;background: url('images/sr.png') no-repeat right 3px center;background-color:white;}
	#qheader,#qheader.scrl{height:50px;position:fixed;right: 0;left: 0;height:50px;border-bottom:1px solid white;width:100%;z-index: 1000;}
	.plscrl{height:47px;}
	.mscrl{float:right;}
	.cscrl{display:none;}
	.icnscrl{display:block;padding-top:5px;}
	.sqscrl{margin-top:8px;}
	.icuser{padding-left: 35px;padding-top:0px;}
	.nwt{width:100%;padding-top:0px;}
	.hdrgst{display:block;height:50px;margin:auto;width:95%;text-align:center;}
.hidt{display:none;}
.wd12t{width: 97%;}
.wd11t{width: 88.9%;}
.wd10t{width: 81%;}
.wd9t{width: 73%;}
.wd8t{width: 65%;}
.wd7t{width: 56.3%;}
.wd6t{width: 47.5%;}
.wd5t{width: 39.7%;}
.wd4t{width: 31%;}
.wd3t{width: 22.8%;}
.wd2t{width: 14.49%;}
.wd1t{width: 6.25%;}
	}
	@media screen and (max-width: 480px) {
		.hids{display:none;}
		.hdrbg{height:0px}
.prlogo{display:none;}
.hdrlg{float:none;}
.hdrgst{display:block;height:50px;margin:auto;width:95%;text-align:center;}
.nwt{padding-top:0px;}
#sq{width:40px}
#sq:focus{width:40px}
.wd12s{width: 97%;}
.wd11s{width: 88.9%;}
.wd10s{width: 81%;}
.wd9s{width: 73%;}
.wd8s{width: 65%;}
.wd7s{width: 56.3%;}
.wd6s{width: 47.5%;}
.wd5s{width: 39.7%;}
.wd4s{width: 31%;}
.wd3s{width: 22.8%;}
.wd2s{width: 14.49%;}
.wd1s{width: 6.25%;}
.vrgrp{float:none;width:100%;
}
.vrgcl{    width: 30%;
    margin-top: 3px;
    float: right;}
.mbox{float:left;width:30%}
.grpbx{width:70%;float:right}
	}
	
a:link    {color:black;}
a:visited {color:black;}
a{color:white;text-shadow:none;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out}
a:hover   {color:#434343;}
a:active  {color:red;}
a, img {border:none;outline:none}
input,textarea{
margin-top:0px;
border:1px solid #E8E9E9;
margin-bottom:10px;padding:5px;
width:280px;
border:1px solid gray;
}
input[type=submit] {width:100px;padding:10px; background:#ccc; border:0 none; cursor:pointer;z-index:10;}
.fbody{background-color:white;margin:0px auto;margin-top:200px;width:960px;text-align:center}
.upr{min-height:200px;background-color:#4893B7;border-bottom:inset 5px black;top:0;left:0;width:100%;position:absolute;animation:mymove 5s;-webkit-animation:mymove 5s;animation:rmove 2s infinite;-webkit-animation:rmove 2s infinite;z-index:5;}
.logo{right:100px;position:absolute;text-align:center;border:0px solid black;top:35px;width:360px;animation:lmove 1s;-webkit-animation:lmove 1s;}
.logo a{color:white}
.sbody{background-color:white;text-align:center;}
body{background-color:#ECE9E9;font-family: arial;font-size: 13px;}
.img{border:inset 5px #EAE7E7;}
.pgbody{min-height:400px;padding:20px;}
.footer{background-color:#1A657C;color:white;border-top:5px solid #4893B7;line-height:120%;min-height:50px;}
.footer a{color:white;}
#menu ul{margin:0;width:930px;}
#menu a{float:right;width:90px;text-decoration:none;color:white;background-color:#4893B7;padding: 11px;margin-right:6px ;text-align:center;font-size:14px;font-weight: bold;margin-bottom:7px;}
#menu a:hover,#menu li.select{background-color:black;}
#menu li{display:inline;}
.lmnu{margin:0;width:100px;}
.lmnu li {padding-bottom:4px;list-style-type:none;}  
.lmnu a{display:block;width:100px;text-decoration:none;color:white;background-color:#4893B7;padding: 11px;text-align:center;font-size:14px;font-weight: bold;}
.lmnu a:hover,a.selected{background-color:black;}
#dmenu ul{margin:0;}
#dmenu a{float:right;width:90px;text-decoration:none;color:white;background-color:#1A657C;padding: 11px;margin-top:6px ;text-align:center;font-size:14px;font-weight: bold;}
#dmenu a:hover{background-color:#4C98CD;}
#dmenu li {display:block;}
#dmenu li.select a{display:block;background-color:#4C98CD;}
#hid{display:none;}
.tmnu ul{margin:0;}
.tmnu a{float:right;width:90px;text-decoration:none;color:white;background-color:#1A657C;padding: 11px;margin-right:6px ;text-align:center;font-size:14px;font-weight: bold;}
.tmnu a:hover {background-color:#4C98CD;}
.tmnu li {display:inline;}  
.theme-default #slider {margin:0px auto 0 auto;width:930px;height:400px;}
.circle {
    background: rgb(255,255,255);
    border-radius: 100%;
    cursor: pointer;
    position: relative;
    margin: 0 auto;
    width: 15em; 
    height: 15em;
    text-decoration:none;
    overflow: hidden;
    transform: translateZ(0);
}
 
.circle h1 {
    color: rgba(189, 185, 199,0);
    font-weight: 900;
    font-size: 1.6em;
    line-height: 8.2em;
    text-align: center;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    user-select: none;
    transition: color 0.8s ease-in-out;
}
 
.circle:before,
.circle:after {
    border-radius: 100%;
    content:"";
    position: absolute;
    top: 0; 
    left: 0;
    width: inherit; 
    height: inherit;            
    box-shadow: inset 10.6em 0 0 rgba(30, 140, 209, 0.2), 
                inset 0 10.6em 0 rgba(30, 140, 209, 0.2), 
                inset -10.6em 0 0 rgba(30, 140, 209, 0.2), 
                inset 0 -10.6em 0 rgba(30, 140, 209, 0.2);
    transition: box-shadow 0.75s;
}
 
/* We rotate the :after pseudo-element to get the edge from the corner, we could also just do that with box-shadows. */
 
.circle:after  {
    transform: rotate(45deg);
}
 
/* There is no problem using "pseudo-class + pseudo-element" :) */
 
.circle:hover:before,
.circle:hover:after  {
    box-shadow: inset 0.86em 0 0 rgba(255, 0, 0, 0.5), 
                inset 0 0.86em 0 rgba(252, 150, 0, 0.5), 
                inset -0.86em 0 0 rgba(0, 255, 0, 0.5), 
                inset 0 -0.86em 0 rgba(0, 150, 255, 0.5);
}
 
.circle:hover > h1  {
    color: rgba(185, 185, 185,1);
}
@keyframes mymove{from {background-color:red;}to {background-color:blue;}}
@-webkit-keyframes mymove{from {background-color:#B40901;}to {background-color:#4893B7;}}
@keyframes lmove{from {right:-450px;}to {right:100px;}}
@-webkit-keyframes lmove{from {right:-450px;}to {right:100px;}}
@keyframes rmove{from {border-bottom:inset 5px #434343;}to {border-bottom:inset 5px black;}}
@-webkit-keyframes rmove{from {border-bottom:inset 5px #434343;}to {border-bottom:inset 5px black;}}
.pagenav ul{margin:0 auto;width:100%;border:0px solid black;}
.pagenav a,.pagenav li.selected{float:right;width:20px;text-decoration:none;color:white;background-color:#4893B7;padding: 11px;margin-right:7px ;text-align:center;font-size:14px;font-weight: bold;margin-bottom:5px;}
.navbtn a{width:100px;}
.navtxt{text-align:right;font-weight: bold;border:0px solid black;width:90%;margin:0 auto;padding-bottom:10px;padding-top:20px;font-size:16px;}
.pagenav a:hover,.pagenav li.selected,.selected {color:white;background-color:black;}
.pagenav li {display:inline;margin:0 auto;} 
.mdlnm{direction:rtl;}
.edbtn input{width:180px;padding-top:10px;}
ul{direction:rtl;}
.aas ul{
direction:rtl;
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 13px arial;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.aas li{
display: inline;
margin: 0;
padding:3px;
}

.aas li a{
text-decoration:rtl;
padding: 5px 7px;
margin-right: 2px;
border: 1px solid #778;
color: white;
border:1px solid gray;
background: #3282c2;
border-radius: 8px;
box-shadow: 3px 3px 4px rgba(0,0,0,.5);
-moz-border-radius: 8px;
-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5);
background: -moz-linear-gradient(center top, #a4ccec, #72a6d4 25%, #3282c2 45%, #357cbd 85%, #72a6d4);
-webkit-border-radius: 8px;
-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5);
background: -webkit-gradient(linear, center top, center bottom, from(#a4ccec), color-stop(25%, #72a6d4), color-stop(45%, #3282c2), color-stop(85%, #357cbd), to(#72a6d4));
}

.aas li a:hover{
color: lightyellow;
}
.ItmPr{margin:auto;border:2px solid #E8E9E9;margin:10px;height: auto;}
.ItmPrT{
   background-color:#4893B7;
   color:white;
   line-height:2.5em;
font-size:16px;
text-align:center;
vertical-align:middle;
   font-weight:bold;
border-bottom:0px solid #A0A0A0;
   border-collapse: collapse;
}
.brbx{width:380px}
.picbx{width:530px;float:none;margin:auto}
.dtlbx{max-width: 85%;margin: auto;}

@media screen and (max-width: 990px) {
.logo{position:static;margin:auto;}
}
 
@media screen and (max-width: 758px) {
.logo{left:0}
}
 
@media screen and (max-width: 480px) {
}