Body{
	text-align: right;
	font-family: 'Cairo', sans-serif;
}
/*header*/
.top{
    background-color: #005F6B; /* Changed from #004445 */
}
.top ul{
	margin: 5px auto;
	text-align: right;
	display: inline-block;
}
.top div>a{
	float: left;
    margin: 10px;
    max-height: 30px;
    color:#fff;
}
.top ul li,.top_contact ul li,.top_contact ul li a{
	display: inline-block;
    color: #005F6B; /* Changed from #004445 */
    padding: 7px;
	font-size: 15px;
}
.top_contact ul{padding:0;}
.contain{
	position: relative;
	background-image:url(../images/header_bg.jpg);
	background-size:cover;
	    background-position: center;
}
.top_contact {
	margin-bottom: 2em
}
.top_contact ul{
	text-align: left;
	padding-top: 3em;
}
.top_contact ul li i{
	padding: 15px 0;
    margin: 5px;
    font-size: 1em;
    width: 15px;
    height: 50px;
}
.top ul li a{
	color: #fff
}
.top ul li a:hover{
	color: #9DB2BF; /* Changed from #d29b08 */
}
.top_contact .logo{
	height: 130px;
	padding: 5px 0;
}
.top_contact div >a{
	text-align: center;
	text-decoration: none;
}
.top_contact div >a p{
	margin: -8px 0 8px;
    color: #000;
    font-weight: bold;
	font-size: 0.9em;
}
/*menu*/
.navbar{
	direction: rtl;
	background-color: #005F6B ; /* Changed from #004445 */
	position: absolute;
    bottom: -1.5em;
    left: 0;
    right: 0;
	z-index: 99;
	transition:all 1s;
}
.fixed{
	position: fixed !important;
	bottom: unset !important;
	top:0 !important;
	background-color: #005F6B; /* Changed from #004445 */
	padding: 10px 0 !important;
	transition:all 1s;
}
.navbar .navbar-nav{
	margin: auto
}
.navbar .navbar-nav .nav-item .nav-link{
	color: #ffffff;
	padding: 0.5em;
	margin: 0 0.5em;
	font-size: 17px;
	transition: all 0.5s;
	font-weight: bold;
}
.navbar .navbar-nav .nav-item .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link{
	color: #9DB2BF; /* Changed from #d29b08 */
}
.nivo-controlNav{
	display: none;
}
.nivo-directionNav a{
	display: block;
    width: 30px;
    height: 30px;
    background: url(../images/arrows.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	color: transparent !important;
}
.nivo-directionNav a.nivo-prevNav{
	left: 15px;
}
.nivo-directionNav a.nivo-nextNav {
    background-position: -30px 0;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.nivoSlider:hover a{
	opacity: 1;
}
/* about home page */
.about{
	padding: 2em 0;
	background-image:url(../images/mission_bg.jpg);
	background-size:cover
}
.title{
	text-align: center;
	color: #005F6B; /* Changed from #004445 */
	font-weight: bold;
	margin-bottom: 1em;
	display:block
}
.title2{
	color: #9DB2BF; /* Changed from #d29b08 */
}
.title:after{
	content: "";
    display: block;
    text-align: center;
    background-color: #9DB2BF; /* Changed from #d29b08 */
    height: 3px;
    width: 70px;
    margin: 0.5em auto;
}
.title2:after{
	background-color: #005F6B; /* Changed from #004445 */
}
.about p{
	font-size: 1.1em;
	
    direction: rtl;
}
.carousel-item,.carousel-indicators{
	direction: rtl
}
/* services home page */
.services{
	background-image: url(../images/bg.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 400px;
	padding: 2em 0 6em;
}
.services .controls-top{
	position: absolute;
	top: 45%;
	font-size: 2em;
	z-index: 9;
	left: -30px;
	right: -30px
}
.services .controls-top .btn-floating{
	color: #9DB2BF; /* Changed from #d29b08 */
} 
.services .controls-top .btn-floating .fa-chevron-left{
	float: left;
}
.services .card{
	background-color: #9DB2BFb8; /* Changed from #d29b08b8 */
}
.services .card-body>h4{
	color: #005F6B; /* Changed from #004445 */
    font-weight: bold;
    padding-bottom: 15px;
	font-size: 1.3em;
}
.services .card-body>a{
	background-color: #005F6B; /* Changed from #004445 */
	color: #fff; /* Changed for better contrast */
    font-weight: bold;
    border: none;
	padding:5px 30px;
	transition: all 0.5s;
	border: 2px solid #005F6B /* Changed from #004445 */
}
.services .card-body>a:hover,
.services .card-body>a:focus,
.services .card-body>a:active,
.services .card-body>a:active:focus,
.services .card-body>a:active
.services .card-body>a.btn-primary:not(:disabled):not(.disabled).active, 
.services .card-body>a.btn-primary:not(:disabled):not(.disabled):active{
	background-color: transparent;
	color: #005F6B; /* Changed from #004445 */
	box-shadow: none !important;
	border-color: #005F6B !important; /* Changed from #004445 */
}
.services .carousel-indicators{
	bottom: -2em;
}
/*mission home page*/
.mission,.previous_projects{
	padding: 2em 0;
	background-image:url(../images/mission_bg2.jpg);
	background-size:cover;
	background-position: center;
}
.mission p{
	
    direction: rtl;
	font-size: 1.1em;
}
/*footer*/
.top_footer{
	background-image: url(../images/footer.jpg);
	direction: rtl;
	color: #dcd9d9;
	
	background-size: cover;
	padding-bottom: 2em;
	font-size: 0.9em
}
.top_footer h4{
	color: #9DB2BF; /* Changed from #c79204 */
	padding: 1.5em 0 0.5em;
}
.top_footer .f_menu{
	padding-right: 20px;
}
.top_footer ul{
	list-style: none;
	padding-right: 20px;
}
.top_footer .contact,
.about_us .contact{
	padding: 0;
	list-style: none
}
.top_footer .contact span span,
.about_us .contact span span{
	display: inline-block;
	direction: ltr;
	font-family: sans-serif;
}
.top_footer .contact li,
.about_us .contact li{
	padding-bottom: 10px;
	direction: rtl;
}
.top_footer .contact i,
.about_us .contact i{
	width: 17px;
	color: #9DB2BF; /* Changed from #c79204 */
}
.top_footer .contact b,
.about_us .contact b{
	display: inline-block;
	width: 100px;
}
.top_footer a{
	color: #dcd9d9;
	padding: 5px
}
.top_footer a:hover{
	color: #fff;
}
.top_footer .logo_footer{
	display: block;
	text-align: center;
	padding-top: 2em;
	text-decoration:none;
}
.top_footer .logo_footer p{
	font-size:1.2em;
	margin:10px 0 5px
}
.top_footer .logo_footer img{
	width: 50%;
	max-width: 110px;
}
.bottom_footer{
	background-color: #002930; /* Changed from #082208 to a darker petrol */
	padding: 15px 0;
	color: #fff;
	text-align: center;
}
.bottom_footer p{
	margin: 0;
	direction: rtl
}
/* about page */
.about_banner{
	background-image: url(../images/slider/1.jpg);
	background-size: cover;
	background-position: center -100px;
	background-attachment: fixed;
	min-height:400px;
	
}
.about_us,.projects,.hurghada {
	padding:2em 0 4em;
	background-image:url(../images/mission_bg.jpg);
	background-size:cover;
	background-attachment: fixed;
}

/* bhoechie tab */
div.bhoechie-tab-container {
    z-index: 10;
    background-color: #ffffff75;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #ddd;
    margin-top: 20px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
    opacity: 0.97;
    filter: alpha(opacity=97);
}

div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

div.bhoechie-tab-menu div.list-group {
    margin-bottom: 0;
}

div.bhoechie-tab-menu div.list-group>a {
    margin-bottom: 0;
    padding: 25px 5px;
    color: #005F6B; /* Changed from #004445 */
    font-weight: bold;
	background-color: #ffffff75
}

div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
    color: #003C43; /* Changed from #004403 to a darker petrol */
}

div.bhoechie-tab-menu div.list-group>a:first-child {
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a:last-child {
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa {
    background-color: #003C43; /* Changed from #004403 to a darker petrol */
    color: #ffffff;
}

div.bhoechie-tab-menu div.list-group>a.active:after {
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-right: 10px solid #003C43; /* Changed from #004403 to a darker petrol */
}

div.bhoechie-tab-content {
    padding-left: 20px;
    padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none;
}
.bhoechie-tab-content p{
    
    font-size: 1.2em;
    direction: rtl;
	padding-right: 1em
}
.bhoechie-tab-content h2{
	font-size: 26px;
	margin-bottom: 0;
	margin-top: 0.5em;
}
/* projects page */
.projects_banner{
	background-image: url(../images/projects.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	min-height:450px;
	
}
.projects .row,
.hurghada .row{
	direction: rtl;
}
.projects .project{
	padding: 10px;
}
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #005F6B; /* Changed from #004445 */
  /* Updated gradient to match new color scheme */
  background: linear-gradient(to right, #005F6B , #527D85, #9DB2BF);
  border: 1px solid #005F6B; /* Changed from #004445 */
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 0;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hovereffect:hover img {
  opacity: 0.2;
  
  filter: alpha(opacity=20);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: absolute;
  font-size: 17px;
  overflow: hidden;
  padding: 0.5em 2px;
  background-color: #002930c2; /* Changed from #002d02c2 to match petrol */
  bottom: 0;
  left: 0;
  margin: 0;
  width: 100%;
}
.hovereffect:hover h2{
	background-color: transparent;
	padding-bottom: 20%;
	top: 5%;
	bottom:unset;
}
.hovereffect h2:after {
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 90%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.hovereffect:hover h2:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  left: 5%;
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}
.hovereffect a{opacity:1}
.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  padding-top:45%
}
.btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
}
.thumb img{
	transform: scale(1);
	transition:all 0.5s;
}
.thumb a:hover img{
	transform: scale(1.1);
}
/*hurghada page*/
.hurghada_banner,
.atals_banner,
.El_Mahrousa_banner,
.port_banner,
.Ras_El_Bar_banner,
.Sahl_Hasheesh_banner{
	background-image: url(../images/hurghada.jpg);
	background-size: cover;
	background-attachment: fixed;
    background-position: center;
	min-height:400px;
}
.Ras_El_Bar_banner{
	background-image:url(../images/Ras_El_Bar/8.jpg);
	background-position-y: 90%;
}
.atals_banner{
	background-image:url(../images/atals.jpg);
}
.port_banner{
	background-image:url(../images/port/1.jpg);
	min-height:450px;
}
.El_Mahrousa_banner{
	background-image:url(../images/El_Mahrousa/7.jpg);
	min-height:450px;
}
.Sahl_Hasheesh_banner{
	background-image:url(../images/Sahl_Hasheesh/01.jpg);
	min-height:450px;
	background-position-y: -50%;
}
.modal-dialog.modal-lg .modal-footer{
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    border: none;
	opacity: 0;
	transition: all 0.5s;
}
.modal-dialog.modal-lg:hover .modal-footer{
	opacity: 1;
}
.thumb{
	margin-top: 15px;
	margin-bottom: 15px;
}
.previous_projects{
	background-image:url(../images/project.jpg);
	background-position: left center;
}
.previous_projects div>div{
	direction: rtl;
}
.previous_projects ul{
	font-size: 1.1em;
    line-height: 1.7;
}



/*contact us page*/
.contact_banner,.services_banner{
	background-image: url(../images/contact.jpg);
	background-size: cover;
	background-attachment: fixed;
	min-height:400px;
	background-position: center;
}
.about_us iframe{
	box-shadow: 0 0 5px;
}
.about_us .contact li{
	font-size:1.1em;
	line-height: 2;
}
.about_us .contact b{
	width: 110px;
}
.about_us .contact a{
	color: #000;
}
/*services page*/
.services_banner{
	background-image: url(../images/services.jpg);
}

/*responsive*/
@media (max-width: 1370px){
	.about_banner{
		background-position: center 0;
	}
}
@media (max-width: 992px){
	.navbar-toggler:not(:disabled):not(.disabled){
		text-align: right;
		width:100%;
	}
	.navbar-light .navbar-toggler-icon{
		padding: 17px 20px;
		background-color: #9DB2BF; /* Changed from #d29b08 */
		border-radius: 5px;		
	}
	.navbar-toggler {
		padding: .25rem .50rem;
	}
	.navbar .navbar-nav{
		padding: 0;
	}
	.navbar {
		background-color: #005F6B !important; /* Changed from #004445 */
		bottom: unset;
		left: 0;
		right: 0;
		top: 90%;
	}
	.navbar-collapse{
		text-align:center
	}
	.container {
		max-width: 90%;
	}
	.top_contact ul li,
	.about p,
	.mission p{
		font-size: 1em;
	}
	.top_contact ul li i{
		margin: 0;
	}
	.top_footer p{
		font-size: 0.9em
	}
	.top_footer .contact b {
		width: 80px;
		font-size: 0.9em;
	}
	.top_footer ul,
	.top_footer .f_menu{
		padding-right: 15px;
	}
	.previous_projects{
		background-position: center
	}
	.projects_banner{
		background-position: unset;
	}
	.services_banner{
		min-height: 330px;
	}
}
@media (max-width: 768px){
	.mission, .previous_projects{
		background-position: right;
	}
	div.bhoechie-tab-content{
		padding-left: 0;
	}
	.bhoechie-tab-content h2{
		font-size: 22px;
	}
	.bhoechie-tab-content p{
		font-size: 1em
	}
	div.bhoechie-tab-menu div.list-group{
		font-size:0.9em;
	}
	.container {
		max-width: 90%;
	}
	.top_footer h4{
		padding: 0.2em 0 0
	}
	 .projects_banner{
		 min-height: 370px;
	 }
	 .contact_banner{
		min-height: 350px;
	}
	
}
@media (max-width: 576px){
	.top_contact ul{
		padding-top:0;
	}
	.top_footer .contact b{
		width: 75px;
		font-size: 0.85em;
	}
	.title,
	.title2{
		font-size: 1.7em;
	}
	.top_footer .contact i{
		width:15px;
	}
	 .about_us .contact li{
		 font-size:0.9em
	 }
	 .about_us .contact b{
		 width: 85px;
	 }
	.top_contact{
	    max-width: 100%;
	}
	.top_contact ul li{
	    font-size: 0.95em;
	}
	.top_contact ul li i{
	    width: 40px;
	    height: 40px;
	    font-size: 0.95em;
	}
	.top_contact ul li a{
	    padding: 0;
	}
}