/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:0;margin:0;padding:0}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}ul,ol{list-style:none}*:focus{outline:0;}h1,h2,h3,h4,h5,h6,small,big {font-size:100%;font-weight:normal;}table {border-collapse:collapse;border-spacing:0;}

body {min-width: 980px; font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; color: #333; background: #ECF9F8; padding-bottom: 30px;}
a {color: #6A82A9; text-decoration: none;}
a:hover {color: #FF8500;}
.minwidth {width: 960px; margin: 0px auto;}
.clear {clear: both; height: 0px; overflow: hidden;}
.block {background: #fff; padding: 10px; margin-bottom: 20px;}
.block-full {padding: 0px; background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAIAAAACDbGyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpifPPzBwMSYGJABaTyAQIMAOEqAucbxeD4AAAAAElFTkSuQmCC") 210px 0px repeat-y;}
.block-full .block {margin-bottom: 0px;}
.block-full .block+.block {border-top: 5px solid #ECF9F8;}
.bm5 {margin-bottom: 5px;}
.tm20 {margin-top: 20px;}

.left {float: left; width: 210px;}
.right {float: right; width: 745px;}

.block-reverse {background-position: 745px 0px;}
.block-reverse .left {float: left; width: 745px;}
.block-reverse .right {float: right; width: 210px;}

.gradient {
	background: #EFEFEF;
	background: -webkit-linear-gradient(top,#FFF,#EFEFEF);
	background: -moz-linear-gradient(top,#fff,#efefef);
	background: -o-linear-gradient(top,#fff,#efefef);
	background: linear-gradient(to bottom,#FFF,#EFEFEF);
}
.gradient:hover {
	background: #E7E7E7;
	background: -webkit-linear-gradient(top,#FFF,#E7E7E7);
	background: -moz-linear-gradient(top,#fff,#e7e7e7);
	background: -o-linear-gradient(top,#fff,#e7e7e7);
	background: linear-gradient(to bottom,#FFF,#E7E7E7);
}
.gradient-blue {
	background: #89A1C7;
	background: -webkit-linear-gradient(top,#89A1C7,#7790B6);
	background: -moz-linear-gradient(top,#89a1c7,#7790b6);
	background: -o-linear-gradient(top,#89a1c7,#7790b6);
	background: linear-gradient(to bottom,#89A1C7,#7790B6);
}
.gradient-blue:hover {
	background: #94ABCF;
	background: -webkit-linear-gradient(top,#94ABCF,#7790B6);
	background: -moz-linear-gradient(top,#94abcf,#7790b6);
	background: -o-linear-gradient(top,#94abcf,#7790b6);
	background: linear-gradient(to bottom,#94ABCF,#7790B6);
}
.gradient-orange {
	background: #FF9E34;
}
.gradient-active {
	box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.2);
}


/*Кнопки*/
.btn {display: inline-block; padding: 4px 10px; color: #333 !important; border: 1px solid #D5D5D5; vertical-align: middle; border-radius: 4px; text-shadow: 1px 1px #FFF; font-size: 15px; line-height: 20px;}
.gradient-blue.btn {border: 1px solid #7992B8; border-top-color: #88A0C6; border-bottom-color: #607BA2; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.15); color: #fff !important; text-shadow: 1px 1px #607BA2;}

.input {border: 1px solid #D4D4D4; padding: 6px 10px; font-size: 13px; line-height: 16px; color: #707070; width: 100%; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); background: #fff; display: inline-block; vertical-align: middle;}
select {padding: 5px; border: 1px solid #D5D5D5; border-radius: 4px; text-shadow: 1px 1px #FFF; color: #333; height: 28px;
	background: #EFEFEF;
	background: -webkit-linear-gradient(top,#FFF,#EFEFEF);
	background: -moz-linear-gradient(top,#fff,#efefef);
	background: -o-linear-gradient(top,#fff,#efefef);
	background: linear-gradient(to bottom,#FFF,#EFEFEF);
}
/*---*/

/*Шапка*/
.header {position: relative; z-index: 6; padding: 20px 0px;}
.header table {width: 100%;}
.header table td {vertical-align: middle; white-space: nowrap;}
.header table td+td {padding-left: 20px;}
.header table .td-min {width : 1%;}
.header .logo img {vertical-align: middle;}

.form-search {position: relative; width: 100%; padding-right: 27px;}
.form-search input {border: 1px solid #D4D4D4; padding: 5px 10px; font-size: 13px; line-height: 16px; color: #707070; width: 100%; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1); background: #fff;}
.form-search button {position: absolute; top: 0px; right: 0px; width: 28px; height: 28px; border: 1px solid #D4D4D4; border-radius: 0px 4px 4px 0px; color: #888; text-shadow: 0px 1px #FFF;}
.form-search button:hover {color: #666;}

.contacts {position: relative; font-size: 15px; line-height: 20px;}
.contacts .question {position: relative; color: #333; opacity: 0.8; padding-left: 35px;}
.contacts .question:hover {opacity: 1;}
.contacts .question i {position: absolute; left: 0px; top: 50%; margin-top: -15px; width: 30px; height: 30px; background: url(contacts-icons.png) 0px 0px no-repeat;}

.cart-top {position: relative; font-size: 15px; line-height: 20px; box-shadow: 0px 0px 8px rgba(0,0,0,0.1); border-radius: 4px;}
.cart-top .cart-info {display: inline-block; padding: 4px 5px 4px 10px; color: #fff; border: 1px solid #7992B8; border-right-style: none; border-top-color: #88A0C6; border-bottom-color: #607BA2; vertical-align: middle; border-radius: 4px 0px 0px 4px; position: relative; z-index: 1; background: #7f97bf url(cart-bg.png) 0px -60px repeat-x; text-shadow: 1px 1px #607BA2;}
.cart-top .cart-info .gradient {position: absolute; top: -1px; right: -9px; width: 9px; height: 30px; background: url(cart-bg.png) 0px 0px no-repeat;}
.cart-top .cart-info:hover {background-position: 0px -88px;}
.cart-top .cart-info:hover .gradient {background-position: 0px -30px;}
.cart-top .login {display: inline-block; padding: 4px 10px 4px 15px; color: #333; border: 1px solid #D5D5D5; vertical-align: middle; border-radius: 0px 4px 4px 0px; text-shadow: 1px 1px #FFF;}
.cart-top div.login {cursor: pointer;}
.cart-top div.login .up {cursor: default;}
.cart-top div.login .fa {color: #888;}
.cart-top div.login:hover .fa {color: #666;}
/*---*/

/*Меню*/
.menu {position: relative; z-index: 5; background-color: #27292C; font-size: 15px; line-height: 19px; margin-bottom: 20px;}
.menu li {display: inline-block; position: relative;}
.menu li.last {float: right;}
.menu li a {display: block; color: #fff; padding: 5px 10px 7px;}
.menu li a:hover {background-color: #7992B8;}
.menu li:hover a {background-color: #7992B8;}
.menu li a.active {background-color: #404448;}
.menu li ul {transition: all 0.4s ease-in-out; opacity: 0; visibility: hidden; position: absolute; left: 0px; top: 31px; background-color: #fff; box-shadow: 0px 0px 16px rgba(0,0,0,0.25); padding: 4px 0px; white-space: nowrap; min-width: 180px;}
.menu li:hover ul {opacity: 1; visibility: visible;}
.menu li ul li {display: block; margin: 1px 0px;}
.menu li ul a {color: #333; padding: 5px 10px; background-color: #fff !important;}
.menu li ul a:hover, .menu li ul a.active {color: #fff; background-color: #7992B8 !important;}

.menu-left .item+.item {border-top: 1px solid #eee;}
.menu-left .item a {display: block; padding: 10px;}
.menu-left .item a.active {font-weight: bold; color: #FF8500;}
.menu-left .item ul {padding: 0px 10px 10px;}
.menu-left .sub-item {font-size: 11px; line-height: 15px;}
.menu-left .sub-item a {padding: 0px; margin-left: 10px;}
.menu-left .sub-item+.sub-item {margin-top: 10px;}
/*---*/

/*Преимущества*/
.top-icons ul {margin: 10px 0px;}
.top-icons li {position: relative; display: inline-block; width: 33%; padding: 0px 20px 0px 82px; vertical-align: middle;}
.top-icons li i {display: block; position: absolute; left: 10px; top: 50%; margin-top: -31px; width: 62px; height: 62px; background: url(benefits-icons.png) 0px center no-repeat;}
.top-icons li i.icon2 {background-position: -62px center;}
.top-icons li i.icon3 {background-position: -124px center;}
.top-icons li span {display: block; font-size: 11px; line-height: 15px; color: #999; margin-top: 2px;}

.right .top-icons ul {margin: 0px; padding: 10px 20px; text-align: center;}
.right .top-icons li {position: relative; display: inline-block; width: 100%; padding: 0px; vertical-align: middle; margin: 10px 0px;}
.right .top-icons li i {position: relative; left: 0px; top: 0px; margin: 0px auto 2px;}
.right .top-icons li i.icon1 {height: 28px;}
.right .top-icons li i.icon2 {height: 48px;}
.right .top-icons li i.icon3 {height: 38px;}

.right .top-icons .new-icons {padding: 0px; text-align: left; font-size: 12px; line-height: 16px;}
.right .top-icons .new-icons li+li {border-top: 1px solid #ECF9F8;}
.right .top-icons .new-icons li {z-index: 10; display: block; margin: 0px; padding: 15px 10px 15px 40px; cursor: default;}
.right .top-icons .new-icons li i {position: absolute; left: 8px; top: 50%; margin: -14px 0px 0px 0px; width: 28px; height: 28px; background-image: url(sprite-all.png);}
.right .top-icons .new-icons li i.new-icon1 {background-position: 0px -308px;}
.right .top-icons .new-icons li:hover i.new-icon1 {background-position: 0px -385px;}
.right .top-icons .new-icons li i.new-icon2 {background-position: 0px -1082px;}
.right .top-icons .new-icons li:hover i.new-icon2 {background-position: 0px -1159px;}
.right .top-icons .new-icons li i.new-icon3 {background-position: 0px -153px;}
.right .top-icons .new-icons li:hover i.new-icon3 {background-position: 0px -230px;}
.right .top-icons .new-icons li i.new-icon4 {background-position: 0px -927px;}
.right .top-icons .new-icons li:hover i.new-icon4 {background-position: 0px -1004px;}
.right .top-icons .new-icons li:hover {color: #6A82A9;}
.right .top-icons .new-icons .icon-text {display: none; position: absolute; box-shadow: 0px 0px 16px rgba(0,0,0,0.25); border: 1px solid #D6D6D6; width: 300px; left: -315px; top: 50%; background-color: #fff; padding: 10px 15px; color: #333;}
.right .top-icons .new-icons li:hover .icon-text {display: block;}
.right .top-icons .new-icons .icon-text b {position: absolute; width: 24px; height: 57px; right: -24px; top: 50%; margin-top: -29px; background: url(sprite-arrow.png) 0px 0px no-repeat;}
.right .top-icons .new-icons .it1 {margin-top: -43px;}
.right .top-icons .new-icons .it2 {margin-top: -51px;}
.right .top-icons .new-icons .it3 {margin-top: -43px;}
.right .top-icons .new-icons .it4 {margin-top: -67px;}
/*---*/

/*Слайды*/
.owl-slider {width: 940px; height: 400px; overflow: hidden; padding-left: 200px;}
.owl-slider .item span {position: absolute; bottom: 100px; right: 125px; background: rgba(0,0,0,0.6); color: #FFF; border-radius: 20px; font-size: 15px; line-height: 28px; padding: 1px 7px 1px 13px;}
.owl-slider .item span:hover {background-color: #000;}
.slider {position: relative; width: 940px; height: 400px;}
.slider-nav {position: absolute; z-index: 10; left: 0px; top: 60px; width: 200px; font-size: 15px; line-height: 19px;}
.slider-nav a {display: block; padding: 13px 10px; color: rgba(0,0,0,0.5);}
.slider-nav a.slide-active {color: #333;}
.slider-nav a+a {border-top: 1px solid rgba(0,0,0,0.3);}
/*---*/

/*Заголовки*/
.extra-title {color: #999; display: block; font-family: Roboto, sans-serif; font-size: 35px; font-weight: 900; height: 30px; letter-spacing: 3px; line-height: 30px; text-align: center; text-transform: uppercase; margin: 15px 0px;}
.extra-title::before {content: '– ';}
.extra-title::after {content: ' –';}
.et-black {color: #333;}
/*---*/

/*Блок О магазине*/
.about {padding: 5px 20px; color: #999;}
.about .item {float: left; width: 293px;}
.about .item-2 {margin: 0px 20px;}
.about h3 {margin: 10px 0px 15px; font-family: Roboto, sans-serif; font-size: 22px; line-height: 26px;}
.about p {margin: 15px 0px;}
.about .item-logo {position: relative; height: 120px;}
.about .item-logo span {position: relative; z-index: 2; display: block; width: 120px; height: 120px; border-radius: 100px; background-color: #eee; margin: 0px auto; border: 10px solid #fff;}
.about .item-logo span em {position: absolute; z-index: 2; display: block; left: 50%; top: 50%; margin: -36px 0px 0px -36px; width: 72px; height: 72px; background-image: url(about-icons.png);}
.about .item-1 span em {background-position: 0px 0px;}
.about .item-2 span em {background-position: -72px 0px;}
.about .item-3 span em {background-position: -144px 0px;}
.about .item-logo i {position: absolute; width: 100%; height: 2px; left: 0px; top: 59px; background: #eee;}
/*---*/

/*Промо-товары на главной*/
.promo-place {padding: 15px 10px 10px;}
.promo {overflow: hidden;}
.promo .item {float: left; width: 306px; text-align: center;}
.promo .item+.item {margin-left: 11px;}
.promo .item a {color: #000; display: block;}
.promo .item a:hover {color: #FF8500;}
.promo .item a:hover .thumb {opacity: 0.9;}
.promo .title {display: block; font-family: Roboto, sans-serif; font-size: 22px; line-height: 26px; font-weight: 400;}
.promo .sub-title {display: block; font-size: 15px; line-height: 19px; margin: 2px 0px 15px;}
.promo .thumb {display: block; width: 100%; height: 238px; background: center no-repeat; background-size: contain;}

.promo-big {padding: 10px;}
.promo-big a {display: block;}
.promo-big img {display: block;}
/*---*/

/*Товары на главной*/
.main-scroll {padding: 10px 50px;}
.owl-collection {margin: 25px 0px 10px;}
.owl-collection .item {text-align: center;}
.owl-collection .item a {color: #333; display: block;}
.owl-collection .item a:hover .title {color: #FF8500;}
.owl-collection .thumb {position: relative; display: block; width: 100%; height: 164px; background: center no-repeat; background-size: contain;}
.owl-collection .item .title {display: block; font-weight: normal; margin: 5px 0px 3px; height: 34px; overflow: hidden;}
.owl-collection .item .price {display: block; font-weight: bold;}
.owl-collection .item .price s {font-weight: normal; text-decoration: line-through; color: #999;}
/*---*/

/*Контент*/
.text {margin: -10px 10px;}
.text h1 {font-size: 44px; font-family: Roboto, sans-serif; line-height: 44px; color: #333; margin: 20px 0px; font-weight: 100;}
.text h2 {font-size: 30px; font-family: Roboto, sans-serif; line-height: 30px; color: #333; margin: 20px 0px; font-weight: 100;}
.text h3 {font-size: 22px; font-family: Roboto, sans-serif; line-height: 22px; color: #333; margin: 20px 0px; font-weight: 100;}
.text p {margin: 20px 0px;}
.text ul, .text ol {margin: 20px 0px 20px 40px; list-style-position: outside;}
.text li {margin: 5px 0px;}
.text ol {list-style-type: decimal;}
.text ul {list-style-type: square;}
.text table {width: 100%; margin: 20px 0px;}
.text table th, .text table td {padding: 10px 15px; border: 1px solid #eee;}
/*---*/

/*Хлебные крошки*/
.breadcrumb {position: relative; background: #fff; overflow: hidden; margin-bottom: 5px; line-height: 16px; color: #bbb;}
.breadcrumb li {float: left; background: url(breadcrumbs-bg.png) right center no-repeat; margin-right: -5px;}
.breadcrumb li.active {padding: 7px 25px 7px 18px; background-image: none;}
.breadcrumb a {display: block; padding: 7px 25px 7px 18px; color: #bbb;}
.breadcrumb a:hover {color: #FF8500;}
/*---*/

/*Пейджинг*/
.paging {position: relative; padding: 20px; overflow: hidden; font-size: 15px; line-height: 19px; color: #333; text-align: right; height: 71px;}
.paging li {display: inline-block; margin-left: 5px; border: 1px solid #D5D5D5; border-radius: 4px; vertical-align: middle;}
.paging .empty {padding: 6px; border-style: none;}
.paging .gradient {text-shadow: 1px 1px #FFF;}
.paging .gradient-orange {border-color: #D7852B #EB912F #FF9E34;}
.paging a, .paging span {display: block; padding: 5px 11px; color: #333;}
.paging span {color: #fff;}
.paging .page-up {position: absolute; left: 20px; top: 20px; margin-left: 0px;}
.paging .page-up a {padding: 5px 8px; color: #888;}
.paging .page-up a:hover {color: #666;}
/*---*/

/*Каталог*/
.text-collection {padding: 1px 20px; background: #ECF9F8; margin: 0px; text-align: center;}
.text-collection h1 {font-size: 30px; line-height: 30px; font-weight: 500; text-transform: uppercase;}

.block-collection {padding: 0px;}
.collection .products-count {padding: 20px; position: relative;}
.collection .products-count p {font-size: 22px; font-family: Roboto, sans-serif; line-height: 28px; color: #333;}
.collection .products-count form {position: absolute; top: 20px; right: 20px;}
.collection .product {float: left; width: 235px; margin: 10px 0px 10px 10px; padding: 10px;}
.collection .product:hover {border: 1px solid #D8D8D8; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25); padding: 9px;}
.collection .separator {height: 1px; overflow: hidden; clear: both; background-color: #ECF9F8;}

.product .thumb {position: relative; display: block; width: 215px; height: 215px; background: center no-repeat; background-size: contain;}
.product .title {margin: 9px 0px 5px;}
.product .title a {color: #333;}
.product .price {font-weight: bold;}
.product .price.with-old-price {color: #FF8500;}
.product .price s {font-weight: normal; text-decoration: line-through; color: #999;}

.sub-collection {text-align: center;}
.sub-collection .title {font-weight: bold;}
/*---*/

/*Товар*/
.block-product {background-position: 320px 0px;}
.block-product .left {width: 320px;}
.block-product .right {width: 635px;}

.block-description {padding: 0px;}
.block-description .left {width: 431px; border-right: 1px solid #ECF9F8;}
.block-description .right {width: 205px; border-left: 1px solid #ECF9F8; margin-left: -1px;}

.product-info {padding: 20px;}
.product-info h1 {font-size: 22px; font-family: Roboto, sans-serif; line-height: 22px; color: #333; margin: 0px;}
.product-info p {margin: 10px 0px 0px;}
.product-info .all-link {margin-top: 20px;}
.product-info .all-link a {display: inline-block; white-space: nowrap; margin-right: 20px;}
.product-info .all-link span {display: inline-block}
.product-info .all-link span:first-letter {text-transform: lowercase;}

.product-form {border-top: 1px solid #ECF9F8; padding: 20px;}
.product-form .price {font-size: 22px; line-height: 26px; color: #333; margin-bottom: 20px;}
.product-form .price.with-old-price {color: #FF8500;}
.product-form .price s {color: #999; text-decoration: line-through;}
.product-form .add_button {padding: 6px 10px; width: 190px; text-align: center;}

.product-variant {overflow: hidden; width: 400px; padding-bottom: 10px;}
.product-variant .selector-wrapper {float: left; width: 100%; width: 190px; margin: 0px 10px 10px 0px;}
.product-variant label {display: block; font-weight: bold; margin-bottom: 3px;}
.product-variant select {display: block; width: 100%;}

.product-image {padding: 0px; position: relative; overflow: hidden;}
.product-image .product-image-place {position: relative;}
.product-image .spinner {position: absolute; z-index: 20; left: 50%; top: 50%; width: 70px; height: 70px; margin: -35px 0px 0px -35px; background: #fff url(preloader.gif) center no-repeat; border-radius: 40px; box-shadow: 0px 0px 16px rgba(0,0,0,0.25);}
.product-image img {display: block; width: 320px !important;}
.product-images {border-top: 1px solid #ECF9F8; padding: 0px 5px 5px; text-align: center;}
.product-images a {display: inline-block; background: center no-repeat; background-size: contain; width: 50px; height: 50px; margin: 10px 5px 0px 5px; border: 1px solid #eee;}
.product-images a.active {outline: 4px solid #eee;}
.zoomWindow {border-bottom: 5px solid #ECF9F8 !important;}

.table-properties {margin: 20px 0px 10px; table-layout: fixed;}
.table-properties th, .table-properties td {padding-bottom: 10px;}
.table-properties th {text-align: left; padding-right: 20px; width: 200px;}

.markers {position: absolute; left: 10px; top: 10px; z-index: 5;}
.markers span {float: left; clear: both; padding: 2px 5px; font-size: 11px; line-height: 15px; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); margin-bottom: 4px; color: #fff; letter-spacing: 1px;}
.markers .marker-discount {background: #FF9E35;}
.markers .marker-new {background: #66C49D;}

.block-recent {display: none; padding: 1px 0px 20px;}
.block-recent .block-title {font-size: 22px; font-family: Roboto, sans-serif; line-height: 22px; color: #333; margin: 20px;}
.block-recent .item {position: relative; min-height: 75px; margin-top: 20px; padding: 20px 20px 0px 95px; border-top: 1px solid #ECF9F8;}
.block-recent .item a {color: #333; display: block;}
.block-recent .item a:hover .title {color: #FF8500;}
.block-recent .thumb {position: absolute; left: 20px; top: 20px; display: block; width: 55px; height: 55px; background: center no-repeat; background-size: contain;}
.block-recent .item .title {display: block; font-weight: normal; max-height: 34px; overflow: hidden;}
.block-recent .item .price {display: block; font-weight: bold; margin-top: 4px;}
.block-recent .item .price s {font-weight: normal; text-decoration: line-through; color: #999;}
/*---*/

/*Корзина*/
.cart-form {padding: 0px;}
.cart-form .row {position: relative; z-index: 1; padding: 20px;}
.cart-form .row-header {font-weight: bold; padding: 15px 20px;}
.cart-form .row-item {border-top: 1px solid #ECF9F8;}

.cart-form div.thumb {float: left; width: 120px;}
.cart-form .thumb span {display: block; width: 120px; height: 120px; background: center no-repeat; background-size: contain;}

.cart-form .title {float: left; width: 250px; padding-left: 20px; font-weight: bold;}

.cart-form .price {float: left; width: 110px; padding-left: 20px; text-align: center;}
.cart-form .quantity {float: left; width: 115px; padding-left: 20px; text-align: center;}
.cart-form .row-item .quantity {margin-top: -4px;}
.cart-form .quantity .q {display: inline-block; margin: 0px 5px; padding: 0px; border: none; width: 20px; height: 25px; line-height: 25px; text-align: center; color: #333; vertical-align: middle;}
.cart-form .quantity .q-count {display: inline-block; color: #888; border: 1px solid #D5D5D5; vertical-align: middle; border-radius: 20px; text-shadow: 1px 1px #FFF; visibility: hidden; width: 25px; height: 25px; line-height: 25px; vertical-align: middle;}
.cart-form .quantity .q-disable {opacity: 0.5; cursor: default;}
.cart-form .total {float: left; width: 110px; padding-left: 20px; text-align: right;}

.cart-form .cart-item-remove {position: absolute; right: 20px; bottom: 20px; display: none; font-size: 13px; line-height: 17px;}
.cart-form .row-item:hover {border: 1px solid #D8D8D8; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25); padding: 20px 19px; z-index: 2; margin-bottom: -1px;}
.cart-form .row:hover .cart-item-remove {display: block;}
.cart-form .row:hover .q-count { visibility: visible;}

.cart-block {padding: 20px; border-top: 5px solid #ECF9F8; overflow: hidden;}
.cart-block .cart-sum {float: right; width: 150px;}
.cart-block .cart-sum p {position: relative;}
.cart-block .cart-sum p+p {margin: 5px 0px;}
.cart-block .cart-sum p span {position: absolute; top: 0px; right: 0px;}
.cart-block .cart-sum p .cart-discount {color: #CB2228;}
.cart-block .cart-sum p small {display: block; font-size: 11px; line-height: 15px; font-style: italic;}
.cart-block .cart-end {overflow: hidden;}
.cart-block .cart-end .gradient {float: left;}
.cart-block .cart-end .gradient-blue {float: right;}

.block-empty-cart {text-align: center; padding: 20px;}
.block-empty-cart .title {font-family: Roboto, sans-serif; font-size: 22px; line-height: 26px; color: #999; margin-bottom: 20px;}
/*---*/

/*Подвал*/
.footer-fix {position: fixed; z-index: 5; left: 0px; bottom: 0px; width: 100%; border-top: 1px solid #FFF; box-shadow: 0px -1px 0 #E5E5E5; background-color: #EEE; height: 30px;}
.footer-fix ul {float: left; font-weight: bold; line-height: 30px; padding-left: 10px;}
.footer-fix ul li {float: left; margin-right: 10px;}

.footer-subscribe {float: right; position: relative; margin-top: -1px;}
.footer-subscribe .subscribe {border-radius: 0px; font-size: 13px; font-weight: bold;}
/*---*/

/*Индикатор корзины*/
.shade {position: fixed; display: none; z-index: 19; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.preloader {position: fixed; display: none; z-index: 20; left: 50%; top: 50%; width: 70px; height: 70px; margin: -35px 0px 0px -35px; background: #fff url(preloader.gif) center no-repeat; border-radius: 40px; box-shadow: 0px 0px 16px rgba(0,0,0,0.25);}

.preloader-info {position: fixed; display: none; z-index: 21; left: 50%; top: 50%; width: 440px; margin: -140px 0px 0px -220px; background-color: #fff; color: #7F7F7F; box-shadow: 0px 0px 16px rgba(0,0,0,0.25); border: 1px solid #d6d6d6;}
.preloader-info .close {z-index: 2; position: absolute; right: 10px; top: 10px; width: 17px; height: 17px; background: url(popup-close.png); cursor: pointer;}
.preloader-info .title {color: #333; font-size: 22px; line-height: 26px; font-family: Roboto, sans-serif; padding: 20px;}

.preloader-content {position: relative; padding: 0px 20px 20px 160px; min-height: 140px;}
.preloader-content a {margin-bottom: 20px;}
.preloader-content .thumb {position: absolute; left: 20px; top: 0px; width: 120px; height: 120px; background: center no-repeat; background-size: contain;}
.preloader-content strong {color: #333;}
.preloader-content .price {font-weight: bold; color: #333;}

.preloader-bottom {padding: 20px; font-size: 15px; line-height: 20px; border-top: 1px solid #eee;}
.preloader-bottom .cart-up {position: relative; display: inline-block; padding: 4px 5px 4px 10px; color: #fff; border: 1px solid #7992B8; border-right-style: none; border-top-color: #88A0C6; border-bottom-color: #607BA2; vertical-align: middle; border-radius: 4px 0px 0px 4px; position: relative; z-index: 1; background: #7f97bf url(cart-bg.png) 0px -60px repeat-x; text-shadow: 1px 1px #607BA2;}
.preloader-bottom .cart-up .gradient {position: absolute; top: -1px; right: -9px; width: 9px; height: 30px; background: url(cart-bg.png) 0px 0px no-repeat;}
.preloader-bottom .cart-up:hover {background-position: 0px -88px;}
.preloader-bottom .cart-up:hover .gradient {background-position: 0px -30px;}

.container {position: fixed; display: none; z-index: 21; left: 50%; top: 50%; width: 630px; background-color: #fff; color: #7F7F7F; box-shadow: 0px 0px 16px rgba(0,0,0,0.25); border: 1px solid #d6d6d6;}
.container .close {z-index: 2; position: absolute; right: 10px; top: 10px; width: 17px; height: 17px; background: url(popup-close.png); cursor: pointer;}
.container .title {color: #333; font-size: 22px; line-height: 26px; font-family: Roboto, sans-serif; padding: 20px;}
.container .form-middle {padding: 20px 20px 0px; border-top: 1px solid #eee;}
.container table {width: 100%;}
.container th {text-align: left; color: #333; padding: 0px 20px 20px 0px; vertical-align: top; width: 1%; white-space: nowrap;}
.container td {padding: 0px 0px 20px 0px; vertical-align: top;}
.container td.td-min {padding: 0px 0px 20px 20px; vertical-align: middle; width: 1%; white-space: nowrap; line-height: 30px;}
.container select, .container .input {width: 100%;}
.container label {display: block; margin-top: 4px;}
.container textarea.input {height: 76px;}
.container .input-name {width: 50%; display: block;}
.container .input-mail {width: 50%; display: block; margin-top: 10px;}
.container .loader {font-family: Roboto, sans-serif; font-size: 15px; color: #999; line-height: 30px; display: block;}
.container .loader-error {color: #CB2228;}
.container .loader-ok {color: #66C49D;}

.container .form-end {padding: 20px; font-size: 15px; line-height: 20px; border-top: 1px solid #eee;}
.container .form-end button {margin-right: 20px;}
.container .form-end a {vertical-align: middle;}

.container-login {width: 430px;}
.container-login .loader {line-height: 19px; margin: -10px 0px 10px;}

.container-change {width: 430px;}
.container-change .loader {line-height: 19px; margin: -10px 0px 10px;}
/*---*/

/*Формы*/
.up {position: absolute; display: none; background-color: #fff; box-shadow: 0px 0px 16px rgba(0,0,0,0.25); border: 1px solid #CBCBCB; font-size: 13px; line-height: 17px;}
.up .i {position: absolute; left: 10px; top: -10px; width: 19px; height: 10px; background: url(up-arrow.png) 0px 0px no-repeat;}

.contacts .up {left: 35px; top: 35px;}
.contacts .up li {padding: 15px;}
.contacts .up li+li {border-top: 1px solid #eee;}
.contacts .up span {display: block; font-weight: bold; margin-bottom: 2px;}

.footer-subscribe .up {bottom: 50px; right: 20px; width: 240px; padding: 15px 20px 20px;}
.footer-subscribe .up .i {left: 50%; bottom: -10px; top: auto; margin-left: -10px; background-position: 0px -10px;}
.footer-subscribe .up p {font-weight: bold; margin-bottom: 15px;}
.footer-subscribe .up fieldset {position: relative; width: 100%; padding-right: 39px;}
.footer-subscribe .up fieldset .input {width: 100%;}
.footer-subscribe .up fieldset .btn {position: absolute; top: 0px; right: 0px; width: 40px; border-radius: 0px 4px 4px 0px; padding: 4px 0px;}

.cabinet .up {right: 0px; top: 45px;}
.cabinet .up .i {right: 10px; left: auto}
.cabinet .up ul {padding: 5px 15px;}
.cabinet .up li {margin: 8px 0px;}
/*---*/

#shopberry-header {display: none !important;}