@charset "UTF-8";
/* CSS Document */

	html{ 
						
	
	}
	@font-face {
  font-family: intft;
  src: url("../pofweb/poff.woff2");
}
	@font-face {
  font-family: intftm;
  src: url("../pofweb/poffmed.woff2");
}
	.theads {
		font-family: intftm;
	}
	#wrapper{
		width: 100%;
		height: 100%;
	}
	#mainfire{
		width: 100%;
		height: 100%;
	     max-width:900px;
		display: inline-block;
		
	}
	#servicebox{
		 font-family: intft;
		font-size: 14px;
		position: absolute;
		right: 10px;
		bottom: 75px;
		width: 300px;
		height: 550px;
		text-align: right;
		background-color: transparent;
	}

#awardspez{
	position: absolute;
	width: 300px;
	height: auto;
	left: 55px;
	bottom: 45px;
}
.srv-img{
	width: 30%;
	height: auto;
    position:fixed;
    right:5px;
    bottom: 35px; 
}
	#portfoliofire{
		width: 100%;
		height: 100%;
		background-color:#000;
	}
    #topnav{
		top:0px;
		width: 100%;
		height: 20px;
		background-color:#000;
	}
	
	#lowfire{
						font-family:Arial, Helvetica, sans-serif;
						font-size:9px;
						color:#999;
						position:fixed;
						bottom:0;
						left:0px;
						width:100%;
						height:17px;
						text-align:left;
						padding:9px;
						padding-left:56px;
						padding-right:0px;
						z-index:100;
						background-color:#333;
}
html,body,iframe {
height:99%;
width:100%;
}
a:link {
	color: #999;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}
a:active {
	text-decoration: none;
	color: #999;
}
	
	@media screen and (min-width: 1100px){
		.srv-img{
	width: 20% !important;
	height: auto;
    position:fixed;
    right:5px;
    bottom: 35px; 
}
			#servicebox{
		position: fixed;
		display: inline-block;
		right: 15px;
		width: 400px !important;
		float: right;
		height: 450px;
		background-color: transparent;
	}
	}
@media screen and (max-width: 480px){

		#lowfire{
						font-family:Arial, Helvetica, sans-serif;
						font-size:7px !important;
						color:#999;
						position:fixed;
						bottom:0;
						left:0px;
						width:100%;
						height:15px !important;
						text-align:center !important;
						padding:9px;
						padding-left:5px !important;
						padding-right:5px !important;
						z-index:100;
						background-color:#000000;
}

	
		#mainfire{
		width: 100%;
		height: 100%;
	    max-width:1100px;
		display: block !important;
		
	}
		#servicebox{
		position: fixed;
		display: inline-block;
			font-size: 9px !important;
			line-height: 10px !important;
		right: 10px;
		width: 400px !important;
		float: right;
		height: 250px !important;
        bottom: 75px;
		background-color: transparent;
	}
	.srv-img{
	width: 60% !important;
	height: auto;
    position:fixed;
    right:5px;
    bottom: 35px; 
}


	
}
@media screen and (max-width: 350px){
	
		#lowfire{
						font-family:Arial, Helvetica, sans-serif;
						font-size:10px !important;
						color:#999;
						position:fixed;
						bottom:0;
						left:0px;
						width:100%;
						height:32px !important;
						text-align:center !important;
						padding:9px;
						padding-left:5px !important;
						padding-right:5px !important;
						z-index:100;
						background-color:#333;
}
#servicebox{
		position: fixed;
		display: inline-block;
			font-size: 9px !important;
			line-height: 10px !important;
		right: 10px;
		width: 400px !important;
		float: right;
		height: 250px !important;
		background-color: transparent;
	}

}

@media screen and (max-height: 700px){

		#lowfire{
						font-family:Arial, Helvetica, sans-serif;
						font-size:7px !important;
						color:#999;
						position:fixed;
						bottom:0;
						left:0px !important;
						width:100%;
						height:15px !important;
						text-align:left !important;
						padding:9px;
						padding-left:20px !important;
						padding-right:5px !important;
						z-index:100;
						background-color: transparent !important;
}

	
		#mainfire{
		width: 100%;
		height: 100%;
	    max-width:1100px;
		display: block !important;
		
	}
		#servicebox{
		position: fixed;
		display: inline-block;
			font-size: 9px !important;
			line-height: 10px !important;
		right: 10px;
		width: 400px !important;
		float: right;
				bottom: 45px !important;
		height: 250px !important;
		background-color: transparent;
	}
	.srv-img{
	width: 60% !important;
	height: auto;
    position:fixed;
    right:5px;
    bottom: 35px; 
}


	
}
	
@media screen and (max-height: 700px) and (max-width: 420px){

		#lowfire{
						font-family:Arial, Helvetica, sans-serif;
						font-size:6px !important;
						color:#999;
						position:fixed;
						bottom:0;
						left:0px !important;
						width:100%;
						height:15px !important;
						text-align:left !important;
						padding:9px;
						padding-left:10px !important;
						padding-right:5px !important;
						z-index:100;
						background-color: #333 !important;
}

	
		#mainfire{
		width: 100%;
		height: 100%;
	    max-width:1100px;
		display: block !important;
		
	}
		#servicebox{
		position: fixed;
		display: inline-block;
			font-size: 9px !important;
			line-height: 10px !important;
		right: 10px;
		width: 400px !important;
		float: right;
				bottom: 65px !important;
		height: 250px !important;
		background-color: transparent;
	}
	.srv-img{
	width: 60% !important;
	height: auto;
    position:fixed;
    right:5px;
    bottom: 35px; 
}


	
}