@font-face {
    font-family: 'RussoOne';
    src: url('/fonts/russo_one.eot');
    src: url('/fonts/russo_one.eot?#iefix') format('embedded-opentype'),
         url('/fonts/russo_one.woff2') format('woff2'),
         url('/fonts/russo_one.woff') format('woff'),
         url('/fonts/russo_one.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/**
* Общее
*/
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 5px 0 10px 0;
  font-family: 'RussoOne';
  color: #344d8e;
  text-transform: uppercase;
  line-height: 1.10em;
}

h1 {
  font-size: 28px;
  /*line-height: 30px;*/
  margin: 0 0 10px 0;
}

.product h1 {
  text-transform: none;
}

h2 {
  font-size: 18px;
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 14px;
}

h5, h6 {
  font-size: 13px;
}

a, a:link, a:visited, a:hover, a:active {
  text-decoration: underline;
  font-weight: normal;
  color: #007dbe;
}

a.sel,
a:hover, a:active {
  color: #ff6c00;
}

.u, u { text-decoration: underline; }
.b, b { font-weight: bold; }
.i, i { font-style: italic; }
.right { text-align: right; }
.w1p { width: 1%; }
.w100p { width: 100%; }
.nowrap { white-space: nowrap; }

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

.content_page p,
#content_page p,
.contacts_tab p,
.product p {
  margin: 1em 0;
}

.content_page ul,
#content_page ul,
.product .panel-container ul {
  list-style-type: none;
  padding: 0px;
  margin: 1em 0;
}

.content_page ul li,
#content_page ul li,
.product .panel-container ul.advantages li {
  background: url("/img/marker_circle.png") 5px 9px no-repeat;
  padding: 5px 0 5px 35px;
}

/*.product .panel-container ul.docs li {
  background: url("/img/doc_marker.png") 5px 5px no-repeat;
}*/

.content_page ol,
#content_page ol {
  margin: 0 0 0 2em;
  list-style: decimal;
}

sub, sup {
  font-size: 0.75em;
}

.img_left {
  float: left;
  margin: 0 1em 1em 0;
}

.img_right {
  float: right;
  margin: 0 0 1em 1em;
}

/**
* layout
*/
html {
  min-width: 1000px;
  background: #fff url(/img/body_bg.png) 0 0 repeat-x;
}

body {
  font-family: 'PT Sans Narrow';
  font-size: 16px;
  line-height: 19px;
}

/**
* header
*/
#header {
  position: relative;
  z-index: 1;
  background: url(/img/header_bg.png) 50% 100% no-repeat;
}

#header .wrap {
  position: relative;
  height: 224px;
  width: 946px;
  margin: 0 auto;
}

#logo {
  position: absolute;
  left: 50%;
  /*margin-left: -105px;*/
  margin-left: -82px;
  bottom: 16px;
}

#logo, #logo img {
  display: block;
  width: 163px;
  height: 92px;
}

/**
* mainmenu
*/
#mainmenu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#mainmenu li {
  position: relative;
  float: left;
}

#mainmenu li a {
  display: block;
  height: 38px;
  line-height: 38px;
  margin-right: 25px;
  font-size: 18px;
  color: #919191;
  text-decoration: none;
}

#mainmenu li a.sel,
#mainmenu li a:hover, #mainmenu li a:active {
  color: #ffde3d;
}

#mainmenu li ul {
  position: absolute;
  display: none;
  left: -15px;
  top: 34px;
  background: #1c1c1c;
  padding: 10px 15px;
}

#mainmenu li:hover ul {
  display: block;
}

#mainmenu li li {
  float: none;
}

#mainmenu li li a {
  display: block;
  border-bottom: 1px solid #575755;
  height: 34px;
  line-height: 34px;
  margin: 0;
  padding: 0 10px;
  white-space: nowrap;
}

#mainmenu li li:last-child a {
  border: 0;
}

/**
* lnmenu
*/
#lnmenu {
  position: absolute;
  top: 0;
  right: 0;
}

#lnmenu li {
  float: left;
}

#lnmenu li a {
  display: block;
  height: 38px;
  line-height: 38px;
  margin-left: 10px;
  font-size: 16px;
  color: #d4b131;
  text-decoration: none;
  text-transform: lowercase;
}

#lnmenu li a.sel,
#lnmenu li a:hover, #lnmenu li a:active {
  color: #f7db40;
  text-decoration: underline;
}

/**
* categories
*/
#categories {
  position: absolute;
  top: 52px;
  left: 0;
  height: 45px;
  border-bottom: 1px solid #fff;
}

#categories li {
  float: left;
}

#categories li a {
  display: block;
  position: relative;
  width: 209px;
  height: 45px;
  line-height: 18px;
  padding: 0 18px;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
}

#categories li:first-of-type a {
  padding-left: 0;
}

#categories li:last-of-type a {
  padding-right: 0;
}

#categories li a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 26px;
  width: 0;
  border-right: 2px solid #ecdda6;
}

#categories li:last-of-type a:after {
  display: none;
}

/**
* slogan
*/
#header .slogan {
  position: absolute;
  left: 0;
  top: 114px;
  width: 320px;
  line-height: 16px;
  text-transform: uppercase;
  color: #514413;
}

/**
* contacts
*/
#header .contacts {
  position: absolute;
  right: 0;
  top: 114px;
  width: 250px;
  padding-left: 32px;
  color: #514413;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJQTFRF1LExUVNXXVtUxKY2zq0zWFhVWVlVY2BSnYlBgXZJkYFEzKszmodCyqo0bWdPmIZCvaA4hXhIg3dInopBaWRQnIlBhXlIk4NEo44/U1RXmYdCUlNXsZg7fnNKxaY1XVxTz60ye3FLfHJLX11TZmJRd25MrpY8hnlIenBLzawzwKM3h3pHxqc1y6s0m4hCr5Y8up45XFtU0rAxUlRX07Ex0a8yi3xGt5w5yak0dW1NeW9Mtpw6nYpBinxGYmBSVVZWgHVJrZU8bmhPppA+jn5Fl4ZDmohCaGNQZ2JRV1dVu584a2ZPdGxNn4tAg3dJqZI9oItArJU8lYRDYF5Ts5k7b2hOZyfkBwAAAOVJREFUeNpcj2dbwlAMhXNaOmhp2XuDA0FUcMtWUHCL8v//CvHelgfIh+TkfTKJ2MxFlPYth7GnAuGPilTPCEpxXa0nHktChnxWgFVEjNKKomgYsT+mq6ie0aDQDXyrkf0bGwA6tVVVtVBj79CplikDhhiTxKeIldQB17/v7gj0mU2FnKHo3WcC+R+hnIi8iRzund/tPpTi1pw35jVe4NC1GBkn/8QOJfDiflGvykj/E0X3eTcZfzMedEaX36Lxthw+W2XlK50nOcx2h95z2cMLf9mRJki9cb51QWTZSpuT5iZfCzAAISwRqdF6B/wAAAAASUVORK5CYII=') 0 0 no-repeat;
}

#callback {
  color: #514413;
  text-transform: uppercase;
}

#callback:hover {
  text-decoration: none;
}

/**
* btn_rounded
*/
a.btn_rounded {
  display: inline-block;
  height: 34px;
  padding: 0 30px 0 60px;
  line-height: 30px;
  border: 3px solid #c60101;
  border-radius: 20px;
  font-size: 22px;
  font-family: 'PT Sans Narrow';
  text-transform: lowercase;
  text-decoration: none;
  color: #000;
  background: url(/img/gt_red.png) 25px 50% no-repeat;
  transition: background-color .2s ease-in-out;
}

a.btn_rounded:hover, a.btn_rounded:active {
  /*color: #fff;*/
  /*background: #c60101 url(/img/gt_white.png) 25px 50% no-repeat;*/
  background-color: #eeaca6;
}

a.btn_rounded.fill {
  color: #fff;
  background: #c60101 url(/img/gt_white.png) 25px 50% no-repeat;
}

a.btn_rounded.fill:hover, a.btn_rounded.fill:active {
  /*color: #000;*/
  /*background: url(/img/gt_red.png) 25px 50% no-repeat;*/
  background-color: #da2d20;
}

/**
* why_we
*/
#why_we {
  position: relative;
  height: 240px;
  width: 1000px;
  margin: 0 auto;
  background: url("/img/why_we_big.png") 92px 20px no-repeat, url("/img/gt_big_yellow.png") 25px 90px no-repeat;
}

.why_we_alt {
  position: relative;
  height: 520px;
  background: url("/img/recommendations_bg.jpg") 50% 0;
}

.why_we_alt:before, .why_we_alt:after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  height: 110px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.why_we_alt:before {
  background-image: url("/img/white_overlay_top.png");
  top: 0;
}

.why_we_alt:after {
  background-image: url("/img/white_overlay_bottom.png");
  bottom: 0;
}

.why_we_alt #why_we {
  height: 520px;
  width: 946px;
  margin: 0 auto;
  background: url("/img/why_we_superbig.png") 85px 123px no-repeat;
}

#sidebar .why_we {
  margin-top: 60px;
  padding: 170px 0 0 14px;
  background: url("/img/why_we_small.jpg") 78px 0 no-repeat, url("/img/gt_big_yellow.png") 13px 90px no-repeat;
}

#why_we .title,
#sidebar .why_we .title {
  color: #344d8e;
  font-family: 'RussoOne';
  text-transform: uppercase;
  font-size: 18px;
  line-height: 24px;
}

#why_we .title {
  position: absolute;
  top: 90px;
  left: 295px;
  max-width: 265px;
  font-size: 24px;
  line-height: 30px;
}

.why_we_alt #why_we .title {
  top: 125px;
  left: 430px;
  max-width: 540px;
}

#sidebar .why_we .title {
  margin-bottom: 15px;
}

#why_we ul,
#sidebar .why_we ul {
  color: #504d46;
  font-family: 'PT Sans Narrow';
  font-size: 18px;
  line-height: 18px;
}

#why_we ul {
  position: absolute;
  top: 90px;
  left: 570px;
}

.why_we_alt #why_we ul {
  top: 220px;
  left: 500px;
}


#why_we ul li,
#sidebar .why_we ul li {
  margin-bottom: 10px;
  padding: 0 0 0 30px;
  background: url("/img/marker_circle.png") 0 4px no-repeat;
}


/**
* feedback_bar
*/
#feedback_bar {
  height: 132px;
  text-align: center;
  font-size: 24px;
}

#feedback_bar.type1 {
  background: #d4b131;
}

#feedback_bar.type1 .label {
  color: #4c5761;
  line-height: 70px;
}

#feedback_bar.type2 .label {
  width: 795px;
  height: 78px; 
  line-height: 78px; 
  padding-left: 75px;
  margin: 0 auto;
  color: #344d8e;
  text-transform: uppercase;
  text-align: left;
  font-family: 'RussoOne';
  background: url("/img/gt_big_yellow.png") 0 50% no-repeat;
}

#feedback_bar a.btn_rounded {
  position: relative;
}

/**
* selection_bar
*/
#selection_bar {
  height: 210px;
  width: 946px;
  margin: 0 auto;
  padding: 50px 0 0 0;
  background: url(/img/gt_big_yellow.png) 0 50px no-repeat;
}

#content .selection_bar {
  background: #ededed url(/img/gt_red.png) 25px 20px no-repeat;
  padding: 15px 0 15px 60px;
  margin: 25px 0 30px 0;
}

#selection_bar .title {
  color: #344d8e;
  font-size: 26px;
  line-height: 30px;
  font-family: 'RussoOne';
  text-transform: uppercase;
  margin-bottom: 20px;
  padding: 0 0 0 96px;
}

#content .selection_bar .title {
  color: #d12700;
  font-size: 20px;
  line-height: 23px;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding: 0;
}

#selection_bar .title span {
  display: block;
  font-size: 20px;
  margin-bottom: 6px;
}

#selection_bar .btn_rounded:first-of-type,
#content .selection_bar .btn_rounded:first-of-type {
  margin-right: 15px;
}

#selection_bar .btn_rounded {
  width: 365px;
  text-align: center;
}

#content .selection_bar .btn_rounded {
  font-size: 20px;
  line-height: 31px;
  width: 230px;
  text-align: center;
}

/**
* partners_bar
*/
#partners_bar {
  height: 240px;
  width: 1000px;
  margin: 0 auto;
}

#partners_bar .title {
  color: #000;
  font-size: 24px;
  height: 16px;
  line-height: 16px;
  font-family: 'RussoOne';
  text-transform: uppercase;
  text-align: center;
  margin-top: 45px;
  background: url("/img/partners_title_bg.png") 50% 100% no-repeat;
}

#partners_bar .title div {
  display: inline;
  background: #fff;
}

#partners_bar .title span {
  color: #d4b131;
}

#partners_bar .wrap {
  position: relative;
  width: 880px;
  height: 110px;
  margin: 40px auto 0 auto;
}

#partners_bar .wrap .item {
  display: none;
  float: left;
  width: 170px;
  padding: 0 3px;
  height: 110px;
  line-height: 110px;
  text-align: center;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

#partners_bar .wrap .item:hover {
  filter: none;
  -webkit-filter: grayscale(0);
}

#partners_bar .wrap .item img {
  vertical-align: middle;
}

#partners_bar .prev, #partners_bar .next {
  position: absolute;
  height: 60px;
  width: 51px;
  top: 30px;
  background-image: url("/img/partners_arrows.png");
  /*transition: background-color .2s ease-in-out;*/
}

#partners_bar .prev {
  left: -60px;
  background-position: 0 0;
}

#partners_bar .prev:hover {
  background-position: 0 100%;
}

#partners_bar .next {
  right: -60px;
  background-position: 100% 0;
}

#partners_bar .next:hover {
  background-position: 100% 100%;
}

/**
* title
*/
#title_wrap {
  position: relative;
  height: 185px;
  padding-top: 80px;
  margin: -49px 0 50px 0;
  background: url("/img/title_wrap_bg.jpg") 50% 0 no-repeat;
}

#title_wrap:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 110px;
  background: url("/img/white_overlay_bottom.png") 0 0 no-repeat;
  background-size: 100% 100%;
}

#title {
  width: 850px;
  min-height: 64px;
  padding: 0 35px 0 115px;
  margin-bottom: 10px;
  background: url("/img/gt_big_yellow.png") 25px 2px no-repeat;
}

#title_wrap #title {
  margin: 0 auto;
}

#title_wrap #title h1 {
  color: #fff;
}

#breadcrumbs {
  display: block;
  padding: 0;
  margin: 0 0 15px 0;
  font-size: 12px;
  line-height: 12px;
}

#breadcrumbs li,
#breadcrumbs li a {
  display: inline;
  color: #595959;
  text-transform: uppercase;
  text-decoration: none;
}

#breadcrumbs li a:hover, #breadcrumbs li a:active {
  text-decoration: underline;
}

#title_wrap #breadcrumbs li,
#title_wrap #breadcrumbs li a {
  color: #c8c8c8;
}

/**
* container
*/
#container, .container, .wrap946, .wrap870 {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

.wrap946 {
  width: 946px;
  padding-bottom: 50px;
}

.wrap870 {
  width: 870px;
  padding-bottom: 50px;
}

/**
* sidebar
*/
#sidebar {
  float: left;
  position: relative;
  width: 210px;
  margin-left: 12px;
}

#sidebar:before {
  z-index: -1;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 135px;
  background: #e5e5e5;
}

#sidebar a.sidebtn {
  display: block;
  border: 2px solid #344d8e;
  padding: 10px 15px;
  margin: 15px 0;
  line-height: 18px;
  color: #344d8e;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color .2s ease-in-out;
}

#sidebar a.sidebtn:hover, #sidebar a.sidebtn:active {
  background: #e6eaf7;
}

/**
* productsmenu
*/
.com-product #productsmenu {
  padding-top: 75px;
}

#productsmenu a {
  display: block;
  padding: 3px 0 3px 32px;
  line-height: 18px;
  color: #000;
  text-decoration: none;
}

#productsmenu a.sel {
  color: #1d315e;
  background: url("/img/productsmenu_marker.png") 10px 5px no-repeat;
}

#productsmenu a:hover, #productsmenu a:active {
  color: #1d315e;
}

/**
* subcategories
*/
.subcategories_wr {
  margin: 15px 0 20px 253px;
}

#subcategories, #submenu {
  height: 29px;
}

#submenu {
  position: absolute;
  right: 0;
  top: -60px;
}

#subcategories li, #submenu li {
  float: left;
}

#subcategories a, #submenu a {
  display: block;
  padding: 2px 15px;
  height: 25px;
  line-height: 25px;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}

#subcategories a.sel, #submenu a.sel {
  color: #1d315e;
  padding: 0 13px;
  border: 2px solid #3b5392;
}

#subcategories a:hover, #subcategories a:active,
#submenu a:hover, #submenu a:active {
  color: #1d315e;
}

/**
* content
*/
#content {
  float: right;
  width: 747px;
}

/**
* product
*/
.product #title {
  margin-left: -116px;
  width: 747px;
  padding-right: 0;
}

.product .gallery {
  float: right;
  margin: 0 0 15px 60px;
  width: 370px;
  text-align: center;
}

.product .gallery .thumbnails {
  position: relative;
  margin: 10px 0;
  height: 70px;
  overflow: hidden;
}

.product .gallery .thumbnails .inner {
  position: absolute;
  height: 70px;
  padding: 0 30px;
  white-space: nowrap;
  min-width: 310px;
}

.product .gallery .thumbnails .prev,
.product .gallery .thumbnails .next {
  position: absolute;
  z-index: 2;
  top: 0;
  height: 70px;
  width: 30px;
  background-color: #fff;
  background-repeat: no-repeat;
  cursor: pointer;
}

.product .gallery .thumbnails .prev { 
  left: 0;
  background-position: 0 50%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAATCAMAAACuuX39AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGxQTFRFQlqWk6DDSmGa3uLs2+Drj53BT2WdTGKbVGmgSWCalKHEQlmWPlaU2N3pp7LON1CQ2d3qkJ3B3uLtUGWejpzATWOc3+PtkZ/ClqPFTmSdWW2ibX+t3eHsS2Gb/v7/3ODs2t7q2t/rNE2O////0I8q2QAAAH1JREFUeNpkkFsWgjAMRGMpCCqIPAQFBZn971FJQzi2+bu3OU0mBKk8JaLzpSDhMlvWOrxFfAxzDzhhX8wniIiOrh8iopa5g4jqwXyDiHvC3Mg4muoVrxuDBn5/QoV1HbGK7Y9YRTAl3AMYvU1/Wcx/FmD20u73UKEX+wowAFBDI1BNmS6QAAAAAElFTkSuQmCC);
}

.product .gallery .thumbnails .next {
  right: 0;
  background-position: 100% 50%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAATCAMAAACuuX39AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGxQTFRFQlqWk6DDSmGa3uLs2+Drj53BT2WdTGKbVGmgSWCalKHEQlmWPlaU2N3pp7LON1CQ2d3qkJ3B3uLtUGWejpzATWOc3+PtkZ/ClqPFTmSdWW2ibX+t3eHsS2Gb/v7/3ODs2t7q2t/rNE2O////0I8q2QAAAHdJREFUeNpc0NkSgjAMBdBIWxQFVCguLILc//9Hp2mbGZPHM0mbG2rrCxGdGqSiz2EPVd0yAC+W4iuAM8tiBRCnjkYAT5bBCODO8u4E4FnKhwD8NUi/CmDknknAxQ6bwak39C96j7Tp/J+lsCrtltPqe+iL/QQYAEucI1Db8Lu9AAAAAElFTkSuQmCC);
}

.product .gallery .thumbnails a {
  margin: 0 5px;
}

.product .quality {
  color: #4a4a4a;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}

.product .quality b {
  display: block;
  font-weight: bold;
}

.product .packing {
  position: relative;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 24px;
  color: #323232;
}

.product .packing b {
  position: absolute;
  left: 100px;
  margin-top: -2px;
  font-size: 24px;
  line-height: 24px;
}

.product .blue {
  text-transform: uppercase;
  color: #3e5aa2;
  font-size: 18px;
}

.product .prices_block {
  border: 4px solid #d4b131;
  padding: 0 35px;
  margin: 25px 0;
}

.product .prices_block .wrap {
  float: left;
  width: 300px;
  margin: 15px 0;
  font-size: 14px;
}

.product .prices_block .wrap span {
  font-size: 18px;
  line-height: 30px;
  display: block;
}

.product .prices_block .wrap b, .product .prices_block .wrap i {
  float: right;
  color: #344d8e;
}

.product .prices_block .wrap i {
  font-size: 24px;
  font-style: normal;
}

.product .prices_block .wrap b {
  font-size: 36px;
  font-weight: bold;
}

.product .prices_block .wrap .legend {
  line-height: 12px;
  margin-top: 3px;
  color: #595959;
}

.product .prices_block .buttons {
  float: right;
  width: 330px;
}

.product .prices_block .buttons .btn_rounded {
  display: block;
  margin: 15px 0;
}

.product .moreinfo {
  font-family: 'RussoOne';
  color: #344d8e;
  text-transform: uppercase;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  padding: 20px 0 20px 253px;
  background: url("/img/gt_big_yellow.png") 162px 50% no-repeat;
}

.product .tab-container .title,
.product .options_title {
  font-size: 20px;
  text-transform: uppercase;
  margin: 1em 0;
  color: #344d8e;
}

.product .options_title {
  margin-bottom: 5px;
}

.product table.options {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.product table.short_options {
  width: 315px;
}

.product table.options td {
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  padding: 5px 20px 5px 0;
  border-bottom: 1px solid #e0e0e0;
}

.product table.short_options td {
  height: 16px;
  line-height: 16px;
  font-size: 16px;
}

.product table.short_options .td_stars {
  padding-right: 0;
  width: 75px;
}

.product table.options tr:last-of-type td {
  border-bottom: 0;
}

/**
* stars
*/
.star {
  display: inline-block;
  width: 14px;
  height: 14px;
}

.star.blue {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEJQTFRF////TYTZxdfztMvv+/z+x9jzscnu/v///f7/qsTtaJbfia3mk7TokbPom7rq9/r9b5vg+fv+ydr06fD6XpDd3uj4DodNdQAAAFlJREFUeNqMzkkKwCAMBdAkap1nvf9VW1GL0E3/Ko9PQgB+RIhTMiV5kBBpz7GTQTTU45DHN/4ht1uWj1q5Kafmcp2s61aZLIsaG2MN9WK4MkC+wvfZW4ABAKmDAfuyXbmKAAAAAElFTkSuQmCC);
}

.star.white {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEJQTFRFWFtc////jpCRjI6P7/DwqKmqio2NoaOkbXBw5ufntre3vr+/WVxdXmFiv8DAnqCgx8jIXF9gX2Jjd3l64ODgWl1e62Ob+wAAAFlJREFUeNqMzkkKwCAMBdAkap1nvf9VW1GL0E3/Ko9PQgB+hLFTrjV3kBBpz6WSRtRUy1DAN+FhTlspj7rbKdvnsppU69Y1eS0K5DFyFItGegAvzffZW4ABALnrAfvUdVkBAAAAAElFTkSuQmCC);
}

.star.selection {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEJQTFRF3+DjN2ucqLrM2dzgla3EUHynV4GpR3aj3uDjeZm4cJK0ytHaqrvN3d/iwMrWrL3Oj6jBeJi3ma/F293h2NvggZ67vRc31gAAAFlJREFUeNqMzkkKwCAMBdAkap1nvf9VW1GL0E3/Ko9PQgB+xLlT6rrUQUKkPbdAAlFQaEMZ3+SH1WyZOmqvp7Sfy3bSrltxMi4mlKVITIudMwDG+/fZW4ABAKv5AfswinLHAAAAAElFTkSuQmCC);
}

/**
* recommendations_bar
*/
#recommendations_bar {
  height: 650px;
  background: #dfdfde url("/img/recommendations_bg.jpg") 50% 0 repeat;
}

#recommendations_bar .wrap {
  width: 1000px;
  margin: 0 auto;
}

#recommendations_bar .title {
  height: 50px;
  line-height: 50px;
  padding: 10px 0;
  text-align: center;
  background: url(/img/recommendations_title.png) 50% 26px repeat-x;
}

#recommendations_bar .title span {
  display: inline-block;
  padding: 0 40px;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  color: #3f3f3f;
  text-transform: uppercase;
  font-size: 24px;
  font-family: 'RussoOne';
  background: #dfdfde url("/img/recommendations_bg.jpg") 50% -10px repeat;
}

#recommendations_bar .wrap .items {
  margin: 0 -11px 0 0;
}

#recommendations_bar .item {
  position: relative;
  float: left;
  height: 484px;
  width: 280px;
  padding: 28px 20px 0 20px;
  margin-right: 11px;
  background: #fff;
  border: 3px solid #fff;
}

#recommendations_bar .item:hover {
  border-color: #d4b131;
  background: #585b5c;
  box-shadow: 0 0 8px #555;
}

#recommendations_bar .item h3,
.product_item h3 {
  text-align: center;
  font-size: 24px;
  color: #424242;
  margin: 0 0 10px 0;
}

#recommendations_bar .item h3 span,
.product_item h3 span {
  display: block;
  font-size: 16px;
  height: 36px;
  line-height: 18px;
  margin-top: 5px;
}

#recommendations_bar .item:hover h3 {
  color: #e0e0e0;
}

#recommendations_bar .item .img {
  display: block;
  height: 210px;
  line-height: 210px;
  margin: 30px 0;
  text-align: center;
}

#recommendations_bar .item .img img {
  vertical-align: middle;
}

#recommendations_bar .item:hover .img {
  display: none;
}

#recommendations_bar .item .analog {
  text-transform: uppercase;
  height: 72px;
  overflow: hidden;
  font-size: 14px;
  color: #595959;
  line-height: 18px;
  text-align: center;
}

#recommendations_bar .item:hover .analog {
  display: none;
}

#recommendations_bar .item .more {
  display: block;
  position: absolute;
  bottom: 5px;
  left: 50%;
  margin-left: -98px;
  width: 196px;
  height: 52px;
  line-height: 52px;
  font-size: 18px;
  text-transform: lowercase;
  text-align: center;
  text-decoration: none;
  background: url('/img/dash_small.png') 50% 0 repeat-x;
}

#recommendations_bar .item:hover .more {
  color: #f0c84c;
}

#recommendations_bar .item .desc {
  display: none;
  line-height: 16px;
  color: #e0e0e0;
}

#recommendations_bar .item:hover .desc {
  display: block;
  padding: 0 10px;
}

#recommendations_bar .item .subtitle,
.product_item .subtitle {
  text-transform: uppercase;
  color: #f0c84c;
  margin: 12px 0 2px 0;
}

#recommendations_bar .item .cls {
  max-height: 48px;
  overflow: hidden;
}

#recommendations_bar .item .desc ul {
  margin-top: 5px;
}

#recommendations_bar .item .desc li {
  height: 24px;
  line-height: 24px;
}

#recommendations_bar .item .desc li span {
  display: block;
  position: relative;
  float: right;
  width: 70px;
  top: 1px;
}


/**
* product_item
*/
.product_item {
  position: relative;
  margin: 0 0 15px 0;
}

.product_item:hover {
  z-index: 1;
}

.product_item .inner {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  border: 1px solid #cfd1d1;
  padding: 15px 45px;
  background: #fff;
}

.product_item .inner:hover {
  box-shadow: 0 0 2px #888;
}

.product_item.is_new:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 65px;
  width: 39px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAABBCAMAAABl0E1AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAG9QTFRFQ5wnyd/FpMqc9fn04Ozd1ebR6vLpsdGqibx9vdi4V6VCl8ONebRs8PftxuK7/f79OZwTs9mkQ6Ef5vLhY7FF1OrMMJcILJUDc7lYhMFtaa1Yksh++fz4pdKTU6kyos+RSZ8p+Pz3k8l/////KpQBWTIx/QAAAQJJREFUeNrs09lOwzAQBVDHk3GztBRa1hZo4c7/fyPjQuJsTvqEVMkjxQ/Oyfjaio1cVya55JL7b5fBiljkBr4yxkqEyU/xwDnTcZfXhLWU/vue0w6/zs+sQfqoYbUDh0Nw2quyRCxEw3w5uF23kBwFO0dVEy847ZgFp7mIGbaJF9xKtxLWrbW/tTpTjJwhCq4C4eCHauR0u8GJg/sbRk5ce356yChFU5ZTrug4i9qnrNP/nNzNuPu3p2X38vjw1dyaeO2O+8tVmHXPr3dbYMl9fmzQlolHR7dMJPo7sOSa6LOuE33G9aLH3DD6pJuIPuF233vMl4lH77vzaYMr6keAAQDlIU91cnnZwAAAAABJRU5ErkJggg==) 0 0 no-repeat;
}

.product_item h3 {
  text-align: left;
  margin: 0 0 15px 15px;
}

.product_item h3 span {
  display: inline;
}

.product_item .img {
  float: left;
}

.product_item .cls1,
.product_item .cls2,
.product_item .cls3 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}

.product_item .cls1 {
  color: #2a9401;
}

.product_item .cls2 {
  color: #35589c;
}

.product_item .cls3 {
  color: #f50c00;
}

.product_item .wrap {
  float: right;
  width: 450px;
}

.product_item .wr {
  margin-bottom: 15px;
}

.product_item .subtitle {
  color: #284e82;
}

.product_item .p {
  margin: 10px 0;
}

.product_item .mouseover {
  display: none;
  margin-top: 15px;
}

.product_item .button {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  padding-bottom: 6px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  text-transform: lowercase;
  text-decoration: none;
  width: 208px;
  margin-right: 15px;
  background: url("/img/product_item_button.png") 0 0 no-repeat;
}


/**
* tabs
*/
.tab-container {
  margin: 25px 0;
}

.tab-container .etabs {
  height: 70px;
}

.tab-container .tab {
  position: relative;
  float: left;
  height: 66px;
  border-top: 4px solid #d0dae8;
  padding: 0 4px;
  background: #fff;
}

.tab-container .tab:first-of-type {
  border-left: 4px solid #d0dae8;
  padding-left: 0;
}

.tab-container .tab:last-of-type {
  border-right: 4px solid #d0dae8;
  padding-right: 0;
}

.tab-container .tab:after,
.tab-container .tab.active:before,
.tab-container .tab.active:after {
  content: "";
  display: block;
  position: absolute;
  top: 11px;
  left: -3px;
  width: 2px;
  height: 44px;
  background: #d0dae8;
}

.tab-container .tab.active:before {
  right: -3px;
  left: auto;
}

.tab-container .tab.active:before,
.tab-container .tab.active:after {
  background: #4d84d9;
  z-index: 1;
}

.tab-container .tab a {
  display: block;
  height: 48px;
  line-height: 24px;
  color: #838383;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 22px;
  padding: 9px 0 9px 0;
  width: 172px;
  margin: 0 10px;
  /*letter-spacing: -0.5px;*/
}

.com-contacts .tab-container .tab a {
  margin: 0 35px;
  line-height: 48px;
  width: 422px;
}

.tab-container .tab a:hover { 
  color: #344d8e;
}

.tab-container .tab.active {
  border: 4px solid #4d84d9;
  border-bottom: 0;
  padding: 0 0 4px 0;
  margin-bottom: -4px;
  /*background-image: none;*/
}

.tab-container .tab a.active {
  color: #344d8e;
  padding-bottom: 13px;
  background: url('data:image/gif;base64,R0lGODlhDwAEAIAAAP379da1PCH5BAAAAAAALAAAAAAPAAQAAAIMhBGperbf0GNt0lMAADs=') 50% 100% repeat-x;
}

.tab-container .panel-container {
  border: 4px solid #4d84d9;
  padding: 10px 25px;
  line-height: 18px;
  font-size: 18px;
  min-height: 400px;
}


/**
* documentation
*/
ul.documentation li a,
ul.docs li a,
ul.articles li a {
  position: relative;
  display: block;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  text-decoration: none;
  padding: 0 0 0 35px;
  color: #000;
  background: url(/img/doc_marker.png) 0 50% no-repeat;
}

ul.documentation li a:hover, ul.documentation li a:active,
ul.docs li a:hover, ul.docs li a:active,
ul.articles li a:hover, ul.articles li a:active {
  color: #ff6c00;
}

ul.docs li a {
  display: inline-block;
}

ul.docs li a img {
  position: absolute;
  display: none;
  bottom: 9px;
  left: 100%;
  border: 2px solid #838383;
  box-shadow: 2px 2px 6px #555;
  margin-left: 20px;
  max-width: 200px;
  max-height: 300px;
}

ul.docs li a:hover img {
  display: block;
}


/**
* articles
*/
.com-articles h3 {
  font-size: 18px;
  color: #0f0f0f;
  font-family: 'PT Sans Narrow';
  font-weight: bold;
}

.articles_more {
  display: block;
  font-size: 18px;
  text-transform: lowercase;
  margin: 0 0 35px 35px; 
}

.tags {
  margin: 20px 0 20px 35px;
  font-size: 18px;
}


/**
* slider
*/
#slider {
  position: relative;
  background: #9faaae;
  height: 410px;
  margin-top: -49px;
  overflow: hidden;
}

#slider .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 110px;
}

#slider .slide {
  position: absolute;
  display: none;
  top: 0;
  left: 50%;
  margin-left: -840px;
}

#slider .bullets {
  position: absolute;
  width: 870px;
  left: 50%;
  margin-left: -435px;
  bottom: 85px;
  height: 12px;
  /*text-align: center;*/
}

#slider .bullets a {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 10px 0 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAYCAYAAADOMhxqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANNJREFUeNpi/P//PwMUyAJxMBC7A7ExVOwsEO8E4rVA/BgsAtIAxJZAvOE/brABqgasQZaAYmRNsiANBf+JBwVMUDcTC9wZgbpeARmiRGp4zcRAImCCBh2x4CwTNJyJBTvJClaSIo6R1KTBAlN9dZMRXsdr+50D02AbgIotgexyIPbHoX4jEHcCNR1nvLLREOSUyXgUI2vKZYG625+IIAWpOUByWmJCChFigPEgTEtM0FjcSIRikJq1TMDIAEV5JwFNsIh7DE9LwNjGm5agBjMABBgAoIMgj1SB9xsAAAAASUVORK5CYII=) 0 0 no-repeat;
}

#slider .bullets a.sel {
  background-position: 0 -12px;
}

/**
* main_features
*/
#main_features {
  width: 1000px;
  margin: 0 auto;
}

#main_features .title,
#main_categories .title {
  position: relative;
  padding: 0 170px;
  width: 660px;
  height: 80px;
  margin: 0 auto;
  font-family: 'RussoOne';
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  text-align: right;
  color: #000;
  background: url("/img/down_big_yellow.png") 860px 4px no-repeat;
}

#main_features .desc {
  font-size: 18px;
  line-height: 24px;
  padding: 0 70px;
  margin-bottom: 40px;
}

#main_features .columns {
  min-height: 250px;
  padding: 0 50px;
  background: url("/img/main_features.jpg") 50% 50px no-repeat;
}

#main_features .columns>li {
  float: left;
  width: 280px;
  padding-right: 20px;
}

#main_features .columns>li .subtitle {
  font-size: 18px;
  font-family: 'RussoOne';
  text-transform: uppercase;
  text-align: center;
  line-height: 18px;
  margin-bottom: 200px;
}

#main_features .columns>li ul {
  list-style-type: none;
  padding: 0px;
  margin: 1em 0;
}

#main_features .columns>li ul li {
  font-size: 14px;
  text-transform: uppercase;
  line-height: 14px;
  background: url("/img/marker_circle.png") 5px 5px no-repeat;
  padding: 4px 0 4px 35px;
}



/**
* main_categories
*/
#main_categories {
  position: relative;
  height: 720px;
  background: url("/img/recommendations_bg.jpg") 50% 0;
}

#main_categories .iso {
  position: absolute;
  left: 50%;
  top: 106px;
  margin-left: -450px;
}

#main_categories .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 335px;
}

#main_categories .title {
  height: 100px;
  padding-top: 100px;
  color: #fff;
  background-position: 860px 104px;
}

#main_categories ul {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

#main_categories ul li {
  float: left;
}

#main_categories ul li a {
  display: block;
  width: 216px;
  height: 70px;
  padding: 270px 5px 0 5px;
  margin: 0 12px;
  color: #000;
  font-size: 13px;
  line-height: 18px;
  font-family: 'RussoOne';
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  background: #dcc025 url("/img/main_categories.jpg") 0 28px no-repeat;
  border-radius: 14px;
  box-shadow: 0 0 15px #555;
}

#main_categories ul li:nth-child(2) a {
  background-position: -226px 28px;
}

#main_categories ul li:nth-child(3) a {
  background-position: -452px 28px;
}

#main_categories ul li:nth-child(4) a {
  background-position: -678px 28px;
}

#main_categories .buttons {
  clear: both;
  margin: 0 auto;
  width: 945px;
  padding-top: 55px;
}

#main_categories .button {
  display: block;
  float: left;
  width: 299px;
  height: 51px;
  line-height: 20px;
  padding-top: 20px;
  font-size: 20px;
  margin: 0 8px;
  text-transform: lowercase;
  color: #344d8e;
  text-align: center;
  text-decoration: none;
  background: url("/img/main_categories_button.png") 0 0 no-repeat;
}

#main_categories .button:hover,
#main_categories .button:active {
  color: #3a3f44;
}

/**
* contacts
*/
.com-contacts #title {
  margin: 20px auto 40px auto;
}

#map_canvas {
  position: relative;
  width: 100%;
  height: 375px;
}

.com-contacts .tab-container .panel-container {
  padding: 25px 25px;
}

.contacts_tab {
  width: 420px;
  padding-left: 50px;
}

.representatives_list {
  width: 470px;
}

.representatives_list>ul ul {
  display: none;
}

.representatives_list>ul li.sel>ul {
  display: block;
}

.representatives_list>ul>li>a,
.representatives_list>ul>li>ul>li>a {
  display: block;
  color: #344d8e;
  padding-left: 50px;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
}

.representatives_list>ul>li>a {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 20px;
}

.representatives_list li.sel>a,
.representatives_list a:hover,
.representatives_list a:active {
  color: #000;
}

.representatives_list li.sel>a {
  text-decoration: none;
  background: url("/img/down_yellow.png") 15px 50% no-repeat;
}

.representatives_list>ul>li>ul>li>ul {
  padding: 0 0 10px 50px;
}

.representatives_list>ul>li>ul>li>ul>li {
  padding-bottom: 10px;
}

.com-contacts .form_wrap {
  position: absolute;
  top: 100px;
  right: 30px;
  float: right;
  width: 470px;
}
.com-contacts .form_wrap .title {
  color: #344d8e;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  margin-bottom: 25px;
}

.com-contacts #feedback_form {
  padding: 23px 35px;
  background: #efefef;
}

/**
* clients
*/
.com-clients #title {
  margin: 20px auto 40px auto;
}

#clients_list {
  position: absolute;
  z-index: 2;
  left: 100px;
  margin-top: 25px;
  height: 600px;
  width: 310px;
  background: #fff;
  border-radius: 3px;
  font-family: Arial;
}

#clients_list .title {
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
  color: #404040;
  font-size: 16px;
}

#clients_list ul {
  height: 540px;
  overflow-y: scroll;
}

#clients_list ul li {
  position: relative;
  height: 30px;
  line-height: 30px;
  width: 270px;
  margin-left: 20px;
  text-indent: 60px;
  font-size: 13px;
  color: #7d7d7d;
}

#clients_list ul li.region {
  font-size: 14px;
  color: #404040;
}

#clients_list ul li img {
  position: absolute;
  left: 0;
  top: 3px;
}

#map_canvas_clients {
  position: relative;
  width: 100%;
  height: 650px;
}


/**
* gallery
*/
#gallery_wrapper {
  padding: 0 0 50px 0;
}

#gallery_wrapper .gallery_item, 
#gallery_wrapper .gallery {
  position: relative;
  float: left;
  display: block;
  width: 490px;
  height: 330px;
  margin: 5px;
  box-shadow: 0 0 3px #555;
  text-decoration: none;
}

#gallery_wrapper .gallery_item:hover, 
#gallery_wrapper .gallery:hover {
  box-shadow: 0 0 5px #000;
}

#gallery_wrapper .gallery_item img,
#gallery_wrapper .gallery img {
  width: 490px;
  height: 330px;
}

#gallery_wrapper .gallery>span {
  position: absolute;
  display: table;
  top: 50%;
  left: 50%;
  margin: -42px 0 0 -135px;
  width: 270px;
  height: 84px;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
}

#gallery_wrapper .gallery>span>span {
  display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
  color: #34478d;
  font-size: 20px;
  text-transform: uppercase;
  font-family: 'RussoOne';
}

#gallery_wrapper .gallery_item>span {
  position: absolute;
  display: block;
  /*padding: 8px;*/
  border: 8px solid transparent;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;  
}

#gallery_wrapper .gallery_item:hover>span,
#gallery_wrapper .gallery_item:active>span {
  border: 8px solid #fff;
}

#gallery_wrapper .gallery_item>span>span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  text-align: center;
  color: #000;
  background: rgba(255, 255, 255, 0.8);
}

#gallery_wrapper .gallery_item:hover>span>span,
#gallery_wrapper .gallery_item:active>span>span {
  background: #fff;
}

/**
* response
*/
.response {
  position: relative;
  width: 477px;
  padding: 0 0 0 13px;
  margin: 70px 260px 70px 250px;
  min-height: 220px;
  font-size: 18px;
  color: #404040;
  background: url("/img/response_top.png") 0 0 no-repeat;
}

.response .inner {
  text-indent: 35px;
  line-height: 21px;
  padding: 10px 0;
}

.response .name {
  height: 46px;
  padding: 10px 10px 10px 60px;
  line-height: 23px;
  background: #f3f3f3 url("/img/response_bottom.png") 0 0 no-repeat;
}

.response .name span {
  display: block;
  font-weight: bold;
  font-size: 20px;
}

.response .img {
  display: block;
  position: absolute;
  top: 10px;
  left: 540px;
  border: 2px solid #e2bb03;
  box-shadow: 0 0 3px #555;
}

.response .logo {
  display: block;
  position: absolute;
  top: 10px;
  right: 540px;
}


/**
* forms
*/
input[type="submit"], .submit, input[type="button"], form .button {
  position: relative;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  text-transform: lowercase;
  background: #344d8e;
  text-decoration: none;
  font-weight: normal;
  font-size: 18px;
  margin: 0;
  padding: 0 50px;
  border: 0;
  cursor: pointer;
  font-family: 'PT Sans Narrow';
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="submit"]:hover, .submit:hover, input[type="button"]:hover, form .button:hover {
  
}

input[type="submit"]:active, .submit:active, input[type="button"]:active, form .button:active {
  
}

input[type="text"], input.text, select {
  height: 36px;
  line-height: 36px;
  border: 2px solid #d4b131;
  color: #344d8e;
  padding: 0 10px;
  font-size: 18px;
  font-family: 'PT Sans Narrow';
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

select {
  padding: 3px 10px;
}

textarea {
  border: 2px solid #d4b131;
  color: #344d8e;
  padding: 10px 10px;
  font-size: 18px;
  font-family: 'PT Sans Narrow';
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

form p {
  margin: 12px 0;
}

/**
* selection
*/
.selection_desc {
  padding: 0 90px;
  color: #404040;
  font-size: 18px;
  line-height: 21px;
}

.selection_blk {
  float: left;
  border-left: 2px solid #e5e5e5;
  padding: 0 20px;
  height: 125px;
}

.selection_blk .label {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAATCAYAAACZZ43PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARhJREFUeNpi/HDCJ5+BgaEZiP8A8X8GBHgFxFFAfJ4BD2AC4klAPA2IBYFYCAlrAPFmIDYgZADI1gogbsUiLw01RA+fATBQA8TtWNTIAPEWINYlZAAIVAFxJxZ1slBDtAgZwAD1TjcWcTkg3opuCBMOr5UBcS8WcQWoSzQJGQACJUDcj0VcEWqIBiEDQKAIasgfNHElqCE6hAyAGXINi7gyEPcQY0AvttAHgrtAXMpChOYiLOL3gNgHiG/gc0EPDs33YZrxBWIXEBdjEX8I1XwdXzR2gPyGRfwREHujByi6AW1AXI5F8xOozVfxJeUWIK7Eo/kyNr+yIDkbm81PgdgXiC/iCmmQAaASKQuI3+MokS7gi2eAAAMAzFQ3gSw0i7kAAAAASUVORK5CYII=) 0 0 no-repeat;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 24px;
  padding: 25px 0 15px 0;
  text-decoration: none;
}

.selection_blk .label span {
  display: block;
  font-size: 30px;
}

.selection_blk a.label {
  display: block;
  color: #000;
  background: url(/img/down_big_yellow.png) 0 0 no-repeat;
  padding-top: 75px;
}
.selection_blk a.label:hover, .selection_blk a.active {
  color: #ff6c00;
}

.selection_blk select {
  width: 205px;
  border: 3px solid #aeaeae;
}

.selection_blk.brand select {
  width: 300px;
}

.selection_blk select:hover {
  border-color: #496cbc;
}

.selection_tbl {
  border-collapse: separate;
  border-spacing: 2px;
  margin: 20px 0;
}

.selection_tbl th,
.selection_tbl td {
  text-transform: uppercase;
  padding: 10px 15px;
}

.selection_tbl th {
  color: #fff;
  background: #5e6b85;
  font-size: 20px;
}

.selection_tbl th.prop {
  font-size: 16px;
}

.selection_tbl td {
  color: #2f2f2f;
  background: #dfe0e3;
  font-size: 16px;
}

.selection_tbl td.match1 {
  background: #d1d8e6;
}

.selection_tbl td.match2 {
  background: #c2cee4;
}

.selection_tbl td.match3 {
  background: #b0c3e6;
}

.selection_tbl .head {
  font-size: 24px;
  background: #fff;
}

a.selection_btn {
  float: left;
  width: 224px;
  height: 37px;
  line-height: 37px;
  color: #515357;
  background-color: #f0c84c;
  background-position: 0 0;
  background-repeat: no-repeat;
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 10px 0 68px;
  margin: 0 20px 30px 0;
}

a.selection_btn:hover, a.selection_btn:active {
  color: #fff;
}

a.selection_btn.save_result {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAlCAYAAAAXzipbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWtJREFUeNpi/P//P8NwBkwMwxyMenDUg4McsNDS8KCQCFxSukDMhsS/AMR/0RWtW7NicHsQD9gCxHJIfAEg/jiaRIdQDNID/B8tRUc9OOrBUQ+OenCwVxNdQOyERVwCjX8AS0vmI7AlFAFszbwezB5sAmJ7IDYjoM4Ajf8diD0p9Rw9kugXIPYB4psk6AHFJKgRe3Co5EFQLDgD8VMi1acA8aahVsiAPOcG9Sw+UAnEC4ZqKXoNmly/45DvgOIhXU2cgnryF5r4YmjsDc5qAlicgzqwl5CE5IEl4CMcyvcBcSIQLwJiZmh+S8Rjtg2QOowkpAc0+/Jg7y4tA2J+IA6Hlph/h2NLZjq04Pk+nJtqv0bbooO0LaoLLBxEqVB4gSj1wejBLYMg8hipmUQf0SM/Qe14RPc8CKyXQGOaZTT2JMjsMqhdxEcjNafPgHmGE0hp0aqpB/QcyVUK4+j84KgHRz046kFaAoAAAwCJeFXGYsbTBgAAAABJRU5ErkJggg==);
  /*margin-left: 160px;*/
}

a.selection_btn.print {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAlCAYAAAAXzipbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeBJREFUeNpi/P//P8NwBkwMwxyMenCoAxZqGxgUEgGibIB4NRBLEKHlJhCnA/FBEGfdmhVDIgYnEOk5EFAH4o1ArDuUkqgKlGYHYkY8uAOqjh+ItwOx9FDLg78IyF9AYoM8tx2YxHmGUyGzBoj3IfFBybSCSmaDKvj/9PKgCsxCNMwJxG5A7A/EE6FqXYdiDN7BkQe/APFfIN4ExH1QtZyj9eCoB+nvQUUs+e8PEIsOuZYMDnAfmueGRQwyQzEDia0TWMuHjZqOYSS3PwiskM2A1EwgNkCT+ovkQXIBNjNAbdUUYFv1Dgn1IEUxuAiL5xio4DlcZtgD8TS6JFFg7HFCG8n0Bur0yoNsDEMEjNaDRBYIhkCsDcTfsfCHfI8e5KF3SF0jdP6Q9yAoP96GegzWUEbnD/kxGbbBWghRu5A5Be3fMVKAWaD9w/uD0YMF0B76HxwdXGLwJWBrBdQ/rBxID8JKS/TC5gJaS4SUmJOH6uHBMl6DbAftPQgMYVAJeRZN+DJQ/Ds5jkAD/EijAF+wZAGi29kgTEkSBQ3W3kTiL0Nif6HA3O/QQAQF1AIk8eNAXEa33gSediqI+oyU1EgFL4Cekxzs/UFKxjb/UtMxjKPzg6MeHPXgqAdpCQACDABqBH67Pw5MkwAAAABJRU5ErkJggg==);
}

a.selection_btn.save_all {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAlCAYAAAAXzipbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATZJREFUeNpi/P//P8NwBkwMwxyMenDUg4McsFDLoKCQiA9Aip9I5d+BmAuIW4C4Hoj/4lO8bs2KQRGDbCSo5YTSOSD3I/EHdRIl15F+QLwdiHmGcx60B+LDQCxBRTNBFfz/wVTIGEA9qTicS1EVID4GxLrDxYPY8p0ENCZthoMHmXGIg6qbXUDsPZwrelCpvBGIYwdFRU9m7DEOmZYMGeAPCWoZh2MSHW1sD8Yk+gWIHdCqiQPDyYOgXsNZtOpgNImOenDUg6MepBhUArEJWgkKK1VNoHjKUPZgHRALAfEFHKUqqHuUOZQ9CGs4u2KRAzWm5+DpWQyZPAjzpBOa5+bTynMDUdGDPLkFiH2AWJrGnmMcqN4EzJNstIy5ge4ucdLLomFfDzKOzg+OenDUg6MepCUACDAAtbcqNvZGrD0AAAAASUVORK5CYII=);
}

a.selection_btn.reset {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAlCAYAAAAXzipbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdNJREFUeNrsmc8rRFEUx9+TZooFKZrMbpJkq/xasVBKEimyI5GNpb0/AQtiYSchTbNgGpFsyXqKLFDKwo9Mk8bU8706i9ftjhnvPXXf6X7r06t777yZ77v3nHPvG9txHIuzqizmMgbDrmq/Nxgbnyw3pAbkS3UeHuyGdgajYAv0c1yicXAOZjnGYC+4BN0sYlDSPFgFEVdbDCQUY7/AK8j9k7efAm/7LfSUZKJkbM7DLZ7AKdhGwjnT0WAzLvu0NP3qRMQtjN4HZTCIGGwBbQE99QERv3hoHTolmQtKKNmAflMTOIbJuE5Z9Ab0gIyiL0fJROb9l/s1ghXdysQbGAJrUrvIQg0K6kEtGAHXqvDGLHbqVgeLYBEsUBkopzwSSopm/0jqs8G0rjuZDTAIXioZDJMFqqFFqatP572oqGld4KFCk4+KpZrQbScj6/aP4+XEE2FzHkRCETHXLjU/czrwDtMpxK0rFgYxe610dpSV0j0GLap1pWIpBnOjuC6BOsXy3AmDwU0w5eFzy8isH5xi0K0kWNf9nYxX7YEJzJ7DzaDYEMyIvSvtbLR8ZaGSSBZ3ivYCnSqylC3TMPYZ9Jfb5r8JY9AYNAaNQWPQGOSrbwEGAHaPcnbArlelAAAAAElFTkSuQmCC);
  margin-right: 0;
}

.selection_label_sample {
  color: #1b3f84;
  font-size: 20px;
  text-transform: lowercase;
  height: 19px;
  line-height: 17px;
  margin: 50px 0 20px 0;
  padding: 0 0 0 60px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAATCAYAAACZZ43PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARhJREFUeNpitE1cls/AwNAMxH+A+D8DArwC4iggPs+ABzAB8SQgngbEgkAshIQ1gHgzEBsQMgBkawUQt2KRl4YaoofPABioAeJ2LGpkgHgLEOsSMgAEqoC4E4s6WaghWoQMYIB6pxuLuBwQb0U3hAmH18qAuBeLuALUJZqEDACBEiDuxyKuCDVEg5ABIFAENeQPmrgS1BAdQgbADLmGRVwZiHuIMaAXW+gDwV0gLmUhQnMRFvF7QOwDxDfwuaAHh+b7MM34ArELiIuxiD+Ear6OLxo7QH7DIv4IiL3RAxTdgDYgLsei+QnU5qv4knILEFfi0XwZm19ZkJyNzeanQOwLxBdxhTTIAFCJlAXE73GUSBfwxTNAgAEALlo2wenQ5ikAAAAASUVORK5CYII=) 22px 0 no-repeat;
}


/**
* brands
*/
.brands_desc {
  padding: 0 90px;
  font-size: 24px;
  line-height: 29px;
  color: #404040;
}

.brands_desc.blue {
  font-size: 30px;
  color: #344d8e;
  line-height: 36px;
  margin-bottom: 30px;
}

h3.brands_desc_title {
  font-size: 28px;
  line-height: 30px;
  min-height: 60px;
  padding: 0 35px 0 90px;
  margin: 0 0 15px 0;
  background: url("/img/gt_big_yellow.png") 0 0 no-repeat;
}

.brands_tbl_title {
  font-weight: bold;
  font-size: 28px;
  line-height: 28px;
  color: #344d8e;
  text-transform: uppercase;
  margin: 40px 25px 25px 90px;
}

.brands_make_order {
  margin: 50px auto 30px auto;
  text-align: center;
}

/**
* loginform
*/
.loginform {
  width: 270px;
  margin: 0 auto;
}

.loginform label {
  display: inline-block;
  width: 60px;
  font-size: 20px;
  height: 32px;
  line-height: 32px;
}

.loginform .text {
  width: 200px;
}

.loginform .submit {
  width: 263px;
}

/**
* popup
*/
#popup_bg {
  display: none;
  position: fixed;
  z-index: 40;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYGBgaAAIMAAAhQCB69VMmQAAAABJRU5ErkJggg==);
}

.popup {
  display: none;
  position: fixed;
  z-index: 41;
  top: 50%;
  left: 50%;
  padding: 20px 25px;
  background: #efefef;
  box-shadow: 2px 2px 5px #000;
}

.popup .title {
  text-transform: uppercase;
  font-size: 24px;
  line-height: 24px;
  color: #344d8e;
  font-family: 'RussoOne';
  margin-bottom: 25px;
}

/**
* callback_popup
*/
#callback_popup {
  width: 400px;
  margin: -110px 0 0 -225px;
}

#callback_popup input.text {
  margin-bottom: 12px;
  width: 400px;
}

#callback_popup input.submit {
  width: 400px;
}


/**
* feedback_form
*/
#feedback_popup {
  width: 400px;
  margin: -190px 0 0 -225px;
}

#feedback_form input,
#feedback_form textarea {
  width: 100%;
}

/**
* order_popup, documents_popup
*/
#order_popup, #documents_popup {
  width: 800px;
  margin: -190px 0 0 -425px;
}

#order_popup .l, #documents_popup .l {
  float: left;
  width: 390px;
}

#order_popup .r, #documents_popup .r {
  float: right;
  width: 390px;
  max-height: 240px;
  overflow-y: auto;
}

#order_popup .text, #order_popup textarea,
#documents_popup .text, #documents_popup textarea {
  width: 100%;
  margin-bottom: 12px;
}

#order_popup label {
  display: block;
  height: 30px;
  line-height: 30px;
}

#order_popup .submit, #documents_popup .submit {
  clear: both;
  margin: 0 0 0 200px;
  width: 400px;
}

/**
* pagination
*/
ul.pagination {
  display: block;
  list-style: none;
  text-align: center;
  margin: 40px 0 0 0;
}

.pagination li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 18px;
  color: #000;
  text-align: center;
  margin: 0;
}

.pagination li a, .pagination li span {
  display: block;
  font-weight: normal;
}

.pagination li a:link, .pagination li a:visited { 
  color: #000;
  text-decoration: none;
}

.pagination li a:hover {
  color: #ff6c00;
}

.pagination li span {
  border: 3px solid #d4b131;
  width: 26px;
  height: 26px;
  line-height: 26px;
}

.pagination li.prev, .pagination li.next {
  width: 50px;
}

.pagination li.prev a {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAACzdqxAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjJJREFUeNqUll1ymzAUha+EwHQ73UO6AU/sBOw4u+he8lKPY/I3yVs30750pjvoS4NBcHvET4yNAFVjzUi2+Dj36OrKgn9/IRIeOtVNtIN23nRi81FU5AnlhwuyNa5WhqRmd4qcmwgAfSB9mFcvZ+4CjwM/fCapvsr/gO4pT+dnpFO4Hybk+REm6bRiYcLP7ilLL3vM7jiYGegGkZRmOq5YCEUanmbp4sPvnlLQ1ewR0FuMi/ZrNQL1K6V5A+0q7Cr1PwGq1l3oiGKkSZHvAF32fOzCVfgEpWtMinOCskLLHEr/XhEL+yZVSsMXQG9s0L5i42mZ7Sh7v7ZCW2oNjRF+PuSkPA1fb+mQRvbQMTD7rWY1lFiP7XtjhZDwdEv5e1xtPTNZvVXhK3nBegpag034rL8BurIm/9HTN0BjvDc7OfbCfmBUkVVnfzH4ajwjVPBMrCLSRXmsHQ3PCkZR+fXjT7W+V3w6zZMpIVWY2b2yqLLgGM9kmmk1tEgTL5UolUccgZ3Zzn0vKyBUe5I3vuTEiB7qBcl5KcReCBGg02nvr2/TrZTEGyU4GQtPs7yEyfejpcByQArAbwF/HIeLBeDJFPy8VmjA125w2pskdAW3yg38acKWJZTvTNK4glv4DTLhZUL5VeO55wo2LcePMZRPwa8b5coV3HruAo8A33aVu1ymzYaWrxPwuIFLV7BpWWPL2wR8BfiD+W8hfn7/XF8C7FgCkMMAXAze6YAiurt/AgwAJvcDWuT7gcEAAAAASUVORK5CYII=) 50% 50% no-repeat;
}

.pagination li.next a {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAACzdqxAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjpJREFUeNqMlTty2zAQhn+QIKWcwBdK6hQaS7Zo+dHkCjlDSt/AI4mWR+OcwNdIn3HvIpVNkXhkAT5E0SAJzEgDAcsP//7chZh+/XoPcfgBIAODhmtEkxeEUUL7AvRlo7qRulqwexIcIf9JsWcosgU0KzdZ6wFGP8RhTpMQPFrSSg6PERA+IzVLRNPUrbdaLLIZZLGlA2JPsE1DEfwG8SQ9ptPi1vM8O4fMN5QR9wOXcEnwW/DJrvGrPVgDn0MUKVnE/cAlXBB8hejLzqm8HgXBZb4leOQHLgnSwvn0yWnHEb4gz9f2pfqBG/g1vdC90+/6U7xfQBUbFzzoNUnrwtaugX/yoo4h4/OPS6h83fU8GH631vOEXugeqtsErbBDtoQUD23lwXhFGnhsPH8ugS0vtD4elr8n5LmBWyY/6bJubR33cvDYtDSzjdLtzqaJPq4QM9Otd0y+futGobkPWLcqSI04PGqRL9yCmrtlz//+eYPvoGuDyiWAVHrAOQ0eZuBSqP774TSHWII9Co3Z0OGc6a2CvuNsyOPjiOn4rdTBjLFBaBowfUOPK+7hAFdgG6HZ+YjSNABBYQtztNwMNCXofAS6I+gtTaVPHUcmfU/oiqbiZL0nPiSla4IuRqBPFVR+2uuBGk8vhqFqT+leu6AuK3il9HJEqYEmptd87mOj9IGgy3GoTrqe9lkRVNBkJP1nUrIag9aKp8p2FLsaUfq7St/r7588xS+Cfqf5P/dtbqEvPum3x38BBgA9TQdpgMVvZQAAAABJRU5ErkJggg==) 50% 50% no-repeat;
}

.pagination li.prev.disabled a,
.pagination li.next.disabled a {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

/**
* footer
*/
#footer {
  height: 300px;
  background: #4c5761;
}

#footer .wrap {
  position: relative;
  height: 260px;
  width: 1000px;
  margin: 0 auto;
  color: #91989e;
}

#footer .col {
  float: left;
  padding: 45px 55px 0 55px;
  height: 200px;
  color: #9ba0a5;
  background: url("/img/footer_separator.png") 100% 30px no-repeat;
}

#footer .col1 {
  width: 205px;
}

#footer .col2 {
  width: 260px;
}

#footer .col3{
  background: none;
  width: 205px;
}

#footer .title {
  color: #d4b131;
  margin-bottom: 30px;
  text-transform: uppercase;
}

#footer a {
  text-decoration: none;
  color: #9ba0a5;
  text-transform: uppercase;
}

#footer a:hover, #footer a:active {
  color: #d4b131;
}

#footer .menu a {
  display: block;
  margin-bottom: 15px;
}

#footer .representations {
  display: block;
  border: 1px solid #c6ab51;
  padding: 8px 40px 8px 10px;
  margin-top: 20px;
  background: url("/img/footer_representations_bg.png") 95% 50% no-repeat;
  transition: background-color .2s ease-in-out;
}

#footer .representations:hover, #footer .representations:active {
  background-color: #57636e;
}

#footer .copyright {
  height: 40px;
  line-height: 40px;
  text-align: right;
  background: #464f57;
  color: #747b81;
  font-size: 12px;
  text-transform: uppercase;
}

#footer .copyright .inner {
  width: 890px;
  margin: 0 auto;
}

#footer .copyright .inner img {
  margin-top: 7px;
  float: left;
}