.logo {
	    text-align: center;
}
.logo  img {
	width:38%;
	height: 100px;
} 
.menu-area {
    background-color: #131d33;
}
.ourplan{
    width: 100%;
    padding: 6px;
    color: #fff;
    background: #41b4e9;
}
.dropdown-menu {
    padding: 0;
    margin: 0;
    border: 0 solid transition!important;
    border: 0 solid rgba(0, 0, 0, .15);
    border-radius: 0;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}
/*.mainmenu a,*/
.navbar-default .navbar-nav > li > a,
.mainmenu ul li a{
    color: #000;
    font-size: 16px;
    text-transform: capitalize;
    padding: 10px 16px;
    font-family: 'Roboto', sans-serif;
    display: block !important;
	
}
.mainmenu .active a,
.mainmenu .active a:focus,
.mainmenu .active a:hover,
.mainmenu li a:hover,
.mainmenu li a:focus,
.navbar-default .navbar-nav>.show>a,
.navbar-default .navbar-nav>.show>a:focus,
.navbar-default .navbar-nav>.show>a:hover {
    color: #fff;
    background-color: #42b4e8;
    outline: 0;
}
.navbar-light .navbar-toggler{
    padding: 0;
}
.navbar-light .navbar-toggler .fa-bars{
    color: #000;
    border: 1px solid #fff;
    padding: 5px 10px;
}
.only-mobile{
    display: none;
}
.only-desktop{
    display: block;
}

/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a {
    background-color: #42b4e8;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.mainmenu .collapse ul ul > li {
	border-top: 1px solid #fff;
}
.mainmenu .collapse ul ul > li:hover > a{
    background-color:#3e6f42;
	color:#fff;
}    
.mainmenu .collapse ul ul ul > li:hover > a {
    background-color: #3e6f42;
	color:#fff;
}
.mainmenu .collapse ul ul,
.mainmenu .collapse ul ul.dropdown-menu {
    background-color: #42b4e8;
	
}
.mainmenu .collapse ul ul ul {
    background-color: #3e6f42;
}



/******************************Drop-down menu work on hover**********************************/
.mainmenu {
    background: none;
    border: 0 solid;
    margin: 0;
    padding: 0;
    min-height: 20px;
    width: 100%;
}
@media only screen and (min-width: 767px) {
	
    .mainmenu .collapse ul ul {
        position: absolute;
        top: 80px;
        left: 0;
        min-width: 250px;
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: 0.5s ease all;
        transition: 0.5s ease all;
    }
    .mainmenu .collapse ul li:hover> ul {
        visibility: visible;
        opacity: 1;
        top: 100%;
    }

    /* Level 2 */
    .mainmenu .collapse ul ul li {
        position: relative;
		
    }
    .mainmenu .collapse ul ul ul {
        position: absolute;
        top: 0;
        left: 120%;
        min-width: 250px;
        display: block;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: 0.5s ease all;
        transition: 0.5s ease all;
    }
    .mainmenu .collapse ul ul li:hover> ul {
        visibility: visible;
        opacity: 1;
        top: 0;
        left: 100%;
    }
    .mainmenu .collapse ul ul li a .fa-angle-right{
        position: absolute;
        right: 20px;
        top: 20px;
    }


}
.services-area {width:100%; margin: auto;}
.services {width:18%;float:left;margin:0 1%; position: relative;background: #000;}
.our-services h5 {border: 1px solid #3e6f42; padding: 10px;}
.our-services {margin:40px 0;}
.services-title {
	position: absolute;
    top: 30%;
    left: 5%;
    right: 5%;
    z-index: 999;
	text-align: center;
	color: #fff;
	
}
.our-services a {color: #000;}
.services-title a {color: #fff;} 
.services img {
	opacity:0.7;
	width:100%;
	height:150px;
}
@media only screen and (max-width: 767px) {
	.log-in {
		position: absolute;
		z-index:99;
		top: -95px;
	}
	
	.services{
		width: 100% !important;
		margin:2% 0;
		}
		
	.main-menu  {
		 position: relative;
	}
	.mainmenu {
		 position: absolute;
		 z-index:999;
		 top:0%;
	}
	.mainmenu .navbar-collapse{
		background:#0e0e0e;
		opacity: .8;
	}
	.mainmenu .navbar-collapse a{
		color:#fff;
	}
    .only-mobile{
        display: inline-block;
    }
    .only-desktop{
        display: none;
    }
    .mainmenu .collapse ul ul > li.dropdown > a{
        background-color: #3e6f42;
        padding: 16px 15px 16px 15px;
		
    }
	
    .navbar-nav .show .dropdown-menu .dropdown-menu > li > a,
    .navbar-nav .show .dropdown-menu > li > a {
        padding: 16px 15px 16px 35px;
       background:#3e6f42;
    }
	
    .navbar-nav .show .dropdown-menu .dropdown-menu > li > a:hover,
    .navbar-nav .show .dropdown-menu > li > a:hover{
        background-color:#3e6f42;
    }
    .mainmenu ul li a .fa-angle-down{
        position: absolute;
        right: 15px;
        top: 15px;
        width: 25px;
        height: 25px;
        background-color: #fff;
        color: #0f3c9e;
        text-align: center;
        line-height: 25px;
    }
}

.mainmenu ul li a.dropdown-toggle::after{
    display: none;
}
/*-----------banner css--------------------*/
.carousel {
  margin-bottom: 4rem;
}
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

.carousel-item {
  height: 27rem;
  background: #000;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:27rem;
  opacity: .7;
}

.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


.featurette-divider {
  margin: 5rem 0; 
}

.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


@media (min-width: 40em) {
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}
/*-----------------------footer menu--------------------*/
.footer-top h5 {text-decoration: underline;}
.footer-menu a {
	color:#fff;
}
.page-content {
	border-bottom: 3px solid #3e6f42;
    height: 41px;
 }
 .page-content h4 {
	background: #42b4e8;
    width: 35%;
    padding: 5px;
    margin-top: 20px;
	color:#fff;
	border-radius: 0px 48px 0px 0px;
 }
 @media only screen and (max-width: 767px) {
.page-content h4 {
    width:90%;
	font-size:18px;
   
 } 
.page-content {
    height: 34px;
 }
.our-usps {
	margin-bottom: 5%;
} 
 }
/*******============Social link=========================****/
.Social {
  padding: 15px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.Social:hover {
    opacity: 0.7;
	color:#fff;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}
 .footer-contact {  
  color:#fff;
  font-weight: 300;
  }
  
.footer-contact1 {  
   color: #000;
   font-weight: 300;
   font-size: 20px;
   line-height: 34px;
	}