@font-face {
    font-family: newOrderRegular;
    src: url(fonts/NewOrder-Regular.ttf);
}

@font-face {
    font-family: newOrderLight;
    src: url(fonts/NewOrder-Light.ttf);
}

@font-face {
    font-family: newOrderMedium;
    src: url(fonts/NewOrder-Medium.ttf);
}

@font-face {
    font-family: newOrderSemibold;
    src: url(fonts/NewOrder-Semibold.ttf);
}

@font-face {
    font-family: newOrderBold;
    src: url(fonts/NewOrder-Bold.ttf);
}

header {
    overflow: hidden;
}

body {
    font-family: newOrderLight;
    width: 100%;
    overflow-x: hidden !important;
}

#maqro .marq-btn {
    background-color: #fff !important;
}

.marq-btn {
    border: 1px solid #ac835e;
    color: #ac835e;
    border-radius: 10px;
    font-family: 'newOrderRegular', sans-serif;
}

.marq-btn img {
    margin-right: 10px;
}

#logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 93px;
}

#logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.navbar {
    font-family: newOrderSemibold;
    font-size: 14px;
}

.dropdown-toggle::after {
    display: none;
}

.navbar-toggler-icon {
    color: #fff !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


.nav-info {
    color: #851e23;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start !important;
}

.nav-link {
    color: #851e23;
}

.nav-info .nav-link {
    padding: 0;
    color: #851e23;
}

.nav-info .nav-link:first-child {}

.nav-info .nav-link:nth-child(2) {
    font-family: newOrderLight;
}

.nav-item,
#nav-left .dropdown,
#nav-left ul.nav {
    margin-right: 50px;
}

.menu-btn {
    color: #fff;
    background-color: #851e23;
    border-radius: 10px;
}

.daire-bul {
    width: 140px;
    height: 40px;
    color: #fff;
    background-color: #851e23;
    border-radius: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#prestige {
    height: 730px;
    background-image: url("img/BG.png"), url(img/top-bg.jpg);
    background-size: 100%, 100%;
    background-position: top center, bottom center;
    background-repeat: no-repeat, no-repeat;
    background-color: #503e3a;
}

.prestige-logo {
    position: relative;
}

.prestige-logo img:first-child {
    max-width: 300px;
    position: absolute;
    top: -25px;
    left: 23.5vw;
}

.prestige-logo img:nth-child(2) {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 118px;
    right: 10vw;
}

.arrow-imgs {
    position: relative;
}

.prestige-info {
    font-size: 12px;
    color: #fff;
    padding-top: 30px;
    ;
}

.prestige-info p {
    margin-bottom: 0;
}

.prestige-info p:first-child,
.prestige-info p span {
    color: #f9c99f;
}

.prestige-info p span {
    font-family: newOrderBold;
}

.prestige-serisi {
    position: relative;
}

#maqro {
    padding-bottom: 50px;
    background-image: url(img/maqro-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.maqro-img {
    position: relative;
}

.maqro-img img {
    position: absolute;
    top: -30%;
}

.proje-hakkinda {
    padding-top: 75px;
    margin-right: 7vw;
}

#maqro>div>div>div.prestige-serisi.col-12.col-lg-7.m-auto>div>div.col-12.col-sm-7 {
    padding-left: 50px;
    padding-top: 35px;
}

.maqro-text {
    padding-left: 50px;
}

.mimar-img {
    margin-right: 40px;
}

.mimar-name p {
    margin-bottom: 0;
}

.mimar-name p:first-child {
    font-family: newOrderLight;
}

.mimar-name p:nth-child(2) {
    font-family: newOrderRegular;
}

.mimar-name p:nth-child(3) {
    font-family: newOrderRegular;
    color: #ac835e;
}

#slides {
    overflow-y: hidden;
    padding: 70px 0;
    background-color: #543f3e;
    position: relative;
}

#slides>div>div>img {
    width: 320px;
    height: 320px;
}

#slides>div>div {
    flex-wrap: nowrap;
}

.text-logo {
    position: absolute;
    width: 50%;
    height: auto;
    top: 20%;
    left: 25%
}

#neden {
    background-image: url(img/neden.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 520px;
    display: flex;
    align-items: center;
    color: #fff;
}

.neden-text {
    margin: 0 auto;
    text-align: center;
    color: #4a4746;
    margin-top: 200px;
}

.neden-text1 h3 span {
    font-family: newOrderBold;
    color: #851e23;
}

.neden-text1 p {
    color: #000;
    text-align: justify;
}

.neden-text1 .marq-btn {
    border: 1px solid #ac835e;
    color: #fff;
    border-radius: 10px;
    max-width: 230px !important;
    text-align: left;

}

#neden .neden-text1 .marq-btn {
    border: 1px solid #ac835e;
    color: #fff;
    border-radius: 10px;
    max-width: 230px !important;
    text-align: left;
}

#location .neden-text1 .marq-btn img {
    margin-right: 42px;
}

#contact {
    padding: 70px 0;
    text-align: center;
}

.form_input {
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
}

.contact-btn {
    background-color: #000;
    color: #fff;
    border-radius: 100%;
    width: 70px !important;
    height: 70px !important;
    font-family: newOrderLight;
}

.contact-btn:hover {
    background-color: #fff;
    border: 1px solid #000;
}

.contact-btn:hover i {
    color: #000;
}

.contact-btn i {
    color: #fff;
    line-height: 1;
}

#oda {
    background-color: #211c23;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 40px 0;
    color: #fff;
}

#oda h3 {
    font-size: 1rem;
    letter-spacing: 5px;
}

#oda h3 span {
    font-family: newOrderBold;
}

.oda-img {
    position: relative;
}

#oda img {
    width: 100%;
    height: auto;
    position: absolute;
    margin-right: 30px;
    bottom: -50px;
}


footer {
    background-color: #504241;
    font-size: 13px;
    padding-bottom: 50px;
}


.footer-menu {
    list-style: none;
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0;
}

.footer-lang {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 0;
    padding-left: 0;
}

.footer-lang a {
    color: #fff;
    text-decoration: none;
    font-family: newOrderSemibold;
}

.footer-lang li {
    margin-right: 10px;
}

.footer-lang li:last-child {
    margin-right: 0px;
}

.footer-menu li {
    margin-right: 10px;
}

.footer-menu li a {
    text-decoration: none;
    color: #fff;
}

.social {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    flex-wrap: wrap;
    padding-left: 2rem;
}

.social a {
    margin-right: 10px;
}

.social a:last-child {
    margin-right: 0px;
}

.footer-logo {
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.footer-logo img {
    width: 100px;
}

.gotop {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}

.phone {
    text-align: center;
}

.phone h4 {
    font-size: 50px;
    color: #f9c99e !important;
    text-decoration: none;
    margin-top: 40px;
}

.phone h4 a {
    color: #f9c99e !important;
    text-decoration: none;
}

.phone p {
    color: #fff;
    margin-top: 40px;
    margin-bottom: 40px;
}

.phone p a {
    color: #fff;
    text-decoration: none;
}

.copyright {
    color: #fff;
}

.footer-padding {
    padding: 40px 0;
}

.border-top {
    border-top: 1px solid #fff;
    padding-top: 20px;
}

.counter-img {
    max-width: 300px;
    margin-top: 20px
}

#mobile-menu {
    display: none;
}

.regular {
    font-family: newOrderRegular;
}


input[type=checkbox]:checked {
    background-color: #851e23 !important;
    color: #ffffff !important;
}

#desktop-menu {
    position: absolute;
    width: 100%;
    top: 0;
}

#location {
    height: 520px;
    position: relative;
    padding-top: 50px;
    background-image: url(img/location.jpg);
    background-position: -460px;
    background-size: cover;
    background-repeat: no-repeat;
}

#location>div>.neden-text1 {
    z-index: 10000;
    margin: 0px;
    margin-top: 0;
    text-align: unset;
    max-width: 420px;

}

#location .location-img {
    position: absolute;
    margin: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -1;
}

#neden .neden-text1 {
    max-width: 550px;
    padding-top: 100px;
}

.social img {
    width: 25px;
    height: 25px;
}





@media (min-width: 768px) {
    .navbar-expand-lg .navbar-collapse {
        justify-content: center;
    }

    .nav-item {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #contact {
        padding: 100px 0;
        text-align: center;
    }

    #oda img {
        width: 70%;
        margin-right: 0px;
        bottom: -66px;
    }

    #oda h3 {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 1000px) {
    #location {
        background-position: center;
    }

    #contact {
        padding-bottom: 200px;
    }
}


@media screen and (min-width: 1200px) {
    .contact-btn i {
        color: #fff;
        line-height: 1;
        font-size: 1.6rem;
        margin-top: 5px;
    }

    #contact {
        padding: 100px 0;
        text-align: center;
        padding-bottom: 240px;
    }

    #location>div>.neden-text1 {
        margin-left: 10vw;
        margin-top: 2vw;
    }




}



@media screen and (min-width: 1400px) {
    #prestige {
        height: 780px;
    }

    .proje-hakkinda {
        margin-top: 300px;
    }

}

@media screen and (min-width: 1500px) {
    #prestige {
        height: 830px;


    }

    .prestige-logo img:first-child {
        max-width: 350px;
        left: 22.5vw;
    }

    .prestige-logo img:nth-child(2) {
        width: 70px;
        height: 70px;
        position: absolute;
        top: 138px;
        right: 3vw;
    }

    .counter-img {
        max-width: 350px;
        margin-top: 30px;
    }

}

@media screen and (min-width: 1600px) {
    #prestige {
        height: 900px;
    }

    .neden-text1 {
        margin-top: 100px;
    }

    #neden {
        height: 850px;
    }

    #location {
        height: 850px;
    }

    .social img {
        width: 37px;
        height: 37px;
    }
}

@media screen and (min-width: 1900px) {
    #prestige {
        height: 1080px;
    }

    .neden-text1 h3 span {
        font-size: 53px;
    }

    .neden-text1 p {
        font-size: 18px;
    }

    #oda {
        padding: 100px 0;
    }
}



@media screen and (min-width: 2500px) {
    #logo {
        width: 177px;
        height: 186px;
    }

    .nav-link {
        font-size: 14px;
    }

    #desktop-menu>div:nth-child(4)>ul>li.nav-item.nav-info>a:nth-child(2) {
        font-size: 12px;
    }

    #prestige {
        height: 900px;
    }

    .prestige-logo img:first-child {
        max-width: 601px;
        left: 23vw;
    }

    .prestige-logo img:nth-child(2) {
        width: 170px;
        height: 170px;
        position: absolute;
        top: 267px;
        right: 3vw;
    }

    .prestige-info {
        font-size: 16px;
    }



    .prestige-info p:first-child {
        font-size: 28px;
    }

    .counter-img {
        max-width: 520px;
        margin-top: 90px;
        margin-left: 160px;
    }

    #prestige {
        height: 1420px;
    }

    .maqro-img img {
        top: -80%;
    }

    .proje-hakkinda {
        padding-top: 430px;
        margin-right: -5vw;
        margin-top: 0;
    }

    #maqro>div>div>div.prestige-serisi.col-12.col-lg-7.col-xxl-12.m-auto>div>div.col-12.col-sm-7>h3:nth-child(1),
    #maqro>div>div>div.prestige-serisi.col-12.col-lg-7.col-xxl-12.m-auto>div>div.col-12.col-sm-7>h3.regular,
    #maqro>div>div>div.row.d-md-flex.justify-content-center.justify-content-lg-end>div>div>div.mimar-text.col-12.col-sm-7>h3:nth-child(1),
    #maqro>div>div>div.row.d-md-flex.justify-content-center.justify-content-lg-end>div>div>div.mimar-text.col-12.col-sm-7>h3.regular {
        font-size: 50px;
    }

    .maqro-text,
    #maqro>div>div>div.row.d-md-flex.justify-content-center.justify-content-lg-end>div>div>div.mimar-text.col-12.col-sm-7>p {
        font-size: 18px;
    }


    .marq-btn {
        font-size: 15px;
    }

    .marq-btn img {
        width: 37px;
    }

    .mimar-name p:first-child,
    .mimar-name p:nth-child(2) {
        font-size: 35px;
    }

    .mimar-name p:nth-child(3) {
        font-size: 16px;
    }

    #slides>div>div>img {
        width: 640px;
        height: 640px;
    }

    #location>div>.neden-text1 {
        margin-left: 3vw;
    }

    #neden>div>div>div>h3,
    #contact>div>div>div>h3 {
        font-size: 80px;
    }






    #oda {
        padding: 150px 0;
    }


    #oda h3 {
        font-size: 60px;
    }

    #oda img {
        width: 1000px;
        height: auto;
        margin-right: 75px;
        bottom: -152px;
    }

    #contact {
        padding-bottom: 415px;
    }

    .contact-btn {
        width: 90px !important;
        height: 90px !important;
    }
}






@media screen and (max-width: 1300px) {
    #prestige {
        height: 670px;
    }

    .nav-item,
    #nav-left .dropdown {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1200px) {
    #prestige {
        height: 610px;
    }

    .contact-btn {
        width: 50px !important;
        height: 50px !important;
    }

    .contact-btn img {
        width: 70%;
    }

    .footer-menu {
        justify-content: center;
        font-size: 12px;
    }

    .footer-lang {
        justify-content: center;
    }
}

@media screen and (max-width: 1100px) {
    .marq-btn {
        font-size: 12px;
    }

    .marq-btn img {
        width: 27px;
    }

    #prestige {
        height: 560px;
    }

    .prestige-logo img:nth-child(2) {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 120px;
        right: -10px;
    }

    .prestige-info {
        margin-left: 40px;
        font-size: 10px;
    }


    .contact-btn img {
        width: 70%;
    }

    #neden h3 {
        font-size: 20px;
    }

    #neden p {
        font-size: 12px;
    }
}


@media screen and (max-width: 1000px) {
    #prestige {
        height: 540px;
    }
}

@media screen and (max-width: 991px) {
    .prestige-info {
        margin: 0 auto;
        padding-top: 20px;
    }

    .prestige-logo img:nth-child(2) {
        right: 2vw;
        top: 64px;
    }

    .footer-menu {
        flex-direction: column;
    }

    .prestige-logo img:first-child {
        max-width: 190px;
    }

    .prestige-logo img:nth-child(2) {
        width: 40px;
        height: 40px;
    }

    #oda img {
        margin-right: 10px;
    }
}


@media screen and (max-width: 992px) {
    #desktop-menu {
        display: none;
    }

    #mobile-menu {
        display: block;
    }
}

@media screen and (max-width: 960px) {
    #prestige {
        height: 500px;
    }
}

@media screen and (max-width: 890px) {
    #prestige {
        height: 480px;
    }
}

@media screen and (max-width: 850px) {
    #prestige {
        height: 450px;
    }
}

@media screen and (max-width: 800px) {
    #prestige {
        height: 430px;
    }
}

@media screen and (max-width: 767px) {



    .nav-info {
        align-items: center !important;
    }

    .daire-bul {
        margin: 0 auto;
    }

    .maqro-img img {
        position: relative;
        top: 0;
    }

    .proje-hakkinda {
        margin-right: 0;
    }

    #prestige {
        height: 450px;
    }

    .prestige-logo img:nth-child(2) {
        right: 30vw;
        top: 15px;
    }

    .prestige-info {
        padding-top: 70px;
    }

    .counter-img {
        max-width: 180px;
    }

    #maqro>div>div>div.prestige-serisi.col-12.col-lg-7.m-auto>div>div.col-12.col-sm-7 {
        padding-left: 20px;
    }


    .oda-img {
        justify-content: space-around;
    }

    .social {
        padding-left: 0rem;
    }

    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
    }

}

@media screen and (max-width: 700px) {
    #prestige {
        height: 450px;
    }

    .counter-img {
        display: none;
    }
}

@media screen and (max-width: 625px) {
    #prestige {
        height: 450px;
    }
}

@media screen and (max-width: 575px) {
    .border-top {
        flex-direction: column-reverse;
    }

    .social {
        justify-content: center;
        margin-top: 20px;
    }

    .phone h4 {
        font-size: 30px;
    }

    .prestige-logo img:nth-child(2) {
        display: none;
    }

    .maqro-img {
        margin-bottom: 20px;
    }

    .mimar-name {
        margin: 20px 0;
    }
}

@media screen and (max-width: 540px) {
    #prestige {
        height: 390px;
    }
}

@media screen and (max-width: 500px) {
    #prestige {
        height: 390px;
    }

    .prestige-logo img:first-child {
        display: block;
    }
}

@media screen and (max-width: 440px) {
    #prestige {
        height: 320px;
    }

    .prestige-logo img:first-child {
        display: none;
    }

    .prestige-info {
        padding-top: 15px;
    }
}