section.gallery .container .row .gallery_box .overlay, section.altsayfa-liste .container .row ul.alt-liste li .box a i, section#bloglar .container .tumBloglar, section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik .other .detail .product-list .category_box .overlay, section#detay-sablon .container .row #sablon1 .col-4, section#detay-sablon .container .row #sablon1 .col-8 .technologies ul, section#detay-sablon .container .row #sablon2 .content .table table tbody tr td .check,
section#detay-sablon .container .row #sablon2 .content .table table tbody tr td .times, section#detay-sablon .container .links a.box, section#altsayfa-referanslar .container .row .box > a .title, section#altsayfa-referanslar .container .row .box > a .title .incele, section.alturun-urun-icerik .container .row .product-gallery .gallery-big, section.alturun-urun-icerik .container .row .gallery-list ol li a .overlay, section.products-inpage .container .row .product-list .category_box .overlay, section.contact .container .row .col-6 fieldset #formContact .form-group .security-kod i, section.contact .container .row .col-6 fieldset ul.contact_list li, section.contact .map .map_over_info .marker, section.contact .map .map_over_info .city, section.contact .map .map_over_info .cont_list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

section.gallery .container .row .gallery_box .overlay, section.altsayfa-liste .container .row ul.alt-liste li .box a i, section#bloglar .container .tumBloglar, section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik .other .detail .product-list .category_box .overlay, section#detay-sablon .container .row #sablon1 .col-4, section#detay-sablon .container .row #sablon1 .col-8 .technologies ul, section#detay-sablon .container .row #sablon2 .content .table table tbody tr td .check,
section#detay-sablon .container .row #sablon2 .content .table table tbody tr td .times, section#detay-sablon .container .links a.box, section#altsayfa-referanslar .container .row .box > a .title, section#altsayfa-referanslar .container .row .box > a .title .incele, section.alturun-urun-icerik .container .row .product-gallery .gallery-big, section.alturun-urun-icerik .container .row .gallery-list ol li a .overlay, section.products-inpage .container .row .product-list .category_box .overlay, section.contact .container .row .col-6 fieldset #formContact .form-group .security-kod i, section.contact .container .row .col-6 fieldset ul.contact_list li, section.contact .map .map_over_info .marker, section.contact .map .map_over_info .city, section.contact .map .map_over_info .cont_list {
  -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; }

.container {
  width: 90%;
  margin: 0 auto; }

body {
  overflow-x: hidden;
  background: #eee; }

header.header {
  background: linear-gradient(to right, #dcdcdc 50%, #1f1f1f 50%);
  background: -webkit-linear-gradient(left, #dcdcdc 50%, #1f1f1f 50%);
  box-shadow: 0 1px 5px 0px #272934;
  position: relative;
  z-index: 5; }
  @media (max-width: 769px) {
    header.header {
      background: -webkit-linear-gradient(left, #dcdcdc 20%, #1f1f1f 20%);
      background: linear-gradient(to right, #dcdcdc 20%, #1f1f1f 20%);
      position: fixed;
      z-index: 11;
      top: 0;
      left: 0;
      width: 100%; } }
  header.header .container .row {
    display: flex;
    flex-wrap: wrap; }
    header.header .container .row .logo {
      flex: 0 0 15%;
      width: 15%;
      display: flex;
      align-items: center;
      justify-content: start;
      background: #dcdcdc;
      padding: 15px 20px;
      position: relative;
      z-index: 2; }
      header.header .container .row .logo .logo-image {
        margin-right: 5px; }
        header.header .container .row .logo .logo-image img {
          width: 140px; }
    header.header .container .row .menu {
      flex: 0 0 70%;
      width: 70%;
      justify-content: center;
      display: flex;
      align-items: center;
      background: #1F1F1F; }
      header.header .container .row .menu .menu-bar {
        display: none; }
        header.header .container .row .menu .menu-bar i {
          padding: 10px;
          color: #fff;
          font-size: 24px;
          cursor: pointer; }
          header.header .container .row .menu .menu-bar i:hover {
            color: #f39d00; }
      @media (min-width: 769px) {
        header.header .container .row .menu nav {
          display: inline-flex;
          align-items: center;
          justify-content: flex-end;
          height: 100%; }
          header.header .container .row .menu nav .mobil-menu-header {
            display: none; }
            header.header .container .row .menu nav .mobil-menu-header .mobil-menu-close {
              display: none; }
          header.header .container .row .menu nav > ul {
            display: flex;
            height: 100%; }
            header.header .container .row .menu nav > ul li {
              position: relative;
              /*&:hover > ul {
                opacity: 1;
                visibility: visible;
                margin-top: 0px;
                transition: all .3s ease-in-out;
              }*/ }
              header.header .container .row .menu nav > ul li a {
                padding: 0px 8px;
                color: #fff;
                font-size: 14px;
                font-weight: 500;
                height: 100%;
                display: inline-flex;
                align-items: center;
                text-transform: uppercase; }
                header.header .container .row .menu nav > ul li a:hover {
                  color: #f39d00; }
              header.header .container .row .menu nav > ul li .dropdown-expander {
                display: none; }
              header.header .container .row .menu nav > ul li:hover > a {
                color: #f39d00; }
              header.header .container .row .menu nav > ul li > ul {
                transition: all .3s ease-in-out;
                position: absolute;
                white-space: nowrap;
                background: #fff;
                box-shadow: 0 1px 7px -3px #4d4d5f;
                border-radius: 0 0 5px 5px;
                border-top: 3px solid #765345;
                opacity: 0;
                visibility: hidden;
                margin-top: 20px; }
                header.header .container .row .menu nav > ul li > ul > li {
                  flex: 0 0 100%;
                  width: 100%;
                  border-bottom: 1px solid #eee; }
                  header.header .container .row .menu nav > ul li > ul > li a {
                    padding: 10px 15px;
                    color: #000;
                    text-align: left;
                    font-size: 13px;
                    min-width: 150px; }
                  header.header .container .row .menu nav > ul li > ul > li:last-child {
                    border-bottom: none; }
                  header.header .container .row .menu nav > ul li > ul > li ul {
                    right: 100%;
                    top: 0px;
                    border-top: none; }
            header.header .container .row .menu nav > ul > li:last-child {
              display: none; } 
              .overlay-modal{
                display: none;
              }
          
      }
    header.header .container .row .social {
      flex: 0 0 15%;
      width: 15%;
      justify-content: center;
      display: flex;
      align-items: center;
      background: #1F1F1F; }
      @media (min-width: 769px) {
        header.header .container .row .social ul {
          display: flex;
          height: 100%; }
          header.header .container .row .social ul li {
            position: relative; }
            header.header .container .row .social ul li a {
              padding: 0px 8px;
              color: #ddd;
              font-size: 18px;
              font-weight: 500;
              height: 100%;
              display: inline-flex;
              align-items: center; }
              header.header .container .row .social ul li a:hover {
                color: #f39d00; } }
    header.header .container .row .extra {
      position: absolute;
      top: 0;
      right: 0; }
      header.header .container .row .extra ul {
        display: flex;
        height: 100%; }
        header.header .container .row .extra ul li {
          background: #414141;
          text-align: center;
          align-items: center;
          display: flex; }
          header.header .container .row .extra ul li a {
            padding: 6px 18px;
            color: #dddddd;
            font-size: 10px; }
          header.header .container .row .extra ul li:hover > a {
            color: #f39d00; }
          header.header .container .row .extra ul li:hover > ul {
            opacity: 1;
            visibility: visible;
            margin-top: 0px;
            transition: all .3s ease-in-out; }
          header.header .container .row .extra ul li > ul {
            transition: all .3s ease-in-out;
            position: absolute;
            white-space: nowrap;
            box-shadow: 0 1px 7px -3px #4d4d5f;
            border-radius: 0 0 5px 5px;
            border-top: 3px solid #765345;
            opacity: 0;
            visibility: hidden;
            margin-top: 24px;
            display: block;
            right: 2px; }
            header.header .container .row .extra ul li > ul > li {
              flex: 0 0 100%;
              width: 100%;
              border-bottom: 1px solid #eee;
              background: #fff !important; }
              header.header .container .row .extra ul li > ul > li a {
                padding: 10px 15px;
                color: #000;
                text-align: left;
                font-size: 13px;
                min-width: 40px; }
              header.header .container .row .extra ul li > ul > li:last-child {
                border-bottom: none; }
          header.header .container .row .extra ul li:last-child {
            background: #4e4e4e; }
    @media (max-width: 768px) {
      header.header .container .row .logo {
        flex: 0 0 50%;
        width: 50%;
        padding: 10px 0px; }
        header.header .container .row .logo .logo-image img {
          width: 80px; }
      header.header .container .row .menu {
        flex: 0 0 50%;
        width: 50%;
        transform: none;
        justify-content: flex-end; }
        header.header .container .row .menu .menu-bar {
          display: inline-flex;
          transform: none; }
        header.header .container .row .menu nav {
          display: none;
          position: fixed;
          top: 0;
          right: 0;
          z-index: 11;
          width: 250px;
          height: 100%;
          background: linear-gradient(0deg, #000, #242424);
          box-shadow: 6px 0 12px -5px rgba(0, 0, 0, 0.6); }
          header.header .container .row .menu nav .mobil-menu-header {
            display: flex;
            align-items: center;
            padding: 5px 15px;
            border-bottom: 1px solid #f1f1f1; }
            header.header .container .row .menu nav .mobil-menu-header .logo-image {
              margin-right: 10px; }
              header.header .container .row .menu nav .mobil-menu-header .logo-image img {
                width: 80px; }
            header.header .container .row .menu nav .mobil-menu-header .mobil-menu-close {
              background: transparent;
              border: none;
              margin-left: auto;
              font-size: 24px;
              color: #dcdcdc;
              padding: 10px;
              cursor: pointer; }
              header.header .container .row .menu nav .mobil-menu-header .mobil-menu-close:focus {
                color: #f50050; }
          header.header .container .row .menu nav > ul {
            padding: 10px;
            height: 100%; }
            header.header .container .row .menu nav > ul li {
              display: flex;
              flex-wrap: wrap;
              align-items: center;
              position: relative; }
              header.header .container .row .menu nav > ul li a {
                font-size: 16px;
                font-weight: 400;
                padding: 10px;
                color: #dcdcdc;
                width: 100%;
                border-bottom: 1px solid rgba(238, 238, 238, 0.19); }
                header.header .container .row .menu nav > ul li a:hover {
                  color: #f39d00;
                  font-weight: 500; }
                header.header .container .row .menu nav > ul li a:focus {
                  font-weight: bold; }
                header.header .container .row .menu nav > ul li a.active {
                  transition: transform .4s ease-in-out;
                  color: #f39d00;
                  font-weight: bold; }
                  header.header .container .row .menu nav > ul li a.active + .dropdown-expander i {
                    transform: rotate(90deg);
                    transition: transform .3s ease-in-out; }
              header.header .container .row .menu nav > ul li:last-child > a {
                border-bottom: none;
                margin-top: 15px;
                text-align: center; }
              header.header .container .row .menu nav > ul li .dropdown-expander {
                position: absolute;
                top: 0;
                right: 10px;
                z-index: 1;
                color: #dcdcdc;
                font-size: 10px;
                display: flex;
                align-items: center;
                border-left: 2px solid gainsboro;
                padding: 12px;
                cursor: pointer;
                transition: transform .3s ease-in-out; }
              header.header .container .row .menu nav > ul li > ul {
                display: none;
                width: 100%;
                border-left: 2px solid #f39d04; }
                header.header .container .row .menu nav > ul li > ul > li {
                  background: transparent; }
                  header.header .container .row .menu nav > ul li > ul > li > a {
                    border-bottom: 1px solid rgba(238, 238, 238, 0.19) !important;
                    margin-top: 0px !important;
                    text-align: left !important; }
      header.header .container .row .social {
        display: none; }
      header.header .container .row .extra {
        display: none; } 
      .mega-dropdown {
          opacity: 0;
      }
    }

.mega-dropdown {
  display: none;
  position: absolute;
  width: 700px;
  z-index: 5;
  margin-left: -240px;
  top: 95px;
  left: 50%;
  background: rgba(248, 248, 248, 0.8); }
  .mega-dropdown .wrapper {
    width: 100%;
    display: inline-block;
    float: left;
    padding: 20px 15px;
    box-sizing: border-box; }
    .mega-dropdown .wrapper .box {
      width: 33.33%;
      float: left;
      display: inline-block;
      padding: 0 5px;
      transition: all 300ms;
      box-sizing: border-box; }
      .mega-dropdown .wrapper .box:hover {
        transform: translateY(-8px); }
      .mega-dropdown .wrapper .box .img {
        width: 100%;
        display: inline-block;
        float: left; }
        .mega-dropdown .wrapper .box .img img {
          width: 100%;
          display: inline-block;
          float: left; }
      .mega-dropdown .wrapper .box .title {
        text-align: left;
        color: #737373;
        font-size: 13px;
        width: 100%;
        display: inline-block;
        float: left;
        margin: 10px 0 15px 0;
        font-weight: 500; }
    .mega-dropdown .wrapper .button-wrapper {
      width: 100%;
      display: inline-block;
      text-align: center;
      float: left; }
      .mega-dropdown .wrapper .button-wrapper .button {
        width: calc(49% - 20px);
        display: inline-block;
        border: 2px solid #737373;
        padding: 10px 10px;
        color: #737373;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        transition: all 300ms;
        margin: 0 10px;
        box-sizing: border-box; }

div.overlay-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6); }

section.slider {
  overflow: hidden; }
  section.slider .row {
    height: 480px; }
  section.slider .slide__bg {
    background-position: center center !important; }
  @media (max-width: 768px) {
    section.slider {
      margin-top: 63px; }
    section.slider .row {
      height: 250px; } }

section.product_boxs {
  background: #eee;
  padding: 30px 0; }
  section.product_boxs .container .row {
    display: flex;
    flex-wrap: wrap; }
    section.product_boxs .container .row .box {
      padding: 10px; }
      section.product_boxs .container .row .box .card {
        background: transparent;
        border-radius: 5px;
        box-shadow: 0 1px 10px -2px #131023;
        padding: 0px;
        height: 250px;
        margin-top: 0px;
        position: relative;
        z-index: 5;
        text-align: center; }
        section.product_boxs .container .row .box .card .list {
          position: relative; }
          section.product_boxs .container .row .box .card .list .img {
            height: 248px; }
            section.product_boxs .container .row .box .card .list .img .card_img {
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
              object-fit: cover; }
          section.product_boxs .container .row .box .card .list .product-link {
            position: absolute;
            padding: 0.4vw 0.5vw;
            background: #30302f;
            color: #fff;
            text-decoration: none;
            display: inline-block;
            bottom: 15px;
            left: 10px; }
        section.product_boxs .container .row .box .card .slick-dots {
          bottom: 0px;
          left: 40%;
          width: auto; }
        section.product_boxs .container .row .box .card .slick-dots li {
          margin: 0; }
        @media (min-width: 768px) {
          section.product_boxs .container .row .box .card:hover {
            cursor: pointer; } }
      @media (max-width: 768px) {
        section.product_boxs .container .row .box:nth-child(1), section.product_boxs .container .row .box:nth-child(2), section.product_boxs .container .row .box:nth-child(3) {
          flex: 0 0 100%;
          width: 100%; }
          section.product_boxs .container .row .box:nth-child(1) .card, section.product_boxs .container .row .box:nth-child(2) .card, section.product_boxs .container .row .box:nth-child(3) .card {
            z-index: 4; }
          section.product_boxs .container .row .box:nth-child(1):last-child .card, section.product_boxs .container .row .box:nth-child(2):last-child .card, section.product_boxs .container .row .box:nth-child(3):last-child .card {
            margin-bottom: 0; } }
      @media (min-width: 768px) {
        section.product_boxs .container .row .box:nth-child(1) {
          flex: 0 0 32%;
          width: 32%; }
        section.product_boxs .container .row .box:nth-child(2) {
          flex: 0 0 43%;
          width: 43%; }
        section.product_boxs .container .row .box:nth-child(3) {
          flex: 0 0 25%;
          width: 25%; } }

section.product_slider {
  background: #eee; }
  section.product_slider .container .row {
    display: flex;
    flex-wrap: wrap; }
    section.product_slider .container .row .box {
      padding: 10px; }
      section.product_slider .container .row .box .card {
        background: transparent;
        border-radius: 5px;
        box-shadow: 0 1px 10px -2px #131023;
        padding: 0px;
        height: 250px;
        margin-top: 0px;
        position: relative;
        z-index: 5;
        text-align: center; }
        section.product_slider .container .row .box .card .list {
          position: relative; }
          section.product_slider .container .row .box .card .list .img {
            height: 248px; }
            section.product_slider .container .row .box .card .list .img .card_img {
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
              object-fit: cover; }
          section.product_slider .container .row .box .card .list .text {
            position: absolute;
            right: 3%;
            height: 80%;
            background: rgba(255, 255, 255, 0.85);
            width: 40%;
            top: 10%;
            color: #333333;
            font-weight: normal;
            padding: 0.5vw;
            text-align: start; }
            section.product_slider .container .row .box .card .list .text h2 {
              font-size: 20px;
              padding: 10px;
              font-weight: 700; }
            section.product_slider .container .row .box .card .list .text p {
              font-size: 14px;
              padding: 10px; }
            section.product_slider .container .row .box .card .list .text .link {
              float: right;
              padding: 0.4vw 0.5vw;
              background: #30302f;
              color: #fff;
              text-decoration: none;
              display: inline-block;
              position: absolute;
              bottom: 10px;
              right: 10px; }
          section.product_slider .container .row .box .card .list .product-link {
            position: absolute;
            padding: 0.4vw 0.5vw;
            background: #30302f;
            color: #fff;
            text-decoration: none;
            display: inline-block;
            bottom: 10px;
            left: 10px; }
        section.product_slider .container .row .box .card .slick-dots {
          bottom: 0px;
          left: 56%;
          width: auto; }
        section.product_slider .container .row .box .card .slick-dots li {
          margin: 0; }
        @media (min-width: 768px) {
          section.product_slider .container .row .box .card:hover {
            cursor: pointer; } }
      @media (max-width: 768px) {
        section.product_slider .container .row .box:nth-child(1), section.product_slider .container .row .box:nth-child(2), section.product_slider .container .row .box:nth-child(3) {
          flex: 0 0 100%;
          width: 100%; }
          section.product_slider .container .row .box:nth-child(1) .card, section.product_slider .container .row .box:nth-child(2) .card, section.product_slider .container .row .box:nth-child(3) .card {
            z-index: 4; }
          section.product_slider .container .row .box:nth-child(1):last-child .card, section.product_slider .container .row .box:nth-child(2):last-child .card, section.product_slider .container .row .box:nth-child(3):last-child .card {
            margin-bottom: 0; } }
      @media (min-width: 768px) {
        section.product_slider .container .row .box:nth-child(1) {
          flex: 0 0 50%;
          width: 50%; }
        section.product_slider .container .row .box:nth-child(2) {
          flex: 0 0 25%;
          width: 25%; }
        section.product_slider .container .row .box:nth-child(3) {
          flex: 0 0 25%;
          width: 25%; } }

footer.footer {
  position: relative; }
  footer.footer .container {
    padding: 20px 0; }
    footer.footer .container .row {
      display: flex;
      flex-wrap: wrap;
      border-top: 1px solid #b1b1b1; }
      footer.footer .container .row .box {
        flex: 0 0 25%;
        width: 25%;
        padding: 20px; }
        footer.footer .container .row .box .box_title {
          font-size: 24px;
          font-weight: 500;
          margin-bottom: 30px;
          color: #5b5b5b;
          position: relative; }
        footer.footer .container .row .box ul.list li {
          display: flex; }
          footer.footer .container .row .box ul.list li a {
            color: #5b5b5b;
            padding: 5px;
            font-size: 14px;
            font-weight: 300; }
        footer.footer .container .row .box.logo_widget .box_img {
          text-align: center; 
          padding-right: 60px;
          margin-bottom: 40px;
        }
        .box.logo_widget{
          display: flex;
          align-items: center;
          justify-content: center;
        }
        footer.footer .container .row .box.logo_widget .footnote {
          font-weight: 400;
          font-size: 12px;
          color: #0b0a08;
          margin-top: 10px;
          display: -webkit-box;
          -webkit-line-clamp: 6;
          line-height: 17px;
          overflow: hidden;
          -webkit-box-orient: vertical;
          text-align: center; }
        footer.footer .container .row .box.quickmenu_widget a:hover {
          font-weight: 500; }
          footer.footer .container .row .box.quickmenu_widget a:hover:before {
            margin-right: 12px; }
        footer.footer .container .row .box.contact_widget ul li {
          color: #5b5b5b;
          font-size: 14px;
          font-weight: 300;
          margin-bottom: 4px; }
          footer.footer .container .row .box.contact_widget ul li label {
            flex: 0 0 30%;
            width: 30%; }
          footer.footer .container .row .box.contact_widget ul li span {
            flex: 0 0 70%;
            width: 70%;
            line-height: 19px; }
            footer.footer .container .row .box.contact_widget ul li span a:hover {
              font-weight: 500; }
        footer.footer .container .row .box.newsletter_widget p.explanation {
          font-size: 14px;
          font-weight: 400;
          color: #5b5b5b; }
        footer.footer .container .row .box.newsletter_widget .subscribe .input-group {
          margin: 10px 0;
          position: relative; }
          footer.footer .container .row .box.newsletter_widget .subscribe .input-group input {
            padding: 8px 10px;
            background: transparent;
            border: 1px solid #5b5b5b;
            width: 100%;
            color: #fff; }
            footer.footer .container .row .box.newsletter_widget .subscribe .input-group input::placeholder {
              font-size: 13px; }
          footer.footer .container .row .box.newsletter_widget .subscribe .input-group button {
            padding: 8px 10px;
            color: #362e27;
            border: 0;
            cursor: pointer;
            margin-top: 15px;
            outline: none;
            position: absolute;
            top: -14px;
            right: 1px; }
            footer.footer .container .row .box.newsletter_widget .subscribe .input-group button:hover {
              background: #fff;
              color: #362e27;
              border-color: #362e27; }
            footer.footer .container .row .box.newsletter_widget .subscribe .input-group button:focus {
              background: #fff;
              color: #362e27;
              border-color: #362e27;
              box-shadow: 0 0 0px 2px #0b0a08; }
        @media (max-width: 768px) {
          footer.footer .container .row .box {
            /*.box*/
            flex: 0 0 100%;
            width: 100%; } }

section.info {
  background-size: cover;
  height: 250px;
  position: relative; }
  section.info:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../img/gradient-overlay.png) repeat-y left 0; }
  section.info .container {
    height: 100%; }
    section.info .container .row {
      position: relative;
      z-index: 2;
      height: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      section.info .container .row .page_title {
        flex: 1;
        position: relative; }
        section.info .container .row .page_title h1 {
          font-size: 40px;
          color: #fff;
          font-weight: 600;
          position: absolute;
          bottom: -82px;
          right: 0; }
      @media (max-width: 768px) {
        section.info .container .row .page_title {
          flex: 0 0 100%;
          width: 100%; } }
  @media (max-width: 768px) {
    section.info {
      margin-top: 63px; } }

section.gallery {
  padding: 30px 0; }
  section.gallery .container .row {
    display: flex;
    flex-wrap: wrap; }
    section.gallery .container .row .gallery_box {
      flex: 0 0 25%;
      width: 25%;
      padding: 10px;
      overflow: hidden;
      position: relative;
      transition: all .3s ease-in-out;
      background: center no-repeat;
      background-size: cover;
      background-clip: content-box;
      height: 200px; }
      section.gallery .container .row .gallery_box .overlay {
        transition: all .3s ease-in-out;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 10px;
        left: 10px;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        background: rgba(105, 51, 2, 0.6);
        font-size: 34px;
        color: #fff;
        cursor: pointer; }
      section.gallery .container .row .gallery_box .title {
        transition: all .3s ease-in-out;
        position: absolute;
        bottom: 10px;
        left: 10px;
        width: calc(100% - 20px);
        padding: 10px;
        font-size: 14px;
        font-weight: 500;
        color: #fff;
        background: rgba(90, 58, 43, 0.84); }
      section.gallery .container .row .gallery_box:hover .overlay {
        visibility: visible;
        opacity: 1; }
      section.gallery .container .row .gallery_box:hover .title {
        opacity: 0; }
      @media (max-width: 768px) {
        section.gallery .container .row .gallery_box {
          flex: 0 0 50%;
          width: 50%; } }
      @media (max-width: 500px) {
        section.gallery .container .row .gallery_box {
          flex: 0 0 100%;
          width: 100%; } }

section.detay {
  padding: 30px 0; }

section.altsayfa-liste {
  padding: 30px 0; }
  section.altsayfa-liste .container .row ul.alt-liste {
    list-style: none;
    display: flex;
    flex-wrap: wrap; }
    section.altsayfa-liste .container .row ul.alt-liste li {
      padding: 10px;
      flex: 0 0 50%;
      max-width: 50%; }
      section.altsayfa-liste .container .row ul.alt-liste li .box {
        height: 100%; }
      section.altsayfa-liste .container .row ul.alt-liste li .box a {
        box-shadow: 0px 5px 5px -6px #000;
        padding: 10px;
        padding-left: 15px;
        border: 1px dashed #477447;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        height: 100%;
        background: #fff;
        font-size: 18px;
        font-weight: 500;
        color: #474747;
        text-shadow: 0 1px 0px #fff;
        transition: all .3s ease-in-out; }
        section.altsayfa-liste .container .row ul.alt-liste li .box a i {
          flex: 0 0 20%;
          width: 20%;
          padding-right: 8px;
          color: #5d3f00;
          font-size: 50px; }
        section.altsayfa-liste .container .row ul.alt-liste li .box a .contLeft {
          flex: 0 0 80%;
          width: 80%; }
          section.altsayfa-liste .container .row ul.alt-liste li .box a .contLeft strong,
          section.altsayfa-liste .container .row ul.alt-liste li .box a .contLeft span {
            display: block;
            padding: 10px;
            width: 100%; }
          section.altsayfa-liste .container .row ul.alt-liste li .box a .contLeft strong {
            font-size: 16px;
            font-weight: 600; }
          section.altsayfa-liste .container .row ul.alt-liste li .box a .contLeft span {
            font-size: 14px;
            font-weight: 400; }
          @media (max-width: 768px) {
            section.altsayfa-liste .container .row ul.alt-liste li .box a .contLeft {
              text-align: center; }
              section.altsayfa-liste .container .row ul.alt-liste li .box a .contLeft strong {
                font-size: 15px; }
              section.altsayfa-liste .container .row ul.alt-liste li .box a .contLeft span {
                font-size: 13px; } }
        section.altsayfa-liste .container .row ul.alt-liste li .box a:hover i {
          color: #ce7b00; }
      section.altsayfa-liste .container .row ul.alt-liste li .box a:hover {
        box-shadow: 0px 5px 8px -6px #000;
        border-color: #ce7b00; }
      @media (max-width: 768px) {
        section.altsayfa-liste .container .row ul.alt-liste li {
          flex: 0 0 100%;
          width: 100%;
          padding: 10px 0; } }

section.altsayfa-resimli {
  padding: 30px 0; }
  section.altsayfa-resimli .container .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap; }
    section.altsayfa-resimli .container .row a.box {
      padding: 15px;
      flex: 0 0 25%;
      max-width: 25%;
      display: table;
      position: relative;
      background-image: radial-gradient(transparent 0%, rgba(0, 0, 0, 0.5) 100%);
      background-clip: content-box; }
      section.altsayfa-resimli .container .row a.box figure {
        transition: .3s all;
        background: center no-repeat;
        background-size: 100%;
        height: 200px; }
      section.altsayfa-resimli .container .row a.box .title {
        position: absolute;
        top: 15px;
        left: 15px;
        width: calc(100% - 30px);
        height: calc(100% - 30px);
        display: flex;
        align-items: flex-end;
        padding: 0px;
        transition: .3s all; }
        section.altsayfa-resimli .container .row a.box .title p {
          padding: 10px;
          color: #37331A;
          font-size: 18px;
          font-weight: 600;
          text-align: center;
          background: rgba(255, 255, 255, 0.6);
          box-shadow: 0 -5px 8px -6px #4c4c4c; }
        section.altsayfa-resimli .container .row a.box .title span {
          position: absolute;
          background-color: #37331A;
          transition: .3s all; }
        section.altsayfa-resimli .container .row a.box .title span:nth-child(1) {
          top: 0;
          left: 0;
          height: 5px;
          width: 0%; }
        section.altsayfa-resimli .container .row a.box .title span:nth-child(2) {
          top: 0;
          right: 0;
          height: 0%;
          width: 5px; }
        section.altsayfa-resimli .container .row a.box .title span:nth-child(3) {
          bottom: 0;
          right: 0;
          height: 5px;
          width: 0%; }
        section.altsayfa-resimli .container .row a.box .title span:nth-child(4) {
          bottom: 0;
          left: 0;
          height: 0%;
          width: 5px; }
        section.altsayfa-resimli .container .row a.box .title:hover {
          color: #fff;
          box-shadow: 0 1px 10px 0px #999; }
          section.altsayfa-resimli .container .row a.box .title:hover span:nth-child(1) {
            width: 100%; }
          section.altsayfa-resimli .container .row a.box .title:hover span:nth-child(2) {
            height: 100%; }
          section.altsayfa-resimli .container .row a.box .title:hover span:nth-child(3) {
            width: 100%; }
          section.altsayfa-resimli .container .row a.box .title:hover span:nth-child(4) {
            height: 100%; }
      section.altsayfa-resimli .container .row a.box:hover figure {
        background-size: 120%; }
      section.altsayfa-resimli .container .row a.box:hover .title {
        background: radial-gradient(transparent 0%, rgba(0, 107, 92, 0.52) 300%); }
      @media screen and (max-width: 769px) {
        section.altsayfa-resimli .container .row a.box {
          flex: 0 0 50%;
          max-width: 50%; } }
      @media screen and (max-width: 500px) {
        section.altsayfa-resimli .container .row a.box {
          flex: 0 0 100%;
          max-width: 100%; } }

section.altsayfa-haber {
  padding: 30px 0; }
  section.altsayfa-haber .container .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap; }
    section.altsayfa-haber .container .row div.col-md-3 {
      flex: 0 0 25%;
      max-width: 25%;
      padding: 15px;
      display: flex;
      justify-content: center; }
      section.altsayfa-haber .container .row div.col-md-3 a.box {
        width: 100%;
        height: 210px;
        display: block;
        position: relative;
        background: #D9D9D9; }
        section.altsayfa-haber .container .row div.col-md-3 a.box .image {
          width: 100%;
          height: 170px;
          overflow: hidden;
          position: relative; }
          section.altsayfa-haber .container .row div.col-md-3 a.box .image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            -o-object-position: center;
            object-position: center; }
        section.altsayfa-haber .container .row div.col-md-3 a.box .date {
          position: absolute;
          top: 12px;
          left: 12px;
          height: 17px;
          color: #fff;
          display: block;
          font-size: 10px;
          line-height: 19px;
          padding-left: 6px;
          padding-right: 6px;
          -webkit-border-radius: 2px;
          border-radius: 2px;
          overflow: hidden;
          opacity: 0;
          -webkit-transition: all .13s;
          transition: all .13s;
          text-transform: uppercase;
          background: #B41616; }
        section.altsayfa-haber .container .row div.col-md-3 a.box .title {
          position: absolute;
          left: 11px;
          bottom: 10px;
          width: 90%;
          max-width: 90%;
          min-height: 63px;
          font-size: 15px;
          line-height: 19px;
          background: #fff;
          padding: 11px 5px;
          text-align: center;
          display: table;
          -webkit-transition: all .13s;
          transition: all .13s;
          border-top: 3px solid #C51D13;
          -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.04); }
          section.altsayfa-haber .container .row div.col-md-3 a.box .title span {
            display: table-cell;
            vertical-align: middle;
            color: #333;
            font-weight: bold; }
        section.altsayfa-haber .container .row div.col-md-3 a.box:hover .date {
          opacity: 1;
          visibility: visible; }
      @media screen and (max-width: 769px) {
        section.altsayfa-haber .container .row div.col-md-3 {
          flex: 0 0 50%;
          max-width: 50%; } }
      @media screen and (max-width: 500px) {
        section.altsayfa-haber .container .row div.col-md-3 {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 10px; }
          section.altsayfa-haber .container .row div.col-md-3 a.box {
            width: 270px; } }

section.altsayfa-genis {
  padding: 30px 0; }
  section.altsayfa-genis .container .row {
    display: flex;
    flex-wrap: wrap; }
    section.altsayfa-genis .container .row .product-items {
      flex: 0 0 50%;
      max-width: 50%;
      color: #1c1c1c;
      display: flex;
      flex-wrap: wrap;
      padding: 10px; }
      section.altsayfa-genis .container .row .product-items .col-6 {
        -webkit-transition: background 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: background 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
        background: #fff;
        flex: 0 0 50%;
        max-width: 50%;
        position: relative;
        max-height: 200px;
        overflow: hidden;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee; }
        section.altsayfa-genis .container .row .product-items .col-6:first-child {
          border-left: 1px solid #eee; }
        section.altsayfa-genis .container .row .product-items .col-6:second-child {
          border-right: 1px solid #eee; }
        section.altsayfa-genis .container .row .product-items .col-6 .column-inner {
          padding: 30px; }
          section.altsayfa-genis .container .row .product-items .col-6 .column-inner h2 {
            font-size: 36px; }
          section.altsayfa-genis .container .row .product-items .col-6 .column-inner .line {
            background: #3487bc;
            height: 4px;
            width: 40px;
            display: block;
            margin-top: 10px;
            transition: background 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }
          section.altsayfa-genis .container .row .product-items .col-6 .column-inner p {
            margin-top: 15px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-height: 19px;
            overflow: hidden;
            -webkit-box-orient: vertical; }
        section.altsayfa-genis .container .row .product-items .col-6 .anchor {
          width: 27px;
          height: 70px;
          position: absolute;
          top: 50%;
          left: 0px;
          margin-top: -35px;
          display: block;
          z-index: 10;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 35px 0 35px 27px;
          border-color: transparent transparent transparent #fff;
          -webkit-transition: border 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: border 0.6s cubic-bezier(0.215, 0.61, 0.355, 1); }
        section.altsayfa-genis .container .row .product-items .col-6 figure {
          position: relative;
          background: #1c1c1c;
          overflow: hidden;
          display: flex;
          height: 100%; }
          section.altsayfa-genis .container .row .product-items .col-6 figure img {
            width: 100%;
            opacity: 0.8;
            max-width: 100%;
            display: block;
            -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
            transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
            object-fit: cover;
            -o-object-position: center;
            object-position: center; }
      section.altsayfa-genis .container .row .product-items:hover .col-6 {
        background: #3487bc;
        color: #fff; }
      section.altsayfa-genis .container .row .product-items:hover .column-inner .line {
        background: #1c1c1c; }
      section.altsayfa-genis .container .row .product-items:hover .anchor {
        border-color: transparent transparent transparent #3487bc; }
      section.altsayfa-genis .container .row .product-items:hover img {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1); }
      @media (max-width: 768px) {
        section.altsayfa-genis .container .row .product-items {
          flex: 0 0 100%;
          max-width: 100%; }
          section.altsayfa-genis .container .row .product-items .col-6 {
            max-height: 170px; }
            section.altsayfa-genis .container .row .product-items .col-6 .column-inner {
              padding: 20px; }
              section.altsayfa-genis .container .row .product-items .col-6 .column-inner h2 {
                font-size: 30px; } }

section.alturun-urunler {
  padding: 30px 0; }
  section.alturun-urunler .container .row .product-items {
    display: flex;
    flex-wrap: wrap; }
    section.alturun-urunler .container .row .product-items .wrapper {
      flex: 0 0 25%;
      max-width: 25%;
      padding: 10px;
      color: #1a1a1a;
      position: relative; }
      section.alturun-urunler .container .row .product-items .wrapper figure {
        display: flex;
        height: 180px;
        overflow: hidden;
        position: relative; }
        section.alturun-urunler .container .row .product-items .wrapper figure figcaption {
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: 2;
          width: 100%;
          padding: 10px;
          color: #fff;
          opacity: 0;
          visibility: hidden;
          bottom: -50px;
          line-height: 19px;
          transition: all .3s; }
        section.alturun-urunler .container .row .product-items .wrapper figure img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover;
          -o-object-position: center;
          object-position: center;
          -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
          transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
        section.alturun-urunler .container .row .product-items .wrapper figure:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          z-index: 2;
          width: 100%;
          height: 100%;
          background: black;
          background: linear-gradient(0deg, black 0%, rgba(255, 255, 255, 0) 100%);
          opacity: .7;
          transition: opacity .3s; }
      section.alturun-urunler .container .row .product-items .wrapper .new {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 0;
        height: 0;
        z-index: 5;
        border-style: solid;
        border-width: 0 60px 60px 0;
        border-color: transparent #1a1a1a transparent transparent;
        transition: all .3s; }
        section.alturun-urunler .container .row .product-items .wrapper .new span {
          color: #fff;
          margin-left: 27px;
          margin-top: 12px;
          display: block;
          font-size: 14px; }
      section.alturun-urunler .container .row .product-items .wrapper .title {
        font: 500 16px 'Exo';
        margin: 10px 0; }
      section.alturun-urunler .container .row .product-items .wrapper:hover .new {
        border-color: transparent #000 transparent transparent; }
      section.alturun-urunler .container .row .product-items .wrapper:hover figure {
        position: relative; }
        section.alturun-urunler .container .row .product-items .wrapper:hover figure figcaption {
          opacity: 1;
          visibility: visible;
          bottom: 0px; }
        section.alturun-urunler .container .row .product-items .wrapper:hover figure img {
          -webkit-transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1); }
        section.alturun-urunler .container .row .product-items .wrapper:hover figure:before {
          opacity: 1; }
      @media (max-width: 768px) {
        section.alturun-urunler .container .row .product-items .wrapper {
          flex: 0 0 50%;
          max-width: 50%; } }
      @media (max-width: 500px) {
        section.alturun-urunler .container .row .product-items .wrapper {
          flex: 0 0 100%;
          max-width: 100%; } }

section#bloglar {
  padding: 60px 0;
  background-color: #f4f5f7; }
  section#bloglar .container {
    width: 90%;
    margin: 0 auto; }
    section#bloglar .container h2 {
      font-size: 26px;
      text-align: center;
      font-weight: 500; }
    section#bloglar .container .subTitle {
      font-size: 14px;
      line-height: 1;
      color: #4c545f;
      text-align: center;
      margin: 15px auto 50px; }
      section#bloglar .container .subTitle:before, section#bloglar .container .subTitle:after {
        width: 75px;
        height: 1px;
        background: #4c545f;
        content: '';
        display: inline-block;
        top: -4px;
        position: relative; }
      section#bloglar .container .subTitle:before {
        margin-right: 20px; }
      section#bloglar .container .subTitle:after {
        margin-left: 20px; }
    section#bloglar .container .row {
      display: flex;
      flex-wrap: wrap; }
      section#bloglar .container .row .blog {
        display: flex;
        display: -webkit-flex;
        flex: 0 0 50%;
        max-width: 50%;
        flex-wrap: wrap;
        border-right: 1px dashed #b9b9b9;
        padding-right: 30px;
        height: 270px; }
        section#bloglar .container .row .blog:nth-child(2n) {
          padding-left: 30px;
          padding-right: 0;
          border-right: none; }
        section#bloglar .container .row .blog .cardLeft .icerik,
        section#bloglar .container .row .blog .cardRight .icerik {
          border-radius: 16px;
          background-color: #fff;
          box-shadow: 0 15px 20px 0 rgba(40, 60, 98, 0.1);
          overflow: hidden;
          height: 100%; }
        section#bloglar .container .row .blog .cardLeft {
          flex: 0 0 65%;
          max-width: 65%;
          padding-right: 10px; }
          section#bloglar .container .row .blog .cardLeft .icerik .subheader {
            letter-spacing: -.24px;
            text-transform: uppercase;
            padding: 18px 20px 6px;
            font-size: 15px;
            opacity: .75;
            font-weight: 500;
            line-height: 18px;
            color: #333; }
          section#bloglar .container .row .blog .cardLeft .icerik a {
            text-decoration: none; }
          section#bloglar .container .row .blog .cardLeft .icerik .title {
            font-size: 24px;
            font-weight: 600;
            text-transform: uppercase;
            padding-left: 20px;
            letter-spacing: .34px;
            text-align: left;
            line-height: 30px;
            color: #333; }
          section#bloglar .container .row .blog .cardLeft .icerik .text {
            padding: 15px;
            font-size: 15px;
            color: #242424;
            opacity: .6;
            display: -webkit-box;
            -webkit-line-clamp: 8;
            line-height: 20px;
            overflow: hidden;
            height: 192px;
            -webkit-box-orient: vertical;
            border-bottom: solid 15px rgba(0, 0, 0, 0); }
        section#bloglar .container .row .blog .cardRight {
          flex: 0 0 35%;
          max-width: 35%;
          padding-left: 10px; }
          section#bloglar .container .row .blog .cardRight .icerik {
            display: block; }
            section#bloglar .container .row .blog .cardRight .icerik .image {
              height: 100%;
              background-size: cover;
              background-repeat: no-repeat;
              background-position: center; }
        section#bloglar .container .row .blog .sub-date {
          flex: 0 0 100%;
          max-width: 100%;
          margin: 15px 0;
          text-align: right;
          white-space: nowrap; }
          section#bloglar .container .row .blog .sub-date span {
            padding-left: 10px;
            color: #2d3640;
            font-size: 18px;
            font-weight: 600;
            text-align: left;
            display: inline-block; }
          section#bloglar .container .row .blog .sub-date p {
            font-size: 14px;
            font-weight: 500;
            text-align: right;
            color: #8b95a1;
            padding-right: 12px;
            display: inline-block; }
        @media screen and (max-width: 769px) {
          section#bloglar .container .row .blog {
            flex: 0 0 100%;
            max-width: 100%;
            border-right: none;
            border-bottom: 1px dashed #b9b9b9;
            padding-right: 0;
            margin-bottom: 25px; } }
        @media screen and (max-width: 600px) {
          section#bloglar .container .row .blog {
            height: auto; }
            section#bloglar .container .row .blog:nth-child(2n) {
              padding-left: 0px; }
            section#bloglar .container .row .blog .cardLeft,
            section#bloglar .container .row .blog .cardRight {
              flex: 0 0 100%;
              max-width: 100%;
              padding: 0; }
            section#bloglar .container .row .blog .cardRight .ust {
              margin-top: 20px; }
            section#bloglar .container .row .blog .cardRight .icerik {
              display: none; } }
    section#bloglar .container .tumBloglar {
      flex-wrap: wrap;
      width: 100%;
      margin-top: 60px; }
      section#bloglar .container .tumBloglar a {
        padding: 15px;
        font-size: 15px;
        min-width: 200px;
        font-weight: bold;
        color: #2d3640;
        border: 1px solid rgba(75, 79, 82, 0.2);
        text-align: center;
        text-decoration: none; }
        section#bloglar .container .tumBloglar a:hover {
          color: rgba(45, 54, 64, 0.8);
          border-color: rgba(75, 79, 82, 0.3); }

section#icerik-bloglar {
  padding: 30px 0;
  background-color: #fff; }
  section#icerik-bloglar .container {
    width: 90%;
    margin: 0 auto; }
    section#icerik-bloglar .container .row {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%; }
      section#icerik-bloglar .container .row .blog {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        padding: 30px;
        border-bottom: 1px dashed rgba(247, 148, 29, 0.35);
        border-right: 1px dashed rgba(247, 148, 29, 0.35); }
        section#icerik-bloglar .container .row .blog:nth-child(3n) {
          border-right: none; }
        section#icerik-bloglar .container .row .blog .image {
          display: block;
          width: 100%;
          margin-bottom: 20px;
          /*figure{
              width: 100%;
              height: 250px;
              background-size: cover;
              background-position: center;
              background-repeat: no-repeat;
              border-radius: 10px;
              box-shadow: 0 1px 17px -7px #333;
          }*/ }
          section#icerik-bloglar .container .row .blog .image img {
            width: 100%;
            border-radius: 10px;
            box-shadow: 0 1px 17px -7px #333; }
        section#icerik-bloglar .container .row .blog .subCont {
          display: flex;
          width: 100%; }
          section#icerik-bloglar .container .row .blog .subCont .contLeft {
            flex: 0 0 15%;
            max-width: 15%; }
            section#icerik-bloglar .container .row .blog .subCont .contLeft .date {
              padding: 5px 0;
              border: 2px solid rgba(247, 148, 29, 0.62);
              border-radius: 8px;
              transition: .4s all;
              margin: 0px -7px; }
              section#icerik-bloglar .container .row .blog .subCont .contLeft .date span {
                display: block;
                width: 100%;
                text-align: center;
                padding: 4px; }
              section#icerik-bloglar .container .row .blog .subCont .contLeft .date span.month {
                text-transform: uppercase;
                font-size: 13px;
                font-weight: 300;
                color: #333; }
              section#icerik-bloglar .container .row .blog .subCont .contLeft .date span.day {
                font-size: 14px;
                font-weight: 800;
                color: #F0AE2B; }
              section#icerik-bloglar .container .row .blog .subCont .contLeft .date span.year {
                font-size: 13px;
                font-weight: 300;
                color: #333; }
          section#icerik-bloglar .container .row .blog .subCont .contRight {
            flex: 0 0 85%;
            max-width: 85%;
            padding: 20px; }
            section#icerik-bloglar .container .row .blog .subCont .contRight h3 a {
              display: block;
              font-size: 20px;
              font-weight: 500;
              line-height: 1.38;
              color: #707d8c;
              margin: 0 0 20px;
              padding-bottom: 20px;
              border-bottom: solid 2px rgba(247, 148, 29, 0.35);
              transition: .3s all;
              text-decoration: none; }
              section#icerik-bloglar .container .row .blog .subCont .contRight h3 a:hover {
                color: #F0AE2B;
                cursor: pointer; }
            section#icerik-bloglar .container .row .blog .subCont .contRight p {
              font-size: 14px;
              font-weight: 300;
              color: #333;
              line-height: 19px;
              /*display: -webkit-box;
              -webkit-line-clamp: 6;
              overflow: hidden;
              -webkit-box-orient: vertical;*/ }
              section#icerik-bloglar .container .row .blog .subCont .contRight p i {
                font-size: 18px;
                color: #F0AE2B;
                vertical-align: middle;
                margin-left: -10px;
                opacity: 0;
                visibility: hidden;
                transition: .3s all; }
        section#icerik-bloglar .container .row .blog .more {
          display: flex;
          justify-content: flex-end; }
          section#icerik-bloglar .container .row .blog .more a {
            padding: 15px 20px;
            border-radius: 29px;
            border: 2px solid #c1cad3;
            text-align: center;
            text-decoration: none;
            color: #bdc3ca;
            font-size: 14px;
            font-weight: 300;
            letter-spacing: 2px; }
            section#icerik-bloglar .container .row .blog .more a:hover {
              background-color: #000000;
              border-color: #F0AE2B;
              color: #fff; }
        section#icerik-bloglar .container .row .blog:hover .contRight p i {
          opacity: 1;
          margin-left: 2px;
          visibility: visible; }
        @media screen and (max-width: 900px) {
          section#icerik-bloglar .container .row .blog {
            flex: 0 0 50%;
            max-width: 50%;
            padding: 10px;
            padding-bottom: 30px;
            margin-bottom: 20px;
            border-right: none; }
            section#icerik-bloglar .container .row .blog .subCont .contLeft {
              flex: 0 0 20%;
              max-width: 20%; }
              section#icerik-bloglar .container .row .blog .subCont .contLeft .date span {
                font-size: 12px !important; }
            section#icerik-bloglar .container .row .blog .subCont .contRight {
              flex: 0 0 80%;
              max-width: 80%;
              padding: 10px; }
              section#icerik-bloglar .container .row .blog .subCont .contRight h3 a {
                text-align: center;
                height: 79px; }
              section#icerik-bloglar .container .row .blog .subCont .contRight p {
                margin-left: -30%; } }
        @media screen and (max-width: 500px) {
          section#icerik-bloglar .container .row .blog {
            flex: 0 0 100%;
            max-width: 100%; } }

section#icerik-blog-icerik {
  padding: 40px 0; }
  section#icerik-blog-icerik .container {
    width: 90%;
    margin: 0 auto; }
    section#icerik-blog-icerik .container .row .contBlog {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%; 
      justify-content: center;
    }
      section#icerik-blog-icerik .container .row .contBlog .contLeft {
        flex: 0 0 10%;
        max-width: 10%; }
        section#icerik-blog-icerik .container .row .contBlog .contLeft .date {
          padding: 10px 0;
          border: 2px solid rgba(247, 148, 29, 0.62);
          border-radius: 8px; }
          section#icerik-blog-icerik .container .row .contBlog .contLeft .date span {
            display: block;
            width: 100%;
            text-align: center;
            padding: 4px;
            font-size: 17px; }
          section#icerik-blog-icerik .container .row .contBlog .contLeft .date span.month {
            text-transform: uppercase;
            font-weight: 300;
            color: #333; }
          section#icerik-blog-icerik .container .row .contBlog .contLeft .date span.day {
            font-weight: 800;
            color: #F0AE2B; }
          section#icerik-blog-icerik .container .row .contBlog .contLeft .date span.year {
            font-weight: 300;
            color: #333; }
          @media screen and (min-width: 900px) {
            section#icerik-blog-icerik .container .row .contBlog .contLeft .date {
              margin: 0 15px; } }
      section#icerik-blog-icerik .container .row .contBlog .contCenter {
        flex: 0 0 65%;
        max-width: 65%;
        padding: 10px 30px; }
        section#icerik-blog-icerik .container .row .contBlog .contCenter h3 {
          display: block;
          font-size: 20px;
          font-weight: 500;
          line-height: 1.38;
          color: #5d6670;
          margin: 0 0 15px;
          padding-bottom: 20px;
          border-bottom: solid 2px rgba(247, 148, 29, 0.35);
          transition: .3s all;
          text-decoration: none; }
        section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik .image {
          width: 100%;
          height: 350px;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          margin: 25px 0; }
        section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik .icerik {
          line-height: 21px;
          font-family: calibri, sans-serif; }
          section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik .icerik ul {
            list-style: disc;
            padding-left: 20px; }
          @media (max-width: 769px) {
            section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik .icerik img {
              width: 100%;
              height: auto; } }
        section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik .other {
          text-decoration: none; }
          section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik .other .type {
            background-color: #e6e6e6;
            color: #7c7c7c;
            cursor: pointer;
            padding: 0px 15px;
            font-size: 18px;
            border: none;
            outline: none;
            transition: 0.12s;
            width: 100%;
            display: inline-block;
            float: left;
            height: 50px;
            line-height: 50px;
            text-align: center;
            margin-top: 15px;
            position: relative; }
            section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik .other .type.active i:before {
              content: '\f078'; }
          section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik .other .detail {
            display: none;
            cursor: pointer;
            padding: 0px 13px;
            transition: 0.12s;
            width: 100%;
            margin-top: 14px;
            float: left;
            line-height: 1; }
            section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik .other .detail a {
              color: #7c7c7c;
              font-size: 18px; }
            section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik .other .detail .product-list {
              display: flex;
              flex-wrap: wrap;
              width: 100%; }
              section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik .other .detail .product-list .category_box {
                flex: 0 0 25%;
                width: 25%;
                padding: 10px;
                overflow: hidden;
                position: relative;
                transition: all .3s ease-in-out;
                background: center no-repeat;
                background-size: cover;
                background-clip: content-box;
                height: 100%; }
                section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik .other .detail .product-list .category_box .overlay {
                  transition: all .3s ease-in-out;
                  visibility: hidden;
                  opacity: 0;
                  position: absolute;
                  top: 10px;
                  left: 10px;
                  width: calc(100% - 20px);
                  height: 90%;
                  background: rgba(243, 157, 0, 0.6);
                  font-size: 34px;
                  color: #fff;
                  cursor: pointer; }
                section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik .other .detail .product-list .category_box img {
                  width: 100%; }
                section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik .other .detail .product-list .category_box .title {
                  transition: all .3s ease-in-out;
                  position: absolute;
                  bottom: 10px;
                  left: 10px;
                  width: calc(100% - 20px);
                  padding: 10px;
                  font-size: 14px;
                  font-weight: 500;
                  color: #fff;
                  background: rgba(243, 157, 0, 0.6); }
                section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik .other .detail .product-list .category_box:hover .overlay {
                  visibility: visible;
                  opacity: 1; }
                section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik .other .detail .product-list .category_box:hover .title {
                  opacity: 0; }
                @media (max-width: 768px) {
                  section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik .other .detail .product-list .category_box {
                    flex: 0 0 50%;
                    width: 50%; } }
                @media (max-width: 500px) {
                  section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik .other .detail .product-list .category_box {
                    flex: 0 0 100%;
                    width: 100%; } }
      section#icerik-blog-icerik .container .row .contBlog .contRight {
        flex: 0 0 25%;
        max-width: 25%;
        padding: 15px; }
        section#icerik-blog-icerik .container .row .contBlog .contRight h5 {
          color: #333;
          font-size: 19px;
          font-weight: 500;
          margin-bottom: 15px; }
        section#icerik-blog-icerik .container .row .contBlog .contRight ul {
          width: 100%; }
          section#icerik-blog-icerik .container .row .contBlog .contRight ul li {
            display: flex;
            width: 100%; }
            section#icerik-blog-icerik .container .row .contBlog .contRight ul li a {
              width: 100%;
              color: #4c4a4d;
              padding: 10px 0;
              display: block;
              font-size: 14px;
              font-weight: 400;
              border-bottom: dashed 1px #dfe7f0;
              text-decoration: none;
              letter-spacing: .5px;
              transition: .4s all;
              line-height: 19px; }
              section#icerik-blog-icerik .container .row .contBlog .contRight ul li a span {
                display: inline-block;
                width: 20px;
                height: 20px;
                line-height: 20px;
                text-indent: 2px;
                border-radius: 10rem;
                text-align: center;
                font-size: 75%;
                font-weight: 400;
                float: right;
                background: #F0AE2B;
                color: #fff;
                border: 1px solid transparent; }
              section#icerik-blog-icerik .container .row .contBlog .contRight ul li a.active {
                font-weight: 700; }
              section#icerik-blog-icerik .container .row .contBlog .contRight ul li a:hover {
                color: #F0AE2B; }
                section#icerik-blog-icerik .container .row .contBlog .contRight ul li a:hover span {
                  background: #fff;
                  color: #F0AE2B;
                  border: 1px solid #F0AE2B; }
      @media screen and (max-width: 769px) {
        section#icerik-blog-icerik .container .row .contBlog .contCenter {
          padding: 10px 5px; }
        section#icerik-blog-icerik .container .row .contBlog .contLeft {
          flex: 0 0 20%;
          max-width: 20%; }
          section#icerik-blog-icerik .container .row .contBlog .contLeft .date span {
            font-size: 11px; }
        section#icerik-blog-icerik .container .row .contBlog .contCenter {
          flex: 0 0 80%;
          max-width: 80%; }
          section#icerik-blog-icerik .container .row .contBlog .contCenter h3 {
            padding: 0 30px 25px 30px; }
          section#icerik-blog-icerik .container .row .contBlog .contCenter .contC-icerik {
            margin-top: 40px;
            margin-left: -25%; }
        section#icerik-blog-icerik .container .row .contBlog .contRight {
          flex: 0 0 100%;
          max-width: 100%; } }

section#detay-sablon {
  padding: 30px 0;
  position: relative;
  background: #f4f5f7; }
  section#detay-sablon .container {
    width: 90%;
    margin: 0 auto; }
    section#detay-sablon .container .row #sablon1 {
      display: flex;
      flex-wrap: wrap;
      border: 2px dashed #eeeeee;
      border-radius: 8px;
      -webkit-box-shadow: 0 15px 20px 0 rgba(40, 60, 98, 0.1);
      box-shadow: 0 15px 20px 0 rgba(40, 60, 98, 0.1);
      padding: 30px 0;
      background: #fff;
      overflow: hidden; }
      section#detay-sablon .container .row #sablon1 + .box {
        margin-top: 50px; }
      section#detay-sablon .container .row #sablon1 .col-4 {
        flex: 0 0 30%;
        max-width: 30%;
        margin: -30px 0;
        padding: 0 15px;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-clip: content-box; }
        section#detay-sablon .container .row #sablon1 .col-4 .image {
          height: fit-content;
          width: 100%;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center; }
      section#detay-sablon .container .row #sablon1 .col-8 {
        flex: 0 0 70%;
        max-width: 70%;
        padding: 15px;
        position: relative; }
        section#detay-sablon .container .row #sablon1 .col-8 .technologies {
          position: absolute;
          top: -30px;
          right: 5px; }
          section#detay-sablon .container .row #sablon1 .col-8 .technologies ul {
            flex-wrap: wrap; }
            section#detay-sablon .container .row #sablon1 .col-8 .technologies ul li {
              padding: 10px;
              text-align: center; }
              section#detay-sablon .container .row #sablon1 .col-8 .technologies ul li i {
                font-size: 25px; }
              section#detay-sablon .container .row #sablon1 .col-8 .technologies ul li span {
                width: 100%;
                display: block;
                font-size: 10px;
                color: #242424; }
        section#detay-sablon .container .row #sablon1 .col-8 .title {
          font-size: 20px;
          font-weight: 500;
          margin-bottom: 10px;
          width: 100%;
          text-align: left;
          padding: 20px;
          padding-left: 5px;
          color: #3d3d3d; }
        section#detay-sablon .container .row #sablon1 .col-8 .text {
          font-size: 15px;
          line-height: 22px;
          color: rgba(36, 36, 36, 0.8); }
          section#detay-sablon .container .row #sablon1 .col-8 .text p {
            margin-bottom: 8px; }
          section#detay-sablon .container .row #sablon1 .col-8 .text .madde li {
            padding: 5px;
            margin: 2px 0; }
            section#detay-sablon .container .row #sablon1 .col-8 .text .madde li i {
              color: rgba(240, 174, 43, 0.8);
              padding-right: 4px; }
      section#detay-sablon .container .row #sablon1:nth-child(even) .col-4 {
        order: 1; }
      section#detay-sablon .container .row #sablon1:nth-child(even) .col-8 {
        order: 0; }
        section#detay-sablon .container .row #sablon1:nth-child(even) .col-8 .technologies {
          right: auto;
          left: 5px; }
        section#detay-sablon .container .row #sablon1:nth-child(even) .col-8 .title {
          text-align: right;
          padding-right: 5px; }
        section#detay-sablon .container .row #sablon1:nth-child(even) .col-8 .text {
          text-align: right; }
        section#detay-sablon .container .row #sablon1:nth-child(even) .col-8:before {
          right: auto;
          left: 20%; }
      @media (max-width: 769px) {
        section#detay-sablon .container .row #sablon1 {
          padding: 10px 0; }
        section#detay-sablon .container .row #sablon1 .col-4,
        section#detay-sablon .container .row #sablon1 .col-8 {
          flex: 0 0 100%;
          max-width: 100%; }
          section#detay-sablon .container .row #sablon1 .col-4 .text,
          section#detay-sablon .container .row #sablon1 .col-8 .text {
            font-size: 14px; }
        section#detay-sablon .container .row #sablon1 .col-4 {
          order: 1;
          margin: 0;
          height: 180px; }
        section#detay-sablon .container .row #sablon1 .col-8 .technologies {
          position: initial; }
        section#detay-sablon .container .row #sablon1:nth-child(even) .col-4 {
          order: 1; }
        section#detay-sablon .container .row #sablon1:nth-child(even) .col-8 .technologies {
          right: auto;
          left: 0; }
        section#detay-sablon .container .row #sablon1:nth-child(even) .col-8 .title {
          text-align: left;
          padding-right: 0; }
        section#detay-sablon .container .row #sablon1:nth-child(even) .col-8 .text {
          text-align: left; }
        section#detay-sablon .container .row #sablon1:nth-child(even) .col-8:before {
          right: auto;
          left: 20%; } }
    section#detay-sablon .container .row #sablon2 {
      border-radius: 8px;
      -webkit-box-shadow: 0 15px 20px 0 rgba(40, 60, 98, 0.1);
      box-shadow: 0 15px 20px 0 rgba(40, 60, 98, 0.1);
      padding: 30px;
      background: #fff;
      overflow: hidden; }
      section#detay-sablon .container .row #sablon2 + .box {
        margin-top: 50px; }
      section#detay-sablon .container .row #sablon2 .content {
        display: flex;
        flex-wrap: wrap; }
        section#detay-sablon .container .row #sablon2 .content .title {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 20px;
          background: #2a2d33;
          border-radius: 10px 10px 0 0;
          color: #fff;
          font-size: 24px;
          font-weight: 500; }
        section#detay-sablon .container .row #sablon2 .content .table {
          flex: 0 0 100%;
          max-width: 100%; }
          section#detay-sablon .container .row #sablon2 .content .table table {
            width: 100%;
            border: 1px solid #eee;
            border-collapse: collapse;
            border-spacing: 0; }
            section#detay-sablon .container .row #sablon2 .content .table table thead tr th {
              text-align: center;
              border: 1px solid #eee;
              padding: 10px;
              font-weight: 600;
              font-size: 15px;
              font-style: italic; }
            section#detay-sablon .container .row #sablon2 .content .table table tbody tr td {
              text-align: center;
              border: 1px solid #eee;
              padding: 10px; }
              section#detay-sablon .container .row #sablon2 .content .table table tbody tr td.line-title {
                text-align: left;
                font-weight: 500;
                font-size: 15px;
                font-style: italic; }
              section#detay-sablon .container .row #sablon2 .content .table table tbody tr td .check,
              section#detay-sablon .container .row #sablon2 .content .table table tbody tr td .times {
                font-weight: bold;
                margin: 0 auto;
                font-size: 20px; }
              section#detay-sablon .container .row #sablon2 .content .table table tbody tr td .check {
                color: #F0AE2B; }
              section#detay-sablon .container .row #sablon2 .content .table table tbody tr td .times {
                color: #ddd; }
          @media (max-width: 769px) {
            section#detay-sablon .container .row #sablon2 .content .table table thead tr th {
              display: none; }
            section#detay-sablon .container .row #sablon2 .content .table table tbody tr td:not(:first-child) {
              display: none; } }
      @media (max-width: 769px) {
        section#detay-sablon .container .row #sablon2 {
          padding: 15px; } }
    section#detay-sablon .container .links {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      margin-top: 50px; }
      section#detay-sablon .container .links a.box {
        padding: 10px 10px;
        text-align: center;
        text-decoration: underline;
        text-decoration-color: #565656; }
        section#detay-sablon .container .links a.box span {
          background-color: #c5d5ec;
          -webkit-box-shadow: 0 15px 20px 0 rgba(40, 60, 98, 0.1);
          box-shadow: 0 15px 20px 0 rgba(40, 60, 98, 0.1);
          color: #303030;
          font-weight: 600;
          padding: 8px 15px;
          border-radius: 5px; }
          section#detay-sablon .container .links a.box span i {
            margin-right: 5px;
            vertical-align: middle; }
        section#detay-sablon .container .links a.box:hover {
          text-decoration: none; }

section#altsayfa-referanslar {
  padding: 25px 0;
  background-color: #fff; }
  section#altsayfa-referanslar .container {
    width: 90%;
    margin: 0 auto; }
    section#altsayfa-referanslar .container .row {
      display: flex;
      flex-wrap: wrap; }
      section#altsayfa-referanslar .container .row .box {
        display: flex;
        flex: 0 0 25%;
        max-width: 25%;
        padding: 15px; }
        section#altsayfa-referanslar .container .row .box > a {
          height: 250px;
          width: 100%;
          background-repeat: no-repeat;
          background-size: 100%;
          background-position: center;
          position: relative;
          overflow: hidden;
          border-radius: 5px;
          transition: .3s all; }
          section#altsayfa-referanslar .container .row .box > a img {
            display: none; }
          section#altsayfa-referanslar .container .row .box > a .title {
            margin: 0;
            position: absolute;
            color: white;
            padding: 5px 0px;
            width: calc(100% - 20px);
            background: rgba(45, 40, 3, 0.5);
            text-align: center;
            left: 10px;
            top: 210px;
            bottom: 0px;
            font-size: 18px;
            font-weight: bold;
            text-shadow: 0 1px 2px #242424;
            transition: .3s all;
            flex-wrap: wrap; }
            section#altsayfa-referanslar .container .row .box > a .title .incele {
              opacity: 0;
              visibility: hidden;
              font-size: 14px;
              font-weight: 400;
              flex-wrap: wrap;
              flex: 0 0 100%;
              max-width: 100%; }
          section#altsayfa-referanslar .container .row .box > a:before {
            content: '';
            display: block;
            position: absolute;
            width: calc(100% - 20px);
            height: 100%;
            border: 10px solid rgba(45, 40, 3, 0.5);
            border-bottom: none; }
          section#altsayfa-referanslar .container .row .box > a:hover {
            background-size: 110%; }
            section#altsayfa-referanslar .container .row .box > a:hover .title {
              top: 10px; }
              section#altsayfa-referanslar .container .row .box > a:hover .title .incele {
                opacity: 1;
                visibility: visible; }
      @media (max-width: 769px) {
        section#altsayfa-referanslar .container .row .box {
          flex: 0 0 50%;
          max-width: 50%; } }
      @media (max-width: 500px) {
        section#altsayfa-referanslar .container .row .box {
          flex: 0 0 100%;
          max-width: 100%; } }

div.tags {
  padding: 30px 0;
  background: #f4f5f7; }
  div.tags .container {
    width: 90%;
    margin: 0 auto; }
    div.tags .container .tags-title {
      font-size: 16px;
      font-weight: 600;
      display: inline-block;
      margin-right: 10px; }
    div.tags .container a {
      background: #555b67;
      color: #ffffff;
      text-decoration: none;
      padding: 3px 10px;
      margin: 0 5px 5px 0;
      font-size: 12px;
      display: inline-block;
      -webkit-border-radius: 2px;
      border-radius: 2px; }
      div.tags .container a:hover {
        background: rgba(85, 91, 103, 0.7); }

section.alturun-urun-icerik {
  padding: 30px 0; }
  section.alturun-urun-icerik .container .row .title {
    display: block;
    width: 100%;
    padding-left: 15px;
    margin-bottom: 25px;
    font: 600 20px 'Exo';
    border-left: 5px solid #ef8466; }
  section.alturun-urun-icerik .container .row .product-gallery {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px; }
    section.alturun-urun-icerik .container .row .product-gallery .gallery-big {
      flex: 0 0 50%;
      max-width: 50%;
      align-items: flex-start; }
      section.alturun-urun-icerik .container .row .product-gallery .gallery-big .image {
        display: flex;
        width: 500px;
        height: 400px;
        background-image: url(../img/urun-bg.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        padding: 40px; }
        section.alturun-urun-icerik .container .row .product-gallery .gallery-big .image img {
          width: 100%;
          -o-object-fit: cover;
          object-fit: cover;
          -o-object-position: center;
          object-position: center;
          border-radius: 10px; }
    section.alturun-urun-icerik .container .row .product-gallery .tabs {
      flex: 0 0 50%;
      max-width: 50%;
      padding: 20px 0; }
      section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel {
        padding: 15px 20px; }
        section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel > .panel-title {
          font: 600 20px 'Exo';
          color: #1a1a1a;
          margin-bottom: 8px; }
        section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel p {
          color: #666;
          font: 400 14px 'Exo'; }
        section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel .property ol {
          display: flex;
          flex-wrap: wrap; }
          section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel .property ol li {
            flex: 0 0 100%;
            max-width: 100%;
            padding: 10px 15px;
            margin-bottom: 10px;
            border-bottom: 1px dashed #eee;
            display: flex;
            align-items: center; }
            section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel .property ol li strong,
            section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel .property ol li span {
              display: inline-block; }
            section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel .property ol li span {
              min-width: 140px;
              font-size: 13px;
              font-weight: 400;
              position: relative; }
              section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel .property ol li span:after {
                content: ':';
                position: absolute;
                top: 0;
                right: 10px;
                height: 100%;
                display: flex;
                align-items: center;
                font-size: 16px; }
            section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel .property ol li strong {
              font-size: 14px;
              font-weight: 600; }
            @media (max-width: 768px) {
              section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel .property ol li {
                flex: 0 0 100%;
                max-width: 100%; } }
        section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel ol.sosyal_medya li {
          display: inline-flex;
          padding-right: 10px;
          margin-top: 15px; }
          section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel ol.sosyal_medya li .media {
            font-size: 32px; }
          section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel ol.sosyal_medya li .face {
            color: #4267b2;
            filter: grayscale(100%); }
          section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel ol.sosyal_medya li .twit {
            color: #1da1f2;
            filter: grayscale(100%); }
          section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel ol.sosyal_medya li .plus {
            color: #d74633;
            filter: grayscale(100%); }
          section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel ol.sosyal_medya li .wapp {
            color: #189d0e;
            filter: grayscale(100%); }
          section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel ol.sosyal_medya li .face:hover {
            color: #4267b2;
            filter: grayscale(0%); }
          section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel ol.sosyal_medya li .twit:hover {
            color: #1da1f2;
            filter: grayscale(0%); }
          section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel ol.sosyal_medya li .plus:hover {
            color: #d74633;
            filter: grayscale(0%); }
          section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel ol.sosyal_medya li .wapp:hover {
            color: #189d0e;
            filter: grayscale(0%); }
        @media (max-width: 768px) {
          section.alturun-urun-icerik .container .row .product-gallery .tabs .tab-content .tab-panel ol.sosyal_medya {
            display: flex;
            align-items: center;
            justify-content: center; } }
    @media (max-width: 768px) {
      section.alturun-urun-icerik .container .row .product-gallery .tabs,
      section.alturun-urun-icerik .container .row .product-gallery .gallery-big {
        flex: 0 0 100%;
        max-width: 100%; }
      section.alturun-urun-icerik .container .row .product-gallery .gallery-big .image {
        height: 250px;
        padding: 30px; } }
  section.alturun-urun-icerik .container .row .gallery-list {
    display: block;
    width: 100%;
    padding: 0 50px;
    margin-top: 50px; }
    section.alturun-urun-icerik .container .row .gallery-list .gallery-title {
      font: 500 15px 'Exo';
      position: relative; }
      section.alturun-urun-icerik .container .row .gallery-list .gallery-title span {
        background: #1a1a1a;
        color: #fff;
        padding: 8px 14px;
        display: inline-block;
        position: relative; }
      section.alturun-urun-icerik .container .row .gallery-list .gallery-title:after, section.alturun-urun-icerik .container .row .gallery-list .gallery-title span:before {
        content: '';
        position: absolute;
        display: block; }
      section.alturun-urun-icerik .container .row .gallery-list .gallery-title:after {
        background: #1a1a1a;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 2;
        height: 2px;
        width: 100%; }
      section.alturun-urun-icerik .container .row .gallery-list .gallery-title span:before {
        border-top: 8px solid #111111;
        border-right: 8px solid transparent;
        z-index: 1;
        top: 0;
        right: -8px;
        width: 0;
        height: 0; }
    section.alturun-urun-icerik .container .row .gallery-list ol {
      display: flex;
      flex-wrap: wrap;
      padding: 15px 30px; }
      section.alturun-urun-icerik .container .row .gallery-list ol li {
        flex: 0 0 25%;
        max-width: 25%;
        padding: 15px;
        height: 190px;
        cursor: pointer;
        display: table; }
        section.alturun-urun-icerik .container .row .gallery-list ol li a {
          display: flex;
          flex-wrap: wrap;
          border: 2px solid #eee;
          border-radius: 5px;
          position: relative;
          overflow: hidden; }
          section.alturun-urun-icerik .container .row .gallery-list ol li a img {
            width: 100%;
            height: 190px;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center;
            transition: all .3s; }
          section.alturun-urun-icerik .container .row .gallery-list ol li a .image-title {
            font: 500 16px 'Exo';
            padding: 5px 6px;
            position: absolute;
            z-index: 2;
            bottom: 0;
            left: 0;
            width: 100%;
            background: rgba(26, 26, 26, 0.6);
            color: #fff; }
          section.alturun-urun-icerik .container .row .gallery-list ol li a .overlay {
            position: absolute;
            top: 0%;
            left: -100%;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            font-size: 34px;
            color: #fff;
            cursor: pointer; }
            section.alturun-urun-icerik .container .row .gallery-list ol li a .overlay i {
              color: #fff;
              font-size: 50px; }
              section.alturun-urun-icerik .container .row .gallery-list ol li a .overlay i:hover {
                color: #ef2f2f; }
        section.alturun-urun-icerik .container .row .gallery-list ol li:hover a {
          border-color: #666;
          box-shadow: 0 0 15px -6px #666; }
        section.alturun-urun-icerik .container .row .gallery-list ol li:hover .image-title {
          display: none; }
    @media (max-width: 768px) {
      section.alturun-urun-icerik .container .row .gallery-list {
        padding: 0 10px; }
        section.alturun-urun-icerik .container .row .gallery-list ol {
          padding: 5px 10px; }
          section.alturun-urun-icerik .container .row .gallery-list ol li {
            flex: 0 0 100%;
            max-width: 100%; } }

section.sss {
  padding: 30px 0; }
  section.sss .container .row .question {
    border-top: 1px solid #d3d3d3;
    padding: 15px 0;
    cursor: pointer; }
    section.sss .container .row .question i {
      color: #ccc; }
    section.sss .container .row .question span {
      font-size: 16px;
      margin-left: 10px; }
    section.sss .container .row .question:first-child {
      border-top: none; }
    section.sss .container .row .question:hover {
      color: #855704; }
    section.sss .container .row .question.active {
      color: #855704; }
      section.sss .container .row .question.active i {
        color: #855704; }
        section.sss .container .row .question.active i:before {
          content: '\f068'; }
  section.sss .container .row .answer {
    display: none;
    padding: 15px 20px;
    background: #eee;
    border: 1px solid #d3d3d3;
    border-bottom: none;
    font-size: 14px;
    color: #333;
    line-height: 22px; }
    section.sss .container .row .answer:last-child {
      border-bottom: solid 1px #ddd; }

section.news {
  padding: 30px 0; }
  section.news .container .row {
    display: flex;
    flex-wrap: wrap; }
    section.news .container .row .new_box {
      flex: 0 0 33.33%;
      max-width: 33.33%;
      padding: 20px; }
      section.news .container .row .new_box figure {
        background: center no-repeat;
        background-size: cover;
        height: 250px;
        border-radius: 10px;
        box-shadow: 0 0 8px -2px #d3d3d3; }
      section.news .container .row .new_box h3.title {
        font-size: 18px;
        font-weight: 600;
        color: #333;
        margin: 15px 0; }
        section.news .container .row .new_box h3.title:hover {
          color: #000; }
      section.news .container .row .new_box p.content {
        font-size: 14px;
        font-weight: 400;
        color: #333;
        text-align: justify;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        line-height: 19px;
        overflow: hidden;
        -webkit-box-orient: vertical; }
      @media (max-width: 768px) {
        section.news .container .row .new_box {
          flex: 0 0 50%;
          max-width: 50%; } }
      @media (max-width: 500px) {
        section.news .container .row .new_box {
          flex: 0 0 100%;
          max-width: 100%;
          padding: 10px; } }

section.products-inpage {
  padding: 30px 0; }
  section.products-inpage .container .row {
    display: flex;
    flex-wrap: wrap; }
    section.products-inpage .container .row .product-category {
      width: 100%; }
      section.products-inpage .container .row .product-category ul {
        display: flex;
        align-items: center;
        justify-content: center; }
        section.products-inpage .container .row .product-category ul li {
          margin: 0 0.85%;
          flex: 0 0 15%;
          max-width: 15%; }
          section.products-inpage .container .row .product-category ul li a {
            width: 100%;
            display: inline-block;
            float: left;
            text-align: center;
            background: #f5f5f5;
            font-size: 16px;
            text-decoration: none;
            transition: all 300ms;
            height: 49px;
            line-height: 49px;
            color: #7f7f7f;
            position: relative;
            font-weight: 100; }
            section.products-inpage .container .row .product-category ul li a.active:after {
              content: '';
              height: 0;
              border-style: solid;
              border-width: 0 0 40px 40px;
              border-color: transparent transparent #c5c5c5 transparent;
              display: inline-block;
              position: absolute;
              bottom: 0;
              right: 0; }
            section.products-inpage .container .row .product-category ul li a.active {
              background: #fff !important; }
      @media (max-width: 768px) {
        section.products-inpage .container .row .product-category {
          display: none; } }
    @media (min-width: 768px) {
      section.products-inpage .container .row .product-category-mob {
        display: none; } }
    @media (max-width: 768px) {
      section.products-inpage .container .row .product-category-mob {
        display: flex;
        width: 100%; }
        section.products-inpage .container .row .product-category-mob .catlist {
          width: 100%;
          background: #f5f5f5;
          font-size: 24px;
          text-decoration: none;
          transition: all 300ms;
          height: 59px;
          line-height: 59px;
          color: #7f7f7f;
          position: relative;
          padding: 0 20px;
          text-align: center;
          text-align-last: center;
          -webkit-appearance: none; } }
    section.products-inpage .container .row .product-filter {
      width: 100%;
      padding: 10px 0; }
      section.products-inpage .container .row .product-filter form {
        display: flex;
        align-items: center;
        justify-content: center; }
        section.products-inpage .container .row .product-filter form .select {
          padding: 5px;
          margin: 0 0.85%;
          flex: 0 0 18.3%;
          max-width: 18.3%; }
        section.products-inpage .container .row .product-filter form .select2-container--default .select2-selection--multiple {
          background-color: white;
          border: 1px solid #aaa;
          border-radius: 1px;
          cursor: pointer;
          padding: 10px 5px; }
      @media (max-width: 768px) {
        section.products-inpage .container .row .product-filter {
          display: none; } }
    section.products-inpage .container .row .product-list {
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      section.products-inpage .container .row .product-list .category_box {
        flex: 0 0 25%;
        width: 25%;
        padding: 10px;
        overflow: hidden;
        position: relative;
        transition: all .3s ease-in-out;
        background: center no-repeat;
        background-size: cover;
        background-clip: content-box;
        height: 200px; }
        section.products-inpage .container .row .product-list .category_box .overlay {
          transition: all .3s ease-in-out;
          visibility: hidden;
          opacity: 0;
          position: absolute;
          top: 10px;
          left: 10px;
          width: calc(100% - 20px);
          height: 100%;
          background: rgba(105, 51, 2, 0.6);
          font-size: 34px;
          color: #fff;
          cursor: pointer; }
        section.products-inpage .container .row .product-list .category_box img {
          width: 100%; }
        section.products-inpage .container .row .product-list .category_box .title {
          transition: all .3s ease-in-out;
          position: absolute;
          bottom: 10px;
          left: 10px;
          width: calc(100% - 20px);
          padding: 10px;
          font-size: 14px;
          font-weight: 500;
          color: #fff;
          background: rgba(90, 58, 43, 0.84); }
        section.products-inpage .container .row .product-list .category_box:hover .overlay {
          visibility: visible;
          opacity: 1; }
        section.products-inpage .container .row .product-list .category_box:hover .title {
          opacity: 0; }
        @media (max-width: 768px) {
          section.products-inpage .container .row .product-list .category_box {
            flex: 0 0 50%;
            width: 50%; } }
        @media (max-width: 500px) {
          section.products-inpage .container .row .product-list .category_box {
            flex: 0 0 100%;
            width: 100%; } }

section.contact {
  padding: 30px 0 0; }
  section.contact .container .row {
    display: flex;
    flex-wrap: wrap; }
    section.contact .container .row .col-6 {
      padding: 10px; }
      @media (min-width: 768px) {
        section.contact .container .row .col-6 {
          flex: 0 0 50%;
          width: 50%; } }
      @media (max-width: 768px) {
        section.contact .container .row .col-6 {
          flex: 0 0 100%;
          width: 100%; } }
      section.contact .container .row .col-6 fieldset {
        padding: 10px; }
        section.contact .container .row .col-6 fieldset legend {
          font-size: 26px;
          font-weight: 600;
          color: #333;
          margin-bottom: 5px; }
        section.contact .container .row .col-6 fieldset #formContact {
          display: flex;
          flex-wrap: wrap; }
          section.contact .container .row .col-6 fieldset #formContact .form-group {
            flex: 0 0 50%;
            width: 50%;
            padding: 10px; }
            section.contact .container .row .col-6 fieldset #formContact .form-group input, section.contact .container .row .col-6 fieldset #formContact .form-group textarea {
              width: 100%;
              padding: 10px;
              font-size: 14px;
              font-weight: 500;
              color: #333;
              border: 1px solid #dcdcdc;
              border-radius: 5px;
              outline: none; }
              section.contact .container .row .col-6 fieldset #formContact .form-group input::placeholder, section.contact .container .row .col-6 fieldset #formContact .form-group textarea::placeholder {
                color: #bcbcbc;
                font-size: 12px; }
              section.contact .container .row .col-6 fieldset #formContact .form-group input:focus, section.contact .container .row .col-6 fieldset #formContact .form-group textarea:focus {
                border-color: #666; }
              section.contact .container .row .col-6 fieldset #formContact .form-group input:hover, section.contact .container .row .col-6 fieldset #formContact .form-group textarea:hover {
                border-color: #bebebe; }
            section.contact .container .row .col-6 fieldset #formContact .form-group .security-kod {
              display: flex;
              width: 70%; }
              section.contact .container .row .col-6 fieldset #formContact .form-group .security-kod .img, section.contact .container .row .col-6 fieldset #formContact .form-group .security-kod i {
                flex: 1; }
                section.contact .container .row .col-6 fieldset #formContact .form-group .security-kod .img img, section.contact .container .row .col-6 fieldset #formContact .form-group .security-kod i img {
                  width: auto; }
              section.contact .container .row .col-6 fieldset #formContact .form-group .security-kod i {
                cursor: pointer;
                transform: rotate(0deg);
                transition: all .3s ease-in-out; }
                section.contact .container .row .col-6 fieldset #formContact .form-group .security-kod i:hover {
                  transform: rotate(180deg); }
              section.contact .container .row .col-6 fieldset #formContact .form-group .security-kod input {
                flex: 3; }
            section.contact .container .row .col-6 fieldset #formContact .form-group.w-100 {
              flex: 0 0 100%;
              width: 100%; }
            section.contact .container .row .col-6 fieldset #formContact .form-group button[type="submit"] {
              padding: 10px 15px;
              background-image: linear-gradient(90deg, #966c22, #743f10);
              border: none;
              color: #fff;
              text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
              border-radius: 5px;
              box-shadow: 0 5px 10px -5px #964c00; }
              section.contact .container .row .col-6 fieldset #formContact .form-group button[type="submit"]:hover {
                box-shadow: 0 5px 10px -2px #964c00; }
        section.contact .container .row .col-6 fieldset ul.contact_list li {
          padding: 10px; }
          section.contact .container .row .col-6 fieldset ul.contact_list li label {
            flex: 0 0 20%;
            width: 20%;
            font-weight: 600; }
          section.contact .container .row .col-6 fieldset ul.contact_list li span {
            flex: 0 0 80%;
            width: 80%;
            font-size: 14px; }
            section.contact .container .row .col-6 fieldset ul.contact_list li span a {
              color: #333; }
      @media (min-width: 768px) {
        section.contact .container .row .col-6:last-child {
          height: 430px; } }
  section.contact .map {
    width: 100%;
    position: relative; }
    section.contact .map .map_over_info {
      position: absolute;
      top: 20%;
      width: 300px;
      height: calc(100% - 200px);
      background: #fff;
      display: flex;
      flex-wrap: wrap;
      box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12); }
      section.contact .map .map_over_info .marker, section.contact .map .map_over_info .city, section.contact .map .map_over_info .cont_list {
        flex: 0 0 100%;
        width: 100%;
        flex-wrap: wrap; }
      section.contact .map .map_over_info .marker {
        margin-top: -100px; }
      section.contact .map .map_over_info .city {
        font-size: 22px;
        font-weight: bold;
        color: #292b2c; }
      section.contact .map .map_over_info .cont_list {
        padding: 5px 15px; }
        section.contact .map .map_over_info .cont_list li {
          flex: 0 0 100%;
          width: 100%;
          text-align: center; }
          section.contact .map .map_over_info .cont_list li a {
            color: #333;
            font-size: 14px;
            margin-left: 5px; }
            section.contact .map .map_over_info .cont_list li a:hover {
              font-weight: bold; }
      section.contact .map .map_over_info .button_map {
        padding: 12px 15px;
        background-image: linear-gradient(90deg, #e74f00, #f6aa79);
        border: none;
        color: #fff;
        text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
        border-radius: 5px;
        box-shadow: 0 5px 10px -5px #964c00;
        display: table;
        margin: 10px auto 0; }
        section.contact .map .map_over_info .button_map:active {
          box-shadow: none; }
      section.contact .map .map_over_info:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #e74f00;
        background-image: -webkit-gradient(linear, left top, right top, from(#e74f00), to(#f6aa79));
        background-image: linear-gradient(to right, #e74f00, #f6aa79); }
      @media (min-width: 768px) {
        section.contact .map .map_over_info {
          right: 5%; } }
      @media (max-width: 768px) {
        section.contact .map .map_over_info {
          right: calc(50% - 150px); } 
          .box.logo_widget{
            display: unset;
         
          }
          footer.footer .container .row .box.logo_widget .box_img{
            text-align: start;
          }
        }

/*# sourceMappingURL=style.css.map */