* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    body {
      font-family: 'Open Sans', sans-serif!important;
      padding: 32px;
      background: #FAF6EF;
      color: #333333;
	  
    }
      /* Custom container */
      .container {
        margin: 0 auto;
        max-width: 1000px;
      }
      .container > hr {
        margin: 60px 0;
      }






      /* Customize the navbar links to be fill the entire space of the .navbar */
      .navbar .navbar-inner {
        padding: 0;
      }
      .navbar .nav {
        margin: 0;
      }
      .navbar .nav li {
        display: table-cell;
        width: 1%;
        float: none;
      }
      .navbar .nav li a {
        font-weight: normal;
        text-align: center;
        border-left: 1px solid rgba(255,255,255,.75);
        border-right: 1px solid rgba(0,0,0,.1);
      }
      .navbar .nav li:first-child a {
        border-left: 0;
        border-radius: 3px 0 0 3px;
      }
      .navbar .nav li:last-child a {
        border-right: 0;
        border-radius: 0 3px 3px 0;
      }
	  .navbar .nav li.active a {
        font-weight: bold;
		}
		.dropdown.open ul li{
		    display: block;
    width: 100%;
    text-align: left;
		}
		.dropdown.open ul li a{
		    
    text-align: left;
		}
		
.masthead{
	text-align: center;
	margin: -20px auto 30px auto;
}
.masthead p{
letter-spacing: 2px;
    font-size:14px;
    color: #666;
	margin:20px auto;
}

.masthead h1{
	font-family: 'Playfair Display', serif;
      font-size:48px;
      margin:0 0 50px 0;
	      padding: 5px 0 10px 0;
}

	
.featured{
    border: 1px solid #222;
    margin: 0 auto;
    margin-bottom: 2rem;
}
.featured img{
	   
	    text-align: center;
    display: block;
    margin: 0 auto;
	    
		transition-duration:1s;
}
.featured img:hover{
	opacity:0.7;
	transition-duration:1s;
}
.featured p{
	    padding: 1rem;
}
.featured p a{
	    margin-bottom: 15px;
}
.featured p.post_date{
	float: left;
}
.featured h4{
	display: inline-block;
    background: white;
    padding: 0.4rem 1rem;
    font-weight: bold;
    letter-spacing: 1px;
    border: 1px solid #111;
    position: relative;
    top: -1.7rem;
    left: -0.7rem;
}

.navbar{
	    margin-bottom: 40px;
	    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
	border-radius:0;
	    min-height: auto;
}

.navbar-inner{
	background:none;
	border:none;
	box-shadow:none;
}
p.more-posts{
	display:block;
	margin:0 auto;
	text-align: center;
}

.navbar .nav > li > a{
	padding: 10px 0px 10px!important;
	}
.blog_post .image{
	text-align:center;
}
.blog_post .image img{
	max-width:50%;
}

.blok_img img.thickbox{width:75px;}
.blok_img{display:inline-block;}
.blok_img a{vertical-align:top;}

.mobile{display:none;}


  /* Landscape - телефоны */
  @media (max-width: 480px) { 

  }
 
/* От ландшафтного экрана телефона до потретного планшета */
@media (max-width: 767px) {
	.mobile{display:block;}
	.masthead{
		margin-top: 50px;
	}
	.masthead p{
		   margin: 40px auto 0px auto;
	}
	.masthead h1{
		font-size:35px;
		margin:0 auto;
	}
	.navbar{display:none;}
	
	.featured p a{margin-top:-15px;}
	
.mobile div {
    display: block;
    position: fixed;
    bottom: 16px;
    right: 16px;
    background-color: #337AB7;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    z-index: 9999999;
    border: 4px solid #BFE2FF;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    box-sizing: content-box;
}
.mobile div span {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 4px;
    background-color: #fff;
    border-radius: 13px;
    transition-duration: .4s;
}
.mobile div span:nth-child(1) {
    top: 14px;
}
.mobile div span:nth-child(2) {
    top: 23px;
}
.mobile div span:nth-child(3) {
    bottom: 14px;
}
.mobile div.active span:nth-child(1) {
    transform: translate(-15px, 9px) rotate(-45deg);
}
.mobile div.active span:nth-child(2) {
    transition-duration: 0s;
    opacity: 0;
}
.mobile div.active span:nth-child(3) {
    transform: translate(-15px, -9px) rotate(45deg);
}

.mobile.open {
    background-color: rgba(0, 0, 0, 0.9);
    width: 100vw;
    height: 100vh;
    left: 0px;
    top: 0px;
    border-radius: 0;
	position: fixed;
    z-index: 9999990;
    transition-duration: .4s;
    display: block;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
 
.mobile nav.open {
    
    width: 100vw;
    height: 100vh;
    
    border-radius: 0;
	
    z-index: 9999990;
    transition-duration: .4s;
    display: block;
    align-items: center;
    justify-content: center;
    overflow: scroll;
}
.mobile nav ul {
    display: none;
}

.mobile nav ul.show {
	display: block;
	width: 100%;
    list-style: none;
    margin: 0;
    padding: 20px;
}

.mobile nav ul.show ul {
	margin-left:20px;
}

.mobile ul li {
    display: block;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    width: 100%;
    opacity: 0;
    animation-name: fadein;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
.mobile ul li:not(:last-child) {
    margin-bottom: 22px;
}
.mobile ul li a {
    font-size: 22px;
    text-decoration: none;
    color: #fff;
}
@keyframes fadein {
    0% {
        opacity: 0;
         
    }
    100% {
        opacity: 1;
    }
}
}
 
  /* От портретного планшета до ландшафтного экрана и настольных дисплеев */
  @media (min-width: 768px) and (max-width: 979px) {
.navbar{display:none;}
  }
 
  /* Большой дисплей */
  @media (min-width: 1200px) { 

  }
  
  
  
.mobile div {
    display: block;
    position: fixed;
    top: 5px;
    right: 5px;
    background-color: #337AB7;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    z-index: 9999999;
    border: 4px solid #BFE2FF;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    box-sizing: content-box;
}
.mobile div span {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 4px;
    background-color: #fff;
    border-radius: 13px;
    transition-duration: .4s;
}
.mobile div span:nth-child(1) {
    top: 14px;
}
.mobile div span:nth-child(2) {
    top: 23px;
}
.mobile div span:nth-child(3) {
    bottom: 14px;
}
.mobile div.active span:nth-child(1) {
    transform: translate(-15px, 9px) rotate(-45deg);
}
.mobile div.active span:nth-child(2) {
    transition-duration: 0s;
    opacity: 0;
}
.mobile div.active span:nth-child(3) {
    transform: translate(-15px, -9px) rotate(45deg);
}

@keyframes fadein {
    0% {
        opacity: 0;
         
    }
    100% {
        opacity: 1;
    }
}