@import 'fonts.css';
@import 'fa-all.css';
@import 'bootstrap-reboot.min.css';

.aads {
  flex-grow: 0;
  flex-basis: 300px;
  padding: 0;
  height: 100%;
}
.aads:last-child {
  position: sticky;
  top: 40px;
}
.card-img {width: 300px;}
.aads a {display: block; width: 300px; height: 360px; margin-bottom: 15px;}
.aads>a:last-child {position: sticky; top: 36px;}
.feed {
  flex-grow: 0;
  flex-basis: 300px;
}
.card-img-top {
  object-fit: cover;
  border-radius: 0;
}
.card-img, .card-footer {
    border-radius: 0 !important;
    border-width: 0;
	margin-top: -1px;
}
.top-label {
  flex-grow: 0;
  flex-basis: 210px;
}
.top-banner {
  max-width: 100%;
}
body {
  font-family: "Noto Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0px;
  color: #000;
  margin: 0;
  background: #ffffff;
  overflow-x: hidden;
}
a, button {
  transition: all 0.2s ease-in-out;
}
a:active,
a:focus,
button:active,
button:focus {
  outline: none !important;
}
.btn, .btn:hover, .btn:focus {
  box-shadow: none;
  outline: none;
  text-decoration: none;
}
body .container {
  max-width: 1760px;
}
.text-primary {
  color: #0044aa !important;
}
.fb-color {color: #1E4D9D;}
.ok-color {color: #F7931E;}
.vk-color {color: #45668E;}
.insta-color {color: #E233CC;}
.youtube-color {color: #F9251C;}
.maingray {background: #eeeeee;}

.dropdown button {
  font-size: 14px;
  margin-top: 1px;
}
.dropdown-menu {
  margin-top: 0px;
  border:0;
  border-radius: 0;
  font-size: 14px;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0px;
  margin-left: 0px;
}
.weather img {
  height: 38px;
}
.weather {
  font-size: 18px;
  line-height: 38px;
}
.logo {
  background: url('../images/arnalogo.png') center no-repeat;
  width: 210px; height: 70px;
}
.card {
  border:0; border-radius: 0;
}
.brand-gradient {
  background: -webkit-linear-gradient(left,#28489b,#3fb8ac);
  background: -moz-linear-gradient(left,#28489b,#3fb8ac);
  background: -o-linear-gradient(left,#28489b,#3fb8ac);
  background: linear-gradient(to right,#28489b,#3fb8ac);
}
.biruza { color: #00ffc8;}
.navbar, .navbar-collapse {z-index: 100;}
.navbar-nav .nav-item .nav-link {
  color: #fefefe;
  text-decoration: none;
  line-height: 18px;
  height: 33px;
}
.navbar-nav .nav-item .nav-link:hover {
  color: #00ffc8;
}
.navbar-nav .nav-item .nav-link.active {
  color: #00ffc8;
}
.navbar form {
  width: 225px;
}
.navbar form input, .subs input {
  height: 24px;
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
  border: none;
  padding: 0 10px 0 15px;
}
.navbar form button, .subs button {
  height: 24px;
  font-size: 12px;
  color: #ffffff;
  border: none;
  background-color: red;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding-top: 4px;
}
.fixed{
  position: fixed;
  top:0;
  left: 0;
}
.main { background: #eeeeee; padding-top: 30px;}
.col-years { background: #28489b; background: linear-gradient(to right bottom,#28489b,#3fb8ac);}
.years { width: 90px;}
.years .card { background:transparent; border:0; border-radius:0; text-align: center;}
.years .card-body {padding: 10px; border-bottom: 1px dotted rgba(255,255,255,.5);}
.years .btn { color:white; font-size:14px; border-bottom: 1px dotted rgba(255,255,255,.5);}
.years .btn:focus { box-shadow: none;}
.years .card-body a { font-size: 0.82rem; color:white; display: block; line-height: 1.25rem;}
.years .card-body a:hover { color: #00ffc8; text-decoration: none;}
.news-line {
  height: calc(100vh - 67px);
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
.news-line::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}
.news-line-head h2 {
  color:#323F69;
  font-size: 1.2rem;
  font-weight: 800;
  border-bottom: 1px dotted cadetblue;
  padding-left: 18px;
  padding-bottom: 4px;
}
.news-line .card, .card-footer {
  border: 0;
  background: white;
}
.news-line .card-body {
  padding: 5px 10px;
}
.news-line .card-title {
  font-size: 0.8rem;
  font-weight: 600;
}
.active-title {
  color: #990044 !important;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, h1 {
  color:#323F69;
  font-size: 1.65rem;
  font-weight: 800;
}
.topnews, .videonews {
  color: white;
  overflow: hidden;
}
.topnews a, .videonews a {
  color: white;
  text-decoration: none;
}
.topnews h5, .topnews h6, .videonews h6  {
  color: white;
  font-size: 1.1rem;
  font-weight: 600;
}
.topnews h6, .videonews h6 {
  font-size: 0.75rem;
}
.videonews h5 {
  font-size: 1.1rem;
}
.topnews img, .videonews img {
  opacity: 0.7;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.topnews:hover img, .videonews:hover img {
  opacity: 0.9;
  -webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}
.content .card-body, .article .card-body {
  padding:10px; padding-bottom:15px;
}
.content .card-footer, .article .card-footer {
  padding:10px; padding-bottom:10px;
}

.category h1 {font-size: 2rem;}
.category button {font-size: 1.1rem; font-weight: 500;}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
  color:#323F69;
  font-weight: 800;
}
.article h1 {font-size: 2rem;}
.article h2 {font-size: 1.5rem;}
.article h3 {font-size: 1.25rem;}
.article h4 {font-size: 1rem;}
.article h5 {font-size: 0.9rem;}
.article p {font-size: 1.05rem; word-break: break-word;}
.article p a {text-decoration: underline;}
.article article img {width:100% !important; height: auto;}
.article blockquote {
  padding: 0 20px;
  margin-left: 25px;
  border-left: #17a2b8 solid 5px;
  font-family: 'Noto Serif', Georgia, 'Times New Roman', Times, serif;
  color:#444;
  font-size: 1.05rem;
  font-style: italic;
  word-break: break-word;
}
.minititle {
  line-height: 17px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: -1px;
  }
.roundup {
  display: block;
  background-color: #F9251C;
  color: white;
  padding: 0;
  width: 40px;
  height: 40px;
  font-size: 20px;
  border-radius: 50px;
  }
.roundup-box {
  float: right;
  bottom: 15px;
  right: 15px;
  z-index: 10000;
}
.carusel-tag {
  position: absolute; top: 0;
  background-color: #28489b;
  padding: 5px 10px;
}
.element-maxwidth-700 {max-width:700px;}
.btn-whatsapp {
   /* background: linear-gradient(to bottom,#61fd7d,#25cf43); */
  margin: 0 auto;
  width: 300px;
  height: 50px;
  font-size: 25px;
  border: 0;
  border-radius: 50px;
  -webkit-transition: background-color 1s, -webkit-transform 1s;
  transition: background-color 1s, transform 1s;
  background-color: #25cf43;
}
.btn-whatsapp:hover {
  background-color: #30803f;
}

/* Малые девайсы (<= 991px) */
@media (max-width: 991px) {
header {height: 50px;}
.navbar {
  position: fixed;
  top:0; left:0;
  width: 100%;
  height: 50px;
  background: linear-gradient(to right,white,#3fb8ac,#0e509c,#28489b);
}
.navbar-collapse {
    background: linear-gradient(to right,#3fb8ac,#28489b);
    height: calc(100vh - 50px);
    overflow-y: scroll;
}
.navbar-nav {padding: 40px 0;}
.navbar form {
  position:fixed;
  top:65px;
  width:calc(100% - 32px);
  padding-bottom: 15px;
  }
.roundup-box {bottom: 65px;}
.nav-link>.fa-home {display:none;}
.main {margin-top: 10px;}
.bggray {background: #eeeeee;}
.mobregion {font-size: 12px; padding:0; color: white; display: none !important;}
.navbar-toggler {padding-left:5px; padding-right:5px; }
.navbar-toggler {
  color: rgba(255,255,255,.9) !important;
  border-color: rgba(255,255,255,0.0) !important;
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
/*.article a.btn {display:none !important;} */
}
/* Малые девайсы («ландшафтные телефоны», >= 576px) */
@media (min-width: 576px) {}
@media (max-width: 576px) {
  .dropdown-submenu .dropdown-menu {
    position: static;
    float: none;
  }
  .dropdown-menu {width:100%;}
    h1, .article h1 {font-size: 1.65rem; margin-top: 10px;}
    h2, .article h2 {font-size: 1.2rem;}
}

/* Средние девайсы («таблетки», >= 768px) */
@media (min-width: 768px) {}

/* Большие девайсы (десктопы, >= 992px) */
@media (min-width: 992px) {}

/* Экстрабольшие девайсы (большие десктопы, >= 1200px) */
@media (min-width: 1200px) {
	.roundup-box {bottom: 15px;}
}
.usernews:before { content:"/images/wapp.png";}

#bg-image.lazy {
    background-image: none !important;
    background-color: #F1F1FA !important;
}

.comments textarea {
    resize: none!important;
}

.grecaptcha-badge {
    visibility: hidden;
}