@import url('https://fonts.googleapis.com/css?family=Cairo:300,400,700&subset=arabic');

@font-face {
  font-family: 'Calibri';
  src: url('Fonts/Calibri/Calibri.eot');
  src: url('Fonts/Calibri/Calibrid41d.eot?#iefix') format('embedded-opentype'),
       url('Fonts/Calibri/Calibri.woff') format('woff'),
       url('Fonts/Calibri/Calibri.ttf') format('truetype'),
       url('Fonts/Calibri/Calibri.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Calibri-Bold';
  src: url('Calibri-Bold.html') format('embedded-opentype');
  src: url('Fonts/Calibri-Bold/Calibri-Bold.eot');
  src: url('Fonts/Calibri-Bold/Calibri-Boldd41d.eot?#iefix') format('embedded-opentype'),
  url('Fonts/Calibri-Bold/Calibri-Bold.woff') format('woff'),
  url('Fonts/Calibri-Bold/Calibri-Bold.ttf') format('truetype'),
  url('Fonts/Calibri-Bold/Calibri-Bold.svg#Calibri-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


body, p, .bt-introtext {
    font-family: 'Calibri', 'Cairo';
}
h1, h2, h3, h4, h5 {
    font-family: 'Calibri-bold', 'Cairo';
}

/********************************/
/************* Main ************/

#g-header {
    position: absolute;
    padding: 20px 80px !important;
    width: 100% !important;
    /*background: #00000045;*/
    background-color: rgba(0,0,0,.25);
    padding-bottom: 0px !important;
    max-height: 200px;
	    z-index: 9999;
}
.gantry-logo img {
    width: 80% !important;
}
#lang a {
    color: #fff !important;
    float: right;
    margin: 0 8px;
}
#lang li:first-child:after {
    content: "";
    border-right: 1px solid #fff;
    font-size: 7px;
    position: relative;
    left: 75px;
    bottom: 3px;
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
    color: #aededb;
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
    background: transparent;
}

ul.g-sublevel {
	top: inherit !important;
    background: rgba(255,255,255,.8) !important;
    float: inherit !important;
    z-index: 999;
    position: relative !important;
    width: 380px;
    max-width: 380px;
}
ul.g-sublevel li a{
	padding-bottom:0px !important;
	font-weight:normal !important;
	color:#000 !important;
}
.g-main-nav ul {
    position: relative;
    top: -70px;
    float: right;
}
.g-main-nav ul li {
    margin-right: 15px;
}
.g-social a {
    color: #005161 !important;
    top: -53px;
    border-radius: 12px;
    display: inline-flex;
    position: relative;
    font-size: 17px;
    margin-right: 3px;
}
p {
    color:#000;
    text-align: justify;
    font-size: 14px;
}
.about-company{background-image: url(../images/test1.jpg);
margin-top: -180px;}

.custom.about-sec {
    margin: 0 auto;
    display: table;
    position: relative;
    top: 24px;
    background-color: rgba(212, 84, 171, .5);
padding: 30px;

    width: 50%;
    top: 24px;
    float: left;
    height: 638px;
height: 534px;
    position: relative;
}

.custom.about-sec  p:last-child{
    position: absolute;
    bottom: 0px;
}
#g-showcase .training {
    background-image: url(../images/training.png);
   /* height: 100%; */
    background-size: cover;
}
#g-showcase {
    margin-top: -129px;
}
#g-footer {
    padding: 0 80px !important;
}
.custom.training-sec p {
    color: #fff !important;
    line-height: 1.2;
}
.about-sec {
    margin: 0 auto;
    display: table;
    position: relative;
    width: 100%;
    top: 80px;
}
p a {
    border: 1px solid #ff7231;
    background: #ff7231;
    border-radius: 20px;
    padding: 5px 15px;
    color: #fff !important;
    font-weight: bold;
}
p a:hover {
    background: #fff;
    color: #ff7231 !important;
    border-color: #fff;
}
#g-header a:hover {
    color: #aededb !important;
}
#inner-page #g-main {
    padding: 0;
    position: relative;
    margin-top: -145px;
    z-index: 9;
}
#inner-page #g-main h2, #inner-page #g-main h1 {
    color: #fff;
    font-size: 45px;
    margin-bottom: 100px;
}
#inner-page #g-main .g-content {
    margin: 0;
    padding: 0;
}
#g-feature .d7-group {
    background-image: url(../images/01.png);
}
#g-feature .housing {
    background-image: url(../images/02.png);
  position: relative;
}
#g-feature .d7-group, #g-feature .housing {
    height: 382px;
}
.d7-group-sec p, .housing-sec p {
    color: #fff;
    line-height: 1.2;
}
.d7-group-sec a {
    border: 1px solid #fff;
    background: #fff;
    border-radius: 20px;
    padding: 3px 15px;
    color: #ff7231;
    font-weight: bold;
    font-size: 14px;
}
.d7-group-sec a:hover {
    background: #ff7231;
    color: #fff !important;
    border-color: #fff;
}
.custom.about-sec p a:hover {
    border-color: #ff7231;
}
#search {
    position: relative;
    top: -30px;
}
.button.btn.btn-primary:before {
    font-family: 'FontAwesome';
    content: "\f002";
    color: #ff7231;
    font-size: 14px;
    z-index: 99;
}
.button.btn.btn-primary {
    visibility: visible;
    background: transparent;
    width: 18px;
    height: 18px;
    line-height: 14px;
    box-shadow: none;
    top: 5px;
    right: 5px;
    font-size: 0.5px;
    color: transparent;
    position: absolute;
    padding: 1px 3px;
    display: inline-block;
    border: none;
}
.g-main-nav {
    font-family: 'calibri-bold';
}
#mod-search-searchword102 {
    height: 10px;
    font-size: 12px;
}
#mod-search-searchword103 {
    height: 10px;
    font-size: 12px;
}
.phrases {
    display: none;
}
.only {
    display: none;
}
.form-limit {
    display: none;
}
.result-category {
    display: none;
}
form#searchForm .btn-toolbar {
    display: none;
}
.view-search .result-title, .view-search a {
    color: #005161;
}
.view-search .result-title {
    font-weight: bold;
}
.view-search .result-title:hover, .view-search a:hover {
    text-decoration: underline;
}
.view-search .result-text {
    border-bottom: solid 1px #eee;
    padding: 10px 0px;
    margin-bottom: 10px;
    color: #000;
}
.label-info, .badge-info {
    background-color: #005161;
}

.f-width {
    width: 100%;
}
#inner-page .h-width {
    width: 47%;
    float: left;
    margin-right: 3%;
}
p.chrono_credits {
    display: none;
}
#chronoform-contact .form-control.A {
    box-sizing: border-box !important;
    width: 100% !important;
    background: transparent;
    border-color: #005161;
    color: #005161;
}
#Submit {
    background: #005161 !important;
    color: #fff !important;
}
#Submit:hover {
    background: #fff !important;
    color: #005161 !important;
}
.contact-us {
    width: 100% !important;
}
#fin-Submit {
    width: 100%;
}
.gbs3 .gcore-subinput-container {
    width: 50% !important;
}
.gbs3 .gcore-form-row .gcore-input {
    width: 100% !important;
}
#g-offcanvas a:hover {
    color: #005161;
}
#inner-page .h-width p a {
    border: none;
    background: transparent;
    color: #005161 !important;
}
#inner-page .h-width a:hover {
    text-decoration: underline;
}
#fitem-email {
    width: 50%;
}
#fitem-phone {
    width: 50%;
    float: left;
}
#chronoform-contactar .form-control.A {
    box-sizing: border-box !important;
    width: 100% !important;
    background: transparent;
    border-color: #005161;
    color: #005161;
}
ul.lang-inline {
    position: relative;
    top: 18px;
}
.h-width#bg-1 .text {
    height: 457px;
    width: 50%;
    padding: 138px 65px 65px;
    background: rgba(24, 119, 124, 0.5);
	    position: relative;
}

.h-width#bg-1 .text p:last-child{
    position: absolute;
    bottom: 0px;
}
.h-width#bg-2 .text {
    height: 100%;
    width: 50%;
    padding: 85px 65px 50px;
    background: rgba(255, 114, 49, 0.68);
    float: right;
	    height: 382px;
	max-height: 382px;
	    position: relative;
}

.h-width#bg-2 .text a{
    position: absolute;
    bottom: 20px;
}
.h-width#bg-3 .text {
    height: 100%;
	height: 382px !important;
    width: 50%;
    padding: 133px 65px 76px;
	padding: 30px 65px 76px;
    background: rgba(83, 83, 74, 0.57);
    float: right;
	    position: relative;
}

.h-width#bg-3 .text p:last-child{
    position: absolute;
    bottom: 0px;
}
#lang li {
    font-size: 14px;
}
#lang li.lang-active {
    font-size: 15.5px !important;
}
#chronoform-careers .form-control.A, #chronoform-careers-ar .form-control.A {
    width: 100% !important;
    padding: 0 !important;
}
/********************************/
/************* End Main ************/


/********************************/
/************* Responsive ************/
@media (max-width: 767px){
    
#g-navigation {
    display: none;
}
#g-header {
    background: rgba(84, 146, 148, 0.66);
    height: 240px;
    position: relative;
    z-index: 9;
    max-height: unset;
}    
#g-showcase {
    margin-top: 0;
}   
.moduletable.about-sec {
    width: 100%;
    /*padding: 0 25px;*/
}
.custom.about-sec {
    width: 100%;
    height: 382px;
    top: 0;
}
.about-company {
    height: 382px;
    margin-top: 0;
}
p#res {
    margin-top: 0 !important;
}
.custom.training-sec p {
    padding: 0 25px;
    left: 0;
    width: 100%;
}
#g-showcase .training {
    height: 382px;
    position: relative;
}
.about-sec {
    top: 0px;
    width: 100%;
}
.gantry-logo img {
    width: 70% !important;
    top: 25px;
    position: relative;
}
#g-header .lang {
    margin: 0;
    float: right;
    position: relative;
    bottom: 40px;
    left: 20px;
}
#lang {
    margin: 0;
    float: right;
    position: relative;
    bottom: 148px;
    left: 60px;
}
.g-social a {
    top: 5px;
}  
.menu {
    margin-top: 3px;
}
#mod-search-searchword102 {
    margin: 0 auto;
    display: table;
}
#inner-page #g-main {
    top: 0;
    padding: 0 25px;
}
#inner-page #g-main h2 {
    color: #005161;
    font-size: 33px;
}
#inner-page .page-header {
    margin-bottom: 0;
}
.button.btn.btn-primary {
    top: 3px;
    right: 45px;
}
.h-width#bg-1 .text {
    width: 100%;
    padding: 30px 5px;
    height: 382px;
}
.h-width#bg-2 .text {
    width: 100%;
    padding: 24px 28px !important;
}
.h-width#bg-3 .text {
    width: 100%;
    padding: 25px 28px;
}
#g-feature .d7-group, #g-feature .housing {
    height: auto;
}
#g-offcanvas #g-mobilemenu-container ul {
    background: #005161;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
    background: #fff;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
    color: #005161;
}
#g-offcanvas {
   background: #005161;     
}    
#lang li:first-child:after {
    left: 140px;
}
#g-footer {
    padding: 0 12px !important;
}
.g-main-nav {
    display: none;
}
#inner-page .h-width {
    width: 100%;
}
#inner-page #g-main h2, #inner-page #g-main h1 {
    margin-bottom: 0;
}
.contact-us {
    width: 100% !important;
}
/*p a {
    margin: 0 auto;
    display: table;
}*/
.d7-group-sec a {
    margin: 0 auto;
    display: table;
}
p#res {
    font-size: 28px !important;
}
iframe {
    width: 100% !important;
    height: auto;
    padding-bottom: 15px;
} 
.su-tabs-align-right.su-tabs-vertical .su-tabs-nav, .su-tabs-align-left.su-tabs-vertical .su-tabs-nav {
    width: 100% !important;
}
.sp-page-builder .page-content #section-id-1531547854993 {
    padding-top: 20px !important;
}
.su-tabs-vertical .su-tabs-nav span {
    border-bottom: 1px solid #eee;
}
}

/********************************/
/************* End Responsive ************/


.g-social.social a:last-child{
	display:none;
}

.item-page p{
	color: #000 !important;
    text-align: justify !important;
    font-size: 16px !important;
}
.item-page ul li a
{
	    
    color: #666;
}

.item-page ul li a:hover{
	 color: #249790;
}

#menu-2709-particle ,#menu-1961-particle  {
	    margin-top: 25px !important;
}

.g-social.social {
    margin-top: 25px  !important;
    display: none;
}
ul.managemnttree, ul.managemnttree2 li 
{
	text-align: center;
}
ul.managemnttree li, ul.managemnttree2 li
{
	    list-style: none;
		text-align:center;
		display:inline-block;
		vertical-align:top;
	    width: 19.7%;
	    max-width: 19.7%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
	font-style: italic;
    font-size: 16px;
background: #fff;
    min-height: 295px;
    color: #000;
-webkit-transition: 1s linear;
  transition: 1s linear;
      margin-bottom: 5px;
	      box-shadow: 0px 14px 97px 1px #0000005e;
}

ul.managemnttree li:nth-child(2) , ul.managemnttree li:nth-child(3) , ul.managemnttree li:nth-child(4) , ul.managemnttree li:nth-child(5){
	width: 20%;
	max-width: 20%;
	min-height: 495px;
}
ul.managemnttree2 li {
    width: 19.3%;
    max-width: 19.3%;
    min-height: 350px;
}
ul.managemnttree li:hover, , ul.managemnttree2 li:hover{
	    transform: scale(1.2);
    filter: brightness(1.2);
	
-webkit-transform: scale(1.15);
          transform: scale(1.15);
    z-index: 9;
    position: relative;
box-shadow: 0px 0px 10px #0000005e;
    background: #ffffff63;
}

ul.managemnttree li strong, ul.managemnttree2 li strong{
	    font-size: 16px;
		font-style: normal;
		float: left;
    margin-bottom: 5px;
	text-align: center;
    width: 100%;
    max-width: 100%;
	    color: #000;
}
ul.managemnttree li:first-child{
		width:100%;
		 max-width: inherit;
		 color: #000 !important;
		 background: none !important;
		 min-height: 370px;
		 margin-bottom: 0px;
		  box-shadow:none;
}
ul.managemnttree li:first-child:hover{
	filter: brightness(100%);
	transform: scale(1);
	box-shadow: none;
}
ul.managemnttree li:first-child img{
	    max-height: inherit !important;
    border-radius: 90px !important;
	max-width:16%;
}

ul.managemnttree li:first-child strong{
	color:#000;
}
ul.managemnttree li img, ul.managemnttree2 li img{
    /*max-width: 70%;*/
    border-radius: 90px;
    margin-top: 20px;
    margin-bottom: 20px;
	/*max-height: 158px !important;*/
    width: 120px;
    height: 130px;
}
.mfp-title {
    display: none;
}
a.album {
    border: 1px solid;
    padding: 5px;
    margin: 0 auto;
    display: inline-block;
    width: 33.3%;
    text-align: center;
}
li.item-159.divider {
    display: none;
}