* {padding:0; margin:0; outline:none; /*font-family:Arial, Helvetica, sans-serif;*/}
@font-face {font-family:Arial, Helvetica, sans-serif;}
body {font-family:Arial, Helvetica, sans-serif;}
:root  {
	--section-padding-vertical: 80px;
	--blue: #025291; /*#006699;*/
	/* --red: #ff3333;
		--red: #993333; */
		--red: #732626;
	font-size:16px;
}
.collapse {margin-top:2px;}
	  .collapse.show {
		opacity: 1;
		height:auto;
		
	  }
	  .collapse:not(.show) {
		height: 0;
		overflow: hidden;
	  }
	  .collapsing {
		height: 0;
		overflow: hidden;
		transition: height 0.35s ease;
		margin-top:2px;
	  }
.tagline {font-size:1.7rem; font-weight:700; font-style:italic;}
h1,h2,h3,h4,h5,h6 {font-weight:bold; text-transform:uppercase; color:#222;}
h1, .article-details .article-header h1, .article-details .article-header h2 {line-height:1.1em; font-size:2rem; text-align:center;}
h1[itemprop="headline"]{margin-top: 50px;}
h2::after {
    content: "";
    height: 4px;
    width: 10%;
    background-color: #666;
    display: block;
    margin: 8px auto 20px;
}
h2.no-underline::after {
    content: "";
    height: 0;
    width: 0;
    background-color: transparent;
    display: block;
    margin: 0;
}
a.linkedin {display:none !important;} /* remove linkedin social link */
h1 span.subtitle, h2.subtitle {font-size:1rem; color:#555; line-height:.6rem;}
h1 span.subtitle {margin-top:-20px;}
h2 {font-size:1.9rem;}
h2.subtitle:after {height:0;}
.h3, h3 {font-size: 1.6rem;}
p {font-size:1.2rem; color:#555;}
p strong {color:#222; font-weight:bold;}
p.lead, p span.lead {font-weight:500 !important; color:#333;}
a {color: var(--red); transition: all .5s ease; font-weight:600;}
a:hover {color: red;}
img {margin-bottom:10px;}
img.logo-image, #image-slider img, img.logo {margin-bottom:0 !important;}
em {font-weight:600; font-stretch:extra-expanded;}
/* border radius */
	.free-quote {
		-webkit-border-radius: .3rem;
		-moz-border-radius:.3rem;
		border-radius: .3rem;}

/* top-bar */
	#sp-top-bar {
	  background: #333333 !important;
	  color: #aaaaaa;
	}
	#sp-top-bar a, #sp-top-bar i, #sp-top-bar span.fa {color:#ccc; font-size:1.1rem; padding:3px 3px;}
	#sp-top-bar a:hover, #sp-top-bar i:hover {color:#fff;}
	#sp-top-bar .sp-module {margin: auto 0 !important;}
	.sp-contact-info li {margin: 5px 0px;}
	ul.social-icons > li {line-height: 1.8;}
/* sp-header */
	#sp-header {
		background:none;
		background-color:white;
		box-shadow:0 0 15px rgba(0,0,0,.3);
		padding:5px 0;
		transition:all .7s ease;}
	#sp-header.header-sticky {box-shadow:0 0 15px rgba(0,0,0,.5); padding: 5px 0; opacity:1; transition: all .7s ease;}
	#sp-header.header-sticky.hide {top:-100px;}
	#sp-header .logo {transition: all .7s ease;}

	#sp-header img.logo-image, #sp-header img.logo-image-phone {
		display: block;
		width: auto;
		transition: all .7s ease;
	}
	#sp-header.header-sticky img.logo-image, #sp-header.header-sticky img.logo-image-phone {
		width:auto;
		padding-top:0;
		padding-bottom:0;}
	#sp-header.header-sticky .sp-megamenu-parent > li {padding: 5px 0;}
	#sp-header #offcanvas-toggler {padding-left:15px; transition: all .7s ease;}
	#sp-header #offcanvas-toggler > .fa:hover {color: #FF0000 !important;}

	/* header logo animation */
		#sp-header {height:90px;}
		#sp-header.header-sticky {height:60px;}
		#sp-header .logo {height: 80px;}
		#sp-header.header-sticky .logo {height: 50px;}
		#sp-header img.logo-image {height: 65px; margin-bottom:0;}
		#sp-header img.logo-image-phone {height: 55px; margin-bottom:0;}
		#sp-header.header-sticky img.logo-image, #sp-header.header-sticky img.logo-image-phone {height:50px;}
		#sp-header #offcanvas-toggler {height: 80px; line-height: 80px;}
		#sp-header.header-sticky #offcanvas-toggler {height: 50px; line-height: 50px;}			
		
/* menu */
	body.ltr .sp-megamenu-parent > li.sp-has-child > a::after,
	body.ltr .sp-megamenu-parent > li.sp-has-child > span::after,
	.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler::after,
	.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler::after {
	  font-family: "Font Awesome 5 Free";
	}
 
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
		font-family: Arial, Helvetica, sans-serif;
		color:#333 !important;
		font-size:1rem;
		font-weight:600;
		line-height:40px;
		margin:20px auto;
		border:2px solid transparent;
		background-color:transparent;}
	.sp-megamenu-parent > li > a:hover,
	.sp-megamenu-parent .sp-dropdown li:hover > a {color:red !important;}
	.sp-megamenu-parent > li.active > a,
	.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a,
	.sp-megamenu-parent li.sp-menu-item.sp-has-child.active span.sp-menu-separator {
		color:var(--red) !important; font-weight:bold; text-transform:uppercase; cursor:default;}
	.sp-megamenu-parent > li > a.free-quote, li > a.free-quote { background-color:var(--red); color:white !important; padding: 0 15px;}	
	.sp-megamenu-parent > li:hover > a.free-quote, li:hover > a.free-quote, li.active > a.free-quote  { background-color:white; color:var(--red) !important; border-color:var(--red); opacity:1;}
	.sp-megamenu-parent > li > a.free-quote:before, li > a.free-quote:before {
		display:inline-block;
		/*font-family:fontawesome;*/
		font-family: "Font Awesome 5 Free";
		content:"\f25a";
		padding-right: 8px;
		font-weight:900;
		}
	.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {

  opacity:1;}
	.offcanvas-menu .offcanvas-inner {padding: 0 20px 20px; margin-top:0;}
	.offcanvas-menu .offcanvas-inner .sp-module ul > li {background-color:#eee; padding:5px 10px; margin:3px 0;}
	.offcanvas-menu ul > li > a.free-quote:before {padding:0 8px;}
	.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li ul.menu-child li a {
    	font-size: 1.1rem; color: #333; background-color:#fefefe; border-bottom:1px solid #ccc;
	}
	.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
    	font-size: 1rem; padding:7px 10px; margin-left:-12px;
	}
	.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a::before {
		display:inline;
		font-family: "Font Awesome 5 Free";
		content:"\f0da";
		padding-right: 8px;
		font-weight:900;
	}
	.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li:hover a,
	.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li ul.menu-child li:hover a {
		color: var(--red);}
	.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li.current.active a,
	.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li.active span.menu-separator,
	.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li.active ul.menu-child li.current.active a {
		color: var(--red); font-weight:bold; text-transform:uppercase;
	}
	.offcanvas-menu img.logo-image-phone {width:85%; height:auto; margin-bottom:0;}
	.header-sticky .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {line-height:30px; margin:5px auto;}
	/* dropdown */
	.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {top: 80%; z-index:100; border:1px solid rgba(0,0,0,.1);}
	.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding:5px;}
	.sp-megamenu-parent .sp-dropdown li.sp-menu-item li {margin:3px auto; border:1px solid red;}
	.sp-megamenu-parent .sp-dropdown li.sp-menu-item a {display:block; background-color:#eee; padding:10px 15px;}
/* image slider */
	div.is_image-container {border-bottom:2px solid rgba(0,0,0,.2); box-shadow: 0 0 15px rgba(0,0,0,.5);}
	
/* Main Social Media */
	.social-share-icon li.a {color: var(--red) !important;}
	.article-social-share .social-share-icon ul li a {color: var(--red) !important; border-color: var(--red) !important;}
	.article-social-share .social-share-icon ul li a:hover {color: white !important; background-color: var(--red) !important; border-color: white !important;}
	
/* buttons */
	.btn {margin:9px auto;}
	.btn-danger, .btn-primary{border:2px solid transparent; font-weight:600; text-shadow:none; color:white; transition:.5s all ease;}
	.btn-danger {background-color: var(--red);}
	.btn-danger:hover {background-color: white; color:var(--red) !important; border:2px solid var(--red);}
	.btn-primary {background-color: var(--blue);}
	.btn-primary:hover, .product:hover .btn-primary, .card:hover a.btn-primary {background-color: white; color:var(--blue) !important; border:2px solid var(--blue);}
	
/* content */
	div[itemprop="articleBody"] section:not(:first-child),
	div[itemprop="articleBody"] section:not(:last-child) {margin:50px auto;}
	div[itemprop="articleBody"] section:last-child {margin: 0 auto;}
	section#sp-main-body {padding-top:0px !important;}
	.well {padding:25px !important;}
	.card {margin:10px auto; max-height:100%; padding:10px;}
	.card img {margin:0; border:2px solid rgba(0,0,0,.2);} /* margin:10pxz; */
	
	.card-body a.btn {display:block; text-align:center; min-width:70%;}
	.banneritem img {
		transition: all .5s ease-out;
		transform: scale(1);
		
		display: block;
		margin: 0 auto 10px;}
	.banneritem img:hover {transform: scale(1.1); z-index:100;}
	.float-left .banneritem img {margin-right:20px;}
	.float-right .banneritem img {margin-left:20px;}
	.lead.expand {font-size:1.3em; text-align:center; font-weight:600;}
	/*#sp-main-body {background: #fff url(../../../images/backgrounds/textureBG.png) repeat;}*/
	#sp-main-body ul.checkmark {margin:5px;}
	#sp-main-body ul.checkmark li {
		list-style:none;
		background: url("../../../images/check-mark.gif") no-repeat left top;
		font-weight:600;
		font-size:1.1rem;
		height: 70px;
		line-height:20px;
		padding-left: 50px;
		padding-top: 0px;
	}
	#sp-main-body ul.checkmark li a {
		font-weight:600;
		font-size:1.1rem;
		text-decoration:underline;}
	#sp-main-body .well.well-sm {background-color:#eee !important; border:1px solid rgba(0,0,0,.1); margin-bottom:15px;}
	#sp-main-body .well.well-sm img {border:1px solid rgba(0,0,0,.1);}
	/* video */
	#sp-main-body .embed-responsive {width:100%; margin:10px auto; border:2px solid rgba(0,0,0,.2);}
	.caption {font-weight:600; font-size:.8em;}
	/* Home Security benefits */
	#cssiBenefits {margin:30px auto; background-color:white;}
	#cssiBenefits div[class^="col-"] {
		padding:10px;
		margin-bottom:20px;
		text-align:center;}
	#cssiBenefits i {
		display:block;
		font-size:3em;
		text-align:center;
		padding-bottom:10px;
		color:#025291 !important;}
	#cssiBenefits h4 {
		color:#025291 !important;
		font-size: 1em;
		text-align: center;}
/* blog */
	.blog {text-align:justify;}
	.blog .well {background-color: rgba(0,0,0,.05);}
	.blog hr {margin:30px 40px !important;}
	.blog h3 {
		margin-bottom:25px;
		background-color: blue;
		color: white;
		padding: 5px;
	}
	.blog h4 {font-size:1.4em;}
	.blog .lead {font-weight:600 !important;}
	#blog h2, #blog h3, #blog h4, #blog p {text-align:justify;}
	#blog h3 {text-decoration:underline; text-align:left;}
	#blog img.float-start {margin:0 40px 20px 0;}
	#blog img.float-end {margin:0 0 20px 40px;}
	#blog div.quote {border-left:2px solid black;}
	
	.sp-module-title {font-weight:bold; text-decoration:underline; padding-bottom:0 !important;}
	.filters button.btn {margin:0 auto !important;}
	.badge-info {background-color: var(--blue);}
	.category-module.mod-list li a {line-height:1.4em !important;}
	.category-module.mod-list li a.active {color:var(--red);}
	.category-module.mod-list li a::before {
		display: inline;
		font-family: "Font Awesome 5 Free";
		content: "\f0da";
		padding-right: 8px;
		font-weight: 900;
	}
	table.category tbody>tr td {border: 2px solid #ccc;}
	figcaption.caption {display:block; text-align:center;}
	.blog-logo {display:block; width:80%; margin:0 auto 10px;}
	.blog-indent {margin-left:40px;}
    img.my-img-left {
      	float: none;
		margin: 0;}
    img.my-img-right {
      	float: none;
		margin: 0;}
	a.faq-item {
		border: 1px solid rgba(0, 0, 0, .3);
		border-radius: 5px;
		padding: 0 10px;
		margin-bottom: -12px;
	}
	.faq-item button {
		height: 44px;
		width: 44px;
	}

/* contact page */
	/*.contact i {margin:6px 30px 0 0; font-size: 1.25rem;*/
	#contact-form legend {text-transform:uppercase; font-weight:bold; font-size:2em;}
	.media {
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-align: start;
	  align-items: flex-start;
	}
	.media-body {
	  -ms-flex: 1;
	  flex: 1;
	}
	#address i.fa, #hours i.far, .media i.fas {
		font-size: 1.25rem !important;
		margin: 3px 7px 0 0 !important;
		
	}
	#address h5 {
		font-family: "Arial Narrow", sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
		font-stretch: extra-condensed;
		text-transform:none;
		font-size:1.3rem;}
	.contact-form {background-color:rgba(0,0,0,.2); padding:20px 15px; border:1px solid rgba(0,0,0,.2);}
	#quoteForm fieldset.button {text-align:center;}
	.form-horizontal .controls {display:block; width:100%; margin: 0 auto !important; text-align:center;}
	.btn.btn-primary.validate {text-align:center;}
	.well-dark dt span[class^="icon-"]:before {
		display:inline-block !important;
		}
	
/* privacy */
	.legal h2 {text-align:center;}
	.legal h3 {margin-top:25px; text-decoration:underline;}
	.legal h4 {margin-top:15px;}
	.legal ul p {margin-left:15px; margin-bottom:5px;}
	.legal ul li {margin-left:15px;}
	.legal #partner-privacy-policies h3 {margin-top:-5px; text-decoration:none;}

/* section */
	section[id^="sp-"] {
		padding: var(--section-padding-vertical) 0 !important;
	}
	section a.scroll i {font-size:4em; transition:1s all ease; transform: scale(.8);}
	section a.scroll i:hover {color:var(--blue); transform: scale(1);}
/* module products & services */
	section#sp-services {background: #ccc url(../../../images/backgrounds/textureBG.png) repeat;}
	section#sp-services h2, section#sp-services p.lead, section#sp-services h3 {color:black;}
	section#sp-services p a {color:var(--blue) !important;}
	section#sp-services p a:hover, section#sp-services p a.btn {color:white !important;}
	section#sp-services p a.btn-primary:hover, section#sp-services .card:hover p a.btn {color:var(--blue) !important;}
	section#sp-services .well.well-sm {
		background-color: #003366;
		padding: 40px 10px !important;}
	section#sp-services .well img {border:1px solid rgba(0,0,0,.1);}
	section#sp-services .well i {font-size:3rem !important; margin-top:10px;}
	section#sp-services .well i,
	section#sp-services .well h3,
	section#sp-services .well h4,
	section#sp-services .well p {color: #FFF !important;}
	section#sp-services .well p.lead {font-weight:bold;}
	section#sp-services .well a {font-weight:bold;}
	/*section#sp-services .well #features div(class^="col-"] {margin:15px 0;}*/
	section#sp-services .well .feature {
		/*background-color: #eee;*/
		padding: 5px 15px;
		height:100%;
		margin:15px 0 15px 0 !important;}
	section#sp-services	.feature h4 {font-size:1.3em;}
	section#sp-services	.feature i, section#sp-services	.feature h4, section#sp-services .feature p {color:white !important;}
	section#sp-services .feature p {font-size:1.1em; text-align:center;}
	section#sp-products {/*background-color:var(--blue);*/ background: var(--blue) url(../../../images/backgrounds/textureBG.png) repeat;}
	section#sp-products .product {background-color:rgba(0,0,0,.5); color:white; margin-bottom:20px; padding:5px; box-shadow:5px 5px 5px rgba(0,0,0,.3);}
	section#sp-products h2, section#sp-products p.lead, section#sp-products h3 {color:white; text-shadow: 3px 3px 3x #000;}
	section#sp-products a h4, #manufacturers h4 {padding:7px 0 3px; color:white !important; font-size:1rem;}
	section#sp-products h4, section#sp-products p {color:white !important;}
	section#sp-products p a.btn {min-width:90%;}
	#calgary-home-automation .card h4, #business-automation .card h4, #calgary-home-automation .card p, #business-automation .card p {color:#222 !important;} /* #home-automation .card p */
	#home-automation img, #business-automation img {margin:10px; border:2px solid rgba(0,0,0,.8);}
	section#sp-products .product p {padding:5px 10px; color:white; font-size:1em;}
	section#sp-products .product {transition: all .5s ease-out; z-index:1;}
	section#sp-products .product:hover {transform: scale(1.05); z-index:100; box-shadow:15px 15px 15px rgba(0,0,0,.3);}
	section#sp-products #manufacturers h6 {margin:-5px 0 20px;}
/* module quote */
	section#sp-free-quote {padding:0 !important; z-index:0 !important;}
	section#sp-free-quote #freeQuoteModule {background: #000 url(../../../images/backgrounds/Happy-Couple_576.jpg) no-repeat center top; color:white; padding:80px 20px; text-align:center;}
	section#sp-free-quote #freeQuoteModule img {width:50%; text-align:center; margin:auto; transition:.5s all ease-out;}
	section#sp-free-quote #freeQuoteModule img:hover {transform: scale(1.1); box-shadow: 0px 0px 25px black;}
	section#sp-free-quote #freeQuoteModule .introText {position:relative;}
	section#sp-free-quote #freeQuoteModule .introText .wrapper {position:absolute; bottom:0px;}
	section#sp-free-quote div.p, section#sp-free-quote div.h3, section#sp-free-quote h2 {text-shadow:2px 2px 2px black; font-weight:bold; color:white;}

	/* Home Security Systems - call to action*/
	#sp-slider {padding:0 !important;}
    section#sp-slider #homeSecuritySystems-callToAction {
      background: #000 url(../../../images/backgrounds/Home-Security-Systems-BG_576.jpg) no-repeat center center;
		color: white !important;
		padding: 30px 30px;
		text-align:center !important; 
    }
	section#sp-slider h1, section#sp-free-quote h1 {
      line-height:1.6em;
      font-size:1.1em;
      font-weight:500;
      text-align:center;
      color:white;
      text-transform:none;
      margin-bottom:10px;
      text-shadow:2px 2px 15px rgba(0,0,0,.4);}
	section#sp-slider h1 span.larger, section#sp-free-quote h1 span.larger {
      display:block;
      line-height:1em !important;
      font-size:210%;
      font-weight:bold;}
	section#sp-slider #homeSecuritySystems-callToAction p,
	section#sp-slider #homeSecuritySystems-callToAction p strong,
	section#sp-slider div.small,
	section#sp-free-quote .p,
	section#sp-free-quote .p strong,
	section#sp-free-quote div.description,
	section#sp-free-quote div.small {
      color:#eee !important;
      text-align:center;
      text-shadow:2px 2px 15px rgba(0,0,0,.5);}
	section#sp-free-quote .p strong {font-size:120%; color:#fff !important; margin-bottom:5px !important;}

	/* Free Quote Page - Call to Action */
	section#sp-free-quote .huge { margin:20px 0 !important; line-height:1.8em; text-align:center; text-shadow: 0 2px 5px rgba(0,0,0,.5) !important;color:#FFC;}
	section#sp-free-quote .huge span.larger {font-size:220%; margin-top:10px;}
	section#sp-free-quote #freeQuote-callToAction {
		background: #000 url(../../../images/backgrounds/Free-Security-Quote-BG_576.jpg) no-repeat center center;
		color: white;
		padding: 120px 0;
		text-align: center;
	}
	section#sp-free-quote #freeQuote-callToAction div.h3 {font-size:1em;}
	section#sp-free-quote h2 {font-size:2.5em;}
/* module contact */	
	section#sp-contact {
		background: #000 url(../../../images/backgrounds/CAS-Contact-Module-BG.jpg) no-repeat center bottom;
		background-attachment: fixed;
		background-size: cover;
		color: white;
		text-shadow: 0 0 15px #000;
	}
	section#sp-contact h2 {color:white;}
	#sp-contact .btn {
		width: 80%;
		margin: 5px auto;
		text-align: center;
	}
	#sp-contact p {
		font-size: 1.5em;
		font-weight: 600;
		color:#eee;
	}
	#sp-contact .lead, #sp-contact h3 {
		font-size: 2.1em;
		font-style: italic;
		padding: 0 10px;
		font-weight: 600;
		max-width: 100%;
		color:white;
	}

/* module bottom */
	#sp-bottom {padding:60px 0 40px !important;}
	#sp-bottom .menu > li {
		display: inline-block !important;
		position: relative;
		padding: 0;
		text-align: center;
		width: 50%;
		margin-bottom: 5px;
	}
	#sp-bottom h3 {
		color:white;
		text-decoration: underline #555;
		text-decoration-thickness: 2px;
		text-underline-offset: 6px;}
	#sp-bottom a {
		font-family: "Arial Narrow", sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
		font-stretch: extra-condensed;
		color:#0099cc !important;
		font-size:1.15rem;
		vertical-align:middle;
		/*line-height:24px;
		height:24px;*/
		font-stretch:condensed;
		font-weight:600;}
	#sp-bottom li a.free-quote {color:white !important; width:82%; text-align:center; margin:-10px auto auto;}
	#sp-bottom li:hover a.free-quote {color: var(--red) !important;}
	#sp-bottom li.active a {color:#ff3333 !important;}
	#sp-bottom a:hover, #sp-bottom a.free-quote:hover, #sp-bottom li.active a.free-quote:hover {color:white !important;}
	
	#sp-bottom li.active a.free-quote:hover {background-color:var(--red) !important; cursor:default;}
	#sp-bottom li.active a.free-quote {color:red !important;}
	#sp-bottom img.img-responsive {width:50%; margin:0 auto;}
	#sp-bottom .sp-module {margin-bottom:0;}
	#sp-bottom .sp-module .sp-module-title {display:block; margin:inherit auto; text-align:center;}
	#sp-bottom1,#sp-bottom2 {margin-bottom:50px;}
	#sp-footer1, #sp-footer2 a{display:block !important; text-align:center; margin:3px auto;}
	#sp-footer1 div.displayDate {font-size:1rem;}
	#sp-bottom ul.menu {justify-content: center !important;}
	/* sp-right modules */
	
/* classes */
	.red {color:red !important;}
	.blue {color: var(--blue);}
	.small {font-size:1rem !important;}
	#free-quote .well, .ourQuoteForm, .contact-form, section#sp-services .well, section#sp-services .well 		img, .well.well-sm, .feature {
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;}
	.hidden {display:none;}
	.img-responsive {
		/*display:block;*/
		max-width:100%;
		height:auto;
		text-align:center;
		margin:0 auto 10px;
	}
    .text-center, .text-center strong {
        display: block;
          text-align: center !important;
    }
@media screen and (max-width: 360px) {
    section#sp-free-quote #freeQuoteModule {background: #000 url(../../../images/backgrounds/Happy-Couple_576.jpg) no-repeat left top; color:white; padding:30px 30px; text-align:center;}
	section#sp-slider #homeSecuritySystems-callToAction {
      background: #000 url(../../../images/backgrounds/Home-Security-Systems-BG_576.jpg) no-repeat center center;
    }
}

/* Small devices (landscape phones, 576px and up)*/
@media screen and (min-width: 576px) {
	.sp-contact-info li {margin: 5px 10px;}
    section#sp-free-quote #freeQuoteModule {background: #000 url(../../../images/backgrounds/Happy-Couple_768.jpg) no-repeat center top; color:white; padding:80px 60px !important; text-align:left !important;}
    section#sp-free-quote #freeQuote-callToAction {
		background: #000 url(../../../images/backgrounds/Free-Security-Quote-BG_768.jpg) no-repeat center center;
	}
	section#sp-slider #homeSecuritySystems-callToAction {
      background: #000 url(../../../images/backgrounds/Home-Security-Systems-BG_768.jpg) no-repeat center center;
		padding: 70px 80px;
		text-align:left !important; 
    }
	section#sp-slider h1 {text-align:left;}
	div[itemprop="articleBody"] section:not(:first-child) {margin:80px auto;}
	h1, .article-details .article-header h1, .article-details .article-header h2 {font-size:2.8rem;}
	h2 {font-size:2.1rem;}
	.h3, h3 {font-size: 1.75rem;}
	.tagline {font-size: 1.9rem;}
    p {font-size:1.1rem}
	.blog-logo {display:block; width:70%;}
	#sp-main-body ul.checkmark li {font-size:1rem;}
	#sp-contact .btn {width: 60%;}
	#sp-bottom a {font-stretch:normal;}
	.contact-form {padding:20px 40px;}
    img.my-img-left {
      	float: left;
		margin: 0 20px 10px 0;}
    img.my-img-right {
      	float: right;
		margin: 0 0 10px 20px;}
  	section#sp-slider div.small,
	section#sp-free-quote h1,
	section#sp-free-quote .p,
	section#sp-free-quote .p strong,
	section#sp-free-quote div.small,
  	section#sp-free-quote div.description,
	section#sp-free-quote .huge,
  	section#sp-free-quote a {text-align:left !important;}
}
/* Medium devices (tablets, 768px and up)*/
@media screen and (min-width: 768px) {
    section#sp-free-quote #freeQuoteModule {background: #000 url(../../../images/backgrounds/Happy-Couple_992.jpg) no-repeat center top; color:white; padding:70px 80px; text-align:center;}
    section#sp-free-quote #freeQuote-callToAction {
		background: #000 url(../../../images/backgrounds/Free-Security-Quote-BG_992.jpg) no-repeat center center;}
	section#sp-slider #homeSecuritySystems-callToAction {
      background: #000 url(../../../images/backgrounds/Home-Security-Systems-BG_992.jpg) no-repeat center center;
		padding: 70px 80px;
	}
	img.service-area {margin-left:15px;}
	.blog-logo {display:block; width:60%;
	#sp-bottom .menu > li {width: 33%;}
	#sp-contact .btn {width: 80%;}
}

/* Large devices (desktops, 992px and up)*/
@media screen and (min-width: 992px) {
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	}
	a#offcanvas-toggler {display:none !important;}
    section#sp-free-quote #freeQuoteModule {background: #000 url(../../../images/backgrounds/Happy-Couple_1200.jpg) no-repeat center top; color:white; padding:80px 0; text-align:center;}
	section#sp-slider #homeSecuritySystems-callToAction {
      background: #000 url(../../../images/backgrounds/Home-Security-Systems-BG_1200.jpg) no-repeat center center;}
    #sp-top-bar a, #sp-top-bar i, #sp-top-bar span.fa {font-size:1rem; padding:0;}
    section#sp-free-quote #freeQuote-callToAction {
		background: #000 url(../../../images/backgrounds/Free-Security-Quote-BG_1200.jpg) no-repeat center center;
	}
	#sp-main-body ul.checkmark li {font-size:1rem;}
	#sp-main-body .embed-responsive {width: 90%;}

	#sp-contact .btn {width: 60%;}
	.blog-logo {display:inline-block; float:left; width:35%; margin:0 30px 10px 0;}
	#sp-bottom a {font-stretch:condensed;}
	#sp-bottom1,#sp-bottom2 {margin-bottom:30px;}
	#sp-bottom li a.free-quote {width: 96%;}
	#sp-footer1, #sp-footer2 a{text-align:inherit;}
}
@media screen and (min-width: 1100px) {
	.container {max-width: 1070px;}
}
/* Extra large devices (large desktops, 1200px and up)*/
@media screen and (min-width: 1200px) {
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
		font-family: Arial, Helvetica, sans-serif;
	}
    section#sp-free-quote #freeQuoteModule {background: #000 url(../../../images/backgrounds/Happy-Couple_1920.jpg) no-repeat center top; color:white; padding:120px 80px;}
    section#sp-free-quote #freeQuote-callToAction {
		background: #000 url(../../../images/backgrounds/Free-Security-Quote-BG_1920.jpg) no-repeat center center;}
	section#sp-slider #homeSecuritySystems-callToAction {
		background: #000 url(../../../images/backgrounds/Home-Security-Systems-BG_1920.jpg) no-repeat center center;
		padding: 120px 80px; 
    }
	h1, .article-details .article-header h1, .article-details .article-header h2 {font-size:3rem;}
	.container {max-width: 1170px;}
	#sp-main-body .embed-responsive {width: 80%;}
	#sp-bottom a {font-stretch:normal;}
}

@media screen and (min-width: 1300px) { /*and (max-width: 1399px)*/
	.container {max-width: 1270px;}
	
	
}

@media screen and (min-width: 1400px) {
	
	.container {max-width: 1370px;}
}