body{ width: 100%; height: 100%; counter-reset: count; padding: 0; margin: 0; color: #111; background: #fff; font-family: 'Gilroy'; font-size: 15px; font-weight: 400; overflow: auto; overflow-x: hidden;}
::selection{ background: #ff478c; color: #fff;}
.loading{ position: fixed; width: 100%; height: 100vh; background: #fff; top: 0; left: 0; z-index: 9999999999999999;}
.container{ max-width: 1300px !important; }

/* Header Section */
/* .header-section{ width: 100%; position: absolute; top: 0; left: 0; z-index: 2; padding: 15px 0;} */
.header-section { padding: 10px 0; position: fixed; top: 0; left: 0; height: 100px; width: 100%; z-index: 9; background: white; }
/* Logo */
.logo{ width: 300px;}
.logo a{ text-decoration: none; color: currentColor; display: block;}
.logo img{ max-width: 71%;}


.footer-section{color: white; background-color: #06163a;}

/* BREADCRUMB */

.breadcrumb { background: transparent; padding: 15px 0; margin-bottom: 0; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
    .breadcrumb a { text-decoration: none; color: currentColor; font-size: 15px; font-weight: 400; color: #111 !important; letter-spacing: 1px; display: inline-block; }
    .breadcrumb span { font-size: 14px; padding-left: 8px; padding-right: 8px; color: #999; }
    .breadcrumb a:last-child { font-weight: 500; }

/* Project Detail */

.project-detail h1 { position: relative; font-size: 64px; font-weight: 300; padding-bottom: 10px; }
    .project-detail h1 strong { font-weight: 600; }
    .project-detail h1::after { content: ""; position: absolute; width: 100px; height: 2px; background: #111; left: 50%; bottom: 0; transform: translateX(-50%); }
.project-detail table { margin: auto; }
    .project-detail table tbody tr td:first-child { padding-right: 30px; }

.project-detail-image { position: relative; width: 100%; padding-bottom: 71%; box-shadow: 0 0 25px rgba(0,0,0,0.2); }
    .project-detail-image img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: contain; }

.project-detail-first-image img { width: 100%; }

.project-detail-text ul { list-style: none; padding: 0; margin: 0; }
    .project-detail-text ul li { padding: 10px 0; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; font-size: 18px; }
        .project-detail-text ul li:last-child { border: 0; }
        .project-detail-text ul li strong { font-weight: 600; }

#personel tr:first-child td{
    background: rgb(133, 22, 22);
    color: white;
    font-size: 22px;
    font-weight: 600;
}

.lang-select {
    display: none;
    background-color: #c1ac74;
    padding: 10px;
    width: 100px;
    position: absolute;
    right: -14px;
    top: 47px;
}

.lang-select div {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    padding: 5px 10px;
}

.lang-select div:hover{
    border: 1px solid white;
}

.lang-select div span{margin-left: 10px;}

.selected-lang {cursor: pointer; position: relative; margin-left: 30px;}
.selected-lang > .mb-2 {border: 1px solid #c1ac74; padding: 5px 10px;}
.selected-lang img{width: 30px; height: 20px; object-fit: cover;}

/* REFERANS L�STES� */

.referans-list { }
    .referans-list ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
        .referans-list ul li { width: 20%; text-align: center; }
            .referans-list ul li a { text-decoration: none; color: currentColor; display: block; padding: 20px; }

            .referans-list ul li .img { width: 100%; border: 1px #ccc solid; margin-bottom: 10px; padding: 20px; overflow: hidden; }
                .referans-list ul li .img img { width: 100%; transition: 0.6s; }
            .referans-list ul li h1 { font-size: 20px; font-weight: 500; color: #2a323b; }

            .referans-list ul li a:hover img { transform: scale(1.1); }

/* PROJE L�STE */

.proje-list { width: 90%; margin-left: 5%; }
    .proje-list a { min-height: 380px; text-decoration: none; color: currentColor; display: block; border: 1px solid #c1ac74; height: 100%; padding: 10px; border-radius: 5px; position: relative; }
    .proje-list a .git-btn { transition: .4s; padding: 10px 20px; border: 1px solid #c1ac74; color: #c1ac74; font-weight: 500; letter-spacing: 1px; position: absolute; bottom: 18px; left: 29%; }
    .proje-list a .git-btn:hover{ background-color: #c1ac74; color: #eee; border-radius: 5px; }
    .proje-list .img { text-align: center; }
        .proje-list .img img { height: 200px; position: relative; z-index: 2; margin-bottom: 10px; width: 100%; object-fit: cover; object-position: center; }

    .proje-list .icerik { width: 100%; text-align: center; }
        .proje-list .icerik h1 { font-size: 24px; font-weight: 600; color: #2a323b; display: inline-block; padding-right: 10px; margin-bottom: 44px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
        .proje-list .icerik .tarih { font-size: 20px; font-weight: 400; color: #888; }


    .proje-list ul { list-style: none; padding: 0; margin: 0; max-width: 1110px; width: 100%; margin: auto; }
        .proje-list ul li { margin-bottom: 75px; }
            .proje-list ul li:last-child { margin-bottom: 0; }

            /* �ift sat�rlar */
            .proje-list ul li:nth-child(even) .img { order: 2; padding-right: unset; }
                .proje-list ul li:nth-child(even) .img::after { right: auto; left: 0px; }

            .proje-list ul li:nth-child(even) .icerik { order: 1; padding-left: unset; padding-right: 4%; text-align: left; }

/* Top Menu */
.top-menu{ width: auto;}
.top-menu ul{ list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center;}
.top-menu ul li{ position: relative; width: auto; margin-left: 45px;}
.top-menu ul li a{ text-decoration: none; color: #111; display: inline-block; padding: 10px 0; font-size: 14px; font-weight: 600; position: relative;}
.top-menu ul li a i{ color: #111; font-size: 18px; position: relative; top: 3px;}
.top-menu ul li:hover a{ color: #c1ac74;}
.top-menu > ul{ list-style: none; padding: 0; margin: 0; display: flex;}
.top-menu > ul ul{ list-style: none; padding: 10px 0; margin: 0; position: absolute; width: 230px; background: #fff; display: none; z-index: 2; box-shadow: 0px 3px 10px rgba(0,0,0,0.1); }
.top-menu > ul ul li { margin: 0; }
.top-menu > ul ul li a{ padding: 5px 25px; color: #111 !important;}
.top-menu > ul ul li a:hover{ color: #c1ac74 !important;}
.top-menu > ul ul.opened{ display: block;}
.top-menu > ul ul ul{ left: 100%; top: 0; display: none;}
.top-menu > ul ul ul.opened{ display: block;}

/* Home Banner */
.home-banner{ width: 100%;}
.home-banner a{ position: relative; text-decoration: none; color: currentColor; display: block;}
.home-banner a::after{ content:''; position: absolute;  /*background-color: #111;*/ width: 100%; height: 100%; top: 0; left: 0; opacity: 0.6; }
.home-banner img{ width: 100%;  object-fit: cover;}

.home-mobilbanner { width: 100%; display:none; }
  .home-mobilbanner a { text-decoration: none; color: currentColor; display: block; }
  .home-mobilbanner img { width: 100%; object-fit: cover; }


/* Home Offer Section */
.home-offer-section{ display: none; max-width: 450px; width: 100%; position: absolute; right: 15%; top: 20%; background: #fff; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); z-index: 1;}
.home-offer-section h2{ font-size: 20px; font-weight: 700; text-align: center; margin-bottom: 30px;}
.home-offer-section .form-group{ margin-bottom: 0; padding: 45px;}
.home-offer-section .form-group ul{ list-style: none; padding: 0; margin: 0;}
.home-offer-section .form-group ul li{ width: 100%; padding: 5px 0;}
.home-offer-section .form-group ul li input[type=text]{ width: 100%; padding: 10px 15px; outline: none; border: 1px solid #ddd; border-radius: 30px;}
.home-offer-section .form-group ul li textarea{ width: 100%; padding: 10px 15px; outline: none; border: 1px solid #ddd; border-radius: 30px;}
.home-offer-section .form-group ul li select{ width: 100%; padding: 10px 15px; outline: none; border: 1px solid #ddd; border-radius: 30px;}
.home-offer-section .form-group ul li input[type=submit]{ width: 100%; padding: 10px 15px; outline: none; border: 0; background: #c1ac74; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 1px; border-radius: 30px;}


/* Banner */
.banner{ width: 100%;}
.banner a{ text-decoration: none; color: currentColor; display: block;}
.banner img{ width: 100%; height: 320px; object-fit: cover;}

/* Info Item */
.info-list .col-lg-6{ padding: 30px;}
.info-list .col-lg-6:nth-child(1){ border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.info-list .col-lg-6:nth-child(2){ border-bottom: 1px solid #ddd;}
.info-list .col-lg-6:nth-child(3){ border-right: 1px solid #ddd;}

.info-item{ width: 100%; display: flex;}
.info-item .image{ width: 100px; margin-right: 30px;}
.info-item .image img{ max-width: 100%;}
.info-item .content{ width: 100%;}
.info-item .content h2{ font-size: 16px; font-weight: 600; margin-bottom: 20px; line-height: unset;}
.info-item .content p{ margin-bottom: 0;}

/* Info Item */
.why-list .col-lg-4{ padding: 39px;}
.why-list .col-lg-4:nth-child(1){ border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.why-list .col-lg-4:nth-child(2){ border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.why-list .col-lg-4:nth-child(3){ border-bottom: 1px solid #ddd; }
.why-list .col-lg-4:nth-child(4){ border-right: 1px solid #ddd; }
.why-list .col-lg-4:nth-child(5){ border-right: 1px solid #ddd; }
.why-list .col-lg-4:nth-child(6){  }
.why-list .col-lg-4 .list-item  {position: relative;}
.why-list .col-lg-4 .list-item .detail-btn { padding: 4px; transition: .4s; position: absolute; bottom: -43px; left:31%; cursor: pointer; border: 1px solid #1a1c28; color: #1a1c28; width: 77px;}
.why-list .col-lg-4 .list-item .detail-btn:hover { background-color: #c1ac74; color: #eee; border: 0px; }


.detail-btn:hover { background-color: #c1ac74; color: #eee; border: 0px; }

.why-list .list-item{ width: 100%; text-align: center;}
.why-list .list-item .image{ width: 100%; margin-bottom: 15px;}
.why-list .list-item .image img{ max-width: 100%;}
.why-list .list-item .content{ width: 100%;}
.why-list .list-item .content h2{ font-size: 20px; font-weight: 600; margin-bottom: 15px; line-height: unset;}
.why-list .list-item .content p{ margin-bottom: 0;}

/* Insurance List */
.insurance-list{ max-width: 1300px; width: 100%; margin: auto; display: flex; flex-wrap: wrap;}
.insurance-list .list-item{ width: 50%; padding: 30px; margin-bottom: 15px;}
.insurance-list .list-item a{ position: relative; height: 100%; text-decoration: none; color: currentColor; display: flex; flex-wrap: wrap; background: #fff; border-radius: 20px; box-shadow: 0px 5px 10px rgba(0,0,0,0.1);}
.insurance-list .list-item .image{ width: 50%; position: absolute; left: 0; bottom: 0; border-radius:20px; overflow:hidden; }
.insurance-list .list-item .image img{ width: 80%;}
.insurance-list .list-item .content{ width: 55%; min-height: 200px; margin-left: 45%; padding: 30px; display: flex; flex-wrap: wrap; align-content: flex-end; position: relative;}
.insurance-list .list-item .content h2{ font-size: 18px; margin-bottom: 20px; position: relative; z-index: 2;}
.insurance-list .list-item .content h2::before{ counter-increment: count; content: counter(count); position: absolute; z-index: -1; font-size: 84px; font-weight: 900; top: -35px; left: -25px; background: -webkit-linear-gradient(#6f95fa, #c1ac74); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: 0.5;}
.insurance-list .list-item .content h2 b{ display: block;}
.insurance-list .list-item .content p{}
.insurance-list .list-item .content .detail-btn{ color: #6f95fa; text-decoration: underline;}

/* Service Section */
.service-section{ max-width: 900px; width: 100%; margin: auto;}
.service-section h2{ font-size: 18px; font-weight: 600; position: relative; margin-bottom: 20px; padding-bottom: 10px;}
.service-section h2::after{ content: ""; position: absolute; width: 30px; height: 3px; background: #c1ac74; bottom: 0; left: 50%; transform: translateX(-50%);}
.service-section p{}
.service-section ul{ max-width: 600px; width: 100%; margin: auto; list-style: none; padding: 0; margin-bottom: 30px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.service-section ul li{ width: 48%; display: flex; align-items: center; border-bottom: 1px solid #ddd; padding: 10px 0;}
.service-section ul li .image{ width: auto; margin-right: 15px;}
.service-section ul li .image img{ max-width: 100%;}

/* FAQ List */
.faq-list{ max-width: 900px; width: 100%; margin: auto;}
.faq-list .list-item{ border-bottom: 1px solid #ddd;}
.faq-list .list-item:last-child{ border: 0;}
.faq-list .list-item h2{ font-size: 16px; font-weight: 600; margin: 15px 0; cursor: pointer;}
.faq-list .list-item p{ margin: 15px 0; display: none;}

/* Icon Section */
.icon-section .icon-item{ width: 100%; text-align: center; margin-bottom: 20px;}
.icon-section .icon-item .image{ width: auto;}
.icon-section .icon-item .image img{ max-width: 100%;}
.icon-section .icon-item .content{ margin-top: -25px;}
.icon-section .icon-item .content h2{ color: #6f95fa; font-size: 42px; font-weight: 900; margin-bottom: 5px;}
.icon-section .icon-item .content h3{ font-size: 16px; font-weight: 600; line-height: unset;}

/* Offer Section */
.offer-section{ border-radius: 20px;}
.offer-section .offer-img{ position: absolute; bottom: 0;}
.offer-section .offer-img img{ max-width: 100%;}
.offer-section .form-group{ margin-bottom: 0; padding: 30px;}
.offer-section .form-group ul{ list-style: none; padding: 0; margin: 0;}
.offer-section .form-group ul li{ width: 100%; padding: 5px 0;}
.offer-section .form-group ul li input[type=text]{ width: 100%; padding: 10px 15px; outline: none; border: 1px solid #ddd; border-radius: 30px;}
.offer-section .form-group ul li select{ width: 100%; padding: 10px 15px; outline: none; border: 1px solid #ddd; border-radius: 30px;}
.offer-section .form-group ul li input[type=submit]{ width: 100%; padding: 10px 15px; outline: none; border: 0; background: #c1ac74; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 1px; border-radius: 30px;}

/* Contact */

.contact-map{ width: 100%; height: 100%; position: relative;}
.contact-map iframe{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

.contact-info{ width: 100%; margin-bottom: 30px;}
.contact-info h2{ font-size: 20px; font-weight: 500; margin-bottom: 20px;}
.contact-info ul{ list-style: none; padding: 0; margin: 0;}
.contact-info ul li{ color: #111; margin-bottom: 5px;}
.contact-info ul li:last-child{ margin-bottom: 0;}
.contact-info ul li a{ text-decoration: none; color: currentColor; display: inline; font-size: 14px;}
.contact-info ul li b{ font-weight: 600;}

.contact-form{}
.contact-form h2{ font-size: 20px; font-weight: 500; margin-bottom: 20px;}
.contact-form ul{ list-style: none; padding: 0; margin: 0;}
.contact-form ul li{ margin-bottom: 10px;}
.contact-form ul li label{ font-size: 14px;}
.contact-form ul li input[type=text]{ width: 100%; outline: none; border: 1px solid #ddd; padding: 7px;}
.contact-form ul li textarea{ width: 100%; height: 120px; outline: none; border: 1px solid #ddd; padding: 7px;}
.contact-form input[type=submit]{ min-width: 220px; height: 76px; background: #c1ac74; outline: none; border: 0; color: #fff;}

/* Footer Logo */
.footer-logo{ width: auto; margin-bottom: 20px; align-items: center; display: flex; height: 100%; }
.footer-logo a{ text-decoration: none; color: currentColor; display: block;}
.footer-logo img{ max-width: 100%;filter: invert(1);}

/* Footer Item */
.footer-item{}
.footer-item h2{ color: white !important; font-size: 16px; letter-spacing: 1px; font-weight: 600; margin-bottom: 15px; padding-bottom: 10px; position: relative;}
.footer-item h2::after{ content: ""; position: absolute; width: 30px; height: 3px; background: #c1ac74; left: 0; bottom: 0;}
.footer-item p{ margin-bottom: 10px;}
.footer-item ul{ list-style: none; padding: 0; margin: 0;}
.footer-item ul li{ width: 100%; margin: 10px 0; color: grey;}
.footer-item ul li a{ text-decoration: none; color: currentColor; display: block; color: grey;}
.newCopyRight{ border-top: 1px solid #1a1c28; width: 100% !important; }

/* Social Media */
.social-media{ width: 100%; display: flex; flex-wrap: wrap;}
.social-media a{ width: 24px; height: 24px; margin-right: 10px; margin-bottom: 10px;}
.social-media a.facebook{ filter: brightness(0.5); background: url(../images/social/facebook.png) no-repeat center; background-size: 24px;}
.social-media a.instagram{ filter: brightness(0.5); background: url(../images/social/instagram.png) no-repeat center; background-size: 24px;}
.social-media a.twitter{ filter: brightness(0.5); background: url(../images/social/twitter.png) no-repeat center; background-size: 24px;}
.social-media a.linkedin{ filter: brightness(0.5); background: url(../images/social/linkedin.png) no-repeat center; background-size: 24px;}
.social-media a.whatsapp{ background: url(../images/social/whatsapp.png) no-repeat center; background-size: 24px;}

/* Other Css */
.bg-img{ background: url(../images/teklif-bg.jpg) no-repeat center; background-size: cover;}
.copyright{ color: grey; font-size: 13px;}
.design{ color: grey; font-size: 13px;}
.design a{ text-decoration: none; color: currentColor; font-weight: 600;}

.fixed-btns{ display: none; max-width: 240px; width: 100%; position: fixed; right: 0; bottom: 20%; z-index: 2;}
.fixed-btns a{ width: 100%; text-decoration: none; color: #fff; display: block; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); font-size: 18px; position: relative; text-align: center; margin: 10px 0; border-radius: 30px 0 0 30px;}
.fixed-btns a.whatsapp-btn{ background-color: #c1ac74; line-height: 1.2; padding: 10px 0; padding-left: 40px; background: url(../images/whatsapp.svg) #c1ac74 no-repeat center left 20px; background-size: 32px;}
.fixed-btns a.whatsapp-btn span{ display: block;}
.fixed-btns a.whatsapp-btn b{ display: block;}
.fixed-btns a.offer-btn{ background-color: #1a1c28; padding: 18px 0; padding-left: 40px; background: url(../images/document.svg) #1a1c28 no-repeat center left 20px; background-size: 32px;}
.fixed-btns a.offer-btn span{ display: block;}

.mobile-menu{ width: 100%; height: 100%; position: fixed; left: -100%; top: 0; z-index: 9; transition: 0.3s; background: #fff; overflow: auto;}
.mobile-menu.opened{ left: 0;}
.mobile-menu ul{ width: 100%; height: 100%; top: 0; z-index: 3; padding: 30px 0; padding-top: 80px; margin: 0; list-style: none;}
.mobile-menu ul li{ position: relative; border-top: 1px solid #eee;}
.mobile-menu ul li:last-child{ border-bottom: 1px solid #eee;}
.mobile-menu ul li a{ text-decoration: none; color: #111; font-size: 14px; font-weight: 500; display: block; letter-spacing: 1px; padding: 10px 58px; text-align: left;}
.mobile-menu > ul{ display: block; left: 0;}
.mobile-menu > ul ul{ position: fixed; background: #fff; left: -100%; opacity: 0; visibility: hidden; transition: 0.3s;}
.mobile-menu > ul ul.opened{ left: 0; opacity: 1; visibility: visible;}
.mobile-menu > ul ul ul{ position: fixed; left: 0; top: 0; left: -100%; opacity: 0; visibility: hidden; transition: 0.3s;}
.mobile-menu > ul ul ul.opened{ left: 0; opacity: 1; visibility: visible;}
.mobile-menu .back-icon{ width: 40px; height: 40px; position: absolute; left: 15px; top: 20px; display: flex; align-items: center; justify-content: center; z-index: 2; border: 1px solid #ddd;}
.mobile-menu .sub-icon{ width: 40px; height: 40px; position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: center; z-index: 2;}


.kurumsal { width: 80% !important; margin-left: 10%; font-size: 18px; }


.mobile-menu ul .dna {
    background: url("/Webkontrol/IcerikYonetimi/KGaleriResim/KucukResim/diger-testler-g400-k-jc4q1eup_proje_g249_k_9C7ymAOp.png");
    background-repeat: no-repeat;
    background-size: 32px;
    object-fit: cover;
    background-position-x: 2vh;
    text-align: left;
    background-position-y: center;
}

.mobile-menu ul .hayvansal {
    background: url("/Webkontrol/uploads/Fck/probiotic.png");
    background-repeat: no-repeat;
    background-size: 32px;
    object-fit: cover;
    background-position-x: 2vh;
    text-align: left;
    background-position-y: center;
}


.mobile-menu ul .rna {
    background: url("/Webkontrol/IcerikYonetimi/KGaleriResim/KucukResim/noroloji-kas-hastaliklari-testler-g398-k-jsdmdkp4_proje_g250_k_l4QreNgl.png");
    background-repeat: no-repeat;
    background-size: 32px;
    object-fit: cover;
    background-position-x: 2vh;
    text-align: left;
    background-position-y: center;
}

.mobile-menu ul .bitki {
    background: url("/Webkontrol/IcerikYonetimi/KGaleriResim/KucukResim/noroloji-kas-hastaliklari-testler-g398-k-jsdmdkp4_proje_g251_k_y9n8lLoQ.png");
    background-repeat: no-repeat;
    background-size: 32px;
    object-fit: cover;
    background-position-x: 2vh;
    text-align: left;
    background-position-y: center;
}

.mobile-menu ul .hayvan {
    background: url("/Webkontrol/IcerikYonetimi/KGaleriResim/KucukResim/sitogenetik-testler-g397-k-lesgpreq_proje_g252_k_fEYPStxp.png");
    background-repeat: no-repeat;
    background-size: 32px;
    object-fit: cover;
    background-position-x: 2vh;
    text-align: left;
    background-position-y: center;
}

.mobile-menu ul .adli {
    background: url("/Webkontrol/IcerikYonetimi/KGaleriResim/KucukResim/immunoloji-testler-g393-k-u7l8go2n_proje_g253_k_ZmJ61YXz.png");
    background-repeat: no-repeat;
    background-size: 32px;
    object-fit: cover;
    background-position-x: 2vh;
    text-align: left;
    background-position-y: center;
}

.mobile-menu ul .protein {
    background: url("/Webkontrol/IcerikYonetimi/KGaleriResim/KucukResim/icn4_proje_g254_k_HujO3jT1.png");
    background-repeat: no-repeat;
    background-size: 32px;
    object-fit: cover;
    background-position-x: 2vh;
    text-align: left;
    background-position-y: center;
}

.mobile-menu ul .test {
    background: url("/Webkontrol/IcerikYonetimi/KGaleriResim/KucukResim/diger-testler-g400-k-jc4q1eup_proje_g249_k_9C7ymAOp.png");
    background-repeat: no-repeat;
    background-size: 32px;
    object-fit: cover;
    background-position-x: 2vh;
    text-align: left;
    background-position-y: center;
}

/* topmenu */
.top-menu .dna {
    background: url("/Webkontrol/IcerikYonetimi/KGaleriResim/KucukResim/diger-testler-g400-k-jc4q1eup_proje_g249_k_9C7ymAOp.png");
    background-repeat: no-repeat;
    background-size: 23px;
    object-fit: cover;
    background-position-x: 2vh;
    text-align: left;
    background-position-y: center;
    padding-left: 24px;
}

.top-menu .hayvansal {
    background: url("/Webkontrol/uploads/Fck/probiotic.png");
    background-repeat: no-repeat;
    background-size: 23px;
    object-fit: cover;
    background-position-x: 2vh;
    text-align: left;
    background-position-y: center;
    padding-left: 24px;
}

.top-menu .gdo {
    background: url("/Webkontrol/uploads/Fck/gdo.png");
    background-repeat: no-repeat;
    background-size: 23px;
    object-fit: cover;
    background-position-x: 2vh;
    text-align: left;
    background-position-y: center;
    padding-left: 24px;
}

.top-menu .rna {
    background: url("/Webkontrol/IcerikYonetimi/KGaleriResim/KucukResim/noroloji-kas-hastaliklari-testler-g398-k-jsdmdkp4_proje_g250_k_l4QreNgl.png");
    background-repeat: no-repeat;
    background-size: 23px;
    object-fit: cover;
    background-position-x: 2vh;
    text-align: left;
    background-position-y: center;
    padding-left: 24px;
}

.top-menu .bitki {
    background: url("/Webkontrol/IcerikYonetimi/KGaleriResim/KucukResim/noroloji-kas-hastaliklari-testler-g398-k-jsdmdkp4_proje_g251_k_y9n8lLoQ.png");
    background-repeat: no-repeat;
    background-size: 23px;
    object-fit: cover;
    background-position-x: 2vh;
    text-align: left;
    background-position-y: center;
    padding-left: 24px;
}

.top-menu .hayvan {
    background: url("/Webkontrol/IcerikYonetimi/KGaleriResim/KucukResim/sitogenetik-testler-g397-k-lesgpreq_proje_g252_k_fEYPStxp.png");
    background-repeat: no-repeat;
    background-size: 23px;
    object-fit: cover;
    background-position-x: 2vh;
    text-align: left;
    background-position-y: center;
    padding-left: 24px;
}

.top-menu .adli {
    background: url("/Webkontrol/IcerikYonetimi/KGaleriResim/KucukResim/immunoloji-testler-g393-k-u7l8go2n_proje_g253_k_ZmJ61YXz.png");
    background-repeat: no-repeat;
    background-size: 23px;
    object-fit: cover;
    background-position-x: 2vh;
    text-align: left;
    background-position-y: center;
    padding-left: 24px;
}

.top-menu .protein {
    background: url("/Webkontrol/IcerikYonetimi/KGaleriResim/KucukResim/icn4_proje_g254_k_HujO3jT1.png");
    background-repeat: no-repeat;
    background-size: 23px;
    object-fit: cover;
    background-position-x: 2vh;
    text-align: left;
    background-position-y: center;
    padding-left: 24px;
}

.top-menu .test {
    background: url("/Webkontrol/IcerikYonetimi/KGaleriResim/KucukResim/immunoloji-testler-g393-k-u7l8go2n_proje_g253_k_ZmJ61YXz.png");
    background-repeat: no-repeat;
    background-size: 23px;
    object-fit: cover;
    background-position-x: 2vh;
    text-align: left;
    background-position-y: center;
    padding-left: 24px;
}

.menu-btn{ position: relative; z-index: 10; width: 40px; height: 40px; background: #c1ac74; color: #fff; font-size: 24px; margin-left: 15px; display: none; align-items: center; justify-content: center;}


/* Helpers */
.bg-light{ background-color: #f5f5f5 !important;}

.mw-500{ max-width: 500px !important; width: 100% !important;}
.mw-600{ max-width: 600px !important; width: 100% !important;}
.mw-700{ max-width: 700px !important; width: 100% !important;}
.mw-800{ margin-top: 90px !important; max-width: 800px !important; width: 100% !important;}
.mw-900{ max-width: 900px !important; width: 100% !important;}
.mw-1000{ max-width: 1000px !important; width: 100% !important;}
.mw-1100{/* max-width: 1100px !important;*/ color: #1a1c28; width: 100% !important;}
.mw-1200{ max-width: 1200px !important; width: 100% !important;}
.mw-1300{ max-width: 1300px !important; width: 100% !important;}
.mw-1400{ max-width: 1400px !important; width: 100% !important;}

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

.h1{ margin-bottom: 30px;}
.h1 img{ max-width: 100%;}
blockquote{ text-align: left; position: relative; /*font-family: 'Times New Roman'; font-style: italic;*/ font-size: 18px; padding-top: 50px;}
/*blockquote::before{ content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 45px; height: 37px; background: url(../images/quote.png) no-repeat center; background-size: 45px 37px;} */
.mobile-btn{ width: 40px; height: 40px; display: none; align-items: center; justify-content: center; background: #c1ac74; color: #fff; font-size: 24px; z-index: 9;}

@media(max-width: 1300px)
{

}

@media(max-width: 991px)
{
    .menu-btn{ display: flex;}
    .mobile-menu .back-icon{ top: 40px;}
  .home-banner{ display:none; }
  .home-mobilbanner{ display:block; }

  .mobile-btn { display: flex; }

  .top-menu{ display: none;}
    .offer-section .offer-img{ display: none;}
    .mb-120{ margin-bottom: 45px;}

    .home-offer-section{ position: relative; max-width: 100%; top: 0; right: 0;}
    .home-banner img{ height: auto;}
    .why-list .col-lg-6{ border: 0 !important; text-align: center;}
    .why-list .list-item .image{ margin: auto; margin-bottom: 15px;}
    .insurance-list .list-item .content{ width: 100%; margin-left: 35%;}

    .fixed-btns{ width: 150px; bottom: 5%;}
    .fixed-btns a.offer-btn{ font-size: 14px;}
    .fixed-btns a.whatsapp-btn{ font-size: 14px; padding: 18px 0 18px 40px; font-weight: bolder;}
    .fixed-btns a.whatsapp-btn b{ display: none;}

    .proje-list a { display: block; }
    .proje-list .img { width: 100%; margin-bottom: 20px; }
    .proje-list .icerik { width: 100%; padding: 0 !important; text-align: left !important; }
    .proje-list ul li { margin-bottom: 30px; }
    .proje-list .icerik h1 { font-size: 20px; }
    .proje-list .icerik p { font-size: 14px; }

    .referans-list ul li { width: 25%; }
        .referans-list ul li h1 { font-size: 16px; }
    .referans-list { margin-left: 0px!important; }
}

@media(max-width: 840px)
{
    .insurance-list .list-item{ width: 100%;}
}

@media(max-width: 768px) {
    .referans-list ul li { width: 33.333%; }
    .referans-list { margin-left: 0px!important; }
}


@media(max-width: 640px)
{
    .kurumsal {width: 94% !important; margin-left: 3%;}
}

@media(max-width: 576px)
{
    .insurance-list .list-item{ padding: 10px;}
    .logo img{ max-width: 75%;}
    .why-list .col-lg-4 .list-item{position: static !important;}
    .why-list .col-lg-4 { width: 48%; border: 1px solid #cecece !important; margin: 1%; position: relative !important; }
    .why-list .col-lg-4 .list-item .detail-btn {bottom: 10px !important; left: 28% !important;}
}

@media(max-width: 500px) {
    
    .referans-list ul li { width: 50%; }
    .referans-list { margin-left: 0px!important; }
}

@media(max-width: 420px)
{

}

@media(max-width: 320px) {
    .referans-list ul li { width: 100%; }
    .referans-list { margin-left: 0px!important; }
}