/* Saed Style */


/*== Fun Fact Area CSS Start ==*/

.section-padding {
	padding: 0 0 50px 0;
}


#funfact-area {
	background-image: url(../img/counter-bg.jpg);
	background-position: 0px 50%, 50% 0;
	background-size: auto, cover;
	color: #fff;
	position:relative;
	margin-top: 120px;
}
#funfact-area h1{
		color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    padding: 50px;
}
.single-funfact {
	background-color: rgba(97, 202, 254,0.9);
	padding: 25px 40px;
	text-align: center;
}

.funfact-icon {
	color: #163142;
	font-size: 45px;
}

.funfact-icon,
.funfact-content {
	display: table-cell;
	vertical-align: middle;
}

.funfact-content h4 {
	color: #eaeaea;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

/*== Fun Fact Area CSS End ==*/

#header #logo img{
	max-height: 80px;

}
.banner-img{position: relative;left: 0;max-width:55%}

.banner-area{
	/*background-image: linear-gradient(225deg, rgba(0,30,49,0.99), #45c2ff), url(../img/slide.jpg);
	background-position: 0px 50%, 50% 0;
	background-size: auto, cover;*/
	background:url(../img/slider2.png);
	background-size: cover;	
	background-position: top;
	background-repeat: no-repeat;
 
}
.parallax{
    background-attachment: fixed;
		height: 100vh;
}
.banner-support{
		background-image: url(../img/support.jpeg);
    background-position: center;
    background-size: cover;
}
.header-scrolled .nav-menu a{
	color:#1f4d8f !important;	
}
.item-1,.item-2,.item-3 {
	position: absolute;
  display: block;
	top: 7em;
  width: 100%;
  font-size: 2em;
/*	animation-duration: 30s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;*/
	color: #204e8f;
	
}
.item-1 > h2{
	color: #fff;
	font-size:2vw;
}
/*.item-1{
	animation-name: anim-1;
}

.item-2{
	animation-name: anim-2;
}

.item-3{
	animation-name: anim-3;
}

@keyframes anim-1 {
	0%, 5.33% { top:0; opacity: 0; }
  10.33%, 33.63% { top:35% ;opacity: 1; }
	41.63%, 100%{ top:100% ;opacity: 0;}
}

@keyframes anim-2 {
	0%, 33.33% { top: 0%; opacity: 0; }
  41.63%, 58.29% { top: 35%; opacity: 1; }
  66.66%, 100% { top: 100%; opacity: 0; }
}

@keyframes anim-3 {
	0%, 66.66% { top: 0%; opacity: 0; }
  74.96%, 91.62% { top: 35%; opacity: 1; }
  100% { top: 100%; opacity: 0; }
}
*/
.header-btn{
	font-size: 15px;	
}
.preloader{
	width:100%;
	height:100%;
	background:#e4f0f0 ;
	position:fixed;
	background-image:url(../img/loader.gif);
	z-index:1000;
	background-position:center;
	background-repeat: no-repeat;
	display:none;
}
.header-top{
	display:none;
}
/*#header {
background: rgba(0,0,0,0.2);}*/
.haderButton{
	background: #46c2fe;
	color: #fff;
	border: solid 2px #46c2fe;
	border-radius: 5px;
	padding: 5px 15px;
	margin-top: 30px;	
}
.haderButton:hover{
	background: #001e31;
	border: solid 2px #001e31;
	transition:0.5s;
}
.PartnerDiv{
		padding: 20px;
    margin: 10px auto;
}
.arabic_flag{
		background: url(../img/Jordan.png);
    height: 15px;
    width: 30px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: 100% 100%;
    margin: auto 10px;
}
.english_flag{
		background: url(../img/United_States.png);
    height: 15px;
    width: 30px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: 100% 100%;
    margin: auto 10px;
}
.nav-menu a:hover{
	background: #a1e1fa;
	transition:0.5s;
}
.footer-area{padding-bottom:0}
.benefits{padding:10px 30px; text-align:center}
.contactDiv{
	max-width: 500px;
	float: right;
	text-align: left;
	font-size: 15px;
	font-weight: 100;
	background: rgba(0,0,0,0.4);
	padding: 10px 15px;
	line-height: 1.55;
	border-radius: 5px;
	}
.col img{
	padding: 10px;
	border: solid 2px #e8e8e8;
	box-shadow: 0 0 10px #e8e8e8;	
	height: 120px;
}
#service{
		padding-top:100px;
	}
.benefits h3{
	margin:10px auto;
}
.SolutionDiv{
	background:#f7f7f7;
	min-height:300px;
	margin-bottom: 20px;
	position:relative;
}
.SolutionDiv > .SolutionTitle {
		font-size: 18px;
    padding: 10px 5px;
    color: #368dbe;
    font-weight: bold;
    letter-spacing: 0px;
		min-height: 50px;
}
.SolutionDiv > p{
		color: #303131;
    padding: 10px;
    font-size: 16px;
    text-align: justify;
    line-height: 1.4;
}
.SolutionDiv > img{
		position: absolute;
    top: 5px;
}

@media (max-width: 480px){
	
	#header {
		background: #f9f9ff;
	}	
	.item-1, .item-2, .item-3{
		padding-top: 30%;
		color:#333;	
	}
	.service-area .col-md-12{
		text-align:center
	}
	.home-about-area {
    background: #031e31;
    z-index: 1;
    text-align: center;
    padding: 60px 10px !important;
	}
	h1 {
    font-size: 26px;
	}
	.row{
		margin: auto 0;
	}
	#service{
		padding-top:30px;
	}
}
.BlueText{
	color:#45c2ff;
}
.AboutUsSection{
		text-align: center;
    max-width: 100%;
    background: #fdfdfd;
    padding: 10px;
		position:relative
}
.AboutUsSection img{
	margin-bottom:10px;
}
.AboutUsSection p{
	text-align:justify
}
.AboutUsSection p + [data-readmore-toggle]{
	position: absolute;
    bottom: 0;
    right: 10px;
    text-align: right;
    color: #cc0000;
}
.home-about-right h4{
	color:#fff

}
.single-services {
	padding:10px
}
.single-services h4{
	color: #032134;
}
.coming-soon-section-area {
	/*background:linear-gradient(225deg, rgba(0,30,49,0.2), #45c2ff), url(../img/new-banner-2.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;*/
	padding:100px 0;
	background: linear-gradient(286deg, #2e4174, #1e83b9, #f15a3b, #ee3b3a);
	background-size: 800% 800%;
	animation: GradientAnimated 28s ease infinite;
	box-shadow: 0 5px 25px #ccc;
	
}
.coming-soon-section-area h1{
	text-align:center;
	font-size:48px;	
	/*animation:flash 5s infinite;*/
}
#BackToTop {
	position:fixed;
	bottom: 10px;
	right: 20px;
	height:60px;
	width:60px;
	background:url(../img/BackToTop.png);
	background-size:100% 100%;
	z-index:1000;
	cursor: pointer;
	display:none
}
#CallUsNow{
	position:fixed;
	bottom: 10px;
	left: 20px;
	height:50px;
	width:140px;
	background:url(../img/CallUsNow.png);
	background-size:100% 100%;
	z-index:1000;
	cursor: pointer;
	display:none
}
@keyframes flash{
	/*0% { color:#fff;}
	25% { color:#000;}
	50% {color:#fff}
	75% {color:#000}
	100%{color:#fff}*/
	0%{background:linear-gradient(225deg, rgba(0,30,49,0.2), #45c2ff), url(../img/new-banner-2.jpg);}
	33%{background:linear-gradient(225deg, rgba(0,30,49,0.2), #adf), url(../img/new-banner-2.jpg);}
	75%{background:linear-gradient(100deg, rgba(0,30,49,0.2), #45c2ff), url(../img/new-banner-2.jpg);}
	100%{background:linear-gradient(225deg, rgba(0,30,49,0.2), #45c2ff), url(../img/new-banner-2.jpg);}
	
	} 


@keyframes GradientAnimated { 
	0%{background-position:0% 40%}
	50%{background-position:100% 61%}
	100%{background-position:0% 40%}
}	
/*----------- scrollbar -----------*/
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #204e8f;
}
.HouseMaids{
	text-align:center;
	width:100%;
}
.HouseMaids .frame{
	border:solid 2px #e8e8e8;
	margin-bottom:10px;
	padding:10px;
}

.HouseMaidsdetail h3{
	color:#dc3545;
	font-size:16px;
	letter-spacing: 1px;
	text-transform: capitalize;
}

.columns img{
	border: solid 4px #333;box-shadow: 0 0 10px #e8e8e8;border-radius:5px;padding:5px;width: auto !important;margin: auto;
}
.item{
	text-align:center;
	text-transform:capitalize;
}