/*
Theme Name: quatrix_security
Theme URI: http://velocityconsultancy.com
Author: the Velocitycosultancy team
Author URI: http://velocityconsultancy.com/
Description:quatrix_security.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: quatrixsecurity

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */

/* ---------------------------------------------------------------------- */
/*	Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/)
/* ---------------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong, tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}/*table{border-collapse:collapse;border-spacing:0}*/

/* Clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0;}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}

/* Some basic settings */
h1, h1 .button {
	font-size: 20px;
}
h2, h2 .button {
	font-size: 20px;

}
h3, h3 .button {
	font-size: 16px;
}
h4, h4 .button { font-size: 14px; }
h5, h5 .button { font-size: 14px; }
h6, h6 .button { font-size: 14px; }
small {
	font-size: 10px;
	color: #6d6e71;
}
ol { list-style: decimal; margin-left:20px; }
ul { list-style: disc; }
img { margin-bottom: 0px; display:block; max-width:100%;}
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article,p { margin-bottom: 10px; }

/* ---------------------------------------------------------------------- */
/*	Basic Elements & Classes
/* ---------------------------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background:url(images/bg.jpg) repeat;
	line-height: 22px;
	color: #29292a;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.25;
	margin-bottom: 5px;
}

a, a > * {
	color:#f9b06a;
	text-decoration: none;

	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
		-ms-transition: all 0.25s ease-in-out;
		 -o-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out;
}

a:hover, a > *:hover {
	color:#000000;
	text-decoration: none;

}

hr {
	background: #f8992b;
	color: #f8992b;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
}

	hr.dotted { border-style: dotted; }

	p + hr { margin: 25px 0 20px; }
	
/*	Generic Classes
/* ---------------------------------------------------------------------- */

.hidden { display: none; }

.disabled { cursor: auto; }

.screenreader { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); /* Fallback for old IE */ position: absolute; }

.align-center { margin-left: auto; margin-right: auto; text-align: center; }

.align-left { float: left; }

	img.align-left { margin-bottom: 15px; margin-right: 15px; border:1px solid #CCCCCC;}

.align-right { float: right; }

	img.align-right { margin-bottom: 15px; margin-left: 15px;  border:1px solid #CCCCCC;}
	img {
		height: auto;
		max-width: 100%;
	}


/* ---------------------------------------------------------------------- */
/*	Container
/* ---------------------------------------------------------------------- */

#container{
	width:1000px;
	background:#ffffff;
	overflow:hidden;
	margin:auto;

}

#contentarea{
	width:94%;
	padding:30px;
	float:left;	
}
#contentarea #primary{
	width:65.9%;
	float:left;
	margin:22px 20px 0 0;
}
#contentarea #secondary{
	width:31.9%;
	float:right;
	margin:22px 0 0 0;	
}

/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */

#header{
	width:100%;
	float:left;	
}
#header .header-branding{
	width:94%;
	padding:16px 30px;
	float:left;	
}
.header-branding .header-logo-wrapper{
	width:18.5%;
	float:left;
	margin-right:150px;
}
.header-branding .header-warranty-wrapper{
	width:24%;
	float:left;
	padding-top: 18px;
}
.header-branding .header-contact-wrapper{
	width:26.1%;
	float:right;
	padding-top: 16px;
}
.header-contact-wrapper p{
	font-size:14px;
	font-weight:bold;
	line-height:14px;
	margin:0;
	color:#f9b06a;	
}
.header-contact-wrapper h1{
	font-size:34px;
	margin:0;
	color:#969696; letter-spacing:3px;
}
.header-contact-wrapper p a{
	text-decoration:underline;	
}

#header .header-offer-wrapper{
width: 93.9%;
background: #37b6e9;
float: right;
padding: 7px 30px;
-webkit-box-shadow: 0px 4px 0 1px rgba(0,0,0,1);
box-shadow: 0px 4px 0 1px rgba(0,0,0,1);
margin-bottom: 1px;	
}
.header-offer-wrapper h1{
	font-size:22px;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	color:#e1f2fb;
}
.header-offer-wrapper h2{
	font-size:22px;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	color:#e1f2fb;
        display:none;
}

/* ---------------------------------------------------------------------- */
/*	Menu
/* ---------------------------------------------------------------------- */

#header .menuarea {
	width: 100%;
	background-color: #f8992b;
	float:left;
}
	
.menuarea .mainmenu {
	width: 96%;
	padding:0 20px 0 20px;
	margin:auto;
	text-align:center;
	overflow:hidden;
}

.mainMenu ul {
	margin:0;	
}
#menu-main-menu{
	margin:0;	
}
#menu-main-menu a {
	font-size: 14px !important;
	font-weight: bold;
	line-height:26px;
	color: #ffffff;
	display: block;
	letter-spacing: 0.4px;

	padding: 10px 30px;
	text-transform:uppercase;
	text-decoration:none;
}
#menu-main-menu li li a {
	padding: 5px;
	margin:0;
}
#menu-main-menu a:hover {
	background:#37b6e9;
}

#menu-main-menu .current-menu-item a{
	background:#37b6e9;
	text-decoration: none;
}

#menu-main-menu .current-menu-ancestor a{
	background:#37b6e9;
}
#menu-main-menu li:hover a, #menu-main-menu li.hover a {
	background-color: #37b6e9;
	color:#ffffff;
	text-shadow: none;
	text-decoration: none;
}
#menu-main-menu li .sub-menu .current-menu-item a{
	background-color: #689bd0;
	color: #FFFFFF;
	filter: none;
	text-shadow: none;
	text-decoration: none;
}

#menu-main-menu .menu-item {
	display: inline-block;
}
#menu-main-menu .menu-item:after {
}
#menu-main-menu li .sub-menu .menu-item {
	background-image: none;
	border-bottom: 1px solid #ececec;
	clear: both;
	float: left;
	height: auto;
	padding-right: 0pt;
}
#menu-main-menu li li a, #menu-main-menu li li a:link, #menu-main-menu li li a:active, #menu-main-menu li li a:visited {
	color: #ffffff;
	float: left;
	font-size: 14px !important;
	font-weight: normal;
	height: auto;
	padding:5px 10px;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	width: 230px;
	background-image: none;       	
	text-shadow: none !important;
}
#menu-main-menu li li a:hover {
	color: #ffffff;
	background-color: #f9b06a;
}
#menu-main-menu li ul {
	background-color: #ffffff;
	left: -999em;
	margin-left: 0pt !important;
	position: absolute;
}
#menu-main-menu li ul ul {
	left: auto;
	margin: 0pt 0pt 0pt 270px !important;
	border-left: 1px solid #ffffff;
}
#menu-main-menu li:hover ul, #menu-main-menu li.sfhover ul {
	left: auto;
	z-index: 600;
}
#menu-main-menu li:hover ul, #menu-main-menu li li:hover ul, #menu-main-menu li.sfhover ul, #menu-main-menu li li.sfhover ul {
	left: auto;
}
#menu-main-menu li:hover ul {
	display: block;
	left: auto;
}
#menu-main-menu li:hover ul ul, #menu-main-menu li:hover ul ul ul, #menu-main-menu li.sfhover ul ul, #menu-main-menu li.sfhover ul ul ul {
	left: -999em;
}
#menu-main-menu li:hover ul, #menu-main-menu li li:hover ul, #menu-main-menu li li li:hover ul, #menu-main-menu li.sfhover ul, #menu-main-menu li li.sfhover ul, #menu-main-menu li li li.sfhover ul {
	left: auto;
}

/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */

#footer-wrapper{
	width: 100%;
	float: left;	
}
#footer-wrapper .footer-service{
	width: 94%;
	padding:15px 30px;
	float: left;
	margin-top:15px;	
}
.footer-service ul{
	margin:0;
	text-align: center;
}
.footer-service ul li{
	list-style:none;
	display:inline-table;
	vertical-align:middle;
	margin-right:40px;
}
.footer-service ul li:last-child{
	margin-right:0;	
}

#footer-wrapper #footer{
	width: 94%;
	float: left;
	padding:30px;
	background:#333333;
}
#footer .footer-menu{
	width:100%;
	float:left;
	margin:0 0 30px 0;
}
.footer-menu ul{ 
	margin:0;
	text-align:center;
}
.footer-menu ul li{
	display:inline-table;
	list-style:none;
	margin-right:20px;	
}
.footer-menu ul li:last-child{
	margin-right:0;	
}
.footer-menu ul li a{
	font-size:12px;
	color:#f8992b;	
}
.footer-menu ul li a:hover{
	color:#37b6e9;	
}

#footer .footer-logo-contact-wrapper{
	width:100%;
	float:left;	
}
.footer-logo-contact-wrapper .footer-logo-container{
	width:54.3%;
	float:left;	
}
.footer-logo-contact-wrapper .footer-contact-container{
	width:29.8%;
	text-align: center;
	float:right;	
}

.footer-contact-container p{
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	margin:0;
	color:#da892d;	
}
.footer-contact-container h1{
	font-size:34px;
	margin:0;
	color:#da892d; letter-spacing:3px;
}
.footer-contact-container p a{
	color:#da892d;	
	text-decoration:underline;	
}



/* ---------------------------------------------------------------------- */
/*	Slider
/* ---------------------------------------------------------------------- */

#header #slider-wrapper{
	width:94%;
	padding:30px 30px 0 30px;
	float:left;
}

/* ---------------------------------------------------------------------- */
/*	Home
/* ---------------------------------------------------------------------- */
.home-quatrix-sydney-two-column-wrapper{
	width: 100%;
	overflow:hidden;	
}
.home-quatrix-sydney-two-column-wrapper .column1{
	width:51.6%;
	float:left;	
	margin-right:37px;
}
.home-quatrix-sydney-two-column-wrapper .column2{
	width:42.4%;
	float:right;
}
.home-contact-details{
	font-size:17px;
	font-weight:bold;
	margin:15px 0 30px 0;

}
.home-contact-details a{
	color:#000000;
	text-decoration:underline;	
}
/*======Two Column=====*/

.home-two-column-wrapper{
	width: 100%;
	overflow:hidden;	
}
.home-two-column-wrapper .column1{
	width:48.5%;
	float:left;	
}
.home-two-column-wrapper .column2{
	width:48.5%;
	float:right;	
}

#slider-wrapper .sidebar-questions-wrapper{
display:none;
}




/* ---------------------------------------------------------------------- */
/*	Intercom
/* ---------------------------------------------------------------------- */

.right-image {
float: right;
margin-left: 10px;

}

/* ---------------------------------------------------------------------- */
/*	access control
/* ---------------------------------------------------------------------- */

.access-two-column-wrapper {
	width: 32%;
float:left;
overflow:hidden;

	}

 .img-column-1 {
float:right;
width:67%;
margin-top:15px;

}


.full-width-content-access {
width:100%;
float:left;

}
/* ---------------------------------------------------------------------- */
/*	Ten-Questions
/* ---------------------------------------------------------------------- */

#mc_embed_signup form {
	padding: 10px 0 10px 1% !important;
	color:#f8992b !important;
	background:#013668 !important;
	}
	
	#mc_embed_signup input.email {
		
		width:50% !important;
		border: 1px solid #f8992b !important;
        color: #f8992b !important;
		padding: 10px 0 !important;
		font-size: 16px !important;
		
		}
		.subscribe-bt{
			
            width: 0;
			
			}
			#mc_embed_signup {
				/*background-image: url(http://quatrixintercoms.com.au/wp-content/uploads/2014/10/tem-qu-bg.jpg) !important;*/
background:#013668 !important;
				margin:4px 49px 0 0;
padding:30px 0 0 30px;
				}
				#mc_embed_signup label {
					font-size:18px !important;
					}
					
					.soliloquy-container .soliloquy-prev {
						left:0 !important;
						
						}
						
						.soliloquy-container .soliloquy-next {
						right:0 !important;
						
						}
			
/* ---------------------------------------------------------------------- */
/*	Contact Page
/* ---------------------------------------------------------------------- */
			
			.contact-van-img {
				float:right;
				
				}
				.contact-girl-img {
				
				margin:0 0 20px 0;
				}
/* ---------------------------------------------------------------------- */
/*	Sidebar
/* ---------------------------------------------------------------------- */

#secondary .sidebar-contact-us-wrapper{
	background:#cccccc;
	padding:22px 0px;	
}
#secondary .widget{
	width:100%;
	float:left;
	margin-bottom:24px;	
}
.sidebar-contact-us-wrapper .contact-img{
	margin-top: -45px;
        margin-bottom: 10px;
}
.sidebar-contact-us-wrapper .contact-img img{
	margin: auto;
}
.sidebar-contact-us-wrapper .contact-form{
	padding:0 30px;	
}

.sidebar-contact-us-wrapper .contact-form #wpcf7-f24-o1 input[type=text], .sidebar-contact-us-wrapper .contact-form #wpcf7-f24-o1 input[type=email], .sidebar-contact-us-wrapper .contact-form #wpcf7-f24-o1 input[type=tel], 
.sidebar-contact-us-wrapper .contact-form #wpcf7-f24-o1 textarea, .sidebar-contact-us-wrapper .contact-form #wpcf7-f24-o2 input[type=text], .sidebar-contact-us-wrapper .contact-form #wpcf7-f24-o2 input[type=email], .sidebar-contact-us-wrapper .contact-form #wpcf7-f24-o2 input[type=tel], .sidebar-contact-us-wrapper .contact-form #wpcf7-f24-o2 textarea{
width: 95%;
background: #ffffff;
padding: 6px;
}
.sidebar-contact-us-wrapper .contact-form #wpcf7-f24-o1 textarea, .sidebar-contact-us-wrapper .contact-form #wpcf7-f24-o2 textarea{
height:100px;
font-family: arial;
}
.sidebar-contact-us-wrapper .contact-form #wpcf7-f24-o1 input[type=submit], .sidebar-contact-us-wrapper .contact-form #wpcf7-f24-o2 input[type=submit]{
background: #f8992b;
color: #ffffff;
padding: 7px 16px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
cursor: pointer;
}
.sidebar-contact-us-wrapper p{
margin:0 0 5px 0;
}
#secondary .sidebar-questions-wrapper{
		
}


/* ---------------------------------------------------------------------- */
/*	Custom Css
/* ---------------------------------------------------------------------- */

/*===Heading===*/

.entry-title{
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:25px;
	color:#f8992b;	
}
.entry-title span{
	text-transform:none;	
}
.sub-heading{
	font-size:17px;
	font-weight:bold;
	margin:25px 0 10px 0;
}

/*===List style Arrow===*/

.list-style-arrow{
	margin-bottom:15px;
}
.list-style-arrow li{
	list-style-type:none;
}
.list-style-arrow li:before{
	content:"";
	width:13px;
	height:10px;
	background:url(images/list-arrow.jpg) no-repeat;
	display:inline-block;
	padding-right:10px;	
}

/*======Two Column=====*/

.two-column-wrapper{
	width: 100%;
	overflow:hidden;	
}
.two-column-wrapper .column1{
	width:48.5%;
	float:left;	
}
.two-column-wrapper .column2{
	width:48.5%;
	float:right;	
}







/* ---------------------------------------------------------------------- */
/*	Media Queries
/* ---------------------------------------------------------------------- */

/* Smaller than standard 960 (devices and browsers) */

@media only screen and (min-width: 959px) and (max-width: 1024px) {

/* ---------------------------------------------------------------------- */
/*	Container
/* ---------------------------------------------------------------------- */

#container{
	width:960px;
	background:#ffffff;
	overflow:hidden;
	margin:auto;
}
#contentarea{
	width:93.8%;
	padding:30px;
	float:left;	
}
#contentarea #primary{
	width:65.9%;
	float:left;
	margin:22px 19px 0 0;
}
#contentarea #secondary{
	width:31.9%;
	float:right;
	margin:22px 0 0 0;	
}

/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */
#header .header-branding{
	width:93.8%;
	padding:16px 30px;
	float:left;	
}
#header .header-offer-wrapper{
	width:93.6%;
	background:#37b6e9;
	float:right;
	padding:7px 30px;
-webkit-box-shadow: 0px 4px 0 1px rgba(0,0,0,1);
box-shadow: 0px 4px 0 1px rgba(0,0,0,1);
margin-bottom: 1px;		
}

/* ---------------------------------------------------------------------- */
/*	Menu
/* ---------------------------------------------------------------------- */

.menuarea .mainmenu {
	width: 95.8%;
	padding:0 20px 0 20px;
	margin:auto;
	text-align:center;
	overflow:hidden;
}
#menu-main-menu a {
	font-size: 14px !important;
	font-weight: bold;
	line-height:26px;
	color: #ffffff;
	display: block;
	letter-spacing: 0.4px;
	padding: 10px 28px;
	text-transform:uppercase;
	text-decoration:none;
}

/* ---------------------------------------------------------------------- */
/*	Slider
/* ---------------------------------------------------------------------- */

#header #slider-wrapper{
	width:93.8%;
	padding:30px 30px 0 30px;
	float:left;
}
/* ---------------------------------------------------------------------- */
/*	Home
/* ---------------------------------------------------------------------- */
.home-quatrix-sydney-two-column-wrapper .column1{
	width:51.6%;
	float:left;	
	margin-right:35px;
}
.home-quatrix-sydney-two-column-wrapper .column2{
	width:42.4%;
	float:right;
}

/* ---------------------------------------------------------------------- */
/*	Intercom
/* ---------------------------------------------------------------------- */



.right-image {
float: right;
margin-left: 10px;

}

/* ---------------------------------------------------------------------- */
/*	access control
/* ---------------------------------------------------------------------- */

.access-two-column-wrapper {
width: 30%;
float: left;


	}

 .img-column-1 {
width:64%;
float:right;
}
/* ---------------------------------------------------------------------- */
/*	Ten-Questions
/* ---------------------------------------------------------------------- */
#mc_embed_signup {
				
				margin:0 23px 0 0;
				}
/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */
#footer-wrapper .footer-service{
	width: 93.8%;
	padding:15px 30px;
	float: left;
	margin-top:15px;	
}
#footer-wrapper #footer{
	width: 93.8%;
	float: left;
	padding:30px;
	background:#333333;
}
.footer-service ul li{
	list-style:none;
	display:inline-table;
	vertical-align:middle;
	margin-right:35px;
}


}

/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {

/* ---------------------------------------------------------------------- */
/*	Container
/* ---------------------------------------------------------------------- */

#container{
	width:748px;
	background:#ffffff;
	overflow:hidden;
	margin:auto;
}
#contentarea{
	width:92%;
	padding:30px;
	float:left;	
}
#contentarea #primary{
	width:65.3%;
	float:left;
	margin:22px 19px 0 0;
}
#contentarea #secondary{
	width:31.9%;
	float:right;
	margin:22px 0 0 0;	
}

/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */
#header .header-branding{
	width:92%;
	padding:16px 30px;
	float:left;	
}
#header .header-offer-wrapper{
	width:91.9%;
	background:#37b6e9;
	float:right;
	padding:7px 30px;
	-webkit-box-shadow: 0px 4px 0 1px rgba(0,0,0,1);
box-shadow: 0px 4px 0 1px rgba(0,0,0,1);
margin-bottom: 1px;
}
.header-branding .header-logo-wrapper{
	width:18.5%;
	float:left;
	margin-right:80px;
}
.header-branding .header-warranty-wrapper{
	width:24%;
	float:left;
	padding-top: 18px;
}
.header-branding .header-contact-wrapper{
	width:33%;
	float:right;
	padding-top: 16px;
}
.header-offer-wrapper h1{
	font-size:20px;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	color:#e1f2fb;
}

/* ---------------------------------------------------------------------- */
/*	Menu
/* ---------------------------------------------------------------------- */

.menuarea .mainmenu {
	width: 94.7%;
	padding:0 20px 0 20px;
	margin:auto;
	text-align:center;
	overflow:hidden;
}
#menu-main-menu a {
	font-size: 12px !important;
	font-weight: bold;
	line-height:26px;
	color: #ffffff;
	display: block;
	letter-spacing: 0.4px;
	padding: 10px 15px;
	text-transform:uppercase;
	text-decoration:none;
}

/* ---------------------------------------------------------------------- */
/*	Slider
/* ---------------------------------------------------------------------- */

#header #slider-wrapper{
	width:92%;
	padding:30px 30px 0 30px;
	float:left;
}
/* ---------------------------------------------------------------------- */
/*	Home
/* ---------------------------------------------------------------------- */
.home-quatrix-sydney-two-column-wrapper .column1{
	width:51.6%;
	float:left;	
	margin-right:26px;
}
.home-quatrix-sydney-two-column-wrapper .column2{
	width:42.4%;
	float:right;
}

/* ---------------------------------------------------------------------- */
/*	Intercom
/* ---------------------------------------------------------------------- */



.right-image {
float: left;
margin-right: 30px;
margin-bottom:10px;
margin-left:0px;

}

/* ---------------------------------------------------------------------- */
/*	access control
/* ---------------------------------------------------------------------- */

.access-two-column-wrapper {
width: 33%;
float: left;


	}

 .img-column-1 {
width:62%;
float:left;
}
/* ---------------------------------------------------------------------- */
/*	Ten-Questions
/* ---------------------------------------------------------------------- */
#mc_embed_signup {
				
				margin:4px 0 0 0;
				}
/* ---------------------------------------------------------------------- */
/*	Contact Page
/* ---------------------------------------------------------------------- */
			
			.contact-van-img {
				display:none;
				
				}
/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */
#footer-wrapper .footer-service{
	width: 92%;
	padding:15px 30px;
	float: left;
	margin-top:15px;	
}
#footer-wrapper #footer{
	width: 92%;
	float: left;
	padding:30px;
	background:#333333;
}
.footer-service ul li{
	list-style:none;
	display:inline-table;
	vertical-align:middle;
	margin-right:4px;
}
.footer-logo-contact-wrapper .footer-contact-container {
	width: 33%;
	text-align: center;
	float: right;
}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {

/* ---------------------------------------------------------------------- */
/*	Container
/* ---------------------------------------------------------------------- */

#container{
	width:460px;
	background:#ffffff;
	overflow:hidden;
	margin:auto;
}
#contentarea{
	width:87%;
	padding:30px;
	float:left;	
}
#contentarea #primary{
	width:100%;
	float:left;
	margin:22px 0px 0 0;
}
#contentarea #secondary{
	width:100%;
	float:right;
	margin:55px 0 0 0;	
}
#secondary #text-4.widget{
display:none;
}
#slider-wrapper .sidebar-questions-wrapper {
display: block;
}
#slider-wrapper .sidebar-questions-wrapper img {
margin: auto;
}
/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */
#header .header-branding{
	width:87%;
	padding:16px 30px;
	float:left;	
}
#header .header-offer-wrapper{
	width:86.6%;
	background:#37b6e9;
	float:right;
	padding:7px 30px;
-webkit-box-shadow: 0px 4px 0 1px rgba(0,0,0,1);
box-shadow: 0px 4px 0 1px rgba(0,0,0,1);
margin-bottom: 1px;	
}
.header-branding .header-logo-wrapper{
	width:29%;
	float:left;
	margin-right:20px;
}
.header-branding .header-warranty-wrapper{
	width:24%;
	float:left;
	padding-top: 0px;
        display:none;
}

.header-branding .header-contact-wrapper{
	width:48%;
	float:right;
	padding-top: 0px;
}
.header-contact-wrapper p {
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	margin: 0;
	color: #f9b06a;
}
.header-contact-wrapper h1 {
	font-size: 25px;
	margin: 0;
	color: #969696;
}
.header-contact-wrapper a{
	
	color: #969696;
}
.header-offer-wrapper h1{
	font-size:13px;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	color:#e1f2fb;
        display:none;
}
.header-offer-wrapper h2{
	font-size:22px;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	color:#e1f2fb;
        display:block;
}
/*==========================Menu Classes ==============================*/
#header .menuarea {
	background-color: #f8992b;
	float: left;
	/*height: 40px;*/
	width: 100%;
	padding:0px;
	margin:auto;
	text-align:left;
	overflow:hidden;
	
}

#header .mainMenu {
	float: left;
/*	height: 40px;
	width: 150px;*/
	background-color: #969696;
}

#menu-main-menu a {
	/*font-family: 'Oswald', sans-serif;
	font-size: 16px !important;
	font-weight: normal;
	color: #FFF;
	display: block;
	letter-spacing: 0.4px;
	padding: 8px 7px 9px;
	text-transform: uppercase;
	text-decoration:none;*/
	font-size: 12px !important;
	font-weight: bold;
	line-height:26px;
	color: #ffffff;
	display: block;
	letter-spacing: 0.4px;
	padding: 10px 21px;
	text-transform:uppercase;
	text-decoration:none;
}

#menu-main-menu li:hover a, #menu-main-menu li.hover a {
	background-color:#37b6e9;	
	color: #EEE;
	text-shadow: none;
	text-decoration: none;
}

#menu-main-menu li li a, #menu-main-menu li li a:link, #menu-main-menu li li a:active, #menu-main-menu li li a:visited {
	color: #FFF;
	float: left;
	font-size: 14px !important;
	/*font-family:Tahoma, Geneva, sans-serif;*/
	font-weight: normal;
	height: auto;
	padding: 5px 27px;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	width: 87%;
	background-color:#969696;	
}


#menu-main-menu li li a:hover {
	color: #FFF	;
	background-color: #37b6e9;
}

#menu-main-menu li ul {
	background-color: #969696;
	left: 0;
	margin-left: 0pt !important;
	position:relative!important;
}
.menuarea .mainmenu { padding:0px}


/*#menu-main-menu li .sub-menu .menu-item { float:none; clear:none;}
.mean-nav  #menu-main-menu .sub-menu{ position:static;}
.mean-nav  #menu-main-menu .sub-menu li a{ width:100%; padding-left:20px;} 
.mean-nav  #menu-main-menu .sub-menu li { list-style:inside disc; }*/
	
/* ---------------------------------------------------------------------- */
/*	Slider
/* ---------------------------------------------------------------------- */

#header #slider-wrapper{
	width:87%;
	padding:30px 30px 0 30px;
	float:left;
       
}
#slider-wrapper .soliloquy-wrapper{
 display:none;
}
/* ---------------------------------------------------------------------- */
/*	Home
/* ---------------------------------------------------------------------- */
.home-quatrix-sydney-two-column-wrapper .column1{
	width:100%;
	float:left;	
	margin-right:0px;
}
.home-quatrix-sydney-two-column-wrapper .column2{
	width:42.4%;
	float:right;
        display:none;
}
.home-two-column-wrapper{
display:none;
}

/* ---------------------------------------------------------------------- */
/*	Intercom
/* ---------------------------------------------------------------------- */



.right-image {
float: none;
margin-bottom:10px; margin-left:0px;
}

/* ---------------------------------------------------------------------- */
/*	access control
/* ---------------------------------------------------------------------- */

.access-two-column-wrapper {
width: 100%;
float: left;


	}

 .img-column-1 {
width:100%;
float:left;
margin-top:10px;
margin-bottom:10px;
}

/* ---------------------------------------------------------------------- */
/*	Ten-Questions
/* ---------------------------------------------------------------------- */
#mc_embed_signup {
				
				margin:4px 0 0 0;
				}
/* ---------------------------------------------------------------------- */
/*	Contact Page
/* ---------------------------------------------------------------------- */
			
			.contact-van-img {
				display:none;
				
				}
/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */
#footer-wrapper .footer-service{
	width: 87%;
	padding:15px 30px;
	float: left;
	margin-top:15px;
       /* display:none;	*/
}
#footer-wrapper #footer{
	width: 87%;
	float: left;
	padding:30px;
	background:#333333;
}
.footer-service ul li{
	list-style:none;
	display:inline-table;
	vertical-align:middle;
	margin-right:4px;
}
.footer-logo-contact-wrapper .footer-logo-container {
	width: 100%;
	float: left;
	margin-bottom:30px;
}
.footer-logo-contact-wrapper .footer-contact-container {
	width: 100%;
	text-align: center;
	float: right;
}


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {

/* ---------------------------------------------------------------------- */
/*	Container
/* ---------------------------------------------------------------------- */

#container{
	width:300px;
	background:#ffffff;
	overflow:hidden;
	margin:auto;
}
#contentarea{
	width:80%;
	padding:30px;
	float:left;	
}
#contentarea #primary{
	width:100%;
	float:left;
	margin:22px 0px 0 0;
}
#contentarea #secondary{
	width:100%;
	float:right;
	margin:55px 0 0 0;	
}
#slider-wrapper .sidebar-questions-wrapper {
display: block;
}
#slider-wrapper .sidebar-questions-wrapper img {
margin: auto;
}
#secondary #text-4.widget{
display:none;
}
/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */
#header .header-branding{
	width:80%;
	padding:16px 30px;
	float:left;	
}
#header .header-offer-wrapper{
	width:79.8%;
	background:#37b6e9;
	float:right;
	padding:7px 30px;
-webkit-box-shadow: 0px 4px 0 1px rgba(0,0,0,1);
box-shadow: 0px 4px 0 1px rgba(0,0,0,1);
margin-bottom: 1px;	
}
.header-branding .header-logo-wrapper{
	width:50%;
	float:none;
	margin: 0 auto 15px auto;
	
}
.header-branding .header-warranty-wrapper{
	width:45%;
	float:right;
	padding-top: 17px;
	margin-bottom:15px;
        display:none;
}
.header-branding .header-contact-wrapper{
	width:100%;
	float:none;
	padding-top: 0px;
	overflow:hidden;
	text-align: center;
}
.header-contact-wrapper p {
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	margin: 0;
	color: #f9b06a;
}
.header-contact-wrapper h1 {
	font-size: 39px;
	margin: 0;
	color: #969696; letter-spacing:0px;
}
.footer-contact-container h1 {letter-spacing:0px;}
.header-contact-wrapper a {

	color: #969696;
}

.header-offer-wrapper h1{
	font-size:11px;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	color:#e1f2fb;
        display:none;
}
.header-offer-wrapper h2{
	font-size:15px;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	color:#e1f2fb;
        display:block;
}
/* ---------------------------------------------------------------------- */
/*	Menu
/* ---------------------------------------------------------------------- */

.menuarea .mainmenu {
	width: 100%;
	padding:0px;
	margin:auto;
	text-align:center;
	overflow:hidden;
}
#menu-main-menu a {
	font-size: 12px !important;
	font-weight: bold;
	line-height:26px;
	color: #ffffff;
	display: block;
	letter-spacing: 0.4px;
	padding: 10px 15px;
	text-transform:uppercase;
	text-decoration:none;
       /* display:none; */
}

#menu-main-menu li ul {
	background-color: #969696;
	/*left: -999em;*/
	/*margin-left: 0pt !important;*/
	position: inherit;
}
#menu-main-menu li li a, #menu-main-menu li li a:link, #menu-main-menu li li a:active, #menu-main-menu li li a:visited {
	width:94%;
}
/* ---------------------------------------------------------------------- */
/*	Slider
/* ---------------------------------------------------------------------- */

#header #slider-wrapper{
	width:80%;
	padding:30px 30px 0 30px;
	float:left;
        
}
#slider-wrapper .soliloquy-wrapper{
 display:none;
}
/* ---------------------------------------------------------------------- */
/*	Home
/* ---------------------------------------------------------------------- */
.home-quatrix-sydney-two-column-wrapper .column1{
	width:100%;
	float:left;	
	margin-right:0px;
}
.home-quatrix-sydney-two-column-wrapper .column2{
	width:100%;
	float:right;
        display:none;
}
/*======Two Column=====*/
.home-two-column-wrapper{
display:none;
}
.home-two-column-wrapper .column1{
	width:100%;
	float:left;
	margin-bottom:15px;	
}
.home-two-column-wrapper .column2{
	width:100%;
	float:right;
	margin-bottom:15px;	
}
#primary .sidebar-questions-wrapper{
display:block;
}
#primary .footer-service{
display:block;
}

/* ---------------------------------------------------------------------- */
/*	Intercom
/* ---------------------------------------------------------------------- */


.right-image {
float: none;
margin-bottom:10px; margin-left:0px;
}

/* ---------------------------------------------------------------------- */
/*	access control
/* ---------------------------------------------------------------------- */

.access-two-column-wrapper {
width: 100%;
float: left;
clear:both;


	}

 .img-column-1 {
width:100%;
float:left;
margin-top:10px;
margin-bottom:10px;
}

/* ---------------------------------------------------------------------- */
/*	Ten Questions
/* ---------------------------------------------------------------------- */
#mc_embed_signup input.email {
		
		width:98% !important;
		
		}
		
#mc_embed_signup {
				
				margin:4px 0 0 0;
				}
				
				.soliloquy-container .soliloquy-prev {
						left:0 !important;
						width:21px !important;
						}
						
						.soliloquy-container .soliloquy-next {
						right:0 !important;
						width:21px !important;
						}
/* ---------------------------------------------------------------------- */
/*	Contact Page
/* ---------------------------------------------------------------------- */
			
			.contact-van-img {
				display:none;
				
				}
/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */
#footer-wrapper .footer-service{
	width: 80%;
	padding:15px 30px;
	float: left;
	margin-top:15px;
 	   /* display:none;	*/
}
#footer-wrapper #footer{
	width: 80%;
	float: left;
	padding:30px;
	background:#333333;
}
.footer-service ul li{
	list-style:none;
	display:inline-table;
	vertical-align:middle;
	margin-right:4px;
}
.footer-logo-contact-wrapper .footer-logo-container {
	width: 100%;
	float: left;
	margin-bottom:30px;
}
.footer-logo-contact-wrapper .footer-contact-container {
	width: 100%;
	text-align: center;
	float: right;
}

/* ---------------------------------------------------------------------- */
/*	Custom Css
/* ---------------------------------------------------------------------- */

/*======Two Column=====*/

.two-column-wrapper .column1{
	width:100%;
	float:left;
	margin-bottom:15px;	
}
.two-column-wrapper .column2{
	width:100%;
	float:right;
	margin-bottom:15px;	
}

}


/*======================================================*/
						/*Responsive Menu Css*/
	/*======================================================*/
	
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background: none;
	padding: 2px 0;
	min-height: 33px;
	z-index: 999999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 9px 13px 7px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #969696;
	margin-top: 33px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-bottom: 1px solid #383838;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-bottom: 1px solid #f1f1f1;
	border-bottom: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #37b6e9;
	/*background: rgba(255,255,255,0.1);*/
}

.mean-container .mean-nav ul li a.mean-expand {
	width: 26px;
	height: 26px;
	border: none !important;
	padding: 5px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: none;
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
/*#menu-main-menu li .sub-menu .menu-item { float:none; clear:none;}
.mean-nav  #menu-main-menu .sub-menu{ position:static;}*/
#soliloquy-container-104 .soliloquy-pager{ display:none; }

#mc_embed_signup .wpcf7-email{border:1px solid #f8992b;margin-top:5px;padding:10px;color:#fff;clear:left;font:14px Helvetica,Arial,sans-serif;} 
#mc_embed_signup .wpcf7-submit{background:#f8992b;padding:9px;color:#fff;font:14px Helvetica,Arial,sans-serif;cursor:pointer;}

.hs-form input.hs-input,.hs-form textarea.hs-input{
	width: 100%;
    background: #ffffff;
    padding: 5px;
    font-size: 14px;
    margin-bottom: 10px;
}
.hbspt-form form .hs-form-field .input textarea{
	height: 100px;
}
.hs_submit .actions input.hs-button{
    background: #f8992b;
    color: #ffffff;
    padding: 7px 16px;
    border-radius: 10px 10px 10px 10px;
    cursor: pointer;
    box-shadow: 0 0 0 !important;
    border: 0;
    font-size: 14px;
}
.hs-error-msgs{
	list-style: none;
	color: red;
	margin-top: -10px;
}