w/*******************************************************************************

	DK Framework
	Title: CSS Framework
	Author: Mahmoud Azzam
	Date: February 2013

********************************************************************************

	1. BASE
		1.1 Reset & normalize
		1.2 Clearfix
		1.3 @font-face
		1.4 Selection pseudo-elements
		1.5 Pseudo-class transitions
		1.6 Image replacement
		1.7 Default styles
		1.8 Type & content properties

	2. COMMON
		2.1 Container
		2.2 Navigation
		2.3 Header
		2.4 Content
		2.5 Sidebar
		2.6 Footer

	3. PAGES
		3.1 Home

	4. TABLET - MOBILE
	5. PRINT

*******************************************************************************/


/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 Reset & normalize
------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
 [hidden] {
 display: none;
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100%;
}
html, button, input, select, textarea {
	font-family: sans-serif;
}
body {
	line-height: 1;
	height: 100%;
}
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
b, strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
mark {
	background: #ff0;
	color: #000;
}
pre, code, kbd, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -.5em;
}
sub {
	bottom: -.25em;
}
nav ol, nav ul {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
	overflow: hidden;
}
legend {
	white-space: normal;
 *margin-left: -7px;
	display: none;
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
 *vertical-align: middle;
}
button, input {
	line-height: normal;
}
a[href], label[for], select, input[type=checkbox], input[type=radio] {
	cursor: pointer;
}
button, input[type=button], input[type=reset], input[type=submit] {
	cursor: pointer;
	-webkit-appearance: button;
 *overflow: visible;
}
button[disabled], input[disabled] {
	cursor: default;
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
 *height: 13px;
 *width: 13px;
}
input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
 input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
 -webkit-appearance: none;
}
 button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* 1.2 Clearfix
------------------------------------------------------------------------------*/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ' ';
	clear: both;
	height: 0;
}
.clearfix {
	zoom: 1;
	clear: both;
}



/* 1.4 Selection pseudo-elements
------------------------------------------------------------------------------*/

::-moz-selection {
 color: #333;
 background: #ccc;
}
::selection {
	color: #333;
	background: #ccc;
}
*:focus {
	outline: none;
}
/* 1.5 Pseudo-class transitions
------------------------------------------------------------------------------*/

a, a:hover, a:focus, a:active, button, button:hover, button:focus, button:active, input, input:hover, input:focus, input:active, textarea, textarea:hover, textarea:focus, textarea:active {
	-moz-transition: all .15s ease-out;
	-webkit-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	-ms-transition: all .15s ease-out;
	transition: all .15s ease-out;
}
/* 1.7 Default styles
------------------------------------------------------------------------------*/

body {
	display: block;
}
label {
	display: inline-block;
}
input[type=password], input[type=text], textarea {
}
input[type=password]:focus, input[type=text]:focus, textarea:focus {
}
textarea {
}
button, input[type=button], input[type=reset], input[type=submit], .button {
}
.oldie button, .oldie input[type=button], .oldie input[type=reset], .oldie input[type=submit], .oldie .button {
}
.oldie .button {
}
button:hover, button:focus, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus, .button:focus {
}
button:active, input[type=button]:active, input[type=image]:active, input[type=reset]:active, input[type=submit]:active, .button:active {
}
table {
}
caption {
}
th, td {
}
hr {
	display: none;
}
@font-face {
	font-family: 'lucida_granderegular';
	src: url('../fonts/lucidagranderegular-webfont.eot');
	src: url('../fonts/lucidagranderegular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/lucidagranderegular-webfont.woff') format('woff'),  url('../fonts/lucidagranderegular-webfont.ttf') format('truetype'),  url('../fonts/lucidagranderegular-webfont.svg#lucida_granderegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* 1.8 Type & content properties
------------------------------------------------------------------------------*/
body, p {
	font-family: 'lucida_granderegular', sans-serif;
	color: #484848;
	font-size: 16px;
	line-height: 25px;
	text-align: justify;
}
a {
}
a:hover {
}
h1 {
	color: #484847;
	font-size: 40px;
	text-transform: uppercase;
	font-family: 'lucida_granderegular', serif;
	margin: 0;
}
h2 {
	color: #fff;
	font-size: 40px;
	text-transform: uppercase;
	font-family: 'lucida_granderegular', serif;
	margin: 0;
}
h3 {
	color: #fff;
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'lucida_granderegular', serif;
	margin: 0;
}
h4 {
	color: #484847;
	font-size: 18px;
	font-family: 'lucida_granderegular', serif;
	margin: 0;
	text-transform: capitalize;
	font-weight: bold;
}
h5 {
	color: #323232;
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'lucida_granderegular', serif;
	margin: 0;
}
h6 {
	display: block;
	background: #a9343a;
	text-transform: capitalize;
	font-family: 'lucida_granderegular', serif;
	margin: 0;
	padding: 10px 0 10px 15px;
	color: #FFFFFF;
	font-size: 18px;
}
h7 {
	color: #5B5A58;
	font-size: 30px;
	text-transform: uppercase;
	font-family: 'lucida_granderegular', serif;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, h7 {
}
blockquote {
}
p, pre {
}
dl, menu, ol, ul {
}
menu, ol, ul {
}
li ol, li ul {
}
dd {
}
table {
}
p:first-child, blockquote:first-child, pre:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, ul:first-child, ol:first-child, dl:first-child, table:first-child {
}
p:last-child, blockquote:last-child, pre:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child {
}
p {
}
a {
}
/*=====================================restracture============*/
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
/*padding:0;*/
}
.col-xs-12 {
/*padding:0;*/
}
/*=====================================container============*/
.container {
	position: relative;
	width: 1100px;
	display: block;
	margin: 0 auto;
	padding: 0;
}
.row {
	margin: 0;
}
/*=====================================button up============*/
#buttonUp {
	width: 46px;
	height: 46px;
	background: url(../images/buttonUp.png) no-repeat center center;
	bottom: 150px;
	color: #000000;
	display: block;
	position: fixed;
	right: 5%;
	text-decoration: none;
	z-index: 90;
	padding-top: 3px;
}
/*=====================================Icons============*/
.securityIcon {
	display: block;
	height: 57px;
	width: 38px;
	background: url(../images/securityIcon.png) no-repeat left top;
}
.audioVideoIcon {
	display: block;
	height: 57px;
	width: 57px;
	background: url(../images/audioVideoIcon.png) no-repeat left top;
}
.integrationIcon {
	display: block;
	height: 57px;
	width: 47px;
	background: url(../images/securityIcon.png) no-repeat right top;
}
.intursionIcon {
	display: block;
	height: 57px;
	width: 94px;
	background: url(../images/intursionIcon.png) no-repeat center top;
}
.SurveillanceIcon {
	display: block;
	height: 57px;
	width: 94px;
	background: url(../images/SurveillanceIcon.png) no-repeat center top;
}
.accessControlIcon {
	display: block;
	height: 57px;
	width: 94px;
	background: url(../images/accessControlIcon.png) no-repeat center top;
}
.masterAntennaIcon {
	display: block;
	height: 57px;
	width: 94px;
	background: url(../images/masterAntennaIcon.png) no-repeat center top;
}
.voipIcon {
	display: block;
	height: 57px;
	width: 94px;
	background: url(../images/SurveillanceIcon.png) no-repeat center top;
}
.publicAddressIcon {
	display: block;
	height: 57px;
	width: 94px;
	background: url(../images/publicAddressIcon.png) no-repeat center top;
}
.iconLeftArrow {
	display: block;
	width: 54px;
	height: 48px;
	background: url(../images/sliderArrows.png) no-repeat left center;
}
.iconrightArrow {
	display: block;
	width: 54px;
	height: 48px;
	background: url(../images/sliderArrows.png) no-repeat right center;
}
.newsMailIcon {
	background: #b4373c url(../images/footerIcons.png) no-repeat center top;
	width: 88px;
	height: 71px;
	display: block;
}
.locationIcon {
	background: #b4373c url(../images/footerIcons.png) no-repeat center -78px;
	width: 88px;
	height: 71px;
	display: block;
}
.mobileIcon {
	background: #b4373c url(../images/footerIcons.png) no-repeat center -156px;
	width: 88px;
	height: 71px;
	display: block;
}
.faxIcon {
	background: #b4373c url(../images/footerIcons.png) no-repeat center -235px;
	width: 88px;
	height: 71px;
	display: block;
}
.emailIcon {
	background: #b4373c url(../images/footerIcons.png) no-repeat center bottom;
	width: 88px;
	height: 71px;
	display: block;
}
.searchIcon {
	background: url(../images/searchIcon.jpg) no-repeat center center;
	width: 60px;
	height: 66px;
	display: block;
}
/*=====================================backgrounds============*/
.background01 {
	background: #fff;
}
/* yellow */
.background02 {
	background: #efe8be;
}
/* dark gray */
.background03 {
	background: #484847;
}
/* red */
.background04 {
	background: #a93439;
}
/*=====================================general============*/
body {
	background: #EFE8BE;
}
.readMore {
	display: block;
	font-family: 'lucida_granderegular', sans-serif;
	font-size: 14px;
	padding: 10px 30px;
	text-align: center;
	text-transform: uppercase;
	float: left;
}
.btnSubmit {
	font-weight: bold;
	background: #A9343A;
	padding: 10px 15px;
	color: #fff;
	font-size: 14px;
	font-family: 'lucida_granderegular';
	border: 0;
	border-radius: 0;
	text-transform: uppercase;
}
.btnSubmit:hover {
	color: #fff;
	background: #BE494F;
}
.btnSubmitSmall {
	background: #A9343A;
	padding: 8px;
	color: #fff;
	font-size: 14px;
	font-family: 'lucida_granderegular';
	border: 0;
	border-radius: 0;
	text-transform: uppercase;
}
.btnSubmitSmall:hover {
	color: #fff;
	background: #BE494F;
}
.uploadBg {
	display: block;
	width: 153px;
	height: 158px;
	background: url(../images/uploadAllBtn.png) no-repeat center top;
}
/*======================header==============*/
/* 1.6 Image replacement
------------------------------------------------------------------------------*/
header {
	position: absolute;
	display: block;
	top: 20px;
	width: 100%;
	z-index: 2;
	margin: 0 auto;
}
header .logo {
	width: 162px;
	height: 35px;
	text-indent: -99999px;
	margin: 15px 0;
}
header .logo span {
	background: url(../images/deglaLogo.png) no-repeat;
}
.ir {
	display: block;
	position: relative;
	overflow: hidden;
}
.ir span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.ie7 .ir a span, .ie7 a.ir span {
	cursor: pointer;
}
/* Nav 
------------------------------------------------------------------------------*/
header .HideNav .navbar-nav.mainNav {
	margin: 0 2%;
}
header .HideNav .navbar-default {
	background: #fff;
	border: 0;
	box-shadow: none;
	margin: 0 15px;
	padding: 0;
	border-radius: 0;/*width:100%;*/
}
header .HideNav .navbar-header {
	margin-left: 15px;
}
header .HideNav .navbar-collapse {
	padding: 0;
}
header .HideNav .sidebar-nav {
	padding: 9px 0;
}
header .HideNav .navbar-default .navbar-nav > li > a {
	padding: 23px 10px;
	text-transform: uppercase;
	color: #9E958C;
	font-family: 'lucida_granderegular', sans-serif;
	font-size: 12px;
	text-shadow: none;
}
header .HideNav .navbar-default .navbar-nav > li > a:hover, header .HideNav .navbar-default .navbar-nav > .active > a {
	background: #a93439;
	color: #fff;
}
header .HideNav .dropdown-menu .sub-menu {
	left: 100%;
	position: absolute;
	top: 0;
	visibility: hidden;
	margin-top: -1px;
}
header .HideNav .dropdown-menu li:hover .sub-menu {
	visibility: visible;
}
header .HideNav .dropdown:hover .dropdown-menu {
	display: block;
}
header .HideNav .nav-tabs .dropdown-menu, header .HideNav .nav-pills .dropdown-menu, header .HideNav .navbar .dropdown-menu {
	margin-top: 0;
}
header .HideNav .navbar .sub-menu:before {
	border-bottom: 7px solid transparent;
	border-left: none;
	border-right: 7px solid rgba(0, 0, 0, 0.2);
	border-top: 7px solid transparent;
	left: -7px;
	top: 10px;
}
header .HideNav .navbar .sub-menu:after {
	border-top: 6px solid transparent;
	border-left: none;
	border-right: 6px solid #fff;
	border-bottom: 6px solid transparent;
	left: 10px;
	top: 11px;
	left: -6px;
}
header .HideNav .searchNav .form-control, header .HideNav .searchNav .input-group-btn {
	float: left;
}
header .HideNav .searchNav .form-control {
	width: 110px;
	border: 0;
	border-radius: 0;
	background: #EFE8BE;
	padding: 15px 5px;
	margin: 0;
	height: 66px;
	color: #5A5957;
	font-family: 'lucida_granderegular', sans-serif;
	display: none;
}
header .HideNav .searchNav .form-control:focus {
	box-shadow: none;
}
header .HideNav .navbar-nav.navbar-right:last-child {
	margin-right: 0;
}
.SearchBtn {
	border-radius: 0;
	border: 0;
	box-shadow: none;
	padding: 0;
}
.searchNav .navbar-form {
	margin: 0;
}
/* mega Nav special
-------------------*/
header .HideNav .navbar-default .navbar-nav > .active > a:hover, header .HideNav .navbar-default .navbar-nav > .active > a:focus {
	background: #A93439;
	color: #fff;
}
header .HideNav .nav > li, header .HideNav .dropdown {
	position: inherit;
}
header .HideNav .navbar-nav > li > .dropdown-menu li:first-child {
	margin-left: 30%;
}
header .HideNav .dropdown-menu {
	left: 0;
}
header .HideNav .navbar-nav > li > .dropdown-menu {
	border: 0;
	border-radius: 0;
	background: #A93439;
	padding: 0;
	width:100% !important;
}
header .HideNav .navbar-nav > li > .dropdown-menu li {
	float: left;
}
header .HideNav .navbar-nav > li > .dropdown-menu li a {
	font-size: 12px;
	color: #fff;
	padding: 10px 30px;
}
header .HideNav .navbar-nav > li > .dropdown-menu li a:hover, header .HideNav .navbar-nav > li > .dropdown-menu li.active a {
	color: #EFE8BE;
	background: none;
}
header .HideNav .navbar-nav > li > .dropdown-menu li:hover a {
	background: 0;
}
/* Main Slider
------------------------------------------------------------------------------*/
.mainSlider {
	display: block;
	width: 100%;
	position: relative;
}
.mainSlider .titleGray {
	background: #484848;
	color: #FFFFFF;
	font-family: 'lucida_granderegular', sans-serif;
	font-size: 21pt;
	padding: 15px;
	text-transform: uppercase;
	float: left;
	clear: both;
	display: block;
	margin-bottom: 20px;
}
.mainSlider .textRed {
	background: none repeat scroll 0 0 #A93439;
	color: #FFFFFF;
	font-family: 'lucida_granderegular', sans-serif;
	font-size: 18pt;
	padding: 15px;
	text-transform: uppercase;
	float: left;
	clear: both;
	display: block;
}
.mainSlider .carousel-caption {
	left: 15px;
	top: -300px;
	padding: 0;
}
.carousel-control.left, .carousel-control.right {
	background: none;
}
.iconLeftArrow {
	float: left;
	margin-top: -24px;
	position: absolute;
	top: 50%;
}
.iconrightArrow {
	float: right;
	margin-top: -24px;
	position: absolute;
	top: 50%;
	right: 0;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width:100%;
}
/* solutions blocks
------------------------------------------------------------------------------*/
.solutionsMain {
	display: block;
	width: 100%;
	position: relative;
	padding: 0 20px;
	height: 220px;
}
.solutionsMainBlocks {
	margin: 0;
	width: 100%;
	display: block;
	float: left;
	margin: -35px 0 0;
}
.solutionsMainBlocks li {
	width: 25%;
	display: block;
	float: left;
}
.solutionsMainBlocks li a:hover {
	text-decoration: none;
}
.ourSecurityMain {
	background: #fff;
	padding: 25px 0 0 25px;
}
.ourSecurityMain .readMoreSmall {
	background: #5a5957 url(../images/readMore.jpg) no-repeat right center;
	color: #DAD6D2;
	display: block;
	font-family: 'lucida_granderegular', sans-serif;
	font-size: 12px;
	height: 38px;
	padding: 7px 38px 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 150px;
	float: right;
	margin-top: 25px;
}
.ourSecurityMain span.title {
	color: #5a5957;
	font-family: 'lucida_granderegular', sans-serif;
	font-size: 26px;
	text-transform: uppercase;
	display: block;
	width: 150px;
	line-height: 30px;
}
.solutionsMainBlock {
	display: block;
	padding: 43px 0;
	text-align: center;
	line-height: 20px;
}
.securityMain {
	background: #a93439;
}
.audioVideoMain {
	background: #b4373c;
}
.integrationMain {
	background: #c93a40;
}
.solutionsMainBlock span {
	color: #fff;
	font-family: 'lucida_granderegular', sans-serif;
	margin: 0 auto;
}
.solutionsMainBlock a span.title {
	text-transform: uppercase;
	font-size: 16px;
	width: 100%;
	display: block;
	margin-top: 15px;
}
/* about main blocks
------------------------------------------------------------------------------*/
.aboutMain {
	padding: 60px 0;
	display: block;
	width: 100%;
	position: relative;
}
.aboutMain h1 {
	position: absolute;
	top: -80px;
}
.aboutMain p {
	line-height: 35px;
}
.aboutMain a.readMore {
	color: #DAD6D2;
	background: #484847;
	margin-top: 60px;
}
.aboutMain a.readMore:hover {
	color: #fff;
	background: #5a5957;
	text-decoration: none;
}
/* our clients blocks
------------------------------------------------------------------------------*/
.ourClientsMain {
	padding: 30px 0 0;
	display: block;
	width: 100%;
	position: relative;
	background: url(../images/banners/ourClientsMain.png) no-repeat center top;
}
.ourClientsMain h2 {
	width: 170px;
}
.ourClientsMain p {
	color: #fff;
	padding-top: 30px;
}
.ourClientsMain a.readMore {
	color: #63625D;
	background: #EFE8BE;
	margin-top: 60px;
	margin-bottom: 30px;
}
.ourClientsMain a.readMore:hover {
	color: #63625D;
	background: #ece7ca;
	text-decoration: none;
}
.ourClientsTicker {
	display: block;
	min-height: 328px;
}
.ourClientsTicker .slide {
	background: none;
	color: #FFFFFF;
	font-size: 16px;
	padding: 10px;
	height: 328px;
}
.ourClientsTicker .slide > li {
	list-style: none inside none;
	text-align: center;
}
.ourClientsTicker .slide > li {
	height: 200px;
	visibility: visible;
	margin-top: 140px;
}
.ourClientsTicker span {
	color: #484848;
	font-size: 16px;
	font-family: 'lucida_granderegular', sans-serif;
}
/* emptyBackground block
------------------------------------------------------------------------------*/
.emptyBackground {
	display: block;
	padding: 50px 0;
	position: relative;
	width: 100%;
}
/* brandsMain block
------------------------------------------------------------------------------*/
.brandsMain {
	display: block;
	padding: 40px 0;
	position: relative;
	width: 100%;
}
.brandsMain h1 {
	position: absolute;
	top: -58px;
}
.brandsMain .bx-wrapper {
	max-width: 100% !important;
}
.brandsMain a {
	position: relative;
}
.brandsMain a span.blackLayer {
	position: absolute;
	display: block;
	background: rgba(0 ,0,0,.4);
	width: 100%;
	height: 100%;
}
.bxslider li {
	position: relative;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");/* firefox 10+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
	-webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
.bxslider li:hover {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");/* firefox 10+ */
	filter: none; /* IE6-9 */
	-webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */
	-webkit-transition: 0; /* Fade to color for Chrome and Safari */
	-webkit-backface-visibility: visible; /* Fix for transition flickering */
}
/* NewsLatter block
------------------------------------------------------------------------------*/
.NewsLatter {
	display: block;
	padding: 0;
	position: relative;
	width: 100%;
}
.NewsLatter p {
	color: #fff;
}
.NewsLatter h3 {
	margin-top: 13px;
}
.NewsLatter h3, .NewsLatter p {
	float: left;
	padding-left: 50px;
}
.NewsLatter .newsMailIcon {
	float: left;
}
.NewsLatter .input-group {
	margin: 15px 0;
}
.NewsLatter .NewsLatterInput {
	background: #fff;
	border-radius: 0;
	border: 0;
	box-shadow: none;
	height: 38px;
	margin-top: 1px;
}
.NewsLatter .btn-Go {
	background: url(../images/readMore.jpg) no-repeat center center;
	border-radius: 0;
	height: 40px;
	width: 40px;
}
.NewsLatter .input-group-btn:last-child > .btn {
	margin: 0;
	border: 0;
}
/* footer
------------------------------------------------------------------------------*/
/* footerTop block
----------------------*/
.footerTop {
	display: block;
	padding: 0;
	position: relative;
	width: 100%;
}
.footerTop h3 {
	padding: 30px 0;
}
.contactInfo {
	display: block;
	width: 100%;
	margin: 0;
	list-style: none;
}
.contactInfo li {
	display: block;
	width: 100%;
	clear: both;
}
.contactInfo li span {
	float: left;
	margin-right: 42px;
}
.contactInfo li p {
}
/*.contactInfo li a, .contactInfo li p {
	display: block;
	width: 100%;
	padding: 23px 0;
	color: #FFFFFF;
	font-family: 'lucida_granderegular', sans-serif;
	font-size: 20px;
}*/
.contactInfo li a, .contactInfo li p , span.faxNumb {
	display: block;
	margin: 23px 0;
	color: #FFFFFF;
	font-family: 'lucida_granderegular', sans-serif;
	font-size: .9em;
	float:left;
}

footer .logo {
	width: 302px;
	height: 88px;
	text-indent: -99999px;
	float: right;
	display: block;
	margin-top: 30%;
}
footer .logo span {
	background: url(../images/logoFooter.png) no-repeat center center;
}
/* footerBottom block
----------------------*/
.footerBottom {
	display: block;
	padding: 0;
	position: relative;
	width: 100%;
}
.footerNav {
	display: block;
	margin: 0;
	padding: 30px 0;
	float: left;
	width: 100%;
	list-style: none;
}
.footerNav li {
	float: left;
}
.footerNav li a {
	font-family: 'lucida_granderegular', sans-serif;
	font-size: 12px;
	text-align: left;
	text-transform: uppercase;
	color: #484848;
	padding: 0 8px;
}
.footerNav li:first-child a {
	padding-left: 0;
}
.footerNav a:hover {
	color: #484848;
}
.footerBottom p {
	font-size: 9px;
	padding: 31px 0;
}
/* Pages
------------------------------------------------------------------------------
------------------------------------------------------------------------------
------------------------------------------------------------------------------*/

/* about page
------------------------------------------------------------------------------*/
.aboutBanner {
	display: block;
	width: 100%;
	position: relative;
	/*background:url(../images/aboutBanner.jpg) no-repeat center center;
	min-height:524px;*/
	background: #fff;
}
.aboutBanner img {
	width: 100%;
}
.aboutPage {
	padding: 60px 0;
	display: block;
	width: 100%;
	position: relative;
}
.aboutPage h1 {
	width: 200px;
}
.aboutPage h1.titleTop {
	position: absolute;
	top: -87px;
}
.aboutPage h4 {
	margin: 10px 0;
}
.aboutPage p {
	line-height: 35px;
}
.aboutPage .blockWrapper {
	padding: 60px 0;
}
.aboutPage .blockWrapper h1 {
	margin-bottom: 20px;
}
.aboutPage h1.title {
	position: absolute;
	top: -107px;
}
.valueBlocks {
	max-width: 213px;
	display: block;
	margin: 0 auto;
	cursor: default;
	height: 175px;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.mask {
	display: block;
	width: 100%;
	opacity: 1;
	min-height: 231px;
	position: absolute;
	padding: 10px 0;
	z-index: 2;
	background: #b4373b;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	-webkit-transform: translateY(360px);
	-moz-transform: translateY(360px);
	-o-transform: translateY(360px);
	-ms-transform: translateY(360px);
	transform: translateY(360px);
}
.mask p {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-top: 60px;
	text-align: center;
	text-transform: uppercase;
}
.valueBlocks:hover .mask {
	display: block;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.aboutPage .txtWrapper {
	max-width: 213px;
	display: block;
	margin: 10px auto 0;
	cursor: default;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.valueBlocks.left, .aboutPage .txtWrapper.left {
	float: left;
	clear: both;
}
.valueBlocks.right, .aboutPage .txtWrapper.right {
	float: right;
	clear: both;
}
/* brands partnership page
------------------------------------------------------------------------------*/
.brandsPartnership {
	display: block;
	width: 100%;
	position: relative;
	background: #fff;
}
.brandsPartnership img {
	width: 100%;
}
.brandsPage {
	padding: 60px 0;
	display: block;
	width: 100%;
	position: relative;
}
.brandsPage .col-xs-6 {
	margin-bottom: 30px;
}
.brandsPage h1.titleTop {
	position: absolute;
	top: -87px;
}
.brandsPartnershipBlock {
	width: 100%;
	height: 367px;
	position: relative;
	overflow: hidden;
}
.brandsPartnershipBlock img {
	margin: 0 auto;
	display: block;
}
.brandShipWrapper {
	display: block;
	width: 100%;
	opacity: 1;
	min-height: 367px;
	position: absolute;
	padding: 10px 0;
	z-index: 2;
	background: #efe8be;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	-webkit-transform: translateY(360px);
	-moz-transform: translateY(360px);
	-o-transform: translateY(360px);
	-ms-transform: translateY(360px);
	transform: translateY(360px);
}
.brandShipWrapper h4 {
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 10px 10px 0;
	position: relative;
	text-align: left;
}
.brandShipWrapper p, .brandShipWrapper a {
	font-size: 12px;
	line-height: 20px;
	padding: 10px 10px 20px;
	position: relative;
}
.brandShipWrapper p {
	color: #484848;
}
.brandShipWrapper a {
	width: 100%;
	clear: both;
	display: block;
}
.brandsPartnershipBlock:hover .brandShipWrapper {
	display: block;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.brandShipWrapper {
	display: block;
	width: 100%;
	opacity: 1;
	height: 0;
	position: absolute;
	padding: 10px 0;
	z-index: 2;
	cursor: default;
	overflow: hidden;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	-webkit-transform: translateY(360px);
	-moz-transform: translateY(360px);
	-o-transform: translateY(360px);
	-ms-transform: translateY(360px);
	transform: translateY(360px);
}
.brandShipWrapper p {
	font-size: 12px;
	line-height: 20px;
	padding: 10px 10px 20px;
	color: #484848;
	position: relative;
}
.brandShipWrapper a {
	font-size: 12px;
	line-height: 20px;
	padding: 10px 10px 20px;
	position: relative;
}
.brandsPartnershipBlock:hover .brandShipWrapper {
	display: block;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
/* brands partnership page
------------------------------------------------------------------------------*/
.strategicPage {
	display: block;
	width: 100%;
	position: relative;
	background: #fff;
}
.strategicPage img {
	width: 100%;
}
.strategicPartnership {
	padding: 60px 0;
	display: block;
	width: 100%;
	position: relative;
}
.strategicPartnership h1.titleTop {
	position: absolute;
	top: -87px;
}
.strategicPartnership p {
	line-height: 35px;
}
.strategicPartnership .block {
	width: 100%;
	clear: both;
	display: block;
	margin-bottom: 20px;
}
.strategicPartnership .block .imgCenterWide {
	width: 416px;
	display: block;
	margin: 0 auto;
}
.strategicPartnership .block .imgCenter {
	width: 208px;
	display: block;
	margin: 0 auto;
}
/* applications page
------------------------------------------------------------------------------*/
.applicationsPage {
	display: block;
	width: 100%;
	position: relative;
	background: #fff;
}
.applicationsPage img {
	width: 100%;
}
.applicationsBlock {
	padding: 60px 0;
	display: block;
	width: 100%;
	position: relative;
}
.applicationsBlock .titleTop {
	position: absolute;
	top: -87px;
}
.applicationsBlock .tabs {
	display: block;
	float: left;
	margin: 40px 0 0;
	width: 100%;
}
.applicationsBlock .nav-tabs {
	display: block;
	width: 100%;
	float: left;
	border: 0;
}
.applicationsBlock .nav-tabs li {
	display: block;
	width: 100%;
	float: left;
	list-style: none;
	margin: 11px 0;
}
.applicationsBlock .nav-tabs li a {
	color: #484848;
	cursor: pointer;
	font-size: 20pt;
	font-weight: bold;
	padding: 0 0 0 20px;
	border: 0;
	margin: 0;
	display: block;
	width: 100%;
}
.applicationsBlock .nav-tabs li:first-child {
	margin-top: 5px;
}
.applicationsBlock .nav-tabs li a:hover {
	border: 0;
	border-radius: 0;
	text-decoration: none;
	background: #efe8be;
	width: 100%;
	display: block;
	padding: 0 0 0 20px;
	margin: 0;
	border: 0;
}
.applicationsBlock .nav-tabs li.active a {
	border: 0;
	border-radius: 0;
	text-decoration: none;
	background: #efe8be;
	width: 100%;
	display: block;
}
/*span.industrialIcon {
	display:block;
	width:56px;
	height:38px;
	background:url(../images/applications/applicationsIcon.png) center top;
}

span.commercialIcon {
	display:block;
	width:56px;
	height:42px;
	background:url(../images/applications/applicationsIcon.png) center -56px;
}

span.retailIcon {
	display:block;
	width:56px;
	height:43px;
	background:url(../images/applications/applicationsIcon.png) center -114px;
}

span.governmentIcon {
	display:block;
	width:56px;
	height:52px;
	background:url(../images/applications/applicationsIcon.png) center -167px;
}

span.bankingFinanceIcon {
	display:block;
	width:56px;
	height:50px;
	background:url(../images/applications/applicationsIcon.png) center -227px;
}

span.educationIcon {
	display:block;
	width:56px;
	height:43px;
	background:url(../images/applications/applicationsIcon.png) center -288px;
}

span.healthcareIcon {
	display:block;
	width:56px;
	height:61px;
	background:url(../images/applications/applicationsIcon.png) center -337px;
}

span.transportationIcon {
	display:block;
	width:56px;
	height:32px;
	background:url(../images/applications/applicationsIcon.png) center -409px;
}

span.citySurveillanceIcon {
	display:block;
	width:56px;
	height:43px;
	background:url(../images/applications/applicationsIcon.png) center -462px;
}

span.constructionSitesIcon {
	display:block;
	width:56px;
	height:55px;
	background:url(../images/applications/applicationsIcon.png) center -516px;
}*/


.applicationsBlock .detailsTxtWrapper {
	display: block;
	background: #efe8be;
	padding: 5px 20px 20px 20px;
	max-width: 591px;
	min-height: 352px;
}
.applicationsBlock .detailsTxtWrapper p {
	line-height: 35px;
}
.applicationsBlock .imgWrapper {
	display: block;
	max-width: 591px;
}
.applicationsBlock .imgWrapper img {
	width: 100%;
}
.applicationsBlock .detailsTxtWrapper {
}
.applicationsBlock .detailsTxtWrapper ul {
	width: 100%;
	display: block;
	margin-top: 17px;
}
.applicationsBlock .detailsTxtWrapper ul li {
	margin-left: 15px;
}
/* clients page
------------------------------------------------------------------------------*/
.clientsPageBanner {
	display: block;
	width: 100%;
	position: relative;
	background: #fff;
}
.clientsPageBanner img {
	width: 100%;
}
.clientsBlock {
	padding: 60px 0;
	display: block;
	width: 100%;
	position: relative;
}
.clientsBlock .titleTop {
	position: absolute;
	top: -87px;
}
.clientsList {
	display: block;
	width: 100%;
}
.clientsList li {
	line-height: 30px;
	font-size: 17px;
	width: 99%;
	margin-left: 1%;
}
/* glossary page
------------------------------------------------------------------------------*/
.glossaryPage {
	display: block;
	width: 100%;
	position: relative;
}
.glossaryPage .emptyColor {
	display: block;
	width: 100%;
	clear: both;
	height: 86px;
}
.glossaryPage .bannerWrapper {
	background: #fff;
	width: 100%;
	display: block;
	float: left;
	clear: both;
}
.glossaryPage .bannerWrapper img {
	width: 100%;
}
.glossaryBlock {
	padding: 60px 0;
	display: block;
	width: 100%;
	position: relative;
}
.glossaryBlock p {
	padding: 20px 20px 60px 20px;
	display: block;
}
.glossaryBlock p span {
	display: block;
	list-style: none;
	padding-left: 30px;
}
/* feedback page
------------------------------------------------------------------------------*/
.feedbackPage {
	display: block;
	width: 100%;
	position: relative;
	background: #fff;
}
.feedbackPage img {
	width: 100%;
}
.feedbackBlock {
	padding: 60px 0;
	display: block;
	width: 100%;
	position: relative;
}
.feedbackBlock .titleTop {
	position: absolute;
	top: -86px;
}
.feedbackBlock p a {
	color: #AA363A;
}
.feedbackBlock .feedBlockWrapper {
	display: block;
	float: left;
	width: 100%;
	margin-top: 40px;
}
.feedBlockWrapper .titleSpecial {
	padding: 20px 0;
	font-weight: bold;
}
.feedbackBlock .form-group {
	margin: 40px 0 0;
}
/*form
--------------------*/
.form-control {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 0;
	color: #484848;
	height: 46px;
	width: 80%;
	margin-bottom: 20px;
}
.form-control:focus {
	border-color: #ccc;
	box-shadow: none;
}
form textarea.form-control {
	resize: none;
}
.thankYou {
	display: block;
	width: 100%;
	margin-top: 40px;
}
/* Careers page
------------------------------------------------------------------------------*/
.careersPage {
	display: block;
	width: 100%;
	position: relative;
	background: #fff;
}
.careersPage img {
	width: 100%;
}
.careersBlock {
	padding: 60px 0;
	display: block;
	width: 100%;
	position: relative;
}
.careersBlock .titleTop {
	position: absolute;
	top: -87px;
}
.careerBlockWrapper {
	display: block;
	float: left;
	margin: 40px 0;
	width: 100%;
}
.careerBlockWrapper .uploadBg {
	float: left;
	margin-right: 20px;
}
.careerBlockWrapper p {
	line-height: 30px;
}
.careerBlockWrapper .btnSubmitSmall {
	margin-top: 31px;
}
.careerBlockWrapper .readMore {
	background: #484847;
	color: #DAD6D2;
	margin-top: 5px;
}
.careerBlockWrapper a.readMore:hover {
	background: #5A5957;
	color: #FFFFFF;
	text-decoration: none;
}
.careerList {
	display: block;
	width: 100%;
	margin-top: 30px;
}
.careerList li {
	list-style: none;
	width: 100%;
	font-size: 16px;
	padding-top: 5px;
	line-height: 35px;
}
/* Career's Internal page
------------------------------------------------------------------------------*/

.careerInternal .careerBlockWrapper:first-child {
	margin-top: 0;
}
/* Contact Us page
------------------------------------------------------------------------------*/
.contactUsPage {
	display: block;
	width: 100%;
	position: relative;
}
.contactUsPage .emptyColor {
	display: block;
	width: 100%;
	clear: both;
	height: 86px;
}
.contactUsPage .mapWrapper {
	background: #fff;
	width: 100%;
	display: block;
	float: left;
	clear: both;
}
.contactUsPage .mapWrapper img {
	width: 100%;
}
.contactUsBlock {
	padding: 60px 0;
	display: block;
	width: 100%;
	position: relative;
}
.btnSubmitSmall.pull-right {
	margin-right: 20%;
}
.contactUsBlock h2 {
	color: #B3363A;
}
.contactUsBlock .contactInfo {
	margin-top: 20px;
}
.contactUsBlock .contactInfo li span {
	margin-right: 20px
}
.contactUsBlock .contactInfo li a, .contactUsBlock .contactInfo li p , span.faxNumb {
	color: #BBBAB9;
	font-size: 17px;
}
/* solutions page
------------------------------------------------------------------------------*/
.solutionsPage {
	display: block;
	width: 100%;
	position: relative;
	background: #fff;
}
.solutionsPage img {
	width: 100%;
}
.solutionsBlock {
	padding: 60px 0;
	display: block;
	width: 100%;
	position: relative;
}
.solutionsBlock .titleTop {
	position: absolute;
	top: -87px;
}
.solutionsBlockWrapper {
	width: 100%;
	display: block;
	clear: both;
	margin: 30px 0;
	float: left;
}
.iconsWrapperSolutions {
	background: #a93439;
	width: 100%;
	float: left;
	text-align: center;
	margin: 10px 0;
	padding: 50px;
}
.solutionsBlockWrapper p {
	line-height: 35px;
	padding: 22px 0;
	font-size: 14px;
}
.iconsWrapperSolutions span.title {
	display: block;
	font-size: 16px;
	margin-top: 15px;
	text-transform: uppercase;
	width: 100%;
}
.iconsWrapperSolutions span {
	color: #FFFFFF;
	font-family: 'lucida_granderegular', sans-serif;
	margin: 0 auto;
}
.iconsWrapperSolutions:hover {
	text-decoration: none;
}
/* solutions internal blocks
------------------------------------------------------------------------------*/
.solutionsMainInternal {
	display: block;
	width: 100%;
	position: relative;
	padding: 0 20px;
	margin-top: -8px;
}
.solutionsMainBlocks2 {
	margin: 0;
	width: 100%;
	display: block;
	float: left;
	margin: 0;
}
.ourSecurityMain2 {
	background: #fff;
	padding: 25px 0 0 25px;
	float: left;
	width: 100%;
}
.ourSecurityMain2 .readMoreSmall {
	background: #5a5957 url(../images/readMore.jpg) no-repeat right center;
	color: #DAD6D2;
	display: block;
	font-family: 'lucida_granderegular', sans-serif;
	font-size: 12px;
	height: 38px;
	padding: 7px 38px 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 150px;
	float: right;
	margin-top: 25px;
}
.ourSecurityMain2 span.title {
	color: #5a5957;
	font-family: 'lucida_granderegular', sans-serif;
	font-size: 26px;
	text-transform: uppercase;
	display: block;
	width: 150px;
	line-height: 30px;
}
.solutionsMainBlock2 {
	display: block;
	padding: 43px 0;
	text-align: center;
	line-height: 20px;
	margin: 0 auto;
	max-width: 250px;
}
.securityMain {
	background: #a93439;
}
.audioVideoMain {
	background: #b4373c;
}
.integrationMain {
	background: #c93a40;
}
.solutionsMainBlock2 span {
	color: #fff;
	font-family: 'lucida_granderegular', sans-serif;
	margin: 0 auto;
}
.solutionsMainBlock2 a span.title {
	text-transform: uppercase;
	font-size: 16px;
	width: 100%;
	display: block;
	margin-top: 15px;
}
.securityMain a:hover, .audioVideoMain a:hover, .integrationMain a:hover {
	text-decoration: none;
}
.solutionsMainBlocks2 .linesIntegration {
	background: #c93a40;
	display: block;
	width: 100%;
	height: 5px;
	margin-top: 5px;
}
.solutionsMainBlocks2 .linesAudioVideo {
	display: block;
	width: 100%;
	height: 5px;
	margin-top: 5px;
	background: #b4373c;
}
/* integration page
---------------------------*/
.integrationPage {
	display: block;
	width: 100%;
	position: relative;
	background: #fff;
}
.integrationPage img {
	width: 100%;
}
.integrationBlock {
	padding: 60px 0;
	display: block;
	width: 100%;
	position: relative;
}
.integrationBlock p {
	line-height: 35px;
	margin-bottom: 20px;
}
.integrationBlock .videoWrapper {
	display: block;
	width: 80%;
	margin: 50px auto 0;
	position: relative;
}
.integrationBlock .videoWrapper img {
	width: 100%;
}
.integrationBlock .videoWrapper h2 {
	left: 33%;
	position: absolute;
	top: 70%;
}
/* audioVideo page
---------------------------*/
.audioVideoPage {
	display: block;
	width: 100%;
	position: relative;
	background: #fff;
}
.audioVideoPage img {
	width: 100%;
}
.audioVideoBlock {
	padding: 30px 0 60px;
	display: block;
	width: 100%;
	position: relative;
}
.tabsSolutionBlock .nav-tabs {
	list-style: none;
	text-align: center;
	border: 0;
	margin-top:40px;
}
.tabsSolutionBlock .nav-tabs li {
	padding: 0 15px;
	color: #5A5957;
	text-transform: uppercase;
	font-size: 24px;
}

.audioVidoInternal .tabsSolutionBlock .nav-tabs {
	margin:50px 0;
}

.tabsSolutionBlock .nav-tabs li.active {
	border-bottom: 1px solid #B3363A;
}
.tabsSolutionBlock .nav-tabs li:first-child {
	margin-left: 0;
}
.tabsSolutionBlock .nav-tabs li a {
	color: #5A5957;
	text-transform: uppercase;
	border: 0;
	font-size: 20px;
}
.tabsSolutionBlock .nav-tabs li a:hover, .tabsSolutionBlock .nav-tabs li.active a {
	color: #B3363A;
	text-decoration: none;
	border: 0;
}
.tabsSolutionBlock .nav-tabs li.active a:hover {
	border: 0;
	border-bottom: 0;
}
.tabsSolutionBlock .tab-content {
	margin: 40px 0 0;
	width: 100%;
	display: block;
}
.audioVidoInternal .tabsSolutionBlock .tab-content p {
	line-height: 35px;
}

.tabsSolutionBlock .tab-content {
	min-height: 150px;
}

/* security page
---------------------------*/
.solutionsMainBlocks2 .linesSecurity {
	background: #a93439;
	display: block;
	width: 100%;
	height: 5px;
	margin-top: 5px;
}
.securityPage {
	display: block;
	width: 100%;
	position: relative;
	background: #fff;
}
.securityPage img {
	width: 100%;
}
.securityBlock {
	padding: 30px 0 60px;
	display: block;
	width: 100%;
	position: relative;
}
.securityBlock .detailsTxtWrapper h7 {
	margin: 50px 0 25px;
	display: block;
}
.securityBlock p {
	font-size: 14px;
}
.securityBlock .detailsTxtWrapper .doorDetail {
	margin: 10px 0;
	list-style: none;
	display: block;
	width: 100%;
}
.securityBlock .detailsTxtWrapper .doorDetail li {
	line-height: 35px;
}
.securityBlock .detailsTxtWrapper .doorDetail li ul {
}
.securityBlock .detailsTxtWrapper .doorDetail li ul li {
	list-style: disc;
	margin-left: 30px;
}
.showMobile {
	display: none;
}
.HideNav {
	display: block;
}
.showMobileNav {
	display: none;
}

/*chrome
--------------------------------------------------------------------------------
==============================================================================*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
/*header {
		top: -130px;
	}*/
}

/* 4. TABLET - MOBILE
--------------------------------------------------------------------------------
==============================================================================*/

@media (max-width: 1367px) {
	/*.background01 {
		background: #C0F;
	}*/
	
	.mainSlider .carousel-caption {
		top:-240px;
	}
}

@media (max-width: 1250px) {
	/*.background01 {
		background: #39F;
	}*/
	
	.mainSlider .carousel-caption {
		top:-180px;
	}
	
}

@media (max-width: 1106px) {
	/*.background01 {
		background: #6F9;
	}*/
	.container {
		width: 100%;
	}
	.clientsList {
		width: auto;
		margin-left: 15px;
	}

	.mainSlider .carousel-caption {
		left:53px;
	}
}

/* special for navigation */

@media (max-width: 1106px) {
	.HideNav {
		display: none;
	}
	.showMobileNav {
		display: block;
	}
	.showMobileNav header {
		position: relative;
		top: 0;
	}
	.showMobileNav header .navbar-nav.navbar-right:last-child {
		margin-right: 0;
	}
	.showMobileNav header .navbar {
		margin: 0;
	}
	/*bootstrap*/
	.showMobileNav header .navbar-default .navbar-nav > li > a {
		color: #9E958C;
    	font-family: 'lucida_granderegular',sans-serif;
    	font-size: 12px;
		text-transform: uppercase;
		text-align:center;
	}
	
	.showMobileNav header .navbar-default .navbar-nav .open .dropdown-menu > li > a{
		color: #A93439;
		font-family: 'lucida_granderegular',sans-serif;
    	font-size: 12px;
		text-transform: uppercase;
		text-align:center;
	}
		
	.showMobileNav header .navbar-default .navbar-nav > .active > a ,
	.showMobileNav header .navbar-default .navbar-nav > .active > a:hover, 
	.showMobileNav header .navbar-default .navbar-nav > .active > a:focus{
		box-shadow:none;
		background: none repeat scroll 0 0 #A93439;
    	color: #fff;
		text-shadow:none;
	}
	
	.showMobileNav header .input-group-btn {
		width:20%;
		float:right;
	}
	
	.showMobileNav header .input-group-btn button {
		float:right;
	}
	
	.showMobileNav header .searchIcon {
		height:46px;
	}
	
	.showMobileNav header  .form-control {
		float:left;
		margin-bottom:0;
	}
	
	.showMobileNav header .searchNav .navbar-form {
    	float: left;
    	margin: 0;
    	width: 100%;
		border:0;
		box-shadow:none;
	}
	
	.showMobileNav header .dropdown-menu > .active > a, 
	.showMobileNav header .dropdown-menu > .active > a:hover, 
	.showMobileNav header .dropdown-menu > .active > a:focus ,
	.showMobileNav header .navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
	.showMobileNav header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 
	.showMobileNav header .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		background:#A93439;
		color:#fff;
	}

	.showMobileNav header .navbar-collapse {
		overflow:visible;
	}
	
	.iconsWrapperSolutions {
    		padding: 50px 0;
	}

	.iconsWrapperSolutions span.title {
		font-size:.9em;
	}
	
	.ourSecurityMain2 {
		padding-left:15px;
	}

	.ourSecurityMain2 span.title {
		font-size:1.4em;
	}
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 964px) {

	/*header .navbar-default,  .background01 {
		background: #F00;
	}*/
	/*	footer	*/
	.NewsLatter h3, .NewsLatter p {
		padding-left: 10px;
	}
	.NewsLatter p {
		font-size: 12px;
	}
	.contactInfo li span {
		margin-right: 10px;
	}
	.contactInfo li a, .contactInfo li p {
		font-size: 16px;
	}
	/*	application page */
	.applicationsBlock .nav-tabs li a {
		font-size: 20px;
	}
	.applicationsBlock .nav-tabs li {
		margin: 15px 0;
	}
	.applicationsBlock .detailsTxtWrapper {
		min-height: 395px;
	}
	.tabsSolutionBlock .nav-tabs li {
		padding:0 10px;
	}
	/*	feedback page	*/
	.thankYou img {
		width: 100%;
	}
	/*	careers		*/
	.uploadBg {
		background-size: contain;
		width: 100%;
		height: 100px;
	}
	/*	contact us	*/
	.contactInfo {
		width: 100%;
	}
	.contactUsBlock .contactInfo li a,  .contactUsBlock .contactInfo li p {
		font-size: .9em;
	}
	.integrationBlock .videoWrapper h2 {
		left: 30%;
	}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	/*header .navbar-default,  .background01 {
		background: #0F0;
	}*/
	
	.showMobile {
		display: block;
	}
	/*	footer	*/
	.NewsLatter .col-xs-7,  .NewsLatter .col-xs-5 {
		width: 100%;
	}
	.NewsLatter h3 {
		width: 80%;
	}
	footer .col-xs-7,  footer .col-xs-5 {
		width: 100%;
	}
	.footerTop h3 {
		text-align: center;
	}
	.contactInfo {
		width: 373px;
		margin: 0 auto;
	}
	footer .logo {
		width: 302px;
		margin: 10% auto;
		float: none;
	}
	
	/*	home main solutions block	*/
	.solutionsMainBlocks li {
		width:33.3333%;
	}
	
	.solutionsMainBlocks .ourSecurityMain {
		width:100%;
		padding:10px 0 0 10px;
	}
	
	.solutionsMainBlocks .ourSecurityMain span.title {
		width:100%;
		text-align:left;
	}
	
	.solutionsMainBlocks .ourSecurityMain .readMoreSmall {
		margin-top:10px;
	}
	
	/*	about	*/
	.aboutPage .col-xs-4 {
		width: 50%;
	}
	.valueBlocksWrapper {
		margin: 0 auto;
		width: 213px;
		display: block;
	}
	.aboutPage .valueBlocksWrapper .txtWrapper p {
		text-align: left;
		margin-bottom: 40px;
	}
	/*	applications page  */
	.applicationsBlock .tabs .col-xs-8 {
		width: 100%;
	}
	.applicationsBlock .imgWrapper,  .applicationsBlock .detailsTxtWrapper {
		max-width: 100%;
	}
	.applicationsBlock .nav-tabs {
		width: auto;
	}
	.applicationsBlock .navbar-default {
		background: #EFE8BE;
		border: 0;
		box-shadow: none;
	}
	.applicationsBlock .navbar-toggle {
		background: #EFE8BE;
	}
	.applicationsBlock .navbar-header {
		text-align: center;
		background: #fff;
	}
	.applicationsBlock .navbar-header .titleApp {
		display: block;
		font-size: 20px;
		padding: 12px 0;
		text-transform: uppercase;
	}
	.applicationsBlock .navbar-collapse {
		max-height: auto;
		overflow: visible;
	}
	
	.tabsSolutionBlock .nav-tabs li a {
		font-size:16px;
	}
	
	.applicationsBlock .nav-tabs li a {
		font-size: 16px;
		text-align: center;
		display: 0;
		padding: 0;
		font-weight: normal;
		text-transform: uppercase;
	}
	.applicationsBlock .nav-tabs li a:hover,  .applicationsBlock .nav-tabs li.active a:hover,  .applicationsBlock .navbar-default .navbar-nav > .active > a,  .applicationsBlock .navbar-default .navbar-nav > .active > a:hover,  .applicationsBlock .navbar-default .navbar-nav > .active > a:focus {
		color: #D1AF60;
		background: none;
		padding: 0;
	}
	.applicationsBlock .nav-tabs li.active a {
		background: none;
		box-shadow: none;
		color: #D1AF60;
	}
	/*	clients page	*/
	.clientsList ul li {
		font-size: 16px;
	}
	/*	careers		*/
	.uploadBg {
		background-size: contain;
		height: 158px;
		width: 153px;
	}
	.careerBlockWrapper .col-xs-2,  .careerBlockWrapper .col-xs-10 {
		width: 100%;
	}
	/*	contact us	*/
	.contactInfo {
		width: 100%;
	}
	.contactUsBlock .contactInfo li a,  .contactUsBlock .contactInfo li p {
		font-size: .7em;
	}
	/*	brands Page  */
	.brandsPartnershipBlock img {
		width: 100%;
	}
	.brandShipWrapper p,  .brandShipWrapper a {
		font-size: .6em;
		padding: 5px 10px;
	}
	/*	solutions page	*/
	.iconsWrapperSolutions {
		padding: 50px 0;
	}
	.solutionsMainBlocks2 .col-xs-3 {
		width: 33.3333%;
		padding:0;
	}
	.solutionsMainBlocks2 .col-xs-3.specialOur {
		width: 100%;
	}
	.ourSecurityMain2 span.title {
		width: 100%;
	}
	.ourSecurityMain2 .readMoreSmall {
		margin-top: 5px;
	}
	.mobileHide {
		display: none !important;
	}
	.integrationBlock .videoWrapper h2 {
		font-size: 2em;
	}
	/*	index	*/
	.ourClientsMain .col-xs-7,  .ourClientsMain .col-xs-5 {
		width: 100%;
	}
	
	.mainSlider .carousel-caption {
		top:-140px;
	}
	
	.mainSlider .titleGray ,
	.mainSlider .textRed {
		font-size:1em;
		padding:5px;
		margin: 0 0 10px;
	}
	
	h1 , h2 {
		font-size: 2em;
	}
	
	p ,
	.securityBlock .detailsTxtWrapper .doorDetail li ,
	.applicationsBlock .detailsTxtWrapper ul li ,
	.clientsList li ,
	.careerList li {
		font-size: .9em;
	}

	.solutionsMain {
		height:230px;
	}
}

@media (max-width: 680px) {

	/*.navbar-default,  header .navbar-default,  .background01 {
		background: #609;
	}*/
	.footerBottom .col-xs-8,  .footerBottom .col-xs-4 {
		width: 100%;
	}
	.footerNav li {
		width: 100%;
		text-align: center;
	}
	.footerBottom p {
		text-align: center;
	}
	/*	contact us	*/
	.contactUsBlock .col-xs-6 {
		width: 100%;
	}
	.contactUsBlock .form-control {
		width: 100%;
	}
	.contactUsBlock .contactInfo li a,  .contactUsBlock .contactInfo li p {
		font-size: 1em;
	}
	.btnSubmitSmall.pull-right {
		margin-right: 0;
	}
	/*	brands Page  */
		
	.brandsPage .col-xs-6 {
		width: 100%;
	}
	.brandsPartnershipBlock img {
		width: auto;
	}
	/*	solutions	*/
	.integrationBlock .videoWrapper h2 {
		font-size: 1.2em;
		left: 35%;
	}
	.tabsSolutionBlock .nav-tabs {
		width: 100%;
	}
	.tabsSolutionBlock .nav-tabs li {
		width: 100%;
		margin: 10px 0;
	}
	.mobileMidHide {
		display: none;
	}
	/*	index	*/
	.brandsMain .bx-wrapper li {
		width: 150px !important;
	}
	
	.mainSlider .carousel-caption {
		top:-105px;
	}
	
	.mainSlider .titleGray ,
	.mainSlider .textRed {
		margin: 0px;
	}

}

/* solutions special blocks */
@media (max-width: 540px) {
	.solutionsBlockWrapper .col-xs-3,  .solutionsBlockWrapper .col-xs-9 {
		width: 100%;
	}

}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	/*.navbar-default,  header .navbar-default,  .background01 {
		background: #00F;
	}*/
	h2 {
		font-size: 2.2em;
	}
	
	.clientsBlock .titleTop {
		text-align:left;
	}
	/*	footer	*/
		
	.contactInfo {
		width: 100%;
	}
	.contactInfo li a, .contactInfo li p {
		font-size: 10px;
	}
	.NewsLatter .newsMailIcon {
		margin: 0 auto;
		float: none;
	}
	footer .logo {
		width: 200px;
	}
	footer .logo span {
		background-size: contain;
	}
	.NewsLatter h3, .NewsLatter p {
		padding-left: 0;
		text-align: center;
		width: 100%;
	}
	/*	about	*/
	.aboutPage .col-xs-4 {
		width: 100%;
	}
	/*	feedback page	*/
	.feedBlockWrapper .col-xs-6 {
		width: 100%;
	}
	.feedBlockWrapper .form-control {
		width: 100%;
	}
	/* contact us page	*/
	.contactUsBlock .btn.btnSubmitSmall.pull-right {
		margin-bottom: 20px;
	}
	.contactUsBlock .contactInfo li a,  .contactUsBlock .contactInfo li p {
		font-size: .7em;
	}
	.contactUsBlock .contactInfo li span {
		margin-right: 10px;
	}
	.locationIcon,  .mobileIcon,  .faxIcon,  .emailIcon {
		width: 58px;
	}
	/* glossary page	*/
	.glossaryBlock h6 {
		padding-right: 15px;
		text-align: left;
	}
	/*	brands Page  */
	.brandsPartnershipBlock img {
		width: 100%;
	}
	.brandShipWrapper p,  .brandShipWrapper a {
		line-height: 15px;
	}
	.strategicPartnership .block .imgCenterWide {
		width: 208px;
		margin: 0 auto;
	}
	/*	solutions	*/
	.integrationIcon,  .securityIcon,  .audioVideoIcon {
		width: 29px;
		height: 35px;
		background-size: cover;
	}
	.solutionsMainBlock2 {
		padding: 20px 0;
	}
	.ourSecurityMain2 {
		padding-left: 10px;
	}
	.ourSecurityMain2 span.title {
		text-align: left;
		font-size: 1em;
	}
	.integrationBlock .videoWrapper h2 {
		left: 30%;
	}
	.ourClientsTicker {
		min-height: 228px;
	}
	.ourClientsTicker .slide > li {
		margin-top: 60px;
	}
	
	/* solutions main block */
	.solutionsMainBlocks .ourSecurityMain span.title {
		font-size:1em;
	}
	
	.solutionsMainBlock {
		padding:20px 0;
	}
	
	.solutionsMain {
		height:170px;
	}
	
	/*	index	*/
	/*	index	*/
	.mainSlider .carousel-caption {
		top:-102px;
	}
	
	.mainSlider .titleGray ,
	.mainSlider .textRed {
		font-size:.6em;
		margin: 0px;
		padding:0 5px;
	}

	.iconrightArrow ,
	.iconLeftArrow {
		width:20px;
		height:18px;
		background-size: cover;
	}
	
	.carousel-caption {
		right:0;
		margin-left:19px;
	}

	h1 , h2 {
		font-size: 1.6em;
	}
	
	p ,
	.securityBlock .detailsTxtWrapper .doorDetail li ,
	.applicationsBlock .detailsTxtWrapper ul li ,
	.clientsList li ,
	.careerList li {
		font-size: .9em;
	}

	.aboutMain h1 {
		top: -72px;
	}
	.brandsMain h1 {
		top:-51px;
	}
	.aboutPage h1.titleTop ,
	.solutionsBlock .titleTop ,
	.brandsPage h1.titleTop ,
	.strategicPartnership h1.titleTop ,
	.applicationsBlock .titleTop ,
	.clientsBlock .titleTop ,
	.feedbackBlock .titleTop ,
	.careersBlock .titleTop {
		top:-80px;
	}

	.aboutPage h1.title {
		top: -74px;
	}
}

@media (max-width: 400px) {

/*	index	*/
	.mainSlider .carousel-caption {
		top:-93px;
	}
}

@media (max-width: 353px) {

/*	index	*/
	.mainSlider .carousel-caption {
		top:-86px;
	}
}


 @media (max-width: 320px) {
	/*.navbar-default,  .background01 {
		background: #FF0;
	}*/
	.integrationBlock .videoWrapper h2 {
		left: 16%;
	}
}