* {font-family:"Helvetica Neue LT Pro",sans-serif!important;}
a:hover,a:focus,a:active {
    text-decoration: none!important;
    color: grey!important;
}
.fluid {}
.fluid  {}
.fluid  .content {}
.fluid  .content comment {}
    .fluid .content section.loginSect {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2,1fr);
        height: 100vh;
        /*z-index: 2222222222;*/
    }
    .fluid .content section.loginSect .leftLogin {
        background-image: url('../image/sekerp_arkaplan.jpg');
        background-size: cover;
        background-position: center;
        border-right: 1.5px solid white;
        display: flex;
        align-items: flex-end;
        padding-bottom: 99px;
        justify-content: center;
        position: relative;
        /*z-index: 222222;*/
    }
    .fluid .content section.loginSect .rightLogin {
        background-image: url('../image/misir_arkaplan.jpg');
        background-size: cover;
        background-position: center;
        border-left: 1.5px solid white;
        display: flex;
        align-items: flex-end;
        padding-bottom: 100px;
        justify-content: center;
        /*z-index: 222222;*/
    }
section.loginForm {background-color: #f47922c2;/*position: fixed;*/top: 0;left: 0;right: 0;bottom: 0;overflow-y: scroll;display: block;width: 100%;height: 100%;padding-bottom: 50px;/*display: none;*/z-index: 9999; overflow-x:auto}
.loginForm::-webkit-scrollbar { display: none; }
section.loginForm { -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */}
section.loginForm .loginFormContent {display: flex;align-items: center;padding-top: 5%;height: auto;}
section.loginForm .loginFormContent div.formContent {background-color: white;box-shadow: 0px 4px 8px #00000057;border-radius: 50px;padding: 24px 46px;width: 80%;max-width: 1090px;margin: auto;position: relative;}
section.loginForm .loginFormContent .formTop {display: flex;gap: 40px;align-items: center;justify-content: space-between;}
section.loginForm .loginFormContent .formTop h2 {background-color: #297357;border-radius: 19px;color: white;font-weight: bold;line-height: 1;padding: 24px 0px;font-size: 28px;width: 100%;text-align: center;}
section.loginForm .loginFormContent .formTop img {width: auto;max-height: 92px;}
section.loginForm .loginFormContent  div.formContent  .formAction {width: 100%;max-width: 759px;padding: 15px 30px 0px;}
section.loginForm .loginFormContent .formAction .formItem {display: flex;justify-content: space-between;margin-bottom: 22px;gap: 14px;}
section.loginForm .loginFormContent .formAction .formItem label {color: #f47922;font-weight: 300;font-size: 15px;width: 172px;}
section.loginForm .loginFormContent .formAction .formItem input {border-radius: 10px;border: 1px solid #f47922;width: 80%;padding: 5px 0px;height: 46px;text-indent: 15px;}
section.loginForm .loginFormContent .formBottom {display: flex;justify-content: space-between;margin-top: 30px;}
section.loginForm .loginFormContent .formBottom .formBottomCheckBox {padding-left: 30px;height: 47px;}
section.loginForm .loginFormContent .formBottom .formBottomCheckBox .checkBox {display: flex;align-items: center;gap: 4px;margin-bottom: 3px;}
section.loginForm .loginFormContent .formBottom .formBottomCheckBox input {}
section.loginForm .loginFormContent .formBottom .formBottomCheckBox .checkBox p {color: #f47922;font-style: italic;font-size: 13px;font-weight: 300;padding-left: 22px;margin: 0px;}
section.loginForm .loginFormContent .formBottom .formBottomCheckBox .checkBox p a { color: #1e6f53; }
section.loginForm .loginFormContent .formBottom  input[type='submit'] {background-color: #474747;border: none;color: white;border-radius: 13px;padding: 20px 61px;font-weight: 100;}
section.loginForm .loginFormContent .formAction .formItem:nth-child(6) > div { display: block; }
section.loginForm .loginFormContent .formAction .formItem:nth-child(6) > div > label { /* width: 256px; */ }
section.loginForm .loginFormContent .formAction .formItem:nth-child(6) > div:nth-child(2) > label { width: 125px; }
section.loginForm .loginFormContent .formAction .formItem:nth-child(6) > input {}
section.loginForm .loginFormContent .formAction .formItem:nth-child(6) > div {}
section.loginForm .loginFormContent .formAction .formItem:nth-child(6) > div > label {width: 125px;}
section.loginForm .loginFormContent .formAction .formItem:nth-child(6) > div:nth-child(2) > label { width: 125px; }
section.loginForm .loginFormContent .formAction .formItem:nth-child(6) > input {}
.formBottomCheckBox {}
section.loginForm .loginFormContent .formAction .formItem:nth-child(5) { }
section.loginForm .loginFormContent .formAction .formItem:nth-child(5) input {  }
section.loginForm .loginFormContent .formAction .formItem:nth-child(6) > div:nth-child(2) label { width: 76px; }
section.loginForm .loginFormContent .formAction .formItem:nth-child(6) > div:nth-child(1) input { margin-left: 50px; }
section.loginForm .loginFormContent .formAction .formItem:nth-child(6)  input {  }
section.loginForm .loginFormContent .formBottom .formBottomCheckBox .checkBox span {border: 1px solid #f47922;display: block;width: 20px;height: 20px;border-radius: 3px;}
section.loginForm .loginFormContent .formBottom .formBottomCheckBox input {position: absolute;height: 20px;width: 20px;opacity: 0;z-index: 999;}

span.check{border: 0.10em solid #ed6e25;display: inline-block;width: 16px;height: 16px;position: absolute;margin-top: -3px;cursor: pointer;border-radius: 3px;}
input[type="checkbox"]:checked + label span:before{content:"\f00c";width: 15px;height: 15px;position:absolute;display:inline-block;font-family: FontAwesome;top: -2px;font-size: 16px;left:0px;color: #ed6e25;}
.fluid .content section.loginSect div a {
    padding: 0px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    font-size: 19px;
    border-radius: 59px;
    display: block; /*position: absolute;*/
    bottom: 78px; /*background-color: #297356;*/
    padding: 15px 51px;
    max-width: 453px; /*box-shadow: 0px 0px 9px #0000006e;*/
    z-index: 6666666666;
}
.fluid .content section.loginSect div a img:nth-child(1) {}
.fluid .content section.loginSect .rightLogin a img:nth-child(1) {}
.fluid .content section.loginSect div a img {width: 100%;max-width: 502px;}
.fluid .content section.loginSect div a:hover { text-decoration: none; opacity: .9; }
.closeSection a { position: absolute; top: 0; font-weight: bold; background-color: #ed6e25; padding: 14px; color: white; right: 0; font-size: 24px; }
section.popUp {position: fixed;top: 0;left: 0;right: 0;bottom: 0;color: black;background-color: #00000052;display: flex;align-items: center;display: none;z-index: 99999;}
section.popUp .popUpContent {max-width: 700px;/* text-align: center; */margin: auto;background-color: white;padding: 50px;border-radius: 20px;width: 90%;position: relative;overflow-y: scroll;}
section.popUp .popUpContent h1 {font-weight: bold;color: #297357;font-size: 23px;}
section.popUp .popUpContent h2 {font-size:22px;font-weight:bold;color: #297357}
.popUpContent::-webkit-scrollbar { display: none; }
.popUpContent { -ms-overflow-style: none;  /* IE and Edge */ scrollbar-width: none;  /* Firefox */}
section.popUpSecond.popUp .popUpContent { height: 100%; }

span.popUpShadow {position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: none;background-color: #000000c4;z-index: 99999;}
a.loginButton {background-color: #297357;width: 250px;height: 250px;border-radius: 50%;box-shadow: 1px 1px 7px #727272b8;position: relative;z-index: 99;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 25px;color: #ffffff;flex-direction: column;line-height: 1.3;border: 2px solid white;}
a.loginButton span {display: block;width: 100%;font-weight: bold;color: #ffffff;background-color: #f47922;max-width: 120px;border-radius: 9px;padding: 7px;font-size: 21px;margin-top: 13px;}
a.loginButton img { width: 259px; display: none; }
a.loginButton img:nth-child(1) { width: 115px; display:none; }
section.loginForm .loginFormContent div.formContent ul.formSelect { display: flex; gap: 3px; list-style: none; margin: 0px 30px 0px 0px; padding: 0px; max-width: 184px; }
section.loginForm .loginFormContent div.formContent ul.formSelect li:nth-child(1) { background-color: #297357; }
section.loginForm .loginFormContent div.formContent ul.formSelect li { background-color: #f47922; color: white; padding: 5px 10px; cursor: pointer; font-weight: lighter; }
section.loginForm .loginFormContent div.formContent .formContentItem { border: 1px dashed #f4792257; padding: 15px; margin: 0px 0px; background-color: #9d9d9d05; border-radius: 10px; border-top-left-radius: 0px; }
.formLogin .formBottom { justify-content: flex-end!important; }
.infoUser {border-radius: 17px;height: auto;width: 259px;transform: translate(-50%, 66%);box-shadow: none;top: 0;position: absolute;left: 50%;background-color: white;z-index: 99;padding: 7px;}
.infoUser p { font-weight: bold; text-align: center; color: #f47922; padding: 5px 20px; max-width: 219px; margin: auto; font-size: 17px; line-height: 1; margin-bottom: 10px; }
ul.panelContent { text-align: center; list-style: none; color: #297357; padding: 0px; }
ul.panelContent strong {font-size: 15px;}
ul.panelContent li { }
ul.panelContent span {}
.infoUser img { display: block; margin: auto; width: 130px; padding: 20px; padding-bottom: 10px; }
ul.panelContent span.infoBottom { display: block; margin: 10px 70px 20px; font-size: 13px; font-weight: 500; }
.loginCenter { position: absolute; width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; z-index: 111111;}
a.loginButton:hover {
    color: #f5f5f5!important;
}
span.wrongInformation {
    font-style: italic;
    color: grey;
    font-size: 12px;
}
/*Mob */

@media only screen and (max-width: 1050px) {

  .fluid .content section.loginSect {}
  section.loginForm {}
  section.loginForm .loginFormContent { }
  section.loginForm .loginFormContent div.formContent {background-color: white;box-shadow: 0px 4px 8px #00000057;border-radius: 10px;padding: 17px 26px;width: 93%;max-width: 1024px;}
  section.loginForm .loginFormContent div.formContent .formTop {display: flex;gap: 10px;align-items: center;}
  section.loginForm .loginFormContent div.formContent .formTop h2 {font-size: 16px;width: auto;text-align: center;padding: 20px;}
  section.loginForm .loginFormContent div.formContent .formTop img {width: auto;max-height: 60px;}
  section.loginForm .loginFormContent div.formContent  .formAction {width: 100%;max-width: 723px;padding: 2px;}
  section.loginForm .loginFormContent div.formContent .formAction .formItem {display: flex;justify-content: space-between;margin-bottom: 21px;gap: 14px;}
  section.loginForm .loginFormContent div.formContent .formAction .formItem label {/* width: 150px; */font-size: 14px;}
  section.loginForm .loginFormContent div.formContent .formAction .formItem input {border-radius: 5px;border: 1px solid #f47922;width: 100%;padding: 5px 0px;height: 33px;}
  section.loginForm .loginFormContent div.formContent .formBottom {}
  section.loginForm .loginFormContent div.formContent .formBottom .formBottomCheckBox {padding-left: 0;height: auto;}
  section.loginForm .loginFormContent div.formContent .formBottom .formBottomCheckBox .checkBox {display: flex;align-items: center;gap: 6px;margin-bottom: 7px;}
  section.loginForm .loginFormContent div.formContent .formBottom .formBottomCheckBox input { position: absolute; opacity: 0; z-index: 999; }
  section.loginForm .loginFormContent div.formContent .formBottom .formBottomCheckBox .checkBox p {color: #ed6e25;font-style: italic;font-size: 12px;margin: 0px;font-weight: 300;padding-left: 24px;}
  section.loginForm .loginFormContent div.formContent .formBottom .formBottomCheckBox .checkBox p a { color: #1e6f53; }
  section.loginForm .loginFormContent div.formContent .formBottom  input.submit {}
section.loginForm .loginFormContent .formAction .formItem:nth-child(6) > div {}
section.loginForm .loginFormContent .formAction .formItem:nth-child(6) > div > label { /* width: 256px; */ }
section.loginForm .loginFormContent .formAction .formItem:nth-child(6) > div:nth-child(2) > label { width: 125px; }
section.loginForm .loginFormContent .formAction .formItem:nth-child(6) > input {width: 179px;}
section.loginForm .loginFormContent .formAction .formItem:nth-child(6) > div {}
section.loginForm .loginFormContent .formAction .formItem:nth-child(6) > div > label {width: 182px;}
section.loginForm .loginFormContent .formAction .formItem:nth-child(6) > div:nth-child(2) > label { width: 125px; }
section.loginForm .loginFormContent .formAction .formItem:nth-child(6) > input {width: 179px;}
  .formBottomCheckBox {}
section.loginForm .loginFormContent .formAction .formItem:nth-child(5) {display: flex;gap: 14px;}
section.loginForm .loginFormContent .formAction .formItem:nth-child(5) input {max-width: initial;}
  section.loginForm .loginFormContent .formAction .formItem:nth-child(6) > div:nth-child(2) label {width: 182px;}
  section.loginForm .loginFormContent .formAction .formItem:nth-child(6) > div:nth-child(1) input {margin-left: 0;}
  section.loginForm .loginFormContent .formAction .formItem:nth-child(6)  input {width: 100%;}
  section.loginForm .loginFormContent div.formContent .formBottom .formBottomCheckBox .checkBox span {border: 1px solid #f47922;display: block;width: 20px;height: 20px;border-radius: 3px;}
  section.loginForm .loginFormContent div.formContent .formBottom .formBottomCheckBox input {}
  section.loginForm .loginFormContent div.formContent .formAction .formItem:nth-child(6) {}
.fluid .content section.loginSect div a {font-size: 14px;}
section.loginForm .loginFormContent .formAction .formItem:nth-child(5) input {width: 100%;}
section.loginForm .loginFormContent .formAction .formItem:nth-child(5) {}
}
@media only screen and (max-width: 600px) {

  .fluid .content section.loginSect {grid-template-columns: repeat(1,1fr);height: 100vh;}
  .fluid  .content section.loginSect .leftLogin {border: none;border-bottom: 3px solid white;padding-bottom: 0px;}
  .fluid  .content section.loginSect .rightLogin {border: none;border-top: 3px solid white;padding: 0px;position: relative;}
  section.loginForm .loginFormContent div.formContent {width: 95%;padding: 20px;}
  section.loginForm .loginFormContent .formAction .formItem:nth-child(5) input {max-width: 100%;width: 100%;}
  section.loginForm .loginFormContent div.formContent .formAction {padding: 0px;}
  section.loginForm .loginFormContent .formAction .formItem {flex-direction: column;gap: 0px!important;margin-bottom: 3px!important;}
  section.loginForm .loginFormContent .formAction .formItem input {width: 100%;}
  section.loginForm .loginFormContent div.formContent .formAction .formItem:nth-child(6) > div { flex-direction: column; }
  section.loginForm .loginFormContent div.formContent .formAction .formItem:nth-child(6) input {width: 100%;margin: 0px;}
  section.loginForm .loginFormContent div.formContent .formAction .formItem:nth-child(6) {flex-direction: column;}
  section.loginForm .loginFormContent div.formContent .formAction .formItem:nth-child(6) > div:nth-child(2) label {max-width: 100%;/* width: 100%; */width: auto;}
  section.loginForm .loginFormContent div.formContent .formAction .formItem:nth-child(6) > div > label {max-width: 100%;width: auto;}
  span.wrongInformation {text-align: center;width: 100%;display: block;padding: 0px!important;}
  section.loginForm .loginFormContent div.formContent .formBottom {flex-direction:column;}
  section.loginForm .loginFormContent div.formContent .formTop img { max-height: 40px;}
  section.loginForm .loginFormContent div.formContent .formTop h2 {padding: 10px;font-size: 15px;}
  section.loginForm .loginFormContent .formBottom input[type='submit'] {padding: 10px 30px;width: 100%;}
  section.loginForm .loginFormContent {padding: 30px 0px;}
  .formLogin .formBottom { justify-content: flex-end!important; }
  a.loginButton.infoUser {border-radius: 17px;height: auto;width: 285px;transform: translate(-50%, 0%);box-shadow: none;top: 20px;}
  a.loginButton.infoUser p {color: #f47922;padding: 5px 0px;max-width: 219px;margin: auto;font-size: 15px;line-height: 1;text-align: left;}
  ul.panelContent {text-align: center;list-style: none;color: #297357;padding: 0px;margin: 0px;}
  ul.panelContent strong {font-size: 14px;}
  ul.panelContent li { }
  ul.panelContent span {}
  a.loginButton.infoUser img {display: block;margin: auto;width: 63px;padding: 5px;padding-bottom: 10px;}
  ul.panelContent span.infoBottom {display: block;margin: 10px 24px 20px;font-size: 13px;font-weight: 500;}
  .panelTop { display: flex; }
  .fluid .content section.loginSect div a {top: 34px;bottom: unset;font-size: 12px;}
  .login .leftLogin, .login .rightLogin {
    padding: 0px!important;
}
  section.loginForm .loginFormContent .formBottom .formBottomCheckBox {padding:0px;}

.rightLogin {}

.login section.loginSect {
    height: 100vh!important;
}
  .leftLogin a {top: unset!important;bottom: 34px!important;}
  section.loginForm .loginFormContent .formBottom {align-items:center;}
  .infoUser img {
    padding: 0px;
    width: 41px;
}
  .infoUser {
    display: flex;
    align-items: center;
    transform: translate(-50%, 36%);
    justify-content: center;
    gap: 20px;
}


    .fluid .content section.loginSect .leftLogin {
        background-image: url(../image/_sekerp_arkaplan.jpg);
        align-items: flex-start;
        
    }

    .leftLogin img {margin-top:60px;
    }

    .rightLogin img { margin-bottom:60px
    }

    .fluid .content section.loginSect .rightLogin {
        background-image: url(../image/_misir_arkaplan.jpg);
    }

  }

  @media only screen and (max-width: 370px) {

    .fluid .content section.loginSect {grid-template-columns: repeat(1,1fr);height: auto;height: 100vh;}
    .fluid  .content section.loginSect .leftLogin {position: relative;border: none;border-bottom: 1.5px solid white;}
    .fluid  .content section.loginSect .rightLogin {border-top: 1.5px solid white;position: relative;/*align-items: unset;*/}
    section.loginForm .loginFormContent div.formContent .formAction .formItem:nth-child(6) > div { flex-direction: column; }
    section.loginForm .loginFormContent div.formContent .formAction .formItem:nth-child(6) input {width: 100%;}
    section.loginForm .loginFormContent div.formContent .formAction .formItem:nth-child(6) { flex-direction: column; }
    section.loginForm .loginFormContent div.formContent .formAction .formItem:nth-child(6) > div:nth-child(2) label { max-width: 130px; /* width: 100%; */ width: auto; }
    section.loginForm .loginFormContent div.formContent .formAction .formItem:nth-child(6) > div > label {max-width: 100%!important;width: auto;}
    span.wrongInformation {text-align: center;width: 100%;display: block;padding: 0px!important;}
    section.loginForm .loginFormContent div.formContent .formBottom {flex-direction:column;}
    section.loginForm .loginFormContent div.formContent .formTop img { max-height: 40px;}
    section.loginForm .loginFormContent div.formContent .formTop h2 {padding: 10px;font-size: 12px;}
    section.loginForm .loginFormContent .formBottom input#btnSend {padding: 10px 30px;}
    section.loginForm .loginFormContent {padding: 30px 0px;}
    section.loginForm .loginFormContent div.formContent .formAction .formItem {flex-direction: column;gap: 0px!important;margin-bottom: 5px;}
    }