html{overflow-y:scroll;}
body{min-height: 100%;min-width: 300px;background:url('/static/images/bg.png');}

#intro{position:fixed;top:0;bottom:0;right:0;left:0;background-color:#017278;z-index:1001;overflow:auto;display:block;width:100%;padding:0:margin0;border:0;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;min-width:300px;}
#intro-dialog{min-height: 600px;background-image:url('/static/images/intro.png');background-repeat:no-repeat;background-position:center top;}
#intro-langs{color:#fff; position: absolute;top:500px;width:80%;text-align:center;left:0;right:0;margin:0 10%;font-size:1.3em;}
#intro a{display:block;color:#ddd;padding: 5px;cursor:pointer;}
#intro a:hover{color:#fff;}


#besm-box, #besm{position: absolute;margin:0 auto;top:0;left:0;bottom:0;right:0;}
#besm{margin-top:3px;}

#head-nav{position:relative;display:inline-block;border-top:5px solid #017278; border-bottom: 2px solid #FE6F6C;margin-top:26px;margin-bottom:7px;width:100%;text-align:center;min-height:37px}
#head-nav:before{content:url('/static/images/box-side1.svg');height:33px;position:absolute;top:3px;right:-20px;}
#head-nav:after{content:url('/static/images/box-side1.svg');height:33px;position:absolute;top:3px;left:-20px;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);}

#wrapper .content{min-height: 20vh;font-size:1.1em;line-height: 250%;text-align:justify;}
#wrapper .content p {text-align:justify}
#wrapper h2{font-size:1.5em; margin:30px 0 20px;font-weight:bold;}
#wrapper > h3{font-size: 1.2em; line-height: 250%}

#head-nav a{padding:9px 2%;display:inline-block;color:#000;}
#head-nav a:hover{background-color: #017278;color:#fff;}

#home-box{overflow:hidden;margin:0; height:320px;position: relative;background-color: rgba(241, 245, 246, 0.4);background-repeat: no-repeat;background-position: right top;}
.box-header-fixed{width:200px}
#aye{display:block;margin:30px auto;max-width:100%;}
.rtl #aye{padding-left: 25%}
#slogan{display:block;margin:0 auto;width:75%;text-align:center;color:#524747}
h2#slogan {font-size:1.7em;margin: 40px 0 20px;}
#slogan br{line-height: 300%}
#site-info {display:none;opacity:0;font-size:0}
#site-box{position: absolute;left:0;bottom:25px;width:180px;}
#site-box #site-title{font-size:1.1em;text-align:center;color:#524747}
#site-box .social-networks{margin:0 auto;text-align: center;}
.shamse{background-image: url('/static/images/shamse.png');background-repeat: no-repeat;background-position: left bottom;width: 300px;height: 300px;position:absolute;z-index: -1;}
#home-box .shamse{bottom: -12px;left: -12px;}
#sidebar .shamse{top:-12px;right:-12px;z-index: -1}
.rotate180{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
#home #wrapper #home-box{}
#sidebar #site-logo{height: 320px;background-repeat: no-repeat;background-position: right top;}
#home #sidebar #site-logo{margin-left:-9%;padding-left:9%;background-color: rgba(241, 245, 246, 0.4)}
#sidebar .box{display: none;}
#home #sidebar .box{display: inherit;}
#montazeri{max-height:280px;max-width:100%;height:auto;display:block;margin:0 auto;}


.boxes{padding: 10px 0}
.box{margin:10px 0}
.box-header{position:relative; padding:5px 10px;background-color:#DFDDD4;text-align:center;font-size:12px;font-size:1.2em;line-height:24px;height:33px;margin:0 19px 2px;}
.box-header:before{content:url('/static/images/box-side2.svg');height:33px;position:absolute;top:0;right:-19px;}
.box-header:after{content:url('/static/images/box-side2.svg');height:33px;position:absolute;top:0;left:-19px;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);}
.box-minheight .box-content{min-height: 120px}

.box-content{min-height:100px;background-color:#F4F3F1;padding:18px 0 5px;-webkit-border-radius: 20px 20px 0 0;border-radius: 20px 20px 0 0;overflow:hidden;}
.box-content.reverse{-webkit-border-radius: 0 0 20px 20px;border-radius:0 0 20px 20px;}
.box-content a{display: block; padding:5px 15px;font-size: 1.1em;}
.books .box-content{padding:10px 20px;border-radius:3px;}
.books .box-content a{padding:0;}
.books .box-content img{max-width:100%;border: 1px solid #C1C1C1}
.box-content a:hover{background-color:#eee}
.box-content img{max-width:90%;margin:0 auto;display:block;}
.timeline .box-content{padding: 30px 10% 0;text-align: center;}

.book-pages, .book-cats{margin:10px 0;}
.book-cats h3{font-size: 1.5em;line-height:300%}
.book-cats h3:hover{background-color: #eee;}
.book-pages h3{display:inline-block;font-size:1em;background-color: #eee;border-radius:3px;min-width: 80px}
.book-pages h3:hover{background-color:#ddd}
.book-pages h3 a{padding: 5px 10px;}
.booknav .panel-heading:after{display: none}
.booknav #book_nav_page{text-align: center}
.booknav .panel-body label{margin-left:10px;}
.booknav input[type="submit"]{width: 60px;display: inline-block;border: 1px solid rgba(0,0,0,.15);background-color: #eee;cursor: pointer;}
.box-content #yadman{max-height:200px}

#page-foot{margin-top:20px;border-top:1px solid #017278;padding:10px 2%;text-align: center;width:50% }
#contact .modal-dialog{max-width:80%}
#rights{text-align:center;display: none}
.vcard{}
#address-map{width:100%;}
.postal-code{padding:0 20px}
.tel.fax{padding:0 20px}
#page-foot .share.social-networks{margin-top:10px;}

.btn-dl-book{width:200px;display:block;margin:5px auto;text-align:center;font-size:2em}
.btn-dl-book svg{margin-left:30px;transition: all 0.2s ease;}
.btn-dl-book svg:hover{fill:currentColor;color:#2076AB;}

#langlist{position:absolute;top:0;left:0;line-height:25px}
#langlist a{padding:1px 10px;float:left;color:#aaa;}
#langlist a:hover{background-color:#017278;color:#fff;}

/* Search box*/
#search{width:90%;display:block;margin:3px 5%;position:relative;}
#search form{width:100%;overflow:hidden;}
#search input[type="radio"]{display: none;}
#search input[type="text"]{height: 35px;line-height: 35px;display:inline-block;margin: 0;padding: 0 1em;background: #fff;border: 1px solid rgba(0,0,0,.15);color: rgba(0,0,0,.8);border-radius: 3px;width: 100%}
.ltr #search input[type="text"]{border-right:40px solid #eee;}
.rtl #search input[type="text"]{border-left:40px solid #eee;}
#search input[type="submit"]{width:40px;display:inline-block;position:absolute;top:0;border: 1px solid rgba(0,0,0,.15);background-color: #eee;height: 35px;cursor:pointer;}
.ltr #search input[type="submit"]{border-left:none;right:0;}
.rtl #search input[type="submit"]{border-right:none;left:0;}
#search:hover input[type="submit"]{background-color: #ddd}
#search:focus input[type="submit"]{background-color: #ccc}

#aasar{height: 200px;background-color: #eee;width:90%; margin: 10px 5%}
#nav-admin{position: fixed;bottom:2%;left:1%;width:60px;height: 60px;transition: all 0.2s ease;border-radius:50%;background-color:#ddd;text-align: center;color:#000;line-height:60px;opacity:0.4}
.rtl #nav-admin{right: 1%}
#nav-admin:hover{opacity:1;background-color:#F44336;color:#fff;}


#page-nav{display: block;position: relative;width:100%;float:left;padding:10px 5%;}
#page-nav:hover{background-color:rgba(238, 238, 238, 0.4);}
#page-nav a:hover{color:#000;}
.rtl #page-nav #nav-next{float:left;display: block }
.rtl #page-nav #nav-prev{float:right;display: block }

.breadcrumb {width: 100%;background: #e8e8e8;padding: 6px 15px;display:inline-block;}
.breadcrumb a{font-size: 1em;line-height:12px;color: #99a0aa;float:left;}
.rtl .breadcrumb a{float:right;}
.breadcrumb a:hover {color: #656d78;}
.breadcrumb a:last-child {color: #656d78;}
.breadcrumb > a + a:before {content: "<";color: #99a0aa;padding: 0px 8px;float:left;}
.rtl .breadcrumb > a + a:before {content: ">";float:right;}


.share{margin-top:20px;}
.share svg{transition: fill .3s ease-in-out;fill:#888;}
.share svg:hover {fill:#579AE5;}
.share .share-facebook:hover{fill:#3b5998;}
.share .share-twitter:hover{fill:#08c1e2}
.share .share-gplus:hover{fill:#e34429;}
.share .share-linkedin:hover{fill:#1B86BC;}
.share .share-instagram:hover{fill:#9F6652;}
.rtl .share .share-print{float: left;}
.ltr .share .share-print{float: right;}
.share .share-print:hover{fill:#000;}


.book-list .row {max-height:200px;overflow:hidden;min-height:150px;border-bottom: 1px solid #eee;margin-bottom:20px;}
.book-list .row .span6 h4{transition: all 0.3s ease;margin-bottom: 10px;}
.book-list .row .span6:hover h4{background-color:#eee;}
.book-list img{float:left;max-width:100px;margin-right:10px;}
.rtl .book-list img{float:right;max-width:100px;margin-left:10px;margin-right:0;border:1px solid #aaa;}
.rtl .book-list h4{clear:none;}
.dl-icon{display:block;margin:0 auto 30px;}
.dl-icon a{display:inline-block;width:40px;height:40px;background-size:100%;}


.icon-pdf{background-image: url('/static/images/icon/pdf.svg');content:"دانلود پی‌دی‌اف"}
.icon-exe{background-image: url('/static/images/icon/exe.svg'); }
.icon-html{background-image: url('/static/images/icon/html.svg');}
.icon-phone{background-image: url('/static/images/icon/phone.svg');}



body {
  counter-reset: section;
}
[data-ref-type]{
  display: none;
}
[data-ref-text]{
  display: block;
  line-height: 250%;
  padding: 5px;
}
/*[data-link-paragraph=next]:after{
  display: inline-block;
  content: "...";
  color: #54B4EF
  }*/
  #wrapper.book-mod{
    color:#F4F4F4;
    margin: 0 auto;
    width: 50%
  }
  .book-mod h1,.book-mod h2, .book-mod h3, .book-mod h4, .book-mod h5, .book-mod h6 {
    color: #7AA6C0
  }
  #book-mod-bg{
    background: #3D3D3D;
    width: 100%;
    position: fixed;
    height: 100%;
    z-index: -1;
  }

  #book-mode-close{
    background: url('../images/close.svg') no-repeat;
    height: 30px;
    width: 30px;
    padding: 20px;
    background-size: contain;
    position: fixed;
    right: 0;
    top: 0;
    font-size: 50px;
    display: block;
    z-index: 999999;
  }

  .other-book-mod{
    display: none;
  }
  .indexing.temp{
    display: none;
  }
  .indexing ul{
    padding-right: 10px;
  }
  .indexing span a{
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    padding: 0 2px;
  }
  .indexing ul ul ul{
    display: none;
  }
  .pagenation{
    direction: rtl;
    text-align: center;
  }
  .pagenation a{
    display: inline-block;
    padding: 5px;
  }
  .pagenation a[href]{
    cursor: pointer;
  }
  /* Print Style */
  @media print {
    html{overflow:visible;max-width:90%;margin:0;}
    body {color: #000;background: #fff;max-width:100%;margin:0px;overflow:hidden;}
    header, #sidebar, #nav-admin, .share, #page-nav{display:none}
    img {max-width: 100% !important;}
    #wrapper a{font-weight: bolder;}
    #wrapper a[href^=http]:after{content:" [" attr(href) "] ";}
    #wrapper a[href^="#"]:after{content: "";}
    a:not(:local-link):after{content:" <" attr(href) "> ";}
    .boxes.books{display:none}
    #site-info{display: block;opacity:1;font-size:1em;text-align:center;}
    #site-info h1{font-size:3em;}
    #site-info h2{font-size:1.5em}
    #site-info hr {border-width: 2px}
    #page-foot a{color:#222;}

  }


  /* IE 6, 7 Style */
  @media screen\9 {

  }

  /* IE 8 Style */
  @media \0screen {

  }

  /* IE 6, 7, 8 Style */
  @media \0screen\,screen\9 {
   #intro{display:none}
   #wrapper{margin:0;}
   #besm-box, #besm{display:none}
 }

 /* IE 8, 9, 10 Style */
 @media screen\0 {
   #intro{display:none}
 }

 /* IE 9, 10 Style */
 @media screen and (min-width:0{{ content }}) {

 }

 @media only screen and (max-width: 800px){
  #langlist{display: none}
  #sidebar #site-logo, #home #sidebar #site-logo{background-image: none;margin:0;}
}

@media only screen and (max-width: 500px){
  #langlist{display: none}
  #head-nav:after, #head-nav:before{display: none}
  #sidebar #site-logo, #home #sidebar #site-logo{background-image: none;margin:0;}
}

.book-pages h3{
  display: block;
}
.dl-icon{
  display: inline-block;
}
.download-list .dl-icon{
  margin: 0;
}
.dl-icon a
{
  padding-right: 40px;
  padding-top: 7px;
  background-image: url('/static/images/pdf-icon.png');
  background-repeat: no-repeat;
  background-size: 35px;
}
.download-list{
  position: inherit;
  float: right;
}
.dwonload-list-title{
  border: 1px solid #017278;
  border-radius: 5px;
  padding: 3px;
  color: #54B4EF;
}
.download-list ul{
  border: 1px solid #017278;
  visibility: hidden;
  padding-left: 15px;
  position: absolute;
  background: url('/static/images/bg.png')
}
.download-list ul li{
  margin: 0;
  padding: 0;
  display: inline-block;
}
.download-list:hover ul{
  visibility: visible;
}