@font-face {
    font-family: 'yekan';
    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'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
    font-family: 'da';
    src: url('../fonts/Droid_Arabic_Kufi.eot?#') format('eot'), /* IE6–8 */
    url('../fonts/DroidArabicKufi.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/DroidArabicKufi.TTF') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

@font-face {
    font-family: 'IrSans';
    src: url('../fonts/IranianSans.eot');
    src: url('../fonts/IranianSans.eot?#iefix') format('embedded-opentype'),
    url('../fonts/IranianSans.woff') format('woff'),
    url('../fonts/IranianSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
ul{
    list-style: none;
}
a,a:hover,a:active,a:visited{
    text-decoration: none;
}
.container-fluid{
    margin:0 !important;
    padding:0 !important;
}
body{
    font-family: 'Irsans';
    box-sizing: border-box;
    background: -moz-linear-gradient(top left, #363636 0%, #000000 46%, #171616 50%, #242424 53%, #000000 76%, #191919 87%, #000000 100%);
    background: -webkit-linear-gradient(top left, #363636 0%, #000000 46%, #171616 50%, #242424 53%, #000000 76%, #191919 87%, #000000 100%);
    background: linear-gradient(to bottom right, #363636 0%, #000000 46%, #171616 50%, #242424 53%, #000000 76%, #191919 87%, #000000 100%);

}
/*--------------------------------------------------*/
#sidebar{
    min-height:770px;
    width:130px;
    position: fixed;
    right:0;
    top:0;
    opacity:0.7;
    z-index: 999;
    border:2px solid #fff;
    background-color: #000;
}


#sidebar h2{
    font-size: 22px;
    color:#fff;
    font-weight: 600;
    text-align:center;
    padding-bottom: 70px;
}
#sidebar h2 span{
    color:#ff8921;

}
#sidebar .link1{
    position:relative;
    padding:30px 0;
    margin-top: 20px;
}
#sidebar ul{
    margin:0;
    padding:15px 7px 5px 0;
    box-sizing: border-box;

}
#sidebar .link1 ul li{
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}
#sidebar .link1 ul li a{
    color:#fff;
    width:130px;
    display: block;
    overflow: hidden;
    transition: all 0.8s;
}
#sidebar .link1 ul li a:hover{
    padding-right:10px;
    box-sizing: border-box;
    background-color: #fff;
    color:#1f1f1f;
    font-weight: 600;
    font-size: 14px;
    width:130px;
}

#sidebar .link1 ul li a i{
    font-size:20px;
    margin-left:5px;
}
#sidebar .link1 ul li a span{
    font-size: 14px;
    font-weight: 500;
}
#sidebar .link1 ul li a:hover span{
    font-weight: 600;
}
#sidebar:hover,#sidebar:active{
    width:130px;
}
@media screen and (max-width: 768px){
    #sidebar{
        width:33px;
        overflow: hidden;
        transition: all 0.7s;
    }
    #sidebar .link1 h2,#sidebar .link1 h2 span{
        display: none;
    }
    #sidebar .link1 ul li a i{
        font-size: 20px;
    }
}
@media screen and (min-width: 769px) AND (max-width: 1250px) {
    #sidebar{
        width:50px;
        overflow: hidden;
        transition: all 0.7s;
    }
}

/*--------------------------------------------------*/
#w1{
    min-height: 700px;
    font-family: 'Irsans';
}
#w1 h2{
    font-size: 25px;
    color:#c0a16b;
    padding:25px 0 20px 0;
    font-weight: 600;
}
#w1 p{
    font-size: 14px;
    line-height: 30px;
    padding-bottom:20px;
    color:#fff;
}
#w1 .box1{
    border:1px solid #fff;
    min-height: 350px;
    background-color: #000;
    border-radius: 20px;
    opacity: 0.8;
    padding:5px 10px;
    margin:100px 20% 10%;
}
#w1 .pag{
    padding-bottom:15px;
}
a.btn11{
    font-size: 16px;
    color:#fff;
    padding:10px 20px;
    border:0;
    margin-top:45px;
    box-shadow:inset 0 0 20px rgba(255,255,255,0.5);
    text-shadow: none;
    outline-offset: 0;
    transition: all 0.7s;
    text-decoration:none;
}
a.btn11:hover{
    font-size: 16px;
    border:1px solid #fff;
    text-shadow: 1px 1px 2px #427388;
    color:#fff;
    outline-color: rgba(255,255,255,0.5);
    outline-offset: 10px;
}
a.btn11:active,a.btn11:visited{
    text-decoration:none;
    color:#fff;
}
#w1 .comment p{
    color:#ff5959;
    font-size: 22px;
    font-family: 'yekan';
    font-weight: 600;
    margin:60px  0;

}
@media screen and (max-width: 800px){
    #w1 .box1{
        margin:100px 5% 50px 0;
        min-height: 350px;
    }
    #w1 h2{
        font-size: 18px;
    }
}
@media screen and (max-width: 768px){
    .comment p{
        font-size: 14px !important;
        font-family:"IrSans";
    }
    .comment{
       margin:60px 75px 60px 20px;
    }
}
/*--------------------------------------------------*/
.hh2 h2{
    font-size: 20px;
    margin-bottom: 40px;
    padding-bottom:30px;
    color:#ff8921;
    border-bottom:3px groove #c7254e;
}


/*-------------------------------------------*/
#w2{
    min-height:650px;
    padding:40px 0;
}
#w2 .colx{
    margin:0    !important;
    padding:4px !important;
}
#w2 .w3box{
    border:1px dotted #ffffff;
    padding:30px 10px;
    background-color: #111;
    opacity:0.9;
}
#w2 .w3box:hover{
    background-color: #000;
    box-shadow:inset 0 0 20px rgba(255,255,255,0.5);
    transition: all 0.7s;
}
#w2 h3{
    padding-bottom: 30px;
    font-size: 15px;
    color:#c09c3d;
}
#w2 i{
    font-size: 40px;
    color:#fff;
}
#w2 .w3box:hover i{
    color:#c09c3d;
    transition: all 0.7s;
}
#w2 .w3box:hover h3{
    color:#fff;
    transition: all 0.7s;
}
#w2 a{
    padding:5px 20px !important;
}

/*---------------------------------------*/

#w3{
    min-height:600px ;
    padding: 50px 0;
    margin:40px 0;
}
#w3 .imghover img{
    margin:0 auto;
    text-align: center;
    width: 100%;
    height:300px;
}
#w3 .imghover img:hover{
    box-shadow:0 0 5px 5px #f44336;
    transform:scale(0.9);
    transition: all 0.7s ease-in-out;
}
#w3 .probox9 h3{
    height: 80px;
    width:100%;
    border-bottom: 2px solid red;
    text-align: center;
    background-color: rgba(100,100,100,0.08);
    font-size: 16px;
    font-weight: 700;
    margin-top:0;
    padding-top:30px;
    box-sizing: border-box;
}

/*--------------------------------------------------------------------------------*/
#w4{
    margin:25px 0;
}

.sec2box2 h1{
    color:#ff8921;
    font-size: 22px;
}
.swiper-container {
    width: 100%;
    height: 100%;
    margin: 100px auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
    margin:0 auto;
    max-width: 100%;
    border:2px solid #ff8921;
    width:240px;
    height:240px;
    border-radius: 50%;
}
@media screen and (max-width:768px){
    .swiper-slide img{
        width: 160px;
        height:160px;
        border-radius: 50%;
        max-width: 100%;
        margin:0 auto;
    }
}
/*--------------------------footer----------------------------------*/
#top{
    border-top:2px solid #fff;
    background-color: #444444;
    clear:both;
}
.foot{
    padding:20px 0;
}
.foot a{
    margin-right:15px;
}
.foot a i{
    border:2px solid #fff;
    border-radius:50%;
    padding:8px;
    text-align: center;
    font-size: 22px;
    color:#fff;
    transition:background-color 0.7s ease-in-out;
}
.foot a i:hover{
    background-color:#000;
}
@media screen and (max-width: 768px){
    .foot a{
        margin-right:8px;
    }
    .foot a i{
        font-size: 18px;
    }
}
/*-------------------------  Contant Us --------------------------------------------*/
.main{
    min-height: 750px;
    background-color: #ffffff;
}

#contact h2{
    color:red;
    font-size: 20px;
    padding:10px 0;
    font-family:'da';
}
#contact .alert p{
    line-height: 32px;
    font-size: 15px;
    font-family:'Irsans';
}
#contact p{
    font-size: 15px;
    font-weight: 600;
    font-family:'Irsans';
    line-height: 28px;
}
#contact .table td{
    font-size: 16px;
    font-weight: 600;
}
.imgbox img{
    border:2px solid #ff8921;
    margin:15px auto;
    max-width: 100%;
    height:200px;
}
#contact .map{
    margin:40px 0;
}
#contact .map img{
    max-width:100%;
    margin:0 auto;
}
/*-------------tutorial-----------------------------*/
#demo .pdesc{
    min-height: 700px;
    border:2px solid #c4e3f3;
    border-radius: 5px;
    background-color: #fff;
    padding:15px;
    margin:10px 3%;
    box-sizing: border-box;
    line-height: 30px;
    font-family:'Irsans';
}
#demo .pdesc p{
    font-size: 14px;
    font-weight: 600;
    text-align:justify;
    font-family:'Irsans';
}
#demo .pdesc table{
    width:90%;
    margin:0 auto;
}
#demo .pdesc h1{
    font-size: 22px;
    color:#ff8921;
    font-weight:600;
}
#demo .pdesc h2,h3{
    color:#ff0000;
    padding:10px;
    font-size: 18px;
    font-weight: 700;
}
#demo .pdesc img{
    margin:20px auto;
    border:2px solid #3399cc;
}
#demo td.boxtable{
    text-align: center;
    font-size:12px;
}
@media screen and (max-width:800px){
    #demo .w2box{
        margin:5% 6% 5% 1%;
    }
    #demo .pdesc{
        padding:4px;
    }
    #demo .pdesc table{
        width:100%;
    }
    #demo .pdesc img{
        max-width:100%;
        margin:0 auto;
    }


}
/*------------------------------------------------------------*/
.btn22{
    margin-top:20px !important;
}
.w3box{
    margin:15px 0 5px 0 !important;
}

.hbox{
    margin:2% 12%  10%  4%;
    padding:10px 5px;
    box-shadow:1px 1px 6px 2px rgba(0,0,0,0.3),0 0 2px 4px rgba(0,0,0,0.5);
    overflow: hidden;
}
@media screen and (max-width: 699px){
    .hbox{
        margin:10% 6% 12% 0;
        padding:2%;
    }
}
@media screen and (min-width: 700px) AND (max-width: 1000px){
    .hbox{
        margin:4% 12% 10% 0;
    }
}
/*--------------loginuser---------------------------*/

h3.wbox4{
    background-color: #111111;
    color:#fff;
    font-size: 15px;
    text-align: center;
    padding: 4px;
    line-height: 30px;
}

/*---------------hesab-------------------------------------------------------------*/
.table{
    margin-bottom:40px;
}
a.btn20{
    border:1px solid #c09c3d;
    color:#ff8656;
    padding:5px 17px;
    background-color: #ededed;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.7s;
}
a.btn20:hover{
    box-shadow: 1px 1px 4px rgba(0,0,0,0.4),2px 4px 6px rgba(0,0,0,0.8);
    background-color: #111111;
    color:#f0f0f0;
}
@media screen and (max-width: 768px){
   .w2box{
       margin:8% 15% 0 6%;
   }
}
/*---------------------------------------------------------------------*/
.modire20{
    box-shadow:1px 1px 6px 2px rgba(0,0,0,0.3),0 0 2px 4px rgba(0,0,0,0.5);
    padding:8px;
}
.modire20 input{
    border-radius: 25px;
}
/*---------------infoinsert--------------------------------------*/
.hbox h2 span{
    color:#ff8921;
    font-weight:600;
}
.man{
    min-height:750px;
    background-color: #ededed;

}
/*----------------------------------------------------------------*/
.padd table,td{
    border:2px solid olivedrab;
    border-collapse:collapse;
    text-align: center;
}
.padd td{
    padding:5px;
}
.padd table{
    width:100%;
}
/*--------------------------------*/
@media only screen and (max-width: 768px){
    h3.mess{
        font-size: 16px;
        line-height: 26px;
        font-weight: 600;
    }
}
/*-----------------------------------------------------*/
pre.pre1{
    white-space: pre-line;
    word-break:keep-all;
    text-align: justify;
    font-family:'Irsans';
    font-size:14px;
    font-weight: 600;
    border: none;
    background:transparent;
    line-height: 30px;
    color: #3d3d3d;
}

/*--------------------------------------------------------------*/
#w3 .xstyle{
    width:360px;
    height:200px;
}
/*------------------------------------------------------------*/
form input{
    border-radius: 20px;
}
/*---------------------------------------------------------------------*/
h2.exit{
    color:#ff5959;
    text-align: center;
    font-size:20px;
    background:#dddddd;
    padding:10px
}