body{--c:rgba(255,255,255,0.7);--t:transparent}
.bg-green{background-color:#ff1100!important}
.navbar-light .navbar-brand h2{text-transform:uppercase;background:#000;background:-webkit-linear-gradient(to right,#000 0%,#ff1100 100%);background:-moz-linear-gradient(to right,#000 0%,#ff1100 100%);background:linear-gradient(to right,#000 0%,#ff1100 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.navbar-light .ara-button{text-transform:uppercase;animation:3.8s linear 0 infinite normal none running blinker}
.ara-button{color:#fff!important}
.dropdown-item{text-transform:uppercase}
.dropdown-menu a{font-weight:500}
.hero h1{text-transform:uppercase}
.hero p{text-transform:uppercase}
.hero a{text-transform:uppercase}
.feature h5{text-transform:uppercase}
.feature-div{width:60px;height:60px}
.section-title h1{text-transform:uppercase}
.section-title h1::before{display:none}
.section-title h1::after{display:none}
.btn-square{padding:5px 20px;text-transform:uppercase;font-weight:500}
.btn-square i{margin-right:.5rem}
.pl-2{padding-left: 2.4rem;}
@keyframes blinker {
50%{opacity:.4}
}
.hizmet-box{background-image:url(../img/hizmet-bg.jpg);border-top-left-radius:5px;border-top-right-radius:5px}
.hizmet-alt{padding:10px 0;background-color:#000;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.hizmet-alt p{text-transform:uppercase;text-align:center;margin:0;font-weight:600;color:#fff!important}
.servis-bolge h1 span{font-weight:700;font-style:italic;color:#d90368;border-bottom:2px dashed currentcolor}
.servis-bolge .button-effect h2{font-family:"Droid Serif",serif;font-size:20px;margin-bottom:40px}
.servis-bolge .button-effect a{margin-right:17px;background-color:#ff1100}
.servis-bolge .button-effect a:last-child{margin-right:0;width:100%}
.effect{text-align:center;display:inline-block;position:relative;text-decoration:none;color:#fff;text-transform:capitalize;font-family:Roboto,sans-serif;font-size:15px;padding:12px 0;width:150px;border-radius:6px;overflow:hidden}
.effect.effect-2{transition:all .2s linear 0}
.effect.effect-2::before{border:none;content:"";font-family:"Font Awesome 5 Free";font-weight:900;vertical-align:middle;margin-left:8px;font-size:15px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:-30px;width:30px;height:100%;background-color: #60b700;border-radius:0 6px 6px 0;transition:all .2s linear 0;text-align:center}
.effect.effect-2.marka::before{border:none;content:"\f35a";font-family:"Font Awesome 5 Free";font-weight:900;vertical-align:middle;margin-left:8px;font-size:15px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:-30px;width:30px;height:100%;background-color: #60b700;border-radius:0 6px 6px 0;transition:all .2s linear 0;text-align:center}
.effect.effect-2:hover{text-indent:-30px}
.effect.effect-2:hover::before{right:0;text-indent:0}
.servis-bolge .button-effect a{text-transform:uppercase}
.servis-bolge .button-effect a:hover{color:#fff}
.servis-bolge .button-effect a:hover span{filter:drop-shadow(white 3px 0px 5px)}
.footer h4{text-transform:uppercase}
.footer .btn.btn-link{text-transform:uppercase}
.mobil-ara-buton{width:100%;line-height:23px;color:#FFF!important;font-size:23px;font-weight:600;background-color:#ff1100;position:fixed;display:none;bottom:0;text-align:center;z-index:9999;left:0;text-decoration:none!important;padding:5px 0}
.mobil-ara-buton img{width:20px;margin-right:15px}
.i-flex{display:inline-flex}
.icon-duzeltme{font-size:35px;display:flex;align-items:center;margin-right:10px}
.dg{display:grid}
.fs-13{font-size:13px}
.page-header{background-image: url(../img/breadcrumb-bg.png);}
.page-header h1{color: #ff1100;}
.page-header .breadcrumb li a{color: #000!important;}
.breadcrumb-item+.breadcrumb-item::before{color: #000;}
.serviceBox{
    padding-left: 30px;
    position: relative;
    margin-bottom: 1rem;
}
.serviceBox:before{
    content: "";
    width: 60px;
    height: 60px;
    background: #e66c6c;
    position: absolute;
    top: 20px;
    left: 5px;
    z-index: 1;
}
.serviceBox .service-icon{
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #ff1100;
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 15px;
    left: 0;
    z-index: 1;
}
.serviceBox .service-content{
    padding: 30px;
    border-width: 1px;
    border-style: solid;
    border-color: #d5d5d5 #d5d5d5;
    position: relative;
    transition: all 0.4s ease-in-out 0s;
}
.serviceBox:hover .service-content{
    background: #3f4147;
    border-color: #3f4147;
}
.serviceBox .title{
    font-size: 18px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    padding-left: 30px;
    transition: all 0.4s ease-in-out 0s;
}
.serviceBox:hover .title{
    color: #fff;
}
.serviceBox .description{
    font-size: 14px;
    color: #858585;
    margin: 0;
    padding-left: 30px;
}
.serviceBox .read-more{
    display: inline-block;
    width: 32px;
    height: 30px;
    line-height: 30px;
    background: #3f4147;
    font-size: 20px;
    font-weight: 900;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: -1px;
    text-align: center;
    transition: all 0.4s ease-in-out 0s;
}
.serviceBox .read-more:hover{
    background: #2a2b2c;
}
.iletisim-ortala{display: flex;flex-direction: column;align-items: center;justify-content: center;}
@media only screen and (max-width:990px){
    .serviceBox{margin-bottom: 20px;}
}
@media(max-width:1400px){
    .topbar{display: none;}
    .navbar-light .navbar-nav .nav-link{margin-right: 15px;font-size: 15px;font-weight: 600;}
    .navbar-brand h2{font-size: 1.5rem;}
    .navbar-light .navbar-brand, .navbar-light a.btn{height: inherit;}
}
@media(max-width:1200px){
    #navbarCollapse .btn.bg-green{padding: 21px 10px!important; font-size: 13px;font-weight: 500;}
    #navbarCollapse .btn.bg-green i{margin-left: 0!important;}
    .navbar-light .navbar-nav .nav-link{margin-right: 13px;font-size: 14px;}
    .navbar-brand{padding:0 10px!important}
    .feature h5{font-size: 17px;}
    .servis-baslik{margin-bottom: 2rem!important;}
}
@media(max-width:991px) {
.mobil-ara-buton{display:block}
.navbar-toggler-icon{width: 1.3rem;}
.navbar-toggler{padding: 3px 10px;font-size: 1rem;border-radius: 5px;margin: 10px 0;}
.navbar-light .navbar-nav .nav-link{padding: 3px;font-size: 15px;}
.navbar-nav.ms-auto{padding: 0px 45px 0px 45px!important;}
.dropdown-item{font-size: 14px;padding: 1px 20px;font-weight: 600!important;}
.dropdown-menu{padding: 0;}
.about{padding: 1rem 0!important;}
.about-text{padding-bottom: 0!important;padding-top: 1rem!important;}
.section-title.text-start h1{margin-bottom: 1rem!important;}
.mb-0-991{margin-bottom: 0!important;}
.iletisim-ortala{padding-left: 0!important;}
}
@media(max-width:768px){
    .section-title h1{margin-bottom: 1rem!important;}
    .hero p{font-size: 13px!important;}
    .hizmet-box{display: flex;align-items: center;justify-content: center;background-position: center;background-size: cover;}
    .about-kapsul{margin: 1rem 0!important;}
    .hizmet-kapsul{padding-bottom: 1rem!important;}
    .section-title h1{font-size: 30px;padding: 0;}
    .navbar-light .navbar-toggler{margin-right: 0.5rem!important;}
    .iletisim-resim{object-position: left;}
}
@media(max-width:576px){
    .d-none-576{display: none;}
    .hero h1{margin-bottom:10px!important;font-size: 25px;}
    .hero p{display: none;}
    .hero a{border-radius: 5px;padding: 2.5px 25px;font-size: 15px;}
    .footer .copyright{font-size: 13px;}
    .footer .btn.btn-link{font-size: 14px;}
    .breadcrumb-pl{padding-left: 0.5rem;}
}
@media(max-width:400px){
    .hero h1{font-size: 21px;}
    .navbar-brand h2{font-size: 1.3rem;}
}