/*

 MyWork CMS Mobile Framework - Stylesheet

 Author: Martin Krestan | Jeramy Simpson

 Author URL: http://www.mywork.com.au

 Version: 1.0

*/



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

New Asset Styling and Global Overrides

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

/* Inputs */

input[type=text],

textarea,

.form-element textarea,

select {

	width: 100%;

	float: none;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	max-width: 100%;

	*width: expression((this.parentNode.clientWidth - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');

}

input:focus,

textarea:focus,

select:focus {

	border: 1px solid #aaaaaa;

	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);

	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);

}

.form-element label {

	display: none;

}

/* Float Fix for inline errors */

.form-element input[type="text"] {

  float: none;

}

/* Layout */

#container-all-outer,

#container-all-inner {

	width: 100%;

	overflow: visible;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

#container-all {

	display: block;

	min-width: 100%;

	width: 100%;

	overflow: visible;

	margin-left: auto;

	margin-right: auto;

}

/* Mobile Menu */

.mobile-header {

	line-height: 100%;

	margin: 0px;

	padding: 0px;

	width: 100%;

	display: none;

	position: relative;

	z-index: 30;

	background: #333333;

	z-index: 9999;

}

.mobile-header ul {

	margin: 0px;

	padding: 0px;

	z-index: 30;

	list-style: none;

}

.mobile-header ul li {

	float: left;

	list-style-image: none;

	list-style-position: outside;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	position: relative;

	z-index: 30;

	width: 25%;

}

.mobile-header ul li a {

	margin: 0px;

	padding: 10px 0px;

	width: auto;

	display: block;

	text-align: center;

	font-size: 12px;

	line-height: 12px;

	color: #ffffff;

	background: none;

}

.mobile-header ul li a i {

    display: block;

    font-size: 14px;

    height: 14px;

    line-height: 14px;

    margin: 0px auto 5px auto;

}

.mobile-header ul li.active a {

	background-color: #111111;

}

.mobile-header ul li.m-menu a span.menu-open,

.mobile-header ul li.m-menu.active a span.menu-close {

	display: inline;

}

.mobile-header ul li.m-menu.active a span.menu-open,

.mobile-header ul li.m-menu a span.menu-close {

	display: none;

}

/* Mobile Menu */

.mobile-menu {

	background: #222222;

	margin: 0px;

	padding: 0px;

	width: 200px;

	text-transform: none;

	font-size: 12px;

	position: absolute;

	top: 77px;

	z-index: 9998;

	display: none;

}

.mobile-menu-bg {

	background: #222222;

	margin: 0px;

	position: fixed;

	width: 200px;

	top: 25px;

	bottom: 0px;

	z-index: 9997;

	display: none;

	height: 100%;

}

/* Top Level Menu Navigation */

.mobile-menu ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

	width: 100%;

}

.mobile-menu ul > li {

	width: 100%;

	border-bottom: 1px solid #333333;

	display: block;

	float: none;

}

.mobile-menu ul li a {

	font-size: inherit;

	margin: 0px;

	z-index: auto;

	padding: 15px;

	background: none;

	width: auto;

	text-transform: none;

	line-height: 15px;

	border: 0px;

	display: block;

	color: #ffffff;

	text-align: left;

	font-weight: bold;

	background: none;

}

.mobile-menu ul li a:hover {

	color: #38B0E3;

}

/* Second Level Menu Navigation */

.mobile-menu ul ul li {

	border-bottom: 0px;

	padding-left: 20px;

	width: auto;

}

.mobile-menu ul ul li a {

	color: #cccccc;

}

/* Third Level Menu Navigation */

.mobile-menu ul ul ul li {

}

.mobile-menu ul ul ul li a {

	color: #999999;

	font-weight: normal;

}

/* Header */

/* Call To Action */

.call-to-action .contact-email a.email i {

	display: none;

}

/* View Full / Mobile Site Buttons */

.view {

	display: none;

	text-align: center;

	margin: 20px 0px;

}

.view a {

	-moz-border-bottom-colors: none;

	-moz-border-left-colors: none;

	-moz-border-right-colors: none;

	-moz-border-top-colors: none;

	background-color: #f5c300;

	/*background-image: linear-gradient(to bottom, #777777, #555555);

	background-image: -moz-linear-gradient(top,  #777777 0%, #555555 100%);

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#555555));

	background-image: -webkit-linear-gradient(top,  #777777 0%,#555555 100%);

	background-image: -o-linear-gradient(top,  #777777 0%,#555555 100%);

	background-image: -ms-linear-gradient(top,  #777777 0%,#555555 100%);

	background-image: linear-gradient(to bottom,  #777777 0%,#555555 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#555555',GradientType=0 );

	background-repeat: repeat-x; */

	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;

	border-image: none;

	-webkit-border-radius: 4px;

	border-radius: 4px;

	border-style: solid;

	border-width: 1px;

	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);

	color: #000;

	cursor: pointer;

	font-size: 14px;

	line-height: 20px;

	text-align: center;

	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.75);

	vertical-align: middle;

	padding: 12px;

	display: inline-block;

	width: auto;

}

.view a:hover,

.view a:active,

.view a:focus {

	background-color: #CAA100;

	color: #ffffff;

	background-position: 0 -15px;

	text-decoration: none;

	transition: background-position 0.1s linear 0s;

}

.view a + a {

	margin-left: 10px;

}



.content-middle.rightSide {

    float: left;

    width: 60%;

}

.sidebar {

    width: 30%;

}



/* Footer */

/* Advanced Footer */

.footer-contact .contact-email a.email i {

	display: none;

}

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

smaller than 980

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

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



	/* CSS Mobile Reset */

	body {

		word-wrap: break-word;

		-webkit-text-size-adjust: none;

		line-height: 175%;

	}

	/* Links */

	a {

		font-weight: normal;

	}

	/* Structure */

	#container-all-outer div {

		box-sizing: border-box; 

		-moz-box-sizing: border-box; 

		-webkit-box-sizing: border-box;

		*width: expression((this.parentNode.clientWidth - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');

	}

	/* Google Maps Fix */

	.google-map-canvas, .google-map-canvas * { 

	  box-sizing: content-box; 

	  -moz-box-sizing: content-box; 

		-webkit-box-sizing: content-box;

	}

	/* Image Overrides */

	#wrapper img,

	#wrapper img[style] { 

		border: 0px !important; 

		max-width: 100% !important; 

		height: auto !important;

	}

	/* Mobile Menu */

	.mobile-header {

		display: block;

	}

	.mobile-menu,

	.mobile-menu.active,

	.mobile-menu-bg.active {

		display: block;

	}

	/* Tables */

	table[style] { 

		width: auto !important; 

		border-collapse: collapse !important;

		border-spacing: 0px !important; 

	}

	/* Forms */

	keygen,

	select,

	input.submitbutton { 

		-webkit-border-radius: 0px;

		border-radius: 0px;   

	}

	.formError.inline .formErrorContent {

		width: 100%;

	}

	/* Call To Action */

	.call-to-action {
    	margin-top: 0px;
	}
	.call-to-action .contact-social a .title,

	#recaptcha_widget .captchaImgs-contain .captchaImgs a .title {

		width: 56px;

		max-width: 

	}

	.call-to-action .contact-phone, .call-to-action .contact-email {

    	display:block ;

	}

	/* Navigation Bar*/

	#menu {

		display: none;

	}

	/* Layout */

	#container-all-outer {

		width: 100%;

		overflow: hidden;

		display: block;

	}

	#container-all-inner {

		width: 100%;

		overflow: hidden;

		display: block;

	}

	#container-all {

		display: block;

		min-width: 320px;

		width: auto;

		overflow: hidden;

	}

	#header {

		width:100%;

	}

	/* Body */

	#wrapper {

		width: auto;

		padding: 20px;

	}

	/* Content Container Resets */

	.heading,

	.content-middle,

	.content-left,

	.content-middle.rightSide,

	.content {

		width: 100%;

		padding-left: 0px;

		padding-right: 0px;

	}

	.content-left {

		width: 67%;

	}

	.sidebar {

		margin: 0px;

		padding-right: 0;

	}

	/* Page Headings */

	.heading {

		padding: 0px 0px 30px 0px;

	}

	/* Photo Gallery */

	.gallery-container {

		width: auto;

	}

	.thumbnail-all {

		margin: 3%;

		width: 27%;

	}

	.gallery-text {

		width: auto;

	}

	/* Breadcrumbs */

	.breadcrumb {

		width: auto;

	}

	/* Google Map */

	.iframe-rwd  {

		position: relative;

		padding-bottom: 65.25%;

		padding-top: 30px;

		height: 0px;

		overflow: hidden;

	}

	.iframe-rwd iframe {

		position: absolute;

		top: 0px;

		left: 0px;

		width: 100%;

		height: 100%;

	}

	/* View Full / Mobile Site Buttons */

	.view {

		display: block;

	}

	.view a#view_mob_link {

		display: none;

	}

	.view a#view_full_link {

	}

	/* Footer */

	#footer {

		width: 100%;

		padding-left: 0px;

		padding-right: 0px;

	}

	/* Advanced Footer */

	.footer-custom {

		margin: 0px 20px;

	}

	.footer-about {

		display: block;

		width: 100%;

		margin: 0px 0px 30px 0px;

	}

	.footer-custom .mini_sitemap,

	.footer-contact {

		width: 45%;

		margin: 0px;

	}

	/* Footer MyWork */

	.footer-mywork {

		width: 100%;

		padding: 10px 0px;

		text-align: center;

	}

	.footer-mywork span.left {

		margin-right: 30px;

		float: none;

		display: inline;

	}

	/* Footer Sitemap*/

	.mini_sitemap ul {

		padding: 0px 15px;

	}

	.mini_sitemap ul.top li {

		width: auto;

		padding: 0px;

		margin: 0px 10px;

	}

	.mini_sitemap ul.top > li > a {

		border: 0px;

		padding: 0px;

		margin: 0px;

	}

	.mini_sitemap ul.top ul {

		display: none;

	}

	/* Slideshow */

	#slider-container {

		margin-bottom: 20px;

	}

	#slider-wrapper[style] {

		width: 100% !important;

		height: auto !important;

	}



}



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

smaller than 900

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

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



	.content-left {

		width: 64%;

	}



}



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

smaller than 800

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

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



	/* Header */

	#header {

		margin: 20px 0px;

	}

	/* Logo */

	.logo {

		margin: 0px 0px 20px 0px;

	}

	.logo a {

		display: block;

	}

	.logo a img {

		width: 100%;

	}

	/* Call To Action */

	.call-to-action .contact-email {

		display: none;

	}

	.call-to-action .contact-phone {

	    background: url("/files/images/phone-icon-black.png") no-repeat scroll 10px center #f5c300;

	    border-radius: 5px;

	    display: inline-block;

	    margin: 15px auto;

	    padding: 10px 20px 10px 40px;

	    text-align: right;

	    width: auto;

	}

	.social-email {

		display: inline-block !important;

	}

	.call-to-action {

		position: relative;

		text-align: center;

		top: 0px;

		width: 100%;

	}

	.call-to-action .contact-social a.social-mobile {

		display: inline-block;

	}

	.content-left {

		float: none;

		width: 100%;

	}

	.sidebar,

	.home .bottom_widget {

		float: none;

		margin: 0px;

		width: 100%;

	}



}



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

smaller than 768

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

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







}



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

smaller than 700

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

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



	/* Responsive Tables */ 

	/* Force table to not be like tables anymore */

	table,

	thead,

	tbody,

	th,

	td,

	tr { 

		display: block; 

		width: 100%;

	}

	tbody{

		width: auto;

	}

	/* Hide table headers (but not display: none;, for accessibility) */

	thead tr { 

		position: absolute;

		top: -9999px;

		left: -9999px;

	}

	tr [style]{ 

		/* border: 1px solid #ccc; */ 

		width: auto !important;

	}

	td[style] {

		width: auto;

	}



}



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

smaller than 650

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

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



	body {

		font-size: 14px;

	}

	/* Photo Gallery */

	.gallery-container {

		width: auto;

	}

	.gallery-text {

		width: auto;

	}

	/* Breadcrumbs */

	.breadcrumb {

		font-size: 10px;

	}

	/* Footer*/

	#footer {

		/* display: none; *//* Comment in only if you are using the standard footer */

	}

	/* Advanced Footer */

	.footer-custom {

		margin: 0px 20px;

		text-align: center;

	}

	.footer-custom .mini_sitemap,

	.footer-contact {

		width: 100%;

		margin: 0px;

	}

	.footer-custom .mini_sitemap {

		margin: 0px 0px 30px 0px;

	}

	.mini_sitemap ul.top li {

		text-align: center;

	}

	.footer-contact div {

		padding: 5px 0px !important;

		background: none !important;

	}

	.footer-contact div > span.label {

		display: inline;

	}

	.footer-mywork {

		width: 100%;

		text-align: center;

	}



}



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

smaller than 610

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

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



	/* Header */

	/* #header {

		background-image: none;

	} */

	/* Photo Gallery */

	.thumbnail-all {

		margin: 3%;

		width: 44%;

	}



}



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

smaller than 560

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

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







}



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

smaller than 520

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

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







}



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

smaller than 480

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

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



	/* Headings */

	h1 {

		font-size: 22px;

		text-align: left;

	}



	h2 {

		line-height: 140%;

		font-size: 20px;

	}

	h3 {

		line-height: 140%;

		font-size: 18px;

	}

	h4 {

		line-height: 140%;

		font-size: 18px;

	}

	h5 {

		line-height: 140%;

		font-size: 18px;

	}

	h6 {

		line-height: 140%;

		font-size: 18px;

	}



}



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

smaller than 440

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

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



	/* Photo Gallery */

	.thumbnail-all {

		margin: 0px 0px 20px 0px;

		width: 100%;

	}

	.footer-mywork span.left {

		margin: 0px 0px 10px 0px;

		display: block;

	}



}



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

smaller than 320

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

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



	h1 {

		font-size: 20px !important;

	}

	.breadcrumb {

		display: none;

	}



}

/* CUSTOM MOBILE QUESRIES */


/*Mobile Menu*/
.mobile-header {
	background: #131313;
}

.mobile-header ul li.active a {
	background:#343434;
}
.mobile-menu-bg, .mobile-menu {
	background: #131313;
}
.mobile-menu ul li a {
	color:#fff;
}
.mobile-menu ul li a:hover {
	color:#f5c300;
}
.mobile-menu ul > li {
	border-bottom: 1px solid #282828;	
}


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

	#header{

		width: 95%;
	}

	.nivo-caption {
		display:none!important;
	}

	.content-middle.rightSide{

		padding-top: 15px;
		float: none;
	}

	.sidebar{

		width: 100%;
		
	}

	/* CUSTOM FOOTER */

	.footer-menu{

		width: 100%;
		margin: 0 auto;

	}

	.footer-menu #menu{

		display: block;
	}

	.footer-menu #menu #top, .footer-mywork{

		background: none;
		width: 100%;
		text-align: center;
	}

	.footer-menu #menu #top li{

		float: none;

		display: inline-block;
	}
}


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

	.call-to-action .contact-phone, 
	.call-to-action .contact-email{

		display: block;
	}

	.call-to-action{

		margin-top: 0;
	}

}


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


	.call-to-action .contact-phone{

		display: inline-block;
	}

	.call-to-action .contact-phone a{

		color: #000;
	}

	.call-to-action .contact-email{

		display: none;
	}

	#header{

		margin: 0 auto;

	}

	.logo a img{

		max-width: 500px;
	}

	.logo{

		text-align: center;
	}


}


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

	.footer-menu #menu #top li{

		display: block;

	}

	.view{

		margin-left: -10px;
		margin-bottom: 0;

	}

}