@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&subset=cyrillic');

html {height:100%; font-size:16px;}
body {height:100%; font-family:Roboto,Helvetica,sans-serif; color:#3E455B; font-weight:400; -webkit-font-smoothing:antialiased;}

h1 {font-size:1.5rem;}
h2 {font-size:1.25rem;}
a:hover {text-decoration:none;}


#wrapper {display:flex; flex-direction:column; min-height:100%; position:relative;}

#content {margin:0 0 auto;}
#content .content.reversed {display:flex; flex-direction:column-reverse;}
#content .content.reversed .content-primary {margin:2rem 0;}
#content .content.reversed .content-secondary {}


.btn-default {background-color:#3E455B; color:#ffffff;}
.btn-default:hover {color:#ffffff;}

.container-fluid {padding:0 1rem; max-width:1400px;}

.row {margin-right:-1rem; margin-left:-1rem;}
.row.row-reverse {flex-direction:row-reverse;}
.row.wrap-reverse {flex-wrap:wrap-reverse;}
.row.no-wrap {flex-wrap:nowrap;}
.row .col.small-fixed {max-width:20rem;}
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {padding-left:1rem; padding-right:1rem;}
.col.no-grow {flex-grow:0;}

.breadcrumbs {font-size:0.75rem;}
.breadcrumbs ul {list-style:none; margin:0; padding:0;}
.breadcrumbs ul li {display:inline-block; margin:0 0.5rem 0 0; padding:0;}
.breadcrumbs ul li:after {margin-left:0.5rem; content:"/";}
.breadcrumbs ul li a {color:#959595;}
.breadcrumbs ul li a:hover {color:#3E455B;}


.sidemenu {}
.sidemenu ul {list-style:none; margin:0; padding:0; font-size:1rem; font-weight:500; border-bottom:rgba(0,0,0,0.1) solid 1px;}
.sidemenu ul li {margin:0; padding:0.5rem; border-top:rgba(0,0,0,0.1) solid 1px; border-left:transparent solid 0.2rem;}
.sidemenu ul li a {color:rgba(0,0,0,0.7);}
.sidemenu ul > li:hover {border-left-color:rgba(0,0,0,0.1);}
.sidemenu ul > li.active {border-left-color:#ed1c24;}
.sidemenu ul li.active > a {text-decoration:none; color:#000;}
.sidemenu ul li a:hover {text-decoration:none; color:#000;}

.sidemenu ul ul {list-style:none; margin:0; padding:0 0 0 1rem; font-size:0.875rem; font-weight:300; border-bottom:none;}
.sidemenu ul ul li {padding:0; border-top:none; border-left:none;}
.sidemenu ul ul li a:hover {color:#ed1c24;}
.sidemenu ul ul li a.active {color:#ed1c24;}

.sidemenu a.more {padding-left:1rem; font-size:0.875rem; color:rgba(0,0,0,0.5);}
.sidemenu a.more:focus {text-decoration:none;}
.sidemenu a.more:after {margin-left:0.3rem; font-family:"Font Awesome 5 Pro"; content:"\f106";}
.sidemenu a.more.collapsed:after {content:"\f107";}
.sidemenu a.more:before {content:"скрыть";}
.sidemenu a.more.collapsed:before {content:"еще категории";}

#content .page-section {margin-bottom:4rem;}
#content .page-section.tight {padding:2rem 7.5%; background-color:#f9f9f9;}

#content .taber {}
#content .taber .tabs {display:flex; flex-direction:row; flex-wrap:nowrap; margin-bottom:1.5rem; overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch;}
#content .taber .tabs .tab {flex-grow:1; padding:0.5rem 1rem; border-bottom:#dedede solid 0.25rem; border-left:none; border-right:none; border-top:none; background-color:transparent; font-size:0.875rem; font-weight:500; white-space:nowrap; color:#979797; text-align:center; cursor:pointer;}
#content .taber .tabs .tab:focus {outline:none; box-shadow:none;}
#content .taber .tabs .tab.active,
#content .taber .tabs .tab:hover {border-color:#ed1c24; color:#212529;}
#content .taber .conts {}
#content .taber .conts .cont {display:none;}
#content .taber .conts .cont.active {display:block;}

#content .owl-carousel {}
#content .owl-carousel img {display:block; width:100%;}
#content .owl-carousel .owl-nav {}
#content .owl-carousel .owl-nav button {position:absolute; width:3rem; height:6rem; margin-top:-3rem; top:50%; font-size:4rem; font-weight:300; color:#979797;}
#content .owl-carousel .owl-nav button:hover {color:#3E455B;}
#content .owl-carousel .owl-nav button:before {font-family:"Font Awesome 5 Pro";}
#content .owl-carousel .owl-nav .owl-next {right:0;}
#content .owl-carousel .owl-nav .owl-next:before {content:"\f105";}
#content .owl-carousel .owl-nav .owl-prev {left:0;}
#content .owl-carousel .owl-nav .owl-prev:before {content:"\f104";}
#content .owl-carousel .owl-dots {text-align:center;}
#content .owl-carousel .owl-dots .owl-dot {display:inline-block; padding:0.5rem!important; margin:0 0.25rem;}
#content .owl-carousel .owl-dots .owl-dot span {display:block; width:0.5rem; height:0.5rem; background-color:#979797; border-radius:10rem;}
#content .owl-carousel .owl-dots .owl-dot:hover span {background-color:#3E455B;}
#content .owl-carousel .owl-dots .owl-dot.active span {background-color:#ed1c24;}

#content .submenu {margin:0 0 1.5rem;}
#content .submenu ul {display:flex; flex-direction:row; flex-wrap:nowrap; width:100%; margin:0; padding:0; list-style:none; justify-content:space-between; align-items:center; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;}
#content .submenu ul li {padding:0; margin:0; flex-grow:1; flex-shrink:0; text-align:center; white-space:nowrap;}
#content .submenu ul li > a {display:block; padding:0 0.5rem 0.25rem; border-bottom:#dedede solid 0.25rem; font-size:0.875rem; color:#959595;}
#content .submenu ul li a:hover {color:#3E455B; border-bottom-color:#ed1c24;}
#content .submenu ul li.active a {color:#3E455B; border-bottom-color:#ed1c24;}

#content .submenu-bar {position:relative; display:flex; width:100%; margin-bottom:1.5rem; flex-direction:row; flex-wrap:nowrap;}
#content .submenu-bar .submenu {position:absolute; top:0; left:0; bottom:0; right:9rem; margin-bottom:0;}
#content .submenu-bar .dropdown {margin-left:auto;}
#content .submenu-bar .dropdown .btn {width:8rem;}



#content .spotlight {margin:0 0 2rem;}
#content .spotlight .cells {margin:0 -0.5rem 1rem; display:flex; flex-direction:row; flex-wrap:wrap;}
#content .spotlight .cells .cell {flex-shrink:0; padding:0 0.5rem;}
#content .spotlight .cells .cell .in {margin-bottom:0.6125%; border:#e3e3e3 solid 0.5rem; box-shadow:#f3f3f3 0.5rem 0.5rem 3rem;}
#content .spotlight .cells .cell .in:last-child {margin-bottom:0;}
#content .spotlight .cells .cell img {display:block; width:100%;}
#content .spotlight .cells .cell.cell-100 {width:100%;}
#content .spotlight .cells .cell.cell-50 {width:50%;}
#content .spotlight .cells .cell.cell-33 {width:33.333%;}
#content .spotlight .cells .cell.cell-25 {width:25%;}
#content .spotlight .cells .cell.cell-20 {width:20%;}

#content .spotlight .cells .cell .lines {display:flex; height:100%; flex-direction:column; justify-content:space-around;}
#content .spotlight .cells .cell .lines .line {flex-grow:0; flex-shrink:0;}


/*
#content .spotlight .section {padding:0.5rem 0;}
#content .spotlight .section:nth-child(2n) {}
#content .spotlight .section .cells {margin:0 -0.5rem; display:flex; flex-direction:row; flex-wrap:wrap;}
#content .spotlight .section .cells .cell {flex-grow:1; flex-shrink:0; padding:0 0.5rem;}
#content .spotlight .section .cells .cell .in {border:#f3f3f3 solid 0.5rem; box-shadow:#f3f3f3 0.5rem 0.5rem 3rem;}
#content .spotlight .section .cells .cell .in .img {padding-bottom:56.25%; background:transparent url(/thumbnails/articles/crop_500x330/4d2ad692c3e10b1470158d1f56ee0518.png) 50% 50% no-repeat; background-size:cover;}
#content .spotlight .section .cells.square .cell .in .img {padding-bottom:100%; background-size:contain;}

#content .spotlight .section .cells .cell .wrap {position:relative;}
#content .spotlight .section .cells .cell .wrap p {position:absolute; bottom:0; right:0;}
*/

.page-top-bar {display:flex; flex-wrap:wrap; margin:0 0 3rem;}
.page-top-bar h1 {flex-grow:1; margin:0;}

.branches.menu {}
.branches.menu .btn {padding:0.25rem 1rem; background-color:#e3e3e3; color:#3E455B; font-size:0.875rem;}
.branches.menu .btn:hover {background-color:#f3f3f3;}
.branches.menu .btn.active {background-color:#3E455B; color:#ffffff;}

.pagination {margin:1rem 0; justify-content:center;}
.page-link {color:#3E455B;}
.page-item.active .page-link {border-color:#3E455B; background-color:#3E455B;}
.page-link:hover {color:#575757;}



@media all and (max-width: 800px) {
	.row {}
	.col {flex-basis:auto; width:100%; margin-bottom:2rem;}

	.col-5, .col-6, .col-7 {flex:0 0 100%; max-width:none; margin:1rem 0;}
	.row .col.small-fixed {max-width:none;}

	.breadcrumbs {text-align:center;}
	.page-top-bar h1 {width:100%; margin:0 0 0.5rem; text-align:center;}
	.branches.menu {width:100%;}
	.branches.menu .btn {flex-grow:1;}

	.sidemenu {position:relative; max-width:25rem; text-align:center; margin:0 auto;}
	.sidemenu:after {position:absolute; bottom:1px; left:0; width:100%; height:0.75rem; background:linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); content:"";}
	.sidemenu > ul {position:relative; max-height:15rem; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch;}
	.sidemenu ul li {border-left:none;}
	.sidemenu ul ul {padding:0;}

	#content .page-section.tight {padding:1rem;}


}

@media all and (max-width: 500px) {
	html {font-size:12px;}

	.page-link {padding:0.5rem;}
}