@charset "utf-8";

.con{
	position: absolute;
	right:10px;
}
.nav-link{
	text-decoration: none !important;
	color:#fff !important;
}


.icon li{
	float:left;
	padding-left: 20px;
}
.icon ul{
	list-style: none;
}
.icon:last-child{
	margin-top: 0 !important;
}
.head_butn{
			background-color:#db0f31 !important;
			border-radius: 2em;
			font-size:15px;
			color:white;
		}
		.head_butn:hover{
			background-color: grey;
			border-radius: 2em;
			color:white;
		}
.line{
			background-color:black;
			color:white;
		}
.mar{
	margin-top: 16px;
}

.nav-link:hover{
	border-top:2px solid #db0f31;
	border-bottom:2px solid #db0f31;
}
.lin{
	border-bottom:3px solid black;
}
.pad{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.bannn{

	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100vh;
}
.bann{
	width: 100%;
	height:100%;
	z-index: 2;
}

.banner1{
	background-image:url("./images/image1.jpg");
}
.banner2{
	background-image:url("./images/image2.png");
}
.banner3{
	background-image:url("./images/image3.jpg");
}
.head_bu:hover{
	background-color:grey !important;
	border-radius: 3em !important;
	margin-left: 20px !important;
	opacity:1;
	color:#fff !important;

}
.head_bu{
	background-color: #db0f31 !important;
	border-radius: 3em !important;
	margin-left: 20px !important;
	padding: 12px 30px !important;
	color:#fff !important;
}
.box{
	background-color:#fff;
	box-shadow: 0 0 20px grey;


}
.icon1{
	margin-left: auto;
	margin-right: auto;
	padding:25px ;


}
.icon_hover:hover .icon1{
	border-radius:50%;
	transition: all 0.3s ease-in;
}


.icon_hover:hover{
	margin-top: -3%;
	transition: all 0.3s ease-in;

}
.icon_hover:hover .icon1{
	background-color: white;
	box-shadow: 0 0 20px grey;
	transition: 0.8;
}
.war{
	font-size: 15px;
}

	.overlay{
		z-index: 10;



	}
	.head_butn1{
		background-color:#db0f31 !important;
		border-radius: 3em !important;

		opacity:0 ;
		color:#fff !important;
	}
.head_butn1:hover{
	background-color: grey !important;color:#fff !important;
}
.icon_hover:hover .head_butn1{opacity:1;transition:0.8;}
.div2{
			margin-top:5%;
			text-align:center;
		}
.carousel-caption{
	margin-bottom: 15%;
}
.font{
	margin-bottom:90px;

}
.heading{
	    text-align:center;
	padding-top: 90px;
	}
.top{
	margin-top: 40px;
	padding-bottom: 60px;
}
.col-md-3:hover .rotate{
			transform:rotate(90deg);
			transition: all 0.3s ease-in;


		}
		.mar{
			margin-top:20px;
		}

		.rotate{
			position: relative;
		}
.heading3{
	padding-bottom: 90px;
	padding-top: 100px;
			text-align:center;
			color:white;


		}
.gin{
			padding:100px;
		}
.form1 input{
			padding:0px 10px;
			margin-top:20px;
	background-color: transparent;

		}
		.form1 {

			margin-top:-65px;

		}
.bg{
		 background-image: url("images/bgimage.png");
			height: 100%;
		}
.head_butn5{
			opacity:1;
			background-color:#db0f31 !important;
			border-radius: 50px !important;

			margin-bottom:20px;
			margin-top: 20px;
			padding:10px 15px;
		color:#fff !important;



		}
.head_butn5:hover{
			background-color: grey !important;
	color:#fff !important;

		}
.gin1{
			margin-top: 10%;
			margin-left:5%;
			text-align:center;

		}
.gin2{
			margin-top: 50px;
		}
.fn{
	font-size: 10px;
}
.act{
			margin-top: 60px;
		}
.bg1{
		 background-image: url("images/sender.png");
	height:100%;

		}
.heading3{
			margin-top: 10%;
			margin-left:5%;
			text-align:center;
			color:white;

		}
	.head_butn6{
			opacity:1;
			background-color:#db0f31 !important;
			border-radius: 3em !important;

			margin-bottom:20px;
			margin-top: 20px;
			padding:10px 15px;
			color:#fff !important;
			}
		.head_butn6:hover{
			background-color: #fff !important;
			color:#db0f31 !important;
		}
.head_butn7{
			opacity:1;
			background-color:grey !important;
			border-radius: 3em !important;

			margin-bottom:20px !important;
			margin-top: 20px !important;
			padding:10px 15px !important;
			color:#fff !important;
			}
			.head_butn7:hover{
				background-color:#fff !important;
				color:#db0f31 !important;
		}
	.red{
			background-color:#db0f31 !important;
			height:auto;
			width:570px;
		}
		.bg2{
		 background-image: url("images/pricing.png");
			height: 100%;
			padding-bottom: 90px;

		}
		.pri{
			margin-top: 10%;
		}
		.gin3{
			padding:60px;
			color:white;
			margin-left:5%;
			text-align:center;

		}
		.re{
			width:250px;
			height:400px;
			border-radius:20px;

			margin-top: 40px;
		}
		.re1{
			width:250px;
			height:350px;
			position:relative;
			border-top-left-radius:20px ;
			border-top-right-radius:20px ;
			background-color: white;
		}
		.re2{
			width:250px;
			height:50px;
			position:relative;
		}
		.tex1{
			text-align: center;

			margin-top: 5%;

		}
		.tex1 hr{
			background-color:white ;
		}
		.tex2{
			text-align: center;
			color:grey;
			margin-top: 5%;
			padding-top:18px;
background-color: #fff !important;

border-top-left-radius:20px ;
border-top-right-radius:20px ;
		}
		.tex2 hr{
			background-color:grey;
		}
		.head_butn8{
			color:#fff !important;
			background-color: #db0f31 !important;
			border-bottom-left-radius:20px !important;
			border-bottom-right-radius:20px !important;
		}
		.head_butn9{
			color:#fff !important ;
			background-color: #18364a !important;
			position:absolute;
			top:0px;
			bottom:0px;
			left:0px;
			right:0px;
			width:0%;
			height:50px;

			border-bottom-left-radius:20px ;
			border-bottom-right-radius:20px ;
			transition: .5s ease;
			padding-top: 12px;
			overflow: hidden;
			opacity:0;
		}

		.num{
			color:#db0f31;
		}

		.overlay1{
			width:0%;
			height:353px;
			transition: .5s ease;
			overflow: hidden;
			position:absolute;
			border-top-left-radius:20px ;
			border-top-right-radius:20px ;
			background-color: #db0f31;
			top:0px;
			bottom:0px;
			left:0px;
			right:0px;
		}

		.text1 {
		color: white;
		font-size: 15px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		white-space: nowrap;
		}
		.rip{
			padding-left: 54px !important;
		}
		.rip:hover .overlay1{width: 100%;}
		.rip:hover .head_butn9{
			width: 100%;
			opacity:1;
		}
		.test{
			margin-top: 50px;
			padding-bottom: 60px;
		}
		.gin1{
			margin-top: 10%;
			margin-left:5%;
			text-align:center;

		}
		.shade{
			position:absolute;
			width:100%;
			height: 100%;
			top:0;
			left:0;
			right:0;
			bottom:0;
			background-color: rgba(0,0,0,0.5);
			opacity: 0;
			transition: 0.3s ease-in;
		}
		.shad{
			position: relative;

		}
		.shad:hover .shade{
			opacity: 1;
		}
		.spac{
			margin-top: 60px;
		}
		.bg5{
		 background-image: url("images/footer.png");
		 height: 100%;
		 background-size: cover;
		 background-repeat: no-repeat;
background-position: center;

		}
		.footer{
			padding-top: 50px;
		color:white;
		}
		.cone{
		margin-left:40px;
		
		}
		.mar{
		margin-top:40px;
		}
.width-50{
	width: 60% !important;
}
.act1 .col-sm-4{
	width:auto;
		
}
/* CSS Document */