/*
 * Библиотечные стили, которые были на старом сайте (шаблон Битрикса)
 * и потерялись при переносе темы: SlickNav (мобильное меню),
 * bxSlider (слайдеры отзывов, новостей, офиса) и вкладки.
 * Подключается ДО app.css, чтобы правила темы их переопределяли.
 */

/* ---------- SlickNav ---------- */
.slicknav_btn, .slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_menu, .slicknav_menu * { box-sizing: border-box; }
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em; line-height: 1.125em; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; }
.slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; color: #fff; font-weight: 700; text-shadow: 0 1px 3px #000; }
.slicknav_menu .slicknav_icon { float: left; width: 1.125em; height: 0.875em; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_icon:before { background: 0 0; width: 1.125em; height: 0.875em; display: block; content: ""; position: absolute; }
.slicknav_menu .slicknav_no-text { margin: 0; }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; border-radius: 1px; box-shadow: 0 1px 0 rgba(0,0,0,.25); }
.slicknav_menu:after, .slicknav_menu:before { content: " "; display: table; }
.slicknav_menu:after { clear: both; }
.slicknav_nav li, .slicknav_nav ul { display: block; }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item a { display: inline; }
.slicknav_nav .slicknav_row, .slicknav_nav a { display: block; }
.slicknav_nav .slicknav_parent-link a { display: inline; }
.slicknav_menu { font-size: 16px; background: #4c4c4c; padding: 5px; }
.slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; padding: 0; }
.slicknav_menu .slicknav_icon-bar { background-color: #fff; }
.slicknav_btn { margin: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(255,255,255,.75); border-radius: 4px; background-color: #222; }
.slicknav_nav { clear: both; color: #fff; margin: 0; font-size: 0.875em; }
.slicknav_nav ul { margin: 0 0 0 20px; }
.slicknav_nav .slicknav_row, .slicknav_nav a { padding: 5px 10px; margin: 2px 5px; }
.slicknav_nav .slicknav_row:hover { border-radius: 6px; background: #ccc; color: #fff; }
.slicknav_nav a { text-decoration: none; color: #fff; }
.slicknav_nav a:hover { border-radius: 6px; background: #ccc; color: #222; }
.slicknav_nav .slicknav_txtnode { margin-left: 15px; }
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; }
.slicknav_brand { float: left; color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; }

/* ---------- bxSlider ---------- */
.bx-wrapper { position: relative; padding: 0; touch-action: pan-y; }
.bxslider { margin: 0; padding: 0; }
ul.bxslider { list-style: none; }
.bx-viewport { transform: translateZ(0); }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
.bx-wrapper .bx-loading { min-height: 50px; background: url("../images/bx_loader.gif") center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; }
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; }
.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; }
.bx-wrapper .bx-prev { right: 21px; background: url("../images/slider/prev.png") left center no-repeat; }
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: right center; }
.bx-wrapper .bx-next { right: 0; background: url("../images/slider/next.png") left center no-repeat; }
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: right center; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: -50px; outline: none; display: inline-block; width: 11px; height: 18px; text-indent: -9999px; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: rgba(80,80,80,.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

/* ---------- Вкладки ---------- */
.tabs_block { width: 100%; max-width: 600px; min-width: 300px; margin: 0 auto; }
.tabs_block:after { content: ""; display: block; clear: both; }
.tabs { margin: 0; padding: 0; list-style: none; float: left; }
.tabs li { text-align: center; float: left; padding: 8px 15px; background: #48c3d6; cursor: pointer; color: #fff; transition: .2s linear; }
.tabs li.active { background: #fff; color: #4f5559; }
.box { background: #fff; width: 96%; padding: 5px 2% 6px; display: none; text-align: left; float: left; }
.visible, .open_tab { display: block; }
.pl-left { float: left; margin: 5px 15px 5px 0; }
.pl-right { float: right; margin: 5px 0 5px 15px; }
@media (max-width: 300px) { .tabs, .tabs li { float: none; } }