@font-face {
    font-family: 'exo';
    src: url(../../../file/font/exo.regular.otf);
}
@font-face {
    font-family: 'exo-thin';
    src: url(../../../file/font/exo.thin.otf);
}
@font-face {
    font-family: 'exo-black';
    src: url(../../../file/font/exo.black.otf);
}
@font-face {
    font-family: 'exo-medium';
    src: url(../../../file/font/exo.medium.otf);
}
@font-face {
    font-family: 'exo-extra-bold';
    src: url(../../../file/font/exo.extra-bold.otf);
}
@font-face {
    font-family: 'exo-light';
    src: url(../../../file/font/exo.light.otf);
}


html{ scroll-behavior: smooth; }
body{ font-family: 'Lato', sans-serif; background-color: transparent; }
#call-you-modal-1 .modal-header{
    border: 0; position: relative; z-index: 2; background-color: #998b6f; color: #38393b; border-radius: 0;
}
#call-you-modal-1 .modal-header h5{ margin-left: auto; font-size: 26px; font-family:exo-medium;  }
#call-you-modal-1 .modal-content{ border-radius: 0px; background-color: #38393b; }
#call-you-modal-1 .modal-body{ padding: 45px 45px 0 45px; }
#call-you-modal-1 .modal-footer{ border: 0; padding: 0 45px 0 45px; }
label{ font-weight: 600; }
#call-you-modal-1 .modal-body form .col-12{ margin-bottom: 15px; }
#call-you-modal-1 .modal-body form input{ width: 100%; background-color: #323232; border: 0; color: #FFF; outline: 0; }
#call-you-modal-1 .modal-body form textarea{ width: 100%; background-color: #323232; border: 0; color: #FFF; outline: 0; }



.new-modal .modal-header{
    border: 0; position: relative; z-index: 2; border-radius: 0;
}
.new-modal .modal-header h5{ font-size: 26px; font-family:exo-medium;  }
.new-modal .modal-header .btn-close{  }
.new-modal .modal-content{ padding: 50px; border-radius: 75px;}
.new-modal .modal-body{ padding: 0 1rem 1rem 1rem; margin-top: -2rem; }

.new-modal .modal-body .line-1{ text-align: center; font-family: exo, sans-serif; font-size: 20px; margin-bottom: 30px; }
.new-modal .modal-body .line-1 .icon-wrapper{ margin-bottom: 5px;}
.new-modal .modal-body .line-1 .icon-wrapper img{ height: 196px; width: 196px; object-fit: cover; border-radius: 128px; }
.new-modal .modal-body .line-1 .icon-wrapper i{font-size: 96px;color: #343334;}
.new-modal .modal-body .line-1 .title{ font-family: exo, sans-serif; margin-bottom: 15px; margin-top: 15px; text-align: left; }
.new-modal .modal-body .line-1 .title h2 { margin-bottom: 0; margin-top: 0; padding: 0; color: #333; text-align: left; font-size: 2rem;}
.new-modal .modal-body .line-1 .text{ text-align: left; font-size: 1rem; }
.new-modal .modal-body .line-1 .text p{color: #8a8a8a;}
.new-modal .modal-body form .col-12{ margin-bottom: 15px; }
.new-modal .modal-body form input{ width: 100%; border: 1px solid #ced4da; }
.new-modal .modal-body form textarea{ width: 100%; border: 1px solid #ced4da; }

.new-modal .modal-footer{ border: 0; padding: .75rem; }
.new-modal .modal-footer .btn{
    font-size: 1.25rem; padding: 12px 30px 10px 30px; font-family: 'exo', sans-serif;
}
.new-modal .modal-footer .btn i{ margin-right: 15px; }
.new-modal .modal-footer .btn-primary{ background-color: #9b8d70; color: #FFFFFF; border: 1px solid #8C7E62; }
.new-modal .modal-footer .btn-dark{background-color: #343334;color: #FFFFFF;border: 1px solid #343334;}

.new-modal .modal-footer .btn-primary:hover{ background-color: #8C7E62; }



/***** LEFT FIX NAV *****/
#left-fix-nav{ position: fixed; left: 1.5rem; top: 30%; width: 30px; z-index: 10; }

/* LIST GROUP ITEM */
#left-fix-nav > .list-group-item{ background-color: transparent; border: none; color: #737373; padding-bottom: 0; }
#left-fix-nav > .list-group-item > .number{
    font-size: 46px; font-weight: bold; letter-spacing: 3px; margin-left: -1.1rem;
    display: none;
}
#left-fix-nav > .list-group-item > .title{ width: 150px; white-space: nowrap; }
#left-fix-nav > .list-group-item > .title > .point{
    display: inline-block; height: 10px; width: 10px; background-color: #737373; border-radius: 100%;
    margin-right: 25px; transition: .5s;
}
#left-fix-nav > .list-group-item > .title > .text{ font-size:14px; font-weight: bold; display: none; }
#left-fix-nav > .list-group-item > .line{
    width: 2px; height: 0px; background-color: #737373; transition: .5s;
    margin-left: 4px; margin-top: 15px; margin-bottom: 0px;
}

/* ACTIVE LIST GROUP ITEM */
#left-fix-nav > .list-group-item.active{ color: #dddddd; }
#left-fix-nav > .list-group-item.active > .number{ display: block; }
#left-fix-nav > .list-group-item.active > .title{  }
#left-fix-nav > .list-group-item.active > .title > .point{ background-color: #dddddd; }
#left-fix-nav > .list-group-item.active > .title > .text{ display: inline; color: #dddddd; }
#left-fix-nav > .list-group-item.active > .line{ background-color: #dddddd; height: 80px; margin-bottom: 10px; }

/* DARK */
#left-fix-nav.dark > .list-group-item > .title > .point{ background-color: #a4a4a4; }
#left-fix-nav.dark > .list-group-item.active{ color: #737373; }
#left-fix-nav.dark > .list-group-item.active > .number{  }
#left-fix-nav.dark > .list-group-item.active > .title{  }
#left-fix-nav.dark > .list-group-item.active > .title > .point{ background-color: #737373; }
#left-fix-nav.dark > .list-group-item.active > .title > .text{ display: inline; color: #737373; }
#left-fix-nav.dark > .list-group-item.active > .line{ background-color: #737373; }
/***** LEFT FIX NAV *****/









/***** HEADER *****/
#nav{
    position: fixed; z-index: 2; width: 100%; top: 0; left: 0;
    background-color: #FFF; padding-top: 1rem; transition: .5s;
}
#nav.fixed-top{
    position: fixed; z-index: 2; width: 100%; top: 0; left: 0;
    background-color: #FFF; padding: 0; box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
}
#nav .navbar-brand img{ height: 90px; transition: .5s; }
#nav.fixed-top .navbar-brand img{ height: 60px; }
#nav-collapse .nav-link{ padding-right: 1rem; padding-left: 1rem; font-size: 20px; color: #212529; font-family: 'Exo', sans-serif; }
#nav-search-form input{ border-radius: 50px; background: transparent; }
#nav .dropdown-menu{ background: transparent; padding: 0; }
#nav .dropdown-menu .dropdown-item{ background-color: rgba(0,0,0,0.4); color: #FFF; margin-top: 2px; transition: .2s; font-size: 13px; }
#nav .dropdown-menu .dropdown-item:hover{ background-color: rgba(0,0,0,0.7); }

#nav .navbar-collapse{  }

.dropend .dropdown-toggle::after{ margin-left: .450rem; }
#header{ margin-bottom: 0; }
/***** /HEADER *****/








/***** MAIN *****/
section.wrapper{ height: 100vh; position: relative; background-color: #EEE; }
section.wrapper .scroll-spy-point{ position: absolute; top: -30%; left: 0; height: 1px; }
section.wrapper .wrapper-padding{ padding: 5rem 0; }
section.wrapper .header{}
section.wrapper .header > .title{ font-weight: bold; font-size: 40px; letter-spacing: 15px; margin-top: 5rem; }


.wrapper_50{ height: 50vh !important; }
.wrapper_50 .inner{ display: flex; height: 100%; flex-direction: column; justify-content: center; position: relative; z-index: 1; }

.wrapper_50 > .container-fluid{ height: 100%; }
.wrapper_50 > .container{ height: 100%; }
.wrapper_50 h3{ font-size: 30px; }
.wrapper_50 h4{ font-size: 26px; font-weight: bold; letter-spacing: 5px; padding-bottom: 20px; margin-bottom: 0; font-family: exo-medium; }
.wrapper_50 > .container > .row{ height: 100%; }
.wrapper_50 > .container-fluid > .row{ height: 100%; }
.wrapper_50 > .absolute-bg{ position: absolute; height: 50vh; width: 100%; z-index: -1; }
.wrapper_50 > .absolute-bg > .row{ height: 100%; margin: 0; }
.wrapper_50.dark h3{ color: #FFF; font-weight: bold; font-size: 26px; letter-spacing: 15px; font-family: exo-medium, sans-serif; }
.wrapper_50.dark h4{ color: #FFF; }
.wrapper_50.dark input{ background-color: rgba(75,75,75,0.7); border: 1px solid rgba(255,255,255,0.2); color: #FFF; }
.wrapper_50.dark input::placeholder{ font-size: 14px; }
.wrapper_50.dark textarea{ background-color: rgba(75,75,75,0.7); border: 1px solid rgba(255,255,255,0.2); color: #FFF; }
.wrapper_50.dark textarea::placeholder{ font-size: 14px; }

.box{  }
.box > .inner{ display: flex; height: 100%; flex-direction: column; justify-content: center; text-align: center;  }
.box .btn{ width: 220px; margin-left: auto; margin-right: auto; margin-top: 30px; }
.box-gold{ color: #000; background-color: #9b8d70;  }
.box-gold .btn{ background-color: #343334; color: #9b8d70; border:1px solid #343334; font-family: exo-extra-bold, sans-serif; }
.box-gold p{ color: #212529; }
.box-gray{ background-color: #343334; color: #FFF; }
.box-gray h4{ color: #FFF; }
.box-gray .btn{ background-color: #9b8d70; color: #FFF; border: 1px solid #9b8d70; font-family: exo-extra-bold, sans-serif; }
.box-left{  }
.box-left p{ color: #282828 !important; }
.box-left > .inner{ margin: 0px 60px; }
.box-right{  }
.box-right > .inner{ margin: 0px 60px; }


.form-1{  }
.form-1 .col-6{ margin-bottom: 2rem; }
.form-1 .col-12{ margin-bottom: 2rem; }
.form-1 .btn-primary{ padding: 8px 0 6px 0;  }


/* DARK WRAPPER */
section.wrapper.dark{ background-color: #333; color: white; }
section.wrapper.dark .header > .title{ color: white; font-family: 'exo-black', sans-serif; }
section.wrapper.dark .content{ color: white; }

#top-social{ position: absolute; right: 30px; top: 40%; color: #FFF; }
#top-social .item{ margin-bottom: 1.5rem; transition: .2s; text-align: center; }
#top-social .item:hover{ transform: scale(1.5); }
#top-social .item a{ color: #c0a175; transition: .2s; }
#top-social .item a:hover{ color: #343334; }

#about-us .wrapper-padding{ display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; }
#about-us .container{ position: relative; }
#about-us .header{ margin: auto; }
#about-us .content{ margin: auto; }
#about-us .content:before{ content: ''; height: 2px; width: 400px; max-width: 100%; background-color: #ededed; display: inline-block; margin-bottom: 2rem; }



#about-us .line-1{ padding: 90px 0; }
#about-us .line-1 h4{ font-size: 26px; font-weight: bold; letter-spacing: 5px; padding-bottom: 20px; margin-bottom: 0; font-family: exo-medium; }
#about-us .line-2{ padding: 120px 0; }
#about-us .line-2 .right .inner{ height: 100%; }
#about-us .line-2 .right .inner > div{ height: 100%; display: flex; flex-direction: column; justify-content: center; }
#about-us .line-2 .right p{ margin-bottom: 0;}
#about-us p{ font-family: 'exo', sans-serif; }
#about-us .line-2 .right .inner > div{ padding-left: 30px; }
#about-us .line-2 .right h4{ font-size: 26px; font-weight: bold; letter-spacing: 5px; padding-bottom: 20px; margin-bottom: 0; font-family: exo-medium; }




#why-me{ min-height: 100vh; height: auto;}
#why-me .container-fluid{ height: 100%; }
#why-me .inner{ height: 100%; }
#why-me .inner .container{height: 100%; flex-direction: column;justify-content: center;}
#why-me .header{ padding: 90px 0; margin-top: auto; margin-bottom: auto; }
#why-me h2{ color: #FFF; font-size: 40px; letter-spacing: 15px; font-family: exo, sans-serif; font-weight: bold; margin-bottom: 0; }
#why-me .item-wrapper{ font-family: exo, sans-serif; font-size: 20px; margin-top: auto; margin-bottom: auto; }
#why-me .item-wrapper .item{ padding: 0 30px; }
#why-me .item-wrapper .item:nth-child(even){ color: #B9AF9B; }
#why-me .item-wrapper .item:last-child{ color: #B9AF9B; }
#why-me .item-wrapper .icon-wrapper{ text-align: center; font-size: 60px; margin-bottom: 20px; }
#why-me .item{ margin-bottom: 60px; padding: 15px;}
#why-me ul li{ margin-bottom: 15px; text-align: justify; }


#service{ background-color: transparent; }
#service .background-wrapper{ position: absolute; width: 100%; height: 100%; z-index: -1; }
#service .background-wrapper .inner-1{ height: 100%; display: flex; justify-content: center; }
#service .background-wrapper .inner-2{ margin-top: auto; margin-bottom: auto; }
#service .background-wrapper .inner-2 img{ }

#service > .container{ height: 100%; }
#service .inner{ display: flex; flex-direction: column; height: 100%; }
#service header{ margin: 3rem 0 0 0; text-align: center; }
#service header h4{ font-size: 26px; letter-spacing: 15px; margin-top: 5rem; font-family:  'exo', sans-serif; }
#service header h2{ font-weight: bold; font-size: 40px; letter-spacing: 15px; font-family:  'exo', sans-serif; }

#service .item-wrapper{ margin-top: auto; margin-bottom: auto; transform: translateY(-70px); }
#service .item-wrapper .item{ position: relative; }
#service .item-wrapper .item h4{font-weight: bold;font-family:  'exo', sans-serif;}
#service .item-wrapper .item h4 i{font-size: 48px; vertical-align: sub; margin-right: 15px;}
#service .item-wrapper .item p{ color: #8a8a8a; font-family:  'exo', sans-serif; }
#service .item-wrapper .item ul li{ font-family:  'exo', sans-serif; }
#service .item-wrapper .item .button-wrapper{ position: absolute; width: 100%; left: 0; bottom: -100px; text-align: center; padding: 0 30px; }
#service .item-wrapper .item .button-wrapper p{ font-size: 18px; font-weight: bold; margin-bottom: 10px; }
#service .item-wrapper .item .button-wrapper .btn{ width: 100%; padding: 12px 30px 10px 30px; font-family: 'exo', sans-serif; }
#service .item-wrapper .item .button-wrapper .btn i{ margin-right: 15px; transition: .2s; }
#service .item-wrapper .item .button-wrapper .btn:hover i{ transform: scale(1.5); }

#service .item-wrapper .item:nth-child(even) .button-wrapper .btn{ background-color: #9b8d70; color: #FFFFFF; border: 1px solid #8C7E62; }
#service .item-wrapper .item:nth-child(odd) .button-wrapper .btn{ background-color: #343334; color: #FFFFFF; border: 1px solid #343334; }

#service .item-wrapper .item:nth-child(even) .button-wrapper .btn:hover{ background-color: #8C7E62; }
#service .item-wrapper .item:nth-child(odd) .button-wrapper .btn:hover{ background-color: #4d4c4d; }


#call-you h2{ margin-bottom: 60px; }
#call-you .item-wrapper{}
#call-you .item{}
#call-you .item .button-wrapper{}
#call-you .item .button-wrapper .btn{
    padding: 17px 30px 15px 30px; font-size: 1.25rem; border-radius: 30px;
    box-shadow: 0 2px 5px  rgba(0,0,0,0.4); transition: .2s;
}
#call-you .item .button-wrapper .btn:hover{ transform: translate(0, 5px); box-shadow: none; }
#call-you .item .button-wrapper .btn i{ font-size: 48px; }
#call-you .item .button-wrapper .btn span{ display: block; margin-top: 10px; }
#call-you .item:nth-child(even) .button-wrapper .btn{ background-color: #9b8d70; color: #FFFFFF; border: 1px solid #8C7E62; }
#call-you .item:nth-child(odd)  .button-wrapper .btn{ background-color: #343334; color: #FFFFFF; border: 1px solid #343334; }
#call-you .item:nth-child(even) .button-wrapper .btn:hover{ background-color: #8C7E62; }
#call-you .item:nth-child(odd)  .button-wrapper .btn:hover{ background-color: #4d4c4d; }


#project{ }
#project .project-titles{ list-style: none; padding: 0; font-size: 24px; font-weight: 600; color: rgba(255,255,255,0.5); margin-top: 7rem; }
#project .project-titles li{ margin: 0 0 20px 0; cursor: pointer; }
#project .project-titles li.active{ color: #FFF; font-family: 'Montserrat', sans-serif; }
#project .projects-gallery-slider-wrapper{  }
#project .projects-gallery-slider-wrapper .project-wrapper{ display: none;}
#project .projects-gallery-slider-wrapper .project-wrapper.active{ display: block;}

#project .project-wrapper .item{  }
#project .project-wrapper .item .box{  }
#project .project-wrapper .img-wrapper{  }
#project .project-wrapper .img-wrapper img{ width: 258px; height: 407px; object-fit: cover;  }
#project .project-wrapper .uk-position-small{ color: #FFF; }
#project .project-wrapper .uk-position-small:hover{ color: #0dcaf0; }
#project .project-wrapper .uk-dotnav > * > *{ border: 1px solid #FFF; }
#project .project-wrapper .uk-dotnav > .uk-active > *{ background-color: #FFF; }






#contact .left-wrapper{ display: flex; flex-direction: column; justify-content: center;  margin-top: -5rem; margin-bottom: -5rem; padding-left: 15rem; font-family: exo;}
#contact .left-wrapper > .header{ margin-bottom: 3rem; margin-top: 3rem; }
#contact .left-wrapper > .content{ margin-top: auto; margin-bottom: auto; }
#contact .left-wrapper > .footer{ margin-top: auto; margin-bottom: 2rem; color: rgba(255,255,255,0.7); }

#contact .contact-info .line{ margin-bottom: 2rem; }
#contact .contact-info .icon-wrapper{ display: inline-block; margin-right: 30px;  vertical-align: top; color: rgba(255,255,255,0.7); }
#contact .contact-info .content{ display: inline-block; }
#contact .contact-info .content .title{ font-size: 18px; font-weight: 600; }
#contact .contact-info .content .text{ color: rgba(255,255,255,0.5); }

#contact .right-wrapper{ position: relative; margin-top: -5rem; margin-bottom: -5rem; padding-left: 0; }
#contact-form{ position: absolute; bottom: 100px; padding: 60px; background-color: #FFF; z-index: 10; width: 60%; left: 60px; }
#contact-form .form-control{ margin-bottom: 30px; }
#contact-form input{ border-radius: 0; }
#contact-form textarea{ border-radius: 0; }
#contact-form .btn{ border-radius: 0; }
/***** /MAIN *****/

#footer{ background-color: #343334; color: #FFF; padding: 120px 0 40px 0; font-family: exo; }
#footer a{ color: #FFF; }
#footer h3{ color: #FFF;  }
#footer ul{ list-style: none; margin-bottom: 0; padding: 0; }
#footer ul li{ font-size: 14px; }
#footer ul li i{ width: 20px; }
#footer ul li i{ margin-right: 5px; }
#footer .type-1{ }
#footer .type-2 ul li{ }
#footer .copyright{ font-size: 14px; color: rgba(255,255,255,0.3); }
#footer .panel-login{ margin-top: 15px; }
#footer .panel-login a{ color: rgba(255,255,255,0.3); font-size: 12px; }



/* BUTTON */
.btn{padding: 7px 20px 5px 20px;font-size: 1.25rem;border-radius: 3px;font-weight: 600;box-sizing: border-box;}
.btn.btn-primary{ background-color: #9b8d70; color: #FFF; border:1px solid #9b8d70; }






/***** RESPONSIVE *****/
@media only screen and (min-width: 992px){

}


@media only screen and (max-width: 1400px){
    #contact-form{ bottom: 20px; }
    #contact-form input{ padding: 5px 10px; font-size: 16px; margin-bottom: 15px !important; }
    #contact-form textarea{ padding: 5px 10px; font-size: 16px; margin-bottom: 15px !important; }
    #left-fix-nav > .list-group-item > .title > .text{ display: none !important; }
    #left-fix-nav.dark > .list-group-item > .title > .text{ display: none; }

    section.wrapper{ height: auto; min-height: 100vh; }
    .wrapper_50{ min-height: 50vh !important; height: auto !important; }
    .wrapper_50 .inner{ padding-top: 30px; padding-bottom: 30px; }
    #service .item-wrapper{ transform: translateY(0); }
}
@media only screen and (max-width: 1200px){

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

    #service .item-wrapper .item p{ font-size: 13px; }
    #service .item-wrapper .item ul li{ font-size: 13px; }
    #service .item-wrapper .item .button-wrapper .btn{ font-size: 14px; }

}
@media only screen and (max-width: 768px){

    #anasayfa-slider .carousel-item{
        mask-size    : 130% !important;   -webkit-mask-size    : 130% !important;
        mask-position: center !important; -webkit-mask-position: center !important;
    }

    section.wrapper{ height: auto; min-height: 100vh; }
    #contact .left-wrapper{ padding-left: var(--bs-gutter-x,.75rem); }

    .carousel-caption{ margin-left: 0 !important; }
    .carousel-caption .small-h{ margin-left: 0 !important;  }
    #top-social{ bottom: 10px; top: unset;}
    section.wrapper .header > .title2{ font-size: 30px; }

    #service header{ margin: 0; }
    #service .second-wrapper{ margin-top: 2rem; }
    #service .list{ }
    #service .list li{ margin-bottom: 0 !important; }
    #service .second-title{  }
    #service .second-description{ }
    #service .item-wrapper{ transform: translateY(0); }
    #service .item-wrapper .item{ margin-bottom: 120px; }
    #service .inner{ padding-bottom: 60px; }
    #service h4{ margin-top: 60px; }

    #about-us > .container{ min-height: 100vh; }
    #about-us > .container > .wrapper-padding{ min-height: 100vh; }

    #contact-form{ display: none; }

    #contact .right-wrapper{ margin-top: 6rem; margin-bottom: 0; height: 300px; padding-left: calc(var(--bs-gutter-x)/ 2); }
    #map{  }
    #left-fix-nav{ display: none; }
    #contact .wrapper-padding{ padding: 0 0 2rem 0; }

    #project .project-titles{ margin-top: 1rem;}
    #project > .container{ min-height: 100vh; }
    #project .project-wrapper .img-wrapper img{
        width: 100%;
    }

    section.wrapper.dark .header > .title{ font-size: 30px; }

    .wrapper_50{ min-height: 50vh !important; height: auto !important; }
    #about-us .line-1 .box-left{ padding: 60px 15px; }
    #about-us .line-1 .box-left .inner{ margin-right: 0; }
    #about-us .line-1 .box-right{ padding: 60px 15px; }
    #about-us .line-1 .box-right .inner{ margin-left: 0; }
    #about-us .line-2 .left{ display: none; }
    #about-us .line-2 .right{ padding: 60px 15px; }
    #about-us .line-2 .right .inner > div{ padding-left: 0px; }

    #call-you .inner{ padding: 60px 0; }
    #call-you .item .button-wrapper{ margin-bottom: 15px; }

    #footer .col-md-3{ padding-bottom: 60px; text-align: center;}

}
@media only screen and (max-width: 576px){

    #header .navbar-brand img{ image-rendering:-webkit-optimize-contrast;   }
    #header .navbar-toggler{ margin-right: unset; }
    #header .navbar-collapse .navbar-nav{ margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.1); }

}
/***** RESPONSIVE *****/