@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'abelregular';
    src: url('../fonts/abel-regular-webfont.woff2') format('woff2'),
         url('../fonts/abel-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'advent_promedium';
    src: url('../fonts/adventpro-medium-webfont.woff2') format('woff2'),
         url('../fonts/adventpro-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dinlight';
    src: url('../fonts/dinlight-webfont.woff2') format('woff2'),
         url('../fonts/dinlight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'advent_prolight';
    src: url('../fonts/adventpro-light-webfont.woff2') format('woff2'),
         url('../fonts/adventpro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.banner-content {
	padding-top:111px;
	text-align:center;
	color:#fff;
	font-family: 'abelregular';
	font-size:40px;
	font-weight:500;
	letter-spacing:2px;
}
h3 {
	font-family: 'abelregular';
}

.banner-bg {
	background:url(../images/banner-background.jpg) no-repeat;
	height:446px;
	width:100%;
}
.navbar-bg {
	background:url(../images/menu-bg.png) repeat-x;
	height:85px !important;
	color:#fff;
	font-family: 'advent_prolight';
	font-size:22px;
	letter-spacing:2px;
	font-weight:500;
}
.right-nav-padding {
	padding-top:15px;
}
.navbar-nav > li > a {
	color:#fff;

}
.ul-logo {
	margin-left:20px;
}
.social-bar {
	border-bottom:1px solid #1f6fb7;	
}
.social-border {
	border-left: 1px solid #989898;
	border-right: 1px solid #989898;
}
.padding {
	padding:20px 0 20px 0;
}
.about {
	margin-top:3%;
}
.highlights h2 {
    font-family: 'abelregular';
    color: #4f4f4f;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 2px;
}
.highlights ul li {
    color: #4f4f4f;
    font-family: 'dinlight';
    font-size: 18px;
    line-height: 28px;
	font-weight:bold;
    letter-spacing: .5px;
	list-style-type:none;
	/*background:url(../images/highlights-icon.png) left no-repeat;*/
	list-style-image: url(../images/highlights-icon.png);
	margin-right:20px;
	margin-bottom: 15px;
}
.applock {
	color: #4f4f4f;
    font-family: 'dinlight';
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .5px;
	text-align:center;
	background-color:#6299cc;
	padding:15px;
	color:#fff;
}
.about h2 {
	font-family: 'abelregular';
	color:#4f4f4f;
	font-size:32px;
	font-weight:bold;
	letter-spacing:2px;
}
.about h4 {
	color:#4f4f4f;
	font-family: 'dinlight';
	font-weight: bold;
	font-size:22px;
}
.about p {
	color:#4f4f4f;
	font-family: 'dinlight';
	font-size:16px;
	font-weight:bold;
	line-height:28px;
	letter-spacing:.5px;
}
.about-img {
	/*padding-top:10%;*/
}
.separator {
    height: 2px;
	width:50%;
	top:0;
    margin: 20px 0px;
    background: #db8d18;
    position: relative;
}
.separator:after {
    position: absolute;
    left: 0;
    bottom: 0;	
    height: 2px;
    width: 50%;
    background: #1f6eb7;
    content: "";
}
.separator-g {
    height: 2px;
	width:90%;
	top:0;
    margin: 20px 0px 0px 0px;
    background: #db8d18;
    position: relative;
}
.separator-g:after {
    position: absolute;
    left: 0;
    bottom: 0;	
    height: 2px;
    width: 50%;
    background: #1f6eb7;
    content: "";
}
.featues h2 {
	font-family: 'abelregular';
	color:#4f4f4f;
	font-size:32px;
	font-weight:bold;
	letter-spacing:2px;
}
.featues span {
	font-family: 'abelregular';
	color:#fff;
	letter-spacing:1px;
	font-size:28px;
	padding-left:30px;
}
.pin-bg-color {
	background-color:#6299cc;
	/*height:319px;*/
}

.pattern-bg-color {
	background-color:#e4aa52;
	/*height:319px;*/
}

.row1 {
	background-color:#6299cc;
	clear: both;
    overflow: hidden;
    position: relative;
}
.pattern-bg-color p {
	padding: 0px 52% 0 30px;
}
.pin-bg-color p {
	padding: 0px 30px 0 52%;
}
.row2 {
	background-color:#e4aa52;
	clear: both;
    overflow: hidden;
    position: relative;
}
.featues p {
	color:#fff;
	font-family: 'dinlight';
	font-size:16px;
	line-height:28px;
	letter-spacing:.5px;
}

.featues .img1 {
	width:50%;
	clear:both;
	float:left;
	overflow: hidden;
    position: relative;
	background:url(../images/ad-block-img.png) no-repeat;
	height:319px;
}
.featues .img2 {
	width:50%;
	overflow: hidden;
	float:right;
    position: relative;
	background:url(../images/app-auto-lock-img.png) no-repeat;
	height:319px;
}

.featues .lock-auto {
	width:50%;
	clear:both;
	float:left;
	overflow: hidden;
    position: relative;
	background:url(../images/app-auto-lock-img.png) no-repeat;
	height:319px;
}
.featues .adsfree {
	width:50%;
	clear:both;
	float:right;
	overflow: hidden;
    position: relative;
	background:url(../images/a-bg.jpg) no-repeat;
	height:319px;
}
.featues .threelocks {
	width:50%;
	clear:both;
	float:right;
	overflow: hidden;
    position: relative;
	background:url(../images/3-locks.png) no-repeat;
	height:319px;
}
.featues .fingerprint {
	width:50%;
	clear:both;
	float:left;
	overflow: hidden;
    position: relative;
	background:url(../images/finger-print.png) no-repeat;
	height:319px;
}

.featues .img3 {
	width:50%;
	clear:both;
	float:left;
	overflow: hidden;
    position: relative;
	background:url(../images/pin-lock-img.png) no-repeat;
	height:319px;
}

.featues .img4 {
	width:50%;
	overflow: hidden;
	float:right;
    position: relative;
	background:url(../images/pattern-lock-img.png) no-repeat;
	height:319px;
}

.featues .secure {
	width:50%;
	clear:both;
	float:left;
	overflow: hidden;
    position: relative;
	background:url(../images/secure-data.png) no-repeat;
	height:319px;
}
.featues .intruder {
	width:50%;
	clear:both;
	float:right;
	overflow: hidden;
    position: relative;
	background:url(../images/intruders.png) no-repeat;
	height:319px;
}
.featues .personalHome {
	width:50%;
	clear:both;
	float:right;
	overflow: hidden;
    position: relative;
	background:url(../images/personal-home-screen.jpg) no-repeat;
	height:319px;
}
.featues .time-unlock {
	width:50%;
	clear:both;
	float:left;
	overflow: hidden;
    position: relative;
	background:url(../images/time-lock.png) no-repeat;
	height:319px;
}
.featues .notification {
	width:50%;
	clear:both;
	float:right;
	overflow: hidden;
    position: relative;
	background:url(../images/notification.png) no-repeat;
	height:319px;
}

@media (max-width:900px) {
	.hand-app {
		display:none;
	}
}

@media (max-width:768px) {

	.panel-title {
		font-size:15px !important;
	}	
	.panel-body {
		font-size:13px !important;
	}
	
}

/*** FAQ css start ***/

    .faqHeader {
        font-size: 27px;
        margin: 20px;
    }
	
	.panel-title {
		padding: 15px 15px 15px 70px;
	}
	
	.panel-title {
		background:url(../images/faq-bg.png) no-repeat;
		height:50px;
		font-family: 'dinlight';
		font-weight:bold;
		font-size:19px;
		color:#4f4f4f;
	}
	.panel {
		margin-bottom:20px;
	}
	.panel-title:hover {
		background:url(../images/selected-faq-bg.png) no-repeat;
		color:#ff7200;
	}
	.panel-title, a:hover, a:focus {
		text-decoration:none;
	}
	.panel-heading {
		background-color:transparent !important;
		border-color:#dddddd !important;
		border-radius: none;
	}
	.panel-group .panel {
		border-radius: 0 !important;
		margin-bottom:25px !important;
	}
	.panel-body {
		font-family: 'dinlight';
		font-size:16px;
		font-weight:bold;
	}
    .panel-heading [data-toggle="collapse"]:after {
        font-family: 'Glyphicons Halflings';
        content: "\e079"; /* "play" icon */
        float: right;
        color: #F58723;
        font-size: 18px;
        line-height: 22px;
        /* rotate "play" icon from > (right arrow) to down arrow */
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .panel-heading [data-toggle="collapse"].collapsed:after {
        /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #454444;
    }
	
.faq h2 {
	font-family: 'abelregular';
	color:#4f4f4f;
	font-size:32px;
	font-weight:bold;
	letter-spacing:2px;
}
/*** FAQ css end ***/

/*** contact css start ***/
.contact-bg {
	background:url(../images/contact-bg.png) no-repeat;
	height:335px;
}
.contact-text {
	margin-top:50px;
}
.contact-text span {
	font-family: 'dinlight';
	font-size:16px;
	color:#fff;
}
.border {
	border-bottom:1px solid #fff;
	margin-right: 0 !important;
	
}
.border-last {
	/*border-bottom:1px solid #fff;*/
	margin-right: 0 !important;
	margin-top:12%
	
}
@media (max-width: 1024px) {
.empty {
	display:none;
}
}
	.contact h2 {
	font-family: 'abelregular';
	color:#4f4f4f;
	font-size:32px;
	font-weight:bold;
	letter-spacing:2px;
}

.footer {
	background-color:#db8d18;
	padding:20px 0;
	text-align:center;
	color:#fff;
	font-family: 'dinlight';
	font-size:18px;
	
}
/*** contact css end ***/

@media (max-width: 914px) {
	
.pattern-bg-color p {
   padding: 5px 20px;
}
.pin-bg-color p {
    padding: 5px 20px;;
}
.featues .img1 {
    width: 100%;
    
}
.featues .img2 {
    width: 100%;
    
}
.featues .img3 {
    width: 100%;
    
}
.featues .img4 {
    width: 100%;
    
}
.featues .threelocks {
	width: 100%;
}
.featues .lock-auto {
	width: 100%;
}
.featues .notification {
	width: 100%;
}

.featues .time-unlock {
	width: 100%;
}

.featues .intruder {
	width: 100%;
}

.featues .secure {
	width: 100%;
}

.featues .fingerprint {
	width: 100%;
}

.featues .adsfree {
	width: 100%;
}
}

.border-last h4 {
    padding: 1.5em;
    background:#db8d18;
    margin: 0.5em auto;
    font-size: 1.4em;
    color: #fff;
   text-align:center;
    border-radius: 70px;
  }
  
 .mt-3{
	 margin-top:25px;
 }
 
 .align-center-middle{
	display: flex;
    justify-content: left;
    align-items: center;
    height: 319px;
}
.align-center-middle p {
    padding: 0px 30px 0 30px;
}
.m-auto{
	margin:auto;
}
.featues .personalHome.location-lock{
	background: url(../images/location-lock.png) no-repeat;
}
.featues .time-unlock.device-protection{
	background: url(../images/device-protection.png) no-repeat;
}
.featues .personalHome.set-wallpaper{
	background: url(../images/set-wallpaper.png) no-repeat;
	    background-size: cover;
}

.featues .time-unlock.theme-last{
	background: url(../images/theme-last.png) no-repeat;
		    background-size: cover;
}