/* Start:/bitrix/components/webdebug/marque/templates/red_white/style.css?17128177951619*/

.wd_marque_10 {
	overflow:hidden;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
}

.wd_marque_10 .wd_str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:12px;
	line-height:26px;
	position:relative;
	background:#EA0000;
	white-space:nowrap;
	-moz-transition:background-color 0.1s;
	-webkit-transition:background-color 0.1s;
	-o-transition:background-color 0.1s;
	-ms-transition:background-color 0.1s;
	transition:background-color 0.1s;
}

.wd_marque_10 .wd_str_wrap.wd_str_active {
	background:#EF2828;
}
.wd_marque_10 .wd_str_move {
	color:#fff;
	font-size:120%;
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.wd_marque_10 .wd_str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.wd_marque_10 .wd_str_vertical .wd_str_move_clone {
	left:0;
	top:100%;
}
.wd_marque_10 .wd_str_down .wd_str_move_clone {
	left:0;
	bottom:100%;
}
.wd_marque_10 .wd_str_vertical .wd_str_move,
.wd_marque_10 .wd_str_down .wd_str_move {
	white-space:normal;
	padding:0 10px;
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.wd_marque_10 .wd_str_static .wd_str_move,
.wd_marque_10 .no_drag .wd_str_move,
.wd_marque_10 .noStop .wd_str_move{
	cursor:inherit;
}
.wd_marque_10 .wd_str_wrap img {
	max-width:none !important;	
}

/* End */


/* Start:/bitrix/templates/.default/components/bitrix/search.title/po_title/style.css?15654703942108*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/bitrix/templates/.default/components/bitrix/search.title/po_title/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
/* End */


/* Start:/bitrix/components/ktoto/cookies/templates/.default/style.css?17605468201160*/
#cookie_notification{
    display: none;
    justify-content: space-between;
    align-items: flex-end;
    position: fixed;
    bottom: 15px;
    left: 50%;
    width: 900px;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 25px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
    z-index: 999;
  }

  #cookie_notification .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #39434e;
    border: none;
    color: #ededed;
    text-decoration: none;
    padding: 5px 40px;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 4px;
    max-width: 100%;
    transition: all .1s linear;
  }
  
  #cookie_notification p{
    margin: 0;
    font-size: 10px;
    text-align: left;
    color: black;
  }
  
  
  @media (min-width: 576px){
    #cookie_notification.show{
      display: flex;
    }
    .cookie_accept{
      margin: 0 0 0 25px;
    }
  }
  
  @media (max-width: 575px){
    #cookie_notification.show{
      display: block;
      text-align: left;
    }
    .cookie_accept{
      margin: 10px 0 0 0;
    }
  }
/* End */


/* Start:/local/templates/arenastone/template_styles.css?172251535529680*/
/* ========================================
    			#main-layout
======================================== */
html {
    height: 100%;
    font-size: 62.5%;
}

@media screen and (max-width: 1260px), print {
    html {
        font-size: 40%;
    }
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    font: 14px/1.57 'HelveticaNeue';
    color: #361e1a;
    quotes: "\00ab" "\00bb";
}

.page-wrapper {
    min-height: 100%;
    overflow: hidden;
    position: relative;
    min-width: 980px;
    margin: 0 auto;
    background-color: #fdfdfd;
}

.page-wrapper:after {
    content: '';
    display: block;
    height: 110px;
    clear: both;
}

.page-wrapper + .footer {
    position: relative;
    height: 110px;
    margin-top: -110px;
    box-sizing: border-box;
    min-width: 980px;
}

.container {
    margin: 0 auto;
    width: 960px;
    min-width: 960px;
    position: relative;
    box-sizing: border-box;
}

.container .narrow {
    padding: 0 10%;
}

.container .extra.narrow {
    padding: 0 22%;
}

.colored-bg {
    color: #fff;
}

/* ========================================
    			#js-tab
======================================== */
.js-tabs .js-tab {
    display: none;
}

.js-tabs .js-tab.active {
    display: block;
}

/* ========================================
    			#header
======================================== */
.header {
    position: fixed;
    height: 170px;
    width: 100%;
    z-index: 20;
    min-width: 980px;
    top: 15;
}

.header .logo {
    /*width: 105px;*/
    height: 89px;
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 28%;
    transform: translateX(-50%) translateY(-50%);
}

.header .logo svg {
    fill: #fff;
    width: 100%;
    height: 100%;
}

.header .container,
.header .main-menu,
.header .group {
    display: flex;
    justify-content: space-between;
}

.header .main-menu {
    width: 100%;
}

.header .group {
    width: 40.5%;
    flex: 0 1 auto;
}

.header .group .item {
    margin: 0 12px;
    text-align: center;
    font: italic 14px/1.2 'Georgia';
    flex: 0 1 auto;
}

.header .link {
    color: #ffffff;
    background-image: none;
}

.header .link.button {
    color: #25435a;
}

.header .container.top {
    height: 95px;
    align-items: center;
}

.header .phone {
    font: italic 18px/1.44 'GaramondC';
    flex: 0 1 auto;
}

.header .make-order {
    flex: 0 1 auto;
}
.header .make-order , x:-moz-any-link {
position: relative;
right: -280px;
} 

.header .stock {
    position: absolute;
    right: 240px;
}

.header .current-stock {
    font: italic 18px/26px 'GaramondC';
    color: #ffffff;
    text-decoration: none;
    z-index: 102;
    position: relative;
}

.header .stock-list {
    position: absolute;
    background: #ffffff;
    top: -20px;
    left: -125px;
    padding: 50px 0 0;
    z-index: 101;
    width: 385px;
    border-radius: 10px;
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    display: none;
    transition: all .3s ease .1s;
}

.header .i.close {
    position: absolute;
    z-index: 10;
    outline: none;
    top: 0;
    right: 0;
}

.header .stock-item {
    text-align: center;
    padding: 20px 40px;
    position: relative;
}

.header .stock-item:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 1px;
    background: #dfdddd;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.header .stock-item:last-child:before {
    content: none;
}

.header .stock-item a {
    color: #35b1ff;
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
}

.header .stock.open .stock-list {
    display: block;
}

.header .stock.open .current-stock {
    color: #361e1a;
}

/* narrow */
.header {
    /*overflow: hidden;*/
    transition: height .3s ease, background .3s ease .1s;
}

.header .logo {
    transition: all .2s ease;
}

.header .logo img {
    height: 150px;
    padding-top: 15px;
}

.header .make-order {
    transition: background .3s ease;
}

.header .container.top {
    transition: height .3s ease;
}

.header.narrow {
    height: 60px;
    padding-bottom: 0;
    background: #fff;
    top: 0;
    transition: padding-bottom .3s ease .16s;
}

.header.narrow:hover {
    padding-bottom: 50px;
}

.header.narrow .logo {
  /*  width: 56px;*/
    height: 48px;
}

.header.narrow .logo img {
  /*  width: 56px;*/
 height: 53px;
 padding-top: 10px;
}


.header.narrow .logo svg {
    fill: #361e1a;
}

.header.narrow .link ,
.header.narrow .current-stock {
    color: #25435a;
}


.header.narrow .container.top {
    height: 60px;
}

.header.narrow .make-order {
    background: none;
}

.header.narrow .main-menu {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s ease .1s, visibility .3s ease .3s;
}

.header.narrow:hover .main-menu {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s ease .1s;
}

.header.narrow .stock-list {
    top: -10px;
    padding: 40px 0 0;
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    transition: all .3s ease .1s;
}

/* ========================================
    			footer
======================================== */
.footer {
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
}

.footer .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.footer .copyright {
    margin-top: 20px;
}

.footer .copyright .offer {
    opacity: .5;
}

.footer .contacts .phone {
    font-size: 13px;
}

.footer .contacts .item + .item {
    margin-left: 31px;
}

.footer .contacts .item + .item::before {
    content: '';
    position: absolute;
    left: -16px;
    top: 55%;
    transform: translateY(-50%);
    height: 16px;
    width: 1px;
    background: rgba(54, 30, 26, .1);
}

.footer .contacts {
    margin-top: 20px;
	font-size: 13px;
}

/* ========================================
    			blocks
======================================== */
.block {
    padding: 45px 0;
    position: relative;
    box-sizing: border-box;
}

.block.first {
    background: url(/local/templates/arenastone/images/dist/kitchen-bg3.jpg?4) no-repeat center top;
    padding-top: 225px;
    height: 530px;
}

.block.first .h1 {
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    margin-bottom: 5px;
}

.block.first .info {
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 18px rgba(0, 0, 0, .34);
    font-size: 30px;
}

.block.big {
    padding: 55px 0;
}

.block.white {
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
}

.block.image {
    height: 500px;
    background-size: cover;
    background-position: center;
    padding: 0;
}

.block.image .container {
    height: 100%;
}

.block.image .colored-bg {
    background-color: #a82d17;
}

.block.image .info {
    position: absolute;
    bottom: -50px;
    right: 0;
    padding: 45px 48px;
    width: 60%;
    box-sizing: border-box;
}

.block.image .info.text-block h1,
.block.image .info .h1 {
    font-size: 76px;
    margin: 0;
    text-align: left;
}

.block.image .info .h2,
.block.image .info.text-block h2 {
    text-align: left;
}

.block.first .block.blur {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;

}

.block.first .block.blur .container {
    z-index: 10;
}

.block.first .block.blur .blur-picture {
    position: absolute;
    background: url(/local/templates/arenastone/images/dist/kitchen-bg2.png?1) no-repeat center top;
    width: 1666px;
    height: 610px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    filter: blur(2px);
    z-index: 1;
}

.block.first .block.blur .color-bg {
    z-index: 5;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fdfdfd;
    opacity: .6;
}

/* ========================================
    			main-page
======================================== */
/* first block */
.pw.main .block.first {
    height: 610px;
}

.pw.main .stones {
    background: url(/local/templates/arenastone/images/dist/stones.png);
    width: 789px;
    height: 155px;
    margin-left: 50%;
    transform: translateX(-50%);
}

.pw.main .block.stones-wrap {
    padding-top: 0;
    margin-top: -100px;
}

/* end first block */

.block.synthetic-stone {
    font-size: 16px;
    line-height: 1.375;
}

.block.kitchen-material {
    /*background-image: url(/local/templates/arenastone/images/dist/kitchen-material-bg.jpg);*/
    margin-bottom: 150px;
}

.block.kitchen-material .container{
    z-index: 2;
    margin-top: -500px;
}

.block.kitchen-material .slick-initialized .slick-slide {
    height: 500px;
    background-size: cover;
    background-position: center;
}

.block.kitchen-material .info {
    bottom: -130px;
    font: italic 18px/1.44 'GaramondC';
}

.block.material-info .link.active {
    color: #a82d17;
    background: none;
}

.block.material-info .h2 {
    position: relative;
    margin: 1.4em 0 1em;
}

.block.material-info .quartz-sample {
    position: absolute;
    right: 46%;
    background: url(/local/templates/arenastone/images/dist/quartz-sample.png) no-repeat;
    width: 365px;
    height: 365px;
    margin-right: 350px;
    margin-top: -175px;
}

.block.material-info .acrylic-sample {
    position: absolute;
    left: 46%;
    background: url(/local/templates/arenastone/images/dist/acrylic-sample.png) no-repeat;
    width: 368px;
    height: 368px;
    margin-left: 350px;
    margin-top: -170px;
}

.block.material-info .i-brace svg {
    width: 87px;
    height: 19px;
    stroke: currentColor;
    top: calc(100% + 4px);
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.block.material-info .i-brace.active svg {
    display: block;
}

.block.material-info .short-desc {
    font: italic 18px/1.44 'GaramondC';
    color: #a82d17;
    margin-bottom: 2.2em;
}

.block.material-info .benefits {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.block.material-info .benefits .item {
    width: 29.6875%;
    margin-bottom: 40px;
}

.block.material-info .benefits .item .image {
    width: 135px;
    height: 145px;
    margin: 0 auto 30px;
}

.block.material-info .benefits .caption {
    font: italic 18px/1.44 'GaramondC';
    margin-bottom: .5em;
}

.block.material-info .quartz .item .image {
    background: url(/local/templates/arenastone/images/dist/quartz-benefits.png) no-repeat;
}

.block.material-info .quartz .item:nth-child(1) .image {
    background-position: 16px 0;
}

.block.material-info .quartz .item:nth-child(2) .image {
    background-position: -122px 0;
}

.block.material-info .quartz .item:nth-child(3) .image {
    background-position: -288px 0;
}

.block.material-info .quartz .item:nth-child(4) .image {
    background-position: -445px 0;
}

.block.material-info .quartz .item:nth-child(5) .image {
    background-position: -605px 0;
}

.block.material-info .quartz .item:nth-child(6) .image {
    background-position: -773px 0;
}

.block.material-info .acrylic .item .image {
    background: url(/local/templates/arenastone/images/dist/acrylic-benefits.png) no-repeat;
}

.block.material-info .acrylic .item:nth-child(1) .image {
    background-position: 12px 0;
}

.block.material-info .acrylic .item:nth-child(2) .image {
    background-position: -147px 0;
}

.block.material-info .acrylic .item:nth-child(3) .image {
    background-position: -318px 0;
}

.block.material-info .acrylic .item:nth-child(4) .image {
    background-position: -490px 0;
}

.block.material-info .acrylic .item:nth-child(5) .image {
    background-position: -637px 0;
}

.block.material-info .acrylic .item:nth-child(6) .image {
    background-position: -775px 0;
}

/* trade mark */
.block.trade-mark {
    height: 580px;
    background-image: url(/local/templates/arenastone/images/dist/trade-mark-bg.jpg);
    margin-bottom: 20px;
}

.block.trade-mark .info {
    left: 5%;
}

.block.trade-mark .info p:not(.lead) {
    width: 80%;
}

.pw.main .block.faq {
    font-size: 16px;
}

/* ========================================
    			#about
======================================== */
.pw.about .block.blur .blur-picture {
    bottom: -80px;
}

.block.our-products {
    height: 580px;
    background-image: url(/local/templates/arenastone/images/dist/kitchen-caps-bg2.jpg);
    margin-bottom: 50px;
}
.our-products p {
    width: 88%;
}

.block.material-brands .brands {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% + 20px);
    margin-bottom: 45px;
}

.block.material-brands .brand {
    text-decoration: none;
    width: 19%;
    height: 100px;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 1 auto;
}

.block.material-brands .brand .pic {
    max-width: 95%;
    max-height: 100%;
    flex: 0 1 auto;
}

.block.material-brands .brand {
    opacity: .5;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .6s ease;
    transition: all .3s ease;
}

.block.material-brands .brand:hover {
    opacity: 1;
    -webkit-filter: none;
    filter: none;
}

.pw.about .block.trade-mark {
    background-image: url(/local/templates/arenastone/images/dist/trade-mark-bg-2.jpg);
    margin-bottom: 0;
    z-index: 1;
}

.pw.about .block.trade-mark + .block {
    padding-top: 100px;
}

.block.js-map-wrap {
    height: 550px;
}

.block.js-map-wrap .js-map {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.block.js-map-wrap .js-map .map-info-box {
    background: url(/local/templates/arenastone/images/dist/bg-map-info-box.png) no-repeat center;
    width: 228px;
    height: 100px;
    text-align: center;
    font: 14px/1.23 'HelveticaNeue';
}

.block.js-map-wrap .js-map .map-info-box .title {
    margin: 10px 0 4px 0px;
    color: #a72d17;
}

/* ========================================
    			#catalog
======================================== */
.pw.catalog .first.block {
    height: 610px;
    margin-bottom: -245px;
    z-index: 0;
}

.pw.catalog .block.first .block.blur .color-bg {
    opacity: .75;
}

.pw.catalog .block.first .block.blur .blur-picture {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    filter: blur(5px);
}

.pw.catalog .first.block .block.blur {
    height: 245px;
}

.block.catalog .filter .h2 {
    font-size: 30px;
    line-height: 0.86;
}

.block.catalog .filter .item label {
    font-size: 18px;
    line-height: 22px;
}

.block.catalog .filter .material-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 45px;
}

.block.catalog .filter .material + .material {
    margin-left: 10px;
}

.block.catalog .filter .material,
.block.catalog .filter .favorites {
    color: #a82d17;
    text-decoration: none;
    background: #fff;
    font-size: 18px;
    line-height: 1.22;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    padding: 14px 20px;
    position: relative;
}

.block.catalog .filter .material:hover:before,
.block.catalog .filter .favorites:hover:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: url(/local/templates/arenastone/images/dist/icon-plus.png) no-repeat center, rgba(255, 255, 255, .8);
}

.block.catalog .filter .material.selected,
.block.catalog .filter .favorites.selected {
    background-image: linear-gradient(0deg, #a82d17 0%, #a82d17 100%);
    color: #ffffff;
}

.block.catalog .filter .material.selected:hover:before,
.block.catalog .filter .favorites.selected:hover:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: url(/local/templates/arenastone/images/dist/icon-del.png) no-repeat center, rgba(168, 45, 23, .8);
}

.block.catalog .filter .material:active,
.block.catalog .filter .favorites:active {
    background-image: linear-gradient(0deg, #a82d17 0%, #a82d17 100%);
    color: #ffffff;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}

.block.catalog .filter .favorites {
    padding-left: 45px;
}

.block.catalog .filter .favorites .heart {
    position: absolute;
    background: url(/local/templates/arenastone/images/dist/icon-heart.png) no-repeat center, #ffffff;
    width: 27px;
    height: 26px;
    left: 11px;
    top: 11px;
    border-radius: 50%;
}

.block.catalog .range-slider-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 70px;
}

.block.catalog .range-slider-wrap .input-text {
    width: 96px;
}

.block.catalog .range-slider-wrap > * {
    margin: 0 5px;
}

.block.catalog .range-slider {
    width: 236px;
    margin: 0 15px;
}

.block.catalog .ui-slider {
    background: #d8d8d8;
    height: 4px;
}

.block.catalog .ui-slider .ui-slider-range {
    background: #a82d17;
}

.block.catalog .ui-slider .ui-slider-handle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #a82d17;
    top: -4px;
    margin-left: -6px;
    outline: none;
}

.block.catalog .color-name {
    font: italic 18px/1.44 'GaramondC';
    margin-bottom: 25px;
}

.block.catalog .stone-list {
    margin-bottom: 30px;
}

.block.catalog .stone-list-wrap.js-loading::before {
    z-index: 20;
}

.block.catalog .stone-list-wrap.js-loading::after {
    top: 5%;
    z-index: 30;
}

.block.catalog .row {
    display: flex;
    flex-wrap: wrap;
    z-index: 10;
}

.block.catalog .stone {
    position: relative;
    display: block;
    width: 182px;
    height: 182px;
    background: center no-repeat;
    background-size: cover;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-left: 10px;

    box-shadow: 0 0 0 #a82d17;
    transition: all .2s ease;
}

.block.catalog .stone::after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 15px;
    height: 15px;
    display: block;
    background-color: #a82d17;
    transform: rotate(45deg) translateX(-50%);
    left: 50%;
    bottom: 0;
    opacity: 0;
    transition: all .2s ease;
}

.block.catalog .stone.active {
    box-shadow: 0 4px 0 #a82d17;
}

.block.catalog .stone.active::after {
    opacity: 1;
    bottom: -15px;
}

.i.stone .icon {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
}

.block.catalog .i.stone.material-acrylic .icon {
    top: 14px;
    left: 8px;
}

.block.catalog .i.stone.material-stone .icon {
    top: 14px;
}

.block.catalog .stone .inner,
.block.catalog .stone .added {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.block.catalog .stone .info {
    width: 122px;
    position: absolute;
    top: 5px;
    left: 3px;
    padding: 7px 0 7px 30px;
    background: #ffffff;
    box-sizing: border-box;
    border-radius: 6px;
    color: #3b2c17;
    font: 500 13px/1.5 'HelveticaNeue';
    box-shadow: 0 1px 15px rgba(0,0,0,0.3);
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.block.catalog .stone .icon:hover + .info {
    opacity: 1;
}

.block.catalog .stone-info .button.favorites:before,
.block.catalog .stone .favorites {
    content: '';
    position: absolute;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    bottom: 5px;
    right: 5px;
    background: #ffffff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    top: 5px;
}

.block.catalog .stone .favorites:after,
.block.catalog .stone-info .button.favorites:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(/local/templates/arenastone/images/dist/icon-heart.png) no-repeat center;
    opacity: .25;
    top: 0;
    left: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.block.catalog .stone.marked .favorites,
.block.catalog .stone.marked .favorites:after,
.block.catalog .stone:hover .favorites,
.block.catalog .stone:hover .favorites:hover:after,
.block.catalog .stone-info .button.favorites:before,
.block.catalog .stone-info .button.favorites:hover:after {
    opacity: 1;
}

.block.catalog .stone-info .button.favorites:before,
.block.catalog .stone-info .button.favorites:after {
    top: 13px;
    left: 20px;
}

.block.catalog .stone .added {
    text-align: center;
    box-sizing: border-box;
    padding: 47px 0;
    color: #ffffff;
    background: #361e1a;
    border-radius: 10px;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.block.catalog .stone:nth-child(7n + 1) {
    margin-left: 0;
}

.block.catalog .more-wrap {
    margin-top: 30px;
    margin-bottom: 30px;
}

.i.plus {
    font-size: 18px;
    line-height: 1.22;
}

.i.plus::before {
    left: -30px;
    top: 45%;
    transform: translateY(-50%);
}

.i.plus.js-loading::before {
    opacity: 0;
}

.i.plus.js-loading::after {
    left: -25px;
    top: 35%;
}

.block.catalog .stone-info {
    padding: 10px 0;
}

.block.catalog .stone-info .container {
    display: flex;
    height: 385px;
}

.block.catalog .stone-info .gallery-wrap {
    width: 50%;
}
.block.catalog .stone-info .gallery-wrap .nav-gallery .item.active {
    display: none;
}
.block.catalog .stone-info .gallery-wrap .nav-gallery .item.texture {
    margin-right: -10px;
    margin-left: 10px;
    border-radius: 10px;
}
.block.catalog .stone-info .gallery-wrap .nav-gallery .item.rhombus {
    border-radius: 10px;
    border: 1px solid #e1e1e1;
}
.block.catalog .stone-info .gallery-wrap .nav-gallery {
    margin-top: 80px;
}
.block.catalog .stone-info .gallery-wrap .nav-gallery .owl-stage {
   /* float: right;*/
}

.i.close {
    position: absolute;
    width: 50px;
    height: 50px;
    right: -20px;
    top: -20px;
}

.i.close::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.block.catalog .stone-info .info {
    width: 50%;
    box-sizing: border-box;
    padding-left: 2%;
    /*margin-top: 20px;*/
    margin-top: 80px;
    position: relative;
    background-color: #eee;
    padding-top: 16px;
    height: 450px;
}

.block.catalog .stone-info .name {
    font-size: 24px;
    line-height: 0.86;
    color: #a82d17;
    margin-bottom: 10px;
}

.block.catalog .stone-info .material-name {
    font: italic 16px/1.44 'GaramondC', sans-serif;
    color: #361e1a;
    margin-left: 20px;
}

.block.catalog .stone-info .material-name.i::before {
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}

.block.catalog .stone-info .preview-text {
    /*margin: 30px 0 40px;
    min-height: 135px;*/
}

.block.catalog .stone-info .button {
    /*width: 100%;*/
    width: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.block.catalog .stone-info .button.favorites {
    left: 0;
    margin-left: 67px;
    width: 163px;
    padding: 14px 23px 14px 65px;
    font: 12px/14px 'HelveticaNeue';
    white-space: normal;
    text-align: left;
    background: #ece0ce;
    color: #361e1a;
}

.block.catalog .stone-info .price-wrap {
    font: italic 18px/1.44 'GaramondC', sans-serif;
    margin-bottom: 16px;
}

.block.catalog .stone-info .price-wrap .price {
    font-size: 24px;
    color: #a82d17;
    position: relative;
    top: .2em;
}

.block.catalog .slick-wrap .item {

}

.block.catalog .stone-description,
.block.info-text {
    margin-top: 30px;
    color: #999;
}

.block.catalog .stone-description h1,
.block.info-text h1 {
    font: italic 18px/1.44 'GaramondC';
}

.block.catalog .stone-description h2,
.block.info-text h2 {
    font: italic 16px/1.44 'GaramondC';
}

.gallery-wrap .big-image {
    background: center no-repeat;
    /*background-size: cover;*/
    position: relative;
    overflow: hidden;
    background-size: contain;
}

.block.catalog .gallery-wrap .big-image {
    width: 480px;
    height: 355px;
    /*border: 5px solid rgba(0, 0, 0, 0.02);*/
}

.block.catalog .gallery-wrap .big-image.texture {
    background-size: 67%;
    border-radius: 10px;
}

.block.catalog .gallery-wrap .big-image.rhombus {
    /*background-size: 60%;*/
    background-size: auto 100% ;
}

.block.catalog .filter-block {
    display: inline-block;
    vertical-align: top;
    width: 372px;
}

.block.catalog .filter-block.short {
    width: 156px;
}

.block.catalog .filter-block + .filter-block {
    margin-left: 20px;
}

.block.catalog .filter-block .filter-title {
    font: italic 18px/25px 'GaramondC';
    margin-bottom: 8px;
    height: 25px;
}

.block.catalog .filter .favorites {
    display: inline-block;
}

.block.catalog .filter + .filter {
    margin-top: 30px;
}

/* ========================================
    			multiselect
======================================== */

.jl-multiselect-wrapper {
    position: relative;
}

.jl-multiselect-title,
.jl-multiselect-wrapper .jl-multiselect-content {
    width: 100%;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
}

.jl-multiselect-wrapper .jl-multiselect-content {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 50;
    max-height: 500px;
    overflow-y: auto;
}

.jl-multiselect-wrapper .jl-multiselect-title,
.jl-multiselect-wrapper .jl-multiselect-item {
    display: block;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 22px;
    padding: 14px 50px 14px 14px;
    background: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.jl-multiselect-wrapper .jl-multiselect-title {
    z-index: 1;
    cursor: pointer;
    border: 1px solid transparent;
}

.jl-multiselect-wrapper .jl-multiselect-title.active {
    border-color: #a82d17;
}

.jl-multiselect-wrapper .jl-multiselect-title:after {
    content: '';
    display: block;
    height: 50px;
    width: 50px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(/local/templates/arenastone/images/dist/icon-dropdown.png) no-repeat center;
}

.jl-multiselect-wrapper .jl-multiselect-title.active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.jl-multiselect-wrapper .jl-multiselect-item {
    color: #a82d17;
    text-decoration: none;
    background: #fff;
}

.jl-multiselect-wrapper .jl-multiselect-item:hover {
    background: #f6eae7;
}

.jl-multiselect-wrapper .jl-multiselect-item:hover:after {
    content: '';
    display: block;
    height: 50px;
    width: 50px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(/local/templates/arenastone/images/dist/icon-plus.png) no-repeat center;
}

.jl-multiselect-wrapper .jl-multiselect-item.selected {
    background: #a82d17;
    color: #fff;
}

.jl-multiselect-wrapper .jl-multiselect-item.selected:hover {
    background: #b1422e;
}

.jl-multiselect-wrapper .jl-multiselect-item.selected:hover:after {
    background: url(/local/templates/arenastone/images/dist/icon-del.png) no-repeat center;
}

/* ========================================
    			gallery
======================================== */

.gallery-wrap .nav-gallery {
    margin-top: 10px;
}

.gallery-wrap .nav-gallery .item {
    height: 80px;
    width: 80px;
    background: center no-repeat;
    background-size: cover;
    margin-bottom: 3px;
}

.gallery-wrap .nav-gallery .item.rhombus {
    background-size: contain;
}

.gallery-wrap .nav-gallery .item.active {
    box-shadow: 0 3px 0 #a82d17;
}

.gallery-wrap .arrow {
    color: #fff;
    position: absolute;
    top: 50%;
    width: 64px;
    height: 64px;
    opacity: .7;
    transition: opacity .2s ease, transform .3s ease-in-out;
    display: none;
    background: #fff;
}

.gallery-wrap .arrow:hover {
    opacity: 1;
}

.gallery-wrap .arrow::before {
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.gallery-wrap .arrow.prev {
    transform: translateX(-120%) translateY(-50%);
    left: 0;
}

.gallery-wrap .arrow.next {
    transform: translateX(120%) translateY(-50%);
    right: 0;
}

.gallery-wrap .big-image:hover .arrow {
    transform: translateY(-50%);
}

.slick-slide {
    outline: none;
}


.offers .offer {
    background: #ffffff;
    width: 675px;
    margin: 0 auto 20px;
    padding: 40px;
    box-shadow: 0 0 3px rgba(0,0,0,.1);
}

.offers .offer .title {
    font: italic 300 38px/1 'GaramondC';
    color: #a82d17;
    text-align: center;
    margin-bottom: 40px;
}

.offers .offer .desc {
    font-size: 16px;
    text-align: center;
    margin: 40px 0;
}

.offers .offer .desc .small {
    font-size: 14px;
    text-align: left;
}

.offers .offer .date {
    font: italic 300 18px/1 'GaramondC';
    text-align: center;
}

.offers .offer .img {
    margin-top: 40px;
    text-align: center;
}
/* ========================================
    			#error page 404
======================================== */
.errorPage h1{
font-size: 180px;
}
.errorPage .block.first {
    background: url(/local/templates/arenastone/images/dist/kitchen-bg3.jpg?4) no-repeat center top;
    padding-top: 160px;
    height: 530px;
}
.errorPage{
   min-height: 780px;
}
.errorPage .indent-top{
margin-top: 15px;
}
.errorPage .block {
    padding: 5px 0;
    position: relative;
    box-sizing: border-box;
}
.errorPage .dark-browon{
    color: #361e1a;
    font-size: 16px;
}
/* ********************************* */
.container.for-5{
	/*
	 width: 700px;
    min-width: 700px;
	*/
}
.b-name{
	     color: #a82d17;
    text-decoration: none;
    border: none;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    bottom: 0%;
    width: 100%;
    display: block;
    background-color: rgba(255,255,255,0.8);
    text-align: center;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
padding: 7px 0px;
}

.logo-postavsikov {
    float:right;
    margin-top:-30px;
}
/* End */
/* /bitrix/components/webdebug/marque/templates/red_white/style.css?17128177951619 */
/* /bitrix/templates/.default/components/bitrix/search.title/po_title/style.css?15654703942108 */
/* /bitrix/components/ktoto/cookies/templates/.default/style.css?17605468201160 */
/* /local/templates/arenastone/template_styles.css?172251535529680 */