html{
	scroll-behavior: smooth;
	font-size: 62.5%;
}
a{
	text-decoration: none;
}
body{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 1.6rem;
	font-family: 'Poppins', sans-serif;background: #ebf0ff;
}
.vid-overlay{
	position: fixed;background: rgba(0.5, 0.5, 0.5, 0.8);width: 100%;height: 100%;
	z-index: 1000;display: none;
}
#video{
	display: none;
}
.vid-show{
	position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
	width:60%;
}
/*--------------------------- HEADER START ------------------------------*/
.top-header{
	background:#223773;padding:0.5vw 10vw;border-bottom: 1px solid #2e3335;
}
.top-header a:hover{
	color: #fff;
}
.tp-social-media-ic a{
	color: #c4dbff;font-size: 0.8vw;margin-right: 1vw;text-decoration: none;
}
.tp-social-media-ic a i{
	margin-right: 0.5vw;
}
.social-mediaHeader ul li{
	display: inline;
}
.social-mediaHeader ul li:nth-child(1){
	margin-left: 0.7vw;
}
.social-mediaHeader ul li:nth-child(2){
	margin-left: 0.7vw;
}
.social-mediaHeader ul li:nth-child(3){
	margin-left: 0.7vw;
}
.social-mediaHeader ul li:nth-child(4){
	margin-left: 0.7vw;
}
.social-mediaHeader ul li:nth-child(5){
	margin-left: 0.7vw;background: #d64700;border-radius: 12px;padding: 0.1vw 1vw;
	color: #fff;
}
.social-mediaHeader ul li a{
	text-decoration: none;color: #c4dbff;font-size: 0.8vw;
}
.social-mediaHeader ul li a:hover{
	color: #fff;
}
.nav-menu-header{
	border-bottom: 1px solid #ebebeb;background:#fff;padding:0.5vw 10vw;
}
li.nav-item{
	padding-right:1vw;
}
a.nav-link{
	color: #000;font-size: 0.8vw;text-transform: uppercase;
}
a.nav-link:hover{
	color: #d64700;
}
a.dropdown-item{
	font-size: 1.4rem;
}
.enquiry-btn-header a{
	background:red;padding:0.3vw 2vw;border-radius: 20px;text-transform: uppercase;
	color: #fff;font-weight: 400;text-decoration: none;text-align: center;
	font-size: 0.8vw;display: block;width: 100%;
}
/*--------------------------- HEADER END ------------------------------*/

.squareBox{
	width: 100%;height:5vw;
}
.footer{
	padding: 2.5vw 10vw;background: url(images/footerbg.jpg);
	position: relative;
}
.footercontDetail{
	background: #223773;display: flex;justify-content: space-between;
	flex-wrap: wrap;border-radius: 12px;
}
.footerContact1{
	width: 28%;padding: 1vw;
}
.footerContact2{
	width: 42%;padding: 1vw;
}
.footerContact3{
	width: 28%;padding: 1vw;
}
.rows{
	display: flex;
}
.iIcon{
	width: 13%;font-size: 2vw;
}
.conDetail{
	width: 85%;color: #fff;font-size: 0.9vw;
}
.footerContact1 i{
	color: #d64700;foznt-size: 2vw;text-align: center;margin-right: 1vw;
}
.footerContact2 i{
	color: #d64700;foznt-size: 2vw;text-align: center;margin-right: 1vw;
}
.footerContact3 i{
	color: #d64700;foznt-size: 2vw;text-align: center;margin-right: 1vw;
}
.footer-tp-row{
	padding:1vw ;
	border: 1px solid rgba(255,255,255,0.10);
	background-color: #223773;color: #a3adb2;border-radius: 12px;
}
.footer-tp-row i{
	font-size: 4rem;color: #d64700;
}
.footerRows{
	display: flex;justify-content: space-between;flex-wrap: wrap;
}
.footer-col1{
	margin-top: 1.5vw;width: 28%;
}
.footer-col1 p{
	color: #000;text-align: justify;line-height: 1.7;
	font-size:0.8vw;margin-bottom: 10px;margin-top: 1vw;
}
.social-media ul li{
	display: inline-block;margin-right: 0;
}
.social-media ul li a{
	color: #d4dfff;font-size: 1vw;text-decoration: none;
	position: relative;display:flex;width: 2vw;height: 2vw;background: #223773;
	align-items: center;justify-content: center;margin-right: 0;
}
.footer-col2{
	margin-top: 1.5vw;width: 18%;
}
.footer-col3{
	margin-top: 1.5vw;width: 20%;
}
.footer-col4{
	width: 30%;margin-top: 1.5vw;
}
.footer-col2 h4{
	font-size: 1.2vw;font-weight: 600;color: #fff;text-transform: uppercase;
	color: #223773;
}
.footer-col3 h4{
	font-size: 1.2vw;font-weight: 600;color: #fff;text-transform: uppercase;
	color: #223773;
}
.line{
	width: 20%;height: 2px;background: #d64700;margin-top: 15px;
	margin-bottom: 15px;
}
.footer-col2 ul li a{
	color: #000;font-size: 0.8vw;text-decoration: none;
	position: relative;margin-left: 0.8vw;
}
.footer-col2 ul li a:hover{
	color: #d64700;transition: all 0.2s ease-in;
}
.footer-col2 ul li{
	margin-bottom: 8px;
}
.footer-col2 ul li a::before{
	position: absolute;
	content: "*";
	left:-15px;
	top: 70%;
	transform: translateY(-50%);
	color:#000;
	font-size: 1vw;
}
.footer-col3 ul li a{
	color: #000;font-size: 0.8vw;text-decoration: none;
	position: relative;margin-left: 0.8vw;
}
.footer-col3 ul li a:hover{
	color: #d64700;transition: all 0.2s ease-in;
}
.footer-col3 ul li{
	margin-bottom: 8px;
}
.footer-col3 ul li a::before{
	position: absolute;
	content: "*";
	left:-15px;
	top: 70%;
	transform: translateY(-50%);
	color:#000;
	font-size: 1vw;
}
.newsletter-footer h4{
	font-size: 1.2vw;font-weight: 600;color: #fff;text-transform: uppercase;
	color: #223773;
}
.newsletter-footer p{
	color: #000;text-align: justify;line-height: 1.7;
	font-size:0.8vw;margin-bottom:1vw;
}
.newsletter-footer input:focus{
	outline: none;
}
button.newsletter-btn{
	width: 100%;text-align: center;color: #fff;font-weight: 400;
	padding:0.5vw;background: #d64700;border: none;margin-top: 0.8vw;
	text-transform: uppercase;
}
.copyright-content{
	background: #223773;padding:1vw 10vw;color: #a3adb2;
	font-size: 1.4rem;
}
.copyright-content a{
	color: orange;font-weight: 600;
}
.uds{
	text-align: right;
}
h3.text-stroke{
	opacity: 0.4;
	color: transparent;
	-webkit-text-stroke: 1px #fff;
	position: absolute;
	top: 35%;
	left: 50%;transform: translate(-50%,-40%);
	font-size: 18.5vw;font-family: 'Anton', sans-serif;
	width: 100%;text-align: center;
}
.slider{
	position: absolute;
	top: 40%;
	left: 50%;transform: translate(-50%,-50%);
}
.slider h3{
	font-family: 'Anton', sans-serif;text-transform: uppercase;
	letter-spacing: 4px;font-weight: 400;
	font-size: 1.6rem;text-align: center;color: #ffffff;
}
span.spanline{
	display: inline-block;
}
.slider h1{
	font-size: 12vw;font-family: 'Anton', sans-serif;color: #fff;
	text-align: center;line-height: 1.5;margin-bottom: 3vh;
}
.slider a{
	padding: 13px 30px;border: 2px solid #fff;
	text-transform: uppercase;letter-spacing: 5px;color: #fff;
	text-decoration: none;background:#d64700;
	color: #fff;
}
.arrowbox{
	content: '';position: absolute;right: 0;bottom: 0;width: 6%;height: 2.5vw;
	background: #d64700;padding: 0.5vw 2vw;
}
.carousel-control-prev-icon{
	padding-left: 0.5vw;
}
.fourIcons{
	padding: 0.3vw 10vw;background: #223773;width: 100%;
	display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;
}
.fourColumn{
	width: 22%;display: flex;justify-content: space-between;
}
.footerColIc{
	width: 15%;
}
.footerIcDetail{
	width: 80%;font-size: 0.9vw;font-weight: 600;color: #fff;display: flex;align-items: center;
}
.choose-us{
	padding: 3vw 10vw;background:#ebf0ff;
}
.choose-us h5{
	font-size: 0.9vw;font-weight: 600;
}
.choose-us h1{
	font-size:2.5vw;font-weight: 600;line-height: 1.5;
	color: #223773;
}
.choose-us p{
	font-size: 0.8vw;text-align: justify;margin-top: 0.5vw;
	color: #000;line-height: 1.5;margin-bottom: 0;
}
.choose-us ul li{
	font-size: 0.8vw;margin-top: 0.2vw;color: #000;
}
.services{
	padding:3vw 10vw;
}
.services h2{
	font-size: 5rem;font-weight: 900;font-family: 'Anton', sans-serif;
	color: #223773;
}
.services h4{
	font-family: 'Anton', sans-serif;font-weight: 400;
	text-transform: uppercase;letter-spacing: 5px;
}
.services p{
	text-align: justify;margin-bottom:2rem;
}
.services a{
	padding: 10px 30px;border: 2px solid #000;text-transform: uppercase;
	color: #000;letter-spacing: 5px;
}
.services a{
	text-decoration: none;
}
.services a:hover{
	background: #000;color: #d64700;transition: all 0.3s ease-in;
}
.service-column{
	width: 23%;padding: 1vw;background: #fff;margin: 1%;
}
.service-column h5{
	font-size: 1vw;font-family: 'Anton', sans-serif;font-weight: 400;
	color: #223773;
}
.service-column p{
	margin-top: 20px;font-size:0.7vw;font-weight: 300;
}
.headingProject h2{
	font-size: 5rem;font-weight: 900;font-family: 'Anton', sans-serif;
	color: #223773;
}
.headingProject h4{
	font-family: 'Anton', sans-serif;font-weight: 400;
	text-transform: uppercase;letter-spacing: 5px;
}
.headingProject p{
	text-align: justify;margin-bottom:2rem;
}
.projects-index{
	padding:8vw 18vw 5vw 18vw;background: #252521;
}
.projects-index h2{
	font-size: 2.5vw;font-family:'Anton', sans-serif;color: #d64700;
}
.projects-index h5{
	color: #000;text-transform: uppercase;font-size: 1vw;
	letter-spacing: 5px;margin-top: 1vw;
}
.projects-index p{
	color: #000;font-weight: 300;margin-bottom:1vw;font-size: 0.8vw;
}
.projects-index a{
	padding: 0.5vw 2vw;color: #223773;width: 50%;text-align: center;
	border: 2px solid #223773;text-decoration:none;font-size: 0.8vw;
	text-transform: uppercase;letter-spacing: 5px;display: block;margin-top: 1vw;
}
.projects-index a:hover{
	background: #fff;color: #000;transition: all 0.2 ease-in;
}
.clients{
	padding: 2vw 10vw;
}
.clients h2{
	font-size: 2.5vw;font-family:'Anton', sans-serif;color: #223773;
}
.clientslogo{
	display: flex;flex-wrap: wrap;
}
.clientslogo img{
	width: 22%;margin: 1%;
}
.clientslogo img{

}
.counters{
	padding:2vw 10vw;background: #6d86cf;
}
.counters h2{
	font-size: 3vw;font-family:'Anton', sans-serif;font-weight: 400;color: #223773;
}
.counters p{
	font-size: 1vw;color:#223773;
}
.blogs{
	padding: 4vw 18vw 4vw 18vw;background: #252521;
}
.blogs h2{
	font-size: 5rem;font-weight: 900;font-family: 'Anton', sans-serif;
	color: #fff;text-align: center;
}
.blogs h4{
	font-weight: 400;
	text-transform: uppercase;letter-spacing: 5px;
	color: #fff;text-align: center;
}
.blogs h3{
	font-size: 2rem;font-weight: 600;color: #fff;margin-top: 20px;margin-bottom: 10px;
}
.blogs p{
	color: #fff;font-size: 1.4rem;margin-bottom: 3rem;
}
.blogs a{
	color: #d64700;text-transform: uppercase;letter-spacing: 5px;
	padding: 10px 40px;border: 2px solid #d64700;display: block;
	text-decoration: none;text-align: center;
}
.blogs a:hover{
	background:#d64700;color: #fff;transition: all 0.2s ease-in;
}
img.img1{
	z-index: 990;position: relative;width: 100%;
}
img.img1hov{
	position:absolute;top:-15%;left: -15%;width: 100%;
}
.moveImg:hover img.img1hov{
	left: -25%;transition: all 0.5s ease-in-out;
}
img.img2hov{
	position:absolute;top:-15%;right: -20%;width: 100%;
}
.moveImg2:hover img.img2hov{
	right: -26%;transition: all 0.5s ease-in-out;
}
.top-page-bar{
	padding: 6% 0 6% 0;background: url(images/truss.jpg);position: relative;
	background-size: cover;
}
.top-page-bar-content{
	position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
	text-align: center;width: 100%;
}
.top-page-bar-content h5{
	color: #fff;font-size: 1vw;
}
.top-page-bar-content h2{
	font-size: 3vw;
	color: #fff;margin-top: 1vw;
}
.contact-details-container{
	padding: 4vw 10vw 4vw 10vw;background: #ebf0ff;
}
.contact-details{
	padding: 2vw;background: #223773;margin: 10px;width: 31%;border-radius: 10px;
}
.contact-details h3{
	font-family: 'Anton', sans-serif;font-size:2vw;color: #fff;margin-bottom: 0.8vw;
}
.contact-details span{
	color: #d64700;
}
.contact-details p{
	color: #fff;margin-top: 0.8vw;font-size: 0.8vw;
}
.contact-details i{
	font-size: 2.2vw;color: #fff;
}
.contact-form{
	padding: 4vw 10vw 4vw 10vw;background:#ccd4ed;text-align: center;
}
.contact-form h2{
	font-size: 3.5vw;font-family: 'Anton', sans-serif;color: #223773;
}
.contact-form h5{
	font-size:1vw;text-transform: uppercase;letter-spacing: 5px;color: #223773;
	margin-top: 1vw;
}
.contact-form input{
	width: 100%;height: 2.5vw;background: transparent;border: 1px solid #a3aecf;
	padding: 0.5vw;font-size: 0.8vw;
}
.contact-form textarea{
	width: 100%;height: 7vw;background: transparent;border: 1px solid #a3aecf;
	padding: 0.5vw;font-size: 0.8vw;
}
.contact-form input:focus{
	outline: none;
}
.contact-form textarea:focus{
	outline: none;
}
.contact-form button{
	padding:0.7vw;background: #d64700;text-transform: uppercase;display: block;width: 20%;
	letter-spacing:2px;color: #fff;border-radius: 0;font-size: 0.8vw;margin-top:1vw;
	margin-left: 80%;
}
.ct-form-margin{
	margin-top: 4vh;
}
.blog{
	padding: 4vw 18vw;background: #ccd4ed;
}
.gallery{
	padding: 4vw 18vw 4vw 18vw;background: #ccd4ed;
}
.sliderindex{
	height:80vh;
}
.video-btn{
	padding-left:80px;position: relative;z-index: 1;
}
.career-form{
	padding: 4vw 18vw 4vw 18vw;background:#ccd4ed;
}
.servicePage{
	padding: 3vw 10vw;background: #ccd4ed;display: flex;flex-wrap: wrap;
}
.serviceColumn{
	width: 31%;margin: 1%;
}
.serviceImage{
	width: 100%;height: 25vh;background: #ebebeb;
}
.serviceName{
	background: #ebf0ff;width: 100%;text-align: center;
	padding: 1vw;text-transform: uppercase;font-size:1vw;color: #d64700;
}
.serviceColumn a{
	display: block;width: 100%;background: #d64700;color: #fff;text-align: center;
	padding: 1vw;font-size: 0.8vw;text-transform: uppercase;text-decoration: none;
}
.singleProject p{
	font-size: 0.8vw;
}
.singleProject h3{
	font-size: 1.2vw;font-weight: 600;margin-top: 1vw;color: #223773;
}

@media(max-width: 768px){
	/*-------------------- HEADER START -----------------------*/
	.respTpHeader{
		background: #223773;display: flex;
	}
	.respTpHeader a{
		display: inline-block;width: 32.5%;padding: 7px;text-align: center;
		font-size: 13px;color: #fff;text-decoration: none;
	}
	.respTpHeader a:nth-child(1){
		border-right: 1px solid #ebf0ff;
	}
	.respTpHeader a:nth-child(2){
		border-right: 1px solid #ebf0ff;
	}
	.respHeader{
		padding: 10px;display: flex;
	}
	.respLogo{
		width: 70%;
	}
	.menuIcon{
		display: flex;align-items: center;justify-content: right;width: 30%;
	}
	.menuIcon a{
		font-size: 28px;color: #223773;
	}
	.dropdownMenu{
		width: 100%;display: none;
	}
	.dropdownMenu ul li a{
		display: block;width: 100%;padding: 8px 15px;border-top: 1px solid #d1d7eb;
		color: #223773;text-decoration: none;font-size: 15px;
	}
	.dropdownMenu ul li a:hover{
		background: #223773;color: #fff;
	}
	.dropdown-menu{
		width: 100%;border: none;
	}
	/*-------------------- HEADER END -------------------*/

	.squareBox{
		width: 100%;height:80px;
	}
    .footer{
		padding:18px;background: url(images/footerbg.jpg);
		position: relative;
	}
	.footercontDetail{
		background: #223773;display: flex;justify-content: space-between;
		flex-wrap: wrap;border-radius: 12px;
	}
	.footerContact1{
		width: 100%;padding: 15px 15px 0 15px;
	}
	.footerContact2{
		width: 100%;padding: 15px;
	}
	.footerContact3{
		width: 100%;padding: 0px 15px 15px 15px;
	}
	.rows{
		display: flex;
	}
	.iIcon{
		width: 13%;
	}
	.conDetail{
		width: 85%;color: #fff;font-size: 15px;
	}
	.footerContact1 i{
		color: #d64700;font-size: 27px;text-align: center;margin-right: 1vw;
	}
	.footerContact2 i{
		color: #d64700;font-size: 27px;text-align: center;margin-right: 1vw;
	}
	.footerContact3 i{
		color: #d64700;font-size: 27px;text-align: center;margin-right: 1vw;
	}
	.footer-tp-row{
		padding:1vw ;
		border: 1px solid rgba(255,255,255,0.10);
		background-color: #223773;color: #a3adb2;border-radius: 12px;
	}
	.footer-tp-row i{
		font-size: 4rem;color: #d64700;
	}
	.footerRows{
		display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.footer-col1{
		margin-top: 18px;width: 100%;
	}
	.footer-col1 p{
		color: #000;text-align: justify;line-height: 1.7;
		font-size:15px;margin-bottom: 10px;margin-top: 15px;
	}
	.social-media ul li{
		display: inline-block;margin-right: 0;
	}
	.social-media ul li a{
		color: #d4dfff;font-size: 18px;text-decoration: none;
		position: relative;display:flex;width: 40px;height: 40px;background: #223773;
		align-items: center;justify-content: center;margin-right: 0;
	}
	.footer-col2{
		margin-top: 15px;width: 100%;
	}
	.footer-col3{
		margin-top: 15px;width: 100%;
	}
	.footer-col4{
		width: 100%;margin-top: 1.5vw;
	}
	.footer-col2 h4{
		font-size: 22px;
	}
	.footer-col3 h4{
		font-size:22px;
	}
	.line{
		width: 20%;height: 2px;background: #d64700;margin-top: 15px;
		margin-bottom: 15px;
	}
	.footer-col2 ul li a{
		color: #000;font-size: 15px;text-decoration: none;
		position: relative;margin-left:10px;
	}
	.footer-col2 ul li a:hover{
		color: #d64700;transition: all 0.2s ease-in;
	}
	.footer-col2 ul li{
		margin-bottom: 8px;
	}
	.footer-col2 ul li a::before{
		position: absolute;
		content: "*";
		left:-15px;
		top: 70%;
		transform: translateY(-50%);
		color:#000;
		font-size: 20px;
	}
	.footer-col3 ul li a{
		color: #000;font-size: 15px;text-decoration: none;
		position: relative;margin-left: 10px;
	}
	.footer-col3 ul li a:hover{
		color: #d64700;transition: all 0.2s ease-in;
	}
	.footer-col3 ul li{
		margin-bottom: 8px;
	}
	.footer-col3 ul li a::before{
		position: absolute;
		content: "*";
		left:-15px;
		top: 70%;
		transform: translateY(-50%);
		color:#000;
		font-size: 20px;
	}
	.newsletter-footer h4{
		font-size:22px;font-weight: 600;color: #fff;text-transform: uppercase;
		color: #223773;
	}
	.newsletter-footer p{
		color: #000;text-align: justify;line-height: 1.7;
		font-size:15px;margin-bottom:1vw;
	}
	.newsletter-footer input:focus{
		outline: none;
	}
	button.newsletter-btn{
		width: 100%;text-align: center;color: #fff;font-weight: 400;
		padding:9px;background: #d64700;border: none;margin-top: 10px;
		text-transform: uppercase;font-size: 15px;
	}
	.copyright-content{
		background: #223773;padding:1vw 10vw;color: #a3adb2;
		font-size: 1.4rem;
	}
	.copyright-content a{
		color: orange;font-weight: 600;
	}
	.uds{
		text-align: right;
	}
	.footer{
		padding:18px;overflow: hidden;
	}
	.mar-resp-20{
		margin-top: 20px;
	}
	.footer-tp-row{
		display: none;
	}
	.copyright-content{
		padding:8px;text-align: center;
	}
	.uds{
		text-align:center;
	}
	.mar-30{
		margin-top:0px;
	}
	li.nav-item{
		padding:5px;
	}
	li.nav-item:hover{
		background:#d64700;
	}
	.respo li.nav-item a.nav-link:hover{
	    color:#fff;
	}
	.top-page-bar{
		padding: 20% 0 20% 0;background: url(images/truss.jpg);
		position: relative;background-attachment: fixed;
	}
	.top-page-bar{
		padding: 14vw 0 14vw 0;background: url(images/truss.jpg);position: relative;
		background-size: cover;
	}
	.top-page-bar-content{
		position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
		text-align: center;width: 100%;
	}
	.top-page-bar-content h5{
		color: #fff;font-size: 15px;
	}
	.top-page-bar-content h2{
		font-size: 36px;
		color: #fff;margin-top: 10px;
	}
	.contact-details-container{
		padding: 4vw;background: #ebf0ff;
	}
	.contact-details{
		padding: 2vw;background: #223773;margin: 10px;width: 100%;
	}
	.contact-details h3{
		font-family: 'Anton', sans-serif;font-size:2.4rem;color: #fff;
	}
	.contact-details span{
		color: #d64700;
	}
	.contact-details p{
		color: #fff;margin-top: 10px;font-size: 1.4rem;
	}
	.contact-details i{
		font-size: 4.2rem;color: #fff;
	}
	.contact-form{
		padding: 4vw;background:#ccd4ed;text-align: center;
	}
	.contact-form h2{
		font-size: 3rem;font-family: 'Anton', sans-serif;color: #223773;
	}
	.contact-form h5{
		font-size:1.6rem;text-transform: uppercase;letter-spacing: 5px;color: #223773;
		margin-top: 0px;
	}
	.contact-form input{
		width: 100%;height: 50px;background: transparent;border: 1px solid #a3aecf;
		padding: 7px;font-size: 15px;
	}
	.contact-form textarea{
		width: 100%;height: 50px;background: transparent;border: 1px solid #a3aecf;
		padding: 7px;font-size: 15px;
	}
	.contact-form input:focus{
		outline: none;
	}
	.contact-form textarea:focus{
		outline: none;
	}
	.contact-form button{
		padding:8px;background: #d64700;text-transform: uppercase;display: block;width: 100%;
		letter-spacing:2px;color: #fff;border-radius: 0;font-size: 15px;margin-top:15px;
		margin-left: 0%;
	}
	.ct-form-margin{
		margin-top:2vh;
	}
	.blogs{
		padding: 4vw;background: #252521;
	}
	.blogs a{
		padding: 8px 40px;
	}
	.projects-index{
		padding:4vw;background: #252521;
	}
	.projects-index h2{
		font-size: 4.5rem;font-family:'Anton', sans-serif;color: #d64700;
		margin-top: 20px;
	}
	.projects-index h5{
		color: #000;text-transform: uppercase;font-size: 1.6rem;
		letter-spacing: 5px;margin-top: 2rem;
	}
	.projects-index p{
		color: #000;font-weight: 300;margin-bottom:40px;font-size: 15px;
	}
	.projects-index a{
		padding: 10px;color: #d64700;
		border: 2px solid #d64700;text-decoration:none;
		text-transform: uppercase;letter-spacing: 5px;font-size: 15px;
	}
	.projects-index a:hover{
		background: #d64700;color: #fff;transition: all 0.2 ease-in;
	}
	img.img1{
		z-index: 990;position: relative;width:90%;margin-left:8%;
	}
	img.img1hov{
		position:absolute;top:10%;left: 3%;width: 80%;
	}
	.moveImg:hover img.img1hov{
		left: 3%;transition: all 0.5s ease-in-out;
	}
	img.img2hov{
		position:absolute;top:10%;left: 3%;width: 80%;
	}
	.moveImg2:hover img.img2hov{
		left: 3%;transition: all 0.5s ease-in-out;
	}
	.counter{
		padding:4vw;
	}
	.counter h2{
		font-size: 2rem;font-family:'Anton', sans-serif;font-weight: 400;
	}
	.counters p{
		font-size: 14px;
	}
	.sliderindex{
		height:auto;
	}
	a.nav-link{
		color: #fff;letter-spacing: 1.3px;font-size:14px;
	}
	.fourIcons{
		padding: 5px 10px;background: #223773;width: 100%;
		display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;
	}
	.fourColumn{
		width: 48%;display: flex;justify-content: space-between;
	}
	.footerColIc{
		width: 15%;
	}
	.footerIcDetail{
		width: 80%;font-size: 12px;font-weight: 600;color: #fff;display: flex;align-items: center;
	}
	.choose-us{
		padding:4vw;
	}
	.choose-us h5{
		font-size:15px;
	}
	.choose-us h1{
		font-size:28px;
	}
	.choose-us p{
		font-size: 1.4rem;margin-top: 0;z-index: 111;position: relative;
		margin-bottom: 10px;

	}
	.choose-us ul li{
		font-size: 1.6rem;margin-top: 15px;color: #797979;
	}
	.video-btn{
		padding-left:15px;position: relative;z-index: 1;
	}
	.services{
		padding:4vw;
	}
	.services h2{
		font-size: 4rem;font-weight: 900;font-family: 'Anton', sans-serif;
	}
	.services h4{
		font-family: 'Anton', sans-serif;font-weight: 400;
		text-transform: uppercase;letter-spacing: 5px;
	}
	.services p{
		text-align: justify;margin-top:1rem;margin-bottom: 2rem;
	}
	.services a{
		padding: 10px 30px;border: 2px solid #000;text-transform: uppercase;
		color: #000;letter-spacing: 5px;
	}
	.service-column{
		width: 48%;height: 100%;padding:2rem;background: #fff;
	}
	.service-column h5{
		font-size: 1.6rem;font-family: 'Anton', sans-serif;font-weight: 400;
	}
	.service-column p{
		margin-top: 10px;font-size: 12px;font-weight: 200;
	}
	.mar-resp-30{
		margin-top: 30px;
	}
	.slider{
		position: absolute;
		top: 50%;
		left: 50%;transform: translate(-50%,-50%);
	}
	.slider a{
		padding: 5px 30px;
	}
	.vid-overlay{
		position: fixed;background: rgba(0.5, 0.5, 0.5, 0.8);width: 100%;height: 100%;
		z-index: 1000;display: none;
	}
	.vid-show{
		position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
		width:80%;
	}
	.counters{
    	padding:4%;
    }
    .counters h2{
    	font-size: 6rem;font-family:'Anton', sans-serif;font-weight: 400;
    }
    .servicePage{
		padding:12px;background: #ccd4ed;display: flex;flex-wrap: wrap;
	}
	.serviceColumn{
		width: 48%;margin: 1%;
	}
	.serviceImage{
		width: 100%;height: 20vh;background: #ebebeb;
	}
	.serviceName{
		background: #ebf0ff;width: 100%;text-align: center;
		padding: 10px;text-transform: uppercase;font-size:16px;color: #d64700;
	}
	.serviceColumn a{
		display: block;width: 100%;background: #d64700;color: #fff;text-align: center;
		padding: 10px;font-size:14px;text-transform: uppercase;text-decoration: none;
	}
	.clients{
		padding: 18px;
	}
	.clients h2{
		font-size: 32px;font-family:'Anton', sans-serif;color: #223773;
		
	}
	.clients{
		text-align: left !important;
	}
	.clientslogo{
		display: flex;flex-wrap: wrap;
	}
	.clientslogo img{
		width: 48%;margin: 1%;
	}
	.singleProject p{
		font-size: 15px;text-align: justify;
	}
	.singleProject h3{
		font-size: 22px;font-weight: 600;margin-top: 15px;color: #223773;
	}
}