/* Basic setup
-------------------------------------------------------------- */

html { overflow-y: scroll; height:100%; }

body {
background:url(../img/layout/background_pattern.png) 0 0 repeat;
color:#322f31;
height:100%;
}

body, input, select, option, textarea {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

input, select, option, textarea {
font-size:100%;
}

a:link, a:visited {
color:#082847;
text-decoration: underline;
}
a:hover, a:active  {
color:#555;
text-decoration: underline;
}

a.link-hl:link, a.link-hl:visited {
color:#c70000;
text-decoration: underline;
}
a.link-hl:hover, a.link-hl:active  {
color:#9f0000;
text-decoration: underline;
}

.dotted-line {
display: inline-block;
border-bottom: 1px #333333 dashed;
}

#search-form .placeholder {
color:#a9a9a9;
font-style: italic;
}
#subscribe-form .placeholder {
color:#a9a9a9;
font-style: italic;
}
.goods-info-cart .placeholder {
color:#a9a9a9;
font-style: italic;
}

/* Layout
-------------------------------------------------------------- */
.
.top {
margin: 0 auto -132px;
min-height:100%; 
height:auto !important; 
height:100%;
}
.footer-wrap {
background:url(../img/layout/footer_pattern.png) 0 0 repeat #322f31;
height:132px;
position:relative;
overflow:hidden;
-moz-box-shadow: inset 0px 11px 7px #000;
-webkit-box-shadow: inset 0px 11px 7px #000;
box-shadow: inset 0px 11px 7px #000;
}

.top, .footer {
font-size:1.4em;
line-height:1.231;
width:1200px;
margin-left:auto;
margin-right:auto;
}
.push  {
clear:both;
height:132px;
padding-top:1.2em;
}

.tpl-wrap {
margin-bottom: 30px;
}


/* Header
-------------------------------------------------------------- */

.header-mainmenu-backing {
background-color: #082847;
width: 100%;
height: 44px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.header {
height:277px;
padding:0;
padding-top: 50px;
position:relative;
}


/* Mainmenu
-------------------------------------------------------------- */

.mainmenu {
position:absolute;
top:0;
left:0;
margin:0;
background-color: #082847;
height: 24px;
padding: 9px 15px;
width: 1170px;
}

.mainmenu a{
color: #fff;
font-size: 18px;
}

.mainmenu-list {
list-style:none;
display:block;
text-align:left;
white-space:nowrap;
margin:0;
}

.mainmenu-list li {
display:block;
float:left;

font-size:18px;
line-height:22px;
font-weight:normal;
color:#fff;
}

.mainmenu-list li + li {
padding-left:30px;
}

.mainmenu-search {
padding: 0;
margin: 0;
position: absolute;
right: 11px;
}

.mainmenu-search .search-input {
width: 204px;
padding-right: 28px;
}

.mainmenu-search .search-submit {
position: absolute;
right: 0px;
top: 0px;
height: 28px;
width: 28px;
background:url(../img/layout/search_submit.png) 6px 6px no-repeat;
border: 0;
cursor:pointer;
}

.mainmenu-search .search-submit:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}

.header-columns {
overflow:hidden;
position:relative;
}
.header-content-wrap {
float:left;
width:1200px;
}
.header-content {
margin:0 267px 0 0;
}
.header-page-wrap {
float:left;
width:933px;
}
.header-page {
margin:0 0 2.4em 267px;
padding:10px 0 0 10px;
position:relative;
}
.header-aside-wrap {
float:left;
margin-left:-933px;
width:247px;
}
.header-aside {
padding:10px 10px 0 15px;
}

.header-sidebar-wrap {
float:left;
margin-left:-252px;
width:241px;
}
.header-sidebar {
padding:10px 0 0;
}

.header-columns .sitename {
color: #630000;
font-size: 21px;
width: 241px;
font-weight: bold;
margin-bottom: 13px;
}

.header-columns .logo {
display:block;
background:url(../img/layout/logo.png) 18px 0 no-repeat;
width:233px;
height:205px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
}

.header-columns .mid-disclaimer {
background-color: #630000;
color: #fff;
font-size: 16px;
display: inline-block;
height: 26px;
width: 627px;
font-weight: bold;
margin-right: 24px;
border-radius: 5px;
line-height: 26px;
padding: 0 10px;
margin-bottom: 13px;
}

/* Promo
-------------------------------------------------------------- */

.promo-wrap {
width:645px;
height:204px;
border: 1px solid #c6c6c6;
position: relative;
border-radius: 6px;
overflow: hidden;
}

.promo {
}

.promo img {
display:block;
width:647px;
height:204px;
}

/* Slideshow
-------------------------------------------------------------- */

.promo-slides {
width:100%;
position:relative;
z-index:150;
overflow:hidden;
line-height:0;
font-size:0;
}
.promo-slides,
.promo-slide {
display:block;
}
.promo-slide {
position:absolute;
left:0;
top:0;
z-index:200;
}
.promo-slides .promo-active {
z-index:202;
}
.promo-slides .promo-last-active {
z-index:201;
}
.promo-pager {
position: absolute;
top: 26px;
z-index: 1000;
}
.promo-pager li {
display: block;
width: 30px;
height: 27px;
border-radius: 0 4px 4px 0;
background-color: #082847;
margin-bottom: 7px;
line-height: 27px;
color: #fff;
text-align: center;
cursor: pointer;
}
.promo-pager li.promo-pager-active {
width: 34px;
background-color: #630000;
font-weight: bold;
}

.header-main-right {
height: 245px;
width: 241px;
display: inline-block;
float: right;
margin-right: 11px;
}

.header-columns .social {
height: 27px;
width: 240px;
margin-bottom: 9px;
}

.header-columns .social ul{
margin: 0;
}

.header-columns .social ul li{
display: inline-block;
float: left;
margin: 0;
margin-right: 9px;
}

.header-columns .social ul li.social-vk a{
background:url(../img/layout/social_vk.png) 0 0 no-repeat;
width: 26px;
height: 26px;
display: block;
}
.header-columns .social ul li.social-ok a{
background:url(../img/layout/social_ok.png) 0 0 no-repeat;
width: 26px;
height: 26px;
display: block;
}
.header-columns .social ul li.social-mail a{
background:url(../img/layout/social_mail.png) 0 0 no-repeat;
width: 26px;
height: 26px;
display: block;
}
.header-columns .social ul li.social-fb a{
background:url(../img/layout/social_fb.png) 0 0 no-repeat;
width: 26px;
height: 26px;
display: block;
}
.header-columns .social ul li.social-tw a{
background:url(../img/layout/social_tw.png) 0 0 no-repeat;
width: 26px;
height: 26px;
display: block;
}


/* Columns
-------------------------------------------------------------- */

.columns {
overflow:hidden;
position:relative;
}

.content-wrap {
float:left;
width:1200px;
}
.content {
margin:0 267px 0 0;
}
.sidebar-wrap {
float:left;
width:241px;
margin-left:-252px;
}
.sidebar {
padding:10px 0px 0 0;
}

.page-wrap {
float:left;
width:933px;
}
.page {
margin:0 0 2.4em 267px;
padding:10px 0px 0 10px;
position: relative;2
}

.aside-wrap {
float:left;
width:247px;
margin-left:-933px;
}
.aside {
padding:10px 10px 0 15px;
}

/* Footer
-------------------------------------------------------------- */

.footer-links {
float:left;
font-size:14px;
width:240px;
padding:20px 18px 0 0;
min-height:1px;
}

.footer-links a:link, .footer-links a:visited {
color:#000;
text-decoration:underline;
}
.footer-links a:hover, .footer-links a:active  {
color:#000;
text-decoration:none;
}

/* Managers
-------------------------------------------------------------- */

.managers {
margin:0;
}

.managers ul{
margin:0;
}
.managers li{
margin-bottom: 15px;
}

.managers img {
display:block;
margin:0;
width:58px;
height:auto;
float:left;
border: 1px solid #cfcfd1;
}

.managers p.manager-name {
color:#082847;
font-size:13px;
font-weight:bold;
}

.manager-contacts .icon-skype {
background:url(../img/layout/icon_skype.png) 0 0 no-repeat;
display: inline-block;
width: 12px;
line-height: 12px;
}
.manager-contacts .icon-icq {
background:url(../img/layout/icon_icq.png) 0 0 no-repeat;
display: inline-block;
width: 12px;
line-height: 12px;
}
.manager-contacts .icon-phone {
background:url(../img/layout/icon_phone.png) 0 0 no-repeat;
display: inline-block;
width: 16px;
line-height: 16px;
}
.manager-contacts .icon-mail {
background:url(../img/layout/icon_mail.png) 0 2px no-repeat;
display: inline-block;
width: 16px;
line-height: 16px;
}

.manager-contacts {
color:#082847;
font-size:13px;
padding-left: 4px;
}

.manager-contacts p{
margin: 0;
}

.manager-contacts a {
color:#082847;
text-decoration:underline;
}
.manager-contacts a:hover {
text-decoration:none;
}

.request-call {
background: url(../img/layout/request_call_bg.png) 0 0 repeat-x;
border-radius: 4px;
}
.request-call a {
background: url(../img/layout/request_call_icon.png) 218px 7px no-repeat;
display: block;
height: 30px;
line-height: 30px;
padding-left: 9px;
text-decoration: none;
color: #fff;
font-weight: bold;
}

.sidemenu {
margin:0 0 1.2em -9px;
list-style:none;
font-size:14px;
}

.sidemenu ul {
list-style:none;
margin:0 0 -5px;
padding:5px 0 0 0px;
}

.sidemenu li {
padding:0 0 5px;
}

.sidemenu a, .sidemenu span {
display:inline-block;
line-height:24px;
padding:3px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 
width: 100%;
background-color: #e0e0de;
font-size: 16px;
}

.sidemenu span {
color:#082847;
background-color:#e0e0de;
text-decoration:none;
font-weight:bold;
}

.sidemenu a:link, .sidemenu a:visited {
color: #082847;
text-decoration: underline;
background-color:#e0e0de;
}
.sidemenu a:hover, .sidemenu a:active {
color: #000;
text-decoration: underline;
background-color:#e0e0de;
}

.sidemenu li ul li a, .sidemenu li ul li span {
display:inline-block;
line-height:19px;
padding:3px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 
width: 100%;
background-color:transparent;
font-size: 14px;
}
.sidemenu li ul li a {
background:url(../img/layout/menu_bullet.png) 0 8px no-repeat;
}
.sidemenu li ul li span {
background:url(../img/layout/menu_bullet_red.png) 0 8px no-repeat;
color:#630000;
background-color:transparent;
text-decoration:none;
font-weight:bold;
}

.sidemenu li ul li a:link, .sidemenu li ul li a:visited {
color: #082847;
text-decoration: underline;
background-color:transparent;
}
.sidemenu li ul li  a:hover,.sidemenu li ul li a:active {
color: #000;
text-decoration: underline;
background-color:transparent;
}

/*
.sidemenu a.open:link, .sidemenu a.open:visited {
color:#fff;
background-color:#000;
text-decoration:none;
font-weight:bold;
}
.sidemenu a.open:hover, .sidemenu a.open:active {
color: #fff;
text-decoration: none;
background-color:#222;
}
*/


/* Suppliers
-------------------------------------------------------------- */

.our-suppliers-showall {
text-align:right;
padding:1.2em 0 0;
}

.teaser-brands-wrap {
margin:0;
width:100%;
overflow:hidden;
}

.teaser-brands-list {
list-style:none;
display:table;
margin:0;
width:100%;
table-layout:auto;
}

.teaser-brands-list li {
display:table-cell;
vertical-align:middle;
text-align:left;
padding:0 8px;
}
.teaser-brands-list img {
width:100%;
max-width:200px;
max-height:100px;
}


/* Catalog full tree
-------------------------------------------------------------- */

.catalog-full-tree {
table-layout:fixed;
width:100%;
}
.catalog-full-tree ul,
.catalog-full-tree ol {
margin:0 20px 0 30px;
}
.catalog-full-tree ul ul,
.catalog-full-tree ul ol,
.catalog-full-tree ol ul,
.catalog-full-tree ol ol {
margin:.6em 0 0 30px;
}
.catalog-full-tree li li {
font-size:12px;
margin:0 0 .6em;
}
.catalog-full-tree li {
margin:0 0 1.2em;
}

.catalog-full-tree-root {
font-size:15px;
font-weight:bold;
}
.catalog-full-tree-root a:link, .catalog-full-tree-root a:visited {
color:#636363;
text-decoration: underline;
}
.catalog-full-tree-root a:hover, .catalog-full-tree-root a:active {
color: #636363;
text-decoration: none;
}


/* Pagination
-------------------------------------------------------------- */

.pagination {
list-style:none;
margin:0;
padding:0;
text-align:center;
font-size:0;
line-height:0;
letter-spacing:-1px;
white-space:nowrap;
font-family: Tahoma, Geneva, sans-serif;
}
.pagination li,
.pagination a {
height:19px;
letter-spacing:normal;
line-height:19px;

font-size:11px;
text-align:center;
overflow:hidden;
}
.pagination li {
display: inline-block;
vertical-align:top;
margin:0 2px;
zoom: 1;
*display: inline;
border:1px solid #ccc;
-webkit-border-radius: 3px;
        border-radius: 3px;
}

.pagination a {
display: block;
padding:0 7px;
font-weight:bold;
}
.pagination li.active {
background:#e9e9e9;
color:#555;
cursor:default;
font-weight:bold;
padding:0 7px;
border-color:#999;
}
.pagination a:link, .pagination a:visited {
background:#eee;
text-decoration:none;
color:#c70000;
}
.pagination a:hover, .pagination a:active {
color:#c70000;
background:#e9e9e9;
text-decoration:none;
}

.pagination .first,
.pagination .last {
display:none;
}

.feed-announce-rss {
display: block; 
float: right;
width: 16px;
background:url(../img/layout/icon_rss.png) 0px 3px no-repeat;
height: 21px;
}

.feed-subscribe {
}

.feed-subscribe .subscribe-input {
width: 172px;
border: 1px solid #c6c6c6;
margin: 0;
}

.feed-subscribe .subscribe-submit {
height: 26px;
width: 46px;
background:url(../img/layout/subscribe_submit_bg.png) 0px 0px repeat-x;
border: 0;
cursor:pointer;
color: #fff;
overflow: hidden;
border-radius: 4px;
float: right;
font-weight: bold;
}

.copyright {
width: 300px;
float: left;
padding: 30px 13px;
color: #fff;
}

.footer .policy {
float: left;
padding: 30px 13px;
width: 550px;
color: #fff;
height: 100%;
}

.counters {
width: 263px;
float: right;
padding: 30px 13px;
}
.counters a{
color: #fff;
}

.breadcrumbs {
font-size: 18px;
color: #630000;
margin-bottom: 13px;
width: 500px;
}
.breadcrumbs a {
font-size: 18px;
color: #082847;
}

.subscribe-success {
background:url(../admin/img/icons/action_success.png) 0px 1px no-repeat;
padding-left: 20px;
}
.subscribe-error {
background:url(../admin/img/icons/action_error.png) 0px 3px no-repeat;
padding-left: 20px;
}

.social-share {
position: absolute;
top: 13px;
right: 7px;
}

.good-description-list-wrap {
background:url(../img/layout/good_description_bg.png) repeat-x;
border-radius: 0 0 6px;
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 10px;
}
.good-description-list-wrap li {
display: inline-block;
padding: 5px 25px;
line-height: 30px;
height: 30px;
cursor: pointer;
}
.good-description-list-wrap li.active {
background:url(../img/layout/good_description_active.png) 0 0 repeat-x;
display: inline-block;
padding: 5px 25px;
line-height: 30px;
height: 30px;
}
.good-descr-parts table {
width: 100%;
}
.good-descr-parts li span {
color: #630000;
}

.account-profile-info {
background-color: #f0f0f0; 
border-radius: 5px; 
border: 1px solid #d9d9d9; 
width: 650px; 
position: relative;
height: 160px;
margin-bottom: 20px;
overflow: hidden;
}
.account-profile-info-header {
background: #fff url(../img/layout/user_icon.png) 10px 12px no-repeat;
font-size: 16px;
font-weight: bold;
width: 100%;
text-align: left;
padding: 10px;
padding-left: 30px;

}
.account-profile-info-edit {
background:url(../admin/img/icons/edit_2.png) 0 6px no-repeat;
padding-left: 16px;
position: absolute;
right: 10px;
top: 12px;
}
.account-profile-info-edit:hover {
text-decoration: none;
}
.account-profile-info-table {
width: 100%;
}
.account-profile-info-table th {
text-align: right;
width: 50px;
}
.account-profile-info-table td {
text-align: left;
border-bottom: 1px dashed #c9c9c9;
padding-left: 10px;
}

.account-profile-subscribes {
background-color: #f0f0f0; 
border-radius: 5px; 
border: 1px solid #d9d9d9; 
width: 650px; 
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
.account-profile-subscribes-header {
background: #fff url(../img/layout/subscribes_icon.png) 10px 12px no-repeat;
font-size: 16px;
font-weight: bold;
width: 100%;
text-align: left;
padding: 10px;
padding-left: 30px;
}
.account-profile-subscribes table {
width: 100%;
}
.account-profile-subscribes table th, .account-profile-subscribes table td{
text-align: left;
padding: 3px 8px 3px 0;
}


.account-profile-orders {
background-color: #f0f0f0; 
border-radius: 5px; 
border: 1px solid #d9d9d9; 
width: 650px; 
position: relative;
margin-bottom: 20px;
overflow: hidden;
}
.account-profile-orders-header {
background: #fff url(../admin/img/icons/lorry.png) 10px 12px no-repeat;
font-size: 16px;
font-weight: bold;
width: 100%;
text-align: left;
padding: 10px;
padding-left: 30px;

}
.account-profile-orders-view {
background:url(../admin/img/icons/magnifier.png) 0 2px no-repeat;
padding-left: 20px;
position: absolute;
right: 10px;
top: 12px;
}
.account-profile-orders-view:hover {
text-decoration: none;
}
.account-profile-orders-table {
width: 100%;
}
.account-profile-orders-table th {
text-align: right;
width: 170px;
}
.account-profile-orders-table td {
text-align: left;
border-bottom: 1px dashed #c9c9c9; 
padding-left: 10px;
}

.account-profile-promocodes {
background-color: #f0f0f0; 
border-radius: 5px; 
border: 1px solid #d9d9d9; 
width: 650px; 
position: relative;
margin-bottom: 20px;
overflow: hidden;
}
.account-profile-promocodes-header {
background: #fff url(../admin/img/icons/promocodes.png) 10px 12px no-repeat;
font-size: 16px;
font-weight: bold;
width: 100%;
text-align: left;
padding: 10px;
padding-left: 30px;
}


.account-profile-discounts {
background-color: #f0f0f0; 
border-radius: 5px; 
border: 1px solid #d9d9d9; 
width: 650px; 
position: relative;
margin-bottom: 20px;
overflow: hidden;
}
.account-profile-discounts-header {
background: #fff url(../admin/img/icons/discounts.png) 10px 12px no-repeat;
font-size: 16px;
font-weight: bold;
width: 100%;
text-align: left;
padding: 10px;
padding-left: 30px;

}
.account-profile-discounts-view {
background:url(../admin/img/icons/magnifier.png) 0 2px no-repeat;
padding-left: 20px;
position: absolute;
right: 10px;
top: 12px;
}
.account-profile-discounts-view:hover {
text-decoration: none;
}

.user-discount {
border: #d9d9d9 solid 1px;
border-radius: 5px;
background-color: #fefeff;
margin-bottom: 20px;
overflow: hidden;
}
.user-discount-header {
height: 30px;
border-bottom: 1px dashed #d9d9d9;
margin-bottom: 10px;
line-height: 30px;
font-weight: bold;
}
.user-discount-header-success {
background-color: #eeffee;
}
.user-discount-status {
display: inline-block;
border-right: 1px dashed #d9d9d9;
width: 30px;
height: 30px;
margin-right: 5px;
}
.user-discount-header-success .user-discount-status {
background:url(../admin/img/icons/action_success.png) 8px 8px no-repeat;
}
.user-discount-header-fail {
background-color: #ffeeee;
}
.user-discount-header-fail .user-discount-status {
background:url(../admin/img/icons/action_error.png) 8px 8px no-repeat;
}

.user-discount-criteria-header {
border-top: 1px dashed #d9d9d9;
height: 30px;
line-height: 30px;
}
.user-discount-criteria .first {
border-top: 1px dashed #d9d9d9;
}
.user-discount-criteria-status {
display: inline-block;
border-right: 1px dashed #d9d9d9;
width: 30px;
height: 30px;
margin-right: 5px;
}
.user-discount-criteria-header-success .user-discount-criteria-status {
background:url(../admin/img/icons/button_accept.png) 8px 8px no-repeat;
background-color: #eeffee;
}
.user-discount-criteria-header-fail .user-discount-criteria-status {
background:url(../admin/img/icons/gallery_delete.png) 8px 8px no-repeat;
background-color: #ffeeee;
}

.user-discount-criteria-condition {
height: 30px;
border-top: 1px dashed #d9d9d9;
line-height: 30px;
position: relative;
}
.user-discount-criteria-condition-status {
display: inline-block;
border-right: 1px dashed #d9d9d9;
width: 30px;
height: 30px;
margin-right: 5px;
}
.user-discount-criteria-condition-success .user-discount-criteria-condition-status {
background:url(../admin/img/icons/bullet_add.png) 8px 8px no-repeat;
background-color: #eeffee;
}
.user-discount-criteria-condition-fail .user-discount-criteria-condition-status {
background:url(../admin/img/icons/bullet_delete.png) 8px 8px no-repeat;
background-color: #ffeeee;
}

.user-discount-criteria-condition-order-sum-progress {
display: block;
position:absolute;
right: 0;
top: 0;
border-left: 1px #d9d9d9 dashed;
}

.user-discount-criteria-condition-order-sum-text {
display: block;
position:absolute;
right: 0;
top: 0;
border-left: 1px #d9d9d9 dashed;
width: 150px;
text-align: center;
font-weight: bold;
}

/* Кнопка "наверх" */
#scrollTop{  
	line-height: 24px;
	background:#aeaeae url(../img/layout/arrow_up.png) 7px 9px no-repeat;
	padding: 0 10px 0 28px;
    display:block;
	height: 26px;
	font-size: 16px;
    position:fixed; bottom:15px; right:10px;  
    z-index:2000;
	color:#272727;
	border-radius: 7px;	 
	text-decoration: none;
}  
#scrollTop:hover{ background-position: 7px -13px ; color: #272727} 


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

.progress-bar {
	background-color: #FEFEFF;
	height: 30px;
	padding: 0;
	width: 150px;
	margin: auto 0;		
	
}

.progress-bar span {
	display: inline-block;
	height: 100%;
	background-color: #777;
	-webkit-transition: width .4s ease-in-out;
	-moz-transition: width .4s ease-in-out;
	-ms-transition: width .4s ease-in-out;
	-o-transition: width .4s ease-in-out;
	transition: width .4s ease-in-out;		
}

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

.progress-bar-blue span {
	background-color: #34c2e3;   
}

.progress-bar-orange span {
	  background-color: #fecf23;
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#fecf23), to(#fd9215));
	  background-image: -webkit-linear-gradient(top, #fecf23, #fd9215);
	  background-image: -moz-linear-gradient(top, #fecf23, #fd9215);
	  background-image: -ms-linear-gradient(top, #fecf23, #fd9215);
	  background-image: -o-linear-gradient(top, #fecf23, #fd9215);
	  background-image: linear-gradient(top, #fecf23, #fd9215);  
}	

.progress-bar-green span {
	  background-color: #a5df41;
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#4ca916));
	  background-image: -webkit-linear-gradient(top, #a5df41, #4ca916);
	  background-image: -moz-linear-gradient(top, #a5df41, #4ca916);
	  background-image: -ms-linear-gradient(top, #a5df41, #4ca916);
	  background-image: -o-linear-gradient(top, #a5df41, #4ca916);
	  background-image: linear-gradient(top, #a5df41, #4ca916);  
}		

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

.progress-bar-stripes span {
	-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
	background-size: 30px 30px;			
	background-image: -webkit-gradient(linear, left top, right bottom,
						color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
						color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
						color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
						to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);            
	
	-webkit-animation: animate-stripes 3s linear infinite;
	-moz-animation: animate-stripes 3s linear infinite;       		
}

@-webkit-keyframes animate-stripes { 
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}


@-moz-keyframes animate-stripes {
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

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

.progress-bar-shine span {
	position: relative;
}

.progress-bar-shine span::after {
	content: '';
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;			
	
	-webkit-animation: animate-shine 2s ease-out infinite;
	-moz-animation: animate-shine 2s ease-out infinite; 			
}

@-webkit-keyframes animate-shine { 
	0% {opacity: 0; width: 0;}
	50% {opacity: .5;}
	100% {opacity: 0; width: 95%;}
}


@-moz-keyframes animate-shine {
	0% {opacity: 0; width: 0;}
	50% {opacity: .5;}
	100% {opacity: 0; width: 95%;}
}

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

.progress-bar-glow span {
	-moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
	-webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
	box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
	
	-webkit-animation: animate-glow 1s ease-out infinite;
	-moz-animation: animate-glow 1s ease-out infinite; 			
}

@-webkit-keyframes animate-glow {
 0% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
 50% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
 100% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
 }

@-moz-keyframes animate-glow {
 0% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
 50% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
 100% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
 }