body {
	color:#333;
	background-color:#fff;
	/* style for ie */
	scrollbar-base-color: rgb(153, 153, 153);
	scrollbar-3dlight-color: rgb(153, 153, 153);
	scrollbar-highlight-color: rgb(153, 153, 153);
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: rgb(153, 153, 153);
	scrollbar-shadow-color: rgb(153, 153, 153);
	scrollbar-dark-shadow-color: rgb(153, 153, 153);
}

body::-webkit-scrollbar {
    width: 6px;
	border-radius:4px;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(15,67,83,0.3);
	border-radius:4px;
}
 
body::-webkit-scrollbar-thumb {
  background-color: rgb(153, 153, 153);
  border-radius:4px;
}

nav{
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 70px;
  background: rgb(153, 153, 153);
  border-radius:4px;
}

a {
	color:#598256
}
a:hover {
	color:#598256
}
.button {
	color:#fff;
	background-color:#598256
}
.button:hover {
	color:#fff
}

.sm-active{
	background-color:#598256;
	color:#FFFFFF !important;
}

#header .navigation {
	background-color:#598256
}
#content>.inner #workarea table th {
	color:#fff;
	background-color:#598256
}
#content>.inner #workarea table tr:nth-child(even) td {
	background-color:#f3f3f3
}
#footer {
	color:#fff;
	background-color:#696969
}
#footer>.inner a {
	color:#fff
}

#breadcrumbs.default {
    position: relative;
    width: 100%;
	margin:5px 0 20px 0
}
#breadcrumbs.default span {
    font-size: 90%;
    display: inline-block;
    margin-right: 10px;
	color:#598256;
}
#breadcrumbs.default span a {
	color:#598256
}
#breadcrumbs.default span a:hover {
	color:#777
}
#breadcrumbs.default span:first-child {
    margin-left: 0;
}
#breadcrumbs.default span:first-child:before {
    margin-right: 0;
    content: ' ';
}
#breadcrumbs.default span:before {
    font-family: 'FontAwesome';
    font-size: 90%;
    margin-right: 10px;
    content: '\f105';
}

#catalog.default .options .items-view a.selected {
	color:#333
}

#catalog-section-list.panel .elements .element .title span {
	color:#fff;
	background-color:#598256;
}

#catalog-section.table .elements .element .preview-text,#catalog-section.list .elements .element .preview-text {
	color:#777
}

#catalog-section.table .description,#catalog-section.list .description,#catalog-section.price .description {
	border-color:#598256
}

#catalog-element.default .card .info .preview-text {
	color:#777
}

#catalog-element.default .back-link a:before {
	color:#fff;
	background-color:#598256
}

.bx_filter .bx_filter_parameters_box_container .bx_filter_parameters_box_container_block .bx_filter_input_container span {
	color:#6b8086
}

.bx_filter .bx_ui_slider_track {
	border-color:#8da3ad;
	background-color:#a1c0c8
}

.bx_filter .bx_ui_slider_part {
	background-color:#a2bfc7
}

.bx_filter .bx_ui_slider_part.p2 span,.bx_filter .bx_ui_slider_part.p3 span,.bx_filter .bx_ui_slider_part.p4 span {
	color:#6b8086
}

.bx_filter .bx_ui_slider_pricebar_VD {
	border-color:#74868e
}

.bx_filter .bx_ui_slider_pricebar_VN {
	border-color:#8da3ad;
	background-color:#a8dff3
}

.bx_filter .bx_filter_popup_result {
	color:#3f3f3f;
	border-top-color:#c0d6dc;
	border-right-color:#c0d7dd;
	border-bottom-color:#c0d6dc;
	border-left-color:#c0d7dd
}

#menu.top>li>a {
	color:#fff;
	z-index:999999
}

#menu.top ul {
	background-color:#f4f9f5
}

#menu.top ul li:hover>a,#menu.top ul li.selected>a {
	color:#fff;
	background-color:#598256
}

#menu.top ul a {
	color:#333
}

#menu.left li a {
	background-color:#f4f9f5;
	color:#333
}

#menu.left li:hover>a,#menu.left li.selected>a {
	color:#000000;
	background-color:#b1c7b5
}

#menu.left li:hover>a,#menu.left li.selected-top>a {
	color:#000000;
	background-color:#d4e0d6
}

#menu.left ul {
	background-color:#f4f9f5
}

#news-list.default .elements .element .date span {
	color:#fff;
	background-color:#598256
}

#news-list.info_line .elements .element .date span {
	color:#9f9f9f
}
#news-detail.default .date span {
	color:#fff;
	background-color:#9f9f9f
}
#news-detail.default .back-link a:before {
	color:#fff;
	background-color:#598256
}
#pagenavigation.default span {
	color:#fff;
	background-color:#598256
}
#callback form .form-header {
	border-color:#598256
}
#order form .form-header{
	border-color:#598256
}

img.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.img-fluid{
	max-width:100%;
	height:auto
}

.img-fluid{
	max-width:100%;
	height:auto
}

img.img-lt {
	margin:0 20px 10px 0;
	float:left;
}

img.img-rt {
	margin:0 0 20px 10px;
	float:right;
}

img.img-lm {
	margin:10px 20px 10px 0;
	float:left;
}

img.img-rm {
	margin:10px 0 20px 10px;
	float:right;
}

img.img-lb {
	margin:10px 20px 20px 0;
	float:left;
}

img.img-rb {
	margin:10px 0 20px 20px;
	float:right;
}

img.img-rounded {
	border-radius: 6px;
}

.shadow-sm{
	box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;
	-moz-box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;
	-webkit-box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;
	-o-box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.shadow{
	box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
	-moz-box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
	-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
	-o-box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.shadow-lg{
	box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;
	-moz-box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;
	-webkit-box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;
	-o-box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;
}
.shadow-none{
	box-shadow:none!important;
}

.img-thumbnail{
	padding:.25rem;
	background-color:#fff;
	border:1px solid #dee2e6;
	border-radius:.25rem;
	max-width:100%;
	height:auto
}

.word-wrap{
	word-wrap: break-word;
}

.rounded_image {
	float: left;
	width: 250px;
	height: 250px;
	border-radius: 170px;
	overflow: hidden;
	background-position: 50% 50%;
	background-size: cover;
	margin-right: 20px;
	border:4px solid #598256;
	box-shadow: 0 0 9px rgba(3, 3, 3, .75);
	-webkit-box-shadow: 0 0 9px rgba(3, 3, 3, .75);
	-moz-box-shadow: 0 0 9px rgba(3, 3, 3, .75);
}
.rounded_image-short-info{
	line-height: 56px;
}

.label {
  display: inline;
  padding: .3em .7em .4em .7em;
  font-size: 100%;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  text-decoration:none;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #598256;
}
.label-success[href]:hover,
.label-success[href]:focus {
  opacity: .8;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}

.btn {
font-size: 80%;
    line-height: inherit;
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: auto;
    padding: 7px 10px 6px 10px;
    cursor: pointer;
    transition: all .3s ease;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: .4px;
    text-transform: uppercase;
    border: 1px solid transparent;
    border-radius: 2px;
    outline: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  opacity: .8;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

#progress {
	position: fixed;
	z-index: 100;
	top: 0;
	left: -6px;
	width: 1%;
	height: 3px;
	background: #598256;
	border-radius: 1px; 
	transition: width 500ms ease-out, opacity 400ms linear;
}