﻿@import "reset.css"/*tpa=http://www.sm-komandor.ru/style/reset.css*/;

@import "content.css"/*tpa=http://www.sm-komandor.ru/style/content.css*/;

@import "form.css"/*tpa=http://www.sm-komandor.ru/style/form.css*/;

@import "plugins.css"/*tpa=http://www.sm-komandor.ru/style/plugins.css*/;

@font-face {
 font-family: 'Pragmatica';

 src: url("PRG55.ttf"/*tpa=http://www.sm-komandor.ru/font/PRG55.ttf*/);
 src: local('PRG55'),
      
      url("PRG55.otf"/*tpa=http://www.sm-komandor.ru/font/PRG55.otf*/) format('opentype'),
      url("PRG55.ttf"/*tpa=http://www.sm-komandor.ru/font/PRG55.ttf*/) format('truetype'),
      url("PRG55.svg#PRG55"/*tpa=http://www.sm-komandor.ru/font/PRG55.svg#PRG55*/) format('svg'),
      url("PRG55.woff"/*tpa=http://www.sm-komandor.ru/font/PRG55.woff*/) format('woff');

 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'Pragmatica';

 src: url("PRG45.ttf"/*tpa=http://www.sm-komandor.ru/font/PRG45.ttf*/);
 src: local('PRG45'),
      
      url("PRG45.otf"/*tpa=http://www.sm-komandor.ru/font/PRG45.otf*/) format('opentype'),
      url("PRG45.ttf"/*tpa=http://www.sm-komandor.ru/font/PRG45.ttf*/) format('truetype'),
      url("PRG45.svg#PRG45"/*tpa=http://www.sm-komandor.ru/font/PRG45.svg#PRG45*/) format('svg'),
      url("PRG45.woff"/*tpa=http://www.sm-komandor.ru/font/PRG45.woff*/) format('woff');
 font-weight: 100;
 font-style: normal;
}

@font-face {
 font-family: 'Pragmatica';

 src: url("PRG65.ttf"/*tpa=http://www.sm-komandor.ru/font/PRG65.ttf*/);
 src: local('PRG65'),
      
      url("PRG65.otf"/*tpa=http://www.sm-komandor.ru/font/PRG65.otf*/) format('opentype'),
      url("PRG65.ttf"/*tpa=http://www.sm-komandor.ru/font/PRG65.ttf*/) format('truetype'),
      url("PRG65.svg#PRG65"/*tpa=http://www.sm-komandor.ru/font/PRG65.svg#PRG65*/) format('svg'),
      url("PRG65.woff"/*tpa=http://www.sm-komandor.ru/font/PRG65.woff*/) format('woff');

 font-weight: 300;
 font-style: normal;
}

@font-face {
 font-family: 'Pragmatica';

 src: url("PRG75.ttf"/*tpa=http://www.sm-komandor.ru/font/PRG75.ttf*/);
 src: local('PRG75'),
      
      url("PRG75.otf"/*tpa=http://www.sm-komandor.ru/font/PRG75.otf*/) format('opentype'),
      url("PRG75.ttf"/*tpa=http://www.sm-komandor.ru/font/PRG75.ttf*/) format('truetype'),
      url("PRG75.svg#PRG75"/*tpa=http://www.sm-komandor.ru/font/PRG75.svg#PRG75*/) format('svg'),
      url("PRG75.woff"/*tpa=http://www.sm-komandor.ru/font/PRG75.woff*/) format('woff');

 font-weight: bold;
 font-style: normal;
}

@font-face {
 font-family: 'Birch';

 src: url("birch.ttf"/*tpa=http://www.sm-komandor.ru/font/birch.ttf*/);
 src: local('Birch'),
      
      url("BIRCH.otf"/*tpa=http://www.sm-komandor.ru/font/BIRCH.otf*/) format('opentype'),
      url("birch.ttf"/*tpa=http://www.sm-komandor.ru/font/birch.ttf*/) format('truetype'),
      url("birch.svg#birch"/*tpa=http://www.sm-komandor.ru/font/birch.svg#birch*/) format('svg'),
      url("birch.woff"/*tpa=http://www.sm-komandor.ru/font/birch.woff*/) format('woff');

 font-weight: normal;
 font-style: normal;
}

/**
 * @license public domain
 */

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

input, textarea {
  outline: none;
}

.error-inner {
  color: #FF0000; 
}

html {
  height: 100%;
  min-height: 100%;  
  width: 100%;
}

/**body {
  color: #333435;
  height: 100%;
  min-height: 100%;
  font-family: Pragmatica;
  width: 100%;
  background: url("bg5.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
*/
body{
background: rgba(0, 0, 0, 0) url("/27.jpg") repeat scroll;
    color: #333435;
    font-family: Pragmatica;
    width: 100%;
	background-position:center top;}
body.company {
  background-image: url("bg2.jpg");
}

body.shop {
  background-image: url("bg3.jpg");
}

body.buyers {
  background-image: url("bg4.jpg");
}

body.partnership {
  background-image: url("bg5.jpg");
}

body.job {
  background-image: url("bg6.jpg");
}

body.contacts {
  background-image: url("bg8.jpg");
}

body.society {
  background-image: url("bg7.jpg");
}

.body-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: -2;
}

.invisible { display:none; }

.bg1 {  
  position: relative;
  z-index: -3;
  height: 996px;
  background:url("div_may.jpg");
}

#wrapper {
  height: auto !important;
  min-height: 100%;
  min-width: 1140px;
  width: 100%;
  margin-bottom: 75px;
  padding-top: 95px;
}


a, a span, input[type="submit"], input[type="button"] {

  cursor: pointer;
}

a, button, input {
  outline: none !important;
}


a {
  color: #666;
border-bottom:rgba(102, 102, 102, 0.5);  
}

a:link {

}

a:active {

}

a:visited {

}

a:hover {
  color: #666;
}

.lt-ie9 .navigation.wrapper {
  width: 89%;
}

.wrapper {
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 0 55px;
  max-width: 1140px;
}

.gototop {
    background: url("gotop.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 125px;
    outline: medium none !important;
    position: absolute;
    top: -205px;
    transition: all 0s ease-in-out 0s;
    width: 68px;
    z-index: 100;
}


.gototop:hover {
  background: url("gotop.png") no-repeat scroll -68px 0 transparent;
height:125px;
width:72px;  
}

.gototop.fixed {
  position: fixed;
  bottom: 15px;
  top: auto;
}

#totop-mask {
  width: 1px;
  height: 130px;
  background: none;
  position: fixed;
  bottom: 0px;
}


#inner:before {
  background: url("") 0 0 no-repeat transparent;
  width: 208px;
  height: 102px;
  position: absolute;
  top: 0;
  left: 950px;
  content: "";
  display: block;
}

.lt-ie9 .index #inner:before {
  display: none;
  top: -40px;
}

.index #inner:before {
  top: -44px;
}

.index #inner {
  padding-bottom: 0;
}

#mainbar-footer:after {
  background: url("") 0 0 no-repeat transparent;
  width: 206px;
  z-index: 0;
  height: 143px;
  position: absolute;
  bottom: -0px;
  left: 135px;
  content: "";
  display: block;
}


/* --------------- TOP NAviGation --------------- */
.navigation {
  padding-bottom: 8px;
  background: rgba(255,255,255,1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  width: 100%;
  position: fixed;
  top: 0;
  padding-top: 12px;
  z-index: 999;
}

.hidden-menu.top-menu {
  margin-top: 15px;
  padding-bottom: 0;
  display: none;
  min-width: 1140px;
}

.hidden-menu.top-menu.active {
  display: block;
}

.lt-ie9 .navigation {
  background: #fff;
  border-bottom: 1px solid #000;
}

.icon-list {

  display: inline-block;
}

.icon-list a:first-child {
  margin-left: 0;
}

.icon-list a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  background-image: url("top-icons.png");
  background-color: transparent;
  -webkit-transition: all 0s ease-in-out 0s;
  -moz-transition: all 0s ease-in-out 0s;
  -o-transition: all 0s ease-in-out 0s;
  transition: all 0s ease-in-out 0s;
  
}

.icon-list__item1 {
  background-position: 0 -16px;
  width: 19px;
  height: 16px;
}

.icon-list__item1:hover {
  background-position: 0 0px;
}

.icon-list__item2 {
  background-position: -20px -16px;
  width: 14px;
  height: 16px;
}

.icon-list__item2:hover {
  background-position: -20px 0px;
}

.icon-list__item3 {
  width: 9px;
  height: 20px;
  background-position: -44px 0px;
}

.icon-list__item3:hover {
  background-position: -35px 0px;
}

.icon-list__item4 {
  background-position: -51px -23px;
  width: 23px;
  height: 22px;
}

.icon-list__item4:hover {
  background-position: -77px -23px;
}

.icon-list__item5 {
  background-position: -100px 22px;
  width: 16px;
  height: 22px;
}

.icon-list__item5:hover {
  background-position: -116px 22px;
}

.nav-tools {
  position: absolute;
  top: -6px;
  right: 0;
  margin-right: 60px;
}

.feedback {
  display: inline-block;
  padding-right: 38px;
}

.feedback__link {
  text-transform: uppercase;
  color: #ff1f3d;
  font-size: 14px;
  text-decoration: none;
}

.feedback__link:hover {
  color: #ff6d80;
}

.feedback__link i {
  background: url("top-icons.png") -48px -48px no-repeat transparent;    
  width: 10px;
  height: 7px;
  margin-left: 8px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
}

.feedback__link:hover i {
  background-position: -58px -48px;
}

.moneybox {  
  display: inline-block;
  padding: 5px 0 0px 42px;
  position: relative;
}

.moneybox:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  display: block;
  left: 0;
  top: 0;
  background: url("dots.png") 0 0 repeat-y transparent;
}

.moneybox__link {
  text-transform: uppercase;
  color: #00a9a1;
  font-size: 14px;
  text-decoration: none;
}

.moneybox__link:hover {
  color: #ff1f3d;
}

.search-holder {
  position: relative;
}

.search-holder i {
  position: absolute;
  left: 85px;
  display: block;
  width: 23px;
  height: 23px;
  top: 20px;
  background: url("top-icons.png") 0 -32px no-repeat transparent;
}

.search-holder .input.search:focus + i {
  background: url("top-icons.png") -23px -32px no-repeat transparent;
}

.moneybox__link i {
  background: url("top-icons.png") -136px 0 no-repeat transparent;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.moneybox__link:hover i {
  background-position: -136px -24px;
}

.top-search {
  display: inline-block;
  margin-left: 40px;
  margin-top: -2px;
  vertical-align: middle;
}

.top-search__link {
  background: url("top-icons.png") -91px 0 no-repeat transparent;
  width: 22px;
  height: 22px;  
  display: block;
  -webkit-transition: all 0s ease-in-out 0s;
  -moz-transition: all 0s ease-in-out 0s;
  -o-transition: all 0s ease-in-out 0s;
  transition: all 0s ease-in-out 0s;
}

.top-search__link:hover {
  background-position: -113px 0;
}
/* --------------/ TOP NAviGation --------------- */

/* -------------- TOP Forms --------------------- */

.close {
  display: block;
  position: absolute;
  height: 42px;
  width: 42px;  
  background: url("close-icons.png") no-repeat 0 0 transparent;
  cursor: pointer;
  
  -webkit-transition: -webkit-transform 0.2s linear;
  -moz-transition: -moz-transform 0.2s linear;
  -o-transition: -o-transform 0.2s linear;
  -ms-transition: -ms-transform 0.2s linear;
  transition: transform 0.2s linear;
}

.close:hover {
  background-position: -42px 0;
  
  -webkit-transform: rotate(180deg);
  /* Chrome y Safari */
  -moz-transform: rotate(180deg);
  /* Firefox */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
  /* Internet Explorer */
  -o-transform: rotate(180deg);  
}

.top-overlay .close {
  top: -5px;
  right: 11px;
  width: 44px;
  height: 44px;
}

.top-overlay .close:hover {
}

.top-overlay {
  position: fixed;
  display: none;
  top: 0;
  background: rgba(255,255,255,0.95);
  width: 100%;
  border-bottom: 3px solid #7fd4d0;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
  text-align: center;
  padding-top: 45px;
  padding-bottom: 40px;
  z-index: 1000;
}

.lt-ie9 .top-overlay {
  background: #fff;
}

.top-overlay h1 {
  font-size: 40px;
  color: #006560;  
  font-weight: 100;
}

#search-form .notice {
  text-align: left;
  padding-left: 103px;
  margin: 0.85em 0;
  font: 13px/13px Arial;
}

#search-form .notice a {
  border-bottom: 1px dashed #00a9a1;
}

input.button.tool {
  display: inline;
  padding: 10px 30px !important;
  -webkit-backface-visibility: hidden;
}

#moneybox-form {

}

#moneybox-form .button {
  display: inline-block;
}

#moneybox-form .input {
  width: 268px;
  background: url("moneybox-opacity.png") 12px center no-repeat transparent;
  padding-left: 48px;
}

#moneybox-form .button {
  margin-left: 45px;
  vertical-align: middle;
}

#moneybox-form .notice {
  margin-top: 22px;
  font: 13px/15px Arial;
  color: #626466;
}


#city-change {
  border: 2px solid #7fd4d0;
  border-radius: 0 0 20px 20px;
  background: #fff;
  padding: 18px 18px 18px 10px;
  display: none;
}

#city-change p {
  font: 16px/16px Arial;
}

#city-change ul {
  border: none;
  padding: 0;
}

#city-change li {
  padding: 0;
  background: none;
}

#city-change .ch-title {
  text-align: center;
  position: relative;
  padding-bottom: 20px;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 31px;
}

#city-change ul a {
  font-size: 18px;
}

#city-change .ch-title:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 100%;
  left: 0;
  background: url("inner-top-border.png") 0 0 repeat-x transparent;
}

#city-change .ch-main {
  font-size: 22px;
}

.ch-left {
  float: left;
  text-align: center;
  width: 240px;
}

.ch-right {
  float: right;
  width: 240px;
  text-align: center;
  margin-left: -10px;
}

#city-change {
  min-width: 500px;
}


#feedback {
  background: #fff;
  border: 2px solid #7fd4d0;
  display: none;
  padding: 0 140px 20px 45px;
  width: 840px;
}

#feedback textarea, .pop-form textarea{
  max-width: 400px;  
}

#feedback .file-add .error{
  width: 370px;
  padding-top: 65px;
  margin-bottom: 5px;
}

.fb-corner {
  background: url("fb-corner.png") 0 0 no-repeat transparent;
  top: -23px;
  left: 848px;
  position: absolute;
  width: 41px;
  height: 23px;
}

#feedback .close {
  right: 50px;
  top: 16px;
}

.feedback-title {
  position: relative;
  padding-bottom: 25px;
  margin: 25px 0 10px 0 !important;
  font-size: 38px !important;
}

.feedback-title:after {
  background: url("inner-top-border.png") 0 0 repeat-x;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 2px;
  content: "";
  width: 110%;
}

.fb-tel {
  margin-left: 8px;
}

.fb-left {
  float: left;
}

#feedback .input-file {
  position: absolute; /* абсолютное позиционирование, чтобы можно было совместить поле и блок с оформлением */
  top: 0;
  left: 0;
  z-index: 2; /* z-слой должен быть больше, чем у блока с оформлением */
  -moz-opacity: 0;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -khtml-opacity: 0;
  opacity: 0;
  height: 38px;
  width: 456px; /* задаем ширину для всех браузеров. Для firefox подбираем значение параметра size в поле */
  cursor: pointer;
}

.form-row {
  padding: 0.5em 0;
}

#feedback .form-row.file-add {
  min-height: 90px;
}

#feedback .file-notice {
  margin: 0;
  position: absolute;
  width: 456px;
  top: 45px;
  left: 0;
  color: #B1B2B3;
  font: 13px/14px Arial;
}

.nowrap {
  white-space: nowrap !important; 
}

.fonTypeFile { /* блок с оформлением */
  padding: 1px 16px !important;
  height: 38px;  
  position: absolute;
  top: 0px;
  text-transform: uppercase;
  text-align: center;
  left: 360px;
  z-index: 1; /* z-слой меньше, чем у поля выбора файла */  
}

.fonTypeFile span {
  color: #fff;
  font-size: 16px;
  line-height: 38px;
}

.inputFileVal { /* поле, в котором будет показан результат выбора файла */
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  width: 175px;
  border: 1px solid #7fd4d0;  
  height: 38px;
  font: 14px/16px Arial;
  padding: 0 8px;
  width: 338px;
  background: #fff !important;
}

#feedback .fb-left .chosen-container-single {
  width: 215px !important;
}

.fb-right {
  float: right;
}

#feedback .fb-right .chosen-container-single {
  width: 230px !important;
}



.kcaptcha-field {
  width: 158px !important;
  margin-bottom: 12px;
}
.kcaptcha-image {
  border: 2px solid #00a9a1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#feedback .phone, .pop-form .phone {
  width: 190px !important;
  position: relative;
}

.with-close .fancybox-close {
  display: block;
}

#vacancy-put .feedback-title:after {
  width: 100%;
}

#supplier .feedback-title:after {
  width: 111%;
}

.lt-ie9 .fb-left{
  margin-right: -130px;
}

#vacancy-put {
  width: 890px;
}

#supplier .fb-right {
}

.pop-form {
  display: none;
  border: 2px solid #7fd4d0;
  border-radius: 0 0 20px 20px;
  background: #fff;
  padding: 10px 50px 20px 50px;
}

.pop-form .birth-date input {
  width: 140px;
}

.pop-form .town input {
  width: 300px;
}

.pop-form .fb-right .last {
  margin-bottom: 80px;
}

.pop-form .fb-right {
  margin-left: 30px;
}

.pop-form .fb-right .chosen-container-single, .pop-form .fb-left .chosen-container-single {
  width: 300px !important;
}


#supplier {
  width: 865px;
  padding-right: 140px;
  padding-left: 45px;
}

.pop-form.with-file {
  padding-right: 90px;
}

.pop-form.with-file .fb-right {
  margin-left: 0;
}

.pop-form textarea {
  max-width: 400px;
}

.pop-form .form-row {
  padding: 0.5em;
}

.kcaptcha {
  display: inline-block;
}

.kaptcha-notice {
  vertical-align: top;
  margin-left: 20px;
  display: inline-block;
  float: right;
  width: 180px;
}

#vacancy-send {
  width: 450px;
}

#vacancy-send .feedback-title:after {
  width: 100%;
}

#vacancy-send .file-add {
  margin-top: 0;
}

.form-row.center {
  text-align: center;
}

.pop-form .input-file {
  position: absolute; /* абсолютное позиционирование, чтобы можно было совместить поле и блок с оформлением */
  top: 0;
  left: 0;
  z-index: 2; /* z-слой должен быть больше, чем у блока с оформлением */
  -moz-opacity: 0;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -khtml-opacity: 0;
  opacity: 0;
  height: 38px;
  width: 456px; /* задаем ширину для всех браузеров. Для firefox подбираем значение параметра size в поле */
  cursor: pointer;
}

.pop-form .file-add {  
  min-height: 90px;
}

.pop-form .file-add .error {
  margin-bottom: 5px;
  padding-top: 65px;
  width: 370px;
}

.pop-form .file-notice {
  color: #B1B2B3;
  font: 13px/14px Arial;
  left: 0;
  margin: 0;
  position: absolute;
  top: 45px;
  width: 456px;
}

.with-close .fancybox-close {
  right: 50px;
  top: 30px;
  height: 42px;
  width: 42px;  
  background: url("close-icons.png") no-repeat 0 0 transparent;  
  -webkit-transition: -webkit-transform 0.2s linear;
  -moz-transition: -moz-transform 0.2s linear;
  -o-transition: -o-transform 0.2s linear;
  -ms-transition: -ms-transform 0.2s linear;
  transition: transform 0.2s linear;
}

.with-close .fancybox-close:hover {
  -webkit-transform: rotate(180deg);
  /* Chrome y Safari */
  -moz-transform: rotate(180deg);
  /* Firefox */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
  /* Internet Explorer */
  -o-transform: rotate(180deg);
  background: url("close-icons.png") no-repeat -42px -42px transparent;
}


/* --------------/ TOP Forms --------------------- */

/* ------------- HEADER ------------------*/

.header {
  background: #fff;
  padding-top: 30px;
  border-radius:20px 20px 0px 0px;
}

.header:after {
  background: url("") 0 0 repeat-x transparent;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  z-index: 1;
  border-radius:20px;
}

.logo {
  background: url("logo.png") no-repeat 0 0 transparent;
  width: 430px;
  height: 68px;
  display: block;

}

.kopilka {
  background: url("kopilka.png") no-repeat 0 0 transparent;
  width: 170px;
  height: 110px;
  display: block;
  position:absolute;
  margin: -92px 460px 0;
}

.h-info {
  position: absolute;
  right: 0;
  margin-right: 60px;
  top: 0;
  margin-top: 40px;
}

.h-info__phone {
  display: block;
  float: left;  
}

.h-info__phone__label {
  font: 13px/15px Arial;
  color: #333435;
  letter-spacing: 0.5px;
  margin-bottom: 8px; 
}

.h-info__phone__number {
  font-size: 18px; 
  color: #333435;
  padding-left: 25px;
  font-weight: 300;
  background: url("phone.png") no-repeat 0 center transparent;
}

.h-info__city {
  position: relative;
  display: block;
  padding-left: 38px;
  margin-left: 38px;
  float: right;
}

.h-info__city:before {
  background: url("dots.png") 0 0 repeat-y transparent;
  display: block;
  top: 0;
  left: 3px;;
  position: absolute;
  width: 1px;
  height: 100%;
  content: "";
}

.h-info__city__text {
  background: url("city-bg.png") no-repeat 0 0 transparent;
  color: #ff1f3d;
  font-size: 17px;
  padding-left: 18px;
  text-decoration: none;
  display: block;
  height: 29px;
  padding-top: 11px;
  position: relative;
  width: 157px;
  -webkit-transition: all 0s ease-in-out 0s;
  -moz-transition: all 0s ease-in-out 0s;
  -o-transition: all 0s ease-in-out 0s;
  transition: all 0s ease-in-out 0s;
}
.h-info__city__text:hover {
  background-position: 0 -41px;
  color: #fff;
}

.h-info__city__text__label {
  color: #00a9a1;
  font-size: 16px;
  background: url("city-label.png");
  position: absolute;
  top: -70px;
  width: 222px;
  height: 72px;
  display: none;
  text-align: center;
  line-height: 55px;
  cursor: default;
  left: -55px;
}


.top-menu {
  margin-top: 80px;
  padding-bottom: 20px;
}

.lt-ie9 .top-menu a {
  margin: 0 20px;
}

.top-menu a {
  text-transform: uppercase;
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  margin: 0 22px;
  position: relative;
  display: inline-block;
  letter-spacing: 0.7px;
}

.top-menu a.active {
  color: #ff1f3d;
}

.top-menu a:hover {
  color: #ff1f3d;
}

.top-menu a:after {
  background: url("menu-mark.png") 0 0 no-repeat transparent;
  position: absolute;
  top: 6px;
  right: -26px;
  content: "";
  display: block;
  height: 3px;
  width: 3px;
}

.top-menu a:first-child:before {
  background: url("menu-mark.png") 0 0 no-repeat transparent;
  position: absolute;
  top: 6px;
  left: -24px;
  content: "";
  display: block;
  height: 3px;
  width: 3px;
}

/* -------------/ HEADER ------------------*/

/* ------------- BREADCRUMBS ------------*/

.breadcrumbs {
  padding-top: 25px;
  z-index: 1;
}

.breadcrumbs a {
  font-size: 12px;
  color: #00a9a1;
  text-decoration: none;
  font-family: Arial;
}

.breadcrumbs a:hover {
  color: #ff1f3d;
}

.breadcrumbs a:before {
  content: "→";
  display: inline-block;
  color: #006560;
  margin: 0 6px 0 4px;
  font-size: 14px;
}

.breadcrumbs a:first-child:before {
  display: none;
}

.breadcrumbs a.active {
  color: #006560;
  cursor: default;
}

/* -------------/ BREADCRUMBS ------------*/

/* ------------ CONTENT -----------------*/

.widebar .sidebar {
  display: none;
}

.widebar .mainbar {
  padding-left: 0;
  padding-top: 40px;
}

.right-col {

}

.subtitle {
  font: italic 14px/21px Arial;
}

.g-item__slider {

}

.g-item__slider__left {
  display: inline-block !important;
  background: url("carusel-left.png") 0 0 no-repeat transparent;
  height: 22px;
  width: 13px;
  cursor: pointer;
  margin-right: 10px;
  vertical-align: middle;
}

.g-item__slider__nav {
  vertical-align: top;
  text-align: center;
  margin-top: 15px;
  display: none;
  padding-bottom: 10px;
}

.g-item__slider__nav span {
  vertical-align: middle;
}

.g-item__slider__left:hover {
  background-position: -13px 0 ;
}

.g-item__slider__right {
  display: inline-block !important;
  background: url("carusel-right.png") -13px 0 no-repeat transparent;
  height: 22px;
  width: 13px;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 7px;
}

.g-item__slider__right:hover {
  background-position: 0 0 ;
}

.goods-list {
  margin-top: 35px;
}

.g-item { 
  display: inline-block;
  width: 270px;
  padding-top: 20px;
  border-top: 2px solid #7fd4d0;
  margin-right: 15px;
  vertical-align: top;
  margin-bottom: 40px;
}

.g-item .g-item__content p {
  font: 13px/19px Arial;
  color: #008781;
}

.g-item .g-item__content {
  margin-top: 15px;
}

.g-item .g-item__image {
  margin: 0;
  padding: 0;
}


.g-item  .g-item__t-holder {

}

.g-item  .g-item__t-holder__count {
  float: left;
  width: 37px;
  height: 32px;
  padding-top: 5px;
  background: url("date-bg.png") 0 0 no-repeat transparent;
  color: #fff;
  font-size: 23px;
  text-align: center;
  margin-right: 20px;
}

.g-item  .g-item__t-holder__title {
  text-align: left;
  overflow: hidden;
}

.g-item  .g-item__t-holder__title h3 {
  margin-top: 3px;
}

.g-item  .g-item__t-holder__title b {
  font-weight: normal;
  color: #ff1f3d;
}

.container {
  -webkit-box-shadow: 0 0px 25px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.16);
  width: 1250px;
  margin: 0 auto;
  border-radius:20px 20px 0px 0px;
}

.cols {
  width: 632px;
  float: left;
}

.mainbar.widebar {
  padding-left: 0;
}

.mainbar.news {
  padding-right: 60px;
}

.main {
  background: #fff;
  position: relative;  
  padding-bottom: 40px;
  z-index: 0;
}

#inner .main:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: url("inner-top-border.png") repeat-x 0 0 transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.sidebar {
  margin-top: 55px;
  float: left;
  width: 208px;
  z-index: 1;
  position: relative;

}

.sb-menu {
  border: 1px solid #e1e2e3;  
  border-radius: 5px;
  -webkit-border-radius: 5px;  
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
}

.main-menu {
  padding-left: 20px;
   height: 41px;
    overflow: hidden;
    position: absolute;
    top: 5px;
    width: 120px;
    z-index: 5;
}

.main-menu .main-menu__item:first-child {
  border: none;
}

.main-menu .main-menu__item {
  border-top: 1px solid #e1e2e3;
  padding: 9px 15px 9px 0;
}

.main-menu .main-menu__link.active {
  color: #ff1f3d;
}

.main-menu .main-menu__link {
  font-size: 15px;
  text-decoration: none;
  line-height: 21px;
  color: #006560;
}

.main-menu .main-menu__link:hover {
  color: #ff1f3d;
}

.main-menu .main-menu__item ul {
  padding-left: 10px;
}

.main-menu .main-menu__item ul li {
  line-height: 27px;
  margin-top: 10px;
}

.main-menu .main-menu__item ul li a {  
  text-decoration: none;  
  color: #006560;  
  display: block;
  padding-left: 14px;
  font: 13px/15px Arial;
  background: url("ul-mark3.png") 0 4px no-repeat transparent;
  padding-right: 10px;
}

.main-menu .main-menu__item ul li a.active, .main-menu .main-menu__item ul li a:hover  {
  color: #ff1f3d;  
  background: url("ul-mark2.png") 0 4px no-repeat transparent;
}

.mainbar {
   border-radius: 15px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.6);
    height: 540px;
    margin-bottom: 40px;
    margin-left: -20px;
    overflow: hidden;
    padding: 55px 0 0 65px;
    position: relative;
    width: 1180px;
    z-index: 1;
	background:url("bgnews1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.mainbar article {
  padding-bottom: 45px;
}


.mainbar-footer:before {
  content: "";
  display: block;
  width: 100%;
  height: 36px;
  background: url("inner-bottom-border.png") repeat-x 0 0 transparent;
  position: absolute;
  left: 0;
  top: -30px;
}

.mainbar-footer {
 background: url("avto.png") repeat scroll 0 0 #f6f7f7;
    border-radius: 0 0 40px 40px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16);
    height: 180px;
    margin-bottom: 80px;
    margin-top: -80px;
    padding: 38px 55px 75px;
}

.mf-left-corner, .mf-right-corner {
  display: none;
  position: absolute;
  bottom: -5px;
  background-image: url("corners.png");
  background-color: #c2edeb;
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
}

.lt-ie9 .mf-left-corner, .lt-ie9 .mf-right-corner {
  display: block;
}

.mf-left-corner {  
  background-position: -77px 0;  
  left: -5px;  
}

.mf-right-corner {  
  right: -5px;  
}

.mainbar-footer__icon-list {
  font-size: 0;
  padding-bottom: 37px;
  border-bottom: 2px solid #ff1f3d;
  display: inline-block;
}

.mainbar-footer__icon-list a {
  display: inline-block;
  height: 31px;
  width: 31px;
  margin-left: 10px;
  -webkit-transition: all 0s ease-in-out 0s;
  -moz-transition: all 0s ease-in-out 0s;
  -o-transition: all 0s ease-in-out 0s;
  transition: all 0s ease-in-out 0s;  
  background-image: url("footer-icons.png");
  background-color: transparent;
}

.mainbar-footer__icon-list a:first-child {
  margin-left: 0;
}

.f-contacts {
  display: inline-block;
  vertical-align: top;
}

.mainbar-footer__icon-list__item1 {
  background-position: 0 0;
}

.mainbar-footer__icon-list__item1:hover {
  background-position: 0 -32px;
}

.mainbar-footer__icon-list__item2 {
  background-position: -32px 0;
}

.mainbar-footer__icon-list__item2:hover {
  background-position: -32px -32px;;
}

.mainbar-footer__icon-list__item3 {
  background-position: -64px 0;
}

.mainbar-footer__icon-list__item3:hover {
  background-position: -64px -32px;;
}

.mainbar-footer__icon-list__item4 {
  background-position: -96px 0;
}

.mainbar-footer__icon-list__item4:hover {
  background-position: -96px -32px;
}

.mainbar-footer__icon-list__item5 {
  background-position: -128px 0;
}

.mainbar-footer__icon-list__item5:hover {
  background-position: -128px -32px;
}

.f-info__phone {
  display: block;
  margin-top: 16px;
}

.f-info__phone__label {
  font: 12px/15px Arial;
  letter-spacing: 0.5px;
  color: #333435;
  margin-bottom: 8px; 
}

.f-info__phone__number {
  font-size: 18px; 
  color: #333435;
  font-weight: 300;
}

#f-menu {
  display: inline-block;
  vertical-align: top;
}

.f-menu__column:first-child {
  margin-left: 25px;
}

.f-menu__column {
  display: inline-block;
  vertical-align: top;
  padding-left: 15px;
  margin-left:12px;
  
  width: 200px;
  position: relative;
  z-index: 1;
}

.f-menu__column_opros_default {
  display: inline-block;
  vertical-align: top;
  padding-left: 0px;
  padding-top: 20px;
  margin-left:0px;
  width: 200px;
  position: relative;
  z-index: 1;
}

.f-menu__column:first-child:before, .f-menu__column.last:before {
  display: none;
}

.f-menu__column:before {
  background: url("dots.png") repeat-y scroll 0 0 transparent;
    content: "";
    height: 80%;
    left: 18px;
    position: absolute;
    top: 15px;
    width: 1px;
}

.f-menu__level-1 {
  margin-top: 35px;
}

.f-menu__level-1:first-child {
  margin-top: 0px;
}

.f-menu__level-1__title {
  font-size: 19px;
  color: #000000;
  text-decoration: none;
  display: block;
  margin-bottom: 20px;
}

.f-menu__level-1__title:hover {
  color: #ff1f3d;
}

.f-menu__level-2 {
 padding-left: 15px;
    text-shadow: 0 -1px #cdcece;
}

.f-menu__level-2 li {
  padding: 4px 0;
}

.f-menu__level-2__link {
  font: 13px/15px Arial;
  color: #333435;
  text-decoration: none;
  display: block;
}

.f-menu__level-2__link:hover {
  color: #ff1f3d;
  text-decoration: underline;
}



.in-button {
  border-radius: 18px;
  border: 1px solid #7fd4d0;
  background: #fff;
  text-decoration: none;
  padding: 9px 13px;  
  color: #00a9a1;
}

.in-button.rss {
  position: absolute;
  top: 50px;
  left: 780px;
  padding-right: 40px;
  background: url("rss.png") no-repeat 80% center #fff;
}

.in-button.rss:hover {
  background: url("rss-hover.png") no-repeat 80% center #ff1f3d;
  color: #fff;
  border-color: #ff1f3d;
}

.vk-comment .wrapper{
  background: url("gray-pattern.jpg") 0 0 repeat transparent;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
}

.vk-comment .wrapper:before {
  background: url("comment-shadow.png") center 0 no-repeat transparent;
  width: 100%;
  height: 7px;
  display: block;
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
}

.vk-comment__holder {
  margin-left: 295px;
  padding: 25px 0;
}

.vk-comment__title {
  margin-top: 0 !important;
}

.back-link {
  margin-top: 5px;
  background: url("inner-border.png") 0 0 repeat-x transparent;
  padding-top: 25px;
}

.back-link a {
  font-size: 18px;
  color: #00a9a1;
  text-decoration: none;
}

.back-link a:hover {
  color: #ff1f3d;
}

.articles .background {
  display: block;
}

.shops .background {
  display: block;
  top: 264px;
}

.background {
  background: url("gray-pattern.png") 0 0 repeat;
  width: 100%;
  top: 165px;
  left: 0;
  z-index: -1;
  position: absolute;
  height: 100%;
  display: none;
}

.mainbar a img:hover:after {

}

.mainbar img:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.65;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
}

.hard-title .vacancy-date {
  color: #006560;
  font: italic 13px/13px Arial;
 }


.hard-title {
  background: url("inner-border.png") 0 100% repeat-x transparent;
  padding-bottom: 1px;
  margin-bottom: 25px;
}

.hard-title h1 {
  margin-bottom: 21px;
}


.hard-title h2 {
  color: #ff1f3d;
  font-size: 26px;
  line-height: 26px;
  margin-top: 20px;
}

.v-item {
  margin-top: 35px;
}

.v-item:first-child {
  margin-top: 0;
}

.v-item .v-item__content {

}

.v-item .v-item__content ul {
  border: none;
  padding-bottom: 0;
}

.v-item .v-item__date {
  font: italic 13px/13px Arial;
  color: #006560;
}

.v-item .v-item__title a {
  font-size: 22px;
}

.vacancy-item {
  margin-right: 180px;
}

.vacancy-send {
  text-align: center; 
  margin: 50px 0 30px 0;
}

.vacancy-send .vacancy-send__text {
  font: italic 15px/15px Arial;  
  color: #006560;
  margin-bottom: 40px;
}

.share {
  margin: 30px 0;
}

.share .share-title {
  color: #006560;
  font-size: 18px;
}

.share-widget {

}

.informer {
  position: absolute;
  top: 250px;
  right: 0px;
}

.informer .informer__link {
  padding-right: 60px;
  width: 100px;
  display: block;
  color: #ff1f3d;
  font-size: 16px;
  line-height: 23px;
  text-align: left;
  text-decoration: none;
  background: url("arrow-right-green-big.png") 100% center no-repeat transparent;
}

.informer .informer__link:hover {
  text-decoration: underline;
  background-image: url("arrow-right-red-big.png");
}

.album-list {
  border-top: 1px solid #e1e2e3;
  padding-top: 25px;
  font-size: 0;
}

.upload-date {
  font: bold italic 13px/13px Arial;
  color: #006560;
  position: absolute;
  top: 80px;
  left: 0px;
}

.a-holder {
  position: relative;
  width: 266px;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  margin-right: 16px;
  margin-bottom: 40px;
}

.img-holder {
  position: relative;
  font-size: 0;
}

.a-holder p {
  color: #00a9a1; 
  text-decoration: underline;
}

.a-holder:hover p {
  color: #ff1f3d;
}

.a-holder .a-holder__date {
  font: 12px/12px Arial;
  text-decoration: none;
  color: #006560 !important;
} 

.img-holder img {
  margin: 0;
  padding: 0;  
}
/* ------------/ CONTENT -----------------*/

/* ----------- IMG FANCY -------------- */
.img-fancy {
}

.lt-ie9 .img-fancy .fancybox-title {
  background: #006560;
}

.img-fancy .fancybox-title {
  background: rgba(0, 101, 96, 0.9);
  padding: 20px 0px 15px 0px;
  color: #fff;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
}

.img-fancy .fancybox-skin {
  border-radius: 5px;
}

.img-fancy .fancybox-image {
  border-radius: 5px;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
}

.fancybox-lock {
  margin-right: 0 !important;
  overflow: visible;
}

/* ------------/ IMG FANCY ------------- */

/*------------- SIDEBAR ------------------*/

.sidebar img {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
}

.right-col {
  float: right;
  width: 210px;
  height: 300px;
  position: relative;
  z-index: 1;
  display: none;
}

.cols ~ .right-col {
  display: block;
}

.sb-banner {
  width: 209px;
  border-radius: 6px;
  overflow: hidden;
}

.sb-banner__title {
  padding: 20px 0 15px 0;
  text-align: center;
  color: #fff;
  font-size: 30px;
  text-transform: uppercase;
}

.sb-banner__image {
  font-size: 0;
}

.sb-banner__image img {
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;  
}

.sb-banner__more {
  text-align: center;
  padding: 18px 0;
}

.sb-banner__more__link {
  border-radius: 18px;
  border: 1px solid #fff;
  padding: 5px 25px;
  font: 14px/14px Arial;
  color: #fff;
  text-decoration: none;
}

.sb-banner__more__link:hover {
  background: #ff1f3d;
  border-color: #ff1f3d;
  color: #fff;
  text-decoration: none !important;
}

.red {
  background-color: #ff1f3d !important;
}

.green {
  background-color: #00a9a1 !important;
}

.pink {
  background-color: #ff8f9e !important;
}

.sidebar .sb-item:first-child {
  margin-top: 0px;
}

.right-col .sb-item:first-child {
  margin-top: 0px;
}

.sb-item {
  margin-top: 50px;
}

.sb-news {
  margin-top: 20px;
}

.sb-news:first-child {
  margin-top: 0;
}

.sb-news p {
  margin: 0.35em;
}

.sb-news .sb-news__content {

}

.sb-news .sb-news__content__date {
  color: #ff1f3d;
  font: 13px/14px Arial;
}

.sb-news .sb-news__content__date span {
  color: #006560;
  font: italic 12px/14px Arial;
}

.sb-news .sb-news__content__more {
  text-align: right;
}

.sb-news .sb-news__content__more a {
  text-decoration: none;
  font-size: 12px;
}

.sb-news .sb-news__content__text {
  font: 12px/18px Arial;
  color: #333435;
}

.sb-news .sb-news__content__title {
  font-size: 18px;
  line-height: 22px;
}

.sb-item__title { 
}

.sb-item .sb-button-holder {
  text-align: center;
  margin-top: 40px;
}

.sb-button {
  border-radius: 18px;
  background: -moz-linear-gradient(center top , #fcfdee, #c9cdca) repeat scroll 0 0 rgba(0, 0, 0, 0);
 box-shadow:0 2px 2px rgba(0, 0, 0, 0.3); 
 height:20px;
  text-align: center;
 
}

.sb-button:hover {
 box-shadow:4px 4px 4px rgba(0, 0, 0, 0.3);
}

/*------------/ SIDEBAR ------------------*/

/* ------------ NEWS ----------------*/

.news-list {
  padding-right: 25px;
}

.news-panes .news-item {
  margin-bottom: 15px; 
}

.news-item {
  margin-top: 15px;
}

.news-panes .news-pane__item {
  display: none;
}

.news-panes .news-pane__item.current {
  display: block;
margin-left: 25px;
}

.news-list .news-item .news-item__image {
  float: left;
  margin: 25px 18px 0 0;
  padding: 0;
  padding: 0px;
  left: 0;
}

.news-item .news-item__text {
  overflow: hidden;
}

.news-item .news-item__text__content {
  font: 13px/19px Arial;
  color: #333435;
}

.news-item .news-item__text__date {
  font: 14px/14px Arial;
  margin-bottom: 10px;
  color: #333435;
}
.news-item .news-item__text__date span {
    background: -moz-linear-gradient(center top , #fcfdee, #c9cdca) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    color: #000000;
    display: inline-block;
    font-size: 23px;
    height: 37px;
    line-height: 30px;
    margin-right: 5px;
    padding-top: 4px;
    text-align: center;
    width: 37px;
}

.news-item .news-item__text__more {
  text-decoration: none;
  text-align: right;
  font: 13px/19px Arial;
  margin: 1em 0;
  display: block;
}

.news-item .news-item__text__title {
  color: #000000;
    display: block;
    font-size: 22px;
    line-height: 29px;
    text-shadow: 0 -1px #cdcece;
}


.news .news-item__date {
  font: italic 14px/16px Arial;
  color: #006560;
  text-align: left;
}

.news-item__image {
  display: inline-block;
  position: relative;
  left: -40px;
  margin: 15px 0;
}

.zoom-image:hover .zoom, .zoom-image:hover .zoom:before {
  opacity: 1;
  filter: alpha(opacity=65);
}


.zoom {
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  background: url("black-opacity.png") repeat 0 0;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  border-radius: 5px;
}

.zoom:before {
  background: url("zoom.png") center center no-repeat transparent;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.main-image {
  border-radius: 5px !important; 
  padding: 0 !important;
  margin: 0 !important;
}


/* ------------/ NEWS ----------------*/

/* ------------ ARTICLE -------------*/

.articles h1 {
  text-align: center;
  color: #ff1f3d;
  font: 63px/30px Birch;
}

.article-item {
  display: inline-block;
  font-size: 0;
  width: 270px;
  vertical-align: top;
  margin-right: 14px;
  margin-bottom: 15px;
}

.article-item:hover .img-mask {
  background-position: -290px 0px;
}

.img-mask {
  height: 224px;
  width: 290px;
  position: absolute;
  margin-left: -14px;
  z-index: 2;
  top: 0; 
  left: 0;
  -webkit-transition: all 0s ease-in-out 0s;
  -moz-transition: all 0s ease-in-out 0s;
  -o-transition: all 0s ease-in-out 0s;
  transition: all 0s ease-in-out 0s;
}

.article-item .article-item__image {
  padding-left: 8px!important;
  margin-left: -10px !important;
}

.article-item .article-item__image-holder {
  position: relative;
  display: block;
}

.article-item .article-item__text__content {
  text-align: center;
  font: 13px/19px Arial;
  color: #333435;
}

.article-item .article-item__text__title {
  text-align: center;  
}

.article-item .article-item__text__title a {
  font-size: 19px;
  line-height: 24px;
  display: inline-block;
  color: #008781;
  font-family: Pragmatica, sans-serif;
}

.article-item .article-item__text__title a:hover {
  color: #ff1f3d;
}



/* ------------/ ARTICLE ------------*/


/* ----------- YMAP ----------------*/

.widemap {
  width: 99.5%;
  height: 410px;    
  border: 3px solid #00a9a1; 
  position: relative;
}

.map-holder {
  position: relative;  
}

.map-holder:after {
  background: url("map-shadow.png") center 0 no-repeat transparent;
  content: "";
  display: block;
  position: absolute;
  height: 36px;
  width: 100%;
  left: 0;
  bottom: -36px;
}

.map-filter {
  margin-bottom: 18px;
  font-size: 0px;
}

.filter-button {
  font-family: Pragmatica;
  color: #fff;
  text-transform: uppercase;
  font-size: 17px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: inline-block;
  -moz-border-radius: 18px 18px 18px 18px; /* Firefox */
  -webkit-border-radius: 18px 18px 18px 18px; /* Safari, Chrome */
  -khtml-border-radius: 18px 18px 18px 18px; /* KHTML */
  border-radius: 18px 18px 18px 18px; /* CSS3 */
  position: relative;
  margin-right: 20px;
}

.filter-button.all {
  padding-left: 16px;
  padding-right: 16px;
}

.filter-button.home {
  padding-left: 40px;
  padding-right: 40px;
  background: url("sp-market-map.png") 99.5% center no-repeat;
}

.filter-button.home:before {
  content: "";
  display: block;
  width: 15px;
  height: 14px;
  position: absolute;
  top:8px;
  left: 12px;
  background: url("home-icon.png") 0 0 no-repeat transparent;
}


.filter-button.supermarket:before {
  content: "";
  display: block;
  width: 15px;
  height: 14px;
  position: absolute;
  top:10px;
  left: 12px;
  background: url("market-icon.png") 0 0 no-repeat transparent;
}

.filter-button.supermarket {
  padding-left: 40px;
  padding-right: 40px;
  background: url("sp-market-map.png") 99% center no-repeat;
}

.filter-button.hypermarket:before {
  content: "";
  display: block;
  width: 15px;
  height: 14px;
  position: absolute;
  top:10px;
  left: 12px;
  background: url("hmarket-icon.png") 0 0 no-repeat transparent;
}

.filter-button.hypermarket {
  padding-left: 40px;
  padding-right: 40px;
  background: url("hp-market-map.png") 99% center no-repeat;
}

.filter-button.fullday {
  padding-left: 14px;
  padding-right: 14px;
  margin-left: 20px;
}

.filter-button:hover {
  color: #fff;
}

.filter-reset {
  height: 36px;
  padding-right: 44px;
  background: url("close36.png") 100% center no-repeat transparent;
  font: 14px/36px Arial;
  display: inline-block;
  float: right;
  text-decoration: none;
}

.filter-reset:hover {
  background-image: url("close36-hover.png");
}

.shop-list {
  margin-top: 40px;
  
}

.shop-list__col {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 285px;
  position: relative;
}

.shop-list__col i {
  background-image: url("shops.png");
  background-color: transparent;
  width: 104px;
  height: 104px;
  display: inline-block;
}

.shop-list__col1__icon {
  background-position: 0 0;  
}

.shop-list__col2__icon {
  background-position: -104px 0;  
}

.shop-list__col3__icon {
  background-position: -208px 0;  
}

.shop-list__col:first-child .shop-list__col__content {
  border: none;
  padding-left: 20px;
}

.shop-list__col__content {
  text-align: left;
  padding: 0 30px;
  padding: 0 30px;
  
}

.shop-list__col.middle {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 560px;
  
}

.shop-list__col.middle .shop-list__col__icon {
  
}

.shop-list__col.middle .shop-list__col__content {
  text-align: left;
  position: relative;
  padding: 0 15px 0 30px;;
}

.shop-list__col:before {
  background: url("dots.png") repeat-y 0 0 transparent;
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  width: 1px;
  height: 100%;
}

.shop-list__col:first-child:before {
  display: none;
}

.shop-list__col.middle .shops-list__item {
  margin-right: 15px;
  margin-top: 0;
  margin-bottom: 15px;
  vertical-align: top;
}

.shops-list__item {
  margin-top: 15px;
  display: inline-block;
  width: 240px;
  text-align: center;
}

.shops-list__item p {
  margin: 0.2em 0;
  line-height: 19px;
  font-size: 13px;
  
}

.shop-list__col__content .shops-list__item:first-child {
  margin-top: 0;
}

.shops-list__item__title {
  font: bold 14px/16px Arial;
  padding-left: 12px;
  background: url("ul-mark2.png") 0 center no-repeat transparent;
}

/* --------SHOP ITEM --------------*/

.shop-card-holder {
  position: relative;
}

.s-card:after {
  background: url("s-card-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  bottom: 0;
  content: "";
  display: block;
  height: 112px;
  left: 350px;
  position: absolute;
  width: 184px;
}

.s-card {
  background: url("gray-pattern.png") 0 0 repeat transparent;
  width: 535px;
  border-radius: 8px; 
  padding: 25px 0 25px 35px;
  float: left;
  min-height: 282px;
}

.s-card h3 {
  margin-top: 0;
}

.s-card p {
  display: inline-block;
  width: 185px;
  z-index: 1;
  padding-left: 54px;
  position: relative;
  min-height: 36px;
  padding-top: 8px;
  font: 15px/17px Arial;
  margin-right: 25px;
  vertical-align: top;
  margin-top: 9px;
}

.s-card .s-type {
  background: url("s-type.png") 0 0px no-repeat transparent;
}

.s-card .s-type span {
  display: block;
  font: 15px/17px Arial;
}

.s-card .s-fullday {
  background: url("s-fullday.png") 0 0px no-repeat transparent;
}

.s-card .s-addres {
  background: url("s-addres.png") 0 0px no-repeat transparent;
}

.s-card .s-phone {
  background: url("s-phone.png") 0 0px no-repeat transparent;
}

.s-card .s-time {
  background: url("s-time.png") 0 0px no-repeat transparent;
}

.s-card .s-parking {
  background: url("s-parking.png") 0 0px no-repeat transparent;
}

.smallmap {
  width: 560px;
  height: 324px;
  border: 3px solid #00a9a1;
  float: right;
  position: relative;
}

.smallmap:after {
  background: url("smallmap-shadow.png") center 0 no-repeat transparent;
  content: "";
  display: block;
  width: 100%;
  height: 29px;
  left: 0;
  bottom: -29px;
  position: absolute;
  
}

.shop-services {
  background: url("gray-pattern.png") 0 0 repeat transparent;
  border-radius: 8px;
  padding: 25px 35px 35px 35px;
  margin-top: 45px;
}

.shop-services h3 {
  margin-top: 0;
  margin-bottom: 10px;
}

.shop-services__list {
  padding-left: 0 !important;
  margin: 0 !important;
  
}

.shop-services__list .shop-services__item {
  background: none;
  display: inline-block;
  padding-left: 0;
  text-align: center;
  margin-left: 0px;
  vertical-align: top;
  width: 106px;
  margin-bottom: 0;
  color: #006560;
  font: 14px/14px Arial;
}

.shop-services__list .shop-services__item:first-child {
  margin-left: 0;
  margin-right: 5px;
}

.shop-services__list a {
  text-decoration: none;  
}

.shop-services__item i {
  display: block;
  width: 78px;
  padding: 0;
  height: 76px;
  margin: 0 auto 10px;
  background-image: url("services.png");
  background-color: transparent;
}

.shop-services__list .service1 {
  background-position: 0 0;
}

.shop-services__list .service2  {
  width: 98px;   
  background-position: -78px 0;
}

.shop-services__list .service3 { 
  background-position: -176px 0;
}

.shop-services__list .service4 { 
  background-position: -253px 0;
}

.shop-services__list .service5 {
  background-position: -329px 0;
}
  
.shop-services__list .service6 {
  background-position: -406px 0;
}

.shop-services__list .service7 {
  background-position: -483px 0;
}

.shop-services__list .service8 {
  background-position: -560px 0;
}

.shop-services__list .service9 {
  background-position: -637px 0;
}

.shop-services__list .service10 {
  background-position: -714px 0;
}

.shop-services__list .service11 {
  background-position: -791px 0;
}

.shop-services__list .service12 {
  background-position: -867px 0;
}

/* -----------/ YMAP -----------------*/



/* ------------ FOOTER ----------------- */

#footer {
  background: #fff;
  position: relative;
  padding-bottom: 10px;
  min-width: 1250px;
  width: 100%;

}

.lt-ie9 .footer-bg {
  background: url("footer-bg-ie.png") center 0 no-repeat transparent; 
}

.footer-bg {
  background: url("footer-bg.pn") center 0 no-repeat transparent;
  position: absolute;
  top: -400px;
  background-size: cover;
  z-index: -1;
  left: 0;
  height: 400px;
  width: 100%;
}

#footer:before {
  background: url("footer-tile.png") 0 0 repeat-x transparent;
  content: "";
  display: block;
  width: 100%;
  height: 25px;
  position: absolute;
  top: -25px;
}

.footer__contacts1, .footer__contacts2 {
  display: inline-block;
  font-size:14px;
  color:#000000;
} 

.footer__contacts2 {
  margin-left: 90px;
}

#footer .email {
  color: #ff1f3d;
}

#footer a {
  text-decoration: none;
}

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

.intec a:hover {
  text-decoration: none !important;
}

.intec {
  text-align: right;
  padding-left: 60px;
  border-left: 1px dotted #008781;
  position: absolute;
  right: 60px;
  top: 1px;
}

.intec p {
  margin: 0;
}

.intec img {
  margin: 0;
  padding: 0;
  vertical-align: top;
  padding-left: 10px;
}

.intec a {
  color: #333435;
}

/* ------------/FOOTER -------------------*/

/* ------------ INDEX -----------------*/

.nivoSlider {
  border-top: 3px solid #000000;
  margin-bottom: 0px;
  z-index: 5;
  position: relative;
}

.slider-holder {
  padding-bottom: 40px;
  width:1250px;
  margin-left:-70px;
}

.slider-holder:after {
  content: "";
  display: block;
  height: 37px;
  position: absolute;
  bottom: 11px;
  left: 0;
  z-index: 1;
  width: 100%;
  background: url("slider-shadow.png") center 0 no-repeat transparent;
  
}

.nivoSlider img {
  margin: 0;
  padding: 0;
  border-radius: 0;
  width: 1250px !important;
}

.nivo-controlNav {
  position: relative;
  z-index: 10;
  margin-top: -55px;
}

.nivo-controlNav .nivo-control {
  text-indent: -10000px;
  display: inline-block;
  background: url("slidenav-icons.png") 0 0 no-repeat transparent;
  width: 30px;
  height: 30px;
  -webkit-transition: all 0s ease-in-out 0s;
  -moz-transition: all 0s ease-in-out 0s;
  -o-transition: all 0s ease-in-out 0s;
  transition: all 0s ease-in-out 0s;
  margin: 0 5px;
}

.nivo-controlNav .nivo-control.active {
  background-position: 0 -30px;
}

.services__left, .services__right {
  background-image: url("slider-nav.png");
  background-color: transparent;
  position: absolute;
  top: 65px;
  opacity: 0.5;
  height: 65px;
  width: 65px;
  display: block;
  z-index: 3;
  -webkit-transition: opacity 0.2s ease-in-out 0s;
  -moz-transition: opacity 0.2s ease-in-out 0s;
  -o-transition: opacity 0.2s ease-in-out 0s;
  transition: opacity 0.2s ease-in-out 0s;
}

.services {
  position: relative;
  margin-bottom:50px;
}

.service-icon1, .service-icon2, .service-icon3, .service-icon4, .service-icon5, .service-icon6 {
  background-color: transparent;
  height: 99px;
  width: 94px;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -47px;
  z-index: 3;
}

.service-icon2 {
  background-position: -94px 0;
}

.service-icon3 {
  background-position: -188px 0;
  width: 98px;
  margin-left: -49px;
}

.service-icon4 {
  background-position: -287px 0;
}

.service-icon5 {
  background-position: -385px 0;
}

.service-icon6 {
  background-position: -480px 0;
}

.services .caroufredsel_wrapper {
  margin-left: 5px !important;
  width: 1152px !important;
}

.services:hover .services__left, .services:hover .services__right {
  opacity: 1;
}


.services__left {
  background-position: 0 0; 
  left: -27px;
}

.services__left:hover {
  background-position: -65px 0; 
}

.services__right {
  background-position: -130px 0; 
  right: -27px;
}

.services__right:hover {
  background-position: -195px 0; 
}

.news-tabs {
  text-align: center;
  margin: 0 !important;
  position: relative;
}

.news-tabs li:first-child:after {
  background: url("dots.png") 0 0 repeat-y transparent;
  width: 1px;
  height: 100%;
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
}

.news-tabs li {
  background: none !important;
  position: relative;
  display: inline-block; 
  padding: 0 30px !important;
}

.news-tabs a {
  font-size: 20px;
  text-decoration: none;
  border-bottom: 1px dashed #000000;
  text-transform: uppercase;
  vertical-align: middle;
  height: 38px;
  -webkit-transition: all 0.0s ease-in-out 0s;
  -moz-transition: all 0.0s ease-in-out 0s;
  -o-transition: all 0.0s ease-in-out 0s;
  transition: all 0.0s ease-in-out 0s;
color:#000000;  
}

.news-tabs .current a {
  font-size: 20px;
  border-bottom: none;
  color: #ffffff;
   font-weight: bold;
   background:linear-gradient(to bottom, rgba(77, 138, 79, 1) 0%, rgba(24, 120, 30, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
   border-radius: 5px;
    box-shadow: 0 2px 1px 0 rgba(33, 33, 33, 0.7) inset;
	padding:8px 1.2em 12px;
}

.news-panes .news-item {
  width: 350px;
  display: inline-block;
  margin-left: 40px;
  vertical-align: top;
}

.news-panes .news-item:first-child {
  margin-left: 0;
}

.news-panes .news-item__text__date .news-item__text__city {
  background: none;
  color: #9fa2a6;
  font: 13px/14px Arial;
  border-left: 1px solid #9fa2a6;
  padding-left: 6px;
  height: auto;
  margin-left: 12px;
}

.index-news-list {
  margin-bottom: 10px;
}

.lt-ie9 .all-news {
  width: 100px;
}


.all-news {
  color: #000000;
    display: block;
    font: 13px/13px Arial;
    padding: 6px 13px;
    width: 90px;
}

.gray-holder {
  
}

.gray-holder .wrapper {
  background: url("body-bg.png") 0 0 repeat transparent;
  box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.16);
  padding-top: 60px;
  padding-bottom: 30px;
}

.gray-holder .wrapper:before {
  background: url("inner-top-border.png") 0 0 repeat-x transparent;
  width: 100%;
  display: block;
  height: 36px;
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
}

a[rel="photos"] {
  display: inline-block;
  font-size: 0;
  position: relative;
  margin: 10px;
}

a[rel="photos"]:before {
  display: none;
}

a[rel="photos"] img {
  padding: 0px;
  margin: 0px;
}

a[rel="photos"]:hover:before {
  background: url("black-opacity.png") 0 0 repeat transparent;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 2;
  border-radius: 5px; 
}

.services {
  
}

.service-holder:first-child {
  margin-left: 0;
}

.service-holder {
  text-align: center;
  width: 266px;
  display: inline-block;
  position: relative;
  margin-left: 22px;
  padding-top: 25px;
  text-decoration: none;
}

.service-holder:hover .index-mask {
  background-position: -290px 0;
}

.service-holder .index-mask {
  margin-left: -10px;
  top: 25px;
}

.service-holder img {
  padding: 0;
  margin: 0;
  margin-top: 8px;
}

.service-holder h2 {
  color: #000000;
  margin: 0.33em 0;
  font-family: Birch;
}

.img-mask index-mask {
  
}

.brands {
  margin-top: 30px;
  background: url("bggo.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-radius: 16px;
  padding: 30px 20px 40px 20px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5); 
  height:340px;

}

.brands h4 {
  margin-top: 0;
  margin-bottom: 0.33em;
}

.brands-holder {
  text-align: center;
}

.brands-holder a:first-child {
  margin-left: 20px;
}

.brands-holder a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 75px;
  -webkit-transition: all 0s ease-in-out 0s;
  -moz-transition: all 0s ease-in-out 0s;
  -o-transition: all 0s ease-in-out 0s;
  transition: all 0s ease-in-out 0s;
  background-image: url("brand-icons.jpg");
  background-color: transparent;
}

.brands-holder .brand1 {
  background-position: 0 0;
  width: 144px;
  height: 60px;
}

.brands-holder .brand1:hover {
  background-position: 0 -60px;
}

.brands-holder .brand2 {
  background-position: -144px 0;
  width: 226px;
  height: 60px;
}

.brands-holder .brand2:hover {
  background-position: -144px -60px;
}

.brands-holder .brand3 {
  background-position: -370px 0;
  width: 110px;
  height: 60px;
}

.brands-holder .brand3:hover {
  background-position: -370px -60px;
}

.brands-holder .brand4 {
  background-position: -480px 0;
  width: 146px;
  height: 60px;
}

.brands-holder .brand4:hover {
  background-position: -480px -60px;
}

.index-contacts {
    margin-bottom: 100px;
    margin-left: -15px;
    margin-top: 30px;
}

.index-contacts .mainbar-footer__icon-list {
  padding: 0;
  border: none;
}


.index-contacts .f-info__phone {
  display: inline-block;
  margin: 0 0 0 40px;
}

.index-contacts .f-info__phone p {
  margin: 0.2em 0;
  font-size: 13px;
  
}

.index-contacts .f-info__phone__number {
  background: none;
  font-size: 18px !important;
  font-weight: bold;
  padding: 0;
}

.index-footer .f-menu__column:first-child {
  border-left: none;
  padding-left: 0;
  margin-left: 0;
}

.f-menu__column.last {
  border-left: none;
}

/* ------------/ INDEX -----------------*/

.search-list li {
  width: 600px;
  margin-bottom: 20px ! important;
}

/* MAP */

.ymaps-b-balloon .ymaps-b-balloon__tail .ymaps-b-balloon__sprite_type_tail {
  background: url("balloon-foot.png") 0 0 no-repeat transparent !important;
  margin-top: -2px;
}

.ymaps-b-balloon__sprite, .ymaps-b-balloon__tail  {
  background-image: url("map-sprite.png") !important; 
}

.ymaps-b-balloon__content {
  border-color: #00a9a1 !important;
  border-width: 0 2px !important;
}

.balloon-content {
  min-width: 250px;
}

.balloon-content__title {
  color: #008781;
  font: 21px/22px Arial,sans-serif;
  text-decoration: none;  
}

.balloon-content__title:hover {
  text-decoration: underline;
  color: #ff1f3d;
}

.balloon-content p {
  line-height: 10px !important;
}

.map-corner1 {
  background: url("map-corner1.png") 0 0 no-repeat transparent;
  width: 68px;
  height: 60px;
  position: absolute;
  bottom: -3px;
  left: -3px;
  z-index: 2;
}

.map-corner2 {
  background: url("map-corner2.png") 0 0 no-repeat transparent;
  width: 68px;
  height: 60px;
  position: absolute;
  bottom: -3px;
  right: -3px;
  z-index: 2;
}

/* /MAP */

.vacancy__download {
  padding-left: 50px;
  background: url("download-icon.png"/*tpa=http://www.sm-komandor.ru/image/download-icon.png*/) 0 center no-repeat transparent;
  display: block;
  float: left;
}

.vacancy__download .download__title {
  font: 18px/18px Pragmatica, sans-serif;
  margin: 0 0 2px 0;
  color: #006560;
}

.vacancy__download .download__text {
  margin: 0;
}

.vacancy-send .vacancy-send__button {
  float: right;
  margin: 0;
  width: 100%;
}

.vacancy__download + .vacancy-send__button {
  width: auto;
}

iframe {
}
.main-menu {
    height: 41px;
    overflow: hidden;
    position: absolute;
    top: 5px;
width:120px;
    z-index: 5;
}


.main-menu a.site-map, .popup-site-map a.site-map {
    background: url("main-menu.png") no-repeat scroll 0 -369px rgba(0, 0, 0, 0);
    border-bottom: medium none;
    float: left;
    height: 41px;
    padding: 0 9px 0 20px;
    position: relative;
    z-index: 100;
	width:68px;
}


.main-menu a.site-map span, .popup-site-map a.site-map span {
    cursor: pointer;
    display: inline-block;
    height: 41px;
    line-height: 38px;
}

.main-menu a.site-map i, .popup-site-map a.site-map i {
    background: url("main-menu.png") no-repeat scroll 100% -410px rgba(0, 0, 0, 0);
    display: block;
    height: 37px;
    position: absolute;
    right: -15px;
    top: 0;
    width: 15px;
    z-index: 100;
}


.main-menu .menu-items-wrap {
    height: 41px;
    overflow: hidden;
    padding: 0 4px 0 0;
}

.main-menu td a {
    border-bottom: medium none;
    display: block;
    height: 41px;
    position: relative;
    white-space: nowrap;
}


.main-menu td em {
    background: url("main-menu.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    font-style: normal;
    height: 41px;
    vertical-align: top;
    width: 100%;
}


.main-menu td u {
    text-decoration: none;
}


.main-menu td:first-child b {
    padding-left: 20px;
}


.main-menu td a {
    border-bottom: medium none;
    display: block;
    height: 41px;
    position: relative;
    white-space: nowrap;
}

.main-menu a.site-map u, .popup-site-map a.site-map u {
    border-bottom: 1px dashed #fff;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.33);
}
.main-menu td.last i {
    background-position: 100% -246px;
    height: 41px;
    right: -4px;
}
.main-menu td i {
    background: url("main-menu.png") no-repeat scroll 100% -41px rgba(0, 0, 0, 0);
    display: block;
    height: 37px;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: top;
    width: 4px;
}
.logo:after {
    bottom: -62px;
    content: "";
    height: 64px;
    left: 0;
    margin-top: 200px;
    position: absolute;
    right: 0;
}
.logo {
    background: none repeat scroll 0 0 #fff;
    left: 50%;
    margin-left: -8.5em;
    margin-right: 0;
    margin-top: -30px;
    padding: 41px 18px;
    position: absolute;
    width: 188px;
    z-index: 100;
}
.logosv {
margin-left: -55px;
    margin-top: -42px;
	width:1250px;
	height:181px;
    position: absolute;
    z-index: 12;
}
.name{
  color: #006641;
    font-family: "arial";
    font-size: 1.45em;
    font-weight: bold;
    margin-bottom: -48px;
    margin-top: 0;
    text-decoration: overline;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}.name1{
    color: #006641;
    font-family: "arial";
    font-size: 1.0em;
    font-weight: bold;
    margin-top: 0;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.navmenu{
margin-left:10px;
  margin-top: -20px;
}
.txtotzivi{
margin-top:100px;
font-size:30px;}




























#layout {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 30px rgba(0, 21, 48, 0.3);
    margin: auto;
    max-width: 1280px;
    min-height: 100%;
    min-width: 1000px;
    position: relative;
    text-align: left;
}
#header {
    background: linear-gradient(to bottom, rgba(248, 246, 244, 1) 0%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    position: relative;
    z-index: 2;
}
.header_bottom:before, .helper_form_layout:before, .point_header:before, .horizontal_shadow:before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 1%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -25px;
    content: "";
    height: 23px;
    left: 0;
    position: absolute;
    width: 100%;
}
.header_bottom:after, .short_nav:after, .helper_form_layout:after, .point_header:after, .horizontal_shadow:after {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.04) 1%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -12px;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    width: 100%;
}
.header_bottom {
    border-bottom: 2px solid #eee;
    padding: 7px 0;
    position: relative;
}
.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    border-collapse: collapse;
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.bad_browser {
    background: none repeat scroll 0 0 #e83b3d;
    color: #fff;
    display: none;
    height: 40px;
    left: 0;
    padding: 0 20px;
    position: relative;
    right: 0;
    top: 0;
}
.clearfix {
    min-height: 0;
}
.bad_browser p {
    margin: 10px 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
}
.bad_browser .sitemenu_close {
    cursor: pointer;
    display: inline-block;
    font-size: 100%;
    font-style: italic;
    position: absolute;
    top: 12px;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 2;
}
.sitemenu_close {
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    line-height: 16px;
    position: absolute;
    right: 30px;
    top: 30px;
    vertical-align: top;
    white-space: nowrap;
    z-index: 2;
}
.bad_browser .sitemenu_close .with-icon-right.with-icon_close-small:after {
    background-position: -136px -175px;
    content: "";
    width: 16px;
}
.sitemenu_close .with-icon-right.with-icon_close-small:after {
    background-position: -134px -91px;
    width: 16px;
}
.sitemenu_close .with-icon-right:after {
    background: url("icons.png") no-repeat scroll 0 0 transparent;
    content: "";
    display: inline-block;
    height: 16px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    vertical-align: middle;
    width: 16px;
}
.with-icon.with-icon_close-small:before, .with-icon-right.with-icon_close-small:after {
    background-position: 0 -160px;
    width: 12px;
}
.with-icon-right:after {
    right: 0;
}
.sitemenu_close .pseudo_link {
    border-color: rgba(255, 255, 255, 0.7) !important;
    color: rgb(255, 255, 255) !important;
}
.bad_browser a, .bad_browser .pseudo_link {
    border-bottom-color: #fff !important;
    color: #fff !important;
}
.header_logo {
    float: left;
    padding-top: 5px;
    width: 30%;
}
.header_logo b, .header_geo, .header_contact, .header_language, .header_auth {
    display: inline-block;
    vertical-align: top;
}
.b {
    font-weight: normal;
}
.header_auth {
    text-align: right;
}
.header_auth {
    float: right;
    width: 15%;
}
.header_auth form {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: auto;
}
form {
    margin: 0;
    padding: 0;
}
.button_type_c {
    background: linear-gradient(to bottom, #66aa68 0%, #48814a 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #569a58 #5ba45d #4d8a4f #508f52;
    border-radius: 3px 3px 0 0;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 10px 3px -2px rgba(75, 100, 97, 0.65), 0 2px 0 -1px #569a58, 0 4px 0 -2px #569a58, 0 6px 0 -3px #569a58, 0 8px 0 -4px #569a58;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font: 105%/1.5 Arial,"DIN";
    height: 30px;
    left: 0;
    margin: 0 0 8px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 2px #c06c32;
    top: 0;
    white-space: nowrap;
	font-weight:bold;
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.33);
	width:150px;
	margin-left:35px;
}
.button_type_c .pseudo_link, .button_type_c:hover .pseudo_link .button_type_c:hover .pseudo_link:hover {
    border-bottom-color: rgba(255, 255, 255, 0.7) !important;
    color: #fff !important;
}
.header_language {
    float: right;
    font: 90%/1.5 Arial,Georgia;
    margin-left: -10%;
}
.header_logo b, .header_geo, .header_contact, .header_language, .header_auth {
    display: inline-block;
    vertical-align: top;
}
.header_language strong {
    border: 1px solid #d1d0ce;
    border-radius: 4px;
    clear: both;
    display: block;
    margin-bottom: 0.5em;
    margin-top: 3px;
    padding: 0 5px;
}
html .link-grey, .links-grey a:link, .links-grey a:visited, .links-grey .pseudo_link {
    border-bottom-color: rgba(102, 102, 102, 0.5);
    color: #666;
}
.header_language a {
    margin: 0 6px;
    padding: 0;
    text-align: center;
}
.header_content {
    overflow: hidden;
    padding-left: 2%;
}
.header_geo {
    width: 35%;
}
.header_geo_location {
    font-family: "DIN",Arial,Georgia;
    font-size: 16px;
}
.with-icon.with-icon_dropdown-black-down:before, .with-icon-right.with-icon_dropdown-black-down:after {
    background-position: 0 -64px;
    width: 7px;
}
.with-icon:before, .with-icon-right:after {
    background: url("icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 16px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    vertical-align: middle;
    width: 16px;
}
.header_search_form {
    float: right;
    margin: 0 36px 0 0;
    width: 12%;
}
.header_search_form input[type="search"] {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzczNzE5ODhBQTAyMTFFMjk2NDNDNzRGRUExNzg5REEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzczNzE5ODlBQTAyMTFFMjk2NDNDNzRGRUExNzg5REEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NzM3MTk4NkFBMDIxMUUyOTY0M0M3NEZFQTE3ODlEQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NzM3MTk4N0FBMDIxMUUyOTY0M0M3NEZFQTE3ODlEQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkbUCowAAALzSURBVHjatFXNTxNBFP/t9nPbYhRLsXwYoBQkIVKIB2uiCDcIxK+E8hfo32D8D4wnT94k8Sr1UkQPJkKUKCIYD4JIuzWsQAnohW5Cy7a+Wbp13CxQTZjk7ZuZfe83b9783oxQLBZxbI3ARdNYMLTRN/8z9ytdSLCa4xf83x0IVtFXGkTFwFbpOCxdBzXLnAoC8y/61tbWLszOfqhXlB+ncvm8vTZQs9PVdT7T2dn5hcxSzO5IcAbKG9LYKcvpWGJiIkQaXp8PbpcL29vb8HgkDA4O7F6KRsfJZ/kwcDsXqUi6wMYEMpBIJEJy+jt6r1xGT083JEmCLMt4PvkCk5MvXTX+mhvk84rM5w0/fudl8FLkhoG4sPCpO0URR6MXMTw8BFHcZ6vf74fX68PjsTG8m30vtbQ0D9lstjz5fOZBDUzRajfpdBputwvdkUgZmNovErW9vQ2NDY1QVhWoqsrmr/HAfPQilxZbCUQrooi9PQ1c9X4jeUQyxwaizYaCVjAWZh/RRAadUfykVgIS6+saoGkaFheXDPA4SY4FlkymsLGxjqamJtqd+w8zTMxhY7uxEvez0NYeRl3wDKamp+HxSmgLh4fsdru6vr7R/HpqCtmsitZwKyjfXIr1IMtnZ0lF6jtI3VtJJhGPPwMB4nR1NdySmyLO6DtiLRgM4tbN6wiFQir53jdh7C9kwXH24y6Jc2trC3Mf5yGnZOzmcjjb2KCn4+3MDBj/T1RVYXQ0BmLNG6fTuUQ4Ck/pg+6OWlK3SfR95/N5PWIXFRI5YnNzE0/H41hZSRI1vei72ov+/r4UmT7h0yxalq0gZJghCdNZh8OhHx4DZi0QCCA2MoKOjnPEGg2risKmTxrBlheo4FKrJnWHxFWaypJ4GAZjztflZTr8ICKRrh0CfVB6H1jold1upXMwakKjcS91+0xmP+nfw6Mq9K9XysgfA+VqYZpkwmSe4QoRR92Ylk+h+T6nvv2gu/+fQA95sSzthON8/X8LMABH2cJMR9x8lgAAAABJRU5ErkJggg==") no-repeat scroll left center #fff;
    border: 1px solid rgb(209, 208, 206);
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 10pt;
    height: 30px;
    outline: medium none;
    padding: 6px 6px 6px 20px;
    width: 100%;
}
.input {
    color: #000;
    font-size: 88%;
}

.header_sitemenu_button {
    border: 1px solid rgb(209, 208, 206);
    border-radius: 4px;
    display: inline-block;
    float: left;
    font-size: 12px;
    margin: 0 12px 0 36px;
    padding: 6px 12px 4px 7px;
    vertical-align: top;
}
html body .pseudo_link, a.pseudo_link {
    border-bottom: 1px dashed #fff;
}
.header_sitemenu_button a {
    border-bottom: medium none;
    display: block;
    margin: -6px -12px -4px -7px;
    padding: 6px 12px 4px 7px;
}
.with-icon-right.with-icon_sitemenu:after {
    background-position: 0 -16px;
    width: 15px;
}
#header .home_navigation, #header .path_navigation, #header .subnavigation {
    font-size: 110%;
    padding-left: 145px;
}
#header .home_navigation a {
    display: inline-block;
    font-weight: 500;
    line-height: 1.1;
    margin: 7px 1em 6px 0;
    white-space: nowrap;
}



	.Window {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.7);
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		pointer-events: none;
	}

	.Window:target {
		display: block;
		pointer-events: auto;
	}

	.Window > div {
		   background: url("envelope-2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 420px;
    margin: 10% auto;
    padding: 30px 10px 10px;
    position: relative;
    width: 750px;
	}

	.close {
		
		margin-top: -10px;
		width: 42px;
		right:30px;
	}

	
	
	
	.Windoww {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.7);
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		pointer-events: none;
	}

	.Windoww:target {
		display: block;
		pointer-events: auto;
	}

	.Windoww > div {
		   background:url("call_girl.png") no-repeat scroll 0 #fff;
    height: 360px;
    margin: 12% auto;
    padding: 30px 10px 10px;
    position: relative;
border-radius:20px;
    width: 820px;
	}

	.closee{
    margin-top: -60px;
    right: -30px;
    width: 42px;
}
.closee {
    background: url("close-icons.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 42px;
    position: absolute;
    transition: transform 0.2s linear 0s;
    width: 42px;
}

.Windowt {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.7);
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		pointer-events: none;
	}

	.Windowt:target {
		display: block;
		pointer-events: auto;
	}

	.Windowt> div {
		   background:#ffffff;
    height: 360px;
    margin: 12% auto;
    padding: 30px 10px 10px;
    position: relative;
border-radius:20px;
    width: 500px;
	}

	.closet {
    margin-top: -60px;
    right: -30px;
    width: 42px;
}
.closet {
    background: url("close-icons.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 42px;
    position: absolute;
    transition: transform 0.2s linear 0s;
    width: 42px;
}

#headerr a.popupt:before {

}
a.popupt:before, .headerr_auth_title a:before {

    content: "";
    display: inline-block;
    height: 17px;
    left: -19px;
    margin: 0 -19px -2px 4px;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 15px;
}
.h11{
font:20px/5px "Roboto",sans-serif;
margin-bottom:20px;
text-shadow:0 -1px #cdcece;}
.colorr{
color:#000000;}
.f-info-address{
display:inline-block;
margin:0 0 0 200px;}
.skype{
  margin-top:-27px;
  color:#000000;
  margin-left:40px;
}

.Windowm {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    bottom: 0;
    display: none;
    font-family: Arial,Helvetica,sans-serif;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity 400ms ease-in 0s;
    z-index: 99999;
}
.Windowm:target {
    display: block;
    pointer-events: auto;
}
.Windowm > div {
    background:  url("marketingmanedjer.jpg") no-repeat scroll 0 center #fff;
    border-radius: 20px;
    height: 380px;
    margin: 12% auto;
    padding: 30px 10px 10px;
    position: relative;
    width: 750px;
}

.closem {
    background: url("close-icons.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 42px;
    position: absolute;
    transition: transform 0.2s linear 0s;
    width: 42px;
}
.closem {
    margin-top: -60px;
    right: -30px;
    width: 42px;
}
.closem:hover {
  background-position: -42px 0;
  
  -webkit-transform: rotate(180deg);
  /* Chrome y Safari */
  -moz-transform: rotate(180deg);
  /* Firefox */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
  /* Internet Explorer */
  -o-transform: rotate(180deg);  
}

.top-overlay .closem {
  top: -5px;
  right: 11px;
  width: 44px;
  height: 44px;
}
.closet:hover {
  background-position: -42px 0;
  
  -webkit-transform: rotate(180deg);
  /* Chrome y Safari */
  -moz-transform: rotate(180deg);
  /* Firefox */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
  /* Internet Explorer */
  -o-transform: rotate(180deg);  
}

.top-overlay .closee {
  top: -5px;
  right: 11px;
  width: 44px;
  height: 44px;
}
.closee:hover {
  background-position: -42px 0;
  
  -webkit-transform: rotate(180deg);
  /* Chrome y Safari */
  -moz-transform: rotate(180deg);
  /* Firefox */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
  /* Internet Explorer */
  -o-transform: rotate(180deg);  
}

.top-overlay .closee {
  top: -5px;
  right: 11px;
  width: 44px;
  height: 44px;
}
.fffm{
  margin-top:-12px;
  margin-left:250px;}
.ffff{
  margin-top:-20px;
margin-left:110px;
margin-bottom:-20px;
}
.modalDialog {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
 
.modalDialog:target {
opacity:1;
pointer-events: auto;
}
 
.modalDialog > div {
width: 700px;
position: relative;
margin: 12% auto;
padding: 5px 20px 13px 20px;
border-radius: 20px;
background: url("bgfn.jpg");
height:320px;
font-size:14px;
}
 
.closen {
  display: block;
  position: absolute;
  height: 42px;
  width: 42px;  
  background: url("close-icons.png") no-repeat 0 0 transparent;
  cursor: pointer;
    margin-left: 710px;
    margin-top: -35px;
  
  -webkit-transition: -webkit-transform 0.2s linear;
  -moz-transition: -moz-transform 0.2s linear;
  -o-transition: -o-transform 0.2s linear;
  -ms-transition: -ms-transform 0.2s linear;
  transition: transform 0.2s linear;
}

.closen:hover {
  background-position: -42px 0;
  
  -webkit-transform: rotate(180deg);
  /* Chrome y Safari */
  -moz-transform: rotate(180deg);
  /* Firefox */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
  /* Internet Explorer */
  -o-transform: rotate(180deg);  
}

.zg{
  font-size:18px;
  font-weight:bold;
margin-top:10px;}

#content:after {
    clear: both;
    content: "";
    display: block;
}
.home_page #content {
    padding: 30px 36px 294px;
}
.home_page #content {
    padding: 30px 36px 275px;
}
#content {
 color: #333;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}
#content .wide_with_padding {
    clear: both;
    float: none;
    margin: 0 -36px;
    padding: 0 36px;
    position: relative;
}
.wide {
    text-align: center;
}
.wide {
    clear: both;
    float: none;
    margin: 0 -36px;
    padding: 0;
    position: relative;
}
.scroller:before {
    background: none repeat scroll 0 0 #d9d9d9;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: -1;
}
.scroller {
    margin: 37px 0 -20px;
}
h1 {
    color: black;
    font: bold 280%/1.185 "DIN",Arial,Georgia;
    letter-spacing: -0.1ex;
    margin: 0;
    padding: 0;
    position: relative;
    word-spacing: 0.2em;
}
.home_page .press_header .date_stamp {
    font-family: "DIN";
    letter-spacing: 0.2ex;
}
.press_header .date_stamp {
    color: #6f6f6f;
    text-transform: uppercase;
}
.home_page .press_header h1 a {
    border-bottom-color: rgba(0, 0, 0, 0.5);
    color: #000;
}
.press_header {
    background:url("bgnews.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    margin: -16px 0 30px;
    padding: 0 13px;
}
.Windowto {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    bottom: 0;
    display: none;
    font-family: Arial,Helvetica,sans-serif;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity 400ms ease-in 0s;
    z-index: 99999;
	overflow:auto;
}
.Windowto:target {
    display: block;
    pointer-events: auto;
}
.Windowto > div {
    background:  url("marketingmanedjer.jp") no-repeat scroll 0 center #fff;
    border-radius: 20px;
    height: 1160px;
    margin: 10% auto;
    padding: 30px 10px 10px;
    position: relative;
    width: 1080px;
}

.closeto {
    background: url("close-icons.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 42px;
    position: absolute;
    transition: transform 0.2s linear 0s;
    width: 42px;
}
.closeto {
    margin-top: -60px;
    right: -30px;
    width: 42px;
}
.closeto:hover {
  background-position: -42px 0;
  
  -webkit-transform: rotate(180deg);
  /* Chrome y Safari */
  -moz-transform: rotate(180deg);
  /* Firefox */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
  /* Internet Explorer */
  -o-transform: rotate(180deg);  
}

.top-overlay .closeto {
  top: -5px;
  right: 11px;
  width: 44px;
  height: 44px;
}
a.popupto:before, .headerr_auth_title a:before {

    content: "";
    display: inline-block;
    height: 17px;
    left: -19px;
    margin: 0 -19px -2px 4px;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 15px;
}
.table_fon{
background-attachment: scroll;
    background-clip: border-box;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(153, 153, 153, 0.8);
    color: #000000;
    font-family: arial;
    font-size: 1.5em;
    height: 850px;
    margin: 0 0 40px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    position: relative;
    width: 700px;}
.preimusestvo {
    font-size: 19px;
    font-weight: bold;
    margin-top: -25px;
    text-shadow: 0 -1px #cdcece;
}
.tifra {
    font-size: 28px;
    font-weight: bold;
    text-shadow: 0 -1px #cdcece;
}
.tifra1 {
    color: #666;
    margin-bottom: 2px;
    margin-left: 152px;
    margin-top: -16px;
}
.icon-list1 a {
    background-color: transparent;
    background-image: url("skype.png");
    display: inline-block;
    margin-left: 20px;
    transition: all 0s ease-in-out 0s;
    vertical-align: middle;
}
.icon-list__item11 {
    background-position: 0 -2px;
    height: 27px;
    width: 61px;
}

.print {
    margin-top: 5px;
}
.txtzb2{
 font-size: 16px;
 text-align:justify;
}
.next1{
  text-align:right;}
.osibka{
text-align:center;}
.tekstosibka{
text-align:left;
margin-left:960px;
margin-top:-450px;
font-size:16px;}
