@import url('reset.css');
@import url('https://fonts.googleapis.com/css?family=Philosopher');
body {
 background: rgb(252, 250, 248);  
  font-family: 'Philosopher', serif;
  height:100%;
  font-size:16px;
  color:#531020;

}

img{
filter: saturate(50%);
-webkit-filter: saturate(50%);
-moz-filter: saturate(50%);
-o-filter: saturate(50%);
-ms-filter: saturate(50%);
}
.writers_photo {
filter: saturate(20%);
-webkit-filter: saturate(20%);
-moz-filter: saturate(20%);
-o-filter: saturate(20%);
-ms-filter: saturate(20%);
}
a{
color:#BB3E47;
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
  
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}
a:active, a:focus{
color:#531020;
}
a:hover{
color:#531020;
}
ul a{
color: #531020;
font-size: 16px;
}
ul a:hover{
color: #BB3E47; 
}
ul{
font-size: 12px;
color: #531020;
}
h1{
 font-size:25px;
 margin:0px 0 30px;
  color:#531020;
  font-weight: normal;
}
.header-container {
    border-bottom: 20px solid #b52b35;
}
.h1{
background: url('/img/z3.svg') no-repeat left top;
  background-size:60px auto;
  padding-left:65px;
  font-size: 25px;
   margin:10px 0 30px;
  display:block;
}
.selfteacher{
  padding-top: 50px;
  padding-bottom: 50px;
  background:#531020 url('/img/bibl.jpg') no-repeat top;
  background-size: cover;
  background-attachment: fixed;
  color:#d0bba8;
}
.black_book:before{
  content: '';
  display: block;
  background: url('/img/self.svg') no-repeat left top;
  background-size: auto 30px;
  padding-left: 50px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255,255,255,.1)
}
.black_book{
padding: 10px 10px;
min-height: 200px;
}
.bibl{
  background: url('/img/bibl.svg') no-repeat center top;
  width: 100px;
  height: 70px;
  background-size: auto 60px;
  padding-left: 50px;
  margin: 0px auto 20px;
}
.selfteacher h1{
  text-align: center;
  color:#d0bba8;
  font-size: 30px;
  margin: 0px;
}
.selfteacher span{
color: #d58d72;
text-align: center;
display: block;
}
.selfteacher a{
  color:#d0bba8;
}
.articl-bg{
  padding-top: 50px;
  padding-bottom: 50px;
  background:#531020 url('/img/sarer.jpg') no-repeat top;
  background-size: cover;
  background-attachment: fixed;
  color:#d0bba8;
}
.books{
  background: url('/img/books.svg') no-repeat center;
  background-size: 100% auto;
  display: block;
  width: 120px;
  height: 70px;
  margin: 0px auto 30px;
}
.articl-bg .f-h4{
  background: url('/img/book.svg') no-repeat left top;
  background-size: auto 30px;
  padding-left: 50px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255,255,255,.2)
}
.articl-bg .f-h4 a{
  font-size: 1.4em;
}
.articl-bg a{
font-size: 1em;
}
.articl-bg ul {
    font-size: 20px;
    padding-left: 20px;
    color: rgba(255,255,255,.4)
}
.bg_bl{
  background:rgba(0,0,0,.4);
  padding:20px 0 10px;
  color:#756556;
  text-align:left;
  width: 100%;
}
.bg_bl a, .bg_bl a:hover{
 color:#aa9d91;
  text-decoration:underline;
}
.footer{
   padding-top: 50px;
   padding-bottom: 0px;
  background:#531020 url('/img/sarer2.jpg') no-repeat top;
  background-size: cover;
  background-attachment: fixed;
  color:#aa9d91;
}
.footer a, .articl-bg a{
  color:#aa9d91;
  text-transform: capitalize;
}
.aybuben span:hover{
  
  font-size: 0;
}
.aybuben span:hover:after {
    content: attr(data-btn-alt);
    word-wrap: break-word;
  color:#E6CEB9;
  font-size:18px;
}

.header-container{
    background: #e6ceb9;
}
.logo-mm{
  position: absolute;
  display:block;
  z-index: 2000;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background:url('/img/mm_.png') no-repeat center center;
  background-size:cover;
  right:20px;
  margin-top:5px;

}
span.logo-mm-t {
position: absolute;
  margin:50px 120px 0 0;
  padding:4px 25px 4px 15px;
  text-align:right;
  right:0px;
  display:block;
  color:#AA2E34;
  z-index:10000;
  font-style: italic;
  text-shadow:0 0 11px #E3CEBA, 0 0 9px #E3CEBA, 0 0 7px #E3CEBA, 0 0 5px #E3CEBA, 0 0 3px #E3CEBA, 0 0 1px #E3CEBA, 0 0 1px #E3CEBA, 0 0 1px #E3CEBA;

}
.side{
    background: rgb(234, 217, 202);
  border-bottom: 2px solid #FCF4ED;
  border-top: 2px solid #FCF4ED;
  width:250px !important;
  
  
}

.style-table{
  display: table;
  height:100%;
  width:100%;
}
.side .hr{
  background: rgb(181, 43, 53);
  display:block !important;
  width: 100%;
  height: 2px;
  
}
.style-table .row{
  height: 100%;
    display: table-row;
}
.style-table .cell{
  display: table-cell;
  float: none;
  vertical-align: top;
  padding-top: 20px;
  padding-left:50px;
  padding-right:50px;
}

.d-none{
  display: none;
}
header{
  height: 80px;
  background: rgb(241, 222, 205) url('/img/fon_1.jpg') no-repeat top;
  background-size:cover;
  z-index:10000;
  box-shadow: 0 0 4px rgba(108, 77, 68,.4);
}

.headera{
  height: 110px;
  background: rgb(241, 222, 205) url('/img/top1.gif') no-repeat center top;
}
.names{
  text-align:justify; 
}
.names:after {
      content: "";
      width: 100%;
    display: inline-block;
}
.pagea{
  display: inline-block;
  background:rgb(234, 217, 202) no-repeat left center;
  border: 1px #B52B35 solid;
  padding:10px 0;
  margin:10px 5px;
  font-size:18px;
  font-weight: bold;
  text-align:center;
  color:#B52B35;
  width: 50px;
  -webkit-transition: width 1s linear 2s;
    transition: width 1s linear 2s;

}

.pagea:hover{
  background:#B52B35 no-repeat left center;
  border: 1px #B52B35 solid;
  color: rgb(234, 217, 202);
  text-decoration: none;
}

.side-r #ajaxSearch_form{
  background:#531020;
  margin:5px 0 0px;
}
.side-r input{
  background:#FCF4ED;
  border: 1px #E6CEB9 solid;
}
fieldset label:nth-child(2) {
  margin:7px 0px 7px 5px;
}
fieldset label:nth-child(3) {
  margin:7px 0px 7px 0px;
}
.side-r #ajaxSearch_form label {
  
  font-size:14px;
  font-weight: normal;
}
.side-r input#ajaxSearch_submit{
  background:#531020;
  font-size:14px;

  border: 1px solid #531020;
  color:#fff;
  font-weight: normal;
}
.blg-main-manu > ul > li{
  padding-top:5px;
  padding-bottom:5px; 
  padding-left:40px;
  background:url('/img/z4.svg') no-repeat;
  background-position:0 6px;
  background-size:35px auto;
  list-style: none;
}
.blg-main-manu ul ul li a{
  font-size:14px;
}

.blg-main-manu ul{
  padding-left: 25px;
}
.logo{
  position: absolute;
  top: 10px;
  display:block;
  background:url('/img/logo.png') no-repeat center left;
  background-size: contain;
  width: 360px;
  height: 60px;
}
.logo:hover{
color:#B52B35;
  text-decoration: none;
}

@media  screen and (max-width:768px) {
  .logo{width: 70%}
}
.side{
padding:0 !important;
}
.side-c{

}
.flasg{
  position: absolute;
  right:15px;
  margin-top:0;
  
}
.flasg a{
  display:inline-block;
  z-index: 2000;
  width: 30px;
  height: 28px;
  margin-left:10px;
  margin-top:5px;
  background-size:100%;
  opacity: 0.7;
    -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
}
.flasg a:hover{
  opacity: 1;}
.rus{
background: url('/img/fruarm.png') no-repeat center  ;
}
.eng{
background: url('/img/fengarm.png') no-repeat center  ;
}
.arm{
background: url('/img/f-arm.png') no-repeat center  ;
}
.breadcrumbs li{
	display: inline-block;
	margin-right: 10px;
}
.breadcrumbs li:after{
	content" | ";
	display:inline-block;
}
.breadcrumb a{
  font-size:13px;
  font-weight: normal;
  color:rgba(102, 77, 68,.6);
  text-decoration:underline;  
}
.breadcrumb a:hover{
  color:#531020;
}
.ban-r{
  text-align: center;
}
.lit-pic{
  height: 500px;
  background: url(/img/lit-pic.jpg)  no-repeat center;
  background-size:  cover;
}
.news_q{
  background: url(/img/z1.svg) no-repeat center top;
  padding-top:40px;
}

.articl a{
  display:block;
  border-bottom: 1px dotted #FCF4ED;
  padding:10px 20px;
  color: #531020;
}
.articl :last-child{
  border-bottom:4px double #FCF4ED;
}
.articl :first-child{
  border-top:4px double #FCF4ED;
}
.articl{  
  margin:0;
  width:100%; 
}
.forma{
text-align:center}

.barbar_form{
margin: 20px auto;
  width:100%;
  border: #402D26 1px solid;
  background:#fbf7f4;
  padding:15px;
}
.btn-aybuben{
padding:5px 30px;
  background:#B3333A;
  color:#FCF4ED;
}
.undo{
background:#B3333A url(/img/undo.svg) center center no-repeat;
  width:30px;
  height: 30px;
  background-size:20px auto;
}
.start{
background:#B3333A url(/img/start.svg) center center no-repeat;
  width:30px;
  height: 30px;
  background-size:20px auto;
}

.text-col ul{

    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;

}

.column {
-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  -webkit-column-rule: 0px solid #ccc;
  -moz-column-rule: 0px solid #ccc;
  column-rule: 0px solid #ccc;
}

.ru-cont, .arm-cont{
display:none;
}
.activ-cont{
display:block;
}
.form-control:focus{
  border-color: #B5353B;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(181, 53, 59,.6);
}
form .btn{
  background:  #B5353B;
  color:#fff;
}
.langviches{
  position:relative; 
  margin-top:-5px;
  width:auto;
  text-align: right;
}

.langviches div{
  display:inline-block;
  z-index: 2000;
  width: 20px;
  height: 38px;
  margin-right:10px;
  opacity: 0.7;
  cursor: pointer;
  -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
  
}
.langviches div:hover{
  opacity: 1;
}
#arm-cont{
  background: url('/img/f_arm.png') no-repeat top;
  background-size:100%;
}
#ru-cont{
  background: url('/img/f_ru.png') no-repeat top;
  background-size:100%;
}
#eng-cont{
  background: url('/img/f_eng.png') no-repeat top;
  background-size:100%;
}
.one-writers{
  cursor:pointer;
  background: url(/img/z1.svg) no-repeat center top, url(/img/z10.svg) no-repeat center bottom;
  background-size: 100%, 100%;
}
.one-writers a{
   display:block;
  padding:10px 20px;
  text-align: center;
   width:100%;
   height:100%;
  -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}
.writers{
  margin-top:10px;
  margin-bottom:20px;
  text-align: center;
  cursor:pointer;
  border-radius: 30px;
  -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}

.one-writers a:hover{
  background:rgba(252, 244, 237,.6);
}
.writers:hover{
  background:#fff;

}
.writers_photo{
  width:120px;
  height:120px;
  border-radius:30px;
  background-size:cover;
  display:inline-block; 
  margin:5px auto 10px;
  vertical-align:top;
}
.writers-txt{
  color:#531020;
  text-decoration: none;
}
.writers a:hover, .writers-txt, .one-writers a:hover{
 text-decoration: none;
}

.writers-txt br{
  color:rgba(102, 77, 68,.4)
}
.cell .row{
  display:block;
  height: auto;
  margin:0 auto;
}
.width{
  display:none;
  height: 100%;
  width:0px;
}
.prevjumpnext{
  margin:30px auto;
  text-align:center;
}
.prevjumpnext .index{
 color:rgba(181, 43, 53,.6);
}
.prevjumpnext .total{
  font-size:14px;
  color:#D58E74;
}
.prevjumpnext a{
padding:0px 10px;
}
.smoothScroll{
  display:none;
  width:40px;
  height:40px;
  border-radius:20px;
  background:#402D26 url('/img/up.svg') no-repeat center;
  background-size:50%;
  position:fixed;
  bottom:30px;
  right:17%;
}
.l-bl{
margin:10px;
}
.p-50{
  padding: 50px 0;
}
@media  screen and (min-width:1100px) {
  body{min-width:1100px;}
}
@media handheld,only screen and (max-width:48em) {
  .smoothScroll{
  right:50px;
  }
  .h1{
  font-size:1.3em;
  background: url('/img/z3.svg') no-repeat left top;
  background-size:40px auto;
  padding-left:45px;
   margin:10px 0 20px;
    
  }

.blg-main-manu ul{
  padding-left:10px;
  }
.blg-main-manu ul li {
    padding-left: 35px;
    background-size: 30px auto;
  }
img{
  max-width:80%;
  }
.text-col ul{
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;

}

.column {
-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
  -webkit-column-rule: 0px solid #ccc;
  -moz-column-rule: 0px solid #ccc;
  column-rule: 0px solid #ccc;
}


  .logo-mm{

  width: 120px;
  height: 120px;
  -moz-border-radius: 110px / 130px;
  -webkit-border-radius: 110px / 130px;
  border-radius: 110px / 130px;
  border-radius: 50%;
  
  margin:130px 15px 0;
  }

span.logo-mm-t {

  margin:180px 0 0 160px;
  padding:4px 25px 4px 15px;
  font-size:20px;
  line-height: 100%;
}
.mobile-h span.logo-mm-t, .mobile-h .logo-mm{
  display:none;
}
  .header, .header-f{
    height: 400px;
  }
  .mobile-h, .mobile-h .header-f{
    height: 80px;
  }
.pull-right, .pull-left{
  float: none !important;
}
.flasg{
  display:none
}
.style-table .cell{
 
  padding-left:10px;
  padding-right:10px;
}
}

/* menu */
.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar > .container,
.navbar > .container-fluid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}


.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
}
    
.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}
@media only screen and (min-width : 768px) {
.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
}
.navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-toggle {
    display: none;
}
}





/*my menu*/


.navbar{
  border-radius: 0px;
  background: rgba(181, 43, 53,.9);
    color: rgb(252, 244, 237);
  min-height: 40px;
  margin-bottom: 0px;
}
.navbar a{
color: rgb(252, 244, 237);
}
.nav > li > a:hover, .nav > li > a:focus{
background: rgb(181, 43, 53);
    color: #fff;
}
.navbar-toggle{
  margin-top:19px;
  margin-bottom:19px;
  margin-right: 15px;
  position: relative;
  float: right;
  padding: 9px 10px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle .icon-bar{
background:#FCF4ED;
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}
.navbar-collapse{
  z-index:30000;
  float: right;
}
.left-menu{
  display:block !important;
  width: 100%;
}
.navbar-nav {
  margin: 30px auto 0;
  width: 100%;
}
@media only screen and (max-width : 768px) {
.navbar-nav{
  margin: 0px;
}
}

.navbar-nav a{
  display:inline-block;
  text-align: center;
  width: 120px;
  padding-top:5px;
  padding-bottom:5px;
  color:#531020;
}
 .navbar-nav a:hover{
  display:inline-block;
  text-decoration: none;
  font-size: 0;
}
.navbar-nav a:hover:after {
    content: attr(data-btn-alt);
    font-size:16px;
    word-wrap: break-word;
}
.left-menu a{
  display:block;
  width: 100%;
  border: #B52B35 4px double;
  background:rgb(234, 217, 202) url('/img/bul.svg') no-repeat left center;
  background-size:30px;
  padding-left: 40px;
  padding-top:5px;
  padding-bottom:5px;
  color:#531020;
    -webkit-transition: background-color .3s ease-in-out;
  -moz-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
}
.left-menu a:hover{
  display:inline-block;
  border:rgb(234, 217, 202) 4px double;
  background:#B52B35 url('/img/bul.svg') no-repeat left center;
  background-size:30px;
  text-decoration: none;
  font-size: 0;
}
.left-menu a:hover:after {
    content: attr(data-btn-alt);
    font-size:16px;
    word-wrap: break-word;
  color:#E6CEB9;
}
.navbar-nav > li > a{
  padding-top:6px;
  padding-bottom:6px; 
}
.nav span{
  color:#E6CEB9;
}


@media handheld,only screen and (max-width:48em) {

.navbar-toggle{
    background:#B6383F;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background:#531020;
     border-color: #531020;
}
.langviches{
    right:0px;
  }
.navbar{
       background:none;
}
.navbar-inverse .navbar-toggle {
    border-color: #B6383F;
}
.navbar-collapse{
    background:#B6383F;
  }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
   border-color: #B6383F;
  }


.navbar-collapse{
  position:absolute;
  z-index:30000;
  width:100%;
  top:80px;
  left:0px;
}
}