/*


    + Listeleme Sayfaları için srcset done
    + Slider için text özelliği
    + vStart hash özelleştirme
    + video Galeri Alanı ~ Anasayfa için youtube tv alanı
    + Kurumsal için video ve file alanı
    + vLang için olma durum kontrolü
    + Mobil için baloncuk icon trigger form
    + pop-up form hidden for every page
    + Test Katalog Sayfası


    + Google Bot var ise indexleme
    +





*/

  @tCBlack: #333;

  @tCBlue: #03a9f4;
  @tCRed: #e62226; /* for Errors */


  @tM: 10px;
  @tBR: 0px;

  .aH(){box-sizing: border-box;border:1px solid transparent;height: auto;min-height: 1px !importeant;}
  .anim(@time: 0.3s){ -webkit-transition: @time all ease-in; -moz-transition: @time all ease-in; -ms-transition: @time all ease-in; transition: @time all ease-in;}
  .gradiant(){background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  }
  .tTextControl(){white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
  .cTextControl(){text-overflow: ellipsis;}
  .placeholder(@color: #d8d8d8) {&::-webkit-input-placeholder {color:@color}&::-moz-placeholder {color:@color}&:-ms-input-placeholder {color:@color}&:-moz-placeholder {color:@color}}

  .bg(){
    background-color: #fff;
    box-shadow: 0px 0px 1px #E2E2E2;
  }

  @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,600,700|Domine:700&subset=latin-ext');
  @import url('../../../default/assets/stylesheets/tinymce_user_style.css');

  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/flaticon.eot");
    src: url("../fonts/flaticon.eot?#iefix") format("embedded-opentype"),
         url("../fonts/flaticon.woff2") format("woff2"),
         url("../fonts/flaticon.woff") format("woff"),
         url("../fonts/flaticon.ttf") format("truetype"),
         url("../fonts/flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
  }

  @media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
      font-family: "Flaticon";
      src: url("../fonts/flaticon.svg#Flaticon") format("svg");
    }
  }

  [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
  [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-style: normal;
  }

  .flaticon-innovation:before { content: "\f100"; }
  .flaticon-gear:before { content: "\f101"; }
  .flaticon-team:before { content: "\f102"; }
  .flaticon-solar-panel:before { content: "\f103"; }
  .flaticon-placeholder:before { content: "\f104"; }
  .flaticon-schedule:before { content: "\f105"; }
  .flaticon-hospital-phone:before { content: "\f106"; }
  .flaticon-time:before { content: "\f107"; }

  body{
    font-family: 'Roboto', sans-serif;
    position: relative;
    left: 0;
    background: #e8e8e8;
    -webkit-overflow-scrolling: touch;
  }

  html, body{
    margin: 0;
    padding: 0;
    background-color: #fff;
  }

  html, body, #pageWrapper{
    height: 100%;
  }

  #pageWrapper{
    width: 100%;
    min-height: 100%;
    height: auto !important;
    //margin-bottom: -252px;
    overflow-x: hidden;

    .ghostFooter{
      height: 252px;
    }//.ghostFooter
  }//#pageWrapper

  .container{
    //max-width: 1060px !important;
    //min-width: 1060px !important;
    position: relative;
  }

  a{
    &:hover{
      text-decoration: none;
    }
  }

  /*  ---------------------------- HEADER ALANI  ---------------------------- */

    #headerTop{
      width: 100%;
      background-color: #e4194a;
      color: #fff;
      font-size: 15px;
      font-weight: 400;

      a{
        color: #fff;
        padding: 8px 5px;
        display: inline-block;
        i{
          margin-right: 5px;
        }
      }

      .social{
        position: relative;
        margin: 0;
        float: right;
        top: 3px;

        ul{
          text-align: center;

          li{
            display: block;
            float: left;


            a.soc{
              width: 30px;
              height: 30px;
              line-height: 30px;
              display: block;
              text-align: center;
              border-radius: 15px;
              margin-left: 5px;
              font-size: 16px;
              padding: 0px;
              .anim();
              i{
                margin: 0;
              }
            }// a.soc
          }// li
        }

        a.facebook{
          &:hover{
            background-color: #3B5998;
            i{color: #fff;}
          }
        }

        a.twitter{
          &:hover{
            background-color: #55acee;
            i{color: #fff;}
          }
        }

        a.google-plus{
          &:hover{
            background-color: #d1402e;
            i{color: #fff;}
          }
        }

        a.youtube{
          &:hover{
            background-color: #CC181E;
            i{color: #fff;}
          }
        }

        a.linkedin{
          &:hover{
            background-color: #0077b5;
            i{color: #fff;}
          }
        }// a.linkedin

        a.instagram{
          &:hover{
            background-color: #A57D60;
            i{color: #fff;}
          }
        }// a.instagram

        a.linkedin{
          &:hover{
            background-color: #0077b5;
            i{color: #fff;}
          }
        }// a.linkedin

        a.pinterest{
          &:hover{
            background-color: #bd081b;
            i{color: #fff;}
          }
        }// a.pinterest
      }// .social

    }//#headerTop

    header{
      width: 100%;
      height: auto;
      z-index: 99;
      position: relative;
      left: 0;
      top: 0;
      background-color: #fff;
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
      .anim();

      &.affix{
        position: fixed;
      }

      .logo{
        width: 150px;
        display: block;
        margin: 5px 0;
        position: relative;
        z-index: 1;
      }

      #menu{
        position: relative;
        float: right;
        ul{
          width: 100%;
          list-style: none;
          margin: 0;
          padding: 0;

          >li{
            display: block;
            float: left;
            list-style: none;
            margin: 0;
            padding: 0;
            position: relative;

            &:hover{
              >a{
                text-decoration: none;
                color: #e4194a;
              }
              ul{
                display: block;
              }
            }

            >a{
              color: @tCBlack;
              display: block;
              padding: 27px 14px;
              font-size: 14px;
              font-weight: 700;
              text-transform: uppercase;
              letter-spacing: 1px;
              text-align: center;
              position: relative;
              .anim();
            }// a

            >ul{
              width: 250px;
              height: auto;
              display: none;
              position: absolute;
              top: 76px;
              left: 0;
              padding: 10px 0;
              background-color: #fff;
              border-top: 2px solid #e4194a;
              box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
              overflow: hidden;
              >li{
                width: 100%;
                margin: 0 auto;
                border: none;
                >a{
                  font-weight: 400;
                  text-align: left;
                  color: @tCBlack;
                  font-size: 14px;
                  padding: 7px 20px;
                  text-transform: capitalize;
                  text-align: start;
                  border-radius: 0 !important;
                  &:hover{
                    color: #e4194a !important;
                  }//&:hover
                }// a
              }//li
            }
          }// >li

          >li.active{
            >a{
              color: #e4194a;
              text-decoration: none;
            }
          }

        }// >ul
      }//#menu

    }// header

    #quickTool{
      width: 60px;
      height: 60px;
      line-height: 60px;
      text-align: center;
      border-radius: 100%;
      position: fixed;
      left: 20px;
      bottom: 20px;
      z-index: 99;
      cursor: pointer;
      .anim();

      >a{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 5;
        display: block;
      }

      .icon{
        content: '';
        position: absolute;
        width: 85%;
        height: 85%;
        left: 15%;
        top: 10%;
        z-index: 1;
        color: #25D366;
        -webkit-animation-name: tada;
        -webkit-animation-timing-function: linear;
        -webkit-animation-duration: 1.25s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-fill-mode: forwads;
        -webkit-animation-direction: alternate;
      }

      .circle{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        overflow: hidden;
        border-radius: 50%;

        &:after{
          z-index: 0;
          content: '';
          position: absolute;
          background-color: #1dbecf;
          width: 100%;
          height: 100%;
          left: 0;
          bottom: -100%;
          border-radius: 50%;
          .anim(0.6s);
        }
      }

      &:hover{
        .wrp{display: block;}
        .circle{
          &:after{
            bottom: 0;
          }
        }
      }

      >div.wrp{
        position: absolute;
        left: 4px;
        top: -265px;
        height: 300px;
        width: 300px;
        display: none;

        a{
          width: 40px;
          height: 40px;
          line-height: 40px;
          border-radius: 100%;
          position: absolute;
          left: 30px;
          transform: translateX(-50%);

          &:before{
            width: 100%;
            height: 100%;
            left: -1px;
            top: 0;
            z-index: -1;
            content: "";
            position: absolute;
            border-radius: 100%;
            .anim();
          }

          i{
            color: #fff;
            line-height: 40px;
            font-size: 14px;
          }

          span{
            position: absolute;
            top: 50%;
            left: 0px;
            display: none;
            background-color: rgba(0, 0, 0, 0.8);
            transform: translateY(-50%);
            min-width: 240px;
            width: auto;
            text-align: left;
            padding-left: 49px;
            color: #fff;
            z-index: -2;
            border-radius: 20px;
            display: block;
            .anim();
          }

          &:nth-child(1){
            bottom: 50px;
            &:before{background-color: #00BCD4;}
            &:hover{
              &:before{background-color: darken(#00BCD4, 5%);}
              span{background-color: #00BCD4;}
            }
          }
          &:nth-child(2){
            bottom: ~"calc(50px*2)";
            &:before{background-color: #E91E63;}
            &:hover{
              &:before{background-color: darken(#E91E63, 5%);}
              span{background-color: #E91E63;}
            }
          }
          &:nth-child(3){
            bottom: ~"calc(50px*3)";
            &:before{background-color: #795548;}
            &:hover{
              &:before{background-color: darken(#795548, 5%);}
              span{background-color: #795548;}
            }
          }
          &:nth-child(4){
            bottom: ~"calc(50px*4)";
            &:before{background-color: #4CAF50;}
            &:hover{
              &:before{background-color: darken(#4CAF50, 5%);}
              span{background-color: #4CAF50;}
            }
          }

          &:nth-child(5){
            bottom: ~"calc(50px*5)";
            &:before{background-color: #1A535C;}
            &:hover{
              &:before{background-color: darken(#1A535C, 5%);}
              span{background-color: #1A535C;}
            }
          }

          &:nth-child(6){
            bottom: ~"calc(50px*6)";
            &:before{background-color: #3f51b5;}
            &:hover{
              &:before{background-color: darken(#3f51b5, 5%);}
              span{background-color: #3f51b5;}
            }
          }

        }
      }

      >div.text{
        position: absolute;
        left: -6px;
        top: -4px;
        height: 70px;
        z-index: 0;
        width: 225px;
        padding: 8px 0px 5px 77px;
        opacity: 0.8;
        .anim();

        >a{
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          display: block;
        }

        .bg{
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          z-index: -1;
          background: #fff;
          border-radius: 30px;
          box-shadow: 0px 0px 22px -6px #000;
        }

        &:hover{opacity: 1;}

        >span{
          display: block;
          line-height: 100%;
          margin: 0;
          padding: 0;
          text-align: left;
          font-size: 13px;
          &.whatsapp{
            text-transform: uppercase;
            font-weight: 700;
            margin: 6px 0;
            letter-spacing: 4px;
          }
        }

      }
    }

    #sticky-wrapper{
      position: fixed;
      top: 50%;
      right: 0;
      z-index: 102;
      width: 98px;
      align-items: center;
      //pointer-events: none;
      display: block;
      transform: translateY(-50%);
      .box{
        position: relative;
        width: 100%;
        min-height: inherit;
        .links {
          display: flex;
          flex-direction: column;
          justify-content: center;
          padding: 3px 12px;
          min-height: 98px;
          background-color: #f49c00;
          color: #fff;
          text-decoration: none;
          text-align: center;
          font-size: 11px;
          line-height: 14px;
          text-transform: uppercase;
          transition: background-color 0.3s;
          i{
            font-size: 38px;
            line-height: 1.3em;
          }
        }
        &:nth-child(1) > .links { background-color: #e4194a; }
        &:nth-child(2) > .links { background-color: lighten(#e4194a, 10%);; }
        &:nth-child(3) > .links { background-color: lighten(#e4194a, 20%);; }
        &:nth-child(4) > .links { background-color: lighten(#e4194a, 30%);; }
        &:nth-child(2) > .link-drop { padding: 0; }
        .link-drop {
          visibility: hidden;
          opacity: 0;
          position: absolute;
          background-color: #f5f5f5;
          color: #424242;
          padding: 30px;
          top: 100%;
          left: 0;
          width: 390px;
          max-width: 100vw;
          transform: translateY(-20px);
          z-index: -1;
          transition: opacity 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
          pointer-events: none;
          text-align: left;
          text-transform: none;
          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
        }
        .link-drop {
          left: -390px !important;
          top: 0;
          right: auto !important;
          transform: translateY(20px);
          #map{
            margin: 0;
          }
          .link-drop-title {
            text-transform: none;
            margin-bottom: 18px;
            i{
              position: relative;
              top: 9px;
              font-size: 37px;
              line-height: 0em;
              color: #e4194a;
              padding-right: 10px;
            }
          }
          p {
            font-size: 15px;
            line-height: 24px;
            margin-bottom: 15px;
            font-weight: 400;
            &:last-child{
              margin-bottom: 0;
            }
          }
          ul {
            margin: 0;
            padding: 0;
            list-style: none;
            font-size: 16px;
            line-height: 24px;
            li {
              padding-left: 24px;
              position: relative;
              margin-bottom: 10px;
              i {
                color: #e4194a;
                position: absolute;
                left: 0;
                top: 3px;
                font-size: 17px;
              }
              .phone {
                font-size: 24px;
                line-height: 30px;
                font-weight: 500;
                color: #424242;
                position: relative;
                top: -2px;
                a{
                  color: inherit;
                }
              }
              a {
                color: #787878;
              }
            }
          }
          .btn{
            padding: 11px 21px;
            font-size: 15px;
            line-height: 19px;
            font-weight: 500;
            border-radius: 20px;
            text-transform: none;
            color: #e4194a;
            border: 1px solid #e4194a;
            letter-spacing: .05em;
            transition: 0.3s;
            &:hover{
              color: #fff;
              background-color: #e4194a;
            }
          }
          table {
            width: 100%;
            font-size: 15px;
            line-height: 23px;
            font-weight: 400;
            color: #787878;
            border: none;
            margin: 0;
            tr{
              background-color: transparent;
              &:not(:last-child) {
                border-bottom: 1px solid #dedede;
              }
              td {
                border: none;
                padding: 5px 0;
                i {
                  color: #787878;
                  font-style: normal;
                }
                &:last-child {
                  text-align: right;
                  color: #444;
                  padding-right: 5px;
                  padding-left: 5px;
                }
              }
            }
          }
          &:hover{
            visibility: visible;
            opacity: 1;
            z-index: 1;
            transform: translateY(0%) !important;
            transition-delay: 0s, 0s, 0s, 0.3s;
            pointer-events: auto;
          }
        }
        &:nth-last-child(2), &:nth-last-child(1){
          .link-drop{
            bottom: 0;
            top: auto;
            transform: translateY(-20px);
          }
        }
        &:hover{
          .link-drop{
            visibility: visible;
            opacity: 1;
            z-index: 1;
            transform: translateY(0%) !important;
            transition-delay: 0s, 0s, 0s, 0.3s;
            pointer-events: auto;
          }
        }
      }
    }

    .contact-overlay {
      z-index: 99;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(14, 14, 14, 0.9);
      display: none;
    }

    #request-form{
      z-index: 100;
      height: 50px;
      width: 70px;
      background: #fff;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      overflow: hidden;
      border-radius: 50%;
      box-shadow: 0 10px 40px rgba(22, 20, 19, 0.2);
      transform: translateY(-70vh);
      -webkit-transform: translateY(-70vh);
      -moz-transform: translateY(-70vh);
      transition: 0.3s all ease-out 0.1s, transform 0.2s ease-in;
      -webkit-transition: 0.3s all ease-out 0.1s, transform 0.2s ease-in;
      -moz-transition: 0.3s all ease-out 0.1s, transform 0.2s ease-in;
      &.active{
        border-radius: 10px;
        height: max-content;
        width: 400px;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        >div {
          opacity: 1;
          transform: scale(1);
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          transition: 0.2s all ease-out 0.2s;
          -webkit-transition: 0.2s all ease-out 0.2s;
          -moz-transition: 0.2s all ease-out 0.2s;
        }
      }
      >div{
        width: 100%;
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transition: 0.2s all ease-out 0s;
        -webkit-transition: 0.2s all ease-out 0s;
        -moz-transition: 0.2s all ease-out 0s;
      }
      form{
        width: 320px;
        height: max-content;
        position: relative;
        margin: 25px auto;
        h3{
          color: #e4194a;
          font-size: 36px;
          font-weight: 600;
          margin-bottom: 10px;
          text-align: center;
        }
      }
    }

  /*  ---------------------------- HEADER ALANI  ---------------------------- */



  /*  ----------------------------  ANASAYFA  ---------------------------- */

    #sliderWrapper{
      width: 100%;
      margin: 0 auto 0;
      position: relative;
      overflow: hidden;
      z-index: 1;

      a.specialLink{
        font-size: 18px !important;
        line-height: 25px !important;
        padding: 15px 38px !important;
        font-family: 'Roboto', sans-serif;
        border: 2px solid #fff;
        color: #fff;
        border-radius: 30px;
        font-weight: 800;
        overflow: hidden;
        .anim(0.4s);
        i{
          color: #fff;
          position: relative;
          display: inline-block;
          top: 0;
          font-size: 14px;
          transition: 0.3s;
        }
        [class*='fa']:first-child{
          transform: translateX(-55px);
          opacity: 0;
          width: 0;
        }
        [class*='fa']:last-child{
          padding-left: 10px;
        }
        &:hover{
          [class*='fa']:first-child {
            width: auto;
            padding-right: 10px;
            transform: translateX(0);
            opacity: 1;
          }
          [class*='fa']:last-child {
            width: 0;
            padding-left: 0;
            transform: translateX(55px);
            opacity: 0;
          }
        }
      }

      .tp-leftarrow {
        bottom: 0 !important;
        top: auto !important;
        right: 50px !important;
        left: auto !important;
      }
      .tp-rightarrow {
        bottom: 0 !important;
        top: auto !important;
        right: 0 !important;
        left: auto !important;
      }

      .tp-leftarrow, .tp-rightarrow{
        height: 50px !important;
        width: 50px !important;
        &:after{
          height: 50px !important;
          width: 50px !important;
          line-height: 50px !important;
          font-size: 20px !important;
        }
        &:hover{ &:after{background-color: #e4194a !important;color: #fff;}}
      }


      /* Caption Override */
      .tp-caption.large_text, .tp-caption.very_large_text{
        text-shadow: none;
        font-weight: 300;
      }

      .tp-arr-imgholder{
        display: none !important;
      }

      .tparrows.preview2:after, .tparrows.preview2:before{
        margin-top: -15px;
      }

      .tp-bannertimer{display: none !important;}

      .sTitle{
        font-family: 'Roboto', sans-serif;
        max-width: 88% !important;
        white-space: initial;
        font-size: 40px !important;
        line-height: 65px !important;
        font-weight: 700 !important;
        color: rgb(68, 72, 103);
        line-height: 0.9em;
        text-transform: uppercase;
        letter-spacing: 2px !important;
        &.text-right{
          text-align: right !important;
        }
        &.text-center{
          margin: 0 auto !important;
          text-align: center !important;
        }
        &.white{
          color: #fff !important;
        }
      }

      .detailText{
        font-family: 'Roboto', sans-serif;
        position: relative;
        //overflow: hidden;
        color: #fff;
        font-weight: 400;
        font-size: 16px !important;
        line-height: 26px !important;
        text-overflow: initial !important;
        letter-spacing: 0.5px !important;
        max-width: 57% !important;
        white-space: pre-line;
        &.white{
        }
        &.black{
          color: rgba(68, 72, 103, 0.75);
        }
        &.text-center{
          margin: 0 auto !important;
        }
      }


      .bg{
        width: 60%;
        height: 140px;
        position: absolute;
        left: -4%;
        top: 50%;
        background-color: fade(#000, 50%);
        transform: translateY(-50%) skew(-35deg);
        z-index: 3;
      }

      .fullscreenvideo:before{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        background-color: rgba(14,25,53,1);
        opacity: 0.4;
        content: "";
      }
    }//#sliderWrapper

    .section-title{
      text-align: center;
      width: 45%;
      margin: 0 auto;
      h6{
        line-height: 1.5;
        position: relative;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        font-style: normal;
        letter-spacing: 1.4px;
        color: #e4194a;
        span {
          position: relative;
          &:before, &:after{
            content: '';
            position: absolute;
            width: 37px;
            height: 2px;
            top: 0.55em;
            background: -webkit-linear-gradient(left, #e4194a 0%, #f5a1b5 100%);
            background: -o-linear-gradient(left, #e4194a 0%, #f5a1b5 100%);
            background: linear-gradient(to right, #e4194a 0%, #f5a1b5 100%);
          }
          &:before{
            left: -55px;
          }
          &:after{
            right: -55px;
          }
        }
      }
      h2{
        font-family: 'Domine', sans-serif;
        font-size: 45px;
        font-weight: 700;
        letter-spacing: -0.5px;
        line-height: 1.2em;
        color: #272e4a;
        margin-top: 1rem;
      }
    }

    #services{
      background: transparent url(../img/background-5.jpg) 0% 0%/cover no-repeat scroll;
      padding: 80px 0;
      .section-title{
        margin-bottom: 40px;
      }
      .inner{
        .img{
          width: 100%;
          height: 250px;
          position: relative;
          overflow: hidden;
          display: block;
          div.image{
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
            .anim();
          }

          .mask {
            content: ' ';
            position: absolute;
            z-index: 10;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            opacity: 0;
            pointer-events: none;
            background-color: rgba(39,46,74,0.7);
            -webkit-transition: all ease .5s;
            -ms-transition: all ease .5s;
            transition: all ease .5s;
          }

          .icons{
            position: absolute;
            z-index: 11;
            left: 50%;
            top: 50%;
            opacity: 0;
            transform: translate(-50%, -50%);
            color: #fff;
            font-size: 35px;
            background: rgb(240, 115, 145);
            padding: 5px 15px;
            .anim();
            &:hover{
              background: rgb(228, 25, 74);
            }
          }

          &:hover{
            .mask, .icons{
              opacity: 1;
            }
          }//&:hover
        }//.img
        .text{
          position: relative;
          padding: 15px;
          h3{
            margin-bottom: 5px;
            a{
              font-family: 'Alegreya', sans-serif;
              text-align: center;
              font-size: 25px;
              display: block;
              height: 38px;
              margin-bottom: 10px;
              line-height: 38px;
              overflow: hidden;
              color: #272e4a;
              .anim();
            }
          }

          p{
            line-height: 25px;
            margin-top: 0.35em;
            font-size: 15px;
            width: 100%;
            height: 68px;
            color: #7b829c;
            overflow: hidden;
            text-align: center;
          }
          .button{
            color: #e4194a;
            font-size: 26px;
            padding: 0;
            width: 53px;
            height: 53px;
            line-height: 53px;
            overflow: hidden;
            border-radius: 50% !important;
            text-align: center;
            position: relative;
            z-index: 1;
            display: block;
            margin: 0 auto;
            margin-top: 20px;
            .gradiant();
            span{
              left: 1px;
              z-index: 4;
              position: relative;
              display: block;
            }
            &:after {
              background: #ffffff;
              position: absolute;
              left: 2px;
              top: 2px;
              bottom: 2px;
              right: 2px;
              border-radius: 50%;
              content: '';
              transition: all ease 0.3s;
              opacity: 1;
              z-index: -1;
            }
            &:hover{
              color: #fff;
              &:after{
                background-color: #e4194a;
              }
            }
          }
        }//.text
      }
      .owl-dots{
        position: absolute;
        bottom: -30px;
        text-align: center;
        width: 100%;
        .owl-dot{
          width: 23px;
          height: 4px;
          margin: 0 9px;
          background-color: #e4f2fd;
          display: inline-block;
          &.active{
            background-color: #e4194a;
          }
        }
      }
    }//#services

    #contactBlock{
      background-image: url('../img/abortion_bg.jpg');
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      padding: 120px 0;
      .section-title{
        width: 100%;
        h6{
          color: #fff;
          margin-bottom: 25px;
          span{
            &:before, &:after{
              background: #fff;
            }
          }
        }
        h2{
          color: #fff;
          margin-bottom: 25px;
        }
        p{
          font-size: 15px;
          line-height: 30px;
          color: rgba(255, 255, 255, 0.8);
        }
        a.links{
          -webkit-border-radius: 35px;
          -ms-border-radius: 35px;
          border-radius: 35px;
          padding: 10px 35px;
          text-align: center;
          display: inline-block;
          border: 2px solid #fff;
          color: #fff;
          margin-top: 20px;
          overflow: hidden;
          .anim();
          i{
            color: #fff;
            position: relative;
            display: inline-block;
            top: 0;
            font-size: 14px;
            transition: 0.3s;
          }
          [class*='fa']:first-child{
            transform: translateX(-55px);
            opacity: 0;
            width: 0;
          }
          [class*='fa']:last-child{
            padding-left: 10px;
          }
          &:hover{
            [class*='fa']:first-child {
              width: auto;
              padding-right: 10px;
              transform: translateX(0);
              opacity: 1;
            }
            [class*='fa']:last-child {
              width: 0;
              padding-left: 0;
              transform: translateX(55px);
              opacity: 0;
            }
          }
        }
      }
    }

    #kurumsal{
      padding: 100px 0;
      position: relative;
      .image{
        width: 95%;
        height: 100%;
        background-size: cover;
        background-position: center center;
      }
      .content{
        h2{
          margin-bottom: 25px;
        }
        .text{
          line-height: 31px;
          color: #7b7b7b;
          p{
            font-weight: 400;
            margin-bottom: 10px;
          }
        }
        a.links{
          -webkit-border-radius: 35px;
          -ms-border-radius: 35px;
          border-radius: 35px;
          padding: 10px 35px;
          text-align: center;
          display: inline-block;
          border: 2px solid #e4194a;
          color: #e4194a;
          margin-top: 20px;
          .anim();
          &:hover{
            color: #fff;
            background-color: #e4194a;
          }
        }
      }
      .box{
        padding: 15px 0 0;
        text-align: center;
        h4{
          color: #3f444a;
          font-weight: 700;
          font-size: 18px;
        }
        p{
          color: #676767;
          font-weight: 400;
          font-size: 15px;
          margin-top: 15px;
        }
      }
      .border-top{
        border-top: 1px solid #ebebeb !important;
        padding-top: 50px;
        margin: 50px 0 0 !important;
      }
      .contact_block{
        border-top: 1px solid #ebebeb;
        padding-top: 40px;
        margin-top: 50px;
        i{
          float: left;
          display: block;
          font-size: 55px;
          width: 55px;
          margin-right: 20px;
        }
        h2{
          font-family: 'Domine', sans-serif;
          display: inline-flex;
          font-weight: 700;
          font-size: 31px;
          color: #272e4a;
          width: 75%;
        }
        p{
          font-size: 17px;
          font-weight: 500;
          line-height: 26px;
          color: #7b829c;
          width: 93%;
          margin: 0 auto;
        }
        a.links{
          -webkit-border-radius: 35px;
          -ms-border-radius: 35px;
          border-radius: 35px;
          padding: 10px 35px;
          text-align: center;
          display: inline-block;
          border: 2px solid #232323;
          color: #232323;
          margin-top: 20px;
          .anim();
          &:hover{
            color: #fff;
            background-color: #232323;
          }
        }
      }
    }

    #testimonials{
      background: #f7f7f5;
      .reviews-wrap{
        padding: 65px 70px 65px 42px;
        .title-wrap{
          margin-bottom: 20px;
          position: relative;
          &:before {
            content: '„';
            position: absolute;
            right: 0;
            top: -180px;
            font-size: 520px;
            font-weight: 400;
            font-family: "Poppins", serif;
            color: #fff;
            z-index: 0;
            display: block;
            height: 50px;
            vertical-align: text-top;
            line-height: 0px;
          }
          .h-sub {
            margin-bottom: 17px;
            font-size: 17px;
            line-height: 1.2em;
            font-weight: 700;
            letter-spacing: 1px;
            font-family: 'Domine';
            text-transform: uppercase;
            position: relative;
          }
          h2{
            font-size: 36px;
            color: #444;
            line-height: 1em;
            margin-bottom: 10px;
            font-weight: 600;
            position: relative;
          }
        }
        .item{
          .review-text {
            max-height: 81px;
            overflow: hidden;
            font-size: 16px;
            line-height: 27px;
            font-weight: 400;
            color: #787878;
            text-align: right;
            margin: 25px 0;
          }
          .review-test{
            margin-top: 10px;
            text-align: right;
            font-weight: 400;
          }
          .review-author{
            color: #787878;
            font-size: 16px;
            line-height: 27px;
          }
          .review-author-position {
            padding: 0 1px;
            font-style: italic;
            color: #49b0c1;
          }
        }
        .owl-nav{
          position: absolute;
          bottom: -65px;
          right: 0;
          .owl-prev, .owl-next{
            font-size: 0;
            line-height: 0;
            width: 45px;
            height: 45px;
            padding: 0;
            cursor: pointer;
            color: #49b0c1;
            outline: none;
            background-color: transparent;
            z-index: 99;
            text-align: center;
            transition: 0.2s;
            border-radius: 50%;
            border: 2px solid #dedede;
            display: inline-block !important;
            margin: 85px 0 0 6px;
            &:before{
              cursor: pointer;
              font: normal normal normal 22px FontAwesome;
              display: block;
              line-height: 40px;
            }
          }
          .owl-prev{
            &:before{
              content: "\f104";
            }
          }
          .owl-next{
            &:before{
              content: "\f105";
            }
          }
        }
      }
      .reviews-author-carousel {
        display: flex;
        height: 100%;
        > div {
          display: flex;
          position: relative;
          text-align: right;
          height: 100%;
          .img-after{
            img {
              display: block;
              margin-top: 35px;
              max-width: 86%;
              margin: 25px auto 0;
            }
          }
        }
      }
    }

    #haberler{
      padding: 60px 0;
      position: relative;
      .section-title{
        margin-bottom: 60px;
      }
      .butonlar{
        margin-top: 25px;
        display: block;
        text-align: center;
      }
      .detayli{
        border-radius: 25px;
        padding: 15px 25px;
        background-color: #e4194a;
        box-shadow: 0px 8px 16px 0px rgba(225, 36, 84, 0.2);
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        color: #fff;
        letter-spacing: 2px;
        line-height: 100%;
        display: inline-block;
        .anim();
        &:hover{
          box-shadow: 0px 8px 16px 0px rgba(27, 120, 187, 0.3);
          background-color: #272e4a;
        }
      }
    }

  /*  ----------------------------  ANASAYFA  ---------------------------- */



  /*  ----------------------------  İÇ SAYFALAR  ---------------------------- */

    #subPageBanner{
      width: 100%;
      position: relative;
      top: 0;
      left: 0;
      background-size: cover;
      background-position: center center;
      overflow: hidden;
      z-index: 1;
      margin-bottom: 40px;
      background-color: #e4eaf7;
      text-align: center;
      background-blend-mode: exclusion;
      background-color: #06163a;
      &:before {
        background-color: rgba(6, 22, 58, 0.06);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        content: '';
      }

      .item{
        width: 100%;
        display: block;

        .tableWrapper{
          width: 100%;
          height: 220px;
          display: table;
          position: relative;

          >div{
            width: 100%;
            display: table-cell;
            vertical-align: middle;
          }
        }//.tableWrapper
      }//.item

      h3{
        font-size: 45px;
        color: #fff;
        font-weight: 500;
        text-align: center;
        font-family: 'Domine', sans-serif;
        text-transform: uppercase;
      }
      #gtBreadCrumb{
        padding-left: 0;
        ol{
          display: block;
          text-align: center;
          li{
            display: inline-block;
            a{
              color: #fff;
            }
          }
          li+li:before{
            content: '/';
            display: inline-block;
            margin: 0 7px;
            color: #fff;
          }
        }
      }

    }//#subPageBanner

    #gtBreadCrumb{
      width: 100%;
      overflow: hidden;
      position: relative;
      z-index: 2;
      border-bottom: none;
      padding-left: 5px;
      margin-top: 10px;

      ol{
        margin-bottom: 0;
        background-color: transparent;
        padding: 0;
        text-align: left;

        li{
          &:first-child{
            img{
              width: 60px;
              position: relative;
              top: -1px;
            }
          }
          a{
            color: #fff;
            font-size: 16px;
          }// a
        }// li

        li.active, li:last-child a{
          font-weight: 400;
        }// li.active

      }// ol

    }// #gtBreadCrumb

    #leftNav{
      box-shadow: 0 4px 40px #e8e8e8;
      position: relative;
      margin-bottom: 50px;
      ul{
        li{
          width: 100%;
          cursor: pointer;
          border-right: 4px solid transparent;
          line-height: 1;
          border-bottom: 1px solid #f1f1f1;
          font-size: 16px;
          background: #fff;
          .anim();
          a{
            color: #6d7a8c;
            font-weight: 400;
            letter-spacing: 1px;
            padding: 18px 15px;
            display: block;
          }
          &.active, &:hover{
            border-right-color: #e4194a;
            background: #ecf1f8;
            a{
              color: #e4194a;
            }
          }
        }
      }
    }//#leftNav

    .contact-info{
      border: 1px solid #ececec;
      padding: 30px 15px 30px 90px;
      margin-bottom: 35px;
      display: block;
      position: relative;
      font-family: 'Poppins', sans-serif;
      span{
        background: #ecf1f8;
        position: absolute;
        display: block;
        width: 70px;
        height: 70px;
        border-radius: 100%;
        font-size: 30px;
        line-height: 70px;
        text-align: center;
        left: 10px;
        top: 20px;
        color: #e4194a;
        margin-bottom: 32px;
      }
      h4 a{
        display: block;
        color: #130947;
        margin-bottom: 7px;
        font-size: 17px;
        font-weight: 500;
        &:hover{
          color: #130947;
        }
      }
      .service-content {
        margin-bottom: 0;
        p {
          color: #6d7a8c;
          font-size: 15px;
          margin: 0;
        }
      }
    }

    .list{
      width: 100%;
      position: relative;
      overflow: hidden;
      z-index: 2;
      &.hizmetler{
        .inner{
          .img{
            width: 100%;
            height: 250px;
            position: relative;
            overflow: hidden;
            display: block;
            div.image{
              width: 100%;
              height: 100%;
              position: absolute;
              left: 0;
              top: 0;
              background-size: cover;
              background-repeat: no-repeat;
              background-position: center center;
              .anim();
            }

            .mask {
              content: ' ';
              position: absolute;
              z-index: 100;
              left: 0;
              top: 0;
              right: 0;
              bottom: 0;
              opacity: 0;
              pointer-events: none;
              background-color: rgba(39,46,74,0.7);
              -webkit-transition: all ease .5s;
              -ms-transition: all ease .5s;
              transition: all ease .5s;
            }

            .icons{
              position: absolute;
              z-index: 102;
              left: 50%;
              top: 50%;
              opacity: 0;
              transform: translate(-50%, -50%);
              color: #fff;
              font-size: 35px;
              background: rgb(240, 115, 145);
              padding: 5px 15px;
              .anim();
              &:hover{
                background: rgb(228, 25, 74);
              }
            }

            &:hover{
              .mask, .icons{
                opacity: 1;
              }
            }//&:hover
          }//.img
          .text{
            position: relative;
            padding: 15px;
            h3{
              margin-bottom: 5px;
              a{
                font-family: 'Alegreya', sans-serif;
                text-align: center;
                font-size: 25px;
                display: block;
                height: 38px;
                margin-bottom: 10px;
                line-height: 38px;
                overflow: hidden;
                color: #272e4a;
                .anim();
              }
            }

            p{
              line-height: 25px;
              margin-top: 0.35em;
              font-size: 15px;
              width: 100%;
              height: 68px;
              color: #7b829c;
              overflow: hidden;
              text-align: center;
            }
            .button{
              color: #e4194a;
              font-size: 26px;
              padding: 0;
              width: 53px;
              height: 53px;
              line-height: 53px;
              overflow: hidden;
              border-radius: 50% !important;
              text-align: center;
              position: relative;
              z-index: 1;
              display: block;
              margin: 0 auto;
              margin-top: 20px;
              .gradiant();
              span{
                left: 1px;
                z-index: 4;
                position: relative;
                display: block;
              }
              &:after {
                background: #ffffff;
                position: absolute;
                left: 2px;
                top: 2px;
                bottom: 2px;
                right: 2px;
                border-radius: 50%;
                content: '';
                transition: all ease 0.3s;
                opacity: 1;
                z-index: -1;
              }
              &:hover{
                color: #fff;
                &:after{
                  background-color: #e4194a;
                }
              }
            }
          }//.text
        }
      }
      &.galeri{
        .itemBg{
          .img{
            height: 500px;
            .caption{
              position: absolute;
              left: 0;
              width: 100%;
              bottom: 0;
              text-align: center;
              opacity: 0;
              z-index: 3;
              background: -moz-linear-gradient(bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
              background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
              background: linear-gradient(to top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
              color: #fff;
              padding: 15px 0;
              .anim();
            }
          }
          &:hover{
            .img{
              .caption{
                opacity: 1;
              }
            }
          }
        }
      }
      &.teams{
        margin-top: 50px;
        h4{
          font-size: 35px;
          display: block;
          text-align: center;
          font-weight: 500;
          margin-bottom: 30px;
        }
        .item{
          padding: 0 10px;
          display: block;
          margin-bottom: 35px;
          position: relative;
          .image{
            height: 300px;
            background-size: cover;
          }
          .content{
            margin-top: -59px;
            padding: 0 25px;
            .content-inner{
              position: relative;
              z-index: 1;
              text-align: center;
              padding: 33px 30px;
              &:before {
                content: '';
                height: 100%;
                top: 0;
                position: absolute;
                right: 0;
                left: 0;
                background-color: #fff;
                z-index: -1;
                -webkit-transform: skewY(4deg);
                -khtml-transform: skewY(4deg);
                -moz-transform: skewY(4deg);
                -ms-transform: skewY(4deg);
                -o-transform: skewY(4deg);
                transform: skewY(4deg);
                -webkit-box-shadow: 0 14px 28px rgba(190, 190, 190, 0.2);
                -khtml-box-shadow: 0 14px 28px rgba(190, 190, 190, 0.2);
                -moz-box-shadow: 0 14px 28px rgba(190, 190, 190, 0.2);
                -ms-box-shadow: 0 14px 28px rgba(190, 190, 190, 0.2);
                -o-box-shadow: 0 14px 28px rgba(190, 190, 190, 0.2);
                box-shadow: 0 14px 28px rgba(190, 190, 190, 0.2);
              }
              h3{
                margin-bottom: 15px;
                color: #070a22;
                font-size: 26px;
                margin-bottom: 7px;
              }
              .content-position {
                font-size: 14px;
                text-transform: uppercase;
                letter-spacing: 0.2em;
                color: #ff8a8b;
                font-weight: 500;
              }
            }
          }
        }
      }
      &.kurumsalPage{
        overflow: visible;
        .box{
          position: relative;
          //height: 480px;
          height: 300px;
          background-size: cover;
          background-position: center;
          overflow: hidden;
          margin-top: 15px;
          margin-bottom: 30px;
          transform: translateY(0);
          -webkit-transform: translateY(0);
          box-shadow: 0 0 0 rgba(0, 0, 0, .26);
          -webkit-transition: .3s ease transform, .3s ease box-shadow;
          transition: .3s ease transform, .3s ease box-shadow;
          .text{
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 25px;
            background: hsla(0, 0%, 0%, 0.5);
            z-index: 2;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.39) 40%, rgba(0, 0, 0, 0.68) 70%, rgba(0, 0, 0, 0.92));
            h3 {
              font-size: 24px;
              color: #fff;
              margin-top: 0;
              margin-bottom: 8px;
              a{
                color: inherit;
              }
            }
            p {
              margin-bottom: 0;
              font-size: 12px;
              color: hsla(0, 0%, 100%, 0.85);
              font-weight: 300;
              text-transform: uppercase;
            }
          }
          .links {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            -webkit-transition: .3s ease opacity;
            transition: .3s ease opacity;
            background: linear-gradient(40deg, hsla(222, 81%, 13%, 0.5882352941176471) 0%, hsla(19, 100%, 54%, 0.7686274509803922) 100%);
            z-index: 1;
            i {
              position: absolute;
              top: 50%;
              left: 50%;
              width: 70px;
              height: 70px;
              z-index: 2;
              border-radius: 50%;
              line-height: 70px;
              font-size: 16px;
              color: #ff5e14;
              background: #fff;
              text-align: center;
              transform: translate(-50%, -80%);
              opacity: 0;
              transition: .4s ease transform, .4s ease opacity;
            }
          }
          &:hover{
            -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
            box-shadow: 0 30px 30px rgba(0, 0, 0, .26);
            .links{
              opacity: 1;
              i {
                transition-delay: .3s;
                transform: translate(-50%, -50%);
                opacity: 1;
              }
            }
          }
        }
      }
      &.haberler{
        overflow: visible;
        .blog{
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          margin: 0 18px 35px;
          .img{
            a {
              display: block;
              position: relative;
              height: 200px;
              .bg{
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                background-size: cover;
                background-position: center center;
              }
              img{
                max-height: 200px;
              }
              .blog_overlay {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 0;
                background: hsla(222, 81%, 13%, 0.74);
                transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
                -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
                i {
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  width: 50px;
                  height: 50px;
                  z-index: 2;
                  border-radius: 50%;
                  line-height: 50px;
                  font-size: 10px;
                  text-align: center;
                  transform: translate(-50%, -80%);
                  opacity: 0;
                  transition: .4s ease transform, .4s ease opacity;
                  background: #ff5e14;
                  color: #fff;
                }
              }
            }
          }
          .text{
            background: #fff;
            padding: 10px 25px 25px;
            box-shadow: 0 2px 40px 0 hsla(0,0%,0%,0.06);
            -webkit-box-shadow: 0 2px 40px 0 hsla(0,0%,0%,0.06);
            -o-box-shadow: 0 2px 40px 0 hsla(0,0%,0%,0.06);
            -ms-box-shadow: 0 2px 40px 0 hsla(0,0%,0%,0.06);
            h2 {
              color: #06163a;
              font-weight: 400;
              line-height: 1.2;
              font-size: 24px;
              margin-bottom: 7px;
              height: 56px;
              overflow: hidden;
              position: relative;
              span{
                max-height: 58px;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                position: absolute;
                overflow: hidden;
                display: block;
              }
              a {
                color: inherit;
              }
            }
            p{
              font-size: 14px;
              color: #7f7f8a;
              font-weight: 400;
              height: 77px;
              overflow: hidden;
              display: block;
              line-height: 27px;
            }
            .btn{
              display: inline-block;
              margin-top: 15px;
              padding: 11px 21px;
              font-size: 15px;
              line-height: 19px;
              font-weight: 500;
              border-radius: 20px;
              text-transform: none;
              color: #e4194a;
              border: 1px solid #e4194a;
              overflow: hidden;
              //box-shadow: inset 0 0 0 1px #49b0c1;
              [class*='fa']{
                position: relative;
                display: inline-block;
                line-height: 19px;
                font-size: 12px;
                .anim();
                &:first-child {
                  transform: translateX(-55px);
                  opacity: 0;
                  width: 0;
                }
                &:last-child {
                  padding-left: 10px;
                }
              }
              &:hover{
                [class*='fa']{
                  &:first-child{
                    transform: translateX(-5px);
                    opacity: 1;
                  }
                  &:last-child {
                    transform: translateX(55px);
                  }
                }
              }
            }
          }
          &:hover{
            .blog_overlay {
              height: 100%;
              i {
                transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                opacity: 1;
              }
            }
          }
          &.blog_page{
            margin: 0 0 35px;
            .img{
              a{
                height: 225px;
              }
            }
          }
        }
      }
      .itemBg{
        width: 100%;

        .img{
          width: 100%;
          height: 250px;
          position: relative;
          z-index: 1;
          overflow: hidden;
          .anim();
          a{
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
            background-color: fade(#fff, 20%);
            cursor: pointer;
            z-index: 1;
            .anim(0.4s);
          }


        }//.img

        a.go{
          width: 100%;
          padding: 10px;
          font-size: 19px;
          height: auto;
          max-height: 65px;
          font-weight: 600;
          z-index: 2;
          left: 0;
          bottom: 0;
          color: #333;
          border: none;
          text-align: left;
          background-color: transparent;
          overflow: hidden;
          position: absolute;
          left: 0;
          bottom: 0;
          .anim();
        }

        &:hover{
          a.go{
            max-height: initial;
            background-color: transparent;
            text-decoration: none;
            .anim();
          }
        }

        a.link{
          z-index: 6;
        }

        /*
          <div class="itemBg">
            <div class="img">
              <a href="#link" class="lazy" data-src="#imageurl" alt="#text" title="#text"></a>
            </div>
            <a href="#link" class="go" alt="#text" title="#text"><span>#text</span></a>
          </div>
        */
      }// .itemBg

      .itemVertical{
        display: block;
        text-align: center;
        position: relative;
        box-shadow: none;

        .imgMiddle{
          width: 100%;
          height: 250px;
          display: table;
          position: relative;
          overflow: hidden;

          div{
            width: 100%;
            height: 100%;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            margin: 10px 0;
            img{
              max-width: 90%;
              max-height: 170px;
              width: auto;
              display: inline-block;
              margin: 0 auto;
            }
          }// div

        }//.imgMiddle

        a.go{
         display: block;
         padding: 0px 10px;
         color: @tCBlack;
         text-align: center;
         box-sizing: border-box;
         border-top: 1px solid #f8f8f8;
         height: 60px;
         overflow: hidden;
         .anim();
         >span{
           max-height: 46px;
           overflow: hidden;
           height: auto;
           display: inline-block;
           line-height: 135% !important;
           font-weight: 700;
           font-size: 17px;
           position: relative;
           top: 50%;
           transform: translateY(-50%);
         }
        }// a.go

        &:hover{
          box-shadow: 10px 0px 22px -18px #000, -10px 0px 22px -18px #000, 0px 10px 22px -18px #000;
        }

        /*
          <div class="itemVertical">
            <div class="imgMiddle">
              <a href="#link" class="link"></a>
              <div>
                <img data-src="#imageurl" alt="#text" title="#text" class="lazy">
              </div>
            </div><!-- .imgMiddle -->
            <a href="#link" class="go"><span>#text</span></a>
          </div><!-- .itemVertical -->
        */

      }//.itemVertical

      .itemBg, .itemVertical{
        margin-bottom: 20px;
        display: block;
        background-color: #fff;
        position: relative;
      }

      &[data-select="gallery"]{
        .itemBg .img:before{
          display: none;
        }
      }

    }//.list

    #templateWrapper{
      h4{
        margin-top: 10px;
        color: #4b4b52;
        font-weight: 600;
        margin-bottom: 13px;
        letter-spacing: 1px;
      }
      h3{
        margin: 0 0 20px;
        font-weight: 500;
        letter-spacing: 1px;
        font-size: 35px;
        color: #06163a;
      }
      .certifica{
        img{
          max-width: 160px;
          display: inline-block;
          margin-right: 10px;
          max-height: 70px;
          margin-top: 30px;
        }
      }
      p, ul{
        font-size: 16px;
        line-height: 30px;
        color: #4b4b52;
        font-weight: 400;
        a{
          color: #ee3364;
          text-decoration: none;
        }
      }
      .gt--Area.gt-GrayBg {
        background-color: #f9f9f9;
      }
      .gt--Media{
        width: 90%;
      }
      .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        &:first-child{
          padding-right: 20px;
        }
      }
      .gt--Area{
        padding: 30px 0;
        &:first-child{
          //padding-top: 0;
        }
        .bg {
          width: 100%;
          height: 90%;
          position: absolute;
          left: 0;
          top: 5%;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover;
        }
      }
    }

    #testimonials_page{
      padding: 60px 0;
      .section-title{
        margin-bottom: 50px;
      }
      .testimonial-wrap {
        margin: 25px 15px 35px;
        .testimonial {
          color: #787878;
          position: relative;
          padding: 45px 50px 40px;
          box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
          &:before {
            position: absolute;
            top: 100%;
            left: 32px;
            visibility: visible;
            width: 0;
            height: 0;
            content: '';
            border-style: solid;
            border: 0 solid transparent;
            border-left-width: 0px;
            border-right-width: 64px;
            border-top: 30px solid #fff;
            -webkit-filter: drop-shadow(0 12px 10px rgba(0, 0, 0, 0.1));
            filter: drop-shadow(0 12px 10px rgba(0, 0, 0, 0.1));
          }
          > * {
            margin-bottom: 0;
          }
          > *:not(:first-child) {
            margin-top: 20px;
          }
          .testimonial-photo {
            display: inline-block;
            position: relative;
            background-color: #fff;
            border-radius: 50%;
            img {
              width: 85px;
              height: 85px;
              display: inline-block;
              border-radius: 50%;
              z-index: 1;
              overflow: hidden;
            }
          }
          .testimonial-title {
            font-size: 20px;
            line-height: 32px;
            font-weight: 600;
            color: #444;
          }
          .testimonial-photo + .testimonial-title {
            margin-top: 20px;
          }
          .testimonial-text{
            p {
              font-weight: 400;
              font-size: 15px;
              line-height: 24px;
              margin: 0;
            }
          }
          .testimonial-author{
            .testimonial-name {
              color: #787878;
              font-size: 16px;
              line-height: 1em;
              font-weight: 400;
            }
            .testimonial-position {
              font-size: 16px;
              line-height: 1em;
              font-weight: 400;
              font-style: italic;
              color: #e4194a;
            }
          }
          &.bg-1{
            background: #f07391;
            color: #fff;
            box-shadow: none;
            &:before {
              border-top-color: #f07391;
              -webkit-filter: none;
              filter: none;
            }
            .testimonial-author{
              .testimonial-name {
                color: #fff;
              }
            }
          }
          &.bg-2{
            background: #f6f7f9;
            box-shadow: none;
            &:before {
              border-top-color: #f6f7f9;
              -webkit-filter: none;
              filter: none;
            }
          }
        }
      }
    }

    #rightArea{
      position: relative;
      overflow: hidden;
      z-index: 2;
      margin-bottom: 10px;
      padding-left: 35px;
      &.doktor{
        h4{
          margin-top: 10px;
          font-size: 15px;
        }
      }
      &.contactPage{
        h1, h2{
          margin-top: 14px;
          font-weight: 500;
          font-size: 30px;
          color: #444;
        }
        h1{
          margin-bottom: 20px;
        }
        .cnt{
          color: #7f7f8a;
          i{
            width: 50px;
            text-align: center;
            font-size: 20px;
            margin-right: 10px;
            color: #e4194a;
          }
          a{
            text-decoration: none;
            color: inherit;
          }
        }
        .social{
          width: 100%;
          margin-top: 25px;

          ul{
            width: 100%;

            li{
              display: inline-block;
              float: none;
              a{
                color: #06163a;
                display: inline-block;
                width: 40px;
                height: 40px;
                border-radius: 4px;
                line-height: 39px;
                border: 2px solid rgba(40, 40, 40, 0.17);
                text-align: center;
                font-size: 12px;
                margin-right: 10px;
                margin-top: 5px;
                i{
                  margin: 0;
                  font-size: 15px !important;
                  padding: 0;
                }
              }
            }
          }

          a.facebook{
            &:hover{
              background-color: darken(#3B5998, 10%);
              i{color: #fff;}
            }
          }

          a.twitter{
            color: #55acee;
            &:hover{
              background-color: darken(#55acee, 10%);
              i{color: #fff;}
            }
          }

          a.google-plus{
            color: #d1402e;
            &:hover{
              background-color: darken(#d1402e, 10%);
              i{color: #fff;}
            }
          }

          a.youtube{
            color: #CC181E;
            &:hover{
              background-color: darken(#CC181E, 10%);
              i{color: #fff;}
            }
          }

          a.instagram{
            color: #A57D60;
            &:hover{
              background-color: darken(#A57D60, 20%);
              i{color: #fff;}
            }
          }// a.instagram

          a.linkedin{
            color: #0077b5;
            &:hover{
              background-color: darken(#0077b5, 20%);
              i{color: #fff;}
            }
          }// a.linkedin

          a.pinterest{
            color: #bd081b;
            &:hover{
              background-color: darken(#bd081b, 20%);
              i{color: #fff;}
            }
          }// a.pinterest

        }//.social
      }
      .slide{
        border-radius: @tBR;
        overflow: hidden;
      }//.slide

      #contact-infos{
        margin-top: 50px;
        position: relative;
        >div:first-child .contact-info{
          margin-right: 30px;
        }
        .contact-info{
          padding-left: 12rem;
          .anim();
          &:hover{
            span{
              background-color: #130947;
              color: #fff;
            }
          }
          span{
            left: 2rem;
            .anim();
          }
          h4{
            margin-bottom: 1rem;
            font-size: 1.8rem;
            font-weight: 500;
            .anim();
          }
          &.active{
            padding-bottom: 5rem;
            border-bottom: none;
            background: #fff;
            margin-bottom: -1px;
          }
        }
        #JQ-PageForm{
          display: none;
          border: 1px solid #ececec;
          padding: 2rem 2rem;
          form{
            input, textarea{
              border: 1px solid #f1f1f1;
              height: auto;
              padding: 15px 20px;
            }
            button{
              width: auto;
              display: block;
              margin-top: 15px;
              height: auto;
              padding: 15px 20px;
              font-size: 16px;
              .anim();
              &:hover, &:focus{
                outline: none;

              }
            }
          }
        }
      }


      .table-responsive{
        text-align: center;
        table thead{font-weight: 600;}
      }//.table-responsive

      h1{
        font-size: 2.4rem;
        margin-top: 14px;
        margin-bottom: 20px;
        color: #2d2c54;
        font-family: Poppins,"Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight: 500;
      }

      .cnt{
        //color: rgb(109, 122, 140);
        color: #4f5358;
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 33px;
        p{
          font-weight: 400;
          line-height: inherit;
        }
        ul, ul li{
          color: #4f5358;
          font-size: 16px;
          font-weight: 400;
          line-height: 33px;
        }
        img.business{
          margin-left: 10px;
          margin-top: 10px;
        }
      }//.cnt

      .cnt.contactPage{
        margin-top: 0;
        h1{
          margin-bottom: 25px;
        }
        a i{
          width: 15px;
          margin-right: 10px;
          font-size: 21px !important;
          color: #2d2c54;
        }
        p{
          margin-bottom: 15px;
          a{
            color: #717171;
            text-decoration: none;
            padding-left: 5px;
            &:hover{
              color: @tCBlue;
            }
          }
        }
      }// .cnt.contactPage

    }//#rightArea

    #ohter{
      margin-top: 75px;
      margin-bottom: 15px;
      h6{
        margin: 0 0 15px 0;
        font-weight: 700;
        font-size: 22px;
        color: #515050;
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 6px;
        font-weight: 300;
      }
      .list{
        margin: 0;
        overflow: initial;

        .itemBg, .itemVertical{
          box-shadow: 0px 4px 22px -12px #000;
          .img{height: 200px;}
        }
      }

      .owl-dots{
        bottom: -20px;
      }
    }//#ohter

    .file{
      margin: 10px 0;
      font-size: 17px;

      .item{
        padding: 3px 5px;
        display: block;
        float: none;
        width: 100%;
        overflow: hidden;
        height: auto;
        font-size: 15px;
        border-bottom: 1px solid @tCBlue;
        margin-bottom: 5px;
        .anim();

        span{
          float: left;
          color: black;
          padding: 2px 5px;
          text-transform: capitalize;
        }

        a{
          float: right;
          margin-right: 5px;
          border: 1px solid transparent;
          background: #fff;
          padding: 1px 5px;
          color: @tCBlue;
          .anim();
          &:hover{
            color: #fff;
            border: 1px solid #ddd;
            background-color: @tCBlue;
          }//&:hover
        }// a
      }//.item
    }//.file

    #itemSlider ,#movArea{
      width: 100%;
      margin-bottom: 10px;
      position: relative;

      .crsl{
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 0 auto;
      }

      .imgMiddle{
        width: 100%;
        height: 450px;
        padding: 10px 0;
        display: table;
        position: relative;
        overflow: hidden;

        div{
          width: 100%;
          height: 100%;
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          img{
            max-width: 90%;
            max-height: 420px;
            width: auto;
            display: inline-block;
            margin: 0 auto;
          }
        }
      }//.imgMiddle

      .iframe{
        width: 100%;
        height: 380px;
        display: block;
        padding: 3px;
        background-color: #fff;
        >iframe{
          width: 100%;
          height: 100%;
        }
      }// iframe


      a.prev, a.next{
        width: 60px;
        height: 60px;
        text-align: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-family: FontAwesome;
        z-index: 10;
        .anim();
        &:hover{
          &:before{color: @tCBlue;}
        }
      }

      a.prev{
        left: -100px;
        &:before{
          width: 80%;
          height: 80%;
          position: absolute;
          content: "";
          border-left: 1px solid #000;
          border-top: 1px solid #000;
          transform: rotateZ(-45deg);
          top: 6px;
        }
      }

      a.next{
        right: -80px;
        &:before{
          width: 80%;
          height: 80%;
          position: absolute;
          content: "";
          border-right: 1px solid #000;
          border-top: 1px solid #000;
          transform: rotateZ(45deg);
          top: 6px;
          right: 20px;
        }
      }

      a.createFancy{
        overflow: hidden;
      }

      .owl-dots{
        bottom: 0;
      }

      &:hover{
        border-color: @tCBlack;
      }
    }

    #movArea{
      overflow: initial;
      .crsl{overflow: initial}
      .owl-dots{
        bottom: -30px;
      }
    }

    #movAreaThumbnail, #itemSliderThumbnail{
      height: auto;
      padding: 10px;
      border-radius: 0;
      position: relative;
      margin-bottom: 5px;

      img{
        cursor: pointer;
        border-radius: 0;
        display: inline-block;
      }

      .noCrsl, .crsl{
        text-align: center;
        .item{
          width: 150px;
          height: 150px;
          display: inline-block;
          margin: 0 10px;
          border: 1px solid #ddd;
          &:hover, &.active{border-color: @tCBlack;}

          .imgMiddle{
            width: 100%;
            height: 150px;
            display: table;
            position: relative;
            overflow: hidden;

            div{
              width: 100%;
              height: 100%;
              display: table-cell;
              vertical-align: middle;
              text-align: center;
              img{
                max-width: 90%;
                max-height: 130px;
                width: auto;
                display: inline-block;
                margin: 0 auto;
              }
            }
          }//.imgMiddle

        }
      }//.noCrsl

      .crsl{
        width: 90%;
        margin: 0 auto;

        .item{
          width: 99%;
          margin: 0;
          height: auto;
        }
      }//.crsl

      img:hover, img.active{
        border-color: @tCBlue;
      }

      .owl-dots{
        width: 100%;
        position: absolute;
        bottom: -20px;
        text-align: center;
        .owl-dot{
          display: inline-block;
          margin-left: 5px;
          span{
            border-radius: 0;
            background-color: #fff;
          }
        }// .owl-dots
        .owl-dot.active{
          span{
          }
        }// .owl-dot.active
      }// .owl-dots

    }// #movAreaThumbnail, #itemSliderThumbnail

    #itemSliderThumbnail.noProduct .item{
      padding: 5px;
    }
  /*  ----------------------------  İÇ SAYFALAR  ---------------------------- */



  /*  ----------------------------  FOOTER ALANI  ---------------------------- */

    footer{
      width: 100%;
      left: 0;
      bottom: 0;
      z-index: 1;
      font-size: 15px;
      position: relative;
      overflow: hidden;
      background: #272e4a;
      color: #fff;
      padding: 20px 0;
      .container >div{
        padding-left: 15px;
        padding-right: 15px;
      }
      .footer-top{
        border-bottom: 1px solid #3e4561;
        padding: 0 0 20px;
        margin-bottom: 15px;
      }
      .social{
        display: block;
        float: right;
        ul{
          li{
            margin-left: 10px;
            display: inline-block;
            float: none !important;
            width: auto;
            border: none;
            a{
              display: block;
              border-radius: 100%;
              background: #3f4aa9;
              width: 48px;
              height: 48px;
              color: #fff;
              text-align: center;
              line-height: 48px;
              font-size: 19px;
              .anim();
              &:hover{
                background-color: #fff;
              }
            }
          }
        }
        a.facebook{
          &:hover{
            color: #3B5998;
          }
        }

        a.twitter{
          &:hover{
            color: #55acee;
          }
        }

        a.google-plus{
          &:hover{
            color: #d1402e;
          }
        }

        a.youtube{
          &:hover{
            color: #CC181E;
          }
        }

        a.instagram{
          &:hover{
            color: #A57D60;
          }
        }// a.instagram
      }//.social
      .logo{
        display: block;
        float: left;
        padding-top: 5px;
        img{
          width: 200px;
        }
        a{
          font-family: 'Domine', sans-serif;
          color: #fff;
          font-size: 25px;
        }
      }

      h3{
        font-size: 20px;
        text-transform: capitalize;
        margin: 20px 0;
        display: block;
        padding: 0px;
        font-weight: 600;
        color: #fff;
        font-family: 'Domine', sans-serif;
        a{
          font-size: inherit;
          font-weight: inherit;
          margin: 0;
          padding: 0;
          display: block;
          color: inherit;
          &:hover{
            color: #fff;
          }
        }
      }

      ul.footer_list{
        &.kur{
          li{
            overflow: hidden;
            width: 100%;
          }
        }
        li{
          display: inline-block;
          width: 45%;
          float: left;
          list-style: none;
          position: relative;
          padding-left: 15px;
          height: 45px;
          line-height: 45px;
          overflow: hidden;
          margin-right: 15px;
          &:before {
            content: "\f105";
            font-family: FontAwesome;
            position: absolute;
            left: 0;
            top: 0;
            line-height: 45px;
            color: #ceced0;
          }
          &:nth-child(1n+11){
            display: none;
          }
          a{
            font-size: 14px;
            color: #fff;
            text-decoration: none;
            position: relative;
            &:before{
              content: '';
              width: 0;
              height: 2px;
              bottom: -5px;
              left: 0;
              background-color: #fff;
              position: absolute;
              .anim();
            }
            &:hover{
              &:before{
                width: 100%;
              }
            }
          }
        }
      }

      .contact{
        width: 90%;
        float: right;
        p{
          margin-bottom: 10px;
        }
        h3{
          a{
            color: #fff;
          }
        }
        a{
          color: #fff;
          line-height: 30px;
          i {
            color: #ceced0;
            font-size: 18px;
            padding-left: 2px;
            margin-right: 11px;
            margin-bottom: 5px;
            width: 25px;
            text-align: center;
          }
        }
      }

      .bottom{
        margin-top: 30px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background: #29335a;
        padding: 15px 0;
        a,p{
          font-size: 15px;
          font-weight: 300;
          display: block;
        }
        a{
          margin-left: 10px;
          color: #fff;
          font-size: 13px;
          .anim();
          &:hover{
            color: #fff;
          }
        }
      }//.bottom

      a:hover{
        color: #fff;
        text-decoration: none;
      }

    }// footer

  /*  ----------------------------  FOOTER ALANI  ---------------------------- */



  /*  ----------------------------  ORTAK KULLANIM ALANLARI  ---------------------------- */

    #searchArea{
      width: 100%;
      height: 100%;
      position: fixed;
      left: 0;
      top: 0;
      display: none;
      background-color: fade(#000, 85%);
      z-index: 1000;

      .middle{
        max-width: 1000px;
        width: 100%;
        height: auto;
        overflow: hidden;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
      }

      form{
        border-bottom: 1px solid #fff;
        overflow: hidden;
        width: 95%;
        margin-left: 2.5%;
        padding-top: 55px;
        .anim();

        &:hover{
          border-bottom: 1px solid @tCBlue;
        }

        input, button{
          display: block;
          float: left;
          border: none;
          outline: none;
          background-color: transparent;
        }

        input{
          width: ~"calc(100% - 100px)";
          display: block;
          float: left;
          font-size: 40px;
          color: @tCBlack;
          font-weight: 300;
          padding: 0 20px;
          font-weight: 300;
          .placeholder(#fff);
          color: #fff;
        }

        button, a.cls{
          width: 40px;
          display: block;
          text-align: center;
          font-size: 35px;
          float: right;
        }

        button{
          color: #fff;
          &:hover{
            .anim();
            color: @tCBlue;
          }
        }// button

        a.cls{
          color: #fff;
          margin-right: 10px;
          .anim();

          &:hover{
            color: @tCBlue;
          }
        }// a.cls

      }
    }// #searchArea

    #popupFormWrapper{
      width: 450px;
      max-width:100%;

      h3{
        font-size: 24px;
        font-weight: 700;
        text-transform: uppercase;
      }

      form{
        border-radius: 0;
        margin: 0 0 15px 0;

        button[type=submit]{
          width: 100%;
          padding: 12px 0;
          background: red;
          color: #fff;
          border: none;
          background-color: @tCBlue;

          &:hover{
            background-color: darken(@tCBlue, 10%);
          }
        }
      }
    }//#popupFormWrapper

    a#jq-BackToTop{
      font-size: 25px;
      display: block;
      position: fixed;
      bottom: 30px;
      right: -60px;
      background: #f07391;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      color: #fff;
      z-index: 1000;
      border-radius: 50%;
      .anim();
      i{position: relative;top: 0;}
      &:hover{
        background-color: #e4194a;
      }
    }

    #map{
      width: 100%;
      height: 300px;
      display: block;
      position: relative;
      z-index: 1;
      background-color: #ddd;
      margin-bottom: 20px;

      #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
      }

      #disabledScroll{
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 2;
        left: 0;
        top: 0;
      }

      a.map{
        text-decoration: none;
      }

    }//#map

    form.vContact{
      margin: 0 0 25px;
      text-align: center;

      label.error{
        color: red;
        font-size: 12px;
        margin: 0;
        font-weight: 500;
      }

      span.exp{
        display: block;
        float: left;
      }

      .wrp{
        margin-top: 15px;
        position: relative;

        &.phoneInputWrapper{

          .intl-tel-input.separate-dial-code .selected-dial-code{
            padding-left: 12px;
          }


          .intl-tel-input{
            width: 100%;

            .selected-flag{
              background-color: transparent;
            }

            .country-list{
              max-width: 360px;
              overflow-x: hidden;
              overflow-y: scroll;
            }
          }

          input[type='text'][data-type='phone']{
            width: 100%;
            border-radius: 0;
            outline: none;
            border: none;
            box-shadow: none;
            border: 2px solid #ededed;
            font-size: 16px;
            font-weight: 400;
            border-radius: 0;
            color: #5c5c5c;
            height: 50px;
          }

          label.response{
            width: 30px;
            position: absolute;
            right: 10px;
            top: 50%;
            opacity: 1;
            transform: translateY(-50%);
            >span{display: none;}

            .path {
              stroke-dasharray: 1000;
              stroke-dashoffset: 0;
              &.circle {
                -webkit-animation: dash .9s ease-in-out;
                animation: dash .9s ease-in-out;
              }
              &.line {
                stroke-dashoffset: 1000;
                -webkit-animation: dash .9s .35s ease-in-out forwards;
                animation: dash .9s .35s ease-in-out forwards;
              }
              &.check {
                stroke-dashoffset: -100;
                -webkit-animation: dash-check .9s .35s ease-in-out forwards;
                animation: dash-check .9s .35s ease-in-out forwards;
              }
            }
          }

          &[data-msg="success"]{
            input[type="text"]{border-color: #4caf50;}
            label.response span.valid{display: block;}
          }

          &[data-msg="error"]{
            input[type="text"]{
              border-color: #f44336;
            }
          }

          &[data-msg="errorFocusOut"]{
            input[type="text"]{border-color: #f44336;}
            label.response span.invalid{display: block;}
          }

        }
      }

      input[type='text']:not([data-type='phone']),
      input[type='password'],
      input[type='email'],
      select,
      textarea{
        width: 100%;
        border-radius: 0;
        outline: none;
        border: none;
        box-shadow: none;
        border: 2px solid #ededed;
        font-size: 16px;
        font-weight: 400;
        border-radius: 0;
        color: #5c5c5c;
        height: 50px;
        .placeholder(#5c5c5c);

        &~label.response{
          width: 30px;
          position: absolute;
          right: 10px;
          top: 50%;
          opacity: 1;
          transform: translateY(-50%);
          >span{display: none;}

          .path {
            stroke-dasharray: 1000;
            stroke-dashoffset: 0;
            &.circle {
              -webkit-animation: dash .9s ease-in-out;
              animation: dash .9s ease-in-out;
            }
            &.line {
              stroke-dashoffset: 1000;
              -webkit-animation: dash .9s .35s ease-in-out forwards;
              animation: dash .9s .35s ease-in-out forwards;
            }
            &.check {
              stroke-dashoffset: -100;
              -webkit-animation: dash-check .9s .35s ease-in-out forwards;
              animation: dash-check .9s .35s ease-in-out forwards;
            }
          }
        }

        &:focus, &:invalid:focus:placeholder-shown{
          border-color: @tCBlue;
          box-shadow: none;
        }

        &:valid:placeholder-shown{
          border-color: #ccc;
        }

        &:valid:focus:not(:placeholder-shown){
          border-color: #4caf50;
          &~label.response span.valid{display: block;}
        }

        &:invalid:not(:focus):not(:placeholder-shown), &:invalid:focus:not(:placeholder-shown){
          border-color: #f44336;
        }

        &:invalid:not(:focus):not(:placeholder-shown){
          &~label.response span.invalid{display: block;}
        }
      }

      textarea{
        height: 150px;
        &~label.response{
          //height: ~"calc(100% - 10px)";
          right: 10px;
          top: 25px;
        }
      }

      label.error{
        display: none !important;
        color: @tCRed;
        font-weight: 500;
        font-size: 13px;
      }


      img{
        display: block;
        margin: 0 auto;
      }

    }// form

    form button[type="submit"]{
      padding: 9px 45px;
      font-weight: 600;
      color: #fff;
      background-color: #e4194a;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      text-align: center;
      position: relative;
      display: inline-block;
      margin-top: 20px;
      border: none;
      box-shadow: none;
      cursor: pointer;
      .anim();
      span{
        position: relative;
        z-index: 2;
        font-size: 14px;
        line-height: 27px;
        display: inline-block;
      }
      &:hover, &:focus{
        background-color: darken( #e4194a, 10%);
        outline: none;
        text-decoration: none;
        &:after{
          height: 100%;
        }
      }
      span{display: none;}

      &[data-process="default"]{
        pointer-events: initial !important;
        span.default{display: block;}
      }
      &[data-process="sending"]{
        background-color: #89593a !important;
        span.sending{display: block;color: #fff;i{color: #fff !important;}}
      }
      &[data-process="sending-true"]{
        background-color: #4CB944 !important;
        span.sending-true{display: block;color: #fff;i{color: #fff !important;}}
      }
      &[data-process="sending-false"]{
        background-color: #FF4242 !important;
        span.sending-false{display: block;color: #fff;i{color: #fff !important;}}
      }
      &[data-process="sending-error"]{
        background-color: #FF4242 !important;
        span.sending-error{display: block;color: #fff;i{color: #fff !important;}}
      }
    }

    .owlDots{

      .owl-dots{
        width: 100%;
        position: absolute;
        bottom: 0;
        text-align: center;
        .owl-dot{
          display: inline-block;
          margin-left: 8px;
          span{
            width: 10px;
            height: 10px;
            display: block;
            background-color: #808080;
            border-radius: 100%;
            transform: scale(1);
          }
        }// .owl-dots
        .owl-dot.active{
          span{
            background-color: @tCBlue;
            transform: scale(1.2);
          }
        }// .owl-dot.active
      }// .owl-dots

    }// owlDots

    a.link{
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      display: block;
    }

    .vC{
      display: block;
      margin-left: auto;
      margin-right: auto;
    }

    .crsl{
      .item, img, a, p{
        transform-style: preserve-3d;
        backface-visibility: hidden;
      }
    }

    .pr{
      position: relative;
    }

    ul, ul li, h1, h2, h3, h4, h5, p{
      margin: 0;
      padding: 0;
      list-style-type: none;
    }

    #shareArea{
      width: 100%;
      display: block;
      z-index: 5;
      position: relative;
      text-align: left;
      margin-top: 7px;
      margin-bottom: 10px;

      .typ{
        display: inline-block;
        position: relative;

        a{
          float: none;
          display: inline-block;
          position: relative;
          font-size: 17px;
          font-weight: 700;
          margin-left: 0px;
          color: #fff;
          padding: 5px 10px;
          border-radius: 5px;
          .anim();

          &:hover{
            text-decoration: none;
            background-color: @tCBlue;
            color: #fff;
          }
        }
      }

    }

    b, strong{
      font-weight: 700 !important;
    }

    a:focus, a:visited, a:active{
      border: none;
      text-decoration: none;
      outline: none;
    }

    .anim{.anim()}

    .clearfix{
      clear: both;
      height: 0;
    }

    a#jq-BackToTop i.active{
      -webkit-animation-name: jump;
      -webkit-animation-timing-function: linear;
      -webkit-animation-duration: .4s;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-fill-mode: forwads;
      -webkit-animation-direction: alternate;
    }

    @-webkit-keyframes jump{
      from {
        top: -3px;
      }

      to {
        top: 3px;
      }
    }

    @-webkit-keyframes dash {0% {stroke-dashoffset: 1000;}100% {stroke-dashoffset: 0;}}
    @-webkit-keyframes dash-check {0% { stroke-dashoffset: -100;}100% {stroke-dashoffset: 900;}}

    #vStartAdminMenu{
      position:fixed;
      bottom: -43px;
      left: 50%;
      transform: translateX(-50%);
      height:auto;
      line-height:32px;
      z-index: 9999;
      color:#fff;
      padding-left:15px;
      padding-right:15px;
      text-align: center;
      font-family: 'Arial';
      .anim();

      &:hover{
        bottom: 0;
        >span{background-color: fade(#000, 85%);}
      }

      >span{
        display: inline-block;
        font-weight: 700;
        background-color: fade(#000, 70%);
        padding: 5px 40px 0 40px;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
      }

      .btnWrapper{
        display: block;
        background-color: fade(#000, 85%);
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        padding: 0px 9px;
        overflow: hidden;

        a{
          display: block;
          float: left;
          padding: 10px 20px 1px 20px;
          color: #fff;
          font-size: 13px;
          font-weight: 300;
          i{padding-right: 3px;}
          &:hover{
            text-decoration: none;
            text-shadow: 0px 0px 8px #fff;
          }
        }
      }
    }
  /*  ----------------------------  ORTAK KULLANIM ALANLARI  ---------------------------- */


  /*  ----------------------------  KULLANICI ERİŞİ  ---------------------------- */

    #userOperations{
      width: 100%;
      height: 100%;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 1000;

      #processing, #response{
        width: 100%;
        height: 100%;
        background-color: fade(#fff, 65%);
        position: absolute;
        left: 0;
        top: 0;
        display: none;
        z-index: 10;

        .cnt{
          width: 90%;
          text-align: center;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translateX(-50%) translateY(-50%);

          i{font-size: 100px;}

          .success, .error{
            display: none;

            span{
              display: block;
              transform: scale(0.6);
            }

            .path {
              stroke-dasharray: 1000;
              stroke-dashoffset: 0;
              &.circle {
                -webkit-animation: dash .9s ease-in-out;
                animation: dash .9s ease-in-out;
              }
              &.line {
                stroke-dashoffset: 1000;
                -webkit-animation: dash .9s .35s ease-in-out forwards;
                animation: dash .9s .35s ease-in-out forwards;
              }
              &.check {
                stroke-dashoffset: -100;
                -webkit-animation: dash-check .9s .35s ease-in-out forwards;
                animation: dash-check .9s .35s ease-in-out forwards;
              }
            }

            p.msg{
              position: absolute;
              width: 100%;
              font-size: 15px;
              opacity: 1;
              background: #4caf50;
              color: #fff;
              padding: 10px;
              top: 320px;
              text-align: justify;
              border-radius: 10px;
              &.s{background: #4caf50;}
              &.e{background: #f44336;}
            }

          }//.success, .error
        }
      }

      a.closeThis{
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        background-color: #333;
        color: #fff;
        .anim();
        &:hover{
          background-color: @tCRed;
        }
      }

      .bg{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        background-size: cover;
        background-position: center center;

        &:before{
          width: 100%;
          height: 100%;
          background: url('../img/pattern.png') 0 0 repeat;
          position: absolute;
          z-index: 2;
          content: "";
          left: 0;
          top: 0;
        }

        &:after{
          width: 100%;
          height: 100%;
          background-size: cover;
          position: absolute;
          z-index: 1;
          content: "";
          background: #000;
          opacity: 0.3;
          left: 0;
          top: 0;
        }

      }

      .middle{
        width: 400px;
        min-height: 400px;
        height: auto;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        position: absolute;
        z-index: 1;
        background-color: #fff;
        padding: 40px 20px;
        overflow: hidden;
        .anim();

        h4{
          text-transform: uppercase;
          text-align: center;
          display: block;
          font-weight: 700;
          padding-bottom: 10px;
          font-size: 23px;
          color: #333333;
        }

        .tabTitle{
          width: 100%;
          height: auto;
          overflow: hidden;
          text-align: center;
          margin: 15px 0 35px 0;

          a{
            display: inline-block;
            margin: 0px 5px;
            padding: 7px 25px;
            border-bottom: 1px solid #ddd;
            font-size: 16px;
            position: relative;
            z-index: 4;
            color: @tCBlack;

            &:hover{
              border-color: fade(@tCRed, 95%);
              text-decoration: none;
            }

            &.active{
              border-color: fade(@tCRed, 95%);
              font-weight: 700;
            }
          }
        }

        .tabContent{
          width: 100%;

          >div:not(:first-child){
            display: none;
          }
        }//.tabContent


      }

      form{

        .tW{
          width: 100%;
          overflow-y: auto;
          overflow-x: hidden;
          height: auto;
          max-height: 300px;
          padding: 0 10px;

          &::-webkit-scrollbar {
            background-color: fade(@tCBlack, 80%);
          }
          &::-webkit-scrollbar {
            width: 5px;
            height: 8px;
            background-color: #ddd;
          }
          &::-webkit-scrollbar-thumb {
            background: @tCBlack;
          }
        }//.tW

        .wrp{
          width: 100%;
          height: 40px;
          position: relative;
          margin: 15px 0;

          &.true{
            label.exp{bottom: 32px;font-size: 12px;}
            input:focus, textarea:focus{
              border-color: #333;
              &+label.exp{color: #333;}
            }
          }

          input, textarea{
            display: block;
            border: none;
            outline: none;
            border-bottom: 1px solid #9e9e9e;
            padding: 10px 3px;
            width: 100%;
            font-size: 15px;
            color: #000;
            background-color: transparent;
          }

          textarea{
            resize: vertical;
          }

          label.exp{
            position: absolute;
            left: 3px;
            bottom: 5px;
            font-size: 16px;
            color: #9e9e9e;
            font-weight: 400;
            z-index: -1;
            .anim(0.1s);
          }

          label[generated="true"]{
            color: red;
            font-size: 12px;
            font-weight: 600;
          }

          button[type="submit"]{
            width: 100%;
            padding: 10px 0;
            text-align: center;
            border: 1px solid #333;
            font-size: 15px;
            font-weight: 700;
            color: #333;
            background: transparent;
            text-transform: uppercase;
            margin-top: 15px;
            .anim();

            &:hover{
              border-color: #333;
              color: #fff;
              background-color: #333;
            }
          }
        }// .wrp

      }
    }

    .contact-close{
      display: none;
    }

  /*  ----------------------------  KULLANICI ERİŞİ  ---------------------------- */


  /*  ----------------------------  @ MEDİA SADECE MASAÜSTÜ MIN 992 ---------------------------- */

    @media only screen and (min-width: 992px){
      .container{
        position: relative;
        padding-right: 7px;
        padding-left: 7px;
      }

      .row{
        margin: 0 -7px;
      }

      .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
        padding-right: 7px;
        padding-left: 7px;
      }
      #sliderWrapper .tp-caption[data-visibility="mobil"] {
        display: none !important;
      }
    }// @media only screen and (min-width: 992){ÜSTÜ MIN 992  ---------------------------- */


  /*  ----------------------------  @ MEDİA TELEFON VE MOBİL 0 - 992  ---------------------------- */

    @media only screen and (min-width: 0) and (max-width: 992px)  {
      .contact-overlay{
        z-index: 100;
      }
      .contact-close{
        position: relative;
        display: block;
        /* margin: 15px 0; */
        text-align: center;
        z-index: 101;
        color: #232323;
        float: right;
        font-size: 25px;
        line-height: 37px;
      }
      #request-form{
        form{
          width: 285px;
          h3{
            text-align: left;
            font-size: 30px;
          }
          .wrp{
            margin-top: 5px;
          }
          textarea{
            height: 100px;
          }
        }
        &.active{
          width: 330px;
        }
      }

      #rightArea{
        padding-left: 0;
      }

      .ghostMobilFooter{
        display: block !important;
      }

      .section-title{
        width: 90%;
      }

      #kurumsal{
        padding: 40px 0;
        text-align: center;
        .image{
          width: 100%;
          height: 200px;
          margin-bottom: 25px;
        }
      }

      #testimonials{
        .reviews-wrap {
          padding: 55px 25px 55px 25px;
          .item{
            .review-text{
              text-align: center;
            }
          }
        }
      }

      #leftNav{
        box-shadow: none;
        ul{
          display: none;
        }
        .goDirectory{
          width: 100%;
          display: block;
          padding: 10px;
        }
      }

      .list{
        &.haberler{
          .blog{
            margin: 0 0 35px;
          }
        }
        &.galeri{
          .img{
            height: 300px !important;
          }
        }
      }

      body, html{
        overflow-x: hidden !important;
      }

      header, #menu, #vStartAdminMenu, #headerTop{
        display: none;
      }

      .pull-left, .pull-right{
        float: none !important;
      }

      .container{
        max-width: initial !important;
        min-width: initial !important;
      }//.container

      #mobilHeader{
        width: 100%;
        height: 60px;
        background-color: #fff;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 100;
        line-height: 60px;
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.17);
        color: #e51a4b;

        a.search{
          display: block;
          float: right;
          font-size: 24px;
          position: relative;
          color: #e51a4b;
          line-height: 60px;
        }

        a.i.active{
          color: @tCBlack;
        }

        .logo{
          img{
            margin-top: 0;
            margin-left: 15px;
            max-width: 100px;
          }
        }//.logo

        #phoneNavTrigger{
          display: block;
          float: right;
          padding: 18px 18px 18px 25px;

          .icon{
            width: 25px;
            height: 24px;
            position: relative;
            top: 1px;
            right: 0;
            margin: 0 auto;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: .5s ease-in-out;
            -moz-transition: .5s ease-in-out;
            -o-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
            cursor: pointer;

            span {
              background-color: #e51a4b;
              display: block;
              position: absolute;
              height: 3px;
              width: 100%;
              border-radius: 10px;
              opacity: 1;
              left: 0;
              -webkit-transform: rotate(0deg);
              -moz-transform: rotate(0deg);
              -o-transform: rotate(0deg);
              transform: rotate(0deg);
              -webkit-transition: 0.25s ease-in-out;
              -moz-transition: 0.25s ease-in-out;
              -o-transition: 0.25s ease-in-out;
              transition: 0.25s ease-in-out;

              &:nth-child(1) {
                top: 0px;
              }

              &:nth-child(2),&:nth-child(3) {
                top: 9px;
              }

              &:nth-child(4) {
                top: 18px;
              }

            }

          }

          .icon.open span{
            &:nth-child(1) {
              top: 18px;
              width: 0%;
              left: 50%;
            }

            &:nth-child(2) {
              -webkit-transform: rotate(45deg);
              -moz-transform: rotate(45deg);
              -o-transform: rotate(45deg);
              transform: rotate(45deg);
            }

            &:nth-child(3) {
              -webkit-transform: rotate(-45deg);
              -moz-transform: rotate(-45deg);
              -o-transform: rotate(-45deg);
              transform: rotate(-45deg);
            }

            &:nth-child(4) {
              top: 18px;
              width: 0%;
              left: 50%;
            }
          }

        }//#phoneNavTrigger

        &.slideUp{
          transform: translateY(-100%);
        }

        &.slideDown, &.headroom--top{
          transform: translateY(0%);
        }

      }//#mobilHeader

      #phoneBg{
        background-color: transparent;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 9998;
        visibility: hidden;
        transition-property: background-color;
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        background-color: rgba(0,0,0,.5);
        opacity: 0;
        transition-property: opacity;
        visibility: visible;
        pointer-events: none;
        &.is-visible {
          background-color: rgba(0,0,0,.5);
          visibility: visible;
          pointer-events: auto;
          opacity: 1;
        }
      }

      #phoneNav{
        width: 280px;
        height: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        position: fixed;
        padding: 10px 0;
        top: 0;
        right: 0;
        background-color: #fff;
        z-index: 9999;
        //box-shadow: -1px 0px 2px rgba(0,0,0,0.5);
        text-align: left;
        -webkit-transform: translateX(280px);
        transform: translateX(280px);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        /* will-change: transform; */
        transition-duration: .2s;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        transition-property: transform;
        transition-property: transform,-webkit-transform;
        &.is-visible {
          -webkit-transform: translateX(0);
          transform: translateX(0);
        }

          .dl-menuwrapper{width:100%;max-width:300px;float:left;position:relative;-webkit-perspective:750pt;perspective:750pt;-webkit-perspective-origin:50% 200%;perspective-origin:50% 200%}.dl-menuwrapper:first-child{margin-right:75pt}.dl-menuwrapper button{background:#ccc;border:none;width:3pc;height:45px;text-indent:-900em;overflow:hidden;position:relative;cursor:pointer;outline:0;opacity:0}.dl-menuwrapper button:after{content:'';position:absolute;width:68%;height:5px;background:#fff;top:10px;left:16%;box-shadow:0 10px 0 #fff,0 20px 0 #fff}.dl-menuwrapper ul{padding:0;list-style:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.dl-menuwrapper li{position:relative}.dl-menuwrapper li a{display:block;position:relative;padding:15px 20px;font-size:1pc;line-height:20px;font-weight:300;color:#fff;outline:0}.no-touch .dl-menuwrapper li a:hover{background:rgba(255,248,213,.1)}.dl-menuwrapper li.dl-back>a{padding-left:30px}.dl-menuwrapper li.dl-back:after,.dl-menuwrapper li>a:not(:only-child):after{position:absolute;top:0;line-height:50px;font-family:FontAwesome;speak:none;-webkit-font-smoothing:antialiased;content:"\f101"}.dl-menuwrapper li.dl-back:after{left:10px;color:#444;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dl-menuwrapper li>a:after{right:10px;color:#444}.dl-menuwrapper .dl-menu{margin:5px 0 0 0;position:absolute;width:100%;opacity:0;pointer-events:none;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-backface-visibility:hidden;backface-visibility:hidden}.dl-menuwrapper .dl-menu.dl-menu-toggle{transition:all .3s ease}.dl-menuwrapper .dl-menu.dl-menuopen{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}.dl-menuwrapper li .dl-submenu{display:none}.dl-menu.dl-subview li,.dl-menu.dl-subview li.dl-subview>a,.dl-menu.dl-subview li.dl-subviewopen>a{display:none}.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li{display:block}.dl-menuwrapper>.dl-submenu{position:absolute;width:100%;top:50px;left:0;margin:0}.dl-menu.dl-animate-out-1{-webkit-animation:MenuAnimOut1 .2s;animation:MenuAnimOut1 .2s}.dl-menu.dl-animate-out-2{-webkit-animation:MenuAnimOut2 .3s ease-in-out;animation:MenuAnimOut2 .3s ease-in-out}.dl-menu.dl-animate-out-3{-webkit-animation:MenuAnimOut3 .4s ease;animation:MenuAnimOut3 .4s ease}.dl-menu.dl-animate-out-4{-webkit-animation:MenuAnimOut4 .4s ease;animation:MenuAnimOut4 .2s ease}.dl-menu.dl-animate-out-5{-webkit-animation:MenuAnimOut5 .4s ease;animation:MenuAnimOut5 .4s ease}@-webkit-keyframes MenuAnimOut1{50%{-webkit-transform:translateZ(-250px) rotateY(30deg)}75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}100%{-webkit-transform:translateZ(-500px) rotateY(0);opacity:0}}@-webkit-keyframes MenuAnimOut2{100%{-webkit-transform:translateX(-100%);opacity:0}}@-webkit-keyframes MenuAnimOut3{100%{-webkit-transform:translateZ(300px);opacity:0}}@-webkit-keyframes MenuAnimOut4{100%{-webkit-transform:translateZ(-300px);opacity:0}}@-webkit-keyframes MenuAnimOut5{100%{-webkit-transform:translateY(40%);opacity:0}}@keyframes MenuAnimOut1{50%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg)}75%{-webkit-transform:translateZ(-372.5px) rotateY(15deg);transform:translateZ(-372.5px) rotateY(15deg);opacity:.5}100%{-webkit-transform:translateZ(-500px) rotateY(0);transform:translateZ(-500px) rotateY(0);opacity:0}}@keyframes MenuAnimOut2{100%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes MenuAnimOut3{100%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0}}@keyframes MenuAnimOut4{100%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0}}@keyframes MenuAnimOut5{100%{-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0}}.dl-menu.dl-animate-in-1{-webkit-animation:MenuAnimIn1 .3s;animation:MenuAnimIn1 .3s}.dl-menu.dl-animate-in-2{-webkit-animation:MenuAnimIn2 .3s ease-in-out;animation:MenuAnimIn2 .3s ease-in-out}.dl-menu.dl-animate-in-3{-webkit-animation:MenuAnimIn3 .4s ease;animation:MenuAnimIn3 .4s ease}.dl-menu.dl-animate-in-4{-webkit-animation:MenuAnimIn4 .4s ease;animation:MenuAnimIn4 .4s ease}.dl-menu.dl-animate-in-5{-webkit-animation:MenuAnimIn5 .4s ease;animation:MenuAnimIn5 .4s ease}@-webkit-keyframes MenuAnimIn1{0%{-webkit-transform:translateZ(-500px) rotateY(0);opacity:0}20%{-webkit-transform:translateZ(-250px) rotateY(30deg);opacity:.5}100%{-webkit-transform:translateZ(0) rotateY(0);opacity:1}}@-webkit-keyframes MenuAnimIn2{0%{-webkit-transform:translateX(-100%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@-webkit-keyframes MenuAnimIn3{0%{-webkit-transform:translateZ(300px);opacity:0}100%{-webkit-transform:translateZ(0);opacity:1}}@-webkit-keyframes MenuAnimIn4{0%{-webkit-transform:translateZ(-300px);opacity:0}100%{-webkit-transform:translateZ(0);opacity:1}}@-webkit-keyframes MenuAnimIn5{0%{-webkit-transform:translateY(40%);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes MenuAnimIn1{0%{-webkit-transform:translateZ(-500px) rotateY(0);transform:translateZ(-500px) rotateY(0);opacity:0}20%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg);opacity:.5}100%{-webkit-transform:translateZ(0) rotateY(0);transform:translateZ(0) rotateY(0);opacity:1}}@keyframes MenuAnimIn2{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes MenuAnimIn3{0%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes MenuAnimIn4{0%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes MenuAnimIn5{0%{-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.dl-menuwrapper>.dl-submenu.dl-animate-in-1{-webkit-animation:SubMenuAnimIn1 .4s ease;animation:SubMenuAnimIn1 .4s ease}.dl-menuwrapper>.dl-submenu.dl-animate-in-2{-webkit-animation:SubMenuAnimIn2 .3s ease-in-out;animation:SubMenuAnimIn2 .3s ease-in-out}.dl-menuwrapper>.dl-submenu.dl-animate-in-3{-webkit-animation:SubMenuAnimIn3 .4s ease;animation:SubMenuAnimIn3 .4s ease}.dl-menuwrapper>.dl-submenu.dl-animate-in-4{-webkit-animation:SubMenuAnimIn4 .4s ease;animation:SubMenuAnimIn4 .4s ease}.dl-menuwrapper>.dl-submenu.dl-animate-in-5{-webkit-animation:SubMenuAnimIn5 .4s ease;animation:SubMenuAnimIn5 .4s ease}@-webkit-keyframes SubMenuAnimIn1{0%{-webkit-transform:translateX(50%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@-webkit-keyframes SubMenuAnimIn2{0%{-webkit-transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@-webkit-keyframes SubMenuAnimIn3{0%{-webkit-transform:translateZ(-300px);opacity:0}100%{-webkit-transform:translateZ(0);opacity:1}}@-webkit-keyframes SubMenuAnimIn4{0%{-webkit-transform:translateZ(300px);opacity:0}100%{-webkit-transform:translateZ(0);opacity:1}}@-webkit-keyframes SubMenuAnimIn5{0%{-webkit-transform:translateZ(-200px);opacity:0}100%{-webkit-transform:translateZ(0);opacity:1}}@keyframes SubMenuAnimIn1{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes SubMenuAnimIn2{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes SubMenuAnimIn3{0%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes SubMenuAnimIn4{0%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes SubMenuAnimIn5{0%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:0}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.dl-menuwrapper>.dl-submenu.dl-animate-out-1{-webkit-animation:SubMenuAnimOut1 .4s ease;animation:SubMenuAnimOut1 .4s ease}.dl-menuwrapper>.dl-submenu.dl-animate-out-2{-webkit-animation:SubMenuAnimOut2 .3s ease-in-out;animation:SubMenuAnimOut2 .3s ease-in-out}.dl-menuwrapper>.dl-submenu.dl-animate-out-3{-webkit-animation:SubMenuAnimOut3 .4s ease;animation:SubMenuAnimOut3 .4s ease}.dl-menuwrapper>.dl-submenu.dl-animate-out-4{-webkit-animation:SubMenuAnimOut4 .4s ease;animation:SubMenuAnimOut4 .4s ease}.dl-menuwrapper>.dl-submenu.dl-animate-out-5{-webkit-animation:SubMenuAnimOut5 .4s ease;animation:SubMenuAnimOut5 .4s ease}@-webkit-keyframes SubMenuAnimOut1{0%{-webkit-transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50%);opacity:0}}@-webkit-keyframes SubMenuAnimOut2{0%{-webkit-transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(100%);opacity:0}}@-webkit-keyframes SubMenuAnimOut3{0%{-webkit-transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(-300px);opacity:0}}@-webkit-keyframes SubMenuAnimOut4{0%{-webkit-transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(300px);opacity:0}}@-webkit-keyframes SubMenuAnimOut5{0%{-webkit-transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(-200px);opacity:0}}@keyframes SubMenuAnimOut1{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}@keyframes SubMenuAnimOut2{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes SubMenuAnimOut3{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(-300px);transform:translateZ(-300px);opacity:0}}@keyframes SubMenuAnimOut4{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(300px);transform:translateZ(300px);opacity:0}}@keyframes SubMenuAnimOut5{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}100%{-webkit-transform:translateZ(-200px);transform:translateZ(-200px);opacity:0}}.no-js .dl-menuwrapper .dl-menu{position:relative;opacity:1;-webkit-transform:none;transform:none}.no-js .dl-menuwrapper li .dl-submenu{display:block}.no-js .dl-menuwrapper li.dl-back{display:none}.no-js .dl-menuwrapper li>a:not(:only-child){background:rgba(0,0,0,.1)}.no-js .dl-menuwrapper li>a:not(:only-child):after{content:''}.demo-1 .dl-menuwrapper button{background:#c62860}.demo-1 .dl-menuwrapper button.dl-active,.demo-1 .dl-menuwrapper button:hover,.demo-1 .dl-menuwrapper ul{background:#9e1847}.demo-2 .dl-menuwrapper button{background:#e86814}.demo-2 .dl-menuwrapper button.dl-active,.demo-2 .dl-menuwrapper button:hover,.demo-2 .dl-menuwrapper ul{background:#D35400}.demo-3 .dl-menuwrapper button{background:#08cbc4}.demo-3 .dl-menuwrapper button.dl-active,.demo-3 .dl-menuwrapper button:hover,.demo-3 .dl-menuwrapper ul{background:#00b4ae}.demo-4 .dl-menuwrapper button{background:#90b912}.demo-4 .dl-menuwrapper button.dl-active,.demo-4 .dl-menuwrapper button:hover,.demo-4 .dl-menuwrapper ul{background:#79a002}.demo-5 .dl-menuwrapper button{background:#744783}.demo-5 .dl-menuwrapper button.dl-active,.demo-5 .dl-menuwrapper button:hover,.demo-5 .dl-menuwrapper ul{background:#643771}


        /* Overrade Styles */
        .dl-menuwrapper .dl-menu.dl-menuopen{
          position: relative !important;
        }

        ul.dl-menu, .dl-animate-in-5, .dl-animate-in-5{
          li{
            border-bottom: 1px solid #e3e3e3;
            a{color: @tCBlack;}
            a:after{
              color: #e51a4b;
            }
          }//li
          ul.dl-submenu{
            li{
              border-bottom: 1px solid #e3e3e3 !important;
            }// li
          }// ul.dl-submenu
          li.dl-subviewopen{border-bottom: none !important;}
        }//ul

        /* Overrade Styles */

        .company{
          padding: 0;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          z-index: 5;
          background-color: #e51a4b;
          height: 60px;
          line-height: 60px;
          display: block;
          overflow: hidden;
          a{
            line-height: 60px;
            color: #fff;
            display: block;
            text-decoration: none;
            text-align: center;
            font-weight: 300;
            font-size: 20px;
          }
        }//.company

        a.quickCont{
          display: block;
          width: 100%;
          background: #fff;
          color: @tCBlack;
          padding: 8px 11px;
          font-size: 15px;
          font-weight: 300;
          border-bottom: 1px solid #e3e3e3;
          text-align: center;
          &.last{border: none;}
          i{color: #e51a4b}
        }

        .vLang{
          width: 100%;
          display: block;
          float: none;
          margin: 24px 0;
          text-align: center;


          a{
            width: 40px;
            height: 25px;
            float: none;
            position: relative;
            display: inline-block;
            margin: 0 8px;
          }


          .flag{
            width: 40px;
            height: 25px;
            float: none;
            position: relative;
            display: inline-block;
            margin: 0 8px;
          }
          .flag-icon-background{
            background-size: cover;
          }

        }// .vLangi

        .social{
          width: 100%;
          position: relative;
          margin-top: 10px;

          ul{
            width: 100%;
            text-align: center;

            li{
              display: inline-block;

              &:last-child{
                border: none;
              }//&:last-child

              a.soc{
                width: 44px;
                height: 44px;
                line-height: 44px;
                font-size: 16px;
                display: block;
                text-align: center;
                border-radius: 100%;
                color: #fff;
              }// a.soc
            }// li
          }

          a.facebook{background-color: #3B5998;}
          a.twitter{background-color: #55acee;}
          a.google-plus{background-color: #d1402e;}
          a.linkedin{background-color: darken(#0077b5, 20%);}
          a.youtube{background-color: #CC181E;}
          a.instagram{background-color: #A57D60;}
          a.pinterest{background-color: #bd081b;}
        }// .social
      }//#phoneNav

      #mobilFooter{
        width: 100%;
        left: 0;
        bottom: 0;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 100;
        display: none;
        transform: translateY(100%);
        .anim();

        .shareTrigger, .location, .sendMail, .call{
          width: 25%;
          float: left;
          display: block;
          text-align: center;
          a{
            font-size: 21px;
            color: #fff;
            display: block;
            padding: 8px 0;
          }
        }

        .share{
          width: 100%;
          position: absolute;
          left: 0;
          bottom: -4px;
          z-index: -1;
          border-bottom: 1px solid #fff;
          background-color: @tCBlue;
          .anim();

          &.active{bottom: 46px;}

          >a{
            width: 20%;
            height: 50px;
            line-height: 53px;
            display: block;
            float: left;
            color: #fff;
            font-size: 19px;
          }

          a.whatsapp{background-color: #25d366;}
          a.facebook{background-color: #3B5998;}
          a.twitter{background-color: #55acee;}
          a.googleplus{background-color: #d1402e;}
        }

        .shareTrigger{
          background-color: @tCBlue;
          .anim();
          &.active{
            background-color: darken(@tCBlue, 15%);
          }
        }
        .location{background-color: #2C82C9;}
        .sendMail{background-color: #F1654C;}
        .call{background-color: #2CC990;}

        &.ontop, &.onpin{transform: translateY(100%);}
        &.onunpin, &.onbottom{transform: translateY(0%);}
      }

      .mobilFooter, .ghostMobilFooter{height: 70px;display: none;}

      .headerSpace{
        width: 100%;
        height: 60px;
      }//.headerSpace

      #searchArea{
        form{
          padding-top: 0;
          input{
            width: ~"calc(100% - 70px)";
            font-size: 20px;
            padding: 0 10px;
          }
          a.cls, button{
            width: 25px;
            font-size: 20px;
            position: relative;
            top: -3px;
          }
          a.cls{
            margin-left: 5px;
          }
        }// form
      }//#searchArea

      #sticky-wrapper{
        width: 100%;
        top: unset;
        right: unset;
        bottom: 0;
        left: 0;
        transform: none;
        z-index: 99;
        .box{
          display: block;
          width: 25%;
          float: left;
          .links{
            min-height: 80px;
            padding: 3px 1px;
            font-size: 10px;
            i {
              font-size: 32px;
            }
          }
          .link-drop{

          }
          &:hover{
            .link-drop{
              left: -50vw !important;
              right: auto !important;
              width: 100vw;
              bottom: 80px
            }
          }

          &:nth-child(2){
            &:hover{
              .link-drop{
                left: -25vw !important;
                height: 200px;
                bottom: 82px;
                top: unset;
                #map{
                  height: 200px;
                }
              }
            }
          }
          &:last-child{
            &:hover{
              .link-drop{
                left: -75vw !important;
              }
            }
          }
        }
      }

      #sliderWrapper{

        .tp-caption[data-visibility="desktop"] {
          display: none !important;
        }

        .sTitle{
          margin: 0 auto !important;
          text-align: center !important;
          line-height: 40px !important;
          font-size: 31px !important;
        }

        .bg{display: none;}

        .tp-caption.large_text, .tp-caption.very_large_text{
          text-shadow: 1px 1px fade(#000, 50%);
          font-weight: 300;
          color: #fff;
        }

        .fullscreenvideo:before{
          display: none;
        }
      }

      .intl-tel-input .country-list, .intl-tel-input.iti-container{
        width: 100% !important;
        max-width: 100% !important;
        height: 99% !important;
        max-height: 80% !important;
        position: fixed !important;
        top: 50% !important;
        left: 0 !important;
        z-index: 100000 !important;
        transform: translateY(-50%) !important;
      }

      .crsl{
        .item, img, a, p{
          transform-style: preserve-3d;
          backface-visibility: hidden;
        }
      }

      #shareArea{
        text-align: center;
        .typ{
          width: 100%;
          a{
            width: 48%;
            margin: 0 1%;
            padding: 5px 0;
            sub{position: initial;}
          }
        }
      }

      #itemSlider ,#movArea{
        border: none;
        margin-bottom: 30px;

        .crsl{
          overflow: initial;
        }

        .imgMiddle{
          width: 100%;
          height: 200px;
          padding: 10px 0;
          display: table;
          position: relative;
          overflow: hidden;

          div{
            width: 100%;
            height: 100%;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            img{
              max-width: 90%;
              max-height: 180px;
              width: auto;
              display: inline-block;
              margin: 0 auto;
            }
          }
        }//.imgMiddle

        .iframe{
          height: 200px;
        }// iframe

        .owl-dots{
          bottom: -25px;
        }


        a.prev, a.next{
          display: none;
        }
      }


      footer{
        .footer-top{
          text-align: center;
          .logo{
            float: none;
          }
          .social{
            float: none;
            margin-top: 15px;
          }
        }
      }// footer

    }// @media only screen and (min-width: 0) and (max-width: 992px)
  /*  ----------------------------  @ MEDİA TELEFON VE MOBİL 0 - 992  ---------------------------- */



  /*  ----------------------------  @ MEDİA SADECE TELEFON 0 - 480  ---------------------------- */

    @media only screen and (min-width: 0) and (max-width: 480px){

    }
  /*  ----------------------------  @ MEDİA SADECE TELEFON 0 - 480  ---------------------------- */