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

body, h1,h2,h3,h4,h5,h6 {
	font-family: 'Open Sans', sans-serif;
	color:#333;
}



a {
	color: #9A2E21;
}

a:hover {
	color:#BE3500;
	text-decoration:none;
}

.strapline {
	font-size:24px;
	color:#222;
}

.navbar-default {
	background:none;
	border:none;
}
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
.top-buffer { margin-top:20px; }

.navbar-collapse {
	clear:both;
}
.navbar-search {
	display: inline-block;
	width: 100%;
}
.social-logos {
	margin-top: -60px;
}
.social-logos img {
	height: 32px;
}
.contact-top {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
	border-radius: 0;
	background:#333 url(../images/assets/diag-black-bg.jpg) repeat-x top;
	color:#fff;
}
.contact-top  p{
	padding:5px 0;
	margin:0;
	font-size:12px;
}

div.logo, div.strapline {
	text-align:center;
}
.container.content {
	position:relative;
	top:40px;
}
.row.content {
	position:relative;
	margin-bottom:60px;
}
p.small {font-size:80%;}
/*carousel*/
.carousel-caption {
	bottom:20px;
	background:rgba(0,0,0,.7);
	padding:20px;
}
.carousel-caption a {
	color:#fff;
}

.carousel-caption a:hover {
	text-decoration:none;
}


.carousel-caption h3 {
	font-size:32px;
	display:inline-block;
	font-weight:800;
}
.carousel-caption p {
	display:inline-block;
	font-size:18px;
}

/*solutions*/
section.solutions h2{
	font-size:24px;
}

section.solutions a:hover {
	text-decoration:none;
	color:#F14835;
}

/*buttons*/
a.btn-data {
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(60,123,199) 0%,rgb(14,79,143) 100%); 
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(60,123,199)),color-stop(1, rgb(14,79,143)));
background-image:-webkit-linear-gradient(-90deg,rgb(60,123,199) 0%,rgb(14,79,143) 100%);
background-image:-o-linear-gradient(-90deg,rgb(60,123,199) 0%,rgb(14,79,143) 100%);
background-image:-ms-linear-gradient(-90deg,rgb(60,123,199) 0%,rgb(14,79,143) 100%);
background-image:linear-gradient(180deg,rgb(60,123,199) 0%,rgb(14,79,143) 100%);
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow:1px 1px 4px rgba(0,0,0,0.25);
-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.25);
box-shadow:1px 1px 4px rgba(0,0,0,0.25);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff3c7bc7,endColorstr=#ff0e4f8f,GradientType=0)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#40000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff3c7bc7,endColorstr=#ff0e4f8f,GradientType=0)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#40000000,Positive=true);
	color:#fff;
	font-size:16px;
	padding:10px 30px;
	text-shadow:0px -1px 0px rgba(0,0,0,0.6) ,0px 1px 0px rgba(255,255,255,0.2);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=-1,Color=#99000000,Positive=true)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#33ffffff,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=-1,Color=#99000000,Positive=true)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#33ffffff,Positive=true);
	font-weight:300;
}
a.btn-security {
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(192,193,151) 0%,rgb(123,121,117) 100%); 
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(192,193,151)),color-stop(1, rgb(123,121,117)));
background-image:-webkit-linear-gradient(-90deg,rgb(192,193,151) 0%,rgb(123,121,117) 100%);
background-image:-o-linear-gradient(-90deg,rgb(192,193,151) 0%,rgb(123,121,117) 100%);
background-image:-ms-linear-gradient(-90deg,rgb(192,193,151) 0%,rgb(123,121,117) 100%);
background-image:linear-gradient(180deg,rgb(192,193,151) 0%,rgb(123,121,117) 100%);
width:219px;
height:41px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow:1px 1px 4px rgba(0,0,0,0.25);
-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.25);
box-shadow:1px 1px 4px rgba(0,0,0,0.25);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc0c197,endColorstr=#ff7b7975,GradientType=0)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#40000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc0c197,endColorstr=#ff7b7975,GradientType=0)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#40000000,Positive=true);
	color:#fff;
	font-size:16px;
	padding:10px 30px;
	text-shadow:0px -1px 0px rgba(0,0,0,0.6) ,0px 1px 0px rgba(255,255,255,0.2);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=-1,Color=#99000000,Positive=true)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#33ffffff,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=-1,Color=#99000000,Positive=true)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#33ffffff,Positive=true);
	font-weight:300;
}
a.btn-telecom {
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(253,106,3) 0%,rgb(182,69,3) 100%); 
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(253,106,3)),color-stop(1, rgb(182,69,3)));
background-image:-webkit-linear-gradient(-90deg,rgb(253,106,3) 0%,rgb(182,69,3) 100%);
background-image:-o-linear-gradient(-90deg,rgb(253,106,3) 0%,rgb(182,69,3) 100%);
background-image:-ms-linear-gradient(-90deg,rgb(253,106,3) 0%,rgb(182,69,3) 100%);
background-image:linear-gradient(180deg,rgb(253,106,3) 0%,rgb(182,69,3) 100%);
width:219px;
height:41px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow:1px 1px 4px rgba(0,0,0,0.25);
-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.25);
box-shadow:1px 1px 4px rgba(0,0,0,0.25);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffd6a03,endColorstr=#ffb64503,GradientType=0)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#40000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffd6a03,endColorstr=#ffb64503,GradientType=0)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#40000000,Positive=true);
	color:#fff;
	font-size:16px;
	padding:10px 30px;
	text-shadow:0px -1px 0px rgba(0,0,0,0.6) ,0px 1px 0px rgba(255,255,255,0.2);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=-1,Color=#99000000,Positive=true)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#33ffffff,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=-1,Color=#99000000,Positive=true)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#33ffffff,Positive=true);
	font-weight:300;
}
a.btn-data:hover, a.btn-security:hover, a.btn-telecom:hover {
	color:#f3f3f3 !important;
}

/*clients section*/
section.clients {/*
	background:#9B2F22;*/
	margin-top:60px;
	padding-bottom:30px;
}
section.clients h2 a{
	/*color:#fff;*/
	text-shadow:0px -1px 0px rgba(0,0,0,0.6) ,0px 1px 0px rgba(255,255,255,0.2);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=-1,Color=#99000000,Positive=true)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#33ffffff,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=-1,Color=#99000000,Positive=true)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#33ffffff,Positive=true);
	font-weight:300;
	font-size:24px;
}

/*contact section*/
section.contact {
	background:#666;
	color:#fff;
	padding-bottom:30px;
}
section.contact h2 a{
	color:#fff;
	text-shadow:0px -1px 0px rgba(0,0,0,0.6) ,0px 1px 0px rgba(255,255,255,0.2);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=-1,Color=#99000000,Positive=true)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#33ffffff,Positive=true)";zoom:1;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=-1,Color=#99000000,Positive=true)
	progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#33ffffff,Positive=true);
	font-weight:300;
	font-size:24px;
}

footer {
	background:#333;
	border-top:1px solid #000;
	color:#CCC;
}

footer a {
	color:#fff;
}
footer a:hover {
	color:#CCC;
}

.thumbnail, .img-thumbnail  {
	border-radius:0;
}
.breadcrumb {
	border-radius:0;
	padding:4px 15px;
}

.breadcrumb a,.breadcrumb > .active {
	font-size:12px;
}

h2.sub-category {
	font-size:13px;
	margin:10px 0;
}

.navbar-toggle {
	float:none;
}

/*caret*/
.nav .caret {
border-top-color: #ccc;
border-bottom-color: #ccc;
}

/*tel links*/
a[href^=tel]{
    color:inherit;
    text-decoration:none;
}
a[href^=mailto]{
    color:inherit;
    text-decoration:none;
}

/* LHS ACCORDION MENU*/
.accordion-level1-header > h3 {
	text-indent:10px;
	padding:5px;
	background-color:#EEEEEE;
	font-size:14px;
	font-weight:300;
	text-transform:uppercase;
	margin:0;
}
.accordion-level2 {
	text-indent:20px;
	background:#F6F6F6;
	padding:0 5px 0 0;
	font-size:13px;
	font-weight:300;
}
.accordion-level3 {
	text-indent:30px;
}

.level2-item, .level3-item {
	border-top:1px solid #fff;
}

.client-logo {
	border-right:1px solid #eee;
}
.client-logo-last {
}

.carousel-control .icon-prev, .carousel-control .icon-next {
	
font-size: 60px;
}
.carousel-control {
	width:8%;
}

.overlay{
	position: absolute;
display: block;
height: 100%;
width: 100%;
left: 0;
top: 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.5s ease-in-out 0s;
-moz-transition: opacity 0.5s ease-in-out 0s;
-o-transition: opacity 0.5s ease-in-out 0s;
transition: opacity 0.5s ease-in-out 0s;
}

.overlay.black {
background: #000;
}
.post-thumb {
position: relative;
overflow: hidden;
display: block;
height: 100%;
width: 100%;
}
div.post-thumb:hover .overlay {
	opacity: 0.3;	
	filter: alpha(opacity=3);
}
.post-thumb i {
position: absolute;
top: 50%;
left: 50%;
margin: -18px 0 0 -18px;
color: white;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.5s ease-in-out 0s;
-moz-transition: opacity 0.5s ease-in-out 0s;
-o-transition: opacity 0.5s ease-in-out 0s;
transition: opacity 0.5s ease-in-out 0s;
font-size:36px;
}
.post-thumb:hover i,
.post-thumb:active i{
	opacity: 1;	
	filter: alpha(opacity=100);
	text-decoration:none;
}

.contact-btn {
	border-radius:0;
	background:#9C2F1F;
	color:#fff;
	font-size:18px;
	border:1px solid #9C2F1F;
}
.contact-btn:hover {
	color:#9C2F1F;
	background:#fff;
}

h1.product-title {
	color:#9A2E21;
	font-size:24px;
	margin-top:0;
}

.brand-logo {
	height:32px;
	padding-right:20px;
	border-right:1px solid #eee;
	margin-right:20px;
}

section.solutions > .row > .col-xs-12 {
		margin-bottom:30px;
}

img.security-partner {
	margin-bottom:20px;
}

.download-pdf {
	font-size:13px;
}

div.featured-product {
	display: inline-block;
top: -70px;
padding: 10px 20px;
background: rgba(255,255,255,.7);
position: relative;
}

/*breakpoints*/
@media (min-width: 1200px) {
	.carousel-caption {
		bottom:120px
	}
	.search-bar {
		margin-top:40px;
	}
	body.home {
		background:#fff url(../images/assets/body-bg.jpg) repeat-x;
	}
	section.solutions > .row > .col-xs-12 {
		margin-bottom:0;
	}
}
@media (min-width: 992px) {
	.carousel-caption {
		bottom:80px
	}
	.navbar-default .navbar-nav > li > a {
		font-size:13px;
	}
	body.home {
		background-position:0 -60px;
	}
	.search-bar {
		margin-top:40px;
	}
	section.solutions > .row > .col-xs-12 {
		margin-bottom:0;
	}
	
}

@media (min-width: 768px) {
	body.home {
		background:none;
	}
	.strapline {
		margin-top:40px;
	margin-left:30px;
	}
	.search-bar {
		margin-top:-40px;
	}
	section.solutions > .row > .col-xs-12 {
		margin-bottom:0;
	}
	/* navbar */
.navbar {
	min-height:inherit;
}
.nav > li > a {
	padding:0 10px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background:none;
	color:#9A2E21;
	border-bottom: 1px solid #9A2E21;
}
ul.nav.navbar-nav > li > a {
	padding-bottom:5px;
	border-bottom:1px solid #fff;
}
ul.nav.navbar-nav > li > a:hover {
	color:#9A2E21;
	border-bottom: 1px solid #9A2E21;
}
h2.sub-category {
	font-size:18px;
}
.contact-top  p{
	font-size:14px;
}
div.logo {
	text-align:left;
}
div.strapline {
	text-align:left;
}
.navbar-nav {
	float:right;
}
}