.navbar-brand>img{
    max-width: 150px;
}

nav.navbar.bootsnav .navbar-brand{
    padding: 10px 0px;
}

.top-bar-area .info li i{
    color: #485883;
}

.f-item.business-hours li:not(:first-child) span{
    margin-left: auto;
    float: right;
}

.f-item.business-hours li:first-child span{
    float: none;
}

.carousel-services-area .carousel-service-items .info{
    padding: 180px 80px;
}

.service_title{
    font-size: 30px;
    font-weight: 600;
}

.top-bar-area{
    padding: 0;
}

.banner-area, .banner-area div{
    max-height: 87vh;
}

.shadow.theme::after{
    background: rgba(15, 31, 54, 0.50);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.mini_card img{
    max-width: 70px;
}

.find_btn{
    background: #0b5ed7;
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
    transition: .3s;
    border: none;
    outline: none;
}

.find_btn:hover{
    color: #efefef;
    background: #0a54c0;

}

.footer-bottom .logo img{
    filter:  invert(1000) brightness(100) contrast(99) grayscale(100) ;
}

.top-bar-area .info li p{
    font-size: 14px;
    text-transform: none;
}

.top-bar-area a{
    font-size: 14px;
}

.justify-content-center{
    justify-content: center!important;
}

.justify-content-between{
    justify-content: space-between!important;
}

.acd-items .panel-heading .panel-title a{
    background: #0b5ed7;
    color: #fff;
    border-radius: 10px;
}

.faq-area .faq-items .acd-items .panel .panel-body{
    border: none;
    border-radius: 10px;
}

.panel-default>.panel-heading{
    border: none;
}

.acd-items .panel.panel-default{
    border: none;
}

.d-none{
    display: none;
}

.download_app{
    background: #26c82f!important;
    border-color: #26c82f;
    display: inline-block;
}

.gap-5{
    gap: 30px;
}

.mt-30{
    margin-top: 30px;
}

.lineChart{
    box-shadow: none;
}

.parallax_home{
    position: relative;
}

.parallax_bg{
    padding: 200px 0;
    background-attachment: fixed!important;
    background-size: 100% auto !important;
    background-repeat: no-repeat!important;
    background-position: center!important;
}

.parallax_bg:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.51);
}

.parallax_detail{
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600 !important;
}
b, strong {
    font-weight: 600 !important;
}

.default.info h2, .default.info h3, .default.info h4, .default.info h5 {
    margin-bottom: 10px !important;
    font-size: 32px !important;
    margin-top: 0px !important;
}

.parallax_detail .parallax_title{
    color: #efefef;
    margin-bottom: 0;
    font-size: 36px;
    text-align: center;
    font-weight: 700;
}

.carousel_overlay:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.38);
    transition: 0.3s ease-in-out;
}

.carousel-services-area:hover .carousel_overlay::after{
    opacity: 0;
}

.banner-area .item h1{
    font-size: 50px;
}

.carousel-services-area .carousel-service-items.owl-carousel .owl-dots{
    bottom: 30px;
    margin: 0;
    position: absolute;
    right: 30px;
}

.owl-theme .owl-nav{
    position: absolute;
    right: 30px;
    top: 30px;
}

.owl-theme .owl-nav [class*=owl-]{
    background: #0b5ed7;
    border: 1px solid #0b5ed7;
    padding: 10px 20px;
}

nav.navbar.bootsnav.sticked ul.nav > li > a{
    padding: 30px 15px;
}

.breadcrumb>li+li:before{
    color: #fff;
}

.mb-30{
    margin-bottom: 30px;
}

.text-white{
    color: #fff!important;
}

.service_spot p{
    color: #fff;
}

.item-box .item .thumb img{
    max-height: 400px;
    width: 100%;
    object-fit: cover;
}

.flex-wrap{
    flex-wrap: wrap;
}

.contact-form-area .tab-content li .info span{
    text-transform: none;
}

.teklif_form{
    padding: 100px 0;
}

select.form-control{
    height: 50px;
}

.teklif_btn{
    display: block;
    width: max-content;
    margin: 15px auto 0 auto;
}

.service-item .overlay{
    background: rgba(16, 16, 67, 0.60);
}

.service-item .info-title{
    background: #101043;
}

.business-hours ul{
    margin-top: 0!important;
}

.loader-wrapper{
    position:fixed;
    z-index:1090;
    height:100vh;
    width:100vw;
    background-color: rgba(240, 240, 240, 0.98);
}

.truck-wrapper{
    height: 250px;
    width: 250px;
    border: 4px solid #101043;
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%) scale(0.8);
    background:white;
    animation:bg 0.5s linear infinite;
    /* border-bottom:3px solid #404143; */
    border-radius: 100%;
    overflow:hidden;
    box-shadow:inset 0px 0px 10px 4px rgba(0,0,0,0.3),inset 0px 0px 5px 0px #101043;
}

.truck-wrapper:after{
    content:'Loading...';
    font-size:20px;
    position:absolute;
    bottom:0px;
    text-align:center;
    width:100%;
    border-top:1px solid #101043;
    background: rgb(16, 16, 66);
    background: -moz-linear-gradient(left, rgb(10, 90, 180) 0%, rgb(16, 16, 66) 100%);
    background: -webkit-linear-gradient(left, rgb(10, 90, 180) 0%, rgb(16, 16, 66) 100%);
    background: linear-gradient(to right, rgb(10, 90, 180) 0%, rgb(16, 16, 67) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1efcc8', endColorstr='#1dd3d6',GradientType=1 );
    color:white;
    padding-top:8px;
    padding-bottom:18px;
    animation: bg 3s linear infinite;
}

.truck{
    height:110px;
    width:150px;
    position:absolute;

    bottom:48px;
    left: calc(50% + 10px);
    transform: translateX(-50%);

}


.truck > .truck-container {
    background: rgb(175,189,195);
    background: -moz-linear-gradient(-45deg, rgba(175,189,195,1) 0%, rgba(175,189,195,1) 50%, rgba(143,163,173,1) 51%, rgba(143,163,173,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(175,189,195,1) 0%,rgba(175,189,195,1) 50%,rgba(143,163,173,1) 51%,rgba(143,163,173,1) 100%);
    background: linear-gradient(135deg, rgba(175,189,195,1) 0%,rgba(175,189,195,1) 50%,rgba(143,163,173,1) 51%,rgba(143,163,173,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afbdc3', endColorstr='#8fa3ad',GradientType=1 );
    height:50px;
    width:80px;
    position:absolute;
    top:10px;
    left:10px;
    animation: container 0.4s linear infinite;
}

.truck > .truck-container img{
    margin-top: 13px;
}

.truck > .glases{
    background: rgb(40,181,245);
    background: -moz-linear-gradient(-45deg, rgba(40,181,245,1) 0%, rgba(40,181,245,1) 50%, rgba(2,153,227,1) 52%, rgba(2,153,227,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(40,181,245,1) 0%,rgba(40,181,245,1) 50%,rgba(2,153,227,1) 52%,rgba(2,153,227,1) 100%);
    background: linear-gradient(135deg, rgba(40,181,245,1) 0%,rgba(40,181,245,1) 50%,rgba(2,153,227,1) 52%,rgba(2,153,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28b5f5', endColorstr='#0299e3',GradientType=1 );
    position:absolute;
    height:25px;
    width:25px;
    border:4px solid #FBD734;
    border-bottom:none;
    top:35px;
    left:95px;
    border-top-right-radius:6px;
    animation: updown-half 0.4s linear infinite;
}
.truck > .glases:after{
    content:'';
    display:block;
    background-color:#FBD734;
    height:13px;
    width:10px;
    position:absolute;
    right:-10px;
    bottom:0px;
    border-radius:10px / 15px;
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px;
    border-top-left-radius:0px;

}

.truck > .glases:before{
    content:'';
    display:block;
    background-color:#F9BF2C;
    height:12px;
    width:16px;
    position:absolute;
    left:0px;
    bottom:0px;
    border-top-right-radius:4px;
}

.truck > .bonet{
    background-color:#F9BF2C;
    position:absolute;
    width:124px;
    height:15px;
    top:64px;
    left:10px;
    z-index:-1;
    animation: updown 0.4s linear infinite;
}

.truck > .bonet:after{
    content:'';
    display:block;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 );
    height:10px;
    width:6px;
    position:absolute;
    right:0px;
    bottom:2px;
    border-top-left-radius:4px;

}

.truck > .base{
    position:absolute;
    background-color:#445A64;
    width:106px;
    height:15px;
    border-top-right-radius:10px;
    top:70px;
    left:14px;
    animation: updown 0.4s linear infinite;
}

.truck > .base:before{
    content:'';
    display:block;
    background-color:#E54A18;
    height:12px;
    width:5px;
    position:absolute;
    left:-4px;
    bottom:0px;
    border-bottom-left-radius:4px;
}

.truck > .base:after{
    content:'';
    display:block;
    background-color:RGB(84,110,122);
    height:10px;
    width:20px;
    position:absolute;
    right:-16px;
    bottom:0px;
    border-bottom-right-radius:4px;
    z-index:-1;
}

.truck > .base-aux{
    width:82px;
    height:8px;
    background-color:#F9BF2C;
    position:absolute;
    top:65px;
    left:14px;
    border-bottom-right-radius:4px;
    animation: updown 0.4s linear infinite;
}
.truck > .wheel-back{
    left:20px
}

.truck > .wheel-front{
    left:95px;
}

.truck > .wheel-back,.truck > .wheel-front{

    border-radius:100%;
    position:absolute;
    background: rgb(84,110,122);
    background: -moz-linear-gradient(-45deg, rgba(84,110,122,1) 0%, rgba(84,110,122,1) 49%, rgba(68,90,100,1) 52%, rgba(68,90,100,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(84,110,122,1) 0%,rgba(84,110,122,1) 49%,rgba(68,90,100,1) 52%,rgba(68,90,100,1) 100%);
    background: linear-gradient(135deg, rgba(84,110,122,1) 0%,rgba(84,110,122,1) 49%,rgba(68,90,100,1) 52%,rgba(68,90,100,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#546e7a', endColorstr='#445a64',GradientType=1 );
    top:80px;
    height:22px;
    width:22px;
    animation:spin 0.6s linear infinite;
}

.truck > .wheel-back:before,.truck > .wheel-front:before{
    content:'';
    border-radius:100%;
    left:5px;
    top:5px;
    position:absolute;
    background: rgb(175,189,195);
    background: -moz-linear-gradient(-45deg, rgba(175,189,195,1) 0%, rgba(175,189,195,1) 50%, rgba(143,163,173,1) 51%, rgba(143,163,173,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(175,189,195,1) 0%,rgba(175,189,195,1) 50%,rgba(143,163,173,1) 51%,rgba(143,163,173,1) 100%);
    background: linear-gradient(135deg, rgba(175,189,195,1) 0%,rgba(175,189,195,1) 50%,rgba(143,163,173,1) 51%,rgba(143,163,173,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afbdc3', endColorstr='#8fa3ad',GradientType=1 );
    height:12px;
    width:12px;
}

@keyframes spin {
    50%{
        top:81px;
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes container {

    30%{
        transform:rotate(1deg);
    }
    50%{
        top:11px;
    }

    70%{
        top:10px;
        transform:rotate(-1deg);
    }
}

.truck > .smoke{
    position:absolute;
    background-color:#AFBDC3;
    border-radius:100%;
    width:8px;
    height:8px;
    top:90px;
    left:6px;
    animation: fade 0.4s linear infinite;
    opacity:0;
}

.truck > .smoke:after{
    content:'';
    position:absolute;
    background-color:RGB(143,163,173);
    border-radius:100%;
    width:6px;
    height:6px;
    top:-4px;
    left:4px;
}

.truck > .smoke:before{
    content:'';
    position:absolute;
    background-color:RGB(143,163,173);
    border-radius:100%;
    width:4px;
    height:4px;
    top:-2px;
    left:0px;
}

@keyframes fade {

    30%{
        opacity:0.3;
        left:7px;
    }
    50%{
        opacity:0.5;
        left:6px;
    }

    70%{
        opacity:0.1;
        left:4px;
    }

    90%{
        opacity:0.4;
        left:2px;
    }
}

@keyframes bg {
    from{
        background-position-x:0px;
    }
    to{
        background-position-x:-400px;
    }
}

@keyframes updown {
    50%{
        transform:translateY(-20%);
    }

    70%{
        transform:translateY(-10%);
    }
}

@keyframes updown-half{
    50%{
        transform:translateY(-10%);
    }

    70%{
        transform:translateY(-5%);
    }
}

.navbar-sticky.sticked .navbar-brand>img{
    max-width: 100px;
}

a.cursors{
    cursor: default;
}

.service-item .overlay-content > a{
    font-size: 14px;
}


.pt-100{
    padding-top: 100px;
}

.pb-50{
    padding-bottom: 50px;
}

/*! SVG Türkiye Haritası | CSS | MIT Lisans | dnomak.com */
:root {
    --color-default: #0a0d13;
    --color-primary: #101044;
    --color-trimary: #3d3d85;
    --color-secondary: #0e1d34;
    --font-default: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-primary: "Inter", sans-serif;
    --font-secondary: "Poppins", sans-serif;
}
.svg-turkiye-haritasi {
    max-width: 1140px;
    margin: 0 auto;
    text-align: center;
}
.svg-turkiye-haritasi svg {
    width: 100%;
    height: auto;
}
.il-isimleri {
    z-index: 999999;
    position: absolute;
}
.il-isimleri div {
    font-family: sans-serif,Tahoma,Verdana;
    display: inline-block;
    background: #222;
    color: #fff;
    padding: 8px 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#svg-turkiye-haritasi path {
    cursor: pointer;
    stroke: #ccc;
    stroke-width: 0.5px;
    stroke-linejoin: round;
}
#svg-turkiye-haritasi path:hover {
    fill: #1094F6;
}

#svg-turkiye-haritasi .il1 path {
    fill:#1e4c62;
}
#svg-turkiye-haritasi .il2 path {
    fill:#3e728b;
}
#svg-turkiye-haritasi .il3 path {
    fill:#6897af;
}
#svg-turkiye-haritasi .il4 path {
    fill:#a6c3d1;
}
#svg-turkiye-haritasi .il5 path {
    fill:#d7edf8;
}
#svg-turkiye-haritasi .il6 path {
    fill:#f7f7f7;
}

.bg-light{
    background: #efefef;
}


.border_belge{
    border: 1px solid #0a0d13;
    transition: 0.3s ease-in-out;
    overflow: hidden ;
}
.border_belge img{
    transition: 0.3s ease-in-out;
}

.border_belge img:hover{
    transform: scale(1.1);
}

.belge_title{
    padding: 10px;
    background: #00081d;
    color: #fff;
}

.checkbox-inpt{
    min-height: 1px!important;
}

.floating_wp{
    display: none;
}

#jcont{
    right: 100px!important;
}

.site-heading .title_sec{
    font-size: 30px;
    color: #232323;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 20px;
}

@media screen and (min-width: 768px){

    .fix_mobile{
        display: none;
    }

    .floating_wp{
        display: flex;
        position: fixed;
        width: 65px;
        height: 65px;
        right: 20px;
        bottom: 100px;
        background: #42db87;
        z-index: 9999;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    }

    .floating_wp a{
        display: block;
        text-align: center;
        line-height: 1;
        font-size: 25px;
        color: #fff;
    }
}



.f-item.business-hours li:nth-child(2) span{
    float: none!important;
}

.apple_buton{
     background: #fff;
    border-color: #999999;
    color: #000 !important;
    display: flex;
    width: max-content;
    margin-right: 2px;
    padding: 10px 20px !important;
}

.custom-inline{
    display: inline-block!important;
    margin-top: 5px;
}
@media screen and (max-width: 768px){

    .footer-bottom{
        padding: 30px 0 55px 0!important;
    }

    .fix_mobile{
        display: flex;
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        justify-content: space-between;
        background: #0c3364;
        z-index: 99999;
    }

    .fix_mobile a{
        color: #fff;
        font-size: 20px;
        padding: 15px;
        display: block;
        width: 100%;
        text-align: center;
    }

    .fix_mobile a:nth-child(2){
        border-left: 1px solid rgb(18, 18, 94);
        border-right: 1px solid rgb(18, 18, 94);
        background: #00a500;
        font-size: 25px;
    }

    .wrap_cc7a{
        bottom: 50px!important;
    }

    .wrap_c89d{
        bottom: 50px!important;
    }

    .wrap_c579{
        bottom: 60px!important;
    }

    .__jivoMobileButton{
        bottom: 60px!important;
    }

    .custom-inline{
        display: block!important;
    }

}