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

* {
	margin:0;
	padding:0;
	font-family:'Roboto Condensed', sans-serif;
}


/*							GENERAL LAYOUT						*/

#head {
	height:160px;
	background:#FFF url(img/headerbg.png) center;
}
.innerwrap {
	max-width:1100px;
	margin:0 auto;
	min-width:950px;
}
#head .innerwrap {
	display:flex;
	justify-content:space-between;
}
#logosloganwrap {
	margin:10px;
}
#logosloganwrap h3 {
	margin:5px 0 0;
	color:#0B5384;
}

#headcontactwrap {
	padding:0 10px;
}
#hphonewrap {
	padding:35px 0 30px;
}

#hphonewrap, #hemailwrap {
	display:flex;
	justify-content:flex-end;
}
.headicon {
	width:45px;
	height:33px;
	background: no-repeat;
	margin-left:20px;
}
#hphone {
	background-image:url(img/headphone.png);
}
#hemail {
	background-image:url(img/heademail.png);
}
#headcontactwrap p {
	font-size:26px;
	color:#0B5384;
}

#contentwrap {
	padding:40px 0;
	background:url(img/contentbg.png) repeat-x top;
	border-top:7px solid #EB1F28;
}


#quicklinks {
	background-color:#FCFCFC;
}
#quicklinks .innerwrap {
	display:flex;
	justify-content:space-between;
}
#quicklinks a.quicklink {
	display:block;
	text-decoration:none;
	width:24%;
	padding-bottom:30px;
}
#quicklinks a .qlimage {
	width:126px;
	height:115px;
	padding-left:4px;
	margin:40px auto 10px;
	background: center no-repeat;
	transition:all 0.45s;
}
#quicklinks #ql-accesscontrol .qlimage {
	background-image: url(img/ql-accesscontrol.png);
}
#quicklinks #ql-cctv .qlimage {
	background-image: url(img/ql-cctv.png);
}
#quicklinks #ql-intruderalarms .qlimage {
	background-image: url(img/ql-intruderalarms.png);
}
#quicklinks #ql-firealarms .qlimage {
	background-image: url(img/ql-firealarms.png);
}

#quicklinks a:hover .qlimage {
	filter: hue-rotate(157deg) brightness(1.33);
}

#quicklinks a h4 {
	font-size:24px;
	color:#EB1F28;
	padding:15px;
	text-align:center;
	transition:color 0.45s;
}
#quicklinks a:hover h4 {
	color:#0B5384
}
#quicklinks p {
	font-size:18px;
	color:#343434;
	padding:10px 11px;
	text-align:center;
}

#logos {
	position:relative;
	overflow:hidden;
	height:90px;
	padding:25px 0;
}

#logoslider {
	position:absolute;
	top:25px;
	left:0;
	animation:logoscroll 10s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
}
@keyframes logoscroll {
    0% { left:0; }
    100% { left:-1482px; }
}

#lcover, #rcover {
	width:90px;
	height:90px;
	position:absolute;
	top:25px;
}
#lcover {
	background: url(img/logoscoverleft.png);
	left:0;
}
#rcover {
	background: url(img/logoscoverright.png);
	right:0;
}



/*							NAV							*/

nav {
	background-color:#ec202ac0;
	padding:12px 0;
}
nav #navinner ul,
nav #navinner li {
	list-style-type:none;
}
nav #navinner ul {
	display:flex;
	justify-content:space-between;
}
nav #navinner a {
	display:block;
	color:#FFF;
	text-transform:uppercase;
	font-size:20px;
	text-decoration:none;
	text-align:center;
	padding:0 6px;
}

nav #navinner a:hover {
	animation: shake 0.2s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}

@keyframes shake {
	25% {
		transform: translate3d(0, 2px, 0);
	}
	75% {
		transform: translate3d(0, -2px, 0);
	}
}

/*					FOOTER						*/

#footertop {
	background-color:#EC2029;
	border-bottom:4px solid #FFF;
	padding:15px 0;
	text-align:center;
}
#footertop a {
	color:#FFF;
	font-size:24px;
	text-decoration:none;
}
#footertop a:hover {
	text-decoration:underline;
}

#footer {
	background-color:#0B5484;
}
#footerinner {
	display:flex;
	justify-content:space-between;
	padding:30px 0;
}
.footersegment {
	width:20%;
}
#footerinner h6 {
	font-size:22px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:20px;
}
#footerinner p,
#footerinner a {
	font-size:18px;
	color:#FFF;
	line-height:160%;
}

#footerlower {
	background:#0A4974;
	text-align:center;
}
#footerlower .innerwrap {
	display:flex;
	justify-content:center;
	padding:15px 0;
}
#footerlower .innerwrap div {
	padding:5px 25px;
	border-right:1px solid #FFF;
}
#footerlower .innerwrap div:last-child {
	border-right:none;
}
#footerlower .innerwrap div p,
#footerlower .innerwrap div a {
	color:#FFF;
	font-size:20px;
	text-decoration: none;
}


/*					BANNER IMAGES				*/

#mainimage {
	height:350px;
	background-size:cover;
	background-position:center;
}
.home #mainimage {
	background-image:url(img/bannerhome.jpg);
}
.page-id-9 #mainimage {
	background-image:url(img/bannerac.jpg);
}
.page-id-12 #mainimage {
	background-image:url(img/bannercctv.png);
}
.page-id-14 #mainimage { 
	background-image:url(img/bannerintruder.jpg);
}
.page-id-16 #mainimage {
	background-image:url(img/bannerfa.jpg);
}
.page-id-18 #mainimage {
	background-image:url(img/bannermaintenace.jpg);
}
.page-id-20 #mainimage {
	background-image:url(img/bannercontact.jpg);
}
.page-id-76 #mainimage,
.page-id-78 #mainimage,
.page-id-22 #mainimage {
	height:auto;
}


/*  				HEADERS TEXT ANCHORS ETC 					*/

article#content h1 {
	font-size:45px;
	color:#0B5384;
	padding:15px 0;
	line-height:160%;
}
article#content h2 {
	font-size:26px;
	color:#EB1F28;
	padding:12px 0;
	line-height:160%;
}

article#content p {
	font-size:18px;
	color:#343434;
	margin:10px 0;
	line-height:160%;
}

.wp-block-separator {
	margin:15px 150px;
}

/*					DEFAULT WORDPRESS STUFF						*/
.alignnone {
    margin:5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display:block;
    margin:5px auto 5px auto;
}

.alignright {
    float:right;
    margin:5px 0 20px 20px;
}

.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}

.aligncenter {
    display:block;
    margin:5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin:5px 0 20px 20px;
}

a img.alignnone {
    margin:5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}

a img.aligncenter {
    display:block;
    margin:15px auto;
}


img.alignright {
    float:right;
    margin:20px 0 20px 20px;
}

img.alignnone {
    margin:5px 20px 10px 0;
}

img.alignleft {
    float:left;
    margin:20px 20px 20px 0;
}

img.aligncenter {
    display:block;
    margin:20px auto;
}

.wp-caption.alignnone {
    margin:5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin:20px 20px 20px 20px;
}

.wp-caption.alignright {
    margin:20px 20px 20px 20px;
}