/* Start:/bitrix/templates/vbt/template_styles.css?175154733731898*/
@font-face {
    font-family: 'Euclid Circular A';
    src: url('/fonts/eu/EuclidCircularA-Bold.eot');
    src: local('Euclid Circular A Bold'), local('/fonts/eu/EuclidCircularA-Bold'),
        url('/fonts/eu/EuclidCircularA-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/eu/EuclidCircularA-Bold.woff2') format('woff2'),
        url('/fonts/eu/EuclidCircularA-Bold.woff') format('woff'),
        url('/fonts/eu/EuclidCircularA-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('/fonts/eu/EuclidCircularA-Light.eot');
    src: local('Euclid Circular A Light'), local('/fonts/eu/EuclidCircularA-Light'),
        url('/fonts/eu/EuclidCircularA-Light.eot?#iefix') format('embedded-opentype'),
        url('/fonts/eu/EuclidCircularA-Light.woff2') format('woff2'),
        url('/fonts/eu/EuclidCircularA-Light.woff') format('woff'),
        url('/fonts/eu/EuclidCircularA-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('/fonts/eu/EuclidCircularA-BoldItalic.eot');
    src: local('Euclid Circular A Bold Italic'), local('/fonts/eu/EuclidCircularA-BoldItalic'),
        url('/fonts/eu/EuclidCircularA-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/eu/EuclidCircularA-BoldItalic.woff2') format('woff2'),
        url('/fonts/eu/EuclidCircularA-BoldItalic.woff') format('woff'),
        url('/fonts/eu/EuclidCircularA-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('/fonts/eu/EuclidCircularA-LightItalic.eot');
    src: local('Euclid Circular A Light Italic'), local('/fonts/eu/EuclidCircularA-LightItalic'),
        url('/fonts/eu/EuclidCircularA-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/eu/EuclidCircularA-LightItalic.woff2') format('woff2'),
        url('/fonts/eu/EuclidCircularA-LightItalic.woff') format('woff'),
        url('/fonts/eu/EuclidCircularA-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('/fonts/eu/EuclidCircularA-Regular.eot');
    src: local('Euclid Circular A Regular'), local('/fonts/eu/EuclidCircularA-Regular'),
        url('/fonts/eu/EuclidCircularA-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/eu/EuclidCircularA-Regular.woff2') format('woff2'),
        url('/fonts/eu/EuclidCircularA-Regular.woff') format('woff'),
        url('/fonts/eu/EuclidCircularA-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('/fonts/eu/EuclidCircularA-SemiBold.eot');
    src: local('Euclid Circular A SemiBold'), local('/fonts/eu/EuclidCircularA-SemiBold'),
        url('/fonts/eu/EuclidCircularA-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/eu/EuclidCircularA-SemiBold.woff2') format('woff2'),
        url('/fonts/eu/EuclidCircularA-SemiBold.woff') format('woff'),
        url('/fonts/eu/EuclidCircularA-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('/fonts/eu/EuclidCircularA-Medium.eot');
    src: local('Euclid Circular A Medium'), local('/fonts/eu/EuclidCircularA-Medium'),
        url('/fonts/eu/EuclidCircularA-Medium.eot?#iefix') format('embedded-opentype'),
        url('/fonts/eu/EuclidCircularA-Medium.woff2') format('woff2'),
        url('/fonts/eu/EuclidCircularA-Medium.woff') format('woff'),
        url('/fonts/eu/EuclidCircularA-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('/fonts/eu/EuclidCircularA-Italic.eot');
    src: local('Euclid Circular A Italic'), local('/fonts/eu/EuclidCircularA-Italic'),
        url('/fonts/eu/EuclidCircularA-Italic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/eu/EuclidCircularA-Italic.woff2') format('woff2'),
        url('/fonts/eu/EuclidCircularA-Italic.woff') format('woff'),
        url('/fonts/eu/EuclidCircularA-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('/fonts/eu/EuclidCircularA-SemiBoldItalic.eot');
    src: local('Euclid Circular A SemiBold Italic'), local('/fonts/eu/EuclidCircularA-SemiBoldItalic'),
        url('/fonts/eu/EuclidCircularA-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/eu/EuclidCircularA-SemiBoldItalic.woff2') format('woff2'),
        url('/fonts/eu/EuclidCircularA-SemiBoldItalic.woff') format('woff'),
        url('/fonts/eu/EuclidCircularA-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('/fonts/eu/EuclidCircularA-MediumItalic.eot');
    src: local('Euclid Circular A Medium Italic'), local('/fonts/eu/EuclidCircularA-MediumItalic'),
        url('/fonts/eu/EuclidCircularA-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/eu/EuclidCircularA-MediumItalic.woff2') format('woff2'),
        url('/fonts/eu/EuclidCircularA-MediumItalic.woff') format('woff'),
        url('/fonts/eu/EuclidCircularA-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
:root {
var(--vbtdark):var(--vbtdark);
--rose: hsl(342.34deg 94.29% 51.96%);
--gray: hsl(228deg 23.81% 95.88%);
--asph: hsl(0deg 0% 30%);
--green: hsl(140deg 84.91% 41.57%);
--darkgray: hsl(240deg 6.61% 55.49%);
--blue: hsl(218.59deg 100% 50%);
--vbtdark: hsl(273.02deg 63.55% 60.2%);
--vbtlight: hsl(273.1deg 84.06% 72.94%);
}
* {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
	scrollbar-width: thin;
    scrollbar-color: var(--darkgray) var(--gray); 
}
::-webkit-scrollbar {
    width: 8px; /* Ширина вертикальной полосы прокрутки */
}

::-webkit-scrollbar-track {
    background: var(--gray); /* Цвет фона полосы прокрутки */
}

::-webkit-scrollbar-thumb {
    background: var(--darkgray); /* Цвет "ползунка" */
    border-radius: 4px; /* Скругление углов ползунка */
}

::-webkit-scrollbar-thumb:hover {
    background: var(--darkgray); /* Цвет при наведении на ползунок */
}
html,body {
	padding: 0;
    margin: 0;
    font-family: Euclid Circular A, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    color: #404040;
	scroll-behavior: smooth;
}
a.link {
    color: inherit;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    transition: all .3s ease-in-out;
	text-decoration:underline!important
}
a.link:hover {color:var(var(--vbtdark))}
.vbtgradien {background:linear-gradient(180deg, hsl(273.1deg 84.06% 72.94%) 0%, hsl(273.02deg 63.55% 60.2%) 100%)}
.vbtst {fill:#fff}
.st0{fill:#1D1D1B;}
.st1{fill:#FF0033;}

.wrap {
	margin: 0 auto;
   width: calc(100% - 24px - 24px);
    max-width: calc(264px + 24px + 1144px + 24px + 416px);
}


h1 {
	font-size: 2rem!important;
    line-height: 2.25rem;
    font-weight: 500!important;
    letter-spacing: 0px;
    text-transform: none;
    margin-block: 0px 1rem;
	margin-bottom:2rem!important
}
.title {
    font-weight: 500!important;
    letter-spacing: 0px!important;
    text-transform: none!important;
    margin: 0px 0px 1.5rem!important;		
}
h2 {
	align-items: baseline;
    margin-bottom: 12px!important;
    font-size: 24px!important;
    font-weight: 700!important;
    line-height: 24px!important;
    display: flex;
}
h3 {
	font-size: 1.2rem!important;
    line-height: 1.75rem;
    font-weight: 700!important;
    letter-spacing: 0px;
    text-transform: none;
	margin-bottom:1rem!important;
	
}
h4 {}
h5 {}
.cnt ul li{position:relative;margin-left:20px}
.cnt ul li:before {content: '—';position: absolute;left: -20px;}
table {
    border: 1px solid var(--gray);
    border-collapse: collapse;
	margin:1rem 0
}

td {
    border: 1px solid gray; /* граница ячеек */
    padding: 8px; /* отступы внутри ячеек */
}
main {border-radius:5rem;padding:1rem 0}
.cnt {width:100%;background:white;border-radius:2rem;padding:2.5rem}
.btn {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	cursor:pointer;
	padding:.5rem 1rem;
	transition:all .4s ease;
}
.btnicon svg {width:16px;margin-right:.5rem}
.btngray {border:1px solid hsl(228deg 23.81% 95.88%);background:hsl(228deg 23.81% 95.88%);color:hsl(0, 0%, 11%);border-radius:14px;}
.btngray:hover {border:1px solid hsl(0, 0%, 88%);background:hsl(0, 0%, 88%);}
.btnred{border:1px solid var(--vbtdark);background:var(--vbtdark);color:hsl(0deg 0% 100%);border-radius:14px;}
.btnred:hover {border:1px solid var(--vbtlight);background:var(--vbtlight);}
.btnbuy {font-weight:bold;}
.btnsmall {padding:.625rem;border-radius:1rem;height: max-content;width: max-content !important;}
.btnwith {width:100%!important}
.btnbig {height:56px}
.minibutton {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	cursor:pointer;
	padding:1px 1rem;
	transition:all .4s ease;
	border:1px solid #4d4d4d;
	background:var(--asph);
	color:white;
	border-radius:32px;
	font-size:12px;
	font-weight:bold;
	margin-bottom:.3rem
}
.minibutton:hover {border:1px solid #4d4d4d;background:var(--asph);}
.downloadfile {padding:1rem}
.downloadfile:hover {background:var(--gray);border-radius:15px;padding:1rem}
.green {background:var(--green)!important;color:white!important;border:1px solid var(--green)!important;}
.red {background:var(var(--vbtdark))!important;color:white!important;border:1px solid var(var(--vbtdark))!important;}
.gray {background:var(--gray)!important;color:black!important;border:1px solid var(--gray)!important;}
.blue {background:var(--blue)!important;color:white!important;border:1px solid var(--blue)!important;}
.darkgraytext {color:var(--darkgray);font-size:14px}
.textred {color:var(var(--vbtdark))}

.close,.close svg {cursor:pointer;transition:all .4s ease;}
.close:hover svg .closebg {fill-opacity:.4}

.graybg {background:var(--gray)!important;border-radius:15px;padding:1rem}

#preloader {height:100vh;display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;    align-content: center;}
#preloadersvg {width:350px;}

.spinner {
  margin: 2rem auto;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  border: 9px solid var(--vbtdark);
  animation: spinner-bulqg1 0.8s infinite linear alternate,
        spinner-oaa3wk 1.6s infinite linear;
}
@keyframes spinner-bulqg1 {
  0% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
  }

  12.5% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
  }

  25% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
  }

  50% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }

  62.5% {
    clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }

  75% {
    clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
  }

  100% {
    clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
  }
}

@keyframes spinner-oaa3wk {
  0% {
    transform: scaleY(1) rotate(0deg);
  }

  49.99% {
    transform: scaleY(1) rotate(135deg);
  }

  50% {
    transform: scaleY(-1) rotate(0deg);
  }

  100% {
    transform: scaleY(-1) rotate(-135deg);
  }
}

/* Формы */
input[type="text"],textarea,select{-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;}
input::placeholder {color:#b0b0b0!important;}
.field {width:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1.5rem;margin-top:1rem;background:hsl(228deg 23.81% 95.88%)!important;border-radius:20px}
label {margin-right:0;padding-right:30px;-moz-flex-shrink:1;-ms-flex-shrink:1;-webkit-flex-shrink:1;flex-shrink:1;font-size:1rem;font-weight:500}
input[type=text],input[type=password],input[type=email],input[type=url],input[type=time],input[type=date],input[type=datetime],input[type=datetime-local],input[type=tel],input[type=number],input[type=search] {border-radius: 8px;-webkit-appearance:textfield;-webkit-rtl-ordering:logical;cursor:text;padding:1rem 38px 1rem 12px;background:hsl(228deg 23.81% 95.88%);-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;-moz-flex-shrink:1;-ms-flex-shrink:1;-webkit-flex-shrink:1;flex-shrink:1;color:#000;font-weight:400;font-size:18px;width:100%;line-height:1;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}
input[type=text]::-webkit-input[type="text"]-placeholderinput[type=password]::-webkit-input[type="text"]-placeholderinput[type=email]::-webkit-input[type="text"]-placeholderinput[type=url]::-webkit-input[type="text"]-placeholderinput[type=time]::-webkit-input[type="text"]-placeholderinput[type=date]::-webkit-input[type="text"]-placeholderinput[type=datetime]::-webkit-input[type="text"]-placeholderinput[type=datetime-local]::-webkit-input[type="text"]-placeholderinput[type=tel]::-webkit-input[type="text"]-placeholderinput[type=number]::-webkit-input[type="text"]-placeholderinput[type=search] {-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;color:#000;}
input[type="text"]::-moz-placeholder{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;color:#b0b0b0;font-size:1rem;}
input[type=text]::-moz-placeholderinput[type=password]::-moz-placeholderinput[type=email]::-moz-placeholderinput[type=url]::-moz-placeholderinput[type=time]::-moz-placeholderinput[type=date]::-moz-placeholderinput[type=datetime]::-moz-placeholderinput[type=datetime-local]::-moz-placeholderinput[type=tel]::-moz-placeholderinput[type=number]::-moz-placeholderinput[type=search] {-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;color:#b0b0b0;font-size:1rem;}
input[type=text]::-ms-input[type="text"]-placeholderinput[type=password]::-ms-input[type="text"]-placeholderinput[type=email]::-ms-input[type="text"]-placeholderinput[type=url]::-ms-input[type="text"]-placeholderinput[type=time]::-ms-input[type="text"]-placeholderinput[type=date]::-ms-input[type="text"]-placeholderinput[type=datetime]::-ms-input[type="text"]-placeholderinput[type=datetime-local]::-ms-input[type="text"]-placeholderinput[type=tel]::-ms-input[type="text"]-placeholderinput[type=number]::-ms-input[type="text"]-placeholderinput[type=search] {-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;color:#000;font-size:1rem;}
input[type=text]:-ms-input[type="text"]-placeholderinput[type=password]:-ms-input[type="text"]-placeholderinput[type=email]:-ms-input[type="text"]-placeholderinput[type=url]:-ms-input[type="text"]-placeholderinput[type=time]:-ms-input[type="text"]-placeholderinput[type=date]:-ms-input[type="text"]-placeholderinput[type=datetime]:-ms-input[type="text"]-placeholderinput[type=datetime-local]:-ms-input[type="text"]-placeholderinput[type=tel]:-ms-input[type="text"]-placeholderinput[type=number]:-ms-input[type="text"]-placeholderinput[type=search] {-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;color:#000;font-size:1rem;}
input[type="text"]::placeholder {-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;color:#b0b0b0;font-size:1rem;}
textarea {width:100%;min-height:200px;background:white;padding:2rem;border:1px solid #b0b0b0;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;border-radius: 8px;font-weight:normal!important}
textarea::placeholder {color:#b0b0b0;}

textarea:hover {border-color:#b6b6b6}
input[type="text"]:hover{border-color:#b6b6b6}
#registration,#login {}
.small {font-size:.9rem;color:#b0b0b0;font-weight:normal;display:block;margin:.5rem 0 1rem 0}

.checkbox {margin-bottom:1rem;cursor:pointer;display:block;width: auto!important;min-width: auto!important;max-width: none!important;padding-right:0!important;margin-right:1rem}
input[type="checkbox"] {position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.checkbox>span {position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:stretch;box-sizing: border-box;}
.checkbox>span:before {content:'';position:relative;display:inline-block;top:0;left:0;height:20px;width:20px;min-width: 20px;border:1px solid #b0b0b0;margin-right:1rem;border-radius:3px;background:#333}
.checkbox:hover input~span:before{}
.checkbox input:checked~span:before{background:#6667AB}
.checkbox input:checked~span:after{display: inline-block;}
.checkbox>span:after {content:"";position:absolute;display:none;left: 6px;top: 2px;width:8px;height:13px;border:solid #000;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.checkbox>span svg {display:inline-block;width:1rem;height:1rem;fill: #FC9E21;}
.errorfield {border:1px solid red!important}
.error {color:red;font-size:12px;font-weight:500;border:1px solid red!important}
.codebox {background:white!important}
.box input{text-align: center;
    display: flex;
    justify-content: center;
    padding: 1rem 0;}

/* Формы конец */

/* Шапка */
header,footer {}
#logotype {

}

#logotype svg{
	width:100%;
	max-width:180px
}

.logout span {border-bottom:1px dashed;cursor:pointer}
.logout span:hover {color:var(--vbtdark)}

.lklink {border-bottom:1px dashed;cursor:pointer}
.lklink:hover{color:var(--vbtdark)}

.headertel,.footertel {position: relative;left: -12px;}

.cartheader {cursor:pointer}
.cartheader:hover svg {fill:var(var(--vbtdark))!important}
.cartsumm {
	background: red;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
	color: white;
	font-size:12px;
}

/* Верхнее меню */
nav {height:64px;border-top:1px solid #f2f4f7;}
.navitems {height:64px}
nav a.topmenu-item {display:inline-block;font-size: 16px;line-height: 24px;font-weight:400;border-bottom:2px solid transparent;padding:20px 0;}
nav a:hover {color:var(--vbtdark);}


.topmenu {
  color:rgba(0,26,52,.6);
  width:100%;
}
nav {display:flex;width:100%}
.navigator {display:flex;justify-content:space-between}
.topmenu-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width:100%
  
}

.topmenu-item {
  display: inline-block;
}

.topmenu-link {
    display: block;
    padding: 1rem .5rem 1rem 0;
    text-decoration: none;
    color: rgba(0,26,52,.6);
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	font-size:16px
}
.topmenu-link span {display:inline-block}
.topmenu-link svg {width:1rem;height:14px}
#arrowdownmenu {fill: rgba(0,26,52,.6)!important;}
.topmenu-link:hover {
	
}
.topmenu-link:hover svg {
	fill:#001a34!important;
	transform: rotate(180deg);
	
}
.menudropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  padding: 10px;
  border-radius:20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  min-width:300px;
  z-index:999999999999999999999
}
.topmenu-item {position: relative;}
.topmenu-link>span {display:flex;align-items:center;padding-top:2px}
.topmenu-item:hover .menudropdown {
  display: block;
}

.menudropdown li {
  margin-bottom: 5px;
}

.menudropdown:before {
    content:"";
    border-style: solid;
    border: 10px solid transparent;
	border-bottom: 10px solid #fff;
    position: absolute;
    top: -20px;
	left:20px;
}

.topsubmenu-link {
  display: block;
  text-decoration: none;
  color: #333;
  padding:.5rem 1rem
}

.topsubmenu-link:hover {
  background-color: var(--gray);
  border-radius:15px;
}


/* Верхнее меню конец */

/* Шапка конец */

/* Подвал */
footer {padding:4rem 0}


/* Подвал конец*/

/* Каталог цифровых товаров */
.catalog {}
.item {background:white;border-radius:2.5rem;transition:.3s}
.itemname {}
.itemimg {position:relative;}
.itemimg img {}
.itemprice {font-weight:bold;font-size:1.1rem}
.content-card_s {
    width:50%
}
.content-card_l {
    width:100%!important
}

/* Каталог цифровых товаров конец */

/* Модальное окно товаров */
#dialog {position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:9999999999999999999999;transition: transform 0.3s ease;
  transform: translateY(0);}
.dialogwrap {position:relative;top:0;left:0;width:100%;min-height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);overflow-y: auto;
  overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;}
.dialogcontent {width:70%;max-width:1472px;background:white;margin:4rem 0;border-radius:20px;height:auto;overflow:hidden;}
.dialogcontent {
  transition: transform 0.3s ease-out;
}
.itemorder {transition: transform 0s linear}
.itemorder>.itemorderinner {background:hsl(228deg 23.81% 95.88%);border-radius:20px;}
.description {}
.description div {margin:1rem 0}
.description p {margin:1rem 0}
.description ul {margin:1rem 0}
.description ul li{position:relative;margin-left:20px}
.description ul li:before {content: '—';position: absolute;left: -20px;}
.description .quote,.description .quote td { border:none!important}
.description iframe {margin:1rem 0}
/* Модальное окно товаров конец */

/* Пуш-уведомление */
.push {position:fixed;top:5rem;right:1rem;width:400px;background:white;border-radius:20px;background: #fff;border-radius: 16px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);color:black}

.animated-bar {
    width: 0;
    height: 4px; /* Высота полосы */
    background-color: #FF0033; /* Цвет полосы */
    animation: expand 4s forwards; /* Анимация расширения */
}

@keyframes expand {
    to {
        width: 100%; /* Конечная ширина полосы */
    }
}

/* Пуш-уведомление конец */

/* Корзина */
.cart {}
.cartitem {}
.cartprice {
	font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 600;
    letter-spacing: 0px;
    text-transform: none;
}
.totalprice {
    line-height: 2.25rem!important;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: none;

}
.cartorder {background:white;border-radius:2.5rem;padding:2rem;position: sticky;top: 1rem;}
/* Корзина конец */

/* Оплата и регистрация */
#pay {}

.payer {border:1px solid var(--gray);font-weight:bold;border-radius:20px;cursor:pointer;transition:.5s;position:relative}

.payer:hover {border:1px solid var(--gray);}
.company {border:1px solid var(--gray);font-weight:bold;border-radius:20px;cursor:pointer;transition:.5s}
.company:hover {}
.activepayer {background:var(--gray);color:black;border:1px solid var(--gray)}
.activepayer {position:relative}
.check {position:relative}
.check:before {content:'';position:absolute;top:1rem;right:1rem;width:16px;height:16px;padding:.3rem;background:white;border-radius:50px;border:1px solid var(--darkgray)}
.activecheck:before {content:'';position:absolute!important;top:1rem;right:1rem;width:16px;height:16px;padding:.3rem;background:var(var(--vbtdark));border-radius:50px;border:none}

.payicon {width:70px;display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;}
.findcompany {border-radius:20px;box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
.findcompany>div {cursor:pointer}
.findcompany>div:hover {background:var(--gray);border-radius:20px;}
.findbank {border-radius:20px;box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
.findbank>div {cursor:pointer}
.findbank>div:hover {background:var(--gray);border-radius:20px;}

.activecompany {background:var(--gray);color:black;border:1px solid var(--gray)}
/* Оплата и регистрация конец */
/* Мобильный навигатор */
.mobilenavigator {
	z-index: 100;
    width: calc(100% - 1rem);
    padding: 0;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
	border-radius:30px;
	min-height:34px;
	padding:.5rem 0;
	margin:.5rem;
	background: rgba(0,0,0,.8);
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.3);
	color:white
}
.mobilenavigator>div,.mobilenavigator>div>a {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	
}
.mobilenavigator>div svg {fill:white}
/* Мобильный навигатор конец */
/* Мобильное меню */
#mobile {z-index:999999999999999!important}
/* Мобильное меню конец */
/* Добавлены стили для обработки движения */

/* Страницы */
.page {}
.dropcount {counter-reset: number-drop;}
.parentcount>span {cursor:pointer;font-size: 18px;line-height: 28px;font-weight:bold}
.dropcount>div>.parentcount {position:relative;cursor:pointer}
.dropcount>div>.parentcount:after {    content: '';
    display: block;
    width: 12px;
    height: 8px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAKJJREFUGJV9jzsKwmAQBieBNIJgaSU+QEUEz5CAl0n93SJ7DQsvYfQQghE8ho0EY7O/xAfZdmaW3agoiiEwkHShY8xsBtxjYAcczWzVIc+BE7CPgRyogdLM1n/kBVACCZDHkiogBR7Awcw2LXnpcgykks5R0zQBTh32gG1YADyBLPz4DjyaeNT3M2uXq+B8BB6NWzdnkq5t/hN4NAISSbdv9gJt3UMOUEuiYAAAAABJRU5ErkJggg==) no-repeat center;
    transform: rotate(0);
    transition: background 0.3s ease, transform 0.3s ease;}
.activedrop:after {    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAHdJREFUGJWdz0EKwkAMheGvQ48h7lz2ajKt2kMIWvGK3mPqJiODqAuzeeHl/STphmEYscHB7zrjkbDFhAXdl/AFJ+x6jCgBJWSsTXgJ747ch1nPmUJz6DX6W8zWClSo4BibCvYBvf5rAXHnGuo9/AmAOaDUgP/XEyJMGCRAArpIAAAAAElFTkSuQmCC) no-repeat center!important;
    transform: rotate(180deg)!important;
}
.dropcount>div>.parentcount:before {counter-increment: number-drop;content: counter(number-drop) ". ";font-weight:bold}
.dropcountchild {counter-reset: list;margin-top:1rem}
.dropcountchild>ol>li {padding-left: 65px;position: relative;list-style: none;}
.dropcountchild>ol>li:before {counter-increment: list;content: counter(number-drop) "." counter(list) ". ";display: block;
    width: 60px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;}
.service-link {
    background-color: initial;
    border-bottom: 1px solid;
    border-color: #242424;
    color: #242424;
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
}
.service-page-iframe .wrap-helper ul li:before {
    content: "—";
    left: -20px;
    position: absolute;
    top: 0;
}
/* Страницы конец */
/* Swiper */
.swiper {
      width: 100%;
      height: min-content;
	  position:relative
    }

    .swiper-slide {
     display: flex;
     flex-direction: column;
     height: 100%;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
	.cmplxbtn {padding:0 1rem!important;}

/* Swiper конец */
@media (max-width: 768px) {
	body {font-size:14px}
    #jv-wa-widget,.__jivoMobileButton {
        display: none !important;
    }
	
	.wrap {
		margin: 0 auto;
		max-width: 97rem;
		width: calc(100% - 1.5rem);
	}
	main {
		background: rgb(255, 255, 255);
		border-radius: 2rem;
		padding: 2rem 0 4rem 0;
	}
	.cnt {width:100%;background:white;border-radius:2rem;padding:1rem}
	.item {
		background: white;
		border-radius: 2.5rem;
	}
	/* Модальное окно товаров */
	.btn {width:100%}
	#dialog {position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:9999999999999999999999}
	.dialogwrap {position:relative;top:0;left:0;width:100%;min-height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}
	.dialogcontent {width:100%;background:white;margin: 0;margin-top:4rem;border-radius:20px 20px 0 0;height:auto;overflow:visible;}
    .dialogcontent:before {content:'';display:inline-block;width:60px;height:6px;background:var(--darkgray);border-radius:2rem;position:relative;left:50%;margin-left:-30px;top:-25px}
	.itemorder>.itemorderinner {background:hsl(228deg 23.81% 95.88%);border-radius:20px;}
	.close {display:none!important}
	.minibutton  {width:auto!important}
	/* Модальное окно товаров конец */
	/* Пуш-уведомление */
	.push {position:fixed;top:1rem;left:0;right:0;width:calc(100% - 1rem)!important;margin:0 .5rem;background:white;border-radius:20px;background: #fff;border-radius: 16px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);color:black}

	.animated-bar {
		width: 0;
		height: 4px; /* Высота полосы */
		background-color: #FF0033; /* Цвет полосы */
		animation: expand 4s forwards; /* Анимация расширения */
	}

	@keyframes expand {
		to {
			width: 100%; /* Конечная ширина полосы */
		}
	}

	/* Пуш-уведомление конец */
	
}

@media (max-width: 300px) {
.vsm {	grid-template-columns: repeat(1, minmax(0, 1fr))!important;}

}
/* End */
/* /bitrix/templates/vbt/template_styles.css?175154733731898 */