@charset "UTF-8";
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes fade-75 {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 0.75;
  }
}
@keyframes circle-1 {
  0%, 100% {
    margin-left: 100px;
    margin-top: 0px;
  }
  75% {
    margin-left: -100px;
    margin-top: 20px;
  }
  25% {
    margin-left: 0px;
    margin-top: 100px;
  }
}
@keyframes circle-2 {
  0%, 100% {
    margin-left: -100px;
    margin-top: -10px;
  }
  75% {
    margin-left: 100px;
  }
  25% {
    margin-left: 0px;
    margin-top: -60px;
  }
}
@-webkit-keyframes spin-right {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-left {
  0% {
    transform: rotate(360deg);
  }
}
.top {
  background: #3c8cc2;
}

.tile {
  max-width: 100%;
  padding: 0;
  /*margin: 0 0 2.5rem;*/
  margin: 0 0 0.1rem;
  position: relative;
  overflow: hidden;
  display: block;
  z-index: 1;
  background-size: cover;
  background-position: center center;
  min-height: 200px;
  max-height: 400px;
  height: 30vw;
  border-radius: 10px;
}

.tile a {
  display: block;
  position: relative;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  transition: background 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.tile label,
.tile .img-title {
  display: block;
  position: absolute;
  z-index: 2;
}

.tile label {
  background: rgba(200, 200, 200, 0.4);
  color: white;
  font-weight: 100;
  padding: 0 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0.9;
  text-shadow: 0px 0px 1px #777;
  border-radius: 20px;
  top: 10px;
  left: 10px;
}

.tile .img-title {
  left: 0;
  bottom: 0;
  padding: 1.5em 1em 0.8em;
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.45) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.tile a .i_video {
  display: block;
  background-image: url("/web/20180305163244im_/http://rustempo.ru/design/img/i_play_big.png");
  width: 74px;
  height: 74px;
  position: absolute;
  top: calc(50% - 38px);
  left: calc(50% - 32px);
  z-index: 3;
}

aside .tile a .i_video {
  display: block;
  background-image: url("/web/20180305163244im_/http://rustempo.ru/design/img/i_play.png");
  width: 27px;
  height: 27px;
  position: absolute;
  top: calc(50% - 14px);
  left: calc(50% - 14px);
  z-index: 3;
}

.tile .img-title .i_video {
  margin-right: 10px;
  background-image: url("/web/20180305163244im_/http://rustempo.ru/design/img/i_play.png");
  width: 27px;
  height: 27px;
  display: inline-block;
}

.tile:hover .img-title {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.3) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.tile:hover a {
  background: rgba(0, 0, 0, 0);
  transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.tile:hover label {
  opacity: 1;
}

.tile .img-title {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  color: white;
  font-weight: 600;
  text-decoration: none;
  font-size: 2rem;
  /*line-height: 1.2vw;*/
  line-height: 1.2;
}

#clock {
  position: absolute;
  top: 10px;
  left: 100px;
}

.stripes {
  display: block;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 2.5rem;
  list-style: none;
  padding: 0;
}

.stripes li {
  display: block;
  font-size: 1.6rem;
  border-bottom: 1px solid #f1f0f1;
  padding: 0;
  margin: 0;
  overflow: hidden;
  height: 38px;
}

.stripes li:last-child {
  border-bottom: none;
}

.stripes a {
  display: block;
  text-decoration: none;
  color: #212121;
}

.stripes li:hover {
  /*background: rgba(0,0,0,.02);*/
}

.stripes li:hover .title {
  opacity: 0.7;
  text-overflow: clip;
}

.stripes li:hover .img {
  width: 38px !important;
  height: 38px !important;
}

.stripes .img,
.stripes .title {
  /*display: inline-block;*/
  vertical-align: middle;
  /*display: table-cell;*/
}

.stripes .img-wrap {
  width: 38px;
  height: 38px;
  margin-right: 16px;
  /*margin-right: 1.5vw;*/
  float: left;
  text-align: center;
  line-height: 38px;
}

.stripes .img {
  width: 17px;
  height: 17px;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  display: inline-block;
  background-color: silver;
}

.stripes li:nth-child(1) .img {
  width: 38px;
  height: 38px;
}

.stripes li:nth-child(2) .img {
  width: 33px;
  height: 33px;
}

.stripes li:nth-child(3) .img {
  width: 29px;
  height: 29px;
}

.stripes li:nth-child(4) .img {
  width: 25px;
  height: 25px;
}

.stripes li:nth-child(5) .img {
  width: 23px;
  height: 23px;
}

.stripes li:nth-child(6) .img {
  width: 19px;
  height: 19px;
}

.stripes .title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding-top: 7px;
  /*margin-left: 20px;*/
}

.chapter-header::before {
  border-bottom: 1px solid #a8a5a6;
  content: "";
  height: 0;
  left: 0;
  margin-bottom: 2.5rem;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 1;
}

.chapter-header {
  clear: both;
  overflow: hidden;
  padding-top: 1rem;
  margin-bottom: 3.5rem;
  position: relative;
  text-align: center;
  z-index: 1;
}

.chapter-header legend {
  background: white;
  color: #939091;
  border: 1px solid #a8a5a6;
  border-radius: 16px;
  display: inline-block;
  font-size: 1.65rem;
  font-weight: 400;
  line-height: 2.8rem;
  padding: 2px 20px 0;
  position: relative;
  white-space: nowrap;
  z-index: 2;
  margin: 0 auto 0.5rem;
}

.chapter-header h1 {
  background: white;
  display: inline-block;
  font-size: 2.65rem;
  font-weight: 400;
  line-height: 1.2rem;
  padding: 20px 40px 0;
  position: relative;
  white-space: nowrap;
  z-index: 2;
}

.articles {
  overflow: hidden;
  /*border-bottom: 1px solid #e1e1e1;*/
  /*padding-bottom: 5rem;*/
  /*margin-bottom: 5rem;*/
}

.articles article {
  display: inline-block;
  width: 100%;
  margin-bottom: 7rem;
}

.articles article.video figure .img span:before {
  content: " ";
  position: absolute;
  background: url(/web/20180305163244im_/http://rustempo.ru/design/img/i_play_big.png);
  width: 74px;
  height: 74px;
  display: block;
  top: calc(50% - 38px);
  left: calc(50% - 32px);
  z-index: 3;
}

.articles figure {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 1rem;
  position: relative;
}

.articles figure .img {
  position: relative;
  display: block;
  content: "";
  background-size: cover;
  background-position: center center;
  background-color: #eee;
  max-width: 100%;
  box-sizing: border-box;
  margin-bottom: 2.3rem;
  min-height: 200px;
  /*max-height: 300px;*/
  max-height: 240px;
  height: 30vw;
  border-radius: 10px;
}

.articles .title h1 {
  line-height: 0.8;
  margin-bottom: 1.2rem;
}

.articles .title a {
  font-size: 2rem;
  text-decoration: none;
  color: #222;
  transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.articles .title a:hover {
  opacity: 0.6;
  transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.articles time {
  color: #999;
  margin-bottom: 1rem;
  display: block;
}

/*.articles .desc {*/
/*border-bottom: 1px solid silver;*/
/*padding-bottom: 5rem;*/
/*}*/
.half-column:first-child {
  border-right: 1px solid white;
  box-sizing: border-box;
  /*width: calc(50% )*/
}

.half-column {
  width: 50%;
  float: left;
}

.half-column .tile {
  height: 20vw;
  max-height: 300px;
}

.pagination {
  margin-bottom: 2.5rem;
}

.pagination a,
.pagination span {
  padding: 0.3rem 1.4rem;
  text-decoration: none;
  display: inline-block;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 2rem;
  color: #222;
}

.pagination a:hover {
  /*background: #f9f9f9;*/
}

.pagination span {
  color: #ccc;
}

.pagination .next {
  border-right: 1px solid #ddd;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.pagination .prev {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.pagination .current,
.pagination a:hover {
  /*background: #3c8cc2;*/
  /*color: white;*/
  background: #f3f3f3;
  /*color: gray*/
}

.ad {
  /*text-align: center;*/
  /*background: #eee;*/
  /*padding: 1rem 1rem 0 1rem;*/
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ccc;
  border-radius: 20px;
  padding: 3rem 0;
  text-align: center;
  /*margin-top: 2.5rem;*/
}

.ad .banner {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  display: inline-block;
  vertical-align: middle;
  width: 49%;
  /*max-width: 100%;*/
}

.ad .banner:last-child,
.ad .banner:nth-last-child(2) {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.ad .banner img {
  max-width: 100%;
  /*width: 80%;*/
  opacity: 0.9;
  border-radius: 10px;
}

.ad .banner img:hover {
  opacity: 1;
}

/* item */
.item-img {
  position: relative;
  z-index: 1;
}

.item-img img {
  max-width: 100%;
  /*width: 100%;*/
}

.item-img figcaption {
  bottom: 10px;
  color: white;
  font-weight: 100;
  left: 10px;
  position: absolute;
  width: 100%;
  opacity: 0.7;
  text-shadow: 1px 1px 1px #444;
}

.item-date {
  color: #8c8c8c;
  margin-bottom: 2.5rem;
  display: block;
}

.aside {
  /*margin-top: 2.5rem;*/
  /*padding-top: 2.5rem;*/
  /*border-top: 1px solid #e1e1e1;*/
  /*margin-top: 5rem;*/
}

.youtube {
  width: 100%;
  max-width: 100%;
  height: 30vw;
  min-height: 250px;
  max-height: 600px;
}

.images ul {
  list-style: none;
}

.images li {
  background-size: cover;
  background-position: center center;
  display: inline-block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
  /*opacity: 0.4;*/
  height: 150px;
  width: 32%;
  border: 1px solid white;
  transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.images a {
  /*border: 1px solid white;*/
  content: "";
  display: block;
  height: 150px;
  width: 100%;
}

.images li:hover {
  opacity: 0.75;
  transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  /*opacity: 1;*/
  /*border: 1px solid #0092c5;*/
}

.i_file {
  background: url("/web/20180305163244im_/http://rustempo.ru/design/img/i_file.png") no-repeat scroll 2px 0 rgba(0, 0, 0, 0);
  color: white;
  font-size: 11px;
  height: 24px;
  overflow: hidden;
  padding: 13px 2px 0 0;
  text-align: center;
  width: 35px;
}

a.reset,
a.reset:hover {
  text-decoration: none;
}

.siblings {
  clear: both;
}

.siblings .prev {
  border-top-left-radius: 17px;
  border-bottom-left-radius: 17px;
  overflow: hidden;
}

.siblings .next {
  border-top-right-radius: 17px;
  border-bottom-right-radius: 17px;
  overflow: hidden;
}

.siblings .empty {
  display: block;
  /*width: 100%;*/
  height: 20vw;
  max-height: 300px;
  min-height: 200px;
  content: " ";
  background: #f0f0f0;
}

.search_result_form input[type=text] {
  width: 100%;
}

.videonews {
  margin-bottom: 5rem;
}

.main {
  margin-bottom: 2.5rem;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/* Larger than mobile */
/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
  .videonews .chapter-header {
    display: none;
  }
  .aside {
    margin-top: 0;
  }
  .ad .banner {
    width: 100%;
    border-bottom: 1px solid #ccc;
  }
  .ad .banner:nth-last-child(2) {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
  }
  .tile .img-title {
    font-size: 2.5vw;
    max-height: 80%;
  }
  .tile.half .img-title,
  .half-column .tile .img-title {
    font-size: 1.7vw;
  }
  .tile.half {
    min-height: 100px;
    max-height: 200px;
    height: 15vw;
  }
  .tile.half .img-title {
    /*font-size: 1rem;*/
    line-height: 1;
    font-weight: 100;
  }
  .top #logo span,
  .footer #logo span {
    display: block;
  }
  aside .stripes .title {
    padding-top: 10px;
    font-size: 1.1rem;
  }
  .menu_expander {
    display: none;
  }
  .mainmenu {
    display: block !important;
    border-top: none;
    clear: none;
    padding-top: 2.2rem;
    /*padding-bottom: 1rem;*/
  }
  .mainmenu ul {
    /*display: table-row;*/
    display: table;
    width: 100%;
    /*border: 1px solid red;*/
  }
  .mainmenu li {
    display: table-cell;
    padding-left: 0.6em;
    vertical-align: middle;
    text-align: center;
  }
  .mainmenu li:first-child {
    padding-left: 0;
  }
  .mainmenu a {
    font-size: 2.3vw;
  }
  .mainmenu .search input[type=text] {
    display: none;
    padding: 0 4px;
    height: 30px;
    margin-bottom: 0;
    min-width: 60px;
  }
  .mainmenu .search input[type=text]:focus {
    border: none;
  }
  .mainmenu .search button {
    display: inline-block;
  }
  .mainmenu .search button:hover {
    box-shadow: none;
  }
  .pagination a,
  .pagination span {
    padding: 0.3rem 1.2rem;
    font-size: 1.5rem;
  }
}
/* Larger than tablet */
@media (min-width: 750px) {
  aside .stripes .title {
    padding-top: 9px;
    font-size: 1.2rem;
  }
}
/* Larger than desktop */
@media (min-width: 1000px) {
  aside .stripes .title {
    padding-top: 8px;
    font-size: 1.3rem;
  }
  .tile.half .img-title {
    font-size: 1.3rem;
  }
  .mainmenu {
    margin-left: 190px;
  }
  .mainmenu a {
    font-size: 2.3rem;
  }
  .articles article {
    width: 48%;
    margin-right: 2%;
    vertical-align: top;
  }
  .articles article:nth-of-type(2n) {
    margin-right: 0;
  }
  .articles .desc {
    border-bottom: none;
    padding-bottom: 0;
    max-height: 430px;
    overflow: hidden;
  }
  .articles figure .img {
    max-height: 200px;
    min-height: 100px;
  }
}
/* Larger than Desktop HD */
@media (min-width: 1200px) {
  .tile .img-title {
    font-size: 3rem;
  }
  .tile.half .img-title {
    font-size: 1.7rem;
  }
  mark {
    padding: 3rem 5rem;
  }
  aside .stripes .title {
    font-size: 1.4rem;
  }
  .top {
    background-image: url(/web/20180305163244im_/http://rustempo.ru/design/img/top.jpg);
    background-repeat: no-repeat;
    background-position: left top;
  }
}
.example-grid .column, .example-grid .columns {
  background: none repeat scroll 0 0 #eee;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 600;
  height: 30px;
  letter-spacing: 0.1rem;
  line-height: 30px;
  margin-bottom: 0.75rem;
  text-align: center;
  text-transform: uppercase;
}

/*
     FILE ARCHIVED ON 16:32:44 Mar 05, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:22:38 Mar 06, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.598
  exclusion.robots: 0.042
  exclusion.robots.policy: 0.032
  esindex: 0.012
  cdx.remote: 51.351
  LoadShardBlock: 163.176 (3)
  PetaboxLoader3.datanode: 229.274 (5)
  load_resource: 120.035 (2)
*/

/*# sourceMappingURL=old.css.map */