/* @extend display-flex; */
display-flex, .signup-content, .form-row, .select-icon, .select-icon i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex; }

/* @extend list-type-ulli; */
list-type-ulli {
  list-style-type: none;
  margin: 0;
  padding: 0; }

a:focus,
a:active {
  text-decoration: none;
  outline: none;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s; }

input,
select,
textarea {
  outline: none;
  appearance: unset !important;
  -moz-appearance: unset !important;
  -webkit-appearance: unset !important;
  -o-appearance: unset !important;
  -ms-appearance: unset !important; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  margin: 0; }

input:focus,
select:focus,
textarea:focus {
  outline: none;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important; }

input[type="checkbox"] {
  appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  -ms-appearance: checkbox !important; }

input[type="radio"] {
  appearance: radio !important;
  -moz-appearance: radio !important;
  -webkit-appearance: radio !important;
  -o-appearance: radio !important;
  -ms-appearance: radio !important; }

img {
  max-width: 100%;
  height: auto; }

figure {
  margin: 0; }

input[type="number"] {
  -moz-appearance: textfield !important;
  appearance: none !important;
  -webkit-appearance: none !important; }

input:-webkit-autofill {
  box-shadow: 0 0 0 30px transparent inset;
  -moz-box-shadow: 0 0 0 30px transparent inset;
  -webkit-box-shadow: 0 0 0 30px transparent inset;
  -o-box-shadow: 0 0 0 30px transparent inset;
  -ms-box-shadow: 0 0 0 30px transparent inset; }

h2 {
  line-height: 1.66;
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 35px;
  font-weight: bold; }

p {
  margin: 0 0 10px; }

.clear {
  clear: both; }

body {
  font-size: 13px;
  line-height: 1.8;
  font-weight: 400; }

.body-main {
  padding: 60px 0; }

.container {
  width: 1400px;
  position: relative;
  margin: 0 auto; }

.p-r-none {
  padding-right: 0; }
  @media screen and (max-width: 575px) {
    .p-r-none {
      padding-right: 15px; } }

.esy-register {
  margin-bottom: 20px; }
  .esy-register a {
    padding: 10px;
    font-size: 15px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); }
    .esy-register a img {
      width: 25px;
      height: auto;
      margin: 0 8px; }
    .esy-register a svg {
      color: #fff;
      font-size: 20px;
      margin: 0 8px; }
    @media (max-width: 575.98px) {
      .esy-register a {
        margin-bottom: 10px;
        font-size: 13px;
        height: 40px; }
        .esy-register a img {
          width: 18px; }
        .esy-register a svg {
          font-size: 14px; } }
  .esy-register .g-log a {
    color: #222; }
  .esy-register .f-log {
    width: 100%;
    text-align: center; }
    .esy-register .f-log a {
      background-color: #3b5998;
      color: #fff; }

body {
  text-align: right;
  font-family: "Droid Arabic Kufi"; }

.rtl {
  text-align: right;
  direction: rtl; }

.ltr {
  text-align: left;
  direction: ltr; }

.signup-content {
  position: relative; }

a {
  text-decoration: none !important; }

.body-main {
  background-attachment: inherit; }

.header {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 0; }
  .header h1 {
    font-size: 25px;
    font-weight: bold;
    font-family: sans-serif; }
    @media (max-width: 575.98px) {
      .header h1 {
        font-size: 20px;
        margin-bottom: 5px; } }
  .header p {
    margin-bottom: 0; }
    @media (max-width: 575.98px) {
      .header p {
        font-size: 11px; } }

.signup-form {
  background-color: #fff;
  position: relative; }
  .signup-form .profile-avatar {
    z-index: 10;
    width: 100%;
    padding-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (max-width: 575.98px) {
      .signup-form .profile-avatar {
        padding-bottom: 20px; } }
    .signup-form .profile-avatar .c-circle {
      position: relative;
      width: 100px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .signup-form .profile-avatar .profile-pic {
      width: 100%;
      height: 100%;
      display: block; }
    .signup-form .profile-avatar .file-upload {
      display: none; }
    .signup-form .profile-avatar .circle {
      border-radius: 50% !important;
      overflow: hidden;
      width: 80px;
      height: 80px;
      border: 4px solid rgba(255, 255, 255, 0.7); }
    .signup-form .profile-avatar img {
      max-width: 100%;
      height: auto; }
    .signup-form .profile-avatar .p-image {
      position: absolute;
      bottom: -10px;
      color: #666666;
      -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      cursor: pointer; }
      .signup-form .profile-avatar .p-image svg {
        font-size: 1.6em; }
    .signup-form .profile-avatar .p-image:hover {
      -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .signup-form .profile-avatar .upload-button {
      font-size: 1.2em; }
    .signup-form .profile-avatar .upload-button:hover {
      -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      color: #999; }

.signup-img {
  margin-bottom: -7px; }

.register-form {
  padding: 25px; }
  @media (max-width: 575.98px) {
    .register-form {
      padding: 15px !important; } }

.form-row {
  margin: inherit; }
  .form-row .form-group {
    width: 50%;
    padding: 0 7px; }

.login-form .form-group {
  width: 100% !important;
  padding: 0; }

.form-group {
  margin-bottom: 12px;
  position: relative; }
  @media (max-width: 575.98px) {
    .form-group {
      margin-bottom: 13px; } }

.form-row .form-group input,
.form-row .form-group select {
  display: block;
  width: 100%;
  border: 1px solid #ebebeb;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 500;
  font-size: 13px;
  height: 38px;
  border-radius: 5px; }
  @media (max-width: 575.98px) {
    .form-row .form-group input,
    .form-row .form-group select {
      font-size: 11px;
      color: #757575; } }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 11px;
  color: #757575; }

::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 11px;
  color: #757575; }

:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 11px;
  color: #757575; }

:-moz-placeholder {
  /* Firefox 18- */
  font-size: 11px;
  color: #757575; }

label {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 2px;
  display: block; }
  @media (max-width: 575.98px) {
    label {
      font-size: 12px; } }

.form-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 18px; }
  @media (max-width: 575.98px) {
    .form-radio {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .form-radio input {
    width: auto;
    display: inline-block; }
  .form-radio div:first-of-type {
    margin-left: 35px; }

.radio-label {
  padding-left: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.form-radio-item {
  position: relative; }
  .form-radio-item label {
    font-weight: 500;
    font-size: 13px;
    padding-left: 25px;
    position: relative;
    z-index: 9;
    display: block;
    cursor: pointer; }

#geo .geo-input {
  width: 50% !important;
  padding-left: 5px; }
  @media (max-width: 575.98px) {
    #geo .geo-input {
      padding-left: 15px; } }

.check {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  border: 1px solid #ebebeb;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  height: 15px;
  width: 15px;
  top: 4px;
  left: 0px;
  z-index: 5;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear; }
  .check:before {
    position: absolute;
    display: block;
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear; }

input[type="radio"] {
  position: absolute;
  visibility: hidden; }
  input[type="radio"]:checked ~ .check {
    border: 1px solid #ff6801; }
  input[type="radio"]:checked ~ .check::before {
    background: #ff6801; }

.form-select {
  position: relative; }
  .form-select .select-icon {
    display: none; }

select {
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  position: relative;
  background: 0 0;
  z-index: 10;
  cursor: pointer; }

.select-icon {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -o-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  -o-align-items: center;
  -ms-align-items: center; }
  .select-icon i {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    width: 30px;
    height: 20px;
    font-size: 16px;
    color: #999; }

.confirmation {
  margin-bottom: 3px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%; }
  .confirmation input {
    display: inline-block;
    width: auto;
    margin: 0 6px; }
  .confirmation label {
    display: inline;
    font-size: 12px; }
  .confirmation a {
    color: #ff6801; }
  @media (max-width: 575.98px) {
    .confirmation {
      display: inline-block; } }

.login {
  margin: 8px 0 0 0;
  font-size: 12px; }
  @media (max-width: 575.98px) {
    .login {
      font-size: 13px; } }
  .login a {
    color: #ff6801; }

.form-submit {
  text-align: right;
  padding-top: 15px; }

.submit {
  min-width: 90px;
  font-weight: 500;
  font-size: 13px;
  padding: 0 10px;
  border: none;
  height: 40px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

#reset {
  background: #f8f8f8;
  color: #999;
  margin-right: 8px; }
  #reset:hover {
    background: #ff6801;
    color: #fff; }

#submit {
  background: #ff6801;
  color: #fff; }

.copyright {
  font-size: 13px;
  line-height: 1.5;
  padding: 15px 0; }
  .copyright .copyright-link a {
    text-decoration: none;
    cursor: default; }
  .copyright .copyright-link .activ-link {
    cursor: pointer; }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .copyright {
      font-size: 13px; }
      .copyright .activ-link {
        font-size: 15px !important; } }

@media (max-width: 575.98px) {
  .copyright-link {
    font-size: 13px; } }
.copyright-link .activ-link {
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer; }
  @media (max-width: 575.98px) {
    .copyright-link .activ-link {
      font-size: 15px; } }

.select2-container .select2-selection--single {
  height: 40px !important;
  border: 1px solid #ebebeb;
  border-radius: 0; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px !important; }

body[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: initial; }
body[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__rendered {
  text-align: right; }
body[dir="rtl"] .select2-results__options {
  text-align: right; }

body[dir="ltr"] {
  font-family: inherit; }
  body[dir="ltr"] .login {
    text-align: left; }
  body[dir="ltr"] .select2-container--default .select2-selection--single .select2-selection__rendered,
  body[dir="ltr"] .select2-results__options {
    text-align: left; }

/*
.signup-form .w-100 {
    width: 50% !important;
}
*/
@media screen and (max-width: 992px) {
  .container {
    width: calc(100% - 40px);
    max-width: 100%; }

  .signup-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column; }

  .signup-img,
  .signup-form {
    width: 100%; } }
@media screen and (max-width: 768px) {
  .register-form {
    padding: 25px; } }
@media screen and (max-width: 575px) {
  .form-row {
    margin: 0px; }

  .form-row .form-group {
    width: 100%;
    padding: 0px; } }
@media screen and (max-width: 480px) {
  .submit {
    width: 100%; }

  #reset {
    margin-right: 0px;
    margin-bottom: 10px; } }
/*start colors file*/
.main {
  /* start main colors variables */
  /* end colors variables */ }
  .main body {
    color: #092327; }
  .main h2 {
    color: #092327; }
  .main .header {
    background-color: #092327; }
    .main .header h1 {
      color: #fff; }
    .main .header p {
      color: #fff; }
  .main .p-image svg {
    color: #0b5351; }
  .main input,
  .main select {
    border: 1px solid #ebebeb; }
    .main input:focus,
    .main select:focus {
      border: 1px solid #0b5351; }
  .main .check {
    border: 1px solid #ebebeb; }
  .main input[type="radio"]:checked ~ .check {
    border: 1px solid #0b5351; }
  .main input[type="radio"]:checked ~ .check::before {
    background: #0b5351; }
  .main .select-icon i {
    color: #999; }
  .main .confirmation a {
    color: #0b5351; }
  .main .login a {
    color: #0b5351 !important; }
  .main .form-submit {
    text-align: right;
    padding-top: 5px; }
  .main #reset {
    color: #999; }
    .main #reset:hover {
      background: #0b5351;
      color: #fff; }
  .main #submit {
    background: #0b5351;
    color: #fff; }
    .main #submit:hover {
      background-color: #092327; }
  .main .copyright {
    background: #092327;
    color: #fff; }
    .main .copyright a {
      color: #fff; }
    .main .copyright .activ-link {
      color: #00a9a5; }

.blue {
  /* start main colors variables */
  /* end colors variables */ }
  .blue body {
    color: #003554; }
  .blue h2 {
    color: #003554; }
  .blue .header {
    background-color: #003554; }
    .blue .header h1 {
      color: #fff; }
    .blue .header p {
      color: #fff; }
  .blue .p-image svg {
    color: #0582ca; }
  .blue input,
  .blue select {
    border: 1px solid #ebebeb; }
    .blue input:focus,
    .blue select:focus {
      border: 1px solid #0582ca; }
  .blue .check {
    border: 1px solid #ebebeb; }
  .blue input[type="radio"]:checked ~ .check {
    border: 1px solid #0582ca; }
  .blue input[type="radio"]:checked ~ .check::before {
    background: #0582ca; }
  .blue .select-icon i {
    color: #999; }
  .blue .confirmation a {
    color: #0582ca; }
  .blue .login a {
    color: #0582ca !important; }
  .blue .form-submit {
    text-align: right;
    padding-top: 5px; }
  .blue #reset {
    color: #999; }
    .blue #reset:hover {
      background: #0582ca;
      color: #fff; }
  .blue #submit {
    background: #0582ca;
    color: #fff; }
    .blue #submit:hover {
      background-color: #003554; }
  .blue .copyright {
    background: #003554;
    color: #fff; }
    .blue .copyright a {
      color: #fff; }
    .blue .copyright .activ-link {
      color: #60bff6; }

.green {
  /* start main colors variables */
  /* end colors variables */ }
  .green body {
    color: #1b4332; }
  .green h2 {
    color: #1b4332; }
  .green .header {
    background-color: #1b4332; }
    .green .header h1 {
      color: #fff; }
    .green .header p {
      color: #fff; }
  .green .p-image svg {
    color: #6fab0f; }
  .green input,
  .green select {
    border: 1px solid #ebebeb; }
    .green input:focus,
    .green select:focus {
      border: 1px solid #6fab0f; }
  .green .check {
    border: 1px solid #ebebeb; }
  .green input[type="radio"]:checked ~ .check {
    border: 1px solid #6fab0f; }
  .green input[type="radio"]:checked ~ .check::before {
    background: #6fab0f; }
  .green .select-icon i {
    color: #999; }
  .green .confirmation a {
    color: #6fab0f; }
  .green .login a {
    color: #6fab0f !important; }
  .green .form-submit {
    text-align: right;
    padding-top: 5px; }
  .green #reset {
    color: #999; }
    .green #reset:hover {
      background: #6fab0f;
      color: #fff; }
  .green #submit {
    background: #6fab0f;
    color: #fff; }
    .green #submit:hover {
      background-color: #1b4332; }
  .green .copyright {
    background: #1b4332;
    color: #fff; }
    .green .copyright a {
      color: #fff; }
    .green .copyright .activ-link {
      color: #52b788; }

.orange {
  /* start main colors variables */
  /* end colors variables */ }
  .orange body {
    color: #023047; }
  .orange h2 {
    color: #023047; }
  .orange .header {
    background-color: #023047; }
    .orange .header h1 {
      color: #fff; }
    .orange .header p {
      color: #fff; }
  .orange .p-image svg {
    color: #fb8500; }
  .orange input,
  .orange select {
    border: 1px solid #ebebeb; }
    .orange input:focus,
    .orange select:focus {
      border: 1px solid #fb8500; }
  .orange .check {
    border: 1px solid #ebebeb; }
  .orange input[type="radio"]:checked ~ .check {
    border: 1px solid #fb8500; }
  .orange input[type="radio"]:checked ~ .check::before {
    background: #fb8500; }
  .orange .select-icon i {
    color: #999; }
  .orange .confirmation a {
    color: #fb8500; }
  .orange .login a {
    color: #fb8500 !important; }
  .orange .form-submit {
    text-align: right;
    padding-top: 5px; }
  .orange #reset {
    color: #999; }
    .orange #reset:hover {
      background: #fb8500;
      color: #fff; }
  .orange #submit {
    background: #fb8500;
    color: #fff; }
    .orange #submit:hover {
      background-color: #023047; }
  .orange .copyright {
    background: #023047;
    color: #fff; }
    .orange .copyright a {
      color: #fff; }
    .orange .copyright .activ-link {
      color: #fb8500; }

.red {
  /* start main colors variables */
  /* end colors variables */ }
  .red body {
    color: #1c374a; }
  .red h2 {
    color: #1c374a; }
  .red .header {
    background-color: #1c374a; }
    .red .header h1 {
      color: #fff; }
    .red .header p {
      color: #fff; }
  .red .p-image svg {
    color: #cc444b; }
  .red input,
  .red select {
    border: 1px solid #ebebeb; }
    .red input:focus,
    .red select:focus {
      border: 1px solid #cc444b; }
  .red .check {
    border: 1px solid #ebebeb; }
  .red input[type="radio"]:checked ~ .check {
    border: 1px solid #cc444b; }
  .red input[type="radio"]:checked ~ .check::before {
    background: #cc444b; }
  .red .select-icon i {
    color: #999; }
  .red .confirmation a {
    color: #cc444b; }
  .red .login a {
    color: #cc444b !important; }
  .red .form-submit {
    text-align: right;
    padding-top: 5px; }
  .red #reset {
    color: #999; }
    .red #reset:hover {
      background: #cc444b;
      color: #fff; }
  .red #submit {
    background: #cc444b;
    color: #fff; }
    .red #submit:hover {
      background-color: #1c374a; }
  .red .copyright {
    background: #1c374a;
    color: #fff; }
    .red .copyright a {
      color: #fff; }
    .red .copyright .activ-link {
      color: #ff8187; }

.violet {
  /* start main colors variables */
  /* end colors variables */ }
  .violet body {
    color: #240046; }
  .violet h2 {
    color: #240046; }
  .violet .header {
    background-color: #240046; }
    .violet .header h1 {
      color: #fff; }
    .violet .header p {
      color: #fff; }
  .violet .p-image svg {
    color: #3c096c; }
  .violet input,
  .violet select {
    border: 1px solid #ebebeb; }
    .violet input:focus,
    .violet select:focus {
      border: 1px solid #3c096c; }
  .violet .check {
    border: 1px solid #ebebeb; }
  .violet input[type="radio"]:checked ~ .check {
    border: 1px solid #3c096c; }
  .violet input[type="radio"]:checked ~ .check::before {
    background: #3c096c; }
  .violet .select-icon i {
    color: #999; }
  .violet .confirmation a {
    color: #3c096c; }
  .violet .login a {
    color: #3c096c !important; }
  .violet .form-submit {
    text-align: right;
    padding-top: 5px; }
  .violet #reset {
    color: #999; }
    .violet #reset:hover {
      background: #3c096c;
      color: #fff; }
  .violet #submit {
    background: #3c096c;
    color: #fff; }
    .violet #submit:hover {
      background-color: #240046; }
  .violet .copyright {
    background: #240046;
    color: #fff; }
    .violet .copyright a {
      color: #fff; }
    .violet .copyright .activ-link {
      color: #a97fd2; }

.pink {
  /* start main colors variables */
  /* end colors variables */ }
  .pink body {
    color: #3d2645; }
  .pink h2 {
    color: #3d2645; }
  .pink .header {
    background-color: #3d2645; }
    .pink .header h1 {
      color: #fff; }
    .pink .header p {
      color: #fff; }
  .pink .p-image svg {
    color: #ff7aa2; }
  .pink input,
  .pink select {
    border: 1px solid #ebebeb; }
    .pink input:focus,
    .pink select:focus {
      border: 1px solid #ff7aa2; }
  .pink .check {
    border: 1px solid #ebebeb; }
  .pink input[type="radio"]:checked ~ .check {
    border: 1px solid #ff7aa2; }
  .pink input[type="radio"]:checked ~ .check::before {
    background: #ff7aa2; }
  .pink .select-icon i {
    color: #999; }
  .pink .confirmation a {
    color: #ff7aa2; }
  .pink .login a {
    color: #ff7aa2 !important; }
  .pink .form-submit {
    text-align: right;
    padding-top: 5px; }
  .pink #reset {
    color: #999; }
    .pink #reset:hover {
      background: #ff7aa2;
      color: #fff; }
  .pink #submit {
    background: #ff7aa2;
    color: #fff; }
    .pink #submit:hover {
      background-color: #3d2645; }
  .pink .copyright {
    background: #3d2645;
    color: #fff; }
    .pink .copyright a {
      color: #fff; }
    .pink .copyright .activ-link {
      color: #ff9ebb; }

.brown {
  /* start main colors variables */
  /* end colors variables */ }
  .brown body {
    color: #3f2613; }
  .brown h2 {
    color: #3f2613; }
  .brown .header {
    background-color: #3f2613; }
    .brown .header h1 {
      color: #fff; }
    .brown .header p {
      color: #fff; }
  .brown .p-image svg {
    color: #a98360; }
  .brown input,
  .brown select {
    border: 1px solid #ebebeb; }
    .brown input:focus,
    .brown select:focus {
      border: 1px solid #a98360; }
  .brown .check {
    border: 1px solid #ebebeb; }
  .brown input[type="radio"]:checked ~ .check {
    border: 1px solid #a98360; }
  .brown input[type="radio"]:checked ~ .check::before {
    background: #a98360; }
  .brown .select-icon i {
    color: #999; }
  .brown .confirmation a {
    color: #a98360; }
  .brown .login a {
    color: #a98360 !important; }
  .brown .form-submit {
    text-align: right;
    padding-top: 5px; }
  .brown #reset {
    color: #999; }
    .brown #reset:hover {
      background: #a98360;
      color: #fff; }
  .brown #submit {
    background: #a98360;
    color: #fff; }
    .brown #submit:hover {
      background-color: #3f2613; }
  .brown .copyright {
    background: #3f2613;
    color: #fff; }
    .brown .copyright a {
      color: #fff; }
    .brown .copyright .activ-link {
      color: #c7a89c; }

.grey {
  /* start main colors variables */
  /* end colors variables */ }
  .grey body {
    color: #22223b; }
  .grey h2 {
    color: #22223b; }
  .grey .header {
    background-color: #22223b; }
    .grey .header h1 {
      color: #fff; }
    .grey .header p {
      color: #fff; }
  .grey .p-image svg {
    color: #4a4e69; }
  .grey input,
  .grey select {
    border: 1px solid #ebebeb; }
    .grey input:focus,
    .grey select:focus {
      border: 1px solid #4a4e69; }
  .grey .check {
    border: 1px solid #ebebeb; }
  .grey input[type="radio"]:checked ~ .check {
    border: 1px solid #4a4e69; }
  .grey input[type="radio"]:checked ~ .check::before {
    background: #4a4e69; }
  .grey .select-icon i {
    color: #999; }
  .grey .confirmation a {
    color: #4a4e69; }
  .grey .login a {
    color: #4a4e69 !important; }
  .grey .form-submit {
    text-align: right;
    padding-top: 5px; }
  .grey #reset {
    color: #999; }
    .grey #reset:hover {
      background: #4a4e69;
      color: #fff; }
  .grey #submit {
    background: #4a4e69;
    color: #fff; }
    .grey #submit:hover {
      background-color: #22223b; }
  .grey .copyright {
    background: #22223b;
    color: #fff; }
    .grey .copyright a {
      color: #fff; }
    .grey .copyright .activ-link {
      color: #bea0ba; }

/*end services*/
/* Droid Kufi Arabic font */
@font-face {
  font-family: 'Droid Arabic Kufi';
  src: url(../../fonts/DroidKufi-Bold.ttf);
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Droid Arabic Kufi';
  src: url(../../fonts/DroidKufi-Regular.ttf);
  font-weight: normal;
  font-style: normal; }

/*# sourceMappingURL=style.css.map */