@charset "utf-8";
/* CSS Document */
/*Theme Name: Hedge Vante Tech
Author: Nitin
License: GNU General Public License v2 or later 
CSS Document */
@font-face 
			{
			  font-family: 'Century';
			  src: url('fonts/CENTURY.eot') format('embedded-opentype'),
			  url('fonts/CENTURY.ttf') format('truetype'), 
			  url('fonts/CENTURY.otf') format('opentype'), 
			  url('fonts/CENTURY.woff') format('woff');
			  font-weight: normal;
			  font-style: normal;
			}
@font-face 
			{
			  font-family: 'MyriadPro';
			  src: url('fonts/MyriadPro.eot') format('embedded-opentype'),
			  url('fonts/MyriadPro.ttf') format('truetype'), 
			  url('fonts/MyriadPro.otf') format('opentype'), 
			  url('fonts/MyriadPro.woff') format('woff');
			  font-weight: normal;
			  font-style: normal;
			}			
body, html
	{
			 font-family: 'MyriadPro';
			 font-size:20px;
			 color:#000000;
			 line-height:28px;
			 margin:0px;
			 padding:0px;
			 
	}
.outerdiv
	{
		width:1400px;
		margin:0px auto;
	}
.innerdiv
	{	
		width:1400px;
		float:left;
	}
.header
	{
		width:100%;
		float:left;
		background:#060a15;
		padding-top:10px;
		padding-top:10px;
				  /* Apply the animation */
  animation: slideInUp 1s ease-out forwards;
	}
.logo
	{
		width:350px;
		float:left;
	}

.main_menu
	{	
		width:1050px;
		float:left;
			text-align:center;
			padding-top:25px;
			
	}
.main_menu ul, .main_menu ul li
		{
			display:inline-block;
			margin:0px;
			padding:0px;
		}
	.main_menu ul li a:active, .main_menu ul li a:link, .main_menu ul li a:visited
		{
			display:inline-block;
			padding:3px 15px 3px 15px;
			text-decoration:none;
			color:#ffffff;
			font-family:"MyriadPro";
			font-size:16px;
			transition: 1s;
			background:none;
			text-transform:none;
			text-shadow:1px 1px #000000;
			border:2px solid #060a15;
		}	
	.main_menu ul li a:hover, .main_menu ul li.current-menu-item a
		{
			display:inline-block;
			padding:3px 15px 3px 15px;
			text-decoration:none;
			color:#ffffff;
			font-family:"MyriadPro";
			font-size:16px;
			transition: 1s;
			background:none;
			border-radius:20px;
			text-transform:none;
			border:2px solid #4fd6e5;
		}		
	.home_banner
		{
			width:100%;
			float:left;
			height:auto;
			background:url('images/home_banner.jpg');
			background-attachment:fixed;
			background-position:bottom;
			background-size:cover;
			background-repeat:no-repeat;
			text-align:center;
			font-size:40px;
			color:#ffffff;
			font-family:'Century';
			padding-top:20%;
			padding-bottom:20%;

		}
	.about_banner
		{
			width:100%;
			float:left;
			height:auto;
			background:url('images/about_banner.jpg');
			background-attachment:fixed;
			background-position:bottom;
			background-size:cover;
			background-repeat:no-repeat;
			text-align:center;
			font-size:40px;
			color:#ffffff;
			font-family:'Century';
			padding-top:30%;
			padding-bottom:10%;

		}
	.contact_banner
		{
			width:100%;
			float:left;
			height:auto;
			background:url('images/contact_banner.jpg');
			background-attachment:fixed;
			background-position:bottom;
			background-size:cover;
			background-repeat:no-repeat;
			text-align:center;
			font-size:40px;
			color:#ffffff;
			font-family:'Century';
			padding-top:20%;
			padding-bottom:20%;

		}
		
		.key_technology_banner
			{
			
				width:100%;
			float:left;
			height:auto;
			background:url('images/key_technology_banner.jpg');
			background-attachment:fixed;
			background-position:bottom;
			background-size:cover;
			background-repeat:no-repeat;
			text-align:center;
			font-size:40px;
			color:#ffffff;
			font-family:'Century';
			padding-top:20%;
			padding-bottom:20%;

			}
		
		.industries_we_serve_banner
			{
				width:100%;
			float:left;
			height:auto;
			background:url('images/industries_we_serve_banner.jpg');
			background-attachment:fixed;
			background-position:bottom;
			background-size:cover;
			background-repeat:no-repeat;
			text-align:center;
			font-size:40px;
			color:#ffffff;
			font-family:'Century';
			padding-top:20%;
			padding-bottom:20%;

			}
		
	.contentpanel
		{
			width:1400px;
			float:left;
				 font-family: 'MyriadPro';
			 font-size:20px;
			 color:#000000;
			 line-height:28px;
			padding-top:30px;
			padding-bottom:30px;
					  /* Apply the animation */
  animation: slideInUp 1s ease-out forwards;
		}
	.img_left
		{
			float:left;
			padding-right:50px;
			padding-bottom:50px;
		}
	.img_right
		{
			float:right;
			padding-left:50px;
			padding-bottom:50px;
		}
	h2
		{
			font-family:'MyriadPro';
			color:#05616f;
			font-size:26px;
			padding:0px;
			margin:0px;
			padding-bottom:30px;
			font-weight:normal;		
		}	
	a.btn_blue:active, a.btn_blue:link, a.btn_blue:visited 
		{	
			padding:3px 15px 3px 15px;
			text-decoration:none;
			color:#125660;
			font-family:"MyriadPro";
			font-size:16px;
			transition: 1s;
			background:none;
			text-transform:none;
			border:2px solid #125660;
			border-radius:20px;	
		}
	a.btn_blue:hover 
		{	
			padding:3px 15px 3px 15px;
			text-decoration:none;
			color:#ffffff;
			font-family:"MyriadPro";
			font-size:16px;
			transition: 1s;
			background:#125660;
			text-transform:none;
			border:2px solid #125660;	
			border-radius:20px;
		}
	.blue_box_full
		{
			width:100%;
			float:left;
			padding-top:30px;
			padding-bottom:30px;
			background:#d6f5f9;
					  /* Apply the animation */
  animation: slideInUp 1s ease-out forwards;
		}
	.blue_box_full h2
		{
			text-align:center;
			margin:0px;
			padding:0px;
			color:#05616f;
			font-size:26px;
			padding-bottom:30px;
		}
	.solution_box
		{
			width:448px;
			float:left;
			border-radius:20px;
			background:#ffffff;
			border:1px solid #05616f;
			margin-top:30px;
			padding-bottom:10px;
			text-align:center;
			margin-left:8px;
			margin-right:8px;
			
		}
	.solution_box img
		{
			margin-bottom:10px;
		}
	.solution_box  a:active, .solution_box  a:link, .solution_box  a:visited, .solution_box  a:hover
		{
			color:#05616f;
			text-decoration:none;
		}
	.half_box_row
		{
			width:100%;
			float:left;
					  /* Apply the animation */
  animation: slideInUp 1s ease-out forwards;
		}
	.half_gray_box
		{	
		width:40%;
		float:left;
		background:#f7f7f7;
		padding:5% 5% 8% 5%;
		}
	.half_white_box
		{
			width:40%;
		float:left;
		background:#ffffff;
		padding:5%;
		}
	.partner_logo_gap
		{
			margin-left:40px;
			margin-right:40px;
		}	
	a:active, a:link, a:visited
		{
			color:#000000;
			text-decoration:none;
		}	
	a:hover
		{
			color:#000000;
			text-decoration:underline;
		}	
	.wpcf7-text
		{
			width:400px;
			height:25px;
			font-size:18px;
			padding:5px;
			background:#ffffff;
			border:1px solid #c9c7c7;
		}
	.wpcf7-textarea
		{
			width:400px;
			height:125px;
			font-size:18px;
			padding:5px;
			background:#ffffff;
			border:1px solid #c9c7c7;
		}
	.wpcf7-submit
		{
			padding:3px 15px 3px 15px;
			text-decoration:none;
			color:#125660;
			font-family:"MyriadPro";
			font-size:16px;
			transition: 1s;
			background:none;
			text-transform:none;
			border:2px solid #125660;
			border-radius:20px;	
		}
	.btn_submit:hover
		{
			padding:3px 15px 3px 15px;
			text-decoration:none;
			color:#ffffff;
			font-family:"MyriadPro";
			font-size:16px;
			transition: 1s;
			background:#125660;
			text-transform:none;
			border:2px solid #125660;
			border-radius:20px;	
		}	
	.footer
		{
			width:100%;
			float:left;
			background:#f7f7f7;
			padding-top:30px;
			padding-bottom:30px;
					  /* Apply the animation */
  animation: slideInUp 1s ease-out forwards;
		}
	.footer_box
		{
			width:25%;
			float:left;
			font-size:16px;
			color:#000000;
		}
	.footer_box h3
		{	
			margin:0px;
			padding:0px;
			padding-bottom:20px;
			font-size:16px;
		}
	.footer_box ul, .footer_box ul li
		{
			margin:0px;
			padding:0px;
			list-style-type:none;
		}
	.footer_box ul li a:active, .footer_box ul li a:link, .footer_box ul li a:visited
		{
			color:#000000;
			text-decoration:none;
			list-style-type:none;
		}	
	.footer_box ul li a:hover
		{
			color:#000000;
			text-decoration:underline;
			list-style-type:none;
			
		}	
	.footer_box a:active, .footer_box a:link, .footer_box a:visited
		{	
		color:#000000;
		text-decoration:none;
		}
	.footer_box a:hover
		{
			color:#000000;
			text-decoration:underline;
		}
	.copyright
		{
			width:100%;
			float:left;
			background:#05616f;
			padding-top:5px;
			padding-bottom:5px;
			text-align:center;
			color:#ffffff;
			font-size:16px;
		}
				/* Define the animation movement */
@keyframes slideInUp {
  from {
    transform: translateY(100%); /* Starts completely below its normal position */
    opacity: 0;                  /* Optional: adds a smooth fade-in effect */
  }
  to {
    transform: translateY(0);    /* Ends at its original position */
    opacity: 1;
  }
}