/* CSS Document */

@font-face {
    font-family:'ss1';
    src:local('ss1'), url('../fonts/Ant-Light.ttf');
	
}

@font-face {
    font-family:'ss';
    src:local('ss'), url('../fonts/Ant-Regular.ttf');
}

@font-face {
    font-family:'ss2';
    src:local('ss2'), url('../fonts/Ant-Bold.ttf');
}



h1{
		font-size: 3em;
		font-family: ss1,arial,helvetica;
		color: #fff;
		margin:0;
		padding:0;
	}
	
	h4{
		font-size: 2.5em;
		font-family: ss1,arial,helvetica;
		color: #fff;
		margin:0;
		padding:0;
	}
	
	h2{
		font-size: 1.5em;
		font-family: ss1,arial,helvetica;
		color: #fff;
		margin:0;
		padding:0;
	}
	
	h3{
		font-size: 15px;
		font-family: ss1,arial,helvetica;
		color: #fff;
		letter-spacing:1.5px;
		margin:0;
		padding:0;
	}
	

	.location_text
	{
		font-size: 14px;
		font-family: arial,helvetica;
		color:#666;
		font-style:italic;
	}
	
	.description_text
	{
		font-size: 13px;
		font-family: arial,helvetica;
		color: #000;
		font-weight:600;
	}
	
	
	
	

	.intro p{
		color: #fff;
	}
	
	
	p
	{
        font-size: 16px;
		font-family: arial,helvetica;
		color: #fff;
		font-weight:100;
	}
	
	

	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}

	
#header{
		position:fixed;
		height: 150px;
		display:block;
		width: 100%;
		z-index:9;
	}

 #footer{
		position:fixed;
		height: 20px;
		display:block;
		width: 100%;
		background:#000;
		 
		z-index:10;
	}



	#header{
		top:0px;
	}
	
	#footer{
		bottom:0px;
	}


.panels_style
{
   max-width:90%; 
   min-width:200px;	
   
}

.col-centered
{
 display:inline-block;
    float:none;
    /* inline-block space fix */
    margin-right:-4px;
	max-width:300px;
	min-width:250px;
}


.down_arrow{
		position: fixed;
		display:block;
		z-index:11;
		bottom:30px;
		
	}

	
	
	/* Bottom menu
	* --------------------------------------- */
	#infoMenu {
		bottom: 80px;
	}
	#infoMenu li a {
		color: #fff;
		z-index: 999;
	}



.menu
{
   list-style-type:none; 
   margin:0px; 
   padding:0px; 
   color:#FFF; 
   text-align:right; 
   padding-top:30px;
  
}

#main_menu li
{
   display:inline; 
   padding:10px 10px 10px 10px; 
   border-radius:5px 5px 5px 5px;
}

.sub_footer
{
	font-family:ss1,Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	background-color:#333;
	padding:15px 0px;
	letter-spacing:2px;
}

.footer
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#31688f;
	background-color:#dddcda;
	padding:40px 0px;
	text-align:left;
}

.main_heading
{
	font-family: ss, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #06C;
}

.large_heading
{
	font-family: ss, Arial, Helvetica, sans-serif;
	font-size: 27px;
	color: #06C;
	letter-spacing:2px;
}

.new_section
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	width:1000px; 
	margin-left:auto; 
	margin-right:auto;
}

.white_section_head
{
	background-color:#FFF;
	color:#333;
}

.blue_section_head
{
	background-color:#6CF;
	color:#333;
}

.grey_section_head
{
	background-color:#eee;
	color:#333;
}

.service_heading
{
	font-family:ss,arial;
	font-size:20px;
	color:#31688f;
}

.service_text
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	line-height:21px;
	
}

.readmore_btn1
{
	padding:10px 20px;
	background-color:#31688f;
	color:#FFF;
	border-radius:4px;
}

.page_width
{
	width:1000px;
	margin:0 auto;
}


.my_image_style
{
background-size: cover; 
 background-repeat:no-repeat;

}



@media screen and (min-width: 300px) and (max-width: 700px) {


h1{
		font-size: 3em;
		font-family: ss1,arial,helvetica;
		color: #fff;
		margin:0;
		padding:0;
	}
	
	h4{
		font-size: 2.5em;
		font-family: ss1,arial,helvetica;
		color: #fff;
		margin:0;
		padding:0;
	}
	
	h2{
		font-size: 1.5em;
		font-family: ss1,arial,helvetica;
		color: #fff;
		margin:0;
		padding:0;
	}
	
	h3{
		font-size: 15px;
		font-family: ss1,arial,helvetica;
		color: #fff;
		letter-spacing:1.5px;
		margin:0;
		padding:0;
	}
	
	p
	{
        font-size: 14px;
		font-family: arial,helvetica;
		color: #fff;
		font-weight:100;
	}
	

.col-centered
{
 display:inline-block;
    float:none;
    /* inline-block space fix */
    margin-right:-4px;
	max-width:300px;
	min-width:250px;
}

#topdiv
{
	
}

.navbar
{
	
}


	
}


@media screen and (min-width: 100px) and (max-width: 400px) {

.panels_style
{
   max-width:350px;
}

.col-centered
{
 display:inline-block;
    float:none;
    /* inline-block space fix */
    margin-right:-4px;
	max-width:300px;
	min-width:250px;
}
	
}