body {
  padding: 0;
  margin: 0;
  font-family: Montserrat;
  font-family: Kanit;
  font-family: Open Sans;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

div#page_content {
  background: #1a3038;
  overflow: hidden;
  width: 100%;
  height: 100%;
  /* position: relative;*/
  z-index: -1;
  z-index: 0;
}

.slbContentOuter {
  padding: 0 10em;
}

/***************   HEADER   ***************/

div#header {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 10;
}

.header_right {
  position: absolute;
  right: 0;
  top: 0;
  width: 602px;
}

.hr_wave_container {
  display: block;
  width: 602px;
  height: 152px;
  background-image: url(../img/hr_wave_bg.png);
}

span.hrw_link_seperator {
  color: #112476;
  font-size: 36px;
  line-height: 0;
  position: relative;
  top: 4px;
  left: 2px;
  margin: 0 8px;
  font-family: "Kanit";
  user-select: none;
}

a.hrw_link {
  color: #11244f;
  font-weight: 800;
  text-decoration: none;
  font-size: 20px;
  letter-spacing: 0.5px;
}

a.hrw_link:hover {
  text-decoration: underline;
}

.hrw_links_inner_container {
  width: fit-content;
  display: inline-block;
  margin-top: 30px;
}

.hrw_links {
  text-align: center;
  display: block;
}

div#clockdiv > div {
  display: inline-block;
  width: 48px;
  background: #11244f;
  text-align: center;
  padding: 5px 4px;
}

div#clockdiv > div * {
  color: white;
  font-size: 16px;
  font-family: "Kanit";
  font-weight: 400;
  letter-spacing: 2px;
}

div#clockdiv .smalltext {
  font-size: 10px !important;
  font-weight: 400;
  letter-spacing: 1px;
  opacity: 0.9;
  user-select: none;
}

div#clockdiv {
  width: fit-content;
  display: inline-block;
}

.header_left {
  width: fit-content;
  position: absolute;
  left: 32px;
  top: 32px;
}

.hl_search {
  background: red;
  height: 40px;
  width: 40px;
  display: inline-block;
  vertical-align: super;
  display: none;
}

.hl_account {
  vertical-align: top;
  display: inline-block;
  box-sizing: border-box;
  padding-left: 10px;
}

a.hla_text.account_name {
  position: relative;
  top: 0;
}

a.hla_text {
  color: white;
  font-weight: 700;
  display: block;
  text-decoration: none;
  text-align: right;
  line-height: 23px;
}

/*
a.hll_flag.tr_flag {
    background-image: url(../img/en_flag.png);
    width: 45px;
    height: 45px;

    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
a.hll_flag.en_flag {
    background-image: url(../img/tr_flag.png);
    width: 45px;
    height: 45px;

    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
*/

a.hll_flag {
  color: white;
  font-weight: 700;
  display: block;
  text-decoration: none;
  text-align: right;
  line-height: 23px;
  font-size: 30px;
  font-weight: 800;
  line-height: 44px;
  color: #c4edff;
}

a.hll_flag:hover {
  color: #ffffff;
  text-decoration: none;
  text-shadow: 0 0px 10px rgb(196 237 255 / 49%);
}

button.hll_flag {
  border: 0px;
  background-color: transparent;
  color: white;
  font-weight: 700;
  display: block;
  text-decoration: none;
  text-align: right;
  line-height: 23px;
  font-size: 30px;
  font-weight: 800;
  line-height: 44px;
  color: #c4edff;
}

button.hll_flag:focus {
  outline: 0px;
}

button.hll_flag:hover {
  color: #ffffff;
  text-decoration: none;
  text-shadow: 0 0px 10px rgb(196 237 255 / 49%);
}

.hl_lang {
  width: fit-content;
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
  border-width: 1px;
  border-style: solid;
  border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), white, rgba(0, 0, 0, 0)) 1 100%;
  border-right: none;
  padding-left: 10px;
}

.hrw_countdown_wrapper {
  text-align: right;
  padding-right: 54px;
  box-sizing: border-box;
  padding-top: 12px;
}

a.store_label_link {
  display: block;
  width: 99px;
  height: 108px;
  background-image: url(../img/bos_store.png);
  position: absolute;
  right: 160px;
  top: 143px;
  cursor: pointer;
}

a.store_label_link {
  animation: swing ease-in-out 1s infinite alternate;
  transform-origin: center -25px;
}

@keyframes swing {
  0% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(-1deg);
  }
}

.header_style_1 span.ptb_small {
  color: #238dfa;
  font-size: 36px;
  font-weight: 900;
  position: absolute;
  top: 177px;
  left: 80px;
}

.header_style_1 span.ptb_big {
  font-size: 92px;
  font-weight: 900;
  -webkit-text-stroke: 1px rgb(35 141 250 / 0.25);
  color: transparent;
  position: absolute;
  left: 12px;
  top: 100px;
}

.header_style_white span.ptb_small {
  color: #fff;
  font-size: 36px;
  font-weight: 900;
  position: absolute;
  top: 177px;
  left: 80px;
}

.header_style_white span.ptb_big {
  font-size: 92px;
  font-weight: 900;
  -webkit-text-stroke: 1px rgb(255 255 255 / 0.25);
  color: transparent;
  position: absolute;
  left: 12px;
  top: 100px;
}

.page_title_big {
  user-select: none;
  pointer-events: none;
}

/***************   FOOTER   ***************/

div#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.flm_seperator {
  display: inline-block;
  background-image: url(../img/f_menu_sep.png);
  width: 2px;
  height: 59px;
  background-size: 100% 100%;
  background-position: center;
  margin: 0 7px;
}

.footer_wave_container {
  background-image: url(../img/ft_menu_bg.png);
  height: 190px;
  background-size: 100% 100%;
  background-position: 0;
}

.footer_left_menu a {
  /*
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    top: -22px;
    */
  color: white;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  top: -22px;
  font-family: "Kanit";
  font-weight: 500;
  letter-spacing: 0.2px;
}

.footer_left_menu {
  position: absolute;
  bottom: 20px;
  left: 45px;
}

.footer_left_menu a:hover {
  text-decoration: none;
  color: #11244f;
}

.footer_right_menu {
  width: fit-content;
  right: 45px;
  position: absolute;
  bottom: 44px;
}

span.frm_text {
  font-size: 13px;
  font-weight: 800;
  color: white;
  margin-right: 4px;
}

span.active {
  color: #00c6e6 !important;
}

a.active {
  color: #00c6e6;
}

a.frm_sm_icon {
  display: inline-block;
  height: 22px;
  width: 22px;
  position: relative;
  top: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 6px;
}

a.frm_sm_icon.ig {
  background-image: url(../img/ig_icon.png);
}

a.frm_sm_icon.fb {
  background-image: url(../img/fb_icon.png);
}

a.frm_sm_icon.tw {
  background-image: url(../img/tw_icon2.png);
}

a.frm_sm_icon.yt {
  background-image: url(../img/yt_icon.png);
}

a.frm_sm_icon.ti {
  background-image: url(../img/ti_icon.png);
}
a.frm_sm_icon.xx {
    width: 32px;
}
a.fwc_tmok {
  display: block;
  width: 280px;
  height: 170px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 48px;
  bottom: 60px;
}

a.fwc_tmok.tr {
  background-image: url(../img/menu_tmok_b_logo_tr.png);
}

a.fwc_tmok.en {
  background-image: url(../img/menu_tmok_b_logo_en.png);
}

/***************   HOME   ***************/

.home_map_bg {
  background-image: url(../img/Bogazici_Map.jpg);
  position: absolute;
  width: 100%;
  height: calc(100% - 100px);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.home_content {
  position: absolute;
  z-index: 1;
  left: 30px;
  top: 30%;
}

.home_content .content_text {
  position: absolute;
  z-index: 1;
  left: 70px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}

.home_content h3 {
  margin: 0;
}

@media screen and (max-width: 1500px) {
  .home_content img {
    max-width: 500px;
  }
  .home_content h3 {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .home_content {
    top: 48%;
  }
}

@media screen and (max-width: 500px) {
  .home_content {
    left: 0;
    right: 0;
  }
  .home_content img {
    max-width: 100%;
  }
  .home_content .content_text {
    left: 30px;
  }
}

.home_content_2 {
  position: absolute;
  z-index: 1;
  left: 30px;
  top: 48%;
  width: 500px;
}

.home_content_2 .content_text {
  position: absolute;
  z-index: 1;
  left: 70px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}

.home_content_2 h4 {
  margin: 0;
}

.home_content_2 h4 a {
  color: #ffffff;
  text-decoration: none;
}

@media screen and (max-width: 1500px) {
  .home_content_2 img {
    max-width: 500px;
  }
  .home_content_2 h4 {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .home_content_2 {
    top: 55%;
  }
}

@media screen and (max-width: 500px) {
  .home_content_2 {
    left: 0;
    right: 0;
    width: 400px;
  }
  .home_content_2 img {
    max-width: 100%;
  }
  .home_content_2 .content_text {
    left: 30px;
  }
}

.home_content_3 {
  position: absolute;
  z-index: 1;
  left: 30px;
  top: calc( 44% + 80px);
  width: 500px;
}

.home_content_3 .content_text {
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}

.home_content_3 h4 {
  margin: 0;
}

.home_content_3 h4 a {
  color: #ffffff;
  text-decoration: none;
}

@media screen and (max-width: 1500px) {
  .home_content_3 img {
    max-width: 500px;
  }
  .home_content_3 h4 {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .home_content_3 {
    top: 65%;
  }
  .home_content_3 {
    bottom: 95px;
    top: unset;
    left: 8px;
    right: 8px;
}
}

@media screen and (max-width: 500px) {
  .home_content_3 {
    left: 0;
    right: 0;
    width: 400px;
  }
  .home_content_3 img {
    max-width: 100%;
  }
  .home_content_3 .content_text {
    left: 8px;
  }
}

a.yarisa_kayit_ol {
  position: fixed;
  right: 92px;
  top: 0;
  background: #d60a28;
  color: white;
  padding: 16px 32px;
  font-family: "Kanit";
  box-shadow: 0 2px 5px black;
  font-size: 24px;
  bottom: 0;
  height: fit-content;
  margin: auto;
  cursor: pointer;
  border-radius: 6px;
  border: 2px solid #ffffff;
}

a.yarisa_kayit_ol:hover {
  background: #00afcb;
  color: #11244f;
  text-decoration: none;
  box-shadow: 0 0;
}

/***************   SPONSORLAR   ***************/

div#page_content.page_sponsorlar {
  background-color: #000c2d;
}

.sponsorlar_wrapper {
  position: absolute;
  top: 300px;
  width: 100%;
  max-width: 1200px;
  margin: auto;
  left: 0;
  right: 0;
}

img.sponsor_samsung {
  max-width: 360px;
  display: inline-block;
  /* margin-bottom: 50px; */
}

.sponsorlar_stack {
  text-align: center;
  line-height: 240px;
}

img.sponsor_item {
  width: 190px;
  padding: 0 30px;
  vertical-align: middle;
  max-width: calc(100% / 5);
}

.sponsor_seperator {
  display: inline-block;
  height: 100px;
  width: 1px;
  background: rgb(35, 141, 250);
  background: linear-gradient(180deg, rgba(35, 141, 250, 0) 0%, rgba(35, 141, 250, 1) 50%, rgba(35, 141, 250, 0) 100%);
  opacity: 0.5;
  vertical-align: middle;
}

/***************   Şifremi Unuttum   ***************/

div#page_content.page_sifremi_unuttum {
  background-image: url(../img/bg_3.jpg);
  background-position: center;
  background-size: cover;
}

.alert-box.basirilikayit {
  background-color: white;
  color: black !important;
  border-radius: 4px !important;
  /* position: absolute; */
  /* top: 0; */
  width: 990px !important;
  max-width: 90vw;
  margin: auto;
  left: 0;
  right: 0;
  position: fixed;
  text-align: left !important;
  font-size: 14px;
  font-weight: 500;
  top: 140px;
  z-index: 999;
}

.sifre_reset_container {
  width: 360px;
  max-width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: fit-content;
  display: block;
  margin: auto;
}

span.sifremi_unuttum_title {
  font-size: 22px;
  font-weight: 800;
  color: white;
  display: block;
  margin-bottom: 24px;
}

input.input_style_1 {
  width: 100%;
  background: transparent;
  border: 1px solid white;
  font-size: 15px;
  line-height: 28px;
  padding-left: 6px;
  outline: none;
  border-radius: 4px;
  color: white;
  font-family: "Kanit";
}

input.input_style_1::placeholder {
  color: #ffffff94;
}

button.style_1 {
  background-image: url(../img/button_bg.png);
  border: none;
  color: white;
  font-weight: 800;
  padding: 6px 9px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding-bottom: 10px;
  background-color: transparent;
  border-radius: 6px;
  outline: none;
}

button.style_1:hover {
  filter: brightness(1.1);
  cursor: pointer;
  outline: none;
}

input.input_style_1.sifremi_unuttum_input {
  margin-bottom: 14px;
}

.sifre_reset_container button.style_1 {
  float: right;
}

img.title_icon_offset.su_icon {
  position: absolute;
  left: -40px;
  height: 46px;
  top: -10px;
}

/***************   HESABIM   ***************/

div#page_content.page_hesabim {
  background-image: url(../img/hesabim_bg.jpg);
  background-position: center;
  background-size: cover;
}

.hesabim_main_container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 60px;
  margin: auto;
  height: fit-content;
  width: fit-content;
  width: 100%;
  max-width: 1400px;
}

a.hesabim_inner {
  width: 25%;
  display: inline-block;
  max-width: 25%;
  text-align: center;
  vertical-align: top;
  padding: 40px;
  box-sizing: border-box;
  border-right: 1px solid #00afcb;
  text-decoration: none;
  height: 220px;
  float: left;
}
a.hesabim_inner:last-of-type {
  border: unset;
}
.hesabim_inner_icon_container {
  display: block;
  height: 70px;
  text-align: center;
  position: relative;
}

.hesabim_inner_icon_container img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

span.hesabim_inner_title {
  display: block;
  text-align: center;
  color: white;
  font-weight: 700;
  font-size: 21px;
  margin-bottom: 8px;
  margin-top: 10px;
}

span.hesabim_inner_subtitle {
  color: rgb(255 255 255 / 80%);
  font-size: 13px;
  text-align: center;
}

a.hesabim_inner:last-child {
  border: none;
}

a.hesabim_inner:hover {
  transition-duration: 200ms;
  background-color: rgb(1 152 180 / 30%);
}

span.mesajlarim_notif_label {
  background: #d60a28;
  color: white;
  font-family: "Kanit";
  z-index: 9;
  position: absolute;
  width: 24px;
  line-height: 24px;
  font-size: 14px;
  border-radius: 100%;
  font-weight: 700;
  right: 30%;
  top: -8px;
}

/***************   HESABIM İÇ  ***************/

div#page_content.page_hesabim_inner {
  background-image: url(../img/hesabim_inner_bg.jpg);
  background-position: center;
  background-size: cover;
}

.hesabim_inner_main_container {
  position: absolute;
  top: 230px;
  bottom: 140px;
  width: 100%;
  max-width: 1400px;
  left: 0;
  right: 0;
  margin: auto;
}

.hesabim_inner_sidemenu {
  width: 360px;
  display: inline-block;
  vertical-align: top;
}

#application-area {
  display: inline-block;
  width: calc(100% - 390px);
  border-left: 1px solid #00afcb;
  height: 100%;
  margin-left: 20px;
  box-sizing: border-box;
  padding-left: 50px;
}

@media only screen and (max-width: 1200px) {
  #application-area {
    width: 100%;
    border-left: none;
    padding-left: 0;
    margin-right: 20px;
    display: inline;
  }
}

.hesabim_inner_content_area {
  display: inline-block;
  width: calc(100% - 390px);
  border-left: 1px solid #00afcb;
  height: 100%;
  margin-left: 20px;
  box-sizing: border-box;
  padding-left: 50px;
}

#application-area .hesabim_inner_content_area {
  display: inline-block;
  width: 100%;
  border-left: none;
  height: 100%;
  margin-left: 0;
  box-sizing: border-box;
  padding-left: 0;
}

.hic_content {
  background: rgb(74 230 255 / 0.25);
  background: rgb(255 255 255 / 1);
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  user-select: none;
}

.hesabim_inner_content_area > div {
  min-height: 170px;
}

a.his_menu_item {
  display: block;
  line-height: 50px;
  color: white !important;
  font-weight: 600;
  text-decoration: none;
  padding-left: 16px;
  letter-spacing: 0.8px;
  border-bottom: 1px solid #00afcb;
  text-decoration: none !important;
}

img.his_menu_icon {
  vertical-align: middle;
  margin-right: 16px;
  max-height: 26px;
  max-width: 32px;
}

a.his_menu_item:hover {
  background: rgb(86 174 188 / 30%);
}

a.his_menu_item.active {
  background: rgb(0 175 203 / 0.75);
  /* color: #11244f; */
}

.his_menu_items {
  box-sizing: border-box;
  padding: 0 30px;
}

.hic_content.katildigim_yarislar_hesabim_inner {
  background: transparent;
}

.katildigim_yarislar_tablo th {
  color: white;
  font-family: "Kanit";
  font-weight: 400;
  border: none !important;
}

.katildigim_yarislar_tablo {
  border: none !important;
}

.hic_content.msg_user {
  background: transparent;
}

.msg_user div#message_panel {
  background: transparent !important;
}

.msg_user p.small.text-muted {
  color: white !important;
  font-size: 11px;
  font-style: italic;
  opacity: 0.75;
}

.msg_user .bg-light.rounded.py-2.px-3.mb-2 {
  background: #11244f !important;
}

.msg_user p.text-small.mb-0.text-muted {
  color: white !important;
}

.msg_user .bg-primary.rounded.py-2.px-3.mb-2 {
  background-color: #00afcb !important;
}

.msg_user input#text_input {
  border-radius: 10px !important;
}

.msg_user form#form {
  margin-top: 12px;
  border-radius: 10px !important;
}

.msg_user .col-12.px-0.mb-5 {
  background-color: rgb(0 0 0 / 0.1);
  border-radius: 12px;
}

.country_selector.disabled.flagstrap {
  height: 31px;
  overflow: hidden;
  border-radius: 4px;
  margin-top: -2px;
  cursor: default !important;
}

.uow_form_inner .disabled {
  cursor: default !important;
}

/***************   ÜYE GİRİŞİ   ***************/

div#page_content.page_uye_girisi {
  background-image: url(../img/hesabim_bg.jpg);
  background-position: center;
  background-size: cover;
}

img.title_icon_offset.ug_icon {
  position: absolute;
  height: 25px;
  top: 2px;
  left: -80px;
}

input.input_style_1.ug_pass_input {
  margin-top: 12px;
}

button.style_1.uye_giris {
  padding: 10px 23px;
  margin-top: 12px;
  display: block;
  float: unset;
}

.beni_hatirla.ug label {
  color: white;
  font-weight: 600;
  font-size: 14px;
}

input#beni_hatirla {
  border-radius: 100%;
  position: relative;
  top: 2px;
  margin-top: 12px;
}

.beni_hatirla.ug {
  float: right;
  top: 10px;
  position: relative;
}

a.uye_girisi_secenek {
  display: block;
  padding-bottom: 8px;
  padding-top: 8px;
  text-decoration: none;
}

span.uye_giris_secenek_title {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: white;
}

span.uye_giris_secenek_sub {
  font-size: 12px;
  color: white;
  opacity: 0.6;
}

a.uye_girisi_secenek.ug_s1 {
  margin-top: 24px;
  border-bottom: 1px solid #00afcb;
  /* text-decoration: none; */
}

a.uye_girisi_secenek:hover {
  background: #00afcb1a;
}

/***************   ÜYE OL   ***************/

div#page_content.page_uye_ol {
  background-image: url(../img/hesabim_bg.jpg);
  background-position: center;
  background-size: cover;
}

.uye_ol_main_wrapper {
  top: 200px;
  position: absolute;
  left: 60px;
  width: 80%;
}

.uow_info_col {
  width: 490px;
  overflow: auto;
  display: inline-block;
  float: left;
}

.uow_info_text {
  color: white;
  font-size: 14px;
  display: inline-block;
  float: left;
  width: calc(100% - 60px);
  margin-left: 22px;
}

.uow_info_text a {
  color: #00c6e6;
  font-weight: 700;
  text-decoration: none;
}

img.uye_ol_yuzen_adam {
  margin-right: 8px;
}

.uow_info_img {
  display: inline-block;
  height: 204px;
  float: left;
  background-image: url(../img/uow_info_img.png);
  width: 22px;
  background-size: contain;
  background-position: center;
}

.uow_info_text p {
  margin-top: 0;
}

.uow_form_col {
  display: inline-block;
  width: calc(100% - 500px);
  vertical-align: top;
  padding-left: 80px;
  box-sizing: border-box;
  border-left: 1px solid #00b0cb;
  float: left;
}

span.uow_form_title {
  font-size: 20px;
  color: white;
  font-weight: 800;
  margin-bottom: 20px;
  display: block;
}

img.title_icon_offset.uo_icon {
  position: absolute;
  width: 50px;
  left: 512px;
}

.uye_ol_form_stack input[type="date"].input_style_1.uye_ol_input {
  filter: invert(1) hue-rotate(175deg);
  color: black;
  border-color: black;
}

.uowf_inner_col {
  box-sizing: border-box;
  width: 48%;
  float: left;
}

.uowf_inner_col.uowf_right {
  margin-left: 4%;
}

input.input_style_1.uye_ol_input {
  margin-bottom: 12px;
}

.uye_ol_form_stack input.input_style_1.uye_ol_input {
  width: 160px;
  color: white;
}

span.uoi_title {
  position: relative;
  font-size: 14px;
  font-family: "Kanit";
  color: white;
  opacity: 0.8;
  position: relative;
  line-height: 32px;
  margin-right: 5px;
}

.alert-box {
  border-radius: 10px !important;
  width: 100% !important;
  text-align: center !important;
  color: white !important;
  box-shadow: 3px 3px 5px #888888 !important;
  padding: 30px 30px !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  background-color: #00b44e;
  font-size: 16px;
}

.alert-box-error {
  border-radius: 10px !important;
  width: 100% !important;
  text-align: center !important;
  color: white !important;
  box-shadow: 3px 3px 5px #888888 !important;
  padding: 30px 30px !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  background-color: darkred;
  font-size: 16px;
}

.uye_ol_form_stack label {
  font-size: 11px;
  color: white;
  position: relative;
  top: 0px;
  font-weight: 600;
  cursor: pointer;
}

.uye_ol_form_stack input[type="radio"] {
  position: relative;
  top: 2px;
  margin-left: 5px;
  margin-right: 2px;
}

.uye_ol_form_stack {
  display: block;
  margin-bottom: 9px;
  overflow: auto;
}

.uye_ol_form_stack [for="kabul_et"] {
  font-size: 11px;
  opacity: 0.85;
  position: relative;
  top: -2px;
  font-weight: 500;
}

span.kvkk_metin_uye_ol {
  color: white;
  font-size: 10px;
  text-align: justify !important;
  opacity: 0.8;
  display: block;
}

span.kvkk_metin_uye_ol a {
  text-decoration: none;
  color: white;
}

span.kvkk_metin_uye_ol a:hover {
  text-decoration: underline;
}

button.style_1.uye_ol {
  padding: 10px 23px;
  margin-top: 10px;
  display: block;
  float: right;
}

.btn-flag {
  margin-bottom: 12px !important;
  margin-top: 2px !important;
  width: 100% !important;
  line-height: 10px !important;
  text-align: left !important;
  border-radius: 4px !important;
  background: transparent !important;
  border: 1px solid white !important;
  color: white !important;
  font-family: "Kanit" !important;
  font-size: 15px !important;
  font-weight: 400 !important;
}

.btn-flag:hover {
  color: white !important;
}

/*başvuru Alanı*/

p.yarisma_adi,
span.yarisma_adi {
  display: block;
  font-weight: 700;
  color: #ffffff;
}

.basvuru_frame_container {
  display: block;
  width: 100%;
  height: calc(100% - 40px);
  box-sizing: border-box;
  margin-top: 20px;
}

.basvuru_steps_container {
  display: block;
  width: 100%;
  overflow: auto;
}

.bsc_step {
  width: 20%;
  display: inline-block;
  float: left;
  position: relative;
}

.bsc_number {
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  width: fit-content;
  z-index: 2;
  position: relative;
}

.bsc_text span {
  text-align: center;
  font-size: 14px;
  display: block;
  font-weight: 600;
  color: #11244f;
  box-sizing: border-box;
  padding: 0px 30px;
  margin-top: 7px;
}

.bsc_number span {
  text-align: center;
  display: block;
  /* background: #11244f; */
  /* border-radius: 100%; */
  width: 80px;
  line-height: 80px;
  font-weight: 700;
  color: white;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.bsc_step::before {
  width: 100%;
  position: absolute;
  content: "";
  height: 14px;
  /* background: #1b2d57; */
  top: 36px;
  left: -50%;
  z-index: 0;
  background-color: unset !important;
  background-image: url(../img/basvuru_ok.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(1.2);
}

::before {
}

.bsc_step.bsc_1::before {
  display: none;
}

.basvuru_steps_detail_panel {
  width: 100%;
  display: block;
  overflow-y: auto;
  height: calc(100% - 140px);
  margin-bottom: 14px;
  box-sizing: border-box;
  margin-top: 15px;
  border-radius: 4px;
  background: white;
}

.basvuru_steps_navigation {
  display: block;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .basvuru_steps_navigation {
    padding-bottom: 200px;
  }
}
span.basvuru_nav {
  display: inline-block;
  /* background: #11244f; */
  color: white;
  font-weight: 400;
  font-size: 15px;
  cursor: pointer;
  padding: 6px 10px 12px 10px;
  background: url(../img/aktif_buton.png);
  background-size: contain;
  background-repeat: no-repeat;
  filter: saturate(1.3);
}

span.basvuru_nav.bn_next {
  float: right;
}

span.basvuru_nav.bn_prev {
  float: left;
}

span.basvuru_nav:hover {
  filter: saturate(1.7);
}

.basvuru_steps_container * {
  user-select: none;
}

.bs_panel_inner {
  /*  padding: 10px;*/
  box-sizing: border-box;
  display: none;
}

.bs_panel_inner.active {
  display: block;
}

span.bsp_default_text {
  font-size: 14px;
  display: block;
  margin-bottom: 6px;
  color: #11244f;
}

table.bsp_user_info_table tr {
  /* background: #e7e8ec; */
  border-bottom: 1px solid #00afcb;
  line-height: 23px;
}

table.bsp_user_info_table td {
  padding: 1px 6px;
}

table.bsp_user_info_table td {
  font-size: 15px;
}

table.bsp_user_info_table td:nth-child(1) {
  font-weight: 600;
  color: white;
  padding-right: 32px;
  padding-left: 12px;
}

table.bsp_user_info_table td:nth-child(2) {
  color: white;
}

table.bsp_user_info_table {
  display: block;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  margin-top: 14px;
  user-select: none;
  margin-bottom: 14px;
}

table.bsp_user_info_table td:nth-child(2) {
  padding: 0px 20px;
}

.bs_panel_inner.bsp_1 label {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  position: relative;
  top: -2px;
}

.bs_panel_inner.bsp_1 {
  text-align: center;
}

.basvuru_steps_detail_panel::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 10px;
}

.basvuru_steps_detail_panel::-webkit-scrollbar {
  width: 10px;
  background-color: transparent;
}

.basvuru_steps_detail_panel::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: white;
  border: 2px solid #03758e;
}

span.basvuru_nav.disabled_nav {
  pointer-events: none;
  background-color: #b6b6b6;
  color: #d0d0d0;
  opacity: 0.6;
  background: url(../img/pasif_buton.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.bsc_step:not(.active) .bsc_number span {
  /* background-color: #adb4c3; */
  opacity: 0.95;
}

.bsc_step:not(.active) .bsc_text span {
  color: rgb(17 36 79 / 60%);
}

.bsc_step:not(.active)::before {
  opacity: 0.65;
  transform: scale(0.85);
}

table.bsp_eski_bone_table {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  width: fit-content;
  height: fit-content;
}

.bs_panel_inner.bsp_2.active {
  position: relative;
  height: 100%;
}

table.bsp_eski_bone_table td {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  padding-right: 21px;
}

table.bsp_eski_bone_table td:nth-child(1) {
  text-align: right;
}

select.bsp_eski_bone {
  font-size: 15px;
  height: 30px;
  padding: 0 4px;
  border-color: #11244f;
  color: #11244f;
  font-weight: 600;
}

input.bsp_bone_no {
  font-size: 15px;
  height: 30px;
  padding: 0 4px;
  border-color: #11244f;
  color: #11244f;
  border-width: 1px;
  font-weight: 600;
  max-width: 110px;
}

.bsp_html_kural_content {
  background: white;
  padding: 8px 18px;
}

.bsp_html_kural_content {
  background: white;
  padding: 8px 18px;
}

.bsp_3 label {
  color: white !important;
  padding-top: 12px;
  font-weight: 500;
}

span.basvuru_iade_uyari {
  display: block;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  font-weight: 500;
  color: #b80c0c;
  margin-bottom: 12px;
  background: white;
  padding: 0 8px;
  border-radius: 12px;
  font-family: "Kanit";
}

table.bs_odeme_table td:nth-child(1) {
  text-align: right;
  padding-right: 12px;
  font-size: 14px;
  color: #fff;
}

span.ccv_uyari {
  display: block;
  font-size: 11px;
  opacity: 0.7;
}

table.bs_odeme_table {
  display: block;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
}

table.bs_odeme_table td {
  padding: 4px 0px;
}

select.bs_para_birimi {
  width: 100%;
  height: 24px;
  font-weight: 600;
  color: #11244f;
  font-size: 14px;
}

input.bs_odeme_input {
  height: 24px;
  font-weight: 500;
  color: #11244f;
  font-size: 14px;
  font-family: "Kanit";
}

table.bs_odeme_table select {
  font-weight: 500;
  color: #11244f;
  font-size: 14px;
  font-family: "Kanit";
}

table.bs_odeme_table select,
table.bs_odeme_table input {
  width: 200px;
}

select.bs_son_kullanma {
  width: 64px !important;
}

span.basvuru_nav.bn_next.ode_buton {
  background: #50aa13;
}

span.basvuru_nav.bn_next.ode_buton:hover {
  background: #63cb1d;
}

.hic_content.basvuru_hic {
  background: none;
}

.basvuru_hic .hic_content {
  background: none;
}

.basvuru_hic span.yarisma_adi {
  color: white;
}

.basvuru_hic .bsc_text span {
  color: white !important;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 19px;
}

.basvuru_hic .bsc_step:not(.active) .bsc_text span {
  opacity: 0.75;
  font-weight: 600;
}

.basvuru_hic .basvuru_steps_detail_panel {
  background: transparent;
}

.basvuru_hic span.bsp_default_text {
  color: white;
}

span.bsp_br_text.basari {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: green;
  display: block;
}

img.basarili_basvuru_icon {
  margin: auto;
  left: 0;
  right: 0;
  display: block;
  width: 20px;
  margin-bottom: 19px;
  margin-top: 16px;
}

/*03.01.2021 Güncellemesi*/

span.basvuru_nav.bn_next.ode_buton.disabled_odeme {
  background: #adadad !important;
  pointer-events: none;
  display: none;
}

/**   BELGE YÜKLEME   **/

.belge_hic .hic_content.basvuru_hic::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 10px;
}

.belge_hic .hic_content.basvuru_hic::-webkit-scrollbar {
  width: 10px;
  background-color: transparent;
}

.belge_hic .hic_content.basvuru_hic::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: white;
  border: 2px solid #03758e;
}

.belge_hic .hic_content.basvuru_hic {
  overflow: auto;
}

span.belge_baslik {
  color: white;
  font-family: "Kanit";
  font-size: 20px;
  font-weight: 500;
}

.belge_hic .hic_content.basvuru_hic {
  font-family: "Kanit";
}

span.basvuru_bilgi {
  color: white;
  font-weight: 300;
}

.border.border-dark.belge_genel_meta {
  padding: 10px 12px;
  box-sizing: border-box;
  border-color: rgb(255 255 255 / 43%) !important;
  border-radius: 7px;
  backdrop-filter: blur(3px);
}

.belge_belge_box {
  padding: 14px 10px 10px 10px;
  box-sizing: border-box;
  border: none !important;
  border-radius: 7px;
  margin-bottom: 8px;
  background: rgb(1 36 68 / 30%);
  backdrop-filter: blur(2px);
}

span.belge_title {
  color: white;
  text-transform: uppercase;
  /* text-decoration: underline; */
  font-size: 20px;
  font-weight: 600;
  position: relative;
  top: 1px;
}

p.belge_ornek {
  display: block;
  background: #012744a8;
  padding: 4px 16px 14px 16px;
  color: white;
  border-radius: 5px;
  margin-bottom: 7px;
}

.belge_belge_box p {
  margin-bottom: 0;
}

.belge_action_button_wrapper {
  margin-top: 6px;
}

.belge_belge_box span.text-success {
  display: inline-block;
  background: #00223d;
  padding: 4px 10px;
  margin-left: 6px;
  border-radius: 7px;
  color: #90ff53 !important;
  text-transform: uppercase;
  font-size: 14px;
  text-shadow: 0 0 8px rgb(169 255 123 / 40%);
}

.belge_belge_box span.text-danger {
  display: inline-block;
  background: #00223d;
  padding: 4px 10px;
  margin-left: 6px;
  border-radius: 7px;
  color: #ff4545 !important;
  text-transform: uppercase;
  font-size: 14px;
  text-shadow: 0 0 8px rgb(255 56 56 / 80%);
}

.belge_action_button {
  background-color: #00b5cb !important;
  color: white !important;
  text-transform: uppercase;
  font-weight: 500 !important;
  padding: 4px !important;
  border: none !important;
  min-width: 130px;
  margin-bottom: 8px;
}

p.belge_ornek .fa-info {
  margin-right: 10px;
}

a.btn.btn-success.belge_indir_button {
  background-color: #daf1ff !important;
  color: #00386b !important;
  text-transform: uppercase;
  font-weight: 500 !important;
  padding: 3px !important;
  border: none !important;
  min-width: 100px;
  font-size: 15px;
  margin-top: 8px;
}

button.btn.btn-success.belge_indir_button {
  background-color: #daf1ff !important;
  color: #00386b !important;
  text-transform: uppercase;
  font-weight: 500 !important;
  padding: 3px !important;
  border: none !important;
  min-width: 100px;
  font-size: 15px;
  margin-top: 0px;
}

#page_content .mt-1.border.border-dark.belge_belge_box {
  border: 1px solid rgb(17 36 79 / 50%) !important;
}

.basvuru_info {
  display: inline-block;
  background: #00b5cb;
  padding: 8px 12px;
  margin-left: 6px;
  border-radius: 7px;
  color: white;
  text-transform: uppercase;
  font-size: 14px;
  /* text-shadow: 0 0 8px rgb(169 255 123 / 40%); */
  font-weight: 400;
  line-height: 20px;
  margin-top: 6px;
  margin-left: 0;
}

.basvuru_info i.fa.fa-info-circle {
  margin-right: 6px;
}

.hesabim_inner_content_area.basvuru_formu_main_container.belge_hic .mt-2 i.fa.fa-info-circle {
  color: red;
  background: white;
  border-radius: 20px;
  border: 2px solid white;
  width: 20px;
  text-align: center;
  padding: 0 1px;
  height: 20px;
  margin-right: 4px;
  position: relative;
  top: 1px;
}

/**   BELGE YÜKLEME END   **/

.bsc_1 .bsc_number span {
  background-image: url(../img/step1.png) !important;
}

.bsc_2 .bsc_number span {
  background-image: url(../img/step2.png) !important;
}

.bsc_3 .bsc_number span {
  background-image: url(../img/step3.png) !important;
}

.bsc_4 .bsc_number span {
  background-image: url(../img/step4.png) !important;
}

.bsc_5 .bsc_number span {
  background-image: url(../img/step5.png) !important;
}

.bsc_number span {
  font-size: 0;
}

img.basvuru_tamamlandi_icon {
  display: inline-block;
  vertical-align: super;
}

span.bsp_br_text.basari {
  display: inline-block;
  width: 80%;
  color: white;
  text-align: left;
  padding-left: 52px;
  vertical-align: top;
  padding-top: 8px;
}

span.basvuru_metni {
  font-weight: 500;
  font-size: 14px;
  text-align: left !important;
  /* border-top: 1px solid red; */
  display: block;
  padding-bottom: 7px;
}

span.basvuru_metni_title {
  display: block;
  text-align: left;
  font-size: 22px;
}

.session_secim {
  /* border: 1px solid white; */
  /* border-radius: 4px; */
  width: 50%;
  float: left;
  /* overflow: auto; */
  display: inline-block;
  padding: 10px;
}

div#choice_sessions {
  overflow: auto;
}

.session_inner_container {
  border: 1px solid white;
  border-radius: 4px;
  padding: 12px;
  padding-bottom: 8px;
  background: rgb(0 181 203 / 35%);
  cursor: pointer;
}

span.session_soru {
  width: 90px;
  display: inline-block;
  font-weight: 500;
}

.session_inner_container:hover {
  background: rgb(0 181 203 / 60%);
  box-shadow: 0 0 8px 0px rgb(255 255 255 / 50%);
}

.secme_secim div#choice_sessions {
  font-family: "Kanit";
}

.secme_secim select {
  background: transparent;
  border: 1px solid white;
  font-size: 15px;
  line-height: 28px;
  padding-left: 6px;
  outline: none;
  border-radius: 4px;
  color: white;
  font-family: "Kanit";
}

.secme_secim select option {
  color: #00386b;
}

.session_inner_container.dolu_kontenjan {
  cursor: not-allowed;
  background: rgb(79 79 79 / 47%);
  opacity: 0.85;
}

.dolu_kontenjan span.doluluk {
  background: #cb0000;
}

span.doluluk {
  background: #41cb00;
  padding: 0 6px;
  border-radius: 4px;
  font-size: 14px;
}

.session_inner_container p {
  margin-bottom: 6px;
  font-weight: 400;
}

span.bas_sep2 {
  display: inline-block;
  height: 1px;
  background: #00afcb;
  width: 100%;
  margin-top: 1px;
  margin-bottom: 4px;
}

div#page_content.page_duyurular {
  background-image: url(../img/duyurular_bg.png);
  background-position: center;
  background-size: cover;
}

.dmc_duyurular_wrapper * {
  font-family: "Kanit";
}

.duyurular_main_container {
  position: absolute;
  top: 240px;
  left: 20px;
  right: 0;
  position: relative;
}

.dmc_left {
  /* background: red; */
  width: 260px;
  top: 0;
  bottom: 0;
  display: inline-block;
  height: calc(100% - 350px);
  position: relative;
}

.dmc_right {
  display: block;
  width: calc(100% - 290px);
  position: absolute;
  top: 0;
  left: 260px;
  padding-bottom: 200px;
  /* bottom: 360px; */
  overflow: auto;
  height: 100%;
}

.dmc_duyuru_item {
  display: inline-block;
  width: calc(99% / 3);
  padding: 0px 35px 45px 35px;
  box-sizing: border-box;
  vertical-align: top;
  cursor: pointer;
}

.dmc_duyuru_resim {
  display: block;
  width: 100%;
  height: 300px;
  max-height: 25vh;
  background-size: cover;
  background-position: center;
}

span.dmc_duyuru_title {
  display: block;
  font-weight: 600;
  color: white;
  font-size: 18px;
  margin-top: 10px;
  line-height: 28px;
  /*height: 56px;*/
  text-transform: uppercase;
}

span.dmc_duyuru_date {
  color: rgb(255 255 255 / 0.8);
  font-size: 14px;
  font-style: italic;
  display: block;
  /*  margin-bottom: 6px;
      margin-top: 0px;*/
  margin-left: -2px;
}

span.dmc_duyuru_text {
  color: white;
  font-size: 14px;
  border-bottom: 1px solid #00afcb;
  display: block;
  padding-bottom: 10px;
  font-weight: 200;
  height: 48px;
  overflow: hidden;
}

span.dmc_duyuru_devami {
  font-size: 20px;
  width: fit-content;
  display: block;
  margin-top: 6px;
  color: white;
  font-weight: 600;
}

.dmc_nav_item {
  display: block;
  width: 53px;
  height: 53px;
  background-image: url(../img/circle_arrow.png);
  cursor: pointer;
  margin: 20px 0;
}

.dmc_nav_item.dmc_next {
  transform: rotate(90deg);
}

.dmc_nav_item.dmc_prev {
  transform: rotate(-90deg);
}

.dmc_arrow_nav {
  width: fit-content;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 50%;
  height: fit-content;
  display: block;
  position: absolute;
}

.dmc_right::-webkit-scrollbar-track {
  background-color: rgb(0 168 199 / 0%);
  border-radius: 10px;
}

.dmc_right::-webkit-scrollbar {
  width: 6px;
  background-color: #ffffff00;
}

.dmc_right::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #11244f;
}

span.dmc_duyuru_devami:hover {
  color: #00afcb;
  cursor: pointer;
}

.dmc_nav_item:hover {
  opacity: 0.7;
}

/***************   SONUÇLAR   ***************/

div#page_content.page_sonuclar {
  background-image: url(../img/sonuclar_bg.jpg);
  background-position: center;
  background-size: cover;
}

.sonuclar_main_wrapper {
  position: absolute;
  top: 230px;
  left: 30px;
  width: calc(90% - 30px);
  height: calc(100% - 500px);
}

span.sonuclar_date_item {
  font-size: 28px;
  margin-right: 27px;
  color: white;
  font-family: "Kanit";
  font-weight: 200;
  cursor: pointer;
  opacity: 0.7;
  transition-duration: 200ms;
  line-height: 95px;
}

span.sonuclar_date_item.active {
  font-size: 64px;
  opacity: 1;
  font-weight: 700;
  line-height: 65px;
}

span.sonuclar_date_item:hover {
  opacity: 1;
}

.sonuclar_dates_wrapper {
  display: inline-block;
  width: fit-content;
}

img.sknc_icon {
  margin-right: 24px;
}

div#sonuc_2014 {
}

.sonuclar_content_inner_left {
  display: none;
}

.sonuclar_content_inner_left.active {
  display: block;
}

a.sonuclar_pdf_download_link {
  font-weight: 700;
  text-decoration: none;
  color: white;
  display: block;
  border-bottom: 1px solid #00afcb;
  width: 560px;
  line-height: 50px;
  font-size: 20px;
}

a.sonuclar_pdf_download_link:hover {
  color: #00afcb;
}

a.sonuclar_pdf_download_link:last-child {
  border: none;
}

.sonuclar_content_inner {
  left: 0;
  right: 20%;
  top: 20%;
  bottom: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
  position: absolute;
}

.sonuclar_content_wrapper {
  height: 80%;
  display: block;
}

/***************   İLETİŞİM   ***************/

div#page_content.page_iletisim {
  background-image: url(../img/iletisim_bg.jpg);
  background-position: center;
  background-size: cover;
}

textarea.input_style_1 {
  width: 100%;
  background: transparent;
  border: 1px solid white;
  font-size: 15px;
  line-height: 28px;
  padding-left: 6px;
  outline: none;
  border-radius: 4px;
  color: white;
  font-family: "Kanit";
}

textarea.input_style_1::placeholder {
  color: rgb(255 255 255 / 0.7);
}

.iletisim_main_container {
  width: 630px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: fit-content;
  left: 100px;
}

.iletisim_col {
  display: inline-block;
  width: 49%;
  vertical-align: top;
  box-sizing: border-box;
  padding: 16px;
}

input.input_style_1 {
}

.iletisim_col input {
  margin-bottom: 20px;
}

span.tck_title {
  color: white;
  font-weight: 700;
  display: block;
  font-size: 15px;
}

span.tck_adres {
  display: block;
  color: white;
  font-size: 12px;
  text-align: left;
  margin-top: 4px;
  line-height: 18px;
  opacity: 0.8;
  margin-bottom: 11px;
  border-bottom: 1px solid #00afcb;
  padding-bottom: 8px;
}

span.tck_tel {
  display: block;
  color: white;
  font-size: 12px;
  opacity: 0.9;
  margin-top: 4px;
}

span.tck_tel b {
  display: inline-block;
  width: 58px;
}

button.style_1.mesaj_gonder {
  float: right;
  margin-top: 21px;
}

/***************   HAKKIMIZDA   ***************/

div#page_content.page_hakkimizda {
  background-image: url(../img/hakkimizda_bg.jpg);
  background-position: center;
  background-size: cover;
}

.hakkimizda_main_container {
  position: absolute;
  top: 250px;
  left: 60px;
  right: 60px;
  bottom: 230px;
}

.hakkimizda_left_menu {
  position: absolute;
  left: 0;
  width: 450px;
  height: 70%;
}

a.hakkimizda_menu_item {
  display: block;
  line-height: 28px;
  text-decoration: none;
  color: white;
  font-size: 18px;
  width: 260px;
  font-weight: 700;
  border-bottom: 1px solid #00afcb;
  padding: 10px 0px;
}

a.hakkimizda_menu_item.active,
a.hakkimizda_menu_item:hover {
  color: #00dcff;
}

.hakkimizda_menu_items_wrapper {
  width: fit-content;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  height: fit-content;
  position: absolute;
  z-index: 9;
}

a.hakkimizda_menu_item:last-child {
  border: none;
}

.hakkimizda_right_content {
  position: absolute;
  /* background: red; */
  width: calc(100% - 450px);
  max-width: 1050px;
  left: 420px;
}

.hakkimizda_rc_tab_container {
  display: block;
}

span.hrc_tab_link {
  color: white;
  font-weight: 800;
  font-size: 20px;
  opacity: 0.6;
  cursor: pointer;
  margin-right: 25px;
  text-shadow: 0 2px 0px rgb(0 43 91 / 70%);
}

span.hrc_tab_link.active {
  font-size: 34px;
  border-bottom: 4px solid #00afcb;
  opacity: 1;
}

.hrcc_content * {
  text-shadow: 0 2px 0px rgb(0 43 91 / 55%);
}

.hrcc_content p {
  line-height: 26px;
}

.hrcc_content h3 {
  line-height: 30px;
}

span.hrc_tab_link:hover {
  opacity: 1;
}

.hrcc_content {
  max-height: calc(100vh - 480px);
  overflow: auto;
}

.hrcc_content:not(.active) {
  display: none;
}

.hrcc_content.active:not(.content_67) {
  color: white;
}
.hrcc_content.active {
  display: block;
  box-sizing: border-box;
  padding: 0 0px;
  padding-right: 14px;
}

.hakkimizda_rc_content_container {
  max-height: calc(100vh - 520px);
  overflow: auto;
  margin-top: 16px;
}

img.scroll_gifi {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: scale(0.8);
  opacity: 0.9;
}

.hrcc_content::-webkit-scrollbar-track,
.hakkimizda_rc_content_container::-webkit-scrollbar-track {
  background-color: rgb(0 168 199 / 0%);
  border-radius: 10px;
}

.hrcc_content::-webkit-scrollbar,
.hakkimizda_rc_content_container::-webkit-scrollbar {
  width: 6px;
  background-color: #ffffff00;
}

.hrcc_content::-webkit-scrollbar-thumb,
.hakkimizda_rc_content_container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #11244f;
}

.hrcc_content table * {
  font-family: "Kanit";
}

.hrcc_content:not(.content_67) table * {
  color: white;
}

/* .hrcc_content table td { */
.hrcc_content:not(.content_67) table td {
  border: none;
  border-bottom: 1px solid white;
}

.hrcc_content table {
  border: none;
}
.hrcc_content.content_67.active {
  background: white;
  padding: 10px 30px;
  margin-top: 10px;
  padding-bottom: 180px;
}

.hrcc_content.content_67.active * {
  text-shadow: unset;
}

/***************   GALERİ   ***************/

iframe.slbIframe {
  max-height: 80vh;
}

.slbCaption {
  overflow: visible;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  position: fixed;
  font-size: 17px;
  text-shadow: 0 0 15px black, 0 0 15px black, 0 0 15px black;
}

div#page_content.page_galeri {
  background-image: url(../img/galeri_bg.jpg);
  background-position: center;
  background-size: cover;
}

.galeriler_main_wrapper {
  position: absolute;
  top: 230px;
  left: 30px;
  right: 30px;
  height: calc(100% - 500px);
}

span.galeriler_date_item {
  font-size: 28px;
  margin-right: 27px;
  color: white;
  font-family: "Kanit";
  font-weight: 200;
  cursor: pointer;
  opacity: 0.7;
  transition-duration: 200ms;
  line-height: 95px;
}

span.gcw_menu_item {
  display: block;
  line-height: 40px;
  text-decoration: none;
  color: white;
  font-size: 18px;
  width: 260px;
  font-weight: 700;
  cursor: pointer;
  border-bottom: 1px solid #00afcb;
}

.ani_yukle_wrapper {
  background: rgb(0 175 203);
  box-sizing: border-box;
  margin: 0px 70px 0px 330px;
  border-radius: 42px;
  display: none;
  padding: 10px;
}

.ani_yukle_wrapper span {
  text-align: center;
  display: block;
  color: white;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  cursor: pointer;
}

.ani_yukle_wrapper.ani_aktif {
  display: block;
}

.ani_yukle_wrapper:hover {
  background: rgb(8 189 218);
}

.ani_form_container .card-header.text-center {
  background: #11244f;
  border: none !important;
  box-shadow: none !important;
  color: white;
  font-weight: 500 !important;
  font-size: 14px;
}

.card-header.resim_yukle_title_cart {
  display: none;
}

.ani_form_container label.btn.btn-primary.col-md-12 {
  background: #11244f;
}

.ani_form_container button#addFormData {
  background: #00afcb;
  border-color: #00afcb;
}

.gcw_left {
  width: 380px;
  position: absolute;
  left: 0;
}

.gcw_menu {
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  position: absolute;
  width: fit-content;
}

span.gcw_menu_item:hover {
  color: #00afcb;
}

.gcw_right {
  left: 340px;
  display: block;
  position: absolute;
  right: 0;
  /* background: red; */
  height: 120%;
  overflow: auto;
}

.gallery_item {
  width: 300px;
  /* background: green; */
  height: 300px;
  padding: 20px;
  display: inline-block;
  box-sizing: border-box;
  margin-bottom: 25px;
}

.gallery_item.type_1 {
  height: 187px;
}

.gallery_image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  background-color: rgb(0 175 203 / 25%);
}

.gcw_right::-webkit-scrollbar-track {
  background-color: rgb(0 168 199 / 0%);
  border-radius: 10px;
}

.gcw_right::-webkit-scrollbar {
  width: 6px;
  background-color: #ffffff00;
}

.gcw_right::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #11244f;
}

span.galeriler_date_item.active {
  font-size: 64px;
  opacity: 1;
  font-weight: 700;
  line-height: 65px;
}

span.galeriler_date_item:hover {
  opacity: 1;
}

.galeriler_dates_wrapper {
  display: inline-block;
  width: fit-content;
}

img.gknc_icon {
  margin-right: 24px;
}

span.gallery_index {
  font-size: 18px;
  float: right;
  overflow: auto;
  color: rgb(255 255 255 / 45%);
  font-weight: 700;
}

span.gallery_index_current {
  font-size: 30px;
  padding-right: 2px;
  color: rgb(255 255 255 / 75%);
}

.galeriler_content_inner_left {
  display: none;
}

.galeriler_content_inner_left.active {
  display: block;
}

a.galeriler_pdf_download_link {
  font-weight: 700;
  text-decoration: none;
  color: white;
  display: block;
  border-bottom: 1px solid #00afcb;
  width: 560px;
  line-height: 50px;
  font-size: 20px;
}

a.galeriler_pdf_download_link:hover {
  color: #00afcb;
}

a.galeriler_pdf_download_link:last-child {
  border: none;
}

.galeriler_content_inner {
  left: 0;
  right: 20%;
  top: 0;
  bottom: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
  position: absolute;
}

.galeriler_content_wrapper {
  height: 80%;
  display: block;
}

.galeriler_container_inner {
  width: fit-content;
  left: 0;
  right: 0;
  margin: auto;
}

span.no_gallery_var {
  left: 0;
  right: 20vw;
  margin: auto;
  top: 5vh;
  display: block;
  width: fit-content;
  color: white;
  font-weight: 700;
  position: absolute;
  line-height: 100px;
}

.galeriler_dates_wrapper.onceki_yillar span.galeriler_date_item {
  margin: 0 8px;
  font-size: 27px;
}

.onceki_yillar span.galeriler_date_item.active {
  font-size: 45px;
}

/***************   HOME MAP   ***************/

.home_map_mini_modal.hidden {
  display: none;
}

.hmb_icon.hmb_end {
  width: 50px;
  height: 80px;
  background-image: url(../img/baslangic_icon.png);
  left: calc(46% + 100px);
  top: calc(8% + 40px);
}

.hmb_icon.hmb_start {
  width: 80px;
  height: 80px;
  background-image: url(../img/bitis_icon.png);
  left: calc(44% + 0px);
  top: calc(78% + 40px);
}

.hmb_icon.hmb_info_1 {
  width: 50px;
  height: 80px;
  background-image: url(../img/bilgi_icon.png);
  left: calc(50% + 25px);
  top: calc(35% + 40px);
}

.hmb_icon {
  display: block;
  position: absolute;
  background-size: contain;
  cursor: pointer;
  background-repeat: no-repeat;
}

.hmb_icon:hover {
  transform: scale(1.2);
  transition-duration: 150ms;
}

.home_map_mini_modal {
  position: absolute;
  left: 580px;
  width: 276px;
  /* background: #dcff002b; */
  height: 230px;
  top: 340px;
}

.hmmm_video {
  width: 100%;
  display: block;
  height: 175px;
  background-image: url(../img/hmmm_vid_cover.png);
}

.hmmm_bottom {
  display: block;
  width: 100%;
  height: 104px;
  background-image: url(../img/home_modal_bottom_shape.png);
  position: relative;
  top: -50px;
}

span.hmmm_text {
  display: block;
  padding: 12px 36px 12px 12px;
  font-size: 11px;
  color: #11244f;
  position: relative;
  top: 31px;
  left: 0;
  user-select: none;
  font-weight: 600;
}

.hmmm_arrow {
  display: block;
  background-image: url(../img/hmmm_icon.png);
  width: 25px;
  height: 25px;
  position: absolute;
  right: 8px;
  bottom: 36px;
  cursor: pointer;
}

.hmmm_arrow:hover {
  transform: scale(1.1);
  transition-duration: 100ms;
}

.hmmm_close {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  background-image: url(../img/close.png);
  right: -10px;
  top: -10px;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

.hmmm_close:hover {
  transform: scale(1.1);
  transition-duration: 100ms;
}

/***************   TAM MODAL (Home map orijinli)   ***************/

.home_map_tam_modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(17 36 79 / 60%);
  z-index: 99;
}

.home_login_modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(17 36 79 / 60%);
  z-index: 99;
}

.hmtm_modal {
  width: 100%;
  width: 900px;
  background: white;
  height: 90%;
  max-width: 980px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 10px;
  top: 20px;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  padding: 62px 36px 32px 36px;
  overflow: auto;
  max-width: 95%;
}

.hmtm_modal_login {
  width: 100%;
  width: 900px;
  background: white;
  height: 90%;
  max-width: 980px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 10px;
  top: 5px;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  padding: 40px 36px 32px 36px;
  overflow: auto;
  max-width: 95%;
  height: fit-content;
}

@media only screen and (max-width: 991px) {
  .hmtm_modal_login h4 {
    font-size: 14px;
  }
}

.tam_modal_overlay {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.hmtm_close {
  /*
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    background-image: url(../img/close.png);
    right: 20px;
    top: 20px;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    filter: invert(1);
    */
  display: block;
  width: 30px;
  height: 30px;
  position: fixed;
  background-image: url(../img/close.png);
  right: 20px;
  top: 20px;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

.home_map_tam_modal.hidden {
  display: none;
}

span.hmtm_modal_title {
  font-weight: 800;
  font-size: 24px;
  margin-bottom: 24px;
  display: block;
  color: #11244f;
}

.hmtm_modal::-webkit-scrollbar-track {
  background-color: rgb(0 168 199 / 0%);
  border-radius: 10px;
}

.hmtm_modal::-webkit-scrollbar {
  width: 12px;
  background-color: #ffffff00;
}

.hmtm_modal::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #11244f;
  border: 4px solid white;
}

.hmtm_modal_login::-webkit-scrollbar-track {
  background-color: rgb(0 168 199 / 0%);
  border-radius: 10px;
}

.hmtm_modal_login::-webkit-scrollbar {
  width: 12px;
  background-color: #ffffff00;
}

.hmtm_modal_login::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #11244f;
  border: 4px solid white;
}

/*Dropdown*/

.dropbtn {
  background-color: #3498db;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover,
.dropbtn:focus {
  background-color: #2980b9;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {
  background-color: #ddd;
}

.show {
  display: block;
}

.dgi {
  display: inline-block;
  width: 25%;
  height: 20%;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  margin: 2px;
  width: calc(25% - 4px);
}

.dgi:hover {
  filter: brightness(1.2);
}

.duyuru_gallery_container {
  margin-top: 22px;
}

.slbArrows button {
  background-color: #00afcb;
}

.yil_2008,
.yil_2007,
.yil_2006,
.yil_2005,
.yil_2004,
.yil_2003,
.yil_2002,
.yil_2001,
.yil_2000,
.yil_1999,
.yil_1998,
.yil_1997,
.yil_1996,
.yil_1995,
.yil_1994,
.yil_1993,
.yil_1992,
.yil_1991,
.yil_1990,
.yil_1989,
.yil_1988,
.yil_1987 {
  display: none;
}

.onceki_yillar .yil_2008,
.onceki_yillar .yil_2007,
.onceki_yillar .yil_2006,
.onceki_yillar .yil_2005,
.onceki_yillar .yil_2004,
.onceki_yillar .yil_2003,
.onceki_yillar .yil_2002,
.onceki_yillar .yil_2001,
.onceki_yillar .yil_2000,
.onceki_yillar .yil_1999,
.onceki_yillar .yil_1998,
.onceki_yillar .yil_1997,
.onceki_yillar .yil_1996,
.onceki_yillar .yil_1995,
.onceki_yillar .yil_1994,
.onceki_yillar .yil_1993,
.onceki_yillar .yil_1992,
.onceki_yillar .yil_1991,
.onceki_yillar .yil_1990,
.onceki_yillar .yil_1989,
.onceki_yillar .yil_1988,
.onceki_yillar .yil_1987 {
  display: inline-block;
}

/***mobile_menu****/

a.mobile_menu_logo_linker {
  width: 100%;
  height: 100%;
  display: block;
}

.mobile_menu {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: white;
  z-index: 999;
  display: none;
}

.mobile_menu.active {
  display: block;
}

.mome_mi_container > a {
  display: block;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 25px;
  font-family: "Kanit";
  color: #36569f;
  font-weight: 600;
}

.mome_menu_items {
  display: block;
}

.mobile_lang_switch {
  position: absolute;
}

.mobile_lang_switch .hl_lang {
  margin-left: 3px;
  padding-left: 0;
  border: none;
}

.mome_logo_area a.fwc_tmok {
  position: initial;
  left: 0;
  right: 0;
  margin: auto;
  height: 100px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-position: center;
}

.mome_logo_area a.fwc_tmok {
  max-height: 40px;
}

.mome_menu_social_items {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #00386b;
  text-align: center;
  padding: 20px 0px;
}

.mome_si_container span.frm_text {
  font-weight: 600;
  opacity: 0.8;
}

.mome_account a.hla_text {
  color: #00b5cb;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-family: "Kanit";
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
}

.mome_account {
  width: 80%;
  text-align: center;
  border-top: 1px solid #00b5cb;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 8px;
  padding-top: 8px;
}

.mome_details {
  background: #00b5cb;
  position: absolute;
  bottom: 68px;
  left: 0;
  right: 0;
}

.mome_details a.hrw_link {
  color: white;
  font-weight: 500;
  font-size: 15px;
}

.mome_de_container {
  text-align: center;
  padding: 12px 6px;
}

.mome_details span.hrw_link_seperator {
  opacity: 0;
  user-select: none;
  margin: 2px;
}

.menu_close {
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  background-image: url(../img/close.png);
  right: 14px;
  top: 14px;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  z-index: 999999;
  filter: invert(1);
  opacity: 0.6;
}

.mobile_header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: white;
  height: 64px;
  display: none;
}

.menu_opener {
  background-image: url(../img/menu_icon_tmok.png);
  width: 45px;
  height: 45px;
  display: block;
  background-position: center;
  background-size: contain;
  right: 14px;
  position: absolute;
  top: 10px;
}

.mobile_header_logo {
  background-image: url(../img/bogaz_logo.png);
  display: block;
  width: 140px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 14px;
  top: 8px;
}

.mobile_header_logo.en {
  background-image: url(../img/mobile_menu_tmok_b_logo_en.png);
}

.mobile_header_logo.tr {
  background-image: url(../img/mobile_menu_tmok_b_logo_tr.png);
}

.mobile_lang_switch a.hll_flag {
  color: #00386b;
  margin-left: 8px;
}

/**chat box**/

.hesabim_inner_content_area .col-12.px-0.mb-5 {
  height: 100%;
  /* overflow: hidden; */
  margin-bottom: 0 !important;
}

.hesabim_inner_content_area div#message_panel {
  height: calc(100% - 48px);
}

.hic_content {
  height: 100%;
}

/*** POP UP ***/

.kvkk_overlay {
  background: rgb(8 19 45 / 0.65);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999999;
  backdrop-filter: blur(5px);
  overflow: hidden;
}

.kvkk_overlay.agreed {
  display: none;
}

span.kvkk_text {
  color: white;
  font-size: 16px;
  font-weight: 200;
  font-family: "Kanit";
  display: block;
  text-align: center;
}

button.kvkk_agree {
  background: white;
  color: #0e1b39;
  font-family: "Kanit";
  font-weight: 500;
  border: none;
  padding: 4px 14px;
  font-size: 14px;
  border-radius: 2px;
  display: block;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 32px;
}

.kvkk_text_wrapper {
  position: absolute;
  bottom: 0;
  background: rgb(17 30 60 / 80%);
  left: 0;
  right: 0;
  padding: 42px 50px 36px 50px;
  box-sizing: border-box;
}

span.kvkk_text a {
  color: #8eb2ff;
}

button.slbArrow.noshow {
  display: none;
}

a.fwc_tmok_link_tmok {
  display: block;
  width: 158px;
  height: 120px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 45px;
  bottom: 113px;
  /* background: #ff00004d; */
}

/***RESPONSIVE****/

@media only screen and (max-width: 1200px) {
  div#header {
    display: none;
  }
  .footer_wave_container {
    display: none;
  }
  .mobile_header {
    display: block;
  }
}

/*@media (max-width:1300px) and (min-width:900px) {*/

@media only screen and (max-width: 1200px) {
  .ani_yukle_wrapper {
    margin: 0 10px;
  }
  a.yarisa_kayit_ol {
    top: unset;
    left: 0;
    right: 0;
    text-align: center;
  }
  .hakkimizda_left_menu {
    width: 300px;
  }
  img.title_icon_offset.uo_icon {
    display: none;
  }
  .hakkimizda_right_content {
    width: calc(100% - 300px);
    left: 320px;
  }
  .hrcc_content {
    max-height: calc(100vh - 350px);
  }
  span.galeriler_date_item {
    margin: 0 8px;
    font-size: 28px;
    line-height: 48px;
  }
  .galeriler_dates_wrapper {
    text-align: center;
  }
  img.gknc_icon {
    display: none;
  }
  .gcw_left {
    width: 100%;
    text-align: center;
  }
  .gcw_menu {
    width: 100%;
    text-align: center;
    margin-top: 22px;
  }
  span.gcw_menu_item {
    text-align: center;
    width: 100%;
  }
  .gcw_right {
    left: 0;
    right: 0;
    top: 175px;
    height: unset;
    position: relative;
  }
  .gallery_item {
    width: 33%;
  }
  .galeriler_content_wrapper {
    height: auto;
  }
  div#page_content {
    overflow: auto;
    height: max-content;
  }
  .galeriler_main_wrapper {
    position: static;
    overflow: hidden;
    margin-top: 240px;
  }
  div#page_content {
    background-attachment: fixed;
    min-height: 100vh;
  }
  /**hesabım*/
  .uow_form_col {
    display: block;
    border: none;
    width: 100%;
    margin-top: 42px;
  }
  .uow_info_col {
    width: 100%;
  }
  .uow_info_img {
    display: none;
  }
  .uow_form_col {
    padding: 0;
  }
  .uow_info_text {
    padding: 0;
    margin: 0;
    width: 100%;
  }
  span.uoi_title {
    display: block;
  }
  .uye_ol_form_stack input.input_style_1.uye_ol_input {
    float: left;
  }
  .uow_form_col .dropdown-toggle::after {
    display: none !important;
    opacity: 0;
  }
  .hesabim_inner_main_container {
    bottom: 0;
    overflow: auto;
    position: static;
    margin-top: 240px;
  }
  .hesabim_inner_sidemenu {
    display: block;
    width: 100%;
  }
  .hesabim_inner_content_area {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    box-sizing: border-box;
    padding: 27px;
    height: auto;
    margin-top: 30px;
  }
  /**duyuru */
  .dmc_right {
    width: 100%;
    display: block;
    /* border: red 1px solid; */
    position: initial;
    right: 0;
    left: 0;
    /* width: unset; */
    height: auto;
    margin: 0;
    box-sizing: border-box;
    padding: 0 20px;
    /* float: left; */
  }
  .dmc_duyuru_item {
    width: 49%;
  }
  .dmc_left {
    right: 0;
    left: unset;
    position: absolute;
    top: -170px;
    height: 160px;
    width: 110px;
    display: none;
  }
  .dmc_arrow_nav {
    margin: unset;
  }
  .duyurular_main_container {
    left: 0;
    /*overflow: ;*/
  }
  .dmc_duyuru_resim {
    /* background: red;*/
    max-height: 20vw;
  }
  img.sknc_icon {
    display: none;
  }
  /*home*/
  /*.home_map_bg {
        width: 200vw;
        top: 60px;
        height: 65vw;
        background-size: contain;
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        transform: translateX(-50vw);
    }*/
  .home_map_bg {
    height: calc(70% - 100px);
    height: 100%;
  }
  .uye_ol_main_wrapper {
    position: absolute;
    overflow: auto;
    position: sticky;
    left: 5%;
    width: 90%;
    padding-top: 250px;
    padding-bottom: 50px;
  }
  .alert-box.basirilikayit {
    top: 680px;
    /* bottom: 10px; */
  }
  .basvuru_hic.secme_secim {
    width: 100% !important;
  }
  .hesabim_inner_content_area_choice {
    width: 100% !important;
    margin-left: 0 !important;
    padding: 20px !important;
    border: none !important;
  }
  .page_title_big.header_style_white {
    display: none !important;
  }
  .basvuru_hic.secme_secim select {
    margin-top: 20px !important;
  }
  .session_secim {
    width: 100% !important;
  }
  .border.border-dark.belge_genel_meta {
    backdrop-filter: unset;
    background-color: rgb(20 20 20 / 33%);
  }
  .border.border-dark.belge_genel_meta {
    backdrop-filter: unset;
    background-color: rgb(20 20 20 / 33%);
  }
  .basvuru_hic.secme_secim button#submit_btn {
    width: 100%;
    margin-top: 12px;
  }
  table.table.col-sm-12.katildigim_yarislar_tablo td {
    display: block;
    width: 100%;
  }
  table.table.col-sm-12.katildigim_yarislar_tablo thead {
    display: none;
  }
  table.table.col-sm-12.katildigim_yarislar_tablo a.btn.btn-info {
    display: block;
  }
}

@media only screen and (max-width: 700px) {
  .ani_form_modal .hmtm_modal {
    padding: 2px;
  }
  .ani_yukle_wrapper span {
    font-size: 14px;
    line-height: 17px;
    padding: 4px 0px;
  }
  .yarisma_bilgiler_sayfalari .header_style_white span.ptb_small {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
  }
  .hrcc_content {
    max-height: max-content;
  }
  .slbCaption {
    white-space: pre-wrap;
    font-size: 15px;
  }
  img.scroll_gifi {
    display: none;
  }
  .bsc_step::before {
    display: none;
  }
  .hmb_icon.hmb_end {
    left: calc(46% + 25px);
    top: calc(8% + 70px);
  }
  .hmb_icon.hmb_start {
    left: calc(25% + 0px);
    top: calc(72% + 40px);
  }
  .sponsor_seperator {
    display: none;
  }
  img.sponsor_item {
    width: 100%;
    padding: 0;
  }
  .sponsorlar_stack > a {
    display: block;
    margin: 45px 0px;
  }
  div#page_content {
    overflow: auto;
    height: max-content;
    height: 100%;
    min-height: unset;
  }
  .uye_ol_main_wrapper {
    position: absolute;
    overflow: auto;
    position: sticky;
    left: 5%;
    width: 90%;
    padding-top: 250px;
    padding-bottom: 50px;
  }
  .dmc_duyuru_item {
    width: 100%;
  }
  .dmc_duyuru_resim {
    max-height: 40vw;
  }
  .gallery_item {
    width: 100%;
  }
  .gallery_item {
    width: 100%;
  }
  span.galeriler_date_item {
    line-height: 36px;
  }
  span.galeriler_date_item.active {
    line-height: 40px;
  }
  span.galeriler_date_item.active {
    font-size: 30px;
  }
  span.ptb_big {
    display: none;
  }
  span.sifremi_unuttum_title {
    display: none;
  }
  .header_style_white span.ptb_small {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
  }
  .uowf_inner_col {
    float: unset;
    width: 100%;
    margin: 0 !important;
  }
  .uye_ol_main_wrapper {
    padding-top: 160px;
  }
  .galeriler_main_wrapper {
    margin-top: -60px;
    position: absolute;
    overflow: unset;
  }
  div#page_content.page_galeri {
    position: absolute;
  }
  /* about us */
  .hakkimizda_menu_items_wrapper {
    position: initial;
    width: 100%;
    background-color: rgb(255 255 255 / 17%);
    padding: 12px;
    box-sizing: border-box;
  }
  .hakkimizda_left_menu {
    width: 100%;
  }
  a.hakkimizda_menu_item {
    width: 100%;
  }
  .hakkimizda_left_menu {
    height: auto;
    overflow: auto;
    position: static;
    display: block;
  }
  .hakkimizda_right_content {
    width: 100%;
    left: 0;
    margin-top: 32px;
  }
  .hakkimizda_main_container {
    top: 170px;
  }
  span.hrc_tab_link {
    display: block;
  }
  div#hakkimizda_rc_tab_container {
    margin-bottom: 22px;
  }
  .hakkimizda_main_container {
    left: 10px;
    right: 10px;
  }
  .hrcc_content img {
    max-width: 100%;
  }
  span.hrc_tab_link.active {
    font-size: 26px;
    text-align: center;
    color: white !important;
  }
  .hakkimizda_main_container {
    overflow: auto;
    position: static;
    margin-top: 120px;
    height: auto;
    max-height: unset;
    padding: 10px;
    box-sizing: border-box;
  }
  .hakkimizda_right_content {
    overflow: auto;
    display: block;
    max-height: unset;
    position: static;
  }
  span.hrc_tab_link {
    text-align: center;
  }
  .iletisim_main_container {
    width: 100%;
    left: 0;
    right: 0;
  }
  .iletisim_col {
    width: 100%;
    display: block;
  }
  button.style_1.mesaj_gonder {
    display: block;
    /* position: fixed; */
    /* bottom: 60px; */
    /* left: 0; */
    /* right: 0; */
    /* margin: auto; */
    position: absolute;
    right: 20px;
    bottom: 0;
  }
  .sonuclar_content_inner {
    left: 0;
    right: 0;
    position: static;
    width: 100%;
  }
  .sonuclar_main_wrapper {
    position: static;
    margin-top: 150px;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
  }
  span.sonuclar_date_item.active {
    font-size: 34px;
  }
  span.sonuclar_date_item {
    margin: 0 8px;
    line-height: 22px;
  }
  .sonuclar_dates_wrapper {
    text-align: center;
    width: 100%;
  }
  .sonuclar_content_wrapper {
    margin-top: 32px;
  }
  a.sonuclar_pdf_download_link {
    width: auto;
    text-align: center;
    line-height: 28px;
    display: block;
    margin: 10px 0;
    padding: 20px 0;
  }
  .home_map_mini_modal {
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: auto;
    box-shadow: 0px -19px 20px 5px rgb(0 0 0 / 47%);
  }
  a.hesabim_inner {
    width: 48vw;
    max-width: unset;
    padding: 15px;
    border: none;
    height: 28vh;
  }
  span.hesabim_inner_title {
    font-size: 13px;
  }
  span.hesabim_inner_subtitle {
    font-size: 12px;
  }
  .hesabim_inner_icon_container {
    height: 43px;
  }
  .hesabim_inner_icon_container img {
    max-width: 100%;
    max-height: 100%;
  }
  .hesabim_main_container {
    bottom: unset;
    top: 170px;
  }
  .hesabim_inner_main_container {
    margin-top: 160px;
    margin-top: 100px;
  }
  .hesabim_inner_content_area .pb-5,
  .hesabim_inner_content_area .py-5 {
    padding: 0 !important;
  }
  .hesabim_inner_content_area {
    padding: 12px;
  }
  div#message_panel {
    max-height: 70vh;
  }
  .gallery_item.type_1 {
    height: 230px;
  }
  .gcw_right {
    padding-bottom: 270px;
  }
  /**başvuru responsive**/
  .bsc_number span {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  table.bsp_eski_bone_table td {
    display: block;
    text-align: center;
  }
  .bsc_text span {
    padding: 0;
    font-size: 12px;
    line-height: 15px;
  }
  .bsc_step::before {
    top: 14px;
  }
  .basvuru_formu_main_container .hic_content {
    padding: 5px;
  }
  span.yarisma_adi {
    text-align: center;
    font-size: 13px;
  }
  table.bsp_user_info_table td:nth-child(1) {
    padding: 0 5px;
  }
  table.bsp_user_info_table td:nth-child(2) {
    padding: 0px 4px;
  }
  /*
    span.basvuru_nav.bn_next {
        position: fixed;
        right: 0;
        bottom: 0;
        width: 50%;
        text-align: center;
    }

    span.basvuru_nav.bn_prev {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 50%;
        text-align: center;
        opacity: 1;
    }*/
  .basvuru_formu_main_container .hic_content {
    padding-bottom: 22px;
  }
  .basvuru_formu_main_container .bs_panel_inner.bsp_1 {
    padding: 0;
  }
  table.bsp_eski_bone_table {
    overflow: auto;
  }
  .basvuru_formu_main_container .bs_panel_inner.bsp_2.active {
    min-height: 120px;
  }
  .basvuru_formu_main_container table.bsp_eski_bone_table td:nth-child(1) {
    padding-right: 10px;
    font-size: 16px;
    text-align: center;
  }
  img.sponsor_item {
    max-width: calc(100% / 2.5);
  }
  .sponsorlar_wrapper {
    background: #000c2d;
  }
  img.sponsor_samsung {
    max-width: 75%;
  }
  .iletisim_main_container {
    padding-top: 140px;
  }
  .video-container {
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  .video-container::after {
    padding-top: 56.25%;
    display: block;
    content: "";
  }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .bottomArrowLightbox .slbArrows {
    top: unset;
    bottom: 0;
    position: fixed;
  }
  .bottomArrowLightbox .slbArrow {
    height: 60px;
    width: 49.8%;
  }
  .bottomArrowLightbox .slbArrow:before {
    margin: auto;
    width: fit-content;
    height: fit-content;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .bottomArrowLightbox button.slbArrow {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    bottom: 0 !important;
    margin-top: -60px;
  }
  .alert-box.basirilikayit {
    top: unset;
    font-size: 12px;
    max-width: unset;
    width: calc(100% - 8px) !important;
    bottom: 0 !important;
    padding: 11px !important;
    text-align: center !important;
    margin: 4px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    box-shadow: 0 1px 12px black !important;
  }
}

@media screen and (max-height: 820px) and (min-width: 1260px) {
  .uow_form_col {
    transform: translateY(-100px);
  }
  .hesabim_inner_content_area > div {
    margin-top: 0 !important;
    transform: translateY(-50px);
  }
}

@media screen and (min-height: 650px) and (max-height: 1400px) and (min-width: 1200px) {
  .hic_content.basvuru_hic {
    transform: translateY(-200px);
    height: calc(100% + 200px);
  }
  .hic_content.mesaj_hic {
    transform: translateY(-100px);
    /*   height: calc(100% + 200px);*/
  }
}

/**temp**/

[style="background-color: lightcoral; height: 10%; text-align: center;font-weight: bolder"] {
  background-color: transparent !important;
  color: #ffffff !important;
  line-height: 42px;
  /* border-radius: 20px; */
  margin-top: 42px;
  font-size: 18px;
  font-family: "Kanit";
  font-weight: 400 !important;
  display: block;
  box-shadow: 0 3px 13px #0000006b;
  height: 42px !important;
  border: 1px solid;
  border-color: rgb(255 255 255 / 43%) !important;
  border-radius: 7px;
  backdrop-filter: blur(3px);
}

[style="background-color: lightcoral; height: 10%; text-align: center;font-weight: bolder"] > p {
  /*background-color: #00afcb;*/
  background-color: transparent;
}

[style="background-color: lightcoral; height: 10%; text-align: center;font-weight: bolder"] p {
  /*  line-height: 164px;*/
}

/**temp**/

.orientation_lock {
  z-index: -99999999999999999999999 !important;
  position: fixed;
  display: none;
  background-color: #11244f;
}

span.orlo {
  color: white;
  left: 0;
  right: 0;
  max-width: 90%;
  width: fit-content;
  margin: auto;
  display: block;
  top: 0;
  bottom: 0;
  position: absolute;
  height: fit-content;
}

@media screen and (min-width: 320px) and (max-width: 767px) and (min-aspect-ratio: 13/9) {
  .orientation_lock {
    z-index: 99999999999999999999999 !important;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
  }
}

@media screen and (max-width: 900px) {
  .hla_text.account_name {
    white-space: nowrap !important;
    text-wrap: nowrap !important;
  }
}

.tour_ticket_container {
  overflow: auto;
  display: flex;
  width: 100%;
  align-content: center;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 20px;
}

a.hesabim_ticket {
  display: block;
  border: 2px solid white;
  width: fit-content;
  padding: 0px 40px 4px 40px;
  margin-top: 30px;
  border-radius: 50px;
  text-decoration: none !important;
  background: #ffffff00;
  transition-duration: 0.2s;
}

a.hesabim_ticket:hover {
  background: #ffffffe8;
}

a.hesabim_ticket:hover span {
  color: #003968;
}

a.hesabim_ticket span {
  /* font-size: 20px; */
}

.hesabim_ticket i.fa.fa-arrow-right {
  margin-left: 8px;
  font-size: 18px;
  position: relative;
  top: -1px;
}

@media screen and (max-width: 700px) {
  .tour_ticket_container {
    padding-top: 0;
    position: relative;
    top: -30px;
  }

  a.hesabim_ticket {
    margin-top: 0;
    width: 90%;
    border-radius: 8px;
  }

  .hesabim_ticket i.fa.fa-arrow-right {
    margin-left: 6px;
    font-size: 14px;
    position: relative;
    top: 0px;
  }
}

.tour_ticket_container a {
  box-shadow: 0 0 0 0 rgb(0 171 200);
  transform: scale(1);
  animation: pulse_ticket 2s infinite;
}

@keyframes pulse_ticket {
  0% {
    box-shadow: 0 0 0 0 rgb(0 171 200);
  }

  70% {
    box-shadow: 0 0 8px 20px rgb(255 0 0 / 0%);
  }

  100% {
    box-shadow: 0 0 0 0 rgb(255 0 0 / 0%);
  }
}

#cc-main .cm--bar {
  /* width: 100vw; */
  width: 100% !important;
}