@charset 'utf-8';
@import url('bootstrap/bootstrap.min.css');	/*bootstrap*/
@import url('fonts/ifont/css/ifont.css');	/*fontello*/

/*Стили шаблона*/
body {font-family:Arial,sans-serif;font-size:0.8rem}
.wrap {position:relative}

/*--- bootstrap-custom ---*/
.container {position:relative;max-width:1000px;padding-right:20px;padding-left:20px;background:#fff;box-shadow:0px 0px 10px #e8e8e8}
@media (max-width:480px) {
	.container {padding-right:10px;padding-left:10px}
}

/*btn-primary-custom*/
.btn-primary {color:#fff;background-color:#FF9800;border-color:#FF9800}
.btn-primary:hover {color:#fff;background-color:#FF5722;border-color:#FF5722}
.btn-primary:focus,.btn-primary.focus {box-shadow:0 0 0 0.2rem rgba(255,152,0,.4)}
.btn-primary.disabled,.btn-primary:disabled {color:#fff;background-color:#FF9800;border-color:#FF9800}
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show > .btn-primary.dropdown-toggle {color:#fff;background-color:#FF5722;border-color:#FF5722}
.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-primary.dropdown-toggle:focus {box-shadow:0 0 0 0.2rem rgba(255,152,0,.4)}

.form-control:focus, .custom-select:focus {border-color:#FF9800;box-shadow:none}

img {max-width:100%;height:auto!important}
.btn {cursor:pointer;text-decoration:none}
a {color:#0077bb;text-decoration:underline}
a:hover {color:#0077bb;text-decoration:none}

/*header*/
header .top-str {display:flex;flex-wrap:wrap;justify-content:space-between;padding:.5rem 0;color:#707070}
header .top-str a{color:#707070}
header .user_head_img > a{position:relative;display:flex;align-items:center;height:200px;padding-left:1.3rem;padding-right:1.3rem;margin-bottom:2rem;text-decoration:none;border-radius:.5rem}
header .user_head_img > a.logo_0,header .user_head_img > a.logo_3,header .user_head_img > a.logo_6 {justify-content:flex-start}
header .user_head_img > a.logo_1,header .user_head_img > a.logo_4,header .user_head_img > a.logo_7 {justify-content:flex-end}
header .user_head_img > a.logo_2,header .user_head_img > a.logo_5,header .user_head_img > a.logo_8 {justify-content:center}
header .user_head_img > a.logo_3 .l,header .user_head_img > a.logo_4 .l,header .user_head_img > a.logo_5 .l,header .user_head_img > a.logo_6 .t,
header .user_head_img > a.logo_7 .t,header .user_head_img > a.logo_8 .t,header .user_head_img > a.logo_9 .logo {display:none}
header .user_head_img > a .logo {display:flex;align-items:center;color:#212529;background:rgba(255,255,255,.65);border-radius:.5rem}
header .user_head_img > a .logo>.l {padding:1rem}
header .user_head_img > a .logo>.t {font-size:1.75rem;padding:1rem}
header .user_head {display:flex;align-items:center;margin-bottom:2rem}
header .user_head .logo{flex-basis:220px}
header .user_head .logo .default_logo {margin-left:-16px}
header .user_head .logo img{max-width:95%}
header .user_head .titlebar {flex-grow:1;font-size:1.5rem;padding:1rem;line-height:1.7rem;background:#ffa500 linear-gradient(to bottom, #ffa200 0%,#ffbe49 100%);color:white;border-radius:.5rem}
header .user_head_mobile{display:none;position:fixed;left:0;top:0;width:100%;height:42px;align-items:center;justify-content:center;background-color:#fff;border-bottom:1px solid #e8e8e1;z-index:990}
header .user_head_mobile .logo img{max-height:32px}
header .user_head_mobile .mobile-menu {position:absolute;left:15px;top:11px;width:26px;height:16px;cursor:pointer;user-select:none}
header .user_head_mobile .mobile-menu span {position:absolute;top:50%;width:100%;height:2px;background:#333;transition:.5s}
header .user_head_mobile .mobile-menu span.top {transform:translateY(-8px)}
header .user_head_mobile .mobile-menu span.bottom {transform:translateY(8px)}
header .user_head_mobile .mobile-menu.active span.top {transform:rotate(45deg)}
header .user_head_mobile .mobile-menu.active span.middle {opacity:0}
header .user_head_mobile .mobile-menu.active span.bottom {transform:rotate(-45deg)}
@media (max-width:991px) {
	header {height:60px}
	header .user_head_img {display:none}
	header .user_head {display:none}
	header .user_head_mobile {display:flex}
	header .top-str {display:none}
}
@media (max-width:700px) {
	header .top-str > div:last-child {display:none}
}

/*footer*/
footer {position:relative;padding-bottom:1rem}
footer .yandex-informer{position:absolute;bottom:17px;right:0}
@media (max-width:991px) {
	footer .yandex-informer{position:relative;bottom:inherit;right:inherit;text-align:center;margin-top:1rem}
}

/*Content wrap*/
.main-wrap {display:flex}
.main-wrap aside {flex-basis:240px;flex-grow:0}
.main-wrap main {margin-left:1.2rem;flex-grow:1;flex-basis:0}
.main-wrap main img{max-width:100%}
.main-wrap.menu_2 aside {order:2}
.main-wrap.menu_2 main {order:1;margin-left:inherit;margin-right:.65rem}
@media (max-width:991px) {
	.main-wrap {flex-direction:column}
	.main-wrap aside {flex-basis:auto;order:2!important}
	.main-wrap main {order:1!important;margin-left:0}
	.main-wrap aside .aside_contact{text-align:center;background-color:transparent!important}
	
}

/*User menu*/
aside .menu-wrap #user_menu {margin-bottom:1rem}
aside .menu-wrap #user_menu ul {list-style:none;margin:0;padding:0}
aside .menu-wrap #user_menu ul li a{display:block;font-size:1.1rem;margin-bottom:.25rem; padding:.4rem .6rem;text-decoration:none;color:inherit;background:#DFE6F5 linear-gradient(to bottom, rgb(240, 244, 250) 0%,rgb(210, 222, 240) 100%);border-radius:.5rem}
aside .menu-wrap #user_menu ul > li > ul > li > a{font-size:.8rem;padding:.25rem;padding-left:.7rem;margin:.15rem 0 .15rem .8rem;border-bottom:1px dotted silver;background:#fff;border-radius:0}
aside .menu-wrap #user_menu ul > li > ul > li:last-child > a {border-bottom:none}
aside .menu-wrap #user_menu .selected {background:#F0F4FA}
aside .menu-wrap #user_menu .sub_selected {background:url('../img/bullet.gif') 0px center no-repeat}
aside .menu-wrap #user_menu a:hover .l, #user_menu a:hover .sub {text-decoration:underline}
aside .menu-wrap #user_menu a .count {font-size:.65rem;color:#949494}
@media (max-width:991px) {
	aside .menu-wrap #user_menu {position:fixed;top:42px;left:0;right:0;bottom:0;width:80%;margin-bottom:0;padding:1rem;z-index:999;background:#fff;overflow-y:auto;transform:translateX(-100%);transition:all 0.3s cubic-bezier(0.45,0.05,0.55,.95)}
	aside .menu-wrap.show-mobile  {position:fixed;top:42px;left:0;right:0;bottom:0;z-index:998;background-color:rgba(0,0,0,.6)}
	aside .menu-wrap.show-mobile #user_menu {transform:translateX(0)}
}


.aside_contact {margin-bottom:1rem}
.breadcrumb {display:block;font-size:.7rem;padding:0;background-color:#fff}
.breadcrumb .icon_home{display:inline-block;width:14px;height:16px;line-height:16px;vertical-align:text-top;background:url('../img/icon_home.png') 0px 1px no-repeat !important}

.loader {display:inline-block;width:43px;height:11px;background:url('../img/loader.gif') no-repeat}

/*Utils*/
.hidden {display:none}
.strong {font-weight:bold}
.nowrap {white-space:nowrap}
.clear {clear:both}
.float_right {float:right}
.float_left {float:left}
.text_left {text-align:left}
.text_right {text-align:right}
.text_center {text-align:center}
.middle {vertical-align:middle}
.line_height_2 {line-height:2em}

.box {margin:0px auto;background:#fff;padding:1.2rem;border-radius:.5rem}
.box.box_shadow {border:1px solid #e8e8e8;box-shadow:0px 0px 10px #e8e8e8}
.box.box_padding05 {padding:.9rem}
.box.box_padding1 {padding:.5rem}

/* Цвета шрифтов и ссылок*/
.fcolor2,.fcolor2 a {color:#ff8b19} /*оранжевый*/
.fcolor3,.fcolor3 a {color:maroon} /*бордовый*/
.fcolor4,.fcolor4 a {color:#707070} /*т.серый*/
.fcolor5,.fcolor5 a {color:#999} /*серый*/
.fcolor6,.fcolor6 a {color:silver} /*св.серый*/
.fcolor7,.fcolor7 a {color:#0077bb} /*цвет ссылки*/
.fcolor8,.fcolor8 a {color:#000} /*черный*/
.fcolor9,.fcolor9 a {color:red} /*красный*/
.fcolor10,.fcolor10 a {color:green} /*зеленый*/

/* Цвета фона и границы*/
.bcolor2 {background:#f5f5f5} .brcolor2 {border:1px solid #e8e8e8} /*св.серый*/ 
.bcolor3 {background:#E8EEFA} .brcolor3 {border:1px solid #CCDEFD}  /*голубой*/
.bcolor4 {background:#F9EDBE} .brcolor4 {border:1px solid #F0C36D}  /*св.желтый*/
.bcolor5 {background:#e0efda} /*зеленый*/

/* Размеры шрифтов*/
.fsize0 {font-size:10px}
.fsize1 {font-size:11px}
.fsize2 {font-size:12px}
.fsize3 {font-size:15px}
.fsize4 {font-size:18px}
.fsize5 {font-size:22px}
.fsize6 {font-size:28px}
.fsize7 {font-size:32px}

.container05 {margin-bottom:5px}
.container10 {margin-bottom:10px}
.container20 {margin-bottom:20px}
.container30 {margin-bottom:30px}
.container40 {margin-bottom:40px}
.tcontainer05 {margin-top:5px}
.tcontainer10 {margin-top:10px}
.tcontainer20 {margin-top:20px}
.tcontainer30 {margin-top:30px}
.tcontainer,.tcontainer40 {margin-top:40px}

.comment_form {margin-top:4px;line-height:1.3em}
.star {color:red;font-weight:normal}
.m_link {text-decoration:none;border-bottom:1px dashed}
.j_link {cursor:pointer}

@media (max-width:991px) {
	.mobile-show {display:block}
	.mobile-hide {display:none}
}

/*slow-hidden*/
.shidden {position:relative;max-height:300px;overflow:hidden}
.shidden.show {max-height:inherit}
.shidden .show-button {position:absolute;bottom:0;left:0;font-size:14px;cursor:pointer;z-index:2;color:#747474;transition:color .3s ease;user-select:none}
.shidden .show-button span{border-bottom:1px dashed #747474}
.shidden .slowdiv{position:absolute;height:150px;bottom:0;left:0;width:100%;content:'';background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0)}

/**********************************/
/**********************************/

.des_protect {position:fixed;z-index:1000;height:1000px;width:100%}

/*article*/
article table {border:1px solid #dee2e6;margin-bottom:1rem;background-color:transparent;border-collapse:collapse}
article table thead td,article table thead th {vertical-align:bottom;border-bottom-width:2px;border-bottom:2px solid #dee2e6}
article table td,article table th {padding:.75rem;vertical-align:top;border:1px solid #dee2e6}
@media (max-width: 767px) {
	article table {width:100%!important;font-size:0.8em}
	article table td,article table th {padding:.45rem}
}

/*groop-grid*/
.groop-grid {display:flex;flex-wrap:wrap}
.groop-grid  .item {display:flex;align-items:center;width:50%;padding:.75rem}
.groop-grid .img .folder {width:32px;height:32px;background:transparent url('../img/folder_open.png') no-repeat}
.groop-grid .img {display:flex;align-items:center;width:32px;height:32px}
.groop-grid .name {margin-left:.4rem}
.groop-grid .name span{color:silver;font-size:.65rem}
@media (max-width:480px) {
	.groop-grid  .item {width:100%;}
}

/*product-filter*/
.product-filter {margin-bottom:-15px}
.product-filter .product-filter-wrap {display:flex;margin-right:-5px;margin-left:-5px;justify-content:center;align-items:center}
.product-filter .product-filter-wrap>[class*=col-] {padding-right:5px;padding-left:5px}
@media (max-width:575px) {
	.product-filter .product-filter-wrap {flex-direction:column}
	.product-filter .product-filter-wrap>[class*=col-] {margin:.15rem 0}
}
@media (max-width:480px) {
	.product-filter {margin-left:-10px;margin-right:-10px;padding-left:.4rem;padding-right:.4rem;border-radius:0}
}

/*product-grid*/
.product-grid {display:flex;flex-wrap:wrap;min-width:100%;padding:.5rem}
.product-grid .item {position:relative;width:33.3%;padding:.4rem;text-align:center}
.product-grid .item .product-wrap {position:relative;height:100%;padding:1rem;border:1px solid #e8e8e8;background:#fff;background:rgba(255,255,255,0.8);border-radius:.5rem}
.product-grid .item .name {margin:.3rem 0;line-height:1.3;height:32px;overflow:hidden}
.product-grid .item .price-container {margin-top:.5rem}
.product-grid .item .price-container .cost {font-weight:bold}
.product-grid .item .price-container .presence {font-size:.7rem}
.product-grid .item .price-container.nocenter .cost {text-align:left}
.product-grid .item .price-container.nocenter .presence {text-align:right}
.product-grid.list {flex-direction:column}
.product-grid.list .item {width:100%;text-align:left}
.product-grid.list .item .product-wrap {display:flex;height:auto;align-items:center}
.product-grid.list .item .thumbimg {margin:0;flex-basis:auto;flex-grow:0;flex-shrink:0}
.product-grid.list .item .cont {flex-grow:1;flex-basis:0;padding-left:.75rem}
.product-grid.list .item .name {font-size:1.3em;height:auto;overflow:inherit;margin:0 0 .2rem 0}
@media (max-width:700px) {
	.product-grid.block .item {width:50%}
}
@media (max-width:480px) {
	.product-grid {margin-left:-10px;margin-right:-10px;padding:.2rem;border-radius:0}
	.product-grid .item  {padding:.2rem}
	.product-grid.block .item .product-wrap {padding:.5rem}
	.product-grid.block .item  .thumbimg {width:auto;height:auto}
	.product-grid.block .item  .thumbimg .thumb_overlay{display:none}
	.product-grid.list .item .product-wrap {flex-direction:column}
	.product-grid.list .item .cont {padding-left:0;padding-top:.75rem;text-align:center}
}

/*galery-grid*/
.galery-grid {display:flex;flex-wrap:wrap;min-width:100%;padding:.5rem}
.galery-grid .item {position:relative;width:33.3%;padding:.4rem;text-align:center}
.galery-grid .item .galery-wrap {position:relative;display:flex;align-items:center;justify-content:center;height:100%;padding:1rem;border:1px solid #e8e8e8;background:#fff;background:rgba(255,255,255,0.8);border-radius:.5rem}
.galery-grid .item .name {margin-top:.3rem;line-height:1.3}
@media (max-width:700px) {
	.galery-grid .item {width:50%}
}
@media (max-width:480px) {
	.galery-grid {margin-left:-10px;margin-right:-10px;padding:.2rem;border-radius:0}
	.galery-grid .item {padding:.2rem}
	.galery-grid .item .galery-wrap {padding:.5rem}
	.galery-grid .item  .thumbimg {width:auto;height:auto}
	.galery-grid .item  .thumbimg .thumb_overlay{display:none}
}

/*price-grid*/
.price-grid {display:flex;flex-wrap:wrap;min-width:100%}
.price-grid .item {position:relative;width:33.3%;text-align:center}
.price-grid .item .price-wrap {position:relative;height:100%;padding:1rem}
.price-grid .item .name {margin-top:.3rem;line-height:1.3}
.price-grid .item .comment {font-size:.6rem;margin-top:.2rem;color:#9E9E9E}
@media (max-width:700px) {
	.price-grid .item {width:50%}
}
@media (max-width:480px) {
	.price-grid .item {width:100%}
}

/*articles-grid*/
.articles-grid .item {display:flex;align-items:center;margin-bottom:1rem}
.articles-grid .item .img {width:115px;padding-right:15px;flex-basis:auto;flex-grow:0;flex-shrink:0}
.articles-grid .item .cont {flex-grow:1;flex-basis:0}
.articles-grid .item .name {font-size:1.3em;height:auto;overflow:inherit;margin:0 0 .2rem 0}
/*article-show*/
.article-show .image {float:left;margin:0 7px 7px 0}

/*thumbimg*/
.thumbimg {position:relative;width:158px;height:124px;text-align:center;margin:auto}
.thumbimg span.thumb_overlay {display:block;width:158px;height:124px;position:absolute;top:0;left:0;background:transparent url('../img/thumb_frame.png') no-repeat}
.thumbimg img {margin:4px 0 0 0}

/*Page out*/
.page_user a {background:transparent;border:1px solid #d2def0;padding:.2rem .8rem;color:inherit;text-decoration:none!important;border-radius:.5rem}
.page_user a:hover {color:inherit;background:#d2def0}
.page_sel_user {background:#d2def0;border:1px solid #d2def0;padding:.2rem .8rem;cursor:default;border-radius:.5rem}

/* .micon_yes10 {background: url('../img/yes.gif') no-repeat 0 50%;padding-left: 14px;} */

/*modal-window*/
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:rgba(0,0,0,.6);text-align:center;overflow-y:scroll}
.modal-backdrop .modal-loader{width:80px;height:80px;background:url('../img/loader.svg') no-repeat;position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-40px}
.modal-backdrop:after {display:inline-block;height:100%;width:0px;vertical-align:middle;content:''}
.modal-backdrop.transparent {background-color:transparent;}
.modal{display:inline-block;position:relative;width:auto;height:auto;z-index:1050;vertical-align:middle;text-align:left;line-height:normal;background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 3px 20px 0 rgba(0,0,0,.1);border-radius:.3rem;outline:none;transition:all 200ms ease-out;opacity:0;will-change:opacity,transform;transform:scaleX(0.8) scaleY(0.8)}
.modal.show{opacity:1;transform:scaleX(1) scaleY(1)}
.modal-header{padding:0.7rem 1rem;border-bottom:1px solid #eee}
.modal-header span{font-size:1.3rem}
.modal-body{overflow:hidden}
.modal-close,.modal-close:after{cursor:pointer}
.modal-close {position:absolute;top:8px;right:14px;font-family:arial,sans-serif;font-size:32px;color:#777}
.modal-close:hover {opacity:0.8;filter:alpha(opacity=80)}
@media (max-width:767px) {
	.modal-backdrop{background-color:#fff}
	.modal{width:100%!important;vertical-align:top;box-shadow:none;border-radius:0}
	.modal-header{border-top-left-radius:0;border-top-right-radius:0}
	.modal-body{height:100%}
}

/*jmsg*/
.jmsg_slide {position:fixed;bottom:-100px;right:20px;z-index:1100;width:250px;padding:15px;text-align:center;background-color:#fff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;border-radius:.25rem;box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);background-clip:padding-box;outline:none}
.jmsg {position:fixed;top:50%;left:50%;z-index:1100;width:400px;margin:-50px 0 0 -200px;padding:15px;text-align:center;background-color:#fff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;border-radius:.25rem;box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);background-clip:padding-box;outline:none;}
.jmsg_type_ok {background-color:#28a745;border-color:#28a745;color:#fff!important}
.jmsg_type_error {background-color:#dc3545;border-color:#dc3545;color:#fff!important}
.jmsg_type_warning {background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b!important}
.jmsg_type_info {background-color:#d9edf7;border-color:#bce8f1;color:#31708f!important}
@media (max-width:450px) {
	.jmsg {width:90%;left:0;margin:-50px 0}
}

/*js-backdrop*/
.js-backdrop{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:rgba(39,52,76,.5);justify-content:center;align-items:center}
.js-backdrop:after{content:'';width:80px;height:80px;background:url('../img/loader.svg') no-repeat}