@charset "utf-8";
/* CSS Document */
/* общие стили для сайта */
* {
font-family: Arial, Verdana, Helvetica, sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing:border-box;
-webkit-background-clip: border-box;
-moz-background-clip: border;
background-clip: border-box;
-webkit-background-origin: border-box;
-moz-background-origin: border;
background-origin: border-box;  
border-collapse:collapse;
color:#000000;
font-size:0px;
line-height:1.4em;
font-weight:normal;
outline:0;
}
html {
overflow-y:scroll;  /* вертикальная полоса прокрутки всегда показана, чтобы дизайн не дергался при ее появлении */
}
body {
padding:0px;
margin:0px;
font-size:0; /* 6-ой Explorer задает высоту пустого блока равной величине текущего шрифта, например если в документе размер шрифта 14 пикселей, то и высота пустого блока будет такая же. Лечится обнулением размера шрифта. */
  background-color: #67b9e8;
}
html, body {
  height: 100%; /* чтобы футер прижимался к низу экрана */
}
li {
text-align:left;
}
a {
text-decoration:none;
}
p {
margin:0px;
margin-bottom:10px;
}
.hidden {
display:none !important;
}
.visible {
display:block !important;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
    *zoom: 1;
}

/* фон сайта который fixed */
#body_fon_fixed {
position:fixed;
display:block;
height:100%;
width:100%;
z-index:1;
top:0;
left:0;

background-position:center bottom;
background-repeat:no-repeat;
background-size:cover;
}



/* контейнер во всю ширину */
#body_tab {
position:relative;
display:table;
padding:0;
margin:0 auto;
border:0;
width:100%;
min-width:320px;

height:100%;
z-index:2;
  border: 0px solid black;
}
#body_tab > #top_part, #body_tab > #botom_part {
display:table-row;
height:100%;
  border: 0px solid red;
}
#body_tab > #botom_part {
height:150px;
}



#body_div_2 {
  display: block;
  position: relative;
  width: 100%;
  min-width: 320px;
  max-width: 1100px;
  margin: 0 auto;
  background-color: #386388;
background-image: url(/res/hsp_content_fon.jpg);
background-position: center top;
background-repeat: no-repeat;
  background-size: 100% 100%;
}



/* шапка_1 сайта */
#shapka_1_block {
display:block;
position:relative;
width:100%;
}
#shapka_1_block > div {
display:block;
position:relative;
width:100%;
max-width:1100px; 
min-width:320px; 
margin:0 auto;
}
#shapka_1_block .tab {
display:table;
position:relative;
width:100%;
border:0px solid green;
}
#shapka_1_block .tab > div {
display:table-cell;
position:relative;
height: 150px;
vertical-align:middle;
text-align:center;
border:0px solid black;
}
#shapka_1_block .tab > div:last-child {
width: 300px;
text-align:right;
}
#shapka_1_block .logo {
  display: inline-block;
  position: relative;
  width: 167px;
  height: 133px;
  background-image: url(/res/hsp_logo.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#shapka_1_block .tab .mid_block {
  display: inline-block;
  position: relative;
  border: 0px solid red;
}
#shapka_1_block .tab .mid_block > div {
  display: block;
  position: relative;
  font-family: 'pf_din_text_cond_prolight';
  font-size: 23px;
  color: #FFFFFF;
  line-height: 1.1em;
  text-align: center;
}
#shapka_1_block .tab .mid_block > hr {
  height: 0;
  border-top:1px solid #FFFFFF;
  width: 100%;
  margin: 5px 0px;
}
#shapka_1_block .tab .mid_block > div:nth-of-type(1) {
  font-family: 'pf_din_text_cond_prolight';
  font-size: 23px;
}
#shapka_1_block .tab .mid_block > div:nth-of-type(2) {
  font-family: 'pf_din_text_cond_proregular';
  font-size: 35.5px;
}
#shapka_1_block .tab .mid_block > div:nth-of-type(2):before {
  content: '«';
}
#shapka_1_block .tab .mid_block > div:nth-of-type(2):after {
  content: '»';
}
#shapka_1_block .tab .mid_block > div:nth-of-type(3) {
  font-family: 'pf_din_text_cond_proregular';
  font-size: 19px;
}
#shapka_1_block .tab .mid_block > div:nth-of-type(4) {
  font-family: 'pf_din_text_cond_proregular';
  font-size: 19px;
}


#shapka_1_block .tab .kontakti_block {
  display: inline-block;
  position: relative;
}
#shapka_1_block .tab .kontakti_block .phone_number {
  display: block;
  position: relative;
  font-family: 'pf_din_text_cond_probold';
  line-height:1em;
  font-size:32px;
  color:#FFFFFF;
  border:0px solid red;
  margin-right: 20px;
}
#shapka_1_block .tab .kontakti_block .grafik {
  display: block;
  position: relative;
  font-family: 'pf_din_text_cond_proregular';
  line-height:1em;
  font-size:21px;
  color:#FFFFFF;
  border:0px solid red;
  margin-right: 20px;
  text-align: center;
}



#shapka_1_block .tab .mid_block .phone_number {
  display: block;
  position: relative;
  font-family: 'pf_din_text_cond_probold';
  line-height:1em;
  font-size:32px;
  color:#FFFFFF;
  border:0px solid red;
  display: none;
}
#shapka_1_block .menu_toggle {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 45px;
  border:0px solid red;
  cursor: pointer;
  display: none;
  visibility: visible;
}
#shapka_1_block .menu_toggle:after {
  content: '\2630';
  text-decoration: none;
  display: block;
  position: absolute;
  width: 64px;
  top: 0;
  left: 0;
  font-size: 20px;
  line-height: 45px;
  color: #FFFFFF;
  text-align: center;
  transform: scaleX(3.5);
}
[id='menu_toggle']:checked ~ #shapka_1_block .menu_toggle:after {
    content: '\2715';
    text-decoration: none;
    visibility: hidden;
}


/* горизонтальноые меню */
.gor_menu {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  background-color: #003044;;
  margin-bottom: 10px;
}
.gor_menu > a {
  position: relative;
  display: inline-block;
  width: auto;
  padding: 5px 20px;
  font-family: 'pf_din_text_cond_proregular';
  font-size: 18px;
  color: #FFFFFF;
  text-transform: uppercase;
}
.gor_menu > a:hover {
  background-color: #0D7CB4;
}


@media screen and (min-width:1px) and (max-width:899px)
{
  .gor_menu {
    display: none;
  }
  #shapka_1_block .tab > div:nth-of-type(3) {
    display: none;
  }
  #shapka_1_block .tab .mid_block > hr {
    display: none;
  }
  #shapka_1_block .tab .mid_block > div:nth-of-type(1) {
    font-size: 21px;
  }
  #shapka_1_block .tab .mid_block > div:nth-of-type(2) {
    font-size: 33px;
  }
  #shapka_1_block .tab .mid_block > div:nth-of-type(3) {
    display: none;
  }
  #shapka_1_block .tab .mid_block > div:nth-of-type(4) {
    display: none;
  }
  
  #shapka_1_block .tab .mid_block .phone_number {
    display: block;
  }
  #shapka_1_block .menu_toggle {
    display: inline-block;
  }
}

@media screen and (min-width:1px) and (max-width:599px)
{
  #shapka_1_block .tab .mid_block > div:nth-of-type(1) {
    font-size: 18px;
  }
  #shapka_1_block .tab .mid_block > div:nth-of-type(2) {
    font-size: 30px;
  }
}
@media screen and (min-width:1px) and (max-width:499px)
{
  #shapka_1_block .logo {
    width: 145px;
    height: 111px;
  }
  #shapka_1_block .tab .mid_block > div:nth-of-type(1) {
    display: none;
  }
  #shapka_1_block .tab .mid_block > div:nth-of-type(2) {
    font-size: 27px;
  }
  #shapka_1_block .tab .mid_block .phone_number {
    font-size: 27px;
  }
}
@media screen and (min-width:1px) and (max-width:429px)
{
  #shapka_1_block .tab .mid_block > div:nth-of-type(2) {
    font-size: 20px;
  }
  #shapka_1_block .tab .mid_block .phone_number {
    font-size: 18px;
  }
}


/* мобильное гор меню */
#mob_menu {
  position: absolute;
  display: block;
  top:-250px;
  left: 0;
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-color: #00618e;
  z-index: 3;
  transition: all 0.3s linear;
  padding-bottom: 20px;
}
#mob_menu > * {
  display: block;
  position: relative;
  width: 100%;
  font-family: 'pf_din_text_cond_prolight';
  font-size: 20px;
  line-height: 40px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
}
#mob_menu > label:after {
  display: block;
  position: relative;
  content: '\2630';
  text-decoration: none;
  width: 100%;
  font-size: 30px;
  line-height: 50px;
  color: #FFFFFF;
  text-align: center;
  transform: scaleX(1.5);
  cursor: pointer;
  background-color: #00517c;
}
[id='menu_toggle']:checked ~ #mob_menu .menu_toggle:after {
    content: '\2715';
    text-decoration: none;
}
[id='menu_toggle']:checked ~ #mob_menu {
    top:0px;
  height: auto;
  overflow:visible;
}







/* баннеры_1 вверху страницы, под гор меню */
.banneri_1 {
  position: relative;
  display: block;
  width: 100%;
  height: 278px;
  background-image: url(/res/hsp_banneri_1_fon.jpg);
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 20px;
}
.banneri_1 > a {
  position: relative;
  display: inline-block;
  width: 164px;
  height: 100px;
  background-color:rgba(34,112,153, 0.7);
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  margin: 0 30px;
  vertical-align: top;
  transition: all 0.5s linear;
}
.banneri_1 > a:hover {
  background-color:rgba(34,112,153, 0.9);
  transform: scale(1.1);
}
/* баннеры_1 -добавочные рисунки*/
.banneri_1 > a:nth-child(2n+1) {
  margin-top: 140px;
}
.banneri_1 > a:nth-child(2n+1):before {
  content: '';
  display: block;
  position: absolute;
  top:-140px;
  left: 0;
  width: 100%;
  height: 140px;
  background-image: url(/res/hsp_banneri_1_1.png);
  background-position: center 40px;
  background-repeat: no-repeat;
}
.banneri_1 > a:nth-child(2n):before {
  content: '';
  display: block;
  position: absolute;
  bottom:-140px;
  left: 0;
  width: 100%;
  height: 140px;
  background-image: url(/res/hsp_banneri_1_2.png);
  background-position: center bottom;
  background-repeat: no-repeat;
}
/* баннеры_1 - центрирование текста по вртикали */
.banneri_1 > a > div {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
}
.banneri_1 > a > div > div {
  position: relative;
  display: table-cell;

  font-family: 'pf_din_text_cond_proregular';
  font-size: 16px;
  color: #FFFFFF;
  text-transform: uppercase;
  vertical-align: middle;
  text-align: center;
}
@media screen and (min-width:1px) and (max-width:999px)
{
  .banneri_1 > a {
    margin: 0 10px;
  }
}
@media screen and (min-width:1px) and (max-width:799px)
{
  .banneri_1 > a {
    margin: 10px 50px;
    vertical-align: top;
  }
  /* баннеры_1 -добавочные рисунки*/
  .banneri_1 > a:nth-child(2n+1) {
    margin-top: 10px;
  }
  .banneri_1 > a:nth-child(2n+1):before {
    display: none;
  }
  .banneri_1 > a:nth-child(2n):before {
    display: none;
  }
}
@media screen and (min-width:1px) and (max-width:599px)
{
  .banneri_1 > a {
    margin: 10px 20px;
  }
  /* баннеры_1 -добавочные рисунки*/
  .banneri_1 > a:nth-child(2n+1) {
    margin-top: 10px;
  }
}
@media screen and (min-width:1px) and (max-width:499px)
{
  .banneri_1 > a {
    width: 150px;
    margin: 5px 5px;
  }
  /* баннеры_1 -добавочные рисунки*/
  .banneri_1 > a:nth-child(2n+1) {
    margin-top: 5px;
  }
}

/* баннеры_2 внизу страницы под контентом */
.banneri_2 {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
}
.banneri_2 > div {
  position: relative;
  display: table;
  width: 100%;
}
.banneri_2 > div > a {
  position: relative;
  display: table-cell;
  border: 0;
}
.banneri_2 > div > a > img {
  position: relative;
  display: block;
  border: 0;
  width: auto;
  max-width: 90%;
  height: auto;
  margin: 0 auto;
  opacity: 1.0;
  transition: all 0.5s linear;
}
.banneri_2 > div > a > img:hover {
  opacity: 0.5;
  transform:scale(0.9);
}










/* технологический контейнер для слайдера (баннеры1) */
#my_slider_block {
max-width: 1100px;
min-width: 320px;
margin:0 auto;
left:0px;
z-index:0;
margin-bottom: 40px;
  
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  padding:0;
  padding: 34.37% 0 0 0; /* 34.37% = 100 / (w / h) = 100 / (640 / 220) */
  padding-top:56.25%; /* 16:9 = w:h , w=100% => h = 100%*9/16 => h=0.5625*100% = 56.25% */
  padding-top:20%; /* 5:1 = w:h , w=100% => h = 100%*1/5 => h=0.2*100% = 20% */
  padding-top:29.636%; /* 1100:326 = w:h , w=100% => h = 100%*326/1100 => h=0.29636*100% = 29.636% */

}
/* технологический контейнер для слайдера (баннеры1) - картинка, задающая пропорции растягивающегося блока */

/* слайдер */
#my_slider { 
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index:0;
  overflow:hidden;
  border: 0px solid red;
}
#my_slider .swiper-container {
width:100%;
height:100%;
border:0px solid red;
}
#my_slider .swiper-container .swiper-slide img {
width:100%;
height:auto;
}




/* технологический контейнер для слайдера 2 (картинки товара) */
/* технологический контейнер для слайдера (баннеры1) - картинка, задающая пропорции растягивающегося блока */


#my_slider_2_block_outer_tab_fix {
max-width: 1100px;
min-width: 320px;
margin:0 auto;
left:0px;
z-index:0;
margin-bottom: 40px;
  
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  padding:0;
  padding: 50% 0 0 0; 
// 1100:326 = w:h , w=100% => h = 100%*326/1100 => h=0.29636*100% = 29.636%  ;
}
#my_slider_2_block_outer_tab_fix > div { 
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index:0;
  overflow:hidden;
  border: 0px solid red;
}
#my_slider_2_block_outer_tab_fix > div > div { 
  display: block;
  width: 100%;
  height: 5000px;
}


#my_slider_2_block {
max-width: 1100px;
min-width: 320px;
margin:0 auto;
left:0px;
z-index:0;
margin-bottom: 40px;
  
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  padding:0;
  padding: 50% 0 0 0; 
// 1100:326 = w:h , w=100% => h = 100%*326/1100 => h=0.29636*100% = 29.636%  ;
}
#my_slider_2_block > div { 
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index:0;
  overflow:hidden;
  border: 0px solid red;
}

/*
#my_slider_2_block {
position:relative;
display:block;
width:100%;  
max-width: 1100px;
min-width: 320px;
margin:0 auto;
height:auto;
left:0px;
margin-bottom:0px;
z-index:0;
}
#my_slider_2_block > img { 
display: block;
visibility:visible;
width:100%;
height:auto;
  height: 300px;
border:0;
  z-index: 100;
// box-shadow: -2px 5px 5px 0px #333333;
}
#my_slider_2_block > div {
position:absolute;
width:100%;
height:100%;
   height: 300px;
top:0;
left:0;
margin:0 auto;
overflow:hidden;
z-index:0;
}

*/

/* слайдер */
#my_slider_2 { 
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border: 0px solid red;
}

#my_slider_2 .swiper-container {
width:100%;
height:100%;
border:0px solid red;
}
#my_slider_2 .swiper-slide {
      background-size: cover;
      background-position: center;
    }
#my_slider_2 .gallery-top {
      height: 80%;
      width: 100%;
    }
#my_slider_2 .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }
#my_slider_2 .gallery-thumbs .swiper-slide {
      height: 100%;
      opacity: 0.4;
      cursor: pointer;
    }
#my_slider_2 .gallery-thumbs .swiper-slide-active {
      opacity: 1;
    }
#my_slider_2_block .zoom_out.visible {
  display: block;
  position: absolute;
  font-size: 70px;
  color: #000000;
  text-align: center;
  width: 100px;
  height: 100px;
  background-color: rgba(255,255,255,0.5);
  border-radius: 150px;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  transition: all 0.3s linear;
}
#my_slider_2_block .zoom_out.visible:hover {
  background-color: rgba(255,255,255,0.0);
  font-size: 100px;
  width: 150px;
  height: 150px;
}





/* список услуг на странице Услуги */
.uslugi.lvl_1 {
  position: relative;
  display: block;
}
.uslugi.lvl_1:nth-of-type(n+2) {
  border-top: 1px solid #88b9e2;
  padding-top: 27px;
}
.uslugi.lvl_1 .nazvanie {
  position: relative;
  display: block;
  font-family: 'pf_din_text_cond_prolight';
  font-size: 26px;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.uslugi.lvl_1 .text {
  position: relative;
  display: block;
  font-family: 'pf_din_text_cond_prolight';
  font-size: 16px;
  color: #FFFFFF;
  margin-bottom: 10px;
}
.uslugi.lvl_1 .text * {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}
.uslugi.lvl_1 .podrobnee {
  position: relative;
  display: block;
  font-family: 'pf_din_text_cond_prolight';
  font-size: 14px;
  color: #FFFFFF;
  margin-bottom: 20px;
}

.uslugi.lvl_2 {
  position: relative;
  display: block;
  padding-left: 30px;
}
.uslugi.lvl_2 .nazvanie {
  position: relative;
  display: block;
  font-family: 'pf_din_text_cond_proregular';
  font-size: 18px;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.uslugi.lvl_2 .text {
  position: relative;
  display: block;
  font-family: 'pf_din_text_cond_prolight';
  font-size: 16px;
  color: #FFFFFF;
  margin-bottom: 10px;
}
.uslugi.lvl_2 .text * {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}
.uslugi.lvl_2 .podrobnee {
  position: relative;
  display: block;
  font-family: 'pf_din_text_cond_prolight';
  font-size: 14px;
  color: #FFFFFF;
  margin-bottom: 20px;
}







/* Блок для главной - кнопки на фоне семечек*/
.pnopki_block {
  display: table;
  position: relative;
  width: 100%;
  margin-bottom: 3%;
}
.pnopki_block > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  background-image: url(/res/hsp_pnopki_block_fon.jpg);
  background-position: center;
  background-repeat: no-repeat;
  height: 124px;
  text-align: center;
}
.pnopki_block > div > div {
  display: inline-block;
  position: relative;
  text-align: center;
font-family: 'pf_din_text_cond_prolight';
line-height: 1em;
font-size:26px;
color:#FFFFFF;
text-transform: uppercase;
  border: 1px solid #FFFFFF;
  background-color: rgba(0,0,0,0.7);
  border-radius: 20px;
  width: 300px;
  padding: 15px 20px;
  margin: 1px 50px;
}
.pnopki_block > div > div:hover {
background-color: rgba(0,0,0,0.8);
}
@media screen and (min-width:1px) and (max-width:499px)
{
  .pnopki_block > div > div {
    margin: 1px auto;
  }
}


/* Блок для главной - 4 баннера */
.banneri2_block {
  display: block;
  position: relative;
  width: 100%;
  text-align: justify;
  font-size:0px; /* убираем горизонтальные отступы - скрываем пробелы между строчными элементами  */
line-height:0px; /* ...и вертикальные в некоторых браузерах */
letter-spacing:-0px; /* переубеждаем webkit'ы , не забыть переопределить у потомков */
  font-size: 1px;/* переубеждаем webkit'ы , не забыть переопределить у потомков */
  border: 0px solid red;
}
.banneri2_block:after {  /* последняя строка чтобы работало text-align:justify */
width: 100%;
height: 0;
visibility: hidden;
overflow: hidden;
content: '';
display: inline-block;
  margin: 0px;
}
.banneri2_block > a {
  display: inline-block;
  position: relative;
  width: 49%;
  margin-bottom: 2%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banneri2_block > a > img {
  display: block;
  border: 0;
  width: 100%;
  height: auto;
  opacity: 0;
}
@media screen and (min-width:1px) and (max-width:540px)
{
  .banneri2_block > a {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 2%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}




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











/* Основная таблица */
#main_table_outer_div {
width:100%;
max-width: 1100px;
min-width: 320px;
margin:0px auto;
margin-bottom: 0px;
}
table#main_table {
table-layout:fixed;
position:relative;
width:100%;
}












/* Основная таблица - центральный столбец */
table#main_table td.center_side {
padding:0px 0px 30px 0px;
}
/* Основная таблица - центральный столбец - строка навигации */
.hor_nav {
width:100%;
margin:0px auto;
padding:5px 10px 5px 10px;
margin-bottom:20px;

font-family: 'pf_din_text_cond_proregular';
font-size:20px;
color:#FFFFFF;
background-color:#02293A;
}
.hor_nav > a {
font-family:inherit;
font-size:inherit;
color:inherit;
}
.hor_nav > a:hover{
color:#CCCCCC;
}

/* Основная таблица - центральный столбец - блок контента */
/* блок контента страницы */
.page_content {
padding:0px 100px 10px 100px;
text-align:justify;
width:100%;
border:0px solid red;
}
@media screen and (min-width:1px) and (max-width:799px)
{
  .page_content {
  padding:0px 40px 10px 40px;
  }
}
/* блок контента страницы - общий стиль всех элементов*/
.page_content * {
font-family: 'pf_din_text_cond_prolight';
font-size:18px;
color:#FFFFFF;
}
/* блок контента страницы - уточнения стилей конкретных элементов */
.page_content h1, .page_content h2, .page_content h3, .page_content h4, .page_content h5, .page_content h6 {
font-family: 'pf_din_text_cond_prolight';
font-size:22px;
font-weight:normal;
line-height:1.0em;
color:#FFFFFF;
text-align:center;
margin:0;
margin-bottom:20px;
}
.page_content h2, .page_content h3, .page_content h4, .page_content h5, .page_content h6 {
font-family: 'pf_din_text_cond_promedium';
font-size:24px;
margin-top: 30px;
}
.page_content h3, .page_content h4, .page_content h5, .page_content h6 {
font-size:18px;
}
.page_content h4, .page_content h5, .page_content h6 {
color:#454446;
font-size:18px;
}
.page_content h5, .page_content h6 {
text-align:left;
color:#5c5c5d;
font-size:16px;
}


/* блок контента страницы - уточнения стилей конкретных элементов - название страницы */
h1.header {
position:relative;
display:block;
font-family: 'pf_din_text_cond_prolight';
font-size:29px;
font-weight:normal;
line-height:1.0em;
color:#FFFFFF;
margin:0;
margin-bottom:30px;
text-align:center;
}
/* блок контента страницы - уточнения стилей конкретных элементов - название страницы - уточнения для некоторых подразделов */
.page_content a, .page_content a *{
color:#inherit;
font-family: 'pf_din_text_cond_promedium';
  
}
.page_content img{
max-width:95%;
}
.page_content a:hover, .page_content a *:hover {
text-decoration:underline;
}
.page_content i, .page_content em {
font-family: 'pf_din_text_cond_proitalic';
color: inherit;
}
.page_content b, .page_content strong {
font-family: 'pf_din_text_cond_promedium';
color: inherit;
}
.page_content ul > li {
border-bottom: 0px solid #eee;
list-style: none;
padding: 5px 0px 5px 30px;
position: relative; 
}
.page_content ul > li:before {
content: '';
background: url(/res/ul_li_content.png) no-repeat left top;
width: 26px;
height: 17px;
position: absolute;
left: 0;
top: 10px;
}



/* текстовый блок */
.text_block {
text-align:justify;
width:100%;
margin-bottom:50px;
clear:both;
}
/* разделитель */
.razdelitel {
position:relative;
display:block;
width:484px;
height:79px; /* 59 + 20 */
margin:0 auto;
margin-bottom:20px;

-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-background-origin: padding-box;
-moz-background-origin: padding;
background-origin: padding-box;  

border-top:20px solid transparent;
background-image:url(../res/razdelitel.png);
background-position:center;
background-repeat:no-repeat;
}

/* Главная - блок услуг */
.glavnaya_uslugi {
position:relative;
display:block;
width:100%;
padding-top:10px;

font-size:0px;
line-height:0px;
letter-spacing: -4px;
}
.glavnaya_uslugi > div {
position:relative;
display:inline-block;
width:32%;
margin-right:2%;
letter-spacing:0px;
margin-bottom:20px;
vertical-align:top;
}
.glavnaya_uslugi > div:nth-child(3n) {
margin-right:0px;
}
.glavnaya_uslugi > div > a:nth-child(1) {
position:relative;
display:block;
width:233px;
height:158px;
background-position:left top;
background-repeat:no-repeat;
}
.glavnaya_uslugi > div > a:nth-child(1):hover {
background-position:left bottom;
}
.glavnaya_uslugi > div > a:nth-child(2) {
position:relative;
display:block;
width:233px;
padding-top:10px;
font-family: 'pf_din_text_cond_promedium';
font-size:17px;
line-height:1.4em;
color:#84760d;
text-transform:uppercase;
text-align:center;
}


/* Главная - блок разделов */
.glavnaya_razdeli {
position:relative;
display:block;
width:100%;
padding-top:10px;

font-size:0px;
line-height:0px;
letter-spacing: -4px;
}
.glavnaya_razdeli > div {
position:relative;
display:inline-block;
width:32%;
margin-right:2%;
letter-spacing:0px;
margin-bottom:20px;
vertical-align:top;
}
.glavnaya_razdeli > div:nth-child(3n) {
margin-right:0px;
}
.glavnaya_razdeli > div > a:nth-child(1) {
position:relative;
display:block;
width:233px;
height:158px;
background-position:left top;
background-repeat:no-repeat;
-webkit-box-shadow:	inset 0px 0px 0px 1px #CCCCCC;
-moz-box-shadow: 	inset 0px 0px 0px 1px #CCCCCC;
box-shadow:         inset 0px 0px 0px 1px #CCCCCC;
}
.glavnaya_razdeli > div > a:nth-child(1):hover {
background-position:left bottom;
}
.glavnaya_razdeli > div > a:nth-child(2) {
position:relative;
display:block;
width:233px;
padding-top:10px;
font-family: 'pf_din_text_cond_promedium';
font-size:17px;
line-height:1.4em;
color:#84760d;
text-transform:uppercase;
text-align:center;
}



/* Главная - свяжитесь с нами блок1 */
.glavnaya_svyaz1 {
position:relative;
display:block;
width:100%;
padding-top:10px;

font-size:0px;
line-height:0px;
letter-spacing: -4px;
}
.glavnaya_svyaz1 > div {
position:relative;
display:inline-block;
width:50%;
letter-spacing:0px;
margin-bottom:20px;
vertical-align:top;
padding:0px 0px 0px 40px;
text-align:left;
}
.glavnaya_svyaz1 > div :nth-child(1), .glavnaya_svyaz1 > div :nth-child(2) {
position:relative;
display:block;
font-family: 'pf_din_text_cond_proregular';
font-size:17px;
line-height:1.8em;
color:#3c3a3c;
text-align:left;
}
.glavnaya_svyaz1 > div :nth-child(3) {
position:relative;
display:inline-block;
margin:10px 0px 0px 70px;
padding:5px 20px;
border:1px solid #d4ccbe;
border-radius:10px;
font-family: 'pf_din_text_cond_proregular';
font-size:17px;
line-height:1.0em;
color:#9d7737;
}


/* Главная - свяжитесь с нами блок2 */
.glavnaya_svyaz2 {
position:relative;
display:block;
width:100%;
padding-top:20px;

font-size:0px;
line-height:0px;
letter-spacing: -4px;
}
.glavnaya_svyaz2 > div {
position:relative;
display:inline-block;
width:20%;
letter-spacing:0px;
margin-bottom:20px;
vertical-align:top;
}
.glavnaya_svyaz2 > div > :nth-child(1) {
position:relative;
display:block;
margin:0 auto;
width:113px;
height:104px;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.glavnaya_svyaz2 > div > :nth-child(2) {
position:relative;
display:block;
width:100%;
font-family: 'pf_din_text_cond_proregular';
font-size:16px;
line-height:1.4em;
color:#000000;
text-align:center;
}




/* Главная - отзывы */
.glavnaya_otzivi {
position:relative;
display:block;
width:100%;
padding-top:20px;

font-size:0px;
line-height:0px;
letter-spacing: -4px;
}
.glavnaya_otzivi > div {
position:relative;
display:inline-block;
width:33%;
margin-right:0.5%;
letter-spacing:0px;
margin-bottom:40px;
vertical-align:top;
}
.glavnaya_otzivi > div:nth-child(3) {
margin-right:0px;
}
.glavnaya_otzivi > div > :nth-child(1) {
position:relative;
display:block;
width:100%;
font-family: 'pf_din_text_cond_proregular';
font-size:15px;
line-height:1.4em;
color:#474646;
text-align:left;
margin-bottom:5px;
}
.glavnaya_otzivi > div > :nth-child(2) {
position:relative;
display:block;
width:100%;
font-family: 'pf_din_text_cond_promedium';
font-size:15px;
line-height:1.4em;
color:#474646;
text-align:left;
margin-bottom:5px;
}
.glavnaya_otzivi > div > :nth-child(3) {
position:relative;
display:block;
width:100%;
font-family: 'pf_din_text_cond_proregular';
font-size:15px;
line-height:1.4em;
color:#474646;
text-align:left;
}
/* Главная - отзывы - смотреть */
.page_content .glavnaya_otzivi_smotret {
position:relative;
display:block;
text-align:center;
margin-bottom:40px;
}
.page_content .glavnaya_otzivi_smotret a {
font-family: 'pf_din_text_cond_promedium';
font-size:16px;
line-height:1.4em;
color:#746d01;
text-decoration:underline;
}
.page_content .glavnaya_otzivi_smotret a:hover {
text-decoration:none;
}



/* Главная - написать о нас */
.online_zayavka_block {
position:relative;
display:block;
width:100%;
margin:0 auto;
}
.form_block {
margin-bottom:50px;
}
/* Главная  - поля ввода */
.form_block .my_field {
margin:5px 0px;
text-align:center;
}
.form_block .my_field > input {
border:0px;
padding:10px;
min-width:300px;
max-width:600px;
width:70%;
background-color:#FFFFFF;
border:1px solid #c7c3bc;
border-radius:10px;
font-family: 'pf_din_text_cond_proitalic';
font-size:17px;
line-height:1em;
color:#300825;
}
.form_block .my_field > textarea {
border:0px;
padding:10px;
margin-bottom:0px;
min-width:300px;
max-width:600px;
width:70%;
height:150px;
resize:none;
background-color:#FFFFFF;
border:1px solid #c7c3bc;
border-radius:10px;
font-family: 'pf_din_text_cond_proitalic';
font-size:17px;
line-height:1em;
color:#300825;
}
/* общий дизайн кнопок INPUT на сайте */
.my_button {
background-color:#a8db26;
background: -moz-linear-gradient(90deg, #bdfe09 0%, #b3ee17 25%, #a8db26 50%, #9dc737 75%, #98bf3e 100%);
background: -webkit-linear-gradient(270deg, #bdfe09 0%, #b3ee17 25%, #a8db26 50%, #9dc737 75%, #98bf3e 100%);
background: -o-linear-gradient(90deg, #bdfe09 0%, #b3ee17 25%, #a8db26 50%, #9dc737 75%, #98bf3e 100%);
background: -ms-linear-gradient(90deg, #bdfe09 0%, #b3ee17 25%, #a8db26 50%, #9dc737 75%, #98bf3e 100%);
background: linear-gradient(180deg, #bdfe09 0%, #b3ee17 25%, #a8db26 50%, #9dc737 75%, #98bf3e 100%);
/*
-webkit-box-shadow: 0px 2px 2px 0px #333333;
-moz-box-shadow:    0px 2px 2px 0px #333333;
box-shadow:         0px 2px 2px 0px #333333;
*/
margin:0;
border:0;
padding:0;
border-radius:10px;
text-align:center;
cursor:pointer;
}
.my_button:hover {
background-color:#8fbc19;
background: -moz-linear-gradient(90deg, #afe90f 0%, #a3d813 25%, #8fbc19 50%, #7ba120 75%, #719323 100%);
background: -webkit-linear-gradient(270deg, #afe90f 0%, #a3d813 25%, #8fbc19 50%, #7ba120 75%, #719323 100%);
background: -o-linear-gradient(90deg, #afe90f 0%, #a3d813 25%, #8fbc19 50%, #7ba120 75%, #719323 100%);
background: -ms-linear-gradient(90deg, #afe90f 0%, #a3d813 25%, #8fbc19 50%, #7ba120 75%, #719323 100%);
background: linear-gradient(180deg, #afe90f 0%, #a3d813 25%, #8fbc19 50%, #7ba120 75%, #719323 100%);
}
/* общий дизайн кнопок НЕ INPUT на сайте */
.my_button2 {
position:relative;
display:block;
width:100%;
text-align:center;
margin-bottom:20px;
}
.my_button2 > font {
position:relative;
display:inline-block;
text-align:center;
border:0px;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari, Chrome */
-khtml-border-radius:10px; /* KHTML */
border-radius:10px; /* CSS3 */
background-color:#a8db26;
background: -moz-linear-gradient(90deg, #bdfe09 0%, #b3ee17 25%, #a8db26 50%, #9dc737 75%, #98bf3e 100%);
background: -webkit-linear-gradient(270deg, #bdfe09 0%, #b3ee17 25%, #a8db26 50%, #9dc737 75%, #98bf3e 100%);
background: -o-linear-gradient(90deg, #bdfe09 0%, #b3ee17 25%, #a8db26 50%, #9dc737 75%, #98bf3e 100%);
background: -ms-linear-gradient(90deg, #bdfe09 0%, #b3ee17 25%, #a8db26 50%, #9dc737 75%, #98bf3e 100%);
background: linear-gradient(180deg, #bdfe09 0%, #b3ee17 25%, #a8db26 50%, #9dc737 75%, #98bf3e 100%);
/*
-webkit-box-shadow: 0px 2px 2px 0px #333333;
-moz-box-shadow:    0px 2px 2px 0px #333333;
box-shadow:         0px 2px 2px 0px #333333;
*/

font-family: 'pf_din_text_cond_promedium';
font-size:19px;
line-height:1em;
color:#000000;
text-transform: none;
text-decoration:none;
padding:15px 70px;
cursor:pointer;
}
.my_button2 > font:hover {
background-color:#8fbc19;
background: -moz-linear-gradient(90deg, #afe90f 0%, #a3d813 25%, #8fbc19 50%, #7ba120 75%, #719323 100%);
background: -webkit-linear-gradient(270deg, #afe90f 0%, #a3d813 25%, #8fbc19 50%, #7ba120 75%, #719323 100%);
background: -o-linear-gradient(90deg, #afe90f 0%, #a3d813 25%, #8fbc19 50%, #7ba120 75%, #719323 100%);
background: -ms-linear-gradient(90deg, #afe90f 0%, #a3d813 25%, #8fbc19 50%, #7ba120 75%, #719323 100%);
background: linear-gradient(180deg, #afe90f 0%, #a3d813 25%, #8fbc19 50%, #7ba120 75%, #719323 100%);
}

/* онлайн заявка - кнопка Отправить */
.form_block .otpravit_button {
display:block;
margin:0 auto;
width:222px;
height:31px;
font-family: 'pf_din_text_cond_proregular';
font-size:16px;
line-height:1em;
color:#FFFFFF;
text-transform:uppercase;
}








/* особенности контента */
/* особенности контента - обычный список детей*/
.goods_list_0_obichnaya {
position:relative;
display:block;
text-align:center;
font-size:1px; /* убираем горизонтальные отступы - скрываем пробелы между строчными элементами  */
line-height:0px; /* ...и вертикальные в некоторых браузерах */
letter-spacing:0px; /* переубеждаем webkit'ы , не забыть переопределить у потомков */
clear:both;
}
.goods_list_0_obichnaya:after { /* последняя строка чтобы работало text-align:justify */
width: 100%;
height: 0;
visibility: hidden;
overflow: hidden;
content: '';
display: inline-block;
  margin: 0px;
}
/* особенности контента - обычный список детей - контейнер общий */
.goods_list_0_obichnaya > div {
position:relative;
display:inline-block;
vertical-align:top;
width:300px;
overflow: hidden;
margin: 0px 10px 10px 10px;
letter-spacing:0px; /* восстанавливаем свойства шрифта */
/*
-webkit-box-shadow:	inset 1px 1px 0px 0px #cccdcd, inset -1px 1px 0px 0px #cccdcd;
-moz-box-shadow: 	inset 1px 1px 0px 0px #cccdcd, inset -1px 1px 0px 0px #cccdcd;
box-shadow:         inset 1px -1px 0px 0px #cccdcd, inset -1px -1px 0px 0px #cccdcd;
  */
}
@media screen and (min-width:1px) and (max-width:599px)
{
  .goods_list_0_obichnaya > div {
  margin-right:0px;
  }
}
/* особенности контента - обычный список детей - контейнер товара - картинка*/
.goods_list_0_obichnaya > div.tovar_item > .kartinka {
position:relative;
display:block;
width:100%;
height:200px;

  
background-position:center;
background-repeat:no-repeat;
  background-size: contain;
/*
-webkit-box-shadow:	inset 1px 1px 0px 0px #cccdcd, inset -1px 1px 0px 0px #cccdcd;
-moz-box-shadow: 	inset 1px 1px 0px 0px #cccdcd, inset -1px 1px 0px 0px #cccdcd;
box-shadow:         inset 1px 1px 0px 0px #cccdcd, inset -1px 1px 0px 0px #cccdcd;
  */
  -webkit-box-shadow:	inset 1px 1px 0px 0px #cccdcd, inset -1px -1px 0px 0px #cccdcd;
  -moz-box-shadow: 	inset 1px 1px 0px 0px #cccdcd, inset -1px -1px 0px 0px #cccdcd;
  box-shadow:         inset 1px 1px 0px 0px #cccdcd, inset -1px -1px 0px 0px #cccdcd;
  border: 0px solid #cccdcd;
}
/* особенности контента - обычный список детей - контейнер товара - описание */
.goods_list_0_obichnaya > div.tovar_item > .opisanie {
position:relative;
display:block;
width:100%;
text-align:center;
padding:0px 5px 25px 5px;
}
/* особенности контента - обычный список детей - контейнер товара - описание - название */
.goods_list_0_obichnaya > div.tovar_item > .opisanie > .nazvanie {
position:relative;
display:block;
width:100%;
text-align:center;
}
.goods_list_0_obichnaya > div.tovar_item > .opisanie > .nazvanie > a {
font-family: 'pf_din_text_cond_proregular';
font-size:18px;
color:#e35500;
text-transform:none;
text-decoration:none;
}
/* особенности контента - обычный список детей - контейнер товара - описание - текст */
.goods_list_0_obichnaya > div.tovar_item > .opisanie > .text {
position:relative;
display:block;
}
.goods_list_0_obichnaya > div.tovar_item > .opisanie > .text > div {
font-family: 'pf_din_text_cond_proregular';
font-size:12px;
color:#595958;
}
.goods_list_0_obichnaya > div.tovar_item > .opisanie > .text > div > font {
font-family: 'pf_din_text_cond_proregular';
font-size:14px;
color:#000000;
}
.goods_list_0_obichnaya > div.tovar_item > .opisanie > .text > div > font > font {
font-family: 'pf_din_text_cond_promedium';
font-size:16px;
color:#00A2FF;
}




/* услуги */
.goods_list_uslugi {
  display: block;
  position: relative;
}



/* работы*/
.goods_list_raboti {
  display: block;
  position: relative;
}
.goods_list_raboti > .item {
  display: block;
  position: relative;
  margin-bottom: 70px;
}
.goods_list_raboti > .item:after {
    content: "";
    display: table;
    clear: both;
    *zoom: 1;
}
.goods_list_raboti > .item > .content-left > a {
  border: 0;
}
.goods_list_raboti > .item > .content-left > a > img {
  display: block;
  position: relative;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  max-width: 100%;
}

.goods_list_raboti > .item > .content-right > .nazvanie {
  position: relative;
  display: block;
  margin-bottom: 20px;
}
.goods_list_raboti > .item > .content-right > .nazvanie > a {
  font-family: 'pf_din_text_cond_proregular';
  font-size: 24px;
  line-height: 1em;
  color: #FFFFFF;
}
.goods_list_raboti > .item > .content-right > .text {
  position: relative;
  display: block;
  font-family: 'pf_din_text_cond_proregular';
  font-size: 18px;
  color: #FFFFFF;
  margin-bottom: 20px;
}
.goods_list_raboti > .item > .content-right > .text * {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}
.goods_list_raboti > .item > .content-right > .podrobnee {
  position: relative;
  display: block;
  margin-bottom: 20px;
}
.goods_list_raboti > .item > .content-right > .podrobnee > a {
  font-family: 'pf_din_text_cond_proregular';
  font-size: 16px;
  color: #FFFFFF;
}


/* страница товара */



/* блок подразделов */
.podrazdeli_block {
position:relative;
display:block;
text-align:center;
font-size:0px; /* убираем горизонтальные отступы - скрываем пробелы между строчными элементами  */
line-height:0px; /* ...и вертикальные в некоторых браузерах */
letter-spacing:-4px; /* переубеждаем webkit'ы , не забыть переопределить у потомков */
margin-bottom:30px;
clear:both;
}
.podrazdeli_block > a {
position:relative;
display:inline-block;
vertical-align:top;
width:200px;
margin-bottom:10px;
letter-spacing:0px; /* восстанавливаем свойства шрифта */
font-family: 'pf_din_text_cond_proregular';
font-size:17px;
color:#000000;
line-height:1em;
}
.podrazdeli_block > a:hover, .podrazdeli_block > a.selected {
color:#978607;
}





/* особенности блока контента для товара */
.page_content {
}
/* особенности блока контента для товара - картинка товара*/
.page_content .good_image {
position:relative;
display:block;
margin:0 auto;
max-width:500px;
margin-bottom:20px;
border:0px solid #b7b7b6;
}
@media screen and (min-width:1px) and (max-width:499px)
{
.page_content .good_image {
max-width:95%;
}
}

/* особенности контента - обычный список детей - контейнер товара - описание */
.page_content .opisanie {
position:relative;
display:block;
width:100%;
text-align:center;
padding:0px 5px 25px 5px;
}
/* особенности контента - обычный список детей - контейнер товара - описание - текст */
.page_content .opisanie > .text {
position:relative;
display:block;
}
.page_content .opisanie > .text > div {
font-family: 'pf_din_text_cond_proregular';
font-size:20px;
color:#595958;
}
.page_content .opisanie > .text > div > font {
font-family: 'pf_din_text_cond_proregular';
font-size:22px;
color:#000000;
}
.page_content .opisanie > .text > div > font > font {
font-family: 'pf_din_text_cond_promedium';
font-size:24px;
color:#00A2FF;
}






















/* Список детей-товаров */
.goods_list {
position:relative;
width:100%;
font-size:0; /* скрываем пробелы между строчными элементами */
text-align:center;
padding-top:20px;
padding-bottom:20px;
}
/* Список детей-товаров - отдельный блок */
.goods_list > div.goods_list_tovar_item {
position:relative;
display:inline-block;
padding-bottom:27px;
margin-bottom:70px;
vertical-align:top;
width:32%;
margin-right:1%;
background-image:url(../res/good_list_item_ten.png);
background-position:center bottom;
background-repeat:no-repeat;
}
.goods_list > div.goods_list_tovar_item:hover {
/* box-shadow: inset 0px 0px 5px 0px #9e9c94; */
}


/* Список детей-товаров - отдельный блок - картинка */
.goods_list > div.goods_list_tovar_item > a.kartinka {
display:block;
margin:10px auto;
width:150px;
height:170px;
overflow:hidden;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}

/* Список детей-товаров - отдельный блок - цена */
.goods_list > div.goods_list_tovar_item > div.cena {
position:absolute;
display:block;
top:100%;
margin-top:-30px;
left:0px;
width:100%;
padding-left:10px;
padding-right:10px;
min-width:160px;
text-align:center;
font-family: 'pf_din_text_cond_proitalic';
font-size:18px;
color:#FFFFFF;
}
.goods_list > div.goods_list_tovar_item > div.cena > font {
font-family:inherit;
font-size:inherit;
color:inherit;
}



/* Список детей-товаров - отдельный блок - кнопка Заказать */
.goods_list > div.goods_list_tovar_item > div.buy_btn_small {
position:absolute;
display:block;
top:100%;
margin-top:0px;
left:0px;
width:100%;
padding-left:10px;
padding-right:10px;
min-width:160px;
text-align:center;
}
.goods_list > div.goods_list_tovar_item > div.buy_btn_small > font {
display:block;
margin:0 auto;
width:130px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
color:#FFFFFF;
background: -moz-linear-gradient(90deg, #fe007d 0%, #c40062 50%, #7c0141 100%);
background: -webkit-linear-gradient(270deg, #fe007d 0%, #c40062 50%, #7c0141 100%);
background: -o-linear-gradient(90deg, #fe007d 0%, #c40062 50%, #7c0141 100%);
background: -ms-linear-gradient(90deg, #fe007d 0%, #c40062 50%, #7c0141 100%);
background: linear-gradient(180deg, #fe007d 0%, #c40062 50%, #7c0141 100%);
border-top:1px solid #ff8bdd;
border-bottom:1px solid #380120;
border-radius:10px 10px 10px 10px;
cursor:pointer;
}
.goods_list > div.goods_list_tovar_item > div.buy_btn_small > font:hover {
background: -moz-linear-gradient(90deg, #fb248e 0%, #c31d70 50%, #7b154a 100%);
background: -webkit-linear-gradient(270deg, #fb248e 0%, #c31d70 50%, #7b154a 100%);
background: -o-linear-gradient(90deg, #fb248e 0%, #c31d70 50%, #7b154a 100%);
background: -ms-linear-gradient(90deg, #fb248e 0%, #c31d70 50%, #7b154a 100%);
background: linear-gradient(180deg, #fb248e 0%, #c31d70 50%, #7b154a 100%);
}
.buy_btn_small.visible {
display:inline-block !important;
}
.buy_btn_small.hidden {
display:none !important;
}




/* Список детей-разделов - отдельный блок */
.goods_list > div.goods_list_razdel_item {
position:relative;
display:inline-block;
padding-top:30px;
margin-bottom:70px;
vertical-align:top;
width:242px;
height:225px;
background-image:url(../res/body_fon.jpg);
background-position:10px 20px;
background-repeat:repeat;
}
.goods_list > div.goods_list_razdel_item:nth-child(2n+1)
{
margin-right:50px;
}
.goods_list > div.goods_list_razdel_item:hover {
/* box-shadow: inset 0px 0px 5px 0px #9e9c94; */
}
/* Список детей-разделов - отдельный блок - картинка */
.goods_list > div.goods_list_razdel_item > a.kartinka {
display:block;
margin:0px auto;
width:150px;
height:170px;
overflow:hidden;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
/* Список детей-разделов - отдельный блок - название */
.goods_list > div.goods_list_razdel_item > div.nazvanie {
position:absolute;
display:block;
top:100%;
left:0px;
margin-top:3px;
width:100%;
padding-left:10px;
padding-right:10px;
min-width:160px;
text-align:center;
}
.goods_list > div.goods_list_razdel_item > div.nazvanie > a {
display:inline;
font-family: 'pf_din_text_cond_proregular';
font-size:18px;
line-height:1em;
color:#FFFFFF;
text-decoration:none;
}
.goods_list > div.goods_list_razdel_item:hover > div.nazvanie > a {
color:#fff387;
text-decoration:none;
}
















/* всплвающее окошко по нажатию кнопки Оформить заказ из Корзины */
.forma_zakaza_okoshko {
position:relative;
padding:1px;
width:100%;
max-width:700px;
min-width:320px;
background-color:#FFFFFF;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.75);
}
.forma_zakaza_okoshko > div {
position:relative;
background-color:#e4e7e8;
padding-bottom:30px;
}
/* всплвающее окошко по нажатию кнопки Заказать - блок Оформление заказа */
.forma_zakaza_okoshko .oformlenie_zakaza {
position:relative;
display:block;
width:100%;
height:60px;
padding-top:5px;
background-color:#FFFFFF;
font-family: 'pf_din_text_cond_proregular';
font-size:19px;
line-height:50px;
text-transform:uppercase;
color:#000000;
text-align:center;
}
/* всплвающее окошко по нажатию кнопки Заказать - крестик Закрыть */
.forma_zakaza_okoshko .close_cross {
position:absolute;
display:block;
top:15px;
right:20px;
width:25px;
height:25px;
background-image:url(../res/cross.png);
background-position:left top;
background-repeat:no-repeat;
cursor:pointer;
z-index:1;
}
.forma_zakaza_okoshko .close_cross:hover {
background-position:left bottom;
}
/* всплвающее окошко по нажатию кнопки Заказать - информационная строчка */
.forma_zakaza_okoshko .info_str {
font-family: 'pf_din_text_cond_proregular';
font-size:17px;
line-height:1em;
color:#000000;
padding:30px 0px 20px 0px;
text-align:center;
}

/* всплвающее окошко по нажатию кнопки Заказать - название товара */
.forma_zakaza_okoshko .nazvanie_tovara {
display:none;
}

/* всплвающее окошко по нажатию кнопки Заказать - поля ввода */
.forma_zakaza_okoshko .my_field {
/* padding:5px 0px; */
margin:5px 0px;
text-align:center;
}
.forma_zakaza_okoshko .my_field > input {
border:0px;
padding:10px;
min-width:300px;
max-width:600px;
width:70%;
background-color:#FFFFFF;
border-top:1px solid #4d4d49;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */ 
border-radius: 10px; /* CSS3 */
font-family: 'pf_din_text_cond_proitalic';
font-size:17px;
line-height:1em;
color:#300825;
}
.forma_zakaza_okoshko .my_field > textarea {
border:0px;
padding:10px;
margin-bottom:30px;
min-width:300px;
max-width:600px;
width:70%;
height:100px;
resize:none;
background-color:#FFFFFF;
border-top:1px solid #4d4d49;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */ 
border-radius: 10px; /* CSS3 */
font-family: 'pf_din_text_cond_proitalic';
font-size:17px;
line-height:1em;
color:#300825;
}
/* всплвающее окошко по нажатию кнопки Заказать - кнопка Отправить */
.forma_zakaza_okoshko .otpravit_button {
display:block;
margin:0 auto;
width:300px;
font-family: 'pf_din_text_cond_promedium';
font-size:19px;
line-height:1em;
color:#000000;
text-transform: none;
text-decoration:none;
padding:15px 70px;
cursor:pointer;
}










/* всплвающее окошко по нажатию кнопки Обратная связь */
.obrat_svyaz_okoshko {
position:relative;
padding:1px;
width:100%;
max-width:700px;
min-width:320px;
background-color:#FFFFFF;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.75);
border:0px solid red;
}
.obrat_svyaz_okoshko > div {
position:relative;
background-color:#e4e7e8;
padding-bottom:30px;
}
/* всплвающее окошко по нажатию кнопки Заказать - блок Оформление заказа */
.obrat_svyaz_okoshko .zagolovok_okoshka {
position:relative;
display:block;
width:100%;
height:60px;
padding-top:5px;
margin-bottom:30px;
background-color:#FFFFFF;
font-family: 'pf_din_text_cond_proregular';
font-size:19px;
line-height:50px;
text-transform:uppercase;
color:#000000;
text-align:center;
}
/* всплвающее окошко по нажатию кнопки Заказать - крестик Закрыть */
.obrat_svyaz_okoshko .close_cross {
position:absolute;
display:block;
top:15px;
right:20px;
width:25px;
height:25px;
background-image:url(../res/cross.png);
background-position:left top;
background-repeat:no-repeat;
cursor:pointer;
z-index:1;
}
.obrat_svyaz_okoshko .close_cross:hover {
background-position:left bottom;
}
/* всплвающее окошко по нажатию кнопки Заказать - поля ввода */
.obrat_svyaz_okoshko .my_field {
/* padding:5px 0px; */
margin:5px 0px;
text-align:center;
}
.obrat_svyaz_okoshko .my_field > input {
border:0px;
padding:10px;
min-width:300px;
max-width:600px;
width:70%;
background-color:#FFFFFF;
border-top:1px solid #4d4d49;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */ 
border-radius: 10px; /* CSS3 */
font-family: 'pf_din_text_cond_proitalic';
font-size:17px;
line-height:1em;
color:#300825;
}
.obrat_svyaz_okoshko .my_field > textarea {
border:0px;
padding:10px;
margin-bottom:30px;
min-width:300px;
max-width:600px;
width:70%;
height:100px;
resize:none;
background-color:#FFFFFF;
border-top:1px solid #4d4d49;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */ 
border-radius: 10px; /* CSS3 */
font-family: 'pf_din_text_cond_proitalic';
font-size:17px;
line-height:1em;
color:#300825;
}
/* всплвающее окошко по нажатию кнопки Заказать - кнопка Отправить */
.obrat_svyaz_okoshko .otpravit_button {
display:block;
margin:0 auto;
width:300px;
font-family: 'pf_din_text_cond_promedium';
font-size:19px;
line-height:1em;
color:#000000;
text-transform: none;
text-decoration:none;
padding:15px 70px;
cursor:pointer;
}













/* всплвающее окошко по нажатию кнопки Заказать */
.zakazat_okoshko {
position:relative;
padding:1px;
width:700px;
-moz-border-radius: 50px; /* Firefox */
-webkit-border-radius: 50px; /* Safari, Chrome */
-khtml-border-radius: 50px; /* KHTML */ 
border-radius: 50px; /* CSS3 */
background-color:#FFFFFF;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.75);
}
.zakazat_okoshko > div {
position:relative;
background-color:#ce6f88;
-moz-border-radius: 50px; /* Firefox */
-webkit-border-radius: 50px; /* Safari, Chrome */
-khtml-border-radius: 50px; /* KHTML */ 
border-radius: 50px; /* CSS3 */
padding-bottom:30px;
}
/* всплвающее окошко по нажатию кнопки Заказать - блок Оформление заказа */
.zakazat_okoshko .oformlenie_zakaza {
position:relative;
display:block;
width:100%;
height:60px;
padding-top:5px;
background-color:#300825;
-moz-border-radius: 50px 50px 0px 0px; /* Firefox */
-webkit-border-radius: 50px 50px 0px 0px; /* Safari, Chrome */
-khtml-border-radius: 50px 50px 0px 0px; /* KHTML */ 
border-radius: 50px 50px 0px 0px; /* CSS3 */
font-family:'copyistthin';
font-size:52px;
line-height:1.0em;
color:#d8b448;
word-spacing: -15px;
text-align:center;
}
.zakazat_okoshko .oformlenie_zakaza::after {
content:"";
position:absolute;
display:block;
width:100%;
height:11px;
bottom:-5px;
left:0px;
background-image:url(../res/okoshko_uzor.png);
background-position:left bottom;
background-repeat:repeat-x;
}

/* всплвающее окошко по нажатию кнопки Заказать - крестик Закрыть */
.zakazat_okoshko .close_cross {
position:absolute;
display:block;
top:10px;
right:20px;
width:41px;
height:41px;
background-image:url(../res/cross.png);
background-position:center;
background-repeat:no-repeat;
cursor:pointer;
z-index:1;
}

/* всплвающее окошко по нажатию кнопки Заказать - информационная строчка */
.zakazat_okoshko .info_str {
font-family: 'pf_din_text_cond_prolight';
font-size:18px;
line-height:1em;
color:#FFFFFF;
padding:30px 0px 20px 0px;
text-align:center;
}

/* всплвающее окошко по нажатию кнопки Заказать - название товара */
.zakazat_okoshko .nazvanie_tovara {
display:none;
}

/* всплвающее окошко по нажатию кнопки Заказать - поля ввода */
.zakazat_okoshko .my_field {
/* padding:5px 0px; */
margin:5px 0px;
text-align:center;
}
.zakazat_okoshko .my_field > input {
border:0px;
padding:10px;
min-width:300px;
max-width:600px;
width:70%;
background-color:#FFFFFF;
border-top:1px solid #4d4d49;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */ 
border-radius: 10px; /* CSS3 */
font-family: 'pf_din_text_cond_proitalic';
font-size:17px;
line-height:1em;
color:#300825;
}
.zakazat_okoshko .my_field > textarea {
border:0px;
padding:10px;
margin-bottom:30px;
min-width:300px;
max-width:600px;
width:70%;
height:100px;
resize:none;
background-color:#FFFFFF;
border-top:1px solid #4d4d49;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */ 
border-radius: 10px; /* CSS3 */
font-family: 'pf_din_text_cond_proitalic';
font-size:17px;
line-height:1em;
color:#300825;
}
/* всплвающее окошко по нажатию кнопки Заказать - кнопка Отправить */
.zakazat_okoshko .otpravit_button {
display:block;
margin:0 auto;
background-image:url(../res/razdel_fon.png);
background-position:left top;
background-repeat:no-repeat;
width:257px;
height:55px;
font-family:'copyistthin';
font-size:46px;
line-height:1.0em;
color:#d8b448;
word-spacing: -15px;
text-align:center;
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.75);
background-color:transparent;
border:0;
cursor:pointer;
}
















/* мое попап окошко обработки данных */
.popup_proccessing {
width:64px;
height:64px;
background-image:url(../res/proccessing.gif);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
/* сообщение об ошибке или еще чем-то */
.popup_msg {
width:300px;
max-width:100%;
padding:4px;
font-size:18px;
color:#000000;
padding:1px;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari, Chrome */
-khtml-border-radius: 5px; /* KHTML */ 
border-radius: 5px; /* CSS3 */
background-color:#FFFFFF;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.75);
}
.popup_msg > div {
padding:20px;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari, Chrome */
-khtml-border-radius: 5px; /* KHTML */ 
border-radius: 5px; /* CSS3 */
background-color:#0797c7;
font-size:16px;
color:#FFFFFF;
}


/* сообщения об успешной отправке сообщений через обратную связь, заказа, комментария */
.popup_msg_uspeh {
width:300px;
max-width:100%;
width:693px;
height:320px;
padding:20px;
font-size:16px;
color:#000000;
background-image:url(../res/popup_msg_uspeh.jpg);
background-position:center;
background-repeat:no-repeat;
cursor:pointer;
}
.popup_msg_uspeh_obrat_svyaz {
width:100%;
max-width:600px;
height:268px;
background-image:url(../res/popup_msg_uspeh_obrat_svyaz.jpg);
background-position:center;
background-repeat:no-repeat;
cursor:pointer;
}
.popup_msg_uspeh_zakaz {
width:100%;
max-width:600px;
height:268px;
background-image:url(../res/popup_msg_uspeh_zakaz.png);
background-position:center;
background-repeat:no-repeat;
cursor:pointer;
}
.popup_msg_uspeh_komment {
width:300px;
max-width:100%;
width:717px;
height:268px;
background-image:url(../res/popup_msg_uspeh_komment.png);
background-position:center;
background-repeat:no-repeat;
background-size:contain;
cursor:pointer;
}





/* соц сети */
.soc_seti {
  position: relative;
  display: block;
  width: 100%;
  min-width: 320px;
  text-align: center;
  padding: 20px 0px;
}
.soc_seti > a {
  position: relative;
  display: inline-block;
  width: 58px;
  height: 58px;
  background-image: url(/res/hsp_soc_seti_1.png);
  background-position: center top;
  background-repeat: no-repeat;
  transition: background-position 0.2s linear;
  margin: 0 10px;
}
.soc_seti > a:hover {
  background-position: center bottom;
}
.soc_seti > a:nth-child(2) {
  background-image: url(/res/hsp_soc_seti_2.png);
}
.soc_seti > a:nth-child(3) {
  background-image: url(/res/hsp_soc_seti_3.png);
}
.soc_seti > a:nth-child(4) {
  background-image: url(/res/hsp_soc_seti_4.png);
}


/* Подвал сайта */
#footer {
position:relative;
display:block;
width:100%;
min-width:320px;
overflow:hidden;
background-color:#003044;
}
#footer > div {
position:relative;
display:block;
width:100%;
max-width:1100px;
height:100%;
margin:0 auto;
  padding: 0px 10px;
}



/* Подвал сайта - элементы */
#footer .kontakti {
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  border: 0px solid red;
}

#footer .kontakti .napisat_nam {
  display: block;
  position: relative;
font-family: 'pf_din_text_cond_prolight';
font-weight:normal;
font-size:17px;
line-height:1em;
color:#b0b1b2;
  margin-bottom: 10px;
}
#footer .kontakti .obratniy_zvonok {
  display: block;
  position: relative;
font-family: 'pf_din_text_cond_prolight';
font-weight:normal;
font-size:17px;
line-height:1em;
color:#b0b1b2;
}



#footer .site_creator {
position:absolute;
display: block;
bottom:10px;
right:10px;
font-family: 'pf_din_text_cond_proregular';
font-weight:normal;
font-size:12px;
color:#CCCCCC;
text-decoration:none;
}
#footer .site_creator > a {
font-family: 'pf_din_text_cond_proregular';
font-weight:normal;
font-size:12px;
color:#CCCCCC;
text-decoration:none;
}
#footer .site_creator > a:hover{
text-decoration:none;
}
@media screen and (min-width:1px) and (max-width:599px)
{
  #footer .kontakti, #footer .site_creator {
    display: none;
  }
}


/* Подвал сайта - элементы - счетчики */
.counters {
position:relative;
display:block;
  display: none;
width:100%;
min-width:320px;
}
.counters > div {
position:relative;
display:block;
width:100%;
max-width:1100px;
margin:0 auto;
font-size:20px;
border:1px solid red;
}













.top_and_back {
	position: fixed;
	display: block;
	opacity: 0;
	width: 100px;
	bottom:15%;
	left:2%;
	z-index: 3;
	transition: all .5s ease-in;
}
.top_and_back > div {
	position: relative;
	display: block;
	border-radius: 5px;
	background-color: #000000;
	font-family: 'pf_din_text_cond_proregular';
	font-size:16px;
	line-height: 4em;
	text-align: center;
	color:#FFFFFF;
	cursor:pointer;
	opacity: 0.5;
	transition: opacity .5s linear;
}
.top_and_back > div:hover, .top_and_back > div:active {
	opacity: 1;
}
.top_and_back > div:nth-child(2) {
	display: none;
}
.top_and_back > div:after {
	content: "\27F0";
	display: block;
	position: absolute;
	top: 5px;
	left: 0px;
	width: 100%;
	line-height: 1em;
	text-align: center;
}
.top_and_back > div:nth-child(2):after {
	content: "\27F1";
	top: auto;
	bottom: 5px;
}

.napisat_nam {
cursor:pointer;
}
.obratniy_zvonok {
cursor: pointer;
}



.content-left {
    float: inherit;
    width: 100%;
    margin-bottom: 30px;
    padding: 10px 15px;
}
.content-right {
    float: inherit;
    width: 100%;
    padding: 10px 15px;
}
.content-right:after {
    content: "";
    display: table;
    clear: both;
    *zoom: 1;
}
@media screen and (min-width:899px) and (max-width:100099px)
{
  .content-left {
      float: left;
      width: 49%;
  }
  .content-right {
      float: right;
      width: 49%;
  }
}
.content-left img, .content-right img {
  display: block;
  border: 0;
  margin: 0 auto;
}