@import url('//fonts.googleapis.com/css?family=Roboto:300,400,700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
/*@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');*/
@import url('//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css');

* { outline:0 !important; border-radius:0 !important; }
.img-circle { border-radius:50% !important; }
.badge { border-radius:10px !important; }

body { background:#fff; color: #333; font: 300 17px/1.6em 'Roboto', Helvetica, Arial, sans-serif; margin-top:70px; color:#444; }

b { font-weight: 400; }
strong { font-weight: 700; }
mark, .mark { background:#ccc; padding:0.05em 0.25em; }
pre { font-size: 0.8em; line-height: 1.4em; }

.big.lead mark {
/*display:inline-block;
padding:1em;*/
}
@media (max-width: 992px) {
  .big.lead mark { font-size:21px; }
}  
.animIfView {
position:relative;
-webkit-animation: fadeintext 1s linear 0s 1 both;
-moz-animation: fadeintext 1s linear 0s 1 both;
animation: fadeintext 1s linear 0s 1 both;
backface-visibility: hidden;
}

@-webkit-keyframes fadeintext {
  0% {
   opacity: 0;
   top:20px;
  }
  50% {
   opacity: 0;
   top:20px;
  }
  100% {
   opacity: 1;
   top:0;
  }
}
@-moz-keyframes fadeintext {
  0% {
   opacity: 0;
   top:20px;
  }
  50% {
   opacity: 0;
   top:20px;
  }
  100% {
   opacity: 1;
   top:0;
  }
}
@keyframes fadeintext {
  0% {
   opacity: 0;
   top:20px;
  }
  50% {
   opacity: 0;
   top:20px;
  }
  100% {
   opacity: 1;
   top:0;
  }
}

.connectedPost {
padding:1em 0;
margin:1em 0;
width:100%;overflow:hidden;
background:#aaa;
color:#333;
position:relative;
}
.connectedPost a, .connectedPost a:visited { color:#000; }
.connectedPost h5 { margin:0.5em 0 1em 0; }
.connectedPost small { font-size:0.85em; line-height:1.5em; display:inline-block; }
.connectedPost img { max-width:100%; }

/*
.connectedPost:before {
content: "READ MORE";
font-weight:bold;
display:inline-block;
position:absolute;
top:0;right:0;
z-index:1;
background:red;color:white;
padding:.15em 1em;
text-align:center;
X-transform: rotate(-90deg);
}
*/

a { color:#AAAABB; }
/*a, a:visited:not(.btn) { color:#AAAABB; }*/
a:hover, a:focus { color:#000; }
.vam { vertical-align:middle; }

article img, article iframe { max-width:100%; }  

h1 span#project { background:#F26531; color:#fff; padding: 0.1em 1em; }

article h3 { font-size: 1.4em; font-weight:400; margin:1.2em 0 1em; }
article h4 { font-size: 1.2em; font-weight:400; color:#000; margin:1.5em 0 1em; }
article h5 { font-size: 1.1em; font-weight:400; color:#777; margin:1.5em 0 1em; }
article h6 { font-size: 1.0em; font-weight:400; }

article h3, article h4, article h5, article h6, article h7 { line-height:1.3em; }

/*article h2 .glyphicon, article h3 .glyphicon { line-height: 1em; top:0.2em; display:inline-block; }*/

blockquote { margin:2em 0; font-style: italic; }
blockquote small { font-style: normal; line-height:1.5em; margin-top:0.5em; }

/*
blockquote:before {
content:"\"";
font-style: normal;
color:#EEE;
font-weight:700;
font-size:5em;
line-height:0;
position:relative;
top:0.28em;
}
*/

.navbar-fixed-top, .navbar-default {
border:0;
/*box-shadow:1px 1px 5px #999;*/
background:white;
}

.navbar .dropdown-menu {
font-size:0.9em;
}

#navbar ul.navbar-nav:not(.navbar-right) > li:first-child { border-left:1px solid #eee; }
.recom h3 { margin: 0; }
.linkContainer { border: 0; }
.page-type-sound article iframe { width:100%;height:450px;border:none; }
.page-type-video article iframe { width:100%;min-height:100px;border:0; }
.page-type-text article .abstract { font-size:1em; line-height:1.5em;font-weight:400; }
.w64 { width:64px; }
.postAuthor.vcard { border-top:5px solid #eee;overflow:hidden; }
.postAuthor picture { margin-top:2em;display:block; }

.btn-def2 { background:#DDD; border-color:#CCC; }
.form-control:focus { border-color:#ccc; box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(128,128,128, 0.4); }

img.logo {
background: transparent;
padding:4px 8px 4px 10px;
height:47px;
width:53px;
border-radius:3px;
display:inline-block;
margin-top:-13px;
vertical-align:top;
}
h1:hover img.logo { opacity:0.85; }
.navbar-inverse .navbar-brand { color: white; }
h1:hover .navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand:hover { color: white; opacity:0.85; }

.alert-info a { font-weight:bold; }

.jumbotron { margin-top:-1.5em; }

@media (max-width: 992px) {
  .jumbotron .text-left {
    text-align: center;
  } 
}

.recom .picitem { width:100%; }

/* aside */

.popularPost .pull-left {  margin:0 0.5em 0 0; }

@media (min-width: 992px) { 
aside { border-left:1px solid #eee; }
aside section { padding-left:10px; }
}

aside h3 { line-height:1.6em; margin-bottom:1em; }
aside #about > h3 { margin-top:2em; }
aside #about .img-responsive { width:100%; max-width:256px; margin:0 auto 1em auto; }
aside hr { margin: 2em 0 1em 0; }
.tags .btn-sm { margin-bottom:.25em; }
aside .list-group-item { border:0; } 

/* read indicators */

#readInd { position: fixed; z-index:1040; left:0; width:100%; height:3px; color:red; top:0; }

#scrollInd {
position: fixed;
right:0; top:0;
background:rgba(0,0,0,0.25);
display:block;
text-align:center;
width:3em;
opacity:0.5;
z-index:100;
}
#scrollInd a {
display:block;
text-align:center;
font-size:2em;
text-decoration:none;
outline:none;
color:black;
}

#scrollInd span { font-weight:bold; }

#browserupgrade, #nojs {
text-align:center;
z-index:2000;
width:100%;
margin: 0;
background: #FBDC00;
color: #332C00;
padding: 0.5em 0;
}

/*  warnings */

#nojs { background: #FFC20E; }
#browserupgrade a, #browserupgrade a:visited, #nojs a, #nojs a:visited { color:#286090; }

.w160 { width:160px; }
.w240 { width:240px; }
.w320 { width:320px; }
.mt15e { margin-top:1.5em; }
.btn-muted2 { background:lightgray; color:gray; }
.pager .actualPage { text-align:center;line-height:1em;width:35%;display:block;margin:0 auto; padding:.85em 0; font-size:0.75em; }
.pager .previous a::before { content: '\2190'; margin-right: .3em; }
.pager .next a::after { content: '\2192'; margin-left: .3em; }    
@media (max-width: 767px) {
.pager .actualPage { display:none; }
}

/* ------ pwd checker js ---------------- */

#pw-check { padding:0; line-height:1.5em; height:1em; width:100%; clear:both; display:block; margin:-0.25em auto 1.5em; text-align:center; }
#pw-check:after { content:""; clear:both; }

#pw-check ul { border:0; margin: 0; padding:0; list-style-type:none; text-align:center; }
#pw-check ul li { display:block; float:left; text-align:center; margin:0; width:33.33%; }
#iWeak,#iMedium,#iStrong { color:#ADADAD; text-align:center; padding:2px; background-color:#F1F1F1; display:block; }
#iWeak,#iMedium { border-right:solid 1px #CCCCCC; }
#iMedium,#iStrong { border-left-width:0; }
div.strong #iWeak, div.strong #iMedium, div.strong #iStrong { background: #449D44; color: #449D44; } /* strong */
div.medium #iWeak, div.medium #iMedium { background: #FFFF00; color: #FFFF00; } /* medium  */
div.weak #iWeak { background: #C9302C; color: #C9302C; } /* weak */
div.strong #iStrong { color:#fff; }
div.medium #iMedium { color:#000; }
div.weak #iWeak { color:#fff; }

/* ---- galery common ---- */

.galery {
margin-top:1em;
margin-bottom:1em;
background:white;
overflow:hidden;
text-decoration:none !important;
display:flex;
justify-content:center;
align-items: center;
position:relative;
}

.galery.border {
border: 1px solid #ddd;
border-radius: 4px;
padding: 4px;
}

.page-type-page article img,
.page-type-text article img { max-width:100% !important; }

.page-type-page article img,
.page-type-text article img,
picture img, 
.picitem img {
 -moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;

/*
filter: gray;
filter: grayscale(100%);
-webkit-filter: grayscale(1);
*/

/*filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");*/

}

picture img:hover, picture img:focus, picture img:active,
.galery:hover img, .galery:focus img, .galery:active img {
 -moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
/*-webkit-filter: none;
filter: none;*/
}

.page-type-page article img:hover, .page-type-page article img:focus, .page-type-page article img:active,
.page-type-text article img:hover, .page-type-text article img:focus, .page-type-text article img:active {
-webkit-filter: none;
filter: none;
}

/* gal1 */

.galery.galery1 {
}

.galery.galery1 img {
max-width:100%;
max-height:400px;
display:table;
margin:0 auto;
}
.galery.galery1 .nmh img {
max-height:inherit;
}

.galery.galery1 .picitem:after  {
/*content:"+";*/
font:bold 120px/1em Courier;
display:flex;
position:absolute;
top:0;left:0;
width:100%;
height:100%;
color:rgba(255,255,255,0.75);
justify-content:center;
align-items:center;
}

.galery.galery1 .picitem:hover:after  {
color:rgba(255,255,255,0.25);
text-shadow: none;
font-size:180px;
}

/* gal2 */

.galery.galery2 {
display:flex;
flex-flow: collumn wrap;
background-color: #fff;
}

.galery.galery2 .picitem {
position:relative;
display:flex;
overflow:hidden;
justify-content:center;
align-items: center;
width:50%;
max-height:400px;
flex: 0 0 50%;
}

.galery.galery2 .picitem.nmh {
max-height:inherit;
}

.galery.galery2 .picitem:nth-child(2n):after  {
content:"+1";
font-weight:bold;
display:flex;
position:absolute;
top:0;left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.70);
color:rgba(255,255,255,0.5);
justify-content:center;
align-items:center;
font-size:72px;
}

.galery.galery2 .picitem:nth-child(2n):hover:after  {
background:rgba(0,0,0,0.25);
color:rgba(255,255,255,0.25);
font-size:96px;
}

.galery.galery2 .picitem:nth-child(2n) {
width:100%;
border-left:1px solid white !important;
}

.galery.galery2 img {
width:100%;
display:flex;
justify-content:center;
align-items:stretch;
flex-shrink: 0;
margin:0 auto;
}


/* gal3 */

.galery.galery3 {
display:flex;
flex-flow: row wrap;
background-color: #fff;
}

.galery.galery3 .picitem {
position:relative;
display:flex;
overflow:hidden;
}

.galery.galery3 .picitem:nth-child(3n) span  {
display:flex;
position:absolute;
top:0;left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.70);
color:rgba(255,255,255,0.5);
justify-content:center;
align-items:center;
font-weight:bold;
font-size:60px;
}

.galery.galery3 .picitem:nth-child(3n):hover span {
background:rgba(0,0,0,0.25);
color:rgba(255,255,255,0.25);
font-size:72px;
}

.galery.galery3 img {
min-width:100%;
/*height:100%;*/
height:auto;
display:flex;
justify-content:center;
align-items:center;
margin:0 auto;
}

.galery.galery3 .picitem {
display:none;
overflow:hidden;
}

.galery.galery3 .picitem:nth-child(1) img {
}

.galery.galery3 .picitem:nth-child(1) {
position:relative;
justify-content:flex-start;
align-items: center;
height:100%;
width:100%;
display:flex;
max-height:400px;
}
.galery.galery3 .picitem:nth-child(2) {
border-top:1px solid white;
justify-content:flex-end;
align-items: center;
width:50%;
display:flex;
max-height:200px;
}
.galery.galery3 .picitem:nth-child(3) {
border-top:1px solid white;
border-left:1px solid white;
justify-content:flex-end;
align-items: center;
width:50%;
display:flex;
max-height:200px;
}

/* --- eof gals --- */

.type-preview {
position:relative;
display:flex;
}
/*
.type-video:after, .type-sound:after {
z-index:1;
position:absolute;
display:flex;
justify-content:center;
align-items:center;
left:50%;
top:50%;
font-family: "FontAwesome";
content: "\f16a";
color:white;
color:rgba(255,255,255,0.5);
font-size:5em;
margin-left:-.5em;
}
.type-sound:after {
content: "\f1be";
}
*/
.type-preview .type-icon {
z-index:1;
position:absolute;
display:flex;
justify-content:center;
align-items:center;
left:50%;
top:50%;
color:white;
color:rgba(255,255,255,0.5);
font-size:5em;
line-height:1em;
margin:-.5em 0 0 -0.75em;
vertical-align:middle;
}

/* -- ADMIN -- */

body.page-admin { margin-top:0; }
body.page-admin .page-header { margin-top:-0.25em; }
body.page-admin .breadcrumb { margin-top:-1.25em; }
body.page-admin fieldset { padding-top:1em; margin-bottom:1em; }
body.page-admin .list-group-sortable .fa-arrows-alt:hover { cursor:move; }
body.page-admin h2 span { vertical-align: middle; }
body.page-admin .charStat { margin:-0.35em 0 -2em 0; }
body.page-admin .charStat .panel-heading, body.page-admin .charStat .panel-body { margin:0; padding:5px 1em; }
body.page-admin #galeryItems .list-group-item { padding:5px 0; } 

/* -- print -- */

@media print {

  a,a:visited {text-decoration:none;color:#333 !important;}
  a[href]:after {content:"";}
  abbr[title]:after {content:"";}
  a[href^="#"]:after,a[href^="javascript:"]:after {content:"";}
  form { display:none; }
  img { page-break-inside: aviod !important; }
  h2, h3 { page-break-before: avoid; page-break-inside: avoid; }
  
  html, body, .container { width:100% !important; max-width:100% !important; margin:0; }
  .navbar { display:inherit; max-width:100% !important; border:0; margin:0; position:static; margin:0; }
  #navbar, .navbar-nav, .navbar-toggle { display:none; }
  .navbar-header { width: 90% !important; max-width:90% !important; text-align:center; margin:2em auto 1em !important; display:block !important; position:static !important; float:none; }
  .navbar-header:after { content:""; clear:both; float:none; }
  .navbar-brand { display:inline-block !important; margin: 0 auto !important; padding:1em; transform:scale(2,2); width:100% !important; max-width:100% !important;  float:none; }
  .logo { float:none; }
  .breadcrumb { clear:both; margin:1em 1em 0; }
  .page-header { margin:2em 0.5em; clear:both; display:block; content:""; overflow:hidden; }
  blockquote { border:0; color:#555 !important; }
  .pbr1 { page-break-before: always; }

}

/* -- adult alert -- */
.adultAlert {
display: flex;
align-items: center;
position:fixed;
top:0;left:0;
width:100%;
height:100%;
z-index:999999;
background:#FFFFFF;
background:rgba(255,255,255,0.99);
text-align:center;
}
.adultAlert .adultContent {
display:table;
vertical-align:middle;
float: none;  
height:auto;
text-align:center;
}

/* --- blink --- */

.blink_me {
    animation-name: blinker;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

/* --- under construction --- */
.underc::after {
content: 'UNDER CONSTRUCTION UNDER CONSTRUCTION UNDER CONSTRUCTION UNDER CONSTRUCTION UNDER CONSTRUCTION UNDER CONSTRUCTION';
font: bold 36px/1em Arial,Helvetica,sans-serif;
margin:0 0;padding:0.5em;
background:#FFDE02;
border:1px solid #FFDD00;
color:black;
text-align:center;
display:block;
position: absolute;
width:100%;
top:0;left:-35%;
white-space: nowrap;
letter-spacing:-3px;
word-spacing: 5px;
overflow:hidden;
z-index:99999999;
text-indent:-3em;
box-shadow:0px 0px 15px rgba(0,0,0,0.5);
transform: rotate(-55deg);
}

@media (max-width: 992px) {
  .underc::after{ transform:scale(0.75,0.75) rotate(-70deg); top:-5%; left:-90%; width:200%; }
}

/*EOF*/