@font-face {
    font-family: roboto;
    src: url(../fonts/Roboto.ttf);
}

	body
	{
		background-color: #FFFFFF;
		font-family:"roboto";
		border: 0px;
	}
	.bg
	{
		background-color: #F2F2F2;
		color: #49C773;
		
	}	
	
	.head_bg
	{
		background-color: #61B147;
		border: 1px solid #61B147;	
		border-radius:4px;					
	}
	
	.head_bg:hover {
	background-color: #3B7025;
	}
	
	.img_icon
	{				
		padding: 5px;
				
	}
	.r
	{
		float:right;			
	}

	.head_txt
	{
		font-size:20px;
		font-family:"roboto";
		font-weight:400;
		color: #FFFFFF;			
		text-align:center;
						
	}
	
	.body_main
	{
		vertical-align: middle;
		margin-top:15px;
		
	}
	

	.sub-menu div
	{
	    padding:5px 5px 5px 5px;	
		
	}
	
	.main-menu div
	{
	    padding:40px;	
		
	}
	.body_main div a
	{
		text-decoration: none;
	}	
	.b
	{
		border: 1px solid gray;
	}
	.sub-div1
	{
		background-color:#304773; 
		font-family:roboto; 
		font-size:24px; 
		color:#FFFFFF;
	}
	.sub-div2
	{
		background-color:#CCCCCC;
		float:right;					
	}
	.sub-div3
	{
		background-color:#4989C7;
	}
	.sub
	{
		background-color:#D2D3D5; 		
	}
	.sub-text
	{
		font-size:18px; 
		font-family:robots;
		font-weight:600;		 
		color:#000; 		
		text-align:center;
		font-family:roboto;	
	}
	.main-text
	{
		font-size:32px; 
		font-family:robots;
		font-weight:400;		 
		color:#FFFFFF; 		
		text-align:center;
		font-family:roboto;	
		padding:20px 20px 20px 20px;
	}
	.main-text1
	{
		font-size:32px; 
		font-family:robots;
		font-weight:600;		 
		color:#61B147; 		
		text-align:center;
		font-family:roboto;			
	}
	.main-text2
	{
		font-size:24px; 
		font-family:robots;
		font-weight:500;		 
		color:#FFFFFF; 		
		font-family:roboto;
		padding-left:10px;					
	}
	.sub-bottom
	{
		font-size:12px;		
		text-align:center;
		color:#FFFFFF;
		background-color:#3173B5;	
		padding:10px 10px 10px 10px;	
	}
	.left
	{
		float:left;	
		text-align:center;	
	}
	
	.right
	{
		float:right;
		padding-top:20px;
		margin-right:60px;				
	}
	.right1
	{
		float:right;
		margin-right:200px;		
	}			
	.clear
	{
		clear: both;		
	}	

	.menu_title
	{
		margin-left:7px;
		margin-right:7px;		
	}
	.menu_title div
	{
		font-size:25px;
		font-family:"roboto";			
	}
	
	.middle
	{
		height: inherit;
		width: inherit;
	    text-align: center;
	    display:table-cell;
	    vertical-align:middle;
	   	padding-bottom:5px; 
	}
	.middle1
	{		
	    vertical-align:middle;
	   	
	}
	.menu_title_text
	{
		margin-left:40px;
		padding-left:15px;		
	}
	.imageContainer {	
	background-image:url(../img/header_bg.png);	
	padding:20px 0px 20px 0px;	
	}
	.button {
	background-color:#61B147;
	border:1px solid #61B147;
	text-align:center;	
	color:#FFFFFF;
	border-radius:4px;
	width:180px;
	height:40px;
	font-weight:bold;
	box-shadow:1px 1px #3B7025;	
	}
	.input{padding:8px;display:block;border:none;border-bottom:1px solid #E6E7E8;width:90%; font-size:16px; width:100%; border-radius:4px;}
	
	.grey-bottom {
	background-color:#E6E7E8;	
	}	
	.text-1{
	padding:0px 20px 0px 20px;
	text-transform:uppercase;
	font-weight:400;
	font-size:20px;
	letter-spacing:0.5px;
	font-family:roboto;
	}
	.text-2{
	padding:0px 20px 0px 20px;
	font-family:roboto;
	font-weight:100;
	}
	.phone-img {
	font-size:20px; font-weight:bold; color:#61B147; text-decoration:none;
	}
	.main-text3 {
	text-align:center; font-size:24px; font-family:roboto; color:#3173B5; font-weight:bold; padding:10px 20px 0px 20px;
	}
	.sub-text3 {
	word-spacing: 3px; padding:0px 15px 15px 15px; font-size:18px; color:#4d4d4d; font-family:roboto; text-align:center;
	}
	
	.error
{
   font-family:roboto; 
   font-size: 12px;
   color: #FF0000;    
}

@media only screen and (max-width: 500px) {
    .logo_img {
        text-align:center;
    }
	.phn_img {
        text-align:center;
    }
}

@media only screen and (min-device-width: 400px) {
    .logo_img {
        float:left;
		text-align:center;
    }
	.phn_img {
                float:right;	
		text-align:center;
		padding:26px;	
    }
}