@font-face {
    font-family: 'ArialRoundedMTBold';
    src: url('../fonts/ArialRoundedMTBold.eot');
    src: url('../fonts/ArialRoundedMTBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ArialRoundedMTBold.woff') format('woff'),
         url('../fonts/ArialRoundedMTBold.ttf') format('truetype'),
         url('../fonts/ArialRoundedMTBold.svg#ArialRoundedMTBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {height: 100%;}

body {color: #4c4c4c; font: normal 14px Arial, Helvetica, sans-serif; 
	padding: 0; margin: 0; width: 100%;	min-width: 320px; position: relative;
	text-align: center; background-color: #FFF;}
	
td, th {color: #4c4c4c; text-align: left; vertical-align: top;}
p {color: #4c4c4c; font: normal 14px/20px Arial, Helvetica, sans-serif;  margin: 0 0 20px 0; padding: 0;}	
a {color: #61afb5; text-decoration: underline;}
a:hover {text-decoration: none;}		

h1 {color: #ff9933; font: normal 44px Arial, Helvetica, sans-serif; margin: 0; padding: 0;}

img {max-width: 100%;}

.page-header {display:block; overflow:hidden; background-image: url(../img/default_header.png);
	background-repeat: no-repeat; background-position: center bottom; background-size: cover;}
.page-header h1 {width: 1240px; margin: 0 auto; position: relative; padding-top: 145px;
	color: #ffffff; font: bold 100px/70px Arial, Helvetica, sans-serif; text-transform: uppercase;}

.blog-header {border-bottom: 1px solid #61afb5; margin: 0 0 20px 0;}	
.blog-header h2 {color: #4d4d4d; font: bold 30px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0;}	

h2 {color: #4d4d4d; font: bold 60px Arial, Helvetica, sans-serif;	margin: 0 0 10px 0; padding: 0;}
h2 a {color: #4d4d4d;}

h3 {color: #4d4d4d; font: bold 50px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0;}
h4 {color: #4d4d4d; font: bold 31px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0;}
h5 {color: #4d4d4d; font: bold 25px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0;}
h6 {color: #4d4d4d; font: bold 20px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0;}

h2 span, h3 span, h4 span, h5 span, h6 span,
h2.sub, h3.sub, h4.sub, h5.sub, h6.sub {color: #777777; font-weight: normal;}
	
.clear {border: 0; clear: both; display: block; float: none; margin: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; font-size: 1px; line-height: 1px;}	
	
div.h10 {clear: both; height: 10px;}
div.h20 {clear: both; height: 20px;}
div.h30 {clear: both; height: 30px;}
div.h40 {clear: both; height: 40px;}
div.h50 {clear: both; height: 50px;}	
	
.blk {display: block;}	

hr {display: block; clear: both; height: 1px; border: none;	margin: 0 0 20px 0; padding: 0;	border-bottom: 1px solid #4c4c4c;}

.site {	position: relative; z-index: 30; padding: 0; margin: 0 auto; 
	min-height: 100%; height: auto !important; height: 100%;
	text-align: left; overflow: hidden;}

.stop {height: 80px;}

.cont_in {margin: 0 auto; position: relative;}

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

.home {background-color: #fffeef;}

.above_header {background-color: #544f48; text-align: center; color: #fefefe; font-size: 14px; line-height: 16px; padding: 5px 0;}

#header {position: relative; padding: 0; margin: 0; height: 106px; z-index: 200; text-align: center;
	background-color: #da9b58;}
.home #header {background: none; background: url(../img/bg_header_home.png) repeat;
	position: absolute; width: 100%; left: 0; right: 0; top: 26px;
}
#header .header_in {width: 1240px; height: 106px; margin: 0 auto;}

.nav_line {position: relative; float: right; margin: 50px 0 0 0;}	

.content {position: relative;  padding: 40px 0 0 0; width: 1240px; margin: 0 auto 40px auto;}
.one_col {padding: 0;}


.content .container {float: left; overflow: hidden; width: 100%; padding: 0;}
.content .container_in {padding: 0 0 0 290px; width: auto; margin: 0;}

.left-sidebar {float: left; margin-left: -100%; position: relative; width: 250px;}



/*---------------------------------*/
	
#footer {position: relative; z-index: 40; margin: -80px 0 0 0; padding: 0; 
	background: url(../img/bg_footer.png) repeat; height: 80px;}

#footer .cont_in {width: 1240px; padding: 22px 0 0 0;}	

#footer .left-side {float: left; margin-left: -100%; position: relative; width: 300px;}	
#footer .right-side {float: left; margin-left: -300px; position: relative; width: 300px;}

#footer .container {float: left; overflow: hidden; width: 100%;}
#footer .content {padding: 0 310px; width: auto; margin: 0;}

#footer .social {margin: 0; padding: 0; position: relative; float: left; left: 50%; z-index: 996;}
#footer .social li {float: left; list-style:none; position:relative; right:50%; margin: 0 6px; padding: 0;  z-index: 100; vertical-align: bottom; text-align: center;}
#footer .social a {display: block; position: relative; width: 35px; height: 35px; 
	background-image: url(../img/icon_social.png);
	background-repeat: no-repeat;
}

#footer .social a.icon_f {background-position: 0 0;}
#footer .social a.icon_t {background-position: -48px 0;}
#footer .social a.icon_y {background-position: -96px 0;}
#footer .social a.icon_in {background-position: -144px 0;}
#footer .social a.icon_map {background-position: -192px 0;}
#footer .social a.icon_g {background-position: -240px 0;}

#footer .copyright {
	text-align: left; padding: 9px 0 0 0; margin: 0; line-height: 22px;
	font-size: 14px; color: #ffffff; }


#footer nav {padding: 9px 0 0 0; margin: 0; font-size: 14px; color: #ffffff; line-height: 22px; text-align: right; }
#footer nav a { font-size: 14px; color: #ffffff; text-decoration: none; }
#footer nav a:hover { text-decoration: underline; }

#footer a.jm_logo {display: block; float: right; margin: 40px 20px 0 0; padding: 0; width: 200px; height: 26px; background: url(../img/jm_logo.png) no-repeat left top;}

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

a.logo {display: block; position: relative; float: left; overflow: hidden; 
	text-align: center; text-decoration: none; margin: 4px 0 0 0; z-index: 20;}
a.logo img {display: block; max-width: 100%;} 

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

.main_menu { margin: 0; padding: 0; position: relative; z-index: 996; list-style-type: none; float: right; height: 54px;}
.main_menu li {margin: 0 0 0 30px; padding: 0; height: 54px; text-align: center; float: left; z-index: 100; position: relative; vertical-align: bottom; 
	box-sizing: border-box;}
.main_menu li a {display: block; float: left; padding: 0; text-decoration: none;
	color: #fefefe; font-size: 18px; line-height: 56px;
	text-align: center; outline: none;}

.main_menu li:hover a, .main_menu li a:hover {background: url(../img/bg_nav_over.png) repeat-x bottom;}	
 
.main_menu li.current-menu-item a,  
.main_menu li.current-menu-parent a,
.main_menu li.current-page-ancestor a, 
.main_menu li.current_page_parent a,
.main_menu li.current-menu-ancestor a {background: url(../img/bg_nav_over.png) repeat-x bottom;}

	
.main_menu li:hover ul {display: block;}		

.main_menu li ul {
	display: none; position: absolute; width: 230px; z-index: 990;
	left: 0; top: 54px; background-color: #73c2c8;
	padding: 10px; margin: 0; list-style-type: none;}

.main_menu li li:first-child {border: none;}
.main_menu li li {float: none; padding: 0; margin: 0; border-top: 1px solid #fff; height: auto !important;}
.main_menu li li a {float: none; background: none !important; padding: 12px 10px; 
	font-size: 18px; line-height: 20px; text-align: left;}

.main_menu li li:hover {background-color: #4e9da3;}
.main_menu li li:hover a {}

.main_menu li:hover ul {display: block;}

/*---*/

#slider {position: relative; margin: 0; padding: 0; z-index: 180; overflow: hidden;}
#slider_box { position: relative; width: 100%; height: 690px; margin: 0; padding: 0; }
	
#slider_box div.slide {width: 100%; height: 690px; padding: 0; 
	background-position: center center; background-repeat: no-repeat; background-size: cover;}
	
#slider_nav {position: absolute; bottom: 35px; float: left; left:50%; height: 13px; z-index: 300;}
#slider_nav span  { float: left; position: relative; right: 50%; width: 13px; height: 13px; overflow: hidden; 
	margin: 0 4px; padding: 0; font-size: 0; outline: none; cursor: pointer;
	background-image: url(../img/slider_nav.png); background-position: top right; background-repeat: no-repeat;}
#slider_nav span.cycle-pager-active {background-position: top left;}	


#slider .nav_preview {display: block; width: 55px; height: 55px; position: absolute; top: 50%; left: 70px; margin: 24px 0 0 0;
	background: url(../img/slide_preview.png) no-repeat left top; z-index: 200; opacity: 0.7;
	border: 3px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
#slider .nav_next {display: block; width: 55px; height: 55px; position: absolute; top: 50%; right: 70px; margin: 24px 0 0 0;
	background: url(../img/slide_next.png) no-repeat left top; z-index: 200; opacity: 0.7;
	border: 3px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}

#slider .nav_preview:hover, #slider .nav_next:hover {opacity: 1;}

#slider .slider_text {display: block; position: relative; width: 960px; margin: 0 auto; padding: 240px 0 0 0; text-align: center;
	color: #ffffff; font: normal 26px/44px 'Arial Rounded MT Bold', ArialRoundedMTBold, Arial, Helvetica, sans-serif;}

#slider .slider_text p {color: #ffffff; font: normal 26px/44px 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif; margin: 0;}

#slider .btn_learn_more {display: block; width: 230px; margin: 46px auto 0 auto; text-align: center;
	border: 3px solid #FFF; line-height: 64px; opacity: 0.7;
	font-size: 22px; color: #fefefe; text-decoration: none;}

#slider .btn_learn_more:hover {opacity: 1;}

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

.home_sub_nav {border-bottom: 1px solid #f8ebdd;}
.home_sub_nav a {display: block; float: left; width: 50%; padding: 12px 0; background-color: #d99b58; text-decoration: none;}
.home_sub_nav a:hover {background-color: #FFF;}
.home_sub_nav a span {display: block; line-height: 76px; color: #ffffff; font-size: 25px; font-weight: bold; text-decoration: none; 
	padding: 0 60px;}

.home_sub_nav a.btn_our_process span {float: right; padding-left: 160px; 
	background-image: url(../img/icon_gear.png); background-position: 60px 0; background-repeat: no-repeat;}
.home_sub_nav a.btn_why span {float: left; padding-left: 160px; 
	background-image: url(../img/icon_question.png); background-position: 60px 0; background-repeat: no-repeat;}
.home_sub_nav a:hover span {color: #d99b58; background-position: 60px -76px;}

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

.home_text {position: relative; margin: 0 auto; width: 960px; padding: 50px 0 0 0;
	color: #555555; font-size: 26px; line-height: 42px;}
.home_text p {color: #555555; font-size: 26px; line-height: 42px; margin-bottom: 24px;}	

.home_text article {margin-bottom: 50px;}
.home_text .btn_view_our_process {display: inline-block; margin: 0 auto; text-align: center;
	background-color: #73c2c8; line-height: 64px; padding: 0 30px; white-space: nowrap;
	font-size: 22px; color: #fff; text-decoration: none;}

.home_text .btn_view_our_process:hover {background-color: #4e9da3;}
	
/*---------------------------------------------------*/

.btn {text-decoration: none;  display: inline-block; text-align: center; border-style: solid; border-width: 2px; box-sizing: border-box;}
input.btn {display: block; margin: 0; border: none; cursor: pointer;}

.btn.primary {background-color: #73c2c8; color: #ffffff; border-color: #73c2c8;}
.btn.primary:hover {background-color: #4e9da3;}
.btn.secondary {background-color: #da9b58; color: #ffffff; border-color: #da9b58;}
.btn.secondary:hover {background-color: #c88b4a;}

.btn.large {padding:0 60px; line-height: 62px; font-size: 22px;}
.btn.medium {padding:0 42px; line-height: 54px; font-size: 18px;}
.btn.small {padding:0 37px; line-height: 45px; font-size: 16px;}
.btn.tiny {padding:0 28px; line-height: 35px; font-size: 14px;}


.theme_form input[type=submit] {
	text-decoration: none;  display: inline-block; text-align: center; border-style: solid; border-width: 2px; box-sizing: border-box;
	background-color: #73c2c8; color: #ffffff; border-color: #73c2c8;
	padding:0 60px; line-height: 62px; font-size: 22px !important;
}

.theme_form input[type=submit]:hover {
	background-color: #4e9da3;
}


article ul, article ul ul {margin: 0 0 20px 0; padding: 0; list-style: none;}
article ul ul {padding: 10px 0 0 0; margin: 0;}
article ul li {margin: 0 0 5px 0; padding: 0 0 0 20px; background: url(../img/li.png) no-repeat 0px 4px; } 
article ul li li {margin: 0 0 5px 0px; padding: 0 0 0 20px; background: url(../img/li.png) no-repeat 0px 4px;} 

blockquote {padding: 10px 100px; color: #da9b58; font-size: 26px; line-height: 44px; margin: 0 0 40px 0;}
blockquote p {color: #da9b58; font-size: 26px; line-height: 44px; margin: 0;}

.wp-caption {max-width: 100%; }

.wp-caption img {border: 1px solid #73c2c8; padding: 8px;}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {font-style: italic; font-weight: bold; font-size: 16px; color: #4c4c4c; text-align: center;}

footer.entry-meta {color: #73c2c8; margin: 0 0 20px 0;}
footer.entry-meta a {color: #73c2c8; text-decoration: underline;}
footer.entry-meta a:hover {text-decoration: none;}

article table {border-collapse: collapse; margin-bottom:18px; border: 1px solid #73c2c8;}
article th {border: 1px solid #73c2c8; padding: 8px 14px; font-weight: bold;}
article td {border: 1px solid #73c2c8; padding: 8px 14px; }

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

#accordion {}
#accordion h3 {
	padding: 0; margin: 0 0 10px 0; z-index: 10; position: relative;
	border: solid 1px #73c2c8; cursor: pointer;
	-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
	background: #73c2c8; /* Old browsers */
	background: -moz-linear-gradient(top, #73c2c8 1%, #4e9da3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#73c2c8), color-stop(100%,#4e9da3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #73c2c8 1%,#4e9da3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #73c2c8 1%,#4e9da3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #73c2c8 1%,#4e9da3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #73c2c8 1%,#4e9da3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73c2c8', endColorstr='#4e9da3',GradientType=0 ); /* IE6-9 */
}

#accordion h3 {
	display: block; padding: 10px 20px; margin: 0 0 10px 0;
	color: #fff; font: normal 20px Arial, Helvetica, sans-serif;
}

#accordion h3:hover {
	background: #4e9da3;
}
#accordion h3.active {
	background: #4e9da3;
}
#accordion div {
	margin: 0 0 10px 0; padding: 20px; z-index: 5; position: relative;
	-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; border: 1px solid #4e9da3;
}

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

.widget-area aside {display: block; margin-bottom: 40px;}
.widget-area h3 {display: block; font-size: 32px; font-weight: normal; color: #4d4d4d; 
	padding: 0; margin: 0 0 6px 0;}

.widget-area ul {margin: 0; padding: 0; list-style-type: none; position: relative; overflow: hidden; height: 1%;}
.widget-area li {margin: 0; padding: 8px 0 8px 20px; background: url(../img/li.png) no-repeat 6px 18px;}
/*.widget-area li:first-child {background: none;}*/
.widget-area li a {color: #777777; font: normal 20px Arial, Helvetica, sans-serif; text-decoration: none; display: block;}
.widget-area li a:hover {text-decoration: underline;}
.widget-area li.current-menu-item a {color: #da9b58;}

.textwidget {line-height: 20px;}

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

.nav-previous,
.previous-image {
	float: left;
	width: 50%;
	font-weight: bold;
	font-size: 14px;
}
.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
	font-weight: bold;
	font-size: 14px;
}



/* Forms
---------------------------------------- */

article p.field {padding: 0 0 0 140px; position: relative;}
article p.field label {display: block; position: relative; width: 140px; margin: 0 0 0 -140px;
	font-size: 14px; font-weight:bold; margin-bottom: 4px; color: #999999; padding: 10px 0 0 0;}	
 
label {cursor: pointer;}


/* Form defaults */
.wpcf7-form p.field input, .wpcf7-form p.capcha input, .wpcf7-form p.field select { 
	display: block; position: relative; width:288px; height: 32px; line-height: 32px; margin: 0; padding: 0 10px;
	font-size: 14px; color: #666666; border: 3px solid #c2c6c9; outline:none; }

.wpcf7-form label {cursor: pointer;}

.wpcf7-form p.radio label {margin-right: 10px;}

.wpcf7-form p.field, .wpcf7-form p.submit-wrap {margin-bottom:10px; position:relative; overflow: hidden; height: 1%;}
	
.wpcf7-form p.field label, .wpcf7-form p.attach label, .wpcf7-form label.radio_header {
	display: block; font-size: 13px; font-weight:bold; margin-bottom: 4px; }	
	
.wpcf7-form sup {font-weight: bold; color: #ed1c24;}
	
.wpcf7-form p.field small {color:red;}

.wpcf7-form p.field textarea {
	display: block; position: relative; margin: 0; padding: 10px;
	font-size: 14px; color: #000; border: 3px solid #c2c6c9; outline:none;
	width:288px; max-width:288px; min-width:288px;
	height:130px; min-height:76px; overflow:auto;}

.wpcf7-form .wpcf7-captchac {
	float: left;
	margin-top: 2px;
	margin-right: 15px;
	}
	
.wpcf7-form p.field input.wpcf7-captchar {
	float: left;
	width: 200px;
	}		
	
.wpcf7-form .submit-wrap input {
	display: block; float: left; height: 38px; line-height: 38px; border: 1px solid #993300;
	margin: 0; padding: 0 24px; background: #a63f12 url(../img/btn_big.png) repeat-x top;
	color: #ffffff; font-size: 16px; text-decoration: none; white-space: nowrap;
	cursor: pointer;
	}	

.wpcf7-form p.checkbox input[type="checkbox"]{position: relative; top: 3px;}	
	
.wpcf7-form p.checkbox .wpcf7-checkbox{margin-bottom: 8px;}	
	
	
	span.wpcf7-form-control-wrap {
		display:block;
		}
.wpcf7-form .wpcf7-not-valid-tip {
		width: auto !important;
		position:absolute;
		left:5px !important;
		right:5px !important;
		top:5px !important;
		padding:3px 10px 3px 10px !important;
		background:#f3b7b7 !important;
		color:red !important;
		border:1px solid red !important;
		color: #fff !important;
		}
	
	div.wpcf7-response-output {
		margin-left:0 !important;
		margin-right:0 !important;
		}
		
/*-----------------------------*/

/*-----------------------------------------------------*/
/* Alert boxes
---------------------------------------- */
.alert-box, .wpcf7-response-output {
	padding:20px 20px 20px 90px !important;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:.91em;
	line-height:1.4em;
	border:1px solid #dbdbdb;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	}
	.error-box, .wpcf7-mail-sent-ng {
		border-color:#ff9999;
		color:#c31b00;
		background:url(../img/form/icon-error.png) no-repeat 20px 50% #ffcccc;
		}
	.attention-box, .wpcf7-validation-errors, .wpcf7-spam-blocked {
		border-color:#e6c555;
		color:#9e660d;
		background:url(../img/form/icon-note.png) no-repeat 20px 50% #fdebae;
		}
	.notice-box {
		border-color:#68a2cf;
		color:#2e6093;
		background:url(../img/form/icon-info.png) no-repeat 20px 50% #bfe4f9;
		}
	.approved-box, .wpcf7-mail-sent-ok {
		border-color:#a3c159;
		color:#5e6f33;
		background:url(../img/form/icon-download.png) no-repeat 20px 50% #ccff99;
		}


/*-------------- [Being Responsive] ---------------*/
/*-------------------------------------------------*/

.mobile {display: none;}
.desktop {display: block;}

.c_second {clear: both; display: none;}
.c_third {clear: both;}
.c_second.c_third {display: block;}

.mobile_menu {display: none;}
.icon_close {display: none;}

.mobile_phone {display: none;}


@media screen and (max-width:1260px) {
	.cont_in, 
	.content,
	.page-header h1 {width: auto !important;}
	#header .header_in {width: auto;}

	#header,
	.content,
	.page-header h1,
	#footer {padding-left: 10px; padding-right: 10px; box-sizing: border-box;}

	#slider .slider_text {width: auto; margin-left: 80px; margin-right: 80px;}
	#slider .nav_preview {left: 10px;} 
	#slider .nav_next {right: 10px;} 
		
}

@media screen and (max-width:980px) {
	.home_text {width: auto; padding-left: 10px; padding-right: 10px;}
	.home_text p {font-size: 17px; line-height: 25px;}
	blockquote {padding: 10px; font-size: 20px; line-height: 26px;}
	blockquote p {font-size: 20px; line-height: 26px;}
	
	.page-header h1 { font-size: 44px; line-height: 27px; padding-top: 100px;}
	
}

@media screen and (max-width:960px) {
	#header, #header .header_in {height: auto; }
	#header .header_in {padding: 4px 0 0 0;}
	
	a.logo {float: none; margin: 0 auto; width: 230px;}
	
	.nav_line {float: none; margin: 0; text-align: center;}
	.main_menu {float: none; height: auto; width: 100%; text-align: center;}
	.main_menu li {float: none; height: auto; display: inline-block; margin: 0 15px;}
	.main_menu li ul li {display: block;}
	
	.stop {display: none;}
	#footer {height: auto; margin: 0;}
	#footer .cont_in {padding: 22px 0;}
	#footer .container {float: none;}
	#footer .content {padding: 0;}
	#footer .left-side {margin-left: 0; width: 60%;}
	#footer .right-side {margin-left: 0; width: 40%;}
	
	#slider_box  {height: 480px;}
	#slider_box div.slide {height: 480px;}
	#slider .slider_text {padding-top: 190px; font-size: 17px; line-height: 33px; margin-bottom: 20px;}	
	#slider .nav_preview {margin-top: 30px;} 
	#slider .nav_next {margin-top: 30px;}
	#slider .btn_learn_more {line-height: 44px; width: 150px; font-size: 16px;} 
	

	.home_sub_nav a {padding: 4px 0;}
	.home_sub_nav a span {display: block; line-height: 45px; color: #ffffff; font-size: 20px; font-weight: bold; text-decoration: none; 
		padding: 0 20px;}
	
	.home_sub_nav a.btn_our_process span {float: right; padding-left: 95px; 
		background-image: url(../img/icon_gear.png); background-position: 20px 0; background-repeat: no-repeat; background-size: 45px 90px;}
	.home_sub_nav a.btn_why span {float: left; padding-left: 95px; 
		background-image: url(../img/icon_question.png); background-position: 20px 0; background-repeat: no-repeat; background-size: 45px 90px;}
	.home_sub_nav a:hover span {color: #d99b58; background-position: 20px -45px;}
	
}

@media screen and (max-width:767px) {
	.content .container {float: none; margin-bottom: 40px;}
	.content .container_in {padding: 0;}
	
	.left-sidebar {float: none; margin-left: 0; width: 100%;}
	.page-header h1 { font-size: 32px; line-height: 36px; padding: 50px 0; text-align: center;}
	
	h2 {color: #4d4d4d; font: bold 30px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0;}
	h3 {color: #4d4d4d; font: bold 24px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0;}
	h4 {color: #4d4d4d; font: bold 20px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0;}
	h5 {color: #4d4d4d; font: bold 18px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0;}
	h6 {color: #4d4d4d; font: bold 16px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0;}
	
}


@media screen and (max-width:720px) {
	#slider .slider_text {padding-top: 150px;}
	#slider .nav_preview {margin-top: -20px;} 
	#slider .nav_next {margin-top: -20px;}
}

@media screen and (max-width:660px) {
	.home_sub_nav a {float: none; width: auto;}
	.home_sub_nav a span {font-size: 16px;}
	.home_sub_nav a.btn_our_process span {float: none; padding-left: 95px; width: auto; 
		background-image: url(../img/icon_gear.png); background-position: 20px 0; background-repeat: no-repeat; background-size: 45px 90px;}
	
	.home_sub_nav a.btn_why span {float: none; padding-left: 95px; width: auto;
		background-image: url(../img/icon_question.png); background-position: 20px 0; background-repeat: no-repeat; background-size: 45px 90px;}
	
}

@media screen and (max-width:620px) {
	.home #header {position: relative;  background: none; background-color: #da9b58; top: auto;}
	
	.mobile_menu {display: block; position: absolute; top: 4px; right: 10px; width: 60px; height: 60px;
		background: url(../img/bg_mobile_menu.png) no-repeat center center; z-index: 20;}
	.mobile_menu.active {background: url(../img/icon_close.png) no-repeat center center;}
		
	.nav_line {display: none;}
	
	.nav_line.show {display: block; z-index: 30; height: auto;
		position: absolute; left: 0; right: 0; top: 68px;
		background-color: #c97b29; padding: 0;}
	
	.nav_line.show .main_menu {float: none; left: auto; width: 100%; height: auto;}		
	.nav_line.show .main_menu li {float: none; width: 100%; height: auto; text-align: left; margin: 0; border-bottom: 1px solid #da9b58;}		
	.nav_line.show .main_menu li a {float: none; padding: 15px; text-align: left; font-size: 20px; line-height: 22px; background: none;}	
	
	
	.nav_line.show .main_menu li.current-menu-item a, 
	.nav_line.show .main_menu li.current-menu-parent a, 
	.nav_line.show .main_menu li.current-page-ancestor a, 
	.nav_line.show .main_menu li.current_page_parent a, 
	.nav_line.show .main_menu li.current-menu-ancestor a {
		background-color: #73c2c8;
	}
	
	.nav_line.show .main_menu li:hover a {background-color: #4e9da3;}
	
	.nav_line.show .main_menu li ul {display: block; float: none; width: 100%; position: relative; top: auto; left: auto; 
		padding: 0; background: none;}
	.nav_line.show .main_menu li li {border: none;}	
	.nav_line.show .main_menu li li a {float: none; font-size: 16px; line-height: 20px; padding: 10px 25px; background: none !important;}
		
	.nav_line.show .main_menu li li.current-menu-item a, 
	.nav_line.show .main_menu li li.current-menu-parent a, 
	.nav_line.show .main_menu li li.current-page-ancestor a, 
	.nav_line.show .main_menu li li.current_page_parent a, 
	.nav_line.show .main_menu li li.current-menu-ancestor a {
		background-color: #73c2c8 !important;
	}
	.nav_line.show .main_menu li li:hover a {background-color: #4e9da3 !important;}
	
	
	#slider_box div.slide {height: 480px;}
	
	#slider_box  {height: auto; }
	#slider_box div.slide {height: auto; padding: 0;}
	#slider .slider_text {padding-top: 70px; padding-bottom: 70px; margin-left: 60px; margin-right: 60px;}
	#slider .nav_preview {margin-top: -20px; width: 40px; height: 40px; background-size: 100% 100%; } 
	#slider .nav_next {margin-top: -20px; width: 40px; height: 40px; background-size: 100% 100%;}
	
	#slider_nav {display: none;}
	
	.home_text {padding: 20px 10px;}
	.home_text article {margin-bottom: 20px;}
	
}

@media screen and (max-width:540px) {
	#footer .left-side {margin: 0; width: 100%; text-align: center; float: none;}
	#footer .copyright {text-align: center;}
	#footer .right-side {margin: 0; width: 100%; text-align: center; float: none;} 
	#footer nav {text-align: center;}
	
	
}


@media screen and (max-width:420px) {
	a.logo {float: left;}
}