@charset "utf-8";
img.sop {
	filter: alpha(opacity=60);
	opacity: 1;
}
img:hover.sop  {
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.rounded {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #EEEEEE;
}
.oxygen-11-white {
	font-family: 'Oxygen', sans-serif;
	font-size: 11px;
	color: #FFF;
	line-height: 14px;
	text-decoration: none;
	font-weight: 700;
}
.nav-11-white {
	font-family: 'Oxygen', sans-serif;
	font-size: 11px;
	color: #FFF;
	line-height: 14px;
	text-decoration: none;
	font-weight: 700;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.oxygen-11-lightblue {
	font-family: 'Oxygen', sans-serif;
	font-size: 11px;
	color: #7195be;
	line-height: 14px;
	text-decoration: none;
	font-weight: 700;
}
.exo-36-boldblue {
	font-family: 'Exo', sans-serif;
	font-size: 36px;
	color: #122b47;
	line-height: 42px;
	text-decoration: none;
	font-weight: 900;
}
.exo-22-blue {
	font-family: 'Exo', sans-serif;
	font-size: 22px;
	color: #122b47;
	line-height: 32px;
	text-decoration: none;
	font-weight: 300;
}
.exo-22-white {
	font-family: 'Exo', sans-serif;
	font-size: 22px;
	color: #FFF;
	line-height: 32px;
	text-decoration: none;
	font-weight: 300;
}

.exo-20-grey {
	font-family: 'Exo', sans-serif;
	font-size: 20px;
	color: #333;
	line-height: 32px;
	text-decoration: none;
	font-weight: 300;
}

a.exo-22-blue:hover {
	color: #FFFFFF;
}
.exo-18-white {
	font-family: 'Exo', sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 24px;
	text-decoration: none;
	font-weight: 300;
}
.exo-26-blue {
	font-family: 'Exo', sans-serif;
	font-size: 26px;
	color: #122b47;
	line-height: 36px;
	text-decoration: none;
	font-weight: 300;
}
.exo-34-white {
	font-family: 'Exo', sans-serif;
	font-size: 34px;
	color: #FFFFFF;
	line-height: 44px;
	text-decoration: none;
	font-weight: 700;
}
.roboto-18-grey {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #737373;
	text-decoration: none;
	font-weight: 300;
}
.roboto-18-boldgold {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #dfa720;
	text-decoration: none;
	font-weight: 900;
}
.roboto-12-grey {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #858585;
	text-decoration: none;
	font-weight: 300;
}
.roboto-12-black {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #333;
	text-decoration: none;
	font-weight: 300;
}

.roboto-14-grey {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #858585;
	text-decoration: none;
	font-weight: 300;
}

.roboto-15-grey {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 22px;
	color: #333;
	text-decoration: none;
	font-weight: 300;
}
.verdana-13-red {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #eb4141;
	text-decoration: none;
	font-weight: 300;
}


.roboto-12-lightblue {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #8ebee3;
	text-decoration: none;
	font-weight: 300;
}
.roboto-12-footer {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 28px;
	color: #8ebee3;
	text-decoration: none;
	font-weight: 300;
}
.roboto-16-white {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 28px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 300;
}


.testimonial-back {
	background-image: url(images/security-installer_macclesfield/security-alarms_macclesfield.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.rounded-four {
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
}
.blue-button {
	display: block;
	width: 100%;
	height: auto;
	background-color: #122b47;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: left;
	padding-left: 24px;
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	color: #FFF;
	line-height: 54px;
	background-image: url(images/security-installer_macclesfield/alarm-installer_macclesfield.png);
	background-repeat: no-repeat;
	background-position: 212px 18px;
	text-decoration: none;
}
.blue-button:hover {
	background-color: #314f70;
}
.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 1px 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.35) 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 td:hover {
  background-color: #8ebee3;
  -webkit-transition: All 0.4s ease;
	-moz-transition: All 0.4s ease;
	-o-transition: All 0.4s ease;
	-ms-transition: All 0.4s ease;
	transition: All 0.4s ease;
}
.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) */
}
.footer-back {
	background-image: url(images/security-installer_macclesfield/security-installers_macclesfield.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.blue-call-border {
	border: 1px solid #3e6e92;
}
#mobile_return {
   display: block; top: 0; left: 0; width: 100%; text-align: center; /*Leave this line alone */
   position: fixed;
   height: 2em;
   background: #fff;
}
#mobile_return a { 
   font-size: 1em; line-height: 2em; vertical-align: middle; text-decoration: none; /*Leave this line alone */
   font-family: "Helvetica Neue", Arial, sans-serif;
   color: #000;
}