/**
 * @package   Visario Joomla! 3.0 Template
 * @version   1.0
 * @author    7Studio Tomasz Herudzinski http://www.7studio.eu
 * @copyright Copyright (C) 2009 - 2012 7Studio Tomasz Herudzinski
 * @license   Commercial - ThemeForest Regular License - http://themeforest.net/licenses/regular_extended
**/
/*
 * Red rgb: 215,23,36
 * Red Hex: #d71724
 */
a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}
/*
 * FA Icons for Menu Items
 */
nav#menu li.item-112:before,
nav#menu li.item-113:before,
nav#menu li.item-114:before,
nav#menu li.item-115:before,
nav#menu li.item-116:before,
nav#menu li.item-117:before{
  line-height: 48px;
  margin-left: 10px;	
}
nav#menu li ul.collapse li:hover{
	color: #fff;
}
ul.collapse li, ul.collapse li a {
	color: #fff;
}
#bottom-footer .module .nav.menu li[class^="item"] a:hover,
#bottom-footer .module .nav.menu li:hover{
	color: #000;
	font-weight: 400;  
}
#bottom-footer .module .nav.menu li.item-121:before,
nav#menu li.item-112:before{
	content: '\f03d';
	font-family: FontAwesome;
  	float: left;
  	margin-right: 10px;	
}
#bottom-footer .module .nav.menu li.item-122:before,
nav#menu li.item-113:before{
	content: '\f0e7';
	font-family: FontAwesome;
  	float: left;
  	margin-right: 10px;	
}
#bottom-footer .module .nav.menu li.item-123:before,
nav#menu li.item-114:before{
	content: '\f13e';
	font-family: FontAwesome;
  	float: left;
  	margin-right: 10px;	
}
#bottom-footer .module .nav.menu li.item-124:before,
nav#menu li.item-115:before{
	content: '\f1ea';
	font-family: FontAwesome;
  	float: left;
  	margin-right: 10px;	
}
#bottom-footer .module .nav.menu li.item-125:before,
nav#menu li.item-116:before{
	content: '\f06d';
	font-family: FontAwesome;
  	float: left;
  	margin-right: 10px;	
}
#bottom-footer .module .nav.menu li.item-126:before,
nav#menu li.item-117:before{
	content: '\f06e';
	font-family: FontAwesome;
  	float: left;
  	margin-right: 10px;	
}
.sidebar-right i{
	color: #d71724;
}
.sidebar-right .fa{
	width: 25px;
}
/* end icon style */

/* maps marker styles */
.info_win{
	color: #d71724;
  	font-size: 24px;
}
.info_con{
	color: #fff;
    font-size: 14px;
}
/* Main Styles */ 
#content-area .item-img .img-wrapper{
	margin-bottom: 10px;
	
}
body{
	font-weight: 300;
  	font-family: 'Open Sans';	
}
#mainbody .container-fluid.top_margin{
	margin-top: 70px;
}
#menu .nav-collapse {
  float: right;
}
.nav-collapse ul{
	
}
ul.svn-menu ul{
	background: #3e3434;
	top: 70px;
}
#header .btn-navbar .icon-bar {
  background-color: #fff;
}
.svn-menu > li > a, .svn-menu > li span.separator {
	color: #fff;
  	display: block;
  	float: none;
  	height: 70px;
  	line-height: 70px;
  	padding: 0 15px;
  	width: auto;
  	font-weight: bold;
}
.svn-menu ul li a, .svn-menu ul li span.separator {
 	color: #fff;
}
.module ul.nav > li.active > a {
  background-color: #none;
  
}
header{
	position: fixed;
	width: 100%;
	z-index: 999;
}
header.home{
	background: rgba(0,0,0,0.4);

}
header.default{
	background: rgb(0,0,0);
}
.uk-overlay-background {
	background: rgba(0,0,0,0.5) !important;
}
.uk-button-primary {
  	background-color: #d71724 !important;
}
.uk-button-link {
  	color: #222 !important;
}
.uk-button{
	border: 1px solid rgba(215,23,36,1) !important;
}
h3.uk-h3{
	color: #d71724;
}
.btn-dark{
	background: #000;
	color: #fff;
}
.btn-dark:hover{
	color:#d71724;
  	background: #fff;
 	border: 1px solid #8e0c15;
}
/* RS Form Styles */
.row-fluid.contact-form{
	margin-bottom: 15px;
	
}
.row-fluid.contact-form input[type="text"]{
	width: 97%;
  	border-radius: 0;
}
.row-fluid.contact-form textarea{
	width: 98%;
     border-radius: 0;
}
.contact-form input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
	width: auto;
}
#banner{
	background-position: left top;

	
}
#banner.Contact{
	background-position: 0 40px;
}
#banner.Contact #banner-bg{
	padding: 120px;
}
#banner.Sales #banner-bg, #banner.Access #banner-bg, #banner.Clients #banner-bg{
	padding: 120px;
}
#banner .hero-unit{
	border: 1px solid #fff;
	text-shadow: 1px 1px 1px #000;
	background: rgba(0,0,0,0.3);
}
#banner .hero-unit h2{
	text-align: right;
}
#banner.Access{
	background-size: contain;
}
 /***********************************
 * Video Element
 ***********************************/
#video-wrapper{
	height: 600px;
	overflow: hidden;
	position: relative;
	top: -70px;
	z-index: 0;
	background: #000;
}
#video-wrapper.ipad{
	background-image: url('http://transitsecurity.com.au/images/security-camera-ipad.jpg');
	background-repeat: no-repeat;
	background-position: left 70px;
	background-size: cover;
	
}
video {
	opacity: 0.5;
	display: inline-block;
	vertical-align: baseline;
	position: relative;
	top: 0;
	left: 50%;
	min-width: 100%;
	/* min-height: 100%; */
	width: auto;
	height: auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

#video-text {
  top: 60%;
  color: #eee;
  display: block;
  left: 50%;
  min-height: 50%;
  position: absolute;
  -o-transform: translate(-50%, -55%);
  -moz-transform: translate(-50%, -55%);
  -webkit-transform: translate(-50%, -55%);
  -ms-transform: translate(-50%, -55%);
  transform: translate(-50%, -55%);transform: translate(-50%, -55%);
  width: 55%;
  z-index: 1;
}
#video-text .uk-margin{
	text-shadow: 2px 1px 1px #000;
	font-size: 1.8em;
	text-align: center;
	line-height: 1.2em;

}
#video-text p{
	text-align: center;

}
#video-text h3{
	color: #fff;
	font-size: 3em;
	font-weight: bold;
	line-height: 1.5em;
	text-shadow: 2px 2px 0px #000;
	text-align: center;
}
.seven-news{
	background: rgba(215,23,36,0.8);
}
.uk-dotnav > * > * {
  	background: rgba(238, 238, 238, 0.9) !important;
}
 /***********************************
 * Top-A, Top-B, Top-C
 ***********************************/
#top-a{
	background: #d71724;
	color: #fff;
	margin-top: -70px;
}
#top-a .module-title{
	border-bottom: none;
}
#top-a .module-title h3{
	color: #fff;
	font-size: 3em;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
}
#top-a .module-content{
	text-align: center;
	font-size: 1.5em;
	text-shadow: 1px 1px 1px #000;
}
#top-b .uk-button-link{
	background: rgba(0, 0, 0, 1);
  	border-color: #000;
  	box-shadow: none;
  	color: #fff;
}
#top-b .uk-button-link:focus, #top-b .uk-button-link:hover{
	background: #d71724;
	border-color: #000;
  	color: #fff !important;
	
}
#top-b .uk-button, #top-b .uk-button-link{
	color: #fff !important;	
}
#top-c{
	background: #eee;
}
#top-c .module-title{
  	text-align: center; 
}
#top-c .module-title h3{
  	font-size: 3em;
  	font-weight: bold;
}
#top-c .uk-icon-button{
	 background: #d71724;
	 color: #fff;
	
}

#bottom-a{
	background: #222;
  	color: #fff;
    text-align: center;
   	padding: 20px 10px 60px 10px;
}

#bottom-a .uk-slidenav-position {
  position: relative;
  top:  -15px;
}
#bottom-a a.uk-button{
	background: transparent;
	border: 1px solid #fff !important;
	color: #d71724;
	
}
#bottom-a a.uk-button:hover{
	background: #d71724;
	border: 1px solid #fff !important;
	color: #fff;
	
}
#bottom-a .module-title{
	border-bottom: none;
}
#bottom-a .module-title h3{
	color: #fff;
   	font-size: 3em;
  	font-weight:bold;
  	text-align: center;
  	line-height: 40px;
}
#bottom-b .module-content{
	height: 400px;
	overflow: hidden;
  width: 100%;
}
#bottom-b{
  	padding: 0;
  	background: #fff;
  	margin-top: -50px;
}
#bottom-b .module-title {
	text-align: center;
	z-index: 2;
  	position: absolute;
  	left: 50%;
  	-webkit-transform: translate(-50%);
  	-moz-transform: translate(-50%);
  	-ms-transform: translate(-50%);
  	-o-transform: translate(-50%);
  	transform: translate(-50%);
  	top: -40px;
}

#bottom-b .module-title h3{
  font-size: 3em;
  color: #fff;
  font-weight: bold;
  background: #d71724;
  padding: 10px;
}
#bottom-footer{
	background: #d71724;
  	color: #fff;
}
#bottom-footer .module-title{
	border-bottom: none;
}
#bottom-footer .module-title h3{
	color: #fff;
  	font-weight: bold;
  	text-shadow: 1px 1px 1px #000;
  	line-height: 24px;
}
#bottom-footer .module .nav.menu li{
	border-bottom: 0;
}
#bottom-footer .module .nav.menu li a{
	color: #fff;
  	text-decoration: none;
}
#bottom-footer .module ul.nav > li.active > a {
  background-color: transparent;

}
#bottom-footer .row-fluid .span3:nth-child(3) a{
    color: #fff;
    text-decoration: underline;
}
#footer, #footer .container-fluid{
	background: #d71724;
	padding: 10px;
}
footer .copyrights{
	color: #fff;
}
/*********************************
 *      MEDIA QUERIES            *
 *********************************/

/* Smartphones */
@media (max-width: 480px) {  
	.logo.span3{
		float: left !important;
		width: 55%;
	}
	#video-wrapper{
		position: initial;
		height: 300px;
		background-image: url('http://transitsecurity.com.au/images/security-camera-mobile.jpg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	#video-text{
		position: relative;
		top: 50%;
		width: 90%;
	}
	header{
		position: initial;
	}
	header.home{
		background: rgb(215,33,26);
	}
	ul.svn-menu{
		background: #3e3434;
		margin-top: 0;
	}
	#video-text{
		position: relative;
	}
	#video-text h3{
		font-size: 1.5em;
		line-height: 1.1em;
	}
	#video-text .uk-margin{
		font-size: 1.2em;
		line-height: 1.1em;		
		margin: 0;
	}
	header.home{
		background: rgb(0,0,0) !important;
	}
    #top-a{
      margin-top: 0;
    }
    #content-area{
    	padding: 0;
    }
    #banner-bg .hero-unit{
 		display: none;
     }
     #banner{
		background-size: cover;
        background-position: left top;
	}
	#banner.Contact, #banner.Access{
      	background-size: cover;
        padding: 20px;
        background-position: 0 0;
      }
      #bottom-a{
      	 	padding: 5px;
      }
    #banner.Contact #banner-bg{
    	padding: 0px 0;
    }
    #bottom-b .module-title h3 {
  		font-size: 1.5em;
	}
	.img_caption.right, .img-intro-right, .pull-right.item-image {
  		float: none;
  		margin 5px auto;
	}
    
}
/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {
	.logo.span3{
		float: left !important;
		width: 25%;
	}
	nav#menu.span9{

	}
	ul.svn-menu{
		background: #3e3434;
		margin-top: 0;
	}
	header{
		position: initial;
	}
	#video-wrapper{
		position: initial;
		height: 350px;
		background-image: url('http://transitsecurity.com.au/images/security-camera-mobile.jpg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	#video-text{
		position: relative;
	}
	header.home{
		background: rgb(0,0,0) !important;
	}
	#video-text h3{
		font-size: 1.7em;
		line-height: 1.1em;
	}
	#video-text .uk-margin{
		font-size: 1.5em;
		line-height: 1.1em;		
		margin: 0;
        text-align: justify;
	}
	#top-a{
		margin-top: 0;
	}
	#banner{
		background-size: cover;
        background-repeat: repeat-x;
        background-position: left top;
	}
	#banner-bg > h2:first-child{
        display: none;
    }
    #banner-bg{
      padding: 20px 50px 30px 50px;    
	 }
	 #banner-bg .hero-unit{
     	padding: 0 10px;
        margin-bottom: 0;
        font-size: 16px;
        line-height: 20px;
      }
      #banner.Contact, #banner.Access{
      	background-size: cover;
      	background-position: 0 0;
      
      }
      #bottom-a{
      	 	padding: 10px 10px 20px 10px;
      }
     #bottom-b .module-title h3 {
  		font-size: 1.5em;
	 }
    .img_caption.right, .img-intro-right, .pull-right.item-image {
  		float: none;
  		margin 5px auto;
	}
}
/* Tablets */
@media (min-width: 768px) and (max-width: 980px) { 
	#video-wrapper{
		top: -70px;	
		height: 450px;
	}	
	#header .btn-navbar {
		padding: 20px 15px 10px 0;
	}
	#header .logo {
  		margin: 10px 0;
	}
	ul.svn-menu {
  		background: #3e3434 none repeat scroll 0 0;
  		margin-top: 0;
	}
	#video-text{
		top: 70%;
	}
	#video-text h3{
		font-size: 2em;
		line-height: 1.1em;
	}
	#video-text .uk-margin{
		font-size: 1.5em;
		line-height: 1.1em;	
		margin: 0;	
	}
	#banner-bg .hero-unit{
    	padding: 0 10px;
        margin-bottom: 0;
        font-size: 16px;
        line-height: 22px;
    }
    #banner.Access{
	background-size: cover;
	}
	#bottom-a{
		 	padding: 20px 10px 40px 10px;
	}
	.img_caption.right, .img-intro-right, .pull-right.item-image {
  		float: none;
  		margin 5px auto;
	}
}
/* Desktops */
@media (min-width: 979px) and (max-width: 1229px) {  
	#video-wrapper{
		top: -70px;	
	}
	#video-text h3{
		font-size: 2em;
		line-height: 1.1em;
	}
	#video-text .uk-margin{
		font-size: 2em;
		line-height: 1.1em;		
	}
	
}