/** Can Yeni Css Start */


@font-face {
    font-family: Anasayfa;
    src: url(../projefonts/anasayfa/Channel_Slanted2.ttf);
}




@font-face {
    font-family: BilgiBaslik100;
    src: url(../projefonts/bilgibaslik/Museo100-Regular.otf);
}

@font-face {
    font-family: BilgiBaslik300;
    src: url(../projefonts/bilgibaslik/Museo300-Regular.otf);
}

@font-face {
    font-family: BilgiBaslik700;
    src: url(../projefonts/bilgibaslik/Museo700-Regular.otf);
}





@font-face {
    font-family: YaziBold;
    src: url(../projefonts/bilgiyazi/Roboto_Bold.ttf);
}

@font-face {
    font-family: YaziLight;
    src: url(../projefonts/bilgiyazi/Roboto-Light.ttf);
}

@font-face {
    font-family: YaziMedium;
    src: url(../projefonts/bilgiyazi/Roboto-Medium.ttf);
}



.display-table-cell h3 {
  font-family: BilgiBaslik100;
  font-size:30px;
  line-height: 30px;
}

.display-table-cell h3:hover {
  font-family: BilgiBaslik700;
}


/** End */


.separator-skew {
      height: 60px;
  }

  .separator-bottom {
      top: auto;
      bottom: 0;
  }

.separator {
    position: absolute;
    z-index: 1;
    top: auto;
    right: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 150px;
    transform: translateZ(0);
    pointer-events: none;
}
.separator-bottom svg {
    bottom: 0;
}
.separator svg {
    position: absolute;
    pointer-events: none;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}
.fill-white {
    fill: #fff;
}











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

      .m1 {
        bottom: 95px !important;
      }

  }



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

        .m2 {
          bottom: 92px !important;
          transform: skewY(-1deg) !important;
        }

    }

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

      .m2yazip {
        width: 160px !important;
        line-height: 12px;
      }

      #yazi
      {
        z-index: 100;
        position: absolute;
        color: #000;
        font-size: 9px !important;
        left: 15px !important;
        top: 120px !important;
        transform: skewY(1deg) !important;
      }

      }



        #resim
        {
            position:absolute;
            left:0;
            top:0;
        }
        #yazi
        {
            z-index:100;
            position:absolute;
            color:#000;
            font-size:14px;
            padding: 8px;
            left:20px;
            top:400px;
            transform: skewY(-5deg);
        }



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

          .m3yazip {
            width: 150px !important;
            line-height: 15px;
          }

          #yazi2
          {
            z-index: 100;
            position: absolute;
            color: #000;
            font-size: 9px !important;
            left: -22px !important;
            top: 60px !important;
            transform: skewY(0deg) !important;
          }

          }



        #resim2
        {
            position:absolute;
            left:0;
            top:0;
        }
        #yazi2
        {
            z-index:100;
            position:absolute;
            color:#000;
            font-size:21px;
            left:-80px;
            top:270px;
            transform: skewY(-5deg);
        }



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

              #yazi3
              {
                z-index: 100;
                position: absolute;
                color: #000;
                left: 220px !important;
                top: 20px !important;
                transform: skewY(3deg) !important;
              }

              #yazi3 img {
                max-width: 40px !important;
              }

          }


        #resim3
        {
            position:absolute;
            left:0;
            top:0;
        }
        #yazi3
        {
          z-index: 100;
          position: absolute;
          left: 700px;
          top: 90px;
        }



        header.sticky nav.navbar-fixed-top.header-light.white-link .siyah {
          color: #232323 !important;

        }

        header.sticky nav.navbar-fixed-top.header-light.white-link .siyah2 {
          color: #232323 !important;
          border-bottom: 1px solid rgb(0, 0, 0) !important;

        }

        header.header-appear nav.header-light, header.sticky nav.navbar-fixed-top.header-light, header.sticky nav.navbar-scroll-fixed-top.header-light {
            background-color: transparent !important;
            box-shadow: none !important;
        }


        header.sticky nav.navbar-fixed-top.header-light.white-link .menunone {
          display: none !important;

        }



        #resim
        {
            position:absolute;
            left:0;
            top:0;
        }
        #sliderk
        {
            z-index:100;
            position:absolute;
            color:#000;
            font-size:14px;
            padding: 8px;
            left:-350px;
            top:600px;
        }





/** 1920 1080 ic sayfa header2 hamburgerlogo */


@media screen and (min-width:1900px) and (max-width:2000px)  {

      .hamburgermenubaslikic {
        font-size: 50px !important;
      }
      .hamburgerlogoic {
        max-width: 150px !important;
      }


  }


/** 1920 end **/


/** 1770 100 */


@media screen and (min-width:1700px) and (max-width:1800px)  {

        .hamburgermenubaslikic {
          font-size: 50px !important;
        }
        .hamburgerlogoic {
          max-width: 150px !important;
        }


  }


/** 1170 end **/


/** 1680 768 */


@media screen and (min-width:1600px) and (max-width:1700px)  {

        .hamburgermenubaslikic {
          font-size: 50px !important;
        }
        .hamburgerlogoic {
          max-width: 150px !important;
        }


  }


/** 1680 end **/


/** 1440 900 */


@media screen and (min-width:1400px) and (max-width:1500px)  {



        .hamburgerlogoic {
          max-width: 120px !important;
        }

        .hamburgermenubaslikic h3 {
          font-size: 30px !important;
          line-height: 30px !important;
        }




  }


/** 1440 end **/


/** 1366 768 */


@media screen and (min-width:1300px) and (max-width:1400px)  {


        .hamburgerlogoic {
          max-width: 120px !important;
        }

        .hamburgermenubaslikic h3 {
          font-size: 30px !important;
          line-height: 30px !important;
        }

  }


/** 1366 end **/

/** 1280 960 */

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

        .hamburgerlogoic {
          max-width: 120px !important;
        }

        .hamburgermenubaslikic h3 {
          font-size: 30px !important;
          line-height: 30px !important;
        }

  }


/** 1280 end **/


/** 1024 768 */


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



        .hamburgerlogoic {
          max-width: 90px !important;
        }

        .hamburgermenubaslikic h3 {
          font-size: 20px !important;
          line-height: 20px !important;
        }

  }


/** 1024 end **/