#str_karsilama {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    background-color: #111111;
    color: rgba(255, 255, 255, 0.5);
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 0;
    display: -ms-flexbox;
    height: auto !important;
    min-height: 20rem;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;}
#str_karsilama:before {
    -moz-transition-delay: 1.25s;
    -moz-transition: opacity 3s ease;
    -ms-transition-delay: 1.25s;
    -ms-transition: opacity 3s ease;
    -webkit-transition-delay: 1.25s;
    -webkit-transition: opacity 3s ease;
    background: #111111;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.45;
    position: absolute;
    top: 0;
    transition-delay: 1.25s;
    transition: opacity 3s ease;
    width: 100%;
    z-index: 1;}
#str_karsilama .str_karsilama_sinir {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-transition: opacity 1s ease, -moz-transform 1s ease;
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -ms-transition: opacity 1s ease, -ms-transform 1s ease;
    transition: opacity 1s ease, transform 1s ease;
    opacity: 1;
    position: relative;
    margin-bottom: 30px;
    z-index: 3;
}
.str_karsilama_sinir {
    margin: 0 auto;
    width: 75rem;
    max-width: calc(94%);
}
#str_karsilama h1 {
    font-size: 2rem;
    margin-bottom: 1rem;
    margin-top: 0px;
}
#str_karsilama h1, #str_karsilama h2, #str_karsilama h3, #str_karsilama h4, #str_karsilama h5, #str_karsilama h6 {
    color: #ffffff;
}
#str_karsilama:hover h1 {
    text-shadow: 0 0 10px #ffffff;
}
#str_karsilama > .str_karsilama_sinir:last-child {
    margin-bottom: 0;
}
#str_karsilama p {
    font-size: 1.3rem;
}
#str_karsilama a {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
}
#str_karsilama a {
    color: #fffdfd;
}
#str_karsilama video {
    -moz-transform: translateX(50%) translateY(50%);
    -ms-transform: translateX(50%) translateY(50%);
    -webkit-transform: translateX(50%) translateY(50%);
    bottom: 50%;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    right: 50%;
    transform: translateX(50%) translateY(50%);
    width: auto;
}
#str_karsilama:after {
    content: ' ';
    display: block;
    height: 100%;
    left: 0;
    opacity:0.45;
    position: absolute;
    top: 0;
    background: rgba(255, 255, 255, 0.5);
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(1,134,174,1) 32%, rgba(0,212,255,1) 51%, rgba(9,34,121,1) 84%);
    width: 100%;
    z-index: 1;
}
.strBtnBox {
    display: inline-block;
    width: 150px;
    line-height: 42px;
    color: #f9f9f9;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
}
#strGirisYapBtn {background: rgb(66, 133, 244);border-radius: 5px;}
#strKayitOlBtn {background: rgb(183, 47, 140);border-radius: 5px;}

.strTercih {
    width: 42px;
    display: inline-block;
    position: relative;
    margin: 0 -30px;
    line-height: 42px;
    background: #fff;
    color: #011327;
    text-align: center;
    border-radius: 50px;
}
#strGirisYapBtn:hover {
    background: linear-gradient(to bottom,#f75e11 0%,#bf380b 100%);
     color: white !important;
}
#strKayitOlBtn:hover {
    background: linear-gradient(to bottom,#f75e11 0%,#bf380b 100%);
    color: white !important;
}
@media (max-width:700px){
    #str_karsilama {
        display:none 
    }
}