@charset "utf-8";

/*

	Title # Security Solutions

	Date #  19 January 2021

*/





html {

  scroll-behavior: smooth;

}





*{ padding: 0px; margin: 0px; }



*,

*:before,

*:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  margin: 0;

  padding: 0;

}



body{ padding: 0px; margin: 0px; background: #DBDBDB; font-family: 'AvenirNextLTPro-Regular'; font-weight: normal; font-style: normal; line-height:24px; }





.body-full{ width: 100%; float: left; position: relative; background: #FFF; }

.body-full2{ width: 100%; float: left; position: relative; background: #F3F5F6; }

.body-full3{ width: 100%; float: left; position: relative; background: #50BDA7; }





img{ max-width:100%; height:auto; }





.carousel-inner > .item > img,

.carousel-inner > .item > a > img {

  /*width: 70%;*/

  margin: auto;

}



a{ text-decoration:none;outline: 0; }

a:hover{ text-decoration:none;outline: 0; }

:focus {

outline: 0;

}

button:focus {

    outline: 0 !important;

}



.table > thead > tr > th{ border:none; font-size:12px; font-weight:normal; color:#666666; } 

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{ border:none; font-size:12px; font-weight:normal; color:#000; line-height:20px; } 





/* --------------- Start Text ------------------- */

/* ================================================== Start Header ========================================================== */

header{
		width:100%;
		float: left;
		padding:70px 0px;
		position:relative;
		}

.logo{
	  width:auto;
	  float:left;
	  position:relative;
	}
	
	.logo-img{ width:213px; height:auto; }
	
	.dealer-img{ width:141px; height:auto; margin-left: 30px; }
	
.header-phone{
			  width:auto;
			  padding: 10px 0px 0px;
			  float:right;
			  position:relative;
			  font-family: 'AvenirNext-Bold'; font-size:20px; font-weight:normal; line-height:25px; color:#242629;
			}

	.header-phone a{ color:#242629; }


@media (max-width: 767px) {
	
header{
		padding:65px 0px 40px;
		}
	

	.logo{
		  width:100%;
		  text-align: center;
		}
	
		.logo-img{ width:170px; }	
		.dealer-img{ width:113px; margin-left: 25px; }
	
	.header-phone{
				  width:100%;
				  position: absolute;
				  left: 0px;
				  top: 10px;
				  z-index: 1;
				  font-size:15px; text-align: center;
				}
	
	

}


@media (max-width: 374px) {

.logo-img { width: 165px; }
.dealer-img{ width:100px; margin-left: 20px; }
	
}

/* =============================================================== End Header ================================================================== */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Top <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.top-full{ width:100%; float:left; position:relative; background: url("../img/ss-top-bg.jpg") right center no-repeat; background-size:cover; }

.top{
	 width:450px;
	 padding:20px 0px 0px;
	 float:left;
	 position:relative;
}
	
	.top h1{ font-family: 'AvenirNext-Bold'; font-size:45px; line-height:50px; font-weight:normal; color:#242629; margin-bottom:5px; }

	.top h3{ font-family: 'AvenirNext-Bold'; font-size:30px; line-height:35px; font-weight:normal; color:#242629; margin-bottom:40px; }
		.top h3 br{ display: none; }

	.top p{ font-size:14px; font-weight:normal; color:#242629; line-height:20px; margin-bottom:40px; }	
	
	.top .btn-primary{
					width:auto;
					padding:12px 20px 8px;
					background:#1775AB;
					border:1px solid #1775AB;
					border-radius:5px;
					font-family: 'AvenirNext-Bold'; font-size: 18px; font-weight:normal; color: #FFF; line-height:26px; text-align:center; display:inline-block; cursor:pointer;
					margin-bottom:0px;	
					}

.accredited-bbb{
			  width:100%;
			  padding: 100px 0px;
			  float:left;
			  position:relative;
			  text-align: right;
			}
	
	.accredited-bbb img{ width:173px; height:auto; }
					
					
@media (max-width: 1400px) {

.top-full{ background: url("../img/ss-top-bg.jpg") right bottom no-repeat; background-size:cover; }

}


@media (max-width: 767px) {
	
.top{
	 width:100%;
	 padding:0px 0px 40px;
	 text-align: center;
	}
	
	.top h1{ font-size:28px; line-height:34px; }
	.top h3{ font-size:20px; line-height:25px; text-align: left; }
		.top h3 br{ display:block; }
	.top p{ font-size:18px; line-height:24px; margin-bottom: 50px; }
	
	.top .btn-primary{
					padding:12px 15px 8px;
					font-size: 16px;
					}
	

	.accredited-bbb{ display: none; }
	
}



@media (max-width: 539px) {
	
.top p{ font-size:16px; line-height:24px; text-align:center; margin-bottom: 20px; }
	
}


@media (max-width: 479px) {
	
.top-full{ background: url("../img/ss-top-bg-mobile.jpg") right bottom no-repeat; background-size:cover; }
	

	.top h3{ font-size:18px; line-height:24px; text-align: left; min-height: 190px; }
		.top h3 br{ display:block; }
	
	.top p{ font-size:18px; line-height:24px; margin-bottom:40px; padding-right:0px; }
	.top p br{ display: none; }
	
}


@media (max-width: 375px) {
	
	.top .btn-primary{
					padding:12px 10px 8px;
					font-size: 14px;
					}
	
}
				
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Top <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start FREE SYSTEM <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



.free-system-full{ width: 100%; float: left; position: relative; background: #E5C698; }



.free-system{

			width: 100%;

			padding: 30px 0px 10px;

			float: left;

			position: relative;

			text-align: center;

			}



	.free-system h2{ font-family: 'AvenirNext-Bold'; font-size:40px; font-weight:normal; color:#242629; line-height:45px; margin-bottom: 20px; }

		.free-system h2 a{ color:#FFF; }



	.free-system p{ font-size:20px; font-weight:normal; color:#242629; line-height:30px; margin-bottom:30px; }	

		.free-system p a{ color:#242629; }	





@media (max-width: 767px) {

	

.free-system{

			padding: 20px 0px 0px;

			}

	

	.free-system h2{ font-size:30px; line-height:35px; }	

	

}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End FREE SYSTEM <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */







/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start FREE Product <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



.free-product{

			width: 100%;

			padding: 50px 0px;

			float: left;

			position: relative;

			text-align: center;

			}



	.free-product img{ max-width: 80%; margin-bottom: 40px; }



	.free-product .col-12{ padding: 0px 0px; float:left; display:inline-block; }

	

	.free-product ul{ padding:0px; margin:0px; width:100%; display: flex; flex-wrap: nowrap; }

	.free-product li{ padding:0px; margin:0px; list-style:none; width:100%; display:inline-block; text-align:center; padding:0px 10px; border-left: 1px solid #AFAFAF; vertical-align:middle; margin-bottom: 30px; }

	

	.free-product li:first-child{ border-left:0px; }



	.free-product ul li h2{ font-family: 'AvenirNext-Bold'; font-size:40px; font-weight:normal; color:#50BDA7; line-height:45px; margin-bottom:0px; }

		.free-product ul li h2 a{ color:#FFF; }



	.free-product ul li h3{ font-family: 'AvenirNext-Bold'; font-size:40px; font-weight:normal; color:#0071BA; line-height:45px; margin-bottom:0px; }

		.free-product ul li h3 a{ color:#0071BA; }

	.free-product ul li h3 span{ font-size: 18px; }



	.free-product ul li p{ font-size:18px; font-weight:normal; color:#242629; line-height:25px; margin-bottom:15px; }

		.free-product ul li p a{ color:#242629; }



	.free-product .btn-primary{

							width:auto;

							padding:12px 20px 8px;

							background:#1775AB;

							border:1px solid #1775AB;

							border-radius:5px;

							font-family: 'AvenirNext-Bold'; font-size: 18px; font-weight:normal; color: #FFF; line-height:26px; text-align:center; display:inline-block; cursor:pointer;

							margin-bottom:0px;		

							}



@media (max-width: 767px) {

	

.free-product{

			padding: 30px 0px;

			}

	

	.free-product img{ max-width: 100%; margin-bottom:20px; }



	

	.free-product ul{ display: block; }

	.free-product li{ width:100%; padding:20px 10px; border-left: 0px; border-top: 1px solid #AFAFAF; margin-bottom:0px; }

	

	.free-product li:first-child{ border-top:0px; }



	.free-product ul li h2{ font-size:35px; line-height:40px; }

	.free-product ul li h3{ font-size:30px; line-height:35px; }

	

}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End FREE Product <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */







/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Icon Body <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



.icon-body-full{ width: 100%; float: left; position: relative; background: #1F99E0; }



.icon-body{

			width:100%;

			padding:25px 0px;

			float:left;

			position:relative;

			text-align:center;

			}

			

	.icon-body ul{ padding:0px; margin:0px; width:100%; display: flex; flex-wrap: nowrap; }

	.icon-body li{ padding:0px; margin:0px; list-style:none; width:100%; display:inline-block; text-align:center; padding:0px 10px; vertical-align:middle; }	

	

	.icon-body li img{ width:auto; height:71px; margin-bottom: 15px; }

	

	.icon-body li h3{ font-family: 'AvenirNext-Bold'; font-size:20px; font-weight:normal; color:#FFF; line-height:25px; margin-bottom:10px; }

		.icon-body li h3 a{ color:#FFF; }

	

	.icon-body li p{ font-size:15px; font-weight:normal; color:#242629; line-height:22px; margin-bottom:10px; }

		.icon-body li p a{ color:#FFF; }

		



@media (max-width: 990px) {

			

.icon-body li h3{ font-size:20px; }

.icon-body li p{ font-size:14px; }

	

}



@media (max-width: 767px) {

			

.icon-body ul{ display: inline-block; }

.icon-body li{ width:100%; padding:0px 0px; margin-top:30px; }	

.icon-body li:first-child{ margin-top:0px; }

	

}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Icon Body <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */







/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Testimonial <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



.testimonial-full{ width: 100%; float: left; position: relative; background:#50BDA7; }

	.testimonial-full .container{ max-width: 1000px; }

	



	.testimonial-full .carousel{ width: 100%; }



.testimonial-body{

				width:100%;

				padding:60px 40px;

				float:left;

				position:relative;

				text-align:center;

				min-height: 360px;

				}

			

	

	.testimonial-body img{ width: 30px; margin:0px 2px 2px; }

	

	.testimonial-body h3{ font-size:24px; font-weight:normal; color:#242629; line-height:25px; margin-bottom:0px; margin-top: 30px; }

		.testimonial-body h3 a{ color:#242629; }



	.testimonial-body h4{ font-family: 'AvenirNext-Bold'; font-size:18px; font-weight:normal; color:#242629; line-height:26px; margin-bottom:0px; margin-top: 15px; }

		.testimonial-body h4 a{ color:#242629; }

	.testimonial-body h4 img{ width: auto; height: 30px; margin-right: 3px; vertical-align: text-top; }

		

	.testimonial-body p{ font-size:20px; font-weight:normal; color:#242629; line-height:30px; margin-bottom:30px; }

		.testimonial-body p a{ color:#242629; }



.left-arrow{

			width:26px;

			left:25px;

			} 



.right-arrow{

			width:26px;

			right:25px;

			}



	

@media (max-width: 1023px) {

	

.testimonial-body{

				padding:30px 40px 10px;

				min-height: 340px;

				}

	

}





@media (max-width: 767px) {

	

.testimonial-body{

				padding:30px 40px;

				min-height: inherit;

				}

	

	.testimonial-body h3{ font-size:22px; line-height:25px; margin-top: 20px; }		

	.testimonial-body p{ font-size:18px; line-height:25px; margin-bottom:20px; }

	

.left-arrow{

			left:15px;

			} 



.right-arrow{

			right:15px;

			}

			

	

}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Testimonial <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */





/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start ADT Simply <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



.adt-simply{

			 width: 100%;

			 padding: 60px 0px;

			 float: left;

			 position: relative;

			 text-align: center;

			}



	.adt-simply .col-12{ padding: 0px 0px; float:left; display:inline-block; }



	.adt-simply h2{ font-family: 'AvenirNext-Bold'; font-size:40px; font-weight:normal; color:#242629; line-height:45px; margin-bottom: 40px; }

		.adt-simply h2 a{ color:#242629; }



	.adt-simply .btn-primary{

							width:auto;

							padding:12px 20px 8px;

							background:#1775AB;

							border:1px solid #1775AB;

							border-radius:5px;

							font-family: 'AvenirNext-Bold'; font-size: 18px; font-weight:normal; color: #FFF; line-height:26px; text-align:center; display:inline-block; cursor:pointer;

							margin-bottom:0px;		

							}



	.adt-simply-left{

					 width: 46%;

					 float: left;

					 position: relative;

					margin-bottom: 25px;

					}

				

		

		.adt-simply-left ul{ padding:0px; margin:0px; }

		.adt-simply-left li{ padding:0px; margin:0px; list-style:none; font-size:16px; font-weight:300; line-height:22px; color:#232324; text-align: left; background:url(../img/ss-bullet.png) left top no-repeat; padding-left:45px; margin-bottom:15px; background-position:0 .1em; }

			.adt-simply-left li a{ color:#232324; }



	.adt-simply-right{

					 width: 46%;

					 float: right;

					 position: relative;

					 margin-bottom: 25px;

					}







@media (max-width: 767px) {

	

.adt-simply{

			 padding: 30px 0px;

			}

	

	.adt-simply h2{ font-size:30px; line-height:35px; margin-bottom: 30px; }

	

	.adt-simply .btn-primary{

							padding:12px 15px 8px;

							font-size: 16px;

							}



	.adt-simply-left{

					 width: 100%;

					}





	.adt-simply-right{

					 width: 100%;

					}

	

}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End ADT Simply <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */





/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Signup <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



.signup-body{

			 max-width: 740px;

			 padding: 60px 0px 10px;

			 margin: auto;

			 position: relative;

			text-align: center;

			}

				

	.signup-body h2{ font-family: 'AvenirNext-Bold'; font-size:40px; font-weight:normal; color:#242629; line-height:45px; margin-bottom: 25px; }

		.signup-body h2 a{ color:#242629; }



	.signup-body p{ font-size:20px; font-weight:normal; color:#242629; line-height:30px; margin-bottom: 25px; }

		.signup-body p a{ color:#242629; }



	

		



	

		.input-box-body{

					  width:670px;

					  margin: auto;

					  position:relative;

					  text-align:center;

					}



			.input-box-body .col-12{ padding: 0px 0px; float:left; display:inline-block; }

					

				.input-box{

						  width:48%;

						  float:left;

						  position:relative;

						  margin-bottom: 25px;

						}



				.input-box2{

						  width:48%;

						  float:right;

						  position:relative;

						  margin-bottom: 25px;

						}



				.input-box3{

						  width:48%;

						  float:left;

						  position:relative;

						  margin-bottom: 25px;

						  text-align: left;

						}



				.input-box4{

						  width:48%;

						  padding-top: 7px;

						  float:right;

						  position:relative;

						  margin-bottom: 25px;

						  text-align: left;

						}

				

	

					.inputbox{ font-size:16px; font-weight:400; line-height:30px; color:#9A9A9E; padding:5px 15px; height:40px; width:100%; display:inline-block; border:1px solid #D4D4D4; background:#FFF; border-radius:5px; margin-bottom:0px; }



						.inputbox::-webkit-input-placeholder{ color:#9A9A9E; opacity:1; }

						.inputbox:-moz-placeholder{ /* Firefox 18- */ color:#9A9A9E; opacity:1; }

						.inputbox::-moz-placeholder{ /* Firefox 19+ */ color:#9A9A9E;opacity:1; }

						.inputbox:-ms-input-placeholder{ color:#9A9A9E; opacity:1; }



				

					.selectbox{ font-size:16px; font-weight:400; line-height:30px; color:#9A9A9E; padding:5px 15px; height:40px; width:182px; display:inline-block; border:1px solid #D4D4D4; background:#FFF; border-radius:5px; margin-bottom:0px; margin-left: 15px; vertical-align: middle; }







	.input-box-body .btn-primary{

							width:213px;

							padding:12px 5px 8px;

							background:#1775AB;

							border:1px solid #1775AB;

							border-radius:5px;

							font-family: 'AvenirNext-Bold'; font-size: 18px; font-weight:normal; color: #FFF; line-height:26px; text-align:center; display:inline-block; cursor:pointer;

							margin-bottom:0px;		

							}

		





.signup-content{

			 max-width: 100%;

			 padding: 30px 0px 20px;

			float: left;

			 position: relative;

			text-align: center;

			}



	.signup-content p{ font-size:14px; font-weight:normal; color:#242629; line-height:22px; margin-bottom: 20px; }

		.signup-content p a{ color:#242629; }



			

@media (max-width: 767px) {

	

.signup-body{

			 max-width: 100%;

			 padding: 30px 0px 10px;

			}

				

	.signup-body h2{ font-size:30px; line-height:35px; }

	.signup-body p{ font-size:18px; line-height:28px; }





	

		.input-box-body{

					  width:100%;

					}

	

			.input-box3{

					  width:100%;

					  margin-bottom: 0px;

					  text-align: center;

					}



			.input-box4{

					  width:100%;

					  text-align: center;

					}

			



}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Signup <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */





/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Call Us <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



.call-us{

		width: 100%;

		padding: 25px 0px;

		float: left;

		position: relative;

		font-family: 'AvenirNext-Bold'; font-size:22px; font-weight:normal; color:#FFF; line-height:25px; text-align: center;

		}

	

	.call-us a{ color:#FFF; }



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Call Us <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */





/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Start Footer <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



.footer-full{ width: 100%; float: left; position: relative; background: #DBDBDB; }





footer{

	 width: 100%;

	 padding: 35px 0px 15px;

	 float: left;

	 position: relative;

	}

	

	footer img{ width:auto; height:61px; margin-bottom: 40px; }

	

	footer p{ font-size:14px; font-weight:300; color:#242629; line-height:25px; margin-bottom:20px; }

		footer p a{ color:#242629; }

		

@media (max-width: 479px) {



footer h3{ font-size:15px; line-height:20px; }

	

}

				

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> End Footer <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */