/*************************8      header css           ****************************************************/

.shrink {background:rgba(255,255,255,1); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}

.logo {max-height:112px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .logo {max-height:50px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin:4px 0px;}

.main-nav{position:absolute;z-index:99;background-color:rgba(255,255,255,0.7);-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .main-nav{padding:5px 0px!important;box-shadow:0px 5px 12px rgba(0,0,0,.5);background-color:rgba(255,255,255,1);}

/*.main-nav .logo{margin-top:-17px;}*/
#Navigation{margin:0px;}
.navbar .nav-item{margin:0px 1px;font-size:16px;text-transform:uppercase;font-weight:500;}
.navbar .nav-item .nav-link{color:#000;padding:12px 30px;border-radius:30px;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#fff;background-color:#00d4ed;}

/**********                Home page css       *******************************/

.banner .bnr-shadow {top:95px;position: absolute;z-index: 89;background: url(../images/bnr-shadow.png) repeat-x top left;height: 100%;width:100%;}
.banner h1{margin-top:250px;font-size:60px;text-shadow:5px 0px 5px rgba(0,0,0,0.35);}

.testimonial .quote-lt{top:0%;}
.testimonial .quote-rt{bottom:40%;}

.bg{position:relative; background:#000; display:block; z-index:1;display:flex; justify-content:center; align-items:center;}
.bg:after {content:''; background:url(../images/bg.jpg) no-repeat top center; opacity:0.25;background-size:cover; position:absolute; z-index: -1; top:0; bottom:0; left:0; right:0;} 

/**************              Footer                 ******************************/

.form-height{height:125px;}
.footer a{color:#fff;}
.footer a.active,.footer a:hover{color:#00d4ed;}

.copy,.copy a{color:#5e6176;}
.copy a:hover{color:#00d4ed;}

/********************     Media query       ***************************************/

@media (min-width: 1920px){
	.banner img {height:820px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
	.page-banner img {height:600px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
}

@media (min-width: 1600px){
	.container {max-width: 1390px;}
	
	.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
	.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}

	.navbar .nav-item{margin:0px 5px;font-size:18px;}
	
	.banner h1{font-size:70px;}
	.banner .bnr-shadow {top:110px;}
	
	.display-5{font-size:50px;}
	
	.choose .img-icon{top:-15px;left:35px;position:absolute;}
	.choose .text-block{padding-left:150px!important;}
}

@media (min-width: 1400px) and (max-width: 1599.98px){
	.banner .bnr-shadow {top:110px;}
	
	.choose .img-icon{top:-15px;left:35px;position:absolute;}
	.choose .text-block{padding-left:150px!important;}
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.navbar .nav-item{font-size:15px;}
	.navbar .nav-item .nav-link{padding:10px 20px;} 
	
	.banner h1{margin-top:150px;font-size:50px;}
	.banner .bnr-shadow {top:85px;}
}

@media (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
		
	.hhd{font-size:40px; }
	.hd{font-size:35px; }
	h1,h2.h1{font-size:30px; }
	
	.navbar .nav-item{font-size:15px;}
	.navbar .nav-item .nav-link{padding:10px 20px;} 
	.main-nav{position:static;}
	
	.banner .bnr-shadow {top:0px;}
	.banner h1{margin-top:0px;font-size:45px;}
	.btn-lg{padding:16px 30px;}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	#Navigation{justify-content: center; width:100%;margin:0px 0px 0px;} 
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
	.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#00d4ed;background-color:transparent;}
}

@media (max-width: 575.98px){
	.banner img {height:400px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
	.navbar-brand {display: block;max-width: calc(100% - 90px);}
}


