body {
font-family: 'source_sans_proregular', Helvetica, Arial, sans-serif;
font-size: 100%;
background-color: #fff;
margin: 0;
}

* {
color: #000;
}

/*
dark blue - 14346b
light blue - 77a5c3
font - 111718 ?
light grey - e6e6e6
dark grey - 878787

1. color: f8c1bc
2. color: 94cedc
3. color: f8b334
*/

#page {
position: relative;
/*width: 1100px;*/
margin: 0px auto;
}

#logo-box {
height: 90px;
position: relative;
background-color: #fff;
}

#menu-line {
position: relative;
width: 100%;
height: 34px;
background-color: #fff;
top: 0;
z-index: 500;
border-top: 1px solid #000;
border-bottom: 2px solid #000;
}

#menu-box {
width: 100%;
height: 34px;
margin: 0px auto;
position: relative;
}

#menu-box a {
color: #000;
}

/* header */
#header {
position: relative;
margin: 0px auto;
height: 90px;
z-index: 501;
}

#logo {
display: block;
float: left;
width: 333px;
height: 90px;
background-image: url(../pcs/logo-1.png);
background-position: 0px 12px;
background-repeat: no-repeat;
}

.rc2 #logo {
background-image: url(../pcs/logo-2.png);
}

.rc3 #logo {
background-image: url(../pcs/logo-3.png);
}

.rc4 #logo {
background-image: url(../pcs/logo-4.png);
}

.rc5 #logo {
background-image: url(../pcs/logo-5.png);
}

#header .phone {
font-size: 20px;
}

.rc1 #header .active,.rc1 .phone a,.rc1 .banner-data .active,.rc1 .banner-data a:hover,.rc1 #content-data strong a,.rc1 #content-data a strong,.rc1 #content-menu .active,.rc1 #content-menu a:hover,.rc1 #menu .sub-menu-box a:hover,.rc1 #menu-right .sub-menu-box a:hover,.rc1 #menu-catalog label:hover span,.rc1 #menu-catalog .up span:hover,.rc1 #menu-catalog .next span:hover,.rc1 #orderby .active,.rc1 #orderby a:hover,.rc1 #menu-box .active .menu-icon,.rc1 #menu-catalog .active span,.rc1 #menu-box .active,.rc1 p a {
color: #997d60;
}

.rc2 #header .active,.rc2 .phone a,.rc2 .banner-data .active,.rc2 .banner-data a:hover,.rc2 #content-data strong a,.rc2 #content-data a strong,.rc2 #content-menu .active,.rc2 #content-menu a:hover,.rc2 #menu .sub-menu-box a:hover,.rc2 #menu-right .sub-menu-box a:hover,.rc2 #menu-catalog label:hover span,.rc2 #menu-catalog .up span:hover,.rc2 #menu-catalog .next span:hover,.rc2 #orderby .active,.rc2 #orderby a:hover,.rc2 #menu-box .active .menu-icon,.rc2 #menu-catalog .active span,.rc2 #menu-box2 .menu-icon:hover,.rc2 p a {
color: #ffbe2c;
}

.rc3 #header .active,.rc3 .phone a,.rc3 .banner-data .active,.rc3 .banner-data a:hover,.rc3 #content-data strong a,.rc3 #content-data a strong,.rc3 #content-menu .active,.rc3 #content-menu a:hover,.rc3 #menu .sub-menu-box a:hover,.rc3 #menu-right .sub-menu-box a:hover,.rc3 #menu-catalog label:hover span,.rc3 #menu-catalog .up span:hover,.rc3 #menu-catalog .next span:hover,.rc3 #orderby .active,.rc3 #orderby a:hover,.rc3 #menu-box .active .menu-icon,.rc3 #menu-catalog .active span,.rc3 #menu-box2 .menu-icon:hover,.rc3 p a {
color: #63cbd9;
}

.rc4 #header .active,.rc4 .phone a,.rc4 .banner-data .active,.rc4 .banner-data a:hover,.rc4 #content-data strong a,.rc4 #content-data a strong,.rc4 #content-menu .active,.rc4 #content-menu a:hover,.rc4 #menu .sub-menu-box a:hover,.rc4 #menu-right .sub-menu-box a:hover,.rc4 #menu-catalog label:hover span,.rc4 #menu-catalog .up span:hover,.rc4 #menu-catalog .next span:hover,.rc4 #orderby .active,.rc4 #orderby a:hover,.rc4 #menu-box .active .menu-icon,.rc4 #menu-catalog .active span,.rc4 #menu-box2 .menu-icon:hover,.rc4 p a {
color: #eb9ac4;
}

.rc5 #header .active,.rc5 .phone a,.rc5 .banner-data .active,.rc5 .banner-data a:hover,.rc5 #content-data strong a,.rc5 #content-data a strong,.rc5 #content-menu .active,.rc5 #content-menu a:hover,.rc5 #menu .sub-menu-box a:hover,.rc5 #menu-right .sub-menu-box a:hover,.rc5 #menu-catalog label:hover span,.rc5 #menu-catalog .up span:hover,.rc5 #menu-catalog .next span:hover,.rc5 #orderby .active,.rc5 #orderby a:hover,.rc5 #menu-box .active .menu-icon,.rc5 #menu-catalog .active span,.rc5 #menu-box2 .menu-icon:hover,.rc5 p a {
color: #fc804f;
}

.rc1 #fulltext input,.col-box-meddium .rc1,.rc1 #iconNewsletter,.rc1 #more-rec div:hover, .rc1 #query .send2 {
background-color: #997d60;
}

.rc2 #fulltext input,.col-box-meddium .rc2,.rc2 #iconNewsletter,.rc2 #more-rec div:hover, .rc2 #query .send2 {
background-color: #ffbe2c;
}

.rc3 #fulltext input,.col-box-meddium .rc3,.rc3 #iconNewsletter,.rc3 #more-rec div:hover, .rc3 #query .send2 {
background-color: #63cbd9;
}

.rc4 #fulltext input,.col-box-meddium .rc4,.rc4 #iconNewsletter,.rc4 #more-rec div:hover, .rc4 #query .send2 {
background-color: #eb9ac4;
}

.rc5 #fulltext input,.col-box-meddium .rc5,.rc5 #iconNewsletter,.rc5 #more-rec div:hover, .rc5 #query .send2 {
background-color: #fc804f;
}

.rc1 #query .send2, .rc2 #query .send2, .rc3 #query .send2, .rc4 #query .send2, .rc5 #query .send2 {
  color: #000000;
}

.col-box-meddium .rc7 { /* christmas color special for box layout page */
background-color: #8e223b;
}

#more-rec {
clear: both;
padding-top: 20px; 
}

#more-rec * {
color: #000;
}

#more-rec div {
margin: 0 auto;
display: block;
width: 240px;
text-align: center;
font-size: 20px;
line-height: 34px;
background-color: #ebebeb;
}
    
#menu li,#menu-right li,#tools li,#searchbox li {
float: left;
list-style: none;
}
    
#menu-right li,#tools li,#searchbox li {
float: right;
}

#tools li {
padding-right: 15px;
line-height: 30px;
}

#tools .last {
padding: 0;
}

#menu {
float: left;
margin: 0;
}

#menu li ul {
display: inline;
}

#menu li strong,#menu li a,#menu-right li a,#menu-right li strong {
display: block;
text-align: center;
padding: 0 25px;
line-height: 34px;
}

#menu li a:hover,#menu li a.active,#menu li strong:hover,#menu li strong.active,#menu-right li a:hover,#menu-right li a.active,#menu-right li strong:hover,#menu-right li strong.active,.mline {
background-color: #dcdcdc;
}

#menu .sub-menu-box .menu-icon {
font-size: 16px;
text-align: left;
padding: 10px 0 0 0;
}

#menu li li a:hover,#menu-right li li a:hover,#menu .sub-menu-box .menu-icon:hover {
background-color: transparent;
}

.sub-menu-box {
background-image: url(../pcs/menu-opacity-bg.png);
background-repeat: repeat;
}

.mline {
position: relative;
top: -2px;
left: 0;
width: 100%;
height: 5px;
display: none;
}

.sub-menu {
position: absolute;
width: 100%;
top: 36px;
left: 0;
display: none;
}

.on {
background-color: #dfdfdf; // #d9d9d9
}

.on .sub-menu {
display: block;
}

.on .mline {
display: block;
}

#menu .sub-menu li a,#menu-right .sub-menu li a {
display: inline;
padding: 0;
line-height: 24px;
}

.sub-menu .sub-menu-box {
position: relative;
padding-left: 25px;
}

.sub-menu-box strong {
font-size: 18px;
}

#menu .sub-menu-box a:hover {
}

/*width: 13%;padding: 15px 3% 15px 0;*/
#menu .sub-menu ul,#menu-right .sub-menu ul {
width: 21%;
float: left;
padding: 15px 2% 15px 0;
}

#menu .sub-menu li,#menu-right .sub-menu li {
line-height: 24px;
padding: 0;
float: none;
}

#menu .sub-menu-close {
height: 100px;
background-image: url(../pcs/shaddow.png);
background-position: 0 0;
background-repeat: repeat-x;
}

#menu-right,#tools,#menu-right .sub-menu ul {
float: right;
}

#header-form li {
padding: 3px 0;
}
    
#menu li strong,#menu-right li strong,#header li strong,#header li a,#menu-line li a,#header-form li a {
font-size: 18px;
}

#searchbox .phone a {
line-height: 30px;
}
    
#menu-line li a:hover,#header li a:hover,#header li a:hover,#menu-line li a.active,#header li a.active,#header li a.active {
color: #000;
text-decoration: none;
}

#tools {
position: absolute;
top: 10px;
right: 0px;
width: 490px;
}

#searchbox {
position: absolute;
bottom: 15px;
right: 0px;
width: 490px;
}

.hline {
position: relative;
z-index: 99;
height: 24px;
padding-top: 6px;
text-align: center;
background-color: #fff;
}

.hline-top {
position: relative;
z-index: 99;
height: 10px;
padding-top: 6px;
text-align: center;
background-color: #fff;
}

.hline-resp {
display: none;
position: relative;
height: 30px;
margin: 0 10px;
text-align: center;
font-size: 22px;
background-color: #fff;
border-bottom: 5px solid #000;
}

.hline-resp a {
display: block;
width: 100%;
height: 30px;
background-image: url(../pcs/cros.gif);
background-position: 50% 50%;
background-repeat: no-repeat;
}

.arrow-top,.arrow-down {
line-height: 14px;
padding: 0 7px;
background-image: url(../pcs/arrow-down.png);
background-position: 50% 50%;
background-repeat: no-repeat;
}

.arrow-top {
background-image: url(../pcs/arrow-top.png);
}

.paging {
clear: both;
}

.paging a {
line-height: 7px;
font-size: 7px;
padding: 0 4px;
margin-right: 8px;
background-color: #cccccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}

.paging a:hover,.paging a.active {
background-color: #3f3f3f;
}

/* easy zoom */
.easyzoom {
float: left;
}
.easyzoom img {
display: block;
}

.easyzoom {
display: inline-block;
}
.easyzoom img {
vertical-align: bottom;
}

/* banners */
#banner-box {
position: relative;
height: 500px;
}

.banners {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
}

#banner-box .banners {
background-color: #fff;
}

.banner-1 {
position: relative;
width: 100%;
height: 100%;
background-color: #fff;
text-align: center;
background-position: 50% 50%;
}

.banner-2 {
position: relative;
float: left;
width: 67%;
height: 100%;
background-color: #fff;
text-align: center;
background-position: 50% 50%;
}

.banner-3 {
float: left;
width: 33%;
height: 100%;
background-position: 50% 50%;
}

.banner-3 .banner-small,.slider-col .banner-small {
position: relative;
background-color: #fff;
height: 50%;
text-align: center;
}

.nofloat {
float: none;
}

.center {
display: block;
margin: auto;
position: absolute;
z-index: 50;
top: 0; left: 0; bottom: 0; right: 0;
padding: 0 20px;
}

.center2 {
display: block;
margin: auto;
position: absolute;
z-index: 60;
top: 0; left: 0; bottom: 0; right: 0;
padding: 0 20px;
filter:alpha(opacity=0);
opacity:0;
}

.hover-box {
/*height: 100%;transition: opacity 0.3s ease 0s, visibility 0s linear 0.3s;visibility: hidden;*/
}

.center span {
font-size: 24px;
font-weight: bold;
line-height: 90%;
}

.noopacity span {
line-height: 100%;
}

.center2 span {
font-size: 28px;
font-weight: bold;
line-height: 110%;
}

.banner-small .center span {
font-size: 18px;
}

.banner-small .center2 span {
font-size: 22px;
}

.banner-title {
position: absolute;
top: 15px; 
left: 15px;
font-size: 1.1em;
}

.col-box {
position: relative;
height: 300px;
}

.banner {
position: relative;
float: left;
width: 25%;
/*height: 300px;*/
text-align: center;
background-position: 50% 50%;
background-repeat: repeat;
}

#banner-claim {
position: absolute;
text-align: center;
z-index: 100;
top: 0; left: 0; bottom: 0; right: 0;
}

#banner-claim img {
margin-top: 50px;
}

.shaddow .center span {
text-shadow: -1px -1px 13px rgba(255, 255, 255, 1);
}

.col-box-small {
position: relative;
/*height: 150px;*/
}

.col-box-small .banner {
/*height: 150px;*/
}

/* banner & slider on mouse */
.banner:hover .center,.banner-1:hover .center,.banner-2:hover .center,.banner-small:hover .center {
filter:alpha(opacity=10);
opacity:0.1;
}

.banner:hover .noopacity {
filter:alpha(opacity=100);
opacity:1;
}

.banner:hover .center2,.banner-1:hover .center2,.banner-2:hover .center2,.banner-small:hover .center2 {
filter:alpha(opacity=100);
opacity:1;
}

.banner:hover .hover-box img,.banner-1:hover .hover-box img,.banner-2:hover .hover-box img,.banner-small:hover .hover-box img {
filter:alpha(opacity=10);
opacity:0.1;
}

.banner:hover .hover-box,.banner-1:hover .hover-box,.banner-2:hover .hover-box,.banner-small:hover .hover-box {
background-image: url(../pcs/menu-bg.png);
}

.banner:hover .no-efect img {
filter:alpha(opacity=100);
opacity:1;
}

.banner *,.banner-1 *,.banner-2 *,.banner-small *,#content-menu * {
transition-duration: 0.4s;
}

.banner-data {
position: absolute;
top: 15px;
left: 15px;
width: 90%;
height: 90%;
overflow: hidden;
text-align: left;
}

.banner-data li,#content-menu li {
list-style: none;
}

.banner-data .active a,.banner-data a:hover {
font-weight: bold;
}

.banner-data,.banner-data *,.banner-data a,#content-menu * {
font-size: 17px;
}

/* slider */
#sliderBox {
position: relative;
z-index: 20;
overflow: hidden;
width: 100%;
height: 300px;
}

#slider {
position: absolute;
width: 20000px;
top: 0;
left: 0px;
display: none;
}

#sliderBox .slider-col {
float: left;
}

#sliderArrowLeft,#sliderArrowRight {
display: none;
position: absolute;
width: 45px;
top: 0;
left: 0;
z-index: 100;
height: 100px;
background-image: url(../pcs/slider-left.png);
background-position: 50% 50%;
background-repeat: no-repeat;
}

#sliderArrowRight {
left: auto;
right: 0;
background-image: url(../pcs/slider-right.png);
}

.slider-1 {
position: relative;
width: 200px;
height: 100%;
background-color: #0ccccc;
text-align: center;
}

.slider-2 {
position: relative;
float: left;
width: 400px;
height: 100%;
background-color: #5ccccc;
text-align: center;
}

/* menus */
/*
#menu li ul {
position: absolute;
top: 30px;
left: -999em;
z-index: 999;
background-image: url(../pcs/menu-bg.png);
padding: 10px;
}

#menu li:hover ul,#menu li ul:hover {
left: -10px;
}

#menu li ul li {
float: none;
line-height: 22px;
}

#menu li ul li * {
color: #000;
}
*/

#news,#menu-button,#menu-button-next {
display: none;
}

/* text page */
#content-menu,#content-data {
float: left;
position: relative;
width: 25%;
}

#content-data {
width: 75%;
}

.widepage #content-data {
width: 100%;
}

#content-menu strong,.banner-data .menu-header {
font-size: 18px;
}

#content-menu .p20 {
padding: 15px;
}

#content-menu ul,.banner-data ul {
margin-top: 20px;
}

.banner .video {
width: 100%;
height: 112px;
display: block;
background-image: url(../pcs/icon-video.png);
background-position: 50% 50%;
background-repeat: no-repeat;
}

/*
transition: all 0.1s ease-out 0s;

transition: width 2s, height 2s;
-webkit-transition: width 2s, height 2s, -webkit-transform 2s;
*/
    
/* fonts */
h1,h2,h3,strong,.center span,.center2 span,#header .phone,#menu-box a,.subhead *,.filter-head,.sale,.send,.send2,.price,#share,.icon-back,#more-rec *,#menu .sub-menu-box .menu-icon,#menu-right .sub-menu-box .menu-icon,.contacts .banner-data strong {
font-family: 'futura_konsepti', Helvetica, Arial, sans-serif;
font-weight: normal;
}

#detail-left strong,p strong,.banner-data strong {
font-family: 'source_sans_probold', Helvetica, Arial, sans-serif;
font-weight: normal;
}

#menu-box .sub-menu a,.bubbles strong span {
font-family: 'source_sans_proregular', Helvetica, Arial, sans-serif;
}

h1 {
font-size: 40px;
margin: 0;
}

h2 {
font-size: 2em;
}

h2.h1 {
font-size: 40px;
margin: 0;
}

a {
color: #000;
text-decoration: none;
}

a:hover,#tools a:hover {
color: #000;
text-decoration: underline;
}

#footer a:hover {
color: #fff;
text-decoration: underline;
}

.text p {
font-size: 1.2em;
}

.text ul {
margin-left: 20px;
}

.text li {
font-size: 1.2em;
}

/*footer*/
#footer-box {
background-color: #6D6C67;
}

#footer {
position: relative;
margin: 0px auto;
padding-bottom: 20px;
}

#footer * {
font-size: 15px;
}

#footer strong {
font-family: 'source_sans_proregular', Helvetica, Arial, sans-serif;
line-height: 250%;
}

#footer .col {
float: left;
width: 40%;
}

#footer .col-last {
float: left;
width: 20%;
}

#footer .col-small {
float: left;
width: 50%;
}

#footer p {
padding: 0 20px;
margin: 0;
}

#footer a,#footer p {
color: #a8a8a4;
}

#footer #copy,#copy * {
text-align: center;
font-size: 11px;
color: #a8a8a4;
}

#footer strong {
color: #fff;
display: block;
padding-left: 20px;
line-height: 70px;
}

#footerLinks {
padding: 5px 20px;
font-size: 10px;
}

#social-icons {
padding: 20px 0 10px 20px;
}

#social-icons img {
margin-right: 6px;
float: left;
}

#webdesign {
float: right;
font-size: 10px;
}

#webdesign {
text-align: center;
}

/* texts */
ul {
padding: 0;
margin: 0;
}

#menu li,#menu-right li {
float: left;
list-style: none;
margin: 0px;
line-height: 34px;
padding: 0 35px;
}

#menu li,#menu-right li {
padding: 0;
}

.text {
position: relative;
padding: 20px;
}

.text .date {
font-size: 22px;
font-weight: bold;
margin: 14px 0;
}

.big {
font-size: 1.8em;
font-weight: bold;
}
    
.pcs {
display: block;
width: 170px;
height: 160px;
margin: 0 0 10px 10px; 
}

.col-text {
float: left;
width: 505px;
}
    
.pcs-big {
display: block;
float: left;
width: 280px;
height: 330px;
margin: 0 0 10px 20px; 
}
    
.pcs-meddium {
display: block;
float: left;
width: 280px;
height: 200px;
margin: 0 20px 10px 0; 
}

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

.line {
border-top: 1px solid #a2a5a7;
}

.mv20 {
margin: 20px 0;
}

.mt10 {
margin-top: 10px;
}

img {
border: none;
}

.hover-box img {
float: left;
}

.hide,.mobile-show {
display: none;
}

.mobile-hide {
display: block;
}

.reset {
clear: both;
}

/* header slideshow & form */
#header-box {
position: relative;
margin-bottom: 12px;
}

#header-form {
position: relative;
float: left;
width: 215px;
height: 440px;
padding: 20px 20px 10px 20px;
background-color: #a2a5a7;
}

#header-pcs {
position: relative;
float: left;
width: 845px;
height: 470px;
background-color: #fff;
}

.pcs-info div * {
color: #fff;
font-size: 22px;
}

.pcs-info strong {
font-size: 60px;
}

.pcs-info .more {
font-size: 13px;
}

/* content */
#content {
position: relative;
}

#offer {
position: relative;
float: left;
width: 254px;
}

#data {
position: relative;
float: left;
width: 845px;
border-left: 1px solid #a2a5a7;
}

.p20l {
padding-left: 20px;
}

.text-pcs {
position: relative;
float: right;
width: 400px;
}

.text-pcs .pcs {
float: right;
margin: 0 0 10px 10px;
width: 120px;
height: 200px;
}

.red {
color: #db0000;
font-size: 22px;
}

.white {
color: #fff;
}

.banner-1:hover .white,.banner-2:hover .white,.banner-3:hover .white,.banner:hover .white {
color: #000;
}

a:hover {
text-decoration: none;
}

.banner-data a:hover {
font-weight: normal;
}

.col-2 {
position: relative;
width: 50%;
float: left;
}

#article-share {
padding: 20px 0 10px 0;
}

#article-share .fa {
font-size: 1.5em;
display: inline-block;
margin-right: .3em;
}

.ml50 {
margin-left: 50%;
}

/* tables */
table {
margin: 14px 0 10px 0;
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}

td {
border: none;
line-height: 120%;
font-size: .9em;
padding: 0;
}

th {
text-align: left;
font-size: 1.1em;
padding-top: 10px;
margin-right: 10px;
}

.w300 {
width: 400px;
}

/* forms */
#header-form label {
line-height: 22px;
}

#header-form select {
margin: 1px 0 8px 0;
height: 22px;
width: 210px;
}

#fulltext {
margin-left: 25px;
}

#fulltext form {
height: 24px;
}

#fulltext input {
width: 150px;
color: #fff;
line-height: 25px;
font-size: 16px;
height: 25px;
border: none;
padding: 0 5px;
border: none;
}

#search {
position: absolute;
top: 4px;
right: 4px;
width: 17px;
height: 17px;
display: block;
background-image: url(../pcs/cross.gif);
background-position: 0 0;
background-repeat: no-repeat;
}

fieldset {
margin: 0 0 3px 0;
padding: 0;
border: none;
}

textarea {
width: 90%;
border: none;
background-color: #fff;
color: #575756;
}

input,textarea {
border: 1px solid #000;
}

/* new mailchimp form css */
div.mce_inline_error {
display: none;
}

.mce_inline_error {
color: #fff !important;
padding-left: 3px !important;
background-color: #ff5555 !important;
}

#mc_embed_signup div.mce_inline_error {
position: absolute;
right: 19px;
top: -30px;
height: 20px;
z-index: 1;
}

#mce-responses {
height: 0;
padding: 0;
}

#mce-success-response {
background-color: #00ba12;
color: #fff;
position: absolute;
top: 0;
}

#mc-embedded-subscribe-form .send2 {
color: #fff;
width: 100%;
background-color: #808080;
font-size: 25px;
line-height: 44px;
height: 44px;
}

#mc-embedded-subscribe-form .send2:hover {
color: #000;
}

.order .reset {
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}

#menu-catalog input {
border: none;
}

.pl30 {
padding-left: 30px;
}

/* filter */
#catalog {
position: relative;
}

#menu-catalog {
float: left;
width: 15%;
background-color: #ebebeb;
}

#menu-catalog * {
font-size: 1.1em;
}

#menu-catalog li {
list-style: none;
margin: 0;
padding: 3px 5px 3px 15px;
}

#menu-catalog .next,#menu-catalog .up {
padding-left: 40px;
}

.next-chck,.up {
display: none;
}

#menu-catalog .filter-head {    
font-size: 20px;
line-height: 100%;
padding: 15px 5px 15px 20px;
border-bottom: 1px solid #000;
}

#menu-catalog * {
font-size: 15px;
}

#menu-catalog .subhead span {
font-size: 20px;
line-height: 35px;
padding-left: 23px;
background-image: url(../pcs/icon-minus.gif);
background-position: 3px 50%;
background-repeat: no-repeat;
}

#menu-catalog ul {
border-bottom: 1px solid #fff;
}

.new,.new * {
color: #f00;
}

#iconNewsletter {
position: fixed;
top: 38%;
right: 0;
z-index: 999;
width: 37px;
height: 141px;
background-image: url(../pcs/newsletter.png);
}

#iconNewsletter:hover {
background-color: #6d6c67;
}

/* catalog */
#content-catalog {
float: left;
width: 85%;
}

#head-catalog {
position: relative;
}

#data-catalog {
position: relative;
margin: 20px 0;
}

#catalog {
margin-bottom: 20px;
}

#catalog-p {
padding: 0 0 20px 20px;
}

#orderby {
position: absolute;
width: 280px;
bottom: 8px;
right: 0;
text-align: right;
}

#orderby li {
list-style: none;
margin: 0;
float: right;
padding: 0 0 0 30px;
}

.rec {
position: relative;
float: left;
text-align: center;
}

.rec img {
border-bottom: 1px solid #CCCCCC;
float: left;
}

.rec .rec-text {
display: block;
height: 65px;
padding: 10px 5px;
text-align: center;
overflow: hidden;
text-align: center;
margin: auto 0;
clear: left;
}

.rec .sale,.pcs-detail .sale {
display: block;
position: absolute;
top: 10px;
right: 10px;
color: #f00;
font-size: 30px;
text-align: right;
}

.rec .add,.pcs-detail .add {
display: none;
position: absolute;
width: 60%;
text-align: left;
top: 10px;
left: 20px;
color: #00ba12;
}

.rec .add a,.pcs-detail .add a,.fav,.fav * {
color: #00ba12;
}

#catalog .lazy {
display: none;
}

.fav-box {
position: relative;
}

.fav-box .msg {
display: none;
position: absolute;
top: 28px;
right: -40px;
z-index: 999;
width: 190px;
text-align: center;
font-size: 18px;
color: #fff !important;
background-image: url(../pcs/arrow-top-msg.gif);
background-position: 50% 0;
background-repeat: no-repeat;
background-color: #00ba12;
padding: 15px 5px 3px 5px;
}

.fav-rec img {
margin: auto;
height: 80px;
float: left;
margin-right: 20px;
}

.fav-rec td {
border-top: 1px solid #CCCCCC;
padding: 9px 0
}

.w-auto {
}

.w-auto strong {
font-size: 24px;
line-height: 26px;
}

.delete {
display: block;
width: 100%;
height: 21px;
float: right;
background-image: url(../pcs/close.gif);
background-position: 50% 50%;
background-repeat: no-repeat;
}

.rec:hover .add {
display: block;
}

.rec .new {
color: #f00;
}

/* contacts */
.pg2 .sp {
float: left;
}

.pg2 #content .banner a {
color: #000;
}

.pg2 h3 {
font-size: 22px;
margin: 5px 0 15px 0;
}

.pg2 .banner {
margin-bottom: 25px;
}

.pg2 .banner-data p {
margin: 0 0 8px;
}

.pg2 .arrow {
display: block;
width: 25px;
height: 51px;
position: absolute;
top: 50%;
right: -25px;
z-index: 9;
background-image: url(../pcs/arrow-1.png);
background-position: 100%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

.pg2 .rc2 .arrow {
background-image: url(../pcs/arrow-2.png);
}

.pg2 .rc3 .arrow {
background-image: url(../pcs/arrow-3.png);
}

.pg2 .rc4 .arrow {
background-image: url(../pcs/arrow-4.png);
}

.pg2 .rc5 .arrow {
background-image: url(../pcs/arrow-5.png);
}
  
/* detail */
#detail-left,#detail-right {
position: relative;
float: left;
width: 46%;
}

#detail-left {
width: 54%;
}

#detail-left .pcs-detail {
position: relative;
}

.sp-wrapX img {
float: left;
width: auto;
height: 100px;
margin-bottom: 5px;
}

.sp-wrapX .first-pcs {
width: 100%;
height: auto;
}

.pcs-detail .sale {
top: 22px;
}

.pcs-detail .add {
display: block;
top: 22px;
}

#detail-left .box {
position: relative;
border-top: 1px solid #cccccc;
padding: 30px 0;
margin: 30px 0;
}

#detail-left .sale {
font-size: 2.6em;
}

#detail-left .add {
font-size: 1.2em;
}

#breadcrumb {
position: relative;
padding: 10px 0;
border-bottom: 1px solid #cccccc;
}

.box-top-line {
border-top: 1px solid #CCCCCC;
padding-top: 10px;
}

#share,.tools {
position: absolute;
top: 5px;
right: 0px;
width: 150px;
text-align: right;
}

#share {
width: 220px;
}

#share,#share .fa {
color: #808080;
font-size: 20px;
line-height: 30px;
}

#detail-right .tools,.page-box .tools {
top: -5px;
width: 88px;
}

.pr40 {
padding-right: 40px;
}

.p20 {
padding: 20px;
}

.send,.send2,.pg20 #content-data a strong {
display: block;
width: 100%;
line-height: 44px;
text-align: center;
color: #fff;
font-size: 25px;
background-color: #00ba12;
margin-top: 20px; 
}

.send2 {
background-color: #808080;
}

body #content .send,body #content .send2 {
color: #fff;
}

body #content .send:hover,body #content .send2:hover {
color: #000;
}

.blog-rec {
padding: 0 20px;
}

.next-blogs-box {
padding: 0 20px 40px 20px;
}

.next-blogs {
width: 23.5%;
float: left;
margin-right: 2%;
}

.next-blogs:nth-child(5n) {
width: 23.5%;
margin-right: 0;
}

.next-blogs:nth-child(6n) {
display: none;
}

.next-blogs span {
display: block;
overflow: hidden;
position: relative;
}

.next-blogs h3 {
display: block;
margin-top: 5px;
margin-bottom: 5px;
}

.next-blogs img {
position: absolute;
margin: 0 auto;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}

.perex p {
font-size: 1.1em;
line-height: 125%;
}

.pg020 {
padding: 0 20px;
}

.m020 {
margin: 0 20px;
}

.blog-rec h2 {
margin: 10px 0 0;
}

.pg20 #content-data a strong {
width: 300px;
}

.pg20 #content-data a strong:hover {
color: #000;
}

#content-data .p20 ul,#content-data .p20 ol {
margin-left: 20px;
padding-left: 0;
}

.page-box {
width: 50%;
}

#detail-right .box,.page-box .box {
background-color: #ebebeb;
margin-bottom: 20px;
}

#detail-right .box strong,.page-box .box strong {
font-size: 1.3em;
line-height: 170%;
}

.col2 {
position: relative;
margin: 20px 0;
}

.col2 .col,.col2 .col-last {
width: 45%;
float: left;
}

.head-box {
position: relative;
margin-bottom: 25px;
}

.head-box .p20 {
padding-bottom: 0px;
}

.order div {
background-color: #fff;
padding: 5px 10px;
margin-bottom: 5px;
height: 30px;
position: relative;
}

.order label {
float: left;
background-color: #fff;
width: 35%;
padding: 0;
line-height: 30px;
}

.order input,.order textarea {
float: left;
border: 0;
background-color: #fff;
padding: 0;
width: 62%;
height: 30px;
line-height: 30px;
font-size: 16px;
color: #000;
}

.order .textarea,.order textarea {
height: 80px;
line-height: 24px;
}

.tools .email,.tools .skype,.tools .gsm {
display: block;
float: left;
width: 44px;
height: 41px;
background-image: url(../pcs/icon-small-email.gif);
background-position: 50% 50%;
background-repeat: repeat;
}

.tools .skype {
background-image: url(../pcs/icon-small-skype.gif);
}

.tools .gsm {
background-image: url(../pcs/icon-small-gsm.png);
}

#detail-right h2 {
font-size: 1.6em;
margin: 10px 0 0 0;
}

.price span {
font-size: 3em;
}

.strike {
background-image: url(../pcs/dot.gif);
background-position: 50% 50%;
background-repeat: repeat-x;
}

.colors,.vars {
padding-top: 10px;
}

.color {
float: left;
width: 52px;
height: 52px;
margin: 0 5px 5px 0;
border: 3px solid #EBEBEB;
}

.color:hover, .colors .active {
/*border: 3px solid #00BA12;*/
}

.color div {
display: block;
width: 48px;
height: 48px;
margin: 1px;
background-position: 50% 50%;
background-repeat: repeat-x;
border: 1px solid #808080;
}

.similar-links .active,.similar-links a:hover {
text-decoration: underline;
}

#catalog-detail .icon-back {
color: #808080;
font-size: 20px;
line-height: 30px;
margin-right: 20px;
cursor: pointer;
cursor: hand;
}

#menu-catalog label:hover,#menu-catalog .up:hover,#menu-catalog .next:hover,#menu-catalog input:hover,#more-rec div:hover,#menu strong:hover,#menu-right strong:hover {
cursor: pointer;
cursor: hand;
}

/* info bubbles */
.bubbles a {
position: relative;
}

.bubbles span {
position: absolute;
z-index: 99;
top: 39px;
left: -90px;
width: 200px;
padding: 25px 5px 8px 5px;
display: none;
color: #fff;
font-size: 14px;
line-height: 24px;
text-align: center;
background-image: url(../pcs/arrow-top-msg-grey.png);
background-position: 50% 0;
background-repeat: repeat;
}

.bubbles strong span {
top: 28px;
left: 0px;
}

.bubbles a:hover span,.bubbles strong:hover span {
display: block;
}

/* overlay */

#overlay,#overlay2 {
position: absolute;
top: 0px;
left: 0px;
display: block;
width: 100%;
z-index: 9;
background-image: url(../pcs/overlay-blur-bg.png);
background-position: 0 0;
background-repeat: repeat;
}

#overlay.hide,#overlay2.hide {
display: none;
}

#overlayBox,#overlayBox2 {
width: 855px;
margin: 100px auto;
margin-bottom: 800px;
}

#overlayBoxBody,#overlayBoxBody2 {
padding: 0 30px 20px; 30px;
background-color: #fff;
}

#overlayBoxFooter,#overlayBoxFooter2 {
height: 42px;
clear: both;
background-color: #fff;
}

#overlayFooter .button,#overlayFooter2 .button {
float: right;
text-align: left;
}

#overlayHeader,#overlayHeader2 {
position: relative;
padding: 10px 0 10px 0;
}

#overlayHeader h2,#overlayHeader2 h2 {
font-size: 3em;
margin: 25px 0 15px 0;
}

#overlayHeader span,#overlayHeader2 span {
font-size: 1.4em;
}

#overlayClose,#overlayClose2 {
position: absolute;
display: block;
top: 35px;
right: 1px;
width: 130px;
text-align: right;
font-size: 16px;
line-height: 26px;
padding-right: 34px;
text-decoration: none;
background-image: url(../pcs/overlay-close.gif);
background-position: 100% 0;
background-repeat: no-repeat;
}
    
#linkBack,#linkBack2 {
display: block;
width: 140px;
line-height: 26px;
padding-left: 34px;
text-align: left;
font-size: 16px;
background-image: url(../pcs/icon-back.gif);
background-position: 0 0;
background-repeat: no-repeat;
text-decoration: none;
}

#overlayFooter {
position: relative;
text-align: right;
margin-top: 30px;
}

#overlayFooter2 {
position: relative;
margin-top: 30px;
}

#overlayFooter span,#overlayFooter2 span {
font-weight: bold;
font-size: 20px;
padding: 5px 0;
background-image: url(../pcs/border-double.gif);
background-position: 0 100%;
background-repeat: repeat-x;
}

.form2 {
width: 650px;
}

#eshop-form {
margin-top: -10px;
}

.cartLine td {
border-bottom: 1px solid #000;
padding: 3px 0;
}

.middle,.right {
text-align: right;
}

#menu-bottom,.hide-wide,#menu li .hide-wide {
display: none;
}


#page,#header,#menu-box,#footer {
  width: 96%;
}

.tab {
    height: 2em;
    background-color: #ebebeb;
    /*padding: 1em 2em;*/
    /*padding: 0.6em 2em 0;*/
    /*margin: 0 3px 3px 0;*/
    padding: 15px 40px 2px;
    margin-right: 3px;
    display: inline-block;
}

.tab.active {
    margin: 0 3px 0 0;
    padding-bottom: 5px;
}

.contform-contacts {
    float: right;
    padding-right: 1em;
    text-align: right;
}

.contform-contacts h3 {
    margin: 0;
}

#detail-right h2.block-header {
    margin: 1em 0;
}

#detail-right h2.block-header.contact-form {
  margin-bottom: 0.5em;
}

.hidden {
    display: none;
}

/* responsive */
@media (min-width: 1400px) {
  #page,#header,#menu-box,#footer {
    width: 1400px;
  }
  
  #menu li strong,#menu li a,#menu-right li a,#menu-right li strong {
    padding: 0 45px; 
  }
}
@media (max-width: 1200px) {
    .tab {
        padding: 15px 30px 2px;
    }
}
@media (max-width: 1100px) {
    .tab {
        padding: 15px 20px 2px;
    }

  .pg2 .banner-data,.pg2 .banner-data * {
    font-size: 15px;
  }
  .pg2 .banner-data h3 {
    font-size: 20px;
  }
  
  #menu li strong, #menu li a, #menu-right li a, #menu-right li strong {
    padding: 0 15px;
  }
  
  #menu li a,#menu-right li a,#menu-right li strong {
    padding: 0 15px; 
  }
}

@media (max-width: 1000px) {
  .pg2 .banner-data,.pg2 .banner-data * {
    font-size: 14px;
  }
  .pg2 .banner-data h3 {
    font-size: 19px;
  }
}

@media (max-width: 900px) {
    .tab {
        padding: 15px 10px 2px;
    }

  .pg2 .banner-data,.pg2 .banner-data * {
    font-size: 17px;
  }
  .pg2 .banner-data h3 {
    font-size: 22px;
  }
  .tab-reset {
    clear: left;
  }
  .contacts .banner {
    width: 50%;
  }
  
  #menu li strong, #menu-right li strong, #header li strong, #header li a, #menu-line li a, #header-form li a {
    font-size: 15px;
  }
}

@media (min-width: 680px) {
  .center span {
    font-size: 30px;
  }
  .center2 span {
    font-size: 24px;
  }
  
  .banner-small .center span {
    font-size: 26px;
  }
  .banner-small .center2 span {
    font-size: 22px;
  }
}

@media (min-width: 900px) {
  .center span {
    font-size: 36px;
  }
  .center2 span {
    font-size: 32px;
  }
  
  .banner-small .center span {
    font-size: 26px;
  }
  .banner-small .center2 span {
    font-size: 20px;
  }
}

@media (min-width: 1100px) {
  #menu li strong,#menu li a,#menu-right li a,#menu-right li strong {
    padding: 0 20px; 
  }
}

@media (min-width: 1200px) {
  .center span {
    font-size: 42px;
  }
  .center2 span {
    font-size: 36px;
  }
  
  .banner-small .center span {
    font-size: 36px;
  }
  .banner-small .center2 span {
    font-size: 30px;
  }
}
@media (min-width: 1300px) {
  #content-catalog {
    width: 85%;
  }
  
  #menu-catalog {
    width: 15%;
  }
}
@media (max-width: 1300px) {
  #content-catalog {
    width: 80%;
  }
  
  #menu-catalog {
    width: 20%;
  }
}
@media (max-width: 1024px) {

  #footer .col,#footer .col-last {
    width: 33%;
  }
  
  #footer .col-small {
    width: 100%;
  }
  
  #menu li strong, #menu li a, #menu-right li a, #menu-right li strong {
    padding: 0 10px;
  }
  
  #menu li a,#menu-right li a,#menu-right li strong {
    padding: 0 10px; 
  }
  
  #menu-line li a {
  }
  
  .banner-data {
    font-size: 14px;
  }
  
  .page-box {
    width: 70%;
  }
}

@media (max-width: 768px) {
  #menu li a,#menu-right li a,#menu-right li strong {
    padding: 0 10px;
    font-size: 15px;
  }
  
  #menu-line li a {
  }
  
  #menu-box {
    height: auto;
  }
  
  #footer .col {
    width: 50%;
  }
  
  #footer .col-small {
    width: 100%;
  }
  
  #menu-catalog {
    width: 35%;
  }
  
  #content-catalog {
    width: 65%;
  }
  
  .page-box {
    width: 100%;
  }
  
  .p20 {
    padding: 10px;
  }
  
  #content-menu .p20 {
    padding: 10px;
  }
  
  #orderby {
    position: relative;
    bottom: auto;
    right: auto;
    float: right;
  }
  
  .banner .video {
    display: block;
  }
}

@media (max-width: 700px) {
  
  #page {
    margin: 54px auto;
  }
  
  #content,#banner-box,#slider {
    padding: 0 10px;
  }
  
  .banner,.banner-1,.banner-2,.banner-small {
    padding-top: 32px;
  }
  
  .col-box .banner,.col-box-small .banner,#content .banner,.col-2 {
    width: 100%;
  }
  
  #content .hover-box {
    border-bottom: none;
  }
  
  .resp-line {
    border-bottom: 1px solid #000;
  }
  
  #content .banner img {
    width: 50%;
    margin-right: 20px;
  }

  .hline-resp {
    display: block;
  }
  
  .hline,.noshow,.empty img,#banner-claim,#menu li ul,.noshow-resp,#content .banner-title,.phone {
    display: none;
  }
  
  #banner-box .banners {
    bottom: auto;
  }
  
  .banner-1,.banner-2,.banner-3,#detail-left,#detail-right,#content-menu,#content-data {
    width: 100%;
  }
  
  .banners img,.banner img,.slider-col img {
    margin: 0 0 8px 0;
  }
  
  #banner-box {
    height: auto;
  }
  
  /* banners & products */
  .banner-2,.banner-3 {
    width: 100%;
  }
  
  .banners {
    position: relative;
  }
  
  /*
  #share {
    position: relative;
    float: right;
    margin-top: -10px;
  }
  */
  
  #share {
    position: relative;
    float: auto;
    margin-top: 0px;
    width: 100%;
  }
  
  #detail-right .box strong,.page-box .box strong {
    font-size: 0.9em;
    line-height: 220%;
  }
  
  .center, .center2,#content .banner-data {
    position: relative;
    text-align: left;
    display: auto;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    height: auto;
    margin: 0;
    filter:alpha(opacity=100);
    opacity:1;
    padding: 0;
  }
  
  #content .banner-data {
    padding: 10px;
  }
  
  .center {
    padding: 10px 0;
  }
  
  .center span, .center2 span {
    text-align: left;
    display: block;
    padding: 0 10px;
  }
  
  .hover-box .center2 span {
    font-family: 'source_sans_proregular', Helvetica, Arial, sans-serif;
    font-size: 18px;
  }
  
  .banner-title {
    top: 5px;
    left: 10px;
    font-size: 1.5em;
	font-family: 'futura_konsepti';
  }
  .white {
    color: #000;
  }

  .hover-box {
    border-bottom: 1px solid #000;
    text-align: left;
  }
  
  
  /* banner & slider on mouse */
  .banner:hover .center,.banner-1:hover .center,.banner-2:hover .center,.banner-small:hover .center {
    filter:alpha(opacity=100);
    opacity:1;
  }

  .banner:hover .center2,.banner-1:hover .center2,.banner-2:hover .center2,.banner-small:hover .center2 {
    filter:alpha(opacity=100);
    opacity:1;
  }

  .banner:hover img,.banner-1:hover img,.banner-2:hover img,.banner-small:hover img {
    filter:alpha(opacity=100);
    opacity:1;
  }
  
  #banner-box .banners {
    clear: both;
  }
  
  /* slider */
  #slider {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
  }
  
  #slider-box {
  }
  
  .slider-1,.slider-2,.slider-3 {
    width: 100%;
  }
  
  /* fonts for mobile */
  .center span,.banner-small .center span {
    font-size: 36px;
  }
  
  /* menu top */
  #menu li {
    width: 100%;
    height: 31px;
    text-align: center;
    border-bottom: 1px solid #fff;
  }
  
  #menu li strong, #menu-right li strong, #header li strong, #header li a, #menu-line li a, #header-form li a {
    font-size: 18px;
  }
  
  #menu #menu-button-next {
    border-bottom: none;
  }
  
  #menu a,,#menu a {
    font-size: 24px;
  }
  
  #menu-box {
    height: auto;
  }
  
  #menu-button,#menu-button-next {
    display: block;
    width: 100%;
    height: 30px;
    background-color: #000;
  }
  
  #menu-box {
    width: 100%;
  }
  
  #menu {
    position: absolute;
    display: block;
    background-color: #000;
    top: -259px;
    left: 0;
    width: 100%;
    z-index: 10;
    margin: 0;
  }
  
  #menu-button a,#menu-button-next a {
    display: block;
    height: 30px;
    width: 100%;
    background-image: url(../pcs/menu-button.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #000;
  }
  
  #menu {
    height: auto;
  }
  
  #news {
    display: block;
  }
  
  #menu-line {
    background-color: #fff;
    height: auto;
    width: 100%;
  }
  
  #menu li strong,#menu li a,#menu-right li a,#menu-right li strong {
    padding: 0;
  }
  
  /* menu footer */
  #menu-bottom {
    position: fixed;
    display: inline;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 52px;
    background-color: #fff;
    border-top: 1px solid #000;
    z-index: 999;
  }
  
  #menu-bottom a {
    display: block;
    height: 52px;
    float: right;
    width: 16.6%;
    background-image: url(../pcs/icon-sale.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
  }
  
  #menu-bottom .email2 {
    background-image: url(../pcs/icon-email.png);
  }
  
  #menu-bottom .eshop {
    background-image: url(../pcs/icon-eshop.png);
  }
  
  #menu-bottom .welike {
    background-image: url(../pcs/icon-welike.png);
  }
  
  #menu-bottom .offices {
    background-image: url(../pcs/icon-offices.png);
  }
  
  #menu-bottom .like {
    background-image: url(../pcs/icon-like.png);
  }
  
  #menu-bottom .gsm {
    background-image: url(../pcs/icon-gsm.png);
  }
  
  #menu-bottom .map {
    background-image: url(../pcs/icon-map.png);
  }
  
  #menu-bottom .fb {
    background-image: url(../pcs/icon-fb.png);
    background-color: #45aaf2;
  }
  
  #footer {
    padding-bottom: 90px;
  }
  
  .page-box {
    width: 100%;
  }
  
  .on .sub-menu {
    display: none;
  }
  
  .on .mline {
    display: none;
  }
  
  #menu-box a {
    color: #fff;
  }
  
  .rec,.lazy {
    width: 100%;
  }
  
  .rec img {
    width: 100%;
    height: auto;
  }
  
  h1,.h1 {
    font-size: 26px;
  }
  
  #header {
    width: 100%;
    height: 80px;
    background-color: #FFFFFF;
  }
  
  #searchbox {
    right: 10px;
    bottom: 5px;
  }
  
  .mobile-show,.hide-wide,#menu li .hide-wide {
    display: block;
    position: relative;
  }
  
  #menu li strong.menu-icon {
  	display: none;
  }
  
  .mobile-hide,#menu-right,.banner .video {
    display: none;
  }
  
  #tools {
    top: 0;
    right: 10px;
    width: auto;
  }
  
  #tools .pl30 {
    padding-left: 0;
  }
  
  #logo {
    margin: 15px 0 0 10px;
    height: 60px;
  }
  
  #logo-box {
    height: 80px;
  }

  .box-layout .box-title {
    padding: 0;
    margin-top: 10px;
  }

  .box-layout .banner {
    padding-top: 0;
  }
  
  #logo {
    width: 300px;
    background-position: 0px 0px;
    background-image: url(../pcs/logo-small-1.png);
  }
  
  .rc2 #logo {
    background-image: url(../pcs/logo-small-2.png);
  }
  
  .rc3 #logo {
    background-image: url(../pcs/logo-small-3.png);
  }
  
  .rc4 #logo {
    background-image: url(../pcs/logo-small-4.png);
  }
  
  .rc5 #logo {
    background-image: url(../pcs/logo-small-5.png);
  }
  
  /* contacts */
  .pg2 .arrow {
    display: none;
  }
  
  .pg2 .banner {
    padding-top: 0;
  }
  
  .pg2 #content .banner img {
    width: 100%;
  }
  
  .pg2 .banner.resp-line {
    margin-bottom: 0;
  }
  
  .next-blogs,.next-blogs:nth-child(5n) {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  
  .next-blogs img {
    height: auto;
    width: 100%;
    position: relative;
    margin: 0;
    top: auto;
    left: auto;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
     -ms-transform: none;
  }

}

@media (max-width: 500px) {

  #footer .col,#footer .col-last {
    width: 100%;
  }
  
  #fulltext input {
    width: 80px;
  }
  
  #orderby li {
    padding: 0 0 0 15px;
  }
  
  #catalog {
    margin: 0 -15px 20px -15px;
  }
  
  #menu-catalog li {
    padding: 3px 5px;
  }
  
  #menu-catalog * {
    font-size: 12px;
  }
  
  #catalog-p {
    padding: 0 0 20px 10px;
  }
  
  #menu-catalog .subhead span,#menu-catalog .filter-head {
    font-size: 14px;
  }
}