@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;
}
#HeaderMenu
{
    margin:30px 0px 30px 0px;
}
#content
{
    margin: 0; padding: 0; border: 5px solid #86CB21;height:333px;
}
.row
{
    margin-right:0px;
    margin-left:0px;
}
body
{
   direction:rtl;
    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: 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;

    }
}
clip.col-md-6
{
    width:55%;
    margin-left:-10%;
}
@media screen and (max-width:992px)
{
    .ieclip.col-md-6
    {
        width:100%;
    }
}
.ieclip.col-md-6
{
    margin:0px;
}
.main {
    width: 500px;
    height: 200px;
    position: relative;
    background: #ddd url(//upload.wikimedia.org/wikipedia/commons/2/20/Background_repeat_unit.png) repeat-y -10px top;
}
.btnhome
{
    outline:none;
    text-align:center;
    text-decoration:none !important;
    color:black;
    font-size:20px !important;
}
.btnhome:hover
{
    color:black;

}
#content:before{content: "";
position: absolute;
top: -5px;
left: -6px;
z-index: 9999;
width: 0px;
height: 0px;
border-right: 164px solid transparent;
border-top: 319px solid rgb(255, 255, 255); }
#content:after{content: "";
position: absolute;
top: -5px;
left: -6px;
z-index: 9998;
width: 0px;
height: 0px;
border-right: 170px solid transparent;
border-top: 329px solid #86CB21;

}
@media screen and (max-width:768px)
{
     #content::before,#content::after
    {
        display:none !important;
    }
    #content
    {
        border:none !important;
    }
    .navbar-nav
{
   margin:0px !important;
   width:100% !important;
}
    .navbar-nav:after,.navbar-nav:before
{
    display:none !important;
}
        .navbar-nav li {
            display: block;
        }
       
    #content::before,#content::after
    {
        display:none !important;
    }
    #content
    {
        border:none !important;
    }
    .navbar-nav
{
   margin:0px !important;
   border:none !important;
}

}
.normaltext
{
    padding:20px;
    text-align:center;
    width:100%;
    height:30px;
    border:1px solid rgb(200,200,200)
}
.col-md-offset-2 {
    margin-right: 16.6667%;
}
.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('../images/back.jpg');
    background-size:cover;
}
.livox
{
    /*min-height:150px;*/
}
.livox a
{
    text-decoration:none !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
{
    

   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;
}
.copyright
{
    padding:10px;
    background-color:rgba(0,0,0,.3);
    text-align:center;
    color:gray;
    border-bottom:3px solid #86CB21;
}
.col-md-an
{
  width:14.28571428571429%;
}
.btnmore
{
    display: block;
width: 20%;
position:absolute;
bottom:-40px;
left:0px;
height: 40px;
text-align: center;
color: black;
background-color: rgb(134,203,33);
text-decoration:none !important;
line-height: 38px;
}
.btnmore:before
{
    content:"";
    position:absolute;right:-38px;top:0px;z-index:9999999;	width: 0; height: 0; border-top: 40px solid rgb(134,203,33); border-right: 40px solid transparent;
}
.navbar-nav > li {
    padding: 0px 20px;
    float: right;
}
.navbar-nav
{
    position:relative;
    width:100%;
}
.navbar-nav:before
{
position: absolute;
right: -35px;
width: 35px;
height: 58px;
content: "";
top: -3px;
background-image: url("../images/topright.png");
background-repeat: no-repeat;
}
.navbar-nav:after
{
position: absolute;
left: -35px;
width: 35px;
height: 58px;
content: "";
top: -3px;
background-image: url("../images/topleft.png");
background-repeat: no-repeat;
}
.navbar-default
{
    border:none;
background-color:#fff;
}
.navbar-nav
{
   border:3px solid rgb(204,204,204);
   border: 3px solid #CCC;
border-left: 0px;
border-right: 0px;
}
.navbar-nav > li > a
{
    padding:13px;
    font-size:19px;
}
        body {
            margin:0;
            direction:rtl
        }

        .clipright {
                        width:55%;
            -webkit-clip-path: url('#clip-shape');
            -ms-clip-path: url('#clip-shape');
            clip-path: url('#clip-shape');
            margin-right: -5%;
        }
        .clipleft {
                        width:55%;
            -webkit-clip-path: url('#clip-shape-right');
            -ms-clip-path: url('#clip-shape-right');
            clip-path: url('#clip-shape-right');
            margin-left: -5%;

        }
        .clip h1 {
            background-color: #eee;
            padding: 15px;
            color: #000;
            display: inline-block;
            position: absolute;
            margin-top: 10px;
            font-size: 20px;
        }
        .clip.clipleft h1:after,.ieclip h1:after {
            content: '';
            position: absolute;
            left: -25px;
            top: 0;
            width: 0;
            height: 0;
            border-bottom: 52px solid #eee;
            border-left: 25px solid transparent;
        }
        .ieclip:hover h1:after
        {
            border-bottom: 52px solid #86CB21;
            border-left: 25px solid transparent;
        }
        .ieclip .desc
        {
            bottom:auto !important;
            top:80px !important;
        }
        .clip:hover h1 {
            background-color: #86cb21;
        }

        .clip p.desc {
            display: none;
            color: #fff;
            text-align: justify;
            position: absolute;
            width: 70%;
            bottom: 0;
            margin: auto;
            font-size: 16px;
              font-weight: normal;
  font-family: MitraWeb;
        }

        .clip:hover p.desc {
            display: block;
        }
        .clip.clipright h1:after {
            content: '';
            position: absolute;
            right: -25px;
            top: 0;
            width: 0;
            height: 0;
            border-top: 52px solid #eee;
            border-right: 25px solid transparent;
        }



@media screen and (max-width:1200px)
{
   .navbar-nav > li > a
   {
       font-size:14px;
   }
}
.clip>.dark {
    position:absolute;
    top:0;
    left:0;width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.7);
    display:none;
}

.clip:hover>.dark {
    display:block;
}
        .clip p.desc {
            display: none;
            color: #fff;
            text-align: justify;
            position: absolute;
            width: 70%;
            bottom: 0;
            margin: auto;
            font-size: 16px;
        }

        .clip:hover p.desc {
            display: block;
        }
        .clip.clipright:hover h1:after, .clip.clipleft:hover h1:after {
            border-bottom-color: #86cb21;
            border-top-color: #86cb21;
        }
        .clip-row
        {
           
        }
        .clip.clipright h1 {
            left: -10px;
            top: 10px;
        }
        .clip.clipleft h1 {
            right: -10px;
            bottom: 10px;
        }
        .clip {
            margin-top: 10px;
            float:right;
            height: 240px;
            padding:0px !important;
            position:relative;
        }
                .ieclip {
            margin-top: 10px;
            float:right;
            height: 240px;
            margin:0px;
            padding:10px !important;
           border: 10px solid white;
            position:relative;
        }
            .clip.clipleft p.desc {
                right: 20px;
                    top:20px;
            }

            .clip.clipright p.desc {
                left:20px;
                top:87px;
            }
            .socialbox
            {
                position:absolute;
                top:10px;
                left:40px;
                z-index:9999
            }
            .socialbox a
            {
                color:#86CB21;
                margin-left:10px;
                font-size:20px;
                text-decoration:none;
            }
            .socialbox a:hover
            {
                color:black;
            }
            .copyright a
            {
                color:rgb(114,114,114);
                text-decoration:none !important;
                font-size:40px;
            }
            .copyright a:hover{
                color:#ff8a00;
            }
a {
    text-decoration:none !important;
    color:#86CB21;
}
a:hover {
    text-decoration:none !important;
    color:#578a0d;
}

.label-danger,.label-success,.label-warning {
font-weight:normal !important;
font-size:12pt !important;
margin:5px
}

.maincont {
font-size:14pt;min-height:300px;border: 3px solid #ccc; padding:30px 15px 10px 15px
}

    .maincont h1 {
       background-color: #eee;
            padding: 15px;
            color: #000 !important;
            display: inline-block;
            position: relative;
            margin-top: -20px;
            font-size: 20px;
            right:-25px;
            min-width:180px
           
    }
        .maincont h1:after {
          content: '';
            position: absolute;
            left: -25px;
            top: 0;
            width: 0;
            height: 0;
            border-bottom: 52px solid #eee;
            border-left: 25px solid transparent;
        }