* {margin:0px;}
body {font-family:tahoma;}
img {border:0px;}
a {text-decoration:none;}
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'byekan';
  src: url('../fonts/byekan.eot?#') format('eot'),  /* IE6–8 */
       url('../fonts/byekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/byekan.ttf') format('truetype'),
	   url('../fonts/byekan.svg#byekan') format('svg');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face{
	font-family:'iransansz';
	src:url('../fonts/iransansz.eot');
	src:url('../fonts/iransansz.eot?#iefix') format('embedded-opentype'),
	url('../fonts/iransansz.woff') format('woff'),
	url('../fonts/iransansz.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
header {height:117px; background:url(../images/hbk.jpg) top left repeat-x; overflow:hidden;}
.myheader {min-width:320px; max-width:998px; width: 100%; vertical-align:top; background:url(../images/logo.png) top left no-repeat; height:117px; overflow:hidden; }
.tm_min {height:33px; overflow:hidden; padding-top:13px; vertical-align:top; direction:rtl; text-align:right;}
.tmmspace {background:url(../images/sep.png) top center no-repeat; vertical-align:top; width:20px; display:inline-block; zoom:1; *display:inline;}
.tmmico {background-position:top right; background-repeat:no-repeat; display:inline-block; zoom:1; *display:inline; height:20px; vertical-align:top; padding-right:24px; transition:all 0.2s ease; font:normal 12px/21px 'iransansz', iransansz, tahome; color:#959494; margin-left:5px; padding-left:5px;}
.tmmico:hover {background-position:bottom right; cursor:pointer; text-decoration:none; color:#fff; background-color:#0149a3; border-radius:8px;}
.tmmico_log { background-image:url(../images/tmmico_login.png);}
.tmmico_reg { background-image:url(../images/tmmico_reg.png);}
.tmmico_tel { background-image:url(../images/tmmico_tel.png); cursor:help !important; font-size:14px !important; line-height:23px;}

.topmenu {display:block;  height:30px; overflow:hidden; direction:rtl; text-align:right; margin:0px; padding:0px;margin-top:32px;}
.topmenu .tml {color:#727272; display:inline-block; zoom:1; *display:inline; font:normal 14px/30px 'iransansz', iransansz, tahome; margin-left:2px; vertical-align:top;}
.topmenu .tmla {color:#727272; height:30px; display:block; padding:0px 10px; transition:all ease 0.3s;}
.topmenu .tml:hover .tmla {text-decoration:none; background-color:#0149A3; color:#fff; border-radius:3px;}
.topmenu .topmenu2 { text-align:right; direction:rtl; font-size:13px; background-color:#f1f7fe !important; border-color:#ccddf3 !important; z-index: 9999;}
.topmenu2 .tmla2 {padding:7px 15px; width:200px; line-height:20px;}
.tmla2:hover { background-color:#236bc4 !important; color:#fff !important;}
.topmenu .tml:hover .topmenu2 { display:block; z-index:9999; top:auto; left:auto; margin-top:-1px;}
#myslider button {font:normal 16px 'iransansz', iransansz, tahome;}
#myslider p {padding-top:12px;}
#myslider {overflow: hidden; height:330px;}
#myslider .myslider {width: auto; height:330px; max-width:inherit;}
#myslider .carousel-caption { top:50px;}
#myslider h4, #myslider h3 {letter-spacing:0; margin:0 !important; padding:0 !important; font:bold 23px 'iransansz', byekan, tahome; padding:3px 0 !important;}
#myslider h3 { font-size:35px; letter-spacing:-1px; font-weight:bold;}

.page-headers {font:normal 13px 'iransansz', byekan, tahome; color:#7d7d7d; padding:18px 0; text-align: center;}
.flater {background-color:#efefef; height:220px; overflow:hidden; text-align: center;}
#flater { max-width:998px; min-width: 300px; margin: auto; width: 100%; background:url(../images/flat_pc.png) right center no-repeat; height:220px; vertical-align:top; direction:rtl; text-align:right;}
.flater_bx {font:normal 14px 'iransansz', byekan, tahome; vertical-align:top; margin-right:212px; color:#616060; padding-top:27px;}
.flater_bx b {color:#4a4a4a; font-size:15px; transition:all ease 0.3s; }
.flater_bx b:hover {color:#C9302C; margin-right:15px; background-color:#fff;padding:0 20px;}

.mybox {max-width:998px; min-width: 300px; margin: auto; width: 100%; padding:50px 0 20px 0; direction:rtl; text-align:center;}
#mybox { vertical-align:top; width:24%; display:inline-block; zoom:1; *display:inline; margin:0 0.5% 8px 0.5%; background-color:#f6f6f6;  text-align:center; transition:ease all 0.5s; height:200px; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;}
.mybox_ico { text-align:center; margin-top:-32px;}
.mybox_ico span {display:inline-block; width:75px; background-color:#fff; height:75px; font-size:35px; line-height:72px; border:3px solid #ececec; -webkit-border-radius: 200px;-moz-border-radius: 200px;border-radius: 200px; color:#d74142; transition:ease all 0.6s;}
#mybox:hover .mybox_ico span { background-color:#d74142; color:#fff; transform: rotate(360deg); -webkit-transform: rotate(360deg);    -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); border-color:#f06465;}
#mybox:hover {background-color:#3D3D3D; color:#fff; cursor:help;}
#mybox:hover .mybox_bod { color:#ccc;}
#mybox:hover .mybox_bod strong { color:#fff;}
.mybox_bod {font:normal 12px/17px 'iransansz', byekan, tahome; padding:15px 18px; text-align:justify; color:#9d9d9d;}
.mybox_bod strong {display:block; text-align:center; color:#606060; padding-bottom:10px; font-size:14px;}
.mylevel {max-width:998px; min-width: 300px; margin: auto; width: 100%; text-align:center; font:normal 14px/23px 'iransansz', byekan, tahome; padding:20px 0; color:#808089;}
.mylevel b {font-size:16px; color:#474747;}
.mylevel img {max-width: 99%;}

.select_sys {background-color:#30a8d9; padding:15px 0; text-align: center;}
#select_sys, .selsys_icos { max-width:998px; min-width: 300px; margin: auto; width: 100%; text-align:center; }
.selsys_tit {padding:10px 0 8px 0; font:normal 20px 'iransansz', byekan, tahome; color:#fff;}
.selsys_icos { padding:5px 0; direction:rtl;}
#selsys_icos { display:inline-block; zoom:1; *display:inline; width:100px; vertical-align:top; font:normal 12px/18px 'iransansz', byekan, tahome; color:#fff; margin:0px 3px; overflow:hidden;}
#selsys_icos span {display:block; vertical-align:top; height:100px; margin-bottom:10px; border:1px solid #fff; -webkit-border-radius: 200px;-moz-border-radius: 200px;border-radius: 200px; font-size:50px; line-height:100px; transition:all ease 0.5s;}
#selsys_icos:hover span {background-color:#fff; color:#30A8D9; font-size:65px; line-height:95px; cursor:cell;}

.home_counter {background-color:#e8f9ff; text-align:center; padding:20px 0; overflow:hidden; font:normal 15px 'iransansz', byekan, tahome; color:#01628a;}

.info_boxer {max-width:998px; min-width: 300px; margin: auto; width: 100%; padding:50px 0; direction:rtl; text-align:center;}
#info_boxer { display:inline-block; zoom:1; *display:inline; width:48%; vertical-align:top; height:180px; text-align:right; margin-bottom:0px;}
.info_boxer_t {height:65px; overflow:hidden; direction:rtl; letter-spacing:-0.5px;}
.info_boxer_t div {vertical-align:top; height:65px; display:inline-block; zoom:1; *display:inline; width:400px; margin-right:10px; font:normal 12px/11px 'iransansz', byekan, tahome; color:#8C8C8C;}
.info_boxer_t b {font-size:16px; line-height:37px; display:block; transition:all 0.3s ease;}
.info_boxer_t:hover b {padding-right:15px;}
.info_boxer_t span { vertical-align:top; display:inline-block; zoom:1; *display:inline; width:60px; height:60px; font-size:30px; background-color:#474747; line-height:60px; color:#fff; text-align:center;}
.info_boxer_b { padding:8px 5px; direction:rtl; font:normal 14px/22px 'iransansz', byekan, tahome; color:#676767;}
.cricle {-webkit-border-radius: 125px;-moz-border-radius: 125px;border-radius: 125px;}

.myblue b { color:#275ca3;}
.mynavy b { color:#c87903;}
.home_tfoor {color:#b0cfda;  direction:rtl; background-color:#176faf;}
#home_tfoor {max-width:998px; min-width: 300px; margin: auto; width: 100%; padding: 10px 5px; vertical-align:top; height: auto; min-height:65px; font:normal 16px/28px 'iransansz', byekan, tahome;text-align:right;}
#home_tfoor span {color:#fff;}

.footer {background-color:#333333; }
#footer { max-width:998px; min-width: 300px; margin: auto; width: 100%; padding:15px 5px; color:#ccc; font-family:tahoma; font-size:8pt; direction:rtl;}

.mini_body {background-color:#F2FAFF;}
#mini_body {text-align:right; padding:0px; font-family:'iransansz',byekan,tahoma;}
#mini_body .page-header { border-color:#fff; font-size:30px;}
#mini_body .page-header h1 {margin:0px; padding:10px; font-size:20px;}
#mycontactus .input-group {width:400px;}

#contactinfo { padding:25px 0; background-color:#32323A; font-size:15px;}
.contactinfo { width:998px;}
.conticons {color:#fff; padding:0px; text-align:center; line-height:25px;}
.conticons span {font-size:60px;}
.contact_bod {background-color:#fff;}
#contact_bod { width:998px; background:url(../images/contactbg.png) center center no-repeat; padding:55px 0;}
#contact_inp {width:550px; direction:rtl; margin-bottom:8px;}
#contact_inp .myconinp { height:45px;}
.english {text-align:left; direction:ltr;}

.tooltip {font-family:tahoma !important;}
.tooltip-inner { max-width:350px; padding-top:7px !important; padding-bottom:7px !important; color:#fff;}
.fonter {font-family:'iransansz',byekan,tahoma;}

.myalertlist {direction:rtl; text-align:right;}
.myalertlist .close { float:left;}

.navbar-default {background-color: transparent !important; border-width: 0 !important;}
.navbar-collapse {padding-right: 0 !important; border: 0 !important;}

.btn {font-family:'iransansz',byekan,tahoma; padding: 10px 12px !important; }

#newservie {max-width: 998px; margin: auto; padding: 20px 0; text-align: center;}
#newservie .showbx i {font-size: 55px; color: #ffffff; padding: 5px 0;}
.showbx {background-color: #0592f9; color: #fff; margin-bottom: 15px; padding: 10px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; height: 120px; overflow: hidden;}
.showbx div {font-family:'iransansz',byekan,tahoma; font-size: 13px; padding: 8px 0;}
.showbx:hover * {text-decoration: none;}

.ladserv {padding-top: 10px; text-align: center;}
.ladserv img {border-radius: 5px;}

.showbx:hover {background-color: #043161; color: #fff; transition: all ease 0.5s;}
.showbx:hover i {display: none}
.showbx:hover div {font-size: 17px; line-height: 90px; transition: all ease 0.5s;}

@media screen and (max-width: 950px) {
	.flater_bx {padding-top: 6px;}
}

@media screen and (max-width: 850px) {
	#mybox {width: 48%;}
}
@media screen and (max-width: 820px) {
	#myslider .carousel-caption {left:10%; right: 10%;}
	.flater_bx b:hover {margin-right: 0; padding: 0;}
}

@media screen and (max-width: 767px) {
	header {height: auto;}
	.myheader {height: auto;}
	.topmenu {width: 100%; height: auto; margin-top: 50px;}
	.topmenu .tml {display: block;}
	#myslider .carousel-caption { left: 2%; right: 2%;}
	#myslider h4 {font-size: 15px;}
	#myslider h3 {font-size: 25px;}
}

@media screen and (max-width: 730px) {
	.flater_bx {margin: 2px 5px;}
	#flater {background-image: none;}
	.flater, #flater {height: auto;}
}

@media screen and (max-width: 650px) {
	#info_boxer {width: 100%;}
}

@media screen and (max-width: 470px) {
	#mybox {width: 99%; height: auto;}
	.info_boxer_t div {width: 80%;}
	.info_boxer_t span {font-size: 20px; width: 40px; height: 40px; line-height: 40px;}
}
@media screen and (max-width: 370px) {
	#myslider h4 {font-size: 14px;}
	#myslider h3 {font-size: 20px;}
}
@media screen and (max-width: 320px) {
	#myslider .carousel-caption .btn {width: 80%; margin: 3px 0;}
}

#ticker {list-style: none; direction: rtl; font-family: 'iransansz', byekan, tahome; margin: 0; padding: 0;}
#ticker li {direction: rtl; text-align: center; font-size:35px; letter-spacing:-1px; padding: 5px 0;}