/* ----------------------------------------------------------------------------------------------------------
SECTION: reset
---------------------------------------------------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height: 1;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	color: #666;
	background-color: #333;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: common styles
---------------------------------------------------------------------------------------------------------- */
sup {
	vertical-align: top!important;
	font-size: 0.8em;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: fonts
---------------------------------------------------------------------------------------------------------- */
@font-face {
	font-family: Eurofurence;
	src: url('../fonts/eurof55.eot?') format('eot'),
         url('../fonts/eurof55.ttf') format('truetype'), /* Путь к файлу со шрифтом */
         url('../fonts/eurof55.woff') format("woff"); /* for IE9 */
}


/* ----------------------------------------------------------------------------------------------------------
SECTION: wrappers
---------------------------------------------------------------------------------------------------------- */
#wrapper-main {
	min-width: 100%;
	margin: 0;
	float: left;
	background: #fff url(../images/wrapper-main-bg.gif) repeat-x;
}
#wrapper {
	min-width: 100%;
	margin: 0;
	float: left;
	background-color: #fff;
	padding-bottom: 45px;
}
.wrapper {
	width: 1000px;
	margin: 0 auto;
}
#wrapper-footer {
	min-width: 100%;
	float:left;
	background: #333 url(../images/footer-bg.png) left top repeat-x;
}
@media (max-device-width : 1024px) {
	#wrapper-footer {
		background: none;
	}
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: above-header
---------------------------------------------------------------------------------------------------------- */
#above-header {
	height: 78px;
	width: 100%;
    float: left;
}
#above-header-contacts {
	line-height: 38px;
    float: right;
	color: #999;
	margin-right: 10px;
  	padding-top: 35px;
}


/* ----------------------------------------------------------------------------------------------------------
SECTION: header
---------------------------------------------------------------------------------------------------------- */
#header-main {
	height: 612px;
	/*background: url(../images/header-main-bg.jpg) no-repeat;*/
	width: 100%;
    float: left;
	position: relative;
}
#header-left-col {
	width: 185px;
	margin: 0 10px;
    float: left;
	position: relative;
	z-index: 30;
}
a#header-logo {
	width: 100px;
	height: 127px;
	background: url(../images/header-logo.png) no-repeat;
	display: block;
	margin: -18px auto 20px;
}
p.header-phone {
	text-align: center;
	font-size: 23px;
	color: #007c83;
	font-weight: bold;
}
span.header-phone-code {
	font-size: 16px;
}
.header-slogan__top {
  position: absolute;
  top: -130px;
}
.header-slogan__top marquee {
  font-size: 26px;
  text-transform: uppercase;
  color: #fff;
}

#header-slogan {
	float: right;
	font-size: 50px;
	color: #fff;
	text-align: right;
	margin: 120px 30px 0 0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
	font-family: Eurofurence;
	font-weight: bold;
	position: relative;
	z-index: 30;
}
#header-slogan .font-size-60 {
	font-size: 60px;
	font-weight: normal;
}
#header {
	height: 146px;
	margin-bottom: 30px;
	/*background: url(../images/header-bg-01.jpg) no-repeat top right;*/
	width: 100%;
    float: left;
	position: relative;
}
.wrapper-orange #header { background: url(../images/header-bg-01.jpg) no-repeat top right; }
.wrapper-green #header { background: url(../images/header-bg-02.jpg) no-repeat top right; }
.wrapper-blue #header { background: url(../images/header-bg-03.jpg) no-repeat top right; }
.wr-about #header { background: url(../images/header-bg-04.jpg) no-repeat top right; }
.wr-news #header { background: url(../images/header-bg-05.jpg) no-repeat top right; }
.wr-contact #header { background: url(../images/header-bg-06.jpg) no-repeat top right; }
.wr-spec #header { background: url(../images/header-bg-07.jpg) no-repeat top right; }

/* ----------------------------------------------------------------------------------------------------------
SECTION: slideshow
---------------------------------------------------------------------------------------------------------- */
#slideshow {
	position: absolute;
	height: 500px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slideshow img.active {
    z-index:10;
}
#slideshow img.last-active {
    z-index:9;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: mainmenu
---------------------------------------------------------------------------------------------------------- */
#mainmenu {
	min-width: 100%;
	float: left;
}
.mainmenu-main {
	margin-top: 15px;
}
.mainmenu-others {
	margin-top: 15px;
	margin-bottom: 10px;
}
#mainmenu ul {
	float: left;
}
#mainmenu ul li {
	float: left;
	display: block;
	font-size: 16px;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
	background: url(../images/mainmenu-bg.png) no-repeat top center;
	font-family: Eurofurence;
}
#mainmenu ul li.item-103{
	background: none;
}
#mainmenu ul li a{
	color: #666;
	text-decoration: none;
	line-height: 25px;
	height: 25px;
	display: block;
	position: relative;
}
#mainmenu ul li a:hover {
	color: #007c83;
	font-weight: bold;
}
#mainmenu ul li.active a {
	color: #333;
	font-weight: bold;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: top-menu
---------------------------------------------------------------------------------------------------------- */
#top-menu {
	height: 44px;
	width: 680px;
	background: url(../images/top-menu-bg.png) no-repeat;
    float: right;
	position: relative;
	z-index: 40;
}
#top-menu ul  {
	float: left;
	margin-left: 20px;
}
#top-menu ul li {
	float: left;
	display: block;
	font-size: 15px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	font-family: Eurofurence;
}
#top-menu ul li ul{
	float: left;
	display: none;
	margin: 0;
	font-size: 15px;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	left: -20px;
	width: 160px;
}
#top-menu ul li:hover {
	background: url(../images/top-menu-bg-hover.png) repeat-x;
}
#top-menu ul li:hover ul{
	float: left;
	display: block;
	font-size: 15px;
	text-align: center;
	text-transform: uppercase;
}
#top-menu ul li a{
	color: #fff;
	text-shadow: 0px -1px 0px #999;
	text-decoration: none;
	line-height: 44px;
	display: block;
	width: 160px;
}
#top-menu ul li span {
	color: #fff;
	text-shadow: 0px -1px 0px #999;
	text-decoration: none;
	line-height: 44px;
	display: block;
	width: 160px;
	cursor: default;
}
#top-menu ul li ul li,
#top-menu ul li ul li:hover
{
	background: url(../images/top-menu-dropdown-bg.png) repeat-x;
}
#top-menu ul li ul li a {
	line-height: 27px;
	font-size: 14px;
	color: #666;
	text-shadow: none;
	background: url(../images/top-menu-dropdown-separator.png) no-repeat;
}
#top-menu ul li ul li a:hover {
	color: #333;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: big-menu
---------------------------------------------------------------------------------------------------------- */
#big-menu {
	background: url(../images/big-menu-bg.png) no-repeat;
	height: 271px;
    position: absolute;
	top: 341px;
	padding: 0 27px;
	z-index: 30;
}
#big-menu a {
	margin-top: 30px;
	float: left;
	width: 207px;
	height: 241px;
	position: relative;
}

#big-menu a#big-menu-01:hover { background: url(../images/big-menu-01-bg-hover.png) no-repeat bottom; }
#big-menu a#big-menu-02:hover { background: url(../images/big-menu-02-bg-hover.png) no-repeat bottom; }
#big-menu a#big-menu-03:hover { background: url(../images/big-menu-03-bg-hover.png) no-repeat bottom; }
#big-menu a#big-menu-04:hover { background: url(../images/big-menu-04-bg-hover.png) no-repeat bottom; }


/* ----------------------------------------------------------------------------------------------------------
SECTION: breadcrumbs
---------------------------------------------------------------------------------------------------------- */
#breadcrumbs {
	height: 19px;
    position: absolute;
	top: 127px;
	width: 1000px;
}
#breadcrumbs p {
	float: left;
	margin-left: 240px;
	color: #fff;
	font-size: 10px;
	line-height: 19px;
	position: absolute;
}
#breadcrumbs .moduletable {
	background: url(../images/breadcrumbs-bg.gif) no-repeat;
	height: 19px;
	float: right;
	padding-left: 18px;
	position: relative;
	z-index: 89;
}
#breadcrumbs .moduletable ul {
	float: left;
	background-color: #fff;
	padding-left: 20px;
	padding-right: 10px;
}
#breadcrumbs .moduletable ul li {
	float: left;
	display: block;
}
#breadcrumbs .moduletable ul li span {
	line-height: 19px;
}
#breadcrumbs .moduletable ul li span.divider {
	margin: 0 4px 0 2px;
}
#breadcrumbs .moduletable ul li a {
	line-height: 19px;
}
.wrapper-orange #breadcrumbs .moduletable ul li span,
.wrapper-orange #breadcrumbs .moduletable ul li a {
	color: #ff9900;
}
.wrapper-green #breadcrumbs .moduletable ul li span,
.wrapper-green #breadcrumbs .moduletable ul li a {
	color: #a4cf39;
}
.wrapper-grey #breadcrumbs .moduletable ul li span,
.wrapper-grey #breadcrumbs .moduletable ul li a {
	color: #abacae;
}
.wrapper-blue #breadcrumbs .moduletable ul li span,
.wrapper-blue #breadcrumbs .moduletable ul li a {
	color: #007c83;
}
#breadcrumbs .moduletable ul li a:hover {
	text-decoration: none;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: page
---------------------------------------------------------------------------------------------------------- */
#page {
    float: left;
	width: 100%;
}
.page-main {
	margin-top: 35px;
}
#sidebar {
	width: 185px;
	margin: 0 10px;
    float: left;
}
#content {
	width: 775px;
	margin: 0 10px;
    float: right;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: sidebar
---------------------------------------------------------------------------------------------------------- */
#sidebar .moduletable {
	margin-bottom: 20px;
}
#sidebar .moduletable.calculator{
	margin-bottom: 30px;
}
#sidebar .moduletable h3 a,
#sidebar .moduletable h3 {
	text-align: center;
	color: #007c83;
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 20px;
	text-decoration: none;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: sidebar newsflash
---------------------------------------------------------------------------------------------------------- */
#sidebar .moduletable li.newsflash-item {
	line-height: 1.2;
	display: block;
}
#sidebar .moduletable h4.newsflash-title{
	margin-bottom: 3px;
}
#sidebar .moduletable h4.newsflash-title a{
	color: #007c83;
	text-decoration: none;
}
#sidebar .moduletable h4.newsflash-title a:hover{
	text-decoration: underline;
}
/*#sidebar .moduletable .newsflash-item p{
	margin-bottom: 5px;
}*/
#sidebar .moduletable .newsflash-item span.article-separator{
	border-bottom: 1px solid #ccc;
	display: block;
	width: 100%;
	height: 10px;
	margin-bottom: 10px;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: sidebar sidebar-menu
---------------------------------------------------------------------------------------------------------- */
.sidebar-menu {
	width: 100%;
	float: left;
}
.sidebar-menu ul {
	float: left;
}
.sidebar-menu ul li {
	float: left;
	display: block;
	font-size: 16px;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
	font-family: Eurofurence;
}
.sidebar-menu ul li ul li ul {
	padding-bottom: 10px;
	background: url(../images/mainmenu-bg.png) no-repeat bottom center;
}
.sidebar-menu ul li ul li ul li ul {
	padding-bottom: 0px;
	background: none;
}
.sidebar-menu ul li a{
	color: #fff;
	text-shadow: 0px -1px 0px #999;
	text-decoration: none;
	line-height: 33px;
	display: block;
}
.sidebar-menu ul li span{
	color: #fff;
	text-shadow: 0px -1px 0px #999;
	text-decoration: none;
	line-height: 33px;
	display: block;
	cursor: pointer;
}

.sidebar-menu ul li.item-106 { background: url(../images/sidebar-menu-bg1.png) no-repeat; }
.sidebar-menu ul li.item-107 { background: url(../images/sidebar-menu-bg2.png) no-repeat; }
.sidebar-menu ul li.item-108 { background: url(../images/sidebar-menu-bg3.png) no-repeat; }
.sidebar-menu ul li.item-109 { background: url(../images/sidebar-menu-bg4.png) no-repeat; }

.sidebar-menu ul li.item-106 a:hover,
.sidebar-menu ul li.item-107 a:hover,
.sidebar-menu ul li.item-108 a:hover,
.sidebar-menu ul li.item-109 a:hover
{ background: url(../images/sidebar-menu-bg-hover.png) no-repeat center; }


.sidebar-menu ul li.item-106 ul li a,
.sidebar-menu ul li.item-107 ul li a,
.sidebar-menu ul li.item-108 ul li a,
.sidebar-menu ul li.item-109 ul li a
{
	background: none;
}

.sidebar-menu ul li ul li.current a{
	color: #333;
    font-weight: bold;
}
.sidebar-menu ul li ul li.current ul li a{
    font-weight: normal;
}
.sidebar-menu ul li ul li a:hover{
	color: #007C83;
    font-weight: bold;
}
.sidebar-menu ul li ul li a{
	width: 170px;
	text-align: left;
	padding-left: 15px;
	color: #666;
	text-shadow: none;
	line-height: 25px;
	margin-top: 5px;
}
.sidebar-menu ul li ul li span{
	width: 170px;
	text-align: left;
	padding-left: 15px;
	color: #666;
	text-shadow: none;
	line-height: 25px;
	margin-top: 5px;
}
.sidebar-menu ul li ul li.item-110,
.sidebar-menu ul li ul li.item-113 {
	background: url("../images/mainmenu-bg.png") no-repeat scroll center bottom;
}
.sidebar-menu ul li ul li.item-113 a {

}
.sidebar-menu ul li ul li.item-110 a,
.sidebar-menu ul li ul li.item-113 a,
.sidebar-menu ul li ul li.item-114 a {
	/*text-align: center;*/
	padding-left: 0;
	padding-left: 15px;
	width: 185px;
	width: 150px;
	margin-bottom: 5px;
}
.sidebar-menu ul li ul li.item-110 ul {
	padding-left: 20px;
}
.sidebar-menu ul li ul li ul li a {
	padding-left: 35px;
	width: 150px;
	font-family: Arial;
	font-size: 12px;
	text-transform: none;
	line-height: 20px;
	color: #666;
	text-shadow: none;
	margin-top: 0;
}
.sidebar-menu ul li ul li ul li a:hover {
	background-color: #e8e8e8 !important;
	font-weight: normal;
	color: #333;
}
.sidebar-menu ul li ul li ul li.current a {
	background-color: #e8e8e8 !important;
	font-weight: bold;
	color: #333;
}
.sidebar-menu ul li ul li ul li ul li a {
	padding-left: 60px;
	width: 125px;
	font-family: Arial;
	font-size: 12px;
	line-height: 20px;
}
.sidebar-menu ul li ul li
 {
	display: none;
}
.sidebar-menu ul li.active ul li {
	display: block;
}


/* ----------------------------------------------------------------------------------------------------------
SECTION: footer
---------------------------------------------------------------------------------------------------------- */
#footer-top {
	margin-top: 2px;
	height: 177px;
	width: 100%;
    float: left;
}
.footer-col {
	width: 20%;
	float: left;
	padding: 25px 0 0 0;
	color: #8a8a8a;
}
#footer-col-1 p {
	float: left;
	margin: 25px 0 0 25px;
}
#footer-phone img{
	/*margin-top: 15px;*/
}
#footer-col-1 img {
	float: left;
}
#footer-col-1 span {
	float: left;
	margin: 4px 0 0 10px;
}
#footer-col-1 span.footer-phone-big {
	float: none;
	margin: 0;
	font-size: 16px;
}

#footer-bottom {
	height: 73px;
	width: 100%;
    float: left;
	background-color: #007a83;
}
a#footer-logo {
	float: left;
	height: 73px;
	width: 150px;
	background: url(../images/footer-logo.png);
	margin: 0 5px;
}
p#footer-copyright {
	color: #85b2b5;
	font-size: 13px;
	float: left;
	margin-top: 18px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}
#footer-counters {
	float: right;
	margin: 23px 20px 0 0;
}
#footer-dxlab {
	float: right;
	margin: 24px 7px 0 0;
}
#footer-dxlab a {
	color: #85b2b5;
	font-size: 13px;
	float: right;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	text-decoration: none;
	text-align: right;
}
#footer-dxlab a:hover {
	text-decoration: underline;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: footer-menu
---------------------------------------------------------------------------------------------------------- */
div.footer-col-4 {
	padding-right: 5%;
	width: 15%;
}
div.footer-menu {
    float: left;
	margin: 0 10px;
}
div.footer-menu h3 {
    color: #669999;
	font-size: 14px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #5c5c5c;
	line-height: 1.2;
	font-weight: bold;
}
div.footer-menu h3 a {
    color: #669999;
	text-decoration: none;
}
div.footer-menu h3 a:hover {
	text-decoration: underline;
}
div.footer-menu ul li {
	display: block;
	margin-top: 10px;
	float: left;
	width: 100%;
}
div.footer-menu ul li a {
	color: #8a8a8a;
	text-decoration: none;
}
div.footer-menu ul li a:hover {
	text-decoration: underline;
}
div.footer-menu ul li p{
	margin-bottom: 10px;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: footer-menu-2
---------------------------------------------------------------------------------------------------------- */
div.footer-menu ul.footer-menu-2 li {
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #5c5c5c;
}
div.footer-menu ul.footer-menu-2 li a {
    color: #669999;
	font-size: 14px;
	line-height: 1.2;
	font-weight: bold;
}
div.footer-menu ul.footer-menu-2 li.item-149 {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: content
---------------------------------------------------------------------------------------------------------- */
#content {
	/* line-height: 1.5; */
    line-height: 1.35;
}

#content ul {
    list-style-type: none;
    margin-left: 20px;
	list-style-image: url(../images/bullit.gif);
}
#content ul li {
    margin-bottom: 3px;
}
#content p {
    margin-bottom: 12px;
}
#content p.color {
	color: #007c83;
}
#content span.color {
	color: #007c83;
}
#content h1 {
	font-size: 28px;
	color: #007c83;
	font-weight: normal;
	margin-bottom: 24px;
	line-height: 1;
}
#content h2 {
	font-size: 28px;
	color: #007c83;
	font-weight: normal;
	margin-bottom: 12px;
	line-height: 1;
}
#content h3 {
	color: #007c83;
}
#content a {
	color: #007c83;
}
.vrezka {
	float:right;
	margin:5px 0 10px 20px;
	width:190px;
}
.vrezka img{
	float:right;
	margin:0 0 10px 0;
}
.dosttbl {
	margin:0 0 12px 0;
}

.dosttbl th{
	text-align:center;
	border:1px solid #cccccc;
	font-size:11px;
	font-weight:normal;
	padding:4px;
	vertical-align:middle;
}
.dosttbl td{
	text-align:center;
	border:1px solid #cccccc;
	font-size:14px;
	padding:10px;
}
.dosttbl th.dosttbl-left, .dosttbl td.dosttbl-left {
	border-left:1px solid #ffffff;
}
.dosttbl th.dosttbl-right, .dosttbl td.dosttbl-right {
	border-right:1px solid #ffffff;
}
.imgthumb {
	float:left;
	margin:7px;
}
/* ----------------------------------------------------------------------------------------------------------
SECTION: pages mainpage
---------------------------------------------------------------------------------------------------------- */
.cols {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.col {
	float: left;
}
.width-372 { width: 372px; }
.width-556 { width: 556px; }
.width-208 { width: 208px; }
.margin-right-11 { margin-right: 11px; }
.margin-right-31 { margin-right: 31px; }
.text-justify { text-align: justify; }
.mainpage-banner {
	margin-bottom: 20px;
}
.border-block {
	border: 1px solid #ccc;
}
.mainpage-border-block {
	padding: 15px;
}
p.details {
	text-align: right;
	font-size: 10px;
	font-style: italic;
	margin-top: 5px;
}
p.details a { color: #007c83 }
p.details a:hover { text-decoration: none; }
.mainpage-block-building {
	margin-top: 20px;
}
.mainpage-block-building-img-a {
	float: left;
	margin-right: 20px;
}
.mainpage-block-building h2 {
	margin-left: -40px;
	float: left;
	width: 250px;
	z-index: 20;
	position: relative;
}
.mainpage-block-building h2 a {
	text-decoration: none;
}
.mainpage-banner-about {
	float: left;
	margin: 0 25px 25px 0;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: jshop product in product_list
---------------------------------------------------------------------------------------------------------- */
.block_product .product {
	margin: 5px;
	background: #fff url(../images/js-block-product-bg.png) repeat-x bottom;
	min-height: 390px;
}
#content .jshop h2.product_title {
    margin: 10px 0 0;
}
#content .jshop h2.product_title a {
    color: #007C83;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 12px;
	text-align: center;
	text-decoration: none;
}
#content .jshop h2.product_title a:hover {
	text-decoration: underline;
}
.list_product .product .extra_fields {
    margin: 0 15px;
    text-align: left;
}
.list_product .product .extra_fields_prices {
    margin: 15px 15px 0;
}
.extra_fields_prices_prices_variant {
	color: #007c83;
	text-align: right;
	/*padding-right: 10px;*/
}
.extra_fields_prices_variant_name {
	text-align: right;
	position: relative;
}
.extra_fields_prices_variant_value {
	font-size: 18px;
	line-height: 1;
	display: inline-block;
	min-width: 40px;
}
.extra_fields_prices_color {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #ccc;
	margin-left: 5px;
}
.grey { background-color: #a9a8a8; }
.red { background-color: #cb4f69; }
.other { background-color: #fff; }
.yellow { background-color: #f8d044; }
.green { background-color: #4ebb65; }
.brown { background-color: #704c49; }
.black { background-color: #363636; }
.color-bar {
	display: none;
	position: absolute;
	background-color: #fff;
	border: 1px solid #ccc;
	width: 96px;
	padding: 0 1px;
	top: 17px;
	right: -10px;
}
span.jq-color-popup:hover {
	cursor: default;
}
span.jq-color-popup:hover .color-bar {
	display: block;
}
.color-bar .extra_fields_prices_color {
	float: left;
	margin: 3px;
}
.jq-color-popup {
	/* text-decoration: underline; */
	border-bottom: 1px dotted #007c83;
}
.jshop_list_product a.button_detail {
	color: #007c83;
	font-size: 10px;
	font-style: italic;
}
.jshop_list_product a.button_detail:hover {
	text-decoration: none;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION pagination
---------------------------------------------------------------------------------------------------------- */
#content .pagination {
	margin: 10px 0;
	/*padding: 10px 0 10px 0px;*/
	width: 100%;
	float: left;
	text-align: center;
	color: #007c83;
	font-size: 14px;
}
#content .pagination ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
#content .pagination li {
	display: inline-block;
	margin: 0;
}
#content .pagination li a {
	display: inline-block;
	color: #007c83;
	padding: 1px 3px 2px;
}
#content .pagination li span {
	display: inline-block;
	font-weight: bold;
	padding: 1px 3px 2px;
}
#content .pagination li.pagination-start span,
#content .pagination li.pagination-next span,
#content .pagination li.pagination-end span,
#content .pagination li.pagination-prev span {
	display: inline-block;
	color: #DFCEB5;
	padding: 1px 7px 2px 7px;
	border: solid 1px #DFCEB5;
	font-weight: normal;
}
#content .pagination li a:hover {
	text-decoration: none;
}


/* ----------------------------------------------------------------------------------------------------------
SECTION: jshop product
---------------------------------------------------------------------------------------------------------- */
.contactform {
	width: 385px;
	min-height: 300px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
	background: #fff url(../images/js-productfull-image-bg.png) repeat-x bottom;
}
.productfull .image_middle {
	background: #fff url(../images/js-productfull-image-bg.png) repeat-x bottom;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
.productfull .jshop_img_thumb_wrapper {
	width: 54px;
	height: 54px;
	border: 1px solid #ccc;
	float: left;
	overflow: hidden;
	position: relative;
	margin: 3px;
}
.productfull .jshop_img_thumb_wrapper img{
	height: 54px;
	position: absolute;
	left: -7px;
}
#list_product_image_middle img {
	float: left;
}
.js-productfull-cols {
	float: left;
	margin-bottom: 30px;
	margin-top: 5px;
}
.js-productfull-col1 {
	width: 188px;
	float: left;
	margin-right: 10px;
}
.js-productfull-col2 {
	width: 182px;
	float: left;
	margin-right: 10px;
}
.js-productfull-col3 {
	float: left;
}
.fake-h1 {
    color: #007C83;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 15px;
	display: block;
}
#content .productfull .js-productfull-col2 h1 {
	font-size: 18px;
	margin-left: 15px;
}
.productfull .extra_fields {
	padding-left: 15px;
	background: #fff url(../images/js-productfull-extrafield-separator.gif) no-repeat bottom center;
	padding-bottom: 15px;
}
.productfull .extra_fields_prices {
	margin-top: 12px;
	padding-right: 15px;
	text-align: right;
	background: #fff url(../images/js-productfull-extrafield-separator.gif) no-repeat bottom center;
	padding-bottom: 20px;
}
/* ----------------------------------------------------------------------------------------------------------
SECTION: jshop product penoblok
---------------------------------------------------------------------------------------------------------- */
.productfull .extra_fields_prices_penoblok {
	margin-top: 12px;
	padding: 0 0 10px 15px;
	background: #fff url(../images/js-productfull-extrafield-separator.gif) no-repeat bottom center;
	margin-bottom: 10px;
}
.list_product .product .extra_fields_prices {
    margin: 15px 15px 0 0;
}
.extra_fields_prices_penoblok .extra_fields_prices_prices_variant {
	color: #007c83;
	text-align: left;
	padding-right: 0;
}
.extra_fields_prices_variant_comment {
	font-style: italic;
	color: #666;
	font-size: 10px;
	line-height: 1;
	margin-top: 3px;
}
.extra_fields_prices_variant_name {
	text-align: right;
	position: relative;
}
.extra_fields_prices_variant_value {
	font-size: 18px;
	line-height: 1;
	display: inline-block;
	min-width: 45px;
	padding-left: 2px;
    text-align: left;
}
.extra_fields_prices_color {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #ccc;
	margin-left: 5px;
}
.discount-info {
	padding: 0 15px;
	color: #007b83;
}


/* ----------------------------------------------------------------------------------------------------------
SECTION: contactform 1
---------------------------------------------------------------------------------------------------------- */
.contactform {
	width: 385px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
	background: #fff url(../images/js-productfull-image-bg.png) repeat-x bottom;
	vertical-align:top;
	float:left;
}
.contactform .moduletable {
	float:left;
	margin:0 0 0 27px;
}
#content .contactform ul{
	list-style-image:none;
}
#b2jcontainer_m100 p {
	margin-bottom:0;
}
#b2jcontainer_m100 .contact-heading {
	font-size: 18px;
	color: #007c83;
	font-weight: normal;
	margin-bottom: 12px;
	line-height: 1;
	background:none;
	margin:10px 0 0 0;
	padding-bottom:5px;
}

div#b2jcontainer_m100.b2jcontainer {
	border:0;
	width:330px;
	padding:0;
	background-color: transparent;
}
#b2jcontainer_m100  p.phone {
    color:#f0a815;
}
#b2jcontainer_m100  span.phone-code {
    color:#f0a815;
	font-size:14px;
}
#b2jcontainer_m100  span.phone-number {
    color:#f0a815;
	font-size:18px;
}
div#b2jcontainer_m100 .b2j_form textarea {
	font-size:12px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}
div#b2jcontainer_m100 .btn-success {
	background:url(../images/sendbtn.png) left top no-repeat transparent;
	float:right;
	width:81px;
	height:19px;
}
div#b2jcontainer_m100 .btn-success span {
	display:none;
}
div#b2jcontainer_m100 .b2jform-compact .controls {
	width:100%;
}
div#b2jcontainer_m100 select, div#b2jcontainer_m100 textarea, div#b2jcontainer_m100 input[type="text"], div#b2jcontainer_m100 input[type="password"], div#b2jcontainer_m100 input[type="datetime"], div#b2jcontainer_m100 input[type="datetime-local"], div#b2jcontainer_m100 input[type="date"], div#b2jcontainer_m100 input[type="month"], div#b2jcontainer_m100 input[type="time"], div#b2jcontainer_m100 input[type="week"], div#b2jcontainer_m100 input[type="number"], div#b2jcontainer_m100 input[type="email"], div#b2jcontainer_m100 input[type="url"], div#b2jcontainer_m100 input[type="search"], div#b2jcontainer_m100 input[type="tel"], div#b2jcontainer_m100 input[type="color"] {
    border-radius: 0;
    display: inline-block;
    vertical-align: middle;
	font-size:12px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color:#666666;
}

div#b2jcontainer_m100 .control-group {
	margin-bottom:8px;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: contactform 2
---------------------------------------------------------------------------------------------------------- */
.contactform {
	width: 385px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
	background: #fff url(../images/js-productfull-image-bg.png) repeat-x bottom;
	vertical-align:top;
	float:left;
}
.contactform .moduletable {
	float:left;
	margin:0 0 0 27px;
}
#content .contactform ul{
	list-style-image:none;
}
#b2jcontainer_m105 p {
	margin-bottom:0;
}
#b2jcontainer_m105 .contact-heading {
	font-size: 18px;
	color: #007c83;
	font-weight: normal;
	margin-bottom: 12px;
	line-height: 1;
	background:none;
	margin:10px 0 0 0;
	padding-bottom:5px;
}

div#b2jcontainer_m105.b2jcontainer {
	border:0;
	width:330px;
	padding:0;
	background-color: transparent;
}
#b2jcontainer_m105  p.phone {
    color:#f0a815;
}
#b2jcontainer_m105  span.phone-code {
    color:#f0a815;
	font-size:14px;
}
#b2jcontainer_m105  span.phone-number {
    color:#f0a815;
	font-size:18px;
}
div#b2jcontainer_m105 .b2j_form textarea {
	font-size:12px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}
div#b2jcontainer_m105 .btn-success {
	background:url(../images/sendbtn.png) left top no-repeat transparent;
	float:right;
	width:81px;
	height:19px;
}
div#b2jcontainer_m105 .btn-success span {
	display:none;
}
div#b2jcontainer_m105 .b2jform-compact .controls {
	width:100%;
}
div#b2jcontainer_m105 select, div#b2jcontainer_m105 textarea, div#b2jcontainer_m105 input[type="text"], div#b2jcontainer_m105 input[type="password"], div#b2jcontainer_m105 input[type="datetime"], div#b2jcontainer_m105 input[type="datetime-local"], div#b2jcontainer_m105 input[type="date"], div#b2jcontainer_m105 input[type="month"], div#b2jcontainer_m105 input[type="time"], div#b2jcontainer_m105 input[type="week"], div#b2jcontainer_m105 input[type="number"], div#b2jcontainer_m105 input[type="email"], div#b2jcontainer_m105 input[type="url"], div#b2jcontainer_m105 input[type="search"], div#b2jcontainer_m105 input[type="tel"], div#b2jcontainer_m105 input[type="color"] {
    border-radius: 0;
    display: inline-block;
    vertical-align: middle;
	font-size:12px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color:#666666;
}

div#b2jcontainer_m105 .control-group {
	margin-bottom:8px;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: price-download
---------------------------------------------------------------------------------------------------------- */
.jshop {
	position: relative;
}
.price-download {
	position: absolute;
	left: 575px;
	top: -10px;
}
.price-download td {
	vertical-align: middle;
}
.price-download td a{
	color: #007c83;
}
.price-download td a:hover{
	text-decoration: none;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: sigplus
---------------------------------------------------------------------------------------------------------- */
#content .sigplus-gallery li {
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
	margin: 5px 5px 5px 4px !important;
}
#content .sigplus-gallery li a {
	float: left;
}
#content .sigplus-gallery li a img {
	float: left;
	margin: 0 !important;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: blog articles
---------------------------------------------------------------------------------------------------------- */
#content .blog h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 10px 0;
}
#content .blog h2 a {
	color: #007c83;
}
#content .blog h2 a:hover {
	text-decoration: none;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: blog-actions
---------------------------------------------------------------------------------------------------------- */
.blog-actions {
	position: relative;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: Таблица
---------------------------------------------------------------------------------------------------------- */
.jproductfullNew{
    width: 570px;
    float: left;
    text-align: center;
}

.jproductfullNewTable{
    height: 157px;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 570px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}


.jproductfullNewTable td{
  font-size: 12px;
  font-family: "Arial";
  color: rgb( 102, 102, 102 );
  vertical-align: middle;
  background: url('../../../images/design/bord_dorogn/tableTd.png');
  background-position: bottom;
  background-repeat: repeat-x;
  border-right: 1px solid #d6d6d6;
  border-top: 1px solid #d6d6d6;
  padding: 12px;
}


.jproductfullNewTable th{
    font-weight: normal;
    font-size: 10px;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    color: rgb( 0, 124, 131 );
    vertical-align: middle;
    height: 40px;
    background: url('../../../images/design/bord_dorogn/tableTh.png');
    background-position: bottom;
    background-repeat: repeat-x;
    border-right: 1px solid #d6d6d6;
    padding-left: 2px;
    padding: 4px;
    font-weight: bold;
}


.jproductfullNewTable .jpcolor{
    float: right;
    margin-bottom: -22px;
    position: relative;
    top: -12px;
    width: 67px;
}

.jproductfullNewTable sup {
    /*vertical-align: top!important;*/
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: Миниатюры
---------------------------------------------------------------------------------------------------------- */
.jshop_img_thumb_wrapperMy{
    margin-top: 20px!important;
}

.infoLeftMfx{
    background: url('../../../images/design/bord_dorogn/leftImg.png');
    width: 351px;
    height: 109px;
    float: left;
}

.productFull{
    width: 179px!important;
    height: 143px!important;
    margin-left: 4px;
}

.productFullMini{
    width: 71px!important;
    height: 54px!important;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: Два блока с текстом которые после таблицы
---------------------------------------------------------------------------------------------------------- */
.infoMfx{
    margin-top: 15px;
}

.infoLeftText{
    padding-left: 80px;
    padding-top: 10px;
    font-size: 9px;
    font-family: "Arial";
    color: rgb( 102, 102, 102 );
    font-style: italic;
}


.infoRightMfx{
    background: url('../../../images/design/bord_dorogn/rightImg.png');
    width: 216px;
    height: 109px;
    margin-right: 5px;
    float: right;
}


.infoRightText{
    padding-left: 69px;
    padding-top: 10px;
    font-size: 9px;
    font-family: "Arial";
    color: rgb( 102, 102, 102 );
    font-style: italic;
}

.infoRightTextLink {
    color: rgb( 0, 124, 131 );
    text-decoration: underline;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: Текст после двух блоков
---------------------------------------------------------------------------------------------------------- */
.jshop_prod_descriptionMy{
    float: left;
    margin-top: 10px;
}

.jshop_prod_descriptionMy h2{
    margin-top: 10px;
}

.jshop_prod_descriptionMy  p{
  font-size: 12px;
  font-family: "Arial";
  color: rgb( 102, 102, 102 );
  text-align: justify;

}

.jshop_prod_descriptionMylinkRight a{
    float: right;
    font-size: 12px;
    font-family: "Arial";
    color: rgb( 0, 124, 131 );
    text-decoration: underline;

}


/* ----------------------------------------------------------------------------------------------------------
SECTION: Основная колонка контента
---------------------------------------------------------------------------------------------------------- */
.jshopcol1{
    float: left;
    width: 577px;
}


/* ----------------------------------------------------------------------------------------------------------
SECTION: Форма отзыва
---------------------------------------------------------------------------------------------------------- */

.newFormLoadPosition #b2jcontainer_m104{
    width: 120px!important;
    height: 305px!important;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4)!important;
    background: #fff url(../images/js-productfull-image-bg.png) repeat-x bottom!important;
    vertical-align: top!important;
    float: left!important;
    margin-top: 25px!important;
    padding-top: 5px!important;
    margin-left: 1px!important;
}


.newFormLoadPosition .control-group {
    width: 161px!important;
}

.newFormLoadPosition div#b2jcontainer_m104 .controls {
    max-width: 161px!important;
}

.newFormLoadPosition div#b2jcontainer_m104 .controls .phone
{
    margin-bottom: 0px!important;
    width: 150px;
}
.newFormLoadPosition .b2j-contact-group-class{
    margin-left: -19px!important;
}


.newFormLoadPosition div#b2jcontainer_m104 textarea {
    height: 95px!important;
    font-family: "Arial";
    font-size: 13px;
}

.newFormLoadPosition div#b2jcontainer_m104 .btn{
    background: url(../images/sendbtn.png) left top no-repeat transparent;
    margin-left: 64px!important;
    width: 78px!important;
    height: 19px!important;
}


.newFormLoadPosition div#b2jcontainer_m104 .btn span{
    display: none!important;
}

.newFormLoadPosition .contact-heading{
  font-size: 18px;
  color: rgb( 0, 124, 131 );
  margin: 0px;
}

.newFormLoadPosition p.contact-heading{
  margin: 0px!important;
}

.newFormLoadPosition .phone{
  font-size: 14px;
  font-family: "Arial";
  color: rgb( 240, 168, 21 );
  width: 144px;
  margin-left: -12px;
}
.newFormLoadPosition .phone2{
  margin-left: 24px;
}


div#b2jcontainer_m104 input {
    width: 161px!important;
    max-width: 161px!important;
}


div#b2jcontainer_m104 textarea {
    width: 161px!important;
    max-width: 161px!important;
    overflow:  hidden;
}




/* ----------------------------------------------------------------------------------------------------------
SECTION: схемы укладки брусчатки
---------------------------------------------------------------------------------------------------------- */
.mfxImgLine{
    margin-right: 17px;
}


/* ----------------------------------------------------------------------------------------------------------
SECTION: Калькулятор
---------------------------------------------------------------------------------------------------------- */
.mfxCalc {
    float: left;
    margin-top: 5px;
    margin-left: -12px;
    margin-bottom: -20px;
    cursor: pointer;
    width: 208px;
    height: 65px;
    background-image: url('../../../images/design/penBlockMini/calc.png');
    background-position: 0px 0px;
}
.mfxCalc a {
	display: block;
    width: 100%;
	height: 100%;
}

.mfxCalc:hover{
    background-position: 0px 65px;
}


/* ----------------------------------------------------------------------------------------------------------
SECTION: Услуги
---------------------------------------------------------------------------------------------------------- */

.LinkUslug{
    width: 580px;
    height: 175px;
    display: block;
}

.LinkUslugText{
  display: block;
  float: right;
  margin-top: 20px;
  margin-right: 20px;
}

.LinkUslugText p{
font-size: 12px;
  font-family: "Arial";
  color: rgb( 102, 102, 102 );
}

.mfxRow1{
    float: left;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: Банеры те что справа
---------------------------------------------------------------------------------------------------------- */
.mfxRow2{
    float: right;
    width: 193px;
}
.moduletable.banner-right-02 {
    margin-top: -5px;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: Для страницы продукции
---------------------------------------------------------------------------------------------------------- */
.LinkProd{
    width: 579px;
    height: 174px;
    display: block;
    background-repeat: no-repeat;
}

.LinkProdText{
  display: block;
  float: left;
  margin-top: 15px;
  margin-left: 235px;
}

.LinkProdText p{
font-size: 12px;
  font-family: "Arial";
  color: rgb( 102, 102, 102 );
}

.prodM1{
    background:url('../../../images/design/product/vibrproc.png');
}

.prodM1:hover{
    background-position: 0px 173px;
}

.prodM2{
    background:url('../../../images/design/product/blockPen.png');
}

.prodM2:hover{
    background-position: 0px 175px;
}

.prodM3{
    background:url('../../../images/design/product/vibrolitai3.jpg');
}

.prodM3:hover{
    background-position: 0px 175px;
}

.prodM4{
    background:url('../../../images/design/product/tovbeton.png');
}

.prodM4:hover{
    background-position: 0px 173px;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: Для страницы спецпредожения
---------------------------------------------------------------------------------------------------------- */
.blogrow {
    float: left;
	width:100%;
}

.specImgLeft{
    float: left;
    margin-right: 20px;
}

.specText{
  font-size: 12px;
  font-family: "Arial";
  color: rgb( 0, 124, 130 );
}

.specTextI{
    font-style: italic;
}

.specTitle h2{
    margin-bottom: 15px!important;
}

.specTitle{
    float: left;
	width:570px;
}

.SpecBlog{
    float: right;
    width: 780px;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: Скачать прайс
---------------------------------------------------------------------------------------------------------- */

.downPDFspec{
    float: right;
    margin-top: -50px;
    margin-right: 50px;
    margin-bottom: 20px;
}

.downPDFspec a{
    color: #007c83!important;
}

.downPDFspec td{
    vertical-align: middle;
}



.prodDate{
    font-size: 12px;
    font-family: "Arial";
    color: rgb( 0, 124, 131 );
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: Для новостей
---------------------------------------------------------------------------------------------------------- */
.newsTitle h2 a{
    font-size: 14px !important;
}
.newsTitle h2{
    margin-bottom: 4px !important;
	margin-top: 0 !important;
}

.pLeft{
    float: left;
    width: 650px;
}

.pLeftSpec{
    float: left;
    width: 560px;
}

.NewsHr{
    float: left;
    width: 100%;
    color:#e5e5e5;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: Вибропрессованная продукция
---------------------------------------------------------------------------------------------------------- */
.vibrImgTop{
    float: left;
    display: block;
    width: 190px;
    height: 180px;
    margin-bottom: 20px;
}
.vibrImgTop:hover{
    background-position: 0px 180px;
}


/* ----------------------------------------------------------------------------------------------------------
SECTION: Фотогалерея
---------------------------------------------------------------------------------------------------------- */

.PhotoBlog{
    width: 185px;
    height: 230px;
    float: left;
    text-align: center;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    background: url('../../../images/design/photo/back.png');
    background-position: bottom;
    background-repeat: repeat-x;
    display: block;
    text-decoration: none;
	margin-bottom: 10px;
    margin-right: 8px;
}

.photoGalTitle{
    font-size: 18px;
    color: rgb( 0, 124, 131 );
    height: 90px;
    display: table-cell;
    vertical-align: middle;
    width: 170px;
}


/* ----------------------------------------------------------------------------------------------------------
SECTION: Страница ПЕНОБЛОКИ
---------------------------------------------------------------------------------------------------------- */
table.penoblock-table {
	margin-bottom: 15px;
	width: 100%;
}
table.penoblock-table td {
	border: 1px solid #ccc;
	vertical-align: middle;
	text-align: center;
	padding: 3px 5px;
}
table.penoblock-table td:nth-child(2) {
	text-align: left;
}
table.penoblock-table th {
	border: 1px solid #ccc;
	vertical-align: middle;
	text-align: center;
	padding: 10px 5px;
	background-color: #eee;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: banner HESS
---------------------------------------------------------------------------------------------------------- */
a#banner-hess {
    background-image: url("../../../images/banners/mainpage-banner-06.png");
    background-position: 0 0;
    float: left;
    height: 65px;
    width: 208px;
	display: block;
}
a#banner-hess:hover {
    background-position: 0 65px;
}

/* ----------------------------------------------------------------------------------------------------------
SECTION: banner Calculator
---------------------------------------------------------------------------------------------------------- */
div.calculator a {
    background-image: url("../../../images/banners/banner-calculator.png");
    background-position: 0 0;
    height: 124px;
    width: 186px;
	display: block;

}
div.calculator a:hover {
    background-position: 0 124px;
}


/* ----------------------------------------------------------------------------------------------------------
SECTION: new button hover, active
---------------------------------------------------------------------------------------------------------- */
.calcButtom{
    background-image: url("../../../images/design/button/calc.png");
    background-position: 0 0;
    width: 83px;
    height: 21px;
    cursor: pointer;
}

.calcButtom:hover{
    background-position: 0 42px;
}

.calcButtom:active{
    background-position: 0 21px;
}


div#b2jcontainer_m100 .btn-success, div#b2jcontainer_m105 .btn-success, div#b2jcontainer_m104 .btn{
    background: url("../../../images/design/button/sub.png")!important;
    background-position: 0 0!important;
    width: 83px!important;
    height: 21px!important;
    cursor: pointer!important;
}

div#b2jcontainer_m100 .btn-success:hover, div#b2jcontainer_m105 .btn-success:hover, div#b2jcontainer_m104 .btn:hover{
    background-position: 0 42px!important;
}

div#b2jcontainer_m100 .btn-success:active, div#b2jcontainer_m105 .btn-success:active, div#b2jcontainer_m104 .btn:active{
    background-position: 0 21px!important;
}

.article-info{
    display: none;
}

/* ------------------------------------------------------------------------------------------------------------------------
AGENT201 - SITE69.RU - 2017-01-27
-------------------------------------------------------------------------------------------------------------------------*/
.contactform {
	padding: 20px;
	box-sizing: border-box;
}
.contactform__name {
	font-size: 18px;
	color: #007c83;
	font-weight: normal;
	margin-bottom: 12px;
	line-height: 1;
	background: none;
	padding-bottom: 5px;
}
.contactform__address .phone {
    color: #f0a815;
}
.contactform__address span.phone-code {
    font-size: 14px;
}
.contactform__address span.phone-number {
    font-size: 18px;
}
.contactform .bfPage {
	padding: 0;
}
.contactform .bfPage input,
.contactform .bfPage input:hover,
.contactform .bfPage input:focus,
.contactform textarea,
.contactform textarea:hover,
.contactform textarea:focus,
.newFormLoadPosition .bfPage input,
.newFormLoadPosition .bfPage input:hover,
.newFormLoadPosition .bfPage input:focus,
.newFormLoadPosition textarea,
.newFormLoadPosition textarea:hover,
.newFormLoadPosition textarea:focus  {
	color: #898989;
	background-color: #ffffff;
	border: solid 1px #c2c2c2;
	line-height: 20px;
	min-height: 20px;
	height: auto;
	padding: 4px 10px;
	margin: 0;
	min-width: 100%;
}
.contactform .bfQuickMode .form-actions .bfSubmitButton,
.newFormLoadPosition .bfQuickMode .form-actions .bfSubmitButton {
	background: #959697;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
}
.contactform .bfQuickMode .form-actions .bfSubmitButton:hover {
	background: #2d2d2d;
}
.contactform--calc .bfElemWrap {
    padding-bottom: 8px !important;
  }
.contactform--calc input.ff_elem.inputbox,
.contactform--calc textarea.ff_elem.inputbox{
    min-width: calc(100% - 20px) !important;
  }
.contactform--calc .form-actions {
	text-align: right;
}
  .contactform--calc .bfSubmitButton {
      background: #959697;
      height: auto;
      padding-top: 5px;
      padding-bottom: 5px;
      cursor: pointer;
      color: white;
    border: none;
    opacity: 0.9;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: middle;
  }
  .contactform--calc .bfSubmitButton span {
  	font-weight: lighter;
  	text-shadow: none;
  	font-size: 18px;
  	line-height: 18px;
  	text-align: center;
  }

.newFormLoadPosition .mod_sef {
	width: 100%;
	/*height: 305px !important;*/
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
	background: #fff url(../images/js-productfull-image-bg.png) repeat-x bottom;
	vertical-align: top;
	float: left;
	margin-top: 25px;
	padding-top: 5px;
	margin-left: 1px;
	box-sizing: border-box;
	padding: 10px;
	border: solid 1px #c2c2c2;
	font-family: inherit;
	color: #898989;
	font-weight: 300;
}

.newFormLoadPosition .mod_sef .bfPage {
	padding: 0;
}
.newFormLoadPosition .form-actions,
.newFormLoadPosition h3 {
	text-align: center;
}
.newFormLoadPosition h3 {
	margin-bottom: 10px;
	font-size: 18px;
}
.newFormLoadPosition .bfSubmitButton{
	float: none;
}
.newFormLoadPosition .control-group{
	width: 100% !important;
}

#header-main > svg {
	position: absolute;
	right: 100%;
	height: 100%;
	width: calc((100vw - 1000px)/2);
	max-width: 200px;
}

#header > svg {
	position: absolute;
	right: 100%;
	height: 100vh;
	width: calc((100vw - 1000px)/2);
	max-width: 200px;
}

@media (max-width: 1200px) {
	#header-main > svg, #header > svg {
		display: none;
	}
}

#above-header > svg {
	position: absolute;
	top: 100%;
	max-height: 200px;
/*	width: calc((100vw - 1000px)/2);*/
	max-width: 1000px;
}


@media (max-width: 1200px) {
	#above-header > svg, #header > svg {
		display: none;
	}
}