.fsxl {font-size: x-large !important;}
.pl20 {padding-left: 20px;}
.mb8 {margin-bottom:8px; font-weight: 500;}
.kalin {font-weight: 800;}
.renk {color: #004388;}
.beyaz {color: whitesmoke !important;font-weight: 800;}
.fw700 {font-weight: 700;}
.mb35 {margin-bottom:35px}
.mb15 {margin-bottom: 10px;}
.plr {padding-left: 100px;padding-right: 100px;}
.white {color:#fff !important}
.plr0 {padding-right: 8px !important;padding-left: 8px !important;}
.bglogo {background-color: #004388 !important;}
.wd800 {width: 800px; background-color: rgb(47, 44, 39, .4)!important;}
.bggrey {background-color: rgb(47, 44, 39, .4)!important;}
.whatbg {padding:10px !important; background-color: white; height: 320px !important}
.cert {letter-spacing:2px; font-size:12px;font-weight: 500;}
.tac {text-align: center;}
.helve {font-family: Arial, Helvetica, sans-serif;}

.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 1099;
}
.contentBox {
  position: relative;
  width: 660px;
  height: 500px;
  background: rgb(223, 223, 223);
  border: 2px solid rgb(52, 52, 52);
  border-radius: 20px;
  display: block;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  text-align: center;
}
.contentBox .imgBx {
  position: relative;
  width:600px;
  height: 450px;
  display:flex;
  justify-content: center;
  align-items: center;
}
.contentBox .imbBx video {
  position: relative;
  width: 100%;
}
#videoz {
  width:600px; height:370px;
}
.close {
  position : absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background: #f3f3f3;
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center;
  cursor: pointer;
  border-radius: 50%;
  z-index: 10;
  text-align: center;
  display: block;
  opacity: 0.8;
}

::selection {background-color:#004388; color:#fff}

@media (max-width: 767px) {
  .contentBox {
    width: 300px;
    height: auto;
    flex-direction: column;
  }
  .contentBox .imbBx {
    height: 200px;
    transform: translateY(-50px);
  }
  .contentBox .imbBx::before {
    background-position: #fff;
  }
  .contentBox .content {
    height: auto;
    text-align: center;
    padding: 20px;
    padding-top: 0;
  }
  .close {
    top: -50px;
    right: -10px;
    text-align: center;
  }
  #videoz {
    position: relative;
    width: 274px;
    height: 158px;

  }
}

@media (max-width: 480px) {
    .plr {padding-left: 0px;padding-right: 0px;}

  }

  @media (max-width:1080px){
    .mobilefs{font-size: 7px;}


  }