input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border: 1px solid #BABABA; box-shadow: none; color: #000000; outline: medium none currentColor;}
#top #cart.active .heading { font-weight:700;}
#top #cart.active .content { display: block;}
#top #cart .empty { padding-top: 50px; text-align: center;}
#top .search { position: absolute; top: 30px; left: 0px; z-index: 6; text-align: left;}
#top #welcome { position: absolute; top: 7px; left: 7px; z-index: 5; width: 298px; text-align: left; color: #999999;}
#top #welcome a { color: #000;}
#top .links { position: absolute; left: 290px; top: 8px; font-size: 10px; padding-right: 10px; z-index:11;}
#top .links a { float: left; display: block; padding: 0px 0px 0px 7px; color: #000; text-decoration: underline; font-size: 12px;}
#top .links a:hover { text-decoration: none;}
#top .links a + a { margin-left: 8px; border-left: 1px solid #CCC;}
/* menu */

#menu > ul > li > a > span { background-color: #22B699; opacity: 0; display: block; height: 12px; left: 50%; margin: 0px 0px 0px -8px; position: absolute; top: 34px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 12px;}
#menu > ul > li:hover span { opacity: 1;}
#menu > ul > li:hover a.active { border-bottom: 1px solid #fff;}
#menu > ul > li > a.active { -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; border-bottom: 1px solid #22B699; color: #22B699;}
#menu > ul > li > a.active:hover { -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; color: #22B699;}
#menu > ul > li > div { display: none; background: #FFFFFF; position: absolute; z-index: 61; padding: 5px 5px 0px; border-bottom: 3px solid #f5f5f5; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; background: #fff; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); border-top: 3px solid #22B699; top: 45px;}
#menu > ul > li:hover > div { display: table;}
#menu > ul > li > div > ul { display: table-cell;}
#menu > ul > li > div > ul > li { text-align: left;}
#menu > ul > li > div > ul > li + li { border-top: 1px solid #EEEEEE;}
#menu > ul > li ul + ul { padding-left: 20px;}
#menu > ul > li ul > li > a { text-decoration: none; padding: 8px; color: #FFFFFF; display: block; white-space: nowrap; min-width: 120px;}
#menu > ul > li > div > ul > li > a:hover { color: #22B699 !important; background: #fcfcfc;}
#menu > ul > li > div > ul > li > a { color: #333 !important;}

.breadcrumb-100 + #column-right + #content { margin-top: 50px;}
.success, .warning, .attention, .information { padding: 10px 10px 10px 33px; margin-bottom: 15px; color: #555555; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; z-index: 999999;}
.success { padding: 90px 20px 20px; background: url('images/check.png') 50% 10% no-repeat #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; border: 1px solid #eee; width: 300px; height: auto; position: fixed; top: 25%; left: 35%; text-align: center; color: #404040; font-size: 14px; font-family: "Open Sans", "Helvetica", "Ubuntu", sans-serif; -moz-box-shadow: #f5f5f5 0px 0px 0px 10px; -webkit-box-shadow: #f5f5f5 0px 0px 0px 10px; box-shadow: #f5f5f5 0px 0px 0px 10px; opacity: 0.9;}
.success a { color: #808080; font-size: 14px;}
.warning { padding: 90px 20px 20px; background: url('images/error.png') 50% 10% no-repeat #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; border: 1px solid #eee; width: 300px; height: auto; position: fixed; top: 25%; left: 35%; text-align: center; color: #404040; font-size: 14px; font-family: "Open Sans", "Helvetica", "Ubuntu", sans-serif; -moz-box-shadow: #f5f5f5 0px 0px 0px 10px; -webkit-box-shadow: #f5f5f5 0px 0px 0px 10px; box-shadow: #f5f5f5 0px 0px 0px 10px; opacity: 0.9;}
.attention { background: #FFF5CC url('images/attention.png') 10px center no-repeat; border: 1px solid #F2DD8C; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
.success .close, .warning .close, .attention .close, .information .close { top: 10px; right: 10px; cursor: pointer; position: absolute;}
.help { color: #999; font-size: 10px; font-weight: normal; font-family: Verdana, Geneva, sans-serif; display: block;}
table.form { width: 100%; border-collapse: collapse; margin-bottom: 20px;}
table.form tr td:first-child { width: 150px;}
table.form > * > * > td { color: #000000;}
table.form td { padding: 4px;}
table.list .right { text-align: right; padding: 7px;}
table.list .center { text-align: center; padding: 7px;}
table.radio { width: 100%; border-collapse: collapse;}
table.radio td { padding: 5px;}
table.radio td label { display: block;}
table.radio tr td:first-child { width: 1px;}
table.radio tr td:first-child input { margin-top: 1px;}
table.radio tr.highlight:hover td { background: #F1FFDD; cursor: pointer;}
.pagination .links a:hover { border: 3px solid #CCC; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
/***************************************** BUTTON ***************************************/
.button i { margin-right: 10px;}
.buttons .left { float: left; text-align: left;}
.buttons .center { text-align: center; margin-left: auto; margin-right: auto;}
/* box */
.banner { margin-bottom: 20px; position: relative;}
ul.box-category ul { list-style: none; margin: 0; padding: 0;}
ul.box-category > li ul { display: none;}
ul.box-category > li > a.active { font-weight: 600; text-decoration: none; color: #fafafa; background-color: #22B699;}
ul.box-category > li a.active + ul { display: block;}
/********* Подкатегории ************/
ul.box-category > li ul { position: relative; padding: 0px; margin: 0px -10px; overflow: hidden;}
ul.box-category > li ul:before { content:""; right: 30px; top: -6px; position: absolute; background-color: #22B699; display: block; height: 12px; margin: 0px 0px 0px -8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 12px;}
ul.box-category > li ul > li > a:hover { text-decoration: none; color: #333; background-color: #F6F6F6; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease; -MS-transition: all 0.2s ease;}
ul.box-category > li ul > li { border-top: 1px dotted #eee; padding: 0px;}
ul.box-category > li ul > li:first-child { border-top: 0px;}
ul.box-category > li ul > li > a { padding: 8px 8px 8px 30px; display: block; text-decoration: none; color: #22B699; margin: 0px 0px; font-family: "Open Sans", "Helvetica", "Ubuntu", sans-serif;}
ul.box-category > li ul > li > a.active { font-weight: 600; background-color: #EEEEEE; color: #404040;}
/* Box-Accordeon */
.box-accordeon ul li.double a { display: inline-block; margin: 0;}
.box-accordeon > ul > li a.active + ul { display: block;}
.box-accordeon > ul > li > ul > li > ul > li a.active { color:#404040; background-color: #eee;}
/* Подкатегории 3*/
.box-accordeon > ul > li ul > li > ul > li > ul { display: none; list-style: none; margin: 0px!important; padding: 0px;}
.box-accordeon > ul > li ul > li > ul li > ul li { border-top: 1px dashed #eee;}
.box-accordeon > ul > li ul > li > ul li > ul li:first-child { border-top:0;}
.box-accordeon > ul > li ul > li > ul li > ul li a { color: #22B699; padding: 10px 20px 10px 40px; text-decoration: none; font-size: 12px;}
.box-accordeon > ul > li ul > li > ul li > ul li a:hover { color:#404040;}
.box-accordeon > ul > li > ul > li > ul > li a > ul li.active { color:#404040; background-color: #eee;}
/* content */

#content .content ul li a { font-size: 14px;}
#content .content .left { float: left; width: 49%;}
#content .content .right { float: right; width: 49%;}
.product-list > div + div { padding-top: 16px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; background-color: #FFF; border-top: 5px solid #F5F5F5; border-bottom: 10px solid #f5f5f5; padding: 10px; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);}
/* Если есть какая-либо из колонок, то: */
#column-left + #column-right + #content .product-grid > div { margin: 0px 0px 15px 10px;}
#column-left + #content .product-grid > div { margin: 0px -1px 15px 10px;}
#column-right + #content .product-grid > div { margin: 0px -1px 15px 10px;}
/* Product */
.quantity-operator:active { background: #404040; color: #FAFAFA !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.product-info .inforight { display: table-cell; vertical-align: top; float: right;}
.reiting { width: 120px; text-align:center; margin-bottom: 0px;}
.product-info .price .discount { font-weight: normal; font-size: 12px; color: #4D4D4D; margin: -6px -4px; background-color: #eee; padding: 5px;}
.product-info .options .option { margin: 4px 20px; display: block; position: relative;}
.product-info .options .option > input[type="text"] { width: 100%;}
.product-info .options .option > input[type="password"] { width: 100%;}
.product-info .options .option > select { width: 100%;}
.product-info .options .option > textarea { width: 100%;}
.product-info .cart .links { display: inline-block; vertical-align: middle;}
.product-info .cart .minimum { padding-top: 5px; font-size: 11px; color: #999;}
.product-info .review { color: #4D4D4D; border-top: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; margin-bottom: 10px;}
.product-info .review > div { padding: 8px; border-bottom: 1px solid #E7E7E7; line-height: 20px;}
.product-info .review > div > span { color: #38B0E3;}
.product-info .review .share { overflow: auto; line-height: normal;}
.product-info .review .share a { text-decoration: none;}
.attribute { border-collapse: collapse; width: 100%; margin-bottom: 0px;}
.attribute thead td, .attribute thead tr td:first-child { color: #000000; font-size: 14px; font-weight: 600; background: #F7F7F7; text-align: left;}
.attribute tr td:first-child { color: #000000; font-weight: 600; text-align: right; width: 20%;}
.attribute td { padding: 7px; color: #4D4D4D; text-align: center; vertical-align: top; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;}
/* cart */
.cart-info tbody .quantity input[type='image'] { position: relative; top: 4px; cursor: pointer;}
.cart-info tbody span.stock { color: #F00; font-weight: 600;}
/* checkout */
.step { background-color: #22B699; color: #FFFFFF; margin: 0px 10px 0px -10px; padding: 10px 20px; position: relative;}
.step:before { content:""; background-color: #22B699; display: block; height: 12px; right: -3px; margin: 0px 0px 0px -8px; position: absolute; top: 14px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 12px;}
}

.sitemap-info .right { float: left; width: 48%;}
.sitemap-info ul li ul li:first-child:before { margin-top: 10px; content:""; left: 5%; top: -16px; position: absolute; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #22B699;}
.sitemap-info ul li a:hover { background-color: #404040; color: #fff; text-decoration: underline; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
/* footer */
#footer .column tr { display: block; margin-bottom: 2px;}
/* banner */
.banner div { -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; background-color: #FFF; border-top: 5px solid #22B699; border-bottom: 10px solid #f5f5f5; padding: 10px; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); text-align: center;}
.banner div img { margin-bottom: 0px;}
/********************************* MY ACCOUNT *******************************/
#top > ul > li:hover .menu_head { background-color: #404040; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.menu_head:hover { background-color: #404040; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
 0% { opacity: 1}
}
@-moz-keyframes empty {
 0% { opacity: 1}
}
@keyframes empty {
 0% { opacity: 1}
}
@-webkit-keyframes fadeIn {
 0% { opacity:0;}
 100% { opacity:1;}
}
@-moz-keyframes fadeIn {
 0% { opacity:0;}
 100% { opacity:1;}
}
@keyframes fadeIn {
 0% { opacity:0;}
 100% { opacity:1;}
}
@-webkit-keyframes fadeOut {
 0% { opacity:1;}
 100% { opacity:0;}
}
@-moz-keyframes fadeOut {
 0% { opacity:1;}
 100% { opacity:0;}
}
@keyframes fadeOut {
 0% { opacity:1;}
 100% { opacity:0;}
}
@-webkit-keyframes backSlideOut {
 25% { opacity: .5; -webkit-transform: translateZ(-500px);}
 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%);}
 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%);}
}
@-moz-keyframes backSlideOut {
 25% { opacity: .5; -moz-transform: translateZ(-500px);}
 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%);}
 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%);}
}
@keyframes backSlideOut {
 25% { opacity: .5; transform: translateZ(-500px);}
 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%);}
 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%);}
}
@-webkit-keyframes backSlideIn {
 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%);}
 75% { opacity: .5; -webkit-transform: translateZ(-500px);}
 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0);}
}
@-moz-keyframes backSlideIn {
 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%);}
 75% { opacity: .5; -moz-transform: translateZ(-500px);}
 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0);}
}
@keyframes backSlideIn {
 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%);}
 75% { opacity: .5; transform: translateZ(-500px);}
 100% { opacity: 1; transform: translateZ(0) translateX(0);}
}
@-webkit-keyframes scaleToFade {
 to { opacity: 0; -webkit-transform: scale(.8);}
}
@-moz-keyframes scaleToFade {
 to { opacity: 0; -moz-transform: scale(.8);}
}
@keyframes scaleToFade {
 to { opacity: 0; transform: scale(.8);}
}
@-webkit-keyframes goDown {
 from { -webkit-transform: translateY(-100%);}
}
@-moz-keyframes goDown {
 from { -moz-transform: translateY(-100%);}
}
@keyframes goDown {
 from { transform: translateY(-100%);}
}
 @-webkit-keyframes scaleUpFrom {
 from { opacity: 0; -webkit-transform: scale(1.5);}
}
@-moz-keyframes scaleUpFrom {
 from { opacity: 0; -moz-transform: scale(1.5);}
}
@keyframes scaleUpFrom {
 from { opacity: 0; transform: scale(1.5);}
}
@-webkit-keyframes scaleUpTo {
 to { opacity: 0; -webkit-transform: scale(1.5);}
}
@-moz-keyframes scaleUpTo {
 to { opacity: 0; -moz-transform: scale(1.5);}
}
@keyframes scaleUpTo {
 to { opacity: 0; transform: scale(1.5);}
}

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center;}
#column-right .item .image .sale { font-size: 10px !important; font-weight: 600 !important; width: 25px !important; height: 25px !important; line-height: 25px !important; right: 6px !important; top: -4px !important;}
#column-right .item:hover .info .name a { color: #22B699; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#column-left .owl-carousel { margin: -10px 0px;}
#column-left .item .image .sale { font-size: 10px !important; font-weight: 600 !important; width: 25px !important; height: 25px !important; line-height: 25px !important; right: 6px !important; top: -4px !important;}
#column-left .item:hover .info .name a { color: #22B699; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#owl-example0 .owl-item img:hover { opacity: 0.8; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
#owl-example0 .owl-controls { background-color: #F5F5F5; border-top: 1px solid #EDEDED; margin: 10px -15px -24px; padding-top: 5px; text-align: center;}
#bar { width: 0%; max-width: 100%; height: 4px; background: #C1C1C1; margin-bottom: 3px;}
.slides { margin: 0; padding: 0; list-style: none;}
/* Чистим предидущее изображение для .slides */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides { display: block;}
* html .slides { height: 1%;}