/*!

 * Font Awesome Free 6.2.1 by @fontawesome - https://fontawesome.com

 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

 * Copyright 2022 Fonticons, Inc.

 */



 .fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}



 :host, :root {

    --fa-style-family-classic: "Font Awesome 6 Free";

    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";

}



:host, :root {

    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";

}



:host, :root {

    --fa-style-family-brands: "Font Awesome 6 Brands";

    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";

}



@font-face {

    font-display: fallback;

    font-family: PT Sans;

    font-style: normal;

    font-weight: 700;

    src: local("PT Sans Bold"), local("PTSans-Bold"),

      url(https://fonts.gstatic.com/s/ptsans/v9/jizfRExUiTo99u79B_mh0OCtLR8a8zILig.woff2)

        format("woff2");

    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab,

      U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff;

  }

  @font-face {

    font-display: fallback;

    font-family: PT Sans;

    font-style: normal;

    font-weight: 700;

    src: local("PT Sans Bold"), local("PTSans-Bold"),

      url(https://fonts.gstatic.com/s/ptsans/v9/jizfRExUiTo99u79B_mh0O6tLR8a8zI.woff2)

        format("woff2");

    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

      U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212,

      U+2215, U+feff, U+fffd;

  }

  @font-face {

    font-display: fallback;

    font-family: PT Sans;

    font-style: normal;

    font-weight: 400;

    src: local("PT Sans"), local("PTSans-Regular"),

      url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0yExcOPIDUg-g.woff2)

        format("woff2");

    unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab,

      U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff;

  }

  @font-face {

    font-display: fallback;

    font-family: PT Sans;

    font-style: normal;

    font-weight: 400;

    src: local("PT Sans"), local("PTSans-Regular"),

      url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0KExcOPIDU.woff2)

        format("woff2");

    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da,

      U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212,

      U+2215, U+feff, U+fffd;

  }

  *,

  :after,

  :before {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

  }

  html {

    font-family: sans-serif;

    line-height: 1.15;

    -webkit-text-size-adjust: 100%;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  }

  article,

  aside,

  figcaption,

  figure,

  footer,

  header,

  hgroup,

  main,

  nav,

  section {

    display: block;

  }

  [tabindex="-1"]:focus {

    outline: 0 !important;

  }

  hr {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    height: 0;

    overflow: visible;

  }

  h1,

  h2,

  h3,

  h4,

  h5,

  h6 {

    margin-top: 0;

    margin-bottom: 0;

  }

  dl,

  ol,

  p,

  ul {

    margin-top: 0;

  }

  dl,

  ol,

  ul {

    margin-bottom: 1rem;

  }

  ol ol,

  ol ul,

  ul ol,

  ul ul {

    margin-bottom: 0;

  }

  dt {

    font-weight: 700;

  }

  dd {

    margin-bottom: 0.5rem;

    margin-left: 0;

  }

  blockquote {

    margin: 0 0 1rem;

  }

  b,

  strong {

    font-weight: bolder;

  }

  small {

    font-size: 80%;

  }

  a {

    background-color: rgba(0, 0, 0, 0);

    text-decoration: none;

  }

  a:focus,

  a:hover {

    text-decoration: none;

    outline: none;

    -webkit-box-shadow: none;

    box-shadow: none;

  }

  a:not([href]):not([tabindex]),

  a:not([href]):not([tabindex]):focus,

  a:not([href]):not([tabindex]):hover {

    color: inherit;

    text-decoration: none;

  }

  a:not([href]):not([tabindex]):focus {

    outline: 0;

  }

  figure {

    margin: 0 0 1rem;

  }

  img {

    border-style: none;

  }

  img,

  svg {

    vertical-align: middle;

  }

  svg {

    overflow: hidden;

  }

  table {

    border-collapse: collapse;

  }

  caption {

    padding-top: 0.75rem;

    padding-bottom: 0.75rem;

    color: #6c757d;

    text-align: left;

    caption-side: bottom;

  }

  th {

    text-align: inherit;

  }

  label {

    display: inline-block;

    margin-bottom: 0.5rem;

  }

  button {

    border-radius: 0;

  }

  button,

  input,

  optgroup,

  select,

  textarea {

    margin: 0;

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

  }

  button:focus,

  input:focus,

  optgroup:focus,

  select:focus,

  textarea:focus {

    text-decoration: none;

    outline: none;

    -webkit-box-shadow: none;

    box-shadow: none;

  }

  button,

  input {

    overflow: visible;

  }

  button,

  select {

    text-transform: none;

  }

  select {

    word-wrap: normal;

  }

  [type="button"],

  [type="reset"],

  [type="submit"],

  button {

    -webkit-appearance: button;

  }

  [type="button"]:not(:disabled),

  [type="reset"]:not(:disabled),

  [type="submit"]:not(:disabled),

  button:not(:disabled) {

    cursor: pointer;

  }

  [type="button"]::-moz-focus-inner,

  [type="reset"]::-moz-focus-inner,

  [type="submit"]::-moz-focus-inner,

  button::-moz-focus-inner {

    padding: 0;

    border-style: none;

  }

  input[type="checkbox"],

  input[type="radio"] {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0;

  }

  input[type="date"],

  input[type="datetime-local"],

  input[type="month"],

  input[type="time"] {

    -webkit-appearance: listbox;

  }

  textarea {

    overflow: auto;

    resize: vertical;

  }

  [type="number"]::-webkit-inner-spin-button,

  [type="number"]::-webkit-outer-spin-button {

    height: auto;

  }

  [type="search"] {

    outline-offset: -2px;

    -webkit-appearance: none;

  }

  [type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

  }

  ::-webkit-file-upload-button {

    font: inherit;

    -webkit-appearance: button;

  }

  .d-none,

  [hidden] {

    display: none !important;

  }

  .d-inline {

    display: inline !important;

  }

  .d-inline-block {

    display: inline-block !important;

  }

  .d-block {

    display: block !important;

  }

  .d-flex {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

  }

  .flex-2 {

    -webkit-box-flex: 2;

    -ms-flex: 2;

    flex: 2;

  }

  .container {

    width: 100%;

    margin-right: auto;

    margin-left: auto;

    max-width: 1040px;

  }

  .row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .col,

  .col-1,

  .col-2,

  .col-3,

  .col-4,

  .col-5,

  .col-6,

  .col-7,

  .col-8,

  .col-9,

  .col-10,

  .col-11,

  .col-12 {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    max-width: 100%;

  }

  .col-auto {

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto;

    position: relative;

    max-width: 100%;

  }

  .col-1,

  .col-auto {

    -webkit-box-flex: 0;

  }

  .col-1 {

    -ms-flex: 0 0 8.333333%;

    flex: 0 0 8.333333%;

    max-width: 8.333333%;

  }

  .col-2 {

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%;

    max-width: 16.666667%;

  }

  .col-2,

  .col-3 {

    -webkit-box-flex: 0;

  }

  .col-3 {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

  }

  .col-4 {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }

  .col-4,

  .col-5 {

    -webkit-box-flex: 0;

  }

  .col-5 {

    -ms-flex: 0 0 41.666667%;

    flex: 0 0 41.666667%;

    max-width: 41.666667%;

  }

  .col-6 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .col-6,

  .col-7 {

    -webkit-box-flex: 0;

  }

  .col-7 {

    -ms-flex: 0 0 58.333333%;

    flex: 0 0 58.333333%;

    max-width: 58.333333%;

  }

  .col-8 {

    -ms-flex: 0 0 66.666667%;

    flex: 0 0 66.666667%;

    max-width: 66.666667%;

  }

  .col-8,

  .col-9 {

    -webkit-box-flex: 0;

  }

  .col-9 {

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

  }

  .col-10 {

    -ms-flex: 0 0 83.333333%;

    flex: 0 0 83.333333%;

    max-width: 83.333333%;

  }

  .col-10,

  .col-11 {

    -webkit-box-flex: 0;

  }

  .col-11 {

    -ms-flex: 0 0 91.666667%;

    flex: 0 0 91.666667%;

    max-width: 91.666667%;

  }

  .col-12 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

  .flex-row {

    -webkit-box-orient: horizontal;

    -ms-flex-direction: row;

    flex-direction: row;

  }

  .flex-column,

  .flex-row {

    -webkit-box-direction: normal;

  }

  .flex-column {

    -webkit-box-orient: vertical;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  .flex-row-reverse {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse;

  }

  .flex-column-reverse {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }

  .flex-wrap {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .flex-nowrap {

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

  }

  .flex-wrap-reverse {

    -ms-flex-wrap: wrap-reverse;

    flex-wrap: wrap-reverse;

  }

  .justify-content-start {

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

  }

  .justify-content-end {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

  }

  .justify-content-center {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  .justify-content-between {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }

  .justify-content-around {

    -ms-flex-pack: distribute;

    justify-content: space-around;

  }

  .align-items-start {

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

  }

  .align-items-end {

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

  }

  .align-items-center {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .align-items-baseline {

    -webkit-box-align: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

  }

  .align-items-stretch {

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

  }

  .align-content-start {

    -ms-flex-line-pack: start;

    align-content: flex-start;

  }

  .align-content-end {

    -ms-flex-line-pack: end;

    align-content: flex-end;

  }

  .align-content-center {

    -ms-flex-line-pack: center;

    align-content: center;

  }

  .align-content-between {

    -ms-flex-line-pack: justify;

    align-content: space-between;

  }

  .align-content-around {

    -ms-flex-line-pack: distribute;

    align-content: space-around;

  }

  .align-content-stretch {

    -ms-flex-line-pack: stretch;

    align-content: stretch;

  }

  .align-self-auto {

    -ms-flex-item-align: auto;

    align-self: auto;

  }

  .align-self-start {

    -ms-flex-item-align: start;

    align-self: flex-start;

  }

  .align-self-end {

    -ms-flex-item-align: end;

    align-self: flex-end;

  }

  .align-self-center {

    -ms-flex-item-align: center;

    align-self: center;

  }

  .align-self-baseline {

    -ms-flex-item-align: baseline;

    align-self: baseline;

  }

  .align-self-stretch {

    -ms-flex-item-align: stretch;

    align-self: stretch;

  }

  .order-1 {

    -webkit-box-ordinal-group: 2 !important;

    -ms-flex-order: 1 !important;

    order: 1 !important;

  }

  .order-2 {

    -webkit-box-ordinal-group: 3 !important;

    -ms-flex-order: 2 !important;

    order: 2 !important;

  }

  .order-3 {

    -webkit-box-ordinal-group: 4 !important;

    -ms-flex-order: 3 !important;

    order: 3 !important;

  }

  .order-4 {

    -webkit-box-ordinal-group: 5 !important;

    -ms-flex-order: 4 !important;

    order: 4 !important;

  }

  .order-5 {

    -webkit-box-ordinal-group: 6 !important;

    -ms-flex-order: 5 !important;

    order: 5 !important;

  }

  .order-6 {

    -webkit-box-ordinal-group: 7 !important;

    -ms-flex-order: 6 !important;

    order: 6 !important;

  }

  .order-7 {

    -webkit-box-ordinal-group: 8 !important;

    -ms-flex-order: 7 !important;

    order: 7 !important;

  }

  .order-8 {

    -webkit-box-ordinal-group: 9 !important;

    -ms-flex-order: 8 !important;

    order: 8 !important;

  }

  .order-9 {

    -webkit-box-ordinal-group: 10 !important;

    -ms-flex-order: 9 !important;

    order: 9 !important;

  }

  .order-10 {

    -webkit-box-ordinal-group: 11 !important;

    -ms-flex-order: 10 !important;

    order: 10 !important;

  }

  .service-header-band {

    padding: 0 0 0 20px;

    line-height: 50px;

    height: 50px;

    overflow: hidden;

    background: #fff;

    z-index: 10;

    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);

  }

  .service-header-band .service-header-band-inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .service-header-band .service-header-band-inner .service-name {

    display: block;

    line-height: 50px;

    margin-bottom: 0;

    font-size: 18px;

    font-weight: 700;

    color: #fff;

    position: relative;

    padding-right: 30px;

    z-index: 4;

  }

  .service-header-band .service-header-band-inner .service-name a {

    color: #fff;

  }

  .service-header-band .service-header-band-inner .service-name:before {

    bottom: 0;

    top: 1px;

  }

  .service-header-band .service-header-band-inner .service-name:after,

  .service-header-band .service-header-band-inner .service-name:before {

    content: "";

    width: 37px;

    height: 3px;

    position: absolute;

    margin: auto 0;

    right: 3px;

    -webkit-box-shadow: inset 0 0 0 32px;

    box-shadow: inset 0 0 0 32px;

    -webkit-transform-origin: right;

    -ms-transform-origin: right;

    transform-origin: right;

  }

  .service-header-band .service-header-band-inner .service-name:after {

    bottom: 1px;

    top: 0;

  }

  .service-header-band .service-header-band-inner .service-name:before {

    -webkit-transform: rotate(55deg);

    -ms-transform: rotate(55deg);

    transform: rotate(55deg);

  }

  .service-header-band .service-header-band-inner .service-name:after {

    -webkit-transform: rotate(-55deg);

    -ms-transform: rotate(-55deg);

    transform: rotate(-55deg);

  }

  .iscroll-box-wrap {

    position: relative;

    display: block;

    height: 50px;

    width: 100%;

  }

  .iscroll-box-wrap:before {

    left: -5px;

    background: -o-linear-gradient(

      left,

      #fff 0,

      hsla(0, 0%, 100%, 0.1) 100%

    );

    background: -webkit-gradient(

      linear,

      left top,

      right top,

      from(#fff),

      to(hsla(0, 0%, 100%, 0.1))

    );

    background: linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, 0.1));

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="white",endColorstr="#00ffffff",GradientType=1);

  }

  .iscroll-box-wrap:after,

  .iscroll-box-wrap:before {

    content: "";

    top: 0;

    height: 100%;

    width: 20px;

    z-index: 2;

    position: absolute;

  }

  .iscroll-box-wrap:after {

    right: 0;

    background: -o-linear-gradient(

      left,

      hsla(0, 0%, 100%, 0.1) 0,

      #fff 100%

    );

    background: -webkit-gradient(

      linear,

      left top,

      right top,

      from(hsla(0, 0%, 100%, 0.1)),

      to(#fff)

    );

    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0.1) 0, #fff);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="white",GradientType=1);

  }

  .iscroll-box-wrap .iscroll-box2 {

    position: absolute;

    z-index: 1;

    top: 0;

    left: 0;

    width: 100%;

    min-height: 50px;

    height: 100%;

    padding: 0;

    overflow: auto;

  }

  .iscroll-box-wrap .iscroll-box2 .iscroll-box-inner {

    position: absolute;

    z-index: 1;

    width: auto;

    transform: translateZ(0);

    user-select: none;

    -webkit-text-size-adjust: none;

    -o-text-size-adjust: none;

    -moz-text-size-adjust: none;

    -ms-text-size-adjust: none;

    text-size-adjust: none;

    -webkit-tap-highlight-color: transparent;

    -webkit-transform: translateZ(0);

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

  }

  .iscroll-box-wrap .iscroll-box2 .iscroll-box-inner ul {

    list-style: none;

    padding: 0 20px 0 5px;

    margin: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    white-space: nowrap;

  }

  .iscroll-box-wrap .iscroll-box2 .iscroll-box-inner ul li {

    padding: 0 10px;

    height: 100%;

    display: inline-block;

    margin: 0;

  }

  .iscroll-box-wrap .iscroll-box2 .iscroll-box-inner ul li a {

    color: #fff;

  }

  .hide-scrollbar::-webkit-scrollbar,

  .iscroll-box2::-webkit-scrollbar {

    width: 0;

    height: 0;

    display: none;

  }

  .footer-before-box h1,

  .footer-before-box h2,

  .footer-before-box h3,

  .footer-before-box h4,

  .footer-before-box h5,

  .footer-before-box h6,

  .footer-before-box p {

    margin-bottom: 10px;

  }

  .footer-before-box p:last-child {

    margin-bottom: 0;

  }

  .my-footer-new {

    background: #fff;

  }

  @media (max-width: 767px) {

    .my-footer-new {

      padding-bottom: 60px !important;

    }

  }

  .my-footer-new .mynet-footer-logo {

    height: 36px;

    width: auto;

    max-width: 100%;

  }

  .my-footer-new .my-footer-new-top-section {

    border-bottom: 1px solid #d9d9d9;

    padding-top: 20px;

    padding-bottom: 20px;

    margin-bottom: 30px;

  }

  .my-footer-new .my-footer-new-store-logos a {

    border: 1px solid #707070;

    padding: 4px 15px;

    display: block;

    width: 140px;

    margin-bottom: 15px;

    border-radius: 30px;

  }

  @media (max-width: 767px) {

    .my-footer-new .my-footer-new-store-logos a {

      width: 180px;

    }

  }

  .my-footer-new .my-footer-new-columns {

    border-bottom: 1px solid #d9d9d9;

    padding-bottom: 20px;

    margin-bottom: 20px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .my-footer-new .my-footer-new-columns .my-footer-new-col {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    width: 20%;

    padding-left: 0;

  }

  @media (max-width: 767px) {

    .my-footer-new .my-footer-new-columns .my-footer-new-col {

      margin-bottom: 0;

    }

  }

  .my-footer-new .my-footer-new-columns .my-footer-new-col li {

    list-style: none;

  }

  .my-footer-new .my-footer-new-columns .my-footer-new-col a {

    font-size: 14px;

    line-height: 30px;

  }

  @media (max-width: 767px) {

    .my-footer-new

      .my-footer-new-columns

      .my-footer-new-col.my-footer-new-col-1 {

      width: 100%;

      -webkit-box-flex: 0;

      -ms-flex: 0 0 100%;

      flex: 0 0 100%;

    }

  }

  @media (max-width: 767px) {

    .my-footer-new

      .my-footer-new-columns

      .my-footer-new-col.my-footer-new-col-2,

    .my-footer-new

      .my-footer-new-columns

      .my-footer-new-col.my-footer-new-col-3,

    .my-footer-new

      .my-footer-new-columns

      .my-footer-new-col.my-footer-new-col-4,

    .my-footer-new

      .my-footer-new-columns

      .my-footer-new-col.my-footer-new-col-5 {

      width: 50%;

      -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

      flex: 0 0 50%;

    }

  }

  .my-footer-new .my-footer-new-service-custom-links {

    border-bottom: 1px solid #d9d9d9;

    padding-bottom: 20px;

    margin-bottom: 10px;

    padding-left: 15px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  @media (max-width: 767px) {

    .my-footer-new .my-footer-new-service-custom-links {

      -webkit-box-pack: start;

      -ms-flex-pack: start;

      justify-content: flex-start;

    }

  }

  .my-footer-new .my-footer-new-service-custom-links li {

    margin-right: 30px;

  }

  .my-footer-new .my-footer-new-service-custom-links li a {

    font-size: 14px;

  }

  .my-footer-new .new-footer-cpr-text {

    font-size: 13px;

    color: #222;

    text-align: center;

  }

  @media (max-width: 767px) {

    .my-footer-new .new-footer-cpr-text {

      text-align: left;

    }

  }

  .my-footer-new small {

    display: block;

    font-size: 13px;

    max-width: 990px;

    margin: auto;

    line-height: 1.4;

    color: #666;

    font-weight: 400;

    padding: 0 0 10px;

    text-align: center;

  }

  @media (max-width: 767px) {

    .my-footer-new small {

      text-align: left;

    }

  }

  .my-footer-new .footer-social-channel a {

    width: 30px;

    height: 30px;

    border-radius: 50%;

    text-align: center;

    line-height: 32px;

    color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  @media (max-width: 767px) {

    .my-footer-new .footer-social-channel a {

      width: 24px;

      height: 24px;

    }

  }

  .my-footer-new .footer-social-channel a.facebook {

    background: #49639d;

  }

  .my-footer-new .footer-social-channel a.twitter {

    background: #54a9ee;

  }

  .my-footer-new .footer-social-channel a.instagram {

    background: #d34d7b;

  }

  .my-footer-new .footer-policy-links {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding: 10px 0;

    margin-left: -10px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  @media (max-width: 767px) {

    .my-footer-new .footer-policy-links {

      -webkit-box-pack: start;

      -ms-flex-pack: start;

      justify-content: flex-start;

    }

  }

  .my-footer-new .footer-policy-links a {

    padding: 0 10px;

    margin-bottom: 10px;

  }

  .my-footer-app-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .my-footer-app-box .open-menu-apps-logo {

    border: 1px solid #707070;

    padding: 4px 15px;

    display: block;

    width: 140px;

    margin-bottom: 15px;

    border-radius: 30px;

    margin-right: 15px;

  }

  .open-menu-social-box {

    margin-top: 15px;

    margin-bottom: 30px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .open-menu-footer-quicklink-box,

  .open-menu-social-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .open-menu-footer-quicklink-box a {

    padding: 0 10px;

    border-right: 1px solid #999;

    font-size: 14px;

  }

  .open-menu-footer-quicklink-box a:first-child {

    padding-left: 0;

  }

  .open-menu-footer-quicklink-box a:last-child {

    border-right: none;

  }

  body {

    font-size: 16px;

    font-family: "Metropolis Light", Arial;

    line-height: 1.5;

    color: #222;

    text-align: left;

    margin: 0;

    padding-top: 60px;

    background-color: #f4f4f4;

  }

  body.detail-page {

    background-color: #fff;

  }

  #privacy-notification {

    position: fixed !important;

    bottom: 0 !important;

    width: 100% !important;

    z-index: 9999999 !important;

    text-align: center !important;

    font-size: 10px !important;

    line-height: 16px !important;

    padding: 10px !important;

    -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.2);

  }

  #privacy-notification #privacy-close {

    position: absolute;

    top: 10px;

    right: 10px;

  }

  #privacy-notification div {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%;

  }

  #privacy-notification p {

    text-align: center !important;

    margin: 0 0 5px !important;

  }

  a {

    color: #222;

  }

  .text-white {

    color: #fff !important;

  }

  .text-primary {

    color: #343a40 !important;

  }

  .text-secondary {

    color: #cc282a !important;

  }

  .text-gray {

    color: #757575 !important;

  }

  .font-weight-normal {

    font-weight: 400 !important;

  }

  .font-weight-bold {

    font-weight: 700 !important;

  }

  .h1,

  h1 {

    font-size: 1.5rem;

    line-height: 1.2;

  }

  .h1,

  .h2,

  h1,

  h2 {

    font-weight: 700;

    margin-bottom: 1.25rem;

  }

  .h2,

  h2 {

    font-size: 1.125rem;

  }

  p {

    margin-bottom: 1.875rem;

  }

  .h-band {

    background-color: #343a40;

    color: #343a40;

    font-size: 1rem;

    height: 10px;

    line-height: 10px;

    padding-left: 20px;

    position: relative;

  }

  .h-band span {

    background: #f4f4f4;

  }

  .smaller {

    font-size: 60%;

  }

  .large {

    font-size: 120%;

  }

  .larger {

    font-size: 140%;

  }

  .img-fluid,

  .img-responsive {

    width: 100%;

    height: auto;

  }

  .responsive {

    max-width: 100%;

  }

  .overflow-auto {

    overflow: auto;

  }

  .w-100 {

    width: 100%;

  }

  .h-100 {

    height: 100%;

  }

  .m-0 {

    margin: 0;

  }

  .m-1 {

    margin: 0.3125rem;

  }

  .m-2 {

    margin: 0.625rem;

  }

  .m-3 {

    margin: 1rem;

  }

  .m-4 {

    margin: 1.25rem;

  }

  .m-5 {

    margin: 1.875rem;

  }

  .ml-0 {

    margin-left: 0;

  }

  .ml-1 {

    margin-left: 0.3125rem;

  }

  .ml-2 {

    margin-left: 0.625rem;

  }

  .ml-3 {

    margin-left: 1rem;

  }

  .ml-4 {

    margin-left: 1.25rem;

  }

  .ml-5 {

    margin-left: 1.875rem;

  }

  .mr-0 {

    margin-right: 0;

  }

  .mr-1 {

    margin-right: 0.3125rem;

  }

  .mr-2 {

    margin-right: 0.625rem;

  }

  .mr-3 {

    margin-right: 1rem;

  }

  .mr-4 {

    margin-right: 1.25rem;

  }

  .mr-5 {

    margin-right: 1.875rem;

  }

  .mt-0 {

    margin-top: 0;

  }

  .mt-1 {

    margin-top: 0.3125rem;

  }

  .mt-2 {

    margin-top: 0.625rem;

  }

  .mt-3 {

    margin-top: 1rem;

  }

  .mt-4 {

    margin-top: 1.25rem;

  }

  .mt-5 {

    margin-top: 1.875rem;

  }

  .mb-0 {

    margin-bottom: 0;

  }

  .mb-1 {

    margin-bottom: 0.3125rem;

  }

  .mb-2 {

    margin-bottom: 0.625rem;

  }

  .mb-3 {

    margin-bottom: 1rem;

  }

  .mb-4 {

    margin-bottom: 1.25rem;

  }

  .mb-5 {

    margin-bottom: 1.875rem;

  }

  .mx-0 {

    margin-right: 0;

  }

  .mx-0,

  .mx-1 {

    margin-left: 0.3125rem;

  }

  .mx-1 {

    margin-right: 0.3125rem;

  }

  .mx-2 {

    margin-left: 0.625rem;

    margin-right: 0.625rem;

  }

  .mx-3 {

    margin-left: 1rem;

    margin-right: 1rem;

  }

  .mx-4 {

    margin-left: 1.25rem;

    margin-right: 1.25rem;

  }

  .mx-5 {

    margin-left: 1.875rem;

    margin-right: 1.875rem;

  }

  .my-0 {

    margin-top: 0;

    margin-bottom: 0;

  }

  .my-1 {

    margin-top: 0.3125rem;

    margin-bottom: 0.3125rem;

  }

  .my-2 {

    margin-top: 0.625rem;

    margin-bottom: 0.625rem;

  }

  .my-3 {

    margin-top: 1rem;

    margin-bottom: 1rem;

  }

  .my-4 {

    margin-top: 1.25rem;

    margin-bottom: 1.25rem;

  }

  .my-5 {

    margin-top: 1.875rem;

    margin-bottom: 1.875rem;

  }

  .p-0 {

    padding: 0;

  }

  .p-1 {

    padding: 0.3125rem;

  }

  .p-2 {

    padding: 0.625rem;

  }

  .p-3 {

    padding: 1rem;

  }

  .p-4 {

    padding: 1.25rem;

  }

  .p-5 {

    padding: 1.875rem;

  }

  .pl-0 {

    padding-left: 0;

  }

  .pl-1 {

    padding-left: 0.3125rem;

  }

  .pl-2 {

    padding-left: 0.625rem;

  }

  .pl-3 {

    padding-left: 1rem;

  }

  .pl-4 {

    padding-left: 1.25rem;

  }

  .pl-5 {

    padding-left: 1.875rem;

  }

  .pr-0 {

    padding-right: 0;

  }

  .pr-1 {

    padding-right: 0.3125rem;

  }

  .pr-2 {

    padding-right: 0.625rem;

  }

  .pr-3 {

    padding-right: 1rem;

  }

  .pr-4 {

    padding-right: 1.25rem;

  }

  .pr-5 {

    padding-right: 1.875rem;

  }

  .pt-0 {

    padding-top: 0;

  }

  .pt-1 {

    padding-top: 0.3125rem;

  }

  .pt-2 {

    padding-top: 0.625rem;

  }

  .pt-3 {

    padding-top: 1rem;

  }

  .pt-4 {

    padding-top: 1.25rem;

  }

  .pt-5 {

    padding-top: 1.875rem;

  }

  .pb-0 {

    padding-bottom: 0;

  }

  .pb-1 {

    padding-bottom: 0.3125rem;

  }

  .pb-2 {

    padding-bottom: 0.625rem;

  }

  .pb-3 {

    padding-bottom: 1rem;

  }

  .pb-4 {

    padding-bottom: 1.25rem;

  }

  .pb-5 {

    padding-bottom: 1.875rem;

  }

  .px-0 {

    padding-left: 0;

    padding-right: 0;

  }

  .px-1 {

    padding-left: 0.3125rem;

    padding-right: 0.3125rem;

  }

  .px-2 {

    padding-left: 0.625rem;

    padding-right: 0.625rem;

  }

  .px-3 {

    padding-left: 1rem;

    padding-right: 1rem;

  }

  .px-4 {

    padding-left: 1.25rem;

    padding-right: 1.25rem;

  }

  .px-5 {

    padding-left: 1.875rem;

    padding-right: 1.875rem;

  }

  .py-0 {

    padding-top: 0;

    padding-bottom: 0;

  }

  .py-1 {

    padding-top: 0.3125rem;

    padding-bottom: 0.3125rem;

  }

  .py-2 {

    padding-top: 0.625rem;

    padding-bottom: 0.625rem;

  }

  .py-3 {

    padding-top: 1rem;

    padding-bottom: 1rem;

  }

  .py-4 {

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

  }

  .py-5 {

    padding-top: 1.875rem;

    padding-bottom: 1.875rem;

  }

  .text-left {

    text-align: left !important;

  }

  .text-right {

    text-align: right !important;

  }

  .text-center {

    text-align: center !important;

  }

  .position-relative {

    position: relative;

  }

  .position-absolute {

    position: absolute;

  }

  .border {

    border: 1px solid #dadada;

  }

  .border-t {

    border-top: 1px solid #dadada;

  }

  .border-r {

    border-right: 1px solid #dadada;

  }

  .border-b {

    border-bottom: 1px solid #dadada;

  }

  .border-l {

    border-left: 1px solid #dadada;

  }

  .border-radius {

    border-radius: 0.3125rem;

  }

  .bg-gray-1 {

    background-color: #f5f6f5;

  }

  .bg-gray-2 {

    background-color: #dadada;

  }

  .bg-black-opac-50 {

    background-color: rgba(0, 0, 0, 0.5);

  }

  .bg-black-opac-75 {

    background-color: rgba(0, 0, 0, 0.75);

  }

  .bg-white-opac-50 {

    background-color: hsla(0, 0%, 100%, 0.5);

  }

  .bg-white-opac-75 {

    background-color: hsla(0, 0%, 100%, 0.75);

  }

  .home-feature-post-list .p-1,

  .other-last-post-list .p-2,

  .other-post-list .p-2 {

    padding: 0;

  }

  .footer-desktop,

  .header-desktop {

    display: none;

  }

  .footer-mobile,

  .header-mobile {

    display: block;

  }

  .tag-container .card .card-body p {

    display: none;

  }

  .tag-container .card .card-body h3 {

    font-size: 16px;

  }

  .tag-container .adv-item-box {

    margin-bottom: 1rem;

    margin-top: 1rem;

  }

  .tag-page .tag-page-head-info .tag-info-head {

    margin-bottom: 24px;

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-align: center;

    -webkit-box-align: center;

    align-items: center;

    border-bottom: 1px solid #d8d8d8;

    padding: 24px;

  }

  .tag-page .tag-page-head-info .tag-info-head h2 {

    margin-bottom: 0;

  }

  .tag-page .tag-page-head-info .tag-info-head img {

    margin-right: 24px;

    border-radius: 50%;

  }

  .tag-page .tag-page-head-info .tag-info-content {

    max-height: 150px;

    overflow: hidden;

    position: relative;

    margin-bottom: 12px;

    padding-bottom: 12px;

    padding-left: 24px;

    padding-right: 24px;

  }

  .tag-page .tag-page-head-info .tag-info-content:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 1.5rem;

    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0) 0, #fff 100%);

    background: -webkit-gradient(

      linear,

      left top,

      left bottom,

      color-stop(0, hsla(0, 0%, 100%, 0)),

      to(#fff)

    );

    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff);

  }

  .tag-page .tag-page-head-info .tag-info-more-btn {

    padding: 12px 24px;

    text-align: center;

    height: 2.5rem;

    color: #343a40;

    display: none;

    width: 100%;

    border: none;

    border-top: 1px solid #e9ecef;

    background-color: rgba(0, 0, 0, 0);

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    cursor: pointer;

    font-size: 0.75rem;

  }

  .tag-page .tag-page-head-info .tag-info-more-btn:before {

    left: 50%;

    top: 14px;

    width: 20px;

    margin-left: 24px;

  }

  .tag-page .tag-page-head-info .tag-info-more-btn:hover {

    background-color: #e9ecef;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

  }

  .most-find-news-container .container {

    background: #fff;

    padding: 24px;

  }

  .most-find-news-container h2 {

    position: relative;

  }

  .most-find-news-container h2:before {

    content: "";

    width: 58px;

    height: 5px;

    background: #cd2a2c;

    bottom: -8px;

    z-index: 1;

    position: absolute;

  }

  .most-find-news-container .news-list ul {

    padding: 0;

    list-style: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: 100%;

  }

  .most-find-news-container .news-list ul li {

    padding: 6px 0;

    border-bottom: 0.07143rem solid #e1e1e1;

    width: 100%;

    -webkit-box-flex: 1;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

    margin-right: 0.71429rem;

  }

  .most-find-news-container .news-list li a {

    color: #222;

    font-size: 16px;

  }

  .most-find-news-container .news-list li ahover {

    opacity: 0.8;

  }

  .login-box-m {

    display: block;

  }

  .login-box-d {

    display: none;

  }

  .mrow:after,

  .mrow:before {

    display: table;

    content: " ";

  }

  .mrow:after {

    clear: both;

  }

  .header-wrapper {

    margin-bottom: 24px;

    z-index: 999;

  }

  .my-header {

    z-index: 99999 !important;

    padding: 0 24px;

    height: 60px;

    position: relative;

    background-color: #fff;

  }

  .mynet-home .my-header {

    min-width: 1000px;

  }

  .my-menu-global {

    position: relative;

    padding: 0;

  }

  .my-overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.8);

    z-index: 102;

    display: none;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

  }

  .open {

    overflow: hidden;

  }

  .open .my-overlay {

    display: block;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

  }

  .my-menu-toggle {

    margin: 24px 20px 0 0;

    padding: 0;

    width: 15px;

    height: 15px;

    background-color: rgba(0, 0, 0, 0);

    border: none;

    z-index: 97;

    cursor: pointer;

    position: relative;

    float: left;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

  }

  .my-menu-toggle:after,

  .my-menu-toggle:before {

    width: 15px;

    height: 8px;

    border-color: #3059a4;

    border-style: solid;

    border-width: 2px 0;

    margin: 0;

    content: "";

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

  }

  .my-menu-toggle:before {

    top: 6px;

  }

  .my-menu-toggle:after,

  .my-menu-toggle:before {

    left: 0;

    background-color: #fff;

    position: absolute;

  }

  .my-menu-toggle:after {

    top: 0;

  }

  .my-brand {

    padding: 0;

    max-width: 72px;

    z-index: 9999;

    position: relative;

    float: left;

    margin-right: 1rem;

    line-height: inherit;

  }

  .mynet-logo {

    height: 36px;

    width: auto;

    max-width: 100%;

    margin-top: 12px;

  }

  .my-menu-box {

    line-height: 58px;

  }

  .my-nav {

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

    float: left;

  }

  .my-nav a {

    font-size: 0.875rem;

    font-weight: 700;

    color: #000;

    padding: 0 14px;

    display: inline-block;

    text-decoration: none;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

  }

  .my-nav a.all-menu {

    padding-right: 20px;

  }

  .my-nav a.all-menu span {

    color: #1b2e56;

    position: relative;

    border-bottom: 2px solid rgba(0, 0, 0, 0);

  }

  .my-nav a.all-menu span:after {

    content: "";

    position: absolute;

    right: -20px;

    top: 7px;

    width: 0;

    height: 0;

    border-left: 7px solid rgba(0, 0, 0, 0);

    border-right: 7px solid rgba(0, 0, 0, 0);

    border-top: 10px solid #1b2e56;

  }

  .my-nav a.all-menu:hover span,

  .my-nav a.all-menu span:after {

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

  }

  .my-nav a.all-menu:hover span {

    border-bottom: 2px solid rgba(0, 0, 0, 0);

    line-height: 25px;

    color: #cc292b;

  }

  .my-nav a.all-menu:hover span:after {

    border-top: 10px solid #cc292b;

  }

  .my-nav a.all-menu:hover span:after,

  .my-nav a:hover {

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

  }

  .my-nav a:hover {

    text-decoration: none;

  }

  .my-nav a:hover span {

    border-bottom: 2px solid #cc2a2b;

    line-height: 25px;

    color: #cc2a2b;

  }

  .my-nav a span {

    border-bottom: 2px solid rgba(0, 0, 0, 0);

    line-height: 25px;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    display: inline-block;

  }

  .my-login-box {

    float: right;

    height: 40px;

    font-weight: 700;

    margin-top: 10px;

    right: 36px;

    position: relative;

  }

  .myLogin {

    border-radius: 20px;

    padding: 0 20px 0 40px;

    background: #e9e9e9;

    border: 1px solid rgba(0, 0, 0, 0);

    overflow: hidden;

    white-space: nowrap;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    max-width: 150px;

  }

  .myLogin,

  .myLogin:hover {

    color: #003880;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

  }

  .myLogin:hover {

    background: rgba(0, 0, 0, 0);

    border: 1px solid #e9e9e9;

  }

  .my-header .myNotification,

  .myLogin,

  .myLogOut {

    line-height: 38px;

    font-size: 0.875rem;

    margin-left: 15px;

    font-weight: 700;

    position: relative;

    float: right;

  }

  .icon:before,

  .sprite {

    background-image: url(./images/sprite_9bcd_3.png);

    background-repeat: no-repeat;

  }

  .myLogOut {

    border-radius: 20px;

    padding: 0 5px 0 34px;

    color: #003880;

    background: #e9e9e9;

    border: 1px solid rgba(0, 0, 0, 0);

    text-indent: -9999px;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

  }

  .myLogOut:before {

    position: absolute;

    left: 10px;

    top: 10px;

    content: "";

    width: 20px;

    height: 21px;

    background-image: url(./images/sprite_9bcd_3.png);

    background-repeat: no-repeat;

    background-position: -2px -50px;

  }

  .loginbox-wrapper {

    display: inline-block;

    position: relative;

  }

  .loginbox-wrapper.active .myLogin-sub,

  .loginbox-wrapper:hover .myLogin-sub {

    display: block;

  }

  .loginbox-wrapper.active .myLogin-sub:after,

  .loginbox-wrapper:hover .myLogin-sub:after {

    width: 100%;

    height: 12px;

    content: "";

    top: -12px;

    right: 0;

    position: absolute;

  }

  .myLogin-sub {

    display: none;

    background: #fff;

    border-top: 3px solid #003880;

    position: absolute;

    top: 100%;

    right: 0;

    margin-top: 8px;

    padding: 12px 0 16px;

    -webkit-box-shadow: 0 16px 70px -2px #000;

    box-shadow: 0 16px 70px -2px #000;

    min-width: 135px;

  }

  .myLogin-sub a {

    display: block;

    font-size: 0.875rem;

    color: #000;

    line-height: 25px;

    padding: 4px 18px 4px 24px;

    white-space: nowrap;

  }

  .open .my-menu-toggle {

    z-index: 9999;

  }

  .open .my-menu-toggle:after {

    -ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

  }

  .open .my-menu-toggle:after,

  .open .my-menu-toggle:before {

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    border: none;

    background-color: #3059a4;

    height: 2px;

    width: 24px;

    top: 5px;

    left: -5px;

  }

  .open .my-menu-toggle:before {

    -ms-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

  }

  .my-open-menu {

    width: 500px;

    left: -500px;

    top: 0;

    z-index: 9998;

    padding: 30px;

    position: fixed;

    height: 100%;

    background: #fff;

  }

  .my-open-menu,

  .open .my-open-menu {

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

  }

  .open .my-open-menu {

    left: 0;

  }

  .my-open-menu-box {

    margin-top: 60px;

    overflow: auto;

    margin-left: 0;

    padding-left: 0;

    list-style: none;

  }

  .my-open-menu-box::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);

    background-color: #d8d8d8;

    border-radius: 5px;

  }

  .my-open-menu-box::-webkit-scrollbar {

    width: 4px;

    border-radius: 5px;

    background-color: #d8d8d8;

  }

  .my-open-menu-box::-webkit-scrollbar-thumb {

    border-radius: 5px;

    background-color: #9b9ea0;

  }

  .my-open-menu-box li {

    line-height: normal;

    margin-bottom: 20px;

    padding: 0;

    display: block;

    position: relative;

  }

  .my-open-menu-box li:before {

    position: absolute;

    width: 20px;

    text-align: center;

  }

  .my-open-menu-box li.fa-mobile:before {

    font-size: 22px;

  }

  .my-open-menu-box li a {

    color: #000;

    font-size: 0.875rem;

    font-weight: 700;

    padding-left: 30px;

    background-position: 0;

    background-repeat: no-repeat;

    background-color: rgba(0, 0, 0, 0);

    background-size: 16px 16px;

    font-family: PT Sans, sans-serif;

  }

  .my-open-footer-box {

    position: absolute;

    width: 100%;

    margin: 0;

    bottom: 0;

    left: 0;

    padding: 30px 30px 20px;

    background: #f3f3f3;

  }

  .my-footer-cpr-box {

    line-height: 40px;

    font-size: 0.875rem;

    padding-left: 0;

    font-weight: 400;

    color: #3a3a3a;

  }

  @media (max-width: 1500px) {

    a[data-visible="seyahat"] {

      display: none;

    }

  }

  @media (max-width: 1400px) {

    [data-visible="seyahat"],

    a[data-visible="sinema"],

    a[data-visible="trend"] {

      display: none;

    }

  }

  @media (max-width: 1280px) {

    [data-visible="seyahat"],

    a[data-visible="egitim"],

    a[data-visible="ramazan"],

    a[data-visible="sinema"],

    a[data-visible="trend"] {

      display: none;

    }

    .band-weather {

      left: 57% !important;

      -webkit-transition: all 0.2s ease-in-out;

      -o-transition: all 0.2s ease-in-out;

      transition: all 0.2s ease-in-out;

    }

  }

  @media (max-width: 1200px) {

    [data-visible="seyahat"],

    a[data-visible="egitim"],

    a[data-visible="magazin"],

    a[data-visible="ramazan"],

    a[data-visible="sinema"],

    a[data-visible="trend"],

    a[data-visible="tv"] {

      display: none;

    }

  }

  @media (max-width: 576px) {

    .myLogin {

      width: 40px;

      height: 40px;

      padding-right: 0;

      padding-left: 0;

    }

    .myLogin:before {

      left: 11px !important;

    }

  }

  @media (max-width: 365px) {

    .my-header {

      padding-left: 20px;

      padding-right: 20px;

      position: relative;

    }

    .my-menu-toggle {

      margin-right: 12px;

    }

    .myLogin {

      margin-left: 10px;

    }

  }

  @media (max-width: 991px) {

    .my-nav {

      display: none;

    }

    .my-open-menu {

      z-index: 9999;

      max-width: 95vw;

      padding: 0;

      overflow-x: hidden !important;

      overflow-y: auto !important;

    }

    .my-open-menu .my-open-menu-box {

      padding: 40px 0 0 20px;

      margin-top: 0;

      max-height: none !important;

    }

    .my-open-menu .my-open-menu-box li {

      width: 48%;

      display: inline-block;

    }

    .my-open-menu .my-open-menu-box li a {

      font-size: 13px;

      padding-left: 25px;

    }

    .my-header {

      position: fixed;

      z-index: 99999;

      height: 60px;

      line-height: 100%;

      top: 0;

      left: 0;

      width: 100%;

      padding: 0 20px;

      -webkit-box-sizing: border-box;

      box-sizing: border-box;

      background: #fff;

      border-top: 3px solid #375e99;

      border-bottom: 1px solid #e2e2e2;

      max-width: 100vw;

      -webkit-transition: top 0.2s ease;

      -o-transition: top 0.2s ease;

      transition: top 0.2s ease;

    }

    .my-header.add-back .back-btn {

      position: absolute;

      top: 35px;

    }

    .my-header.add-back .my-menu-toggle {

      left: 30px;

    }

    .my-header .my-brand {

      width: 60px;

      height: 54px;

      display: block;

      position: absolute;

      left: 50%;

      top: 0;

      margin-left: -29px;

      background-repeat: no-repeat;

      background-position: 50%;

      background-size: contain;

      background-image: url(https://img7.mynet.com.tr/mynet-logo.png);

    }

    .my-header .my-brand img,

    .my-header .myLogin span.hidden-xs,

    .my-header .search-box-wrap {

      display: none;

    }

    .my-header .my-open-menu .close-menu {

      position: absolute;

      width: 20px;

      height: 20px;

      right: 15px;

      top: 15px;

      margin: 0;

    }

    .my-header .my-open-footer-box {

      position: relative;

      text-align: center;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

      padding: 20px;

      border-top: 5px solid #244281;

      background: #fff;

    }

    .my-header .my-footer-quicklink-box a {

      font-size: 80%;

      font-weight: 400;

    }

    .my-header .mail-link {

      top: 19px;

      right: 0;

      font-size: 21px;

      line-height: 1;

      width: 22px;

      height: 18px;

      border: 2px solid #244281;

      border-radius: 3px;

    }

    .my-header .mail-link,

    .my-header .mail-link:before {

      position: absolute;

      -webkit-box-sizing: border-box;

      box-sizing: border-box;

    }

    .my-header .mail-link:before {

      content: "";

      top: -7px;

      left: 1px;

      width: 16px;

      height: 16px;

      border-right: 2px solid #244281;

      border-bottom: 2px solid #244281;

      -webkit-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

      transform: rotate(45deg);

      border-radius: 4px;

    }

    .my-header .my-app-apple,

    .my-header .my-app-google,

    .my-header .my-app-huawei {

      border: 1px solid #f2f2f2;

      margin: 0;

    }

    .my-header button.my-menu-toggle:after,

    .my-header button.my-menu-toggle:before {

      width: 18px;

      height: 9px;

      border-width: 3px 0;

    }

    .my-header .user-menu {

      position: absolute;

      top: 17px;

      right: 0;

      line-height: 1;

    }

    .my-header .user-menu .user-link {

      display: block;

      -webkit-box-sizing: border-box;

      box-sizing: border-box;

    }

    .my-header .user-menu .user-link .user-icon {

      width: 22px;

      height: 22px;

    }

    .my-header .user-menu .user-link .user-icon path {

      fill: #244281;

    }

    .my-header .user-menu .user-link.logined {

      height: 22px;

      background: #244281;

      border: 2px solid #244281;

      border-radius: 50%;

      overflow: hidden;

    }

    .my-header .user-menu .user-link.logined .user-icon {

      width: 20px;

      margin-top: -1px;

    }

    .my-header .user-menu .user-link.logined .user-icon path {

      fill: #fff;

    }

    .my-header .user-menu .menu-items {

      display: none;

      position: absolute;

      right: 0;

      min-width: 80px;

      font-size: 12px;

      background: #fff;

      -webkit-box-shadow: 0 10px 13px 0 rgba(0, 0, 0, 0.3);

      box-shadow: 0 10px 13px 0 rgba(0, 0, 0, 0.3);

      text-align: right;

    }

    .my-header .user-menu .menu-items ul {

      padding: 0;

      margin: 0;

      list-style: none;

      border-top: 3px solid #224d9f;

    }

    .my-header .user-menu .menu-items ul a {

      display: block;

      color: inherit;

      padding: 6px 10px;

      border-bottom: 1px solid #f5f5f5;

      font-weight: 600;

    }

    .my-header .user-menu:hover .menu-items {

      display: block;

    }

  }

  .breadcrumb img {

    opacity: 0.6;

    display: inline-block;

    margin-top: -3px;

    width: 18px;

  }

  .breadcrumb li {

    display: inline-block;

    padding-right: 2px;

    position: relative;

    color: grey;

    font-size: 13px;

  }

  .breadcrumb li:after {

    content: ">";

    padding-left: 4px;

  }

  .breadcrumb li:last-child:after {

    content: "";

  }

  .btnGoHomePage {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: 10px 0 20px;

    clear: both;

  }

  .btnGoHomePage a {

    background: -o-linear-gradient(320deg, #003880, #1ca1f2, #003880);

    background: linear-gradient(130deg, #003880, #1ca1f2, #003880);

    background-size: 200% 200%;

    color: #fff !important;

    width: 100%;

    font-size: 16px;

    padding: 15px 0;

    text-align: center;

    -webkit-animation: homeBtnAnimate 4s ease infinite;

    animation: homeBtnAnimate 4s ease infinite;

  }

  .btnGoHomePage span {

    background: #e2edff;

    padding: 10px 20px;

    display: inline-block;

  }

  .btnGoHomePage img {

    width: 70px;

  }

  .btnGoHomePage strong {

    padding: 0 20px 0 0;

    position: relative;

  }

  .btnGoHomePage a:hover {

    opacity: 0.9;

  }

  .btnGoHomePage strong:after {

    content: "";

    position: absolute;

    right: -5px;

    top: 4px;

    width: 0;

    height: 0;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    border-left: 7px solid rgba(0, 0, 0, 0);

    border-right: 7px solid rgba(0, 0, 0, 0);

    border-top: 10px solid #fff;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

  }

  @-webkit-keyframes homeBtnAnimate {

    0% {

      background-position: 10% 0;

    }

    50% {

      background-position: 91% 100%;

    }

    to {

      background-position: 10% 0;

    }

  }

  @keyframes homeBtnAnimate {

    0% {

      background-position: 10% 0;

    }

    50% {

      background-position: 91% 100%;

    }

    to {

      background-position: 10% 0;

    }

  }

  .transformTop {

    top: -70px;

  }

  .login-box-m {

    margin: -20px 0 0;

  }

  .login-box-m .user-menu-new {

    position: relative;

    background: #f5f5f5;

    margin: 20px 0 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 10px 20px;

    color: #244281;

    font-weight: 600;

    font-size: 14px;

  }

  .login-box-m .user-menu-new .user-link {

    height: 22px;

    background: #244281;

    border: 2px solid #244281;

    border-radius: 50%;

    overflow: hidden;

    width: 24px;

    display: inline-block;

  }

  .login-box-m .user-menu-new .user-text {

    margin: 2px 0 0;

    color: #244281;

  }

  .login-box-m .user-menu-new .user-logined,

  .login-box-m .user-menu-new .user-unlogined {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .login-box-m .user-menu-new span.user-link {

    margin: 0 10px 0 0;

  }

  .login-box-m .user-menu-new span.user-link svg {

    width: 20px;

    height: 22px;

    fill: #fff;

  }

  .login-box-m .user-menu-new a.logout-url {

    color: #cd282b;

    font-size: 12px;

    margin: 2px 0 0;

  }

  .so-active {

    overflow: hidden;

  }

  .sana-ozel-btn {

    width: 20px;

    height: 20px;

    position: absolute;

    cursor: pointer;

    top: 18px;

    line-height: 20px;

    right: 36px;

    z-index: 11;

  }

  .so-active .sana-ozel-btn img {

    display: none;

  }

  .so-active .sana-ozel-btn:after,

  .so-active .sana-ozel-btn:before {

    content: "";

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    border: none;

    background-color: #013182;

    height: 2px;

    width: 24px;

    top: 10px;

    left: -2px;

    position: absolute;

  }

  .so-active .sana-ozel-btn:after {

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

  }

  .so-active .sana-ozel-btn:before {

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

  }

  .sana-ozel-container {

    width: 100%;

    height: calc(100vh - 60px);

    background: #f5f5f5;

    overflow-y: auto;

    position: fixed;

    right: -100%;

    top: 60px;

  }

  .sana-ozel-container,

  .so-active .sana-ozel-container {

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

  }

  .so-active .sana-ozel-container {

    right: 0;

  }

  .sana-ozel-container h4 {

    font-size: 16px;

    font-weight: 700;

    margin: 0 0 15px;

    padding: 0;

    line-height: 16px;

  }

  .sana-ozel-container ul {

    margin: 0;

    padding: 0;

    list-style: none;

  }

  .sana-ozel-container ul a {

    font-size: 14px;

    text-decoration: none;

    color: #000;

    text-align: center;

  }

  .sana-ozel-container .sana-ozel-container-oyun {

    padding: 20px 15px 5px;

    background: #fff;

  }

  .sana-ozel-container ul li:hover {

    opacity: 0.8;

  }

  .sana-ozel-container .sana-ozel-container-oyun ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    overflow: auto;

    margin: -10px;

    padding-bottom: 20px;

  }

  .sana-ozel-container .sana-ozel-container-oyun ul li {

    padding: 10px;

  }

  .sana-ozel-container .sana-ozel-container-oyun ul li a {

    display: block;

  }

  .sana-ozel-container .sana-ozel-container-oyun ul li img {

    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.30196078431372547);

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.30196078431372547);

    border-radius: 10px;

    width: 80px;

    height: auto;

    display: block;

    margin-bottom: 10px;

  }

  .sana-ozel-container .sana-ozel-container-hizli-erisim {

    border-top: 1px solid #dadada;

    padding: 20px 15px 30px;

  }

  .sana-ozel-container .sana-ozel-container-hizli-erisim ul {

    margin: -10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .sana-ozel-container .sana-ozel-container-hizli-erisim ul li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 33.3%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 10px;

    text-align: center;

  }

  .sana-ozel-container .sana-ozel-container-hizli-erisim ul li a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    background: #fff;

    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.30196078431372547);

    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.30196078431372547);

    border-radius: 10px;

    padding: 10px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  .sana-ozel-container .sana-ozel-container-hizli-erisim ul li img {

    height: 40px;

    width: auto;

    display: block;

    margin-bottom: 10px;

  }

  .sana-ozel-container .sana-ozel-container-hizli-erisim ul li span {

    line-height: 16px;

  }

  @media screen and (min-width: 992px) {

    .sana-ozel-container {

      max-width: 375px;

      -webkit-box-shadow: -1px 6px 6px rgba(0, 0, 0, 0.1607843137254902);

      box-shadow: -1px 6px 6px rgba(0, 0, 0, 0.1607843137254902);

      border-top: 1px solid #ddd;

    }

    .sana-ozel-container .sana-ozel-container-oyun ul {

      -ms-flex-wrap: wrap;

      flex-wrap: wrap;

    }

    .sana-ozel-container .sana-ozel-container-oyun ul li {

      width: 33.3%;

    }

    .sana-ozel-container .sana-ozel-container-oyun ul li img {

      width: 100%;

    }

    .sana-ozel-btn {

      top: 18px;

      right: 0;

    }

  }

  .so-svg-e {

    opacity: 0;

  }

  .so-br {

    -webkit-animation: sobr 0.5s linear 0.5s 1 forwards;

    animation: sobr 0.5s linear 0.5s 1 forwards;

  }

  .so-bl {

    -webkit-animation: sobl 0.5s linear 1s 1 forwards;

    animation: sobl 0.5s linear 1s 1 forwards;

  }

  .so-tl {

    -webkit-animation: sotl 0.5s linear 1.5s 1 forwards;

    animation: sotl 0.5s linear 1.5s 1 forwards;

  }

  .so-tr {

    -webkit-animation: sotr 0.5s linear 2s 1 forwards;

    animation: sotr 0.5s linear 2s 1 forwards;

  }

  @-webkit-keyframes sobr {

    0% {

      opacity: 0;

      fill: #003082;

    }

    to {

      opacity: 1;

      fill: none;

    }

  }

  @keyframes sobr {

    0% {

      opacity: 0;

      fill: #003082;

    }

    to {

      opacity: 1;

      fill: none;

    }

  }

  @-webkit-keyframes sobl {

    0% {

      opacity: 0;

      -webkit-transform: translate(11px, 11px);

      transform: translate(11px, 11px);

    }

    1% {

      opacity: 1;

    }

    to {

      -webkit-transform: translate(1px, 11px);

      transform: translate(1px, 11px);

      opacity: 1;

    }

  }

  @keyframes sobl {

    0% {

      opacity: 0;

      -webkit-transform: translate(11px, 11px);

      transform: translate(11px, 11px);

    }

    1% {

      opacity: 1;

    }

    to {

      -webkit-transform: translate(1px, 11px);

      transform: translate(1px, 11px);

      opacity: 1;

    }

  }

  @-webkit-keyframes sotl {

    0% {

      opacity: 0;

      -webkit-transform: translate(1px, 11px);

      transform: translate(1px, 11px);

    }

    1% {

      opacity: 1;

    }

    to {

      -webkit-transform: translate(1px, 1px);

      transform: translate(1px, 1px);

      opacity: 1;

    }

  }

  @keyframes sotl {

    0% {

      opacity: 0;

      -webkit-transform: translate(1px, 11px);

      transform: translate(1px, 11px);

    }

    1% {

      opacity: 1;

    }

    to {

      -webkit-transform: translate(1px, 1px);

      transform: translate(1px, 1px);

      opacity: 1;

    }

  }

  @-webkit-keyframes sotr {

    0% {

      opacity: 1;

      -webkit-transform: translate(-11px);

      transform: translate(-11px);

    }

    1% {

      opacity: 1;

    }

    to {

      -webkit-transform: translate(0);

      transform: translate(0);

      opacity: 1;

    }

  }

  @keyframes sotr {

    0% {

      opacity: 1;

      -webkit-transform: translate(-11px);

      transform: translate(-11px);

    }

    1% {

      opacity: 1;

    }

    to {

      -webkit-transform: translate(0);

      transform: translate(0);

      opacity: 1;

    }

  }

  .so-active .sana-ozel-btn svg {

    visibility: hidden;

  }

  .sana-ozel-btn svg {

    visibility: inherit;

  }

  .footer-fixed-share-box {

    z-index: 999999;

  }

  .kesfet-menu-container {

    display: inline;

  }

  .my-nav a.kesfet-menu.hover,

  .my-nav a.kesfet-menu:hover {

    background: #f8f8f8;

    color: #486ba4;

    padding-bottom: 1px;

  }

  .my-nav a.kesfet-menu,

  .my-nav a.kesfet-menu.hover > span,

  .my-nav a.kesfet-menu:hover > span {

    color: #486ba4;

  }

  .my-nav a.kesfet-menu span {

    border-bottom: 2px solid #486ba4;

  }

  .discover-menu-overlay {

    background: rgba(0, 0, 0, 0.5);

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 999;

    left: 0;

    top: 0;

    display: none;

  }

  .discover-menu-overlay.active {

    display: block;

  }

  .discover-menu {

    background: #f8f8f8;

    padding: 20px;

    position: absolute;

    width: 100%;

    display: none;

    margin: 0;

    left: 0;

    border-bottom: 2px inset rgba(80, 80, 80, 0.2);

    -webkit-box-shadow: 0 1px 1px hsla(0, 3%, 66.9%, 0.1);

    box-shadow: 0 1px 1px hsla(0, 3%, 66.9%, 0.1);

    z-index: 9999;

  }

  .discover-menu.active {

    display: block;

    -webkit-animation: fadeIn 0.6s;

    animation: fadeIn 0.6s;

  }

  .discover-menu .discover-menu-items {

    max-width: 1000px;

    margin: 0 auto;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  .discover-menu .discover-menu-items,

  .discover-menu .discover-menu-items ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .discover-menu .discover-menu-items ul {

    list-style: none;

    margin: 0;

    padding: 0;

  }

  .discover-menu-items ul li {

    margin: 0 25px;

  }

  .discover-menu-items ul li a img {

    height: 25px;

    width: auto;

    -o-object-fit: contain;

    object-fit: contain;

  }

  .my-open-menu-box .discover-menu {

    display: none;

    margin: 0 0 20px;

    position: relative;

    background: rgba(0, 0, 0, 0);

    border-top: 1px solid #ddd;

    border-bottom: none;

    padding: 30px 0 0;

    max-width: 96%;

  }

  .my-open-menu-box .discover-menu .discover-menu-items {

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

  }

  .my-open-menu-box .discover-menu-items ul li {

    margin: 0 0 20px;

  }

  .my-open-menu-box .discover-menu-items ul li:last-child {

    margin-bottom: 0;

  }

  .my-open-menu-box .discover-menu-items ul li a {

    margin: 0;

    padding: 0;

  }

  .my-open-menu-box .discover-menu .discover-menu-items ul {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

  }

  .my-open-menu-box .discover-menu-items ul li a img {

    height: 20px;

  }

  .hamburger-menu-discover {

    color: #486ba4;

  }

  .hamburger-menu-discover a {

    color: #486ba4 !important;

  }

  .card {

    background: #fff;

    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);

  }

  .card a {

    display: block;

  }

  .card.card-type-vertical h1 {

    font-size: 1.3rem;

    font-weight: 700;

    line-height: 1.3;

    margin-bottom: 0;

  }

  .card.card-type-vertical.double h3 {

    font-size: 1rem;

  }

  .card .data-author {

    color: #757575;

    font-size: 0.75rem !important;

    line-height: 1.3 !important;

  }

  .card .data-author img {

    border-radius: 50%;

  }

  .card.card-type-horizontal {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    margin-bottom: 1px;

  }

  .card.card-type-horizontal .card-media {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

  }

  .card.card-type-horizontal .card-media a {

    height: 100%;

  }

  .card.card-type-horizontal .card-media img {

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

  }

  .card.card-type-horizontal .card-body {

    -webkit-box-flex: 2;

    -ms-flex: 2;

    flex: 2;

  }

  .card.card-type-horizontal .card-body .card-text-title {

    font-size: 1rem;

  }

  .card.card-type-feed {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    max-height: 200px;

  }

  .card.card-type-feed.show-spot .card-text-title {

    margin-bottom: 6px !important;

    max-height: none;

    font-size: 1.3rem;

  }

  .card.card-type-feed.show-spot p {

    margin-bottom: 12px;

    max-height: 4rem;

    overflow: hidden;

  }

  .card.card-type-feed.flat-card .card-text-title {

    font-weight: 400;

    max-height: none;

  }

  .card.card-type-feed .card-media {

    -webkit-box-flex: 2;

    -ms-flex: 2;

    flex: 2;

  }

  .card.card-type-feed .card-media a {

    height: 100%;

  }

  .card.card-type-feed .card-media a img {

    width: 130px;

    height: auto;

  }

  .card.card-type-feed .card-body {

    -webkit-box-flex: 3;

    -ms-flex: 3;

    flex: 3;

  }

  .card.card-type-feed .card-body:hover p {

    color: grey;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

  }

  .card.card-type-feed.none-spot {

    max-height: 98px;

  }

  .card.card-type-feed.none-spot .card-media {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

  }

  .card.card-type-feed.none-spot .card-body {

    -webkit-box-flex: 3;

    -ms-flex: 3;

    flex: 3;

    -ms-flex-item-align: center;

    align-self: center;

  }

  .card-type-vertical[isshowcase]:before,

  .col-xs-12.col-media[isshowcase]:before,

  .feature-media[isshowcase]:before {

    content: "SPONSORLU";

    width: auto;

    position: absolute;

    top: 7px;

    left: 7px;

    color: #bbb;

    background: rgba(0, 0, 0, 0.5);

    z-index: 99;

    padding: 2px 5px 0;

    font-size: 10px;

  }

  .card-type-horizontal[isshowcase] h3.card-text-title:before {

    content: "SPONSORLU";

    font-size: 10px;

    font-weight: 400;

    color: #929292;

    display: block;

  }

  .card-type-horizontal[isshowcase] .card-media,

  .col-xs-12.col-media[isshowcase],

  .feature-media[isshowcase] {

    position: relative;

  }

  .icon-search-button {

    padding: 0;

    width: 20px;

    height: 20px;

    border: none;

    background: rgba(0, 0, 0, 0);

  }

  .icon-search-button:before {

    width: 15px;

    height: 15px;

    border: 2px solid #244281;

    background: rgba(0, 0, 0, 0);

    border-radius: 12px;

    right: 4px;

    top: 4px;

  }

  .icon-search-button:after,

  .icon-search-button:before {

    content: "";

    position: absolute;

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

  }

  .icon-search-button:after {

    left: 15px;

    width: 3px;

    height: 8px;

    margin-top: 0;

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

    background: #244281;

    border-radius: 4px;

    top: 15px;

  }

  .detail-post-info {

    font-size: 100%;

  }

  .detail-page {

    padding-bottom: 50px;

  }

  .detail-content-box {

    padding: 0 10px;

  }

  .detail-content-container {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  .detail-content-inner {

    font-size: 18px;

  }

  .detail-content-inner .h2,

  .detail-content-inner h2 {

    font-size: 20px;

  }

  .detail-content-inner a,

  .detail-content-inner h1 a,

  .detail-content-inner h2 a,

  .detail-content-inner h3 a,

  .detail-content-inner h4 a,

  .detail-content-inner h5 a,

  .detail-content-inner h6 a {

    color: #013182;

  }

  .detail-content-inner img {

    max-width: 100%;

    margin-bottom: 20px;

    display: block;

  }

  .detail-content-inner .adv-content-inner {

    margin-bottom: 1rem;

    width: 100vw;

    margin-left: -1.25rem;

    text-align: center;

  }

  .detail-content-inner p {

    margin-bottom: 1.25rem;

  }

  .detail-content-inner p img {

    margin-top: 1rem;

  }

  .detail-content-inner .others-news {

    margin-top: 0.625rem;

  }

  .detail-content-inner .others-news a .others-img {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

    display: block;

    margin-right: 0.625rem;

  }

  .detail-content-inner .others-news a .others-img img {

    margin-bottom: 0 !important;

  }

  .detail-content-inner .others-news a .others-tile {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

    font-size: 90%;

    display: block;

    padding-right: 0.625rem;

  }

  .gallery-item-exerpt .others-news {

    margin-top: 0.625rem;

  }

  .gallery-item-exerpt .others-news a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    min-width: 0;

    background: #fff;

    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1),

      0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 2px 1px -1px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1),

      0 2px 1px -1px rgba(0, 0, 0, 0.1);

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    color: #222 !important;

  }

  .gallery-item-exerpt .others-news a .others-img {

    display: block;

    margin-right: 0.625rem;

  }

  .gallery-item-exerpt .others-news a .others-img img {

    margin-bottom: 0 !important;

    max-width: 100px;

  }

  .gallery-item-exerpt .others-news a .others-tile {

    font-size: 90%;

    display: block;

    padding-right: 0.625rem;

  }

  .gallery-item-exerpt a {

    color: red !important;

  }

  .detail-page-container .tbl-feed-container {

    padding: 20px;

    background-color: #f4f4f4 !important;

  }

  .detail-page-container .tags-word {

    background: #fff;

    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    overflow: auto;

  }

  .detail-page-container .tags-word a {

    display: block;

    white-space: nowrap;

  }

  #tipp-comment .tipp-rate a {

    width: 30px !important;

    height: 26px !important;

    padding: 0 !important;

    display: block !important;

    text-align: center !important;

  }

  .feature-media {

    margin-bottom: 1rem;

    z-index: 9;

  }

  .feature-media.feature-video {

    background: url(https://img7.mynet.com.tr/haber/rosetta/video-bg-v2.jpg)

      no-repeat 50%;

    background-size: cover;

  }

  .iframe-full {

    position: relative;

    padding-bottom: 56.25%;

    height: 0;

    width: 100%;

    clear: both;

    margin-bottom: 20px;

  }

  .iframe-full iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

  }

  .footer-fixed-share-box {

    position: fixed;

    z-index: 999;

    top: -70px;

    left: 0;

    width: 100%;

    height: 60px;

    background: #fff;

    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);

    padding: 10px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    opacity: 0;

  }

  .footer-fixed-share-box,

  .footer-fixed-share-box.scrollActive {

    -webkit-transition: all 0.2s ease;

    -o-transition: all 0.2s ease;

    transition: all 0.2s ease;

  }

  .footer-fixed-share-box.scrollActive {

    opacity: 1;

    top: 0;

  }

  .footer-fixed-share-box .share a {

    width: 34px;

    height: 34px;

    border-radius: 50%;

    color: #fff;

    margin-right: 8px;

    display: block;

    text-align: center;

    line-height: 30px;

  }

  .footer-fixed-share-box .share a.facebook {

    background-color: #3b5998;

  }

  .footer-fixed-share-box .share a.twitter {

    background-color: #1da1f2;

  }

  .footer-fixed-share-box .share a.whatsapp {

    background-color: #009f01;

  }

  .footer-fixed-share-box .share a.mail {

    background-color: #000;

  }

  .footer-fixed-share-box .open-to-app .app {

    background-color: #cc292b;

    border-radius: 5px;

    display: block;

    color: #fff;

    padding: 5px 10px;

    font-size: 12px;

  }

  .post-comments {

    overflow: hidden;

  }

  .others-news-type-2-container {

    padding: 20px;

    background-color: #ededed;

  }

  .others-news-type-2-container .others-news-type-2-title {

    font-size: 1.5rem;

    line-height: 1.16667;

    padding-bottom: 16px;

    display: block;

  }

  .others-news-type-2-container .others-news-type-2 {

    border-top: 1px solid #dbdbdb;

    padding-bottom: 12px;

    padding-top: 12px;

  }

  .others-news-type-2-container .others-news-type-2:last-of-type {

    padding-bottom: 0;

    border-bottom: none;

  }

  .others-news-type-2-container p:empty {

    display: none;

  }

  .others-news-type-2-container a {

    color: #000;

    padding-right: 60px;

  }

  .detail-content-inner .others-news a {

    -ms-flex-align: center;

    min-width: 0;

    background: #fff;

    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1),

      0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 2px 1px -1px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.1),

      0 2px 1px -1px rgba(0, 0, 0, 0.1);

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

  }

  .detail-content-inner .others-news a,

  .detail-content-inner .others-news a .others-tile {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

  }

  .detail-content-inner .others-news a .others-tile {

    -webkit-box-flex: 3;

    -ms-flex: 3;

    flex: 3;

    -ms-flex-align: center;

    max-height: 70px;

    color: #000;

    font-weight: 700;

    overflow: hidden;

    line-height: 1.5;

  }

  @media (max-width: 767px) {

    .detail-content-inner .others-news a .others-tile {

      max-height: 47px;

      margin: 10px 0;

      -webkit-box-align: start;

      -ms-flex-align: start;

      align-items: flex-start;

    }

  }

  .detail-content-inner .others-news {

    margin-top: 1rem;

    margin-bottom: 1rem;

  }

  .detail-content-inner .others-news.others-news-content-end {

    margin-top: 0.625rem;

    margin-bottom: 0;

  }

  body .comment-full-btn {

    background: #48699e;

    margin-bottom: 5px;

    padding: 6px 0;

    color: #fff;

    position: relative;

    text-align: center;

    cursor: pointer;

  }

  #commentPostDiv {

    display: none;

  }

  body.detail-page {

    width: 100%;

  }

  .header {

    max-width: 100vw;

  }

  .header,

  .header-nex-prew-box {

    -webkit-transition: top 0.2s ease;

    -o-transition: top 0.2s ease;

    transition: top 0.2s ease;

  }

  .header-nex-prew-box {

    position: fixed;

    left: 0;

    right: 0;

    top: -50px;

    height: 50px;

    text-align: center;

    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;

    padding: 0 15px;

    z-index: 101;

  }

  .header-nex-prew-box .dot {

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: #9e9e9e;

    display: inline-block;

    margin-left: 5px;

  }

  .header-nex-prew-box .dot strong {

    color: #383838;

    font-weight: 400;

    font-size: 14px;

  }

  .header-nex-prew-box .dot:nth-of-type(5) {

    background: #1892dc;

  }

  .swipe-left-active {

    -webkit-animation-name: swipe;

    -webkit-animation-name: swipeL;

    animation-name: swipeL;

    -webkit-animation-timing-function: ease;

    animation-timing-function: ease;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

  }

  .swipe-left-active,

  .swipe-right-active {

    -webkit-animation-duration: 0.3s;

    animation-duration: 0.3s;

  }

  .swipe-right-active {

    -webkit-animation-name: swipe;

    -webkit-animation-name: swipeR;

    animation-name: swipeR;

    -webkit-animation-timing-function: ease;

    animation-timing-function: ease;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

  }

  .content-swipe-btn {

    position: fixed;

    width: 36px;

    height: 72px;

    background: rgba(0, 0, 0, 0.1);

    top: 50%;

    margin-top: -36px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  .content-swipe-btn i {

    color: #fff;

    font-size: 46px;

  }

  .content-prev-btn {

    left: 0;

    border-radius: 0 100px 100px 0;

  }

  .content-prev-btn i {

    padding-right: 15px;

  }

  .content-next-btn {

    right: 0;

    border-radius: 100px 0 0 100px;

  }

  .content-next-btn i {

    padding-left: 15px;

  }

  @-webkit-keyframes swipeL {

    0% {

      -webkit-transform: translateX(0);

      transform: translateX(0);

    }

    to {

      -webkit-transform: translateX(-100%);

      transform: translateX(-100%);

    }

  }

  @keyframes swipeL {

    0% {

      -webkit-transform: translateX(0);

      transform: translateX(0);

    }

    to {

      -webkit-transform: translateX(-100%);

      transform: translateX(-100%);

    }

  }

  @-webkit-keyframes swipeR {

    0% {

      -webkit-transform: translateX(0);

      transform: translateX(0);

    }

    to {

      -webkit-transform: translateX(100%);

      transform: translateX(100%);

    }

  }

  @keyframes swipeR {

    0% {

      -webkit-transform: translateX(0);

      transform: translateX(0);

    }

    to {

      -webkit-transform: translateX(100%);

      transform: translateX(100%);

    }

  }

  @-webkit-keyframes swipeApendL {

    0% {

      -webkit-transform: translateX(100%);

      transform: translateX(100%);

    }

    to {

      -webkit-transform: translateX(0);

      transform: translateX(0);

    }

  }

  @keyframes swipeApendL {

    0% {

      -webkit-transform: translateX(100%);

      transform: translateX(100%);

    }

    to {

      -webkit-transform: translateX(0);

      transform: translateX(0);

    }

  }

  @-webkit-keyframes swipeApendR {

    0% {

      -webkit-transform: translateX(-100%);

      transform: translateX(-100%);

    }

    to {

      -webkit-transform: translateX(0);

      transform: translateX(0);

    }

  }

  @keyframes swipeApendR {

    0% {

      -webkit-transform: translateX(-100%);

      transform: translateX(-100%);

    }

    to {

      -webkit-transform: translateX(0);

      transform: translateX(0);

    }

  }

  .stickyFooterAdContainer {

    position: fixed;

    bottom: 0;

    z-index: 9999;

    left: 0;

    width: 100%;

  }

  .stickyFooterAdContainer .stickyCloseBtn {

    position: absolute;

    background: #fff;

    padding: 0 2px 5px 5px;

    right: 5px;

    border-radius: 20px 20px 0 0;

    cursor: pointer;

    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);

    display: inline-block;

    margin-top: -28px;

  }

  .stickyFooterAdContainer .stickyCloseBtn .icon {

    -webkit-transform: rotate(-270deg);

    -ms-transform: rotate(-270deg);

    transform: rotate(-270deg);

    display: inline-block;

  }

  .stickyFooterAdContainer .sticky-footer-adv {

    position: relative;

    z-index: 999;

    width: 100%;

    background: #fff;

    -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1);

    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1);

    margin: 0;

  }

  .sticky-footer-ads-active {

    display: block;

    -webkit-animation-duration: 0.5s;

    animation-duration: 0.5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

  }

  @-webkit-keyframes fadeInUp {

    0% {

      -webkit-transform: translate3d(0, 150px, 0);

      transform: translate3d(0, 150px, 0);

    }

    to {

      -webkit-transform: translateZ(0);

      transform: translateZ(0);

      opacity: 1;

    }

  }

  @keyframes fadeInUp {

    0% {

      -webkit-transform: translate3d(0, 150px, 0);

      transform: translate3d(0, 150px, 0);

    }

    to {

      -webkit-transform: translateZ(0);

      transform: translateZ(0);

      opacity: 1;

    }

  }

  .ph-itemR {

    -webkit-animation-name: swipeApendR;

    animation-name: swipeApendR;

  }

  .ph-itemL {

    -webkit-animation-name: swipeApendL;

    animation-name: swipeApendL;

  }

  .ph-item {

    -webkit-animation-duration: 0.3s;

    animation-duration: 0.3s;

    -webkit-animation-timing-function: ease;

    animation-timing-function: ease;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    position: fixed;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding: 0;

    overflow: hidden;

    margin-bottom: 30px;

    background-color: #fff;

    border-radius: 2px;

    left: 0;

    width: 100%;

    max-width: 100vw;

    height: 100%;

  }

  .ph-item,

  .ph-item *,

  .ph-item :after,

  .ph-item :before {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

  }

  .ph-item:before {

    content: " ";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 50%;

    z-index: 1;

    width: 500%;

    margin-left: -250%;

    -webkit-animation: phAnimation 0.8s linear infinite;

    animation: phAnimation 0.8s linear infinite;

    background: -o-linear-gradient(

        left,

        hsla(0, 0%, 100%, 0) 46%,

        hsla(0, 0%, 100%, 0.35) 50%,

        hsla(0, 0%, 100%, 0) 54%

      )

      50% 50%;

    background: -webkit-gradient(

        linear,

        left top,

        right top,

        color-stop(46%, hsla(0, 0%, 100%, 0)),

        color-stop(50%, hsla(0, 0%, 100%, 0.35)),

        color-stop(54%, hsla(0, 0%, 100%, 0))

      )

      50% 50%;

    background: linear-gradient(

        90deg,

        hsla(0, 0%, 100%, 0) 46%,

        hsla(0, 0%, 100%, 0.35) 50%,

        hsla(0, 0%, 100%, 0) 54%

      )

      50% 50%;

  }

  .ph-item > * {

    -webkit-box-flex: 1;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-flow: column;

    flex-flow: column;

    padding-right: 15px;

    padding-left: 15px;

  }

  .ph-item > *,

  .ph-row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .ph-row {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-bottom: 7.5px;

  }

  .ph-row div {

    height: 10px;

    margin-bottom: 7.5px;

    background-color: #ced4da;

  }

  .ph-row .big,

  .ph-row.big div {

    height: 20px;

    margin-bottom: 15px;

  }

  .ph-row .empty {

    background-color: hsla(0, 0%, 100%, 0);

  }

  .ph-col-2 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 16.66667%;

    flex: 0 0 16.66667%;

  }

  .ph-col-4 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.33333%;

    flex: 0 0 33.33333%;

  }

  .ph-col-6 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

  }

  .ph-col-8 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 66.66667%;

    flex: 0 0 66.66667%;

  }

  .ph-col-10 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 83.33333%;

    flex: 0 0 83.33333%;

  }

  .ph-col-12 {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

  }

  .ph-avatar {

    position: relative;

    width: 100%;

    min-width: 60px;

    background-color: #ced4da;

    margin-bottom: 15px;

    border-radius: 50%;

    overflow: hidden;

  }

  .ph-avatar:before {

    content: " ";

    display: block;

    padding-top: 100%;

  }

  .ph-picture {

    width: 100%;

    height: 120px;

    background-color: #ced4da;

    margin-bottom: 15px;

  }

  @-webkit-keyframes phAnimation {

    0% {

      -webkit-transform: translate3d(-30%, 0, 0);

      transform: translate3d(-30%, 0, 0);

    }

    to {

      -webkit-transform: translate3d(30%, 0, 0);

      transform: translate3d(30%, 0, 0);

    }

  }

  @keyframes phAnimation {

    0% {

      -webkit-transform: translate3d(-30%, 0, 0);

      transform: translate3d(-30%, 0, 0);

    }

    to {

      -webkit-transform: translate3d(30%, 0, 0);

      transform: translate3d(30%, 0, 0);

    }

  }

  .detail-content-inner table {

    width: 100%;

    max-width: 100%;

    font-size: 14px;

  }

  .detail-content-inner table thead {

    background: #f1f1f1;

  }

  .detail-content-inner table tbody tr td,

  .detail-content-inner table thead tr th {

    padding: 5px;

    border: 1px solid #ccc;

  }

  .btnBackHome {

    display: none;

    background: #003082;

    color: #fff;

    padding: 5px 10px 5px 20px;

    position: fixed;

    bottom: 60px;

    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);

    z-index: 200;

    left: 10px;

    font-size: 12px;

    font-weight: 600;

    border-radius: 2px;

  }

  .btnBackHome.btnBackHome-active {

    -webkit-animation-duration: 0.5s;

    animation-duration: 0.5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

  }

  .btnBackHome:before {

    content: "";

    position: absolute;

    left: 5px;

    top: 10px;

    width: 0;

    height: 0;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    border-left: 5px solid rgba(0, 0, 0, 0);

    border-right: 5px solid rgba(0, 0, 0, 0);

    border-top: 7px solid #fff;

    -ms-transform: rotate(-270deg);

    -webkit-transform: rotate(-270deg);

    transform: rotate(-270deg);

  }

  #mynetLightbox {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: fixed;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 9999;

    background-color: rgba(0, 0, 0, 0.6);

    cursor: -webkit-zoom-out;

    cursor: zoom-out;

  }

  .lightboxContent {

    position: relative;

    margin: 0 auto;

    width: 100%;

    max-width: 1000px;

    text-align: center;

    padding: 1px;

    border-radius: 0;

  }

  .lightboxContent img.img-responsive {

    width: 100%;

    height: auto;

    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);

  }

  .lightboxContent img.img-responsive.heightFix {

    width: 100%;

    height: 95vh;

    margin: 0 auto;

    -o-object-fit: contain;

    object-fit: contain;

  }

  .closeLightbox {

    float: right;

    background: #000;

    padding: 5px 10px;

    right: -31px;

    top: 0;

    border-radius: 0;

    display: none;

  }

  .btn-nav,

  .closeLightbox {

    position: absolute;

    cursor: pointer;

  }

  .btn-nav {

    background: url(./images/sprite_9bcd_3.png);

    width: 50px;

    height: 60px;

    top: calc(50% - 25px);

    z-index: 9999;

  }

  .nextBtn {

    background-position: 15px -388px;

    right: 50px;

  }

  .prevBtn {

    background-position: 10px -327px;

    left: 50px;

  }

  .col-media img.featuredimg,

  .detail-content-inner p img,

  .feature-media img,

  .gallery-item img.img-responsive {

    cursor: -webkit-zoom-in;

    cursor: zoom-in;

  }

  .detail-content-inner a img {

    cursor: unset;

  }

  .gallery-item {

    font-size: 18px;

  }

  .lightboxFade {

    opacity: 1;

    -webkit-animation-name: fadeInOpacity;

    animation-name: fadeInOpacity;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in;

    -webkit-animation-duration: 0.3s;

    animation-duration: 0.3s;

  }

  .gallery-item-after-load .gallery-body-adv {

    text-align: center;

    margin: 20px auto;

  }

  @-webkit-keyframes fadeInOpacity {

    0% {

      opacity: 0;

    }

    to {

      opacity: 1;

    }

  }

  @keyframes fadeInOpacity {

    0% {

      opacity: 0;

    }

    to {

      opacity: 1;

    }

  }

  .my-icon.icon-comment-1:before {

    display: none;

  }

  .data-author {

    color: #bdbdbe;

    font-size: 0.833333rem;

    padding-right: 12px;

  }

  .data-author .author-name {

    padding-left: 0;

    color: #404040;

  }

  .data-author img {

    border-radius: 50%;

    margin-right: 6px;

  }

  .detail-wrapper .cmsDirect {

    display: none;

  }

  .back-btn {

    position: relative;

    margin-right: 15px;

    background: #254281;

    height: 3px;

    width: 20px;

    border-radius: 4px 0 0 4px;

    -webkit-transform: translateY(-5px);

    -ms-transform: translateY(-5px);

    transform: translateY(-5px);

    display: inline-block;

  }

  .back-btn:after,

  .back-btn:before {

    content: "";

    background: #254281;

    position: absolute;

    height: 3px;

    width: 12px;

    border-radius: 4px;

    left: -1px;

  }

  .back-btn:before {

    bottom: -4px;

    -webkit-transform: rotate(-135deg);

    -ms-transform: rotate(-135deg);

    transform: rotate(-135deg);

  }

  .back-btn:after {

    top: -4px;

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

  }

  .slider-contents {

    overflow: hidden;

    background: #f2f2f2;

    width: 100%;

    margin-top: 1rem;

    margin-bottom: 1rem;

    position: relative;

    padding-left: 50px;

  }

  .slider-contents:before {

    content: "";

    position: absolute;

    width: 35px;

    height: 100%;

    left: 0;

    background: #003082;

  }

  .slider-contents:after {

    content: "\130LG\130L\130   HABERLER";

    position: absolute;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    color: #fff;

    height: 35px;

    left: 0;

    top: 0;

    margin: 75px 0 0 -35px;

  }

  .slider-contents:after,

  .slider-contents ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: nowrap;

    flex-flow: nowrap;

  }

  .slider-contents ul {

    list-style: none;

    margin: 0;

    overflow: auto;

    padding: 0.625rem 0;

  }

  .slider-contents ul:before {

    position: absolute;

    content: "";

    width: 30px;

    height: 30px;

    background: #003082;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    top: calc(50% - 15px);

    left: 15px;

  }

  .slider-contents ul li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 125px;

    flex: 0 0 125px;

    max-width: 125px;

    padding: 0 5px;

    min-height: auto;

  }

  .slider-contents ul li img {

    width: 100%;

    height: 150px;

    -o-object-fit: cover;

    object-fit: cover;

  }

  .slider-contents .post-slider-title {

    font-weight: 600;

    display: inline-block;

    padding: 0 5px;

    position: absolute;

    left: 5px;

    bottom: 10px;

    z-index: 999;

    color: #fff;

    font-size: 14px;

    line-height: 18px;

    max-height: 70px;

    overflow: hidden;

  }

  .slider-contents span.post-slider-img {

    position: relative;

    display: inline-block;

  }

  .slider-contents span.post-slider-img:after {

    background: -o-linear-gradient(

      top,

      rgba(0, 0, 0, 0) 0,

      rgba(0, 0, 0, 0.16) 15%,

      rgba(0, 0, 0, 0.4) 32%,

      #000 100%

    );

    background: -webkit-gradient(

      linear,

      left top,

      left bottom,

      from(rgba(0, 0, 0, 0)),

      color-stop(15%, rgba(0, 0, 0, 0.16)),

      color-stop(32%, rgba(0, 0, 0, 0.4)),

      to(#000)

    );

    background: linear-gradient(

      180deg,

      rgba(0, 0, 0, 0) 0,

      rgba(0, 0, 0, 0.16) 15%,

      rgba(0, 0, 0, 0.4) 32%,

      #000

    );

    height: 100px;

    bottom: 0;

    content: "";

    width: 100%;

    left: 0;

    z-index: 999;

    position: absolute;

  }

  .slider-contents .slider-post {

    background: #000;

    height: 100%;

    padding: 0 0 10px;

    position: relative;

  }

  .page-swipe-pagination {

    text-align: center;

  }

  .page-swipe-pagination.position-fixed {

    position: fixed;

    background: #fff;

    width: 100%;

    top: 60px;

    z-index: 99;

    height: 20px;

    padding: 5px 0 0;

    border-bottom: 1px solid #f2f2f2;

  }

  .page-swipe-pagination span {

    background: #ddd;

    width: 8px;

    height: 8px;

    display: inline-block;

    border-radius: 8px;

    margin: 0 1px;

  }

  .page-swipe-pagination span.active {

    background: #fc3c3c;

  }

  .post-date-info-container .data-author {

    display: none;

  }

  .post-date-info-container .post-date-mobile {

    font-size: 12px;

    color: #757575;

  }

  .post-date-info-container .date-info-text {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .post-date-info-container .created-date {

    display: none;

  }

  .btnGoToPrevGalleries {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: 10px 0 40px;

    clear: both;

  }

  .btnGoToPrevGalleries a {

    background: #a32727;

    background-size: 200% 200%;

    color: #fff;

    width: 100%;

    font-size: 16px;

    padding: 15px 0;

    text-align: center;

  }

  .btnGoToPrevGalleries span {

    background: #e2edff;

    padding: 10px 20px;

    display: inline-block;

  }

  .btnGoToPrevGalleries img {

    width: 70px;

  }

  .btnGoToPrevGalleries strong {

    padding: 0;

    position: relative;

  }

  .btnGoToPrevGalleries a:hover {

    opacity: 0.9;

  }

  .btnGoToPrevGalleries strong:after {

    content: "";

    position: absolute;

    left: -25px;

    top: 4px;

    width: 0;

    height: 0;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    border-left: 7px solid rgba(0, 0, 0, 0);

    border-right: 7px solid rgba(0, 0, 0, 0);

    border-top: 10px solid #fff;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

  }

  .taboola-ads-in-article {

    min-height: 310px;

    margin-bottom: 20px;

  }

  .adv-in-content {

    float: left;

    margin-right: 20px;

    margin-bottom: 20px;

    min-height: 250px;

    min-width: 320px;

  }

  @media (max-width: 767px) {

    .gallery-item {

      margin-bottom: 30px;

    }

    .gallery-item .gallery-item-media {

      margin-bottom: 10px;

    }

    .adv-in-content {

      margin-right: auto;

      margin-left: auto;

      float: none;

      clear: both;

      text-align: center;

    }

    .taboola-ads-in-article {

      min-height: 370px;

    }

  }

  .swipe-masthead-adv {

    position: relative;

    background: #f8f8f8;

    width: 300px;

    height: 250px;

    margin: 0 auto 1rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    color: #ccc;

    font-size: 14px;

  }

  .swipe-masthead-adv div {

    position: relative;

    z-index: 2;

  }

  .swipe-masthead-adv:before {

    content: "REKLAM";

    position: absolute;

    top: calc(50% - 10px);

    right: calc(50% - 25px);

    z-index: 1;

  }

  .swiper-slide-active .reaction-box-wrapper h2 {

    display: none !important;

  }

  .swiper-slide-active .mynet-user-reactions,

  .swiper-slide-active .reaction-box-wrapper {

    height: 200px !important;

  }

  .my-icon.affiliate-more-btn {

    font-size: 16px;

    font-weight: 600;

    position: relative;

    color: #000;

    padding-right: 15px;

    margin-top: 5px;

  }

  .my-icon.affiliate-more-btn:before {

    width: 1rem;

    right: 0;

    margin-top: -8px;

  }

  .affiliate-article-btn {

    background: #0652dd;

    color: #fff !important;

    font-size: 18px;

    padding: 14px 50px 12px 30px;

    display: inline-block;

    margin: 0 0 20px;

    max-width: 100%;

    line-height: 100%;

    border-radius: 4px;

    position: relative;

  }

  .affiliate-article-btn:hover {

    opacity: 0.8;

  }

  .affiliate-article-btn:before {

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

    margin: 3px 0 0;

  }

  .affiliate-article-btn:after,

  .affiliate-article-btn:before {

    content: "";

    background: #fff;

    width: 2px;

    height: 8px;

    position: absolute;

    right: 15px;

  }

  .affiliate-article-btn:after {

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    margin: 8px 0 0;

  }

  .post-type-timeline-container .post-type-timeline {

    border-left: 2px solid #cd282b;

    padding: 0 20px 20px;

    position: relative;

  }

  .post-type-timeline-container .post-type-timeline p:empty {

    display: none;

  }

  .post-type-timeline-container .post-type-timeline .timeline-time {

    line-height: 0.8;

    margin-bottom: 10px;

    opacity: 0.8;

  }

  .post-type-timeline-container .post-type-timeline .timeline-time em,

  .post-type-timeline-container .post-type-timeline em {

    font-size: 13px;

    font-style: normal;

  }

  .post-type-timeline-container .post-type-timeline h2,

  .post-type-timeline-container .post-type-timeline h3 {

    margin-bottom: 20px;

  }

  .post-type-timeline-container .post-type-timeline:before {

    position: absolute;

    content: "";

    left: -9px;

    top: 0;

    width: 16px;

    height: 16px;

    background: #cd282b;

    border-radius: 20px;

  }

  .post-type-timeline-container .post-type-timeline:last-of-type {

    margin-bottom: 30px;

  }

  .post-type-timeline-container #tableOfContents {

    margin: 0 0 30px;

    padding: 20px;

    background: rgba(55, 94, 153, 0.1411764705882353);

    border: 1px solid #cbd3e1;

  }

  .post-type-timeline-container #tableOfContents h2 {

    font-size: 20px;

    margin: 0 0 20px;

    color: #222;

  }

  .post-type-timeline-container #tableOfContents ul {

    padding: 0;

    margin: 0;

    width: auto;

    border-left: none;

  }

  .post-type-timeline-container #tableOfContents ul li {

    position: relative;

    color: #222;

    padding: 0 0 20px 15px;

    border-left: 2px solid #ce282b;

    margin-bottom: 0;

    line-height: 1;

    font-weight: 700;

  }

  .post-type-timeline-container #tableOfContents ul li:before {

    content: "";

    position: absolute;

    left: -6px;

    width: 10px;

    height: 10px;

    background: #ce282b;

    border-radius: 50%;

    top: 0;

  }

  .post-type-timeline-container #tableOfContents ul li:last-child {

    margin-bottom: 0;

    padding-bottom: 5px;

  }

  .post-type-timeline-container .btnGoHomePage {

    margin-top: 30px;

  }

  .title-live-news {

    position: relative;

    background: #cd282b;

    color: #fff;

    padding: 0 10px 0 30px;

    font-weight: 400;

    font-size: 20px;

    display: inline-block;

    -webkit-transform: translateY(-8px);

    -ms-transform: translateY(-8px);

    transform: translateY(-8px);

    line-height: 30px;

  }

  .title-live-news:before {

    content: "";

    width: 14px;

    height: 14px;

    border-radius: 50%;

    position: absolute;

    left: 10px;

    top: 8px;

    background: #fff;

    -webkit-animation: blink 1.2s linear infinite;

    animation: blink 1.2s linear infinite;

  }

  .title-live-news:after {

    content: "CANLI";

    font-size: 16px;

  }

  @-webkit-keyframes blink {

    0% {

      opacity: 1;

    }

    50% {

      opacity: 0.2;

    }

    to {

      opacity: 1;

    }

  }

  @keyframes blink {

    0% {

      opacity: 1;

    }

    50% {

      opacity: 0.2;

    }

    to {

      opacity: 1;

    }

  }

  @media (max-width: 767px) {

    .title-live-news {

      -webkit-transform: translateY(-2px);

      -ms-transform: translateY(-2px);

      transform: translateY(-2px);

      line-height: 20px;

    }

    .title-live-news:before {

      top: 4px;

    }

    .title-live-news:after {

      font-size: 14px;

    }

  }

  .detail-content-inner .popular-news-widget {

    border: 5px solid #ed4b4b;

    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);

    background: #fff;

    position: relative;

    margin: 10px 0 25px;

  }

  .detail-content-inner .popular-news-widget h2 {

    background: #ed4b4b;

    font-size: 16px;

    padding: 15px;

    color: #fff;

    display: inline-block;

    position: relative;

    margin: 0 0 20px;

    width: 100%;

  }

  .detail-content-inner .popular-news-widget p {

    margin: 0;

    padding: 0 0 10px 25px;

  }

  .detail-content-inner .popular-news-widget p em {

    font-size: 14px;

    line-height: 18px !important;

    display: block;

    margin: 0 0 -10px -25px;

    padding: 10px;

    background: #f2f2f2;

    border-top: 2px solid #fff;

  }

  .detail-content-inner .popular-news-widget p em:before {

    content: "Sponsorlu";

    position: absolute;

    font-size: 12px;

    color: #ccc;

    bottom: 78px;

    right: 10px;

  }

  .detail-content-inner .popular-news-widget ul li {

    margin: 0 0 10px;

  }

  .detail-content-inner .popular-news-widget ul li p {

    padding: 0;

  }

  .detail-content-inner .popular-news-widget p a,

  .detail-content-inner .popular-news-widget ul li a,

  .detail-content-inner .popular-news-widget ul li p a {

    font-size: 16px;

    color: #222;

    display: inline-block;

    text-decoration: underline;

  }

  @media (max-width: 767px) {

    .popular-news-widget {

      width: 95%;

      margin: 50px auto 0;

    }

  }

  @media (max-width: 640px) {

    .detail-content-inner .popular-news-widget {

      margin: 0 auto;

      width: 100%;

      padding: 0;

    }

    .detail-content-inner .popular-news-widget h2 {

      margin: 0 0 20px;

      position: relative;

      padding: 10px;

      width: 100%;

    }

    .detail-content-inner .popular-news-widget h2:before {

      display: none;

    }

    .detail-content-inner .popular-news-widget p em {

      font-size: 12px;

    }

    .detail-content-inner .popular-news-widget p em:before {

      bottom: 90px;

    }

  }

  @media (max-width: 991px) {

    .body-banner-block {

      -ms-flex-wrap: wrap;

      flex-wrap: wrap;

      -webkit-box-pack: center !important;

      -ms-flex-pack: center !important;

      justify-content: center !important;

    }

    .body-banner-block .adv-in-content:nth-child(2),

    .body-banner-block .adv-in-content:nth-child(3) {

      display: none;

    }

  }

  .masthead-adv-type-sticky {

    min-height: 250px;

    max-width: 1040px;

    margin-left: auto;

    margin-right: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 100%;

    position: static;

    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46YXV0byIgd2lkdGg9IjYwMCIgaGVpZ2h0PSI0MDAiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PHBhdGggZmlsbD0iI2NjYyIgZD0iTTE3LjUgMjEuNzk2aDE1djU2LjQwOGgtMTV6Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ5IiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIxcyIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7MC41OzEiIHZhbHVlcz0iMTg7MzA7MzAiIGtleVNwbGluZXM9IjAgMC41IDAuNSAxOzAgMC41IDAuNSAxIiBiZWdpbj0iLTAuMnMiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDswLjU7MSIgdmFsdWVzPSI2NDs0MDs0MCIga2V5U3BsaW5lcz0iMCAwLjUgMC41IDE7MCAwLjUgMC41IDEiIGJlZ2luPSItMC4ycyIvPjwvcGF0aD48cGF0aCBmaWxsPSIjY2NjIiBkPSJNNDIuNSAzMGgxNXY0MGgtMTV6Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ5IiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIxcyIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7MC41OzEiIHZhbHVlcz0iMjAuOTk5OTk5OTk5OTk5OTk2OzMwOzMwIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgYmVnaW49Ii0wLjFzIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0IiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIxcyIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7MC41OzEiIHZhbHVlcz0iNTguMDAwMDAwMDAwMDAwMDE7NDA7NDAiIGtleVNwbGluZXM9IjAgMC41IDAuNSAxOzAgMC41IDAuNSAxIiBiZWdpbj0iLTAuMXMiLz48L3BhdGg+PHBhdGggZmlsbD0iI2NjYyIgZD0iTTY3LjUgMzBoMTV2NDBoLTE1eiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ieSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMXMiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOzAuNTsxIiB2YWx1ZXM9IjIwLjk5OTk5OTk5OTk5OTk5NjszMDszMCIga2V5U3BsaW5lcz0iMCAwLjUgMC41IDE7MCAwLjUgMC41IDEiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDswLjU7MSIgdmFsdWVzPSI1OC4wMDAwMDAwMDAwMDAwMTs0MDs0MCIga2V5U3BsaW5lcz0iMCAwLjUgMC41IDE7MCAwLjUgMC41IDEiLz48L3BhdGg+PC9zdmc+)

      no-repeat 50% #fff !important;

    background-size: 70px !important;

  }

  .masthead-adv-type-sticky.enable {

    position: sticky;

    top: 0;

    left: 0;

    right: 0;

    z-index: 9999999;

  }

  @media only screen and (max-width: 991px) {

    .masthead-adv-type-sticky {

      height: 100px;

      min-height: 100px;

      margin-top: 1rem;

    }

  }

  .opportunities:not(.opportunities-slider) {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .opportunities:not(.loaded) {

    display: none;

  }

  .opportunities.opportunities-slider .slider-item-wrap {

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

  }

  .opportunities.opportunities-slider .slider-item-wrap .item {

    border: none;

    padding: 0;

  }

  .opportunities.opportunities-slider .opportunity-item {

    max-width: 220px;

    height: 100%;

  }

  .opportunity-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    padding: 0 10px;

  }

  .opportunity-item .description .discount,

  .opportunity-item .one-line,

  .opportunity-item .title {

    white-space: nowrap;

    overflow: hidden;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

  }

  .opportunity-item .title {

    width: 100%;

    font-size: 18px;

    font-weight: 600;

    border-bottom: 1px solid #757575;

    padding: 15px 0 7px;

    margin: 0 0 10px;

  }

  .opportunity-item .description {

    width: 100%;

    font-size: 13px;

    font-weight: 600;

    margin-bottom: 10px;

    white-space: normal;

  }

  .opportunity-item .description p {

    margin: 0 0 5px;

    opacity: 0.8;

    max-height: 36px;

    overflow: hidden;

  }

  .opportunity-item .description p:empty {

    display: none;

  }

  .opportunity-item .description .discount {

    font-size: 15px;

  }

  .opportunity-item .detail-button {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 120px;

    height: 35px;

    padding-top: 10px;

    padding-bottom: 10px;

    margin: auto 0 5px;

    font-weight: 700;

  }

  .opportunity-item .detail-button:hover {

    color: #fff !important;

  }

  @font-face {

    font-display: swap;

    font-family: fontello;

    src: url(//s.mynet.com.tr/font/fontello/fontello.eot?59298931=);

    src: url(//s.mynet.com.tr/font/fontello/fontello.eot?59298931=#iefix)

        format("embedded-opentype"),

      url(//s.mynet.com.tr/font/fontello/fontello.woff2?59298931=)

        format("woff2"),

      url(//s.mynet.com.tr/font/fontello/fontello.woff?59298931=)

        format("woff"),

      url(//s.mynet.com.tr/font/fontello/fontello.ttf?59298931=)

        format("truetype"),

      url(//s.mynet.com.tr/font/fontello/fontello.svg?59298931=#fontello)

        format("svg");

    font-weight: 400;

    font-style: normal;

  }

  .icon-user:before {

    content: "\E800";

  }

  .icon-user-add:before {

    content: "\E801";

  }

  .icon-power:before {

    content: "\E802";

  }

  .icon-mail:before {

    content: "\E803";

  }

  .icon-down-open:before {

    content: "\E804";

  }

  .icon-left-open:before {

    content: "\E805";

  }

  .icon-right-open:before {

    content: "\E806";

  }

  .icon-up-open:before {

    content: "\E807";

  }

  .icon-down:before {

    content: "\E808";

  }

  .icon-up:before {

    content: "\E809";

  }

  .icon-play-circled2:before {

    content: "\E80A";

  }

  .icon-search:before {

    content: "\E80B";

  }

  .icon-picture:before {

    content: "\E80C";

  }

  .icon-cancel:before {

    content: "\E80D";

  }

  .icon-chart-bar:before {

    content: "\E80E";

  }

  .icon-minus:before {

    content: "\E80F";

  }

  .icon-dot-3:before {

    content: "\E810";

  }

  .icon-down-dir:before,

  .most-comment-shares .line.sub-title .value .my-icon:before,

  .most-viewed-shares .line.sub-title .value .my-icon:before {

    content: "\E811";

  }

  .icon-comment-1:before {

    content: "\E812";

  }

  .icon-list-alt:before {

    content: "\E813";

  }

  .icon-left-dir:before {

    content: "\E814";

  }

  .icon-right-dir:before {

    content: "\E815";

  }

  .icon-up-dir:before,

  .most-comment-shares

    .order-type:checked

    + .line.sub-title

    .value

    .my-icon:before,

  .most-viewed-shares

    .order-type:checked

    + .line.sub-title

    .value

    .my-icon:before {

    content: "\E816";

  }

  .icon-db-bank-logo:before {

    content: "\E817";

  }

  .icon-crown:before {

    content: "\E844";

  }

  .icon-play-circled:before {

    content: "\F144";

  }

  .icon-soccer-ball:before {

    content: "\F1E3";

  }

  .icon-chart-line:before {

    content: "\F201";

  }

  .icon-whatsapp:before {

    content: "\F232";

  }

  .icon-twitter:before {

    content: "\F309";

  }

  .icon-facebook:before {

    content: "\F30C";

  }

  .icon-gplus:before {

    content: "\F30F";

  }

  .icon-linkedin:before {

    content: "\F318";

  }

  .my-icon {

    position: relative;

    color: #013182;

  }

  .my-icon:before {

    font-family: fontello;

    font-style: normal;

    font-weight: 400;

    speak: none;

    position: absolute;

    display: inline-block;

    text-decoration: inherit;

    width: 100%;

    text-align: center;

    top: 50%;

    font-variant: normal;

    text-transform: none;

    line-height: 1em;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

  }

  .lightbox-video.icon-play-circled:hover:before {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

  }

  .lightbox-video.icon-play-circled:before,

  .lightbox-video.icon-play-circled:hover:before {

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

  }

  .lightbox-video.icon-play-circled:before {

    font-size: 3rem;

    margin-top: -1.5rem;

    color: rgba(0, 0, 0, 0.5);

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

  .icon-search:before {

    font-size: 1.3rem;

  }

  .icon-user:before {

    left: 15px;

    top: 10px;

    font-size: 1.1rem;

    width: 0;

  }

  .my-login-box .icon-power {

    float: right;

    background: #e9e9e9;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    margin-left: 12px;

  }

  .my-login-box .icon-power:before {

    line-height: 0;

    font-size: 1.3rem;

  }

  .arrow {

    width: 0;

    height: 0;

    display: block;

  }

  .arrow.downtoward {

    border-color: #c85151 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);

    border-style: solid;

    border-width: 10px 10px 0;

  }

  .arrow.uptoward {

    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #48bd7f;

    border-style: solid;

    border-width: 0 10px 10px;

  }

  .arrow.same {

    border-bottom: 4px solid #013182;

    margin-top: 5px;

    width: 15px;

  }

  .adv,

  .adv-970x250 {

    text-align: center;

    position: relative;

    z-index: 9;

  }

  .adv-pageskin-slot {

    position: fixed;

    top: 140px;

    right: 0;

  }

  .adv300x250 {

    padding: 0;

  }

  .adv-gallery-int-wrapper {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #fff;

    z-index: 1;

    display: none;

  }

  .adv-gallery-int-inner {

    height: 250px;

    width: 300px;

    position: absolute;

    left: 50%;

    top: 50%;

    background: #000;

    margin: -125px 0 0 -150px;

  }

  .m-image-gallery-gallery-media-box {

    position: relative;

  }

  #adv-gallery-int-info {

    width: 100%;

    text-align: center;

    font-size: 14px;

  }

  #adv-gallery-int-left-arrow,

  #adv-gallery-int-right-arrow {

    display: none;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    position: absolute;

    background-size: 25%;

    margin-top: -20px;

    top: 50%;

    background-size: 25% !important;

    z-index: 1;

  }

  #adv-gallery-int-right-arrow {

    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3IDE0Ij48cGF0aCBkPSJNNi4zIDcuN2wuNi0uNi0uNi0uNkwuOCAxLjIuNiAxbC0uNi42LjMuMyA1LjUgNS4zLTUuNSA1LjMtLjMuMy42LjYuMy0uMyA1LjQtNS40eiIgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjUiLz48L3N2Zz4=)

      no-repeat 50% rgba(0, 56, 128, 0.3);

    right: 20px;

  }

  #adv-gallery-int-left-arrow {

    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3IDE0Ij48cGF0aCBkPSJNLjYgNi42bC0uNi41LjYuNkw2LjEgMTNsLjMuMy42LS42LS4zLS4zLTUuNS01LjMgNS41LTUuMy4zLS4zLS42LS41LS4zLjNMLjYgNi42eiIgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjUiLz48L3N2Zz4=)

      no-repeat 50% rgba(0, 56, 128, 0.3);

    left: 20px;

  }

  .ad-pageskin {

    position: fixed;

    left: 0;

    bottom: 0;

  }

  @media (max-width: 767px) {

    .adv-footer-gallery-sticky {

      position: fixed;

      left: 0;

      bottom: 0;

      width: 100%;

      max-height: 50px;

      background: #fff;

      z-index: 9999;

    }

  }

  iframe[id^="google_ads_iframe"] {

    display: inline-block;

  }

  .card-media.cart-type-cs[isshowcase]:before,

  .card-type-feed.show-spot[isshowcase]:before,

  .card-type-grid[isshowcase]:before,

  .card.carousel[isshowcase]:before,

  .col-xs-12.col-media[isshowcase]:before,

  .feature-media[isshowcase]:before,

  div.others-news[isshowcase]:before,

  div.swiper-slide[isshowcase]:before,

  figure[isshowcase]:before {

    content: "SPONSORLU";

    width: auto;

    position: absolute;

    top: 7px;

    left: 7px;

    color: #bbb;

    background: rgba(0, 0, 0, 0.5);

    z-index: 99;

    padding: 2px 5px 0;

    font-size: 10px;

  }

  .card.carousel[isshowcase]:before {

    left: auto;

    right: 7px;

  }

  .col-xs-12.col-media[isshowcase]:before {

    left: 19px;

  }

  .card-type-feed[isshowcase] .card-body h3.card-text-title:before,

  .card-type-feed[isshowcase] .card-body h4.card-text-title:before {

    content: "SPONSORLU";

    font-size: 10px;

    font-weight: 400;

    color: #929292;

    display: block;

    position: absolute;

    margin-top: -15px;

  }

  .card-type-feed.none-spot[isshowcase] .card-body {

    padding-top: 30px;

  }

  .card-type-feed.show-spot[isshowcase] h3.card-text-title:before {

    content: "";

  }

  .card-border-top-style-1 .card-type-feed.show-spot[isshowcase],

  .card-border-top-style-1 .card-type-grid[isshowcase],

  .col-xs-12.col-media[isshowcase],

  .feature-media[isshowcase],

  .type-feed-options-1 .card-type-grid.none-spot[isshowcase],

  div.card[isshowcase],

  div.others-news[isshowcase] {

    position: relative;

  }

  .adv-height250 {

    min-height: 250px;

    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46YXV0byIgd2lkdGg9IjYwMCIgaGVpZ2h0PSI0MDAiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PHBhdGggZmlsbD0iI2NjYyIgZD0iTTE3LjUgMjEuNzk2aDE1djU2LjQwOGgtMTV6Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ5IiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIxcyIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7MC41OzEiIHZhbHVlcz0iMTg7MzA7MzAiIGtleVNwbGluZXM9IjAgMC41IDAuNSAxOzAgMC41IDAuNSAxIiBiZWdpbj0iLTAuMnMiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDswLjU7MSIgdmFsdWVzPSI2NDs0MDs0MCIga2V5U3BsaW5lcz0iMCAwLjUgMC41IDE7MCAwLjUgMC41IDEiIGJlZ2luPSItMC4ycyIvPjwvcGF0aD48cGF0aCBmaWxsPSIjY2NjIiBkPSJNNDIuNSAzMGgxNXY0MGgtMTV6Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ5IiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIxcyIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7MC41OzEiIHZhbHVlcz0iMjAuOTk5OTk5OTk5OTk5OTk2OzMwOzMwIiBrZXlTcGxpbmVzPSIwIDAuNSAwLjUgMTswIDAuNSAwLjUgMSIgYmVnaW49Ii0wLjFzIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iaGVpZ2h0IiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIxcyIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7MC41OzEiIHZhbHVlcz0iNTguMDAwMDAwMDAwMDAwMDE7NDA7NDAiIGtleVNwbGluZXM9IjAgMC41IDAuNSAxOzAgMC41IDAuNSAxIiBiZWdpbj0iLTAuMXMiLz48L3BhdGg+PHBhdGggZmlsbD0iI2NjYyIgZD0iTTY3LjUgMzBoMTV2NDBoLTE1eiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ieSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMXMiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOzAuNTsxIiB2YWx1ZXM9IjIwLjk5OTk5OTk5OTk5OTk5NjszMDszMCIga2V5U3BsaW5lcz0iMCAwLjUgMC41IDE7MCAwLjUgMC41IDEiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJoZWlnaHQiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDswLjU7MSIgdmFsdWVzPSI1OC4wMDAwMDAwMDAwMDAwMTs0MDs0MCIga2V5U3BsaW5lcz0iMCAwLjUgMC41IDE7MCAwLjUgMC41IDEiLz48L3BhdGg+PC9zdmc+)

      no-repeat 50% rgba(0, 0, 0, 0) !important;

    background-size: 70px !important;

  }

  .adv-height90,

  .adv-height250 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  .adv-height90 {

    min-height: 90px;

  }

  .adv-height280 {

    min-height: 280px;

  }

  .adv-height200,

  .adv-height280 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  .adv-height200 {

    min-height: 200px;

  }

  .adv-height100 {

    min-height: 100px;

  }

  .adv-height50,

  .adv-height100 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  .adv-height50 {

    min-height: 50px;

  }

  .adv-height250 .detail-sidebar-adv:first-child {

    padding-bottom: 0;

    border: none;

  }

  .ad-kulesag,

  .ad-pageskin {

    z-index: 8 !important;

  }

  .adv-taboola-in-article {

    max-width: 320px;

    max-height: 290px;

  }

  .adv-taboola-in-article-full {

    max-width: 100%;

    width: 100%;

    max-height: 290px;

  }

  @media (max-width: 767px) {

    .adv-taboola-in-article {

      max-width: 320px;

      max-height: 340px;

      overflow: hidden;

    }

    .adv-taboola-in-article-full {

      max-width: 100%;

      max-height: 400px;

      width: 100%;

      overflow: hidden;

    }

  }

  #prestitial_oop {

    height: 0 !important;

  }

  .search-box-wrap {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    float: right;

    margin-right: 30px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    line-height: 60px;

    height: 60px;

    width: 30px;

    z-index: 10;

    background: none;

    border: none;

    cursor: pointer;

  }

  .search-box-wrap .search-input {

    position: absolute;

    right: 0;

    border: none;

    border-bottom: 1px solid;

    height: 36px;

    line-height: 36px;

    width: 100%;

    opacity: 0;

    z-index: 2;

    top: 10px;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

    -webkit-animation-fill-mode: none;

    animation-fill-mode: none;

  }

  .search-box-wrap .search-input,

  .search-box-wrap:hover .search-input {

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

  }

  .search-box-wrap:hover .search-input {

    width: 150px;

    right: 30px;

    opacity: 1;

  }

  .search-box-wrap .search-box {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    line-height: 40px;

    height: 40px;

    width: 30px;

    z-index: 10;

    background: none;

    border: none;

    cursor: pointer;

    padding: 0;

  }

  .search-box-wrap .search-box.icon-search:before {

    margin-top: -10px;

  }

  .search-detail-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .search-detail-box input {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    border: 1px solid #d8d8d8;

    padding: 12px;

  }

  .search-detail-box .search-box {

    width: 40px;

    border: none;

    padding: 0;

    cursor: pointer;

  }

  .search-detail-box .search-box:before {

    margin-top: -10px;

    right: 10px;

    width: 20px;

  }

  .search-category-name {

    margin-bottom: 12px;

    display: block;

    font-size: 0.875rem;

    color: #cc2a2b;

    line-height: 1;

  }

  @media (max-width: 576px) {

    .search-box-wrap .search-input {

      max-width: 60px;

    }

  }

  @media (max-width: 365px) {

    .search-box-wrap {

      margin-right: 0;

    }

    .search-box-wrap .search-input {

      width: 45px !important;

    }

  }

  .pagination-box .pagination li.active {

    pointer-events: none;

  }

  .pagination-box .pagination li.active a {

    background-color: #e9ecef;

  }

  .pagination-box .pagination li.disabled {

    opacity: 0.3;

    pointer-events: none;

  }

  .pagination-box .pagination li:hover a {

    background-color: #e9ecef;

  }

  .pagination-box .pagination li a {

    display: block;

    padding: 12px;

    border: 1px solid #d8d8d8;

    margin: 0 2px;

  }

  @media (max-width: 575px) {

    .pagination {

      -webkit-box-pack: start !important;

      -ms-flex-pack: start !important;

      justify-content: start !important;

      width: 100%;

      overflow: auto;

    }

  }

  @media (min-width: 768px) {

    body {

      background-color: #f2f2f2;

    }

    .d-md-flex {

      display: -webkit-box !important;

      display: -ms-flexbox !important;

      display: flex !important;

    }

    .col-md-1 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 8.333333%;

      flex: 0 0 8.333333%;

      max-width: 8.333333%;

    }

    .col-md-2 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 16.666667%;

      flex: 0 0 16.666667%;

      max-width: 16.666667%;

    }

    .col-md-3 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 25%;

      flex: 0 0 25%;

      max-width: 25%;

    }

    .col-md-4 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 33.333333%;

      flex: 0 0 33.333333%;

      max-width: 33.333333%;

    }

    .col-md-5 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 41.666667%;

      flex: 0 0 41.666667%;

      max-width: 41.666667%;

    }

    .col-md-6 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

      flex: 0 0 50%;

      max-width: 50%;

    }

    .col-md-7 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 58.333333%;

      flex: 0 0 58.333333%;

      max-width: 58.333333%;

    }

    .col-md-8 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 66.666667%;

      flex: 0 0 66.666667%;

      max-width: 66.666667%;

    }

    .col-md-9 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 75%;

      flex: 0 0 75%;

      max-width: 75%;

    }

    .col-md-10 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 83.333333%;

      flex: 0 0 83.333333%;

      max-width: 83.333333%;

    }

    .col-md-11 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 91.666667%;

      flex: 0 0 91.666667%;

      max-width: 91.666667%;

    }

    .col-md-12 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 100%;

      flex: 0 0 100%;

      max-width: 100%;

    }

    .d-md-inline {

      display: inline !important;

    }

    .d-md-block {

      display: block !important;

    }

    .d-md-none {

      display: none !important;

    }

    .detail-content-box {

      width: calc(100% - 320px);

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

    }

    .swiper-container .carousel-title {

      font-size: 24px;

      line-height: 32px;

    }

    .other-post-list .card {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: stretch;

      -ms-flex-align: stretch;

      align-items: stretch;

      max-height: 98px;

    }

    .other-post-list .card-media {

      -webkit-box-flex: 1;

      -ms-flex: 1;

      flex: 1;

    }

    .other-post-list .card-media a {

      height: 100%;

    }

    .other-post-list .card-media img {

      width: 100%;

      height: 100%;

      -o-object-fit: cover;

      object-fit: cover;

    }

    .other-post-list .card-body {

      -webkit-box-flex: 2;

      -ms-flex: 2;

      flex: 2;

      -ms-flex-item-align: center;

      align-self: center;

    }

    .home-feature-post-list .p-1,

    .other-last-post-list .p-2,

    .other-post-list .p-1 {

      padding: 0.3125rem;

    }

    .other-last-post-list .card .card-body .card-text-title,

    .other-post-list .card .card-body .card-text-title {

      font-size: 1rem;

      font-weight: 700;

      max-height: 2.75rem;

      overflow: hidden;

      margin-bottom: 0 !important;

      padding: 0;

    }

    .other-last-post-list .card .card-body,

    .other-post-list .card .card-body {

      padding: 18px;

    }

    .home-feature-post-list .card {

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

    }

    .sidebarPost.col-4,

    .sliderPost.col-8 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 100%;

      flex: 0 0 100%;

      max-width: 100%;

    }

    .sidebarPost .col-md-4 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

      flex: 0 0 50%;

      max-width: 50%;

    }

    .col-md-320 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 320px;

      flex: 0 0 320px;

      max-width: 320px;

      padding: 0 10px;

    }

    .margin-left-auto-md {

      margin-left: auto !important;

    }

    .flex-md-row {

      -webkit-box-orient: horizontal !important;

      -ms-flex-direction: row !important;

      flex-direction: row !important;

    }

    .flex-column-md,

    .flex-md-row {

      -webkit-box-direction: normal !important;

    }

    .flex-column-md {

      -webkit-box-orient: vertical !important;

      -ms-flex-direction: column !important;

      flex-direction: column !important;

    }

    .shadow-md-none {

      -webkit-box-shadow: none !important;

      box-shadow: none !important;

    }

    .stickyCloseBtn {

      display: none !important;

    }

    .stickyFooterAdContainer .sticky-footer-adv {

      position: relative;

      -webkit-box-shadow: none !important;

      box-shadow: none !important;

      margin-bottom: 20px;

    }

    .img-md-120px {

      width: 120px !important;

    }

    .max-h-md-70 {

      max-height: 70px;

      overflow: hidden;

    }

    .detail-page {

      padding-bottom: 0 !important;

    }

    .stickyFooterAdContainer .sticky-footer-adv {

      margin-top: 20px;

      background: rgba(0, 0, 0, 0);

    }

    .detail-page-wrapper {

      padding: 8px;

    }

    .px-md-0 {

      padding-left: 0 !important;

      padding-right: 0 !important;

    }

    .py-md-0 {

      padding-bottom: 0 !important;

      padding-top: 0 !important;

    }

    .post-title {

      font-size: 2.5rem;

      letter-spacing: -0.1px;

      line-height: 1.17;

      margin-bottom: 0.75rem;

      color: #000;

    }

    .post-spot {

      color: #404040;

      font-size: 1.2rem;

      line-height: 1.52;

      margin-bottom: 12px;

      font-weight: 400;

      letter-spacing: 0.2px;

    }

    .detail-content-inner {

      margin-bottom: 24px;

      line-height: 1.63;

    }

    .detail-content-inner .adv-content-inner {

      width: auto !important;

      float: left;

      padding: 0.875rem 2.25rem 1.75rem 0;

      margin-left: 0;

    }

    .breadcrumb li:nth-last-child(2):after {

      content: ">" !important;

    }

    .post-date-for-none-mobile {

      font-size: 13px;

      color: grey;

      display: block !important;

    }

    .post-date-for-none-mobile strong {

      color: grey;

    }

    .social-share-show-title {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      font-size: 0.75rem;

      margin-bottom: 5px;

      font-weight: 700;

    }

    .social-share-show-title .paylas-title {

      width: 176px;

    }

    .social-share-show-title .comment-title {

      -webkit-box-flex: 1;

      -ms-flex: 1;

      flex: 1;

    }

    .share-box {

      width: 100%;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      position: relative;

      z-index: 7;

    }

    .share-box > .share.comment-part {

      margin-left: 20px;

    }

    .share-box > .share.comment-part .my-icon {

      position: relative;

    }

    .share-box > .share.comment-part .my-icon strong {

      position: absolute;

      top: 0;

      left: 48px;

      font-size: 10px;

      white-space: nowrap;

      display: block;

      height: 40px;

      line-height: 33px;

      color: #999;

    }

    .share-box .share {

      cursor: pointer;

    }

    .share-box .share .my-icon {

      display: block;

      width: 100%;

      height: 100%;

      opacity: 1;

      color: #fff;

      position: relative;

      border-radius: 50%;

    }

    .share-box .share .my-icon,

    .share-box .share .my-icon:hover {

      -webkit-transition: all 0.2s ease-in-out;

      -o-transition: all 0.2s ease-in-out;

      transition: all 0.2s ease-in-out;

    }

    .share-box .share .my-icon:hover {

      opacity: 0.8;

    }

    .share-box .share .my-icon:before {

      line-height: 2.5;

      position: absolute;

      height: 100%;

      text-align: center;

      left: 0;

      top: 0;

    }

    .share-box .share .icon-facebook {

      background-color: #3b5998;

    }

    .share-box .share .icon-twitter {

      background-color: #1da1f2;

    }

    .share-box .share .icon-whatsapp {

      background-color: #26d366;

    }

    .share-box .share .icon-gplus {

      background-color: #dd4b39;

    }

    .share-box .share .icon-linkedin {

      background-color: #0077b5;

    }

    .share-box .share .icon-mail {

      background-color: #449a88;

    }

    .share-box .share .comment-icon {

      color: #dc5409;

      font-size: 2.5rem;

      position: relative;

    }

    .share-box .share .comment-icon span {

      position: absolute;

      width: 40px;

      height: 30px;

      display: block;

      text-align: center;

      font-size: 1rem;

      line-height: 2.2rem;

      color: #fff;

      border-radius: 5px;

      background: #dc5409;

    }

    .share-box .share .comment-icon span:before {

      content: "";

      width: 0;

      height: 0;

      border-left: 0 solid rgba(0, 0, 0, 0);

      border-right: 15px solid rgba(0, 0, 0, 0);

      border-top: 10px solid #dc5409;

      position: absolute;

      bottom: -10px;

      left: 10px;

    }

    .share-box .share .icon-dot-3 {

      background-color: #ced4da;

      height: 40px;

      cursor: pointer;

    }

    .share-box .share .more-share .share {

      margin-top: 12px;

    }

    .share-box > .share {

      width: 40px;

      height: 40px;

      margin-right: 0.75rem;

    }

    .share-box > .share .more-share {

      height: 0;

      overflow: hidden;

    }

    .share-box > .share .more-share,

    .share-box > .share .more-share .share {

      -webkit-transition: all 0.4s ease-in-out;

      -o-transition: all 0.4s ease-in-out;

      transition: all 0.4s ease-in-out;

    }

    .share-box > .share .more-share .share {

      width: 40px;

      height: 40px;

      opacity: 0;

      -webkit-animation-duration: 1s;

      animation-duration: 1s;

      -webkit-animation-name: bottomToTop;

      animation-name: bottomToTop;

      -webkit-animation-fill-mode: backwards;

      animation-fill-mode: backwards;

    }

    .share label.active ~ div {

      display: block !important;

    }

    .share label.active ~ div.more-share {

      height: 160px;

      -webkit-transition: all 0.4s ease-in-out;

      -o-transition: all 0.4s ease-in-out;

      transition: all 0.4s ease-in-out;

      opacity: 1;

    }

    .share label.active ~ div.more-share .share {

      opacity: 1;

    }

    .share label.active ~ div .share {

      -webkit-animation-duration: 1s;

      animation-duration: 1s;

      -webkit-animation-name: topToBottom;

      animation-name: topToBottom;

      -webkit-animation-fill-mode: forwards;

      animation-fill-mode: forwards;

    }

    .share label.active ~ div .share:first-of-type {

      -webkit-animation-delay: 0.1s;

      animation-delay: 0.1s;

    }

    .share label.active ~ div .share:nth-of-type(2) {

      -webkit-animation-delay: 0.3s;

      animation-delay: 0.3s;

    }

    .share label.active ~ div .share:nth-of-type(3) {

      -webkit-animation-delay: 0.5s;

      animation-delay: 0.5s;

    }

    .share label.active ~ div .share:nth-of-type(4) {

      -webkit-animation-delay: 1.7s;

      animation-delay: 1.7s;

    }

    .comment-full-btn {

      background: grey;

      margin-bottom: 24px;

      padding: 6px 12px 6px 3.25rem;

      color: #fff;

      position: relative;

      text-align: center;

      cursor: pointer;

    }

    .comment-full-btn .my-icon {

      position: absolute;

      top: 10px;

      color: #fff;

    }

    .comment-full-btn .my-icon:before {

      left: -24px;

    }

    .icon-user:before {

      content: "\E800";

    }

    .icon-user-add:before {

      content: "\E801";

    }

    .icon-power:before {

      content: "\E802";

    }

    .icon-mail:before {

      content: "\E803";

    }

    .icon-down-open:before {

      content: "\E804";

    }

    .icon-left-open:before {

      content: "\E805";

    }

    .icon-right-open:before {

      content: "\E806";

    }

    .icon-up-open:before {

      content: "\E807";

    }

    .icon-down:before {

      content: "\E808";

    }

    .icon-up:before {

      content: "\E809";

    }

    .icon-play-circled2:before {

      content: "\E80A";

    }

    .icon-search:before {

      content: "\E80B";

    }

    .icon-picture:before {

      content: "\E80C";

    }

    .icon-cancel:before {

      content: "\E80D";

    }

    .icon-chart-bar:before {

      content: "\E80E";

    }

    .icon-minus:before {

      content: "\E80F";

    }

    .icon-dot-3:before {

      content: "\E810";

    }

    .icon-down-dir:before,

    .most-comment-shares .line.sub-title .value .my-icon:before,

    .most-viewed-shares .line.sub-title .value .my-icon:before {

      content: "\E811";

    }

    .icon-comment-1:before {

      content: "\E812";

    }

    .icon-list-alt:before {

      content: "\E813";

    }

    .icon-left-dir:before {

      content: "\E814";

    }

    .icon-right-dir:before {

      content: "\E815";

    }

    .icon-up-dir:before,

    .most-comment-shares

      .order-type:checked

      + .line.sub-title

      .value

      .my-icon:before,

    .most-viewed-shares

      .order-type:checked

      + .line.sub-title

      .value

      .my-icon:before {

      content: "\E816";

    }

    .icon-db-bank-logo:before {

      content: "\E817";

    }

    .icon-crown:before {

      content: "\E844";

    }

    .icon-play-circled:before {

      content: "\F144";

    }

    .icon-soccer-ball:before {

      content: "\F1E3";

    }

    .icon-chart-line:before {

      content: "\F201";

    }

    .icon-whatsapp:before {

      content: "\F232";

    }

    .icon-twitter:before {

      content: "\F309";

    }

    .icon-facebook:before {

      content: "\F30C";

    }

    .icon-gplus:before {

      content: "\F30F";

    }

    .icon-linkedin:before {

      content: "\F318";

    }

    .stickyFooterAdContainer .sticky-footer-adv {

      height: auto;

    }

    .most-find-news-container .news-list ul li {

      width: 30%;

    }

    .slider-contents li {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 150px;

      flex: 0 0 150px;

      max-width: 150px;

      padding: 0 5px;

      min-height: 200px;

    }

    .slider-contents .post-slider-title {

      padding: 0 10px;

      left: 5px;

      bottom: 10px;

      line-height: 1.5;

      overflow: auto;

      max-height: -webkit-max-content;

      max-height: -moz-max-content;

      max-height: max-content;

    }

    .slider-contents:after {

      margin: 95px 0 0 -35px;

    }

    .page-swipe-pagination {

      display: none;

    }

    .stickyFooterAdContainer {

      position: relative;

    }

    .post-date-info-container .last-date-label {

      display: inline !important;

    }

  }

  @media (min-width: 992px) {

    body {

      background-color: #f2f2f2 !important;

      padding-top: 0 !important;

    }

    .service-header-band {

      padding: 0 24px;

      line-height: 3.75rem;

      color: #fff !important;

      background-color: #013182;

      width: 100%;

      z-index: 99;

      -webkit-transition: all 0.2s ease-in-out;

      -o-transition: all 0.2s ease-in-out;

      transition: all 0.2s ease-in-out;

      height: auto;

      position: relative;

    }

    .service-header-band .service-header-band-inner {

      display: -webkit-inline-box;

      display: -ms-inline-flexbox;

      display: inline-flex;

    }

    .service-header-band .service-header-band-inner .service-name {

      padding-right: 24px;

      margin-right: 24px;

      font-size: 1.125rem;

      overflow: hidden;

      position: relative;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      color: #fff !important;

    }

    .service-header-band .service-header-band-inner .service-name:after,

    .service-header-band .service-header-band-inner .service-name:before {

      content: "";

      width: 37px;

      height: 2px;

      position: absolute;

      bottom: 0;

      margin: auto 0;

      right: 2px;

      top: 0;

      -webkit-box-shadow: inset 0 0 0 32px;

      box-shadow: inset 0 0 0 32px;

      -webkit-transform-origin: right;

      -ms-transform-origin: right;

      transform-origin: right;

    }

    .service-header-band .service-header-band-inner .service-name:before {

      -webkit-transform: rotate(55deg);

      -ms-transform: rotate(55deg);

      transform: rotate(55deg);

    }

    .service-header-band .service-header-band-inner .service-name:after {

      -webkit-transform: rotate(-55deg);

      -ms-transform: rotate(-55deg);

      transform: rotate(-55deg);

    }

    .service-header-band .service-header-band-inner .service-name a {

      color: #fff !important;

    }

    .service-header-band

      .iscroll-box-wrap

      .iscroll-box2

      .iscroll-box-inner

      ul {

      width: 100%;

      overflow: hidden;

      height: 60px;

      white-space: nowrap;

      list-style: none;

      text-align: left;

    }

    .service-header-band

      .iscroll-box-wrap

      .iscroll-box2

      .iscroll-box-inner

      ul

      .service-menu-item {

      padding-right: 24px;

    }

  }

  @media (min-width: 992px) and (max-width: 1200px) {

    .service-header-band

      .iscroll-box-wrap

      .iscroll-box2

      .iscroll-box-inner

      ul

      .service-menu-item {

      padding-right: 15px;

    }

  }

  @media (min-width: 992px) {

    .service-header-band

      .iscroll-box-wrap

      .iscroll-box2

      .iscroll-box-inner

      ul

      .service-menu-item

      a {

      color: #fff;

      padding: 5px 0;

    }

  }

  @media (min-width: 992px) and (max-width: 1200px) {

    .service-header-band

      .iscroll-box-wrap

      .iscroll-box2

      .iscroll-box-inner

      ul

      .service-menu-item

      a {

      font-size: 15px;

    }

  }

  @media (min-width: 992px) {

    .service-header-band

      .iscroll-box-wrap

      .iscroll-box2

      .iscroll-box-inner

      ul

      .service-menu-item

      a:hover {

      opacity: 0.7;

    }

  }

  @media (min-width: 992px) {

    .service-header-band

      .iscroll-box-wrap

      .iscroll-box2

      .iscroll-box-inner

      ul

      .service-menu-item.active

      a {

      border-bottom: 2px solid #fff;

    }

  }

  @media (min-width: 992px) {

    .service-header-band

      .iscroll-box-wrap

      .iscroll-box2

      .iscroll-box-inner

      ul

      .service-menu-item.colored-background {

      padding: 0 24px !important;

      margin: 0 24px 0 0;

    }

    .service-header-band

      .iscroll-box-wrap

      .iscroll-box2

      .iscroll-box-inner

      ul

      .service-menu-item.colored-background.red {

      background: #cc2a2b;

    }

  }

  @media (min-width: 992px) {

    .service-header-band

      .iscroll-box-wrap

      .iscroll-box2

      .iscroll-box-inner

      ul

      .service-menu-item

      .subMenu {

      display: none;

      position: absolute;

      background: #013182;

      border-top: 1px solid #292d30;

      margin: -1px 0 0 -20px;

      font-size: 15px;

      padding: 6px;

      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);

      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);

      max-width: 200px;

    }

    .service-header-band

      .iscroll-box-wrap

      .iscroll-box2

      .iscroll-box-inner

      ul

      .service-menu-item

      .subMenu

      li {

      line-height: 1;

      overflow: hidden;

    }

    .service-header-band

      .iscroll-box-wrap

      .iscroll-box2

      .iscroll-box-inner

      ul

      .service-menu-item

      .subMenu

      li

      a {

      display: block;

      padding: 7px 14px;

    }

  }

  @media (min-width: 992px) {

    .service-header-band

      .iscroll-box-wrap

      .iscroll-box2

      .iscroll-box-inner

      ul

      .service-menu-item:hover

      .subMenu {

      display: block;

    }

  }

  @media (min-width: 992px) {

    .service-header-band .iscroll-box-wrap:after,

    .service-header-band .iscroll-box-wrap:before {

      background: rgba(0, 0, 0, 0);

    }

  }

  @media (min-width: 992px) {

    .service-header-band

      .iscroll-box-wrap

      .iscroll-box2

      .iscroll-box-inner {

      position: relative;

    }

  }

  @media (min-width: 992px) {

    .service-header-band .iscroll-box-wrap {

      position: relative;

      height: auto;

    }

  }

  @media (min-width: 992px) {

    .service-header-band .iscroll-box-wrap .iscroll-box2 {

      position: relative;

    }

  }

  @media (min-width: 992px) {

    .service-header-band

      .iscroll-box-wrap

      .iscroll-box2

      .iscroll-box-inner

      ul

      li {

      padding: 0;

    }

  }

  @media (min-width: 992px) and (max-width: 1100px) {

    .service-menu-list .service-menu-item {

      padding-right: 1rem !important;

    }

  }

  @media (min-width: 992px) {

    .post-comments {

      position: relative;

      padding-top: 24px;

      padding-bottom: 24px;

      margin-bottom: 24px;

    }

  }

  @media (min-width: 992px) {

    .post-comments .h-title {

      font-size: 1.125rem;

    }

  }

  @media (min-width: 992px) {

    .post-comments .h-title span {

      font-size: 1rem;

      font-weight: 400;

      padding-left: 1rem;

    }

  }

  @media (min-width: 992px) {

    .post-comments #tippani h5 {

      margin-top: 0;

    }

  }

  @media (min-width: 992px) {

    .post-comments:before {

      content: "";

      position: absolute;

      top: 0;

      height: 1px;

      background-color: #d8d8d8;

      width: calc(100% - 24px);

      left: 12px;

    }

  }

  @media (min-width: 992px) {

    #tipp-comment .tipp-rate a {

      -webkit-box-sizing: content-box !important;

      box-sizing: content-box !important;

    }

  }

  @media (min-width: 992px) {

    @-webkit-keyframes push-comment {

      0% {

        -webkit-transform: translate(610px);

        transform: translate(610px);

      }

      to {

        -webkit-transform: translate(0);

        transform: translate(0);

      }

    }

    @keyframes push-comment {

      0% {

        -webkit-transform: translate(610px);

        transform: translate(610px);

      }

      to {

        -webkit-transform: translate(0);

        transform: translate(0);

      }

    }

  }

  @media (min-width: 992px) {

    .comment-module-type-push {

      -webkit-animation-name: push-comment;

      animation-name: push-comment;

      -webkit-animation-duration: 0.5s;

      animation-duration: 0.5s;

      width: 690px;

      -webkit-box-shadow: -3px 0 12px -3px rgba(25, 25, 35, 0.06),

        inset 1px 0 0 #e2e2e2;

      box-shadow: -3px 0 12px -3px rgba(25, 25, 35, 0.06),

        inset 1px 0 0 #e2e2e2;

      position: fixed;

      height: auto;

      min-width: 440px;

      z-index: 99999;

      top: 0;

      right: 0;

      bottom: 0;

      background: #fff;

      padding: 0;

      overflow: visible !important;

    }

  }

  @media (min-width: 992px) {

    .comment-module-type-push #tippani h5 {

      text-align: center;

      font-size: 28px;

      font-weight: 700;

      position: fixed;

      top: 0;

      width: 580px;

      background: #fff;

      z-index: 2;

      padding: 30px 0 20px;

      margin: 0;

    }

  }

  @media (min-width: 992px) {

    .comment-module-type-push #post-comments {

      overflow-y: scroll;

      height: 100%;

      padding: 40px !important;

      position: relative;

    }

  }

  @media (min-width: 992px) {

    .comment-module-type-push #topComentBox {

      position: fixed;

      top: 80px;

      width: 580px;

      background: #fff;

      z-index: 2;

    }

  }

  @media (min-width: 992px) {

    .comment-module-type-push #topComentBox ~ p {

      position: fixed;

      top: 150px;

      background: #fff;

      padding-bottom: 20px;

      margin-bottom: 0;

      z-index: 100;

    }

  }

  @media (min-width: 992px) {

    .comment-module-type-push #tippani {

      font-size: 14px;

      width: 100%;

      color: #3c4243;

      background: #fff;

      padding-top: 240px;

    }

  }

  @media (min-width: 992px) {

    .comment-module-type-push #tippani .in-between-ad {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      margin: 20px 0;

    }

  }

  @media (min-width: 992px) {

    .comment-module-type-push .close-button {

      position: fixed;

      top: 10px;

      margin-left: 15px;

      cursor: pointer;

      width: 18px;

      height: 18px;

      display: block;

      z-index: 3;

    }

  }

  @media (min-width: 992px) {

    .comment-module-type-push .close-button:after,

    .comment-module-type-push .close-button:before {

      background-color: #3059a4;

      height: 2px;

      width: 24px;

      top: 8px;

      left: -5px;

      border: none;

      border-width: 2px 0;

      margin: 0;

      position: absolute;

      -webkit-transition: all 0.2s ease-in-out;

      -o-transition: all 0.2s ease-in-out;

      transition: all 0.2s ease-in-out;

      content: "";

    }

  }

  @media (min-width: 992px) {

    .comment-module-type-push .close-button:after {

      -webkit-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

      transform: rotate(45deg);

    }

  }

  @media (min-width: 992px) {

    .comment-module-type-push .close-button:before {

      -webkit-transform: rotate(-45deg);

      -ms-transform: rotate(-45deg);

      transform: rotate(-45deg);

    }

  }

  @media (min-width: 992px) {

    .comment-module-type-push .col-md-4,

    .comment-module-type-push .col-md-8 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 100%;

      flex: 0 0 100%;

      max-width: 100%;

    }

  }

  @media (min-width: 992px) {

    body .comment-full-btn {

      background: #48699e;

    }

  }

  @media (min-width: 992px) {

    body .tipp-load-comments {

      background-position: 0;

      padding-left: 20px;

    }

  }

  @media (min-width: 992px) {

    body .tipp-load-comments:hover {

      background-color: rgba(0, 0, 0, 0);

      color: #2b333f;

    }

  }

  @media (min-width: 992px) {

    .comment-module-type-push .comment-full-btn {

      display: none;

    }

  }

  @media (min-width: 992px) {

    .comment-module-type-none-push

      #allCommentsContainer

      #tipp-comment

      .tipp-com-links,

    .comment-module-type-none-push

      #allCommentsContainer

      #tipp-comment

      .tipp-com-report,

    .comment-module-type-none-push #allCommentsContainer #tippani abbr,

    .comment-module-type-none-push #allCommentsContainer .comment-child-li,

    .comment-module-type-none-push

      #allCommentsContainer

      .comment-item-block,

    .comment-module-type-none-push

      #allCommentsContainer

      .tipp-load-comments,

    .comment-module-type-none-push #allCommentsContainer .tipp-tabs {

      display: none !important;

    }

  }

  @media (min-width: 992px) {

    .comment-module-type-none-push

      #allCommentsContainer

      .hiddenContainer

      p {

      margin-bottom: 0;

      padding-bottom: 0;

    }

  }

  @media (min-width: 992px) {

    .comment-module-type-none-push

      #allCommentsContainer

      .comment-item-block:first-child,

    .comment-module-type-none-push

      #allCommentsContainer

      .comment-item-block:nth-child(2) {

      display: block !important;

    }

  }

  @media (min-width: 992px) {

    .comment-module-type-none-push

      #allCommentsContainer

      .comment-item-block:nth-child(2)

      .tipp-com-links {

      border-bottom: none !important;

    }

  }

  @media (min-width: 992px) {

    .comment-module-type-none-push #allCommentsContainer #tippani h5 {

      margin-bottom: 5px !important;

    }

  }

  @media (min-width: 992px) {

    .comment-module-type-none-push

      #allCommentsContainer

      #tippani

      .tipp-text

      .buttons {

      position: relative;

      margin-top: -23px;

    }

  }

  @media (min-width: 992px) {

    .comment-module-type-none-push #allCommentsContainer #topComentBox {

      margin-top: 15px;

    }

  }

  @media (min-width: 992px) {

    #post-comments {

      margin-bottom: 0;

      padding-bottom: 0;

    }

  }

  @media (min-width: 992px) {

    .push-comment-open .comment-module-type-push {

      -webkit-transform: translate(0);

      -ms-transform: translate(0);

      transform: translate(0);

      -webkit-transition: all 0.2s ease-in-out;

      -o-transition: all 0.2s ease-in-out;

      transition: all 0.2s ease-in-out;

    }

  }

  @media (min-width: 992px) and (max-width: 768px) {

    .comment-module-type-push {

      width: 90%;

      min-width: 300px;

    }

    .comment-module-type-push #post-comments {

      overflow-y: scroll;

      height: 100%;

      padding: 10px !important;

      position: relative;

    }

    .comment-module-type-push #tippani h5 {

      font-size: 20px;

      width: 300px;

    }

    .comment-module-type-push #topComentBox {

      width: 280px;

    }

  }

  @media (min-width: 992px) {

    #comment-sticky-ads {

      -webkit-transform: translateX(-7px) !important;

      -ms-transform: translateX(-7px) !important;

      transform: translateX(-7px) !important;

    }

  }

  @media (min-width: 992px) {

    .push-comment-open #comment-sticky-ads {

      -webkit-transform: translateX(-38px) !important;

      -ms-transform: translateX(-38px) !important;

      transform: translateX(-38px) !important;

    }

  }

  @media (min-width: 992px) {

    .d-lg-flex {

      display: -webkit-box !important;

      display: -ms-flexbox !important;

      display: flex !important;

    }

  }

  @media (min-width: 992px) {

    .col-lg-1 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 8.333333%;

      flex: 0 0 8.333333%;

      max-width: 8.333333%;

    }

  }

  @media (min-width: 992px) {

    .col-lg-2 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 16.666667%;

      flex: 0 0 16.666667%;

      max-width: 16.666667%;

    }

  }

  @media (min-width: 992px) {

    .col-lg-3 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 25%;

      flex: 0 0 25%;

      max-width: 25%;

    }

  }

  @media (min-width: 992px) {

    .col-lg-4 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 33.333333%;

      flex: 0 0 33.333333%;

      max-width: 33.333333%;

    }

  }

  @media (min-width: 992px) {

    .col-lg-5 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 41.666667%;

      flex: 0 0 41.666667%;

      max-width: 41.666667%;

    }

  }

  @media (min-width: 992px) {

    .col-lg-6 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

      flex: 0 0 50%;

      max-width: 50%;

    }

  }

  @media (min-width: 992px) {

    .col-lg-7 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 58.333333%;

      flex: 0 0 58.333333%;

      max-width: 58.333333%;

    }

  }

  @media (min-width: 992px) {

    .col-lg-8 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 66.666667%;

      flex: 0 0 66.666667%;

      max-width: 66.666667%;

    }

  }

  @media (min-width: 992px) {

    .col-lg-9 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 75%;

      flex: 0 0 75%;

      max-width: 75%;

    }

  }

  @media (min-width: 992px) {

    .col-lg-10 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 83.333333%;

      flex: 0 0 83.333333%;

      max-width: 83.333333%;

    }

  }

  @media (min-width: 992px) {

    .col-lg-11 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 91.666667%;

      flex: 0 0 91.666667%;

      max-width: 91.666667%;

    }

  }

  @media (min-width: 992px) {

    .col-lg-12 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 100%;

      flex: 0 0 100%;

      max-width: 100%;

    }

  }

  @media (min-width: 992px) {

    .d-lg-inline {

      display: inline !important;

    }

  }

  @media (min-width: 992px) {

    .d-lg-block {

      display: block !important;

    }

  }

  @media (min-width: 992px) {

    .d-lg-none {

      display: none !important;

    }

  }

  @media (min-width: 992px) {

    .detail-content-box {

      width: calc(100% - 320px);

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

    }

  }

  @media (min-width: 992px) {

    .detail-content-box,

    .homeSectionOne {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

    }

    .homeSectionOne {

      padding: 0 0.625rem;

    }

  }

  @media (min-width: 992px) {

    .sliderPost {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 calc(100% - 320px);

      flex: 0 0 calc(100% - 320px);

      width: calc(100% - 320px) !important;

    }

  }

  @media (min-width: 992px) {

    .sidebarPost {

      padding-left: 1rem;

    }

  }

  @media (min-width: 992px) {

    .sidebarPost .col-6 {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 100%;

      flex: 0 0 100%;

      max-width: 100%;

    }

  }

  @media (min-width: 992px) {

    .sidebarPost .mb-3 {

      margin-bottom: 0 !important;

    }

  }

  @media (min-width: 992px) {

    .sidebarPost .col-6.p-1 {

      padding: 0 0 1rem;

    }

  }

  @media (min-width: 992px) {

    .sidebarPost .card {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      max-height: 94.2px;

    }

  }

  @media (min-width: 992px) {

    .sidebarPost .card.card-type-vertical.double h3 {

      height: 4rem;

      max-height: none;

      font-size: 0.95rem;

      padding: 0;

    }

  }

  @media (min-width: 992px) {

    .sidebarPost .card-media {

      -webkit-box-flex: 1;

      -ms-flex: 1;

      flex: 1;

    }

  }

  @media (min-width: 992px) {

    .sidebarPost .card-media a {

      height: 100%;

    }

  }

  @media (min-width: 992px) {

    .sidebarPost .card-media img {

      width: 100%;

      height: 100%;

      -o-object-fit: cover;

      object-fit: cover;

    }

  }

  @media (min-width: 992px) {

    .sidebarPost .card-body {

      -webkit-box-flex: 2;

      -ms-flex: 2;

      flex: 2;

      padding: 15.5px;

    }

  }

  @media (min-width: 992px) {

    .other-last-post-list .card .card-body .card-text-title {

      max-height: auto;

    }

  }

  @media (min-width: 992px) {

    .home-feature-post-list .p-1,

    .other-last-post-list .p-2,

    .other-post-list .p-1 {

      padding: 0.625rem;

    }

  }

  @media (min-width: 992px) {

    .swiper-container .carousel-title {

      font-size: 24px;

      line-height: 32px;

    }

  }

  @media (min-width: 992px) {

    .other-post-list .card {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: stretch;

      -ms-flex-align: stretch;

      align-items: stretch;

      max-height: 98px;

    }

  }

  @media (min-width: 992px) {

    .other-post-list .card-media {

      -webkit-box-flex: 1;

      -ms-flex: 1;

      flex: 1;

    }

  }

  @media (min-width: 992px) {

    .other-post-list .card-media a {

      height: 100%;

    }

  }

  @media (min-width: 992px) {

    .other-post-list .card-media img {

      width: 100%;

      height: 100%;

      -o-object-fit: cover;

      object-fit: cover;

    }

  }

  @media (min-width: 992px) {

    .other-post-list .card-body {

      -webkit-box-flex: 2;

      -ms-flex: 2;

      flex: 2;

      -ms-flex-item-align: center;

      align-self: center;

    }

  }

  @media (min-width: 992px) {

    .other-last-post-list .card .card-body .card-text-title,

    .other-post-list .card .card-body .card-text-title,

    .sidebarPost .card .card-body .card-text-title {

      font-size: 1rem;

      font-weight: 700;

      max-height: 2.75rem;

      overflow: hidden;

      margin-bottom: 0 !important;

      padding: 0;

    }

  }

  @media (min-width: 992px) {

    .other-last-post-list .card .card-body,

    .other-post-list .card .card-body {

      padding: 18px;

    }

  }

  @media (min-width: 992px) {

    .home-feature-post-list .card {

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

    }

  }

  @media (min-width: 992px) {

    .tag-container .card .card-body p {

      display: block;

      font-weight: 400;

      max-height: 4rem;

      overflow: hidden;

      line-height: 22px;

    }

  }

  @media (min-width: 992px) {

    .tag-container .card .card-body h3 {

      font-size: 18px;

    }

  }

  @media (min-width: 992px) {

    .tag-container .card.card-type-horizontal {

      margin-bottom: 1rem;

      max-height: 200px;

    }

    .tag-container .card.card-type-horizontal img {

      height: 200px;

      width: 100%;

      -o-object-fit: cover;

      object-fit: cover;

    }

  }

  @media (min-width: 992px) {

    .home-feature-post-list .card.card-type-horizontal .card-body,

    .home-feature-post-list .card.card-type-horizontal .card-media {

      -webkit-box-flex: 1;

      -ms-flex: auto;

      flex: auto;

    }

  }

  @media (min-width: 992px) {

    .tag-container .adv-item-box {

      margin-bottom: 1rem;

      margin-top: 0;

    }

  }

  @media (min-width: 992px) {

    .footer-desktop,

    .header-desktop {

      display: block;

    }

  }

  @media (min-width: 992px) {

    .footer-mobile,

    .header-mobile {

      display: none;

    }

  }

  @media (min-width: 992px) {

    .my-footer-default {

      padding-top: 24px;

      background: rgba(0, 0, 0, 0);

      border-top: none;

    }

    .my-footer-default .footer-social-channel,

    .my-footer-default .store-icons {

      display: none !important;

    }

    .my-footer-default .my-footer-dfault-links {

      display: block;

    }

  }

  @media (min-width: 992px) {

    .my-footer-dfault-links {

      text-align: center;

      padding: 10px 40px;

      width: 100%;

    }

  }

  @media (min-width: 992px) {

    .my-footer-dfault-links li {

      color: #295e92;

      font-size: 13px;

      font-weight: 400;

      display: inline-block;

      border-right: 1px solid;

      padding-right: 8px;

      padding-left: 3px;

      line-height: 12px;

    }

  }

  @media (min-width: 992px) {

    .my-footer-dfault-links li a {

      color: #013182;

    }

  }

  @media (min-width: 992px) {

    .my-footer-dfault-links li a:hover {

      color: #cc2a2b;

    }

  }

  @media (min-width: 992px) {

    .my-footer-default-cpr {

      margin: auto;

      text-align: center;

      font-size: 12px;

      color: #666;

      padding-bottom: 10px;

    }

  }

  @media (min-width: 992px) {

    .my-footer-default-cpr a {

      padding: 0 5px;

    }

  }

  @media (min-width: 992px) {

    .col-lg-320 {

      -webkit-box-flex: 0 !important;

      -ms-flex: 0 0 320px !important;

      flex: 0 0 320px !important;

      max-width: 320px !important;

      padding: 0 10px;

      width: 320px !important;

    }

  }

  @media (min-width: 992px) {

    .margin-left-auto-lg {

      margin-left: auto !important;

    }

  }

  @media (min-width: 992px) {

    .flex-lg-row {

      -webkit-box-orient: horizontal !important;

      -ms-flex-direction: row !important;

      flex-direction: row !important;

    }

  }

  @media (min-width: 992px) {

    .flex-column-lg,

    .flex-lg-row {

      -webkit-box-direction: normal !important;

    }

    .flex-column-lg {

      -webkit-box-orient: vertical !important;

      -ms-flex-direction: column !important;

      flex-direction: column !important;

    }

  }

  @media (min-width: 992px) {

    .shadow-lg-none {

      -webkit-box-shadow: none !important;

      box-shadow: none !important;

    }

  }

  @media (min-width: 992px) {

    .stickyCloseBtn {

      display: none !important;

    }

  }

  @media (min-width: 992px) {

    .stickyFooterAdContainer .sticky-footer-adv {

      position: relative;

      -webkit-box-shadow: none !important;

      box-shadow: none !important;

      margin-bottom: 20px;

      height: auto;

    }

  }

  @media (min-width: 992px) {

    .img-lg-120px {

      width: 120px !important;

    }

  }

  @media (min-width: 992px) {

    .max-h-lg-70 {

      max-height: 70px;

      overflow: hidden;

    }

  }

  @media (min-width: 992px) {

    .detail-page {

      padding-bottom: 0 !important;

    }

  }

  @media (min-width: 992px) {

    .stickyFooterAdContainer .sticky-footer-adv {

      margin-top: 20px;

      background: rgba(0, 0, 0, 0);

    }

  }

  @media (min-width: 992px) {

    .detail-page-wrapper {

      padding: 28px 18px;

      background: #fff;

      position: relative;

      z-index: 9;

    }

  }

  @media (min-width: 992px) {

    body.push-comment-open .detail-page-wrapper {

      z-index: unset !important;

    }

  }

  @media (min-width: 992px) {

    .px-lg-0 {

      padding-left: 0 !important;

      padding-right: 0 !important;

    }

  }

  @media (min-width: 992px) {

    .py-lg-0 {

      padding-bottom: 0 !important;

      padding-top: 0 !important;

    }

  }

  @media (min-width: 992px) {

    .post-title {

      font-size: 2.5rem;

      letter-spacing: -0.1px;

      line-height: 1.17;

      margin-bottom: 0.75rem;

      color: #000;

    }

  }

  @media (min-width: 992px) {

    .post-spot {

      color: #404040;

      font-size: 1.2rem;

      line-height: 1.52;

      margin-bottom: 12px;

      font-weight: 400;

      letter-spacing: 0.2px;

    }

  }

  @media (min-width: 992px) {

    .detail-content-inner {

      margin-bottom: 24px;

      line-height: 1.63;

    }

    .detail-content-inner .adv-content-inner {

      width: auto !important;

      float: left;

      padding: 0.875rem 2.25rem 1.75rem 0;

      margin-left: 0;

    }

  }

  @media (min-width: 992px) {

    .breadcrumb li:nth-last-child(2):after {

      content: ">" !important;

    }

  }

  @media (min-width: 992px) {

    .post-date-for-none-mobile {

      font-size: 13px;

      color: grey;

      display: block !important;

    }

    .post-date-for-none-mobile strong {

      color: grey;

    }

  }

  @media (min-width: 992px) {

    .social-share-show-title {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      font-size: 0.75rem;

      margin-bottom: 5px;

      font-weight: 700;

    }

    .social-share-show-title .paylas-title {

      width: 176px;

    }

    .social-share-show-title .comment-title {

      -webkit-box-flex: 1;

      -ms-flex: 1;

      flex: 1;

    }

  }

  @media (min-width: 992px) {

    .share-box {

      width: 100%;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      position: relative;

      z-index: 7;

    }

    .share-box > .share.comment-part {

      margin-left: 20px;

    }

    .share-box > .share.comment-part .my-icon {

      position: relative;

    }

    .share-box > .share.comment-part .my-icon strong {

      position: absolute;

      top: 0;

      left: 48px;

      font-size: 10px;

      white-space: nowrap;

      display: block;

      height: 40px;

      line-height: 33px;

      color: #999;

    }

  }

  @media (min-width: 992px) {

    .detail-post-info {

      font-size: 100%;

      position: relative;

      z-index: 99;

    }

  }

  @media (min-width: 992px) {

    .module-type-share1 {

      display: none !important;

    }

  }

  @media (min-width: 992px) {

    .gallery-item .gallery-item-exerpt {

      margin-top: 12px;

      margin-bottom: 24px;

    }

  }

  @media (min-width: 992px) {

    .btnBackHome {

      display: none !important;

    }

  }

  @media (min-width: 992px) {

    .my-icon.icon-comment-1:before {

      display: inline;

    }

  }

  @media (min-width: 992px) {

    body .fixed-media {

      position: fixed;

      padding-bottom: 0;

      height: 225px;

      width: 400px;

      right: 0;

      bottom: 0;

      margin: 0;

      border: 5px solid;

      -webkit-box-sizing: content-box;

      box-sizing: content-box;

      z-index: 11;

      -webkit-animation: video-fixed 0.3s ease-out;

      animation: video-fixed 0.3s ease-out;

      -webkit-animation-iteration-count: 1;

      animation-iteration-count: 1;

      -ms-transform-origin: 100% 100%;

      -webkit-transform-origin: 100% 100%;

      transform-origin: 100% 100%;

      background: #000;

    }

  }

  @media (min-width: 992px) {

    body .fixed-media .close {

      display: block !important;

      cursor: pointer;

      top: -20px;

      left: -5px;

      width: 18px;

      height: 15px;

      position: absolute;

      background: #22252a;

      color: #fff;

      padding-left: 0;

      padding-top: 2px;

      text-align: center;

      border-radius: 3px;

    }

  }

  @media (min-width: 992px) {

    body .fixed-media .close span {

      color: #fff;

      font-size: 0.75rem;

      display: block;

      width: 9px;

    }

  }

  @media (min-width: 992px) {

    .content-swipe-btn {

      display: none !important;

    }

  }

  @media (min-width: 992px) {

    .most-find-news-container {

      padding: 0 0.625rem;

    }

  }

  @media (min-width: 992px) {

    .most-find-news-container .container {

      -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);

      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);

    }

  }

  @media (min-width: 992px) {

    .category-homepage .sidebarPost .card {

      max-height: 96.1px;

    }

  }

  @media (min-width: 992px) {

    .category-homepage .sidebarPost .card-body {

      padding: 16.5px;

    }

  }

  @media (min-width: 992px) {

    .detail-wrapper .cmsDirect {

      display: block;

    }

  }

  @media (min-width: 992px) {

    .slider-contents li {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 190px;

      flex: 0 0 190px;

      max-width: 190px;

      padding: 0 5px;

      min-height: 200px;

    }

  }

  @media (min-width: 992px) {

    .swiper-container.detail-page-swiper {

      z-index: unset;

      display: initial;

    }

    .swiper-container.detail-page-swiper .swiper-slide,

    .swiper-container.detail-page-swiper .swiper-wrapper {

      -webkit-transform: none;

      -ms-transform: none;

      transform: none;

      z-index: unset;

    }

  }

  @media (min-width: 992px) {

    .my-open-menu .close-menu.my-menu-toggle {

      display: none !important;

    }

  }

  @media (min-width: 992px) {

    .login-box-m {

      display: none;

    }

  }

  @media (min-width: 992px) {

    .login-box-d {

      display: block;

    }

  }

  @media (min-width: 992px) {

    .stickyFooterAdContainer {

      position: relative;

      z-index: unset;

      bottom: unset;

      left: unset;

    }

  }

  @media (min-width: 992px) {

    .post-date-info-container .data-author,

    .post-date-info-container .date-info-text {

      display: inline !important;

    }

    .post-date-info-container .created-date {

      display: inline;

    }

  }

  @media (min-width: 992px) {

    .iscroll-box-wrap:after,

    .iscroll-box-wrap:before {

      z-index: 0;

    }

  }

  @media (min-width: 992px) {

    .iscroll-box-wrap .iscroll-box2 .iscroll-box-inner ul {

      padding: 0 20px 0 0;

    }

  }

  @media (min-width: 992px) {

    .sidebar-sticky-adv {

      position: sticky;

      top: 0;

    }

  }

  .third-party-news-box {

    margin-bottom: 24px;

    overflow: hidden;

  }

  .third-party-news-box .card-type-list {

    padding-top: 6px;

    padding-bottom: 6px;

  }

  .third-party-news-box .card-type-list .card-body {

    padding: 0.732rem 0;

    white-space: nowrap;

    overflow: hidden;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

  }

  .third-party-news-categories.bbc-turkce .logo {

    background: #dd0300;

  }

  .third-party-news-categories.dw-turkce .logo {

    background: #0387dd;

  }

  .third-party-news-categories.amerikanin-sesi .logo {

    background: #3c54b5;

  }

  @media (max-width: 575px) {

    .third-party-news-categories .card-type-feed {

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

    }

  }

  .service-menu-item .subMenu li.dpara a {

    background: #4aa33a;

  }

  .service-menu-item .subMenu li.dpara a .ico {

    height: 20px;

    vertical-align: sub;

  }

  .service-menu-item .subMenu li.dpara a:hover {

    opacity: 1;

    background: #419831;

  }

  @media only screen and (max-width: 1100px) {

    .service-header-band .service-menu-list .service-menu-item {

      padding-right: 12px !important;

    }

    .service-header-band .service-menu-list .service-menu-item a {

      font-size: 14px;

    }

    .service-header-band

      .service-menu-list

      .service-menu-item.colored-background {

      padding: 0 12px !important;

      margin: 0 12px 0 0;

    }

  }

  .easy-autocomplete {

    position: relative;

  }

  .easy-autocomplete input {

    border-radius: 4px;

    border: 1px solid #ccc;

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;

    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

    color: #555;

    float: none;

    padding: 6px 12px;

  }

  .easy-autocomplete input:focus,

  .easy-autocomplete input:hover {

    -webkit-box-shadow: none;

    box-shadow: none;

  }

  .easy-autocomplete a {

    display: block;

  }

  .easy-autocomplete.eac-blue-light input:focus,

  .easy-autocomplete.eac-blue-light input:hover,

  .easy-autocomplete.eac-blue-light ul {

    border-color: #66afe9;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,

      0 0 8px rgba(102, 175, 233, 0.6);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),

      0 0 8px rgba(102, 175, 233, 0.6);

  }

  .easy-autocomplete.eac-blue-light ul .eac-category,

  .easy-autocomplete.eac-blue-light ul li {

    border-color: #66afe9;

  }

  .easy-autocomplete.eac-blue-light ul .eac-category.selected,

  .easy-autocomplete.eac-blue-light ul li.selected {

    background-color: #ecf5fc;

  }

  .easy-autocomplete.eac-green-light input:focus,

  .easy-autocomplete.eac-green-light input:hover,

  .easy-autocomplete.eac-green-light ul {

    border-color: #41db00;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,

      0 0 8px rgba(146, 237, 107, 0.6);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),

      0 0 8px rgba(146, 237, 107, 0.6);

  }

  .easy-autocomplete.eac-green-light ul .eac-category,

  .easy-autocomplete.eac-green-light ul li {

    border-color: #41db00;

  }

  .easy-autocomplete.eac-green-light ul .eac-category.selected,

  .easy-autocomplete.eac-green-light ul li.selected {

    background-color: #9eff75;

  }

  .easy-autocomplete.eac-red-light input:focus,

  .easy-autocomplete.eac-red-light input:hover,

  .easy-autocomplete.eac-red-light ul {

    border-color: #ff5b5b;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,

      0 0 8px rgba(255, 90, 90, 0.6);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),

      0 0 8px rgba(255, 90, 90, 0.6);

  }

  .easy-autocomplete.eac-red-light ul .eac-category,

  .easy-autocomplete.eac-red-light ul li {

    border-color: #ff5b5b;

  }

  .easy-autocomplete.eac-red-light ul .eac-category.selected,

  .easy-autocomplete.eac-red-light ul li.selected {

    background-color: #ff8e8e;

  }

  .easy-autocomplete.eac-yellow-light input:focus,

  .easy-autocomplete.eac-yellow-light input:hover,

  .easy-autocomplete.eac-yellow-light ul {

    border-color: #ffdb00;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,

      0 0 8px rgba(255, 231, 84, 0.6);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),

      0 0 8px rgba(255, 231, 84, 0.6);

  }

  .easy-autocomplete.eac-yellow-light ul .eac-category,

  .easy-autocomplete.eac-yellow-light ul li {

    border-color: #ffdb00;

  }

  .easy-autocomplete.eac-yellow-light ul .eac-category.selected,

  .easy-autocomplete.eac-yellow-light ul li.selected {

    background-color: #ffe233;

  }

  .easy-autocomplete.eac-dark-light input:focus,

  .easy-autocomplete.eac-dark-light input:hover,

  .easy-autocomplete.eac-dark-light ul {

    border-color: #333;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,

      0 0 8px rgba(55, 55, 55, 0.6);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),

      0 0 8px rgba(55, 55, 55, 0.6);

  }

  .easy-autocomplete.eac-dark-light ul .eac-category,

  .easy-autocomplete.eac-dark-light ul li {

    border-color: #333;

  }

  .easy-autocomplete.eac-dark-light ul .eac-category.selected,

  .easy-autocomplete.eac-dark-light ul li.selected {

    background-color: #4d4d4d;

    color: #fff;

  }

  .easy-autocomplete.eac-dark {

    color: #fff;

  }

  .easy-autocomplete.eac-dark input {

    background-color: #404040;

    border-radius: 4px;

    -webkit-box-shadow: 0;

    box-shadow: 0;

    color: #f6f6f6;

  }

  .easy-autocomplete.eac-dark input:focus,

  .easy-autocomplete.eac-dark input:hover {

    border-color: #333;

    -webkit-box-shadow: 0;

    box-shadow: 0;

  }

  .easy-autocomplete.eac-dark ul {

    border-color: #333;

  }

  .easy-autocomplete.eac-dark ul .eac-category,

  .easy-autocomplete.eac-dark ul li {

    background-color: #404040;

    border-color: #333;

  }

  .easy-autocomplete.eac-dark ul .eac-category.selected,

  .easy-autocomplete.eac-dark ul li.selected {

    background-color: #737373;

    color: #f6f6f6;

  }

  .easy-autocomplete.eac-dark-glass {

    color: #fff;

  }

  .easy-autocomplete.eac-dark-glass input {

    background-color: rgba(0, 0, 0, 0.8);

    border-radius: 4px;

    -webkit-box-shadow: 0;

    box-shadow: 0;

    color: #f6f6f6;

  }

  .easy-autocomplete.eac-dark-glass input:focus,

  .easy-autocomplete.eac-dark-glass input:hover {

    border-color: rgba(0, 0, 0, 0.8);

    -webkit-box-shadow: 0;

    box-shadow: 0;

  }

  .easy-autocomplete.eac-dark-glass ul {

    border-color: rgba(0, 0, 0, 0.8);

  }

  .easy-autocomplete.eac-dark-glass ul .eac-category,

  .easy-autocomplete.eac-dark-glass ul li {

    background-color: rgba(0, 0, 0, 0.8);

    border-color: rgba(0, 0, 0, 0.8);

  }

  .easy-autocomplete.eac-dark-glass ul .eac-category.selected,

  .easy-autocomplete.eac-dark-glass ul li.selected {

    background-color: rgba(64, 64, 64, 0.8);

    color: #f6f6f6;

  }

  .easy-autocomplete.eac-dark-glass ul .eac-category:last-child,

  .easy-autocomplete.eac-dark-glass ul li:last-child {

    border-radius: 0 0 4px 4px;

  }

  .easy-autocomplete.eac-blue {

    color: #fff;

  }

  .easy-autocomplete.eac-blue input {

    background-color: #6d9ed1;

    border-radius: 4px;

    -webkit-box-shadow: 0;

    box-shadow: 0;

    color: #f6f6f6;

  }

  .easy-autocomplete.eac-blue input::-webkit-input-placeholder {

    color: #f6f6f6;

  }

  .easy-autocomplete.eac-blue input:-moz-placeholder,

  .easy-autocomplete.eac-blue input::-moz-placeholder {

    color: #f6f6f6;

  }

  .easy-autocomplete.eac-blue input:-ms-input-placeholder {

    color: #f6f6f6;

  }

  .easy-autocomplete.eac-blue input:focus,

  .easy-autocomplete.eac-blue input:hover {

    border-color: #5a91cb;

    -webkit-box-shadow: 0;

    box-shadow: 0;

  }

  .easy-autocomplete.eac-blue ul {

    border-color: #5a91cb;

  }

  .easy-autocomplete.eac-blue ul .eac-category,

  .easy-autocomplete.eac-blue ul li {

    background-color: #6d9ed1;

    border-color: #5a91cb;

  }

  .easy-autocomplete.eac-blue ul .eac-category.selected,

  .easy-autocomplete.eac-blue ul li.selected {

    background-color: #94b8dd;

    color: #f6f6f6;

  }

  .easy-autocomplete.eac-yellow {

    color: #333;

  }

  .easy-autocomplete.eac-yellow input {

    background-color: #ffdb7e;

    border-radius: 4px;

    color: #333;

  }

  .easy-autocomplete.eac-yellow input,

  .easy-autocomplete.eac-yellow input:focus,

  .easy-autocomplete.eac-yellow input:hover {

    border-color: #333;

    -webkit-box-shadow: 0;

    box-shadow: 0;

  }

  .easy-autocomplete.eac-yellow ul {

    border-color: #333;

  }

  .easy-autocomplete.eac-yellow ul .eac-category,

  .easy-autocomplete.eac-yellow ul li {

    background-color: #ffdb7e;

    border-color: #333;

  }

  .easy-autocomplete.eac-yellow ul .eac-category.selected,

  .easy-autocomplete.eac-yellow ul li.selected {

    background-color: #ffe9b1;

    color: #333;

  }

  .easy-autocomplete.eac-purple {

    color: #333;

  }

  .easy-autocomplete.eac-purple input {

    background-color: #d6d1e7;

    border-color: #b8afd5;

    -webkit-box-shadow: 0;

    box-shadow: 0;

    color: #333;

  }

  .easy-autocomplete.eac-purple input:focus,

  .easy-autocomplete.eac-purple input:hover {

    border-color: #333;

    -webkit-box-shadow: 0;

    box-shadow: 0;

  }

  .easy-autocomplete.eac-purple ul {

    border-color: #333;

  }

  .easy-autocomplete.eac-purple ul .eac-category,

  .easy-autocomplete.eac-purple ul li {

    background-color: #d6d1e7;

    border-color: #333;

  }

  .easy-autocomplete.eac-purple ul .eac-category.selected,

  .easy-autocomplete.eac-purple ul li.selected {

    background-color: #ebe8f3;

    color: #333;

  }

  .easy-autocomplete.eac-bootstrap input {

    border-radius: 4px;

    border: 1px solid #ccc;

    color: #555;

    padding: 6px 12px;

  }

  .easy-autocomplete-container {

    left: 0;

    position: absolute;

    width: 100%;

    z-index: 2;

  }

  .easy-autocomplete-container ul {

    background: #fff;

    display: none;

    margin-top: 0;

    padding-bottom: 0;

    padding-left: 0;

    position: relative;

    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);

  }

  .easy-autocomplete-container ul .eac-category,

  .easy-autocomplete-container ul li {

    display: block;

    font-size: 12px;

    font-weight: 400;

    padding: 8px 10px;

    line-height: 110%;

    border-bottom: 1px solid #ccc;

  }

  .easy-autocomplete-container ul li:last-child {

    border-radius: 0 0 2px 2px;

    border-width: 0 1px 1px;

  }

  .easy-autocomplete-container ul li.selected {

    background: none repeat scroll 0 0 #ebebeb;

    cursor: pointer;

  }

  .easy-autocomplete-container ul li.selected div {

    font-weight: 400;

  }

  .easy-autocomplete-container ul li div {

    display: block;

    font-weight: 400;

    word-break: break-all;

  }

  .easy-autocomplete-container ul li b {

    font-weight: 700;

  }

  .easy-autocomplete-container ul .eac-category {

    background: #e9e9e9;

    font-weight: 600;

    font-size: 14px;

    color: #343a40;

    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);

    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);

  }

  .eac-description .eac-item span {

    color: #aaa;

    font-style: italic;

    font-size: 0.9em;

  }

  .eac-icon-left .eac-item img {

    margin-right: 4px;

    max-height: 30px;

  }

  .eac-icon-right .eac-item {

    margin-top: 8px;

    min-height: 24px;

    position: relative;

  }

  .eac-icon-right .eac-item img {

    margin-left: 4px;

    max-height: 30px;

    position: absolute;

    right: -4px;

    top: -8px;

  }

  .service-menu-right-search {

    display: none;

  }

  @media (min-width: 992px) and (max-width: 1120px) {

    .service-header-band

      .iscroll-box-wrap

      .iscroll-box2

      .iscroll-box-inner

      ul

      .service-menu-item {

      padding-right: 10px;

    }

    .service-header-band

      .iscroll-box-wrap

      .iscroll-box2

      .iscroll-box-inner

      ul

      .service-menu-item.colored-background {

      padding: 0 12px !important;

      margin: 0 10px 0 0;

    }

  }

  .service-sub-band {

    background: #fff;

    color: #687077;

    margin-bottom: 24px;

  }

  .service-sub-band a {

    color: inherit;

  }

  .service-sub-band .widget-data-bar {

    background: #464c52;

    overflow: auto;

  }

  .service-sub-band .widget-data-bar a {

    color: #fff;

  }

  .service-sub-band .widget-data-bar::-webkit-scrollbar {

    width: 0;

    height: 0;

    display: none;

  }

  .service-sub-band .line:not(:first-child) {

    border-top: 1px solid #515457;

  }

  .service-sub-band .menu {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: nowrap;

    flex-wrap: nowrap;

    font-size: 14px;

    list-style: none;

    overflow: auto;

    margin: 0;

    padding: 0;

  }

  .service-sub-band .menu li > a {

    display: block;

    padding: 0 10px;

    line-height: 40px;

    position: relative;

    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content;

  }

  .service-sub-band .menu li > a.current:before,

  .service-sub-band .menu li > a:hover:before {

    content: "";

    position: absolute;

    top: 0;

    width: 100%;

    height: 4px;

    left: 0;

    right: 0;

    background: #464c52;

  }

  .service-sub-band .links {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    padding: 8px 10px 9px 0;

  }

  .service-sub-band .links li > a {

    display: block;

  }

  .service-sub-band .rate {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    font-size: 13px;

    padding: 8px 25px;

    margin: 0;

    list-style: none;

  }

  .service-sub-band .rate li {

    margin: 0;

  }

  .service-sub-band .rate li.gcm-viop {

    position: absolute;

    left: 0;

  }

  .service-sub-band .rate li > a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: 0 10px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .service-sub-band .rate li > a .change-icon {

    margin-right: 8px;

  }

  .service-sub-band .rate li > a span {

    white-space: nowrap;

  }

  .service-sub-band .rate li > a span.name {

    padding-right: 5px;

  }

  .service-sub-band .rate li > a.my-icon:before {

    font-size: 20px;

    left: 0;

    width: auto;

    top: 0;

  }

  .most-comment-shares

    .order-type:checked

    + .line.sub-title

    .value

    .service-sub-band

    .rate

    li

    > a.my-icon:before,

  .most-viewed-shares

    .order-type:checked

    + .line.sub-title

    .value

    .service-sub-band

    .rate

    li

    > a.my-icon:before,

  .service-sub-band

    .rate

    .most-comment-shares

    .order-type:checked

    + .line.sub-title

    .value

    li

    > a.my-icon:before,

  .service-sub-band

    .rate

    .most-viewed-shares

    .order-type:checked

    + .line.sub-title

    .value

    li

    > a.my-icon:before,

  .service-sub-band .rate li > a.icon-up-dir:before {

    color: #a0f574;

  }

  .most-comment-shares

    .line.sub-title

    .value

    .service-sub-band

    .rate

    li

    > a.my-icon:before,

  .most-viewed-shares

    .line.sub-title

    .value

    .service-sub-band

    .rate

    li

    > a.my-icon:before,

  .service-sub-band

    .rate

    .most-comment-shares

    .line.sub-title

    .value

    li

    > a.my-icon:before,

  .service-sub-band

    .rate

    .most-viewed-shares

    .line.sub-title

    .value

    li

    > a.my-icon:before,

  .service-sub-band .rate li > a.icon-down-dir:before {

    color: #ff6d6d;

  }

  .service-sub-band .rate li > a.icon-minus:before {

    font-size: 16px;

    top: 3px;

  }

  .service-sub-band .rate li > a .name {

    font-weight: 700;

  }

  .service-sub-band-container {

    width: 100%;

    margin-right: auto;

    margin-left: auto;

    max-width: 1040px;

  }

  @media (max-width: 1200px) {

    .service-sub-band .rate li.gcm-viop {

      position: relative;

    }

    .service-sub-band .menu li:nth-last-child(3) {

      display: none;

    }

  }

  @media (max-width: 768px) {

    .service-sub-band .rate {

      padding: 8px 10px;

    }

  }

  .last-news-list .card-body {

    white-space: nowrap;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    overflow: hidden;

    padding: 0.78rem 0;

  }

  .last-news-list .card-body:last-child {

    padding-bottom: 0;

  }

  .last-news-list .h-title {

    color: #fff;

    background: url(https://img7.mynet.com.tr/haber/rosetta/son-dakika-title-bg.png)

      no-repeat 100% #cc2a2b;

    padding: 17px 24px 14px;

    margin: -24px -24px 0;

    line-height: 1;

  }

  .last-news-list .h-title:hover a,

  .last-news-list .h-title a {

    color: #fff;

  }

  .last-news-list .more-link {

    margin-top: 1.4rem;

  }

  .last-news-list .more-link:hover .my-icon:before,

  .last-news-list .more-link:hover a {

    color: #cc2a2b;

  }

  .last-news-list .more-link a {

    font-size: 0.75rem;

    color: #cc2a2b;

    padding-right: 1rem;

  }

  .last-news-list .more-link .my-icon {

    color: #cc2a2b;

  }

  .last-news-list .more-link .my-icon:before {

    top: 5px;

    left: -8px;

    font-size: 10px;

  }

  .news-home-carousel .box-news-slider .carousel-article .carousel-title {

    bottom: -54px;

    white-space: nowrap;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    overflow: hidden;

    background: #000;

  }

  .news-home-carousel .box-news-slider article {

    margin-bottom: 54px;

  }

  .post-list-module .h-title {

    margin: 0 0 19px;

  }

  .post-list-module .card-type-feed {

    margin-bottom: 1.125rem;

  }

  .post-list-module .card-type-feed:last-child {

    margin-bottom: 0;

  }

  .post-list-module .card-type-feed .card-body {

    padding: 2.5px 0 2.5px 18px;

    height: 49px;

    overflow: hidden;

  }

  .post-list-module .card-type-feed .card-body .card-text-title {

    font-weight: 700;

  }

  .card-type-vertical .card-body {

    padding: 18px;

  }

  .card-type-vertical .card-body .card-text-title {

    max-height: 2.75rem;

    overflow: hidden;

  }

  @media (max-width: 1200px) {

    .post-list-module .card-type-feed {

      margin-bottom: 1.61rem;

    }

  }

  @media (max-width: 1000px) {

    .heading-tab {

      font-size: 12px !important;

    }

  }

  h2,

  h3 {

    font-size: 20px;

  }

  .d-h1 {

    font-size: 18px;

  }

  .d-h1 .more-link {

    color: #0a76c8;

    font-size: 16px;

  }

  .d-h1 a:hover {

    color: #0a76c8;

  }

  .card-media img {

    height: auto;

  }

  .small {

    font-size: 80%;

  }

  .smaller {

    font-size: 65%;

  }

  .space-x-50 {

    width: 50px;

  }

  .space-x-80 {

    width: 80px;

  }

  .mw-130 {

    min-width: 130px !important;

  }

  .my-page-list-container .select-box select {

    width: 160px;

  }

  .select-box {

    position: relative;

    border: 1px solid #dee2e6;

    height: 24px;

    border-radius: 8px;

    margin-left: 10px;

    padding: 0 1px;

  }

  .select-box select {

    height: 22px;

    border-radius: 12px;

    border: none;

    background: #fff;

    font-size: 12px;

    min-width: 100px;

    display: block;

    margin: 0;

  }

  .select-box select:focus {

    outline: none;

  }

  .select-box:after {

    right: 0;

    top: 0;

    bottom: 0;

    width: 36px;

    background: #418aff;

    border-radius: 0 7px 7px 0;

  }

  .select-box:after,

  .select-box:before {

    content: "";

    position: absolute;

    pointer-events: none;

  }

  .select-box:before {

    right: 12px;

    top: 4px;

    width: 15px;

    height: 20px;

    z-index: 2;

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjYzNyIgaGVpZ2h0PSIxOC4wMDIiPjxwYXRoIGQ9Ik0xLjA4NiAxNy44MTRhLjYzNy42MzcgMCAwMS0uOS0uOUw4LjEgOSAuMTg2IDEuMDg1Yy0uMjUtLjI1LS4yNS0uNjUgMC0uOXMuNjUtLjI1LjkgMEw5LjQ1IDguNTVjLjI0OC4yNS4yNDguNjUgMCAuOXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);

    background-repeat: no-repeat;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

  }

  .input-default {

    position: relative;

    border: 1px solid #dee2e6;

    height: 24px;

    border-radius: 8px;

    margin-left: 10px;

    padding: 0 5px;

  }

  .input-default input {

    border: none;

    height: 22px;

    font-size: 12px;

    margin: 0;

    padding: 0 5px;

    line-height: 22px;

    display: block;

  }

  .input-default input::-webkit-input-placeholder {

    color: #b5bbc1;

  }

  .input-default input::-moz-placeholder {

    color: #b5bbc1;

  }

  .input-default input:-ms-input-placeholder {

    color: #b5bbc1;

  }

  .input-default input::-ms-input-placeholder {

    color: #b5bbc1;

  }

  .input-default input::placeholder {

    color: #b5bbc1;

  }

  .input-box {

    position: relative;

    border: 1px solid #dee2e6;

    height: 24px;

    border-radius: 8px;

    margin-left: 10px;

    padding: 0 5px;

  }

  .input-box input {

    border: none;

    height: 22px;

    font-size: 12px;

    margin: 0;

    padding: 0 5px;

    line-height: 22px;

    display: block;

  }

  .input-box input::-webkit-input-placeholder {

    color: #b5bbc1;

  }

  .input-box input::-moz-placeholder {

    color: #b5bbc1;

  }

  .input-box input:-ms-input-placeholder {

    color: #b5bbc1;

  }

  .input-box input::-ms-input-placeholder {

    color: #b5bbc1;

  }

  .input-box input::placeholder {

    color: #b5bbc1;

  }

  .input-box:after {

    content: "";

    position: absolute;

    right: 5px;

    top: 5px;

    width: 13px;

    height: 13px;

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi41MSIgaGVpZ2h0PSIxMi41MSI+PHBhdGggZD0iTTguOTQxIDcuODY4aC0uNTY1bC0uMi0uMTkzYTQuNjU2IDQuNjU2IDAgMTAtLjUuNWwuMTkzLjJ2LjU2NWwzLjU3NiAzLjU2OSAxLjA2Ni0xLjA2NnptLTQuMjkyIDBhMy4yMTkgMy4yMTkgMCAxMTMuMjE5LTMuMjE5IDMuMjE0IDMuMjE0IDAgMDEtMy4yMTkgMy4yMTl6IiBmaWxsPSIjYjViYmMxIi8+PC9zdmc+);

    background-repeat: no-repeat;

  }

  .input-box.input-box-no-icon:after {

    display: none;

  }

  .change-icon {

    width: 14px;

    height: 11px;

    display: inline-block;

    background-repeat: no-repeat;

    background-position: 50%;

  }

  .change-icon.change-up {

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMSI+PHBhdGggZD0iTTcgMGw3IDExSDB6IiBmaWxsPSIjNWZmZmEzIi8+PC9zdmc+);

  }

  .change-icon.change-down {

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMSI+PHBhdGggZD0iTTcgMTFMMCAwaDE0eiIgZmlsbD0iI2ZmNWQ3ZCIvPjwvc3ZnPg==);

  }

  .change-icon.change-static {

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIzIj48cGF0aCBmaWxsPSIjOTBkYmU1IiBkPSJNMCAwaDE1djNIMHoiLz48L3N2Zz4=);

  }

  .svg-icon {

    width: 14px;

    height: 11px;

    display: inline-block;

    background-repeat: no-repeat;

    background-position: 50%;

  }

  .svg-icon.right-arrow {

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjU1NSIgaGVpZ2h0PSIxMC42MTUiPjxwYXRoIGQ9Ik0wIDEuMjQ2bDQuMDYgNC4wNkwwIDkuMzY3bDEuMjQ3IDEuMjQ3IDUuMzA4LTUuMzA4TDEuMjQ3LS4wMDF6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);

  }

  .fix-ad-image img {

    width: 100% !important;

    height: auto !important;

  }

  .module-title {

    font-size: 1.125rem;

    margin-bottom: 0.75rem;

  }

  .wfull {

    width: 100%;

  }

  .btn-finans-data-default {

    background: #418aff;

    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);

    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);

    border-radius: 5px;

    color: #fff;

    border: 1px solid #418aff;

    height: 24px;

    line-height: 22px;

    padding: 0 10px;

    font-size: 14px;

  }

  .btn-finans-data-default:hover {

    background: #fff;

    border-color: #418aff;

    color: #418aff;

  }

  .btn-finans-data-purple {

    background: #4b1283;

    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);

    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);

    border-radius: 5px;

    color: #fff !important;

    border: 1px solid #4b1283;

    height: 24px;

    line-height: 24px;

    padding: 0 10px;

    font-size: 12px;

  }

  .btn-finans-data-purple:hover {

    background: #fff;

    border-color: #4b1283;

    color: #4b1283 !important;

  }

  .in-house-banner-box .in-house-banner {

    text-align: center;

    border: 1px solid #d7d7d7;

    display: block;

    width: 100%;

  }

  .in-house-banner-box .in-house-banner span {

    display: inline-block;

    font-size: 24px;

    font-weight: 700;

    margin-right: 10px;

  }

  .in-house-banner-box .in-house-banner em {

    display: inline-block;

    font-size: 20px;

    margin-right: 10px;

    font-style: normal;

  }

  .in-house-banner-box .in-house-banner p {

    font-size: 22px;

    font-size: 15px;

    line-height: 40px;

    border-radius: 3px;

    font-weight: 700;

    background: #000;

    color: #fff;

    text-align: center;

    margin: 10px;

    border: 1px solid #fff;

  }

  .in-house-banner-box .in-house-banner.banner-box-blue span {

    color: #1a7ece;

  }

  .in-house-banner-box .in-house-banner.banner-box-blue p {

    background: #1a7ece;

  }

  .in-house-banner-box .in-house-banner.banner-box-blue:hover p {

    border: 1px solid #1a7ece;

    background: #fff;

    color: #1a7ece;

  }

  .in-house-banner-box .in-house-banner.banner-box-purple span {

    color: #99098e;

  }

  .in-house-banner-box .in-house-banner.banner-box-purple p {

    background: #99098e;

  }

  .in-house-banner-box .in-house-banner.banner-box-purple:hover p {

    border: 1px solid #99098e;

    background: #fff;

    color: #99098e;

  }

  .data-detay-page-heading {

    background: #f2f4f5;

  }

  .data-detay-page-heading .add-to-mypage {

    border: none;

    background: #e2e2e2;

    color: #fff;

    text-align: center;

    height: 35px;

    width: 60px;

    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);

    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);

    border-radius: 5px;

    font-size: 22px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  .data-detay-page-heading .add-to-mypage.remove {

    background: #ec8b18;

  }

  .data-detay-page-heading h1 {

    font-size: 20px;

    color: #ff6503;

    margin-bottom: 0;

  }

  .data-detay-page-heading .btn-stock-action {

    text-decoration: none;

    background: #5e78a9;

    color: #fff;

    padding: 5px 10px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    margin: 3px 0 0;

  }

  .data-detay-page-heading .dark-bar {

    background: #464c52;

    color: #fff;

    font-size: 14px;

  }

  .kap-detail-news-page {

    overflow: auto;

  }

  .kap-detail-news-page table {

    width: 100%;

  }

  .kap-detail-news-page table td,

  .kap-detail-news-page table th {

    padding: 5px;

  }

  .kap-detail-news-page table td:empty,

  .kap-detail-news-page table th:empty {

    padding: 0 !important;

  }

  .heading-bf-type-1 {

    background: #f2f4f5;

  }

  .spinner {

    margin: 10px auto 0;

    width: 70px;

    text-align: center;

  }

  .spinner > div {

    width: 18px;

    height: 18px;

    background-color: #4289ff;

    border-radius: 100%;

    display: inline-block;

    -webkit-animation: sk-bouncedelay 1.4s ease-in-out infinite both;

    animation: sk-bouncedelay 1.4s ease-in-out infinite both;

  }

  .spinner .bounce1 {

    -webkit-animation-delay: -0.32s;

    animation-delay: -0.32s;

  }

  .spinner .bounce2 {

    -webkit-animation-delay: -0.16s;

    animation-delay: -0.16s;

  }

  @-webkit-keyframes sk-bouncedelay {

    0%,

    80%,

    to {

      -webkit-transform: scale(0);

    }

    40% {

      -webkit-transform: scale(1);

    }

  }

  @keyframes sk-bouncedelay {

    0%,

    80%,

    to {

      -webkit-transform: scale(0);

      transform: scale(0);

    }

    40% {

      -webkit-transform: scale(1);

      transform: scale(1);

    }

  }

  .contentInputs input::-webkit-inner-spin-button,

  .contentInputs input::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;

  }

  td.up[cd="0"] {

    -webkit-animation-name: up;

    animation-name: up;

    color: #27ad8c;

  }

  td.up[cd="1"] {

    -webkit-animation-name: upFake;

    animation-name: upFake;

    color: #27ad8c;

  }

  td.down[cd="0"] {

    -webkit-animation-name: down;

    animation-name: down;

    color: #e64927;

  }

  td.down[cd="1"] {

    -webkit-animation-name: downFake;

    animation-name: downFake;

    color: #e64927;

  }

  tr td {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

  }

  @-webkit-keyframes down {

    0% {

      background: #fff;

    }

    50% {

      background: #ffa5b7;

    }

    to {

      background: #fff;

    }

  }

  @keyframes down {

    0% {

      background: #fff;

    }

    50% {

      background: #ffa5b7;

    }

    to {

      background: #fff;

    }

  }

  @-webkit-keyframes downFake {

    0% {

      background: #fff;

    }

    50% {

      background: #ffa5b7;

    }

    to {

      background: #fff;

    }

  }

  @keyframes downFake {

    0% {

      background: #fff;

    }

    50% {

      background: #ffa5b7;

    }

    to {

      background: #fff;

    }

  }

  @-webkit-keyframes up {

    0% {

      background: #fff;

    }

    50% {

      background: #beffd9;

    }

    to {

      background: #fff;

    }

  }

  @keyframes up {

    0% {

      background: #fff;

    }

    50% {

      background: #beffd9;

    }

    to {

      background: #fff;

    }

  }

  @-webkit-keyframes upFake {

    0% {

      background: #fff;

    }

    50% {

      background: #beffd9;

    }

    to {

      background: #fff;

    }

  }

  @keyframes upFake {

    0% {

      background: #fff;

    }

    50% {

      background: #beffd9;

    }

    to {

      background: #fff;

    }

  }

  .animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

  }

  .fadeOutUp {

    -webkit-animation-name: fadeOutUp;

    animation-name: fadeOutUp;

  }

  .fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

  }

  .fadeOutLeft {

    -webkit-animation-name: fadeOutLeft;

    animation-name: fadeOutLeft;

  }

  @-webkit-keyframes fadeOutUp {

    0% {

      opacity: 1;

    }

    to {

      opacity: 0;

      -webkit-transform: translate3d(0, -100%, 0);

      transform: translate3d(0, -100%, 0);

    }

  }

  @keyframes fadeOutUp {

    0% {

      opacity: 1;

    }

    to {

      opacity: 0;

      -webkit-transform: translate3d(0, -100%, 0);

      transform: translate3d(0, -100%, 0);

    }

  }

  @-webkit-keyframes fadeInDown {

    0% {

      opacity: 0;

      -webkit-transform: translate3d(0, -100%, 0);

      transform: translate3d(0, -100%, 0);

    }

    to {

      opacity: 1;

      -webkit-transform: translateZ(0);

      transform: translateZ(0);

    }

  }

  @keyframes fadeInDown {

    0% {

      opacity: 0;

      -webkit-transform: translate3d(0, -100%, 0);

      transform: translate3d(0, -100%, 0);

    }

    to {

      opacity: 1;

      -webkit-transform: translateZ(0);

      transform: translateZ(0);

    }

  }

  @-webkit-keyframes fadeOutLeft {

    0% {

      opacity: 1;

    }

    to {

      opacity: 0;

      -webkit-transform: translate3d(-100%, 0, 0);

      transform: translate3d(-100%, 0, 0);

    }

  }

  @keyframes fadeOutLeft {

    0% {

      opacity: 1;

    }

    to {

      opacity: 0;

      -webkit-transform: translate3d(-100%, 0, 0);

      transform: translate3d(-100%, 0, 0);

    }

  }

  .themeDarkBtn {

    background: #464c52;

    color: #fff;

    cursor: pointer;

    padding: 5px;

    border-radius: 3px;

    font-size: 14px;

  }

  .service-menu-right-search input#txtSearchMain {

    width: 148px;

    padding-left: 20px;

    margin-left: 0;

    height: 36px;

    border: 1px solid #fff;

    color: #777;

    text-align: left;

    background: url(//img7.mynet.com.tr/finans/search.png) no-repeat 118px

      #fff;

    background-size: 15px 15px;

    border-radius: 20px;

    font-size: 12px;

    line-height: 36px;

  }

  body.dark {

    background: #000 !important;

    color: #fff;

  }

  body.dark .my-footer-dfault-links li a {

    color: #ccc;

    text-decoration: underline;

  }

  body.dark .my-footer-default-cpr p {

    color: #ccc;

  }

  body.dark .card {

    background: #343a40 !important;

  }

  body.dark .input-box input {

    background: rgba(0, 0, 0, 0);

    color: #ccc;

  }

  body.dark .table-data.data-type-hisse th:first-child span {

    background: #000;

    color: #fff;

  }

  body.dark .heading-tab .active-tab {

    background: #000;

  }

  body.dark .heading-tab {

    color: #fff;

  }

  body.dark .bistDataContent .currentTime {

    color: #ccc;

  }

  body.dark .table-data tbody td {

    border-top: 1px solid #ccc;

  }

  body.dark .table-data tbody,

  body.dark .table-data tbody td a,

  body.dark .table-data thead {

    color: #fff;

  }

  body.dark .btn-table-action.btn-add {

    background: #464c52;

    border: 1px solid #464c52;

  }

  body.dark .service-sub-band .menu li > a {

    color: #fff;

  }

  body.dark .breadcrumb a.selected,

  body.dark .footer-text,

  body.dark .my-footer-default-cpr a {

    color: #ccc;

  }

  body.dark .bistDataContent .bistData strong {

    color: #ff5c7d;

  }

  body.dark td.up[cd="0"] {

    -webkit-animation-name: upDark;

    animation-name: upDark;

    color: #27ad8c;

  }

  body.dark td.up[cd="1"] {

    -webkit-animation-name: upDarkFake;

    animation-name: upDarkFake;

    color: #27ad8c;

  }

  body.dark td.down[cd="0"] {

    -webkit-animation-name: downDark;

    animation-name: downDark;

    color: #e64927;

  }

  body.dark td.down[cd="1"] {

    -webkit-animation-name: downDarkFake;

    animation-name: downDarkFake;

    color: #e64927;

  }

  body.dark tr td {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

  }

  body.dark .table-data tbody tr:nth-child(odd) {

    background: rgba(0, 0, 0, 0);

  }

  body.dark .my-login-box {

    color: #222;

  }

  body.dark .page-specialist-box {

    background: rgba(0, 0, 0, 0) !important;

  }

  @-webkit-keyframes downDark {

    0% {

      background: #343a40;

    }

    50% {

      background: #ffa5b7;

    }

    to {

      background: #343a40;

    }

  }

  @keyframes downDark {

    0% {

      background: #343a40;

    }

    50% {

      background: #ffa5b7;

    }

    to {

      background: #343a40;

    }

  }

  @-webkit-keyframes downDarkFake {

    0% {

      background: #343a40;

    }

    50% {

      background: #ffa5b7;

    }

    to {

      background: #343a40;

    }

  }

  @keyframes downDarkFake {

    0% {

      background: #343a40;

    }

    50% {

      background: #ffa5b7;

    }

    to {

      background: #343a40;

    }

  }

  @-webkit-keyframes upDark {

    0% {

      background: #343a40;

    }

    50% {

      background: #beffd9;

    }

    to {

      background: #343a40;

    }

  }

  @keyframes upDark {

    0% {

      background: #343a40;

    }

    50% {

      background: #beffd9;

    }

    to {

      background: #343a40;

    }

  }

  @-webkit-keyframes upDarkFake {

    0% {

      background: #343a40;

    }

    50% {

      background: #beffd9;

    }

    to {

      background: #343a40;

    }

  }

  @keyframes upDarkFake {

    0% {

      background: #343a40;

    }

    50% {

      background: #beffd9;

    }

    to {

      background: #343a40;

    }

  }

  body.dark .filterAlpha span {

    background: #464c52;

  }

  body.dark .filterAlpha span.selected {

    background: #000;

  }

  .place-holder-row td {

    height: 31px;

    background: -o-linear-gradient(

      left,

      #efefef 10%,

      #fff 40%,

      #efefef 60%

    );

    background: -webkit-gradient(

      linear,

      left top,

      right top,

      color-stop(10%, #efefef),

      color-stop(40%, #fff),

      color-stop(60%, #efefef)

    );

    background: linear-gradient(90deg, #efefef 10%, #fff 40%, #efefef 60%);

    background-size: 100% 1px;

    -webkit-animation-name: moving-gradient;

    animation-name: moving-gradient;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

  }

  @-webkit-keyframes moving-gradient {

    0% {

      background-position: -1200px 0;

    }

    to {

      background-position: 1200px 0;

    }

  }

  @keyframes moving-gradient {

    0% {

      background-position: -1200px 0;

    }

    to {

      background-position: 1200px 0;

    }

  }

  .my-modal-box {

    display: none;

    position: fixed;

    z-index: 999;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: #000;

    background-color: rgba(0, 0, 0, 0.4);

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

  .my-modal-box-content {

    background-color: #fefefe;

    margin: auto;

    padding: 20px;

    width: 80%;

    max-height: calc(100vh - 200px);

    height: auto;

    border: 1px solid #888;

    max-width: 600px;

    border-radius: 10px;

    overflow-y: auto;

  }

  .my-modal-box-content strong {

    display: block;

    font-size: 14px;

    margin-bottom: 20px;

  }

  .my-modal-box-content strong span {

    font-weight: 400;

    opacity: 0.7;

  }

  .my-modal-close {

    color: #aaa;

    float: right;

    font-size: 22px;

    font-weight: 700;

    line-height: 1;

  }

  .my-modal-close:focus,

  .my-modal-close:hover {

    color: #000;

    text-decoration: none;

    cursor: pointer;

  }

  .calender-events-table tbody strong {

    display: block;

    width: 70px;

    overflow: hidden;

    white-space: nowrap;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

  }

  .calender-events-table tbody span {

    display: block;

    line-height: 1.5;

    padding: 5px 0;

  }

  .event-star {

    display: inline-block !important;

    margin-left: 6px;

    margin-right: 6px;

    margin-top: 8px;

    height: 12px;

    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAMCAYAAAAQw/9NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjtJREFUeNq8lU1rE1EUhp87d/IxTdLYutF+uxGqIJVC0YUoRUkXShDpUsSVuHCt9B8UXOg/UBdV0IIFN+lGXJUqARctKIJgP2yVSpqk6Zhk5l7PBKP/YM4ww8zlPPflnHvOGbX/dAxHG9L534M63Z61UKDtT2ItyvXK8iyh9Ctgi2Q/+uJnIqs+OxEL50bOXt/hOScVPLDGLdKuwtB1QtOPs/1iRiXVDNZcwgbzhM0V/lpcnJvKtga1OJvAFrENUA6M3kYlxgg2l0mYbdk2VUQpaNfvycdmJBQX57hea9a2/SLBIfg+5E6Ddwzleaj8BNZvgvFRgV9UBDe6mYiLc2WlYIdvwsA1OPgGmRHZJiEODfSZO7I2jcoOEP5Yw355XEjCo45STJyLaU/SqkDvKei7AMEehAd0ijYn8JGzWLnMxipOKMXctZg4F52B76+h/gnG56B/SupCdwCswv76iFl/iK69lWPo+acTF+dIW5VJ5GFvHXbeRG0GyaNSp3LrNOHPVdhdxkl7UQWV+d+OsXCONZQ6Ke7JSl1clWhGsdWv2MqavPehjk9jMyexrUZ0PqWuTlycEzYTL5VtLdEzDNJFYeUd5v1d+HALtbuAzg5hc+PYdriEYrErFBenagvDePn9846XuW+yE0UkEuVvSbqj5uqVoKYw9Y0l1dyaJ5lb0Zd3O0L15yOxcKr6ZBQtMyDVWxt0VGXWOskCOiddJ4MyaJQJ/BKpzCIqvRmNA31lpyNUk19kHNwfAQYAejlE03WlUqAAAAAASUVORK5CYII=")

      no-repeat;

  }

  .event-star-1 {

    width: 12px;

  }

  .event-star-2 {

    width: 26px;

  }

  .event-star-3 {

    width: 40px;

  }

  .table-data thead .live-data-heading th {

    line-height: 18px;

    padding: 5px 8px;

    vertical-align: middle;

  }

  .table-data thead .live-data-heading th span {

    display: block;

    font-weight: 400;

    font-size: 11px;

    color: #999;

    line-height: 1;

    padding: 0;

  }

  @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {

    .select-box select {

      width: 100px;

    }

    .heading-tab {

      font-size: 12px !important;

    }

  }

  ol.breadcrumb {

    padding: 0;

  }

  .post-list-module .card-type-feed .card-media a img {

    width: 86px;

    height: auto;

  }

  .adv-box .card-media img,

  .detail-sidebar-adv .card-media img {

    max-width: 100%;

  }

  .adv-box .card-body h3,

  .detail-sidebar-adv .card-body h3 {

    text-align: left;

    font-size: 16px;

    padding: 10px 0 0;

  }

  .finance-heading-new-bar {

    background: #464c52;

    color: #fff;

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: end;

    margin-bottom: 10px;

  }

  .finance-heading-new-bar .heading-new-bar-col-item {

    border-left: 1px solid #707070;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding: 18px 10px;

  }

  .finance-heading-new-bar .heading-new-bar-col-item.comment-button {

    padding-right: 0;

  }

  .finance-heading-new-bar .heading-new-bar-col-item:first-child {

    border: none;

  }

  .finance-heading-new-bar .heading-new-bar-col-item.unit-price {

    text-align: left;

    padding: 10px 0;

    margin-right: auto;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 160px;

    flex: 0 0 160px;

  }

  .finance-heading-new-bar .heading-new-bar-col-item.unit-price .label {

    margin-top: 0;

  }

  .finance-heading-new-bar

    .heading-new-bar-col-item.unit-price

    .data-value {

    font-size: 24px;

    font-weight: 700;

    line-height: 1;

  }

  .finance-heading-new-bar

    .heading-new-bar-col-item.unit-price

    .change-icon {

    -webkit-transform: translate(3px, -3px) scale(1.5);

    -ms-transform: translate(3px, -3px) scale(1.5);

    transform: translate(3px, -3px) scale(1.5);

  }

  .finance-heading-new-bar .button.btn-invert {

    border: none;

    border-radius: 5px;

    color: #343a40;

    background: #fff;

  }

  .finance-heading-new-bar .button.btn-invert:hover {

    border: none;

  }

  .finance-heading-new-bar .label {

    font-size: 12px;

    white-space: nowrap;

    margin-top: 3px;

  }

  .finance-heading-new-bar .data-value {

    font-size: 14px;

    font-weight: 700;

    display: block;

    line-height: 1;

    white-space: nowrap;

  }

  @media (max-width: 667px) {

    .finance-heading-new-bar {

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

      padding: 10px;

    }

    .finance-heading-new-bar .heading-new-bar-col-item {

      border: none;

      width: 100%;

      padding: 10px;

      position: relative;

      min-height: 22px;

    }

    .finance-heading-new-bar .heading-new-bar-col-item:first-child {

      -webkit-box-flex: inherit;

      -ms-flex: inherit;

      flex: inherit;

      margin-bottom: 0;

      padding: 5px 0;

      border-bottom: 1px solid #707070;

      min-height: 44px;

    }

    .finance-heading-new-bar .heading-new-bar-col-item:first-child .label {

      top: 13px;

    }

    .finance-heading-new-bar .heading-new-bar-col-item .data-value {

      position: absolute;

      right: 5px;

      top: 10px;

    }

    .finance-heading-new-bar .heading-new-bar-col-item .label {

      position: absolute;

      left: 5px;

      top: 5px;

      width: 110px;

      text-align: left;

    }

    .finance-heading-new-bar .heading-new-bar-col-item .label:after {

      content: " :";

      position: absolute;

      right: 0;

    }

    .finance-heading-new-bar .button.btn-invert {

      margin-top: 5px;

      width: 110px;

      margin-left: auto;

      margin-right: 5px;

    }

  }

  .how-much-page .infoDiv p {

    font-size: 16px;

    line-height: 26px;

  }

  .endeks-seo-info ul {

    list-style: none;

  }

  .endeks-seo-info ul li {

    margin: 0 0 5px;

    font-size: 14px;

    border-bottom: 1px solid #dee2e6;

    line-height: 28px;

  }

  .endeks-seo-info ul li span:first-child {

    min-width: 160px;

    display: inline-block;

    text-align: left;

  }

  .endeks-seo-info ul li span:nth-child(2) {

    font-weight: 600;

  }

  .accordion {

    margin-bottom: 15px;

    padding: 0;

    font-size: 14px;

    color: #343a40;

    background: #fff;

    border: 1px solid #e1e1e1;

    width: 100%;

  }

  .accordion .accordion-title {

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-align: center;

    -webkit-box-align: center;

    align-items: center;

    min-height: 45px;

    padding: 10px 20px;

    background: #fff;

    cursor: pointer;

    border-bottom: 1px solid #e1e1e1;

  }

  .accordion .accordion-title h5 {

    -ms-flex: 1;

    -webkit-box-flex: 1;

    flex: 1;

    margin: 0;

    padding: 0 20px 0 0;

    position: relative;

    text-decoration: none !important;

    font-weight: 600;

    font-size: inherit;

  }

  .accordion .accordion-title h5:before {

    font-size: 14px;

    font-family: fontello;

    font-style: normal;

    font-weight: 400;

    speak: none;

    position: absolute;

    display: inline-block;

    text-decoration: inherit;

    width: 100%;

    font-variant: normal;

    text-transform: none;

    line-height: 1em;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: "\E806";

    text-align: right;

    right: 0;

    top: 1px;

  }

  .accordion .accordion-title.active h5:before {

    content: "\E804";

    text-align: right;

    top: 1px;

    right: 0;

  }

  .accordion .accordion-content {

    display: none;

    padding: 24px 30px 35px;

    color: #000;

    background: #fcfcfc;

    border-bottom: 1px solid #e1e1e1;

  }

  .accordion .accordion-content p:last-child {

    margin-bottom: 0;

  }

  .accordion-description {

    text-align: center;

    font-size: 15px;

  }

  .accordion-description p a {

    text-decoration: underline;

  }

  .credit-boxes {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }

  .credit-box {

    text-align: center;

    border: 1px solid #d7d7d7;

    border-radius: 3px;

    width: 48%;

  }

  .credit-box > a {

    display: block;

    color: inherit;

    padding: 14px;

  }

  .credit-box .title {

    font-size: 20px;

  }

  .credit-box .title .strong {

    font-size: 30px;

    font-weight: 700;

  }

  .credit-box button {

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    font-size: 15px;

    line-height: 40px;

    border-radius: 3px;

    color: #fff;

    text-align: center;

    border: 1px solid;

    width: 100%;

    margin: 8px 0 0;

    padding-top: 3px;

  }

  .credit-box.blue .title .strong {

    color: #1a7ece;

  }

  .credit-box.blue button {

    background: #1a7ece;

    border-color: #1a7ece;

  }

  .credit-box.purple .title .strong {

    color: #99098e;

  }

  .credit-box.purple button {

    background: #99098e;

    border-color: #99098e;

  }

  .credit-box:hover button {

    background: #fff;

    font-size: 14px;

    font-weight: 700;

  }

  .credit-box:hover.blue button {

    color: #1a7ece;

  }

  .credit-box:hover.purple button {

    color: #99098e;

  }

  .col-sidebar .most-viewed-shares .line-list,

  .col-sidebar .most-viewed-shares .sub-title {

    background: #fff;

  }

  .detail-sidebar-adv:not(:first-child, :last-child) {

    margin-bottom: 2rem;

  }

  .tradingview-widget-container .card {

    min-height: 610px;

  }

  #tradingviewChart {

    display: none;

  }

  .buy-landing-page-1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    margin-bottom: 0;

    background: #fff;

  }

  .buy-landing-page-1 .live-exchange-screen-img {

    display: block;

    width: 400px;

    height: auto;

    margin-top: 20px;

  }

  .buy-landing-page-1 .form-wrapper {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding: 30px;

  }

  .buy-landing-page-1 .form-wrapper input,

  .buy-landing-page-1 .form-wrapper select {

    background: #fff;

    border: 1px solid hsla(0, 0%, 100%, 0.18);

    color: #232323;

    border-radius: 6px;

    padding: 10px;

  }

  .buy-landing-page-1 .form-head h2 {

    font-size: 28px;

  }

  .buy-landing-page-1 .form-head p {

    font-size: 16px;

    color: #fff;

  }

  .buy-landing-page-1 .form-box .input-row-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

  }

  .buy-landing-page-1 .form-box {

    margin: 0 -5px;

  }

  .buy-landing-page-1 .form-action-box h3 {

    font-size: 23px;

    margin: 5px;

  }

  .buy-landing-page-1 .form-box .input-row-box input,

  .buy-landing-page-1 .form-box .input-row-box select {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    font-size: 16px;

    height: 38px;

    margin: 0 5px 10px;

  }

  .buy-landing-page-1 .form-info-box {

    font-size: 12px;

  }

  .buy-landing-page-1 .form-box .input-row-box.input-3 input {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    font-size: 16px;

    height: 38px;

    width: 110px;

  }

  .buy-landing-page-1 .form-box .input-row-box.input-3 select {

    -webkit-box-flex: 100px;

    -ms-flex: 100px;

    flex: 100px;

    font-size: 16px;

    height: 38px;

  }

  .buy-landing-page-1 .button-row-box .button {

    width: auto;

    height: 80px;

    border-radius: 5px;

    text-align: center;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    margin: 10px 5px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: 18px;

    color: #fff;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    text-decoration: none !important;

  }

  .buy-landing-page-1 .button-row-box .button:hover {

    opacity: 0.9;

  }

  .buy-landing-page-1 .button-row-box .button:hover * {

    text-decoration: none !important;

  }

  .buy-landing-page-1 .button-row-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 20px;

  }

  .buy-landing-page-1 .button-row-box .button.buy {

    background: #f56332;

  }

  .buy-landing-page-1 .button-row-box .button.go-on {

    background: #c1c1c1;

  }

  .buy-landing-page-1 ::-webkit-input-placeholder {

    color: #232323 !important;

    opacity: 1;

  }

  .buy-landing-page-1 ::-moz-placeholder {

    color: #232323 !important;

    opacity: 1;

  }

  .buy-landing-page-1 :-ms-input-placeholder {

    color: #232323 !important;

    opacity: 1;

  }

  .buy-landing-page-1 ::-ms-input-placeholder {

    color: #232323 !important;

    opacity: 1;

  }

  .buy-landing-page-1 ::placeholder {

    color: #232323 !important;

    opacity: 1;

  }

  .buy-landing-page-1 :-ms-input-placeholder {

    color: #fff;

  }

  .buy-landing-page-1 ::-ms-input-placeholder {

    color: #fff;

  }

  .buy-landing-page-1 .left {

    -webkit-box-flex: 4;

    -ms-flex: 4;

    flex: 4;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    color: #222;

  }

  .buy-landing-page-1 .left .wrapper {

    width: 410px;

    margin: 0 auto;

  }

  .buy-landing-page-1 .left .title {

    font-size: 45px;

    margin: 0 0 20px;

    line-height: 1;

    letter-spacing: 2px;

    word-spacing: 4px;

  }

  .buy-landing-page-1 .left .title .small {

    display: block;

    font-size: 30px;

    padding-bottom: 5px;

  }

  .buy-landing-page-1 .left .title .bg {

    position: relative;

  }

  .buy-landing-page-1 .left .title .bg:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 9px;

    width: 100%;

    height: 30%;

    background: #f2c946;

    z-index: 1;

  }

  .buy-landing-page-1 .left .title span span {

    position: relative;

    z-index: 3;

  }

  .buy-landing-page-1 .left .desc {

    font-size: 16px;

    line-height: 1.5;

  }

  .buy-landing-page-1 .right {

    -webkit-box-flex: 5;

    -ms-flex: 5;

    flex: 5;

    background: #464c52;

    color: #fff;

    padding: 0;

    position: relative;

    width: 50%;

  }

  .buy-landing-page-1 .right .wrapper {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    height: 100%;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .buy-landing-page-1

    .right

    .product-list

    .product-box

    .product-price

    .yellow {

    color: #f2c946;

  }

  .buy-landing-page-1

    .right

    .product-list

    .product-box

    .product-price

    .currency {

    font-size: 24px;

    display: block;

    color: #9ec1c9;

    margin: 8px 0;

  }

  .buy-landing-page-1

    .right

    .product-list

    .product-box

    .product-price

    .currency.line-through {

    position: relative;

  }

  .buy-landing-page-1

    .right

    .product-list

    .product-box

    .product-price

    .currency.line-through:after {

    content: "";

    position: absolute;

    left: -10px;

    right: -10px;

    top: 14px;

    height: 1px;

    background: #f2c946;

    -webkit-transform: rotate(172deg);

    -ms-transform: rotate(172deg);

    transform: rotate(172deg);

  }

  .buy-landing-page-1 .right .product-list .product-box .product-button {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    background: #f56332;

    color: #fff;

    width: 180px;

    height: 65px;

    font-size: 26px;

    border-radius: 5px;

    margin-top: auto;

    text-decoration: none !important;

  }

  .buy-landing-page-1 .premium-live-exchange_footer {

    width: 100%;

    background: #fff;

    padding: 0 20px 20px;

    margin: -5px auto auto;

    text-align: center;

  }

  .buy-landing-page-1 .input-box {

    position: relative;

    height: auto;

    border-radius: 0;

    border: none;

    padding: 0;

    margin: 0;

  }

  .buy-landing-page-1 .input-box:after {

    background: none;

  }

  .buy-landing-page-1 .input-box em {

    display: block;

    margin: -5px 0 10px 15px;

    color: #ffeb3b;

    font-style: normal;

    font-size: 14px;

  }

  #address-error {

    color: #ffeb3b;

    font-style: normal;

    margin-top: 12px;

  }

  .yazarDetailInfo {

    background: #f1f1f1;

  }

  .yazarDetailInfo .detailText span {

    display: block;

    margin: 0 0 5px;

    text-align: right;

    font-size: 14px;

  }

  .yazarDetailInfo .detailText span.website {

    font-size: 12px;

    text-decoration: underline;

  }

  .yazarDetailInfo .imageAndName .name strong {

    display: block;

  }

  .yazarDetailInfo .imageAndName img {

    width: 100px;

    height: 100px;

    -o-object-fit: cover;

    object-fit: cover;

  }

  .yazarDetailInfo .imageAndName .name em {

    display: block;

    font-style: normal;

  }

  .calender-events-table-container {

    position: relative;

  }

  .calender-events-table-container #calendarLoader {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 3;

    background: hsla(0, 0%, 100%, 0.8);

  }

  .calender-events-table-container #calendarLoader .spinner {

    position: relative;

    top: 75px;

  }

  .animate-down {

    -webkit-animation-name: animate-down;

    animation-name: animate-down;

  }

  .animate-down,

  .animate-up {

    -webkit-animation-duration: 0.5s;

    animation-duration: 0.5s;

  }

  .animate-up {

    -webkit-animation-name: animate-up;

    animation-name: animate-up;

  }

  @-webkit-keyframes animate-down {

    0% {

      color: #fff;

    }

    to {

      color: #ff5c7d;

    }

  }

  @keyframes animate-down {

    0% {

      color: #fff;

    }

    to {

      color: #ff5c7d;

    }

  }

  @-webkit-keyframes animate-up {

    0% {

      color: #fff;

    }

    to {

      color: #5effa3;

    }

  }

  @keyframes animate-up {

    0% {

      color: #fff;

    }

    to {

      color: #5effa3;

    }

  }

  .datepicker {

    position: absolute;

    top: 9px;

    right: 24px;

  }

  .datepicker .form-control {

    border: none;

    background-color: #c74b4c;

    color: #fff;

  }

  .most-viewed-shares {

    background: #fff;

  }

  .most-viewed-shares .module-title {

    padding: 8px 12px;

    background: #464c52;

    color: #fff;

    line-height: 1.2;

    font-size: 13px;

    margin: 0;

  }

  .most-viewed-shares .module-title span.icon {

    display: inline-block;

    margin: 0 10px 0 0;

  }

  .most-viewed-shares .line-list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    background: #fff;

  }

  .most-viewed-shares .line {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: 7.5px 20px;

    font-size: 13px;

    font-weight: 600;

    border-top: 0.5px solid #e2e2e2;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .most-viewed-shares .line .name {

    -webkit-box-flex: 3;

    -ms-flex: 3;

    flex: 3;

    padding-right: 10px;

  }

  .most-viewed-shares .line .name a {

    color: #283593;

    font-size: 12px;

    font-weight: 600;

  }

  .most-viewed-shares .line .value {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    text-align: right;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .most-viewed-shares .line .value .scrollBar {

    width: 100%;

    height: 10px;

    border-radius: 5px 0 0 5px;

    overflow: hidden;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .most-viewed-shares .line .value .scrollBar .bar {

    height: 100%;

    display: block;

    border-radius: 5px;

    background: #687077;

  }

  .most-viewed-shares .line .value .scrollBar .bar[data-item="5"] {

    width: 100%;

  }

  .most-viewed-shares .line .value .scrollBar .bar[data-item="4"] {

    width: 80%;

  }

  .most-viewed-shares .line .value .scrollBar .bar[data-item="3"] {

    width: 60%;

  }

  .most-viewed-shares .line .value .scrollBar .bar[data-item="2"] {

    width: 40%;

  }

  .most-viewed-shares .line .value .scrollBar .bar[data-item="1"] {

    width: 20%;

  }

  .most-viewed-shares .line .value .scrollBar .bar[data-item="0"] {

    width: 10%;

  }

  .most-viewed-shares .line.sub-title {

    border: none;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .most-viewed-shares .line.sub-title .name {

    padding: 4px 13px;

    color: #283593;

    background: #e6e9ff;

    border-radius: 14px;

    display: table;

    -webkit-box-flex: 0;

    -ms-flex: 0;

    flex: 0;

    font-size: 14px;

    font-weight: 400;

  }

  .most-viewed-shares .line.sub-title .value {

    -webkit-box-flex: 3;

    -ms-flex: 3;

    flex: 3;

  }

  .most-viewed-shares .line.sub-title .value .my-icon {

    color: inherit;

    padding-right: 18px;

    margin: 0;

    cursor: pointer;

  }

  .most-viewed-shares .line.sub-title .value .my-icon:before {

    font-size: 20px;

    width: auto;

    right: 0;

    top: -1px;

  }

  .most-viewed-shares .order-type:checked + div + .line-list {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }

  .most-comment-shares .module-title {

    padding: 8px 12px;

    background: #464c52;

    color: #fff;

    line-height: 1.2;

    font-size: 13px;

    margin: 0;

  }

  .most-comment-shares .module-title span.icon {

    display: inline-block;

    margin: 0 10px 0 0;

  }

  .most-comment-shares .line-list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  .most-comment-shares .line {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: 7.5px 20px;

    font-size: 13px;

    font-weight: 600;

    border-top: 0.5px solid #e2e2e2;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .most-comment-shares .line .name {

    -webkit-box-flex: 3;

    -ms-flex: 3;

    flex: 3;

  }

  .most-comment-shares .line .name a {

    color: #283593;

    font-size: 12px;

    font-weight: 600;

  }

  .most-comment-shares .line .value {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    text-align: right;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .most-comment-shares .line .value .scrollBar {

    width: 100%;

    height: 10px;

    border-radius: 5px 0 0 5px;

    overflow: hidden;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .most-comment-shares .line .value .scrollBar .bar {

    height: 100%;

    display: block;

    border-radius: 5px;

    background: #687077;

  }

  .most-comment-shares .line .value .scrollBar .bar[data-item="6"] {

    width: 100%;

  }

  .most-comment-shares .line .value .scrollBar .bar[data-item="5"] {

    width: 80%;

  }

  .most-comment-shares .line .value .scrollBar .bar[data-item="4"] {

    width: 60%;

  }

  .most-comment-shares .line .value .scrollBar .bar[data-item="3"] {

    width: 40%;

  }

  .most-comment-shares .line .value .scrollBar .bar[data-item="2"] {

    width: 20%;

  }

  .most-comment-shares .line .value .scrollBar .bar[data-item="1"] {

    width: 10%;

  }

  .most-comment-shares .line.sub-title {

    border: none;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .most-comment-shares .line.sub-title .name {

    padding: 4px 13px;

    color: #283593;

    background: #e6e9ff;

    border-radius: 14px;

    display: table;

    -webkit-box-flex: 0;

    -ms-flex: 0;

    flex: 0;

    font-size: 14px;

    font-weight: 400;

  }

  .most-comment-shares .line.sub-title .value {

    -webkit-box-flex: 3;

    -ms-flex: 3;

    flex: 3;

  }

  .most-comment-shares .line.sub-title .value .my-icon {

    color: inherit;

    padding-right: 18px;

    margin: 0;

    cursor: pointer;

  }

  .most-comment-shares .line.sub-title .value .my-icon:before {

    font-size: 20px;

    width: auto;

    right: 0;

    top: -1px;

  }

  .most-comment-shares .order-type:checked + div + .line-list {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }

  .cursor-pointer {

    cursor: pointer;

  }

  .button.btn-invert {

    border: 1px solid #343a40;

    border-radius: 5px;

    background: rgba(0, 0, 0, 0);

    color: #343a40;

  }

  .button.btn-invert svg path {

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

  }

  .button.btn-invert:hover {

    border: 1px solid #343a40;

    border-radius: 5px;

    background: #343a40;

    color: #fff;

  }

  .button.btn-invert:hover svg path {

    fill: #fff;

    -webkit-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

  }

  .button.style1 {

    background: #4aa33a;

    color: #fff;

  }

  .button.style1:hover {

    background: #419831;

  }

  .button.style2 {

    background: #c2185b;

    color: #fff;

  }

  .button.style2:hover {

    background: #b11351;

  }

  .button.style3 {

    background: #1c80b4;

    color: #fff;

  }

  .button.style3:hover {

    background: #1371a2;

  }

  .button.style4 {

    background: #234d5f;

    color: #fff;

  }

  .button.style4:hover {

    background: #133a4a;

  }

  .button.style5 {

    background-color: #ad2626;

    color: #fff;

  }

  .button.style5:hover {

    background: #a21919;

  }

  .button.style6 {

    background: #581cb4;

    color: #fff;

  }

  .button.style6:hover {

    background: #4f19a0;

  }

  .mainButtons .button {

    text-align: left;

    margin: 0 0 6.67px;

    height: auto;

  }

  .mainButtons .button.my-icon {

    padding-left: 47px;

  }

  .mainButtons .button.my-icon:before {

    font-size: 20px;

    width: auto;

    left: 5%;

    top: 24%;

  }

  .mainButtons .button.icon-dpara .ico {

    height: 23px;

    margin: -6px 2px -4px -6px;

  }

  .mainButtons .button.icon-instant .ico {

    height: 25px;

    margin: -7px 2px -5px -6px;

  }

  .bt-canliborsa {

    background-color: #1c80b4;

    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgpJREFUeNrsmM1LAkEYxjULKfMiiZ3KoqgO4c2j17AwsFtBB6E6dO0SRCR1SLwkURfrD5Cgbn0cugRdKoKgQ2QUlQRdorQOlsj2TE0wTbvrrkY7xD7wA3dm3p2Hd3bGd9cqSZJFZFVZBJdp8DcMSgwJM4Omwb9RG2gRzSDx0ge2QRr4SGO1AMZcIALGQSvfaaTBJjADBkGtTH/W6CW+pcdaHGRk+iURnsFTkAIOUXexh24KF71+Yvqef8ugF6yAIzABbBrjSNa2aDxRDgTAEMiD4udCf1eClF86qAcZ7h5xDXE2sMnEFEAP0+8H3o9SsEKDIemn8sBZIi7JxYwoja10if0ybXZwADoUYqbAKHMdA6uKM1SQwQB4k5SVA/1czDA3JgWsavOUa7ALPDJxV2AOBMEud88obV+kz9qX9oG91FzlGGwE10zMOXBzGyAmqSsNGrQkQ69BBzhmxt+BZoWxYfAiY64I2rU+SnoM8kdDFnSXmCAiY/BVz0mhZxcvg176mxykIfpXpaY1cC/Tpl0aMzjJLdGAjix0gg363C2AOj0ZLGXQB5a4MWM6D/OKUKsHp8Es1xYFSRHeSdy0mGRVAPOivDR5ZKqSGuAUxeAZuOTaDsGDKAZJLRYEO+AGrIOwERWt2ia5oCYNFakk2A+EJ2BPpDd43qD56ePfGSSbxGpm0DRooN4FGAAF1uNNOTgsjQAAAABJRU5ErkJggg==");

    color: #fff;

    background-repeat: no-repeat;

    background-position: 10px;

    background-size: 20px 20px;

    padding: 0 0 0 40px;

    font-size: 16px;

    height: 40px;

    line-height: 40px;

    border-radius: 0;

  }

  .bt-canliborsa:hover {

    background-color: #1371a2;

  }

  .mainButtons {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .mainButtons ul {

    width: 100%;

  }

  .mainButtons .btnNew {

    padding: 6px 15px;

    background: #fff;

    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);

    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin: 0 0 5px;

    font-size: 18px;

  }

  .mainButtons .btnNew span.icon {

    display: inline-block;

    margin: 0 20px 0 0;

  }

  .mainButtons .btnNew:hover svg,

  .mainButtons .btnNew:hover svg path {

    fill: #fff;

  }

  .mainButtons .btnNew:hover.style1 {

    background: #581cb4;

    color: #fff;

  }

  .mainButtons .btnNew:hover.style2 {

    background: #1b80b3;

    color: #fff;

  }

  .mainButtons .btnNew:hover.style3 {

    background: #c2175b;

    color: #fff;

  }

  .mainButtons .btnNew:hover.style4 {

    background: #fc5713;

    color: #fff;

  }

  .mainButtons .btnNew:hover.style5 {

    background: #234d5f;

    color: #fff;

  }

  .mainButtons .btnNew.style1 {

    color: #581cb4;

  }

  .mainButtons .btnNew.style2 {

    color: #1b80b3;

  }

  .mainButtons .btnNew.style3 {

    color: #c2175b;

  }

  .mainButtons .btnNew.style4 {

    color: #fc5713;

  }

  .mainButtons .btnNew.style5 {

    color: #234d5f;

  }

  .buttonsContent {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    margin: 10px 0 0;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .buttonsContent .w50 {

    width: calc(50% - 7.5px);

    margin-right: 15px;

  }

  .buttonsContent .w50:nth-child(2n + 2) {

    margin-right: 0;

  }

  .buttonsContent .w33 {

    width: calc(33% - 8px);

    margin-right: 15px;

  }

  .buttonsContent .w33:nth-child(3n + 3) {

    margin-right: 0;

  }

  .buttonsContent .w100 {

    width: 100%;

  }

  .buttonsContent .btn {

    color: #fff;

    font-size: 15px;

    font-weight: 500;

    padding: 0;

    line-height: 36px;

    text-align: center;

    display: inline-block;

    margin-bottom: 15px;

    border-radius: 5px;

    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);

  }

  .buttonsContent .btn:hover {

    opacity: 0.7;

  }

  .buttonsContent .btn.bg1 {

    background: #418aff;

  }

  .buttonsContent .btn.bg2 {

    background: #2d6ed5;

  }

  .buttonsContent .btn.bg3 {

    background: #283593;

  }

  .buttonsContent .btn.bg4 {

    background: #131e6c;

  }

  .buttonsContent .btn.bg5 {

    background: #6a1b9a;

  }

  .buttonsContent .btn.bg6 {

    background: #4b1283;

  }

  .breadcrumb {

    padding: 10px 15px;

  }

  .breadcrumb a {

    font-size: 14px;

    color: #687077;

    font-weight: 400;

  }

  .breadcrumb a.selected {

    color: #0a76c8;

    font-weight: 600;

  }

  .btn-default {

    background: #428aff;

    color: #fff;

    margin: 10px 20px 20px;

    line-height: 30px;

    text-align: center;

    width: calc(100% - 40px);

    border: 1px solid #428aff;

  }

  .btn-default:hover {

    color: #428aff;

    background: #fff;

  }

  .btn-link {

    color: #0a76c8;

  }

  .btn-link:hover {

    color: #428aff;

  }

  .event-desc-btn {

    font-weight: 700;

    cursor: pointer;

  }

  .crypto-currency-convertor

    input[type="number"]::-webkit-inner-spin-button,

  .crypto-currency-convertor

    input[type="number"]::-webkit-outer-spin-button {

    -webkit-appearance: none;

  }

  .crypto-currency-convertor input[type="number"] {

    -moz-appearance: textfield;

  }

  .crypto-currency-convertor .price {

    font-size: 12px;

    margin: -12px 0 0;

    padding: 12px 0 12px 40px;

    position: relative;

    color: #ababab;

  }

  .crypto-currency-convertor .price:before {

    content: "";

    position: absolute;

    left: 25px;

    top: 0;

    width: 2px;

    height: 100%;

    background: #d8d8d8;

  }

  .crypto-currency-convertor .price:after {

    content: "";

    position: absolute;

    top: 14px;

    left: 21px;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: #d8d8d8;

  }

  .crypto-currency-convertor .buy-button {

    text-transform: uppercase;

  }

  .footer-text {

    font-size: 11px;

    text-align: center;

    background: #fff;

    color: #1a1a1a;

    padding: 20px;

    margin-top: 24px;

  }

  .footer-text p {

    color: inherit;

    margin-bottom: 10px;

  }

  .footer-text p:last-child {

    margin-bottom: 0;

  }

  .table-data thead th:first-child span,

  .table-data thead th:nth-child(2) span,

  .table-data thead th span {

    border-radius: 10px;

    font-weight: 400;

    line-height: 22px;

    text-align: center;

    margin-top: 4px;

    padding: 4px 8px;

  }

  .table-data.data-type-hisse th:first-child span,

  .table-data.data-type-hisse th:nth-child(2) span {

    background: #e6e9ff;

    line-height: 16px;

  }

  .table-data.data-type-varant th:first-child span,

  .table-data.data-type-varant th:nth-child(2) span {

    background: #f0d8ff;

    line-height: 16px;

  }

  .table-data .thead-type-default {

    background: #f2f4f5;

  }

  .table-data .thead-type-default tr th {

    height: 40px;

    vertical-align: middle;

    line-height: inherit;

  }

  .table-data .thead-type-default tr th:first-child {

    padding-left: 15px;

  }

  .table-data .tbody-type-default td a {

    color: #283593;

  }

  .table-data tbody tr:nth-child(odd) {

    background: #f9f9f9;

  }

  .table-data tbody.hisselerim .sortTR td:first-child:before,

  .table-data tbody.myPageSortingTable .sortTR td:first-child:before,

  .table-data tbody.takipEttiklerim .sortTR td:first-child:before {

    content: "";

    position: absolute;

    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAATCAYAAAD4f6+NAAAAaklEQVRIS2Octnj9fwYqgKzYQEYqGMPAOHXx+gZqGJQdG0gVc6jiK2p4CGbG4HPQaBoiEL+DL8qmL17v8P//f4qzflZc0EFqJG7G0TQ05NIQNeKdmmYMvlxGTd9Rw6zRECIUiqMhNORCCADVMSAUaH3zyAAAAABJRU5ErkJggg==");

    width: 18px;

    height: 9px;

    margin: 10px 0 0;

    float: left;

    cursor: move;

  }

  .table-data tbody.myPageSortingTable .sortTR td:first-child {

    padding: 0 0 0 15px;

    width: 40px;

    position: relative;

  }

  .table-data.session-statistics tr.trSize td:first-child {

    font-size: 12px;

  }

  .table-data.session-statistics tr.trSize td:nth-child(2) {

    font-size: 11px;

  }

  .table-data.session-statistics tr.trSize td:nth-child(3),

  .table-data.session-statistics tr.trSize td:nth-child(4) {

    font-size: 12px;

  }

  .table-data.table-company-info tbody tr td:first-child {

    padding-left: 0;

    width: 70%;

  }

  .table-data.table-company-info tbody td {

    border-bottom: 1px solid #f2f2f2;

  }

  .table-data.table-company-info tbody tr:nth-child(odd) {

    background: rgba(0, 0, 0, 0);

  }

  .table-data.table-company-info tbody tr:last-child td {

    border-bottom: none;

  }

  #tblLiveData td.sortHandleSelector,

  #tblLiveData thead tr th.dragDropTH {

    display: none;

  }

  #tblLiveData tbody.hisselerim td.sortHandleSelector,

  #tblLiveData tbody.takipEttiklerim td.sortHandleSelector {

    display: table-cell;

    position: relative;

    width: 30px;

  }

  #tblLiveData thead tr.hisselerim th.dragDropTH,

  #tblLiveData thead tr.takipEttiklerim th.dragDropTH {

    display: table-cell;

  }

  .myPageSortingTable tr td:nth-child(2) {

    text-align: left;

  }

  #tblLiveData.table-data tbody tr td:nth-child(2) {

    padding-left: 15px;

    text-align: left !important;

  }

  .thead-type-solid th {

    font-size: 13px;

  }

  .heading-default {

    background: #464c52;

    line-height: 32px;

    font-size: 16px;

    padding: 0 15px;

    position: relative;

    color: #fff;

  }

  .heading-default a {

    color: #fff;

  }

  .heading-tab {

    color: #aab0b5;

    font-size: 14px;

    height: 32px;

    line-height: 32px;

    cursor: pointer;

  }

  .heading-tab strong:hover {

    color: #464c52;

  }

  .heading-tab strong a {

    color: #aab0b5;

  }

  .heading-tab strong a:hover {

    color: #464c52;

  }

  .heading-tab .active-tab {

    background: #464c52;

    padding: 0 10px;

    color: #fff;

    pointer-events: none;

  }

  .heading-tab.home-tab {

    border-bottom: 1px solid #343a40;

    height: 40px;

  }

  .heading-tab.home-tab .active-tab {

    background: none;

    padding: 0 10px;

    color: #343a40;

    pointer-events: none;

    border-bottom: 6px solid #343a40;

    box-shadow: 2px 0 3px rgba(0, 0, 0, 0.1607843137254902);

    -webkit-box-shadow: 2px 0 3px rgba(0, 0, 0, 0.1607843137254902);

  }

  .heading-white {

    background: #fff;

    line-height: 32px;

    font-size: 16px;

    padding: 0;

    margin: 0 15px;

    position: relative;

    color: #000;

    border-bottom: 1px solid #aab0b5;

  }

  .heading-white a {

    color: #0a76c8;

  }

  .heading-white .right-arrow {

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjU1NSIgaGVpZ2h0PSIxMC42MTUiPjxwYXRoIGZpbGw9IiMwNmMiIGQ9Ik0wIDEuMjQ2bDQuMDYgNC4wNkwwIDkuMzY3bDEuMjQ3IDEuMjQ3IDUuMzA4LTUuMzA4TDEuMjQ3LS4wMDEgMCAxLjI0NnoiLz48L3N2Zz4=);

  }

  .newsListPage .heading-white {

    border: none;

    font-size: 20px;

    font-weight: 600;

  }

  .table-heading-type-1 {

    background: #464c52;

    line-height: 32px;

    font-size: 16px;

    padding: 0 15px;

    position: relative;

    color: #fff;

  }

  .data-type-1 {

    overflow: hidden;

  }

  .data-type-1.data-status-up {

    color: #5fffa3;

  }

  .data-type-1.data-status-down {

    color: #ff5d7d;

  }

  .data-type-1.data-status-down svg {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

  }

  .data-type-1.data-status-down svg path {

    fill: #ff5d7d;

  }

  .data-type-1.data-status-static {

    color: #90dbe5;

  }

  .data-type-1.data-status-static svg {

    display: none;

  }

  .data-type-1.data-status-static .table-heading-type-1 span {

    position: relative;

  }

  .data-type-1.data-status-static .table-heading-type-1 span:after {

    content: "";

    position: absolute;

    right: -15px;

    top: 50%;

    width: 8px;

    height: 2px;

    background: #90dbe5;

  }

  .data-type-1.data-status-noicon .table-heading-type-1 span:after,

  .data-type-1.data-status-noicon .table-heading-type-1 svg {

    display: none;

  }

  .data-type-1.data-type-hisse tbody tr a {

    color: #283593;

  }

  .data-type-1.data-type-hisse thead tr th:first-child span {

    background: #e6e9ff;

  }

  .data-type-1.data-type-varant tbody tr a {

    color: #6a1b9a;

  }

  .data-type-1.data-type-varant thead tr th:first-child span {

    background: #f0d8ff;

  }

  .table-data thead {

    font-size: 13px;

    color: #343a40;

  }

  .table-data thead th {

    padding: 0 8px;

    vertical-align: top;

    border-top: 1px solid #dee2e6;

    line-height: 36px;

  }

  .table-data tbody {

    font-size: 13px;

    color: #687077;

  }

  .table-data tbody tr td:first-child {

    padding-left: 15px;

  }

  .table-data tbody tr td h3 {

    font-size: 13px;

  }

  .table-data tbody tr:hover {

    background-color: rgba(0, 0, 0, 0.075);

  }

  .table-data tbody td {

    padding: 0 2px;

    vertical-align: top;

    border-top: 1px solid #dee2e6;

    line-height: 30px;

  }

  .bar-container {

    padding: 0 15px 20px;

  }

  .bar-container .bar-bullet {

    background: #464c52;

    border-radius: 10px;

    color: #fff;

    height: 18px;

    line-height: 18px;

    font-size: 12px;

    padding: 0 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .bar-container .bar-bullet svg {

    margin-left: 5px;

  }

  .bar-container .bar-box {

    background: #343a40;

    height: 12px;

    border-radius: 6px;

    width: 100%;

  }

  .bar-container .bar-box .bar-box-inner {

    height: 12px;

    border-radius: 5px 0 0 5px;

    -webkit-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

  }

  .bar-container.data-status-up .bar-box .bar-box-inner {

    background: #5fffa3;

  }

  .bar-container.data-status-down .bar-box .bar-box-inner {

    background: #ff5d7d;

  }

  .bar-container.data-status-static .bar-box .bar-box-inner {

    background: #90dbe5;

  }

  .bar-container.data-status-down .bar-bullet svg {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

  }

  .bar-container.data-status-down .bar-bullet svg path {

    fill: #ff5d7d;

  }

  .bar-container.data-status-static .bar-bullet {

    position: relative;

    padding-right: 20px;

  }

  .bar-container.data-status-static .bar-bullet svg {

    display: none;

  }

  .bar-container.data-status-static .bar-bullet:after {

    content: "";

    position: absolute;

    right: 7px;

    top: 45%;

    width: 8px;

    height: 2px;

    background: #90dbe5;

  }

  .list-type-link-box {

    padding: 15px;

    margin: 0;

    list-style: none;

  }

  .list-type-link-box li {

    border: 1px solid #418aff;

    line-height: 34px;

    font-size: 14px;

    position: relative;

    margin-bottom: 5px;

  }

  .list-type-link-box li a,

  .list-type-link-box li div.text {

    display: block;

    color: #418aff;

    position: relative;

    padding: 0 170px 0 10px;

    white-space: nowrap;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    overflow: hidden;

  }

  .list-type-link-box li a:after,

  .list-type-link-box li div.text:after {

    content: "";

    position: absolute;

    right: 10px;

    top: 8px;

    width: 10px;

    height: 18px;

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjYzNyIgaGVpZ2h0PSIxOC4wMDIiPjxwYXRoIGQ9Ik0xLjA4NiAxNy44MTRhLjYzNy42MzcgMCAwMS0uOS0uOUw4LjEgOSAuMTg2IDEuMDg1Yy0uMjUtLjI1LS4yNS0uNjUgMC0uOXMuNjUtLjI1LjkgMEw5LjQ1IDguNTVjLjI0OC4yNS4yNDguNjUgMCAuOXoiIGZpbGw9IiM0MThhZmYiLz48L3N2Zz4=);

  }

  .list-type-link-box li a:hover,

  .list-type-link-box li div.text:hover {

    background: #418aff;

    color: #fff;

  }

  .list-type-link-box li a:hover:after,

  .list-type-link-box li div.text:hover:after {

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5LjYzNyIgaGVpZ2h0PSIxOC4wMDIiPjxwYXRoIGQ9Ik0xLjA4NiAxNy44MTRhLjYzNy42MzcgMCAwMS0uOS0uOUw4LjEgOSAuMTg2IDEuMDg1Yy0uMjUtLjI1LS4yNS0uNjUgMC0uOXMuNjUtLjI1LjkgMEw5LjQ1IDguNTVjLjI0OC4yNS4yNDguNjUgMCAuOXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);

  }

  .list-type-link-box li a span,

  .list-type-link-box li div.text span {

    padding: 0 10px;

    background: #a0c3ff;

    color: #fff;

    font-size: 12px;

    line-height: 18px;

    border-radius: 5px;

    position: absolute;

    right: 35px;

    top: 8px;

  }

  .list-type-link-box li div.text {

    padding: 0 130px 0 10px;

  }

  .list-type-link-box li div.text:after {

    display: none;

  }

  .list-type-link-box li div.text span {

    right: 10px;

  }

  .list-type-link-box li div.text div {

    position: relative;

    width: 95%;

  }

  .list-type-link-box li div.text:hover {

    background: rgba(0, 0, 0, 0);

    color: #418aff;

  }

  .list-type-link-box li div.text em {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    overflow-x: scroll;

    font-style: normal;

  }

  .list-type-link-box li div.text em:after {

    right: 0;

    background: -o-linear-gradient(

      left,

      hsla(0, 0%, 100%, 0.1) 0,

      #fff 100%

    );

    background: -webkit-gradient(

      linear,

      left top,

      right top,

      color-stop(0, hsla(0, 0%, 100%, 0.1)),

      to(#fff)

    );

    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0.1) 0, #fff);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="white",GradientType=1);

    width: 40px;

    z-index: 2;

    top: 0;

    height: 100%;

    position: absolute;

    content: "";

  }

  .btn-table-action {

    padding: 0 10px;

    line-height: 20px;

    height: 20px;

    min-height: 20px;

    border: none;

    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1607843137254902);

    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1607843137254902);

    color: #fff;

    width: 80px;

  }

  .btn-table-action.btn-add {

    background: #ff6503;

  }

  .btn-table-action.btn-add,

  .btn-table-action.btn-add:hover {

    border: 1px solid #ff6503;

    -webkit-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

  }

  .btn-table-action.btn-add:hover {

    background: #fff;

    color: #ff6503;

  }

  .btn-table-action.btn-remove {

    background: #687077;

  }

  .btn-table-action.btn-remove,

  .btn-table-action.btn-remove:hover {

    border: 1px solid #687077;

    -webkit-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

  }

  .btn-table-action.btn-remove:hover {

    background: #fff;

    color: #687077;

  }

  .btnLoaderAnimate {

    border-radius: 50%;

    margin: 1.5px auto 0;

    border: 3px solid #f3f3f3;

    border-top-color: #3498db;

    display: inline-block;

    width: 15px;

    height: 15px;

    -webkit-animation: addBtnLoader 2s linear infinite;

    animation: addBtnLoader 2s linear infinite;

  }

  @-webkit-keyframes addBtnLoader {

    0% {

      -webkit-transform: rotate(0deg);

      transform: rotate(0deg);

    }

    to {

      -webkit-transform: rotate(1turn);

      transform: rotate(1turn);

    }

  }

  @keyframes addBtnLoader {

    0% {

      -webkit-transform: rotate(0deg);

      transform: rotate(0deg);

    }

    to {

      -webkit-transform: rotate(1turn);

      transform: rotate(1turn);

    }

  }

  .flex-list-2-col ul {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    margin-right: 40px;

    padding-left: 0;

  }

  .flex-list-2-col ul li {

    border-bottom: 1px solid #dee2e6;

    line-height: 30px;

    font-size: 14px;

  }

  .flex-list-2-col ul li:last-child {

    border: none;

  }

  .flex-list-2-col ul:last-child {

    margin-left: 40px;

    margin-right: 0;

  }

  .flex-list-1-col ul {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

  }

  .flex-list-1-col ul li {

    border-bottom: 1px solid #dee2e6;

    line-height: 30px;

    font-size: 14px;

  }

  .flex-list-1-col ul li:last-child {

    border: none;

  }

  .flex-list-heading {

    border-bottom: 1px solid #dee2e6;

  }

  .flex-list-heading h1,

  .flex-list-heading h2,

  .flex-list-heading h3 {

    white-space: nowrap;

    color: #418aff;

    font-size: 20px;

    overflow: hidden;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

  }

  .flex-list-sub-title {

    padding: 4px 0;

    border-bottom: 1px solid #ddd;

  }

  .data-heading-h {

    font-size: 20px;

  }

  .li-c-2-L strong {

    -webkit-box-flex: 3;

    -ms-flex: 3;

    flex: 3;

  }

  .li-c-2-L span {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    line-height: 1.5;

    padding: 5px;

    font-size: 13px;

    text-align: right;

  }

  .bistDataContent {

    margin: -40px 0 0;

  }

  .bistDataContent .bistData {

    font-size: 18px;

    font-weight: 400;

  }

  .bistDataContent .bistData strong {

    color: #ff6503;

  }

  .bistDataContent .currentTime {

    font-size: 14px;

    font-weight: 400;

    font-weight: 600;

    color: #687077;

  }

  .text-uppercase {

    text-transform: uppercase;

  }

  .tabcontent {

    display: none;

  }

  #chartLoader {

    left: 0;

    position: absolute;

    top: 0;

    height: 100%;

    background: hsla(0, 0%, 100%, 0.8);

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

  }

  .more-link {

    color: #0a76c8;

  }

  .more-link .right-arrow {

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjU1NSIgaGVpZ2h0PSIxMC42MTUiPjxwYXRoIGZpbGw9IiMwNmMiIGQ9Ik0wIDEuMjQ2bDQuMDYgNC4wNkwwIDkuMzY3bDEuMjQ3IDEuMjQ3IDUuMzA4LTUuMzA4TDEuMjQ3LS4wMDEgMCAxLjI0NnoiLz48L3N2Zz4=);

  }

  .bulletinContent .form {

    display: none;

  }

  .data-type-canli tbody tr td:first-child {

    text-align: left !important;

  }

  #addedStockContent {

    position: absolute;

    background: #e6e9ff;

    left: 85px;

    border-radius: 0;

    font-size: 14px;

    padding: 8px 10px 5px;

    top: 0;

    z-index: 999;

    width: 300px;

    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);

    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137254902);

    color: #283593;

  }

  #addedStockContent .close {

    position: absolute;

    right: 10px;

    top: 0;

    font-size: 18px;

    cursor: pointer;

  }

  #addedStockContent a {

    display: table;

    color: #283593;

  }

  .filterAlpha {

    border-top: 1px solid #dee2e6;

  }

  .filterAlpha span {

    background: #f2f2f2;

    font-size: 16px;

    font-weight: 600;

    cursor: pointer;

  }

  .filterAlpha span.selected {

    background: #464c52;

    color: #fff;

  }

  .highcharts-range-selector-buttons {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

  }

  .highcharts-range-selector-buttons .highcharts-button {

    padding: 0 10px;

    line-height: 32px;

  }

  .highcharts-range-selector-buttons .highcharts-button rect {

    fill: #fff;

  }

  .highcharts-range-selector-buttons .highcharts-button text {

    color: #82888c !important;

    fill: #82888c !important;

  }

  .highcharts-range-selector-buttons

    .highcharts-button.highcharts-button-hover

    rect,

  .highcharts-range-selector-buttons

    .highcharts-button.highcharts-button-pressed

    rect {

    fill: #464c52;

  }

  .highcharts-range-selector-buttons

    .highcharts-button.highcharts-button-hover

    text,

  .highcharts-range-selector-buttons

    .highcharts-button.highcharts-button-pressed

    text {

    color: #fff !important;

    fill: #fff !important;

  }

  .highcharts-range-selector-buttons

    .highcharts-button.highcharts-button-disabled {

    opacity: 0.4;

  }

  .chart-loading {

    display: -webkit-box;

    display: -ms-flexbox;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    opacity: 0.6;

    -webkit-animation-name: bg-move;

    animation-name: bg-move;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDI0IiBoZWlnaHQ9IjE0Ny43ODgiPjxwYXRoIGZpbGw9IiNGRkYiIHN0cm9rZT0iIzZDRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0wIDEzOS44MjZsNTQuMDczLTMxLjg4OCA0OS41NTItMjMuODc4IDEwLjYxNy01My45NzYgNTMuMDk2LTI0Ljc3NSAzNi4yODIgNTMuOTg0IDM4LjA1MyAzMy42MjkgMzAuOTczLTE2LjgxNCAzNi4yODMgMjYuNTUgNTMuOTgzLTIxLjIzOSAyMi4xMjMtMjcuNDM0IDM4LjkzOSAxOS40NjkgMjguMzE4IDI1LjY2NCA0My4zNjMtMS44MjggMjQuNzggMjMuOTVMNTc4IDEwNC4zMTJsMzAuOTMgMzUuNTE0IDQ4LjY3Mi01Ny41MjIgNTUuNzUyIDI0Ljc3NyAzMS44NTktMzQuNTE0IDQ4LjY3MiA0NC42MyA1MS4zMjgtMTguOTY0IDM0LjUxMy0zNy4xNjggMzYuMjgzLTM1LjM5OCAyNC43NzggNDYuOSAzMi43NDQgMjAuMzU2IDI5LjIwMyAzNC41MTRMMTAyNCAxMzkuODI2Ii8+PC9zdmc+");

    background-size: auto;

    display: flex;

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

  }

  @media (max-width: 642px) {

    .highcharts-exporting-group {

      -webkit-transform: translateY(33px);

      -ms-transform: translateY(33px);

      transform: translateY(33px);

    }

  }

  @-webkit-keyframes bg-move {

    0% {

      background-position: 50%;

    }

    to {

      background-position: 0;

    }

  }

  @keyframes bg-move {

    0% {

      background-position: 50%;

    }

    to {

      background-position: 0;

    }

  }

  .highcharts-range-selector-buttons {

    -webkit-transform: translate(-30px, 10px);

    -ms-transform: translate(-30px, 10px);

    transform: translate(-30px, 10px);

  }

  .highcharts-range-selector-buttons .highcharts-label {

    display: none;

  }

  @media (max-width: 667px) {

    .highcharts-range-selector-buttons .highcharts-label {

      display: block;

    }

    .highcharts-range-selector-buttons {

      -webkit-transform: translateY(10px);

      -ms-transform: translateY(10px);

      transform: translateY(10px);

    }

    .highcharts-range-selector-buttons

      .highcharts-button-normal[visibility="visible"]

      rect {

      fill: #464c50 !important;

    }

    .highcharts-range-selector-buttons

      .highcharts-button-normal[visibility="visible"]

      text {

      color: #82888c !important;

      fill: #fff !important;

    }

  }

  .sidebarBottomButtons {

    padding: 20px 12px 13px;

  }

  .sidebarBottomButtons ul {

    width: 100%;

    list-style: none;

    padding: 0;

    margin: 0;

  }

  .sidebarBottomButtons li a {

    border: 1px solid #0a76c8;

    font-size: 12px;

    color: #0a76c8;

    padding: 5px;

    font-weight: 600;

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin: 0 0 5px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }

  .sidebarBottomButtons li a span.icon {

    -webkit-transform: scale(0.8);

    -ms-transform: scale(0.8);

    transform: scale(0.8);

  }

  .sidebarBottomButtons li a:hover {

    background: #0a76c8;

    color: #fff;

  }

  .sidebarBottomButtons li a:hover span.icon svg path {

    fill: #fff;

  }

  .exchangeContent {

    display: block;

  }

  .exchangeContent .module-title {

    padding: 8px 12px;

    background: #464c52;

    color: #fff;

    line-height: 1.2;

    font-size: 13px;

    margin: 0;

  }

  .exchangeContent .module-title span.icon {

    display: inline-block;

    margin: 0 10px 0 0;

  }

  .exchangeContent .module-title a {

    color: #fff;

  }

  .exchangeContent .contentInputs {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 20px 12px 10px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    position: relative;

  }

  .exchangeContent .contentInputs .inputDiv {

    display: block;

    width: 100%;

    margin: 0 0 10px;

  }

  .exchangeContent .contentInputs .inputDiv input {

    width: 100%;

    border: 1px solid #aab0b5;

    padding: 9px;

    font-size: 12px;

    font-family: PT Sans, sans-serif;

    font-weight: 600;

  }

  .exchangeContent

    .contentInputs

    .inputDiv

    input::-webkit-input-placeholder {

    color: #777f86;

    font-family: PT Sans, sans-serif;

    font-weight: 600;

    opacity: 0.3;

  }

  .exchangeContent .contentInputs .inputDiv input::-moz-placeholder {

    color: #777f86;

    font-family: PT Sans, sans-serif;

    font-weight: 600;

    opacity: 0.3;

  }

  .exchangeContent .contentInputs .inputDiv input:-ms-input-placeholder {

    color: #777f86;

    font-family: PT Sans, sans-serif;

    font-weight: 600;

    opacity: 0.3;

  }

  .exchangeContent .contentInputs .inputDiv input::-ms-input-placeholder {

    color: #777f86;

    font-family: PT Sans, sans-serif;

    font-weight: 600;

    opacity: 0.3;

  }

  .exchangeContent .contentInputs .inputDiv input::placeholder {

    color: #777f86;

    font-family: PT Sans, sans-serif;

    font-weight: 600;

    opacity: 0.3;

  }

  .exchangeContent .contentInputs .inputDiv:before {

    font-family: Arial, sans serif;

  }

  .exchangeContent .contentInputs .inputDiv.tl:before {

    content: "\20BA";

    color: #777f86;

    font-size: 18px;

    right: 25px;

    position: absolute;

    margin: 6px 0 0;

  }

  .exchangeContent .contentInputs .inputDiv.usd:before {

    content: "$";

    color: #777f86;

    font-size: 18px;

    right: 25px;

    position: absolute;

    margin: 6px 0 0;

  }

  .exchangeContent .contentInputs .inputDiv.eur:before {

    content: "\20AC";

    color: #777f86;

    font-size: 18px;

    right: 25px;

    position: absolute;

    margin: 6px 0 0;

  }

  .exchangeContent .contentInputs .inputDiv.sterlin:before {

    content: "\A3";

    color: #777f86;

    font-size: 18px;

    right: 25px;

    position: absolute;

    margin: 6px 0 0;

  }

  .exchangeContent .contentInputs .inputDiv.frang:before {

    content: "\20A3";

    color: #777f86;

    font-size: 18px;

    right: 25px;

    position: absolute;

    margin: 6px 0 0;

  }

  .exchangeContent .contentInputs .inputDiv.jyen:before {

    content: "\A5";

    color: #777f86;

    font-size: 18px;

    right: 25px;

    position: absolute;

    margin: 6px 0 0;

  }

  .exchangeContent .contentInputs .inputDiv.ruble:before {

    content: "\20BD";

    color: #777f86;

    font-size: 18px;

    right: 25px;

    position: absolute;

    margin: 6px 0 0;

  }

  .bulletinContent .module-title {

    padding: 8px 12px;

    background: #464c52;

    color: #fff;

    line-height: 1.2;

    font-size: 13px;

    margin: 0;

    font-style: italic;

  }

  .bulletinContent .module-title span.icon {

    display: inline-block;

    margin: 0 5px 0 0;

  }

  .bulletinContent .content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .bulletinContent .content .contentText {

    padding: 15px;

    font-size: 11px;

    color: #555;

    font-weight: 400;

  }

  .bulletinContent .content .contentText a {

    background: #5c6bc0;

    padding: 7px 0;

    text-align: center;

    width: 100%;

    color: #fff;

    display: block;

  }

  .bulletinContent .content .contentText a:hover {

    opacity: 0.8;

  }

  .sidebar-analyzes .card .card-body .card-text-title a {

    margin: 0;

    padding: 0;

    color: #555;

    font-size: 12px;

    line-height: 120%;

    display: block;

  }

  .sidebar-analyzes .card .card-body .card-text-title a:hover {

    opacity: 0.8;

  }

  .sidebar-analyzes .card-type-feed .card-media a img {

    width: 62px;

    height: 62px;

  }

  .sidebar-analyzes .card-type-feed .card-media {

    margin: 0;

  }

  .sidebar-analyzes .post-list-module .card-type-feed .card-body {

    padding: 0 0 0 10px;

  }

  .sidebar-analyzes .post-list-module .h-title {

    font-size: 14px;

    font-weight: 600;

    color: #262626;

  }

  .sidebar-analyzes .post-list-module .card-type-feed {

    margin-bottom: 15px;

  }

  .sidebar-writers .writersContent {

    padding: 15px 20px;

  }

  .sidebar-writers .writersContent .title-writers {

    font-size: 14px;

    font-weight: 600;

    color: #262626;

  }

  .sidebar-writers .writersContent .writersItems {

    padding: 15px 0 0;

  }

  .sidebar-writers .writersContent .writersItems .item {

    margin: 0 0 15px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

  }

  .sidebar-writers .writersContent .writersItems .item .itemImage {

    margin: 0 15px 0 0;

  }

  .sidebar-writers .writersContent .writersItems .item .itemImage img {

    width: 62px;

    height: 62px;

  }

  .sidebar-writers .writersContent .writersItems .item .itemText a {

    margin: 0;

    padding: 0;

    color: #555;

    font-size: 12px;

    line-height: 120%;

    display: block;

  }

  .sidebar-writers .writersContent .writersItems .item .itemText a:hover {

    opacity: 0.8;

  }

  .sidebar-writers

    .writersContent

    .writersItems

    .item

    .itemText

    a.writerName {

    margin: 0 0 5px;

  }

  .isStickySidebar {

    position: fixed;

    top: 30px;

    height: 95vh;

    overflow-x: scroll;

  }

  .mainButtons ul {

    list-style: none;

    margin: 0;

    padding: 0;

  }

  .third-party-news-box {

    margin-bottom: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    max-height: none;

    overflow: auto;

  }

  .third-party-news-box ul {

    list-style: none;

    margin: 0;

    padding: 0;

  }

  .third-party-news-box .card-type-list {

    padding: 24px;

    -webkit-box-flex: 1;

    -ms-flex: auto;

    flex: auto;

  }

  .third-party-news-box .card-type-list .card-body {

    padding: 10px 0;

    border-bottom: 1px solid #d8d8d8;

    white-space: unset;

  }

  .third-party-news-box .card-type-list .card-body:first-child {

    padding-top: 0;

  }

  .third-party-news-box .card-type-list .card-body:last-child {

    border-bottom: none;

    padding-bottom: 0;

  }

  .third-party-news-box .card-type-list .card-body .card-text-title {

    word-break: break-word;

    word-wrap: break-word;

  }

  .third-party-news-box .logo img {

    max-width: 100%;

  }

  .third-party-news-box.bbc-turkce .card.logo a {

    background: #dd0300;

  }

  .third-party-news-box .card {

    margin-bottom: 0;

  }

  .third-party-news-box .card a {

    overflow: hidden;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

  }

  .amerikanin-sesi .logo {

    background-color: #3c54b5;

  }

  .dw-turkce .logo {

    background-color: #0387dd;

  }

  .bbc-turkce .logo {

    background-color: #dd0300;

  }

  .aljazeera .logo {

    background: #d5a112;

  }

  .third-party-news-categories .card-type-horizontal .card-body p {

    display: none;

  }

  .third-party-news-categories .card .card-body h3 {

    font-size: 16px;

  }

  .third-party-news-categories.bbc-turkce .logo {

    background: #dd0300 !important;

  }

  .third-party-news-categories.bbc-turkce .card-media {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    background-image: url(https://img7.mynet.com.tr/haber/rosetta/bbc-thumbnail.png);

    background-position: 50%;

  }

  .third-party-news-categories.dw-turkce .logo {

    background: #0387dd !important;

  }

  .third-party-news-categories.dw-turkce .card-media {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    background-image: url(https://img7.mynet.com.tr/haber/rosetta/dw-thumbnail.png);

    background-position: 50%;

  }

  .third-party-news-categories.amerikanin-sesi .logo {

    background: #3c54b5 !important;

  }

  .third-party-news-categories.amerikanin-sesi .card-media {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    background-image: url(https://img7.mynet.com.tr/haber/rosetta/voa-thumbnail.png);

    background-position: 50%;

  }

  .third-party-news-categories.aljazeera .logo {

    background: #d5a112;

  }

  .third-party-news-categories.aljazeera .card-media {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    background-image: url(https://img7.mynet.com.tr/haber/rosetta/aljazeera-thumbnail.png);

    background-position: 50%;

  }

  .third-party-news-categories .card-type-feed {

    margin-bottom: 20px;

  }

  .third-party-news-categories .card-type-feed.show-spot .card-media {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    background-position: 50%;

    background-repeat: no-repeat;

    background-size: cover;

  }

  .third-party-news-categories .card-type-feed.show-spot .card-body {

    -webkit-box-flex: 4;

    -ms-flex: 4;

    flex: 4;

    -ms-flex-item-align: center;

    align-self: center;

    padding: 18px;

  }

  .third-party-news-categories .card-type-feed.show-spot p {

    margin-bottom: 0;

  }

  .author-page-container .detail-content-box {

    padding: 0;

  }

  .finance-news-three-container .post-list-module .card-type-feed {

    margin-bottom: 1.2rem;

  }

  .finance-news-three-container

    .post-list-module

    .card-type-feed:last-child {

    margin-bottom: 0;

  }

  .finance-news-three-container

    .post-list-module

    .card-type-feed

    .card-body

    .card-text-title {

    font-size: 16px;

  }

  .datepicker {

    position: relative;

    top: 0;

    right: 0;

    margin: 10px 0 0;

  }

  .datepicker .form-control {

    background-color: rgba(0, 0, 0, 0);

    color: #444;

    background-image: none;

    padding: 5px;

    font-size: 14px;

    border: 1px solid #ddd;

    width: calc(25% - 4px);

  }

  .datepicker .button.style5 {

    background-color: #464c52;

    color: #fff;

    padding: 4px 10px;

    border: 1px solid #464c52;

    font-size: 14px;

    width: 100%;

    margin: 10px 0 0;

  }

  .author-archive .list-type-link-box {

    padding: 0 !important;

  }

  .custom-ad-container .card,

  .other-post-list .card,

  .sidebarPost .card {

    margin-bottom: 0;

  }

  .yazarDetailInfo {

    padding: 10px;

  }

  .yazarDetailInfo .imageAndName {

    width: 100%;

  }

  .yazarDetailInfo .infoTextContainer {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }

  .pagination-box .pagination li.disabled,

  .yazarDetailInfo .infoTextContainer .detailText {

    display: none;

  }

  .pagination-box .pagination li.active span {

    background: #e9ecef;

    display: block;

    padding: 12px;

    border: 1px solid #d8d8d8;

    margin: 0 2px;

  }

  .container.news-container,

  .detail-page-wrapper.container {

    padding: 0;

  }

  .container.news-container .row,

  .detail-page-wrapper.container .row {

    margin-right: 0;

    margin-left: 0;

  }

  .container.news-container [class*="col-"],

  .detail-page-wrapper.container [class*="col-"] {

    position: relative;

    padding-right: 0;

    padding-left: 0;

  }

  .container.news-container .detail-side-box [class*="col-"].p-1,

  .container.news-container .other-contents-list [class*="col-"].p-1,

  .container.news-container .other-post-list [class*="col-"].p-1,

  .container.news-container .sidebarPost [class*="col-"].p-1,

  .detail-page-wrapper.container .detail-side-box [class*="col-"].p-1,

  .detail-page-wrapper.container .other-contents-list [class*="col-"].p-1,

  .detail-page-wrapper.container .other-post-list [class*="col-"].p-1,

  .detail-page-wrapper.container .sidebarPost [class*="col-"].p-1 {

    padding-left: 0.3125rem;

    padding-right: 0.3125rem;

  }

  .container.news-container

    .detail-side-box

    .card-type-vertical

    .card-body

    .card-text-title,

  .container.news-container

    .other-contents-list

    .card-type-vertical

    .card-body

    .card-text-title,

  .container.news-container

    .other-post-list

    .card-type-vertical

    .card-body

    .card-text-title,

  .container.news-container

    .sidebarPost

    .card-type-vertical

    .card-body

    .card-text-title,

  .detail-page-wrapper.container

    .detail-side-box

    .card-type-vertical

    .card-body

    .card-text-title,

  .detail-page-wrapper.container

    .other-contents-list

    .card-type-vertical

    .card-body

    .card-text-title,

  .detail-page-wrapper.container

    .other-post-list

    .card-type-vertical

    .card-body

    .card-text-title,

  .detail-page-wrapper.container

    .sidebarPost

    .card-type-vertical

    .card-body

    .card-text-title {

    max-height: none;

  }

  .container.news-container .detail-side-box .card-type-vertical .card-body,

  .container.news-container

    .other-contents-list

    .card-type-vertical

    .card-body,

  .container.news-container .other-post-list .card-type-vertical .card-body,

  .container.news-container .sidebarPost .card-type-vertical .card-body,

  .detail-page-wrapper.container

    .detail-side-box

    .card-type-vertical

    .card-body,

  .detail-page-wrapper.container

    .other-contents-list

    .card-type-vertical

    .card-body,

  .detail-page-wrapper.container

    .other-post-list

    .card-type-vertical

    .card-body,

  .detail-page-wrapper.container

    .sidebarPost

    .card-type-vertical

    .card-body {

    padding: 0;

  }

  .container.news-container .interest-contents-list .card,

  .container.news-container .sidebar-most-popular .card,

  .detail-page-wrapper.container .interest-contents-list .card,

  .detail-page-wrapper.container .sidebar-most-popular .card {

    margin-bottom: 0;

  }

  .container.news-container .post-date.col-auto,

  .detail-page-wrapper.container .post-date.col-auto {

    width: 100%;

    padding: 0;

  }

  .container.news-container .post-date.col-auto .share-box.col-12,

  .detail-page-wrapper.container .post-date.col-auto .share-box.col-12 {

    padding: 0;

  }

  .container.news-container .card.card-type-vertical.double,

  .detail-page-wrapper.container .card.card-type-vertical.double {

    height: 100%;

  }

  .service-sub-band-container {

    overflow: hidden;

  }

  .authors .list-type-link-box {

    padding: 0;

  }

  .custom-ad-container {

    display: none;

  }

  @media (min-width: 576px) {

    .datepicker .form-control {

      width: auto;

    }

    .datepicker .button.style5 {

      width: auto;

      margin: 0;

    }

    .datepicker {

      margin: 0;

    }

  }

  @media (min-width: 768px) {

    .mainButtons ul {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -ms-flex-wrap: wrap;

      flex-wrap: wrap;

      -ms-flex-pack: distribute;

      justify-content: space-around;

    }

    .mainButtons ul li {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 49%;

      flex: 0 0 49%;

      max-width: 49%;

      margin-bottom: 5px;

    }

    .mainButtons ul li:nth-child(3),

    .mainButtons ul li:nth-child(4) {

      margin-bottom: 0;

    }

    .finance-news-three-container .col-12 {

      padding: 0.3125rem;

    }

    .finance-news-three-container .most-viewed-shares,

    .finance-news-three-container .sidebar-writers,

    .finance-news-three-container .sidebar-writers .writersContent,

    .finance-news-three-container .third-party-news-box {

      height: 100%;

    }

    .finance-news-three-container .third-party-news-box .card-type-list {

      height: 220px;

      padding: 20px;

      overflow: auto;

    }

    .finance-news-three-container .sidebar-most-comments,

    .finance-news-three-container

      .sidebar-most-comments

      .most-comment-shares {

      height: 100%;

    }

    .finance-news-three-container

      .sidebar-most-comments

      .most-comment-shares

      .module-title {

      padding: 8px 10px;

      font-size: 12px;

    }

    .finance-news-three-container

      .sidebar-most-comments

      .most-comment-shares

      .module-title

      span.icon {

      margin: 0 5px 0 0;

    }

    .finance-news-three-container .post-list-module {

      height: 100%;

    }

    .col-sidebar .mainButtons ul li,

    .detail-side-box .mainButtons ul li {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 100%;

      flex: 0 0 100%;

      max-width: 100%;

      margin-bottom: 0;

    }

    .container.news-container

      .other-post-list

      .card-type-vertical

      .card-body,

    .container.news-container .sidebarPost .card-type-vertical .card-body,

    .detail-page-wrapper.container

      .other-post-list

      .card-type-vertical

      .card-body,

    .detail-page-wrapper.container

      .sidebarPost

      .card-type-vertical

      .card-body {

      padding: 18px;

    }

    .container.news-container .finance-news-three-container .col-12,

    .container.news-container .home-feature-post-list .p-1,

    .detail-page-wrapper.container .finance-news-three-container .col-12,

    .detail-page-wrapper.container .home-feature-post-list .p-1 {

      padding-left: 0.3125rem;

      padding-right: 0.3125rem;

    }

    .custom-ad-container {

      display: block;

    }

    .author-page-container .col-md-8.col-content {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 calc(100% - 320px);

      flex: 0 0 calc(100% - 320px);

      max-width: calc(100% - 320px);

      padding-right: 0.625rem;

      padding-left: 0.625rem;

    }

    .author-page-container .col-md-4.col-sidebar {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 320px;

      flex: 0 0 320px;

      max-width: 320px;

      padding-right: 0.625rem;

    }

    .third-party-news-categories .card-type-horizontal .card-body p {

      display: block;

    }

    .third-party-news-categories .card .card-body h3 {

      font-size: 18px;

    }

  }

  @media (min-width: 992px) {

    .homeSectionOne {

      padding: 0 !important;

    }

    .finance-news-three-container div.col-12 {

      padding-left: 0.625rem;

      padding-right: 0.625rem;

      padding-bottom: 0;

    }

    .finance-news-sidebar {

      padding-left: 1rem;

    }

    .finance-news-sidebar .mainButtons {

      margin-top: -18px;

    }

    .finance-news-sidebar .mainButtons,

    .finance-news-sidebar .mainButtons ul {

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

    }

    .finance-news-sidebar .mainButtons ul {

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      justify-content: space-between;

      display: block;

    }

    .finance-news-sidebar .mainButtons ul li {

      -webkit-box-flex: 0;

      -ms-flex: 0 0 100%;

      flex: 0 0 100%;

      max-width: 100%;

      margin-bottom: 0;

    }

    .finance-news-sidebar .mainButtons .btnNew {

      margin: 0 0 2px;

      padding: 5px 15px;

    }

    .yazarDetailInfo .infoTextContainer .detailText {

      display: block;

      position: absolute;

    }

    .service-sub-band-container {

      padding-left: 0.625rem;

      padding-right: 0.625rem;

    }

    .container.news-container,

    .detail-page-wrapper.container {

      padding: 0 0.625rem;

    }

    .container.news-container .row,

    .detail-page-wrapper.container .row {

      margin-right: -12px;

      margin-left: -12px;

    }

    .container.news-container [class*="col-"],

    .detail-page-wrapper.container [class*="col-"] {

      position: relative;

      padding-right: 12px;

      padding-left: 12px;

    }

    .container.news-container .finance-news-three-container .col-12,

    .container.news-container .home-feature-post-list .p-1,

    .container.news-container .other-post-list [class*="col-"].p-1,

    .detail-page-wrapper.container .finance-news-three-container .col-12,

    .detail-page-wrapper.container .home-feature-post-list .p-1,

    .detail-page-wrapper.container .other-post-list [class*="col-"].p-1 {

      padding-left: 0.625rem;

      padding-right: 0.625rem;

    }

    .container.news-container

      .other-post-list

      .card-type-vertical

      .card-body,

    .detail-page-wrapper.container

      .other-post-list

      .card-type-vertical

      .card-body {

      padding: 18px;

    }

    .container.news-container .sidebarPost.col-lg-4,

    .detail-page-wrapper.container .sidebarPost.col-lg-4 {

      padding-left: 0;

      padding-right: 0;

    }

    .container.news-container

      .card-type-vertical

      .card-body

      .card-text-title,

    .detail-page-wrapper.container

      .card-type-vertical

      .card-body

      .card-text-title {

      max-height: none;

    }

    .container.news-container

      .card-type-vertical

      .card-body

      .card-text-title.max-h-lg-80,

    .container.news-container

      .card-type-vertical

      .card-body

      .card-text-title.max-h-md-70,

    .detail-page-wrapper.container

      .card-type-vertical

      .card-body

      .card-text-title.max-h-lg-80,

    .detail-page-wrapper.container

      .card-type-vertical

      .card-body

      .card-text-title.max-h-md-70 {

      max-height: 70px;

    }

    .container.news-container .interest-contents-list h3.mb-3.pl-1,

    .container.news-container .sidebar-most-popular h3.mb-3.pl-1,

    .detail-page-wrapper.container .interest-contents-list h3.mb-3.pl-1,

    .detail-page-wrapper.container .sidebar-most-popular h3.mb-3.pl-1 {

      margin-left: -12px;

    }

    .container.detail-page-wrapper {

      padding: 28px 18px;

    }

    .news-most-viewed-shares-container {

      height: 100%;

    }

  }

  @media (max-width: 991px) {

    .table-scrollable-mobil {

      position: relative;

    }

    .table-scrollable-mobil .scrollable-box {

      width: auto;

      padding: 0;

      overflow-x: scroll;

      overflow-y: visible;

    }

    .table-scrollable-mobil .scrollable-box:after {

      right: 0;

      background: -o-linear-gradient(

        left,

        hsla(0, 0%, 89%, 0) 0,

        hsla(0, 0%, 89%, 0.8) 100%

      );

      background: -webkit-gradient(

        linear,

        left top,

        right top,

        color-stop(0, hsla(0, 0%, 89%, 0)),

        to(hsla(0, 0%, 89%, 0.8))

      );

      background: linear-gradient(

        90deg,

        hsla(0, 0%, 89%, 0) 0,

        hsla(0, 0%, 89%, 0.8)

      );

      content: "";

      width: 20px;

      z-index: 2;

      top: 0;

      position: absolute;

      height: 100%;

    }

    .table-scrollable-mobil .scrollable-box table td {

      padding: 0 10px;

    }

    .table-scrollable-mobil .scrollable-box table td,

    .table-scrollable-mobil .scrollable-box table th {

      text-align: left;

      white-space: nowrap;

      overflow: hidden;

      -o-text-overflow: ellipsis;

      text-overflow: ellipsis;

    }

    .table-scrollable-mobil .scrollable-box table td:last-child,

    .table-scrollable-mobil .scrollable-box table th:last-child {

      padding-right: 20px;

    }

    .table-scrollable-mobil .scrollable-box table td strong,

    .table-scrollable-mobil .scrollable-box table th strong {

      margin: 0 !important;

    }

    .table-scrollable-mobil .scrollable-box.scrollable-box-hisseler {

      margin-left: 100px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-hisseler

      table

      th:first-child {

      line-height: 40px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-hisseler

      table

      th:nth-child(2)

      span {

      display: none;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-hisseler

      table

      td:first-child,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-hisseler

      table

      th:first-child {

      position: absolute;

      top: auto;

      left: 0;

      width: 70px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-hisseler

      table

      td:nth-child(2),

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-hisseler

      table

      th:nth-child(2) {

      position: absolute;

      top: auto;

      left: 70px;

      width: 36px;

    }

    .table-scrollable-mobil .scrollable-box.scrollable-box-anlik-borsa {

      margin-left: 100px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-anlik-borsa

      table

      th:nth-child(2) {

      line-height: 40px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-anlik-borsa

      table

      th:nth-child(3)

      span {

      display: none;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-anlik-borsa

      table

      td:nth-child(2),

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-anlik-borsa

      table

      th:nth-child(2) {

      position: absolute;

      top: auto;

      left: 0;

      width: 70px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-anlik-borsa

      table

      td:nth-child(3),

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-anlik-borsa

      table

      th:nth-child(3) {

      position: absolute;

      top: auto;

      left: 70px;

      width: 36px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-anlik-borsa-hisselerim {

      margin-left: 130px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-anlik-borsa-hisselerim

      table

      td:first-child,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-anlik-borsa-hisselerim

      table

      th:first-child {

      position: absolute !important;

      top: auto;

      left: 0;

      width: 30px;

      height: 30px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-anlik-borsa-hisselerim

      table

      td:nth-child(2),

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-anlik-borsa-hisselerim

      table

      th:nth-child(2) {

      position: absolute;

      top: auto;

      left: 30px;

      width: 70px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-anlik-borsa-hisselerim

      table

      td:nth-child(3),

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-anlik-borsa-hisselerim

      table

      th:nth-child(3) {

      position: absolute;

      top: auto;

      left: 100px;

      width: 36px;

    }

    .table-scrollable-mobil .scrollable-box.scrollable-box-bist-pazarlar {

      margin-left: 140px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-bist-pazarlar

      table

      th:first-child {

      line-height: 40px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-bist-pazarlar

      table

      th:nth-child(2)

      span {

      display: none;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-bist-pazarlar

      table

      td:first-child,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-bist-pazarlar

      table

      th:first-child {

      position: absolute;

      top: auto;

      left: 0;

      width: 110px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-bist-pazarlar

      table

      td:first-child

      a,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-bist-pazarlar

      table

      th:first-child

      a {

      -o-text-overflow: ellipsis;

      text-overflow: ellipsis;

      overflow: hidden;

      margin-right: 0 !important;

      display: block;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-bist-pazarlar

      table

      td:nth-child(2),

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-bist-pazarlar

      table

      th:nth-child(2) {

      position: absolute;

      top: auto;

      left: 110px;

      width: 36px;

    }

    .table-scrollable-mobil .scrollable-box.scrollable-box-kripto {

      margin-left: 160px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-kripto

      .kripto-first-td-m {

      position: relative;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-kripto

      .kripto-first-td-m

      .currency-logo-sprite {

      position: absolute;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-kripto

      .kripto-first-td-m

      strong {

      margin-left: 24px !important;

      width: 110px;

      overflow: hidden;

      display: block;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-kripto

      .kripto-first-td-m

      strong

      a {

      display: block;

      overflow: hidden;

      -o-text-overflow: ellipsis;

      text-overflow: ellipsis;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-kripto

      table

      th:first-child {

      line-height: 40px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-kripto

      table

      td:first-child,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-kripto

      table

      th:first-child {

      position: absolute;

      top: auto;

      left: 0;

      width: 160px;

    }

    .table-scrollable-mobil .scrollable-box.scrollable-box-altin {

      margin-left: 160px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-altin

      table

      th:first-child {

      line-height: 40px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-altin

      table

      th:nth-child(2)

      span {

      display: none;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-altin

      table

      td:first-child,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-altin

      table

      th:first-child {

      position: absolute;

      top: auto;

      left: 0;

      width: 130px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-altin

      table

      td:first-child

      strong

      a,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-altin

      table

      th:first-child

      strong

      a {

      -o-text-overflow: ellipsis;

      text-overflow: ellipsis;

      overflow: hidden;

      margin-right: 0 !important;

      display: block;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-altin

      table

      td:nth-child(2),

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-altin

      table

      th:nth-child(2) {

      position: absolute;

      top: auto;

      left: 130px;

      width: 36px;

    }

    .table-scrollable-mobil .scrollable-box.scrollable-box-altin-arsiv {

      margin-left: 160px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-altin-arsiv

      table

      th:first-child {

      line-height: 40px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-altin-arsiv

      table

      td:first-child,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-altin-arsiv

      table

      th:first-child {

      position: absolute;

      top: auto;

      left: 0;

      width: 160px;

    }

    .table-scrollable-mobil .scrollable-box.scrollable-box-ekonomik-takvim {

      margin-left: 120px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-ekonomik-takvim

      table

      th:first-child {

      line-height: 40px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-ekonomik-takvim

      table

      td:first-child,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-ekonomik-takvim

      table

      th:first-child {

      position: absolute;

      top: auto;

      left: 0;

      width: 120px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-ekonomik-takvim

      table

      td:first-child

      span,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-ekonomik-takvim

      table

      th:first-child

      span {

      -o-text-overflow: ellipsis;

      text-overflow: ellipsis;

      overflow: hidden;

      margin-right: 0 !important;

    }

    .table-scrollable-mobil .scrollable-box.scrollable-box-faiz {

      margin-left: 160px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-faiz

      table

      th:first-child {

      line-height: 40px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-faiz

      table

      td:first-child,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-faiz

      table

      th:first-child {

      position: absolute;

      top: auto;

      left: 0;

      width: 160px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-faiz

      table

      td:first-child

      span,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-faiz

      table

      th:first-child

      span {

      -o-text-overflow: ellipsis;

      text-overflow: ellipsis;

      overflow: hidden;

      margin-right: 0 !important;

    }

    .table-scrollable-mobil .scrollable-box.scrollable-box-tahvil {

      margin-left: 120px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-tahvil

      table

      th:first-child {

      line-height: 40px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-tahvil

      table

      td:first-child,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-tahvil

      table

      th:first-child {

      position: absolute;

      top: auto;

      left: 0;

      width: 120px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-tahvil

      table

      td:first-child

      span,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-tahvil

      table

      th:first-child

      span {

      -o-text-overflow: ellipsis;

      text-overflow: ellipsis;

      overflow: hidden;

      margin-right: 0 !important;

    }

    .table-scrollable-mobil .scrollable-box.scrollable-box-libor {

      margin-left: 100px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-libor

      table

      th:first-child {

      line-height: 40px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-libor

      table

      td:first-child,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-libor

      table

      th:first-child {

      position: absolute;

      top: auto;

      left: 0;

      width: 100px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-libor

      table

      td:first-child

      span,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-libor

      table

      th:first-child

      span {

      -o-text-overflow: ellipsis;

      text-overflow: ellipsis;

      overflow: hidden;

      margin-right: 0 !important;

    }

    .table-scrollable-mobil .scrollable-box.scrollable-box-pariteler {

      margin-left: 116px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-pariteler

      table

      th:first-child {

      line-height: 40px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-pariteler

      table

      td:first-child,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-pariteler

      table

      th:first-child {

      position: absolute;

      top: auto;

      left: 0;

      width: 80px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-pariteler

      table

      td:nth-child(3),

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-pariteler

      table

      th:nth-child(3) {

      position: absolute;

      top: auto;

      left: 80px;

      width: 36px;

    }

    .table-scrollable-mobil .scrollable-box.scrollable-box-endeksler {

      margin-left: 126px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-endeksler

      table

      th:first-child {

      line-height: 40px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-endeksler

      table

      td:first-child,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-endeksler

      table

      th:first-child {

      position: absolute;

      top: auto;

      left: 0;

      width: 90px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-endeksler

      table

      td:first-child

      strong

      a,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-endeksler

      table

      th:first-child

      strong

      a {

      -o-text-overflow: ellipsis;

      text-overflow: ellipsis;

      overflow: hidden;

      margin-right: 0 !important;

      display: block;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-endeksler

      table

      td:nth-child(2),

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-endeksler

      table

      th:nth-child(2) {

      position: absolute;

      top: auto;

      left: 90px;

      width: 36px;

    }

    .table-scrollable-mobil .scrollable-box.scrollable-box-doviz {

      margin-left: 146px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-doviz

      table

      th:first-child {

      line-height: 40px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-doviz

      table

      td:first-child,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-doviz

      table

      th:first-child {

      position: absolute;

      top: auto;

      left: 0;

      width: 110px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-doviz

      table

      td:first-child

      strong

      a,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-doviz

      table

      th:first-child

      strong

      a {

      -o-text-overflow: ellipsis;

      text-overflow: ellipsis;

      overflow: hidden;

      margin-right: 0 !important;

      display: block;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-doviz

      table

      td:nth-child(2),

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-doviz

      table

      th:nth-child(2) {

      position: absolute;

      top: auto;

      left: 110px;

      width: 36px;

    }

    .table-scrollable-mobil .scrollable-box.scrollable-box-doviz-arsiv {

      margin-left: 120px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-doviz-arsiv

      table

      th:first-child {

      line-height: 40px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-doviz-arsiv

      table

      td:first-child,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-doviz-arsiv

      table

      th:first-child {

      position: absolute;

      top: auto;

      left: 0;

      width: 120px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-doviz-arsiv

      table

      td:first-child

      strong

      a,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-doviz-arsiv

      table

      th:first-child

      strong

      a {

      -o-text-overflow: ellipsis;

      text-overflow: ellipsis;

      overflow: hidden;

      margin-right: 0 !important;

      display: block;

    }

    .table-scrollable-mobil .scrollable-box.scrollable-box-temettu {

      margin-left: 120px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-temettu

      table

      th:first-child {

      line-height: 40px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-temettu

      table

      td:first-child,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-temettu

      table

      th:first-child {

      position: absolute;

      top: auto;

      left: 0;

      width: 120px;

    }

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-temettu

      table

      td:first-child

      strong

      a,

    .table-scrollable-mobil

      .scrollable-box.scrollable-box-temettu

      table

      th:first-child

      strong

      a {

      -o-text-overflow: ellipsis;

      text-overflow: ellipsis;

      overflow: hidden;

      margin-right: 0 !important;

      display: block;

    }

    .heading-tab .tabItem {

      overflow: auto;

      width: 100%;

    }

    .heading-tab .tabItem strong {

      white-space: nowrap;

    }

    .anlik-borsa-search-m {

      width: 100%;

      height: 40px;

      margin-left: 0 !important;

      margin-top: 10px;

    }

    .anlik-borsa-search-m:after {

      right: 10px;

      top: 12px;

    }

    .anlik-borsa-search-m input {

      width: 100%;

      height: 100%;

    }

    .filterAlpha {

      overflow: auto;

      position: relative;

    }

    .bistDataContent {

      margin-top: 20px !important;

    }

    #CanliVarantVerileriData .bistDataContent {

      width: 100%;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      justify-content: space-between;

    }

    #CanliVarantVerileriData .bistDataContent .currentTime {

      margin-left: 0.625rem !important;

    }

    #CanliVarantVerileriData .bistDataContent .themeDarkBtn {

      margin-right: 0.625rem !important;

    }

  }

  .credit-calculation-tool {

    padding: 10px;

  }

  .credit-calculation-widget h2 {

    font-size: 16px;

    padding-left: 6px;

  }

  .credit-calculation-widget .form-item {

    width: 25%;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    padding: 6px;

    position: relative;

  }

  .credit-calculation-widget .form-item.input-item:before {

    content: "\20BA";

    position: absolute;

    right: 15px;

    z-index: 1;

    top: 14px;

    color: #aab0b4;

    font-size: 18px;

    font-family: Arial, sans serif;

  }

  .credit-calculation-widget .form-item.select-item:before {

    content: "";

    position: absolute;

    font-size: 14px;

    font-family: PT Sans;

    right: 15px;

    top: 23px;

    width: 10px;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAwCAYAAACG5f33AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDBGODYxQjkwNURDMTFFNEE4RTdBM0RDQ0NBRUY1OEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDBGODYxQkEwNURDMTFFNEE4RTdBM0RDQ0NBRUY1OEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMEY4NjFCNzA1REMxMUU0QThFN0EzRENDQ0FFRjU4RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMEY4NjFCODA1REMxMUU0QThFN0EzRENDQ0FFRjU4RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkvXhuoAAALISURBVHja5NvPSxtBFAfwdZqDpx49S1DbS2+l9CBJFASRHPsvFClFWitFagii/gkinkSNtg1FingoxT+grf+EjX+BIqX0VHwP5sEQZpP98Wbmufvga8zuZibzYZfsjHGkvbkVxdQ45A1kCvIa0ovKVVXINuQC0okb/4P6zOwgvLeQSf0cG7opEd4eZA4yA7mGXNnGbwM08age60Z/lQCR8BrGNkS81WfhzSBAGx7VoxIg4vg+QqYt++o2RBMQ8ZYgywM6KDIi4T0fcAwi/oH8pvETIOG9S9BREREnIMdD8KhqJiICpsEzEbHTnwVAxHEcJcQzEf9CLivw42VKPKqmfly6x7c4WfCo1iAPlW4kazX1vdJ4yfCophBwFXJeMkQOvDPIotKX32KJELnw8Havp/QGQvyeE3FHOCIH3inh4RNl7MANr/QBWWtBMCIX3rL5oan6DujpA4qGyIHX7cezARYRcSLBDCMJ3gfb7ZqKeUFREAnvmQu8uNUYKpxh4BLWGORJxs5xKQzXE38EmLFw4H3Tk4zYiYIa0gC+sMVwJu56PhO5zryhC8kqQUMcl/O8R0Tnl21aQG7EqnC8T0nx0gByIu45QuTCa6VZHFEpOyDErzneZMMBYhC8LICEuCIIMRheVkBOxP2ciEHx8gByIdZyIAbHywsYElEEHgdgCEQxeFyAPhE58I658DgBOREPYxC58NoR4x/BOAG5EKctiIj3WRqeC0AT8YQJsarxnkrDw6o4mpPiG32vf3+RE/G/VDyXgJyIkVQ8V5ewDfEk8l/O8XwAhkL0gucL0DeiNzyfgL4QOz7xfAO6RkS89cjzN8V8A5qIX+47XihAQlxlQgyGFxKQCzEoXmjAvIjB8SQAZkUUgScFMC2iGDxJgEkRDyThSQMchoh4G5Gw/wiQBmgidqXjYVUimYVQ+P2Uf5BRqXhYdwIMAIzDBFYNhlViAAAAAElFTkSuQmCC);

    height: 10px;

    background-repeat: no-repeat;

    background-size: contain;

  }

  .credit-calculation-widget .form-item button,

  .credit-calculation-widget .form-item input[type="currency"],

  .credit-calculation-widget .form-item select {

    width: 100%;

    height: 40px;

    border: 1px solid #cdd6de;

    border-radius: 4px;

    color: #222;

    font-size: 14px;

    font-family: PT Sans;

    padding: 5px;

    -moz-appearance: none;

    appearance: none;

    -webkit-appearance: none;

  }

  .credit-calculation-widget

    .form-item

    input[type="currency"]::-webkit-inner-spin-button,

  .credit-calculation-widget

    .form-item

    input[type="currency"]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;

  }

  .credit-calculation-widget

    .form-item

    input[type="currency"]::-webkit-input-placeholder {

    font-family: PT Sans;

    font-size: 14px;

    color: #222;

  }

  .credit-calculation-widget

    .form-item

    input[type="currency"]::-moz-placeholder {

    font-family: PT Sans;

    font-size: 14px;

    color: #222;

  }

  .credit-calculation-widget

    .form-item

    input[type="currency"]:-ms-input-placeholder {

    font-family: PT Sans;

    font-size: 14px;

    color: #222;

  }

  .credit-calculation-widget

    .form-item

    input[type="currency"]::-ms-input-placeholder {

    font-family: PT Sans;

    font-size: 14px;

    color: #222;

  }

  .credit-calculation-widget

    .form-item

    input[type="currency"]::placeholder {

    font-family: PT Sans;

    font-size: 14px;

    color: #222;

  }

  .credit-calculation-widget .form-item button {

    background: #0e76c8;

    color: #fff;

    border: none;

    height: 40px;

  }

  .credit-calculation-widget .form-item button:hover {

    opacity: 0.7;

  }

  .credit-calculation-widget .form-item .warnInput {

    border: 1px solid #cd2a2b !important;

    color: #cd2a2b !important;

  }

  .credit-calculation-widget

    .form-item

    .warnInput::-webkit-input-placeholder {

    color: #cd2a2b !important;

  }

  .credit-calculation-widget .form-item .warnInput::-moz-placeholder {

    color: #cd2a2b !important;

  }

  .credit-calculation-widget .form-item .warnInput:-ms-input-placeholder {

    color: #cd2a2b !important;

  }

  .credit-calculation-widget .form-item .warnInput::-ms-input-placeholder {

    color: #cd2a2b !important;

  }

  .credit-calculation-widget .form-item .warnInput::placeholder {

    color: #cd2a2b !important;

  }

  @media only screen and (max-width: 640px) {

    .credit-calculation-widget .widget-form {

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

    }

    .credit-calculation-widget .form-item {

      width: 100%;

      -webkit-box-flex: 0;

      -ms-flex: 0 0 100%;

      flex: 0 0 100%;

    }

  }

  .col-sidebar .credit-calculation-widget .widget-form {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  .col-sidebar .credit-calculation-widget .form-item {

    width: 100%;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

  }

  .contentCreditCalculationWidget {

    border: 1px solid #ccc;

    border-radius: 5px;

    margin-bottom: 20px;

  }

  body.web-view-force {

    min-width: 1040px;

  }

  body.web-view-force .my-header {

    max-width: 100% !important;

  }

  body.web-view-force .scrollable-box:after {

    display: none !important;

  }

  body.web-view-force .web-view-m {

    display: block;

  }

  body.web-view-force .web-view-w {

    display: none;

  }

  .web-view-force-btn,

  body.web-view-force .web-view-force-btn {

    position: fixed;

    bottom: 10px;

    left: 20px;

    width: auto;

    height: 30px;

    background: #2173b7;

    border-radius: 15px;

    border: none;

    z-index: 999;

    padding: 0 15px;

    font-size: 13px;

    color: #fff;

  }

  .web-view-m {

    display: none;

  }

  .flex {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

  .card.flat-card {

    -webkit-box-shadow: none;

    box-shadow: none;

  }

  .card {

    margin-bottom: 24px;

    background-color: #fff !important;

  }

  .card,

  [class*="col-"] {

    position: relative;

  }

  .breadcrumb a {

    display: inline;

  }

  .breadcrumb.mb-0 {

    margin-bottom: 0 !important;

  }

  .table-data .tbody-type-default td a {

    display: inline-block;

  }

  .iscroll-box-wrap .iscroll-box2 .iscroll-box-inner ul li a {

    color: #222;

  }

  .container.my-footer-default.p-3 {

    padding: 1rem !important;

  }

  .service-header-band .service-header-band-inner .service-name {

    color: #343a40;

  }

  .service-header-band .service-header-band-inner .service-name a {

    width: 80px;

    height: auto;

    display: block;

    color: #343a40;

  }

  .service-header-band .service-header-band-inner .service-name a img {

    width: 80px;

    height: 21px;

  }

  .ne-kadar-form {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 20px;

    border: 1px solid #e9e9e9;

    margin: 20px 0 10px;

  }

  .ne-kadar-form .label-box {

    width: 100%;

  }

  .ne-kadar-form .label-box .input-default {

    margin-left: 0;

    margin-bottom: 10px;

    height: 40px;

    border-radius: 0;

  }

  .ne-kadar-form .label-box .input-default input {

    height: 38px;

    line-height: 28px;

    width: 100%;

    font-size: 20px;

  }

  .ne-kadar-form .btn-finans-data-default {

    width: 100%;

    height: 40px;

    line-height: 30px;

    font-size: 16px;

    border-radius: 0;

  }

  .ne-kadar-form .result-text {

    margin-top: 10px;

    font-size: 18px;

  }

  .flex-list-1-col ul {

    padding: 0;

    margin: 0;

    list-style: none;

  }

  .list-type-link-box li a em {

    font-style: normal;

  }

  .d-h1 {

    padding-left: 0.3125rem;

    padding-right: 0.3125rem;

  }

  .card.card-type-vertical.double {

    height: calc(100% - 0.625rem);

  }

  .anlikborsa-abone-top-bar {

    background: #5fffa3;

    position: relative;

    text-align: center;

    padding: 15px 20px;

    margin-bottom: 20px;

    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);

    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

  .anlikborsa-abone-top-bar,

  .anlikborsa-abone-top-bar .close-top-bar {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

  }

  .anlikborsa-abone-top-bar .close-top-bar {

    background: #343a40;

    position: absolute;

    width: 20px;

    height: 20px;

    border-radius: 20px;

    font-size: 12px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    color: #fff;

    right: 0;

    top: -10px;

    cursor: pointer;

  }

  .anlikborsa-abone-top-bar p {

    height: auto;

    margin: 0 0 5px;

    padding: 0;

    font-size: 14px;

  }

  .anlikborsa-abone-top-bar a {

    background: #ff6506;

    padding: 5px 25px;

    color: #fff;

    font-size: 14px;

    font-weight: 600;

    border-radius: 6px;

  }

  .anlikborsa-abone-top-bar a:hover {

    opacity: 0.8;

  }

  .content-credit-iframe {

    width: 100%;

    overflow: hidden;

    height: 305px;

    display: block;

    border: 1px solid #ccc;

    margin: 0 0 15px;

  }

  @media (min-width: 768px) {

    .ne-kadar-form {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-direction: row;

      flex-direction: row;

    }

    .ne-kadar-form .btn-finans-data-default {

      width: 150px;

      margin-left: 20px;

      margin-right: 20px;

      margin-top: 32px;

    }

    .ne-kadar-form .result-text {

      margin-top: 40px;

    }

    .ne-kadar-form .label-box {

      width: 200px;

    }

    .direction-m-column {

      padding-left: 0.625rem;

      padding-right: 0.625rem;

    }

    .hide-md {

      display: none;

    }

    .anlikborsa-abone-top-bar {

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-direction: row;

      flex-direction: row;

    }

    .anlikborsa-abone-top-bar p {

      font-size: 16px;

      margin: 0;

    }

  }

  @media (min-width: 992px) {

    .web-view-force-btn {

      display: none !important;

    }

    .col-sidebar {

      padding-left: 1rem;

    }

    .service-header-band {

      background: #343a40 !important;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      justify-content: space-between;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      overflow: unset;

    }

    .service-header-band .service-menu-right-search {

      display: block;

    }

    .container {

      padding: 0 0.625rem;

    }

    .session-statistics-row .col-12 {

      padding: 0.3125rem;

    }

    .anlik-borsa-data-container .heading-tab {

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      justify-content: space-between;

    }

    .anlik-borsa-data-container .heading-tab strong.mr-2 {

      margin-right: 0.3125rem;

    }

    .anlik-borsa-data-container .filterAlpha {

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      justify-content: space-between;

    }

    .content-credit-iframe {

      width: 100%;

      overflow: hidden;

      height: 150px;

      display: block;

      border: 1px solid #ccc;

      margin: 0 0 15px;

    }

    .content-credit-iframe iframe {

      border: none;

      min-width: 671px;

      margin: -1px 0 0 -5px;

    }

  }

  @media (max-width: 767px) {

    .bistDataContent .bistData {

      font-size: 16px;

    }

    .bar-container {

      padding: 0 0 20px;

    }

    .bar-container .bar-count-text {

      -webkit-box-orient: vertical !important;

      -webkit-box-direction: normal !important;

      -ms-flex-direction: column !important;

      flex-direction: column !important;

      margin-bottom: 5px !important;

    }

    .bar-container .bar-bullet {

      width: 100%;

    }

    .list-type-link-box li a,

    .list-type-link-box li div {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

      padding: 10px 25px 10px 10px;

      white-space: unset;

    }

    .list-type-link-box li a em.title,

    .list-type-link-box li div em.title {

      line-height: 24px;

    }

    .list-type-link-box li a span,

    .list-type-link-box li div span {

      position: relative;

      display: inline-block;

      width: -webkit-max-content;

      width: -moz-max-content;

      width: max-content;

      right: 0;

      top: 0;

    }

    .list-type-link-box li a:after,

    .list-type-link-box li div:after {

      top: calc(50% - 9px);

    }

    @-webkit-keyframes fadeInDownFooterMenu {

      0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

      }

      to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

      }

    }

    @keyframes fadeInDownFooterMenu {

      0% {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

      }

      to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

      }

    }

    .footer-sticky-buttons-m {

      -webkit-animation-name: fadeInDownFooterMenu;

      animation-name: fadeInDownFooterMenu;

      -webkit-animation-fill-mode: forwards;

      animation-fill-mode: forwards;

      -webkit-animation-duration: 0.5s;

      animation-duration: 0.5s;

      -webkit-animation-delay: 1s;

      animation-delay: 1s;

      position: fixed;

      bottom: 0;

      left: 0;

      right: 0;

      height: 56px;

      z-index: 999;

      margin: 0;

      background: #464c51;

      -webkit-box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.22);

      box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.22);

      border-top: 1px solid #777;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      list-style: none;

      padding: 0 5px;

      -ms-flex-pack: distribute;

      justify-content: space-around;

      opacity: 0;

    }

    .footer-sticky-buttons-m .btnNew {

      padding: 8px;

      width: 100%;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      font-size: 13px;

      line-height: 1.2;

      color: #fff !important;

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

    }

    .footer-sticky-buttons-m .btnNew span.icon {

      display: inline-block;

      margin: 0 0 5px;

    }

    .direction-m-column.px-0 {

      padding-left: 0 !important;

      padding-right: 0 !important;

    }

    .adv-box.text-center {

      min-height: 250px;

    }

  }

  @media (max-width: 991px) {

    .d-flex-m {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

    }

    .justify-content-sm-between {

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      justify-content: space-between;

    }

    .align-items-center-m {

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

    }

    .w-100-m {

      width: 100% !important;

    }

    .mw-100-m {

      max-width: 100% !important;

    }

    .min-w-100px-m {

      min-width: 100px;

    }

    .px-sm-0 {

      padding-left: 0 !important;

      padding-right: 0 !important;

    }

    .ml-0-m {

      margin-left: 0 !important;

    }

    .mr-0-m {

      margin-right: 0 !important;

    }

    .mb-10-m {

      margin-bottom: 10px;

    }

    .py-2-m {

      padding-top: 0.625rem !important;

      padding-bottom: 0.625rem !important;

    }

    .pl-3-m {

      padding-left: 1rem;

    }

    .mb-1-m {

      margin-bottom: 0.3125rem;

    }

    .justify-content-start-m {

      -webkit-box-pack: start !important;

      -ms-flex-pack: start !important;

      justify-content: flex-start !important;

    }

    .search-table-box-m {

      width: 100%;

      margin: 10px 0 0;

      height: 36px;

    }

    .search-table-box-m input {

      height: 34px;

      width: 100%;

    }

    .search-table-box-m.input-box-no-icon input {

      width: 100%;

    }

    .search-table-box-m.select-box:before {

      right: 12px;

      top: 10px;

    }

    .search-table-box-m.select-box:after {

      right: 0;

      top: 0;

    }

    .search-table-box-m.select-box select {

      width: 100%;

      height: 34px;

    }

    .search-table-box-m:after {

      right: 7px;

      top: 10px;

    }

    .direction-m-column {

      -webkit-box-orient: vertical !important;

      -webkit-box-direction: normal !important;

      -ms-flex-direction: column !important;

      flex-direction: column !important;

      -webkit-box-align: start;

      -ms-flex-align: start;

      align-items: flex-start;

      padding-left: 0.875rem;

      padding-right: 0.875rem;

    }

    .hide-m {

      display: none !important;

    }

    .in-house-banner-box {

      -webkit-box-orient: vertical !important;

      -webkit-box-direction: normal !important;

      -ms-flex-direction: column !important;

      flex-direction: column !important;

    }

    .in-house-banner-box a {

      margin: 0 !important;

    }

    #mevduat-faiz-hesapla {

      margin-left: auto;

      margin-top: 10px;

      height: 36px;

    }

    .heading-tab.direction-m-column {

      height: 90px;

      margin-bottom: 10px;

    }

    .anlik-borsa-data-container .heading-tab.direction-m-column {

      height: 100px;

    }

    .anlik-borsa-data-container .heading-tab strong {

      font-size: 14px !important;

    }

    .heading-tab strong:hover {

      color: #fff;

    }

    .select-box {

      background: #fff;

    }

    .data-info-ul-box-m {

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

      -ms-flex-direction: column;

      flex-direction: column;

    }

    .data-info-ul-box-m ul {

      margin: 0 !important;

      width: 100%;

      border-bottom: 1px solid #dee2e6;

    }

    .buttonsContent .w33 {

      margin-right: 12px !important;

    }

    .buttonsContent .w33:nth-child(3n + 3) {

      margin-right: 0 !important;

    }

    .bar-container {

      padding-left: 10px !important;

      padding-right: 10px !important;

    }

    .search-table-box-m.mt-0 {

      margin-top: 0 !important;

    }

    .search-table-box-m.mb-10-m {

      margin-bottom: 10px !important;

    }

    .container.my-footer-default.p-3 {

      padding-bottom: 70px !important;

    }

  }

  @media (max-width: 670px) {

    .in-house-banner-box iframe {

      height: 300px;

    }

    .breadcrumb-h1 {

      position: inherit;

      right: inherit;

      top: inherit;

      font-size: 18px;

      padding: 10px 0 20px 15px;

      background: #fff;

    }

  }

  .breadcrumb-h1 {

    position: absolute;

    right: 20px;

    top: 12px;

    font-size: 18px;

  }

  #tableSortingRow h3 {

    font-size: 13px;

  }

  .breadcrumb h1 {

    font-size: 14px;

    display: inline;

  }

  .dictionary-h1 {

    font-size: 22px;

  }

  .dictionary-a-z-box h2 {

    font-size: 20px;

  }

  .dictionary-a-z-items {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

  }

  .dictionary-a-z-items a {

    background: #343a3f;

    width: 40px;

    height: 40px;

    margin-right: 5px;

    margin-bottom: 5px;

    display: block;

    text-align: center;

    line-height: 40px;

    border-radius: 4px;

    color: #fff;

    font-size: 18px;

  }

  .dictionary-a-z-items a:hover {

    background: #53595e;

  }

  .pagination-box .pagination {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    list-style: none;

    margin: 0;

    padding: 0;

  }

  .pagination-box .pagination a {

    display: block;

    padding: 12px;

    border: 1px solid #d8d8d8;

    margin: 0 2px;

  }

  .dictionary-items-list-type-text ul {

    margin-left: 0;

    padding-left: 0;

    list-style: none;

  }

  .dictionary-items-list-type-text ul li {

    padding: 15px 0;

    border-bottom: 1px solid #ddd;

    margin-left: 0 !important;

  }

  .dictionary-items-list-type-text ul li a {

    color: red;

  }

  .dictionary-items-list-type-text ul li .pl-0 {

    padding-left: 0 !important;

  }

  .dictionary-items-list-type-text ul li p {

    margin-bottom: 0;

  }

  @media (max-width: 992px) {

    .dictionary-items-list-type-text .dictionary-items-list-heading {

      display: none !important;

    }

    .dictionary-items-list-type-text .row {

      margin-right: 20px;

    }

  }

  .btn-more-seans {

    position: absolute;

    right: 14px;

    color: #fff;

    z-index: 9;

    font-size: 13px;

    margin: 7px 0 0;

    text-decoration: underline;

  }

  .breadcrumb li:last-child span {

    font-weight: 600;

    color: #0a76c8;

  }

  .news-detail-page .service-header-band {

    margin-bottom: 1px !important;

  }

  .news-detail-page .service-sub-band {

    margin-top: 0 !important;

    margin-bottom: 10px !important;

  }

</style>





<!--{{HEAD}}-->

</head>



<body

class="detail-page news-detail-page"

data-tb-publisherid="mynetnewtr-mynet"

>

<!--{{BODY}}-->

<div id="fb-root"></div>

<div id="MynetAds_Site_Background"></div>

<div id="MynetAds_Gravity_Spacer"></div>

<div

  id="MynetAds_Ad_Models_Pageskin_BannerLeft"

  class="ad-mynetads-pageskin-left"

></div>

<div

  id="MynetAds_Ad_Models_Pageskin_BannerRight"

  class="ad-mynetads-pageskin-right"

></div>



<style>

  .fa-chefgpt:before {

    background: url("https://img7.mynet.com.tr/yemek/chefgpt/chefgpt-hamburger-anasayfa.png")

      no-repeat center center;

    content: "";

    height: 18px;

    background-size: contain;

  }

  .fa-soran-anne:before {

    background: url("https://img7.mynet.com.tr/rosetta/kadin/bebeveyn-hamburger.png")

      no-repeat center center;

    content: "";

    height: 18px;

    background-size: contain;

  }

  .fa-tatil-bulucu:before {

    background: url("https://img7.mynet.com.tr/trend/tatil-bulucu-menu.png")

      no-repeat center center;

    content: "";

    height: 18px;

    background-size: contain;

  }

</style>

<style>

  .my-open-menu-box li.fa-chefgpt {

    background: url(https://img7.mynet.com.tr/yemek/chefgpt/madame-coco.png)

      no-repeat 100px -7px;

  }

  @media (max-width: 991px) {

    .my-open-menu .my-open-menu-box li {

      width: 100%;

    }

    .my-open-menu-box li.fa-chefgpt {

      background: url(https://img7.mynet.com.tr/yemek/chefgpt/madame-coco.png)

        no-repeat 90px -4px;

      background-size: 100px;

    }

  }

</style>

<header class="my-header" data-design-name="rosetta-hubble">

  <nav class="my-menu-global">

    <button

      type="button"

      class="my-menu-toggle"

      role="button"

      aria-haspopup="menu"

      aria-label="Menüyü Aç"

    ></button>

    <a

      class="my-brand event-trigger"

      files

      title="Mynet Anasayfa"

      target="_self"

      data-event-action="logo"

      data-event-category="header-menu"

    >

      <img

        src="files/mynet-logo.png"

        class="mynet-logo"

      />

    </a>

    <div class="my-menu-box">

      <nav class="my-nav">

        <a

          files

          class="event-trigger"

          title="Haber"

          data-visible="haber"

          data-event-action="haber"

          data-event-category="header-menu"

          ><span>HABER</span></a

        >

        <a

          files

          class="event-trigger"

          title="Spor"

          data-visible="spor"

          data-event-action="spor"

          data-event-category="header-menu"

          ><span>SPOR</span></a

        >

        <a

          files

          class="event-trigger"

          title="Finans"

          data-visible="finans"

          data-event-action="finans"

          data-event-category="heder-menu"

          ><span>FÄ°NANS</span></a

        >

        <a

          files

          class="event-trigger"

          title="Mynet Video"

          data-visible="tv"

          data-event-action="tv"

          data-event-category="header-menu"

          ><span>VÄ°DEO</span></a

        >

        <a

          files

          class="event-trigger"

          title="Yemek"

          data-visible="yemek"

          data-event-action="yemek"

          data-event-category="header-menu"

          ><span>YEMEK</span></a

        >

        <a

          files

          class="event-trigger"

          title="Oyun"

          data-visible="oyun"

          data-event-action="oyun"

          data-event-category="header-menu"

          ><span>OYUN</span></a

        >

        <a

          files

          class="active event-trigger"

          title="Kadın"

          data-visible="kadin"

          data-event-action="kadin"

          data-event-category="header-menu"

          ><span>KADIN</span></a

        >

        <a

          files

          class="event-trigger"

          title="Magazin"

          data-visible="magazin"

          data-event-action="magazin"

          data-event-category="header-menu"

          ><span>MAGAZÄ°N</span></a

        >

        <a

          files

          class="event-trigger"

          title="Trend"

          data-visible="trend"

          data-event-action="trend"

          data-event-category="header-menu"

          ><span>TREND</span></a

        >

        <a

          files

          class="event-trigger vitrin-menu"

          title="Mynet Vitrin"

          data-visible="vitrin"

          data-event-action="vitrin"

          data-event-category="header-menu"

          ><span>VÄ°TRÄ°N</span></a

        >

        <a

          files

          class="event-trigger"

          title="Eğitim"

          data-visible="egitim"

          data-event-action="egitim"

          data-event-category="header-menu"

          ><span>EĞİTİM</span></a

        >

        <a

          class="all-menu"

          files

          title="Tüm Menüyü Göster"

          data-visible="tumu"

          data-event-action="tumu"

          data-event-category="header-menu"

          ><span>TÜMÜ</span></a

        >

      </nav>

      <div class="login-box-d">

        <form class="my-login-box" role="search">

          <a

            title="Üye Girişi Yap"

            aria-hidden="true"

            style="display: none"

            files

            class="event-trigger my-icon icon-power"

            data-loginstate-group="login"

          ></a>

          <div class="loginbox-wrapper">

            <a

              class="myLogin float-xs-right my-icon icon-user"

              aria-hidden="true"

              style="display: none"

              data-loginstate-group="login"

              files

              ><span

                data-loginstate-group="userName"

                class="hidden-xs"

              ></span

            ></a>

            <div class="myLogin-sub" style="min-width: 135px">

              <a title="Hesabım" files

                >HESABIM</a

              >

              <a title="Abonelik" files

                >ABONELÄ°K</a

              >

            </div>

          </div>

          <a

            title="Üye Girişi Yap"

            files

            onclick="myHtmlLogin.login();"

            data-loginstate-group="logout"

            class="myLogin float-xs-right my-icon icon-user"

            ><span class="hidden-xs">ÜYE GİRİŞİ</span></a

          >

        </form>

      </div>

      <form

        id="my-header-search-box"

        data-role="globalSearch"

        class="search-box-new-wrap"

      >

        <div class="search-box-new-container">

          <input

            id="myGlobalSearchInput"

            type="search"

            class="search-input"

            placeholder="Aradığınız kelimeyi yazın..."

            autocomplete="off"

          />

          <span

            id=""

            class="search-button my-icon icon-search"

            type=""

            aria-label="Arama yap"

          ></span>

        </div>

        <span class="close"></span>

      </form>

      <style>

        .search-box-new-wrap {

          position: relative;

          display: flex;

          float: right;

          margin-right: 30px;

          align-items: center;

          line-height: 60px;

          height: 60px;

          width: 30px;

          z-index: 10;

          background: 0 0;

          border: none;

          cursor: pointer;

        }

        .search-box-new-wrap .search-box-new-container {

          display: flex;

          position: relative;

          width: 90%;

          max-width: 1000px;

          margin: auto;

        }

        .search-box-new-wrap input {

          display: none;

          padding-right: 0;

          padding-left: 0;

        }

        .search-box-new-wrap

          input[type="search"]::-webkit-search-cancel-button {

          -webkit-appearance: none;

        }

        .search-box-new-wrap.open {

          position: fixed;

          left: 0;

          top: 0;

          width: 100%;

          height: 100%;

          background: rgba(0, 0, 0, 0.9);

          z-index: 9999;

        }

        .search-box-new-wrap.open input {

          display: block;

          width: 100%;

          background: 0 0;

          border: none;

          border-bottom: 1px solid #fff;

          max-width: 1000px;

          color: #fff;

          font-size: 26px;

        }

        .search-box-new-wrap.open input::placeholder {

          color: #fff;

        }

        .search-box-new-wrap.open input:focus::placeholder {

          color: transparent;

        }

        .search-box-new-wrap .search-button {

          width: 50px;

          height: 50px;

          background: 0 0;

          border: none;

        }

        .search-box-new-wrap.open .search-button:before {

          margin-top: -10px;

          left: 0;

          color: #fff;

          font-size: 2em;

        }

        .search-box-new-wrap .search-button:before {

          left: 0;

          top: 15px;

        }

        .search-box-new-wrap.open .search-button {

          width: 50px;

          height: 50px;

          position: absolute;

          right: -8px;

          bottom: 5px;

        }

        .search-box-new-wrap .close {

          display: none;

        }

        .search-box-new-wrap.open .close {

          display: block;

          position: absolute;

          right: 15px;

          top: 15px;

          color: #fff;

          width: 20px;

          height: 20px;

        }

        .search-box-new-wrap.open .close:before {

          transform: rotate(-45deg);

        }

        .search-box-new-wrap.open .close:after {

          transform: rotate(45deg);

        }

        .search-box-new-wrap.open .close:after,

        .search-box-new-wrap.open .close:before {

          content: "";

          transition: 0.2s ease-in-out;

          border: none;

          background-color: #fff;

          height: 2px;

          width: 24px;

          top: 10px;

          left: -2px;

          position: absolute;

        }

        .search-box-new-wrap.open .close {

          cursor: pointer;

        }

        .search-box-new-wrap.open:hover {

          cursor: default;

        }

        @media (max-width: 991px) {

          .search-box-new-wrap .search-button {

            transform: translate(-37px, -2px);

          }

          .search-box-new-wrap.open .search-button {

            transform: translate(0px, 0px);

          }

          .search-box-new-wrap.open input {

            font-size: 22px;

          }

        }



        .fa-thumbs-up:before{content:"\f164"}



        .fa-comment-alt:before, .fa-message:before {

            content: "\f27a";

        }



        .fa-arrow-turn-right:before, .fa-mail-forward:before, .fa-share:before {

            content: "\f064";

        }



        .fa-solid, .fas {

            font-weight: 900;

        }



        .fa-classic, .fa-regular, .fa-solid, .far, .fas {

            font-family: "Font Awesome 6 Free";

        }



        .fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas {

            -moz-osx-font-smoothing: grayscale;

            -webkit-font-smoothing: antialiased;

            display: var(--fa-display,inline-block);

            font-style: normal;

            font-variant: normal;

            line-height: 1;

            text-rendering: auto;

        }





        .fa-thumbs-up{

            margin-bottom: 0px !important;

        }