.orta_sol_b_1 { width:50%;  }

@media screen and (max-width:950px){
.orta_sol_b_1 { width:100%;  }

}



* {
  /* box-sizing: border-box; */
}

.flex-container-orta {
  display: flex;
  flex-wrap: wrap;

 
}

.flex-item-left-orta {
  background-color: #f1f1f1;
  padding: 0px;
  flex: 50%;
}

.flex-item-right-orta {
  background-color: #f1f1f1;
  padding: 0px;
  flex: 50%;
  text-align:left;
}

/* Responsive layout - makes a one column-layout instead of a two-column layout */
@media (max-width: 950px) {
  .flex-item-right-orta, .flex-item-left-orta {
    flex: 100%;
  }
}






/************************* bg img *****************************/

/*  ---ust banner----    */
.bg-rules-ust-banner{
    background-position: center top;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.fables-after-overlay-ust-banner{
    position: relative; 
}
.fables-after-overlay-ust-banner::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(224,224,224,.4);
}
/*  ---ust banner----    */

/*  ---orta img----    */
.bg-rules-orta-img{
    background-position: center top;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.fables-after-overlay-orta-img{
    position: relative; 
}
.fables-after-overlay-orta-img::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(44,62,79,.8);
}
/*  ---orta img----    */

/************************* bg img *****************************/







.bannerbaslikbg{
    position: relative; 
}
.bannerbaslikbg::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(236,236,236,.6);
}


.bannericerikbg{
    position: relative; 
}
.bannericerikbg::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(241,68,0,.8);
}