@import url(../warp/css/layout.css);
/*Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL


Fixed Layout
----------------------------------------------------------------------------------------------------*/
#fixed-page
{
	/*+box-sizing:border-box;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	/*+box-shadow:0px 0px 5px #141414;*/
	-moz-box-shadow: 0px 0px 5px #141414;
	-webkit-box-shadow: 0px 0px 5px #141414;
	-o-box-shadow: 0px 0px 5px #141414;
	box-shadow: 0px 0px 5px #141414;
}
/*Base Layout
----------------------------------------------------------------------------------------------------*/
#top-a_wrapper, #top-b_wrapper, #innerbottom_wrapper, #innertop_wrapper, #main_wrapper, #bottom-a_wrapper
{
	background-color: #000;
}
#breadcrumbs
{
	margin: 15px;
	padding-left: 10px;
	padding-right: 10px;
}
#main_wrapper
{
	min-height:400px;
}
#content
{
	padding-left:5px;
/*	margin: 15px;*/
	margin-left: 25%;
	width: 500px;
}
.main-shadow-top
{
	background: url(../images/notice-shadow.png) no-repeat center bottom;
/*	padding: 0 0 10px;
	margin-top: -1px;*/
}
.main-shadow-bottom
{
	background: url(../images/notice-shadow.png) no-repeat center bottom;
	padding: 10px 0 0;
	margin-top: -1px;
}
@media screen and (min-width: 980px) {
  .wrapper-mobile {
    visibility: hidden;
    display: none;
  }
}
#sidebar-a, #sidebar-b
{
	padding-top: 10px;
}
#footer .module
{
	margin: 0;
}
#bottom-b .module-title, #innerbottom .module-title
{
	margin-bottom: 20px;
}
/*Toolbar*/
#toolbar_wrapper
{
	background: url(../images/style/top_back.png) repeat;
	font-size: 11px;
	color: #666666;
}
#toolbar
{
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}
#toolbar A
{
	color: #AFAFAF;
}
#toolbar A:hover
{
	color: #FFFFFF;
}
/*Header and Headerbar*/
#header_wrapper
{
	background:  #070c07  repeat;
	/*padding: 5px 0;*/
}
#headerbar .module
{
	max-width: none;
	padding-right: 35px;
}
#headerbar .headerbar H1, #headerbar .headerbar H2, #headerbar .headerbar H3, #headerbar .headerbar H4, #headerbar .headerbar H5, #headerbar .headerbar H6, #headerbar .headerbar
{
	color: #FFFFFF;
}

#jxtc-lp{
  position: absolute;
  top: 0px;
  left: -5500px;
  }
/*Main menu and Menubar*/
#menubar_wrapper
{
	background: url(../images/style/menu_back.png) repeat-x;
/*	border-bottom: 2px solid #AC0000;
	border-top: 2px solid #AC0000;*/
}
/*Sidebars*/
#sidebar-a UL.line > LI, #sidebar-b UL.line > LI
{
	padding-left: 25px;
	background: url(../images/line_arrow.png) no-repeat 3px 9px;
}
#sidebar-a UL.line > LI:hover, #sidebar-b UL.line > LI:hover
{
	background-image: url(../images/line_arrow_hover.png);
}
#sidebar-a UL.line > LI:first-child, #sidebar-b UL.line > LI:first-child
{
	border: none;
	/*+box-shadow:none;*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	background-position: 3px 4px;
}
#sidebar-a UL.line > LI A, #sidebar-b UL.line > LI A
{
	color: #666666;
}
#sidebar-a UL.line > LI A:hover, #sidebar-b UL.line > LI A:hover
{
	color: #B20000;
}
/*Botom B*/
#bottom-b_wrapper
{
	background: url(../images/style/bottomb_back.png) repeat;
	color: #666666;
}
#bottom-b .module-title
{
	color: #AFAFAF;
}
#bottom-b UL.line > LI
{
	border-top: 1px solid #141414;
	/*+box-shadow:inset 0px 1px #2C2C2C;*/
	-moz-box-shadow: inset 0px 1px #2C2C2C;
	-webkit-box-shadow: inset 0px 1px #2C2C2C;
	-o-box-shadow: inset 0px 1px #2C2C2C;
	box-shadow: inset 0px 1px #2C2C2C;
	padding-left: 25px;
	background: url(../images/bottom_line.png) no-repeat 5px 9px;
}
#bottom-b UL.line > LI:hover
{
	background-image: url(../images/bottom_line_hover.png);
}
#bottom-b UL.line > LI:first-child
{
	border: none;
	/*+box-shadow:none;*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	background-position: 5px 4px;
}
#bottom-b UL.line > LI A
{
	color: #666666;
}
#bottom-b UL.line > LI A:hover
{
	color: #FFFFFF;
}
/*Footer*/
#footer_wrapper
{
	/*background: url(../images/style/footer_back.png) repeat;*/
	background-color:#000;
	font-size: 14px;
	color: #fff;
}
#footer
{
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#footer A
{
	color: #FFFFFF;
	font-size:14px;
}
#footer A:hover
{
	color: #FFFFFF;
}
#totop-scroller
{
	display: block;
	position: absolute;
	bottom: 5px;
	right: 50%;
	z-index: 1;
	width: 20px;
	height: 20px;
	background: url(../images/totop_scroller.png) no-repeat 50% 50%;
	text-decoration: none;
}

@media screen and (max-width: 979px) {
  .desctop {
    visibility: hidden;
    display: none;
  }
  .main_page_content {
    visibility: hidden;
    display: none;
  }
}
/*mobile*/
.mobile-var {
	background: #000;
}
.header-mobile {
	background: url(../images/header-mobile.jpg) 0 0 no-repeat;
	height: 130px;
}

.wrapper-mobile {
	max-width: 480px;
	min-width: 480px;
	margin-left: auto;
	margin-right: auto;
	
}
.body-mobile__text1, .body-mobile__text2 {
	color: #f1ca01;
	position: relative;
}
.body-mobile {
	/*padding-bottom: 138px;*/
}
.body-mobile__toArticle {
	display: block;
	width: 48px;
	height: 48px;
	background: url(../images/vopros.png) 0 0 no-repeat;
	position: absolute;
	left: 52%;
	top: -11px;
}
.body-mobile__text1, .body-mobile__text2 {
	position: absolute;
}
.body-mobile__text1 {
	background: url(../images/green-help-left.png) 2px 28px no-repeat;
	width: 121px;
	height: 176px;
	left: 94px;
	font-size: 22px;
	top: -3px;
}
.body-mobile__text2 {
	background: url(../images/green-help-right.png) 2px 28px no-repeat;
	width: 100px;
	height: 101px;
	top: 69px;
	left: 56.2%;
	font-size: 22px;
}
.body-mobile__text1 a, .body-mobile__text2 a {
    color: #d7c74f;/*#fff;*/
}
.body-nobile__kub1 {
	background: url(../images/kub-1.png) 0 0 no-repeat;
	width: 132px;
	height: 138px;
	display: block;
	position: absolute;
	left: 77px;
	top: 154px;
	
}
.body-nobile__kub2 {
	background: url(../images/kub-2.png) 0 0 no-repeat;
	width: 132px;
	height: 134px;	
	display: block;
	position: absolute;
	left: 56.5%;
	top: 154px;
	
}
.body-mobile__top {
	background: url(../images/brush.png) 100% 95% no-repeat;
	position: relative;
	height: 320px;
}

.mobile-gallery {
	width: 225px;
	margin-left: auto;
	margin-right: auto;
	padding: 14px;
	border: 2px solid green;
	text-align: center;
	box-sizing: border-box;
	height: 183px;
	position: relative;

}
.mobile-gallery a {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    left: 0;
	top: 0;
}
.mobile-gallery span {
	color: #d7c74f;/*#f1ca01;*/
	display: block;
	font-size: 25px;
	
}
.footer-mobile__left {
	color: #fff;
	font-size: 20px;
}
.footer-mobile__left  p {
	margin: 0;
	font-size: 18px;
}
.footer-mobile__right {
	padding-left: 10px;
}
.footer-mobile__right a {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
	
}
.footer-mobile {
	display: flex;
	justify-content: space-between;
	position: fixed;
	width: 100%;
	bottom: 0;
	padding: 20px 26px;
	max-width: 480px;
	-ms-align-items: center;
	align-items: center;
	background: #000;
	z-index: 10;
}
.footer-mobile__right .tell {
	background: url(../images/tell-icon-mob.png) 0 0 no-repeat;
	width: 78px;
	height: 68px;
}
.footer-mobile__right .mail {
	background: url(../images/mail-icon-mob.png) 0 0 no-repeat;
	width: 87px;
	height: 40px;
}
.body-mobile__bottom {
	text-align: center;
}