/*

Theme Name: Pureforce

Description:Pureforce theme. Original BlankSlate

Version: 0.1

License: GNU General Public License

License URI: https://www.gnu.org/licenses/gpl.html

*/
	/** STANDARD DEVICES **/

.policy-popper{
  width: 80%;
  height: 75px;
  position: fixed;
  bottom:0%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1006;
  /*background-color:#a50a9c;*/
  background-color:rgba(255,255,255,0.8);
  border:solid 2px #6E1421;
  box-sizing: border-box;
  padding: 25px;
  color:#000;
  text-align: center;
  border-radius:8px;
}
.go-away{
	display: none;
}
@media only screen
and (min-width:320px)
and (max-width:1024px){
	.cam-main-sec{
		display: none;
	}
	.cam-modal{
		display: none;
	}
	.cam-mobile{
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	box-sizing: border-box;
	padding: 5px;
	background:url('../img/cam-bg.jpg');
	background-size: cover;
	background-position: center;
	}
	.cam-mobile .cam-img{
		width: 100%;
		height: auto;
		position: relative;
	}
	.cam-mobile .cam-mobile-cont{
		width: 95%;
		height: auto;
		box-sizing: border-box;
		padding: 5px;
		background-color: rgba(0,0,0,0.80);
		margin: 0 auto;
	}
	.cctv-sec{
		padding:15px;
	}
	.cctv-right{
		width: 100%;

	}
	.cctv-left{
		width:100%;
	}
	.cctv-right img{
		height: 150px;
	}
	.to-the-left{
		display: none;
		width: 0%!important;
		float: none;
	}
	.to-the-right{
		width: 100%;
		float: none;
	}
	.policy-popper{
		height: auto;
	}

}


@media only screen
and (min-width:320px)
and (max-width:640px){
/*	.cam-main-sec{
		display: none;
	}
	.cam-modal{
		display: none;
	}*/
}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}

.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}



.aligncenter {

	display: block;

	margin: 0 auto;

}



/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 20, 2014 */



@font-face {

    font-family: 'Gotham Black';

    src: url('fonts/gotham-black-webfont.eot');

    src: url('fonts/gotham-black-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/gotham-black-webfont.woff2') format('woff2'),

         url('fonts/gotham-black-webfont.woff') format('woff'),

         url('fonts/gotham-black-webfont.ttf') format('truetype'),

         url('fonts/gotham-black-webfont.svg#gotham_blackregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'Roboto';

    src: url('fonts/roboto-regular-webfont.eot');

    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-regular-webfont.woff2') format('woff2'),

         url('fonts/roboto-regular-webfont.woff') format('woff'),

         url('fonts/roboto-regular-webfont.ttf') format('truetype'),

         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'Gotham Medium';

    src: url('fonts/gotham-medium-webfont.eot');

    src: url('fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/gotham-medium-webfont.woff2') format('woff2'),

         url('fonts/gotham-medium-webfont.woff') format('woff'),

         url('fonts/gotham-medium-webfont.ttf') format('truetype'),

         url('fonts/gotham-medium-webfont.svg#gotham_mediumregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'Gotham Book';

    src: url('fonts/gotham-book-webfont.eot');

    src: url('fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/gotham-book-webfont.woff2') format('woff2'),

         url('fonts/gotham-book-webfont.woff') format('woff'),

         url('fonts/gotham-book-webfont.ttf') format('truetype'),

         url('fonts/gotham-book-webfont.svg#gotham_bookregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'Roboto';

    src: url('fonts/roboto-bold-webfont.eot');

    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-bold-webfont.woff2') format('woff2'),

         url('fonts/roboto-bold-webfont.woff') format('woff'),

         url('fonts/roboto-bold-webfont.ttf') format('truetype'),

         url('fonts/roboto-bold-webfont.svg#robotobold') format('svg');

    font-weight: bold;

    font-style: normal;



}



@font-face {

    font-family: 'Roboto Medium';

    src: url('fonts/roboto-medium-webfont.eot');

    src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/roboto-medium-webfont.woff2') format('woff2'),

         url('fonts/roboto-medium-webfont.woff') format('woff'),

         url('fonts/roboto-medium-webfont.ttf') format('truetype'),

         url('fonts/roboto-medium-webfont.svg#robotomedium') format('svg');

    font-weight: normal;

    font-style: normal;



}



body {

	font-family: 'Gotham Book';

	font-size: 14px;

}



img {

	max-width: 100%;

	height: auto;

}



.floating-link {

	display: block;

	position: fixed;

	width: 100%;

	right: 0;

	bottom: 0;

	line-height: 20px;

	padding: 0;

	text-align: center;

	font-family: 'Roboto', Arial, sans-serif;

	font-weight: bold;

	font-size: 15px;

	background: #dc1f26;

	text-transform: uppercase;

	z-index: 9000;

}



.floating-link a {

	color: #fff;

	text-decoration: none;

	display: block;

	width: 100%;

	height: 100%;

}



.floating-link:hover {

	background: #ffa31c;

}



.floating-link span {

	display: block;

	font-size: 10px;

	text-transform: none;

}



#wrapper {

	width: 100%;

	min-width: 320px;

	max-width: 970px;

	margin: 0 auto;

	position: relative;

}



#header {

	width: 100%;

}



.social-header {

	display: none;

}



#submenu-bg {

	display: none;

}



.single-post #submenu-bg,

.page-id-57 #submenu-bg {

	display: block;

	background: #ff2227;

	height: 20px;

	width: 100%;

	position: absolute;

	top: 100px;

}



.header-container {

	width: 100%;

}



.header-clear {

	display: none;

}



.content-container {

	width: 90%;

	margin: 0 auto;

	padding: 0 10px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

}



.single-post #submenu-bg {

	top: 76px;

}



.single-post article {

	padding: 28px 10px;

	font-family: 'Roboto', Arial, sans-serif;

}



.cat-links {

	display: block;

	margin-bottom: 10px;

}



.cat-links a {

	color: #ffa31c;

	text-decoration: none;

}



.cat-links a:hover {

	color: #000;

}



.single-post article .entry-title a {

	font-size: 1.1em;

	font-weight: bold;

	color: #ff2227;

	text-decoration: none;

	line-height: 1.4em;

}



.single-post article .entry-content p {

	font-family: 'Roboto', Arial, sans-serif;

	text-align: left;

}



.nav-previous a,

.nav-next a {

	color: #ffa31c;

	text-decoration: none;

}



.nav-previous a:hover,

.nav-next a:hover {

	color: #000;

}



.nav-previous {

	float: left;

}



.nav-next {

	float: right;

}



/* Header */



#site-title {

	position: relative;

}



#site-title img {

	margin: 16px 25px 16px 60px;

}



.header-avail {

	height: 38px;

	text-transform: uppercase;

	background: linear-gradient(to bottom, #ffa31c, #f26d13);

	border: none;

	padding: 0 35px;

	color: #ffffff;

	font-family: 'Roboto', Arial, sans-serif;

	font-size: 14px;

	cursor: pointer;

	margin-left: 50px;

	margin-right: 20px;

}



.header-avail:hover {

	background: linear-gradient(to bottom, #ff541c, #f21f13);

}



.header-avail span {

	font-size: 10px;

	text-transform: none;

	display: block;

}



.loginlink {

    font-family: "Roboto Medium",Arial,sans-serif;

    font-size: 1.1em;

    text-transform: uppercase;

    text-decoration: none;

    color: #000;

}



.loginlink:hover {

	color: #dc1f26;

}



#menu {

	position: relative;

}



.menu-toggle {

	width: 45px;

	height: 45px;

	position: absolute;

	right: 24px;

	bottom: 0;

}



.menu-toggle a {

	display: block;

	background: #ffa31c;

	width: 100%;

	height: 100%;

}



.menu-toggle a:hover {

	background: #ffc877;

}



.menu-toggle .nav-button {

	display: block;

	width: 29px;

	height: 22px;

	border-style: solid;

	border-width: 11px 8px 12px;

	border-color: #fff;

}



.menu-toggle .nav-button:before,

.menu-toggle .nav-button:after {

	content: "";

	position: absolute;

	width: 29px;

	height: 5px;

	top: 15px;

	background: #fff;

	-webkit-transition: all 100ms linear;

    -moz-transition: all 100ms linear;

    -o-transition: all 100ms linear;

    transition: all 100ms linear;

}



.menu-toggle .nav-button:after {

	top: 24px;

}



.menu-toggle.toggle-on {

	background: #ffa31c;

}



.menu-toggle.toggle-on .nav-button {

	border-color: #ffa31c;

}



.menu-toggle.toggle-on a:hover .nav-button {

	border-color: #000;

}



.menu-toggle.toggle-on a:hover {

	background: #000;

}



.menu-toggle.toggle-on .nav-button:before,

.menu-toggle.toggle-on .nav-button:after {

	top: 21px;

	height: 4px;

}



.menu-toggle.toggle-on .nav-button:before {

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

}



.menu-toggle.toggle-on .nav-button:after {

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);

}



#menu {

	clear: both;

}



/* Compact Menu */

.main-menu,

.compact-menu {

	display: none;

}



.compact-menu > ul {

	position: absolute;

	width: 100%;

	z-index: 9001;

}



.compact-menu > ul li {

	font-family: 'Roboto', Arial, sans-serif;

}



.compact-menu > ul > li {

	width: 49.99%;

	display: inline-block;

	float: left;

	text-transform: uppercase;

	background: #ffa31c;

	border-right: solid 1px #4a4a4a;

	border-bottom: solid 1px #4a4a4a;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

	position: relative;

}



.compact-menu > ul > li:nth-child(even) {

	border-right: none;

}



.compact-menu > ul > li:last-child,

.compact-menu > ul > li:nth-last-child(2) {

	border-bottom: none;

}



.compact-menu > ul > li a {

	display: block;

	color: #fff;

	text-decoration: none;

	width: 100%;

	padding: 18px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

}



.compact-menu > ul > li a:hover {

	background: #000;

}



.compact-menu > ul > li.toggle-on {

	background: #000;

}



.compact-menu > ul .sub-menu {

	display: none;

	position: absolute;

	left: -100%;

	width: 200%;

	z-index: 1000;

}



.compact-menu > ul .sub-menu.toggle-on {

	display: block;

}



.compact-menu > ul .sub-menu > li {

	width: 100%;

	background: #000;

}



.compact-menu > ul .sub-menu > li a:hover {

	color: #ffa31c;

}



/* Content */



#content .header {

	display: none;

}



.home-secure {

	background-color: #ff2227;

	color: #fff;

	text-align: center;

	text-transform: uppercase;

	font-family: 'Gotham Medium', Arial, sans-serif;

	font-size: 1.2em;

	line-height: 2em;

	clear: both;

	overflow: hidden;

}



.home-banner {

	width: 100%;

	height: 204px;

	background-image: url(images/home-banner.jpg);

	background-size: cover;

	background-position: right top;

}



.home-banner h1,

.home-respond h1,

.home-report h1,

.home-award h1,

.home-avp h1,

.home-innov h1,

.home-about h1 {

	width: 100%;

	font-family: 'Gotham Black', Arial, sans-serif;

	font-size: 2em;

	line-height: 1.2em;

	color: #fff;

	text-align: center;

	text-transform: uppercase;

	padding-top: 10px;

}



.home-banner h1 .first-letter {

	color: #ffa31c;

}



.home-banner p,

.home-respond p,

.home-report p,

.home-award p,

.home-avp p,

.home-innov p,

.home-about p {

	font-family: 'Gotham Book', Arial, sans-serif;

	font-size: 0.8em;

	color: #fff;

	text-align: center;

	max-width: 80%;

	margin: 10px auto 0;

	line-height: 1em;

}



.home-respond {

	height: 295px;

	background-image: url(images/home-respond.jpg);

	background-size: cover;

	background-position: center top;

}



.home-respond .right-col {

	display: none;

	padding: 0;

}



.home-respond p {

	font-size: 1em;

	line-height: 1.7em;

}



.home-report {

	height: 295px;

	background-image: url(images/home-report.jpg);

	background-size: cover;

	background-position: center top;

}



.home-report .right-col {

	display: none;

	padding: 0;

}



.home-report p {

	font-size: 1em;

	line-height: 1.7em;

}



.home-award {

	height: 295px;

	background-image: url(images/home-awards.jpg);

	background-size: cover;

	background-position: center top;

}



.home-award .right-col {

	display: none;

	padding: 0;

}



.home-award p {

	font-size: 1em;

	line-height: 1.7em;

}



.home-avp {

	height: 295px;

	background-image: url(images/home-avp.jpg);

	background-size: cover;

	background-position: center top;

}
.home-innov {

	height: 295px;

	background-image: url(images/home-innov.jpg);

	background-size: cover;

	background-position: center top;

}



.home-avp .right-col {

	background-image: url("images/home-avp-placeholder.jpg");

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	display: block;

	height: 100px;

	padding: 0;

	width: 200px;

	margin: 0 auto;

}
.home-innov .right-col {

	background-image: url("images/home-avp-placeholder.jpg");

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	display: block;

	height: 100px;

	padding: 0;

	width: 200px;

	margin: 0 auto;

}



.home-avp p {

	font-size: 1em;

	line-height: 1.7em;

}
.home-innov p {

	font-size: 1em;

	line-height: 1.7em;

}



.home-respond button,

.home-report button,

.home-award button,

.home-avp button,

.home-innov button,

.home-about button {

	display: block;

	border: none;

	background: #ffa31c;

	color: #fff;

	font-family: 'Roboto', Arial, sans-serif;

	font-weight: bold;

	font-size: 1rem;

	text-transform: uppercase;

	text-align: center;

	margin: 0 auto;

	padding: 5px;

	min-width: 200px;

}



.home-respond button:hover,

.home-report button:hover,

.home-award button:hover,

.home-avp button:hover,

.home-innov button:hover,

.home-about button:hover {

	background: #000;

	cursor: pointer;

}



.home-about {

	height: 298px;

	background-image: url(images/home-about-bg.jpg);

	background-size: cover;

	background-position: center top;

}



.home-about h1 {

	padding-top: 24px;

}



.home-about p {

	font-size: 0.75em;

	line-height: 1.7em;

	color: #fff;

}



/* Footer */



#footer {



}



.footer-contact {

	background: #f1f2f2;

}



.footer-contact h1 {

	width: 100%;

	font-family: 'Gotham Black', Arial, sans-serif;

	font-size: 2em;

	color: #000;

	text-align: center;

	text-transform: uppercase;

	padding: 20px 0;

}



.footer-contact p {

	text-align: center;

	line-height: 1.7em;

}



.footer-contact button {

	display: block;

	border: none;

	background: #ffa31c;

	color: #fff;

	font-family: 'Roboto', Arial, sans-serif;

	font-weight: bold;

	font-size: 1.5em;

	text-transform: uppercase;

	text-align: center;

	margin: 15px auto;

	padding: 20px;

	min-width: 200px;

}



.footer-contact button:hover {

	background: #000;

	cursor: pointer;

}



#copyright {

	text-align: center;

	padding: 20px 20px 40px;

	background: #ff2227;

	color: #000;

	font-family: 'Roboto', Arial, sans-serif;

	font-weight: bold;

	font-size: 0.87em;

	text-transform: uppercase;

}



#copyright img {

	display: block;

	margin: 10px auto;

}



#copyright span .social-footer {

	float: none;

	clear: both;

}



#copyright span .social-footer span {

	display: block;

	float: none;

	padding: 0;

	text-align: none;

	margin-top: 5px;

}



#copyright span img {

	display: inline;

}



/* Content */



.entry-content h2,

.entry-content h3 {

	font-family: 'Gotham Medium', Arial, sans-serif;

	font-size: 1em;

	text-transform: uppercase;

	text-align: center;

	line-height: 1.7em;

	margin: 10px auto;

}



.entry-content h2 {

	font-size: 1.2em;

}



.entry-content h3 {

	color: #d54128;

}



.entry-content p {

	font-family: 'Gotham Book', Arial, sans-serif;

	text-align: center;

	line-height: 1.7em;

	margin-bottom: 20px;

}



#app_ios {

	width: 196px;

	height: auto;

}



.banner {

	width: 100%;

	height: 200px;

	background-size: cover;

}



.banner h1 {

	width: 100%;

	font-family: 'Gotham Black', Arial, sans-serif;

	font-size: 2em;

	line-height: 1.2em;

	color: #000;

	text-align: center;

	text-transform: uppercase;

	padding-top: 80px;

}



.banner.products {

	background-image: url(images/home-products-bg.jpg);

	background-position: center;

}



.banner.about {

	background-image: url(images/home-about-bg.jpg);

	background-position: center;

}



.banner.about h1 {

	color: #fff;

}



.banner.contact {

	background-image: url(images/contact-bg.jpg);

	background-position: center top;

}



.banner.contact h1 {

	color: #fff;

}



.banner.support {

	background-image: url(images/support-bg-2.jpg);

	background-position: center;

}



.banner.support h1 {

	color: #fff;

}



.banner.news {

	background-image: url(images/news-bg.jpg);

	background-position: center;

}



.banner.news h1 {

	color: #fff;

}



#product-logo, #about-logo {

	margin: 20px auto;

}



.contact-details {

	margin: 0 auto;

	max-width: 320px;

}



.contact-map {

	text-align: center;

}



.contact-map img {

	width: 100%;

	max-width: 480px;

	height: auto;

}



#contact-address,

#contact-tel,

#contact-mail {

	background-image: url(images/contact-icons.png);

	background-repeat: no-repeat;

	background-position: 0 2px;

	min-height: 45px;

	text-align: left;

	padding-left: 50px;

}



#contact-tel {

	background-position: 0 -96px;

	padding-top: 5px;

}



#contact-mail {

	background-position: 0 -192px;

	padding-top: 7px;

}



.reporting-features {

	font-family: 'Gotham Book', Arial, sans-serif;

}



.reporting-features p {

	text-align: left;

}



.reporting-features b {

	font-weight: bold;

}



.feature-bullet {

	width: 100%;

	overflow: hidden;

	clear: both;

}



.feature-bullet span {

	display: table-cell;

	vertical-align: middle;

	font-family: 'Gotham Bold', Arial, sans-serif;

	font-size: 0.9em;

	text-transform: uppercase;

	color: #000;

	background: #ffa31c;

	font-weight: bold;

	overflow: hidden;

	padding: 10px;

	line-height: 1.2em;

	width: 100%;

	height: 75px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

}



.feature-bullet span.bullet {

	background: #000;

	color: #fff;

	font-size: 3em;

	line-height: 1em;

	text-align: center;

	min-height: 60px;

	width: 60px;

}



.feature-buttons button {

	display: block;

	border: none;

	background: #ffa31c;

	color: #fff;

	font-family: 'Roboto', Arial, sans-serif;

	font-weight: bold;

	font-size: 1.5em;

	text-transform: uppercase;

	text-align: center;

	margin: 15px auto;

	padding: 20px;

	min-width: 200px;

}



.feature-buttons button:hover {

	background: #000;

	cursor: pointer;

}



/* Avail Now */



.avail-details {

	width: 100%;

	max-width: 470px;

	margin: 30px auto 0;

}



.avail-details h2 {

	font-size: 1.5em;

	font-family: 'Gotham Medium', Arial, sans-serif;

	text-transform: uppercase;

	line-height: 1.5em;

}



.avail-details h4 {

	font-size: 0.8em;

	font-family: 'Gotham Book', Arial, sans-serif;

}



.avail-details table {

	width: 100%;

	margin: 20px auto;

}



.avail-details table td {

	vertical-align: top;

	padding-bottom: 10px;

}



.avail-details table .subtext {

	display: block;

	font-size: 0.8em;

}



.avail-details input[type="text"] {

	width: 100%;

}



.home-slide-1 {

	position: relative;

	overflow: hidden;

}



.flexslider {

	background: none !important;

	border: none !important;

	border-radius: 0 !important;

	box-shadow: none !important;

	margin: 0 0 0 !important;

}



.news-slide {

	display: block;

	position: relative;

	width: 100%;

	height: 75px;

	max-width: 245px;

	margin: 10px auto 0px;

	font-family: 'Roboto', Arial, sans-serif;

	line-height: 1.2em;

}



.news-slide .news-logo {

	float: left;

	width: 10%;

	height: 50px;

	background: url(images/logo-news.png) no-repeat;

	background-size: cover;

	min-width: 35px;

}



.news-slide .news-clip {

	float: left;

	width: 80%;

	margin-left: 10px;

}



.news-slide .news-clip #news-date {

	display: block;

	font-size: 1em;

}



.news-slide .news-clip #news-header {

	display: block;

	font-size: 1.1em;

	font-weight: bold;

}



.news-slide .news-clip #news-header a {

	color: #000;

	text-decoration: none;

}



.news-slide .news-clip #news-header a:hover {

	color: #ff2227;

}



.news-slide .flex-direction-nav a {

	width: 16px;

	height: 30px;

	top: 35%;

	background-image: url(images/news-nav.png);

	background-size: cover;

	opacity: 0.8;

	text-indent: 100%;

	white-space: nowrap;

	overflow: hidden;

}



.news-slide .flex-direction-nav a.flex-prev {

	left: -30px;

}



.news-slide .flex-direction-nav a.flex-next {

	background-position: -16px 0;

	right: -30px !important;

}



.news-slide .flex-direction-nav a:hover {

	opacity: 1.0;

}



.news-slide .flex-direction-nav a:before,

.news-slide .flex-direction-nav a.flex-next:before {

	content: none;

}



.video-overlay {

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	background: rgba(0, 0, 0, 0.5);

	width: 100%;

	height: 100%;

	display: none;

	opacity: 0;

	-webkit-transition: all 100ms linear;

    -moz-transition: all 100ms linear;

    -o-transition: all 100ms linear;

    transition: all 100ms linear;

}
.video-overlay-robot {

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	background: rgba(0, 0, 0, 0.5);

	width: 100%;

	height: 100%;

	display: none;

	opacity: 0;

	-webkit-transition: all 100ms linear;

	-moz-transition: all 100ms linear;

	-o-transition: all 100ms linear;

	transition: all 100ms linear;

}


.video-overlay.toggle-on {

	display: block;

	opacity: 1;

	-webkit-transition: all 100ms linear;

    -moz-transition: all 100ms linear;

    -o-transition: all 100ms linear;

    transition: all 100ms linear;

}
.video-overlay-robot.toggle-on {

	display: block;

	opacity: 1;

	-webkit-transition: all 100ms linear;

	-moz-transition: all 100ms linear;

	-o-transition: all 100ms linear;

	transition: all 100ms linear;

}



.video-overlay .video-container {

	width: 90%;

	max-width: 640px;

	margin: 0 auto;

	position: relative;

}
.video-overlay-robot .video-container-robot {

	width: 90%;

	max-width: 640px;

	margin: 0 auto;

	position: relative;

}


.video-overlay .video-container > div {



}



.video-overlay .video-container #video-close {

	background: #ff2227;

	border-radius: 12px;

	color: #fff;

	font-size: 26px;

	height: 24px;

	line-height: 23px;

	position: absolute;

	right: 0;

	text-align: center;

	top: -24px;

	-ms-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	width: 24px;

	opacity: 0.7;

	cursor: pointer;

}

.video-overlay-robot .video-container-robot #video-close-robot {

	background: #ff2227;

	border-radius: 12px;

	color: #fff;

	font-size: 26px;

	height: 24px;

	line-height: 23px;

	position: absolute;

	right: 0;

	text-align: center;

	top: -24px;

	-ms-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	width: 24px;

	opacity: 0.7;

	cursor: pointer;

}


.video-overlay .video-container #video-close:hover {

	opacity: 1;

}
.video-overlay-robot .video-container-robot #video-close-robot:hover {

	opacity: 1;

}



.video-overlay .video-container #video-close:after {

	content: "+";

}
.video-overlay-robot .video-container-robot #video-close-robot:after {

	content: "+";

}



#video-popup {

	cursor: pointer;

}
#video-popup-robot {

	cursor: pointer;

}


.news-header {

	font-family: 'Roboto', Arial, sans-serif;

	font-size: 1.6em;

	line-height: 2em;

	padding: 0 20px;

	text-transform: uppercase;

}



.news-container {

	font-family: 'Roboto', Arial, sans-serif;

}



.news-container .left-col {

	line-height: 1.4em;

	padding: 20px;

	border-bottom: solid 1px #000;

}



.news-container .left-col article a {

	color: #ffa31c;

	font-weight: bold;

	text-decoration: none;

}



.news-container .left-col article a:hover {

	color: #000;

}



.news-container .left-col article:not(:last-child) {

	margin-bottom: 20px;

}



.news-container .right-col {

	font-size: 1em;

	line-height: 1.4em;

	padding: 20px;

}



.news-container .right-col a {

	color: #ffa31c;

	text-decoration: none;

}



.news-container .right-col a:hover {

	color: #000;

}



.archive-thumb,

.archive-no-thumb {

	width: 182px;

	height: 127px;

	background-size: 100%;

	background-position: center;

}



.archive-no-thumb {

	background-color: #ebebeb;

}



#video-player {

	max-width: 320px;

	max-height: 180px;

	width: 100%;

	height: 100%;

	margin: 0 auto;

}
#video-player-robot {

	max-width: 320px;

	max-height: 180px;

	width: 100%;

	height: 100%;

	margin: 0 auto;

}


.support-container {

	font-family: 'Roboto', Arial, sans-serif;

}



.support-menu {

	font-size: 1.1em;

	overflow: hidden;

}



.support-menu li {

	line-height: 1.5em;

	margin: 0 0 20px;

	float: left;

	width: 33%;

	text-align: center;

	background: #ffa31c;

	min-height: 50px;

}



.support-menu li a {

	display: block;

	text-transform: uppercase;

	text-decoration: none;

	font-weight: bold;

	padding: 0 10px;

	color: #fff;

	width: 100%;

	height: 100%;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

}



.support-menu li.current-menu-item,

.support-menu li:hover {

	background: #000;

}



.support-container article ul {

	padding: 0 10px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

	box-sizing: border-box;

}



.support-container article ul > li {

	margin-bottom: 10px;

	overflow: hidden;

	height: 34px;

}



.support-container article ul > li p {

	font-size: 1em;

	font-family: 'Roboto', Arial, sans-serif;

	text-align: left;

}



.support-container article ul > li > strong:first-child {

	display: block;

	color: #ffa31c;

	cursor: pointer;

	min-height: 30px;

	margin-bottom: 5px;

}



.support-container article ul > li > strong:first-child:before {

	content: " + ";

}



.support-container article ul > li.active {

	height: auto;

}



.support-container article ul > li.active > strong:first-child:before {

	content: " - ";

}



.support-container article ol > li {

	margin-bottom: 10px;

}



.lang-switcher {

	width: 100%;

	background: #23282d;

	overflow: hidden;

	clear: both;

	padding: 5px;

	font-size: 0.8em;

	box-sizing: border-box;

	text-align: right;

}



.lang-switcher > div {

	display: inline-block;

}



.lang-switcher ul li {

	color: #ccc;

	float: left;

	margin-right: 10px;

}



.lang-switcher ul li.current-lang {

	text-decoration: underline !important;

}



.lang-switcher ul li a {

	color: #ccc;

	text-decoration: none;

}



.lang-switcher ul li a:hover {

	color: #fff;

}



.banner.download {

	background-image: url(images/download-bg.jpg);

	background-position: center;

}



.banner.download h1 {

	padding-top: 20px;

	color: #fcb142;

}



.banner.download h2 {

	font-family: 'Roboto', Arial, sans-serif;

	font-size: 1rem;

	color: #000;

	text-transform: none;

}



.download-images {

	text-align: center;

}



.download-images img {

	max-width: 130px;

	margin-right: 10px;

}



.page-template-template-download .header-avail,

.page-template-template-download .floating-link {

	display: none !important;

}



a.ctbox {

	background: #111 none repeat scroll 0 0;

	color: #fff;

	font-size: 20px;

	margin-right: 1px;

	padding: 0 5px;

}



/* Full desktop width */



@media screen and (min-width: 1025px) {

    .privacy-page{
        width: 100%;
    	height: auto;
    	padding-top: 50px;
 

    }
    .privacy-page .privacy-box{
    	width: 90%;
    	height: auto;
    	margin: 0 auto;
    	text-align: justify;
    }
    .privacy-box p{
    	font-size:18px;
    	margin-bottom:15px;
    	line-height: 25px;
    }
    .privacy-box li{
    	margin-bottom: 10px;
    }
	.floating-link {

		bottom: 30%;

		width: auto;

		line-height: 20px;

		padding: 10px 35px;

		font-size: 20px;

	}




	.content-container {

		padding: 0;

	}



	#wrapper {

		max-width: none;

	}



	#header {

		background-color: #ffffff;

		height: 95px;

	}



	.header-clear {

		display: block;

		clear: both;

	}



	#branding {

		float: left;

	}



	.menu-toggle {

		display: none;

	}



	.social-header {

		display: block;

		float: right;

		padding: 17px 0;

		margin-right: 25px;

	}



	.social-header img {

		vertical-align: middle;

	}



	#menu {

		float: left;

		clear: right;

	}



	.main-menu > ul {

		z-index: 900;

	}



	.main-menu > ul li {

		float: left;

		font-family: 'Roboto Medium', Arial, sans-serif;

		font-size: 1.1em;

		line-height: 69px;

		text-transform: uppercase;

	}



	.main-menu > ul > .current-menu-item,

	.main-menu > ul > .current-menu-parent {

		color: #dc1f26;

	}



	.main-menu > ul > li {

		margin-right: 40px;

	}



	.main-menu > ul > li:last-child {

		margin-right: 0;

	}



	.main-menu > ul > li > a {

		color: #000;

		text-decoration: none;

		display: block;

		height: 100%;

	}



	.main-menu > ul > .current-menu-item > a,

	.main-menu > ul > .current-menu-parent > a {

		color: #dc1f26;

	}



	.main-menu > ul > li > a:hover {

		color: #dc1f26;

	}



	.main-menu > ul > .current-menu-item > a:hover,

	.main-menu > ul > .current-menu-parent > a:hover {

		border-bottom: none;

	}



	.main-menu > ul ul {

		display: none;

		position: absolute;

		width: 250px;

		z-index: 10000;

	}



	.parent-pageid-30 #submenu-bg,

	.page-id-57 #submenu-bg {

		display: block;

	}



	.main-menu > ul ul li {

		background: #ffa31c;

		float: none;

		line-height: 50px;

		font-family: 'Roboto Regular', Arial, sans-serif;

		font-size: 0.9em;

	}



	.main-menu > ul ul li a {

		display: block;

		width: 100%;

		height: 100%;

		text-align: left;

		text-indent: 20px;

		color: #000;

		text-decoration: none;

	}



	.main-menu > ul ul li a:hover,

	.main-menu > ul ul li.current-menu-item a {

		background: #000;

		color: #fff;

	}



	#submenu-bg,

	.single-post #submenu-bg,

	.page-id-57 #submenu-bg {

		background: #ff2227;

		height: 50px;

		width: 100%;

		position: absolute;

		top: 95px;

		border-bottom: solid 1px #333;

	}



	.main-menu {

		display: block;

		float: left;

	}



	.entry-content h3 {

		font-size: 1.5em;

	}



	.entry-content p {

		font-size: 1.1em;

		margin-bottom: 2em;

	}



	.home-secure {

		font-size: 2.3em;

		line-height: 2.1em;

	}



	.home-banner {

		height: 865px;

		font-size: 2.3em;

	}



	.home-banner h1 {

		padding-top: 390px;

	}



	.home-banner p,

	.home-respond p,

	.home-report p,

	.home-award p,

	.home-avp p,

	.home-innov p,

	.home-about p {

		max-width: none;

		font-size: 0.8em;

	}



	.home-respond {

		height: 467px;

		font-size: 2.3em;

	}



	.home-respond .content-container {

		max-width: 1200px;

	}



	.home-respond .left-col {

		width: 100%;

		max-width: 535px;

		float: left;

	}



	.home-respond .right-col {

		display: block;

		width: 531px;

		height: 467px;

		background: url(images/home-respond-pc.png) no-repeat bottom right;

		float: right;

	}



	.home-respond h1,

	.home-respond p {

		text-align: left;

	}



	.home-respond h1 {

		font-size: 1.2em;

		padding-top: 123px;

	}



	.home-respond p {

		font-size: 0.5em;

	}



	.home-respond button {

		margin: 0;

	}



	.home-report {

		height: 467px;

		font-size: 2.3em;

	}



	.home-report .content-container {

		max-width: 835px;

	}



	.home-report .left-col {

		width: 535px;

		float: left;

	}



	.home-report .right-col {

		display: block;

		width: 200px;

		height: 467px;

		background: url(images/home-report-cel.png?v=2.0.0) no-repeat bottom right;

		float: right;

	}



	.home-report h1,

	.home-report p {

		text-align: left;

	}



	.home-report h1 {

		font-size: 1.2em;

		padding-top: 123px;

	}



	.home-report p {

		font-size: 0.5em;

	}



	.home-report button {

		margin: 0;

	}



	.home-award {

		height: 467px;

		font-size: 2.3em;

	}



	.home-award .content-container {

		max-width: 835px;

	}



	.home-award .left-col {

		width: 535px;

		float: left;

	}



	.home-award .right-col {

		display: block;

		width: 200px;

		height: 467px;

		background: url(images/home-awards-trophy.png) no-repeat bottom right;

		float: right;

	}



	.home-award h1,

	.home-award p {

		text-align: left;

	}



	.home-award h1 {

		font-size: 1.2em;

		padding-top: 123px;

	}



	.home-award p {

		font-size: 0.5em;

	}



	.home-award button {

		margin: 0;

	}



	.home-avp {

		height: 467px;

		font-size: 2.3em;

	}
	.home-innov {

		height: 467px;

		font-size: 2.3em;

	}



	.home-avp .content-container {

		max-width: 1075px;

	}

	.home-innov .content-container {

		max-width: 1075px;

	}



	.home-avp .left-col {

		width: 535px;

		float: left;

	}
	.home-innov .left-col {

		width: 535px;

		float: left;

	}



	.home-avp .right-col {

		display: block;

		width: 524px;

		height: 467px;

		float: right;

		background-size: 100%;

	}
	.home-innov .right-col {

		display: block;

		width: 524px;

		height: 467px;

		float: right;

		background-size: 100%;

	}



	#video-popup {

		width: 524px;

		float: right;

	}



	.home-avp h1,

	.home-avp p {

		text-align: left;

	}
	.home-innov h1,

	.home-innov p {

		text-align: left;

	}



	.home-avp h1 {

		font-size: 1.2em;

		padding-top: 123px;

	}
	.home-innov h1 {

		font-size: 1.2em;

		padding-top: 123px;

	}



	.home-avp p {

		font-size: 0.5em;

	}
	.home-innov p {

		font-size: 0.5em;

	}


	.home-avp button {

		margin: 0;

	}
	.home-innov button {

		margin: 0;

	}



	.home-about {

		height: 428px;

		background-position: center 19%;

		font-size: 1.5em;

	}



	.home-about .content-container {

		max-width: 735px;

	}



	.home-about h1 {

		padding-top: 80px;

	}



	.home-respond button,

	.home-report button,

	.home-award button,

	.home-avp button,

	.home-innov button,

	.home-about button {

		font-size: 1.5rem;

		padding: 20px;

	}



	.single-post article,

	.page-child.parent-pageid-30 article {

		padding-top: 80px;

	}



	.single-post article {



	}



	.footer-contact {

		padding-bottom: 1.5rem;

	}



	.footer-contact h1 {

		font-size: 3em;

	}



	.footer-contact button {

		margin-bottom: 1.5em;

	}



	#copyright {

		overflow: hidden;

		padding: 20px;

	}



	#copyright .content-container {

		max-width: 960px;

	}



	#copyright img {

		float: left;

	}



	#copyright span {

		display: block;

		float: right;

		text-align: right;

		padding-top: 10px;

	}



	#copyright span .social-footer {

		margin-left: 20px;

	}



	#copyright span .social-footer span {

		display: inline;

		margin-top: 0;

	}



	#copyright span img {

		display: inline;

		float: none;

		vertical-align: middle;

	}



	.banner.about,

	.banner.products,

	.banner.contact,

	.banner.support,

	.banner.news {

		height: 500px;

	}



	.banner.about h1,

	.banner.products h1,

	.banner.contact h1,

	.banner.support h1,

	.banner.news h1 {

		font-size: 5em;

		padding-top: 230px;

	}



	#product-logo, #about-logo {

		margin: 40px auto;

	}



	#app_ios, #app_android {

		width: auto;

		height: 58px;

		margin: 10px 30px;

	}



	.contact-details {

		margin: 0 auto;

		max-width: none;

		width: 390px;

		float: left;

	}



	.contact-details h2 {

		line-height: 6em;

	}



	.contact-details :last-child {

		margin-bottom: 0;

	}



	.contact-map {

		float: right;

		text-align: center;

	}



	.contact-map img {

		width: 100%;

		max-width: none;

	}



	.avail-details {

		padding-top: 140px;

		margin: 0 auto;

	}



	.reporting-features h2,

	.responding-features h2 {

		text-align: left;

		font-size: 1.5em;

		line-height: 3em;

	}



	.left-col {

		float: left;

		width: 65%;

	}



	.right-col {

		float: right;

		padding: 20px 40px;

	}



	#footer {

		margin-bottom: 0;

	}



	.home-slide-1.flexslider {

		height: 499px;

	}



	.news-slide {

		height: 98px;

		max-width: 1000px;

		margin: 0px auto 20px;

		line-height: 2em;

	}



	.news-slide .news-logo {

		width: 71px;

		height: 98px;

		min-width: 71px;

	}



	.news-slide .news-clip {

		width: 90%;

		margin-left: 20px;

	}



	.news-slide .news-clip #news-date {

		font-size: 1.3em;

	}



	.news-slide .news-clip #news-header {

		font-size: 1.4em;

	}



	.news-slide .flex-direction-nav a {

		width: 36px;

		height: 67px;

	}



	.news-slide .flex-direction-nav a.flex-prev {

		left: -100px;

	}



	.news-slide .flex-direction-nav a.flex-next {

		background-position: -36px 0;

		right: -100px !important;

	}



	.news-container {

		max-width: 900px;

		margin: 20px auto;

	}



	.news-container .left-col {

		border-bottom: none;

		border-right: solid 1px #000;

	}



	.news-container .left-col article {

		overflow: hidden;

	}



	.news-container .right-col {

		float: left;

	}



	.archive-thumb,

	.archive-no-thumb {

		float: left;

		margin-right: 20px;

	}



	.single-post article {

		max-width: 1000px;

		margin: 0 auto;

	}



	.single-post article .attachment-post-thumbnail {

		max-width: 248px;

		margin: 0 20px 20px 0;

		float: left;

	}



	.cat-links {

		margin-bottom: 20px;

	}



	.cat-links a {

		font-size: 1.4em;

	}



	.single-post article .entry-title a {

		font-size: 1.4em;

		line-height: 2em;

	}



	#video-player {

		max-width: 640px;

		max-height: 320px;

	}
	#video-player-robot {

		max-width: 640px;

		max-height: 320px;

	}



	.support-container {

		max-width: 1000px;

		margin: 20px auto;

		overflow: hidden;

	}



	.support-menu {

		font-size: 1.5em;

		padding: 0 20px;

		float: left;

		width: 30%;

	}



	.support-menu li {

		line-height: 3em;

		margin: 0 0 20px;

		float: none;

		text-align: left;

		width: 100%;

	}



	.support-menu li a {

		padding: 0 20px;

	}



	.support-container > #content {

		float: left;

		width: 65%;

		font-size: 1.2em;

		border-left: solid 1px #000;

	}



	.support-container article ul > li {

		margin-bottom: 20px;

		height: 36px;

	}



	.support-container article ul > li > strong:first-child {

		margin-bottom: 10px;

	}



	.download-container {

		max-width: 600px;

		padding: 115px 0 0 400px;

	}



	.download-images {

		text-align: left;

	}



	.download-images img {

		max-width: none;

	}



	.banner.download {

		height: 500px;

	}



	.banner.download h1 {

		font-size: 4em;

		padding: 0;

		text-align: left;

	}



	.banner.download h2 {

		font-size: 1.3rem;

		text-align: left;

		padding: 0;

		margin-bottom: 20px;

	}
	.cam-main-sec{
		display: block;
		height: 100vh;
		width: 100%;
		background:url('../img/cam-bg.jpg');
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}
	.cam-main-sec .cam-cont-sec{
		width: 100%;
		height: 100%;
		position: relative;
	}
	.cam-cont-sec .cam-note{
		width: 60%;
		height: 100%;
		margin-left: 100px;
		position: relative;
	}
	.cam-note .cam-note-in{
		width: 70%;
		height: 100%;
		background-color: rgba(0,0,0,0.70);
		box-sizing: border-box;
		padding-left: 20px;
	}
	.cam-note-in img{
		width: 55%;
		position: absolute;
		right: 0;
	}
	.cam-note-in .cam-main-content{
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		padding: 10px;
		position: relative;
	}
	.cam-main-content h1{
		font-size: 30px;
		font-weight: 700;
		color:#fff;
	}
	.cam-modal{
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.80);
		display: none;
		z-index: 999999;
		position: fixed;
		top:50%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding:30px;
	}
	.cam-modal .modal-cont{
		background-color: #fff;
		width: 40%;
		height: auto;
		margin: 30px auto;

	}
	.modal-cont .modal-main-cont{
		width: 100%;
		box-sizing: border-box;
		padding: 20px;

	}
	.modal-main-cont p{
		margin-bottom: 5px;
	}
	.cam-mobile{
		display: none;
		width: 100%;
		height: 100vh;
		position: relative;
		box-sizing: border-box;
		padding: 5px;
		background-color: #000;
	}

	.show{
	display: block;
	}
	.hide{
		display: none;
	}
	.cctv-sec{
		display: block;
		height: 100vh;
		width: 100%;		
	}
	.cctv-sec .cctv-left{
		width: 65%;
		height: 100%;
		position: relative;
		float: left;
		background:url('../img/traffic.jpg');
		background-size: cover;
		background-repeat: no-repeat;
	}
	.cctv-left .cctv-title{
		width: 100%;
		height: 100%;
		text-align: center;

	}
	.cctv-title h1{
		font-size: 40px;
		color:#fff;
		font-weight: 700;
		position: absolute;
		bottom:0%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 75%;
	}
	.cctv-sec .cctv-right{
		width: 35%;
		height: 100%;
		position: relative;
		float: right;
	}
	.cctv-right img{
		height: 60%;
		position: absolute;
		left: -80px;
		bottom:0;
	}
	.cctv-right .cctv-cont{
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		padding: 40px;
		padding-right: 10px;
	}
}