/************************************************* Header ********************************************************************/
  
/********** Main Banner **************************************************************************************************/
.MainBanner h1{font-size:60px; line-height:.9;}  .MainBanner .carousel-caption {font-size:35px;} .MainBanner{border-top:solid 8px #44A6B4;border-bottom:solid 8px #44A6B4;}
 
/************************************************* Content ********************************************************************/
.BorLeft{border-left:solid 15px #44A6B4; font-size:40px; line-height:1.3; padding-left:25px; margin-bottom:50px;}
.SerBox{height:365px; padding:25px; display:flex;justify-content:center;align-items:center;}

ul.MyDisc {list-style-position:inside; list-style-type:disc;} 

/********** Footer ***************************************************************************************************/
#Footer{font-size:18px; line-height:20px;border-top: solid 8px #44A6B4;}
#Footer a{color:#fff;}#Footer a:hover{color:#42919e;}

#Footer .list-inline a{font-size:20px; margin:0px; color:#fff;}
#Footer .list-inline a:hover{color:#BEF6FF;}
#Footer .list-inline-item:not(:last-child) {margin-right:22px;}

.Copyright{color:#BEF6FF; font-size:15px;}

/********** ContactForm **************************************************************************************************/
#ContactPage .form-control{background:#fff; border-color:#E4E4E4; border-radius:0px; height:54px; color:#585858;}
#ContactPage textarea.form-control{height:157px; padding-top:15px;background:#fff; border-color:#E4E4E4; border-radius:0px; color:#585858;}
.ContactBox{box-shadow:10px 5px 30px 10px rgba(206, 206, 206, 0.25); padding:30px; font-size:19px;}
 
.bg-img{
	min-height:100%;
	display:flex;
	justify-content:center;
	padding:40px;
	color: #fff; 
	border-radius: 20px; 
	font-size:24px;    
	background-position: center; 
	background-repeat: no-repeat;
}

.vision{ min-height: 350px;}

.mech{
   position: relative;
  margin-left: -200px;
}

/*************************************************************************************************************/
@media (min-width:992px) {.MainBanner .mask{position:absolute; top:0px; right:0%; left:0%; z-index:99; background:url(../images/bnr_shadow.png) repeat-x top; min-height:100%;}}

@media (min-width: 1920px){
	.visions {
	font-size:50px !important; 
}
	.mech{
   position: relative;
  margin-left: -210px;
}
	
	.gutter-lg {margin-left:-16px!important;margin-right:-16px!important;}
.gutter-lg div[class^="col"]{padding-left:16px!important;padding-right:16px!important;}
.container {max-width:1720px !important;} .navbar-nav>li+li {margin-left:55px !important;}}

@media (min-width: 1600px) {.container {max-width:1540px;}.navbar-nav>li+li {margin-left:40px;} h1, .h1 {font-size:60px;} .fs-70{font-size:70px !important; }
	
	.draft img {
  height: 720px;
}
.MainBanner .Homebnr .carousel-item img {height:800px; width:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:center; object-position:center;}
}

@media (min-width: 1400px) {
.draft img {
  height: 850px;
}
.visions {
	font-size:50px !important; 
}
}

@media (min-width: 1259.98px) and (max-width: 1360px) {}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 90%;
  }
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1359.98px) and (max-width: 1699.98px){
	.visions {
	font-size:40px !important; 
}
}

/*@include media-breakpoint-between(1280) { ... }*/
@media (min-width: 1199.98px) and (max-width: 1359.98px){
	.fs-36 {
  font-size: 35px !important;
}
	.fs-27{font-size:22px;}
	.mech{
  position: relative;
   margin-left: 0px;
}
	 .Welcome h2{font-size:34px;}.SerBox{height:300px;} }
@media (min-width: 991.98px) and (max-width: 1199.98px) {
		.bg-img {
		min-height: 100%;
		display: flex;
		justify-content: center;
		padding: 20px;
		color: #fff;
		border-radius: 20px;
		font-size: 19px;
		background-position: right;
		background-repeat: no-repeat;
	}
	.mech{
   position: relative;
  margin-left: 0px;
}
}

/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 991.98px){.MainBanner h1{font-size:50px;}.MainBanner .carousel-caption {font-size:30px;}.fs-50 {font-size:40px !important;}.SerBox{height:300px;} .mech{
   position: relative;
  margin-left: 0px;
}}

@media (max-width: 767.98px) {.MainBanner h1{font-size:40px;}.MainBanner .carousel-caption {font-size:22px;}.fs-50 {font-size:40px !important;}.SerBox{height:200px; padding:40px;}.fs-70 {font-size:46px !important;}
.fs-27{font-size:24px !important;} .Welcome h2{font-size:30px;}
.fs-40 {font-size: 20px !important;}
	.bg-img {
		min-height: 100%;
		display: flex;
		justify-content: center;
		padding: 24px;
		color: #fff;
		border-radius: 20px;
		font-size: 16px;
		background-position: right;
		background-repeat: no-repeat;
	}
	h2, .h2 {
		font-size: 34px;
	}
	.mech{
   position: relative;
  margin-left: 0px;
}
}

@media (max-width: 575.98px){
.MainBanner .Homebnr .carousel-item img {
    height:240px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}.MainBanner h1{font-size:22px; line-height:1;}
.BorLeft {font-size:30px;}.SerBox{padding:40px; min-height:280px;}
	.mech{
   position: relative;
  margin-left: 0px;
}
}

@media (max-width: 479px) {}
@media (max-width: 320px) {}
.sub {outline-style: solid!important;}

.zoom {
  padding: 50px;
  transition: transform .2s; /* Animation */
  width: 500px;
  height:500px;
  margin: 0 auto;
	overflow: hidden;
}
.zoom img {
	transition: transform .2s; /* Animation */
}
.zoom img:hover {
	 -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
}
.italic{font-style:italic!important;}
.justify{text-align:justify;}

.about li {list-style:none;}

/*i.fa-solid.fa-check {unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}
.fa-check::before {
   unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}*/

img.img-fluid.rounded-3.wel {
    box-shadow: 20px 20px 20px rgba(0,0,0,0.20);
}
/*.show { box-shadow: 5px 5px 20px #2b2a2a;}*/

.show {
    box-shadow: 20px 20px 20px rgba(0,0,0,0.20);
}

    ul.point {
    padding-left: 63px;
}
.mechanical img {
    height:500px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: 4px !important;
}
.grecaptcha-badge:hover {
width: 256px !important;
}

.grecaptcha-badge {

visibility: hidden;

}