/*# sourceMappingURL=theme.css.map */

ul {padding:0 !important;}
.logonew h4 {
    margin: 0;
}
.logonew h6 {
    margin: 0 0 5px 0 !important;
}

/******** Header *******/
body.maintenance-page.role--anonymous.no-sidebar {text-align: center;}
.topbar.uk-grid.uk-grid-stack {margin: 0!important;display: flex;flex-wrap: wrap;justify-content: center;border-bottom: 1px solid rgb(255 255 255 / 24%);}
.smedya.uk-first-column {color: rgb(255 255 255 / 76%);padding: 3px;display: flex;}
.bottombar.uk-text-center.uk-grid {margin-top: 5px;}
.ilanekle {display: flex;justify-content: flex-end;gap: 5px;position: absolute;}
.ilanekle .uk-margin-small-right {margin-right: 4px !important;margin-top: 8px !important;}
.ilanekle .btn1, .ilanekle .btn2 {color: #fff;margin-top: -11px;border-radius: 0 0 7px 7px;font-size: 0.65em;padding: 0px 6px;font-family: sans-serif;}
.ilanekle .btn1, .ilanekle .btn2 {background: #093d5f !important;}
.ilanekle .btn2 {background-color: #4d9f34 !important;}
.topbar .logo, .topbar .menu{margin-top: 0px!important;padding-left: 30px;}
a.insgrm, a.fbook {
    background: #093d5f;
    padding: 5px 5px 4px 5px;
    margin-top: -9px;
    border-radius: 0 0 7px 7px;
    color: #fff;
}
input.pholder::placeholder {
    color: #fff;
}
#block-nbilisim-bannerslider {
    background: url(/themes/nbilisim/images/icon/bgdotted.png);
    padding: 10px;
}
.menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
}
/*.search {
    padding: 0!important;
    background: linear-gradient(90deg, #ffffff 0%, #2679ae 50%, #ffffff 100%);
}*/
.search {
    padding: 0 !important;
    background-color: #2679ae;
}
.search .filters {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    gap: 30px;
}
.topbar.uk-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
#header .container {width: 100%;}
#header {border-top: 3px solid #2b8ac6;}
.filters .uk-button-primary {
    background-color:rgb(0 0 0 / 6%);
    color: #fff;
    border: 1px solid transparent;
}

.uk-navbar-container {border-radius: 10px;}
.filters .uk-margin-small-bottom {margin-bottom: 0px !important;}
.uk-input, .uk-select, .uk-textarea {
    background-color: rgb(255 255 255 / 0%) !important;
    color: #fff !important;
    border: 0px solid rgb(255 255 255 / 34%) !important;
}
fieldset.uk-fieldset .uk-margin {margin: 0 !important;}

a.slogan.uk-margin-remove-top {
    color: #1b1b1b;
    font-weight: 700;
    font-size: .8em;
}
/*Front*/
.cardtitle, .cardozet, .cardtarih {text-align: center;}
.cardtarih {font-size: 0.75em;padding: 5px 0;}
.cardtitle {margin-top: 10px;}
.cardtitle a h3 {
    font-family: sans-serif;
    font-size: 1em;
    font-weight: 800;
    text-transform: uppercase;
}
#block-nbilisim-views-block-services-block-serviceses h2 {font-size: 1.5em;font-weight: 700;}
.servicesfront {display: flex;flex-wrap: wrap;justify-content: space-between; gap: 20px;}
.servicesfront .views-row { flex: 1; min-width: 250px; border-radius: 10px;max-width: 285px;box-shadow: 0 -14px 23px -16px #111;}

.servicesfront .uk-grid>* {padding: 7px!important;margin: 0!important;border-radius: 11px;border-top: 2px solid #b4b4b4;min-height: 144px;margin-bottom: 5% !important;}
.cardses .uk-card a img {border-radius: 10px;}
.servicesfront .uk-grid {margin: 0 !important;}
.services-frond .social svg {height: 20px;width: auto;}
.services-frond .social.ytp svg {height: 27px;}
.zyrtci {display: flex;flex-direction: row;align-items: center;justify-content: flex-start;}
span[uk-icon="eye"] {margin-right: 7px;transform: scale(0.8);}
.ha h3 {font-size: 1.05rem;}
.uk-card .ha h3 {
    text-align: center;
    margin: 0;
    font-weight: 600;
}

.card-img {
    position: relative;
}
.card-img .u-align.zyrt {
    position: absolute;
    bottom: 0;
    background: #040404ad;
    width: 100%;
    color: #fff;
    border-radius: 0 0 10px 10px;
}
.u-align.wtsp {
    right: 0;
    position: absolute;
    bottom: 3px;
}
.card-sosyal-medya {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}
.service-card b {
    margin: 10px 0;
    text-align: center;
    font-weight: 700;
    color: #707375;
}
.service-card .hvm {
    position: absolute;
    bottom: 0;
    width: -webkit-fill-available;
    text-align: center;
}
/*************** Hizmet Verilen Markalar ***************/
.brand-tüm-markalar {width: 85px !important;}
.brand-tüm-markalar p {display: block !important;}
.hvm ul li p {display: none;}
.brand-audi {width: 62px !important;}
.brand-4-x-4 {width: 50px !important;}
.brand-jeep {width: 62px !important;}
.brand-aston-martin {width: 86px !important;}
.brand-chevrolet {width: 40px !important;}
.brand-chrysler {width: 93px !important;}
.brand-daewoo {width: 45px !important;}
.brand-daihatsu {width: 44px !important;}
.brand-emgrand {width: 50px !important;}
.brand-ford {width: 66px !important;}
.brand-hongqi {width: 39px !important;}
.brand-hyundai {width: 45px !important;}
.brand-infiniti {width: 45px !important;}
.brand-kia {width: 45px !important;}
.brand-lada {width: 46px !important;}
.brand-jaguar {width: 42px !important;}
.brand-land-rover {width: 47px!important;}
.brand-man {width: 40px!important;}
.brand-mini-cooper {width: 58px!important;}
.brand-ford {width: 55px !important;}
.brand-subaru {width: 44px!important;}
.brand-suzuki {width: 36px!important;}
.brand-tata {width: 30px!important;}
.brand-toyota {width: 36px!important;}


li.brand-alle-marken {
    background-image: url('/sites/default/files/service/gallery/img/brand-alle-marken.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-alle-marken::after {
    content: 'Alle Marken'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%);
    opacity: 0; 
    transition: opacity 0.3s; 
}

li.brand-alle-marken:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}

li.brand-4-x-4 {
    background-image: url('/sites/default/files/service/gallery/img/4x4logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-4-x-4::after {
    content: '4x4'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%);
    opacity: 0; 
    transition: opacity 0.3s; 
}

li.brand-4-x-4:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-alfa-romeo {
    background-image: url('/sites/default/files/service/gallery/img/alfa-romeo.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-alfa-romeo::after {
    content: 'Alfa Romeo';
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.3s; 
}

li.brand-alfa-romeo:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-rolls-royce {
    background-image: url('/sites/default/files/service/gallery/img/rolls-royce.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-rolls-royce::after {
    content: 'Rolls Royce';
    position: absolute; 
    top: 50%;
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-rolls-royce:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
}
li.brand-jeep {
    background-image: url('/sites/default/files/service/gallery/img/logo-jeep.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-jeep::after {
    content: 'Jeep';
    position: absolute; 
    top: 50%;
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-jeep:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-aston-martin {
    background-image: url('/sites/default/files/service/gallery/img/aston_martin.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-aston-martin::after {
    content: 'Aston Martin';
    position: absolute; 
    top: 50%;
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-aston-martin:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-audi {
    background-image: url('/sites/default/files/service/gallery/img/audi50.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-audi::after {
    content: 'Audi';
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0;
    transition: opacity 0.3s;
}
li.brand-audi:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-bentley {
    background-image: url('/sites/default/files/service/gallery/img/bentley.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-bentley::after {
    content: 'Bentley';
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0;
    transition: opacity 0.3s;
}
li.brand-bentley:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-bmw {
    background-image: url('/sites/default/files/service/gallery/img/bmw.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-bmw::after {
    content: 'Bmw';
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0;
    transition: opacity 0.3s;
}
li.brand-bmw:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-cadıllac {
    background-image: url('/sites/default/files/service/gallery/img/cadillac.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-cadıllac::after {
    content: 'Cadillac';
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0;
    transition: opacity 0.3s;
}
li.brand-cadıllac:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-chevrolet {
    background-image: url('/sites/default/files/service/gallery/img/chevrolet.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-chevrolet::after {
    content: 'Chevrolet';
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0;
    transition: opacity 0.3s;
}
li.brand-chevrolet:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-chrysler {
    background-image: url('/sites/default/files/service/gallery/img/chrysler.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-chrysler::after {
    content: 'Chrysler';
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0;
    transition: opacity 0.3s;
}
li.brand-chrysler:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-citroen {
    background-image: url('/sites/default/files/service/gallery/img/citroen.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-citroen::after {
    content: 'Citroen';
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0;
    transition: opacity 0.3s;
}
li.brand-citroen:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-cupra {
    background-image: url('/sites/default/files/service/gallery/img/cupra.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-cupra::after {
    content: 'Cupra';
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0;
    transition: opacity 0.3s;
}
li.brand-cupra:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-dacia {
    background-image: url('/sites/default/files/service/gallery/img/dacia.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-dacia::after {
    content: 'Dacia';
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0;
    transition: opacity 0.3s;
}
li.brand-dacia:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-daewoo {
    background-image: url('/sites/default/files/service/gallery/img/daewoo.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-daewoo::after {
    content: 'Daewoo';
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0;
    transition: opacity 0.3s;
}
li.brand-daewoo:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-daihatsu {
    background-image: url('/sites/default/files/service/gallery/img/daihatsu.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-daihatsu::after {
    content: 'Daihatsu';
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0;
    transition: opacity 0.3s;
}
li.brand-daihatsu:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-dodge {
    background-image: url('/sites/default/files/service/gallery/img/dodge.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-dodge::after {
    content: 'Dodge';
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0;
    transition: opacity 0.3s;
}
li.brand-dodge:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-ds-automobiles {
    background-image: url('/sites/default/files/service/gallery/img/ds.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-ds-automobiles::after {
    content: 'Dds Automobiles';
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0;
    transition: opacity 0.3s;
}
li.brand-ds-automobiles:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-emgrand {
    background-image: url('/sites/default/files/service/gallery/img/emgrand.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-emgrand::after {
    content: 'Emgrand';
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0;
    transition: opacity 0.3s;
}
li.brand-emgrand:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-ferrari {
    background-image: url('/sites/default/files/service/gallery/img/ferrari.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-ferrari::after {
    content: 'Ferrari';
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0;
    transition: opacity 0.3s;
}
li.brand-ferrari:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-fiat {
    background-image: url('/sites/default/files/service/gallery/img/fiat.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-fiat::after {
    content: 'Fiat';
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0;
    transition: opacity 0.3s;
}
li.brand-fiat:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-ford {
    background-image: url('/sites/default/files/service/gallery/img/ford.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-ford::after {
    content: 'Ford';
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0;
    transition: opacity 0.3s;
}
li.brand-ford:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-gaz {
    background-image: url('/sites/default/files/service/gallery/img/gaz.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-gaz::after {
    content: 'Gaz';
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0;
    transition: opacity 0.3s;
}
li.brand-gaz:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-geely {
    background-image: url('/sites/default/files/service/gallery/img/geely.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-geely::after {
    content: 'Geely';
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0;
    transition: opacity 0.3s;
}
li.brand-geely:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-honda {
    background-image: url('/sites/default/files/service/gallery/img/honda50.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-honda::after {
    content: 'Honda'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s;
}
li.brand-honda:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-hongqi {
    background-image: url('/sites/default/files/service/gallery/img/hongqi.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-hongqi::after {
    content: 'Hongqi'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s;
}
li.brand-hongqi:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-hyundai {
    background-image: url('/sites/default/files/service/gallery/img/hyundai.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-hyundai::after {
    content: 'Hyundai'; 
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-hyundai:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-i̇nfiniti {
    background-image: url('/sites/default/files/service/gallery/img/infiniti.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-i̇nfinit::after {
    content: 'İnfiniti'; 
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-i̇nfinit:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-isuzu {
    background-image: url('/sites/default/files/service/gallery/img/isuzu.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-isuzu::after {
    content: 'Isuzu'; 
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-isuzu:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-iveco {
    background-image: url('/sites/default/files/service/gallery/img/iveco2.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-iveco::after {
    content: 'Iveco'; 
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-iveco:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-jaguar {
    background-image: url('/sites/default/files/service/gallery/img/jaguar.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-jaguar::after {
    content: 'Jaguar'; 
    position: absolute;
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-jaguar:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-kia {
    background-image: url('/sites/default/files/service/gallery/img/kia.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-kia::after {
    content: 'Kia'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-kia:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-lada {
    background-image: url('/sites/default/files/service/gallery/img/lada.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-lada::after {
    content: 'Lada'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-lada:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-lancia {
    background-image: url('/sites/default/files/service/gallery/img/lancia.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-lancia::after {
    content: 'Lancia'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-lancia:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-land-rover {
    background-image: url('/sites/default/files/service/gallery/img/land-rover.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-land-rover::after {
    content: 'Land Rover'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-land-rover:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-lincoln {
    background-image: url('/sites/default/files/service/gallery/img/lincoln.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-lincoln::after {
    content: 'Lincoln'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-lincoln:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-man {
    background-image: url('/sites/default/files/service/gallery/img/man.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-man::after {
    content: 'Man'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-man:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-maruti {
    background-image: url('/sites/default/files/service/gallery/img/maruti.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-maruti::after {
    content: 'Maruti'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-maruti:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-masarati {
    background-image: url('/sites/default/files/service/gallery/img/masarati.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-masarati::after {
    content: 'Masarati'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-masarati:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-mazda {
    background-image: url('/sites/default/files/service/gallery/img/mazda.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-mazda::after {
    content: 'Mazda'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-mazda:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-mercedes-benz {
    background-image: url('/sites/default/files/service/gallery/img/mercedes50.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-mercedes-benz::after {
    content: 'Mercedes';
    position: absolute; 
    top: 50%; 
    left: 0;
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-mercedes-benz:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-mini-cooper {
    background-image: url('/sites/default/files/service/gallery/img/mini-cooper.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-mini-cooper::after {
    content: 'Mini Cooper';
    position: absolute; 
    top: 50%; 
    left: 0;
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-mini-cooper:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-mitsubishi {
    background-image: url('/sites/default/files/service/gallery/img/mitsubishi.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-mitsubishi::after {
    content: 'Mitsubishi';
    position: absolute; 
    top: 50%; 
    left: 0;
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-mitsubishi:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-moskvich {
    background-image: url('/sites/default/files/service/gallery/img/moskvich.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-moskvich::after {
    content: 'Moskvich';
    position: absolute; 
    top: 50%; 
    left: 0;
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-moskvich:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-nissan {
    background-image: url('/sites/default/files/service/gallery/img/nissan.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-nissan::after {
    content: 'Nissan';
    position: absolute; 
    top: 50%; 
    left: 0;
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-nissan:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-opel {
    background-image: url('/sites/default/files/service/gallery/img/opel50.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-opel::after {
    content: 'Opel'; 
    position: absolute; 
    top: 50%; 
    left: 0;
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-opel:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-peugeot {
    background-image: url('/sites/default/files/service/gallery/img/peugeot.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-peugeot::after {
    content: 'Peugeot'; 
    position: absolute; 
    top: 50%; 
    left: 0;
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-peugeot:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-pontiac {
    background-image: url('/sites/default/files/service/gallery/img/pontiac.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-pontiac::after {
    content: 'Pontiac'; 
    position: absolute; 
    top: 50%; 
    left: 0;
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-pontiac:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-porsche {
    background-image: url('/sites/default/files/service/gallery/img/porsche5050.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-porsche::after {
    content: 'Porsche'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-porsche:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-proton {
    background-image: url('/sites/default/files/service/gallery/img/proton.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-proton::after {
    content: 'Proton'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-proton:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-renault {
    background-image: url('/sites/default/files/service/gallery/img/renault.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-renault::after {
    content: 'Renault'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-renault:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-roewe {
    background-image: url('/sites/default/files/service/gallery/img/roewe.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-roewe::after {
    content: 'Roewe'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-roewe:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-saab {
    background-image: url('/sites/default/files/service/gallery/img/saab.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-saab::after {
    content: 'Saab'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-saab:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-scania {
    background-image: url('/sites/default/files/service/gallery/img/scania.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-scania::after {
    content: 'Scania'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-scania:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-seat {
    background-image: url('/sites/default/files/service/gallery/img/seat50.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-seat::after {
    content: 'Seat'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-seat:hover::after {
    opacity: 1;
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-skoda {
    background-image: url('/sites/default/files/service/gallery/img/skoda50.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-skoda::after {
    content: 'Skoda'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-skoda:hover::after {
    opacity: 1; /* Metni göster */
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-ssangyong {
    background-image: url('/sites/default/files/service/gallery/img/ssangyong.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-ssangyong::after {
    content: 'Ssangyong'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-ssangyong:hover::after {
    opacity: 1; /* Metni göster */
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-subaru {
    background-image: url('/sites/default/files/service/gallery/img/subaru.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-subaru::after {
    content: 'Subaru'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-subaru:hover::after {
    opacity: 1; /* Metni göster */
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-suzuki {
    background-image: url('/sites/default/files/service/gallery/img/suzuki.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-suzuki::after {
    content: 'Suzuki'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-suzuki:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-tata {
    background-image: url('/sites/default/files/service/gallery/img/tata.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-tata::after {
    content: 'Tata'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-tata:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-temsa {
    background-image: url('/sites/default/files/service/gallery/img/temsa.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-temsa::after {
    content: 'Temsa'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-temsa:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-toyota {
    background-image: url('/sites/default/files/service/gallery/img/toyota.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-toyota::after {
    content: 'Toyota'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-toyota:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-volkswagen {
    background-image: url('/sites/default/files/service/gallery/img/vw5050.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-volkswagen::after {
    content: 'Volkswagen'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-volkswagen:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-volvo {
    background-image: url('/sites/default/files/service/gallery/img/volvo.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-volvo::after {
    content: 'Volvo'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-volvo:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}
li.brand-zhonghua {
    background-image: url('/sites/default/files/service/gallery/img/zhonghua.png');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 30px; 
    position: relative;
}
li.brand-zhonghua::after {
    content: 'Zhonghua'; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    opacity: 0; 
    transition: opacity 0.3s; 
}
li.brand-zhonghua:hover::after {
    opacity: 1; 
    background: red;
    color: #fff;
    padding: 3px;
    font-size: 0.7em;
    z-index: 1;
}

/* Page */

.service__body {font-size: 1.4em;}
h2 {margin:0!important;}
.social svg {
    height: 25px;
    width: auto;
}
.social.ytp svg {
    height: 30px;
}
.empty a {
    opacity: 0.3; 
    pointer-events: none;
}

.zyrt.gsm {
    font-size: 0.65em;
}
ul.links.inline {
    margin: 15px 0;
}
.ha.ca ul {
    display: flex;
    flex-wrap: wrap;
}
.ha.ca ul li {
    padding: 1px 5px;
}
.hvm ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: center;
    line-height: 1;
    overflow: hidden;
    max-height: 57px;
}
.uk-card .hvm ul {max-height: 65px;}
/*.hvm ul li {
    margin: 2px 5px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.8em;
    height: 20px
    
}*/
.hvm ul li {
    margin: 2px 5px;
    height: 60px;
    width: 65px !important;
    background-color: rgb(126 132 144 / 10%);
    padding: 3px;
    max-height: 65px !important;
    max-width: 65px !important;
    background-size: 85% 50%;
    background-position: center;
}
h3 strong {
    color: #707375;
}
.iltsm {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 2;
}
.uk-width-1-2, .uk-width-1-3, .hvm, .hb, .ca {
    padding: 9px 3px!important;
}
.servicesp .uk-card-body {padding: 0px;}
.sm .empty, .sm .uk-iconnav li {
    padding: 0;
}
.ha ul {
    margin: 0;
    font-weight: 500;
    display: flex;
    justify-content: space-around;
}
.sm ul {
    justify-content: space-between;
}
.ha.uk-text-left {
    text-align: center !important;
    border-bottom: 1px solid #ddd;
}
.hizmet-bolgesi ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    font-size: .85em;
}
.hizmet-bolgesi ul li {
    text-transform: uppercase;
}
.adress.uk-text-center {
    background: #f4f4f4;
    width: 100%;
}

.iltsm.uk-flex.uk-flex-center, .links, ul.uk-switcher.uk-margin, .mapvdo {
    width: 100%;
}
.links {
    line-height: 1.5;
}
.yoltarifi {
    width: 100%;
}
.yoltarifi a {
    background: linear-gradient(90deg, #5b4c4c7a 0%, #16385b 50%, #5b525266 100%);
    text-align: center;
    width: 100%;
    display: block;
    font-size: 1.4em;
    font-weight: 800;
    color: #fff;
}
.hzmta.uk-text-center {
    margin-top: 35px;
}
.iltsm.uk-flex.uk-flex-center {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
}
.gsm {
    border: 1px solid #ede9e9;
    padding: 0 7px;
}
.gsm a {
    font-size: .75em;
}
.card-img a img {height: 180px;width: 100%;border-radius: 10px;}
.whatsap img {height: 35px !important;width: 35px !important;}


/* Slider */

.slider-infos {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px !important;
}
.slider .uk-dropdown.uk-open {
    width: 285px;
    border-radius: 5px;
    box-shadow: 0 5px 15px rgb(0 0 0 / 14%);
}
.slider ul.share-link li a {
    display: flex;
    gap: 10px;
    align-items: center;
    width: inherit;
    padding: 5px;
    color: #000;
}
.tarih {
    opacity: 0;
}
.bbm {
    background: linear-gradient(90deg, #ffffff 0%, rgb(135 194 226 / 25%) 50%, #ffffff 100%);
}
.bbm img {
    padding: 5px;
    height: -webkit-fill-available;
    width: 100%;
    border-radius: 15px;
}
.bbm .uk-dotnav {
    position: absolute;
    left: 50%;
    bottom: 23px;
    transform: translateX(-50%);
}
.with-subnav .block-nbilisim-page-title h1 {
    text-align: center;
    padding: 5px;
    font-size: 1.2em;
    font-weight: 700;
    background: linear-gradient(90deg, #465f76 0%, #0c4379 50%, #465f76 100%);
    color: white;
    margin: 25px 0;
    text-transform: uppercase;
}
.bbm .uk-icon {background-color: rgb(0 0 0 / 33%)!important;}
.bbm [class*=uk-position-bottom], .bbm [class*=uk-position-center], .bbm [class*=uk-position-left], .bbm [class*=uk-position-right], .bbm [class*=uk-position-top] {
    max-width: inherit!important;
}
/************ Menu **************/
.uk-navbar-dropdown.uk-drop.uk-open {
    left: -42px !important;
}
.topbar .menu {
    display: flex;
    flex-wrap: wrap;
}
.desktop-menu ul {
    display: flex;
}

.menu-item--expanded > .menu {
    display: none;
}

.topbar .menu-item--expanded:hover > .menu {
    display: block;

}

.topbar .menu, .topbar .menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.topbar .menu-item a, .topbar .menu-item span {
    text-decoration: none;
    color: #333;
    font-weight: bold;
    padding: 8px;
    display: block;
    transition: color 0.3s ease-in-out;
    text-transform: uppercase;
    font-size:0.85em;
}
.mobil-menu .menu-item a, .mobil-menu .menu-item span {
    color: #fff;
}
.mobil-menu .menu-item.menu-item--expanded {
    position: relative;
}
.mobil-menu .menu-item--expanded > .menu {
    width: 100%;
}
.topbar .menu-item:hover a {
    color: #007bff;
}
.topbar .menu-item--expanded > .menu {
    display: none;
    position: absolute;
    top: 80%;
    left: 0;
    background-color: #f8f9fa;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.topbar .menu-item--expanded:hover > .menu {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(10px);
}
#header-region .menu-item--expanded .menu-item {
    width: 100%;
    white-space: nowrap;
    margin-right: 0;
}

.menu-item--expanded a {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
}
.menu-item.menu-item--expanded:after {
    content: "\276F";
    position: absolute;
    right: -5px;
    top: 15px;
    transform: rotate(90deg);
    font-size: 10px;
}
.mobil-menu .menu-item.menu-item--expanded span {
    color: #fff;
}
.logonew a img {
    width: auto;
    height: 65px;
}
.logonew .logotext {
    font-size: 1.3em;
    text-align: left;
    font-weight: 900;
    color: #093d5f;
}
.topbar .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    align-items: flex-end;
}
.menu li:nth-child(3) a:before {
    content: "";
    position: absolute;
    top: -16px;
    background: url(/sites/default/files/service/gallery/img/cat.gif);
    width: 71px;
    height: 30px;
    background-size: cover;
}
/***** Override ****/
#header, #footer, .mission, .breadcrumb, .node {
    clear: both;
}
#header, #footer, .mission, .breadcrumb, .node {
    clear: both;
    z-index: auto;
}
#header {
    z-index: 2!important;
    padding: 5px 0px;
    background: #fff;
    box-shadow: 0 7px 54px -34px #222;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
svg {
    max-width: inherit !important;
}

/************** LOGO ************************/
.rotatein {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;

  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes rotateIn {
  0% {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, -200deg);
      transform: rotate3d(0, 0, 1, -200deg);
      opacity: 0;
  }
  100% {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: none;
      transform: none;
      opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate3d(0, 0, 1, -200deg);
      transform: rotate3d(0, 0, 1, -200deg);
      opacity: 0;
  }
  100% {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: none;
      transform: none;
      opacity: 1;
  }
}  
.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;

  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes flip {
  0% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
  }
  40% {
      -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
  }
  50% {
      -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
  }
  80% {
      -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
      transform: perspective(400px) scale3d(.95, .95, .95);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
  }
  100% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
      -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
  }
  40% {
      -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
  }
  50% {
      -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
  }
  80% {
      -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
      transform: perspective(400px) scale3d(.95, .95, .95);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
  }
  100% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px);
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
  }
} 
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes zoomIn {
  0% {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3);
  }
  50% {
      opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3);
  }
  50% {
      opacity: 1;
  }
}

.logom img {
   -webkit-animation-duration: 5s;
   animation-duration: 5s;
   margin: .8%;
}
.animated.flip.logoyazi {
    top: -13px;
    position: absolute;
    z-index: 9;
    left: 57px;
}

.ic.yazi2 a {
    font-size: 1.3em;
    font-family: 'Barlow';
    color: #65979894;
    text-shadow: 1px 1px 1px #fff, -1px -1px 1px #585353;
}
.logom {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.ic.soltkr, .ic.sagtkr {
    width: 35%;
    position: relative;
}
.ic.yazi1 img {width: 85%;margin-left: 10px;}

.logoin {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 10px;
}
.ic.soltkr img {
    position: absolute;
    top: 40px;
    left: -12px;
}
.ic.sagtkr img {
    position: absolute;
    top: -63px;
    left: 99px;
}
.ic.yazi2 {
    margin-top: -10px;
    margin-left: -10px;
}
.bannernew .uk-card-default {
    background-color: transparent;
    box-shadow: none;
}
.banneryazi .uk-card-body {
    padding: 0;
}
/* yorum*/

.star {
    position: relative;
    color: #ddd;
    font-size: 27px;
}
.star.filled {
    color: #ff8100;
}
.star.half-filled:before {
    content: '\2605';
    position: absolute;
    top: -3px;
    left: 0;
    width: 50%;
    color: #ff8100;
    overflow: hidden;
}
.star.empty {
    color: #ddd;
}
.comments ul.js-pager__items.pager a {
    color: #958d8d;
    display: block;
    transition: .02s;
}
.comments ul.js-pager__items.pager a:hover {
    display: block;
    color: #fff;
    transition: .02s;
}
#edit-field-reviews label, #edit-field-reviews--2 label {
    float: right;
    display: inline-block;
    margin-right: 10px;
    font-size: 0;
    color: #ccc;
    cursor: pointer;
    line-height: 1;
}
#edit-field-reviews input, #edit-field-reviews--2 input {
    display: none;
}
#edit-field-reviews, #edit-field-reviews--2 {
    float: left;
}
#edit-field-reviews input:checked ~ label, #edit-field-reviews--2 input:checked ~ label {
    color: #FFC000;
}
#edit-field-reviews label:before, #edit-field-reviews--2 label:before {
    content: "\272D";
    font-size: 28px;
    transition: .2s;
    font-weight: bold;
}
#edit-field-reviews label:hover, #edit-field-reviews--2 label:hover {
    color: #FFC000;
    transition: .2s;
}
#edit-field-reviews label:hover ~ label, #edit-field-reviews--2 label:hover ~ label { 
    color: #FFC000;
}
.review-rating span:before {
    font-size: 20px;
    content: "\272D";
    color: #ddd;
}
.review-rating span.filled:before {
    color: #FFC000;
    font-weight: bold;
}
.review-rating span.half:before {
    content: "\272D";
    position: absolute;
}
label.option[for="edit-field-reviews-none"] {
    display: none !important;
}
section.comments h2.title, #edit-comment-body-0-format {
    display: none;
}
.otosrvcomments .comment__comment-body {
    position: relative;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
}
.otosrvcomments .comment__comment-body p {
    margin: 0;
}

.otosrvcomments .comment__comment-body:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-color: #fff transparent;
    border-width: 0 12px 13px;
    top: -10px;
    left: 5%;
    margin-left: -35px;
}

@media only screen and (max-width: 960px) {
  .otosrvcomments .comment__comment-body:after {
    margin-left: 15px;
}
}
.otosrvcomments time {
    font-weight: normal;
}
textarea#edit-comment-body-0-value {
    border-radius: 10px;
    padding: 20px 10px 0;
    font-weight: bold;
}
textarea#edit-comment-body-0-value::placeholder {
    color: #a7a9add1;
}

section.comments {
    background-color: #f8f8f8;
    border: 1px solid #f3f1f1;
    border-radius: 10px;
    padding: 30px;
}
@media only screen and (max-width: 960px) {
  section.comments {
    padding: 10px;
}
}

/* score avarage */
.avarage-score .views-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    font-size: .9em;
}
/* login */

#block-nbilisim-login-form {
    border: 1px solid #e5e5e5;
    padding: 30px;
    border-radius: 10px;
}
#edit-field-name-0-value--description {
    display: none;
}
#user-register-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#block-nbilisim-content #user-register-form #edit-account .js-form-item {width: 100%;}
#user-register-form .form-type-textfield {width: 100%;}
#user-register-form #edit-account {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

#user-register-form label {
    font-weight: 700;
    font-size: 1.2em;
}
/*Mobil*/
@media (max-width: 767px) {
    .tzyrt {align-items: stretch;height: 25px;}
    #header {background: linear-gradient(180deg, rgb(8 56 81) 0%, rgb(54 185 255) 100%);}
    body {margin:0 4px!important;}
    .logom {display: none;}
    .baslik {font-size: 1.4em;line-height: 1.4;text-shadow: none!important;-webkit-text-stroke-width: 0!important;color: #ffffff !important;}
    #uk-slideshow-1 {min-height: auto !important;}
    .servicesfront .views-row {width: 100%;}
    .ttc.uk-flex.uk-flex-between {width: 100%;}
    #block-nbilisim-views-block-services-block-serviceses h2 {font-size: 1.3em;padding-bottom: 14px;}
    .banneryazi {padding: 0!important;font-size: 15px !important;}
    .uk-text-center.bannernew.uk-grid {margin: 0!important;display: flex;flex-wrap: nowrap;}
    .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {min-height: 57px!important;}
    
    #header {background: #fff;}
  
    .uk-card {position: relative;}
    
    .desktop-menu {
        position: absolute;
        left: -386px;
        top: -104px;
        width: 50px;
        height: 50px;
    }
    #block-nbilisim-views-block-services-block-serviceses {margin: 0 20px;}
    
   .form-type-select {
        width: 45%;
        display: flex;
        flex-wrap: wrap;
   }
   
  .form-type-textfield,   #edit-account .js-form-item {width: 100%;}
  #block-nbilisim-gosterilenformfilterpage-1-2 .form-type-textfield {width: 45%;}
   #edit-submit {background-color: transparent;}
   
   #edit-account {flex-direction: column;}
   
    #views-exposed-form-filter-page-1 [type='submit'] {top: 0 !important;}
    
    #edit-actions {
        background: #2678ac;
        width: 100%;
        display: flex;
        justify-content: center;
        border-radius: 5px;
    }
    .servicesfront .views-row {max-width: 100%;}
    .card-sosyal-medya {justify-content: space-between;}
    .u-align.wtsp {position: initial;padding: 3px;}
    .uk-grid>.uk-grid-margin {margin-top: 0!important;}
    .topbar .logo{margin-top: 18px!important;display: flex;justify-content: center;}
    .mobil-menu .uk-nav .menu {
    display: flex;
    position: initial !important;
    flex-wrap: wrap;
    width: 100%;
}
.mobil-menu .uk-nav .menu li {
    width: 100%;
    background: #2c2c2c;
}
.mobil-menu .uk-nav .menu li:nth-child(3) {
  display:relative!important;
}
#edit_brands_chosen {
    width: 100% !important;
}
.layout-container { overflow: clip;}
#block-nbilisim-bannerslider {
    padding: 0px;
}
}



/*filter */

.servicesfront header, .servicesfront nav.pager {
    width: 100%;
} 
form#views-exposed-form-filter-page-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    padding-bottom: 13px;
    background-color:#093d5f;
}
form#views-exposed-form-filter-page-1 label {
    font-size: 12px;
    color: #fff;
    margin: 5px 0 0 0;
}
form#views-exposed-form-filter-page-1 input#edit-company, form#views-exposed-form-filter-page-1 input#edit-company--2 {
    background-color: #ffffff;
    border-radius: 4px;
    height: 10px;
    margin: auto;    
}
form#views-exposed-form-filter-page-1 input#edit-company::placeholder, form#views-exposed-form-filter-page-1 input#edit-company--2::placeholder {
    color: #000;
    font-size: 13px;
}
form#views-exposed-form-filter-page-1 [type='submit'] {
    position: relative;
    top: 18px;
    background: url(/themes/nbilisim/images/icon/search.svg);
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -9999px;
}
form#views-exposed-form-filter-page-1 .chosen-container-single .chosen-single {
   background-color: #ffffff;
    color: #000;
}
form#views-exposed-form-filter-page-1 select {
    background-color: #fff;
    margin-bottom: 0;
    padding: 5px;
    border-radius: 4px;
    color: #000;
}
form#views-exposed-form-filter-page-1 .chosen-container-single .chosen-single div b {
    filter: invert(1) brightness(1.5);
}

.limites {
    filter: blur(30px);
}
.recommend-services {
    position: sticky;
    top: 20%;
    background-color: #e5e5e5;
    padding: 22px;
    border-radius: 10px;
    z-index: 1;
}
@media only screen and (max-width: 960px) {
  .recommend-services {
    top: 5%;
}
}
.recommend-services:before {
    content: "";
    background: url(/sites/default/files/logo_yazi1.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 0;
    padding: 60px;
}
.recommend-services p {
    margin: 0 !important;
    position: relative;
    top: -25px;
    left: 105px;
}
.recommend-services p.uk-text-lead.uk-text-bold {
    color: #0d3672;
}
.limites-info {
    background-color: #ffc0004d;
    padding: 20px;
    border-radius: 10px;
    margin: 30px 0 30px 0;
    color: #444242ed;
    border: 1px dashed #cd9b04;
}

/*trend */

.vipsrv {
    background-color: #e9f6ff;
    padding: 20px;
}

.tsrv {
    background-color: #9acdef;
    border-radius: 4px;
}
.tsrv a {
    color: #443d3d;
}
.bg img {
    padding-right: 10px;
}
.srt {
    background-color: #0707077d;
    margin-right: 10px;
}
.srt a {
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 3px 2px black;
    font-size: 14px;
}
.tlst {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
}
.tsrv .views-row:nth-child(odd) .count, .tsrv .views-row:nth-child(even) .count {
    font-size: 34px;
    font-weight: bold;
    color: #fff9f9;
}
.ttc {
    min-width: 240px;
}
span.mc {
    width: 20px;
    font-size: 12px;
    color: #0b0b09;
    margin-left: 10px;
    text-align: center;
}

/*infinty */

.views-infinite-scroll-content-wrapper.clearfix {
    display: contents;
}
.js-pager__items.pager {
    background-color: #2679ae;
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px !important;
    border-radius: 5px;
}
.js-pager__items.pager a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}
@media (min-width: 960px) {
    .uk-width-1-3\@m {
        width: auto!important;
    }
}