@font-face {

    font-family: 'oswald';

    src: url('font/BillionDreams_PERSONAL.ttf');

}



body {

    font-family: 'Lexend', sans-serif;

    overflow-x: hidden;

    max-width: 100vw;

}



.arka-plan {

    background-repeat: no-repeat;

    width: 100%;

    background-position-x: center;

    -moz-background-size: 100% 100%;

    -o-background-size: 100% 100%;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

}

.carousel-item {

    height: 100vh;

    min-height: 350px;

    background: no-repeat center center scroll;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



.bg-light {

    background-color: transparent !important;

}



.carousel-indicators {

    right: auto !important;

}



.menu li a {

    font-family: 'Lexend', sans-serif;

    color: #fff !important;

    font-size: 15px;

}



.menu_black li a {

    font-family: 'Lexend', sans-serif;

    color: #000 !important;

    font-size: 15px;

}



.detay_alani {

    border-top: 1px solid #d5d5d5;

    border-bottom: 1px solid #d5d5d5;

    display: block;

}



.detay_alani a {

    color: #b1b1b1;

    margin: 10px 0;

    display: block;

    text-decoration: none;

}



.detay_alani a:hover {

    color: #323845;

}



.tablo {

    border: 4px solid #fff;

    margin-top: 25px;

    padding: 10px;

    border-bottom-left-radius: 50px;

    border-bottom-right-radius: 50px;

}



.tablo .sutun1 p {

    background-color: #fff;

    padding: 0 5px;

    width: 75%;

    float: left;

    color: #686531 !important;

    font-weight: bold;

    font-size: 13px;

}



.tablo .sutun1 span {

    background-color: #fff;

    padding: 0 5px;

    margin-left: 5px;

    width: 20%;

    text-align: right;

    color: #686531 !important;

    font-weight: bold;

    font-size: 13px;

    margin: 0;

}



.tablo .sutun0 p {

    width: 75%;

    float: left;

    color: #fff !important;

    font-weight: bold;

    font-size: 13px;

}



.tablo .sutun0 span {

    margin-left: 5px;

    width: 20%;

    text-align: right;

    color: #fff !important;

    font-weight: bold;

    font-size: 13px;

}



.icon-dinivve {

    margin-top: 5px;

    display: flex;

}



.xxx {

    margin-top: 55px !important;

}



.resim_ayari {

    margin: 10px 0;

}



.alt-menu {

    margin-top: 25px !important;

}



.alt-menu a {

    text-decoration: none;

    color: #a1a295;

    margin-left: 10px;

}



.footer-text p {

    color: #a1a295;

}



.border-bottom {

    border-bottom: 3px solid #a1a295 !important;

}



.cisim img {

    width: 70px;

}



.cisim {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: -100px;

}



.zeytin {

    position: absolute;

    margin-top: -55px;

    margin-left: -55px;

}



.carousel-indicators [data-bs-target]:not(.active) {

    opacity: .3;

}



.our-story-scroll {

    position: absolute;

    bottom: 100px;

}



.carousel-indicators {

    margin-bottom: 100px;

}







@media screen and (max-height: 900px) {

    .our-story-scroll {

        bottom: 100px;

    }



    .carousel-indicators {

        margin-bottom: 100px;

    }

}



@media screen and (max-height: 800px) {

    .our-story-scroll {

        bottom: 50px;

    }



    .carousel-indicators {

        margin-bottom: 50px;

    }

}



@media (min-width:992px) {

    #masaustu {

        display: block;

    }



    #mobil {

        display: none;

    }



    .sosyal {

        margin-top: 5px;

        width: 90px;

        margin-left: 30px;

    }



    .carousel-caption {

        position: absolute;

        bottom: auto !important;

        right: auto !important;

        top: 17rem !important;

        left: 11% !important;

    }



    .carousel-caption h4 {

        font-family: 'oswald';

        font-size: 130px;

        opacity: 0.3;

        color: #fff !important;

        margin-top: -70px;

        margin-left: -210px;

    }



    .carousel-caption h5 {

        margin-top: -105px;

        font-size: 90px !important;

        font-family: 'Lexend';

        font-weight: bold;

        color: #fff !important;

    }



    .carousel-caption h6 {

        margin-top: -35px;

        font-size: 60px !important;

        margin-left: -80px;

        font-family: 'Lexend';

        font-weight: 400;

        color: #fff !important;

    }



    .ust_top_menu {

        float: right;

        margin-right: 5%;

        margin-bottom: -35px;

        list-style-type: none;

    }



    .metin_alani {

        max-width: 500px;

        text-align: left;

        width: 50%;

        position: absolute;

        margin-top: 180px;

        margin-left: 45px;

    }



    .metin_alani p {

        color: #2b3544;

        font-family: 'Fuzzy Bubbles', cursive;

    }



    /* .metin_alani h4 {

        color: #000 !important;

        font-family: 'Lexend', sans-serif;

    } */



    /* .metin_alani h5 {

        color: #000 !important;

        font-family: 'Lexend', sans-serif;

    } */



    .resim_div {

        width: 100%;

        height: 150px;

    }



    .metin_alani2 {

        color: #fff;

        position: relative;

        top: 30px;

    }



    .metin_alani2 h5 {

        color: #fff !important;

        font-family: 'Fuzzy Bubbles', cursive;

    }



    .urunler h5 {

        color: #fff !important;

    }



    .urunler {

        top: 50px;

        position: relative;

    }



    .urunler h5 {

        color: #fff;

        font-family: 'Lexend', sans-serif;

    }



    .urunler p {

        color: #fff;

        font-family: 'Fuzzy Bubbles', cursive;

    }



    .metin_alani3 {

        color: #000;

        margin-top: 10px;

        position: relative;

        top: 0px;

    }



    /* .metin_alani3 h4 {

        color: #000 !important;

        font-family: 'Lexend', sans-serif;

    }



    .metin_alani3 h5 {

        color: #000 !important;

        font-family: 'Lexend', sans-serif;

    } */





    .resim_alani {

        height: 270px;

        display: block;

    }



    .resim_alani img {

        margin-bottom: 10px;

    }



    .cerceve {

        border-right: 1px solid #d5d5d5;

        padding: 20px;

    }



    .col-md-3:last-child .cerceve {

        border-right: none;

    }



    .metin_alani4 {

        color: #fff;

        margin-top: 10px;

        position: relative;

        top: 40px;

    }



    .metin_alani4 h5 {

        color: #fff !important;

    }







    .tik_menu li {

        margin-top: 25px;

    }



    .tik_menu li p {

        color: #fff;

        text-align: left;

    }



    .tik_menu li,

    img {

        float: left;

        color: #fff;

        list-style-type: none;

    }



    .aciklama {

        text-align: center;

    }



    .aciklama b {

        text-align: center;

        font-size: 12px;

    }



    .aciklama p {

        font-size: 10px;

    }



    .metin_alani5 {

        color: #000;

        margin-top: 10px;

        position: relative;

        top: 30px;

    }



    .metin_alani5 h4 {

        color: #000 !important;

    }



    .metin_alani5 h5 {

        color: #000 !important;

    }



    .footer_logo {

        display: block;

        width: 100%;

        height: 200px;

    }



    .alan {

        border-right: 1px solid #a1a295;

        padding: 10px;

    }



    .col-md-3:last-child .alan {

        border-right: none;

    }



    /* .footer_adres p,

    h5,

    h4 {

        color: #fff !important;

    } */



    .arka-plan {

        min-height: 100vh !important;

    }

}









@media (max-width:991px) {

    .yaprak {

        width: 40px;

    }



    #masaustu {

        display: none;

    }



    #mobil {

        display: block;

    }



    .ust_top_menu {

        display: none;

    }



    .carousel-caption {

        position: absolute;

        bottom: auto !important;

        right: auto !important;

        top: 17rem !important;

        left: 8% !important;

    }



    .carousel-caption h4 {

        font-family: 'oswald';

        font-size: 72px;

        opacity: 0.3;

        color: #fff;

        margin-top: -70px;

    }



    .carousel-caption h5 {

        margin-top: -55px;

        font-size: 50px !important;

        font-family: 'Lexend';

        font-weight: bold;

    }



    .carousel-caption h6 {

        margin-top: -27px;

        font-size: 50px !important;

        margin-left: -80px;

        font-family: 'Lexend';

        font-weight: 400;

    }



    .carousel-item {

        background-position-x: -422px;

    }



    .ust_top_menu {

        text-align: center;

        margin-bottom: 0;

        list-style-type: none;

    }



    .metin_alani {

        text-align: left;

        position: relative;

    }



    .metin_alani2 {

        color: #fff;

        top: -30px;

        position: relative;

    }



    .mobil_arka_plan {

        background-position-x: initial;

    }



    .urunler h5 {

        color: #fff;

    }



    .urunler p {

        color: #fff;

    }



    height-normal {

        height: inherit;

    }



    .metin_alani4 {

        color: #fff;

        margin-top: 10px;

        position: relative;

        top: 50px;

    }



    .metin_alani4 h5 {

        color: #fff !important;

    }



    .carousel-indicators {

        margin-bottom: 10vh;

    }



    .our-story-scroll {

        position: absolute;

        bottom: 15vh;

    }

}







.top-navbar .nav-item .nav-link {

    color: #9ca3a7;

    padding-top: 0;

    transition: .2s;

}



.top-navbar .nav-item {

    padding-top: 7px;

}



.top-navbar .nav-item .nav-link:last-child {

    padding-right: 0;

}



.top-navbar .nav-item .nav-link:hover {

    color: #fff;

}



.main-menu .nav-item .nav-link {

    position: relative;

    transition: .2s all;

}



.main-menu .nav-item .nav-link:hover,

.main-menu .nav-item .nav-link.active {

    font-weight: 800;

}







.carousel-indicators [data-bs-target] {

    width: 40px;

    height: 6px;

}



.carousel-indicators {

    margin-left: 9%;

}



.section-light-title {

    font-size: 31px;

    font-weight: 400;

    margin-bottom: 0;

    line-height: 20px;

    z-index: 3;

    position: relative;

}



.section-bold-title {

    font-size: 31px;

    font-weight: 900;

    z-index: 3;

    position: relative;

}



.c-dark {

    color: #2b3544;

}



.image-stand-right {

    position: relative;

    width: 100%;

    height: 100%;

}



/* .image-stand-right::before {

    content: ;

} */



.image-stand-right img {

    position: absolute;

    height: 400px;

    right: calc((1140px - 100vw) / 2);

}



.section-header {

    position: relative;

}



.font-2 {

    font-family: 'Fuzzy Bubbles', cursive;

}



.py-100 {

    padding-top: 100px;

    padding-bottom: 100px;

}



.section-title-description {

    font-size: 16px;

}



.section-header-dark::before {

    background-image: url("../img/banner2_zeytin.png");

    content: "";

    position: absolute;

    height: 220px;

    width: 101px;

    background-repeat: no-repeat;

    left: -55px;

    top: -55px;

}



.fw-1 {

    font-weight: 100;

}



.fw-2 {

    font-weight: 200;

}



.fw-3 {

    font-weight: 300;

}



.fw-4 {

    font-weight: 400;

}



.fw-5 {

    font-weight: 500;

}



.fw-6 {

    font-weight: 600;

}



.fw-7 {

    font-weight: 700;

}



.fw-8 {

    font-weight: 800;

}



.fw-9 {

    font-weight: 900;

}



.fs-9 {

    font-size: 9px;

}



.fs-11 {

    font-size: 11px;

}



.fs-12 {

    font-size: 12px;

}



.fs-13 {

    font-size: 13px;

}



.fs-14 {

    font-size: 14px;

}



.fs-15 {

    font-size: 15px;

}



.fs-24 {

    font-size: 24px;

}



.fs-28 {

    font-size: 28px;

}



.fs-29 {

    font-size: 29px;

}



.c-green {

    color: #6c6935;

}



.c-grey {

    color: #909399;

}


.carousel {
    top: -135px;
}

nav.scrolled {
background-color: #2b3544;
    -webkit-box-shadow: -1px 10px 32px 0px rgb(0 0 0 / 60%);
    box-shadow: -1px 10px 32px 0px rgb(0 0 0 / 60%);
    color: black;}
	


.nav-item.scrolled {
color:black;}


.border-green {

    border-color: #6c6935;

}



.table-border {

    border-left: 5px solid #6c6935;

}



.table-list {

    color: rgba(255, 255, 255, 0.301);

}





@media screen and (min-width: 992px) {

    .main-menu-collapse {

        border-top: 1px solid #ffffff7a;

        border-bottom: 1px solid #ffffff7a;

        border-right: 1px solid #ffffff7a;

        padding: 5px 0px;

        margin-top: 10px;

        border-image: linear-gradient(to right, #ffffff00, #ffffff7a) 1;

    }



    .section-title-description {

        padding: 0 11rem;

    }



    .main-menu .nav-item .nav-link:hover::before,

    .main-menu .nav-item .nav-link.active::before {

        content: "";

        width: 100%;

        height: 6px;

        background-color: #89864b;

        position: absolute;

        top: 40px;

        left: 0px;

    }



}



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



    section.arka-plan,

    footer.arka-plan {

        background-size: cover;

    }



    .navbar-brand {

        margin-top: 10px;

    }



    .navbar-brand img {

        width: 130px;

    }



    .main-menu-collapse {

        background: #2c3645;

        padding: 15px;

    }



}



@media screen and (min-width: 992px) {

    .image-stand-right img {

        height: 350px;

        right: calc((960px - 100vw) / 2);

    }



    .carousel-caption {

        left: calc((100vw - 960px) / 2) !important;

    }



    .carousel-inner .carousel-item:nth-child(2) .carousel-caption {

        right: calc((100vw - 960px) / 2) !important;

        left: unset !important;

    }



    .carousel-indicators {

        margin-left: calc((100vw - 960px) / 2) !important;

    }

}



@media screen and (min-width: 1200px) {

    .image-stand-right img {

        height: 400px;

        right: calc((1140px - 100vw) / 2);

    }



    .carousel-caption {

        left: calc((100vw - 1140px) / 2) !important;

    }



    .carousel-inner .carousel-item:nth-child(2) .carousel-caption {

        right: calc((100vw - 1140px) / 2) !important;

        left: unset !important;

    }



    .carousel-indicators {

        margin-left: calc((100vw - 1140px) / 2) !important;

    }

}



@media screen and (min-width: 1400px) {

    .image-stand-right img {

        height: 400px;

        right: calc((1320px - 100vw) / 2);

    }



    .carousel-caption {

        left: calc((100vw - 1320px) / 2) !important;

    }



    .carousel-inner .carousel-item:nth-child(2) .carousel-caption {

        right: calc((100vw - 1320px) / 2) !important;

        left: unset !important;

    }



    .carousel-indicators {

        margin-left: calc((100vw - 1320px) / 2) !important;

    }



    .arka-plan {

        position: relative;

    }



    .scroll-next-btn {

        position: absolute;

        bottom: 20px;

        width: 100%;

        left: 0;

    }

}



.table-border-bottom {

    border-bottom: 1px solid #adab8e;

}



.footer-contact {

    height: 100vh;

    display: flex;

    justify-content: space-between;

}