#slider .sliderContent { position: absolute; width: 100%; top: 40%; text-align: center; z-index: 3; }
#slider .item { position: relative; }
    /*#slider .item:after { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.32); z-index: 2; }*/
#slider .col-sm-3 { text-align: center; color: #fff; }
#slider .count { height: 170px; width: 170px; border-radius: 100%; border: 1px solid #fff; line-height: 170px; margin: 0 auto; font-weight: 600; font-size: 33px; position: relative; }
    #slider .count:after { content: ""; width: 188px; height: 189px; position: absolute; border: 1px solid #fff; border-radius: 100%; top: -10px; left: -10px; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; animation-delay: 2.5s; animation-fill-mode: both; animation-duration: .5s; animation-name: scaleOut; }
#slider .countText { margin: 30px 0 0; font-size: 18px; font-weight: 600; }
#slider .sliderContent h2 { font-size: 48px; margin: 0 0 25px; opacity: 0; color: #646868; }
    #slider .sliderContent h2 span { font-size: 59px; display: block; color: #ae2c36; margin: 15px 0 0; }
#slider .sliderContent p { font-size: 16px; color: #fff; font-weight: 600; opacity: 0; }

#slider .active .sliderContent h2 { animation-delay: 0s; animation-fill-mode: both; animation-duration: 0.5s; animation-name: fadeInUp; }
    #slider .active .sliderContent h2 span { animation-delay: 1s; animation-fill-mode: both; animation-duration: 0.5s; animation-name: fadeInUp; }
#slider .active .sliderContent p { animation-delay: 2s; animation-fill-mode: both; animation-duration: 0.5s; animation-name: fadeInUp; }

#slider .owl-nav { position: absolute; top: 50%; width: 100%; }
#slider .owl-next,
#slider .owl-prev { text-indent: -9999em; background: url(/images/owl-nav.png) no-repeat; width: 20px; height: 34px; position: absolute; }
#slider .owl-next { background-position: -24px 0; right: 50px; }
#slider .owl-prev { background-position: 0 0; left: 50px; }


#about { padding: 76px 0 90px; text-align: center; }
    #about h3 { color: #656868; font-size: 24px; }
    #about p { padding: 0 100px; color: #9d9d9d; line-height: 30px; font-size: 16px; margin: 20px 0 0; }

#products { margin-top: 62px; }
    #products .col-sm-6 { padding-right: 1px; padding-bottom: 1px; }
        #products .col-sm-6 .wrapper { background-color: #646868; background-repeat: no-repeat; background-blend-mode: multiply; height: 144px; background-size: cover; padding: 45px 0 0; }
        #products .col-sm-6:first-child .wrapper,
        #products .col-sm-6:last-child .wrapper { background-color: #af2c36; }
        #products .col-sm-6 a { color: #fff; padding: 23px 0 0; display: block; text-align: center; background: url(/images/okr.png) no-repeat center 0; font-weight: 600; font-size: 18px; }
.filmler{overflow:hidden; padding-bottom:5px}
.film:after{transition: .5s ease; -moz-transition: .5s ease; -webkit-transition: .5s ease; }
    .film.left { background: url(/images/bopp.webp) no-repeat; opacity:0 }
    .film.left:after {background:#656868; width:0; height:5px; content:''; position:absolute; left:0; bottom:0 }
    .film.left:hover:after{width:100%;}
    .film.right { background: url(/images/cpp.webp) no-repeat;  opacity:0 }
    .film.right:after {background:#656868; width:0; height:5px; content:''; position:absolute; right:0; bottom:0 }
        .film.right:hover:after{width:100%;}
.filmtitle { color: #fff; font-size: 36px; font-weight: 600; line-height: 36px; display:block; padding: 51px 0 51px 55px;  }
    .film.left .filmtitle{padding-left:0}
.filmtitle:hover{color:#fff}
    .filmtitle span { color: #f8aeb4; font-size: 18px; display: inline-block; margin-left: 6px; vertical-align: top; }


#news { padding-top: 75px; margin-bottom: 28px; opacity:0}
    #news h2 { text-align: center; margin: 30px 0 60px; color: #af2c36; font-weight: 600; }
    #news .haberBaslik { color: #4b4b4b; font-size: 24px; font-weight: 600; }
    #news p { color: #a0a0a0; font-size: 14px; }
    #news .newsDate { color: #af2c36; }
    #news .owl-theme .owl-controls { margin-top: 50px; }
    #news .owl-theme .owl-dots .owl-dot span { background: #dadada; width: 25px; border-radius: 5px; height: 5px; }
    #news .owl-theme .owl-dots .owl-dot.active span, #news .owl-theme .owl-dots .owl-dot:hover span { background: #af2c36; }

.tanitim { margin-top: 50px; }
    .tanitim .katalog,
    .tanitim .tanitimfilmi { opacity:0}
    .tanitim a{padding: 30px 0 30px 112px;}
    .tanitim .katalog { background: url(/images/e-katalog.webp) no-repeat 38px center; border-bottom: 8px solid #656868; }
    .tanitim .katalog:hover { background: url(/images/e-katalog.webp) no-repeat 38px center; border-bottom: 8px solid #af2c36; }
    .tanitim .tanitimfilmi { background: url(/images/tanitimfilmi.webp) no-repeat 42px center; border-bottom: 8px solid #656868; }
    .tanitim .tanitimfilmi:hover { background: url(/images/tanitimfilmi.webp) no-repeat 42px center; border-bottom: 8px solid #af2c36; }

    .tanitim h4 { color: #656868; font-size: 18px; font-weight: 600; line-height: 1; margin: 2px 0 6px; }
    .tanitim a:hover h4{color:#af2c36}
    .tanitim .link { color: #9d9d9d; font-size: 14px; }

#surec { }
    #surec .wrapper { margin-left: 30%; padding: 125px 0; text-align: center; }
        #surec .wrapper h4 { font-size: 21px; line-height: 1.3; font-weight: 600; }
            #surec .wrapper h4 span { color: #af2c36; font-size: 36px; display: block; }


#down { width: 48px; height: 48px; position: absolute; bottom: -24px; left: 50%; margin-left: -24px; z-index: 99; background: #fff url(/images/down.png) no-repeat center; border-radius: 48px; transition: .5s ease; -moz-transition: .5s ease; -webkit-transition: .5s ease; cursor: pointer; }
    #down:hover { background: #eee url(/images/down.png) no-repeat center; bottom: -30px; }
.clicked { bottom: 50px; opacity: 0; }
.cevredostu { background: #e2e2e2; padding: 55px 0; text-align: center; }
    .cevredostu h4 { }
        .cevredostu h4 a { color: #656868; font-weight: 600; font-size: 21px; line-height: 1; }
        .cevredostu h4 span { color: #af2c36; font-size: 36px; display: block; margin: 12px 0 0; }

#logoCarousel { padding: 0 140px; text-align: center; margin: 40px 0 20px; }
    #logoCarousel .item { display: inline-block; margin: 0 20px 0 24px; }
        #logoCarousel .item img { height: 66px; width: auto; opacity: .7; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: .5s ease; -moz-transition: .5s ease; -webkit-transition: .5s ease; cursor: pointer; }
            #logoCarousel .item img:hover { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; }