@charset "utf-8";
/* CSS Document */
 * {
     outline: none;
     margin: 0px;
     padding: 0px;
     border: none;
     text-decoration: none;
     box-sizing:border-box;
    font-family: 'Poppins';
}
 body {
     text-decoration: none;
     font-size:16px;
     background-color:#fff;
	 font-family: 'Poppins';
}
.top-flag img{ max-width:100%;}

.filter-listing {
    text-decoration: none;
    float: left;
    margin-right: 10px;
    cursor: pointer;
    padding: 2px;
    background-color: #fff;
	width:10%;
}
.filter-listing img{ max-width:100%; height: auto; display:block;}


@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Boldd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff'), url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Thin.eot');
    src: url('../fonts/Poppins-Thind41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Thin.woff2') format('woff2'), url('../fonts/Poppins-Thin.woff') format('woff'), url('../fonts/Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBoldd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLight.eot');
    src: url('../fonts/Poppins-ExtraLightd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-ExtraLight.woff2') format('woff2'), url('../fonts/Poppins-ExtraLight.woff') format('woff'), url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regulard41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Lightd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins-Light.woff') format('woff'), url('../fonts/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Mediumd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face{
    font-family: 'geomanistregular';
    src:url('../fonts/geomanist-regular-webfont.eot');
    src: url('../fonts/geomanist-regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-regular-webfont.woff2') format('woff2'), url('../fonts/geomanist-regular-webfont.woff') format('woff'), url('../fonts/geomanist-regular-webfont.ttf') format('truetype'), url('../fonts/geomanist-regular-webfont.html#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-black';
    src: url('../fonts/geomanist-black-webfont.eot');
    src: url('../fonts/geomanist-black-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-black-webfont.woff2') format('woff2'), url('../fonts/geomanist-black-webfont.woff') format('woff'), url('../fonts/geomanist-black-webfont.ttf') format('truetype'), url('../fonts/geomanist-black-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'geomanist-bold';
    src: url('../fonts/geomanist-bold-webfont.eot');
    src: url('../fonts/geomanist-bold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-bold-webfont.woff2') format('woff2'), url('../fonts/geomanist-bold-webfont.woff') format('woff'), url('../fonts/geomanist-bold-webfont.ttf') format('truetype'), url('../fonts/geomanist-bold-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-extralight';
    src: url('../fonts/geomanist-extralight-webfont.eot');
    src: url('../fonts/geomanist-extralight-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-extralight-webfont.woff2') format('woff2'), url('../fonts/geomanist-extralight-webfont.woff') format('woff'), url('../fonts/geomanist-extralight-webfont.ttf') format('truetype'), url('../fonts/geomanist-extralight-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-light';
    src: url('../fonts/geomanist-light-webfont.eot');
    src: url('../fonts/geomanist-light-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-light-webfont.woff2') format('woff2'), url('../fonts/geomanist-light-webfont.woff') format('woff'), url('../fonts/geomanist-light-webfont.ttf') format('truetype'), url('../fonts/geomanist-light-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-medium';
    src: url('../fonts/geomanist-medium-webfont.eot');
    src: url('../fonts/geomanist-medium-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-medium-webfont.woff2') format('woff2'), url('../fonts/geomanist-medium-webfont.woff') format('woff'), url('../fonts/geomanist-medium-webfont.ttf') format('truetype'), url('../fonts/geomanist-medium-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-thin';
    src: url('../fonts/geomanist-thin-webfont.eot');
    src: url('../fonts/geomanist-thin-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-thin-webfont.woff2') format('woff2'), url('../fonts/geomanist-thin-webfont.woff') format('woff'), url('../fonts/geomanist-thin-webfont.ttf') format('truetype'), url('../fonts/geomanist-thin-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-book';
    src: url('../fonts/geomanist-book-webfont.eot');
    src: url('../fonts/geomanist-book-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-book-webfont.woff2') format('woff2'), url('../fonts/geomanist-book-webfont.woff') format('woff'), url('../fonts/geomanist-book-webfont.ttf') format('truetype'), url('../fonts/geomanist-book-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-ultra';
    src: url('../fonts/geomanist-ultra-webfont.eot');
    src: url('../fonts/geomanist-ultra-webfontd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-ultra-webfont.woff2') format('woff2'), url('../fonts/geomanist-ultra-webfont.woff') format('woff'), url('../fonts/geomanist-ultra-webfont.ttf') format('truetype'), url('../fonts/geomanist-ultra-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.effect-shine:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.8) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}
.effect-shine1:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(255,172,0,1) 30%, #000 50%, rgba(255,172,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
@-webkit-keyframes shine1 {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}
.footer-social-links a .phone {
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
}
.clear{ clear:both;}

.footer-wraper{
	width:100%;
	height:auto;
	background-color:#fff;
}

 .carousel-item img{
     width:100%;
}
 .img-full{
     width: 100%;
     height:auto;
     display: block;
}
 .img-responsive {
     max-width: 100%;
     height:auto;
}
 .container{
     width:100%;
     padding-left:5%;
     padding-right:5% 
}
 .top-container{
     width:100%;
     padding-left:5%;
     padding-right:5%;
     border-bottom: 2px solid #ccc;
     background: #fff;
}



.top-whatsapp{
    color:#3eb480;
    outline:none;
    background:transparent;
    border:none;
    padding:0px 10px;
    line-height:44px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-size:1.250em;
	margin-top:0.25em;
	display: flex;
	align-items: center;
	float: left;
	height:44px;
	padding-right: 0px;
}


.copy-right{
     width: auto;
     height: auto;
     line-height:50px;
     float: left;
     font-family: inherit;
     font-size:1em;
     font-weight: normal;
     color:#333;
}
 .designed {
     width: auto;
     height: auto;
     float: right;
}
 .designed p {
     width: auto;
     height: auto;
     float: right;
     font-family: inherit;
     font-size:1em;
     font-weight: normal;
     color:#333;
     
     line-height:50px;
	/* color:#00a8e8;*/
	 
}
 .designed p a {
     text-decoration: none;
      font-family: inherit;
     font-size:1em;
     font-weight: normal;
    color:#333;
	margin-left:5px;
}
 .designed p a:hover {
     text-decoration: none;
    color:#000;
	border-bottom:1px solid #ccc;
}

.designed-ido {
    float: right;
    height: auto;
    padding-left: 8px;
    width: auto;
	line-height:50px;
}
.footer-bottom-wrap{
	width:100%;
	height:auto;
	background-color:#fff;
	border-top:1px solid #0a864c;
}

.navbar{
     position:fixed;
     width: 100%;
     top: 0;
     left :0;
     color: black;
     font-family: sans-serif;
     background-color: transparent;
     transition: 0.3s;
     z-index:99;
	 /*background-color:#fff;*/
}
 .top-wraper{
     width:100%;
     height: auto;
    /*background: linear-gradient(180deg,rgba(0,0,0,.5),transparent);*/
}


.whats-app{
 width:32px;
 z-index:120000;
}
.whats-app img {
 animation-name: floating;
 animation-duration: 3s;
 animation-iteration-count: infinite;
 animation-timing-function: ease-in-out;
 opacity:1;
 max-width:32px;
}
.whats-app-forest:hover img {
 opacity:1 
}
@keyframes floating {
 from {
  transform: translate(0, 0px);
 }
 65% {
  transform: translate(0, 5px);
 }
 to {
  transform: translate(0, -0px);
 }
}   

.menu-container{
	width:auto;
	height: auto;
	float:right;
	/*padding-right:2em;*/
	margin-top: 4px;
}

header #logo {
     display: inline-block;
     float: left;
     color: #fcfcfc;
     text-shadow: 0.1em 0.03em #C0392B;
     font-weight: 400;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     width: auto;
     padding:0px 0px;
     margin-top: -22px;
     margin-bottom:5px;
}

header #logo img {
    /* -webkit-filter: brightness(0) invert(1); */
    /* filter: brightness(0) invert(1); */
}
 header.smaller #logo img {
     width: auto;
     height: 60px;
     margin-top:5px;
     -webkit-filter: brightness(1) invert(0);
     filter: brightness(1) invert(0);
}
 header.smaller .top-right .menu-container{margin-top:0.5em;}
 header.smaller #logo {
     width: auto;
     height: auto;
     margin-top:0px;
	 padding:0px 0px;
	 margin-bottom:0px;
	 top:0px;
}
 header.smaller .top-right-call {
     display:none !important 
}


header.smaller .top-quick-link{ display: block}
 header.smaller .nav a{
     color:#333 !important;
     line-height: 20px;
}
header.smaller .top-right .whats-app{background-color:#fff !important;height: 46px;padding-top:0px;padding-bottom:0px;}
.top-right {
     padding-top:0%;
	 margin-top:0px;
}
header.smaller .top-wrap-right{ display:none}
.scrolled {
    /* background-image: linear-gradient(to right, #e6225b 34%,#ff99ac 100%) !important;
     */
     transition: 0.3s;
     height: auto;
     background:none !important;
     background-color:#fff !important ;
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}





.footer-top-wraper{
	width:100%;
	height:auto;
	padding-top: 65px;
	padding-bottom:45px;
	/*border-top:1px solid #ccc;*/
}


.footer-content{
	width:25%;
	height:auto;
	float:left;
	margin-top: 15px;
}
.footer-content:nth-child(1){ margin-top:0px;}
.footer-content:nth-child(2){ width:20%}
.footer-content:nth-child(3){ width:30%;}
.footer-content:nth-child(4){ width:20%}

.footer-social{
	width:100%;
	height:auto;
}

.footer-logo{
	width: 80%;
	height:auto;
	text-align:left;
	margin-bottom:0.5em;
}
.footer-address-wrap{
	width:100%;
	height:auto;
}

.footer-content ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.footer-content ul li{
	font-family: inherit;
	font-size:1em;
	line-height: 35px;
	margin-bottom: 15px;
	background: url(../images/footer-listing.png) no-repeat left center;
	padding-left:15px;
}
.footer-content ul li a{
     font-family: inherit;
     font-size:1em;
     color:rgba(102,102,102,1);
     -webkit-transition: padding .2s;
     -moz-transition: padding .2s;
     -o-transition: padding .2s;
     transition: padding .2s;
     font-weight: normal;
}
 .footer-content ul li a:hover{
    font-family: inherit;
     font-size:1em;
      color:#333;
     padding-left:3px;
     font-weight: normal 
}
.footer-content-title{
	width:100%;
	height:auto;
	font-size:1.375em;
	font-family: 'geomanistregular';
	font-weight: normal;
	color: #04488e;
	margin-bottom:25px;
	text-transform:uppercase;
}
.footer-content-title span{
	height:auto;
	font-size:1em;
	font-family: 'geomanist-book';
	font-weight: normal;
	color: #dd0734;
}


.footer-address-container {
    width: 100%;
    height: auto;
    padding-bottom:5px;
    padding-top:5px;
    padding-bottom: 25px;
}

.footer-details-icon{
	width:auto;
	height:auto;
	float:left;
	display:table-cell;
	text-align:left;
	color:#05431b;
	font-size:1.75em;
	margin-right:10px;
	margin-top:-3px;
}

.footer-details {
    width: auto;
    height: auto;
    float: left;
	font-size:1em;
}
.footer-details p {
    width: 100%;
    height: auto;
    font-family: inherit;
	font-size: 1em;
	color: rgba(102,102,102,1);
    line-height: 26px;
    font-weight: normal;
	padding-right:0%
}
.footer-quick-contact{
	width:100%;
	height:auto;
}
.footer-quick {
   width:100%;
   height:auto;
   margin-bottom: 18px;
}
.footer-quick-box{
	 width: 100%;
    height: 42px;
    border: 1px solid #848484;
    padding-left: 2.5%;
    padding-right: 2.5%;
    line-height: 42px;
    font-weight: normal;
    font-style: normal;
    color: #666;
    font-size: 1em;
	 background-color: #fff;
    font-family: inherit;
}
.footer-quick-box-area{
	 width: 100%;
    height: 92px;

    border: 1px solid #848484;
    padding-left: 2.5%;
    padding-right: 2.5%;
    line-height: 26px;
    font-weight: normal;
    font-style: normal;
    color: #666;
    font-size: 1em;
	 background-color: #fff;
    font-family: inherit;
}

input.footer-quick-box::-webkit-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 input.footer-quick-box::-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 input.footer-quick-box:-ms-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 input.footer-quick-box:-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 textarea.footer-quick-box-area::-webkit-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 textarea.footer-quick-box-area::-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 textarea.footer-quick-box-area:-ms-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 textarea.footer-quick-box-area:-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
.ftr-submit{
	color:#fff;
    outline:none;
    background:transparent;
    padding-left:25px;
	padding-right:25px;
    line-height:38px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-family: inherit;
    font-size:1.25em;
    font-weight:600;
	text-align:center;
	float:right;
	text-transform:uppercase;
}

.ftr-submit:before, .ftr-submit:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    background: #dd0734;
    z-index:-1;
    transform:translate3D(0,-100%,0);
    transition:all .5s;
}
.ftr-submit:before{
    
background: #04488e;
    
z-index:-2;
    
transform:translate3D(0,0,0);
}
.ftr-submit:hover{
    color:#fff;
}
.ftr-submit:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}


.footer-social-links {
     padding: 0;
     margin: 3px 0 0;
     text-align:left;
	 margin-top:1.5em;
}
.footer-social-links ul{
	  margin:0px;
     padding:0px;
     list-style-type:none;
	 width:auto;
}
 .footer-social-links ul li {
	  height:42px;
     width:42px;
	 float:left;
	 margin-right:8px;
	 background: none;
	 padding-left:0px;
	 
}

 .footer-social-links ul li a {
     height:42px;
     width: auto;
     display: block;
     text-align: center;
     background-color: #dd0734;
     font-size:1.5em;
     color:#fff;
     line-height:42px;
     border-radius:50%;
}
 .footer-social-links ul li a:hover {
	 color: #04488e;
	 font-size:1.5em;
	 background-color:#fff;
}
.whatsaap-for{
	width:100%;
	height:auto;
	margin-bottom:60px;
	display:flex;
	align-items:center;
}
.footer-whatsapp{
	width:auto;
	height:auto;
	float:left
}
.footer-whatsapp-container{
	width:auto;
	height:auto;
	float:left;
	margin-left:10px;
}
.footer-whats-title{
	width:100%;
	height:auto;
	text-align:left;
	font-family:inherit;
	font-size:1em;
	color:#ecae06;
	font-weight:normal;
}
.footer-whats-no{
	width:100%;
	height:auto;
	text-align:left;
	font-family:inherit;
	font-size:1.25em;
	color:#333;
	font-weight:normal;
}

.logo-container {
    width: auto;
    height: auto;
    float: left;
    text-align: left;
    top: 30px;
    position: absolute;
}

.banner-wraper{
	width:100%;
	height:auto;
	position:relative;
}
.banner-pics{
	width:100%;
	height:auto;
}
/*.banner-caption-wrap{
	width:100%;
	height:100%;
	position:absolute;
	margin:auto;
	bottom:0;
	left:0;
	right:0;
	top:0;
	display:flex;
	align-items:center;
}*/

.banner-caption-wrap{
	width:100%;
	height: auto;
	position:absolute;
	margin:auto;
	bottom:25%;
	left:0;
	right:0;
	display:flex;
	align-items:center;
}
.caption-container{
	width: auto;
	height:auto;
	float:left;
}

.banner-caption-top{
	font-size:3em;
	color:#fff;
	font-family: 'geomanist-light';
	font-weight:normal;
	text-align:left;
	letter-spacing:-1px;
	text-transform:uppercase;
}

.banner-caption-mid{
	font-size:4.375em;
	color:#fff;
	font-family: 'geomanist-medium';
	font-weight:normal;
	text-align:left;
	letter-spacing:-1px;
	text-transform:uppercase;
	line-height:1.2;
}
.banner-caption-title-sub{
	font-family: inherit;
	font-size:1em;
	color:#fff;
	text-align:left;
	line-height:26px;
	font-weight:normal;
	
}
.banner-caption-title-sub span{font-family: 'geomanist-light';
	font-weight:normal;}

.home-project{
	width:100%;
	height:auto;
	padding-top:60px;
	background-color:#fff;
}
.home-sub-title{
	width:100%;
	height:auto;
	text-align:center;
	padding-bottom:40px;
	font-size:2.813em;
	color: #04488e;
	font-family: 'geomanist-light';
	text-transform:uppercase;
	letter-spacing:-1px;
}
.home-sub-title span{
	font-family: 'geomanist-book';
	color: #dd0734;
	font-size:1em;
}
.home-project-container{
	width:100%;
	height:auto;
}
.home-project-for{
	width:25%;
	height:auto;
	float:left;
}
.why-elshaddai{
	width:100%;
	height:auto;
	background:url(../images/why-bg.jpg) no-repeat;
	background-size:cover;
	padding-top:160px;
	padding-bottom:50px;
}
.why-elshaddai-container{
	width:100%;
	height:auto;
	background-color:#fff;
	padding:30px 40px;
	display:table;
}
.why-elshaddai-content{
	width:auto;
	height:auto;
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	padding-right:2em;
}
.why-elshaddai-content ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.why-elshaddai-content ul li{
	font-family: inherit;
	font-size: 1em;
	line-height: 26px;
	margin-bottom: 8px;
	background: url(../images/footer-listing.png) no-repeat left 10px;
	padding-left: 15px;
	color:#333;
	font-weight:normal;
}
.why-elshaddai-pic{
	width:100%;
	height:auto;
}
.chairmans-wrap{
	width:100%;
	height:auto;
	background-color: #213e72;
	padding-top:70px;
	padding-bottom:50px;
	margin-top:60px;
}
.home-mission{
	width:100%;
	height:auto;
	padding-top:1em;
	padding-bottom:1em;
}
.home-mission-icon{
	width:10%;
	height:auto;
	float:left;
}
.home-mission-details{
	width:90%;
	height:auto;
	float:left;
	padding-left:0.5em;
}

.home-mission-details p{
    font-family: inherit;
    font-size: 1em;
    color: #fff;
    text-align: left;
    line-height: 26px;
    font-weight: normal;
}

.home-mission-title{
	width:100%;
	height:auto;
	font-size:1.375em;
	font-family: 'geomanistregular';
	font-weight: normal;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:0.25em
}
.home-mission-title span{
	height:auto;
	font-size:1em;
	font-family: 'geomanist-book';
	font-weight: normal;
	color:#fff;
}
.chairmans-pic{
    width:35%;
    height: auto;
    float: left;
    margin-bottom: -15em;
    z-index:90;
    position: relative;
    background: url(../images/home-servicebg.html) no-repeat;







        background-size: auto;
    background-size: cover;
    padding: 2em 1em;
}
.chairmans-message{
	width:65%;
	height:auto;
	float:left;
	padding-left:3%;
	padding-top:1em;
}
.chairmans-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:2.813em;
	color:#fff;
	font-family: 'geomanist-light';
	text-transform:uppercase;
	letter-spacing:-1px;
}
.chairmans-title span{
	font-family: 'geomanist-book';
	color:#fff;
	font-size:1em;
}
.chairmans-message p{
	width:100%;
	height:auto;
	text-align:left;
	color:#fff;
	line-height:24px;
	font-family:inherit;
	font-size:1em;
	font-weight:normal;
}
.chairman{
	width:100%;
	height:auto;
	text-align:left;
	font-size:1.4em;
	color:#fff;
	font-family:inherit;
	font-weight:600;
	margin-top:25px;
	line-height:1;
}

.chairman-post{
	width:100%;
	height:auto;
	text-align:left;
	font-size:1.125em;
	color:#fff;
	font-family:inherit;
	font-weight:normal;
}

.hovereffect-insti {
     width: 100%;
     height: 100%;
     float: left;
     overflow: hidden;
     position: relative;
     text-align: center;
     cursor: default;
     background:#000;
}
 .hovereffect-insti .overlay1 {
     width: 100%;
     height: 100%;
     position: absolute;
     overflow: hidden;
     top: 0;
     left: 0;
    /*padding: 3em;
    */
     text-align: center;
}
 .hovereffect-insti .overlay1 p {
     width: 100%;
     height: 100%;
     display:flex;
     align-items: center;
     justify-content:center;
}
 .hovereffect-insti img {
     display: block;
     position: relative;
     width:100%;
    /* -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
     transition: opacity 0.35s, transform 0.45s;
     -webkit-transform: translate3d(0px,0,0);
     transform: translate3d(0px,0,0);
    */
}
 .hovereffect-insti h2 {
     color: #fff;
     position: relative;
     font-size:1.5em;
     padding:2px 20px;
     text-align:left;
     font-family: 'geomanist-light';
     font-weight: normal;
	 float:left;
}
 .hovereffect-insti h2::after {
    content: " ";
    background-color: #fff;
    font-weight: bold;
    width: 50px;
    height: 1px;
    margin-top: 20px;
    margin-left: 10px; float:right;
}
 .hovereffect-insti .overlay1:before {
     position: absolute;
     top: 20px;
     right: 20px;
     bottom: 20px;
     left: 20px;
     border: 1px solid rgba(255,255,255,0.3);
     content: '';
     opacity: 0;
     filter: alpha(opacity=0);
     -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
     transition: opacity 0.35s, transform 0.45s;
     -webkit-transform: translate3d(-20px,0,0);
     transform: translate3d(-20px,0,0);
     display:flex;
     align-items:center;
}
/* .hovereffect-insti a, .hovereffect-insti p span {
     color: #FFF;
     opacity: 0 ;
     filter: alpha(opacity=0);
}*/
 .hovereffect-insti p .offer {
     color: #FFF;
     opacity: 0 ;
     filter: alpha(opacity=0);
     font-family: 'geomanist-light';
     text-transform: none;
     font-size:1.625em;
     font-style:normal 
}
 .hovereffect-insti p .offer span {
     color: #FFF;
    font-family: 'geomanist-book';
     text-transform: none;
     font-size:1em;
     font-style:600 
}
.hovereffect-insti p .offer::after {
    content: " ";
    background-color: #fff;
    font-weight: bold;
    width: 50px;
    height: 1px;
    float: right;
    margin-top: 20px;
    margin-left: 10px;
}
 .hovereffect-insti a, .hovereffect-insti h3 {
     color: #FFF;
     opacity: 1;
     filter: alpha(opacity=100);
}

 .hovereffect-insti:hover .overlay1:before, .hovereffect-insti:hover a{
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}
 .hovereffect-insti:hover .overlay1:before, .hovereffect-insti:hover h3 {
     opacity:0;
     filter: alpha(opacity=0);
}
 .hovereffect-insti:hover img {
     opacity: 0.3;
     filter: alpha(opacity=30);
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}



 .hovereffect-insti:hover .overlay1:before, .hovereffect-insti:hover a, .hovereffect-insti:hover p .offer {
     opacity: 1;
     filter: alpha(opacity=100);
}
 .hovereffect-insti:hover .overlay1:before, .hovereffect-insti:hover a, .hovereffect-insti:hover p .offer1 {
     opacity: 1;
     filter: alpha(opacity=100);
}
 .hovereffect-insti:hover .overlay1:before, .hovereffect-insti:hover a, .hovereffect-insti:hover p .offer1 span {
     opacity: 1;
     filter: alpha(opacity=100);
     text-decoration:line-through !important 
}
 .special-name{
     bottom:1em;
     left:0em;
     position:absolute;
     width:100%;
}
.elshadi-groups{
	width:49.5%;
	height:auto;
	float:left;
	margin-bottom:1%;
}
.elshadi-groups:nth-child(3){ width:100%;}
.elshadi-groups:nth-child(2){ float:right;}
.elshadi-groups:nth-child(5){ float:right;}

.welcome-wraper{
	width:100%;
	height:auto;
	padding-top:60px;
	padding-bottom:60px;
}
.welcome-content{
	width:40%;
	height:auto;
	float:left;
	padding-right:2%;
	float:left;
}
.welcome-content:nth-child(2){ padding-right:0%; padding-left:2%; width:60%}
.welcome-title{
	width:100%;
	height:auto;
	text-align:left;
	font-family: 'geomanist-light';
	text-transform:uppercase;
	color: #04488e;
	font-size:2.25em;
	letter-spacing:-1px;
}
.welcome-content p{
	width:100%;
	height:auto;
	text-align:left;
	line-height:28px;
	font-size:1.125em;
	color:#333;
	font-family:inherit;
	font-weight:normal;
}

.welcome-title span{
	height:auto;
	text-align:left;
	font-family: 'geomanist-book';
	color: #dd0734;
	font-size:1em;
}

.know-more{
     color:#fff;
     outline:none;
     background:transparent;
     padding-left:30px;
     padding-right:30px;
     line-height:40px;
     position:relative;
     display:inline-block;
     cursor:pointer;
     text-decoration:none;
     overflow:hidden;
     transition:all .5s;
     z-index:1;
     font-family: inherit;
     font-size:1.25em !important;
     color:#fff;
     font-weight:500;
     text-align:center;
     float:left;
	 text-transform:uppercase;
	 margin-top:1em;
}
 .know-more:before, .know-more:after {
     content:'';
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     height:100%;
     background:#539540;
     z-index:-1;
     transform:translate3D(0,-100%,0);
     transition:all .5s;
}
 .know-more:before {
     background:#faae1a;
     z-index:-2;
     transform:translate3D(0,0,0);
}
 .know-more:hover {
     color:#fff;
}
 .know-more:hover:after {
     transform:translate3D(0,0,0);
     transition:all .5s;
}
.employees{
	width:50%;
	height:auto;
	float:left;
	border-right:1px solid #ccc;
	/*border-bottom:1px solid #ccc;*/
	padding-bottom:10px;
	padding-top:30px;
	display:flex;
	justify-content:center;
}
.employees:nth-child(2n+2){ border-right:0px;}
.employees:nth-child(n+3){ border-bottom:0px; padding-bottom:10px; padding-top:30px;}

.employee-icon{
	width:100%;
	height:auto;
	text-align:center;
	float:left;
	margin-bottom:0.5em;
}
.employ-for{ min-width:105px;}
.employee-count{
	width:100%;
	height:auto;
	text-align: center;
	line-height:1;
	font-family:inherit;
	font-size:2em;
	font-family: 'geomanist-book';
	color:#666;
}
.employee-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:1.125em;
	font-family: 'geomanist-book';
	color:#666;
	text-transform:uppercase;
	margin-top:5px;
}


/********************************************* START ABOUT US  *********************************************/
.inner-wrap {
    width: 100%;
    height: auto;
    padding-top:40px;
    background-color: #fff;
}


.bredcum-wraper{
	width:100%;
	height:auto;
	padding-top:30px;
}
.bredcum-container{
	width:auto;
	height:auto;
	float:right;
}
.bred-home{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
	font-weight: normal;
	font-size:1.25em;
	color:#666;
	line-height:30px;
	text-transform: capitalize;
}
.bred-home a{

	width:auto;
	height:auto;
	float:left;



	font-family: inherit;
	font-weight: normal;
	font-size:1em;
	color:#333;
	line-height:30px;
	
}
.bred-home a:hover{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
	font-weight: normal;
	font-size:1em;
	color:#000;
	line-height:30px;
}
.bred-arrow{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
	font-weight: normal;
	font-size:1em;
	color:#666;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
}
.bred-next{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
	font-weight: normal;
	font-size:1.25em;
	color: #04488e;
	line-height:30px;
	text-transform: capitalize;
}
.vision-wrap{
	width:100%;
	height:auto;
	margin-top:1em;
	display:table
}
.vision-pic{
	width:40%;
	height:auto;
	display:table-cell;
	text-align:left;
}
.vision-details{
	width:60%;
	height:auto;
	text-align:right;
	display: table-cell;
	vertical-align:middle;
	padding-left:5%;
}
.vision-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:1.875em;
	text-transform:uppercase;
	color:#d7a301;
	font-family: 'geomanist-book';
}
.value-pic{
	width:50%;
	height:auto;
	float:right;
}
.valus-container{
	width:50%;
	height:auto;
	float:left;
	padding-left: 5%;
	padding-right:2%;
	padding-top:5%
}
.valus-container ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	margin-top:1em;
}
.valus-container ul li{
	font-family:inherit;
	font-size:1em;
	color:#fff;
	margin-bottom:0.5em;
	font-weight: normal;
	background:url(../images/footer-listing.png) no-repeat left 8px;
	padding-left:12px;
	
}

.inner-banner-caption-mid {
    font-size:3.5em;
    color: #fff;
    font-family: 'geomanist-medium';
    font-weight: normal;
    text-align: left;
    letter-spacing: -1px;
    text-transform: uppercase;
    line-height: 1.2;
}



/********************************************* END ABOUT US  *********************************************/

/********************************************* START CONTACT US  *********************************************/
.contact-container{
	width:50%;
	height:auto;
	float:left;
}
.location-wrap{
	width:100%;
	height:auto;
	margin-top: -8em;
position: relative;
float:left;
margin-bottom:40px;
}
.contact-enquiry{
	width:45%;
	height:auto;
	float:right;
	background-color:#d7a301;
	border-radius:5px;
	padding:50px 45px;
	position:relative;
	z-index:9;
}
.contact-container p{
	width:100%;
	height:auto;
	font-family:inherit;
	font-size:1.125em;
	color:#333;
	font-weight:normal;
}
.contact-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:2em;
	color: #04488e;
	font-family: inherit;
	text-transform:uppercase;
	font-family: 'geomanist-light';
}
.contact-title span{
	font-size:1em;
	color: #dd0734;
	font-family: inherit;
	text-transform:uppercase;
	font-family: 'geomanist-book';
}

.enquiry-container{
	width:100%;
	height:auto;
	margin-top:10px;
}
.careers-box {
    width: 100%;
    height:60px;
    padding-left: 2.5%;
    padding-right: 2.5%;
    line-height:60px;
    font-weight: normal;
    font-style: normal;
    color: #fff;
    font-size: 1.125em;
    background-color:rgba(255,255,255,0.2);
    font-family: inherit;
}
.calback-box1 {
    width: 100%;
    height: 130px;
    padding-left: 2.5%;
    padding-right: 2.5%;
    line-height: 26px;
    font-weight: normal;
    font-style: normal;
    color: #fff;
    font-size: 1.125em;
    padding-top: 0.5em;
	background-color:rgba(255,255,255,0.2);
}
.save{
	color: #04488e;
	outline:none;
	background:transparent;
	padding-left:25px;
	padding-right:25px;
	line-height:38px;
	position:relative;
	display:inline-block;
	cursor:pointer;
	text-decoration:none;
	overflow:hidden;
	transition:all .5s;
	z-index:1;
	font-family: inherit;
	font-size:1.25em;
	font-weight: normal;
	text-align:center;
	float:left;
}

.save:before, .save:after{

content:'';

position:absolute;

left:0;


top:0;

right:0;

bottom:0;

height:100%;

background: #04488e;

z-index:-1;

transform:translate3D(0,-100%,0);

transition:all .5s;
}
.save:before{
    
	background:#fff;
    z-index:-2;
    transform:translate3D(0,0,0);
}
.save:hover{
    color:#fff;
}
.save:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}

input.careers-box::-webkit-input-placeholder {
     color:#fff !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 input.careers-box::-moz-placeholder {
     color:#fff !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight: normal;
}
 input.careers-box:-ms-input-placeholder {
     color:#fff !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
      font-weight: normal;
}
 input.careers-box:-moz-placeholder {
     color:#fff !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
      font-weight: normal;
}
 textarea.calback-box1::-webkit-input-placeholder {
     color:#fff !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
      font-weight: normal;
}
 textarea.calback-box1::-moz-placeholder {
     color:#fff !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
      font-weight: normal;
}
 textarea.calback-box1:-ms-input-placeholder {
     color:#fff !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
      font-weight: normal;
}
 textarea.calback-box1:-moz-placeholder {
     color:#fff !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
      font-weight: normal;
}

.contact-enquiry-title {
    width: 100%;
    height: auto;
    font-size:2em;
    color: #fff;
    font-family: inherit;
	text-transform:uppercase;
	font-family: 'geomanist-light';
}
.contact-content{
	width:100%;
	height:auto;
	align-items:center;
	margin-top:1em;
	margin-bottom:2em;
}
.contact-icon{
	width:auto;
	height:auto;
	float:left;
	margin-right:1em;
}
.contact-for{
	width:auto;
	height:auto;
	float:left;
}
.contact-title-for{
	width:100%;
	height:auto;
	text-align:left;
	text-transform:uppercase;
	color: #dd0734;
	font-family: 'geomanist-book';
	font-size:1.125em;
	margin-bottom:5px;
}
.contact-for p{
	width:100%;
	height:auto;
	font-family:inherit;
	font-size:1.125em;
	color:#333;
	font-weight:normal;
}

/********************************************* END CONTACT US  *********************************************/



/********************************************* START CAREERS  *********************************************/

.careers-container{
	width:50%;
	height:auto;
	margin:0 auto;
	background-color:#f9f9f9;
	border:1px dotted #ccc;
	padding:45px 50px;
}
.careers-title{
	width:100%;
	height:auto;
	text-align:left;
	font-family: inherit;
	font-size:1.125em;
	font-weight:normal;
	margin-bottom:1em;
}
.careers-box-main {
    width: 100%;
    height:60px;
    padding-left: 2.5%;
    padding-right: 2.5%;
    line-height:60px;
    font-weight: normal;
    font-style: normal;
    font-size: 1.125em;
    background-color:rgba(255,255,255,1);
    font-family: inherit;
	border:1px solid #ccc;
}
.careers-box-main-box1 {
    width: 100%;
    height: 240px;
    padding-left: 2.5%;
    padding-right: 2.5%;
    line-height: 26px;
    font-weight: normal;
    font-style: normal;
    font-size: 1.125em;
    padding-top: 0.5em;
	background-color:rgba(255,255,255,1);
	border:1px solid #ccc;
}
.submit-button{
	color:#fff;
    outline:none;
    background:transparent;
    padding-left:25px;
	padding-right:25px;
    line-height:38px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-family: inherit;
    font-size:1.25em;
    font-weight: normal;
	text-align:center;
	float:right;
}

.submit-button:before, .submit-button:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    background:#fff;
    z-index:-1;
    transform:translate3D(0,-100%,0);
    transition:all .5s;
	
}
.submit-button:before{
    
	background:#539540;
    z-index:-2;
    transform:translate3D(0,0,0);
}
.submit-button:hover{
    color:#539540;
}
.submit-button:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}

input.careers-box-main::-webkit-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 input.careers-box-main::-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight: normal;
}
 input.careers-box-main:-ms-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
      font-weight: normal;
}
 input.careers-box-main:-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
      font-weight: normal;
}
 textarea.careers-box-main-box1::-webkit-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
      font-weight: normal;
}
 textarea.careers-box-main-box1::-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
      font-weight: normal;
}
 textarea.careers-box-main-box1:-ms-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
      font-weight: normal;
}
 textarea.careers-box-main-box1:-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
      font-weight: normal;
}
.careers-for{
	width:100%;
	height:auto;
	margin-bottom:15px;
}
/********************************************* END CAREERS  *********************************************/


/********************************************* START GROUP COMPANIES  *********************************************/
.inner-title{
	width:100%;
	height:auto;
	text-align:left;
	text-align:left;
	font-family: 'geomanist-light';
	text-transform:uppercase;
	color: #04488e;
	font-size:2.813em;
	letter-spacing:-1px;
}



.inner-title span{
	height:auto;
	text-align:left;
	font-family: 'geomanist-book';
	color: #dd0734;
	font-size:1em;
}
.group-company-wrap{
	width:100%;
	height:auto;
}
.group-companies{
	width:48.5%;
	height:auto;
	float:left;
	margin-right:3%;
	margin-top:2em;
	margin-bottom:3em;
}
.group-companies:nth-child(2n+2){ margin-right:0%;}
.group-company-pic{
	width:50%;
	height:auto;
	float:left;
	padding-right:2%;
}
.group-company-content{
	width:50%;
	height:auto;
	float:left;
	padding-left:2%;
}
.group-company-content-title{
	width:100%;
	height:auto;
	text-align:left;
	font-family: 'geomanist-book';
	color: #d7a301;
	font-size:1.85em;
	text-transform:uppercase;
}
.group-company-content p{
	width:100%;
	height:auto;
	font-family:inherit;
	font-size:1.125em;
	color:#666;
	line-height:26px;
}

.readmore{
	color:#539540;
    outline:none;
    background:transparent;
    padding-left:25px;
	padding-right:25px;
    line-height:38px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-family: inherit;
    font-size:1.125em;
    font-weight: normal;
	text-align:center;
	float:left;
	margin-top:1em;
	text-transform:uppercase;
	border:1px solid #539540;
}

.readmore:before, .readmore:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    background:#539540;
    z-index:-1;
    transform:translate3D(0,-100%,0);
    transition:all .5s;
	
}
.readmore:before{
    
	background:#fff;
    z-index:-2;
    transform:translate3D(0,0,0);
}
.readmore:hover{
    color:#fff;
}
.readmore:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}
/********************************************* END GROUP COMPANIES  *********************************************/


/********************************************* START GALLERY  *********************************************/
.gallery-wrap{
	width:100%;
	height:auto;
	padding-top:1em;
}
.gallery-container {
    width:33%;
    height: auto;
    float: left;
    margin-right: 0.5%;
    position: relative;
    background-color: #fff;
    margin-bottom: 0.5%;
}
.gall-pics{ height:295px;}
.gallery-container:nth-child(3n+3){
     margin-right:0%;
}
.gallery-container p {
    width:98%;
    height: auto;
    text-align: left;
    color: #666;
    line-height: 26px;
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:20px;
	text-align:center;
	
}

.box-gallery{
    overflow:hidden;
    position:relative;
    cursor:pointer;
}
.box-gallery img{
    width:100%;
    height:auto;
    transform:scale(1);
    transition:all 0.5s ease 0s;
}
.box-gallery:hover img{
    transform:scale(1.1);
}
.box-gallery .box-content{
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    text-align:center;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    transform:rotateY(180deg) scale(0.5);
    transition:all 0.45s ease-out 0s;
    display:flex;
    align-items:center;
    justify-content:center;
}
.box-gallery:hover .box-content{
    opacity:1;
    transform:rotateY(0deg) scale(1);
}
.box-gallery .box-content:before{
    content:"";
    width:90%;
    height:90%;
    position:absolute;
    top:5%;
    left:5%;
}
.box-gallery .icon{
    display:inline-block;
    padding:0;
    margin:0;
    list-style:none;
    position:relative;
}
.box-gallery .icon li{
    display:inline-block;
}
.box-gallery .icon li a{
    display:block;
    width:50px;
    height:50px;
    line-height:50px;
    border-radius:50%;
    background:#fff;
    font-size:20px;
    color: #04488e;
    transition:all 0.5s ease 0s;
}
.box-gallery .icon li a:hover{
    background: #04488e;
    color:#fff;
}
.box-gallery .content{
    padding:10px;
    text-align:left;
    position:absolute;
    bottom:5%;
    left:5%;
}
.box-gallery .title{
    font-size:20px;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase;
    margin:0 0 5px;
}
.box-gallery .post{
    display:block;
    font-size:18px;
    color:#fff;
}
/********************************************* END GALLERY  *********************************************/


/********************************************* START MESSAGE  *********************************************/
.message-main{

	width:100%;
	height:auto;
	display:table;

	margin-top:1em;
}
.message-pic{
	width:35%;
	height:auto;
	display:table-cell;
	text-align:left;
}
.message-content-for{
	width:65%;
	display: table-cell;
	vertical-align: middle;
	text-align:left;
	padding-left:5%;
	
}
.message-content-for p{
	width:100%;
	height:auto;
	text-align:left;
	font-family:inherit;
	line-height:26px;
	color:#666;
}
.welcome-wraper p{
	width:100%;
	height:auto;
	text-align: justify;
	font-family:inherit;
	line-height:26px;
	color:#666;
	font-size:1em;
}
.message-content-for p::before {
    content: "";
    display: block;
    width: 54px;
    height: 46px;
    float: left;
    margin-right: 0.5em;
    background: url(../images/review.png) no-repeat;
    margin-top:-4em;
}
.chairman-post-main{
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 1.125em;
    color: #444;
    font-family: inherit;
    font-weight: normal;
}
.chairman-name {
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 1.4em;
    color: #444;
    font-family: inherit;
    font-weight: 600;
    margin-top: 25px;
    line-height: 1;
}
/********************************************* START MESSAGE  *********************************************/
.hollidays{
	width:100%;
	height:auto;
	margin-top:2em;
}
.hollidays-title{
	width:100%;
	height:auto;
	text-align:left;
	text-transform:uppercase;
	color:#d7a301;
	font-size:1.85em;
	font-family: 'geomanist-book';
}
.hillidays-pic{
	width:30%;
	height:auto;
	display:table-cell;
	text-align:left
}
.hollidays-container{
	width:70%;
	height:auto;
	display:table-cell;
	text-align:left;
	padding-left:3%;
	vertical-align:middle;
}
.hollidays-container p{
	width:100%;
	height:auto;
	text-align:left;
	font-family:inherit;
	line-height:26px;
	color:#666;
	font-size:1em;
}
.hollidays-sub{
	width:100%;
	height:auto;
	margin-top:1em;
}
.hollidays-title-sub{
	width:100%;
	height:auto;
	text-align:left;
	text-transform:uppercase;
	color:#539540;
	font-size:1.5em;
	font-family: 'geomanist-book';
}
.hollidays-content{
	width:100%;
	height:auto;
	padding-top:0.5em;
	display:table
}

/***************************************************** START DOWNLOADS *****************************************************/
a .download-container{
	width:60%;
	height:auto;
	margin-bottom:2em;
	display:flex;
	align-items:center;
	padding-bottom:2em;
	border-bottom:1px solid #ccc;
	float:left;
}
a:nth-last-child(1) .download-container{
 border-bottom:1px solid #fff;
 padding-bottom:0px;
 margin-bottom:0px;
}
a .download-container .download-book{
	width:5%;
	height:auto;
	float:left;
	color:#666;
	font-size:4em;
	text-align:left;
	padding-right:1em
}

a .download-container .download-book img {
    -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

a:hover .download-container .download-book img {
    -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
a:hover .download-container .download-book{
	width: 5%;
	height:auto;
	float:left;
	color:#ec2228;
	font-size:4em;
	padding-right:1em
}
a .download-container .download-details{
	width:80%;
	height:auto;
	float:left;
	display:flex;
	align-items:center;
}
a .download-container .download-title{
	width:auto;
	height:auto;
	text-align:left;
	font-family:inherit;
	color:#666;
	font-size:1.250em;
	font-weight:500;
	float:left;
	line-height:40px;
	min-width:50%
}
a:hover .download-container .download-title{ color:#ec2228;}

a .download-container .download-now{
	width:auto;
	height:auto;
	font-family:inherit;
	font-size:1.250em;
	color:#065161;
	font-weight:500;
	float:left;
	text-align:right;
	line-height:40px;
	display:flex;
	align-items:center;
	
}


a:hover .download-container .download-now {
	width:auto;
	height:auto;
	font-family:inherit;
	font-size:1.25em;
	color:#ec2228;
	font-weight:500;
	border-bottom:1px solid #fff;
	line-height:40px;
	float:left

}




a .download-container .download-now img {
    -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

a:hover .download-container .download-now img {
    -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.download-wraper{
	width:100%;
	height:auto;
	padding-top:1em;
}

/***************************************************** END DOWNLOADS *****************************************************/

.companies {
     width: 100%;
     height: 100%;
     float: left;
     overflow: hidden;
     position: relative;
     text-align: center;
     cursor: default;
     background:#000;
}
 .companies .overlay1 {
     width: 100%;
     height: 100%;
     position: absolute;
     overflow: hidden;
     top: 0;
     left: 0;
    /*padding: 3em;
    */
     text-align: center;
}
 .companies .overlay1 p {
     width: 100%;
     height: 100%;
     display:flex;
     align-items: center;
     justify-content:center;
}
.companies img {
     display: block;
     position: relative;
     width:100%;
    /* -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
     transition: opacity 0.35s, transform 0.45s;
     -webkit-transform: translate3d(0px,0,0);
     transform: translate3d(0px,0,0);
    */
}
.companies h2 {
     color: #fff;
     position: relative;
     font-size:1em;
     padding:2px 20px;
     text-align:left;
     font-family: 'geomanist-light';
     font-weight: normal;
	 float:left;
}
 .companies h2::after {
    content: " ";
    background-color: #fff;
    font-weight: bold;
    width: 50px;
    height: 1px;
    margin-top: 12px;
    margin-left: 10px; float:right;
}
 .companies .overlay1:before {
     position: absolute;
     top: 20px;
     right: 20px;
     bottom: 20px;
     left: 20px;
     border: 1px solid rgba(255,255,255,0.3);
     content: '';
     opacity: 0;
     filter: alpha(opacity=0);
     -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
     transition: opacity 0.35s, transform 0.45s;
     -webkit-transform: translate3d(-20px,0,0);
     transform: translate3d(-20px,0,0);
     display:flex;
     align-items:center;
}
/* .hovereffect-insti a, .hovereffect-insti p span {
     color: #FFF;
     opacity: 0 ;
     filter: alpha(opacity=0);
}*/
.companies p .offer {
     color: #FFF;
     opacity: 0 ;
     filter: alpha(opacity=0);
     font-family: 'geomanist-light';
     text-transform: none;
     font-size:1.25em;
     font-style:normal 
}
.companies p .offer span {
     color: #FFF;
    font-family: 'geomanist-book';
     text-transform: none;
     font-size:1em;
     font-style:600 
}
.companies p .offer::after {
    content: " ";
    background-color: #fff;
    font-weight: bold;
    width: 50px;
    height: 1px;
    float: right;
    margin-top: 12px;
    margin-left: 10px;
}
 .companies a, .companies h3 {
     color: #FFF;
     opacity: 1;
     filter: alpha(opacity=100);
}

 .companies:hover .overlay1:before, .companies:hover a{
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}
.companies:hover .overlay1:before, .companies:hover h3 {
     opacity:0;
     filter: alpha(opacity=0);
}
 .companies:hover img {
     opacity: 0.3;
     filter: alpha(opacity=30);
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}

 .companies:hover .overlay1:before, .companies:hover a, .companies:hover p .offer {
     opacity: 1;
     filter: alpha(opacity=100);
}
 .companies:hover .overlay1:before, .companies:hover a, .companies:hover p .offer1 {
     opacity: 1;
     filter: alpha(opacity=100);
}
 .companies:hover .overlay1:before, .companies:hover a, .companies:hover p .offer1 span {
     opacity: 1;
     filter: alpha(opacity=100);
     text-decoration:line-through !important 
}
 .special-name{
     bottom:1em;
     left:0em;
     position:absolute;
     width:100%;
}
.carousel-indicators{ display:none !important}
.desk-view{ display:block}
.mob-view{ display:none}

@media (min-width: 1023px) and (max-width: 1279px) {
	 body {
     text-decoration: none;
     background:#fff;
     font-size:13px !important;
}

     .container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
	
}
 @media (min-width: 1280px) and (max-width: 1359px) {
	  body {
     text-decoration: none;
     background:#fff;
     font-size:14px !important;
}
     .container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
	
	


}
 @media (min-width: 1360px) and (max-width: 1399px) {
	  body {
     text-decoration: none;
     background:#fff;
     font-size:14px !important;
}
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }

}
 @media (min-width: 1400px) and (max-width: 1441px) {
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
	.welcome-content{ width:32%; }
	.welcome-content:nth-child(2) { width: 68%; }
}
 @media (min-width: 1441px) and (max-width: 1599px) {
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
	.welcome-content{ width:32%; }
	.welcome-content:nth-child(2) { width: 68%; }
 }
 @media (min-width:1600px){
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
	.welcome-content{ width:32%; }
	.welcome-content:nth-child(2) { width: 68%; }

 }
@media (max-width:400px) {
	 body {font-size:14px !important; font-family: 'Poppins';}
	  .container{width:100%;padding-left:2.5%; padding-right:2.5% }
	  .copy-right{ width:100%; text-align:center; line-height:28px;}
	  .designed{ width:100%; display:flex; justify-content:center;}
	  .designed p{ line-height:28px;}
	  
	  header #logo{width: 170px;}
	  .logo-container { position:inherit}
	  .top-right {display: inherit;position: absolute;right: 0;top: -50px;width: 65%;z-index: 99;}
	  .menu-container {width: 100%;float: none;background-color:#d7a301;margin-top: 53px;}
	  header.smaller .top-right .menu-container { margin-top:5.7em;}
	  .nav a{ line-height:40px !important}
	  .footer-content{ width:100%; margin-bottom:1em;}
	  .footer-content:nth-child(2){ width:100%; margin-top:0px;}
	  .footer-content:nth-child(3){ width:100%; margin-top:0px;}
	  .footer-content:nth-child(4){ width:100%; margin-top:0px;}
	  
	  .why-elshaddai-container{ width:100%; display:inherit; padding:0px}
	  .why-elshaddai-content{width:100%; display: inherit; padding-right:0%;}
	  .why-elshaddai{padding-top:30px; padding-bottom:20px;}
	  
	  .chairmans-message{ width:100%; padding-left:0%;}
	  .chairmans-pic{ display:none}
	  .chairmans-wrap {padding-top:30px;padding-bottom:20px; margin-top: 30px;}
	  
	  .elshadi-groups{ width:100%;}
	  .welcome-content:nth-child(2){ width:100%; padding-left:0%; margin-top:2%;}
	  .welcome-content{ width:100%; padding-right:0%; padding-bottom:1em;}
	  .welcome-title{ font-size:1.75em;}
	  .banner-caption-mid {font-size:1.75em;}
	  .banner-caption-top{ font-size:1.75em;}
	  .banner-caption-wrap{ bottom:10%;}
	  .navbar{position:inherit;margin-top: 35px;}
	  header #logo img { -webkit-filter: brightness(1) invert(0);  filter: brightness(1) invert(0); }
	  .home-mission-icon{ width:20%;}
	  .home-mission-details{ width:80%;}
	  .home-project-for{ width:50%;}
	  .inner-caption{ display:none}
	  
	  .valus-container{ width:100%; padding-left:2%;}
	  .value-pic{ display:none;}
	  .welcome-wraper {padding-top:30px; padding-bottom:20px;}	
	  .home-sub-title{ padding-bottom:20px; font-size:1.75em}  
	  
	  .group-companies{ width:100%; margin-right:0%;}
	  .inner-title{ font-size:1.75em;}
	  .group-company-content{ width:100%; padding-left:0%; padding-top:10px;}
	  .group-company-pic{ width:auto; max-width:100%;}
	  .gall-pics{ height:85px;}
	  .careers-container{ width:100%; margin-top:1.5em; padding:10px 10px;}
	  
	  .contact-container{ width:100%;}
	  .contact-enquiry{ width:100%; padding:20px 20px;}
	  .footer-logo{ display:none}
	  .about-pic{ display:none}
	  .hollidays-content{ display:inherit}
	  .hillidays-pic{ width:auto; max-width:100%; display: inherit; padding-bottom:0.5em}
	  .hollidays-container{ width:100%; padding-left:0%; margin-top:0.5em;}
	  .hollidays-title{ text-transform:none}
	  .desk-view{ display:none}
	  .mob-view{ display:block}
	  .slick-initialized .banner-slide{ height:100% !important}
	
}
@media (min-width:401px) and (max-width:480px){
 	
	 body {font-size:15px !important; font-family: 'Poppins';}
	  .container{width:100%;padding-left:2.5%; padding-right:2.5% }
	  .copy-right{ width:100%; text-align:center; line-height:28px;}
	  .designed{ width:100%; display:flex; justify-content:center;}
	  .designed p{ line-height:28px;}
	  
	  header #logo{width: 170px;}
	  .logo-container { position:inherit}
	  .top-right {display: inherit;position: absolute;right: 0;top: -55px;width: 65%;z-index: 99;}
	  .menu-container {width: 100%;float: none;margin-top: 0px;background-color: #116fb2f0;margin-top: 58px;}
	  header.smaller .top-right .menu-container { margin-top:5em;}
	  .nav a{ line-height:40px !important}
	  
	  .footer-content{ width:100%; margin-bottom:1em;}
	  .footer-content:nth-child(2){ width:45%; margin-top:0px; }
	  .footer-content:nth-child(3){ width:55%; margin-top:0px; padding-left:3%;}
	  .footer-content:nth-child(4){ width:100%; margin-top:0px;}
	  
	  .why-elshaddai-container{ width:100%; display:inherit; padding:0px}
	  .why-elshaddai-content{width:100%; display: inherit; padding-right:0%;}
	  .why-elshaddai{padding-top:30px; padding-bottom:20px;}
	  
	  .chairmans-message{ width:100%; padding-left:0%;}
	  .chairmans-pic{ display:none}
	  .chairmans-wrap {padding-top:30px;padding-bottom:20px; margin-top: 30px;}
	  
	  .elshadi-groups{ width:100%;}
	  .welcome-content:nth-child(2){ width:100%; padding-left:0%; margin-top:2%;}
	  .welcome-content{ width:100%; padding-right:0%; padding-bottom:1em;}
	  .welcome-title{ font-size:1.75em;}
	  .banner-caption-mid {font-size:1.75em;}
	  .banner-caption-top{ font-size:1.75em;}
	  .banner-caption-wrap{ bottom:10%;}
	  .navbar{position:inherit;margin-top: 42px;}
	  header #logo img { -webkit-filter: brightness(1) invert(0);  filter: brightness(1) invert(0); }
	  .home-mission-icon{ width:20%;}
	  .home-mission-details{ width:80%;}
	  .home-project-for{ width:50%;}
	  .inner-caption{ display:none}
	  
	  .valus-container{ width:100%; padding-left:2%;}
	  .value-pic{ display:none;}
	  .welcome-wraper {padding-top:30px; padding-bottom:20px;}	
	  .home-sub-title{ padding-bottom:20px; font-size:1.75em}  
	  
	  .group-companies{ width:100%; margin-right:0%;}
	  .inner-title{ font-size:1.75em;}
	  .group-company-content{ width:100%; padding-left:0%; padding-top:10px;}
	  .group-company-pic{ width:auto; max-width:100%;}
	  .gall-pics{ height:95px;}
	  .careers-container{ width:100%; margin-top:1.5em; padding:10px 10px;}
	  
	  .contact-container{ width:100%;}
	  .contact-enquiry{ width:100%; padding:20px 20px;}
	  .footer-logo{ display:none}
	  .about-pic{ display:none}
	  .hollidays-content{ display:inherit}
	  .hillidays-pic{ width:auto; max-width:100%; display: inherit; padding-bottom:0.5em}
	  .hollidays-container{ width:100%; padding-left:0%; margin-top:0.5em;}
	  .hollidays-title{ text-transform:none}
	   .desk-view{ display:none}
	  .mob-view{ display:block}
	  .slick-initialized .banner-slide{ height:100% !important}
	  
	
}

@media (min-width:481px) and (max-width:580px){
	 
	body {font-size:15px !important; font-family: 'Poppins';}
	  .container{width:100%;padding-left:2.5%; padding-right:2.5% }
	  .copy-right{ width:100%; text-align:center; line-height:28px;}
	  .designed{ width:100%; display:flex; justify-content:center;}
	  .designed p{ line-height:28px;}
	  
	  header #logo{ width:65px;}
	  .logo-container { position:inherit}
	  .top-right {display: inherit; position: absolute; right: 0; top: 0; width: 65%; z-index: 99; }
	  .menu-container {width: 100%; float: none;  margin-top: 0px; background-color:#ecae06;  margin-top:5.3em; }
	  header.smaller .top-right .menu-container { margin-top:5.3em;}
	  .nav a{ line-height:40px !important}
	  
	  .footer-content{ width:100%; margin-bottom:1em;}
	  .footer-content:nth-child(2){ width:45%; margin-top:0px; }
	  .footer-content:nth-child(3){ width:55%; margin-top:0px; padding-left:3%;}
	  .footer-content:nth-child(4){ width:100%; margin-top:0px;}
	  
	  .why-elshaddai-container{ width:100%; display:inherit; padding:0px}
	  .why-elshaddai-content{width:100%; display: inherit; padding-right:0%;}
	  .why-elshaddai{padding-top:30px; padding-bottom:20px;}
	  
	  .chairmans-message{ width:100%; padding-left:0%;}
	  .chairmans-pic{ display:none}
	  .chairmans-wrap {padding-top:30px;padding-bottom:20px; margin-top: 30px;}
	  
	  .elshadi-groups{ width:100%;}
	  .welcome-content:nth-child(2){ width:100%; padding-left:0%; margin-top:2%;}
	  .welcome-content{ width:100%; padding-right:0%; padding-bottom:1em;}
	  .welcome-title{ font-size:1.75em;}
	  .banner-caption-mid {font-size:1.75em;}
	  .banner-caption-top{ font-size:1.75em;}
	  .banner-caption-wrap{ bottom:10%;}
	  .navbar{ position:inherit}
	  header #logo img { -webkit-filter: brightness(1) invert(0);  filter: brightness(1) invert(0); }
	  .home-mission-icon{ width:20%;}
	  .home-mission-details{ width:80%;}
	  .home-project-for{ width:50%;}
	  .inner-caption{ display:none}
	  
	  .valus-container{ width:100%; padding-left:2%;}
	  .value-pic{ display:none;}
	  .welcome-wraper {padding-top:30px; padding-bottom:20px;}	
	  .home-sub-title{ padding-bottom:20px; font-size:1.75em}  
	  
	  .group-companies{ width:100%; margin-right:0%;}
	  .inner-title{ font-size:1.75em;}
	  .group-company-content{ width:100%; padding-left:0%; padding-top:10px;}
	  .group-company-pic{ width:auto; max-width:100%;}
	  .gall-pics{ height:115px;}
	  .careers-container{ width:100%; margin-top:1.5em; padding:10px 10px;}
	  
	  .contact-container{ width:100%;}
	  .contact-enquiry{ width:100%; padding:20px 20px;}
	  .footer-logo{ display:none}
	  .about-pic{ display:none}
	  .hollidays-content{ display:inherit}
	  .hillidays-pic{ width:auto; max-width:100%; display: inherit; padding-bottom:0.5em}
	  .hollidays-container{ width:100%; padding-left:0%; margin-top:0.5em;}
	  .hollidays-title{ text-transform:none}
	   .desk-view{ display:none}
	  .mob-view{ display:block}
	  .slick-initialized .banner-slide{ height:100% !important}
	  
	  
	
	}

@media (min-width:581px) and (max-width:680px){
	
	body {font-size:15px !important; font-family: 'Poppins';}
	  .container{width:100%;padding-left:2.5%; padding-right:2.5% }
	  .copy-right{line-height:28px;}
	  .designed p{ line-height:28px;}
	  
	  header #logo{ width:65px;}
	  .logo-container { position:inherit}
	  .top-right {display: inherit; position: absolute; right: 0; top: 0; width: 65%; z-index: 99; }
	  .menu-container {width: 100%; float: none;  margin-top: 0px; background-color:#ecae06;  margin-top:5.3em; }
	  header.smaller .top-right .menu-container { margin-top:5.3em;}
	  .nav a{ line-height:40px !important}
	  
	  
	  .footer-content{ width:55%; margin-bottom:1em;}
	  .footer-content:nth-child(2){ width:45%; margin-top:0px;padding-left:3%; }
	  .footer-content:nth-child(3){ width:55%; margin-top:0px; }
	  .footer-content:nth-child(4){ width:45%; margin-top:0px; padding-left:3%;}
	  
	  .why-elshaddai-container{ width:100%; display:inherit; padding:0px}
	  .why-elshaddai-content{width:100%; display: inherit; padding-right:0%;}
	  .why-elshaddai{padding-top:30px; padding-bottom:20px;}
	  
	  .chairmans-message{ width:100%; padding-left:0%;}
	  .chairmans-pic{ display:none}
	  .chairmans-wrap {padding-top:30px;padding-bottom:20px; margin-top: 30px;}
	  
	  .elshadi-groups{ width:100%;}
	  .welcome-content:nth-child(2){ width:100%; padding-left:0%; margin-top:2%;}
	  .welcome-content{ width:100%; padding-right:0%; padding-bottom:1em;}
	  .welcome-title{ font-size:1.75em;}
	  .banner-caption-mid {font-size:1.75em;}
	  .banner-caption-top{ font-size:1.75em;}
	  .banner-caption-wrap{ bottom:10%;}
	  .navbar{ position:inherit}
	  header #logo img { -webkit-filter: brightness(1) invert(0);  filter: brightness(1) invert(0); }
	  .home-mission-icon{ width:20%;}
	  .home-mission-details{ width:80%;}
	  .home-project-for{ width:50%;}
	  .inner-caption{ display: block; font-size:10px;}
	  
	  .valus-container{ width:100%; padding-left:2%;}
	  .value-pic{ display:none;}
	  .welcome-wraper {padding-top:30px; padding-bottom:20px;}	
	  .home-sub-title{ padding-bottom:20px; font-size:1.75em}  
	  .group-company-content-title{ font-size:1.5em}
	  .inner-title{ font-size:1.75em;}
	  .group-company-content{ width:100%; padding-left:0%; padding-top:10px;}
	  .group-company-pic{ width:auto; max-width:100%;}
	  .gall-pics{ height:138px;}
	  .careers-container{ width:100%; margin-top:1.5em; padding:10px 10px;}
	  
	  .contact-container{ width:100%;}
	  .contact-enquiry{ width:100%; padding:20px 20px;}
	  .footer-logo{ display:none}
	  .about-pic{ display:none}
	  .hollidays-content{ display:inherit}
	  .hillidays-pic{ width:auto; max-width:100%; display: inherit; padding-bottom:0.5em}
	  .hollidays-container{ width:100%; padding-left:0%; margin-top:0.5em;}
	  .hollidays-title{ text-transform:none}
	   .desk-view{ display:none}
	  .mob-view{ display:block}
	  .slick-initialized .banner-slide{ height:100% !important}
	  
	  
  
	
}




@media (min-width:681px) and (max-width:736px){
 
	body {font-size:15px !important; font-family: 'Poppins';}
	  .container{width:100%;padding-left:2.5%; padding-right:2.5% }
	  .copy-right{line-height:28px;}
	  .designed p{ line-height:28px;}
	 
	  header #logo{ width:65px;}
	  .logo-container { position:inherit}
	  .top-right {display: inherit; position: absolute; right: 0; top: 0; width: 65%; z-index: 99; }
	  .menu-container {width: 100%; float: none;  margin-top: 0px; background-color:#ecae06;  margin-top:5.3em; }
	  header.smaller .top-right .menu-container { margin-top:5.3em;}
	  .nav a{ line-height:40px !important}
	  
	  .footer-content{ width:55%; margin-bottom:1em;}
	  .footer-content:nth-child(2){ width:45%; margin-top:0px;padding-left:3%; }
	  .footer-content:nth-child(3){ width:55%; margin-top:0px; }
	  .footer-content:nth-child(4){ width:45%; margin-top:0px; padding-left:3%;}
	  
	  .why-elshaddai-container{ width:100%; display:inherit; padding:0px}
	  .why-elshaddai-content{width:100%; display: inherit; padding-right:0%;}
	  .why-elshaddai{padding-top:30px; padding-bottom:20px;}
	  
	  .chairmans-message{ width:100%; padding-left:0%;}
	  .chairmans-pic{ display:none}
	  .chairmans-wrap {padding-top:30px;padding-bottom:20px; margin-top: 30px;}
	  
	  .elshadi-groups{ width:100%;}
	  .welcome-content:nth-child(2){ width:100%; padding-left:0%; margin-top:2%;}
	  .welcome-content{ width:100%; padding-right:0%; padding-bottom:1em;}
	  .welcome-title{ font-size:1.75em;}
	  .banner-caption-mid {font-size:1.75em;}
	  .banner-caption-top{ font-size:1.75em;}
	  .banner-caption-wrap{ bottom:10%;}
	  .navbar{ position:inherit}
	  header #logo img { -webkit-filter: brightness(1) invert(0);  filter: brightness(1) invert(0); }
	  .home-mission-icon{ width:20%;}
	  .home-mission-details{ width:80%;}
	  .home-project-for{ width:50%;}
	  .inner-caption{ display: block; font-size:10px;}
	  
	  .valus-container{ width:100%; padding-left:2%;}
	  .value-pic{ display:none;}
	  .welcome-wraper {padding-top:30px; padding-bottom:20px;}	
	  .home-sub-title{ padding-bottom:20px; font-size:1.75em}  
	  .group-company-content-title{ font-size:1.5em}
	  .inner-title{ font-size:1.75em;}
	  .group-company-content{ width:100%; padding-left:0%; padding-top:10px;}
	  .group-company-pic{ width:auto; max-width:100%;}
	  .gall-pics{ height:158px;}
	  .careers-container{ width:100%; margin-top:1.5em; padding:10px 10px;}
	  
	  .contact-container{ width:100%;}
	  .contact-enquiry{ width:100%; padding:20px 20px;}
	  .footer-logo{ display:none}
	  .about-pic{ display:none}
	  .hollidays-content{ display:inherit}

	  .hillidays-pic{ width:auto; max-width:100%; display: inherit; padding-bottom:0.5em}
	  .hollidays-container{ width:100%; padding-left:0%; margin-top:0.5em;}
	  .hollidays-title{ text-transform:none}
	   .desk-view{ display:none}
	  .mob-view{ display:block}
	  .slick-initialized .banner-slide{ height:100% !important}
	  
}


@media (min-width:737px) and (max-width: 768px){
 
	body {font-size:15px !important; font-family: 'Poppins';}
	  .container{width:100%;padding-left:2.5%; padding-right:2.5% }
	  .copy-right{line-height:28px;}
	  .designed p{ line-height:28px;}
	  
	  header #logo{ width:65px;}
	  .logo-container { position:inherit}
	  .top-right {display: inherit; position: absolute; right: 0; top: 0; width: 65%; z-index: 99; }
	  .menu-container {width: 100%; float: none;  margin-top: 0px; background-color:#ecae06;  margin-top:5.3em; }
	  header.smaller .top-right .menu-container { margin-top:5.3em;}
	  .nav a{ line-height:40px !important}
	  
	  .footer-content{ width:55%; margin-bottom:1em;}
	  .footer-content:nth-child(2){ width:45%; margin-top:0px;padding-left:3%; }
	  .footer-content:nth-child(3){ width:55%; margin-top:0px; }
	  .footer-content:nth-child(4){ width:45%; margin-top:0px; padding-left:3%;}
	  
	  .why-elshaddai-container{ width:100%; display:inherit; padding:0px}
	  .why-elshaddai-content{width:100%; display: inherit; padding-right:0%;}
	  .why-elshaddai{padding-top:30px; padding-bottom:20px;}
	  
	  .chairmans-message{ width:100%; padding-left:0%;}
	  .chairmans-pic{ display:none}
	  .chairmans-wrap {padding-top:30px;padding-bottom:20px; margin-top: 30px;}
	  
	  .elshadi-groups{ width:100%;}
	  .welcome-content:nth-child(2){ width:100%; padding-left:0%; margin-top:2%;}
	  .welcome-content{ width:100%; padding-right:0%; padding-bottom:1em;}
	  .welcome-title{ font-size:1.75em;}
	  .banner-caption-mid {font-size:1.75em;}
	  .banner-caption-top{ font-size:1.75em;}
	  .banner-caption-wrap{ bottom:10%;}
	  .navbar{ position:inherit}
	  header #logo img { -webkit-filter: brightness(1) invert(0);  filter: brightness(1) invert(0); }
	  .home-mission-icon{ width:20%;}
	  .home-mission-details{ width:80%;}
	  .home-project-for{ width:50%;}
	  .inner-caption{ display: block; font-size:10px;}
	  
	  .valus-container{ width:100%; padding-left:2%;}
	  .value-pic{ display:none;}
	  .welcome-wraper {padding-top:30px; padding-bottom:20px;}	
	  .home-sub-title{ padding-bottom:20px; font-size:1.75em}  
	  .group-company-content-title{ font-size:1.5em}
	  .inner-title{ font-size:1.75em;}
	  .group-company-content{ width:100%; padding-left:0%; padding-top:10px;}
	  .group-company-pic{ width:auto; max-width:100%;}
	  .gall-pics{ height:158px;}
	  .careers-container{ width:100%; margin-top:1.5em; padding:10px 10px;}
	  
	  .contact-container{ width:100%;}
	  .contact-enquiry{ width:100%; padding:20px 20px;}
	  .footer-logo{ display:none}
	  .about-pic{ display:none}
	  .hollidays-content{ display:inherit}
	  .hillidays-pic{ width:auto; max-width:100%; display: inherit; padding-bottom:0.5em}
	  .hollidays-container{ width:100%; padding-left:0%; margin-top:0.5em;}
	  .hollidays-title{ text-transform:none}
	   .desk-view{ display:none}
	  .mob-view{ display:block}
	  .slick-initialized .banner-slide{ height:100% !important}
	  
}

@media (min-width:769px) and (max-width:991px){
body {font-size:15px !important; font-family: 'Poppins';}
	  .container{width:100%;padding-left:2.5%; padding-right:2.5% }
	  .copy-right{line-height:28px;}
	  .designed p{ line-height:28px;}
	  
	  header #logo{ width:65px;}
	  .logo-container { position:inherit}
	  .top-right {display: inherit; position: absolute; right: 0; top: 0; width: 65%; z-index: 99; }
	  .menu-container {width: 100%; float: none;  margin-top: 0px; background-color:#ecae06;  margin-top:5.3em; }
	  header.smaller .top-right .menu-container { margin-top:5.3em;}
	  .nav a{ line-height:40px !important}

	  
	  .footer-content{ width:55%; margin-bottom:1em;}
	  .footer-content:nth-child(2){ width:45%; margin-top:0px;padding-left:3%; }
	  .footer-content:nth-child(3){ width:55%; margin-top:0px; }
	  .footer-content:nth-child(4){ width:45%; margin-top:0px; padding-left:3%;}
	  
	  .why-elshaddai-container{ width:100%; display:inherit; padding:0px}
	  .why-elshaddai-content{width:100%; display: inherit; padding-right:0%;}
	  .why-elshaddai{padding-top:30px; padding-bottom:20px;}
	  
	  .chairmans-message{ width:100%; padding-left:0%;}
	  .chairmans-pic{ display:none}
	  .chairmans-wrap {padding-top:30px;padding-bottom:20px; margin-top: 30px;}
	  
	  .elshadi-groups{ width:100%;}
	  .welcome-content:nth-child(2){ width:100%; padding-left:0%; margin-top:2%;}
	  .welcome-content{ width:100%; padding-right:0%; padding-bottom:1em;}
	  .welcome-title{ font-size:1.75em;}
	  .banner-caption-mid {font-size:1.75em;}
	  .banner-caption-top{ font-size:1.75em;}
	  .banner-caption-wrap{ bottom:10%;}
	  .navbar{ position:inherit}
	  header #logo img { -webkit-filter: brightness(1) invert(0);  filter: brightness(1) invert(0); }
	  .home-mission-icon{ width:20%;}
	  .home-mission-details{ width:80%;}
	  .home-project-for{ width:50%;}
	  .inner-caption{ display: block; font-size:10px;}
	  
	  .valus-container{ width:100%; padding-left:2%;}
	  .value-pic{ display:none;}
	  .welcome-wraper {padding-top:30px; padding-bottom:20px;}	
	  .home-sub-title{ padding-bottom:20px; font-size:1.75em}  
	  .group-company-content-title{ font-size:1.5em}
	  .inner-title{ font-size:1.75em;}
	  .group-company-content{ width:100%; padding-left:0%; padding-top:10px;}
	  .group-company-pic{ width:auto; max-width:100%;}
	  .gall-pics{ height:158px;}
	  .careers-container{ width:100%; margin-top:1.5em; padding:10px 10px;}
	  
	  .contact-container{ width:100%;}
	  .contact-enquiry{ width:100%; padding:20px 20px;}
	  .footer-logo{ display:none}
	  .about-pic{ display:none}
	  .hollidays-content{ display:inherit}
	  .hillidays-pic{ width:auto; max-width:100%; display: inherit; padding-bottom:0.5em}
	  .hollidays-container{ width:100%; padding-left:0%; margin-top:0.5em;}
	  .hollidays-title{ text-transform:none}
	   .desk-view{ display:none}
	  .mob-view{ display:block}
	  .slick-initialized .banner-slide{ height:100% !important}
	  
	
}

@media (min-width:992px) and (max-width:1199px){
 .container{width:100%;padding-left:3%; padding-right:3% }
 .top-container {width: 100%;  padding-left:3%;  padding-right:3%; }
	.hovereffect-insti h2{ font-size:1.25em;}
	.gall-pics {height: 190px; }

}



.thankyou{ width:100%; height:auto; margin-top:135px; margin-bottom:-50px; text-align:center;}

@media (max-width: 400px) {.thankyou{ width:100%; height:auto; margin-top:35px; margin-bottom:-50px; text-align:center;}}