
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;}
.tbl table {border:0;margin:0 auto;border-collapse: collapse;direction:rtl;}
.tbl td {border:0;padding: 8px;text-align: right;border-bottom: 1px solid #ddd;}
.tbl th{background-color:#f5f5f5;text-align: right;padding:8px;}
.tbl tr:hover{background-color:#F7F7F7}
.tbl a{text-decoration:underline;color:black;}
.tbl a:visited{color:#000000;}
a.trclnk:visited{color:#830bde;}
.tbl th a:visited{color:black;}
.brtbl {border:1px solid black;border-spacing: 0;border-collapse: collapse;direction:rtl;}
.brtbl tr{vertical-align: top;text-align: right;}
.brtbl th,.brtbl td{border:1px solid black;padding:5px}
.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}
	}
html,body {margin:0;padding:0;height:100%;}
body{background-color:white;font-family: arial;font-size: 13px;border:0px solid red;}
a:link    {color:black;}
a:visited {color:black;}
a:hover   {color:#434343;}
a:active  {color:red;}
input,textarea{
margin-bottom:4px;
border:1px solid #EAEAEA;
margin-top:10px;padding:5px;
width:280px;
border-radius: 7px;
-moz-border-radius: 7px; 
  -webkit-border-radius: 7px;
border:1px solid gray;
}
input[type=submit] {width:100px;padding:10px; background:#ccc; border:0 none; cursor:pointer;border:1px solid black;}
.fbody{text-align:center;position:relative;height:auto !important;min-height:100%;
background:url('../upl/nimrod/2W8Z6449.jpg') no-repeat center center ;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
.sbody{margin:0px auto;text-align:center;width:960px;background-color:rgba(255, 255, 255, 0.2);border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;}
.upr{height:70px;background-color:black;border-bottom:inset 5px #858484;top:0;left:0;width:100%;animation:mymove 5s;-webkit-animation:mymove 5s;animation:rmove 2s infinite;-webkit-animation:rmove 2s infinite;position:fixed;}
.hgt{height:85px;}
.logo{left:100px;position:absolute;text-align:center;border:0px solid black;top:0px;width:360px;animation:lmove 1s;-webkit-animation:lmove 1s;}
.img{border:inset 5px #EAE7E7;}
.pgbody{padding:20px;}
.footer{background:url('../upl/nimrod/bg.png');border-top:5px solid #663300;left:0;position:absolute;width:100%;bottom:0;line-height:120%;min-height:18px;font-size:20px;}
.footer a{color:white;}
#menu ul{margin:0;width:100%;}
.mnu{margin-left:400px;}
#menu li{display:inline;}
#menu a{float:right;width:85px;text-decoration:none;color:#bfec84;padding: 10px;margin-right:6px ;text-align:center;font-size:12px;font-weight: bold;height:46px;background-color:rgba(200,200,200,0.3);border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;}
#menu a:hover,#menu li.select,.lmnu a:hover,.lmnu a.selected{color: #bfec84;background:rgba(102,73,44,0.8);border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;}
.lmnu{margin:0;width:100px;}
.lmnu li {padding-bottom:4px;list-style-type:none;}  
.lmnu a{border:2px solid gray;display:block;width:100px;text-decoration:none;color:#66492c;background:url('../upl/nimrod/bg.png');padding: 8px;text-align:center;font-size:14px;font-weight: bold;height:60px;border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;}
#dmenu ul{margin:0;}
#dmenu a{float:left;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-family: 'Lato', sans-serif;
    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:#FF3333;}}
@keyframes lmove{from {left:-450px;}to {left:100px;}}
@-webkit-keyframes lmove{from {left:-450px;}to {left:100px;}}
@keyframes rmove{from {border-bottom:inset 5px #b5b5b5;}to {border-bottom:inset 5px #000000;}}
@-webkit-keyframes rmove{0% {border-bottom:inset 5px #8cc640;}
33% {border-bottom:inset 5px #9fd755;}66% {border-bottom:inset 5px #97cf4e;}100% {border-bottom:inset 5px #8cc640;}}

.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:#FF3333;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:#000000;}
.pagenav li {display:inline;margin:0 auto;} 
.mdlnm{direction:ltr;}
.edbtn input{width:180px;padding-top:10px;}
.picbx{border:0px;}
.sldsw{border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;border:3px solid black;}
.cnt{text-align:right;font-size:18px;}
.cnbdf{border-left:dashed 2px black;padding-left:85px;}


.cphdr{background:black;color:white;width: 100%;position: fixed;height: 50px;text-align:center;}
.cplogo, .cplogo a{
text-decoration:none;color:white;line-height:50px;font-size:25px;
}
.cpbd{padding-top:50px;margin:auto;background-color:rgba(255, 255, 255, 0.6);max-width:450px;}
.cpbx:after {
    content: '';
    display: block;
    clear: both;
}
.cpbxlg{float:right;width:90px;padding-right:0px;text-align:center;}
.cpldv{text-align:right;}
.cpbxbd{float:right;padding-top:16px;text-align:right}
.cpftr{}
.cpbx a{color:black;}
.cpbd{font-size:1.2em}

#cpmenu ul{line-height: 1;}
#cpmenu a{text-decoration:none;}
#cpmenu {list-style: none;padding: 0;padding-bottom:5px;display: inline-block;vertical-align:middle;}
#cpmenu.vertical ul{text-align:right;}
#cpmenu.vertical li a{float:none;display: block;margin:0 auto;}
#cpmenu li {float:right;display:block;padding-right: 3px;text-align:right;}
#cpmenu li a{padding:10px;box-shadow: inset 0 0 0px;overflow: hidden;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;color:#AEAEAE;font-size:22px;}
#cpmenu ul li a{padding:5px;padding-left:15px;padding-right:15px;line-height:40px;box-shadow: inset 0 0 0px;overflow: hidden;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;color:#000;font-size:22px;}
#cpmenu li a:hover,#menu li .slct {color: #000;background:#b5b5b5;}
#cpmenu ul li a:hover {color: #0000;background:#d7d5d5;}
#cpmenu ul{margin:0 auto}
#cpmenu .bl{font-weight: bold;text-decoration: underline;}
#cpmnu {position: absolute;left: 8px;top: 5.5px;background:black;display:none;font-size:28px;border:3px solid;width:36px;height:34px;line-height:34px;float:right;cursor:pointer;z-index:10;color:white;}
#cpmnu {position:fixed;display: inline-block;text-align:center;}
#cpmenu{display:none;}
#cpmenu.vertical{background:rgba(50, 50, 50, 0.75);width: 250px;float: left;margin-top:0px;display: block;position: absolute;left: 7px;}
#cpmenu li {float:left;padding-bottom:2px;padding-top:1px;background:#000;width:240px}
#cpmenu.vertical ul li a{color:white;}
#cpmenu.vertical ul li a:hover{color:#000;}