body {
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: 'Heebo', sans-serif;
  color: #666666;
}
h1,h2,h3,h4,h5,h6
{
font-family: 'Oswald', sans-serif;
}
a:hover, a:focus
{
text-decoration:none;
}
ul
{
list-style:none;
margin:0;
padding:0;
}
.navbar {
  margin-bottom: 0px;
}
.navbar-wrapper {
  position:relative;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  /*padding-right: 15px;
  padding-left: 15px;*/
background: #ffffffc2;
}
.navbar-wrapper .navbar .container {
  /*width: auto;*/
}
.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.9s;
    transition-duration: 0.9s;
}
.hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #333;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.9s;
    transition-duration: 0.9s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
    color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  /*height: 500px;*/
  margin-bottom: 0px;
  position:relative;
  z-index:1;
  
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}



/* Declare heights because of positioning of img element */
.carousel .item {
  /*height: 500px;*/
  background-color: #777;
}
.carousel .image1
{
padding: 11% 20px 25%;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url(../images/slider1.jpg);
    height: 450px;
}

@media(min-width:520px)
{
.carousel .image1
{
       padding: 6% 44px 8%;
    height: 350px;
   
}
}
@media(min-width:768px)
{
.carousel .image1
{
       padding: 7% 0 8%;
    height: 490px;


}
}
@media(min-width:1600px)
{
.carousel .image1
{
        padding:7% 0 10%;
		height:540px;
    
}
}
.carousel .image1:before
{

/*content:'';

background:url(https://www.babalmajedservices.com/images/wave.png) repeat-x;
background-position:bottom;
background-size:cover;
display:block;
width:100%;
height:100px;*/
}
.wave
{
    background: url(https://www.babalmajedservices.com/images/wave.png) center;
    width: 100%;
    height: 247px;
    /* background-size: cover; */
    position: relative;
    z-index: 2;
    margin-top: -115px;
}

.carousel-inner > .item > img {
  /*position: absolute;*/
  top: 0;
  left: 0;
  min-width: 100%;
  /*height: 500px;*/
}
.slider-inner
{
     
    color: #19634a;
    position: relative;
    
	
	
}
.black
{
color:#000;
}
.white
{
color:#fff;
}
@media(min-width:768px)
{
.slider-inner
{

}

.slider-inner2
{
margin-right: 50px;
margin-left:0;
}
}
.slider-inner h1
{
font-size:25px;
line-height:30px;
margin-top:0;
    font-weight: 200;
    font-family: 'Oswald', sans-serif;

}

.slider-inner h3
{
       font-size: 30px;
    margin-bottom: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 0px;
    font-family: 'Oswald', sans-serif;

}
.slider-inner h5
{
text-transform:uppercase;
font-size:25px;
font-weight:400;
}

.slider-inner p
{
          font-size: 16px;
    /* letter-spacing: 1px; */
    font-weight: 400;
    margin-top: 25px;
    line-height: 1.6;
    color: #666;
}
.white p
{
color:#fff;
}
@media(min-width:991px)
{
.slider-inner h1
{
          font-size: 50px;
    line-height: 66px;    
}
}
.slider-inner h1 span, .slider-inner h3 span
{
color: #89c63d;
}
.txt-gradient {
    background: rgba(117,180,130,1);
    background: -moz-linear-gradient(top, rgba(117,180,130,1) 0%, rgba(31,123,118,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(117,180,130,1)), color-stop(100%, rgba(31,123,118,1)));
    background: -webkit-linear-gradient(top, rgba(117,180,130,1) 0%, rgba(31,123,118,1) 100%);
    background: -o-linear-gradient(top, rgba(117,180,130,1) 0%, rgba(31,123,118,1) 100%);
    background: -ms-linear-gradient(top, rgba(117,180,130,1) 0%, rgba(31,123,118,1) 100%);
    background: linear-gradient(to bottom, rgb(8, 132, 41) 0%, rgb(25, 99, 74) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75b482', endColorstr='#19634a', GradientType=0 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.white .txt-gradient 
{
color:#fff;
}
.btn2
{  
       font-size: 15px;
    padding: 0 30px;
    line-height: 50px;
	
   
    overflow: hidden;
    box-shadow: 0 0 30px rgba(30, 121, 242, 0.2);
	    color: #fff;
	    margin-top: 15px;
		border:none;
		display:inline-block;
    display: inline-block;
    vertical-align: middle;
   
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    
    position: relative;
	text-transform:uppercase;
	    background: #023f5f;
	font-weight:700;
}
.btn2:before
{
background:#6aa63e;
}
.btn2:hover:before
{
color:#fff;
    background: #6aa63e;
}

.btn2:hover, .btn2:focus
{
  text-decoration: none;
  background:#66ac4c;
  color:#fff;
}
.slider-inner .btn2
{
margin-top:20px;
}

/*----------------------------------------------slider finish--------------------------------*/
@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
		  margin-top: 10px;
    }
    .navbar-collapse {
       /* border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);*/
		background:#131212;
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 20px;
		background:transparent;
		padding:0 20px;
	}
	.navbar-nav>li {
        float: none;
		/*border-left: #000 2px solid;*/
    }
	.navbar-nav.social>li {
        float: left;
		/*border-left: #000 2px solid;*/
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
		margin-left:0;
		
		
    }
	
    .collapse.in{
  		display:block !important;
		/*background:#1d2e62;
		padding: 0 20px;*/
		margin-top:0px;
	}
}


.top-header
{
        color: #777;
    padding: 7px 0;
    border-bottom: 1px solid #eee;
    background: #66ac4c;	
}
.left2, .right2
{
text-align:center;
}
@media(min-width:768px)
{
.left2
{
text-align:left;
}
.right2
{
text-align:right;
}
}
.head-right a
{
color:#fff;
display:inline-block;
    padding: 5px 9px;
font-weight:600;
}
.head-right .hvr-bounce-to-right:before
{
background:#1075bc;
}
.top-header .left2 a
{
     
    font-size: 14px;
    color: #fff;
    padding: 0;
    margin: 0;
    line-height: 25px;
	letter-spacing:0.03em;
	padding:10px 0;
}
.top-header .left2 p
{
margin-bottom: 0;
    padding: 1px 0;
    font-size: 17px;
    color: #fff;
}
.top-header .left2 p i
{
color:#f7c02d;
}
@media(min-width:768px)
{
.top-header .left2 a
{
font-size:14px;
    line-height:34px;
	padding:0;
	
}
}
.top-header .social  li
{
display:inline-block;
font-size:17px;
}
.top-header .social  li a
{
color: #ccd0d0;
}
.navbar-inverse
{
    padding: 0px 0;

}
.header-left
{
display:none;
}
@media(min-width:768px)
{
.header-left
{
display:block;
}
}
.header-left .call1
{
    display: inline-block;
    margin: 14px 0 0 0;
    /*border-right: 1px solid #CCC;*/
    color: #999;
    font-family: 'Heebo', sans-serif;
    color: #232932;
	font-size:13px;
	position:relative;
}
.header-left .call1 i
{
    color: #19634a;
    font-size: 34px;
    vertical-align: middle;
    padding-right: 3px;
    position: absolute;
    left: 0;
    top: 3px;
}
.header-left .proudly img
{
     color: #19634a;
    font-size: 34px;
    vertical-align: middle;
    padding-right: 3px;
    position: absolute;
    right: 0;
}

.header-left .call1 span
{
       display: block;
   font-size: 11px;
    color: #000;
    padding-left: 29px;
    padding-top: 5px;
    font-weight: 600;
    line-height: 22px;
    text-transform: uppercase;
}
.header-left .proudly span
{
padding-left: 60px;
}

.header-left .call1 span strong
{
text-transform:none;
    color: #19634a;
font-weight: 400;
}
.header-left .call1 span strong a
{
color: #333;
font-size:15px;
}
@media(max-width:992px)
{
.header-left .call1 span strong a
{
font-size:11px;
}
}
.request a
{
display:inline-block;
background: #19634a;
color:#000;
text-transform:uppercase;
padding:14px 25px;
margin-top:20px;
font-weight:600;
font-family: 'Heebo', sans-serif;
float:right;
}
@media(max-width:992px)
{
.request a
{
font-size: 13px;
padding:10px 8px;
}
}
.reuest a:before
{
background: #333;
    color: #fff;
}
.menu
{
    position: relative;
    z-index: 9999;
	 background: #023f5f;
	    padding: 7px 0;
	border-bottom: 5px solid rgba(0, 0, 0, 0.32);
}
@media(max-width:991px)
{
.menu
{
    
width:100%;
}
}
@media(min-width:992px)
{
.menu.shrink
{
position:fixed;
top:0;
width:100%;
      
    box-shadow: 2px 0px 16px rgba(87, 85, 85, 0.39);
}
}
@media(min-width:991px)
{
.menu_wrap
{
/*display:inline-block;*/
}
.menu_wrap ul
{
        
	
}
}



/*@media(min-width:991px)
{
.navbar-nav>li:last-child
{
float:right;
margin:13px 10px 10px 0;
}
.navbar-nav>li:last-child>a
{
background: #19634a;
    position: relative;
    color: #333;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:5px;
}



}*/



.center
{
text-align:center;
}
.box-img img
{
width:50%;
border-radius:50%;
background-color: #ffffff;
    border: 1px solid #dddddd;
	    padding: 3px;
		    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.box-img img:hover
{
opacity:0.8;
}


.heading h2
{
    font-size: 28px;
    margin-top: 0;
    position: relative;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 20px;
    color: #023f5f;
    text-transform:uppercase;
}
.heading h2 strong
{
color: #1073bd;
}
@media(min-width:768px)
{
.heading h2
{
font-size:36px;
}
}
.heading h6
{
    position: relative;
    color: #19634a;
    margin-bottom: 0px;
	font-family: 'Rochester', cursive;
    font-size: 42px;
}
.heading h5
{
position: relative;
    font-size: 20px;
    font-weight: 400;
    color: #222222;
    line-height: 1.7em;
    margin-bottom: 15px;
}
.heading h2 span
{
    color: #19634a;
}
.abt p
{
font-size: 17px;
    font-weight: 300;
    line-height: 28px;
}
.separator {
    position: relative;
    height: 15px;
    width: 100px;
    margin: 0 auto;
    text-align: center;
}
.separator:before
{
position: absolute;
    content: '';
    left: 0px;
    top: 6px;
    width: 20px;
    height: 1px;
     background-color: #00592c;
}
.separator:after
{
position: absolute;
    content: '';
    right: 0px;
    top: 6px;
    width: 20px;
    height: 1px;
     background-color: #00592c;
}
.separator .dott
{
position: relative;
    width: 6px;
    height: 6px;
    top: -9px;
    border-radius: 50%;
    display: inline-block;
     background-color: #00592c;
}
/*---------------------------------------------span0----------------------------------*/

/*---------------------------------------------span0 end----------------------------------*/
/*----------------------------------span1--------------------------------------------*/
.span1
{
position:relative;
width:100%;
display:table;
margin-top:-px;
}
@media(min-width:1200px)
{
.span1
{
margin-top:-145px;
}
}
.pd0
{
padding:0;
}
@media(min-width:1200px)
{
.col-md-20
{
width:20%;
}
}
.box1-item
{
overflow:hidden;
height:250px;
}
@media(min-width:1200px)
{
.box1-item
{
height:288px;
}
}
.box1
{
   
color: #fff;
    padding: 20px 20px;
    height: 100%;
	text-align:center;
	z-index:1;
	    position: relative;
    overflow: hidden;
}
@media(min-width:1200px)
{
.box1
{
 transition: all .6s ease;
    -moz-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -o-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}
}
.row .main-box1:nth-child(1) .box1
{
 background: #003056;
}
.row .main-box1:nth-child(2) .box1
{
background: #03417a;
}
.row .main-box1:nth-child(3) .box1
{
    background: #00a1d9;
}
.row .main-box1:nth-child(4) .box1
{
        background: #47d9bf;
}
.row .main-box1:nth-child(5) .box1
{
       background: #044a7f;
}

.row .main-box1:nth-child(6) .box1
{
       background: #026cbb;
}
.box1:hover
{
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.box1:after
{
position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    transition: all .5s ease;
}
.row .main-box1:nth-child(1) .box1:hover:after
{
background: #002546;
    background: -moz-linear-gradient(left, #002546 0%, #004268 100%);
    background: -webkit-linear-gradient(left, #002546 0%,#004268 100%);
    background: linear-gradient(to right, #002546 0%,#004268 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002546', endColorstr='#004268',GradientType=1 );
opacity: 1;
}
.box1 .icon1
{
display: inline-block;
    /* vertical-align: middle; */
    /* margin-right: 15px; */
    font-size: 40px;
    color: #fff;
    /* width: auto; */
    /* height: auto; */
    /* line-height: 16px; */
    margin-left: 5px;
}
.box1 h3
{
display: inline-block;
    vertical-align: middle;
font-family: Oswald;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;
letter-spacing: 0.3px;
margin:0;
text-transform:uppercase;
}
.box1 p
{

	margin-bottom: 20px;
	margin-top: 15px;
}
.box1:hover p
{
    opacity: 1;
    visibility: visible;
}
@media(min-width:1200px)
{
.box1 p, .box1 a.learn
{
opacity: 0;
    visibility: hidden;
    transition: all .4s ease;
}
}
.box1 a.learn
{
position: relative;
    z-index: 1;
background: #ffdb3e;
    
    margin-top: 5px;
	font-size: 14px;
    letter-spacing: 0.8px;
    padding: 5px 30px;
    font-weight: normal;
	font-family: 'Oswald', sans-serif;
color: #222;
    text-align: center;
    line-height: 24px;
	text-transform: uppercase;
	    display: inline-block;
		    border-radius: 3px;
}
.box1:hover a.learn
{
    opacity: 1;
    visibility: visible;
}
.box1 a.learn:hover
{
background: #04518c;
color:#fff;
}
/*----------------------------------span1 end--------------------------------------------*/

/*------------------------------------parallex--------------------------------------*/

/*------------------------------------parallex end--------------------------------------*/

/*--------------------------------------span2---------------------------------------*/
.span2
{
display:table;
width:100%;
}
.box2
{
padding:45px 30px 45px 90px;
}
.heading h4
{
    font-weight: 200;
    letter-spacing: 0.8px;
	text-transform:uppercase;
	    color: #003056;
		margin:0;
		font-size:20px;
}
.box2 h5
{
       color: #003056;
    font-weight: 400;
    margin-bottom: 11px;
    font-size: 20px;
    margin-top: 22px;
}
.abt ul li
{
font-size:18px;
font-weight:300;
line-height:24px;
padding:5px 0;
position:relative;
padding-left:15px;
}
.abt ul li:before
{
display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	    content: "\f105";
		position:absolute;
		    left: 0;
    top: 8px;
    font-size: 15px;
}
.box21
{
background:url(../images/962x564_img1.jpg) center;
background-size:cover;
height:520px;
position:relative;
}
.box21 a
{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
content:'';
display:block;
}
/*----------------------------------------------span2 end----------------------------------*/

/*---------------------------------------span3----------------------------------------*/
.span3
{
    background: #00a1d9;
    background: -moz-linear-gradient(left, #023f5f 0%, #046598 100%);
    background: -webkit-linear-gradient(left, #023f5f 0%, #046598 100%);
        background: linear-gradient(to right, #023f5f 0%, #046598 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@accent_color3', endColorstr='@accent_color', GradientType=1);
	color:#fff;
	padding:50px 0;
	position:relative;
}
.span31 h2
{
        font-weight: 400;
    margin: 0;
    font-size: 37px;
}
.span31 h4
{
font-weight:400;
text-transform:uppercase;
}
span.call-out-icon {
position: absolute;
    font-size: 300px;
    line-height: 180px;
    left: 100px;
    color: #079bff;
    height: 100%;
    opacity: 0.08;
    z-index: 0;
    margin-bottom: -40px;
    overflow: hidden;
    line-height: 250px;
    top: 0;
    line-height: 400px;
   
    color: #fff;
}
.cicon-glove:before
{
display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f1cb";
}
.span32 .input
{
margin-bottom:15px;
}
.span32 .cont
{
border-radius:3px;
}
.span32 .row
{
margin-left:-7px;
margin-right:-7px;
}
.pd15
{
padding-left:7px;
padding-right:7px;
}
.span32 .btn2
{
    margin-top: 0;
    width: 100%;
    height: 42px;
    padding: 0 20px;
    line-height: 21px;
}
.span32 .btn2:hover
{
background:#333;
}
/*---------------------------------------span3 end----------------------------------------*/

/*---------------------------------------span4----------------------------------------*/
.span4
{
padding:40px 0;
color:#222;
}
.brands
{

}
.brands img
{
width:140px;
margin:0 25px;
}
/*---------------------------------------span4 end----------------------------------------*/
.footer
{
           padding: 55px 0 10px;
		   background-color:#111;
		   background-image:url(../images/footer.jpg);
		   background-position:center;
		   background-size:cover;
	position:relative;
}
@media(max-width:991px)
{
.footer
{
background-image:none;
}
}
.footer:before
{
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
content:'';
    background: rgba(0, 0, 0, 0.82);
}
.foot3 p
{
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    font-weight: 300;
}
.foot-social li
{
display:inline-block;
padding:5px;
}
.foot-social li a
{
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    padding-top: 8px;
    font-size: 13px;
}
.foot-social li a:hover
{
background:#19634a;
color:#fff;
}
.foot-social li a.fb
{
background:#3b5998;
}
.foot-social li a.tw
{
background:#55acee;
}
.foot-social li a.gp
{
background:#dc4e41;
}
.foot-social li a.linked
{
background:#0077b5;
}
.foot4 ul.foot-social li a:hover
{
    background: #EF7222;
    border-color: #EF7222;
	color:#fff;
	
}
.foot-con ul
{
color:#fff;
margin-bottom:25px;
}
.foot-con ul li
{
position:relative;
padding:10px 0;
padding-left:24px;
}
.foot-con ul li i
{
    display: inline-block;
    /* width: 40px; */
    /* height: 40px; */
    text-align: center;
    /* border: 2px solid #19634a; */
    padding-top: 3px;
    position: absolute;
    left: 0;
    border-radius: 100%;
   color: #66ac4c;
}
.logos
{
margin-bottom:40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.24);
padding-bottom:20px;

}
.logos img
{
width:117px;
margin:0 10px;
}
.foot3 h3
{
       font-weight: 600;
    font-size: 17px;
    color: #e0e0e0;
    position: relative;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}
@media(max-width:767px)
{
.foot3 h3
{
    margin-top: 43px;
}
}
.foot3 h3:after
{
    content: '';
    width: 72px;
    height: 3px;
        background:#66ac4c;
    /* position: absolute; */
    display: block;
    margin: 22px 0;
    
	
}
.foot3 img
{
margin:0px 0 20px;
}
.foot4 ul
{
margin-top:0px;

}
.foot4 ul li
{

}
.foot4 ul li a
{
color: #fff;
    margin-top: 10px;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding: 5px 0;
    position: relative;
	padding-left:18px;
    
}
.foot4 ul li a:before
{
display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	position:absolute;
	left:0;
	top:7px;
	    content: "\f105";
}
.foot4 ul li:last-child a
{
border-bottom:none;
}
.foot4 ul li a:hover
{
text-decoration:none;
        color: #66ab4c;
}
/*.foot4 ul li a:before
{
    content: "\f101";
	    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	padding-right:10px;
	position:absolute;
	left:0;
    top: 8px;
}*/
.foot4 ul.foot-social li a:before
{
display:none;
}
.foot3 .call
{
    font-weight: 600;
    font-size: 22px;
        color: #19634a;
	padding-top:4px;
}
.foot3 .email2
{
padding-top:3px;
}
.foot1, .foot2
{
text-align:center;
}
@media(min-width:768px)
{
.foot1
{
text-align:left;
}
.foot2
{
text-align:right;
}
}
.foot2 a
{
     color: #fff;
}
.footer2
{
    padding: 18px 0 10px;
    color: #ddd;
    font-size: 13px;
    border-top: 1px solid rgba(255, 255, 255, 0.44);
    margin-top: 25px;
}
.footer-powered
{
font-weight:400;
color:#F16924;
}


.cap
{
font-family: 'Heebo', sans-serif;
display:none;
left:25%;
right:25%;
top:20%;
}
@media(min-width:768px)
{
.cap
{
display:block;
}
}
.cap h1
{
font-size:30px;
line-height:40px;
font-weight:800;

}
.cap p
{
font-family: 'Heebo', sans-serif;
font-style:italic;
font-size:13px;
line-height:20px;
display:none;
}
.line
{
    width: 60px;
    /* height: 24px; */
    /* background: url(https://www.babalmajedservices.com/images/heading-bottom-pink.png) no-repeat center; */
    display: inline-block;
    margin: 15px 0;
    border-top: 4px solid #eee;
}
@media(min-width:992px)
{
.cap h1
{
font-size:40px;
line-height:50px;
}
.cap p
{
font-size:17px;
line-height:25px;
display:block;
}
}
.cap .btn
{
margin-top:10px;
}
.btn
{font-family: 'Heebo', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    background: #19634a;
    position: relative;
    line-height: 28px;
    padding-left: 20px;
    border-radius: 0px;
    padding-right: 20px;
    font-size: 14px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: none;
}
.btn:hover
{
background:#201b17;
color:#fff;
}
.btn i
{
padding-left: 12px;
    font-size: 1.25em;
    padding-right: 7px;
    vertical-align: middle;
   border-left: 1px solid rgba(255, 255, 255, 0.15);
    position: relative;
    margin-left: 20px;
    font-size: 14px;
    line-height: 28px;
}
@media(max-width:992px)
{
.container>.navbar-collapse
{
position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    padding: 0px 34px 30px;
           background: #023f5f;
	    overflow-y: visible;
}
}

/*-----------------------------------footer top---------------------------------------------*/
.footer-top
{
background:#f6f6f6;
padding:80px 0;
color:#111;
text-align:center;
}
.foot-top1-icon
{
font-size:40px;
color:#ec5598;
}
.foot-top1 h3
{
font-weight:800;
}
.foot-top1 p
{
font-size:14px;
font-weight:400;
line-height:24px;
}
.foot-top1 p a
{
color:#ec5598;
}
.foot-top1 ul li
{
display:inline-block;
padding:0 5px;
}
.foot-top1 ul li a
{
display: block;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    color: #fff;
    background: #ea3032;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
	padding-top: 12px;
}
.foot-top1 ul li a.fb
{
background: #325c94;
}
.foot-top1 ul li a.tw
{
background: #00abdc;
}
.foot-top1 ul li a.gp
{
background: #ea3032;
}
.foot-top1 ul li a.insta
{
    background: #0073b2;
}
.map {
    position: relative;
    padding-bottom: 55.25%;
    padding-top: 0px;
    height: 0;
   }
@media (min-width: 768px)
{
.map {
    padding-bottom: 24.25%;
}
}

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*-----------------------------------footer top end---------------------------------------------*/

/*-----------------------------------banner------------------------------------*/
.banner
{
    background: url(../images/banner.jpg) bottom;
    background-size: cover;
    padding: 160px 0 30px;
    color: #fff;
	position:relative;
    /* margin-top: -30px; */
}

.banner:before
{
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner a
{
color:#fff;
}

.banner .container
{
position:relative;
}

/*-----------------------------------banner end------------------------------------*/

/*----------------------------contact ---------------------------------------*/
.con1 ul li
{
font-size:17px;
font-weight:300;
padding:7px 0;
position:relative;
padding-left:30px;
}
.con1 ul li i
{
position:absolute;
left:0;
top:13px;
color:#19634a;
}
@media(max-width:767px)
{
.con1
{
margin-bottom:40px;
}
}
.cont
{
border:1px solid #eee;
box-shadow:none;
border-radius:0;
height:40px;
font-size:13px;
}
/*----------------------------contact end---------------------------------------*/
/*------------------------------------span5-----------------------------------*/
.span5
{
padding:70px 0;
color:#000;
background:url(../images/statement5.jpg) left;
background-size:cover;
}
.span5 .heading h2
{
text-transform:uppercase;
font-size:30px;
}

/*------------------------------------span5 end-----------------------------------*/

/*------------------------------------span6 end-----------------------------------*/
.span6
{
    background: #66ac4c;
    color: #fff;
    position: relative;
    padding: 20px 0;
    
}
.span6 h2
{
    color: #fff;
    font-size: 29px;
    text-transform: uppercase;
	
}


.span6 .box3 p
{
    text-align: center;
	font-size: 16px;
	
}
.span6 .btn2
{
margin-top:11px;
}
.span6 .btn2:hover
{
background:#fff;
color:#000;
}
/*------------------------------------span6 end-----------------------------------*/


.page-txt
{
padding:50px 0;
}

.page-txt p
{
line-height:1.9;
color:#333;
font-size:16px;
}

.page-txt h3
{
color: #023f5f;
    font-size: 27px;
    margin-top: 30px;
}

.page-txt ul
{
list-style:none;
padding:0;
margin-bottom:12px;
overflow:hidden;
}

.page-txt ul li
{
color:#333;
padding-top:5px;
padding-bottom:5px;
position:relative;
    padding-left: 17px;
font-size: 16px;	
}

.page-txt ul li:before
{
content: "\f101";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	    color: #66ac4c;
    position: absolute;
    left: 0;
    top: 7px;
}


/*----------------------------contact ---------------------------------------*/
.con1 ul li
{
    font-size: 17px;
    font-weight: 400;
    padding: 10px 0;
    position: relative;
    padding-left: 30px;
    border-bottom: 1px solid #eee;
}

.con1 ul li a
{
color:#333;
}

.con1 ul li i, .con1 ul li em
{
position:absolute;
left:2px;
top:13px;
color:#66ac4c;
}

.con1 ul li:before
{
content:'';
}

@media(max-width:767px)
{
.con1
{
margin-bottom:40px;
}
}
.cont
{
border:1px solid #eee;
box-shadow:none;
border-radius:0;
height:40px;
font-size:13px;
}

.map
{
position: relative;
    padding-bottom: 55%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
	margin-top:20px;
}

.map iframe
{
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*----------------------------contact end---------------------------------------*/

.ofc-details h3
{
margin-bottom:20px;
}

.ofc-details
{
padding:30px;
border:1px solid #ccc;
margin-bottom:50px;
}

.ofc-details:hover
{
    box-shadow: 0px 22px 29px -15px #ccc;
}

.news-text
{
border:1px solid #ddd;
border-top:none;
padding:25px 10px;
}

.news-text h4
{
    font-size: 22px;
    color: #333;
}

.news-p
{
height:120px;
overflow:hidden;
}

.team-photo img
{
    border-radius: 50%;
    border: 1px solid #bbb;
}

.news-box
{
margin-bottom:40px;
}

.news-box-img img
{
border:1px solid #ddd;
}

.img-border img
{
border:1px solid #ddd;
padding:3px;
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top: 0;
    left: 100%;
    margin-top: -1px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

@media(min-width:992px)
{
.col-sm-20
{
width:20%;
}
}