body {margin:0; padding:0; font-size:12px; color:#000; text-align:left; font-family:Roboto,arial,sans-serif; position:relative; background:#f3f7fa;}
* {margin:0; padding:0;}
img {border:none; vertical-align:middle;}
input,select,textarea,td,li,code,label {font-size:inherit; font-family:inherit;}
input[type=text],input[type=password],textarea {padding:7px; border:1px solid #ced2d6; background:#fff; box-shadow:5px 5px 5px rgba(0,0,0,0.07) inset; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
input[type=checkbox] {background:none;}
select {padding:3px; border:1px solid #ced2d6; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
select option {padding-right:15px;}
blockquote {font-style:italic; padding:10px 15px; margin:10px -3px; position:relative; background:#f8f8f8;}
blockquote:before {content:'„'; color:#eee; font-size:150px; font-family:arial,sans-serif; position:absolute; left:5px; top:-131px;}
blockquote p {position:relative;}
::-moz-placeholder {color:#999 !important; opacity:1;}
::-webkit-input-placeholder {color:#999 !important;}
:-ms-input-placeholder {color:#999 !important;}
.placeholder {color:#999;}
.gm-style div, .gm-style span, .gm-style label, .gm-style a {font-family:arial,sans-serif !important;}
.gm-style b {font-weight:bold;}
.cms-has-popup {cursor:pointer;}

table th {font-weight:bold; text-align:left;}
table[align=center] {margin:auto;}
table[border] {border-style:solid; border-color:#e8e8e8;}
table[cellspacing='0'] {border-collapse:collapse;}
table[border='0'] {border:none;}
table[border] td,
table[border] th {border-style:solid; border-color:#e8e8e8; padding:5px;}
table[border='0'] td,
table[border='0'] th {border-width:0; padding:0;}

.table {background:#fff;}
.table caption {color:#fff; text-align:left; font-weight:bold; padding:15px; background:#014489;}
.table td {padding:10px 15px !important;}
.table th {color:#000; font-weight:normal; font-size:14px; padding:15px !important; background:#f3f7fa;}
.table[border] th {border-bottom-color:#fff;}
.table tr:nth-child(2n) td {}

.cs-slide .cs-item {margin:0 0 5px; background:#fff;}
.cs-slide .cs-item .cs-title {padding:10px 20px 10px 15px; cursor:pointer; position:relative; border:1px solid #ced2d6; background:#edf2f6;}
.cs-slide .cs-item .cs-title h2 {color:#515a5f; text-transform:uppercase; font-weight:bold; font-size:14px; padding:0;}
.cs-slide .cs-item .cs-title:after {content:'+'; font-size:22px; color:#515a5f; font-family:arial,sans-serif; position:absolute; right:10px; top:50%; margin:-13px 0 0;}
.cs-slide .cs-item.active .cs-title:after {content:'-'; right:13px; margin:-14px 0 0;}
.cs-slide .cs-item .cs-content {padding:5px 15px; border:1px solid #E8E8E8; border-top:none;}

.ct-tabs {background:#fff; margin:0 -15px;}
.ct-tabs .ct-hdrs {height:40px; border-bottom:1px solid #ced2d6; border-top:1px solid #ced2d6;}
.ct-tabs .ct-hdrs .ct-hdr {float:left; line-height:40px; cursor:pointer; border-right:1px solid #ced2d6;}
.ct-tabs .ct-hdrs .ct-hdr h2 {font-weight:normal; font-size:14px; padding:0 15px;}
.ct-tabs .ct-hdrs .ct-hdr.active {background:#f3f7fa;}
.ct-tabs .ct-hdrs .ct-hdr.active h2 {}
.ct-tabs .ct-item {clear:both; padding:10px 15px;}

.tpl-col {padding:0 0 5px;}
.tpl-col .tpl-col-item {float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.tpl-col .tpl-clr {clear:both; height:0;}

/******/
h1 {padding:10px 0; font-size:24px; font-weight:bold; color:#014489;}
h2 {padding:10px 0; font-size:16px; font-weight:500; color:#014489;}
h3 {padding:5px 0; font-size:14px; font-weight:bold; color:#014489;}
h4 {padding:0; font-size:12px; font-weight:bold; color:#014489;}
p {text-align:justify; padding:5px 0;}
ul,ol {margin:15px 0 15px 25px;}
ul ul {margin:5px 0 5px 15px;}
ol ol {margin:5px 0 5px 15px;}
li {padding:1px 0;}
hr {border:none; clear:both; height:10px; margin:0 0 10px; border-bottom:1px solid #ced2d6;}
a {text-decoration:none; color:#014489;}
a:hover {text-decoration:none; color:#e30613;}

.clear {clear:both; height:0; line-height:1px; font-size:0;}
.left {float:left;}
.right {float:right;}
img.left {margin:0 10px 5px 0;}
img.right {margin:0 0 5px 10px;}

.buttons {text-align:center; padding:10px 0;}
.buttons .button {margin:0 2px;}
.button {height:33px; line-height:33px; color:#014489; font-weight:bold; text-align:center; padding:0 20px; display:inline-block; cursor:pointer; border:3px solid #014489;}
.button:hover {background:#014489; color:#fff; text-decoration:none;}
.button:active {transform:translateY(1px);}
.button.red {color:#e30613; border-color:#e30613;}
.button.red:hover {color:#fff; background:#e30613;}
.button.white {color:#fff; border-color:#fff;}
.button.white:hover {color:#014489; background:#fff;}
.button.small {height:29px; line-height:29px;}

.button.cart {padding-left:48px; position:relative;}
.button.cart:before {content:''; width:20px; height:17px; position:absolute; left:14px; top:8px; background:url(i/sprites.png) no-repeat -17px 0;}

.red {color:#e30613;}
.blue {color:#014489;}
.green {color:#7faf18;}

/******/
.box {padding:15px; margin:0 0 15px; border:1px solid #ced2d6; background:#fff;}

.box-small {}
.box-small .shdr {font-size:16px; color:#014489; font-weight:500; padding:0 0 12px;}

.box-big {}
.box-big .hdr {font-size:16px; font-weight:500; padding:0 15px 12px; margin:0 -15px 15px; border-bottom:1px solid #ced2d6;}
        
.head {z-index:1000;}
.head .content {width:1168px; height:125px; margin:auto; position:relative; background:#fff; border:1px solid #e2e6e8; border-top:0; box-shadow:0 -1px 4px #d6dadd; z-index:101;}
.head .logo {position:absolute; left:15px; top:37px;}
.head .infoline {color:#4c4f53; font-size:14px; font-weight:500; padding:0 15px; overflow:hidden; position:absolute; right:0; top:30px;}

.head .top-cart {width:90px; height:58px; line-height:58px; color:#e30613; font-size:14px; font-weight:500; text-align:center; position:absolute; right:0; bottom:0; border-left:1px solid #eaeaea; border-top:1px solid #eaeaea;}
.head .top-cart span {position:relative; padding:0 0 0 20px;}
.head .top-cart span:before {content:''; width:20px; height:17px; position:absolute; left:-10px; top:0; background:url(i/sprites.png) no-repeat -17px 0;}
.head .top-cart:hover {opacity:0.8;}

.head .top-user {width:254px; position:absolute; right:90px; bottom:0;}
.head .top-user a {float:left; width:50%; height:59px; line-height:59px; color:#4c4f53; font-size:14px; font-weight:500; text-align:center; display:block; padding:0 15px 0 35px; position:relative; border-left:1px solid #eaeaea; border-top:1px solid #eaeaea; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.head .top-user a:hover {color:#e30613;}
.head .top-user a.login:before,
.head .top-user a.logout:before {content:''; width:16px; height:18px; position:absolute; left:12px; top:50%; margin:-9px 0 0; background:url(i/sprites.png) no-repeat 0 -88px;}
.head .top-user a.register:before,
.head .top-user a.mydata:before {content:''; width:15px; height:18px; position:absolute; left:12px; top:50%; margin:-9px 0 0; background:url(i/sprites.png) no-repeat -18px -88px;}

.head .top-search {width:510px; padding:12px 12px 11px 0; position:absolute; left:302px; bottom:0; border-top:1px solid #eaeaea;}
.head .top-search .inp {padding:0 95px 0 0; position:relative;}
.head .top-search .inp:before {content:''; width:16px; height:16px; position:absolute; left:8px; top:10px; background:url(i/sprites.png) no-repeat 0 0;}
.head .top-search .inp input {width:100%; padding:8px 8px 8px 32px; height:35px;}
.head .top-search .button {float:right; position:relative; z-index:100;}

.head .menu {position:absolute; left:290px; top:29px;}
.head .menu ul {list-style:none; margin:0; padding:0;}
.head .menu ul li {list-style:none; margin:0; padding:0 12px; display:inline-block;}
.head .menu ul li .a {font-size:16px; font-weight:500;}
.head .menu .line {width:0; height:7px; position:absolute; left:0; top:-29px; background:#e30613;}

.head .rwd-menu {display:none;}

.page {width:1170px; margin:auto; position:relative; z-index:100;}
.main {padding:15px 0;}

.side-left {float:left; width:220px;}
.side-right {float:right; width:220px;}
.side-center.is-left {float:left; width:950px;}
.side-center.is-left .sc-cnt {padding-left:20px;}
.side-center.is-right {float:left; width:950px;}
.side-center.is-right  .sc-cnt {padding-right:20px;}
.side-center.is-left.is-right {width:730px;}

.footer {width:1170px; margin:auto; padding:30px 0; position:relative; background:#fff; box-shadow:0 0 4px #d6dadd;}
.footer .logo {float:left; margin:10px 50px 10px 20px;}
.footer .menu-bottom {float:left; padding:0 65px 0 0;}
.footer .menu-bottom ul {list-style:none; margin:0; padding:0;}
.footer .menu-bottom ul li {list-style:none; margin:0; padding:2px 0;}
.footer .menu-bottom ul li .a {color:inherit;}
.footer .menu-bottom ul li .a:hover {color:#e30613;}
.footer .bottom-social {padding:10px 0;}
.footer .bottom-social a {float:left; width:34px; height:34px; margin:0 5px; display:block; background:url(i/sprites.png) no-repeat;}
.footer .bottom-social a:hover {opacity:0.8;}
.footer .bottom-social a.google {background-position:0 -18px;}
.footer .bottom-social a.facebook {background-position:0 -53px;}
.footer .bottom-social a.youtube {background-position:-35px -18px;}
.footer .rf {float:right; margin:0 20px 0 0;}
.clear-footer {height:70px;}

.author {position:absolute; left:0; bottom:0; right:0;}
.author .content {width:1170px; height:59px; line-height:59px; margin:auto; border-top:4px solid #014489;}
.author .triso {float:right;}
.author .triso:after {content:': Triso.pl';}
.author .triso:hover {}

.customer-menu {}
.customer-menu a {}

.stars-panel {position:relative; display:inline-block;}
.stars-panel img {padding:0 3px 0 0;}
.stars-panel .progress {height:100%; position:absolute; left:0; top:0; overflow:hidden; white-space:nowrap;}
.star-selector {display:inline-block;}
.star-selector .vote-sel {vertical-align:top; line-height:15px; font-weight:bold; padding:0 0 0 3px;}

.article img, .article .googlemap, .article iframe {max-width:100%;}


/******/
.main-slider {height:355px; position:relative; background:#014489; overflow:hidden;}
.main-slider .items .item {height:355px; line-height:355px; color:#fff; position:relative;}
.main-slider .content {width:1170px; margin:auto; position:relative;}
.main-slider .bg {text-align:center; position:absolute; left:0; top:0; right:0; bottom:0;}
.main-slider .info {line-height:1; vertical-align:middle; display:inline-block; padding:0 0 50px 470px;}
.main-slider .title {font-size:36px; line-height:1.2; font-weight:300; padding:0 0 15px; border-bottom:1px solid #4779ae;}
.main-slider .desc {font-size:16px; line-height:1.4; font-weight:300; padding:10px 0 20px;}
.main-slider .price {float:left; color:#014489; font-size:36px; margin:0 40px 0 0;}
.main-slider .button {padding:0 25px;}
.main-slider .dots {text-align:center; position:absolute; right:0; bottom:20px; left:0;}
.main-slider .dots span {width:10px; height:10px; margin:0 3px; display:inline-block; cursor:pointer; text-indent:100px; overflow:hidden; background:#fff; border-radius:5px; -webkit-border-radius:5px; transition:300ms ease all; -webkit-transition:300ms ease all;}
.main-slider .dots span.active {background:#014489;}

.main-slider .item.active .title {animation:ms_title 1.3s ease; -webkit-animation:ms_title 1.3s ease;}
.main-slider .item.active .desc {animation:ms_desc 1s ease; -webkit-animation:ms_desc 1s ease;}
.main-slider .item.active .price {animation:ms_button 500ms ease backwards 0.8s; -webkit-animation:ms_button 500ms ease backwards 0.8s;}
.main-slider .item.active .button {animation:ms_button 500ms ease backwards 1s; -webkit-animation:ms_button 500ms ease backwards 1s;}

@keyframes ms_title {
	0% {opacity:0; transform:translateX(500px);}
	70% {opacity:1; transform:translateX(-10px);}
	100% {transform:translateX(0);}
}
@-webkit-keyframes ms_title {
	0% {opacity:0; -webkit-transform:translateX(500px);}
	70% {opacity:1; -webkit-transform:translateX(-10px);}
	100% {transform:translateX(0);}
}

@keyframes ms_desc {
	0% {opacity:0;}
	50% {opacity:0; transform:translateY(50px);}
	100% {opacity:1; transform:translateY(0);}
}
@-webkit-keyframes ms_desc {
	0% {opacity:0;}
	50% {opacity:0; -webkit-transform:translateY(50px);}
	100% {opacity:1; -webkit-transform:translateY(0);}
}

@keyframes ms_button {
	0% {opacity:0; transform:scale(0.5);}
	60% {transform:scale(1.2);}
	100% {opacity:1; transform:scale(1);}
}
@-webkit-keyframes ms_button {
	0% {opacity:0; -webkit-transform:scale(0.5);}
	60% {-webkit-transform:scale(1.2);}
	100% {opacity:1; -webkit-transform:scale(1);}
}

.main-categories {margin:25px -2% 0 0;}
.main-categories .cat-box {float:left; width:18%; height:280px; padding:20px; margin:20px 2% 20px 0; background:#fff; border:4px solid #ced2d6; transition:200ms ease all; -webkit-transition:200ms ease all; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.main-categories .cat-box:hover {border-color:#4a8ad1; background:#f3f7fa;}
.main-categories .cat-box .icon {width:130px; height:90px; text-align:center; margin:-65px auto 0; position:relative;}
.main-categories .cat-box .icon:before {content:''; height:4px; position:absolute; left:0; right:0; top:41px; background:#fff; transition:200ms ease all; -webkit-transition:200ms ease all;}
.main-categories .cat-box img {position:relative;}
.main-categories .cat-box:hover .icon:before {background:#f3f7fa;}
.main-categories .cat-box .name {height:52px; line-height:25px; text-align:center; font-weight:500; font-size:19px; margin:5px -15px; padding:0; overflow:hidden;}
.main-categories .cat-box .name a {color:#000;}
.main-categories .cat-box .name a:hover {color:#e30613;}
.main-categories .cat-box .items {list-style:none; margin:0; padding:0; border-top:1px solid #ced2d6;}
.main-categories .cat-box .items li {list-style:none; margin:0; padding:1px 5px 1px 15px; position:relative; border-bottom:1px solid #ced2d6;}
.main-categories .cat-box .items li:before {content:''; width:5px; height:7px; position:absolute; left:5px; top:8px; background:url(i/sprites.png) no-repeat -59px 0;}
.main-categories .cat-box .items li a {color:#000;}
.main-categories .cat-box .items li a:hover {color:#e30613;}

.side-groups {padding:0 0 10px;}
.side-groups .group {color:#fff; font-weight:bold; text-transform:uppercase; padding:8px 8px 8px 45px; margin:0 0 5px; display:block; position:relative; background:#7faf18; border:2px solid #7faf18;}
.side-groups .group:before {content:''; position:absolute; left:-2px; top:-2px; bottom:-2px; width:36px; background:#668c13;}
.side-groups .group:after {content:''; width:7px; height:11px; position:absolute; left:13px; top:11px; background:url(i/sprites.png) no-repeat -60px -73px;}
.side-groups .group:hover {opacity:0.8;}
.side-groups .group.active {color:#7faf18; background:none !important;}
.side-groups .group.active:after {width:11px; height:11px; left:11px; background-position:-52px -85px;}

.side-groups .group.red {background:#e30613; border-color:#e30613;}
.side-groups .group.red:before {background:#b6050f;}
.side-groups .group.red.active {color:#b6050f;}
.side-groups .group.blue {background:#014489; border-color:#014489;}
.side-groups .group.blue:before {background:#4a8ad1;}
.side-groups .group.blue.active {color:#4a8ad1;}
.side-groups .group.yellow {background:#ffd800; border-color:#ffd800;}
.side-groups .group.yellow:before {background:#e5c200;}
.side-groups .group.yellow.active {color:#e5c200;}
.side-groups .group.orange {background:#ff9600; border-color:#ff9600;}
.side-groups .group.orange:before {background:#e58700;}
.side-groups .group.orange.active {color:#e58700;}
.side-groups .group.violet {background:#8f31d8; border-color:#8f31d8;}
.side-groups .group.violet:before {background:#802cc2;}
.side-groups .group.violet.active {color:#802cc2;}

.form-ratalny {float:left; width:18%; height:280px; color:#fff; text-align:center; position:relative; display:block; padding:20px; margin:20px 2% 20px 0; background:#01468b; background:radial-gradient(left bottom, ellipse cover, #208ec8, #01468b); background:-moz-radial-gradient(left bottom, ellipse cover, #208ec8, #01468b); background:-webkit-radial-gradient(left bottom, ellipse cover, #208ec8, #01468b); background:-ms-radial-gradient(left bottom, ellipse cover, #208ec8, #01468b); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.form-ratalny .title {font-weight:500; font-size:19px; padding:30px 0 20px; display:block;}
.form-ratalny .desc {padding:3px 0 0; display:block;}
.form-ratalny .button {padding:0 30px; position:absolute; left:35px; right:35px; bottom:30px;}
.form-ratalny:hover {color:#fff;}
.form-ratalny:hover .button {color:#014489; background:#fff;}

.box-contact {width:38%; height:185px; color:#fff; padding:20px; position:absolute; top:-335px; left:0; background:#014489 url(i/bg_contact.jpg) no-repeat right top; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.box-contact .title {font-size:16px; font-weight:bold;}
.box-contact .desc {font-size:16px; font-weight:300; padding:10px 0;}
.box-contact .phone {float:left; width:48%; height:38px; line-height:38px; font-size:16px; font-weight:bold; padding:0 0 0 40px; margin:0 2% 0 0; position:relative; background:#279fd6; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.box-contact .phone.last {margin:0 0 0 2%;}
.box-contact .phone:before {content:''; width:16px; height:23px; position:absolute; left:12px; top:8px; background:url(i/sprites.png) no-repeat -35px -73px;}

.main-categories .box-contact {display:none;}

.products-tile {margin:-10px -16px -11px -15px;}
.products-tile .product-tile {float:left; width:25%; height:370px; text-align:center; padding:10px; position:relative; border-right:1px solid #ced2d6; border-bottom:1px solid #ced2d6; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.products-tile .product-tile .name {height:44px; line-height:22px; font-size:18px; padding:0; margin:0 0 5px; overflow:hidden;}
.products-tile .product-tile .groups {margin:-27px 0 5px; padding:2px 0 0; background:#fff; position:relative;}
.products-tile .product-tile .groups .item {height:20px; line-height:20px; color:#fff; text-transform:uppercase; font-weight:bold; padding:0 15px; display:inline-block; background:#7faf18;}
.products-tile .product-tile .groups .item.red {background:#e30613;}
.products-tile .product-tile .picture {height:180px; margin:10px 0 20px;}
.products-tile .product-tile .picture .noimg {width:100%; height:100%; display:block; background:url(i/common/noimage.png) no-repeat center;}
.products-tile .product-tile .picture img {max-width:100%;}
.products-tile .product-tile .price {font-size:24px; font-weight:bold; color:#e30613; padding:0 0 10px;}
.products-tile .product-tile .price-old {font-size:14px; line-height:18px; color:#014489; margin:-18px 0 0; text-decoration:line-through;}
.products-tile .product-tile .button {padding:0 30px;}

.side-center.is-left.is-right .products-tile .product-tile {width:33.333333%;} 

.products-line {}
.products-line .product-line {position:relative;}
.products-line .product-line .picture {float:left; width:210px; height:180px;}
.products-line .product-line .picture .noimg {width:100%; height:100%; display:block; background:url(i/common/noimage.png) no-repeat center;}
.products-line .product-line .picture img {max-width:100%;}
.products-line .product-line .info {float:left; width:440px; padding:0 0 0 20px;}
.products-line .product-line .info .name {line-height:33px; font-size:24px; padding:0 0 5px;}
.products-line .product-line .info .status {font-weight:bold; text-transform:uppercase; padding:0 0 10px; margin:-5px 0 0 1px;}
.products-line .product-line .info .status.avail {color:#00aa00;}
.products-line .product-line .info .status.unavail {color:#871F24;}
.products-line .product-line .info .groups {padding:0 0 10px;}
.products-line .product-line .info .groups .item {height:20px; line-height:20px; color:#fff; text-transform:uppercase; font-weight:bold; padding:0 15px; display:inline-block; background:#7faf18;}
.products-line .product-line .info .groups .item.red {background:#e30613;}
.products-line .product-line .info .groups .item.blue {background:#014489;}
.products-line .product-line .info .groups .item.yellow {background:#ffd800;}
.products-line .product-line .info .groups .item.orange {background:#ff9600;}
.products-line .product-line .info .groups .item.violet {background:#8f31d8;}
.products-line .product-line .info .desc-params {padding:5px 0 0; border-top:1px solid #d4d9dc;}
.products-line .product-line .info .desc-params table {border-collapse:collapse;}
.products-line .product-line .info .desc-params td {color:#99a5ad; padding:4px 6px;}
.products-line .product-line .info .desc-params td.param {}
.products-line .product-line .info .desc-params td.value {font-weight:bold; padding:4px 20px 4px 10px;}
.products-line .product-line .price-box {float:left; text-align:right; width:228px; padding:48px 0 0;}
.products-line .product-line .price-box .price {font-size:24px; font-weight:bold; color:#e30613; padding:0 0 5px;}
.products-line .product-line .price-box .price-old {font-size:14px; line-height:18px; color:#014489; text-decoration:line-through; margin:-28px 0 0;}
.products-line .product-line .price-box .button {padding:0 30px;} 
.products-line .separ {height:15px; margin:0 -15px 15px; border-bottom:1px solid #ced2d6;}

.side-center.is-left.is-right .products-line .product-line .info {width:428px;}
.side-center.is-left.is-right .products-line .product-line .price-box {float:right; padding:30px 0 0;}

.products-table {padding:10px 0;}

.products-filter {margin:-10px -7px 0;}
.products-filter .item {float:left; width:25%; padding:0 7px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.products-filter .item.small {width:11%;}
.products-filter .label {padding:10px 0 5px;}
.products-filter .button {float:right; margin:23px 0 0;}

.products-panel {padding:0 15px; margin:-15px -15px 10px; border-bottom:1px solid #ced2d6;}
.products-panel .view {float:left; width:23%; padding:22px 0 21px; text-align:center; border-right:1px solid #ebeef1;}
.products-panel .view a:hover {opacity:0.8;}
.products-panel .view .txt {color:#244061; padding:0 10px 0 0;}
.products-panel .view img {margin:0 5px 0 0;}
.products-panel .sort {float:left; width:23%; padding:15px 0; border-right:1px solid #ebeef1;}
.products-panel .sort .txt {vertical-align:middle; padding:0 10px 0 0;}
.products-panel .group {float:left; width:32%; border-right:1px solid #ebeef1;}
.products-panel .group a {float:left; width:33.33%; line-height:61px; text-align:center; font-weight:bold; display:block;}
.products-panel .group a.red:hover {opacity:0.8;}
.products-panel .group a.blue.active {box-shadow:0 -2px 0 #014489 inset;}
.products-panel .group a.red.active {box-shadow:0 -2px 0 #e30613 inset;}
.products-panel .group a.green.active {box-shadow:0 -2px 0 #7faf18 inset;}
.products-panel .fields {float:left; width:21%; padding:15px 0; text-align:right;}
.products-panel .fields .txt {color:#244061; padding:0 10px 0 0;}
.products-panel .fields .chosen-container {text-align:left;}

.side-center.is-left.is-right .products-panel .fields {display:none;}
.side-center.is-left.is-right .products-panel .sort {width:31%;}
.side-center.is-left.is-right .products-panel .view {width:31%;}
.side-center.is-left.is-right .products-panel .group {width:39%; border-right:none; margin-right:-2%;}
 
.product-page {padding:0 0 20px;}
.product-page .pic-box {float:left; width:430px;}
.product-page .pic-box .picture {height:290px;}
.product-page .pic-box .picture .noimg {width:100%; height:100%; display:block; background:#fff url(i/common/noimage.png) no-repeat center;}
.product-page .pic-box .picture img {max-width:100%;}
.product-page .info {padding:0 0 0 450px;}
.product-page .info .name {font-size:36px; padding:0 0 5px;}
.product-page .info .groups {padding:0 0 15px;}
.product-page .info .groups .item {height:20px; line-height:20px; color:#fff; text-transform:uppercase; font-weight:bold; padding:0 15px; display:inline-block; background:#7faf18;}
.product-page .info .groups .item.red {background:#e30613;}
.product-page .info .groups .item.blue {background:#014489;}
.product-page .info .groups .item.yellow {background:#ffd800;}
.product-page .info .groups .item.orange {background:#ff9600;}
.product-page .info .groups .item.violet {background:#8f31d8;}
.product-page .info .status {font-weight:bold; text-transform:uppercase; padding:15px 0; border-top:1px solid #ced2d6; border-bottom:1px solid #ced2d6;}
.product-page .info .status.avail {color:#7faf18;}
.product-page .info .status.unavail {color:#e30613;}
.product-page .info .dicts {padding:15px 0; border-bottom:1px solid #ced2d6;}
.product-page .info .dicts table {border-collapse:collapse;}
.product-page .info .dicts td {font-size:12px; padding:2px 0;}
.product-page .info .dicts .dict {width:1%; font-weight:bold; padding:0 25px 0 0;}
.product-page .info .dicts .words {}
.product-page .info .desc-short {padding:15px 0; margin:0 0 15px; border-bottom:1px solid #ced2d6;}
.product-page .info .price {color:#e30613; font-size:24px; font-weight:bold; padding:0 0 10px;}
.product-page .info .price-old {font-size:14px; color:#014489; font-weight:normal; text-decoration:line-through; margin:0 0 0 10px;}
.product-page .info .add2cart {padding:5px 0 0;}
.product-page .info .add2cart input {color:#014489; width:50px; text-align:right; margin:0 10px 0 0;}
.product-page .info .parameters {width:220px; float:right; text-align:right;}
.product-page .info .parameters select,
.product-page .info .parameters .chosen-container {margin:5px 0 0;}
.product-page .info .parameters .err {color:#a61704;}
.product-page .info .parameters .icons {margin:5px 0 0;}
.product-page .info .parameters .icons img {vertical-align:middle; padding:2px; margin:0 0 0 2px; cursor:pointer;}
.product-page .info .parameters .icons img.active {padding:1px; border:1px solid #871F24;}
.product-page .info .parameters .icons .label {font-size:12px; color:#000; vertical-align:middle; padding:0 5px 0 0;}
.product-page .info .send-to-friend {float:right; margin:10px 0 0; padding:0 0 0 20px; background:url(i/common/ico_mail.png) no-repeat left;}

.product-variants {padding:20px 0;}

.product-gallery {height:100px; overflow:hidden; padding:0 26px; margin:10px 0 0; position:relative;}
.product-gallery .items {overflow:hidden;}
.product-gallery .items .item {float:left;}
.product-gallery .image {float:left; width:100px; height:100px; margin:0 13px; cursor:pointer; transition:200ms ease all; -webkit-transition:200ms ease all;}
.product-gallery .image:hover {opacity:0.8;}
.product-gallery .image img {max-width:100%;}
.product-gallery .navi div {width:13px; height:19px; position:absolute; top:50%; margin:-10px 0 0; background:url(i/sprites.png) no-repeat -49px -53px;}
.product-gallery .navi div:hover {cursor:pointer; opacity:0.8;}
.product-gallery .navi div.prev {left:0;}
.product-gallery .navi div.next {right:0; background-position:-35px -53px;}

.category-info .picture {float:left; padding:0 10px 0 0;}
.category-info .info {}
.category-info .info.small {}

.comment-form {padding:0 0 10px; position:relative;}
.comment-form .loader {position:absolute; left:0; top:0; right:0; bottom:0; background:#fff; opacity:0.8;}
.comment-form .chk {display:none;}

.product-comments .comment {padding:5px 0;}
.product-comments .comment .avatar {float:left; padding:5px 0 0; margin:3px 0 0; border-top:5px solid #f2f2f2;}
.product-comments .comment .avatar .picture {width:90px; height:90px; background:#eee url(i/common/noimage.png) no-repeat center; background-size:80%;}
.product-comments .comment .avatar .vote {padding:5px;}
.product-comments .comment .info {padding:5px 0 0 105px;}
.product-comments .comment .info .nick {font-weight:bold;}
.product-comments .comment .info .date {font-size:11px; color:#aaa;}
.product-comments .comment .info .comm {padding:10px 0 0;}
.product-comments .separ {height:10px; margin:0 0 10px; border-bottom:1px solid #ced2d6;}

.stars-panel {display:inline-block; position:relative;}
.stars-panel .progress {position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden;}
.stars-panel .star {width:14px; height:14px; display:inline-block; margin:0 1px 0 0; background:url(i/common/star_empty.png) no-repeat;}
.stars-panel .star.filled {background:url(i/common/star_filled.png) no-repeat;}
.star-selector .star {cursor:pointer;}

.pagination {text-align:right; padding:15px 15px 0; margin:10px -15px 0; border-top:1px solid #ced2d6;;}
.pagination .cur {float:left; color:#014489; font-weight:bold;}
.pagination a {color:#818589; font-weight:bold; margin:0 3px;}
.pagination a:hover {color:#e30613; text-decoration:none;}
.pagination a.active {color:#014489;}

.breadcrumb {padding:15px 15px 10px; margin:-10px 0 10px; background:#edf2f6; border-bottom:1px solid #ced2d6; box-shadow:0 -1px 0 #fff inset;}
.breadcrumb ul {list-style:none; margin:0; padding:0;}
.breadcrumb ul li {color:#929fa8; display:inline-block; margin:0; padding:0 0 5px 20px; position:relative;}
.breadcrumb ul li:before {content:''; width:8px; height:12px; position:absolute; left:5px; top:1px; background:url(i/sprites.png) no-repeat -38px 0;}
.breadcrumb ul li.urhere {color:#014489; padding:0;}
.breadcrumb ul li.urhere:before {display:none;}
.breadcrumb li a {color:inherit;}
.breadcrumb li a:hover {color:#e30613;}

.box-categories {padding:0 0 15px;}
.box-categories .content {padding:20px; margin:50px 0 0; border:4px solid #4a8ad1;}
.box-categories .icon {width:130px; height:90px; text-align:center; margin:-65px auto 0; position:relative;}
.box-categories .icon:before {content:''; height:4px; position:absolute; left:0; right:0; top:41px; background:#f3f7fa;}
.box-categories .icon img {position:relative;}
.box-categories .name {height:52px; line-height:25px; text-align:center; font-weight:500; font-size:19px; margin:5px -15px; padding:0; overflow:hidden;}
.box-categories .name a {color:#000;}
.box-categories .name a:hover {color:#e30613;}
.box-categories ul {list-style:none; margin:0; padding:0; border-top:1px solid #ced2d6;}
.box-categories ul li {list-style:none; margin:0; padding:0; position:relative; border-bottom:1px solid #ced2d6;}
.box-categories ul li:before {content:''; width:5px; height:7px; position:absolute; left:5px; top:8px; background:url(i/sprites.png) no-repeat -59px 0;}
.box-categories ul li a {color:#000; display:block; padding:3px 5px 3px 15px;}
.box-categories ul li a:hover {color:#e30613;}
.box-categories .change {color:#fff; font-size:14px; font-weight:bold; display:block; position:relative; padding:10px 10px 10px 47px; background:#014489;}
.box-categories .change:before {content:''; position:absolute; left:0; top:0; bottom:0; width:36px; background:#4a8ad1;}
.box-categories .change:after {content:''; width:7px; height:11px; position:absolute; left:14px; top:14px; background:url(i/sprites.png) no-repeat -52px -73px;}\
.box-categories .change:hover {opacity:0.8;}

.box-categories ul li ul li a {padding-left:25px;}
.box-categories ul li ul li:before {left:15px;}
.box-categories ul li ul li ul li a {padding-left:35px;}
.box-categories ul li ul li ul li:before {left:25px;}
.box-categories ul li ul li ul li ul li a {padding-left:45px;}
.box-categories ul li ul li ul li ul li:before {left:35px;}

.box-filter {margin:0 0 5px;}
.box-filter ul {list-style:none; margin:0; padding:0;}
.box-filter ul li {list-style:none; margin:0; padding:0;}
.box-filter ul li a {padding:3px 0 3px 23px; display:inline-block; position:relative;}
.box-filter ul li a:before {content:''; width:13px; height:13px; position:absolute; left:0; top:4px; background:#f3f7fa; border:1px solid #ced2d6;}
.box-filter ul li.active a:after {content:''; width:10px; height:8px; position:absolute; left:3px; top:8px; background:url(i/sprites.png) no-repeat -59px -8px;}
.box-filter .clr {float:right; margin:10px 0 0;}

.box-producer .txt {color:#818589; padding:0 0 5px;}

.box-menu ul {list-style:none; margin:0; padding:0; border-top:1px solid #ced2d6;}
.box-menu ul li {list-style:none; margin:0; padding:0; position:relative; border-bottom:1px solid #ced2d6;}
.box-menu ul li:before {content:''; width:5px; height:7px; position:absolute; left:5px; top:8px; background:url(i/sprites.png) no-repeat -59px 0;}
.box-menu ul li:last-child {border:none;}
.box-menu ul li .a {color:#000; display:block; padding:3px 5px 3px 15px;}
.box-menu ul li .a:hover {color:#e30613;}

.box-menu ul li ul li .a {padding-left:25px;}
.box-menu ul li ul li:before {left:15px;}
.box-menu ul li ul li ul li .a {padding-left:35px;}
.box-menu ul li ul li ul li:before {left:25px;}
.box-menu ul li ul li ul li ul li .a {padding-left:45px;}
.box-menu ul li ul li ul li ul li:before {left:35px;}

.box-banner {padding:0 0 15px; text-align:center; overflow:hidden;}
.box-banner img,
.box-banner object {max-width:100%; height:auto !important;}

.box-news .picture {padding:0 0 5px;}
.box-news .picture img {max-width:100%;}
.box-news .button {float:right; margin:5px 0 0;}

.news-page .news {}
.news-page .news .picture {float:left;}
.news-page .news .info {}
.news-page .news .info.small {padding:0 0 0 140px;}
.news-page .news .info .title {padding:0 0 2px;}
.news-page .news .info .date {}
.news-page .news .info .desc {padding:5px 0;}
.news-page .news .info .button {float:right;}
.news-page .sep {height:10px; margin:0 0 10px; border-bottom:1px solid #ced2d6;}

.gallery-page {margin-left:-0.5%; margin-right:-1%;}
.gallery-page .image {float:left; width:14.2%; padding:0.5%; cursor:pointer; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.gallery-page .image:hover {opacity:0.8;}
.gallery-page .image img {max-width:100%;}

.cart-steps {list-style:none; margin:15px 0 25px; border:1px solid #ced2d6; overflow:hidden; background:#fff;}
.cart-steps .step {float:left; width:33.33%; color:#707275; font-size:16px; padding:10px 20px 10px 50px; position:relative; border-right:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.cart-steps .step a {color:inherit;}
.cart-steps .step a:hover {color:#e30613; text-decoration:none;}
.cart-steps .step:before {content:''; position:absolute; right:-60px; top:50%; margin:-30px 0 0; z-index:101; border:30px solid transparent; border-left-color:#fff;}
.cart-steps .step:after {content:''; position:absolute; right:-61px; top:50%; margin:-30px 0 0; z-index:100; border:30px solid transparent; border-left-color:#e3e3e3;}
.cart-steps .step .nr {display:inline; font-size:22px; padding:0 10px 0 0;}
.cart-steps .step .nr:after {content:'.';}
.cart-steps .step.first {padding-left:20px;}
.cart-steps .step.done {background:#f3f7fa;}
.cart-steps .step.done:before {border-left-color:#f3f7fa;}
.cart-steps .step.active {font-weight:bold; color:#e30613;}

.cart-agreements {padding:5px 0 15px;}
.cart-agreements .item {padding:5px 0;}
.cart-agreements .err {display:block; color:#e30613;}

.cart-tbl {margin:0 0 15px;}
.cart-tbl .cart-image {text-align:center; display:block;}
.cart-tbl .cart-image img {max-width:90px; max-height:90px;}
.cart-tbl .price {font-weight:bold; font-size:14px;}
.cart-tbl input.price-inp {width:50px; text-align:right;}
.cart-tbl .cart-sum {color:#313131; font-size:14px; padding:10px 5px;  font-weight:bold;}
.cart-tbl .cart-sum .sum-price {color:#e30613;}
.cart-tbl .recalulate-btn .button {min-width:0; padding:0 9px;}
.cart-tbl tr .r:last-child {padding-right:15px;}

.cart-summary {}
.cart-summary .cs-cnt {padding:15px; position:relative; border:1px solid #ced2d6; background:#fff;}
.cart-summary .order-sum {float:right; text-align:right;}
.cart-summary .order-sum .txt {font-size:24px; line-height:24px;}
.cart-summary .order-sum .sum {color:#e30613; font-weight:bold; font-size:18px; line-height:20px; padding:4px 0 0;}
.cart-summary .button.back {margin:auto; position:absolute; left:15px; top:0; bottom:0;}
.cart-summary .button.submit {float:right; height:40px; line-height:40px; font-size:16px; margin:15px 0 0;}
.cart-summary .button.submit:hover {background-position:bottom;}

.delivery-panel {padding:0 15px 20px;}
.delivery-panel .title {font-size:14px; font-weight:bold; padding:15px 0;}
.delivery-panel .label {font-size:12px; font-weight:bold; padding:10px 0;}
.delivery-panel .country {float:left; width:20%;}
.delivery-panel .delivery {float:left; width:25%; padding:0 20px 0 0;}
.delivery-panel .payment {float:left; width:25%;}
.delivery-panel .summary {float:right; text-align:right; padding:0 89px 0 0;}
.delivery-panel .summary .label {padding:5px 0 2px;}
.delivery-panel .summary .sum {color:#e30613; font-weight:bold; font-size:14px;}
.delivery-panel .delivery-tbl td {padding:5px 0;}
.delivery-panel .delivery-tbl .price {font-weight:bold;}
.delivery-panel .loader {margin:50px;}

.box-rebate-code {float:left; margin:-57px 0 0 20px;}
.box-rebate-code .label {float:left; padding:8px 0; width:160px; font-weight:bold; font-size:12px;}
.box-rebate-code .label .err {display:block; font-size:10px; color:#e30613; font-weight:normal;}
.box-rebate-code input {float:left; width:200px; margin:0 5px 0 0; padding:8px;}
.box-rebate-code .button {float:left;}

.customer-form .info {font-size:12px;}
.customer-form h2 {padding:5px 0 10px;}
.customer-form .profit {padding:0 0 10px 23px; background:url(i/common/ico_profit.png) no-repeat left top;}
.customer-form .customer-box {float:left; width:33%; padding-left:40px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.customer-form .customer-box.first {padding-left:0;}

.login-form .login-left {float:left; height:280px; width:55%; padding:20px; border:1px solid #ced2d6; position:relative; background:#fff url(i/bg_login.png) no-repeat right 26px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.login-form .login-left .login-tbl {width:100%;}
.login-form .login-left .login-tbl input {width:100%;}
.login-form .login-left .forgot {color:inherit; text-transform:uppercase; position:absolute; left:20px; bottom:30px;}
.login-form .login-left .button {position:absolute; right:20px; bottom:20px;}
.login-form .login-right {float:left; height:280px; width:43%; padding:20px; border:1px solid #ced2d6; margin-left:2%; position:relative; background:#fff url(i/bg_register.png) no-repeat right 46px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.login-form .login-right .button {position:absolute; left:20px; bottom:20px;}
.login-form .info {padding:5px 0 20px; font-size:14px;}

.main-contact {float:left; width:100%; margin:-80px 0 -35px; overflow:hidden;}
.main-contact .map {width:100%; height:420px;}
.main-contact .content {width:1170px; height:0; margin:auto; position:relative;}

/******/
.autocomplete-suggestions {padding:5px 0; overflow:auto; background:#fff; border:1px solid #ced2d6; border-top:none;}
.autocomplete-suggestions .autocomplete-suggestion {padding:5px; margin:0 5px;}
.autocomplete-suggestions .autocomplete-suggestion .picture {float:left; width:40px; height:40px;}
.autocomplete-suggestions .autocomplete-suggestion .picture img {max-width:100%; max-height:100%;}
.autocomplete-suggestions .autocomplete-suggestion .picture .noimg {width:100%; height:100%; display:block; background:url(i/common/noimage.png) no-repeat center; background-size:80%;}
.autocomplete-suggestions .autocomplete-suggestion .value {padding:0 0 0 45px;}
.autocomplete-suggestions .autocomplete-suggestion .price {padding:2px 0 0 45px;}
.autocomplete-suggestions .autocomplete-selected {cursor:pointer; background:#eee; transition:300ms ease all; -webkit-transition:300ms ease all;} 

.msg-message {padding:15px; margin:0 0 10px; background:#e6edf5; border:1px solid #d5dce2; border-radius:2px; -webkit-border-radius:2px;}
.msg-error {color:#5d4342; padding:15px; margin:0 0 10px; background:#fbebeb; border:1px solid #c3b3b3; -border-radius:2px; -webkit-border-radius:2px;}
.msg-info {color:#7a846b; padding:15px; margin:0 0 10px; background:#ecf3e1; border:1px solid #c6c9c0; border-radius:2px; -webkit-border-radius:2px;}
.msg-msg:last-child {margin:0;}

.tabs .tab-hdrs {height:27px; border-bottom:1px solid #d2d0c2;}
.tabs .tab-hdrs .tab-hdr {height:26px; line-height:26px; float:left; color:#fff; padding:0 11px; margin:2px 1px 0 0; cursor:pointer; background:url(i/bg_menu.gif) repeat-x top; -moz-border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0;}
.tabs .tab-hdrs .tab-hdr.active {color:#000; margin-top:0; padding:1px 10px 0; border:1px solid #ced2d6; border-bottom:none; background:#fff;}
.tabs .tab {padding:10px 5px;}

.tbl {width:100%; border-spacing:0; border-collapse:collapse; border:none; background:#fff;}
.tbl .tbl-name {color:#fff; font-weight:bold; padding:15px; background:#014489;}
.tbl .tbl-hdr {font-weight:normal; font-size:14px; padding:15px !important; background:#f3f7fa;}
.tbl .tbl-hdr a {}
.tbl th {border:1px solid #e8e8e8;}
.tbl td {padding:10px 15px; border:1px solid #e8e8e8;}
.tbl .tbl-btns {padding:4px; height:26px;}
.tbl .tbl-ibtn {cursor:pointer;}
.tbl .tbl-msg {text-align:center; font-weight:bold; color:#444; text-transform:uppercase;}
.tbl .tl {text-align:left; vertical-align:top;}
.tbl .tc {text-align:center; vertical-align:top;}
.tbl .tr {text-align:right; vertical-align:top;}
.tbl .l {text-align:left;}
.tbl .c {text-align:center;}
.tbl .r {text-align:right;}
.tbl .bl {text-align:left; vertical-align:bottom;}
.tbl .bc {text-align:center; vertical-align:bottom;}
.tbl .br {text-align:right; vertical-align:bottom;}
.tbl span.err {font-size:10px; color:#a61704; display:block;}
.tbl input.err {border:1px solid #a61704;}
.tbl textarea.err {border:1px solid #a61704;}
.tbl select.err {border:1px solid #a61704;}
.tbl .req {float:right; color:#a61704; margin:1px -11px 0 0;}
.tbl .charcounter {display:block; font-size:11px;}
.tbl .chk-item,
.tbl .radio-item {padding:0 0 5px;}
.tbl label {vertical-align:middle;}