/* Commen css */
*
{
    padding: 0px;
    margin: 0px;
} 

@font-face {
    font-family: 'Muli';
    src: url('../fonts/Muli-LightItalic.ttf') format('ttf'),
        url('../fonts/Muli-LightItalic.ttf') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
 
body  
{
	font-family: 'Open Sans', sans-serif;
	color: #777777;
	font-size: 15px;
    line-height: 30px;
	scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 { color: #383838; }

h1, .h1 {
    font-size: 35px;
}

h2, .h2 {
    font-size: 29px;
}

h3, .h3 {
    font-size: 24px;
}

h4, .h4 {
    font-size: 20px;
}

h5, .h5 {
    font-size: 17px;
}

h6, .h6 {
    font-size: 14px;
}

a {
	color: #6c7aac !important;
	text-decoration: none;
}

.blue-bg { background: #253b69; }
.gray-bg { background: #F7F7F7; }
.lgray-bg { background: #f8f8f8; }


.top-line a { font-size: 14px; color: #FFF; text-decoration: none; }

.nav-link, .dropdown-item {
	font-size: 17px;
    color: #212529 !important;
}

.nav-item.active {
	border-bottom: 3px solid #fff;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color: #fff;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover
{
  color: #6c7aac!important;
}

footer h3, footer div, footer span, footer a, footer 
{
  color: #fff!important;
    transition: all 0.4s;
}
.line-class-1
{
    background-color: #fff!important;
}

footer a:hover
{
  color: #6c7aac 
      !important;
    text-decoration:underline;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: .75rem;
  padding-left: .75rem;
}
.thead{ font-size:20px !important;}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active {
	color: #fff!important;
	text-decoration: none;
	background-color: #253b69;
} 
 
.carousel-caption {
	/*width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    right: unset;
    left: unset;*/
    bottom:8rem;
}

.carousel-item .banner-head {
  font-family: 'Muli';
  top: 35%;
  left: 50%;
  margin: 0;
  padding: 10px 20px;
  max-width: 100%;
  font-size: 280%;
  color: #F0FFF0;
  transform: translate(-50%);
}
.banner-subtext
{
    font-size: 18px;
  line-height: 30px;
}

.carousel-control-next.portfolio-control, .carousel-control-prev.portfolio-control {
	width: unset; 
}

#carouselExampleControls .carousel-control-prev, #carouselExampleControls .carousel-control-next {
	opacity: 1;
	z-index: 10;
}

#carouselPortfolio .carousel-control-prev, #carouselPortfolio .carousel-control-next {
	opacity: 1;
}

#carouselPortfolio .carousel-control-prev .fa-angle-left, #carouselPortfolio .carousel-control-next .fa-angle-right {
	color: #398CBD;
}

.card { box-shadow: 0px 2px 18px 0px rgba(57, 140, 189,0.3); }
.card .fas { color: #383838; }

.card-title, .card .card-title a {
	color: #6c7aac!imnportant;
    font-size: 23px;
}
.card .card-title a:hover
{
   color: #6c7aac!imnportant; 
}
 
.card .btn{ border-radius:0;}
.fas.fa-arrow-right {
  color: #fff;
}
.portfolio .feature-img {
	padding-right: 0px;
}

.portfolio .feature-img img {
	border: 1px solid #777;
}

.overlay-info {
	display: flex;
	position: relative;
}

.overlay-info.p-border {
	border: 1px solid #253b69;
}

.portfolio-info {
	display: none;
}

.overlay-info:hover .portfolio-info {
	display: flex;
	position: absolute;
	top: 0;
	background-color: rgba(57, 140, 189,0.8);
	height: 100%;
	width: 100%;
	text-align: center !important;
	align-items: center;
	justify-content: center;
	color: white;
	font-weight: bold;
}

.line-class
{ height:2px;
width: 100%;
    background-color:#6c7aac; 
}

.our-services { background: #f8f8f8; }
.services h3 { font-size: 22px; }
.services p { font-size: 14px; }
.services .bi { font-size: 2rem; color: #428bca; }

.featurebox { border-right: 1px solid rgb(237, 237, 237); }
.form-control { border-radius: 0; font-size: 15px; }
.site-box { 
	position: absolute;
	bottom: 0; 
	width: 100%;
	font-size: 14px;
	text-align: center !important;
	background: #0c79c5;
	color: white;
}

.navbar-light .navbar-nav .nav-link {
  color: #fff!important;
}
.top-fixed {
  position: sticky;
  top: 0;
  background-color: #fff !important;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index: 1030;
}


/*----Shrink Navbar ----*/

.shrink .logoimg
{
	transition: all 0.5s ease-in-out;
	max-width:80%;
}
.logoimg, .annimg, .headcon, .thead, .headcon i
{
	transition: all 0.5s ease-in-out;
}
.headcon section.blue-bg {
  border-bottom:0px solid #fff;
  transition: all 0.5s ease-in-out;
}
.shrink .annimg
{
	transition: all 0.5s ease-in-out;
	width:30% !important;
}

.shrink .headcon
{
	transition: all 0.5s ease-in-out;
	padding-top:0.7rem !important;
	padding-bottom:0.7rem !important;
}

.shrink .thead {
  font-size: 17px !important;
  transition: all 0.5s ease-in-out;
}
.shrink i {
  font-size:1.5em !important;
  transition: all 0.5s ease-in-out;
}

.shrink section .blue-bg {
  border-bottom:2px solid #fff;
  transition: all 0.5s ease-in-out;
}


.shrink1 .container {
	padding: 0 !important;
}
   
.info-div li a {
  color: #428bca !important;
  text-decoration: none;
  text-transform: capitalize;
  line-height:35px;
  font-size: 15px;
    font-weight: 600;
  letter-spacing: 1px;
  transition: all 0.4s;
}

.company-name
{
    display: block;
  font-size: 20px;
  letter-spacing: 1px;
}  
 
      
.navbar-light .navbar-toggler
{
	color: #fff;
	border-color: #fff;
}

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler:focus {
	text-decoration: none;
	outline: 0;
	box-shadow: 0 0 0 .15rem;
}



/*---Footer---*/

footer { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #777; border-top: 1px solid #444; }

footer h3 { font-family: 'Poppins', sans-serif;  text-transform: uppercase; }
.main-footer { background: #fff; }
.main-footer a { color: #777; text-decoration: none; }
.tagline { border-bottom: 1px solid #e1e1e1; }
/*.pages li a { text-decoration: underline; }*/
.copyright { background: #17191b; color: #999; }		
footer img {
  background: #fff;
}
.fa-3x {
  font-size: 2.5em !important;
}
/*------------------------media query -------------------- */
@media (max-width: 320px) {
	h1{ font-size: 24px; }
	h2{ font-size: 22px; }
	h3{ font-size: 20px; }
	.navbar-brand { margin-right: 0px; }
	.dropdown-item { white-space: break-spaces; }
	.carousel-item h2 { font-size: 100%; }
}

@media (min-width: 321px) and (max-width: 575px) {
	h1{ font-size: 24px; }
	h2{ font-size: 22px; }
	h3{ font-size: 20px; }
	.navbar-brand { margin-right: 0px; }
	.dropdown-item { white-space: break-spaces; }
	.carousel-item h2 { font-size: 140%; }

}

@media (min-width: 576px) and (max-width: 767px) {

}

@media (min-width: 768px) and (max-width: 1024px) {
	h1{ font-size: 28px; }
	h2{ font-size: 24px; }
	h3{ font-size: 22px; }
	.nav-link, .dropdown-item {
		font-size: 14px;
	}

}

@media (min-width: 1024px) and (max-width: 1200px) {

	.navbar-brand { margin-right: .5px; }
	.nav-link, .dropdown-item {
		font-size: 14px;
	}

}

@media (max-width: 575px){
	.thead {
	font-size: 15px !important;
}
.fa-3x {
	font-size: 2em !important;
}
}

@media (min-width: 576px) and (max-width: 991px) {
	.thead {
	font-size: 15px !important;
}
.fa-3x {
	font-size: 2em !important;
}
.headcon{max-width:97%;}
}
@media (min-width: 767px) and (max-width: 800px) {
	.thead {
	padding: 0px !important;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.thead {
	font-size: 18px !important;
}
.fa-3x {
	font-size: 2em !important;
}
.headcon{max-width:95%;}
}		

/* responsive css */

@media (min-width: 1201px) and (max-width: 12040px) {
.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: .5rem;
	padding-left: .5rem;
}
}
 
@media (min-width: 992px) and (max-width: 1060px) {
.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: .5rem;
	padding-left: .5rem;
}
}   
 

@media only screen and (max-width:1024px)
{  
  .container
	{
		max-width: 95% !important;
	}

}



@media only screen and (max-width:991px)
{
    
}


@media only screen and (max-width:767px)
{
    
}


@media only screen and (max-width:575px)
{
    
}

@media (min-width: 576px) and (max-width: 767px) {
.banner-subtext {
	font-size: 16px;
	line-height: 30px;
}
.carousel-item .banner-head{
font-size:18px;
}
.carousel-caption{ top:0;}
}
@media (min-width: 375px) and (max-width: 575px) {
.carousel-item .banner-head{
font-size:14px;
} 
.banner-subtext {
	font-size: 12px;
	line-height: 15px;
} 
.carousel-caption{ top:0;}
}
@media (min-width: 768px) and (max-width: 991px) {
.carousel-caption{ top:0;}
}