/* 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(65%); }
#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; height: 100%;
    display: flex; align-items: center;
}
#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;
}
/* ANASAYFA SLIDER */

.carousel-indicators{ z-index: 1; }


.carousel-caption{
    position: absolute; margin: 0 auto; text-shadow: 0px 0px 2px rgba(0,0,0,0.7); bottom: 40%;
    text-align: left;
}

.carousel-caption .small-h{ font-size: 3rem; letter-spacing: 7px; }
.carousel-caption .big-h{ font-size: 6rem; font-weight: 600; line-height: .8;}
.carousel-caption .content{ margin-top: 2rem; font-size: 24px;}
.carousel-caption .btn{ background-color: #f19b4a; color: #FFF; margin-top: 2rem; border-radius: 0; padding: 15px 25px; }
.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; }




.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{ background-color: #f19b4a; 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; }
}
@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 *****/