.bg-team{
    background-color:#e7eaed;
}

.header2 {
  /*position: fixed;*/
  overflow: hidden;
  width: 100%;
  height: auto;
  z-index: 999;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
}
.header2 .navbar {
    height:67px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  
}
.header2 .navbar .burger {
  position: fixed;
  top: 1.2rem;
  right: 1.50rem;
  z-index: 9;
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  transition: left 0.9s cubic-bezier(0.6, 0.05, 0.28, 0.91);
}
.header2 .navbar .burger-close {
  display: none;
}
.header2 .navbar .burger.active {
  left: 85%;
}
.header2 .navbar .burger.active .burger-open {
  display: none;
}
.header2 .navbar .burger.active .burger-close {
  display: block;
}
.header2 .navbar .menu {
  position: fixed;
  overflow: auto;
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
  /*align-items: flex-start;*/
  z-index: 8;
  opacity: 0;
  top: 0rem;
  left: 100%;
  width: 250px;
  height: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
  transition: all 0.5s cubic-bezier(0.6, 0.05, 0.28, 0.91);
}

.header2 .navbar .menu.active {
  left: 0;
  opacity: 1;
}

.header2 .menu li a i {
  margin-right: 10px;
  font-size: 12px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
}


@media only screen and (min-width: 769px) {
 .header2{
     display:none;
 }
}


/*dev finish*/
a.left
{
    position: relative;
}

a.left:before {
  content: "";
  position: absolute;
  width: 0;
  height: 4px !important;
  bottom: 0;
  left: 0;
  background-color: #0080bf !important;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
a.left:hover:before {
  visibility: visible;
  width: 90% !important;
}

.submit-btn{
    color: #fff !important;
    background-color: #0080BF !important;
    border-color: #0080BF !important;
}

.owl-dots{
    display:none;
}
.family{
    font-family: 'Montserrat', sans-serif;
}
.text-blue{
    color: #0080bf;
}

.text-blue1{
    color: #0080bf;
}
.bgblue{
    background-color: #0080bf !important;
}


.text-light-blue{
    color: #bed821;
}

.button-shadow button
{
    outline:none !important;
    box-shadow:none !important;
}
.text_decoration a{
    text-decoration:none !important;
}
/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.navbar {
    transition: all 0.4s;
}

.navbar .nav-link {
    color: #0080bf;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: #0080bf;
    text-decoration: none;
}

.navbar .navbar-brand {
    color: #0080bf;
}


/* Change navbar styling on scroll */
.navbar.active {
    background: #fff;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
}

.navbar.active .nav-link {
    color: #0080bf;
}

.navbar.active .nav-link:hover,
.navbar.active .nav-link:focus {
    color: #0080bf;
    text-decoration: none;
}

.navbar.active .navbar-brand {
    color: #0080bf;
}


/* Change navbar styling on small viewports */
@media (max-width: 991.98px) {
    .navbar {
        background: #fff;
    }

    
    .navbar .navbar-brand, .navbar .nav-link {
        color: #0080bf;
    }
}


.banner {
  background-image: url("src/img4.jpg"); /* The image used */
  width:100% !important;
  height:550px;
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  }


.banner-button1 button{
    border:1px solid #0080bf;
    height:60px;
    background:#fff;
}   
.banner-button1 button:hover, .banner-button1 button:focus{
   
    height:60px;
     background-color: #0080bf ;
     color:#fff;
}   
.banner-button2 button{
    height:60px;
     background-color: #0080bf ;
     color:#fff;
}   
.banner-button2 button:hover, .banner-button1 button:focus{
    border:1px solid #0080bf;
    height:60px;
     background-color: #fff ;
     color:#0080bf;
}   

.banner-heading{
    font-size:5vh;
}
.alignment{
    margin-top:8rem !important;
}
.alignment1{
    margin-top:2rem !important;
}
.header2
{
    display:none;
}
 .header2  .nav-list li a 
 {
	text-decoration: none;
	display: block;
	padding: 10px;
	cursor: pointer;
	/*border-bottom: 1px solid #fffff !important;*/
	color: #9d9d9d;
}

.header2 .nav-list > li 
{
	color: #C4C4C4;
	font-size: 17px;
	/*padding-left: 13px !important;*/
	/*border-bottom: 1px solid #fff;*/
}

.header2 .nav-list > li > a:hover {
	background-color: #0080bf;
}
@media (max-width: 800px)
{
    .header1
    
    {
        display:none;
    }
    .header2
    {
        display:block;
    }
}
@media (max-width: 410px) {
    .navbar-nav{
        background:white;
    }
  .banner-heading{
    font-size:3vh;
}
.development-button h2{
    margin-top:20px;
    font-size:4vh;
}
.alignment{
    margin-top:8rem !important;
}
.alignment1{
    margin-top:2rem !important;
}
}
/*.development-bg-1{*/
/*    background-image: url("src/img7.jpg");*/
/*  width:100%;*/
/*  height:210px;*/
/*  background-position: center; */
/*  background-repeat: no-repeat;*/
/*  background-size: cover;*/
/*}*/
/*.development-bg-2{*/
/*    background-image: url("src/img5.jpg"); */
/*  width:100%;*/
/*   height:210px;*/
/*  background-position: center; */
/*  background-repeat: no-repeat;*/
/*  background-size: cover; */
/*}*/

.development-button button, .explore-button button, .news-button button{
     border:2px solid #0080bf;
     height:50px;
     
     color:#0080bf;
}
.development-button button:hover, .development-button button:focus, .explore-button button:focus, .explore-button button:hover, .news-button button:hover,.news-button button:focus{
     border:2px solid #0080bf;
     height:50px;
    background-color: #0080bf ;
     color:#fff;
}

.parallax {
  /* The image used */
  background-image: url("src/img2.jpg");

  /* Set a specific height */
  min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
filter:brightness(90%);
    
}


.news-cards{
    cursor:pointer !important;
}

.news-cards img{
    filter: grayscale(100%);
}

.news-cards:hover img{
    filter: none;
}
.news-card-body{
    color: #0080bf;
}

.news-cards:hover .news-card-body{
    color:#fff;
    background:#0080bf;
}
    



.family{
    font-family: 'Montserrat', sans-serif;
}
.text-blue{
    color: #0080bf;
}


.bgblue{
    background-color: #0080bf !important;
}



.button-shadow button{
    outline:none !important;
    box-shadow:none !important;
}
.text_decoration a{
    text-decoration:none !important;
}
/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.navbar {
    transition: all 0.4s;
}

.navbar .nav-link {
    color: #0080bf;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: #0080bf;
    text-decoration: none;
}

.navbar .navbar-brand {
    color: #0080bf;
}


/* Change navbar styling on scroll */
.navbar.active {
    background: #fff;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
}

.navbar.active .nav-link {
    color: #0080bf;
}

.navbar.active .nav-link:hover,
.navbar.active .nav-link:focus {
    color: #0080bf;
    text-decoration: none;
}

.navbar.active .navbar-brand {
    color: #0080bf;
}


/* Change navbar styling on small viewports */
@media (max-width: 991.98px) {
    .navbar {
        background: transparent;
    }

    .navbar .navbar-brand, .navbar .nav-link {
        color: #0080bf;
    }
}


.banner {
  background-image: url("src/img4.jpg"); /* The image used */
  width:100%;
  height:550px;
  
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  }


.banner-button1 button{
    border:1px solid #0080bf;
    height:60px;
    background:#fff;
}

.banner-button1 button:hover, .banner-button1 button:focus{
   
    height:60px;
     background-color: #0080bf ;
     color:#fff;
}

.banner-button2 button{
   height:60px;
     background-color: #0080bf ;
     color:#fff;
}   

.banner-button2 button:hover, .banner-button1 button:focus{
    border:1px solid #0080bf;
    height:60px;
     background-color: #fff ;
     color:#0080bf;
}   

.banner-heading
{
    font-size:5vh;
}

.height{
    height:550px;
}

@media (max-width: 800px) {
    #navbar
    {
        display:none;
    }
     .fix-height{
        height:300px;
    }
    .navbar-nav{
        background:white;
    }
  .banner-heading{
    font-size:3vh;
}


.text-blue1
{
    color: #0080bf;
    font-size: 17px;
}


.development-button h2
{
    font-size:4vh;
}

.development-bg-1{
    background-image: url("src/img7.jpg") !important; /* The image used */
  width:100% !important;
  height:200px !important;
  text-align:right;
  background-position: bottom !important; /* Center the image */
  background-repeat: no-repeat !important; /* Do not repeat the image */
  background-size: cover !important; /* Resize the background image to cover the entire container */
}

.development-bg-2{
    background-image: url("src/img5.jpg") !important; /* The image used */
  width:100% !important;
   height:200px !important;
  text-align:left;
  background-position: top !important; /* Center the image */
  background-repeat: no-repeat !important; /* Do not repeat the image */
  background-size: cover !important; /* Resize the background image to cover the entire container */
}
}

.development-bg-1{
    background-image: url("src/img7.jpg"); /* The image used */
  width:100%;
  height:320px;
  
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.development-bg-2{
    background-image: url("src/img5.jpg"); /* The image used */
  width:100%;
   height:320px;
  
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.development-button button, .explore-button button, .news-button button{
     border:2px solid #0080bf;
     height:50px;
     
     color:#0080bf;
}

.development-button button:hover, .development-button button:focus, .explore-button button:focus, .explore-button button:hover, .news-button button:hover,.news-button button:focus{
     border:2px solid #0080bf;
     height:50px;
    background-color: #0080bf ;
     color:#fff;
}

.parallax {
  /* The image used */
  background-image: url("src/img2.jpg");

  /* Set a specific height */
  min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
filter:brightness(90%);
    
}


.news-cards
{
    cursor:pointer !important;
}

.news-cards img{
    filter: grayscale(100%);
}

.news-cards:hover img{
    filter: none;
}

.news-card-body{
    color: #0080bf;
}

.news-cards:hover .news-card-body{
    color:#fff;
    background:#0080bf;
}
    
.effect:hover , .effect:focus,  .effect:active{
    
    color:#4dc3ff !important;
    background:transparent !important;
}


.whatwedo-banner{
  background-image: url("src/img7.jpg"); /* The image used */
  height:60vh;
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.whatwedo-banner-text{
    font-size:3.5vh;
}

.blue-border{
    border:1px solid #0080bf;
}


.nav-tabs .nav-item .nav-link {
  background-color: #ffffff;
  color: #0080bf;
  border:1px solid #0080bf;
}

.nav-tabs .nav-item .nav-link:hover {
  color: #ffffff;
  background:#0080bf;
  border:1px solid #0080bf;
}

.nav-tabs .nav-item .nav-link.active {
  color: #ffffff;
  background:#0080bf;
  border:1px solid #0080bf;
}


.whoweare-banner{
  background-image: url("src/img1.jpg"); /* The image used */
  height:350px;
  background-position: inherit; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size:  inherit; /* Resize the background image to cover the entire container */
}


.whoweare-banner-text{
    font-size:3.5vh;
}

.whoweare-image {
  display: block;
  width: 100%;
  height: auto;
}

.whoweare-imageoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: .5s ease;
  background-color:  #0080bf;
}

.whoweare-imagebox:hover .whoweare-imageoverlay {
  opacity: 0.9;
}

.whoweare-imagetext {
 
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

}

/*FOOTER*/



footer a {
  color: #fff;
  font-size: 14px;
  transition-duration: 0.2s;
}

footer a:hover {
  color: #bed821;
  text-decoration: none;
}

.copy {
  font-size: 14px;
  padding: 10px;
  border-top: 1px solid #FFFFFF;
}

.footer-middle {
  padding-top: 2em;
  color: white;
}


@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
	/*.navbar .nav-item:hover .nav-link{ color: #fff;  }*/
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}


a.left
{
    position: relative;
}

a.left:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: black;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

a.left:hover:before {
  visibility: visible;
  width: 100%;
}

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: white; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #0080bf ; 
}

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