﻿@font-face {
    /*Farsi Web Fonts Customized by www.lab.ritaco.ir/*/
    font-family: 'MitraWeb';
    src: url('../fonts/WebMitra.eot');
    src: url('../fonts/WebMitra.eot?#iefix') format('embedded-opentype'), url('../fonts/WebMitra.woff') format('woff'), url('../fonts/WebMitra.ttf') format('truetype'), url('../fonts/WebMitra.svg#bmitra') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /*Farsi Web Fonts Customized by www.lab.ritaco.ir/*/
    font-family: 'MitraWebBold';
    src: url('../fonts/WebMitra.eot');
    src: url('../fonts/WebMitraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/WebMitraBold.woff') format('woff'), url('../fonts/WebMitraBold.ttf') format('truetype'), url('../fonts/WebMitraBold.svg#bmitra') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1,h2,h3,h4,h5,h6
{
    font-family:MitraWebBold;
}
a
{
    font-family:MitraWebBold !important;
}
.row
{
    margin-right:0px;
    margin-left:0px;
}
body
{
   direction:rtl;
   margin:0px;
    
}
*
{
font-family:'MitraWeb'
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding: 0px;
    padding-left:3px;
    padding-right:3px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float:right;

}
@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: right;
        padding:0px;

    }
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: right;

    }
}
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: right;

    }
}
#content
{
    height:560px
}





.normaltext
{
    padding:20px;
    text-align:center;
    width:100%;
    height:30px;
    border:1px solid rgb(200,200,200)
}

.btnnormal
{
    display: block;
width: 100%;
height: 40px;
text-align: center;
border:1px solid  rgb(114,114,114);
background-color: rgb(114,114,114);
color: rgb(134,203,33);
text-decoration:none !important;
line-height: 38px;
}
.btnnormal:hover
{
  
color: rgb(114,114,114);
background-color:white;
line-height: 38px;
}


.footer
{
    background-image:url('../img/back.jpg');
    background-size:cover;
}
.livox
{
    /*min-height:150px;*/ 
}
.livox a
{
    text-decoration:none !important;
    font-family: 'MitraWebBold' !important;
}
.livox a
 {

display: block;
margin: 0 auto;
background-repeat: no-repeat;
text-align: center;
 }
.livox a:hover
 {

display: block;
margin: 0 auto;
background-repeat: no-repeat;
text-align: center;
 }
.livox a>span:first-child
{
    
    font-family: 'MitraWebBold' !important;
   display:block;
    padding-top: 30px;
    padding-bottom:20px;
    text-align: center;
    color: #FFF;
}
@media screen and (max-width:768px) {
    .livox a > span:first-child {
        display: block;
        padding-top: 30px;
        padding-bottom: 5px;
        text-align: center;
        color: #FFF;
    }
}
.livox a:hover>span:first-child
{
    

 
    color: #86CB21;
}
.livox a>span:nth-child(2n)
{
line-height: 3;
color: black;
}
.livox a>span:nth-child(2n):hover
{
line-height: 3;
color: rgb(134,203,33);
}
.copyright
{
    padding:10px;
    background-color:rgba(0,0,0,.3);
    text-align:center;
    color:gray;
}
.logobox
{
    position:relative;
    background-color:white;
    height:111px;
       text-align:center;
    border-bottom:1px solid rgb(134,203,33)
}
.logobox a
{
      text-align: center;
  margin-top: 2px;
  margin-left: 25px;
  text-align:center;
  color: black;
  line-height: 3;
  text-decoration:none !important;
}
.logobox a:hover
{
    color:rgb(134,203,33);
}
.logobox:after
{
    content:"";
    position:absolute;
    height:113px;z-index:100;
    width:81px;
    background-image:url('../img/afterlogo.png');
    left:-58px;
    color:white;
    top:-3px;
}
.socialbox:after
{
    content:"";
    position:absolute;
    height:50px;z-index:100;
    width:31px;
    background-image:url('../img/beforesocial.png');
    right:-31px;
    color:white;
    top:0px;
}
.fixedtop{
    position:absolute;
    top:0px;
    z-index:99;
    z-index:99999;
    width:100%;
}
.navbar-default
{
    margin-left:30px;
        background-color: rgba(0,0,0,.75);
      border:none;
      position:relative
}
@media (min-width: 768px)

{
    

    .navbar-nav > li {
  float: right;
}
  .col-md-offset-2
  {
      margin-right:5%;
      margin-left:auto;
  }
}

.navbar-default .navbar-nav > li > a
{
    position:relative;
    color:white;
    font-size:12pt
}
.navbar-default:after
{
    content:"";
    position:absolute;
    height:51px;z-index:100;
    width:31px;
    background-image:url('../img/aftermenu.png');
    left:-31px;
    color:white;
    top:-1px;
}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a.active
{
    color:rgb(134,203,33);
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
{
    background-color:rgba(0,0,0,.75);
    color:rgb(134,203,33)
}
.dropdown-menu
{
 background-color:rgba(0,0,0,.75);
 color:white !important;
}
.dropdown-menu>li>a
{
    background-color:transparent;
    color:white !important
}
.dropdown-menu>li>a:hover
{
 background-color:transparent;
 color:rgb(134,203,33)
}
.socialbox
{
    position:relative;
   padding:11px;
   border-right:none;
   background-color:rgba(0,0,0,.5);

}
.socialbox a
{
    margin-left:10px;
    color:white;
    font-size:20px;
    text-decoration:none !important;
}
.socialbox a:hover
{
    color:rgb(134,203,33);
}
.navbar
{
    margin-bottom:0px;
}
@media (max-width:1051px)
{
    .navbar-default .navbar-nav > li > a
    
    {
        font-size:14px !important;
     
    }
}
@media (max-width:1138px) {
    .navbar-default .navbar-nav > li > a {
       padding-right:10px; padding-left:10px
    }
}


@media (max-width:991px)
{
    .logobox {
        padding: 5px !important;
    }
      .logobox a {
       margin-left:0
    }
    .navbar-default .navbar-nav > li > a
    
    {
        font-size:15px !important;
        

    }
    
    .navbar-default
    {
        margin-left:0px;
          /*margin-top: 35px;*/

    }
    .navbar-default:after
    {
        display:none;

    }
    .col-md-2-offset
    {
        margin-right:0px
    }
    .logobox
    {
        padding:30px;
        border:none
    }
    .logobox a {
        float:none !important;margin-top:20px
    }
@media (max-width: 768px)
{
        
    .logobox:after
    {
        display:none !important;
    }
    .socialbox
    {
          margin-top: 0px;
  margin-bottom: 24px;
    }

        .tabbtnbox
    {
        margin:20px;
        position:static;
        width:99%;
    }
.ui-tabs .ui-tabs-panel .caption {
  top: 0px;
  left: 0px;
  bottom: auto;
  width: 100%;
}
}

    .fixedtop
    {
        position:static;
    }
}





.innercontent
{
    margin-top:60px;
    margin-bottom:100px;
    min-height:400px;
    padding:0 10px

}
.mainsection
{
    margin-top:100px;
}
@media (max-width:992px) {
    .innercontent {
        margin-top: 10px;
        margin-bottom: 10px;
        min-height: 400px;
      
    }
}

.label-danger, .label-success, .label-warning {
    font-weight: normal;
    padding: 3px 7px;
    font-size:12pt

}