*, *::before, *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
  font-family: 'El Messiri';
  src: url('../fonts/Custom_Fonts/ElMessiri-Regular.otf'); /* IE9 Compat Modes */
  src: url('../fonts/Custom_Fonts/ElMessiri-Regular.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Custom_Fonts/ElMessiri-Regular.otf') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Custom_Fonts/ElMessiri-Regular.otf') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Custom_Fonts/ElMessiri-Regular.otf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Cairo';
  src: url('../fonts/Custom_Fonts/Cairo-Regular.otf'); /* IE9 Compat Modes */
  src: url('../fonts/Custom_Fonts/Cairo-Regular.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Custom_Fonts/Cairo-Regular.otf') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Custom_Fonts/Cairo-Regular.otf') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Custom_Fonts/Cairo-Regular.otf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Rakkas';
  src: url('../fonts/Custom_Fonts/Rakkas-Regular.otf'); /* IE9 Compat Modes */
  src: url('../fonts/Custom_Fonts/Rakkas-Regular.otf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Custom_Fonts/Rakkas-Regular.otf') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Custom_Fonts/Rakkas-Regular.otf') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Custom_Fonts/Rakkas-Regular.otf')  format('truetype'), /* Safari, Android, iOS */
}


/*Page Scroll*/
::-webkit-scrollbar
{
    position:absolute;
    width: 10px;
    /*background-color:transparent;*/
    /*background-color:rgb(17, 103, 94);*/
    background-image: linear-gradient(#000000, rgb(17, 103, 94),#000000);
    z-index:-1;
}
 
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    /*background-color: orange;*/
    background-image: linear-gradient(#000000, orange,#000000);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

/*TRY*/


/*::-webkit-scrollbar { width: 3px; height: 3px;}
::-webkit-scrollbar-button {  background-color: #666; }
::-webkit-scrollbar-track {  background-color: #999;}
::-webkit-scrollbar-track-piece { background-color: #ffffff;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #999;}
::-webkit-resizer { background-color: #666;}


-moz-scrollbar { width: 3px; height: 3px;}
-moz-scrollbar-button {  background-color: #666; }
-moz-scrollbar-track {  background-color: #999;}
-moz-scrollbar-track-piece { background-color: #ffffff;}
-moz-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
-moz-scrollbar-corner { background-color: #999;}
-moz-resizer { background-color: #666;}*/

/*TRY*/



::selection


 { background-color: #1abc9c; }

::-moz-selection

 { background-color: #1abc9c; }

/*background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;*/


/*.main_nav
{
  scrollbar-base-color: #C0C0C0;
  scrollbar-base-color: #C0C0C0;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #EBEBEB;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
}*/




/*End Scrolling*/

body 
{
    min-width: 320px;
    padding: 0;
    margin: 0;
    /*font-family: 'El Messiri', sans-serif;*/
}

/*basics*/
.img_point {
    width: 40px;
    height: 40px;
    /*display: block;*/
    float: right;
    margin: 10px;
}

img.cover {
    object-fit: cover;
}

/*Pages backgrounds*/

/*.Videos
{
    background:url('../Images/News.jpg') no-repeat center fixed;
    background-size:cover;
}

.overlay_sections {
    background-color: rgba(255, 255, 255, 0.53);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}*/


.main {
     margin: 0;
     padding: 0;
     position:relative;
     /*position:relative;*/
     /*background-image: linear-gradient(#82c9ff, #808080,#0b375a);*/
     /*background:url(../Images/006.jpg)no-repeat center fixed;*/
     background-size: cover;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;
}

 .main .img .img-responsive {
     background-position: center;
     background-repeat: no-repeat;
     background-attachment: fixed;
 }


 .main .overlay {
     background-color: rgba(13, 26, 36, 0.59);
     /*position:relative;*/
     z-index: 2;
     /*min-width:700px;*/
 }

 .main .main_logo img
  {
     height: 200px;
 }

 .main .main_logo .img-thumbnail
  {
     display: inline-block;
     /*max-width: 50%;*/
     /*height: auto;*/
     padding: 0;
     /*line-height: 2;*/
     background-color: transparent;
     border: none;
 }




.my_bar {
    font-family: 'El Messiri', sans-serif;
    height: 35px; 
    width: 420px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 3;
    line-height: 35px;
    padding-right:10px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    background-color: rgba(45, 85, 86, 0.90);
    transition: background-color 1s ease-in-out;
}

.my_bar:hover {
    background-color: maroon;
}

.my_bar .mf {
    display: none;
}


.my_bar .langu {
    margin-bottom: 10px;
    margin-left: 10px;
}


.my_bar .langu span {
    font-size: 20px;
    color: rgba(255,255,255,0.5);
    float: left;
    margin-left: 5px;
    line-height: 2;
    transition: 0.5s ease-in-out;
}

.my_bar .toggle_ico i {
    float: right;
    color: rgba(255,255,255,1);
    font-size: 28px;
    margin-right: 30px;
    line-height: 40px;
    transition:color 0.5s ease-in-out;
}

.my_bar .toggle_ico:hover i {
    cursor: pointer;
    color: orange;
}

.my_bar .links_bar
{
    margin:0;
    padding:0;
    height:20px;
    width:330px;
    float:right;
}

.my_bar .links_bar a
{
    color:#fff;
    display:inline-block;
    margin-right:20px;
    text-decoration:none;
    cursor:pointer;
    font-size:15px;
    transition: color 1s ease-in-out;
}
.my_bar .links_bar a:first-child
{
    color: orange;
}

.my_bar .links_bar a:hover
{
    color:orange;
}

.my_bar .links_bar a:first-child:hover
{
    color:#00fdff;
}


.my_bar2 {
    /*height: 190px;*/
    width: 30px;
    position: fixed;
    top: 25px;
    z-index: 3;
    line-height: 3;
    padding-top:10px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    background-color: rgba(78, 111, 136, 0.87);
    transition: background-color 1s ease-in-out;
}

    .my_bar2:hover {
        background-color: maroon;
    }

    .my_bar2 .mf {
        display: none;
    }

    .my_bar2 .social_ico {
        float: left;
        margin: 8px 0;
        /*margin-left:35px;*/ /*margin-left:35px;*/
    }

        .my_bar2 .social_ico .ico {
            font-size: 20px;
            margin-left: 5px;
            color: rgba(255,255,255,1);
            display: inline;
            line-height: 1;
            transition: 0.5s ease-in-out;
        }
.my_bar2 .social_ico .tooltip.right >.tooltip-inner
{
    font-family: 'El Messiri', sans-serif;
    color:orange;
    /*font-weight:100;*/
    background-color:rgb(45, 85, 86);
    font-size:15px;
    line-height:1.5;
    width:100px;
}
.my_bar2 .social_ico .tooltip.right .tooltip-arrow
{
    border-right-color:rgb(45, 85, 86);
}


/* my_bar end*/


.aboutus-contactus {
    width: 200px;
    float: right;
}

.aboutus-contactus .btn-primary {
    font-weight: bold;
    background-color: transparent;
    /*border: 2px solid rgba(255,255,255,0.5);*/
    border-color: transparent;
    color: rgba(255,255,255,1);
    /*height: 50px;*/
    /*line-height: 2;*/
    transition: 0.5s ease-in-out;
    /*transform: rotate(90deg);*/
    /*background-color:rgb(207, 216, 223);
    transition: 0.5s ease-in-out;
    color:#0091ff;
    border-color:transparent;*/
}


.aboutus-contactus .btn-primary:hover 
{
    border-color: transparent;
    /*background-color:#0091ff;*/
    color: #0091ff;
    font-weight: bold;
}

.aboutus-contactus a 
{
    width: 75px;
    /*margin-top:70px;*/
    font-size: 17px;
    /*float:right;*/
    letter-spacing: 1px;
    /*margin-right: -30px;*/
}

.aboutus-contactus a:first-child 
{
    /*margin-right:15px;*/
    /*font-size:20px;
    font-weight:bold;
    color: #0b375a;
    margin-left:10px;
    transition: 0.5s ease-in-out;*/
}

.aboutus-contactus a:last-child 
{
    /*margin-left:20px*/
}

.my_bar2 a
{
    color:transparent;
}

.my_bar2 .ico:hover,
.my_bar2 .langu span:hover,
.my_bar2 .toggle_ico i:hover 
{
    cursor: pointer;
    color: orange;
}

.my_bar2 .langu span:nth-child(2):hover 
{
    color: rgba(255,255,255,0.5);
}


/*Nav bar*/

.main_nav {
    position: fixed;
    font-family: 'El Messiri', sans-serif;
    width: 180px;
    background-color: #fff;
    right: -200px;
    z-index: 4;
    direction: rtl;
    float: right;
    background: rgba(221, 221, 221, 0);
    background-image: linear-gradient(#000000, rgba(65, 101, 102, 0.88),#000000);
    overflow-y:scroll;
    height: 100%;
    transition: right 0.5s ease-in-out;
}

.main_nav .main_nav_close {
    color: #206364;
    margin-right: 10px;
    margin-top: 20px;
    font-size: 28px;
    cursor: pointer;
    margin-bottom: 10px;
    height: 30px;
    transition: 0.25s ease-in-out; /*must add all needed for other browsers*/
}

    .main_nav .main_nav_close:hover {
        color: #30b0b1;
        font-size: 35px;
    }

.main_nav .main_nav_Logo {
    margin-bottom: 0;
    height: 120px;
}

    .main_nav .main_nav_Logo img {
        height: 100px;
        transition: 0.5s ease-in-out;
    }

        .main_nav .main_nav_Logo img:hover {
            height: 120px;
        }

    .main_nav .main_nav_Logo .img-thumbnail {
        border: none;
        background-color: transparent;
    }

.main_nav .langu {
    margin-bottom: 5px;
    /*margin-left: 10px;
    height: 50px;*/
}

.main_nav .langu a {
    font-size: 20px;
    color: black;
    line-height: 15px;
    width: 50px;
    height: 30px;
}

.main_nav .langu span:first-child {
    /*margin-left: 10px;*/
}

.main_nav .langu span:last-child {
    /*margin-right: 10px;*/
}

.main_nav .langu .btn-default {
    font-family:Cairo,sans-serif;
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    border-bottom-color: #ccc;
    padding-bottom:30px;
    transition: 0.5s ease-in-out; /*must add all needed for other browsers*/
}

.main_nav .langu .btn-default:hover {
    /*background-color: rgba(38, 78, 109, 0.44);*/
    border-bottom-color: #00fdff;
    color:#00fdff;
}

.main_nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main_nav ul li, li_Button {
    color: white;
    text-align:center;
    /*padding-left:10px;*/
    font-size: 20px;
    cursor: pointer;
    height: 45px;
    line-height: 50px;
    /*background-color: rgba(49, 168, 170, 0.90);*/
    margin-bottom: 10px;
    border-left: 8px #fff;
    transition: all 0.7s ease-out;
}

.main_nav ul li a
{
    display:block;
    color: white;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.7s ease-out;
    width:100%;
    text-decoration:none;
}


.main_nav ul li a:hover
{
    /*background-color: rgba(2, 29, 2, 0.18);*/
    color: #00fdff;
    padding-left:20px;
}

.main_nav ul li:hover a
{
        color: #00fdff;
}

/**Sub menu**/

.main_nav li ul li {
    padding: 0 15px;
}




.main_nav .open_sub_nav_projects,
.main_nav .open_sub_nav_equip {
    position: relative;
}


    .main_nav .open_sub_nav_projects:after,
    .main_nav .open_sub_nav_equip:after {
        content: "\f0d9";
        font-family: FontAwesome;
        left: 0px;
        position: absolute;
        top: 0;
    }


.main_nav .sub_nav_projects,
.main_nav .sub_nav_equip {
    background-image: linear-gradient(#000000, #82c9ff);
    position: fixed;
    margin-right: 205px;
    color: black;
    z-index: 4;
    margin-top: -60px;
    padding: 10px 5px;
    border-radius: 10px;
    /*transition: all 1s ease-in-out;*/
    display: none;
    /*opacity:0;*/
}

    /*.main_nav ul .open_sub_nav:hover .sub_nav:first-child
{
display:block;   
}*/

    .main_nav .sub_nav_projects li,
    .main_nav .sub_nav_equip li,
    .main_nav .sub_nav_projects li:hover,
    .main_nav .sub_nav_equip li:hover {
        font-weight: normal;
    }


/******************/
/****end main-nav**/
/******************/
/*company hint [Jumbotron] in main section*/
.main .comp_hint {
    /*background-color: rgba(38, 78, 109, 0.44);*/
    border-radius: 4px;
    position: absolute;
    bottom: 0;
}

    .main .comp_hint a {
        color: #337ab7;
        transition:all 1s ease-in-out;
    }
        
    .main .comp_hint a:focus,
    .main .jumbotron p:hover a
     {
        cursor: pointer;
        text-decoration: none;
        color: #32b5b6;
    }

    .main .comp_hint a:visited {
        color: #337ab7;
    }

    /*.main .comp_hint:last-child
{
    margin-bottom:30px;
}*/

    .main .comp_hint h2 {
        text-align: right;
        color: #fff;
        line-height: 1.8;
    }

    .main .comp_hint .img_hint {
        width: 40px;
        height: 40px;
        display: block;
        float: right;
        margin-left: 10px;
    }

.about .comp_hint h2 .nee
{
    float:left;
    background-color:rgba(0, 0, 0, 0.38);
    border:none;
    color:#fff;
    transition:color 0.5s ease-in-out;
}

.about .comp_hint h2 .nee:hover
{
    color:#fff;
}

.about .comp_hint .slidy
{
    margin: 0 auto;
    padding-bottom: 10px;
    background-color: transparent;
    box-shadow: none;
}


/*Main page news*/

.about .comp_hint .slidy .owl .item .projects_News
{
    padding-bottom:0px;
    background-color: transparent;
    direction:rtl;
}

.about .comp_hint .slidy .owl .item .projects_News h2
{
    margin:0;
    background-color:transparent;
}

.about .comp_hint .slidy .owl .item .projects_News .news_section
{    
    direction:rtl;
    padding:5px;
    background-color:#eaeaea;
    float:right;
    padding-bottom:25px;
    box-shadow: inset 0 8px 45px 10px rgb(64, 100, 101);
    border-radius:10px;
    margin-top:10px;
    width:100%;
}



.about .comp_hint .slidy .owl .item .projects_News .news_section h3
{
    padding:0;
    margin:0;
    margin-top:20px;
    text-align:right;
    margin-right:15px;
}

.about .comp_hint .slidy .owl .item .projects_News .news_section .projects_News_Pic 
{
    float:right;
    margin-top:20px;
}


.about .comp_hint .slidy .owl .item .projects_News .news_section .projects_News_Pic img
{
    margin:0 auto;
    height:320px;
    width:400px;
    border-radius:10px;
    border:2px solid rgba(45, 85, 86, 0.90);
    -webkit-box-shadow: 7px 7px 9px -1px rgba(64,100,101,1);
    -moz-box-shadow: 7px 7px 9px -1px rgba(64,100,101,1);
    box-shadow: 7px 7px 9px -1px rgba(64,100,101,1);
}


.about .comp_hint .slidy .owl .item .projects_News .news_section .projects_News_details 
{
   margin-top:22px;

}

.about .comp_hint .slidy .owl .item .projects_News .news_section .projects_News_details p
{
    display:table-cell;    
    color:black;
    font-family: cairo,sans-serif;
    font-weight: bold;
    margin: 50px 10px 34px 10px;
    font-size: 18px;
    text-align:justify;
}

.about .comp_hint .slidy .owl .item .projects_News .news_section .projects_News_details .relnews
{
    display:block;
    font-family: cairo,sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height:2.6;
    margin-bottom:8px;
}

.about .comp_hint .slidy .owl .item .projects_News .news_section .projects_News_details .relnews:first-child
{
    margin-top:20px;
}

.about .comp_hint .slidy .owl .item .projects_News .news_section .projects_News_details .more
{

}
/*****************/


    /*#region olddddd */


.about .comp_hint .slidy .owl-pagination {
    display: none;
}

.about .comp_hint .slidy .owl .item {
    background-color: rgba(0, 0, 0, 0.38);
    /*height: 120px;*/
    padding: 10px 0;
    overflow: hidden;
}

.about .comp_hint .slidy .owl .item a {
}

.about .comp_hint .slidy .owl .item a img {
    float: right;
    margin-left: 10px;
    height: 100%;
    /*height:200px;
    width:200px;*/
    max-width: 160px;
}


.about .comp_hint .slidy .owl .item a p {
    text-align: justify;
    /*text-align:right;*/
    direction: rtl;
    color: #fff;
    font-family: cairo;
    line-height: 1.5;
    font-size: 15px;
    transition: color 0.5s ease-in-out;
}

.about .comp_hint .slidy .owl .item a:hover {
    text-decoration: none;
}

.about .comp_hint .slidy .owl .item a:hover p {
    color: orange;
}

/*#endregion */

.main .jumbotron {
    padding: 0;
    /*margin-top: 50px;*/
    background-color: rgba(0, 0, 0, 0.65);
    text-align: right;
    direction:rtl;
}

    .main .jumbotron .row {
        margin-bottom: 25px;
    }


    .main .jumbotron p {
        display: table-cell;
        text-align: justify;
        font-family:Cairo,sans-serif;
        font-size:16px;
        color: rgb(255, 255, 255);
        padding: 10px;
        padding-bottom:20px;
        border-radius: 10px;
        margin: 0;
        direction: rtl;
        line-height: 2;
    }

    .main .jumbotron h3 {
        color: #fff;
        padding-right: 10px;
    }

    .main .jumbotron span {
        color: #fff;
        padding-right: 10px;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .main .jumbotron .img-responsive {
        height: 250px;
        box-shadow: 4px 2px 17px #fff;
    }


/*company hint [Jumbotron] in about section*/
.about {   
    position:relative;
    padding: 0 30px;
    background: url(../Images/slider/008.jpg) no-repeat fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
}



.about .comp_hint 
{
    margin-top: 50px;
    /* margin-bottom: 10px; */
    background-color: rgba(8, 35, 33, 0.75);
    border-radius: 4px;
    box-shadow: 4px 4px 3px #1c797b;
}

.about .comp_hint:last-child {
    margin-bottom: 30px;
}

.about .comp_hint h2 {
    font-family:'El Messiri',sans-serif;
    text-align: right;
    color: orange;
    line-height: 2;
    direction:rtl;
}

.about .comp_hint h3 {
    font-family:'El Messiri',sans-serif;
    text-align: right;
    color: #fff;
    line-height: 2.5;
    direction: rtl;
}

.about .comp_hint .img_hint {
    width: 50px;
    height: 50px;
    display: block;
    float: right;
    margin-left: 10px;
}

.about .jumbotron {
    padding: 0;
    /*padding-bottom:10px;*/
    margin-top: 0;
    background-color: rgba(0, 0, 0, 0.38);
    text-align: right;
}

/*.about .jumbotron .row {
    margin-bottom: 25px;
}*/


.about .jumbotron p {
    display:flex;
    text-align:justify;
    font-family:Cairo,sans-serif;
    color: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 10px;
    margin: 0;    
    font-size: 18px;
    line-height: 2.3;
    direction:rtl;
}

.about .jumbotron h3 {
    font-family:Cairo,sans-serif;
    color: #fff;
    padding-right: 10px;
    line-height:1.8;
}

.about .jumbotron span {
    font-family:Cairo,sans-serif;
    color: #fff;
    padding-right: 10px;
    font-size: 18px;
    margin-bottom: 10px;
}

.about .jumbotron .img-responsive 
{
    height: 250px;
    box-shadow: 2px 2px 4px #fff;
    border-radius: 10px;
    margin: 15px auto;
    cursor:pointer;        
}





/*News_Ads*/
.News_ads 
{
    margin:0 auto;
    height:103px;
}


.News_ads .owl-pagination
{
    display:none;
}
.News_ads .slidy 
{
    box-shadow: none;
    border-radius: 0;
    background-color: #fff;
    padding:0;
}

.News_ads .owl-carousel  .owl-wrapper, 
.News_ads .owl-carousel  .owl-item
{
    /*margin-top:20px;*/
}

.News_ads .owl .item 
{
    background-color:transparent;
    padding:0;
    height:93px;
}

.News_ads .owl .item:hover
{
    box-shadow:none;
}

.News_ads .owl .item a 
{

    text-decoration:none;
}

.News_ads .owl .item a span
{
    font-family: 'El Messiri', sans-serif;
    color:#0091ff;
    font-size:35px;
    font-weight:bold;
    margin-top: 21.5px;
    /*line-height:2.5;*/
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    transition: 0.5s ease-in-out;
}

.News_ads .owl .item a img
{
    width:200px;
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    transition: 0.5s ease-in-out;
}

.News_ads .owl .item a span:hover
{
     -webkit-filter: grayscale(0); /* Chrome, Safari, Opera */
    filter: grayscale(0);
}

.News_ads .owl .item a img:hover
{
    -webkit-filter: grayscale(0); /* Chrome, Safari, Opera */
    filter: grayscale(0);
}


/*BackGround Animaiton Slider*/
#rotating-item-wrapper {
    /*position: relative;*/
    width: 100%;
    height: 100%;
}

.rotating-item {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}


/*******Copy******/
.copy
{
    background-color:rgb(36, 47, 45);
    text-align:center;
}

.copy h5
{
    margin:0;
    padding:0;
    color:orange;
    line-height:2;
    font-weight:bold;
    font-size:13px;
}

.copy span
{
    color:#fff;
}


/*Contact us section*/
.contact {
    background: url(../Images/slider/footer.png)no-repeat bottom center;
    background-color: rgb(36, 47, 45);
    padding: 20px 10px 100px;
    direction: rtl;
}


.contact .contact-details,
.contact .branches-details {
    margin-bottom: 30px;
/*border:1px solid #fff;*/
/*height:100px;*/
}

.contact .contact-details .contact-title,
.contact .branches-details .branches-title {
    color: #9d9d9d;
    text-align:center;
}

/*This is for onload the page this title use this color*/
.contact .branches-details .list-group .list-group-item .headoffice
{
    color: #32b5b6;
}

.contact .contact-details .contact-title h3,
.contact .branches-details .branches-title h3,
.contact .branches-address div h3 {
    color: #32b5b6;
    font-family: 'El Messiri', sans-serif;
    border-bottom: 2px solid #fff;
    width: 187px;
    margin: 0 auto;
    margin-bottom: 15px;
    line-height: 2;
}

/*.contact .contact-details .contact-title h3:after,
.contact .branches-details .branches-title h3:after,
.contact .branches-address div h3:after {
    content: "";
    border: 1px solid #FFF;
    width: 190px;
    position: absolute;
    right: 15px;
    top: 50px;
}*/

.contact .contact-details .contact_lable {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-family: 'El Messiri', sans-serif;
    font-size: 18px;
    color: #fff;
}

.contact .contact-details .form-control {
    width: 250px;
    height: 30px;
    background-color: #fff;
    color: #fff;
    padding: 5px;
    font-family: 'El Messiri', sans-serif;
    direction: rtl;
    transition: 0.5s ease-in-out;
}

.contact .contact-details .form-control[placeholder] 
{
    font-family:Cairo,sans-serif;
    font-weight: bold;    
    color: maroon;
    background-color: #eaeaea;
    margin:0 auto;
}

.contact .contact-details .form-control:focus {
    background-color: rgb(220, 241, 236);
}

.contact .contact-details .btn {
    font-family:'El Messiri',sans-serif;
    height: 25PX;
    line-height: 2px;
    background-color: #32b5b6;
    border-color: transparent;
    color: #29170a;
    font-weight: bold;
    transition: all 0.75s ease-in-out;
}

.contact .contact-details .btn:hover {
    background-color: maroon;
    color: orange;
}

.contact .branches-details {
    /*float:right*/
}

.contact .branches-details .list-group {
    padding: 0;
}

.contact .branches-details .list-group .list-group-item {
    background-color: transparent;
    border-color: transparent;
    font-weight: bold;
    margin: 0;
    padding-left: 0;
    transition: 0.5s ease-in-out;
    font-size: 18px;
}

.contact .branches-details .list-group .list-group-item:hover {
    cursor: pointer;
    color: #fff;
}

.contact .branches-details .list-group .list-group-item a {
    color: #9d9d9d;
    
    font-family: 'El Messiri', sans-serif;
}



.contact .branches-details .list-group .list-group-item a:hover {
    color: #32b5b6;
    text-decoration: none;
}


    /*Bracnches address */
.contact .branches-address {
    color: #9d9d9d;
    font-weight: bold;
    text-align:center;
}

.contact .branches-address div h3 {
    color: #32b5b6;
}

.contact .branches-address .form-group {
    margin-top: 30px;
    color: #fff;
    font-family:Cairo, sans-serif;
    font-weight: normal;
    font-size: 16px;
}

.contact .branches-address .cairo-branch,
.contact .branches-address .bahary-branch,
.contact .branches-address .qebly-branch {
    display: none;
}

/*Branxhes maps*/
.branches-maps {
    margin-bottom: 50px;
    text-align:right;
}


.branches-maps .cairobranch_map,
.branches-maps .baharybranch_map,
.branches-maps .qeblybranch_map {
    display: none;
}

.branches-maps .headoffice_map .branche_map,
.branches-maps .cairobranch_map .branche_map,
.branches-maps .baharybranch_map .branche_map,
.branches-maps .qeblybranch_map .branche_map {
    /*position: relative;*/
}


.branches-maps .headoffice_map .branche_map .overlay_maps,
.branches-maps .cairobranch_map .branche_map .overlay_maps,
.branches-maps .baharybranch_map .branche_map .overlay_maps,
.branches-maps .qeblybranch_map .branche_map .overlay_maps {
    background-color: rgba(41, 52, 62, 0.16);
    /*background-color:rgba(255, 165, 0, 0.4);*/
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 300px;
    /*margin-top: 25px;*/
}

.branches-maps .headoffice_map .Edit_Map,
.branches-maps .cairobranch_map .Edit_Map,
.branches-maps .baharybranch_map .Edit_Map,
.branches-maps .qeblybranch_map .Edit_Map 
{
    height: 37px;
    width: 150px;
    font-size: 15px;
    float: left;
    padding: 0;
    text-align: left;
    color: #fff; 
    background-color: rgba(255, 255, 255, 0);
    border: none;
    direction: ltr;
    transition: color 0.7s ease-in-out;
}


.branches-maps .headoffice_map .Edit_Map:hover,
.branches-maps .cairobranch_map .Edit_Map:hover,
.branches-maps .baharybranch_map .Edit_Map:hover,
.branches-maps .qeblybranch_map .Edit_Map:hover 
{
    cursor: pointer;
    color: orange;
}

.branches-maps .headoffice_map .Edit_Map span,
.branches-maps .cairobranch_map .Edit_Map span,
.branches-maps .baharybranch_map .Edit_Map span,
.branches-maps .qeblybranch_map .Edit_Map span 
{
    font-family:Cairo,sans-serif;
    color:#32b5b6;
    transition: color 0.7s ease-in-out;
}

.branches-maps .headoffice_map   .Edit_Map:hover span,
.branches-maps .cairobranch_map  .Edit_Map:hover span,
.branches-maps .baharybranch_map .Edit_Map:hover span,
.branches-maps .qeblybranch_map  .Edit_Map:hover span 
{
    font-family:Cairo,sans-serif;
    color:orange;
}

.branches-maps h4 
{
    color: #32b5b6;
    display: inline;
    font-family: 'El Messiri', sans-serif;
    line-height:2;
}


/*Modals Design*/
.modal {
    background-color: rgba(49, 112, 143, 0);
    font-family:Cairo,sans-serif;
    /*width: 100%;*/
    /*left:40%;*/
    margin: 0 auto;
}

.modal-title {
    margin: 0 35px;
    font-weight: bold;
    font-size: x-large;
    text-align: center;
    line-height:2.3;
    color:#fff;
    font-family: 'El Messiri', sans-serif;
}

.modal-dialog {
    margin: 0;
}

.modal-content {
    margin: 0;
    background-color: rgba(12, 53, 53, 0.73);   
    background:url(../Images/slider/0001.jpg)no-repeat center fixed;
    border:5px solid #206364;
}

.modal .container-fluid {
    padding: 0 7px;
}

.modal-header {
    border-radius: 15px;
}

.modal-body {
    /*padding-top:0;*/    
    background-color: transparent;
}

.modal-footer {
    border-radius: 15px;
    padding:0;
}

.modal .over
{
    display:none;
}

/*Modals table*/
.modal .modal-body .table-bordered
{
    direction:rtl;
    border:none;
}

.modal .modal-body .table-striped>tbody>tr:nth-of-type(odd)
{
    background:#fff;
}

.modal .modal-body .lable {

    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    /*font-weight: 700;*/
    font-size: 20px;
    color: maroon;
    text-align:left;
    line-height:1.5;
    border:none;
}


.modal .modal-body .Details {
    
    max-width: 100%;
    margin-bottom: 5px;
    /*font-weight: 700;*/
    font-size: 20px;
    color: #000;
    text-align:right;
    line-height:1.5;
    border:none;
}



/*Comp_hint_Modal*/
#Comp_hint_Modal .modal
{

}

/*Modal jumbotron*/
#Comp_hint_Modal .modal-dialog
{
    width: 54%;
    margin: 2% auto;
    padding: 0;
}

#Comp_hint_Modal .modal-dialog .modal-content 
{
    border-radius: 15px;
    /*background-color: rgba(78, 111, 136, 0.87);*/    
    background:url(../Images/slider/0001.jpg)no-repeat center fixed;
}


#Comp_hint_Modal .modal-dialog .modal-header 
{
    background-color: #fff;
    margin: 0;
}

#Comp_hint_Modal .modal-dialog .modal-title 
{
    font-family: 'El Messiri', sans-serif;
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 2px solid #2d5471;
    line-height:2.3;
}

#Comp_hint_Modal .modal-dialog .modal-body 
{
    background-color: transparent;
    border-radius: 15px;
    /*border: 2px solid #fff;*/
}

#Comp_hint_Modal .modal-dialog .modal-footer 
{
    background-color: transparent;
}

#Comp_hint_Modal .modal-dialog .jumbotron 
{
    /*padding:0;*/
    background-color: transparent;
    text-align: right;
    margin: 0;
}

#Comp_hint_Modal .modal-dialog .jumbotron .row {
    margin-bottom: 25px;
}


#Comp_hint_Modal .modal-dialog .jumbotron p {
    font-family:Cairo,sans-serif;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin: 0;
    direction: rtl;
    line-height: 2.5;
    display: table-cell;
    text-align: justify;
}

#Comp_hint_Modal .modal-dialog .jumbotron h3 {
    color: #fff;
    padding-right: 10px;
}

#Comp_hint_Modal .modal-dialog .jumbotron span {
    color: #fff;
    padding-right: 10px;
    font-size: 18px;
    margin-bottom: 10px;
}

#Comp_hint_Modal .modal-dialog .jumbotron .img_point {
    /*background-color: #fff;*/
    border-radius: 50%;
}

#Comp_hint_Modal .modal-dialog .jumbotron .img-responsive {
    height: 250px;
    box-shadow: 4px 2px 17px #fff;
}


/*Equipment_Modal*/
#Equipment_Modal 
{

}

#Equipment_Modal .modal-body .modal-footer p
{
    color:#fff;
    font-size:20px;
}

#Equipment_Modal .modal-body .modal-footer p .img_point
{
    width: 50px;
    height: 50px;
    display: block;
    float: right;
    margin-left: 0px;
    margin-right:10px;
}


/*Services_Modal1*/
#Services_Modal1 .modal
{

}

/*Modal jumbotron*/
#Services_Modal1 .modal-dialog
{
    width: 75%;
    margin: 2% auto;
    padding: 0;
}

#Services_Modal1 .modal-dialog .modal-content {
    border-radius: 15px;
    /*background-color: rgba(32, 99, 100, 0.14);*/    
    /*background:url(../Images/slider/0001.jpg)no-repeat center fixed;    
     background-size: cover;
     -webkit-background-size: cover;
     -o-background-size: cover;
     -moz-background-size: cover;*/
}


#Services_Modal1 .modal-dialog .modal-header {
    background-color: #fff;
    margin: 0;
}

#Services_Modal1 .modal-dialog .modal-title {
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 2px solid #2d5471;
    line-height:2.3;
}

#Services_Modal1 .modal-dialog .modal-body {
    background-color: transparent;
    border-radius: 15px;
    /*border: 2px solid #fff;*/
    padding: 5px 10px 0 5px;
}

#Services_Modal1 .modal-dialog .modal-footer {
    background-color: transparent;
}

#Services_Modal1 .modal-dialog .jumbotron {
    /*padding:0;*/
    background-color: transparent;
    text-align: right;
    margin: 0;
    padding-top:10px;
}

#Services_Modal1 .modal-dialog .jumbotron .row {
    margin-bottom: 25px;
}


#Services_Modal1 .modal-dialog .jumbotron p {
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin: 0;
    direction: rtl;
    line-height: 1.5;
}

#Services_Modal1 .modal-dialog .jumbotron h2,
#Services_Modal1 .modal-dialog .jumbotron h3,
#Services_Modal1 .modal-dialog .jumbotron h4 {
    color: #fff;
    padding-right: 10px;
}

#Services_Modal1 .modal-dialog .jumbotron h4
{
    font-size:20px;
    color: #00f0ff;    
    margin-right: 20px;
    margin-bottom: 0;

}

#Services_Modal1 .modal-dialog .jumbotron h3
{
    direction:rtl;
    margin-bottom:35px;
}

#Services_Modal1 .modal-dialog .jumbotron span {
    color: #fff;
    padding-right: 10px;
    font-size: 18px;
    margin-bottom: 10px;
}

#Services_Modal1 .modal-dialog .jumbotron .img_point {
    /*background-color: #fff;*/
    border-radius: 50%;
    margin-left:7px;
}

#Services_Modal1 .modal-dialog .jumbotron .img-responsive {
    height: 250px;
    box-shadow: 4px 2px 17px #fff;
}

/*Services_Modal2*/
#Services_Modal2 .modal
{

}

/*Modal jumbotron*/
#Services_Modal2 .modal-dialog
{
    width: 75%;
    margin: 2% auto;
    padding: 0;
}

#Services_Modal2 .modal-dialog .modal-content {
    border-radius: 15px;
    /*background-color: rgba(78, 111, 136, 0.87);*/
    background:url(../Images/slider/0001.jpg)no-repeat center fixed;
}


#Services_Modal2 .modal-dialog .modal-header {
    background-color: #fff;
    margin: 0;
}

#Services_Modal2 .modal-dialog .modal-title {
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 2px solid #2d5471;
    line-height:2.3;
}

#Services_Modal2 .modal-dialog .modal-body {
    background-color: transparent;
    border-radius: 15px;
    /*border: 2px solid #fff;*/
    padding: 5px 10px 0 5px;
}

#Services_Modal2 .modal-dialog .modal-body .comp_hint h2
{
    text-align:right;
    color:#fff;
    margin-right:10px;
}

#Services_Modal2 .modal-dialog .modal-footer {
    background-color: transparent;
}

#Services_Modal2 .modal-dialog .modal-body .Services_Modal_pic
{
    width:96%; 
    margin:0 auto;
    margin-top:20px;
}

#Services_Modal2 .modal-dialog .modal-body .Services_Modal_pic img
{
    border-radius:10px;
    border:2px solid #fff;
}


#Services_Modal2 .modal-dialog .jumbotron {
    padding:0;
    background-color: transparent;
    text-align: right;
    margin: 0;
    padding-top:10px;
}

#Services_Modal2 .modal-dialog .jumbotron .row {
    margin-bottom: 25px;
}


#Services_Modal2 .modal-dialog .jumbotron p {
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin: 0;
    direction: rtl;
    line-height: 1.5;
}
#Services_Modal2 .modal-dialog .jumbotron h2,
#Services_Modal2 .modal-dialog .jumbotron h3,
#Services_Modal2 .modal-dialog .jumbotron h4
 {
    color: #fff;
    padding-right: 10px;
}

#Services_Modal2 .modal-dialog .jumbotron span {
    color: #fff;
    padding-right: 10px;
    font-size: 18px;
    margin-bottom: 10px;
}

#Services_Modal2 .modal-dialog .jumbotron .img_point 
{
    width:50px;
    height:50px;
}

#Services_Modal2 .modal-dialog .jumbotron .img-responsive {
    height: 250px;
    box-shadow: 4px 2px 17px #fff;
}


/*Suppliers Modal*/

#Suppliers_Modal .modal
{

}

#Suppliers_Modal .modal-dialog
{
    
    margin: 2% auto;
    padding: 0;
}

#Suppliers_Modal .modal-dialog .modal-content
{
    border-radius: 15px;
    /*background-color: rgba(78, 111, 136, 0.87);*/
    background:url(../Images/slider/0001.jpg)no-repeat center fixed;
}

#Suppliers_Modal .modal-dialog .modal-header
{
    background-color: transparent;
    margin: 0;
    border:none;
}

#Suppliers_Modal .modal-dialog .modal-title
{
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 2px solid #2d5471;
    line-height:2.3;
}

#Suppliers_Modal .modal-dialog .modal-body
{
    background-color: transparent;
    /*border-radius: 15px;*/
    /*border: 2px solid #fff;*/
    padding: 5px 10px 1px 5px;
}

#Suppliers_Modal .modal-dialog .modal-body .form-group
{
    text-align:center;
    color:#fff;
    /*float:right;*/
    margin-right:10px;
    margin-bottom:10px;
}

#Suppliers_Modal .modal-dialog .modal-body .form-group h3
{
    margin:0;
    padding:0;
}

#Suppliers_Modal .modal-dialog .modal-body .form-group .t_checkbox label
{
    padding-right:10px;
    margin-left:20px;
    font-size:17px;
}

#Suppliers_Modal .modal-dialog .modal-body  .table
{
    margin:0;
    padding:0;
    background:none;
    border:none;
    margin-bottom:25px;
}

#Suppliers_Modal .modal-dialog .modal-body .table-striped>tbody>tr:nth-of-type(odd)
{
    background:none;
}

#Suppliers_Modal .modal-dialog .modal-body .table .t_lable
{
    background:none;
    border:none;
    margin:0;
    padding:3px;
}


#Suppliers_Modal .modal-dialog .modal-body .table .t_Details
{
    background:none;
    border:none;
    margin:0;
    /*padding:3px;*/
}

#Suppliers_Modal .modal-dialog .modal-body .form-group .lable_details
{
    font-weight:bold;
    font-size:17px;
    line-height:2;
    float:left;
    direction:ltr;
    text-align:left;
}

#Suppliers_Modal .modal-dialog .modal-body .form-group .form-control
{
    width:250px;
    float:right;
    font-size:17px;
    font-weight:bold;
    color:#2d5471;
    transition: all 0.5s ease-in-out;
}

#Suppliers_Modal .modal-dialog .modal-body .form-group .form-control[placeholder] 
{
    font-family:Cairo,sans-serif;
    font-weight: bold;    
    color: maroon;
    background-color: #eaeaea;
}

#Suppliers_Modal .modal-dialog .modal-body .form-group .form-control:focus {
    background-color: rgb(220, 241, 236);
}


#Suppliers_Modal .modal-dialog .modal-footer 
{
    background-color: transparent;
    border:none;
}

/**Downloads_Modal**/
#Downloads_Modal .modal
{

}

/*Modal jumbotron*/
#Downloads_Modal .modal-dialog
{
    width: 75%;
    margin: 10px auto;
    padding: 0;
}

#Downloads_Modal .modal-dialog .modal-content {
    border-radius: 15px;
    /* background-color: rgba(78, 111, 136, 0.87); */
    margin: 0 auto;
}


#Downloads_Modal .modal-dialog .modal-header {
    background-color: #fff;
    margin: 0;
}

#Downloads_Modal .modal-dialog .modal-title {
    color: #fff;
    /* padding-bottom: 10px; */
    border-bottom: 2px solid #2d5471;
    line-height: 1.3;
}

#Downloads_Modal .modal-dialog .modal-body {
    background-color: transparent;
    border-radius: 10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    padding: 5px 10px 0 5px;
    /*background: url(../Images/UnderConstructions.jpg)no-repeat center;*/
   /*height:500px;*/
   overflow-y:scroll;
}

#Downloads_Modal .modal-dialog .modal-body .comp_hint h2
{
    text-align:right;
    color:#fff;
    margin-right:10px;
}

#Downloads_Modal .modal-dialog .modal-footer {
    background-color: transparent;
}

#Downloads_Modal .modal-dialog .modal-body .Services_Modal_pic
{
    width:96%; 
    margin:0 auto;
    margin-top:20px;
}

#Downloads_Modal .modal-dialog .modal-body .Services_Modal_pic img
{
    border-radius:10px;
    border:2px solid #fff;
}


#Downloads_Modal .modal-dialog .jumbotron {
    padding:0;
    background-color: transparent;
    text-align: right;
    margin: 0;
    padding-top:10px;
}

#Downloads_Modal .modal-dialog .jumbotron .row {
    margin-bottom: 25px;
}


#Downloads_Modal .modal-dialog .jumbotron p {
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin: 0;
    direction: rtl;
    line-height: 1.5;
}
#Downloads_Modal .modal-dialog .jumbotron h2,
#Downloads_Modal .modal-dialog .jumbotron h3,
#Downloads_Modal .modal-dialog .jumbotron h4
 {
    color: #fff;
    padding-right: 10px;
}

#Downloads_Modal .modal-dialog .jumbotron span {
    color: #fff;
    padding-right: 10px;
    font-size: 18px;
    margin-bottom: 10px;
}

#Downloads_Modal .modal-dialog .jumbotron .img_point {
    /*background-color: #fff;*/
    border-radius: 50%;
}

#Downloads_Modal .modal-dialog .jumbotron .img-responsive {
    height: 250px;
    box-shadow: 4px 2px 17px #fff;
}





/************************/
#Reserve_Unit_Modal .modal
{

}

#Reserve_Unit_Modal .modal-dialog
{
    
    margin: 2% auto;
    padding: 0;
}

#Reserve_Unit_Modal .modal-dialog .modal-content
{
    border-radius: 15px;
    /*background-color: rgba(78, 111, 136, 0.87);*/
    background:url(../Images/slider/0001.jpg)no-repeat center fixed;
}


#Reserve_Unit_Modal .modal-dialog .modal-header
{
    background-color: transparent;
    margin: 0;
    border:none;
}

#Reserve_Unit_Modal .modal-dialog .modal-title
{
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 2px solid #2d5471;
    line-height:2.3;
}

#Reserve_Unit_Modal .modal-dialog .modal-body
{
    background-color: transparent;
    /*border-radius: 15px;*/
    /*border: 2px solid #fff;*/
    padding: 5px 10px 1px 5px;
}

#Reserve_Unit_Modal .modal-dialog .modal-body .form-group
{
    text-align:right;
    color:#fff;
    /*float:right;*/
    margin-right:10px;
    margin-bottom:5px;
}

#Reserve_Unit_Modal .modal-dialog .modal-body .form-group h3
{
    margin:0;
    padding:0;
}

#Reserve_Unit_Modal .modal-dialog .modal-body .form-group .t_checkbox label
{
    padding-right:10px;
    margin-left:20px;
    font-size:17px;
}

#Reserve_Unit_Modal .modal-dialog .modal-body  .table
{
    margin:0;
    padding:0;
    background:none;
    border:none;
    margin-bottom:25px;
}

#Reserve_Unit_Modal .modal-dialog .modal-body .table-striped>tbody>tr:nth-of-type(odd)
{
    background:none;
}

#Reserve_Unit_Modal .modal-dialog .modal-body .table .t_lable
{
    background:none;
    border:none;
    margin:0;
    padding:3px;
}


#Reserve_Unit_Modal .modal-dialog .modal-body .table .t_Details
{
    background:none;
    border:none;
    margin:0;
    padding:3px;
}

#Reserve_Unit_Modal .modal-dialog .modal-body .form-group .lable_details
{
    font-weight:bold;
    font-size:17px;
    line-height:2;
    float:left;
}

#Reserve_Unit_Modal .modal-dialog .modal-body .form-group .form-control
{
    width:200px;
    height:45px;
    float:right;
    font-size:17px;
    font-weight:bold;
    color:#2d5471;
    transition: all 0.5s ease-in-out;
}

#Reserve_Unit_Modal .modal-dialog .modal-body .form-group .form-control[placeholder] 
{    
    font-family:Cairo,sans-serif;
    font-weight: bold;    
    color: maroon;
    background-color: #eaeaea;
}

#Reserve_Unit_Modal .modal-dialog .modal-body .form-group .form-control:focus {
    background-color: rgb(220, 241, 236);
}



#Reserve_Unit_Modal .modal-dialog .modal-footer 
{
    background-color: transparent;
    border:none;
}



/*************************/

.Modal_over
{
    background-color: rgba(47, 35, 35, 0.50);
    border-radius:10px;
}

#Services_Modal20 .modal-body {
    padding: 0;
}


    #Services_Modal20 .modal-body .News_Counter_det {
        position: relative;
        background-color: rgb(20, 47, 47);
        z-index: 5;
        direction: rtl;
        border-top: 2px solid #fff;
    }

        #Services_Modal20 .modal-body .News_Counter_det h4 {
            color: orange;
            margin: 10px;
        }

        #Services_Modal20 .modal-body .News_Counter_det p {
            color: orange;
            margin: 20px;
            padding-bottom: 20px;
            font-weight: bold;
            text-align:justify;
        }


#Services_Modal20 .modal-dialog {
    margin: 50px auto;
}

#Services_Modal20 .modal-header {
    border: none;
    display: none;
}


#Services_Modal20 .modal-title {
    line-height: 1;
}

#Services_Modal20 .modal-content {
    background: none;
    border: none;
    box-shadow: none;
}

#Services_Modal20 .modal-content img {
    height: 100%;
    width: 100%;
}

    #Services_Modal20 .modal-content .News_Counter {
        border-bottom: 2px solid #fff;
        background-color: rgb(20, 47, 47);
    }

#Services_Modal20 .modal-content .News_Counter .Count {
    color: orange;
    font-weight: bold;
    font-size: 20px;
}

#Services_Modal20 .modal-content .close {
    color: #675751;
    font-size: 30px;
    opacity: 0.7;
    position: relative;
    z-index: 999;
    top: 20px;
}

#Aqary_Modal .modal-dialog,
#Equipment_Modal .modal-dialog {
    width: 100%;
}

#Aqary_Modal .modal-content,
#Equipment_Modal .modal-content {
    width: 700px;
    margin: 10px auto;
    border-radius:15px;
    
    background:url(../Images/slider/0001.jpg)no-repeat center fixed;
}

/*#Comp_hint_Modal .close,
#Aqary_Modal .close,
#Equipment_Modal .close,
#Services_Modal1 .close,
#Services_Modal2 .close,
#Suppliers_Modal .close,
#Reserve_Unit_Modal .close,
#Downloads_Modal .close
 {
    font-size: 30px;
    color: maroon;
    opacity: 1;
}*/

/*#Reserve_Unit_Modal .modal-dialog .modal-content*/

#Comp_hint_Modal .close,
#Aqary_Modal .close,
#Equipment_Modal .close,
#Services_Modal1 .close,
#Services_Modal2 .close,
#Suppliers_Modal .close,
#Reserve_Unit_Modal .close,
#Downloads_Modal .close
 {
    font-size: 30px;
    color: maroon;
    opacity: 1;
}

#Aqary_Modal .modal-body,
#Equipment_Modal .modal-body,
#Services_Modal1 .modal-body,
#Services_Modal2 .modal-body,
#Suppliers_Modal .modal-body,
#Reserve_Unit_Modal .modal-body,
#Downloads_Modal .modal-body 
{
    /*background-color: rgba(78, 111, 136, 0.87);*/
    padding: 0;
    /*height:600px;*/
}


#Comp_hint_Modal .modal-footer .btn,
#Aqary_Modal .modal-footer .btn,
#Equipment_Modal .modal-footer .btn,
#Services_Modal1 .modal-footer .btn,
#Services_Modal2 .modal-footer .btn,
#Suppliers_Modal .modal-footer .btn,
#Reserve_Unit_Modal .modal-footer .btn,
#Downloads_Modal .modal-footer .btn
{
    /*background: linear-gradient(#fff,#4e6f88,#fff);*/
    /*background-image: linear-gradient(#000000, rgba(65, 101, 102, 0.88),#000000);*/
    background-color:transparent;
    float: left;
    color: #fff;
    font-weight:bold;
    border:none;
    transition: all 1s ease-in-out;
}


#Comp_hint_Modal .modal-footer .btn:hover,
#Aqary_Modal .modal-footer .btn:hover,
#Equipment_Modal .modal-footer .btn:hover,
#Services_Modal1 .modal-footer .btn:hover,
#Services_Modal2 .modal-footer .btn:hover,
#Suppliers_Modal .modal-footer .btn:hover,
#Reserve_Unit_Modal .modal-footer .btn:hover,
#Downloads_Modal .modal-footer .btn:hover 
{
    /*background: linear-gradient(#fff,#4e6f88,#fff,#4e6f88,#fff);*/
    color: orange;
    opacity: 0.9;
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
    float: left;
}

#Comp_hint_Modal .modal-header,
#Aqary_Modal .modal-header,
#Equipment_Modal .modal-header,
#Services_Modal1 .modal-header,
#Services_Modal2 .modal-header,
#Suppliers_Modal .modal-header,
#Reserve_Unit_Modal .modal-header,
#Downloads_Modal .modal-header,
#Comp_hint_Modal .modal-footer,
#Aqary_Modal .modal-footer,
#Equipment_Modal .modal-footer,
#Services_Modal1 .modal-footer,
#Services_Modal2 .modal-footer,
#Suppliers_Modal .modal-footer,
#Reserve_Unit_Modal .modal-footer,
#Downloads_Modal .modal-footer 
{
    border: none;
    text-align: center;
}




/**Owl Slider**/
.slidy {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 5px 5px 3px #a0c9e8;
    margin: 0 auto;
    padding-bottom: 10px;
}

.owl .item {
    /*background: #2d9b9e;*/
    background-color: rgba(38, 78, 109, 0.81);
    padding: 20px 0px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}



    .owl .item:hover {
        box-shadow: 5px 5px 3px rgba(32, 99, 100, 0.34);
    }

    .owl .item img {
    }

.customNavigation {
    text-align: center;
}

.customNavigation a 
{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.customNavigation .btn 
{
    display: inline-block;
    /*padding: 4px 12px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    vertical-align: middle;*/
    cursor: pointer;
    /*background-color: #4e6f88;*/
    color: #406465;
    border: 0px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 50%;
    /*width: 60px;*/
    transition: color 0.5s ease-in-out;
}

.customNavigation .btn:hover 
{
    color: maroon;
}

/*owl pagination*/
.owl-theme .owl-controls .owl-page span {
    background-color: #406465;
    transition: 0.5s ease-in-out;
}

.owl-theme .owl-controls .owl-page:hover span {
    background-color: maroon;
}

.Aqary_Modal_Slider,
.Equipment_Modal_Slider,
.Services_Modal_Slider {
    width: 580px;
    margin: 0 auto;
}

.Aqary_Modal_Slider .owl_slider2 .item,
.Equipment_Modal_Slider .owl_slider2 .item,
.Services_Modal_Slider .owl_slider2 .item {
    /*background: #2d9b9e;*/
    background-color: rgba(45, 85, 86, 0.90);
    padding: 10px 0px;
    margin: 10px 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    height: 290px;
    background-size:cover;
    transition: all 0.3s ease-in-out;
}

.Aqary_Modal_Slider .owl_slider2 .item h4,
.Equipment_Modal_Slider .owl_slider2 .item h4,
.Services_Modal_Slider .owl_slider2 .item h4 {
    position: fixed;
    left: 20px;    
}

.Aqary_Modal_Slider .owl_slider2 .item p,
.Equipment_Modal_Slider .owl_slider2 .item p,
.Services_Modal_Slider .owl_slider2 .item p {
    position: fixed;
    right: 20px;   
    top:55px;
    color:#000;
    font-weight:bold;
    font-size:18px;  
    /*margin:0 auto;*/   
}

.Aqary_Modal_Slider .owl_slider2 .owl-pagination,
.Equipment_Modal_Slider .owl_slider2 .owl-pagination,
.Services_Modal_Slider .owl_slider2 .owl-pagination {
    margin-top: 30px;
}




/*Scrolling Buttons*/
.Scroll_to { }

a.Scroll_to
{
    /*width:35px;*/
    height:58px;
    display:block;
    color:#a0c9e8;
    font-size:50px;
     -webkit-transition: color 1s ease-in-out;
    -moz-transition: color 1s ease-in-out;
    -ms-transition: color 1s ease-in-out;
    -o-transition: color 1s ease-in-out;
    transition: color 1s ease-in-out;
}
a.Scroll_to:hover
{
    color:#2C4454;
}

#scrolling_to
{
    /*width:35px;*/
    /*height:40px;*/
    /*color:#69ACD7;*/
    /*font-size:50px;*/
    text-align: center;
    position:fixed;
    right: 15px;
    bottom: 66px;
    z-index:99997;
    display:none;
    cursor:pointer;    
    -webkit-transition: color 1s ease-in-out;
    -moz-transition: color 1s ease-in-out;
    -ms-transition: color 1s ease-in-out;
    -o-transition: color 1s ease-in-out;
    transition: color 1s ease-in-out;
}




/******************/
/*Projects Page*/
/******************/
.banner
{
    width:100%;
    height:200px;
}

/*BackGround Animaiton Slider*/
.banner #rotating-item-wrapper {
    /*position: relative;*/
    width: 100%;
    height: 200px;
}

.banner .rotating-item {
    display: none;
    position: absolute;
    width: 100%;
    height:200px;
    top: 0;
    left: 0;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
}


.banner .projects_logo img
{
    border: none;
    background-color: transparent;
    float:right;
    margin-top:30px;
}

.banner .projects_logo .img-thumbnail
{
    max-width:435px;
}








/*Sub_News page*/
.Sub_News
{
    padding-bottom:40px;
    background-color: #f3f3f3;
}

.Sub_News .News_Details
{
    text-align:right;
    margin-top:40px;
}

.Sub_News .News_Details .News_label
{
    font-size:25px;
    color: #1e6ece;
    border-bottom:1px solid;
    padding-bottom:3px;
}

.Sub_News .News_Details p
{
    text-align: justify;
    display: table-cell;
    font-size:25px;
    margin-top:30px;
    line-height:1.6;
    direction:rtl;
}

.Sub_News .News_Pic
{
    margin-top:15px;
}

.Sub_News_Slider {
    /*width: 100%;*/
    margin: 0 auto;
}

.Sub_News_Slider .owl-carousel  .owl-wrapper, 
.Sub_News_Slider .owl-carousel  .owl-item
{
    /*margin-right:20px;*/
}

.Sub_News_Slider .owl .item img
{
    width:100%;
    height:100%;
    /*border-radius:10px;*/
}

.Sub_News .owl_slider3 .item 
{
    background-color: rgba(45, 85, 86, 0.90);
    padding: 7px 7px;
    margin: 10px 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    height: 400px;
    border-radius:10px;
    background-size:cover;
    transition: all 0.3s ease-in-out;
}

.Sub_News .owl_slider3 .item h4 {
    position: fixed;
    right: 25px;        
}

.Sub_News .owl_slider3 .item p {
    position: fixed;
    right: 20px;   
    top:55px;
    color:#000;
    font-weight:bold;
    font-size:18px;  
}

.Sub_News .owl-pagination 
{
    display:none;
}

.Sub_News .customNavigation
{
    display:none;
}





/*Sub_Real_State page*/
/*********************/

.Sub_Real_State
{
    background-color: #f3f3f3;
}

.Sub_Real_State .Real_State_Details
{
    text-align:right;
    margin-top:40px;
}

.Sub_Real_State .Real_State_Details .News_label
{
    font-size:25px;
    color: #1e6ece;
    border-bottom:1px solid;
}

.Sub_Real_State .Real_State_Details p
{
    font-size:25px;
    margin-top:30px;
    line-height:1.6;
    direction:rtl;
}

.Sub_Real_State .Real_State_Pic
{
    margin-top:40px;
}

.Sub_Real_State_Slider {
    /*width: 100%;*/
    margin: 0 auto;
    /*background: rgb(78, 111, 136);*/
}

.Sub_Real_State_Slider .owl-carousel  .owl-wrapper, 
.Sub_Real_State_Slider .owl-carousel  .owl-item
{
    /*margin-right:20px;*/
}

.Sub_Real_State_Slider .owl .item img
{
    width:100%;
    height:100%;
    border-radius:10px;
}

.Sub_Real_State .owl_slider3 .item {
    /*background: #2d9b9e;*/
    background-color: rgba(45, 85, 86, 0.90);
    padding: 7px 7px;
    margin: 10px 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    height: 400px;
    border-radius:10px;
    background-size:cover;
    /*transition: all 0.3s ease-in-out;*/
}

.Sub_Real_State .owl_slider3 .item h4 {
    position: fixed;
    right: 25px;        
}

.Sub_Real_State .owl_slider3 .item p {
    position: fixed;
    right: 20px;   
    top:55px;
    color:#000;
    font-weight:bold;
    font-size:18px;  
    /*margin:0 auto;*/   
}

.Sub_Real_State .owl-pagination {
    /*margin-top: 30px;*/
    /*display:none;*/
}

.Sub_Real_State .customNavigation
{
    /*display:none;*/
}



.Sub_Real_State .details {
    margin-bottom: 30px;
/*border:1px solid #fff;*/
/*height:100px;*/
}

.Sub_Real_State .details .table-bordered
{
    direction:rtl;
    border:none;
}

.Sub_Real_State .details .table-striped>tbody>tr:nth-of-type(odd)
{
    background:#f3f3f3;
}

.Sub_Real_State .details .Real_lable {

    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    /*font-weight: 700;*/
    font-size: 20px;
    color: maroon;
    text-align:left;
    line-height:1.5;
    border:none;
}


.Sub_Real_State .details .Real_Details {
    
    max-width: 100%;
    margin-bottom: 5px;
    /*font-weight: 700;*/
    font-size: 20px;
    color: #000;
    text-align:right;
    line-height:1.5;
    border:none;
}





.Sub_Real_State .details .title {
    color: #9d9d9d;
}

/*This is for onload the page this title use this color*/
.Sub_Real_State .branches-details .list-group .list-group-item .headoffice
{
    color: #32b5b6;
}

.Sub_Real_State .details .title h3 {
    color: #32b5b6;
}

.Sub_Real_State .details .title h3:after {
    content: "";
    border: 1px solid #FFF;
    width: 190px;
    position: absolute;
    right: 15px;
    top: 50px;
}



.Sub_Real_State .details .form-control {
    width: 250px;
    height: 30px;
    background-color: #fff;
    color: #fff;
    padding: 5px;
    transition: 0.5s ease-in-out;
    /*margin:0 auto;*/
    direction: rtl;
}

.Sub_Real_State .details .form-control[placeholder] {
    font-family:Cairo,sans-serif;
    font-weight: bold;    
    color: maroon;
    background-color: #eaeaea;
}

.Sub_Real_State .details .form-control:focus {
    background-color: rgb(220, 241, 236);
}
/*
.Sub_Real_State .details .btn 
{
    height: 35px;
    color: #4e6f88;
    font-size:20px;
    font-weight: bold;
    border:none;    
    transition: 1s ease-in-out;
}

*/
.Sub_Real_State .details .btn  
{
    font-family:'El Messiri',sans-serif;
    height: 32px;
    background-color: #32b5b6;
    border-color:transparent;
    font-size:20px;
    color: #29170a;
    font-weight: bold;
    transition:all 0.5s ease-in-out;
}

.Sub_Real_State .details .btn:hover {
    background-color: maroon;
    color: orange;
}




/*.Sub_Real_State .details .btn:hover {
    background-color: rgb(140, 169, 163);
    border-color: #0091ff;
    color: #fff;
}*/


/*Sub_Projects*/

.Sub_Projects
{
    background-color: #f3f3f3;
}

.Sub_Projects .Real_State_Details
{
    text-align:right;
    margin-top:40px;
}

.Sub_Projects .Real_State_Details .News_label
{
    font-size:25px;
    color: #1e6ece;
    border-bottom:1px solid;
}

.Sub_Projects .Real_State_Details p
{
    font-size:25px;
    margin-top:30px;
    line-height:1.6;
    direction:rtl;
}

.Sub_Projects .Real_State_Pic
{
    margin-top:15px;
}

.Sub_Projects_Slider {
    /*width: 100%;*/
    margin: 0 auto;
    /*background: rgb(78, 111, 136);*/
}

.Sub_Projects_Slider .owl-carousel  .owl-wrapper, 
.Sub_Projects_Slider .owl-carousel  .owl-item
{
    /*margin-right:20px;*/
}

.Sub_Projects_Slider .owl .item img
{
    width:100%;
    height:100%;
    border-radius:10px;
}

.Sub_Projects .owl_slider3 .item {
    /*background: #2d9b9e;*/
    background-color: rgba(45, 85, 86, 0.90);
    padding:3px;
    margin: 10px 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    height: 400px;
    border-radius:10px;
    background-size:cover;
    transition: all 0.3s ease-in-out;
}

.Sub_Projects .owl_slider3 .item h4 {
    position: fixed;
    right: 25px;        
}

.Sub_Projects .owl_slider3 .item p {
    position: fixed;
    right: 20px;   
    top:55px;
    color:#000;
    font-weight:bold;
    font-size:18px;  
    /*margin:0 auto;*/   
}

.Sub_Projects .owl-pagination {
    /*margin-top: 30px;*/
    /*display:none;*/
}

.Sub_Projects .customNavigation
{
    /*display:none;*/
}



.Sub_Projects .details {
    margin-bottom: 30px;
/*border:1px solid #fff;*/
/*height:100px;*/
}

.Sub_Projects .details .table-bordered
{
    direction:rtl;
    border:none;
}

.Sub_Projects .details .table-striped>tbody>tr:nth-of-type(odd)
{
    background:#f3f3f3;
}

.Sub_Projects .details .Real_lable {

    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    /*font-weight: 700;*/
    font-size: 20px;
    color: maroon;
    text-align:right;
    line-height:1.5;
    float:left;
    border:none;
}


.Sub_Projects .details .Real_Details {
    
    max-width: 100%;
    margin-bottom: 5px;
    /*font-weight: 700;*/
    font-size: 20px;
    color: #000;
    text-align:right;
    line-height:1.5;
    border:none;
}





.Sub_Projects .details .title {
    color: #9d9d9d;
}

/*This is for onload the page this title use this color*/
.Sub_Projects .branches-details .list-group .list-group-item .headoffice
{
    color: #32b5b6;
}

.Sub_Projects .details .title h3 {
    color: #32b5b6;
}

.Sub_Projects .details .title h3:after {
    content: "";
    border: 1px solid #FFF;
    width: 190px;
    position: absolute;
    right: 15px;
    top: 50px;
}



.Sub_Projects .details .form-control {
    width: 250px;
    height: 30px;
    background-color: #fff;
    color: #fff;
    padding: 5px;
    transition: 0.5s ease-in-out;
    /*margin:0 auto;*/
    direction: rtl;
}

.Sub_Projects .details .form-control[placeholder] {
    font-family:Cairo,sans-serif;
    font-weight: bold;    
    color: maroon;
    background-color: #eaeaea;
}

.Sub_Projects .details .form-control:focus {
    background-color: rgb(220, 241, 236);
}

.Sub_Projects .details .btn 
{
    height: 25PX;
    width:100px;
    color: #4e6f88;
    font-size:20px;
    font-weight: bold;
    border:none;    
    background-color: #f3f3f3;
    transition: 1s ease-in-out;
}

/*********************/
/*********************/
/*** Projects_News ***/
/*********************/
/*********************/

/*projects_News page*/
.projects_News
{
    padding-bottom:40px;
    background-color: #f3f3f3;
    direction:rtl;
}

.projects_News .news_section
{    
    direction:rtl;
    padding:15px;
    background-color:#eaeaea;
    float:right;
    padding-bottom:25px;
    box-shadow: inset 0 8px 58px 10px rgb(64, 100, 101);
    border-radius:10px;
    margin-top:50px;
    width:100%;
}



.projects_News .news_section h3
{
    padding:0;
    margin:0;
    margin-top:20px;
    text-align:right;
    margin-right:15px;
}

.projects_News .news_section .projects_News_Pic 
{
    float:right;
    margin-top:20px;
}


.projects_News .news_section .projects_News_Pic img
{
    margin:0 auto;
    width:400px;
    height:230px;
    border-radius:10px;
    border:2px solid rgba(45, 85, 86, 0.90);
    -webkit-box-shadow: 7px 7px 9px -1px rgba(64,100,101,1);
    -moz-box-shadow: 7px 7px 9px -1px rgba(64,100,101,1);
    box-shadow: 7px 7px 9px -1px rgba(64,100,101,1);
}


.projects_News .news_section .projects_News_details 
{
   margin-top:22px;

}

.projects_News .news_section .projects_News_details p
{
    display:table-cell;    
    font-family: cairo,sans-serif;
    font-weight: bold;
    margin: 50px 10px 34px 10px;
    font-size: 18px;
    text-align:justify;
}

.projects_News .news_section .projects_News_details .relnews
{
    display:block;
    font-family: cairo,sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height:2.6;
    margin-bottom:8px;
}

.projects_News .news_section .projects_News_details .relnews:first-child
{
    margin-top:20px;
}

.projects_News .news_section .projects_News_details .more
{

}

.XData .over .over_content .more span
{   
    color: #32b5b6;
    text-decoration: none;
    cursor: pointer;
    font-size:15px;
    font-weight: bold;
    line-height: 3;
    border-radius:10px;
    /*float:left;*/
    transition: .75s ease-in-out;
}

.XData .over .over_content .more:hover span
{
    color:orange;
}


/**********/
.projects_News .News_Details
{
    text-align:right;
    margin-top:40px;
}

.projects_News .News_Details .News_label
{
    font-size:25px;
    color: #1e6ece;
    border-bottom:1px solid;
}

.projects_News .News_Details p
{
    font-size:25px;
    margin-top:30px;
    line-height:1.6;
    direction:rtl;
}

.projects_News .News_Pic
{
    margin-top:40px;
}

.projects_News_Slider {
    /*width: 100%;*/
    margin: 0 auto;
}

.projects_News_Slider .owl-carousel  .owl-wrapper, 
.projects_News_Slider .owl-carousel  .owl-item
{
    /*margin-right:20px;*/
}

.projects_News_Slider .owl .item img
{
    width:100%;
    height:100%;
    border-radius:10px;
}

.projects_News .owl_slider3 .item 
{
    background-color: rgba(45, 85, 86, 0.90);
    padding: 7px 7px;
    margin: 10px 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    height: 400px;
    border-radius:10px;
    background-size:cover;
    transition: all 0.3s ease-in-out;
}

.projects_News .owl_slider3 .item h4 {
    position: fixed;
    right: 25px;        
}

.projects_News .owl_slider3 .item p {
    position: fixed;
    right: 20px;   
    top:55px;
    color:#000;
    font-weight:bold;
    font-size:18px;  
}

.projects_News .owl-pagination 
{
    display:none;
}

.projects_News .customNavigation
{
    display:none;
}





/*#region Start Projects */

.our-projects
{
    /*padding:60px 0;*/
}

.our-projects a
{
    text-decoration:none;
    cursor:pointer;
} 


.our-projects h2, 
.our-projects h2 a
{
    font-weight: normal;
    direction: rtl;
    /* color: #f3f3f3; */
    color: orange;
    background: rgba(45, 85, 86, 0.90);
    text-align: right;
    /* padding: 20px; */
    padding-right: 20px;
    height: 50px;
    border-radius: 8px;
    font-family: 'El Messiri', sans-serif;
    line-height: 50px;
}

.our-projects h2 a
{
    background-color:transparent;
}


.our-projects h3,
.our-projects h4
{    
    font-family: 'El Messiri', sans-serif;
    font-weight:normal;
    direction:rtl;   
    text-align:center;
    /*margin-top: 50px;*/
    color:maroon;
    font-weight:bold;
}
.our-projects ul
{
    margin-top:50px;
    direction:rtl;
    padding:0;
}

.our-projects ul li
{
    font-family: Cairo, sans-serif;
    display:inline-block;
    border:none;
    border-bottom: 1px solid #D4cccc;

    border-radius:3px;
    color:#000;
    padding:10px 20px;
    margin-right:5px;
    margin-bottom:5px;
    font-weight:bold;
    transition:all 1s ease-in-out;
}

.our-projects ul li.selected,.our-projects ul li:hover
{
    background-color:#1abc9c;
    border-bottom: 1px solid #1abc9c;
    font-weight:bold;
    color:#fff;
}

/*.our-projects .container
{
    background-color:#eee;
}*/

.our-projects .gallery
{
    margin: 50px 0 50px 0;
    position:relative;
    overflow:hidden;
    
}

.our-projects .gallery .container,
.our-projects .gallery .row 
{
    margin:0 auto;
    padding:0;
}

.our-projects .gallery .row  >  div
{
    width:30%; 
    /*float:right;*/
    /*margin-bottom:20px;*/    
    position:relative;
    margin-right: 22px;
    margin-bottom: 22px;
    padding:0;
    cursor:pointer;
    background-color:#eaeaea;
    box-shadow: inset 0 8px 58px 10px rgb(64, 100, 101);
    font-family: 'El Messiri', sans-serif;
    border-radius: 10px;
}

.our-projects .gallery .row  > .x .row .y
{
    width:95%;
    float:right;
    /*margin-bottom:20px;*/    
    position:relative;
    margin-right: 11px;
    margin-bottom: 22px;
    padding:0;
    cursor:pointer;
    background-color:#eaeaea;
    box-shadow: inset 0 8px 58px 10px rgb(64, 100, 101);
    font-family: 'El Messiri', sans-serif;
    border-radius: 10px;
}


/*.our-projects .gallery .row  >  div:hover,
.our-projects .gallery .row  >  div:hover,
.our-projects .gallery .row  >  div:hover
{
    background-color: rgba(0, 0, 0, 0.10);
}*/


.our-projects .gallery .row  >  div a > h3,
.our-projects .gallery .row  >  div > h3,
.our-projects .gallery .row  >  div > h4,
.our-projects .gallery .row  >  div > h5,
.our-projects .gallery .row  > .x .row .y  > h3,
.our-projects .gallery .row  > .x .row .y  > h4,
.our-projects .gallery .row  > .x .row .y  > h5
{
    font-weight:normal;
    color:maroon;
    opacity:1;
    height:0;
    padding:0;
    margin:30px 10px 100px 10px;
    /*line-height:3;*/
    text-align:center;
    font-family: 'El Messiri', sans-serif;
    transition:0.7s ease-in-out;
}

.our-projects .gallery .row  >  div a:hover h3,
.our-projects .gallery .row  >  div:hover h3,
.our-projects .gallery .row  >  div:hover h4,
.our-projects .gallery .row  >  div:hover h5,
.our-projects .gallery .row  > .x .row .y:hover h3,
.our-projects .gallery .row  > .x .row .y:hover h4,
.our-projects .gallery .row  > .x .row .y:hover h5
{
    color:rgb(64, 100, 101);
}



/*.our-projects .gallery .row  >  div:hover > h3
{
    opacity:0;
}*/

.our-projects .gallery .row  >  div .over,
.our-projects .gallery .row  > .x .row .y .over,
li .over
{
    display:none;
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    text-align:center;
    font-weight:bold;
    /*line-height: 227px;*/
    color: #fff;
    background:rgba(45, 85, 86, 0.90);  
    z-index:3;
    overflow-x:hidden;
    overflow-y:scroll;
    transition:all 0.7s ease-in-out;
}

.our-projects .gallery .row .over .over_title,
.our-projects .gallery .row .x .row .over .over_title
{
    margin:0;
    padding:0;
    position:absolute;
    z-index:0;
    background-color:gray;
    position:fixed;
    width:100%;
}

.our-projects .gallery .row .over .over_title h3,
.our-projects .gallery .row .over .over_title h4,
.our-projects .gallery .row .over .over_title h5,
.our-projects .gallery .row .x .row .over .over_title h3,
.our-projects .gallery .row .x .row .over .over_title h4,
.our-projects .gallery .row .x .row .over .over_title h5
{
    color:#fff;
}

.our-projects .gallery .row .over .over_content,
.our-projects .gallery .row .x .row .over .over_content
{


}

.our-projects .gallery .row .over .over_content a,
.our-projects .gallery .row .x .row .over .over_content a
{
    display:block;
    margin: 10px auto;
    padding: 0 ;
    color: #fff;

}



.our-projects .gallery .row  >  div a > img,
.our-projects .gallery .row  >  div > img,
.our-projects .gallery .row  >  div > iframe,
.our-projects .gallery .row  > .x .row .y > img,
.our-projects .gallery .row  > .x .row .y > iframe
{
    /*width:100%;
    height:100%;   
    margin-top:30px;*/
    
    
    width: 90%;
    height: 250px;
    border-radius: 10px;
    margin: 10px 10px 15px 10px;     
    border: 2px solid rgba(45, 85, 86, 0.90);
    -webkit-box-shadow: -2px -2px 9px -1px rgba(64,100,101,1);
    -moz-box-shadow: -2px -2px 9px -1px rgba(64,100,101,1);
    box-shadow: -2px -2px 9px -1px rgba(64,100,101,1);
    transition:box-shadow 0.5s ease-in-out;
}


.our-projects .gallery .row  >  div > img:hover,
.our-projects .gallery .row  >  div > iframe:hover,
.our-projects .gallery .row  > .x .row .y > img:hover,
.our-projects .gallery .row  > .x .row .y > iframe:hover
{
    

    -webkit-box-shadow: 7px 7px 9px -1px rgba(64,100,101,1);
    -moz-box-shadow: 7px 7px 9px -1px rgba(64,100,101,1);
    box-shadow: 7px 7px 9px -1px rgba(64,100,101,1);
}


.our-projects .gallery  >  div .heart,
.our-projects .gallery  > .x .row .y .heart
{
    /*display:none;*/
    opacity:0;
    position:absolute;
    bottom:20px;
    right:20px;
    color:#fff;
    transition:all 0.7s ease-in-out;
}

/*.our-projects .gallery  >  div > h2 //this comment side was a try to a photo instead of color on hover
{
    display:none;
    position:absolute;
    line-height: 227px;
    color: #fff;
    left:130px;
}*/

/*.our-projects .gallery .row >  div:hover .over,
.our-projects .gallery .row >  div:hover .heart
{
    
    opacity:1;
    border-radius:20px;
}*/

/*.our-projects .gallery .row  >  div img,
.our-projects .gallery .row  >  div iframe
{
    width:100%;
    height:250px;
    border-radius:10px;
}*/


/*.our-projects .gallery  >  div:nth-child(2)
{
    margin-right:2%;
    margin-left:2%;
}*/



.our-projects .mix
{
    display:none;
}

.our-projects .shuffle li
{
    cursor:pointer;
}

/*#endregion */

/*projects page*/
.projects
{
        background-color:#eaeaea;    
        /*background:url(../Images/slider/0001.jpg)no-repeat center fixed;*/
}

.projects .projects_Title
{
    text-align: right;
    background-color: #670101;
    line-height: 1.8;
    color: #f3f3f3;
    font-family: Cairo, sans-serif;
    font-weight: normal;
    padding: 10px;
    padding-right: 20px;
    border-radius: 8px;
    margin-top: 0px;
}


.projects .our-projects .gallery .row div h3,
.projects .our-projects .gallery .row .x .row .y h3
{
    margin: 40px 10px 40px 10px;
}

/*News page*/

.News
{
        background-color:#eaeaea;    
        /*background:url(../Images/slider/0001.jpg)no-repeat center fixed;*/
}

/*Videos page*/

.Videos
{
        background-color:#eaeaea;    
        /*background:url(../Images/slider/0001.jpg)no-repeat center fixed;*/
}

.Videos .our-projects .gallery .row div h3,
.Videos .our-projects .gallery .row .x .row .y h3
{
    margin: 40px 10px 60px 10px;

}



/*Careers page*/

.Careers
{    
        background-color:#eaeaea;
        /*background-image: linear-gradient( rgb(113, 179, 216), #9ed3d8,#2098d1);*/
        /*background:url(../Images/slider/0002.jpg)no-repeat center fixed;*/
}

.Career_details  h3
{
    font-family:Cairo,sans-serif;
    text-align:right;
    font-weight:bold;
    color:maroon;
    padding:10px;
    background-color:rgba(52, 85, 83, 0.27);    
    border-radius:6px;
    width: 100%;
}

.Career_details .table-striped > tbody > tr:nth-of-type(odd) 
{
    background-color: transparent;
}


.Career_details .table
{
    direction:rtl;
    border:none;
    margin:0;
    padding:0;
}
.Career_details .table .form-group
{
    width:250px;
    text-align:right;
    /*margin-top:15px;*/
    float:right;
}

.Career_details .table .t_lable
{    
    border:none;
    margin:0;
    padding:0;
    
}

.Career_details .table .t_Details
{    
    border:none;
    margin:0;
    padding:0;
    font-family:Cairo,sans-serif;
}

.Career_details .table .form-group .lable_details
{
    color:#000;
    font-size:18px;
    float: right;
    margin-right: 30px;
    margin-left:15px;
    font-family:Cairo,sans-serif;
    line-height:2;
}
.Career_details .table .form-group .rightLable /*floating of some item of lable_details*/
{
    float:right;
    width:25px;
    margin-top:10px;
    line-height:1;
}

.Career_details .table .form-group .form-control
{
    font-weight:bold;
    font-size:15px;
    background-color: #eaeaea; 
    transition: 0.5s ease-in-out;
}

.Career_details .table .form-group .form-control[placeholder] 
{
    font-family: Cairo,sans-serif;
    font-weight: bold;
    color: maroon;
}

.Career_details .table .form-group .form-control:focus
{
    background-color: rgb(220, 241, 236);
}

.Career_details .table .form-group .sm_control /*some small item of form-control*/
{
    width:100px;
    margin-top:5px;
}

.Career_details .form-group .btn
{
    text-align:center;
    width:150px;
    font-weight:bold;
    font-size:18px;

}


/*new section to replace all tables*/
.Careers .career_Title h3
{
    font-family: Cairo,sans-serif;
    text-align: right;
    font-weight: bold;
    color: maroon;
    padding: 10px;
    background-color: rgba(52, 85, 83, 0.27);
    border-radius: 6px;
    width: 100%;
}
.Careers .container
{
    margin-bottom:10px;
    padding-left:0;
    padding-right:0;
}
.Careers .career_btn
{
    margin-top:10px;
}

.Careers .career_btn .btn
{
    width: 150px;
    font-weight: bold;
    font-size: 18px;
}

.Careers .career_label
{
    color: #3f6364;
    font-size: 18px;
    font-weight:bold;
    float: right;
    text-align:left;
    font-family: Cairo,sans-serif;
    line-height: 2;
}

.Careers .career_txt
{
    width: 250px;
    float: right; 
    transition: 0.5s ease-in-out;
}

.Careers .form-group .form-control[placeholder] {
    font-family: Cairo,sans-serif;
    font-weight: bold;
    color: maroon;
    text-align: right;
    direction: rtl;
}

.Careers .form-group .form-control:focus
{
    background-color: rgb(220, 241, 236);
}

.Careers .form-group .sm_control /*some small item of form-control*/
{
    width:100px;
    margin-top:5px;
}

.Careers .form-group .rightLable /*floating of some item of lable_details*/
{
    width:25px;
    color: maroon;
    font-size: 18px;
    font-weight: bold;
    float: right;
    text-align: right;
    font-family: Cairo,sans-serif;
    line-height: 2;
    margin-left:20px;
    margin-right:20px;
}


/****Karim*****/
.XData
{
    display:none; 
    position:absolute;
    padding:0;
    /*height:400px;*/
    width:325px;
    text-align:center;
    z-index:9999;
}
.XData .over
{
    height:100%;
    border-radius:10px;
}

.XData .over .over_title
{
    background-color:rgba(36, 47, 45, 0.77);
    position: absolute;
    width: 97%;
    z-index:1;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    
}
.XData .over .over_title h3,
.XData .over .over_title h4,
.XData .over .over_title h5
{
    /*margin:0;*/
    color:rgba(255,255,255,1);
    /*line-height:1.5;*/
    font-family: 'El Messiri', sans-serif;
    /*margin-bottom:30px;*/
}

.XData .over .over_content
{
    background-image: linear-gradient(#000000, rgba(65, 101, 102, 0.88),#000000);
    height:100%;
    padding: 0 10px;
    padding-top:85px;
    text-align:right;
    border-bottom:10px solid #000;    
    border-radius:10px;
    max-height:250px;
    overflow-y:scroll;
}

.XData .over .over_content .cont
{
    margin-bottom:10px;
}

.XData .over .over_content a 
{
    display: block;
    direction: rtl;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    margin: 0;
    padding-right: 5px;
    padding-bottom: 10px;
    font-family: Cairo,sans-serif;
    font-size: 15px;
    line-height: 3.5;
    transition: all .25s ease-in-out;
}

.XData .over .over_content a:hover
{
    color: #32b5b6;
    background-color:rgba(255, 255, 255, 0.06);

}


.XData .over .over_content span
{   
    color: #32b5b6;
    text-decoration: none;
    cursor: pointer;
    font-size:15px;
    font-weight: bold;
    line-height: 3;
    border-radius:10px;
    /*float:left;*/
    transition: .75s ease-in-out;
}

.XData .over .over_content a:hover span
{
    color:orange;
}






.XData .over .over_content a:hover .img_point 
{
    background-color:#fff;
    border-radius:50%;
}

.XData .over .over_content .cont .img_point 
{
    width: 40px;
    height: 40px;
    display: block;
    float: right;
    margin-top:3px;
    margin-left: 10px;
    border-radius:50%;
    transition:all .75s ease-in-out;
}

.XData .over .over_content .cont:hover .img_point
{
    background-color:#fff;

}

.XData .over .over_content .lable_Title,
.XData .over .over_content .lable_Title:hover
{
    color:#fff;
    display:inline-block;
    float:right;
    font-size:20px;
    width:50px;
    color:orange;
}

.XData .over .over_content .span_Details,
.XData .over .over_content .span_Details:hover
{
    color:#fff;
    margin-right:10px;
    font-size:20px;
    font-weight: normal;
}

.XData .over .over_content p
{
    color:#fff;
}


/*****************start loading section***************/
/*.loading-overlay
{
    background:#222;
    color:#FFF;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:99999;
}*/
  /*.spinner {
  margin: 300px auto;
  width: 40px;
  height: 40px;
  position: relative;
}*/

.container1 > div, .container2 > div, .container3 > div {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}  
/******karim*******/
.loading-overlay
{
    /*background:#1f3140;*/
    background-image: linear-gradient(#000000, rgb(65, 101, 102),#000000);
    color:#FFF;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:99999;
}

.spinner
{
    /*background:#0094ff;*/
    width: 600px;
    position: relative;
    top: calc(50% - 450px);
    left: calc(50% - 350px);
    font-family:'sans-serif';
}


.txt
{
    font-family: 'El Messiri', sans-serif;
    text-align:center;
    width:230px;


    /*height: 100px;*/
    /*width: 50%;*/
    /*background: #222;*/
    /*color:white;
    position:relative;
    margin: 0 auto;
    padding-top:1px;
    z-index:3;
    line-height:2;*/
            /*margin: calc(50% - 50px) calc(50% - 50px);*/
}

.txt h3
{   
    color:orange; 
    line-height:1.5;  
}

.star
{
    position:absolute;
    margin: calc(50% - 50px) calc(50% - 50px);
    z-index:4;
}

.star img
{
    width:100px;
    height:100px;   

    /**working**/
    position:relative;
    margin-top:calc(50%);
    margin-left:calc(50% - 50px);

    animation:rotate 5s infinite linear;
    transform-origin:center;
}

@keyframes rotate
{
    100% {
        transform:rotate(360deg);
    }

}

.Sub_News .News_Details
{
    direction:rtl;
}
.Sub_News .News_Details p {
    margin-top: 0;
    line-height: 2;
}

/****karim end***/

/*end loading section*/





/****************************************/
.x 
{
    direction:rtl;
}

.x .container-fluid,
.x .container-fluid .row
{
    padding:0;
}


/*GV Class*/

.GV
{
    margin-top:20px;    
    margin-bottom:20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    background-image: linear-gradient(#000000, rgba(65, 101, 102, 0.9),#000000);
    border-top:1px solid #206364;
    border-bottom:1px solid #206364;
}

.GV tr th
{
    height:30px;
}

.GV th
{
    background-color:rgba(32, 99, 100, 0.4);    
    color:orange;
    font-weight:bold;
    font-size:15px;
    text-align:center;
    background-image: linear-gradient(#000000, rgba(65, 101, 102, 0.88),#000000);
}

.GV tr td
{    
    height: 40px;
    direction: rtl;
    text-align: center;    
}

.GV tr td a
{
    color:#fff;
    text-decoration:none;
}


.GV tr:nth-child(even)
{
    /*background-color:rgba(157, 157, 157, 0.9);*/        
}

.GV tr:nth-child(even) td
{
    color:#fff;
}

.GV tr:nth-child(odd)
{
    font-weight:normal;
    /*background-color:rgba(32, 99, 100, 0.5);*/
}

.GV tr:nth-child(odd) td
{
    color: #fff;
}

.GV tr:hover td a
{
    cursor:pointer;
    color:orange;
    text-decoration:none;
}

/*.GV th:first-child
{
    -webkit-border-top-left-radius:10px;  
    -moz-border-top-left-radius:10px;  
    -o-border-top-left-radius:10px;  
    border-top-left-radius:10px;    
}

.GV th:last-child
{
    border-top-right-radius:10px;
    -webkit-border-top-right-radius:10px;  
    -moz-border-top-right-radius:10px;  
    -o-border-top-right-radius:10px;  
    border-top-right-radius:10px; 
}

.GV tr:last-child td:first-child
{
    -webkit-border-bottom-left-radius:10px;  
    -moz-border-bottom-left-radius:10px;  
    -o-border-bottom-left-radius:10px;  
    border-bottom-left-radius:10px;    
}

.GV tr:last-child td:last-child
{
    -webkit-border-bottom-right-radius:10px;  
    -moz-border-bottom-right-radius:10px;  
    -o-border-bottom-right-radius:10px;  
    border-bottom-right-radius:10px;    
}*/





/*Media Queries*/

@media (max-width: 1200px)
{
    /*.container 
    {
        width: 1064px;
    }*/

    .Videos .our-projects .gallery .row div h3 
    {
        margin: 40px 10px 80px 10px;
    }   

    .projects .our-projects .gallery .row div h3 {
        margin: 40px 10px 60px 10px;
    }
}

@media (max-width: 992px)
{
    .projects_News .news_section .projects_News_Pic img
    {
       margin:0 auto;
       margin: 20px auto;
    }
    .our-projects .gallery .row  >  div
        {
            width:46%;
        }
}



@media (max-width: 768px) {
    .modal-dialog {
        width: auto;
        margin: 30px auto;
    }


    #Aqary_Modal .modal-content,
    #Equipment_Modal .modal-content,
    #Services_Modal .modal-content,
    #Suppliers_Modal .modal-content,
    #Reserve_Unit_Modal .modal-content {
        width: inherit;
        margin: 0 auto;
    }

    .our-projects .gallery .row  >  div
        {
            width:46%;
        }
    #Aqary_Modal .modal-content,
    #Equipment_Modal .modal-content
    {
        width:auto;
    }

    .about
    {
        background: url(../Images/slider/z01.jpg);
        background-image: none;
        background-color: #ddd;
    }

    .about .comp_hint h2
    {
        font-size:25px;
    }

    .about .comp_hint h3
    {
        font-size:20px;
    }
    

    .Careers .career_label
    {
        text-align:center;
    }

    .Careers .career_txt
    
    {
        float: none;
        margin: 0 auto;
    }

    .Careers .form-group .rightLable
    {
        font-size:15px;
        line-height:3;
    }



}

@media (min-width: 768px)
{
    .Careers .col-sm-1, .Careers .col-sm-10, .Careers .col-sm-11, .Careers .col-sm-12, .Careers .col-sm-2, .Careers .col-sm-3, 
    .Careers col-sm-4, .Careers .col-sm-5, .Careers .col-sm-6, .Careers .col-sm-7, .Careers .col-sm-8, .Careers .col-sm-9 
    {
        float: none;
    }

}


@media (max-width: 668px) 
{
    
    .our-projects .gallery .row  >  div
    {
        width:96%;
        margin-right:10px;

    }
    .our-projects .gallery .row > div img, .our-projects .gallery .row > div iframe 
    {
        height: 400px;
    }
    .our-projects ul li:last-child
    {
            /*margin-left:45px;*/
            margin-top:10px;
    }

    .about .comp_hint .slidy .owl .item .projects_News .news_section
    {
       height:600px;
    }

    .about .comp_hint .slidy .owl .item .projects_News .news_section .projects_News_Pic img
    {
        height:250px;
    }

    .about .comp_hint .slidy .owl .item .projects_News .news_section .projects_News_details p
    {
        font-size:14px;
    }

    #Aqary_Modal .modal-content .item,
    #Equipment_Modal .modal-content .item
    {
        width:470px;
        margin: 5px auto;
    }

    .Aqary_Modal_Slider .owl_slider2 .item h4, 
    .Equipment_Modal_Slider .owl_slider2 .item h4 {
        position: fixed;
        left: 60px;
    }

    #Aqary_Modal .modal-content,
    #Equipment_Modal .modal-content 
    {
        width: 100%;
    }

    #Downloads_Modal .modal-dialog,
    #Services_Modal1 .modal-dialog,
    #Services_Modal2 .modal-dialog 
    {
        width: inherit;
        margin: 30px 20px;
    }

    #Services_Modal1 .modal-dialog .jumbotron h2, 
    #Services_Modal1 .modal-dialog .jumbotron h3, 
    #Services_Modal1 .modal-dialog .jumbotron h4 
    {
        font-size: 18px;
    }

    #Services_Modal1 .modal-dialog .jumbotron p,
    #Services_Modal2 .modal-dialog .jumbotron p 
    {
        font-size: 15px;
        line-height: 2;
        text-align: center;
    }

    .contact
    {
        text-align:center;
        background-size: 90%;
    }

    .contact .contact_details .form-group
    {
        text-align:-webkit-center;
        text-align:-moz-center;
    }



    /*.contact .contact-details .contact-title h3:after,
    .contact .branches-details .branches-title h3:after,
    .contact .branches-address div h3:after {
        top: 50px;
        right:27%;
    }*/

    .contact .branches-details .list-group {
        padding: 0;
        /*padding-top: 15px;*/
    }

    .branches-maps .headoffice_map .Edit_Map,
    .branches-maps .cairobranch_map .Edit_Map,
    .branches-maps .baharybranch_map .Edit_Map,
    .branches-maps .qeblybranch_map .Edit_Map
    {
        height:40px;
        /*width:200px;*/
        text-align:center;
        /*margin-top:20px;*/
        cursor:pointer;
    }

    .branches-maps h4
    {
        /*line-height:4.5;*/
    }

    /*.branches-maps .headoffice_map .branche_map .overlay_maps,
     .branches-maps .cairobranch_map .branche_map .overlay_maps,
     .branches-maps .baharybranch_map .branche_map .overlay_maps,
     .branches-maps .qeblybranch_map .branche_map .overlay_maps
    {
       
        top:inherit;
    }*/

    .our-projects h2, .our-projects h2 a
    {
        text-align:center;
        padding-right:0;
    }

    .projects .projects_Title
    {
        line-height:1.5;
    }

    /*.XData .over
    {
        height:360px;
    }*/

    .Careers .career_Title h3
    {
        font-size:20px;
    }

    .Careers .career_label
    {
        text-align:center;
        font-size:15px;
    }

    .Careers .career_txt
    
    {
        float: none;
        margin: 0 auto;
    }

}



@media (max-width: 480px) 
{
    .star img
    {
        width: 75px;
        height: 75px;
        margin-top: calc(50% + 37.5px);
        margin-left: calc(50% - 37.5px);
    }

    

    .txt h3 
    {
        font-size: 17px;
        line-height: 2;
    }

    .my_bar
    {
        display:flex;
        position:absolute;
        height:45px;
        width:260px;
        padding-right:0;
        direction:rtl;
        padding-top:5px;
        padding-left:10px;
    }

    .my_bar .toggle_ico i
    {
        margin-right:15px;
    }

    .my_bar .links_bar
    {
        display:inline-flex;
        width:inherit;
        direction:ltr;
    }

    .my_bar .links_bar a
    {
        margin-right:10px;
        line-height:normal;
        padding:0;
    }

    .my_bar2
    {
        height:inherit;
        top:0;
        padding-top:0;
        line-height:2;
    }

    .main_nav
    {
        width:140px;
    }

    .main_nav .main_nav_Logo img:hover 
    {
        height: 105px;
    }

    .main_nav ul li, li_Button
    {
        height:25px;
        margin-top: 15px;
    }

    .main_nav .langu
    {
        margin-bottom:inherit;
        height:25px;
        line-height:3;
    }

    .main_nav .langu a
    {
        font-size: 15px;
        color: black;
        line-height: 1;
        width: 44px;
        height: 30px;
    }

    .main_nav ul li a
    {
        font-size:15px;
    }

    .about .comp_hint .slidy .owl .item
    {
        /*height:450px;*/
    }
    .about .comp_hint .slidy .owl .item .projects_News .news_section
    {
        height:400px;
        margin-top:0;
        padding-bottom:0;
    }

    .about .comp_hint .slidy .owl .item .projects_News .news_section .projects_News_Pic img
    {
        height:125px;
        width:200px;
    }
    .about .comp_hint .slidy .owl .item .projects_News .news_section .projects_News_Pic p 
    {
        height: 125px;
        width: 200px;
    }

    .about .comp_hint .slidy .owl .item .projects_News .news_section .projects_News_details p ,
    .about .comp_hint .slidy .owl .item .projects_News .news_section .projects_News_details p a span  
    {
        font-size: 10px;
        line-height:17px;
    }

    #Comp_hint_Modal .modal-dialog .jumbotron
    {
        padding:10px 0;
    }
    
    #Aqary_Modal .modal-dialog,
    #Equipment_Modal .modal-dialog {
        padding-left: 4px;
    }

    #Suppliers_Modal .modal-dialog .modal-body .form-group h3 
    {
        margin: 0;
        padding: 0;
        font-size: 18px;
    }

    #Suppliers_Modal .modal-dialog .modal-body .form-group .lable_details 
    {
        font-size: 13px;
        font-weight:normal;
        line-height: 1.5;
    }

    #Suppliers_Modal .modal-dialog .modal-body .form-group .form-control
    {
        width:180px;
        font-size: 13px;
    }

    #Suppliers_Modal .modal-dialog .modal-body .form-group .form-control[placeholder]
    {

    }

    #Equipment_Modal .modal-body .modal-footer p
    {
        font-size:15px;
    }

    #Equipment_Modal .modal-body .modal-footer p .img_point,
    #Services_Modal2 .modal-dialog .jumbotron .img_point 
    {
        width: 35px;
        height: 35px;
        margin-left: 10px;
        margin-right: 5px;
    }

    #Aqary_Modal .modal-content .item,
    #Equipment_Modal .modal-content .item
    {
        height:200px;
        width:inherit;
        margin:0;

    }


    #Services_Modal20 .modal-dialog,
    #Reserve_Unit_Modal .modal-dialog {
        margin: 10px;
    }
    #Reserve_Unit_Modal .modal-dialog .modal-title
    {
        padding-bottom:10px;
        line-height:2;
    }

    #Reserve_Unit_Modal .modal-dialog .modal-body .form-group .lable_details
    {
        font-size: 15px;
        line-height: 1.2;
        float:right
    }

    #Reserve_Unit_Modal .modal-dialog .modal-body .form-group .form-control
    {
        width:185px;
        font-size: 12px;
    }

    #Comp_hint_Modal .modal-dialog .jumbotron p
    {
        padding-top: 0;
        font-size: 13px;
        line-height:2;
    }

    #Comp_hint_Modal .modal-dialog
    {
        width:inherit;
    }

    #Comp_hint_Modal .modal-header, #Aqary_Modal .modal-header, 
    #Equipment_Modal .modal-header, #Services_Modal1 .modal-header, 
    #Services_Modal2 .modal-header, #Suppliers_Modal .modal-header, 
    #Reserve_Unit_Modal .modal-header, #Downloads_Modal .modal-header, 
    #Comp_hint_Modal .modal-footer, #Aqary_Modal .modal-footer, 
    #Equipment_Modal .modal-footer, #Services_Modal1 .modal-footer, 
    #Services_Modal2 .modal-footer, #Suppliers_Modal .modal-footer, 
    #Reserve_Unit_Modal .modal-footer, #Downloads_Modal .modal-footer
    {
        padding:inherit;

    }

    .modal-title
    {
        font-size: 18px;
    }

    #Aqary_Modal .modal-content, #Equipment_Modal .modal-content,
    #Services_Modal .modal-content, #Suppliers_Modal .modal-content,
    #Reserve_Unit_Modal .modal-content 
    {
        width: inherit;
        margin: 0 auto;
    }

    .Aqary_Modal_Slider,
    .Equipment_Modal_Slider, 
    .Services_Modal_Slider
    {
        width:inherit;
    }

    .Aqary_Modal_Slider .owl_slider2 .owl-pagination, 
    .Equipment_Modal_Slider .owl_slider2 .owl-pagination, 
    .Services_Modal_Slider .owl_slider2 .owl-pagination
    {
        margin-top:0;
    }
    

    .main .jumbotron
    {
        margin-bottom:15px;
    }

    .main .jumbotron p
    {
        font-size: 12px;
        color: rgb(255, 255, 255);
        padding: 5px;
        line-height: 1.5;
    }

    .img_point
    {
        height:20px;
        width:20px;
    }

    .about 
    {
        padding:0 10px;             
        /*background: url(../Images/slider/z01.jpg);*/
        background-image: none;
        background-color: #ddd;
    }

    .about .jumbotron
    {
        margin-top:10px;
    }

    .about .jumbotron p
    {
        line-height: 2;
        font-size: 12px;
    }

    .about .comp_hint
    {
        padding-right:10px;
        padding-left:10px;
    }

    .about .comp_hint .img_hint
    {
        width: 35px;
        height: 35px;
    }

    .about .comp_hint h2
    {
        line-height:1.5;
        font-size: 18px;
    }
    
    .about .comp_hint .jumbH2
    {
        line-height:1.5;
        font-size: 15px;
    }

    .about .comp_hint h3
    {
        line-height:2.5;
        font-size:15px;
    }
    
    .about .jumbotron .img-responsive
    {
        height:200px;
    }

    .about .jumbotron span
    {
        font-size: 12px;
        margin-bottom: 5px;
    }

    
    .contact
    {
        text-align:center;
        background-size: 90%;
        padding: 20px 10px 0px;
    }

    .contact .contact-details .contact-title h3,
    .contact .branches-details .branches-title h3,
    .contact .branches-address div h3
    {
        font-size:18px;
    }

    .contact .contact-details .contact_lable
    {
        font-size:15px;
    }

    .contact .contact-details .form-control
    {
        width:200px;
    }

    .contact .branches-details .list-group .list-group-item a
    {
        font-size:15px;
    }

    .contact .branches-address .form-group
    {
        font-size: 13px;
    }

    .branches-maps .headoffice_map .Edit_Map,
    .branches-maps .cairobranch_map .Edit_Map,
    .branches-maps .qeblybranch_map .Edit_Map
    .branches-maps .baharybranch_map .Edit_Map,
    {
        float:none;
    }

    /*.branches-maps .headoffice_map .branche_map .overlay_maps,
    .branches-maps .cairobranch_map .branche_map .overlay_maps,
    .branches-maps .baharybranch_map .branche_map .overlay_maps,
    .branches-maps .qeblybranch_map .branche_map .overlay_maps 
    {
        margin-top:0;
        top: inherit;
    }*/

    .banner
    {
        height:150px;
    }

    .banner .projects_logo .img-thumbnail
    {
        max-width:300px;
        margin-top:32px;
    }

    .banner .rotating-item
    {
        height:150px;
    }


    .branches-maps
    {
        text-align:center;
    }

    .our-projects h2, .our-projects h2 a
    {
        text-align:center;
        padding-right:0;
        font-size:25px;
    }

    .projects .projects_Title
    {
        text-align:center;
        padding:5px;
        line-height:1.5;
        font-size:13px;
    }

    .our-projects ul li
    {
        font-size: 10px;

    }

    .our-projects .gallery .row > div img,
    .our-projects .gallery .row > div iframe
    {
        height:250px;
    }

    .our-projects h3, .our-projects h4
    {
        font-size:17px;
    }

    .our-projects .gallery .row  >  div  > h3,
    .our-projects .gallery .row  >  div  > h4,
    .our-projects .gallery .row  >  div  > h5,
    .our-projects .gallery .row  > .x .row .y  > h3,
    .our-projects .gallery .row  > .x .row .y  > h4,
    .our-projects .gallery .row  > .x .row .y  > h5
    {
        margin: 20px 10px 50px 10px;
    }

    .projects .our-projects .gallery .row div h3
    {
        margin: 30px 10px 45px 10px;
    }

    .customNavigation .btn
    {
        font-size:10px;
    }

    .owl-theme .owl-controls .owl-page span
    {
        height:8px;
        width:8px;
    }

    .Sub_Projects .owl_slider3 .item,
    .Sub_Real_State .owl_slider3 .item,
    .Sub_News .owl_slider3 .item
    {
        height:170px;
        width:inherit;
        margin:0;
    }

    .Sub_Projects .details
    {
        margin-bottom:0;
    }

    .Sub_Projects .Real_State_Details
    {
        margin-top:0;
    }

    .Sub_Projects .details .Real_lable,
    .Sub_Projects .details .Real_Details,
    .Sub_Real_State .details .Real_lable,
    .Sub_Real_State .details .Real_Details
    {
        font-size:13px;
        margin-bottom:0;
        font-weight:bold;
    }

    .Sub_Real_State .details .btn
    {
        height:inherit;
        font-size:13px;
    }

    .Sub_News .News_Details .News_label
    {
        font-size: 13px;
        font-weight: bold;
    }

    .Sub_News .News_Details p
    {
        font-size: 15px;
        font-weight: bold;
    }

    .projects_News .news_section:first-child
    {
        /*padding-bottom:0;*/
        margin-top:0;
    }

    .projects_News .news_section .projects_News_details p
    {
        margin: 0 10px 34px 10px;
    }

    .projects_News .news_section .projects_News_Pic
    {
        margin-top:0;
    }

    .projects_News .news_section .projects_News_Pic img
    {
        margin: 15px auto;
    }

    .projects_News .news_section .projects_News_details p,
    .projects_News .news_section .projects_News_details a
    {
        font-size:15px;
    }


    .XData .over
    {
        /*height:250px;*/
        width: 80%;
    }

    .XData .over .over_title
    {        
        width: 80%;
    }

    .XData .over .over_title h3,
    .XData .over .over_title h4,
    .XData .over .over_title h5
    {
        font-size: 16px;
    }

    .XData .over .over_content .cont
    {
        margin-bottom:0;
    }

    .XData .over .over_content .cont .img_point
    {
        width:30px;
        height:30px;
    }

    .XData .over .over_content a
    {
        font-size:13px;
    }

    .Careers .container .row
    {
        margin-right:0;
        margin-left:0;
    }

    .Careers .form-group .rightLable
    {
        margin-right:-18px;
    }
}