@charset "UTF-8";
/* CSS Document */
body {
	background: #fff;
	color: #333232;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	line-height: 1.2;
}
.uppercase {
	text-transform: uppercase
}
.lt_blue {
	color: #a3d4ff!important
}
.blue {
	color: #24b1f7!important
}
.vertical-align {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
.v-center {
	/* position: relative; */
	/* transform: translateY(50%); */
}
.img-responsive {
	width: 100%
}
.mb-3 {
	margin-bottom: 1rem!important;
}
#pg-lp h1, #pg-lp h2, #pg-lp h3, #pg-lp h4 {
	font-weight: 600;
}
#pg-lp h1 {
	text-align: center;
	font-size: 1.9rem;
	color: #333232;
}
#pg-lp h2 {
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.6rem;
}
#pg-lp h3 {
	font-size: 1.6rem;
	font-weight: 400;
	margin-bottom: 8px;
}
#pg-lp h4 {
	color: #2a5082;
	font-size: 1.2rem;
	display: inline;
	font-weight: 700;
}
#how_it_works .fa {
	color: #39b54a;
	font-size: 28px!important;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}
#pg-lp .lp2 {
	background: url(../img/header.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 40px 0 20px;
	min-height: 502px;
}
#pg-lp .lp2 .container {
	color: #FFF
}
#pg-lp .lp2 .container h1 {
	font-size: 2.8rem;
	color: rgb(255, 255, 255);
	text-align: left;
	margin-bottom: 4%;
}
.lp2 .container span {
	font-size: 2.9rem;
	background-color: #24B1F7;
	padding: 0 2%;
}
.satisfaction {
	position: relative;
	right: 84%;
}
#pg-lp .lp2 .container p {
	font-size: 1.6rem;
	line-height: 1.4;
	font-weight: 400;
}
#pg-lp .lp2 .container ul {
    list-style: none;
    padding: 0 10px;
}
#pg-lp .lp2 .container li {
	font-size: 1.2rem;
	line-height: 2.1;
}
.hero_button {
	background: url(../img/hero_arrows.png) center;
	height: 101px;
	width: 100%;
	padding: 10px 0 0;
}
.btn1 {
	color: #FFF;
	text-transform: uppercase;
	font-size: 1.9rem;
	font-weight: 600;
	border-style: solid;
	border-width: 2px;
	border-color: rgb(244, 244, 244);
	border-radius: 33px;
	background-color: rgb(13, 161, 34);
	box-shadow: inset 0px 0px 16px 0px rgba(0, 0, 0, 0.35);
	width: 100%;
	max-width: 514px;
	padding: 14px;
}
.media-area {
	min-height: 108px;
	background-color: #24b1f7;
}
.media-area p {
	color: #FFF;
	text-align: right;
}
.safety_features {
	min-height: 425px;
}
#pg-lp .safety_features h1 {
	margin: 40px 0;
}
.safety_bg {
	background-color: #f8f8f8;
	margin-bottom: 10px;
	border: 6px solid #FFF;
	padding: 10px;
	min-height: 108px;
}
.icon {
	margin-right: 2%;
	display: inline;
	min-width: 65px;
}
.about {
	background: url(../img/bg-about.jpg) center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 710px;
	padding-top: 40px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 3%;
	text-align: center;
}
#pg-lp .about h1, #pg-lp .about h2, #pg-lp .install h1, #pg-lp .install h2, #pg-lp .stats h1, #pg-lp .stats h2, #pg-lp .comparison h1, #pg-lp .comparison h2, #pg-lp .closer h1 {
	color: #FFF;
	margin-bottom: 20px;
}
.about p, .install p {
	color: #FFF;
	text-align: left;
	line-height: 1.6;
}
.features {
	background: url(../img/bg-features.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 1337px;
	padding-top: 40px;
	margin: 0 auto;
}
.features .feature_icons1 {
	position: relative;
	padding-top: 69px;
}
.features .feature_icons2 {
	position: relative;
	padding-top: 167px;
	margin-bottom: 8%;
}
.features h2 {
	text-align: center;
	padding: 20px 20px;
	font-weight: 400;
}
.features h3 {
	color: #7f7f7f;
}
.features b {
	color: #23B1F8
}
.features p {
	padding: 2% 30px;
	line-height: 1.4rem;
}
.install {
	background: url(../img/bg-install.jpg) center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 721px;
	padding: 40px 0;
}
.step {
	color: #2a5082;
	font-size: 1.4rem;
	padding: 5% 0;
	font-weight: 600;
}
.cta {
	font-size: 1.8rem;
	color: rgb(16, 19, 119);
	font-weight: 700;
	text-transform: uppercase;
	margin: 5% auto;
}
.button-bg {
	background: url(../img/arrows.png) center;
	height: 104px;
	width: 100%
}
.btn2, #cp_02 .btn {
	color: #FFF;
	text-transform: uppercase;
	font-size: 1.8rem;
	font-weight: 600;
	border-style: solid;
	border-width: 2px;
	border-color: rgb(244, 244, 244);
	border-radius: 33px;
	background-color: rgb(13, 161, 34);
	box-shadow: inset 0px 0px 16px 0px rgba(0, 0, 0, 0.35);
	width: 100%;
	min-height: 65px;
	max-width: 320px;
}
.testimonials {
	padding: 40px 0;
	min-height: 698px;
}
.testimonials h2 {
	padding: 20px
}
.testimonial {
	background: url(../img/testimonial-bg.png) center no-repeat;
	width: 100%;
	margin: 0 auto;
	height: 237px;
	background-size:contain;
	background-position:center;
}
.testimonial p {
	color: #707070;
	font-size: 1rem;
	font-style: italic;
	line-height: 1.4;
	padding: 10px 30px 0;
	max-width: 434px;
}
.photo {
	position: relative;
	top: -30px
}
.photo img {
	margin-right: 3%;
}
.person {
	font-size: 1rem;
	text-align: left;
	max-width: 190px;
}
.person b {
	font-size: 2rem;
}
.stats {
	background: url(../img/bg-stats.jpg) center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 688px;
	padding: 40px 0;
}
.stats_why {
	background-color: #2a5082;
	min-height: 242px;
}
.stats_why .step {
	color: #0fc728
}
.percent {
	color: #FFF;
	font-size: 2.2rem
}
.stats_why p {
	padding: 20px;
	color: #FFF;
	line-height: 1.6;
}
.stats2 {
	min-height: 596px;
	padding:40px 0;
}
.stats2 h2 {
	padding: 0 7%
}
.stats2_bg {
	background: url(../img/stats_bg.png) center 44px no-repeat;
	/* width: 100%; */
}
.comparison {
	background: url(../img/bg-comparison.jpg) center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 40px 0;
	/* min-height: 1080px; */
}
.comparison h2 {
	padding: 0 5%;
}
.comparison table {
	border-collapse: collapse;
	margin: 0 auto;
	text-align: center;
	background-color: #23B1F8;
	max-width: 1026px;
}
.comparison table td {
	border: none;
	padding: 12px;
	border-top: 0;
}
.comparison table td.table_column {
	border-right: 1px solid #999;
	border-left: 1px solid #999;
}
.comparison table tr:nth-child(even) {
	background: #f0f0f0;
	border: none;
}
.comparison table tr:nth-child(odd) {
	background: #f8f8f8;
	border: none;
}
.comparison table .logo_table {
	max-width: 239px;
}
.comparison table td.table_headers {
	font-size: 1.2rem;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	vertical-align: middle;
}
.feature_table {
	font-weight: 600;
	text-transform: uppercase;
}
.comparison table td p {
	font-size: 1rem;
	display: inline;
	line-height: 1.6;
}
.icon_x {
	color: #106995;
	font-size: 1.6rem;
}
.icon_check {
	color: #39b54a;
	font-size: 1.6rem;
}
.shadow_top {
	-moz-box-shadow: 10px 6px 6px rgba(182, 182, 182, .9);
	-webkit-box-shadow: 10px 12px 10px 6px rgba(95,95,95,0.74);
	box-shadow: 10px 12px 10px 6px rgba(95,95,95,0.74);
}
.shadow {
	-moz-box-shadow: 0 6px 6px rgba(182, 182, 182, .9);
	-webkit-box-shadow: 2px 4px 10px rgba(95,95,95,0.74);
	box-shadow: 2px 4px 10px rgba(95,95,95,0.74);
}
.guarantee {
	/* min-height: 276px; */
	font-size: 1.2rem;
	color: rgb(36, 177, 247);
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.8rem;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	}
.guarantee b {
	font-size: 1.8rem;
	color: rgb(51, 50, 50);
	font-weight: 600;
	}
.closer {
	background: url(../img/bg-closer.jpg) center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-top: 40px;
	padding-right: 0;
	padding-left: 0;
	/* min-height: 408px; */
	}
.closer .cta {
    margin: 0;
    padding:20px
	}
.footer {
	background-color: #f5f5f5;
	box-shadow: 0 3rem 3rem 0 #f5f5f5;
}
.footer a:link {
	color:#323232
}

/* common */
footer {
	padding: 30px 0;
}
/* /common */

/*RESPONSIVE*/
@media (min-width: 992px) and (max-width: 1199px) {
    .testimonial {
    }
    .testimonial p {
        font-size: 1.1rem;
        padding: 10px 30px 0;
        max-width: 460px;
    }
}
@media screen and (max-width: 1199px) {
    .navbar{
    	font-size:.9rem
    }
    #pg-lp .lp2 .container h1 {
        font-size: 2.5rem;
    }
    #pg-lp .lp2 .container span {
        font-size: 2.4rem;
    }
    #pg-lp .lp2 .container li {
        font-size: 1.1rem;
    }
    .testimonial p {
        font-size: 1.1rem;
        padding: 10px 30px 0;
        max-width: 460px;
    }
}
@media screen and (max-width: 767px) {
    .logo .navbar-brand {
        max-width: 200px!important
    }
    #pg-lp .lp2 .container h1 {
        font-size: 1.6rem;
    }
    #pg-lp .lp2 .container span {
        font-size: 1.5rem;
    }
    #pg-lp .lp2 .container p {
    font-size: 1.2rem;
	}
    .satisfaction {
        right: 23px;
        max-width: 90px;
    }
    #pg-lp .lp2 .container ul {
        padding:0;
    }
    #pg-lp .lp2 .container li {
        font-size: 1rem;
    }
    .btn1 {
    color: #FFF;
    text-transform: uppercase;
    font-size: 1.4rem;
	}
    .media-area p {
        text-align: center;
        position: relative;
        top: -10px
    }
    .cta {
    font-size: 1.4rem;
	}
    .testimonial p {
        max-width: 394px;
        font-size: 1rem;
    }
    .features {
        background: #FFF;
        background-size: 80%;
    }
    .features .row {
        margin: 0
    }
    .features h1 {
        margin: 0 auto 10px;
    }
    .features p {
        padding: 10px 0;
    }
    .features .feature_icons1 {
        padding: 0;
    }
    .features .feature_icons2 {
        padding: 0;
    }
    .stats2_bg {
        background: #FFF;
    }
    .comparison table td {
    padding: 2%;
 	}
	.comparison table td.table_headers {
    font-size: .9rem;
    padding-top: 3%;
	}
    .feature_table {
    font-size: .7rem;
 	}
    .table .fa {
        font-size: 18px!important;
    }
    .comparison table td p {
        font-size: .7rem;
    }
    .guarantee b {
    font-size: 1rem;
 }
	.guarantee p {
    font-size: .8rem;
    line-height:1.4;
 }
}
@media (min-width: 768px) and (max-width: 1024px) {
	#pg-lp .lp2 {
	min-height: 402px;
	}
	#pg-lp .lp2 .container h1 {
		font-size: 2.1rem;
	}
	.satisfaction {
		right: 88%;
	}
	#pg-lp .lp2 .container ul {
		padding: 0 4px;
	}
    #pg-lp .lp2 .container p {
    font-size: 1.1rem;
 	}
 	#pg-lp .lp2 .container li {
        font-size: .9rem;
    }
    #pg-lp h3 {
    font-size: 1.4rem;
 	}
 	#pg-lp h4 {
    font-size: 1.2rem;
	}
	.features p {
	font-size: 1rem;
	padding: 2% 10px;
	}
    .testimonial p {
        padding: 0;
        max-width: 400px;
    }
    .features {background-size: 1500px;}
    .stats_why {
    min-height: 290px;
    padding-top: 10px;
 }
}
@media (max-width: 425px) and (min-width: 320px) {
    .navbar-brand img {
        width: 75%;
    }
    #pg-lp .lp2 {
    	min-height: 0;
    	/*background: url(../img/header_sm.png) center center no-repeat;*/
    	padding: 40px 0 0;
    }
    #pg-lp .lp2 .container h1 {
        margin-bottom: 10px;
    }
    #pg-lp .lp2 .container span {
        font-size: 1.3rem;
    }
    #pg-lp .lp2 .container p {
        font-size: 1rem;
        line-height: 1.6;
        max-width: 340px
    }
    #pg-lp .lp2 .container li {
        font-size: .82rem;
    }
    .btn1 {
        font-size: 1.1rem;
        max-width: 414px;
    }
    .testimonial p {
        font-size: .75rem;
        line-height: 1.8;
        max-width: 340px;
    }
    .person b {
    font-size: 1.5rem;
	}
	.stats_why {
    min-height: 217px;
	}
	.comparison table .logo_table {
    max-width: 74px;
 }
	.table .fa {
        font-size: .6rem!important;
    }
    .comparison table td {
    padding: 1%;
	}
    .comparison table td.table_headers {
        font-size: .5rem;
        padding: 4% 2%;
    }
    .comparison table td p {
    font-size: .5rem;
 }
    .feature_table {
        font-size: .5rem;
    }
}
@media (max-width: 374px) and (min-width: 320px) {
    #pg-lp .lp2 .container h1 {
        font-size: 1.2rem;
    }
    #pg-lp .lp2 .container span {
        font-size: 1.1rem;
    }
    #pg-lp .lp2 .container p {
        font-size: 1rem;
        line-height: 1.4;
        max-width: 340px
    }
    #pg-lp .lp2 .container li {
        font-size: .68rem;
    }
}