

/* ANASAYFA SLIDER */
#anasayfa-slider-wrapper{ display: flex; flex-direction: column; height: 100vh;  }
#anasayfa-slider{ flex: 1 1; }
#anasayfa-slider-wrapper .bottom-box{ background-color: #C47300; height: 200px; flex: 0 0 auto; }
#anasayfa-slider .carousel-inner{ height: 100%; }
#anasayfa-slider .carousel-item{
    /*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;*/
}
#anasayfa-slider .carousel-item img{
    height: 100vh; width: auto; object-fit: cover;
    /*filter: brightness(30%) invert(0.15);*/
}
#anasayfa-slider .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));*/
}
#anasayfa-slider-wrapper .bottom-box .container-xl{ height: 100%; }
#anasayfa-slider-wrapper .bottom-box .row{ height: 100%; }
#anasayfa-slider-wrapper .bottom-box .item{
    text-align: center; color: #FFF;  transition: .2s; cursor: pointer;
    display: flex; align-items: center; height: 100%;
}
#anasayfa-slider-wrapper .bottom-box .item:hover{ background-color: rgba(0,0,0,0.2); }
#anasayfa-slider-wrapper .bottom-box .item .inner{ margin: 0 auto; display: block; color: #FFF; width: 100%; }
#anasayfa-slider-wrapper .bottom-box .item .inner:hover{ text-decoration: none; }
#anasayfa-slider-wrapper .bottom-box .item .title{ font-size: 1.4rem; font-weight: bold; margin-top: 1.5rem; }
#anasayfa-slider-wrapper .bottom-box .item p{
    font-size: 1rem; margin-top: .5rem; margin-bottom: 0; width: 100%; overflow: hidden;
    white-space: nowrap; text-overflow: ellipsis;
}

.slide-header-0{ position: relative; }
.slide-header-0:before{ content: '®'; position: absolute; top: -10px; left: 62px; font-size: 16px;  }
/* ANASAYFA SLIDER */

.carousel-indicators{ z-index: 1; }


.carousel-caption{ top: 40%; text-align: center; }
.carousel-caption .small-h{ font-size: 4rem; letter-spacing: 25px; margin-left: 7rem; font-family: 'AvenirLtStdBlack', sans-serif; line-height: 1; }
.carousel-caption .big-h{ font-size: 6rem; font-weight: 600; line-height: .8; }
.carousel-caption .content{
    margin-top: 0; font-size: 2rem; font-style: italic; font-weight: 100;
    font-family:'Exo', sans-serif; color: #343334; position: relative;
    letter-spacing: 3px;
}
.carousel-caption .content strong{ font-weight: 600; }
.carousel-caption .btn{ padding: 12px 30px 10px 30px; font-family: exo-extra-bold, sans-serif; background-color: #9b8d70; border: 1px solid #8C7E62; }
.carousel-caption .btn .strong{ font-family: 'exo-extra-bold', sans-serif; }
.carousel-caption .btn:hover{ text-decoration: none; background-color: #8C7E62; }
.play-circle-wrapper{ position: absolute; left: 35%; bottom: 10%; padding: 24px; background-color: rgba(255,255,255,0.3); border-radius: 50%; display: inline-block; }
.play-circle-wrapper .circle{ height: 100px; width: 100px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #f19b4a; }
.play-circle-wrapper .circle div{ height: 0; width: 10px; border-width: 22.5px 0 22.5px 30px; border-style: solid; border-color: transparent transparent transparent #FFF; }


#map{ height: 100%; background-color: #FFF; padding: 10px; box-shadow: 0 0 1px 1px rgba(0,0,0,0.1); }
#map .inner{ height: 100%; }

.motto{ margin-bottom: 5rem; font-size: 26px !important; margin-top: -2rem; }


.carousel-item .large{ display: block; }
.carousel-item .mobile{ display: none; padding: 15px; }

.carousel-item section{ margin-left: 100px; text-shadow: 1px 1px 1px rgba(0,0,0,0.4);  }
.carousel-item .big{ color:#FFF; font-size: 2.5rem; font-weight: 800; width: 700px; line-height: 110%; }
.carousel-item .big img{ vertical-align: baseline; }
.carousel-item .big .yellow{ color: #efbe03; }
.carousel-item .small{ color:#FFF; font-size: 1rem; font-weight: 600; width: 600px; margin-top: 15px; }


/***** RESPONSIVE *****/
@media only screen and (max-width: 1400px){
    .carousel-caption .small-h{ font-size: 1.5rem; }
    .carousel-caption .big-h{ font-size: 2.5rem; font-weight: 600; line-height: .8;}
    .carousel-caption .content{ margin-top: 1rem; font-size: 18px;}
    .carousel-caption .btn{ color: #FFF; margin-top: 1rem; border-radius: 0; padding: 10px 15px; font-size: 1rem; }
    .play-circle-wrapper{ position: absolute; left: 35%; bottom: 10%; padding: 24px; background-color: rgba(255,255,255,0.3); border-radius: 50%; display: inline-block; }
    .play-circle-wrapper .circle{ height: 80px; width: 80px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #f19b4a; }
    .play-circle-wrapper .circle div{ height: 0; width: 0; border-width: 17.5px 0 17.5px 25px; border-style: solid; border-color: transparent transparent transparent #FFF; }

    .slide-header-0:before{ left: 37px; font-size: 12px; }
}
@media only screen and (max-width: 1200px){

}
@media only screen and (max-width: 992px){


    .carousel-item .large{ display: none; }
    .carousel-item .mobile{ display: block; }

    .carousel-item section{   }
    .carousel-item .inner-flex{ padding: 0 !important; align-items: baseline !important; }
    .carousel-item section{ margin-left: 0;  }
    .carousel-item .big{ font-size: 1.5rem; width: auto; margin-bottom: 15px; }
    .carousel-item .small{ font-size: 1rem; width: auto; width: 50%; }

}
@media only screen and (max-width: 768px) {

}
@media only screen and (max-width: 576px) {

}
/***** RESPONSIVE *****/