@font-face {
    font-family: 'HelveticaNeueBlack';
    src: url('../fonts/HelveticaNeueBlack.otf') format('opentype');
}
@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('../fonts/HelveticaNeueBold.otf') format('opentype');
}
@font-face {
    font-family: 'HelveticaNeueMedium';
    src: url('../fonts/HelveticaNeueMedium.otf') format('opentype');
}
@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('../fonts/HelveticaNeueLight.otf') format('opentype');
}
@font-face {
    font-family: 'HelveticaNeueRegular';
    src: url('../fonts/HelveticaNeueRoman.otf') format('opewntype');
}
html{
    overflow-x:hidden !important;
    background-color:#000;
}
body{
    min-height:100vh !important;
    background-color:#000;
    overflow-x:hidden !important;
}
.pad0{
    padding:0px !important;
}
.bin{
    width:1350px;
    margin:auto !important;
}
a{
    text-decoration:none !important;
}
.image-area {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    position:relative !İmportant;
}
.row1{
    position:relative !important;
}
.row2{
    margin-top:60px;
}
.row3{
    margin-top:30px;
}
.image-area .row1,
.image-area .row2,
.image-area .row3 {
    display: flex;
    flex-direction: column;
}
.image-area {
    display: flex;
    gap: 20px;
}
.image-area > div {
    width: 100%;       
    height: 550px;     
    overflow: hidden;   
    border-radius: 14px;
    position: relative; 
}
.image-area > div::before,
.image-area > div::after {
    content: "";
    position: absolute;
    left: 0%;
    right: 0%;
    width: 100%;
    height: 80px; 
    z-index: 2;
    pointer-events: none;
}
.slide {
    display: flex;
    flex-direction: column;
    animation: scrollUp 25s linear infinite;
}
.image-area img {
    width: 100%;
    margin-bottom:20px !important;
    height: 300px;
    object-fit: cover;
    border-radius: 14px;
    display: block;
}
.Hakkimizda p{
    font-family:'HelveticaNeueRegular',sans-serif;
    font-size:14px;
    color:#DEDEDE;
    line-height:28px;
}
.Hakkimizda h1{
    line-height:37px;
    font-size:27px;
    margin-top:20px;
    font-family:'HelveticaNeueMedium',sans-serif;
    margin-bottom:20px;
    color:#FFF;
}
.Hakkimizda hr{
    width:100%;
    border:none !important;
    height:1px;
    background-color:#888888;
    margin-top:15px;
    margin-bottom:15px;
    display:block;
}
.Hakkimizda a{
    color:#DCB02A;
    display:block;
    margin-top:12px;
    font-family:'HelveticaNeueMedium',sans-serif;
    font-size:21px;
}
.Hakkimizda a > span{
    display:block;
    color:#C0BEBE;
    font-size:13.5px;
}
.Galeri{
    min-height:60vh;
    margin-top:40px;
    margin-bottom:40px;
}
.galimg img{
    width:100%;
    height:240px;
    object-fit:cover;
    cursor: pointer;
    transition: transform .3s;
}
.galimg img:hover {
  transform: scale(1.03);
}
.Hakkimizda{
    margin-top:40px;
    margin-bottom:40px;
}
.Breadcrumb{
    padding-top:35px;
    padding-bottom:21px;
    border-top:1px solid #888888;
    border-bottom:1px solid #888888;
}
.Breadcrumb h3{
    color:#DCB02A;
    font-size:14.5px;
    line-height:15px;
    margin-bottom:10px;
    font-family:'HelveticaNeueMedium',sans-serif;
}
.Breadcrumb h2{
    font-size:28px;
    line-height:30px;
    font-family:'HelveticaNeueMedium',sans-serif;
    color:#FFF;
}
.footer4 p{
    font-family:'HelveticaNeueRegular',sans-serif;
    font-size:14px;
    color:#DEDEDE;
    line-height:28px;
    margin-top:7px;
}
.footer4{
    border-top:1px solid #888888;
    padding-top:20px;
    padding-bottom:20px;
}
.footer4 img{
    width:100px;
    height:auto;
    object-fit:contain;
}
.footer3{
    border-top:1px solid #888888;
    border-bottom:1px solid #888888;
    margin-bottom:15px;
}
.footer3 a{
    margin-right:20px;
    font-size:14.5px;
    margin-top:24px;
    margin-bottom:24px;
    display:inline-block;
    font-family:'HelveticaNeueMedium',sans-serif;
    font-weight:14.5px;
    color:#DEDEDE;
    transition:0.3s ease-in;
}
.footer3 a:hover{
    color:#DCB02A;
    transform:scale(1.03);
}
.copyright h6{
    font-size:14px;
    font-family:'HelveticaNeueMedium',sans-serif;
    margin-top:6px;
    color:#DCB02A;
    margin-bottom:10px;
}
.Referanslarimiz{
    margin-top:40px;
    margin-bottom:40px;
    min-height:60vh;
}
.Referanslarimiz img{
    display:block !important;
    width:200px;
    height:110px;
    object-fit:contain;
}
.Referanslarimiz p{
    font-family:'HelveticaNeueRegular',sans-serif;
    font-size:14px;
    color:#DEDEDE;
    line-height:28px;
}
.Referanslarimiz h1{
    line-height:34px;
    font-size:32px;
    font-family:'HelveticaNeueMedium',sans-serif;
    margin-bottom:20px;
    color:#FFF;
}
.Hakkimizda h6{
    color:#aaaaaa;
    font-family:'HelveticaNeueBold',sans-serif;
    font-size:15px;
    margin-bottom:10px;
}
.Hizmetgiris{
    position:relative !important;
}
.hizmetgirisoverlay{
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:rgba(0,0,0,0.15);
}
.hizmetgirisoverlay2{
    position: absolute;
    top: 50%;                
    left: 0;
    right:0;
    transform: translate(-0%, -50%); 
    margin: 0;               
    z-index: 4;
}
.Hizmetgiris h1 {
    color: #FFF;
    margin-left:12px;
    font-family: 'HelveticaNeueBold', sans-serif;
    font-size: 30px;
}
.Hizmetgiris img{
    width:100%;
    height:auto;
    object-fit:contain;
}
.refkutubox{
    border:1px solid #DCB02A;
    padding:12px;
    transition:0.3s ease-in;
    border-radius:5px;
}
.refkutubox:hover{
    background-color:#DCB02A;
}
.refkutubox h5{
    margin-top:9px;
    font-size:13.5px;
    color:#afaeae;
    font-family:'HelveticaNeueMedium',sans-serif;
    line-height:13.5px;
}
.refkutubox h4{
    font-family:'HelveticaNeueMedium',sans-serif;
    font-size:21px;
    color:#FFF;
}
.refkutubox:hover h4{
    color:#FFF;
}
.refkutubox:hover h5{
    color:#FFF;
}
.contact-section {
  width: 100%;
  height: 100%;
}
.Iletisim{
    margin-top:60px;
    text-align:center;
    margin-bottom:30px;
}
.Iletisim a{
    font-family:'HelveticaNeueMedium',sans-serif;
    color:#FFF;
    display:block;
    margin-bottom:10px;
    font-size:14px;
}
.brr{
    border-right:1px solid #888;
}
.brr2{
    border-right:1px solid #888;
}
.Iletisim h6{
    color:#DCB02A;
    font-family:'HelveticaNeueMedium',sans-serif;
    font-size:15px;
    margin-bottom:18px;
}
.contact-left {
    background-color: #d6a829;
    min-height: 500px;
}
.contact-left h3 {
    font-family:'HelveticaNeueMedium',sans-serif;
    font-weight: bold;
}
.form-row{
    margin-top:0px !important;
    margin-bottom:0px !important;
}
.contact-left .form-control {
    font-family:'HelveticaNeueRegular',sans-serif;
    font-size:13.4px;
    border-radius:0px !important;
    padding:10px;
    height:50px;
    margin:0px !important;
    color: #333 !important;
    background-color:#FFF !important;
    border:1px solid #888 !important;
}
*:focus{
    outline:none !important;
    box-shadow:none !important;
}
.contact-left .form-control::placeholder {
    font-family:'HelveticaNeueRegular',sans-serif;
    color: #333 !important;
}
.send-btn {
    background: #fff;
    color: #d6a829;
    border-radius: 0;
    font-size:13.4px;
    font-family:'HelveticaNeueMedium',sans-serif;
    height:45px;
}
.send-btn:hover {
    background: #d6a829;
    color: #fff;
    border: 1px solid #fff;
}
.contact-right iframe {
    min-height: 500px;
    display: block;
}
.Toptextsection p{
    font-family:'HelveticaNeueRegular',sans-serif;
    font-size:13.4px;
    color:#FFF;
    font-weight:400;
    line-height:25px;
    margin-top:15px;
    margin-bottom:30px;
}
.Toptextsection h3{
    color:#FFF;
    font-weight:600;
    font-size:19px;
    font-family:'HelveticaNeueMedium',sans-serif;
}
.Toptextsection{
    margin-top:30px;
    text-align:center;
    margin-bottom:30px;
}
.Toptextsection img{
    display:block;
    margin:auto !important;
    width:155px;
    object-fit:contain;
    filter:grayscale(100%);
}
.social-icons {
    display: flex;
    justify-content:center;
    margin:Auto !important;
    gap: 10px;
}
.social-icons a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    height: 50px !important;
    border: 1px solid #DCB02A !important;
    border-radius: 50% !important;
    color: #DCB02A !important;
    font-size: 20px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}
.social-icons a:hover {
  background-color: #DCB02A !important;
  border-color: #DCB02A !important;
  color:#FFF !important;
}
.tophr{
    background-color:#888;
    border:none !important;
    height:1px;
    width:100%;
    margin-bottom:20px;
}
.bottomhr{
    background-color:#888;
    border:none !important;
    height:1px;
    width:100%;
    margin-top:20px;
}
.menu1{
    padding-top:20px;
    padding-bottom:20px;
}
.menu1 {
    position: relative;
    width: 100%;
    z-index: 1000;
    transition: all 0.3s ease;
}
.menu1 img{
    height:70px;
    width:auto;
    object-fit:contain;
}
.pushy a{
    font-size:13.4px;
    color:#FFF;
    display:block;
    text-decoration:none !important;
    margin-bottom:15px;
    font-family:'HelveticaNeueMedium',sans-serif;
    line-height:20px;
    font-weight:500;
    border-bottom:1px solid #D9D9D9;
    padding-bottom:15px;
}
.pushy img{
    height:70px;
    width:auto;
    object-fit:contain;
    margin-bottom:30px;
    margin-top:15px;
}
.menusec a{
    text-decoration:none !important;
    font-weight:600;
    line-height:70px;
    font-size:14.2px;
    font-family:'HelveticaNeueMedium',sans-serif;
    color:#E2E2E2;
    display:inline-block;
    margin-right:17px;
}
.mobbut1{
    display:none !important;
}
.menusec{
    display:inline-block !important;
}
.menu1 .dropdown{
    display:inline-block !important;
}
.menu1 .dropdown .btn{
    border:1px solid #DCB02A;
    height:41px;
    border-radius:50%;
    background-color:transparent;
    color:#DCB02A;
    font-size:14px;
}
.menu1 .dropdown-menu{
    padding:0px !important;
    border-radius:4px;
}
.menu1 .dropdown-menu a:hover{
    background-color:transparent;
}
.menu1 .dropdown-menu img{
    width:20px !important;
    height:20px !important;
    border-radius:50%;
    margin-right:12px;
    object-fit:cover;
}
.menu1 .dropdown-menu a{
    font-size:13.2px;
    font-family:'HelveticaNeueMedium',sans-serif;
    border-bottom:1px solid #D9D9D9;
    line-height:35px;
    color:#000;
    font-weight:600;
}
.Hizmetlerimiz p{
    font-family:'HelveticaNeueRegular',sans-serif;
    font-size:14px;
    color:#DEDEDE;
    line-height:28px;
}
.Hizmetlerimiz h3{
    line-height:25px;
    font-size:24px;
    margin-bottom:12px;
    font-family:'HelveticaNeueMedium',sans-serif;
    color:#FFF;
}
.Hizmetlerimiz img{
    width:100%;
    height:240px;
    transition:0.3s ease-in;
    object-fit:cover;
}
.Hizmetlerimiz img:hover{
    transform:scale(1.03);
}
.Hizmetlerimiz h2{
    line-height:25px;
    font-size:15px;
    margin-top:15px;
    font-family:'HelveticaNeueMedium',sans-serif;
    color:#FFF;
}
.Girisgorsel img{
    width:100%;
    height:80vh;
    object-fit:cover;
}
.Girisgorsel{
    position:relative !important;
}
.girisgorseloverlay{
    position:absolute;
    z-index:2;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:rgba(0,0,0,0.15);
}
.girisgorseloverlay2{
    position: absolute;
    top: 50%;                
    left: 0;
    right:0;
    transform: translate(-0%, -50%); 
    margin: 0;               
    z-index: 4;
}
.Girisgorsel h3{
    font-family:'HelveticaNeueMedium',sans-serif;
    font-size:16px;
    margin-bottom:15px;
    color:#DCB02A;
}
.Girisgorsel p{
    font-family:'HelveticaNeueRegular',sans-serif;
    font-size:15.3px;
    color:#FFF;
    width:60%;
    line-height:25px;
}
.Girisgorsel h2{
    line-height:50px;
    font-size:50px;
    margin-bottom:0px;
    font-family:'HelveticaNeueBold',sans-serif;
    color:#FFF;
}
.kucukfoto{
    display:none !important;
}
@media (max-width: 768px) {
    .contact-left,
    .contact-right iframe {
        min-height: 300px;
    }
}
@keyframes scrollUp {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50%);
    }
}
@media screen and (max-width: 1400px) {
    .bin{
        width:92%;
    }
}
@media screen and (max-width: 1200px) {
    .menu1 .dropdown .btn{
        height:41px;
        border-radius:50%;
        background-color:transparent;
        font-size:14px;
    }
    .menusec a{
        text-decoration:none !important;
        font-weight:600;
    font-family:'HelveticaNeueMedium',sans-serif;
        line-height:70px;
        font-size:14px;
        display:inline-block;
        margin-right:13px;
    }
}
@media screen and (max-width: 1070px) {
    .menu1 .dropdown .btn{
        height:41px;
        border-radius:50%;
        background-color:transparent;
        font-size:14px;
    }
    .menusec a{
        text-decoration:none !important;
        font-weight:600;
        line-height:70px;
        font-size:14px;
        display:inline-block;
        margin-right:13px;
    }
}
@media screen and (max-width: 992px) {
    .Girisgorsel p{
        font-family:'HelveticaNeueRegular',sans-serif;
        font-size:15px;
        color:#FFF;
        width:80%;
        line-height:25px;
    }
    .Girisgorsel h2{
        line-height:45px;
        font-size:45px;
        margin-bottom:0px;
        font-family:'HelveticaNeueBold',sans-serif;
        color:#FFF;
    }
    .mrt{
        margin-top:7px !important;
    }
    .menusec{
        display:none !important;
    }
    .mobbut1{
        display:inline-block !important;
        border:1px solid #DCB02A;
        height:41px;
        width:42px;
        border-radius:50%;
        background-color:transparent;
        color:#DCB02A;
        font-size:15px;
    }
    .brr2{
        border:none !important;
    }
    .Iletisim h6{
        margin-top:20px;
    }
    .Hakkimizda h1{
        margin-top:0px;
    }
    .image-area {
        margin-top:30px !important;
        width: 100%; 
        justify-content: center; 
        gap: 15px;
    }
    .image-area > div {
        height: 700px; 
    }
}
@media screen and (max-width: 767px) {
    .Girisgorsel p{
        font-family:'HelveticaNeueRegular',sans-serif;
        font-size:15px;
        color:#FFF;
        width:100%;
        line-height:25px;
    }
    .Girisgorsel h2{
        line-height:40px;
        font-size:40px;
        margin-bottom:0px;
        font-family:'HelveticaNeueBold',sans-serif;
        color:#FFF;
    }
    .Hizmetgiris h1 {
        color: #FFF;
        margin-left:12px;
        font-family: 'HelveticaNeueBold', sans-serif;
        font-size: 30px;
    }
    .Hizmetgiris img{
        width:100%;
        height:auto;
        min-height:250px;
        object-fit:cover;
    }
    .Referanslarimiz h1{
        line-height:30px;
        font-size:27px;
        font-family:'HelveticaNeueMedium',sans-serif;
        margin-bottom:20px;
        color:#FFF;
    }
    .Referanslarimiz img{
        display:block !important;
        width:190px;
        height:100px;
        margin:auto !important;
        text-align:center !important;
        object-fit:contain;
    }
    .footer3 a{
        margin-right:12px;
        font-size:13.7px;
        margin-top:13px;
        margin-bottom:13px;
        display:inline-block;
        font-family:'HelveticaNeueMedium',sans-serif;
        font-weight:14.5px;
        color:#DEDEDE;
        transition:0.3s ease-in;
    }
    .footer3{
        padding-top:15px;
        padding-bottom:15px;
    }
    .footer4 img{
        margin-bottom:15px;
    }
    .footer4 h3{
        display:none !important;
    }
    .image-area img {
        width: 100%;
        margin-bottom:20px !important;
        height: 200px;
        object-fit: cover;
        border-radius: 14px;
        display: block;
    }
    .image-area > div {
        height: 500px; 
    }
    .slide {
        display: flex;
        flex-direction: column;
        animation: scrollUp 11s linear infinite;
    }
}
@media screen and (max-width: 576px) {
    .buyukfoto{
        display:none !important;
    }
    .kucukfoto{
        display:block !important;
    }
    .Girisgorsel img{
        width:100%;
        height:50vh;
        object-fit:cover;
    }
    .Iletisim h6{
        margin-top:8px;
    }
    .brr{
        border:none !important;
    }
    .borbox{
        border:1px solid #888;
        padding:10px;
        border-radius:5px;
    }
    .Referanslarimiz img{
        display:block !important;
        width:100%;
        height:70px;
        margin:auto !important;
        text-align:center !important;
        object-fit:contain;
    }
    .Hakkimizda h1{
        line-height:30px;
        font-size:25px;
        font-family:'HelveticaNeueMedium',sans-serif;
        margin-bottom:20px;
        color:#FFF;
    }
}