@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

/*======================================
GENERAL 
======================================*/

body {background-color:#FFF; font-family: 'Open Sans', sans-serif; font-size:16px;	font-weight:400; color:#333; padding:0;	margin:0; 	overflow-x: hidden;}  


a {color: #1968b3;  outline: 0 none;  text-decoration:none; transition:all ease-in-out 0.3s;}

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

a:active,
a:hover,
a:focus{
  color: #333333;
}

p a {
	color:#1968b3;
}

img {border-style: none; height: auto; max-width: 100%; vertical-align: middle;}

hr {clear:both;}

section, 
article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
#header, 
hgroup, 
main, 
menu, 
nav, 
summary {display:block;}

address {font-style:italic;}

table {background-color: transparent;    width: 100%;}
table thead th {color:#333;}

table td {padding:15px 10px;}

@media only screen and ( max-width:360px){
table td {word-break: break-all;}
}

p, 
address, 
pre, 
hr, 
ul, 
ol, 
dl, 
dd, 
table {
	margin-bottom:24px;
}

.overflow-hide {
	overflow:hidden;
}
.overflow-auto {
	overflow:auto;
}
.clear { 
	clear:both; 
}
.pull-none { 
	float:none;
}
::selection {
	background: #06b51a;
	color: #fff;
}

::-moz-selection {
	background: #06b51a;
	color: #fff;
}

::-webkit-selection {
	 background: #06b51a;
	 color: #fff;
}

.section {
	padding:100px 0;
}

@media only screen and (max-width:768px) {
	.section {
		padding:60px 0;
	}	
}

/*======================================
	HEADING & TITLE 
======================================*/

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  margin-bottom:24px;
}
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a {
  color:#000;
}
h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
h4 a:hover, 
h5 a:hover, 
h6 a:hover {
  color:#333333;
}


h1 {  font-weight: 700;	  font-size: 40px;  line-height:46px;  color:#000;}

h2 {  font-weight: 700;	  font-size: 30px;  line-height:36px;  color:#000;}

h3 {  font-weight: 700;	  font-size: 24px;  line-height:26px;  color:#000;  margin-bottom:20px;}

h4 {  font-weight: 700;	  font-size: 20px;  line-height:24px;  color:#000;  margin-bottom:15px;}

h5 {  font-weight: 700;	  font-size: 16px;  line-height:22px;  color:#000;  margin-bottom:10px;}

h6 {  font-weight: 700;	  font-size: 14px;  line-height:20px;  color:#000;  margin-bottom:10px;}

.display-inline{display:inline;}
.display-inline-block{display:inline-block;}
.display-block{display:block;}

.heading {
	position:relative;
	text-align:center;
	margin-bottom:50px;
}
.heading:after {
	content:" ";
	width:325px;
	border-bottom:solid 1px #CCC;
	display:inline-block;
}
.heading:before {
	content:" ";
	display:inline-block;
	width:80px;
	height:5px;
	background:#06b51a;
	position:absolute;
	bottom:4px;
	left:50%;
	margin-left:-40px;
}
.heading h2 {
	margin-bottom:0;
	line-height:36px;
}

#page-heading {
	background:url(../images/bg-enquire.png);
	text-align:center;
}
#page-heading .overlay {
	background: rgba(230,230,230,0.60);
}
#page-heading h1 {
	font-size:48px;
	color:#06b51a;
}

/*======================================
	TEXT & PARAGRAPH 
======================================*/

p {  line-height:24px;  margin-bottom:10px;}
strong { 	font-weight:600;}


/*-------------------------------------
		text size
------------------------------------ */
.font-12 { 	font-size:12px;	line-height:18px;}
.font-14 { 	font-size:14px;	line-height:20px;}
.font-16 { 	font-size:16px;	line-height:22px;}
.font-18 { 	font-size:18px;	line-height:24px;}
.font-20 { 	font-size:20px;	line-height:26px;}
.font-22 { 	font-size:22px;	line-height:28px;}
.font-24 { 	font-size:24px;	line-height:30px;}
.font-26 { 	font-size:26px;	line-height:32px;}
.font-28 { 	font-size:28px;	line-height:34px;}
.font-30 { 	font-size:30px;	line-height:36px;}
.font-32 { 	font-size:32px;	line-height:38px;}
.font-34 { 	font-size:34px;	line-height:40px;}
.font-36 { 	font-size:36px;	line-height:42px;}
.font-38 { 	font-size:38px;	line-height:44px;}
.font-40 { 	font-size:40px;	line-height:46px;}
.font-50 { 	font-size:50px;	line-height:56px;}
.font-60 { 	font-size:60px;	line-height:66px;}
.font-70 { 	font-size:70px;	line-height:76px;}
.font-80 { 	font-size:80	px;line-height:86px;}

/*-------------------------------------
		text bold
------------------------------------ */
.font-weight-300{font-weight:300;}
.font-weight-400{font-weight:400;}
.font-weight-600{font-weight:600;}
.font-weight-700{font-weight:700;}

/*======================================
 	LISTING STYLES 
======================================*/

dl, ul, ol {list-style-position: outside ;	padding:0;}
ul, ol {margin-bottom:24px;}

ul li,
ol li {padding:0;}

dl {margin-left:0;	margin-bottom:30px;}
dl dd{margin-bottom:10px;}
.list-simple li{margin-bottom:10px;}

.list-simple li ul{margin-left:15px;	margin-top:10px;}

.list-simple.list-unstyled li ul{margin-left:30px;	margin-top:10px;}
.list-unstyled li:before { display:none !important;}

.list-circle,
.list-angle-right,
.list-arrow,
.list-check,
.list-checked,
.list-check-circle,
.list-chevron-circle,
.list-arrow-circle,
.list-times-circle {
    margin: 0 0 20px 0;
	padding:0;
	list-style:none; 
}

.list-circle li,
.list-angle-right li,
.list-arrow li,
.list-check li,
.list-checked li,
.list-check-circle li,
.list-chevron-circle li,
.list-arrow-circle li,
.list-times-circle li {
    padding:5px 5px 5px 25px;
    position: relative;
}

.list-circle li:before,
.list-angle-right li:before,
.list-arrow li:before,
.list-check li:before,
.list-checked li:before,
.list-check-circle li:before,
.list-chevron-circle li:before,
.list-arrow-circle li:before,
.list-times-circle li:before {
	font-family: "FontAwesome";
	position: absolute;
	left: 0;
	top: 7px;
	display: block;
	font-size:15px;
	color:#000;
}

.list-circle li:before{top:6px;	font-size:10px;}

.list-circle li:before { content: "\f111"; }
.list-angle-right li:before { content: "\f105" !important; }
.list-arrow li:before { content: "\f0da"; }
.list-check li:before { content:"\f00c"; }
.list-checked li:before { content:"\f046"; }
.list-check-circle li:before { content:"\f058"; }
.list-chevron-circle li:before { content:"\f138"; }
.list-arrow-circle li:before { content:"\f0a9"; }
.list-times-circle li:before { content:"\f057"; }

/*-------------------------------------
		listing before icon color css
-------------------------------------*/
ul.primary li:before {color:#ffbc13;}
ul.secondary li:before {color:#77C04B;}
ul.black li:before {color:#000;}
ul.white li:before {color:#fff;}
ul.orange li:before {color:#FF6600;}
ul.green li:before {color:#00CC00;}
ul.red li:before {color:#FF3737;}

dl.no-margin, 
ul.no-margin, 
ol.no-margin {	margin:0px !important;	list-style:none;}

/*-------------------------------------
		listing before numbers
-------------------------------------*/
ol.list-num-count {counter-reset:li;	padding-left:0;}
ol.list-num-count > li {position:relative;	margin:0 0 6px 30px;	padding:4px 8px;	list-style:none;}
ol.list-num-count > li:before {
	content:counter(li , decimal);
	counter-increment:li; 
	position:absolute;
	top:0;
	left:-28px;
	width:28px;
	height:28px;
	padding:5px;
	color:#fff;
	background:#000;
	font-weight:bold;
	text-align:center;
	font-size:12px;
}
ol.list-num-count.lower-alpha > li:before {	content:counter(li , lower-alpha);}
ol.list-num-count.upper-alpha > li:before {content:counter(li , upper-alpha);}
ol.list-num.list-outline > li:before {border:1px solid #000;background-color:transparent;color:#000;}
ol.list-num.list-outline-none > li:before {background-color:transparent;	color:#000;}



ol.list-num-count {counter-reset:li;	padding-left:0;}
ol.list-num-count > li {position:relative;	margin:0 0 6px 30px;	padding:4px 8px;	list-style:none;}
ol.list-num-count > li:before {
	content:counter(li , decimal);
	counter-increment:li; 
	position:absolute;
	top:0;
	left:-28px;
	width:28px;
	height:28px;
	padding:5px;
	color:#fff;
	background:#000;
	font-weight:bold;
	text-align:center;
	font-size:12px;
}
ol.list-num-count.lower-alpha > li:before {	content:counter(li , lower-alpha);}
ol.list-num-count.upper-alpha > li:before {content:counter(li , upper-alpha);}
ol.list-num-count.list-outline > li:before {border:1px solid #000;background-color:transparent;color:#000;}
ol.list-num-count.list-outline-none > li:before {background-color:transparent;	color:#000;}



/*-------------------------------------
		colum gap less
-------------------------------------*/
.no-col-gap [class*="col-xs-"],
.no-col-gap [class*="col-sm-"],
.no-col-gap [class*="col-md-"],
.no-col-gap [class*="col-lg-"] {
	padding-left:0;
	padding-right:0;
}	


/*======================================
	COLOR
======================================*/

/*-------------------------------------
		text
-------------------------------------*/
.text-white{color:#fff;}
.text-primary{color:#f1285e;}
.text-secondary{color:#ed6932;}
.text-black{color:#000;}
.text-gray{color:#f5f6f6;}
.text-gray-dark{color:#d3d3d3;}
/*-------------------------------------
		background color
-------------------------------------*/
.bg-transparent{background-color:transparent;}
.bg-primary{background-color:#f1285e;}
.bg-secondary{background-color:#ed6932;}
.bg-white{background-color:#FFF;}
.bg-black{background-color:#000;}
.bg-black-light{background-color:#212121;}
.bg-gray{background-color:#f6f7f8;}
.bg-gray-light{background-color:#f1f1f1;}
.bg-gray-dark{background-color:#d3d3d3;}

/*-------------------------------------
		background image
-------------------------------------*/
.bg-parallax { 
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
@media only screen and (max-width:768px) {
.bg-parallax { 
	background-attachment: fixed !important;
	background-position: center !important;
	background-repeat: no-repeat;
	background-size: cover;
}	
}


/*======================================
	OVERLAY ( transparient box style  )
======================================*/

.overlay-wraper {position:relative ;}
.overlay-main {position:absolute; 	left:0; 	top:0;	width:100%;	height:100%;	opacity:0.5;}

.opacity-01{opacity:0.1;}
.opacity-02{opacity:0.2;}
.opacity-03{opacity:0.3;}
.opacity-04{opacity:0.4;}
.opacity-05{opacity:0.5;}
.opacity-06{opacity:0.6;}
.opacity-07{opacity:0.7;}
.opacity-08{opacity:0.8;}
.opacity-09{opacity:0.9;}

.overlay-light .overlay-main {	opacity:0.3;}
.overlay-dark .overlay-main {	opacity:0.9;}

.overlay-wraper > .container,
.overlay-wraper > .container-fluid,
.overlay-wraper >  .wt-icon-box-wraper,
.overlay-wraper > .wt-left-part,
.overlay-wraper > .wt-right-part{ 
	position:relative;
	z-index:1; 
}


/*-------------------------------------
		Border
-------------------------------------*/
.bdr-white{border-color:#ffffff;}
.bdr-black{border-color:#000000;}
.bdr-primary{border-color:#f1285e;}
.bdr-secondary{border-color:#ed6932;}
.bdr-gray{border-color:#dddddd;}
.bdr-gray-light{border-color:#eeeeee;}
.bdr-gray-dark{border-color:#333333;}

.bdr-1,
.bdr-2,
.bdr-3,
.bdr-4,
.bdr-5 {
	border-style:solid;	 
}
.bdr-dot-1,
.bdr-dot-2,
.bdr-dot-3,
.bdr-dot-4,
.bdr-dot-5 {
	border-style:dotted;	 
}
.bdr-dash-1,
.bdr-dash-2,
.bdr-dash-3,
.bdr-dash-4,
.bdr-dash-5 {
	border-style:dashed;	 
}
.bdr-1 {	border-width:1px;	 }
.bdr-2 {	border-width:2px;	 }
.bdr-3 {	border-width:3px;	 }
.bdr-4 {	border-width:4px;	 }
.bdr-5 {	border-width:5px;	 }


/*======================================
10. IMAGES OVERLAY EFFECTS (overly animation on images)  
======================================*/
.gradi-black:before,
.gradi-black:after,
.gradi-white:before,
.gradi-white:after{
	content:"";
	background:#000;
	position:absolute; 
	left:0; 
	top:0; 
	width:0; 
	height:0;
	opacity:0.4; 
	z-index:1;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}


/*-------------------------------------
		Gradient-black
-------------------------------------*/
.gradi-black:before{
	width:100%;
	height:100%;
	opacity:1;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 90%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 90%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 90%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
/*-------------------------------------
		Gradient-white
-------------------------------------*/
.gradi-primary:before{
	width:100%;
	height:100%;
	opacity:1;
	background: rgb(240,72,63); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(240,72,63) 0%, rgb(241,10,124) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(240,72,63) 0%,rgb(241,10,124) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(240,72,63) 0%,rgb(241,10,124) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0483f', endColorstr='#f10a7c',GradientType=0 ); /* IE6-9 */
	
}

/*======================================
11. shortcodeS 
======================================*/
/*-------------------------------------
	Form
--------------------------------------- */

.form-custom {
}
.form-custom .form-control {
	height:50px;
}
.form-registration .validation-advice {
	font-size:14px;
	color:#F00;
}

.form-registration .form-group {
	position:relative;
}
.form-registration .form-control {
	height:55px;
	border-right:none;
	border-left:none;
	border-top:none;
	border-bottom:solid 2px #CCC;
	border-radius:0;
	height:45px;
	margin-top:25px;
}
.form-registration .form-control:focus {
	outline:none;
	box-shadow:none;
}



.focus-input2{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none; font-family: 'Open Sans', sans-serif !important;}.focus-input2::before{content:"";display:block;position:absolute;bottom:0px;left:0;width:0;height:2px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;background:#06b51a;background:-webkit-linear-gradient(45deg,#06b51a,#cce605);background:-o-linear-gradient(45deg,#06b51a,#cce605);background:-moz-linear-gradient(45deg,#06b51a,#cce605);background:linear-gradient(45deg,#06b51a,#cce605)}.focus-input2::after{font-family: 'Open Sans', sans-serif !important; font-size:14px !important; content:attr(data-placeholder);display:block;width:100%;position:absolute;top:0;left:0;font-family:Poppins-Regular;font-size:13px;color:#999;line-height:1.2;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}input.form-control{height:45px}input.form-control+.focus-input2::after{top:16px;left:0}textarea.form-control{min-height:115px;padding-top:13px;padding-bottom:13px}textarea.form-control+.focus-input2::after{top:16px;left:0}.form-control:focus+.focus-input2::after{top:-13px}.form-control:focus+.focus-input2::before{width:100%}.has-val.form-control+.focus-input2::after{top:-13px}.has-val.form-control+.focus-input2::before{width:100%}



.form-registration .checkbox {
	font-size:12px;
	line-height:16px;
}
.form-registration .checkbox p {
	line-height:16px;
}
.form-registration .validation-advice:before {
	content:"↑";
	font-size:18px;
	display:inline-block;
	margin:0 5px;
}
.form-registration .validation-failed {
    border-bottom: 2px solid #eb340a;
}


/*-------------------------------------
	1. Buttons 
--------------------------------------- */

/* 1.1 theme default button */
.btn {	padding:10px 25px;  border-radius:25px;	-webkit-border-radius:25px; 	-moz-border-radius:25px; text-transform:uppercase; font-weight:700;}

.btn-primary,
.btn-secondary {
	display: inline-block; 
	font-size:16px; 
	outline: none; 
	cursor: pointer; 
	outline: none; 
	border-width:0;
	border-style:solid;
	border-color:transparent;
	line-height:1.42857;
	margin-left:-1px; 
	text-decoration: none !important;
}
.btn-primary, .btn-secondary{color: #fff;}
.btn-primary {
	background:#06b51a;
	border:solid 2px transparent;
}
.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus,
.active > .btn-primary { 
	background:none;
	border:solid 2px #06b51a;
	color:#06b51a;
}

.btn-secondary {
	background:#222222;	
	border:solid 2px transparent;
}
.btn-secondary:active,
.btn-secondary:hover,
.btn-secondary:focus,
.active > .btn-secondary {
	background:none;
	border:solid 2px #222222;
	color:#222222;
	}

.btn-primary.btn-outline {
	background:none;
	border:solid 2px #06b51a;
	color:#06b51a;
}
.btn-primary.btn-outline:hover {
	background:#06b51a;
	color:#FFF;
}
.btn-secondary.btn-outline {
	background:none;
	border:solid 2px #222222;
	color:#222222;
}
.btn-secondary.btn-outline:hover {
	background:#222222;
	color:#FFF;
}
/* button size */
.btn-sm {padding: 5px 10px; 	font-size: 12px;}
.btn-lg {padding:10px 25px ; 	font-size: 18px;}
.btn-xl {padding:25px 50px; 	font-size:24px;}

#down-arrow {
	border-radius:50%;
	position: absolute;
	left: 50%;
	bottom: 0px; 
	transform: translate(-50%, 0);
	width:50px;
	height:50px;
	margin-left:-10px;
	z-index:99;
	cursor: pointer;
}
#down-arrow:before {
	content:" ";
	display:inline-block;
	box-sizing: border-box;
	height:20px;
	width: 20px;
	border-style: solid;
	border-color: #000;
	border-width: 0px 1px 1px 0px;
	transform: rotate(45deg);
	transition: border-width 150ms ease-in-out;
	position:absolute;
	top:7px;
	left:4px;
}

#down-arrow:after {
	content:" ";
	display:inline-block;
	box-sizing: border-box;
	height: 20px;
	width: 20px;
	border-style: solid;
	border-color: #000;
	border-width: 0px 1px 1px 0px;
	transform: rotate(45deg);
	transition: border-width 150ms ease-in-out;
	position:absolute;
}

.bounce, #down-arrow  {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}
@-moz-keyframes bounce, @-moz-keyframes #down-arrow {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


.page-content {
	position:relative;
	z-index:1;
	background:#FFF;
}

/*======================================
	HOME PAGE
======================================*/

/*-------------------------------------
		Navbar
--------------------------------------- */
#header {
	position:fixed;
	width:100%;
	background:transparent;
	z-index:9;
	height:90px;
	transition:all ease-in-out 0.3s;
}
#header.color-fill {
	background:#FFF;
	height:70px;
	-webkit-box-shadow: 0 8px 30px -6px #DDD;
       -moz-box-shadow: 0 8px 30px -6px #DDD;
            box-shadow: 0 8px 30px -6px #DDD;
}

#header.color-fill .navbar-brand {
	width:150px;
}
.navbar {
	padding-left:0;
	padding-right:0;
}

.navbar-brand {
	margin-right:auto;
	transition:all ease-in-out 0.3s;
}
.navbar-collapse {
    flex-grow: inherit;
}
.color-fill .navbar-collapse {
	margin-top:0px;
}
.navbar-nav .nav-link {
	font-weight:600;
	color:#000;
	text-transform:uppercase;
	padding-left:20px !important;
	padding-right:20px !important;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	color:#06b51a;
}
.navbar-nav .nav-link:hover {
	color:#06b51a !important;
}

.cms-quick-heal-home-security .nav-home a, .cms-quick-heal-home-security-resources .nav-resources a, .cms-quick-heal-home-security-faqs .nav-faq a, .cms-quick-heal-home-security-setup .nav-setup a, .cms-quick-heal-home-security-configuration-videos .nav-videos a {
	color:#06b51a !important;
}

.top-links {
	font-weight:600;
	border-left:solid 1px #06b51a;
	padding-left:20px;
	color:#06b51a;
}
.top-links a {
	color:#06b51a;
}
.top-links a:hover {
	color:#000;
}
@media (max-width:768px){
	.navbar-collapse {
		background:#FFF;
	}
}

/*-------------------------------------
		Banner
--------------------------------------- */

.banner {
	background:url(../images/banner-bg.jpg) no-repeat fixed center;
	background-size:cover;
	padding:120px 0 120px 0;
	position:relative;
}
.banner-content {
	padding-top:10px;
}
.banner-img img {
	width:100%;
}
.banner-content .btn {
	margin-top:15px;
	margin-right:10px;
}

/*-------------------------------------
		Highlights
--------------------------------------- */

#sec-highlights {
}

#sec-highlights h3 {
	font-size:22px;
	font-weight:600;
	margin-top:15px;
}
#sec-highlights .icon {
	margin-top:15px;
	display:inline-block;
}
#sec-highlights .icon:before {
	font-size:62px;
	color:#06b51a;
	transition:all ease-in-out 0.5s;
}
#sec-highlights .col-md-4:hover .icon:before{
	color:#000;
}

/*-------------------------------------
		About App
--------------------------------------- */

#about-app {
	background:url(../images/ptn-1.png);
}
.block-about-app-content {
	padding-top:100px;
	padding-bottom:100px;
}
.block-about-app-content .app-info {
	border:solid 1px #CCC;
	padding:20px;
	margin-bottom:20px;
	transition:all ease-in-out 0.3s;
}
.block-about-app-content .app-info:hover {
	border:solid 1px #06b51a;
	background:#e7ffea;
	cursor:pointer;
}
.block-about-app-content .app-info:hover h3 {
	color:#06b51a;
}
.block-about-app-content .app-info a {
	color:#333;
}
.block-about-app-content .app-info h3 {
	font-size:20px;
	font-weight:600;
	margin-bottom:10px;
	border-left:solid 3px #CCC;
	padding-left:15px;
	transition:all ease-in-out 0.3s;
}
.block-about-app-content .app-info p {
	font-size:15px;
	margin-bottom:0;
}
.block-about-app-img {
	vertical-align:bottom;
}
.block-about-app-img img {
	position:absolute;
	bottom:0;
}

@media (max-width:768px){
	.block-about-app-content {
		padding-bottom:30px;
	}
	.block-about-app-img img {
		position:relative;
	}
}

/*-------------------------------------
		Features
--------------------------------------- */

#sec-features {
}
#sec-features .icon {
	font-size:42px;
	display:inline-block;
	float:left;
	width:42px;
}
#sec-features .icon:before {
	color:#06b51a;
}
.feature-content {
	padding-left:52px;
	margin-bottom:25px;
}
.feature-content h4 {
	font-size:18px;
	margin-bottom:5px;
}

/*-------------------------------------
		Video
--------------------------------------- */
#sec-video {
	background:url(../images/bg-video.jpg) no-repeat fixed center;
	text-align:center;
	position:relative;
}
.overlay {
    content: " ";
    display: block;
    background: rgba(0,0,0,0.75);
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
	padding:120px 0;
}
#sec-video h2 {
	color:#FFF;
}
.btn-play {
	background:#06b51a url(../images/icon-play.png) center no-repeat;
	color:#FFF;
	text-transform:uppercase;
	border-radius:50%;
	width:120px;
	height:120px;
	display:inline-block;
}
.btn-play:hover {
	border:solid 3px #FFF;
	background-color:transparent;
}

/*-------------------------------------
		Technical Specifications
--------------------------------------- */

.tab-spec {
	border-bottom:solid 1px #CCC;
}
.tab-spec .nav-link {
	font-weight:600;
	color:#999;
	line-height:18px;
	padding:5px 9px 20px 9px;
	border-radius:0;
	position:relative;
}
.tab-spec .nav-link.active, .tab-spec .show>.nav-link {
	background:transparent;
	color:#06b51a;
	border-bottom:solid 1px #06b51a;
	margin-bottom:-1px;
}
.tab-spec .nav-link.active:after, .tab-spec .show>.nav-link:after {
	  content:" ";
  	  width: 0; 
	  height: 0; 
	  border-left: 10px solid transparent;
	  border-right: 10px solid transparent;
	  border-top: 10px solid #06b51a;
	  position:absolute;
	  bottom:-10px;
	  left:50%;
	  margin-left:-10px;
}
.tab-spec .nav-link span {
	font-size:42px;
	display:block;
	margin-bottom:15px;
}
.table-specifications {
	margin-top:20px;
}
.table-specifications td, .table-specifications th {
	font-size:14px;
	border-top:none;
	border-bottom:dashed 1px #CCC;
	padding:.20rem;
}

.compatible ul {
	list-style:none;
	margin-top:40px;
}
.compatible ul li {
	margin-bottom:10px;
}

.modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}
.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}
.icon-spec {
	width:18px;
	height:18px;
	display:inline-block;
	float:left;
	margin-right:7px;
	background-repeat:no-repeat;
}
.icon-power {
	background-image:url(../images/icon-power.jpg);
}
.icon-internet {
	background-image:url(../images/icon-internet.jpg);
}
.icon-wifi {
	background-image:url(../images/icon-wifi.jpg);
}
.icon-serice {
	background-image:url(../images/icon-service.jpg);
}

/*-------------------------------------
		Enquiry
--------------------------------------- */

#sec-enquire {
	background:url(../images/bg-enquire.png);
	text-align:center;
}
#sec-enquire .overlay {
	background: rgba(06,181,26,0.75);
}
#sec-enquire h2 {
	line-height:42px;
}
#sec-enquire .btn {
	margin-right:10px;
}
@media (max-width:768px){
	.btn {
		margin-bottom:10px;
	}
}

/*-------------------------------------
		Footer
--------------------------------------- */

#footer {
	background:url(../images/ptn-map.png) no-repeat center;
	position:fixed;
	bottom:0;
	width:100%;
	text-align:center;
}
#footer .overlay {
	background: rgba(240,240,240,0.75);
	padding:0;
}
#footer .footer-top {
	padding:120px 0;
}
#footer .footer-top .footer-nav {
	margin:0;
	padding:0;
}
#footer .footer-top .footer-nav li {
	list-style:none;
	display:inline-block;
	padding:0 15px;
}
#footer .footer-top .footer-nav li a {
	font-weight:600;
	color:#333;
}
footer .footer-top .footer-nav li a:hover {
	color:#06b51a;
}
.social-links {
}
.social-links a {
	font-size:21px;
	color:#333;
	line-height:36px;
	display:inline-block;
	width:40px;
	height:40px;
	border:solid 2px #333;
	border-radius:50%;
	margin-right:5px;
}
.social-links a:hover {
	background:#333;
	color:#FFF;
}
.social-links a span:before {
	margin-left:4px;
}
#footer .footer-bottom {
	font-size:14px;
	padding:20px 0;
}
#footer .footer-bottom .copyright {
	text-align:left;
}
#footer .footer-bottom .footer-links {
	text-align:right;
}
#footer .footer-bottom .footer-links a {
	color:#333;
	margin-right:20px;
}
#footer .footer-bottom .footer-links a:last-child {
	margin-right:0;
}
#footer .footer-bottom .footer-links a:hover {
	color:#06b51a;
}
button.scroltop {
	height: 40px;  
	width: 40px;
	background:#000;  
	border:none;
	position: fixed;   
	right: 15px;   
	bottom:15px;
	text-transform:uppercase;
	margin:0; 
	padding:0;    
	cursor: pointer;    
	display: none;    
	text-align:center;  
	z-index:999;
	color: #fff;
}
button.scroltop span{display: block;	font-size: 24px;	line-height: 24px;}

@media (max-width:768px){
	#footer .footer-bottom .copyright {
		text-align:center;
	}
	#footer .footer-bottom .footer-links {
		text-align:center;
		margin-top:10px;
	}
}


/*-------------------------------------
		FAQ
--------------------------------------- */

#faq-accordion h3, #faq-accordion-02 h3, #faq-accordion-03 h3  {
	background:#EEE;
	padding:20px 20px;
	margin-top:40px;
	color:#06b51a;
	border-left:solid 5px #06b51a;
}

#faq-accordion .card, #faq-accordion-02 .card, #faq-accordion-03 .card {
	border:none;
}
#faq-accordion .card-header, #faq-accordion-02 .card-header, #faq-accordion-03 .card-header {
	padding:0;
	border-bottom:solid 1px #CCC;
}
#faq-accordion .card-header .btn-link, #faq-accordion-02 .card-header .btn-link, #faq-accordion-03 .card-header .btn-link  {
	display:block;
	width:100%;
	text-align:left;
	text-transform:none;
	color:#06b51a;
	font-size:16px;
	font-weight:600;
	padding-left:0;
	padding-top:10px;
	padding-bottom:10px;
	white-space:normal;
}
.collapsed {
	color:#333 !important;
}
#faq-accordion .card-header .btn-link:hover, #faq-accordion-02 .card-header .btn-link:hover, #faq-accordion-03 .card-header .btn-link:hover {
	text-decoration:none;
	color:#06b51a !important;
}

/*-------------------------------------
		Resources
--------------------------------------- */

.block-resources {
	padding:45px 0;
}

.block-resources h2 {
	background: #EEE;
    padding: 20px 20px;
    margin-top: 40px;
    color: #06b51a;
    border-left: solid 5px #06b51a;
}



/*-------------------------------------
		Modal - Validation
--------------------------------------- */

.page-empty   .messages {
	position:absolute;
	list-style:none;
}
.page-empty .messages #form-msg .close {
	color:#666;
}
.page-empty .messages #form-msg .modal-content h3 {
	margin-bottom:20px;
}
.page-empty   .messages .error-msg ul {
	list-style:none;
}
.page-empty   .messages .error-msg #form-msg .modal-content {
    background: #FFF;
    color: #f00;
}
.page-empty   .messages .error-msg #form-msg .modal-content h3 {
	color:#F00;
}

.page-empty   .messages .error-msg #form-msg .modal-content ul {
	list-style:disc;
	margin-left:20px;
}
.page-empty   .messages .error-msg #form-msg .modal-content ul li {
	margin:5px 0;
}
.page-empty   .messages .success-msg #form-msg .modal-content h3 {
	color:#066900;
}
.page-empty   .messages .success-msg #form-msg .modal-content {
	text-align: center;
    background-color: #ffffff;
    color: #066900;
	font-size:18px;
}
.page-empty   .messages #form-msg .modal-body {
	padding:0;
}
.page-empty   .messages #form-msg .modal-content {
	font-size:14px;
	padding: 25px;
}
.page-empty   .messages #form-msg .modal-content .close {
	position:absolute;
	top:-10px;
	right:-10px;
}

.check_mark {
  width: 80px;
  height: 115px;
  margin: 0 auto;
}
.sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box;
}
.a2a_full_footer {
	display:none;
}

.sa-icon.sa-success {
  border-color: #f15a22;
}

.sa-icon.sa-success::before, .sa-icon.sa-success::after {
  content: '';
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sa-icon.sa-success::before {
  -webkit-border-radius: 120px 0 0 120px;
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}

.sa-icon.sa-success::after {
  -webkit-border-radius: 0 120px 120px 0;
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  transform-origin: 0px 60px;
}

.sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(23, 191, 12, 0.5);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}

.sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: white;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}

.sa-icon.sa-success {
  border-color: transparent\9;
}
.sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9;
}
.sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9;
}

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s;
}

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

.sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #066900;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}

.sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}





/*-------------------------------------
		Setup
--------------------------------------- */
.box-setup {
	padding:0 25px;
}
.box-setup-img {
}
.box-setup-content {
	font-size:15px;
	margin-top:15px;
}
.box-setup-content ul, .box-setup-content p {
	margin-bottom:7px;
	line-height:20px;
}
.box-setup-content ul {
	margin-left:20px;
}
.box-setup-content .small {
	line-height:18px;
	margin-top:10px;
}
.sec-setup   .nav  {
	display:inline-flex;
	margin-top:10px;
	margin-bottom:40px !important;
}
.sec-setup  .nav  .nav-item  a {
	font-size:16px;
	font-weight:700;
	line-height:21px;
	color:#333;
	text-align:center;
	padding:15px 10px;
	position:relative;
}
.sec-setup .nav-pills .nav-link.active, .sec-setup .nav-pills .show>.nav-link {
	background-color:#EEE;
	color:#06b51a;

}
.sec-setup .nav-pills .nav-link.active:before, .sec-setup .nav-pills .show>.nav-link :before{
	content:" ";
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #EEE;
	position:absolute;
	bottom:-15px;
	left:50%;
	margin-left:-20px;
}
.sec-setup  .card-body {
	text-align:left;
}
.sec-setup .icon {
	display:block;
	width:72px;
	height:72px;
	margin:0 auto 10px auto;
}
.icon-ip-address {
	background:url(../images/icon-ip-address.png)no-repeat;
}
.icon-mobile-dongle {
	background:url(../images/icon-mobile-dongle.png)no-repeat;
}
.icon-pppoe {
	background:url(../images/icon-pppoe.png)no-repeat;
}




.sec-tech-req-support {
	background:url(../images/bg-support.jpg) no-repeat right;
	background-size: cover;
	position:relative;
	overflow:hidden;	
}
.sec-tech-req-support:after {
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    height: 100%;
    background-color: #f1f1f1;
    z-index: 0;
}
.sec-tech-req-support .overlay {
	padding:0;
}
.block-setup-tech-spec {
	position:relative;
	z-index:1;
	padding:70px 0;
}
.block-setup-tech-spec  h2 {
	margin-bottom:5px;
}
.block-setup-tech-spec  .nav {
	margin-top:20px;
}
.block-tech-support {
	padding-left:230px;
	color:#FFF;
	display:flex;
	align-items: center;
}
.block-tech-support h2 {
	color:#FFF;
}
.block-tech-support .fas  {
	font-size:60px;
}

.sec-videos {
}
.video-list {
	list-style:none;
}
.video-list li {
	text-align:center;
	margin-bottom:30px;
	transition:all ease-in-out 0.3s;
}
.video-list li .btn-play {
	background-size:50%;
	position:absolute;
	top:50%;
	left:50%;
	width:80px;
	height:80px;
	z-index:1;
	margin:-60px 0 0 -40px;
	opacity:0;
	transform:scale(0);
	transition:all ease-in-out 0.3s;
}
.video-list li:hover .btn-play {
	opacity:1;
	transform:scale(1);
}
.video-list li .video-thumb {
	background-color:#000;
	overflow:hidden;
}
.video-list li .video-thumb img {
	width:100%;
	transition:all ease-in-out 0.3s;
}
.video-list li:hover img {
	transform:scale(1.1,1.1);
	opacity:0.3;
}
.video-list li a {
	color:#333;
}


@media (max-width:768px){
	.block-tech-support {
		padding-left:20px;
		padding-bottom:40px;
		padding-top:40px;
		background:#333;
	}
	.sec-tech-req-support .overlay {
		background:none;
	}
	.sec-tech-req-support {
		background:none;
	}
	.sec-tech-req-support:after {
		background:none;
	}
	.block-setup-tech-spec {
		padding-left:20px;
		padding-right:20px;
	}
}