/* preselected colors (toolbar buttons ) */
.nicescroll-rails {
  z-index: 9999 !important;
}
/*____________________________*/
/* MAIN COLOR THEMES */
/* - color 1 (red) - */
/* - color 2 (orange) - */
/* - color 3 (yellow) - */
/* - color 4 (violet) - */
/* - color 5 (green) - */
/* - color 6 (blue) - */
/* - color 7 (cyan) - */
/*____________________________*/
/* default colors */
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?i1j7ty');
  src: url('../fonts/icomoon.eot?#iefixi1j7ty') format('embedded-opentype'), url('../fonts/icomoon.woff?i1j7ty') format('woff'), url('../fonts/icomoon.ttf?i1j7ty') format('truetype'), url('../fonts/icomoon.svg?i1j7ty#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icomoon {
  font-size: 100%;
  display: inline-block;
  vertical-align: top;
}
.icon-1:before {
  content: "\e600";
}
.icon-2:before {
  content: "\e601";
}
.icon-3:before {
  content: "\e602";
}
.icon-4:before {
  content: "\e603";
}
.icon-5:before {
  content: "\e604";
}
.icon-6:before {
  content: "\e605";
}
.icon-7:before {
  content: "\e606";
}
.icon-8:before {
  content: "\e607";
}
.icon-9:before {
  content: "\e608";
}
.icon-10:before {
  content: "\e609";
}
.icon-11:before {
  content: "\e60a";
}
.icon-12:before {
  content: "\e60b";
}
.icon-13:before {
  content: "\e60c";
}
.icon-14:before {
  content: "\e60d";
}
.icon-15:before {
  content: "\e60e";
}
.icon-16:before {
  content: "\e60f";
}
.icon-17:before {
  content: "\e610";
}
.icon-18:before {
  content: "\e611";
}
.icon-19:before {
  content: "\e612";
}
.icon-20:before {
  content: "\e613";
}
.icon-21:before {
  content: "\e614";
}
.icon-22:before {
  content: "\e615";
}
.icon-23:before {
  content: "\e616";
}
.icon-24:before {
  content: "\e617";
}
.icon-25:before {
  content: "\e618";
}
.icon-26:before {
  content: "\e619";
}
.icon-27:before {
  content: "\e61a";
}
.icon-28:before {
  content: "\e61b";
}
.icon-29:before {
  content: "\e61c";
}
.icon-30:before {
  content: "\e61d";
}
.icon-31:before {
  content: "\e61e";
}
.icon-32:before {
  content: "\e61f";
}
.icon-33:before {
  content: "\e620";
}
.icon-34:before {
  content: "\e621";
}
.icon-35:before {
  content: "\e622";
}
.icon-36:before {
  content: "\e623";
}
.icon-37:before {
  content: "\e624";
}
.icon-38:before {
  content: "\e625";
}
.icon-39:before {
  content: "\e626";
}
.icon-40:before {
  content: "\e627";
}
.icon-41:before {
  content: "\e628";
}
.icon-42:before {
  content: "\e629";
}
.icon-43:before {
  content: "\e62a";
}
.icon-44:before {
  content: "\e62b";
}
.icon-45:before {
  content: "\e62c";
}
.icon-46:before {
  content: "\e62d";
}
.icon-47:before {
  content: "\e62e";
}
.icon-48:before {
  content: "\e62f";
}
.icon-49:before {
  content: "\e630";
}
.icon-50:before {
  content: "\e631";
}
.icon-51:before {
  content: "\e632";
}
.icon-52:before {
  content: "\e633";
}
.icon-53:before {
  content: "\e634";
}
.icon-54:before {
  content: "\e635";
}
.icon-55:before {
  content: "\e636";
}
.icon-56:before {
  content: "\e637";
}
.icon-57:before {
  content: "\e638";
}
.icon-58:before {
  content: "\e639";
}
.icon-59:before {
  content: "\e63a";
}
.icon-60:before {
  content: "\e63b";
}
.icon-61:before {
  content: "\e63c";
}
.icon-62:before {
  content: "\e63d";
}
.icon-63:before {
  content: "\e63e";
}
.icon-64:before {
  content: "\e63f";
}
.icon-65:before {
  content: "\e640";
}
.icon-66:before {
  content: "\e641";
}
.icon-67:before {
  content: "\e642";
}
.icon-68:before {
  content: "\e643";
}
.icon-69:before {
  content: "\e644";
}
.icon-70:before {
  content: "\e645";
}
.icon-71:before {
  content: "\e646";
}
.icon-72:before {
  content: "\e647";
}
.icon-73:before {
  content: "\e648";
}
@font-face {
  font-family: 'bsm';
  src: url('../fonts/bsm.eot?sl6wld');
  src: url('../fonts/bsm.eot?#iefixsl6wld') format('embedded-opentype'), url('../fonts/bsm.ttf?sl6wld') format('truetype'), url('../fonts/bsm.woff?sl6wld') format('woff'), url('../fonts/bsm.svg?sl6wld#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="bsm-icon-"],
[class*=" bsm-icon-"] {
  font-family: 'bsm';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icomoon {
  font-size: 100%;
  display: inline-block;
  vertical-align: top;
}
.bsm-icon-1:before {
  content: "\e600";
}
.bsm-icon-2:before {
  content: "\e601";
}
.bsm-icon-3:before {
  content: "\e602";
}
.bsm-icon-4:before {
  content: "\e603";
}
.bsm-icon-5:before {
  content: "\e604";
}
.bsm-icon-6:before {
  content: "\e605";
}
.bsm-icon-7:before {
  content: "\e606";
}
.bsm-icon-8:before {
  content: "\e607";
}
.bsm-icon-9:before {
  content: "\e608";
}
.bsm-icon-10:before {
  content: "\e609";
}
.bsm-icon-11:before {
  content: "\e60a";
}
.bsm-icon-12:before {
  content: "\e60b";
}
.bsm-icon-13:before {
  content: "\e60c";
}
.bsm-icon-14:before {
  content: "\e60d";
}
.bsm-icon-15:before {
  content: "\e60e";
}
.bsm-icon-16:before {
  content: "\e60f";
}
.bsm-icon-17:before {
  content: "\e610";
}
.bsm-icon-18:before {
  content: "\e611";
}
.bsm-icon-19:before {
  content: "\e612";
}
.bsm-icon-20:before {
  content: "\e613";
}
.bsm-icon-21:before {
  content: "\e614";
}
.bsm-icon-22:before {
  content: "\e615";
}
.bsm-icon-23:before {
  content: "\e616";
}
.bsm-icon-24:before {
  content: "\e617";
}
.bsm-icon-25:before {
  content: "\e618";
}
.bsm-icon-26:before {
  content: "\e619";
}
.bsm-icon-27:before {
  content: "\e61a";
}
.bsm-icon-28:before {
  content: "\e61b";
}
.bsm-icon-29:before {
  content: "\e61c";
}
.bsm-icon-30:before {
  content: "\e61d";
}
.bsm-icon-31:before {
  content: "\e61e";
}
.bsm-icon-32:before {
  content: "\e61f";
}
.bsm-icon-33:before {
  content: "\e620";
}
.bsm-icon-34:before {
  content: "\e621";
}
.bsm-icon-35:before {
  content: "\e622";
}
.bsm-icon-36:before {
  content: "\e623";
}
.bsm-icon-37:before {
  content: "\e624";
}
.bsm-icon-38:before {
  content: "\e625";
}
.bsm-icon-39:before {
  content: "\e626";
}
.bsm-icon-40:before {
  content: "\e627";
}
.bsm-icon-41:before {
  content: "\e628";
}
.bsm-icon-42:before {
  content: "\e629";
}
.bsm-icon-43:before {
  content: "\e62a";
}
.bsm-icon-44:before {
  content: "\e62b";
}
.bsm-icon-45:before {
  content: "\e62c";
}
.bsm-icon-46:before {
  content: "\e62d";
}
.bsm-icon-47:before {
  content: "\e62e";
}
.bsm-icon-48:before {
  content: "\e62f";
}
.bsm-icon-49:before {
  content: "\e630";
}
.bsm-icon-50:before {
  content: "\e631";
}
.bsm-icon-51:before {
  content: "\e632";
}
.bsm-icon-52:before {
  content: "\e633";
}
.bsm-icon-53:before {
  content: "\e634";
}
.bsm-icon-54:before {
  content: "\e635";
}
.bsm-icon-55:before {
  content: "\e636";
}
.bsm-icon-56:before {
  content: "\e637";
}
.bsm-icon-57:before {
  content: "\e638";
}
.bsm-icon-58:before {
  content: "\e639";
}
.bsm-icon-59:before {
  content: "\e63a";
}
.bsm-icon-60:before {
  content: "\e63b";
}
.bsm-icon-61:before {
  content: "\e63c";
}
.bsm-icon-62:before {
  content: "\e63d";
}
.bsm-icon-63:before {
  content: "\e63e";
}
.bsm-icon-64:before {
  content: "\e63f";
}
.bsm-icon-65:before {
  content: "\e640";
}
.bsm-icon-66:before {
  content: "\e641";
}
.bsm-icon-67:before {
  content: "\e642";
}
.bsm-icon-68:before {
  content: "\e643";
}
.bsm-icon-69:before {
  content: "\e644";
}
.bsm-icon-70:before {
  content: "\e645";
}
.bsm-icon-71:before {
  content: "\e646";
}
.bsm-icon-72:before {
  content: "\e647";
}
.bsm-icon-73:before {
  content: "\e648";
}
/* font face fonts */
@font-face {
  font-family: 'helveticaneuecyrlight';
  src: url('../fonts/helveticaneuecyr-light-webfont.eot');
  src: url('../fonts/helveticaneuecyr-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaneuecyr-light-webfont.woff2') format('woff2'), url('../fonts/helveticaneuecyr-light-webfont.woff') format('woff'), url('../fonts/helveticaneuecyr-light-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'helveticaneuecyrthin';
  src: url('../fonts/helveticaneuecyr-thin-webfont.eot');
  src: url('../fonts/helveticaneuecyr-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaneuecyr-thin-webfont.woff2') format('woff2'), url('../fonts/helveticaneuecyr-thin-webfont.woff') format('woff'), url('../fonts/helveticaneuecyr-thin-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'pf_beausans_prolight';
  src: url('../fonts/pfbeausanspro-light-webfont.eot');
  src: url('../fonts/pfbeausanspro-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pfbeausanspro-light-webfont.woff2') format('woff2'), url('../fonts/pfbeausanspro-light-webfont.woff') format('woff'), url('../fonts/pfbeausanspro-light-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'helveticaneuecyrbold';
  src: url('../fonts/helveticaneuecyr-bold-webfont.eot');
  src: url('../fonts/helveticaneuecyr-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaneuecyr-bold-webfont.woff2') format('woff2'), url('../fonts/helveticaneuecyr-bold-webfont.woff') format('woff'), url('../fonts/helveticaneuecyr-bold-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'pf_beausans_probold';
  src: url('../fonts/pfbeausanspro-bold-webfont.eot');
  src: url('../fonts/pfbeausanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pfbeausanspro-bold-webfont.woff2') format('woff2'), url('../fonts/pfbeausanspro-bold-webfont.woff') format('woff'), url('../fonts/pfbeausanspro-bold-webfont.ttf') format('truetype');
}
@font-face {
  font-family: 'pf_beausans_prosemibold';
  src: url('../fonts/pfbeausanspro-semibold-webfont.eot');
  src: url('../fonts/pfbeausanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pfbeausanspro-semibold-webfont.woff2') format('woff2'), url('../fonts/pfbeausanspro-semibold-webfont.woff') format('woff'), url('../fonts/pfbeausanspro-semibold-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
html,
body {
  min-width: 1246px;
  height: 100%;
}
/* CSS RESET */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body {
  margin: 0;
  color: #010101;
  font: 13px/18px 'pf_beausans_prolight', Arial, Helvetica, sans-serif;
  background: #fff;
}
img {
  border-style: none;
  vertical-align: top;
}
a {
  text-decoration: none;
  color: #28a1d8;
}
a:hover {
  color: #28a1d8;
  text-decoration: underline;
}
input,
textarea,
select {
  font: 100% 'helveticaneuecyrlight', Arial, Helvetica, sans-serif;
  vertical-align: middle;
}
form,
fieldset {
  margin: 0;
  padding: 0;
  border-style: none;
}
/* preselected colors (toolbar buttons ) */
.nicescroll-rails {
  z-index: 9999 !important;
}
/*____________________________*/
/* MAIN COLOR THEMES */
/* faded background for active menu */
.fade-bg {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 998;
}
/* advent tweak bar */
.tweak-bar {
  position: fixed;
  z-index: 9999;
  right: -150px;
  top: 220px;
  transition: 1s;
}
.tweak-bar:hover {
  right: 0;
}
.tweak-bar .tweak-btn {
  float: left;
  background: #ffffff url(../images/bg-advent-gear.png) no-repeat 50%;
  width: 44px;
  height: 44px;
  border: 1px solid #e7e6e6;
  text-indent: -9999px;
  overflow: hidden;
  border-right: 0;
  margin: 0 -1px 0 0;
  position: relative;
}
.tweak-bar .tweak-box {
  background: #fff;
  padding: 11px;
  float: left;
  border: 1px solid #e7e6e6;
  border-right: 0;
}
.tweak-bar .resolution-buttons {
  padding: 15px 0 0;
  margin: 15px 0 0;
  border-top: 1px solid #faf9f9;
  width: 100%;
  text-align: center;
  float: none;
}
.tweak-bar .resolution-buttons li {
  float: none;
  display: inline-block;
  vertical-align: top;
}
.tweak-bar .resolution-buttons li a {
  background-image: url(../images/bg-advent-icons2.png);
}
.tweak-bar .colors {
  width: 142px;
  margin: -15px 0 0 -15px;
  overflow: hidden;
}
.tweak-bar .colors li {
  float: left;
  margin: 15px 0 0 15px;
}
.tweak-bar .colors li a {
  float: left;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  overflow: hidden;
  outline: none;
}
.tweak-bar .color-1 {
  background: #e6283b;
}
.tweak-bar .color-2 {
  background: #eb642d;
}
.tweak-bar .color-3 {
  background: #f49e3a;
}
.tweak-bar .color-4 {
  background: #634494;
}
.tweak-bar .color-5 {
  background: #4f9c63;
}
.tweak-bar .color-6 {
  background: #436daf;
}
.tweak-bar .color-7 {
  background: #26afae;
}
.resolution-container {
  background: #0e0e0e;
  height: 100%;
}
.resolution-frame {
  display: block;
  margin: 0 auto;
  padding: 55px 0 0;
  height: 100%;
  box-sizing: border-box;
}
.loader {
  display: none;
  background: #000000;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
}
.loader span {
  width: 100%;
  height: 100%;
  display: block;
  background: url(../images/loader.gif) no-repeat 50%;
}
/*____________________________*/
.outer-wrapper {
  width: 1326px;
  margin: 0 auto;
  border-left: 8px solid #f7f6f6;
  border-right: 8px solid #f7f6f6;
}
.wrapper-frame {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.wrapper-inner {
  z-index: 3;
  position: relative;
  background: #fff;
}
#wrapper {
  width: 100%;
  overflow: hidden;
  padding: 0;
}
.top-box {
  background: #f8f7f7;
  font-size: 14px;
  border-bottom: 1px solid #f4f3f4;
}
.top-box a {
  color: #bcbcbb;
}
.top-box a:hover {
  text-decoration: none;
  color: #fff;
}
.container {
  position: relative;
  width: 1246px;
  margin: 0 auto;
}
.container:after {
  content: "";
  clear: both;
  display: block;
}
.container {
  position: relative;
  width: 1246px;
  margin: 0 auto;
}
.container:after {
  content: "";
  clear: both;
  display: block;
}
.socials {
  position: absolute;
  left: 0;
  top: 0;
}
.socials li {
  float: left;
  margin: 0 1px 0 0;
}
.socials li a {
  float: left;
  width: 30px;
  height: 28px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../images/bg-socials-last.png) no-repeat;
}
.socials li .vk {
  background-position: 0 0;
}
.socials li .vk:hover {
  background-position: 0 -31px;
}
.socials li .facebook {
  background-position: -32px 0;
}
.socials li .facebook:hover {
  background-position: -32px -31px;
}
.socials li .twitter {
  background-position: -63px 0;
}
.socials li .twitter:hover {
  background-position: -63px -31px;
}
.socials li .google {
  background-position: -94px 0;
}
.socials li .google:hover {
  background-position: -94px -31px;
}
.socials li .ok  {
  background-position: -94px 0;
}

.region {
  float: left;
  color: #fff;
  font-size: 14px;
  line-height: 40px;
}
.region a {
  display: inline-block;
  line-height: 20px;
  margin: 0 0 0 5px;
  color: #fff;
  border-bottom: 1px dashed #757474;
}
.region a:hover {
  border: 0;
}
.top-nav {
  width: 1000px;
  float: left;
  text-align: center;
  height: 42px;
}
.top-nav:after {
  content: "";
  display: block;
  clear: both;
}
.top-nav .items {
  float: left;
  display: inline-block;
  white-space: nowrap;
  margin: 0 0 0 -10px;
}
.top-nav ul > li {
  display: inline-block;
  vertical-align: top;
  font: 14px/40px 'helveticaneuecyrthin', Arial, Helvetica, sans-serif;
  letter-spacing: 1.3px;
  position: relative;
}
.top-nav ul > li a {
  color: #333;
  float: left;
  padding: 0 14px 1px;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.top-nav ul > li:hover > a,
.top-nav ul > li.active a {
  color: #28a1d8;
}
.top-nav .more-link {
  height: 44px;
  position: relative;
  display: inline-block;
  padding: 0;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.top-nav .more-link > .link {
  padding: 0 10px 1px;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 40px;
  color: #333;
}
.top-nav .more-link:hover > .link {
  color: #28a1d8;
}
.top-nav .more-link:hover .sub {
  display: block;
}
.top-nav .sub {
  display: none;
  position: absolute;
  top: 42px;
  left: 0;
  border: 1px solid #e7e7e6;
  border-width: 0 1px 1px;
  background: #fff;
  z-index: 9999;
  text-align: left;
  width: 180px;
}
.top-nav .sub li {
  font-size: 13px;
  line-height: 18px;
  float: none;
  display: block;
  padding: 0;
  margin: 0;
}
.top-nav .sub li a {
  float: none;
  color: #333;
  display: block;
  padding: 8px 15px;
}
.top-nav .sub li a:hover {
  background: #e7e7e6;
  color: #000;
  text-decoration: none;
}
.account-menu {
  float: right;
}
.account-menu .account-link {
  float: left;
  color: #424242;
  padding: 0 0 1px 42px;
  font-size: 14px;
  line-height: 41px;
}
.account-menu:hover .account-link {
  color: #28a1d8;
}
.account-menu .account-link .icomoon {
  color: #28a1d8;
  font-size: 32px;
  line-height: 41px;
  vertical-align: top;
  padding-right: 5px;
}
.account-drop {
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  visibility: hidden;
  /*width: 148px;*/
  border: 1px solid #e7e7e6;
  border-width: 0 1px 1px;
  background: #fff;
  overflow: hidden;
  position: absolute;
  right: -1px;
  top: 42px;
  z-index: 15;
}
.account-menu:hover .account-drop {
  visibility: visible;
}
.account-drop li:first-child {
  margin: 0;
}
.account-drop li {
  width: 100%;
  overflow: hidden;
  font-size: 13px;
  line-height: 14px;
  box-sizing: border-box;
}
.account-drop a {
  display: block;
  padding: 8px 20px 9px 20px;
}
.account-drop span {
  color: #4f4f4f;
  display: inline-block;
  padding: 0 0 2px;
  border-bottom: 1px dashed #5b5b5b;
}
.account-drop a:hover {
  background: #28a1d8;
}
.account-drop a:hover span {
  border-color: #fff;
  text-decoration: none;
  color: #fff;
}
#header {
  /*height: 148px;*/
  position: relative;
  z-index: 8;
}
.header-container {
  padding: 24px 0;
  margin: 0 auto;
}
.phone-num {
  position: absolute;
  right: 168px;
  top: 0;
  line-height: 40px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
}
.phone-num .phone {
  float: left;
  margin: 0 10px 0 0;
}
.phone-num .callback {
  color: #bcbcbb;
  font-weight: normal;
  font-size: 14px;
  line-height: 40px;
  border-bottom: 1px dashed #757474;
}
.phone-num .callback:hover {
  color: #fff;
  border: 0;
}
#logo {
  float: left;
  width: 270px;
  height: 55px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/logo.png) no-repeat;
  margin: 0 40px 0 0;
}
#logo a {
  height: 100%;
  display: block;
}
.top-section {
  float: right;
  width: 910px;
}
.new-container .top-section {
 /* margin: 0 0 20px; */
}
.top-search {
  float: left;
  position: relative;
  font-family: 'helveticaneuecyrlight', Arial, Helvetica, sans-serif;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.2);
}
.top-search fieldset {
  background: #fff;
  border: 1px solid #eeeded;
}
.top-search:after {
  content: "";
  display: block;
  clear: both;
}
.top-search .hint {
  float: left;
  line-height: 46px;
  padding: 0 7px;
  overflow: hidden;
  width: 248px;
  white-space: nowrap;
}
.top-search .hint a {
  border-bottom: 1px dashed #28a1d8;
}
.top-search .hint a:hover {
  text-decoration: none;
  border: 0;
}
.search-drop {
  display: none;
  border: 1px solid #eeeded;
  left: 0;
  position: absolute;
  top: 54px;
  width: 644px;
  background: #fff;
  z-index: 9999;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.2);
}
.search-drop h3 {
  padding: 12px 13px 4px;
  color: #000;
  font-weight: bold;
}
.search-drop li {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  font-weight: 300;
}
.search-drop li a {
  padding: 8px 13px;
  display: block;
  overflow: hidden;
}
.search-drop .cats {
  margin: 0 0 10px;
}
.search-drop .cats li {
  padding: 0 13px;
}
.search-drop .cats li a .img {
  width: 35px;
  text-align: center;
  margin: 0 5px 0 0;
  display: inline-block;
}
.search-drop .cats li a img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
.search-drop .cats li a {
  color: #2d2d2d;
  border-bottom: 1px dotted #e8e7e8;
  padding: 8px 0;
}
.search-drop .cats li a:hover {
  text-decoration: none;
}
.search-drop .cats .text-right {
  color: #28a1d8;
  display: none;
}
.search-drop li a.gray {
  background: #fbfbfb;
}
.search-drop .image {
  float: left;
  height: 24px;
  margin: 0 10px 0 0;
}
.search-drop .image img {
  height: 24px;
  max-width: 24px;
  vertical-align: top;
}
.search-drop .all {
  display: inline-block;
  border-bottom: 1px dashed #28a1d8;
  color: #28a1d8;
  font-size: 12px;
  line-height: 15px;
  margin: 0 13px 10px;
}
.search-drop .all:hover {
  text-decoration: none;
  border: 0;
  padding: 0 0 1px;
}
.search-drop .text-left {
  float: left;
  color: #2d2d2d;
  font-size: 14px;
  line-height: 24px;
  width: 500px;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.search-drop .text-left .bg {
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/bg-gradient11.png) no-repeat;
  width: 45px;
  height: 32px;
}
.search-drop .text-right {
  float: right;
  font-size: 16px;
  line-height: 24px;
}
.top-search .text {
  float: left;
  border: 0;
  outline: none;
  background: none;
  padding: 14px 15px;
  color: #a7a7a7;
  font-size: 16px;
  /*width: 671px;*/
  width: 100%;
  font-weight: 300;
  border-right: 1px dashed #eeeded;
  margin: 0 10px 0 0;
  letter-spacing: 1px;
}
.top-search .jq-selectbox {
  margin: 0;
}
.top-search .jq-selectbox__select {
  border: none;
  height: 46px;
  line-height: 46px;
  width: 240px !important;
}
.top-search .jq-selectbox__select:active {
  box-shadow: none;
  background: none;
}
.top-search .jq-selectbox__dropdown {
  top: 52px;
}
.top-search .submit {
  float: right;
  margin: 0 0 0 8px;
  padding: 0;
  border: 0;
  cursor: pointer;
  width: 47px;
  height: 47px;
  line-height: 0;
  font-size: 0;
  font-weight: bold;
  color: #fff;
  background: #28a1d8;
}
.top-search .submit:hover {
  background: #238dbd;
}
.top-search .icomoon {
  font-size: 30px;
  line-height: 30px;
}
.top-info {
  float: right;
  letter-spacing: 1px;
  font: 14px/22px 'pf_beausans_prolight', Arial, Helvetica, sans-serif;
}
.top-info .box:first-child {
  margin: 0;
}
.top-info .box {
  float: left;
  margin: 0 0 0 58px;
  color: #646463;
}
.top-info .box p {
  display: inline-block;
}
.top-info .box p a {
  border-bottom: 1px dashed #28a1d8;
}
.top-info .box p a:hover {
  border: 0;
  text-decoration: none;
}
.top-info .icomoon {
  font-size: 30px;
  line-height: 40px;
  padding-right: 5px;
}
.top-info .callback {
  display: inline-block;
  padding: 0 0 1px;
  border-bottom: 1px dashed #419ed8;
}
.top-info .callback:hover {
  border: 0;
  text-decoration: none;
}
.top-info .location {
  background: url(../images/ico-location.png) no-repeat 0 50%;
  padding: 0 0 0 30px;
}
.nav-holder {
  top: 0 !important;
  position: relative;
  z-index: 101;
  height: 68px;
  width: 100%;
  border-bottom: 1px solid #eaeaea;
  background: url(../images/bg-drop.png);
}
.nav-frame {
  width: 1246px;
  margin: 0 auto;
  height: 18px;
  padding: 25px 0;
  position: relative;
}
.nav-frame:after,
.nav-holder:after {
  clear: both;
  display: block;
  content: "";
}
#nav,
.nav {
  float: left;
  position: relative;
  height: 18px;
}
#nav > li,
.nav > li {
  float: left;
  margin: 0 25px 0 0;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}
.nav > li {
  position: static;
}
#nav > li > a,
.nav > li > a {
  float: left;
  color: #5f5f5e;
  padding: 0 18px 32px 0;
}
li > .hasDrop {
  background: url(../images/bg-drop-arrow.png) 100% 6px no-repeat;
}
#nav > li:hover > a,
.nav > li:hover > a {
  color: #28a1d8;
  text-decoration: none;
}
.nav-frame .drop,
.nav .drop {
  display: none;
  position: absolute;
  left: -40px;
  top: 44px;
  width: 930px;
  padding: 40px;
  background: #fff;
}
#nav > li:last-child .drop,
.nav > li:last-child .drop {
  right: -56px;
  left: auto;
}
.nav-frame .drop .columns {
  float: left;
}
.nav-frame .drop .columns .col:first-child {
  margin: 0;
}
.nav-frame .drop .columns .col {
  float: left;
  width: 160px;
  margin: 0 0 0 10px;
}
.nav-frame .drop .columns .col-title {
  display: inline-block;
  margin: 0 0 17px;
  font-size: 17px;
  font-weight: 400;
  color: #575656;
  padding: 0 20px 0 0;
}
.nav-frame .drop .columns .col-title.hasDrop {
  background: url(../images/bg-drop-arrow.png) no-repeat 100% 8px;
}
.nav-frame .drop .columns .sub-menu {
  width: 100%;
  overflow: hidden;
}
.nav-frame .drop .columns .sub-menu li {
  font-size: 15px;
  font-weight: 300;
  margin: 0 0 14px;
}
.nav-frame .drop .columns .sub-menu li a {
  color: #757575;
}
.nav-frame .drop .columns .sub-menu li a:hover {
  color: #28a1d8;
  text-decoration: none;
}
.nav-frame .drop-img {
  float: right;
  position: relative;
  display: none;
  /* !!! */
}
.nav-frame .drop-img img {
  vertical-align: top;
}
.nav-frame .drop-img .text-frame {
  position: absolute;
  bottom: 30px;
  right: 0;
  display: inline-block;
  vertical-align: top;
  padding: 5px 10px;
  background: rgba(25, 178, 233, 0.85);
  color: #fff;
  font-weight: 300;
  font-size: 13px;
}
.nav-holder .discount-link {
  float: left;
  font-size: 16px;
  font-weight: 500;
  margin: 0 27px 0 0;
  color: #5f5f5e;
  padding: 0 0 0 22px;
  background: url(../images/ico-star.png) no-repeat 0 50%;
}
.nav-holder .discount-link:hover {
  text-decoration: none;
  color: #28a1d8;
}
.points-holder {
  float: left;
  margin: 0 0 -20px;
}
.nav-holder .points {
  float: left;
  background: url(../images/ico-points.png) no-repeat 0 11px;
  width: 17px;
  height: 16px;
  cursor: pointer;
  padding: 0 0 40px;
}
.points-holder:hover .points {
  background: url(../images/bg-points-hover.png) no-repeat 0 11px;
}
.points-holder:hover .add-menu {
  opacity: 1;
  display: block;
}
.add-menu {
  display: none;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  opacity: 0;
  z-index: 9999;
  position: absolute;
  top: 69px;
  background: url(../images/bg-transparent95.png), url(../images/bg-transparent95.png);
  padding: 0 0 0 32px;
}
.add-menu .drop {
  top: 36px;
  left: auto;
  right: 0;
}
.add-menu .nav-frame {
  width: auto;
  margin: 0;
  float: left;
  padding: 18px 0;
}
.mini-cart-holder {
  float: right;
  height: 56px;
  margin: 0 0 -12px;
}
.mini-cart-holder .mini-cart {
  text-align: center;
  display: block;
  background-color: #eeeded;
  border-radius: 100%;
  outline: none;
  overflow: hidden;
  width: 48px;
  height: 48px;
  transition: all 0.05s ease-in;
  -moz-transition: all 0.05s ease-in;
  -webkit-transition: all 0.05s ease-in;
}
.mini-cart-holder .mini-cart .icomoon {
  color: #a0a0a0;
  font-size: 32px;
  line-height: 48px;
}
.mini-cart-holder:hover .mini-cart {
  background-color: #28a1d8;
}
.mini-cart-holder:hover .mini-cart .icomoon {
  color: #fff;
}
.mini-cart-holder:hover .cart-popup {
  opacity: 1;
  display: block;
}
.cart-popup {
  opacity: 0;
  display: none;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  position: absolute;
  top: 55px;
  right: 0;
  width: 490px;
  padding: 18px 18px;
  z-index: 103;
  background: #fff;
  border: 1px solid #eaeaea;
}
.minicart-table {
  width: 100%;
  border-collapse: collapse;
  vertical-align: middle;
}
.minicart-table td {
  padding: 15px 5px;
  border-bottom: 1px dotted #eaeaea;
  font-weight: 300;
}
.minicart-table .image {
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px 0 0;
}
.minicart-table p {
  display: inline-block;
  font-size: 14px;
}
.minicart-table a {
  color: #2d2d2d;
}
.minicart-table a:hover {
  text-decoration: none;
}
.minicart-table .number {
  color: #afafaf;
}
.minicart-table .price {
  color: #28a1d8;
  font-weight: 500;
  font-size: 19px;
}
.minicart-table .price sup {
  font-size: 10px;
  font-weight: 300;
  padding: 0 0 0 3px;
}
.minicart-table .btn-remove,
.minicart-table .btn-close {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 9px;
  background: url(../images/ico-close.png) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
}
.cart-popup .cart-message {
  text-align: center;
  padding: 5px 0;
  margin: 0 0 5px;
  color: #2d2d2d;
  border-bottom: 1px dotted #eaeaea;
}
.cart-popup .bottom-box {
  padding: 20px 0 0;
  overflow: hidden;
}
.cart-popup .bottom-box .button {
  float: left;
  font-size: 15px;
  padding: 7px 18px;
}
.cart-popup .bottom-box .total {
  float: right;
  line-height: 35px;
}
.cart-popup .bottom-box .total p {
  float: left;
  margin: 0 4px 0 0;
  font-weight: 300;
  font-size: 20px;
  color: #676767;
}
.cart-popup .bottom-box .total strong {
  color: #28a1d8;
  font-size: 24px;
  font-weight: 500;
}
.cart-popup .bottom-box .total sup {
  font-size: 10px;
  font-weight: 300;
  padding: 5px 0 0 2px;
  color: #28a1d8;
  vertical-align: top;
  display: inline-block;
}
.w1 {
  float: left;
  position: relative;
  left: 50%;
}
.w2 {
  float: left;
  position: relative;
  left: -50%;
}
#visual {
  float: right;
  width: 908px;
}
#visual .mask {
  height: 410px;
  overflow: hidden;
  position: relative;
  margin: 0 auto 17px;
}
#visual .slides img {
  width: 100%;
  height: auto;
}
#visual .slides .tile {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
}
#visual .slides .left-col {
  float: left;
}
#visual .slides .right-col {
  float: right;
}
#visual .slides .cell {
  height: 410px;
  display: table-cell;
  vertical-align: middle;
}
#visual .slides .title {
  margin: 0 0 15px;
}
#visual .slides .title h2 {
  font: 34px/45px 'pf_beausans_prosemibold', Arial, Helvetica, sans-serif;
  display: inline-block;
  padding: 5px;
  font-weight: 300;
  background-color: rgba(0, 0, 0, 0.2);
  letter-spacing: 4px;
}
#visual .slides .text {
  font: 22px/30px 'helveticaneuecyrthin', Arial, Helvetica, sans-serif;
  margin: 0 0 22px;
  letter-spacing: 2px;
}
#visual .slides .text p {
  display: inline-block;
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.2);
}
#visual .slides .text span {
  color: #fff;
  display: inline-block;
  vertical-align: top;
  padding: 0 10px 2px 6px;
}
#visual .button {
  font-size: 17px;
}
#visual .container {
  width: 92%;
  opacity: 0;
}
#visual .owl-prev,
#visual .owl-next {
  top: 267px;
  position: absolute;
  width: 55px;
  height: 55px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 99;
  background: url(../images/bg-visual-arrows.png) no-repeat;
}
#visual .owl-prev {
  left: 35px;
}
#visual .owl-next {
  right: 35px;
  background-position: 0 100%;
}
.index-links {
  overflow: hidden;
  width: 101%;
}
.index-links .item:first-child {
  margin: 0;
}
.index-links .item {
  float: left;
  width: 207px;
  height: 207px;
  border: 1px solid #f0f0f0;
  background: #fff;
  text-align: center;
  margin: 0 0 0 24px;
}
.index-links .item a {
  display: block;
  width: 100%;
  height: 100%;
  color: #353535;
  padding: 35px 15px;
  box-sizing: border-box;
  text-align: center;
}
.index-links .item .icomoon {
  display: block;
  font-size: 60px;
  margin-bottom: 20px;
  color: #28a1d8;
}
.index-links .item:hover .icomoon {
  color: #fff;
}
.index-links .item:hover a {
  text-decoration: none;
  background: #28a1d8;
  color: #fff;
}
.index-links strong {
  font: 12px/20px 'pf_beausans_prolight', Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
}
.button {
  display: inline-block;
  vertical-align: top;
  background: #28a1d8;
  border: 0;
  cursor: pointer;
  border-bottom: 3px solid #0884b0;
  color: #fff;
  padding: 10px 18px;
  overflow: hidden;
  position: relative;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
em.button {
  font-style: normal;
}
.button:hover {
  color: #fff;
  background: #238dbd;
  text-decoration: none;
  border-bottom-color: #087399;
}
.unavailable .button {
  background: #e5e5e4!important;
  color: #bfbebe!important;
  border-bottom: 3px solid #cececd!important;
}
div.fileinputs {
  position: relative;
  width: 178px;
  height: 35px;
  float: left;
  margin: 0 7px 0 0;
}
div.fakefile {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}
input.file {
  width: 168px;
  height: 35px;
  position: relative;
  text-align: right;
  opacity: 0;
  z-index: 2;
}
.circle-box {
  /*position: absolute;
    top: 194px;
    right: 155px;*/
  text-align: center;
  border: 2px solid #28a1d8;
  border-radius: 100%;
  z-index: 99;
}
.circle-box a,
.circle-box a:hover {
  color: #fff;
  text-decoration: none;
}
.circle-box .holder {
  display: block;
  margin: 10px;
  background: #28a1d8;
  overflow: hidden;
  position: relative;
  border-radius: 100%;
  width: 172px;
  height: 172px;
}
.circle-box .holder .frame {
  width: 172px;
  height: 172px;
  display: table-cell;
  vertical-align: middle;
  text-transform: uppercase;
  font: bold 23px/28px "Courier New", Courier, monospace;
}
#visual .owl-pagination {
  width: 100%;
  height: 10px;
  overflow: hidden;
  position: absolute;
  top: 375px;
  /* if services-boxes is hidden set top:700px; */
  left: 0;
  z-index: 9;
  text-align: center;
}
#visual .owl-pagination .owl-page {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}
#visual .owl-pagination .owl-page span {
  float: left;
  text-indent: -9999px;
  overflow: hidden;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  background: #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
#visual .owl-pagination .owl-page.active span,
#visual .owl-pagination .owl-page:hover span {
  background: #28a1d8;
}
.services-boxes {
  visibility: visible;
  /* add hidden to hide this box */
  background: url(../images/bg-transparent95.png);
  padding: 20px 0 30px;
  clear: both;
  position: relative;
}
.services-boxes:after {
  content: "";
  display: block;
  clear: both;
}
.services-boxes.new {
  padding: 60px 0 0;
  background: url(../images/img22.jpg) no-repeat 50% 0;
  background-size: 100% 100%;
  height: 146px;
  position: relative;
}
.services-boxes.new .dotts {
  background: url(../images/bg-dash3.png);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.services-boxes .box:first-child,
.services-boxes.new .box:first-child {
  margin: 0;
}
.services-boxes .box {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  min-height: 97px;
  float: left;
  padding: 0 0 0 92px;
  margin: 0 0 0 32px;
  width: 216px;
}
.services-boxes.new .box {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  min-height: 97px;
  text-transform: uppercase;
  float: left;
  padding: 0 0 0 112px !important;
  margin: 0 0 0 40px;
  width: auto;
}
.services-boxes .box p {
  width: 161px;
  height: 97px;
  display: table-cell;
  vertical-align: middle;
}
.services-boxes .box a {
  color: #484848;
  display: block;
}
.services-boxes.new .box a {
  color: #fff;
}
.services-boxes.new .box a:hover {
  color: #fff;
}
.services-boxes .box a:hover {
  text-decoration: none;
  color: #28a1d8;
}
.services-boxes .box.warranty {
  background: url(../images/bg-guarantee.png) no-repeat 0 50%;
  padding: 0 0 0 60px;
}
.services-boxes .box.payment {
  background: url(../images/bg-payment.png) no-repeat 0 50%;
  padding: 0 0 0 70px;
}
.services-boxes .box.delivery {
  background: url(../images/bg-car.png) no-repeat 0 50%;
}
.services-boxes .box.earth {
  background: url(../images/bg-promo.png) no-repeat 0 50%;
  padding: 0 0 0 60px;
}
.services-boxes.new .box.warranty {
  background: url(../images/ico-thumb-new.png) no-repeat 0 50%;
}
.services-boxes.new .box.delivery {
  background: url(../images/ico-delivery-new.png) no-repeat 0 50%;
}
.services-boxes.new .box.earth {
  background: url(../images/ico-world-new.png) no-repeat 0 50%;
}
.services-boxes.new .box.shops {
  background: url(../images/ico-plane-new.png) no-repeat 0 50%;
}
#main {
  width: 100%;
  float: left;
}
.home #main {
  overflow: visible;
}
#main:after {
  content: "";
  display: block;
  clear: both;
}
.index-products:after {
  content: "";
  display: block;
  clear: both;
}
.index-products {
  width: 1246px;
  margin: 0 auto;
  padding: 45px 0;
}
.index-products .filters {
  width: 100%;
  overflow: hidden;
  margin: 0 0 30px;
}
.index-products .filters h2 {
  float: left;
  margin: 0 40px 0 0;
  color: #575656;
  font: 21px/25px 'pf_beausans_prosemibold', Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
}
.filters-list {
  float: left;
}
.filters-list li:first-child {
  margin: 0;
}
.filters-list li {
  float: left;
  margin: 0 0 0 35px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
}
.filters-list li a {
  cursor: pointer;
  color: #444;
  float: left;
  border-bottom: 1px dotted #444;
}
.filters-list li a:hover,
.filters-list li a.active {
  text-decoration: none;
  border: 0;
  color: #28a1d8;
}
.products-block .mix {
  display: none;
}
.index-products .products-block {
  width: 100%;
  position: relative;
}
.index-products .products-block:after {
  content: "";
  display: block;
  clear: both;
}
.index-products .products {
  float: left;
  width: 1030px;
  position: relative;
  margin: -23px 0 0 -23px;
}
.index-products .products:after {
  content: "";
  clear: both;
  display: block;
}
.product-item {
  display: inline-block;
  vertical-align: top;
  width: 224px;
  text-align: center;
  margin: 23px -5px -5px 18px;
  padding: 5px;
}
.product-item .holder {
  border: 1px solid #f5f5f5;
  padding: 15px 20px;
  width: 182px;
  height: 251px;
  background: #fff;
  position: relative;
}
.custom-border {
  background: url(../images/bg-item-border.png);
}
.product-item.custom-border .expand-holder {
  border-color: #f5f5f5;
}
.product-item.custom-border:hover .holder {
  border: 1px solid #f5f5f5;
}
.product-item.custom-border:hover .expand-holder {
  border-color: #f5f5f5;
}
.product-item.custom-border .expand {
  background: url(../images/bg-item-border.png);
}
.product-item .video-link {
  background: url(../images/bg-play.png) no-repeat;
  width: 63px;
  height: 64px;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 2;
  cursor: pointer;
}
.b-modal + .content {
  background: url(../images/bg-item-border.png);
  padding: 3px;
}
.product-item .discount,
.product-item .hit,
.product-item .new,
.product-item .percent {
  display: block;
  background: url(../images/bg-discount.png) no-repeat;
  width: 58px;
  height: 58px;
  padding: 0 0 6px 6px;
  line-height: 58px;
  text-align: center;
  color: #fff;
  font-family: 'pf_beausans_probold', Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 500;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 6;
}
.product-item .hit {
  background: url(../images/bg-hit.png) no-repeat;
}
.product-item .new {
  background: url(../images/bg-new.png) no-repeat;
}
.product-item .percent {
  background: url(../images/bg-percent.png) no-repeat;
  font-size: 22px;
}
.product-item .image {
  display: table;
  width: 100%;
  text-align: center;
  margin: 0 0 10px;
  position: relative;
  min-height: 160px;
}
.product-item .image > .image-box {
  display: table-cell;
  vertical-align: middle;
  height: 160px;
  width: 100%;
}
.items-include .tab-items .product-item .image > .image-box {
  display: inline;
  height: auto;
  width: auto;
}
.menu-tabs-section .tab-items .product-item .image {
  min-height: 0;
}
.product-item.unavailable .image img {
  opacity: 0.5;
}
.product-item .image img {
  max-width: 100%;
  height: auto;
}
.product-item:hover .quick-view {
  opacity: 0.7;
}
.product-item .quick-view {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  position: absolute;
  bottom: 20px;
  display: block;
  left: 0;
  background: url(../images/bg-transparent45.png);
  color: #fff;
  padding: 8px 15px;
  font-size: 14px;
  white-space: nowrap;
}
.product-item .quick-view:before {
  font-family: 'icomoon';
  font-size: 40px;
  line-height: 20px;
  content: "\e63b";
  vertical-align: top;
  color: #fff;
  display: inline-block;
  margin-left: -6px;
  margin-right: -6px;
}
.product-item .quick-view:hover {
  opacity: 1;
  text-decoration: none;
}
.product-item .deal-holder {
  position: absolute;
  bottom: 20px;
  display: block;
  width: 100%;
  left: 0;
  text-align: center;
}
.product-item .good-deal {
  background: rgba(25, 178, 233, 0.85);
  color: #fff;
  padding: 7px 16px 9px 16px;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}
.product-item:hover .deal-holder {
  opacity: 0;
}
.product-item .title {
  margin: 0 0 3px;
  overflow: hidden;
}
.product-item .title h3 {
  margin: 0 0 2px;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 1px;
  height: 60px;
  overflow: hidden;
}
.product-item .title h3 a {
  color: #2d2d2d;
}
.stars {
  display: inline-block;
  vertical-align: top;
  width: 64px;
  background: url(../images/bg-stars.png) repeat-x;
  height: 11px;
}
.stars .rating {
  float: left;
  background: url(../images/bg-stars.png) repeat-x 0 100%;
  text-indent: -9999px;
  overflow: hidden;
  height: 11px;
}
.product-item .price {
  width: 100%;
  overflow: hidden;
  margin: 0 0 12px;
}
.product-item .price strong {
  display: inline-block;
  padding: 0 5px;
}
.unavailable .price strong {
  color: #a7a7a7;
}
.product-item .new-price {
  color: #28a1d8;
  font: 23px/26px 'pf_beausans_probold', Arial, Helvetica, sans-serif;
}
.product-item .old-price {
  color: #a7a7a7;
  text-decoration: line-through;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}
.product-item .price sup {
  font-size: 11px;
  line-height: 16px;
  font-weight: 300;
  padding: 0 0 0 3px;
}
.product-item.day-item .holder {
  border: 1px solid #28a1d8;
}
.product-item.day-item:hover,
.product-item.day-item:hover .expand {
  background: none;
}
.product-item.day-item:hover .holder,
.product-item.day-item:hover .expand-holder {
  border-color: #28a1d8;
}
.product-item .strong-box {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  background: #28a1d8;
  padding: 8px 0;
  text-align: center;
  color: #fff;
}
.product-item .strong-box strong {
  font: 20px/24px 'pf_beausans_probold', Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
}
.product-item .timer-box {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  z-index: 3;
  text-align: center;
}
.product-item .timer {
  color: #fff;
  font-size: 13px;
  display: inline-block;
  vertical-align: top;
  width: 170px;
  padding: 15px 0;
  background: rgba(25, 178, 233, 0.85);
}
.product-item .timer p {
  margin: 0 0 7px;
}
.product-item .timer strong {
  font-size: 24px;
  line-height: 28px;
}
.btn-cart {
  font-size: 16px;
  margin: 0 0 14px;
  width: 146px;
  padding: 8px 18px 6px;
  text-align: center;
}
.btn-cart span {
  white-space: nowrap;
  display: inline-block;
  line-height: 23px;
}
.btn-cart span:before {
  font-family: 'icomoon';
  font-size: 35px;
  line-height: 13px;
  content: "\e61a";
  vertical-align: middle;
  color: #fff;
  display: inline-block;
  margin-top: -10px;
  margin-right: 4px;
}
.unavailable .btn-cart span:before {
  content: "\e62e";
  color: #aaa;
}
.unavailable .btn-click span:before {
  color: #aaa !important;
}
.product-item:hover {
  background: none;
}
.product-item:hover .holder {
  border: 1px solid #f5f5f5;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
}
.product-item:hover .expand-holder {
  border-color: #f5f5f5;
}
.product-item:hover .expand {
  background: url(../images/bg-item-border.png);
  display: block;
}
.product-item .expand {
  display: none;
  position: absolute;
  left: 0;
  z-index: 7;
  color: #6c6c6c;
  font-size: 13px;
  line-height: 17px;
  padding: 0 5px 5px;
  margin: 0 -6px -5px;
}
.similars .product-item .expand {
  width: 202px;
}
.product-item .expand-holder {
  background: #fff;
  padding: 0 20px 11px;
  border: 1px solid #28a1d8;
  border-top: 0;
  margin: -30px 0 0;
}
.similars .product-item .expand-holder {
  padding: 10px 15px 11px;
}
.product-item .expand .detail {
  margin: 0 0 8px;
}
.product-item .expand .message {
  border-radius: 6px;
  display: block;
  background: #ffd960;
  padding: 4px 5px 5px;
  overflow: hidden;
  color: #724d1a;
  font-size: 13px;
}
.product-item .expand .message strong {
  font-weight: 500;
  padding: 0;
}
.product-item .expand .message sub {
  font-size: 9px;
  vertical-align: bottom;
  display: inline-block;
}
.product-item h3 a:hover {
  color: #28a1d8;
  text-decoration: none;
}
.product-item .tools {
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #f0f0f0;
  padding: 6px 0 0;
  text-align: center;
}
.product-item .tools li:first-child {
  margin: 0;
}
.product-item .tools li {
  display: inline-block;
  vertical-align: top;
  font-size: 11px;
  line-height: 13px;
  margin: 0 0 0 5px;
}
.product-item .tools li a {
  color: #525151;
  float: left;
}
.product-item .tools li a.link-compare {
  background: url(../images/ico-compare.png) no-repeat 0 50%;
}
.product-item .tools li a.link-wishlist:before {
  font-family: 'icomoon';
  font-size: 21px;
  line-height: 13px;
  content: '\e62a';
  vertical-align: top;
  color: #28a1d8;
  display: inline-block;
  margin-left: -10px;
  margin-right: 0px;
}
.product-item .tools li a.link-wishlist-delete:before {
  font-family: 'icomoon';
  font-size: 25px;
  line-height: 13px;
  content: "\e641";
  vertical-align: top;
  color: #28a1d8;
  display: inline-block;
  margin-left: -10px;
  margin-right: 0px;
}
.side-banners {
  float: right;
  width: 225px;
}
.side-banners .box:first-child {
  margin: 0;
}
.side-banners .box {
  margin: 20px 0 0;
  width: 100%;
  height: 283px;
  position: relative;
}
.side-banners .box-2 {
  height: 363px;
}
.side-banners .box img {
  vertical-align: top;
  height: 100%;
  width: 100%;
}
.side-banners .box.widget img {
  width: auto;
  height: auto;
}
.side-banners .box .border {
  width: 223px;
  height: 283px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.side-banners .box:hover .border {
  opacity: 1;
}
.side-banners .box .frame {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  background: rgba(0, 0, 0, 0.25);
}
.side-banners .box:hover .frame {
  opacity: 1;
}
.side-banners .box .include {
  margin: 13px;
  overflow: hidden;
  height: 283px;
  text-align: center;
}
.side-banners .box .section {
  display: table-cell;
  vertical-align: middle;
  width: 223px;
  height: 283px;
  color: #fff;
  text-decoration: none;
}
.side-banners .box .text {
  display: block;
  font: 23px/32px 'pf_beausans_prolight', Arial, Helvetica, sans-serif;
}


/*OUR CASES*/
.our-cases {
  width: 100%;
  margin: 0 0 44px;
}

.our-cases-case {
  display: block;
  position: relative;
  width: 291px;
  height: 200px;
  cursor: pointer;
  background: linear-gradient(transparent 80%, #000);
}

.our-cases-case h4:hover {
  cursor: pointer;
}

.our-cases-case h4 {
  position: absolute;
  bottom: 0;
  font: 15px 'pf_beausans_prosemibold', Arial, Helvetica, sans-serif;
  margin: 16px;
  letter-spacing: 0.1em;
  color: #fff;
}

.our-cases .owl-prev,
.our-cases .owl-next {
  display: block;
  position: absolute;
  top: 70px;
  width: 62px;
  height: 63px;
  background: url(../images/bg-oc-arrow.png) no-repeat;
}

.our-cases .owl-prev {
  left: -7px;
  transform: rotate(180deg);
}

.our-cases .owl-next {
  right: -7px;
}


/*Our cases popup*/
#our-cases-popup {
  width: 800px !important;
  min-height: 635px !important;
  display: none;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);;
}

#our-cases-popup {
  margin: 0 auto;
  position: relative;
}

.ocp-close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 37px;
  height: 37px;
  line-height: 37px;
  background: url(../images/bg-ocp-close.png);
  z-index: 999;
}

.ocp-slider .owl-prev,
.ocp-slider .owl-next {
  display: block;
  position: absolute;
  top: 177px;
  width: 62px;
  height: 63px;
  background: url(../images/bg-oc-arrow.png) no-repeat;
}

.ocp-slider .owl-prev {
  left: -32px;
  transform: rotate(180deg);
}

.ocp-slider .owl-next {
  right: -32px;
}


.ocp-article {
  padding: 40px 47px;
}

.ocp-article-header {
  //overflow: hidden;
  display: table;  
  width: 100%;
  margin: 0 0 15px;
}

.ocp-article-header-title,
.ocp-article-header-logo {
  display: table-cell;
  vertical-align: middle;
}

.ocp-article-header-title {
  text-align: left;
}

.ocp-article-header-title h1 {
  font: 23px 'pf_beausans_prosemibold', Arial, Helvetica, sans-serif;
  margin: 0;
}

.ocp-article-header-logo {
  text-align: right;
}

.ocp-article-header-logo img {
  max-width: 152px;
}

.ocp-article-text {
  font: 15px 'helveticaneuecyrlight', Arial, Helvetica, sans-serif;
  line-height: 20px;
  letter-spacing: 1.1px;
  margin: 0 0 20px;
}

.ocp-article-text p {
  margin: 0;
}


.ocp-article-footer {
  display: table;
}

.ocp-article-footer-avatar,
.ocp-article-footer-author {
  display: table-cell;
  vertical-align: middle;
}

.ocp-article-footer-author {
  padding-left: 16px;
}

.ocp-article-footer-author h4,
.ocp-article-footer-author p {
  margin: 0;
}

.ocp-article-footer-author h4 {
  font: 15px 'pf_beausans_prosemibold', Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  margin: 3px 0;
}

.ocp-article-footer-author p {
  font: 15px 'helveticaneuecyrlight', Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  color: #9a9b99;
}

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


.brands-block {
  width: 100%;
  position: relative;
  background: #fff;
  margin: 0 -9999px;
  padding: 0 9999px;
  border-bottom: 1px solid #eee;
}
.brands-block:after {
  content: "";
  display: block;
  clear: both;
}
.brands-carousel {
  position: relative;
  overflow: hidden;
}
.brands-carousel .mask {
  margin: 0 auto;
  width: 1030px;
  overflow: hidden;
}
.brands-carousel .items {
  width: 99999px;
  float: left;
}
.arrows-disabled .items {
  width: 100%;
  text-align: center;
}
.brands-carousel .items li {
  float: left;
  width: 192px;
  height: 120px;
  margin: 0 10px 0 11px;
}
.arrows-disabled .items li {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin: 0 3px 0 4px;
}
.brands-carousel .items li:hover,
.brands-carousel .items li.active {
  cursor: pointer;
  height: 120px;
  border-bottom: 3px solid #28a1d8;
}
.brands-carousel .items li a {
  display: table-cell;
  width: 192px;
  height: 120px;
  outline: none;
  text-align: center;
  vertical-align: middle;
}
.brands-carousel .btn-prev,
.brands-carousel .btn-next {
  position: absolute;
  text-indent: -9999px;
  overflow: hidden;
  top: 47px;
  width: 19px;
  outline: none;
  height: 33px;
  background: url(../images/bg-brand-arrows.png) no-repeat;
}
.brands-carousel .btn-prev {
  left: 0;
}
.brands-carousel .btn-next {
  right: 0;
  background-position: 0 100%;
}
.arrows-disabled .btn-prev,
.arrows-disabled .btn-next {
  display: none;
}
.items-carousel {
  padding: 45px 0;
}
.container.index-tabs:after {
  content: "";
  display: block;
  clear: both;
}
.items-include .mask {
  width: 1246px;
  position: relative;
  overflow: hidden;
}
.index-tabs .items-include .mask,
.root-carousel .items-include .mask {
  height: 342px;
}
.root-carousel .tab-items .product-item {
  padding: 6px 4px 6px 5px;
}
.index-tabs .items-include {
  margin-bottom: -75px;
}
.items-include .tab-items {
  width: 99999px;
  float: left;
  padding-top: 15px;
}
.items-include .product-item:first-child {
  margin: 0;
}
.items-include .product-item {
  margin: 0 0 0 19px;
  float: left;
}
.items-include .product-item:hover .holder {
  border: 1px solid #F5F5F5;
}
.items-include .btn-prev,
.items-include .btn-next {
  position: absolute;
  overflow: hidden;
  top: 133px;
  width: 53px;
  outline: none;
  height: 59px;
  z-index: 3;
  font-size: 0;
  line-height: 0;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  box-sizing: border-box;
  border: 1px solid #f5f5f5;
  background-color: #fff;
  font-family: 'icomoon';
  text-align: center;
  color: #b6b4b2;
}
.items-include .btn-prev {
  left: 5px;
}
.items-include .btn-prev:after {
  content: "\e61b";
  font-size: 32px;
  line-height: 59px;
  vertical-align: middle;
}
.items-include .btn-prev:hover,
.items-include .btn-next:hover {
  text-decoration: none;
  color: #fff;
  background-color: #28a1d8;
}
.items-include .btn-next {
  right: 7px;
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.items-include .btn-next:after {
  content: "\e61b";
  font-size: 32px;
  line-height: 59px;
  vertical-align: middle;
}
.items-include .btn-next:hover {
  background-color: #28a1d8;
}
.items-include:hover .btn-prev,
.items-include:hover .btn-next {
  opacity: 1;
}
.menu-tabs-section {
  padding: 45px 0 10px;
  background: #fff;
}
.menu-tabs {
  width: 1236px;
  margin: 0 auto 20px;
}
.menu-tabs .menu {
  width: 100%;
  overflow: hidden;
  position: relative;
  list-style: none;
  background: url(../images/bg-tabs-border.png) repeat-x 0 100%;
}
.menu-tabs .menu li:first-child {
  margin: 0;
}
.menu-tabs .menu li {
  float: left;
  font-family: 'helveticaneuecyrlight', Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  font-size: 19px;
  margin: 0 0 0 50px;
}
.menu-tabs .menu li a {
  float: left;
  outline: none;
  color: #bfbebe;
  padding: 0 7px;
  line-height: 36px;
  position: relative;
  z-index: 2;
}
.menu-tabs .menu li a:hover,
.menu-tabs .menu li.active a {
  text-decoration: none;
  color: #575656;
  background: url(../images/bg-tabs-red-border.png) repeat-x 0 100%;
}
.menu-tabs-section .items-include .mask {
  padding: 14px 13px 0 0;
  overflow: hidden;
}
.menu-tabs-section .product-item {
  width: 186px;
  height: 330px;
  margin: 0 0 0 14px;
}
.menu-tabs-section .product-item .holder {
  padding: 15px;
  width: 154px;
  height: 232px;
}
.menu-tabs-section .product-item .image {
  margin: 0 0 8px;
}
.menu-tabs-section .product-item .image img {
  max-height: 120px;
  max-width: 88%;
}
.menu-tabs-section .product-item .title {
  margin: 0 0 8px;
}
.menu-tabs-section .product-item .quick-view {
  background: url(../images/bg-transparent45.png);
  padding: 7px 16px 9px 16px;
  font-size: 13px;
}
.menu-tabs-section .product-item:hover .good-deal {
  display: none;
}
.menu-tabs-section .product-item .expand-holder {
  border: 1px solid #F5F5F5;
  border-width: 0 1px 1px;
}
.menu-tabs-section .product-item .btn-cart,
.similars .product-item .btn-cart {
  width: 108px;
  padding: 6px 18px 4px;
  font-size: 14px;
}
.menu-tabs-section .unavailable .btn-cart {
  padding: 6px 10px 4px;
  width: 124px;
}
.menu-tabs-section .product-item .tools {
  border: 0;
  padding: 0;
}
.videos-section {
  width: 100%;
  position: relative;
  overflow: hidden;
  clear: both;
}
.videos-section .mask {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.videos-section .videos-list {
  float: left;
  width: 99999px!important;
}
.videos-section .videos-list li {
  float: left;
}
.videos-section .videos-list li a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.videos-section .videos-list img {
  vertical-align: top;
}
.videos-section .videos-list .expand {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  position: absolute;
  left: 12px;
  top: 12px;
  width: 230px;
  height: 153px;
  background: url(../images/bg-transparent30.png);
}
.videos-section .videos-list .expand .holder {
  width: 230px;
  height: 153px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.videos-section .videos-list .video-text {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  padding: 60px 0 0;
  min-height: 50px;
  min-width: 50px;
  background: url(../images/bg-video-play.png) no-repeat 50% 0;
}
.videos-section .videos-list .text {
  color: #fff;
  font-weight: 300;
  font-size: 17px;
  text-align: left;
  float: left;
  padding: 0 0 0 20px;
}
.videos-section .videos-list .text span {
  display: block;
}
.videos-section .videos-list .text strong {
  font-weight: 300;
  font-size: 25px;
  padding: 0 0 17px;
  margin: 0 0 10px;
  display: block;
  text-align: left;
  background: url(../images/bg-line.png) no-repeat 0 100%;
}
.videos-section .videos-list .more {
  display: inline-block;
  color: #fff;
  text-indent: -9999px;
  overflow: hidden;
  height: 50px;
  width: 50px;
  background: url(../images/bg-video-play.png) no-repeat 50% 0;
}
.videos-section .videos-list .frame {
  position: absolute;
  left: 0;
  top: 0;
  width: 230px;
  height: 153px;
  border: 12px solid #000;
  opacity: 0.14;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.videos-section .videos-list li a:hover .frame {
  opacity: 0;
}
.videos-section .videos-list a:hover .expand {
  opacity: 1;
}
.videos-section .prev-slide,
.videos-section .next-slide {
  position: absolute;
  top: 0;
  width: 51px;
  height: 190px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../images/bg-videos-arrows.png) no-repeat;
  z-index: 99;
}
.videos-section .prev-slide {
  left: -1px;
}
.videos-section .next-slide {
  right: -1px;
  top: -1px;
  background-position: 0 100%;
}
.contents {
  padding: 30px 0 120px;
  overflow: hidden;
  clear: both;
}
.left-content {
  float: left;
  width: 990px;
}
.color-boxes {
  width: 110%;
  overflow: hidden;
  margin: -30px 0 0 -30px;
  padding: 0 0 30px;
}
.color-boxes .box {
  float: left;
  width: 479px;
  height: 225px;
  margin: 30px 0 0 30px;
  color: #fff;
  font-size: 15px;
  line-height: 18px;
  font-weight: 300;
  position: relative;
}
.color-boxes .box.centered {
  text-align: center;
}
.color-boxes .box .stripes {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/bg-box-stripes.png) no-repeat;
}
.color-boxes .box .holder {
  position: relative;
  padding: 35px 35px;
  overflow: hidden;
}
.color-boxes .box a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
.color-boxes .box .bg {
  position: absolute;
  left: 0;
  top: 0;
}
.color-boxes .box1 {
  background: url(../images/bg-gradient-box1.png) no-repeat;
}
.color-boxes .box2 {
  background: url(../images/bg-gradient-box2.png) no-repeat;
}
.color-boxes .box3 {
  background: url(../images/bg-gradient-box3.png) no-repeat;
}
.color-boxes .box4 {
  background: url(../images/bg-gradient-box4.png) no-repeat;
}
.color-boxes .box5 {
  background: url(../images/bg-gradient-box5.png) no-repeat;
}
.color-boxes .box6 {
  background: url(../images/bg-gradient-box6.png) no-repeat;
}
.color-boxes .box7 {
  background: url(../images/bg-gradient-box7.png) no-repeat;
}
.color-boxes .box8 {
  background: url(../images/bg-gradient-box8.png) no-repeat;
}
.color-boxes .box9 {
  background: url(../images/bg-gradient-box9.png) no-repeat;
}
.color-boxes .box10 {
  background: url(../images/bg-gradient-box10.png) no-repeat;
}
.color-boxes .box .text {
  float: left;
  width: 260px;
}
.color-boxes .box.centered .text {
  width: 100%;
  float: none;
}
.color-boxes .box .image {
  float: right;
  width: 124px;
}
.color-boxes .box .image img {
  vertical-align: top;
}
.color-boxes .box h2 {
  font-size: 38px;
  line-height: 44px;
  margin: 0 0 15px;
  font-weight: 500;
}
.color-boxes .box.colors1 h2,
.color-boxes .box.colors2 h2 {
  color: #28a1d8;
}
.color-boxes .box.colors1 {
  color: #616160;
}
.color-boxes .box.colors1 .border {
  background: #616160;
}
.color-boxes .box h3 {
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 8px;
}
.color-boxes .box .border {
  display: inline-block;
  width: 71px;
  height: 2px;
  background: #fff;
  margin: 0 0 15px;
}
.aside {
  float: right;
  width: 226px;
}
.aside .widget {
  width: 100%;
  margin: 0 0 30px;
}
.aside .widget:after {
  content: "";
  clear: both;
  display: block;
}
.aside .widget h3 {
  font: 18px/23px "pf_beausans_prosemibold", Arial, Helvetica, sans-serif;
  color: #4c4c4c;
  margin: 0 0 22px;
  letter-spacing: 1px;
}
.aside-contact {
  width: 100%;
  overflow: hidden;
}
.aside-contact .row {
  width: 100%;
  overflow: hidden;
  margin: 0 0 17px;
}
.aside-contact .text {
  color: #a3a2a2;
  font-size: 18px;
  padding: 12px;
  font-weight: 300;
  width: 198px;
  float: left;
  border: 1px solid #dcdcda;
  border-radius: 2px;
}
.aside-contact ::-webkit-input-placeholder {
  color: #a3a2a2;
}
.aside-contact :-moz-placeholder {
  color: #a3a2a2;
  opacity: 1;
}
.aside-contact ::-moz-placeholder {
  color: #a3a2a2;
  opacity: 1;
}
.aside-contact :-ms-input-placeholder {
  color: #a3a2a2;
}
.aside-contact .button {
  font-size: 15px;
  width: 118px;
}
.aside .row-box {
  width: 100%;
  overflow: hidden;
  margin: 0 0 30px;
}
.aside .row-box .icon {
  float: left;
  border: 2px solid #eae9e9;
  border-radius: 2px;
  width: 47px;
  height: 47px;
  text-align: center;
  margin: 0 15px 0 0;
}
.aside .row-box .icon .frame {
  width: 48px;
  height: 48px;
  display: table-cell;
  vertical-align: middle;
}
.aside .row-box .icomoon {
  font-size: 42px;
  line-height: 14px;
  color: #777454;
  text-align: center;
}
.aside .row-box .text {
  color: #555454;
  font-size: 13px;
  line-height: 18px;
  font-weight: 300;
  letter-spacing: 1px;
}
.aside .row-box .text .holder {
  height: 51px;
  display: table-cell;
  vertical-align: middle;
}
.aside .row-box .text p {
  margin: 0 0 8px;
}
.aside .row-box .text strong {
  font-size: 14px;
  color: #28a1d8;
  display: block;
}
.aside .tags-list li {
  float: left;
  margin: 0 3px 4px 0;
  font-size: 13px;
  line-height: 18px;
  font-weight: 300;
}
.aside .tags-list li a {
  float: left;
  padding: 4px 5px 5px;
  min-width: 50px;
  text-align: center;
  background: #fafafa;
  color: #555454;
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid #efefef;
}
.aside .tags-list li a:hover {
  text-decoration: none;
  background: #28a1d8;
  border: 1px solid #28a1d8;
  color: #fff;
}
.news-container {
  float: left;
  width: 990px;
}
.news-rows {
  margin: 0 0 40px;
  float: left;
  clear: both;
  width: 100%;
}
.news-container .row {
  width: 100%;
  margin: 0 0 30px;
}
.news-container .row:after {
  content: "";
  display: block;
  clear: both;
}
.news-container .row-title {
  margin: 0 0 30px;
  overflow: hidden;
}
.news-container .row-title h2 {
  font-size: 20px;
  line-height: 24px;
  color: #575656;
}
#main .news-container .box .news-images {
  width: 988px;
  overflow: hidden;
  height: 332px;
  position: relative;
  margin: 0 0 30px;
}
.news-images .images {
  width: 988px;
  height: 332px;
  position: relative;
}
.news-images .images li {
  width: 988px;
  height: 332px;
  position: absolute;
  left: 0;
  top: 0;
}
.news-images .images li img {
  vertical-align: top;
}
.news-images .images li.active {
  z-index: 2;
}
.news-images .navigate {
  position: absolute;
  left: 0;
  bottom: 6px;
  width: 100%;
  overflow: hidden;
  z-index: 8;
}
.news-images .navigate ul {
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.news-images .navigate ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px;
}
.news-images .navigate ul li a {
  float: left;
  text-indent: -9999px;
  overflow: hidden;
  width: 94px;
  height: 5px;
  background: url(../images/bg-switcher.png) no-repeat 100% 0;
}
.news-images .navigate ul li a:hover,
.news-images .navigate ul li.active a {
  background: url(../images/bg-switcher.png) no-repeat 0 0;
}
.news-container .box.details {
  border: 0;
  margin-bottom: 50px;
}
.news-container .box.details .text {
  margin-left: 0;
  margin-right: 0;
  line-height: 23px;
}
.news-container .box.details .image {
  float: none;
}
.news-container .box {
  border: 1px solid #f5f5f5;
  width: 475px;
}
.news-container .box:after {
  content: "";
  display: block;
  clear: both;
}
.news-container .box.left {
  float: left;
}
.news-container .box.right {
  float: right;
}
.news-container .box.wide {
  width: auto;
}
.news-container .box .image {
  float: left;
  position: relative;
  margin: 0 22px 0 0;
}
.news-container .box > .text {
  margin: 20px;
  overflow: hidden;
  color: #575656;
  font-size: 15px;
  line-height: 20px;
}
.news-container .box > .text h1 {
  font-size: 25px;
  line-height: 30px;
  margin: 0 0 20px;
}
.news-container .box.details > .text p {
  margin: 0;
}
.news-container .box > .text h2 {
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 12px;
}
.news-container .box > .text h2 a {
  color: #575656;
}
.news-container .box > .text p {
  margin: 0 0 12px;
  font-weight: 300;
}
.news-container .box .link-more {
  font-size: 14px;
  border-bottom: 1px dotted #28a1d8;
}
.news-container .box .link-more:hover {
  text-decoration: none;
  border: 0;
}
.news-container .box .image img {
  vertical-align: top;
}
.news-container .box .image .title {
  background: url(../images/bg-img-shadow.png);
  padding: 16px;
  overflow: hidden;
  color: #fff;
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.news-container .box .top {
  margin: 20px;
}
.news-container .box .image .title h2 {
  font-size: 18px;
  line-height: 19px;
}
.news-container .box .image .title a {
  color: #fff;
}
.news-container .box .image .img-tools {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 3;
}
.news-container .box .img-tools:after,
.news-container .box .img-tools li:after {
  content: "";
  display: block;
  clear: both;
}
.news-container .box .img-tools > li:first-child {
  margin: 0;
}
.news-container .box .img-tools > li {
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  float: left;
  margin: 0 0 0 13px;
  width: 53px;
  height: 54px;
  text-align: center;
  background: url(../images/bg-icon.png) no-repeat;
}
.news-container .white .box .img-tools > li {
  background: url(../images/bg-icon-grey.png) no-repeat;
  color: #bfbebe;
}
.news-container .box .img-tools > li a {
  color: #fff;
}
.news-container .white .box .img-tools > li a {
  color: #bfbebe;
}
.news-container .box .img-tools > li a:hover {
  text-decoration: none;
}
.news-container .box .date strong {
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  display: block;
}
.news-container .box .views a {
  display: inline-block;
  background: url(../images/ico-small-eye.png) no-repeat 50% 0;
  padding: 13px 0 0;
  min-width: 14px;
}
.news-container .white .box .views a {
  background: url(../images/ico-small-eye-grey.png) no-repeat 50% 0;
}
.news-container .box .share-ico {
  display: inline-block;
  vertical-align: top;
  width: 15px;
  height: 18px;
  font-size: 0;
  line-height: 0;
  background: url(../images/ico-share.png) no-repeat;
}
.news-container .white .box .share-ico {
  background: url(../images/ico-share-grey.png) no-repeat 50% 0;
}
.news-container .box .share {
  position: relative;
}
.share-box {
  display: none;
  position: absolute;
  left: 55px;
  top: 3px;
  background: url(../images/bg-left-corner.png) no-repeat 0 50%;
  padding: 0 0 0 9px;
  z-index: 22;
}
.share-form {
  background: #fff;
  border: 1px solid #d3d5d5;
  border-width: 1px 1px 1px 0;
  padding: 8px 15px 8px 20px;
  overflow: hidden;
  width: 340px;
}
.share-form .text-shadow {
  position: absolute;
  left: 125px;
  top: 13px;
  background: url(../images/bg-text-opacity.png) no-repeat;
  width: 72px;
  height: 21px;
  text-indent: -9999px;
  overflow: hidden;
}
.share-form .text {
  float: left;
  width: 150px;
  background: none;
  border: 0;
  line-height: 19px;
  margin: 0 20px 0 0;
  padding: 7px 3px;
}
.share-form .soc {
  float: left;
}
.share-form .soc li:first-child {
  margin: 0;
}
.share-form .soc li {
  float: left;
  margin: 0 0 0 3px;
}
.share-form .soc li a {
  float: left;
  width: 29px;
  height: 29px;
  overflow: hidden;
  text-indent: -9999px;
}
.share-form .soc .vkontakte {
  background: url(../images/bg-share-socials.png) no-repeat;
}
.share-form .soc .facebook {
  background: url(../images/bg-share-socials.png) no-repeat -33px 0;
}
.share-form .soc .twitter {
  background: url(../images/bg-share-socials.png) no-repeat -66px 0;
}
.share-form .soc .google {
  background: url(../images/bg-share-socials.png) no-repeat -100px 0;
}
.share-box .btn-close {
  margin: 7px 0 0;
  float: right;
  width: 17px;
  height: 17px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/bg-delete.png) no-repeat;
}
.news-container .box .img-tools .frame {
  width: 53px;
  height: 54px;
  display: table-cell;
  vertical-align: middle;
}
.pages {
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.pages li {
  display: inline-block;
  vertical-align: top;
  font-size: 17px;
  font-weight: 300;
  margin: 0 8px;
}
.pages li a {
  color: #a3a2a2;
  float: left;
  padding: 12px 16px;
  border: 1px solid #f3f3f3;
}
.pages li a:hover,
.pages li a.active {
  border: 1px solid #28a1d8;
  background: #28a1d8;
  color: #fff;
  text-decoration: none;
}
#footer {
  width: 100%;
  overflow: hidden;
  background: #f8f7f7;
}
.footer-left {
  float: left;
  color: #fff;
  position: relative;
  width: 560px;
  height: 570px;
  margin: 0 0 0 -1965px;
  padding: 0 0 0 1920px;
}
.fade-items .item.active {
  z-index: 2;
}
.fade-items .item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 570px;
}
.fade-items img {
  width: 100%;
  height: 870px;
  position: absolute;
  bottom: 0;
}
/*.footer-left:hover .fade{opacity: 1;}*/
.footer-left .fade {
  opacity: 1;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 570px;
  background: url(../images/bg-transparent50.png);
  z-index: 3;
}
.footer-left .holder {
  margin: 50px 60px 0 50px;
  z-index: 4;
  position: absolute;
  top: 0;
}
.footer-left .holder:after {
  content: "";
  display: block;
  clear: both;
}
#footer-logo {
  display: block;
  width: 270px;
  height: 57px;
  margin: 0 0 30px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/logo-footer.png) no-repeat;
}
.footer-left .text {
  clear: both;
  font-weight: 300;
  font-size: 15px;
  line-height: 20px;
  margin: 0 0 20px;
}
#footer.new .socials {
  margin: 0 0 25px;
}
#footer .socials {
  width: 100%;
  overflow: hidden;
  position: static;
}
#footer .socials li {
  float: left;
  margin: 0 5px 0 0;
}
#footer .socials li a {
  float: left;
  width: 31px;
  height: 31px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: 0;
  background-image: none;
  border: 1px solid #eeecec;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
#footer .socials a:hover {
  background-color: rgba(200, 200, 200, 0.2);
}
#footer .socials .vk:before {
  font-family: 'icomoon';
  font-size: 33px;
  line-height: 31px;
  content: "\e624";
  color: #6c6c6c;
  float: left;
  margin: 0;
}
#footer .socials .fb:before {
  font-family: 'icomoon';
  font-size: 33px;
  line-height: 31px;
  content: "\e625";
  color: #6c6c6c;
  float: left;
  margin: 0;
}
#footer .socials .twitter:before {
  font-family: 'icomoon';
  font-size: 33px;
  line-height: 31px;
  content: "\e626";
  color: #6c6c6c;
  float: left;
  margin: 0;
}
#footer .socials .google:before {
  font-family: 'icomoon';
  font-size: 33px;
  line-height: 31px;
  content: "\e627";
  color: #6c6c6c;
  float: left;
  margin: 0;
}

#footer .socials .ok{text-align: center;}
#footer .socials .ok:before {
  font-family: 'icomoon';
  font-size: 17px;
  line-height: 31px;
  content: "\e903";
  color: #6c6c6c;
  margin: 0;
}

#footer .copy {
  position: absolute;
  left: 0;
  bottom: -143px;
  font-size: 15px;
  font-weight: 300;
  color: #929293;
  z-index: 2;
}
.footer-right {
  float: right;
  width: 680px;
  overflow: hidden;
  margin: 10px 0 0;
}
.footer-right.boxes {
  width: 100%;
  float: none;
  padding: 0 0 40px;
}
.footer-right .rows {
  width: 100%;
  overflow: hidden;
}
#footer .copyright {
  background: #efefef;
  padding: 20px 0;
  margin: 40px 0 0;
  letter-spacing: 1px;
}
#footer .copyright .copy {
  position: static;
}
.footer-right .rows .box:first-child {
  margin: 40px 0 0;
}
.footer-right.boxes .rows .box:last-child {
  width: 320px;
}
.footer-right.boxes .rows .box:first-child {
  margin: 40px 0 0;
  width: 280px;
}
.footer-right.boxes .rows .box {
  width: 274px;
}
.footer-right .box {
  float: left;
  width: 320px;
  overflow: hidden;
  margin: 40px 0 0 32px;
}
.footer-right .box h3 {
  color: #6c6c6c;
  font: 18px/22px 'pf_beausans_prolight', Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  margin: 0 0 12px;
}
.address-box {
  width: 100%;
  overflow: hidden;
}
.address-box .row {
  overflow: hidden;
  margin: 0 0 15px;
  color: #6c6c6c;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 1px;
}
.address-box .row a {
  color: #6c6c6c;
}
.address-box .row.address:before {
  font-family: 'icomoon';
  font-size: 33px;
  line-height: 37px;
  content: "\e637";
  color: #56abdc;
  float: left;
  margin: 0 3px 0 -5px;
}
.address-box .row.tel:before {
  font-family: 'icomoon';
  font-size: 33px;
  line-height: 19px;
  content: "\e642";
  color: #56abdc;
  float: left;
  margin: 0 3px 0 -7px;
}
.address-box .row.mail:before {
  font-family: 'icomoon';
  font-size: 33px;
  line-height: 19px;
  content: "\e643";
  color: #56abdc;
  float: left;
  margin: 0 3px 0 -7px;
}
.address-box .row.skype:before {
  font-family: 'icomoon';
  font-size: 33px;
  line-height: 19px;
  content: "\e61f";
  color: #56abdc;
  float: left;
  margin: 0 3px 0 -7px;
}
.footer-right .tags-list {
  width: 310px;
  overflow: hidden;
}
.footer-right.boxes .tags-list {
  width: 258px;
}
.footer-right .tags-list li {
  float: left;
  margin: 0 3px 4px 0;
  font-size: 13px;
  line-height: 18px;
  font-weight: 300;
}
.footer-right .tags-list li a {
  float: left;
  padding: 4px 15px 5px;
  background: #354151;
  color: #fff;
  overflow: hidden;
}
.footer-right .tags-list li a:hover {
  text-decoration: none;
  background: #28a1d8;
}
.footer-right .footer-menu {
  width: 100%;
  overflow: hidden;
}
.footer-right .footer-menu li:first-child {
  margin: 0;
}
.footer-right .footer-menu li {
  margin: 12px 0 0;
  overflow: hidden;
  width: 100%;
  font-size: 15px;
  line-height: 17px;
  letter-spacing: 0.5px;
}
.footer-right .footer-menu li a {
  float: left;
  color: #6c6c6c;
}
.footer-right .footer-menu li a:before {
  font-family: 'icomoon';
  font-size: 33px;
  line-height: 21px;
  content: '\e607';
  vertical-align: top;
  color: #b5b5b5;
  display: inline-block;
  margin-left: -13px;
  margin-right: -5px;
}
.footer-right .footer-menu li a span {
  padding: 0 0 1px;
  display: inline-block;
}
.footer-right .footer-menu li a:hover span {
  border-bottom: 1px solid #ccc;
  padding: 0;
}
.box-text {
  color: #6c6c6c;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 15px;
  font-weight: 300;
}
.footer-search {
  overflow: hidden;
}
.footer-search .submit {
  float: right;
  text-align: center;
  width: 122px;
  background: #28a1d8;
  color: #fff;
  font-size: 15px;
  line-height: 29px;
  height: 37px;
  border: 0;
  border-bottom: 3px solid #0884b0;
  cursor: pointer;
  margin: -1px -1px -1px 0;
}
.footer-search .text {
  background: none;
  float: left;
  color: #bbb9be;
  border: 0;
  padding: 9px;
  margin: 0 8px 0 0;
  width: 168px;
  height: 16px;
  border: 1px solid #dfdddd;
  font-size: 15px;
}
.samples-block {
  width: 1326px;
  height: 393px;
  overflow: hidden;
  background: url(../images/bg-footer-tile.png) repeat-x 50% 0;
  position: fixed;
  bottom: 0;
}
.samples-block .item {
  width: 100%;
  height: 393px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
}
.samples-block .systems {
  text-align: center;
}
.samples-block .systems img {
  width: auto;
}
.samples-block .item {
  z-index: 2;
}
.samples-block .holder {
  width: 100%;
  height: 393px;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 4;
}
.samples-block .text {
  margin: 40px auto 0;
  font: 20px/30px 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
  color: #fff;
}
.samples-block .text h2 {
  margin: 0 0 30px;
  font: 38px/50px 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
  letter-spacing: 3px;
}
.samples-block .text p {
  margin: 0 0 55px;
  letter-spacing: 4px;
}
.samples-block .button-buy {
  font: 22px/68px 'helveticaneuecyrbold', Arial, Helvetica, sans-serif;
  padding-right: 40px;
  padding-left: 40px;
  border: 4px solid #fff;
  color: #fff;
  display: inline-block;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.samples-block .button-buy:hover {
  text-decoration: none;
  background: #fff;
  color: #28a1d8;
}
.page-image,
.page-map {
  margin: -68px 0 0;
  float: left;
  position: relative;
  overflow: hidden;
  clear: both;
  width: 100%;
  height: 220px;
  text-align: center;
}
.page-map {
  height: 373px;
  margin: 0;
}
.page-image img {
  width: 100%;
}
.page-image .holder,
.page-map .holder {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.page-image .holder-frame,
.page-map .holder-frame {
  width: 1246px;
  height: 220px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
.page-map .holder-frame {
  height: 373px;
  overflow: visible;
}
.page-image .frame {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/bg-tile.png);
}
.page-image .text,
.page-map .text {
  position: absolute;
  left: 0;
  top: 120px;
  color: #fff;
  text-align: left;
}
.page-map .text {
  padding: 25px 35px 25px 85px;
  background: url(../images/bg-contacts-crumbs.png);
  color: #4d4c4c;
  left: -85px;
}
.page-image .text h1,
.page-map .text h1 {
  font-weight: 400;
  font-size: 27px;
  margin: 0 0 20px;
}
.page-image .breadcrumbs,
.page-map .breadcrumbs {
  width: 100%;
  overflow: hidden;
}
.page-image .breadcrumbs li:first-child,
.page-map .breadcrumbs li:first-child {
  margin: 0;
  padding: 0;
  background: none;
}
.page-image .breadcrumbs li,
.page-map .breadcrumbs li {
  float: left;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  padding: 0 0 0 10px;
  margin: 0 0 0 10px;
  background: url(../images/bg-crumb.png) no-repeat 0 8px;
}
.page-map .breadcrumbs li {
  background: url(../images/bg-crumb2.png) no-repeat 0 8px;
}
.page-image .breadcrumbs li a,
.page-map .breadcrumbs li a {
  color: #fff;
  float: left;
}
.page-map .breadcrumbs li a {
  color: #4d4c4c;
}
.page-main {
  padding: 28px 0 40px;
}
#sidebar {
  float: left;
  width: 226px;
}
.page-title {
  margin: 0 0 30px;
  color: #575656;
}
.page-title h1 {
  font: 24px/32px 'pf_beausans_probold', Arial, Helvetica, sans-serif;
  margin: 0 0 10px;
  letter-spacing: 2px;
}
.page-title .breadcrumbs {
  width: 100%;
  overflow: hidden;
}
.page-title .breadcrumbs li:first-child {
  margin: 0;
  padding: 0;
  background: none;
}
.page-title .breadcrumbs li {
  float: left;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  padding: 0 0 0 10px;
  margin: 0 0 0 10px;
  letter-spacing: 1px;
  background: url(../images/bg-crumb2.png) no-repeat 0 6px;
}
.page-title .breadcrumbs li a {
  color: #9c9b9b;
  float: left;
}
#sidebar .box {
  width: 100%;
  margin: 0 0 30px;
}
#sidebar .box:after {
  content: "";
  clear: both;
  display: block;
}
.filter-apply {
  font-size: 14px;
}
.side-title {
  font: 17px/22px 'pf_beausans_prolight', Arial, Helvetica, sans-serif;
  color: #575656;
  letter-spacing: 1px;
  margin: 0 0 22px;
}
.side-title span {
  color: #a9a6a5;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
  font-weight: 300;
  padding: 0 0 0 7px;
}
#sidebar .cats-list {
  width: 100%;
  overflow: hidden;
  margin: 0 0 40px;
}
#sidebar .cats-list li {
  font-size: 16px;
  line-height: 21px;
  font-weight: 300;
  margin: 0 0 7px;
}
#sidebar .cats-list li:before {
  font-family: 'icomoon';
  font-size: 38px;
  line-height: 21px;
  content: '\e607';
  vertical-align: top;
  color: #28a1d8;
  display: inline-block;
  margin-left: -13px;
  margin-right: -5px;
}
#sidebar .cats-list li a {
  color: #424240;
}
#sidebar .cats-list li a span {
  color: #696969;
}
#sidebar .box .title {
  width: 100%;
  overflow: hidden;
  margin: 0 0 20px;
  min-height: 25px;
}
#sidebar .box h3 {
  float: left;
  font-size: 17px;
  line-height: 22px;
  font-weight: 400;
  color: #555454;
  margin: 0 7px 0 0;
}
#sidebar .link-all {
  float: left;
  font-weight: 300;
  color: #28a1d8;
  font-size: 15px;
  line-height: 22px;
  border-bottom: 1px dotted #28a1d8;
}
#sidebar .link-all:hover {
  text-decoration: none;
  border: 0;
}
#sidebar.range-box {
  overflow: hidden;
  color: #7d7d7d;
  font-size: 11px;
  line-height: 14px;
}
#sidebar .range-box .labels {
  width: 216px;
  overflow: hidden;
  margin: 0 0 3px;
}
#sidebar .range-box .labels .min {
  float: left;
}
#sidebar .range-box .labels .max {
  float: right;
}
#sidebar #slider-min {
  margin: 0 0 12px;
}
.slider-row {
  width: 100%;
  overflow: hidden;
}
.slider-row label {
  float: left;
  margin: 0 8px 0 0 !important;
  font-size: 13px;
  line-height: 31px !important;
  color: #929293;
  font-weight: 300;
}
.slider-row .text {
  float: left;
  width: 76px;
  margin: 0 8px 0 0;
  border: 1px solid #efefef;
  color: #a3a2a2;
  padding: 8px 6px;
  text-align: center;
  font-size: 13px;
  line-height: 14px;
  font-weight: 300;
  background: url(../images/bg-input-text.png) repeat-x;
}
.ui-slider-horizontal {
  width: 216px !important;
  height: 14px;
  background: url(../images/bg-range-gray.png) repeat-x 0 50%;
}
.ui-slider-range {
  background: url(../images/bg-range-red.png) repeat-x 0 50% !important;
}
.ui-slider-handle {
  top: 1px !important;
  cursor: pointer !important;
  width: 14px !important;
  z-index: 8 !important;
  margin-left: -7px !important;
  height: 14px !important;
  background: url(../images/bg-marker.png) no-repeat 50% 0;
}
.brands-list {
  width: 100%;
  overflow: auto;
  max-height: 200px;
}
.brands-list ul {
  width: 100%;
  overflow: hidden;
}
.brands-list ul li:first-child {
  margin: 0;
}
.brands-list ul li {
  margin: 20px 0 0;
}
#sidebar form label.active {
  color: #424240;
}
#sidebar form label {
  display: inline-block;
  max-width: 95%;
  vertical-align: top;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  color: #8d8d8e;
  cursor: pointer;
  margin: 0;
}
#sidebar form .row {
  margin: 0 0 20px;
}
.colors-choose {
  width: 100%;
  overflow: hidden;
  margin: 0 0 0 -4px;
}
.colors-choose li {
  float: left;
  margin: 4px;
}
.colors-choose li a {
  width: 18px;
  height: 18px;
  outline: none;
  float: left;
  border: 1px solid #fff;
  overflow: hidden;
  text-indent: -9999px;
  background: #000;
}
.colors-choose li a span {
  height: 17px;
  width: 17px;
  display: block;
  top: 2px;
  left: 1px;
  position: relative;
}
.colors-choose li .active span {
  background-image: url('../images/color-select.png');
  /*border: 1px solid #000;*/
}
.colors-choose li .dark-color.active span {
  background-image: url('../images/color-select.png');
  background-position: 0 -17px;
  /*border: 1px solid #fff;*/
}
.colors-choose .color1 {
  background: #28a1d8;
}
.colors-choose .color2 {
  background: #a85da1;
}
.colors-choose .color3 {
  background: #3a55a2;
}
.colors-choose .color4 {
  background: #fff;
  border-color: #e5e5e4;
}
.colors-choose .color5 {
  background: #f6e81e;
}
.colors-choose .color6 {
  background: #484747;
}
.colors-choose .color7 {
  background: #7ab929;
}
.colors-choose .color8 {
  background: #7c5941;
}
.colors-choose .color9 {
  background: #f6e81e;
}
.colors-choose .color10 {
  background: #484747;
}
.colors-choose .color11 {
  background: #7ab929;
}
.colors-choose .color12 {
  background: #7c5941;
}
.size-choose {
  margin: -20px 0 0;
  width: 100%;
  overflow: hidden;
}
.size-choose li {
  width: 45%;
  float: left;
  margin: 20px 2.5% 0 0;
}
#content {
  float: right;
  width: 986px;
}
.brand-about {
  width: 100%;
  overflow: hidden;
  margin: 0 0 60px;
}
.brand-about .brand-img {
  float: left;
  width: 203px;
  margin: 0 30px 0 0;
}
.brand-about .brand-text {
  overflow: hidden;
  height: 1%;
  color: #5a5a5a;
  font-size: 15px;
  line-height: 22px;
  font-weight: 300;
}
.brand-about h2 {
  color: #575656;
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 15px;
}
.brand-about h3 {
  color: #575656;
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
  margin: 0 0 15px;
}
.top-panel {
  width: 100%;
  margin: 0 0 30px;
}
.top-panel:after {
  content: "";
  display: block;
  clear: both;
}
.top-panel .names {
  width: 225px;
  margin: 0 5px 0 0;
  float: left;
}
.top-panel .names h2 {
  color: #575656;
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}
.top-panel .names p {
  color: #a9a6a5;
  font-weight: 300;
  font-size: 13px;
}
.top-panel .view-form {
  float: none;
  clear: both;
}
.top-panel .view-form .cell:first-child {
  margin: 0;
}
.top-panel .view-form .cell {
  float: left;
  margin: 0 0 0 35px;
}
.top-panel .view-form .cell label {
  font-weight: 300;
  font-size: 17px;
  line-height: 42px;
  color: #848484;
  margin: 0 15px 0 0;
}
.jq-selectbox.sort-number .jq-selectbox__select {
  width: 30px !important;
}
.jq-selectbox.sort-type .jq-selectbox__select {
  width: 240px !important;
}
.top-panel .view-form .views {
  float: right;
  margin: 0 0 0 20px;
}
.top-panel .view-form .views li:first-child {
  margin: 0;
}
.top-panel .view-form .views li {
  margin: 0 0 0 5px;
  float: left;
}
.top-panel .view-form .views a {
  border: 1px solid #efefef;
  width: 40px;
  height: 40px;
  float: left;
  overflow: hidden;
  text-indent: -9999px;
  outline: none;
}
.top-panel .view-form .views .icons {
  background: url(../images/ico-view-icons.png) no-repeat 50%;
}
.top-panel .view-form .views .icons.active {
  background: url(../images/ico-view-icons-active.png) no-repeat 50%;
}
.top-panel .view-form .views .icons-pic-list {
  background: url(../images/ico-view-picslist.png) no-repeat 50%;
}
.top-panel .view-form .views .icons-pic-list.active {
  background: url(../images/ico-view-picslist-active.png) no-repeat 50%;
}
.top-panel .view-form .views .icons-list {
  background: url(../images/ico-view-list.png) no-repeat 50%;
}
.top-panel .view-form .views .icons-list.active {
  background: url(../images/ico-view-list-active.png) no-repeat 50%;
}
.top-panel .view-form .views .list {
  background: url(../images/ico-view-list.png) no-repeat 50%;
}
.products-content {
  padding: 0 0 130px;
}
.products-content .product-item {
  margin: 23px -5px -5px 12px;
}
.box-404 {
  padding: 85px 0 0;
  font-weight: 300;
}
.box-404 .left {
  float: left;
  width: 445px;
  color: #676767;
}
.box-404 .right {
  float: right;
  width: 756px;
}
.box-404 h2 {
  font-size: 40px;
  line-height: 44px;
  margin: 0 0 25px;
}
.box-404 .text {
  font-size: 15px;
  line-height: 20px;
  color: #9d9b9b;
}
.but {
  color: #575656;
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 30px;
}
.brands-box {
  margin: 70px 0 46px;
  width: 100%;
  overflow: hidden;
}
.brands-box ul {
  overflow: hidden;
}
.brands-box ul li:first-child,
.brands-box ul li:last-child {
  width: auto;
}
.brands-box ul li:first-child {
  padding-right: 10px;
}
.brands-box ul li:last-child {
  padding-left: 10px;
}
.brands-box ul li {
  float: left;
  width: 31px;
  text-align: center;
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
  border-bottom: 1px dotted #d9d8d8;
}
.brands-box ul li a {
  color: #828383;
  display: inline-block;
  margin: 0 0 -1px;
}
.brands-box ul li a:hover,
.brands-box ul li a.active {
  color: #28a1d8;
  border-bottom: 1px dotted #28a1d8;
  text-decoration: none;
}
.brand-items {
  width: 105%;
  margin: -30px 0 50px -27px;
}
.brand-items:after {
  content: "";
  display: block;
  clear: both;
}
.brand-items .item {
  float: left;
  position: relative;
  margin: 30px 0 0 27px;
}
.brand-items .item a {
  display: table-cell;
  width: 222px;
  height: 222px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #eeeded;
}
.brand-items .item a:hover {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.15);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.15);
}
.brand-items .item span {
  left: 0;
  bottom: 10px;
  position: absolute;
  width: 100%;
  text-align: center;
  color: #575757;
  font: bold 15px/24px 'helveticaneuecyrthin', Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
}
.testemonials-block {
  width: 100%;
  height: 393px;
  overflow: hidden;
  position: relative;
  background: #383838;
}
.testemonials-block .item {
  width: 100%;
  height: 393px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
}
.testemonials-block .item img {
  width: 100%;
  min-height: 100%;
}
.testemonials-block .item .fader {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/bg-dash.png) 50% 0;
  z-index: 3;
}
.testemonials-block .item.active {
  z-index: 2;
}
.testemonials-block .holder {
  width: 100%;
  height: 393px;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 4;
}
.testemonials-block .text {
  margin: 80px auto 0;
  padding: 60px 0 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  color: #fff;
  background: url(../images/bg-quote.png) no-repeat 50% 0;
}
.testemonials-block .text h2 {
  margin: 0 0 30px;
  font-size: 20px;
  line-height: 24px;
}
.testemonials-block .text p {
  margin: 0 0 25px;
}
.testemonials-block .text .author {
  font-size: 16px;
}
.testemonials-block .navigate {
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 100%;
  overflow: hidden;
  z-index: 8;
}
.testemonials-block .navigate ul {
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.testemonials-block .navigate ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px;
}
.testemonials-block .navigate ul li a {
  float: left;
  width: 27px;
  height: 30px;
  outline: none;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../images/bg-switch.png) no-repeat 100% 0;
}
.testemonials-block .navigate ul li a:hover,
.testemonials-block .navigate ul li.active a {
  background: url(../images/bg-switch.png) no-repeat 0 0;
}
.account-page {
  padding: 25px 0 10px;
}
.account-page:after {
  content: "";
  clear: both;
  display: block;
}
.account-holder {
  float: left;
  width: 990px;
}
.account-tabs {
  width: 100%;
  overflow: hidden;
  margin: 0 0 60px;
}
.account-tabs li:first-child {
  margin: 0;
}
.account-tabs li {
  float: left;
  width: 170px;
  height: 170px;
  margin: 0 0 0 33px;
}
.account-tabs li a {
  display: table-cell;
  width: 168px;
  height: 168px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  color: #575656;
  border: 1px solid #efefef;
  text-align: center;
  vertical-align: middle;
}
.account-tabs li a.active,
.account-tabs li a.active:hover {
  background: #28a1d8;
  color: #fff;
  text-decoration: none;
}
.account-tabs li a:hover {
  color: #28a1d8;
  text-decoration: none;
}
.account-tabs li span {
  display: inline-block;
  vertical-align: top;
}
.account-tabs .icomoon {
  margin-bottom: 10px;
}
.account-tabs .icomoon:before {
  display: block;
  font-size: 57px;
  color: #a3a2a2;
}
.account-tabs li em {
  display: block;
  font-style: normal;
}
.account-tabs li a:hover .icomoon:before {
  color: #28a1d8;
}
.account-tabs li a.active .icomoon:before {
  color: #fff;
}
.account-frames {
  width: 100%;
}
.account-frames:after {
  content: "";
  clear: both;
  display: block;
}
.account-frames .left {
  float: left;
  width: 580px;
}
.account-frames .right {
  float: right;
  width: 380px;
}
.account-frames .tab {
  width: 100%;
  clear: both;
}
.account-frames .tab:after {
  content: "";
  display: block;
  clear: both;
}
.account-frames .title {
  width: 100%;
  overflow: hidden;
  margin: 0 0 35px;
}
.account-frames .title h2 {
  float: left;
  margin: 0 10px 0 0;
  font-size: 20px;
  line-height: 22px;
  color: #575656;
}
.account-frames .title > a {
  float: left;
  color: #28a1d8;
  font-size: 17px;
  line-height: 22px;
  font-weight: 300;
  border-bottom: 1px dotted #28a1d8;
}
.account-frames .title a:hover {
  border: 0;
  text-decoration: none;
  padding: 0 0 1px;
}
.account-pop {
  border: 2px solid #f4f3f3;
  padding: 15px;
  overflow: hidden;
  position: relative;
  margin: 0 0 22px;
  font-weight: 300;
  color: #676767;
}
.account-pop .btn-close {
  position: absolute;
  top: 8px;
  right: 8px;
  text-indent: -9999px;
  overflow: hidden;
  width: 12px;
  height: 11px;
  background: url(../images/ico-close2.png) no-repeat;
}
.account-pop h2 {
  font-size: 19px;
  line-height: 22px;
  margin: 0 0 6px;
}
.account-pop address {
  font-size: 17px;
  line-height: 20px;
  margin: 0 0 10px;
  display: block;
  color: #a3a2a2;
}
.account-pop .link-edit {
  color: #696969;
  float: left;
  line-height: 19px;
}
.account-pop .link-edit:before {
  font-family: 'icomoon';
  font-size: 30px;
  line-height: 19px;
  vertical-align: top;
  display: inline-block;
  content: "\e639";
}
.account-pop .link-edit:hover {
  color: #28a1d8;
  text-decoration: none;
}
.account-form {
  width: 100%;
}
.account-form .row {
  width: 100%;
  margin: 0 0 20px;
}
.account-form:after,
.account-form .row:after {
  content: "";
  display: block;
  clear: both;
}
.account-form label {
  float: left;
  width: 220px;
  color: #727272;
  line-height: 42px;
  font-size: 18px;
  font-weight: 300;
}
.account-form .text-holder {
  float: right;
  width: 348px;
}
.account-form .cell:first-child {
  margin: 0;
}
.account-form .cell {
  float: left;
  margin: 0 0 0 10px;
}
.account-form .text {
  border: 2px solid #f4f3f3;
  padding: 8px 10px;
  font-size: 18px;
  font-weight: 300;
  color: #a3a2a2;
  float: left;
  width: 317px;
}
.account-form .jq-selectbox__select {
  font-size: 18px;
  font-weight: 300;
  color: #969594;
}
.day .jq-selectbox__select {
  width: 50px !important;
}
.month .jq-selectbox__select {
  width: 100px !important;
}
.year .jq-selectbox__select {
  width: 45px !important;
}
.profiles-list {
  width: 1050px;
  margin: -20px 0 0 -25px;
}
.profiles-list:after {
  content: "";
  display: block;
  clear: both;
}
.profiles-list .profile-item {
  float: left;
  padding: 5px 6px 5px 5px;
  width: 476px;
  margin: 20px 0 0 20px;
  color: #676767;
  font: 300 17px Ubuntu, Arial, Helvetica, sans-serif;
}
.profile-item .item-holder {
  background: #fff;
  border: 1px solid #efefef;
  padding: 20px;
  position: relative;
}
.profiles-list .profile-item:hover {
  background: url(../images/bg-dash6.png);
}
.profiles-list .profile-item.add-item:hover {
  background: none;
}
.profile-item .main-info {
  width: 100%;
  overflow: hidden;
  margin: 0 0 18px;
}
.profile-item .main-info h2 {
  font-weight: 400;
  margin: 0 0 10px;
}
.profile-item .main-info p {
  color: #a3a2a2;
}
.profile-item .links {
  width: 100%;
  overflow: hidden;
}
.profile-item .links a:first-child {
  margin: 0;
}
.profile-item .links a {
  float: left;
  margin: 0 0 0 35px;
  padding: 0 0 0 20px;
  color: #696969;
  font-size: 14px;
  line-height: 19px;
}
.profile-item .links a.profile-edit {
  background: url(../images/ico-edit.png) no-repeat 0 50%;
}
.profile-item .links a.profile-delete {
  background: url(../images/ico-close2.png) no-repeat 0 50%;
}
.profile-item .add-info {
  width: 476px;
  display: none;
  position: absolute;
  left: -6px;
  padding: 0 6px 5px 5px;
  background: url(../images/bg-dash6.png);
}
.profile-item .add-info ul {
  width: 100%;
  overflow: hidden;
  margin: 10px 0 0;
}
.profile-item .add-info ul li:first-child {
  margin: 0;
}
.profile-item .add-info ul li {
  margin: 16px 0 0;
  padding: 0 0 0 20px;
  background: url(../images/bg-bullet.png) no-repeat 0 6px;
}
.profile-item .add-info ul li a {
  color: #696969;
}
.profile-item .add-info .item-holder {
  border-top: 0;
}
.profiles-list .profile-item:hover .add-info {
  display: block;
  z-index: 2;
}
.profile-item .add-link {
  display: block;
  text-align: center;
  padding: 35px 20px 35px;
}
.profile-item .add-link span {
  display: block;
  background: url(../images/bg-add-account.png) no-repeat 50% 0;
  padding: 35px 0 0;
  font-size: 15px;
  color: #cecece;
}
.add-item .item-holder {
  padding: 0;
}
.add-item:hover .item-holder {
  background: #f6f6f6;
}
.profile-item .add-link:hover {
  text-decoration: none;
}
.account-frames .general {
  padding-bottom: 150px;
}
.account-frames .wishlist {
  padding-bottom: 0;
}
.account-frames .wishlist .products-content {
  padding: 0 0 25px;
}
.popup {
  position: absolute;
  display: none;
  z-index: 999;
  padding: 6px 5px 5px 4px;
  background: url(../images/bg-item-border.png);
  margin: 20px 0 0;
}
.popup .holder {
  width: 350px;
  position: relative;
  background: #fff;
  padding: 43px;
  overflow: hidden;
  border: 2px solid #efeff0;
}
.popup.product-popup .holder {
  width: 936px;
}
.popup .btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 12px;
  height: 11px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../images/ico-close2.png) no-repeat;
}
.popup.ibp-popup .title {
  margin: 0;
}
.popup .title {
  width: 100%;
  overflow: hidden;
  margin: 0 0 27px;
  color: #878787;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 22px;
}
.popup .title h2 {
  color: #575757;
  font: 25px/28px 'pf_beausans_prolight', Arial, Helvetica, sans-serif;
  margin: 0 0 10px;
}
.popup .title h2 span {
  color: #878787;
}
.popup .title p {
  margin: 20px 0 0;
}
.popup-form {
  width: 100%;
  margin: 0 0 20px;
}
.popup-form .row:first-child {
  margin: 0;
}
.popup-form .row {
  width: 100%;
  margin: 16px 0 0;
}
.popup-form .row.ibp-price-row {
  padding: 10px 0;
}

.popup-form .row .ibp-sum-price {
  font-size: 16px;
}

.popup-form:after,
.popup-form .row:after {
  display: block;
  clear: both;
  content: "";
}
.popup-form .text {
  color: #a3a2a2;
  font-size: 17px;
  line-height: 22px;
  padding: 8px 15px;
  float: left;
  border: 1px solid #efefef;
  font-weight: 300;
  width: 318px;
  letter-spacing: 1px;
}
.popup-form .text.short {
  width: 135px;
}
.popup-form .check-cell {
  width: 100%;
  overflow: hidden;
}
.popup-form .check-cell label {
  color: #424240;
  font-size: 15px;
  font-weight: 300;
}
.popup-form .submit {
  float: left;
  margin: 0 15px 0 0;
  font-size: 15px;
  letter-spacing: 2px;
}
.reg-popup .popup-form .submit {
  width: 167px;
}
.call-popup .popup-form .submit {
  width: 146px;
}
.call-popup font {
  display: none;
}
.call-popup .captcha-cell {
  margin: 20px 0 10px;
}
.popup-form .links {
  float: left;
  font-size: 11px;
  line-height: 13px;
  font-weight: 300;
}
.popup-form .links a {
  float: left;
  clear: both;
  border-bottom: 1px dashed #28a1d8;
  margin: 3px 0;
}
.popup-form .links a:hover {
  border: 0;
  padding: 0 0 1px;
  text-decoration: none;
}
.popup-socials {
  color: #a9a6a5;
  font-size: 14px;
  font-weight: 300;
}
.popup-socials p {
  margin: 0 0 15px;
}
.popup-socials .socials-list {
  position: static;
}
.popup-socials .socials-list li {
  float: left;
  margin: 0 5px 0 0;
}
.popup-socials .socials-list a {
  float: left;
  width: 28px!important;
  height: 28px!important;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/bg-socials-popup.png) no-repeat !important;
}
.popup-socials .socials-list .vkontakte a {
  background-position: 0 0!important;
}
.popup-socials .socials-list .facebook a {
  background-position: -33px 0 !important;
}
.popup-socials .socials-list .twitter a {
  background-position: -66px 0 !important;
}
.popup-socials .socials-list .googleoauth a {
  background-position: -99px 0 !important;
}
.captcha-box {
  float: left;
  border: 1px solid #000;
  margin: 0 18px 0 0;
}
.captcha-box img {
  float: left;
}
.bonus-popup .holder {
  width: 500px;
}
.product-popup .left {
  float: left;
  width: 428px;
}
.product-popup .images-block {
  width: 100%;
  position: relative;
}
.product-popup .mask {
  width: 370px;
  height: 400px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
.product-popup .mask .images {
  width: 99999px;
  overflow: hidden;
}
.product-popup .mask .images li {
  float: left;
  width: 370px;
  height: 400px;
}
.product-popup .mask .images li a {
  width: 370px;
  height: 400px;
  display: table-cell;
  vertical-align: top;
  text-align: center;
}
.product-popup .link-prev,
.product-popup .link-next {
  top: 180px;
  position: absolute;
  background: url(../images/bg-product-arrows.png) no-repeat;
  width: 22px;
  height: 38px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 22;
  outline: none;
}
.product-popup .link-prev {
  left: 0;
}
.product-popup .link-next {
  right: 0;
  background-position: 0 100%;
}
.product-popup .images-frame {
  margin: 0 0 10px;
  position: relative;
  text-align: center;
}
.product-popup .full-screen {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 43px;
  height: 43px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../images/icon_zoom_product.png) no-repeat;
  z-index: 99;
}
.product-popup .full-screen:hover {
  background: url(../images/icon_zoom_product_hover.png) no-repeat;
}
.product-popup .slides {
  width: 100%;
  overflow: hidden;
}
.product-popup .slides li:first-child {
  margin: 0;
}
.product-popup .slides li {
  float: left;
  margin: 0 0 0 18px;
  width: 93px;
  height: 87px;
}
.product-popup .slides li a {
  float: left;
  border: 2px solid #f4f3f3;
}
.product-popup .slides li .active {
  border-color: #e3e3e3;
}
.product-popup .right {
  float: right;
  width: 480px;
}
.product-popup .title-holder {
  width: 100%;
  overflow: hidden;
  margin: 0 0 25px;
  padding: 0 0 25px;
  border-bottom: 1px dotted #d6d5d5;
}
.product-popup .title-holder .include {
  width: 100%;
  overflow: hidden;
  margin: 0 0 10px;
}
.product-popup .title-holder h2 {
  float: left;
  color: #575656;
  font-size: 25px;
  line-height: 30px;
  margin: 0 15px 0 0;
}
.product-popup .title-holder .include span,
.product-popup .id {
  float: left;
  color: #c9c7c6;
  font-weight: 300;
  font-size: 14px;
  margin: 0 15px 0 0;
  letter-spacing: 1px;
}
.product-popup .id {
  margin: 0 0 0 15px;
}
.product-popup .marks {
  width: 100%;
  overflow: hidden;
}
.product-popup .marks .stars {
  float: left;
  margin: 5px 10px 0 0;
}
.product-popup .marks a {
  float: left;
  color: #a9a6a5;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
}
.product-popup .info-box,
.add-popup .info-box {
  width: 100%;
}
.add-popup .info-box:after {
  clear: both;
  content: "";
  display: block;
}
.product-popup .info-box:after {
  clear: both;
  content: "";
  display: block;
}
.product-popup .price-box,
.add-popup .price-box {
  width: 100%;
  overflow: hidden;
  margin: 0 0 30px;
}
.product-popup .price-box .price-item,
.add-popup .price-box .price-item {
  float: left;
  margin: 0 20px 0 0;
  color: #575656;
  font: 36px/42px 'pf_beausans_prolight', Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
}
.product-popup .price-box .price-item sub,
.add-popup .price-box .price-item sub {
  display: inline-block;
  vertical-align: baseline;
  font-weight: 300;
  font-size: 13px;
}
.product-popup .price-box .link-delete,
.add-popup .price-box .link-delete {
  float: left;
  background: url(../images/bg-delete.png) no-repeat;
  width: 17px;
  height: 17px;
  overflow: hidden;
  text-indent: -9999px;
  margin: 8px 20px 0 0;
}
.product-popup .price-box .number,
.add-popup .price-box .number {
  color: #a3a2a2;
  font-size: 17px;
  line-height: 22px;
  padding: 5px 5px;
  text-align: center;
  float: left;
  border: 1px solid #efefef;
  font-weight: 300;
  width: 30px;
  margin: 0 25px 0 0;
}
.product-popup .price-box .status {
  float: left;
  font-size: 16px;
  line-height: 32px;
}
.product-popup .price-box .unavailable {
  color: #28a1d8;
}
.product-popup .price-box .unavailable:before {
  font-family: 'icomoon';
  font-size: 40px;
  line-height: 19px;
  content: '\e641';
  vertical-align: middle;
  color: #28a1d8;
  display: inline-block;
  margin-top: -1px;
}
.product-popup .price-box .available {
  color: #6eb52c;
}
.product-popup .price-box .available:before {
  font-family: 'icomoon';
  font-size: 40px;
  line-height: 19px;
  content: '\e640';
  vertical-align: middle;
  color: #6eb52c;
  display: inline-block;
  margin-top: -2px;
}
.product-popup .info-box .text,
.add-popup .info-box .text {
  color: #575656;
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
  margin: 0 0 20px;
  letter-spacing: 1.35px;
}
.product-popup .selects,
.add-popup .selects {
  width: 100%;
  margin: 0 0 30px;
  padding: 0 0 30px;
  border-bottom: 1px dashed #e9e8e9;
}
.product-popup .selects:after,
.add-popup .selects:after {
  content: "";
  clear: both;
  display: block;
}
.product-popup .selects .jq-selectbox,
.add-popup .selects .jq-selectbox {
  margin: 0 15px 0 0;
}
.product-popup .size .jq-selectbox__select,
.add-popup .size .jq-selectbox__select {
  width: 215px !important;
}
.product-popup .selects .color .jq-selectbox__select-text,
.add-popup .selects .color .jq-selectbox__select-text {
  width: 24px;
  height: 24px;
  overflow: hidden;
  text-indent: -9999px;
  margin: 8px 0 0;
}
.product-popup .selects .blue .jq-selectbox__select-text,
.add-popup .selects .blue .jq-selectbox__select-text,
.product-popup .jq-selectbox li.blue,
.add-popup .jq-selectbox li.blue {
  background: #85c9bd;
}
.product-popup .selects .red .jq-selectbox__select-text,
.add-popup .selects .red .jq-selectbox__select-text,
.product-popup .jq-selectbox li.red,
.add-popup .jq-selectbox li.red {
  background: #f11414;
}
.product-popup .selects .yellow .jq-selectbox__select-text,
.add-popup .selects .yellow .jq-selectbox__select-text,
.product-popup .jq-selectbox li.yellow,
.add-popup .jq-selectbox li.yellow {
  background: #f0ff00;
}
.product-popup .selects .green .jq-selectbox__select-text,
.add-popup .selects .green .jq-selectbox__select-text,
.product-popup .jq-selectbox li.green,
.add-popup .jq-selectbox li.green {
  background: #a1c857;
}
.product-popup .jq-selectbox li.color,
.add-popup .jq-selectbox li.color {
  width: 24px;
  height: 24px;
  overflow: hidden;
  text-indent: -9999px;
  margin: 4px 0 4px 10px;
  padding: 0;
}
.product-popup .buttons,
.add-popup .buttons {
  width: 100%;
  overflow: hidden;
  margin: 0 0 27px;
}
.product-popup .buttons .btn-cart,
.add-popup .buttons .btn-cart {
  margin: 0 15px 0 0;
}
.buttons .btn-click {
  background: #a1c857;
  border-color: #95af55;
  width: 185px;
  text-align: center;
  line-height: 23px;
  height: 23px;
  padding: 7px 10px;
  font-size: 16px;
}
.product-popup .buttons .btn-cart.btn-tell {
  font-size: 19px;
  padding: 12px 50px 10px;
  width: auto;
}
.product-popup .buttons .btn-cart.btn-tell span {
  background: url(../images/bg-white-mail.png) no-repeat 0 5px;
}
.buttons .btn-click span {
  display: inline-block;
  line-height: 23px;
}
.buttons .btn-click span:before {
  font-family: 'icomoon';
  font-size: 35px;
  line-height: 13px;
  content: "\e629";
  vertical-align: middle;
  color: #fff;
  display: inline-block;
  margin-top: -8px;
  margin-right: 4px;
}
.product-popup .wish {
  width: 100%;
  overflow: hidden;
  margin: 0 0 25px;
}
.product-popup .link-wish {
  background: url(../images/ico-wish3.png) no-repeat;
  padding: 3px 0 0 58px;
  min-height: 34px;
  display: block;
  color: #727272;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1.17px;
}
.product-popup .link-wish.disabled {
  background: url(../images/bg-wishlist-dis.png) no-repeat;
}
.product-popup .link-details {
  display: inline-block;
  border-bottom: 1px dotted #28a1d8;
  font-weight: 300;
  font-size: 17px;
}
.product-popup .link-details:hover {
  padding: 0 0 1px;
  text-decoration: none;
  border: 0;
}
.success-popup {
  display: none;
  position: absolute;
  z-index: 999;
  padding: 20px;
  background: #fff;
  margin: 20px 0 0;
  text-align: center;
  width: 430px;
}
.success-popup img {
  display: inline-block;
  margin: 0 0 40px;
}
#feedback-success,
#resume-success {
  width: 250px;
}
.success-popup h2 {
  display: inline-block;
  font-size: 30px;
  line-height: 36px;
  color: #575656;
  margin: 0 0 20px;
}
.success-popup h3 {
  display: block;
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  color: #7f7f7f;
  margin: 0 0 20px;
}
.success-popup p {
  margin: 0 0 30px;
  font-size: 15px;
  line-height: 18px;
  font-weight: 300;
  color: #7f7f7f;
}
.success-popup p a {
  border-bottom: 1px dotted #28a1d8;
}
.success-popup p a:hover {
  text-decoration: none;
  border: 0;
}
.success-popup .btn-close {
  width: 17px;
  height: 17px;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/bg-delete.png) no-repeat;
}
.popup.add-profile .holder,
.popup.popup-edit .holder {
  width: 600px;
}
.popup.add-profile .popup-form .text,
.popup.popup-edit .popup-form .text {
  width: 568px;
}
.popup.add-profile .popup-form .jq-selectbox__select,
.popup.popup-edit .popup-form .jq-selectbox__select {
  width: 558px !important;
}
.visual-new {
  width: 1246px;
  margin: 0 auto;
  overflow: hidden;
  padding: 40px 0;
}
.visual-product.left {
  float: left;
}
.visual-product.right {
  float: right;
}
.visual-product {
  width: 222px;
  height: 373px;
  position: relative;
  overflow: hidden;
}
.visual-new .shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.8;
  background: url(../images/bg-transparent50.png), url(../images/bg-dash3.png);
}
.visual-product .text {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.visual-product .text .frame {
  width: 222px;
  height: 373px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
}
.visual-product .text strong {
  font-size: 16px;
  font-weight: 700;
  display: block;
  margin: 0 0 10px;
}
.visual-product .text h3 {
  font-size: 28px;
  line-height: 32px;
  font-weight: 500;
  display: block;
  margin: 0 0 10px;
}
.visual-product .text p {
  display: inline-block;
  padding: 6px 10px 8px;
  background: url(../images/bg-text-shadow.png);
  font-size: 21px;
  font-weight: 500;
  margin: 0 0 15px;
}
.visual-product .btn-cart {
  width: auto;
}
.visual-new .visual-gal {
  width: 479px;
  height: 373px;
  float: left;
  margin: 0 30px;
  overflow: hidden;
}
.visual-new #carousel {
  width: 99999px;
  overflow: hidden;
}
.visual-new #carousel li {
  width: 479px;
  height: 373px;
  float: left;
  position: relative;
  overflow: hidden;
}
.visual-gal .ic_caption {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.visual-gal:hover .ic_caption .frame {
  opacity: 1;
}
.visual-gal .ic_caption .frame {
  width: 479px;
  height: 373px;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  display: table-cell;
  vertical-align: bottom;
  text-align: center;
  position: relative;
  z-index: 2;
  background: rgba(0, 0, 0, 0.3);
}
.visual-gal h3 {
  margin: 0 0 30px;
  color: #fff;
  font-size: 28px;
  line-height: 40px;
  font-weight: 500;
  display: inline-block;
  width: 385px;
}
.visual-gal .button {
  margin-bottom: 30px;
  font-size: 15px;
}
.visual-banner {
  float: left;
  width: 226px;
  height: 373px;
  position: relative;
}
.visual-banner .top-banner {
  width: 226px;
  height: 174px;
  background: #f4f4f4;
}
.visual-banner .top-banner a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 226px;
  height: 174px;
}
.visual-banner .top-banner a:hover {
  text-decoration: none;
}
.visual-banner .top-banner em {
  color: #a0a09f;
  font-style: normal;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  display: block;
  margin: 0 0 13px;
}
.visual-banner .top-banner strong {
  color: #28a1d8;
  font-size: 28px;
  line-height: 32px;
  font-weight: 500;
  display: block;
  margin: 0 0 13px;
}
.visual-banner .top-banner span {
  display: inline-block;
  width: 50px;
  height: 2px;
  background: #7c7c7c;
  text-indent: -9999px;
  overflow: hidden;
}
.visual-banner .bottom-banner {
  width: 206px;
  border: 2px solid #28a1d8;
  padding: 8px;
  overflow: hidden;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.visual-banner .bottom-banner .holder {
  background: #28a1d8;
}
.visual-banner .bottom-banner .holder a:hover {
  text-decoration: none;
}
.visual-banner .bottom-banner .holder a {
  display: table-cell;
  width: 206px;
  height: 150px;
  text-align: center;
  vertical-align: middle;
}
.visual-banner .bottom-banner .holder strong {
  color: #fff;
  font: 23px/27px "Courier New", Courier, monospace;
  display: block;
  font-weight: bold;
}
.article-container {
  float: left;
  width: 990px;
}
.article-container .a-boxes {
  font-size: 15px;
  line-height: 22px;
  font-weight: 300;
  color: #5a5a5a;
}
.article-container .a-box {
  width: 100%;
  overflow: hidden;
  margin: 0 0 50px;
}
.article-container h2 {
  margin: 0 0 15px;
  font-size: 19px;
  line-height: 24px;
  font-family: 'pf_beausans_prolight', Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
}
.article-container .align-left {
  float: left;
  margin: 0 45px 0 0;
}
.article-container .align-right {
  float: right;
  margin: 0 0 0 45px;
}
.jobs-offers {
  width: 100%;
  margin: 0 0 50px;
}
.jobs-offers:after,
.job-items:after {
  clear: both;
  content: "";
  display: block;
}
.job-items {
  width: 110%;
  margin: 40px 0 0 -32px;
}
.job-items .item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 480px;
  height: 192px;
  margin: 0 0 35px 32px;
}
.job-items .item .photo {
  position: absolute;
  left: 7px;
  top: 0;
  width: 83px;
  height: 100%;
}
.job-items .item.red .photo {
  left: 8px;
}
.job-items .item .photo .holder {
  width: 83px;
  height: 190px;
  display: table-cell;
  vertical-align: middle;
}
.job-items .item .photo img {
  width: 83px;
  height: 83px;
}
.job-items .item .text {
  float: right;
  padding: 6px 5px;
  overflow: hidden;
  color: #5a5a5a;
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
}
.job-items .item .image {
  display: inline-block;
  width: 83px;
  height: 83px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/img-guy1.png) no-repeat;
}
.job-items .item.red .image {
  background: url(../images/img-guy2.png) no-repeat;
}
.job-items .item.red .text {
  background: url(../images/bg-item-border.png);
}
.job-items .item .text .holder {
  width: 356px;
  height: 140px;
  padding: 18px 9px 18px 59px;
  background: #fff;
  border: 1px solid #f5f5f5;
}
.job-items .item.red .text .holder {
  border: 0;
  padding: 19px 10px 19px 60px;
}
.job-items .item .text h3 {
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 13px;
  font-weight: 400;
}
.job-items .item .text p:first-child {
  margin: 0;
}
.job-items .item .text p {
  margin: 0 0 13px;
}
.job-items .item .text p strong {
  font-weight: 400;
}
.job-items .item .link {
  position: absolute;
  right: 15px;
  bottom: 12px;
  font-size: 13px;
}
.job-items .item .link a {
  color: #a0a09f;
  border-bottom: 1px dotted #a0a09f;
}
.job-items .item .link a:hover {
  text-decoration: none;
  color: #28a1d8;
  border-bottom: 1px dotted #28a1d8;
}
.job-items .item.red .link a {
  color: #28a1d8;
  border-bottom: 1px dotted #28a1d8;
}
.our-team {
  width: 100%;
  overflow: hidden;
}
.our-team .items {
  width: 100%;
  overflow: hidden;
  margin: 40px 0 0;
}
.our-team .items .item {
  float: left;
  width: 225px;
  margin: 0 0 0 30px;
  text-align: center;
}
.our-team .items .item:first-child {
  margin: 0;
}
.our-team .items .image {
  width: 100%;
  overflow: hidden;
  margin: 0 0 -50px;
}
.our-team .items .item .text {
  border: 1px solid #f5f5f5;
  padding: 70px 20px 30px;
  color: #5a5a5a;
  font-weight: 300;
  font-size: 15px;
  line-height: 21px;
}
.our-team .items .item .title {
  margin: 0 0 20px;
}
.our-team .items .item h2 {
  margin: 0;
  color: #1d1d1b;
  font-size: 18px;
  font-weight: 400;
}
.our-team .items .item h3 {
  font-size: 15px;
  color: #b3b2b2;
}
.quotes-list {
  width: 226px;
  overflow: hidden;
  position: relative;
}
.quotes-list .mask {
  width: 226px;
  overflow: hidden;
  position: relative;
}
.quotes-list .items {
  width: 99999px;
  float: left;
}
.quotes-list .item {
  float: left;
  width: 226px;
}
.quotes-list .item .quote {
  padding: 16px 0 0;
  background: url(../images/bg-quote-t.png) no-repeat;
  overflow: hidden;
  margin: 0 0 20px;
}
.quotes-list .item .quote .holder {
  padding: 0 0 21px;
  background: url(../images/bg-quote-b.png) no-repeat 0 100%;
  overflow: hidden;
}
.quotes-list .item .quote .frame {
  background: url(../images/bg-quote-m.png) repeat-y;
  padding: 8px 21px 50px;
  overflow: hidden;
  color: #5a5a5a;
}
.quotes-list .item .quote .frame q {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}
.quotes-list .item .photo {
  margin: 0 auto;
  width: 196px;
  overflow: hidden;
  color: #b3b2b2;
  font-size: 13px;
  line-height: 16px;
}
.quotes-list .item .photo img {
  float: left;
  margin: 0 15px 0 0;
}
.quotes-list .item .photo h4 {
  color: #1d1d1b;
  font-size: 15px;
  margin: 4px 0 5px;
}
.quotes-list .pagess {
  position: absolute;
  left: 0;
  top: 170px;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.quotes-list .pagess li {
  display: inline-block;
  vertical-align: top;
}
.quotes-list .pagess li a {
  float: left;
  width: 8px;
  height: 10px;
  outline: none;
  background: url(../images/bg-testemonials-small.png) no-repeat 100% 50%;
  text-indent: -9999px;
  overflow: hidden;
}
.quotes-list .pagess li a.active,
.quotes-list .pagess li a:hover {
  background-position: 4px 50%;
}
.cart-container {
  width: 100%;
  overflow: hidden;
  margin: 0 0 30px;
}
.cart-container .items {
  width: 110%;
  /*overflow: hidden;*/
  margin: -25px 0 30px -16px;
}
.cart-container .items:after {
  content: "";
  display: block;
  clear: both;
}
.cart-container .items .item,
.tab-items .product-item {
  margin: 25px 0 0 16px;
  float: left;
  width: 225px;
  position: relative;
  padding: 6px 5px;
  z-index: 2;
  text-align: center;
}
.menu-tabs-section .tab-items .product-item {
  width: 186px;
  margin: 0 0 0 13px;
  padding: 6px 5px 14px;
}
.menu-tabs-section .tab-items .product-item:first-child {
  margin: 0;
}
.menu-tabs-section .tab-items .product-item .image {
  height: 120px;
}
.tab-items .product-item .title h3 {
  /*height: 48px;*/
  height: 80px;
  overflow: hidden;
}
.tab-items .product-item {
  margin: 0 0 0 17px;
}
.cart-container .items .item:hover,
.tab-items .product-item:hover {
  background: none;
}
.cart-container .items .item:hover .holder,
.tab-items .product-item:hover .holder {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
}
.item-form-holder {
  position: relative;
  overflow: hidden;
  padding: 0 0 70px;
}
.item-form-holder .price-frame {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.cart-container .items .item-holder {
  background: #fff;
  border: 1px solid #f8f7f7;
}
.cart-container .item:hover .item-delete {
  display: block;
}
.cart-container .item-delete {
  display: none;
  position: absolute;
  top: 13px;
  right: 13px;
  width: 17px;
  height: 17px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../images/bg-delete.png) no-repeat;
}
.cart-container .item .holder {
  padding: 25px 25px 15px;
  overflow: hidden;
}
.cart-container .item .image {
  width: 100%;
  height: 125px;
  overflow: hidden;
  margin: 0 0 20px;
}
.cart-container .item .image a {
  width: 173px;
  height: 125px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.cart-container .item .title {
  width: 100%;
  overflow: hidden;
  margin: 0 0 35px;
}
.cart-container .item .title h2 {
  font-size: 15px;
  line-height: 22px;
  height: 66px;
  overflow: hidden;
  color: #575656;
  margin: 0;
}
.cart-container .item .title h2 a {
  color: #575656;
}
.cart-container .item .id {
  color: #c9c7c6;
  font-size: 14px;
  font-weight: 300;
}
.cart-container .item .frame {
  padding: 15px 15px 20px;
  border-top: 1px dotted #d9d8d8;
}
.cart-container .item .frame:after {
  content: "";
  display: block;
  clear: both;
}
.cart-container .item .frame h3 {
  font-weight: 300;
  font-size: 17px;
  line-height: 22px;
  color: #878787;
  margin: 0 0 12px;
}
.cart-container .item .row:first-child {
  margin: 0;
}
.cart-container .item .row {
  margin: 20px 0 0;
}
.cart-container .item .price {
  display: inline-block;
  margin: 0 8px 0 0;
  color: #28a1d8;
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
}
.cart-container .item .price sub {
  font-weight: 300;
  font-size: 11px;
  vertical-align: text-bottom;
}
.cart-container .item .btn-delete {
  display: inline-block;
  margin: 6px 11px 0 0;
  width: 17px;
  height: 17px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/bg-delete.png) no-repeat;
}
.cart-container .item .number {
  display: inline-block;
  width: 20px;
  text-align: center;
  padding: 5px 5px 5px 4px;
  border: 1px solid #efefef;
  color: #a3a2a2;
  vertical-align: top;
}
.cart-container .item .jq-selectbox__select {
  width: 140px !important;
  text-align: left;
}
.cart-container .item .jq-selectbox ul {
  text-align: left;
}
.cart-container .item .jq-checkbox.checked {
  background-position: 0 0;
}
.cart-container .item .jq-checkbox.checked div {
  background: url(../images/ico-check.png) no-repeat 50%;
  width: 100%;
  height: 100%;
}
.cart-container .item .jq-checkbox.green {
  background: #85c9bd;
}
.cart-container .item .jq-checkbox.purple {
  background: #e83489;
}
.cart-container .item .jq-checkbox.cyan {
  background: #74bce9;
}
.cart-container .item .jq-checkbox.brown {
  background: #301c10;
}
.cart-container .item .jq-checkbox.teal {
  background: #fcce91;
}
.cart-container .total {
  width: 100%;
  overflow: hidden;
  margin: 0 0 35px;
  color: #444;
  font-size: 21px;
  line-height: 24px;
  font-weight: 300;
}
.cart-container .total strong {
  font-weight: 500;
}
.cart-container .total sub {
  vertical-align: baseline;
  font-size: 15px;
}
.cart-container .text-row {
  width: 100%;
  overflow: hidden;
  margin: 0 0 22px;
}
.cart-container .text-row h3 {
  float: left;
  font-size: 19px;
  line-height: 23px;
  color: #575757;
  font-weight: 400;
  margin: 0 24px 0 0;
}
.cart-container .text-row .how {
  line-height: 23px;
  font-size: 13px;
  color: #bfbebe;
  border-bottom: 1px dashed #bfbebe;
  padding: 0 0 2px;
}
.cart-container .text-row .how:hover {
  text-decoration: none;
  border: 0;
}
.cart-container .promo-form {
  width: 100%;
  overflow: hidden;
  margin: 0 0 60px;
}
.cart-container .promo-form .text {
  float: left;
  padding: 11px 12px;
  border: 1px solid #efefef;
  height: 17px;
  font-size: 15px;
  font-weight: 300;
}
.cart-container .promo-form .submit {
  float: left;
  background: #28a1d8 url(../images/bg-check-submit.png) no-repeat 50%;
  width: 41px;
  height: 41px;
  overflow: hidden;
  text-indent: -9999px;
  border: 0;
  cursor: pointer;
}
.cart-container .buttons .btn-cart {
  width: 162px;
  margin: 0 20px 0 0;
}
.cart-container .buttons .btn-click {
  width: 213px;
}
.advice-box {
  width: 226px;
  overflow: hidden;
  position: relative;
}
.advice-box .mask {
  width: 226px;
  overflow: hidden;
  position: relative;
}
.advice-box .items {
  width: 99999px;
  float: left;
}
.advice-box .item {
  float: left;
  width: 224px;
  border: 1px solid #f5f5f5;
  text-align: center;
  padding: 10px 0 20px;
}
.advice-box .item .image {
  height: 170px;
  margin: 0 0 5px;
}
.advice-box .item h2 {
  margin: 0 0 12px;
  font-size: 17px;
  line-height: 22px;
  color: #2d2d2d;
  font-weight: 400;
}
.advice-box .item h2 a {
  color: #2d2d2d;
}
.advice-box .item .new-price {
  color: #28a1d8;
  font-size: 23px;
  font-weight: 500;
  line-height: 26px;
}
.advice-box .item .new-price sup {
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
  padding: 0 0 0 3px;
}
.advice-box .link-prev,
.advice-box .link-next {
  position: absolute;
  overflow: hidden;
  top: 133px;
  width: 53px;
  outline: none;
  height: 59px;
  z-index: 3;
  font-size: 0;
  line-height: 0;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  box-sizing: border-box;
  border: 1px solid #f5f5f5;
  background-color: #fff;
  font-family: 'icomoon';
  text-align: center;
  color: #b6b4b2;
}
.advice-box .link-prev {
  left: 0;
}
.advice-box .link-prev:after {
  content: "\e61b";
  font-size: 32px;
  line-height: 59px;
  vertical-align: middle;
}
.advice-box .link-prev:hover,
.advice-box .link-next:hover {
  text-decoration: none;
  color: #fff;
  background-color: #28a1d8;
}
.advice-box .link-next {
  right: 0;
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.advice-box .link-next:after {
  content: "\e61b";
  font-size: 32px;
  line-height: 59px;
  vertical-align: middle;
}
.advice-box .link-next:hover {
  background-color: #28a1d8;
}
.advice-box:hover .link-prev,
.advice-box:hover .link-next {
  opacity: 1;
}
.products-items-list {
  width: 100%;
}
.products-items-list .item {
  margin: 35px 0 0;
  border: 1px solid #f8f7f7;
  position: relative;
}
.products-items-list .item .holder {
  padding: 35px;
}
.products-items-list .item .holder:after,
.products-items-list .item:after,
.products-items-list:after {
  content: "";
  display: block;
  clear: both;
}
.products-items-list .item .image {
  float: left;
  width: 235px;
  height: 269px;
  position: relative;
  text-align: center;
  margin: 0 35px 0 0;
}
.products-items-list .item .image a {
  display: table-cell;
  width: 235px;
  height: 269px;
  vertical-align: middle;
}
.products-items-list .item:hover .quick-view {
  opacity: 1;
}
.products-items-list .item .quick-view {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  position: absolute;
  top: 100px;
  display: block;
  left: 30px;
  background: url(../images/bg-transparent45.png);
  color: #fff;
  padding: 7px 16px 9px 30px;
  font-size: 14px;
}
.products-items-list .item .quick-view:before {
  font-family: 'icomoon';
  font-size: 14px;
  line-height: 19px;
  content: '\e60a';
  vertical-align: top;
  color: #fff;
  display: inline-block;
  margin-left: -6px;
  margin-right: 6px;
}
.products-items-list .item .text {
  overflow: hidden;
  height: 1%;
}
.products-items-list .item .title {
  width: 100%;
  overflow: hidden;
  margin: 0 0 15px;
}
.products-items-list .item .title h3 {
  float: left;
  font-size: 18px;
  line-height: 22px;
  margin: 0 15px 0 0;
}
.products-items-list .item .title h3 a {
  color: #2D2D2D;
}
.products-items-list .item .title .id {
  margin: 5px 0 0;
  float: left;
  font-size: 14px;
  line-height: 16px;
  color: #c9c7c6;
  font-weight: 300;
}
.products-items-list .item .stars {
  margin: 0 0 15px;
}
.products-items-list .item .price {
  margin: 0 0 15px;
}
.products-items-list .item .new-price {
  color: #28a1d8;
  font-size: 23px;
  line-height: 26px;
  font-weight: 500;
}
.products-items-list .item .new-price sup {
  font-size: 11px;
  line-height: 16px;
  font-weight: 300;
  padding: 0 0 0 3px;
}
.products-items-list .item .detail {
  margin: 0 0 20px;
  color: #5a5a5a;
  font-size: 15px;
  line-height: 22px;
  font-weight: 300;
}
.products-items-list .item .link-heart {
  display: inline-block;
  color: #525151;
  font-size: 12px;
  font-weight: 300;
}
.products-items-list .item .link-heart:before {
  font-family: 'icomoon';
  font-size: 21px;
  line-height: 18px;
  color: #28a1d8;
  vertical-align: top;
  display: inline-block;
  content: "\e62a";
  padding: 0 5px 0 0;
}
.products-items-list .discount {
  display: block;
  background: url(../images/bg-discount.png) no-repeat;
  width: 58px;
  height: 58px;
  padding: 0 0 6px 6px;
  line-height: 58px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 6;
}
.products-items-listview {
  width: 100%;
}
.products-items-listview .item {
  margin: 0 0 20px;
  border: 1px solid #f8f7f8;
}
.products-items-listview:after,
.products-items-listview .item:after,
.products-items-listview .item .cell:after {
  content: "";
  display: block;
  clear: both;
}
.products-items-listview .item .align {
  vertical-align: middle;
  display: table-cell;
  height: 50px;
}
.products-items-listview .item .cell:first-child {
  margin: 0;
}
.products-items-listview .item .cell {
  padding: 5px 18px;
  border-left: 1px dotted #f0f0f0;
}
.products-items-listview .item .name {
  float: left;
  width: 510px;
}
.products-items-listview .item .name h3 {
  font-size: 17px;
  line-height: 23px;
  float: left;
  margin: 0 20px 0 0;
  max-width: 555px;
}
.products-items-listview .item .name span {
  font-size: 14px;
  line-height: 23px;
  color: #c9c7c6;
  font-weight: 300;
  float: left;
}
.products-items-listview .item .name h3 a {
  color: #2d2d2d;
}
.products-items-listview .item .name h3 a:hover {
  color: #28a1d8;
  text-decoration: none;
}
.products-items-listview .item .amount {
  padding-left: 10px;
  padding-right: 10px;
  color: #28a1d8;
  float: left;
  font-size: 23px;
  line-height: 26px;
  text-align: center;
}
.amount-box {
  overflow: hidden;
  text-align: center;
}
.amount-box .butn {
  display: inline-block;
  background: none;
  border: 0;
  color: #666;
  cursor: pointer;
  width: 20px;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.amount-box .butn span {
  font-size: 18px;
  font-weight: 300;
}
.amount-box .btn-minus {
  padding-top: 3px;
}
.amount-box .btn-plus {
  padding-top: 5px;
}
.amount-text {
  font-size: 18px;
  color: #333;
  display: inline-block;
  background: none;
  text-align: center;
  width: 35px;
  border: 0;
}
.products-items-listview .item .price .align {
  width: 120px;
  text-align: center;
}
.products-items-listview .item .price {
  float: left;
  width: 120px;
  text-align: center;
  color: #28a1d8;
  font-size: 23px;
  line-height: 26px;
}
.products-items-listview .unavailable .price {
  color: #c9c7c6;
}
.products-items-listview .item .price sup {
  font-size: 10px;
  line-height: 17px;
  font-weight: 300;
}
.products-items-listview .item .btns {
  float: right;
  min-width: 269px;
}
.products-items-listview .item .btn {
  float: left;
}
.products-items-listview .item .btn a {
  float: left;
  font-size: 0;
  line-height: 0;
  position: relative;
}
.products-items-listview .item .btn a:hover .tooltip {
  opacity: 1;
}
.products-items-listview .item .tooltip {
  opacity: 0;
  font-size: 13px;
  color: #a09d9c;
  line-height: 30px;
  padding: 0 0 8px;
  width: 94px;
  font-weight: 300;
  position: absolute;
  left: -38px;
  top: -48px;
  text-align: center;
  background: url(../images/bg-tooltip.png) no-repeat;
}
.products-items-listview .item .link-like {
  width: 17px;
  height: 15px;
  color: #d8d5d5;
}
.products-items-listview .item .link-like:before {
  font-family: 'icomoon';
  font-size: 32px;
  line-height: 15px;
  vertical-align: middle;
  display: inline-block;
  content: "\e62a";
  margin-left: -7px;
}
.products-items-listview .item .link-like:hover {
  color: #28a1d8;
}
.products-items-listview .item .link-cart {
  width: 21px;
  height: 17px;
  color: #d8d5d5;
}
.products-items-listview .item .link-cart:before {
  font-family: 'icomoon';
  font-size: 32px;
  line-height: 15px;
  vertical-align: middle;
  display: inline-block;
  content: "\e62e";
  margin-left: -7px;
}
.products-items-listview .item .link-cart:hover {
  color: #28a1d8;
}
.items-cells,
.wishlist .product-item {
  padding: 6px 6px 5px 5px;
}
.items-cells {
  margin-left: -16px;
}
.wishlist .product-item .expand-holder {
  border-color: #f5f5f5;
}
.wishlist .product-item:hover {
  background: url(../images/bg-item-border.png);
}
.wishlist .product-item:hover .holder {
  border-color: #f5f5f5;
}
.wishlist .product-item .expand {
  background: url(../images/bg-item-border.png);
  padding: 0 6px 5px 5px;
}
.wishlist .product-item:hover .expand-holder {
  border-color: #f5f5f5;
}
.wishlist .product-item:hover .item-delete {
  display: block;
}
.wishlist .product-item .item-delete {
  display: none;
  position: absolute;
  top: 13px;
  right: 13px;
  width: 17px;
  height: 17px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../images/bg-delete.png) no-repeat;
  z-index: 99;
}
.likes {
  width: 100%;
  overflow: hidden;
}
.likes li {
  float: left;
  margin: 0 25px 0 0;
  /*line-height: 42px;*/
  font-size: 14px;
  font-weight: 300;
  text-align: center;
}
.likes li a {
  float: left;
  width: 45px;
  height: 42px;
  line-height: 42px;
  padding: 0 0 0 42px;
  color: #777;
  background: url(../images/bg-likes.png) no-repeat;
}
.likes li .vk {
  background-position: 0 0;
}
.likes li .fb {
  background-position: -111px 0;
}
.likes li .twitter {
  background-position: -222px 0;
}
.selectbox {
  width: 100%;
  text-align: center;
}
.selectbox .select {
  display: inline-block;
  width: 140px;
  text-align: left;
  border: 1px solid #EFEFEF;
  color: #A3A2A2;
  font: 14px/40px Arial, Tahoma, sans-serif;
  height: 40px;
  padding: 0 30px 0 10px;
  position: relative;
}
.selectbox .select .def-text {
  float: left;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  padding: 12px 2px 11px;
  border: 0;
  width: 140px;
  height: 17px;
  line-height: 17px;
  cursor: pointer;
}
.selectbox .select s {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 40px;
  background: url(../images/bg-select-arrows.png) no-repeat 50% 50%;
}
.selectbox .select ul {
  background: #FFF;
  font-size: 14px;
  line-height: 18px;
  border: 1px solid #C6CBD0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  display: none;
  left: -1px;
  overflow: auto;
  position: absolute;
  top: 40px;
  width: 180px;
  z-index: 999;
}
.selectbox .select.parent-focus ul {
  display: block;
}
.selectbox .select ul li {
  padding: 5px 10px 6px;
  color: #231F20;
}
.selectbox .select ul li .hidden {
  display: none;
}
.selectbox .select ul li:hover {
  background: #08C;
  color: #fff;
  cursor: pointer;
}
.faq-section {
  width: 100%;
  overflow: hidden;
}
.faq-section .row:first-child {
  border: 0;
  margin: 0;
  padding: 0;
}
.faq-section .row {
  width: 100%;
  overflow: hidden;
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: 1px dotted #dfdedf;
}
.faq-section .expander {
  display: none;
  padding: 20px 0 0 55px;
  color: #5a5a5a;
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
}
.faq-section .link-show {
  display: block;
  line-height: 36px;
  font-size: 18px;
  color: #575656;
  outline: none;
}
.faq-section .icon-holder {
  width: 36px;
  height: 35px;
  display: inline-block;
  background: #28a1d8;
  color: #fff;
  border-radius: 4px;
  vertical-align: top;
  margin-right: 15px;
  text-align: center;
}
.faq-section .icon-holder:before {
  font-size: 32px;
  line-height: 34px;
  font-family: "icomoon";
  content: "\e630";
  display: inline-block;
}
.faq-section .opened .icon-holder:before {
  font-size: 32px;
  line-height: 34px;
  font-family: "icomoon";
  content: "\e631";
  display: inline-block;
}
.review-section {
  width: 100%;
  overflow: hidden;
  margin: 0 0 100px;
}
.review-section.article-section {
  padding: 0;
}
.other-reviews {
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
  /*margin: 0 0 45px; - add*/
}
.other-reviews .items {
  width: 100%;
  overflow: hidden;
}
.other-reviews .items .item:first-child {
  margin: 0;
  padding: 0;
  border: 0;
}
.other-reviews .items .item {
  margin: 30px 0 0;
  padding: 30px 0 0;
  border-top: 1px dotted #d6d6d6;
  clear: both;
}
.other-reviews .image {
  float: left;
  width: 146px;
  margin: 0 40px 0 0;
}
.other-reviews .text-holder {
  overflow: hidden;
  height: 1%;
  color: #5a5a5a;
  font-weight: 300;
  font-size: 15px;
  line-height: 20px;
}
.other-reviews h3 {
  color: #575656;
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 7px;
}
.other-reviews .date {
  color: #878787;
  font-size: 14px;
  display: block;
  font-weight: 300;
  margin: 0 0 11px;
  font-style: normal;
}
.other-reviews .text-holder p {
  margin: 0 0 9px;
}
.other-reviews .link-holder a {
  display: inline-block;
  color: #28a1d8;
  font-size: 13px;
  font-weight: 400;
  border-bottom: 1px dashed #28a1d8;
}
.other-reviews .link-holder a:hover {
  border: 0;
  text-decoration: none;
  color: #28a1d8;
  padding: 0 0 1px;
}
.article-container .review-section .brief h2 {
  color: #575656;
  font-size: 25px;
  margin: 0 0 25px;
}
.review-section .brief {
  width: 100%;
  overflow: hidden;
  color: #5a5a5a;
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
  margin: 0 0 45px;
}
.rew-cols {
  width: 100%;
}
.rew-cols .links {
  float: left;
  width: 104px;
}
.scroll-to-fixed-fixed.links {
  margin: 100px 0 0;
}
.rew-cols .links .item {
  width: 100%;
  /*overflow: hidden;*/
  margin: 0 0 20px;
}
.rew-cols:after,
.rew-cols .links .item:after {
  content: "";
  display: block;
  clear: both;
}
.rew-cols .links .item a {
  display: block;
  width: 100px;
  height: 100px;
  border: 1px solid #f1f1f1;
  position: relative;
  outline: none;
  z-index: 3;
  text-align: center;
}
.rew-cols .links .icomoon {
  color: #a4a4a4;
  font-size: 60px;
  line-height: 100px;
}
.rew-cols .links .item a:hover .icomoon {
  color: #28a1d8;
}
.rew-cols .links .item a:hover .ico-text,
.rew-cols .links .item a:hover {
  display: block;
  border-color: #f1f1f1;
}
.rew-cols .links .item .ico-text {
  display: none;
  position: absolute;
  left: 100px;
  top: -1px;
  background: #fff;
  border: 1px solid #f1f1f1;
  border-width: 1px 1px 1px 0;
  height: 100px;
  line-height: 100px;
  padding: 0 35px 0 20px;
  color: #717070;
  font-style: normal;
  font-size: 19px;
  white-space: nowrap;
}
.rew-cols .links .item.prod-link .ico-text {
  height: 101px;
}
.rew-cols .links .item .icon {
  width: 100px;
  height: 100px;
  overflow: hidden;
  float: left;
}
.rew-cols .links .prod-link {
  overflow: visible;
}
.rew-cols .links .item .icon-holder {
  width: 98px;
  height: 98px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.rew-cols .links .item a.active,
.rew-cols .links .item a.active .ico-text {
  border-color: #28a1d8 !important;
}
.rew-cols .links .item a.active .icomoon {
  color: #28a1d8;
}
.rew-cols .contents-holder {
  float: right;
  width: 847px;
  color: #575656;
}
.contents-holder h2 {
  color: #575656;
  margin: 40px 0 40px;
}
.content-gal {
  width: 847px;
  height: 421px;
  overflow: hidden;
  position: relative;
  margin: 0 0 45px;
}
.content-box {
  width: 100%;
  overflow: hidden;
  margin: 0 0 30px;
}
.content-gal .mask {
  width: 847px;
  height: 421px;
  overflow: hidden;
  position: relative;
}
.content-gal .link-prev,
.content-gal .link-next {
  position: absolute;
  top: 180px;
  width: 55px;
  height: 55px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 99;
  opacity: 0;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.content-gal:hover .link-prev,
.content-gal:hover .link-next {
  opacity: 1;
}
.content-gal .link-prev {
  left: 0;
  background: url(../images/bg-visual-arrows.png) no-repeat;
}
.content-gal .link-next {
  right: 0;
  background: url(../images/bg-visual-arrows.png) no-repeat 0 100%;
}
.content-gal ul {
  width: 999999px;
  float: left;
}
.content-gal li {
  width: 847px;
  height: 421px;
  overflow: hidden;
  position: relative;
  float: left;
}
.content-gal li:hover .text-head {
  opacity: 1;
}
.content-gal .text-head {
  opacity: 0;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: url(../images/bg-transparent45.png);
  padding: 20px 25px;
  color: #fff;
  font-size: 17px;
}
.rew-cols .contents-holder .text-details {
  font-size: 15px;
  line-height: 20px;
  font-weight: 300;
  color: #5a5a5a;
}
.contents-holder .text-details p {
  margin: 0 0 20px;
}
.vacancy-popup {
  margin: 60px 0 0;
  display: none;
  position: absolute;
  width: 440px;
  background: url(../images/bg-dash4.png);
  z-index: 9999;
  padding: 6px;
}
.vacancy-popup .holder {
  background: #fff;
  position: relative;
  border: 1px solid #f5f5f5;
}
.vacancy-popup:after,
.vacancy-popup .holder:after {
  content: "";
  display: block;
  clear: both;
}
.vacancy-popup .photo {
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin: -55px 0 0;
}
.vacancy-popup .photo .image {
  display: inline-block;
  width: 98px;
  height: 98px;
  border: 1px solid #f5f5f5;
  border-radius: 100%;
  background: #fff;
  position: relative;
}
.vacancy-popup .photo .image a {
  width: 98px;
  height: 98px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.vacancy-popup .btn-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 14px;
  height: 14px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../images/bg-delete2.png) no-repeat;
}
.vacancy-popup .text-block {
  padding: 30px;
  overflow: hidden;
  color: #1d1d1b;
}
.vacancy-popup .text-block h2 {
  color: #616160;
  font-size: 18px;
  margin: 0 0 23px;
  font-weight: 400;
}
.vacancy-popup .text-block h3 {
  color: #5a5a5a;
  font-size: 16px;
  margin: 0 0 13px;
  font-weight: 400;
}
.vacancy-popup .text-block h4 {
  color: #5a5a5a;
  font-size: 16px;
  margin: 0 0 20px;
  font-weight: 400;
}
.vacancy-popup .text-block ul {
  width: 100%;
  overflow: hidden;
  margin: 0 0 20px;
}
.vacancy-popup .text-block ul li {
  font-size: 15px;
  line-height: 25px;
  font-weight: 300;
  padding: 0 0 0 15px;
  margin: 0 0 7px;
  background: url(../images/bg-bullet.png) no-repeat 0 9px;
}
.vacancy-popup .buttons .button {
  padding: 7px 16px;
  margin: 0 10px 0 0;
  font-size: 14px;
}
.vacancy-popup .buttons .button.gray {
  background: #e5e5e4;
  color: #848484;
  border-color: #cececd;
}
.article-container .product-popup {
  margin: 0 0 50px;
}
.article-container .product-popup:after {
  content: "";
  clear: both;
  display: block;
}
.product-tabs {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.product-tabs-list {
  width: 100%;
  overflow: hidden;
}
.product-tabs-list li {
  float: left;
  margin: 0 7px 0 0;
  font-size: 17px;
  font-weight: 300;
  letter-spacing: 1.53px;
}
.product-tabs-list li a {
  padding: 15px;
  float: left;
  border: 1px solid #efefef;
  background: #fff;
  position: relative;
  z-index: 2;
  color: #484848;
}
.product-tabs-list li a.active,
.product-tabs-list li a:hover {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #28a1d8;
  text-decoration: none;
}
.product-tabs .list-holder {
  border: 1px solid #efefef;
  padding: 40px;
  overflow: hidden;
  margin: -1px 0 0;
}
.tab-cols {
  width: 100%;
  overflow: hidden;
}
.tab-cols .left {
  float: left;
  width: 420px;
}
.tab-cols .right {
  float: right;
  width: 455px;
}
.tab-box {
  width: 100%;
  overflow: hidden;
  margin: 0 0 20px;
}
.tab-box .box-title {
  margin: 0 0 18px;
  color: #575656;
  font-size: 17px;
  line-height: 31px;
  padding: 0 0 0 45px;
  letter-spacing: 1.53px;
}
#features .tab-box .box-title {
  padding: 0;
}
.tab-box .box-title.icon1 {
  background: url(../images/ico-details-1.png) no-repeat 0 50%;
}
.tab-box .box-title.icon2 {
  background: url(../images/ico-details-2.png) no-repeat 0 50%;
}
.tab-box .box-title.icon3 {
  background: url(../images/ico-details-3.png) no-repeat 0 50%;
}
.tab-box .box-title.icon4 {
  background: url(../images/ico-details-4.png) no-repeat 0 50%;
}
.tab-box .box-title.icon5 {
  background: url(../images/ico-details-5.png) no-repeat 0 50%;
}
.tab-box .box-title.icon6 {
  background: url(../images/ico-details-6.png) no-repeat 0 50%;
}
.tab-box .box-title.icon7 {
  background: url(../images/ico-details-7.png) no-repeat 0 50%;
}
.tab-details {
  width: 100%;
  overflow: hidden;
}
.tab-details li {
  width: 100%;
  overflow: hidden;
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 1.36px;
  font-weight: 300;
}
.tab-details li .label {
  float: left;
  width: 259px;
  margin: 0 5px 0 0;
  color: #1d1d1b;
  background: url(../images/bg-dash5.png) repeat-x 0 16px;
}
.tab-details li .label span {
  background: #fff;
  float: left;
  padding: 0 5px 0 0;
}
.tab-details li .value {
  float: left;
  width: 155px;
  color: #696969;
}
.tab-text {
  color: #696969;
  font-size: 15px;
  line-height: 23px;
  font-weight: 300;
  letter-spacing: 1.35px;
}
.tab-text p {
  margin: 0 0 15px;
}
.tab-text .link-details,
.desc-article .link-details {
  color: #28a1d8;
  font-size: 13px;
  border-bottom: 1px dashed #28a1d8;
}
.tab-text .link-details:hover,
.desc-article .link-details:hover {
  border: 0;
  text-decoration: none;
}
.tab-video {
  width: 444px;
  height: 271px;
  position: relative;
  overflow: hidden;
}
.similars {
  position: relative;
}
.similars .items-include .mask {
  width: 908px;
  height: 444px;
}
.similars .tab-items .product-item {
  width: 203px;
}
.similars .tab-items .product-item .holder {
  width: auto;
}
.items-include .btn-next {
  right: 9px;
}
.desc-article {
  width: 100%;
  overflow: hidden;
}
.desc-gallery {
  float: right;
  width: 457px;
  margin: 0 0 0 30px;
}
.desc-gallery {
  width: 457px;
  height: 370px;
  position: relative;
  overflow: hidden;
}
.desc-gallery ul {
  width: 99999px;
  overflow: hidden;
}
.desc-gallery li {
  width: 457px;
  height: 370px;
  float: left;
  position: relative;
}
.desc-gallery li .slide-text {
  position: absolute;
  opacity: 0;
  width: 100%;
  color: #fff;
  font: bold 24px/38px Arial, Helvetica, sans-serif;
  bottom: 17px;
  left: 0;
  text-align: center;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.desc-gallery li:hover .slide-text {
  opacity: 1;
}
.desc-gallery .link-prev,
.desc-gallery .link-next {
  position: absolute;
  top: 155px;
  width: 55px;
  height: 55px;
  overflow: hidden;
  text-indent: -9999px;
  z-index: 99;
  opacity: 0;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.desc-gallery:hover .link-prev,
.desc-gallery:hover .link-next {
  opacity: 1;
}
.desc-gallery .link-prev {
  left: 0;
  background: url(../images/bg-visual-arrows.png) no-repeat;
}
.desc-gallery .link-next {
  right: 0;
  background: url(../images/bg-visual-arrows.png) no-repeat 0 100%;
}
.desc-cells {
  width: 100%;
  overflow: hidden;
  margin: 0 0 35px;
}
.desc-article {
  color: #696969;
  font-size: 15px;
  line-height: 25px;
  font-weight: 300;
  letter-spacing: 1.35px;
}
.desc-article h2 {
  color: #575656;
  font-size: 20px;
  margin: 0 0 18px;
}
.desc-article p {
  margin: 0 0 18px;
}
.comments-board {
  width: 100%;
}
.comments-board .item {
  margin: 0 -9999px 30px;
  padding: 0 9999px 30px;
  background: url(../images/bg-dash4.png) repeat-x 0 100%;
}
.comments-board .item .header {
  width: 100%;
  overflow: hidden;
  margin: 0 0 30px;
}
.comments-board .header .author {
  float: left;
  width: 600px;
}
.comments-board .header .avatar {
  float: left;
  width: 57px;
  margin: 0 15px 0 0;
}
.comments-board .header .avatar img {
  vertical-align: top;
}
.comments-board .header .name {
  margin: 0 0 7px;
  color: #484848;
  font-size: 21px;
  line-height: 25px;
}
.comments-board .header .name a {
  color: #484848;
}
.comments-board .header .date {
  color: #8c8887;
  font-size: 18px;
  display: block;
  font-style: normal;
  font-weight: 300;
}
.comments-board .header .votes {
  float: right;
  margin: 15px 0 0;
}
.comments-board .header .vote {
  float: left;
  margin: 0 0 0 30px;
  padding: 0 0 0 25px;
  width: 26px;
  text-align: center;
  color: #5a5a5a;
  font-size: 17px;
  line-height: 24px;
  font-weight: 300;
}
.comments-board .header .vote:hover {
  text-decoration: none;
}
.comments-board .header .vote.plus {
  background: url(../images/ico-thumb-up.png) no-repeat;
}
.comments-board .header .vote.minus {
  background: url(../images/ico-thumb-down.png) no-repeat;
}
.comments-board .advantages {
  width: 100%;
  overflow: hidden;
  margin: 0 0 5px;
  color: #6e6e6d;
  font-size: 15px;
  line-height: 22px;
  font-weight: 300;
}
.comments-board .advantages .row {
  overflow: hidden;
  margin: 0 0 20px;
  padding: 0 0 0 27px;
}
.comments-board .advantages .row.plus {
  background: url(../images/ico-pluses.png) no-repeat 0 4px;
}
.comments-board .advantages .row.minus {
  background: url(../images/ico-minuses.png) no-repeat 0 4px;
}
.comments-board .advantages h3 {
  font-size: 17px;
  color: #575656;
  margin: 0 0 8px;
  font-weight: 400;
}
.comments-board .comment-text {
  color: #6e6e6d;
  font-size: 15px;
  line-height: 22px;
  font-weight: 300;
  margin: 0 0 20px;
}
.comments-board .comment-mark {
  width: 100%;
  overflow: hidden;
  color: #575656;
  font-size: 16px;
  line-height: 22px;
}
.comments-board .comment-mark strong {
  float: left;
  margin: 0 13px 0 0;
  font-weight: 400;
}
.comments-board .comment-mark .stars {
  margin: 6px 0 0;
}
.comments-board .link-comment {
  display: inline-block;
  margin: 0 0 0 15px;
  color: #5a5a5a;
  font-weight: 300;
  padding: 0 0 0 25px;
  background: url(../images/ico-comment.png) no-repeat 0 50%;
}
.comments-board .item.sub {
  margin: 0 0 30px;
  padding: 28px 0 30px 80px;
  background: url(../images/bg-dash-answer.png) no-repeat;
}
.comments-board .add-review {
  width: 100%;
  overflow: hidden;
  padding: 30px 9999px 0;
  margin: 30px -9999px 0;
  background: url(../images/bg-dash4.png) repeat-x;
}
.comments-board .add-review h2 {
  color: #575656;
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 22px;
}
.comments-board .add-review .row {
  width: 100%;
  overflow: hidden;
}
.comments-board .add-review .row .left {
  float: left;
  width: 348px;
}
.comments-board .add-review .text {
  float: left;
  color: #a3a2a2;
  font-size: 16px;
  line-height: 19px;
  font-weight: 300;
  padding: 8px;
  border: 1px solid #efefef;
  margin: 0 0 25px;
  width: 330px;
}
.comments-board .captcha-cell {
  width: 100%;
  overflow: hidden;
  margin: 0 0 25px;
}
.comments-board .captcha-cell img {
  float: left;
  border: 1px solid #000;
  margin: 0 10px 0 0;
}
.comments-board .captcha-cell .text {
  width: 154px;
  margin: 0;
}
.comments-board .mark-box {
  width: 100%;
  overflow: hidden;
  color: #a3a2a2;
  font-size: 17px;
  line-height: 22px;
}
.comments-board .mark-box strong {
  float: left;
  font-weight: 300;
  margin: 0 15px 0 0;
}
.comments-board .mark-box .stars {
  margin: 6px 0 0;
}
.comments-board .add-review .row .right {
  float: right;
  width: 538px;
}
.comments-board .add-review .right textarea,
.comments-board .add-review .new-comment textarea {
  float: left;
  color: #a3a2a2;
  font-size: 16px;
  line-height: 19px;
  font-weight: 300;
  padding: 8px;
  border: 1px solid #efefef;
  margin: 0 0 25px;
  width: 519px !important;
  height: 81px !important;
}
.comments-board .add-review .new-comment {
  margin: 0 0 25px;
  overflow: hidden;
  width: 100%;
}
.comments-board .add-review .new-comment textarea {
  margin: 0;
  width: 890px !important;
}
.comments-board .avatar-block {
  width: 100%;
  overflow: hidden;
  font-weight: 300;
  color: #a3a2a2;
  font-size: 17px;
  line-height: 22px;
}
.comments-board .avatar-block .row {
  margin: 0 0 10px;
}
.comments-board .avatar-block p {
  float: left;
  margin: 0 12px 0 0;
}
.comments-board .type-file {
  float: left;
  width: 73px;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.comments-board .type-file em {
  font-style: normal;
  color: #28a1d8;
  font-size: 13px;
  line-height: 22px;
  float: left;
}
.comments-board .type-file em span {
  display: inline-block;
  border-bottom: 1px dashed #28a1d8;
}
.comments-board .type-file input {
  opacity: 0;
  width: 73px;
  margin: 0 -73px 0 0;
  cursor: pointer;
  float: left;
}
.comments-board .avatars {
  width: 100%;
  overflow: hidden;
  margin: 0 0 20px;
}
.comments-board .avatars li.current {
  border: 2px dashed blue;
}
.comments-board .avatars li:first-child {
  margin: 0;
}
.comments-board .avatars li {
  margin: 0 0 0 18px;
  float: left;
}
.comments-board .button {
  font-size: 14px;
  padding: 7px 17px;
}
.some-holder {
  position: relative;
  overflow: hidden;
}
.some-holder .comments-board .add-review {
  background: none;
}
.some-holder .comments-board .add-review .row .right {
  width: 620px;
}
.some-holder .comments-board .add-review .right textarea {
  width: 600px !important;
  height: 143px !important;
}
.some-holder .comments-board .add-review .new-comment textarea {
  width: 970px !important;
}
.reviews-list {
  width: 1030px;
  overflow: hidden;
  margin: 0 0 0 -28px;
}
.reviews-list .item {
  display: inline-block;
  vertical-align: top;
  width: 480px;
  margin: 0 0 40px 28px;
  padding: 0 0 15px;
  background: url(../images/bg-dash4.png) repeat-x 0 100%;
}
.reviews-list .item .header {
  width: 100%;
  overflow: hidden;
  margin: 0 0 25px;
}
.reviews-list .item .header .avatar {
  float: left;
  margin: 0 17px 0 0;
}
.reviews-list .item .header .name {
  margin: 0 0 7px;
  color: #484848;
  font-size: 21px;
  line-height: 25px;
}
.reviews-list .item .name a {
  color: #484848;
}
.reviews-list .item .date {
  color: #8c8887;
  font-size: 18px;
  display: block;
  font-style: normal;
  font-weight: 300;
}
.reviews-list .item .text-holder {
  color: #5a5a5a;
  font-size: 15px;
  line-height: 22px;
  font-weight: 300;
  margin: 0 0 15px;
}
.reviews-list .item .summary {
  width: 100%;
  overflow: hidden;
  color: #5a5a5a;
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  margin: 0 0 5px;
}
.reviews-list .item .summary .stars {
  float: left;
  margin: 4px 20px 0 0;
}
.home-cat {
  background: #fafafa;
  padding: 32px 0;
}
.home-cat h2 {
  color: #575757;
  font-size: 20px;
  line-height: 35px;
  font-weight: 400;
  padding: 0 0 0 38px;
  float: left;
  margin: 0 22px 0 0;
}
.home-cat h2 span {
  color: #777;
  font-size: 19px;
  line-height: 35px;
  font-weight: 300;
  display: inline-block;
  vertical-align: top;
}
.home-cat .button {
  padding: 8px 17px;
}
.home-cat h2.ico-phone {
  background: url(../images/ico-prod-1.png) no-repeat 0 50%;
}
.home-cat h2.ico-acc {
  background: url(../images/ico-details-5.png) no-repeat 0 50%;
}
.home-cat h2.ico-photo {
  background: url(../images/ico-details-4.png) no-repeat 0 50%;
}
.home-cat .home-cat-img {
  display: block;
  float: left;
}
.root-catalog #main > .container {
  width: 100%;
}
.root-catalog .page-main {
  padding: 0!important;
}
.root-carousel {
  background: #fff;
  padding: 40px 0;
  margin-bottom: -40px;
}
.root-carousel:last-child {
  margin-bottom: 0;
}
.add-popup .title-holder {
  text-align: center;
  margin: 0 0 25px;
}
.add-popup .title-holder h2 {
  color: #575656;
  font-size: 25px;
  line-height: 35px;
}
.add-popup .info-box {
  overflow: visible;
}
.add-popup .info-box:after {
  content: "";
  display: block;
  clear: both;
}
.add-popup .price-box {
  text-align: center;
}
.add-popup .price-box .price-item {
  display: inline-block;
  float: none;
}
.add-popup .price-box .link-delete {
  display: inline-block;
  float: none;
  vertical-align: top;
}
.add-popup .price-box .number {
  display: inline-block;
  float: none;
  margin: 0;
  vertical-align: top;
}
.add-popup .selects {
  border: 0;
  padding: 0;
  text-align: center;
}
.add-popup .buttons {
  text-align: center;
  margin: 0;
}
.add-popup .buttons .btn-cart {
  float: none;
  display: inline-block;
}
.add-popup .jq-selectbox__dropdown {
  text-align: left;
}
.history-table {
  overflow: hidden;
  margin: 0 0 40px;
}
.history-table .row {
  overflow: hidden;
}
.history-table .row.head .cell {
  background: #f8f7f7;
}
.history-table .row:first-child .cell {
  margin: 0 -1px 0 0;
}
.history-table .cell {
  font-weight: 300;
  display: table-cell;
  padding: 20px 25px;
  border: 1px solid #f4f4f4;
  margin: -1px -1px 0 0;
  font-size: 18px;
  line-height: 22px;
  color: #484848;
}
.history-table .cell em {
  font-style: normal;
  color: #878787;
}
.history-table .cell strong {
  font-weight: 400;
}
.history-table .cell .green {
  color: #6ab650;
}
.history-table .cell .red {
  color: #28a1d8;
}
.history-table .cell a {
  color: #999;
}
.history-table .cell-1 {
  width: 85px;
}
.history-table .cell-2 {
  width: 185px;
}
.history-table .cell-3 {
  width: 170px;
}
.history-table .cell-4 {
  width: 336px;
}
.history-table .btn-expand {
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  width: 15px;
  height: 22px;
  outline: none;
  background: url(../images/bg-table-expand-left.png) no-repeat 100% 50%;
}
.history-table .opened .btn-expand {
  background: url(../images/bg-table-expand-down.png) no-repeat 100% 50%;
}
.history-table .expander {
  display: none;
  width: 946px;
  overflow: hidden;
  padding: 18px;
  border: 1px solid #f4f4f4;
  border-top: 0;
}
.history-table .exp-table {
  width: 100%;
  border-collapse: collapse;
}
.history-table .exp-table img {
  float: left;
  margin: 0 15px 0 0;
}
.history-table .exp-table tr:first-child td {
  border: 0;
}
.history-table .exp-table td {
  line-height: 36px;
  font-size: 15px;
  padding: 15px 0;
  border-top: 1px dashed #e2e1e2;
  text-align: center;
}
.history-table .exp-table td.a-left {
  text-align: left;
}
.history-table .exp-table a {
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 300;
}
.history-table .exp-table td em {
  color: #afafaf;
  font-size: 13px;
  line-height: 36px;
  font-style: normal;
}
.history-table .exp-table td .price {
  color: #28a1d8;
  font-size: 19px;
  line-height: 36px;
  font-weight: 400;
}
.history-table .exp-table td .price sup {
  font-weight: 300;
  font-size: 10px;
}
.history-table .cell .pay-now {
  display: inline-block;
  color: #28a1d8;
  margin: 0 0 0 15px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px dotted #28a1d8;
  text-decoration: none;
}
.history-table .cell .pay-now:hover {
  text-decoration: none;
  border: 0;
  padding: 0 0 1px;
}
.feed-form {
  width: 100%;
  overflow: hidden;
  margin: 0 0 30px;
}
.feed-form .l-col {
  float: left;
  width: 350px;
  margin: 0 34px 0 0;
}
.feed-form .r-col {
  float: left;
  width: 590px;
}
.feed-form .buttons {
  clear: both;
  padding: 30px 0 0;
}
.feed-form .text:first-child {
  margin: 0;
}
.feed-form .text {
  margin: 18px 0 0;
  color: #a3a2a2;
  font-size: 17px;
  padding: 8px 12px;
  font-weight: 300;
  width: 322px;
  float: left;
  border: 1px solid #dcdcda;
}
.feed-form textarea {
  color: #a3a2a2;
  font-size: 17px;
  padding: 8px 12px;
  font-weight: 300;
  width: 572px !important;
  height: 130px;
  float: left;
  border: 1px solid #dcdcda;
}
.feed-form .button {
  padding: 7px 13px;
  font-size: 14px;
}
.side-search {
  border: 1px solid #d1d1d1;
  padding: 10px;
  position: relative;
  overflow: hidden;
  margin: 0 0 40px!important;
}
.side-search .text {
  float: left;
  border: 0;
  outline: none;
  background: none;
  padding: 2px;
  color: #929293;
  font-size: 13px;
  width: 150px;
}
.side-search .submit {
  float: right;
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  text-indent: -9999px;
  width: 18px;
  height: 18px;
  background: url(../images/ico-search.png) no-repeat;
}
.day-action {
  width: 100%;
  overflow: hidden;
  margin: 0 0 25px;
}
.day-action .day-title {
  overflow: hidden;
  height: 96px;
  width: 988px;
  margin: 0 0 35px;
  background: url(../images/Update_action.png) no-repeat;
}
.day-action .day-title h2 {
  float: left;
  color: #fff;
  font-size: 26px;
  line-height: 32px;
  font-weight: 300;
  margin: 30px 0 0 30px;
}
.day-action .day-title span {
  float: right;
  margin: 30px 30px 0 0;
  color: #fff;
  font-size: 15px;
  line-height: 32px;
}
.day-action .text {
  width: 100%;
  overflow: hidden;
  font-weight: 300;
  color: #5a5a5a;
  font-size: 15px;
  line-height: 23px;
}
.day-action .text p {
  margin: 0 0 14px;
}
.another-actions {
  color: #575656;
  font-size: 20px;
  line-height: 26px;
  margin: 0 0 40px;
}
.aside-timer {
  width: 100%;
  overflow: hidden;
}
.aside-timer .clock {
  width: 100%;
  overflow: hidden;
}
.aside-timer .digit:first-child {
  margin: 0;
}
.aside-timer .digit {
  float: left;
  width: 60px;
  margin: 0 0 0 15px;
  text-align: center;
  border: 1px solid #f0f0f0;
}
.aside-timer .digit strong {
  display: block;
  border-bottom: 1px solid #f0f0f0;
  padding: 15px 3px;
  font-size: 23px;
  color: #a3a2a2;
  font-weight: 400;
}
.aside-timer .digit span {
  background: #fafafa;
  color: #909091;
  font-size: 11px;
  line-height: 13px;
  font-weight: 300;
  padding: 3px 0;
  display: block;
}
.dayproducts {
  margin: -23px 0 50px -18px;
}
.dayproducts .product-item.day-item .holder {
  border-color: #f6f6f6;
}
.dayproducts .product-item.day-item:hover .holder {
  border-color: #28a1d8;
}
.success-order {
  width: 940px;
  margin: 80px auto;
  overflow: hidden;
  min-height: 200px;
  background: url(../images/img-happyguy.jpg) no-repeat 0 50%;
}
.success-message {
  overflow: hidden;
  padding: 0 0 0 220px;
  font-size: 16px;
  line-height: 25px;
  color: #5a5a5a;
  font-weight: 300;
}
.success-message .holder {
  position: relative;
  border: 2px solid #f8f8f8;
  border-radius: 40px;
  padding: 40px;
}
.success-message .holder:after {
  content: "";
  display: block;
  clear: both;
}
.success-message .corner {
  position: absolute;
  left: -18px;
  top: 50%;
  width: 18px;
  height: 22px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/bg-corner.png) no-repeat;
}
.success-message h2 {
  font-size: 25px;
  line-height: 30px;
  color: #575656;
  margin: 0 0 15px;
  font-weight: 400;
}
.success-message h3 {
  font-size: 20px;
  line-height: 25px;
  color: #8b8c8c;
  font-weight: 300;
  margin: 0 0 18px;
}
.success-message p {
  margin: 0 0 18px;
}
.success-message .wallet {
  overflow: hidden;
}
.success-message .wallet .img {
  width: 50px;
  float: left;
  margin: 0 16px 0 0;
}
.success-message .wallet .img .a-middle {
  height: 82px;
  width: 50px;
  text-align: left;
  display: table-cell;
  vertical-align: top;
}
.success-message h4 {
  margin: 0 0 7px;
  color: #2d2d2d;
  font-size: 17px;
  font-weight: 400;
}
.success-message .wallet p {
  margin: 0;
}
.success-message a {
  border-bottom: 1px dashed #28a1d8;
  text-decoration: none;
}
.success-message a:hover {
  text-decoration: none;
  border: 0;
}
.callback-popup {
  position: absolute;
  z-index: 9999;
  text-align: center;
  color: #7f7f7f;
  font-size: 15px;
  line-height: 22px;
  font-weight: 300;
}
.callback-popup .holder {
  width: 400px;
  padding-bottom: 60px;
}
.callback-popup .image {
  display: inline-block;
  vertical-align: top;
  margin: 15px 0 40px;
}
.callback-popup h2 {
  color: #575656;
  font-size: 30px;
  line-height: 36px;
  font-weight: 400;
  margin: 0 0 20px;
}
.callback-popup h3 {
  color: #7f7f7f;
  font-size: 19px;
  line-height: 23px;
  font-weight: 300;
  margin: 0 0 25px;
}
.callback-popup p a {
  border-bottom: 1px dashed #28a1d8;
  text-decoration: none;
}
.callback-popup p a:hover {
  text-decoration: none;
  border: 0;
}
.rest-popup {
  position: absolute;
  z-index: 9999;
  color: #7f7f7f;
  font-size: 15px;
  line-height: 22px;
  font-weight: 300;
}
.rest-popup .holder {
  width: 600px;
}
.rest-popup h2 {
  color: #575656;
  font-weight: 400;
  font-size: 25px;
}
.rest-popup .title {
  font-size: 13px;
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px dotted #d8d7d7;
}
.rest-popup .title p {
  margin: 10px 0 0;
}
.rest-popup .links {
  width: 100%;
  overflow: hidden;
}
.rest-popup .link:first-child {
  margin: 0;
}
.rest-popup .link {
  border: 1px solid #efefef;
  float: left;
  width: 168px;
  height: 168px;
  margin: 0 0 0 45px;
}
.rest-popup .link a {
  width: 168px;
  height: 168px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.rest-popup .link a:hover {
  text-decoration: none;
}
.rest-popup .link em {
  display: table-cell;
  height: 60px;
  width: 168px;
  vertical-align: middle;
  text-align: center;
}
.rest-popup .link span {
  display: block;
  color: #5a5a5a;
  font-size: 13px;
  line-height: 20px;
  margin: 20px 0 0;
}
.contacts-holder {
  float: left;
  width: 986px;
}
.contacts-holder .col-form {
  float: left;
  width: 480px;
}
.contacts-holder .col-info {
  float: right;
  width: 470px;
}
.contacts-holder h2 {
  color: #575656;
  font-size: 20px;
  line-height: 25px;
  margin: 0 0 30px;
  font-weight: 400;
}
.contact-form {
  width: 100%;
  overflow: hidden;
}
.contact-form .row {
  width: 100%;
  overflow: hidden;
  margin: 0 0 18px;
}
.contact-form .row .cell:first-child {
  margin: 0;
}
.contact-form .row .cell {
  float: left;
  width: 230px;
  margin: 0 0 0 20px;
}
.contact-form .row .text {
  color: #a3a2a2;
  font-size: 17px;
  line-height: 22px;
  padding: 8px 15px;
  float: left;
  border: 1px solid #efefef;
  font-weight: 300;
  width: 448px;
}
.contact-form .row .cell .text {
  width: 198px;
}
.contact-form .captcha-cell {
  width: 100%;
  overflow: hidden;
}
.contact-form .captcha-cell img {
  float: left;
  border: 1px solid #000;
  margin: 0 10px 0 0;
}
.contact-form .captcha-cell .text {
  width: 256px;
  margin: 0;
}
.contact-form textarea {
  color: #a3a2a2;
  font-size: 17px;
  line-height: 22px;
  padding: 8px 15px;
  float: left;
  border: 1px solid #efefef;
  font-weight: 300;
  width: 448px;
  height: 168px;
}
.contact-form .button {
  padding: 7px 16px;
  font-size: 14px;
}
.contact-boxes {
  width: 106%;
  overflow: hidden;
  margin: -23px 0 0 -23px;
}
.contact-boxes .box {
  display: inline-block;
  vertical-align: top;
  width: 220px;
  height: 192px;
  border: 1px solid #f8f8f8;
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
  color: #5a5a5a;
  margin: 23px 0 0 23px;
}
.contact-boxes .box .holder {
  width: 220px;
  height: 192px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.contact-boxes .box .holder em {
  display: block;
  margin: 0 0 22px;
}
.contact-boxes .box .icomoon {
  font-size: 68px;
  line-height: 29px;
  color: #7c7a7a;
}
.contact-boxes .box .icomoon.color {
  color: #28a1d8;
}
.contact-boxes .text strong {
  display: block;
  margin: 0 0 3px;
  font-weight: 400;
  font-size: 15px;
}
.contact-boxes .box a {
  border-bottom: 1px dashed #28a1d8;
  text-decoration: none;
}
.contact-boxes .box a:hover {
  text-decoration: none;
  border: 0;
}
.fly-message {
  background: rgba(255, 255, 255, 0.98);
  padding: 25px 0;
  line-height: 40px;
  font-size: 19px;
  font-weight: 300;
  color: #525151;
  position: fixed;
  left: 0;
  top: 69px;
  z-index: 99;
  width: 100%;
  text-align: center;
  display: none;
}
.fly-message p {
  display: inline-block;
  padding: 0 0 0 55px;
}
.fly-message.cart p {
  background: url(../images/ico-message-cart.png) no-repeat 0 47%;
}
.fly-message.wishlist p {
  background: url(../images/ico-message-wish.png) no-repeat 0 50%;
}
.order-container {
  float: left;
  width: 990px;
}
.order-container .step:first-child {
  padding: 0 0 0 144px;
}
.order-container .step {
  padding: 50px 0 0 144px;
  background: url(../images/bg-step-border.png) repeat-y 50px 0;
}
.order-container .step:after {
  content: "";
  display: block;
  clear: both;
}
.order-container .step .title {
  margin: 0 0 0 -144px;
  overflow: hidden;
}
.order-container .step-label {
  float: left;
  background: url(../images/bg-step.png) no-repeat;
  width: 109px;
  height: 102px;
  margin: 0 36px 0 0;
}
.order-container .account-type {
  width: 100%;
  overflow: hidden;
}
.account-type .jq-radio {
  float: left;
  margin: 0 11px 0 0;
}
.account-type label {
  float: left;
  font: 16px/17px Ubuntu, Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #8d8d8e;
  cursor: pointer;
}
.jq-radio.checked + label {
  color: #424240;
}
.order-container .label-holder {
  width: 99px;
  height: 102px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  color: #909091;
  font-size: 16px;
  font-weight: 300;
}
.order-container .label-holder strong {
  display: inline-block;
  color: #777;
  font-size: 40px;
  line-height: 44px;
  font-weight: 400;
  margin: 0 0 2px;
}
.order-container .title h2 {
  margin: 34px 0 0;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: #575656;
}
.order-container .holder:after,
.order-container .holder .row:after {
  content: "";
  display: block;
  clear: both;
}
.order-container .holder .row:first-child {
  margin: 0;
}
.order-container .holder .row {
  margin: 20px 0 0;
}
.order-container .row .cell:first-child {
  margin: 0;
}
.order-container .row .cell {
  float: left;
  margin: 0 0 0 20px;
}
.order-container .row .cell-1 {
  float: none;
  margin: 0;
  width: 100%;
}
.order-container .row .cell-2 {
  width: 413px;
}
.order-container .row .cell-3 {
  width: 268px;
}
.order-container .row .text,
.order-container .row textarea {
  color: #a3a2a2;
  font-size: 17px;
  line-height: 22px;
  padding: 8px 15px;
  float: left;
  border: 1px solid #efefef;
  font-weight: 300;
  width: 318px;
}
.order-container .row .cell-1 .text,
.order-container .row .cell-1 textarea {
  width: 812px;
}
.order-container .row .cell-2 .text,
.order-container .row .cell-2 textarea {
  width: 379px;
}
.order-container .row .cell-3 .text,
.order-container .row .cell-3 textarea {
  width: 236px;
}
.order-container ::-webkit-input-placeholder {
  color: #a3a2a2;
}
.order-container :-moz-placeholder {
  color: #a3a2a2;
  opacity: 1;
}
.order-container ::-moz-placeholder {
  color: #a3a2a2;
  opacity: 1;
}
.order-container .row .jq-selectbox__select {
  width: 226px !important;
  font: 300 17px/40px Ubuntu, Arial, Helvetica, sans-serif;
}
.order-container .row .cell-1 .jq-selectbox__select {
  width: 802px !important;
}
.pay-method {
  padding: 0 0 30px;
  margin: 0 0 0 -27px;
}
.pay-method:after {
  clear: both;
  content: "";
  display: block;
}
.pay-method .item {
  text-align: center;
  float: left;
  width: 145px;
  height: 145px;
  border: 1px solid #f3f2f2;
  outline: none;
  position: relative;
  margin: 0 0 20px 27px;
}
.pay-method .item strong {
  width: 145px;
  height: 145px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
.pay-method .item img {
  opacity: 0.5;
}
.pay-method .item.active {
  border-color: #dedede;
}
.pay-method .item.active img {
  opacity: 1;
}
.pay-method .item:hover .tooltip {
  visibility: visible;
}
.pay-method .item .tooltip {
  display: inline-block;
  padding: 8px 0 0;
  margin: 20px 0 0;
  color: #7c7c7c;
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
  font-style: normal;
  text-align: center;
  border: 1px solid #f3f2f2;
  padding: 5px 10px 5px;
  visibility: hidden;
  background: #fff;
}
.pay-method .item .tooltip span {
  width: 19px;
  height: 9px;
  margin: -14px auto 0;
  padding: 3px 0 0;
  background: url(../images/bg-corner-up.png) no-repeat 50% 0;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
.delivery-method {
  width: 862px;
  overflow: hidden;
  margin: -17px 0 0 -17px;
}
.delivery-method .item {
  display: inline-block;
  width: 410px;
  height: 116px;
  border: 1px solid #f0f0f0;
  margin: 17px 0 0 17px;
  opacity: 0.5;
  transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.delivery-method .item:hover {
  opacity: 1;
}
.delivery-method .item.active {
  border: 1px solid #ed6d54;
  opacity: 1;
}
.delivery-method .item a {
  display: block;
  padding: 13px 30px;
  outline: none;
}
.delivery-method .item a:hover {
  text-decoration: none;
}
.delivery-method .item .frame {
  width: 280px;
  height: 56px;
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 90px;
}
.delivery-method .item .image {
  float: left;
  width: 65px;
  text-align: center;
  margin: 0 20px 0 0;
}
.delivery-method .item .text {
  display: block;
  overflow: hidden;
  font-weight: 300;
  color: #a3a2a2;
  font-size: 15px;
}
.delivery-method .item strong {
  display: block;
  color: #6c6c6c;
  font-size: 20px;
  line-height: 24px;
  margin: 0 0 5px;
  font-weight: 300;
}
.delivery-method .item em {
  font-style: normal;
}
.method-1 .frame {
  background: url(../images/bg-delivery1.png) no-repeat 20px 50%;
}
.method-2 .frame {
  background: url(../images/bg-delivery2.png) no-repeat 5px 50%;
}
.method-3 .frame {
  background: url(../images/bg-delivery3.png) no-repeat 7px 50%;
}
.method-4 .frame {
  background: url(../images/bg-delivery4.png) no-repeat 4px 50%;
}
.method-5 .frame {
  background: url(../images/bg-delivery5.png) no-repeat 10px 50%;
}
.method-6 .frame {
  background: url(../images/bg-delivery6.png) no-repeat 0px 50%;
}
.order-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 20px;
}
.order-table td,
.order-table th {
  padding: 20px 25px;
  font-weight: 300;
  font-size: 17px;
  line-height: 22px;
  text-align: left;
  color: #484848;
  border: 1px dotted #efeff0;
  vertical-align: middle;
}
.order-table th {
  padding: 25px;
  background: #28a1d8;
  color: #fff;
}
.order-table td a {
  color: #484848;
}
.order-table .image {
  float: left;
  margin: 0 20px 0 0;
  width: 30px;
  text-align: center;
}
.summary-table {
  border-collapse: collapse;
  width: 100%;
}
.summary-table tr {
  border: 1px dotted #efeff0;
}
.summary-table td {
  padding: 20px 25px;
  font-weight: 300;
  font-size: 17px;
  line-height: 22px;
  text-align: left;
  color: #484848;
  vertical-align: middle;
}
.summary-table td strong {
  font-weight: 400;
}
.order-summary {
  padding: 0 0 50px;
}
.order-container .buttons {
  margin: -22px 0 0 53px;
  text-align: center;
  background: url(../images/bg-button-border.png) repeat-x 0 50%;
}
.order-container .buttons .btn-cart {
  width: 160px;
  margin: 0 0 0 90px;
}
.toolbox {
  z-index: 9999 !important;
  position: fixed;
  right: 0;
  bottom: 5px;
  padding: 5px 0 1px 5px;
}
.toolbox.scroll-to-fixed-fixed {
  top: 74px !important;
}
.toolbox .holder {
  background: #28a1d8;
  overflow: hidden;
}
.toolbox .link {
  padding: 0 23px;
  border-right: 1px dotted #656774;
  float: left;
  line-height: 45px;
  font-size: 15px;
  font-weight: 300;
  color: #fff;
}
.toolbox .icomoon {
  color: #28a1d8;
  font-size: 20px;
  line-height: 45px;
  padding: 0 5px 0 0;
}
.toolbox .link em {
  color: #b6b6c1;
  font-style: normal;
  font-weight: 400;
}
.toolbox .link:hover {
  text-decoration: none;
  color: #28a1d8;
}
.toolbox .link:hover em {
  color: #888;
}
.toolbox a {
  outline: none;
}
.toolbox .link-up {
  display: none;
  width: 45px;
  height: 45px;
  overflow: hidden;
  text-indent: -9999px;
  float: left;
  border-right: 1px dotted #fff;
}
.toolbox .link-up span {
  display: block;
  background: url(../images/bg-up.png) no-repeat 50%;
  opacity: 1;
  height: 100%;
}
.toolbox .links {
  float: left;
}
.toolbox .btn-close {
  width: 30px;
  height: 45px;
  overflow: hidden;
  text-indent: -9999px;
  float: left;
  border-right: 1px dotted #fff;
  background: url(../images/ico-close.png) no-repeat 50%;
  opacity: 1;
}
.toolbox .btn-plus {
  display: none;
  width: 30px;
  height: 45px;
  overflow: hidden;
  text-indent: -9999px;
  float: left;
  border-left: 1px dotted #f7f6f7;
}
.toolbox .btn-plus span {
  display: block;
  height: 100%;
  background: url(../images/bg-plus.png) no-repeat 50%;
  opacity: 0.5;
}
.toolbox .btn-close:hover,
.toolbox .btn-plus:hover span,
.toolbox .link-up:hover span {
  opacity: 1;
}
.messages-block {
  width: 105%;
  margin: 0 0 30px;
}
.messages-block:after {
  content: "";
  display: block;
  clear: both;
}
.messages-block .message {
  border: 2px solid #f9f8f8;
  position: relative;
  overflow: hidden;
  margin: 0 0 20px;
  padding: 20px 20px 20px 110px;
}
.messages-block .item {
  width: 470px;
}
.messages-block .btn-close {
  color: #777;
  position: absolute;
  top: 7px;
  right: 7px;
  display: block;
  width: 12px;
  height: 12px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../images/ico-close2.png) no-repeat;
}
.messages-block .text {
  overflow: hidden;
  font-size: 14px;
  line-height: 18px;
}
.messages-block .text h2 {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 25px;
  font-weight: 400;
}
.messages-block .message-blue {
  border-color: #88d0e6;
  color: #88d0e6;
  background: url(../images/img-alert1.png) no-repeat 33px 50%;
}
.messages-block .message-blue .btn-close {
  background: url(../images/bg-close-blue.png) no-repeat;
}
.messages-block .message-red {
  border-color: #e85769;
  color: #e85769;
  background: url(../images/img-alert3.png) no-repeat 33px 50%;
}
.messages-block .message-red .btn-close {
  background: url(../images/bg-close-red.png) no-repeat;
}
.messages-block .message-yellow {
  border-color: #edd919;
  color: #edd919;
  background: url(../images/img-alert2.png) no-repeat 33px 50%;
}
.messages-block .message-yellow .btn-close {
  background: url(../images/bg-close-yellow.png) no-repeat;
}
.messages-block .message-green {
  border-color: #88bf4b;
  color: #88bf4b;
  background: url(../images/img-alert4.png) no-repeat 33px 50%;
}
.messages-block .message-green .btn-close {
  background: url(../images/bg-close-green.png) no-repeat;
}
.lists-block {
  width: 100%;
  overflow: hidden;
  margin: 0 0 30px;
}
.lists-block .list {
  margin: 0 0 20px;
  list-style: none;
  overflow: hidden;
  padding: 0;
}
.lists-block .list li {
  padding: 0 0 0 20px;
  font-size: 15px;
  margin: 0 0 10px;
  font-weight: 300;
  color: #1d1d1b;
}
.lists-block .bullet-1 li {
  background: url(../images/bg-article-bullet1.png) no-repeat 0 5px;
}
.lists-block .bullet-2 li {
  background: url(../images/bg-article-bullet2.png) no-repeat 0 5px;
}
.lists-block .bullet-3 li {
  background: url(../images/bg-article-bullet3.png) no-repeat 0 4px;
}
.lists-block .bullet-4 li {
  background: url(../images/bg-article-bullet4.png) no-repeat 0 5px;
}
.quotes-block {
  width: 100%;
  overflow: hidden;
  margin: 0 0 20px;
}
.quotes-block .quote {
  width: 100%;
  overflow: hidden;
  margin: 0 0 25px;
  background: #f9f8f8;
}
.quotes-block .quote .img {
  float: left;
  width: 100px;
  height: 100px;
}
.quotes-block .quote .text {
  overflow: hidden;
  padding: 0 30px;
  color: #5a5a5a;
  font-size: 16px;
  line-height: 24px;
}
.quotes-block .quote .text-holder {
  display: table-cell;
  vertical-align: middle;
  width: 830px;
  height: 100px;
}
.quotes-block .quote-1 .img {
  background: #eeeded url(../images/bg-quote-gray.png) no-repeat 50%;
}
.quotes-block .quote-2 {
  background: #fff;
}
.quotes-block .quote-2 .img {
  background: #28a1d8 url(../images/bg-quote-red.png) no-repeat 50%;
  border-radius: 5px;
}
.quotes-block .quote-3 .img {
  background: #28a1d8 url(../images/bg-quote-red.png) no-repeat 50%;
  border-radius: 5px;
}
.expand-block {
  margin: 0 0 20px;
}
.expand-block .history-table .cell-1 {
  width: 84px;
}
.expand-block .history-table .cell-2 {
  width: 165px;
}
.expand-block .history-table .cell-3 {
  width: 178px;
}
.expand-block .history-table .cell-4 {
  width: 358px;
}
.expand-block .history-table .cell-full {
  width: 938px;
  float: none;
}
.expand-block .history-table .expander {
  width: 952px;
}
.tabs-block {
  margin: 0 0 20px;
}
.tabs-block .menu-tabs-section .menu-tabs,
.tabs-block .menu-tabs-section .container {
  width: 100%;
  margin: 0;
}
.tabs-block .tab-article {
  color: #1d1d1b;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
.tabs-block .menu-tabs-section .tab-article {
  padding: 15px 0;
}
.tabs-block .tab-article h2 {
  font-size: 20px;
  font-weight: 500;
  color: #575656;
  margin: 0 0 15px;
}
.icons-block {
  margin: 0 0 40px;
}
.icons-block:after {
  content: "";
  display: block;
  clear: both;
}
.icons-block .icon {
  float: left;
  margin: 0 20px 0 0;
}
.icons-block .ico {
  overflow: hidden;
  float: left;
  text-indent: -9999px;
  width: 38px;
  height: 48px;
  margin: 0 3px 0 0;
}
.icons-block .pdf1 {
  background: url(../images/bg-file-icons.png) no-repeat -1px 0;
}
.icons-block .pdf2 {
  background: url(../images/bg-file-icons.png) no-repeat -60px 0;
}
.icons-block .pdf3 {
  background: url(../images/bg-file-icons.png) no-repeat -119px 0;
}
.icons-block .doc1 {
  background: url(../images/bg-file-icons.png) no-repeat -206px 0;
}
.icons-block .doc2 {
  background: url(../images/bg-file-icons.png) no-repeat -265px 0;
}
.icons-block .doc3 {
  background: url(../images/bg-file-icons.png) no-repeat -324px 0;
}
.icons-block .xls1 {
  background: url(../images/bg-file-icons.png) no-repeat -1px -89px;
}
.icons-block .xls2 {
  background: url(../images/bg-file-icons.png) no-repeat -60px -89px;
}
.icons-block .xls3 {
  background: url(../images/bg-file-icons.png) no-repeat -119px -89px;
}
.icons-block .zip1 {
  background: url(../images/bg-file-icons.png) no-repeat -204px -89px;
}
.icons-block .zip2 {
  background: url(../images/bg-file-icons.png) no-repeat -263px -89px;
}
.icons-block .zip3 {
  background: url(../images/bg-file-icons.png) no-repeat -322px -89px;
}
.charts-block {
  width: 100%;
  margin: 0 0 30px;
}
.charts-block:after {
  clear: both;
  display: block;
  content: "";
}
.charts-block .chart:first-child {
  margin: 0;
}
.charts-block .chart {
  float: left;
  margin: 0 0 0 30px;
}
.charts-block .chart .middle {
  width: 190px;
  height: 190px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.charts-block .chart .middle > .chart-item {
  display: inline-block;
}
.charts-block .chart-1 .chart-item {
  width: 190px;
  height: 190px;
  position: relative;
  border-radius: 190px;
  background-color: #f2f2f2;
}
.charts-block .chart-1 .pie-1 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 190px;
  height: 190px;
  border-radius: 190px;
  clip: rect(0px, 190px, 190px, 45px);
  transform: rotate(0deg);
}
.charts-block .chart-1 .pie-1 .pie-frame {
  background: #28a1d8;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 190px;
  height: 190px;
  border-radius: 190px;
  clip: rect(0px, 95px, 190px, 0px);
  transform: rotate(180deg);
}
.charts-block .chart-1 .pie-2 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 190px;
  height: 190px;
  border-radius: 190px;
  clip: rect(0px, 190px, 190px, 95px);
  transform: rotate(180deg);
}
.charts-block .chart-1 .pie-2 .pie-frame {
  background: #28a1d8;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 190px;
  height: 190px;
  border-radius: 190px;
  clip: rect(0px, 95px, 190px, 0px);
  transform: rotate(43.2deg);
}
.charts-block .chart-2 .chart-item,
.charts-block .chart-3 .chart-item {
  width: 140px;
  height: 140px;
  position: relative;
  border-radius: 140px;
  background: #f2f2f2;
}
.charts-block .chart-2 .pie-1,
.charts-block .chart-3 .pie-1 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 140px;
  height: 140px;
  border-radius: 140px;
  clip: rect(0px, 140px, 140px, 20px);
  transform: rotate(0deg);
}
.charts-block .chart-2 .pie-1 .pie-frame,
.charts-block .chart-3 .pie-1 .pie-frame {
  background: #28a1d8;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 140px;
  height: 140px;
  border-radius: 140px;
  clip: rect(0px, 70px, 140px, 0px);
  transform: rotate(180deg);
}
.charts-block .chart-2 .pie-2,
.charts-block .chart-3 .pie-2 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 140px;
  height: 140px;
  border-radius: 140px;
  clip: rect(0px, 140px, 140px, 70px);
  transform: rotate(180deg);
}
.charts-block .chart-2 .pie-2 .pie-frame,
.charts-block .chart-3 .pie-2 .pie-frame {
  background: #28a1d8;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 140px;
  height: 140px;
  border-radius: 140px;
  clip: rect(0px, 70px, 140px, 0px);
  transform: rotate(54deg);
}
.charts-block .chart-3 .pie-1 .pie-frame,
.charts-block .chart-3 .pie-2 .pie-frame {
  background: #d0d0d0;
}
.charts-block .chart-4 .chart-item {
  width: 90px;
  height: 90px;
  position: relative;
  border-radius: 90px;
  background-color: #f2f2f2;
}
.charts-block .chart-4 .pie-1 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 90px;
  height: 90px;
  border-radius: 90px;
  clip: rect(0px, 90px, 90px, -5px);
  transform: rotate(0deg);
}
.charts-block .chart-4 .pie-1 .pie-frame {
  background: #28a1d8;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 90px;
  height: 90px;
  border-radius: 90px;
  clip: rect(0px, 45px, 90px, 0px);
  transform: rotate(180deg);
}
.charts-block .chart-4 .pie-2 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 90px;
  height: 90px;
  border-radius: 90px;
  clip: rect(0px, 90px, 90px, 45px);
  transform: rotate(180deg);
}
.charts-block .chart-4 .pie-2 .pie-frame {
  background: #28a1d8;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 90px;
  height: 90px;
  border-radius: 90px;
  clip: rect(0px, 45px, 90px, 0px);
  transform: rotate(54deg);
}
.charts-block .pie-text {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 2;
  background: #fff;
  border-radius: 100%;
}
.charts-block .pie-text p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-weight: 300;
}
.charts-block .chart-1 .pie-text,
.charts-block .chart-1 .pie-text p {
  width: 170px;
  height: 170px;
}
.charts-block .chart-1 .pie-text p {
  font-size: 27px;
}
.charts-block .chart-2 .pie-text,
.charts-block .chart-3 .pie-text,
.charts-block .chart-4 .pie-text {
  top: 5px;
  left: 5px;
}
.charts-block .chart-2 .pie-text,
.charts-block .chart-2 .pie-text p,
.charts-block .chart-3 .pie-text,
.charts-block .chart-3 .pie-text p {
  width: 130px;
  height: 130px;
}
.charts-block .chart-2 .pie-text p,
.charts-block .chart-3 .pie-text p {
  font-size: 18px;
}
.charts-block .chart-4 .pie-text,
.charts-block .chart-4 .pie-text p {
  width: 80px;
  height: 80px;
}
.article-section {
  padding: 30px 0;
}
.article-section:after {
  content: "";
  display: block;
  clear: both;
}
.article-section .news-container .news-rows {
  float: none;
  width: 100%;
  overflow: hidden;
}
.article-section .news-container .box {
  border: 0;
}
.article-section .news-container .box.right .image {
  float: none;
}
.article-section h1 {
  font-size: 27px;
  line-height: 35px;
  font-weight: 600;
  margin-bottom: 10px;
}
.article-section h2 {
  font-size: 23px;
  line-height: 31px;
  font-weight: 500;
  margin-bottom: 10px;
}
.article-section h3 {
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
  margin-bottom: 5px;
}
.article-section h4 {
  font-size: 18px;
  line-height: 25px;
}
.article-section h5 {
  font-size: 16px;
  line-height: 23px;
}
.article-section h6 {
  font-size: 14px;
  line-height: 20px;
  font-style: italic;
}
.article-section b {
  font-weight: bold;
}
.article-section em,
.article-section i {
  font-style: italic;
}
.article-section p {
  margin-bottom: 15px;
}
.article-section .product-tabs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.article-section ul,
.article-section ol {
  margin-bottom: 15px;
}
.article-section ul {
  list-style: disc;
  padding: 0 0 0 15px;
}
.article-section ol {
  list-style: decimal;
  padding: 0 0 0 15px;
}
.article-section table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 20px;
}
.article-section table td,
.article-section table th {
  padding: 10px 15px;
  font-weight: 300;
  text-align: left;
  color: #484848;
  border: 1px dotted #efeff0;
  vertical-align: middle;
}
.article-section table th {
  padding: 15px;
  background: #28a1d8;
  color: #fff;
}
.article-section table td a {
  color: #484848;
}
.article-section table .image {
  float: left;
  margin: 0 20px 0 0;
  width: 30px;
  text-align: center;
}
.prod-link {
  width: 100%;
  overflow: hidden;
  margin: 0 0 30px;
}
.prod-link a {
  color: #28a1d8;
  font-weight: 300;
  font-size: 17px;
  line-height: 26px;
  border-bottom: 1px dotted #28a1d8;
}
.prod-link a:hover {
  border-bottom: 0;
  padding: 0 0 1px;
  text-decoration: none;
}
/*alert*/
.alert {
  position: relative;
  border: 1px solid #38b0ca;
  margin: 0 29px 31px 0;
  padding: 14px 35px 20px;
  color: #38b0ca;
  width: 406px;
  display: inline-block;
  vertical-align: top;
  background: url(../images/ico06.png);
}
.alert .close {
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  right: 5px;
  top: 5px;
  background: url(../images/ico05.png) no-repeat -1px 0;
  width: 12px;
  height: 11px;
}
.alert h3 {
  margin: 0 0 7px;
  font-size: 19px;
  line-height: 21px;
  text-transform: uppercase;
}
.alert .image-box {
  float: left;
  padding: 17px 34px 0 0;
}
.alert .text-box {
  overflow: hidden;
}
.alert p {
  margin: 0;
}
.alert2 {
  border: 1px solid #dd4754;
  color: #dd4754;
  background: url(../images/ico07.png);
}
.alert3 .close {
  background-position: 0 -23px;
}
.alert2 .close {
  background-position: 0 -12px;
}
.alert4 .close {
  background-position: 0 -34px;
}
.alert3 {
  border: 1px solid #cbb22d;
  color: #cbb22d;
  background: url(../images/ico08.png);
}
.alert4 {
  border: 1px solid #7fc45b;
  color: #7fc45b;
  background: url(../images/ico09.png);
}
.bx-core-waitwindow {
  display: none !important;
}
.nav-mobile {
  display: none;
}
/* izomet style sidemenu */
.catalog-nav {
  float: left;
  width: 312px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.2);
  background: #fff;
  color: #5e5f5f;
  position: relative;
  z-index: 22;
}
.catalog-nav .title {
  padding: 14px 20px;
  background: #28a1d8;
}
.catalog-nav .title h2 {
  font: 17px/20px 'pf_beausans_prosemibold', Arial, Helvetica, sans-serif;
  letter-spacing: 2.3px;
  color: #fff;
}
.catalog-nav .title h2:before {
  font-family: 'icomoon';
  font-size: 30px;
  line-height: 18px;
  content: "\e606";
  vertical-align: top;
  color: #fff;
  display: inline-block;
  margin-left: -6px;
  margin-right: 0;
}
.content-top {
  float: left;
}
.menu-expand {
  float: left;
  width: 312px;
}
.menu-expand .menu-btn {
  background: #28a1d8;
  padding: 14px 20px 14px 20px;
  font: 17px/20px 'pf_beausans_prolight', Arial, Helvetica, sans-serif;
  letter-spacing: 2.3px;
  color: #fff;
  display: block;
  border: 1px solid #f3f2f3;
}
.menu-expand .menu-btn:before {
  font-family: 'icomoon';
  font-size: 30px;
  line-height: 18px;
  content: "\e606";
  vertical-align: top;
  color: #fff;
  display: inline-block;
  margin-left: -6px;
  margin-right: 0;
}
.menu-expand .menu-btn:hover,
.menu-expand .menu-btn.active {
  text-decoration: none;
  background-color: #238dbd;
}
.content-top .nav-list {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #f3f2f3;
  left: 0;
  position: absolute;
  top: 49px;
  z-index: 199;
  width: 310px;
  display: none;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.2);
}
.nav-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-list li:first-child {
  border: 0;
}
.nav-list li {
  position: relative;
  font: 15px/22px 'helveticaneuecyrthin', Arial, Helvetica, sans-serif;
  /*height: 50px;*/
  border-top: 1px solid #f3f2f3;
  letter-spacing: 1.3px;
  width: 313px;
}
.content-top .nav-list li {
  width: 311px;
}
.nav-list li a {
  display: block;
  color: #333;
  padding: 9px 10px 9px 20px;
}
.nav-list li .ico,
.nav-list li .ico-hover {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
}
.nav-list li .ico-hover,
.nav-list li:hover .ico {
  display: none;
}
.nav-list li:hover .ico-hover {
  display: inline-block;
}
.nav-list .name {
  display: inline-block;
  vertical-align: top;
}
.nav-list li > .hasDrop {
  background: url(../images/bg-footer-menu.png) no-repeat 94% 50%;
}
.nav-list li:hover > a {
  padding-left: 17px;
  border-left: 3px solid #28a1d8;
  color: #28a1d8;
  text-decoration: none;
}
.nav-list .drop {
  display: none;
  position: absolute;
  top: -2px;
  left: 312px;
  width: 300px;
  background: #fff;
  border: 1px solid #f3f2f3;
  border-left: 0;
  margin: 1px 0 0 1px;
  z-index: 5;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.2);
}
.content-top .nav-list .drop {
  left: 310px;
}
.nav-list .drop li {
  width: 301px;
}
.nav-list .drop .drop {
  left: 300px;
}
.nav-list li:hover > .drop {
  display: block;
}
.nav-list .drop li a {
  padding: 9px 20px;
}
.nav-list .drop li:hover a {
  padding-left: 17px;
}
.nav-list .drop .drop li:hover a {
  padding-left: 14px;
}
/* scroll container */
.scroll-container {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 999;
  display: none;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.scroll-container .new-container .top-section {
  margin: 0;
}
.scroll-container .menu-expand {
  width: 314px;
}
/* new search popup */
.search-popup {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 99999;
}
.search-popup .btn-close {
  position: absolute;
  display: block;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/bg-delete2.png) no-repeat;
}
.search-popup .popup-search {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 45%;
}
.search-popup .border {
  display: inline-block;
  padding: 0 10px 5px;
  border-bottom: 1px solid #6f6c6c;
}
.search-popup .submit {
  display: inline-block;
  width: 14px;
  height: 15px;
  font-size: 0;
  line-height: 0;
  border: 0;
  cursor: pointer;
  background: url(../images/ico-popup-search.png) no-repeat;
}
.search-popup .text {
  background: none;
  border: 0;
  color: #555454;
  font-size: 16px;
  margin: 0 0 1px;
  width: 200px;
}
.search-popup .text::-webkit-input-placeholder {
  color: #555454;
}
.search-popup .text:-moz-placeholder {
  color: #555454;
  opacity: 1;
}
.search-popup .text::-moz-placeholder {
  color: #555454;
  opacity: 1;
}
.search-popup .text:-ms-input-placeholder {
  color: #555454;
}
.two-boxes .box-1 {
  float: left;
  width: 610px;
}
.two-boxes .box-2 {
  float: right;
  width: 609px;
}
.two-boxes .text {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 1px;
}
.two-boxes .imgs {
  width: 100%;
  overflow: hidden;
}
.two-boxes .imgs .item {
  float: left;
  box-sizing: border-box;
  width: 100%;
}
.two-boxes .imgs a {
  display: block;
  text-align: center;
  margin: 0 0 20px;
}
.two-boxes .imgs a {
  text-decoration: none !important;
  display: inline-block;
  position: relative;
}
.two-boxes .imgs img {
  border: 0 !important;
  outline: none !important;
  max-width: 200px;
}
.two-boxes .imgs .hover {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  line-height: 100%;
  font-size: 60px;
  color: #fff;
  text-align: center;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
.two-boxes .imgs a:hover .hover {
  opacity: 1;
}
.two-boxes .imgs .hover .icomoon {
  line-height: 310%;
}
.two-boxes .imgs .owl-controls {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.two-boxes .imgs .owl-prev,
.two-boxes .imgs .owl-next {
  position: absolute;
  top: 74px;
  width: 53px;
  outline: none;
  height: 53px;
  z-index: 333;
  font-size: 0;
  line-height: 0;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
  box-sizing: border-box;
  border: 1px solid #f5f5f5;
  background-color: #fff;
  font-family: 'icomoon';
  text-align: center;
  color: #b6b4b2;
}
.two-boxes .imgs .owl-prev {
  left: 0px;
}
.two-boxes .imgs .owl-prev:after {
  content: "\e61b";
  font-size: 32px;
  line-height: 53px;
  vertical-align: middle;
}
.two-boxes .imgs .owl-prev:hover,
.two-boxes .imgs .owl-next:hover {
  text-decoration: none;
  color: #fff;
  background-color: #28a1d8;
}
.two-boxes .imgs .owl-next {
  right: 0px;
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.two-boxes .imgs .owl-next:after {
  content: "\e61b";
  font-size: 32px;
  line-height: 53px;
  vertical-align: middle;
}
.two-boxes .imgs .owl-next:hover {
  background-color: #28a1d8;
}
.two-boxes .imgs:hover .owl-prev,
.two-boxes .imgs:hover .owl-next {
  opacity: 1;
}
.gray-container {
  background: #f8f7f7;
  width: 100%;
}
.gray-container .lists {
  width: 100%;
  overflow: hidden;
}
.gray-container .col:first-child {
  margin: 0;
}
.gray-container .col {
  float: left;
  width: 400px;
  margin: 0 0 0 20px;
}
.gray-container .col ul {
  font-size: 16px;
  line-height: 30px;
}
.gray-container .col ul li {
  width: 100%;
  overflow: hidden;
  margin: 0 0 9px;
}
.gray-container .col ul a {
  color: #575656;
  float: left;
}
.gray-container .col ul li .icomoon {
  font-size: 40px;
  line-height: 39px;
  margin-right: 10px;
  margin-top: -3px;
  color: #28a1d8;
}


.contact-info {
  padding: 45px 0;
  overflow: hidden;
  width: 100%;
}

.contact-info .contact-title {
  margin: 0 0 30px;
}

.contact-info .contact-title h2 {
  color: #575656;
  font: 21px/25px "pf_beausans_prosemibold", Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
}

.contact-info .boxes {
  display: flex;
  align-items: stretch; /* Одинаковая высота для info-box и call-box */
  gap: 30px; /* Отступ между блоками */
  max-width: 100%; /* Не выходит за контейнер */
  box-sizing: border-box; /* Учитываем padding и border */
}

.contact-info .info-box {
  width: 835px; /* Фиксированная ширина для больших экранов */
  display: flex;
  flex-direction: row; /* Две колонки рядом */
  background: #fff;
  padding: 25px;
  box-sizing: border-box;
  border: 1px solid #f9f9f9;
}

.contact-info .info-box .col {
  width: 400px;
  display: flex;
  flex-direction: column; /* Ряды в колонке */
  justify-content: space-between; /* Равномерное распределение рядов */
  min-height: 100%; /* Колонки растягиваются на всю высоту */
}

.contact-info .info-box .col:last-child {
  margin-left: 35px; /* Отступ между колонками */
}

.contact-info .info-box .row {
  display: flex;
  align-items: center; /* Центрирование иконки и текста по вертикали */
  margin: 0 0 20px; /* Отступ между рядами */
  flex: 1; /* Ряды растягиваются равномерно */
}

.contact-info .info-box .ico {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background: #28a1d8;
  color: #fff;
  margin: 0 25px 0 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-info .info-box .icomoon {
  font-size: 30px;
  line-height: 1;
}

.contact-info .info-box .icon-37 {
  font-size: 54px;
  line-height: 1;
}

.contact-info .info-box .text {
  color: #575656;
  flex: 1; /* Текст занимает оставшееся пространство */
}

.contact-info .info-box h3 {
  text-transform: uppercase;
  margin: 0 0 5px;
  font: 16px/22px "pf_beausans_prosemibold", Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
}

.contact-info .info-box p,
.contact-info .info-box address {
  font: 16px/22px "pf_beausans_prolight", Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  margin: 0;
}

.contact-info .info-box span {
  color: #878787;
  display: block;
  font-size: 14px;
  letter-spacing: 1px;
}

.contact-info .call-box {
  width: 100%; /* Растягиваем до доступного пространства в .boxes */
  padding: 25px; /* Симметричный padding для ПК */
  background: #f8f7f7;
  border: 1px solid #f9f9f9;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 1px;
  color: #878787;
  display: flex;
  flex-direction: column;
  box-sizing: border-box; /* Учитываем padding и border */
  min-width: 0; /* Предотвращает переполнение */
}

.contact-info .call-box .title {
  margin: 0 0 25px;
}

.contact-info .call-box .title h2 {
  color: #575656;
  font: 19px/25px "pf_beausans_prosemibold", Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  margin: 0 0 10px;
}

.contact-info .call-box .call-form {
  flex: 1; /* Форма занимает доступное пространство */
  display: flex;
  flex-direction: column;
}

.contact-info .call-box .row {
  margin: 20px 0 0;
  width: 100%; /* Убеждаемся, что ряд занимает всю ширину */
}

.contact-info .call-box .row:first-child {
  margin: 0;
}

.contact-info .call-box .text {
  width: 100%;
  padding: 10px; /* Уменьшаем padding для предотвращения переполнения */
  color: #a2a1a1;
  font-size: 17px;
  letter-spacing: 1px;
  box-sizing: border-box;
  border: 1px solid #f9f9f9;
  max-width: 100%; /* Предотвращает переполнение */
}

.contact-info .call-box .submit.button {
  width: 100%;
  padding: 10px; /* Уменьшаем padding для предотвращения переполнения */
  background: #28a1d8;
  color: #fff;
  border: none;
  font-size: 17px;
  cursor: pointer;
  text-align: center;
  max-width: 100%; /* Предотвращает переполнение */
}

/* Стили для CAPTCHA */
.contact-info .call-box .captcha-cell {
  width: 100%;
  overflow: hidden; /* Предотвращает обрезку */
}

.contact-info .call-box .g-captcha {
  transform: scale(0.83); /* Уменьшаем CAPTCHA для ПК */
  transform-origin: 0 0;
  max-width: 100%;
}

/* Адаптивность */
@media (max-width: 1200px) {
  .contact-info .boxes {
    flex-direction: column;
    align-items: center;
  }

  .contact-info .info-box {
    width: 100%;
    max-width: 835px;
  }

  .contact-info .call-box {
    width: 100%; /* Полная ширина для планшетов и ниже */
    max-width: 320px;
    padding: 10px; /* Симметричный padding для планшетов */
  }

  .contact-info .call-box .g-captcha {
    transform: scale(0.9); /* Легкое уменьшение для планшетов */
  }
}

@media (max-width: 768px) {
  .contact-info .info-box .col {
    width: 100%;
    margin-left: 0;
  }

  .contact-info .info-box .col:last-child {
    margin-left: 0;
  }

  .contact-info .info-box {
    flex-direction: column;
    padding: 15px;
  }

  .contact-info .call-box {
    padding: 10px; /* Симметричный padding для мобильных */
    width: 100%;
  }

  .contact-info .call-box .text {
    font-size: 14px; /* Уменьшаем шрифт для мобильных */
    padding: 8px; /* Симметричный padding */
    width: 100%;
    max-width: 100%;
  }

  .contact-info .call-box .submit.button {
    font-size: 14px; /* Уменьшаем шрифт */
    padding: 8px; /* Симметричный padding */
    width: 100%;
    max-width: 100%;
  }

  .contact-info .call-box .g-captcha {
    transform: scale(0.7); /* Ещё больше уменьшаем CAPTCHA для маленьких экранов */
    max-width: 100%;
  }
}

.quick-services {
  background: #edf4fc url(../images/bg-services.png) repeat-y 50% 50%;
  padding: 50px 0 80px;
  width: 100%;
  clear: both;
}
.quick-services .title {
  width: 100%;
  margin: 0 0 30px;
}
.quick-services .title h2 {
  color: #575656;
  font: 21px/25px "pf_beausans_prosemibold", Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
}
.services-form {
  clear: both;
  width: 100%;
}
.services-form:after {
  content: "";
  display: block;
  clear: both;
}
.services-form .cell:first-child {
  margin: 0;
}
.services-form .cell {
  float: left;
  margin: 0 0 0 25px;
}
.services-form .jq-selectbox,
.services-form .jq-selectbox__select {
  /*width: 280px !important;*/
  width: 266px !important;
  box-sizing: border-box;
}
.services-form .jq-selectbox__select {
  background: #fff;
}
.userfulinfo-section .item {
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin: 10px;
  border: 1px solid #f6f6f6;
  width: 291px;
  height: auto;
  overflow: hidden;
}
.userfulinfo-section .text {
  padding: 15px;
  display: block;
  background: #fff;
}
.userfulinfo-section .item a {
  text-decoration: none !important;
  display: block;
}
.userfulinfo-section .text strong {
  display: block;
  margin: 0 0 10px;
  color: #575656;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 1px;
  font-weight: normal;
}
.additional-section {
  background: #f8f7f7;
  padding: 50px 0 80px;
}
.additional-section .title {
  color: #575656;
  font: 21px/25px "pf_beausans_prosemibold", Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  margin: 0 0 30px;
}
.additional-section .slider-box,
.additional-section .slider-static {
  width: 100%;
  overflow: hidden;
  margin: 0 0 0 -10px;
}
.additional-section .slider-static {
  width: 101%;
  display: none;
}
.additional-section .slider-box .item,
.additional-section .slider-static .item {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #f6f6f6;
}
.additional-section .slider-static .item {
  width: 312px;
  height: 265px;
}
.additional-section .slider-box .item a,
.additional-section .slider-static .item a {
  text-decoration: none !important;
  display: block;
}
.additional-section .slider-box .image,
.additional-section .slider-static .image {
  vertical-align: top;
  width: 100%;
  height: auto;
}
.additional-section .slider-box .text,
.additional-section .slider-static .text {
  padding: 15px;
  display: block;
  background: #fff;
}
.additional-section .slider-box .text strong,
.additional-section .slider-static .text strong {
  display: block;
  margin: 0 0 10px;
  color: #575656;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 1px;
  font-weight: normal;
}
.additional-section .slider-box .text em,
.additional-section .slider-static .text em {
  color: #bfbebe;
  font-size: 16px;
  font-style: normal;
}
.additional-section .owl-controls {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.additional-section .owl-prev,
.additional-section .owl-next {
  position: absolute;
  top: 98px;
  width: 53px;
  outline: none;
  height: 53px;
  z-index: 333;
  font-size: 0;
  line-height: 0;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
  box-sizing: border-box;
  border: 1px solid #f5f5f5;
  background-color: #fff;
  font-family: 'icomoon';
  text-align: center;
  color: #b6b4b2;
}
.additional-section .owl-prev {
  left: 10px;
}
.additional-section .owl-prev:after {
  content: "\e61b";
  font-size: 32px;
  line-height: 53px;
  vertical-align: middle;
}
.additional-section .owl-prev:hover,
.additional-section .owl-next:hover {
  text-decoration: none;
  color: #fff;
  background-color: #28a1d8;
}
.additional-section .owl-next {
  right: 7px;
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.additional-section .owl-next:after {
  content: "\e61b";
  font-size: 32px;
  line-height: 53px;
  vertical-align: middle;
}
.additional-section .owl-next:hover {
  background-color: #28a1d8;
}
.additional-section .slider-box:hover .owl-prev,
.additional-section .slider-box:hover .owl-next {
  opacity: 1;
}
.additional-section .link-holder {
  padding: 30px 0 0;
  text-align: center;
}
.additional-section .button {
  font: 18px/25px "pf_beausans_prolight", Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  padding: 11px 32px 10px;
}
.widget-form {
  padding: 20px;
  background: #eff3fb;
  color: #575757;
}
.widget-form h2 {
  font: 17px/25px "pf_beausans_prosemibold", Arial, Helvetica, sans-serif;
  margin: 0 0 10px;
  letter-spacing: 1px;
}
.widget-form .row:first-child {
  margin: 0;
}
.widget-form .row {
  margin: 15px 0 0;
}
.widget-form select {
  width: 100px;
  display: block;
}
.widget-form .jq-selectbox,
.widget-form .jq-selectbox__select {
  width: 100% !important;
  box-sizing: border-box;
}
.widget-form .jq-selectbox__select {
  background: #fff;
}
.content-text {
  margin: 20px 0 0;
  font-size: 13px;
  line-height: 20px;
  color: #bababa;
}
.content-text p {
  margin: 0 0 20px;
}
.choose-form {
  padding: 18px 23px;
  background: #eff3fb;
}
.choose-form .field-cell {
  position: relative;
}
.choose-form .search-drop {
  left: 0;
  top: 56px;
}
.choose-form label {
  float: left;
  margin: 0 18px 0 0;
  font-size: 17px;
  line-height: 50px;
  color: #575757;
  letter-spacing: 1px;
}
.choose-form .field-cell {
  background: #fff;
  float: left;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
  margin: 0 20px 0 0;
}
.choose-form .text {
  float: left;
  background: none;
  height: 50px;
  line-height: 30px;
  font-size: 16px;
  color: #828383;
  padding: 10px 20px;
  box-sizing: border-box;
  border: 0;
  width: 450px;
}
.choose-form .btn-search {
  float: left;
  width: 50px;
  height: 50px;
  background: url(../images/ico-search.png) no-repeat 50%;
  cursor: pointer;
  border: 0;
  font-size: 0;
  line-height: 0;
}
.choose-form p {
  font-size: 14px;
  line-height: 50px;
  letter-spacing: 1px;
}
.choose-form p a:hover {
  text-decoration: none;
  border: 0;
}
.choose-form p a {
  padding: 0 0 1px;
  border-bottom: 1px dashed #28a1d8;
}
.bonus-box {
  width: 100%;
  overflow: hidden;
  margin: 0 0 20px;
  border: 1px solid #d9ebfa;
  box-sizing: border-box;
}
.bonus-box .current-bonus {
  display: block;
  float: left;
  width: 78px;
  background: #fff;
  color: #1d1d1b;
  font: 20px/67px 'pf_beausans_probold', Arial, Helvetica, sans-serif;
  text-align: center;
  border-right: 1px solid #d9ebfa;
}
.bonus-box .increase-bonus {
  overflow: hidden;
  height: 1%;
  background: #f1f7fd;
  padding: 13px 20px 13px;
}
.bonus-box .bonus-text {
  float: left;
  width: 205px;
  color: #1a6fad;
  font-size: 15px;
  line-height: 20px;
}
.bonus-box .button {
  float: right;
  font-size: 14px;
  letter-spacing: 1px;
}
.bonus-box .bonus-progress {
  clear: both;
  width: 100%;
  overflow: hidden;
  background: #cde6f9;
  height: 5px;
  position: relative;
}
.bonus-box .bonus-progress .progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 5px;
  background: #28a1d8;
}
.phone-order {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.15);
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.15);
  overflow: hidden;
  border: 1px solid #eee;
  width: 100%;
  box-sizing: border-box;
}
.phone-order .box-title {
  padding: 15px;
  border-bottom: 1px solid #eee;
}
.phone-order .box-title h3 {
  font-size: 16px;
  font-family: 'pf_beausans_prosemibold', Arial, Helvetica, sans-serif;
  color: #575656;
  letter-spacing: 1px;
}
.phone-order .holder {
  padding: 15px;
  overflow: hidden;
}
.phone-order .text-field {
  border: 1px solid #eee;
  padding: 10px;
  font-size: 17px;
  color: #a2a1a1;
  margin: 0 15px 0 0;
  width: 230px;
}
.phone-order .text-field.telephone {
  width: 280px;
  display: block;
}
.phone-order .phone-button {
  display: block;
  font-size: 17px;
  letter-spacing: 1px;
  width: 175px;
  height: 42px;
}
.phone-order  .captcha-cell {
  display: block;
  margin: 10px 0;
}
.popular-services {
  width: 100%;
  margin: 0 0 20px;
}
.popular-services:after {
  content: "";
  clear: both;
  display: block;
}
.popular-services h3 {
  color: #575656;
  font: 19px/25px "pf_beausans_prosemibold", Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  margin: 0 0 20px;
}
.services-table {
  width: 100%;
  border-collapse: collapse;
  box-sizing: border-box;
}
.services-table .cell-1 {
  width: 55%;
}
.services-table .cell-2 {
  width: 10%;
}
.services-table .cell-3 {
  width: 10%;
}
.services-table .cell-4 {
  width: 25%;
}
.services-table .cell {
  box-sizing: border-box;
  border: 1px solid #ededed;
  padding: 19px 17px;
  font-size: 15px;
  line-height: 20px;
  color: #575656;
  letter-spacing: 1px;
  vertical-align: middle;
}
.services-table .row-head .cell {
  color: #fff;
  background: #28a1d8;
  font: 17px 'pf_beausans_prolight', Arial, Helvetica, sans-serif;
  text-align: left;
  letter-spacing: 1px;
}
.services-table .row.hover {
  -webkit-box-shadow: 0px 0px 5px 2px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 0px 0px 5px 2px rgba(50, 50, 50, 0.15);
  box-shadow: 0px 0px 5px 2px rgba(50, 50, 50, 0.15);
}
.services-table .row.hover .cell {
  background: #f8f7f7;
}
.services-table .row.hover .table-button {
  background: #28a1d8;
  border-bottom: 2px solid #0884b0;
  text-decoration: none;
  color: #fff;
}
.services-table a {
  padding: 0 15px 0 0;
}
.services-table .expand-link:hover {
  text-decoration: none;
}
.services-table a em {
  /*display: inline-block;*/
  color: #575757;
  font-style: normal;
  border-bottom: 1px dashed #575757;
}
.services-table a span {
  color: #878787;
}
.services-table .row.hover .expand-link {
  background: url(../images/bg-blue-arrow-down.png) no-repeat 100% 8px;
}
.services-table a:hover em {
  text-decoration: none;
  border: 0;
  padding-bottom: 1px;
}
// .services-table .table-price {
//   float: left;
// }
.services-table .table-price .new-price,
.services-table .table-price .price {
  display: block;
  font-weight: bold;

}
.services-table .table-price .price {
  line-height: 40px;
}
.services-table .table-price .old-price {
  text-decoration: line-through;
  color: #878787;
  display: block;
}
.services-table .table-price .gratis {
  font-weight: bold;
  line-height: 40px;
}
.services-table .table-button {
  //float: right;
  background: #f4f4f4;
  border-bottom: 2px solid #e0e0e0;
  color: #a3a2a2;
  padding: 9px 15px;
}
.services-table .table-label {
  float: right;
  background: url(../images/bg-table-label.png) no-repeat;
  width: 107px;
  height: 31px;
  box-sizing: border-box;
  padding: 0 0 0 20px;
  color: #fff;
  line-height: 31px;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  margin: -2px 0 0;
}
.services-table .cell-expand {
  display: none;
  background: #fff;
  z-index: 3;
  font-size: 15px;
  letter-spacing: 2px;
  line-height: 24px;
  box-sizing: border-box;
}
.services-table .cell-expand .some-div {
  -webkit-box-shadow: 0px 0px 5px 2px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 0px 0px 5px 2px rgba(50, 50, 50, 0.15);
  box-shadow: 0px 0px 5px 2px rgba(50, 50, 50, 0.15);
  padding: 30px;
  display: block;
}
.services-table .cell-expand h4 {
  font-size: 25px;
  margin: 0 0 15px;
}
.services-table .cell-expand h4 span {
  color: #878787;
}
.services-table .cell-expand p {
  margin: 0 0 20px;
}
.services-table .cell-expand .form-row:first-child {
  margin: 0;
}
.services-table .cell-expand .form-row {
  width: 100%;
  margin: 20px 0 0;
}
.services-table .cell-expand .form-row:after {
  content: "";
  display: block;
  clear: both;
}
.services-table .expand-input {
  border: 1px solid #eee;
  padding: 10px;
  font-size: 17px;
  float: left;
  color: #a2a1a1;
  margin: 0 25px 10px 0;
  width: 260px;
  letter-spacing: 2px;
}
.services-table .cell-expand .button {
  font-size: 17px;
  letter-spacing: 2px;
}
/* 1024px resolution */
@media only screen and (max-width: 1245px) {
  html,
  body {
    min-width: 980px;
  }
  .container {
    width: 960px;
  }
  .top-box .container {
    width: 980px;
  }
  .nav-frame {
    width: 960px;
    padding-left: 10px;
    padding-right: 10px;
  }
  #nav > li,
  .nav > li {
    position: static;
  }
  .nav-frame .drop,
  .nav .drop {
    left: -30px;
  }
  #logo {
    margin: 0 12px 0 4px;
  }
  .account-menu .account-link {
    font-size: 0;
  }
  .top-info {
    font-size: 12px;
    margin-right: 10px;
    margin-right: 2px;
  }
  .top-info .box {
    margin: 0 0 0 18px;
  }
  #nav > li,
  .nav > li {
    margin: 0 7px 0 0;
    font-size: 15px;
  }
  .two-boxes .box-1,
  .two-boxes .box-2 {
    width: 100%;
    float: none;
    margin: 0 0 20px;
  }
  .gray-container .col {
    width: 300px;
  }
  .gray-container .col ul li {
    font-size: 13px;
  }
  .gray-container .col ul li .icomoon {
    font-size: 33px;
    margin-right: -1px;
    margin-left: -5px;
    margin-top: -5px;
  }
  .index-tabs .items-include .mask,
  .root-carousel .items-include .mask {
    height: 394px;
  }
  .index-tabs .items-include {
    margin-bottom: -180px;
  }
  #visual {
    height: 658px;
  }
  #visual .container {
    width: 758px;
  }
  .contact-info .info-box {
    width: 460px;
  }
  .services-boxes .box {
    width: 143px;
  }
  .index-products {
    width: 960px;
  }
  .index-products .products {
    width: 748px;
  }
  .brands-carousel .mask {
    width: 845px;
  }
  .items-include .mask {
    width: 960px;
  }
  .tab-items .product-item {
    margin: 0 0 0 6px;
  }
  .items-include .btn-next {
    right: 7px;
  }
  .menu-tabs-section .tab-items .product-item {
    width: 188px;
    margin: 0 0 0 -7px;
  }
  .index-tabs .tab-items .product-item {
    position: static;
  }
  #sidebar {
    width: 217px;
  }
  .slider-row .text {
    width: 68px;
  }
  .top-panel .view-form {
    padding-right: 5px;
  }
  .footer-left {
    width: 379px;
  }
  .footer-right {
    width: 605px;
  }
  #footer .copy {
    bottom: -50px;
  }
  .footer-right .box {
    width: 275px;
  }
  .footer-search {
    width: 273px;
  }
  .footer-search .submit {
    width: 100px;
    font-size: 13px;
  }
  .footer-search .text {
    width: 144px;
  }
  .footer-right .tags-list {
    width: 290px;
  }
  .visual-new {
    width: 960px;
  }
  .visual-new .visual-gal {
    margin: 0 13px;
  }
  .visual-product.right {
    display: none;
  }
  .services-boxes.new .box {
    font-size: 14px;
    margin: 0 0 0 33px;
  }
  .services-boxes.new .box p {
    width: 100px;
  }
  .footer-right.boxes .rows .box:first-child {
    width: 240px;
  }
  .footer-right.boxes .rows .box:last-child {
    width: 290px;
  }
  .footer-right.boxes .tags-list {
    width: 200px;
  }
  .footer-right.boxes .rows .box {
    width: 194px;
    margin: 40px 0 0 13px;
  }
  .address-box .row,
  .box-text {
    font-size: 13px;
  }
  .footer-right .footer-menu li {
    font-size: 14px;
  }
  .page-image img {
    height: 100%;
    width: auto;
  }
  .page-image .holder-frame,
  .page-map .holder-frame {
    width: 980px;
  }
  .products-content .product-item {
    margin: 23px -5px -5px 6px;
  }
  .box-404 .left {
    width: 400px;
  }
  .box-404 .right {
    width: 556px;
  }
  .box-404 .right img {
    width: 100%;
    height: auto;
  }
  .left-content {
    width: 732px;
  }
  .aside {
    margin: 0 2px 0 0;
  }
  .account-holder {
    width: 960px;
  }
  .account-tabs li {
    margin: 0 0 0 24px;
  }
  .index-products .product-item {
    margin-left: 17px;
  }
  .product-item {
    margin-left: 14px;
  }
  .color-boxes {
    margin: -15px 0 0 -15px;
    width: 103%;
  }
  .color-boxes .box {
    margin: 15px 0 0 15px;
    width: 351px;
    overflow: hidden;
  }
  .color-boxes .box .holder {
    padding: 23px;
  }
  .color-boxes .box .image {
    width: 80px;
  }
  .color-boxes .box .image img {
    width: 100%;
    height: auto;
  }
  .color-boxes .box h2 {
    font-size: 32px;
    line-height: 38px;
  }
  .color-boxes .box h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .color-boxes .box .text {
    width: 220px;
  }
  #content {
    width: 743px;
  }
  .top-panel .view-form .cell {
    margin: 0 0 0 28px;
  }
  .products-items-listview .item .name {
    width: 425px;
  }
  .items-cells {
    margin: 0 0 0 -15px;
  }
  .products-items-list {
    width: 99%;
  }
  .products-items-listview {
    width: 99%;
  }
  .feed-form .l-col {
    margin-right: 13px;
  }
  .feed-form textarea {
    width: 556px !important;
  }
  .profiles-list .profile-item,
  .profile-item .add-info {
    width: 459px;
  }
  .news-container {
    width: 960px;
  }
  .news-container .row {
    margin: 0 0 7px;
  }
  .brands-box ul li {
    font-size: 18px;
    line-height: 35px;
    height: 35px;
    width: 35px;
  }
  .brands-box ul li a {
    height: 35px;
    line-height: 35px;
  }
  .brand-items .item {
    margin: 22px 0 0 18px;
  }
  .brand-items .item a {
    width: 174px;
  }
  .top-panel .names {
    float: none;
    margin: 0 0 15px;
    width: 100%;
  }
  .contacts-page .side-banners,
  .account-page .side-banners,
  .news-container + .side-banners {
    display: none;
  }
  .article-container {
    width: 720px;
  }
  .mini-cart-holder {
    right: 10px;
  }
  .page-image .text,
  .page-map .text {
    left: 5px;
  }
  .aside .widget h3 {
    font-size: 18px;
  }
  .contact-boxes .box {
    margin: 26px 0 0 8px;
  }
  .rew-cols .contents-holder {
    width: 607px;
  }
  .content-gal,
  .content-gal .mask,
  .content-gal li {
    width: 607px;
    height: 302px;
  }
  .content-gal li img {
    width: 607px;
    height: 302px;
  }
  .content-gal .link-prev,
  .content-gal .link-next {
    top: 126px;
  }
  .order-container + .aside {
    display: none;
  }
  .order-container .step,
  .order-container .step:first-child {
    padding: 0 0 0 133px;
  }
  .order-container .step .title {
    margin: 0 0 0 -133px;
  }
  .faq-section {
    width: 97%;
  }
  .product-popup .left {
    float: none;
    margin: 0 auto 20px;
    width: 428px;
  }
  .product-popup .right {
    float: none;
    margin: 0 auto;
    width: 100%;
  }
  .product-tabs .tab-cols .left,
  .product-tabs .tab-cols .right {
    width: 100%;
    float: none;
  }
  .similars .items-include .mask {
    width: 100%;
  }
  .prod-similar .tab-items .product-item {
    margin: 0 0 0 2px;
  }
  .reviews-list {
    width: 710px;
    margin: 0;
  }
  .reviews-list .item {
    width: 100%;
    margin-left: 0;
  }
  .comments-board .add-review .row .left,
  .comments-board .add-review .row .right {
    width: 100%;
    float: none;
    margin: 0 0 20px;
  }
  .comments-board .add-review .row .left {
    width: 580px;
  }
  .comments-board .captcha-cell {
    clear: both;
  }
  .job-items {
    margin: 0 0 20px;
    width: 100%;
  }
  .job-items .item {
    margin-left: 0;
    width: 100%;
  }
  .job-items .item .text {
    width: 676px;
  }
  .job-items .item .text .holder,
  .job-items .item.red .text .holder {
    width: 604px;
  }
  .our-team .items .item:first-child,
  .our-team .items .item {
    margin: 0 8px 15px;
  }
  .cart-container .items {
    margin: -25px 0 30px -10px;
  }
  .cart-container .items .item {
    margin: 25px 0 0 10px;
  }
  .account-drop {
    left: auto;
    right: 0;
  }
  .top-nav {
    width: 715px;
  }
  .top-nav .items {
    margin: 0 5px 0 -8px;
  }
  .order-container {
    width: 960px;
  }
  .order-container .row .cell-1 .jq-selectbox__select {
    width: 768px !important;
  }
  .order-container .row .cell-1 .text {
    width: 777px;
  }
  .pay-method .item {
    margin: 0 0 0 19px;
  }
  .delivery-method .item {
    width: 397px;
  }
  .order-summary {
    width: 97%;
  }
  .summary-table td {
    padding: 20px 19px;
  }
  .side-search {
    width: 178px;
  }
  .our-team .items .item {
    width: 224px;
  }
  .article-container .a-boxes {
    width: 710px;
  }
  .products-page .aside {
    display: none;
  }
  .products-page .article-container {
    float: none;
    width: 100%;
  }
  .products-page #main .container {
    width: 940px;
  }
  /* youstore v3 tablet tweaks */
  .top-nav .more-link {
    margin-left: -10px;
  }
  .top-section {
    float: right;
    width: 702px;
  }
  .top-section:after {
    content: "";
    clear: both;
    display: block;
  }
  .new-container .top-section {
    float: right;
    width: 634px;
  }
  #visual {
    width: 100%;
    height: auto;
    float: none;
    clear: both;
  }
  .index-links .item {
    width: 220px;
  }
  .jq-selectbox.sort-type .jq-selectbox__select {
    width: 160px !important;
  }
  .top-search .text {
    width: 395px;
  }
  .top-search .hint {
    width: 127px;
  }
  .choose-form {
    width: 657px;
  }
  .products-content {
    padding: 0 0 60px;
  }
  .services-table .table-button {
    float: none;
  }
  .services-table .table-label {
    display: none;
  }
  .services-table .cell {
    font-size: 13px;
    letter-spacing: 0;
  }
  .services-table .table-price {
    float: none;
    margin: 0 0 10px;
    width: 100%;
  }
  .services-table .expand-input {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 15px;
  }
  .services-table a em {
    border: 0;
  }
  .services-table .expand-link {
    display: block;
  }
  .services-form .jq-selectbox,
  .services-form .jq-selectbox__select {
    width: 220px !important;
  }
  .contact-info .info-box .col {
    float: none;
    width: 100%;
  }
}
/* 980px resolution */
@media only screen and (max-width: 979px) {
  html,
  body {
    min-width: 640px;
  }
  .container {
    width: 620px;
  }
  .top-box .container,
  .page-image .holder-frame,
  .page-map .holder-frame {
    width: 640px;
  }
  .nav-frame {
    width: 620px;
  }
  .top-info .clock,
  .top-info .location {
    display: none;
  }
  .top-nav {
    width: 330px;
  }
  /* nav menu drop */
  .add-menu .nav-frame {
    height: auto;
  }
  .add-menu .nav-frame .nav {
    height: auto;
  }
  /* 404 page */
  .box-404 .left {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  .box-404 .right {
    float: none;
    width: 100%;
  }
  .container.index-tabs {
    margin: 0 auto;
    width: 580px;
  }
  .items-include .mask {
    width: 578px;
  }
  .menu-tabs-section .items-include .mask {
    padding-right: 0;
  }
  .footer-right {
    width: 260px;
  }
  .footer-right .rows .box:first-child {
    margin: 20px 0 0;
  }
  .footer-right .box {
    width: 100%;
    margin: 20px 0 0;
  }
  .footer-search {
    width: 257px;
  }
  .footer-search .text {
    width: 140px;
  }
  .tablet-hide {
    display: none;
  }
  .left-content,
  .aside {
    width: 100%;
    float: none;
  }
  .color-boxes {
    width: 480px;
    margin: 0 auto;
  }
  .color-boxes .box {
    width: 479px;
  }
  .day-action .day-title {
    width: 100%;
  }
  .day-action .day-title h2 {
    margin: 22px 0 0 22px;
    font-size: 23px;
  }
  .product-item {
    width: 189px;
  }
  .product-item .holder {
    width: 147px;
  }
  .product-item .image {
    display: block;
  }
  .product-item .expand {
    width: 189px;
  }
  .product-item .expand-holder {
    padding: 15px 8px 21px;
  }
  .btn-cart {
    width: 128px;
  }
  .article-container {
    width: 100%;
  }
  .cart-container .items .item,
  .tab-items .product-item {
    width: 290px;
  }
  .cart-container .item .image a {
    width: 242px;
  }
  #sidebar,
  #content {
    float: none;
    width: 100%;
    clear: both;
  }
  #sidebar {
    margin-bottom: 30px;
  }
  #sidebar .box.filter .title {
    float: left;
    margin: 0 20px 0 0;
    width: auto;
  }
  #sidebar .box.filter h3 {
    line-height: 32px;
  }
  #sidebar .cats-filter {
    float: left;
    width: 45%;
  }
  #sidebar .brands.box {
    float: left;
    width: 45%;
  }
  #sidebar .colors.box {
    float: right;
    width: 45%;
  }
  #sidebar .sizes.box {
    float: none;
    width: 100%;
    clear: both;
  }
  .size-choose li {
    width: 18%;
  }
  .jq-selectbox.sort-type .jq-selectbox__select {
    width: 83px !important;
  }
  .top-panel .view-form .cell label {
    font-size: 13px;
  }
  .products-content .product-item {
    margin: 23px -3px -5px 6px;
  }
  .products-items-listview .item .price {
    width: 110px;
  }
  .products-items-listview .item .btns {
    min-width: 0;
  }
  .products-items-listview .item .name {
    width: 310px;
  }
  .brand-items .item a {
    width: 190px;
  }
  .contacts-holder {
    width: 640px;
    float: none;
  }
  .contacts-holder .col-form,
  .contacts-holder .col-info {
    width: 100%;
    float: none;
  }
  .contacts-holder .col-form {
    margin-bottom: 30px;
  }
  .aside .row-box {
    float: left;
    width: 50%;
  }
  .side-banners {
    float: none;
    width: 100%;
    margin: 30px 0 0;
  }
  .side-banners .box {
    width: 224px;
    margin: 30px 30px 0 0;
    float: left;
  }
  .side-banners .box:first-child {
    margin: 30px 30px 0 0;
  }
  .success-order {
    width: 100%;
  }
  .job-items .item .text {
    width: 568px;
  }
  .job-items .item .text .holder,
  .job-items .item.red .text .holder {
    width: 497px;
  }
  .our-team .items .item {
    width: 190px;
  }
  #visual {
    height: 400px;
    margin-bottom: 0;
  }
  .services-boxes {
    text-align: center;
  }
  .services-boxes .box {
    display: inline-block;
    float: none;
    margin: 0 20px 0 0;
    width: 150px;
  }
  .index-products {
    width: 620px;
  }
  .tab-items .product-item {
    margin: 0 0 0 1px;
  }
  .index-products .items-include .mask {
    width: 565px;
  }
  .tab-items .product-item {
    width: 182px;
  }
  .tab-items .product-item .holder {
    padding: 15px 16px;
  }
  .advice-box {
    width: 100%;
  }
  .advice-box .mask {
    margin: 0 auto;
    width: 468px;
  }
  .advice-box .item {
    margin: 0 10px 0 0;
  }
  .brands-carousel .mask {
    width: 532px;
  }
  .services-boxes.new {
    height: 216px;
    padding: 23px 0 0;
    text-align: center;
  }
  .services-boxes.new .box:first-child {
    margin: 0 20px 0 0;
  }
  .services-boxes.new .box {
    display: inline-block;
    float: none;
    margin: 0 20px 0 0;
    padding: 0 0 0 107px !important;
    width: 170px;
  }
  .visual-new {
    width: 620px;
  }
  .visual-product,
  .visual-product .text .frame {
    height: 302px;
  }
  .visual-new .visual-gal {
    margin: 0 0 0 13px;
    width: 385px;
    height: 302px;
  }
  .visual-gal .ic_caption .frame,
  .visual-new #carousel li {
    width: 385px;
  }
  .visual-gal .ic_caption .frame {
    height: 302px;
  }
  .visual-gal img {
    width: 100%;
    height: auto;
  }
  .visual-banner {
    width: 100%;
    margin: 30px 0 0;
    height: auto;
  }
  .visual-banner .top-banner {
    width: 222px;
    float: left;
  }
  .visual-banner .bottom-banner {
    position: static;
    float: right;
    width: 365px;
  }
  .visual-banner .bottom-banner .holder a {
    width: 305px;
    padding: 0 30px;
  }
  .product-item .quick-view {
    background-position: 12px 50%;
    padding: 8px 11px;
    font-size: 12px;
  }
  .account-holder {
    width: 620px;
  }
  .account-tabs li:first-child,
  .account-tabs li {
    margin: 10px 17px;
  }
  .account-frames .left,
  .account-frames .right {
    float: none;
    width: 100%;
  }
  .account-frames .left {
    margin: 0 0 20px;
  }
  .account-frames .general {
    padding-bottom: 20px;
  }
  .news-container {
    width: 620px;
  }
  .news-container .box.left,
  .news-container .box.right {
    float: none;
    width: 618px;
    margin: 0 0 20px;
  }
  .news-container .box.right .image {
    float: none;
    margin: 0;
  }
  .news-container .box.right img {
    width: 100%;
    height: auto;
  }
  .rew-cols .contents-holder {
    width: 497px;
  }
  .content-gal,
  .content-gal .mask,
  .content-gal li {
    width: 497px;
    height: 247px;
  }
  .content-gal li img {
    width: 497px;
    height: 247px;
  }
  .article-container {
    margin-bottom: 30px;
  }
  .reviews-list {
    width: 100%;
  }
  .root-carousel .container {
    width: 578px;
  }
  .order-container {
    width: 620px;
  }
  .order-container .row .cell,
  .order-container .row .cell:first-child {
    margin: 0 0 15px;
  }
  .order-container .row .cell-3,
  .order-container .row .cell-2,
  .order-container .row .cell-1 {
    width: 100%;
  }
  .order-container .row .cell-3 .text,
  .order-container .row .cell-3 textarea,
  .order-container .row .cell-2 .text,
  .order-container .row .cell-2 textarea,
  .order-container .row .cell-1 .text,
  .order-container .row .cell-1 textarea {
    width: 100%;
    box-sizing: border-box;
  }
  .delivery-method {
    width: 100%;
  }
  .pay-method .item {
    margin: 0 0 20px 24px;
  }
  .order-container .row .jq-selectbox__select,
  .order-container .row .cell-1 .jq-selectbox__select {
    width: 445px !important;
  }
  .order-table th {
    padding: 8px;
  }
  .order-table td,
  .order-table th {
    font-size: 15px;
  }
  .order-table td {
    font-size: 13px;
    padding: 5px;
  }
  .summary-table td {
    padding: 10px;
    font-size: 15px;
  }
  .desc-gallery {
    width: 457px;
    float: none;
    margin: 0 auto 30px;
  }
  .similars {
    width: 432px;
    margin: 0 auto;
  }
  .profiles-list {
    width: 100%;
  }
  .profiles-list .profile-item,
  .profile-item .add-info {
    width: 279px;
  }
  .messages-block {
    width: 100%;
  }
  .messages-block .item {
    width: 100%;
    box-sizing: border-box;
  }
  .expand-block .history-table .cell-full {
    float: none;
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .expand-block .history-table .expander {
    width: 100%;
    box-sizing: border-box;
  }
  .tabs-block .product-tabs-list,
  .tabs-block .menu {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .charts-block .chart {
    margin: 0 0 0 22px;
  }
  /* youstore v3 tablet tweaks */
  .top-section {
    width: auto;
  }
  .content-top {
    float: none;
    width: 100%;
    padding-bottom: 20px;
  }
  .content-top:after {
    content: "";
    display: block;
    clear: both;
  }
  .new-container .top-section {
    width: 100%;
  }
  .top-search .text {
    width: 264px;
  }
  #visual {
    height: auto;
  }
  #visual .mask,
  #visual .slides .cell {
    height: 285px;
  }
  #visual .owl-pagination {
    top: 255px;
  }
  .index-links .item {
    width: 135px;
  }
  .footer-right.boxes .rows .box:last-child {
    width: 100%;
  }
  .footer-search .text {
    width: 220px;
  }
  .footer-search {
    width: 350px;
  }
  .samples-block .text h2 {
    margin: 0 0 20px;
  }
  .samples-block .text p {
    margin: 0 0 25px;
  }
  #sidebar .box.filter .title {
    float: none;
  }
  /* mobile nav */
  .content-top .nav-list {
    width: 100%;
    box-sizing: border-box;
    max-height: 293px;
    overflow: auto;
    overflow-x: hidden;
  }
  .content-top .nav-list .drop {
    width: 100%;
    box-sizing: border-box;
    position: static;
  }
  /* search bar */
  .top-search select,
  .top-search .jq-selectbox__select {
    display: none;
  }
  .top-search .text,
  .top-search .submit {
    margin: 0;
  }
  .content-top {
    float: left;
    width: auto;
  }
  .new-container .top-section {
    float: right;
    width: 344px;
  }
  .menu-expand {
    width: 264px;
  }
  .content-top .nav-list {
    width: auto;
  }
  .content-top .nav-list li {
    width: 277px;
  }
  .content-top .nav-list .drop {
    padding: 0 0 0 10px;
  }
  .content-top .nav-list .drop li {
    width: auto;
  }
  .scroll-container .menu-expand {
    width: 263px;
  }
  .scroll-container .content-top {
    padding: 0;
  }
  /* disable menus hover, changable with hs to click toggle */
  .nav-list li:hover > .drop {
    display: none;
  }
  .toolbox .links {
    display: none;
  }
  .toolbox .btn-plus {
    display: block;
  }
  #visual .slides .left-col {
    padding-left: 20px;
  }
  .gray-container .col {
    width: 193px;
  }
  .brands-carousel .items li {
    width: 162px;
  }
  .contact-info .info-box,
  .contact-info .call-box {
    width: 100%;
    float: none;
    box-sizing: border-box;
  }
  .top-search .hint {
    display: none;
  }
  .choose-form {
    width: 97%;
    box-sizing: border-box;
  }
  .footer-right.boxes .rows .box {
    width: 246px;
  }
  .services-form .cell {
    margin: 0 0 20px;
    width: 50%;
  }
  .services-form .jq-selectbox,
  .services-form .jq-selectbox__select {
    width: 280px !important;
  }
  .contact-info .info-box,
  .contact-info .call-box {
    clear: both;
  }
}
/* 360px resolution */
@media only screen and (max-width: 640px) {
  .owl-pagination {
    display: none;
  }
  html,
  body {
    min-width: 320px;
  }
  .container {
    width: 310px;
  }
  .top-box .container,
  .page-image .holder-frame,
  .page-map .holder-frame {
    width: 310px;
  }
  .top-nav {
    display: none;
  }
  .socials,
  .account-menu {
    position: static;
  }
  .socials {
    float: left;
  }
  .account-menu {
    float: right;
  }
  .account-menu .account-link {
    font-size: 14px;
  }
  .top-search,
  .top-info {
    display: none;
  }
  .menu-expand .menu-btn {
    font-size: 13px;
    padding-right: 0;
    letter-spacing: 1.5px;
    padding-left: 14px;
  }
  #logo {
    float: none;
    margin: 0 auto;
    display: block;
  }
  .nav-frame {
    width: 350px;
  }
  .cart-popup {
    width: 320px;
  }
  .minicart-table .image {
    display: none;
  }
  .minicart-table p {
    font-size: 12px;
  }
  .minicart-table .price {
    font-size: 15px;
  }
  .container.index-tabs {
    width: 310px;
  }
  .menu-tabs-section .items-include .mask {
    width: 196px;
  }
  /* 404 gallery without mask */
  .page-404 .items-include .btn-prev,
  .page-404 .items-include .btn-next {
    display: none;
  }
  .page-404 .items-include .mask {
    height: auto;
    width: 100%;
    overflow: visible;
  }
  .page-404 .menu-tabs-section .items-include .tab-items {
    width: 100%;
    float: none;
  }
  .page-404 .menu-tabs-section .tab-items .product-item:first-child {
    margin: 0 0 20px;
  }
  .page-404 .menu-tabs-section .tab-items .product-item {
    float: none;
    margin: 0 0 20px;
    background-position: 73% 52%;
    width: 100%;
  }
  .page-404 .index-tabs .items-include {
    margin-bottom: 50px;
  }
  .page-404 .menu-tabs-section .tab-items .product-item {
    width: 299px;
    height: 253px;
  }
  .page-404 .menu-tabs-section .tab-items .product-item .holder {
    width: 100%;
    height: auto;
    box-sizing: border-box;
  }
  .page-404 .menu-tabs-section .product-item .expand {
    width: 339px;
  }
  .page-404 .menu-tabs-section .product-item .quick-view {
    left: 50px;
    padding: 7px 16px 9px 25px;
    background: url("../images/bg-transparent45.png");
    width: auto;
  }
  /* mobile footer styles */
  #footer .container {
    padding-bottom: 50px;
  }
  .fade-items {
    height: auto !important;
  }
  .fade-items .item {
    display: none !important;
  }
  .footer-left .fade {
    background: none;
    height: auto;
    position: static;
  }
  .footer-left {
    float: none;
    width: 100%;
    height: auto !important;
    margin: 0 0 20px;
    padding: 0;
  }
  .footer-left .holder {
    position: static;
    margin: 30px 0 0;
  }
  .footer-right {
    float: none;
    width: 100%;
  }
  .footer-right .box {
    margin: 30px 0 0;
  }
  #footer .socials {
    float: none;
  }
  #footer .copy {
    position: static;
    clear: both;
    margin: 20px 0 0;
    padding: 15px 20px;
    background: #282828;
  }
  #footer .tablet-hide {
    display: block;
  }
  .article-container {
    float: none;
  }
  .aside {
    display: none;
  }
  .toolbox {
    width: 100%;
    bottom: 44px;
    text-align: center;
    padding: 0;
  }
  .toolbox:hover {
    background: none;
  }
  .toolbox .links {
    display: none;
  }
  .toolbox .link-up {
    background: #474545 url(../images/bg-up-white.png) no-repeat 50%;
    border: 0;
    opacity: 1;
  }
  .toolbox .link-up:hover {
    opacity: 1;
    background: #282828 url(../images/bg-up-white.png) no-repeat 50%;
  }
  .toolbox .holder {
    border: 0;
    display: inline-block;
    background: none;
  }
  /* actions page */
  .color-boxes {
    margin: 0 0 20px;
    width: 100%;
  }
  .color-boxes .box {
    margin: 0 0 20px;
    width: 100%;
    height: 191px;
    float: none;
  }
  .color-boxes .box:first-child {
    margin: 0 0 20px;
  }
  .aside .row-box {
    float: none;
    width: 100%;
  }
  .aside-contact .text {
    box-sizing: border-box;
    width: 100%;
  }
  /*.videos-section {
    width: 254px;
    margin: 0 auto !important;
  }*/
  /* day action page */
  .day-action .day-title {
    background: none;
    height: auto;
  }
  .day-action .day-title h2 {
    color: #000;
    margin: 0 0 10px;
    font-size: 19px;
    line-height: 26px;
    text-transform: uppercase;
  }
  .day-action .day-title span {
    color: #444;
    float: none;
    display: block;
  }
  .dayproducts {
    margin-left: -10px;
  }
  .product-item {
    width: 308px;
    margin-left: 5px;
    margin-top: 7px;
    box-sizing: border-box;
  }
  .product-item .holder {
    padding: 15px 20px;
    width: 257px;
  }
  .product-item .expand {
    width: 342px;
  }
  .product-item .expand-holder {
    padding: 15px 20px 21px;
  }
  .dayproducts .product-item .expand {
    width: 341px;
  }
  .btn-cart {
    width: 115px;
    font-size: 14px;
  }
  .cart-container .items {
    width: 100%;
  }
  .cart-container .items .item {
    width: 100%;
    box-sizing: border-box;
  }
  .cart-container .item .image a {
    width: 290px;
    box-sizing: border-box;
  }
  .cart-container .buttons .button {
    box-sizing: border-box;
    float: none;
    margin: 0 0 20px;
    width: 100%;
    height: auto;
  }
  .advice-box .mask {
    width: 100%;
    margin: 0;
  }
  .advice-box .item {
    width: 347px;
    float: none;
    margin: 0 0 20px;
  }
  .advice-box .link-prev,
  .advice-box .link-next {
    display: none !important;
  }
  /* catalog sidebar */
  #sidebar .cats-filter,
  #sidebar .brands.box,
  #sidebar .colors.box {
    float: none;
    width: 100%;
    margin: 0 0 20px;
  }
  .size-choose li {
    width: 44%;
  }
  .filter-apply {
    width: 100%;
    text-transform: uppercase;
  }
  .brand-about .brand-img {
    float: none;
    margin: 0 0 20px;
    width: 100%;
    text-align: center;
  }
  .brand-about .brand-text {
    height: auto;
    width: 100%;
    overflow: visible;
    margin: 0 0 20px;
  }
  .top-panel .view-form {
    float: none;
    width: 100%;
  }
  .top-panel .view-form .views,
  .top-panel .view-form .cell:first-child {
    display: none;
  }
  .top-panel .view-form .cell {
    margin: 0;
  }
  .jq-selectbox.sort-type .jq-selectbox__select {
    width: 192px !important;
  }
  .products-items-list,
  .products-items-listview {
    display: none;
  }
  .product-item .quick-view {
    box-sizing: border-box;
    width: 100%;
    font-size: 13px;
  }
  .index-products .product-item .quick-view {
    width: auto;
    left: 50px;
  }
  .items-cells .product-item .quick-view,
  .wishlist .product-item .quick-view {
    width: auto;
    left: 50px;
  }
  /* brands page */
  .brands-box {
    float: right;
    margin: 50px 0 0;
    width: 70px;
    padding: 0 0 0 15px;
    border-left: 1px solid #eeeded;
  }
  .brands-box ul li {
    text-align: center;
    float: none;
    width: 100%;
    border: 0;
  }
  .brands-box ul li a {
    float: none;
  }
  .brand-items {
    float: left;
    margin: 30px 0 50px;
    overflow: hidden;
    width: 220px;
  }
  .brand-items .item {
    margin-left: 0;
  }
  .testemonials-block .text {
    margin-top: 30px;
    font-size: 14px;
    line-height: 20px;
  }
  .testemonials-block .text p {
    margin: 0 0 15px;
  }
  .testemonials-block .text h2 {
    font-size: 17px;
    line-height: 21px;
    margin: 0 0 15px;
  }
  /* contacts page */
  .contacts-holder {
    width: 100%;
  }
  .contact-form .row .text {
    box-sizing: border-box;
    width: 100%;
  }
  .contact-form .row .cell {
    float: none;
    overflow: hidden;
    width: 100%;
    margin: 18px 0 0;
  }
  .contact-form .row .cell .text {
    width: 100%;
  }
  .contact-form textarea {
    box-sizing: border-box;
    width: 100%;
  }
  .contact-form .captcha-cell .text {
    float: left;
    width: 136px;
  }
  .contact-boxes {
    width: 100%;
    margin: 0;
  }
  .contact-boxes .box {
    margin: 0 0 20px;
    width: 100%;
    box-sizing: border-box;
  }
  .contact-boxes .box .holder {
    width: 348px;
  }
  .side-banners {
    clear: both;
    text-align: center;
    padding: 30px 0 0;
  }
  .side-banners .box:first-child {
    margin: 0 0 30px;
  }
  .side-banners .box {
    display: inline-block;
    float: none;
    margin: 0 0 30px;
  }
  .page-image .text,
  .page-map .text {
    top: 98px;
  }
  .page-image .text h1,
  .page-map .text h1 {
    line-height: 32px;
  }
  .success-order {
    margin: 50px auto;
    background: none;
  }
  .success-message {
    padding: 0;
  }
  .success-message .holder {
    padding: 0;
    border: 0;
  }
  /* account page */
  .account-page {
    padding-top: 35px;
  }
  .account-holder {
    width: 100%;
  }
  .account-tabs li:first-child,
  .account-tabs li {
    margin: 0 0 20px;
  }
  .account-tabs li {
    float: none;
    width: 100%;
    height: auto;
  }
  .account-tabs li a {
    display: block;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 8px 30px;
    text-align: center;
  }
  .account-tabs li span {
    display: block;
  }
  .account-frames .title h2 {
    margin: 0 0 10px;
    float: none;
  }
  .account-frames .title > a {
    float: none;
    display: inline-block;
  }
  .profiles-list {
    width: 100%;
  }
  .profiles-list .profile-item,
  .profile-item .add-info {
    width: 100%;
  }
  .wishlist .products-content .product-item {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .wishlist .products-content .product-item .holder {
    height: auto;
  }
  .feed-form .l-col,
  .feed-form .r-col {
    float: none;
    overflow: hidden;
    margin: 0 0 20px;
    width: 100%;
  }
  .feed-form textarea {
    box-sizing: border-box;
    width: 100% !important;
  }
  .history-table .cell {
    font-size: 13px;
    line-height: 18px;
    padding: 5px 10px;
  }
  .history-table .expander {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
  }
  .history-table .exp-table img {
    display: none;
  }
  .history-table .exp-table a {
    font-size: 13px;
  }
  .history-table .exp-table td {
    line-height: 24px;
  }
  .history-table .exp-table td .price {
    font-size: 15px;
  }
  .history-table .cell-1 {
    width: 47px;
  }
  .history-table .cell-2 {
    width: 64px;
  }
  .history-table .cell-3 {
    width: 62px;
  }
  .history-table .cell-4 {
    width: 89px;
  }
  /* news page */
  .news-container {
    width: 100%;
  }
  .news-container .box.left,
  .news-container .box.right {
    float: none;
    width: 100%;
    box-sizing: border-box;
  }
  .news-container .box .image {
    float: none;
    margin: 0 0 20px;
    width: 100%;
  }
  .news-container .box .image img {
    width: 100%;
    height: auto;
  }
  .pages li {
    margin: 0 2px;
  }
  .pages li a {
    padding: 12px;
  }
  .pages li:first-child a,
  .pages li:last-child a {
    font-size: 0;
    padding: 9px 12px;
  }
  .pages li:first-child a:after {
    content: "<";
    font-size: 17px;
  }
  .pages li:last-child a:after {
    content: ">";
    font-size: 17px;
  }
  /* review page */
  .rew-cols .links .item .ico-text {
    display: none !important;
  }
  .rew-cols .links {
    float: none;
    margin: 0 0 20px;
    width: 100%;
  }
  .rew-cols .links .item {
    width: 92px;
    height: 92px;
    margin: 0 5px 15px;
    float: left;
  }
  .rew-cols .links .item a,
  .rew-cols .links .item .icon {
    width: 90px;
    height: 90px;
  }
  .rew-cols .contents-holder {
    width: 100%;
  }
  .content-gal,
  .content-gal .mask,
  .content-gal li {
    width: 350px;
    height: 159px;
  }
  .content-gal .link-prev,
  .content-gal .link-next {
    top: 64px;
  }
  .content-gal li img {
    width: 350px;
    height: 169px;
  }
  .content-gal .text-head {
    display: none;
  }
  .review-section {
    margin: 0 0 30px;
  }
  .other-reviews .image {
    width: 100%;
    margin: 0 0 20px;
    float: none;
    text-align: center;
  }
  .other-reviews .text-holder {
    height: auto;
  }
  /* order page */
  .order-container {
    width: 100%;
  }
  .order-container .step {
    background: none;
    margin-bottom: 20px;
  }
  .order-container .step,
  .order-container .step:first-child {
    padding: 0;
  }
  .order-container .step .title {
    margin: 0 0 15px;
    text-align: center;
  }
  .order-container .step .title h2 {
    margin: 20px 0 12px;
  }
  .order-container .step-label {
    background: none;
    width: 59px;
    height: 52px;
    border: 1px solid #efefef;
    border-radius: 25%;
    padding: 5px;
    margin: 0 auto;
    float: none;
  }
  .order-container .label-holder {
    width: 59px;
    height: 52px;
  }
  .order-container .label-holder strong {
    font-size: 27px;
    line-height: 30px;
  }
  .pay-method {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .order-container .row .jq-selectbox__select,
  .order-container .row .cell-1 .jq-selectbox__select {
    width: 268px !important;
  }
  .delivery-method {
    margin-left: 0;
  }
  .delivery-method .item {
    box-sizing: border-box;
    width: 310px;
    margin-left: 0;
  }
  .order-table .image {
    display: none;
  }
  .summary-table td {
    padding: 8px;
    font-size: 13px;
    line-height: 18px;
    width: 60%;
  }
  .order-container .buttons {
    margin: 0;
  }
  .order-container .buttons .btn-cart {
    margin: 0;
  }
  /* product page */
  .product-popup .left {
    float: none;
    width: 336px;
  }
  .product-popup .mask {
    width: 310px;
  }
  .product-popup .images-block {
    width: 310px;
  }
  .product-popup .images-frame {
    width: 310px;
  }
  .product-popup .mask .images li {
    width: 310px;
  }
  .product-popup .mask .images li a {
    width: 310px;
  }
  .product-popup .mask .images img {
    width: 100%;
    height: auto;
  }
  .product-popup .slides li,
  .product-popup .slides li:first-child {
    margin: 5px;
  }
  .buttons .btn-click {
    width: 155px;
  }
  .product-popup .price-box .number,
  .add-popup .price-box .number {
    float: none;
  }
  .product-popup .price-box .status {
    margin-top: 20px;
    display: block;
    float: none;
    clear: both;
  }
  .product-popup .buttons .btn-cart,
  .add-popup .buttons .btn-cart {
    box-sizing: border-box;
    margin: 0 0 15px;
    width: 100%;
  }
  .buttons .btn-click {
    box-sizing: border-box;
    width: 100%;
    height: auto;
  }
  .product-tabs-list li {
    margin: 0 -1px 0 0;
    font-size: 14px;
  }
  .product-tabs-list li a {
    padding: 8px;
  }
  .product-tabs .list-holder {
    padding: 12px;
  }
  .tab-details li .label {
    width: 149px;
  }
  .tab-video {
    width: 324px;
    height: 198px;
  }
  .tab-video img {
    width: 100%;
  }
  .similars {
    width: 100%;
  }
  .similars .items-include .mask {
    width: 100%;
    float: left;
    height: auto;
  }
  .items-include .tab-items {
    width: 100%;
  }
  .similars .tab-items .product-item {
    width: 100%;
  }
  .similars .tab-items .product-item .expand {
    width: 162px;
    box-sizing: border-box;
  }
  .similars .tab-items .product-item .expand .btn-cart {
    width: 100%;
    box-sizing: border-box;
  }
  .similars .tab-items .product-item .quick-view {
    background: url("../images/bg-transparent45.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 7px 9px 9px;
    font-size: 11px;
  }
  .similars .items-include .btn-prev,
  .similars .items-include .btn-next {
    display: none;
  }
  .prod-similar .tab-items .product-item {
    margin: 0;
  }
  .prod-similar .tab-items .product-item {
    height: auto;
  }
  .comments-board .link-comment {
    font-size: 12px;
  }
  .comments-board .item.sub {
    padding-left: 10px;
  }
  .comments-board .add-review .row .left,
  .comments-board .add-review .row .right {
    float: none;
    width: 100%;
    overflow: hidden;
  }
  .comments-board .add-review .text {
    width: 100%;
    box-sizing: border-box;
  }
  .comments-board .add-review .right textarea,
  .comments-board .add-review .new-comment textarea {
    width: 100% !important;
    box-sizing: border-box;
  }
  .comments-board .captcha-cell .text {
    width: 149px !important;
  }
  .comments-board .avatars li,
  .comments-board .avatars li:first-child {
    margin: 10px;
  }
  .desc-gallery {
    width: 100%;
    height: auto;
  }
  .desc-gallery li .slide-text {
    display: none !important;
  }
  .desc-gallery img,
  .desc-gallery li {
    width: 324px;
    height: 262px;
  }
  .desc-gallery .link-prev,
  .desc-gallery .link-next {
    top: 110px;
  }
  .some-holder .comments-board .add-review .row .right {
    width: 100% !important;
  }
  .some-holder .comments-board .add-review .right textarea {
    width: 100% !important;
  }
  /* root category page */
  .home-cat h2 {
    float: none;
    margin: 0 0 20px;
  }
  .root-carousel {
    margin-bottom: 0;
  }
  .root-carousel .container {
    width: 100%;
  }
  .root-carousel .items-include .mask {
    height: auto;
    width: 350px;
    margin: 0 auto;
  }
  .root-carousel .tab-items .product-item {
    width: 303px;
    float: none;
  }
  .root-carousel .items-include .btn-prev,
  .root-carousel .items-include .btn-next {
    display: none;
  }
  /* vacancies page */
  .article-container .align-left,
  .article-container .align-right {
    float: none;
    margin: 0 0 20px;
  }
  .job-items .item .text {
    width: 296px;
  }
  .job-items .item .text .holder,
  .job-items .item.red .text .holder {
    width: 100%;
    height: auto;
    box-sizing: border-box;
  }
  .job-items .item .link {
    bottom: 4px;
  }
  .our-team .items .item {
    width: 342px;
  }
  #footer .copy {
    font-size: 13px;
  }
  .quotes-block .quote .text {
    padding: 10px 30px;
  }
  .menu-tabs .menu li:first-child {
    margin: 0 0 10px;
  }
  .menu-tabs .menu li {
    margin: 0 0 10px;
    float: none;
    overflow: hidden;
  }
  /* index page */
  .services-boxes {
    display: none;
  }
/*Visual*/
#visual .slides .left-col {
    padding: 10px 20px;
    display: block;
}

#visual .container {
    width: 100%;
}

#visual .slides .cell {
    display: block;
}

#visual .slides .title {
    margin: 0 0 15px;
}

#visual .slides .text {
    font: 1em/1.2em 'helveticaneuecyrthin', Arial, Helvetica, sans-serif;
    margin: 0 0 10px;
    letter-spacing: 1px;
}

#visual .slides .right-col {
    float: right;
    display: none;
}

#visual .mask, #visual .slides .cell {
    height: 100%;
}

#visual .slides .title h2 {
    font: 1em/1.2em 'pf_beausans_prosemibold', Arial, Helvetica, sans-serif;
    display: inline-block;
    padding: 5px;
    font-weight: 300;
    background-color: rgba(0, 0, 0, 0.2);
    letter-spacing: 2px;
}

#visual .button {
    font-size: 1em;
    padding: 5px 9px;
}
  .index-products {
    width: 310px;
  }
  .index-products .filters {
    text-align: center;
  }
  .index-products .filters h2 {
    float: none;
    margin: 0 0 20px;
  }
  .filters-list {
    float: none;
    overflow: hidden;
    margin: 0 0 20px;
  }
  .filters-list li:first-child {
    margin: 0 0 20px;
  }
  .filters-list li {
    width: 100%;
    text-align: center;
    float: none;
    margin: 0 0 20px;
    overflow: hidden;
  }
  .filters-list li a {
    float: none;
    display: inline-block;
  }
  .index-products .products {
    width: 100%;
  }
  .brands-catalog .tab-items .product-item {
    width: 345px;
    float: left;
  }
  .brands-catalog .items-include .mask {
    width: 345px;
  }
  .brands-catalog .items-include .tab-items {
    width: 99999px;
  }
  .brands-catalog .items-include .btn-next {
    right: 12px;
  }
  .menu-tabs .menu {
    text-align: center;
  }
  .menu-tabs .menu li:first-child {
    margin: 0 0 20px;
  }
  .menu-tabs .menu li {
    float: none;
    overflow: hidden;
    width: 100%;
    margin: 0 0 20px;
  }
  .menu-tabs .menu li a {
    float: none;
    display: inline-block;
  }
  .menu-tabs-section .items-include .mask {
    overflow: visible;
    width: 100%;
    margin: 0;
  }
  .menu-tabs-section .items-include .btn-prev,
  .menu-tabs-section .items-include .btn-next {
    display: none;
  }
  .menu-tabs-section .product-item .expand {
    width: 174px;
  }
  .menu-tabs-section .tab-items .product-item {
    float: left;
    width: 100%;
    height: auto;
  }
  .menu-tabs-section .tab-items .product-item:first-child,
  .menu-tabs-section .tab-items .product-item {
    margin: 1px 0 0 -4px;
    padding: 6px 5px;
  }
  .menu-tabs-section .tab-items .product-item .holder {
    padding: 15px 8px;
    width: 100%;
    height: 252px;
    box-sizing: border-box;
  }
  .menu-tabs-section .product-item .tools li {
    margin: 0 0 0 2px;
  }
  .menu-tabs-section {
    margin: 0 0 80px;
  }
  /* visual new page */
  .visual-new {
    width: 360px;
    padding: 0 0 40px;
  }
  .visual-product.left {
    width: 360px;
    float: none;
    margin: 0 0 20px;
    height: auto;
    text-align: center;
  }
  .visual-product,
  .visual-product .text .frame {
    width: 360px;
    height: 373px;
  }
  .visual-new .visual-gal {
    width: 360px;
    margin: 0;
  }
  .visual-gal .ic_caption .frame,
  .visual-new #carousel li,
  .visual-gal h3 {
    width: 360px;
  }
  .visual-banner {
    margin: 0;
  }
  .visual-banner .top-banner {
    margin: 0 0 20px;
    float: none;
    width: 100%;
  }
  .visual-banner .top-banner a {
    width: 360px;
  }
  .visual-banner .bottom-banner {
    width: 360px;
    float: none;
    box-sizing: border-box;
  }
  .visual-banner .bottom-banner .holder a {
    width: 280px;
  }
  /* popups */
  .popup {
    background: none;
    padding: 0;
  }
  .popup .holder,
  .popup.add-profile .holder,
  .popup.popup-edit .holder {
    padding: 10px;
    width: 320px;
    box-sizing: border-box;
  }
  .popup-form .text,
  .popup.add-profile .popup-form .text,
  .popup.popup-edit .popup-form .text {
    width: 100%;
    box-sizing: border-box;
  }
  /* catalog filter */
  .filter-expand h2 {
    cursor: pointer;
    padding: 0 0 0 24px;
    background: url(../images/bg-mobile-menu.png) no-repeat 0 49%;
  }
  .filter-expand h2 + form {
    display: none;
  }
  /* mobile menu */
  .nav-mobile {
    float: left;
    display: block;
    background: url(../images/bg-mobile-menu.png) no-repeat 0 49%;
    cursor: pointer;
    padding: 0 0 0 24px;
    color: #616160;
    font-size: 17px;
    font-weight: bold;
    line-height: 22px;
    text-transform: uppercase;
  }
  .nav-mobile.active {
    color: #ea543f;
  }
  #nav,
  .nav {
    display: none;
  }
  .discount-link {
    display: none;
  }
  #nav {
    top: 68px;
    left: 0;
    display: none;
    height: auto;
    position: absolute;
    width: 360px !important;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    max-height: 360px;
    overflow: auto;
  }
  #nav > li,
  .nav > li {
    float: none;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    font-size: 13px;
    padding: 12px 0;
    border-top: 1px dotted #d5d4d4;
  }
  #nav > li > a,
  .nav > li > a {
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    outline: none;
  }
  .nav-frame .drop,
  .nav .drop {
    border-top: 1px dotted #d5d4d4;
    display: none;
    position: static;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 6px 0 0;
  }
  .nav-frame .drop .columns {
    width: 100%;
    float: none;
    margin: 0 0 -4px;
  }
  .nav-frame .drop .columns .col {
    float: none;
    width: 100%;
    margin: 0;
  }
  .nav-frame .drop .columns .col:first-child {
    margin: 0;
  }
  .nav-frame .drop .columns .col:first-child .col-title {
    border: 0;
  }
  .nav-frame .drop .columns .col-title {
    border-top: 1px dotted #d5d4d4;
    display: block;
    float: none;
    padding: 6px 0 6px 12px;
    margin: 0;
    font-size: 14px;
    cursor: pointer;
    background: url("../images/bg-drop-arrow.png") no-repeat scroll 100% 50%;
  }
  .nav-frame .drop .columns .col-title.hasDrop {
    background: url("../images/bg-drop-arrow.png") no-repeat scroll 100% 50%;
  }
  .nav-frame .drop .columns .col-title:hover {
    color: #ea543f;
  }
  .nav-frame .drop .columns .sub-menu {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 0 0 20px;
    margin: 0;
    display: none;
  }
  .nav-frame .drop .columns .sub-menu li {
    font-size: 13px;
    font-weight: 300;
    margin: 0 0 6px;
  }
  .toolbox {
    display: none;
  }
  .product-item .image > .image-box {
    display: block;
  }
  .side-banners {
    display: none;
  }
  .popup.product-popup .holder {
    width: 100%;
    box-sizing: border-box;
  }
  .ajax-tmp {
    left: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
  }
  /* disable gallery for product slider */
  .tab-content .bx_item_slider .bx_slide {
    margin: 0 !important;
  }
  .tab-content .bx_item_slider .bx_slide ul {
    width: 100% !important;
  }
  .tab-content .bx_item_slider .bx_slide ul li {
    margin: 10px !important;
  }
  .tab-content .bx_slide_left,
  .tab-content .bx_slide_right {
    display: none !important;
  }
  /* youstore v3 pages tweaks */
  .content-top {
    float: left;
    width: auto;
  }
  .menu-expand {
    width: 242px;
  }
  .new-container .top-section {
    width: auto;
  }

  .index-links {
    width: 100%;
  }
  .index-links .item {
    width: 310px;
    height: 160px;
    box-sizing: border-box;
    margin: 0 0 10px;
  }
  .index-links .item:first-child {
    margin: 0 0 10px;
  }
  /* youstore v3 mobile footer */
  .footer-right.boxes .rows .box {
    width: 100% !important;
  }
  .footer-right.boxes .rows .box,
  .footer-right.boxes .rows .box:first-child {
    margin: 20px 0 0;
  }
  .footer-right.boxes .tags-list {
    width: 100%;
  }
  .footer-search {
    width: 100%;
  }
  .footer-search .text {
    width: 177px;
  }
  .footer-search .submit {
    float: left;
  }
  .copyright,
  .copy {
    display: none;
  }
  .videos-section {
    width: 310px;
    margin: 0 auto;
  }
  .home .videos-section {
    margin: auto 0;
  }
  #sidebar .box.filter .title {
    float: none;
  }
  .page-image,
  .page-map {
    margin: 0;
  }
  .samples-block .text h2 {
    font-size: 33px;
    line-height: 42px;
  }
  /* -- 2015-05-05 responsive youstore fixes -- */
  /* disable minicart hover */
  .cart-popup {
    display: none !important;
  }
  /* disable products hover */
  .product-item .expand {
    display: none !important;
  }
  #sidebar .box.filter .title {
    float: none;
  }
  .filter-apply {
    margin: 0 0 10px;
  }
  #main #sidebar form {
    margin-bottom: 30px;
  }
  .success-popup {
    background: #fff;
  }
  .cart-container .item-delete {
    display: block !important;
  }
  .order-container .step-label {
    display: none;
  }
  .order-container .step .title h2 {
    text-align: left;
    text-transform: uppercase;
  }
  .pay-method .item {
    margin: 0 0 20px;
    width: 100%;
    float: none;
    display: block;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;
    padding: 30px 0;
    height: auto;
  }
  .pay-method .item strong {
    float: left;
    height: auto;
  }
  .pay-method .item .tooltip {
    float: left;
    visibility: visible !important;
    border: 0;
    background: none;
    text-align: left;
    margin: 8px 0 0;
    max-width: 46%;
  }
  .pay-method .item .tooltip span {
    display: none;
  }
  .order-table th {
    font-size: 13px;
  }
  .order-table td {
    font-size: 12px;
  }
  .order-table th:nth-child(4) {
    white-space: nowrap;
  }
  .vacancy-popup {
    left: 10px !important;
    box-sizing: border-box;
    width: 95% !important;
  }
  .root-carousel .tab-items .product-item {
    margin-left: 24px;
  }
  .root-carousel .tab-items .product-item {
    height: auto;
  }
  .home-cat .container {
    text-align: center;
  }
  .home-cat h2 {
    padding: 0;
  }
  /* new header look (2015-05-15) */
  .menu-expand {
    width: 192px;
  }
  .top-search {
    display: block;
  }
  .top-search select,
  .top-search .jq-selectbox {
    display: none !important;
  }
  .top-search .text {
    display: none;
  }
  .top-search .submit {
    margin: 0;
  }
  .top-nav {
    display: block;
    float: left;
    width: auto;
    position: relative;
  }
  .top-box .top-toggle {
    color: #616160;
    font-size: 14px;
    line-height: 42px;
    float: left;
    background: url(../images/bg-top-nav.png) no-repeat 0 50%;
    padding: 0 0 0 10px;
    margin: 0 0 0 5px;
  }
  .top-box .top-toggle:hover,
  .top-box .top-toggle.active {
    color: #28a1d8;
  }
  .top-nav ul > li {
    display: block;
  }
  .top-nav ul > li a {
    display: block;
    float: none;
    text-align: left;
  }
  .top-nav .items {
    display: none;
    position: absolute;
    left: 0;
    top: 43px;
    background: #f8f7f7;
    border: 1px solid #f2f1f1;
    z-index: 9999;
    width: 170px;
  }
  /* 320px resolution tweaks */
  .samples-block .button-buy {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
    line-height: 56px;
  }
  .box-404 h2 {
    font-size: 33px;
  }
  .color-boxes .box .image {
    display: none;
  }
  .account-form .text-holder {
    width: 100%;
  }
  .account-form .text {
    box-sizing: border-box;
    width: 310px;
  }
  .account-form .jq-selectbox__select {
    padding-right: 20px;
  }
  .account-form .cell {
    margin: 0 0 0 7px;
  }
  .feed-form .text {
    width: 100%;
    box-sizing: border-box;
  }
  .product-popup .size .jq-selectbox__select,
  .add-popup .size .jq-selectbox__select {
    width: 165px !important;
  }
  .likes li {
    margin: 0 10px 0 0;
  }
  .product-tabs-list li {
    font-size: 12px;
    letter-spacing: 1px;
  }
  .product-tabs-list li a {
    padding: 5px;
  }
  .tab-details li {
    font-size: 14px;
  }
  .tab-details li .label {
    width: 124px;
  }
  .article-container .a-boxes {
    width: 100%;
  }
  .job-items .item .photo {
    display: none;
  }
  .job-items .item .text {
    box-sizing: border-box;
    width: 100%;
  }
  .our-team .items .item {
    width: 296px;
  }
  /* scroll container menu button */
  .scroll-container .menu-expand .menu-btn {
    font-size: 0;
    padding: 0;
    width: 47px;
    height: 47px;
    text-align: center;
  }
  .scroll-container .menu-expand .menu-btn:before {
    line-height: 44px;
    font-size: 30px;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }
  .scroll-container .menu-expand {
    width: 40px;
  }
  .two-boxes .imgs a {
    display: block;
    text-align: center;
    margin: 0 0 20px;
  }
  .gray-container .col {
    float: none;
    width: 100%;
    margin: 0 0 20px;
  }
  .gray-container .col:first-child {
    margin: 0 0 20px;
  }
  .brands-carousel .items li,
  .brands-carousel .items li a {
    width: 132px;
  }
  .brands-carousel .items li img {
    width: 100%;
    height: auto;
  }
  .choose-form {
    width: 100%;
    padding: 10px;
  }
  .choose-form label {
    float: none;
    margin: 0 0 10px;
  }
  .choose-form .field-cell {
    margin: 0;
  }
  .choose-form .text {
    width: 238px;
  }
  .brands-box ul li {
    height: auto;
  }
  .content-text {
    width: 100%;
    clear: both;
  }
  .bonus-box .bonus-text {
    font-size: 13px;
    margin: 0 0 15px;
  }
  .bonus-box .button {
    float: none;
  }
  .bonus-box .current-bonus {
    border: 0;
  }
  .services-table .row-head .cell {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0;
  }
  .services-table .cell {
    padding: 5px;
    font-size: 12px;
  }
  .services-table .table-button {
    padding: 5px;
  }
  .services-table .cell-1 {
    width: 52%;
  }
  .services-table .cell-3 {
    width: 13%;
  }
  .services-table .cell-expand h4 {
    font-size: 16px;
  }
  .services-table .cell-expand {
    letter-spacing: 0;
    font-size: 12px;
    line-height: 16px;
  }
  .services-table .expand-input {
    font-size: 13px;
  }
  .aside {
    display: block;
  }
  .aside .widget {
    display: none;
  }
  .aside .widget:last-child {
    display: block;
  }
  .services-form .cell {
    margin: 0 0 20px !important;
    width: 100%;
  }
  .services-form .jq-selectbox,
  .services-form .jq-selectbox__select {
    width: 100% !important;
  }
}
/* wide page version */
.wide-page .outer-wrapper {
  border: 0;
  width: 100%;
  margin: 0;
}
.wide-page .w1,
.wide-page .w2 {
  position: static;
  float: none;
  left: auto;
}
.wide-page .samples-block {
  width: 100%;
}
.widget-form .row {
  width: 186px;
}
.widget-form #service_row_5 .button {
  width: 150px;
  text-align: center;
  font-size: 15px;
}
/*#service_row_5{
	display:none;
}*/
#service_row_5 .disabled {
  background: #bbb;
  border-bottom: 3px solid #999;
}
.services-form #service_row_5 {
  margin: 0 0 0 18px;
}
.services-form #service_link {
  padding: 10px 15px;
  font-size: 15px;
}
.bonus-popup .soc a {
  cursor: pointer;
}
.bonus-popup .soc a.disabled {
  cursor: default;
  color: #999;
  text-decoration: none;
}
/*soscerv discount popup*/
.bonus-popup .soc li {
  float: left;
  margin: 0 9px 0 0;
}
.bonus-popup .soc li a {
  display: block;
  font-size: 0;
  width: 43px;
  height: 43px;
  background: url(../images/socservs_discount.png) no-repeat;
}
.bonus-popup .soc li a.vkontakte {
  background-position: 0 0;
}
.bonus-popup .soc li a.vkontakte:hover {
  background-position: 0 -43px;
}
.bonus-popup .soc li a.facebook {
  background-position: -43px 0;
}
.bonus-popup .soc li a.facebook:hover {
  background-position: -43px -43px;
}
.bonus-popup .soc li a.twitter {
  background-position: -86px 0;
}
.bonus-popup .soc li a.twitter:hover {
  background-position: -86px -43px;
}
.bonus-popup .soc li a.odnoklassniki {
  background-position: -172px 0;
}
.bonus-popup .soc li a.odnoklassniki:hover {
  background-position: -172px -43px;
}
.bonus-popup .soc li a.google {
  background-position: -129px 0;
}
.bonus-popup .soc li a.google:hover {
  background-position: -129px -43px;
}
.bonus-popup .soc li a.disabled:hover {
  background-position-y: 0;
}
.phone-popup-service-price-p {
  color: #555;
  font-weight: bold;
}

.phone-popup .captcha-cell {
  margin: 10px 0;
}
.site_traffic {
float: left;
margin-bottom: 1px;
}
.mf-ok-text {
	color:#28a1d8;
}