@import url("https://fonts.googleapis.com/css?family=Alfa+Slab+One");
@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700;900&display=swap");
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

body {
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-image: url("/view/img/wl.png"); }

a {
  text-decoration: none;
  cursor: pointer;
  color: inherit; }

input, select, textarea {
  padding: 4px 10px;
  border-radius: 3px;
  border: solid 1px #e1e1e1;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif; }

img {
  border: none; }

ul {
  list-style-type: none; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.left {
  float: left; }

.right {
  float: right; }

.box-shadow {
  -moz-box-shadow: 2px 2px 6px -2px #000;
  -webkit-box-shadow: 2px 2px 6px -2px #000;
  box-shadow: 2px 2px 6px -2px #000; }

.validator {
  color: #f00;
  font-weight: bold;
  display: block; }
  .validator:before {
    display: block;
    content: " ";
    height: 5px; }

.required {
  color: #f00;
  font-weight: bold; }

.vurgula {
  font-weight: bold; }

.fa {
  padding: 0 5px; }

/* temel tanimlar   */
.pageContainer {
  margin: 0 auto;
  width: 1220px;
  background: #fff; }

.pageContent {
  min-height: 500px; }

footer .pageContainer {
  background: #000; }

section .pageContainer {
  padding: 10px 0; }

.mce-content-body {
  width: 1200px;
  margin: 0 auto;
  border: solid 1px #e1e1e1;
  background: #fff;
  padding: 16px; }
  .mce-content-body td, .mce-content-body th {
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif; }
  .mce-content-body table p {
    margin: 0; }
  .mce-content-body p {
    margin-bottom: 10px; }
  .mce-content-body.ilan {
    width: 710px; }

.ui-widget-content {
  line-height: 16px;
  padding-bottom: 0 !important; }
  .ui-widget-content table {
    border: 0; }
    .ui-widget-content table td {
      padding: 3px;
      border: 0; }

/* header */
#cookieConsent {
  padding: 10px;
  background: #efefef;
  *border-bottom: solid 1px #d4d4d4;
  margin-bottom: 5px;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.2); }
  #cookieConsent .pageContainer {
    width: 800px;
    background: inherit;
    padding: 0 20px;
    color: #383838;
    font-size: 12px;
    font-weight: bold;
    position: relative; }
    #cookieConsent .pageContainer a.tiklayin {
      color: #8c8c8c;
      text-decoration: underline; }
    #cookieConsent .pageContainer a.btn, #cookieConsent .pageContainer a.btn1, #cookieConsent .pageContainer a.btn2, #cookieConsent .pageContainer a.btn3, #cookieConsent .pageContainer a.btn4, #cookieConsent .pageContainer a.btn5 {
      color: #fff;
      position: absolute;
      right: 0;
      top: -6px;
      padding: 5px 26px;
      border: solid 1px #000;
      border-top-right-radius: 10px;
      border-bottom-left-radius: 10px;
      color: #000; }
      #cookieConsent .pageContainer a.btn:hover, #cookieConsent .pageContainer a.btn1:hover, #cookieConsent .pageContainer a.btn2:hover, #cookieConsent .pageContainer a.btn3:hover, #cookieConsent .pageContainer a.btn4:hover, #cookieConsent .pageContainer a.btn5:hover {
        background: #dedede; }

#nedenFs {
  margin: 0 auto;
  width: 100%;
  background: #000;
  padding: 0 10px;
  color: #fff;
  cursor: pointer;
  position: relative;
  z-index: 12; }
  #nedenFs div {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 16px; }
  #nedenFs .head {
    font-weight: bold; }
  #nedenFs .content {
    border-top: dashed 1px #555; }

#nedenFujifilm {
  background: url("/files/content/nedenfujifilm/nedenfujifilm-bg.gif");
  background-repeat: no-repeat;
  background-color: #00a1ac;
  color: #fff;
  padding: 60px;
  padding-top: 500px;
  font-size: 16px;
  line-height: 24px;
  text-shadow: 2px 2px 0px #444; }
  #nedenFujifilm p, #nedenFujifilm h2, #nedenFujifilm ul {
    margin-bottom: 20px; }
    #nedenFujifilm p:last-child, #nedenFujifilm h2:last-child, #nedenFujifilm ul:last-child {
      margin-bottom: 0; }
  #nedenFujifilm h2 {
    margin-top: 50px; }
  #nedenFujifilm ul {
    list-style: disc;
    margin-left: 20px; }
  #nedenFujifilm .samples {
    background: #f1f1f1;
    border-radius: 3px;
    padding: 10px 0;
    display: none;
    margin-top: 40px; }
    #nedenFujifilm .samples h2 {
      color: #000;
      text-shadow: none;
      margin-top: 0; }
    #nedenFujifilm .samples div {
      float: left;
      width: 33.3333%;
      padding: 10px; }

#pageHeader {
  position: relative;
  padding: 0 10px; }

#headRow1 {
  padding: 5px 0; }

#headRow2 .bar {
  background: #cececd;
  padding: 4px 10px;
  margin-left: 10px;
  font-weight: bold;
  font-size: 14px;
  height: 40px; }
  #headRow2 .bar a {
    color: #000; }

#logo {
  padding: 6px 10px; }

#urunAra {
  background-color: #fff;
  outline: solid 1px #000;
  position: absolute;
  top: 10px;
  margin: 14px 250px; }
  #urunAra .fa-search {
    cursor: pointer;
    color: #000;
    font-size: 16px;
    padding-left: 8px; }
  #urunAra input {
    width: 480px;
    border: none;
    border-radius: 0;
    padding: 10px;
    margin: 0;
    background-color: #fff;
    color: #888;
    border-right: solid 1px #000;
    outline: none; }

#bulunanSonuclar {
  position: absolute;
  background-color: #fff;
  left: 0;
  z-index: 10000;
  overflow: auto;
  max-height: 250px;
  top: 37px;
  width: 100%;
  text-align: left;
  outline: solid 1px #000; }

#uyeDurum {
  width: 460px;
  padding: 0 10px;
  text-align: right; }
  #uyeDurum i {
    color: #333; }
  #uyeDurum a {
    color: #000; }
  #uyeDurum > div:first-child {
    border-bottom: none;
    position: relative;
    z-index: 1; }
    #uyeDurum > div:first-child:hover .hesabim {
      box-shadow: 1px 0px 2px 0 rgba(0, 0, 0, 0.18);
      -moz-box-shadow: 1px 0px 2px 0 rgba(0, 0, 0, 0.18);
      -webkit-box-shadow: 1px 0px 2px 0 rgba(0, 0, 0, 0.18);
      border-color: #c9c9c9;
      background: #fff; }
    #uyeDurum > div:first-child:hover .hesabim-menu {
      display: block; }
  #uyeDurum > div {
    display: inline-block;
    vertical-align: middle; }
  #uyeDurum .vurgula {
    font-size: 14px; }
  #uyeDurum .hesabim, #uyeDurum .hesabim-menu {
    text-align: left;
    background: #fff; }
  #uyeDurum .hesabim {
    display: block;
    padding: 14px 6px;
    border: 1px solid transparent;
    border-bottom: none;
    position: relative;
    line-height: 20px;
    z-index: 1; }
    #uyeDurum .hesabim .name {
      width: 122px;
      display: block; }
    #uyeDurum .hesabim .fa, #uyeDurum .hesabim > div {
      display: inline-block;
      vertical-align: middle; }
    #uyeDurum .hesabim .fa {
      font-size: 24px; }
    #uyeDurum .hesabim span:hover {
      text-decoration: underline; }
  #uyeDurum .hesabim-menu {
    position: absolute;
    left: 0;
    top: 58px;
    border: solid 1px #c9c9c9;
    display: none;
    width: 100%;
    box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.18); }
    #uyeDurum .hesabim-menu ul {
      padding: 6px;
      background: #fff;
      z-index: 1;
      position: relative; }
      #uyeDurum .hesabim-menu ul li {
        padding: 6px 10px; }
        #uyeDurum .hesabim-menu ul li a:hover {
          text-decoration: underline; }
        #uyeDurum .hesabim-menu ul li.bb {
          border-bottom: solid 1px #e1e1e1; }
  #uyeDurum .wapp, #uyeDurum .wapp-menu {
    text-align: left;
    background: #fff; }
  #uyeDurum .wapp {
    padding: 0 !important;
    padding-left: 2px !important;
    z-index: 11; }
    #uyeDurum .wapp:hover .wapp-menu {
      display: block; }
    #uyeDurum .wapp:hover .on > a {
      box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.18);
      -moz-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.18);
      -webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.18);
      border-color: #c9c9c9;
      background: #fff; }
    #uyeDurum .wapp > a {
      padding: 10px 16px; }
    #uyeDurum .wapp img {
      width: 26px;
      height: auto; }
    #uyeDurum .wapp a {
      display: block;
      border: 1px solid transparent;
      border-bottom: none;
      position: relative;
      line-height: 20px;
      z-index: 1;
      text-decoration: none !important; }
      #uyeDurum .wapp a * {
        vertical-align: middle;
        display: inline-block; }
  #uyeDurum .wapp-menu {
    position: absolute;
    left: 2px;
    top: 45px;
    border: solid 1px #c9c9c9;
    display: none;
    width: 260px;
    box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.18); }
    #uyeDurum .wapp-menu ul {
      padding: 6px;
      background: #fff;
      z-index: 1;
      position: relative; }
      #uyeDurum .wapp-menu ul li {
        padding: 6px 10px; }
        #uyeDurum .wapp-menu ul li a:hover {
          text-decoration: underline; }
        #uyeDurum .wapp-menu ul li.bb {
          border-bottom: solid 1px #e1e1e1; }
    #uyeDurum .wapp-menu > span {
      font-weight: bold;
      text-align: center;
      display: block;
      padding: 10px;
      z-index: 1;
      background: #fff;
      position: relative;
      border-bottom: solid 1px #e1e1e1; }
  #uyeDurum .offline li {
    display: inline-block;
    padding: 20px 10px;
    margin-left: 4px; }
  #uyeDurum .fav, #uyeDurum .cart, #uyeDurum .wapp {
    width: 63px;
    padding: 10px;
    position: relative;
    border-left: solid 1px #C3C3C3; }
    #uyeDurum .fav i, #uyeDurum .cart i, #uyeDurum .wapp i {
      font-size: 26px; }
    #uyeDurum .fav:hover i, #uyeDurum .cart:hover i, #uyeDurum .wapp:hover i {
      color: #b11d15; }

.sus {
  position: absolute;
  background: #e62117;
  color: #fff;
  font-size: 10px;
  border-radius: 100%;
  border: solid 2px #fff;
  font-weight: bold;
  text-align: center;
  padding: 3px;
  width: 22px;
  height: 21px;
  top: 0;
  right: 10px; }

.img-icon {
  vertical-align: middle;
  margin-right: 8px; }

.menubar {
  position: relative; }

.menuallbtn {
  width: 220px;
  cursor: pointer;
  color: #000;
  margin: 0 !important;
  padding: 6px 14px !important; }
  .menuallbtn i {
    font-size: 16px;
    margin-right: 5px; }

.menucat {
  background: #f4f4f4;
  min-height: 253px;
  width: 220px;
  position: absolute;
  border: solid 1px #ddd;
  border-top: none;
  z-index: 2;
  display: none; }
  .menucat .item:hover {
    background: #fff; }
  .menucat .item a {
    color: #000;
    display: block;
    padding: 7px 8px; }
    .menucat .item a i {
      font-size: 25px;
      margin-right: 4px; }
      .menucat .item a i:last-child {
        float: right;
        padding: 0;
        margin-top: 4px; }
    .menucat .item a .img-icon {
      margin-right: 5px; }
  .menucat .menusubcat {
    display: none;
    min-height: 253px;
    width: 582px;
    padding: 15px;
    background: #fff;
    position: absolute;
    z-index: 1;
    top: -1px;
    left: 219px;
    border: solid 1px #ddd; }
    .menucat .menusubcat .item {
      float: left;
      width: 130px;
      text-align: center;
      padding: 5px;
      padding-bottom: 10px; }
      .menucat .menusubcat .item:hover {
        outline: solid 1px #000; }
      .menucat .menusubcat .item img {
        height: 100px;
        width: 100px;
        border: solid 1px #e8e8e8; }
      .menucat .menusubcat .item div {
        height: 35px;
        overflow: hidden;
        font-weight: bold;
        font-size: 12px;
        padding: 5px; }
      .menucat .menusubcat .item a {
        padding: 0; }

.fotoGaleri {
  width: 345px;
  *padding: 13px !important;
  text-align: center;
  background: url("/view/img/fot-galeri.jpg") !important;
  padding: 0 !important; }
  .fotoGaleri a {
    height: inherit;
    width: 100%;
    display: block;
    padding: 13px; }

.enUsteGetir {
  position: relative;
  z-index: 999999; }

.magazalar {
  width: 345px;
  padding: 0 !important; }
  .magazalar span, .magazalar img {
    float: left; }
  .magazalar span {
    margin: 8px 0; }
  .magazalar.enUsteGetir .head {
    background: #cececd;
    color: #000; }
  .magazalar .head {
    height: 40px;
    padding: 12px;
    cursor: pointer;
    background: #4d4c4c;
    color: #fff; }
    .magazalar .head > span, .magazalar .head > label {
      vertical-align: middle;
      height: 23px;
      margin-right: 5px; }
    .magazalar .head > label {
      padding: 9px 0; }
  .magazalar .body {
    position: relative;
    min-height: 300px;
    padding: 10px;
    background: #fff;
    border: solid 1px #ddd;
    width: 530px; }
    .magazalar .body .magaza {
      background: none;
      width: 26.6%;
      *height: 135px;
      margin: 10px 15px;
      text-align: center;
      display: inline-block; }
      .magazalar .body .magaza img {
        width: 100%;
        margin: 0 auto;
        float: none;
        border-radius: 3px;
        border: solid 1px #bbb; }
      .magazalar .body .magaza span {
        display: block;
        text-align: center;
        width: 100%;
        font-size: 12px; }
    .magazalar .body .desc {
      font-weight: normal;
      font-size: 12px;
      line-height: 20px;
      border-bottom: solid 1px #e1e1e1;
      padding-bottom: 6px; }

.tanitim-videolari {
  width: 260px;
  padding: 8px 6px !important;
  background: #e62117 !important;
  text-align: center; }
  .tanitim-videolari img {
    height: 18px; }
  .tanitim-videolari span {
    vertical-align: middle; }
  .tanitim-videolari > * {
    vertical-align: middle !important;
    display: inline-block; }

.duvar {
  margin-bottom: 50px;
  margin-left: 230px;
  float: left;
  width: 700px;
  padding: 0; }

.bx-wrapper {
  z-index: 0;
  margin-bottom: 0 !important;
  border: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

#youtube-channel {
  overflow: hidden;
  border: 1px solid #ddd;
  border-top: 0;
  float: right;
  width: 260px;
  background: #f4f4f4;
  margin-top: -10px; }
  #youtube-channel .baslik {
    background: #cececd;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    padding: 10px; }

.youtube .carousel {
  max-width: 100%;
  height: 293px;
  overflow: auto; }

.youtube iframe.player {
  width: 700px;
  height: 480px;
  overflow: auto;
  border: 0;
  position: absolute;
  z-index: 999999;
  display: none;
  left: 50%;
  top: 50%;
  margin-top: -240px;
  margin-left: -350px; }

.youtube .thumbnail {
  padding: 5px; }
  .youtube .thumbnail img {
    width: 50px;
    height: 38px;
    border: 1px solid #e1e1e1;
    float: left;
    cursor: pointer; }
  .youtube .thumbnail .textContaner {
    width: 180px;
    float: left;
    padding-left: 10px; }
    .youtube .thumbnail .textContaner .header {
      color: #333;
      cursor: pointer;
      font-size: 95%; }
      .youtube .thumbnail .textContaner .header:hover {
        text-decoration: underline; }
    .youtube .thumbnail .textContaner .view {
      color: #999; }

.headerMenu {
  margin-bottom: 10px; }

#icerik .leftMenu, #hesabim .leftMenu, #katalog .leftMenu {
  width: 230px;
  border-right: dashed 2px #f4f4f4;
  padding: 0 10px; }

#tinymce table td {
  padding: 4px 8px; }

.rightMenu {
  padding: 0 10px; }
  .rightMenu .content {
    padding: 20px;
    text-align: justify;
    font-size: 12px;
    line-height: 18px; }
    .rightMenu .content p {
      margin-bottom: 10px; }
    .rightMenu .content ol, .rightMenu .content ul {
      margin: 12px; }

.leftMenu > div:not(.filtre) {
  margin-bottom: 20px; }

.leftMenu > div:not(.filtre):last-child {
  margin-bottom: 0; }

#hesabim .leftMenu {
  width: 230px; }

#hesabim .rightMenu {
  padding: 10px; }

#hesabim .grupBaslik {
  line-height: 22px; }

#hesabim .dashboard h2 {
  margin-bottom: 10px;
  line-height: 24px;
  font-size: 14px; }

#hesabim .dashboard .karsilama {
  margin-bottom: 10px;
  text-align: center; }
  #hesabim .dashboard .karsilama span {
    font-weight: bold; }
  #hesabim .dashboard .karsilama .hitap {
    font-size: 20px;
    margin-bottom: 20px; }

#hesabim .dashboard .ozet {
  text-align: center;
  border-bottom: 2px dashed #E1E1E1;
  margin-bottom: 20px; }
  #hesabim .dashboard .ozet ul li {
    display: inline-block;
    width: 25%;
    border: solid 1px #e1e1e1;
    margin: 8px;
    background: linear-gradient(36deg, #fff 0%, #efefef 91%); }
    #hesabim .dashboard .ozet ul li a {
      padding: 20px;
      color: #000;
      display: block;
      text-align: left;
      padding-left: 42px;
      position: relative; }
      #hesabim .dashboard .ozet ul li a[href]:hover {
        background: #f1f1f1; }
      #hesabim .dashboard .ozet ul li a i {
        position: absolute;
        right: 20px;
        font-size: 42px;
        color: #bfbfbf; }
    #hesabim .dashboard .ozet ul li span {
      font-size: 30px;
      padding: 10px 0;
      display: block; }
  #hesabim .dashboard .ozet a:not([href]) {
    cursor: inherit; }

#hesabim .dashboard .blok {
  border-bottom: 2px dashed #E1E1E1;
  margin-bottom: 30px;
  padding-bottom: 30px; }
  #hesabim .dashboard .blok .foot {
    text-align: center;
    margin-top: 10px; }
  #hesabim .dashboard .blok:last-child {
    border-bottom: none; }

#hesabim .dashboard .urunler a {
  display: block;
  color: #000;
  margin: 0 auto;
  width: 182px;
  position: relative;
  float: left; }
  #hesabim .dashboard .urunler a > div {
    border: solid 1px #ededed;
    margin: 3px;
    padding: 3px; }
  #hesabim .dashboard .urunler a img {
    max-width: 168px;
    max-height: 126px;
    min-height: 126px; }
  #hesabim .dashboard .urunler a .baslik {
    padding: 5px;
    height: 70px;
    text-align: left; }

#hesabim .dashboard .sonBakilanlar {
  overflow: hidden;
  height: 254px; }
  #hesabim .dashboard .sonBakilanlar .eclipse-slides {
    line-height: normal; }

.anket {
  background: #fff;
  padding: 15px;
  border: solid 1px #e1e1e1 !important;
  margin-bottom: 10px; }
  .anket .soru, .anket .cevaplar {
    text-align: left; }
  .anket .soru {
    font-weight: bold;
    display: block; }
  .anket .cevaplar {
    margin: 10px; }
    .anket .cevaplar input, .anket .cevaplar label {
      vertical-align: middle;
      cursor: pointer;
      margin: 4px 0; }
    .anket .cevaplar input {
      margin-right: 5px;
      position: absolute; }
    .anket .cevaplar label {
      margin-left: 20px;
      display: block; }
  .anket .gonder {
    text-align: center; }
    .anket .gonder a {
      cursor: pointer;
      width: 70%; }
  .anket h2 {
    margin-bottom: 5px; }
  .anket br {
    margin-bottom: 5px;
    content: "";
    display: block; }

#siparislerim .kargoTakip {
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 5px;
  margin: 3px; }

#siparislerim .sozlesme {
  display: none;
  overflow: auto;
  height: 450px;
  border: solid 1px #eee;
  padding: 3px;
  text-align: justify; }

#bilgilerim .cinsiyet input, #bilgilerim .cinsiyet label, #bilgilerim .bulten input, #bilgilerim .bulten label {
  vertical-align: middle; }

#bilgilerim .cinsiyet label {
  margin-right: 10px;
  margin-left: 5px; }

#bilgilerim .email {
  font-weight: bold;
  font-size: 14px;
  color: #333; }

#bilgilerim .cepTel .btn, #bilgilerim .cepTel .btn1, #bilgilerim .cepTel .btn2, #bilgilerim .cepTel .btn3, #bilgilerim .cepTel .btn4, #bilgilerim .cepTel .btn5 {
  width: auto; }

i.info {
  position: relative;
  font-size: 16px;
  cursor: pointer; }
  i.info span {
    position: absolute;
    top: -12px;
    left: 25px;
    display: none;
    padding: 8px;
    background: #f9fde5;
    width: 410px;
    text-align: left;
    border: solid 1px #e1e1e1;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px; }
  i.info:hover span {
    display: block; }

.cepTelDogrulama div {
  margin-bottom: 10px; }

.cepTelDogrulama span {
  font-weight: bold; }

.cepTelDogrulama .btn, .cepTelDogrulama .btn1, .cepTelDogrulama .btn2, .cepTelDogrulama .btn3, .cepTelDogrulama .btn4, .cepTelDogrulama .btn5 {
  padding: 5px 10px; }

#gelenKutusu .mesajlar {
  border-bottom: 2px dashed #E1E1E1;
  margin-bottom: 20px;
  padding-bottom: 10px; }

#gelenKutusu .mesaj {
  padding: 10px;
  background: #f1f1f1; }

#gelenKutusu tr td {
  border-color: #e1e1e1; }
  #gelenKutusu tr td:first-child {
    text-align: left; }

#magazalarimiz .magaza {
  display: none;
  margin: 0 auto;
  border: solid 1px #000;
  background: #f4f4f4;
  margin-bottom: 10px; }
  #magazalarimiz .magaza td.desc {
    background: #e5e5e5;
    padding: 5px;
    border: dotted 2px #a2a2a2; }
  #magazalarimiz .magaza .fa-whatsapp:before {
    color: #fff;
    background: #000;
    padding: 0px 1px;
    font-size: 12px;
    margin-right: 2px;
    border-radius: 50%; }
  #magazalarimiz .magaza .canliDestek {
    padding: 6px 10px;
    color: #fff;
    background: #0aba28;
    font-weight: bold;
    background-image: linear-gradient(#5cf978, #0aba28);
    border-radius: 3px; }

#magazalarimiz .magazaResim {
  display: none; }
  #magazalarimiz .magazaResim img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    outline: solid 1px #000; }

#magazalarimiz ul {
  list-style: none; }
  #magazalarimiz ul li {
    line-height: 30px; }

#magazalarimiz.content {
  padding: 10px; }
  #magazalarimiz.content .right {
    width: 740px; }
  #magazalarimiz.content .left a {
    color: #000; }
    #magazalarimiz.content .left a:hover {
      text-decoration: underline; }

#map {
  height: 450px;
  border: solid 1px #000;
  margin-bottom: 20px; }

#dvResmiWebSitesidir {
  color: #fff;
  width: 1000px;
  margin: 0 auto;
  margin-bottom: 20px;
  position: relative; }
  #dvResmiWebSitesidir img {
    width: 100%;
    height: auto; }
  #dvResmiWebSitesidir > div {
    padding: 3px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    right: 0; }

.facelogin {
  position: absolute;
  right: 0; }

#footer {
  width: 100%;
  color: #E4E4E4;
  padding: 26px 30px 18px; }
  #footer th {
    font-weight: bold;
    font-size: 16px;
    padding: 10px 0 0px 10px;
    text-align: left; }
  #footer td.iletisim ul li:first-child {
    margin-bottom: 10px;
    line-height: 14px; }
  #footer td.copyright {
    border-top: solid 1px #A1BBB4;
    padding: 10px; }
    #footer td.copyright a {
      color: #f78a1d; }
  #footer td a {
    color: #E4E4E4; }
    #footer td a:hover {
      text-decoration: underline; }
  #footer td ul {
    margin: 8px 12px;
    margin-bottom: 0;
    padding: 0;
    list-style: none; }
    #footer td ul li {
      margin: 4px 0; }
      #footer td ul li i {
        width: 14px;
        height: 11px;
        display: inline-block;
        background-repeat: no-repeat;
        background-image: url("/view/img/alt-ikon.png"); }
        #footer td ul li i.mail {
          background-position: 0 -10px; }
        #footer td ul li i.sagok {
          background-position: 0 0px; }
        #footer td ul li i.tel {
          background-position: 0 -23px; }
        #footer td ul li i.faks {
          background-position: 0 -35px; }
      #footer td ul li:last-child {
        margin-bottom: 0; }
  #footer td .sosyal {
    width: 60px;
    height: 54px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url("/view/img/alt-sosyal-ikon.png"); }
    #footer td .sosyal.facebook {
      background-position: 0 0px; }
    #footer td .sosyal.instagram {
      background-position: -63px 0px; }
    #footer td .sosyal.x-club {
      background-position: -126px 0px; }
  #footer td .left {
    padding: 9px 0; }
  #footer td .baslik {
    font-weight: bold;
    font-size: 16px;
    padding: 10px 0 0px 10px;
    text-align: left;
    color: #fff;
    text-shadow: 2px 2px #000; }
  #footer td .spin {
    padding: 0 5px; }
  #footer table td {
    padding-bottom: 30px; }

#altBar div {
  padding: 10px 0; }

.subHeader {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 12px; }
  .subHeader.gr {
    color: #000;
    border-bottom: solid 1px #e1e1e1;
    padding: 5px;
    line-height: 24px; }
    .subHeader.gr p {
      color: #000;
      font-size: 12px; }

.onemliNot {
  border: solid 3px #941b1b;
  padding: 5px; }
  .onemliNot strong {
    color: #941b1b; }

.form {
  background-image: url("/view/img/loginbg.jpg");
  background-repeat: no-repeat;
  *background-position: 0 -80px;
  height: 740px; }
  .form .content .altBaslik {
    font-size: 18px;
    margin-bottom: 20px; }
  .form .content .panel {
    background: rgba(255, 255, 255, 0.7);
    padding: 10px;
    position: relative;
    -moz-box-shadow: 0px 5px 10px 0px #2a2a2a;
    -webkit-box-shadow: 0px 5px 10px 0px #2a2a2a;
    box-shadow: 0px 5px 10px 0px #2a2a2a; }
    .form .content .panel > div > div {
      margin-bottom: 16px; }
    .form .content .panel .input-text {
      width: 100%;
      background: #fff;
      outline: none;
      border: solid 1px #000;
      padding: 8px;
      border-radius: 0; }
      .form .content .panel .input-text.nw {
        width: auto; }
    .form .content .panel .head {
      margin-bottom: 5px; }
    .form .content .panel select.input-text {
      width: auto;
      padding: 7px; }
    .form .content .panel span.input-text {
      width: auto;
      background: none;
      border: none;
      padding: 5px;
      display: inline-block; }
      .form .content .panel span.input-text input {
        width: 16px;
        height: 16px;
        margin-right: 5px;
        vertical-align: middle; }
      .form .content .panel span.input-text.cb {
        padding: 0; }
  .form .content .left {
    width: 50%;
    border-right: solid 1px #000; }
    .form .content .left .panel {
      padding: 80px 30px; }
  .form .content .right {
    width: 50%; }
    .form .content .right .panel {
      padding: 30px; }

#giris {
  padding-bottom: 20px; }
  #giris > div {
    width: 1000px;
    margin: 0 auto; }
  #giris .top hr {
    width: 80.86%;
    border: solid 1px #000; }
  #giris .btn2 {
    position: absolute;
    bottom: 25px;
    width: 160px;
    margin-left: -80px;
    left: 50%; }
  #giris .content .panel {
    width: 100%;
    height: 570px; }
    #giris .content .panel > div {
      height: 475px;
      overflow: auto;
      padding-right: 10px; }
  #giris .content .left {
    width: 48%;
    padding-right: 30px; }
    #giris .content .left .btn2 {
      bottom: unset;
      position: relative;
      top: 40px; }
  #giris .content .right {
    width: 52%;
    padding-left: 30px; }
    #giris .content .right .chks {
      border: solid 1px #c7c7c7;
      padding: 10px 0;
      border-left: 0;
      border-right: 0; }
      #giris .content .right .chks > div {
        padding-bottom: 5px; }
        #giris .content .right .chks > div:last-child {
          padding-bottom: 0; }
  #giris .content .bottom {
    margin-top: 100px;
    text-align: center; }
    #giris .content .bottom a {
      padding: 6px 10px;
      display: block; }
      #giris .content .bottom a:hover {
        text-decoration: underline; }

#giris .top *, #kayit .top * {
  vertical-align: middle;
  display: inline-block; }
  #giris .top * img, #kayit .top * img {
    cursor: pointer; }

#kayit > div {
  width: 465px;
  margin: 0 auto; }

#kayit .top hr {
  width: 58.88%;
  border: solid 1px #000; }

#kayit .btn2 {
  margin: 10px auto;
  display: block; }

#kayit .content .panel {
  padding: 30px 20px; }

#aktivasyon, #hata, #sifreyenileme, #siparistamamlandi {
  padding: 40px 20px;
  background-position: 0 -300px;
  height: 500px;
  text-align: center; }
  #aktivasyon .content, #hata .content, #sifreyenileme .content, #siparistamamlandi .content {
    width: 890px;
    margin: 0 auto; }
    #aktivasyon .content .panel, #hata .content .panel, #sifreyenileme .content .panel, #siparistamamlandi .content .panel {
      padding: 40px; }
  #aktivasyon.form .form-item, #hata.form .form-item, #sifreyenileme.form .form-item, #siparistamamlandi.form .form-item {
    margin: 0 auto;
    width: 200px;
    text-align: left;
    margin-bottom: 10px; }

#sayfabulunamadi .pnl, #hata .pnl {
  padding: 30px;
  background: #cecfd3; }

#sayfabulunamadi {
  text-align: center; }
  #sayfabulunamadi img {
    background: #cecfd3;
    width: 100%;
    padding: 5px;
    height: auto; }

#aktivasyon h3 {
  margin-bottom: 30px;
  color: #b10909; }

#aktivasyon .bottom a {
  color: #000; }

#anket-degerlendirme {
  padding: 12px 20px;
  height: 760px;
  background-position: 0; }
  #anket-degerlendirme .column-header {
    display: none; }

#GFXDemoKayit {
  padding: 40px 30px;
  background-position: center;
  font-family: 'Merriweather', serif; }
  #GFXDemoKayit select {
    width: 100%; }
  #GFXDemoKayit > div {
    width: 565px;
    *margin: 0 auto; }
  #GFXDemoKayit.form {
    height: auto;
    background-image: url("/view/img/studyo-demo-kayit-bg2.jpg"); }
  #GFXDemoKayit .btn2 {
    margin: 0 auto;
    width: 160px;
    display: block; }
  #GFXDemoKayit .header {
    text-align: center;
    line-height: 24px; }
    #GFXDemoKayit .header h1 {
      font-size: 20px; }
      #GFXDemoKayit .header h1 span {
        color: red; }
    #GFXDemoKayit .header h2 {
      font-size: 18px; }
  #GFXDemoKayit .subHeader {
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    margin: 30px 0; }
  #GFXDemoKayit .onay {
    font-weight: 900; }
  #GFXDemoKayit .panel {
    padding: 40px 60px; }
  #GFXDemoKayit .left, #GFXDemoKayit .right {
    width: 48%;
    border: none;
    padding: 0; }

.formGiris {
  width: 30%;
  float: left; }
  .formGiris div {
    padding: 5px; }

.formGirisKisayollar {
  width: 68%;
  float: right; }
  .formGirisKisayollar div {
    text-align: center;
    padding: 5px; }
  .formGirisKisayollar a {
    display: block;
    width: 320px;
    margin: 0 auto;
    border: solid 1px #e1e1e1;
    padding: 10px; }
    .formGirisKisayollar a:hover {
      background-color: #f1f1f1; }

.altMenu {
  line-height: 30px;
  text-align: center;
  color: #000; }
  .altMenu a {
    color: #000; }
    .altMenu a:hover {
      text-decoration: underline; }

.ozellik {
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin-bottom: 20px; }
  .ozellik thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit; }
    .ozellik thead tr td:first-child {
      font-size: 13px;
      background: #F7F7F7;
      text-align: left; }
  .ozellik tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit; }
    .ozellik tr td {
      padding: 7px;
      color: #4D4D4D;
      text-align: left;
      vertical-align: top;
      border-right: 1px solid #ddd;
      border-bottom: 1px solid #ddd; }
      .ozellik tr td:first-child {
        color: #000;
        font-weight: bold;
        width: 16%; }

.grupBaslik {
  line-height: 30px;
  color: #555; }
  .grupBaslik a {
    color: #000;
    text-decoration: underline; }

.altBaslik {
  color: #000;
  font-weight: bold;
  font-size: 14px; }

.leftMenu a {
  color: #000; }

.leftMenu ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  .leftMenu ul li {
    line-height: 26px; }
  .leftMenu ul ul li {
    margin-left: 14px; }
  .leftMenu ul ul a {
    color: #555; }

.leftMenu .selected, .grupBaslik .selected {
  color: #000;
  font-weight: bold; }
  .leftMenu .selected .altBaslikk, .grupBaslik .selected .altBaslikk {
    display: none; }

input, select, textarea {
  padding: 6px 10px; }

.table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 10px; }
  .table.sm td:last-child {
    width: 280px; }
  .table a {
    color: #000; }
  .table thead {
    background-color: #e1e1e1;
    font-weight: bold;
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit; }
  .table tbody, .table tfoot {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit; }
  .table td {
    padding: 6px;
    line-height: 16px;
    border-bottom: 1px solid #eeeeee; }
  .table tfoot td {
    border-bottom: none;
    padding-top: 10px; }
  .table input, .table select, .table textarea {
    padding: 6px 10px; }
  .table .foot {
    background-color: #f1f1f1;
    border-bottom-color: #fff; }
  .table .left {
    text-align: left;
    float: inherit; }
  .table .right {
    text-align: right;
    float: inherit; }
  .table .middle {
    text-align: center;
    float: inherit; }
  .table .btn, .table .btn1, .table .btn2, .table .btn3, .table .btn4, .table .btn5 {
    padding: 6px 10px; }

.htabs {
  height: 30px;
  line-height: 16px;
  border-bottom: 2px solid #221f1f; }
  .htabs > div {
    padding: 0 20px; }
    .htabs > div > a {
      background: #515b57;
      padding: 7px 10px 6px;
      float: left;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-weight: bold;
      text-align: center;
      text-decoration: none;
      color: #fff;
      margin-right: 2px;
      display: none; }
      .htabs > div > a.selected {
        padding: 10px;
        background: #000;
        font-weight: bold;
        position: relative;
        top: -8px; }

.vtabs {
  width: 150px;
  min-height: 200px;
  float: left;
  display: block;
  margin-top: 5px; }
  .vtabs > a {
    display: none; }
    .vtabs > a.selected {
      background: #FFFFFF;
      border: 1px dashed #aaa;
      border-right: none;
      width: 101%; }
  .vtabs > a, .vtabs span {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    clear: both;
    border: 1px dashed #e1e1e1;
    border-right: none;
    background: #F7F7F7;
    padding: 10px 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
    color: #000000; }
    .vtabs > a img, .vtabs span img {
      position: relative;
      top: 3px;
      cursor: pointer; }

.vtabs-content {
  margin-left: 150px;
  border-left: 1px dashed #aaa;
  padding: 10px 20px;
  min-height: 200px; }

.ciz {
  color: #ff0000;
  text-decoration: line-through;
  position: relative; }
  .ciz span {
    color: #888;
    display: inline; }

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
  height: 0; }

td.btngrup a {
  float: unset; }

.btngrup {
  margin: 5px 0; }
  .btngrup a {
    float: left;
    margin-right: 5px; }

.btn, .btn1, .btn2, .btn3, .btn4, .btn5 {
  border: medium none;
  border-radius: 10px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0; }

.btn1, .btn2 {
  background-color: #000;
  color: #fff !important; }
  .btn1:hover, .btn2:hover {
    background-color: #555; }

.btn3 {
  border: solid 1px #000;
  color: #000; }
  .btn3:hover {
    border: solid 1px #555;
    color: #555; }

.btn4 {
  background-color: #cdcdcd;
  border: solid 1px #888;
  color: #000; }

.btn5 {
  border: solid 1px transparent;
  color: #000; }
  .btn5:hover {
    border: solid 1px #000; }

.kdvDahil {
  display: inline-block;
  font-size: 8px;
  width: 15px;
  line-height: 7px; }

.eftHavaleNot {
  line-height: 18px; }
  .eftHavaleNot ul {
    list-style: disc;
    margin: 5px 20px;
    padding: 0; }

.uPage {
  text-align: center;
  margin-bottom: 10px; }
  .uPage a {
    border: 1px solid #d2d2d2;
    border-radius: 1px;
    background: #f7f7f7;
    color: #000;
    display: inline-block !important;
    font-weight: bold;
    width: 28px;
    height: 28px;
    padding: 6px 0px;
    text-align: center;
    margin: 1px; }
  .uPage .selected {
    border: solid 1px #000;
    background-color: #000;
    color: #fff;
    margin: 0 5px; }
  .uPage .fa {
    padding: 1px 0; }

#yukaricik {
  cursor: pointer;
  position: fixed;
  bottom: 70px;
  right: 20px;
  z-index: 98;
  color: #000;
  background: #f4f4f4;
  border: solid 1px #fff;
  border-radius: 3px;
  background-image: linear-gradient(#fff, #ccc); }
  #yukaricik span {
    padding: 8px 11px;
    font-size: 24px; }

.wapp-destek {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 14;
  display: flex;
  flex-direction: column;
  align-items: flex-end; }
  .wapp-destek a.wapp-btn, .wapp-destek .stores {
    border-radius: 3px; }
  .wapp-destek a.wapp-btn {
    display: inline-block;
    padding: 10px;
    color: #fff;
    background: #0aba28;
    font-weight: bold;
    background-image: linear-gradient(#5cf978, #0aba28);
    width: 140px; }
    .wapp-destek a.wapp-btn i {
      font-size: 20px;
      vertical-align: middle; }
    .wapp-destek a.wapp-btn span {
      width: 92px;
      height: 15px;
      display: inline-block;
      overflow: hidden;
      vertical-align: middle;
      white-space: nowrap; }
  .wapp-destek .stores {
    background: #fff;
    margin-bottom: 5px;
    visibility: hidden;
    opacity: 0;
    height: 0;
    width: 0;
    transition: all 0.2s ease;
    text-align: left;
    overflow: hidden;
    padding: 3px; }
    .wapp-destek .stores .row {
      display: flex;
      align-items: center;
      background-image: linear-gradient(#fff, #f4f4f4);
      white-space: nowrap;
      color: #212121;
      height: 40px; }
      .wapp-destek .stores .row .col1, .wapp-destek .stores .row .col2 {
        padding: 3px; }
    .wapp-destek .stores .head {
      text-align: center;
      padding: 5px 0;
      border-bottom: solid 1px #e1e1e1;
      font-weight: bold;
      color: #333;
      border-radius: 5px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      background: #fff;
      width: 100%; }
    .wapp-destek .stores .body {
      overflow-y: auto;
      height: calc(100% - 28px); }
    .wapp-destek .stores a:hover {
      background-image: linear-gradient(#fff, #c5e1bd); }
  .wapp-destek.active .stores {
    width: 295px;
    height: 720px;
    visibility: visible;
    opacity: 1; }
  .wapp-destek.active .wapp-btn {
    width: auto; }
    .wapp-destek.active .wapp-btn i:before {
      content: "\f00d"; }
    .wapp-destek.active .wapp-btn span {
      display: none; }

.magaza [class^="fa-"] {
  color: #222;
  font-size: 16px; }

#sonucListesi {
  list-style: none;
  margin: 0;
  padding: 0; }
  #sonucListesi .sonuc {
    padding: 8px;
    border-top: dashed 1px #e1e1e1;
    cursor: pointer;
    background-color: #fcfcfc; }
    #sonucListesi .sonuc img {
      width: 34px;
      height: auto;
      vertical-align: middle;
      margin-right: 5px; }
    #sonucListesi .sonuc span {
      display: inline-block;
      width: 84%;
      vertical-align: middle; }
    #sonucListesi .sonuc:hover {
      background-color: #4d4c4c;
      color: #fff;
      border: none;
      font-weight: bold;
      border-bottom: solid 2px #b3b3b3; }
  #sonucListesi .hover {
    background-color: #e62117;
    color: #fff;
    border: none;
    font-weight: bold;
    border-bottom: solid 2px #b3b3b3; }

.urunListeleri {
  margin: 20px 6px; }
  .urunListeleri .kategori {
    width: 25%;
    float: left;
    text-align: center; }
    .urunListeleri .kategori a {
      color: #000; }
    .urunListeleri .kategori h4 {
      padding-bottom: 10px;
      display: table-cell;
      vertical-align: middle;
      font-size: 20px;
      line-height: 20px;
      font-family: 'Caveat', cursive; }
    .urunListeleri .kategori img {
      border: solid 1px #e1e1e1;
      width: 290px;
      *height: 180px; }
    .urunListeleri .kategori .teknikVeri hr {
      margin: 5px 0; }

#vitrinCon {
  padding: 10px; }
  #vitrinCon a {
    color: #000; }
  #vitrinCon .vitrinBaslik {
    font-weight: bold;
    font-size: 14px;
    color: #555;
    padding: 5px;
    border-bottom: solid 1px #bfbfbf;
    margin-bottom: 10px; }
  #vitrinCon .vitrin {
    position: relative;
    margin-bottom: 20px; }
    #vitrinCon .vitrin:last-child {
      margin-bottom: 0; }
    #vitrinCon .vitrin .banner {
      float: left;
      height: 250px;
      width: 33.3%; }
      #vitrinCon .vitrin .banner img {
        max-width: 392px;
        max-height: 244px;
        border: solid 1px #ededed;
        margin: 0 auto;
        display: block; }
      #vitrinCon .vitrin .banner.right {
        float: right; }
    #vitrinCon .vitrin.thumb {
      overflow: hidden;
      height: 285px; }
      #vitrinCon .vitrin.thumb .vitUrunCon {
        margin-bottom: 20px; }
  #vitrinCon .vitUrunCon {
    height: 250px;
    width: 16.66%;
    float: left;
    margin: 0;
    cursor: pointer; }
    #vitrinCon .vitUrunCon:hover .incele {
      display: inline-block; }
    #vitrinCon .vitUrunCon img {
      max-width: 168px;
      max-height: 126px;
      min-height: 126px; }
  #vitrinCon .vitUrunSubCon {
    margin: 0 auto;
    width: 96%;
    position: relative;
    line-height: 16px;
    border: solid 1px #ededed;
    margin-bottom: 6%; }
    #vitrinCon .vitUrunSubCon > div {
      padding: 5px; }
  #vitrinCon .incele {
    display: none;
    background-image: url("/view/img/incele.png");
    background-repeat: no-repeat;
    width: 77px;
    height: 70px;
    position: absolute;
    left: 48px;
    top: 40px; }
  #vitrinCon .vitBaslik {
    height: 54px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    @supports (-webkit-line-clamp: 3) {
      #vitrinCon .vitBaslik {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical; } }
  #vitrinCon .vitAlt {
    text-align: right;
    height: 50px;
    border-top: solid 1px #ededed;
    padding-top: 5px;
    background: #f4f4f4; }
  #vitrinCon .fiyat {
    width: auto;
    color: #000;
    font-weight: bold; }
  #vitrinCon .uyeGrubu {
    font-size: 9px;
    font-weight: bold;
    color: #000;
    display: inline; }

.x-bus {
  width: 1000px;
  margin: 0 auto; }
  .x-bus .kimler-katilabilir {
    position: absolute;
    right: 10px;
    width: 325px;
    top: 50px; }

#uyemenu a {
  color: #000; }
  #uyemenu a:hover {
    font-weight: bold; }

#uyemenu > div {
  padding: 10px;
  border-bottom: 2px dashed #E1E1E1;
  margin-bottom: 10px; }
  #uyemenu > div b {
    color: #000;
    font-weight: bold; }

#uyemenu ul {
  list-style: none;
  margin: 5px;
  padding: 0; }
  #uyemenu ul li {
    line-height: 22px; }

#uyemenu .selected {
  font-weight: bold; }

#uyemenu .posta i, #uyemenu .posta span {
  vertical-align: middle; }

#uyemenu .posta i {
  font-size: 30px; }

#uyemenu .posta span {
  font-size: 14px; }

@font-face {
  font-family: 'icomoon';
  src: url("/view/font/iconmoon/icomoon.eot");
  src: url("/view/font/iconmoon/icomoon.eot?#iefix") format("embedded-opentype"), url("/view/font/iconmoon/icomoon.woff") format("woff"), url("/view/font/iconmoon/icomoon.ttf") format("truetype"), url("/view/font/iconmoon/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*="icon-"] {
  font-family: 'icomoon';
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 0;
  margin: 3px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-cart:before {
  content: "\e753"; }

.icon-arrow2:before {
  content: "\e68d"; }

.icon-arrow-left5:before {
  content: "\e6cd"; }

.icon-arrow-right5:before {
  content: "\e6d0"; }

/*** SUPERFISH *************************************************************/
#menuCon {
  clear: both;
  background: #00674A;
  font-family: Verdana, Arial, Helvetica, sans-serif; }
  #menuCon > ul > li {
    background-color: transparent; }
    #menuCon > ul > li:hover {
      background-color: #000; }

div.fsOverlay {
  background-color: #000;
  background-image: none;
  opacity: 0.7;
  z-index: 9999; }

.menuMobile {
  display: none; }
  .menuMobile a {
    color: #000; }
  .menuMobile i {
    color: #000;
    font-size: 24px; }

#urunKayit .aciklama {
  padding: 20px 10px 30px 10px; }

#urunKayit .btngrup a {
  width: 120px; }
  #urunKayit .btngrup a:last-child {
    margin-right: 0; }

/* katalog */
#uCon {
  width: 100%; }
  #uCon .uItem {
    float: left;
    height: 390px;
    width: 25%;
    position: relative;
    text-align: center; }
    #uCon .uItem a {
      color: #000; }
    #uCon .uItem .indirim {
      position: absolute;
      top: 155px;
      left: -9px;
      background-repeat: no-repeat;
      background-image: url("/view/img/indiriml.png");
      width: 88px;
      height: 34px;
      color: #02130e;
      font-weight: bold;
      line-height: 24px;
      text-align: center; }
    #uCon .uItem .onSiparis {
      background: #88cab7;
      text-align: center;
      padding: 6px 0;
      font-size: 13px;
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 100%;
      font-weight: bold;
      opacity: 0.9; }
  #uCon .ut {
    border: solid 1px #e8e8e8;
    width: 96%;
    height: 380px;
    background-color: #fff;
    cursor: pointer;
    margin: 0 auto;
    position: relative; }
    #uCon .ut:hover {
      border-color: #9e9e9e;
      position: relative;
      z-index: 1;
      -moz-box-shadow: 2px 2px 6px -2px #000;
      -webkit-box-shadow: 2px 2px 6px -2px #000;
      box-shadow: 2px 2px 6px -2px #000; }
      #uCon .ut:hover .incele {
        display: table-row; }
        #uCon .ut:hover .incele p {
          margin: 2px;
          padding: 0; }
        #uCon .ut:hover .incele td {
          border-top: dashed 2px #e8e8e8; }
    #uCon .ut td {
      padding: 6px; }
    #uCon .ut .incele {
      display: none; }
    #uCon .ut .fiyat {
      float: right;
      position: relative;
      top: -4px; }
  #uCon .imgCon {
    border-bottom: dashed 2px #e8e8e8;
    position: relative; }
    #uCon .imgCon img {
      width: 100%; }
  #uCon .uyeGrubu {
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    padding: 4px;
    color: #fff;
    color: #000;
    margin-bottom: 5px; }

#katalog .katalogIcerik {
  padding: 5px;
  width: 100%; }

#katalog .uFiltre > div {
  margin: 3px 5px; }

#katalog .kategoriler .grupBaslik {
  font-size: 14px;
  font-weight: bold; }

#katalog .lensTest {
  text-align: center; }

#katalog .altKategori li {
  float: left;
  width: 182px;
  text-align: center;
  padding: 10px 5px;
  border: dotted 1px #000;
  margin: 5px;
  height: 220px; }
  #katalog .altKategori li:hover {
    outline: solid 1px #000; }
  #katalog .altKategori li a {
    font-size: 14px;
    color: #000;
    display: block;
    padding: 4px 10px;
    font-weight: bold; }
  #katalog .altKategori li img {
    width: 110px;
    margin-bottom: 20px; }

#katalog .grpBaslik {
  margin: 10px 0; }

#katalog .filtre {
  margin-bottom: 10px; }
  #katalog .filtre .grupBaslik {
    font-weight: bold;
    font-size: 14px; }

#katalog .bunlardanBiriMi {
  display: none;
  background: url("/view/img/bunlardanBirimi-bg.jpg");
  background-repeat: no-repeat;
  text-align: center;
  font-size: 18px;
  padding: 30px;
  padding-left: 130px;
  line-height: 30px;
  margin-bottom: 25px; }

#katalog.urunBulunamadi .bunlardanBiriMi {
  display: block; }

#katalog.urunBulunamadi .uFiltre, #katalog.urunBulunamadi .leftMenu {
  display: none; }

#katalog.urunBulunamadi .uItem {
  width: 20%; }

.fs {
  padding: 10px 5px;
  margin: 5px 0;
  border-top: dashed 1px #eee; }
  .fs:last-child {
    border-bottom: dashed 1px #eee; }
  .fs .fsBaslik {
    color: #8c1014;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 5px; }
  .fs .fsVal {
    max-height: 100px;
    overflow-y: auto;
    border: solid 1px #eee;
    padding: 3px; }
    .fs .fsVal.bn {
      border: none; }
    .fs .fsVal input {
      border: none;
      padding: 3px 5px; }
    .fs .fsVal input[type=checkbox], .fs .fsVal input[type=radio] {
      margin: 3px 5px;
      vertical-align: middle; }
    .fs .fsVal div {
      padding: 3px; }
    .fs .fsVal table {
      width: 100%; }
    .fs .fsVal .box {
      border: solid 1px #e1e1e1;
      width: 70px;
      float: left; }
    .fs .fsVal .fiyatInp {
      margin-right: 3px;
      float: left;
      color: #00946C;
      font-size: 14px; }
      .fs .fsVal .fiyatInp input {
        width: 40px; }
    .fs .fsVal .fiyatbtn {
      width: 36px;
      float: right;
      padding: 3px;
      display: inline-block; }

.uFiltre {
  padding: 5px; }

.bxslider {
  display: none; }
  .bxslider img {
    border: none; }

.sepetim {
  margin: 10px; }
  .sepetim input {
    border: 0; }
  .sepetim .btn2 {
    float: right;
    margin: 0; }
  .sepetim .cikar {
    display: none; }
  .sepetim .table {
    font-size: 14px; }
    .sepetim .table .btn, .sepetim .table .btn1, .sepetim .table .btn2, .sepetim .table .btn3, .sepetim .table .btn4, .sepetim .table .btn5 {
      text-decoration: underline; }
  .sepetim .ui-widget input {
    height: 24px;
    text-align: center;
    margin: 0; }
  .sepetim .ui-spinner-button {
    width: 20px; }
  .sepetim .sil {
    display: none;
    float: right; }
  .sepetim .cek-pnl {
    height: 35px;
    padding: 0 20px;
    margin-bottom: 30px; }
    .sepetim .cek-pnl table {
      width: 445px;
      margin: 0;
      background: #fff;
      float: right; }
    .sepetim .cek-pnl td:first-child {
      width: 275px;
      border-bottom: solid 1px #eee; }
  .sepetim .ciz {
    font-size: 12px; }

.fatTesCon {
  padding: 5px;
  min-height: 200px; }

.adresCon {
  width: 100%;
  height: 160px; }
  .adresCon h4 {
    margin-bottom: 10px; }
  .adresCon > div {
    float: left;
    width: 50%;
    vertical-align: top;
    margin-bottom: 10px; }
  .adresCon .con {
    border-radius: 5px;
    border: solid 1px #e1e1e1;
    position: absolute;
    background: #fff;
    width: 340px;
    -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); }
  .adresCon .adres {
    position: relative;
    padding: 10px;
    padding-right: 30px;
    display: none;
    cursor: pointer;
    border-top: solid 1px #e1e1e1; }
    .adresCon .adres:hover {
      background: #eee; }
    .adresCon .adres.ekle {
      padding: 5px; }
  .adresCon .btn3 {
    width: 100%; }
  .adresCon .secim {
    position: relative;
    padding: 10px;
    padding-right: 30px;
    cursor: pointer;
    width: 100%;
    background: #f8f8f8; }
    .adresCon .secim i {
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      border-left: solid 1px #e1e1e1;
      font-size: 18px;
      width: 20px; }
      .adresCon .secim i:before {
        position: absolute;
        top: 50%;
        left: 30%; }

.con .head {
  font-weight: bold;
  display: block;
  font-size: 14px;
  margin-bottom: 5px; }

.con .body {
  margin-bottom: 5px;
  display: table;
  height: 30px; }
  .con .body span {
    display: table-cell;
    vertical-align: middle; }

.con .foot {
  font-weight: bold;
  display: inline-block;
  background: transparent; }

#odemeYap {
  width: 735px;
  margin: 0 auto;
  margin: 20px auto; }
  #odemeYap table thead td {
    background: #f1f1f1;
    font-weight: bold; }
  #odemeYap table:last-child {
    margin-bottom: 0; }
  #odemeYap .pageCon {
    background: #fff; }
  #odemeYap .pageHeader .r1, #odemeYap .pageHeader .r2 {
    border-bottom: solid 1px #898998; }
  #odemeYap .pageHeader > div {
    padding: 10px; }
  #odemeYap .pageHeader .r2 {
    text-align: center;
    padding: 20px 10px;
    background: #f1f1f1; }
  #odemeYap .pageContent {
    width: 90%;
    margin: 20px auto; }
    #odemeYap .pageContent > div {
      margin-bottom: 14px;
      padding-bottom: 14px;
      border-bottom: solid 1px #d4d4d4;
      position: relative; }
      #odemeYap .pageContent > div:last-child {
        border-bottom: none; }
    #odemeYap .pageContent h3 {
      margin-bottom: 10px; }
    #odemeYap .pageContent .bilgi > div {
      margin-bottom: 10px; }
      #odemeYap .pageContent .bilgi > div:last-child {
        margin-bottom: 0; }
      #odemeYap .pageContent .bilgi > div div {
        display: inline-block;
        vertical-align: middle;
        padding: 0 5px; }
        #odemeYap .pageContent .bilgi > div div:first-child {
          width: 200px;
          position: relative;
          padding-right: 10px; }
          #odemeYap .pageContent .bilgi > div div:first-child:after {
            content: ":";
            position: absolute;
            right: 0;
            margin-top: -10px;
            top: 50%; }
    #odemeYap .pageContent .aciklama table {
      background: #fffeee;
      border: solid 1px #d6d5ae;
      border-left: none;
      border-right: none; }
      #odemeYap .pageContent .aciklama table td {
        border: none; }
      #odemeYap .pageContent .aciklama table tbody tr {
        border: none; }
    #odemeYap .pageContent .notlar ul {
      list-style: unset;
      margin-left: 16px; }
      #odemeYap .pageContent .notlar ul li {
        line-height: 18px; }
    #odemeYap .pageContent .taksitler .altBaslik {
      margin-bottom: 10px; }
  #odemeYap .pageFooter {
    border-top: solid 1px #898998;
    background: #d4d4d4;
    color: #000;
    padding: 10px;
    line-height: 20px; }
  #odemeYap .btnGrup {
    text-align: right; }
    #odemeYap .btnGrup > * {
      vertical-align: middle; }
    #odemeYap .btnGrup input[type=checkbox] {
      width: 18px;
      height: 18px; }
    #odemeYap .btnGrup label {
      width: 120px;
      display: inline-block;
      text-align: left;
      margin-left: 10px;
      line-height: 18px; }
    #odemeYap .btnGrup input[type=submit] {
      width: 150px; }

#tblkk input {
  font-size: 14px; }

#tblkk td:first-child {
  width: 200px; }

.taksitler .banka, .krediler .banka {
  float: left;
  padding: 2px;
  border: solid 1px #e1e1e1; }

.taksitler .bankaLogo, .krediler .bankaLogo {
  width: 100%;
  text-align: center; }
  .taksitler .bankaLogo img, .krediler .bankaLogo img {
    max-width: 120px; }

.taksitler .baslik, .krediler .baslik {
  background: #f1f1f1;
  font-weight: bold; }

.taksitler .taksit, .krediler .taksit {
  width: 100%;
  text-align: center;
  margin: 3px 0; }
  .taksitler .taksit > div, .krediler .taksit > div {
    text-align: right;
    float: left;
    padding: 3px;
    border-top: solid 1px #f1f1f1; }

.taksitler .banka {
  width: 20%; }

.taksitler .taksit > div:first-child {
  width: 20%; }

.taksitler .taksit > div:nth-child(2) {
  width: 40%; }

.taksitler .taksit > div:last-child {
  width: 40%; }

.taksitSecenekleri .taksitler .banka {
  width: 100%; }

.uTaksitSecenek h2 {
  padding: 10px;
  margin: 30px 0;
  background: #e4e4e4; }

.uTaksitSecenek .krediler h2 {
  *margin-top: 30px; }

.krediler .detay, .krediler .secenek {
  float: left;
  padding: 10px; }

.krediler .detay {
  width: 70%;
  padding: 0 !important; }
  .krediler .detay ul {
    list-style-type: inherit; }

.krediler .secenek {
  width: 30%; }
  .krediler .secenek .banka {
    float: none; }
  .krediler .secenek h3 {
    margin: 30px 0;
    font-size: 16px;
    background: #e4e4e4;
    padding: 5px;
    text-align: center; }

.krediler .banka {
  width: 100%; }

.krediler .taksit > div input {
  width: 100%;
  text-align: right;
  background: #fff;
  color: inherit;
  padding: 0;
  border: 0; }

.krediler .taksit > div:first-child {
  width: 15%; }

.krediler .taksit > div:nth-child(2) {
  width: 30%; }

.krediler .taksit > div:nth-child(3) {
  width: 25%; }

.krediler .taksit > div:last-child {
  width: 30%; }

#siparis .sozlesme, #odemeYap .sozlesme {
  padding: 5px 10px; }
  #siparis .sozlesme input, #odemeYap .sozlesme input {
    margin-right: 5px; }

#siparis a, #odemeYap a {
  color: #000;
  font-weight: bold; }
  #siparis a:hover, #odemeYap a:hover {
    text-decoration: underline; }

#siparis {
  line-height: 16px;
  margin: 0 auto;
  padding: 0 10px; }
  #siparis .btn2 {
    float: right; }
  #siparis .urunler, #siparis .kargo, #siparis .odeme, #siparis .adres, #siparis .siparisNotu {
    border-bottom: 1px dashed #989898; }

#siparistamamlandi {
  text-align: center;
  line-height: 20px;
  height: auto;
  background-position: unset !important; }
  #siparistamamlandi h2 {
    margin-bottom: 10px; }
  #siparistamamlandi .sipNo {
    font-size: 16px;
    display: block;
    margin-bottom: 30px; }
  #siparistamamlandi div {
    margin-bottom: 10px;
    padding: 5px; }
  #siparistamamlandi .btn2 {
    padding: 8px 10px; }

#gfx50s {
  background-color: #161513;
  font-family: 'Myriad Pro';
  position: relative; }
  #gfx50s h2 {
    color: #999;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 40px; }
  #gfx50s p {
    color: #ccc;
    font-size: 14px;
    margin-bottom: 5px; }
  #gfx50s .row {
    width: 1064px;
    margin: 0 auto 20px auto; }
    #gfx50s .row:last-child {
      margin-bottom: 0; }
  #gfx50s .left {
    padding-right: 20px; }
    #gfx50s .left:last-child {
      padding: 0; }
  #gfx50s .right:last-child {
    padding: 0; }
  #gfx50s .aks h2 {
    margin-top: 80px; }
  #gfx50s .aks > div {
    margin: 20px 0;
    position: relative; }

#kredi {
  font-size: 14px;
  padding: 20px 80px; }
  #kredi ol, #kredi ul {
    padding-left: 30px; }
    #kredi ol li, #kredi ul li {
      margin-bottom: 12px;
      line-height: 18px; }
  #kredi h2, #kredi h3 {
    margin-bottom: 10px; }
  #kredi h2 {
    line-height: 30px; }
  #kredi ul {
    list-style: disc; }
  #kredi > div {
    margin-bottom: 30px; }
  #kredi input[type=text] {
    text-align: right;
    width: 100%;
    font-size: 14px;
    border-color: #c3c3c3;
    background: #f1f1f1;
    padding: 5px; }
  #kredi .banner {
    text-align: center; }
  #kredi .table-responsive {
    margin: 15px 0; }
  #kredi table {
    width: 600px;
    border: solid 1px #000;
    border-collapse: collapse; }
    #kredi table td, #kredi table th {
      padding: 6px; }
    #kredi table thead tr:first-child {
      background-color: #000;
      color: #fff; }
    #kredi table tfoot tr:first-child {
      background-color: #e8e8e8;
      font-weight: bold; }
  #kredi .krediTari input {
    width: 120px; }
  #kredi .btn1, #kredi .btn2 {
    padding: 8px 10px;
    margin-left: 10px; }
  #kredi .input-group > * {
    display: inline-block; }

#gfx-degisim h1 {
  text-align: center;
  margin: 20px 0;
  font-size: 28px;
  background: #d4d4d4;
  padding: 14px; }

#gfx-degisim h2, #gfx-degisim a {
  color: #ff0000; }

#gfx-degisim h2 {
  padding-left: 20px;
  margin-bottom: 16px;
  font-size: 22px; }

#gfx-degisim .steps {
  background: #b3b5b5;
  font-size: 16px;
  line-height: 22px;
  position: relative; }
  #gfx-degisim .steps .count, #gfx-degisim .steps .or {
    position: absolute;
    color: #000;
    font-weight: bold; }
  #gfx-degisim .steps .count {
    font-size: 50px;
    left: 10px;
    margin-top: 20px; }
  #gfx-degisim .steps .or {
    font-size: 18px;
    left: calc(50% - 26px);
    margin-top: -10px;
    border-radius: 5px;
    background: #f1f1f1;
    padding: 4px 8px;
    border: solid 1px #989898; }
  #gfx-degisim .steps .step {
    padding: 10px 25px;
    padding-left: 50px; }
    #gfx-degisim .steps .step img, #gfx-degisim .steps .step div {
      display: inline-block;
      vertical-align: middle; }
    #gfx-degisim .steps .step div {
      max-width: calc(100% - 280px);
      padding-left: 20px; }
      #gfx-degisim .steps .step div p {
        margin-bottom: 10px; }
        #gfx-degisim .steps .step div p:last-child {
          margin: 0; }
        #gfx-degisim .steps .step div p a {
          font-style: italic; }
    #gfx-degisim .steps .step.tek {
      background: #d4d4d4; }

#orta-format-nedir .vurgu {
  font-size: 22px;
  font-weight: bold;
  display: block;
  padding: 5px 10px; }

#orta-format-nedir .bilgi-1 {
  font-size: 18px;
  background: #949599;
  padding: 14px 30px; }
  #orta-format-nedir .bilgi-1 .ekipman {
    margin-right: 50px;
    font-weight: bold; }
  #orta-format-nedir .bilgi-1 span {
    margin: 0 14px; }
  #orta-format-nedir .bilgi-1 .spin {
    margin: 0;
    position: relative;
    font-size: 18px;
    top: -2px; }
  #orta-format-nedir .bilgi-1.text-center {
    text-align: center; }
    #orta-format-nedir .bilgi-1.text-center .ekipman {
      margin: 0; }

#orta-format-nedir .bilgi-2 {
  color: #ff0 !important;
  font-weight: normal;
  line-height: 50px; }

#orta-format-nedir .bolum {
  margin-bottom: 25px;
  padding: 20px;
  text-align: center; }
  #orta-format-nedir .bolum a, #orta-format-nedir .bolum img {
    border: none; }
  #orta-format-nedir .bolum p {
    font-size: 18px;
    line-height: 32px;
    padding: 30px; }

#orta-format-nedir .bolum-1 {
  background: #fff;
  padding: 0;
  padding-top: 50px; }
  #orta-format-nedir .bolum-1 .vurgu {
    display: inline-block;
    padding: 0; }
  #orta-format-nedir .bolum-1 > div {
    font-size: 22px;
    text-align: left;
    padding: 10px 20px;
    padding-top: 30px; }

#orta-format-nedir .bolum-2 {
  background: #e2e3e5;
  padding: 0;
  padding-top: 20px;
  text-align: left; }
  #orta-format-nedir .bolum-2 .ok-1 {
    position: relative;
    margin-left: -72px;
    margin-top: 30px; }
  #orta-format-nedir .bolum-2 .ok-2 {
    position: relative;
    margin-top: 25px;
    margin-left: 60px; }

#orta-format-nedir .bolum-3 {
  background: #b4b5b9;
  padding: 0;
  text-align: left; }
  #orta-format-nedir .bolum-3 > span {
    height: 16px;
    padding-left: 340px;
    position: relative;
    top: 20px; }
  #orta-format-nedir .bolum-3 .con {
    padding: 10px 50px; }
    #orta-format-nedir .bolum-3 .con div {
      display: inline-block;
      vertical-align: bottom;
      margin-right: 20px; }
    #orta-format-nedir .bolum-3 .con .vurgu {
      padding: 5px 0; }
  #orta-format-nedir .bolum-3 .ok-3 {
    top: 62px;
    right: -124px; }
  #orta-format-nedir .bolum-3 .ok-4 {
    top: 0;
    right: -130px; }

#orta-format-nedir .bolum-4 {
  background: #ecf4f7; }
  #orta-format-nedir .bolum-4 img {
    display: inline-block;
    vertical-align: bottom; }
  #orta-format-nedir .bolum-4 .vurgu {
    padding-top: 30px; }

#orta-format-nedir .bolum-5 {
  padding: 30px 20px;
  text-align: left; }
  #orta-format-nedir .bolum-5 p {
    width: 680px; }

#orta-format-nedir .bolum-6 {
  background: #000;
  height: 345px; }
  #orta-format-nedir .bolum-6 img {
    display: inline-block;
    vertical-align: middle; }
    #orta-format-nedir .bolum-6 img:nth-child(2) {
      position: relative;
      top: -55px;
      margin-left: 130px; }

#orta-format-nedir .bolum-7 {
  background: #b4b5b9;
  height: 415px;
  margin-bottom: 20px;
  padding: 0;
  padding-top: 30px;
  text-align: left; }
  #orta-format-nedir .bolum-7 > div * {
    display: inline-block;
    vertical-align: top; }
  #orta-format-nedir .bolum-7 p {
    padding: 20px;
    padding-top: 70px;
    width: 510px; }
  #orta-format-nedir .bolum-7 img {
    position: relative;
    top: -27px; }
  #orta-format-nedir .bolum-7 .vurgu {
    color: #f00;
    display: block;
    padding: 3px;
    padding-left: 20px;
    background: #fff;
    width: 85%;
    position: relative; }

#orta-format-nedir .bolum-8 {
  padding-top: 20px;
  text-align: left; }
  #orta-format-nedir .bolum-8 * {
    position: relative;
    vertical-align: top; }
  #orta-format-nedir .bolum-8 p {
    padding: 0 30px;
    padding-top: 40px;
    width: 600px; }

#orta-format-nedir .bolum-9 {
  background: #b4b5b9;
  padding: 30px 20px; }
  #orta-format-nedir .bolum-9 table {
    width: 90%;
    margin: 0 auto; }
    #orta-format-nedir .bolum-9 table td {
      text-align: left;
      vertical-align: top; }
      #orta-format-nedir .bolum-9 table td:first-child {
        width: 55%; }
  #orta-format-nedir .bolum-9 p {
    padding: 0;
    text-align: center;
    margin-top: 40px; }
  #orta-format-nedir .bolum-9 .vurgu {
    display: inline-block; }
    #orta-format-nedir .bolum-9 .vurgu:nth-child(2) {
      margin-right: 40px; }

#orta-format-nedir .bolum-10 {
  background: #505050;
  text-align: center;
  padding: 40px 0; }
  #orta-format-nedir .bolum-10 .vurgu, #orta-format-nedir .bolum-10 .bilgi-1 {
    color: #fff; }
  #orta-format-nedir .bolum-10 .bilgi-1 {
    padding: 0;
    padding-top: 10px;
    background: none;
    font-size: 18px; }
    #orta-format-nedir .bolum-10 .bilgi-1 .ekipman {
      margin: 0; }
  #orta-format-nedir .bolum-10 .bilgi-2 {
    height: 0;
    position: relative;
    left: 160px;
    top: 20px; }
  #orta-format-nedir .bolum-10 .ok-5 {
    top: 157px;
    right: -126px; }
  #orta-format-nedir .bolum-10 .ok-6 {
    top: 68px;
    left: -70px; }

#orta-format-nedir .bolum-11 {
  background: linear-gradient(#fff, #c9cacc);
  margin-bottom: 0; }
  #orta-format-nedir .bolum-11 .clearfix {
    padding: 0 60px; }
  #orta-format-nedir .bolum-11 .bilgi-1 {
    background: none;
    text-align: center;
    font-size: 18px; }
    #orta-format-nedir .bolum-11 .bilgi-1 .ekipman {
      margin: 0; }
  #orta-format-nedir .bolum-11 .ok-7 {
    top: 251px;
    right: -42px; }

#orta-format-nedir .bolum-12 {
  background: #c9cacc;
  padding-top: 0;
  padding-bottom: 30px; }
  #orta-format-nedir .bolum-12 > div {
    background: #8a8a8a;
    padding: 20px 0; }
  #orta-format-nedir .bolum-12 p {
    font-size: 22px; }
  #orta-format-nedir .bolum-12 table {
    background: #e8e8ea;
    width: 100%;
    border-spacing: 0; }
    #orta-format-nedir .bolum-12 table tr td {
      text-align: center;
      padding: 10px 0; }
      #orta-format-nedir .bolum-12 table tr td a {
        font-size: 16px;
        margin-top: 10px;
        display: block; }
      #orta-format-nedir .bolum-12 table tr td p {
        padding-top: 0; }
  #orta-format-nedir .bolum-12 .vurgu {
    background: #fff;
    margin-top: 10px; }

#orta-format-nedir .bolum-13, #orta-format-nedir .bolum-14, #orta-format-nedir .bolum-15, #orta-format-nedir .bolum-16 {
  padding: 20px 0;
  color: #fff; }
  #orta-format-nedir .bolum-13 .bilgi-1, #orta-format-nedir .bolum-14 .bilgi-1, #orta-format-nedir .bolum-15 .bilgi-1, #orta-format-nedir .bolum-16 .bilgi-1 {
    background: none;
    font-size: 18px; }

#orta-format-nedir .bolum-13 {
  color: #000; }
  #orta-format-nedir .bolum-13 table {
    border-spacing: 0;
    width: 100%; }
    #orta-format-nedir .bolum-13 table tr td:first-child {
      width: 420px; }
    #orta-format-nedir .bolum-13 table tr td:last-child {
      width: 380px; }

#orta-format-nedir .bolum-14 {
  background: #0e5184;
  background: linear-gradient(#0f1629, #76b1d3); }
  #orta-format-nedir .bolum-14 table {
    border-spacing: 0;
    width: 100%; }

#orta-format-nedir .bolum-15 {
  background: url("/files/content/ortaformatnedir/bolum-15-bg.jpg");
  margin-bottom: 0; }

#orta-format-nedir .bolum-16 {
  background: url("/files/content/ortaformatnedir/bolum-16-bg.jpg") no-repeat; }
  #orta-format-nedir .bolum-16 .bilgi-1 {
    padding: 22px; }

#orta-format-nedir .bolum-17 {
  background: linear-gradient(#f5f5f5, #c9cacc);
  margin-bottom: 0;
  padding: 20px 0 50px 0; }
  #orta-format-nedir .bolum-17 p {
    width: 650px;
    text-align: left; }
  #orta-format-nedir .bolum-17 .bilgi-1 {
    font-size: 18px;
    background: none; }
  #orta-format-nedir .bolum-17 .clearfix {
    margin-top: 20px; }
    #orta-format-nedir .bolum-17 .clearfix > div:first-child {
      margin-right: 20px;
      margin-top: 10px; }

#orta-format-nedir .bolum-18 {
  background: #534b48;
  padding: 0;
  margin-bottom: 0; }
  #orta-format-nedir .bolum-18 .bilgi-1 {
    background: none;
    color: #fff;
    font-size: 18px; }

#orta-format-nedir .bolum-19, #orta-format-nedir .bolum-20, #orta-format-nedir .bolum-21, #orta-format-nedir .bolum-22 {
  background: #fff; }
  #orta-format-nedir .bolum-19 *, #orta-format-nedir .bolum-20 *, #orta-format-nedir .bolum-21 *, #orta-format-nedir .bolum-22 * {
    display: inline-block;
    vertical-align: middle; }
  #orta-format-nedir .bolum-19 p, #orta-format-nedir .bolum-20 p, #orta-format-nedir .bolum-21 p, #orta-format-nedir .bolum-22 p {
    text-align: left;
    width: 700px; }

#orta-format-nedir .bolum-19 .ok-8 {
  top: 68px;
  left: 360px; }

#orta-format-nedir .bolum-20 img {
  margin-right: 30px; }

#orta-format-nedir .bolum-20 .ok-8 {
  top: 36px;
  left: 360px; }

#orta-format-nedir .bolum-21 img, #orta-format-nedir .bolum-22 img {
  margin-right: 70px; }

#orta-format-nedir .bolum-21 .ok-8, #orta-format-nedir .bolum-22 .ok-8 {
  top: 36px;
  left: 360px; }

#orta-format-nedir .ok {
  background-image: url("/files/content/ortaformatnedir/oklar.png");
  background-repeat: no-repeat;
  display: inline-block;
  background-position: 0 0;
  position: absolute;
  z-index: 1; }
  #orta-format-nedir .ok.ok-1 {
    background-position: -116px -24px;
    width: 135px;
    height: 98px; }
  #orta-format-nedir .ok.ok-2 {
    background-position: -116px -216px;
    width: 151px;
    height: 71px; }
  #orta-format-nedir .ok.ok-3 {
    background-position: -122px -376px;
    width: 159px;
    height: 69px; }
  #orta-format-nedir .ok.ok-4 {
    background-position: -36px -544px;
    width: 333px;
    height: 94px; }
  #orta-format-nedir .ok.ok-5 {
    background-position: -142px -736px;
    width: 150px;
    height: 55px; }
  #orta-format-nedir .ok.ok-6 {
    background-position: -142px -898px;
    width: 147px;
    height: 73px; }
  #orta-format-nedir .ok.ok-7 {
    background-position: -130px -1078px;
    width: 142px;
    height: 46px; }
  #orta-format-nedir .ok.ok-8 {
    background-position: -146px -1232px;
    width: 112px;
    height: 62px; }

#fotograf-danismanligi .bolum {
  padding: 20px;
  position: relative;
  clear: both; }
  #fotograf-danismanligi .bolum a, #fotograf-danismanligi .bolum img {
    border: none; }
  #fotograf-danismanligi .bolum p {
    font-size: 26px;
    line-height: 44px;
    padding: 20px 30px; }

#fotograf-danismanligi .bolum-1 {
  background: url(/files/content/fotografdanismanligi/arka_plan_1.png) no-repeat;
  height: 452px;
  color: #fff; }
  #fotograf-danismanligi .bolum-1 img.cizim {
    float: left;
    opacity: 0.5; }
  #fotograf-danismanligi .bolum-1 img.fotmak, #fotograf-danismanligi .bolum-1 img.ucretsiz {
    position: absolute;
    bottom: 0;
    z-index: 1; }
  #fotograf-danismanligi .bolum-1 img.fotmak {
    right: 0;
    bottom: -40px; }
  #fotograf-danismanligi .bolum-1 img.ucretsiz {
    left: 0;
    bottom: -40px; }
  #fotograf-danismanligi .bolum-1 p {
    float: left;
    padding: 90px 50px;
    font-size: 28px;
    z-index: 2;
    letter-spacing: 2px; }

#fotograf-danismanligi .bolum-2 {
  background: url(/files/content/fotografdanismanligi/arka_plan_2.png) no-repeat;
  color: #fff;
  padding: 0;
  overflow: hidden; }
  #fotograf-danismanligi .bolum-2 .bg {
    position: absolute;
    opacity: 0.3;
    z-index: 0; }
  #fotograf-danismanligi .bolum-2 .pnlL {
    float: left;
    width: 45%;
    padding-top: 10px; }
    #fotograf-danismanligi .bolum-2 .pnlL .prof {
      float: right;
      margin-right: 40px;
      margin-top: 50px;
      width: 311px;
      height: 419px; }
      #fotograf-danismanligi .bolum-2 .pnlL .prof .bg {
        background: url(/files/content/fotografdanismanligi/Tirnak_ici_2.png) no-repeat;
        width: 311px;
        height: 419px; }
      #fotograf-danismanligi .bolum-2 .pnlL .prof p {
        z-index: 1;
        position: relative;
        line-height: 60px;
        padding: 55px;
        padding-top: 100px; }
  #fotograf-danismanligi .bolum-2 .pnlR {
    float: right;
    width: 55%;
    padding-top: 40px;
    min-height: 1230px; }
    #fotograf-danismanligi .bolum-2 .pnlR .bg {
      background: url(/files/content/fotografdanismanligi/Tirnak_ici_3.png) no-repeat;
      width: 637px;
      height: 1175px; }
    #fotograf-danismanligi .bolum-2 .pnlR ul {
      padding: 10px;
      padding-top: 90px;
      z-index: 1;
      position: relative; }
      #fotograf-danismanligi .bolum-2 .pnlR ul li {
        background: url(/files/content/fotografdanismanligi/Tirnak_ici_3_sembol.png) no-repeat 0px 12px;
        padding-left: 30px;
        font-size: 26px;
        line-height: 40px;
        margin: 39px; }

#fotograf-danismanligi .bolum-3 {
  height: 450px;
  clear: both;
  position: relative; }
  #fotograf-danismanligi .bolum-3 .bg1 {
    height: 455px;
    background: #ff0;
    opacity: 0.3;
    position: absolute;
    transform: rotate(2.6deg);
    width: 150%;
    margin-left: -100px;
    z-index: 1; }
  #fotograf-danismanligi .bolum-3 .bg2 {
    background: url(/files/content/fotografdanismanligi/Banner_bantli.png) no-repeat;
    height: 385px;
    width: 100%;
    position: absolute;
    top: 26px;
    z-index: 2; }
  #fotograf-danismanligi .bolum-3 span {
    color: #ff0; }
  #fotograf-danismanligi .bolum-3 p {
    position: relative;
    z-index: 3; }
  #fotograf-danismanligi .bolum-3 .p1 {
    padding-top: 65px; }
  #fotograf-danismanligi .bolum-3 .p2 {
    text-align: center;
    padding: 8px; }

#fotograf-danismanligi .bolum-4 {
  height: 340px;
  padding: 40px 30px;
  margin-top: 0; }
  #fotograf-danismanligi .bolum-4 iframe {
    border: solid 1px #f1f1f1;
    margin: 0 34px; }

#fotograf-danismanligi .bolum-5 {
  height: 256px;
  position: relative; }
  #fotograf-danismanligi .bolum-5 .bg {
    background: url(/files/content/fotografdanismanligi/arka_plan_5.png) no-repeat;
    height: 260px;
    width: 100%; }
  #fotograf-danismanligi .bolum-5 .mail {
    position: absolute;
    z-index: 1;
    bottom: -32px;
    left: 70px;
    height: 92px; }
    #fotograf-danismanligi .bolum-5 .mail a {
      color: #000;
      position: relative;
      display: block;
      width: 580px;
      z-index: 2;
      text-align: center;
      font-size: 30px;
      font-weight: bold;
      padding: 20px 0; }
    #fotograf-danismanligi .bolum-5 .mail img {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0; }
  #fotograf-danismanligi .bolum-5 p {
    z-index: 1;
    position: relative;
    padding-top: 70px; }

#fotograf-danismanligi .bolum-6 {
  overflow: hidden; }

#egitimTakvimi {
  background: #f5f5f5;
  padding: 20px;
  background: url("/view/img/egt-takvim-backgrnd.jpg") 0 0; }
  #egitimTakvimi .baslik {
    background: url("/view/img/egt-takvim-baslik.png") no-repeat 0 0;
    height: 84px;
    width: 740px;
    padding: 24px 50px;
    font-size: 24px;
    font-family: 'Alfa Slab One';
    margin-bottom: 10px; }
    #egitimTakvimi .baslik > div {
      display: inline; }
    #egitimTakvimi .baslik .donem {
      color: #f00; }
  #egitimTakvimi .takvimCon {
    background: url("/view/img/egt-takvim-eys.png") 0 0;
    padding: 15px 0;
    position: relative; }
  #egitimTakvimi .ust {
    margin-bottom: 14px; }
  #egitimTakvimi .orta {
    display: table; }
  #egitimTakvimi .alt {
    line-height: 18px; }
    #egitimTakvimi .alt .notlar {
      background: #f1f1f1;
      padding: 20px; }
      #egitimTakvimi .alt .notlar ul {
        padding-left: 100px; }
        #egitimTakvimi .alt .notlar ul li {
          list-style-image: url("/view/img/egt-takvim-dot1.png");
          margin-bottom: 5px; }
          #egitimTakvimi .alt .notlar ul li:nth-child(odd) {
            list-style-image: url("/view/img/egt-takvim-dot2.png"); }
  #egitimTakvimi .kayit, #egitimTakvimi .filtre {
    display: inline-block;
    vertical-align: bottom; }
  #egitimTakvimi .kayit {
    background: #333;
    margin: 0 auto;
    width: 618px;
    color: #fff;
    padding: 6px 10px;
    text-align: center;
    font-size: 16px !important;
    border-radius: 3px;
    margin-left: 5px; }
    #egitimTakvimi .kayit a {
      color: #fff;
      color: #ff0; }
  #egitimTakvimi .filtre select {
    background: #383839;
    color: #ece48a;
    font-weight: bold;
    border: none;
    outline: none;
    padding: 6px;
    height: 30px; }
  #egitimTakvimi .tarih {
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 28px 10px;
    line-height: 18px; }
  #egitimTakvimi .egitimCon {
    color: #000;
    line-height: 16px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    overflow: hidden; }
    #egitimTakvimi .egitimCon .egitim {
      padding-bottom: 5px;
      border-bottom: solid 1px #000;
      padding: 5px;
      padding-right: 24px;
      overflow: hidden;
      position: relative; }
      #egitimTakvimi .egitimCon .egitim:nth-child(2) {
        position: unset; }
      #egitimTakvimi .egitimCon .egitim:last-child {
        border-bottom: none; }
    #egitimTakvimi .egitimCon .egitimYeri {
      display: none;
      font-weight: bold;
      margin-bottom: 5px; }
    #egitimTakvimi .egitimCon .ucretsiz {
      background: url("/view/img/egt-takvim-ucretsiz.png") no-repeat 0 0;
      width: 40px;
      height: 30px;
      position: absolute;
      right: 0;
      top: 0; }
  #egitimTakvimi .tarih, #egitimTakvimi .eys .egitim {
    font-family: 'Myriad Pro';
    font-size: 18px; }
  #egitimTakvimi .notlar, #egitimTakvimi .kayit {
    font-family: 'Minion Pro';
    font-size: 14px;
    line-height: 18px; }
  #egitimTakvimi .gun {
    display: table-row; }
    #egitimTakvimi .gun > div {
      width: 132px;
      border-right: solid 1px #d9d9d9;
      border-bottom: solid 1px #d9d9d9;
      background: #f1f1f1;
      height: 90px;
      overflow: hidden;
      opacity: 0.95;
      vertical-align: middle;
      display: table-cell; }
    #egitimTakvimi .gun .tarih {
      background: #615C42;
      width: 104px;
      opacity: 1; }
  #egitimTakvimi .eys .tarih {
    visibility: hidden; }
  #egitimTakvimi .eys > div {
    height: 50px;
    background: #333;
    border: solid 1px #333;
    border-left-color: #737373;
    color: #fff791;
    text-align: center;
    font-weight: bold;
    padding-top: 5px;
    line-height: 50px; }
    #egitimTakvimi .eys > div:nth-child(2) {
      border-left-color: #333; }
  #egitimTakvimi .eys.fixed {
    position: fixed !important;
    top: 0;
    width: 1160px;
    z-index: 5;
    background: #333; }
    #egitimTakvimi .eys.fixed .egitim:nth-child(2) {
      border-left-color: #737373; }

#canliYayin {
  padding: 40px 20px;
  font-size: 14px;
  text-align: center;
  line-height: 20px; }
  #canliYayin h1, #canliYayin h3 {
    margin-bottom: 20px; }
  #canliYayin p {
    margin-bottom: 20px; }
  #canliYayin iframe {
    margin: 0 auto; }
  #canliYayin table tbody tr:nth-child(even) {
    background: #f1f1f1; }
  #canliYayin table tbody tr.aktif {
    background: #ff0;
    font-weight: bold; }
    #canliYayin table tbody tr.aktif td {
      border-bottom: solid 1px #d1d1d1; }
  #canliYayin table tbody tr.gecmis td {
    color: #999; }
  #canliYayin table tbody tr td {
    color: #333; }
  #canliYayin table tbody .fa-calendar, #canliYayin table tbody .fa-clock-o {
    color: #888; }
  #canliYayin .btn, #canliYayin .btn1, #canliYayin .btn2, #canliYayin .btn3, #canliYayin .btn4, #canliYayin .btn5 {
    padding: 10px 40px; }
    #canliYayin .btn i.fa, #canliYayin .btn1 i.fa, #canliYayin .btn2 i.fa, #canliYayin .btn3 i.fa, #canliYayin .btn4 i.fa, #canliYayin .btn5 i.fa {
      font-size: 18px;
      position: relative;
      top: 2px; }
  #canliYayin .section {
    padding: 30px 0;
    border-bottom: solid 1px #e1e1e1; }
    #canliYayin .section:last-child {
      padding-bottom: 0;
      border-bottom: none; }
    #canliYayin .section.program {
      text-align: left; }

#whatsappIletisim .magazalar td img {
  margin-right: 10px;
  float: none; }

#teknik-destek {
  margin-top: 40px;
  margin-bottom: 80px;
  padding: 10px; }
  #teknik-destek h1, #teknik-destek h2, #teknik-destek .support_gcbox a, #teknik-destek .supportlist__models a {
    font-family: "Oswald" !important; }
  #teknik-destek h1 {
    font-size: 40px;
    text-align: center;
    position: relative;
    margin-bottom: 40px; }
    #teknik-destek h1:after {
      content: "";
      width: 24px;
      height: 2px;
      background-color: #1a1a1a;
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -12px; }
  #teknik-destek p {
    text-align: center;
    font-size: 14px; }
  #teknik-destek .support_gclist {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px; }
  #teknik-destek .support_gcbox {
    width: 32%;
    display: flex;
    flex-direction: column;
    margin: 10px; }
    #teknik-destek .support_gcbox > a {
      color: inherit; }
    #teknik-destek .support_gcbox > ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 0; }
      #teknik-destek .support_gcbox > ul li {
        list-style: none;
        margin: 0 10px;
        position: relative;
        font-size: 16px; }
        #teknik-destek .support_gcbox > ul li a:hover {
          text-decoration: underline; }
  #teknik-destek .support_gc_bd {
    border: 1px solid #1b1b1b;
    margin-bottom: 16px;
    padding: 50px 0;
    text-align: center; }
    #teknik-destek .support_gc_bd h2 {
      font-size: 26px;
      margin: 10px 0 0;
      text-align: center; }
  #teknik-destek .supportlist__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0; }
    #teknik-destek .supportlist__links li {
      width: 32%; }
    #teknik-destek .supportlist__links a {
      font-size: 20px;
      line-height: 80px;
      display: block;
      text-align: center;
      border: 1px solid #222; }
      #teknik-destek .supportlist__links a.active {
        background: #222;
        color: #fff; }
  #teknik-destek .supportlist__models {
    margin: 30px 0;
    background: #f6f6f6;
    padding: 12px 0; }
    #teknik-destek .supportlist__models ul {
      display: flex;
      justify-content: center;
      margin: 0; }
      #teknik-destek .supportlist__models ul li {
        margin: 0 1.5em; }
    #teknik-destek .supportlist__models a {
      font-size: 18px; }
  #teknik-destek .supportlist__series {
    padding: 20px 0; }
    #teknik-destek .supportlist__series .headline_model {
      font-size: 30px;
      margin-bottom: 0.8em; }
  #teknik-destek .supportmodellist {
    border: 1px solid #000; }
    #teknik-destek .supportmodellist a:hover .supportmodellist__item {
      background: #222222;
      color: #fff; }
    #teknik-destek .supportmodellist .supportmodellist__heading {
      font-weight: bold;
      background: #fafafa; }
    #teknik-destek .supportmodellist .supportmodellist__item {
      display: flex;
      border-top: 1px solid #999; }
      #teknik-destek .supportmodellist .supportmodellist__item div {
        padding: 10px; }
        #teknik-destek .supportmodellist .supportmodellist__item div.model {
          width: 200px; }
        #teknik-destek .supportmodellist .supportmodellist__item div.versiyon, #teknik-destek .supportmodellist .supportmodellist__item div.dil {
          width: 100px; }
        #teknik-destek .supportmodellist .supportmodellist__item div.sonGuncellenme {
          width: 140px; }
      #teknik-destek .supportmodellist .supportmodellist__item .supportmodellist__dl {
        display: inline-block;
        padding: 8px 25px;
        padding-right: 12px;
        background: #eee;
        border: solid 1px #000; }
        #teknik-destek .supportmodellist .supportmodellist__item .supportmodellist__dl:hover {
          background: #e3e3e3; }
        #teknik-destek .supportmodellist .supportmodellist__item .supportmodellist__dl i {
          margin-left: 6px; }
      #teknik-destek .supportmodellist .supportmodellist__item.align-items-center {
        align-items: center; }

#teknik-servis {
  padding: 20px;
  font-size: 16px; }
  #teknik-servis h1, #teknik-servis h2 {
    font-family: "Oswald" !important;
    margin-bottom: 10px; }
  #teknik-servis h1 {
    font-size: 40px;
    text-align: center;
    position: relative;
    margin-bottom: 40px; }
    #teknik-servis h1:after {
      content: "";
      width: 24px;
      height: 2px;
      background-color: #1a1a1a;
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -12px; }
  #teknik-servis h2 {
    font-size: 30px; }
  #teknik-servis > div {
    padding: 20px;
    border: solid 1px #000;
    margin-bottom: 10px;
    margin: 10px auto;
    min-height: 500px; }
    #teknik-servis > div h3 {
      margin-bottom: 10px; }
    #teknik-servis > div > div {
      padding: 5px 10px; }
      #teknik-servis > div > div span {
        font-weight: bold;
        width: 160px;
        margin-right: 10px;
        position: absolute;
        left: 0; }
      #teknik-servis > div > div div {
        padding: 10px 0;
        position: relative;
        padding-left: 170px; }
  #teknik-servis .servisFormu > div {
    width: 80%;
    margin: 0 auto; }
  #teknik-servis .formSorgulama .table.filtre {
    width: 70%;
    margin: 0 auto; }
  #teknik-servis .formSorgulama .table.formlar tbody tr:hover {
    background: #e6dd9b;
    cursor: pointer; }
  #teknik-servis .formSorgulama .formYok {
    padding: 30px; }

.fixed {
  -moz-box-shadow: 0px 6px 9px -6px #000;
  -webkit-box-shadow: 0px 6px 9px -6px #000;
  box-shadow: 0px 6px 9px -6px #000; }

.fotoCon {
  max-height: 460px;
  min-height: 440px;
  width: 33%;
  padding: 5px;
  margin-bottom: 10px;
  border: solid 1px #f9f9f9; }
  .fotoCon table {
    width: 100%; }
    .fotoCon table th {
      width: 100px;
      text-align: left; }
    .fotoCon table th, .fotoCon table td {
      border-bottom: solid 1px #f1f1f1;
      padding: 2px 0;
      text-align: left; }
    .fotoCon table tr:last-child > * {
      border-bottom: none;
      padding-bottom: 0; }
  .fotoCon > div {
    margin: 0 auto; }
  .fotoCon .foto {
    width: 300px;
    margin: 0 auto;
    background: #fff;
    text-align: center;
    min-height: 200px; }
    .fotoCon .foto img {
      max-height: 200px;
      max-width: 300px; }
  .fotoCon .fotografci {
    text-align: center;
    padding: 6px; }
  .fotoCon.stil2 {
    position: relative;
    min-height: 212px;
    border: none; }
    .fotoCon.stil2:hover table {
      opacity: 0.95; }
    .fotoCon.stil2 table {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 210px;
      opacity: 0;
      background: #e0e0e0;
      border-radius: 10px;
      border: solid 1px #808080;
      transition: opacity 0.5s;
      -webkit-transition: opacity 0.5s; }
      .fotoCon.stil2 table th, .fotoCon.stil2 table td {
        padding: 0 10px;
        border-color: #a9a9a9; }
    .fotoCon.stil2 .foto, .fotoCon.stil2 img {
      border-radius: 10px; }

.duyuru {
  padding: 40px;
  background: #f1f1f1;
  font-size: 14px;
  z-index: 10000;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -365px;
  margin-top: -200px;
  -moz-box-shadow: 0px 6px 9px -6px #000;
  -webkit-box-shadow: 0px 6px 9px -6px #000;
  box-shadow: 0px 6px 9px -6px #000; }
  .duyuru .fa {
    font-size: 22px;
    color: #000;
    position: relative;
    top: -24px;
    left: 22px; }
    .duyuru .fa:hover {
      color: #555; }

.duyuru-anket {
  z-index: 100;
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 20px;
  max-width: 350px;
  -moz-box-shadow: 0px 6px 9px -6px #000;
  -webkit-box-shadow: 0px 6px 9px -6px #000;
  box-shadow: 0px 6px 9px -6px #000; }
  .duyuru-anket .fa-times {
    font-size: 22px;
    color: #000;
    position: relative;
    top: 10px;
    right: 10px; }
    .duyuru-anket .fa-times:hover {
      color: #555; }
  .duyuru-anket .anket {
    padding-top: 40px; }
    .duyuru-anket .anket h2 {
      display: none; }
    .duyuru-anket .anket .gonder input {
      background: #000;
      color: #fff; }