@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Roboto:400,400i,500,500i,700,700i,900,900i&display=swap');


*{
	padding: 0;
	margin: 0;
	outline: 0;
}
.caret {
  color: #fff;

}
body{
overflow-x: hidden;
}
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
}
a{
	font-family: 'Roboto', sans-serif;
	letter-spacing: .5px;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Open Sans', sans-serif;
}

.animeted_button {
	border: 1px solid #0053f9;
	padding: 7px 11px;
	color: #0053f9;
	letter-spacing: .5px;
	background: #fff;
	text-transform: capitalize;
	font-weight: 400;
	letter-spacing: .5px;
	position: relative;
	-webkit-transition: .5s ease-in;
	-o-transition: .5s ease-in;
	transition: .5s ease-in;
	z-index: 1;
	border-radius: 5px;
	overflow: hidden;
	border-radius: 50px;
	box-shadow: 0 0 black;
	text-align: center;
}
.animeted_button:hover {
		background: green;
		color: #fff;
}
.animeted_button:before{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 0%;
		content: '';
		background: #0053f9;
		-webkit-transition: .5s ease-in;
		-o-transition: .5s ease-in;
		transition: .5s ease-in;
		color: #fff;
		z-index: -1;

}
.animeted_button:after{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		content: '';
		background: #fff;
		-webkit-transition: .5s ease-in;
		-o-transition: .5s ease-in;
		transition: .5s ease-in;
		color: #fff;
		transform: scale(0);

}
.animeted_button:hover::after{
	transform: scale(2);
	opacity: 0;


}
.animeted_button:hover::before{
		width: 100%;
}


.header_menu{
	position: relative;
	width: 150px;
}

	.btn_secondary{
		font-size: 20px;
		text-transform: capitalize;
		background: red;
		color: #fff;
		float: right;
	}

	.btn_secondary:hover, .btn_secondary:focus{
		color: #fff;
	}
	.manu_dropdown{
			position: absolute;
			left:  144px;
			top: 100px;
			width: 82%;
			text-align: center;
			content: '';
			background: #fff;
			webkit-box-shadow:  6px 7px 44px -17px rgba(32,168,32,1);
		-moz-box-shadow:  6px 7px 44px -17px rgba(32,168,32,1);
		box-shadow:  6px 7px 44px -17px rgba(32,168,32,1);
		visibility: hidden;

		z-index: 99999;

	}
	.dropdown:hover .manu_dropdown{
		top: 42px;
		visibility: visible;
		transition: .3s ease-in;
	}
		.manu_dropdown li{
			padding: 5px;

			text-transform: capitalize;
			list-style: none;



		}
		.manu_dropdown li:hover{
			 background: #337ab7;

		}
		.manu_dropdown li:hover a{
			 color: #fff;
		}
		.manu_dropdown li a{
			text-decoration: none;
			 color: #111;
			 display: block;
			 text-transform: capitalize;

		}