/* site.css */
.sticky-container{
	/*background-color: #333;*/
	padding: 0px;
	margin: 150px, 0px, 0px, 0px;
	position: fixed;
	right: -119px;
	top: 130px;
	width: 200px;
}

.sticky li{
	list-style-type: none;
	background-color: #333;
	color: #efefef;
	height: 43px;
	padding: 0px;
	margin: 0px 0px 1px 0px;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	cursor: pointer;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
            filter: gray; 
            -webkit-filter: grayscale(100%); 
}

.sticky li:hover{
	margin-left: -115px;
	/*-webkit-transform: translateX(-115px);
	-moz-transform: translateX(-115px);
	-o-transform: translateX(-115px);
	-ms-transform: translateX(-115px);
	transform:translateX(-115px);*/
	/*background-color: #8e44ad;*/
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
            -webkit-filter: grayscale(0%);
}

.sticky li img{
	float: left;
	margin: 5px 5px;
	margin-right: 10px;
}

.sticky li p{
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	line-height: 43px;
}

ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
.container {
   margin: 0 auto;
   padding: 20px 50px;
   background: white;
}
.sticky-container{
	/*background-color: #333;*/
	padding: 0px;
	margin: 0px;
	position: fixed;
	right: -119px;
	top:130px;
	width: 200px;
}

.sticky li{
	list-style-type: none;
	background-color: #333;
	color: #efefef;
	height: 43px;
	padding: 0px;
	margin: 0px 0px 1px 0px;
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
	cursor: pointer;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
            filter: gray; 
            -webkit-filter: grayscale(100%); 
}

.sticky li:hover{
	margin-left: -115px;
	/*-webkit-transform: translateX(-115px);
	-moz-transform: translateX(-115px);
	-o-transform: translateX(-115px);
	-ms-transform: translateX(-115px);
	transform:translateX(-115px);*/
	/*background-color: #8e44ad;*/
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
            -webkit-filter: grayscale(0%);
}

.sticky li img{
	float: left;
	margin: 5px 5px;
	margin-right: 10px;
}

.sticky li p{
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	line-height: 43px;
}   

body {
	background-image: url("images/rock-1441963_1920.jpg")
}

h1 {
	font-size: 75px;
	font-family: Impact, Charcoal, sans-serif;
}

h2 {
	font-size: 25px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.navbar-brand {
	font-size:2.0em;
}

.containerHeader {
	width: 100%;
	position: fixed;
	left: 27%;
}

#company {
	color: white;
}

.pic {
	float: left;
	margin-left: 20px;
	clear: both;
	margin-top: 65px;
}

.quickfacts {
	font-weight: bold;
	
}

.title {
	clear: both;
	text-align: center;
	color: white;
}

.section {
	font-size: 400%;
}

.company {
	text-align: center;
	font-size: 150%;
}

.mission {
	width: 60%;
	margin-left: 20%;
	font-size: 150%;
    color: white;
    text-align: center;
}

.quickfacts {
	text-align: center;	
	color: black;
	background-color: #ABAAAF;
	padding: 0px;
	margin-bottom: 0px;
}

#footer {
	width:100%;
}

.physec {
	background-color: #ABAAAF;
	color: black;
	text-align: left;
	font-size: 150%;
	padding: 5px;
	width: 850px;
	float: left;
	margin-left: 3%;
	margin-top: 100px;
}

.prisec{
	background-color: #ABAAAF;
	color: black;
	text-align: left;
	font-size: 150%;
	padding: 5px;
	width: 850px;
	float: left;
	margin-left: 3%;
	margin-top: 100px;
}

.netsec {
	background-color: #ABAAAF;
	color: black;
	text-align: left;
	font-size: 150%;
	padding: 5px;
	width: 850px;
	float: left;
	margin-left: 3%;
	margin-top: 100px;
}

#companyname {
	color: white;
	font-size: 500%;
	float: left;
	margin-left: 17%;
	margin-top: 65px;
}

#camera {
	float: right;
	margin-right: 10%;
	margin-top: 200px;
}

#guard {
	float: right;
	margin-right: 5%;
	margin-top: 250px;
}

#cops {
	float: right;
	margin-right: 5%;
	margin-top: 150px;
}

#soldier {
	float: right;
	margin-right: 5%;
	margin-top: 100px;
}

#lock {
	float: left;
	margin-left: 25%;
	margin-top: 65px;
}

#castle {
	float: left;
	margin-left: 25%;
	margin-top: 65px;
}

#bodyguard {
	float: left;
	margin-left: 25%;
	margin-top: 65px;
}

#networking {
	float: left;
	margin-left: 25%;
	margin-top: 65px;
}

#hacker {
	float: right;
	margin-right: 5%;
	margin-top: 200px;
}

#monitor {
	float: right;
	margin-right: 5%;
	margin-top: 300px;
}

#whoweare {
	width: 40%;
	margin-left: 30%;
	color: black;
	padding: 20px;
	background-color: #ABAAAF;
}

.bullets {
	width: 300px;
	margin-left: 30%;
	text-align: left;
}

.bullets2 {
	width: 300px;
	margin-left: 35%;
	text-align: left;
}

::-webkit-scrollbar { 
display: none; 
}