@charset "UTF-8";

/*@import url('https://fonts.googleapis.com/css?family=Roboto Condensed:400,700&subset=latin-ext');*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin-ext');*/
@import url("http://fonts.googleapis.com/css?family=Poppins:400,600&display=swap&subset=latin-ext");
/*@import url('https://fonts.googleapis.com/css?family=Raleway&subset=latin-ext');*/
/*$default-font-family: 'Roboto', sans-serif;*/
.text-Renk-1 {
  color: #f4f4f4; }

.text-Renk-2 {
  color: #353333; }

.text-Renk-3 {
  color: #777; }

.text-Renk-4 {
  color: #E31E24; }

.text-Renk-5 {
  color: #57A7B3; }

.text-Renk-6 {
  color: #396194; }

.text-Renk-7 {
  color: #008DD2; }

.bg-Renk-1 {
  background-color: #f4f4f4; }

.bg-Renk-2 {
  background-color: #353333; }

.bg-Renk-3 {
  background-color: #777; }

.bg-Renk-4 {
  background-color: #E31E24; }

.bg-Renk-5 {
  background-color: #57A7B3; }

.bg-Renk-6 {
  background-color: #396194; }

.bg-Renk-7 {
  background-color: #008DD2; }

.min-w-100 {
  min-width: 100%; }

.delay-0 {
  -webkit-animation-delay: 0ms !important;
  -moz-animation-delay: 0ms !important;
  animation-delay: 0ms !important; }

.delay-100 {
  -webkit-animation-delay: 100ms !important;
  -moz-animation-delay: 100ms !important;
  animation-delay: 100ms !important; }

.delay-200 {
  -webkit-animation-delay: 200ms !important;
  -moz-animation-delay: 200ms !important;
  animation-delay: 200ms !important; }

.delay-300 {
  -webkit-animation-delay: 300ms !important;
  -moz-animation-delay: 300ms !important;
  animation-delay: 300ms !important; }

.delay-400 {
  -webkit-animation-delay: 400ms !important;
  -moz-animation-delay: 400ms !important;
  animation-delay: 400ms !important; }

.delay-500 {
  -webkit-animation-delay: 500ms !important;
  -moz-animation-delay: 500ms !important;
  animation-delay: 500ms !important; }

.delay-600 {
  -webkit-animation-delay: 600ms !important;
  -moz-animation-delay: 600ms !important;
  animation-delay: 600ms !important; }

.delay-700 {
  -webkit-animation-delay: 700ms !important;
  -moz-animation-delay: 700ms !important;
  animation-delay: 700ms !important; }

.delay-800 {
  -webkit-animation-delay: 800ms !important;
  -moz-animation-delay: 800ms !important;
  animation-delay: 800ms !important; }

.delay-900 {
  -webkit-animation-delay: 900ms !important;
  -moz-animation-delay: 900ms !important;
  animation-delay: 900ms !important; }

.delay-1000 {
  -webkit-animation-delay: 1000ms !important;
  -moz-animation-delay: 1000ms !important;
  animation-delay: 1000ms !important; }

.delay-1100 {
  -webkit-animation-delay: 1100ms !important;
  -moz-animation-delay: 1100ms !important;
  animation-delay: 1100ms !important; }

.delay-1200 {
  -webkit-animation-delay: 1200ms !important;
  -moz-animation-delay: 1200ms !important;
  animation-delay: 1200ms !important; }

.delay-1300 {
  -webkit-animation-delay: 1300ms !important;
  -moz-animation-delay: 1300ms !important;
  animation-delay: 1300ms !important; }

.delay-1400 {
  -webkit-animation-delay: 1400ms !important;
  -moz-animation-delay: 1400ms !important;
  animation-delay: 1400ms !important; }

.delay-1500 {
  -webkit-animation-delay: 1500ms !important;
  -moz-animation-delay: 1500ms !important;
  animation-delay: 1500ms !important; }

.delay-1600 {
  -webkit-animation-delay: 1600ms !important;
  -moz-animation-delay: 1600ms !important;
  animation-delay: 1600ms !important; }

.delay-1700 {
  -webkit-animation-delay: 1700ms !important;
  -moz-animation-delay: 1700ms !important;
  animation-delay: 1700ms !important; }

.delay-1800 {
  -webkit-animation-delay: 1800ms !important;
  -moz-animation-delay: 1800ms !important;
  animation-delay: 1800ms !important; }

.delay-1900 {
  -webkit-animation-delay: 1900ms !important;
  -moz-animation-delay: 1900ms !important;
  animation-delay: 1900ms !important; }

.delay-2000 {
  -webkit-animation-delay: 2000ms !important;
  -moz-animation-delay: 2000ms !important;
  animation-delay: 2000ms !important; }

.delay-2100 {
  -webkit-animation-delay: 2100ms !important;
  -moz-animation-delay: 2100ms !important;
  animation-delay: 2100ms !important; }

.delay-2200 {
  -webkit-animation-delay: 2200ms !important;
  -moz-animation-delay: 2200ms !important;
  animation-delay: 2200ms !important; }

.delay-2300 {
  -webkit-animation-delay: 2300ms !important;
  -moz-animation-delay: 2300ms !important;
  animation-delay: 2300ms !important; }

.delay-2400 {
  -webkit-animation-delay: 2400ms !important;
  -moz-animation-delay: 2400ms !important;
  animation-delay: 2400ms !important; }

.delay-2500 {
  -webkit-animation-delay: 2500ms !important;
  -moz-animation-delay: 2500ms !important;
  animation-delay: 2500ms !important; }

.delay-2600 {
  -webkit-animation-delay: 2600ms !important;
  -moz-animation-delay: 2600ms !important;
  animation-delay: 2600ms !important; }

.delay-2700 {
  -webkit-animation-delay: 2700ms !important;
  -moz-animation-delay: 2700ms !important;
  animation-delay: 2700ms !important; }

.delay-2800 {
  -webkit-animation-delay: 2800ms !important;
  -moz-animation-delay: 2800ms !important;
  animation-delay: 2800ms !important; }

.delay-2900 {
  -webkit-animation-delay: 2900ms !important;
  -moz-animation-delay: 2900ms !important;
  animation-delay: 2900ms !important; }

.delay-3000 {
  -webkit-animation-delay: 3000ms !important;
  -moz-animation-delay: 3000ms !important;
  animation-delay: 3000ms !important; }

.delay-3100 {
  -webkit-animation-delay: 3100ms !important;
  -moz-animation-delay: 3100ms !important;
  animation-delay: 3100ms !important; }

.delay-3200 {
  -webkit-animation-delay: 3200ms !important;
  -moz-animation-delay: 3200ms !important;
  animation-delay: 3200ms !important; }

.delay-3300 {
  -webkit-animation-delay: 3300ms !important;
  -moz-animation-delay: 3300ms !important;
  animation-delay: 3300ms !important; }

.delay-3400 {
  -webkit-animation-delay: 3400ms !important;
  -moz-animation-delay: 3400ms !important;
  animation-delay: 3400ms !important; }

.delay-3500 {
  -webkit-animation-delay: 3500ms !important;
  -moz-animation-delay: 3500ms !important;
  animation-delay: 3500ms !important; }

.delay-3600 {
  -webkit-animation-delay: 3600ms !important;
  -moz-animation-delay: 3600ms !important;
  animation-delay: 3600ms !important; }

.delay-3700 {
  -webkit-animation-delay: 3700ms !important;
  -moz-animation-delay: 3700ms !important;
  animation-delay: 3700ms !important; }

.delay-3800 {
  -webkit-animation-delay: 3800ms !important;
  -moz-animation-delay: 3800ms !important;
  animation-delay: 3800ms !important; }

.delay-3900 {
  -webkit-animation-delay: 3900ms !important;
  -moz-animation-delay: 3900ms !important;
  animation-delay: 3900ms !important; }

.delay-4000 {
  -webkit-animation-delay: 4000ms !important;
  -moz-animation-delay: 4000ms !important;
  animation-delay: 4000ms !important; }

.delay-4100 {
  -webkit-animation-delay: 4100ms !important;
  -moz-animation-delay: 4100ms !important;
  animation-delay: 4100ms !important; }

.delay-4200 {
  -webkit-animation-delay: 4200ms !important;
  -moz-animation-delay: 4200ms !important;
  animation-delay: 4200ms !important; }

.delay-4300 {
  -webkit-animation-delay: 4300ms !important;
  -moz-animation-delay: 4300ms !important;
  animation-delay: 4300ms !important; }

.delay-4400 {
  -webkit-animation-delay: 4400ms !important;
  -moz-animation-delay: 4400ms !important;
  animation-delay: 4400ms !important; }

.delay-4500 {
  -webkit-animation-delay: 4500ms !important;
  -moz-animation-delay: 4500ms !important;
  animation-delay: 4500ms !important; }

.delay-4600 {
  -webkit-animation-delay: 4600ms !important;
  -moz-animation-delay: 4600ms !important;
  animation-delay: 4600ms !important; }

.delay-4700 {
  -webkit-animation-delay: 4700ms !important;
  -moz-animation-delay: 4700ms !important;
  animation-delay: 4700ms !important; }

.delay-4800 {
  -webkit-animation-delay: 4800ms !important;
  -moz-animation-delay: 4800ms !important;
  animation-delay: 4800ms !important; }

.delay-4900 {
  -webkit-animation-delay: 4900ms !important;
  -moz-animation-delay: 4900ms !important;
  animation-delay: 4900ms !important; }

.fadeInLeft {
  animation-name: bounceInLeft;
  animation-duration: 1s;
  animation-fill-mode: both; }

@keyframes bounceInLeft {
  60%, 75%, 90%, from, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  to {
    transform: none; } }

body {
  background-color: #f4f4f4 !important; }
  body a {
    color: #17a2b8; }
    body a h4 {
      font-size: 0.85rem;
      font-weight: 700; }
    body a:hover {
      text-decoration: none; }

.web {
  color: #000; }
  .web .ust-menu {
    /*background-color: $white;
                -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
                box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
                margin-bottom: $spacer/2;
                z-index: 10;
                position: relative;*/
    background-color: #ffffff;
    /* -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3); */
    /* box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3); */
    /*margin-bottom: 0.5rem;*/
    z-index: 10;
    position: relative;
    border-bottom: solid 3px #E31E24; }
    .web .ust-menu .container {
      position: relative; }
    .web .ust-menu .navbar-brand {
      z-index: 201;
      position: relative;
      padding: 0;
      color: #fff; }
      .web .ust-menu .navbar-brand img {
        height: 50px !important;
        width: auto; }
    .web .ust-menu .navbar-nav .nav-item .nav-link {
      color: #f4f4f4 !important; }
    .web .ust-menu .navbar-nav .nav-item .dropdown-menu {
      height: 0;
      transition: height 2s;
      background: #f4f4f4; }
      .web .ust-menu .navbar-nav .nav-item .dropdown-menu.show {
        height: auto;
        transition: height 2s; }
      .web .ust-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item {
        color: #f4f4f4;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem; }
        .web .ust-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover, .web .ust-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus, .web .ust-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item:active {
          background-color: #f4f4f4; }
      .web .ust-menu .navbar-nav .nav-item .dropdown-menu .dropdown-toggle::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-right: 0.4em;
        margin-left: 0.4em;
        vertical-align: 0.4em;
        border-top: 0.4em solid transparent;
        border-bottom: 0.4em solid transparent;
        border-right: 0;
        border-left: 0.4em solid;
        right: 0;
        text-align: right;
        position: absolute;
        top: 50%; }
    .web .ust-menu .navbar-nav .navbar-custom {
      background-color: #353333 !important; }
    .web .ust-menu .sosyal-media {
      position: absolute;
      right: 1rem;
      top: 1.5rem; }
      .web .ust-menu .sosyal-media a {
        color: #d5d5d5;
        font-size: 110%;
        padding: 0.5rem;
        display: inline-block; }
      @media (max-width: 991.98px) {
        .web .ust-menu .sosyal-media {
          left: 1rem;
          right: auto;
          top: 0; } }
    .web .ust-menu .container .lang-bar {
      display: inline-block; }
    .web .ust-menu .lang-bar {
      position: absolute;
      top: 0;
      right: 1rem; }
      .web .ust-menu .lang-bar a {
        background-color: #353333;
        padding: 0.5rem;
        display: inline-block;
        color: #aaaaaa; }
        .web .ust-menu .lang-bar a.active {
          color: #fff; }
  .web .footer {
    background-color: #353333;
    color: #f4f4f4; }
    .web .footer h4 {
      font-weight: 700;
      margin-top: 1rem; }
    .web .footer .sosyal-media a {
      color: #f8f9fa;
      font-size: 28px;
      margin-right: 1rem; }
    .web .footer .iletisim-formu-area {
      text-align: left;
      padding-left: 1rem; }
      @media (max-width: 991.98px) {
        .web .footer .iletisim-formu-area {
          background-color: #353333;
          margin-top: 2rem;
          padding: 2rem; } }
    .web .footer .navbar-nav {
      display: block !important; }
      .web .footer .navbar-nav li {
        display: inline-block;
        width: 49%; }
      .web .footer .navbar-nav A {
        color: white; }
  .web .contentarea .carousel .carousel-item .carousel-caption {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3); }
    .web .contentarea .carousel .carousel-item .carousel-caption h5 {
      display: none; }
  .web .modal {
    color: #f4f4f4 !important; }
  .web .header {
    position: relative;
    margin-bottom: 1rem;
    padding: 0.5rem;
    background-color: #E31E24;
    /*background-color: $white;*/
    margin-top: -0.25rem;
    z-index: 1; }
    .web .header a {
      display: inline-block;
      color: #fff;
      /*color: $white/2;*/
      font-size: 0.9775rem; }
      .web .header a:last-child {
        /*color: $black;*/ }
    .web .header .header-image-area {
      position: relative; }
      .web .header .header-image-area img {
        min-width: 100%;
        height: auto;
        width: auto;
        max-width: 100%; }
  .web .header-image-area .header-image {
    width: 100%;
    max-width: 100%;
    height: auto; }
  .web .image-background {
    background-position: center center;
    background-size: cover; }
  .web .kategori .liste.showing-container .item {
    display: inline-flex; }
  .web .kategori .liste .item {
    position: relative;
    display: none;
    flex-flow: row wrap;
    margin-bottom: 1rem;
    overflow: hidden; }
    .web .kategori .liste .item .baslik {
      margin-top: auto;
      margin-bottom: auto;
      align-self: center;
      position: absolute;
      text-align: center;
      height: auto;
      width: 100%;
      left: -95%;
      overflow: hidden;
      background-color: rgba(0, 0, 0, 0.5);
      padding: 1rem;
      width: 100%;
      transition: left 0.3s;
      z-index: 5; }
      .web .kategori .liste .item .baslik a {
        color: #fff; }
    .web .kategori .liste .item .image-container {
      text-align: center;
      width: 100%; }
      .web .kategori .liste .item .image-container img {
        height: 220px;
        width: auto; }
    .web .kategori .liste .item .caption {
      width: 100%;
      height: auto; }
    .web .kategori .liste .item:hover .baslik {
      left: 0;
      transition: left 1s; }
  .web .kategori-popup .liste .item {
    position: relative;
    display: block; }
    .web .kategori-popup .liste .item .item-container {
      padding-top: 4rem;
      background-color: #353333;
      position: relative;
      width: 100%; }
    .web .kategori-popup .liste .item .baslik {
      text-align: center;
      height: auto;
      width: 100%;
      padding-top: 2rem;
      width: 100%; }
      .web .kategori-popup .liste .item .baslik a {
        color: #fff; }
    .web .kategori-popup .liste .item .image-container {
      text-align: center;
      width: 100%; }
    .web .kategori-popup .liste .item .caption {
      height: 30px;
      overflow: hidden; }
    .web .kategori-popup .liste .item:hover .baslik {
      left: 0;
      transition: left 1s; }
  .web .detay .aciklama {
    /*font-weight:bold;*/ }
  .web .corpraite {
    padding: 1rem;
    background-color: #1b1a1a;
    border-top: solid 1px #6a6666; }
    .web .corpraite .bilgi {
      font-size: 90%;
      color: #c4c4c4; }
      .web .corpraite .bilgi a {
        color: #d5d5d5;
        font-weight: 700; }
  .web .styled-baslik {
    vertical-align: middle;
    font-size: 16.8px;
    color: #a3a3a3;
    display: block;
    margin: 0;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 1rem;
    display: flex;
    align-content: space-between; }
    .web .styled-baslik .title {
      font-size: 1.105rem;
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: -1px;
      display: inline-block;
      margin-bottom: 0; }
      .web .styled-baslik .title a, .web .styled-baslik .title span {
        color: #222222;
        display: inline-block;
        padding-bottom: 0.25rem;
        margin-bottom: -1px;
        border-bottom: 2px solid #f44336;
        padding-right: 1rem; }
    .web .styled-baslik i {
      padding-right: 0.25rem;
      color: #dc3545;
      display: inline-block;
      padding-bottom: 0.25rem;
      margin-bottom: -1px;
      border-bottom: 2px solid #000; }
  .web .haber-list-container {
    padding: 0.5rem; }
  .web .haber-list .haber {
    padding: 0.25rem;
    margin-bottom: 1rem;
    height: 100%;
    position: relative;
    border: solid 1px transparent; }
    .web .haber-list .haber .kategori-adi {
      position: absolute;
      left: 0;
      top: 1rem;
      background-color: #E31E24;
      color: #fff;
      display: inline-block;
      padding: 0.25rem; }
    .web .haber-list .haber .tarih {
      display: block;
      text-align: right;
      padding-top: 0.5rem;
      font-size: 0.595rem;
      color: #adb5bd; }
    .web .haber-list .haber:hover {
      background-color: #f8f9fa;
      border-color: #e9ecef; }
    .web .haber-list .haber .image-container {
      display: inline-block;
      /*overflow: hidden;*/
      /*height: auto;*/
      vertical-align: middle; }
      .web .haber-list .haber .image-container img {
        min-height: 100%;
        width: 100%;
        max-width: 100%;
      }
      @media (min-width: 576px) {
        .web .haber-list .haber .image-container {
            width: 100%;
            max-width: 100%;
            text-align: center;
          /*height: 150px;*/ } }
@media (max-width: 575px) {
    .web .haber-list .haber .image-container {
        width: 100%;
        max-width: 100%;
        text-align: center;
        /*height: 150px;*/ } }
    .web .haber-list .haber h4 {
      font-size: 0.85rem;
      font-weight: bold;
      margin: 0;
      padding: 0;
      color: #404040;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }
  .web .yazar-container {
    width: 100%;
    display: flex;
    width: 100%; }
    .web .yazar-container .yazar-box {
      border-radius: 100%;
      height: 90px;
      min-height: 90px;
      width: 90px;
      min-width: 90px;
      overflow: hidden;
      border: solid 3px #dee2e6; }
      .web .yazar-container .yazar-box .image {
        max-width: 100%;
        height: auto; }
    .web .yazar-container .yazar-name {
      width: 100%;
      align-self: center;
      padding: 5px;
      text-align: right; }
  .web .koseyazari-kategorisi .yazar-container {
    padding: 1rem;
    background-color: #fff;
    margin: 0.25rem; }
    .web .koseyazari-kategorisi .yazar-container .yazar-box {
      background: #fff; }
  .web .dovizler {
    margin-top: 0.5rem;
    padding: 0.5rem;
    display: block;
    position: relative;
    background-color: white;
    border: solid 1px #fff;
    z-index: 2; }
    .web .dovizler .doviz-row {
      display: flex;
      justify-content: space-between;
      border-bottom: solid 1px #e9ecef;
      padding-bottom: 0.33333rem;
      margin-bottom: 0.33333rem;
      background-color: rgba(255, 255, 255, 0.29);
      z-index: 4; }
      .web .dovizler .doviz-row .adi {
        font-weight: 700; }
      .web .dovizler .doviz-row .degisim {
        color: #adb5bd; }
      .web .dovizler .doviz-row:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none; }
  .web .havadurumu {
    margin-top: 0.5rem;
    padding: 0.5rem;
    background-color: #fff; }
    .web .havadurumu .hava-row {
      text-align: center; }
      .web .havadurumu .hava-row .EnYuksek {
        font-size: 2.55rem;
        color: #6f42c1; }
      .web .havadurumu .hava-row .seperator {
        font-size: 1.7rem;
        color: #e9ecef;
        margin-left: 10px;
        margin-right: 10px; }
      .web .havadurumu .hava-row .EnDusuk {
        font-size: 2.125rem;
        color: #adb5bd; }
      .web .havadurumu .hava-row .Durum {
        display: block; }
  .web .nobetci-eczane {
    margin-top: 0.5rem;
    padding: 0.5rem;
    background-color: #fff; }
    .web .nobetci-eczane a {
      display: flex;
      align-items: center;
      color: #fff; }
      .web .nobetci-eczane a img {
        width: 40px;
        height: auto; }
      .web .nobetci-eczane a span {
        text-align: center;
        width: 100%;
        background-color: #E31E24;
        padding: 0.5rem;
        display: inline-block; }
  .web .popupadv .modal-content {
    border: 0; }
    .web .popupadv .modal-content .close {
      position: absolute;
      top: -28px;
      right: 5px;
      background-color: #fff;
      padding: 0.25rem;
      display: inline-block;
      opacity: 0.8;
      border-top-left-radius: 0.5rem;
      border-top-right-radius: 0.5rem; }
  .web .adv-area {
    position: relative; }
    .web .adv-area .left {
      position: absolute;
      width: 150px;
      height: auto;
      left: -150px;
      text-align: right; }
    .web .adv-area .right {
      position: absolute;
      width: 150px;
      height: auto;
      right: -150px;
      text-align: left; }

/*#region Share */
.jssocials-shares {
  margin: 0.2em 0; }

.jssocials-shares * {
  box-sizing: border-box; }

.jssocials-share {
  display: inline-block;
  vertical-align: top;
  margin: 0.3em 0.6em 0.3em 0; }

.jssocials-share:last-child {
  margin-right: 0; }

.jssocials-share-logo {
  width: 1em;
  vertical-align: middle;
  font-size: 1.5em; }

img.jssocials-share-logo {
  width: auto;
  height: 1em; }

.jssocials-share-link {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1; }
  .jssocials-share-link.jssocials-share-link-count {
    padding-top: .2em; }
    .jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
      display: block;
      font-size: .6em;
      margin: 0 -.5em -.8em -.5em; }
  .jssocials-share-link.jssocials-share-no-count {
    padding-top: .5em; }
    .jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
      height: 1em; }

.jssocials-share-label {
  padding-left: 0.3em;
  vertical-align: middle; }

.jssocials-share-count-box {
  display: inline-block;
  height: 1.5em;
  padding: 0 0.3em;
  line-height: 1;
  vertical-align: middle;
  cursor: default; }
  .jssocials-share-count-box.jssocials-share-no-count {
    display: none; }

.jssocials-share-count {
  line-height: 1.5em;
  vertical-align: middle; }

.jssocials-share-twitter .jssocials-share-link {
  background: #00aced;
  border: 1px solid #0099d4; }
  .jssocials-share-twitter .jssocials-share-link:hover {
    background: #0087ba; }

.jssocials-share-facebook .jssocials-share-link {
  background: #3b5998;
  border: 1px solid #344e86; }
  .jssocials-share-facebook .jssocials-share-link:hover {
    background: #2d4373; }

.jssocials-share-googleplus .jssocials-share-link {
  background: #dd4b39;
  border: 1px solid #d73925; }
  .jssocials-share-googleplus .jssocials-share-link:hover {
    background: #c23321; }

.jssocials-share-linkedin .jssocials-share-link {
  background: #007bb6;
  border: 1px solid #006a9d; }
  .jssocials-share-linkedin .jssocials-share-link:hover {
    background: #005983; }

.jssocials-share-pinterest .jssocials-share-link {
  background: #cb2027;
  border: 1px solid #b51d23; }
  .jssocials-share-pinterest .jssocials-share-link:hover {
    background: #9f191f; }

.jssocials-share-email .jssocials-share-link {
  background: #3490F3;
  border: 1px solid #1c83f2; }
  .jssocials-share-email .jssocials-share-link:hover {
    background: #0e76e6; }

.jssocials-share-stumbleupon .jssocials-share-link {
  background: #eb4823;
  border: 1px solid #e03a14; }
  .jssocials-share-stumbleupon .jssocials-share-link:hover {
    background: #c93412; }

.jssocials-share-whatsapp .jssocials-share-link {
  background: #29a628;
  border: 1px solid #249123; }
  .jssocials-share-whatsapp .jssocials-share-link:hover {
    background: #1f7d1e; }

.jssocials-share-telegram .jssocials-share-link {
  background: #2ca5e0;
  border: 1px solid #1f98d3; }
  .jssocials-share-telegram .jssocials-share-link:hover {
    background: #1c88bd; }

.jssocials-share-line .jssocials-share-link {
  background: #25af00;
  border: 1px solid #209600; }
  .jssocials-share-line .jssocials-share-link:hover {
    background: #1a7c00; }

.jssocials-share-viber .jssocials-share-link {
  background: #7b519d;
  border: 1px solid #6e488c; }
  .jssocials-share-viber .jssocials-share-link:hover {
    background: #61407b; }

.jssocials-share-pocket .jssocials-share-link {
  background: #ef4056;
  border: 1px solid #ed2841; }
  .jssocials-share-pocket .jssocials-share-link:hover {
    background: #e9132e; }

.jssocials-share-messenger .jssocials-share-link {
  background: #0084ff;
  border: 1px solid #0077e6; }
  .jssocials-share-messenger .jssocials-share-link:hover {
    background: #006acc; }

.jssocials-share-vkontakte .jssocials-share-link {
  background: #45668e;
  border: 1px solid #3d5a7d; }
  .jssocials-share-vkontakte .jssocials-share-link:hover {
    background: #344d6c; }

.jssocials-share-link {
  padding: .5em .6em;
  border-radius: 0.3em;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.15);
  color: #fff;
  transition: background 200ms ease-in-out; }
  .jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active {
    color: #fff; }

.jssocials-share-count-box {
  position: relative;
  height: 2.5em;
  padding: 0 .3em;
  margin-left: 6px;
  border-radius: 0.3em;
  border: 1px solid #dcdcdc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); }
  .jssocials-share-count-box:before {
    content: "";
    position: absolute;
    top: 1em;
    left: -9px;
    display: block;
    width: 0;
    border-style: solid;
    border-width: 6px 6px 0;
    border-color: #dcdcdc transparent;
    transform: rotate(90deg); }
  .jssocials-share-count-box:after {
    content: "";
    position: absolute;
    top: 1em;
    left: -7px;
    display: block;
    width: 0;
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: #fff transparent;
    transform: rotate(90deg); }
  .jssocials-share-count-box .jssocials-share-count {
    line-height: 2.75em;
    color: #444;
    font-size: .9em; }

@media (max-width: 991.98px) {
  .paylas-area-1 .jssocials-shares {
    display: flex !important; }
    .paylas-area-1 .jssocials-shares .jssocials-share {
      margin-right: 0.25rem; } }

.paylas-area-1 .jssocials-share {
  display: block;
  margin-right: 0; }
  .paylas-area-1 .jssocials-share .jssocials-share-link {
    display: block; }

/*#endregion */
/*#region galeritema */
.galeri-area .foto-galeri-area .foto-galeri-container {
  position: relative;
  width: 100%; }
  .galeri-area .foto-galeri-area .foto-galeri-container ul {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    column-count: 4;
    column-gap: 0px;
    column-fill: balance;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none; }
    @media (max-width: 991.98px) {
      .galeri-area .foto-galeri-area .foto-galeri-container ul {
        column-count: 2; } }
    @media (max-width: 799.98px) {
      .galeri-area .foto-galeri-area .foto-galeri-container ul {
        column-count: 1; } }
    .galeri-area .foto-galeri-area .foto-galeri-container ul li {
      width: 100%;
      display: inline-block;
      font-family: arial, helvetica, sans;
      font-size: 12px;
      color: #333;
      padding: 0.5rem; }
      .galeri-area .foto-galeri-area .foto-galeri-container ul li a {
        height: 100%;
        width: 100%;
        display: inline-block;
        background-position: center center;
        background-size: cover; }
      .galeri-area .foto-galeri-area .foto-galeri-container ul li > img {
        opacity: 0;
        max-width: 100%;
        height: auto;
        margin: 5px 0px; }
      .galeri-area .foto-galeri-area .foto-galeri-container ul li > *:first-child {
        margin-top: 0; }
      .galeri-area .foto-galeri-area .foto-galeri-container ul li > *:last-child {
        margin-bottom: 0; }
  .galeri-area .foto-galeri-area .foto-galeri-container img {
    margin: 3px;
    max-width: 100%;
    height: auto;
    opacity: 0; }

/*#endregion */
/*#region swipe-alanlari */
.swiper-container {
  width: 100%;
  height: 100%; }

.swiper-slide {
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: auto; }

.surmanset-slide {
  position: relative;
  height: 180px;
  overflow: hidden; }
  .surmanset-slide img {
    max-width: 100%;
    height: auto; }
  .surmanset-slide .swiper-container-vertical .swiper-pagination {
    right: 0;
    width: auto !important;
    top: auto !important;
    bottom: -30px !important; }
    .surmanset-slide .swiper-container-vertical .swiper-pagination .swiper-pagination-bullet {
      font-size: 12px;
      line-height: 30px;
      width: 30px;
      height: 30px;
      display: inline-block;
      background-color: #000;
      border-radius: 0;
      color: #fff;
      opacity: 1;
      display: inline-block !important; }
      .surmanset-slide .swiper-container-vertical .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #E31E24; }
  .surmanset-slide .swiper-container-horizontal {
    padding-bottom: 25px; }
    .surmanset-slide .swiper-container-horizontal .swiper-pagination {
      background-color: #fff !important;
      position: relative;
      bottom: auto;
      font-size: 0px;
      padding-top: 8px;
      padding-bottom: 8px; }


@media (min-width: 1367px){
    .img-fluid{max-width:100%;height:auto;max-height: 270px;}
}


@media (max-width: 600px) {
    .mobizgizle {
        visibility: hidden;
        clear: both;
        float: left;
        margin: 10px auto 5px 20px;
        width: 28%;
        display: none;
    }
}

@media (max-width: 600px) {
    .sondakikahaber {
        z-index: 9999!important;
        position:relative;
        text-align:center;
        background-color: #ffffff;
        width: 100%!important;
    }
    .sondakikahaber a #desktopspan{  display: none; visibility: hidden;}
    .sondakikahaber a #mobilspan{ color:#000000!important;display: block; visibility:visible;vertical-align: top;}
    .sondakika_item_container{   flex-direction:inherit!important;}
}
@media (min-width: 601px) {
    .sondakikahaber {
        z-index: 9999!important;
        position:absolute;
        text-align:center;
        background-color: #e31e24;
        width: 100%!important;
        margin-top: 120px;
        height: 50px;
    }

    .sondakikahaber a #desktopspan{ color:#ffffff!important; display: block; visibility: visible;}
    .sondakikahaber a #mobilspan{ display: none; visibility: hidden;}
    .sondakika_item_container{   flex-direction:column!important;;}
}

.manset-slide {
  position: relative;
  background-color: #353333;
  /*height: 400px;*/
  overflow: hidden;
  /*max-height:400px !important*/
}
  .manset-slide img {
    max-width: 100%;
    height: auto; }
  .manset-slide .caption {
    position: absolute;
    bottom: 34px;
    width: auto;
    left: 0;
    background-color: rgba(0, 0, 0, 0.65);
    padding: 0.5rem;
    color: #fff;
    transition: left 0.75s ease-in-out 0s;
    left: -900px;
    visibility: hidden;
    margin: 0;
    width: 0; }
    .manset-slide .caption a {
      color: #fff; }
      @media (max-width: 991.98px) {
        .manset-slide .caption a {
          font-size: 0.85rem; } }
  .manset-slide .swiper-slide-active .caption {
    transition: left 0.75s ease-in-out 0s;
    left: 0;
    visibility: visible;
    width: auto; }
  .manset-slide .left, .manset-slide .right {
    position: absolute;
    z-index: 10;
    display: inline-block;
    top: 50%;
    cursor: pointer;
    height: auto; }
    .manset-slide .left i, .manset-slide .right i {
      font-size: 30px;
      color: #fff;
      opacity: 0.5; }
      .manset-slide .left i:hover, .manset-slide .right i:hover {
        opacity: 1; }
  .manset-slide .right {
    right: 0; }

.manset-slide-pager {
  background-color: #353333; }
  .manset-slide-pager.swiper-pagination {
    position: relative;
    display: block;
    text-align: left;
    display: flex;
    justify-content: space-between; }
    .manset-slide-pager.swiper-pagination .swiper-pagination-bullet {
      text-align: center;
      margin: 0;
      margin-right: 2px;
      font-size: 12px;
      line-height: 30px;
      width: 100%;
      height: 30px;
      display: inline-block;
      background-color: #000;
      border-radius: 0;
      color: #fff;
      opacity: 1;
      display: inline-block !important; }
      .manset-slide-pager.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #E31E24; }
  .manset-slide-pager .tumunu-goster {
    color: #fff;
    align-self: center;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 30px; }
    .manset-slide-pager .tumunu-goster:hover {
      background-color: #E31E24; }

.yazar-slide {
  position: relative;
  height: 180px;
  overflow: hidden; }
  .yazar-slide .swiper-slide .item-container {
    border: solid 1px #e9ecef;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    display: flex;
    /* justify-content: space-between; */
    width: 100%;
    padding: 0.5rem; }
    .yazar-slide .swiper-slide .item-container .baslik {
      margin-top: 0.5rem; }
      .yazar-slide .swiper-slide .item-container .baslik a {
        font-weight: 700;
        color: #000; }
  .yazar-slide .left, .yazar-slide .right {
    z-index: 10;
    display: inline-block;
    cursor: pointer;
    height: auto; }
    .yazar-slide .left i, .yazar-slide .right i {
      color: #353333; }
      .yazar-slide .left i:hover, .yazar-slide .right i:hover {
        opacity: 1;
        color: #fff !important; }

/*#endregion */
/* Normilizes box-sizing  */
#pbOverlay *,
#pbOverlay *:before,
#pbOverlay *:after {
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

#pbOverlay.show {
  opacity: 1;
  pointer-events: auto; }

#pbOverlay {
  opacity: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  text-align: center;
  pointer-events: none;
  -moz-user-select: none;
  background: rgba(0, 0, 0, 0.9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2000000', endColorstr='#e2000000');
  /* background:radial-gradient(rgba(0,0,0,.6) 0%, rgba(0,0,0,.9) 100%); */
  -webkit-transform: translate3d(0);
  transition: opacity 300ms ease; }

#pbOverlay.msie {
  background-color: rgba(0, 0, 0, 0.6); }

.msie.pbLoading .pbWrapper {
  background: url("../images/loading.html") no-repeat center center; }

@keyframes pbLoaderFrames {
  50% {
    height: 5px; } }

@-webkit-keyframes pbLoaderFrames {
  50% {
    height: 5px; } }

.pbLoader {
  display: none;
  width: 100px;
  height: 100px;
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  border-radius: 100%;
  box-shadow: 15px 32px 60px -20px #FFF inset, 1px 1px 3px 1px #FFF inset, 0 0 20px;
  transition: .3s; }

.thumbs .pbLoader {
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px); }

.pbLoading:not(.msie):not(.error) .pbLoader {
  display: block; }

.pbLoader b {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
  width: 8px;
  height: 60px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-animation: .9s pbLoaderFrames infinite linear;
  animation: .9s pbLoaderFrames infinite linear; }

.pbLoader b:nth-child(2) {
  -webkit-animation-delay: .3s;
  animation-delay: .3s; }

.pbLoader b:nth-child(3) {
  -webkit-animation-delay: .6s;
  animation-delay: .6s; }

.mobile.pbLoading .pbLoader {
  transform: none;
  transition: 0s; }

.pbWrapper:after,
#pbCaption .pbThumbs ul:after,
#pbOverlay .prevNext:after,
#pbOverlay .pbLoader:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-right: -.25em;
  vertical-align: middle; }

/* Animation when image was not loaded */
@keyframes deadImage {
  50% {
    text-shadow: 0 0 25px rgba(255, 255, 255, 0.5);
    transform: scale(0.85); } }

@-webkit-keyframes deadImage {
  50% {
    text-shadow: 0 0 25px rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(0.85); } }

.pbWrapper {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transform: rotate(0deg);
  vertical-align: middle;
  height: 100%;
  perspective: 1200px;
  position: relative;
  transition: .2s; }

.video > .pbWrapper {
  z-index: 11;
  display: inline-block; }

/*#pbOverlay.error .pbWrapper{ display:inline-block; width:100%; }*/
.pbLoading .pbWrapper {
  display: inline-block\9;
  width: 100%; }

/* ie8+9 hack */
.pbWrapper:before {
  content: '\2716';
  color: transparent;
  text-shadow: 0 2px 35px rgba(255, 255, 255, 0);
  font-size: 0;
  vertical-align: middle;
  cursor: default;
  transition: text-shadow .7s ease-out; }

.error .pbWrapper:before {
  font-size: 22em;
  text-shadow: 0 0 0 #FFF;
  -webkit-animation: 2s 1s deadImage infinite linear;
  animation: 2s 1s deadImage infinite linear; }

.thumbs .pbWrapper {
  padding: 0;
  margin: 0; }

.error .pbWrapperr img {
  width: 0; }

.pbWrapper > div {
  display: none;
  width: 624px;
  height: 351px;
  vertical-align: middle;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.5); }

.video > .pbWrapper > div {
  display: inline-block; }

#pbOverlay iframe,
#pbOverlay embed,
#pbOverlay object {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: .5s; }

.pbWrapper .pbHide iframe {
  opacity: 0; }

.pbWrapper > div,
.pbWrapper > img {
  transition: 0.8s 0.5s cubic-bezier(0.1, 0.87, 0.48, 1);
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-backface-visibility: hidden;
  box-shadow: 0 0 20px #000; }

/* FOR MOBILE */
.mobile.show .pbWrapper > div,
.mobile.show .pbWrapper > img {
  transition: 30ms; }

/* Content effects */
.pbWrapper > *,
.pbHide .pbWrapper > .prepare {
  opacity: 1;
  vertical-align: middle;
  transform: scale(0) rotateX(80deg);
  -webkit-transform: scale(0) rotateX(80deg);
  -ms-transform: scale(0) rotateX(80deg);
  border-radius: 6px;
  border: none;
  max-height: 95%;
  max-width: 100%; }

.on .pbWrapper > * {
  transition-delay: 0s; }

.pbWrapper .zoomable {
  -webkit-transition: 0s;
  transition: 0s;
  position: relative;
  z-index: 9; }

.pbHide .pbWrapper > * {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  transform: none\9;
  opacity: 0;
  transition: .4s ease-out; }

/*-- close button --*/
#pbCloseBtn,
#pbAutoplayBtn {
  position: absolute;
  top: -50px;
  right: -50px;
  z-index: 999;
  display: block;
  padding: 0 0 20px 20px;
  text-align: center;
  cursor: pointer;
  color: #FFF;
  transition: .3s .3s ease-out; }

.pbHide #pbCloseBtn {
  top: -50px;
  right: -50px; }

.on #pbCloseBtn {
  top: -2px;
  right: -2px; }

#pbCloseBtn:before {
  content: '\00D7';
  font: bold 1em/1 arial; }

#pbCloseBtn:before, #pbAutoplayBtn:before {
  display: inline-block;
  height: 35px;
  width: 35px;
  padding: 8px 8px 12px 12px;
  font-size: 2em;
  opacity: .8;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0 0 0 70px;
  transition: .1s ease-out; }

#pbCloseBtn:hover:before {
  padding: 15px 10px 24px 24px;
  background: rgba(255, 100, 100, 0.4); }

/*-- autoplay controller --*/
#pbAutoplayBtn {
  display: none;
  right: auto;
  left: -50px;
  padding: 0;
  width: 50px;
  height: 50px;
  font-size: 13px; }

.hasAutoplay #pbAutoplayBtn {
  display: block; }

#pbAutoplayBtn:hover {
  width: 60px;
  height: 60px; }

.on #pbAutoplayBtn {
  top: 0px;
  left: 0px;
  transition: .1s ease-out; }

#pbAutoplayBtn:before {
  content: '\2016';
  width: 100%;
  height: 100%;
  border-radius: 0 0 70px 0;
  font-weight: bold;
  padding: 0;
  text-indent: -6px;
  line-height: 1.6; }

#pbAutoplayBtn:active:before {
  text-shadow: 0 0 3px #FFF, 0 0 6px #FFF; }

#pbAutoplayBtn.play:before {
  content: '\25BA'; }

#pbAutoplayBtn .pbProgress {
  display: none\9;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  padding: 6px;
  top: 0;
  left: 0;
  opacity: .2;
  transform: rotateZ(0deg);
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: .3s;
  transition: .3s; }

.mobile #pbAutoplayBtn .pbProgress {
  -webkit-transition: 0s;
  transition: 0s; }

#pbAutoplayBtn.playing .pbProgress {
  -webkit-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  transform: rotateZ(90deg); }

#pbAutoplayBtn .pbProgress:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 200%;
  height: 200%;
  border-radius: 50%;
  box-shadow: 0 0 0 8px #FFF inset; }

#pbCaption,
.pbHide #pbCaption {
  position: absolute;
  z-index: 999;
  margin-bottom: 5px;
  bottom: -120px;
  width: 100%;
  overflow: hidden;
  transition: .4s; }

.show.on #pbCaption {
  bottom: 0;
  transition-delay: .5s; }

#pbOverlay.thumbs #pbCaption label {
  display: block; }

#pbCaption label {
  display: none;
  position: relative;
  z-index: 1;
  top: -5px;
  float: right;
  width: 60px;
  margin-right: 10px;
  color: #FFF;
  opacity: .3;
  transition: .2s;
  cursor: pointer; }

#pbCaption label:after {
  background: #FFF;
  box-shadow: 12px 0 #FFF, -12px 0 #FFF;
  content: "";
  display: inline-block;
  height: 0;
  padding: 10px 5px;
  text-align: right;
  vertical-align: top;
  width: 0; }

#pbCaption label:hover {
  opacity: 1; }

#pbCaption .title,
#pbCaption .counter {
  display: inline-block;
  color: #FFF;
  margin: 0 6px; }

#pbCaption .counter {
  display: none;
  opacity: .55; }

.hasCounter #pbCaption .counter {
  display: inline-block; }

.pbCaptionText {
  transition: .3s;
  opacity: .9;
  font-weight: bold;
  font-size: .9em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  padding-left: 60px; }

/* padding-left from <label> */
.pbCaptionText.change {
  -webkit-transform: translateY(25px);
  transform: translateY(25px);
  opacity: 0; }

.mobile #pbCaption label {
  display: none;
  z-index: -1;
  color: red; }

.mobile .pbCaptionText {
  padding: 0; }

/* hide thumbnails */
#pbThumbsToggler:checked ~ #pbCaption .pbThumbs {
  margin: 0; }

#pbThumbsToggler:checked ~ .pbWrapper {
  margin-top: -50px;
  padding: 50px 0; }

.pbThumbs {
  display: none;
  transition: .35s;
  -webkit-overflow-scrolling: touch; }

.thumbs .pbThumbs {
  display: block;
  width: 100%;
  padding: 5px 0 2px;
  margin-bottom: -100px;
  overflow: hidden; }

.mobile .pbThumbs {
  overflow: auto; }

.pbThumbs:hover {
  clear: both; }

.pbThumbs ul {
  display: inline-block;
  position: relative;
  list-style: none;
  height: 80px;
  padding: 0 5px;
  margin: 0;
  white-space: pre;
  transition: .2s; }

.pbThumbs ul:after {
  vertical-align: bottom; }

.pbThumbs li {
  display: inline-block;
  vertical-align: bottom;
  height: 70%;
  opacity: .6;
  text-align: center;
  position: relative;
  transition: .15s; }

.pbThumbs li.active {
  height: 100%;
  opacity: 1; }

.pbThumbs li:hover {
  height: 100%;
  opacity: 1; }

.pbThumbs li.video::before {
  content: '\25BA';
  color: #FFF;
  font-size: 20px;
  height: 20px;
  width: 20px;
  line-height: .9;
  position: absolute;
  bottom: 4px;
  left: 7px;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.4);
  border-radius: 0 3px 0 0;
  pointer-events: none; }

.pbThumbs a {
  height: 100%;
  padding: 0 2px;
  display: block;
  -moz-user-select: none; }

.pbThumbs img {
  height: 96%;
  min-height: 95.9%;
  border: 2px solid #FFF;
  max-width: none;
  border-radius: 0;
  transition: .15s; }

.pbThumbs li:hover img {
  min-height: 96%; }

/* fix a bug in Chrome and Opera */
.pbThumbs li.fast a img {
  transition: none; }

.pbThumbs li.active a img {
  border-color: #D8FF16;
  min-height: 96%; }

#pbOverlay .prevNext {
  display: none;
  background: transparent;
  position: absolute;
  z-index: 10;
  height: 100%;
  width: 35%;
  padding: 80px 0;
  opacity: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  top: 0;
  transition: .2s ease-out;
  text-shadow: 0 0 12px #000, 0 0 10px #FFF;
  user-select: none;
  filter: alpha(opacity=0);
  cursor: pointer; }

#pbOverlay.hasArrows .prevNext {
  display: block; }

#pbOverlay .prevNext.pbHide {
  display: none; }

#pbOverlay.on .prevNext:hover {
  opacity: .5;
  filter: alpha(opacity=50); }

#pbOverlay.on .prevNext:hover:active {
  transition: 80ms;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: 0 0 16px #FFF, 0 0 10px #000; }

.prevNext b {
  display: inline-block;
  vertical-align: middle;
  transition: .2s ease-in; }

.prevNext:hover b {
  transition: 0.2s cubic-bezier(0.095, 0.87, 0.485, 0.985); }

#pbPrevBtn b {
  transform: scale(0.4) translateX(350px);
  -webkit-transform: scale(0.4) translateX(350px); }

#pbNextBtn b {
  transform: scale(0.4) translateX(-350px);
  -webkit-transform: scale(0.4) translateX(-350px); }

/* */
#pbPrevBtn b:before,
#pbNextBtn b:after {
  display: inline;
  line-height: .3;
  font-size: 18em;
  font-weight: normal;
  color: #FFF;
  font-family: Arial; }

#pbPrevBtn b:before {
  content: '\2039'; }

#pbNextBtn b:after {
  content: '\203A'; }

/* */
.on #pbPrevBtn:hover b {
  transform: scale(1) translateX(20px);
  -webkit-transform: scale(1) translateX(20px); }

.on #pbNextBtn:hover b {
  transform: scale(1) translateX(-20px);
  -webkit-transform: scale(1) translateX(-20px); }

.show #pbPrevBtn {
  left: 0;
  text-align: left; }

.show #pbNextBtn {
  right: 0;
  text-align: right; }

/*------- media queries (for small screens) -----------*/
@media all and (max-width: 700px) {
  .pbWrapper img,
  .pbHide .pbWrapper img.prepare {
    max-height: 100%; }
  .thumbs .pbWrapper {
    padding: 0;
    margin: 0; }
  .pbThumbs {
    margin-bottom: -60px; }
  .pbThumbs.show {
    margin: 0; }
  .pbThumbs ul {
    height: 50px; }
  .pbThumbs li {
    height: 100%;
    opacity: 1; }
  .pbThumbs li img {
    min-height: 96.5%; } }

/* fix for Chrome */
@media all and (max-width: 710px) {
  .pbThumbs li.active a img {
    min-height: 96%; } }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%; }