/*
Theme Name: BASE
Theme URI: http://www.pixel8design.ie/
Description: Greyscale Responsive Starting Point for In-Browser Design
Version: 1
*/

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic|Titillium+Web:400,400italic,600,600italic,700,700italic,900|Gudea:400,700,400italic);

/**
 * CH01 - Resets, Body, Typography, Header, Menu, Wrapper, Buttons, Links , Contact Form
 * CH02 - Footer, Credits
 * CH03 - posts, align, image responsive ... Miscellaneous Slider Flexsilder forms etc Post & Image Thumbnails
 * P01 - Home Page - 
 * P02 - Installations Page
 * P03 - Packages Page
 * P04 - Products Page
 * P05 - Security Systems Page
 * P06 - Contact Page
 * Cart - Shopping Cart CSS
 * CH04 - Mobile Devices, Media Queries
**/

/***********************************************      CH01        **********************************************/
/***************************************************************************************************************/


/* Body Background imges
================================================== */
html,body{
 	margin: 0 !important;
    padding: 0 !important;
	font-family: 'Gudea', sans-serif; 
	font-weight: 400;    
	background: #fff; /* url(images/xxx.png) repeat-x top left; */
	font-size: 14px !important;
}

/* header
================================================== */
#header-full-width{ 
	background: #fff; /* url(images/menu-bg.png) repeat-x top left; */
	height: 0px;
	margin-top:0px;
}

#header-centered{ 
	background: #fff; /* url(images/menu-bg.png) repeat-x top left; */
	height: 0px;
}

/* menu
================================================== */
#menu-full-width{ 
         
	position:relative; 
	z-index:2;
	background-color: #0083B7;
        border-bottom: 0px solid #fff;
        text-align:center;
} 

.menu-item-first {
border-left: none !important;
}

/* logo
================================================== */
/* the logo container */
.logo-div{

}

/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	.logo-div{
		margin-bottom:60px !important;
	}
}

/* the logo */
#header-left{
  padding-top:50px;
}

#header-right{
 padding-top:30px;
}

.tel-info p {
	color:#0084b5;
	text-align:right;
}

.email-info p {
	color:#0084b5;
	text-align:left;
}

#banner-img {
	margin-top:-10px;
}

/* Menu styles are in css/nav-menu.css */

/* wrapper
================================================== */
#wrapper {
background: #fff; /* url(images/menu-bg.png) repeat-x top left; */
padding: 20px 0;
position:relative;
z-index:1;
}




/* typography override
================================================== */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
	font-family: 'Titillium Web', sans-serif;
	font-weight: 900;
	color: inherit;
}

 h1, .heading h1, .post h1{
	/*font-family: 'Anton';*/
	font-family: 'Titillium Web', sans-serif;
 	font-weight: 900;
	text-transform: uppercase;
	font-weight: bold;
	font-size:38px;	
	padding-left: 20px;
	display: block;
}


h2, .heading h2, .post h2,{
	font-family: 'Titillium Web', sans-serif;
 	font-weight: 900;
	text-transform: uppercase;
	font-weight: bold;
	font-size:34px;
	padding-left: 20px;
	display: block;	
}

h3, .heading h3, .post h3{
	font-family: 'Titillium Web', sans-serif;
	 font-weight: 900;
	text-transform: uppercase;
	font-weight: bold;
	font-size:30px;
	padding-left: 20px;
	display: block;		
}

h4, .heading h4, .post h4, body.home h4{
	font-family: 'Titillium Web', sans-serif;
 	font-weight: 900;
	text-transform: uppercase;
	font-weight: bold;
	font-size:26px;
	padding-left: 20px;
	display: block;		
} 

h5, .heading h5, .post h5{
	font-family: 'Titillium Web', sans-serif;
 	font-weight: 900;
	text-transform: uppercase;
	font-weight: bold;
	font-size:22px;
	padding-left: 20px;
	display: block;		
} 

h6, .heading h6, .post h6{
	font-family: 'Titillium Web', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-weight: bold;
	font-size:18px;	
	padding-left: 20px;
   display: block;		
} 

p, .post p{	
	color: #595959;
	font-family: 'Gudea', sans-serif; 
	font-weight: 400;    
	font-size: 18px ;
	line-height: 27px;
	outline-width: 0px;
	color: #121212;
	padding: 0px 20px 0px 20px;
}


/*h1, h2, h3, h4, h5, h6 { */
    /* font-family: open-sans, verdana, arial, helvetica, sans-serif; */
 /*	font-family: 'Passion One'; 
 	font-weight: 400;
 	text-transform: uppercase;	  
    font-size:32px;
    font-weight:500;
}

h2{font-size:26px; }

h3 {font-size:20px;} */

/*font-family: 'Source Sans Pro', sans-serif;
font-family: 'Titillium Web', sans-serif;
font-family: 'Gudea', sans-serif; */


/* links
================================================== */
a, a:link, a:hover, a:visited {color: #43C7F9; text-decoration:none !important;}

/* Buttons
================================================== */


 .button, button, input[type="submit"], input[type="reset"], input[type="button"] {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
font-size: 16px;
background: #F7941F; /*url(images/button-green.png) no-repeat center center;*/
border:3px solid #F7941F;
color:#fff;
text-transform:uppercase;
text-align:center;
padding:8px 22px;
border-radius: 8px; 
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
text-shadow: 2px 2px 2px rgba(7, 7, 7, 1.0); 
position:relative;
	/*-webkit-box-shadow: -3px 4px 1px #CA3E0F;
        -moz-box-shadow: -3px 4px 1px #CA3E0F;
        box-shadow: -3px 4px 1px #CA3E0F;*/
}

 .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
background: #F7941F; /*url(images/button-green-hover.png) no-repeat center center;*/
color:#fff;
border:3px solid #F7941F;
text-align:center;
padding:8px 22px;
border-radius: 8px; 
-moz-border-radius: 8px; 
-webkit-border-radius: 8px; 
 text-shadow: 2px 2px 2px rgba(7, 7, 7, 1.0); 
 	/*-webkit-box-shadow: -3px 4px 1px #CA3E0F;
        -moz-box-shadow: -3px 4px 1px #CA3E0F;
        box-shadow: -3px 4px 1px #CA3E0F; */    
} 

/*.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active{
	-webkit-box-shadow: -3px 4px 1px #CA3E0F;
        -moz-box-shadow: -3px 4px 1px #CA3E0F;
        box-shadow: -3px 4px 1px #CA3E0F;
    position:relative;
    top:5px;
} */

/****************************************************
 * 	Push Button
 *****************************************************/
.push_button{
	width:200px;
	color:#FFF;
	display:block;
	text-decoration:none;
	font-family: 'Gudea', sans-serif; 
	font-weight: 700;    
	font-size: 16px;
	text-transform: uppercase;	
	margin:0 auto;
	border-radius:5px;
	border:solid 1px #D87A07;
	background:#F7941F;
	text-align:center;
	padding:10px 0px 10px 0px;
	
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
	
	-webkit-box-shadow: -3px 4px 1px #CA3E0F;
        -moz-box-shadow: -3px 4px 1px #CA3E0F;
        box-shadow: -3px 4px 1px #CA3E0F;
}

.push_button:active{
	-webkit-box-shadow: -3px 4px 1px #CA3E0F;
        -moz-box-shadow: -3px 4px 1px #CA3E0F;
        box-shadow: -3px 4px 1px #CA3E0F;

    top:5px;
}

.push_button:hover
{
	width:200px;
	color:#fff;
	display:block;
	text-decoration:none;
	margin:0 auto;
	border-radius:5px;
	border:solid 1px #F7941F;
	background:#F7941F;
	text-align:center;
	padding:10px 0px 10px 0px;
	
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
	
	-webkit-box-shadow: -3px 4px 1px #CA3E0F;
        -moz-box-shadow: -3px 4px 1px #CA3E0F;
        box-shadow: -3px 4px 1px #CA3E0F;
} 

.push_button a 
{
		color:#fff;
}

/*Contact Form
***********************************************************************************************/
.wpcf7
{
  /*background-color: blue;
    border: 2px solid #0f0; */
}

.wpcf7 .wpcf7-text
{
	width:90%;
	border: 1px solid #F7941F;
	padding:8px;
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	color: #333;
}

.wpcf7-form-control-wrap .your-message
{
	width:100%;
}

.wpcf7-form-control
{
	width:90%;
	border: 1px solid #F7941F;
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	color: #333;

} 

.wpcf7-form-control.wpcf7-submit
{
	width: 50%;
	color: #fff;
	margin-left:30px;
} 

span.wpcf7-not-valid-tip
{
	color:#F00;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1.0);
	background:#FBFFDF; 
	font-size: 14px;
	font-style: italic;
}

div.wpcf7-validation-errors
{
	font-family: 'Gudea', sans-serif; 
	font-weight: 400;    
	font-size: 18px ;
	color:#F00;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1.0); 
	background:#FBFFDF;
	font-size: 14px;
	font-style: italic;
}


/* Main Form on Contact Page - Icons to right of form
*********************************************************************************/
span.wpcf7-form-control-wrap.your-name::before
{
font-family: FontAwesome;
font-size: 18px;	
content: "\f007 ";
width: 0; 
height: 0; 
z-index: 999;
/*position: absolute; */
/* color: #5F4109; */
color: #F7941F;
z-index: 999;
padding: 5px 16px 5px 5px;
margin: 0px 0px 0px 0px;
position: relative;
top: 0%;
left: 0%;
}

span.wpcf7-form-control-wrap.your-email::before
{
font-family: FontAwesome;
font-size: 18px;	
content: "\f003";
width: 0; 
height: 0; 
z-index: 999;
/*position: absolute; */
/* color: #5F4109; */
color: #F7941F;
z-index: 999;
padding: 5px 12px 5px 5px;
margin: 0px 0px 0px 0px;
position: relative;
top: 0%;
left: 0%;
}

span.wpcf7-form-control-wrap.your-subject::before
{
font-family: FontAwesome;
font-size: 18px;	
content: "\f02b";
width: 0; 
height: 0; 
z-index: 999;
/*position: absolute; */
/* color: #5F4109; */
color: #F7941F;
z-index: 999;
padding: 5px 14px 5px 5px;
margin: 0px 0px 0px 0px;
position: relative;
top: 0%;
left: 0%;
}

span.wpcf7-form-control-wrap.your-message::before
{
font-family: FontAwesome;
font-size: 18px;	
content: "\f075";
width: 0; 
height: 0; 
z-index: 999;
/*position: absolute; */
/* color: #5F4109; */
color: #F7941F;
z-index: 999;
padding: 5px 10px 5px 5px;
margin: 0px 0px 0px 0px;
position: relative;
top: 0%;
left: 0%;
} 

@media (max-width: 480px){

.wpcf7 p{
	margin-left: 0px;
}
.wpcf7 span{
	margin-left: 0px;
}

span.wpcf7-form-control-wrap.your-name::before
{
	    visibility: hidden;
	    padding: -5px -16px -5px -5px;
	    top:-5px;
}
span.wpcf7-form-control-wrap.your-email::before
{
	    visibility: hidden;	    
	    padding: -5px -12px -5px -5px;
	    margin-top:-8px;
}
span.wpcf7-form-control-wrap.your-subject::before
{
	    visibility: hidden;
	    padding: -5px -14px -5px -5px;
	    margin-top:-8px;	    	    
}
span.wpcf7-form-control-wrap.your-message::before
{
	    visibility: hidden;
	    padding: -5px -10px -5px -5px;
	    margin-top:-8px;	    	    
}

}

/* footer Email Form - Get a Quote
****************************************************************************/
.textwidget span.wpcf7-form-control-wrap.your-name::before
{
	    visibility: hidden;
	    padding: 0px 0px 0px 0px;
	    float:left;

}
.textwidget span.wpcf7-form-control-wrap.your-email::before
{
	    visibility: hidden;
	    padding: 0px 0px 0px 0px;
	    float:left;    
}
.textwidget span.wpcf7-form-control-wrap.your-phone
{
	    padding: 0px 0px 20px 0px;
	    float:left;	    	    	    
}

div#wpcf7-f28-o1 .wpcf7-form p span.wpcf7-form-control-wrap.your-email::before
{
	   	padding:0px 0px 0px 0px; 
	   	margin:0px 0px 0px 0px;
	   	position:none;   
}

.textwidget div#wpcf7-f28-o1 .wpcf7-form p input.wpcf7-form-control .wpcf7-submit
{
	margin-left: 0px;
} 

.textwidget .wpcf7-form-control.wpcf7-submit{
	margin-left: 0px;
} 
.textwidget p{ padding-top:0px;}
/***********************************************      CH02        ***********************************************************************/
/****************************************************************************************************************************************/

/*Footer
*************************************************************************************/
footer {
	background: #0083B7; /* url(images/footer-bg.jpg) repeat left top; */
	/* border-top:3px solid #555555; */
	font-family: 'Gudea', sans-serif; 
 	font-weight: 400;    
	color:#fff;
	margin-top: 0px;
	padding: 20px 0px 25px 0px;
}

footer .container{ height:auto;}

footer h2 {
 color:#fff;
font-family: 'Titillium Web', sans-serif;
 font-weight: 700; 
 /* text-transform:uppercase; */
 width:auto;
 font-size:20px;
 line-height:18px;
 letter-spacing: 1px;
 padding-bottom:25px;
 border-bottom: 1px dotted #62D3FF;
 padding-left:0px;
 }
 
footer p{
	font-family: 'Gudea', sans-serif; 
 	font-weight: 400;    
	color:#fff;
	font-size: 18px;
	padding-left:0px;	
}

 footer #credits{
 background-color:#1A1A1A;
 padding:8px;
 min-height:40px;
 }

.textwidget {
	font-family: 'Gudea', sans-serif; 
 	font-weight: 400;    
	font-size:18px;
	padding: 0px 0px 0px 0px;
}

.textwidget a{
	font-family: 'Gudea', sans-serif; 
 	font-weight: 400;    
	font-size:18px;
	color: #fff;
	padding: 0px 0px 0px 0px;
}

.textwidget a:active{
	color: #fff;
	padding: 0px 0px 0px 0px;
}


.textwidget a:hover{
	font-family: 'Gudea', sans-serif; 
 	font-weight: 400;    
	font-size:18px;
	color: #F7941F;
	padding: 0px 0px 0px 0px;
	/* text-shadow: 2px 2px 2px rgba(247, 148, 31, 1.0); */
}


#credits
{
	width: 100%;
	background:#0083B7; 
	/*background-image: url(images/design.jpg); */
	color: #f6f6f6;
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
	line-height: 19px;
	font-weight: 400;
	padding:  0px 30px 0px 30px;
	height:60px;
	/*font-family: 'source_sans_proregular', sans-serif;*/
	font-family: 'Gudea', sans-serif; 
 	font-weight: 400;  
 	border-top: 1px dotted #62D3FF;
  
}
#credits p
{
	color: #f6f6f6;
	font-family: 'Gudea', sans-serif; 
 	font-weight: 400;    
	font-size: 11px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#credits a
{
	color: #f6f6f6;
	font-family: 'Gudea', sans-serif; 
 	font-weight: 400;    
}

#credits a:hover
{
color:#C0C0C0;
	font-family: 'Gudea', sans-serif; 
 	font-weight: 400;    
}

#credits img {
    display: block;
    max-width:2000px;
    max-height:1000px;
    width: auto;
    height: auto;
}




/***********************************************      CH03        ************************************************************************/
/*****************************************************************************************************************************************/



/* next and previous post links on single post
================================================== */
#prev-post{
	float:left;
	width:44%;
}

#next-post{
	float:right;
	width:44%;
	text-align:right;
}
/* alignment
================================================== */
.textleft {
text-align:left;
}

.textright {
text-align:right;
}

.alignleft {
float:left;
margin-right:8px;
}

.alignright {
float:right;
margin-left:8px;
}


/* RESPONSIVE IMAGES - set image max width to 100%
================================================== */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
.thumbnail {
	margin-top:10px;
	margin-bottom:20px;
}

#about_img {
	margin-top:10px;
	margin-bottom:20px;
}
 
#about_img2 {
	margin-top:10px;
	margin-bottom:20px;
}
#about_img3 {
	margin-top:10px;
	margin-bottom:20px;
}

.product-image {
	margin-top:10px;
	margin-bottom:20px;
}

/* Commentlist - comments/replies list 
================================================== */	
ol.commentlist { list-style-type: none; margin: 0; padding: 0; }
ol.commentlist li { background-color:#fafafa; border:1px solid #eee; margin:0 0 25px 0; padding: 10px;}
ol.commentlist li.alt { margin-top:16px; border: 1px solid #e5e5e5;}
ol.commentlist li ul.children li.even { background: #ddd; }
ol.commentlist li ul.children li.odd { background: #eee;}
ol.commentlist li ul.children { list-style-type: none; list-style-image: none; }
ol.commentlist li.alt ul.children li, ol.commentlist li ul.children li.alt ul li { background: #ffffff; border: 1px solid #e0e0e0; }
ol.commentlist li.alt ul.children li ul li { background: #f4f4f4; border: 1px solid #eeeeee; }
.avatar { float: left; margin-right: 5px; background: none; border: none; }

/************************************************************************************
Comment Form 
*************************************************************************************/
input#author, input#email, input#url, textarea#comment { background: #fcfcfc; border: 1px solid #d0d0d0; }

#commentform #submit {margin-top:-6px; }

input[type="text"], input[type="password"], input[type="email"], textarea, select {
width:auto;
display: inline;
}

/* slideshow
================================================== */

/* .flexslider  {} */
.flexslider {
    margin: 4px 0 0 4px;
    background: transparent;
    width: auto;
    padding: 0 0 18px 0;
}

.flex-direction-nav li .prev {
    left: -16px;
}

/* Nextgen slideshow
================================================== */

.slideshow-ngg img {
    border: 8px solid #fff;
    -webkit-box-shadow: 5px 8px 6px -6px black;
    -moz-box-shadow: 5px 8px 6px -6px black;
    box-shadow: 5px 8px 6px -6px black;
}

.slideshow-ngg{
    border: 0px solid #fff;
    margin-right:20px;
}

.slideshow-ngg .flex-caption {
    left:8px;
    bottom:8px;
}

.slideshow-ngg .flex-direction-nav li .prev {
    left:4px;
}

.slideshow-ngg .flex-direction-nav li .next {
    background-position: -52px 0;
    right: -12px;
}

.slideshow-ngg .flex-direction-nav li a {
    top:40%;
}

.slideshow-ngg .flex-control-nav {
    bottom: 6px;
}


/* CPT slideshow
================================================== */

.slideshow-cpt {
    padding:20px;
    border: 4px solid #fff;
}

.slideshow-cpt .flex-direction-nav li .prev {
    left: 4px;
}

.slideshow-cpt .flex-direction-nav li .next {
    background-position: -52px 0;
    right: 4px;
}

.slideshow-cpt .flex-direction-nav li a {
    top: 86%;
}

.slideshow-cpt .flex-control-nav {
    bottom: 16px;
}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	padding:8px;
	margin-right:10px;
}

.alignright {
	float: right;
	padding:8px;
	margin-left:10px;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center !important;
	background-color: #eee;
	padding: 12px 8px 8px;
	margin: 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 4px 4px 5px 10px;
	margin: 0;
	text-align:center;
	
}
/* End captions & aligment */

/************************************************************************************
Sidebar
*************************************************************************************/
#sidebar { }

#searchform label, #commentform label {display:none;}

/************************************************************************************
MOBILE DEVICES
*************************************************************************************/	
 /* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
		.col-sm-6{
			text-align:center;
		}
		
		#header-centered {
			height: 150px;
		}
		
		footer h2 {
  			margin-top:24px;
		}
		#main-nav{border-bottom:0px solid #000;}
		.scariff_menu { margin-left:12px !important;}
		ul#main-nav li:hover > ul, ul#main-nav li:hover > ul ul { display:none;}
		
		.flexslider{margin:0 0 0 -4px;}
	}

	

/************************************************************************************
CSS 3
*************************************************************************************/
.box-shadow {
-moz-box-shadow:10px 0 15px -3px #999, -10px 0 15px -3px #999; 
-webkit-box-shadow: 10px 0 15px -3px #999, -10px 0 15px -3px #999; 
box-shadow:10px 0 15px -3px #999, -10px 0 15px -3px #999;  
behavior: url(/ie-css3.htc);
}

.rounded{
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}	



.menu-top-menu-container ul{padding-left:0;}

/* Navigation
================================================== */


/* .flexnav li{
width:auto !important;
}

.flexnav li.menu-item-has-children {
	padding-right:0px;
	}
	
.flexnav .touch-button {
background:none; 
}	*/

/* Slider
================================================== */

#slider_div {
	margin-top:0px;
	margin-bottom:50px;
}

/* Visual Form Builder
================================================== */

form.visual-form-builder{
	position: relative;
	margin:20px 0;
	background: none;
	list-style:none;
	list-style-type: none;
	list-style-image: none;
	text-shadow: none;
	font-family:inherit;
}

form.visual-form-builder li{
	margin: 0 !important;
	width: auto !important;
	background: none !important;
	list-style: none !important;
	list-style-type: none !important;
	list-style-image: none !important;
	clear: both;
}

	form.visual-form-builder li:before {
		content: none;
	}

	form.visual-form-builder ul:after,
	form.visual-form-builder li:after,
	form.visual-form-builder li div:after {
		clear: both;
		content: '.';
		display: block;
		height: 0;
		visibility: hidden;
	}

/* Hide br tags for themes that auto add them */
.visual-form-builder br {
	display: none;
}

	form.visual-form-builder .vfb-item-instructions br {
		display: inline;
	}

/* !Remove list item styles */
.visual-form-builder ul,
.entry-content .visual-form-builder ul,
.comment-content .visual-form-builder ul,
.mu_register .visual-form-builder ul,
.visual-form-builder ol,
.entry-content .visual-form-builder ol,
.comment-content .visual-form-builder ol,
.mu_register .visual-form-builder ol {
	margin: 0 14px !important;
	padding: 0 !important;
	background: none !important;
	list-style: none !important;
	list-style-type: none !important;
	list-style-image: none !important;
	font-size: 13px;
	line-height: inherit;
}

	.visual-form-builder ul li {
		margin: 0 !important;
		background: none !important;
		list-style: none !important;
		list-style-type: none !important;
		list-style-image: none !important;
	}

		.visual-form-builder ul li:before {
			content: none;
		}

	.visual-form-builder li,
	.entry-content .visual-form-builder li,
	.comment-content .visual-form-builder li,
	.mu_register .visual-form-builder li {
		clear: both;
		margin: 0 !important;
		padding: 6px 1% 9px !important;
		width: 64%;
		background: none !important;
		list-style: none !important;
		list-style-type: none !important;
		list-style-image: none !important;
	}

		.visual-form-builder li:before,
		.entry-content .visual-form-builder li:before,
		.comment-content .visual-form-builder li:before,
		.mu_register .visual-form-builder li:before {
			content: none;
		}

.vfb-span,
.visual-form-builder li div span.vfb-span,
.visual-form-builder [class*="vfb-span"],
span.vfb-full input,
span.vfb-full input[type="text"].vfb-medium,
span.vfb-full select{
	display:block;
	float:left;
	margin: 0;
	width:100%;
}

	.visual-form-builder span.vfb-left{
		float:left;
		width:48%;
	}

	.visual-form-builder span.vfb-right{
		float:right;
		width:48%;
	}

	.visual-form-builder span.vfb-span ul li {
		list-style: disc;
	}

	.visual-form-builder span.vfb-span ol li {
		list-style: decimal;
	}

.visual-form-builder span.vfb-right input,
.visual-form-builder span.vfb-right input[type="text"],
.visual-form-builder span.vfb-right select,
.visual-form-builder span.vfb-left input,
.visual-form-builder span.vfb-left input[type="text"],
.visual-form-builder span.vfb-left select{
	width:100% !important;
}

/* !Time Field */
.visual-form-builder span.vfb-time{
	float:left;
	margin:0 0.3em 0 0;
}

	.rtl .visual-form-builder span.vfb-time {
		float: right;
		margin: 0 0 0 0.3em;
	}

.visual-form-builder li div label,
.visual-form-builder li span label {
	margin: 0;
	font-size: 90%;
}

/* !Fieldset */
.visual-form-builder fieldset{
	clear:both;
	margin:15px 0;
	padding: 0;
	border:1px solid #D3D3D3;
	border-radius:3px;
	background-color:#eeeeee;
}

/* !Legend */
.visual-form-builder .vfb-legend{
	margin:5px 14px;
	padding:0 6px;
	border-bottom:1px solid #CCCCCC;
	color:#990000;
	font-size:inherit;
}

	.visual-form-builder .vfb-legend h3 {
		margin: 0 !important;
		padding: 0 !important;
		font-size:20px;
		line-height: 2.0em;
		color:#0191c8;
	}

/* !Description */
.visual-form-builder label,
label.vfb-desc{
	display:block;
	margin:0;
	padding: 0 0 3px 0;
	color:#000;
}
	label.vfb-desc{
		font-weight:bold;
	}

	.visual-form-builder.left-label .vfb-desc,
	.visual-form-builder.right-label .vfb-desc{
		float:left;
		margin:0 15px 0 0;
		width:20%;
	}

	.visual-form-builder.right-label .vfb-desc{
		padding-top:2px;
		text-align:right;
	}

	.visual-form-builder li div {
		margin: 0;
		padding: 0;
	}

	.visual-form-builder.left-label li div,
	.visual-form-builder.right-label li div {
		float: left;
		width: 65%;
	}

	.visual-form-builder label.vfb-choice{
		margin:-16px 0 0 23px;
		padding:0 0 5px;
		width:88%;
		font-size:100%;
		line-height:150%;
	}

		.rtl .visual-form-builder label.vfb-choice {
			margin: -16px 23px 0 0;
		}

	.visual-form-builder label .vfb-required-asterisk {
		margin: 0;
		padding: 0;
		color: #BC1212;
		vertical-align: baseline;
		font-weight: bold;
	}

/* !Input, Textarea, and Select */
input.vfb-text,
input[type="text"].vfb-text,
input[type="tel"].vfb-text,
input[type="email"].vfb-text,
input[type="url"].vfb-text,
textarea.vfb-textarea {
    padding: 3px 0;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
	background: none repeat scroll 0 0 #FAFAFA;

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear .2s, box-shadow linear .2s;
	   -moz-transition: border linear .2s, box-shadow linear .2s;
	     -o-transition: border linear .2s, box-shadow linear .2s;
	        transition: border linear .2s, box-shadow linear .2s;
}

	input.vfb-text:focus,
	input[type="text"].vfb-text:focus,
	input[type="tel"].vfb-text:focus,
	input[type="email"].vfb-text:focus,
	input[type="url"].vfb-text:focus,
	textarea.vfb-textarea:focus {
		outline: 0;
		outline: thin dotted \9;
		/* IE6-9 */
		border-color: rgba(82, 168, 236, 0.8);

		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
		   -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
		        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
	}

	input.vfb-text.vfb-error:focus,
	input[type="text"].vfb-text.vfb-error:focus,
	input[type="tel"].vfb-text.vfb-error:focus,
	input[type="email"].vfb-text.vfb-error:focus,
	input[type="url"].vfb-text.vfb-error:focus,
	textarea.vfb-textarea.vfb-error:focus {
		border-color: rgba(238,83,83,0.8);

		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238,83,83,.6);
		   -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238,83,83,.6);
		        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238,83,83,.6);
	}

input.vfb-text,
input[type="text"].vfb-text,
input[type="tel"].vfb-text,
input[type="email"].vfb-text,
input[type="url"].vfb-text,
textarea.vfb-textarea,
select.vfb-select {
	margin: 0 0 5px 0;
	height: auto;
	color: #373737;
	font-size:100%;
	font-family:inherit;
	line-height: normal;
}

select.vfb-select{
	padding: 1px 0 0;
}

input.vfb-small,
input[type="text"].vfb-small,
input[type="tel"].vfb-small,
input[type="email"].vfb-small,
input[type="url"].vfb-small,
select.vfb-small{
	width:25%;
}

input.vfb-medium,
input[type="text"].vfb-medium,
input[type="tel"].vfb-medium,
input[type="email"].vfb-medium,
input[type="url"].vfb-medium,
select.vfb-medium{
	width:50%;
}

input.vfb-large,
input[type="text"].vfb-large,
input[type="tel"].vfb-large,
input[type="email"].vfb-large,
input[type="url"].vfb-large,
select.vfb-large,
textarea.vfb-textarea{
	width:100%;
}

input[type="file"].vfb-small,
input[type="file"].vfb-medium,
input[type="file"].vfb-large {
	height: auto;
	line-height: normal;
}


textarea.vfb-medium{
	height:5.5em;
}

textarea.vfb-medium{
	height:10em;
}

textarea.vfb-large{
	height:20em;
}

/* !Submit Button */
.vfb-submit,
input[type="submit"].vfb-submit {
	font-size:1.1em;
}

/* !Checkbox and Radio */
input.vfb-checkbox,
input[type="checkbox"].vfb-checkbox,
input.vfb-radio,
input[type="radio"].vfb-radio {
	display:block;
	margin:4px 0 0;
	width:13px;
	height:13px;
	font-size:1.1em;
}

input.vfb-other,
input[type="text"].vfb-other {
    margin: 0 0 8px 25px;
}

/* !Field Layout */
.visual-form-builder li.vfb-two-column div span,
.visual-form-builder li.vfb-three-column div span,
.visual-form-builder li.vfb-auto-column div span{
	margin:0 5px 0 0;
	width:48%;
}

.visual-form-builder li.vfb-three-column div span{
	width:30%;
}

.visual-form-builder li.vfb-auto-column div span{
	width:auto;
}

.visual-form-builder li.vfb-left-half,
.visual-form-builder li.vfb-left-third,
.visual-form-builder li.vfb-left-two-thirds{
	float:left;
	clear:left;
}

.visual-form-builder li.vfb-right-half,
.visual-form-builder li.vfb-right-third,
.visual-form-builder li.vfb-right-two-thirds{
	float:right;
	clear:none;
}

.visual-form-builder li.vfb-middle-third{
	float:left;
	clear:none;
	margin-left:2%;
}

.visual-form-builder li.vfb-left-half,
.visual-form-builder li.vfb-right-half{
	width:47% !important;
}

.visual-form-builder li.vfb-left-third,
.visual-form-builder li.vfb-middle-third,
.visual-form-builder li.vfb-right-third{
	width:30% !important;
}

.visual-form-builder li.vfb-left-two-thirds,
.visual-form-builder li.vfb-right-two-thirds{
	width:64% !important;
}

li.vfb-left-half .vfb-small,
li.vfb-left-half .vfb-medium,
li.vfb-left-half .vfb-large,
li.vfb-right-half .vfb-small,
li.vfb-right-half .vfb-medium,
li.vfb-right-half .vfb-large,
li.vfb-left-third .vfb-small,
li.vfb-left-third .vfb-medium,
li.vfb-left-third .vfb-large,
li.vfb-middle-third .vfb-small,
li.vfb-middle-third .vfb-medium,
li.vfb-middle-third .vfb-large,
li.vfb-right-third .vfb-small,
li.vfb-right-third .vfb-medium,
li.vfb-right-third .vfb-large,
.visual-form-builder li.vfb-left-two-thirds .vfb-small,
.visual-form-builder li.vfb-left-two-thirds .vfb-medium,
.visual-form-builder li.vfb-left-two-thirds .vfb-large,
.visual-form-builder li.vfb-right-two-thirds .vfb-small,
.visual-form-builder li.vfb-right-two-thirds .vfb-medium,
.visual-form-builder li.vfb-right-two-thirds .vfb-large{
	width:100%;
}

/* !Error */
label.vfb-error{
	color:red;
	font-weight:bold;
	font-size:90%;
}

input.vfb-error,
input.vfb-text.vfb-error,
input[type="text"].vfb-text.vfb-error,
input[type="tel"].vfb-text.vfb-error,
input[type="email"].vfb-text.vfb-error,
input[type="url"].vfb-text.vfb-error,
select.vfb-error,
textarea.vfb-error,
textarea.vfb-textarea.vfb-error,{
	border:1px solid red;
}

/* !Success Mesage - Default */
p#form_success,
.vfb-form-success {
	color: green;
	font-weight: bold;
}

#ui-datepicker-div {
	display: none;
	font-size:12px;
}

/* !Instructions */
.vfb-item-instructions{
	border-radius:3px;
	background-color:#e3e3e3;
}

	.vfb-item-instructions ul,
	.vfb-item-instructions ul li {
		padding-bottom: 0;
		list-style: disc;
	}

	.vfb-item-instructions ol,
	.vfb-item-instructions ol li {
		padding-bottom: 0;
		list-style: decimal;
	}

/* !Sections */
.vfb-section-div {
	 float:left;
	 margin:10px 0;
	 padding:10px;
	 width:97%;
	 border-radius:3px;
	 background-color:#D4D4D4;
}

	.visual-form-builder .vfb-section-div h4 {
		margin: 0 !important;
		padding: 0 !important;
		border-bottom:1px solid #BABABA;
		font-size:16px;
		line-height: inherit;
	}

/* !Clearing */
.vfb-clear{
	display:block;
	visibility:hidden;
	clear:both;
	overflow:hidden;
	width:0;
	height:0;
}

/* !Conditional Field */
.vfb-conditional-hide{
	display: none;
}


/***********************************************         P01 - Home Page       *************************************************/
/*******************************************************************************************************************************/

#checklist {
	list-style-type: none;
}

#checklist li  {
	font-size:18px;
}

#checklist li i {
	color:#cd0820;
	font-size:18px;
}

/* -------------------------  Sponsors Logos - Easy Logo Slider -----------------------------------------*/
#suppliers-logos {
    border-top: 1px solid #0083B7;
}

rtvsystems.ie/media="all"
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.jcarousel-control-prev, .jcarousel-control-next {
   visibility:hidden;
}

.jcarousel-pagination {
  visibility:hidden;
}

.jw_easy_slider_name {
  visibility:hidden;
    height:0px;
}

.jcarousel h3
{ 
    font-family: 'bebas_neuebold';
    font-weight: normal;
    font-size:26px; 
}


/* -----------------------------------------------------------------------------------------------------*/
	
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

#hservices
{
	/*border: 1px solid #000 */
	margin-bottom:30px;
	margin-top:20px;
}

#hservices h5
{
background:#0083B7 ;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size:22px;
	color: #fff;
	padding:10px 0px 10px 0px ;
	text-align: center;
}

.imgframe
{
	height: 350px;
    width: auto;
	position: relative;
}

#hservices p
{
	text-align: center;
	padding:10px 35px 15px 35px ;

}

#hservices img
{
	/* border: 1px dotted #000;*/
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;  


}

/* Suppliers Logo - Above Footer on Homepage
**********************************************/
.easy-logo_image {
  height:50px !important; 
}

#home_heading
{
	font-family: 'Titillium Web', sans-serif;
 	font-weight: 900;
	text-transform: uppercase;
	font-weight: bold;
	font-size:34px;
	padding-left: 20px;
	display: block;	
}
/***********************************************         P02 Installations Page      ********************************************/
/*******************************************************************************************************************************/




/***********************************************         P03 Packages Page      ************************************************/
/******************************************************************************************************************************/





/***********************************************         P04 Products Page      **********************************************/
/*****************************************************************************************************************************/

/* .fa.fa-user-secret */


/***********************************************         P05 Security Systems Page   ****************************************/
/****************************************************************************************************************************/
#surveil i.fa.fa-video-camera 
{
color:#555555;
font-size: 26px;
font-weight: bold;
}



/***********************************************         P06 Contact Page   *************************************************/
/****************************************************************************************************************************/

/* 4 Hover image Blocks on Contact Page
*****************************************************************/
	.wrap 
	{
    border:0px solid #fff;
    display: inline-block;
    text-align: left;
    position: relative;
	}

	.display 
	{
   	 	position: relative;
    	overflow: hidden; 
	}

    .display img 
    {
        display: block;
    }
    .caption 
    {
        position: absolute;
        width: 100%;
        height: 95%;
        padding: 0px 20px 0px 20px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box; 
        background: rgba(0,0,0,0.4);
        color: #fff;
        top: 100%;
        -webkit-transition: all 0.5s ease-in 0s;
        -moz-transition: all 0.5s ease-in 0s;
        -o-transition: all 0.5s ease-in 0s;
         transition: all 0.5s ease-in 0s;
     }

    .wrap:hover .caption 
    {
      top: 0;                                 
    }


    #txt_stl
    {
        text-align:center;
        font-family: 'Gudea', sans-serif; 
		font-weight: 600;    
	    font-size: 18px ;
	    text-transform: uppercase;
        margin-top:30%;
        padding:15px 0px 15px 0px;
        border-top: 1px dotted #ccc;
        border-bottom: 1px dotted #ccc;
        background: rgba(196, 10, 32, 0.8)
    }

    #txt_stl a
    {
    	color: #fff;
    	/* text-shadow: 1px 1px 0px rgba(174, 4, 47, 1.0); */
    }

    #txt_stl a:hover
    {
    	color: #fff;
    	/* text-shadow: 1px 1px 0px rgba(174, 4, 47, 1.0); */
    }

	.buffer
	{
	padding: 20px 20px 20px 20px;
	margin:0 auto;
	}


	@media all and (max-width: 1025px) {

    #contact-items 
    {

	}

	}	


/***********************************************      Cart - Shopping Cart CSS    *******************************************/
/****************************************************************************************************************************/

.woocommerce h1
{
	font-family: 'Titillium Web', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-weight: bold;
	font-size:30px;
	color:#0083B7;
}


.woocommerce h2
{
	font-family: 'Titillium Web', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-weight: bold;
	font-size:26px;
	color:#0083B7;
}


.woocommerce h3
{
	font-family: 'Titillium Web', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-weight: bold;
	font-size:22px;
	color:#0083B7;
}

.woocommerce a
{
	font-family: 'Gudea', sans-serif; 
	font-weight: 400;    
	font-weight: bold;
	font-size:22px;
	color:#0083B7;
}
.woocommerce a:hover
{
	font-family: 'Gudea', sans-serif; 
	font-weight: 400;    
	font-weight: bold;
	font-size:22px;
	color:#CC051D;
}

.woocommerce span.amount
{
color:#CC051D;
font-size: 16px;
font-weight:700;
}

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button
{
		color:#fff !important;
		background: #F7941F !important;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt
{
		color:#fff !important;
		background: #F7941F !important;
		margin:0px 0px 0px 0px;
}

.woocommerce.woocommerce-message
{
	border-top-color: #990100 !important;
}

body.nothome p.demo_store, body.home p.demo_store
{
position:absolute;
width:5%;
font-size: 10px;
font-weight: bold;
line-height: 12px;
float:left;
top:54px;
left:0px;
right:0px;
margin:0px;
padding: 10px 5px 10px 5px;
background-color: #0083B7;
/*background-color: #CC041B;*/
z-index: 9998;
box-shadow: none;
}

@media all and (max-width: 800px) {

body.nothome p.demo_store, body.home p.demo_store
{
top:0px;
width:35%;
line-height: 12px;
padding-right:1px;	
}

}


/*************************************************      CH04        *********************************************************/
/****************************************************************************************************************************/



/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
     .navbar-nav {
        margin: 0 auto;
        display: table;
        table-layout: auto;
        float: none;
        width: 100%;
    }
    .navbar-nav>li {
        display: table-cell;
        float: none;
        text-align: center;
    }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */

}