/* Делаю макет */
body,html{min-height:100%;height:100%; margin:0; padding:0; background: #e4e4e2;}
body{font:14px cambria, Arial; color:#222; text-align:justify; line-height: 1.2;}
a {text-decoration: none; color:#222; }
H2 {font:bold 15px cambria, Arial; margin:5px 10px;}
img {object-fit: cover; border-radius:5px; transition: opacity 0.3s;}

.pn {float:right;  font: 11px cambria,"Comic Sans MS",Arial; padding:0 10px 0 18px; margin:0px;}
.np {float:right; font: 11px cambria,"Comic Sans MS",Arial; padding:0px 0px 0 18px; margin:3px;}
.hov:hover { background: url(../img/T1.png);}
.avtor {background: url("../img/011.png") no-repeat;}
.prosm {background: url("../img/012.png") no-repeat;}
.com { background: url("../img/013.png") no-repeat;}
.red{color:#ff0000} 
.R1{float:left; width:100%; margin:5px 0;text-align:center;} 
.R1 img {width:100%;}  
.telo {min-height:600px;} 

/* Большие экраны */
@media screen and (min-width: 1210px) {
article {background: #f8f8f8 url(../img/wr.webp) center top repeat; width: 1190px; margin: 0 auto; padding: 10px; min-height:100px;}
/* Блок 1 тОЛЬКО НА ГЛАВНОЙ*/
.bloc01 { position: relative; overflow: hidden; max-width: 100%; margin:10px 0; padding:5px; background: #e4e4e2;}
.bloc011 { float:left; width:50%;}
.bloc011 img {width:100%;}
.bloc012 { float:left; width:40%; text-align: left; margin:30px; font:italic 20px cambria, Arial; color:#222; letter-spacing:1px;
            line-height: 35px;}
.bloc012 h3{text-align: center; margin:10px; font:italic bold 24px cambria, Arial;}     
}
/* Очень маленькие экраны*/
@media (min-width: 885px) and (max-width: 1209px) {
article {background: #f8f8f8 url(../img/wr.webp) center top repeat; max-width: 1190px; margin: 0 auto; padding: 10px; min-height:100px;}  
.fbloc-l {float:left; width:100%; height:300px;}
.fbloc-r {float:left; width:48%; margin:5px; text-align:center;} 
/* Блок 1 тОЛЬКО НА ГЛАВНОЙ*/
.bloc01 { position: relative; overflow: hidden; max-width: 100%; margin:10px 0; padding:5px; background: #e4e4e2;}
.bloc011 { float:left; width:50%;}
.bloc011 img {width:100%;}
.bloc012 { float:left; width:40%; text-align: left; margin:30px; font:italic 20px cambria, Arial; color:#222; letter-spacing:1px;
            line-height: 35px;}
.bloc012 h3{text-align: center; margin:10px; font:italic bold 24px cambria, Arial;} 
}

/* Планшеты*/
@media (min-width: 450px) and (max-width: 884px) {
article {background: #f8f8f8 url(../img/wr.webp) center top repeat; max-width: 884px; margin: 0 auto; padding: 10px; min-height:100px;}  
/* Блок 1 тОЛЬКО НА ГЛАВНОЙ*/
.bloc01 { position: relative; overflow: hidden; max-width: 100%; margin:10px 0; padding:5px; background: #e4e4e2;}
.bloc011 { float:left; width:100%;}
.bloc011 img {width:100%;}
.bloc012 { float:left; width:90%; text-align: left; margin:30px; font:italic 20px cambria, Arial; color:#222; letter-spacing:1px;
            line-height: 35px;}
.bloc012 h3{text-align: center; margin:10px; font:italic bold 24px cambria, Arial;} 


}   

/* От 450*/
@media screen and (min-width: 450px){
/* Полная новость со всемы вытекающими */
.fullstory{width:98%; border:#666 1px solid; margin-bottom:10px; font-size:16px; padding:2px 10px; box-shadow:0 10px 6px -6px #777}
.fullstory a{color:#1A2E54}
.fullstory a:hover{color:#000}
.fulltekst img{width:40%; margin:10px;}
.fullstory h1{margin:0; padding:0; font:bold 22px cambria, Arial;}
.fullstory h2{margin:0; padding:0; font:bold 20px cambria, Arial;}
.fullstory h3,h4,h5,h6{margin:0; padding:0; font:bold 18px cambria, Arial;}
.fullstory-info{border-bottom:#7e7e7e 1px dotted; margin:10px 0}
.fullstory table{width:100%; border-collapse:collapse;  margin:0px;}
.fullstory table tr:nth-child(2n){background:#D6D6D6}
.fullstory table td{padding:10px; border:1px solid #eee; line-height:15px; }
.xfieldimagegallery{ margin:0;  padding:0;  list-style:none;  clear:both}
.xfieldimagegallery li{list-style:none; margin:5px; padding:0}
.xfieldimagegallery li img{ float:left;  margin-right:2px; height:150px; width:24%; border:3px solid #fff}
.xfieldimagegallery li img:hover{ box-shadow:0px 0px 7px rgba(0,0,0,0.4)} 
/* Подвал */    
footer{background:#0b2538; width:100%; color:#D6D6D6; font-size:12px; text-align: center; }
footer a{color:#D6D6D6; font:italic 12px Arial;}
footer a:hover{color:#000;}
.foot-l {float:left; width:65%; padding:10px;} 
.foot-l a{margin:3px; padding:0 3px; border:1px #D6D6D6 solid; border-radius: 3px; line-height: 2;} 
.foot-l a:hover{background:#D6D6D6;}    
.foot-r {float:left; width:30%; padding:10px;}     
}




/* Мобилы*/
@media screen and (max-width: 449px) {
article {background: #f8f8f8 url(../img/wr.webp) center top repeat; max-width: 449px; margin: 0 auto; padding: 10px; min-height:100px;}  
/* Полная новость со всемы вытекающими */
.fullstory{max-width: 449px; margin-bottom:10px;  }
.fullstory a{color:#1A2E54}
.fullstory a:hover{color:#000}
.fulltekst img{width:100%; margin:10px 0;}
.fullstory h1{margin:0; padding:0; font:bold 20px cambria, Arial;}
.fullstory h2{margin:0; padding:0; font:bold 18px cambria, Arial;}
.fullstory h3,h4,h5,h6{margin:0; padding:0; font:bold 18px cambria, Arial;}
.fullstory-info{border-bottom:#7e7e7e 1px dotted; margin:10px 0}
.fullstory table{width:100%; border-collapse:collapse;  margin:0px;}
.fullstory table tr:nth-child(2n){background:#D6D6D6}
.fullstory table td{padding:10px; border:1px solid #eee; line-height:15px; }
.xfieldimagegallery{ margin:0;  padding:0;  list-style:none;  clear:both}
.xfieldimagegallery li{list-style:none; margin:5px; padding:0}
.xfieldimagegallery li img{ float:left;  margin-right:2px; height:100px; width:22%; border:3px solid #fff}
.xfieldimagegallery li img:hover{ box-shadow:0px 0px 7px rgba(0,0,0,0.4)} 
/* Подвал*/
footer{background:#0b2538; max-width: 449px; color:#D6D6D6; font-size:12px; text-align: center; }
footer a{color:#D6D6D6; font:italic 12px Arial;}
footer a:hover{color:#000;}
.foot-l {float:left; width: 96%; padding:10px;} 
.foot-l a{margin:3px; padding:0 3px; border:1px #D6D6D6 solid; border-radius: 3px; line-height: 2;} 
.foot-l a:hover{background:#D6D6D6;}    
.foot-r {float:left; width: 96%; padding:10px;} 
/* Блок 1 */
.bloc01 {position: relative; overflow: hidden; max-width: 100%; margin:10px 0; padding:5px; background: #e4e4e2;}
.bloc011 { float:left; width:100%;}
.bloc011 img {width:100%;}
.bloc012 { float:left; width:90%; text-align: left; margin:30px; font:italic 20px cambria, Arial; color:#222; letter-spacing:1px;
            line-height: 35px;}
.bloc012 h3{text-align: center; margin:10px; font:italic bold 24px cambria, Arial;}    
}






































/* Для всех версий */



/* Теги */
.tags {line-height: 1.5;height: 17px;border: 1px solid #d4d4d4;border-radius: 3px; padding: 5px; background: #f8f9fa;margin:0 5px 5px 0;color: #222;font:italic 10px Arial;}
.tags a{}

/* Навигация по страницам */

/* Файлы */
.attachment {line-height: 3;height: 17px;border: 1px solid #d4d4d4;border-radius: 3px; padding: 5px; background: #f8f9fa;margin:0 5px 5px 0;
        color: #222;font:italic 14px Arial;}
.attachment a{color: #A60400;}
































/* Слайдер */
.slider { position: relative; overflow: hidden; width: 100%; height:400px;}
.slider__wrapper { position: relative;  overflow: hidden; }
.slider__items { display: flex; transition: transform 0.6s ease;  }
.slider__item {flex: 0 0 100%;max-width: 100%;}
.slider__control {
      position: absolute;
      top: 50%;
      display: none;
      align-items: center;
      justify-content: center;
      width: 40px;
      color: #fff;
      text-align: center;
      opacity: 0.5;
      height: 50px;
      transform: translateY(-50%);
      background: rgba(0, 0, 0, 0.5); }
.slider__control_show {display: flex;}
.slider__control:hover,
    .slider__control:focus {color: #fff;text-decoration: none;outline: 0;opacity: 0.9;}
.slider__control_prev {left: 0;}
.slider__control_next {right: 0;}
.slider__control::before {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background: transparent no-repeat center center;
      background-size: 100% 100%;
    }
.slider__control_prev::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    }
.slider__control_next::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    }
.slider__indicators {
      position: absolute;
      right: 0;
      bottom: 10px;
      left: 0;
      z-index: 15;
      display: flex;
      justify-content: center;
      padding-left: 0;
      margin-right: 15%;
      margin-left: 15%;
      list-style: none;
      margin-top: 0;
      margin-bottom: 0;
    }

.slider__indicators li {
      box-sizing: content-box;
      flex: 0 1 auto;
      width: 30px;
      height: 4px;
      margin-right: 3px;
      margin-left: 3px;
      text-indent: -999px;
      cursor: pointer;
      background-color: rgba(255, 255, 255, 0.5);
      background-clip: padding-box;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent; }
.slider__indicators li.active {background-color: #fff;}
.slider__item {height: 400px;position: relative;}







































/* Карусель */
.crsl-items { display: block; padding: 10px 0;}
.crsl-items H3{width:100%; font:bold 26px cambria, Arial; color:#222; text-align:center; }
.crsl-item {  background: #fff; padding: 0px;
  -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  box-shadow: 0 2px 3px rgba(0,0,0,0.4);
    

}

.crsl-item .thumbnail { display: block; position: relative; margin-bottom: 10px; cursor: pointer; }
.crsl-item .thumbnail img { 
  display: block; /* fix 1px image space http://stackoverflow.com/q/5804256/477958 */
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear; width: 100%;}
.crsl-item .thumbnail:hover img { opacity: 0.8; }

.crsl-item h3 { margin-bottom: 12px;  font:bold 20px cambria, Arial; color:#222; text-align:center; line-height: 2; }
.crsl-item h3 a { text-decoration: none; color: #333; }
.crsl-item h3 a:hover {  text-decoration: underline; }

.crsl-item .postdate {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 6px;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
  font-size: 1.2em;
  font-weight: bold;
  background: #4e90da;
}

.crsl-item p {
  font-size: 1.2em;
  line-height: 1.55em;
  margin-bottom: 5px;
}

.crsl-item p.readmore a {
  display: block;
  float: right;
  color: #4e90da;
  padding: 3px 5px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.crsl-item p.readmore a:hover {
  background: #4b6caa;
  color: #fff;
}


/** posts slider nav **/
.slidernav {
  display: block;
  text-align: center;
  margin-bottom: 5px;
}

.slidernav a {
  display: inline-block;
  padding: 5px 8px;
  margin-right: 8px;
  font-size: 1.4em;
  background: #fff;
  color: #666;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
  box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
}
.slidernav a:active {
  -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
  box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}


/** media queries **/
@media screen and (max-width: 660px) {
  h1 { font-size: 2.4em; line-height: 1.2em; }
  
  .crsl-item h3 { font-size: 1.65em; }
}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }















/* Короткая новость*/
.shortstory{width:99%; font-size:18px; border:#dfdfe6 1px solid; padding: 5px;}
.shortstory img{display: none }
.shortstory-info{width:100%;}
.shortstory h2{font-size:20px;margin:3px 0;}





/* Мои + информер */
.sport {width:300px; display:none;}
.sport a {display:none;}
.informer {overflow:hidden;border-top:1px solid #ccc; width:290px; padding: 0 5px; }
.informer h2 a { color:#000; padding:0; margin:0px; font-size:12px}
.informer img{ width:50px; height:50px; float:left; margin:5px; }
.informer span.informer-text{ font-size:10px; font-weight:normal; color:#000;  }