@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css2?family=Orelega+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
*{
padding:0px;
margin:0px;
box-sizing:border-box;
}
body{
font-family: 'Poppins', sans-serif;
 color:#212529;
 font-weight: 400;
 -webkit-font-smoothing: antialiased;
/*--font-family: "Open Sans", sans-serif;---*/
}
body p{
line-height:1.8em;
}
.body-widget{
padding: 0px 20px;
background: linear-gradient(#d2d2d2f0,#c7c7c7cf), url(../images/bodybg2.jpg)no-repeat center;
 background-size: cover;
    opacity: 1;
    background-attachment: fixed;
    display: block;
    margin-left: auto;
    margin-right: auto;
    
}
@media(max-width:767px){
.body-widget{
	padding: 0px 5px;
}
}
.body-inner-box{
background-color:#fff;
 border-radius: 10px;
}
/*-----Header----*/
.mtTopBar{
background-color:#f3741a;
}
.mtTopBar ul{
list-style-type:none;
padding:5px 0px;
}
.mtTopBar ul li{
display:inline;
padding:10px 10px;
}
.mtTopBar ul li a{
color:#fff;
}
.mtTopBar ul li i{
margin-right:10px;
color:#fff;
}
.mtSocialIcons{
float:right;
}
.mtSocialIcons li{
display:inline;

}
.mtSocialIcons li img{
height:20px;
width:20px;
}
@media(max-width:767px){
.mtSocialIcons{
float:none;
}
}
header{
padding:20px 0px;
	/*--background-color:#fff;---*/
	background: linear-gradient(#ffffffe8,#ffffffe8), url(../images/headerbg.jpg)no-repeat center;
    background-size: cover;
    opacity: 1;
}

.tsHeaderTop{
padding:20px 0px;
text-align:center;
}

.tsHeaderTop h2{
font-size:43px;
font-weight:bold;
color:#fe0000;
letter-spacing:1px;
font-family: 'Orelega One', cursive;
}
.tsLogoPanel{
text-align:center;
}
.tsLogoPanel img{
height: 150px;
width: 180px;
}
.headIcon{
height:20px;
width:20px;
margin:0px 7px;
}
@media(max-width:767px){
	.tsLogoPanel img{
	height: 100px;
width: 110px;
	}
.tsHeaderTop h2{
font-size:29px;
margin-top:-10px;
}
}
.teHeaderEn span{
color:#333;
font-size:16px;
font-weight:500;
color:#0f3161;
}
.teHeaderEn p a{
color:#333;
}
/*----End---Header----*/

 .toggle, [id^=drop] {
 display: none;
}
.toggle1, [id^=drop2] {
 display: none;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
	box-shadow: 0px 2px 15px 1px rgb(0 0 0 / 30%);
}
nav {
width:100%;
  margin: 0;
  padding: 0;
background: linear-gradient(#0086c5,#0086c5), url(../images/headerbg.jpg)no-repeat center;
 z-index:99;
 font-family: 'Poppins', sans-serif;
 border-bottom: 1px solid #fff;
}

#logo {
  display: block;
  padding: 0 30px;
  float: left;
  font-size: 20px;
  line-height: 60px;
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
   z-index:99;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
   z-index:999;
  
  background-color:#0086c5;
 /*-- background-color: #193559;--*/
}
nav ul li.active{
 background-color:#1f1c1e;
}
nav ul li ul li{
padding:0;
}

nav > ul > li > a {
  display: block;
  padding: 0 18px;
  color: #FFF;
  font-size: 15px;
  position:relative;
  line-height: 40px;
 
  text-decoration: none;
   border-right:1px solid #e7e7e7;
   text-shadow: 0px 0px 1px #fff;
}

nav > ul > li > ul >li{
background-color:#fff;
}
nav > ul > li > ul{
margin-top:-20px;
}
nav > ul > li > ul > li:hover{
background-color:#1f1c1e;
}
nav > ul > li > ul > li > a {
display: block;
    padding: 0 10px;
    color: #000;
    font-size: 14px;
    line-height: 40px;
    text-decoration: none;
    border-bottom: 1px dotted #a1a3a5;
}
nav > ul > li > ul > li > a:hover::after{
content: "";
height:4px;
width:6px;
background-color:#f00;
    font-family: fontawesome;
    margin-left: 0px;
    margin-right: 0;
    position: absolute;
	left:0px;
	top:17px;
}
nav > ul > li > ul > li > ul > li > a:hover::after {
content: "";
height:4px;
width:6px;
background-color:#f00;
    font-family: fontawesome;
    margin-left: 0px;
    margin-right: 0;
    position: absolute;
	left:0px;
	top:17px;
	
}
nav > ul > li > ul > li > ul > li >ul > li > a:hover::after {
content: "";
height:4px;
width:6px;
background-color:#f00;
    font-family: fontawesome;
    margin-left: 0px;
    margin-right: 0;
    position: absolute;
	left:0px;
	top:17px;
}
nav > ul > li > ul{
box-shadow: 3px 0 6px 0 rgba(0,0,0,.33);

}
@media(max-width:767){
nav > ul > li > ul{
border:none;
}
}
nav > ul > li > ul > li > ul > li > a {
display: block;
  padding: 0 10px;
  color: #FFF;
  font-size: 13px;
  line-height: 40px;
  text-decoration: none;
   border-bottom:1px dotted #fff;
}
nav > ul > li > ul > li > ul > li > ul > li > a {
display: block;
  padding: 0 10px;
  color: #FFF;
  font-size: 13px;
  line-height: 40px;
  text-decoration: none;
   border-bottom:1px dotted #fff;
}
nav ul > li > ul > li:hover { background: #f3781a; }

nav ul .active{
background-color: #071d3c;
}
nav a:hover { background-color: #1f1c1e; 
color:#fff;
}

nav ul ul {
  display: none;
  position: absolute;
  top: 60px;
}

nav ul li:hover > ul { display: inherit;

 }

nav ul ul li {
  width: 180px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 180px;
}
nav > ul > li > a:after {
     content: "\f101";
    font-family: fontawesome;
    margin-left: 5px;
    margin-right: 0;
    position: absolute;
    /* top: 2px; */
    transform: rotate(90deg);
}
nav > ul > li > ul > li > a:after {
content: "\f101";
    font-family: fontawesome;
    margin-left: 10px;
    margin-right: 0;
    position: absolute;
	transform:rotate(0deg);
}
nav > ul > li > ul > li > ul > li > a:after {
content: "\f101";
    font-family: fontawesome;
    margin-left: 10px;
    margin-right: 0;
    position: absolute;
	transform:rotate(0deg);
}
li > a:after { content: ''; }

li > a:only-child:after { content: ''; }

@media(max-width : 768px) {
.home-btn{
display:none;
}
}

/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {

#logo {
  display: block;
  padding: 0;
  width: 100%;
  text-align: center;
  float: none;
}

nav { margin: 0; }

.toggle + a,
 .menu { display: none; }

 
 
.toggle {
  display: block;
  background-color: #0086c5;
  padding: 0 20px;
  color: #FFF;
  font-size: 14px;
  font-weight:bold;
  line-height: 60px;
  text-decoration: none;
  border: none;
  cursor:pointer;
}
.toggle img{
height:25px;
width:35px;
}
.toggle:hover { background-color: #0086c5; }

[id^=drop]:checked + ul { display: block; }
[id^=drop2]:checked + ul { display: block; 
width:100%;
}
nav ul li {
  display: block;
  width: 100%;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

 nav ul ul .toggle1,
 nav ul ul a { padding: 0 40px; }
 
nav ul ul ul a { padding: 0 80px; }

nav a:hover,
 nav ul ul ul a { background-color: #1f1c1e;
color:#fff; }

nav ul li ul li .toggle,
 nav ul ul a { background-color: #f3781a;
color:#fff;
 }

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}
}

@media all and (max-width : 330px) {

nav ul li {
  display: block;
  width: 94%;
}

}

/*---Site--Breadcrumb---*/
.mtSIteBreadCrumb{
border-bottom:1px dashed #ccc;
}
.mtSIteBreadCrumb .mtbreadcrumb{
padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.mtSIteBreadCrumb .mtbreadcrumb li{
display:inline;
padding:4px 10px;
}
.mtbreadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
/*---Front--About--Row---*/
/*******************/
#myCarousel{
    overflow:hidden; 
	    height: auto;
width:100%;
}
.carousel-sec{
box-shadow:0px 0px 14px rgba(0,0,0,0.3);
}
.carousel-inner>.item>img{
height:580px;
width:100%;
}
#myCarousel .carousel-control{
    background:none;
    top:50%;
    font-size:20px;
    text-align:center;
    width:40px;
    height:40px;
    opacity:1;
}
#myCarousel .carousel-control.right{
    right:2%;
}
#myCarousel .carousel-control.left{
    left:2%;
}
 

#myCarousel .carousel-control span{
    color:#fff;
   background: linear-gradient(to right, #fb0001, #fe0000);
    height:40px;
    width:40px;
    line-height:40px;
    text-align:center;
}
#myCarousel .carousel-indicators li {
    margin: 0px;
    border: 1px solid #e21718;
    border-radius: 1px;
    width: 15px;
    height: 5px;
	margin:0px 5px;
}
#myCarousel .carousel-indicators .active{
    background-color:#f18945!important;
}
#myCarousel .carousel-indicators .active {
    background-color: #0e61a3;
    width: 15px;
    height: 5px;
}
.carousel-indicators {
    bottom:10px;
}

@media screen and (max-width: 768px){
#myCarousel .carousel-control {
    background: none;
    top: 40%;
    font-size: 15px;
    text-align: center;
    width: 25px;
    height: 25px;
    opacity: 1;
}

#myCarousel .carousel-control span {
    color: #fff;
     background: linear-gradient(to right, #fd5d00, #f2762e);
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
}
.carousel-indicators {
   bottom:20px;
}
#myCarousel{ 
height:270px;
width:100%;
}
.carousel-inner .item img{
height:270px;
width:100%;
}
}

/*-----About---Us---*/
.teAboutUs{
padding:30px 0px;
}
.teAboutTitle h3{
font-size:29px;
font-weight:bold;
color:#0086c5;
}
.teAboutImg{
margin-top:20px;
}
.teAboutImg img{
height:290px;
width:100%;
box-shadow:0px 3px 14px rgba(0,0,0,0.3);
}
.teAboutImg img{
border-right:10px solid #013781;
border-bottom:10px solid #013781;
border-radius: 0px 40px 0px 40px;
}
.teReadBtnPanel{
padding:5px 0px;
}
.teReadBtn{
background-color: #485461;
background-image: linear-gradient(315deg, #485461 0%, #28313b 74%);
color:#fff;
border-radius:20px;
padding:7px 20px;
text-decoration:none;

}
.teReadBtn:hover{
text-decoration:none;
color:#fff;
}

.teWidgetBanner{
position:relative;
}
.teBannerImg img{
	height:250px;
	width:100%;
}
.teBannerTitle{
position: absolute;
    bottom: 35px;
    width: 100%; 
	float:left;
}
.teBannerTitle h3{
color:#fff;
font-size:29px;
font-weight:500;
margin-left:20px;
}

.teAboutWidget{
padding:50px 0px;
	background: #fff;
}
.teTextTitle h5{
font-weight:500;
color:#333;
font-size:19px;
}
.teTextTitle h5 span{
color:#d40505;
}
.tesubabttext p .tetabletexthead{
font-weight:500;
color:#333;
font-size:16px;
}
.teAboutImgPanel img{
height:270px;
width:100%;
box-shadow: 4px 3px 20px 0px rgb(0 0 0 / 30%);
}
.tebreadcrumb ul{
list-style-type:none;
margin-left:20px;
}
.tebreadcrumb ul li{
display:inline;
}
.tebreadcrumb ul li a{
color:#dc0201;
}
.tebreadcrumb ul li i{
margin:0px 5px;
color:#dc0201;
}
.tebreadcrumb ul li span{
color:#fff;
}
/*---Specialities----*/
.teSpecialities{
	width: 90%;
background: linear-gradient(#ffffffc4,#ffffffd9), url(../images/spbanner.png)no-repeat;
 border-radius: 0px 180px 180px 0px;
    padding: 40px 0px;
    box-shadow: 0px 2px 11px rgb(0 0 0 / 30%);
    margin: 20px 0px;
	position:relative;
	padding:40px 15px;
}
.teFacilitiesList ul{
margin-left:25px;
margin-top:15px;
}
.teEggShape::after{
	content:'';
	position:absolute;
	height:128px;
	width:200px;	
	right:0px;	
	opacity:0.2;
background-image: url(../images/setting.png);
//background-image: linear-gradient(315deg, #36096d 0%, #37d5d6 74%);
}
.teMachineShape::after{
	content:'';
	position:absolute;
	height:128px;
	width:128px;	
	left:0px;	
	opacity:0.2;
    background-image: url(../images/setting.png);
}
/*-----Gallery---*/
.teOurGallery{
padding:50px 0px;
}
.teGallerySingleImg img{
height:240px;
width:100%;
box-shadow:0px 4px 14px rgba(0,0,0,0.3);
border-radius:8px;
}
.galleryimg{
	 height:210px;
	 width:100%;
	 }
	 .teGallerySingleImg{
	 margin-top:10px;
	padding:10px;
     box-shadow:0px 4px 13px rgba(0,0,0,0.3);
     text-align: center;
    align-items: center;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 200px;
    overflow: hidden;
    cursor: pointer;
    border:1px solid #ddd;
	border-radius:15px;
}

	.teGallerySingleImg:after{
	content:'';
	position:absolute;
	width:400px;
	height:400px;
	top:50%;
	left:50%;
	
	transform:translate(-140%,-100%);
	background-color:#0c131dbd;
	border-radius:50%;
	transition:.8s;
	}
	.teGallerySingleImg:hover:after{
	transform:translate(-50%,-50%) scale(1.3) rotate(20deg);
	}
	.teGallerySingleImg img{
	position: absolute;
    height: 110%;
    top: 50%;
    left: 50%;
	border-radius:15px;
    transform: translate(-50%,-50%);
    transition: .8s;
	}
	.teGallerySingleImg span img{
	position:absolute;
	z-index:2;
	color:#fff;
	top:80%;
	left:50%;
	height:64px;
	width:64px;
	transform:translate(-50%,2000px);
	transition:.8s;
	}
	.teGallerySingleImg:hover span img{
	transform:translate(-50%,-80%);
	}
	@media(max-width:767px){
	.teGallerySingleImg:after{
		width:700px;
	height:700px;
	}
	}
/*----Our---Products----*/
.teProducts{
padding:50px 0px;
}
.teProducts .teAboutTitle{
text-align:center;
}
.teAboutTitle h3{
color:#1f1c1e;
}
.teAboutTitle span{
color:#dc0201;
}
.productbox{
border:1px solid #ccc;
}
.productbox img{
height:240px;
width:100%;
}
.teprowidget{
padding:5px 10px;
}
.teprowidget .productname{
background-color:#333;
padding:5px 10px;
text-align:center;
border-radius:20px;
margin-top:30px;
position:relative;
transition: 0.5s;
    padding: 10px 15px;
    -webkit-box-shadow: 0 2px 48px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 2px 48px 0 rgb(0 0 0 / 5%);
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
	overflow:hidden;
}
.teprowidget .productname::before{
position: absolute;
    content: '';
    background: #dc0201;
    -webkit-transform: skew(
-35deg
);
    transform: skew(
-35deg
);
    height: 100%;
    width: 50%;
    left: 90%;
    top: 0;
}
.productname h5{
color:#fff;
}
@media (min-width: 1200px){
.multi-slider .col-lg-offset-1{
     margin-left: 0%;
}
}

.teProductList{
padding:50px 0px;
}

.teSingleServiceWidget{
	box-shadow:0px 3px 14px rgba(0,0,0,0.3);
	margin:10px 0px;
}
.teSingleServiceImg img{
height:200px;
width:100%;
}
.teSingleServiceTitle{
padding:5px 7px;
}
/*-----Our---Client---*/
.teClientWidget{
padding:50px 0px;
}
.teClientTitle h5{
font-weight:500;
color:#333;
font-size:19px;
}
.teClientText ul{
margin-left:15px;
}
/*-----Contact--Us---*/
.teContactusPanel{
padding:40px 0px;
}
.teShadowPanel{
box-shadow: 1px 1px 13px 1px rgb(0 0 0 / 30%);
border-radius:10px;
}
.teContactusWidget{
background-color:#2481ad;
padding:40px 20px;
border-radius:10px 0px 0px 10px;
height:420px;
}
.teContactusTitle h4{
font-weight:bold;
color:#fff;
margin-bottom:20px 0px;
}
.teContactusWidget p{
color:#e4e4e4;
}
.teContactusWidget p a{
color:#e4e4e4;
}
.teContactusWidget p i{
margin-right:10px;
}
.teContactusWidget::before{
content: '';
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background-color: #7f5a83;
    background-image: linear-gradient(315deg, #7f5a83 0%, #0d324d 74%);
    position: absolute;
    bottom: 0px;
    right: 30px;
    overflow: visible;
}
.teContactusWidget::after{
content: '';
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #7f5a83;
background-image: linear-gradient(315deg, #7f5a83 0%, #0d324d 74%);
    position: absolute;
    top: 0px;
    right: 30px;
    overflow: visible;
}
.teSmallCircle{
    height: 50px;
    width: 50px;
    border-radius: 50%;
   background-color: #7f5a83;
   background-image: linear-gradient(315deg, #7f5a83 0%, #0d324d 74%);
    position: relative;
}
.teFormTitle h4{
color:#0e7073;
font-weight:bold;
margin-left:10px;
}
.contactpanel{
	padding:40px 0px;	 
	}
	.contact-panel-inner{
	background-color:#fff;
	}	
	.contact-panel-inner{
	box-shadow:0 2px 5px #21232d38;
	}
	.contactform .formtitle{
	padding:20px;
	}
	.contactform .formtitle span{
	color:#71c3db;
	font-size:20px;
	font-weight:bold;
	
	}
	.contactform-box{
	padding:30px 10px;
	border-radius:0px 10px 10px 0px;
	}
  
  .inputbox{
  
    width: 100%;
    background: 0 0;
    font-family: Poppins-Medium;
    font-size: 18px;
    color: #e7e7e7;
    line-height: 1.2;
    padding: 0 5px;
	}	
.field {
  display: flex;
  flex-flow: column-reverse;
  margin-bottom: 1em;
}
/**
* Add a transition to the label and input.
* I'm not even sure that touch-action: manipulation works on
* inputs, but hey, it's new and cool and could remove the 
* pesky delay.
*/
label, input,textarea {
  transition: all 0.2s;
  touch-action: manipulation;
   
}
.field label {
font-size:16px;
}

.field input,.field textarea {
  font-size:16px;
  border: 0;
  border-bottom: 1px solid #ccc;
  font-family: inherit;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0;
  cursor: text;
}

input:focus {
  outline: 0;
  border-bottom: 1px solid #666;
}
textarea:focus {
  outline: 0;
  border-bottom: 1px solid #666;
}

label {
  letter-spacing: 0.05em;
  font-size:14px;
}

.field input:placeholder-shown + label {
  cursor: text;
   font-size:10px;
  max-width: 66.66%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform-origin: left bottom;
  transform: translate(0, 2.125rem) scale(1.5);
}
textarea:placeholder-shown + label {
  cursor: text;
   font-size:11px;
  max-width: 66.66%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform-origin: left bottom;
  transform: translate(0, 2.125rem) scale(1.5);
}

.field ::-webkit-input-placeholder {
  opacity: 0;
  transition: inherit;
}
/**
* Show the placeholder when the input is focused.
*/
.field input:focus::-webkit-input-placeholder {
  opacity: 1;
}
.field textarea:focus::-webkit-input-placeholder {
  opacity: 1;
}
/**
* When the element is focused, remove the label transform.
* Also, do this when the placeholder is _not_ shown, i.e. when 
* there's something in the input at all.
*/
.field input:not(:placeholder-shown) + label,
.field input:focus + label {
  transform: translate(0, 0) scale(1);
  cursor: pointer;
}
.field textarea:not(:placeholder-shown) + label,
.field textarea:focus + label {
  transform: translate(0, 0) scale(1);
  cursor: pointer;
}
.send-box{
margin-top:10px;
}
.send-box .contactbtn{
padding:10px 25px;
	background: radial-gradient(circle at 100% 50%,#3c363a,#675b63);
	border:0px;
	border-radius:100px;
	color:#fff;
	cursor:pointer;
	
}
.send-box .contactbtn:hover{
box-shadow:0 2px 5px rgba(33,35,45,0.6);
}


@media(max-width:767px){
.contact-panel-inner .box1,.contact-panel-inner .box2{
height:100%;
}
}

/*-----Footer---*/
.teFooterPanel{
padding:30px 0px;
background-color:#3c363a;
}
.teFooterSinglePanel .teFooterTitle h4{
color:#dc0201;
}
.teFooterText p{
color:#d8d8d8;
}
.teFooterQlinks ul{
list-style-type:none;
}
.teFooterQlinks li{
padding:5px 0px;
}
.teFooterQlinks li i{
color:#fff;
margin:0px 5px;
}
.teFooterQlinks li a{
color:#d8d8d8;
}
.teFooterContact p{
color:#d8d8d8;
}
.teFooterContact i{
margin-right:5px;
}
.teFooterContact a{
color:#d8d8d8;
text-decoration:none;
}
.teFooterContact a:hover{
color:#d8d8d8;
text-decoration:none;
}
.copyright{
background-color:#000;
text-align:center;
}
.copyright p{
color:#fff;
}
.copyright p a{
color:#f1f1f1;
}
/*---Scroll--Top---*/
 .scrollup{	
    bottom: 50px; 
    display: none;
    float: right;
    padding: 5px 10px 10px;
    position: fixed;
    right: 0px;  
    z-index: 99999;
}
.scrollup img{	
height:40px;
width:40px;
}
.scrollup:hover{

}