/* Start:/bitrix/templates/brownbear/components/brownbear/slider/slidr/style.css?17127463261867*/
.mp-slider-holder {
  height: 200px;
  float: left;
  width: 70%;
}
.mp-slider-holder-inner {
  padding-right: 28px;
}
.mp-slider {
  position:relative;
  width: 100%;
}
.mp-slider .items{
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 200px;
}
.mp-slider .item{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
  background-size: cover;
  background-position: right center;
  z-index: 5;
}
.mp-slider .item.current{
    opacity: 1;
    z-index: 10;
}


.buttons{
  position:absolute;
  z-index: 1;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.button{
  width:32px;
  height:32px;
  border:none;
  outline:none;
  padding:0;
  background:transparent center no-repeat;
  cursor:pointer;
  opacity:.4;
}
.button.prev{
    background-image: url(/bitrix/templates/brownbear/components/brownbear/slider/slidr/);
  }
.button.next{
    background-image:url();
  }
.button:hover{
    opacity:.8;
  }


.dots{
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 16px 36px;
  z-index: 10;
}
.dot{
  display: inline;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: none;
  outline: none;
  padding: 0;
  background: #dce8f4;
  cursor: pointer;
  opacity: .5;
  transition: opacity .4s ease-in-out;
}
.dot:nth-child(n+2){
    margin-left: 5px;
  }
.dot.current{
    opacity: 1;
  }


.mp-slider-link {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
}
.mp-slider-header {
  font-size: 26px;
  font-family: "robotomedium";
  color: #fff;
  padding: 36px 24px 36px 36px;
  line-height: 32px;
}
.mp-slider-text {
	padding: 0 24px 0 36px;
	max-width: 50%;
	color: #000;
}



/* End */


/* Start:/bitrix/templates/brownbear/components/bitrix/menu/indexCatalogMenu/style.css?17007690682547*/
.indexCatalogHolder .menuSectionList {
    list-style: none;
    margin: 40px -14px;
    padding: 0;
}
.indexCatalogHolder .menuSectionList .sectionColumn { 
	display: inline-block; 
	float: left; 
	width: 20%; 
	box-sizing: border-box;
    text-align: center;
}
.indexCatalogHolder .menuSectionList .sectionColumn .container { 
	margin: 28px 14px; 
	border: 1px solid #dddddd; 
	vertical-align: middle;
	width: auto !important;
	display: block;
	line-height: 21px;
	height: 180px;
	overflow: hidden;
	transition: box-shadow 0.3s ease-in-out, border 0.3s ease-in-out;
}
.indexCatalogHolder .menuSectionList .sectionColumn .container:hover {
	background: linear-gradient(to bottom, #ffffff 50%,#f9fafc 100%);
	box-shadow: 1px 1px 6px rgba(0,0,0, 0.2);
} 

.indexCatalogHolder .menuSectionList .sectionColumn:nth-child(1) .container:nth-child(1),
.indexCatalogHolder .menuSectionList .sectionColumn:nth-child(3) .container:nth-child(2) {
	height: 390px;
}
.indexCatalogHolder .menuSectionList .sectionColumn:nth-child(1) .container:nth-child(1) .picture,
.indexCatalogHolder .menuSectionList .sectionColumn:nth-child(3) .container:nth-child(2) .picture {
	height: 320px;
}
.indexCatalogHolder .menuSectionList .sectionColumn:nth-child(1) .container:nth-child(1) .picture span,
.indexCatalogHolder .menuSectionList .sectionColumn:nth-child(3) .container:nth-child(2) .picture span {
	line-height: 320px;
}
.indexCatalogHolder .picture img {
  max-height: 130px;
}
.indexCatalogHolder .menuSectionList .sectionColumn:nth-child(1) .container:nth-child(1) .picture img,
.indexCatalogHolder .menuSectionList .sectionColumn:nth-child(3) .container:nth-child(2) .picture img {
	max-height: 260px;
	height: 260px;
	vertical-align: middle;
}
.indexCatalogHolder .menuSectionList .sectionColumn:nth-child(1) .container:nth-child(1) a.menuLink,
.indexCatalogHolder .menuSectionList .sectionColumn:nth-child(3) .container:nth-child(2) a.menuLink {
	height: 50px;
}
.indexCatalogHolder .menuSectionList .sectionColumn .picture {
    padding-bottom: 0px;
    line-height: 130px;
    height: 130px;
	display: block; 	
}

.indexCatalogHolder ul li a.menuLink {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-transform: none;
    text-decoration: none;
    font-size: 18px;
    display: table-cell;
	width: 1%;
	vertical-align: bottom;
    color: #000000;
	line-height: 21px;
	height: 30px;
}







/* End */


/* Start:/bitrix/templates/brownbear/components/bitrix/news.list/indexBanners/style.css?17040358744949*/
/*start баннеры на главной*/
	a.elem-wrap { text-decoration: none; }
	.index-banners-wrap{
		margin-top: 24px;
	}
	.index-banners{
		max-width: none;
		font-size: 0;
		margin: -10px -10px;
	}
	.index-banners .elem-column{
		display: inline-block;
		vertical-align: top;
		width: 25%;
	}
	.index-banners .elem-column:nth-child(2){
		width: 75%;
	}
	.index-banners .elem-row{ display: block; }
	.index-banners .elem-row .elem-wrap{
		display: inline-block;
		vertical-align: top;
		width: 25%;
	}
	.index-banners .elem-row:nth-child(1) .elem-wrap:nth-child(1), .index-banners .elem-row:nth-child(2) .elem-wrap:nth-child(2) { width: 60%; }
	.index-banners .elem-row:nth-child(1) .elem-wrap:nth-child(1) .text-wrap, .index-banners .elem-row:nth-child(2) .elem-wrap:nth-child(2) .text-wrap { display: block; width: 70%; }
	.index-banners .elem-row:nth-child(1) .elem-wrap:nth-child(2), .index-banners .elem-row:nth-child(2) .elem-wrap:nth-child(1) { width: 40%; }
	.index-banners .elem-wrap{
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 100%;
		padding: 10px 10px;
	}
	.index-banners .elem{
		position: relative;
		box-sizing: border-box;
		height: 200px;
		padding: 20px 24px;
		border: 1px solid #e7e8ea;
		background-color: #fff;
	}
	.index-banners .elem-column:nth-child(1) .elem{
		height: 420px;
	}
	.index-banners .text-wrap{
		position: relative;
		z-index: 2;
		display: inline-block;
		width: 90%;
		height: 118px;
		color: #000000;
	}
	.index-banners .elem-column:nth-child(1) .text-wrap{
		height: 338px;
	}
	.index-banners .bg{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		opacity: 1;
	}
	.index-banners .name{
		display: block;
		max-height: 100px;
		overflow: hidden;
		padding-bottom: 10px;
		margin-bottom: 10px;
		font-family: "robotomedium";
		font-size: 24px;
		line-height: 28px;
		text-decoration: none;
		color: #ffffff;
		transition: all 0.2s ease-in-out;
		border-bottom: 1px solid #ffffff;
	}
	.index-banners .name:hover{
		color: #eeeeee;
	}
	.index-banners .name:active{
		position: relative;
		top: 1px;
	}
	/*.index-banners .elem-column:nth-child(1) .name{
		max-height: 48px;
		margin-bottom: 14px;
		font-size: 24px;
		line-height: 24px;
		}*/
	.index-banners .descr{
		overflow: hidden;
		font-size: 15px;
		line-height: 16px;
		color: #ffffff;
	}
	.index-banners .text-wrap.text-wrap-white{
		color: #fff;
	}
	.index-banners .text-wrap-white .name{
		color: #ffffff;
	}
	.index-banners .text-wrap-white .name:hover{
		opacity: 0.8;
	}
	.index-banners .btn-white .btn-simple{
		background-color: transparent;
		border-color: #fff;
		color: #ffffff;
		-webkit-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;
	}
	.index-banners .btn-white .btn-simple:hover{
		opacity: 0.9;
	}
	.index-banners .btn-simple.btn-micro { background: transparent; border: 1px solid #ffffff; color: #ffffff; padding: 10px 20px; min-width: 175px; font-size: 16px;}

		@media all and (max-width: 1300px){
			.index-banners{
				margin: -6px;
			}
			.index-banners .elem-wrap{
				padding: 6px;
			}

			.index-banners .elem-column{
				width: 50%;
				display: inline;
			}
			.index-banners .elem-column .text-wrap {
				display: block;
			}
			.index-banners .elem-column:nth-child(3){
				width: 50%;
			}
			.index-banners .elem-column:nth-child(4){
				width: 50%;
			}
			.index-banners .elem-column:nth-child(4) .elem-wrap{
				width: 100%;
			}
			.index-banners .elem-column:nth-child(2) .text-wrap{
				width: 80%;
			}
			.index-banners .elem-column:nth-child(3) .text-wrap{
				width: 80%;
			}
			.index-banners .elem-column:nth-child(4) .text-wrap{
				width: 80%;
			}
			.index-banners .elem-column:nth-child(3) .elem{
				padding-left: 36px;
				padding-right: 36px;
			}
			.index-banners .elem-column:nth-child(1) .elem {
				height: 200px;
			}
			.index-banners .elem-column:nth-child(1) .text-wrap{
				height: 118px;
				width: 60%;
			}
		}

		@media all and (max-width: 1200px){
			.index-banners-wrap { margin-top: 0; }
			.index-banners .elem-column:nth-child(1) .elem-wrap:nth-child(1) { padding-top: 0; }
		}

		@media all and (max-width: 1024px){
			.index-banners .name { font-size: 18px; line-height: 22px; }
		}

		@media all and (max-width: 900px){
			.index-banners .elem-column:nth-child(n) .text-wrap,
			.index-banners .elem-row:nth-child(n) .elem-wrap:nth-child(n) .text-wrap {
				width: 100%;
			}
		}

		@media all and (max-width: 700px){
			.index-banners .elem-column:nth-child(1) .elem-wrap:nth-child(1) { padding-top: 6px; }
			.index-banners .elem-row:nth-child(n) .elem-wrap:nth-child(n) {
				width: 100%;
			}
			.index-banners-wrap { margin-top: 12px; }
	
		}

		@media all and (max-width: 480px){
		}

		@media all and (max-width: 450px){
		}

		@media all and (max-width: 360px){
		}
/* End */


/* Start:/bitrix/templates/brownbear/components/brownbear/offers.product/.default/style.css?17012673931744*/
#homeCatalog .captionList{
	position: relative;
	z-index: 1;
	height: 60px;
	line-height: 60px;
	background-color: #2b2b2b;
}

#homeCatalog .captionList .slideBox{
	list-style: none;
	padding: 0px;
	margin: 0px;
	left: 0px;
}

#homeCatalog .captionList .cItem{
	list-style: none;
	float: left;
}

#homeCatalog .caption{
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
}


#homeCatalog .caption.loading{
	opacity: 0.6;
}

#homeCatalog .caption a{
	display: block;
	text-align: center;
	font-size: 16px;
	color: #51616b;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#homeCatalog .caption a .dt {
	padding-bottom: 2px;
    border-bottom: 1px dashed #51616b;
}
#homeCatalog .cItem{
	float: left;
	width: 20%;
}

#homeCatalog .captionBtnRight,
#homeCatalog .captionBtnLeft{
	background: url(/bitrix/templates/brownbear/components/brownbear/offers.product/.default/images/offerArrowSmall.png) 0 0 no-repeat transparent;
	position: absolute;
	height: 60px;
	width: 60px;
	top: 0;
}

#homeCatalog .captionBtnLeft{
	left: 0px;
}

#homeCatalog .captionBtnRight{
	right: 0px;
}

#homeCatalog .captionBtnLeft:hover{
	background-position: -0px -60px;
}

#homeCatalog .captionBtnLeft:active{
	background-position: -0px -120px;
}

#homeCatalog .captionBtnRight{
	background-position: -60px 0px;
}

#homeCatalog .captionBtnRight:hover{
	background-position: -60px -60px;
}

#homeCatalog .captionBtnRight:active{
	background-position: -60px -120px;
}
/* End */
/* /bitrix/templates/brownbear/components/brownbear/slider/slidr/style.css?17127463261867 */
/* /bitrix/templates/brownbear/components/bitrix/menu/indexCatalogMenu/style.css?17007690682547 */
/* /bitrix/templates/brownbear/components/bitrix/news.list/indexBanners/style.css?17040358744949 */
/* /bitrix/templates/brownbear/components/brownbear/offers.product/.default/style.css?17012673931744 */