/* Start:/bitrix/templates/seotiv.bikra-reload/style.css?1767957632142068*/

/* @import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap&subset=cyrillic'); */
@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
*{
  /* font-family: -apple-system, BlinkMacSystemFont, 'Nunito', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; */
  /* font-family: 'Nunito', Roboto, Helvetica, Arial, sans-serif; */
  letter-spacing: -0.1px;
	font-family: 'Nunito', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
} 

body.digi-body_mobile{
  overflow: scroll !important;
}

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
}
body{
    padding: 0;
    margin: 0;
      width: 100%;
  height: 100%;
  line-height: normal;
  font-size: 16px;
}
a{
	color: #405a9a;
}
.mob{
  display: none;
}
.b-rouble{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/b-rouble.svg) left center no-repeat;
  background-size: contain;
  width: 13px;
  height: 15px;
  display: inline-block;
  margin: 0 3px;
}
.not-exist{
  margin: 50px auto;
  padding: 50px;
  padding-bottom: 190px;
  background: #f3f2f2;
  max-width: 600px;
}
.not-exist.pt{
  background: #f3f2f2 url(/bitrix/templates/seotiv.bikra-reload/img/pt-2.jpg) center bottom no-repeat;
  background-size: 100%;
}
.not-exist.el{
  background: #f3f2f2 url(/bitrix/templates/seotiv.bikra-reload/img/el.jpg) center bottom no-repeat;
  background-size: 100%;
}
.screenFlow .not-exist h1{
  padding: 0;
  margin: 0;
  padding-bottom: 30px;
}
.not-exist .info{
  padding: 50px;
  border: 5px solid #e60026;
}
.not-exist .info h2{
  /* text-transform: uppercase; */
  color: #e60026;
  margin: 30px auto;
}
.not-exist .info div{
  padding: 20px;
  font-size: 20px;
}
@media screen and (max-width: 600px){
  .not-exist{
    margin: 20px auto;
    padding: 10px;
    padding-bottom: 90px;
    background: #f3f2f2 url(/bitrix/templates/seotiv.bikra-reload/img/pt-2.jpg) center bottom no-repeat;
    background-size: contain;
    max-width: 300px;
  }
  .screenFlow .not-exist h1{
    font-size: 18px;
  }
  .not-exist .info{
    padding: 10px;
  }
  .not-exist .info h2{
    font-size: 16px;
    margin: 20px auto;
  }
  .not-exist .info div{
    font-size: 14px;
    padding: 10px;
  }
}


h3.attention{
	padding: 0 20px;
	color: #c30447;
	padding-left: 70px;
	background: url(/bitrix/templates/seotiv.bikra-reload/img/sklad.png) 20px top no-repeat;
	background-size: 40px;
	font-size: 16px;
	/* text-transform: uppercase; */
    min-height: 40px;
}
@media screen and (min-width: 1294px){
    h3.attention{
        line-height: 40px;
    }
}

/*хлебные*/

.breadcrumbx{
  padding: 0 20px;
}
.bx-breadcrumb{
  padding: 0 !important;
  margin: 0 !important;
}

/*заголовок*/

h1.pageTitle{
	font-weight: 700;
  padding: 0 20px;
  margin: 0;
  margin-bottom: 10px;
}

.mobileMenu{
  display: none;
}
@keyframes privet{
  from{
    opacity: 0
  }
  to{
    opacity: 1
  }
}
.catalog-button{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/red/icon-cat-r.png) left center no-repeat;
  background-size: 20px;
  padding-left: 25px;
  /* text-transform: uppercase; */
  font-weight: 700;
  font-size: 20px;
  cursor: pointer;
}
.catalog-close{
  position: absolute;
  left: 45px;
  bottom: 100px;
  z-index: 10;
  color: #666;
  font-size: 14px;
  cursor: pointer;
}
.catalog-close:before{
  content: '✖';
  position: absolute;
  margin-left: -20px;
}

@media screen and (max-height:700px){
  .catalog-close{
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 10;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    /* height: 20px; */
    background: #182133;
    padding: 10px;
    width: 100%;
    padding-left: 40px; 
  }
}
.catalog-list{
  display: none;
}
.catalog-list.open{
  display: block;
  position: fixed;
  top: 100px;
  width:100%;
  height:calc(100% - 100px);
  background-color: #fff;
  overflow: auto;
  left: 0;
  padding: 0;
  margin: 0;
  margin-top: 1px;
}
.catalog-list ul,
.catalog-list ul li{
  margin: 0;
  padding: 0;
  list-style-type: none;
  animation-name: privet;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
}
.catalog-list ul li a{
  color: #333;
}
.catalog-list > ul{
  width: 80%;
  height: 100%;
  position: relative;
}
.catalog-list > ul > li{
  width: 280px;
  margin-left: 30px;
  padding: 10px;
  padding-right: 15px;
  min-height: 40px;
  line-height: 16px;
  border-left: 5px solid #fff;
}
.catalog-list > ul > li.catalog-list-item > a{
  font-weight: normal;
}
.catalog-list > ul > li.catalog-list-item.active{
  border-left: 5px solid #182133;
  background: url(/bitrix/templates/seotiv.bikra-reload/img/arr.svg) 95% 14px no-repeat;
  background-size: 15px;
}

.catalog-list > ul > li.catalog-list-item.active > span > a{
  font-weight: 700;
  color: #e60026;
}
.catalog-list li > .catalog-inner-list{
  display: none;
}
.catalog-list li.active > .catalog-inner-list{
  display: block;
  position: absolute;
  top: 0;
  left: 300px;
  width: 100%;
  background-color: #fff;
  height: 100%;
  border-left: 1px solid #ededed;
}
.catalog-list ul li.small-parent{
  width: 300px;
  min-height: 40px;
  line-height: 16px;
  padding: 10px;
}
li.small-parent a {
  font-weight: normal;
}
li.small-parent.active{
  background-color: #ededed73;
}
li.small-parent.active > a{
  font-weight: 700;
  color: #e60026
}
li.small-parent .catalog-il-section{
  display: none;
}
li.small-parent.active .catalog-il-section{
  display: block;
  position: absolute;
  top: 0;
  left: 300px;
  width: calc(100% - 600px);
  background-color: #fff;
  height: 100%;
  border-left: 1px solid #ededed;
  padding: 10px 20px;
}
li.small-parent.active .catalog-il-section h2{
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
}
li.small-parent.active .catalog-il-section h4{
  font-size: 14px;
  font-weight: 700;
  /* text-transform: uppercase; */
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
}
li.small-parent.active .catalog-il-section .link-list{
  margin-bottom: 20px;
  column-count: 4;
}
li.small-parent.active .catalog-il-section .link-list a{
  display: block;
}
li.small-parent.active .catalog-il-section .link-list a:hover{
  color: #e60026;
}
@media screen and (max-width: 1500px){
  li.small-parent.active .catalog-il-section .link-list{
    column-count: 3;
  }
}
@media screen and (max-width: 1400px){
  li.small-parent.active .catalog-il-section .link-list{
    column-count: 2;
  }
}
@media screen and (max-width: 1200px){
  .catalog-list.open{
    width: 600px;
    overflow: hidden;
  }
  .catalog-list li.active > .catalog-inner-list{
    width: 299px;
  }
  li.small-parent.active .catalog-il-section{
    display: none;
  }
}
@media screen and (max-width: 600px){

  .catalog-list.open{
    padding-top: 10px;
  }
  .catalog-list{
    font-size: 18px;
  }
  .catalog-list > ul > li{
    padding: 10px;
    margin-left: 25px;
  }
  .catalog-list li:before{
    content: '•';
    color: #e60026;
    position: absolute;
    margin-left: -20px;
  }
  .catalog-list li > .catalog-inner-list{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: 100%;
    border-left: 1px solid #ededed;
    padding: 10px 25px;
  }
  .catalog-list li > .catalog-inner-list.visible{
    display: block;
    z-index: 10;
    overflow: auto;
    padding-bottom: 100px;
  }
  .back-to-first{
    margin: 20px 10px;
  }
  .back-to-first:before{
    content: '◄';
    position: absolute;
    margin-left: -20px;
    font-size: 10px;
  }
}

/*топ-панель*/


.topPanel{
  position: fixed;
  background: #fff;
  left: 0;
  top: 0;
  height: 50px;
  z-index: 101;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.topPanel .topRow{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  box-shadow: 0 0 5px #999;
}
.topPanel .topRow .bxmaker-geoip-city{
  margin: auto;
  margin-left: 10px;
  margin-top: 5px;
}
.bxmaker-geoip-component-city-line__wrap{
  display: flex;
  flex-direction: column;
  justify-content: left;
  max-width: 140px;
  overflow: hidden;
  align-items: baseline;
}
.bxmaker-geoip-component-city-line__label{
  padding-right: 0;
  margin-left: 0;
}
.bxmaker-geoip-component-city-line__content{
  margin-left: 0;
}
.bxmaker-geoip-component-city-line__value{
  font-size: 14px;
  max-width: 140px;
  overflow: hidden;
  white-space: nowrap;
}
.topPanel .topRow a.top-link{
  display: block;
  line-height: 50px;
  padding-left: 25px;
  color: #333;
  text-decoration: none;
  margin-right: 10px;
  transition: 0.3s;
}
.topPanel .topRow a.top-link:hover{
  color: #E60026;
  text-decoration: underline;
}
.topPanel .topRow a.top-link.payd{
  /* background: url(/bitrix/templates/seotiv.bikra-reload/img/red/icon-oplata-r.png) left center no-repeat; */
  background: url(/bitrix/templates/seotiv.bikra-reload/img/icons/credit-card_b.png) left center no-repeat;
  background-size: 20px;
}
.topPanel .topRow a.top-link.cont{
  /* background: url(/bitrix/templates/seotiv.bikra-reload/img/red/icon-cont-r.png) left center no-repeat; */
  background: url(/bitrix/templates/seotiv.bikra-reload/img/icons/pin_b.png) left center no-repeat;
  background-size: 18px;
  padding-left: 20px;
}
.topPanel .topRow a.top-link.time{
  /* background: url(/bitrix/templates/seotiv.bikra-reload/img/red/icon-time-r.png) left center no-repeat; */
  background: url(/bitrix/templates/seotiv.bikra-reload/img/icons/clock_b.png) left center no-repeat;
  background-size: 18px;
}
.topPanel .topRow a.top-link.pers{
  /* background: url(/bitrix/templates/seotiv.bikra-reload/img/red/icon-cab-r.png) left center no-repeat; */
  background: url(/bitrix/templates/seotiv.bikra-reload/img/icons/user_b.png) left center no-repeat;
  background-size: 20px;
}
.topPanel .topRow a.top-link.payd:hover{
  /* background: url(/bitrix/templates/seotiv.bikra-reload/img/red/icon-oplata-r.png) left center no-repeat; */
  background: url(/bitrix/templates/seotiv.bikra-reload/img/icons/credit-card_r.png) left center no-repeat;
  background-size: 20px;
}
.topPanel .topRow a.top-link.cont:hover{
  /* background: url(/bitrix/templates/seotiv.bikra-reload/img/red/icon-cont-r.png) left center no-repeat; */
  background: url(/bitrix/templates/seotiv.bikra-reload/img/icons/pin_r.png) left center no-repeat;
  background-size: 18px;
  padding-left: 20px;
}
.topPanel .topRow a.top-link.time:hover{
  /* background: url(/bitrix/templates/seotiv.bikra-reload/img/red/icon-time-r.png) left center no-repeat; */
  background: url(/bitrix/templates/seotiv.bikra-reload/img/icons/clock_r.png) left center no-repeat;
  background-size: 18px;
}
.topPanel .topRow a.top-link.pers:hover{
  /* background: url(/bitrix/templates/seotiv.bikra-reload/img/red/icon-cab-r.png) left center no-repeat; */
  background: url(/bitrix/templates/seotiv.bikra-reload/img/icons/user_r.png) left center no-repeat;
  background-size: 20px;
}
.addRow{
  position: fixed;
  background: #fff;
  left: 0;
  top: 50px;
  height: 50px;
  z-index: 99;
  width: 82%;
  height: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-shadow: 0 0 5px #999;
}
.addRow.full{
  width: 100%;
}

/*.topPanel .circle-b{
	position: absolute;
	width: 47px;
	height: 47px;
	background: url(/bitrix/templates/seotiv.bikra-reload/img/red/circle-b.svg) left center no-repeat;
	background-size: contain;
	left: 0;
	top: 0;
}*/
.topPanel .logo{
	display: flex;
	margin: 0;
	width: 100%;
	height: 47px;
	background-size: contain;
}
.topPanel .logo .circle-b{
	width: 27%;
	max-width: 47px;
	height: 47px;
	background: url(/bitrix/templates/seotiv.bikra-reload/img/red/circle-b.svg) right center no-repeat;
	background-size: contain;
	animation-name: arounding;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.topPanel .logo .text-b{
	width: 73%;
	height: 47px;
	background: url(/bitrix/templates/seotiv.bikra-reload/img/red/text-b.svg) left center no-repeat;
	background-size: contain;
}
@keyframes arounding{
	from{
		transform: rotate(0)
	}
	to{
		transform: rotate(360deg)
	}
}
.addRow .catMenu {
  margin: 0 10px 0 27px;
}
.addRow .search{
  display: flex;
  flex-direction: row;
  margin: 5px 20px;
  width: 822px;
  /* width: 22%;  */
  /*width: 50%;*/
  border: 1px solid #333;
  border-radius: 5px;
  padding: 5px 10px;
  height: 35px;
}

@media screen and (max-width: 1400px){
  .addRow .search{
    width: calc(90% - 200px);
  }
}

.bx-firefox .addRow .search{
  padding: 0 10px;
}



.search-btn{display: none;}
.search-panel{
  box-shadow: inset 0 2px 3px #dadada, 0 1px 3px #dadada;
  position: absolute;
  top: 50px;
  right: -100%;
  width: 0;
  height: 85px;
  background: #ededed;
  transition: 1s;
  z-index: 1;
  display: flex;
  justify-content: space-around;
}
.search-panel.show{
  right: 0;
  width: 100%;
}

@media screen and (max-width: 700px) and (min-width:500px){

  .topPanel .cart .cart-info .count{
    line-height: 25px;
  } 
}

.searchform-popup,
.searchform-popup form{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}
.searchform-popup form fieldset{
	border: none;
	display: contents;
}
.searchform-popup form fieldset,
.searchform-popup form{
	width: 100%;
}
.topPanel .search .b-header-search{
  border: none;
  padding: 0;
  width: 100%;
}
.search-panel .b-header-search{
  border: none;
  padding: 0;
  width: 90%;
  margin: auto;
}
.topPanel .search .b-header-search span.text,
.topPanel .search span.button-wrap,
.search-panel .b-header-search span.text,
.search-panel span.button-wrap{
  display: inline-block;
}
.topPanel .search .b-header-search span.text,
.search-panel .b-header-search span.text{
  width: calc(100% - 60px);
  position: relative;
}
.topPanel .search .b-header-search span.text .headline,
.search-panel .b-header-search span.text .headline{
  position: absolute;
  top: 0;
  left: 0;
    width: 100%;
    overflow: hidden;
	    pointer-events: none;
}
.topPanel .search .b-header-search span.text input[type=text],
.search-panel .b-header-search span.text input[type=text]{
  border: none;
  height: 25px;
  width: 100%;
}
.search-panel .b-header-search input[type=text]{
  font-size: 18px;
  padding: 2px 10px;
}
.topPanel .search span.button-wrap button.btn.btn-special,
.search-panel span.button-wrap button.btn.btn-special{
  width: 50px;
  background: url(/bitrix/templates/seotiv.bikra-reload/img/search.png) top center no-repeat;
  background-size: 25px;
  border: none;
  height: 21px;
  display: inline-block;
  cursor: pointer;
}
.topPanel .search .b-header-search span.text input[type=text]:focus,
.topPanel .search span.button-wrap button.btn.btn-special:focus,
.search-panel .b-header-search span.text input[type=text]:focus,
.search-panel span.button-wrap button.btn.btn-special:focus{
  outline: none;
}


.topPanel .phone{
  display: flex;
  margin: 0 auto 0 0;
  width: auto;
  padding-left: 5px;
  font-size: 16px;
  font-weight: 700;
}
.topPanel .phone > div{
    display: flex;
    flex-direction: column;
    justify-content: center;
	position: relative;
}
.topPanel .phone a{
  color: #000;
  display: block;
  line-height: 47px;
}
.topPanel .phone a.phonex,
.topPanel .phone a.phoned{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/phone-b.png) left 14px no-repeat;
  /* background: url(/bitrix/templates/seotiv.bikra-reload/img/icons/phone-call_b.png) left 14px no-repeat; */
  background-size: 18px;
  padding-left: 25px;
  font-size: 16px;
  margin-right: 10px;
}
.topPanel .phone a.phonex:hover,
.topPanel .phone a.phoned:hover{
 text-decoration: none;
	border-color: #e60026;
}
.topPanel .phone span.mini{
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  display: block;
  margin-top: 5px;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: -1px;
	/* margin-left: 25px; */
  width: max-content;
}
.topPanel .phone .email{
	color: #3C3F53;
	/* color: #e60026 */
  font-size: 14px;
}
@media screen and (max-width: 1350px){
  .topPanel .topRow a.top-link.payd span,
  .topPanel .topRow a.top-link.cont{
    font-size: 14px;
  }
}
@media screen and (max-width: 1280px){
  .topPanel .topRow a.top-link.payd span,
  .topPanel .topRow a.top-link.cont span{
    display: none;
  }
}
@media screen and (max-width: 1250px){
  .topPanel .topRow a.top-link.payd span,
  .topPanel .topRow a.top-link.cont span{
    display: block;
  }
}
@media screen and (max-width: 1150px){
  .topPanel .topRow a.top-link.payd span,
  .topPanel .topRow a.top-link.cont span{
    display: none;
  }
}

.topPanel .cart{
  display: block;
  margin: 0;
  margin-right: 0;
  width: 18%;
}

/*главная страница*/

/*стартовый экран*/
/* .startScreen{
  display: none;
} */
.startScreen{
  /* position: relative; */
  position: absolute;
  top: 100px;
  /* left: 135px; */
  left: 0;
  width: 82%;
  height: calc(100vh - 100px);
  z-index: 98; 
  overflow: hidden; 
  border-bottom: 5px solid #fff;  
}
 .slider{
  width: 100%;
  height: 100%;
  background: #dadada;
  overflow: hidden;
  position: relative;
}
.sl-1{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/sl-bg-1.jpg);
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation-name: sl-bg-1;
  animation-duration: 15s;
  animation-iteration-count: infinite;
}
.sl-2{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/sl-bg-2.jpg);
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation-name: sl-bg-2;
  animation-duration: 15s;
  animation-iteration-count: infinite;
}
.sl-3{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/sl-bg-3.jpg);
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  animation-name: sl-bg-3;
  animation-duration: 15s;
  animation-iteration-count: infinite;
}
@keyframes sl-bg-1{
  from{
    transform: scale(1.5);
    opacity: 1;
  }
  27%{
    opacity: 1;
  }
  33%{
    transform: scale(1);
    opacity: 0;
  }
  94%{
    transform: scale(1);
    opacity: 0;
  }
  95%{
    transform: scale(1.5);
    opacity: 0;
  }
  to{
    transform: scale(1.5);
    opacity: 1;
  }
}
@keyframes sl-bg-2{
  from{
    transform: scale(1);
    opacity: 0;
  }
  24%{
    transform: scale(1);
    opacity: 0;
  }
  27%{
    transform: scale(1.5);
    opacity: 0;
  }
  33%{
    opacity: 1;
  }
  60%{
    opacity: 1;
  }
  66%{
    transform: scale(1);
    opacity: 0;
  }
  to{
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes sl-bg-3{
  from{
    transform: scale(1.5);
    opacity: 0;
  }
  63%{
    transform: scale(1.5);
    opacity: 1;
  }
  95%{
    opacity: 1;
  }
  to{
    transform: scale(1);
    opacity: 0;
  }
}
.corner-black{
  width: 100%;
  height: 100vh;
  background: url(/bitrix/templates/seotiv.bikra-reload/img/corner-black.svg) top center no-repeat;
  background-size: cover;
  position: absolute;
  animation-name: corner-black;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}
@keyframes corner-black{
  from{
    bottom: -100%;
  }
  20%{
    bottom: 0
  }
  80%{
    bottom: 0
  }
  to{
    bottom: -100%;
  }
}
.corner-green{
  width: 100%;
  height: 100vh;
  background: url(/bitrix/templates/seotiv.bikra-reload/img/corner-green.svg) bottom center no-repeat;
  background-size: contain;
  position: absolute;
  animation-name: corner-green;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}
@keyframes corner-green{
  from{
    top: -100%;
  }
  20%{
    top: 0
  }
  80%{
    top: 0
  }
  to{
    top: -100%;
  }
}

.promoStart{
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  border-bottom: 2px solid #fff;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
}
.promoStart .phone{
  text-align: center;
  font-weight: 700;
  font-size: 44px;
  color: #fff;
  margin: 20px;
  height: 10%;
  margin-top: 10%;
  margin-bottom: auto;
  padding-left: 35px;
  position: relative;
}
.promoStart .emailx{
  font-size: 24px;
  color: #fff;
  background: #00b057;
  display: inline-block;
  padding: 7px 15px;
  border-radius: 5px;
}
.promoStart .phone a{
  color: #fff;
  position: relative;
}
.promoStart .phone a.phonex,
.promoStart .phone a.phoned{
  margin-right: 70px;
}
.promoStart .phone a.phonex:before,
.promoStart .phone a.phoned:before{
  content: '';
  position: absolute;
  background: url(/bitrix/templates/seotiv.bikra-reload/img/telephone.svg) left bottom no-repeat;
  background-size: 40px;
  width: 40px;
  height: 40px;
  margin-top: 12px;
  margin-left: -50px;
}

/* .promoStart .phone a span{
  color: #00b057;
  font-size: 0.8em;
} */
.promoStart .logo-bikra{
  /*background: url(/bitrix/templates/seotiv.bikra-reload/img/logo-bikra-wh.png) center center no-repeat;*/
  background: url(/bitrix/templates/seotiv.bikra-reload/img/bikra-wh.png) center center no-repeat;
  width: 30%;
  height: 20%;
  background-size: contain;
  margin-top: auto;
}
.promoStart .slogan{
  text-align: center;
  font-weight: 700;
  font-size: 36px;
  color: #fff;
  margin: 20px;
}
.promoStart .search{
  display: flex;
  flex-direction: row;
  margin: 20px auto;
  width: 50%;
  border: 2px solid #fff;
  border-radius: 5px;
  padding: 5px 10px;
}
.promoStart .search .b-header-search{
  border: none;
  padding: 0;
  width: 100%;
}
.promoStart .search .b-header-search span.text,
.promoStart .search span.button-wrap{
  display: inline-block;
}
.promoStart .search .b-header-search span.text{
  width: calc(100% - 60px);
  position: relative;
}
.promoStart .search .b-header-search span.text .headline{
  position: absolute;
  top: 0;
  left: 0;
  height: 36px;
  line-height: 36px;
  font-size: 24px;
  color: #fff;
}
.promoStart .search .b-header-search span.text input[type=text]{
  border: none;
  height: 36px;
  width: 100%;
  background: none;
  color: #fff;
  font-size: 24px;
}
.promoStart .search span.button-wrap button.btn.btn-special{
  width: 50px;
  background: url(/bitrix/templates/seotiv.bikra-reload/img/search-w.png) top center no-repeat;
  background-size: 42px;
  border: none;
  height: 36px;
  display: inline-block;
  cursor: pointer;
}
.promoStart .search .b-header-search span.text input[type=text]:focus,
.promoStart .search span.button-wrap button.btn.btn-special:focus{
  outline: none;
}
.promoStart .pluses{
  height: 15%;
  margin-bottom: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #fff;
}
.promoStart .pluses .dost-all-rf{
  width: 20%;
  border-right: 2px dotted #fff;
  padding: 10px 20px;
  font-size: 20px;
  padding-left: 80px;
  position: relative;
}
.promoStart .pluses .ceny-ot-proiz{
  width: 20%;
  border-right: 2px dotted #fff;
  padding: 10px 20px;
  font-size: 20px;
  padding-left: 80px;
  position: relative;
  margin-left: 20px;
}
.promoStart .pluses .tovar-vsegda{
  width: 25%;
  padding: 10px 20px;
  font-size: 20px;
  padding-left: 80px;
  position: relative;
  margin-left: 20px;
}
.promoStart .pluses .ceny-ot-proiz:before{
  content: '';
  position: absolute;
  background: url(/bitrix/templates/seotiv.bikra-reload/img/ceny-ot-proiz.png) left center no-repeat;
  background-size: 50px;
  width: 55px;
  height: 55px;
  margin-left: -60px;
  top: 5px;
}
.promoStart .pluses .dost-all-rf:before{
  content: '';
  position: absolute;
  background: url(/bitrix/templates/seotiv.bikra-reload/img/dost-all-rf.png) left center no-repeat;
  background-size: 50px;
  width: 55px;
  height: 55px;
  margin-left: -60px;
  top: 5px;
}
.promoStart .pluses .tovar-vsegda:before{
  content: '';
  position: absolute;
  background: url(/bitrix/templates/seotiv.bikra-reload/img/tovar-vsegda.png) left center no-repeat;
  background-size: 50px;
  width: 55px;
  height: 55px;
  margin-left: -60px;
  top: 5px;
} 

.corner{
  display: none;
  /* background: url(/bitrix/templates/seotiv.bikra-reload/img/h-corner.svg) bottom center no-repeat;
  width: calc(100% - 133px);
  height: 100px;
  background-size: cover;
  position: absolute;
  z-index:103;
  bottom: 0;
  right: 0; */
}

.screenFlow{

  margin-top: 60px; 
  background: #fff;
  width: 82%;
  display: flex;
  flex-direction: column;
}
.screenFlow.full{
  width: 100%;
}


.screenFlow h1{
	margin: 20px;
	padding: 0;
	/* text-transform: uppercase; */
	font-size: 28px;
}

.fastCatalog{
  width: 100%;
  text-align: center;
  padding: 20px;
  background: linear-gradient(to top, #dadada, #fff 40%);
  display: flex;
  flex-direction: column;
  padding-top: 90vh;
}
.fastCatalog h1{
   text-align: center;
   font-weight: normal;
   color: #00aaee;
   margin: 20px auto;
   padding: 0;
   /* text-transform: uppercase; */
   font-size: 44px;
}
.fastCatalog .catItem{
   display: inline-block;
   vertical-align: top;
   width: 240px;
   height: auto;
   background: lightgoldenrodyellow;
   margin: 10px;
   border: 1px solid transparent;
   transition: 0.3s;
}
.fastCatalog .catItem:hover{
   box-shadow: 0 0 10px #999;
   border-color: #fff;
}
.fastCatalog .catItem a{
   color: #000;
}
.fastCatalog .catItem a.all{
   display: inline-block;
   margin: 20px auto;
   background: #333;
   color: #fff;
   border-radius: 5px;
   padding: 7px 15px;
   font-weight: 700;
}
.fastCatalog .catItem a:hover{
   text-decoration: underline;
}
.fastCatalog .catItem ul{
   text-align: left;
   padding: 10px;
   margin: 0 20px;
   height: 120px;
}
.fastCatalog .catItem ul li{
  text-align: left;
  position: relative;
  margin-left: 10px;
}
.fastCatalog .catItem ul li:before{
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #333;
  top: 7px;
  margin-left: -18px;
}
.fastCatalog .catItem:nth-child(3n-2) li:before{
  background-color: #ff8400;
}
.fastCatalog .catItem:nth-child(3n-1) li:before{
  background-color: #0075af;
}
.fastCatalog .catItem:nth-child(3n) li:before{
  background-color: #00a247;
}

.fastCatalog .catItem:nth-child(3n-2) a.all{
  background: linear-gradient(to bottom, #ff8400, #ffaa00);
}
.fastCatalog .catItem:nth-child(3n-1) a.all{
  background: linear-gradient(to bottom, #0075af, #0096c7);
}
.fastCatalog .catItem:nth-child(3n) a.all{
  background: linear-gradient(to bottom, #00a247, #00b057);
}

@media screen and (max-width: 1024px){
	.fastCatalog .catItem:nth-child(3n-2){
	background: lightgoldenrodyellow;
	}
	.fastCatalog .catItem:nth-child(3n-1){
	background: #bfefff;
	}
	.fastCatalog .catItem:nth-child(3n){
	background: #b6ffc7;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1092px){
	.fastCatalog .catItem:nth-child(6n-5){
	background: lightgoldenrodyellow;
	}
	.fastCatalog .catItem:nth-child(6n-4){
	background: #bfefff;
	}
	.fastCatalog .catItem:nth-child(6n-3){
	background: #b6ffc7;
	}
	.fastCatalog .catItem:nth-child(6n-2),
	.fastCatalog .catItem:nth-child(6n-1),
	.fastCatalog .catItem:nth-child(6n){
	background: #555;
	}
	.fastCatalog .catItem:nth-child(6n-2) a,
	.fastCatalog .catItem:nth-child(6n-1) a,
	.fastCatalog .catItem:nth-child(6n) a{
	color: #fff;
	}
} 

@media screen and (min-width: 1093px) and (max-width: 1492px){
  .fastCatalog .catItem:nth-child(8n-7),
  .fastCatalog .catItem:nth-child(8n-4){
    background: lightgoldenrodyellow;
  }
  .fastCatalog .catItem:nth-child(8n-6){
    background: #bfefff;
  }
  .fastCatalog .catItem:nth-child(8n-5){
    background: #b6ffc7;
  }
  .fastCatalog .catItem:nth-child(8n-3),
  .fastCatalog .catItem:nth-child(8n-2),
  .fastCatalog .catItem:nth-child(8n-1),
  .fastCatalog .catItem:nth-child(8n){
    background: #555;
  }
  .fastCatalog .catItem:nth-child(8n-3) a,
  .fastCatalog .catItem:nth-child(8n-2) a,
  .fastCatalog .catItem:nth-child(8n-1) a,
  .fastCatalog .catItem:nth-child(8n) a{
    color: #fff;
  }
}

@media screen and (min-width: 1493px) and (max-width: 1756px){
  .fastCatalog .catItem:nth-child(10n-9),
  .fastCatalog .catItem:nth-child(10n-6){
    background: lightgoldenrodyellow;
  }
  .fastCatalog .catItem:nth-child(10n-8),
  .fastCatalog .catItem:nth-child(10n-5){
    background: #bfefff;
  }
  .fastCatalog .catItem:nth-child(10n-7){
    background: #b6ffc7;
  }
  .fastCatalog .catItem:nth-child(10n-4),
  .fastCatalog .catItem:nth-child(10n-3),
  .fastCatalog .catItem:nth-child(10n-2),
  .fastCatalog .catItem:nth-child(10n-1),
  .fastCatalog .catItem:nth-child(10n){
    background: #555;
  }
  .fastCatalog .catItem:nth-child(10n-4) a,
  .fastCatalog .catItem:nth-child(10n-3) a,
  .fastCatalog .catItem:nth-child(10n-2) a,
  .fastCatalog .catItem:nth-child(10n-1) a,
  .fastCatalog .catItem:nth-child(10n) a{
    color: #fff;
  }
}

@media screen and (min-width: 1757px){
  .fastCatalog .catItem:nth-child(12n-11),
  .fastCatalog .catItem:nth-child(12n-8){
    background: lightgoldenrodyellow;
  }
  .fastCatalog .catItem:nth-child(12n-10),
  .fastCatalog .catItem:nth-child(12n-7){
    background: #bfefff;
  }
  .fastCatalog .catItem:nth-child(12n-9),
  .fastCatalog .catItem:nth-child(12n-6){
    background: #b6ffc7;
  }
  .fastCatalog .catItem:nth-child(12n-5),
  .fastCatalog .catItem:nth-child(12n-4),
  .fastCatalog .catItem:nth-child(12n-3),
  .fastCatalog .catItem:nth-child(12n-2),
  .fastCatalog .catItem:nth-child(12n-1),
  .fastCatalog .catItem:nth-child(12n){
    background: #555;
  }
  .fastCatalog .catItem:nth-child(12n-5) a,
  .fastCatalog .catItem:nth-child(12n-4) a,
  .fastCatalog .catItem:nth-child(12n-3) a,
  .fastCatalog .catItem:nth-child(12n-2) a,
  .fastCatalog .catItem:nth-child(12n-1) a,
  .fastCatalog .catItem:nth-child(12n) a{
    color: #fff;
  }
}

.fastCatalog .button{
   display: inline-block;
   margin: 40px auto;
   background: #db0d4c;
   text-align: center;
   font-weight: 700;
   color: #fff;
   /* text-transform: uppercase; */
   font-size: 14px;
   box-shadow: 0 5px 20px rgba(204, 0, 51, 0.4);
   padding: 15px;
   border-radius: 5px;
}

.fastCatalog .cat-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.fastCatalog .cat-list .cat-list-item{
  margin: 40px 10px;
  width: 230px;
  padding: 20px;
  padding-top: 110px;
  background-color: #ededed;
  border-radius: 15px;
  transition: 0.3s;
  transform: scale(1);
  position: relative;
}
.fastCatalog .cat-list .cat-list-item:before{
  content: '';
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 130px;
  height: 130px;
  background-color: #f5f5f5;
  border-radius: 50%;
}
.fastCatalog .cat-list .cat-list-item:hover{
  background-color: #f5f5f5;
  box-shadow: 0 5px 10px #dadada50;
  transform: scale(1.1);
}
.fastCatalog .cat-list .cat-list-item .imgBlock{
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 200px;
  height: 200px;
  z-index: 1;
}
.fastCatalog .cat-list .cat-list-item .imgBlock.gtex{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/catalog/geotextille.png) center center no-repeat;
  background-size: contain;
}
.fastCatalog .cat-list .cat-list-item .imgBlock.gset{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/catalog/geosetka.png) center center no-repeat;
  background-size: contain;
}
.fastCatalog .cat-list .cat-list-item .imgBlock.gres{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/catalog/georeshetka.png) center center no-repeat;
  background-size: contain;
}
.fastCatalog .cat-list .cat-list-item .imgBlock.plen{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/catalog/plenka.png) center center no-repeat;
  background-size: contain;
}
.fastCatalog .cat-list .cat-list-item .imgBlock.memb{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/catalog/membrana.png) center center no-repeat;
  background-size: contain;
}
.fastCatalog .cat-list .cat-list-item .imgBlock.isol{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/catalog/gidroizolacia.png) center center no-repeat;
  background-size: contain;
}
.fastCatalog .cat-list .cat-list-item .imgBlock.gmat{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/catalog/geomaty.png) center center no-repeat;
  background-size: contain;
}
.fastCatalog .cat-list .cat-list-item .imgBlock.gabi{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/catalog/gabi.png) center center no-repeat;
  background-size: contain;
  height: 160px;
}
.fastCatalog .cat-list .cat-list-item .imgBlock.gmem{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/catalog/geomembrana.png) center center no-repeat;
  background-size: contain;
    height: 140px;
    top: -40px;
}
.fastCatalog .cat-list .cat-list-item .imgBlock.utep{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/catalog/uteplitel.png) center center no-repeat;
  background-size: contain;
    height: 150px;
    top: -40px;
}
.fastCatalog .cat-list h3{
  text-align: left;
  color: #333;
  /* text-transform: uppercase;  */
  font-size: 22px;
  font-weight: 700;
  z-index: 2;
  position: relative;
}
.fastCatalog .cat-list h3 a{
  color: #000;
}
.fastCatalog .cat-list ul{
  text-align: left;
  color: #e60026;
}
.fastCatalog .cat-list li{
  list-style-position: inside;
}
.fastCatalog .cat-list li a{
  color: #000;
}
.fastCatalog .cat-list a:hover{
  text-decoration: underline;
  cursor: pointer;
}

.description{
   display: flex;
   flex-direction: column;
   background: url(/bitrix/templates/seotiv.bikra-reload/img/text-bg.jpg) left center no-repeat;
  background-size: 35vw;
  padding-left: calc(35vw + 20px);
}
.description h2{
    margin: 20px 0;
    margin-right: 20px;
    color: #000;
    font-size: 30px;
    font-weight: 400;
}
.description .text{
    position: relative;
    margin-left: -10vw;
    background: rgba(256, 256, 256, 0.8);
    padding: 20px 40px;
    font-size: 14px;
}
.description .text p{
    margin: 7px 0;
}
.description ul{
    margin-top: 20px;
    list-style-type: none;
}
.description ul li{
    position: relative;
    padding-left: 30px;
}
.description ul li:before{
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background: #000;
    margin: 7px 0 0 -30px;
}
.description .subscribe{
    display: flex;
    flex-direction: row;
    border-top: 2px solid #00aaee;
    margin: 20px;
    padding: 20px 0;
}
.description .subscribe p{
    /* text-transform: uppercase; */
    font-size: 14px;
    font-weight: 700;
    width: 55%;
    margin-right: 20px;
}
.description .subscribe .button{
    display: block;
    margin: auto;
    background: #00aaee;
    text-align: center;
    font-weight: 700;
    color: #fff;
    /* text-transform: uppercase; */
    font-size: 14px;
    box-shadow: 0 5px 20px rgba(0, 170, 238, 0.4);
    width: 300px;
    padding: 15px;
    border-radius: 5px;
}


.footer{
    background: #2c2f46;
    background-size: contain;
    width: 100%;
    min-height: 300px;
    position: relative;
    display: flex;
    flex-direction: column;
	z-index: 97;
}
.footer .phonex,
.footer .phoned{
  display: block;
}
.footer span.mini{
  font-size: 12px;
  display: block;
}
.copyright{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 70px;
    line-height: 35px;
    color: #fff;
    background: #2c2f46;
    padding: 20px;
}
.copyright a{
    margin-left: 20px;
    border-left: 2px dotted #fff;
    padding-left: 20px;
    color: #fff;
}
.f-content{
    display: flex;
    flex-direction: row;
    margin-top: 120px;
    background-color: #fff;
}
.f-content .col-30{
    width: 40%;
}
.f-content .first{
    padding-left: 20%;
}
.f-content .col-40{
    width: 40%;
}
.f-content h3{
    padding: 0;
    margin: 0;
    color: #fff;
    /* text-transform: uppercase; */
    font-size: 30px;
    line-height: 35px;
    margin-top: -35px;
}
.f-content .f-logo{
    width: 100%;
    height: 80px;
    margin: 10px 0 5px 0;
    background: url(/bitrix/templates/seotiv.bikra-reload/img/bikra-wh.png) 95% top no-repeat;
    background-size: contain;
    margin-top: -90px;
}
.f-content ul{
    height: 81%;
    padding: 40px 0;
    margin: 0;
    list-style-type: none;
}
.f-content ul li{
    border-left: 2px dotted #00aaee;
    padding: 5px 10px;
    margin-bottom: 2px;
}

/*region payMethods*/
.payments{
	display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.payments .sber-card{
	background: #fff url(/bitrix/templates/seotiv.bikra-reload/img/sber-card-new.png) center center no-repeat;
	border: 1px solid #dadada;
	border-radius: 3px;
	width: 105px;
	height: 35px;
	background-size: 85px;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.payments .visa-card{
	background: #fff url(/bitrix/templates/seotiv.bikra-reload/img/visa-card.png) center center no-repeat;
	border: 1px solid #dadada;
	border-radius: 3px;
	width: 60px;
	height: 35px;
	background-size: 70px;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.payments .mc-card{
	background: #fff url(/bitrix/templates/seotiv.bikra-reload/img/mc-card.png) center center no-repeat;
	border: 1px solid #dadada;
	border-radius: 3px;
	width: 60px;
	height: 35px;
	background-size: cover;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.payments .mir-card{
	background: #fff url(/bitrix/templates/seotiv.bikra-reload/img/mir-card.png) center center no-repeat;
	border: 1px solid #dadada;
	border-radius: 3px;
	width: 60px;
	height: 35px;
	background-size: 70px;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.payments .nal-card{
	background: #fff url(/bitrix/templates/seotiv.bikra-reload/img/nal-card.png) center center no-repeat;
	border: 1px solid #dadada;
	border-radius: 3px;
	width: 90px;
	height: 35px;
	background-size: 85px;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.payments .beznal-card{
	background: #fff url(/bitrix/templates/seotiv.bikra-reload/img/beznal-card.png) center center no-repeat;
	border: 1px solid #dadada;
	border-radius: 3px;
	width: 90px;
	height: 35px;
	background-size: 85px;
	padding: 5px;
	margin-right: 0;
	margin-bottom: 5px;
}

/*big*/
.payments.big .sber-card{
	width: 155px;
	height: 65px;
	background-size: 145px;
}
.payments.big .visa-card{
	width: 120px;
	height: 65px;
	background-size: 120px;
}
.payments.big .mc-card{
	width: 120px;
	height: 65px;
	background-size: cover;
}
.payments.big .mir-card{
	width: 120px;
	height: 65px;
	background-size: 130px;
}
.payments.big .nal-card{
	width: 140px;
	height: 65px;
	background-size: 130px;
}
.payments.big .beznal-card{
	width: 140px;
	height: 65px;
	background-size: 130px;
}

/*end region*/

.f-content .f-info{
    width: 100%;
    min-height: 406px;
    padding: 40px 20px;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}



.f-content .f-info .phone{
    font-size: 24px;
    font-weight: 700;
}
.f-content .f-info .slogan{
    font-size: 18px;
    font-weight: 700;
    padding: 10px 0;
}
.f-content .f-info .address{
    padding: 10px 0;
}
.f-content .f-info .worktime{
    padding: 10px 0;
}
.f-content .f-info .email{
    padding: 10px 0;
    font-size: 18px;
    font-weight: 700;
}
.f-content a{
    color: #333;
    transition: 0.5s;
}
.f-content a:hover{
    padding-left: 30px;
    padding-right: 5px;
    margin-left: -20px;
    text-decoration: underline;
}

.staticPage{
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  font-size: 18px;
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}
.staticPage p{
  margin: 15px 0;
}
.staticPage .infoBox{
  background: #ccffcc;
  border-left: 5px solid #33cc66;
  font-size: 20px;
  padding: 20px;
}
.staticPage p,
.staticPage h1,
.screenFlow .staticPage h1,
.staticPage h2,
.staticPage h3,
.staticPage h4,
.staticPage h5{
  width: 100%;
}
.screenFlow .staticPage h1,
.staticPage h2{
	margin: 20px 0;
}
.staticPage .listStyle li{
  margin: 10px 20px;
  list-style-type: circle;
}
.staticPage .flex{
  flex-direction: row;
  flex-wrap: wrap;
}

.screenFlow .staticPage .delivery-information{
  color: #2c2f46;
}
.screenFlow .staticPage .delivery-information a{
  color: #34365B;
}
.screenFlow .staticPage .delivery-information a:hover{
  text-decoration: underline;
}
.screenFlow .staticPage .delivery-information h1{
  margin: 0;
  margin-bottom: 20px;
  font-size: 36px;
  padding: 0;
}
.screenFlow .staticPage .delivery-information h3{
  font-size: 24px;
  /* text-transform: uppercase; */
}
.screenFlow .staticPage .delivery-information .about-region{
  border-left: 5px solid #34365B;
  padding-right: 40%;
  padding-left: 20px;
  background: url(/bitrix/templates/seotiv.bikra-reload/img/all2.jpg) top right no-repeat;
  background-size: 40%;
  margin: 40px 0;
}
.screenFlow .staticPage .delivery-information .about-mos{
  background: #ededed;
  padding: 20px;
  margin-bottom: 40px;
}
.screenFlow .staticPage .delivery-information .about-samov ul{
  color: #34365B;
  width: 30%;
  display: inline-block;
  vertical-align: top;
}
.screenFlow .staticPage .delivery-information .about-samov ul,
.screenFlow .staticPage .delivery-information .about-samov ul li{
  list-style-type: disc;
  list-style-position: inside;
}
.screenFlow .staticPage .delivery-information .about-samov ul li{
  padding: 5px 0;
}
.screenFlow .staticPage .delivery-information .about-samov ul li span{
  color: #2c2f46;
}

.screenFlow .staticPage .delivery-information .about-mos .tabs-container .tabsy{
  display: flex;
  flex-wrap:wrap;
}
.screenFlow .staticPage .delivery-information .about-mos .tabs-container .tabsy .tab-block{
  border: 1px solid #34365B;
  color: #34365B;
  border-radius: 3px;
  margin: 5px 10px 5px 0;
  padding: 5px 10px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.screenFlow .staticPage .delivery-information .about-mos .tabs-container .tabsy .tab-block.active{
  background-color: #34365B;
  color: #fff;
}
.screenFlow .staticPage .delivery-information .about-mos .tabs-container .content{
  padding: 20px;
  margin: 10px;
}
.screenFlow .staticPage .delivery-information .about-mos .tabs-container .content #autogabaryte .item-block{
  display: flex;
}
.screenFlow .staticPage .delivery-information .about-mos .tabs-container .content #autogabaryte .item-block:nth-child(2n){
  border-top: 2px solid #dadada;
}
.screenFlow .staticPage .delivery-information .about-mos .tabs-container .content #autogabaryte .carImage{
  width: 30%;
  height: 200px;
  background-repeat: no-repeat;
  background-size: contain;
}
.screenFlow .staticPage .delivery-information .about-mos .tabs-container .content #autogabaryte .delivColumn{
  display: flex;
  justify-content: space-between;
  height: 200px;
  align-items: center;
  color: #2d2f47;
  font-size: 30px;
  font-weight: 700;
  width: 70%;
}
.screenFlow .staticPage .delivery-information .about-mos .tabs-container .content #autogabaryte .delivColumn > div{
  margin-right: auto;
}
.screenFlow .staticPage .delivery-information .about-mos .tabs-container .content #autogabaryte .delivColumn p{
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #666;
}
@media screen and (max-width: 1024px){
  .screenFlow .staticPage .delivery-information .about-region{
    padding-right: 20px;
    background-position: center bottom;
    padding-bottom: 150px;
    background-size: 80%;
  }
  .screenFlow .staticPage .delivery-information .about-samov ul{
    width: 45%;
  }
  .screenFlow .staticPage .delivery-information .about-mos .tabs-container .content #autogabaryte .item-block{
    flex-direction: column;
  }
  .screenFlow .staticPage .delivery-information .about-mos .tabs-container .content #autogabaryte .carImage{
    width: 100%;
    background-position: center;
    height: 100px;
    background-size: 200px;
  }
  .screenFlow .staticPage .delivery-information .about-mos .tabs-container .content #autogabaryte .delivColumn{
    width: 100%;
    height: auto;
    flex-wrap:wrap;
  }
  .screenFlow .staticPage .delivery-information .about-mos .tabs-container .content #autogabaryte .delivColumn > div{
    height: 70px;
    min-width: 150px;
  }
  
}
@media screen and (max-width: 400px){
  .screenFlow .staticPage .delivery-information .about-region{
    padding-right: 20px;
    background-position: center bottom;
    padding-bottom: 90px;
    background-size: 100%;
  }
  .screenFlow .staticPage .delivery-information .about-samov ul{
    width: 90%;
  }
  .f-content{
    margin-top: 40px;
  }
  .f-content h3{
    margin-top: 0px;
  }
  .f-content .f-logo{
      margin-top: 0px;
  }
}


.screenFlow .staticPage .partnership{
  color: #2c2f46;
}
.screenFlow .staticPage .partnership h1{
  margin: 0;
  margin-bottom: 20px;
  font-size: 36px;
  padding: 0;
}
.screenFlow .staticPage .partnership a{
  color: #e60026;
}
.screenFlow .staticPage .partnership a:hover{
  text-decoration: underline;
}
.screenFlow .staticPage .partnership form{
  background-color: #f5f5f5;
  padding: 50px;
}
.screenFlow .staticPage .partnership form h3{
  text-align: center;
  font-size: 24px;
  color: #e60026;
  /* text-transform: uppercase; */
  margin-bottom: 30px;
}
.screenFlow .staticPage .partnership form .form-row{
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.screenFlow .staticPage .partnership form .form-row .form-cell{
  margin: 10px;
  position: relative;
}
.screenFlow .staticPage .partnership form .form-row .form-cell.quarter{
  width: 25%;
}
.screenFlow .staticPage .partnership form .form-row .form-cell.half{
  width: 50%;
}
.screenFlow .staticPage .partnership form .form-row .form-cell.full{
  width: 100%;
}
.screenFlow .staticPage .partnership form .form-row .form-cell label{
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 14px;
  color: #999;
  transition: all 0.5s ease;
}
.screenFlow .staticPage .partnership form .form-row .form-cell input,
.screenFlow .staticPage .partnership form .form-row .form-cell textarea{
  width: 100%;
  border: 1px solid #dadada;
  border-radius: 3px;
  padding: 10px;
  outline: none;
}
.screenFlow .staticPage .partnership form .form-row.right{
  justify-content: right;
}
.screenFlow .staticPage .partnership form .form-row .pin:-webkit-file-upload-button {
  visibility: hidden;
}
.screenFlow .staticPage .partnership form .form-row .pin{
  margin-left: auto;

  display: flex;
  align-items: center;
}
.screenFlow .staticPage .partnership form .form-row .pin .pin-button{
  border-radius: 3px;
  border: 1px solid #2f324a75;
  padding: 10px 20px;
  background-color: #fff;
  color:  #e60026;
  font-weight: 700;
  font-size: 16px;
  margin-right: 10px;
  cursor: pointer;
  box-shadow: 0 3px 0 #dadada;
}
.screenFlow .staticPage .partnership form .form-row .pin input[type=file]{
  display: none;
}
.screenFlow .staticPage .partnership form .form-row .pin .js-fileName{
  font-size: 14px;
  font-weight: 700;
  color: #2f324a;
  margin-right: 10px;
  position: absolute;
  margin-top: 75px;
}
.screenFlow .staticPage .partnership form .resultok{
  text-align: center;
  margin: 20px auto;
  background-color:#2f324a15;
  padding: 10px;
  border-radius: 3px;
  margin-bottom: 30px;
  display: block;
}


.screenFlow .staticPage .partnership form .form-row .send{
  border-radius: 3px;
  background-color: #2f324a;
  padding: 10px 20px;
  /* text-transform: uppercase; */
  color: #fff;
  font-weight: 700;
  border: none;
  cursor: pointer;
  box-shadow: 0 3px 0 #dadada;
}
.screenFlow .staticPage .partnership form .form-row .pin .pin-button:hover{
  box-shadow: 0 5px 7px #2f324a25;
}
.screenFlow .staticPage .partnership form .form-row .send:hover{
  box-shadow: 0 5px 7px #2f324a25;
}
.screenFlow .staticPage .partnership form .form-row .g-recaptcha{
  margin-left: auto;
}
@media screen and (max-width:767px) {
  .screenFlow .staticPage .partnership form .form-row{
    flex-direction: column;
    flex-wrap: wrap;
  }
  .screenFlow .staticPage .partnership form .form-row .form-cell.quarter,
  .screenFlow .staticPage .partnership form .form-row .form-cell.half,
  .screenFlow .staticPage .partnership form .form-row .form-cell.full{
    width: 100%;
  }
  .screenFlow .staticPage .partnership form .form-row .pin {
    margin: auto;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
  }
  .screenFlow .staticPage .partnership form .form-row .pin .js-fileName{
    position: relative;
    margin-top: 10px;
  }
  .screenFlow .staticPage .partnership form .form-row .g-recaptcha{
    margin: auto;
    
  }
  .screenFlow .staticPage .partnership form .form-row .send{
    width: 200px;
    margin: auto;
  }
}
@media screen and (max-width:400px){
  .screenFlow .staticPage .partnership form{
    padding: 10px;
  }
  .screenFlow .staticPage .partnership form .form-row .g-recaptcha{
    margin-left: -30px;
  }
}
@media screen and (max-width:390px){
  .screenFlow .staticPage .partnership form .form-row .g-recaptcha{
    margin-left: -20px;
    transform: scale(0.85);

  }
  .screenFlow .staticPage .partnership form .form-row .form-cell.quarter, 
  .screenFlow .staticPage .partnership form .form-row .form-cell.half, 
  .screenFlow .staticPage .partnership form .form-row .form-cell.full{
    width: 90%;
  }
  .screenFlow .staticPage .partnership h1{
    font-size: 30px;
  }
}

.screenFlow .staticPage .payment-variety h1{
  margin: 0;
  margin-bottom: 40px;
  font-size: 36px;
  padding: 0;
}
.screenFlow .staticPage .payment-variety h3{
  font-size: 20px;
  color: #2f324a;
  /* text-transform: uppercase; */
  margin-top: 10px;
  margin-bottom: 10px;
}
.screenFlow .staticPage .payment-variety a{
  color: #34365B;
}
.screenFlow .staticPage .payment-variety a:hover{
  text-decoration: underline;
}
.screenFlow .staticPage .payment-variety .qr-code,
.qr-code.in-basket {
  width: 100%;
  min-width: 135px;
  height: 90px;
  padding-left: 20px;
  background: url(/bitrix/templates/seotiv.bikra-reload/img/b-qr.svg) left center no-repeat;
  background-size: 80px;
  padding-left: 100px;
  font-size: 10px;
  /* text-transform: uppercase; */
  font-weight: 700;
  font-size: 14px;
  margin-top: 10px;
}
.qr-code-new,
.qr-code-new.in-basket{
  max-width: 300px;
  min-width: 135px;
  height: 90px;
  /* font-size: 10px; */
  /* text-transform: uppercase;
  font-weight: 700; */
  font-size: 16px;
  margin: 10px 0;
  display: flex;
}
.qr-code-new svg,
.qr-code-new.in-basket svg{
  margin-right: 10px;
  margin-top: 0;
  width: 30%;
  top: 0;
}
.qr-code-new p,
.qr-code-new.in-basket p{
  color: #e60026;
  margin-top: 5px;
}


.qr-code.in-basket{
  margin: 10px auto;
  width: 280px;
}
.screenFlow .staticPage .payment-variety .qr-code p,
.qr-code.in-basket p{
  padding: 0;
  margin: 0;
  padding-top: 10px;
}
.screenFlow .staticPage .payment-variety ul{
  width: 45%;
  display: inline-block;
  vertical-align: top;
}
.screenFlow .staticPage .payment-variety ul li{
  padding-left: 70px;
  margin-bottom: 40px;
  list-style-type: none;
}
.screenFlow .staticPage .payment-variety ul li:before{
  content:'';
  position: absolute;
  width: 60px;
  height: 60px;
  background-color: #34365B;
  border-radius: 50%;
  margin-left: -70px;
  margin-top: -15px;
  line-height: 60px;
  text-align: center;
  font-size: 30px;
  color: #fff;
  font-weight: 700;
}
.screenFlow .staticPage .payment-variety ul li#p1:before{
  content: '1';
}
.screenFlow .staticPage .payment-variety ul li#p2:before{
  content: '2';
}
.screenFlow .staticPage .payment-variety ul li#p3:before{
  content: '3';
}
.screenFlow .staticPage .payment-variety ul li#p4:before{
  content: '4';
}
.screenFlow .staticPage .payment-variety ul li#p5:before{
  content: '5';
}

@media screen and (max-width:600px) {
  .screenFlow .staticPage .payment-variety ul{
    width: 90%;
    display: inline-block;
    vertical-align: top;
  }
}





.staticPage span.mini,
.staticPage .phonex,
.staticPage .phoned{
  display: block;
}
.staticPage span.mini{
  font-size: 12px;
}
.deliveryTable{
  margin:20px 0;
}
.deliveryTable thead{
  font-weight: 700;
  color: #0062a8;
  background: #e5f3fd;
}
.deliveryTable tr td{
  padding: 10px;
}
.deliveryTable tr:nth-child(2n) td{
  background: #ededed;
}
td.sam{
  color: #0062a8;
  background: #e5f3fd;
  border-top: 2px dotted #0062a8;
}
.newDeliveryBlock{
	background: url(/bitrix/templates/seotiv.bikra-reload/img/road.jpg) center center no-repeat;
	border-radius: 10px;
	background-size: cover;
	display: flex;
	overflow: hidden;
	margin: 20px;
}
.newDeliveryBlock > div{
  width: 50%;
}
.newDeliveryBlock .buttonBlock{
  text-align: center;
  padding: 20px;
}
.newDeliveryBlock a.pop_up_btn{
  padding: 15px 25px;
  background: #00b057;
  color: #fff;
  border-radius: 5px;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  /* text-transform: uppercase; */
}
.contacts{
	display: flex;
	flex-direction: row;
  flex-wrap: wrap;
}
.contacts .mp{
  padding-left: 35px;
  height: 30px;
}
.contacts .mp.ozon{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/mp/ozon.png) left center no-repeat;
  background-size: 30px;
}
.contacts .mp.ym{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/mp/ym.png) left center no-repeat;
  background-size: 30px;
}
.contacts .flex{
  display: flex;
	flex-direction: row;
  flex-wrap: no-wrap;
}
.contacts .flex p{
  width: 150px;
}
.contacts .box{
	width: 50%;
  min-width: 300px;
  padding: 10px 10px 20px;
}
.contacts h4{
  margin-top: 10px;
}
.contacts p{
  padding: 5px 0;
  margin: 0;
}
.contacts a{
  color: #000;
  text-decoration: underline;
}
.contacts a:hover{
  color: #e60026;
}
.contacts .c-map{
  background: #e8f7d8 url(/bitrix/templates/seotiv.bikra-reload/img/c-map.jpg) center center no-repeat;
  background-size: cover;
  max-width: 450px;
  height: 300px;
  min-width: 300px;
  min-height: 200px;
  border-radius: 10px;
}
.contacts .map-pin{
  border-radius: 10px;
  padding: 10px 15px;
  box-shadow: 0 1px 3px #dadada;
  max-width: 450px;
  min-width: 300px;
  margin: 10px 0;
}
.contacts .map-pin p.right{
  text-align: right;
}
.contacts .map-pin a{
  /* display: block;
  margin-right: 0;
  margin-left: 50%; */
  color: #0078ff;
}
@media screen and (max-width: 900px){
  .contacts .box{
    width: 100%;
}
}
.textBlock{
	background: linear-gradient(to right, rgba(0, 0, 0, 0.8), transparent);
	color: #fff;
	padding: 20px;
	font-weight: 700;
}


.oplataTypes{
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 20px 0;
}
.oplataTypes .block{
  border-radius: 50%;
  width: 150px;
  height: 150px;
  border: 1px solid #dadada;
  padding: 20px;
  display: flex;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  align-items: center;
}


/*catalog*/
.top-adv-menu{
  display: none;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  width: 45%;
  height: 50px;
  top: 50px;
  right: 19%;
  z-index: 101;
  padding: 10px 20px;
  overflow: hidden;
}

.top-adv-menu ul{
  line-height: 30px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  height: 32px;
}
.top-adv-menu ul li{
  display: inline-block;
  margin-right: 10px;
}
.top-adv-menu ul li a{
  color: #333;
  font-size: 14px;
  /* font-weight: 700;
  text-transform: uppercase; */
  text-decoration: none;
  border-radius: 3px;
  transition: all 0.3s ease;
}
.top-adv-menu ul li a:hover{
  color: #e60026;
  text-decoration: underline;
}
.wedodelivery{
  display: none;
}
  /* flex-direction: column;
  
}
.wedodelivery p{
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  background: linear-gradient(to bottom, #dadada, #fff);
  padding: 5px;
  margin: 0;
}
.wedodelivery .logos{
  display: flex;
}
.wedodelivery .logos .l-bikra{
  background: #e60026 url(/bitrix/templates/seotiv.bikra-reload/img/biksmalllogo.png) center center no-repeat;
  background-size: 80%;
  height: 30px;
  width: 40%;
  border-radius: 0 0 0 10px;
}
.wedodelivery .logos .l-yago{
  background: #3c3f53 url(/bitrix/templates/seotiv.bikra-reload/img/yagologo.png) center center no-repeat;
  background-size: 80%;
  height: 30px;
  width: 60%;
  border-radius: 0 0 10px 0;
}
.delivery-information .wedodelivery p{
  text-align: left;
  background: none;
}
.delivery-information .wedodelivery .logos .l-bikra{
  width: 100px;
  border-radius: 5px;
  background-size: 80px;
  margin-right: 5px;
}
.delivery-information .wedodelivery .logos .l-yago{
  width: 140px;
  border-radius: 5px;
  background-size: 130px;
}
.delivery-information .wedodelivery p.info{
  /* background-color: #e600262a;
  color: #e60026; *//*
  background-color: #afe91978;
  color: #3c3f53;
  text-transform: none;
  margin: 5px 0;
} */


@media screen and (max-width: 450px) {
  .top-adv-menu{
    display: none;
  }
}

.product-item-container.hover .btn.btn-primary.btn-sm,
.product-item-container .btn.btn-primary.btn-sm{
  /* background: #3C3F53 url(/bitrix/templates/seotiv.bikra-reload/img/sh-cart.png) 3px 4px no-repeat; */
  background: #0077ff url(/bitrix/templates/seotiv.bikra-reload/img/sh-cart.png) 3px 4px no-repeat;
  background-size: 20px;
  padding: 5px 20px;
  padding-left: 35px;
  color:#fff;
  cursor:pointer;
  border-radius: 5px;
  text-align: left;
  border: none;
  /* text-transform: uppercase; */
  font-size: 12px;
  font-weight: 700;
  height: 28px;
  margin-left: 3px;

}
.product-item-container .product-item .btn.btn-primary.btn-sm:hover{
  background-color: #0060cd;

}
/* .product-item-container.hover .btn.btn-primary.btn-sm:hover{
  background-color: #E60026;
} */


/*mobile menu*/
.nav {
  width: 320px;
  min-width: 320px;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  margin: 0;
  left: -320px;
  padding: 15px 0;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  transition: left 0.3s;
  /*background: #00b057;*/
	background: #777a88;
  z-index: 2000;
}
.nav-toggle {
  position: absolute;
  left: 320px;
  top: 0;
  padding: 10px;
  height: 50px;
  background: inherit;
  color: #fff;
  cursor: pointer;
  font-size: 1.2em;
  line-height: 1;
  z-index: 2001;
  -webkit-transition: color .25s ease-in-out;
  -moz-transition: color .25s ease-in-out;
  transition: color .25s ease-in-out;
}

.nav-toggle:after {
  content: '\2630';
  text-decoration: none;
}

.nav-toggle:hover {
  color: #f4f4f4;
}

[id='nav-toggle'] {
  position: absolute;
  display: none;
}

[id='nav-toggle']:checked ~ .nav > .nav-toggle {
  left: auto;
  right: 2px;
  top: 0;
  background: transparent;
}

[id='nav-toggle']:checked ~ .nav {
  left: 0;
  box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
  -moz-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
  -webkit-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
  overflow-y: auto;
}

[id='nav-toggle']:checked ~ main > article {
  -webkit-transform: translateX(320px);
  -moz-transform: translateX(320px);
  transform: translateX(320px);
}

[id='nav-toggle']:checked ~ .nav > .nav-toggle:after {
  content: '\2715';
}

body {
  animation: bugfix infinite 1s;
  -webkit-animation: bugfix infinite 1s;
}

@media screen and (max-width: 320px) {
  html,
  body {
    margin: 0;
    overflow-x: hidden;
  }
  .nav {
    width: 100%;
    box-shadow: none
  }
}

@keyframes bugfix {
  to {
    padding: 0;
  }
}
@-webkit-keyframes bugfix {
  to {
    padding: 0;
  }
}

.nav > ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
	margin-bottom: 50px;
}

.nav > ul > li {
  padding: 20px;
  padding-left: 40px;
  opacity: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  transform: translateX(-50%);
    -webkit-transition: opacity .5s .1s, -webkit-transform .5s .1s;
    -moz-transition: opacity .5s .1s, -moz-transform .5s .1s;
    -ms-transition: opacity .5s .1s, -ms-transform .5s .1s;
  transition: opacity .5s .1s, transform .5s .1s;
  /*background: url(/bitrix/templates/seotiv.bikra-reload/img/panel-item-list-bg.png) left bottom repeat-x;*/
}
.nav li:before,
div.tabs:before{
  content: '';
  position: absolute;
  /*top: 20px;*/
  left: 10px;
  width: 25px;
  height: 25px;
  margin-right: 15px;
	
}
div.tabs > div.tab:first-child{
	padding: 10px 0;
	background-color: #383a49;
}
div.tabs:before{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/icon-cat.png) center 3px no-repeat;
  background-size: 22px;
	margin-top: 30px;
}
.nav li.cab:before{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/icon-cab.png) center 3px no-repeat;
  background-size: 22px;
}
.nav li.time:before{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/icon-time.png) center 3px no-repeat;
  background-size: 22px;
}
.nav li.onpay:before{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/oplata.png) center 3px no-repeat;
  background-size: 22px;
}
.nav li.dosop:before{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/dosop.png) center 3px no-repeat;
  background-size: 16px;
}
.nav li.cont:before{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/cont.png) center 3px no-repeat;
  background-size: 15px;
}

.nav li.cab,
.nav li.time,
.nav li.onpay,
.nav li.dosop,
.nav li.cont{
  /*padding-bottom: 30px;*/
  color: #fff;
  font-weight: 700;
  /* text-transform: uppercase; */
	border-bottom: 2px solid #797b86;
	box-shadow: 0 5px 7px #707380, inset 0 -7px 10px #90939e;
}
.nav li.cab,
.nav li.cont{
	box-shadow: none;
}
.nav li.cab a,
.nav li.time a,
.nav li.onpay a,
.nav li.dosop a,
.nav li.cont a{
  color:#fff;
}

[id='nav-toggle']:checked ~ .nav > ul > li {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.nav > ul > li:nth-child(2) {
  -webkit-transition: opacity .5s .2s, -webkit-transform .5s .2s;
  transition: opacity .5s .2s, transform .5s .2s;
}

.nav > ul > li:nth-child(3) {
  -webkit-transition: opacity .5s .3s, -webkit-transform .5s .3s;
  transition: opacity .5s .3s, transform .5s .3s;
}

.nav > ul > li:nth-child(4) {
  -webkit-transition: opacity .5s .4s, -webkit-transform .5s .4s;
  transition: opacity .5s .4s, transform .5s .4s;
}

.nav > ul > li:nth-child(5) {
  -webkit-transition: opacity .5s .5s, -webkit-transform .5s .5s;
  transition: opacity .5s .5s, transform .5s .5s;
}

.nav > ul > li:nth-child(6) {
  -webkit-transition: opacity .5s .6s, -webkit-transform .5s .6s;
  transition: opacity .5s .6s, transform .5s .6s;
}

.nav > ul > li:nth-child(7) {
  -webkit-transition: opacity .5s .7s, -webkit-transform .5s .7s;
  transition: opacity .5s .7s, transform .5s .7s;
}

.nav > ul > li > a {
  display: inline-block;
  position: relative;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 1.2em;
  color: #dadada;
  width: 100%;
  text-decoration: none;
  /* плавный переход */
  transition: color .5s ease, padding .5s ease;
  -webkit-transition: color .5s ease, padding .5s ease;
  -moz-transition: color .5s ease, padding .5s ease;

}

.nav > ul > li > a:hover,
.nav > ul > li > a:focus {
  color: white;
  padding-left: 15px;
}

.nav > ul > li > a:before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  -webkit-transition: width 0s ease;
  transition: width 0s ease;
}

.nav > ul > li > a:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #3bc1a0;
  -webkit-transition: width .5s ease;
  transition: width .5s ease;
}

.nav > ul > li > a:hover:before {
  width: 0%;
  background: #3bc1a0;
  -webkit-transition: width .5s ease;
  transition: width .5s ease;
}

.nav > ul > li > a:hover:after {
  width: 0%;
  background: transparent;
  -webkit-transition: width 0s ease;
  transition: width 0s ease;
}

.mask-content {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  visibility: hidden;
  opacity: 0;
}
[id='nav-toggle']:checked ~ .mask-content {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .5s, visibility .5s;
  transition: opacity .5s, visibility .5s;
}
.nav .tabs {
  overflow: hidden;
}
.nav  .tab {
  width: 100%;
  color: #3C3F53;
  overflow: hidden;
  /*box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3), inset 0 -3px 20px -5px rgba(256, 256, 256, 0.4);*/
  /*background: url(/bitrix/templates/seotiv.bikra-reload/img/panel-item-list-bg.png) left bottom repeat-x;*/
}
.nav .tab input[type=checkbox]{
  display: none;
}
.nav .tab-label {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 20px;
  /*padding-top: 7px;*/
  padding-left: 40px;
  padding-right: 70px;
  /*padding-bottom: 30px;*/ /*1802*/
  font-weight: bold;
  cursor: pointer;
  /* text-transform: uppercase; */
  position: relative;
  font-size: 15px;
}  
.nav .tab .tab-label,
a.link{
	color: #3C3F53;
	border-top: 1px solid #3C3F53;
	border-bottom: 1px solid #3C3F53;
  margin-bottom: 0;
}
a.link{
	border-top: none;
}
.nav .tab-label.to-cat{
	font-size: 20px;
	border: none;
}

.nav .tab .tab-label.to-cat{
	color: #fff;
}

/* Icon */
.tab-label:before {
  content: '';
  width: 12px;
  height: 12px;
  text-align: center;
   -webkit-transition: all 0.35s;
  transition: all 0.35s;
  margin-right: 38px;
	margin-top: -2px;
  background: rgba(256, 256, 256, 0.75);
  padding: 7px;
  right: 0;
  	position: absolute;
	border-radius: 50%;
  box-sizing: content-box;
}
.tab-label:after {
  content: "\276F";
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
   -webkit-transition: all 0.35s;
  transition: all 0.35s;
  margin-right: 45px;
  /*color: #00b057;*/
	color: #E60026;
    right: 0;
	position: absolute;
	margin-top: 5px;
}

.nav  .tab a.link{
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 20px;
  padding-top: 5px;
  padding-left: 40px;
  font-weight: bold;
  cursor: pointer;
  /* text-transform: uppercase; */
}
.nav  li:last-child .tab{
  background: none;
}
.nav .phone{
	position: relative;
	margin: 25px;
	font-size: 24px;
	font-weight: 700;
}
.nav .phone a{
	color: #fff;
  padding-left: 30px;
  position: relative;
}
.nav .phone a.phonex,
.nav .phone a.phoned{
  display: block;
}
.nav .phone a.phonex:before,
.nav .phone a.phoned:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: url(/bitrix/templates/seotiv.bikra-reload/img/phone.png)  left bottom no-repeat;
	background-size: 25px;
	width: 25px;
	height: 25px;
}
.nav .phone span{
	font-size: 20px;
	color: #333;
}
.nav .phone span.mini{
  display: block;
  font-size: 12px;
}
.nav .email{
	position: relative;
	margin: 25px;
	font-size: 18px;
}
.nav .email a{
	color: #fff;
	font-weight: 700;
}
.tab-content {
  max-height: 0;
  padding: 0;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.tab-content a{
  /*color: #fff;*/
  color: #3C3F53;
}
.tab-content ul ul{
  margin-left: 45px;
}
.tab-content ul ul li{
  padding: 5px 0;
  font-size: 16px;
}
.tab-content ul li:first-child{
	padding-top: 10px;
}
.tab-close {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  padding: 10px 0;
  font-size: 0.75em;
  cursor: pointer;
}
input:checked + .tab-label:before,
input:checked + .tab-label:after {
-webkit-transform: rotate(90deg);
        transform: rotate(90deg);
}
input:checked + .tab-label:before{
	background: #fff;
}
input:checked ~ .tab-content {
  max-height: 500vh;
  margin-bottom: 20px;
	background: #dadada;
}

/*popup*/

.popup-window.popup-window-with-titlebar{
  padding: 20px;
}
.popup-window-titlebar,
.popup-window-titlebar-text, 
.popup-window-titlebar-text-version{
  font-family: 'PT Sans', sans-serif;
  /* text-transform: uppercase; */
  font-weight: 700;
  text-align: center;
  font-size: 18px;
  color: #000;
}
.popup-window-buttons{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.popup-window-content p{
  font-family: 'PT Sans', sans-serif;
  /* text-transform: uppercase; */
  font-weight: 700;
  margin: 20px;
  color: #0081de;
  font-size: 18px;
}
.btn.btn-primary.btn-buy.btn-sm{
  margin: 10px;
  padding: 15px 25px;
  background: #999;
  border-radius: 5px;
  /* text-transform: uppercase; */
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
.btn.btn-primary.btn-buy.btn-sm:first-child{
  background: #c30447;
}
.btn.btn-primary.btn-buy.btn-sm:hover{
  box-shadow: 0 10px 20px #dadada;
}
.btn.btn-primary.btn-buy.btn-sm:first-child:hover{
  box-shadow: 0 10px 20px #ffa0c2;
}

.popup-window-titlebar,
.popup-window-titlebar-text, 
.popup-window-titlebar-text-version{
  padding: 0;
  font-size: 16px;
}


/*catalog*/
.catalog-section-list-item{
	display: inline-block;
	width: 200px;
	vertical-align: top;
}

/*онлайн оплата*/

.yakassaForm .order-btn{
	margin: 15px auto;
	display: block;
	background: #c30447;
	padding: 10px 25px;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	/* text-transform: uppercase; */
	border-radius: 5px;
	border:none;
	cursor: pointer;
}
.yakassaForm .order-btn:hover{
	box-shadow: 0 10px 20px lightpink;
}
.yakassaForm h3{
	margin: 20px 0;
}
.yakassaForm form{
	/*background: #d0ebff;*/
	background: lightyellow;
	border-radius: 5px;
	padding: 20px 0;
}
.yakassaForm .mainRow{
	display: flex;
	vertical-align: space-between;
	padding: 10px 20px;
	align-items: center;
	flex-wrap: wrap;
}

.yakassaForm .formGroup{
	width: 33%;
	vertical-align: top;
	margin: 15px 0;
}
.yakassaForm .attention{
	margin: 10px 20px;
	padding: 10px;
	max-width: 500px;
	color: #c30447;
	font-weight: 700;
}
.yakassaForm .formGroup input{
	width: 90%;
	display: block;
	border: 1px solid #dadada;
	padding: 7px;
	border-radius: 7px;
	margin-top: 10px;
}
.yakassaForm .formGroup input:focus{
	border-color: #c30447;
	outline: none;
}
.yakassaForm .secRow{
	margin: 0 auto;
	padding: 10px 20px;
	border-top: 1px dotted #666;
	text-align: center;
}
.yakassaForm .secRow h4{
	padding: 15px 0;
}
.yakassaForm .secRow .control{
	display: inline-block;
	vertical-align: top;
	width: 45%;
	text-align: left;
	padding: 5px;
	margin: 0 -2px;
}
.yakassaForm .secRow .control input[type=radio]{
	display: none;
}
.yakassaForm .secRow .control input + label{
	position: relative;
	padding-left: 25px;
}
.yakassaForm .secRow .control input + label:before{
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid #c30447;
	left: 0;
	top: 2px;
}
.yakassaForm .secRow .control input:checked + label:before{
	background: #c30447;
}
.yakassaForm .secRow .control:nth-child(4n-1),
.yakassaForm .secRow .control:nth-child(4n-2){
	background: rgba(0, 0, 0, 0.05);
}

/*404*/
.errorPage{
	display: flex;
	margin: 20px;
  flex-direction: column;
}
.errorPage .design h1{
	font-size: 12em;
	color: #e60026;
	text-align: center;
	margin: 50px auto;
}
.errorPage .logo-img{
  display: inline-block;
  width: 150px;
	height: 150px;
	background: url(/bitrix/templates/seotiv.bikra-reload/img/red/circle-b.svg) right center no-repeat;
	background-size: contain;
	animation-name: arounding;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.errorPage .links{
	padding: 0 20px;
  text-align: center;
}
.errorPage .links .gotuda{
  display: flex;
  align-items: center;
  justify-content: center;
}
.errorPage .links h3{
	margin: 20px 0;
}
.errorPage .links .gotuda > div{
  margin: 10px 20px;
  text-align: left;
}

/*авторизация*/
.bx-authform{
	margin: 0 auto;
	width: auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	min-height: 50vh;
	justify-content: space-around;
}
.bx-authform .bx-authform-content-container, 
.bx-authform .bx-authform-label-container {
    font-size: 16px;
    color: #333;
    padding-bottom: 7px;
}
.bx-authform input.btn.btn-primary{
	padding: 12px 35px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	border-radius: 5px;
	background: #c30447;
	border: none;
	text-align: center;
	/* text-transform: uppercase; */
}
.bx-authform input.btn.btn-primary:hover{
	box-shadow: 0 10px 20px #ffc6e5;
}

/*seotiv*/
.seotiv{
	background: #333;
	text-align: center;
	padding: 5px 20px;
  padding-bottom: 60px;
}
.seotiv a{
	color: #d0ebff;
}
@media screen and (min-width: 1280px) {
  .seotiv{
  padding-bottom: 5px;
  }
}


/*bottomInfoPanel*/
.bottomInfoPanel{
    height: 40px;
    width: 100%;
    margin-right: 130px;
    position: fixed;
    bottom: 0;
    background: #c30447;
    z-index: 97;
}
@media screen and (min-width: 1280px) {
  .bottomInfoPanel{
    display: none;
  }
}
.bottomInfoPanel p{
    margin: 0 auto;
    line-height: 40px;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding-left: 220px;
}
/*вверх вниз*/
.go-up{
	position: fixed;
    right: 20px; 
    bottom: 10px;
    margin-right: 45px;
	display: none;
	background: #fff url(/bitrix/templates/seotiv.bikra-reload/img/top.svg) center 40% no-repeat;
	background-size: 21px;
	width: 30px;
	height: 30px;
	opacity: 0.7;
    cursor: pointer;
    border-radius: 50%;
    z-index: 98;
    border: 2px solid #e60026;
}
.go-down{
	position: fixed;
    right: 20px; 
    bottom: 10px;
    background: #fff url(/bitrix/templates/seotiv.bikra-reload/img/down.svg) center 55% no-repeat;
	background-size: 21px;
	width: 30px;
	height: 30px;
	opacity: 0.7;
	cursor: pointer;
    border-radius: 50%;
    z-index: 98;
    border: 2px solid #e60026;
}
.go-up:hover,
.go-down:hover{
	opacity: 1;
}
/* @media screen and (max-width: 1280px) {
  .go-up,
.go-down{
  bottom: 55px;
}
} */

/*jivosite*/
.label_39._bottom_3v._pad100_GR,
#jcont,
#jvlabelWrap,
.label_69d._bottom_4b5._pad0_bba,
.label_158._bottom_7cd._pad0_ece{
    left: 135px !important;
    right: auto !important;
    z-index: 120 !important;
}
.globalClass_5a5 .closeButton_79f,
.globalClass_1a4 .closeButton_54f,
#jivo_close_button{
    margin-left: 100% !important;
    margin-right: -23px !important;
}
.label_39._bottom_3v._pad100_GR,
.header_2f{
    border-top-left-radius: 0px !important;
}
._orinationRight_25.wrap_mW{
    bottom: 50px;
}
._show_9c6.wrap_194{
  z-index: 10;
}

.info-question{
	margin-bottom: 20px;
}


/*
.bx-android
.bx-ios
*/

/* .bx-android .bx-hdr-profile,
.bx-ios .bx-hdr-profile
{
	font-size: 14px;
} */
/* .bx-android .bx-basket-block span.cart-info strong,
.bx-ios .bx-basket-block span.cart-info strong{
	font-size: 16px;
} */
/* .bx-android .bx-basket-block span.t-start,
.bx-ios .bx-basket-block span.t-start{
	padding-left: 30px;
}
.bx-android .bx-basket-block span.t-start:before,
.bx-ios .bx-basket-block span.t-start:before{
	 width: 25px  !important;
	height: 25px !important;
	top: 10px !important;
} */
.bx-android .seotiv,
.bx-ios .seotiv{
	/*margin-bottom: 50px;*/
	font-size: 14px;
	text-align: left;
}




/*
colors
красный #dd2743
дымчатый #777a88
dark #3C3F53
*/

.bx-breadcrumb{
	color: #999999 !important;
}
.bx-breadcrumb a{
	color: #405a9a !important;
}
.bx-breadcrumb a:hover{
	text-decoration: underline;
}



/*top panel*/
/*logo*/
.topPanel .logo-geo{
	margin: 0 5px 0 20px;
	width: 20%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.topPanel a.pre{
  display: block;
  height: 50px;
  width: 50%;
}

/*search*/

.search-panel .b-header-search{
  border: 2px solid #E60026 !important;
  border-radius: 3px;
  padding: 3px;
  background-color: #fff;

}
.addRow .search .b-header-search span.text,
.search-panel .b-header-search span.text {
    width: calc(100% - 35px);
}

.addRow .search span.button-wrap button.btn.btn-special,
.search-panel  span.button-wrap button.btn.btn-special{
	width: 30px !important;
	background: url(/bitrix/templates/seotiv.bikra-reload/img/search-b.png) center center no-repeat;
	background-size: 20px;
	height: 25px;
}
.addRow .search .b-header-search span.text{
	vertical-align: top;
}

.sidebar_menu ul li span.list{
	color: #3C3F53;
}


/*каталог*/
/*фильтр*/
.rightPanelx .filterBlock,
.bx-filter .bx-filter-title:before{
	background-color: #7c7f90 !important;
}
.rightPanelx.active .col-lg-12.bx-filter-parameters-box {
    background: linear-gradient(to left, #ededed, #fff);
	color: #3C3F53;
}
.rightPanelx.active .col-lg-12.bx-filter-parameters-box .bx-filter-parameters-box-title span{
	color: #7c7f90;
}
.rightPanelx.active .bx-filter-parameters-box-title:before{
	background: transparent;
	border: 2px solid #7c7f90;
	margin-top: 2px;
	margin-left: -3px;
	width: 10px;
	height: 10px;
}
.rightPanelx.active .bx-filter-block{
	background: linear-gradient(to right, #ededed, #fff);
}
.bx-filter-param-text:before{
	border-color:#3C3F53;
	width: 10px;
	height: 10px;
	margin-top: 3px;
}
.bx-filter-param-text:after{
	background-color: #3C3F53;
	width: 11px;
	height: 11px;
	margin-top: 3px;
}
.bx-filter .bx-filter-popup-result a {
    color: #E60026 !important;
}
.rightPanelx.active .col-xs-12.bx-filter-button-box input[name=set_filter] {
    background-color: #E60026 !important;
	color: #fff;
	outline: none;
}


/*позиции*/



.topPanel .phone span.mini{
	color: #464653 !important;
}

.bottomInfoPanel{
	background-color: #E60026 !important;
}
.basket-item-amount-btn-plus, 
.basket-item-amount-btn-minus{
	background-color: #3C3F53 !important;
}

.basket-item-amount-filed, 
.basket-item-block-amount.disabled .basket-item-amount-filed:hover,
.basket-item-amount-btn-plus, 
.basket-item-amount-btn-minus,
.b-i-columns > div,
.b-i-image,
.b-items,
.b-i-columns{
	border-color: #7C7FB6 !important;
}
/* .row.bx-blue{
	background-color: #e7e5ea !important;
} */

.product-item-container.hover .product-item:before{
	background-color: rgb(70 70 83 / 90%);
}
/*.product-item-container.hover .product-item-price-current{
	background-color: #777a88;
	color: #fff;
}*/
.product-item-container.hover .more-link{
	border-color: #777a88 !important;
	color: #e7e5ea !important;
}
.product-item-container.hover .more-link:hover{
	background-color: #C3CDE6 !important;
	border-color: #C3CDE6 !important;
	color: #3C3F53 !important;
}

.bx-no-touch .product-item-container.hover .product-item{
	box-shadow: 0 0 10px #dadada;
}
.f-content ul {
    background: #fff;
}
.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{
	background-color: #E60026 !important;
}
.slick-dots li.slick-active button:before{
	color: #E60026 !important;
}


/*карта товара*/
.bx-catalog-element{
	background-color: #fff;
}

.product-item-detail-slider-controls-image:hover, 
.product-item-detail-slider-controls-image.active{
	outline-color: #34365B !important;
}

.modal#fastclick .modal-header h3 {
    color: #E60026 !important;
}

.modal#fastclick .atten-mess{
	background-color: #E60026 !important;
	color: #fff;
}

.popup-window-content p{
	color: #34365B !important;
}

/* .btn.btn-primary.btn-buy.btn-sm:first-child{
	background-color: #E60026 !important;
	color: #fff !important;
}
.btn.btn-primary.btn-buy.btn-sm{
	background-color: #fff !important;
	border: 2px solid #E60026 !important;
	color: #E60026 !important;
} */

/* .dopInfo{
	background-color: #ededed;
} */
.shortDesc{
	/* border-color: #E60026 !important; */
	border-color: #00aaee !important;
}

.product-item-scu-item-text-container.selected,
.product-item-scu-item-text-container:hover{
	border: none;
	background-color: transparent;
	color: #000;
  outline-width: 1px;
  outline-color: #000;
}

/* .priceAmount p.block-title strong,
.qr-code p,
.priceMin .value,
.info-complect p span{
	color: #E60026 !important;
} */
.delivery-information p.atten{
  color: #00aaee  !important;
}

.oneClickBtn,
.modal#fastclick input[type=button]{
	background-color: #3C3F53 !important;
}
.modal#fastclick input[disabled=disabled]{
	background-color: #dadada !important;
}
.oneClickBtn:hover,
.modal#fastclick input[type=button]:hover{
	box-shadow: 0 10px 20px #C3CDE6 !important;
}
.payMethods .cards > div{
	background-color: #fff !important;
	border-color: #3C3F53 !important;
}

.fast-to-region{
	background-image: url(/bitrix/templates/seotiv.bikra-reload/img/red/fast-to-region.png);
}

/* .readDecription a, 
.viewChars a,
.optDiscount a, 
.viewReviews a{
	background-color: transparent;
	border: 1px solid #E60026 !important;
	color: #3C3F53 !important;
}
.readDecription a:hover, 
.viewChars a:hover,
.optDiscount a:hover, 
.viewReviews a:hover{
	background-color: #3C3F53 !important;
	border-color: #3C3F53 !important;
	color: #fff !important;
} */
button.viewVideo{
	background-color: #E60026 !important;
	color: #fff !important;	
}
button.viewVideo:hover{
	background-color: #3C3F53 !important;
}
.delivCostBlock .delivColumn > div{
	color: #3C3F53 !important;
}
.delivCostBlock .delivColumn > div > p{
	color: #757575;
}
.fast-to-region span{
	background-color: #3C3F53 !important;
}

.osobennye{
	background-color: #ededed !important;
}
.osobennye h5{
	border-color: #3C3F53 !important;
	color: #3C3F53 !important;
}

.preimusch h5{
	background-color: #E60026 !important;
}

.charsAll{
	background-color: #ededed50;
}
.charsAll ul li:nth-child(2n-1){
	background-color: #99999920;
}

.product-item-selected-scu{
	border-color: #E60026 !important;
}


/*footer*/
.f-content ul li{
	border-color: #3C3F53 !important;
}

.copyright{
	border-radius: 0 50px 0 0;
}

/*корзина*/
.basket-items-list-table{
	background-color: #ededed;
	border-color: #7c7f9050;
}
.b-i-decrip{
	background-color: #7c7f90;
}
.sklady-form span,
h3.attention,
.info-question p span{
	color: #E60026 !important;
}
.basket-checkout-container{
	background-color: #ededed;
	border-color: #7c7f9050;
}
.basket-checkout-block-total-price{
	border-color: #E60026 !important;
}
.basket-btn-checkout{
	background-color: #E60026 !important;
	box-shadow: 0 10px 20px #E6002650; 
}

/*оформление заказа*/
input:checked + label > .bx_logotype {
    background-color: #E60026;
    border-color: #E60026;
}
input:checked + label .bx_description:before{
	 border-color: #E60026;
}
input:checked + label .bx_description:after,
.form-row.place-order a,
.bx-authform input.btn.btn-primary{
	 background-color: #E60026;
}
.bx_ordercart{
	background-color: #ededed;
	border-color: #7c7f9050;
}
.bx_ordercart .colum.summa{
	background-color: #7c7f90;
}
.data-column .data-choose .data-oval .radio + label, 
.data-column .data-choose .data-circle .radio + label{
	background-color: #6c6e7d !important;
	color: #fff;
}
.shop_table h4{
	color: #3C3F53;
}
.shop_table{
	border-color: #7C7FB6 !important;
}
font.errortext {
    color: #E60026;
    text-align: center;
    margin: auto;
    display: block;
}
#order_form_div .section.profile{
	background-color: #ededed;
}

/*общий каталог*/
.catalogSection .catalog-section-list-item:hover {
    border-color: #6c6e7d50 !important;
    box-shadow: 0 0 10px #6c6e7d !important;
}
.catalogSection .catalog-section-list-item:hover a{
	color: #E60026;
}

/*главная страница*/

.fastCatalog .button{
	background-color: #E60026;
}
.fastCatalog h1{
	color: #3C3F53;
}
/* .promoStart .phone a span{
	color: #E60026;
} */
.promoStart .emailx,
.searchQuery button[type=submit]{
	background-color: #E60026;
}
.searchQuery:hover{
	border: 1px solid #E60026;
    box-shadow: 0 5px 10px #E6002610;
}
.searchItem:hover{
	background-color: #777a88;
}
.searchItem:hover b{
	color: #3C3F53;
}
/* .promoStart .search{
	border-color: #E60026;
} */
.promoStart .search span.button-wrap button.btn.btn-special{
	background-image: url(/bitrix/templates/seotiv.bikra-reload/img/search-w.png);
	background-size: 38px;
}
.corner-green {
    background-image: url(/bitrix/templates/seotiv.bikra-reload/img/red/corner-grey.svg);
}

/*pages*/
.staticPage .infoBox{
	background-color: #ededed70;
	border-color: #3C3F53;
}
.deliveryTable thead,
td.sam{
	background-color: #3C3F53;
	color: #fff;
	border: none;
}














/*recommend in element*/
/*
.buydata{
	margin: 20px auto;
}
.buydata h5{
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
}
#recommend,
#interesdata{
  margin-right: 20px;
  display: flex;
}
@media screen and (max-width: 1100px){
	#recommend,
#interesdata{
	margin-right: 0;
}
}
#recommend .recItem,
#interesdata .recItem{
	min-width: 200px;
	max-width: 200px;
	border-radius: 10px;
	border: 2px solid #dadada;
	margin: 10px auto;
	height: 350px;
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
	padding: 3px;
	overflow: hidden;
}
span.recItemTitle{
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 10px;
	padding: 10px 0;
	font-size: 14px;
}
.recItem .product-item-price-current{
	text-align: center;
	font-weight: 700;
  margin-bottom: 10px;
  background: none;
  color: #333;
  margin: auto;
  width: 100%;
}
span.priceSize{
	font-size: 20px;
		color: #c30447;
}
*/

.second-panel{
  position: fixed;
  top: 50px;
  left: 0;
  width: 100%;
  height: 50px;
  box-shadow: 0 1px 2px #dadada;
  background-color: #fff;
  z-index: 110;
}
.second-panel a.phonex{
  background: url(/bitrix/templates/seotiv.bikra-reload/img/phone-w.png)  7px center no-repeat;
  background-size: 15px;
  background-color: #e60026;
  color: #fff;
  display: block;
  margin: 10px auto;
  width: fit-content;
  border-radius: 10px;
  padding: 5px;
  padding-left: 30px;
  font-weight: 700;
}


.custom-preloader {
  width: 48px;
  height: 48px;
  border: 5px solid rgba(0, 0, 255, 0.2); /* Полупрозрачная рамка */
  border-top-color: #007bff; /* Ярко-синий цвет */
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  box-shadow: 0 0 10px rgba(0, 123, 255, 0.5); /* Размытая синяя тень */
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}










@media screen and (min-width: 1401px){
  .bx-android .seotiv,
  .bx-ios .seotiv,
  .seotiv{
    padding-left: 135px;
    padding-right: 135px;
    text-align: center;
  }
}
.bx-android .bottomInfoPanel p,
.bx-ios .bottomInfoPanel p{
    text-align: left;
    padding-left: 20px; 
}

/*response*/
/*@media screen and (min-width: 1025px){
  .row.bx-blue{
    padding-right: 135px;
  }
}*/


@media screen and (max-width: 1600px){
  .promoStart .pluses .dost-all-rf,
  .promoStart .pluses .ceny-ot-proiz,
  .promoStart .pluses .tovar-vsegda{
    width: 30%;
  }
}

@media screen and (max-width:1280px){

  .bottomInfoPanel{display: none;}
	.phone.mob{
		display: flex;
    align-items: center;
		position: fixed;
		bottom: 0;
		height: 50px;
		color: #fff;
		font-weight: 700;
		font-size: 24px;
		/*padding-left: 40px;*/
		width: 100%;
		z-index: 270;
		line-height: 50px;
		/*background: #00b057;*/
		background-color: #E60026;
	}
    /*.bx-ios .phone.mob{
        padding-left: 130px;
    }*/
	.phone.mob a{
    color: #fff;
    position: relative;
  }
  .phone.mob a.phonex,
  .phone.mob a.phoned{
    padding-left: 40px;
  }
	.phone.mob a.phonex:before,
	.phone.mob a.phoned:before{
		content: '';
		position: absolute;
		left: 10px;
		/*bottom: 12px;*/
		background: url(/bitrix/templates/seotiv.bikra-reload/img/phone.png)  left bottom no-repeat;
		background-size: 25px;
		width: 25px;
    height: 25px;
    margin-top: 10px;
	}
	.phone.mob span{
		font-size: 20px;
	}
	.phone.mob a.mail,
	.phone.mob a.wha,
  .phone.mob a.tlgr,
  .phone.mob a.chat{
		margin: 10px auto;
    border-radius: 50px;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-right: 14px;
    height: 30px;
	}
  .phone.mob a.mail{
    background: #ff5c77
  }
	.phone.mob a.wha{
    background: #1bd741
  }
  .phone.mob a.tlgr{
    background: #61a8de
  }
  .phone.mob a.chat{
    background: #fff
  }
	.phone.mob a.mail i{
		background: #ff5c77 url(/bitrix/templates/seotiv.bikra-reload/img/mail.svg) 2px 4px no-repeat;
		width: 30px;
		height: 30px;
    background-size: 25px;
	}
	.phone.mob a.mail span{
		color: #fff;
	}

	.phone.mob a.wha i{
		background: url(/bitrix/templates/seotiv.bikra-reload/img/whatsapp_3.svg) 3px 2px no-repeat;
		width: 30px;
		height: 30px;
		background-size: 25px;
	}
	.phone.mob a.wha span{
		font-size: 18px;
		color: #fff;
	} 

  .phone.mob a.tlgr i{
    background: url(/bitrix/templates/seotiv.bikra-reload/img/telegram.svg) 3px 2px no-repeat;
		width: 30px;
		height: 30px;
		background-size: 25px;
  }
  .phone.mob a.tlgr span{
		font-size: 18px;
		color: #fff;
	} 

  .phone.mob a.chat i{
    background: url(/bitrix/templates/seotiv.bikra-reload/img/chat.svg) 6px 4px no-repeat;
		width: 30px;
		height: 30px;
		background-size: 20px;
  }
  .phone.mob a.chat span{
		font-size: 18px;
		color: #61a8de
	} 
}

@media screen and (max-width: 1100px){
  .promoStart .pluses .dost-all-rf,
  .promoStart .pluses .ceny-ot-proiz,
  .promoStart .pluses .tovar-vsegda{
    padding-left: 60px;
  }
  .promoStart .pluses .dost-all-rf,
  .promoStart .pluses .ceny-ot-proiz,
  .promoStart .pluses .tovar-vsegda{
    display: none;
  }
    .sklad-list{
        margin-left: 0;
        
    }
    .sklad-list .left-side{
        flex-direction: column;
    }
    .sklad-list h3{
        width: 100%;
        max-width: 100%;
    }
}

/*@media screen and (min-width: 1025px) and (max-width:1200px){
   .phone.mob{
	   margin-left: 135px;
   }
}*/

@media screen and (max-width: 1024px){
  .phone.mob a.mail span,
  .phone.mob a.wha span,
  .phone.mob a.tlgr span,
  .phone.mob a.chat span{
		display: none;
	}
  .phone.mob a.mail,
	.phone.mob a.wha,
  .phone.mob a.tlgr,
  .phone.mob a.chat{
    border-radius: 50%;
    padding-right: 0;
	}
  .fastCatalog .catItem{
    width: 230px;
    margin: 5px;
    height:  auto;
    padding-bottom: 10px;
  }
  .catalog-section-list-tile-img-container{
    width: 230px !important;
    height: 230px;
  }
  .elemDecript {
    flex-direction: column;
}
  .descript,
    .charsAll{
      width: 100%;
      margin: 0;
    }
	.contacts > div{
		width: 45%;
  }
	.product-item-container .more-link,
	.product-item-container .more-link:hover{
		border-color: #E60026;;
		color: #E60026;
		background: none;
	}
	.toggle{
		background-color: #e60026;
	}
}
@media screen and (max-width: 900px){
	.contacts{
	flex-direction: column;
	}
	.contacts > div{
		width: 100%;
	}
    .sklad-list p{
        max-width: 200px;
    }
}
@media screen and (max-width: 800px){
  .fastCatalog .catItem{
    width: 220px;
    margin: 5px;
    height:  auto;
    padding-bottom: 10px;
  }
  .catalog-section-list-tile-img-container{
    width: 220px !important;
    height: 220px;
  }

  .svoistva,
  .svoistva.full,
  .svoistva.part{
    width: 100%;
    margin: 0;
  }
  .osobennye{
    margin: 0;
  }

  .preimusch,
  .primenenie{
    width: 100%;
    margin: 20px 0;
  }
  .primenenie{
    flex-direction: row;
    flex-wrap: wrap;
  }
  .primenenie h5{
    width: 100%;
  }
  .primenenie .primen{

    width: 48%;
  }
  .elemAttributes{
    flex-direction: column;
  }
  	.catalogSection .catalog-section-list-item{
		width: 200px;
		min-height: 240px;
	}
	.catalogSection .catalog-section-list-item .catalog-section-list-tile-img-container{
		width: 190px !important;
		height: auto;
  }
  .promoStart .phone{
    height: auto;
  }
  .promoStart .phone a.phonex,
  .promoStart .phone a.phoned{
    display: block;
    margin-right: 0;
    font-size: 0.9em;
  }
  .promoStart .phone a.phonex:before,
  .promoStart .phone a.phoned:before{
    background-size: 25px;
    top: 0;
    margin-top: -5px;
    margin-left: -30px;
  }
}

/* @media screen and (min-width: 701px) and (orientation: landscape){
	.bx-hdr-profile{
	  font-size: 14px;
	}
	.bx-basket-block span.cart-info strong{
	  font-size: 16px;
	}
} */
  

@media screen and (max-width: 700px){
    .sklad-list{
        flex-direction: column;
        padding: 0;
    }

    .sklad-list .left-side{
        width: 100%;
    }
    .sklad-list .dostavka-yes{
        width: 100%;
        margin: 0;
        border: none;
        height: 120px;
    }
    .sklad-list p{
        max-width: 100%;
    }
    .sklad-list .dostavka-yes h3{
        text-align: left;
    }
    .sklad-list .dostavka-yes p{
        border: none;
        padding: 0;
    }

}
@media screen and (max-width: 600px){
	.primenenie .primen{
		width: 100%;
	}
	.primenenie{
		margin-top: 0;
	}
	.pluses-list.withIcons li{
		width: 100px;
	}
	.elemImage,
	.torgInfo,
	.dopInfo,
	.svoistva,
	.primenenie{
		width: 100%;
		margin: 10px 0;
	}
	.phone.mob a.wha span{
		display: none;
  } 

}


@media screen and (max-width: 600px){
  .phone.mob a.phonex.no,
  .phone.mob a.phoned.no{
    display: none;
  }
}
@media screen and (max-width: 500px){
	.phone.mob a.mail span{
		display: none;
	} 	
	.errorPage{
		flex-direction: column;
	}
	.errorPage .design{
		margin: 0 auto;
	}
	.errorPage .links h2{
		margin: 20px 0;
  }
  .phone.mob a.phonex.no,
  .phone.mob a.phoned.no{
    display: none;
  }
  .f-content .f-info .email{
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 450px){
    .promoStart .search{
      width: 90%;
    }
    .elemImage{
      flex-direction: column;
    }
    .elemImage.full{
      width: 100%;
    }
    .elemImageMain,
    .elemImageDop,
	.elemImage.part.dop.netorg .elemImageMain{
      width: 100%
    }
    .product-item-detail-slider-controls-block{
      display: flex;
      flex-direction: row;
	  	justify-content: space-between;
    }
    /* .btn.product-item-detail-buy-button{
      margin-left: 10px;
    } */
    .main-button-container{
      text-align: center;
    }
    .plusItems div{
      width: 80%;
      margin: 0 auto;
    }
    .primenenie{
      min-width: auto;
    }

    
	.catalogSection .catalog-section-list-item{
		width: 160px;
	}
	.catalogSection .catalog-section-list-item .catalog-section-list-tile-img-container{
		width: 150px !important;
	}
}

@media screen and (max-width: 380px){
      /* .bx-basket-block{
        padding: 0 10px;
      } */
      .product-item-price-current{
        font-size: 16px;
      }

      .promoStart .search span.button-wrap button.btn.btn-special{
        background-size: 30px;
        background-position: center center;
      }

      .promoStart .phone{
        font-size: 30px;
      }
      .promoStart .phone:before{
        margin-top: 0;
        background-size: 30px;
      }
      .promoStart .slogan{
        font-size: 24px;
      }

      /*.main-button-container{
        flex-direction: column;
      }*/
      .main-button-container > div{
        margin: 10px auto;
      }
      .btn.product-item-detail-buy-button{
        margin: 0;
      }

      .dopInfo{
        padding: 20px 10px;
      }
      .dopInfo > div:before{
        display: none;
      }
      .dopInfo > div{
        padding-left: 0;
      }
      .dopInfo .shortDesc{
        padding-left: 10px;
      }
      .viewVideo a{
        font-size: 14px;
      }
	  	.catalogSection .catalog-section-list-item{
		width: 140px;
	}
	.catalogSection .catalog-section-list-item .catalog-section-list-tile-img-container{
		width: 130px !important;
	}

}

@media screen and (min-width: 550px) and (max-width: 600px){
  .fastCatalog .catItem{
    margin: 2px 0;
  }
}

@media screen and (max-width: 600px){
  .promoStart .search .b-header-search span.text .headline{
    font-size: 14px;
  }

  .catalog-section-list-item-linkx{
    font-size: 18px;
  }
  .promoStart .search .b-header-search span.text{
    overflow: hidden;
  }

}

@media screen and (max-width: 549px){
  .fastCatalog .catItem{
    width: 200px;
    margin: 5px;
    height:  auto;
    padding-bottom: 10px;
  }
  .fastCatalog h1{
    font-size: 36px;
  }
  .catalog-section-list-tile-img-container{
    width: 200px !important;
    height: 200px;
  }
}

@media screen and (max-width: 465px){
    .fastCatalog{
		padding: 20px 10px;
	}
  .fastCatalog .catItem{
    width: 180px;
    margin: 5px;
    height:  auto;
    padding-bottom: 10px;
  }
  .fastCatalog h1{
    font-size: 30px;
  }
  .catalog-section-list-tile-img-container{
    width: 180px !important;
    height: 180px;
  }
  .fastCatalog .catItem ul{
	  font-size: 14px;
	  	  line-height: 16px;
  }
}

@media screen and (max-width: 405px){
  .fastCatalog .catItem{
    width: 160px;
  }
  .catalog-section-list-tile-img-container{
    width: 160px !important;
    height: 160px;
  }
  .fastCatalog .catItem{
	  font-size: 14px;

  }
}

@media screen and (max-width: 365px){
  .fastCatalog .catItem{
    width: 260px;
  }
  .catalog-section-list-tile-img-container{
    width: 260px !important;
    height: 260px;
  }
  .fastCatalog .catItem{
	  font-size: 16px;
  }
    .fastCatalog .catItem ul{
	  height: auto;
  }
}

/* @media screen and (max-width: 1400px){

	.bx-android .startScreen,
	.bx-ios .startScreen{
		left: 0;
		width: 100%;
	}	
	.bx-android .corner,
	.bx-ios .corner{
		width: 100%;
	}
	.bx-android .promoStart .phone,
	.bx-ios .promoStart .phone{
		margin-top: 5%;
	}
	.bx-android .topPanel,
	.bx-ios .topPanel{
		z-index: 120;
		width: 100%;
	}
	.bx-android  .topPanel a.pre,
	.bx-ios  .topPanel a.pre{
		margin-left: 50px;
	}
} */
.modal-filter-sort,
.second-panel{
  display: none;
}
	/*мобильное меню*/
  /* @media screen and (max-width:1050px){
    .mobileMenu{
      display: flex;
      flex-direction: row;
      width: 300px;
      position: fixed;
      left: -300px;
      transition: 1s;
      height: 100vh;
      z-index: 150;
    }
    .mobileMenu li.search{
      display: flex;
      flex-direction: row;
      margin: 5px 20px;
      width: 85%;
      margin-right: auto;
      border: 2px solid #E60026;
      border-radius: 5px;
      padding: 5px 10px;
      background: #fff;
    }
    .searchform-popup,
    .searchform-popup form{
      display: flex;
      flex-direction: row;
      align-items: flex-start;
    }
    .searchform-popup form fieldset{
      border: none;
      display: contents;
    }
    .searchform-popup form fieldset,
    .searchform-popup form{
      width: 100%;
    }
    .mobileMenu .b-header-search{
      border: none;
      padding: 0;
      width: 100%;
    }
    .mobileMenu .b-header-search span.text,
    .mobileMenu span.button-wrap{
      display: inline-block;
    }
    .mobileMenu .b-header-search span.text{
      width: calc(100% - 60px);
      position: relative;
    }
    .mobileMenu .b-header-search span.text .headline{
      position: absolute;
      top: 0;
      left: 0;
      
    }
    .mobileMenu .b-header-search span.text .headline p.text-js{
      pointer-events: auto;
    }
    p.text-js{
      height: 24px;
      overflow: hidden;
    }
    .mobileMenu .b-header-search span.text input[type=text]{
      border: none;
      height: 25px;
      width: 100%;
    }
    .mobileMenu span.button-wrap button.btn.btn-special{
      width: 50px;
      background: url(/bitrix/templates/seotiv.bikra-reload/img/red/search-r.png) top center no-repeat;
      background-size: 23px;
      border: none;
      height: 21px;
      display: inline-block;
      cursor: pointer;
    }
    .mobileMenu .b-header-search span.text input[type=text]:focus,
    .mobileMenu span.button-wrap button.btn.btn-special:focus{
      outline: none;
    }
  } */


@media screen and (max-width: 1024px){
	
	/*вверх и вниз*/
	
	/* .go-up,
	.go-down,
	.elem .go-up,
	.elem .go-down{
		left: 10px;
		bottom: 60px;
        background: #333 url(/bitrix/templates/seotiv.bikra-reload/img/down-w.svg) center center no-repeat;
        background-size: 20px;
	}
	.go-up,
	.elem .go-up{
		bottom: 110px;
        background: #333 url(/bitrix/templates/seotiv.bikra-reload/img/top-w.svg) center center no-repeat;
        background-size: 20px;
	} */
	
	/*мобильное меню*/
	
	/* .wrapper{display: none;}
	.mobileMenu{
	  display: flex;
	  flex-direction: row;
	  width: 300px;
	  position: fixed;
	  left: -250px;
	  transition: 1s;
	  height: 100vh;
	  z-index: 150;
	}
	.mobileMenu li.search{
	  display: flex;
	  flex-direction: row;
	  margin: 5px 20px;
	  width: 85%;
	  margin-right: auto;
	  border: 2px solid #33cc66;
	  border-radius: 5px;
	  padding: 5px 10px;
	  background: #fff;
	}
	.searchform-popup,
	.searchform-popup form{
	  display: flex;
	  flex-direction: row;
	  align-items: flex-start;
	}
	.searchform-popup form fieldset{
	  border: none;
	  display: contents;
	}
	.searchform-popup form fieldset,
	.searchform-popup form{
	  width: 100%;
	}
	.mobileMenu .b-header-search{
	  border: none;
	  padding: 0;
	  width: 100%;
	}
	.mobileMenu .b-header-search span.text,
	.mobileMenu span.button-wrap{
	  display: inline-block;
	}
	.mobileMenu .b-header-search span.text{
	  width: calc(100% - 60px);
	  position: relative;
	}
	.mobileMenu .b-header-search span.text .headline{
	  position: absolute;
	  top: 0;
	  left: 0;
	}
	.mobileMenu .b-header-search span.text input[type=text]{
	  border: none;
	  height: 25px;
	  width: 100%;
	}
	.mobileMenu span.button-wrap button.btn.btn-special{
	  width: 50px;
	  background: url(/bitrix/templates/seotiv.bikra-reload/img/search.png) top center no-repeat;
	  background-size: 25px;
	  border: none;
	  height: 21px;
	  display: inline-block;
	  cursor: pointer;
	}
	.mobileMenu .b-header-search span.text input[type=text]:focus,
	.mobileMenu span.button-wrap button.btn.btn-special:focus{
	  outline: none;
	} */
	
	/*?*/
	
	.innerMenu{
	  width: 250px;
	  background: red;
	}
	
	/*топ панель*/
	
	.topPanel{
	  width: 100%;
	  z-index: 135;
	}
	/* .topPanel .search, */
	/* .topPanel .phone{
	  display: none;
	} */

	.mobileMenu.open{
	  left: 0;
	  top: 0;
	}
	
	/*главная страница*/
	
	.promoStart .logo-bikra{
	  width: 90%;
	  height: 30%;
	}
	.promoStart .phone{
	  font-size: 36px;
	  margin-top: 10%;
	}
	.promoStart .slogan{
	  font-size: 30px;
	}

	.startScreen{
	  position: relative;
	  left: 0;
	  width: 100%;
	  height: 95vh;
	  top: 0;
	  margin-top: -10px;
    z-index: 98;
	}
	.corner{
	  width: 100%;
	  position: relative;
	  margin-top: -100px;
	}
	
	/*-----*/
	
	.fastCatalog{
	  margin-top: 0;
	}
	/*.fastCatalog .catItem{
	  width: 90%;
	  height: 100px;
	  margin: 20px auto;
	}*/
	.fastCatalog .button{
	  width: 90%;
	  max-width: 300px;
	}
	
	/*-----*/
	
	.description{
	  background-position: center top;
	  background-size: contain;
	  padding: 20px;
	}
	.description h2{
	  margin: 0 auto;
	  margin-top: 50px;
	  background: rgba(256, 256, 256, 0.9);
	  padding: 20px;
	  font-size: 24px;
	  line-height: 28px;
	}
	.description .text{
	  margin: 0 auto;
	  font-size: 16px;
	  padding: 20px;
	}
	.description .subscribe{
	  flex-direction: column;
	  margin: 0;
	}
	.description .subscribe p{
	  width: 100%;
	  margin: 20px 0;
	  text-align: center;
	  background: rgba(0, 170, 238, 0.2);
	}
	.description .subscribe .button{
	  width: 90%;
	  max-width: 300px;
	}
	
	/*футер*/
	
	.footer{
	  background: #2c2f46;
  }
	.f-content{
	  flex-direction: column;
	}
	.f-content .col-30,
	.f-content .col-40{
	  width: 100%;
	}
	.f-content .col-30 h3,
	.f-content .col-40 h3,
	.f-content .col-30 ul,
	.f-content .col-40 ul{
	  padding-left: 20%;
	}
	.f-content ul{
	  min-height: auto;
	}
	.f-content .f-logo{
	  background-position: 5% center;
	}
	.f-content .f-info{
	  padding: 20px;
	  text-align: left;
	  min-height: 350px;
	}
	.copyright{
	  width: 100%;
	  font-size: 12px;
	  height: 15px;
	  line-height: 0px;
	}
}


@media screen and  (max-width: 1024px) and (orientation: landscape){
	.startScreen{
		height: 140vh;
	}
	.promoStart .phone{
		margin-top: 30px;
		height: 15%;
	}
	.promoStart .logo-bikra{
		width: 50%;
	}
	.promoStart .search{
		width: 90%;
	}
}

@media screen and (max-width: 940px){

	.yakassaForm .secRow .control{
		display: block;
		width: 100%;
		text-align: left;
		padding: 5px;
		margin: 0;
	}
	.yakassaForm .secRow .control:nth-child(4n-1),
	.yakassaForm .secRow .control:nth-child(4n-2){
		background: none;
	}
	.yakassaForm .secRow .control:nth-child(2n){
		background: rgba(0, 0, 0, 0.05);
	}
}




@media screen and (max-width: 700px){
	.yakassaForm .mainRow{
		flex-direction: column;
	}
	.yakassaForm .formGroup{
		width: 70%;
	}
}



@media screen and (max-width: 1024px) and (min-width: 550px){
	.f-content{
		flex-direction: row;
		flex-wrap: wrap;
	}
	.f-content .col-30{
		width: 50%;
		height: 430px;
	}
	.f-content .col-30 ul{
		height: 335px;
	}
	.f-content .f-info{
    padding-left: 10%;
    padding-bottom: 70px;
	}
}



@media screen and (max-width: 600px){
	.oplataTypes{
		flex-wrap: wrap;
		text-align: center;
	}
	.oplataTypes .block{
		height: 75px;
		margin: 10px;
		border-radius: 5px;
	}
}

@media screen and (max-width: 520px){
	.newDeliveryBlock{
		flex-direction: column;
	}
	.newDeliveryBlock > div{
		width: 100%;
	}
}

@media screen and (max-width: 460px){
	.deliveryTable thead{
		font-size: 0.8em;
	}
	.catalogBanner{display: none;}
}

@media screen and (max-width:430px){

   .phone.mob,
   .phone.mob a{
    font-size: 16px;
  }
    .phone.mob span{
    font-size: 14px;
	}
}

@media screen and (max-width: 420px){
	.deliveryTable thead{
		font-size: 0.6em;
	}
	.deliveryTable tbody{
		font-size: 0.8em;
	}
}
@media screen and (max-width: 400px){
	.yakassaForm .formGroup{
		width: 90%;
	}
}
@media screen and (max-width: 380px){
  .popup-window.popup-window-with-titlebar{
    max-width: 280px;
}

}


.price-table{
  max-width: 500px;
  display: block;
  margin: 0 auto;
}
.price-table td{
  padding: 5px;
  text-align: center;
}


.delivery-cities{
  background: linear-gradient(to right, #d3d1d1, #f3f2f2);
  padding: 20px;
  width: 100%;
  
}
.delivery-cities h2{
  /* text-transform: uppercase; */
  padding-bottom: 20px;
}
.delivery-cities ul{
  column-count:8;
  color: #000;
  list-style-position: inside;
}
.delivery-cities ul li span{
  color: #333;
  min-width: 200px;
}

@media screen and (max-width: 1780px) {
  .delivery-cities ul{
    column-count:7;
  }
}
@media screen and (max-width: 1270px) {
  .delivery-cities ul{
    column-count:6;
  }
}
@media screen and (max-width: 1100px) {
  .delivery-cities ul{
    column-count:5;
  }
}
@media screen and (max-width: 915px) {
  .delivery-cities ul{
    column-count:4;
  }
}
@media screen and (max-width: 740px) {
  .delivery-cities ul{
    column-count:3;
  }
}
@media screen and (max-width: 560px) {
  .delivery-cities ul{
    column-count:2;
  }
}


.right-panel-basket.empty{
  display: none;
}
.right-panel-basket.full{
  display: block;
}
.right-panel-basket{
  position: fixed;
  width: 18%;
  height: 100%;
  background-color: #fff;
  right: 0;
  top: 0;
  padding-top: 50px;
  padding-bottom: 70px;
  box-shadow: -1px 0 5px #dadada;
  z-index: 100;
}

.basket-empty-atten{
  margin: 10px;
  height: 150px;
  background: url(/bitrix/templates/seotiv.bikra-reload/img/basket-right-block.png) center center no-repeat;
  font-weight: 700;
  text-align:center;
  color: #92a5c5;
  width: 90%;
  background-size: 200px;
  padding-top: 500px;
}
.right-panel-basket .basket-items{
  overflow-y: scroll;
  height: calc(100% - 80px);
  margin-bottom: 50px;
}
.right-panel-basket .basket-items::-webkit-scrollbar {
	width: 5px;
}
.right-panel-basket .basket-items::-webkit-scrollbar-thumb {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.b-item-block{
  margin-bottom: 10px;
  padding: 5px;
  box-shadow: 0 3px 5px #dadada;
  position: relative;
  border-bottom: 2px solid #999;
}
.b-item-block .row-info{
  display: flex;
  justify-content: space-between;
}
.b-item-block .b-item-title{
  padding: 3px 5px;
  text-align: right;
}
.b-item-block .b-item-title a{
  /* font-weight: 700; */
  font-size: 16px;
  color: #333;
}
.b-item-block .b-item-title a:hover{
  text-decoration: underline;
}
.b-item-block .info-text{
  margin-right: 0;
}
.b-item-block .b-item-img{
  width: 70px;
  height: 60px;
  background-size: contain;
  background-position: left top;
  background-repeat: no-repeat;
}

/* .b-item-block .b-item-price{} */
.b-item-block .price-block{
  display: flex;
}
.b-item-block .price-block .for-one,
.b-item-block .price-block .for-all{
  width: 49%;
}
.b-item-block .b-item-attrib{
  padding: 3px 5px;
  font-size: 14px;
  color: #999;
}
.b-item-block .b-item-attrib span{
  color: #333;
}
.b-item-block .b-item-quantity,
.b-item-block .sum,
.b-item-block .b-item-price{
  font-size: 18px;
  /* font-weight: 700; */
}
.b-item-block .s-title,
.b-item-block .p-title{
  font-size: 12px;
  /* text-transform: uppercase; */
}
/* .b-item-block .s-title{
  font-size: 14px;
} */
/* .b-item-block .s-title{
  color: #e60026;
  font-weight: 700;
} */
.b-item-block .q-title{
  border-top: 1px dotted #dadada;
  padding-top: 5px;
  margin-top: 5px;
  text-transform: none;
  font-size: 12px;
  color: #2d3954;
}
.b-item-block .q-block{
  border-bottom: 1px dotted #dadada;
  padding: 0;
  padding-bottom: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}
.b-item-block .q-block .b-item-quantity{
  border: 1px solid #3C3F53;
  padding: 0 3px;
  width: 30px;
  text-align: center;
}
.b-item-block .q-block .q-minus,
.b-item-block .q-block .q-plus{
  background-color: #3C3F53;
  width: 25px;
  height: 25px;
  position: relative;
  cursor: pointer;
}
.b-item-block .q-block .q-minus{
  border-radius: 3px 0 0 3px;
}
.b-item-block .q-block .q-plus{
  border-radius: 0 3px 3px 0;
}
.b-item-block .q-block .q-minus.dis{
  cursor: default;
}
.b-item-block .q-block .q-minus:before{
  position: absolute;
  content: '';
  top: 12px;
  width: 10px;
  height: 2px;
  border-radius: 3px;
  background-color: #fff;
  left: 8px;
}
.b-item-block .q-block .q-minus.dis:before{
  background-color: #999;
}
.b-item-block .q-block .q-plus:before,
.b-item-block .q-block .q-plus:after{
  position: absolute;
  content: '';
  top: 12px;
  width: 10px;
  height: 2px;
  border-radius: 3px;
  background-color: #fff;
  left: 8px;
}
.b-item-block .q-block .q-plus:after{
  transform: rotate(90deg);
}

.item-delete{
  position: absolute;
  background-size: 20px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  bottom: 5px;
  right: 5px;
  cursor: pointer;
  transition: 0.5s;
  border: 1px solid #666;
}
.item-delete:before,
.item-delete:after{
  position: absolute;
  content: '';
  top: 2px;
  left: 6px;
  width: 1px;
  height: 9px;
  border-radius: 2px;
  background-color: #666;
  transform: rotate(45deg);
}
.item-delete:after{
  transform: rotate(-45deg);
}
.item-delete:hover,
.item-delete:hover{
  background-color: #333;
}
.item-delete:hover:before,
.item-delete:hover:after{
  background-color: #fff;
}
.item-number{
  position: absolute;
  color: #fff;
  background-color: #cbcbcb;
  /* background: linear-gradient(to right, #fff 60%, #dadada); */
  /* border: 2px solid #405a9a; */
  text-align: center;
  font-weight: 700;
  border-radius: 10px 0 0 10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  top: 50%;
  right: 0;
  /* border-right: none; */

}
.big-sum{
  padding: 5px 5px;
  padding-bottom: 10px;
  font-weight: 700;
  font-size: 14px;
  background-color: #ededed;
  color: #3C3F53;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.big-sum span{
  font-weight: 700;
  font-size: 1.5em;
  /*  color: #E60026; */
  color: #000;
}

.basket-bottom{
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  padding: 5px;
  background-color: #fff;    
  align-items: center;
    justify-content: center;
    width: 100%;
}
a.basket-open{
  margin: auto;

    border-radius: 3px;
    background-color: #0077ff;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    height: 35px;
    line-height: 24px;
    padding: 5px 10px;
    width: fit-content;
}

.basket-clear{
  
  /* text-transform: uppercase; */
  font-weight: 700;
  font-size: 14px;
  color: #999;
  border: 1px solid #999;
  border-radius: 5px;
  padding: 2px 10px;
  cursor: pointer;
  transition: 0.3s;
  height: 35px;
  line-height: 28px;
  margin-left: 5px;
}
.basket-clear:hover{
  color: #E60026;
  border: 1px solid #E60026;
}

@media screen and (max-width: 1600px) {
  a.basket-open,
  .basket-clear{
    font-size: 12px;
  }
}

@media screen and (max-width: 1400px) {

   .top-adv-menu{
    overflow: hidden;
  }
  .top-adv-menu ul{
    height: 30px;
    overflow: hidden;
  }

}






/* .bx-basket { } */
.cart-info.empty.mob{
	display: none;
}
.bx-basket-block {
	/* background: #182133; */
	height: 50px;
	line-height: 50px;
	padding: 0;
	display: flex;
}
.bx-basket-block *{
	display: flex;
}
.bx-basket-block > a{
  text-decoration: none;
  width: 100%;
}
.bx-basket-block .t-start{
	position: relative;
	padding-left: 45px;
	/* text-transform: uppercase; */
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin-left: auto;
  /* background: #e60026; */
}
.bx-basket-block .t-start:before{
	content: '';
	background: url(/bitrix/templates/seotiv.bikra-reload/img/line-cart-b.png) left center no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 10px;
	top: 9px;
}
.bx-basket-block .cart-info{
  /* background: #e60026; */
  padding-right: 10px;
}
.bx-basket-block .cart-info .count{
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  /* background-color: #182133; */
  background-color: #E60026;;
  text-align: center;
  margin: auto;
  align-items: center;
  justify-content: center;
}

.bx-basket-block .button{
  margin: auto;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  /* background-color: #3C3F53; */
  /* background-color: #e60026; */
  background-color: #0077ff;
  color: #fff;
  font-weight: 700;
  /* text-transform: uppercase; */
  font-size: 14px;
  height: 35px;
  padding: 5px 10px;
  /* padding-right: 30px; */
  width: fit-content;
  margin-right: 10px;
  /* margin-left: 0; */
}
@media screen and (max-width: 1100px) {
  .bx-basket-block .button{
    font-size: 12px;
    padding: 5px;
  }
  .topPanel .topRow .bxmaker-geoip-city {
    margin: auto 10px;
  }
}
@media screen and (max-width: 1024px) {
  .top-panel .cart{
    width: 95px;
  }
  .bx-basket-block .button{
    display: none;
  }

}


/*FIXED BASKET*/

@media (min-width: 768px) {
	.bx-basket-fixed {
		position: fixed;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		width: 200px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-fixed.top { top: 10px }

	.bx-basket-fixed.right { right: 10px }

	.bx-basket-fixed.bottom { bottom: 10px }

	.bx-basket-fixed.left { left: 10px }

	.bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; }
}

@media (max-width: 767px) {
	.bx-basket-fixed {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-item-list { display: none; }

	/*.bx-basket-fixed */
}

.bx-basket-fixed .bx-basket-block { margin-left: 10px; }

.bx-basket-item-list {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
	border-top: 1px solid #f7f7f7;
}

.bx-opener .bx-basket-item-list { padding-bottom: 75px; }

.bx-max-height .bx-basket-item-list {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.bx-closed .bx-basket-item-list {
	overflow: hidden;
	height: 20px;
}

.bx-basket-item-list-action {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 120;
	padding: 3px 0;
	height: 20px;
	background: #f7f7f7;
	color: #4f4f4f;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
}

.bx-basket-item-list-button-container {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	padding: 10px 0;
	border-top: 1px solid #f7f7f7;
	background: #fff;
	text-align: center;
}

.bx-basket-item-list-container {
	overflow-y: auto;
	max-height: 100%
}

.bx-basket-item-list-item {
	position: relative;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #f7f7f7;
}

.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.bx-basket-item-list-item-status {
	margin: 0 10px 20px;
	padding: 3px;
	border-radius: 3px;
	background: #ebebeb;
	text-align: center;
	white-space: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}

.bx-basket-item-list-item-img {
	position: relative;
	padding-bottom: 5px;
	text-align: center;
}

.bx-basket-item-list-item-img img {
	max-width: 90px;
	height: auto;
	border: 1px solid #e6e6e6;
}

.bx-basket-item-list-item-name { padding-bottom: 5px; }

.bx-basket-item-list-item-name a {
	font-size: 13px;
	line-height: 16px;
}

.bx-basket-item-list-item-remove {
	position: absolute;
	top: -7px;
	right: 10px;
	width: 20px;
	height: 20px;
	opacity: .5;
	cursor: pointer;
	transition: 250ms linear all;
}

.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 10px;
	height: 2px;
	border-radius: 1px;
	background-color: #333;
	content: '';
	transform: translate(-50%, -50%);
}

.bx-basket-item-list-item-remove:after {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.bx-basket-item-list-item-remove:before {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	-moz-transform: translate(-50%, -50%) rotate(135deg);
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	-o-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

.bx-basket-item-list-item-remove:hover { opacity: .7; }

.bx-basket-item-list-item-price-block {
	padding-bottom: 5px;
	font-size: 12px;
}

.bx-basket-item-list-item-price {
	display: inline-block;
	margin-right: 5px;
}

.bx-basket-item-list-item-price-old {
	display: inline-block;
	margin-right: 5px;
	color: #b0b0b0;
	text-decoration: line-through
}

.bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; }

/*#basket-res{
	width: 30%;
}
.topPanel #basket-res .cart{
	width: 100%;
}
#basket-res .bx-hdr-profile{
	width: 100%;
}*/
/* .cart-info.empty{
	text-transform: uppercase;
} */
@media screen and (max-width: 600px){
	/* .cart-info.empty{
		display: none;
	} */
	.cart-info.empty.mob{
		display: block;
		padding: 0;
		line-height: 25px;
	}
	.bx-basket-block > a{
		line-height: 25px;
	}

}
	
.popup-window,
.popup-window-overlay{
  display: none !important;
  visibility: hidden !important;
}

.bxmaker-authuserphone-simple{
  margin: 40px auto;
}

@media screen and (max-width:1550px){
  .topPanel .topRow a.top-link.pers span{
    display: none;
  }
}
@media screen and (max-width:1400px){
  .top-adv-menu{
    width: 40%;
  }
  .addRow,
  .screenFlow{
    width: 78%;
  }
  .topPanel .cart,
  .right-panel-basket{
    width: 22%;
  }
  .top-adv-menu{
    right: 22%;
  }
  .top-adv-menu{
    padding: 10px 0;
  }
  .topPanel .topRow a.top-link.payd{
    width: 100px;
    line-height: 16px;
  }
  .topPanel .topRow a.top-link.payd span{
    display: block;
    margin-top: 10px;
  }
  .topPanel .topRow a.top-link.cont{
    margin-right: auto;
  }
}

@media screen and (max-width:1350px){
  .topPanel .topRow a.top-link.time{
    width: 70px;
    line-height: 16px;
  }
  .topPanel .topRow a.top-link.time span{
    display: block;
    margin-top: 10px;
  }
}
@media screen and (max-width:1290px){
  .topPanel .topRow a.top-link{
    font-size: 14px;
  }
  .topPanel .topRow a.top-link.payd{
    width: 100px;
    line-height: 16px;
  }
}
@media screen and (max-width:1250px){
  .topPanel .phone > div.phone-rf{
    display: none;
  }
  .topPanel .topRow a.top-link.payd,
  .topPanel .topRow a.top-link.time{
    width: auto;
    line-height: 30px;
  }
}
@media screen and (max-width:1120px){
  .topPanel .topRow a.top-link.time{
    display: none;
  }
}
@media screen and (max-width:1150px){
  .top-adv-menu{
    display: none;
  }
  .bx-basket-block .button{
    padding-right: 10px;
  }
  .addRow .search{
    width: 40%;
  }

}
@media screen and (max-width:1050px){
  .right-panel-basket.full{
    display: none;
  }
  .modal-filter-sort{
    display: block;
  }
  .promoStart{
    z-index: 90;
  }
  .screenFlow,
  .addRow{
    width: 100%;
  }
  .bx-basket-block .button{
    display: none;
  }
  .topPanel .cart{
    width: 100px;
  }

  /* .topPanel a.pre{
    width: 18%;
  } */
  .addRow .search{
    padding: 0;
  }
  .addRow .search span.button-wrap button.btn.btn-special{
    background: url(/bitrix/templates/seotiv.bikra-reload/img/search-b.png) left 5px no-repeat;
    background-size: 20px;
  }

}
@media screen and (max-width:1024px) {
  .f-content .f-logo{
    background-color: #2c2f46;
  }
  .topPanel .logo-geo{
    width: 30%;
  }
}
@media screen and (max-width:920px) {
  .topPanel .topRow a.top-link span,
  .topPanel .topRow a.top-link.payd span{
    display: none;
  }
  .addRow .search{
    width: 35%;
    margin: 5px 10px;
  }
}
@media screen and (max-width:680px){
  /*✉*/
  .topPanel .phone{
    margin: auto;
  }
  .topPanel .phone .email{
    background: url(/bitrix/templates/seotiv.bikra-reload/img/email.png) left center no-repeat;
    background-size: 20px;
    padding-left: 25px;
    height: 25px;
  }
  .topPanel .phone .email span{
    display: none;
  }
}
@media screen and (max-width:680px){
  .addRow .catMenu{
    margin-left: 13px;
  }
  .catalog-button{
    font-size: 14px;
  }
  .addRow .search{
    margin-left: 0;
  }
  .topPanel .phone a.phonex{
    font-size: 16px;
    /* background: none; */
    /* padding-left: 0; */
  }
  .tab-right-open{
    top: 62px;
    /* font-size: 12px !important; */
  }
  .topPanel .logo-geo{
    width: 50%;
    flex-direction: column;
  }
  .topPanel .topRow .bxmaker-geoip-city{
    width: 100%;
    margin: 0;
  }
  .bxmaker-geoip-component-city-line__wrap{
    flex-direction: row;
  }
  .topPanel .phone{
    width: 50%;
    margin-top: 3px;
  }
  .topPanel a.pre{
    margin-left: 0;
    height: 20px;
    width: 100%;
    margin-top: 5px;
  }
  .topPanel a.pre .logo,
  .topPanel .logo .text-b{
    height: 20px;
  }
  .topPanel .logo .circle-b{
    width: 20px;
    height: 20px;
  }
  .bxmaker-geoip-component-city-line__label{
    display: none;
  }
  .bxmaker-geoip-component-city-line__wrap{
    max-width: 150px;
    margin-left: 20px;
  }
  .topPanel{
    height: 52px;
    box-shadow: 0 0 5px #999;
  }
  .topPanel .topRow{
    top: 2px;
    box-shadow: none;
  }
}

.new-main > div{
  /* min-height: 35vh; */
  margin: 20px auto;
  width: calc(100% - 40px);
  max-width: 1600px;
  border-radius: 10px;
}
.new-main .sale-hits{
  display: flex;
  flex-direction: row;
}
.new-main .sale-hits h2{
  font-weight: normal;
  background: #3c3f53 url(/bitrix/templates/seotiv.bikra-reload/img/arrow-to-right.png) 30px 90% no-repeat;
  color: #fff;
  width: 200px;
  height: auto;
  padding: 5% 0 10% 0;
  border-radius: 10px;
}
.new-main .sale-hits h2 span{
  display: block;
  border-left: 10px solid #e51426;
  padding: 0 20px;  
  width: 150px;
}
@media screen and (max-width:600px){
  .new-main .sale-hits{
    flex-direction: column;
  }
  .new-main .sale-hits h2{
    width: 100%;
    background: #3c3f53;
    padding: 5% 0;
  }
  .new-main .sale-hits h2 span{
    width: 100%;
  }
}
.new-main .assortment{
  display: flex;
  flex-direction: column;
  width: 98%;
  max-width: 98%;
  margin-bottom: 50px;
  display: none;
  overflow: hidden;
}
.new-main .assortment h2{
  font-weight: normal;
  padding: 40px;
  text-align: left;
}
.new-main .assortment .main-categories{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;

}

.new-main .assortment .main-categories  a{
  display: flex !important;
  border: 1px solid #cdcdcd;
  border-radius: 10px;
  /*padding: 40px 20px;*/
  align-items: center;
  padding-left: 100px;
  padding-right: 10px;
  /*margin: 10px;*/
  color: #3c3f53;
  font-size: 18px;
  /* width: 260px !important; */
  height: 130px;
}
.new-main .assortment .main-categories .slick-slide{
  margin: 10px;
}
@media screen and (max-width:600px){
  .new-main .assortment .main-categories  a{
    padding-left: 120px;
  }
}

.new-main .assortment .main-categories  a.l-geotxt{
  background: url(/images/index/ic-geotext.jpg) left center no-repeat;
  background-size: 100px;
}
.new-main .assortment .main-categories  a.l-georesh{
  background: url(/images/index/ic-georesh.jpg) left center no-repeat;
  background-size: 100px;
}
.new-main .assortment .main-categories  a.l-geoset{
  background: url(/images/index/ic-geosetka.jpg) left center no-repeat;
  background-size: 100px;
}
.new-main .assortment .main-categories  a.l-teplonit{
  background: url(/images/index/ic-teplonit.jpg) left center no-repeat;
  background-size: 100px;
}
.new-main .assortment .main-categories a.l-geomat{
  background: url(/images/index/ic-geomat.jpg) left center no-repeat;
  background-size: 100px;
}

.new-main .assortment .main-categories  a.l-geomem{
  background: url(/images/index/ic-geomem.jpg) left center no-repeat;
  background-size: 100px;
}
.new-main .assortment .main-categories  a.l-gabion{
  background: url(/images/index/ic-gabion.jpg) left center no-repeat;
  background-size: 100px;
}
.new-main .assortment .main-categories  a.l-dorkras{
  background: url(/images/index/ic-dorkras.jpg) left center no-repeat;
  background-size: 100px;
}
.new-main .assortment .main-categories  a.l-plenka{
  background: url(/images/index/ic-plenka.jpg) left center no-repeat;
  background-size: 100px;
}
.new-main .assortment .main-categories  a.l-fasad{
  background: url(/images/index/ic-fasset.jpg) left center no-repeat;
  background-size: 100px;
}

.new-main .assortment .main-categories  a.l-tent{
  background: url(/images/index/ic-tent.jpg) left center no-repeat;
  background-size: 100px;
}
.new-main .assortment .main-categories  a.l-utep{
  background: url(/images/index/ic-uteplit.jpg) left center no-repeat;
  background-size: 100px;
}
.new-main .assortment .main-categories  a.l-drtr{
  background: url(/images/index/ic-drentr.jpg) left center no-repeat;
  background-size: 100px;
}
.new-main .assortment .main-categories  a.l-drkol{
  background: url(/images/index/ic-drenkol.jpg) left center no-repeat;
  background-size: 100px;
}
.new-main .assortment .main-categories  a.l-kanal{
  background: url(/images/index/ic-kanaliz.jpg) left center no-repeat;
  background-size: 100px;
}

.new-main .assortment .main-categories  a.l-rulgid{
  background: url(/images/index/ic-rulgid.jpg) left center no-repeat;
  background-size: 100px;
}
.new-main .assortment .main-categories  a.l-memb{
  background: url(/images/index/ic-gidmem.jpg) left center no-repeat;
  background-size: 100px;
}
.new-main .assortment .main-categories  a.l-mastb{
  background: url(/images/index/ic-bitmas.jpg) left center no-repeat;
  background-size: 100px;
}
.new-main .assortment .main-categories  a.l-prim{
  background: url(/images/index/ic-primbit.jpg) left center no-repeat;
  background-size: 100px;
}
.new-main .assortment .main-categories  a.l-dpm{
  background: url(/images/index/ic-drevplit.jpg) left center no-repeat;
  background-size: 100px;
}

.new-main .assortment .main-categories  a.l-netmat{
  background: url(/images/index/ic-netkmat.jpg) left center no-repeat;
  background-size: 100px;
}
.new-main .assortment .main-categories  a.l-metall{
  background: url(/images/index/ic-metall.jpg) left center no-repeat;
  background-size: 100px;
}

.new-main .assortment .main-categories .slick-next{
  background: url(/images/index/car-right.png) center center no-repeat;
  background-size: 40px;
}
.new-main .assortment .main-categories .slick-prev{
    background: url(/images/index/car-left.png) center center no-repeat;
    background-size: 40px;
}
/* .new-main .assortment .main-categories .slick-next:before,
.new-main .assortment .main-categories .slick-next:after,
.new-main .assortment .main-categories .slick-prev:before,
.new-main .assortment .main-categories .slick-prev:after{
  display: none;
} */
@media screen and (max-width:600px){
  .new-main .assortment .main-categories  a{
    padding-left: 120px;
    background-position: 20px center !important;
  }
}

.new-main .assortment .main-categories a:hover{
  text-decoration: underline;
}




.new-main .soputka{
  /* padding-top: 40px; */
  background-color: #ededed;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.new-main .soputka h2{
  /* display: none; */
  font-weight: normal;
  color: #fff;
  background-color: #e51426;
  /* padding: 20px; */
  width: fit-content;
  margin: auto;
  text-align: center;
}
.new-main #digi_hits,
.new-main #digi_dops{
  /* min-height: 200px; */
}



.addRow a.main-link,
.topPanel .cart span{
  display: none;
  opacity: 0;
  visibility: hidden;
}

@media screen and (max-width: 1050px){
    /*new mob*/
    .go-up,
    .go-down{
      bottom: 75px;
    }
    .addRow .search{
      display: none;
      opacity: 0;
      visibility: hidden;
    }
    .topPanel .topRow{
      justify-content: flex-start;
    }
    .topPanel .topRow a.top-link.cont{
      margin-right: 0;
    }
    .topPanel .phone{
      margin: auto 10px;
    }
    .tab-right-open{
      top: 0;
      z-index: 150;
      position: fixed;
      height: 50px;
      right: 10px;

      background: url(/bitrix/templates/seotiv.bikra-reload/img/mob/mob-filter.png) left 7px no-repeat;
      background-size: 30px;
      color: #333;
      display: block;
      width: fit-content;
      border-radius: 10px;
      padding: 13px 20px;
      padding-left: 35px;
      font-weight: 700;
      text-transform: none;
      font-size: 14px;
  }


    input#tab-right-block ~ .area-filter{
      z-index: 90;
      height: calc(100% - 50px);
    }
    .addRow{
      top: calc(100% - 50px);
      top: auto;
      padding: 0;
      bottom: 0;
    }
    .addRow .catalog-list.open{
      top: 48px;
      padding-top: 4px;
    }
    .addRow a.main-link{
      display: block;
      opacity: 1;
      visibility: visible;
      height: 50px;
      background: url(/bitrix/templates/seotiv.bikra-reload/img/mob/mob-home.png) center 5px no-repeat;
      background-size: 25px;
      padding-top: 32px;
      width: 20%;
      text-align: center;
      color: #333;
      font-size: 11px;
      font-weight: 700;
      line-height: 12px;
    }
    .topPanel .cart{
      position: fixed;
      top: auto;
      right: 20%;
      width: 20%;
      z-index: 150;
      bottom: 0;
    }
    .bx-basket-block .t-start{
      margin: 0 auto;
      padding: 0;
      margin-right: 40px;
    }
    .bx-basket-block .t-start:before{
      top: 0;
      left: 0;
      margin-left: 10px;
    }
    .bx-basket-block .cart-info{
      margin-right: auto;
    }
    .bx-basket-block .cart-info .count{
      width: 22px;
      height: 22px;
      font-size: 14px;
      margin: 5px 0;
    }
    .topPanel .cart span{
      display: block;
      opacity: 1;
      visibility: visible;
      text-align: center;
      color: #333;
      font-size: 11px;
      font-weight: 700;
    }
    .topPanel .cart .bas-link{
      display: flex;
      flex-direction: column;
      line-height: 12px;
      text-align: center;
      height: 50px;
    }
    .topPanel .topRow a.top-link.pers,
    .topPanel .topRow a.top-link.pers:hover{
      display: block;
      position: fixed;
      top: auto;
      bottom: 0;
      right:0;
      height: 50px;
      width: 20%;
      background: url(/bitrix/templates/seotiv.bikra-reload/img/mob/user_b.png) center 7px no-repeat;
      background-size: 25px;
      padding: 0;
      padding-top: 34px;
      text-align: center;
      color: #333;
      font-size: 11px;
      font-weight: 700;
    }
    .topPanel .topRow a.top-link.pers span{
      display: block;
      line-height: 11px;
    }
    .addRow .catMenu{
      width: 20%;
      margin: 0;
      padding: 0;
      height: 50px;
    }
    .addRow .catalog-button {
      background: url(/bitrix/templates/seotiv.bikra-reload/img/mob/mob-cat.png) center 7px no-repeat;
      background-size: 23px;
      padding: 0;
      padding-top: 32px;
      text-align: center;
      color: #333;
      font-size: 11px;
      font-weight: 700;
      line-height: 12px;
    }
    .addRow .search-btn{
      display: block;
      background: url(/bitrix/templates/seotiv.bikra-reload/img/search-b.png) center 7px no-repeat;
      background-size: 23px;
      padding: 0;
      padding-top: 32px;
      text-align: center;
      color: #333;
      font-size: 11px;
      font-weight: 700;
      border: none;
      width: 20%;
      height: 50px;
      line-height: 12px;
      margin: 0;
    }
    .addRow .search-btn span{
      display: block;
    }
    /* .topPanel .phone a.phonex{
      font-size: 16px;
      margin-left: 5px;
      background: none;
      font-weight: 400;
      line-height: 47px;
      border-bottom: none;
    }
    .topPanel .phone a.phonex::before {
      content: '';
      background: url(/bitrix/templates/seotiv.bikra-reload/img/mob/mob-phone.png) left 2px no-repeat;
      width: 30px;
      height: 30px;
      position: absolute;
      background-size: 17px;
      margin-left: -22px;
      top: 12px;

    } */
  
}
/* @media screen and (max-width: 520px){
  /* .topPanel a.pre{
    margin-right: 5px;
  } *//*
  .topPanel .phone{
    flex-direction: column;
    margin: 0;
    padding-left: 0;
  }
  .topPanel .phone a{
    line-height: 20px;
  }
  .topPanel .phone a.phonex {
    line-height: 20px;
    padding-left: 17px;
  }
  .topPanel .phone a.phonex::before {
    height: 20px;
    top: 0;
  }
  .topPanel .phone .email,
  .topPanel .phone .email span{
    display: block;

  }
} */

@media screen and (max-width: 550px) {
  .f-content .f-logo{
    margin-top: 10px;
  }
}
@media screen and (max-width:520px){
  .topPanel .logo-geo{
    width: 100%;
    flex-direction: row;
    margin-left: 10px;
  }
  .tab-right-open {
    top: 3px;
    height: 40px;
  }
  .topPanel a.pre{
    width: 35%;
  }
  .topPanel a.pre .logo{
    margin-top: 7px;
  }
  .topPanel a.pre .logo, .topPanel .logo .text-b {
    height: 30px;
}

  .topPanel .logo .circle-b {
    width: 30px;
    height: 30px;
}
.topPanel .logo .text-b{
  width: 100%;
}
.bxmaker-geoip-component-city-line__label {
  display: block;
}
.bxmaker-geoip-component-city-line__wrap {
  flex-direction: column;
}
  .topPanel .topRow .bxmaker-geoip-city {
    line-height: 18px;
    height: 50px;
    display: flex;
    align-items: center;
}
  .addRow .search{
    display: none;
  }
  .go-up, .go-down {
    bottom: 85px;
}
  .topPanel .phone{
    position: fixed;
    left: 0;
    bottom: 50px;
    background: #2c2f46;
    height: 30px;
    color: #fff;
    width: 100%;
    color: #fff;
    display: flex;
    flex-direction: row;
    margin: 0;
  }
  .topPanel .phone a,
  .topPanel .phone .email,
  .topPanel .phone a.phonex{
    color: #fff;
    line-height: 25px;
    font-size: 14px;
    font-weight: 400;
    margin-left: 15px;
  }
  .topPanel .phone .email{
    background: url(/bitrix/templates/seotiv.bikra-reload/img/email-w.png) left center no-repeat;
    background-size: 20px;
  }
  .topPanel .phone .email span{
    display: block;
  }
  .topPanel .phone a.phonex{
    background: url(/bitrix/templates/seotiv.bikra-reload/img/phone-w.png) 3px 4px no-repeat;
    background-size: 16px;
  }
/* 
  .topPanel .phone a.phonex{
     font-size: 16px;
     background: none;
     margin-left: 17px;
     font-weight: normal;
     /* text-decoration: underline; */
   /* margin-right: 0; *//*
   border-bottom: 1px dashed #333;
   line-height: 18px;
  position: relative;
   padding-left: 0;
  }
  .topPanel .phone a.phonex::before{
    content: '';
    background: url(/bitrix/templates/seotiv.bikra-reload/img/phone-b.png) left 1px no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    background-size: 15px;
    margin-left: -17px;
  } */
    .search-btn{
      display: block;
      background: url(/bitrix/templates/seotiv.bikra-reload/img/search-b.png) 90% 3px no-repeat;
      width: 80px;
      height: 25px;
      background-size: 15px;
      padding: 3px 10px;
      padding-right: 20px;
      border-radius: 15px;
      margin: auto;
      /* transition: 0.5s; */
      /* text-transform: uppercase; */
      font-size: 12px;
      font-weight: 700;
      border: 1px solid #333;
      color: #999;
    }
    .search-btn.checked{
      background: #E60026 url(/bitrix/templates/seotiv.bikra-reload/img/red/search-r-w.png) 90% 3px no-repeat;
      background-size: 15px;
      color: #fff;
    }
    .topPanel .topRow a.top-link/*,
    .topPanel .phone .email*/{
      display: none;
    }
    .topPanel .topRow{
      justify-content: space-between;
    }
    /* .topPanel a.pre{
      margin: 0 10px;
      width: 25%;
    } */
    #reviews-statistics > div{
      max-width: 50%;
    }
    .f-content ul{
      padding: 20px 0;
    }
    .f-content .col-30 h3, .f-content .col-40 h3, .f-content .col-30 ul, .f-content .col-40 ul{
      padding-left: 20px;
    }
}
@media screen and (max-width:400px){
  .search-btn span{
    display: none;
  }
  .search-btn,
  .search-btn.checked {
    background-position: center 3px;
    width: 20px;
    padding: 3px 12px;
  }
  /* .topPanel .phone a.phonex {
    font-size: 14px;
  } */
  .priceAmount{
    width: fit-content;
  }

}
@media screen and (max-width: 400px){
  .addRow .catalog-button,
  .topPanel .topRow a.top-link.pers{
    background-position: center 5px;
    background-size: 20px;
    padding-top: 27px;
    line-height: 9px;
  }
  .tab-right-open{
    right: 0;
  }
  /* .topPanel .phone a.phonex{
    font-size: 14px !important;
  } */
}

#getreviews{
  display: block;
  padding-top: 50px;
}
#getreviews .list-row{
	margin: 20px 0;
}
#getreviews .table{
	border-bottom: 1px solid #dadada;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#getreviews .title{
  font-weight: 700;
}
#getreviews .time{
	font-size: 14px;
}
#getreviews .rating-text{
	width:100px;
	height: 20px;
	margin-bottom:10px;
}
#getreviews .rating-text.five{
	background: url(/bitrix/templates/seotiv.bikra-reload/img/stars-raiting.png) -5px top no-repeat;
	background-size: 100px;
}
#getreviews .rating-text.four{
	background: url(/bitrix/templates/seotiv.bikra-reload/img/stars-raiting.png) -5px 20% no-repeat;
	background-size: 100px;
}
#getreviews .rating-text.three{
	background: url(/bitrix/templates/seotiv.bikra-reload/img/stars-raiting.png) -5px 40% no-repeat;
	background-size: 100px;
}
#getreviews .rating-text.two{
	background: url(/bitrix/templates/seotiv.bikra-reload/img/stars-raiting.png) -5px 60% no-repeat;
	background-size: 100px;
}
#getreviews .rating-text.one{
	background: url(/bitrix/templates/seotiv.bikra-reload/img/stars-raiting.png) -5px 80% no-repeat;
	background-size: 100px;
}
#getreviews .pagination{
	display: inline-block;
	list-style-type: none;
}
#getreviews .pagination li{
	display: inline-block;
	margin: 10px;
}
#getreviews .pagination li a{
	/* padding: 10px; */
	background-color: #ededed;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #000;
	text-decoration: none;
	display: block;
	box-sizing: border-box;
	cursor: pointer;
	transition: 0.3s;
}
#getreviews .pagination li.active a,
#getreviews .pagination li a:hover{
	background-color: #ff003c;
	color: #fff;
}
#getreviews .pagination li.disabled a,
#getreviews .pagination li.disabled a:hover{
	background-color: #ededed;
	color: #999;
}
/* End */


/* Start:/bitrix/templates/seotiv.bikra-reload/components/bitrix/search.title/newtitle/style.css?16197624605077*/
.bx-searchtitle {
	margin: 10px 0 0;
}

.searchform-popup,
.searchform-popup form{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}
.searchform-popup form fieldset{
	border: none;
	display: contents;
}
.searchform-popup form fieldset,
.searchform-popup form{
	width: 100%;
}
.b-header-search{
  border: none;
  padding: 0;
  width: 100%;
}
.b-header-search span.text,
span.button-wrap{
  display: inline-block;
}
.b-header-search span.text{
  width: calc(100% - 60px);
  position: relative;
}
.b-header-search span.text .headline{
  position: absolute;
  top: 0;
  left: 0;
    width: 100%;
    overflow: hidden;
	    pointer-events: none;
}
.b-header-search input[type=text]{
  border: none;
  height: 25px;
  width: 100%;
  outline: 0;
}
span.button-wrap button.btn.btn-special{
  width: 50px;
  background: url(https://bikra-m.ru/bitrix/templates/seotiv.bikra/img/red/search-r.png) top center no-repeat;
  background-size: 25px;
  border: none;
  height: 21px;
  display: inline-block;
  cursor: pointer;
}
.b-header-search span.text input[type=text]:focus,
span.button-wrap button.btn.btn-special:focus{
  outline: none;
}

.bx-searchtitle .bx-block-title {

	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
	font-weight: 600;
}
.bx-searchtitle .bx-input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-searchtitle .bx-input-group {}
.bx-searchtitle .bx-input-group .bx-form-control {
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #f8fafc;
	border: 1px solid #d5dadc;
	border-right: none;
	border-radius: 2px 0 0 2px;
	outline: none;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
	/* Fix of input shadow for IOS browsers. */
	background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
	background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.bx-searchtitle .bx-input-group-btn {
	position: relative;
	font-size: 0;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
}
.bx-searchtitle .bx-input-group-btn button {
	position: relative;
	border: none;
	background: #95a1a8;
	display: inline-block;
	margin-bottom: 0;
	cursor: pointer;
	padding:6px 12px;
	border-radius: 0 2px 2px 0;
	color: #fff;
	font-size: 16px;
	line-height: 1.42857143;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bx-searchtitle .bx-input-group-btn button:hover {
	background: #1484CE;
}


div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:999;
	min-width: 370px;
	margin-top:-3px;
	background-color: #FFF;
}

div.title-search-fader {
	display:none;
	background-image: url('/bitrix/templates/seotiv.bikra-reload/components/bitrix/search.title/newtitle/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}

p.title-search-preview {
	font-size:12px;
}
div.title-search-result td.title-search-price span {
	font-size: 26px;
}

/*========================*/
.bx_searche{}
.bx_searche .bx_img_element{
	background: #fafafa;
	float: left;
	width: 67px;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	bottom: 0;
}
.bx_searche .bx_item_block{
	min-height: 65px;
	position: relative
}
.bx_searche .bx_image{
	width: 45px;
	height: 45px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #e8e8e8;
}
.bx_searche .bx_item_element{
	/*float: left;*/
	padding-left: 10px;
	margin-left: 70px;
}
.bx_searche .bx_item_element hr{
	margin: 0;
	border: none;
	border-bottom: 1px solid #e5e5e5;
}
.bx_searche .bx_item_element a{
	margin-top: 10px;
	display: inline-block;
	color: #4788cb;
	font-size: 13px;
	text-decoration: none;
}
.bx_searche .bx_item_element a b{color: #000;font-weight: normal;}
.bx_searche .bx_item_element a:hover,
.bx_searche .bx_item_element a:hover b{text-decoration: underline;}
.bx_searche .bx_price{
	font-weight:bold;
	font-size:13px;
}
.bx_searche .bx_price .old{
	font-weight:normal;
	text-decoration: line-through;
	color: #636363
}
.bx_item_block.all_result{min-height:0}
.bx_item_block.others_result{
	min-height: 0;
	padding: 0 0 12px;
	line-height: 12px;
}
.bx_item_block.all_result .all_result_title{
	display: block;
	font-size: 12px;
	color: #a7a7a7;
	padding-top: 15px;
	padding-bottom: 10px;
}
.bx_item_block.all_result .all_result_title a{color: #a7a7a7}
.bx_item_block.all_result .all_result_title a:hover{color: #4788cb}
.bx_item_block.all_result a{
	margin-top: 0;
}




/* End */
/* /bitrix/templates/seotiv.bikra-reload/style.css?1767957632142068 */
/* /bitrix/templates/seotiv.bikra-reload/components/bitrix/search.title/newtitle/style.css?16197624605077 */