/*
firstcolor: #f0f5f7
secondcolor: #7BC043
*/
@font-face {
  font-family: 'Al Jazeera Arabic Light';
  src: url('../fonts/Al-Jazeera-Arabic-Light.eot?49924914');
  src: url('../fonts/Al-Jazeera-Arabic-Light.eot?49924914#iefix') format('embedded-opentype'),
       url('../fonts/Al-Jazeera-Arabic-Light.woff?49924914') format('woff'),
       url('../fonts/Al-Jazeera-Arabic-Light.ttf') format('truetype');

  font-weight: normal;
  font-style: normal;
}
body{
	font-family: 'Rajdhani', sans-serif;
}
a {
   font-family: 'Rajdhani', sans-serif;

}
h1, h2, h3, h4, h5, h6 {
   font-family: 'Rajdhani', sans-serif;
}
p {
    font-family: 'Rajdhani', sans-serif;
    
}
/*start viewport */
/* width */
::-webkit-scrollbar {
  width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #7BC043; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #008530; 
}

/*End viewport */

/*start upper Bat */
.upper-bar{
	background-color: #7BC043;
	color: #fff;
	
}
.upper-bar .info{
	margin: 15px 0;
}
.upper-bar .info p{
	 text-align: center;
    font-size: 20px;
    padding-top: 11px;
}
.upper-bar .info p span{
	font-size: 21px;
	font-weight: 600;
}
@media (max-width: 576px) {
	.upper-bar .info:first-child{
		margin-bottom: 0
	}
}
.upper-bar span{
	color: #fff;
}
.upper-bar .get-quote {
	display: inline-block;
	border: 1px solid #fff;
	padding: 2px 10px;
	margin-left: 20px;
}
@media (max-width: 576px) {
	.upper-bar .get-quote {
		border: none;
		margin-left: 5px;
	}
}
/*End upper Bat */
/*start Navbar */
.navbar-brand > span {
	font-size: 40px

}
.navbar-brand span:first-child{
	color: #08526d;
	font-weight: bold;	
}
.navbar-brand span:last-child{
	color: #ec1c23
}
.navbar-light .navbar-nav .nav-link{
	font-size: 17px;
	margin-left: 20px;
	color: #6a6a6a;
	font-weight: 600;
}
.navbar-light .navbar-nav .nav-link:hover{
	color: #7BC043;
}
.navbar-light .navbar-nav .active>.nav-link{
	color: #7BC043;
}
.logo-img img {
    width: 300px;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus{
    box-shadow: none;
    background-color: #fff;
    color: #ec1c23;
    border: none;
}
.dropdown-menu{
    margin-left: -45px;
    margin-top: 0;
    background-color: #08526d;
}
.dropdown-menu .dropdown-item{
    text-align: right;
    color: #fff;
}
.dropdown-menu .dropdown-item:hover{
    background-color: #ec1c23;
}
/*End Navbar */
/*start slider */
.slider{
	background-color: #ddd;
	
}
.slider .carousel-inner{
	display: flex;
	align-items: center;
	justify-content: left;
}
@media (max-width: 768px) {
	.slider .carousel-inner {
		justify-content: center;
	}
}
.slider .carousel-inner h1{
	position: absolute;
	color: #fff;
	z-index: 3;
	font-size: 70px;
	max-width: 900px;
	line-height: 1.5;
	margin-left: 100px
}
@media (max-width: 768px) {
	.slider .carousel-inner h1{
	    font-size: 40px;
	    max-width: 100%;
	    left: auto;
	    text-align: center;
	}
}
@media (max-width: 992px) {
	.slider .carousel-inner h1{
	    font-size: 33px;
	  }	
}
.slider .carousel-inner h1 span{
	color: #fff;
	background-color: #7BC043;
	display: inline-block;
	padding: 2px 10px;
}
.slider .carousel-inner .overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .6);
	z-index: 2;
}
.slider .carousel-item{
	-wibkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.slider .carousel-one{
	background-image: url(../img/sliderd1.jpg);
}
.slider .carousel-two{
	background-image: url(../img/sliderd2.jpg);
}
.slider .carousel-three{
	background-image: url(../img/sliderd3.jpg);
}
.slider .carousel-for{
	background-image: url(../img/sliderd4.jpg);
}
.slider .carousel-five{
	background-image: url(../img/sliderd5.jpeg);
}
.slider .carousel-indicators li{
	height: 8px;
	cursor: pointer;
}

/*End slider */
/*Start  features*/
.features{
	padding: 50px 0;
}
.features i {
	background-color: #ec1c23;
	color: #fff;
	padding: 12px;
	margin-bottom: 10px;
}
.features h3{
	color: #6a6a6a;
	font-size: 22px;
}
.features p{
	color: #989898;
	margin-bottom: 40px;
}
/*End features */
/*Start Overview*/
.overview {
	padding: 100px;
	background-color: #f0f5f7;
}
.overview h2 {
	font-size: 50px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 30px;

}
@media (max-width: 992px) {
	.overview h2 {
		font-size: 30px;
		margin-bottom: 15px;
	}
}
.overview p{
	line-height: 2;
	font-size: 20px;
	width: 80%;
	margin: 0 auto 15px;
	color: #6a6a6a;

}
@media (max-width: 992px) {
	.overview p {
		width: 100%;
	}
}
.overview h4{
	letter-spacing: 2px;
	font-weight: normal;
	color: #acacac;
	margin-bottom: 40px;

}
.overview button{
	background-color: #7BC043;
	color: #fff;
	padding: 10px 20px;
	font-size: 20px;
	font-weight: bold;
	border: 1px solid #7BC043;
}
.overview a{
	color: #fff;
}
/*End Overview */
/*Start Featured work */
.featured-work{
	padding: 100px 0;
}
.featured-work h2{
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 20px;

}
.featured-work p{
	line-height: 1.6;
	font-size: 20px;
	width: 80%;
	margin: 0 auto 15px;
	color: #6a6a6a;
}
.featured-work ul{
	margin-top: 40px;
	margin-bottom: 50px;

}
.featured-work ul li {
	color: #08526d;
	border: 2px solid #08526d;
	padding: 10px 20px !important;
	margin-left: 10px;
	margin-bottom: 10px;
	-wibkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}
.featured-work ul li.active,
.featured-work ul li:hover {
	background-color: #ec1c23;
	border: 2px solid #ec1c23;
	color: #fff;

}
.featured-work ul li:hover{
	cursor: pointer;
}
.featured-work .shuffle-images{
	margin-top: 50px; 
}
.featured-work .shuffle-imgs .row{
	margin:0;
}
.featured-work .shuffle-imgs .row .col-md {
	padding: 0;
	-wibkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
}
.featured-work .row img{
	width: 100%;
}
/*End Featured work */
/*Start Latest Posts */
.Latest-Posts{
	padding: 0 0 100px;
}
.Latest-Posts h2{
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 20px;

}
.Latest-Posts .section-descriotion{
	line-height: 1.6;
	font-size: 20px;
	width: 80%;
	margin: 0 auto 45px;
	color: #6a6a6a;
}
.Latest-Posts .card{
	margin-bottom: 30px;
}
.Latest-Posts .card .card-title{
	font-size: 20px;
	line-height: 1.5;
	color: #08526d;
}
.Latest-Posts .card .card-text{
	color: #787878;
	margin-bottom: 5px;
}
.Latest-Posts .card .card-link{
	color:  #ec1c23;
	font-weight: bold;
}
/*End Latest Posts */
/*Start testimonials*/
.testimonials{
	-wibkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url(../img/slider4.jpg);
	position: relative;
}
.testimonials .overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .6);
	z-index: 2;
}
.testimonials .container{
	position: relative;
	z-index: 3
}
.testimonials .carousel-caption img{
	margin-bottom: 20px;

}
.testimonials .carousel-caption h3{
	margin-bottom: 5px;

}
.testimonials .carousel-caption{
	top: 50%;
	margin-top: -158px;
}
.testimonials .carousel-caption h3 + span{
	font-size: 18px;
	display: inline-block;
	margin-bottom: 30px;
}
.testimonials .carousel-indicators li {
    height: 8px;
    cursor: pointer;
}
/*End testimonials*/
/* Start Pricing Table*/
.pricing-table{
	padding: 100px 0 100px;
	background-color: #f7f7f7;
}
.pricing-table h2{
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 20px;

}
.pricing-table .section-descriotion {
	line-height: 1.6;
	font-size: 20px;
	width: 80%;
	margin: 0 auto 85px;
	color: #6a6a6a;
}
@media (max-width: 992px) {
	.pricing-table .section-descriotion {
		width: 100%;
		margin-bottom: 40px;
	}
}
.pricing-table .card{
	margin-bottom: 30px;
}
.pricing-table .card-body {
	padding: 0;
}
.pricing-table .card .card-title{
	font-size: 25px;
	line-height: 1.5;
	color: #08526d;
	margin-top: 40px;
}
.pricing-table .list-group-item{
	border: none;
}
.pricing-table .card .card-text{
	color: #08526d;
	margin-bottom: 5px;
	background-color: #f7f7f7;
	padding: 10px;
	margin: 30px 0 10px;
	font-size: 35px;
	font-weight: bold;
}
.pricing-table .card .card-text span{
	font-size: 16px;
	text-transform: uppercase;
}
.pricing-table .card .card-link{
	color:  #fff;
	font-weight: bold;
	background-color: #ec1c23;
	display: inline-block;
	padding: 10px 15px;
	margin-top: 15px;
	margin-bottom: 30px;
	font-size: 18px;
	text-transform: uppercase;
}
.pricing-table .card.Corporate{
	position: relative;
	top: -20px;
}
@media (max-width: 992px) {
	.pricing-table .card.Corporate {
		top: 0;
	}
}
.pricing-table .card.Corporate .card-text{
	background-color: #ec1c23;
	color: #fff;
}
.pricing-table .card.Corporate .card-link{
	background-color: #08526d;
} 
/* End Pricing Table*/
/* Start Choose Us */
.choose-us .container-fluid{
	padding-left: 0;
}
.choose-us img {
		width: 100%;
}
.choose-us .info {
	padding: 0;

}
.choose-us .info:last-child {
	background-color: #e4e4e4;
	color: #6a6a6a;	
	padding-top: 30px;
	padding-bottom: 30px;
}
.choose-us .h1{
	margin: 40px;
}
.choose-us p{
	margin: 40px;
	line-height: 2;
	font-size: 18px; 
}
.choose-us .read-more{
	display: inline-block;
	padding: 8px 20px;
	margin: 0 0 0 40px;
	background-color: #7BC043;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}
/* End Choose Us */
/* Start Statistics */
.stats{
	padding: 100px 0;
	color: #08526d;
}
.stats .stat-box{
	margin-bottom: 40px;
}
.stats .number{
	display: block;
	font-size: 50px;
	font-weight: bold;

}
.stats p{
	color: #ec1c23;
	font-size: 20px;
	margin: 0;
}
/* End Statistics */
/* Start contact us*/
.contact-us{
	padding: 80px ;
	background-color: #7BC043;
	color: #fff;
	font-size: 22px;
}
.contact-us a{
	 color: #fff;
    border: 2px solid #fff;
    padding: 6px 15px 8px;
    text-transform: uppercase;
    font-weight: bold;
}
.contact-us p{
	margin: 0;
	font-size: 30PX;
	color: #fff;
}
@media (max-width: 768px) {
	.contact-us p {
		margin-bottom: 30px;

	}
}
.contact .socials-footer ul li a{
	color: #6a6a6a;
}
/* End contact us*/
/* Start footer*/
.footer{
	padding: 100px 0;
}
.footer .site-info h2 {
	font-size: 50px;
	margin-bottom: 35px;
}
.footer .site-info h2 span:first-child {
	color: #08526d;
	font-weight: bold;	
}
.footer .site-info h2 span:last-child {
	color: #ec1c23
}
.footer .site-info p {
	line-height: 1.8;
	color: #727272;
}
.footer .site-info a {
	color: #08526d;
	font-size: 15px;
	font-weight: bold;
}
.footer .site-info a:before{
	font-family: 'FontAwesome';
	content:"\f138";
	display: inline-block;
	margin-right: 5px;
}
.footer .helpful-links h2, 
.footer .contact h2 {
	font-size: 20px;
	color: #6a6a6a;
	margin-bottom: 68px;
}
.footer .helpful-links ul li:before {
	font-family: 'FontAwesome';
	content: "\f054";
	margin-right: 5px;
	font-size: 12px;
	position: relative;
	top: -1px;
	color: #6a6a6a;
}
.footer .contact ul li {
	margin-bottom: 24px;
	color: #6a6a6a;
}
.contact .list-unstyled li .fa{
	padding-right: 10px;
	color: #797979;
	font-size: 17px;
}
.footer .site-info h2{
	font-size: 20px;
    color: #6a6a6a;
    margin-bottom: 68px;
}
.footer .site-info img{
	width: 300px;
}
.footer .helpful-links ul li a{
	color: #6a6a6a;
}
.footer .helpful-links ul li a:hover{
	color: #7BC043;
}
@media (max-width: 992px) {
	.footer .helpful-links h2, 
	.footer .contact h2 {
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.footer .contact ul li{
		margin-bottom: 5px;
		color: #6a6a6a;
	}
}
/* End footer*/
/* Start copyright */
.Copyright{
	border-top: 1px solid #c0c0c0;
	padding: 20px;
}
.Copyright ul {
	margin: 0
}
.Copyright ul li {
	display: inline-block;

}
.Copyright ul li a {
	color: #777;
	display: inline-block;
	margin-left: 20px;
	font-size: 18px;
}
/* End copyright */

/***********products page ****/
/*Start Header*/
.prod {
  height: 50vh;
  min-height: 500px;
  background-image: url('../img/pro1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/*End Header*/
/*Start product*/
.checkbox_collapse .panel.panel-default {
    padding: 0px !important;
    margin-bottom: 10px;
    border-radius: 0px
}

.checkbox_collapse .panel.panel-default span.circle {
    width: 18px;
    height: 18px;
    position: relative;
    border: 1px solid #ccc;
    margin-right: 10px;
    border-radius: 2px;
    background-color: #fff;
    display: inline-flex;
    vertical-align: middle
}

.checkbox_collapse .panel.panel-default span.circle:after {
    width: 25px;
    content: "";
    background: url(https://image.flaticon.com/icons/svg/64/64484.svg);
    position: absolute;
    left: 3px;
    right: 0;
    margin: 0 auto;
    top: 4px;
    z-index: 99999;
    background-size: 10px;
    height: 25px;
    opacity: 0;
    background-repeat: no-repeat
}

.checkbox_collapse .panel.panel-default a {
    padding: 15px;
    background-color: #008530;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    font-size: 20px;
    text-transform: capitalize;
    display: block;
    border-radius: 5px
}

.checkbox_collapse .panel.panel-default a[aria-expanded="false"]:after {
    display: none !important
}

.checkbox_collapse .panel.panel-default a[aria-expanded="false"] span:after {
    opacity: 0
}

.checkbox_collapse .panel.panel-default a[aria-expanded="true"]:after {
    display: none !important
}

.checkbox_collapse .panel.panel-default a[aria-expanded="true"] span:after {
    opacity: 1
}
/*End product*/
/*Start ِAbout page*/
/*Start Header*/
.masthead {
  height: 50vh;
  min-height: 500px;
  background-image: url('../img/abouth.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/*End Header*/
/*------/ Intro Single /------*/
.intro-single {
  padding: 12rem 0 3rem;
}
.intro-single nav ol li {
	color: #6a6a6a;
}
.intro-single nav ol li a{
	color: #6a6a6a;
}
.intro-single nav ol li a:hover{
	color: #7BC043;
}

@media (max-width: 767px) {
  .intro-single {
    padding-top: 9rem;
  }
}

.intro-single .title-single-box {
  padding: 1rem 0 1rem 2rem;
}

.intro-single .title-single-box {
  border-left: 3px solid #7BC043;
}

.intro-single .title-single-box .title-single {
  font-weight: 600;
  font-size: 2.2rem;
}

@media (min-width: 768px) {
  .intro-single .title-single-box .title-single {
    font-size: 2.1rem;
  }
}

@media (min-width: 992px) {
  .intro-single .title-single-box .title-single {
    font-size: 2.5rem;
  }
}

.intro-single .breadcrumb-box {
  padding: 1rem 0 0 .5rem;
}

.intro-single .breadcrumb {
  background-color: transparent;
  padding-right: 0;
  padding-left: 0;
}
/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.section-about .title-vertical {
  position: absolute;
  letter-spacing: 0;
  transform: rotate(-90deg);
  top: 50px;
  text-align: left;
  font-size: 1.8rem;
  width: 300px;
  font-weight: 700;
  text-align: right;
}

.about-img-box {
  padding-left: 1rem;
  position: relative;
}

@media (min-width: 576px) {
  .about-img-box {
    padding-left: 4rem;
  }
}

@media (min-width: 768px) {
  .about-img-box {
    padding-left: 5rem;
  }
}

.sinse-box {
  background-color: #7BC043;
  padding: 1rem 2rem;
  position: absolute;
  left: 15px;
  bottom: 10px;
}

@media (min-width: 576px) {
  .sinse-box {
    padding: 1.5rem 2.5rem;
    bottom: 20px;
  }
}

@media (min-width: 768px) {
  .sinse-box {
    padding: 1.5rem 3rem;
  }
}

@media (min-width: 992px) {
  .sinse-box {
    padding: 3rem 4.5rem;
  }
}

.sinse-box .sinse-title {
  font-weight: 700;
  letter-spacing: 0.043em;
  font-size: 1rem;
}

@media (min-width: 576px) {
  .sinse-box .sinse-title {
    font-size: 1.3rem;
  }
}

@media (min-width: 768px) {
  .sinse-box .sinse-title {
    font-size: 1.8rem;
  }
}

@media (min-width: 992px) {
  .sinse-box .sinse-title {
    font-size: 2.2rem;
  }
}

.sinse-box .sinse-title span {
  position: absolute;
}

.sinse-box .sinse-title span:after {
  content: ' ';
  width: 35px;
  height: 2px;
  background-color: #000000;
  position: absolute;
  bottom: -15px;
}

.sinse-box p {
  margin-bottom: 0;
  font-size: .7rem;
}

@media (min-width: 576px) {
  .sinse-box p {
    font-size: .8rem;
  }
}

@media (min-width: 576px) {
  .sinse-box p {
    font-size: 1rem;
  }
}

/*------/ Title /------*/
.title-wrap {
  padding-bottom: 4rem;
}

.title-a {
  font-size: 2.6rem;
  font-weight: 600;
}

.title-link {
  font-size: 1.2rem;
  font-weight: 300;
  padding-top: 1.2rem;
}

.title-link a {
  color: #313131;
}

.title-link span {
  font-size: 20px;
  padding-left: 4px;
  vertical-align: middle;
}

.title-box-d {
  padding-bottom: 1.8rem;
  margin-bottom: 1rem;
  position: relative;
}

.title-box-d .title-d {
  font-weight: 600;
  font-size: 2rem;
}

.title-box-d .title-d:after {
  content: '';
  position: absolute;
  width: 70px;
  height: 4px;
  background-color: #7BC043;
  bottom: 20px;
  left: 0;
}

/*------/ Space Padding /------*/
.section-t8 {
  padding-top: 8rem;
}

@media (max-width: 767px) {
  .section-t8 {
    padding-top: 4rem;
  }
}

.section-t4 {
  padding-top: 4rem;
}

@media (max-width: 767px) {
  .section-t4 {
    padding-top: 2rem;
  }
}

.section-t3 {
  padding-top: 3rem;
}

@media (max-width: 767px) {
  .section-md-t3 {
    padding-top: 3rem;
  }
}

.section-b2 {
  padding-bottom: 2rem;
}

.section-tb85 {
  padding: 8rem 0 5rem 0;
}

@media (max-width: 767px) {
  .section-tb85 {
    padding: 4rem 0 2.5rem 0;
  }
}
/*End ِAbout page*/
/*Start ِcontact page*/
.masthead {
  height: 50vh;
  min-height: 500px;
  background-image: url('../img/contact.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/*------/ Icon Box /------*/
.icon-box .icon-box-icon {
  display: table-cell;
  vertical-align: top;
  font-size: 50px;
  color: #7BC043;
  width: 50px;
  padding-top: 8px;
  padding-left: 41px;
}

.icon-box .icon-box-content {
  padding-top: 18px;
}

.contact .icon-box .icon-box-content p{
	color: #6a6a6a;
}

/*------/ Space Padding /------*/
.section-t8 {
  padding-top: 8rem;
}

@media (max-width: 767px) {
  .section-t8 {
    padding-top: 4rem;
  }
}

.section-t4 {
  padding-top: 4rem;
}

@media (max-width: 767px) {
  .section-t4 {
    padding-top: 2rem;
  }
}

.section-t3 {
  padding-top: 3rem;
}

@media (max-width: 767px) {
  .section-md-t3 {
    padding-top: 3rem;
  }
}

.section-b2 {
  padding-bottom: 2rem;
}

.section-tb85 {
  padding: 8rem 0 5rem 0;
}

@media (max-width: 767px) {
  .section-tb85 {
    padding: 4rem 0 2.5rem 0;
  }
}

/*------/ Title /------*/
.title-wrap {
  padding-bottom: 4rem;
}

.title-a {
  font-size: 2.6rem;
  font-weight: 600;
}

.title-link {
  font-size: 1.2rem;
  font-weight: 300;
  padding-top: 1.2rem;
}

.title-link a {
  color: #313131;
}

.title-link span {
  font-size: 20px;
  padding-left: 4px;
  vertical-align: middle;
}

.title-box-d {
  padding-bottom: 1.8rem;
  margin-bottom: 1rem;
  position: relative;
}

.title-box-d .title-d {
  font-weight: 600;
  font-size: 2rem;
}

.title-box-d .title-d:after {
  content: '';
  position: absolute;
  width: 70px;
  height: 4px;
  background-color: #2eca6a;
  bottom: 20px;
  left: 0;
}
/*======================================
//--//-->   BUTTON
======================================*/
.btn {
  transition: .5s ease;
}

.btn.btn-a, .btn.btn-b {
  border-radius: 0;
  padding: 1rem 3rem;
  letter-spacing: .05rem;
}

.btn.btn-a {
  background-color: #000000;
  color: #ffffff;
}

.btn.btn-a:hover {
  background-color: #2eca6a;
  color: #000000;
}


/*End ِcontact page*/