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, font, 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, hr, button {
	border: 0 none;
	font-size: 100%;
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: baseline;
}
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
img {
	max-width: 100%;
}
ol, ul {
	list-style: none outside none;
}
body {
	color: #444;
	font-size: 14px;
 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif  font-weight: normal;
	font-size: 14px;
	background: #fff;
	margin: 0;
	padding: 0;
}
h1 {
	color: #fff;
	font-family: 'Conv_Rockwell', Sans-Serif;
	font-weight: bold;
}
h2 {
	color: #2d5b31;
	font-size: 18px;
	font-family: 'Conv_MyriadPro-Regular', Sans-Serif;
	font-weight: bold;
}
h3 {
	font-size: 16px;
	color: #2d5b31;
	font-family: 'Conv_MyriadPro-Regular', Sans-Serif;
	font-weight: normal;
}
a {
	color: #09f;
}
p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #4d4d4d;
	line-height: 19px;
	font-weight: normal;
}
a:hover {
	text-decoration: none;
}
#back_to_camera {
	clear: both;
	display: block;
	height: 80px;
	line-height: 40px;
	padding: 20px;
}
.fluid_container {
	margin: 0 auto;
	max-width: 1000px;
	width: 90%;
}
.wapper {
	width: 100%;
	margin: 0 auto;
}

.main {
	width: 100%;
	max-width: 1002px;
	margin: 0 auto;
}
.main_inner {
	float: left;
	width: 100%;
}
.header {
	float: left;
	width: 100%;
	background: url(../images/body_bg2.jpg) repeat-x;
}
.top {
	float: left;
	width: 100%;
	background: url(../images/top_bg.jpg) repeat-x;
}
.top_right {
	float: right;
	width: 45%;
	margin: 5px 0px;
}
.link_home {
	float: left;
	width: auto;
	margin-top: 3px;
}
.number {
	float: right;
	width: 82%;
	margin: 5px 0px;
	background: url(../images/phone_icon.jpg) left center no-repeat;
	height: 25px;
	font-size: 14px;
	font-family: Helvetica, sans-serif;
	color: #a4ccff;
	padding-left: 35px;
}
.number span {
	color: #fff;
}
.header_inner {
	float: left;
	width: 100%;
}
.logo_main {
	float: left;
	width: auto;
	margin: 11px 0px;
}
.sec_logo {
	float: right;
	width: auto;
	margin: 30px 0px;
}
.main_slider {
	float: left;
	width: 100%;
}
.midl {
	float: left;
	width: 100%;
	margin-top: 25px;
}
.inner_button {
	float: left;
	width: 100%;
}
.inner_button ul {
	float: left;
	width: 100%;
}
.inner_button ul li {
	float: left;
	width: auto;
	margin-right: 38px;
}
.inner_button ul li:last-child {
	margin-right: 0px;
}
.inner_button ul li a {
	color: #000;
	font-size: 17px;
	text-decoration: none;
	text-transform: capitalize;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.inner_button ul li:hover {
	text-decoration: underline;
}
.inner_button li.color-1 {
	border-bottom: 3px solid #007eba;
}
.inner_button li.color-2 {
	border-bottom: 3px solid #00ba86;
}
.inner_button li.color-3 {
	border-bottom: 3px solid #b9ba00;
}
.inner_button li.color-4 {
	border-bottom: 3px solid #ba5e00;
}
.inner_button li.color-5 {
	border-bottom: 3px solid #ba0068;
}
.ser_boxes {
	float: left;
	width: 100%;
	margin-top: 25px;
}
.ser_boxes ul {
	float: left;
	width: 100%;
}
.ser_boxes ul li {
	float: left;
	width: 32%;
	margin-right: 0px;
}
.ser_boxes ul li:last-child {
	margin-right: 0%;
}
.ser_boxes3 {
	float: left;
	width: 100%;
	margin-top: 25px;
}
.ser_boxes3 ul {
	float: left;
	width: 100%;
}
.ser_boxes3 ul li {
	float: left;
	width: 100%;
	margin-right: 0px;
}
.ser_boxes3 ul li:last-child {
	margin-right: 0%;
}

.theater-systems2 {
	border: 1px solid #e3e5e5;
	background: #f9f9f9;
	
}
.theater-systems3 {
	border: 1px solid #e3e5e5;
	background: #f9f9f9;
	
}
.theater-systems3 ul {
	float: left;
	width: 100%;
	background: #f9f9f9;
	border: 1px solid #e3e5e5;
}
.theater-systems3 ul li {
	float: left;
	width: 100%;
	margin-right: 0px;
}

.theater-systems {
	border: 1px solid #e3e5e5;
	background: #f9f9f9;
	height: 400px;
}
.headin-2 {
	color: #ba5e00;
	font-size: 30px;
	font-weight: normal;
	background: #fbfbfc;
	height: 90px;
	border-bottom: 1px solid #e3e5e5;
	padding: 10px 15px 0 20px;
}
.headin-2a {
	color: #ba5e00;
	font-size: 30px;
	font-weight: normal;
	background: #fbfbfc;
	height: 50px;
	border-bottom: 1px solid #e3e5e5;
	padding: 10px 15px 0 20px;
}
.headin-2ab {
	color: #ba5e00;
	font-size: 30px;
	font-weight: normal;
	background: #fbfbfc;
	height: 50px;
	padding: 10px 15px 0 20px;
}
.pr-text {
	padding: 15px 20px 0 20px;
	font-size: 14px;
}
.read-icon a {
	background: url(../images/arrow.jpg) no-repeat;
	height: 39px;
	line-height: 39px;
	color: #ba5e00;
	font-size: 16px;
	padding-left: 45px;
	display: block;
	float: right;
	padding-right: 20px;
	margin-top: 8px;
}
.read-icon5 a {
	background: url(../images/arrow.jpg) no-repeat;
	height: 39px;
	line-height: 39px;
	color: #ba5e00;
	font-size: 16px;
	padding-left: 45px;
	display: block;
	float: left;
	padding-right: 20px;
	margin-top: 8px;
}
.security-products {
	width: 650px;
	border: 1px solid #e3e5e5;
	background: #f9f9f9;
	height: 450px;
	margin-left: 20px;
}
.headin-3 {
	color: #007eba;
	font-size: 30px;
	font-weight: normal;
	background: #fbfbfc;
	height: 90px;
	border-bottom: 1px solid #e3e5e5;
	padding: 10px 15px 0 20px;
}
.headin-3a {
	color: #007eba;
	font-size: 28px;
	font-weight: normal;
	background: #fbfbfc;
	height: 50px;
	border-bottom: 1px solid #e3e5e5;
	padding: 10px 15px 0 15px;
}
.headin-3ab {
	color: #007eba;
	font-size: 28px;
	font-weight: normal;
	background: #fbfbfc;
	height: 80px;
	border-bottom: 1px solid #e3e5e5;
	padding: 10px 15px 0 15px;
}
.read-icon-2 a {
	background: url(../images/arrow.jpg) no-repeat;
	height: 39px;
	line-height: 39px;
	color: #007eba;
	font-size: 16px;
	padding-left: 45px;
	display: block;
	float: right;
	padding-right: 20px;
	margin-top: 8px
}
.building {
	width: 320px;
	border: 1px solid #e3e5e5;
	background: #f9f9f9;
	height: 400px;
	margin-left: 38px;
}
.building2 {
	width: 100%;
	border: 1px solid #e3e5e5;
	background: #f9f9f9;
	height: 400px;
	margin-left: 38px;
}
.headin-4 {
	color: #00ba86;
	font-size: 30px;
	font-weight: normal;
	background: #fbfbfc;
	height: 90px;
	border-bottom: 1px solid #e3e5e5;
	padding: 10px 15px 0 20px;
}
.read-icon-3 a {
	background: url(../images/arrow.jpg) no-repeat;
	height: 39px;
	line-height: 39px;
	color: #00ba86;
	font-size: 16px;
	padding-left: 45px;
	display: block;
	float: right;
	padding-right: 20px;
	margin-top: 8px
}
.footer {
	text-align: center;
	width: 100%;
	background: url(../images/footer_bg.jpg) repeat-x #e4e4e6;
	
}
.copyright {
	text-align: center;
	width: auto;
	margin-top: 8px;
	font-size: 12px;
	color: #4d4d4d;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.footer-nav {
	text-align: center;
	width: 100%;
	margin-top: 8px;
}
.footer-nav li.nbg {
	background: none;
}
.footer-nav li {
	text-align: center;
	background: url(../images/ftr_stp.jpg) 0 8px no-repeat;
	
}
.footer-nav li a {
	padding: 0px 13px;
	color: #535455;
	font-size: 12px;
	text-decoration: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: center;
}
.footer-nav li a:hover {
	color: #000000;
	text-decoration: underline;
}
.footer_bootom {
	float: left;
	width: 100%;
	background: #f9f9f9;
}
.clients_logo {
	float: left;
	width: 100%;
	margin: 25px 0px;
}
.clients_logo ul {
	float: left;
	width: 100%;
}
.clients_logo ul li {
	float: left;
	width: auto;
	margin-right: 10px;
}
.contact-link {
	float: right;
	width: 65%;
	margin: 15px 0px;
}
.headin-ftr {
	color: #252525;
	font-size: 22px;
}
ul.link-contact {
	float: left;
	width: 100%;
}
ul.link-contact li {
	float: left;
	width: 100%;
	line-height: 18px;
	font-size: 12px;
	color: #535455;
}
.tool-free {
	width: 180px;
	color: #535455;
	font-size: 16px;
	font-weight: normal;
}
.temp-banner {
	width: 100%;
	margin-top: 20px;
}
.navigation {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
}
.navigation li {
	float: left;
	padding-bottom: 5px;
	margin-right: 61px;
}
.navigation li.nbg {
	margin-right: 0px;
}
.navigation li a {
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration: none;
}
.navigation li.color-01 {
	border-bottom: 2px solid #007eba;
}
.navigation li.color-02 {
	border-bottom: 2px solid #00ba86;
}
.navigation li.color-03 {
	border-bottom: 2px solid #b9ba00;
}
.navigation li.color-04 {
	border-bottom: 2px solid #ba5e00;
}
.navigation li.color-05 {
	border-bottom: 2px solid #ba0068;
}
.navigation li a:hover {
	color: #85deff;
	text-decoration: none;
}
.navigation li.active a {
	color: #85deff;
	text-decoration: none;
}
.temp-banner img {
	margin-top: 0px;
}
.left-section {
	float: left;
	width: 25%;
}
.nav-left ul {
	float: left;
	padding: 10px 10px 10px 10px;
	background: url(../images/left_bg.jpg) repeat-x;
	border: 1px solid #bbd1db;
	height: 150px;
}
.nav-left li {
	float: left;
	height: 26px;
	width: 180px;
	line-height: 26px;
	background: url(../images/arrow_stp.png) no-repeat 0 9px;
	padding-left: 18px;
}
.nav-left li a {
	color: #165b77;
	font-size: 13px;
	border-bottom: 1px solid #c1d5df;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-decoration: none;
	display: block;
}
.nav-left li a:hover {
	color: #16191c;
}
.nav-left li a.nbg {
	border: none;
}
.nav-left li.active a {
	color: #16191c;
}
.right-section {
	float: right;
	width: 73%;
	padding-right: 15px;
}
.headin-5 {
	color: #007eba;
	font-size: 25px;
	font-weight: bold;
	border-bottom: 1px solid #e3e5e5;
}
.about-content {
	width: 100%;
	margin-top: 15px;
}
.toggle{ display:none; float:left; width:100%;  background:#ba5e00; color:#fff; line-height:39px; text-align:center; cursor:pointer;}

/*************************Website Responsive**********************/

@media(max-width:1002px){
	.top_right{ width:33%;}
	.header_inner{ padding:0px 13px;}
	.inner_button ul li:nth(3){ margin-right:0px;}
	.ser_boxes ul li{ float:left; width:100%;}
	.midl{ float:left; width:100%; padding:0px 13px;}
	.inner_button{float: none;
    margin: 0 auto;
    max-width: 674px;
    width: 100%;}
	.theater-systems{ height:240px;}
	.security-products{ float:left; height:270px; width:100%; max-width:inherit; margin:10px 0px;}
	.headin-2{ height:56px;}
	.building{ float:left; width:100%; margin:10px 0px; height:270px;}
	.copyright{ float:left; width:100%; text-align:center;}
	.footer-nav{ float:none; width:100%; max-width:649px; margin:0px auto;}
	.footer-nav ul{ margin:15px 0px;}
	.clients_logo{ float:none; width:100%; margin:0 auto; max-width:248px;}
	.clients_logo ul{ margin:15px 0px;}
	.contact-link{ float:none; width:100%; max-width:350px; margin:0 auto;}
	.headin-ftr{ display:none;}
	ul.link-contact{ float:left; width:100%; margin:0;}
	ul.link-contact li{ float:left; width:100%; text-align:center;}
	.navigation{ float:left; width:100%;}
	.navigation ul{ float:none; width:100%; margin:0 auto; max-width:673px;}
	.right-section{ width:70%;}
	}
@media(max-width:768px){
	.top_right{ width:43%;}
	.footer-nav li a{ padding:0 8px;}
	.theater-systems{ height:270px;}
	.security-products{ height:290px;}
	.building{ height:290px;}
	.left-section{ float:none; width:100%; max-width:200px; margin:0 auto;}
	.right-section{ float:left; width:100%; margin:20px 0px; padding:0;}
	}
@media(max-width:592px){
.top_right{ width:53%;}
.footer-nav{ max-width:346px;}
}

@media(max-width:479px){
	.top_right{ width:91%;}
	.logo_main{ float:left; width:100%; text-align:center;}
	.sec_logo{ float:left; width:100%; text-align:center;}
	.inner_button{ max-width:244px;}
	.inner_button ul li{ margin:0; text-align:center; line-height:30px; float:left; width:100%;}
	.toggle{ display:block;}
.menu{ display:none;}
.navigation .toggled-on{ padding:0;}
.toggled-on li{width:100%; text-align:center;}
.navigation .toggled-on li a{ border-radius:0px 0px 0px 0px; -webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px;}
.navigation .toggled-on li:hover .sub-menu{ position:inherit; width:100%;}
.inner_button{ max-width:inherit;}
.headin-2{ height:95px;}
.theater-systems{ height:430px;}
.security-products{ height:420px;}
.building{ height:420px;}
.footer-nav{ max-width:236px;}
.headin-3ab {
	color: #007eba;
	font-size: 24px;
	font-weight: normal;
	background: #fbfbfc;
	height: 80px;
	border-bottom: 1px solid #e3e5e5;
	padding: 10px 15px 0 15px;
}	
	
	}