@font-face {
    font-family: "Gli";
    src: url("../fonts/Cairo-SemiBold.TTF");
}

@font-face {
    font-family: "Gli";
    src: url("../fonts/Cairo-SemiBold.TTF");
    font-weight: bold;
}

body {
    font-family: Gli;
    overflow-x: hidden;
}

body:lang(ar) {
    direction: rtl;
    text-align: right;
}

p {
    color: #58595b;
}

p:lang(ar) {
    font-size: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #01539d;
}

h1:lang(ar),
h2:lang(ar),
h3:lang(ar),
h4:lang(ar),
h5:lang(ar),
h6:lang(ar) {
    text-align: right;
}

/* +++++++++++++++++++++++++++ L O G O - H E A D E R +++++++++++++++++++++++++++ */

.logo {
    margin: 8px;
}

.logo:lang(ar) {
    direction: ltr;
}

.logo-img img {
    margin: 6px;
}

.logo-img:lang(ar) {
    text-align: left !important;
}

.logo-text {
    text-align: center;
}

.logo-text p {
    float: right;
    margin: 6px;
    color: #01539d;
    line-height: 22px;
}






#p1 {
    font-size: 26px;
}

#p2 {
    font-size: 16px
}

#p1:lang(ar) {
    font-size: 34px;
}

#p2:lang(ar) {
    font-size: 18px
}

/* +++++++++++++++++++++++++++ L O G O - H E A D E R +++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++ M E N U +++++++++++++++++++++++++++ */

nav {
    background-color: #6d6e71 !important;
}

nav a {
    color: #fff !important;
}

.nav-link {
    margin: 0px 28px;
    font-size: 20px;
}

.dropdown-menu {
    margin: 0.5rem 0 0;
    background-color: #6d6e71;
}

.dropdown-menu:lang(ar) {
    text-align: right;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #01539d;
}

/* +++++++++++++++++++++++++++ M E N U +++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++ S L I D E +++++++++++++++++++++++++++ */

.carousel-caption {
    right: auto;
    left: 5%;
    top: 50px;
    bottom: auto;
    max-width: 350px;
    min-height: 470px;
    background-color: rgba(255, 255, 255, 0.5);
    /*border: solid 1px rgba(1, 83, 157, 0.5);*/
    padding: 30px 20px
}

.carousel-caption:lang(ar) {
    left: auto;
    right: 5%;
}

.carousel-caption h2 {
    text-align: left;
    color: #01539d;
}

.carousel-caption h2:lang(ar) {
    text-align: right;
}

.carousel-caption p {
    font-size: 20px;
    text-align: justify;
    color: #414042;
}

a.slide-more {
    font-size: 24px;
    text-align: center;
    border: solid 1px #01539d;
    padding: 8px 8px;
    color: #01539d;
    bottom: 20px;
    bottom: 20px;
    position: absolute;
    left: 20%;
    right: 20%;
}

a.slide-more:hover {
    text-decoration: none;
    color: #fff;
    background-color: #01539d;

}

.carousel-control-next,
.carousel-control-prev {
    width: 6%;
}

#carouselExampleIndicators > div > div > img {
    width: 100%;
}

.carousel-indicators {
    bottom: -35px;
}

.carousel-indicators li {
    background-color: rgba(1, 83, 157, 0.5);
}

.carousel-indicators .active {
    background-color: #01539d;
}

.img-header {
    width: 100%;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

/* +++++++++++++++++++++++++++ S L I D E +++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++ M A I N - R O W +++++++++++++++++++++++++++ */

.main-row {}

.main-row h2 {
    text-align: center;
}

.main-row p {
    //text-align: justify;
}

.the-bold {
    font-weight: bold;
}

.the-blue-bold {
    font-weight: bold;
    color: #01539d;
}

.primary {
    padding: 40px 100px;
}

.secondary {
    padding: 20px 100px;
    background-color: #f1f2f2;
}

.ser-icon {
    text-align: center !important;
}

.ser-icon h3:lang(ar) {
    text-align: center !important;
}

.ser-text {
    display: block;
    margin: auto;
}

.emp-name {
    /*text-align: center !important;*/
    margin: 4px 8px;
}

td {
    border: 0.5px solid rgba(1, 83, 157, 0.5);
}

tr:nth-child(even) {
    background-color: #fff;
}

table {
    width: 100%;
}

h4.panel-title {
    font-size: 20px;
}

a.accordion-toggle:hover {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.branches {
    padding: 20px;
}

.branches-border {
    border: 1px solid #01539d;
    border-radius: 14px;
    padding: 10px 0px;
}

.branches-border a {
    color: #1f1f1f !important;
}

.branches-border p,
.branches-border span {
    padding-left: 15px;
}

.branches-border:lang(ar) p,
.branches-border:lang(ar) span {
    padding-right: 15px;
}

.b-the-blue-bold {
    font-weight: bold;
    color: #01539d;
}

.b-manager {
    background-color: #01539d;
    color: #fff;
}

#cvfile:lang(ar) {
    float: right;
}

#submitbtn:lang(ar) {
    float: right;
}

/* +++++++++++++++++++++++++++ M A I N - R O W +++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++ F OO T E R +++++++++++++++++++++++++++ */

.footer {
    background-color: #6d6e71;
}

.footer-first {
    padding: 20px 60px;
    margin-left: auto;
    margin-right: auto;
}

.footer-first > div {
    padding-left: 6%;
    text-align: left;
}

.footer-first:lang(ar) > div {
    padding-right: 6%;
    text-align: right;
}

.social a {
    margin-right: 15px;

}

.footer h5 {
    color: #fff !important;
}

.footer p {
    color: #fff !important;
}

.footer a {
    color: #fff !important;
}

.footer a:hover {
    color: #fff !important;
    text-decoration: none;
}

.footer-row {}

.copy-right p {
    float: left;
    margin: 10px 20%;
    display: block;
}

.copy-right:lang(ar) p {
    float: right;
}

.adplus p {
    float: right;
    margin: 10px 20%;
    display: block;
}

.adplus:lang(ar) p {
    float: left;
}

.adplus a {
    color: #fec526;
}

.adplus a:hover {
    color: #fec526;
    text-decoration: none;
}

/* +++++++++++++++++++++++++++ F OO T E R +++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++ B A C K - T O - T O P +++++++++++++++++++++++++++ */

#top {
    z-index: 9999;
    bottom: 40px;
    right: 0px;
    display: inline;
    position: fixed;
}

#top {
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    opacity: 0.6;
    cursor: pointer;
}

#top:hover {
    opacity: 1;
}

/* +++++++++++++++++++++++++++ B A C K - T O - T O P +++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++ S C R O L L - B A R +++++++++++++++++++++++++++ */

/* width */

::-webkit-scrollbar {
    width: 5px;
}

/* Track */

::-webkit-scrollbar-track {
    background: #898989;
}

/* Handle */

::-webkit-scrollbar-thumb {
    background: rgb(222, 222, 222);
    border-radius: 5px
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #00529c;
}

/* +++++++++++++++++++++++++++ S C R O L L - B A R +++++++++++++++++++++++++++ */


/* +++++++++++++++++++++++++++ FACEBOOK POP +++++++++++++++++++++++++++ */
body:lang(en) div.fb{
    position: fixed;
    top: 50%;
    padding-right: 20px;
    right: -152px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #ffffffba;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    padding: 10px 12px 10px 14px;
}

body:lang(ar) div.fb{
    position: fixed;
    top: 50%;
    padding-right: 20px;
    right: -138px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #ffffffba;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    padding: 10px 12px 10px 14px;
}

.fbpop{
    position: absolute;
    left: -50px;
    top: 0px;
}

body:lang(en) div.fb:hover{
    right: 0px;
}

body:lang(ar) div.fb:hover{
    right: 0px;
}

/* +++++++++++++++++++++++++++ FACEBOOK POP +++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++ L I G H T - B O X +++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++ L I G H T - B O X +++++++++++++++++++++++++++ */

/* o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o M O B I L E o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o */

@media screen and (max-width: 1250px) {
    .carousel-caption {
        max-width: 500px;
        min-height: 400px;
    }
}


@media screen and (max-width: 1150px) {
    .carousel-caption {
        max-width: 700px;
        min-height: 300px;
    }
}


@media screen and (max-width: 930px) {
    .carousel-caption {
        max-width: 100%;
        min-height: 100%;
        right: 0px;
        top: 0px;
        left: 0px;
    }
}

@media screen and (max-width: 600px) {
    .primary {
        padding: 40px 40px;
    }

    .secondary {
        padding: 20px 40px;
    }
}

/* o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o M O B I L E o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o */