@font-face {
  font-family: Roboto;
  src: url('../fonts/roboto-regular.woff2') format('woff2'),
       url('../fonts/roboto-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url('../fonts/roboto-italic.woff2') format('woff2'),
       url('../fonts/roboto-italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url('../fonts/roboto-bold.woff2') format('woff2'),
       url('../fonts/roboto-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'materialdesignicons-custom';
  src: url('../fonts/materialdesignicons-custom.eot?i1tjob');
  src: url('../fonts/materialdesignicons-custom.eot?i1tjob#iefix') format('embedded-opentype'),
       url('../fonts/materialdesignicons-custom.ttf?i1tjob') format('truetype'),
       url('../fonts/materialdesignicons-custom.woff?i1tjob') format('woff'),
       url('../fonts/materialdesignicons-custom.svg?i1tjob#materialdesignicons-custom') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html,
body {
  width: 100%;
  height: 100%;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  position: relative;
  font-size: 12px;
  line-height: 1.5;
  font-family: Roboto, 'Myriad Pro', 'Liberation Sans', sans-serif;
  font-weight: 400;
  color: #000;
  background: #fff;
}

i.mdi {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'materialdesignicons-custom' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mdi-clock:before {
  content: "\f246";
}
.mdi-weather-partlycloudy:before {
  content: "\f682";
}

.container {
  /*padding: 15px 25px;*/
  /*background-color: #fff;*/
}
/*@media (min-width: 1280px) {.container {width: 1214px;}}*/
/*@media (min-width: 1200px) {
  .container { width: 970px; }
}
@media (min-width: 1600px) {
  .container { width: 1170px; }
}

@media (max-width: 479px) {
  .col-xs-6 { width: 100%; }
}
*/

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

a {text-decoration: underline; color: #000;}
a:hover {text-decoration: none; color: #31509b;}

#header-info {font-size: 18px; padding-left: 10px; color: #515151;}
.header-time {font-size: 41px !important;}
#header-info span.title {font-size: 14px; font-weight: normal; min-height: 29px; display: block;}
#header-info span.title img {padding-right: 10px;}
/*#search {padding-right: 5px;}*/
.submit-news {width: 100%;}


button {
  background-color: #31509b !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  /*margin-bottom: 8px !important;*/
}
button:hover {background-color: #44c0eb !important;}

/*#search button {
  background-color: #484848 !important;
}
#search button:hover {
  background-color: #000 !important;
}*/

input {border-radius: 0 !important; height: 32px !important;}
.glyphicon {padding-right: 5px;}
button.close {background-color: #fff !important; color: #000 !important;}
button.close:hover {background-color: #fff !important;}

blockquote {
  font-size: 120%;
  background: #f8f8f8;
}

.top-banners > .banner {
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 0;
}

#news-left {
  padding-left: 10px;
  padding-right: 0;
  line-height: 1.25;
}
#news-left.main {
  /*padding-bottom: 20px;*/
  min-height: 1710px;
  max-height: 1710px;
  overflow: auto;
}

#news-left h1,
#news-left h2 {
  padding: 6px 12px;
  /*display: inline-block;*/
  background: #31509b;
  color: #fff;
  font-size: 120%;
  font-weight: 400;
  line-height: 1.42857143;  
  text-align: center;
}

#news-left > a:hover,
#news-left > a:hover {
  color: #fff;
}

#news-left .news-footer {position: absolute; z-index: 1; bottom: 0; background-color: #fff; width: 100%; padding: 10px 10px 15px 0;}
#news-left .news-footer:before {
  content: '';
  position: absolute;
  left: 0;
  top: -15px;
  height: 15px;
  width: 100%;
  background: -webkit-linear-gradient(rgba(255,255,255,255) 0%, rgba(255,255,255,1) 100%);
  background: -moz-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

#news-left .title {
  background-color: #ededed;
  color: #5b5b5b;
  padding: 1px 3px;
  margin-bottom: 10px;
  /*font-family: Arial;*/
  /*font-size: 14px;*/
  /*font-weight: bold;*/
}
#news-left > p {
  margin: 0 10px 15px 0;
  font-size: 120%;
}
#news-left > p > span {
  margin-top: 1px;
  padding: 0 3px;
  float: left;
  background-color: #31509b;
  color: #fff;
  font-size: 80%;
}
.btn:hover span {
  background-color: #44c0eb !important;
}
#news-left a {
  text-decoration: none;
  color: #515151;
}
#news-left a:hover {
  text-decoration: underline;
}
#news-left > a {
  display: block;
}
#news-left > p > a {
  margin-left: 40px;
  display: block;
}

#news-left p.banner {
  margin: 10px 0 0 10px;
  position: absolute;
  left: 0;
  bottom: 0;
}
#news-left p.banner > a {
  margin-left: 0;
}

#news-left > p.important > span {
  background-color: #c00;
}
#news-left > p.important > a {
  font-weight: 500;
}

#news-right > h1,
#news-right > h2 {
  margin: 10px 0 20px;
  padding: 0;
  color: #31509b;
}
#news-right > h1 a,
#news-right > h2 a {
  color: #31509b;
  text-decoration: none;
}
#news-right > h1 a:hover,
#news-right > h2 a:hover {
  text-decoration: underline;
}

#news-date,
.news-date {
  background: #31509b;
  color: #fff;
  text-align: center;
  /*font-size: 75%;*/
  /*font-weight: 400;*/
  padding: 5px;
  margin-bottom: 10px;
  /*font-family: Arial, Tahoma, sans-serif;*/
}
#news-date span,
.news-date span {
  padding: 0 10px;
}

.news-datetime {
  padding: 0 15px 10px;
}

.news-block {
  margin-left: -5px;
  margin-bottom: 10px;
  border: 1px solid #d4d4d4;
}
.between-block {
  margin-left: -5px;
}

#news-text,
.news-text {
  margin: 15px 0;
  padding-left: 15px;
  padding-right: 15px;
}
#news-text p,
.news-text p,
#news-text ul,
.news-text ul,
#news-text ol,
.news-text ol,
#news-text table,
.news-text table {
  margin-bottom: 15px;
  font-size: 133.3334%;
  font-weight: 400;
  line-height: 1.6667;
}
#news-text ol ol,
.news-text ol ol,
#news-text ol ul,
.news-text ol ul,
#news-text ul ol,
.news-text ul ol,
#news-text ul ul,
.news-text ul ul,
#news-text ol p,
.news-text ol p,
#news-text ul p,
.news-text ul p {
  font-size: inherit;
}

#news-text strong,
.news-text strong {
  font-weight: bold;
}
#news-text a,
.news-text a {
  color: #31509b;
}
#news-share {margin-top: 25px; font-size: 12px; display: block; padding: 8px 10px; border: 1px solid #d4d4d4;}
#news-share div {margin-bottom: 10px;}
#news-share div span:first-child {margin-right: 5px; float: left;}

#news-more {text-align: center; width: 100%; display: block; padding: 21px; font-size: 16px;}

@media (max-width: 991px) {
  #news-left.main {
    min-height: auto;
    max-height: none;
  }
}
/*@media (min-width: 992px) and (max-width: 1599px) {*/
/*  #news-left.main {*/
/*    min-height: 688px;*/
/*    max-height: 688px;*/
/*  }*/
/*  #news-left p {*/
/*    margin-bottom: 10px;*/
/*    font-size: 12px;*/
/*  }*/
/*  #news-left.main > p:nth-child(12) {*/
/*    display: none;*/
/*  }*/
/*}*/

.photo-1x1,
.photo-1x2,
.photo-2x1,
.photo-3x1 {
  padding: 0 0 10px 10px;
  font-weight: bold;
}
.photo-1x1,
.photo-2x1 {
  height: 215px;
}
.photo-1x2 {
  height: 430px;
}
.photo-1x3 {
  height: 645px;
}

@media (max-width: 479px) {
  .photo-1x1,
  .photo-1x2,
  .photo-1x3,
  .photo-2x1,
  .photo-3x1 {
    width: 100%;
    height: 215px;
  }  
  .photo-1x2.pull-right {
    float: left !important;
  }
}

@media (min-width: 480px) and (max-width: 991px) {
  .photo-1x1,
  .photo-1x2,
  .photo-1x3,
  .photo-2x1,
  .photo-3x1 {
    height: 173px;
  }
  .photo-1x2.pull-right {
    float: left !important;
  }
}

/*@media (min-width: 992px) and (max-width: 1599px) {*/
/*  .photo-1x1,*/
/*  .photo-2x1 {*/
/*    height: 173px;*/
/*  }*/
/*  .photo-1x2 {*/
/*    height: 346px;*/
/*  }*/
/*  .photo-1x3 {*/
/*    height: 519px;*/
/*  }*/
/*}*/

/*@media (min-width: 1600px) {*/
/*  .photo-1x1 .photo-container,*/
/*  .photo-2x1 .photo-container {*/
/*    height: 215px;*/
/*  }*/
/*  .photo-1x2 .photo-container { height: 434px; }*/
/*  .photo-3x1 .photo-container { height: 653px; }*/
/*}*/

.photo-2x1 img { width: 100%; }
.photo-1x2 img { height: 100%; }
.photo-1x1 img {
  /*width: 150%;*/
  height: 100%;
}
.photo-2x1.grayscale img,
.photo-1x2.grayscale img,
.photo-1x1.grayscale img {
  -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
       -o-filter: grayscale(100%);
          filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
          filter: grayscale(100%); /* Modern browsers */
}

@media (max-width: 480px) {
  .photo-1x1 img,
  .photo-1x2 img,
  .photo-1x3 img,
  .photo-2x1 img,
  .photo-3x1 img {
    width: 120%;
    height: auto;
  }
}

@media (min-width: 480px) and (max-width: 720px) {
  .photo-1x1 img,
  .photo-1x2 img,
  .photo-1x3 img,
  .photo-2x1 img,
  .photo-3x1 img {
    width: auto;
    height: 100%;
  }
}

@media (min-width: 720px) and (max-width: 991px) {
  .photo-1x1 img,
  .photo-1x2 img,
  .photo-1x3 img,
  .photo-2x1 img,
  .photo-3x1 img {
    width: 120%;
    height: auto;
  }
}

.main-content-img #photo-3x1 {
  padding: 0;
}

.photo {
display: inline;
float: left;
clear: both;
background: #eee;
text-align: center;
width: 100%;
padding: 10px 0;
margin: 0 0 10px 0;
}
.photo a img {margin: 10px; vertical-align: top;}


/*.photo-container {
width: 100%;
float: left;
background-color: #fff;
overflow: hidden;
position: relative;
}
.photo-container-big-button {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1001;
opacity: 0;
}
.photo-container-block {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 999;
}
.photo-container-block-body {
float: left;
width: 100%;
background-color: #efefef;
background: #000;
background: -webkit-linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%);
background: -moz-linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%);
background: -o-linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%);
background: -ms-linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%);
background: linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#cc000000', GradientType=0);
}
.photo-container-block-body:before {
content: '';
position: absolute;
left: 0;
top: -15px;
height: 15px;
width: 100%;
background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
background: -moz-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
background: -ms-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
}
.photo-block-title {
float: left;
width: 100%;
padding: 20px 20px 25px 20px;
color: #fff;
font-size: 16px;
}
.photo-block-title a {
display: inline-block;
font-size: 14px;
text-decoration: none !important;
}
.photo-container-black-shadow {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 99;
background-color: #000;
opacity: 0;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
overflow: hidden;
}
.photo-container-image-bg {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 9;
overflow: hidden;
}
.photo-container:hover .photo-container-black-shadow {
opacity: 0.5;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
}
*/

/* Update 2016-02-15 */
.photo-container,
.banner-container {
  width: 100%;
  height: 100%;
}
.photo-container a,
.banner-container a,
.banner-container .banner {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
.photo-container a > img,
.banner-container img {
  position: absolute;
  margin: auto;
  top: -100%;
  right: -100%;
  bottom: -100%;
  left: -100%;
}
.photo-container-title {
  padding: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  color: #fff;
  /*font-size: 16px;*/
  background: #000;
  /* http://colorzilla.com/gradient-editor/#181818+0,181818+100&0+0,1+100 */
  /*background: -webkit-linear-gradient(top,  rgba(24, 24, 24, 0) 0%, rgba(24, 24, 24, 1) 100%); /* Chrome10-25, Safari5.1-6 */*/
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(24, 24, 24, 0)), color-stop(100%, rgba(24, 24, 24, 1))); /* Chrome4-9, Safari4-5 */*/
  /*background: -moz-linear-gradient(top,  rgba(24, 24, 24, 0) 0%, rgba(24, 24, 24, 1) 100%); /* FF3.6-15 */*/
  /*background: -ms-linear-gradient(top,  rgba(24, 24, 24, 0) 0%, rgba(24, 24, 24, 1) 100%); /* IE10 preview */*/
  /*background: -o-linear-gradient(top,  rgba(24, 24, 24, 0) 0%, rgba(24, 24, 24, 1) 100%); /* Opera11.10-11.50 */*/
  /*background: linear-gradient(to bottom,  rgba(24, 24, 24, 0) 0%, rgba(24, 24, 24, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */*/

  background: -webkit-linear-gradient(top, rgba(24, 24, 24, 0) 0%, rgba(24, 24, 24, 0.75) 50%, rgba(24, 24, 24, 0.75) 100%); /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(24, 24, 24, 0)), color-stop(50%, rgba(24, 24, 24, 0.75)), color-stop(100%, rgba(24, 24, 24, 0.75))); /* Chrome4-9,Safari4-5 */
  background: -moz-linear-gradient(top, rgba(24, 24, 24, 0) 0%, rgba(24, 24, 24, 0.75) 50%, rgba(24, 24, 24, 0.75) 100%); /* FF3.6-15 */
  background: -ms-linear-gradient(top, rgba(24, 24, 24, 0) 0%, rgba(24, 24, 24, 0.75) 50%, rgba(24, 24, 24, 0.75) 100%); /* IE10 preview */
  background: -o-linear-gradient(top, rgba(24, 24, 24, 0) 0%, rgba(24, 24, 24, 0.75) 50%, rgba(24, 24, 24, 0.75) 100%); /* Opera 11.10-11.50 */
  background: linear-gradient(to bottom, rgba(24, 24, 24, 0) 0%, rgba(24, 24, 24, 0.75) 50%, rgba(24, 24, 24, 0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  font-weight: 400;  
  font-size: 150%;
  line-height: 1.2;
}
.photo-1x1.with-author .photo-container-title,
.photo-1x2.with-author .photo-container-title,
.photo-2x1.with-author .photo-container-title {
  padding: 10px;
  background: #31509b;
  background: rgba(49, 80, 155, .75);
}
.photo-container-title > .author {
  /*padding-bottom: 5px;*/
  font-size: 75%;
  font-weight: 300;
}

.photo-container-date {
  padding: 1px 4px 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  color: #fff;
  background: #31509b;
  font-size: 75%;
}

.photo-container-badge {
  padding: 1px 4px 2px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  color: #fff;
  background: #44c0eb;
  font-size: 75%;
  text-transform: uppercase;
}

.banner-container img {
  max-width: 100%;
  max-height: 100%;
}

/*@media (max-width: 1599px) {*/
/*  .photo-container-title {*/
/*    padding: 10px 10px 5px 10px;*/
/*    font-size: 14px;*/
/*  }*/
/*}*/

.h1, .h2, .h3, h1, h2, h3 {margin-top: 0; margin-bottom: 20px;}
h1 {
  padding-top: 5px;
  color: #31509b;
  font-weight: 400;
}
/*h2 {font-size: 20px;}*/
/*h3 {font-size: 18px;}*/

@media (max-width: 359px) {
  h1 {
    word-break: break-all;
    word-wrap: break-word;
  }
}

footer {
  position: relative;
  z-index: 1;
}
footer .container {
  padding-left: 15px;
  padding-right: 15px;
  background-color: #495062;
  color: #fff;
}
footer a, footer a:hover {color: #fff;}
#stat {clear: both; margin-bottom: 10px;}
#stat a {padding: 8px; display: block; float: left; background-color: #3c4457;}
#stat img {filter: alpha(Opacity=25); opacity: 0.25;} 
#stat img:hover {filter: alpha(Opacity=100); opacity: 1;} 
#social {clear: both; background-color: #3c4457; padding: 8px; }

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #31509b; border-color: #31509b;}
.pagination>li>a, .pagination>li>span {color: #31509b;}

.menu, .title-main, .title-right, .title-dosye {
font-size: 14px;
font-weight: normal;
}
.title-dosye {
padding: 10px;
margin-bottom: 10px;
font-weight: bold;
font-size: 12px;
color: #fff;
background: #31509b;
}
table.wheather {
width: 100%;
margin-bottom: 10px;
}
table.wheather th, table.wheather td {
padding: 0.5em 0.1em;
margin: 0;
text-align:left;
font-size:11px;
}
table.wheather thead th {
background:#c6dfec;
text-align: center;
font-weight: bold;
}
table.wheather thead th.table-head {
padding: 1em 0;
font-size:1em;
color:#fff;
background:#1461a8;
}
table.wheather tbody th,
table.wheather tbody td {
background:#eeeeee;
text-align: center;
}
table.wheather tbody th.left,
table.wheather tbody td.left {
text-align: left;
color: #000;
padding-left: 0.3em;
}
table.wheather tbody tr.top th,
table.wheather tbody tr.top td {
background:#F2D99C;
}
table.wheather tbody tr.top2 th,
table.wheather tbody tr.top2 td {
background:#E5B96F;
color: #026369;
}
table.wheather tbody tr.odd th,
table.wheather tbody tr.odd td {
background:#fff;
}
table.wheather th.border,
table.wheather td.border {
border-left: 1px solid #eee;
}

table.zebra {
	width:100%;
	margin-bottom:10px;
}
table.zebra th, table.zebra td {
    padding: 0.5em 0.5em;
    margin: 0;
	text-align:left;
    font-size:12px;
}
table.zebra thead th {
	background:#c6dfec;
    text-align: center;
    font-weight: bold;
}
table.zebra thead th.table-head {
    padding: 1em 0;
	font-size:1em;
	color:#fff;
	background:#1461a8;
}
table.zebra tbody th,
table.zebra tbody td {
	background:#eeeeee;
    text-align: center;
}
table.zebra tbody td.select {
    color:#FF6600;
    font-weight:bold;
}
table.zebra tbody td.gray {
    color:#ccc;
}
table.zebra tbody th.left,
table.zebra tbody td.left {
	text-align: left;
    color: #000;
}
table.zebra tbody tr.top th,
table.zebra tbody tr.top td {
	background:#F2D99C;
}
table.zebra tbody tr.top2 th,
table.zebra tbody tr.top2 td {
	background:#E5B96F;
    color: #026369;
}
table.zebra tbody tr.top3 th,
table.zebra tbody tr.top3 td {
	background:#E5B96F;
    font-weight: bold;
}
table.zebra tbody tr.odd th,
table.zebra tbody tr.odd td {
	background:#fff;
}
table.zebra th.currency,
table.zebra td.currency {
	text-align:right;
}

#info-text {
  font-size: 14px;
  /*margin: 0 0 25px;*/
  /*padding-right: 25px;*/
}
#info-text p {
  margin-bottom: 15px;
  line-height: 23px;
  color: #515151;
  font-size: 17px;
  /*font-family: "PT Sans", Arial, sans-serif;*/
}
#info-text a {color: #31509b;}

/* Update 2016-01-22 */

#top {
  margin-bottom: 15px;
  /*height: 66px;*/
  /*position: fixed;*/
  /*top: 0;*/
  /*right: 0;*/
  /*left: 0;*/
  /*position: relative;*/
  z-index: 1000 !important;
  /*border-bottom: solid 1px #bababa;*/
  background: #fff;
  -webkit-box-shadow: 0 -1px 16px 4px #cbcbcb;
     -moz-box-shadow: 0 -1px 16px 4px #cbcbcb;
          box-shadow: 0 -1px 16px 4px #cbcbcb;
}
/*#top.fixed {
  position: fixed;
}*/


@media (min-width: 1200px) {
  #top.affix {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
  }
  
  /*#top.affix ~ #page {*/
  /*  margin-top: 130px;*/
  /*}*/
}

@media (max-width: 1199px) {
  #top.affix {
    position: relative;
  }
}

#logo { padding: 10px; }

#right {
  padding: 10px;
  float: right;
}

#search {
  padding-top: 5px;
}

#menu {
  padding: 0 10px;
  text-align: center;
  font-weight: 500;
  font-size: 133.3334%;
}
#menu .nav {
  padding-top: 20px;
  display: inline-block;
}
#menu .nav> li + li {
  margin: 0;
}
#menu .nav > li > a {
  padding: 0 20px 5px 0;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 100%;
  color: #31509b;
  /*color: #484848;*/
  background: none !important;
  border-radius: 0;
}
#menu .nav > li:last-child > a { padding-right: 0 }
#menu .nav > li > a:hover {
  text-decoration: underline;
  color: #44c0eb;
  /*color: #000;*/
}

#current-info {
  padding-top: 18px;
  padding-left: 0;
  font-size: 22px;
  text-align: center;
}
#current-time,
#current-temperature {
  display: inline-block;
  text-align: center;
}
#current-time { padding-right: 3px; }
#current-temperature { padding-left: 3px; }
#current-time i.mdi,
#current-temperature i.mdi {
  margin-right: 3px;
  color: #03a9f4;
}

#page {
  /*margin-top: 65px;*/
  /*padding-top: 20px;*/
  position: relative;
  z-index: 1;
  background: #fff;
}

#page > .row {
  margin-left: -25px;
}

@media (max-width: 1199px) {
  #page { margin-top: 0 }
}
/*********************/

@media (min-width: 600px) and (max-width: 991px) {
  #menu .nav > li > a {
    padding: 0 15px 5px 0;
    font-size: 95%;
  }
}
@media (max-width: 599px) {
  #logo,
  #right { width: 100% }
  #search { padding-top: 0 }
}
@media (max-width: 1199px) {
  #menu .nav { padding-top: 5px; }
}
@media (min-width: 1200px) and (max-width: 1709px) {
  #menu .nav { padding-top: 10px; }
}
@media (min-width: 1200px) and (max-width: 1626px) {
  #menu .nav > li > a {
    padding: 0 15px 0 0;
  }
}



/*********************/

/* Update 2016-02-18 */
.other-news {
  margin-left: -10px;
  margin-right: -20px;
}
.other-news > h3 {
  margin: 20px 5px 10px;
  padding: 6px 12px;
  /* display: inline-block; */
  background: #31509b;
  color: #fff;
  font-size: 120%;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
}
.other-news > .photo-1x1 {
  padding: 0 5px 10px;
}


/*********************/

/* Update 2016-01-03 */

#bannerModal .modal-body { padding: 0; }
#bannerModal .modal-body img { vertical-align: inherit; }

/*********************/

/* Update 2016-06-03 */

.banner-curtain {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.banner-curtain-bg {
  width: 100%;
  height: 100%;
  background: #fff;
  text-align: center;
}
  .banner-curtain-bg img {
    margin: 0 auto;
    width: auto;
    max-height: 100%;
  }
.banner-curtain-button {
  margin-left: -100px;
  margin-right: -100px;
  width: 200px;
  height: 60px;
  position: absolute;
  right: 50%;
  bottom: 20px;
  left: 50%;
  /* display: none; */
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -webkit-box-shadow: 0 0 10px 1px #777;
     -moz-box-shadow: 0 0 10px 1px #777;
          box-shadow: 0 0 10px 1px #777;
  overflow: hidden;
}
.banner-curtain-button a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, .75);
  color: #333;
  line-height: 65px;
  text-align: center;
  /*border-radius: 50%;*/
  text-decoration: none;
  text-transform: uppercase;
	font-weight: bold;
	background: #d4d4d4;
  behavior: url(/templates/css2/PIE.htc);
}

.bg-banner-left,
.bg-banner-right {
  position: fixed;
  bottom: 0;
  z-index: 1;
}
.bg-banner-left {
  left: 0;
}
.bg-banner-right {
  right: 0;
}
.bg-banner-left p,
.bg-banner-right p {
  margin: 0;
}
.bg-banner-left p {
  float: left;
}
.bg-banner-right p {
  float: right;
}

.bg-banner-left img,
.bg-banner-right img {
  width: 100%;
  height: auto;
}

@media (max-width: 1279px) {
  .bg-banner-left,
  .bg-banner-right {
    display: none;
  }
}

/*
.bg-banner-right-button {
  margin-left: -12.5%;
  width: 100px;
  height: 100px;
  position: absolute;
  right: 50%;
  bottom: 250px;
  left: 50%;
  display: none;
}
  .bg-banner-right-button a {
    padding: 35% 20%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .75);
    color: #333;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 0 16px 2px #333;
    text-decoration: none;
    text-transform: uppercase;
  }

.bg-banner-right:hover .bg-banner-right-button {
  display: block;
}
.bg-banner-right-button a:hover {
  background: #fff;
  color: #000;
}
*/
.bg-banner-right-button {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}

/*********************/

.bg-top {
  position: relative;
  z-index: 2;
}


.search-result {
  margin: 10px 0 20px;
}

.search-result-image {
  margin-right: 10px;
}

#datetime {
  padding: .125em 0;
  /*margin-left: 1em;*/
  display: inline-block;
  vertical-align: top;
  color: #999;
  float: right;
}
#date,
#time {
  min-width: 30px;
  max-width: 60px;
  width: auto;
  text-align: center;
  font-size: small;
}

.age-mark {
  margin-top: 4px;
  float: right;
  font-weight: bold;
  font-size: 133.3334%;
  line-height: 200%;
  color: #515151;
}

body > div[class^="csr-uniq"] > div > div > div:not([data-header]) {
  right: auto !important;
  /*left: 8px !important;*/
}

@media (max-width: 599px) {
  .age-mark {
    margin-top: 0;
  }
  #datetime {
    padding: 0;
    margin-top: -.25em;
  }
}
@media (min-width: 768px) {
  #datetime {
    float: right;
  }
}