html{ scroll-behavior: smooth; }
body{ font-family: 'Lato', sans-serif; background-color: transparent; }
.modal .modal-header{ border-bottom: 0; position: relative; z-index: 2; }
.modal-content{ padding: 50px; border-radius: 75px; }
.modal-body{ margin-top: -2rem; }
label{ font-weight: 600; }

/***** HEADER *****/
#nav{
    position: absolute; z-index: 2; width: 100%; top: 0; left: 0;
    background: linear-gradient(rgba(0,0,0,0.7) 0%, rgba(0,0,0,0));
    padding-top: 3rem; /*transition: .5s;*/
}
#nav.fixed-top{ position: fixed; top: 0; left: 0; right: 0; z-index: 2; background: linear-gradient(rgba(0,0,0,0.8) 0%, rgba(0,0,0,.1)); padding-top: .5rem; /*transition: .5s;*/ }
#nav-collapse .nav-link{ padding-right: 1rem; padding-left: 1rem; font-size: 20px; color: #FFF; }
#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); }
.dropend .dropdown-toggle::after{ margin-left: .450rem; }
#header{ margin-bottom: 0; }
/***** HEADER *****/



/***** MAIN *****/
section.wrapper{ padding: 5rem 0; }
header{ margin-bottom: 1.5rem; }
header .title{ font-weight: 500; font-size: 42px; margin-bottom: .4rem; }
section.wrapper.text-white .title{ color: #FFF; }
header .title-underline{ width: 45px; height: 2px; background-color: #030d28; position: relative; }
header .title-underline:after{ content: ''; width: 80px; height: 2px; background-color: #030d28; position: absolute; top: 4px; }
section.wrapper header.center{ text-align: center; }
section.wrapper header.center .title{ font-weight: 500; font-size: 42px; margin-bottom: .4rem; }
section.wrapper header.center .title-underline-wrapper{ line-height: 0; }
section.wrapper header.center .title-underline{ width: 45px; height: 2px; background-color: #030d28; position: relative; display: inline-block; }
section.wrapper header.center .title-underline:after{ content: ''; width: 80px; height: 2px; background-color: #030d28; position: absolute; top: 4px; left: -17.5px; }
section.wrapper.text-white header.center .title-underline{ background-color: #FFF; }
section.wrapper.text-white header.center .title-underline:after{ background-color: #FFF; }
section.wrapper main .description p{ font-size: 20px; }




/***** PAGE BODY *****/
.page-wrapper{ }
.page-wrapper > section{ padding: 5rem 0 0 0; }
.page-wrapper > section .header-wrapper{ margin-bottom: 5rem; }
.page-wrapper > section .header{ font-size: 42px; font-weight: 500; margin-bottom: .4rem;  }
.page-wrapper > section .title-underline{ width: 45px; height: 2px; background-color: #030d28; position: relative; }
.page-wrapper > section .title-underline:after{ content: ''; width: 80px; height: 2px; background-color: #030d28; position: absolute; top: 4px; }
.page-wrapper > section .sub-header{ font-size:1.75rem; font-weight: 500; margin: 0 0 .4rem 0;  }
.page-wrapper > section .inner-header{ font-size:1.75rem; font-weight: 500; margin: 0 0 3rem 0; }
.page-wrapper > section > .container > .content{ margin-bottom: 5rem; }
.page-wrapper > section > .container > .content p{ font-size: 1.25rem; margin-top: 0; }
.page-wrapper > section > .container > .content ul{ font-size: 1.25rem;  }




/* SUBPAGE HEADER SLIDES */
.page-wrapper .banner .carousel-wrapper{  }
.page-wrapper .banner .carousel.slide{ height: 600px;  }
.page-wrapper .banner .carousel.slide .carousel-inner{ height: 100%; }
.page-wrapper .banner .carousel.slide .carousel-item{
    height: 100%; position: relative;
    mask-image   : url(../../../file/img/slide-mask.png); -webkit-mask-image   : url(../../../file/img/slide-mask.png);
    mask-size    : 100%;                               -webkit-mask-size    : 100%;
    mask-repeat  : no-repeat;                          -webkit-mask-repeat  : no-repeat;
    mask-position: 100px bottom;                       -webkit-mask-position: 100px bottom;
}
.page-wrapper .banner .carousel.slide .carousel-item img{
    height: 100%; width: auto; object-fit: cover;
}
.page-wrapper .banner .carousel.slide .inner-flex{
    position: absolute; left: 0;  top: 0; width: 100%; height: 100%; display: flex;
    align-items: center; padding: 0 15rem; background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.1));
}
.page-wrapper .banner .carousel.slide .carousel-item .carousel-caption{
    position: absolute; margin: auto auto 3rem auto; text-shadow: 2px 2px 2px rgba(0,0,0,0.7);
    bottom: 150px; left: 0; width: 100%; text-align: center;
    color: #FFF;
}
.page-wrapper .banner .carousel.slide .carousel-item .carousel-caption h2{ color: #FFF; font-size: 3rem;font-weight: 600; }
.page-wrapper .banner .carousel.slide .carousel-item .carousel-caption p{ margin: 1px auto; font-size: 3rem; font-weight: bold; }




/* GALLERY */
.gallery-1{ }
.gallery-1 .item{ margin-bottom: 20px; }
.gallery-1 .inner{ width: 100%; height: 210px; transition: .2s; position: relative; overflow: hidden; border-radius: 0 0 0 0; }
.gallery-1 a{ width: 100%; height: 100%; }
.gallery-1 .curtain{
    position: absolute; left: 0; top: 0; height: 100%; width: 100%;
    background-color: rgba(145,80,40,0.7);
    transition: .2s; z-index: 1; display: flex; align-items: center;
}
.gallery-1 .curtain i{ color: #FFF; margin: 0 auto; transition: .2s; font-size: 1.6rem; }
.gallery-1 img{ width: 100%; height: 100%; object-fit: cover; border: 1px solid rgba(0,0,0,0.2); }
.gallery-1 .inner:hover{ transform: scale(1.1); }
.gallery-1 .inner:hover .curtain{ background-color: transparent; }
.gallery-1 .inner:hover .curtain i{ opacity: .5; transform: scale(1.5); }




/* WRAPPER-1 */
section.wrapper-1 main .box-wrapper{ margin-top: 4rem;}
section.wrapper-1 main .box-wrapper .item{ margin-bottom: 1.5rem; }
section.wrapper-1 main .box-wrapper .box{ border: 2px solid #f1f1f1; border-radius: 20px; padding: 3rem 2rem 2rem 2rem; height: 100%;  }
section.wrapper-1 main .box-wrapper .box > .icon-wrapper{ height: 60px; position: relative; margin-bottom: 1rem; }
section.wrapper-1 main .box-wrapper .box > .icon-wrapper > .circle{ width: 60px; height: 60px; background-color: #f6d0d9; border-radius: 100%; position: absolute; left: 20px; top: 0; }
section.wrapper-1 main .box-wrapper .box > .icon-wrapper > .icon{ position: absolute; left: 0; top: 6px; }
section.wrapper-1 main .box-wrapper .box > .title{ font-size: 18px; font-weight: 600; margin-bottom: .25rem; }
section.wrapper-1 main .box-wrapper .box > .content{ font-size: 16px; }
section.wrapper-1 main .box-wrapper .box > .content > ul{ padding: 0; list-style: none; }

/* WRAPPER-2 */
section.wrapper-2 header{ margin-bottom: 4rem; }
section.wrapper-2 main .box-wrapper{ margin-right: -1.5rem; margin-left: -1.5rem;}
section.wrapper-2 main .box-wrapper .item{ padding-left: 1.5rem; padding-right: 1.5rem; }
section.wrapper-2 main .box-wrapper .item:hover img{ box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); transform: scale(1.025) translate(0, -15px); }
section.wrapper-2 main .box-wrapper .box{ margin-bottom: 5rem; transition: .5s; }
section.wrapper-2 main .box-wrapper .box .img-wrapper{  }
section.wrapper-2 main .box-wrapper .box .img-wrapper img{ width: 408px; height: 265px; object-fit: cover; transition: .5s; }
section.wrapper-2 main .box-wrapper .box .title{ font-size: 22px; font-weight: 600; margin-bottom: .25rem; margin-top: 1.5rem; }
section.wrapper-2 main .box-wrapper .box .description{ font-size: 16px; margin-bottom: 1rem; }
section.wrapper-2 main .box-wrapper .box a.detail{ font-size: 15px; font-weight: 600;  text-decoration: underline; color: #030d28; }

/* BOX WRAPPER 3 */
section.wrapper-3 main .box-wrapper{ margin-top: 4rem; }
section.wrapper-3 main .box-wrapper > div{ margin-bottom: 1.5rem; }
section.wrapper-3 main .box-wrapper .box .circle-img-wrapper{ text-align: center; margin-bottom: 1rem; }
section.wrapper-3 main .box-wrapper .box .circle-img-wrapper img{ height: 240px; width: 240px; border-radius: 50%; object-fit: cover; }
section.wrapper-3 main .box-wrapper .box .title{ font-size: 28px; font-weight: 600; text-align: center; }
section.wrapper-3 main .box-wrapper .box .description{ font-size: 20px; text-align: center; }

/* BOX WRAPPER 4 */
section.wrapper-4{ padding: 5rem 0 0 0; }
section.wrapper-4 .container{ padding: 8rem 0 0 0; margin-bottom: 0;}
section.wrapper-4 main{ margin-bottom: 8rem; }
section.wrapper-4 main .box-wrapper{ margin-top: 4rem; }

section.wrapper-4 main .img-wrapper img{ width: 424px; height: 265px; object-fit: cover; transition: .5s; }
section.wrapper-4 main .img-wrapper img:hover{ box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); transform: scale(1.025) translate(0, -15px); }
section.wrapper-4 main .box .title{ font-size: 22px; font-weight: 600; margin-bottom: 0; margin-top: 1.5rem; }
section.wrapper-4 main .box .date{ font-weight: 600; position: relative; margin-bottom: 1.5rem; }
section.wrapper-4 main .box .date:after{ position: absolute; content: ''; width: 45px; height: 2px; background-color: #FFF; bottom: -7px; left: 0; }
section.wrapper-4 main .box .content{ font-size: 16px; }

#galleryBottom .uk-position-center-left{ margin-left: -50px; }
#galleryBottom .uk-position-center-right{ margin-right: -50px; }


section.wrapper-4 footer{ padding: 3rem 0; }
section.wrapper-4 .divider{ height: 2px; background-color: #FFF; width: 100%; }
.address{ list-style: none; padding: 0; }
.address li{ display: flex; margin-bottom: .75rem; align-items: center; }
.address li .icon-wrapper{ margin-right: 1.5rem; }
.address li .icon-wrapper img{ max-width: none; }
.address li .text{ line-height: 1.2; }
section.wrapper-4 footer .logo-wrapper{ text-align: right; margin-top: -20px; }
.social{ display: flex; align-items: center; justify-content: right; margin-top: 1.25rem; }
.social .item-wrapper{ display: inline-block; line-height: 100%; }
.social .item{
    line-height: 0; background-color: #fff; width: 36px; height: 36px; display: flex; align-items: center;
    transition-duration: .4s; border-radius: 100%; margin: 0 .2rem;
    text-decoration: none; border: 1px solid rgba(0,0,0,0.1);
}
.social .item:hover{ background-color: #212529; }
.social .item:hover i{ color: #fff; }
.social .item i{ font-size: 1rem; margin-left: auto; margin-right: auto; color: #000; transition-duration: .4s; }
.social .item img{ width: 28px; height: 28px; }

section.wrapper-4 footer .navbar{ margin-top: .25rem; }
section.wrapper-4 footer .nav-link{ font-size: .875rem; font-weight: 500; color: #FFF !important; padding-left: .75rem !important; padding-right: .75rem !important; }
section.wrapper-4 footer .copyright{ text-align: center; }

section.wrapper-4 .form-area{ margin-bottom: 4rem; margin-top: 4rem; }
section.wrapper-4 .form-area .title{ text-align: center; font-size: 42px; font-weight: 600; color: #FFF; }


/* SHAPE */
.shape-wrapper{ overflow: hidden; }
.section.shape-wrapper header{  }
.shape-wrapper > .container{ position: relative; margin-top: 5rem; margin-bottom: 5rem; padding: 10rem 0 15rem 0; }
.shape-1{
    background-color: #f1f1f1; height: 100%; width: 130%; position: absolute;
    left: 0; top: 0; z-index: -1; margin-left: -15%;
    border-radius: 300px; transform: rotate(15deg);
}
.shape-2{
    background-color: #f19b4a; height: 130%; width: 130%; position: absolute;
    left: 0; top: 0; z-index: -1; margin-left: -15%;
    border-radius: 300px; transform: rotate(-15deg);
}
.shape-3{
    background-color: #f19b4a; height: 130%; width: 130%; position: absolute;
    left: 0; top: 0; z-index: -1; margin-left: -15%;
    border-radius: 300px; transform: rotate(15deg);
}





/* NELER YAPIYORUZ SLIDER */
#neler-yapiyoruz-slider{}
#neler-yapiyoruz-slider .curtain{
    position: absolute; left: 0; top: 0; height: 100%; width: 100%;
    background-color: rgba(145,80,40,0.7); text-align: center;
    transition: .2s; z-index: 1; display: flex; align-items: center;
}
#neler-yapiyoruz-slider .curtain span{ color: #FFF;margin: 0 auto; transition: .2s; font-size: 1.4rem; font-weight: 600; }
#neler-yapiyoruz-slider .uk-position-center-left{ background-color: rgba(0,0,0,0.1); }
#neler-yapiyoruz-slider .uk-position-center-right{ background-color: rgba(0,0,0,0.1); }
#neler-yapiyoruz-slider .uk-panel{ height: 220px; transition: .2s; overflow: hidden; }
#neler-yapiyoruz-slider img{ height: 100%; width: 100%; object-fit: cover; transition: .2s; filter: blur(2px); }

#neler-yapiyoruz-slider .uk-position-center-left:hover{ background-color: rgba(0,0,0,0.6); }
#neler-yapiyoruz-slider .uk-position-center-right:hover{ background-color: rgba(0,0,0,0.6); }
#neler-yapiyoruz-slider .uk-panel:hover img{ filter: blur(0); transform: scale(1.1); }
#neler-yapiyoruz-slider .uk-panel:hover .curtain{ background-color: transparent; }
#neler-yapiyoruz-slider .uk-panel:hover .curtain span{ opacity: 0; transform: scale(1.2); }
/* NELER YAPIYORUZ SLIDER */





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

}


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

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

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

    #nav{ background-color: #333; box-shadow: 0 3px 15px 0 rgba(0,0,0,0.4);  }
    #nav.fixed-top{ background-color: #333; }
    #nav .nav-item-separator{ display: none; }
    #nav .nav-link{ padding: 5px 0; font-size: 16px; font-weight: 300; }
    #nav .navbar-toggler{ margin-left: auto; margin-right: unset; border: 0; }
    #nav .navbar-toggler:focus{ box-shadow: none; }
    #nav .navbar-collapse{  }
    #nav .navbar-brand-wrapper{ display: block; }

}
@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-4 main .box-wrapper .img-wrapper img{ width: 100%; }
    section.wrapper-2 main .box-wrapper .box .img-wrapper img{ width: 100%; }
    .shape-2{ width: 215%; height: 170% }

    section.wrapper-4 footer .logo-wrapper{ text-align: center; margin-top: 20px; }
    section.wrapper-4 footer .navbar{ display: none; }
    .social{ align-items: center; justify-content: center; margin-top: 3rem; }
    section.wrapper-4 .container{ padding: 8rem 1rem 0 1rem;}
    section.wrapper-2 .container{ padding: 0 1rem; }
    section.wrapper{ padding: 0; }
}
@media only screen and (max-width: 576px){

    #header .navbar-brand img{ width: 200px; 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 *****/