/*
Theme Name:     Canvas Child
Theme URI:      
Description:    Child theme for the Canvas theme
Author:         Jezweb
Author URI:     http://www.jezweb.com.au/
Template:       canvas
Version:        0.1.0
*/

@import url("../canvas/style.css");

/* General element styles i.e., header, navigation, content, sidebar widgets, sliders and galleries. */

#home-slider .vc_column-inner {
padding-top: 0px !important;
}

@font-face {
  font-family: 'Serpentine';
  src: url('fonts/SerpentineMedium.woff') format('woff'),
       url('fonts/SerpentineMedium.ttf') format('truetype');
}


/* Header Styles (Logo, header elements, widgets, etc.) */
#header .header-widget {
	float: right;
	width: auto;
	text-align: right;
}
.header-widget .widget h3.header-tagline {
  	font: bold italic 30px/1.2em 'Serpentine';
	color:#4b4b4b;
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
  	top: 45px;
  	z-index: -1;
}
.swms-header h2{font:700 italic 24px/2.1 'Serpentine';}
.swms-header table{border:1px solid #bcbcbc!important;}
.swms-header table td:nth-child(1){border-bottom:1px solid #bcbcbc!important;border-right:1px solid #bcbcbc;
font-weight:700;width:60%;}
.swms-header table td{padding:4%!important;}

.swms-desc{padding-top:35px;}
.swms-desc table{width:100%;}
.swms-desc table th{background: #f7f7f7!important;text-align: center;}
.swms-desc table td{width:50%;font-size:110%!important;padding:10px;}
.swms-desc table td:nth-child(1){text-align:right;}
.swms-desc table td:nth-child(2){text-align:left;}

.hazard-list{padding-top:35px;}
.hazard-list table{width:99%;}
.hazard-list table td{width:33%;padding:10px;}

.swms-box{
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #eee;
	padding-left:10px;
	margin-top:1.5rem;
}

.swms-box label:nth-child(1){border-bottom:1px solid #ddd;}

a.phone-top {
	font-size: 24px;
	font-weight: bold;
  	font-family: Arial,sans-serif;
	text-decoration: none;
	z-index: 9;
	position: relative;
	padding: 20px 15px 20px 60px;
	display: block;
	border: 1px solid #e7e7e7;
	border-radius: 5px;
	background: url('images/phone-top.png') 15px 50% no-repeat;
}



/* Navigation Styles (Main Menu) */
#wrapper #nav-container {
	border-bottom: 7px solid #262626;
  	margin-bottom: 50px;
  	padding-left: 0;
  	padding-right: 0;
}
.home #wrapper #nav-container {
	margin-bottom: 0;
}
#navigation ul.nav {
	margin: 0;
  	border-left: 1px solid #bebebe;
}
#navigation ul.nav > li > a:hover, 
#navigation ul.nav > li.current_page_item > a, 
#navigation ul.nav > li.current_page_parent > a, 
#navigation ul.nav > li.current-menu-item > a, 
#navigation ul.nav > li.current-page-ancestor > a, 
#navigation ul.nav > li.current-menu-ancestor > a {
	background: #262626;
	color: #FFFFFF;
}
#navigation ul.nav > li > a {
	padding: 25px 28px !important;
	text-transform: uppercase;
  	border-right: 1px solid #bebebe;
	margin-left: -1px;
  	transition: all 0.3s;
  	-webkit-transition: all 0.3s;
  	-moz-transition: all 0.3s;
}
#navigation ul.nav > li.parent > a:after {
	display:none;
}
#navigation ul.nav ul.sub-menu {
	background: #262626;
	padding: 7px;
	width: auto;
	min-width: 200px;
}
#navigation ul.nav > li > ul.sub-menu > li > a, #navigation ul.nav li ul li ul li a {
	color: #FFFFFF !important;
  	text-decoration: none;
  	font-weight: normal;
  	padding: 10px 15px !important;
  	transition: background 0.3s;
  	-webkit-transition: background 0.3s;
  	-moz-transition: background 0.3s;
}
#navigation ul.nav > li > ul.sub-menu > li.current-menu-item > a, 
#navigation ul.nav > li > ul.sub-menu > li > a:hover, 
#navigation ul.nav li ul li ul li.current-menu-item a, 
#navigation ul.nav li ul li ul li a:hover {
	color: #262626 !important;
	background: #FFFFFF !important;
}
#navigation ul.nav ul li ul {
	top: -7px;
}

/* Content Area (General styles) */
#content {
	min-height: 500px;
}
.home #content {
	padding-bottom: 0;  
}
.clearfix {
	clear: both;
}
.entry img, img.thumbnail, #portfolio .group.portfolio-img img {
	border: none !important;
	background: none !important;
	padding: 0px !important;
}
.entry .rev_slider_wrapper ul {
	padding: 0;
	margin: 0;
}
.rev_slider_wrapper .tp-leftarrow.default {
	width: 25px;
	height: 40px;
	background: url('images/prev-slide.png') no-repeat 50% 50%;
}
.rev_slider_wrapper .tp-rightarrow.default {
	width: 25px;
	height: 40px;
	background: url('images/next-slide.png') no-repeat 50% 50%;
}
.entry span.wpb_button {
	background: #eee824;
	color: #000000;
	font: bold 16px/1.5em Arial, sans-serif;
	text-shadow: none;
	border-radius: 0;
	border: 0;
	padding: 10px 15px;
	margin: 0;
}
.entry .no-effect ul {
	height: auto !important;
  	position: relative;
}
.entry .no-effect ul li.isotope-item {
	top: auto !important;
	left: auto !important;
  	position: relative !important;
	transform: none !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	transition: none !important;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	float: left;
}
.entry h2.wpb_teaser_grid_heading {
	font-weight: bold;
	margin-bottom: 30px;
}
.entry .wpb_teaser_grid .entry-content {
	margin: 20px 0;
	font-size: 13px;
	line-height: 1.5em;
	padding: 0;
}
.entry a.vc_read_more {
	background: #f6f6f6;
	float: left;
	display: block;
	border: 1px solid #d1d1d1;
	padding: 12px 25px;
	color: #4b4b4b;
	text-decoration: none;
	margin: 0;
	text-transform: capitalize;
	font-family: Arial,sans-serif;
}

/* Single Post, Blog Page, Archive, Category and Tags template styles */
.single .post-meta, .single #post-author, 
.single article #connect, .single .post-utility, 
.post-meta, .blog-template-content .post-more, 
.archive .post-more {
	display: none;
}
.single-entry-wrap, .blog-template-content #main, .archive #content #main {
	float: left;
	width: 68%;
}
aside#sidebar-blog {
	float: right;
	width: 28%;
}
.blog-template-content #main article, .archive #main article {
 	margin-bottom: 50px;
	padding-bottom: 45px;
	border-bottom: 1px solid #c9c9c9;
}
.single-entry-wrap article img, .blog-template-content #main article img, .archive #main article img {
	float: left;
	margin: 0px 35px 10px 0px;	
}
.single-entry-wrap article .title, .blog-template-content #main article .title, .archive #main article .title {
	font-size: 24px;
}
.single-entry-wrap .entry p, .blog-template-content .entry p, .archive article .entry p {
	line-height: 1.8em;
}
.archive_header {
	text-transform: uppercase;
}


/* Gravity Form styles */

.contact-form-wrap .gform_wrapper form li.gfield input.medium, 
.contact-form-wrap .gform_wrapper form li.gfield select.medium,
.contact-form-wrap .gform_wrapper form li.gfield textarea.textarea,
.contact-form-wrap .gform_wrapper form .gform_footer input.button, 
.contact-form-wrap .gform_wrapper form .gform_footer input[type=submit] {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.gform_wrapper .enquiry-form li.gfield input.medium, 
.gform_wrapper .enquiry-form li.gfield select.medium,
.gform_wrapper .enquiry-form li.gfield textarea.textarea {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#content .gform_wrapper {
	max-width: 100%;
  	margin: 0;
}
.gform_wrapper form li.gfield input.medium, .gform_wrapper form li.gfield select.medium {
	
	background: #f4f4f4;
	border: 1px solid #dfdfdf;
	border-radius: 0;
	padding: 12px 8px;
	font-size: 12px;
	color: #4b4b4b;
	margin: 0;
	box-sizing: border-box;
}
.gform_wrapper form li.gfield textarea.textarea {
	
	height: 100px;
	background: #f4f4f4;
	border: 1px solid #dfdfdf;
	border-radius: 0;
	padding: 12px 8px;
	font-size: 12px;
	color: #4b4b4b;
	margin: 0;
	box-sizing: border-box;
}
.gform_wrapper form .gform_footer {
	padding: 0;
	margin: 0;
}
.gform_wrapper form .gform_footer input.button, .gform_wrapper form .gform_footer input[type=submit] {
	font-size: 14px;
	background: #eee824;
	color: #000000 !important;
	border: 0;
	border-radius: 0;
	padding: 20px 25px;
	margin: 0;
	text-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
::-webkit-input-placeholder {
   color: #4b4b4b;
}
:-moz-placeholder {
   color: #4b4b4b; 
}
::-moz-placeholder {
   color: #4b4b4b;  
}
:-ms-input-placeholder {  
   color: #4b4b4b;  
}

.swms_wrapper .datepicker{width:97%!important;}


/* Footer elements styles */
#wrapper #footer {
	padding: 40px 0;
}
#footer #copyright {
	margin: 0;
}
.custom_social_widget p {
	margin-right: 20px;
  	float: left;
  	display: block;
}
.custom_social_widget a {
	float: left;
	display: block;
	width: 24px;
	height: 24px;
	background-position: 50% 50%;
  	background-repeat: no-repeat;
	margin: 0 5px;	
}
a.facebook {
	background-image: url('images/facebook.png');
}
a.twitter {
	background-image: url('images/twitter.png');
}
a.googleplus {
	background-image: url('images/googleplus.png');
}
a.linkedin {
	background-image: url('images/linkedin.png');
}
a.pinterest {
	background-image: url('images/pinterest.png');
}



/* Sidebar styles */
#sidebar ul.menu {
	border-top: 1px solid #e7e7e7;
}
#sidebar ul.menu li {
	list-style: none;
}
#sidebar ul.menu li a {
	text-decoration: none;
  	padding: 12px 45px;
  	display: block;
  	border-bottom: 1px solid #e7e7e7;
  	color: #818181;
  	transition: all 0.3s;
  	-webkit-transition: all 0.3s;
  	-moz-transition: all 0.3s;
}
#sidebar ul.menu li a:hover {
	background: #f5f5f5;
}
#sidebar ul.menu li.current-menu-item a {
	background: #f5f5f5 url('images/side-menu-active.png') 15px 50% no-repeat;
}
#sidebar .widget h3 {
	padding-bottom: 12px;
}
.custom-widget {
	margin-bottom: 30px;
}
.custom-widget h3.blogpost-title {
	text-transform: uppercase;
	margin-bottom: 25px;
	padding-bottom: 5px;
	border-bottom: 1px solid #c9c9c9;
}
.custom-widget.widget_categories h3.blogpost-title {
	margin-bottom: 0;
}
.widget_categories ul li {
	display: block;
	padding: 12px;
	border-bottom: 1px solid #c9c9c9;
}
.widget_categories ul li a {
	color: #818181;
	text-decoration: none;
}
.widget_tag_cloud .blogpost-title {
	display: none;
}
.tagcloud a {
	color: #4b4b4b;
}

/* Right Sidebar layout styles */
.two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main {
	margin-top: 35px;	
}



/* Page specific styles goes here i.e. homepage, about page, contact page, service page, etc. */

/* Homepage styles */
.entry .home-row-1 {
	margin-bottom: 0;
}
.home-row-1 .tp-caption.custom {
	width: 28%;
  	padding: 30px !important;
  	background: rgba(0,0,0,0.8) !important;
}
.home-row-1 .tp-caption.custom h2 {
	color: #FFFFFF;
  	line-height: 1.1em !important;
}
.tp-caption.custom a.view-more {
  	float: left;
	display: block;
	background: #eee824;
	color: #000000;
	font: bold 16px/1.5em Arial, sans-serif !important;
	text-shadow: none;
	border-radius: 0;
	border: 0;
	padding: 10px 15px;
	margin: 0;
	text-decoration: none;
}
.entry .home-row-2-left {
	padding-right: 0;
}
.entry .home-row-2-left > .wpb_wrapper {
  	background: #000000;
	padding: 15px 30px 30px;
 	min-height: 110px;
}
.entry .home-row-2-right {
	padding-left: 0;
}
.entry .home-row-2-right > .wpb_wrapper {
  	background: #3f3f3f;
	padding: 15px 30px 30px;
 	min-height: 110px;
}
.home-row-2 .wpb_text_column {
	margin-bottom: 10px;
}
.home-row-2 h2 {
	color: #FFFFFF;
}
.entry .home-row-2 p {
  	font-size: 12px;
	color: #9b9b9b;
}
.entry .home-row-2 span.wpb_button {
	padding: 10px 0;
  	width: 100%;
}
.entry .home-row-3 {
	margin-bottom: 50px;
	padding-top: 15px;
}
.entry .contact-form-wrap > .wpb_wrapper {
	padding: 30px 35px;
	border: 1px solid #e3e3e3;
}
.entry .form-heading {
	margin-bottom: 12px;
}
.entry .home-row-4 {
  	padding: 40px 0;
	margin-bottom: 0;
}
.entry .project-grid ul {
	margin: 0 -15px;
}
.entry .project-grid ul li.isotope-item {
	padding: 0px 15px;
}
.entry .project-grid ul li.isotope-item img {
	width: 100%;
  	height: auto;
}
	  
/* About Page styles */



/* Portfolio page and single styles */
body.single-portfolio #main .hentry {
	float: none;
	width: auto;
}
#main .portfolio img.wp-post-image {
	float: left;
	width: 25%;
	height: auto;
	margin: 5px 0 0 0;
}
#main .portfolio .single-portfolio-texts {
	float: right;
	width: 72%;
}
#main .portfolio .single-portfolio-texts h2.entry-title {
	margin: 0 0 25px;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 12px;
}
#main .portfolio .single-portfolio-texts h2.entry-title a {
	color: #4b4b4b;
  	text-decoration: none;
}
.portfolio-items .portfolio {
	margin-bottom: 40px;
}

/* Gallery Page styles */



/* Contact Page styles */
.entry .contact-page-map {
	margin-bottom: 0;
}
.entry .contact-page-map > .wpb_column {
	padding: 0;
}
.entry .contact-page-map .wpb_gmaps_widget {
	margin-bottom: -40px;
	border-top: 5px solid #4b4b4b;
}
.entry .contact-page-map .wpb_gmaps_widget .wpb_wrapper {
  	padding: 0;
	border: 0;
	background: none;
}


/*///////// Gravity Forms 4 colums styling //////////*/
/* 4 column Gravity Forms custom ready class ------------------------------------------------------*/
 
.gform_wrapper .top_label li.gfield.gf_first_quarter,
.gform_wrapper .top_label li.gfield.gf_second_quarter,
.gform_wrapper .top_label li.gfield.gf_third_quarter,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter {
	margin:0 0 8px 0;
	width:24%;
}
 
.gform_wrapper .top_label li.gfield.gfield_error.gf_first_quarter,
.gform_wrapper .top_label li.gfield.gfield_error.gf_second_quarter,
.gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter {
	width:21%;
}
 
.gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter {
	margin-right:1%;
}
 
.gform_wrapper .top_label li.gfield.gf_first_quarter {
	float:left;
	clear:left!important;
}
 
.gform_wrapper .top_label li.gfield.gf_second_quarter,
.gform_wrapper .top_label li.gfield.gf_third_quarter,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter {
	float:left;
	margin-left:2%;
	clear:none!important;
}
 
.gform_wrapper .top_label li.gfield.gfield_error.gf_second_quarter,
.gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter {
	margin-left:3%;
}
 
.gform_wrapper .top_label li.gfield.gf_first_quarter input.medium,
.gform_wrapper .top_label li.gfield.gf_first_quarter input.large,
.gform_wrapper .top_label li.gfield.gf_first_quarter select.medium,
.gform_wrapper .top_label li.gfield.gf_first_quarter select.large,
.gform_wrapper .top_label li.gfield.gf_second_quarter input.medium,
.gform_wrapper .top_label li.gfield.gf_second_quarter input.large,
.gform_wrapper .top_label li.gfield.gf_second_quarter select.medium,
.gform_wrapper .top_label li.gfield.gf_second_quarter select.large,
.gform_wrapper .top_label li.gfield.gf_third_quarter input.medium,
.gform_wrapper .top_label li.gfield.gf_third_quarter input.large,
.gform_wrapper .top_label li.gfield.gf_third_quarter select.medium,
.gform_wrapper .top_label li.gfield.gf_third_quarter select.large,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter input.medium,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter input.large,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter select.medium,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter select.large {
	width:95%;
}
 
.gform_wrapper .top_label li.gfield.gf_first_quarter+li.gsection,
.gform_wrapper .top_label li.gfield.gf_third_quarter+li.gsection {
	padding:16px 0 8px 0;
}
 
.gform_wrapper .top_label li.gfield.gf_first_quarter+li.gfield,
.gform_wrapper .top_label li.gfield.gf_second_quarter+li.gfield,
.gform_wrapper .top_label li.gfield.gf_third_quarter+li.gfield,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter+li.gfield {
	clear:both;
}
 
.gform_wrapper .top_label li.gfield.gf_first_quarter+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_second_quarter+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_third_quarter+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter+.gform_footer {
	clear:both;
}

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

/* Responsive styles goes here */

@media only screen and (max-width:767px){
	
	.swms_wrapper li.gfield.gf_list_2col label.gfield_label, 
	.swms_wrapper li.gfield.gf_list_3col label.gfield_label, 
	.swms_wrapper li.gfield.gf_list_4col label.gfield_label, 
	.swms_wrapper li.gfield.gf_list_5col label.gfield_label, 
	.swms_wrapper li.gfield.gf_list_inline label.gfield_label,
	.swms_wrapper .gfield_checkbox li label, 
	.swms_wrapper .gfield_radio li label{
		font-size:90%!important;
	}
	.swms_wrapper .top_label .gfield_label{font-size:80%!important;}

	.swms_wrapper li.gf_list_inline ul.gfield_checkbox li, 
	.swms_wrapper li.gf_list_inline ul.gfield_radio li{
		margin-bottom:0px!important;
	}
	.swms_wrapper input.medium,	.swms_wrapper textarea{
		width:100%;
	}


}

@media only screen and (min-width:768px){
	.swms_wrapper li.gfield.gf_list_2col label.gfield_label, 
	.swms_wrapper li.gfield.gf_list_3col label.gfield_label, 
	.swms_wrapper li.gfield.gf_list_4col label.gfield_label, 
	.swms_wrapper li.gfield.gf_list_5col label.gfield_label, 
	.swms_wrapper li.gfield.gf_list_inline label.gfield_label,
	.swms_wrapper .gfield_checkbox li label, 
	.swms_wrapper .gfield_radio li label{
		font-size:100%!important;
	}
	.swms_wrapper label {font-size:100%!important;}

	.swms_wrapper li.gf_list_inline ul.gfield_checkbox li, 
	.swms_wrapper li.gf_list_inline ul.gfield_radio li{
		margin-bottom:10px!important;
	}
	.swms_wrapper textarea{width:47%!important;}

}



@media only screen and (min-width:1600px) {
	#wrapper #content {
		min-height: 600px;
	}
}


@media only screen and (min-width:1400px) {
	#content {
		min-height: 550px;
	}
}


@media only screen and (max-width:1300px) {
  	.rev_slider_wrapper .tp-rightarrow.default {
		right: 12px !important;
	}
	.rev_slider_wrapper .tp-leftarrow.default {
  		left: 12px !important;
  	}
}

@media only screen and (max-width:1200px) {
  	#wrapper {
  		overflow: hidden;
  	}
  	.entry .home-row-1 {
		margin-left: -1.618em;
		margin-right: -1.618em;
	}
	.entry .home-row-2 {
		margin-left: -1.618em;
		margin-right: -1.618em;
	}
	.entry .home-row-2-left, .entry .home-row-2-right {
		padding: 0;	
	}
	#wrapper #footer {
		padding-left: 15px;
		padding-right: 15px;
	}
	#footer #copyright {
		float: left;				
	}
	#footer #credit {
		float: right;				
	}
}
	  
	  
@media only screen and (max-width:1200px) and (min-width:1024px) {
  	#navigation ul.nav > li > a {
  		padding: 20px !important;
  	}
  	#navigation ul.nav li a {
  		font-size: 12px;
  	}
}
				  
@media only screen and (max-width:1023px) and (min-width:951px) {
  	#logo img {
  		width: 225px;
  	}
  	.header-widget .widget h3.header-tagline {
		font-size: 25px;
	}
  	#navigation ul.nav > li > a {
  		padding: 20px 15px !important;
  	}
  	#navigation ul.nav li a {
  		font-size: 12px;
  	}
	.entry .home-row-2-right > .wpb_wrapper, .entry .home-row-2-left > .wpb_wrapper {
		min-height: 130px;
	}
	.entry span.wpb_button {
		font-size: 13px;
	}
}



@media only screen and (max-width:950px) and (min-width:768px) {
	body .nav-toggle, body .nav-close, body .nav-home {
		display: block !important;
	}
	body.show-nav #inner-wrapper {
		left: 0;
	}
  	.csstransforms3d.csstransitions body #wrapper #inner-wrapper #navigation {
		width: 400px;
		position: absolute;
		left: -400px;
	}
  	.csstransforms3d.csstransitions body.show-nav #wrapper #inner-wrapper #navigation {
		left: 0;
	}
	body .nav-toggle, body .nav-close, body .nav-home {
		display: block !important;
	}
  	#navigation ul.nav {
  		float: none;
  	}
  	#navigation ul.nav li {
		display: block;
		float: none;
		border: 0 !important;
	}
}
	  
	  
@media only screen and (max-width:950px){
  	body {
  		border: 0 !important;
  	}
	#wrapper #header {
  		position: static;
  	}
  	h3.nav-toggle {
  		padding: 0;
		height: 60px;
		text-transform: uppercase;
		text-align: left;
		font-size: 18px;
		background: #0073bb;
		border: 0;
  	}
	h3.nav-toggle:before {
  		margin: 13px 0 0 12px;
		text-shadow: none;
		border: 0;
		font-size: 18px;
		padding: 0;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		border-radius: 100%;
		color: #FFFFFF;
		border: 2px solid #FFFFFF;
  	}
  	h3.nav-toggle a {
  		text-shadow: none;
		padding: 0;
		border: 0;
		font-size: 0;
  	}
  	.header-widget a.phone-top {
		position: absolute;
		top: 0;
		border: 0;
		right: 12px;
		margin: 0;
		font-size: 20px;
		line-height: 60px;
		width: auto;
		height: auto;
		padding: 0 0 0 60px;
		color: #FFFFFF;
		font-weight: normal;
	}
  	body.show-nav #inner-wrapper {
		left: 0;
	}
  	body #wrapper #nav-container {
		float: none;
		margin: 0;
  	}
	.csstransforms3d.csstransitions body #wrapper #navigation {
		width: 280px;
		left: 0;
  		padding-top: 60px;
		background: #FFFFFF !important;
		transition: left 0.3s;
	  	-webkit-transition: left 0.3s;
		-moz-transition: left 0.3s;
	}
	.csstransforms3d.csstransitions body.show-nav #wrapper #navigation {
		left: 280px;
  		box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.3);
	}
	#wrapper #navigation .menus {
		position: static;
	}
	#navigation a.nav-close {
  		top: 12px;
		left: 12px;
		font-size: 15px;
		background: #FFFFFF;
  		color: #0073bb;
		border-radius: 100%;
		width: 35px;
		height: 35px;
		padding: 0;
  	}
  	#navigation a.nav-home {
  		top: 12px;
		right: 12px;
		left: auto;
		font-size: 15px;
		background: #FFFFFF;
  		color: #0073bb;
		border-radius: 100%;
		width: 35px;
		height: 35px;
		padding: 0;
  	}
  	#navigation a.nav-close:before, #navigation a.nav-home:before {
  		line-height: 35px;
  	}
	#wrapper #navigation h3 {
		display: block;
		text-align: center;
		color: #FFFFFF;
  		line-height: 60px;
  		background: #0073bb;
		font-size: 18px;
		font-weight: normal;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding: 0;
		z-index: -1;
	}
	#wrapper #navigation ul.nav li a {
		color: #003366 !important;
  		font: normal 15px/1.3em Arial, sans-serif;
  		padding: 20px 15px !important;
  		text-decoration: none;
  		border-bottom: 1px solid #F5F5F5;
  		background: none !important;
  		border: 0 !important;
	}
  	#logo {
  		float: left;
  	}
	#logo img {
		width: 230px;
	}
	#header .header-widget {
		margin: 0;
  		clear: none;
	}
	.header-widget .widget h3.header-tagline {
		float: right;
	  	position: relative;
	  	left: auto;
	  	top: auto;
  		font-size: 25px;
  		padding-bottom: 0;
		margin-top: 12px;
	}
	#wrapper #content {
		padding-top: 0;
	}	  
}