@font-face {
	font-family: wahbafont;
	src: url(../../../fonts/GE_SS_Two_Medium.otf)
}

@font-face {
	font-family: wahbafont2;
	src: url('../../../fonts/Tajawal-Regular.otf') format('opentype');
}
.font-main {font-family: wahbafont !important}
.font-sec {font-family: wahbafont2 !important}

.text-main {color: #495464 !important;}
.text-sec {color: RGB(207,170,128) !important;}
/*//////////////////////////////////////////////////////////////////
[ RESTYLE TAG ]*/

* {margin: 0px; padding: 0px; box-sizing: border-box;}
body, html {height: 100%;}
/*---------------------------------------------*/
input {outline: none;border: none;}
textarea {outline: none;border: none;}
textarea:focus, input:focus {border-color: transparent !important;}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

input::-webkit-input-placeholder { color: #999999;}
input:-moz-placeholder { color: #999999;}
input::-moz-placeholder { color: #999999;}
input:-ms-input-placeholder { color: #999999;}

textarea::-webkit-input-placeholder { color: #999999;}
textarea:-moz-placeholder { color: #999999;}
textarea::-moz-placeholder { color: #999999;}
textarea:-ms-input-placeholder { color: #999999;}

label {display: block;margin: 0;}
/*[ login ]*/
.wrap-input100 {display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;align-items: flex-end;
  width: 100%;height: 80px;position: relative;border: 1px solid #e6e6e6;border-radius: 10px;  margin-bottom: 10px;}

.label-input100 {font-size: 18px;color: #999999;line-height: 1.2;display: block;position: absolute;pointer-events: none;
    width: 100%;padding-right: 24px;right: 0;top: 30px;
    -webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
.input100 {display: block;width: 100%;background: transparent;font-family: Montserrat-Regular;font-size: 18px;color: #555555;line-height: 1.2;padding: 0 26px;}
input.input100 {height: 100%;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;}
/*---------------------------------------------*/
.focus-input100 {position: absolute;display: block;width: calc(100% + 2px);height: calc(100% + 2px);top: -1px;left: -1px;
  pointer-events: none;border: 1px solid #6675df;border-radius: 10px;visibility: hidden;opacity: 0;
  -webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;
  -webkit-transform: scaleX(1.1) scaleY(1.3);-moz-transform: scaleX(1.1) scaleY(1.3);-ms-transform: scaleX(1.1) scaleY(1.3);
  -o-transform: scaleX(1.1) scaleY(1.3);transform: scaleX(1.1) scaleY(1.3);}
.input100:focus + .focus-input100 {visibility: visible;opacity: 1;
  -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.eff-focus-selection {visibility: visible;opacity: 1;
-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.input100:focus {height: 48px;}
.input100:focus + .focus-input100 + .label-input100 {top: 14px;font-size: 13px;}
.has-val {height: 48px !important;}
.has-val + .focus-input100 + .label-input100 {top: 14px;font-size: 13px;}