@charset "utf-8";
@import url(webfonts/IRANSansWeb_UltraLight/stylesheet.css);
@import url("webfonts/IRANSansWeb_FaNum/stylesheet.css");
*{font-family: "IRANSansWeb FaNum";}
#menu a,.btnsrh{
color: #0E4B8B;
font-size:14px
}
.btnsrh{ 
background-color:#F00;
padding-bottom:4px;
border:none;
transition:all .5s;
top:-11px;
left:5px;
text-align:center;
cursor:pointer;
width:130px;
position:absolute;
float:left;
height:35px;
color:#0E4B8B;
}
.btnsrh:after {
content:url(images/icon/Triangle-1.png);
position: absolute;
right: -6px;
top:1px; 
}
.btnsrh:hover{
background-color:#0C9;
}

#menu{
width:100%;
background: url(images/logo-c.png) no-repeat left, linear-gradient(to right, #5CBA48, #00874C, #5CBA48);
margin:0 0 10px 0;
border-top:4px solid #FBFBFB;
border-bottom:2px solid #FBFBFB;
padding-top:40px;
list-style: none; 
    height: 150px !important;
}
#menu li {
float: right;
padding: 0 0 10px 0;
position: relative;
}
#menu a {
float: left;
height: 25px;
padding: 0 10px;
color: #FFF;
/*text-transform: uppercase;*/
font: bold 14px/25px ;
text-decoration: none;
/* text-shadow: 0 1px 0 #000;*/
}
#menu li:hover > a {
color: #FF8850;
}
*html #menu li a:hover {
/* IE6 */
color: #fafafa;
}
#menu li:hover > ul {
display: block;
}
/* Sub-menu */
#menu ul {
list-style: none;
margin: 0;
padding: 0; 
display: none;
position: absolute;
top: 25px;
left: 0;
z-index: 99999; 
background-image: linear-gradient(#5BBA48, #A3CD39);
}
#menu ul li {
float: none;
margin: 0;
padding: 0;
display: block; 
height:35px;
}
#menu ul li:last-child { 
box-shadow: none; 
}
#menu ul a { 
padding: 10px;
height: auto;
line-height: 1;
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}
*html #menu ul a { /* IE6 */ 
height: 10px;
width: 150px;
}
*:first-child+html #menu ul a { /* IE7 */ 
height: 10px;
width: 150px;
}
#menu ul a:hover {
color:#FBFBFB;
}
#menu ul li:first-child a {
border-radius: 5px 5px 0 0;
}
#menu ul li:first-child a:after { /*Smal tick*/
content: '';
position: absolute;
left: 30px;
top: -8px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8px solid #444;
}
/*Clear floated elements*/
#menu:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
*html #menu{
zoom: 1; }
/*IE6*/
*:first-child+html #menu { 
zoom: 1; }
/*IE7*/
.mybtn{
display: inline-block;
position: relative;
border: none;
color: #FBFBFB;
background-color:#4B4B4B;
height:33px;
width:120px;
font-size:14px;
}
.mybtn:hover{
background-color:#292929;
color:#FF864D;
}
.btn-4::before{
left: 0;
top: 0;
transition-duration: 0.4s;
}

.btn-4 .spn::before{
left: 0;
top: 0;
transition-duration: 0.4s;
}
/*and other-s*/
.no-transition{
transition:none;
opacity:1;
visibility:visible;
display:none;
}
#menu li:hover>.no-transition,.adpacks-wrap{
display:block;
}
#adpacks-wrapper{
font-family:Tahoma;
width:280px;
position:fixed;
bottom:0;
right:5px;
background:#eee;
padding:15px;
border-radius:0;
font-size:12px
}.adpacks-wrap{
overflow:hidden;
}
.adpacks-poweredby{
display:none;
}
hr{
margin:20px 0;
border:0;
border-top:1px solid 
#eee;
border-bottom:0;
}
/*and other-e*/
@media screen and (min-width:600px){
#menu{
display:block!important
}
}
@media screen and (max-width:600px){
#menu{
padding:10px;
position:absolute;
width:100%;
background-image: linear-gradient(#5BBA48, #A3CD39);
z-index:3;
border-bottom:none;
top:95px;
}
#menu-wrap,.mybtn{ 
position:relative;
}
#menu,.logo-one{
display:none
}
#menu a,#menu ul li{
/*E*/
padding:6px 10px 6px 6px;
height:35px;
margin-top:2px;
}
#menu ul li:first-child a:after {
content:normal;
}
.mybtn{
background-size: 3em 3em;
height: 33px;
border: none;
background-image: linear-gradient(#FFF, #FFF);
box-shadow: inset 0 -2px 1px -1px rgba(0, 0, 0, 0.2),  0 2px 3px rgba(0, 0, 0, 0.3);
color: #000;
border: #FFF solid 1px;
width: 100%;
}
.mybtn:hover{
background-image: linear-gradient(#0E4B8B, #0C3456);
color:#FF8850;
}
.logo-three{
width:100%;
background-color:#000009;
}
#menu-wrap *{
box-sizing:border-box
}
#menu-trigger{
background: url("images/icon/menu-trigger.png") no-repeat 6px center;
display:block;
background-size:33px;
width:35px;
height:35px;
cursor:pointer;
font-size:12.5px;
text-align:right;
font-weight:700;
-moz-border-radius:0;
-webkit-border-radius:0;
top:25px;
left:10px;
float:left;
position:absolute;
z-index:10;
}

#menu-trigger:active{
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
}
#menu li:hover > a {
color: #FF8850;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0; 
display:block;
position: absolute;
top: 10px;
left: 0;
z-index: 99999; 
position:static;
}
#menu li{
position:static;
float:none;
border:0;
margin:5px;
background-image: linear-gradient(#00874C, #00874C);
height:35px !important;
border-radius: 0;
}
#menu a{
display:block;
float:none;
/*color:#999;*/
}
#menu ul a{
padding:0;
width:auto;
}
}
.nxt{
border-top:9px solid transparent;
border-bottom:9px solid transparent;
border-right: 18px solid #1F4063;
position:relative;
z-index:2;
float:left;
left:15px;
top:-5px;
}
.prv{
border-top:9px solid transparent;
border-bottom:9px solid transparent;
border-left: 18px solid #1F4063;
position:relative;
z-index:2;
float:left;
left:40px;
top:-5px;

}
.nxtprv{
width:20%;
float:left;
}
@media screen and (max-width:1200px){
.nxtprv{width:40%; float:left;} 
}
@media screen and (max-width:1000px){
.nxtprv{width:60%; float:left;} 
}
@media screen and (max-width:800px){
.nxtprv{width:80%; float:left;} 
}
@media screen and (max-width:600px){
.nxtprv{width:100%; float:left;} 
 .nxt{
top:-25px;
}
.prv{
top:-25px;
}
}