/*-- Препараты --*/
@import url('http://web.archive.org/web/20190527075540cs_/https://fonts.googleapis.com/css?family=Open+Sans&subset=cyrillic,cyrillic-ext,latin-ext');

.alphabet-search { width: 100%; }
ul.alphabet-search-list { list-style: none; margin: 0; padding: 0; text-align: justify; display: block; }
ul.alphabet-search-list::after { content: ''; display: inline; width: 100%; height: 0; }
ul.alphabet-search-list > li { display: inline-block; width: 20px; }
ul.alphabet-search-list > li > a { display: inline-block; font-size: 14px; text-transform: uppercase; color: #000; }

.pst-block-main .med { color: #393838; }
.breadcrumbs-block-med { padding: 30px 0px 10px 0px; }
.page-title { padding: 20px 0!important; }
.pst-box-head .title-blc-1 { margin: 22px -20px!important; }

/*-- База данных препоратов_каталог_Zykk16_17.06.17 --*/

/********************Страница каталога медикамента*********************/

.bd .filter { position: relative; width: 100%; height: auto; }
.filter-search .src-form { margin: auto 10px; }
.tabs-item.active a { color: #474747; -webkit-color: #474747; -moz-color: #474747; }
.tabs-item { font: 400 13px/25px "OpenSans-Semibold"; }
.filter-search .src-form .search-btn{ }
.filter-search input.search-field { height: 50px; width: 80%; padding-left: 15px; border: 1px solid #fd3a13; background-color: #fdf5f3; font-size: 15pt; outline: none; border-radius: 0; }
.filter-search button#searchsubmit { width: 20%; height: 50px; background-color: #fd3a13; border: none; cursor: pointer; }
.filter-search i.li_search { color: #fff; font-size: 19px; }

/*-- Алфавит --*/
.alphabet-search ul li { position: relative; margin: 15px 4px 0px 1px; }
ul.alphabet-search-list { margin-left: 20px; }
ul.alphabet-search-list > li > a:hover { color: #fd3a13; transition: 0.5s; }
ul.alphabet-search-list > li > a:not(:hover) { transition: 0.5s; }
.bd-block-letter { position: relative; margin-bottom: 15px; }
span.letter { font: 600 17pt/31px "OpenSans-Semibold"; background-color: #666666; padding: 5px 15px 5px 15px; color: #fff; float: left; }
.section-properties { margin-left: 60px; font: 400 17px/38px "OpenSans-Semibold"; }

@media screen and (max-width: 1229px) {
	.alphabet-search ul li { margin: 15px 0px 0px 1px; }
}

@media screen and (max-width: 1184px) {
	ul.alphabet-search-list { margin-left: 40px; }
}

/*-- Таблица препаратов --*/
.tables-bd { color: #6f6f6f; width: 100%; text-align: left; margin-bottom: 30px; counter-reset: schetchik; }
th.name-table-bd { width: 65%; min-width: 260px; }
th.owner-table-bd { width: 35%; min-width: 190px; }
.tables-bd th { background-color: #f5f5f5; border: 1px solid #f5f5f5; font: 500 11px/25px "OpenSans-Semibold"; padding: 10px;  }
.tables-bd td { border: 1px solid #f5f5f5; border-left: none; border-right: none; background-color: #fff; font: 12px/19px "OpenSans"; padding: 10px; }
.tables-bd thead { text-transform: uppercase; }
a.color-name { color: #fd3a13; font: 17px/22px 'OpenSans'; }
span.color-name { color: #fd3a13; font: 12px/22px 'OpenSans-Regular', sans-serif; }
span.color-name-black { color: #000000; font: bold 12px/22px 'OpenSans-Semibold'; }
span.color-name-black i { color: #6f6f6f; font: bold 13px/22px 'OpenSans-Semibold'; }
span.color-name-manufacturer { color: #fd3a13; text-transform: capitalize; font: 13px/22px; font-family: 'Open Sans', sans-serif; }

@media screen and (max-width: 1229px) {
	th.name-table-bd { width: 33.333333%; min-width: 210px; }
}

@media screen and (max-width: 695px) {
	th.name-table-bd, th.form-table-bd, th.owner-table-bd{ width: auto; min-width: auto; }
}

@media screen and (max-width: 560px) {
	thead.tables-bd-head, .bd-body-owner{ display: none; }
	table.tables-bd{ display: grid; }
	td.bd-body-name { width: 100%; float: left; }
	td.bd-body-form { float: left; width: 100%; }
	td.bd-body-name, td.bd-body-form{ padding-left: 60px; }
	.tables-bd td{ border: none; }
	tr.tables-bd-body-row { border-top: 1px solid #f5f5f5; }
	.filter-search input.search-field{ font-size: 13pt; }
	ul.alphabet-search-list { margin-left: 20px; }
	td.bd-body-name, td.bd-body-form { padding-left: 0px; }
	.filter-search i.li_search { font-size: 15px; }
}
/********************Конец страницы каталога медикамента*********************/


/**********************Страница медикамента********************/

section.info-med { position: relative; width: 100%; height: 365px; }
.image-cart { position: relative; width: 50%; height: auto; float: left; }
.image-cart img{ width: 335px; height: inherit; }
#icon1 { display: none; }
.content-cart { position: relative; float: right; width: 50%; height: auto; }
.price-cart { background-color: #f5f5f5; width: 100%; height: 80px; }
.price-text { position: relative; float: left; margin: 15px; padding-left: 5px; } 
span.color-price { font: 400 12px/20px 'OpenSans-Semibold', sans-serif; color: gray; }
.price-cart .price-cost{ font: bold 15pt/20px 'OpenSans-Semibold'; }
button.button-cart { cursor: pointer; position: relative; float: right; width: 160px; height: 40px; border-radius: 3px; border: none; margin: 20px; background-color: #49bb7b; font: 13pt/13pt 'OpenSans'; color: #fff; line-height: 1; } 
.title-name, .desc-cart { margin-top: 20px; width: 300px; }
.title-name { font: bold 15px/25px 'OpenSans', sans-serif; }
.desc-cart { font: 500 14px/25px 'OpenSans', sans-serif; }
.icon-cart { width: 100%; position: relative; float: left; margin-top: 5px; }
ul.iconul li { display: inline; }

/*Содержание*/

section.content-med { width: 100%; height: 320px; background-color: #f0f5fa; margin-top: 25px; } 
.title-content-med, .title-manual-med, .title-analogs-med { margin-left: 45px; padding-top: 10px; }
.content-med ol { list-style-position: inside; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; height: auto; position: relative; display: block; margin-left: 50px; }
li.content-sp { list-style-type: none; }
li.content-sp a { color: #393838; font: 15px/36px 'OpenSans', sans-serif; text-decoration: none; border-bottom: 1px dashed #393838; }
li.content-sp a:hover, .manual-med a:hover{ border-bottom: none; }

/*Инструкция по применению*/
section.manual-med, section.analogs-med, section.diagnoses-med { width: 100%; height: auto; background-color: #f5f5f5; margin-top: 25px; max-height: 220px; }
.manual-med a { color: #393838; font: 15px/36px 'OpenSans', sans-serif; text-decoration: none; border-bottom: 1px dashed #393838; margin-left: 45px; }
.title-manual-med, .title-analogs-med { width: 80%; float: left; }
span.img-spis { float: right; width: 5%; position: relative; right: 25px; top: 25px; }
.manual-med-text { position: relative; display: block; padding-bottom: 10px; }
.manual-med-text p { margin-left: 45px; margin-bottom: 0px; height: auto; max-height: 80px; overflow: hidden; width: 80%; }
.manual-med-text-a p { max-height: 100%; }
.manual-med-text-b { max-height: 100%!important; }

/*Показания к применению*/
.indications-med ul { list-style: outside; padding-left: 25px; }
.indications-med ul li { font: 15px/30px 'OpenSans', sans-serif; }
.indications-med-title, .composition-med-title, .production-med-title, .title-sideeffects-med { padding-top: 20px; }
/*Состав*/
.composition-med table { margin-top: 20px; font-family: 'Open Sans', sans-serif; font-size: 15px; }
.composition-med table tr { height: 50px; line-height: 3 }
.composition-med tr:nth-child(2n+1) { background-color: #fff; }
.composition-med tr:nth-child(2n) { background-color: #f5f5f5; }
.composition-med td { width: 85%; padding-left: 25px; }
/*Форма выпуска и упаковка*/
.production-med-text p { margin-top: 25px; margin-bottom: 0; font: 15px/30px 'OpenSans', sans-serif; color: #393838; padding-left: 25px; }
.production-med-text b { font-weight: bold; }
/*Аналог*/
ol.analogs-med-body { list-style-position: inside; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; height: auto; position: relative; display: block; margin-left: 50px; float: left; margin: 0 auto; width: 100%; padding-left: 45px;   }
li.analogs-sp a { color: #393838; font: 15px/36px 'OpenSans', sans-serif; border-bottom: 1px solid #393838; }
li.analogs-sp a:hover { border-bottom: none; }
li.analogs-sp { list-style-type: disc; }
/*Побочные действия*/
.sideeffects-med ul li, .application-med ul li { font: 15px/30px 'OpenSans', sans-serif; padding-bottom: 10px; }
/*Дозировка*/
.dosage-med p, .overdose-med p, .sideeffects-med p { color: #393838; font: 15px/25px 'OpenSans', sans-serif; padding-left: 25px; }
/*Если p пуст!*/
.overdose-med p:empty, .sideeffects-med p:empty, .indications-med p:empty { display: none; }
/*Применение*/
.application-med ul, .sideeffects-med ul { list-style-type: disc; list-style: outside; padding-left: 25px; }

/***********Медиа запросы страницы медикамента*************/

@media screen and (max-width: 1229px) {
	button.button-cart { width: 35% }
	.image-cart { width: 45%; }
	.image-cart img { width: 100%; }
	section.info-med { height: 335px; }
}

@media screen and (max-width: 1077px) {
	.manual-med-text p { width: 85%; }
}

@media screen and (max-width: 680px) {
	.image-cart { width: 100%; text-align: center; }
	.image-cart img { width: 400px; }
	.content-cart { width: 100%; }
	.title-name, .desc-cart { width: auto; }
	section.info-med { height: 615px; margin-bottom: 50px; }
	section.content-med { height: 500px; margin-top: auto; }
	#icon2 { display: none; }
	#icon1 { display: block; }
	.content-med ol { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
	section.manual-med { margin-bottom: auto; height: auto; }
	.composition-med td { width: 80%; }
}

@media screen and (max-width: 500px) {
	.image-cart img { width: 250px; }
	section.info-med { height: 515px; }
	.title-content-med h1, .title-manual-med h1, .indications-med-title h1, .composition-med-title h1, .production-med-title h1, .title-analogs-med h1, .title-sideeffects-med h1, .title-dosage-med h1, .title-application-med h1, .title-overdose-med h1 { font-size: 21px; }
	.content-med ol { margin-left: 50px; padding-top: 30px; }
	.title-content-med { height: 40px; }
	.composition-med td { width: 70%; }
	ol.analogs-med-body { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; padding-bottom: 30px; }
}

@media screen and (max-width:  430px) {
	.manual-med-text p { padding-right: 25px; }
}

@media screen and (max-width: 375px) {
	.price-cart { height: 70px; }
	.price-text { margin: 10px; }
	button.button-cart { margin: 15px; font: 11pt/10pt 'OpenSans'; }
	.price-cart .price-cost { font:bold 13pt/17px 'OpenSans-Semibold'; }
	section.info-med { height: 555px; }
	.title-content-med, .title-manual-med{ margin-left: 25px; padding-top: 10px; }
	.content-med ol { margin-left: 25px; padding-top: 25px; }
	.title-analogs-med { width: 60%; }
	.manual-med-text p { margin-left: 25px; }
}

@media screen and (max-width: 320px) {
	.composition-med td { width: 60%; }
	.dosage-med p, .overdose-med p, .sideeffects-med p, .production-med-text p { padding-left: 0px; }
	.application-med ul, .sideeffects-med ul { padding-left: 20px; }
}

/*-- SpitefulPenguin 17-07-2017 Обновлённая вёрстка для страницы медикамента --*/
.breadcrumbs-block-med .breadcrumbs { display: block !important; }
.medbase-item {}
.item-image { display: inline-block; width: 46%; text-align: left; vertical-align: top; }
.item-image a { display: inline-block; border: 1px solid #eee; width: 96%; margin: auto; }
.item-image img { width: 100%; height: auto; }
.item-controls { display: inline-block; width: 52.5%; vertical-align: top; }
.cart-block { background: #f5f5f5; padding: 10px 0; }
.price-block { display: inline-block; width: 38.6%; text-align: left; padding-left: 15px; vertical-align: top; font-size: 17px; }
.price-header { width: 100%; display: block; color: #acacac; font-size: 14px; }
.cart-wrapper { display: inline-block; width: 58.5%; text-align: center; vertical-align: middle; }
.add-to-cart { border: none; color: #fff; background-color: #49bb7b; width: 85%; margin: auto; padding: 12px 0; font-size: 18px; border-radius: 3px; }
.add-to-cart:hover, .add-to-cart:focus { cursor: pointer; background-color: #3b9763; }
.item-info {}
.item-info p.info-header { color: #333; margin: 15px 0 5px; font-weight: bold; }
.item-info p.info-body { color: #606060; }
.table-contents { background-color: #f0f5fa; margin: 15px 0; padding: 15px; }
.table-contents ul { display: inline-block; width: 49%; text-align: left; vertical-align: top; }
.table-contents ul > li { margin: 5px 0; }
.table-contents ul > li > a, .table-contents ul > li > a:visited { text-decoration: none; border-bottom: 1px dashed #606060; font: 15px/25px "OpenSans"; color: #606060; }
.table-contents ul > li > a:hover, .table-contents ul > li > a:focus, .table-contents ul > li > a:active { text-decoration: none; color: #606060; border: none; }
.usage-manual { background-color: #f5f5f5; margin: 15px 0; padding: 15px; }
.usage-manual h2 { display: inline-block; width: 85%; }
.usage-manual h3 { width: 100%; }
.usage-title-icon { display: inline-block; width: 14%; text-align: right; }
.usage-manual .section-content.closed { max-height: 140px; overflow: hidden; }
.usage-manual a.perl { font: 15px/25px "OpenSans"; color: #606060; margin-top: 15px; text-decoration: none; border-bottom: 1px dashed #606060; display: inline-block; }
.section-title .contents { color: #000; font-size: 20px; font-weight: 600; padding: 13px 0; line-height: 1; }
.section-content { color: #606060; }
.section-content b { font-weight: bold; }
.section-content i { font-style: italic; }
.section-content p { margin: 7px 0; color: #606060; font: 15px/25px "OpenSans"; }
.section-content p:empty { display: none; }
.section-content ul { list-style: outside; padding-left: 25px; }
.section-content ul > li { color: #606060; font: 15px/25px "OpenSans"; }
.medbase-item  .section-infoblock {}
.medbase-item  .section-infoblock .section-title {}
#contain table { margin-top: 20px; font-family: 'Open Sans', sans-serif; font-size: 15px; border-collapse: collapse; }
#contain table tr { height: 50px; line-height: 3; border: 1px solid #f5f5f5; }
#contain tr:nth-child(2n+1) { background-color: #fff; }
#contain tr:nth-child(2n) { background-color: #f5f5f5; }
#contain td:first-child { width: 79%; padding-left: 25px; }
#contain td { width: 10%; }

@media screen and (max-width: 500px) {
    .item-image { width: 100%; text-align: center; }
    .item-controls { width: 100%; margin-top: 10px; }
    .table-contents ul { width: 100%; }
    #contain td:first-child { width: 59%; padding-left: 15px; }
    #contain td { width: 20%; }
}
/*
     FILE ARCHIVED ON 07:55:40 May 27, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:09:41 May 19, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 81.759
  exclusion.robots: 0.141
  exclusion.robots.policy: 0.131
  RedisCDXSource: 0.828
  esindex: 0.011
  LoadShardBlock: 49.483 (3)
  PetaboxLoader3.datanode: 65.958 (5)
  CDXLines.iter: 23.654 (3)
  load_resource: 1530.725 (2)
  PetaboxLoader3.resolve: 1457.478 (2)
*/