@charset "utf-8";
@font-face {
  font-family: 'MyriadWebPro';
  src: url('MyriadWebPro.eot'); /* IE */  
  src: local("MyriadWebPro"), url('MyriadWebPro.ttf') format("truetype"); /* non-IE */
}
body { margin: 0; }

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.roboto-14-blueygrey {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #ffffff;
    line-height: 22px;
    text-decoration: none;
    font-weight: 300;
}

.overview-links2 {
	width: 212px;
	height: 210px;
	border-radius: 2px;
	background-color: #FB921C;
	text-align: center;
	position: relative;
	transition: all 0.3s ease;
	box-shadow: 4px 5px rgba(0,0,0,0.1);
}

.overview-links {
	width: 212px;
	height: 210px;
	border-radius: 2px;
	background-color: #3D9EE5;
	text-align: center;
	position: relative;
	transition: all 0.3s ease;
	box-shadow: 4px 5px rgba(0,0,0,0.1);
}
.overview-links:hover {
	background-color: #3ed762;
}

.overview-links2:hover {
	background-color: #3ed762;
}

.overview-links .icon {
	border-radius: 200px;
	border: solid 1px #ffffff;
	transition: all 0.3s ease;
}
.overview-links2 .icon {
	border-radius: 200px;
	border: solid 1px #ffffff;
	transition: all 0.3s ease;
}
.overview-links .icon:hover a {
	opacity: 0.7;
}
.overview-links2 .icon:hover a {
	opacity: 0.7;
}
.overview-links .text {
	font: normal 400 21px/31px 'Roboto', sans-serif;
	color: #ffffff;
	margin: 0;
	letter-spacing: 1.5px;
	transition: all 0.3s ease;
}
.overview-links2 .text {
	font: normal 400 21px/31px 'Roboto', sans-serif;
	color: #ffffff;
	margin: 0;
	letter-spacing: 1.5px;
	transition: all 0.3s ease;
}
.overview-links a.text:hover {
	opacity: 0.7;
}
.overview-links2 a.text:hover {
	opacity: 0.7;
}
.rotate90 {
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
a {
	text-decoration: none;
}
.logo {
	position: absolute; width: 272px; left: 50%; margin-left: -500px; top: 45px; transition: all 0.2s ease;
}
.logo:before {
	width: 100px;
	height: 40px;
	position: absolute;
	left: -100px;
	bottom: 0;
	content: '';
	display: inline-block;
	background-color: black;
}
.montserrat-12-nav {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: 600;
	letter-spacing: 0.25px;
	text-decoration: none;
	transition: all 0.2s ease;
}
.montserrat-12-nav:hover::after {
	content:'\E315';
	font-family: 'Material Icons';
	font-size: 14px;
	font-weight: 400;
	vertical-align: -2px;
	padding-left: 10px;
	transition: all 0.2s ease;
}
.montserrat-13-nav {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	color: #FFF;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.1s ease;
	cursor: pointer;
	line-height: 67px;
	height: 67px;
	display: block;
}
.montserrat-13-nav:hover {
	color: white !important;
	border-bottom: 3px solid #3ED762;
	transition: all 0.1s ease;
}


.montserrat-15-nav {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	color: #191919;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 3px solid #1079C2;
	transition: all 0.1s ease;
	cursor: pointer;
	line-height: 67px;
	height: 67px;
	display: block;
}
.montserrat-15-nav:hover {
	border-bottom: 3px solid #3ED762;
	transition: all 0.1s ease;
}

.innernav3 {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #292929;
	font-weight: 500;
	letter-spacing: 0.5px;
	text-decoration: none;
	line-height: 52px;
	height: 52px;
	border-bottom: 1px solid #f3f3f3;
	transition: all 0.2s ease;
}
.innernav3::before {
	content:'\E7F7';
	font-family: 'Material Icons';
	font-size: 21px;
	color: #cfcfcf;
	padding: 0px 22px;
	font-style: normal;
	vertical-align: -4px;
	transition: all 0.2s ease;
}
.innernav3:hover {
	color: #1079c2;
}
.innernav3:hover::before {
	color: #1079c2;
}
.innernav3:nth-of-type(2)::before {
	content:'\e869';
}

.innernav {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #292929;
	font-weight: 500;
	letter-spacing: 0.5px;
	text-decoration: none;
	line-height: 52px;
	height: 52px;
	border-bottom: 1px solid #f3f3f3;
	transition: all 0.2s ease;
}
.innernav::before {
	content:'\E7F7';
	font-family: 'Material Icons';
	font-size: 21px;
	color: #cfcfcf;
	padding: 0px 22px;
	font-style: normal;
	vertical-align: -4px;
	transition: all 0.2s ease;
}
.innernav:hover {
	color: #1079c2;
}
.innernav:hover::before {
	color: #1079c2;
}
.innernav:nth-of-type(2)::before {
	content:'\E417';
}
.innernav:nth-child(3)::before {
	content:'\E925';
}

.innernav:nth-child(4)::before {
	content:'\E7F7';
}
.innernav:nth-child(5)::before {
	content:'\E7F7';
}
.innernav:nth-child(6)::before {
	content:'\E869';
}

.innernetwork {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #292929;
	font-weight: 500;
	letter-spacing: 1px;
	text-decoration: none;
	line-height: 52px;
	height: 52px;
	border-bottom: 1px solid #f3f3f3;
	transition: all 0.2s ease;
}
.innernetwork::before {
	content:'\e640';
	font-family: 'Material Icons';
	font-size: 21px;
	color: #cfcfcf;
	padding: 0px 22px;
	font-style: normal;
	vertical-align: -4px;
	transition: all 0.2s ease;
}
.innernetwork:hover {
	color: #1079c2;
}
.innernetwork:hover::before {
	color: #1079c2;
}




.innerfire {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #292929;
	font-weight: 500;
	letter-spacing: 1px;
	text-decoration: none;
	line-height: 52px;
	height: 52px;
	border-bottom: 1px solid #f3f3f3;
	transition: all 0.2s ease;
}
.innerfire::before {
	content:'\E80E';
	font-family: 'Material Icons';
	font-size: 21px;
	color: #cfcfcf;
	padding: 0px 22px;
	font-style: normal;
	vertical-align: -4px;
	transition: all 0.2s ease;
}
.innerfire:hover {
	color: #1079c2;
}
.innerfire:hover::before {
	color: #1079c2;
}
.innerfire:nth-of-type(2)::before {
	content:'\E90F';
}
.innerfire:nth-child(3)::before {
	content:'\E3A5';
}


.innerabout {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #292929;
	font-weight: 500;
	letter-spacing: 1px;
	text-decoration: none;
	line-height: 52px;
	height: 52px;
	border-bottom: 1px solid #f3f3f3;
	transition: all 0.2s ease;
}
.innerabout::before {
	content:'\E0AF';
	font-family: 'Material Icons';
	font-size: 21px;
	color: #cfcfcf;
	padding: 0px 22px;
	font-style: normal;
	vertical-align: -4px;
	transition: all 0.2s ease;
}
.innerabout:hover {
	color: #1079c2;
}
.innerabout:hover::before {
	color: #1079c2;
}
.innerabout:nth-of-type(2)::before {
	content:'\E8A6';
}
.innerabout:nth-child(3)::before {
	content:'\E876';
}
.innerabout:nth-child(4)::before {
	content:'\E885';
}
.innerabout:nth-child(5)::before {
	content:'\E885';
}


.innerabout2 {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #292929;
	font-weight: 500;
	letter-spacing: 1px;
	text-decoration: none;
	line-height: 52px;
	height: 52px;
	border-bottom: 1px solid #f3f3f3;
	transition: all 0.2s ease;
}
.innerabout2::before {
	content:'\e80c';
	font-family: 'Material Icons';
	font-size: 21px;
	color: #cfcfcf;
	padding: 0px 22px;
	font-style: normal;
	vertical-align: -4px;
	transition: all 0.2s ease;
}
.innerabout2:hover {
	color: #1079c2;
}
.innerabout2:hover::before {
	color: #1079c2;
}
.innerabout2:nth-of-type(2)::before {
	content:'\eb43';
}
.innerabout2:nth-child(3)::before {
	content:'\e0af';
}
.innerabout2:nth-child(4)::before {
	content:'\e88a';
}
.innerabout2:nth-child(5)::before {
	content:'\e531';
}



.montserrat-13-contact {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: 600;
	text-decoration: none;
	background-color: #3ed762;
	padding: 10px 14px;
	border-radius: 2px;
	transition: all 0.2s ease;
}
.montserrat-13-contact:hover {
	background-color: #1079c2;
	transition: all 0.2s ease;
}
.open-10-bread {
	font-family: 'Open Sans', sans-serif;
	font-size: 10px;
	color: #7d7c7c;
	text-decoration: none;
	letter-spacing: 1px;
}
.open-10-bread a {
	color: #7d7c7c;
}
.open-10-bread a:hover {
	color: #1079C2;
}
.open-13-nav {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #292929;
	font-weight: 400;
	text-decoration: none;
	letter-spacing: 2px;
}
.open-13-blue {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #1079C2;
	font-weight: 600;
	text-decoration: none;
	letter-spacing: 2px;
}
.open-13-red {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #f32e2e;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: 2px;
}
.open-15-lightgrey {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #c0c0c0;
	font-weight: 400;
	text-decoration: none;
	letter-spacing: 4px;
}
.open-15-lightblue {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #7ec8fc;
	font-weight: 400;
	text-decoration: none;
	letter-spacing: 4px;
}

.roboto-18-darkgrey {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #727272;
	font-weight: 400;
	line-height: 35px;
	text-decoration: none;
	letter-spacing: -0.25px;
}

.roboto-38-black {
	font-family: 'Roboto', sans-serif;
	font-size: 38px;
	color: #313131;
	font-weight: 600;
	text-decoration: none;
	letter-spacing: -0.25px;
}
.roboto-48-black {
	font-family: 'Roboto', sans-serif;
	font-size: 48px;
	color: #313131;
	font-weight: 600;
	line-height: 62px;
	text-decoration: none;
	letter-spacing: -0.25px;
}
.roboto-50-white {
	font-family: 'Roboto', sans-serif;
	font-size: 50px;
	color: #FFFFFF;
	font-weight: 600;
	text-decoration: none;
	letter-spacing: -0.25px;
}

.float-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 9px rgba(50, 50, 50, 0);
}
.float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px; 
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(50, 50, 50, 0.1) 0%, rgba(50, 50, 50, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.float-shadow:hover, .float-shadow:focus, .float-shadow:active {
  -webkit-transform: translateY(-7px);
  transform: translateY(-7px);
  /* move the element up by 5px */
}
.float-shadow:hover:before, .float-shadow:focus:before, .float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(7px);
  transform: translateY(7px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

.open-48-darkgreylight {
    font-family: 'Open Sans', sans-serif;
    font-size: 48px;
    color: #1d3544;
    text-decoration: none;
    font-weight: 600;
    line-height: 68px;
    letter-spacing: -0.75px;
}
.open-48-white {
    font-family: 'Open Sans', sans-serif;
    font-size: 48px;
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    line-height: 68px;
    letter-spacing: -0.75px;
}
.open-20-darkgrey {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #616d75;
    text-decoration: none;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.75px;
}
.open-24-white {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #ffffff;
    text-decoration: none;
    font-weight: 400;
    line-height: 44px;
    letter-spacing: -0.75px;
}
.open-20-white {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #ffffff;
    text-decoration: none;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.75px;
}
.open-35-white {
    font-family: 'Open Sans', sans-serif;
    font-size: 35px;
    color: #ffffff;
    text-decoration: none;
    font-weight: 400;
    line-height: 44px;
    letter-spacing: -0.75px;
}
.open-24-darkgrey {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #616d75;
    text-decoration: none;
    font-weight: 400;
    line-height: 44px;
    letter-spacing: -0.75px;
}
.open-34-darkgrey {
    font-family: 'Open Sans', sans-serif;
    font-size: 40px;
    color: #616d75;
    text-decoration: none;
    font-weight: 400;
    line-height: 54px;
    letter-spacing: -0.75px;
}
.open-24-black {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #333333;
    text-decoration: none;
    font-weight: 400;
    line-height: 44px;
    letter-spacing: -0.75px;
}
.asap-14-blue {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #0061a8;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 0.6px;
}
.bannertext-container {
	width: 400px;
	height: auto;
	top: 250px;
	left: 50%;
	margin-left: -460px;
	position: absolute;
	z-index: 9999;
}
.bannertext-container-bigger {
	width: 500px;
	height: auto;
	top: 250px;
	left: 50%;
	margin-left: -460px;
	position: absolute;
	z-index: 9999;
}
.banner-text-title {
	padding: 20px 0px;
	font-size: 50px;
	line-height: 50px;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	color: #ffffff;
	text-decoration: none;
}
.banner-text-main {
	padding: 0px;
	font-size: 22px;
	line-height: 26px;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	color: #ffffff;
	text-decoration: none;
}
.banner-text-small {
	padding: 0px;
	font-size: 16px;
	line-height: 16px;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	color: #ffffff;
	text-decoration: none;
}
a.o2home-package {
	display: block;
	width: 100%;
	height: 40px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;]
	color: #ffffff !important;
	text-decoration: none;
	line-height: 40px;
	background-color: #F0901D;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
}
a.o2home-package:hover {
	color: #ffffff;
}
a.o2home-package:visited {
	color: #ffffff;
}
a.o2home-view {
	display: block;
	width: 100%;
	height: 40px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 40px;
	background-color: #C057B0;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
}
a.o2home-view:hover {
	background-color: #B65CB5;
	color: #ffffff;
}
a.o2home-comfort {
	display: block;
	width: 100%;
	height: 40px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 40px;
	background-color: #FF7E43;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
}
a.o2home-comfort:hover {
	background-color: #D2714A;
	color: #ffffff;
}
a.o2home-connect {
	display: block;
	width: 100%;
	height: 40px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 40px;
	background-color: #8EC617;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
}
a.o2home-connect:hover {
	background-color: #78AD24;
	color: #ffffff;
}



.green-button {
	font-family: 'Roboto', sans-serif;
	font-size: 19px;
	font-weight: 600;
	color: #FFFFFF !important;
	text-decoration: none;
	letter-spacing: -0.2px;
	line-height: 58px;
	padding: 15px 16px 16px 18px;
	border-radius: 2px;
	background-color: #3ED762; 
	box-shadow: 0px 5px rgba(0,0,0,0.03);
}
.green-button::after {
	content:'\E315';
	font-family: 'Material Icons', sans-serif;
	display: inline-block;
	padding-left: 10px;
	vertical-align: -3.5px;
}
.green-button:hover {
	background-color: #357eb8;
	color: #FFFFFF !important;
}

.blue-button {
	font-family: 'Roboto', sans-serif;
	font-size: 19px;
	font-weight: 600;
	color: #FFFFFF !important;
	text-decoration: none;
	letter-spacing: -0.2px;
	line-height: 65px;
	padding: 20px 22px 20px 24px;
	border-radius: 2px;
	background-color: #1079C2; 
	box-shadow: 0px 5px rgba(0,0,0,0.03);
}
.blue-button::after {
	content:'\E315';
	font-family: 'Material Icons', sans-serif;
	display: inline-block;
	padding-left: 10px;
	vertical-align: -3.5px;
}
.blue-button:hover {
	background-color: #3ED762;
	color: #FFFFFF !important;
}

.white-button {
	font-family: 'Roboto', sans-serif;
	font-size: 19px;
	font-weight: 400;
	color: #333333 !important; 
	text-decoration: none;
	letter-spacing: -0.2px;
	line-height: 65px;
	padding: 20px 22px 20px 24px;
	border-radius: 2px;
	background-color: #FFFFFF; 
}
.white-button::after {
	content:'\E315';
	font-family: 'Material Icons', sans-serif;
	display: inline-block;
	padding-left: 10px;
	vertical-align: -3.5px;
}
.white-button:hover {
	background-color: #3ED762;
	color: #FFFFFF !important;
}

.red-button {
	position: absolute;
	display: block;
	width: 63px;
	height: 31px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #FFFFFF !important;
	text-decoration: none;
	line-height: 31px;
	padding-left: 13px;
	background-image:url(images/security-company/reading/security-installer_reading.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-color: #e32424;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
}
a.red-button:hover {
	background-color: #357eb8;
	color: #FFFFFF !important;
}
.red-button a {
	color: #FFFFFF;
}
a.red-button2 {
	display: block;
	width: 100%;
	height: 60px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 60px;
	background-color: #e32424;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
}
a.red-button2:hover {
	background-color: #ffffff;
	color: #357eb8;
}
.footer {
	background-image: url(images/reading-security_company.jpg);
	background-repeat: no-repeat;
}
.nav {
	background-image: url(images/reading-security1installer.png);
	background-repeat: repeat-x;
}
#topnav div.drop:hover > a.top-link {
	background-color: #50aed8;
	color: #FFF;
}
#topnav div.drop {
	position: relative;	
	width: 100%;
	height: 70px;
}
#topnav div.drop div {
	display: none;
	position: absolute;
	top: 67px;
	width: 100%;
	padding: 0px;
	z-index: 90000000000000;
	left: -23px;
}
#topnav div.drop:hover div {
	display: block !important;
}
#topnav div.drop:hover > a.montserrat-13-nav {
	color: #191919;
	border-bottom: 3px solid #3ED762;
	transition: all 0.1s ease;
}
#topnav div.drop:hover > a.top-link {
	background-color: #50aed8;
	color: #FFF;
}

/* Secondardy nav */
#topnav div.drop2 {
	position: relative;	
	width: 100%;
	height: 70px;
}
#topnav div.drop2 div {
	display: none;
	position: absolute;
	top: 67px;
	width: 100%;
	padding: 0px;
	z-index: 90000000000000;
	left: -23px;
}
#topnav div.drop2:hover div {
	display: block !important;
}
/* End */

.largesub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #3986BE;
	text-decoration: none;
}
.arial-16-grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	text-decoration: none;
}
.subgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
}
.mainblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #668393;
	text-decoration: none;
}
.blue13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #678494;
	text-decoration: none;
}
.greydash {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
}
.blue14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #668393;
	text-decoration: none;
}
.underlinebox {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #668393;
}
.greyborder {
	border: 1px solid #CCCCCC;
}
.greysmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.greymain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.map-reading {
	background-image: url(images/reading-security_installers/security-installer_reading.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.blue-14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2376BA;
	text-decoration: none;
}
.black-sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	text-decoration: none;
}
.box-style {
	background-image: url(images/security-installer-reading.png);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dashed;
	border-top-color: #CCC;
	border-bottom-color: #73A8CF;
}


.home1 {
	background-image: url(images/security-installers_reading/reading-security_installation.png);
	background-repeat: no-repeat;
}
.blue-12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3986BE;
	text-decoration: none;
}
.blue-18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #3986BE;
	text-decoration: none;
}

.blue-16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #3986BE;
	text-decoration: none;
}
.white-main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
.blue-border {
	border: 1px solid #3986BE;
}
.white-14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
}
.grey-border {
	border: 1px solid #666;
}
.lightgrey-border {
	border: 1px solid #e5e5e5;
}
.case-back {
	background-image: url(images/security-installer_henley.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.arial-red-12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F00;
	text-decoration: none;
}
.quote-back {
	background-image: url(images/security1installer.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.grey-box {
	border: solid #f2f2f2 0.12vw;
	width: 100% !important;
	padding: 15px;
	font: normal normal 15px/24px 'Open Sans', sans-serif;
	color: #5c5c5c;
}
.shadow {
	-moz-box-shadow: 0px 1px 7px 0px #4b4b4b;
	-webkit-box-shadow: 0px 1px 7px 0px #4b4b4b;
	box-shadow: 0px 1px 7px 0px #4b4b4b;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999)";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	padding: 4px;
	background-color: #FFF;
}
.quote-back {
	background-image: url(images/security-installer_reading.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.arial-white-18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	text-decoration: none;
}
.myriad-28-white {
	font-family: "Myriad Pro", myriadwebpro, Arial;
	font-size: 28px;
	color: #FFF;
	text-decoration: none;
}
.myriad-18-grey {
	font-family: "Myriad Pro", myriadwebpro, Arial;
	font-size: 18px;
	color: #CCC;
	text-decoration: none;
}
.myriad-black-sub {
	font-family: "Myriad Pro", myriadwebpro, Arial;
	font-size: 20px;
	color: #000;
	text-decoration: none;
}

.myriad-24-black {
	font-family: "Myriad Pro", myriadwebpro, Arial;
	font-size: 24px;
	color: #000;
	text-decoration: none;
}
.myriad-26-black {
	font-family: "Myriad Pro", myriadwebpro, Arial;
	font-size: 22px;
	color: #000;
	text-decoration: none;
	font-weight: lighter;
	text-transform: none;
}

.myriad-red-subhead {
	font-family: "Myriad Pro", myriadwebpro, Arial;
	font-size: 20px;
	color: #900;
	text-decoration: none;
}
.arial-11-white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	line-height: 18px;
	text-align: justify;
	text-decoration: none;
}
a.arial-11-white:hover {
	color: #00588c;
}
.arial-11-lightblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8dd5ff;
	line-height: 18px;
	text-decoration: none;
}
.arial-12-white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 18px;
	text-decoration: none;
}
.arial-12-yellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fdd417;
	line-height: 20px;
	text-decoration: none;
}
.arial-12-whitegap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 20px;
	text-decoration: none;
}
.arial-12-grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8e8e8e;
	line-height: 18px;
	text-decoration: none;
}
.arial-12-greyjust {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7c7c7c;
	line-height: 24px;
	text-align: justify;
	text-decoration: none;
}
.arial-12-red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ee3737;
	line-height: 18px;
	text-decoration: none;
}
.arial-11-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #187dc6;
	text-decoration: none;
}
.arial-11-grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: none;
}
.arial-11-lightgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a5a5a5;
	text-decoration: none;
}
.arial-11-red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cd1b1b;
	text-decoration: none;
}
.arial-13-dgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	text-decoration: none;
}

.myriad-18-white {
	font-family: "Myriad Pro", myriadwebpro, Arial;
	font-size: 18px;
	color: #FFF;
	text-decoration: none;
}
.sop {
	filter: alpha(opacity=100);
	opacity: 1;
}
.sop:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.shadow {
	-moz-box-shadow: 1px 1px 4px 0px #585858; 
	-webkit-box-shadow: 1px 1px 4px 0px #585858; 
	box-shadow: 1px 1px 4px 0px #585858; 
	/* Alas, box-shadow is not fully supported by IE < 9 */
	
}
.towersey-casestudy {
	background-image: url(images/intruder-alarms-newbury/newbury-intruder-alarms.png);
	background-repeat: no-repeat;
}
.agility3-back {
	background-image: url(images/intruder-alarms-newbury/newbury-intruder_alarms/newbury-intruder-alarms.png);
	background-repeat: no-repeat;
}
.roboto-18-black {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #000;
	font-weight:300;
}
.roboto-18-white {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 35px;
	font-weight: 300;
}
.roboto-18-whitethin {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #FFF;
	line-height: 20px;
	font-weight: 100;
}
.roboto-18-red {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #C20000;
	font-weight:300;
}

  
.roboto-40-black {
	font-family: 'Roboto', sans-serif;
	font-size: 40px;
	color: #000;
	font-weight:300;
}
.roboto-40-darkgrey {
	font-family: 'Roboto', sans-serif;
	font-size: 40px;
	color: #666666;
	line-height: 48px;
	font-weight: 300;
}
.roboto-40-lightbluebold {
	font-family: 'Roboto', sans-serif;
	font-size: 40px;
	color: #288bc3;
	line-height: 48px;
	font-weight: 500;
}

.roboto-44-lightblack {
	font-family: 'Roboto', sans-serif;
	font-size: 44px;
	line-height: 54px;
	color: #595959;
	font-weight: 300;
}
.roboto-44-blue {
	font-family: 'Roboto', sans-serif;
	font-size: 44px;
	line-height: 54px;
	color: #3986be;
	font-weight: 500;
}
.roboto-44-lightblue {
	font-family: 'Roboto', sans-serif;
	font-size: 44px;
	line-height: 54px;
	color: #9DD1EA;
	font-weight: 500;
}
.roboto-32-pink {
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	line-height: 40px;
	color: #E35EBE;
	font-weight: 300;
}
.roboto-32-orange {
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	line-height: 40px;
	color: #FF7E43;
	font-weight: 300;
}
.roboto-32-green {
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	line-height: 40px;
	color: #90C816;
	font-weight: 300;
}
.roboto-32-blue {
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	line-height: 40px;
	color: #367bb4;
	font-weight:300;
}
.roboto-32-white {
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	line-height: 40px;
	color: #FFFFFF;
	letter-spacing: -0.5px;
	font-weight: 500;
}
.roboto-36-blue {
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	color: #2c6fa6;
	font-weight:300;
}
.roboto-38-white {
	font-family: 'Roboto', sans-serif;
	font-size: 38px;
	line-height: 44px;
	color: #FFFFFF;
	font-weight: 500;
}
.roboto-14-grey {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #5c5c5c;
	font-weight:300;
}
.roboto-14-red {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #da0101;
	font-weight: 400;
}
.roboto-14-greygap {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #5c5c5c;
	line-height: 26px;
	font-weight: 300;
	text-align: justify;
	text-decoration: none;
}
.roboto-14-blackgap {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #5c5c5c;
	line-height: 26px;
	font-weight: 300;
	text-decoration: none;
}
.roboto-15-blue {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #367bb4;
	line-height: 20px;
	font-weight: 300;
	text-decoration: none;
}
.roboto-15-red {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #d10202;
	line-height: 20px;
	font-weight: 400;
}
.roboto-14-gap {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #5c5c5c;
	line-height: 22px;
	font-weight: 300;
}
.roboto-12-grey {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #898989;
	font-weight:300;
	text-decoration: none;
}
.roboto-12-lightgrey {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #acacac;
	line-height: 22px;
	font-weight: 300;
	text-decoration: none;
}
.roboto-12-greygap {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #9D9D9D;
	line-height: 18px;
	font-weight: 300;
	text-decoration: none;
}
.roboto-12-bluegap {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #367bb4;
	font-weight: 300;
	line-height: 24px;
	text-decoration: none;
}
.roboto-12-blackgap {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #505050;
	font-weight: 400;
	line-height: 24px;
	text-decoration: none;
}
.roboto-12-white {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight:300;
	text-decoration: none;
}
.roboto-20-grey {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #5c5c5c;
	font-weight:300;
	text-decoration: none;
}
.roboto-22-bluebold {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: #338bcb;
	font-weight:900;
	text-decoration: none;
	line-height: 28px;
}
.roboto-22-darkgrey {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: #545454;
	font-weight:300;
	text-decoration: none;
	line-height: 28px;
}
.roboto-22-white {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	font-weight: 300;
	text-decoration: none;
	line-height: 37px;
}
.roboto-24-grey {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	color: #5c5c5c;
	font-weight:300;
	text-decoration: none;
}
.roboto-24-white {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	color: #FFF;
	font-weight:300;
	text-decoration: none;
}
.roboto-32-white {
	font-family: 'Roboto', sans-serif;
	font-size: 35px;
	color: #FFF;
	font-weight:300;
	text-decoration: none;
}
.roboto-24-white-justify {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	color: #FFF;
	font-weight:300;
	text-decoration: none;
	text-align: justify;
	line-height: 36px;
}


.roboto-24-lightgrey {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	color: #6c6c6c;
	font-weight:300;
	text-decoration: none;
}
.roboto-24-bluebold {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	color: #357eb8;
	font-weight: 700;
	text-decoration: none;
}
.roboto-32-blackbold {
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	color: #000;
	font-weight:900;
	text-decoration: none;
}
.roboto-30-white {
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	color: #ffffff;
	font-weight:300;
	text-decoration: none;
}
.roboto-30-black {
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	color: #383737;
	font-weight: 900;
	text-decoration: none;
}
.roboto-30-darkgrey {
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	color: #666666;
	font-weight:300;
	text-decoration: none;
}
.roboto-30-bluebold {
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	color: #288bc3;
	font-weight:500;
	text-decoration: none;
}
.roboto-30-lightbluebold {
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	color: #93d5ff;
	font-weight:500;
	text-decoration: none;
}
.roboto-28-white {
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	line-height: 40px;
	color: #ffffff;
	font-weight: 300;
	font-style: italic;
	text-decoration: none;
}
.roboto-26-white {
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	line-height: 38px;
	color: #ffffff;
	font-weight: 300;
	text-decoration: none;
}
.roboto-26-lightblue {
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	line-height: 38px;
	color: #a4d5fd;
	font-weight: 300;
	text-decoration: none;
}
.roboto-13-white {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 24px;
	text-decoration: none;
}
.roboto-14-white {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-weight:300;
	text-decoration: none;
}
.roboto-14-whitegap {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #ffffff;
	line-height: 24px;
	font-weight: 300;
	text-decoration: none;
}
.roboto-14-lightblue {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #a1d4ff;
	line-height: 24px;
	font-weight: 300;
	text-decoration: none;
}
.roboto-16-lightblue {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #9cd1fd;
	font-weight: 300;
	text-decoration: none;
	line-height: 27px;
}
.roboto-16-blue {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #357EB8;
	font-weight: 300;
	text-decoration: none;
	line-height: 27px;
}
.roboto-16-lightgrey {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #a4a4a4;
	font-weight: 400;
	text-decoration: none;
	line-height: 22px;
	letter-spacing: 1px;
}

.roboto-17-blue {
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	color: #1079C2;
	font-weight: 400;
	text-decoration: none;
	line-height: 22px;
	letter-spacing: 1px;
}
.roboto-16-darkgrey {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #6c6c6c;
	font-weight: 300;
	text-decoration: none;
	line-height: 28px;
}
.roboto-16-white {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 400;
	text-decoration: none;
	line-height: 27px;
}
.roboto-16-whitegap {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: 300;
	text-decoration: none;
	line-height: 26px;
}
.circle {
	-webkit-border-radius: 400px; 
	-moz-border-radius: 400px; 
	border-radius: 400px;
}
.rounded-header {
	-webkit-border-radius: 3px 3px 0px 0px; 
	-moz-border-radius: 3px 3px 0px 0px; 
	border-radius: 3px 3px 0px 0px;
}
.rounded-footer {
	-webkit-border-radius: 0px 0px 3px 3px; 
	-moz-border-radius: 0px 0px 3px 3px; 
	border-radius: 0px 0px 3px 3px;
}
.rounded-boxmore {
	-webkit-border-radius: 8px 8px 8px 8px; 
	-moz-border-radius: 8px 8px 8px 8px; 
	border-radius: 8px 8px 8px 8px;
}
.rounded {
	-webkit-border-radius: 3px 3px 3px 3px; 
	-moz-border-radius: 3px 3px 3px 3px; 
	border-radius: 3px 3px 3px 3px;
}
.rounded-2 {
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px;
}
.rounded-3 {
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
}
.rounded-4 {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;
}
.header-back {
	background-image: url(images/security_company_reading.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.header-back2 {
	background-image: url(images/alarm-installers_reading.jpg);
	background-repeat: repeat-x;
	background-position: left center;
}
.asap-12-white {
	font-family: 'Asap', sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	line-height: 18px;
	font-weight: 700;
}

a.top-link {
	font-family: 'Asap', sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	line-height: 46px;
	font-weight: 400;
	text-transform: uppercase;
	display: block;
	height: 46px;
	width: 100%;
}
a.top-link:hover {
	background-color: #50aed8;
	color: #FFF;
}
.blue-footer-line {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7dc6f0;
}
.border-top {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cfcfcf;
}
.border-bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c3c3c3;
}
.rounded-border-grey {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #CCC;
}
.open-18-white {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 30px;
	font-style: italic;
}

/* Drop Nav Styles */

.security ul {
	list-style-type: none !important;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
	
	-moz-margin-before: 0px;
    -moz-margin-after: 0px;
    -moz-margin-start: 0px;
    -moz-margin-end: 0px;
    -moz-padding-start: 0px;
	
	margin-before: 0px;
    margin-after: 0px;
    margin-start: 0px;
    margin-end: 0px; 
    padding-start: 0px;
	
	padding-left: 0px !important;
	width: 150px;
	text-align: left;
}
.security li a {
	display: block;
	font-family: 'Asap', sans-serif;
	font-size: 11px;
	color: #FFF;
	background-color: blue;
	text-decoration: none;
	font-weight: 400;
	padding: 12px 15px;
	margin: 0 0 0 0;
	list-style: none !important;
	list-style-type: none !important;
	list-style-position: inside;
	background-color: #3778B0;
	text-transform: uppercase;
}
.security a:hover {
	background-color: #50AED8;
}
.security li a::after {
	content:'\E0B2';
	font-family: 'Material Icons', sans-serif;
	font-size: 11px;
	color: #3778B0;
	padding-left: 15px; 
	display: inline-block;
	vertical-align: 5px;
	-webkit-transform: rotate(45deg);
}
.security li a:hover::after {
	color: #ffffff;
}
.physical ul {
	list-style-type: none !important;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
	
	-moz-margin-before: 0px;
    -moz-margin-after: 0px;
    -moz-margin-start: 0px;
    -moz-margin-end: 0px;
    -moz-padding-start: 0px;
	
	margin-before: 0px;
    margin-after: 0px;
    margin-start: 0px;
    margin-end: 0px; 
    padding-start: 0px;
	
	padding-left: 0px !important;
	width: 170px;
	text-align: left;
}
.physical li a {
	display: block;
	font-family: 'Asap', sans-serif;
	font-size: 11px;
	color: #FFF;
	background-color: blue;
	text-decoration: none;
	font-weight: 400;
	text-transform: uppercase;
	padding: 12px 15px;
	margin: 0 0 0 0;
	list-style: none !important;
	list-style-type: none !important;
	list-style-position: inside;
	background-color: #3778B0;	
}
.physical a:hover {
	background-color: #50AED8;
}
.physical li a::after {
	content:'\E0B2';
	font-family: 'Material Icons', sans-serif;
	font-size: 11px;
	color: #3778B0;
	padding-left: 15px; 
	display: inline-block;
	vertical-align: 5px;
	-webkit-transform: rotate(45deg);
}
.physical li a:hover::after {
	color: #ffffff;
}
.care ul {
	list-style-type: none !important;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
	
	-moz-margin-before: 0px;
    -moz-margin-after: 0px;
    -moz-margin-start: 0px;
    -moz-margin-end: 0px;
    -moz-padding-start: 0px;
	
	margin-before: 0px;
    margin-after: 0px;
    margin-start: 0px;
    margin-end: 0px; 
    padding-start: 0px;
	
	padding-left: 0px !important;
	width: 170px;
	text-align: left;
}
.care li a {
	display: block;
	font-family: 'Asap', sans-serif;
	font-size: 11px;
	color: #FFF;
	background-color: blue;
	text-decoration: none;
	font-weight: 400;
	text-transform: uppercase;
	padding: 12px 15px;
	margin: 0 0 0 0;
	list-style: none !important;
	list-style-type: none !important;
	list-style-position: inside;
	background-color: #3778B0;
}
.care a:hover {
	background-color: #50AED8;
}
.care li a::after {
	content:'\E0B2';
	font-family: 'Material Icons', sans-serif;
	font-size: 11px;
	color: #3778B0;
	padding-left: 15px; 
	display: inline-block;
	vertical-align: 5px;
	-webkit-transform: rotate(45deg);
}
.care li a:hover::after {
	color: #ffffff;
}
.fire ul {
	list-style-type: none !important;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
	
	-moz-margin-before: 0px;
    -moz-margin-after: 0px;
    -moz-margin-start: 0px;
    -moz-margin-end: 0px;
    -moz-padding-start: 0px;
	
	margin-before: 0px;
    margin-after: 0px;
    margin-start: 0px;
    margin-end: 0px; 
    padding-start: 0px;
	
	padding-left: 0px !important;
	width: 170px;
	text-align: left;
}
.fire li a {
	display: block;
	font-family: 'Asap', sans-serif;
	font-size: 11px;
	color: #FFF;
	background-color: blue;
	text-decoration: none;
	font-weight: 400;
	text-transform: uppercase;
	padding: 12px 15px;
	margin: 0 0 0 0;
	list-style: none !important;
	list-style-type: none !important;
	list-style-position: inside;
	background-color: #3778B0;
}
.fire a:hover {
	background-color: #50AED8;
}
.fire li a::after {
	content:'\E0B2';
	font-family: 'Material Icons', sans-serif;
	font-size: 11px;
	color: #3778B0;
	padding-left: 15px; 
	display: inline-block;
	vertical-align: 5px;
	-webkit-transform: rotate(45deg);
}
.fire li a:hover::after {
	color: #ffffff;
}

.button-white {
	display: block;
	height: 60px;
	width: 220px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight:600;
	color: #000000;
	text-decoration: none;
	line-height:60px;
	font-weight: 300;
	background-color: #FFF;	
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
	}
a.button-white:hover {
    background-color: #367bb4;	
	color: #FFF;
}

.button-orange {
	display: block;
	height: 50px;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	line-height:50px;
	font-weight: 300;
	background-color: #ffa500;	
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
	}
a.button-orange:hover {
    background-color: #ffbb78;	
	color: #FFFFFF;
}

.alarms {
	background-color: #357eb8;
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23739cbd' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

/* Form Popup */
@keyframes form-out {
    0% {right: -426px;}
    25% {right: 0px;}
	75% {right: 0px;}
	100% {right: -426px;}
}
#form-contain {
	position: fixed; 
	bottom: 10vh; 
	right: -426px; 	
	transition: all 2s ease; 
	z-index: 9999999;
}
#form-contain:hover, #form-contain:active {
	right: 0px;
	transition: all 0.7s ease;
}
.form-animation {
	animation-name: form-out;
	animation-duration: 5s;
	animation-delay: 2s;
}
.form-tab {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: #FFFFFF;
	letter-spacing: 3px;
	text-transform: uppercase;
	transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
	background-color: #3ed762;
	border-radius: 2px 2px 0px 0px;
	padding: 28px 18px 28px 20px;
	margin: 117px -120px 0 -120px;
}
.form-tab::before {
	content:' ';
	padding: 3px 40px 2px 0px;
	background-image: url(images/alarm-company.png);
	background-repeat: no-repeat;
	background-position: center left;
}	
.cta-form-button {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #3c3c3c;
	letter-spacing: 3px;
	padding: 18px 28px;
	border-radius: 200px;
	background-color: #FFFFFF;
	margin-left: -8px;
}
.cta-form-button::after {
	content:'\E315';
	font-family: 'Material Icons', sans-serif;
	font-size: 13px;
	padding-left: 8px;
	vertical-align: -1px;
	color: #f81641;
	transition: all 0.2s ease;
}
.cta-form-button:hover::after {
	padding-left: 15px;
	transition: all 0.2s ease;
}


.cta-bg {
	background-color: #ffa500;
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.09' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}


.orange-button-popup {
	display: block;
	background-color: #ffa200;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0.7px;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: 700;
	line-height: 42px;
	height: 40px;
	border-radius: 4px;
	text-align: left;
	padding-left: 20px;
	background-image:url(images/includes/fire-popup/fire-alarms_nottingham.png);
	background-position: right center;
	background-repeat: no-repeat;
	text-decoration: none;
	transition: 0.2s;
}
.orange-button-popup:hover {
	background-color: #ff8400;
	color: #FFFFFF;
}

.bts-popup-sm {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 380px;
	height: 330px;
	padding: 10px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.bts-popup-sm.is-visible-sm {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}
.bts-popup-close-sm {
	position: absolute;
	background-color: #CC0234;
	bottom: 296px;
	right: -15px;
	z-index: 99999999999999999999999999999999999999999;
	border-radius: 200px;
	display: inline-block;
	height: 30px;
	width: 30px;
	transition: 0.2s;
}
.bts-popup-close-sm:hover {
	cursor: pointer;
	background-color: #EF1B2C;
}
.bts-popup-close-sm::before {
	font: normal 700 15px 'Material Icons';
	color: #ffffff;
	content: '\e14c';
	display:inline-block;
	z-index: 99999999999;
	transition: 0.2s;
	margin-top: 8px;
	margin-left: 0px;
}
.is-visible-sm .bts-popup-container-sm {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.parallax {
	background-attachment: fixed;
}


.grey-box {
	background-color: #f6f6f6;
	border-radius: 2px;
	border: 1px solid #e1e1e1;
}