*{
    margin: 0px;
    padding: 0px;
}

body{
    font-family: BYekan;
    font-size: 13px;
    color: #333;
    background-image: url(../images/04.png);
    background-attachment: fixed;
    background-color: #f7f7f7;
    transition: all 0.5s;
}
select,option{
    font-family: BYekan;
    font-size: 13px; 
}
#body{
    width: 100%;
    min-height: 100px;
    border: 0px solid #EEE;
    border-top: none;
    box-shadow: 0px 0px 10px  #EEE;
    margin: 0px auto;
    overflow: auto;
    
}

#block_header{
    min-height: 100px;
}

#header{
    width: 1000px;
    margin: 0px auto;
    height: 137px;
    line-height: 137px;
    background:url("../images/header2.jpg");
    margin-bottom: -5px;
}

#header_title{
    padding-right: 5px;
    float: right;
    width: 800px;
}

#header h1{
    padding-right: 0px;
    font-size: 66px;
    text-align: right;
    color:#fff;
    font-family: BRoya;
    transition: all 0.5s;
    text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

#logo{
    padding-top: 5px;
    padding-left: 5px;
}

/*-------- Top Menu ---------*/
#block_top_menu{
    direction: rtl;
    position: relative;
    z-index: 10;
    width: 100%;
    height: 50px;
    top: 0px;
    margin: 0px auto;
    margin-top:0px;
    border-bottom: 0px solid #ff8000;
    transition: all 0.5s;
 
}

#top_menu{
    width: 1000px;
    margin: 0px auto;
}


#block_login span{
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    text-decoration: none;
    color: #fff;
    direction: rtl;
    float: left;
}
.fa-lock {
    
}

/*----------- slider ----------------*/
#block_slider{
    position: relative;
    top: 0px;
}

/*----------- marquee -------------*/
#block_marquee{
    position: relative;
    top:5px;
}

/*---------- block content -----------*/
#block_content{
  width: 1000px;
  min-height: 100px;
  position: relative;
  top:0px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: auto;
  margin-left: auto;
  background:none;
  overflow: auto;
  direction: rtl;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}

.post_img img{
    padding: 5px;
    border: 1px solid #888;
    background: #fff;
}

.content_post {
    padding: 10px;
    background:rgba(255,255,255,0.8);
    border: 1px solid #888;
    margin-bottom: 5px;
}

.post_text{
    padding-right: 10px;
    font-family: BRoya;
    font-size: 18px;
    text-align: justify;
}

.content_post h1{
    color: #800080;
}

.content_post_before .post_text{
    text-align: justify;
}

.content_post img{
    padding: 5px;
    background: #fff;;
    border: 1px solid #aaa;
}

#slider1_container a{
    color: #333;
}

/*------------ main content --------*/
#main_content{
    float: left;
    margin-left: 2px;
    width: 770px;
    min-height: 800px;
    border: 1px solid #f7f7f7;
    background-color: rgba(244, 244, 244, 0.9);
    box-shadow: 0px 0px 3px 0px #555;
}

.detail h3{
    font-size:13px;
    font-weight: normal;
    line-height: 30px;
    height: 30px;
    text-align: center;
}

.detail button{
    display: block;
    margin: 0px auto;
    margin-bottom: 5px;
    width: 140px;
}
/*------------ slide --------*/
#block_content .block_slide{
    width: 220px;
    min-height: 300px;
    border: 0px solid green;
}

#block_content .left{
    float: left;
}

#block_content .right{
    float: right;
}

.block_slide_content{
    width: 218px;
    padding: 0px;
    min-height: 77px;
    border: 0px solid #f7f7f7;
    margin-bottom: 10px;
    background-color: #fff;
    box-shadow: 0px 0px 3px 0px #555;
}

.block_slide_content h3{
    width: 213px;
    padding: 5px 5px 5px 0px;
    background: #004080;
    color: #fff;
}
.sell{
  height: 250px;
  overflow: hidden;
}
.sell img{
    float: right;
    width: 50px;
    height: 50px;
    padding: 2px;
    margin-left: 2px;
    background: #fff;
    border: 1px solid #555;
}
.sell ul li{
    list-style: none;
    line-height: 56px;
    height: 56px;
    padding: 3px;
    direction: rtl;
    border-bottom: 1px solid #333;
}
.sell ul li:last-child{
  border-bottom: 0px solid #333;  
}
.sell ul li a{
    text-decoration: none;
    width: 100%;
    color:#333;
}
.slide_content ul li,{
    border-bottom: 1px solid #333;
}

.slide_content ul li:last-child{
    border-bottom: 0px solid #333;
}
.slide_content ul li a{
    color: #333;
   display: block;
   line-height: 30px;
   height: 30px;
   padding-right: 5px;
    text-decoration: none;
}
/*--------- footer ---------------*/
#block_footer{
    width: 100%;
    min-height: 200px;
    background-color:rgba(0, 45, 89, 0.9);
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0px auto;
    margin-top: 0px;
    border-top: 5px solid #FFD54D;
    
}

#block_main_footer{
    
    width: 1000px;
    margin: 0px auto;
    min-height: 300px;

}

#block_main_footer h3{
    font-size: 24px;
    color: #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
}
#block_main_footer p{
    text-align: justify;
    color: #f7f7f7;
}

#block_main_footer ul li{
    list-style: none;
    color: #fff;
    border-bottom: 1px dashed #fff;
    line-height: 35px;
}

#block_main_footer ul li:hover{
    color: #00ff00;
}

#block_main_footer ul li a{
    color: #fff;
    text-decoration: none;
    transition: all 0.5s;
    -webkit-transition:all 0.5s;
}

#block_main_footer ul li a:hover{
   color: #00ff00;
}

#block_main_footer ul li .fa-link{
    transition: all 0.5s;
    -webkit-transition:all 0.5s;
    font-size: 17px;
}


#amar, #about, #link{
    margin-right: 20px;
    margin-top: 20px;
    margin-left: 50px;
    width: 200px;
    height: 200px;
    float: right;
    direction: rtl;
    border:0px solid #fff;
}

#copy_right{
    color: #fff;
    text-align: center;
    line-height: 50px;
    height: 50px;
    background: rgba(255,255,255,0.2);
}
/*------------- login form ------------*/
#form_login{
    position: absolute;
    width: 170px;
    min-height: 150px;
    border: 1px solid #bbb;
    box-shadow: 0px 0px 5px #ccc;
    background: #f7f7f7;
    padding: 10px;
    left: 10%;
    top: -410px;
    transition: all 0.5s;
   
}

.fa-times{
    float: right;
    cursor: pointer;
    color: #c10000;
    transition: all 0.5s;
}
.fa-times:hover{
    color: red;
}
/*------------ form --------------*/
form{
    float: right;
    direction: rtl;
}
input{
    display: block;
    margin-top: 10px;
    font-family: BYekan;
    font-size: 13px;
    padding: 5px;
}

input[type="text"],
input[type="password"]{
    border: 1px solid #bbb;
    transition: all 0.5s;
}

input[type="submit"]{
    border: 1px solid #bbb;
    cursor: pointer;
    background: #f7f7f7;
    transition: all 0.5s;
}


input[type="text"]:hover,
input[type="password"]:hover{
    border: 1px solid #ffaa55;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="submit"]:hover{
    background: #ffffb3;
    border: 1px solid #ffaa55;
    box-shadow: 0px 0px 5px #ffff46;
}

#search{
    width: 178px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-right: 30px;
}

#logo_search{
    position: relative;
    top: -570px;
    font-size: 18px;
    color: #aaa;
    right: 10px;

}
/* =================== Top Menu ====================== */
#nav {
    position: absolute;
    z-index: 100;
    font-size: 13px;
    margin-top: 0px;
    float: right;
}

    #nav ul {
        list-style: none;
        padding: 0px;
    }

        #nav ul li {
            float: right;
            text-align: center;
            width: 150px;
            margin: 0px;
        }

            #nav ul li a {
                text-decoration: none;
                display: block;
                color: #fff;
                line-height: 50px;
                height: 50px;
                
               
            }

                #nav ul li a:hover {
                    color: #fff;
                  /*  background: #20bbff;*/
                    
                }

            #nav ul li li {
                display: none;
                margin-top: 0px;
                border-bottom: 0px dotted #fff;
                background: #363636;
                box-shadow: 0px 0px 5px #888;
            }
            #nav ul li li a{
                line-height: 30px;
                height: 30px;
            }

            #nav ul li:hover ul {
                display: block;
            }
        /* --- border  ---*/
        #nav ul li {
            /*border-top: 1px solid #DDD;
            border-bottom: 1px solid #DDD;
            border-right: 1px solid #DDD;*/
        }

#nav ul li:last-child {
   /* border-left: 1px solid #DDD;*/
}

#nav ul li li {
    /*border: none;
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD;*/
}

    #nav ul li li:last-child {
        /*border-bottom: none;*/
    }

    #nav ul li li:first-child {
        /*border-top: 1px solid #DDD;*/
    }
/* ===================End Top Menu ====================== */


/*===================== Slide Menu ======================*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
  width: 218px;
  font-family: BYekan;
  color: #ffffff;
  margin-bottom: 10px;
}
#cssmenu ul ul {
  display: none;
}
#cssmenu > ul > li.active > ul {
  display: block;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 16px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 13px;
  text-decoration: none;
  color: #ffffff;

  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  border-bottom: 0px solid #fff;
}

#cssmenu > ul > li > a:hover {
  color: #fff;
}


#cssmenu ul ul li a {
  padding: 14px 22px;
  padding-right: 40px;
  cursor: pointer;
  z-index: 2;
  font-size: 13px;
  text-decoration: none;
  color: #dddddd;
  background-color: rgba(0,0,0,.3);
  border-bottom: 0px solid #fff;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul ul li a {
  padding-right: 60px;
    background-color: rgba(0,0,0,.5);
}
#cssmenu ul ul li a:hover {
  color: #ffffff;

}


/*=================== End Slide Menu ====================*/

/*==================== store ==========================*/
.block_stuff{
        border: 1px solid #333;
        float: right;
        width: 230px;
        height: 320px;
        margin: 10px;
        padding: 2px;
        display: inline;
        background: #fff;
        transition: all 0.5s;
    }
    .block_stuff:hover{
        border: 1px solid #3399ff;
        box-shadow: 0px 0px 5px 0px #6ab5ff;
    }
    .block_stuff .img_stuff {
        width: 200px;
        margin: 0px auto;
    }
    .block_stuff h3{
        text-align: center;
    }
    .name_stuff{
        
        color: #0080ff;
    }
    .price_stuff{
        color: #008000;
    }
    .price_stuff2{
        color: #800040;
    }

/*=============== All Color,Font,... ===================*/
#cssmenu ul li,
#block_footer,
.block_slide_content h3{
    background: #800080;
}
 
 .my-info{
    color: #004080;
 }
 .my-error{
    color: #ff8800;
 }
 .my-ok{
    color: green;
 }