*{
    margin:0px;
    padding:0px;
    
    box-sizing:border-box;
    text-align:center;
}
 html, body, div, span, applet, object, iframe,
  p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp, 
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li, 
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, header, hgroup,
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video{
    margin: 0;
    padding: 0;
    border: 0;
    font-size:100%;
    /* font: inherit; */
    vertical-align: baseline;
 }
 article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
    display: block;
 }
 @font-face{
    font-family:mbsh;
    src: url("fonts/IRANSansWeb.ttf") format("ttf");
 }
 body{
    line-height: 1;
    font:18px/22px mbsh;
    /* background: url('img/bg.png')  no-repeat center fixed; */
    background: #847545 fixed;
 }
 a{
    text-decoration: none;
 }
 ol, ul {
    list-style: none;
 }
 blockquote ,q{
    quotes: none;
 }
 blockquote : before, blockquote : after,
 q:before, q: after {
    content: '';
    content: none;
 }
 table {
    border-collapse: collapse;
    border-spacing: 0; 
 }
 @font-face{
    font-family:mbsh;
    src: url("fonts/IRANSansWeb.ttf") format("ttf");
 }
 @font-face{
    font-family:mbsh2;
    src: url("fonts/IRANSansWeb.ttf") format("ttf");
 }
 img{
    max-width: 100%;
 }
 body{
    font-size: 22px/24px;
    font-family: "mbsh2","Myriad","Tahoma";
 }
 input,textarea,button,select{
    font-family: mbsh2;
 }
html,body{
    width:100%;
    
}
{
  /* display: none;*/
  /* width: 900px;*/
   margin: auto;
   background: #c4a890;
   position: relative;
   padding-bottom: 4px;
 }
 body:hover div{
  /* display: block;*/
 }
  .clearfix{
   clear: both;
 }
 /*
 .menu{ 
   background: goldenrod;
   //background: #FF7F50;
   overflow: auto;
   width: 900px;
   color: white;
   float: right;
   position: fixed;
   z-index: 11;
}
 .menu a{
   //color: #191970;
   color: white;

}
 .menu a: hover{
   color: darkblue;
}
 .menu .r{
   float: right;
   margin: 6px 5px;
}
 .menu .l{
   float: left; 
   min-width: 200px; 
   margin: 6px 5px;
}
 .menu ul li{
   display: inline-block;
   padding: 8px;
   border: outset #c4a890 4px;
   margin: 0px 2px;
   background:darkgoldenrod;
   border-radius: 10px;
   color: white;
   
  // transition: background 4s;
  // -webkit-transition: background 4s;
  // -o-transition: background 4s;
  // -moz-transition: background 4s;
  // -ms-transition: background 4s;
   
}

 .menu ul li form button{
   display: block;
   background: none;
   border: none;
   font: 20px/22px mbsh;
   color: white;
cursor: pointer;
}
 .menu ul li:hover{

   background: goldenrod;
   border: solid #c4a890 .5px;
   color: darkblue;
   padding: 11px;

}
 .menu ul li ul{
   display: none;
}
 .menu ul li:hover ul{
   display: block;
   position: fixed;  
   z-index: 14;
}
 .menu ul li ul li{
   display: block;
}
 .menu ul li ul li a{
   display: block;
   cursor: pointer;
}*/
.wish{
  background: whitesmoke;
  outline: whitesmoke 4px solid;
  opacity: 0.5;
  filter: alpha(opacity=50); 
  border-radius: 20px;
  border: 2px dashed black;
  text-align: center; 
  clear: both;
  padding-top: 30px;
  position: relative;
}
.wish h2{

  position: absolute;
  margin-top: 60px;
  z-index: 10;  
}
.bord{
   position: fixed;
   /*padding-top: 0px;
   line-height: ;
   width: ;
    z-index: 11; 
   margin-top: 56px;*/
}
.bord marquee{
   position: relative;
   background-color: red;
   color: white;
   padding: 1px;
   /*z-index: 10;*/
}
.info{
   //background: linear-gradient( goldenrod,darkgoldenrod);
   position: relative;
   width: auto;

   color: white;
   
}
 .info .l{
  background: #c4a890;
  outline: #c4a890 4px solid;
   
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  border-radius: 20px;
  border: 2px dashed black;
  /*width: 45%;*/
  top: 54%;
  right: 10px;
  position: absolute;
  text-align: right;
  line-height: 32px;
  font:20px/22px mbsh ;
}
 .info .l .l2{

}
 .info .l p{
   font: 26px/42px mbsh;
   opacity: 1;
    filter: alpha(opacity=100);
   text-align: right;
   margin-right: 10px;
   color: black;
}
 .info .r{
       /* width: 33.3%;*/
        display: inline-block;
        float: right;
        background: linear-gradient( red,darkred);
}
 .info .r .ru{
     display: block;
     float: right;
     width: 300px;
     background: white;
}
 .info .r .ru img{
   width: 67%;
   height: 200px;
   background: whitesmoke;
   border-radius: 25px;
}
 .info .r .rd{
         display: block;
         float: right;
         margin: 2px 20%;
         line-height: 32px;
         
}
 .p2{
  // background:  linear-gradient( gainsboro,gray);
   overflow: hidden;
   padding-top: 10px;
   padding-bottom: 10px;
   min-height: 690px;
}
@-webkit-keyframes a3{
   from{
         height: 0px;
        // background: red;
        color: gray;
   }
   to{
         height: 30px;
        // background: white;
        color: black;
   }
}
@-webkit-keyframes a4{
   from{
         height: 30px;
         //background: white;
         color: black;
   }
   to{
         height: 0px;
         //background: red;
         color: gray;
   }
}
@-webkit-keyframes a2{
   from{
         margin-top: -10px;
         background: url("img/emam-hosein.jpg") no-repeat;
         background-size: 100%;
         min-height: 650px;
   }
   to{
         margin-top: -10px;
         background: url("img/تخته.jpg") no-repeat;
         background-size: 100%;
         min-height: 650px;
   }
}

 .p2 .pp1{

   -webkit-animation: a4 20s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-direction : alternate;
   padding: 4px;
}
 .p2 .pp2{
   -webkit-animation: a3 20s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-direction : alternate;
   padding: 4px;
}
 .p2 .p_img{
   margin-top: -10px;
   background: url("img/emam-hosein.jpg") no-repeat;
   background-size: 100%;
   min-height: 650px;
   -webkit-animation: a2 20s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-direction : alternate;
}

 .p{
   //background:  linear-gradient( gainsboro,gray);
   overflow: hidden;
   padding-top: 10px;
   padding-bottom: 10px; 
}
 .p img{
   margin-top: -10px;
}
 .p p{
   padding: 4px;
}
 .p .ep{
   padding: 20px 10px;
   z-index: 9;
   float: right;
   /*width: 33.3%;*/
   transition: transform 3s;
   -webkit-transition: transform 3s;
   -o-transition: transform 3s;
   -moz-transition: transform 3s;
   -ms-transition: transform 3s;
   
}
 .p .ep:hover{
   z-index: 8;
   margin-top: 10px;
    transform: rotate(25deg);
   -webkit-transform: rotate(25deg);
   -moz-transform: rotate(25deg);
   -o-transform: rotate(25deg);
   -ms-transform: rotate(25deg);

}
 .p .ep form button{
   display: block;
   background:darkgoldenrod;
   border: outset #c4a890 4px;
   font: 20px/22px mbsh;
   border-radius: 10px;
   padding: 4px;
   color: white;
   margin: 0px auto;
   cursor: pointer;
}
 .p .ep form button:hover{
   background: none;
   border: outset #c4a890 4px;
}
 .p .ep img{
   background: whitesmoke;
   z-index: 9;
  /* width: 280px;*/
   height: 300px;
   margin: 10px;
   border-radius: 20px;
   padding: 6px;
   transition: background-color 3s, width 3s, height 3s;
   -webkit-transition: background-color 3s, width 3s, height 3s;
   -o-transition: background-color 3s, width 3s, height 3s;
   -moz-transition: background-color 3s, width 3s, height 3s;
   -ms-transition: background-color 3s, width 3s, height 3s;
}
 .p .ep img:hover{
   z-index: 8;
   background: #c4a890;
   color: red;
  /* width: 260px;*/
   height: 280px;
   border-radius: 30px;

}
 table,td,th{
   border:2px solid black;
   text-align:center;
   border-collapse: collapse;
   color: blue;
   font-size:20px;
   padding:10px;
   background: white;
   margin:auto;

}
 .post {
   background: whitesmoke;
   /*width: 96%;*/
   margin: 10px auto;
   border-radius: 20px;
   padding: 4px 0 6px 0;
}
 .pic{
   width: 100%;

}
 .pic img{
   display: inline-block;
   margin: 2px;
   width: 30%;

}
 .vid{
   width: 100%;

}
 .vid video{
   display: inline-block;
   margin: 2px;
   width: 90%;

}
 .post .caption{
   /*width: 98%;*/
   margin: 2px auto;

}
 .post .caption p{
   text-align: justify;
   line-height: 28px;
}
 .post .dl{
  /* width: 96%;*/
   display: inline-block;
}
 .post .dl a{
   background:#FF7F50 ;
   padding: 3px;
   border-radius: 20px;
   font-size: 20px;
   float:left;
}
 .rel{ 
   /*width: 85%;*/
   display: inline-block;
   background: darkgoldenrod;
   line-height: 28px;
}
 .rel form input, .rel form textarea{
   display: inline-block;
   font-size: 24px;
   border-radius: 8px;
   margin: 2px;
}
#rel_btn{
   background: darkred;
   margin: 6px auto;
   border-radius: 15px;
   padding: 1px 3px 1px 3px;
}
 .ff{

}
 .ff p{
   padding: 6px;
}
#myClock
      {
         padding:5px;
         border:1px dashed #333;
         text-align:center;
      }
      #myClock span
      {
         padding:5px;
         font:normal 15px cursive;
      }
      #blink
      {
         animation: blinker 1s linear infinite;
      }
 
      @keyframes blinker
      {
         50% { opacity: 0.0; }
      }
.footer-widget {
        width: 98%;
        float: none;
    }
.footer-widget-title {
    color: #4054b2;
}
.ahura-social2-instagram {
    background-image: linear-gradient(45deg, #E40031, #C40092);
}
.ahura-social2 i.fa {
    color: #fff;
    font-family: 'Font Awesome 5 Brands';
    font-weight: 100;
}
.ahura-social2-telegram {
    background-color: #41ABE3;
}
.ahura-social2
Specificity: (0,1,0)
 {
    width: 100%;
    margin-bottom: 10px;
    height: 70px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
}
.q{
   margin: .5rem;
   padding: .5rem;
   background: whitesmoke;
   border-radius: 10px  ;
}
.q label{
   min-width: 12rem;
}
.q input{
   display: inline-block;
}