html{ scroll-behavior: smooth; }
body{ font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: .8rem; }




/***** HEADER *****/
#nav{ background: #FFF; padding-bottom: 5px; padding-top: 5px; }
#nav .container-xl{ align-items: center; }
#nav .navbar-brand img{ height: 64px; }
#nav-collapse .nav-link{ padding-right: 1rem; padding-left: 1rem; font-size: 16px; transition: .2s; }
#nav-collapse .nav-link:hover{ background-color: #FFF; color: #000; text-decoration: none; }
#nav-search-form input{ border-radius: 50px; background: transparent; }
#nav .dropdown-menu{ background: transparent; padding: 0; margin-top: 25px; }
#nav .dropdown-menu .dropdown-item{ background-color: rgba(255,255,255,0.8); margin-top: 2px; transition: .2s; font-size: 14px; font-weight: 600; }
#nav .dropdown-menu .dropdown-item:hover{ background-color: rgba(255,255,255,1); text-decoration: none; }
.dropend .dropdown-toggle::after{ margin-left: .450rem; }
/***** HEADER *****/




/***** PAGE BODY *****/
.page-wrapper{ }
.page-wrapper > section{ padding: 6rem 0 6rem 0; }
.page-wrapper > section .header{ font-size: 2.5rem; font-weight: bold; margin-bottom: 3rem; color: #5B5B63; }
.page-wrapper > section .sub-header{ font-size:1.75rem; font-weight: 500; margin: 0 0 3rem 0; color: #5B5B63; }
.page-wrapper > section .inner-header{ font-size:1.75rem; font-weight: 500; margin: 0 0 3rem 0; color: #5B5B63; }
.page-wrapper > section > .container > .content{}
.page-wrapper > section > .container > .content p{ font-size: 1.25rem; color: #5B5B63; }
.page-wrapper > section > .container > .content ul{ font-size: 1.25rem; color: #5B5B63; }
.page-wrapper > section .no-item-notice-wrapper{ padding: 5rem 0; }
.page-wrapper > section .no-item-notice-wrapper i{ }
.page-wrapper > section .no-item-notice-wrapper h3{ font-size: 2rem; margin-top: 1rem; color: #5B5B63; }
.page-wrapper > section > .container > .content p.big{ font-size: 22px; font-weight: 500; line-height: 1.6; }




/* SECTION 1 */
.section-1{ position: relative; }
.section-1 .cover{ position: absolute; z-index: -1; object-fit: cover; width: 100%; height: 100%; top: 0; filter: brightness(50%); }
.section-1 .header{ color: #FFF !important; }
.section-1 .header-content{ font-size: 16px; line-height: 1.8; color: #FFF; }
.section-1 .item-wrapper{ margin-top: 7rem; }
.section-1 .item-wrapper .title{
    background-color: #800000; color: #fff; padding: 0 30px;
    font-weight: 500; height: 90px; display: flex; align-items: center; justify-content: center; text-align: center;
}
.section-1 .item-wrapper .description{
    margin-top: 10px; padding: 0 15px; text-align: center;
    color: #FFF; height: 180px;
}

.section-1 .item-wrapper .detail{ color: #b8b8b8; font-size: 16px; font-weight: 600; }
.section-1 .item-wrapper .detail i{ margin-left: 40px; }
.section-1 .item-wrapper .inner{
    display: flex; flex-direction: column;
    background-color: #000; box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
}


/* SECTION 2 */
.section-2{ background-color: #fefbf3;  }
.section-2 .header-content{ font-size: 16px; line-height: 1.8; }
.section-2 .header-content .detail a{ font-size: 16px; font-weight: 600; color: #b19750; }
.section-2 .header-content .detail a i{ margin-left: 10px; }
.section-2 .item-wrapper{ margin-top: 4rem; }
.section-2 .item-wrapper .inner{ background-color: #FFF; box-shadow: 0 0 5px 1px rgba(0,0,0,0.2); }

.section-2 .item{ margin-bottom: 1.75rem;}
.section-2 .item .inner{ position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.08); transition: .5s;  }
.section-2 .item .image a{ height: 100%; width: 100%; }
.section-2 .item .image{ height: 290px; }
.section-2 .item .image img{ height: 100%; width: 100%; object-fit: cover; filter: blur(0px);  }
.section-2 .item .content{ text-align: center; padding: 30px; }
.section-2 .item .content .title{ padding: 0; margin: 0rem 0 1rem 0; font-size: 1.5rem; font-weight: 600; color: #5B5B63; text-align: left; }
.section-2 .item .content .description{
    font-size: 1rem; margin-bottom: 1.5rem; color: #5B5B63; text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* hover */
.section-2 .item .inner:hover{ transform: scale(1.03); box-shadow: 0 5px 15px rgba(0,0,0,0.03); }

.section-2 .item:nth-child(2) .price{ /*color: #b19750; text-shadow: 1px 1px 1px rgba(0,0,0,0.1);*/ }
.section-2 .item .price{ font-weight: 700; font-size: 1rem; }




/* SUBPAGE HEADER SLIDES */
.page-wrapper .banner .carousel-wrapper{  }
.page-wrapper .banner .carousel.slide{ height: 400px;  }
.page-wrapper .banner .carousel.slide .carousel-inner{ height: 100%; }
.page-wrapper .banner .carousel.slide .carousel-item{ height: 100%; position: relative;  }
.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: static; margin: auto auto 3rem auto; text-shadow: 2px 2px 2px rgba(0,0,0,0.7);
}
.page-wrapper .banner .carousel.slide .carousel-item .carousel-caption h2{}
.page-wrapper .banner .carousel.slide .carousel-item .carousel-caption p{ margin: 1px auto; font-size: 3rem; font-weight: bold; }
/* SUBPAGE HEADER SLIDES */
/* HEADER SHAPE */




/* ICONS AREA */
.icons-1{  }
.icons-1 > div{ /*border: 1px solid rgba(0,0,0,0.1);*/ padding: 20px 10px 20px 10px; /*border-right-width: 0;*/ }
.icons-1 > div:nth-child(4){ /*border-right-width: 1px;*/ }
.icons-1 i{ color: rgba(0,0,0,0.5); }
.icons-1 .title{ margin-top: 1rem; font-size: 20px; font-weight: 600; }
/* ICONS AREA */

/* IMAGE-WRAPPER */
.image-wrapper-1{ margin-right: 3rem; margin-bottom: 2rem; }
.image-wrapper-1 .inner{ padding: 7px; background-color: #EEE; box-shadow: 0 0 0 1px rgba(0,0,0,0.1); }
.image-wrapper-1 .inner img{ max-width: 100%; }

.image-wrapper-2{}
.image-wrapper-2 .item{}
.image-wrapper-2 .inner{ overflow: hidden; transition: .2s; }
.image-wrapper-2 .inner:hover{  }
.image-wrapper-2 .image{}
.image-wrapper-2 .image img{ max-width: 100%; }
.image-wrapper-2 .title{ margin-top: 1rem;}
.image-wrapper-2 .description{}
/* IMAGE-WRAPPER */




/* GALLERY */
.gallery-1{ }
.gallery-1 .item{ margin-bottom: 20px; }
.gallery-1 .inner{ width: 100%; height: 210px; transition: .2s; position: relative; overflow: hidden; }
.gallery-1 a{ width: 100%; height: 100%; }
.gallery-1 .curtain{
    position: absolute; left: 0; top: 0; height: 100%; width: 100%;
    background-color: rgba(177, 80, 80, 0.5);
    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: 0.5; transform: scale(1.5); }
/* GALLERY */
/***** PAGE BODY *****/




/***** FOOTER *****/
/* LINE 1 */
#footer .line-1{ position: relative; overflow: hidden; }
#footer .line-1 .background-img{
    position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;
    filter: blur(5px); display: none;
}
#footer .line-1 .background{ background-color: #2c2c2b; padding: 6rem 0; color: #FFF; }
#footer .line-1 .item{ padding: 0 45px; }
#footer .line-1 h4{ margin-bottom: 1.5rem; padding-bottom: 1.5rem; color: #FFF; }
#footer .line-1 h4 span{ font-weight: 100; color: rgba(255,255,255,0.5); }
#footer .line-1 a{ color: #FFF; }
#footer .line-1 .shortcut ul{ margin: 0; padding-left: 0; list-style: none; }
#footer .line-1 .shortcut li{ margin-bottom: 5px; }
#footer .line-1 .shortcut a{ text-decoration: none; }
#footer .line-1 .shortcut a:hover{ text-decoration: underline; }


#footer .line-1 .social{  }
#footer .line-1 .social .item-wrapper{ display: inline-block; }
#footer .line-1 .social .item{
    line-height: 0; background-color: #FFF; width: 32px; height: 32px; display: flex; align-items: center;
    transition-duration: .2s; border-radius: 100%; margin: 0 .3rem; border: 1px solid rgba(0,0,0,0.1);
}
#footer .line-1 .social .item:hover{ border-radius: 20%; box-shadow: 1px 1px 15px 0 rgba(0,0,0,0.3); }
#footer .line-1 .social a{ text-decoration: none;  }
#footer .line-1 .social i{ font-size: 1.25rem; margin-left: auto; margin-right: auto; color: #161616; }

#footer .line-1 .social-2 .inner-wrapper{ display: flex; flex-direction: column; align-items: center; }
#footer .line-1 .social-2 .item-wrapper{ margin-bottom: 5px;  }
#footer .line-1 .social-2 i{ margin-right: .5rem; }


/* LINE 2 */
#footer .line-2{
    background-color: #1b1b1b; padding: 1rem 0;
}
#footer .line-2 a{ color: #EDBF00; text-decoration: none; }
#footer .line-2 a:hover{ text-decoration: underline; }
/***** FOOTER *****/




/* GOOGLE SEARCH */
#main-search{ min-width: 350px; }
#gsc-iw-id1{ border-radius: 25px 0 0 25px; }
#gsc-i-id1{ background: none !important; }
#___gcse_0{ background-color: transparent !important; }
#___gcse_0 .gsc-input{ padding-right: 0; }
#___gcse_0 button.gsc-search-button{ margin-left: 0; border-radius: 0 25px 25px 0; font-size: 14px; padding-left: 14px; padding-right: 14px; background-color: #D50019; border-color: #CB321D; }
.gsc-control-cse{ background-color: transparent !important; border: 0 !important; }
/* GOOGLE SEARCH */




/* INTRO MODAL */
#intro-modal .modal-body{ padding: 0; line-height: 0; }
#intro-modal .modal-header{ padding: .5rem 1rem; /*background-color: #312F31;*/ }
/* INTRO MODAL */




/* BUTTON */
.btn-private-primary{
    background-color: #232b37; border: solid #1e252f; border-width: 0 0 5px 0; color: #FFF; font-size: 14px; font-weight: 600;
    border-radius: 10px; min-width: 130px; padding: 12px 0 9px 0;
}
.btn-private-primary:hover{ background-color: #1e252f; border: solid #1e252f; border-width: 0 0 5px 0; color: #FFF; text-decoration: none; }
.btn-private-warning{
    background-color: #800000; border: solid #6f0000; border-width: 0 0 5px 0; color: #FFF; font-size: 14px; font-weight: 600;
    border-radius: 10px; min-width: 130px; padding: 12px 0 9px 0;
}
.btn-private-warning:hover{ background-color: #800000;  border: solid #6f0000; border-width: 0 0 5px 0; color: #FFF; text-decoration: none; }
.btn-private-warning.btn-sm{ padding: 8px 0 5px 0; }
.btn-private-secondary{
    background-color: #b8b8b8; border: solid #9b9b9b; border-width: 0 0 5px 0; color: #FFF; font-size: 14px; font-weight: 600;
    border-radius: 10px; min-width: 130px; padding: 12px 0 9px 0;
}
.btn-private-secondary:hover{ background-color: #9b9b9b; border: solid #9b9b9b; border-width: 0 0 5px 0; color: #FFF; text-decoration: none; }




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

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

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

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

    #nav{ padding-bottom: 0.5rem; }
    #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); }

    .section-1 .item-wrapper .item{ margin-bottom: 30px; }
    .section-1 .item-wrapper .item:nth-child(2) .inner{ margin-top: 0; }

    #footer .col-md-4{ margin-bottom: 60px; }
    #footer .col-md-4:nth-child(3){ margin-bottom: 0; }
}
@media only screen and (max-width: 576px){
    #anasayfa-slider .carousel-item .carousel-caption p{ font-size: 2rem !important; }
    #anasayfa-slider .inner-flex{ padding: 0 15px !important; }
    .carousel-control-prev, .carousel-control-next{ display: none; }

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