*
{
  box-sizing: border-box;
}
body
{
  min-width: 320px;

}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.hidden{
	display: none!important;
}
.clear{clear: both;}
.disabled-color{
	opacity: 0.1;
}
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic&subset=latin,cyrillic,cyrillic-ext);
@font-face {
  font-family: 'Geometria';
  src: url('fonts/geometria-bold-webfont.woff2') format('woff2'),
  url('fonts/geometria-bold-webfont.woff') format('woff'),
  url('fonts/geometria-bold-webfont.ttf') format('truetype'),
  url('fonts/geometria-bold-webfont.svg#geometriabold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
	font-family: 'bquadro';
	src:url('fonts/bquadro.eot?yy4fgp');
	src:url('fonts/bquadro.eot?#iefixyy4fgp') format('embedded-opentype'),
  url('fonts/bquadro.ttf?yy4fgp') format('truetype'),
  url('fonts/bquadro.woff?yy4fgp') format('woff'),
  url('fonts/bquadro.svg?yy4fgp#bquadro') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
 @-webkit-viewport { width: device-width; }
 @-moz-viewport    { width: device-width; }
 @-ms-viewport     { width: device-width; }
 @-o-viewport      { width: device-width; }
 @viewport         { width: device-width; }

html {     height: 100%;position: relative;/*   min-width: 1000px; */ }
body { margin: 0; padding:0; height: 100%;  color: #101a28; font: 14px/1.6em 'PT Sans', Arial, Helvetica, sans-serif; background: #fff; }
* {
  outline: none;
  font-size-adjust: none;
  -webkit-text-size-adjust: none;
  -o-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  max-height: 999999px;
  -webkit-print-color-adjust: exact;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0;vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
h1 { margin: 1em 0 1em 0; font: 38px/1.2em 'PT Sans', Arial, Helvetica, sans-serif; color: #3d3d3d; }
h2, .h2 { margin: 1.2em 0 .6em 0; font: normal 28px/1.2em 'PT Sans', Arial, Helvetica, sans-serif; color: #3d3d3d; }
h3 { margin: 1.2em 0 .6em 0; font: bold 22px/1.2em 'PT Sans', Arial, Helvetica, sans-serif; color: #5b5b5b; }
h4 { margin: 1.2em 0 .6em 0; font: bold 18px/1.2em 'PT Sans', Arial, Helvetica, sans-serif; color: #5b5b5b; }
@media(max-width: 1199px)
{
  h1 { margin: 1em 0 1em 0; font: 28px/1.2em 'PT Sans', Arial, Helvetica, sans-serif; color: #3d3d3d; }
  h2, .h2 { margin: 1.2em 0 .6em 0; font: normal 24px/1.2em 'PT Sans', Arial, Helvetica, sans-serif; color: #3d3d3d; }
  h3 { margin: 1.2em 0 .6em 0; font: bold 20px/1.2em 'PT Sans', Arial, Helvetica, sans-serif; color: #5b5b5b; }
  h4 { margin: 1.2em 0 .6em 0; font: bold 18px/1.2em 'PT Sans', Arial, Helvetica, sans-serif; color: #5b5b5b; }
}
p { margin-bottom: 1em; }
.img-right { float: right; margin-left: 20px; }
.img-left { float: left; margin-right: 20px; }
.img-responsive {max-width: 100%;}
ol, ul { list-style: none; }
ul { list-style-type: disc; list-style-position: inside; margin-left: 20px; margin-bottom: 20px;}
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { border-style: none; vertical-align: top; }
a { text-decoration: underline; color: #1c9a65; }
a:hover { text-decoration: none }
input, textarea, select { font: 100% 'PT Sans', Arial, Helvetica, sans-serif; vertical-align: middle;

box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
form, fieldset { margin: 0; padding: 0; border-style: none; }
.nicescroll-rails { z-index: 9999 !important }
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
}
.glyphicon-bquadro:before { 
  font-family: 'bquadro';	
  content: "\e600";
}

#wrapper { width: 100%; overflow: hidden; position: relative; background: #f6f6f6;  }
#page { width: 100%; overflow: hidden; }
@media (min-width: 768px) {
  #wrapper { display: table;  height: 100%;  width:100%;} 
  #page {display: table-row; height: 100%;}
}

.btn-close-big:hover { color: #fff !important; background: #38a677 !important; text-decoration: none !important; }

#owl-demo{margin:  0!important; }

.container { position: relative; max-width: 1120px; margin: 0 auto; padding: 0 15px; }
@media (max-width: 1199px) {
  .container { padding: 0 20px; }
} 
.container .container{padding: 0;}
.container:after { content: ""; clear: both; display: block; }

.nav-holder { top: 0 !important; position: relative; z-index: 101!important; height: 60px; width: 100%; background: #20af73; }
.top-nav { margin: 0 auto; text-align: right; height: 60px; text-transform: uppercase; }
.top-nav a { color: #fff; }
.top-nav a:hover { text-decoration: none; color: #fff; }
.top-nav .items { display: table; white-space: nowrap; margin: 0; width: 100% !important; }
.top-nav ul > li { display: table-cell; vertical-align: top; padding: 0; background: transparent!important; margin: 0; font: bold 12px/60px "Geometria", "PT Sans", Arial; } 
.top-nav ul > li a { display: block; text-decoration: none; text-align: center; padding: 0 22px; margin: 0;  transition: all 0.100s ease-in-out; -moz-transition: all 0.100s ease-in-out; -webkit-transition: all 0.100s ease-in-out; }
@media (max-width: 1199px) {
  .nav-holder { height: 50px;  }
  .top-nav {  height: 50px; }
  .top-nav ul > li { font: bold 11px/50px "Geometria", "PT Sans", Arial; }
  .top-nav ul > li a { padding: 0 15px; margin: 0;}
}
.top-nav ul > li:hover > a, .top-nav ul > li.active a { background: #1c9a65; color: #fff; text-decoration: none; }
.top-nav .more-link { position: relative; display: inline-block; padding: 0 0 5px; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; }
.top-nav .more-link > .link { padding: 0 10px 1px; display: inline-block; vertical-align: top; font-size: 13px; line-height: 27px; }
.top-nav .more-link:hover > .link { color: #fff; background: #4f4f4f; }
.top-nav .more-link:hover .sub { display: block }
.top-nav .sub { display: none; position: absolute; top: 29px; left: 0; border: 1px solid #e7e7e6; border-width: 0 1px 1px; background: #fff; z-index: 9999; text-align: left; width: 180px; }
.top-nav .sub li { font-size: 13px; line-height: 18px; float: none; display: block; padding: 0; margin: 0; background: transparent!important; }
.top-nav .sub li a { float: none; color: #727577; display: block; padding: 8px 15px; }
.top-nav .sub li a:hover { background: #e7e7e6; color: #727577; text-decoration: none; }

#header { background: #fff; }
#header .logo { float: left; width: 155px; margin-top: 39px; margin-bottom: 39px; margin-right: 28px; }
#header .logo img { max-width: 100%; display: block;}
#header .slogan { float: left;  margin-top: 38px; font-size: 11px; color: #929292;line-height: 1.2em;  margin-bottom:37px; height: 26px; }

.top-info { float: right; font-size: 14px; margin-right: 0px;  line-height: 20px; position: relative;}
.top-info p { margin-bottom: 0 }
.top-info .box { float: left; margin: 24px 0 14px 45px; color: #444; padding: 0 0 0 30px; }
.top-info .phone { color: #646463; font: bold 17px/1.2em "Geometria", "PT Sans", Arial; }
.top-info .phone-desc { color: #929292; font: normal 11px/1.2em "PT Sans", Arial; margin-bottom: .6em; }
.top-info .email { color: #5b5b5b; font: normal 14px/1.2em "PT Sans", Arial; }
.top-info .email a { color: #5b5b5b;  }
.top-info .box-phone { position: relative; float: left; margin-top: 24px; margin-left: 20px; }
.top-info .box-callback{ position: relative; float: left; padding: 0 0 0 22px; margin-top: 27px;  }
.top-info .box-callback-ico:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -8px; width: 10px; height: 18px; background: url(images/phone.svg) no-repeat 0 0; background-size: 100% 100%; }
.top-info .box-callback a{ padding: 0 0 1px; border-bottom: 1px dotted;  text-decoration: none; color: #5b5b5b; text-transform: uppercase; font: bold 11px/1.2em "Geometria", "PT Sans", Arial;  letter-spacing: .02em; }
.top-info .box-callback a:hover { border: 0; text-decoration: none; }
.top-info .box-location { position: relative; float: left; }
.top-info .box-location:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -11px; width: 17px; height: 22px; background: url(images/sprite.png) no-repeat 0 0; }

.top-info .box-search { position: relative; float: left; margin-top: 28px; margin-left: 20px;padding-left:0; }
.top-info .box-search .b-search-submit { background: none; border:0; background: url(images/search.png) no-repeat 0 0; width: 25px; height: 19px; margin-left: -40px; display: inline-block; vertical-align: middle; cursor: pointer; }
.top-info .box-search .b-search-submit:hover { opacity: .8; }
.top-info .box-search .b-search-input { padding: 10px 45px 10px 15px; height: 45px; line-height: 45px; margin:0;  display: inline-block; vertical-align: middle; width: 325px;}
@media (max-width: 1199px) {
  .top-info .box-search .b-search-input { width: 210px;}
}

#nav, .nav { display: table; position: relative; width: 100%; margin: 0; padding: 0;}
#nav > li, .nav > li { display: table-cell; margin: 0; font-size: 17px; font-weight: 500; position: relative; text-align: center; line-height: 18px; background: transparent!important; position: static; }
#nav > li .center, .nav > li .center { display: inline-block }
#nav > li .vert, .nav > li .vert { display: table-cell; vertical-align: middle; height: 65px; text-align: left; }
#nav > li > a, .nav > li > a, #nav > li > span, .nav > li > span { float: left; height: 65px; color: #101a28; text-decoration: none; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; }
#nav > li > a:hover, .nav > li > a:hover { color: #20af73; text-decoration: none; }
#nav > li > span, .nav > li > span { color: #3aba84; text-decoration: none; }
.nav-frame .drop, .nav .drop { display: none; position: absolute; left: 0; top: 65px; width: 930px; padding: 40px; background: #fff; text-align: left; }
#nav > li:last-child .drop, .nav > li:last-child .drop { right: -56px; left: auto; }
.nav-frame .drop .columns { float: left }
.nav-frame .drop .columns .col:first-child { margin: 0 }
.nav-frame .drop .columns .col { float: left; width: 160px; margin: 0 0 0 10px; }
.nav-frame .drop .columns .col-title { display: inline-block; margin: 0 0 17px; font-size: 17px; font-weight: 400; color: #575656; padding: 0 20px 0 0; }
.nav-frame .drop .columns .col-title.hasDrop { background: url(images/bg-drop-arrow.png) no-repeat 100% 8px }
.nav-frame .drop .columns .sub-menu { width: 100%; overflow: hidden; }
.nav-frame .drop .columns .sub-menu li { font-size: 15px; font-weight: 300; margin: 0 0 14px; background: transparent!important; }
.nav-frame .drop .columns .sub-menu li a { color: #757575 }
.nav-frame .drop .columns .sub-menu li a:hover { color: #20af73; text-decoration: none; }
.nav-frame .drop-img { float: right; position: relative; display: none; /* !!! */ }
.nav-frame .drop-img img { vertical-align: top }
.nav-frame .drop-img .text-frame { position: absolute; bottom: 30px; right: 0; display: inline-block; vertical-align: top; padding: 5px 10px; background: url(images/bg-red85.png); color: #fff; font-weight: 300; font-size: 13px; }
.nav-holder .discount-link { float: left; font-size: 16px; font-weight: 500; margin: 0 27px 0 0; color: #5f5f5e; padding: 0 0 0 22px; background: url(images/ico-star.png) no-repeat 0 50%; }
.nav-holder .discount-link:hover { text-decoration: none; color: #20af73; }
.points-holder { float: left; margin: 0 0 -20px; }
.nav-holder .points { float: left; background: url(images/ico-points.png) no-repeat 0 11px; width: 17px; height: 16px; cursor: pointer; padding: 0 0 40px; }
.points-holder:hover .points { background: url(images/bg-points-hover.png) no-repeat 0 11px }
.points-holder:hover .add-menu { opacity: 1; display: block; }
.add-menu { display: none; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; opacity: 0; z-index: 9999; position: absolute; top: 69px; background: url(images/bg-transparent95.png), url(images/bg-transparent95.png); padding: 0 0 0 32px; }
.add-menu .drop { top: 36px; left: auto; right: 0; }
.add-menu .nav-frame { width: auto; margin: 0; float: left; padding: 18px 0; }


.col { display: inline-block; vertical-align: top; margin-right: -4px; }
.col.col-2 { width: 50% }
.col.col-3 { width: 33% }
.col.col-3-2 { width: 66% }
.block { padding-top: 50px; padding-bottom: 50px; }
.block h2 { text-transform: uppercase }
.block h2 + p { max-width: 775px }
.block.b-fonir h3 { min-height: 52px; margin-bottom: 15px; }
.block.b-fonir .pic { margin: 25px 0 35px }
.block.b-fonir .col-3 { padding-right: 5%; box-sizing: border-box; }
.block.b-fonir .col-3.last{padding-right: 0;}
.block.b-about .row { margin-top: 60px }
.block.b-about .col-3 { width: 30% }
.block.b-about .col-3-2 { width: 60% }
.block.b-about .pic { padding-top: 20px }

#main { width: 100%; float: left; margin-bottom: 50px; }
.home #main { overflow: visible }
#main:after { content: ""; display: block; clear: both; }
#main ul { list-style-position: inside; padding: 0; }
ol ul, ul ul { padding-left: 30px }
.main_content li { position: relative }
.main_content ul li { padding: 0 0 0 15px; background: url('/bitrix/templates/youstore_custom/images/ul_list.png') no-repeat 0 11px; }

.blue { background: #eff9ff }

#footer { width: 100%;  background: #20af73; padding: 0px 0 0px; color: #fff; }
#footer a { color: #fff; text-decoration: none; }
#footer p { margin-bottom: 0; line-height: 20px; }
#footer .container + .container { padding-top: 40px }
.footer-bot { background: #444444; color: #fff; }
.footer-bot .fl { float: left; }
.footer-bot .fr { float: right; }
#footer .box-copy { color: #a1a1a1; margin-top: 19px; margin-bottom: 22px; width: 260px; margin-right: 23px; }
#footer .box-market { color: #a1a1a1; padding-top: 19px; padding-bottom: 22px; padding-right: 10px; margin-right: 23px; width: 153px;  position: relative;  }
#footer .box-market img { max-width: 100%; width: 21px; position: absolute; left: 0; top: 17px;display: none;}
#footer .box-market:before {
  content: ''; position: absolute; top: 50%; left: 0; margin-top: -14px; width: 22px; height: 20px; background: url(images/market.svg) no-repeat 0 0; background-size: 100% 100%;
}
#footer .box-market span 
{ 
  display: block;
  padding-left: 32px;
  font-size: 10px;
  font-weight: 700;
}
#footer .box-market:after { display:block; position:absolute; width: 1px; top:0; bottom:0; right:-1px; content: ''; background: #575757; }
#footer .box-email { color: #a1a1a1; margin-top: 19px; margin-bottom: 23px;  margin-right: 52px;}
#footer .box-phone { color: #fff; padding-top: 20px; padding-bottom: 23px; margin-right: 17px; padding-right: 17px;font: bold 16px/1.4em "Geometria", "PT Sans", Arial;  position: relative; letter-spacing: .04em; }
#footer .box-phone:after { display:block; position:absolute; width: 1px; top:0; bottom:0; right:-1px; content: ''; background: #575757; }
#footer .box-callback { color: #a1a1a1; margin-top: 19px; margin-bottom: 22px; margin-right: 17px; position: relative; padding: 0 0 0 22px; letter-spacing: .02em;}
#footer .box-callback:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -9px; width: 10px; height: 18px; background: url(images/phone_white.png) no-repeat 0 0; background-size: 100% 100%; }
#footer .box-callback a {  text-decoration: none; color: #ffffff; text-transform: uppercase; font: bold 11px/1.2em "Geometria", "PT Sans", Arial;  }
#footer .box-developer { color: #a1a1a1; margin-top: 19px; margin-bottom: 22px; }
#footer .box-developer a { color: #a1a1a1; }
#footer .box-developer .glyphicon { font-size: 1.35em; }
@media (max-width: 1199px) {
  #footer .box-copy { width: auto;  }
  #footer .box-email { margin-right: 22px;}
  #footer .box-market { width: 120px;  position: relative; padding-top: 20px;  }
  #footer .box-callback a { font: bold 10px/1.2em "Geometria", "PT Sans", Arial;  }
}

.button { display: inline-block; vertical-align: top; background: #20af73; border: 0; cursor: pointer; border-bottom: 3px solid #339169; color: #fff; padding: 10px 18px; border-radius: 6px; overflow: hidden; position: relative; text-decoration: none; min-width: 180px; text-align: center; box-sizing: border-box; transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; }
em.button { font-style: normal }
.button:hover { color: #fff; background: #38a677; text-decoration: none; }
.unavailable .button { background: #e5e5e4 !important; color: #bfbebe !important; border-bottom: 3px solid #cececd !important; }

.btn-cart { font-size: 16px; margin: 0 0 14px; max-width: 186px; padding: 12px 22px 12px; text-align: center; min-width: 0; width: 100%;}
.btn-cart span { white-space: nowrap; display: inline-block; line-height: 23px; padding: 0 0 0 25px; position: relative; }
.btn-cart span:before { content: ''; position: absolute; top: 50%; left: 0; width: 21px; height: 18px; margin-top: -9px; background: url(images/sprite.png) no-repeat -120px 0; }

.section-list { margin-top: 3em; }
.title-section + .section-list { margin-top: 0px; }

.breadcrumb-section + .title-section h1 { margin-top: 0em; }
.breadcrumbs { width: 100%; overflow: hidden; margin: 30px 0 10px 0; }
.breadcrumbs ul { margin: 0px 0 0px 0; list-style: none; }
.breadcrumbs li:first-child { margin: 0; padding: 0; }
.breadcrumbs li:first-child:before { display: none!important }
.breadcrumbs li { position: relative; float: left; font-size: 14px; line-height: 18px; font-weight: 400; padding: 0 0 0 15px; margin: 0 0 0 10px; background: transparent!important; list-style: none; }
.breadcrumbs li:before { content: ''; position: absolute!important; top: 50%!important; left: 0!important; width: 6px!important; height: 9px!important; margin-top: -4px!important; background: url(images/bread.png) no-repeat 0px 0px !important; }
.breadcrumbs li a { color: #5b5b5b; text-decoration: none; }
.breadcrumbs li a:hover { color: #000000; text-decoration: none; }


/*alert*/
.alert { position: relative; border: 1px solid #38b0ca; margin: 0 29px 31px 0; padding: 14px 35px 20px; color: #38b0ca; width: 406px; display: inline-block; vertical-align: top; background: url(images/ico06.png); }
.alert .close { text-indent: -9999px; overflow: hidden; position: absolute; right: 5px; top: 5px; background: url(images/ico05.png) no-repeat -1px 0; width: 12px; height: 11px; }
.alert h3 { margin: 0 0 7px; font: 19px/21px 'PT Sans', sans-serif; text-transform: uppercase; }
.alert .image-box { float: left; padding: 17px 34px 0 0; }
.alert .text-box { overflow: hidden }
.alert p { margin: 0 }
.alert2 { border: 1px solid #dd4754; color: #dd4754; background: url(images/ico07.png); }
.alert3 .close { background-position: 0 -23px }
.alert2 .close { background-position: 0 -12px }
.alert4 .close { background-position: 0 -34px }
.alert3 { border: 1px solid #cbb22d; color: #cbb22d; background: url(images/ico08.png); }
.alert4 { border: 1px solid #7fc45b; color: #7fc45b; background: url(images/ico09.png); }

.box-404 { padding: 85px 0 0; font-weight: 300; }
.box-404 .left { float: left; width: 40%; color: #676767; }
.box-404 .right { float: right; width: 60%; text-align: center; font-size: 120px; color: #676767; font-weight: 500; line-height: 1; }
.box-404 h2 { font-size: 40px; line-height: 44px; margin: 0 0 25px; }
.box-404 .text { font-size: 15px; line-height: 20px; color: #9d9b9b; }

textarea{resize: none;}
.form-deffault tr, .form-deffault td{border: 0px none;  background-color: transparent;}
.form-deffault input[type=text], 
.form-deffault input[type=password], 
.form-deffault textarea { color: #101A28; font-size: 17px; line-height: 22px; padding: 8px 15px; float: left; border: 1px solid #ddd; font-weight: 300; width: 318px; }

.bx_item_list li{background: transparent!important;}

.search-page input[type=text]{ color: #101A28; font-size: 17px; line-height: 21px; padding: 8px 15px; float: left; border: 1px solid #ddd; font-weight: 300; width: 418px; }
.search-page input[type=submit] { display: inline-block; vertical-align: top; background: #067bff; border: 0; cursor: pointer; color: #fff; padding: 10px 18px 10px 18px;  overflow: hidden; position: relative; text-decoration: none; text-align: center; box-sizing: border-box; transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; margin: 0px 0 0 -10px;height: 39px;}
.search-page input[type=submit]:hover { color: #fff; background: #38a677; text-decoration: none; }

.search-small{margin: 0 0 40px 0;}
.search-small input[type=text]{ color: #101A28; font-size: 17px; line-height: 22px; padding: 8px 15px; float: left; border: 1px solid #ddd; font-weight: 300; width: 124px; outline: 0px none;}
.search-small input[type=submit] { display: inline-block; vertical-align: top; background: #20af73; border: 0; cursor: pointer; border-bottom: 3px solid #339169; color: #fff; padding: 9px 11px 10px 11px; border-radius: 6px; overflow: hidden; position: relative; text-decoration: none; text-align: center; box-sizing: border-box; transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; margin: 0px 0 0 -10px;}
.search-small input[type=submit]:hover { color: #fff; background: #38a677; text-decoration: none; }
@media (max-width: 767px) {
  .search-page input[type=text] {
    width: calc(100% - 75px);
  }
}
.audio-wrapper {  text-align: center; height: 36px;  margin-top: -.3em; }

.audio {  width: 126px; height: 36px; background: #fff; display: inline-block; cursor: pointer; border: 1px solid #b3b3b3; border-radius: 18px;  position: relative; font: normal 12px/36px "PT Sans", Arial; text-transform: uppercase; color: #8c8c8c; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;padding-left: 50px; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; }
.audio:before { position: absolute; left: 19px; top: 9px; width: 22px; height: 17px; background: url(images/zvuk.png) 0px 0px; content: ''; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; }
.audio:hover {background: #20af73;  color: #fff;  border: 1px solid #20af73;}
.audio:active {background: #20af73; color: #fff;  border: 1px solid #20af73; }
.audio:hover:before { background-position: 0px -17px; }
.audio:active:before { background-position: 0px -17px; }

.audiojs { 
  width: 126px; 
  display: inline-block; 
  height: 36px;
  background: #fff;
  overflow: hidden;
  font-family: monospace;
  font-size: 12px;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: 1px solid #b3b3b3;
  border-radius: 18px;
  position: relative;
}
.audiojs:before { position: absolute; left: 19px; top: 9px; width: 22px; height: 17px; background: url(images/zvuk.png) 0px 0px; content: ''; }
.audiojs .play-pause {
  width: 33px;
  height: 29px;
  padding: 4px 0 4px 0;
  margin:0;
  float: right;
  overflow: hidden;
  border-right: 0 solid #000;
}

.audiojs .time { display: none;}
.audiojs .scrubber {
  position: relative;
  float: right;
  width: 46px;
  background: #d9d9d9; 
  height: 4px;
  margin: 16px 0 16px 0px;
  border-top: 0px solid #3f3f3f;
  border-left: 0px;
  border-bottom: 0px;
  overflow: hidden;
  cursor: pointer;
}
.audiojs .loaded {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 4px;
  width: 0px;
  background: #d9d9d9;
  background-image: none;
  background-image: none;
}
.audiojs .progress {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 4px;
  width: 0px;
  background: #20af73;
  z-index: 1;
  background-image: none;
  background-image: none;
  border-radius: 0;
  margin:0;
}
.audiojs p {
  display: none;
  width: 15px;
  height: 29px;
  margin: 0px;
  padding: 0 9px;
  cursor: pointer;
}
.audiojs .play {
  background: url("images/player-graphics.png") -2px -1px no-repeat;
}
.audiojs .pause {
  background: url("images/player-graphics.png") -1px -90px no-repeat;
}
.audiojs .loading {
  background: url("images/player-graphics.png") 0px -31px no-repeat;
}
.audiojs .error {
  background: url("images/player-graphics.png") 0px -61px no-repeat;
}

.audio-wrapper .audiojs { display: none; }

.btn-more { display: inline-block; border-radius: 30px; height: 43px; padding: 0 30px; background: #20af73; box-sizing: border-box;  -moz-box-sizing: border-box;  -o-box-sizing: border-box; color: #fff; text-decoration: none; font: bold  14px/42px "Geometria", "PT Sans", Arial;  }
.btn-more:hover {background: #1c9a65;  }

.article-teaser { margin-bottom: 30px; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  padding: 22px 25px 25px 25px; }
.article-teaser h2:first-child { margin-top:0;}
.bx_catalog_line_data {  display: table; width: 100%; }
.bx_catalog_line_title { font: bold  22px/1.2em "PT Sans", Arial; color: #5b5b5b; padding-bottom: 30px; display: table-cell; vertical-align: top; }
.bx_catalog_line_title a { color: #5b5b5b; text-decoration: none; }
.bx_catalog_line_img {  width: 244px; display: table-cell; vertical-align: top; padding: 0 23px 0 0px;}
.bx_catalog_line_description {  display: table-cell; padding: 0; font: normal  15px/1.6em "PT Sans", Arial; color: #5b5b5b; vertical-align: top; margin-top: -3px;}
.bx_catalog_line_audio {   display: table-cell;  position: relative; width: 160px; vertical-align: top; text-align: center; padding-bottom: 20px; padding-left: 23px; }
.bx_catalog_line_head {   display: table-cell;  position: relative; width: 238px; vertical-align: top; text-align: center; padding-bottom: 20px; padding-left: 23px; font: normal  14px/1.6em "PT Sans", Arial; color: #20af73; padding-top: 6px; }
.bx_catalog_line_head1 {   display: block;  position: relative; width: 238px; vertical-align: top; text-align: center; padding-bottom: 20px;  font: normal  14px/1.6em "PT Sans", Arial; color: #20af73; padding-top: 6px; }
.bx_catalog_line_right {   display: block;  position: relative; width: 238px; vertical-align: top; text-align: center; float: right; margin-bottom: 0px; padding-left: 23px; }
.bx_catalog_line_more { display: block; text-align: center;margin-top: 25px; width: 238px; float: right; }

.bx_catalog_line_right .audio-wrapper { padding-bottom: 10px;  }

a.video-preview { position: relative; display: block; width: 238px; height: 164px; }
a.video-preview:before { position: absolute; display: block; width: 100%; height: 100%;  z-index: 2;  content: ''; background: rgba(0,0,0,.2);  transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; }
a.video-preview:hover:before { background: none; }
a.video-preview span { position: absolute;  display: block;width: 100%; height: 100%;  z-index: 1;  background-size: cover; background-position:  50% 50%; background-repeat: no-repeat; background-color: #000; }
a.video-preview:after { position: absolute; display: block; width: 100%; height: 100%;  z-index: 3; content: ''; background: url(images/play.png) no-repeat 50% 50%; }
.bxslider-pager{text-align: center;}
.bxslider-pager ul{display: inline-block;}
.bxslider-gallery ul { list-style: none; margin:0; }
.bxslider-gallery ul:after {
  content: "";
  display: table;
  clear: both;
}
.bxslider-preview { width: 244px; height: 185px; }
.bxslider-preview li { width: 244px; float: left; }
.bxslider-preview a { display: block; width: 100%;  height: 185px; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;}
.bxslider-preview .bx-wrapper .bx-next,
.bxslider-preview .bx-wrapper .bx-prev {
  transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; 
  opacity: 0;
  z-index: 999;
  margin-top:0;
}
.bxslider-preview .bx-wrapper .bx-next, .bxslider-preview .bx-wrapper .bx-next:hover {
  top:0;
  right: -5px;
  width: 30px;
  padding: 0 9px 0px 10px; 
  height: 100%;
  background: url(images/nav1.png) no-repeat -47px 50%;
}
.bxslider-preview .bx-wrapper .bx-prev, .bxslider-preview .bx-wrapper .bx-prev:hover {
  top:0;
  left: -5px;
  width: 19px;
  padding: 0 10px 0px 9px;
  height: 100%;
  background: url(images/nav1.png) no-repeat 9px 50%;
}
.bxslider-preview:hover .bx-wrapper .bx-next { right: 0px; opacity: 1; }
.bxslider-preview:hover .bx-wrapper .bx-prev { left: 0px; opacity: 1; }

.bxslider-pager { padding: 0 22px; margin-top: 14px;}
.bxslider-pager li { width: 64px; float: left; margin-right: 2px; }
.bxslider-pager .bx-wrapper .bx-next,
.bxslider-pager .bx-wrapper .bx-prev {
  transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; 
  opacity: 1;
  width: 20px;
  height: 50px;
  top:0;
  margin:0;
  z-index: 100;
}
.bxslider-pager .bx-wrapper .bx-next {
  right: -24px;
  background: url(images/nav2-right.png) no-repeat 0 0;
}
.bxslider-pager .bx-wrapper .bx-prev {
  left: -24px;
  background: url(images/nav2-left.png) no-repeat 0 0;
}
.bxslider-pager .bx-wrapper .bx-next:hover {  background-position: 0 0; opacity: .9;}
.bxslider-pager .bx-wrapper .bx-prev:hover {  background-position: 0 0; opacity: .9;}
.bxslider-pager li a { display:block; width: 100%; width: 62px; height: 48px; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%;border: 1px solid #b3b3b3;  }
.bxslider-pager li a:hover { border: 1px solid #ccc;  }
.bxslider-pager .bx-wrapper .bx-controls-direction a.disabled {
  display: block;
  opacity: .6;
  cursor: default;
}

.text-section { margin-bottom: 60px;}
.catalog-section  { margin-bottom: 60px;}

.form-title { color: #fff; font: normal 1.71em/1.2em "GothamPro", Arial; padding: 1.2em 34px 1.2em 34px; background: #1c9a65;  }

.fancybox-wrap form {  padding: 25px 34px 38px 34px; background: none; width: 420px; }
.fancybox-wrap form .form-item { margin-bottom: 2em; }
.fancybox-wrap form .form-item input.form-text {  }
.fancybox-wrap form .form-item input.time { width: 5em; display: inline-block;  }
.fancybox-wrap form .form-item-time span { display: inline-block; vertical-align: middle; line-height: 1.2em; color: #b5b5b5;}
.fancybox-wrap form h2, .fancybox-wrap form .h2 { margin-bottom: 1em; }

@media (max-width: 479px){
  .fancybox-wrap form {  padding: 25px 24px 45px 24px; background: none; width: 280px; }
  .fancybox-wrap form .form-item input.time { width: 4em;  }
  .fancybox-type-ajax-form .fancybox-close { 
  	top: 30px; 
  	right: 24px; 
  	width: 14px;
  	height: 14px;
  }
}

.fancybox-wrap #webform-form-20 { width: 420px; }
@media (max-width: 845px){
  .fancybox-wrap #webform-form-20 { width: 100%; }
}
.fancybox-wrap label { display: block; font: normal 1.4em/1.2em "Geometria", sans-serif; margin-bottom: .6em;}
.checkbox_white  { line-height: 2em; margin-bottom: .8em; cursor: pointer;white-space: nowrap;}
.checkbox_white input { display: none;  }
.checkbox_white:before { background: url(images/checkbox_white.png) no-repeat 0 0; width: 17px; height: 17px; display: inline-block; content: ''; vertical-align: middle;margin-top: -.2em; margin-right: .4em; }
.checkbox_white.active:before { background: url(images/checkbox_white.png) no-repeat 0 -17px; }

.radio_white  { line-height: 2em; margin-bottom: .8em; cursor: pointer;white-space: nowrap;}
.radio_white input { display: none;  }
.radio_white:before { background: url(images/checkbox_white.png) no-repeat 0 0; width: 17px; height: 17px; display: inline-block; content: ''; vertical-align: middle;margin-top: -.2em; margin-right: .4em; }
.radio_white.active:before { background: url(images/checkbox_white.png) no-repeat 0 -17px; }

@media (max-width: 767px){
  .radio_white, .checkbox_white { display: block; }
}

.file_load{ position: relative; margin: 0em 0 2em 0; }
.file_load label { font-size: 1em;  position: relative; cursor: pointer; line-height: 1em; float: left; background: url(images/upload-icon.png) no-repeat 0 .1em; padding-left: 30px; margin:0;}
.file_load label span { border-bottom: 1px dotted; font-size: 1em; line-height: 1.4em; color: #f2c26f; z-index: 1; display: inline; }
.file_load label:hover span { color: #efb74e;  }
.file_load input {position: absolute; top: 0; bottom: 0; right: 0; width: auto; height: auto!important; cursor: pointer; left:0; width: 100%; height: 100%; opacity: 0;  z-index: 2; cursor: pointer; }
.file_remove { background: url(images/close_white.png) no-repeat 50% 50%; width: 1em; height: 1em;  display: inline-block; margin: 0 0px 0 17px;  position: relative;  z-index: 2; vertical-align: middle; }
.file_uploaded { margin: 0em 0 0em 0; }
.uploaded-filename { margin: 0em 0 .5em 0; }
.uploaded-filename:last-child { margin: 0em 0 1.5em 0; }
.current_upload_file { display: block;  margin: 0em 0 .5em 0; }
.current_upload_file span {  white-space: nowrap; text-overflow: ellipsis; display: block;  margin: 0em 0 .5em 0; }
.current_upload_file a:hover { color: #fff; }
.form-item.file_upload_wrapper { margin: 0 !important; }
.progress { position: relative; width:100%; border-radius: 2px;  margin: 0em 0 1em 0;}
.bar { background-color: #f2c26f; width: 0%; height: 2em; border-radius: 2px; }
.percent { position: absolute; display: inline-block; top: 3px; left: 50%; width: 30px; margin-left: -15px; color: #fff; }
.youtube .fancybox-skin { background: #000; }
.fancybox-type-ajax-form .fancybox-skin { background: #20af73; color: #fff; }

button.submit, input.submit {    
  display: inline-block;
  color: #ffffff;
  text-align: center;
  background: #067bff;
  font: 400 1em/1.2em "Geometria", sans-serif;
  text-transform: uppercase;
  padding: 1em 2em;
  border:0;
  cursor: pointer;
}

button.submit:hover, input.submit:hover { background: #0061ce;  }
button.submit2, input.submit2 {    
  background: #f3c368;
  padding: 1.2em 3.4em;
  color: #464646;
  font-size: 1.14em;
  font-weight: bold;
}
input.submit2:hover { background: #EFAB2A; }

form.styled { background: none; padding: 30px 30px; background: #e8e8e8;border-radius: 0px; border: 0px solid #dddddd; box-shadow: none; margin: 0em 0;}
form .form-item { margin: 0 0 25px 0;}
.form-item a{
  color: #fff;
}
@media (max-width: 768px){form .form-item { margin: 0 0 12px 0;}}
form .close { text-decoration: none; }
.form-actions {display: block;clear:both; width:100%;}
.form-actions:after {display: block;clear:both; width:100%;height: 0;content: '';overflow: hidden;}
.form-control, .form-text, select {   width: 100%;padding: 1em 1em; border: 0; background-color: #fff; color: #494949; font: normal 1em/1em "PT Sans", Arial;  }
.form-textarea {   width: 100%;padding: 1em 1em; border: 0; background-color: #fff; color: #494949; font: normal 1em/1em "PT Sans", Arial;  }
@media (max-width: 479px){
  .form-control, .form-text, select { padding: 1em 1.2em; }
  .form-textarea { padding: 1em 1.2em;}
}

.fancybox-type-ajax-form .fancybox-close { 
  background: url('images/close_white.png') center center no-repeat; 
  top: 2.5em; 
  right: 35px; 
  width: 14px;
  height: 14px;
}
.text-center { text-align: center; }
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 0px 7px rgb(177, 54, 54);
  box-shadow: inset 0 0px 7px rgb(177, 54, 54);
  background: rgb(255, 227, 227);
}
.form-control:focus, .form-text:focus {}

images.pull-left { margin-right: 2em; margin-bottom: 1em; border-radius: .4em; display: block;}
images.pull-right { margin-left: 2em; margin-bottom: 1em; border-radius: .4em; display: block;}

.fancybox-nav span { visibility: visible; }
.box-disclaimer { width: 100%; text-align: center; color:  #2C2C2C; float: left; text-align: center; font-weight: bold; margin-bottom: 10px; margin-top: 10px;}
#footer .box-disclaimer {text-transform: uppercase; font-weight: 300; font-size: 26px; font-family: 'Oswald', sans-serif; line-height: 1;}

.front .article-teaser .bxslider-pager  { display: none; }

/*шапка*/
.adap-menu-icon{  

  cursor:  pointer; 
  height: 32px; 
  display: inline-block; 
  font-weight: 500; 
  font-size: 15px; 
  line-height: 32px; 
  transition: all 0.3s ease; color: #fff; 
  margin: 15px 0;
  width: 32px; 
  float: right;
  transition: .3s; 
  position: relative;
  display: none; 
}
.adap-menu-icon span { position: absolute; width: 32px; height: 3px;  left: 0; top: 14px;  transition: all 0.3s ease; background-color:#1C9A65  }
.adap-menu-icon span:before { content: ""; position: absolute; height: 3px; width: 32px; top: -11px;   transition: all 0.3s ease; background-color: #1C9A65  }
.adap-menu-icon span:after { content: ""; position: absolute; height: 3px; width: 32px; bottom: -11px;   transition: all 0.3s ease; background-color: #1C9A65  }
.adap-menu-icon--open { transition: .3s;  }
.adap-menu-icon--open span { background-color: transparent; }
.adap-menu-icon--open span:after { transform: rotate(-45deg); height: 4px; bottom: 1px; width: 30px; background-color: #fff }
.adap-menu-icon--open span:before { transform: rotate(45deg); height: 4px; top: -2px; width: 30px; background-color: #fff }

.adap-menu
{
  display: none;
  float: left;
  width: 100%;
}

.adap-menu-wrap
{
  float: left;

}

.adap-menu-wrap:after {
  content: "";
  display: table;
  clear: both;
}

.box.box-phone a
{
  text-decoration: none;
  color: #646463
}
.box.box-phone .email a
{
  text-decoration: underline;
}
.box.box-phone .email a:hover
{
  text-decoration: none;
}

#header .logo
{
  margin-bottom: 32px;
  margin-top: 32px;
  background-image: url(/local/templates/zdorov_adaptiv/images/logo.svg);
  background-size: contain;
  height: 37px; 
  background-position: center;
  background-repeat: no-repeat;
}

@media(max-width: 1199px)
{
  #footer .box-disclaimer {text-align: left;}
  #header
  {
    font-family: 'Geometria';
  }
  .top-info
  {
    float: none;
    clear: both;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 28px;
  }
  .adap-menu-icon
  {
    display: block;
  }
  .adap-menu-icon
  {
    float: right;
  }
  .top-info .box-search
  {
    margin-left: 0;
  }
  .top-info .box
  {
    margin: 0;
  }
  .top-info .box-callback-ico {
   position: relative;
   background-color: #1C9A65;
   border-radius: 50%;
   width: 33px;
   height: 33px;
   display: inline-block;
 }
 .top-info .box-callback
 {    
  float: right;
  text-align: right;
}

.top-info .box-callback-ico:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 11px;
  margin-top: -9px;
  width: 10px;
  height: 18px;
  background: url(images/phone-w.svg) no-repeat 0 0;
  background-size: 100% 100%;
}
.top-info .box-callback a
{
 font-size: 0;
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 width: 100%;
 height: 100%;
 border-bottom: none;
}
.box.box-phone .phone,
.top-info .email,
#header .slogan,
.nav-holder
{ 
  display: none;
}
.box.box-phone .phone:first-child
{
  display: block;
}
.box.box-phone .phone
{
  font-size: 24px;
  padding-right: 0px;
}


#header .logo
{
  height: 23px;
  margin-top: 23px;
  margin-bottom: 23px;
}

#header.header--open .logo
{
  background-image: url(/local/templates/zdorov_adaptiv/images/logo-w.svg);
}


.adap-menu-wrap
{
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  transition: background-color .3s;
}
.adap-menu ul.items
{
  width: 100% !important;
  list-style-type: none;
  margin-left: 0;
}
.adap-menu ul.items li
{
  margin: 12px 0;
}
.adap-menu ul.items li a
{
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
}

#header.header--open .adap-menu-wrap
{
  background-color: #19bd78;
  transition: background-color .3s;
}
#header .adap-menu-wrap {
  position: relative;
  z-index: 2;
}
#header.header--open .adap-menu-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  right: -105%;
  left: -105%;
  height: 100%;
  background: #19bd78;
  z-index: -1;
}
#header.header--open .top-info
{
  padding-top: 28px;
}
#header.header--open .top-info .box-search
{
  width: 100%;
  margin-bottom: 25px;
}
#header.header--open .top-info .box-search .b-search-input
{
  width: 100%;
}
#header.header--open .top-info .box-phone
{
  padding-left: 0;
  width: 100%;
  padding-right: 50px;
}
#header.header--open .box.box-phone .phone,
#header.header--open .top-info .email
{
  display: block;
  float: left;
}
#header.header--open .box.box-phone .phone {
  margin-right: 15px;
}
#header.header--open .box.box-phone .phone:nth-child(2) {
  margin-right: 0px;
}
#header.header--open .top-info .email
{
  float: left;
  margin-top: 15px;
  width: 100%;
}

/* #header.header--open .top-info .box-callback
{
  position: absolute;
  position: absolute;
  top: 100px;
  right: 20px;
  } */

}

@media(max-width: 600px)
{
  .top-info .box-search
  {
    width: 100%;
    margin-bottom: 25px;
  }
  .top-info .box-search .b-search-input
  {
    width: 100%;
  }
  .top-info .box
  {
    padding-left: 0;
  }

  .top-info .box-callback
  {
    float: left;
    text-align: left;
    width: 100%;
    margin-top: 10px;
  }
  .top-info .box-callback-ico
  {
    vertical-align: middle;
  }
  .top-info .top-callback-exp
  {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
  }

}







/*футер*/
@media(min-width:768px) and (max-width: 1199px) {
/*    #footer  .fl.box-copy,
  #footer  .fl.box-market,
  #footer  .fl.box-email,
  #footer  .fl.box-phone,
  #footer  .fl.box-callback,
  #footer  .fr.box-developer
  {
    float: none; 
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 5px 0;
  }
  .footer-bot
  {
    padding: 8px 0px;
  }
  #footer .box-market:after
  {
    display: none;
  }
  #footer .nav-holder
  {
    padding: 8px 0;
  }
  #footer .nav-holder,
  #footer .top-nav
  {
    display: block;
    height: auto;
  }

  #footer .nav-holder .top-nav ul > li
  {
    display: block;
    line-height: normal;

  }
  #footer .nav-holder  .top-nav ul > li a
  {
    padding: 15px 0;
    font-size: 14px;
    text-align: left;
  }
  .top-nav ul > li:hover > a, .top-nav ul > li.active a
  {
    background: #20af73;
  }
  #footer .box-market img
  {
    top: 4px;
  }
  #footer .box-market span
  {
    font-size: 14px;
  }
  */


  #footer .box-market span {
    display: inline-block;
    padding-left: 0;
  }

  #footer .footer-bot > .container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #footer .box-developer,
  #footer .box-copy {
    width: 100%;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #footer .box-market:after
  {
    display: none;
  }
  #footer .box-phone:after
  {
    display: none;
  }
  #footer  .fl.box-market,
  #footer  .fl.box-email,
  #footer  .fl.box-phone,
  #footer  .fl.box-callback {
    width: 25%;
    margin: 0;
    padding: 0;
    text-align: center;
  }

  #footer .box-developer {
    order: 5;
  }

  #footer .box-copy {
    order: 4;
  }

  #footer .box-disclaimer {
    order: 6;
    text-align: center;
  }

  #footer .footer-bot {
    padding-top: 20px;
  }

  #footer .nav-holder {
    display: block;
  }

  #footer .box-callback:before {
    position: static;
    display: inline-block;
    margin-top: -2px;
    margin-right: 10px;
    vertical-align: middle;
  }

  #footer .box-market:before {
    position: static;
    display: inline-block;
    margin-top: -2px;
    margin-right: 10px;
    vertical-align: middle;
  }

}

@media(max-width: 1199px)
{
/*  #footer .box-market span {
    display: inline-block;
    padding-left: 0;
  }

  #footer .footer-bot > .container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #footer .box-developer,
  #footer .box-copy {
    width: 100%;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #footer .box-market:after
  {
    display: none;
  }
  #footer .box-phone:after
  {
    display: none;
  }
  #footer  .fl.box-market,
  #footer  .fl.box-email,
  #footer  .fl.box-phone,
  #footer  .fl.box-callback {
    width: 25%;
    margin: 0;
    padding: 0;
    text-align: center;
  }

  #footer .box-developer {
    order: 5;
  }

  #footer .box-copy {
    order: 4;
  }

  #footer .box-disclaimer {
    order: 6;
    text-align: center;
  }

  #footer .footer-bot {
    padding-top: 20px;
  }

  #footer .nav-holder {
    display: block;
  }

  #footer .box-callback:before {
    position: static;
    display: inline-block;
    margin-top: -2px;
    margin-right: 10px;
    vertical-align: middle;
  }

  #footer .box-market:before {
    position: static;
    display: inline-block;
    margin-top: -2px;
    margin-right: 10px;
    vertical-align: middle;
    }*/
  }

  @media(max-width:767px) {
    #footer  .fl.box-copy,
    #footer  .fl.box-market,
    #footer  .fl.box-email,
    #footer  .fl.box-phone,
    #footer  .fl.box-callback,
    #footer  .fr.box-developer
    {
      float: none; 
      width: 100%;
      padding-top: 5px;
      padding-bottom: 5px;
      margin: 5px 0;
    }
    .footer-bot
    {
      padding: 8px 0px;
    }
    #footer .box-market:after
    {
      display: none;
    }
    #footer .nav-holder
    {
      padding: 8px 0;
    }
    #footer .nav-holder,
    #footer .top-nav
    {
      display: block;
      height: auto;
    }

    #footer .nav-holder .top-nav ul > li
    {
      display: block;
      line-height: normal;

    }
    #footer .nav-holder  .top-nav ul > li a
    {
      padding: 15px 0;
      font-size: 14px;
      text-align: left;
    }
    .top-nav ul > li:hover > a, .top-nav ul > li.active a
    {
      background: #20af73;
    }
    #footer .box-market img
    {
      top: 4px;
    }
    #footer .box-market span
    {
      font-size: 14px;
    }
  }


  /*index*/

  .float-left
  {
    float: left;
  }

  .float-right
  {
    float: right;
  }
  /*index end*/

  .bx_catalog_line_description img {
    max-width: 100%;
    height: auto;
  }

  .bx_catalog_line_description table img {
    max-width: none;
  }

  .table_responsive_outer {
    min-width: 100%;
    overflow: auto;
  }

  @media(max-width: 991px)
  {
    /*#footer .box-disclaimer {color: #fff;}*/
    .bx_catalog_line .bx_catalog_line_img,
    .bx_catalog_line .bx_catalog_line_description
    {
      width: 100%;
      float: none;
      display: block;
    }
    .bx_catalog_line .bx_catalog_line_img
    {
      margin-bottom: 30px;
    }
    .bxslider-preview
    {
      width: 100%;
    }
    .bx_catalog_line_title,
    .bx_catalog_line_audio,
    .bx_catalog_line_head,
    .bx_catalog_line_description,
    .bx_catalog_line_right,
    .bx_catalog_line_img
    {
      width: 100%;
      display: block;
      margin-bottom: 20px;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0;
    }
    .bx_catalog_line_audio,
    .bx_catalog_line_head
    {
      padding-left: 0;
      padding-right: 0;
      text-align: left;
    }
    .bx_catalog_line_more
    {
      text-align: right;
    }
    .bx_catalog_line_right
    {
      width: 100%;
    }

    .bx_catalog_line_data
    {
      margin-bottom: 25px;
    }
    a.video-preview
    {
      margin: 0 auto;
    }


    .float-left,
    .float-right
    {
      float: none;
    }
  }

  @media (max-width: 767px) {
    .form-title {
      font: normal 1.61em/1.2em "GothamPro", Arial;
    }
    .article-teaser .bx_catalog_line_data {
      display: block;
    }
  }

  .abc-wrap {
   position: fixed;
   width: 200px;
   bottom: 20px;
   left: 20px;
   z-index: 1000;
 }

 .apple-business-chat-banner-container iframe {
   height: 70px !important;
 }


 /**/
 .top-info__item:not(:last-child) {
  margin-bottom: 10px;
  color: #646463;
}
.top-info__item a
{
  color: #646463;
  text-decoration: none;
  font: bold 16px/1.2em "Geometria", "PT Sans", Arial;
}
.top-info__item.top-info__item--mail a
{
  color: #20af73;
  font: 14px/1.6em 'PT Sans', Arial, Helvetica, sans-serif;
  text-decoration: underline;
}
.top-info__item.top-info__item--mail b,
.top-info__item--skype a
{
  font: 14px/1.6em 'PT Sans', Arial, Helvetica, sans-serif;
}
.top-info__item--skype a
{
  font-size: 18px;
}

.in-callback {
  position: relative;
  padding: 0 0 0 18px;
}
.in-callback a {
  padding: 0 0 1px;
  border-bottom: 1px dotted;
  text-decoration: none;
  color: #646463;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: .02em;
}
.in-callback a:hover
{
  border-color: transparent;
}
.in-callback-ico:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -8px;
  width: 10px;
  height: 18px;
  background: url(/local/templates/zdorov_adaptiv/images/phone.svg) no-repeat 0 0;
  background-size: 100% 100%;
}
.top-info__item.top-info__item--address
{
  margin-bottom: 0;
  position: relative;
}
.in-location:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  background: url(/local/templates/zdorov_adaptiv/images/maps-and-flags.svg) no-repeat center;
  background-size: contain;
}
.top-info .in-location {
  position: relative;
}
#header .slogan
{
  float: none;
  margin-top: 0;
}
#header .logo
{
  margin-bottom: 0;
}
.top-info .box
{
  margin-bottom: 24px;
}
.box-search .btn-more
{
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 185px;
  display: block;
} 
.box-callback
{
  display: none;
}
.top-info .box-search .b-search-submit
{
  margin-left: 0;
  right: 11px;
  top: 12px;
  position: absolute;
}
.top-info .box.box-info--2 .top-info__item--skype
{
  display: none;
}
@media (max-width: 1199px)
{
  #header {
    font: 14px/1.6em 'PT Sans', Arial, Helvetica, sans-serif;
  }
  .box-callback
  {
    display: block;
    font: bold 16px/1.2em "Geometria", "PT Sans", Arial;
  }
  .top-info .box-search
  {
    margin-right: 15px;
  }
  .top-info .box.box-info--2
  {
    padding-left: 30px;
  }
  .box-info--2
  {
    display: none;
  }
  .header--open .box-info--2
  {
    display: block;
  }
  .top-info__item--skype
  {
    display: none;
  }
  .top-info .box.box-info--2 .top-info__item--skype
  {
    display: block;
  }
  .in-callback-wrap
  {
    text-align: left;
  }
  .top-info .box
  {
    margin-bottom: 10px;
    margin-right: 25px;
    margin-top: 0;
    padding-left: 0;
  }
  .top-info .box.box-callback
  {
    margin-right: 0;
  }
  .top-info
  {
    padding-bottom: 10px;
  }
  .top-info .box-search .b-search-input {
    width: 100%;
  }
  .top-info .box
  {
    float: none;
  }
  .top-info .box.box-search
  {
    margin-right: 0;
  }
}

@media(max-width: 991px)
{
  .top-info__item
  {
    margin-bottom: 15px;
  }
  .top-info__item.top-info__item--address
  {
    margin-bottom: 0;
  }
}

.about-items-detail-text {
  margin-bottom: 25%;
}

.cookie-panel p,
.cookie-panel p a
{
  color: #fff;
  text-align: left;
}
.cookie-panel p a{
  margin-left: 6px;
}
.cookie-panel__btn
{
  display: inline-block;
  vertical-align: top;
  border: 0;
  cursor: pointer;
  border-bottom: 3px solid #339169;
  border-bottom-color: #e68900;
  color: #fff;
  padding: 10px 18px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  min-width: 180px;
  text-align: center;
  box-sizing: border-box;
  transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  height: auto;
  line-height: 1;
  -webkit-transition: all 0.15s ease-in-out;
}