@font-face{font-family:'Poppins';src:url(Poppins-Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:'Poppins';src:url(Poppins-Medium.ttf);font-weight:500;font-display:swap}@font-face{font-family:'Poppins';src:url(Poppins-SemiBold.ttf);font-weight:600;font-display:swap}@font-face{font-family:'Poppins';src:url(Poppins-Bold.ttf);font-weight:700;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}::selection{background-color:#e3151a;color:#fff}::-webkit-scrollbar-thumb{background:#e3151a;border-radius:15px}::-webkit-scrollbar-track{background:#0f0f0f}::-webkit-scrollbar{width:5px}html{scroll-behavior:smooth}body,header{background-color:#fff}body,html{overflow-x:hidden}body{font-family:'Poppins',sans-serif;color:#000;font-weight:500}a{text-decoration:none}img{user-select:none;vertical-align:middle}header{padding:10px 10%;position:sticky;top:0;width:100%;z-index:1000}header img{height:80px}header .ust-iletisim{flex-wrap:wrap}header .ust-iletisim .lar-con{display:flex;align-items:center;gap:10px}header .ust-iletisim .lar-con a{background-color:#e3151a;color:#fff;padding:3px 15px;font-size:14px;border-radius:20px}header .ust-iletisim .ust-iletisim-con{display:flex;align-items:center;gap:50px}header .ust-iletisim .ust-iletisim-con a{font-size:14px;color:#000;display:flex;align-items:center;font-weight:500}header .ust-iletisim .ust-iletisim-con a svg{margin-right:3px;width:20px;height:20px}footer .footer-iletisim a svg path,header .ust-iletisim .ust-iletisim-con a svg path{fill:#000}header .header-icerik,header .ust-iletisim{display:flex;justify-content:space-between;align-items:center}header .header-icerik nav{display:flex;gap:20px}footer .footer-iletisim a,header .header-icerik nav a{font-size:16px;color:#000;font-weight:600;transition:all .2s ease-in-out}header .header-icerik nav a{text-transform:uppercase}a,header .header-icerik nav a:hover{color:#e3151a}header hr{margin:10px 0;border:0;overflow:none;height:1px;background-color:#000}footer{padding:50px 0 20px;text-align:center;background-color:#ebebeb}footer img{height:120px;margin-bottom:20px}footer .footer-iletisim{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-bottom:50px}footer .footer-iletisim a{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff;padding:15px;border-radius:20px;width:350px;box-shadow:0 0 8px rgba(0,0,0,.3)}footer .footer-iletisim a:hover{box-shadow:0 0 15px rgba(0,0,0,.6)}footer .footer-iletisim a::selection{background-color:#000;color:#fff}footer .footer-iletisim a svg{width:40px;height:40px;margin-bottom:5px}footer p{font-size:15px;color:#000;font-weight:500}header .header-icerik .hamham{display:none}#menuToggle,#menuToggle span{display:block;position:relative;z-index:1}#menuToggle{-webkit-user-select:none;user-select:none}#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#menuToggle span{width:33px;height:4px;margin-bottom:5px;background:#000;border-radius:3px;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}#menuToggle span:first-child{transform-origin:0 0}#menuToggle span:nth-last-child(2){transform-origin:0 100%}#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:#232323}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(.2,.2)}#menuToggle input:checked~span:nth-last-child(2){opacity:1;transform:rotate(-45deg) translate(0,-1px)}#menu{position:absolute;width:300px;margin:-100px 0 0;padding:125px 50px 50px;right:-100px;border-radius:40px;background:#ebebeb;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0 0;transform:translate(100%,0);transition:transform .5s cubic-bezier(.77,.2,.05,1)}#menu li{padding:10px 0;font-size:22px}#menuToggle input:checked~ul{transform:none;opacity:1}footer .footer-logolar{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}@media screen and (max-width:975px){header{padding:10px 5%}header img{height:60px}header .header-icerik nav{gap:15px}header .header-icerik nav a{font-size:16px}}@media screen and (max-width:600px){header{padding:10px 10%}header img{height:60px;margin-bottom:10px}header .ust-iletisim{display:block}header .ust-iletisim .lar-con{display:flex;justify-content:center;margin-top:5px}header .ust-iletisim .lar-con a{padding:2px 10px;font-size:14px}header .ust-iletisim .ust-iletisim-con{display:flex;align-items:center;flex-direction:column;gap:3px}footer p,header .ust-iletisim .ust-iletisim-con a{font-size:14px}header .ust-iletisim .ust-iletisim-con a svg{margin-right:3px;width:17px;height:17px}header .ust-iletisim .ust-iletisim-con a svg path{fill:#000}header .header-icerik{display:flex}header .header-icerik nav{display:none}header .header-icerik .hamham{display:block}header hr{margin:8px 0}footer img{height:100px}footer .footer-logolar .yetkili{width:100%;object-fit:contain}footer .footer-iletisim{gap:15px}footer .footer-iletisim a{font-size:14px;width:90%}footer .footer-iletisim a svg{width:30px;height:30px}footer p{color:#000}}


.con {
    position: fixed;
    bottom: 50px;
    right: 3%;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    user-select: none;
    align-items: end;
}

.scrollToTop:hover,
.telefon-ikonu:hover {
    scale: 1.1;
}

.scrollToTop {
    position: fixed;
    bottom: 135px;
    right: 3%;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgb(0, 0, 0, 0.75);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    z-index: 100;
}

.scrollToTop svg {
    width: 25px;
    height: 25px;
}

.telefon-ikonu {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    width: 70px;
    height: 70px;
    background-color: rgb(37, 211, 102);
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
    cursor: pointer;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
}

.ikonlar {
    display: flex;
    width: 100%;
    height: 100%;
}

.ikonlar img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    background-color: rgb(255, 255, 255);
    padding: 8px;
    border-radius: 50%;
    transition: transform 0.3s ease-in-out;
}

.ikonlar img:first-child {
    transform: translateX(0);
}

.ikonlar img:last-child {
    transform: translateX(-100%);
}

.ikon-div {
    position: relative;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    gap: 5px;
    background-color: rgb(255, 255, 255);
    padding: 10px 0;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    animation: slideRightLeft 0.5s ease forwards;
}

@keyframes slideRightLeft {
    from {
        opacity: 0;
        left: 100px;
    }

    to {
        opacity: 1;
        left: 0%;
    }
}

@keyframes slideTop {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-30px);
    }
}


.ikon-div a {
    text-decoration: none;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    padding: 5px 75px 5px 20px;
    background-color: rgb(255, 255, 255);
    transition: transform 0.3s ease-in-out;
}

.ikon-div a:hover {
    background-color: rgb(0, 0, 0, 0.08);
}

.ikon-div a img {
    width: 40px;
    aspect-ratio: 1/1;
    background-color: rgb(37, 211, 102);
    padding: 8px;
    border-radius: 50%;
    display: inline-block;
}

.ikon-div a .phone-img {
    background-color: rgb(0, 133, 241);
}

.ikon-div a span {
    display: inline-block;
    color: rgb(0, 0, 0);
    font-size: 15px;
}