@font-face {
    font-family: 'Vazir';
    src: url('https://sayehsazan-esf.ir/fonts/Vazir.ttf') format('truetype');
}
*{
     font-family: vazir;
}
@import url('css/fontawesome-all.min.css');
.clear{
  clear: both;
}
.panel{
  float: right !important;
}
.panelz{
  background: url(../img/portrait/13.jpg) !important;
  /* background-repeat:  !important; 
  background-attachment: fixed;
  background-position: center;
  background-size: cover;*/
  width: 100% !important;
  height: 100% !important;
}

.panelz2{
  background: #0a0a0a65;
}

.panelz3{
background: #14496ba4; 
}
.panelz4{
  background: #0a0a0aa9;
}
.clearing-assembled .clearing-container .carousel > ul{
  right: -50% !important;
  
}
.white{
  color: #FFFFFF !important;
}
.red{
  color: red !important;
}
h1 , h2 , h3 , h4 , h5 , h6{
  font-family: vazir !important;
}
ul.off-canvas-list li:active {
  background: #B97E32 !important; 
  background-color: #B97E32 !important; 
}
  ul.off-canvas-list li a:hover {
  background: #B97E32 !important;
  color: white !important;
}
.alert-box .close {
float: right !important;
color: white !important;
}
body{
  font-family: vazir !important;
}
.top-bar {
  display: fixed;
  right: 30% !important;
  height: 3.5rem !important;
  z-index: 1000;
}
@media only screen and (min-width: 40.0625em) {
  .top-bar {
  background: #f5f5f5 !important;
  font-family: vazir !important;
}}
.top-bar-c{
  background: #f5f5f5 !important;
  font-family: vazir !important;
}

.top-bar-section li:not(.has-form) a:not(.button) {
  height: 3.5rem !important;
  line-height: 3.5rem !important;
  background: #f5f5f5 !important;
  font-family: vazir !important;
}
.tab-bar{  
  background: #B97E32 !important;
  border-bottom: 1px solid black;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
  background: #b67827 !important;
  font-family: vazir !important;
  color: white !important;
 }
 .top-bar-se{
   font-family: vazir !important;
   font-size: 1rem !important;
   color: #000000 !important;
   border-bottom: solid 0.15rem black;
 }
.top-bar-se:hover{
  border-bottom: solid 0.3rem #1768c5;
}
#search{
margin-top:-20px;
}

#day-dates{
  height: 25px;
  margin-top: -20px;
  background: #7fb4d6;
  text-align: center;
}
#login-btn{
  height: 25px;
  margin-top: -20px;
  background: #7fb4d6;
  text-align: center;
}
#login-a{
  color: white;
}
#last-posts{
  height: 28px !important;
  text-decoration: none;
  text-align: center;
  background-color: #2792d6;
  height: 30px !important;
}

#last-posts-a{
color: white !important;
}

.last-post{
text-decoration: none;
}
#inlin{
  text-align: center;
}
#inlin2{
  display: inline-flex;
  font-size: .9rem;
}



/*login*/
legend{
  color: black !important;
}
#contact-fieldset{
  border-radius: 25px;
  border-style: dotted !important;
}

#sign-up-f{
  /*border:2px z #000000 !important;*/
  border-radius: 25px;
  border-style: groove !important;
  border-width: 5px !important;
  border-color: #12B0ADb4 !important;
}

fieldset{
  /*border:2px z #000000 !important;*/
  border-radius: 25px;
  border-style: groove !important;
  border-width: 5px !important;
  border-color: #809962 !important;
}
.contact-form{
  margin-top: 70px;
}

.search-input1{
  border-radius: 0% !important;
  color: white;
  text-align: center;
  }

  
.inputz{
  border-radius: 10px !important;
  color: black !important;
  text-align: center;
}
.sabt{
  border-radius: 20px !important;
  background: #5896bd !important;
  color: black !important;
  text-align: center;
}

.sabt-input{
  border-radius: 20px !important;
  background: #0E242Fb4 !important;
  color: white !important;
  text-align: center;
}
    
#text-area{
  border-radius: 20px !important;
  background: transparent !important;
  color: white !important;
  text-align: center;
}

#address{
  height : 5rem !important;
}
.submit-btn1{
  background-color: #647400b4;
  font-family: vazir;
  font-size:1.2rem !important;
  border-radius: 20px;
  width: 100%;
}
.submit-btn1:hover{
  background-color: #3e5e31b4 !important;
}

.submit-btn2{
  background-color: #3e5e31b4 !important;
  font-family: vazir !important;
  font-size:1.2rem !important;
  border-radius: 20px !important;
  width: 100% !important;
}
.submit-btn2:hover{
  background-color: #647400b4 !important;

}
#form-det{
  font-family: vazir;
  font-size: 1.5rem;
  font-weight: normal;
  color: black !important;
}

.lable-c{
color: white !important;
}
.lable-c2{
  color: white !important;
  font-size: 1rem !important;
  color: #ffffffa4;
}
.sabt-label{
  font-size:1.1rem!important;
  background-color: #653533b4;
  border-radius: 20px;
}
#sign-in-body{
  background-image: url(../img/portrait/log-in.jpg)!important;
  width: 100% !important;
  height: 75% !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}
#sign-in-admin{
  background-image: url(../img/portrait/ch.jpg) !important;
  width: 100% !important;
  height: 75% !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}
#sign-up-body{
  background-image: url(../img/portrait/log-in2.jpg)!important;
  width: 100% !important;
  height: 75% !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}
#contact-body{
  background-image: url(../img/portrait/poster.jpg)!important;
  width: 100% !important;
  height: 75% !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}
.login-form{
  margin-top: 200px;
}

.login-form{
  margin-top: 100px;
}
.logo-img{
  height: 3.5rem;
  width: 13.1rem;
}

.top-bar-hov{
background: #f5f5f5 !important;
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
margin-bottom: 0.4rem !important;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
  background-color: #df9433 !important;
  background: #df9433 !important; 
  color: white !important;
}
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
  background: #df9433 !important;
  }

.fouter{
  background: #14496B !important;
  }
.fouter-cap{
  color: white !important;
  display: inline-grid !important;
}
.footer-first{
  font-size: 1.6rem;
  color: white;
}
.copyright{
  color: white;
  margin-bottom: 0px !important;
  font-size: 0.8rem;
}
.addresss{
  font-size: 1rem;
  margin-right: 1rem
}
.fa-home{
  font-family: fontawesome !important;
   color: white !important;
 }

.fa-sign-in{
  font-family: fontawesome !important;
   color: white !important;
 }

.fa-plus-square{
  font-family: fontawesome !important;
   color: white !important;
 }

.fa-phone{
  font-family: fontawesome !important;
   color: white !important;
 }

.fa-info-circle{
  font-family: fontawesome !important;
   color: white !important;
 }
#li-footer{
  display: inline;}

.fa-users{
  font-family: fontawesome !important;
  color: white !important;
}
.footer-second-caption{
  color: white;
  font-size: 0.8rem;
}
.search{
  display: inline-flex;
  width: 98.5%;
  margin-right: 5px;
  margin-left: -5px;
  margin-top: 5px;
  }


.search-input{
  border-radius: 0 !important;
  border-width: 10px;
  border-style: solid;
  border-color: #14496B !important;
  color: black !important;

}
.search-button{
  font-family: vazir !important;
  cursor: pointer;
  border-radius: 0 !important;
  text-align: center;
  width: 25%;
  height: 37px;
  background: #2792D6 !important;
  outline: none;
  border: none;
  color: white !important;
}
#testate-p{
  font-size: 1.1rem;
  margin-top: 15px !important;
  color: white !important;
}
#testate-ba{
  text-align: center !important;
  height: 35px !important;
  background: #2792D6 !important;
}
#footer-divider{
  margin-bottom: 0px !important;
}

.pagination-alig{
  text-align: center !important;
}
ul.pagination li{
  float: none !important;
  display: inline-block !important;
}
ul.pagination li a, ul.pagination li button{
  background: #29948fa1 !important;
  color: white !important;
}
ul.pagination li a:hover, ul.pagination li button{
  background: #178d3e88 !important;
}
  ul.pagination li.current a, ul.pagination li.current button {
    background: #eef1f3a1 !important;
    color: #234297 !important;
  }
  ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus{
    background: #178d3e88 !important;
  }
.right-off-canvas-menu{
  background-color: #B97E32 !important;
  color: black !important;
}
.vazir{
  font-family: vazir !important;
}
ul.off-canvas-list li label{
  background: #14496B !important;
  color: white !important;
  font-size: 1.05rem !important;
}
.img-last{
  width: 75px !important;
  height: 75px !important;
  margin-right:1.5px !important;
  margin-top: -0.5rem !important;
  border-radius:50%;
  background: #ffffff56 !important;
}
#telegram{
  width: 50px !important;
  height: 50px !important;
}
.offcanvasa{
text-decoration: none !important;
}
ul.off-canvas-list li a{
  border-bottom:1px solid #1768C5 !important;
  color: black !important;
}

.orbit-bullets li {
  background: #ffebeb !important;
}

.orbit-bullets li.active{
  background: #e46464 !important;
}
.det-pro{
  padding: 0.2rem 1rem 0.2rem 1rem !important;
  background: #00000094 !important;
  color: #86e6c6 !important;
  font-size: 0.82rem !important;
}
.slides-photos{
  width: 780px !important;
  height: 405px !important;
}
.list-it{font-size: .72rem !important;
         text-align: center !important;
         margin: 0 !important;
         padding: 0 !important;
         font-weight: bold;
       }

.panelf {
           border-style: solid;
           border-width: 0.1px;
           border-color: #AAA3A3;
           margin-bottom: 1.25rem;
           padding: .5rem;
           background: #FEE6BE;
           color: #333333;
           height: 50px !important;
          }

.small-sp{
  width: 13% !important;
}

.small-spe{
  width: 28% !important;
}
.post-img{
  width: 140px !important;
  height: 140px !important;
}
.post-title-m{
  text-align:right !important;
  font-size:1.3rem !important;
  font-weight:blod !important;
}
.post-summery-m{
  text-align: right !important;
}
.author-m{
  text-align: right !important;
  color: #2792D6 !important;
}
.edame{
  font-family: vazir;
  font-weight: bold !important;
  font-size: .8rem !important;
  width: 90px !important;
  height: 50px !important;
  padding: .5rem .5rem .566rem .5rem !important;
  color: white !important;
}
#index-poster{
  height:25rem;
  width: 100% !important;
}
.search-inputs2{
  background: transparent !important;
  color: #ffffff;
  height: 2rem !important;
  margin-top: 5px !important;
}
.search-inputs1{
  position: relative;
  width: 80% !important;
  background: #a2d0ee !important;
  color: #000000 !important;
}
.search-button1{
  width: 20% !important;
  height: 36px !important;  
  padding: .5rem 1rem 1rem 1rem !important;
}

.top-bar-section ul li > button{
  background: transparent !important;
  border-color: transparent !important;
  font-size: 1.2rem !important;
  padding-left: 0;
  padding-right: 0;
  color: #FFFFFF;
}
.link-post{
  color: black !important;
}
#body-posts{
  font-size: 1.5rem;
  text-align: center !important;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #1a567b;
  width: 60%;
  border-radius: 3rem;
}
#under_line{
  margin-top:-15px !important;
  width: 50% !important;
  border:solid #ffffff !important;
  border-style: double !important;
  height: 1px !important;
}
#testament{
  background: #2792d6 !important;
  font-family: vazir;
  font-size: 1rem;
  width: 100% !important;
}
.testament-caption{
margin-top:-20px !important;
text-align: justify !important;
background-color: #50bad4 !important;
height: 414px !important;
width: 100% !important;
}
#testament-btn{
  color: #3b9edb !important;
  text-align:left !important;
  margin-top: -12px !important;
  margin-bottom: -10px !important;
}
#testament-main1{
  font-family: vazir;
  font-size: 1.2rem;
  text-align: center;
}
#testament-main2{
  font-family: vazir;
  font-size: 1.2rem;
  text-align: justify;
}
#testament-title{
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
}
#testament-pic{
 /* height: 571.5px !important ;
  width: 400px !important;*/
  align-self: center !important;
}
.large-offset-13{
  margin-right: 8.3333333% !important;
  margin-left: 8.3333333% !important;
}
#copyright-c{
  margin-top: 15px !important;
}
::-webkit-input-placeholder{
  /*chrome*/
  color: black !important;
}
:-ms-input-placeholder{
  /*IE 10+*/
  color:black !important;
}
::-moz-placeholder{
  color: black !important;
  opacity: 1;
}
:-moz-placeholder{
  color: black !important;
  opacity: 1 !important;
}
  .fa-exclamation-triangle{
    font-family:fontawesome !important;
    color:rgb(230, 223, 223) !important;
    background:red !important;
  }
  .post-picture{
    height: 170px !important;
    width: 100% !important;
    margin-bottom: 25px !important;
  }
  .post-panel{
    float: right !important;
    border: solid 2px #434445 !important;
    /*background-color: #0a0a0a65 !important;*/
    /* margin-left: 0.05rem !important; */
    margin-right: 0.7% !important;
  }
  /* .small-6{
    width: 49% !important;
  }
  .medium-6{
    width: 49% !important;
  }
  .large-3{
    width: 24% !important;
  } */
  .post-picture img{
    width: 100% !important;
    height: 100% !important;
    border: solid white ;
    border-width: 0.1rem !important;
    border-radius: 2rem !important;
    background: #ffffff56 !important;
  }
  .img-post:hover{
    opacity: 0.8 !important;
  }
  .fa-paper-plane{
    font-family: fontawesome !important;
  }
  .post-title{
    float: right !important;
    font-size: 0.9rem !important;
    /*background: #0000005b !important;*/
    width: 100% !important;
  }
  .post-date{
    float: left !important;
    text-align: right !important;
    font-size: 0.8rem !important;
    color: #FFFFFF !important;
  }
  .post-date2{
    float:right !important;
    text-align: right !important;
    font-size: 0.8rem !important;
    color: #FFFFFF !important;
  }
  .post-body{
    text-align: justify !important;
  }
  .price-btn{
    font-family: vazir;
    font-size:0.85rem;
    font-weight: bold;
    background: url('../img/portrait/download.png') !important;
    width:100%;
    margin-bottom: -0.1rem !important;
    margin-top: -0.5rem !important;
  }
  .price-span:hover{
    opacity: 1 !important;
  }
  .price-span{
    opacity: 0.85 !important;
    font-size: 0.85rem;
    padding:0.25rem 0.25rem 0.25rem 0.25rem;
    background-color: #09520db9 !important;
    width: 100% !important;
  }
  .price-span2{
    font-size: 0.85rem;
    text-align: left !important; 
    padding:0.25rem 0.25rem 0.25rem 0.25rem;
    background-color: #0000006c !important;
    width: 100% !important;
  }
  .post-author{
    float: right !important;
  }
  .read-more{
    float: left !important;
    color: #3696d6 !important;
    text-decoration: underline !important;
  }
  .read-more:hover{
    color: #ff0000 !important;
  }

  #logo{
    float: left;
    width: 200px;
    height: 75px;
}
#logo3-deminsion{
  height: 2.8125rem !important;
  float: left !important;
  margin-left: -3rem !important;
}
/*َ ADMIN PAGE STYLES */
.right-off-canvas-menu ul.off-canvas-list li.has-submenu {
background-color: #B97E32 !important;
}
.right-submenu{
  background: #B97E32 !important;
  height: 100% !important;
}
.right-submenu .back > a {
  background: #B97E32;
  color: #ffffff;
  }
.right-submenu .back > a:hover {
    background: #B97E32;
    }
.right-submenu .back > a:after {
      float: left !important;
      content: "\BB";
      margin-left: .5rem;
      }
.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
        float: left !important;
        content: "\BB";
        margin-right: .5rem;
        display: inline;         
      }

#admin-falert{
  margin-top: 105px !important;
}

.share-img{
  width: 1.8rem !important;
  height: 1.8rem !important;
}

.tabs-content > .content{
  background: #0000006e !important;
}
.tabs dd > a, .tabs .tab-title > a{
  background: #B97E32 !important;
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}
.prod-des p{
    color: white !important;
  text-align: justify !important;
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.iconz {
  position: fixed;
  top: 95%;
  z-index:1000;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Style the icon bar links */
.iconz a {
  display: block;
  z-index:1000;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}
ul.off-canvas-list li label{
  padding: 0.55rem 0.9375rem !important;
}
#uplogo{
  height: 5rem !important;
  width: 9rem !important;
  margin-right: 33.33% !important;
}
#uplogos{
  height: 5rem !important;
  width: 9rem !important;
}
.cate_img{
  width: 11rem !important;
  height: 11rem !important;
  border-radius: 55% !important;
}
.cate_img:hover{
  border-radius: 35% !important;
}
.cate_txt{
font-size: 1.1rem !important;
}
#order-back{
  background-image: url(../img/portrait/ch.jpg) !important;
  width: 100% !important;
  /* height: 75% !important; */
  background-repeat: no-repeat !important;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}
.work-order{
  background: transparent !important;
  border: solid 2px white !important;
  border-radius: 2rem !important;
  color: white !important;
  text-align: center !important;
}