*:focus {
			    outline: none;
			}
			
			
			html,body{
				margin:0px;
			}
			
		body{
			font-family: 'Gloria Hallelujah', cursive;
		}
		
		a{
			text-decoration: none;
			color:inherit;
		}
		
		.textcontent{
			font-family:verdana;
			color:#333333;
			font-size:12px;
			line-height:20px;
		}
		
		.container{
			max-width:800px;
			width:100%;
			margin:auto;
		}
		
		
		.roundedcorners{
			border-radius: 4000px;
			-moz-border-radius: 4000px;
			-webkit-border-radius: 4000px;
		}
		
		.menustatus_containter{
			text-align:center;
			position:absolute;
			bottom:-29px;
			left:0px;
			width:100%;
		}
		.menustatus{
			color:#000000;
			line-height:40px;
			font-size:20px;
			text-align:center;
			width:40px;
			height:40px;
			border-radius: 200px 200px 200px 200px;
			-moz-border-radius: 200px 200px 200px 200px;
			-webkit-border-radius: 200px 200px 200px 200px;
			opacity:0.4;
		}
		.menustatus .menutext{
			opacity: 1;
		}
		.menustatus:hover{
/*			opacity:1;*/
		}
		.menustatus.select{
			color:#000000;
			line-height:60px;
			font-size:30px;
			text-align:center;
			width:60px;
			height:60px;
			border-radius: 200px 200px 200px 200px;
			-moz-border-radius: 200px 200px 200px 200px;
			-webkit-border-radius: 200px 200px 200px 200px;
			opacity:1;
		}
		
		
		
		
		
/*	================================================== */
/*	bullet view	====================================== */
/*	================================================== */

		.roundbullet{
			display:none;
			position:absolute;
			width:200px;
			height:200px;
		}
		
		.roundbullet_inner{
			transition: all 0.1s linear;
			transform: scale(0.8);			
			border-radius: 200px 200px 200px 200px;
			-moz-border-radius: 200px 200px 200px 200px;
			-webkit-border-radius: 200px 200px 200px 200px;
		}
		
		.roundbtn{
			/*
			-webkit-border-radius: 400px;
			-moz-border-radius: 400px;
			border-radius: 400px;
			overflow:hidden;
			*/
			position:absolute;
			width:100%;
			height:100%;
		}
		
		.roundbullet .init{
			text-align:center;
			color:#ffffff;
			font-size:50px;
		}
		.roundbullet:hover .init{
			color:#000000;			
		}
		
		.title{
			display:none;
			position:absolute;
			font-weight:900;
			font-size:50px;
			line-height:50px;
			text-align: left;
			
			margin-top:-25px;
			top:50%;
			left:-20px;
			margin-left:20px;
		}
		
		
		
	.bullethover{
		z-index:9999999999 !important;
		opacity: 1 !important;
		transition: all 0.1s linear;
		transform: scale(1.1) !important;
		
	}
	.bulletnothover{
		opacity: 0.2;
		transition: all 0.1s linear;
		transform: scale(0.8);
	}
		

	.hidedesktop{
		display:none;
	}
	
	
	.langselector_td{
		padding-right:20px;
	}
	.langselector{
		cursor:pointer;
		padding-top:10px;
		height:50px;
	}
	
	
	.langselector_container{
		font-size:60px;
	}

	h1{
		margin-bottom:0px;
		font-size:40px;
		text-align:center;
	}

	.bulletalign{

		position:relative;
		float:left;
		width:200px;
		height:200px;
	}
	
	.bulletalign_div{
		padding-top:90px;
		width:100%;
		max-width:1000px;
		margin:auto;
		position:relative;
	}

	.filterselect{
		float:left;
		width:25%;
	}
	
	.search_icon{
		padding-right:20px;
		height:50px;
	}
	
	.worksheetpadding{
		margin-top:30px;
	}
	
	.worksheets_spacing{
		height:50px;
	}
	
	
	.work_container{
		width:100%;
		display:table-cell;
		vertical-align: middle;
	}
	
	.work_title{
		line-height:60px;
		margin-bottom:-10px;
		font-size:50px;
	}
	
	.work_subtitle{
		font-size:20px;
	}

	.gallery_roundbtn{
		position:relative;
	}

	.roundbullet2{
		width:190px;
		height:190px;
	}
	
	.pagebullet{
		top:-100px;
		left:-200px;
		width:70%;
		padding-bottom:70%;
	}
	
	.contact_content{
		z-index:2;
		position:fixed;
		top:300px;
		left:63%;
		width:30%;
	}
	.contact_content h1{
		text-align: left;
	}
	
	.textcontent h1{
		line-height:45px !important;
		font-size:40px;
	}
	
	
	.titlecontainer{
		min-height:70px;
		position:absolute;
		top:-125px;
		left:0px;
		text-align: center;
		width:100%;
	}
	
	
	.pie_spacing{
		height:150px;
	}
	
	.bulletaligntext_width{
		width:250%;
	}
	
		#pietitle{
			line-height:40px !important;
			font-size:35px !important;
		}
	
@media only screen and (max-width: 900px) {
				
				.hidedesktop{
					display:inline;
				}
				
				.hidemobile{
					display:none;
				}
				
				.menustatus_containter{
					display:none;
				}
				
				
				.homebullets{
					top:0px !important;
					position:relative !important;
					left:20px !important;
					height:100px !important;
					width:100px !important;
					padding-top:20px;
				}
				
				.homebullets .init{
					line-height: 100px !important;
				}
				
				.homebullets .title{
					display:block !important;
					left:100px !important;
					font-weight:900;
					font-size:30px;
				}
				
				.langselector{
					padding-top:13px;
					height:40px;
				}
				.langselector_td{
					padding-right:10px;
				}
				.langselector_container{
					font-size:40px;
				}
				
				h1{
					margin-bottom:0px;
					font-size:30px;
					text-align:center;
				}
				
				.titlemobile{
					display:inline;
					position:relative;
					font-weight:900;
					font-size:30px;
					line-height:30px;
					text-align: left;
					
					margin-top:0px;
					top:0px;
					left:0px;
					margin-left:10px;
				}
				.roundbulletmobile{
					width:100px;
					height:100px;
				}
				
				.bulletalign{
					float:inherit;
					width:120px;
					height:120px;
					margin-bottom:10px;
				}
				.bulletalign .init{
					line-height: 115px !important;
				}
				
				.bulletalign_div{
					padding-top:15px;
					padding-bottom:50px;
				}
				
				.filterselect{
					float:left;
					width:50%;
				}
				
				/*	
					===========================================================
					input	===================================================
					===========================================================
				*/
				
					input, input::placeholder
					{
						font-size:18px !important;
						line-height:40px;
						text-indent: 10px !important;
						width:100%;
					}
					
				.search_icon{
					padding-right:0px;
					height:25px;
				}
				
					select
					{
						font-size:18px !important;
						line-height:40px !important;
						text-indent: 10px !important;
					}
					
				.worksheetpadding{
					margin-top:0px;
				}
				
				
				.worksheets_spacing{
					height:20px;
				}
				
				.bulletalign .title{
					opacity:0 !important;
				}
				
				.work_title{
					line-height:35px;
					margin-bottom:0px;
					font-size:20px;
					margin-top:30px;
					padding-top:0px;
				}
				
				.work_subtitle{
					font-size:12px;
				}
			
				.work_container{
					width:100%;
					display:table-cell;
					vertical-align: top;
					padding:30px;
				}
				
				
				.roundbullet2{
					width:150px;
					height:150px;
				}
				
				.pagebullet{
					top:0px;
					left:-150px;
					width:110%;
					padding-bottom:110%;
				}
				
				.contact_content{
					z-index:2;
					position:relative;
					top:120px;
					left:0px;
					width:100%;
					text-align:right;
				}
				.contact_content h1{
					text-align: right;
				}
				
			
				
				.roundbullet{
					width:150px;
					height:150px;
				}
				
				.textcontent h1{
					line-height:25px !important;
					font-size:20px;
				}
	
				.pie_spacing{
					height:100px;
				}
				
				.bulletaligntext_width{
					width:450%;
					font-size:12px;
				}
			.homebullets .title{
				width:450%;
			}
	
}		

@media only screen and (max-width: 600px) {
		.bulletaligntext_width{
			width:350%;
		}	
		.homebullets .title{
			width:350%;
		}
}

@media only screen and (max-width: 450px) {
		.bulletaligntext_width{
			width:250%;
		}	
		.homebullets .title{
			width:250%;
		}
}
@media only screen and (max-width: 360px) {
		.bulletaligntext_width{
			width:150%;
		}	
		.homebullets .title{
			width:150%;
		}
}

@media only screen and (max-height: 900px) {
	.titlecontainer{
		min-height:70px;
		position:absolute;
		top:-90px;
		left:0px;
		text-align: center;
		width:100%;
	}
	
		#pietitle{
			line-height:25px !important;
			font-size:30px !important;
		}
}

@media only screen and (max-height: 700px) {
	.titlecontainer{
		min-height:70px;
		position:absolute;
		top:-70px;
		left:0px;
		text-align: center;
		width:100%;
	}
	
		#pietitle{
			line-height:25px !important;
			font-size:20px !important;
		}
		
		
}