@charset "UTF-8";
:root{
    --news-block-shadow:0 0px 5px 0 rgba(50, 53, 61, 0.1);
    --news-block-radius:5px;
    --news-theme-color:#da251b;
	--news-theme-color-secondary:#fff;
	--news-theme-text-color:#000;
    --news-border-color:rgba(91, 97, 110, 0.15);
    --news-border-color2:rgba(91, 97, 110, 0.2);
    --news-border-color3:rgba(91, 97, 110, 0.2);
    --news-font-family:"Inter",sans-serif
} 

@import url(//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900);
  body {
      margin: 0;
  }
  
  .text-left {
      text-align: left;
  }
  

  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  menu,
  nav,
  section,
  summary {
      display: block
  }
  
  audio,
  canvas,
  progress,
  video {
      display: inline-block;
      vertical-align: baseline
  }
  
  audio:not([controls]) {
      display: none;
      height: 0
  }
  
  [hidden],
  template {
      display: none
  }
  
  a {
      background-color: transparent
  }
  
  a:active,
  a:hover {
      outline: 0
  }
  
  abbr[title] {
      border-bottom: 1px dotted
  }
  
  b,
  strong {
      font-weight: bold
  }
  
  dfn {
      font-style: italic
  }
  
  h1 {
      font-size: 2em;
      margin: .67em 0
  }
  
  mark {
      background: #ff0;
      color: #66beff
  }
  
  small {
      font-size: 80%
  }
  
  sub,
  sup {
      font-size: 75%;
      line-height: 0;
      position: relative;
      vertical-align: baseline
  }
  
  sup {
      top: -0.5em
  }
  
  sub {
      bottom: -0.25em
  }
  
  img {
      border: 0
  }
  
  svg:not(:root) {
      overflow: hidden
  }
  
  figure {
      margin: 1em 40px
  }
  
  hr {
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      height: 0
  }
  
  pre {
      overflow: auto
  }
  
  code,
  kbd,
  pre,
  samp {
      font-family: monospace, monospace;
      font-size: 1em
  }
  
  button,
  input,
  optgroup,
  select,
  textarea {
      color: inherit;
      font: inherit;
      margin: 0
  }
  
  button {
      overflow: visible
  }
  
  button,
  select {
      text-transform: none
  }
  
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
      -webkit-appearance: button;
      cursor: pointer
  }
  
  button[disabled],
  html input[disabled] {
      cursor: default
  }
  
  button::-moz-focus-inner,
  input::-moz-focus-inner {
      border: 0;
      padding: 0
  }
  
  input {
      line-height: normal
  }
  
  input[type="checkbox"],
  input[type="radio"] {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0
  }
  
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
      height: auto
  }
  
  input[type="search"] {
      -webkit-appearance: textfield;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box
  }
  
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
      -webkit-appearance: none
  }
  
  fieldset {
      border: 1px solid silver;
      margin: 0 2px;
      padding: .35em .625em .75em
  }
  
  legend {
      border: 0;
      padding: 0
  }
  
  textarea {
      overflow: auto
  }
  
  optgroup {
      font-weight: bold
  }
  
  table {
      border-collapse: collapse;
      border-spacing: 0
  }
  
  td,
  th {
      padding: 0
  }
  
  @media print {
      *,
      *:before,
      *:after {
          background: transparent !important;
          color: #66beff !important;
          -webkit-box-shadow: none !important;
          box-shadow: none !important;
          text-shadow: none !important
      }
      a,
      a:visited {
          text-decoration: underline
      }
      a[href]:after {
          content: " (" attr(href) ")"
      }
      abbr[title]:after {
          content: " (" attr(title) ")"
      }
      a[href^="#"]:after,
      a[href^="javascript:"]:after {
          content: ""
      }
      pre,
      blockquote {
          border: 1px solid #999;
          page-break-inside: avoid
      }
      thead {
          display: table-header-group
      }
      tr,
      img {
          page-break-inside: avoid
      }
      img {
          max-width: 100% !important
      }
      p,
      h2,
      h3 {
          orphans: 3;
          widows: 3
      }
      h2,
      h3 {
          page-break-after: avoid
      }
      .navbar {
          display: none
      }
      .btn>.caret,
      .dropup>.btn>.caret {
          border-top-color: #66beff !important
      }
      .label {
          border: 1px solid #66beff
      }
      .table {
          border-collapse: collapse !important
      }
      .table td,
      .table th {
          background-color: #fff !important
      }
      .table-bordered th,
      .table-bordered td {
          border: 1px solid #ddd !important
      }
  }
  
  * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
  }
  
  *:before,
  *:after {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
  }
  
  html {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
  }
  
  body {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1.42857143;
      color: #333;
      background-color: #fff
  }
  
  input,
  button,
  select,
  textarea {
      font-family: inherit;
      font-size: inherit;
      line-height: inherit
  }
  
  a {
      text-decoration: none
  }
  
  a:hover,
  a:focus {
      text-decoration: underline
  }
  
  a:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px
  }
  
  figure {
      margin: 0
  }
  
  img {
      vertical-align: middle
  }
  
  .img-responsive,
  .thumbnail>img,
  .thumbnail a>img,
  .carousel-inner>.item>img,
  .carousel-inner>.item>a>img {
      display: block;
      max-width: 100%;
      height: auto
  }
  
  .img-rounded {
      border-radius: 6px
  }
  
  .img-thumbnail {
      display: inline-block;
      max-width: 100%;
      height: auto;
      padding: 4px;
      line-height: 1.42857143;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 4px;
      -webkit-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out
  }
  
  .img-circle {
      border-radius: 50%
  }
  
  hr {
      margin-top: 20px;
      margin-bottom: 20px;
      border: 0;
      border-top: 1px solid #eee
  }
  
  .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0
  }
  
  .sr-only-focusable:active,
  .sr-only-focusable:focus {
      position: static;
      width: auto;
      height: auto;
      margin: 0;
      overflow: visible;
      clip: auto
  }
  
  [role="button"] {
      cursor: pointer
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      line-height: 1.1;
      color: inherit
  }
  
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small,
  .h1 small,
  .h2 small,
  .h3 small,
  .h4 small,
  .h5 small,
  .h6 small,
  h1 .small,
  h2 .small,
  h3 .small,
  h4 .small,
  h5 .small,
  h6 .small,
  .h1 .small,
  .h2 .small,
  .h3 .small,
  .h4 .small,
  .h5 .small,
  .h6 .small {
      font-weight: normal;
      line-height: 1;
      color: #777
  }
  
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3 {
      margin-top: 20px;
      margin-bottom: 10px
  }
  
  h1 small,
  .h1 small,
  h2 small,
  .h2 small,
  h3 small,
  .h3 small,
  h1 .small,
  .h1 .small,
  h2 .small,
  .h2 .small,
  h3 .small,
  .h3 .small {
      font-size: 65%
  }
  
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
      margin-top: 10px;
      margin-bottom: 10px
  }
  
  h4 small,
  .h4 small,
  h5 small,
  .h5 small,
  h6 small,
  .h6 small,
  h4 .small,
  .h4 .small,
  h5 .small,
  .h5 .small,
  h6 .small,
  .h6 .small {
      font-size: 75%
  }
  
  h1,
  .h1 {
      font-size: 36px
  }
  
  h2,
  .h2 {
      font-size: 30px
  }
  
  h3,
  .h3 {
      font-size: 24px
  }
  
  h4,
  .h4 {
      font-size: 18px
  }
  
  h5,
  .h5 {
      font-size: 14px
  }
  
  h6,
  .h6 {
      font-size: 12px
  }
  
  p {
      margin: 0 0 10px
  }
  
  .lead {
      margin-bottom: 20px;
      font-size: 16px;
      font-weight: 300;
      line-height: 1.4
  }
  
  @media(min-width:768px) {
      .lead {
          font-size: 21px
      }
  }
  
  small,
  .small {
      font-size: 85%
  }
  
  mark,
  .mark {
      background-color: #fcf8e3;
      padding: .2em
  }
  
  .text-left {
      text-align: left
  }
  
  .text-right {
      text-align: right
  }
  
  .text-center {
      text-align: center
  }
  
  .text-justify {
      text-align: justify
  }
  
  .text-nowrap {
      white-space: nowrap
  }
  
  .text-lowercase {
      text-transform: lowercase
  }
  
  .text-uppercase {
      text-transform: uppercase
  }
  
  .text-capitalize {
      text-transform: capitalize
  }
  
  .text-muted {
      color: #777
  }
  
  .text-primary {
      color: #337ab7
  }
  
  a.text-primary:hover,
  a.text-primary:focus {
      color: #286090
  }
  
  .text-success {
      color: #3c763d
  }
  
  a.text-success:hover,
  a.text-success:focus {
      color: #2b542c
  }
  
  .text-info {
      color: #31708f
  }
  
  a.text-info:hover,
  a.text-info:focus {
      color: #245269
  }
  
  .text-warning {
      color: #8a6d3b
  }
  
  a.text-warning:hover,
  a.text-warning:focus {
      color: #66512c
  }
  
  .text-danger {
      color: #a94442
  }
  
  a.text-danger:hover,
  a.text-danger:focus {
      color: #843534
  }
  
  .bg-primary {
      color: #fff;
      background-color: #337ab7
  }
  
  a.bg-primary:hover,
  a.bg-primary:focus {
      background-color: #286090
  }
  
  .bg-success {
      background-color: #dff0d8
  }
  
  a.bg-success:hover,
  a.bg-success:focus {
      background-color: #c1e2b3
  }
  
  .bg-info {
      background-color: #d9edf7
  }
  
  a.bg-info:hover,
  a.bg-info:focus {
      background-color: #afd9ee
  }
  
  .bg-warning {
      background-color: #fcf8e3
  }
  
  a.bg-warning:hover,
  a.bg-warning:focus {
      background-color: #f7ecb5
  }
  
  .bg-danger {
      background-color: #f2dede
  }
  
  a.bg-danger:hover,
  a.bg-danger:focus {
      background-color: #e4b9b9
  }
  
  .page-header {
      padding-bottom: 9px;
      margin: 40px 0 20px;
      border-bottom: 1px solid #eee
  }
  
  ul,
  ol {
      margin-top: 0;
      margin-bottom: 10px
  }
  
  ul ul,
  ol ul,
  ul ol,
  ol ol {
      margin-bottom: 0
  }
  
  .list-unstyled {
      padding-left: 0;
      list-style: none
  }
  
  .list-inline {
      padding-left: 0;
      list-style: none;
      margin-left: -5px
  }
  
  .list-inline>li {
      display: inline-block;
      padding-left: 5px;
      padding-right: 5px
  }
  
  dl {
      margin-top: 0;
      margin-bottom: 20px
  }
  
  dt,
  dd {
      line-height: 1.42857143
  }
  
  dt {
      font-weight: bold
  }
  
  dd {
      margin-left: 0
  }
  
  @media(min-width:768px) {
      .dl-horizontal dt {
          float: left;
          width: 160px;
          clear: left;
          text-align: right;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap
      }
      .dl-horizontal dd {
          margin-left: 180px
      }
  }
  
  abbr[title],
  abbr[data-original-title] {
      cursor: help;
      border-bottom: 1px dotted #777
  }
  
  .initialism {
      font-size: 90%;
      text-transform: uppercase
  }
  
  blockquote {
      padding: 10px 20px;
      margin: 0 0 20px;
      font-size: 17.5px;
      border-left: 5px solid #eee
  }
  
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
      margin-bottom: 0
  }
  
  blockquote footer,
  blockquote small,
  blockquote .small {
      display: block;
      font-size: 80%;
      line-height: 1.42857143;
      color: #777
  }
  
  blockquote footer:before,
  blockquote small:before,
  blockquote .small:before {
      content: '\2014 \00A0'
  }
  
  .blockquote-reverse,
  blockquote.pull-right {
      padding-right: 15px;
      padding-left: 0;
      border-right: 5px solid #eee;
      border-left: 0;
      text-align: right
  }
  
  .blockquote-reverse footer:before,
  blockquote.pull-right footer:before,
  .blockquote-reverse small:before,
  blockquote.pull-right small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right .small:before {
      content: ''
  }
  
  .blockquote-reverse footer:after,
  blockquote.pull-right footer:after,
  .blockquote-reverse small:after,
  blockquote.pull-right small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right .small:after {
      content: '\00A0 \2014'
  }
  
  address {
      margin-bottom: 20px;
      font-style: normal;
      line-height: 1.42857143
  }
  
  code,
  kbd,
  pre,
  samp {
      font-family: Menlo, Monaco, Consolas, "Courier New", monospace
  }
  
  code {
      padding: 2px 4px;
      font-size: 90%;
      color: #c7254e;
      background-color: #f9f2f4;
      border-radius: 4px
  }
  
  kbd {
      padding: 2px 4px;
      font-size: 90%;
      color: #fff;
      background-color: #333;
      border-radius: 3px;
      -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
  }
  
  kbd kbd {
      padding: 0;
      font-size: 100%;
      font-weight: bold;
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  pre {
      display: block;
      padding: 9.5px;
      margin: 0 0 10px;
      font-size: 13px;
      line-height: 1.42857143;
      color: #333;
      word-break: break-all;
      word-wrap: break-word;
      color: #333;
      background-color: #f5f5f5;
      border: 1px solid #ccc;
      border-radius: 4px
  }
  
  pre code {
      padding: 0;
      font-size: inherit;
      color: inherit;
      white-space: pre-wrap;
      background-color: transparent;
      border-radius: 0
  }
  
  .pre-scrollable {
      max-height: 340px;
      overflow-y: scroll
  }
  
  fieldset {
      padding: 0;
      margin: 0;
      border: 0;
      min-width: 0
  }
  
  legend {
      display: block;
      width: 100%;
      padding: 0;
      margin-bottom: 20px;
      font-size: 21px;
      line-height: inherit;
      color: #333;
      border: 0;
      border-bottom: 1px solid #e5e5e5
  }
  
  label {
      display: inline-block;
      max-width: 100%;
      margin-bottom: 5px;
      font-weight: bold
  }
  
  input[type="search"] {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
  }
  
  input[type="radio"],
  input[type="checkbox"] {
      margin: 4px 0 0;
      margin-top: 1px \9;
      line-height: normal
  }
  
  input[type="file"] {
      display: block
  }
  
  input[type="range"] {
      display: block;
      width: 100%
  }
  
  select[multiple],
  select[size] {
      height: auto
  }
  
  input[type="file"]:focus,
  input[type="radio"]:focus,
  input[type="checkbox"]:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px
  }
  
  output {
      display: block;
      padding-top: 7px;
      font-size: 14px;
      line-height: 1.42857143;
      color: #555
  }
  
  .form-control {
      display: block;
      width: 100%;
      height: 34px;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      color: #555;
      background-color: #fff;
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 4px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
  }
  
  .form-control:focus {
      border-color: #66afe9;
      outline: 0;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)
  }
  
  .form-control::-moz-placeholder {
      color: #999;
      opacity: 1
  }
  
  .form-control:-ms-input-placeholder {
      color: #999
  }
  
  .form-control::-webkit-input-placeholder {
      color: #999
  }
  
  .form-control::-ms-expand {
      border: 0;
      background-color: transparent
  }
  
  .form-control[disabled],
  .form-control[readonly],
  fieldset[disabled] .form-control {
      background-color: #eee;
      opacity: 1
  }
  
  .form-control[disabled],
  fieldset[disabled] .form-control {
      cursor: not-allowed
  }
  
  textarea.form-control {
      height: auto
  }
  
  input[type="search"] {
      -webkit-appearance: none
  }
  
  @media screen and (-webkit-min-device-pixel-ratio:0) {
      input[type="date"].form-control,
      input[type="time"].form-control,
      input[type="datetime-local"].form-control,
      input[type="month"].form-control {
          line-height: 34px
      }
      input[type="date"].input-sm,
      input[type="time"].input-sm,
      input[type="datetime-local"].input-sm,
      input[type="month"].input-sm,
      .input-group-sm input[type="date"],
      .input-group-sm input[type="time"],
      .input-group-sm input[type="datetime-local"],
      .input-group-sm input[type="month"] {
          line-height: 30px
      }
      input[type="date"].input-lg,
      input[type="time"].input-lg,
      input[type="datetime-local"].input-lg,
      input[type="month"].input-lg,
      .input-group-lg input[type="date"],
      .input-group-lg input[type="time"],
      .input-group-lg input[type="datetime-local"],
      .input-group-lg input[type="month"] {
          line-height: 46px
      }
  }
  
  .form-group {
      margin-bottom: 15px
  }
  
  .radio,
  .checkbox {
      position: relative;
      display: block;
      margin-top: 10px;
      margin-bottom: 10px
  }
  
  .radio label,
  .checkbox label {
      min-height: 20px;
      padding-left: 20px;
      margin-bottom: 0;
      font-weight: normal;
      cursor: pointer
  }
  
  .radio input[type="radio"],
  .radio-inline input[type="radio"],
  .checkbox input[type="checkbox"],
  .checkbox-inline input[type="checkbox"] {
      position: absolute;
      margin-left: -20px;
      margin-top: 4px \9
  }
  
  .radio+.radio,
  .checkbox+.checkbox {
      margin-top: -5px
  }
  
  .radio-inline,
  .checkbox-inline {
      position: relative;
      display: inline-block;
      padding-left: 20px;
      margin-bottom: 0;
      vertical-align: middle;
      font-weight: normal;
      cursor: pointer
  }
  
  .radio-inline+.radio-inline,
  .checkbox-inline+.checkbox-inline {
      margin-top: 0;
      margin-left: 10px
  }
  
  input[type="radio"][disabled],
  input[type="checkbox"][disabled],
  input[type="radio"].disabled,
  input[type="checkbox"].disabled,
  fieldset[disabled] input[type="radio"],
  fieldset[disabled] input[type="checkbox"] {
      cursor: not-allowed
  }
  
  .radio-inline.disabled,
  .checkbox-inline.disabled,
  fieldset[disabled] .radio-inline,
  fieldset[disabled] .checkbox-inline {
      cursor: not-allowed
  }
  
  .radio.disabled label,
  .checkbox.disabled label,
  fieldset[disabled] .radio label,
  fieldset[disabled] .checkbox label {
      cursor: not-allowed
  }
  
  .form-control-static {
      padding-top: 7px;
      padding-bottom: 7px;
      margin-bottom: 0;
      min-height: 34px
  }
  
  .form-control-static.input-lg,
  .form-control-static.input-sm {
      padding-left: 0;
      padding-right: 0
  }
  
  .input-sm {
      height: 30px;
      padding: 5px 10px;
      font-size: 12px;
      line-height: 1.5;
      border-radius: 3px
  }
  
  select.input-sm {
      height: 30px;
      line-height: 30px
  }
  
  textarea.input-sm,
  select[multiple].input-sm {
      height: auto
  }
  
  .form-group-sm .form-control {
      height: 30px;
      padding: 5px 10px;
      font-size: 12px;
      line-height: 1.5;
      border-radius: 3px
  }
  
  .form-group-sm select.form-control {
      height: 30px;
      line-height: 30px
  }
  
  .form-group-sm textarea.form-control,
  .form-group-sm select[multiple].form-control {
      height: auto
  }
  
  .form-group-sm .form-control-static {
      height: 30px;
      min-height: 32px;
      padding: 6px 10px;
      font-size: 12px;
      line-height: 1.5
  }
  
  .input-lg {
      height: 46px;
      padding: 10px 16px;
      font-size: 18px;
      line-height: 1.3333333;
      border-radius: 6px
  }
  
  select.input-lg {
      height: 46px;
      line-height: 46px
  }
  
  textarea.input-lg,
  select[multiple].input-lg {
      height: auto
  }
  
  .form-group-lg .form-control {
      height: 46px;
      padding: 10px 16px;
      font-size: 18px;
      line-height: 1.3333333;
      border-radius: 6px
  }
  
  .form-group-lg select.form-control {
      height: 46px;
      line-height: 46px
  }
  
  .form-group-lg textarea.form-control,
  .form-group-lg select[multiple].form-control {
      height: auto
  }
  
  .form-group-lg .form-control-static {
      height: 46px;
      min-height: 38px;
      padding: 11px 16px;
      font-size: 18px;
      line-height: 1.3333333
  }
  
  .has-feedback {
      position: relative
  }
  
  .has-feedback .form-control {
      padding-right: 42.5px
  }
  
  .form-control-feedback {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 2;
      display: block;
      width: 34px;
      height: 34px;
      line-height: 34px;
      text-align: center;
      pointer-events: none
  }
  
  .input-lg+.form-control-feedback,
  .input-group-lg+.form-control-feedback,
  .form-group-lg .form-control+.form-control-feedback {
      width: 46px;
      height: 46px;
      line-height: 46px
  }
  
  .input-sm+.form-control-feedback,
  .input-group-sm+.form-control-feedback,
  .form-group-sm .form-control+.form-control-feedback {
      width: 30px;
      height: 30px;
      line-height: 30px
  }
  
  .has-success .help-block,
  .has-success .control-label,
  .has-success .radio,
  .has-success .checkbox,
  .has-success .radio-inline,
  .has-success .checkbox-inline,
  .has-success.radio label,
  .has-success.checkbox label,
  .has-success.radio-inline label,
  .has-success.checkbox-inline label {
      color: #3c763d
  }
  
  .has-success .form-control {
      border-color: #3c763d;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
  }
  
  .has-success .form-control:focus {
      border-color: #2b542c;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
  }
  
  .has-success .input-group-addon {
      color: #3c763d;
      border-color: #3c763d;
      background-color: #dff0d8
  }
  
  .has-success .form-control-feedback {
      color: #3c763d
  }
  
  .has-warning .help-block,
  .has-warning .control-label,
  .has-warning .radio,
  .has-warning .checkbox,
  .has-warning .radio-inline,
  .has-warning .checkbox-inline,
  .has-warning.radio label,
  .has-warning.checkbox label,
  .has-warning.radio-inline label,
  .has-warning.checkbox-inline label {
      color: #8a6d3b
  }
  
  .has-warning .form-control {
      border-color: #8a6d3b;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
  }
  
  .has-warning .form-control:focus {
      border-color: #66512c;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
  }
  
  .has-warning .input-group-addon {
      color: #8a6d3b;
      border-color: #8a6d3b;
      background-color: #fcf8e3
  }
  
  .has-warning .form-control-feedback {
      color: #8a6d3b
  }
  
  .has-error .help-block,
  .has-error .control-label,
  .has-error .radio,
  .has-error .checkbox,
  .has-error .radio-inline,
  .has-error .checkbox-inline,
  .has-error.radio label,
  .has-error.checkbox label,
  .has-error.radio-inline label,
  .has-error.checkbox-inline label {
      color: #a94442
  }
  
  .has-error .form-control {
      border-color: #a94442;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
  }
  
  .has-error .form-control:focus {
      border-color: #843534;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
  }
  
  .has-error .input-group-addon {
      color: #a94442;
      border-color: #a94442;
      background-color: #f2dede
  }
  
  .has-error .form-control-feedback {
      color: #a94442
  }
  
  .has-feedback label~.form-control-feedback {
      top: 25px
  }
  
  .has-feedback label.sr-only~.form-control-feedback {
      top: 0
  }
  
  .help-block {
      display: block;
      margin-top: 5px;
      margin-bottom: 10px;
      color: #737373
  }
  
  @media(min-width:768px) {
      .form-inline .form-group {
          display: inline-block;
          margin-bottom: 0;
          vertical-align: middle
      }
      .form-inline .form-control {
          display: inline-block;
          width: auto;
          vertical-align: middle
      }
      .form-inline .form-control-static {
          display: inline-block
      }
      .form-inline .input-group {
          display: inline-table;
          vertical-align: middle
      }
      .form-inline .input-group .input-group-addon,
      .form-inline .input-group .input-group-btn,
      .form-inline .input-group .form-control {
          width: auto
      }
      .form-inline .input-group>.form-control {
          width: 100%
      }
      .form-inline .control-label {
          margin-bottom: 0;
          vertical-align: middle
      }
      .form-inline .radio,
      .form-inline .checkbox {
          display: inline-block;
          margin-top: 0;
          margin-bottom: 0;
          vertical-align: middle
      }
      .form-inline .radio label,
      .form-inline .checkbox label {
          padding-left: 0
      }
      .form-inline .radio input[type="radio"],
      .form-inline .checkbox input[type="checkbox"] {
          position: relative;
          margin-left: 0
      }
      .form-inline .has-feedback .form-control-feedback {
          top: 0
      }
  }
  
  .form-horizontal .radio,
  .form-horizontal .checkbox,
  .form-horizontal .radio-inline,
  .form-horizontal .checkbox-inline {
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 7px
  }
  
  .form-horizontal .radio,
  .form-horizontal .checkbox {
      min-height: 27px
  }
  
  .form-horizontal .form-group {
      margin-left: -15px;
      margin-right: -15px
  }
  
  @media(min-width:768px) {
      .form-horizontal .control-label {
          text-align: right;
          margin-bottom: 0;
          padding-top: 7px
      }
  }
  
  .form-horizontal .has-feedback .form-control-feedback {
      right: 15px
  }
  
  @media(min-width:768px) {
      .form-horizontal .form-group-lg .control-label {
          padding-top: 11px;
          font-size: 18px
      }
  }
  
  @media(min-width:768px) {
      .form-horizontal .form-group-sm .control-label {
          padding-top: 6px;
          font-size: 12px
      }
  }
  
  .btn {
      display: inline-block;
      margin-bottom: 0;
      font-weight: normal;
      text-align: center;
      vertical-align: middle;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
      cursor: pointer;
      background-image: none;
      border: 1px solid transparent;
      white-space: nowrap;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      border-radius: 4px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
  }
  
  .btn:focus,
  .btn:active:focus,
  .btn.active:focus,
  .btn.focus,
  .btn:active.focus,
  .btn.active.focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px
  }
  
  .btn:hover,
  .btn:focus,
  .btn.focus {
      color: #333;
      text-decoration: none
  }
  
  .btn:active,
  .btn.active {
      outline: 0;
      background-image: none;
      -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
  }
  
  .btn.disabled,
  .btn[disabled],
  fieldset[disabled] .btn {
      cursor: not-allowed;
      opacity: .65;
      filter: alpha(opacity=65);
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  a.btn.disabled,
  fieldset[disabled] a.btn {
      pointer-events: none
  }
  
  .btn-default {
      color: #333;
      background-color: #fff;
      border-color: #ccc
  }
  
  .btn-default:focus,
  .btn-default.focus {
      color: #333;
      background-color: #e6e6e6;
      border-color: #8c8c8c
  }
  
  .btn-default:hover {
      color: #333;
      background-color: #e6e6e6;
      border-color: #adadad
  }
  
  .btn-default:active,
  .btn-default.active,
  .open>.dropdown-toggle.btn-default {
      color: #333;
      background-color: #e6e6e6;
      border-color: #adadad
  }
  
  .btn-default:active:hover,
  .btn-default.active:hover,
  .open>.dropdown-toggle.btn-default:hover,
  .btn-default:active:focus,
  .btn-default.active:focus,
  .open>.dropdown-toggle.btn-default:focus,
  .btn-default:active.focus,
  .btn-default.active.focus,
  .open>.dropdown-toggle.btn-default.focus {
      color: #333;
      background-color: #d4d4d4;
      border-color: #8c8c8c
  }
  
  .btn-default:active,
  .btn-default.active,
  .open>.dropdown-toggle.btn-default {
      background-image: none
  }
  
  .btn-default.disabled:hover,
  .btn-default[disabled]:hover,
  fieldset[disabled] .btn-default:hover,
  .btn-default.disabled:focus,
  .btn-default[disabled]:focus,
  fieldset[disabled] .btn-default:focus,
  .btn-default.disabled.focus,
  .btn-default[disabled].focus,
  fieldset[disabled] .btn-default.focus {
      background-color: #fff;
      border-color: #ccc
  }
  
  .btn-default .badge {
      color: #fff;
      background-color: #333
  }
  
  .btn-primary {
      color: #fff;
      background-color: #337ab7;
      border-color: #2e6da4
  }
  
  .btn-primary:focus,
  .btn-primary.focus {
      color: #fff;
      background-color: #286090;
      border-color: #122b40
  }
  
  .btn-primary:hover {
      color: #fff;
      background-color: #286090;
      border-color: #204d74
  }
  
  .btn-primary:active,
  .btn-primary.active,
  .open>.dropdown-toggle.btn-primary {
      color: #fff;
      background-color: #286090;
      border-color: #204d74
  }
  
  .btn-primary:active:hover,
  .btn-primary.active:hover,
  .open>.dropdown-toggle.btn-primary:hover,
  .btn-primary:active:focus,
  .btn-primary.active:focus,
  .open>.dropdown-toggle.btn-primary:focus,
  .btn-primary:active.focus,
  .btn-primary.active.focus,
  .open>.dropdown-toggle.btn-primary.focus {
      color: #fff;
      background-color: #204d74;
      border-color: #122b40
  }
  
  .btn-primary:active,
  .btn-primary.active,
  .open>.dropdown-toggle.btn-primary {
      background-image: none
  }
  
  .btn-primary.disabled:hover,
  .btn-primary[disabled]:hover,
  fieldset[disabled] .btn-primary:hover,
  .btn-primary.disabled:focus,
  .btn-primary[disabled]:focus,
  fieldset[disabled] .btn-primary:focus,
  .btn-primary.disabled.focus,
  .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary.focus {
      background-color: #337ab7;
      border-color: #2e6da4
  }
  
  .btn-primary .badge {
      color: #337ab7;
      background-color: #fff
  }
  
  .btn-success {
      color: #fff;
      background-color: #5cb85c;
      border-color: #4cae4c
  }
  
  .btn-success:focus,
  .btn-success.focus {
      color: #fff;
      background-color: #449d44;
      border-color: #255625
  }
  
  .btn-success:hover {
      color: #fff;
      background-color: #449d44;
      border-color: #398439
  }
  
  .btn-success:active,
  .btn-success.active,
  .open>.dropdown-toggle.btn-success {
      color: #fff;
      background-color: #449d44;
      border-color: #398439
  }
  
  .btn-success:active:hover,
  .btn-success.active:hover,
  .open>.dropdown-toggle.btn-success:hover,
  .btn-success:active:focus,
  .btn-success.active:focus,
  .open>.dropdown-toggle.btn-success:focus,
  .btn-success:active.focus,
  .btn-success.active.focus,
  .open>.dropdown-toggle.btn-success.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625
  }
  
  .btn-success:active,
  .btn-success.active,
  .open>.dropdown-toggle.btn-success {
      background-image: none
  }
  
  .btn-success.disabled:hover,
  .btn-success[disabled]:hover,
  fieldset[disabled] .btn-success:hover,
  .btn-success.disabled:focus,
  .btn-success[disabled]:focus,
  fieldset[disabled] .btn-success:focus,
  .btn-success.disabled.focus,
  .btn-success[disabled].focus,
  fieldset[disabled] .btn-success.focus {
      background-color: #5cb85c;
      border-color: #4cae4c
  }
  
  .btn-success .badge {
      color: #5cb85c;
      background-color: #fff
  }
  
  .btn-info {
      color: #fff;
      background-color: #5bc0de;
      border-color: #46b8da
  }
  
  .btn-info:focus,
  .btn-info.focus {
      color: #fff;
      background-color: #31b0d5;
      border-color: #1b6d85
  }
  
  .btn-info:hover {
      color: #fff;
      background-color: #31b0d5;
      border-color: #269abc
  }
  
  .btn-info:active,
  .btn-info.active,
  .open>.dropdown-toggle.btn-info {
      color: #fff;
      background-color: #31b0d5;
      border-color: #269abc
  }
  
  .btn-info:active:hover,
  .btn-info.active:hover,
  .open>.dropdown-toggle.btn-info:hover,
  .btn-info:active:focus,
  .btn-info.active:focus,
  .open>.dropdown-toggle.btn-info:focus,
  .btn-info:active.focus,
  .btn-info.active.focus,
  .open>.dropdown-toggle.btn-info.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85
  }
  
  .btn-info:active,
  .btn-info.active,
  .open>.dropdown-toggle.btn-info {
      background-image: none
  }
  
  .btn-info.disabled:hover,
  .btn-info[disabled]:hover,
  fieldset[disabled] .btn-info:hover,
  .btn-info.disabled:focus,
  .btn-info[disabled]:focus,
  fieldset[disabled] .btn-info:focus,
  .btn-info.disabled.focus,
  .btn-info[disabled].focus,
  fieldset[disabled] .btn-info.focus {
      background-color: #5bc0de;
      border-color: #46b8da
  }
  
  .btn-info .badge {
      color: #5bc0de;
      background-color: #fff
  }
  
  .btn-warning {
      color: #fff;
      background-color: #f0ad4e;
      border-color: #eea236
  }
  
  .btn-warning:focus,
  .btn-warning.focus {
      color: #fff;
      background-color: #ec971f;
      border-color: #985f0d
  }
  
  .btn-warning:hover {
      color: #fff;
      background-color: #ec971f;
      border-color: #d58512
  }
  
  .btn-warning:active,
  .btn-warning.active,
  .open>.dropdown-toggle.btn-warning {
      color: #fff;
      background-color: #ec971f;
      border-color: #d58512
  }
  
  .btn-warning:active:hover,
  .btn-warning.active:hover,
  .open>.dropdown-toggle.btn-warning:hover,
  .btn-warning:active:focus,
  .btn-warning.active:focus,
  .open>.dropdown-toggle.btn-warning:focus,
  .btn-warning:active.focus,
  .btn-warning.active.focus,
  .open>.dropdown-toggle.btn-warning.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d
  }
  
  .btn-warning:active,
  .btn-warning.active,
  .open>.dropdown-toggle.btn-warning {
      background-image: none
  }
  
  .btn-warning.disabled:hover,
  .btn-warning[disabled]:hover,
  fieldset[disabled] .btn-warning:hover,
  .btn-warning.disabled:focus,
  .btn-warning[disabled]:focus,
  fieldset[disabled] .btn-warning:focus,
  .btn-warning.disabled.focus,
  .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning.focus {
      background-color: #f0ad4e;
      border-color: #eea236
  }
  
  .btn-warning .badge {
      color: #f0ad4e;
      background-color: #fff
  }
  
  .btn-danger {
      color: #fff;
      background-color: #d9534f;
      border-color: #d43f3a
  }
  
  .btn-danger:focus,
  .btn-danger.focus {
      color: #fff;
      background-color: #c9302c;
      border-color: #761c19
  }
  
  .btn-danger:hover {
      color: #fff;
      background-color: #c9302c;
      border-color: #ac2925
  }
  
  .btn-danger:active,
  .btn-danger.active,
  .open>.dropdown-toggle.btn-danger {
      color: #fff;
      background-color: #c9302c;
      border-color: #ac2925
  }
  
  .btn-danger:active:hover,
  .btn-danger.active:hover,
  .open>.dropdown-toggle.btn-danger:hover,
  .btn-danger:active:focus,
  .btn-danger.active:focus,
  .open>.dropdown-toggle.btn-danger:focus,
  .btn-danger:active.focus,
  .btn-danger.active.focus,
  .open>.dropdown-toggle.btn-danger.focus {
      color: #fff;
      background-color: #ac2925;
      border-color: #761c19
  }
  
  .btn-danger:active,
  .btn-danger.active,
  .open>.dropdown-toggle.btn-danger {
      background-image: none
  }
  
  .btn-danger.disabled:hover,
  .btn-danger[disabled]:hover,
  fieldset[disabled] .btn-danger:hover,
  .btn-danger.disabled:focus,
  .btn-danger[disabled]:focus,
  fieldset[disabled] .btn-danger:focus,
  .btn-danger.disabled.focus,
  .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger.focus {
      background-color: #d9534f;
      border-color: #d43f3a
  }
  
  .btn-danger .badge {
      color: #d9534f;
      background-color: #fff
  }
  
  .btn-link {
      color: #337ab7;
      font-weight: normal;
      border-radius: 0
  }
  
  .btn-link,
  .btn-link:active,
  .btn-link.active,
  .btn-link[disabled],
  fieldset[disabled] .btn-link {
      background-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none
  }
  
  .btn-link,
  .btn-link:hover,
  .btn-link:focus,
  .btn-link:active {
      border-color: transparent
  }
  
  .btn-link:hover,
  .btn-link:focus {
      color: #23527c;
      text-decoration: underline;
      background-color: transparent
  }
  
  .btn-link[disabled]:hover,
  fieldset[disabled] .btn-link:hover,
  .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:focus {
      color: #777;
      text-decoration: none
  }
  
  .btn-lg,
  .btn-group-lg>.btn {
      padding: 10px 16px;
      font-size: 18px;
      line-height: 1.3333333;
      border-radius: 6px
  }
  
  .btn-sm,
  .btn-group-sm>.btn {
      padding: 5px 10px;
      font-size: 12px;
      line-height: 1.5;
      border-radius: 3px
  }
  
  .btn-xs,
  .btn-group-xs>.btn {
      padding: 1px 5px;
      font-size: 12px;
      line-height: 1.5;
      border-radius: 3px
  }
  
  .btn-block {
      display: block;
      width: 100%
  }
  
  .btn-block+.btn-block {
      margin-top: 5px
  }
  
  input[type="submit"].btn-block,
  input[type="reset"].btn-block,
  input[type="button"].btn-block {
      width: 100%
  }
  
  .fade {
      opacity: 0;
      -webkit-transition: opacity .15s linear;
      -o-transition: opacity .15s linear;
      transition: opacity .15s linear
  }
  
  .fade.in {
      opacity: 1
  }
  
  .collapse {
      display: none
  }
  
  .collapse.in {
      display: block
  }
  
  tr.collapse.in {
      display: table-row
  }
  
  tbody.collapse.in {
      display: table-row-group
  }
  
  .collapsing {
      position: relative;
      height: 0;
      overflow: hidden;
      -webkit-transition-timing-function: ease;
      -o-transition-timing-function: ease;
      transition-timing-function: ease;
      -webkit-transition-duration: .35s;
      -o-transition-duration: .35s;
      transition-duration: .35s;
      -webkit-transition-property: height, visibility;
      -o-transition-property: height, visibility;
      transition-property: height, visibility
  }
  
  .caret {
      display: inline-block;
      width: 0;
      height: 0;
      margin-left: 2px;
      vertical-align: middle;
      border-top: 4px dashed;
      border-top: 4px solid \9;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent
  }
  
  html {
      height: 100%
  }
  
  .post-item .t {
      font-size: 1.25rem;
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: 0;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical
  }
  
  body {
      height: 100%;
      min-width: 320px;
      font-family: 'Roboto Condensed', sans-serif;
      font-size: 16px;
      color: #434343;
	  		background:#f5f5f5;

  }
  
  body.body-prevent {
      user-select: none;
      -moz-user-select: none;
      -webkit-user-select: none;
      -khtml-user-select: none
  }
  
  a,
  a:active,
  a:visited {
      color: #434343;
      cursor: pointer !important;
      text-decoration: none
  }
  
  ul,
  ol,
  li {
      margin: 0;
      padding: 0
  }
  
  li {
      list-style: none
  }
  
  .clearfix:before,
  .clearfix:after,
  .dl-horizontal dd:before,
  .dl-horizontal dd:after,
  .form-horizontal .form-group:before,
  .form-horizontal .form-group:after,
  .btn-toolbar:before,
  .btn-toolbar:after,
  .btn-group-vertical>.btn-group:before,
  .btn-group-vertical>.btn-group:after,
  .nav:before,
  .nav:after,
  .navbar:before,
  .navbar:after,
  .navbar-header:before,
  .navbar-header:after,
  .navbar-collapse:before,
  .navbar-collapse:after,
  .owl-dots:before,
  .owl-dots:after,
  .panel-body:before,
  .panel-body:after,
  .modal-header:before,
  .modal-header:after,
  .modal-footer:before,
  .modal-footer:after {
      display: table;
      content: " "
  }
  
  .clearfix:after,
  .dl-horizontal dd:after,
  .container:after,
  .container-fluid:after,
  .row:after,
  .form-horizontal .form-group:after,
  .btn-toolbar:after,
  .btn-group-vertical>.btn-group:after,
  .nav:after,
  .navbar:after,
  .navbar-header:after,
  .navbar-collapse:after,
  .pager:after,
  .panel-body:after,
  .modal-header:after,
  .modal-footer:after {
      clear: both
  }
  
  @media(max-width :480px) {
      .page-full,
      main>.page-inner {
          padding-top: 10px
      }
  }
  
  .page-inner {
      position: relative;
      z-index: 1;
      width: 100%;
      clear: both
  }
  
  .banner {
      clear: both;
      position: relative;
      z-index: 0;
      padding: 0;
      margin: 0 auto 20px auto;
      text-align: center
  }
  
  .banner>a {
      display: inline-block
  }
  
  .banner>img,
  .banner>div,
  .banner>embed {
      margin: auto;
      display: block
  }
  
  .banner>img,
  .banner>a>img,
  .banner>embed {
      max-width: 100% !important;
      max-height: 100% !important;
      height: auto
  }
  
  .banner img.img-responsive {
      display: inline-block
  }
  
  .banner-side {
      width: 300px
  }
  
  .banner-wide {
      margin-bottom: 0;
      padding: 12px 0
  }
  
  @media(max-width :992px) {
      .banner-side {
          float: none;
          width: 100%
      }
  }
  
  main>.page-inner {
      padding-top: 20px
  }
  
  main>.page-inner~.page-inner {
      padding-top: 0
  }
  
  .base-side {
      float: right;
      width: 300px
  }
  
  .base-side.scroll-fixed {
      position: fixed;
      margin-left: 900px
  }
  
  .headline {
      overflow: hidden;
      line-height: 1;
      border-bottom: 3px solid #e5e5e5;
      background: #f5f5f5;
      background: -moz-radial-gradient(center, ellipse cover, #f5f5f5 0, #f5f5f5 35%, #e9e9e9 100%);
      background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, #f5f5f5), color-stop(35%, #f5f5f5), color-stop(100%, #e9e9e9));
      background: -webkit-radial-gradient(center, ellipse cover, #f5f5f5 0, #f5f5f5 35%, #e9e9e9 100%);
      background: -o-radial-gradient(center, ellipse cover, #f5f5f5 0, #f5f5f5 35%, #e9e9e9 100%);
      background: -ms-radial-gradient(center, ellipse cover, #f5f5f5 0, #f5f5f5 35%, #e9e9e9 100%);
      background: radial-gradient(ellipse at center, #f5f5f5 0, #f5f5f5 35%, #e9e9e9 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e9e9e9', GradientType=1)
  }
  
  .headline h2 {
      margin: 3px 0 3px 10px;
      line-height: 1.3;
      font-size: medium;
      font-weight: 700;
      color: #e90009
  }
  
  .headline ul {
      display: block
  }
  
  .headline li {
      height: 100%;
  }
  
  .headline li a {
      display: block;
      position: relative;
      overflow: hidden
  }
  
  .headline li a:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 50%
  }
  
  .headline li a>img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%
  }
  
  .headline li .title {
      position: absolute;
      left: 5%;
      right: 5%;
      bottom: 0;
      display: block;
      width: 90%;
      padding: 15px 0;
      line-height: 1.25;
      font-weight: 700;
      font-size: 218.75%;
      color: #fff;
      text-align: center;
      text-shadow: 1px 1px 1px #000;
      border-top: 1px solid #fff;
      border-top-color: rgba(255, 255, 255, .25)
  }
  
  .headline li .title-bck {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 160px;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65) 100%);
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65) 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.65) 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0)
  }
  
  .headline .owl-dots {
      display: inline-block;
      height: 57px;
      padding-left: 18px;
      padding-top: 13px;
      -webkit-tap-highlight-color: transparent
  }
  
  .headline .owl-dots .owl-dot {
      display: block;
      float: left;
      width: 34px;
      height: 34px;
      border: 2px solid #cacaca;
      background-color: #fff;
      margin-right: 10px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      zoom: 1
  }
  
  .headline .owl-dots .owl-dot {
      display: block;
      font-weight: 700;
      font-size: 106.25%;
      line-height: 30px;
      text-align: center
  }
  
  .headline .owl-dots .owl-dot:hover,
  .headline .owl-dots .owl-dot.active {
      background-color: #e90009;
      border-color: #e90009;
	  color:#fff;
      -webkit-border-top-left-radius: 2px;
      -moz-border-radius-topleft: 2px;
      border-top-left-radius: 2px
  }
  
  .headline .owl-dots .owl-dot:hover a,
  .headline .owl-dots .owl-dot.active a {
      text-decoration: none;
      color: #fff
  }
  
  .headline .all {
      display: block;
      float: right;
      height: 34px;
      margin-top: 13px;
      margin-right: 20px;
      padding: 0 15px;
      border: 2px solid #cacaca;
      background-color: #fff;
      font-weight: 700;
      font-size: 106.25%;
      line-height: 30px;
      border-radius: 18px;
      -moz-border-radius: 18px;
      -webkit-border-radius: 18px
  }
  
  .headline .all:hover {
      background-color: #e90009;
      border-color: #e90009;
      text-decoration: none;
      color: #fff
  }
  

  .page-content .headline {
      margin-bottom: 20px
  }
  
  @media(max-width:1200px) {
     .headline li .title {
          padding: 10px 0;
          font-size: 175%
      }
      .headline li .title-bck {
          bottom: -20px
      }
      .headline .pager .item {
          margin-right: 4px
      }
      .headline .all,
      .headline .pager .item a {
          font-size: 93.75%
      }
	    .headline .owl-dots .owl-dot {
	  		margin-right: 1px;
	  }
  }
  
  @media(max-width :992px) {
      .headline {
          height: auto;
          margin-bottom: 10px
      }
      .headline li {
          height: auto
      }
	  .headline .owl-dots .owl-dot {
	  		margin-right: 7px;
	  }
  }
  
  @media(max-width :768px) {
	  .headline .owl-dots .owl-dot {
	 font-size: 85.25%;
	float: left;
    width: 24px;
    height: 33px;
    border: 2px solid #cacaca;
    background-color: #fff;
    margin-right: 6px;
	  }
      .headline li .title {
          font-size: 125%;
          height: auto;
          line-height: 1.2
      }
      .headline .pager {
          padding-left: 5px
      }
      .headline .pager .item {
          margin-right: 3px
      }
      .headline .all {
          padding: 0 5px;
          margin-right: 5px
      }
  }
  
  @media(max-width :480px) {
	  .headline .owl-dots .owl-dot {
		 font-weight: 100;
   		 font-size: 1%;
		  width: 15px;
		height: 15px;
		border: 2px solid #cacaca;
		background-color: #fff;
		margin-right: 2px;

	  }
	  .headline .owl-dots {
			width: 100%;
			display: flex;
			padding-left: 18px;
			justify-content: center;
			padding-top: 13px;
		}
      .headline {
          border-bottom-width: 0;
          border: 0
      }
      .headline li .title {
          left: 2%;
          right: 2%;
          width: 96%;
          height: auto;
          font-size: 100%;
          padding: 5px 0
      }
      .headline li .title-bck {
          bottom: -60px
      }
      .headline .pager {
          display: block;
          height: 25px;
          text-align: center;
          padding: 0
      }
      .headline .pager .item {
          display: inline-block;
          float: none;
          width: 10px;
          height: 10px;
          overflow: hidden;
          text-indent: -20px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%
      }
      .headline .all {
          display: none
      }
  }
  
  .fit-main {
      float: left;
      width: 100%;
  }
  
  .owl-carousel {
      display: none;
      width: 100%;
      -webkit-tap-highlight-color: transparent;
      position: relative;
      z-index: 1
  }
  
  .owl-carousel .owl-stage {
      position: relative;
      -ms-touch-action: pan-Y;
      -moz-backface-visibility: hidden
  }
  
  .owl-carousel .owl-stage:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0
  }

  .owl-carousel .owl-stage-outer {
      position: relative;
      overflow: hidden;
      -webkit-transform: translate3d(0, 0, 0)
  }
  
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0)
  }
  
  .owl-carousel .owl-item {
      position: relative;
      min-height: 1px;
      float: left;
      -webkit-backface-visibility: hidden;
      -webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none
  }
  
  .owl-carousel .owl-item img {
      display: block;
      width: 100%
  }
  
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
      display: none
  }
  
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
      cursor: pointer;
      cursor: hand;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
  }
  
  .owl-carousel.owl-loaded {
      display: block
  }
  
  .owl-carousel.owl-loading {
      opacity: 0;
      display: block
  }
  
  .owl-carousel.owl-hidden {
      opacity: 0
  }
  
  .owl-carousel.owl-refresh .owl-item {
      visibility: hidden
  }
  
  .owl-carousel.owl-drag .owl-item {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
  }
  
  .owl-carousel.owl-grab {
      cursor: move;
      cursor: grab
  }
  
  .owl-carousel.owl-rtl {
      direction: rtl
  }
  
  .owl-carousel.owl-rtl .owl-item {
      float: right
  }
  
  .no-js .owl-carousel {
      display: block
  }
  
  .owl-carousel .animated {
      animation-duration: 1000ms;
      animation-fill-mode: both
  }
  
  .owl-carousel .owl-animated-in {
      z-index: 0
  }
  
  .owl-carousel .owl-animated-out {
      z-index: 1
  }
  
  .owl-carousel .fadeOut {
      animation-name: fadeOut
  }
  
  .owl-height {
      transition: height 500ms ease-in-out
  }
  
  .owl-carousel .owl-item .owl-lazy {
      opacity: 0;
      transition: opacity 400ms ease
  }
  
  .owl-carousel .owl-item img.owl-lazy {
      transform-style: preserve-3d
  }
  
  .owl-carousel .owl-video-wrapper {
      position: relative;
      height: 100%;
      background: #000
  }
  
  .owl-carousel .owl-video-play-icon {
      position: absolute;
      height: 80px;
      width: 80px;
      left: 50%;
      top: 50%;
      margin-left: -40px;
      margin-top: -40px;
      background: url("owl.video.play.png") no-repeat;
      cursor: pointer;
      z-index: 1;
      -webkit-backface-visibility: hidden;
      transition: transform 100ms ease
  }
  
  .owl-carousel .owl-video-play-icon:hover {
      -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3)
  }
  
  .owl-carousel .owl-video-playing .owl-video-tn,
  .owl-carousel .owl-video-playing .owl-video-play-icon {
      display: none
  }
  
  .owl-carousel .owl-video-tn {
      opacity: 0;
      height: 100%;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      transition: opacity 400ms ease
  }
  
  .owl-carousel .owl-video-frame {
      position: relative;
      z-index: 1;
      height: 100%;
      width: 100%
  }
  
  .visible-xs,
  .visible-sm,
  .visible-md,
  .visible-lg {
      display: none !important
  }
  
  .visible-xs-block,
  .visible-xs-inline,
  .visible-xs-inline-block,
  .visible-sm-block,
  .visible-sm-inline,
  .visible-sm-inline-block,
  .visible-md-block,
  .visible-md-inline,
  .visible-md-inline-block,
  .visible-lg-block,
  .visible-lg-inline,
  .visible-lg-inline-block {
      display: none !important
  }
  
  @media(max-width:767px) {
      .visible-xs {
          display: block !important
      }
      table.visible-xs {
          display: table !important
      }
      tr.visible-xs {
          display: table-row !important
      }
      th.visible-xs,
      td.visible-xs {
          display: table-cell !important
      }
  }
  
  @media(max-width:767px) {
      .visible-xs-block {
          display: block !important
      }
  }
  
  @media(max-width:767px) {
      .visible-xs-inline {
          display: inline !important
      }
  }
  
  @media(max-width:767px) {
      .visible-xs-inline-block {
          display: inline-block !important
      }
  }
  
  @media(max-width:1200px) {
      .fit-main {
          width: 670px
      }
  }
  
  @media(max-width :992px) {
      .fit-main {
          float: none;
          width: 100%
      }
  }
  
  @media(min-width:1200px) {
      .boxed main {
          background-image: url(i/main-bck-992.png)
      }
      .boxed .container {
          width: 990px
      }
      .boxed .SNK_pageskin.left {
          margin-right: 515px
      }
      .boxed .SNK_pageskin.right {
          margin-left: 515px
      }
      .boxed .page-inner .page-content {
          width: 670px
      }
      .boxed .fit-main {
          width: 670px
      }
      .boxed .base-side.scroll-fixed {
          margin-left: 690px
      }
      .boxed .nav-top {
          width: 600px
      }
      .boxed .nav-footer {
          width: 450px
      }
      .boxed .headline {
          height: 395px
      }
      .boxed .headline li {
          height: 335px
      }
      .boxed .headline li .title {
          padding: 10px 0;
          line-height: 1.25;
          font-size: 175%
      }
      .boxed .headline li .title-bck {
          bottom: -20px
      }
      .boxed .headline .pager .item {
          margin-right: 4px
      }
      .boxed .headline-side ul.show-scroll {
          height: 395px
      }
      .boxed .headline-side a {
          height: 99px
      }
      .boxed .headline-side li:first-child a {
          height: 98px
      }
      .boxed .slide-news-2 .owl-nav>div {
          height: 159px;
          line-height: 159px
      }
      .boxed .currency-bar ul {
          width: 750px
      }
      .boxed .currency-bar ul li:last-child {
          display: none
      }
      .boxed .cat-news {
          width: 316px
      }
      .boxed .cat-news li {
          height: 330px
      }
      .boxed .cat-news-1 {
          width: 325px
      }
      .boxed .cat-news-1 li {
          height: 330px
      }
      .boxed .mostly-side ul li {
          height: 92px;
          margin-bottom: 11px
      }
      .boxed .box-news-2 .f a {
          height: 334px
      }
      .boxed .media-main {
          width: 485px
      }
      .boxed .media-main .pager .item img {
          width: 145px;
          height: 73px
      }
      .boxed .box-gallery .f a {
          height: 396px
      }
  }
  
  .header-01 {
      background-color: var(--news-theme-color);
  }
  
  .header-01 .nav-top-container {
      height: 40px;
      background-color: #fff
  }
  
  .header-01 .nav-top {
      padding-top: 8px
  }
  
  .header-01 .nav-top div {
      font-size: 81.25%;
      display: inline-block;
      border-right: 1px solid #ccc;
      margin-right: 10px;
      padding-right: 10px
  }
  
  .header-01 .nav-top div:last-child {
      border-right: none;
      margin-right: 0
  }
  
  .header-01 .nav-top .icon-home {
      color: #ee1c24;
      font-size: 120%
  }
  
  .header-01 .nav-icon {
      padding-top: 2px
  }
  
  .header-01 .nav-icon div {
      display: inline-block;
      line-height: 50px;
      border-left: 1px solid var(--news-theme-color);
      margin-left: 10px;
      padding-left: 10px
  }
  
  .header-01 .nav-icon div a {
      color: #969aa9
  }
.menuyazi{
	color:#4c4351;
	font-family: 'Gilroy Bold';
    font-weight: 900;
    font-size: larger;
}
  .header-01 .nav-main-container .container {
      height: 44px
  }
  
  @media screen and (min-width:992px) {
      .header-01 .nav-main-container .container {
          height: 44px
      }
  }
  
  .header-01 .nav-main-container .brand img {
      height: 50px;
      width: auto
  }
  
  @media screen and (min-width:992px) {
      .header-01 .nav-main-container .brand img {
          height: 70px
      }
  }
  
  .header-01 .nav-main-container .nav-main,
  .header-01 .nav-main-container .nav-tool {
      list-style: none;
      margin-bottom: 0;
      padding-left: 0
  }
  
  .header-01 .nav-main-container .nav-main a {
      padding-right: .425rem;
      padding-left: .425rem;
      color: #fff;
      font-size: 90.25%;
      text-transform: uppercase;
      font-weight: 600;
      white-space: nowrap
  }
  
  .header-01 .nav-main-container .nav-tool {
      color: #fff
  }
.header-01 .nav-main-container{
height:120px;
	    display: unset;
}
  
  .header-01 .nav-main-container .nav-tool li {
      height: 40px;
      line-height: 40px;
      padding: 0 .3rem;
  }
  
  .header-01 .nav-main-container .nav-tool .btn {
      color: #fff;
      font-size: 150%;
      padding: 0
  }
  
  .header-01 .nav-main-container .nav-tool .weather {
      min-width: 140px
  }
  
  .header-01 .nav-main-container .nav-tool .weather .weather-info {
      padding-top: 6px;
      display: inline-block
  }
  
  .header-01 .nav-main-container .nav-tool .weather .weather-info:hover {
      text-decoration: none
  }
  
  .header-01 .nav-main-container .nav-tool .weather .weather-info div,
  .header-01 .nav-main-container .nav-tool .weather .weather-info span {
      display: block
  }
  
  .header-01 .nav-main-container .nav-tool .weather .weather-info .city {
      padding-right: 12px;
      line-height: 12px;
      font-size: 12px
  }
  
  .header-01 .nav-main-container .nav-tool .weather .weather-info .city span {
      line-height: 26px;
      font-size: 18px;
      font-weight: 700
  }
  
  .header-01 .nav-main-container .nav-tool .weather .weather-icon {
      display: block;
      width: 38px;
      height: 38px;
      margin: 0 10px;
      text-align: center;
      line-height: 34px;
      font-size: 30px
  }
  
  @media screen and (min-width:992px) {
      .header-01 .nav-main-container .nav-tool li {
          height: 60px;
          line-height: 60px;
          padding: 0 .7rem;
		  border-radius: 18px;
      }
  }
  
 .bar-last-news {
    background-color: var(--news-theme-color-secondary);
    box-shadow: 1px 0 5px rgb(0 0 0 / 10%);
	 margin-bottom: 10px;
}
  
  .bar-last-news .container {
      height: 50px;
      background: var(--news-theme-color-secondary);
      padding-left: 5px;
      padding-right: 5px
  }
  
  @media screen and (min-width:768px) {
      .bar-last-news .container {
          background-color: var(--news-theme-color-secondary);
	  }
  }
  
  .bar-last-news .container .icon {
      position: relative;
	  font-family: 'Gilroy Black';
      width: 37.45455px;
      height: 40px;
      color: var(--news-theme-text-color);
      margin-right: 10px;
      text-align: center;
      display: none
  }
  
  .bar-last-news .container .icon i {
      line-height: 0;
      font-size: 40px;
      margin-left: -9px
  }
  
  .bar-last-news .container .icon span {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      font-size: 16px;
      font-weight: 700;
      line-height: 50px
  }
  
  @media screen and (min-width:768px) {
      .bar-last-news .container .icon {
          display: block
      }
  }
  
  .bar-last-news .container .items {
      width:100%;
	  max-width: 700px;
	  
  }
  
  .bar-last-news .container .items .item {
      height: 3em;
	   width:100%;
      overflow: hidden;
      display: flex;
      align-items: center;
      flex-direction: row
  }
  
  .bar-last-news .container .items .time {
      color: var(--news-theme-text-color);      font-weight: 700;
      display: flex
  }
  
  .bar-last-news .container .items .time:after {
      display: inline-block;
      content: "/";
      padding: 0 1rem;
      color: var(--news-theme-text-color);
  }
  
  .bar-last-news .container .items a {
      color: var(--news-theme-text-color);
      overflow: hidden;
      display: -webkit-box;
	  font-family: 'Gilroy Bold';
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical
  }
  
  .bar-last-news .container .items .owl-nav {
      position: absolute;
      top: calc(50% - .75rem);
      left: 10px;
      line-height: 0;
      display: none
  }
  
  .bar-last-news .container .items .owl-nav .owl-next,
  .bar-last-news .container .items .owl-nav .owl-prev {
      width: 30px;
      font-size: 1.5rem;
      line-height: 1;
      color: var(--news-theme-text-color);
      border: 0px;
      background-color: transparent;
  }
  
  .owl-next {
      float: right;
  }
  
  .owl-prev {
      float: left;
  }
  
  @media screen and (min-width:768px) {
      .bar-last-news .container .items .owl-nav {
          display: block;
          margin-left: -80px
      }
  }
  
  @media screen and (min-width:768px) {
      .bar-last-news .container .items {
          max-width: 100%
      }
  }
  
  .bar-last-news .container .slideInUp {
      -webkit-animation-duration: .1s;
      animation-duration: .1s
  }
  
  .bar-last-news .container .slideOutUp {
      -webkit-animation-duration: .3s;
      animation-duration: .3s
  }
  
  .bar-last-news .all-link {
      margin-left: auto;
      display: block
  }
  
  @media screen and (max-width:768px) {
      .bar-last-news .container {
          padding-left: 15px;
          padding-right: 15px
      }
	    .bar-last-news .all-link {
          display: none
      }
	  bar-last-news .container .items{
	            max-width: 100%

	  }
  }

  .bar-last-news .all-link>a {
      color: #fff;
      opacity: .8
  }
    @media screen and (max-width:1200px) {
      .bar-last-news .all-link {
          display: none
      }
  }
  @media screen and (max-width:992px) {
      .bar-last-news .all-link {
          display: none
      }
  }
  
  .flex-row {
      flex-direction: row!important
  }
  
  .flex-column {
      flex-direction: column!important
  }
  
  .flex-row-reverse {
      flex-direction: row-reverse!important
  }
  
  .flex-column-reverse {
      flex-direction: column-reverse!important
  }
  
  .flex-wrap {
      flex-wrap: wrap!important
  }
  
  .flex-nowrap {
      flex-wrap: nowrap!important
  }
  
  .flex-wrap-reverse {
      flex-wrap: wrap-reverse!important
  }
  
  .flex-fill {
      flex: 1 1 auto!important
  }
  
  .flex-grow-0 {
      flex-grow: 0!important
  }
  
  .flex-grow-1 {
      flex-grow: 1!important
  }
  
  .d-flex {
      display: flex!important
  }
  
  .justify-content-start {
      justify-content: flex-start!important
  }
  
  .justify-content-end {
      justify-content: flex-end!important
  }
  
  .justify-content-center {
      justify-content: center!important
  }
  
  .justify-content-between {
      justify-content: space-between!important
  }
  
  .justify-content-around {
      justify-content: space-around!important
  }
  
  .align-items-start {
      align-items: flex-start!important
  }
  
  .align-items-end {
      align-items: flex-end!important
  }
  
  .align-items-center {
      align-items: center!important
  }
  
  .align-items-baseline {
      align-items: baseline!important
  }
  
  .align-items-stretch {
      align-items: stretch!important
  }
  
  .align-content-start {
      align-content: flex-start!important
  }
  
  .align-content-end {
      align-content: flex-end!important
  }
  
  .align-content-center {
      align-content: center!important
  }
  
  .align-content-between {
      align-content: space-between!important
  }
  
  .align-content-around {
      align-content: space-around!important
  }
  
  .align-content-stretch {
      align-content: stretch!important
  }
  
  .align-self-auto {
      align-self: auto!important
  }
  
  .align-self-start {
      align-self: flex-start!important
  }
  
  .align-self-end {
      align-self: flex-end!important
  }
  
  .align-self-center {
      align-self: center!important
  }
  
  .align-self-baseline {
      align-self: baseline!important
  }
  
  .align-self-stretch {
      align-self: stretch!important
  }
  
  @font-face {
      font-family: snk-icons;
      src: url(fonts/snk-icons.eot);
      src: url(fonts/snk-icons.eot#iefix) format("embedded-opentype"), url(fonts/snk-icons.woff2) format("woff2"), url(fonts/snk-icons.woff) format("woff"), url(fonts/snk-icons.ttf) format("truetype"), url(fonts/snk-icons.svg#snk-icons) format("svg");
      font-weight: 400;
      font-style: normal;
      font-display: swap
  }
  
  [class*=" icon-"]:before,
  [class^=icon-]:before {
      font-family: snk-icons;
      font-style: normal;
      font-weight: 400;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      font-feature-settings: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1em;
      margin-left: .2em;
      -webkit-font-smoothing: antialiased;
  }
  
  .icon-menu:before {
      content: "\e838"
  }
  
  .icon-search:before {
      content: "\e897"
  }
  
  .icon-angle-left:before {
      content: "\e84d"
  }
  
  .icon-angle-right:before {
      content: "\e84e"
  }
  
  .icon-spin-ud-1:before {
      content: "\e8ba"
  }
  
  .animate-spin {
      animation: spin 2s linear infinite;
      display: inline-block;
  }
  
  @-webkit-keyframes spin {
      0% {
          transform: rotate(0deg)
      }
      to {
          transform: rotate(359deg)
      }
  }
  
  @keyframes spin {
      0% {
          transform: rotate(0deg)
      }
      to {
          transform: rotate(359deg)
      }
  }
  
  .line-fix {
      line-height: 0;
      display: block
  }
  
  .nav-all-01 {
      display: none;
      background-color: #f0f1f5;
      z-index: 100000;
      overflow-y: scroll;
      min-width: 320px
  }
  
  .nav-all-01 .logo-container {
      position: relative;
      border-bottom: 1px solid #ccc;
      margin-bottom: 2rem;
      padding: .5rem;
      background-color: #fff;
  }
  
  .nav-all-01 .logo-container img {
      max-height: 50px;
      width: auto;
      display: block;
      margin: auto
  }
  
  .nav-all-01 .logo-container .close {
      position: absolute;
      top: calc(50% - 27px);
      right: 0;
      background-color: transparent;
      border: 0;
      line-height: 0;
      cursor: pointer;
      color: #4c4e51;
    	font-size: xxx-large;
  }
  
  .nav-all-01 .search-container {
      width: 100%;
      max-width: 600px;
      margin: 0 auto 2rem;
      text-align: center
  }
  
  .nav-all-01 .search-container input[type=text] {
      padding: 6px;
      font-size: 17px;
      line-height: 26px;
      border: 1px solid #d8d9dd;
      width: 70%;
      background: transparent
  }
  
  .nav-all-01 .search-container button {
      padding: 6px 10px;
      font-size: 17px;
      line-height: 26px;
      border: 1px solid #d8d9dd;
      border-left-width: 0;
      cursor: pointer;
      background: transparent
  }
  
  .nav-all-01 .search-container button:hover {
      background: #ccc
  }
  
  .nav-all-01 nav {
      margin: 0 auto 2rem;
      max-width: 650px;
      font-size: 1.2rem;
      padding: 0 2rem
  }
  
  @media screen and (min-width:768px) {
      .nav-all-01 nav {
          padding: 0
      }
  }
  
  .nav-all-01 nav .caption {
      padding: 22px 0 12px;
      font-weight: 700;
      letter-spacing: .04rem
  }
  
  .overlay {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
  }
  
  .nav-all-01 nav .topics {
      -moz-columns: auto 1;
      columns: 1
  }
  
  @media screen and (min-width:576px) {
      .nav-all-01 nav .topics {
          -moz-columns: auto 2;
          columns: 2
      }
  }
  
  @media screen and (min-width:768px) {
      .nav-all-01 nav .topics {
          -moz-columns: auto 3;
          columns: 3
      }
  }
  
  .nav-all-01 nav .topics>li {
      line-height: 34px;
      text-transform: capitalize
  }
  
  .menu-visible {
      position: fixed;
      overflow: hidden
  }
  
  .menu-visible .nav-all {
      display: block
  }
  
  @-webkit-keyframes slideInUp {
      0% {
          transform: translate3d(0, 100%, 0);
          visibility: visible
      }
      to {
          transform: translateZ(0)
      }
  }
  
  @keyframes slideInUp {
      0% {
          transform: translate3d(0, 100%, 0);
          visibility: visible
      }
      to {
          transform: translateZ(0)
      }
  }
  
  .slideInUp {
      -webkit-animation-name: slideInUp;
      animation-name: slideInUp
  }
  
  @-webkit-keyframes slideOutUp {
      0% {
          transform: translateZ(0)
      }
      to {
          visibility: hidden;
          transform: translate3d(0, -100%, 0)
      }
  }
  
  @keyframes slideOutUp {
      0% {
          transform: translateZ(0)
      }
      to {
          visibility: hidden;
          transform: translate3d(0, -100%, 0)
      }
  }
  
  .posts--filter-bar .nav>li>a>i {
      display: block;
      margin-bottom: 0px;
      -webkit-transition: color .25s, border-color .25s, background-color .25s ease-in-out;
      transition: color .25s, border-color .25s, background-color .25s ease-in-out;
      margin-left: 10px;
      margin-right: 5px;
      float: right;
      font-size: 25px;
      color: #38495b;
  }
  
  .posts--filter-bar .nav>li>a {
      position: relative;
      padding: 0px;
      border-bottom: 0px solid #ffffff;
      font-size: 17px;
      line-height: 28px;
      font-weight: 600;
      z-index: 0;
  }
  
  .derece {
      font-size: 30px;
      text-align: center;
      display: block;
      font-weight: 500;
      color: #0093E9;
      height: 38px;
      margin-top: 1px;
  }
  
  .posts--filter-bar .nav>li>a>i {
      display: block;
      margin-bottom: 0px;
      -webkit-transition: color .25s, border-color .25s, background-color .25s ease-in-out;
      transition: color .25s, border-color .25s, background-color .25s ease-in-out;
      margin-left: 12px;
      float: right;
      font-size: 32px;
      color: #38495b;
      margin-top: 10px;
      opacity: 0.7;
  }
  
  .posts--filter-bar .nav {
      margin-top: 0px;
      color: #999;
      font-size: 0;
      line-height: 0;
      text-align: left;
      height: auto;
  }
  
  .posts--filter-bar .nav>li {
      display: inline-block;
      margin-top: 15px;
      padding-left: 0px;
  }
  
  .posts--filter-bar .nav {
      margin-top: 5px;
      color: #999;
      font-size: 0;
      line-height: 0;
      text-align: center
  }
  
  .posts--filter-bar .nav>li {
      display: inline-block;
      margin-top: 0;
      padding: 5px;
      padding-left: -10px;
      padding-right: 10px;
      width: 210px;
      margin: 10px;
      margin-left: -10px;
      border-right: 2px solid #7b7b7b;
      height: 65px;
      float: center;
  }
  
  .posts--filter-bar .nav>li:last-child {
      border: none !important;
  }
  
  .posts--filter-bar .nav>li>a {
      position: relative;
      padding: 0 20px 7px;
      border-bottom: 1px solid #f0f0f0;
      font-size: 23px;
      font-family: 'PT Sans', sans-serif, arial;
      line-height: 28px;
      font-weight: 600;
      z-index: 0
  }
  
  .posts--filter-bar .nav>li>a>i {
      display: block;
      margin-bottom: 4px;
      -webkit-transition: color .25s, border-color .25s, background-color .25s ease-in-out;
      transition: color .25s, border-color .25s, background-color .25s ease-in-out
  }
  
  .posts--filter-bar .nav>li:first-child>a {
      padding-left: 0
  }
  
  .posts--filter-bar .nav>li:last-child>a {
      padding-right: 0
  }
  
  .posts--filter-bar .nav>li:last-child>a:before {
      border-right-width: 0
  }
  
  .side-content {
      width: 300px;
      margin: 0 0 20px 0
  }
  
  .side-caption {
      position: relative;
      clear: both;
      width: 100%;
      height: 32px;
      margin-bottom: 10px
  }
  
  .side-caption:after {
      content: "";
      position: absolute;
      z-index: 1;
      bottom: 15px;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #e8e8e8
  }
  
  .side-caption span,
  .side-caption a {
      position: absolute;
      z-index: 2;
      display: inline-block;
      padding-right: 20px;
      background-color: #fff;
      line-height: 32px;
      font-weight: 700;
      font-size: 106.25%;
      color: #525252
  }
  
  .side-caption h3 {
      margin: 0;
      font-size: inherit;
      font-weight: inherit;
      line-height: inherit
  }
  
  .side-caption-2 {
      position: relative;
      clear: both;
      height: 35px;
      margin-bottom: 15px;
      background: transparent url(i/side-caption-2.png) no-repeat left bottom
  }
  
  .side-caption-2 span,
  .side-caption-2 a {
      display: inline-block;
      line-height: 100%;
      font-size: 93.75%;
      font-weight: 700;
      color: #3f495b
  }
  
  .table td,
  .table th {
      padding: .25rem;
      vertical-align: top;
      border-top: 1px solid #dee2e6;
  }
  
  @media screen and (min-width:992px) {
      .post-item.big-title-lg .t {
          font-size: 1.5rem
      }
      .post-item.big-title-lg.tot .t {
          margin-bottom: 20px
      }
  }
  
  .post-item.tot {
      position: relative;
      background-color: #121212
  }
  
  .post-item.tot .t {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 0 20px;
      margin-bottom: 10px;
      color: #fff
  }
  
  .post-item.tot .c {
      position: absolute;
      left: 20px;
      top: 0;
      padding: 6px;
      color: #fff;
      background: #1d1d1d;
      font-size: 12px;
      text-transform: uppercase
  }
  
  .post-item.ios a {
      display: flex;
      align-items: center;
      margin-bottom: 5px
  }
  
  .post-item.ios:last-child a {
      margin-bottom: 0
  }
  
  .post-item.ios .image {
      width: 35%
  }
  
  .post-item.ios .title {
      width: 65%;
      padding: 0 30px
  }
  
  .post-item.ia {
      height: 100%
  }
  
  .post-item.ia a {
      display: flex;
      flex-direction: column;
      position: relative;
      height: 100%
  }
  
  .post-item.ia .t {
      margin: 20px 0
  }
  
  .post-item.ia .sc {
      padding: 20px;
      margin-top: -30px;
      width: 100%;
      display: block
  }
  
  .post-item.ia .c {
      position: absolute;
      left: 20px;
      top: 0;
      padding: 6px;
      color: #fff;
      background: #1d1d1d;
      font-size: 12px;
      text-transform: uppercase
  }
  
  .post-item.ia.border-bottom a {
      border-bottom: 4px solid #dfe0e4
  }
  
  .post-item.ia .t {
      margin: 20px 0;
  }
  
  .featured-01 {
      margin-bottom: 30px
  }
  
  .featured-01 header div {
      border-top: 1px solid #d9dbe2
  }
  
  .featured-01 .post-item {
      margin-bottom: 14px;
      font-size: 1.125rem
  }
  
  .featured-01 .post-item:last-child {
      margin-bottom: 0
  }
  
  .featured-01 .post-item .t:before {
      content: "";
      width: 30px;
      font-family: Roboto, sans-serif;
      height: 5px;
      background-color: #ef7f19;
      display: block;
      margin-bottom: 5px;
      line-height: 1.1
  }
  
  .imgc:before {
      display: block;
      content: "";
      width: 100%;
      background-color: #f8f8f8
  }
  
  .imgc>img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
	      width: 100%;
      max-width: 100%
  }
  
  .img-filter:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      height: 50%;
      width: 100%;
      background: linear-gradient(0deg, #333743, rgba(51, 55, 67, .9), rgba(51, 55, 67, 0))
  }
  
  @media screen and (min-width:992px) {
      .post-item.big-title-lg .t {
          font-size: 1.5rem
      }
      .post-item.big-title-lg.tot .t {
          margin-bottom: 20px
      }
  }
  
  .box-01 {
      margin-bottom: 30px
  }
  
  .box-01 .post-item a {
      position: relative
  }
  
  .box-01 .post-item a:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      content: "";
      border: solid #eaecf4;
      border-width: 1px 1px 4px;
      background-color: #fff
  }
  
  .box-01 .post-item .title {
      z-index: 1;
      padding: 0 15px
  }
  
  @media screen and (min-width:992px) {
      .box-01 .post-item .title {
          padding: 0 30px
      }
  }
  
  .box-01 .post-item .t {
      font-size: 1.1875rem
  }
  
  @media screen and (min-width:992px) {
      .box-01 .post-item .t {
          margin-bottom: 1rem
      }
  }
  
  .box-01 .post-item .ago,
  .box-01 .post-item .c {
      color: #585a66
  }
  
  .box-01 .post-item .c {
      font-size: .9rem;
      font-weight: 700;
      display: none;
      margin-right: 6px
  }
  
  @media screen and (min-width:992px) {
      .box-01 .post-item .c {
          display: block
      }
  }
  
  .box-01 .post-item .ago {
      font-size: .9rem;
      display: none
  }
  
  @media screen and (min-width:992px) {
      .box-01 .post-item .ago {
          display: block
      }
  }
  
  @media screen and (min-width:768px) and (max-width:991px) {
      .box-01 .post-item.ia-mds a {
          flex-direction: column
      }
      .box-01 .post-item.ia-mds .image,
      .box-01 .post-item.ia-mds .title {
          width: 100%
      }
      .box-01 .post-item.ia-mds .title {
          padding-top: 1rem;
          padding-bottom: 1rem
      }
  }
  
  .box-01.order-reversed .post-item .image {
      order: 2
  }
  
  .box-01.order-reversed .post-item .title {
      order: 1
  }
  
  @media screen and (min-width:768px) {
      .box-01.image-60 .post-item .image {
          width: 60%
      }
      .box-01.image-60 .post-item .title {
          width: 55%
      }
  }
  
  @media screen and (min-width:768px) and (max-width:991px) {
      .box-01.image-60 .post-item .image {
          width: 40%
      }
      .box-01.image-60 .post-item .image.imgc:before {
          padding-top: 80%
      }
      .box-01.image-60 .post-item .image.imgc img {
          height: 100%;
          width: auto;
          max-width: unset;
          margin-left: -30%
      }
      .box-01.image-60 .post-item .title {
          width: 60%
      }
  }
  
  .box-01.bordered .post-item a:before {
      border-width: 0
  }
  
  .box-01.bordered .post-item .title {
      padding: 0 8px 0 0
  }
  
  @media screen and (min-width:768px) {
      .box-01.bordered .post-item a {
          border-left: 2px solid rgba(0, 0, 0, .12549)
      }
      .box-01.bordered .post-item .title {
          padding: 0 15px
      }
  }
  
  .flex-row {
      flex-direction: row!important
  }
  
  .flex-column {
      flex-direction: column!important
  }
  
  .flex-row-reverse {
      flex-direction: row-reverse!important
  }
  
  .flex-column-reverse {
      flex-direction: column-reverse!important
  }
  
  .flex-wrap {
      flex-wrap: wrap!important
  }
  
  .flex-nowrap {
      flex-wrap: nowrap!important
  }
  
  .flex-wrap-reverse {
      flex-wrap: wrap-reverse!important
  }
  
  .flex-fill {
      flex: 1 1 auto!important
  }
  
  .flex-grow-0 {
      flex-grow: 0!important
  }
  
  .flex-grow-1 {
      flex-grow: 1!important
  }
  
  .flex-shrink-0 {
      flex-shrink: 0!important
  }
  
  .flex-shrink-1 {
      flex-shrink: 1!important
  }
  
  .justify-content-start {
      justify-content: flex-start!important
  }
  
  .justify-content-end {
      justify-content: flex-end!important
  }
  
  .justify-content-center {
      justify-content: center!important
  }
  
  .box-03>.row>[class*=col-] {
      margin-bottom: 30px
  }
  
  .gallery-area {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 7px
  }
  
  .photo-g {
      width: 575px;
      margin-right: 30px
  }
  
  .photo-g__container {
      margin: 0 -4px
  }
  
  .photo-g__container:after {
      content: '';
      clear: both;
      display: block
  }
  
  .video-g {
      width: 576px
  }
  
  .pg-column {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-negative: 0;
      flex-shrink: 0
  }
  
  .pg-box {
      float: left;
      margin: 0 4px 8px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
  }
  
  .pg-box.radius {
      border-radius: 4px;
      overflow: hidden
  }
  
  .pg-box.radius:hover .pg-box__title,
  .pg-box.radius:hover figure:after {
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 300ms;
      transition: all 300ms
  }
  
  .pg-box.radius:hover .pg-box__thover {
      opacity: 1;
      visibility: visible;
      -webkit-transition: all 300ms;
      transition: all 300ms
  }
  
  .pg-box.radius figure:before {
      border-radius: 3px;
      z-index: 1
  }
  
  .pg-box.radius figure:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      background: rgba(49, 49, 49, .34);
      z-index: 1;
      opacity: 1;
      visibility: visible;
      -webkit-transition: all 300ms;
      transition: all 300ms
  }
  
  .pg-box.radius .pg-box__title {
      font: 500 14px/16px "Roboto";
      text-align: center;
      text-transform: uppercase;
      width: 100%;
      position: initial;
      padding: 0 15px;
      right: inherit;
      bottom: inherit
  }
  
  .pg-box.is-regular .pg-box__title {
      font-weight: 400;
      right: 13px;
      bottom: 13px;
      width: 80%
  }
  
  .pg-box.is-big .pg-box__title {
      font-size: 20px;
      line-height: 24px;
      font-weight: 700
  }
  
  .pg-box.is-big figure {
      height: 294px
  }
  
  .pg-box,
  .pg-box figure {
      position: relative
  }
  
  .pg-box figure:before {
      width: calc(100% - 18px);
      height: calc(100% - 18px);
      left: 8px;
      top: 8px
  }
  
  .pg-box figure img {
      width: 100%;
      -o-object-fit: cover;
      object-fit: cover
  }
  
  .pg-box__title {
      font: 500 14px/21px "Roboto";
      color: #fff;
      text-shadow: 0 1px 1px #000;
      position: absolute;
      right: 38px;
      bottom: 21px;
      width: 75%;
      text-align: right;
      -webkit-transition: all 300ms;
      transition: all 300ms
  }
  
  .pg-box__group,
  .pg-box__thover {
      position: absolute;
      left: 0;
      width: 100%
  }
  
  .pg-box__thover {
      visibility: hidden;
      opacity: 0;
      -webkit-transition: all 300ms;
      transition: all 300ms;
      font: 500 14px "Roboto";
      color: #fff;
      top: 0;
      padding: 0 15px;
      text-align: center;
      text-shadow: 0 1px 4px #000
  }
  
  .pg-box__group {
      bottom: 11px;
      z-index: 1
  }
  
  .vg-slider {
      margin-bottom: 8px
  }
  
  .vg-slider:hover .owl-next,
  .vg-slider:hover .owl-prev {
      opacity: 1;
      visibility: visible
  }
  
  .vg-slider .owl-carousel {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden;
      height: 266px
  }
  
  .vg-slider__item {
      position: relative;
      width: 457px;
      height: 266px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-right: 8px;
      display: block
  }
  
  .vg-slider__item.is-smaller .vg-slider__playi i {
      font-size: 29px
  }
  
  .vg-slider__item.is-smaller .vg-slider__right {
      font-size: 12px
  }
  
  .vg-slider__item.is-smaller .vg-slider__right i {
      font-size: 14px
  }
  
  .vg-slider__item.is-smaller figure {
      width: 284px;
      height: 166px
  }
  
  .vg-slider__playi {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%)
  }
  
  .vg-slider__playi i {
      font-size: 46px
  }
  
  .vg-slider__title {
      font: 600 18px "Roboto";
      color: #fff;
      text-shadow: 0 1px 1px #000;
      position: relative
  }
  
  .vg-slider__title a {
      padding: 3px 0;
      display: block
  }
  
  .vg-slider__title:before {
      content: '';
      width: 217px;
      max-width: 100%;
      height: 1px;
      background: #fff;
      -webkit-box-shadow: 0 0 3px #000100;
      box-shadow: 0 0 3px #000100;
      position: absolute;
      bottom: 0;
      left: 0
  }
  
  .vg-slider__group {
      position: absolute;
      left: 22px;
      bottom: 10px;
      width: calc(100% - 33px)
  }
  
  .vg-slider__bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      color: #fff;
      text-shadow: 0 1px 1px #000100;
      margin-top: 2px
  }
  
  .vg-slider__left {
      font: 400 12px "Roboto"
  }
  
  .vg-slider__left,
  .vg-slider__right {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
  }
  
  .vg-slider__right i {
      margin-right: 5px
  }
  
  .vg-slider__cat {
      text-transform: uppercase
  }
  
  .vg-slider__time {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
  }
  
  .vg-slider__time:before {
      content: '';
      width: 3px;
      height: 3px;
      border-radius: 50%;
      background: #fff;
      margin: 0 5px
  }
  
  .pg-box figure:before,
  .sa-box figure:after {
      content: '';
      border: 1px solid #fff;
      position: absolute
  }
  
  .sa-box figure:after,
  .sa-box__title {
      -webkit-transition: all 300ms;
      transition: all 300ms
  }
	

@media screen and (max-width:768px) {
	.w-371{width: 100% !important;margin-left: 0px;}
  	.w-195{width: 100% !important;margin-left: 0px;}
  	.w-137{width: 100% !important;margin-left: 0px;}
	.h-147{height: 100% !important;}
	.h-150{height: 100% !important;}
	.h-294{height: 100% !important;}
}

	.h-147{height:147px;}
	.h-150{height:150px;}
	.h-294{height:294px;}

	.w-371{
	width: 420px;
    padding: 0px;
    margin: 4px;
	}
  .w-195 {
      width: 207px;
	   padding: 0px;
  }
  .w-137 {
      width:176px;
	   padding: 0px;
  }
  
  .eczaneresim {
      width: 38%;
      float: left;
      padding-right: 11px;
      margin-top: 5px;
      margin-bottom: 0px;
  }
  
  .eczanegenel {
      text-align: left;
      margin-left: -20px;
      text-align: left;
  }
  
  .eczaneadi {
      font-weight: bold;
      color: red;
  }
  
  .eczanetelefon {}
  
  .eczaneililce {
      display: none;
  }
  
  .eczaneadres {
      margin-top: 0px;
  }
  
  .author .header-title {
      color: #e30613
  }
  
  .author .scroll-container {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      width: 100%
  }
  
  .author .scroll-container .scroll-item {
      width: 28vw;
      min-width: 28vw
  }
  
  .authors .item {
      display: block;
      height: 100%;
      padding-top: 0rem;
      border-bottom: 2px solid #f7f7f7;
      background: linear-gradient(to bottom, #f1f1f1 0, #fff 30%);
      text-align: center;
  }
  
  .authors .item h2 {
      width: 80%;
      margin: 0 auto 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #f7f7f7;
      font-size: 112.5%;
  }
  
  .authors .item h2 a {
      font-weight: 700;
      color: #e20905;
  }
  
  .authors .item h3 {
      width: 80%;
      margin: auto;
      margin-bottom: 10px;
      font-size: 125%;
  }
  
  .authors .item h3 a {
      font-weight: 700;
      color: #444;
  }
  
  .authors .item img {
      width: 120px;
      max-height: 120px;
      margin-top: 20px;
      margin-bottom: 20px;
      border-radius: 50%;
  }
  
  .author .item.com .header-title {
      color: #000
  }
  
  .author .item.com::before {
      background-color: #ddd
  }
  
  .author .item.com .image {
      border:.2rem solid #696868
		  
  }
  
  .author .item::before {
      content: "";
      position: absolute;
      height: 11rem;
      width: 100%;
      bottom: 0;
      left: 0;
      z-index: 0
  }
  
  .author .name {
      color: #686868;
      height: 2.9rem;
      overflow: hidden;
      line-height: 1;
      font-weight: bold;
      padding: 0 .2rem
  }
  
  .author .image {
	  margin: 0px auto !important;
      width: 7.2rem;
      height: 7.2rem;
      border: .2rem solid #495057;
      overflow: hidden;
      box-shadow: 0 2px 6px rgba(0, 0, 0, .06)
  }
  
  .author .content {
      padding: .4rem .8rem .8rem .8rem
  }
  
  .author .title {
      font-style: italic;
      height: 5.6rem;
      font-weight: bold;
	  color: #4e4c4c;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      line-height: 1.2;
	  font-size: revert;
  }
  
  .radius-circle {
      border-radius: 50%
  }
  
  .relative {
      position: relative
  }
  
  .color-white {
      color: #fff
  }
  
  .margin-right-sm {
      font-weight: 700;
  }
  
  .spor-main-slider .post-content {
      position: absolute;
      width: 100%;
      bottom: 6px;
      left: 0;
      padding: 8px 15px;
      z-index: 1;
      color: #fff;
      background: rgba(34, 34, 38, .5) none repeat scroll 0 0
  }
  
  .spor-main-slider .entry-title {
      font-family: "Roboto Condensed", sans-serif;
      font-size: 20px;
      font-weight: 700;
      height: auto;
      margin-bottom: 0;
      text-shadow: 1px 1px 2px rgba(0, 0, 0, .8)
  }
  
  .spor-main-slider-wrapper {
      float: left;
      width: 100%;
      height: auto;
      margin: 10px 0
  }
  
  .spor-main-slider {
      float: left;
      width: 660px;
      height: 340px;
      border-top: 5px solid #00a651
  }
  
  .spor-main-slider li {
      height: 300px;
      background-color: #999
  }
  
  .mainleft .sleft {
      width: 480px;
      float: left
  }
  
  .mainleft .sright {
      width: 160px;
      border-left: 1px solid #DDD;
      padding: 0 10px;
      margin-right: 0;
      float: left;
      margin-left: 10px
  }
  
  #sliderPagerSpor {
      background-color: #ebebeb !important;
      border-bottom: 1px solid #ccc !important;
      border-left: 1px solid #ccc !important;
      border-right: 1px solid #ccc !important;
      height: 31px !important;
      text-align: center
  }
  
  #sliderPagerSpor li {
      float: left;
      border-right: 1px solid #ccc;
      width: 36px
  }
  
  #sliderPagerSpor li:first-child {
      margin-left: 0
  }
  
  #sliderPagerSpor li a {
      color: #333;
      display: block;
      cursor: pointer;
      font-size: 16px;
      font-weight: bold;
      line-height: 31px;
      text-align: center;
      font-family: 'Roboto Condensed', sans-serif
  }
  
  #sliderPagerSpor li:last-child {
      border-right: medium none;
      width: 82px
  }
  
  #sliderPager li a.active,
  #sliderPager li a:hover {
      background: #d41313;
      color: #fff;
      text-shadow: 1px 1px 1px #000
  }
  
  #sliderPagerSpor li a.active,
  #sliderPagerSpor li a:hover {
      background: #26a65b;
      color: #fff;
      text-shadow: 1px 1px 1px #000
  }
  
  .tabs {
      width: 300px;
      overflow: scroll;
      list-style: none;
      position: relative;
      padding: 0;
      margin-bottom: 10px
  }
  
  .tabs li {
      float: left;
      display: block;
      padding-right: 0;
      margin-right: 10px;
      width: auto;
      color: #999;
      font-size: 16px;
      font-weight: 700;
      font-family: 'Roboto Condensed', sans-serif;
      background: rgba(255, 255, 255, 0.2);
      cursor: pointer;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out
  }
  
  .tabs li:hover {
      background: rgba(255, 255, 255, 0.5)
  }
  
  .tabs li.active {
      border-bottom: 2px solid #e00000;
      color: #000
  }
  
  .tab-contentson {
      display: none;
      text-align: left;
      width: 100%;
      font-size: 14px;
      line-height: 140%;
      color: #111;
      box-sizing: border-box;
      -webkit-animation-duration: .5s;
      -o-animation-duration: .5s;
      -moz-animation-duration: .5s;
      animation-duration: .5s
  }
  
  .tab-contentson.active {
      display: inherit
  }
  
  .mostread li {
      border-bottom: 1px dashed #d2d2d2;
      font-family: 'Roboto Condensed', sans-serif;
      padding: 12px 12px;
      overflow: hidden
  }
  
  .mostread li a {
      color: #484141
  }
  
  .mostread li::before,
  mostread li::after {
      content: "";
      display: table;
      line-height: 0
  }
  
  .mostread li::after {
      clear: both
  }
  
  .mostread li .imgwrap,
  .mostread li .spot {
      display: none
  }
  
  .mostread li span.num {
      color: #868686;
      display: block;
      float: left;
      font-size: 28px;
      font-weight: 700;
      padding-right: 7px;
  }
  
  .mostread li a.link {
      display: block;
      float: left;
      height: auto;
      width: 258px;
      color: #484141
  }
  
  .mostread li .link .ti {
      font-size: 14px;
      position: relative
  }
  
  .mostread li a.link:hover {
      color: #e00000
  }
  
  .mostread li span.spot {
      color: #b4b0b0;
      font-size: 11px
  }
  
  .news-detail .content-heading {
      position: relative;
      padding-top: 15px;
      border-bottom: 3px solid #e9e9e9;
      margin: 0 0 30px
  }
  
  .news-detail .read-count {
      margin-bottom: 15px;
      font-style: italic;
      font-weight: 400
  }
  
  .content-title {
      margin: 0 0 30px;
      line-height: 1.2;
      font-weight: 700;
      font-size: 1.5rem
  }
  
  @media screen and (min-width:768px) {
      .content-title {
          font-size: 1.75rem
      }
  }
  
  @media screen and (min-width:992px) {
      .content-title {
          font-size: 2rem
      }
  }
  
  .content-title>h1 {
      font-size: inherit
  }
  
  .content-description {
      margin: 0 0 15px;
      font-size: 1.1rem
  }
  
  @media screen and (min-width:768px) {
      .content-description {
          font-size: 1.3rem
      }
  }
  
  @media screen and (min-width:992px) {
      .content-description {
          font-size: 1.5rem
      }
  }
  
  .content-date {
      display: flex;
      position: relative;
      background-color: #e5e5e5;
      text-align: center;
      padding: 10px
  }
  
  @media screen and (min-width:768px) {
      .content-date {
          width: 110px;
          height: 100px;
          flex-direction: column;
          padding: 0
      }
  }
  
  @media screen and (min-width:768px) {
      .content-date:before {
          position: absolute;
          top: -10px;
          right: 20px;
          content: "";
          width: 0;
          height: 0;
          border-color: transparent transparent #e5e5e5;
          border-style: solid;
          border-width: 0 0 10px 10px
      }
  }
  
  .content-date span,
  .content-date time {
      font-size: .9rem
  }
  
  .content-date span.p1,
  .content-date time.p1 {
      order: 2
  }
  
  @media screen and (min-width:768px) {
      .content-date span.p1,
      .content-date time.p1 {
          order: 1;
          line-height: 52px;
          font-size: 1.75rem
      }
  }
  
  .content-date span.p2,
  .content-date time.p2 {
      order: 1;
      margin-right: .5rem
  }
  
  @media screen and (min-width:768px) {
      .content-date span.p2,
      .content-date time.p2 {
          order: 2;
          line-height: 47px;
          border-top: 1px dotted #c3c3c3;
          font-size: .75rem;
          margin-right: 0
      }
  }
  
  .content-source {
      width: auto;
      color: #242424;
      box-shadow: 0 2px 0 0 rgba(0, 0, 0, .05);
      margin-bottom: 15px
  }
  
  @media screen and (min-width:768px) {
      .content-source {
          padding: 5px 0
      }
  }
  
  .content-source span {
      display: inline-block!important;
      padding-right: 10px
  }
  
  .content-source a {
      text-decoration: none;
      color: inherit
  }
  
  .content-source img {
      width: 110px;
      height: 40px;
      padding: 5px 0
  }
  
  .content-source .c {
      display: block;
      font-weight: 400;
      font-size: 75%;
      line-height: 150%
  }
  
  .content-source .t {
      display: block;
      font-size: 81.25%;
      line-height: 140%;
      margin-bottom: 5px
  }
  
  .article-detail {
      display: flex;
      flex-direction: column
  }
  
  @media screen and (min-width:768px) {
      .article-detail {
          flex-direction: row;
          flex-wrap: wrap
      }
  }
  
  .article-image {
      margin-left: -15px;
      margin-right: -15px
  }
  
  @media screen and (min-width:768px) {
      .article-image {
          width: 100%;
          margin-right: 0;
          margin-left: 0
      }
  }
  
  .article-side {
      margin-bottom: 30px;
      margin-left: -15px;
      margin-right: -15px;
      min-height: 80px
  }
  
  @media screen and (min-width:768px) {
      .article-side {
          position: -webkit-sticky;
          position: sticky;
          top: 0;
          width: 110px;
          min-height: 200px;
          margin-right: 30px;
          margin-left: 0
      }
  }
  
  .article-content {
      margin-left: 0;
      margin-bottom: 30px
  }
  
  @media screen and (min-width:768px) {
      .article-content {
          flex-basis: 0;
          flex-grow: 1;
          max-width: calc(100% - 140px)
      }
  }
  
  .article-content .text-content {
      min-height: 300px
  }
  
  .article-read-count {
      margin-bottom: .5em!important;
      font-size: .875rem;
      font-style: italic
  }
  
  .content-tools {
      position: relative;
      text-align: center;
      background-color: #f5f5f5;
      box-shadow: 0 -7px 10px -5px rgba(0, 0, 0, .15);
      padding: 10px
  }
  
  @media screen and (min-width:768px) {
      .content-tools {
          padding: 30px 0
      }
  }
  
  .content-tools:before {
      position: absolute;
      top: -10px;
      right: 20px;
      content: "";
      width: 0;
      height: 0;
      border-color: transparent transparent #f5f5f5;
      border-style: solid;
      border-width: 0 0 10px 10px
  }
  
  .content-tools a,
  .content-tools button,
  .content-tools span {
      border: 0;
      display: inline-block;
      width: 32px;
      height: 32px;
      line-height: 32px;
      color: #fff;
      cursor: pointer;
      border-radius: 2px;
      box-shadow: 0 2px 4px 0 rgba(50, 50, 50, .3);
      margin-right: 5px;
      padding: 0
  }
  
  @media screen and (min-width:768px) {
      .content-tools a,
      .content-tools button,
      .content-tools span {
          margin: auto auto 5px;
          display: block
      }
  }
  
  .content-tools a.bg,
  .content-tools button.bg,
  .content-tools span.bg {
      background-color: #767676
  }
  
  .content-tools a:hover,
  .content-tools button:hover,
  .content-tools span:hover {
      text-decoration: none;
      background-color: #494949!important
  }
  
  .news-label {
      clear: both;
      margin: 0 0 20px
  }
  
  .news-label i {
      color: #0872c3
  }
  
  .news-label a,
  .news-label span {
      font-size: 93.75%;
      line-height: 17px
  }
  
  .news-label span {
      color: #999
  }
  
  .news-label a {
      color: #0872c3
  }
  
  .news-other-nav {
      margin-bottom: 30px;
      display: flex;
      justify-content: space-between
  }
  
  .news-other-nav a {
      position: relative;
      display: block;
      width: 49%;
      line-height: 100%;
      color: #fff
  }
  
  @media screen and (min-width:768px) {
      .news-other-nav a {
          width: 42%
      }
  }
  
  .news-other-nav a>i {
      display: none
  }
  
  @media screen and (min-width:768px) {
      .news-other-nav a>i {
          display: block;
          position: absolute;
          top: 40%;
          font-size: 50px;
          color: #ccc
      }
  }
  
  .news-other-nav a.prev {
      margin-left: 0
  }
  
  @media screen and (min-width:768px) {
      .news-other-nav a.prev {
          margin-left: 7%
      }
  }
  
  .news-other-nav a.prev>i {
      left: -18%
  }
  
  .news-other-nav a.next {
      margin-right: 0
  }
  
  @media screen and (min-width:768px) {
      .news-other-nav a.next {
          margin-right: 7%
      }
  }
  
  .news-other-nav a.next>i {
      right: -18%
  }
  
  .news-other-nav a .t {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 4px;
      font-weight: 700;
      background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .65));
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical
  }
  
  @media screen and (min-width:768px) {
      .news-other-nav a .t {
          padding: 14px
      }
  }
  
  .news-corr {
      padding: 30px 0 0;
      margin-bottom: 30px
  }
  
  .news-corr .inner-wrap {
      padding: 0 10px 0 20px;
      background-color: #f8f8f8
  }
  
  .news-corr .img {
      float: left;
      width: 60px;
      height: 60px;
      overflow: hidden;
      margin: -30px 0 0;
      border: 1px solid #aaa;
      border-radius: 100%
  }
  
  .news-corr .img img {
      max-width: 100%;
      max-height: 100%
  }
  
  .news-corr .author {
      float: left;
      margin-left: 20px;
      padding: 5px 0
  }
  
  .news-corr .author .name {
      display: block;
      font-weight: 700
  }
  
  .news-corr .social {
      float: right;
      padding-top: 5px
  }
  
  .news-corr .social a {
      font-size: 112.5%
  }
  
  .news-corr .social a:hover {
      text-decoration: none;
      color: #415c69
  }
  
  .news-corr .social .icon-facebook {
      color: #2e5b9a
  }
  
  .news-corr .social .icon-twitter {
      color: #00aff2
  }
  
  .news-corr .social .icon-instagramm {
      color: #eb704c
  }
  
  .print {
      width: 100%;
      line-height: 140%
  }
  
  .print a {
      color: #00f
  }
  
  .print h1 {
      color: #666;
      font-weight: 700;
      font-size: 30px;
      line-height: 40px;
      padding: 10px 0;
      margin: 0;
      text-transform: uppercase
  }
  
  .print h2,
  .print h3,
  .print h4,
  .print h5,
  .print h6 {
      font-weight: 700;
      line-height: 140%;
      color: #c00
  }
  
  .print .date {
      display: block;
      color: #666
  }
  
  .print .date,
  .print .image {
      margin-bottom: 10px
  }
  
  .print .image img {
      max-width: 100%;
      max-height: 440px
  }
  
  @media print {
      a[href]:after,
      img[src]:after {
          content: none!important
      }
      .banner-pageskin,
      .bar-last-news,
      .comment-block,
      .content-tools,
      .fb-comments,
      .nav-tags-container,
      .nav-tool,
      .nav-top-container,
      aside.col-12 {
          display: none!important
      }
      .container.section-padding-gutter {
          padding-top: 10px;
          padding-bottom: 0
      }
      .article-side {
          margin-bottom: 0;
          min-height: unset
      }
      .article-side .content-date {
          padding-bottom: 0
      }
  }
  
  .page-inner .page-content {
      float: left;
      width: 810px;
  }
  
  @media(max-width:1200px) {
    
      .page-inner .page-content {
          width: 670px
      }
      .base-side.scroll-fixed {
          margin-left: 690px
      }
  }
  
  @media(max-width :992px) {
      main {
          background: 0
      }
      .page-inner .page-content {
          float: none;
          width: 100%;
          margin-bottom: 20px
      }
      .base-side {
          clear: both;
          float: none;
          width: 100%
      }
      .base-side.scroll-fixed {
          position: static;
          margin-left: auto
      }
  }
  
  @media(max-width :480px) {
      .page-full,
      main>.page-inner {
          padding-top: 10px
      }
  }
  
  .gallery-detail .title {
      font-size: 150%;
      margin-bottom: 10px
  }
  
  .gallery-detail .title h1 {
      margin: 0;
      line-height: 115%;
      font-size: inherit;
      font-weight: 700;
      color: #000
  }
  
  .gallery-list figure {
      margin: 0 0 30px;
      padding: 0
  }
  
  .gallery-list figure .i {
      position: relative;
      border-top: 5px solid #ccc;
      border-bottom: 5px solid #ee1c24
  }
  
  .gallery-list figure .i:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      border-color: #ccc transparent transparent;
      border-style: solid;
      border-width: 12px 12px 0 0
  }
  
  .gallery-list figure .i:after {
      position: absolute;
      content: "";
      bottom: 0;
      left: 0;
      border-color: transparent transparent transparent #ee1c24;
      border-style: solid;
      border-width: 12px 0 0 12px
  }
  
  .gallery-list figure .i img {
      max-width: 100%;
      height: auto
  }
  
  .gallery-list figure .i .c {
      position: absolute;
      bottom: 0;
      right: 0;
      display: block;
      height: 40px
  }
  
  .gallery-list figure .i .c span {
      display: block;
      float: left;
      width: 40px;
      line-height: 40px;
      font-size: 118.75%;
      color: #fff;
      text-align: center;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
  }
  
  .gallery-list figure .i .c span:first-child {
      background: #ee1c24
  }
  
  .gallery-list figure .i .c span:last-child {
      background: #f24b52;
      margin-left: 1px
  }
  
  .gallery-list figure figcaption {
      padding: 25px 0 20px
  }
  
  .gallery-list figure figcaption .s {
      float: right;
      display: block;
      letter-spacing: -4px
  }
  
  @media screen and (min-width:768px) {
      .gallery-list figure figcaption .s {
          width: 148px;
          height: 69px;
          margin-top: -10px
      }
  }
  
  .gallery-list figure figcaption .s button {
      display: inline-block;
      padding: 0;
      border-width: 0;
      height: 32px;
      width: 32px;
      margin-bottom: 5px;
      margin-left: 5px;
      line-height: 32px;
      text-align: center;
      cursor: pointer;
      box-shadow: 1px 2px 3px rgba(2, 3, 3, .15);
      border-radius: 1px
  }
  
  .gallery-list figure figcaption .s button.resize {
      background-color: #767676
  }
  
  .gallery-list figure figcaption .s button.no-desc {
      width: auto;
      height: auto
  }
  
  .gallery-list figure figcaption .s button i {
      font-size: 18px;
      color: #fff;
      text-shadow: 4px 4px 3px rgba(2, 3, 3, .15)
  }
  
  .video-detail .title {
      margin-bottom: 30px
  }
  
  .video-detail .video-wrapper {
      position: relative;
      border-top: 5px solid #ccc;
      border-bottom: 5px solid #ee1c24;
      margin-bottom: 30px;
      margin-left: -15px;
      margin-right: -15px
  }
  
  .video-detail .video-wrapper:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      border-color: #ccc transparent transparent;
      border-style: solid;
      border-width: 12px 12px 0 0
  }
  
  .video-detail .video-wrapper:after {
      position: absolute;
      content: "";
      bottom: 0;
      left: 0;
      border-color: transparent transparent transparent #ee1c24;
      border-style: solid;
      border-width: 12px 0 0 12px
  }
  
  @media screen and (min-width:576px) {
      .video-detail .video-wrapper {
          margin-left: 0;
          margin-right: 0
      }
  }
  
  .video-detail .content-description {
      margin-bottom: 30px
  }
  
  .content-tools-video {
      float: right;
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-end;
      align-items: center
  }
  
  .content-tools-video a,
  .content-tools-video button,
  .content-tools-video span {
      border: 0;
      height: 32px;
      width: 32px;
      margin-left: 5px;
      line-height: 32px;
      text-align: center;
      font-size: 18px;
      color: #fff;
      cursor: pointer;
      text-shadow: 4px 4px 3px rgba(2, 3, 3, .15);
      box-shadow: 1px 2px 3px rgba(2, 3, 3, .15);
      border-radius: 1px
  }
  
  .content-tools-video a.bg,
  .content-tools-video button.bg,
  .content-tools-video span.bg {
      background-color: #767676
  }
  
  .content-tools-video a:hover,
  .content-tools-video button:hover,
  .content-tools-video span:hover {
      text-decoration: none;
      background-color: #b8b8b8
  }
  
  .comments {
      margin-bottom: 10px
  }
  
  .comments .caption {
      display: flex;
      padding: 10px 0 9px;
      margin-bottom: 20px;
      background-color: #ededed;
      border-bottom: 1px solid #ddd
  }
  
  .comments .caption i,
  .comments .caption span {
      display: inline-block;
      padding: 0 15px;
      line-height: 25px
  }
  
  .comments .caption i {
      font-size: 18px;
      border-right: 1px solid #cfcfcf
  }
  
  .comments .caption i:before {
      margin: 0
  }
  
  .comments .caption span {
      font-weight: 700;
      font-size: 87.5%;
      border-left: 1px solid #f6f6f6
  }
  
  .comments ul {
      line-height: 123%;
      font-size: 81.25%;
      color: #262626;
      padding: 0
  }
  
  .comments li {
      position: relative;
      clear: both;
      min-height: 100px;
      padding: 20px 20px 10px 120px;
      margin-bottom: 10px;
      line-height: 18px;
      background-color: #fff;
      list-style: none
  }
  
  .comments li .a {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 100px;
      border-bottom: 1px solid #fff;
      border-right: 1px solid #e3e3e3;
      background: linear-gradient(180deg, #fff 0, #efefef)
  }
  
  .comments li .u {
      display: inline-block;
      margin-bottom: 5px;
      font-weight: 400
  }
  
  .comments li .n {
      font-weight: 700;
      font-size: 123%
  }
  
  .comments li p {
      margin-bottom: 5px
  }
  
  .comments li .act {
      display: inline-block;
      height: 24px;
      line-height: 26px;
      font-size: 12px;
      color: #b3b3b3;
      background-color: transparent;
      background-repeat: no-repeat;
      cursor: pointer;
      margin-right: 10px
  }
  
  .comments li .act:hover {
      color: #6f6767
  }
  
  .comments li .notify {
      float: right;
      margin-right: 0
  }
  
  .comments li .plus:hover {
      color: #0c0
  }
  
  .comments li .minus:hover {
      color: #c00
  }
  
  .comments li.level0 {
      border-bottom: 3px solid #e3e3e3
  }
  
  .comments li.level1 {
      margin-left: 30px;
      border-bottom: 2px solid #e3e3e3
  }
  
  .comments li.level2 {
      margin-left: 60px;
      border-bottom: 1px solid #e3e3e3
  }
  
  .comments .more {
      text-align: center
  }
  
  .comments .more button {
      border: 0;
      background: none;
      -webkit-appearance: none;
      font-size: inherit;
      font-weight: 700
  }
  
  .comments .more button i {
      display: none
  }
  
  .comments .more button i.animate-spin {
      display: inline-block
  }
  
  @media (max-width:480px) {
      .comments li {
          padding: 10px 10px 10px 110px
      }
      .comments li.level1 {
          margin-left: 20px
      }
      .comments li.level2 {
          margin-left: 40px
      }
  }
  
  .comment_add {
      text-align: right
  }
  
  .comment_add .comment_content {
      display: inline-block;
      width: 100%;
      max-width: 100%;
      min-width: 100%;
      height: 150px;
      max-height: 150px;
      min-height: 150px;
      overflow: auto;
      margin-bottom: 20px;
      border: 1px solid #e0e0e0;
      padding: 4px 6px;
      vertical-align: middle;
      line-height: 20px;
      font-size: 87.5%;
      color: #666;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
  }
  
  .comment_add .member_name {
      width: 200px;
      padding: 0 6px;
      border: 1px solid #ededed;
      border-radius: 2px
  }
  
  .comment_add .comment_submit,
  .comment_add .member_name {
      height: 40px;
      margin: 0 0 20px 10px;
      line-height: 40px;
      font-size: 87.5%
  }
  
  .comment_add .comment_submit {
      width: 100px;
      background-color: #262626;
      border: none;
      border-radius: 2px;
      font-weight: 700;
      color: #fff;
      cursor: pointer
  }
  
  .comment_add .comment_submit:hover {
      filter: alpha(opacity=70);
      opacity: .7;
      -moz-opacity: .7
  }
  
  .comment_add .info {
      clear: both;
      padding: 15px 0;
      border-top: 1px solid #ddd;
      line-height: 115%;
      font-size: 81.25%;
      text-align: left
  }
  
  .comment_add .reply_to {
      display: inline-block
  }
  
  .comment_add .reply_to span {
      display: inline-block;
      font-weight: 700;
      font-size: 81.25%;
      line-height: 160%;
      cursor: pointer
  }
  
  .comment_add .reply_to .name {
      padding-left: 7px;
      background-color: #f5f5f5;
      border: 1px solid #dbdbdb;
      border-radius: 3px
  }
  
  .comment_add .reply_to i {
      width: 19px;
      text-align: center
  }
  
  .comment-block {
      clear: both;
      margin-bottom: 20px;
      padding: 20px 60px;
      background-color: #f8f8f8;
      border: 3px solid #e9e9e9;
      border-width: 3px 0;
      color: #242424;
      margin-left: -15px;
      margin-right: -15px
  }
  
  @media screen and (min-width:768px) {
      .comment-block {
          margin-left: 0;
          margin-right: 0
      }
  }
  
  .comment-block h1.caption {
      display: inline-block;
      margin: 0 0 20px;
      border-bottom: 1px solid #cecece;
      font-weight: 700;
      font-size: 150%
  }
  
  .comment-block h1.caption span {
      font-weight: 400
  }
  
  .comment-block .no-comment {
      margin-bottom: 10px;
      font-size: 81.25%;
      color: #242424
  }
  
  @media (max-width:768px) {
      .comment-block {
          padding: 20px
      }
  }
  
  @media (max-width:480px) {
      .comment-block {
          padding: 15px
      }
      .comment-block h1.caption {
          margin-bottom: 10px;
          font-size: 100%
      }
  }
  
  .fb-comments {
      margin-bottom: 10px
  }
  
  @font-face {
      font-family: snk-icons;
      src: url(fonts/snk-icons.eot);
      src: url(fonts/snk-icons.eot#iefix) format("embedded-opentype"), url(fonts/snk-icons.woff2) format("woff2"), url(fonts/snk-icons.woff) format("woff"), url(fonts/snk-icons.ttf) format("truetype"), url(fonts/snk-icons.svg#snk-icons) format("svg");
      font-weight: 400;
      font-style: normal;
      font-display: swap
  }
  
  [class*=" icon-"]:before,
  [class^=icon-]:before {
      font-family: snk-icons;
      font-style: normal;
      font-weight: 400;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      font-feature-settings: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1em;
      margin-left: .2em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
  }
  
  .icon-spin1:before {
      content: "\e800"
  }
  
  .icon-spin2:before {
      content: "\e801"
  }
  
  .icon-spin3:before {
      content: "\e802"
  }
  
  .icon-spin4:before {
      content: "\e803"
  }
  
  .icon-spin5:before {
      content: "\e804"
  }
  
  .icon-spin6:before {
      content: "\e805"
  }
  
  .icon-mail:before {
      content: "\e806"
  }
  
  .icon-mail-alt:before {
      content: "\e807"
  }
  
  .icon-star:before {
      content: "\e808"
  }
  
  .icon-star-empty:before {
      content: "\e809"
  }
  
  .icon-star-half:before {
      content: "\e80a"
  }
  
  .icon-star-half-alt:before {
      content: "\e80b"
  }
  
  .icon-user:before {
      content: "\e80c"
  }
  
  .icon-videocam:before {
      content: "\e80d"
  }
  
  .icon-camera:before {
      content: "\e80e"
  }
  
  .icon-ok:before {
      content: "\e80f"
  }
  
  .icon-ok-squared:before {
      content: "\e810"
  }
  
  .icon-cancel:before {
      content: "\e811"
  }
  
  .icon-plus:before {
      content: "\e812"
  }
  
  .icon-minus:before {
      content: "\e813"
  }
  
  .icon-info:before {
      content: "\e814"
  }
  
  .icon-home:before {
      content: "\e815"
  }
  
  .icon-link:before {
      content: "\e816"
  }
  
  .icon-lock:before {
      content: "\e817"
  }
  
  .icon-lock-open-alt:before {
      content: "\e818"
  }
  
  .icon-tag:before {
      content: "\e819"
  }
  
  .icon-bookmark:before {
      content: "\e81a"
  }
  
  .icon-thumbs-up:before {
      content: "\e81b"
  }
  
  .icon-thumbs-down:before {
      content: "\e81c"
  }
  
  .icon-thumbs-up-alt:before {
      content: "\e81d"
  }
  
  .icon-thumbs-down-alt:before {
      content: "\e81e"
  }
  
  .icon-reply:before {
      content: "\e81f"
  }
  
  .icon-reply-all:before {
      content: "\e820"
  }
  
  .icon-forward:before {
      content: "\e821"
  }
  
  .icon-share:before {
      content: "\e822"
  }
  
  .icon-share-squared:before {
      content: "\e823"
  }
  
  .icon-pencil:before {
      content: "\e824"
  }
  
  .icon-pencil-squared:before {
      content: "\e825"
  }
  
  .icon-edit:before {
      content: "\e826"
  }
  
  .icon-print:before {
      content: "\e827"
  }
  
  .icon-comment:before {
      content: "\e828"
  }
  
  .icon-chat:before {
      content: "\e829"
  }
  
  .icon-comment-empty:before {
      content: "\e82a"
  }
  
  .icon-chat-empty:before {
      content: "\e82b"
  }
  
  .icon-attention-alt:before {
      content: "\e82c"
  }
  
  .icon-attention:before {
      content: "\e82d"
  }
  
  .icon-attention-circled:before {
      content: "\e82e"
  }
  
  .icon-location:before {
      content: "\e82f"
  }
  
  .icon-trash:before {
      content: "\e830"
  }
  
  .icon-doc:before {
      content: "\e831"
  }
  
  .icon-folder:before {
      content: "\e832"
  }
  
  .icon-rss:before {
      content: "\e833"
  }
  
  .icon-rss-squared:before {
      content: "\e834"
  }
  
  .icon-phone:before {
      content: "\e835"
  }
  
  .icon-phone-squared:before {
      content: "\e836"
  }
  
  .icon-fax:before {
      content: "\e837"
  }
  
  .icon-menu:before {
      content: "\e838"
  }
  
  .icon-cog:before {
      content: "\e839"
  }
  
  .icon-wrench:before {
      content: "\e83a"
  }
  
  .icon-basket:before {
      content: "\e83b"
  }
  
  .icon-calendar:before {
      content: "\e83c"
  }
  
  .icon-resize-full:before {
      content: "\e83d"
  }
  
  .icon-resize-small:before {
      content: "\e83e"
  }
  
  .icon-zoom-in:before {
      content: "\e83f"
  }
  
  .icon-zoom-out:before {
      content: "\e840"
  }
  
  .icon-down-circled2:before {
      content: "\e841"
  }
  
  .icon-left-circled2:before {
      content: "\e842"
  }
  
  .icon-up-circled2:before {
      content: "\e843"
  }
  
  .icon-right-circled2:before {
      content: "\e844"
  }
  
  .icon-up-dir:before {
      content: "\e845"
  }
  
  .icon-down-dir:before {
      content: "\e846"
  }
  
  .icon-left-dir:before {
      content: "\e847"
  }
  
  .icon-right-dir:before {
      content: "\e848"
  }
  
  .icon-down-open:before {
      content: "\e849"
  }
  
  .icon-left-open:before {
      content: "\e84a"
  }
  
  .icon-right-open:before {
      content: "\e84b"
  }
  
  .icon-up-open:before {
      content: "\e84c"
  }
  
  .icon-angle-left:before {
      content: "\e84d"
  }
  
  .icon-angle-right:before {
      content: "\e84e"
  }
  
  .icon-angle-up:before {
      content: "\e84f"
  }
  
  .icon-angle-down:before {
      content: "\e850"
  }
  
  .icon-angle-circled-left:before {
      content: "\e851"
  }
  
  .icon-angle-circled-right:before {
      content: "\e852"
  }
  
  .icon-angle-circled-up:before {
      content: "\e853"
  }
  
  .icon-angle-circled-down:before {
      content: "\e854"
  }
  
  .icon-angle-double-left:before {
      content: "\e855"
  }
  
  .icon-angle-double-right:before {
      content: "\e856"
  }
  
  .icon-angle-double-up:before {
      content: "\e857"
  }
  
  .icon-angle-double-down:before {
      content: "\e858"
  }
  
  .icon-down-big:before {
      content: "\e859"
  }
  
  .icon-left-big:before {
      content: "\e85a"
  }
  
  .icon-right-big:before {
      content: "\e85b"
  }
  
  .icon-up-big:before {
      content: "\e85c"
  }
  
  .icon-right-hand:before {
      content: "\e85d"
  }
  
  .icon-left-hand:before {
      content: "\e85e"
  }
  
  .icon-up-hand:before {
      content: "\e85f"
  }
  
  .icon-down-hand:before {
      content: "\e860"
  }
  
  .icon-ok-circled:before {
      content: "\e861"
  }
  
  .icon-camera-alt:before {
      content: "\e862"
  }
  
  .icon-picture:before {
      content: "\e863"
  }
  
  .icon-video:before {
      content: "\e864"
  }
  
  .icon-off:before {
      content: "\e865"
  }
  
  .icon-facebook:before {
      content: "\e866"
  }
  
  .icon-facebook-squared:before {
      content: "\e867"
  }
  
  .icon-google:before {
      content: "\e868"
  }
  
  .icon-gplus:before {
      content: "\e869"
  }
  
  .icon-gplus-squared:before {
      content: "\e86a"
  }
  
  .icon-instagramm:before {
      content: "\e86b"
  }
  
  .icon-linkedin-squared:before {
      content: "\e86c"
  }
  
  .icon-linkedin:before {
      content: "\e86d"
  }
  
  .icon-pinterest-circled:before {
      content: "\e86e"
  }
  
  .icon-pinterest-squared:before {
      content: "\e86f"
  }
  
  .icon-tumblr:before {
      content: "\e870"
  }
  
  .icon-tumblr-squared:before {
      content: "\e871"
  }
  
  .icon-twitter-squared:before {
      content: "\e872"
  }
  
  .icon-twitter:before {
      content: "\e873"
  }
  
  .icon-youtube:before {
      content: "\e874"
  }
  
  .icon-youtube-squared:before {
      content: "\e875"
  }
  
  .icon-youtube-play:before {
      content: "\e876"
  }
  
  .icon-asterisk:before {
      content: "\e877"
  }
  
  .icon-recycle:before {
      content: "\e878"
  }
  
  .icon-sitemap:before {
      content: "\e879"
  }
  
  .icon-sort-up:before {
      content: "\e87a"
  }
  
  .icon-sort-down:before {
      content: "\e87b"
  }
  
  .icon-sort-name-up:before {
      content: "\e87c"
  }
  
  .icon-sort-name-down:before {
      content: "\e87d"
  }
  
  .icon-sort-number-up:before {
      content: "\e87e"
  }
  
  .icon-sort-number-down:before {
      content: "\e87f"
  }
  
  .icon-truck:before {
      content: "\e880"
  }
  
  .icon-check:before {
      content: "\e881"
  }
  
  .icon-check-empty:before {
      content: "\e882"
  }
  
  .icon-flash:before {
      content: "\e883"
  }
  
  .icon-play:before {
      content: "\e884"
  }
  
  .icon-play-circled:before {
      content: "\e885"
  }
  
  .icon-play-circled2:before {
      content: "\e886"
  }
  
  .icon-clock:before {
      content: "\e887"
  }
  
  .icon-calendar-empty:before {
      content: "\e888"
  }
  
  .icon-pin:before {
      content: "\e889"
  }
  
  .icon-info-circled:before {
      content: "\e88a"
  }
  
  .icon-help-circled:before {
      content: "\e88b"
  }
  
  .icon-help:before {
      content: "\e88c"
  }
  
  .icon-minus-circled:before {
      content: "\e88d"
  }
  
  .icon-plus-circled:before {
      content: "\e88e"
  }
  
  .icon-plus-squared:before {
      content: "\e88f"
  }
  
  .icon-minus-squared:before {
      content: "\e890"
  }
  
  .icon-minus-squared-alt:before {
      content: "\e891"
  }
  
  .icon-plus-squared-alt:before {
      content: "\e892"
  }
  
  .icon-cancel-circled:before {
      content: "\e893"
  }
  
  .icon-cancel-circled2:before {
      content: "\e894"
  }
  
  .icon-ok-circled2:before {
      content: "\e895"
  }
  
  .icon-mail-squared:before {
      content: "\e896"
  }
  
  .icon-search:before {
      content: "\e897"
  }
  
  .icon-comment-1:before {
      content: "\e898"
  }
  
  .icon-comment-2:before {
      content: "\e899"
  }
  
  .icon-chat-1:before {
      content: "\e89a"
  }
  
  .icon-comment-3:before {
      content: "\e89b"
  }
  
  .icon-comment-inv:before {
      content: "\e89c"
  }
  
  .icon-comment-alt:before {
      content: "\e89d"
  }
  
  .icon-comment-inv-alt:before {
      content: "\e89e"
  }
  
  .icon-comment-4:before {
      content: "\e89f"
  }
  
  .icon-whatsapp:before {
      content: "\e8a0"
  }
  
  .icon-edit-1:before {
      content: "\e8a1"
  }
  
  .icon-edit-alt:before {
      content: "\e8a2"
  }
  
  .icon-pencil-alt:before {
      content: "\e8a3"
  }
  
  .icon-euro:before {
      content: "\e8a4"
  }
  
  .icon-pound:before {
      content: "\e8a5"
  }
  
  .icon-dollar:before {
      content: "\e8a6"
  }
  
  .icon-chart-line:before {
      content: "\e8a7"
  }
  
  .icon-globe:before {
      content: "\e8a8"
  }
  
  .icon-database:before {
      content: "\e8a9"
  }
  
  .icon-cm:before {
      content: "\e8aa"
  }
  
  .icon-tv:before {
      content: "\e8ab"
  }
  
  .icon-soccer-ball:before {
      content: "\e8ac"
  }
  
  .icon-pinterest:before {
      content: "\e8ad"
  }
  
  .icon-pause:before {
      content: "\e8ae"
  }
  
  .icon-volume-off:before {
      content: "\e8af"
  }
  
  .icon-volume-up:before {
      content: "\e8b0"
  }
  
  .icon-desktop:before {
      content: "\e8b1"
  }
  
  .icon-circle:before {
      content: "\e8b2"
  }
  
  .icon-circle-empty:before {
      content: "\e8b3"
  }
  
  .icon-circle-thin:before {
      content: "\e8b4"
  }
  
  .icon-dot-circled:before {
      content: "\e8b5"
  }
  
  .icon-facebook-messenger:before {
      content: "\e8b7"
  }
  
  .icon-spin-cm-1:before {
      content: "\e8ba"
  }
  
  .icon-mosque:before {
      content: "\e8e4"
  }
  
  .icon-accu-1:before {
      content: "\e8e5"
  }
  
  .icon-accu-2:before {
      content: "\e8e6"
  }
  
  .icon-accu-3:before {
      content: "\e8e7"
  }
  
  .icon-accu-4:before {
      content: "\e8e8"
  }
  
  .icon-accu-5:before {
      content: "\e8e9"
  }
  
  .icon-accu-6:before {
      content: "\e8ea"
  }
  
  .icon-accu-7:before {
      content: "\e8eb"
  }
  
  .icon-accu-8:before {
      content: "\e8ec"
  }
  
  .icon-accu-11:before {
      content: "\e8ed"
  }
  
  .icon-accu-12:before {
      content: "\e8ee"
  }
  
  .icon-accu-13:before {
      content: "\e8ef"
  }
  
  .icon-accu-14:before {
      content: "\e8f0"
  }
  
  .icon-accu-15:before {
      content: "\e8f1"
  }
  
  .icon-accu-16:before {
      content: "\e8f2"
  }
  
  .icon-accu-17:before {
      content: "\e8f3"
  }
  
  .icon-accu-18:before {
      content: "\e8f4"
  }
  
  .icon-accu-19:before {
      content: "\e8f5"
  }
  
  .icon-accu-20:before {
      content: "\e8f6"
  }
  
  .icon-accu-21:before {
      content: "\e8f7"
  }
  
  .icon-accu-22:before {
      content: "\e8f8"
  }
  
  .icon-accu-23:before {
      content: "\e8f9"
  }
  
  .icon-accu-24:before {
      content: "\e8fa"
  }
  
  .icon-accu-25:before {
      content: "\e8fb"
  }
  
  .icon-accu-26:before {
      content: "\e8fc"
  }
  
  .icon-accu-29:before {
      content: "\e8fd"
  }
  
  .icon-accu-30:before {
      content: "\e8fe"
  }
  
  .icon-accu-31:before {
      content: "\e8ff"
  }
  
  .icon-accu-32:before {
      content: "\e900"
  }
  
  .icon-accu-33:before {
      content: "\e901"
  }
  
  .icon-accu-34:before {
      content: "\e902"
  }
  
  .icon-accu-35:before {
      content: "\e903"
  }
  
  .icon-accu-36:before {
      content: "\e904"
  }
  
  .icon-accu-37:before {
      content: "\e905"
  }
  
  .icon-accu-38:before {
      content: "\e906"
  }
  
  .icon-accu-39:before {
      content: "\e907"
  }
  
  .icon-accu-40:before {
      content: "\e908"
  }
  
  .icon-accu-41:before {
      content: "\e909"
  }
  
  .icon-accu-42:before {
      content: "\e90a"
  }
  
  .icon-accu-43:before {
      content: "\e90b"
  }
  
  .icon-accu-44:before {
      content: "\e90c"
  }
  
  .icon-credit-card:before {
      content: "\e90e"
  }
  
  .icon-fontsize:before {
      content: "\f088"
  }
  
  .icon-link-ext:before {
      content: "\f08e"
  }
  
  .icon-try:before {
      content: "\f195"
  }
  
  .sub-page-caption>div,
  .sub-page-caption>h1,
  .sub-page-caption>span {
      padding: 25px 0;
      line-height: 20px;
      position: relative;
      font-size: 1.25rem;
      display: flex;
      flex-direction: row;
      align-items: center;
      white-space: normal
  }
  
  @media screen and (min-width:576px) {
      .sub-page-caption>div,
      .sub-page-caption>h1,
      .sub-page-caption>span {
          white-space: nowrap
      }
  }
  
  .sub-page-caption>div:after,
  .sub-page-caption>h1:after,
  .sub-page-caption>span:after {
      content: "";
      border-top: 1px solid #d9dbe2;
      flex: 1;
      margin-left: 30px
  }
  
  .sub-page-caption>div b,
  .sub-page-caption>h1 b,
  .sub-page-caption>span b {
      margin-left: 6px
  }
  
  .imgc,
  .r1x1,
  .r2x1,
  .r3x2,
  .r4x3,
  .r16x9 {
      position: relative;
      overflow: hidden;
  }
  
  .footer-01 .nav-top-container {
      min-height: 64px;
      background-color: #fff;
      border-color: #d6d7d9 transparent #e4e7f0;
      border-style: solid;
      border-width: 1px 0 3px;
      align-items: center;
      display: flex
  }
  
  .footer-01 .nav-top-container .container .row {
      justify-content: space-between;
      align-items: center
  }
  
  .footer-01 .nav-top-container .container .row>[class*=col-] {
      margin-top: 1rem;
      margin-bottom: 1rem;
      text-align: center
  }
  
  @media screen and (min-width:992px) {
      .footer-01 .nav-top-container .container .row>[class*=col-] {
          margin-bottom: 0;
          margin-top: 0
      }
  }
  
  .footer-01 .nav-footer div {
      font-size: .9rem;
      display: inline-block;
      border-right: 1px solid #ccc;
      margin-right: 10px;
      padding-right: 10px
  }
  
  .footer-01 .nav-footer div:last-child {
      border-right: none;
      margin-right: 0
  }
  
  .footer-01 .nav-social a {
      display: inline-block;
      line-height: 40px;
      width: 50px;
      text-align: center;
      font-size: 20px
  }
  
  .footer-01 .cm-sign {
      height: 60px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      line-height: 28px;
      color: #5a5c67;
      font-size: 14px
  }
  
  .footer-01 .cm-sign a {
      display: inline-block
  }
  
  .footer-01 .cm-sign i {
      color: #068ca7;
      font-size: 24px
  }
  
  .footer-01 .nav-tags-container {
      background-color: #f4f5f8
  }
  
  .footer-01 .nav-tags {
      margin: 0;
      padding: 30px 10px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap
  }
  
  .footer-01 .nav-tags>li {
      width: 100%;
      list-style-type: "\BB"
  }
  
  @media screen and (min-width:576px) {
      .footer-01 .nav-tags>li {
          width: 50%
      }
  }
  
  @media screen and (min-width:768px) {
      .footer-01 .nav-tags>li {
          width: 33.33333%
      }
  }
  
  @media screen and (min-width:992px) {
      .footer-01 .nav-tags>li {
          width: 25%
      }
  }
  
  @media screen and (min-width:1200px) {
      .footer-01 .nav-tags>li {
          width: 20%
      }
  }
  
  .footer-01 .nav-tags>li>a {
      display: block;
      padding: 5px 0 5px 10px
  }
  
  .footer-01 .nav-tags>li>a:hover {
      text-decoration: none;
      color: #ee1c24
  }
  
  .box-news-2 .row {
      margin-left: -10px;
      margin-right: -10px
  }
  
  .box-news-2 .row>div {
      padding-left: 10px;
      padding-right: 10px;
      margin-bottom: 20px
  }
  
  .box-news-2 a {
      display: block;
      border-bottom: 2px solid #e5e5e5;
      line-height: 122%;
      font-size: 87.5%;
      font-weight: 700
  }
  
  .box-news-2 .i {
      display: block
  }
  
  .box-news-2 .t {
      display: flex;
      height: 50px;
      width: 100%;
      padding: 0 10px;
      background-color: #fff;
      border: 1px solid #ccc;
      border-top-width: 0;
      align-items: center
  }
  
  .box-news-2 .f a {
      position: relative;
      height: 404px;
      overflow: hidden
  }
  
  .box-news-2 .f a .t {
      position: absolute;
      bottom: 0
  }
  
  @media(max-width:1200px) {
      .box-news-2 .f a {
          height: 334px
      }
  }
  
  @media(max-width :992px) {
      .box-news-2 .f a {
          height: 360px
      }
  }
  
  @media(max-width :768px) {
      .box-news-2 .f a {
          height: auto;
          text-align: center
      }
      .box-news-2 .f a .t {
          position: static;
          height: auto;
          padding: 10px 5px
      }
      .box-news-2 .f a img {
          position: static;
          height: auto;
          max-width: 100%;
          transform: none;
          margin: 0 auto
      }
  }
  
  @media(max-width :480px) {
      .box-news-2 a .t {
          height: auto;
          padding: 10px 5px
      }
  }
  
  .box-news {
      clear: left
  }
  
  .box-news .row {
      margin-left: -10px;
      margin-right: -10px
  }
  
  .box-news .row>div {
      padding-left: 10px;
      padding-right: 10px;
      margin-bottom: 20px
  }
  
  .box-news .row>div .c {
      background: transparent url(../images/box-news-bck.png) no-repeat center bottom
  }
  
  .box-news .row>div:nth-child(3n+1) .c {
      background-position: right bottom
  }
  
  .box-news .row>div:nth-child(3n+3) .c {
      background-position: left bottom
  }
  
  .box-news a {
      display: block;
      overflow: hidden
  }
  
  .box-news .f {
      position: relative;
      height: 300px;
      line-height: 121%;
      font-size: 118.75%;
      font-weight: 700;
      color: #fff
  }
  
  .box-news .f:before {
      content: " ";
      z-index: 1;
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.65) 5%, rgba(0, 0, 0, 0) 45%);
      background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.65) 5%, rgba(0, 0, 0, 0) 45%);
      background: linear-gradient(45deg, rgba(0, 0, 0, 0.65) 5%, rgba(0, 0, 0, 0) 45%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1)
  }
  
  .box-news .f .t {
      z-index: 2;
      position: absolute;
      left: 20px;
      bottom: 20px;
      display: block;
      width: 160px;
      text-shadow: 1px 1px 1px #000
  }
  
  .box-news .c {
      height: 300px;
      line-height: 120%;
      font-size: 93.75%
  }
  
  .box-news .c .i {
      margin-bottom: 10px
  }
  
  .box-news .c .t {
      display: block;
      margin-bottom: 10px;
      line-height: 122%;
      font-size: 126.7%;
      font-weight: 700;
      color: #3f495b
  }
  
  .box-news .c .sc {
      display: block;
      max-height: 72px;
      overflow: hidden
  }
  
  @media(max-width :992px) {
      .box-news .c .t {
          margin-bottom: 5px
      }
      .box-news .c .sc {
          max-height: 54px
      }
  }
  
  @media(max-width :480px) {
      .box-news .c {
          height: auto;
          padding-bottom: 10px;
          background: none !important;
          border-bottom: 3px solid #d9dbde
      }
      .box-news .c .sc {
          max-height: none
      }
  }
  
  .box-video .row {
      margin-left: -10px;
      margin-right: -10px
  }
  
  .box-video .row>div {
      padding-left: 10px;
      padding-right: 10px;
      margin-bottom: 20px
  }
  
  .box-video a {
      display: block;
      border-bottom: 3px solid #d9d9d9;
      line-height: 118%;
      font-size: 106.25%;
      font-weight: 700;
      color: #000
  }
  
  .box-video .t {
      display: flex;
      height: 80px;
      width: 100%;
      background-color: #fff;
      align-items: center
  }
  
  @media(max-width :768px) {
      .box-video .f2 a .t {
          position: static;
          height: auto;
          padding: 10px 0
      }
  }
  
  @media(max-width :480px) {
      .box-video a .t {
          height: auto;
          padding: 10px 0
      }
  }
  
  .cat-news {
      float: left;
      width: 386px;
      overflow: hidden;
      margin-right: 20px;
      margin-bottom: 20px;
      max-height: 600px;
      overflow: hidden
  }
  
  .cat-news:nth-child(3n) {
      margin-right: 0
  }
  
  .cat-news ul {
      display: block
  }
  
  .cat-news li {
      height: 343px
  }
  
  .cat-news li a {
      display: block;
      height: 100%;
      overflow: hidden;
      line-height: 122%;
      font-size: 87.5%;
      border-bottom: 1px solid #e8e8e8
  }
  
  .cat-news li .i {
      display: block
  }
  
  .cat-news li .t {
      display: table;
      height: 50px;
      width: 100%;
      margin-bottom: 14px;
      border-bottom: 1px solid #e8e8e8;
      line-height: 115%;
      font-weight: 700;
      font-size: 122%
  }
  
  .cat-news li .t>span {
      display: table-cell;
      vertical-align: middle
  }
  
  .cat-news .pager .item {
      position: relative;
      height: 35px
  }
  
  .img-responsive,
  .thumbnail>img,
  .thumbnail a>img,
  .carousel-inner>.item>img,
  .carousel-inner>.item>a>img {
      display: block;
      max-width: 100%;
      height: 55%;
      width: 100%;
  }
  
  .img-fit {
      position: absolute;
      left: 50%;
      top: 50%;
      height: 100%;
      width: auto;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%)
  }
  
  .img-fit-p {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 100%;
      height: auto;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%)
  }
  
  .cat-news .pager .item a {
      display: block;
      height: 35px;
      overflow: hidden;
      padding-left: 24px;
      background: transparent url(i/cat-news-item.png) no-repeat 10px 15px;
      border-bottom: 1px solid #e8e8e8;
      line-height: 34px;
      text-decoration: none;
      font-weight: 700;
      font-size: 87.5%
  }
  
  .cat-news .pager .active {
      background-color: #f7f7f7
  }
  
  .cat-news .pager .active:after {
      position: absolute;
      right: 0;
      bottom: 0;
      display: block;
      width: 22px;
      height: 15px;
      background-color: #e90009;
      content: '\e84f';
      text-align: center;
      line-height: 15px;
      font-family: "snk-icons";
      font-size: 87.5%;
      color: #fff
  }
  
  .cat-news-1 {
      width: 430px
  }
  
  .cat-news-1 li {
      height: 365px
  }
  
  .cat-news-1:nth-child(2n) {
      margin-right: 0
  }
  
  @media(max-width:1200px) {
      .cat-news {
          width: 316px
      }
      .cat-news li {
          height: 330px
      }
      .cat-news-1 {
          width: 325px
      }
      .cat-news-1 li {
          height: 330px
      }
  }
  
  @media(max-width:992px) {
      .cat-news {
          width: 364px
      }
      .cat-news:nth-child(3n) {
          margin-right: 20px
      }
      .cat-news:nth-child(2n) {
          margin-right: 0
      }
      .cat-news li {
          height: 330px
      }
  }
  
  @media(max-width :768px) {
      .cat-news {
          width: 46%;
          margin-right: 2%;
          margin-left: 2%
      }
      .cat-news li {
          height: 310px
      }
      .cat-news .pager .item {
          display: inline-block;
          width: 10px;
          height: 10px;
          overflow: hidden;
          margin-right: 5px;
          background-color: #e8e8e8;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%
      }
      .cat-news .pager .item a {
          display: none
      }
      .cat-news .pager .active:after {
          content: ''
      }
  }
  
  @media(max-width :480px) {
      .cat-news {
          width: 100%;
          max-width: 100%;
          margin: 0 0 10px 0
      }
      .cat-news li {
          height: auto;
          max-height: 350px
      }
      .cat-news li a {
          padding-bottom: 15px
      }
  }
  
  .author-slider-01 .caption-02 div:after {
      border-color: rgba(0, 0, 0, .12549);
      margin-right: 95px
  }
  
  .author-slider-01 .item {
      height: 100%
  }
  
  .author-slider-01 .item a {
      display: flex;
      width: 100%;
      height: 100%;
      flex-direction: column
  }
  
  .author-slider-01 .item .imgc:before {
      padding-top: 100%
  }
  
  .author-slider-01 .item .imgc img {
      border: 4px solid #fff;
      background: linear-gradient(180deg, #f0f0f3, #fff)
  }
  
  .author-slider-01 .item .text-wrapper {
      padding: 1rem 0 0;
      display: flex;
      flex: 1
  }
  
  .author-slider-01 .item .text-wrapper .text .title {
      font-weight: 400;
      font-size: .9375rem;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical
  }
  
  .author-slider-01 .item .text-wrapper .text .cat {
      font-weight: 700;
      display: inline-block;
      font-size: 1.0625rem
  }
  
  .author-side-list .item:last-child a {
      border-bottom-width: 0
  }
  
  .author-side-list .item a {
      display: flex;
      align-items: center;
      margin-bottom: 1rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid #ccc;
      background-color: #fff
  }
  
  .author-side-list .item .image {
      width: 40%
  }
  
  .author-side-list .item .title {
      width: 60%;
      padding: 0 10px
  }
  
  .author-side-list .item .title .n {
      font-size: 1.1rem
  }
  
  .author-side-list .item .title .t {
      font-size: 1rem;
      font-weight: 400
  }
  
  .author-home .item {
      display: block;
      height: 100%;
      margin-bottom: 20px;
      padding: 10px;
      background: linear-gradient(180deg, #f1f1f1 0, #fff 30%);
      border-bottom: 2px solid #f7f7f7;
      text-align: center
  }
  
  .author-home .item img {
      width: 120px;
      max-height: 120px;
      margin-top: 20px;
      margin-bottom: 20px;
      border-radius: 50%
  }
  
  .author-home .item h2 {
      width: 80%;
      margin: 0 auto 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #f7f7f7;
      font-size: 112.5%
  }
  
  @media screen and (min-width:768px) {
      .author-home .item h2 {
          font-size: 100%
      }
  }
  
  .author-home .item h2 a {
      font-weight: 700;
      color: #e20905
  }
  
  .author-home .item h3 {
      width: 80%;
      margin: auto auto 10px;
      font-size: 125%
  }
  
  @media screen and (min-width:768px) {
      .author-home .item h3 {
          font-size: 112.5%
      }
  }
  
  .author-home .item h3 a {
      font-weight: 700;
      color: #444
  }
  
  .author-home .item span.date {
      display: block;
      margin: auto;
      font-size: 75%;
      font-weight: 400;
      color: #444
  }
  
  .author-info {
      position: relative;
      background-image: linear-gradient(0deg, #666, #2c2c2c);
      display: flex;
      flex-direction: row;
      align-items: center;
      color: #fff
  }
  
  @media screen and (min-width:768px) {
      .author-info {
          height: 200px;
          margin-bottom: 2rem
      }
  }
  
  .author-info .image {
      margin-right: 10px;
      width: 125px;
      height: 125px
  }
  
  @media screen and (min-width:576px) {
      .author-info .image {
          width: 150px;
          height: 150px;
          margin-right: 20px
      }
  }
  
  @media screen and (min-width:768px) {
      .author-info .image {
          width: 200px;
          height: 200px
      }
  }
  
  .author-info .info .name {
      margin: 0;
      font-size: 1.2rem;
      text-shadow: 2px 2px 2px rgba(0, 0, 0, .5)
  }
  
  @media screen and (min-width:576px) {
      .author-info .info .name {
          font-size: 1.5rem
      }
  }
  
  @media screen and (min-width:768px) {
      .author-info .info .name {
          font-size: 2rem
      }
  }
  
  .article-list {
      margin-bottom: 2rem
  }
  
  .article-list .item {
      background-color: #fff;
      border-bottom: 2px solid #ccc;
      margin-bottom: 1rem;
      padding-bottom: 1rem
  }
  
  .article-list .item .t {
      font-size: 125%
  }
  
  .article-list .item .date {
      font-size: 80%;
      color: #666
  }
  
  .author-about {
      margin-bottom: 30px
  }
  
  .article-other-nav {
      margin-bottom: 2rem
  }
  
  .article-other-nav .item {
      position: relative;
      text-align: center
  }
  
  .article-other-nav .item a {
      display: block
  }
  
  .article-other-nav .item .i {
      display: inline-block;
      width: 62px;
      height: 62px;
      margin-top: 23px;
      line-height: 62px;
      font-size: 32px;
      text-align: center;
      border-radius: 50%;
      background-color: hsla(0, 0%, 50.2%, .2);
      margin-bottom: .5rem
  }
  
  .article-other-nav .item .n {
      padding: .5rem 0;
      border-top: 2px solid #888;
      font-weight: 700;
      font-size: 1.33rem
  }
  
  .article-other-nav .item .t {
      font-size: 1rem;
      margin-bottom: .5rem;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical
  }
  
  .article-other-nav .item.prev {
      background-color: #f2f2f2;
      color: #242424
  }
  
  .article-other-nav .item.prev:before {
      left: 6px;
      content: "\e84d"
  }
  
  .article-other-nav .item.prev a {
      margin-left: 2rem
  }
  
  .article-other-nav .item.next {
      background-color: #242424;
      color: #fff
  }
  
  .article-other-nav .item.next:before {
      right: 6px;
      content: "\e84e"
  }
  
  .article-other-nav .item.next a {
      margin-right: 2rem
  }
  
  .article-other-nav .item.next:before,
  .article-other-nav .item.prev:before {
      position: absolute;
      top: 50%;
      margin-top: -.5em;
      font-family: snk-icons;
      font-size: 4rem;
      line-height: 1em
  }
  
  .author-info {
      position: relative;
      width: 100%;
      height: 200px;
      background: transparent url(../images/author-info-bck.jpg) no-repeat left top
  }
  
  .author-info:before {
      content: "";
      position: absolute;
      z-index: 5;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      box-shadow: inset 0 0 8px rgba(0, 0, 0, .6);
      -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, .6);
      -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, .6)
  }
  
  .author-info img {
      float: left;
      width: 200px;
      height: 200px;
      margin-right: 20px
  }
  
  .author-info .info {
      position: relative;
      z-index: 10;
      float: none;
      padding-top: 35px
  }
  
  .author-info .name {
      margin: 0;
      line-height: 100%;
      font-size: 250%;
      font-weight: 700;
      color: #fff;
      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5)
  }
  
  .author-info .title,
  .author-info .email {
      display: block;
      line-height: 120%;
      font-size: 93.75%;
      font-weight: 300;
      color: #7ee3ff;
      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
      word-break: break-all
  }
  
  .author-info .email a {
      color: inherit
  }
  
  .author-info .other {
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      height: 40px;
      padding: 0 40px 0 60px;
      line-height: 40px;
      font-size: 81.25%;
      font-weight: 700;
      color: #fff;
      background-color: #16ccff;
      background: -moz-linear-gradient(45deg, rgba(26, 205, 255, 0) 0, rgba(26, 205, 255, 0) 2%, rgba(26, 205, 255, 0) 15%, rgba(26, 205, 255, 1) 16%, rgba(26, 205, 255, 1) 100%);
      background: -webkit-linear-gradient(45deg, rgba(26, 205, 255, 0) 0, rgba(26, 205, 255, 0) 2%, rgba(26, 205, 255, 0) 15%, rgba(26, 205, 255, 1) 16%, rgba(26, 205, 255, 1) 100%);
      background: linear-gradient(45deg, rgba(26, 205, 255, 0) 0, rgba(26, 205, 255, 0) 2%, rgba(26, 205, 255, 0) 15%, rgba(26, 205, 255, 1) 16%, rgba(26, 205, 255, 1) 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#001acdff', endColorstr='#1acdff', GradientType=1)
  }
  
  .author-info .other span {
      position: relative;
      z-index: 10
  }
  
  .author-article {
      width: 100%;
      margin-bottom: 20px;
      padding-top: 20px
  }
  
  .author-article li {
      padding: 0 30px;
      margin-bottom: 20px;
      border-radius: 5px;
      border: 1px solid #ececec
  }
  
  .author-article li h3 {
      display: block;
      padding: 15px 0;
      margin: 0;
      font-size: 125%;
      border-bottom: 1px solid #ececec
  }
  
  .author-article li .date {
      display: block;
      padding: 10px 0;
      font-size: 80%;
      color: #666
  }
  
  .author-article li:hover {
      background-color: #00b4d5;
      border-color: #068da5;
      color: #fff
  }
  
  .author-article li:hover * {
      color: inherit
  }
  
  @media(max-width:1200px) {
      .author-info .other {
          height: 30px;
          padding: 0 20px 0 40px;
          line-height: 30px
      }
  }
  
  @media(max-width :768px) {
      .author-info {
          height: 150px
      }
      .author-info img {
          width: 150px;
          height: 150px
      }
      .author-info .info {
          padding: 35px 5px 0 20px
      }
      .author-info .name {
          font-size: 200%
      }
  }
  
  @media(max-width :480px) {
      .author-info {
          height: 125px
      }
      .author-info img {
          width: 125px;
          height: 125px;
          margin-right: 10px
      }
      .author-info .info {
          float: none
      }
      .author-info .name {
          font-size: 150%
      }
      .author-info .title,
      .author-info .email {
          font-size: 87.5%
      }
      .author-article li {
          padding: 0 15px;
          margin-bottom: 10px
      }
  }
  
  .news-detail .advert,
  .author-article-detail .advert {
      float: left;
      width: 308px;
      padding: 3px;
      margin: 0 15px 15px 0;
      border: 1px #d0d2c4 solid;
  }
  
  .namazvakitleri,
  .sendeyaz {
      width: 280px;
      border: 1px solid #DDD;
      padding: 10px;
      position: relative;
  }
  
  .namazvakitleri .title i,
  .sendeyaz .title i,
  #main .biyografiler .title i {
      margin-top: 2px;
  }
  
  .namazvakitleri h5,
  #main .biyografiler .title {
      margin: 0 0 10px;
      padding-bottom: 3px;
      border-bottom: 1px dotted #ccc;
  }
  
  .namazvakitleri h5,
  #main .biyografiler h5,
  .namazvakitleri select {
      margin: 0;
      padding: 0;
      display: inline-block;
  }
  
  .namazvakitleri select {
      height: 28px;
      min-height: 28px;
      margin-top: 5px;
      border: 1px solid #1255A6;
      color: #1D66B3;
      padding: 3px;
      font-size: 12px;
      width: 80px;
  }
  
  .namazvakitleri {
      background: #1C61AF url(../images/cami.jpg) no-repeat;
      border-color: #216BB6;
      color: white;
      height: 140px;
      width: 100%;
  }
  
  .namazvakitleri .title {
      position: absolute;
      right: 10px;
      left: 10px;
  }
  
  .namazvakitleri .title h5 {
      width: 75px;
      text-shadow: 1px 1px rgb(26, 69, 148);
  }
  
  .namazvakitleri .sonuc {
      background: rgba(41, 133, 196, .85);
      padding: 5px 0;
      border-top: 1px solid rgba(18, 85, 166, .25);
      position: absolute;
      bottom: -1px;
      left: 0px;
      right: 0px;
      max-height: 105px;
      overflow: hidden;
      text-shadow: 1px 1px rgb(38, 115, 185);
  }
  
  .namazvakitleri #vakitler th {
      width: 50px;
      text-align: center;
      font-size: 12px;
  }
  
  .namazvakitleri #vakitler td {
      text-align: center;
      color: #ffff64;
      font-weight: bold;
  }
  
  .middle_page_title {
      width: 100%;
      height: 40px;
      margin-bottom: 20px
  }
  
  .middle_page_title h1,
  .middle_page_title h2 {
      margin: 0;
      line-height: 40px;
      font-weight: 700;
      font-size: 24px;
      color: #1d1d1d
  }
  
  .middle_sub_page_title {
      position: relative;
      clear: both;
      width: 100%;
      height: 22px;
      margin-bottom: 15px;
      padding-left: 60px
  }
  
  .middle_sub_page_title:after {
      position: absolute;
      z-index: 1;
      bottom: 6px;
      left: 0;
      width: 100%;
      height: 3px;
      content: "";
      background-color: #e9e9e9
  }
  
  .middle_sub_page_title span,
  .middle_sub_page_title a {
      position: absolute;
      z-index: 2;
      display: block;
      padding: 0 15px;
      background: #fff;
      line-height: 22px;
      font-weight: 700;
      font-size: 93.75%;
      color: #3f495b
  }
  
  .search-result .no_item {
      color: #de0029
  }
  
  .search-result .item {
      padding: 5px 0 0 0;
      margin: 0 0 15px 0
  }
  
  .search-result .title {
      margin-bottom: 5px;
      font-weight: 700;
      color: #e0010a
  }
  
  .search-result .date {
      font-size: 87.5%;
      color: #9b9b9b
  }
  
  .news-latest .item {
      margin-bottom: 1rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid #ccc
  }
  
  .news-latest .item .t {
      display: block;
      padding: .5rem 0;
      font-size: 1.33rem;
      font-family: var(--title-font);
      font-weight: var(--title-font-weight)
  }
  
  .news-latest .item .t:before {
      content: "\e848";
      font-family: snk-icons;
      display: inline-block;
      margin-right: .5rem
  }
  
  .news-latest .item time {
      font-style: italic;
      font-size: 90%;
      display: inline-block;
      margin-right: 1rem
  }
  
  .news-latest .item .c {
      display: inline-block;
      padding: 0 1rem;
      background-color: #ccc;
      border-radius: 2px
  }
/***/

/* Dev Manset */

  @media(max-width :992px) {
	  
	  .dev-manset,
		 .image-editor {
			height: auto;
			max-height:100% !important;
		}
    .image-editor .gradient-bg {
        left: 0 !important;
        right: 0 !important;
        top:auto !important;
        bottom:0 !important;
    height: auto !important;
    background: #0a0a0a !important;
        width:100% !important;
        position:relative !important;
    }
    .image-editor.right .image-editor-view {
    align-items: flex-start;
    text-align: left;
}
 
    .image-editor .image-editor-view {
    padding:15px 10px !important;
    min-height: 130px;
    max-height: 130px;
        white-space:normal;
      
}

    .image-editor .editor-subheading { 
        font-size: 16px !important;
        color: #fff !important; 
        line-height:1.4;
        text-shadow:none !important;
        margin-bottom:0px !important;
            letter-spacing: -1px;
    }

    .image-editor .editor-heading { 
        font-size: 24px !important;
        line-height:1.4;
        text-shadow:none !important;
        margin-bottom:0px !important;
    }

    .image-editor .editor-paragraph {
    display:none;
    }
	  
    .image-editor .image-editor-thumbnail img {
    width: 100% !important;
    max-height: 100%;
	}
	   .image-editor .image-editor-thumbnail picture {
     width: inherit;
	}
     .swiper-container {
         position: relative;
     }
     .swiper-pagination {
         position: unset !important;
         width: 100% !important;
         justify-content: center !important;
         align-items: center !important;
		 background-color: #f2f2f2 !important;
    	padding: 5px !important;
     }

     .swiper-pagination .swiper-pagination-bullet {
         text-indent: -99999px;
         width: 14px !important;
         min-width: 14px !important;
         min-height: 14px !important;
         height: 14px !important;
         background-image: none !important;
         border-radius: 100px !important;
         background-color: #313335 !important;
         margin: 0 4px !important;
     }

     .swiper-pagination .swiper-pagination-bullet-active {
         background-color: #cc292b !important;
         width: 14px !important;
         height: 14px !important;
         position: relative;
         top: 0px;
         left: 0px;
     }

     .swiper-pagination .swiper-pagination-bullet-active::after,
     .swiper-pagination .swiper-pagination-bullet-active::before {
         display: none !important;
     }
	  
.pagination {
    flex-wrap: wrap;
}
.page-item {
    margin-bottom:10px;
}
span.swiper-pagination-bullet.item{
	 padding: 8px!important;
}
	  /*
      .dev-manset {
          height: auto;
          margin-bottom: 10px
      }
     span.swiper-pagination-bullet.item {
          display: inline-block;
          float: none;
          width: 10px;
          height: 10px;
          overflow: hidden;
		 padding: 0px !important;
          text-indent: -20px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%
      }
	  */
  }
	.dev-manset{
	background:#f2f2f2;
	padding-bottom:10px;
	margin-bottom: 20px;
	}
	.swiper-pagination-horizontal{
	padding-top:10px;
	}

	@media(max-width:1200px) {
   span.swiper-pagination-bullet {
          width: 10px;
          height: 10px;
	   		padding: 13px !important;
          overflow: hidden;
        
      }
  }
  
  
  @media(max-width :768px) {
      .pager {
          padding-left: 5px
      }

	   .image-editor .editor-subheading {
	  	  font-size: 12px !important;

	  }
	       span.swiper-pagination-bullet.item {
          display: inline-block;
          float: none;
          width: 10px;
		  padding: 0px !important;
          height: 10px;
		  margin: 3px !important;
          overflow: hidden;
          text-indent: -20px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%
      }
 	
	  .swiper-pagination .swiper-pagination-bullet{
			margin:0px !important;  
		}
       .image-editor .editor-heading{
	  font-size: 28px !important;
	  }
	  .image-editor .image-editor-thumbnail{
	  justify-content: space-evenly;
	  }
	   	.image-editor .image-editor-thumbnail picture{
				width:inherit;
			}
		.image-editor .image-editor-thumbnail img {
		width: 100% !important;
			    height: 250px;

		}
  }
  
  @media(max-width :480px) {
      .dev-manset {
          border-bottom-width: 0;
          border: 0
      }
     .pager {
          display: block;
          height: 25px;
          text-align: center;
          padding: 0
      }
	  .image-editor .editor-heading{
	  font-size: 20px !important;
	  }
	  .image-editor .editor-subheading {
	  	  font-size: 9px !important;

	  }

      span.swiper-pagination-bullet.item {
          display: inline-block;
          float: none;
          width: 10px;
		  padding: 0px !important;
          height: 10px;
		  margin: 1px !important;
          overflow: hidden;
          text-indent: -20px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%
      }
 	.image-editor .image-editor-thumbnail picture{
	width:inherit;
}
    .image-editor .image-editor-thumbnail img {
    width: 100%;
  
    }
  }
	
	
	
	
	span.swiper-pagination-bullet.item:hover {
		background-color:var(--news-theme-color)!important;
		color:#fff;
	}
span.swiper-pagination-bullet.item {
	border:solid #fff;
	height:50px;
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: space-evenly;
    align-items: center;
    font-weight: bold;
    font-size: x-large;
	opacity: 1 !important;
	margin-right:4px;
	margin-bottom:4px;
	background-color:white;

}
	span.swiper-pagination-bullet-active {
		background-color:var(--news-theme-color)!important;
		color:#fff;
   
}
	.swiper-pagination.d-flex.flex-row.justify-content-between.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    width: 940px;
}

.slider-loading {
    min-height:198px;
}
 /* Resimli Manset */
 .image-slider {
     position: relative;
 }

 .image-slider.slider-loading::before {
     position: absolute;
     content: "";
     background: #fff url("../img/loader.svg") center no-repeat;
     top: 0px;
     left: 0px;
     right: 0px;
     bottom: 0px;
     z-index: 100;
 }

 .image-slider .swiper-container {
     max-height: 450px;
     display: block;
 }
 .image-slider .swiper-wrapper {
 min-height: 380px;
}

 .image-slider .swiper-pagination {
     -ms-flex-wrap: nowrap !important;
     flex-wrap: nowrap !important;
 }

 .image-slider .swiper-pagination .swiper-pagination-bullet {
     width: 100%;
     height: auto;
	  border-radius: 0px;
	 background: #7c7c7c;
     color: #fff;
     max-width: 34px;
 }

 .image-slider .swiper-pagination .swiper-pagination-bullet-active:before {
     position: absolute;
     z-index: -5;
     top: -26px;
     left: 46%;
     display: block;
     width: 14px;
     height: 14px;
     content: '';
     transform: rotate(-45deg) translateX(-50%);
     background: #fff;
     z-index: 12;
 }

 /* Tab manset */
 .tab-manset {
     position: relative;
 }
 .image-editor {  
        position: relative;
    height: 100%;
    max-height: 380px;
    }

    .image-editor .image-editor-thumbnail {
        width: 100%;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        z-index: 1;
        overflow: hidden;
    }

    .image-editor .image-editor-thumbnail img {
    width: 100%;
    }

    .image-editor .gradient-bg {

        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(to right, #0a0a0a 0%, #0a0a0a 68%, rgba(10, 10, 10, 0) 100%);
        height: 100%;
        width: 50%;
        z-index: 2;
        transition: .3s;
        visibility: visible;
        opacity: 1;
    }

    .image-editor-view {
        font-family: 'Montserrat', sans-serif;
        width: 100%;
        overflow: hidden;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding: 30px;
        letter-spacing: -.025em;
        white-space: normal;
    }

    .image-editor.right .image-editor-view {
        align-items: flex-end;
        text-align: right;
    }

    .image-editor.right .gradient-bg {
        left: auto;
        right: 0;
        background: linear-gradient(to left, #0a0a0a 0%, #0a0a0a 68%, rgba(10, 10, 10, 0) 100%);
    }

    .image-editor.right .image-editor-thumbnail {
        justify-content: flex-start;
    }

    .image-editor .editor-subheading {
        font-weight: 600;
        font-size: 18px;
        color: #fff;
        line-height: 1.2;
        margin-bottom:5px;
    }

    .image-editor .editor-heading {
        line-height: 1.2;
        font-weight: bold;
        font-size: 44px;
        color: #fff;
        letter-spacing: -1px;
        margin-bottom:5px;
    }

    .image-editor .editor-paragraph {
        line-height: 1.4;
        font-size: 16px;
        color: #fff;
        margin-bottom:5px;
    }
.slide-news .owl-nav>div {
    position: absolute;
    top: calc(50% - 56px);
    width: 20px;
    height: 60px;
    background-color: #e0e2e2;
    line-height: 60px;
    font-size: 112.5%;
    color: #3f495b;
    text-align: center;
}
	.slide-news .owl-nav .owl-next {
    right: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.top-headline {
	position: relative;
    overflow: hidden;
	height:67%;
	width: 98%;
    -webkit-transform: translate3d(0, 0, 0);
}
.spor {
	width: 101% !important;
}
.top-headline .swiper-container,
.top-headline .swiper-slide,
.top-headline .swiper-wrapper {
	height: 100%
}

.top-headline .text-area {
	position: absolute;
	bottom: 0;
	left: 44px;
	right: 0;
	z-index: 2;
	padding: 15px;
	font-family: Raleway, sans-serif;
	background: linear-gradient(0deg, #000, transparent)
}

.top-headline .text-area .title {
	position: relative;
	color: #fff;
	font-size: 1.875rem;
	font-weight: 800;
	line-height: 1
}

.top-headline .text-area .title:before {
	position: absolute;
	content: "";
	top: -10px;
	width: 50px;
	height: 5px;
	background: #d10a11
}

.top-headline .pager {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: rgba(0, 0, 0, .35);
	width: 44px;
	display: flex;
	flex-direction: column
}

.top-headline .pager .item {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 23px;
	font-weight: 600;
	font-family: Raleway, sans-serif;
	transition: background-color .3s
}
.top-headline .pager .item .imgc>img{
	height:100% !important;
}

.top-headline .pager .item.active {
	background: #00a0e3;
}



.SNK_pageskin {
    z-index: 9999;
    position: absolute;
    top: 130px;
    width: auto;
    height: auto
}

.SNK_pageskin.left {
    right: 50%;
    text-align: right
}

.SNK_pageskin.right {
    left: 50%;
    text-align: left
}

.SNK_pageskin.fixed {
    position: fixed
}

@media (min-width: 992px) {
    .SNK_pageskin.left {
        margin-right:421px
    }

    .SNK_pageskin.right {
        margin-left: 421px
    }
	.visible-md {
		display: block!important
	}
}
		
		@media (min-width:1200px) {
			.SNK_pageskin.left {
				margin-right: 530px
			}
			.SNK_pageskin.right {
				margin-left: 530px
			}
			.visible-lg {
				display: block!important
			}
		}

.hava-durumu {
    height: 100px;
    line-height: 120%;
    font-size: 106.25%;
    color: #fff;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);
    background: #35a0e3 url(/theme/assets/images/currency-side-bck.png) no-repeat 120px top;
}

#durumselect{
background-color: rgba(0,0,0,.25);color: #fff;border: 0px;padding:2px;
}
#namazselect{
background-color: rgba(0,0,0,.25);color: #fff;border: 0px;padding:2px
}
   .currency-side .row {
	margin-left: 5px!important;
	margin-right: 5px!important
}

.currency-side .row>[class*=col-] {
	padding-left: 0;
	padding-right: 0;
	border-left: 1px solid #fff!important;
	border-right: 1px solid #fff!important
}

.currency-side li {
	display: block;
	height: 80px;
	padding-top: 20px;
	margin-bottom: 2px;
	line-height: 120%;
	font-size: 106.25%;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
    background: #0e54a2 url(../images/currency-side-bck.png) no-repeat 40px top;
	white-space: nowrap;
	text-align: center
}

.currency-side li:nth-last-child(-n+2) {
	background-position: 40px bottom
}

.currency-side li:before {
	float: left;
	display: block;
	width: 40px;
	height: 100%;
	content: '\e813';
	font-family: snk-icons;
	font-size: 120%;
	line-height: 180%;
	text-align: center
}

.currency-side li span {
	display: block;
	font-size: 112%;
	font-weight: 700
}

.currency-side li.up {
	background-color: #41b613
}

.currency-side li.up:before {
	content: '\e85c'
}

.currency-side li.down {
	background-color: #d70808
}

.currency-side li.down:before {
	content: '\e859'
}

@media (max-width :992px) {
	.currency-side {
		width: 100%;
		clear: both;
		font-size: x-small;
	}
}

@media (max-width :768px) {
		.top-headline {
				height:200px;
				width:100%;
				}
	.currency-side {
		clear: both;
		width: 100%
	}
}

		
		
/* Namaz Vakitleri */

.prayer-side {
	background: #abf504;
	background: -moz-radial-gradient(center, ellipse cover, #abf504 0, #69c715 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #abf504 0, #69c715 100%);
	background: radial-gradient(ellipse at center, #abf504 0, #69c715 100%)
}

.prayer-side .date {
	padding: 7px 0;
	text-align: center;
	color: #fff;
	background: #45a71b;
	background: -moz-linear-gradient(left, #45a71b 0, #50920e 30%, #50920e 70%, #45a71b 100%);
	background: -webkit-linear-gradient(left, #45a71b 0, #50920e 30%, #50920e 70%, #45a71b 100%);
	background: linear-gradient(to right, #45a71b 0, #50920e 30%, #50920e 70%, #45a71b 100%)
}

.prayer-side .date>span {
	display: inline-block;
	padding: 0 10px
}

.prayer-side .date>span:first-child {
	border-right: 1px solid #abc784;
	line-height: 100%;
	font-size: 275%;
	font-weight: 700
}

.prayer-side .date>span:last-child {
	text-align: left;
	line-height: 125%;
	font-size: 93%;
	font-weight: 300
}

.prayer-side .date>span:last-child span {
	font-size: 140%;
	font-weight: 700
}

.prayer-side .content {
	padding: 10px;
	color: #000;
	padding-bottom: 0px;
}

.prayer-side .name {
	text-align: center;
	font-size: 131.25%;
	font-weight: 700;
	margin-bottom: 10px
}

.prayer-side .time {
	text-align: center;
	margin-bottom: 10px
}

.prayer-side .time>span {
	display: inline-block;
	padding: 0 3px
}

.prayer-side .time .l {
	display: block;
	font-weight: 700
}

.prayer-side .all {
	display: inline-block;
	float: right;
	background-color: rgba(0, 0, 0, .25);
	color: #fff
}

@media (max-width :992px) {
	.prayer-side {
		width: 100%;
		height: 100%;
		font-size: x-small;
	}
}



/* section title new */
@font-face {
	font-family: "Gilroy Black";
	src: url(fonts/Gilroy-Black.woff2) format("woff2"), url(fonts/Gilroy-Black.woff) format("woff"), url(fonts/Gilroy-Black.otf) format("opentype");
	font-style: normal;
	font-display: swap;
	font-weight: 400
}
	@font-face {
	font-family: "Gilroy Bold";
	src: url(fonts/Gilroy-Bold.woff2) format("woff2"), url(fonts/Gilroy-Bold.woff) format("woff"), url(fonts/Gilroy-Bold.otf) format("opentype");
	font-style: normal;
	font-display: swap;
	font-weight: 400
}
	@font-face {
	font-family: "Material-Design-Iconic-Font";
	src: url(fonts/Material-Design-Iconic-Font.woff2?v=2.2.0) format("woff2"), url(fonts/Material-Design-Iconic-Font.woff?v=2.2.0) format("woff"), url(fonts/Material-Design-Iconic-Font.ttf?v=2.2.0) format("truetype");
	font-weight: 400;
	font-display: swap;
	font-style: normal
}

.zmdi {
	display: inline-block;
	font: normal normal normal 14px/1 "Material-Design-Iconic-Font";
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.zmdi-chevron-right:before {
	content: '\f2fb'
}
.section-title .link {
    float: right;
    color: #017ed6;
    font-size: 16px;
    line-height: 0;
    padding: 20px;
    top: -4px;
    position: relative;
    background-color: #f5f5f5;
    font-family: "Gilroy Bold",sans-serif;
}
.section-title {
	height: 29px;
	color: #017ed6;
	font-size: 20px;
	margin: 20px 14px 10px;
	position: relative;
	overflow: hidden;
	font-family: "Gilroy Black", sans-serif
}

.section-title .title {
	line-height: 29px;
	position: relative;
	padding-right: 14px;
	text-transform: uppercase;
	display: inline-block
}

.section-title .title:after,
.section-title .title:before {
	top: 11px;
	left: 100%;
	height: 3px;
	content: '';
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: absolute
}

.section-title .title:before {
	width: 68px;
	z-index: 2;
	background: #00a0e3
}

.section-title .title:after {
	width: 1000px;
	background: #017ed6
}


.section-title .link i {
	color: inherit;
	font-size: 21px;
	margin-left: 2px;
	line-height: inherit;
	margin-top: -2px;
	vertical-align: middle
}


.featured-news-section .section-title {
	margin-bottom: 6px
}

.yesil .section-title {
	color: #488a18
}

.yesil .section-title .title:before {
	background: #97b382
}

.yesil .section-title .title:after {
	background: #73a251
}

.yesil .section-title .link {
	color: #587d3e
}

.yesil .section-title .link:hover {
	color: #344a25
}

.gri .section-title {
	color: #536e6e
}

.gri .section-title .title:before {
	background: #cbdddd
}

.gri .section-title .title:after {
	background: #becece
}

.gri .section-title .link {
	color: #6b7b7b
}

.gri .section-title .link:hover {
	color: #475252
}

.kirmizi .section-title {
	height: 35px;
	color: #b34062;
	margin-bottom: 15px
}

.kirmizi .section-title .title:after,
.kirmizi .section-title .title:before {
	top: 29px;
	left: 0
}

.kirmizi .section-title .title:before {
	background: #df6e8f
}

.kirmizi .section-title .title:after {
	background: #b34062
}

.kahverengi .section-title {
	height: 35px;
	color: #8c6547;
	margin-left: initial;
	margin-right: initial
}

.kahverengi .section-title .title:before {
	background: #b79173
}

.kahverengi .section-title .title:after {
	background: #8c6547
}

.kahverengi .section-title .link {
	color: #8c6547
}

.kahverengi .section-title .link:hover {
	color: #59402d
}

.kahverengi.other .section-title {
	height: 35px;
	color: #9b4f4f
}

.kahverengi.other .section-title .title:before {
	background: #b77373
}

.kahverengi.other .section-title .title:after {
	background: #9b4f4f
}

.mavi .section-title {
	color: #398bc2
}

.mavi .section-title .title:before {
	background: #7db3d7
}

.mavi .section-title .title:after {
	background: #398bc2
}

.mavi .section-title .link {
	color: #307aab
}

.mavi .section-title .link:hover {
	color: #1f4f6f
}


.featured-02 .post-item{
    font-size:1.3125rem;
	 margin-bottom:30px;
	height: 270px;
}
.featured-02 .post-item .imgc{
	height: 280px;
}
.featured-02 .post-item .img-filter:after{
    background:linear-gradient(0deg,#121212,rgba(18,18,18,.9),rgba(18,18,18,0))
}