@font-face {
  font-family: 'FacebookLetterFaces-Regular';
  src: url('facebook-letter-faces.ttf');}

@font-face {
    font-family: 'edwardian_alternatemedium';
    src: url('edwalt-webfont.eot');
    src: url('edwalt-webfont.eot?#iefix') format('embedded-opentype'),
         url('edwalt-webfont.woff2') format('woff2'),
         url('edwalt-webfont.woff') format('woff'),
         url('edwalt-webfont.ttf') format('truetype'),
         url('edwalt-webfont.svg#edwardian_alternatemedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face{
	font-family:fontawesome;
	src:url('fontawesome/fonts/fontawesome-webfont.ttf');}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .fb{
	position: relative;
	z-index: 50;
	margin-top:75px;
	height: 2.15em;
	width: 7em;
	}
	
	
.fb svg{
width:100%;
height: 100%;
}
.fb text:hover{
	fill: rgba(146, 165, 232, 1)
}
g.hov:hover{
	opacity:.5;
}
    
    
    
}

body{ width: 100%;
text-align: center;
font-family:Arial, sans-serif;
overflow-x:hidden;}
h1, h2, h3{
line-height: 100%;
margin:0	;
display: inline-block;
width: 40%;
}
.l{
text-align: left;
display: inline-block;
width: 50%;
vertical-align: top;
margin-bottom: 4px;

}
.l b{
	font-size:2.5em;
	
}
.l i{
	font-size: 1.4em
	
}
.r{ text-align:right;
display: inline-block;
width: 30%;
vertical-align: top;
font-size: 1.1em;

}

.r b{
 font-size: 1.8em;	
}
.r .svc{font-size: .8em;}
#wrap{
 width:1000px;	
 display: inline-block;
}
#img{
	border: 2px solid white;
	margin: 1%;
	width:12%;
	background:white;
	color: rgba(146, 165, 232, 1);
	font-size:.8em;
	float:left;
	z-index:100;
}
#img img{
	width:100%

}
#header {
	
	width: 100%;
	height: 8em;
	padding: .5% 0;
	background-color: rgba(9, 84, 168, 1);
	color: rgba(255,255,255,1.00);
	font-family: "Arial Black", Gadget, sans-serif;
}
#header ul{background: rgba(146, 165, 232, 1);
height: 1.7em;
padding-top:5px;
width:93%;
text-align: left;
margin: 0
}
ul #nav{
margin: 0;
padding: 0;
background: rgba(146, 165, 232, 1);
height: 1em; 
text-align: left;
	
}
#nav li{
display: inline-block;
height: 100%;
	
}
#nav li a{
text-decoration: none;
font-size: .8em;
color: rgba(0, 0, 0, 1);
font-weight: 700;
margin-top: 5px;
padding: .2em .5em;
background: rgba(146, 165, 232, 1);
height: 100%;
}
#nav li a:hover{background:rgba(9, 84, 168, 1);}
#middle{width: 80%;
display: inline-block;
text-align: center;
height: 10%;
}
.x:hover rect{
fill: rgba(146, 165, 232, 1)

}
.fb{
	position: relative;
	z-index: 50;
	right: -860px;
	top: -110px;
	height: 2.15em;
	width: 7em;
	}
	
	
.fb svg{
width:100%;
height: 100%;
}
.fb text:hover{
	fill: rgba(146, 165, 232, 1)
}
g.hov:hover{
	opacity:.5;
}
.content{display:inline-block;}

.content span{display: inline-block; vertical-align: top; width: 100%;}
.content span img{display: inline-block; vertical-align:top; width:30% }
.content span p{display: inline-block; vertical-align: top; margin-top: 1em; font-size: 1.1em;}
.p{text-align: left;}
.content h3{text-align: left;  width:100%;}
#buttons{vertical-align:top; vertical-align:top; width:25%;height:8%;text-align:left; display: inline-block;}
#buttons svg{display:inline-block;height:100%}
#quality{display: inline-block; vertical-align:top; vertical-align:top; width:55%;height:8%;text-align:right; font-family:'edwardian_alternatemedium'; font-size:2em;}

.mob{background:rgba(146, 165, 232, 1); border-radius: 30px; padding: 2%; margin: 1%;}
.mob i{margin:3% 2%;}
.mob a:hover{opacity: .7}
.app{color:rgba(102,102,102,1)}
.and{color: rgba(64,198,23,1)}
.htm{color: rgba(198,66,29,1) }
#product {width: 100%; height: 550px;}
#product ul{text-align: center;height: 100%; margin: 1% 0; padding:0; list-style-type:none; display: table;}
#product ul li{
margin: 0;
 list-style-type: none;
 width: 14%;
height: 100%;
 display:inline-block;
font-size: 1em;
vertical-align: top;
 padding: 1% 0;
border: 2px solid #33CC00;
 background:#053F95;
 color: white;}
 #product ul li img{
padding: 0;
width: 100%;
 border-top: 2px solid #33CC00;
border-bottom: 2px solid #33CC00;
text-align: center; 
 }
 #title{vertical-align:top; vertical-align:top; width:25%;height:8%;text-align:left; display: inline-block; font-size: 1.6em; color:rgba(9, 84, 168, 1); }
 #services img{
  margin: .5% 1%;
  border: 1px solid black;}
  #services p{ 
  margin: .5% 0 5% 0;
  text-align: left;
  padding-top:3%;
  }
#footer{
        display:inline-block;
        background-color:rgba(9, 84, 168, 1);
        color:white;
        width: 100%;
        height: 112px;
}
.slideshow{
  display:inline-block;
  text-align: left;
  width: 43%;
 float:left;
}
.slideshow img{
    display: inline-block;
}
.credit{
    text-align:center;
    width: 25%;
    display: inline-block;
    vertical-align: top;
    float: right;
    margin-right: 1%;
}
.fin{
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    width: 100%;
    padding-left: 10px;
   
}