@charset "utf-8";
/* CSS Document */
@font-face {
  font-family:"butler";
  font-style: normal;
  font-weight: 200;
  src: local('Butler_Light'), local('Butler_Light'), url("../font/Butler_Light.otf") format('truetype');
}
@font-face {
  font-family:"ErasMediumITC";
  font-style: normal;
  font-weight: 200;
  src: local('ErasMediumITC'), local('ErasMediumITC'), url("../font/ErasMediumITC.ttf") format('truetype');
}
@font-face {
  font-family:"Bronova-Regular";
  font-style: normal;
  font-weight: 400;
  src: local('Bronova-Regular'), local('Bronova-Regular'), url("../font/Bronova-Regular.ttf") format('truetype');
}
@font-face {
  font-family: "Royal Crescent";
  font-style: normal;
  font-weight: 400;
  src: local('Royal-Crescent-demo'), local('Royal-Crescent-demo'), url("../font/Royal-Crescent-demo.otf") format('truetype');
}
@font-face {
  font-family:"ERASDEMI";
  font-style: normal;
  font-weight: 400;
  src: local('ERASDEMI'), local('ERASDEMI'), url("../font/ERASDEMI.TTF") format('truetype');
}
@font-face {
  font-family: "RobotoCondensed-Light";
  font-style: normal;
  font-weight: 400;
  src: local('RobotoCondensed-Light'), local('RobotoCondensed-Light'), url("../font/RobotoCondensed-Light.ttf") format('truetype');
}
@font-face {
  font-family: "RobotoCondensed-Regular";
  font-style: normal;
  font-weight: 400;
  src: local('RobotoCondensed-Light'), local('RobotoCondensed-Light'), url("../font/RobotoCondensed-Regular.ttf") format('truetype');
}

body {
	margin:0;
	padding:0;
	font-size:16px;
	color:#333;
	top:0;
	}

#style-4::-webkit-scrollbar-track
{
	position:absolute;
	background:#fff;
}

#style-4::-webkit-scrollbar
{
	width: 10px;
	background: #fff;
}

#style-4::-webkit-scrollbar-thumb
{
	background-color: #0b24ac ;
	border: 2px solid #0b24ac ;
	width:10px;
}
	
a {
	text-decoration:none;
	}
ul,li,lo {
	list-style-type:none;
	}
.cle {
	clear:both;
	margin:0;
	padding:0;
	}
.topp {
	padding:0px 0 0 0;
}	
.topp ul {
	z-index:99;
	position:relative;
	margin:0;
	margin-left: 100px;
	}
.topp ul li {
	color:#fff;
	font-size: 17px;
	display: inline-block;
    float: left;
	margin-right:15px;
	}
.topp ul li i.fa {
	color:#fff;
	padding:8px;
	}
.boddo {
	border-bottom:1px solid #fff;
	padding:8px 0;
	}
.boddo1 {
    border-bottom: 1px solid #fff;
    padding: 8px 0;
	float:right;
}		
.cotation {
	float:right;
	padding: 3px 0 0 0;
	}	
.cotation a {
	color:#fff;
	background:#FF440B;
	padding: 8px 15px;
	text-decoration:none;
	}			
.logo_nav {
	max-width:1100px;
	height:85px;
	background:#000;
	margin:0 auto;
	}	
.absolute-div {
    width: 100%;
	z-index: 99;
    position: absolute;
	
}
.padpar h1 {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background: url(../images/line2.png) no-repeat bottom center;
    padding-bottom: 25px;
    padding-top: 10px;
    font-size: 26px;
    margin: 0 0 10px 0;
	}
.welcomephoto {
	}
.welcomephoto h1 {
	margin:0;
	}
.logoo img {
    position: absolute;
    z-index: 99;
	display:none;
}
.logo_res {
	display:none;
	}		
.logo {
	padding:0;
	text-align:center;
	float:left;
	}
.logo img {
	z-index:99;
	display: -webkit-inline-box;
	height:75px;
	}	
.fixed .logo img {
	height:65px;
	margin-top:-3px;
	}
.fixed .navbar-inverse {
	padding-top: 5px;
	}

.flex-caption ul {
	padding:0;
	}		
.flex-caption ul li {
    color: #fff;
    font-size:44px;
    top: 70px;
    z-index: 10;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 45%);
    font-weight: 600;
	padding:5px 0px;
    margin: 0;
	font-family:"ERASDEMI";
	}	
.flex-caption ul li span {
	background:#f79730;
	color:#fff;
	padding: 10px 20px;
	}		
.flex-caption p {
	color:#fff;
	padding:0;
    font-size: 35px;
	font-weight: 600;
	} 
.mouse-icon {
	width: 100%;
    text-align: center;
    position: absolute;
	}
.mouse-icon img {
	width:45px;
	height:45px;
	}	
.scrollto {
    position: absolute;
    z-index: 1;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background-color: #f3f6ff;
    left: 50%;
    bottom: -45px;
    transform: translateX(-50%);
}
.scrollto span {
    display: block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #000;
    left: 50%;
    transform: translateX(-50%);
    top: 19px;
    position: absolute;
}
.scrollto span:after {
    background-color: #656565;
    position: absolute;
    left: 49.8%;
    width: 1px;
    top: 100%;
    height: 40px;
    content: "";
}
.btni {
  flex: 1 1 auto;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  
 /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
 }

/* Demo Stuff End -> */
.cont_blo {
	width: fit-content;
    margin: 0 auto;
    /*border-bottom: 1px solid #fff;*/
    padding: 0 20px;
	}
.word {
  margin: auto;
  color: #64ef59;
  font-size:41px;
  font-weight:600;
  text-align:left;
}
.Iam {
  padding: 1em 1em 0 1em;
  font: normal 40px/50px Montserrat, sans-serif;
  color: #999;
  width:60%;
  margin-left:22%;
}
.Iam p {
  font-size:45px;
  height: 50px;
  float: left;
  margin-right: 0.3em;
}
.top_phone {
	padding:12px 16px;
	border-radius:50%;
	background:#2d9bfe;
	transition:all 0.3s ease-in-out;
	}
.top_phone a i {
	color:#fff;
	transition:all 0.3s ease-in-out;
	}	
.top_phone:hover {
	background:#61cb58;
	}
.top_phone:hover a i {
	color:#fff;
	}		
/* <- Magic Stuff Start */

.btni:hover {
  background-position: right center; /* change the direction of the change here */
}
.btn-4 {
  background-image: linear-gradient(to right, #e56245 0%, #ff4d26 51%, #e46245 100%);
}	
	
.navbar {margin-bottom:0px;}	
.navibar {z-index:99;}	
.navbar-nav {position:relative; float: right; margin-right:2rem;}
.navbar-inverse{background:rgba(0,0,0,0.0); height:auto; border:0; padding-bottom:9px; padding-top:9px; margin-left: 35px; float: right; margin-right: 25px;}
.navbar-nav > li > a{color:#fff !important; transition:all 0.3s ease-in-out; font-size:15px; text-transform:uppercase; padding:8px 13px 8px 13px !important; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:hover{background: #f79730; color: #000 !important; }



.rightbanner {
	float:right;
	position:absolute;
	right:4.5rem;
	top:35%;
	}
.rightbanner ul {
	}	
.rightbanner ul li {
	margin-bottom:1rem;
	}	
.rightbanner ul li a {
	background:#e54033;
	box-shadow:0px 2px 5px #00000075;
	height:55px;
	width:55px;
	text-align:center;
	display:block;
	line-height:55px;
	border-radius:50%;
	color:#fff;
	font-size:25px;
	transition: all .25s ease-in-out 0s;
	}
.rightbanner ul li a:hover {
	transform: rotate(360deg);
	}	
.rightbanner ul li a.what {
	background: #24b43b;
	color:#fff;
	}
.rightbanner ul li.cal a {
	background: #2d9bfe;
	color:#fff;
	font-size:16px;
	}			

/**********************************banner start***************************************/		
.slider_container{ width:100%; margin:auto; clear:both; padding:0;}
.flex-caption {
    position: absolute;
    bottom: 6vh;
    padding: 16% 0 0px 0;
    width: 100%;
    text-align: center;
    height: 94vh;
    background-image:radial-gradient(circle 872px at 24% 2%, rgb(103 159 138 / 30%) 0, rgb(0 52 113 / 50%) 100%);
    font-size: 1.5em;
	
}
.caption_title_line{ padding:0; margin:0 auto; text-align:center;}
.flex-caption h1{
    color: #fff;
    font-size:71px;
	font-weight:600;
    top: 70px;
    z-index: 10;
	padding:10px 0px;
    margin: 0;
	}
.flex-caption h2{
	font-family: "RobotoCondensed-Light";
    color: #fff;
	font-weight:100;
    font-size:33px;
    top: 70px;
    z-index: 10;
	padding:0px 0px 30px 0px;
    margin: 0;
	}	

.caption_title_line a {
    color: #000;
    background: #fff;
    box-shadow: 1px 1px 1px #000;
    border-radius: 25px;
    padding: 10px 40px;
    font-size: 17px;
    font-weight: 600;
}    
.disco {
    margin-top: 20px;
}
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

.flexslider {width: 100%; margin: 0; padding: 0; height:93vh; min-height:225px;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; height:94vh; display: block; min-height:225px;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}

.flex-direction-nav li a {width:50px; height:53px; margin:0; display: none; position: absolute;  cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background:url(../images/banner/next_a.png) no-repeat center; bottom:50px; right:45px;}
.flex-direction-nav li a.prev {background:url(../images/banner/prev_a.png) no-repeat center;bottom:50px; right:100px;}
.flex-direction-nav li a.next:hover {background:url(../images/banner/next.png) no-repeat center;}
.flex-direction-nav li a.prev:hover {background:url(../images/banner/prev.png) no-repeat center;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

.flex-control-nav {position: absolute; bottom:0rem; text-align:center; left:4rem; z-index:11;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 17px;
    height: 4px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    background: none;
    background: #333;
	transition:all 0.3s ease-in-out;
	}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {cursor: default; background:#2d9bfe; width: 25px; }	
	
/*******************************************banner end*****************************************/	

/****************************************welcome part start************************************/
.wel_bg {
	background:#002E6E url(../images/pattern.png) no-repeat left bottom;
	}
.welcome_block {
	padding:75px 0;
	background-color: #fff;
	}
.bolck_welcome_body {
	width:88%;
	margin:0 auto;
	}	
.wel_cont {
	padding:80px 60px 0 0 ;
	
	}	
.wel_cont h3 {
	font-size:45px;
	font-family: "butler";
	color:#fff;
	text-align: end;
	}
	
.wel_ph img {
	width:100%;
	}
.c_read2 {
	margin-top:45px;
	}	
.c_read2 a {
    display: inline; 
  	padding: 20px 40px; 
  	border-left: 5px solid #0062eb; 
	background:#ffffff24;
 	position: relative; 
  	z-index: 2;
  	text-decoration: none;
  	color: #fff;
  	box-sizing: border-box;  
  	-moz-box-sizing: border-box;  
  	-webkit-box-sizing: border-box; 
	}
.c_read2 a:after { 
  	content: "";
  	height: 100%; 
  	left: 0; 
  	top: 0; 
  	width: 0px;  
  	position: absolute; 
  	transition: all 0.3s ease 0s; 
  	-webkit-transition: all 0.3s ease 0s; 
  	z-index: -1;
  	background: #0062eb; 
	}
.c_read2 a:hover:after{ width: 100%; }


.c_read {
	margin-top:45px;
	}	
.c_read a {
    display: inline-block; 
  	padding: 20px 40px; 
  	border-left: 5px solid #0062eb; 
	background:rgb(0 46 110 / 24%);
 	position: relative; 
  	z-index: 2;
  	text-decoration: none;
  	color: #fff;
  	box-sizing: border-box;  
  	-moz-box-sizing: border-box;  
  	-webkit-box-sizing: border-box; 
	}
.c_read a:after { 
  	content: "";
  	height: 100%; 
  	left: 0; 
  	top: 0; 
  	width: 0px;  
  	position: absolute; 
  	transition: all 0.3s ease 0s; 
  	-webkit-transition: all 0.3s ease 0s; 
  	z-index: -1;
  	background: #0062eb; 
	}
.c_read a:hover:after{ width: 100%; }
.btn-8 {
    background-image: linear-gradient(to right, #ffffff 0%, #b8dcfd 51%, #ffffff 100%);
}			
	
/****************************************welcome part end************************************/

/****************************************ourwork part start************************************/
.bg-blue-layout {
    padding: 3rem 0 4rem 0;
	width:88%;
	margin:0 auto;	
}
.our-journey:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    height: 300px;
    z-index: -2;
}
.text_bg__inner {
	padding:40px 0;
	}
.text_bg__inner h2 {
	font-size: 33px;
    font-weight: 100;
    margin: 0 0 15px 0;
    text-transform: uppercase;
	color:#000;
	}
.text_bg__inner h3 {
	font-size:31px;
	font-weight:100;
	font-family:"butler";
	margin:0;
	}	
.text_bg__inner p {
    color: #b8dcfd;
    font-family: "RobotoCondensed-Light";
    font-size: 18px;
    margin-top: 10px;
}
.quality_block img {
	width:100%;
	transition:all 0.8s ease-in-out;
	}
.quality_block {
	position:relative;
	overflow:hidden;
	background:#002E6E;
	}
.qualit_cont {
	position: absolute;
    width: 100%;
    text-align: left;
    /* height: 100%; */
    bottom: 10rem;
    left: -7rem;
    adding: 2rem 0;
    /*background: linear-gradient(359deg, rgba(26, 23, 35, 0.7) 0%, rgba(26, 23, 35, 0) 100%);*/
    transform: rotateZ(270deg);
	}
.qualit_cont h2 {
	margin:0;
	color:#fff;
	font-size:29px;
	}
.quality_block:hover img {	
	-webkit-transform: rotateZ(10deg) scale(1.25,1.25);
	-ms-transform: rotateZ(10deg) scale(1.25,1.25);
	transform: rotateZ(10deg) scale(1.25,1.25);
	opacity:0.7;
	}
.amit_part {
	background:#f3f6ff;
	
	}
.padingchange {
	padding:0.2rem;
	}
/****************************************ourwork part end************************************/
/****************************************complete project start************************************/
.complete_part {
	background:url(../images/slide-3.jpg) no-repeat bottom center;
	background-size:cover;
	transition:all 0.3s ease-in-out;
	}
.complete_block img {
	width:100%;
	height:17rem;
	transition:all 0.7s ease-in-out;
	}
.complete_block {
	position:relative;
	border-radius:5px;
	overflow:hidden;
	}	
.complete_cont {
	position: absolute;
    width: 100%;
    bottom:-2rem;
    padding: 2rem 0;
	background: linear-gradient(360deg, rgba(26, 23, 35, 0.9) 0%, rgba(26, 23, 35, 0) 100%);
	transition:all 0.3s ease-in-out;
	}
.complete_cont h2 {
	margin:0;
	color:#fff;
	font-family:"butler";
	font-weight:100;
	}
.complete_cont p {
	color:#fff;
	margin:1rem 0 0 0;
	font-size:17px;
	opacity:0;
	transition:all 0.3s ease-in-out;
	}
.complete_block:hover .complete_cont {
	bottom:0rem;
	}	
.complete_block:hover .complete_cont p {
	opacity:1;
	}
.complete_block:hover img {	
	-webkit-transform: rotateZ(-10deg) scale(1.25,1.25);
	-ms-transform: rotateZ(-10deg) scale(1.25,1.25);
	transform: rotateZ(-10deg) scale(1.25,1.25);
	}				
.paddingadd {
	padding:0.6rem;
	}	
.manufact_cont {
    bottom: 10%;
    position: absolute;
    width: 35%;
    text-align: center;
    padding: 35px 20px;
	background:#002e6ebf;
	margin-left:10%;
}
.manufact_cont h2 {
    color: #fff;
	margin:0 0 10px 0;
	font-size:35px;
	text-transform: uppercase;
    font-weight: 100;
}
.manufact_cont p {
    color: #fff;
	margin:0 0 10px 0;
	font-size:18px;
}
.owl-carousel3 .owl-prev {  
	float:left; 
    left: 38px;
    position: relative;
}
.owl-carousel3 .owl-next {   
    float: right;
    position: relative;
    right:60px;
}
.video_box iframe {
    width: 100%;
    height:32rem;
    box-shadow: 3px 4px 23px #00000059;
    display: block;
    background: #4a3f3d;
}
/****************************************complete project end************************************/
.welcome {
	background: url(../images/foot_photo.jpg) no-repeat top;
    background-attachment: fixed;
    background-size: cover;
	padding:0;
	width:88%;
	margin:4rem auto 0 auto;
	}
.wel_p_col {
	background: rgba(0,46,110,0.85);
    padding: 6rem;
	text-align:center;
	}
.wel_in_con h3 {
	font-size: 36px;
    line-height: 65px;
    font-family: "butler";
    color: #fff;
	margin-bottom:25px;
	}	
.wel_in_con p {
	font-size: 18px;
    color: #fff;
	}			



.photo .glow-wrap{
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  margin-top: -10px;
}

.photo .glow{
  display: block;
  position:absolute;
  width: 40%;
  height: 200%;
  background: rgba(255,255,255,.2);
  top: 0;
  filter: blur(5px);
  transform: rotate(15deg) translate(-450%, 0);
  transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.photo:hover .glow{
  transform: rotate(15deg) translate(450%, 0);
  transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.photo:hover img,
.photo:hover .glow-wrap{
  margin-top: 0;
}



.photo1 .glow-wrap{
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  margin-top: -10px;
}

.photo1 .glow{
  display: block;
  position:absolute;
  width: 40%;
  height: 200%;
  background: rgba(0,46,110,.3);
  top: 0;
  filter: blur(5px);
  transform: rotate(-20deg) translate(-450%, 0);
  transition: all .9s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.photo1:hover .glow{
  transform: rotate(-20deg) translate(450%, 0);
  transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.photo1:hover img,
.photo1:hover .glow-wrap{
  margin-top: 0;
}













.a_p {
    background: url(../images/foot_photo.jpg) no-repeat bottom;
    background-attachment: fixed;
    background-size: cover;
	padding:0;
}
.a_p_col {
    background: rgba(0,46,110,0.75);
    padding: 6rem;
}
		

.readmore {
	margin-top:20px;
	margin-left:8px;
	}	
.readmore a {
    color: #fff;
    padding: 10px 40px;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
    display: block;
    float: left;
	}	
.btnii {
  flex: 1 1 auto;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  
 /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
 }

/* Demo Stuff End -> */

/* <- Magic Stuff Start */

.btnii:hover {
  background-position: right center; /* change the direction of the change here */
}
.btn-5 {
  background-image: linear-gradient(to right, #29e3d1  0%, #0b8377 51%, #29e3d1 100%);
}

.foot_apply {
	text-align:center;
	margin-top:25px;
	}		
.foot_apply a {
	color:#fff;
	border:2px solid #fff;
	padding:7px 25px;
	border-radius:25px;
	transition:all 0.3s ease-in-out;
	text-decoration:none;
	font-family:"ErasMediumITC";
	}	
.foot_apply a:hover {
	background:#fff;
	color:#f79730;
	}	
.foot_top_border img {
	width:100%;
	}			



	
.back-to-top {
		position: fixed;
    bottom: 7px;
    text-decoration: none;
    padding: 4px 16px;
    display: none;
    text-align: center;
    background: #00000026;
    right: 7px;
	z-index:10;
	color:#171b2d;
	transition:all 0.3s ease-in-out;
}


.back-to-top span {
	
	font-size: 25px;
	}
.back-to-top:hover {
	background: #002E6E ;
	color:#fff;
	}	


.footer_last {
	background:#031b3e;
	}
.footer {
	padding:0;
	background:#01122a;
	position: relative;
	}
.footb {
	width:95%;
	margin:0 auto;
	}
.foot_block {
	margin-top:50px;
	}	
h3.o_cont {
	color:#fff;
	font-family:"butler";
	font-size:38px;
	}
.foot-cont .cticon i {
    font-size: 25px;
    color: #57A845;
    height: 75px;
    width: 75px;
    line-height: 75px;
    border: 1px solid #57A845;
    text-align: center;
    border-radius: 50%;
    transition: background-color 0.5s ease-out;
}	 
.foot-cont {
	text-align:center;
	}				
.foot-cont img {
	width:18%;
	}
.foot-cont h3 {
	color: #57A845;
    font-size: 25px;
    margin-top: 12px;
	font-family: "butler";
	}		
.foot-cont p {
	color: #ffffff8c;
    font-size: 16px;
    margin: 12px auto 0 auto;
	font-family: "RobotoCondensed-Light";
	}
.footmenu {
	text-align:center;
	margin-top: 30px;
	}	
.footmenu ul {
	padding: 0;
	}	
.footmenu ul li {
	display:inline-block;
	}	
.footmenu ul li a {
	color:#C0C0C0;
	padding:5px 13px;
	font-size:16px;
	text-decoration:none;
	}	
.footmenu ul li a:hover {
	color:#78a737;
	}			
.bodda {
	}
.foot-logo {
	background:#040d18;
	padding:80px 0 100px 0;
	text-align:center;
	}	
.foot-logo img {
	width:80%;
	}

.keep_in_con {
	text-align:center;
	}
.keep_in_con h3 {
	color:#fff;
	font-size:41px;
	font-family: "butler";
	}
.keep_in_con p {
	color:#ffffffba;
	font-size:25px;
	}		
.social_wr1 {
	text-align:center;
	margin-top:35px;
	}	
.social_wr1 h3 {
	color:#fff;
	font-family:"butler";
	}			
.social_wr1 a {
    display:inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #fff6;
    text-align: center;
    vertical-align: middle;
    line-height: 70px;
    margin-right: 15px;
    transition: 0.4s ease-in-out;
    font-size: 29px;
    font-weight: 600;
	color:#fff;
  position: relative;
  overflow: hidden;
}
.social_wr1 a i {
	transition: 0.4s ease-in-out;
	z-index: 100;
    position: relative;
	}
.social_wr1 a:hover i {
	transform: rotateY(360deg);
	}
.social_wr1 a.fb:before {
	 background: #316FF6;
	}
.social_wr1 a.tw:before {
	 background: #1DA1F2;
	}
.social_wr1 a.yu:before {
	 background: #CD201F;
	}	
.social_wr1 a:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f00;
  transition: .5s;
  z-index: 2;
}
.social_wr1 a:hover:before {
  top: 0;
}		
.foot {
	padding: 5px 0 30px 0;
	position: relative;
	}		
.foot p {
	color:#fff;
	text-align:center;
	font-size:16px;
	margin:0;
	}	
.foot p a {
	color:#61cb58;
	}	
.foot p span {
	color:#fff;
	}		
.foot_menu {
	margin-top:40px;
	}
.foot_menu ul {
	padding:0;
	text-align:center;
	}	
.foot_menu ul li {
	display:inline-block;
	padding:0 7px;
	}
.foot_menu ul li a {
	color:#ffffff9e;
	list-style-type:none;
	padding:5px;
	font-family: "RobotoCondensed-Light";
	font-size:19px;
	}				
	
/*****************inpage start**************************/
.allpage_image {
	padding:0;
	height:25rem;
	overflow:hidden;
	}
.allpage_image img {
	width:100%;
	transition:all 1.3s ease-in-out;
	}
.allpage_image img:hover {
	-webkit-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08);
	}
.about_cont {
	width:88%;
	margin:0 auto;
	padding:6rem 3rem;
	text-align:center;
	}
.about_cont p {
	font-size: 19px;
    font-weight: 100;
    margin: 0;
	}	
.testpage_heading {
	position: absolute;
    top: 16rem;
    right:6%
	}	
.testpage_heading h2 {
	font-size: 33px;
    font-weight: 100;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    color: #fff;
	text-align: right;
	}	
.testpage_heading p {
	color:#fff;
	text-align:right;
	}	
.testpage_heading p a {
	color:#fff;
	}
.vision_part {
	width:88%;
	background:#f3f6ff;
	margin:0 auto;
	}
.vis_c {
	padding:4rem;
	background:#002E6E;
	}
.vis_c h2 {
	font-size: 33px;
    font-weight: 100;
    margin: 0 0 25px 0;
    color: #fff;
	font-family: "butler";
	}
.vis_c h3 {
	font-size: 25px;
    font-weight: 100;
    margin: 0 0 10px 0;
    color: #fff;
	}		
.vis_c p {
	font-size: 19px;
    font-weight: 100;
    margin: 0;
	color:#fff;
	}
.pro_c {
	padding:4rem;
	}
.pro_c h2 {
	font-size: 33px;
    font-weight: 100;
    margin: 0 0 25px 0;
    color: #002E6E;
	font-family: "butler";
	}	
.pro_c p {
	font-size: 19px;
    font-weight: 100;
    margin: 0;
	color:#002E6E;
	}
.vis_p {
	width:88%;
	margin:0 auto;
	padding:5rem 1rem;
	}
.vis_p h3 {
	font-size: 31px;
    font-weight: 100;
    margin: 0 0 25px 0;
    color: #002E6E;
	font-family: "butler";
	}
		
.vis_p p {
	font-size: 19px;
    font-weight: 100;
    margin: 0;
    color: #002E6E;
	}
.bord_ {
	height:1px;
	background:#002e6e14;
	margin:25px 0;
	}							
.p_c {
	padding:0;
	}	
.conad_part {
    width: 88%;
    background: #f3f6ff;
    margin: 3rem auto;
	}	
.map_cont {
	padding:3rem;
	}
.map_cont iframe {
	width:100%;
	height:31.5rem;
	}
.past_part {
	width:88%;
	margin:0 auto;
	padding:3rem 0;
	}	
.proj_pho img {
	width:100%;
	}
.allpage_image_ongoing {
    padding: 0;
    height: 85vh;
    overflow: hidden;
} 
.allpage_image_ongoing img {
    width: 100%;
    transition: all 1.3s ease-in-out;
}
.allpage_image_ongoing img:hover {
	-webkit-transform: scale(1.08, 1.08);
    -ms-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08);
	}
.ongoing_heading {
    position: absolute;
    top: 0;
    height: 85vh;
    width: 100%;
	overflow: hidden;
    background-image:radial-gradient(circle 872px at 24% 2%, rgb(97 159 136 / 70%) 0, rgba(0, 52, 113, .7) 100%);
}	
.g_p {
	text-align: center;
    padding-top: 50vh;
	}
.ongoing_heading h2 {
    font-size: 37px;
    font-weight: 100;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    color: #fff;
	}
.ongoing_heading p {
	color:#fff;
	font-size:21px;
	}
.hero-clouds {
    position: absolute;
    top: 0;
    left: 0;
    width: 250.625em;
    height: 43.75em;
    background: url(../images/overaly-layer.png) 0 100% repeat-x;
    -webkit-animation: cloudLoop 80s linear infinite;
    animation: cloudLoop 80s linear infinite;
    z-index: 10;
    pointer-events: none;
}	
@-webkit-keyframes cloudLoop {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0)
    }
}

@keyframes cloudLoop {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0)
    }
}
.ongoing_part {
	padding:15px;
	width:88%;
	margin:2.5rem auto;
	background: #f3f6ff;
	}
.proj_cont {
	padding:10px;
	}
.proj_cont h2 {
	color: #002E6E;
    font-size:33px;
    font-family: "butler";
	font-weight:100;
	margin:0 0 15px 0;
	}	
.proj_cont h3 {
	color: #002E6E;
    font-size:19px;
	font-weight:100;
	}	
.owl-carousel2 .owl-prev {
    float: left;
    left:15px;
    position: relative;
}
.owl-carousel2 .owl-next {
    float: right;
    position: relative;
    right: 15px;
}
.g_a_p {
	margin-top:20px;
	}
.g_a_p p {
	color: #002E6E;
    font-size:19px;
	font-weight:100;
	margin:0;
	}
.g_a_p h4 {
	color: #002E6E;
    font-size:29px;
    font-family: "butler";
	font-weight:100;
	margin:0;
	}
.sight_plan_part {
	width:88%;
	margin:2rem auto 2rem auto;
	}	
.sight_head {
	text-align:center;
	margin-bottom:20px;
	}
.sight_head h2 {
    color: #002E6E;
    font-size: 37px;
    font-family: "butler";
    font-weight: 100;
    margin: 0 0 15px 0;
}	
.owl-carousel4 .owl-prev {
    float: left;
    left: 0px;
    position: relative;
}	
.owl-carousel4 .owl-next {
    float: right;
    position: relative;
    right: 0px;
}	
.location {
	width:88%;
	margin:3rem auto;
	background:#002E6E ;
	}
.map_l iframe {
	width:100%;
	height:25rem;
	vertical-align: bottom;
	}	
.pado {
	padding:0;
	}	
.loc_tex {
	padding:45px 10px 10px 25px;
	}	
.loc_tex h2 {
    color: #fff;
    font-size: 37px;
    font-family: "butler";
    font-weight: 100;
    margin: 0 0 15px 0;
}
.loc_tex h3 {
    color: #fff;
    font-size: 23px;
    font-weight: 100;
}
.loc_tex p {
    color: #fff;
    font-size: 23px;
    font-weight: 100;
}
.f_d_i {
	opacity:0 !important;
	}
.mail_part {
	width:88%;
	margin:4rem auto;
	background: #002E6E;
	}
.mail_p img {
	width:100%;
	opacity:0.8;
	}
.mbotu {
    margin-bottom: 15px;
}
.formname {
    color: #fff9;
    font-weight: 300;
    margin-bottom: 1px;
    font-family: "Bronova-Regular";
    font-size: 15px;
}
.form-control1 {
    display: block;
    width: 100%;
    font-family: "Bronova-Regular";
    padding: 9px 10px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #ffffffb0;
    background-color: rgba(255, 255, 255, 0);
    background-image: none;
    border: 1px solid #ffffff4f;
    border-radius: 3px;
    transition: all 0.3s ease-in-out;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#ffffff26;
    opacity: 1; /* Firefox */
	font-family: "Bronova-Regular";
	font-size:14px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#ffffff26;
	font-family: "Bronova-Regular";
	font-size:14px;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color:#ffffff26;
	font-family: "Bronova-Regular";
	font-size:14px;
}
input[type=text]:focus,input[type=email]:focus, textarea:focus, select:focus {
  
  padding-left: 7px;
  border: 1px solid #ffffffb0;
  outline:none;
}
.search_box {
	padding:40px;
	}

.quesendsss {
    display: inline; 
  	padding: 12px 40px; 
  	border-left: 5px solid #0062eb; 
	border:none;
	background:#ffffff24;
 	position: relative; 
  	z-index: 2;
  	text-decoration: none;
  	color: #fff;
	transition:all 0.3s ease-in-out;
	}
.quesendsss:hover { 
  	background: #0062eb; 
	}
.spec_part {
	width:88%;
	margin:0rem auto 3rem auto;
	}	
.spec_block {
	padding:25px;
	background:#f3f6ff;
	border:1px solid #002e6e00;
	transition:all 0.3s ease-in-out;
	}	
.spec_block h3 {
	color: #002E6E;
    font-size: 21px;
    font-family: "butler";
    font-weight: 100;
    margin: 0;
	}	
.spec_block p {
	color: #002E6E;
    font-size: 17px;
    font-weight: 100;
    margin: 0;
	}
.spec_block:hover {
	border:1px solid #002e6e52;
	box-shadow: 3px 3px 10px #002e6e36;
	}	
.cal {
	display:none;
	}			
/*****************inpage end**************************/

/**************************************************************/
figure.snip1084 {
  color: #fff;
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #000000;
  text-align: center;
  margin:0;
}

figure.snip1084 * {
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

figure.snip1084 img {
  opacity: 1;
  width: 100%;
}

figure.snip1084 figcaption {
  top: 50%;
  left: 40px;
  right: 40px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

figure.snip1084 figcaption h2 {
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  -webkit-transform: translateY(75%);
  transform: translateY(75%);
  color:#fff;
  background:#002e6ebf;
  padding: 11px 14px;
    font-size: 17px;
    display: inline-block;
}

figure.snip1084 figcaption h2 span {
  font-weight: 500;
}

figure.snip1084 figcaption p {
  font-size:17px;
  font-weight: 100;
  opacity: 0;
  margin: 0;
}

figure.snip1084:before,
figure.snip1084:after {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
  transition: opacity 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s, -o-transform 0.6s, transform 0.6s;
}

figure.snip1084:before {
  border-top: 1px double #fff;
  border-bottom: 1px double #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}

figure.snip1084:after {
  border-right: 1px double #fff;
  border-left: 1px double #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}

figure.snip1084 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

figure.snip1084.blue {
  background: #0a212f;
}

figure.snip1084:hover img,
figure.snip1084.hover img {
  opacity: 0.4;
  -webkit-filter: blur(5px);
  filter: blur(3px);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

figure.snip1084:hover figcaption h2,
figure.snip1084.hover figcaption h2,
figure.snip1084:hover figcaption p,
figure.snip1084.hover figcaption p {
  opacity: 1;
  border-color: rgba(255, 255, 255, 0.5);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

figure.snip1084:hover figcaption p,
figure.snip1084.hover figcaption p {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

figure.snip1084:hover:before,
figure.snip1084.hover:before,
figure.snip1084:hover:after,
figure.snip1084.hover:after {
  opacity: 0.8;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/**************************************************************/




@media screen and (max-width:1024px){
.navbar-inverse {
    margin-left:20px;
}
.video-container iframe {
    height:350px;
}
}
@media screen and (max-width:900px){

}




@media only screen and (min-width:992px) and (max-width:1199px)
{
.navbar-inverse {
    margin-left:20px;
}
.logo img {
    height: 50px;
}
.navbar-nav > li > a {
    font-size: 14px;
    text-transform: uppercase;
    padding: 12px 15px 8px 15px;
    font-weight: 400;
}
article {
	width:30%;
	}

}


@media only screen and (min-width:768px) and (max-width:991px)
{
.navbar-inverse {
    margin-left:20px;
	padding-top: 2px;
}
.tom_mail_phone ul li {
    margin-right: 6px;
}
.applynow a {
    padding: 12px 12px !important;
}
.logo img {
    height: 58px;
    margin-top: -58px;
}
.navbar-nav > li > a {
    font-size: 14px;
    text-transform: uppercase;
    padding: 12px 5px 8px 5px;
    font-weight: 400;
}
.contictop ul {
   
    margin-right: 0px;
}
.contictop ul li {
    font-size: 16px;
    margin-left: 8px;
}
.contictop ul li img {
    height: 50px;
}
.video-container iframe {
    height:300px;
}				
}

@media screen and (max-width:900px){
.productfont {
	width: 50%;
}


}




@media only screen and (min-width:992px) and (max-width:1199px)
{
.productfont {
	width: 50%;
}
}


@media only screen and (min-width:768px) and (max-width:991px)
{
	.productfont {
	width: 100%;
}			
}




@media only screen and (max-width:767px) 
{
.foot-logo {
    text-align: center;
	padding:1rem 0;
}
.foot-logo img {
    width: 50%;
}	
.foot {
    padding: 20px 10px;
}
	
article {
	width:29%;
	}	
.targets-wrapper ul li {
    width: 100%;
    float: left;
    padding: 8px;
}	
	
	
	
	
    .owl-prev {
    float: left;
    left: -13px;
    position: relative;
}
.owl-next {
    float: right;
    position: relative;
    right: -15px;
}
	.readmore1 {
	 margin-left:0px;
	 margin-top:0px;
    float: none;
    text-align: center;
		}
	.readmore1 a {
    box-shadow:none;
	float: none;
	border-top:8px solid #f3bc09;
}
.readmore1 a:hover {
	box-shadow:none;
	border-Bottom:8px solid #000;
	border-top:none;
	}


	.footi {
    background: url(../images/corner.png) no-repeat top left;
    padding: 0px;
    width: 100%;
}

.image_res img {
    width: 100%;
    z-index: 9;
    position: relative;
}	
img.aaa {
    position: relative;
    
    margin-left: 81px;
}

.social_wr {
    margin-right: 118px;
}
.topp ul {
    margin-left: 40px;
}
.logo {
	}
.logo img {
    z-index: 99;
    display: -webkit-inline-box;
    height: 36px;
}
.fixed .logo img {
    height: 36px;
    margin-top: -3px;
}
.navbar-toggler {
	color:#fff;
	border: 1px solid #fff;
    padding: 0 3px;
    line-height: 27px;
    font-size: 18px;
	}
.absolute-div {
	height:50px;
}	
.navbar-collapse {
	background:#010b21;
	}
.navbar-nav {
    margin:0;
    width: 100%;
	text-align:center;
}	
.navbar-nav > li > a {
    line-height: 30px;
    padding: 5px 22px;
	color: #fff !important;
    border-bottom: 1px dotted #fff;
}

.topp {
    padding:0;
}
.topp ul li {
	    font-size: 15px;
		margin-right: 5px;
	}

	
.antiq h2 {
	font-size:21px;
	}
.readmore {
    float: none;
    margin-bottom: 20px;
    text-align: center;
}
.antipart {
	margin:10px 0;
	}
.footblock {
    margin: 25px 0;
}
.more h3 {
	font-size: 16px;
	}
.grfut {
	padding:25px 7px;
	}	
.grfut p {
	width:100%;
	}
.zs-enabled .zs-slideshow, .zs-enabled .zs-slides, .zs-enabled .zs-slide {
	height: 360px !important;
	}

.contictop {
	display:none;
	}
	
.panel {
	width:100%;
	}
.panel h2 {
	font-size:39px;
	margin-bottom:5px;
	}	
.mbotu {
    margin-bottom: 20px;
}

.tom_mail_phone {
    float: initial;
    text-align: center;
	display: none;
}	
.tom_mail_phone ul {
    padding: 0;
    margin-top:0px;
}	
.tom_mail_phone ul li {
    display: inline-block;
    color: #fff;
    margin-right: 0px;
    margin-top: 5px;
}	
.flex-caption ul li span {
    padding: 5px 20px;
}
.mouse-icon img {
    width: 39px;
    height: 39px;
}
.mouse-icon {
}
.flex-caption h1 {
    font-size: 21px;
}
/*banner*/
.slider_container{ width:100%; margin:0; clear:both; background:none; padding:0;}
.flexslider {width: 100%; margin:0; padding:0;background:none; height:30vh;}
.flexslider .slides img {width: 100%; height:30vh;}
.flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:-10px; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background:url(images/next.png) no-repeat center; bottom:85px;}
.flex-direction-nav li a.prev {background:url(images/prev.png) no-repeat center;bottom:40px;}
.flex-caption {
	height: 30vh;
    top: 0;
    padding:22% 0 0px 0;
    float: left;
  }
 .flex-caption h2 {
	 font-size:17px;
	 padding:4px 0;
	 } 
.caption_title_line p {
    font-size: 12px;
    font-weight: 400;
	display:none;
}	 
.flex-control-nav li a {
	display:none;
	}
.caption_title_line {
    width: 100%;
}	
.flex-caption ul li {
	font-size:18px;
	padding:3px 0;
	}
.padingchange {
	padding:0.2rem;
	width:49.88%;
	}
.rightbanner {
    float: right;
    position: absolute;
    right: 1rem;
    top:8%;
}
.rightbanner ul li a {
	height: 40px;
    width: 40px;
    line-height: 39px;
    font-size: 19px;
	}
.rightbanner ul li {
    margin-bottom:0.4rem;
}
.owl-carousel3 .owl-next {
    float: right;
    position: relative;
    right: 30px;
}
.owl-carousel3 .owl-prev {
    float: left;
    left: 8px;
    position: relative;
}
.manufact_cont {
    bottom: 13%;
    position: absolute;
    width: 69%;
    text-align: center;
    padding: 5px 20px;
    background: #002e6ebf;
    margin-left: 13%;
}
.manufact_cont p {
    color: #fff;
    margin: 0 0 0px 0;
    font-size: 8px;
}
.manufact_cont h2 {
    color: #fff;
    margin: 0 0 0px 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 100;
}	
.text_bg__inner h2 {
    font-size: 29px;
	}
.text_bg__inner h3 {
    font-size: 22px;
}
.wel_p_col {
    background: rgba(0,46,110,0.85);
    padding: 3rem 1rem 4rem 1rem;
    text-align: center;
}
.wel_in_con h3 {
    font-size: 31px;
    line-height: 39px;
    margin-bottom: 25px;
}
.wel_cont {
    padding: 2rem;
}
.wel_cont h3 {
    font-size: 26px;
    text-align: end;
}
.video_box iframe {
    width: 100%;
    height: 12rem;
}	
.a_p_col {
    padding: 2rem;
}
.keep_in_con h3 {
    color: #fff;
    font-size: 31px;
	font-family: "butler";
}	
.keep_in_con p {
    color: #ffffffba;
    font-size: 18px;
    font-weight: 100;
}
.foot-cont {
    text-align: center;
    padding: 1rem 2rem;
}	
.top_phone {
	display:none;
	} 
.text_bg__inner {
    padding: 20px 0;
}
.bg-blue-layout {
    padding: 2rem 0 2rem 0;
    margin: 0 auto;
}
.complete_part {
    padding: 0;
}
.qualit_cont {
    bottom: 5rem;
    left: -3rem;
    adding: 2rem 0;
}
.qualit_cont h2 {
    font-size: 21px;
}
.allpage_image {
    height: 10rem;
}	
.testpage_heading {
    top: 5rem;
    right: 8%;
}
.testpage_heading h2 {
    font-size: 25px;
}
.about_cont {
    width: 96%;
    margin: 0 auto;
    padding: 2rem 1rem;
    text-align: center;
}
.vis_c {
    padding: 2rem;
}
.pro_c {
    padding: 2rem;
}
.map_cont {
    padding: 1rem;
}
.map_cont iframe {
    width: 100%;
    height: 18rem;
}
.allpage_image_ongoing {
    padding: 0;
    height: 30vh;
    overflow: hidden;
}
.ongoing_heading {
	height: 30vh;
	}
.g_p {
    text-align: center;
    padding-top: 12vh;
}
.cal {
	display:block;
	}		
}
@media only screen and (max-width:639px) 
{