/* scrollbar start */
::-webkit-scrollbar {width: 7px;background-color:#fff;border-left-color: 1px solid rgba(0, 0, 0, 0.2);}
::-webkit-scrollbar-thumb {background-color: #000;}
::-webkit-scrollbar-thumb:hover {background-color: #000;}
/* scrollbar end */
::selection {background-color: #efc56f;color: #000;}
/* ortak start */
* {margin: 0;padding: 0;box-sizing: border-box;}
*:focus{box-shadow:none !important}
#close { display: none; }
body{ font-family: 'Roboto', sans-serif;
}

.sabitheader{position: fixed !important;width:100%;height: 78px;z-index:100;top:0;transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;background-color: #333550;background-image: none !important;}
.bg { background-image: url(../images/background.png);background-repeat: no-repeat;background-size: 100%;background-position: top;
}
nav { position: absolute; z-index: 2;padding: 0 20px;
}
nav img{ width: 75%;
}
nav a { color: #fff; text-decoration:none; padding: 10px;
}
nav li a:hover{color: #e95b0a;
}
.navigation a { display: block; padding: 16px;
}
.basliklar span a:hover{ color: #333550;
}
.slider-text{ width: 50%;display: inline-block;position: absolute;top: 50%;transform: translate(5%, -50%);
}
.slider-text a{background: #e95b0a;
}
.slider-text h1{ font-size: 40px;
}
.line{ background: #e95b0a;height: 5px;width: 25%;
}
.h3-baslik{color: #333550;font-size: 38px;font-weight: bold;}
.basliklar span a:active{ color: #333550;font-weight: bold;
}
.h3-line{ height: 3px; background:#333550;width: 10%;margin-left: 45%;
}
.card-body{ background: #333550 ;
}
.card-body:hover{ background: #e95b0a;
}
.card-title , .card-text{color: #fff;font-size: 17px;}
.card-title{ font-weight: 500;
}
.neden-talin-insaat{ margin-top: 46px;font-weight: bold;
}
.talin-proje-card-item > img.card-img-top {height: 390px;object-fit: cover;}
.teklif-al{ position: relative;background-image: url(/images/talin-teklif-al.jpg);height: 600px;background-position: center center;padding-left: 50px; padding-top: 90px;
}
.teklif-al__box{ width: 50%;background: #fff;
}
.teklif-al__box h5{ color: #333550;font-size: 32px;font-weight: bold;
}
.btn{ background: #333550;
}
ul.navigation{ margin: 0 45px;
}
.blog-yazilarimiz .card-body{position: absolute;top: 75%;padding: 34px;opacity: 0.9;}

.references-item img { border: 0.2rem solid #969696;margin: 1rem 1rem 1rem 0;border-radius: 0.9rem;filter: grayscale(1);
}
.references-item img:hover { filter: grayscale(0);
}
.footer-box ul.hizli-menu li { margin: 3px 0;padding-left: 16px;background-image: url(../images/footer.png);background-repeat: no-repeat;background-size: 10px;background-position: 0 6px;
}
.footer-box ul.hizli-menu li a{ color: #fff;
}
.footer-box__iletisim a{padding-left: 7px;
}
footer{ background: #333550;
}
.yeni-abone-ol{ font-size: 9px;font-weight: bold;color: #e95b0a;
}
.abone-ol{ font-size: 33px;font-weight: bold;
}
.footer-box .baslik{ font-size: 23px;font-weight: bold;
}
.footer-sosyal-medya a{ background: #fff;padding: 5px 10px;
}
.footer-box__hizlimenu{ padding-left: 185px;
}
.uttalin-wrapper { padding:0px 25px;
}
.utallin-widget-wrapper { display: flex;margin: 0px 10px;margin-top: -100px;
}
.w-item { margin: 10px;display: flex;flex-direction: column;background: #fff;border: 1px solid;width: 25%;padding: 25px;border: none;
}
.w-item img {width: 62px;height: auto;}
.w-item > div:first-child { color: #000; display: flex; align-items: center; justify-content: space-between;
}
.talin-blog-card-item > img.card-img-top { height: 650px; object-fit: cover;
}
.box-title{font-size: 19px;}
.box-icerik{font-weight: 600;}


#close{position: absolute;display: none;font-size: 34px;padding: 9px 12px;line-height: 0px;margin: 24px 20px;color: #333550;z-index: 3;right: 0;top: 0;font-size: 24px;border: 2px solid #4c4949;background: #333550;}




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


}

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


}
@media only screen and  (max-width: 1366px)
{

    
}
    
@media only screen and  (max-width: 1280px)
{

}
@media only screen and  (max-width: 1024px)
{
    .talin-proje-card-item > img.card-img-top { height: 290px;
    }
    .w-item img { width: 50px;
    }
    .w-item { padding: 15px;
    }
    .talin-blog-card-item > img.card-img-top { height: 370px;
    }
    .card-title { font-size: 14px;
    }
    .blog-yazilarimiz .card-body {top: 70%; padding: 11px;
    }
    .footer-box__hizlimenu { padding-left: 50px;
    }
    .sosyal-medya-baslik{ padding: 0 !important;
    }
    ul.navigation{ margin: 0 45px;
    }
    #close { right: 24px;
    }
}

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

}
@media only screen and  (max-width: 820px)
{
 
}
@media only screen and  (max-width: 796px)
{
}
@media only screen and  (max-width: 768px)
{
    #close{ display: block !important;color: #ffffff;
    }
    header ul.navigation{ display: none !important;
    }
	#mobilmenu{ z-index: 4;width: 100%;
    }
    .slider-text{ display: none;
    }
    .line{ display: none;
    }
    .w-item img { width: 40px;
    }
    .w-item { padding: 8px;
    }
    .box-title { font-size: 13px;
    }
    .box-icerik { font-size: 12px;
    }
    .teklif-al__box { width: 94%;
    }
    .teklif-al { padding-top: 50px;
    }
    .card-title { font-size: 19px;
    }
    .blog-yazilarimiz .card-body { top: 60%; padding: 24px;
    }
    .footer-box__hizlimenu { padding-left: 25px;
    }
    .abone-ol { font-size: 24px;
    }
    #close { top: -9px;
    }
}
@media only screen and  (max-width: 575px) {


	
    }
@media only screen and  (max-width: 460px)
{
    .teklif-al__box { width: 85%;
    }
    .teklif-al { padding-left: 67px;
    }

    .teklif-al input.text { margin-bottom: 7px; 
    }
    .h3-line { width: 25%; margin-left: 35%;
    }
    .blog-yazilarimiz .card-body { top: 70%;padding: 13px;
    }
    .card-title { font-size: 13px;
    }
    .footer-box__hizlimenu { padding-left: 10px;
    }
    .talin-sosyal-medya{ justify-content: start !important;margin-left: -18px;
    }
    .utallin-widget-wrapper{
        display: none;
    }
    .basliklar{ font-size: 12px;
    }
    .teklif-al__box { width: 95%;
    }
    .teklif-al { padding-left: 21px;padding-top: 46px;
    }

}
@media only screen and (max-width:425px){
    
}
@media only screen and  (min-width: 390px)
{


}
@media only screen and  (min-width: 375px)
{
 
}
@media only screen and  (max-width: 360px)
{
    .talin-blog-card-item > img.card-img-top { height: 280px;
    }
    .card-title { font-size: 12px;
    }
    .card-blog span{ font-size: 13px;
    }
    .blog-yazilarimiz .card-body { top: 65%;padding: 7px;
    }
    .footer-sosyal-medya a { padding: 5px 7px;
    }

}
@media only screen and  (max-width: 320px)
{
   

}
@media only screen and  (max-width: 280px)
{

}