@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,700,800,900');
html,
body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: subpixel-antialiased;
}
body {
    margin: 0;
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    background-color: #031E26;
}
::-webkit-scrollbar {
    width: 14px;
}
::-webkit-scrollbar-thumb {
    background-color: #6096c0
}
.ana {
    height: 211;
    width: 300px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}
.ustmenu {
    position: fixed;
    top: 50px;
    margin-left: -320px;
    font-family: 'brandon_textmedium';
    color: #fff;
    z-index: 2
}
.ustmenu1 {
    position: fixed;
    margin-left: 40;
}
.ustmenu2 {
    position: fixed;
    margin-left: 150px;
}
.ustmenu3 {
    position: fixed;
    margin-left:230px;
}
.ustmenu4 {
    position: fixed;
    margin-left: 330px;
}
.ustmenu5 {
    position: fixed;
    margin-left: 40px;
}
.ustmenu6 {
    position: fixed;
    margin-left: 440px;
    background-color: #212526;
    padding: 8PX;
    margin-top: -10PX;
    color: #fff;
}
.ustmenu6 a {
    text-decoration: none;
    color: #fff;
}
.ustmenu7 {
    position: fixed;
    left: 70;
    top: 55px;z-index: 999999;
}
.solustgood {}
.solgoodkare {
    position: fixed;
    z-index: 3;
    margin-left: -170px;
    top: 50%;
    margin-top: -132px;
    background-color: #3E4E52;
    width: 10px;
    height: 10px;
}
.orta1 {}
.works {}
.aboutus {}
.mouse {
    position: fixed;
    z-index: 3;
    top: 50%;
    margin-left: -350px;
    margin-top: 70px;
}
.contactus {
    position: fixed;
    top: 50%;
    z-index: 3;
    color: #fff;
    margin-top: 150px;
    margin-left: -290px;
    font-family: 'brandon_textmedium';
    font-size: 12px;
    opacity: 0.6;
}
.contactusikon {
    position: fixed;
    margin-left: -320px;
    top: 50%;
    margin-top: 150px;
}
.arkaplan {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5
}
.arkaplan img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sagmenuortala {
    position: fixed;
    right: 280px;
    top: 50%;
    z-index: 3;
    color: #24859F;
    margin-top: -120px;
    font-family: 'bold';
    ;
}
@font-face {
    font-family: 'bolder';
    src: url('../font2/hvd_fonts_-_brandontext-black-webfont.eot');
    src: url('../font2/hvd_fonts_-_brandontext-black-webfont.eot?#iefix') format('embedded-opentype'), url('../font2/hvd_fonts_-_brandontext-black-webfont.woff2') format('woff2'), url('../font2/hvd_fonts_-_brandontext-black-webfont.woff') format('woff');
    font-weight: bold;
    font-style: bold;
}
@font-face {
    font-family: 'bold';
    src: url('../font2/bold.eot');
    src: url('../font2/bold.eot?#iefix') format('embedded-opentype'), url('../font2/bold.woff2') format('woff2'), url('../font2/bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.sagmenu1 {
    position: fixed;
}
.sagmenu1a {
    position: fixed;
    margin-left: -55px;
    margin-top: -9
}
.sagmenu1a img {
    width: 17
}
.sagmenu1b {
    position: fixed;
    text-align: left;
    font-family: 'brandon_textmedium';
    width: 200px;
    right: 100px;
    margin-top: -33;
    text-transform: lowercase;
}


.sagmenu1bx {
    position: fixed;
    text-align: left;
    font-family: 'brandon_textmedium';
    width: 200px;
    right: 100px;
    margin-top: -23
}
.sagmenu2 {
    position: fixed;
    margin-top: 100px;
}
.sagmenu3 {
    position: fixed;
    margin-top: 140px;
}
.sagmenu4 {
    position: fixed;
    margin-top: 210px;
}
.sagkare1 {
    position: fixed;
    top: 0;
    height: 70%;
    background-color: #0B2F38;
    right: 0;
    z-index: 2;
    width: 400px;
    -webkit-box-shadow: 0px 10px 50px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 50px -15px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 50px -15px rgba(0, 0, 0, 0.75);
}
.sagkare2 {
    position: fixed;
    bottom: 0;
    height: 30%;
    background-color: #0B2F38;
    right: 0;
    z-index: 2;
    width: 400px;
    opacity: 0.6
}
.sagaltlogo {
    right: 70px;
    position: fixed;
    bottom: 90px;
    z-index: 3;
}
.solaltkare {}
.sagaltlogo img{width: 260}

.sagustlogo {
    position: fixed;
    right: 60px;
    z-index: 3;
    margin-top: 20px;
}



.sagustlogo img{width: 70}

.abcd {
    position: fixed;
    font-family: 'bolder';
    right: 120px;
    z-index: 3;
    color: #ededed;
    font-size: 30px;
    top: 50%;
    margin-top: -250px;
}
.solustgood {
    position: fixed;
    margin-left: -320px;
    font-family: 'brandon_textmedium';
    top: 50%;
    margin-top: -150px;
    font-size: 30px;
    color: #fff;
}
.orta1 {
    position: fixed;
    margin-left: -320px;
    font-family: 'brandon_textmedium';
    top: 50%;
    margin-top: -100px;
    font-size: 70px;
    color: #fff;
    font-family: 'bebas_neueregular';
    text-align: left;
    line-height: 0.8
}
.works {
    position: fixed;
    margin-left: -320px;
    font-family: 'bold';
    top: 50%;
    margin-top: 90px;
    font-size: 13px;
    color: #fff;
    background-color: #3E4E52;
    padding: 8px;
    border-radius: 180px;
    -webkit-box-shadow: 0px 10px 50px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 50px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 50px -15px rgba(0, 0, 0, 0.75);
    padding-left: 15px;
    padding-right: 15px;z-index: 99
}
.aboutus {
    position: fixed;
    margin-left: -196px;
    font-family: 'bold';
    top: 50%;
    margin-top: 97px;
    font-size: 15px;
    color: #fff;z-index: 99
}
.gelenmavi {
    position: fixed;
    z-index: 0;
    opacity: 0;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    animation-duration: 0.2s;
    transition-delay: 0.2s;
    animation-name: gelenmaviax7;
    animation-iteration-count: 1;
    background-color: #333;
}
@keyframes gelenmaviax7 {
    100% {
        opacity: 1
    }
    0% {
        opacity: 0
    }
}
.gelenmavi2 {
    position: fixed;
    -webkit-transition: all 0.4s ease;
    z-index: 0;
    opacity: 0;
    top: 0;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    animation-duration: 0.2s;
    transition-delay: 0.2s;
}
.gelenmavi2-gelenmavi2a {
    position: fixed;
    background-color: #031E26;
    opacity: 1;
    width: 100%;
    height: 100%;
    left: 0px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    animation-duration: 0.1s;
    transition-delay: 0.1s;
    opacity: 1;
    z-index: 99999;
}
.gelenmavi8 {
    position: fixed;
    -webkit-transition: all 0.4s ease;
    z-index: 0;
    opacity: 0;
    top: 0;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    animation-duration: 0.2s;
    transition-delay: 0.2s;
}
.gelenmavi8-gelenmavi8a {
    position: fixed;
    background-color: #fff;
    opacity: 1;
    width: 100%;
    height: 100%;
    left: 0px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    animation-duration: 0.1s;
    transition-delay: 0.1s;
    opacity: 1;
    z-index: 99999;
}
.gelensiyah {
    position: fixed;
    z-index: 0;
    opacity: 0;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    animation-duration: 0.2s;
    transition-delay: 0.2s;
    animation-name: siyahlik;
    animation-iteration-count: 1;
    background-color: #333;
}
@keyframes siyahlik {
    100% {
        opacity: 1
    }
    0% {
        opacity: 0
    }
}
.gelensiyah-gelensiyaha {
    position: fixed;
    z-index: 99;
    background-color: #fff;
    opacity: 1;
    transition-delay: 1.0s;
    animation-delay: 1.0s;
    animation-duration: 0.6s;
    animation-fill-mode: forwards;
    animation-name: gelenmaviax1;
    animation-iteration-count: 1;
    top: 0;
}
@keyframes gelenmaviax1 {
    0% {
        width: 100%;
        background-color: #031E26;
        height: 100%;
        left: 100%;
    }
    50% {
        width: 100%;
        background-color: #031E26;
        height: 100%;
        left: 0%;
    }
    100% {
        width: 0%;
        background-color: #031E26;
        height: 100%;
        left: 50%;
    }
}
.kapat2 {
    position: fixed;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    top: 20px;
    padding: 5px;
    padding-left: 14px;
    padding-right: 14px;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    animation-duration: 0.2s;
    transition-delay: 0.2s;
    letter-spacing: 2;
    font-family: 'alternategotno3dregular';
    right: 0;
    font-family: 'gilroy-blackuploaded_file';
    font-size: 20px;
}


.kapat2-kapat2a {
    position: fixed;
    opacity: 1;
    z-index: 9;
    background-color: #24859F;
    color: #fff;
    font-family: 'alternategotno3dregular';
    padding: 5px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    animation-duration: 1s;
    transition-delay: 1.7s;
    z-index: 9999999999;
    padding-left: 10px;
    padding-right: 10px;
    letter-spacing: 2;
    font-family: 'gilroy-blackuploaded_file';
    font-size: 20px;
    right: 150px;
}
.kapat2x {
    position: fixed;
    z-index: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    padding: 5px;
      padding-left: 10px;
    padding-right: 10px;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
    animation-duration: 0.1s;
    transition-delay: 0.1s;
    letter-spacing: 2;
    font-family: 'alternategotno3dregular';
    font-family: 'gilroy-blackuploaded_file';
    font-size: 30px;
    right: 10px;
     background-color: #24859F;
    color: #fff;  font-size: 20px;
    right: 150px;top:20px;
    padding: 5px;
}






.kapat2x-kapat2xa {
    position: fixed;
    opacity: 1;
    z-index: 9;
       padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-family: 'alternategotno3dregular';
    padding: 5px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    animation-duration: 0.4s;
    transition-delay: 0.8s;
    z-index: 9999999999;
  padding: 5px;
    letter-spacing: 2;
    font-family: 'gilroy-blackuploaded_file';
    font-size: 30px;
    z-index: 9999999999999999999999;
   font-size: 20px;
    right: 150px;
     background-color: #24859F;
    color: #fff; top: 20px;    padding-left: 10px;
    padding-right: 10px;
}



.gelengiden4 {
    position: fixed;
    ;
    z-index: 9999999999;
    margin-left: auto;
    margin-right: auto;
    transition-delay: 0s;
    animation-delay: 0.8s;
    animation-duration: 0.4s;
    animation-fill-mode: forwards;
    animation-name: gecv4;
    animation-iteration-count: 1;
    opacity: 0;
    text-align: center;
}





.gelengiden444 {
    position: absolute;
    ;
    z-index: 99999;
    margin-left: auto;
    margin-right: auto;
    transition-delay: 0s;
    animation-delay: 0.8s;
    animation-duration: 0.4s;
    animation-fill-mode: forwards;
    animation-name: gecv4444;
    animation-iteration-count: 1;
    opacity: 0;
    text-align: center;
 
}
.logolarial{position: absolute;margin-left: -520px;-webkit-filter: grayscale(100%) blur(0px); filter: blur(0px) grayscale(100%);margin-top: 100px;}
.logo1geldi{position: absolute;top:20px}
.logo1geldi img{width: 100px;}

.logo2geldi{position: absolute;top:20px;margin-left: 120px;}
.logo2geldi img{width: 100px;}

.logo3geldi{position: absolute;top:20px;margin-left: 240px;margin-top: 10;}
.logo3geldi img{width: 100px;}

.logo4geldi{position: absolute;top:20px;margin-left: 350px;}
.logo4geldi img{width: 100px;}

.logo5geldi{position: absolute;top:20px;margin-left: 460px;}
.logo5geldi img{width: 100px;}

.logo6geldi{position: absolute;top:20px;margin-left: 570px;margin-top: 5;}
.logo6geldi img{width: 100px;}

.logo7geldi{position: absolute;top:20px;margin-left:670px;}
.logo7geldi img{width: 100px;}


.logo8geldi{position: absolute;top:20px;margin-left: 780px;}
.logo8geldi img{width: 100px;}


.logo9geldi{position: absolute;top:20px;margin-left: 880px;}
.logo9geldi img{width: 100px;}


.operasyon2{position: absolute;width: 1200px;text-align: left;color:#fff;text-transform: uppercase; font-family: 'brandon_textmedium';font-size:11px;margin-left:;margin-top: -380px;left:-430px;top:50%;line-height:1.8 }


.abcdefg{position: fixed;margin-left: 160px;}

@keyframes gecv4444 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
        height: 1450px;
    }
}


@keyframes gecv4 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
        height: 2100px;
    }
}
.ana5 {
    height: 1110;
    width: 100px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}
.closedpage {
    position: fixed;right:50px;z-index: 3;color:#fff;font-family: 'bold';font-size:13px;top:28px;
}


.ucgenkare {
    position: fixed;right:10px;top:36px;
}



.ucgenkare img {}

.worksbaslik {
    position: absolute;top:50%;color:#999;font-family: bolder;margin-left: -250px;margin-top: -250px;
}

.worksbasla1 {
    position: absolute;margin-top:200px;margin-left: -250px;
}
.numara {
    position: absolute;color:#fff;opacity: 0.4;margin-left: -30px;margin-top: -10px; font-family: 'brandon_textmedium';
}
.nbaslik {
    position: absolute; font-family: bold; color:#24859F;width: 220px;text-align: left;text-transform: uppercase;font-size:14
}
.anakate {
    position: absolute;margin-top: 100px; font-family: bold;color:#999;
}

.acizgi {
    position: absolute;margin-top: 135px;width: 30px;height: 1px;background-color: #999;opacity: 0.4;
}

.see4 {
    position: absolute;margin-top: 140px;color:#fff; font-family: bold;font-size:12px;
}

.worksbasla2 {
    position: absolute;margin-top: 400px;margin-left: -250px;
}


.nbaslikx {
    position: absolute; font-family: bold; color:#24859F;width: 200px;text-align: left;text-transform: uppercase;margin-top: 10px;font-size:14
}

.obc{margin-left: 80px;}


.worksbasla3 {
    position: absolute;margin-top: 600px;margin-left: -250px;
}

.worksbasla4 {
    position: absolute;margin-top: 800px;margin-left: -250px;
}

.worksbasla5 {
    position: absolute;margin-top: 1000px;margin-left: -250px;
}


.worksbasla6 {
    position: absolute;margin-top: 1200px;margin-left: -250px;
}




.pixelogo {position: fixed;top:50%;margin-left: 0;margin-top: -220}
.pixelogo img {width: 170px;}







.pixelacik {position: fixed;font-family: bold; color:#fff;top:50%;margin-top: -138px;margin-left: 0px;text-transform: uppercase;font-size:12px;width: 150px;text-align: left;}



.details11 {position: fixed;top:50%;margin-left: 0;margin-top:-80px;color:#000;background-color: #fff;padding: 2px;font-family: bold;font-size:13px;border-radius: 10px;padding-left: 10px;padding-right: 10px; }




.alatlogo {position: fixed;top:50%;margin-left: -100;margin-top: 30px;}
.alatlogo img {width: 100px;margin-left: 85px;}
.alatacik {position: fixed;position: fixed;font-family: bold; color:#fff;top:50%;margin-top: 108px;margin-left: px;text-transform: uppercase;font-size:12px;width: 150px;text-align: left;}
.details22 {position: fixed;position: fixed;top:50%;margin-left: ;margin-top:160px;color:#000;background-color: #fff;padding: 2px;font-family: bold;font-size:13px;border-radius: 10px;padding-left: 10px;padding-right: 10px;}




.macontact {position: fixed;right:-20px;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);font-family: 'bold';color:#fff;font-size:12px;letter-spacing: 1;top:140px;}

.macontactlogo {position: fixed;right:3px;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);top:90px;}


.ramm{position: fixed;bottom:50px;left:60px;}
.ramm img{width: 30px;}



.ramm2{position: fixed;bottom:50px;left:60px;}
.ramm2 img{width: 30px;}





.obc3{position: fixed;top:50%;margin-left: -390px;margin-top: -230px;}






.icw1 {position: fixed;z-index: 99;color:#fff;font-family: bold;text-transform: uppercase;width: 200px;text-align: left;font-size:22px;color:#24859F;
}
.icw2 {position: fixed;margin-top: 220px;color:#fff;font-family: bolder;color:#999;
}
.icw3 {position: fixed;margin-top: 250px;width: 20px;height: 1px;background-color: #fff;
}
.icw4 {position: fixed;margin-top: 280px;color:#fff; font-family: 'brandon_textmedium';color:#999;width: 270px;
text-align: left;font-size:13px;}


.icw5 {position: fixed;margin-left: 415px;margin-top: 150px;z-index: 9;
}
.icw6 {position:fixed;margin-left: 400px;margin-top: 135px;width: 60px;height: 60px;border-radius: 180px;background-color: #0D2A31;opacity: 1;
}
.icw7 {position: fixed;margin-left: 380px;color:#4D8795; font-family:bolder;width: 100px;font-size:13px;margin-top: 209px;}


.icw8 {position: fixed; margin-left: 800px;margin-top: 120px;
}
.icw9 {position: fixed; margin-left: 670px;margin-top: 120px;
}


.icw888 {position: fixed; margin-left: 00px;margin-top:-44px;top:50%;right:60
}
.icw999 {position: fixed; margin-left: 70px;margin-top: -120px;right:40px;top:50%;
}


.examples16{position: fixed;z-index: 999999;}

.aboutyy{position: absolute;width: 500px;text-align: left;color:#fff;margin-left: -450px;    font-family: 'brandon_textmedium';margin-top: 250px;}


.bbalta{position: fixed;margin-top: 2000px;width: 1px;height: 1px;z-index: 0;opacity: 0;background-color: #333;}



.gelengiden5 {
    position: absolute;
    ;
    z-index: 99999;
    margin-left: auto;
    margin-right: auto;
    transition-delay: 0s;
    animation-delay: 0.8s;
    animation-duration: 0.4s;
    animation-fill-mode: forwards;
    animation-name: gecv444;
    animation-iteration-count: 1;
    opacity: 0;
    text-align: center;height: 
}



@keyframes gecv444 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
        height: 1400px;
    }
}


.worksbaslikxx {
    position: absolute;;color:#999;font-family: bolder;margin-left: -450px;margin-top: 115px;font-size:40px;color:#24859F;
    
       font-family: 'bebas_neueregular';text-align: left;
}

.cizgienes{position: absolute;height: 100%;width: 1px;background-color: #24859F;margin-left: 280px;opacity: 0.2;}


.enes8{position: absolute;width: 280px;text-align: right;color:#24859F;margin-left: -100px;    font-family: bolder;margin-top: 150px;    font-family: 'brandon_textmedium';}


.aboutwe{position: absolute;margin-left: 185px;margin-top: 146px;}
.enes10{position: absolute;width: 150px;text-align: left;color:#24859F;margin-left: 230px;    font-family: bolder;margin-top: 245px;    font-family: 'brandon_textmedium';line-height:1.6;font-size:14px;}


    .contaa{position: fixed;top:50%;margin-left: -200px;color:#24859F;font-size:18px;text-align: left;margin-left: -450px;margin-top: -140px;font-family: bold;}


    .contaa2{position: fixed;top:50%;margin-left: -200px;color:#fff;font-size:18px;text-align: left;margin-left: -450px;margin-top: 30px;font-family: bolder;}


.contaa3{position:fixed;top:50%;margin-top: 125px;margin-left: -450}
.contaa4{position:fixed;top:50%;margin-top: 275px;margin-left: -450;font-family: bold;color:#fff;width: 150px;text-align: left;font-size:13px;}

.contaa7{position:fixed;top:50%;margin-top: 105px;margin-left: -400;margin-top: 130px;font-family: bolder;color:#fff;}

.contaa9{position:fixed;top:50%;margin-top: 175px;margin-left: -457}
.contaa9 img{width: 150px;}


.contaa6{position:fixed;top:50%;margin-top: 275px;margin-left: -180;font-family: bold;color:#fff;width: 150px;text-align: left;font-size:13px;}

.contaa5{position:fixed;top:50%;margin-top: 215px;margin-left: -190}
.contaa5 img{width:90}



.mmmenu{position: fixed;top:50%;color:#fff;font-family: bolder;margin-top: -100;font-size: 20px;z-index: 99999999}



.sehrindelo{position: fixed;top:50%;margin-left: -320px;margin-top: -70px;}
.sehrindelo img{width: 150px;}

.sehrindelo2{position: fixed;top:50%;margin-left: -300px;margin-top: -100px; font-family: 'brandon_textmedium';color:#fff;text-align: left;}


/* Logo Slider */

.logo-slider {

	-webkit-box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.125);
	box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.125);

	overflow: hidden;

	width: 400px;
    right:0;
    position: fixed;
    top:50%;margin-top: -200px;;
    height: 140;-webkit-filter: grayscale(100%) blur(0px); filter: blur(0px) grayscale(100%);
    
}

.logo-slider::before, .logo-slider::after {

	content: "";
	height: 145px;
	position: absolute;
	width: 200px;
	z-index: 2;
}

.logo-slider::after {
	right: 0;
	top: 0;
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}

.logo-slider::before {
	left: 0;
	top: 0;
}

.logo-slider .logo-slide-track {
	-webkit-animation: logo-scroll 60s linear infinite;
	animation: logo-scroll 60s linear infinite;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: calc(250px * 14);
  animation-duration: 30s;
  animation-iteration-count: infinite;
}

.logo-slider .slide {
	height: 100px;
	width: 250px;
	padding: 0px;
    margin-top: -30px;
}

@-webkit-keyframes logo-scroll {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translateX(calc(-250px * 7));
		transform: translateX(calc(-250px * 7));
	}
}

@keyframes logo-scroll {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		-webkit-transform: translateX(calc(-250px * 7));
		transform: translateX(calc(-250px * 7));
	}
}


/*   örnek animasyon  1


-webkit-transition: all 0.4s ease;  
-moz-transition: all 0.4s ease;  
-o-transition: all 0.4s ease; 
-ms-transition: all 0.4s ease;  
transition: all 0.4s ease;
animation-duration: 1s;
transition-delay: 0.1s;}

*/

/*   örnek animasyon  2

transition-delay: 0s;
animation-delay: 1.9s;
animation-duration: 0.4s;
animation-fill-mode: forwards; 
animation-name:menuanic7x; 
animation-iteration-count: 1;

@keyframes menuanic7x{
	
from{opacity: 0;margin-top: 107px;}
to{opacity: 1;}
	
}

*/

/*   3 / shadow

-webkit-box-shadow: 0px 10px 50px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 50px -5px rgba(0,0,0,0.75);
box-shadow: 0px 10px 50px -5px rgba(0,0,0,0.75);
	
}

*/

/*   4 / blur

-webkit-filter: grayscale(0%) blur(1px); filter: blur(1px) grayscale(0%);
	
}

*/

/*   5 / döndürme

-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
	
}

*/