

/* Start:/local/templates/main/css/nprogress.css?17652017331532*/
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* End */


/* Start:/local/templates/main/css/lib.css?17652017334750*/
/*куки окно*/
.old-site-container{
	padding-top: .75rem;
	padding-bottom: .75rem;
	background-color: #fff;
	font-size: .75rem;
	margin-bottom: .75rem;
	box-shadow: 3px 3px 10px #00000050;

}
.close-oldsite{
	cursor: pointer;
	max-width: 15px;
	opacity: .5;
	transition: .3s;
	cursor: pointer;

}
.close-oldsite:hover{
	opacity: 1;
}
.close-oldsite img{
	width: 100%;
	height: auto;
	display: block;
	max-width: 100%;
}

*{
	/*font-family: Arial;*/
	/*font-size: 1.19vw;*/ /*20px шрифт на 1680*/
	/*font-size: 20px;*/
}
.placeholder {
	color: #C4C4C4;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 24px;
	padding-bottom: 10px;
	transition: .3s;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
  not supported by any browser */
}
.input-block input:not([type="checkbox"]), .input-block textarea{				
	background: none;
	border: none;
	outline: none;
	width: 100%;
	color: #233568;
}
input:required + .placeholder:after, textarea:required + .placeholder:after{
	content: " *";
	color: #ff0000;
}
.input-block label {
	display: block;
	margin: 0;
}
.input-block {
	padding-top: 24px;
	padding-bottom: 10px;		
	font-size: 1.1rem;		
	position: relative;
	border-bottom: 1px solid #C4C4C4;
	margin-bottom: 2.5rem;
	transition: .3s;		
}
.input-block input:focus + .placeholder, .input-block textarea:focus + .placeholder, .input-block textarea + .placeholder, .input-block input.focus + .placeholder, .input-block.phone-input input + .placeholder, .input-block.date-input input + .placeholder {
	padding-top: 0;
	font-size: 0.7rem;
	padding-bottom: 0;
	height: auto;
}
.phone-code{
	margin-right: 15px;
	width: 33px;
	position: relative;
	cursor: pointer;
}
.phone-code__list{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	z-index: 100;
}
.phone-code__list .phone-code__item{
	order: 2;
}
.phone-code__list .phone-code__item.active{
	order: 1;
}
.vncode{
	margin-left: 5px;
	display: none;
}
.phone-code__item{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	height: 1.65rem;
}
.phone-code__item.active .vncode{
	display: block;
}
.phone-code__list:not(.active) .phone-code__item:not(.active){
	display: none;
}

.phone-input label{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.input-block.active-block{
	border-bottom: 1px solid #60C6F2;
}


form input[type="submit"]{
	/*background: #C16239;
	border-radius: 200px;
	padding: 19px 37px;*/
	/*padding-bottom: 15px;*/
	/*border: none;
	font-size: 0.75rem;
	color: #fff;
	letter-spacing: 0.3px;
	text-transform: uppercase;
	line-height: 1;*/
}
[type="file"]{
	/*display: none;*/
	width: 1px;
	height: 1px;
	opacity: 0;
	display: block;
}
.file-clip{
	margin-right: 1rem;
}
.file-clip img{
	width: 100%;
	height: auto;
	max-width: 16px;
}
.file-input{
	cursor: pointer;
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: none!important;
}
.file-input label{
	cursor: pointer;
}
.date-input input{
	background: url(/local/templates/main/css/img/calendar.svg)!important;
	background-position: 100% center!important;
	background-repeat: no-repeat!important;
}

::-webkit-calendar-picker-indicator{
	/*display: none;*/
	background: transparent;
	bottom: 0;
	color: transparent;
	cursor: pointer;
	height: auto;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: auto
}
::-webkit-inner-spin-button{
	display: none;
}

.submit-block input{
	margin: auto;
	display: block;
}

.small-container{
	max-width: 600px;
	margin: auto;
}


/*видео*/

.video-container{
	position: relative;
	padding-bottom: 56%;
	width: 100%;	
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*копирование*/
.head-success-copy.show {
    transform: translate(0,0);
}
.head-success-copy {
    padding: 10px;
    background: #000;
    color: #fff;
    font-weight: 600;
    font-size: .8rem;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: .3s;
    z-index: 1000000000;
    transform: translate(0,-100%);
}

/* End */


/* Start:/local/templates/main/components/bitrix/menu/top-menu/style.css?17652017332*/



/* End */


/* Start:/local/templates/main/components/bitrix/menu/bottom-menu/style.css?17652017332*/



/* End */


/* Start:/local/templates/main/template_styles.css?17652017332506*/
html,body{font-size:1.1111111111vw;padding:0;margin:0;line-height:1.3}*{box-sizing:border-box}:root{--black: #000;--white: #fff}::-webkit-scrollbar{width:.375rem;height:.375rem;-webkit-transition:.3s;transition:.3s}@media(max-width: 64rem){::-webkit-scrollbar{width:.1875rem;height:.1875rem}}::-webkit-scrollbar-track{border-radius:624.9375rem;--tw-bg-opacity: 1;background-color:rgb(242, 242, 242, var(--tw-bg-opacity));-webkit-transition:.3s;transition:.3s}::-webkit-scrollbar-thumb{border-radius:624.9375rem;--tw-bg-opacity: 1;background-color:rgb(204, 206, 210, var(--tw-bg-opacity));-webkit-transition:.3s;transition:.3s}::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(152, 155, 160, var(--tw-bg-opacity))}.dark-style ::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(50, 50, 50, var(--tw-bg-opacity))}.dark-style ::-webkit-scrollbar-thumb{--tw-bg-opacity: 1;background-color:rgb(80, 80, 80, var(--tw-bg-opacity))}.dark-style ::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(114, 114, 114, var(--tw-bg-opacity))}a{text-decoration:none}.page{position:relative}.page header{position:sticky;top:0;left:0;width:100%}.page__catalog .collection__items-wrapper .collection__items-inner{display:grid}.page__catalog .collection__items-wrapper .element--wrapper{display:flex}.page__catalog .collection__items-wrapper .element--wrapper .product__card{width:100%}.page__catalog .collection-options{display:grid;grid-template-columns:repeat(5, 1fr)}.page__catalog .collection-options .selector__double{grid-column:span 2}.page__catalog .collection-options .filter__button-wrapper{grid-column:span 1/-1}.selector__item .custom-dropdown.disabled{opacity:.5;pointer-events:none;filter:grayscale(1)}.product__card{display:block}.collection__filter-base .filter__base-inner h1{display:flex;align-items:center;gap:.625rem;margin-bottom:2.25rem;color:var(--color-text);font-weight:700;font-size:2.75rem;line-height:130%;margin-top:0}.product__delivery-terms-title{margin-bottom:1em}.wrapper .about__hero h1,.wrapper .about__hero h2,.wrapper .about__hero h3{margin-bottom:1em}.wrapper .about__hero p{margin-top:0;margin-bottom:1em}.wrapper .about__hero ul,.wrapper .about__hero ol{padding-left:1.5em;margin-bottom:1em}.wrapper .about__hero ul li:not(:last-child),.wrapper .about__hero ol li:not(:last-child){margin-bottom:.5em}.wrapper .about__hero ul{list-style:disc}.wrapper .about__hero ol{list-style:decimal}/*# sourceMappingURL=template_styles.css.map */
/* End */
/* /local/templates/main/css/nprogress.css?17652017331532 */
/* /local/templates/main/css/lib.css?17652017334750 */
/* /local/templates/main/components/bitrix/menu/top-menu/style.css?17652017332 */
/* /local/templates/main/components/bitrix/menu/bottom-menu/style.css?17652017332 */
/* /local/templates/main/template_styles.css?17652017332506 */
