/*  

Theme Name: Mygen

Theme URI: http://www.indonez.com/

Description: Minimalist Business Wordpress Theme 2

Author: Indonez

Author URI: http://themeforest.net/user/indonez

Version: 1.0

*/

.cufon-loading { 
    visibility: hidden;
}

img#treesymbol{

float: left;

position: relative;

top: 25px;

right: 15px;

margin-right: -3px;

}


@media(max-width: 830px){
	img#treesymbol{
		display: none;
	}
}



.maincontent ul{

margin-bottom:17px;

}





/*----------------------------------------------------

                  Mygen - CSS File

------------------------------------------------------*/

@import url(css/nivo-slider.css);



/* Global

------------------------------------------------------*/

html,body{height:100%}

body{

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

margin:0 auto;

padding:0;

background-color:#FFFFFF;

color:#353535;

height:100%;

}

*{

margin:0;

padding:0;

}

*:focus{

outline:none; /* removes ugly dotted border but may make template more unsuable, up to you

				 if you want to keep it! */

}

.clr{clear:both}

form{margin:0; padding:0;}

hr{

border:0;

color:#dedede;

background-color: #dedede;

height: 1px;

margin:10px 0px 6px 0px;

padding:0px;

}






/* Default Element Styles

------------------------------------------------------*/

/* heading */

h1, h2, h3, h4, h5{font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#515151;}

h1{font-size:32px; line-height:30px; margin-bottom:15px;}

h2{font-size:22px; line-height:28px; margin-bottom:5px;}

h3{font-size:18px; line-height:20px; margin-bottom:5px;}

h4{font-size:16px; line-height:18px; margin-bottom:5px; font-weight:bold;}

h5{font-size:12px; margin:3px 0px; padding:0px; letter-spacing:1px;}



/* links */

a{color:#11538e; text-decoration:none;}

a:visited{color:#11538e; text-decoration:none;}

a:hover{color:#3282c9;}

a img{border:none}

.imgleft,.alignleft {float:left; padding:5px 12px 0px 0px;}

.imgright,.alignright {float:right; padding-left:12px;}

.img-noalign{float:left; padding:0px 0px 10px 0px;}



/* lists, blockquotes and paragraphs */

p, ul, ol, blockquote{

font-size:12px;

line-height:20px;

margin-bottom:14px;

color:#353535;

}

ul, ol{

margin:10px 0 35px 40px;

}

li ol, li ul{

font-size:1.0em;

list-style:square;

margin-bottom:0;

margin-top:0;

}

li ol{list-style:decimal;}

blockquote{

font-style:italic;

margin:0px;

color:#6f6f6f;

padding:2px 4px 2px 38px;

background-image:url(images/quote.gif);

background-position:0px 5px;

background-repeat:no-repeat;

}





/* code */

code{

font-family:Tahoma, Arial, Verdana;

letter-spacing:1px;

margin:25px 0 25px 0px;

display:block;

font-size:0.9em;

border-left:4px solid #dddddd;

padding:15px 10px;

}





/* Container

------------------------------------------------------*/

#outer-container{max-width:960px; width: 100%; margin:0px auto;}

#main-container{max-width:960px; width: 100%; background-image:url(images/bg-container.gif); background-repeat:repeat-y; float:left;}

#container-left{max-width:70px; width: 100%; float:left;}

#container-right{max-width:890px; width: 100%; float:left;}

.inner-container{max-width:809px; width: 100%; margin:0px auto;}


@media(max-width: 1010px){

	#outer-container, #main-container {
		max-width: 790px;
	}

	#main-container {
		border-right: 1px solid #a5a5a5;
	}

	#container-right {
		max-width: 700px;
		float: right;
		padding: 0 15px 15px 15px;
		box-sizing: border-box;
	}

	#container-left {
		display: none;
	}
}

@media(max-width: 830px){

	body {
		background-image: none !important;
	}

	#outer-container, #main-container {
		max-width: 100%;
		background: none !important;
		border: 0;
	}

	

	#container-right {
		max-width: 100%;
		float: none;
		padding: 0 15px 15px 15px;
		box-sizing: border-box;
	}
}







/* Header

------------------------------------------------------*/

.logo{width:70px; padding:23px 0px 0px 10px;}

#top-content{height:39px; font-size:20px; color:#989797; padding-right:15px; float:right;}

@media(max-width: 830px){

	#top-content iframe {
		float: none !important;
		margin-bottom: 15px;
		border-bottom: 1px solid #a5a5a5;
	}
}


.top-address{float:right; padding:11px 0px; margin-right:45px;}

@media(max-width: 767px){
	.top-address {
		display: none;
	}
}

.top-icon{padding-right:4px; float:left;}

.gplus-link{float: left;}

@media(max-width: 1010px){
	.gplus-link{
		display: none;
	}
}

/* Welcome text (original font size was 60 */

#welcome-text{margin-top:40px; float:left; position:relative; overflow: hidden;width: 708px;}

@media(max-width: 1010px){
	#welcome-text {
		border-bottom: 1px solid #a5a5a5;
		padding-bottom: 15px;
		float: none;
		width: auto;
	}
}

#welcome-text h1{font-size:40px; color:#515151; margin-bottom:0px;float:left;}


#welcome-text img{    
	float: right;
    margin-left: 45px;
    width: 100%;
    max-width: 240px;
    height: auto;
}

@media(max-width: 1010px){

	#welcome-text {
		margin-top: 10px;
	}

	#welcome-text h1 {
		margin-bottom: 10px;
	}

	#welcome-text img{ 
		max-width: 210px;
		float: none;
		display: block;
		clear: both;
		margin-left: 0;
		margin-top: 10px;
	}
}

/* Page title */

#page-title{margin-top:30px; float:left;}

#page-title h1{font-size:30px; color:#515151; margin-bottom:0px; border-bottom:3px solid #11538e; text-transform:uppercase;}



/* Top Navigation bar menu styling */

#nav{

border-top:1px solid #a5a5a5;

float:right;

list-style-type: none;

margin:0px 0px 0px 0px;

}

#nav li{

float:left;

border-right:1px solid #a5a5a5;

}

#nav li a:link, #nav li a:active, #nav li a:visited{

display:block;

/*width:100px;*/

width: 90px;

padding:4px 14px;

text-decoration: none;

line-height: 20px;

outline: none;

text-align:left;

font-size: 18px;

color:#7c7c7c;

}

#nav li a:hover, #nav li.selected a{

color:#11538e;

}

span.descmenu{

font-size:9px; 

padding:0px 20px;

color:#989797;

}





/*  Homepage Slider

------------------------------------------------------*/

#slideshow-container{

height:287px; 

margin:15px 0px 0px 0px;

float:left;

}

@media(max-width: 1010px){
	#slideshow-container{
		display: none;
	}
}

#mainslide {

  width:809px;

  height:287px; 

  margin: 0 auto;

  margin-bottom: 30px;

  position: relative;

  background:#11538E url(images/loading.gif) no-repeat 50% 50%;

  

}

#mainslide img {

	position:absolute;

	top:0px;

	left:0px;

	display:none;

}





/* Content

------------------------------------------------------*/

.content{ padding:20px 0px 3px 0px; clear: both; overflow: hidden; }

.content-two{padding:20px 0px 20px 0px;}

.maincontent{padding-bottom:10px;}

#content-left{width:506px;margin-right:30px; float:left;}

@media(max-width: 1010px){
	#content-left {
		width: 375px;
	}
}

@media(max-width: 830px){
	#content-left {
		width: 100%;
		margin-right: 0;
	}
}

#content-left-blog{width:506px;margin-right:30px; float:left;}

#sidebox{width:263px; float:left;}

.imgleft{float:left; padding-right:8px;}

.imgright{float:right; padding-left:8px;}



ul.content-list,.widgets ul {margin:0px; padding:0px; list-style-type:none;}

ul.content-list li, .widgets ul li  {background-image:url(images/arrow.gif); background-position:0px 5px; background-repeat:no-repeat; padding:0px 0px 12px 17px; line-height:18px;}

ul.content-list li a, .widgets ul li a{color:#353535; text-decoration:none;}

ul.content-list li a:hover, .widgets ul li a:hover {text-decoration:underline;}

.widgets{margin-bottom:10px;}



/* Services page */

.img-services{width:81px; height:90px; margin-top:7px; float:left;}

#quote-container{width:600px; height:300px; padding:10px; background-color:#FFFFFF;}

#content-container{width:600px;  padding:10px; background-color:#FFFFFF;}



/* Bottom content */

#bottom-content{border-top:1px solid #a5a5a5; clear: both;}

#bottom-icon{width:37px; padding:0px 10px 0px 0px; margin-top:0px; float:left;}

#newsflash{width:762px; height:38px; line-height:20px; float:left;}



/* Check list */

ul.check-list{

	margin:0px 0px 15px 0px; 

	padding:0px; 

	list-style-type:none;

}

ul.check-list li{

	background-image:url(images/arrow.gif); 

	background-position:5px 7px; 

	background-repeat:no-repeat; 

	padding-left:20px;

	line-height:24px;

}





/* Blog

------------------------------------------------------*/

.blog-post{

	margin-bottom:30px;

}

.blog-post h1{

	color:#515151;

	margin-bottom:18px;

	padding-bottom:26px;	

}

.blog-post h1 a, .blog-post h3 a:visited{

	color:#515151;

	text-decoration:none;

}

.blog-info{

	font-size:11px;

	color:#979797;

	margin-top:-41px;

	padding-bottom:3px;

	float:left;

}

.blog-info a, .blog-info a:visited{

	color:#979797;

	text-decoration:none;

}

.blog-info-icon{

	margin-right:3px;

}

.blog-info-icon2{

	margin-left:20px;

	margin-right:3px;

}



/* Author info styling */

.author{

	width:476px;

	font-size:11px;

	background-color:#f1f1f1; 

	border-top:1px solid #d3d3d3; 

	border-bottom:1px solid #d3d3d3; 

	color:#a6a6a6;

	margin-bottom:30px; 

	padding:15px; 

	line-height:18px; 

	float:left;

}

.author h3{

	margin:1px 0px 5px 0px;

}



/* Blog pagination */

.commonPageListControlBar{

	height:30px;

	margin:15px 0px 38px 0px;

	text-align:left;

	float:left;

}

.commonPageListControlBar p{

	float:left;

}

.commonPageListBtn{

	border: 1px solid #bfbfbf;

	background-color:#fff;

	font:normal 11px Tahoma;

	color:#979696;

	margin:-2px 5px 0px 0px; 

	padding: 5px 4px;

	cursor: pointer;

	float:left;

}

.commonPageListControlBar a, .commonPageListControlBar a:visited{

	color:#a4a3a3; text-decoration:none;

	float:left;

}

.commonPageListControlBar a:hover{

	text-decoration: underline;

	float:left;

}

.commonPageListBtnSelected{

	border: 1px solid #bfbfbf;

	background-color:#efefef;

	font:normal 11px Tahoma;

	color:#979696;

	margin:-2px 5px 0px 0px; 

	padding:5px 4px;

	cursor:default;

	float:left;

}



/* Ads list */

ul.ads-list{

	width:263px;

	margin:0px 0px 0px 3px; 

	padding:0px; 

	list-style-type:none;

}

ul.ads-list li{

	width:258px;

	margin:5px 10px;

	float:left;

}



/* Portfolio

------------------------------------------------------*/

#portfolio{margin-top:15px;}

.pf-box{width:249px; margin-right:31px; margin-bottom:40px; float:left;}

.pf-box-nomargin{width:249px; margin-bottom:40px; float:left;}

.pf-img{border:3px solid #11538e;}

.page-portfolio{height:574px; float:left;}

#pager-nav{list-style-type:none; margin:0px 0px 50px 0px; float:left;}

#pager-nav li{margin-right:10px; float:left;}

#next{width:56px; height:22px; background-image:url(images/next.gif); background-repeat:repeat; margin-left:14px; float:left; cursor:pointer;}

#prev{width:56px; height:22px; background-image:url(images/prev.gif); background-repeat:repeat; float:left; cursor:pointer;}





/* Footer

------------------------------------------------------*/

#footer{border-top:1px solid #a5a5a5;overflow: hidden;clear: both;}

.footer-text{font-size:11px; color:#868686; padding:8px 0px;}

.footer-text a, #footer a:visited{color:#868686; text-decoration:none;}

.footer-text a:hover{text-decoration:underline;}

ul#twitter_update_list {

  list-style: none;

  margin: 0;

  padding: 0;

}

ul#twitter_update_list li {

  margin: 3px 0;

}



/* Contact Form */

.screenReader { left: -9999px; position: absolute; top: -9999px; }

.thanks { text-align:center; color:#ee0000; }



ol.forms { float: left; list-style: none; margin:0px 0px 10px 0px; width: 100%; color:#6b6b6b; }

ol.forms li { 

	clear: both; 

	float: left; 

	margin-bottom: 10px; 

	position: relative;

	width: 100%;

}

ol.forms label {

	font-weight: normal;

	margin:5px 0px -3px 0px;

	padding-right: 20px;

	width: 65px;

	display: block;

}

ol.forms input, ol.forms textarea {

	padding: 2px;

	background-color: #ffffff; 

	border:1px solid #d9d9d9; 

	width:406px; 

	padding:5px 5px 5px 5px; 

	margin:0px; 

	color:#6b6b6b;

	clear: both;	

}

#contactName{background-color:#ffffff; font-family:Tahoma, Arial, Verdana; font-size:12px; border:1px solid #c7c7c7; width:406px; padding:6px; margin-bottom:-2px; color:#6b6b6b;}

#email-contact{background-color:#ffffff; font-family:Tahoma, Arial, Verdana; font-size:12px; border:1px solid #c7c7c7; width:406px; padding:6px; margin-bottom:-2px; color:#6b6b6b;}

#subject{background-color:#ffffff; font-family:Tahoma, Arial, Verdana; font-size:12px; border:1px solid #c7c7c7; width:406px; padding:6px; margin-bottom:-2px; color:#6b6b6b;}

#commentsText{background-color:#ffffff; font-family:Tahoma, Arial, Verdana; font-size:12px; border:1px solid #c7c7c7; width:406px; padding:6px; margin-bottom:-2px; color:#6b6b6b;}

ol.forms textarea { height: 100px; }

.error { color: #f00; }

ol.forms li.textarea {

  border: none;

  margin: 0;

  padding:0;

}

ol.forms li .error { font-size: 11px; clear:both;}

ol.forms li.textarea .error {

	display: block;

	clear:both;

}

ol.forms li.screenReader { margin-bottom: 0; }

ol.forms li.buttons button {

background-image:url(images/but-send.gif); background-repeat:no-repeat; padding:0px; margin:15px 0px 15px 0px; border:0px; width:64px; height:22px; cursor:pointer; float:right; margin-right:42px;

}

ol.forms li.buttons button:hover { color: #222; }

ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }

ol.forms li.buttons, ol.forms li.inline { float: left; width: 460px; }

ol.forms li.inline input { width: 386px; }

ol.forms li.inline label { display: inline; float: none; width: auto; }

input#sendCopy {

  width: 10px;

}



/* Comment Form */

#comment{margin-bottom:15px; float:left;}

#comment-form fieldset {border: none;}

.comment-post{margin-top:20px; border-bottom:1px solid #d7d7d7; float:left;}

.avatar{margin-right:10px; float:left;}

.comment-date{font-style:italic; font-size:11px; color:#979797; float:left;}

.comment-text{width:432px; float:left;}

.comment-text p{width:452px; margin-top:10px; float:left;}

.imgborder{float:left; border:1px solid #d7d7d7; padding:2px;}



#commentFormArea {max-width:500px; width: 100%; margin:15px 0px 35px 0px; color:#6b6b6b;}

.label-comment {width:100px; margin:6px 0px 0px 10px; float:left;}

.input-comment {background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #c7c7c7; width:270px; padding:5px 5px 5px 5px; margin:0px 0px 13px 0px; color:#6b6b6b; float:left;}

.input-submit-comment {background-image:url(images/but-send.gif); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:64px; height:22px; cursor:pointer; float:left; clear:both;}

.textarea-comment {background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #c7c7c7; max-width:470px; height:110px; width:100%; box-sizing: border-box; padding:5px 5px 5px 5px; margin:0px; color:#6b6b6b;}



/* Image and Captions */



img.alignright {

  float:right; 

  padding-left:12px;

}

/*img.alignleft {

  float:left; 

  padding:5px 12px 0px 0px;

  display: inline;

}*/

img.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

  margin-bottom: 10px;  

}

.alignright {

	float:right;

}

.alignleft {

	float:left;

}

.wp-caption {

	border:1px solid #ddd;

	text-align:center;

	background-color:#f3f3f3;

	padding-top:4px;

	margin:10px;

}

.wp-caption img {

	border:0 none;

	margin:0;

	padding:0;

}

.wp-caption p.wp-caption-text {

	font-size:11px;

	line-height:17px;

	margin:0;

	padding:0 4px 5px;

}

.aligncenter,div.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

}

/* Image and Caption End */





/*------- WP Pagenavi ------- */

.blog-pagination{

	margin-bottom:40px;

	float:left;

}

.maincontent .wp-pagenavi, .wp-pagenavi {

  padding: 20px 0px;

  margin-bottom:30px;

  text-align: left;

}

.maincontent .wp-pagenavi a, .maincontent .wp-pagenavi a:link, .blog-pagination .wp-pagenavi a, .blog-pagination .wp-pagenavi a:link {

border: 1px solid #d9d9d9;

background-color:transparent;

color:#000;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor: pointer;

}

.maincontent .wp-pagenavi a:visited, .blog-pagination .wp-pagenavi a:visited {

border: 1px solid #d9d9d9;

background-color:transparent;

color:#000;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor: pointer;



}

.maincontent .wp-pagenavi a:hover, .blog-pagination .wp-pagenavi a:hover {	

border: 1px solid #eaeaea;

background-color: #eaeaea;

color:#414141;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor: pointer;



}

.maincontent .wp-pagenavi a:active, .blog-pagination .wp-pagenavi a:active {

border: 1px solid #eaeaea;

background-color: #eaeaea;

color:#414141;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor:default;



}

.maincontent .wp-pagenavi span.pages, .blog-pagination .wp-pagenavi span.pages {

border: 1px solid #d9d9d9;

background-color:transparent;

color:#000;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor: pointer;



}

.maincontent .wp-pagenavi span.current, .blog-pagination .wp-pagenavi span.current {

border: 1px solid #eaeaea;

background-color: #eaeaea;

color:#414141;

font: normal 11px/28px Verdana; 

padding: 6px;



}

.maincontent .wp-pagenavi span.extend, .blog-pagination .wp-pagenavi span.extend {

border: 1px solid #d9d9d9;

background-color:transparent;

color:#000;

font: normal 11px/28px Verdana; 

padding: 6px;

cursor: pointer;



}

/*------- WP Pagenavi End ------- */



/*------- Traditional Navigation -----*/

.navigation{

  margin-top:0px;

  font: normal 11px/28px Arial; 

}

.navigation a{

	padding: 6px; 

	margin: 2px;

	text-decoration: none;

	border: 1px solid #d9d9d9;

	color: #414141;

	background-color: #FFFFFF;

}

.navigation a:hover{

	border: 1px solid #eaeaea;

	color: #000;

  	background-color: #eaeaea;

	text-decoration:none;  

}

.blog-post img.wp-post-image{
width: 100%;
height: auto;
}

/*------- Traditional Navigation End -----*/

.maincontent .phonenumber{

font-size:32px; 

line-height:30px; 

margin-bottom:15px;

line-height:45px;

color: rgb(85,85,85);

}

img.ctaservice {
    display: block;
    margin-left: auto;
    margin-right: auto }


@media(max-width: 1010px){
	#topmenu {
		display: none;
	}
}

/*#mobile-nav {
	display: none;
}

@media(max-width: 830px){
	#mobile-nav {
		display: block;
	}
}*/


/* BOF mobile menu CSS */
#menu-toggle {
    z-index: 1;
    /*position: fixed;*/
    /*top: 0;
    right: 0;
	font-size: 22px;*/
	/*float: right; */
}

#menu-user { font-size: 23px; top: 0; right: 0; } 

#menu-close { font-size: 22px; margin: 15px; float: right; padding-right: 10px; }

#mobile-nav-container { background: #ffffff; text-align: right; }
	#mobile-nav-container ul { list-style: none; }
		#mobile-nav-container ul li a i { font-size: 24px; margin-top: 8px; }
			
#mobile-nav {
    z-index: 1000;
    position: fixed;
    right: 0;
    width: 333px;
    height: 100%;
    margin-right: -333px;
    overflow-y: auto;
    background: #333333;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	padding: 0px;
	/*padding-top: 15px;*/
/*	background: -moz-linear-gradient(left, #000000 0%, #111111 2%, #222222 5%, #2a2f32 10%, #2a2f32 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #000000), color-stop(2%, #111111), color-stop(5%, #222222), color-stop(10%, #2a2f32), color-stop(100%, #2a2f32));
	background: -webkit-linear-gradient(left, #000000 0%, #111111 2%, #222222 5%, #2a2f32 10%, #2a2f32 100%);
	background: -o-linear-gradient(right, #000000 0%, #111111 2%, #222222 5%, #2a2f32 10%, #2a2f32 100%);
	background: -ms-linear-gradient(left, #000000 0%, #111111 2%, #222222 5%, #2a2f32 10%, #2a2f32 100%);
	background: linear-gradient(to right, #000000 0%, #111111 2%, #222222 5%, #2a2f32 10%, #2a2f32 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2a2f32', GradientType=0 );
*/
}

#mobile-nav.active {
    right: 333px;
    width: 333px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.toggle {
    /*margin: 5px 5px 0 0;*/
	margin: 0px; 
}

#mobile-nav {  }
	#mobile-nav a#menu-close { color: #42841b; }
	#mobile-nav a#menu-close:hover { color: #ffffff; }
	#mobile-nav ul { margin: 25px 0px 15px -10px; list-style: none; clear: both; }
		#mobile-nav ul li { border-top: 1px solid #666666; }
		#mobile-nav ul li:last-child { /*border-bottom: 0px;*/ }
		#mobile-nav ul li a { padding: 12px 25px 12px 25px; color: #42841b; text-decoration: none; display: block; font-weight: 300; font-size: 16px; margin-left: 25px; }
		#mobile-nav ul li a:hover { background: #42841b; color: #ffffff; } 
		#mobile-nav ul li a span { /*float: right;*/ height: 10px; width: 10px; }
		#mobile-nav ul li a span.ulclosed:before { content: "+"; }
		#mobile-nav ul li a span.ulopen:before { content: "-"; }
		#mobile-nav ul li ul { margin: 0px; padding: 0px; }	
		#mobile-nav ul li ul li { border-top: 1px solid #666666; /*background: #777576;*/
/*									background: -moz-linear-gradient(left, #1d2023 0%, #505050 2%, #585858 5%, #6a6e70 10%, #6a6e70 100%);
									background: -webkit-gradient(left top, left bottom, color-stop(0%, #1d2023), color-stop(2%, #505050), color-stop(10%, #585858), color-stop(20%, #6a6e70), color-stop(100%, #6a6e70));
									background: -webkit-linear-gradient(left, #1d2023 0%, #505050 2%, #585858 5%, #6a6e70 10%, #6a6e70 100%);
									background: -o-linear-gradient(right, #1d2023 0%, #505050 2%, #585858 5%, #6a6e70 10%, #6a6e70 100%);
									background: -ms-linear-gradient(left, #1d2023 0%, #505050 2%, #585858 5%, #6a6e70 10%, #6a6e70 100%);
									background: linear-gradient(to right, #1d2023 0%, #505050 2%, #585858 5%, #6a6e70 10%, #6a6e70 100%);
									filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2023', endColorstr='#6a6e70', GradientType=0 );		
*/ 		}	
		#mobile-nav ul li ul li a { color: #ffffff; padding: 12px 25px 12px 40px; font-size: 14px; }
		
#mobile-nav-tel { padding: 12px 25px 0px 15px; color: #ffffff; text-decoration: none; font-weight: 400; font-size: 20px; margin-left: 25px; margin-top: 8px; display: block; margin-right: 100px; }

#mobile-nav ul.social-media { margin: 0px; margin-left: 40px; padding: 0px 0px 20px 0px; margin-bottom: 40px; list-style: none; }
	#mobile-nav ul.social-media li { float: left; width: 30px; height: 30px; margin-left: 4px; border: 0px; } 		
	#mobile-nav ul.social-media li a { background: #dadada; border-radius: 50%; height: 30px; width: 30px; display: block; text-align: center; font-size: 20px;}
	#mobile-nav ul.social-media li a:hover { background: #ffffff; }
	#mobile-nav ul.social-media li a i { color: #333333; }

/* EOF mobile menu CSS */


#mobile-header {
	padding: 10px;
	background: #42841b;
	color: #FFF;
	display: none;
	overflow: hidden;
}

@media(max-width: 1010px){
	#mobile-header {
		display: block;
	}
}

#menu-toggle-wrapper {
	float: right;
	margin-top: 10px;
	padding-right: 10px;
}

#menu-toggle .bar {
	display: block;
	width: 20px;
	height: 3px;
	background: #FFF;
	margin-top: 3px;
}

#mobile-header-logo {
	margin-left: 60px;
}

#mobile-header-logo img {
	width: 100%;
	max-width: 200px;
	height: auto;
	margin-left: -12px;
}

@media(max-width: 830px){
	#mobile-header-logo {
		margin-left: 0;
	}
}

#sidebox .maincontent p:last-of-type {
	margin-bottom: -20px;
}


#mobile-top-address {
	display: none;
}

@media(max-width: 767px){
	#mobile-top-address {
		display: block;
		float: right;
	}

	#mobile-top-address a {
		margin-left: 15px;
		font-size: 28px;
	}
}