/*
    Sadece anasayfa dosyaları burada.
    Yani iç sayfa için burada değişiklik yaparsan çalışmıyor olum bu diye döner durursun,  haber vereyim dedim 
    
    #Typography#

    *Slider 
    *WorkCat - Hizmetler Alanıdır.
    *News&Haberler - Haberler
    *About - Anasayfa hakkımızda

*/

/* Slider */
@media(min-width:768px) {
    #slider .owl-stage-outer,
    #slider .owl-stage,
    #slider .owl-item,
    #slider .item,
    #slider { height: 100%; width: 100%; }
        #slider .sliderText:before { content: ""; width: 10%; position: absolute; top: 0; left: 0; height: 1px; background: #bababa; }
        #slider .sliderText:after { content: ""; width: 10%; position: absolute; top: 0; right: 0; height: 1px; background: #bababa; }
        #slider .sliderText span { position: absolute; display: block; margin-top: -40px; width: 100%; text-align: center; }
}

#slider .sliderText { width: 100%; text-align: center; color: #fff; z-index: 999; font-size: 67px; font-weight: 300; font-style: italic; margin-top: calc(40% - 40px); border: 1px solid #bababa; border-top: none; min-height: 67px; text-shadow: 0 0 10px rgba(0, 0, 0, 1); }


#slider .active .sliderText { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: .5s; animation-delay: .5s; }

#slider .owl-nav { position: absolute; top: 50%; margin-top: -30px; width: 100%; }
#slider .owl-next,
#slider .owl-prev { background: url(/images/owl.png) no-repeat; width: 33px; height: 61px; text-indent: -9999em; position: absolute; opacity: 1; }
#slider .owl-prev { left: 30px; }
#slider .owl-next { background-position: -42px 0; right: 30px; }
    #slider .owl-next:hover,
    #slider .owl-prev:hover { opacity: .7; }


/* WorkCat */
.workcat { background-color: #d13138; box-shadow: 5.5px 9.526px 35px 0px rgba(0, 0, 0, 0.38); display: block; position: relative; margin-top: -110px; z-index: 99999; }
    .workcat img { opacity: 1; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
    .workcat:hover img { opacity: .5; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
    .workcat span { display: block; position: absolute; top: 0; font-size: 30px; padding: 70px 30px 0; font-weight: 300; color: #fff; line-height: 36px; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
    .workcat:hover span { padding: 70px 35px 0; }

/* Haberler */
.news { padding: 85px 25px 0; }
    .news h2 { color: #000; font-weight: 300; margin: 0 0 40px; padding: 0; font-size: 30px; text-align: center; }

#about { margin: 40px 0 40px; }
    #about h2 { font-weight: 300; color: #000; margin-bottom: 27px; }
    #about hr { margin: 50px 0; }
    #about p { color: #555; font-weight: 500; line-height: 24px; }
    #about ul { padding: 0; color: #555; list-style-image: url(/images/linkList.png); padding: 0; list-style-position: inside; }
        #about ul li { margin-bottom: 10px; width: 33.3%; float: left; }
            #about ul li a { color: #555; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; }
                #about ul li a:hover { color: #d13138; }

.lang.fr {margin: 10px 0 0 }
.lang a {color:#000;}
@media(min-width:768px) {
    #slider .item { background-size: cover !important; }
}
@media(max-width:767px) {
	.lang.fr {float:none;color: #cdcdcd }
	.lang a { display: inline-block; margin-right: 7px; }
}