body {font-family:Helvetica, verdana, arial,tahoma, sans-serif; font-size:14px; line-height: 15px; color:#3c4942; background:#C4CBD9; margin: 0; padding: 0; text-align: center;}
a {color:#3c4942;text-decoration:underline;}
a:hover {color: #3c4942;}
h1, h2, h3, h4, h5, h6 {font-family: Helvetica, Verdana, Arial, sans-serif; margin: 0; padding: 0; color: #3c4942; font-weight: normal;}
td {vertical-align: top;}


/* ---------- FORM ---------- */
form, fieldset, legend, label, input, select, textarea, button {font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 13px; color: #3c4942;}
.input_text {}
input, select, textarea {color: #3c4942;}


/* Layout css */
#wrapper {position: relative; margin: 0 auto; max-width: 989px; height: 744px; text-align: left;}
/*#wrapper.wrapper_mobile {min-height: 744px; height: auto; background: url(../images/left_col_bg.png) repeat-y 0 0;}*/
#header {height: 744px; width: 115px; float: left; background: #14364F; position: relative; z-index: 10;}
#header a img {margin: 17px 0 0 19px;}



/* menu */
#menu {background: #14364F; position: absolute; left: 0; top: 385px; width: 197px; border-top: solid 1px #E2E6EE;}
#menu li {border-bottom: solid 1px #E2E6EE; /*background: url(../images/menu_bg.png) no-repeat 0 0; */position: relative;}
#menu li a {text-indent: -10000em; display: block; text-align: center; height: 35px; line-height: 35px; color: #fff; font-size: 15px; background: url(../images/menu_bgs_new.png) no-repeat 0 0;  text-decoration:none; position: relative; z-index: 2;}
#menu li a#m2 {background-position: 0 -36px;}
#menu li a#m3 {background-position: 0 -72px;}
#menu li a#m4 {background-position: 0 -108px;}
#menu li a span {position: absolute; z-index: 1; width: 100%; height: 35px; background: url(../images/menu_bgs_new.png) no-repeat -253px 0; left: 0; top: 0; display: none; display: none;}
#menu li a#m2 span {background-position: -253px -36px;}
#menu li a#m3 span {background-position: -253px -72px;}
#menu li a#m4 span {background-position: -253px -108px;}

#menu li a.active span {display: block;}


#cont_img {float: right; width: 873px; height: 150px;}
/* content */
#content_wrapper {float: right; width: 873px; height: 594px; overflow-y: auto; -webkit-overflow-scrolling: touch; position: relative; background: #E2E6EE;}
/*#wrapper.wrapper_mobile #content_wrapper {min-height: 594px; overflow-y: visible; height: auto;}*/
.content {padding: 73px 90px 50px 160px; position: relative;}
.c_line {position: absolute; z-index: 2; height: 18px; width: 850px; background: url(../images/c_line_bg.png) repeat-x 0 0; left: 116px; top: 150px; }
.c_line_bottom {position: absolute; z-index: 2; height: 30px; width: 850px; background: url(../images/c_line_bottom_bg.png) repeat-x 0 0; left: 116px; bottom: 0;}
.c_line_contact {height: 18px;}

.content_home {}
.content_about {padding-top: 59px;}
.content_contact {padding-top: 34px; padding-bottom: 20px;}
/*#wrapper.wrapper_mobile .c_line, #wrapper.wrapper_mobile .c_line_bottom,  #wrapper.wrapper_mobile .c_line_contact {display: none;}*/
p.home_z {padding: 142px 0 0 360px;}

.content_top {padding: 18px 18px 0 0; position: relative; text-align: right;}
.content_top p.p_name {position: absolute; right: 229px; bottom: 0; text-align: left;}
.content_top_contact {text-align: left; padding: 18px 18px 0 160px;}
.content_top_contact #map {float: right; width: 416px; height: 265px;}

.offer_more {display: none; padding-top: 43px;}

/* footer */
#footer {clear: both; height: 20px;}
/*#wrapper.wrapper_mobile #footer {background: #C4CBD9;}*/
.footer_cont {position: absolute; left: -10000em;}




.webby {position: fixed; /*width: 148px;*/ width: 14px; height: 16px; left: 10px; bottom: 15px;}
.webbystatic {position: relative; float: left; left: 0; bottom: -2px;}
.web_mouse {position: absolute; width: 14px; height: 16px; background: url(../images/web_by.png) no-repeat 0 0; cursor: pointer; left: 0; top: 0;}
.web_mouse_over {display: none; position: absolute; width: 128px; height: 16px; background: url(../images/web_links.png) no-repeat 0 0; left: 20px; top: 0;}
.web_mouse_over a {display: block; position: absolute; width: 37px; height: 16px; left: 39px; top: 0; background: url(../images/web_links.png) no-repeat -100px -100px;}
.web_mouse_over a.mail_link {width: 33px; left: 95px; background: url(../images/web_links.png) no-repeat -100px -100px;}
.web_mouse_over a:hover {background-position: -39px -34px;}
.web_mouse_over a.mail_link:hover {background-position: -95px -34px;}
.web_mouse_over a span {display: none;}
* html .webby {position: relative; float: left; left: 0; top: -10px}

#mob-header {display: none;}

@media screen and (max-width: 1024px) {
	#wrapper {width: 100%; max-width: 100%;}
	#header {width: 11.63%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: solid 1px #E1E5EE;}
	#cont_img {width: 88.37%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
	#cont_img img {width: 100%; max-width: 1000em;}
	#content_wrapper {width: 88.37%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.c_line {width: 100%; left: 0;}
	.c_line_bottom  {width: 100%; left: 0;}
	#footer {display: none;}
	p.home_z {padding: 142px 0 0 50%;}
}

@media screen and (max-width: 1000px) {
	#cont_img img {width: auto; max-width: 1000em; height: 100%;}
}

@media screen and (max-width: 900px) {
	.to-hide {display: none;}
	.content_top_contact #map {float: none; width: 100%; margin-bottom: 20px;}
}

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

	body {background: #e2e6ee}
	
	#wrapper {height: auto;}
	
	#mob-header {display: block; width: 100%; height: 40px; background: #14364F; text-align: right; position: fixed; left: 0; top: 0; z-index: 10000;}
	#mob-header img {float: right; height: 20px; margin: 10px 10px 0 0;}
	
	#header {position: absolute; width: 10%; left: -10%; height: auto;}
	#header > a {display: none;}
	#menu li a {background: none; text-indent: 0;}
	#menu li a.active {background: #629AC3;}
	#menu li a span {display: none!important;}
	
	.c_line {display: none;}
	.c_line_bottom  {display: none;}
	
	#cont_img {height: auto;  padding-top: 40px;  width: 100%;}
	#cont_img img {width: 100%; height: auto; max-width: 1000em;}
	#content_wrapper { float: none; height: auto; width: 100%;}
	
	
	#menu-toggle {display: block; position: fixed; z-index: 20000; left: 0; top: 0; height: 40px; width: 60px;}
	#menu-toggle span {position: absolute; width: 30px; height: 3px; left: 15px; top: 10px; background: #fff; transition: all 0.3s;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;}
	#menu-toggle:hover span {background: #fff;}
	#menu-toggle span.line-2 {top: 18px;}
	#menu-toggle span.line-3 {top: 26px;}
	
	#menu-toggle.active span {background: #fff;}
	#menu-toggle.active .line-1 {
	  -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
	  -moz-transform: translateY(8px) translateX(0) rotate(45deg);
	  -ms-transform: translateY(8px) translateX(0) rotate(45deg);
	  -o-transform: translateY(8px) translateX(0) rotate(45deg);
	  transform: translateY(8px) translateX(0) rotate(45deg);
	}
	#menu-toggle.active .line-2 {opacity: 0;}
	#menu-toggle.active .line-3 {
	  -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
	  -moz-transform: translateY(-8px) translateX(0) rotate(-45deg);
	  -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
	  -o-transform: translateY(-8px) translateX(0) rotate(-45deg);
	  transform: translateY(-8px) translateX(0) rotate(-45deg);
	}
	
	#header #menu {
		position: fixed; z-index: 9000; width: 100%; left: 0; top: 40px;  /*overflow: hidden;*/ 
		-webkit-transition: all .6s cubic-bezier(0.260, 0.860, 0.440, 0.985); 
		-moz-transition: all .6s cubic-bezier(0.260, 0.860, 0.440, 0.985); 
		-ms-transition: all .6s cubic-bezier(0.260, 0.860, 0.440, 0.985); 
		-o-transition: all .6s cubic-bezier(0.260, 0.860, 0.440, 0.985); 
		transition: all .6s cubic-bezier(0.260, 0.860, 0.440, 0.985); 
		display: none;
		overflow: auto; -webkit-overflow-scrolling: touch;
	}
	
	
	
	.csstransforms #header #menu {
		display: block!important;
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	
	#header #menu.opened {display: block;}
	.csstransforms #header #menu.opened {
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%);
	}
	
	.bad-android #header #menu {overflow: hidden!important; height: 0;}
	.bad-android #header #menu.opened {height: auto;}
	
	
	
	.content {padding: 20px 15px 50px;}
	.content_top_contact {padding: 15px 15px 20px;}
	.content_home { height: auto; overflow: hidden;}

	p.home_z {padding: 50px 0 0 0; float: right;}
	
	.content_top {padding-right: 15px;}
	.content_top p.p_name {right: 150px;}
	.content_top img {width: 130px;}

}