/*====news======*/
.box-news, .box-side{position: relative; margin-bottom:25px; background-color:rgba(255,255,255,.6); box-shadow: 0 2px 3px rgba(128,128,128,.3);display:block;border-radius: 2px;padding:30px 20px 13px; z-index: 1;}
.box-news:first-child, .box-side:first-child {margin-top:-2px;}
.box-news:last-child, .box-side:last-child {margin-bottom:-7px;}
.box-side{text-align:center;flex-basis:auto}
.box-side:last-child {position:relative;flex-grow:1}
.box-news:first-child {padding-top:20px;padding-bottom:10px;}

.page-layout_sidebar_news{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;width:240px;display:block; margin-left: 15px;
display:-webkit-box;display:-webkit-flex;display:flex;flex-direction:column;height:100dvh;}
.page-layout_main_news{position:relative;width:100%;}

.heading-news {top: -5px;left: 30px;display: inline-block;position: absolute;background: linear-gradient(#55b5ed,#317cd5,#1a58a3);}
.heading-news h3, h4 {margin: 0;height: 25px;color: #fff;font-family:MGU,times new roman, Helvetica,Arial,sans-serif;text-shadow: 1px 1px 3px rgba(225,225,225,.5);}
.heading-news h3 {padding: 3px 5px 0;font-size: 17px;}
.heading-news h4 {padding: 5px 5px 0;font-size: 15px;}

.heading-news:before,.heading-news:after {content:'';top: 0;position: absolute;z-index: -1;background: linear-gradient(#55b5ed,#317cd5,#1a58a3);
width: 20px; /* just like the height of .heading-news */
height: 25px;} /* just like the height of .heading-news */
.heading-news:before {left: -10px; /* 10px = half the height of .heading-news */
border-radius: 0 0 0 25%; /* 25% = a quarter (of 20px) */
transform: skewX(25deg);}
.heading-news:after {right: -10px; /* 10px = half the height of .heading-news */
border-radius: 0 0 25% 0; /* 25% = a quarter (of 20px) */
transform: skewX(-25deg);}
.heading-news h3:before,.heading-news h3:after,.heading-news h4:before,.heading-news h4:after {content: '';top: 0;position: absolute;background: #233f8c;
width: 5px; /* same as the border-radius for .heading-news:before and :after */
height: 5px;} /* same as the border-radius for .heading-news:before and :after */

.heading-news h3:before,.heading-news h4:before {left: -18px;transform: skewX(25deg);border-radius: 5px 0 0 0;}
.heading-news h3:after,.heading-news h4:after {right: -18px;transform: skewX(-25deg);border-radius: 0 5px 0 0;}

h1{font-family:MGU,times new roman, Helvetica,Arial,sans-serif;font-size:30px;font-weight:500;line-height:1.1;text-transform:uppercase; color:#2e3075;border-bottom: 1px solid #54c3f0;/*#83d3f8;*/ margin: 10px auto; padding-bottom: 7px; display: inline-block; letter-spacing: 0;}

.counter{position:absolute;bottom:0; left:0;right:0; margin: 5px auto; z-index:-10; opacity:.7}

/*  часики  */
@font-face{font-family:"Orbitron";src:url('design/fonts/Orbitron.ttf') format('truetype');}

.alarm-clock {color: #1a58a3;
  position: relative;
  padding: 5px;
  border-radius: 10px;
  background-color: rgba(255,255,255,.17);
  margin-bottom:25px;
}
.alarm-clock .date {
  position: absolute;
  bottom: 1px;
  left: 50%;
  margin:0;
  background-color: rgba(255,255,255,0.4);
  padding: 8px;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  transform: translateX(-50%);
  z-index: 9;
  border-radius: 3px;}
.alarm-clock .time {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px 15px;
  background-color: rgba(255,255,255,0.4);
  border-radius: 10px;
  font-family: "Orbitron", sans-serif;
  font-size: 33px;
}
.alarm-clock .time span {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-shadow: 0 0 15px #7bc9f6;
  line-height: 1.75;
  margin-bottom: 10px;
}
.alarm-clock .time span.colon {
//  width: 14px;
  padding: 7px;
  text-align: center;
  animation: blink 2s infinite;
}
.alarm-clock .time span:nth-of-type(5) {width: 50px;}
@keyframes blink {
  0% {opacity: 0;}
  30% {opacity: 1;}
  50% {opacity: 0;}
  70% {opacity: 1;}
  100% {opacity: 0;}
}