@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 15, 2017, 6:25:57 PM
    Author     : Afarouk
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 3, 2017, 9:47:00 AM
    Author     : SURE-AhmedFarouk
*/
@font-face {
  font-family: 'mymainfont';
  src: url("/fonts/Ar/DesignVersion3/GEFlow-regular.otf") format("opentype"), url("/fonts/Ar/DesignVersion3/GEFlow-regular.ttf") format("truetype"), url("/fonts/Ar/DesignVersion3/GEFlow-regular.woff") format("woff"), url("/fonts/Ar/DesignVersion3/GEFlow-regular.svg#GEFlow-Bold") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'mymainfont';
  src: url("/fonts/Ar/DesignVersion3/GEFlow-Bold.otf") format("opentype"), url("/fonts/Ar/DesignVersion3/GEFlow-Bold.ttf") format("truetype"), url("/fonts/Ar/DesignVersion3/GEFlow-Bold.woff") format("woff"), url("/fonts/Ar/DesignVersion3/GEFlow-Bold.svg#GEFlow-Bold") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: "mysecfont";
  src: url("/fonts/Ar/DesignVersion3/DINNextLTArabic-Regular.eot");
  src: url("/fonts/Ar/DesignVersion3/DINNextLTArabic-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/Ar/DesignVersion3/DINNextLTArabic-Regular.svg#DIN Next LT Arabic") format("svg"), url("/fonts/Ar/DesignVersion3/DINNextLTArabic-Regular.woff") format("woff"), url("/fonts/Ar/DesignVersion3/DINNextLTArabic-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "mysecfont";
  src: url("/fonts/Ar/DesignVersion3/DINNextLTArabic-Bold.eot.eot");
  src: url("/fonts/Ar/DesignVersion3/DINNextLTArabic-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Ar/DesignVersion3/DINNextLTArabic-Bold.svg#DIN Next Arabic Heavy") format("svg"), url("/fonts/Ar/DesignVersion3/DINNextLTArabic-Bold.woff") format("woff"), url("/fonts/Ar/DesignVersion3/DINNextLTArabic-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'fontello';
  src: url("/fonts/Ar/DesignVersion3/fontello.eot?53989230");
  src: url("/fonts/Ar/DesignVersion3/fontello.eot?53989230#iefix") format("embedded-opentype"), url("/fonts/Ar/DesignVersion3/fontello.woff2?53989230") format("woff2"), url("/fonts/Ar/DesignVersion3/fontello.woff?53989230") format("woff"), url("/fonts/Ar/DesignVersion3/fontello.ttf?53989230") format("truetype"), url("/fonts/Ar/DesignVersion3/fontello.svg?53989230#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-twitter:before {
  content: '\f099'; }

/* 'ï‚™' */
.icon-facebook:before {
  content: '\f09a'; }

/* 'ï‚š' */
.icon-rss:before {
  content: '\f09e'; }

/* 'ï‚ž' */
.icon-linkedin:before {
  content: '\f0e1'; }

/* '' */
.icon-youtube:before {
  content: '\f167'; }

/* 'ï…§' */
.icon-gplus:before {
  content: '\f30f'; }

/* '' */
/*===============Main Style================*/
* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  font-family: 'mymainfont'; }

ul, p {
  margin-bottom: 0px; }

h1, h2, h3, h4, h5, h6 {
  margin: 0px; }

a:hover, a:focus {
  outline: none;
  text-decoration: none; }

.homeContent {
  display: none; }

.clear:after {
  content: "";
  display: block;
  clear: both; }

.internalContent * {
  font-family: "mysecfont"; }

/*===============Header================*/
header {
  padding: 25px 0px;
  background: #113952 url("/images/designversion3/header-bg.jpg") no-repeat top center;
  background-size: cover;
  border-bottom: #6d92a6 5px solid;
  position: relative; }
  header .primary-logo {
    display: block;
    text-align: center; }
  header .img-responsive {
    display: inline-block; }
  header .dropdown {
    width: 100%;
    text-align: left;
    font-size: 18px;
    font-family: "mysecfont"; }
    header .dropdown button {
      background: transparent;
      border: none;
      color: #fff;
      padding: 0px; }
      header .dropdown button:focus {
        outline: none; }
      header .dropdown button img {
        margin-left: 7px; }
    header .dropdown .dropdown-menu {
      left: 0px;
      right: auto;
      text-align: right; }
      header .dropdown .dropdown-menu a {
        color: #404040; }
  header h2 {
    color: #ffde39;
    font-size: 26px;
    text-align: left;
    margin-top: 15px; }
  header .menu-toggle {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: #6d92a6 url("/images/designversion3/menu.png") no-repeat center;
    width: 42px;
    height: 30px;
    background-size: 24px 19px;
    cursor: pointer; }

/*===============Bread Crumb================*/
.breadcrumb {
  padding: 0px;
  background: transparent;
  margin: 10px 0px 15px; }
  .breadcrumb li {
    color: #6d92a6;
    font-size: 18px; }
    .breadcrumb li a {
      color: #404040; }
    .breadcrumb li + li:before {
      color: #404040;
      content: ">"; }

/*===============Side Menu================*/
aside .panel-group {
  border-width: 1px 12px 1px 1px;
  border-style: solid;
  border-color: #c5c5c5; 
  display:block;
}
  aside .panel-group .panel {
    border: none;
    margin: 0px !important;
    border-radius: 0px; }
    aside .panel-group .panel .panel-heading {
      padding: 0px;
      border-radius: 0px;
      background: #fff url("/images/designversion3/list-bg.png") center bottom no-repeat;
      transition: 0.2s ease-in-out;
      -webkit-transition: 0.2s ease-in-out; }
      aside .panel-group .panel .panel-heading a {
        padding: 12px 15px 18px;
        font-size: 18px;
        display: block;
        background-color: #113952;
        color: #fff;
        font-weight: bold; }
        aside .panel-group .panel .panel-heading a.collapsed {
          color: #113952;
          background-color: transparent;
          font-weight: normal; }
      aside .panel-group .panel .panel-heading:hover a {
        color: #fff;
        font-weight: bold;
        background: #113952; }
    aside .panel-group .panel .panel-body {
      padding: 0px;
      background-color: #eaeaea; }
      aside .panel-group .panel .panel-body ul li a {
        display: block;
        padding: 5px 15px 10px;
        color: #404040;
        font-size: 16px;
        transition: 0.2s ease-in-out;
        -webkit-transition: 0.2s ease-in-out; }
        aside .panel-group .panel .panel-body ul li a:hover {
          padding-right: 30px; }

/*===============Models================*/
.model .cont {
  display: inline-table;
  width: 100%;
  border-bottom: #6d92a6 9px solid;
  margin-bottom: 30px; }
  .model .cont .cont-img {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    height: 365px;
    background: #efefef url("/images/designversion3/model-bg.png") center top no-repeat;
    background-size: cover;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #ccc;
    padding: 20px; }
    .model .cont .cont-img img {
      max-width: 100%;
      display: inline-block; }
  .model .cont .cont-txt {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding: 5px 5px;
    border-width: 1px 0px 0px 1px;
    border-style: solid;
    border-color: #dfdfdf; }
    .model .cont .cont-txt h3 {
      font-size: 22px;
      font-weight: bold;
      color: #113952;
      margin-bottom: 30px;
      line-height: 24px; }
    .model .cont .cont-txt ul li {
      color: #404040;
      font-size: 16px;
      padding: 5px 17px 5px 5px;
      /*background: url("/images/DesignVersion3/right-arrow.png") center right no-repeat; */}
.cont .cont-txt ul li a{
    color: #404040 !important;
     font-size: 14px !important;
}
.cont .cont-txt ul li a:hover{
   text-decoration:underline !important;
}
.cont-txt h3{
    font-size: 16px !important;
}

.opened .model .cont .cont-img {
  height: 320px; }

/*===============Form================*/
.form .title {
  margin-bottom: 20px; }
  .form .title h2 {
    color: #707070;
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 15px;
    position: relative; }
    .form .title h2:before, .form .title h2:after {
      content: "";
      position: absolute;
      bottom: 0px;
      right: 0px;
      height: 5px; }
    .form .title h2:before {
      background: #b8cad4;
      width: 112px; }
    .form .title h2:after {
      background: #6d92a6;
      width: 20px; }
.form .row {
  margin-right: -9px;
  margin-left: -9px; }
  .form .row [class*="col-xs-"] {
    padding-right: 9px;
    padding-left: 9px; }
.form label {
  display: block;
  color: #404040;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px; }
  .form label .astresk {
    color: red;
    margin-right: 5px; }
  .astresk {
    color: red;
    margin-right: 5px; }
  .form label .dfn {
    float: left;
    color: #6d92a6; }
    .form label .dfn span {
      font-family: tahoma;
      font-size: 15px; }
.form input[type="text"], .form input[type="password"], .form input[type="email"], .form textarea, .form select {
  display: block;
  padding: 10px 10px 15px;
  border: #d8d8d8 1px solid;
  width: 100%;
  font-size: 16px;
  background: #f7f7f7;
  font-size:12px !important;
}
.form select {
  padding: 7px 10px 14px; }
.form .btns {
  margin-bottom: 30px; }
  .form .btns .btn {
    padding: 6px 40px 10px;
    color: #fff;
    background: #6d92a6;
    font-weight: bold;
    font-size: 16px;
    float: left;
    border-radius: 0px;
    transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    margin-right: 15px; }
  .form .btns .dfn {
    float: left;
    font-size: 16px;
    color: #606060;
    line-height: 30px; }
    .form .btns .dfn .astresk {
      color: red;
      margin-left: 5px;
      float: right;
      margin-top: 5px; }

table {
  text-align: right; }
  table thead th {
    color: #fff;
    font-size: 18px;
    background: #6d92a6;
    padding: 5px 8px 10px; }
  table tbody tr td {
    font-size: 14px;
    color: #404040;
    padding: 10px 8px; }
  table tbody tr:nth-child(odd) td {
    background: transparent; }
  table tbody tr:nth-child(even) td {
    background: #f1f1f1; }

.pagination {
  display: inline-block; }
  .pagination li a {
    color: #404040;
    font-size: 15px;
    padding: 4px 12px 8px; }
  .pagination li.active a {
    color: #fff;
    background: #6d92a6; }

.alert {
    padding: 1px 45px 5px 10px;
    position: relative;
    line-height: 32px;
    border-radius: 0px;
    font-size: 16px;
    /*color: #404040;*/
    color: red;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}
  .alert img {
    position: absolute;
    right: 10px;
    top: 8px; }
  .alert.alert-success {
    border-color: #b9d188; }
  .alert.alert-info {
    border-color: #99c7de; }
  .alert.alert-warning {
    border-color: #f5d77d; }
    .alert.alert-danger {
        /*border-color: #f5d0c4;*/
        border-color: red;
    }
  .alert .dismiss {
    cursor: pointer;
    line-height: 30px;
    display: inline-block;
    padding: 0px 5px;
    font-size: 16px;
    position: absolute;
    left: 10px;
    top: 0px; }

/*===============Footer================*/
footer {
  padding-bottom: 15px;
  background: #233e51; }
  footer * {
    font-family: "mysecfont"; }
  footer .footer-nav {
    text-align: center;
    border-bottom: #395162 1px solid;
    margin-bottom: 25px; }
    footer .footer-nav li {
      display: inline-block;
      padding: 25px 10px; }
      footer .footer-nav li a {
        color: #fff;
        font-size: 16px; }
  footer .social {
    overflow: hidden; }
    footer .social li {
      float: right;
      margin-left: 4px; }
      footer .social li a i {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        line-height: 40px;
        background: #fff;
        color: #6d92a6;
        transition: 0.2s ease-in-out;
        text-align: center;
        font-size: 20px; }
        footer .social li a i:hover {
          color: #fff; }
        footer .social li a i.icon-twitter:hover {
          background: #00a9f1; }
        footer .social li a i.icon-linkedin:hover {
          background: #006db3; }
        footer .social li a i.icon-facebook:hover {
          background: #365397; }
        footer .social li a i.icon-youtube:hover {
          background: #ff3333; }
        footer .social li a i.icon-rss:hover {
          background: #f26522; }
        footer .social li a i.icon-gplus:hover {
          background: #e0452c; }
  footer .copy {
    color: #fff;
    font-style: normal;
    font-size: 14px;
    margin-top: 15px;
    display: block; }
  footer .support {
    color: #fff; }
    footer .support p {
      font-size: 21px; }
      footer .support p.phone {
        font-size: 28px;
        font-weight: bold;
        margin-top: 5px;
        color:#FADC41;
      }
      footer .support p.mail {
        font-size: 14px; }

/*****************Media Queries********************/
@media screen and (min-width: 1024px) {
  aside .panel-group {
    min-width: 263px; }

  .rightBlock, .leftBlock {
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out; }

  .rightBlock {
    width: 25%;
    opacity: 1; }
    .rightBlock.opened {
      width: 0px;
      overflow: hidden;
      padding: 0px;
      opacity: 0; }

  .leftBlock {
    min-width: 75%; }
    .leftBlock.opened {
      min-width: 100%; } }
@media screen and (max-width: 1024px) {
  header {
    padding-bottom: 50px; }

  #layout aside .panel-group {
    border-width: 1px; }
    #layout aside .panel-group .panel {
      border-bottom: #c5c5c5 1px solid; }
      #layout aside .panel-group .panel .panel-heading {
        background: none; }
  #layout .rightBlock {
    width: 100%;
    display: none;
    opacity: 1;
    overflow: auto; }
  #layout .model .cont {
    display: block; }
    #layout .model .cont .cont-img, #layout .model .cont .cont-txt {
      display: block;
      width: 100%; }
    #layout .model .cont .cont-img {
      height: 180px;
      border-width: 1px; }
      #layout .model .cont .cont-img img {
        height: 100%; }
    #layout .model .cont .cont-txt {
      padding: 10px 20px;
      height: 215px;
      border-width: 0px 1px 1px 1px;
      border-color: #ccc; }
      #layout .model .cont .cont-txt h3 {
        margin-bottom: 15px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .model .col-xs-12 {
    width: 50%; } }
@media screen and (max-width: 768px) {
  header .primary-logo {
    display: block;
    text-align: left; }
  header .dropdown {
    float: right;
    width: auto;
    margin-top: 15px; }
    header .dropdown .dropdown-menu {
      left: auto;
      right: 0px; }
  header h2 {
    float: left; }
  header .logos {
    width: 50%; }
    header .logos img {
      display: inline-block; }

  footer .logo {
    text-align: center;
    margin-top: 20px; }
  footer .copy {
    text-align: center;
    margin-bottom: 10px; }
  footer .social {
    text-align: center; }
    footer .social li {
      float: none;
      display: inline-block; }
  footer .footer-nav li {
    padding: 10px; } }
@media screen and (max-width: 450px) {
  header .dropdown button {
    font-size: 14px; }
  header h2 {
    font-size: 24px;
    margin-top: 20px; } }

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


.modalBackground
        {
            background-color: Black;
            filter: alpha(opacity=60);
            opacity: 0.6;
        }
        .modalPopup
        {
            background-color: #FFFFFF;
            width: 300px;
            border: 0px solid #6d92a6;
            border-radius: 12px;
            padding: 0;
            color:#000;
            font-size:15px;
            font-weight:normal;
        }
        .modalPopup .header
        {
            background-color: #113952;
            height: 30px;
            color: White;
            line-height: 30px;
            text-align: center;
            font-weight: bold;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
        }
        .modalPopup .body
        {
            padding: 10px;
            min-height: 50px;
            text-align: center;
            font-weight: bold;
        }
        .modalPopup .footer
        {
            padding: 6px;
        }
        .modalPopup .yes, .modalPopup .no
        {
            
            color: White;
            line-height: 23px;
            text-align: center;
            font-weight: bold;
            cursor: pointer;
            border-radius: 4px;
            width:70px;
        }
        .modalPopup .yes
        {
            background-color: #6d92a6;
            border: 1px solid #ddd;
            color:#fff;
        }
        .modalPopup .no
        {
            background-color: #6d92a6;
            border: 1px solid #ddd;
            color:#fff;
        }

         .validationAlert, .validationAlert span
{
    color:Red !important;
    font-size:16px;
}