/* Start:/local/templates/avtor/assets/libs/splide-4.1.3/dist/css/splide.min.css?17748670845002*/
.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
/* End */


/* Start:/local/templates/avtor/assets/css/app.css?178634850145422*/
/* Settings */
	* {
		outline: none !important;
		box-sizing: border-box;
	}

	h1, h2, h3, h4, h5, h6,
	.h1, .h2, .h3, .h4, .h5, .h6 {
		margin: 0;
		font-family: var(--font);
		font-weight: normal;
		font-style: normal;
	}
	h1.xl, .h1.xl {
		font-size: 4rem;
		line-height: 4rem;
	}
	h1, .h1 {
		font-size: 2rem;
		line-height: 2.8rem;
	}
	@media (max-width: 767px) {
		h1, .h1 {
			font-size: 1.6rem;
			line-height: 2.2rem;
		}
	}
	
	h2, .h2 {
		font-size: 1.2rem;
		line-height: 2rem;
	}

	h3, .h3 {
		font-size: 0.8rem;
    	line-height: 1.2rem;
	}

	h4, .h4 {
	  font-size: 1.5rem;
	}

	h5, .h5 {
	  font-size: 1.25rem;
	}

	h6, .h6 {
	  font-size: 1rem;
	}

	p {
		margin-top: .5rem;
		margin-bottom: .5rem;
	}
/* Settings */

/* Display */
	hr {
		display: block;
		margin: 0;
		background: transparent;
		border: none;
		width: 100%;
		height: 15px;
	}
	hr.xxs { height: 2.5px; }
	hr.xs { height: 5px; }
	hr.sm { height: 30px; }
	hr.md { height: 45px; }
	hr.lg { height: 60px; }
	hr.xl { height: 90px; }
	hr.xxl { height: 360px; }

	.mt { margin-top: 15px; }
	.mt-xs { margin-top: 5px; }
	.mb { margin-bottom: 15px; }
	.mb-xs { margin-bottom: 5px; }
	.mr { margin-right: 15px; }
	.ml { margin-left: 15px; }

	.w-justify { width: 100% !important; max-width: none !important; }
	.w-auto { width: auto !important; max-width: none !important; }
	
	.t-left { text-align: left; }
	.t-center { text-align: center; }
	.t-right { text-align: right; }

	@media (min-width: 992px) {
		.t-lg-left { text-align: left; }
		.t-lg-center { text-align: center; }
		.t-lg-right { text-align: right; }
		.w-lg-justify { width: 100% !important; max-width: none !important; }
		.w-lg-auto { width: auto !important; max-width: none !important; }
	}
	@media (min-width: 768px) {
		.t-md-left { text-align: left; }
		.t-md-center { text-align: center; }
		.t-md-right { text-align: right; }
		.w-md-justify { width: 100% !important; max-width: none !important; }
		.w-md-auto { width: auto !important; max-width: none !important; }
	}
	@media (min-width: 576px) {
		.t-sm-left { text-align: left; }
		.t-sm-center { text-align: center; }
		.t-sm-right { text-align: right; }
		.w-sm-justify { width: 100% !important; max-width: none !important; }
		.w-sm-auto { width: auto !important; max-width: none !important; }
	}
	@media (max-width: 575px) {
		.t-xs-left { text-align: left; }
		.t-xs-center { text-align: center; }
		.t-xs-right { text-align: right; }
		.w-xs-justify { width: 100% !important; max-width: none !important; }
		.w-xs-auto { width: auto !important; max-width: none !important; }
	}

	.d-none {
	  display: none !important;
	}

	.d-inline {
	  display: inline !important;
	}

	.d-inline-block {
	  display: inline-block !important;
	}

	.d-block {
	  display: block !important;
	}

	.d-table {
	  display: table !important;
	}

	.d-table-row {
	  display: table-row !important;
	}

	.d-table-cell {
	  display: table-cell !important;
	}

	.d-flex {
	  display: -ms-flexbox !important;
	  display: flex !important;
	}

	.d-inline-flex {
	  display: -ms-inline-flexbox !important;
	  display: inline-flex !important;
	}

	@media (min-width: 576px) {
	  .d-sm-none {
	    display: none !important;
	  }
	  .d-sm-inline {
	    display: inline !important;
	  }
	  .d-sm-inline-block {
	    display: inline-block !important;
	  }
	  .d-sm-block {
	    display: block !important;
	  }
	  .d-sm-table {
	    display: table !important;
	  }
	  .d-sm-table-row {
	    display: table-row !important;
	  }
	  .d-sm-table-cell {
	    display: table-cell !important;
	  }
	  .d-sm-flex {
	    display: -ms-flexbox !important;
	    display: flex !important;
	  }
	  .d-sm-inline-flex {
	    display: -ms-inline-flexbox !important;
	    display: inline-flex !important;
	  }
	}

	@media (min-width: 768px) {
	  .d-md-none {
	    display: none !important;
	  }
	  .d-md-inline {
	    display: inline !important;
	  }
	  .d-md-inline-block {
	    display: inline-block !important;
	  }
	  .d-md-block {
	    display: block !important;
	  }
	  .d-md-table {
	    display: table !important;
	  }
	  .d-md-table-row {
	    display: table-row !important;
	  }
	  .d-md-table-cell {
	    display: table-cell !important;
	  }
	  .d-md-flex {
	    display: -ms-flexbox !important;
	    display: flex !important;
	  }
	  .d-md-inline-flex {
	    display: -ms-inline-flexbox !important;
	    display: inline-flex !important;
	  }
	}

	@media (min-width: 992px) {
	  .d-lg-none {
	    display: none !important;
	  }
	  .d-lg-inline {
	    display: inline !important;
	  }
	  .d-lg-inline-block {
	    display: inline-block !important;
	  }
	  .d-lg-block {
	    display: block !important;
	  }
	  .d-lg-table {
	    display: table !important;
	  }
	  .d-lg-table-row {
	    display: table-row !important;
	  }
	  .d-lg-table-cell {
	    display: table-cell !important;
	  }
	  .d-lg-flex {
	    display: -ms-flexbox !important;
	    display: flex !important;
	  }
	  .d-lg-inline-flex {
	    display: -ms-inline-flexbox !important;
	    display: inline-flex !important;
	  }
	}

	@media (max-width: 992px) {
		.component-step .btn-default.d-lg-block {
			display: block !important;
			margin-top: 30px;
		}
	}

	@media (min-width: 1200px) {
	  .d-xl-none {
	    display: none !important;
	  }
	  .d-xl-inline {
	    display: inline !important;
	  }
	  .d-xl-inline-block {
	    display: inline-block !important;
	  }
	  .d-xl-block {
	    display: block !important;
	  }
	  .d-xl-table {
	    display: table !important;
	  }
	  .d-xl-table-row {
	    display: table-row !important;
	  }
	  .d-xl-table-cell {
	    display: table-cell !important;
	  }
	  .d-xl-flex {
	    display: -ms-flexbox !important;
	    display: flex !important;
	  }
	  .d-xl-inline-flex {
	    display: -ms-inline-flexbox !important;
	    display: inline-flex !important;
	  }
	}

	[data-permission] {
		display: none !important;
	}
/* Display */

/* Grid */
	.container {
		display: block;
		position: relative;
		width: 100%;
		max-width: 1280px;
		margin-right: auto;
		margin-left: auto;
		box-sizing: border-box;
	}
	@media (min-width: 1300px) and (max-width: 1499px) {
		.container {
			max-width: 1200px;
		}
	}
	@media (min-width: 1100px) and (max-width: 1299px) {
		.container {
			max-width: 1100px;
			padding: 0 15px;
		}
	}
	@media (min-width: 992px) and (max-width: 1099px) {
		.container {
			max-width: 1000px;
			padding: 0 15px;
		}
		.container-removed {
			padding: 0;
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		.container {
			padding-left: 15px;
			padding-right: 15px;
		}
		.container-removed {
			padding: 0;
		}
	}
	@media (max-width: 767px) {
		.container {
			padding-left: 15px;
			padding-right: 15px;
		}
		.container-removed {
			padding: 0;
		}
	}

	.flex {
		display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
		flex-direction: column;
		/* width: 100%; */
	}
	.flex.row {
		flex-direction: row;
		margin-right: -15px;
		margin-left: -15px;
	}
	.flex.grid {
		flex-direction: row;
	}
	.flex.justify-center {
		-ms-flex-pack: center;
    	justify-content: center;
	}
	.flex.justify-start {
		-ms-flex-pack: start;
    	justify-content: flex-start;
	}
	.flex.justify-end {
		-ms-flex-pack: end;
    	justify-content: flex-end;
	}
	.flex.align-center {
		-ms-flex-align: center;
    	align-items: center;
	}
	.flex.align-start {
		-ms-flex-align: start;
    	align-items: flex-start;
	}
	.flex.align-end {
		-ms-flex-align: end;
    	align-items: flex-end;
	}

	@media (min-width: 992px) {
		.flex.justify-center-lg {
			-ms-flex-pack: center;
			justify-content: center;
		}
		.flex.align-end-lg {
			-ms-flex-align: end;
			align-items: flex-end;
		}
	}
	@media (min-width: 768px) {
		.flex.justify-center-md {
			-ms-flex-pack: center;
			justify-content: center;
		}
		.flex.align-end-md {
			-ms-flex-align: end;
			align-items: flex-end;
		}
	}
	@media (min-width: 576px) {
		.flex.justify-center-sm {
			-ms-flex-pack: center;
			justify-content: center;
		}
		.flex.align-end-sm {
			-ms-flex-align: end;
			align-items: flex-end;
		}
	}
	@media (max-width: 575px) {
		.flex.justify-center-xs {
			-ms-flex-pack: center;
			justify-content: center;
		}
		.flex.align-end-xs {
			-ms-flex-align: end;
			align-items: flex-end;
		}
	}
		
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		position: relative;
		width: 100%;
		box-sizing: border-box;
		padding-right: 15px;
		padding-left: 15px;
	}
	.grid .col, .grid .col-1, .grid .col-10, .grid .col-11, .grid .col-12, .grid .col-2, .grid .col-3, .grid .col-4, .grid .col-5, .grid .col-6, .grid .col-7, .grid .col-8, .grid .col-9, .grid .col-auto, .grid .col-lg, .grid .col-lg-1, .grid .col-lg-10, .grid .col-lg-11, .grid .col-lg-12, .grid .col-lg-2, .grid .col-lg-3, .grid .col-lg-4, .grid .col-lg-5, .grid .col-lg-6, .grid .col-lg-7, .grid .col-lg-8, .grid .col-lg-9, .grid .col-lg-auto, .grid .col-md, .grid .col-md-1, .grid .col-md-10, .grid .col-md-11, .grid .col-md-12, .grid .col-md-2, .grid .col-md-3, .grid .col-md-4, .grid .col-md-5, .grid .col-md-6, .grid .col-md-7, .grid .col-md-8, .grid .col-md-9, .grid .col-md-auto, .grid .col-sm, .grid .col-sm-1, .grid .col-sm-10, .grid .col-sm-11, .grid .col-sm-12, .grid .col-sm-2, .grid .col-sm-3, .grid .col-sm-4, .grid .col-sm-5, .grid .col-sm-6, .grid .col-sm-7, .grid .col-sm-8, .grid .col-sm-9, .grid .col-sm-auto, .grid .col-xl, .grid .col-xl-1, .grid .col-xl-10, .grid .col-xl-11, .grid .col-xl-12, .grid .col-xl-2, .grid .col-xl-3, .grid .col-xl-4, .grid .col-xl-5, .grid .col-xl-6, .grid .col-xl-7, .grid .col-xl-8, .grid .col-xl-9, .grid .col-xl-auto {
	    padding-right: 0px;
	    padding-left: 0px;
	}
	.flex .col-12 {
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.flex .col-10 {
		-ms-flex: 0 0 83.333333%;
	    flex: 0 0 83.333333%;
	    max-width: 83.333333%;
	}
	.flex .col-9 {
		-ms-flex: 0 0 75%;
	    flex: 0 0 75%;
	    max-width: 75%;
	}
	.flex .col-8 {
		-ms-flex: 0 0 66.666666%;
	    flex: 0 0 66.666666%;
	    max-width: 66.666666%;
	}
	.flex .col-7 {
		-ms-flex: 0 0 58.333333%;
	    flex: 0 0 58.333333%;
	    max-width: 58.333333%;
	}
	.flex .col-6 {
		-ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.flex .col-5 {
		-ms-flex: 0 0 41.666666%;
	    flex: 0 0 41.666666%;
	    max-width: 41.666666%;
	}
	.flex .col-4 {
		-ms-flex: 0 0 33.333333%;
	    flex: 0 0 33.333333%;
	    max-width: 33.333333%;
	}
	.flex .col-3 {
		-ms-flex: 0 0 25%;
	    flex: 0 0 25%;
	    max-width: 25%;
	}
	.flex .col-2 {
		-ms-flex: 0 0 16.666666%;
	    flex: 0 0 16.666666%;
	    max-width: 16.666666%;
	}
	.flex .col-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	@media (max-width: 575px) {
		.flex .col-xs-12 {
			-ms-flex: 0 0 100%;
		    flex: 0 0 100%;
		    max-width: 100%;
		}
		.flex .col-xs-10 {
			-ms-flex: 0 0 83.333333%;
		    flex: 0 0 83.333333%;
		    max-width: 83.333333%;
		}
		.flex .col-xs-9 {
			-ms-flex: 0 0 75%;
		    flex: 0 0 75%;
		    max-width: 75%;
		}
		.flex .col-xs-8 {
			-ms-flex: 0 0 66.666666%;
		    flex: 0 0 66.666666%;
		    max-width: 66.666666%;
		}
		.flex .col-xs-7 {
			-ms-flex: 0 0 58.333333%;
		    flex: 0 0 58.333333%;
		    max-width: 58.333333%;
		}
		.flex .col-xs-6 {
			-ms-flex: 0 0 50%;
		    flex: 0 0 50%;
		    max-width: 50%;
		}
		.flex .col-xs-5 {
			-ms-flex: 0 0 41.666666%;
		    flex: 0 0 41.666666%;
		    max-width: 41.666666%;
		}
		.flex .col-xs-4 {
			-ms-flex: 0 0 33.333333%;
		    flex: 0 0 33.333333%;
		    max-width: 33.333333%;
		}
		.flex .col-xs-3 {
			-ms-flex: 0 0 25%;
		    flex: 0 0 25%;
		    max-width: 25%;
		}
		.flex .col-xs-2 {
			-ms-flex: 0 0 16.666666%;
		    flex: 0 0 16.666666%;
		    max-width: 16.666666%;
		}
		.flex .col-xs-1 {
			-ms-flex: 0 0 8.333333%;
		    flex: 0 0 8.333333%;
		    max-width: 8.333333%;
		}
	}
	@media (min-width: 576px) {
		.flex .col-sm-12 {
			-ms-flex: 0 0 100%;
		    flex: 0 0 100%;
		    max-width: 100%;
		}
		.flex .col-sm-10 {
			-ms-flex: 0 0 83.333333%;
		    flex: 0 0 83.333333%;
		    max-width: 83.333333%;
		}
		.flex .col-sm-9 {
			-ms-flex: 0 0 75%;
		    flex: 0 0 75%;
		    max-width: 75%;
		}
		.flex .col-sm-8 {
			-ms-flex: 0 0 66.666666%;
		    flex: 0 0 66.666666%;
		    max-width: 66.666666%;
		}
		.flex .col-sm-7 {
			-ms-flex: 0 0 58.333333%;
		    flex: 0 0 58.333333%;
		    max-width: 58.333333%;
		}
		.flex .col-sm-6 {
			-ms-flex: 0 0 50%;
		    flex: 0 0 50%;
		    max-width: 50%;
		}
		.flex .col-sm-5 {
			-ms-flex: 0 0 41.666666%;
		    flex: 0 0 41.666666%;
		    max-width: 41.666666%;
		}
		.flex .col-sm-4 {
			-ms-flex: 0 0 33.333333%;
		    flex: 0 0 33.333333%;
		    max-width: 33.333333%;
		}
		.flex .col-sm-3 {
			-ms-flex: 0 0 25%;
		    flex: 0 0 25%;
		    max-width: 25%;
		}
		.flex .col-sm-2 {
			-ms-flex: 0 0 16.666666%;
		    flex: 0 0 16.666666%;
		    max-width: 16.666666%;
		}
		.flex .col-sm-1 {
			-ms-flex: 0 0 8.333333%;
		    flex: 0 0 8.333333%;
		    max-width: 8.333333%;
		}
	}
	@media (min-width: 768px) {
		.flex .col-md-12 {
			-ms-flex: 0 0 100%;
		    flex: 0 0 100%;
		    max-width: 100%;
		}
		.flex .col-md-10 {
			-ms-flex: 0 0 83.333333%;
		    flex: 0 0 83.333333%;
		    max-width: 83.333333%;
		}
		.flex .col-md-9 {
			-ms-flex: 0 0 75%;
		    flex: 0 0 75%;
		    max-width: 75%;
		}
		.flex .col-md-8 {
			-ms-flex: 0 0 66.666666%;
		    flex: 0 0 66.666666%;
		    max-width: 66.666666%;
		}
		.flex .col-md-7 {
			-ms-flex: 0 0 58.333333%;
		    flex: 0 0 58.333333%;
		    max-width: 58.333333%;
		}
		.flex .col-md-6 {
			-ms-flex: 0 0 50%;
		    flex: 0 0 50%;
		    max-width: 50%;
		}
		.flex .col-md-5 {
			-ms-flex: 0 0 41.666666%;
		    flex: 0 0 41.666666%;
		    max-width: 41.666666%;
		}
		.flex .col-md-4 {
			-ms-flex: 0 0 33.333333%;
		    flex: 0 0 33.333333%;
		    max-width: 33.333333%;
		}
		.flex .col-md-3 {
			-ms-flex: 0 0 25%;
		    flex: 0 0 25%;
		    max-width: 25%;
		}
		.flex .col-md-2 {
			-ms-flex: 0 0 16.666666%;
		    flex: 0 0 16.666666%;
		    max-width: 16.666666%;
		}
		.flex .col-md-1 {
			-ms-flex: 0 0 8.333333%;
		    flex: 0 0 8.333333%;
		    max-width: 8.333333%;
		}
	}
	@media (min-width: 992px) {
		.flex .col-lg-12 {
			-ms-flex: 0 0 100%;
		    flex: 0 0 100%;
		    max-width: 100%;
		}
		.flex .col-lg-10 {
			-ms-flex: 0 0 83.333333%;
		    flex: 0 0 83.333333%;
		    max-width: 83.333333%;
		}
		.flex .col-lg-9 {
			-ms-flex: 0 0 75%;
		    flex: 0 0 75%;
		    max-width: 75%;
		}
		.flex .col-lg-8 {
			-ms-flex: 0 0 66.666666%;
		    flex: 0 0 66.666666%;
		    max-width: 66.666666%;
		}
		.flex .col-lg-7 {
			-ms-flex: 0 0 58.333333%;
		    flex: 0 0 58.333333%;
		    max-width: 58.333333%;
		}
		.flex .col-lg-6 {
			-ms-flex: 0 0 50%;
		    flex: 0 0 50%;
		    max-width: 50%;
		}
		.flex .col-lg-5 {
			-ms-flex: 0 0 41.666666%;
		    flex: 0 0 41.666666%;
		    max-width: 41.666666%;
		}
		.flex .col-lg-4 {
			-ms-flex: 0 0 33.333333%;
		    flex: 0 0 33.333333%;
		    max-width: 33.333333%;
		}
		.flex .col-lg-3 {
			-ms-flex: 0 0 25%;
		    flex: 0 0 25%;
		    max-width: 25%;
		}
		.flex .col-lg-2 {
			-ms-flex: 0 0 16.666666%;
		    flex: 0 0 16.666666%;
		    max-width: 16.666666%;
		}
		.flex .col-lg-1 {
			-ms-flex: 0 0 8.333333%;
		    flex: 0 0 8.333333%;
		    max-width: 8.333333%;
		}
	}
/* Grid */

/* UI */
	/* Dialog */
		.dialog {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			flex-direction: column;
			-ms-flex-pack: center;
			justify-content: center;
			-ms-flex-align: center;
			align-items: center;

			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;

			z-index: 10100;

			-webkit-animation: dialog-move 8s linear forwards;
			animation: dialog-move 8s linear forwards;
		}

		.dialog::before {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 0;
			opacity: .4;

			background-color: rgba(28, 38, 59, 0.25);
			backdrop-filter: blur(10px);
			-webkit-backdrop-filter: saturate(120%) blur(10px);
			backdrop-filter: saturate(120%) blur(10px);
		}
		@-webkit-keyframes  dialog-move {
			0% { opacity: 0; }
			1% { opacity: 1; }
			99% { opacity: 1; }
			100% { opacity: 0; }
		}
		@keyframes  dialog-move {
			0% { opacity: 0; }
			1% { opacity: 1; }
			99% { opacity: 1; }
			100% { opacity: 0; }
		}

		.dialog label {
			display: block;
			position: relative;
			width: 100%;
			max-width: 615px;
			height: auto;
			box-sizing: border-box;
			padding: 45px;
			border-radius: var(--border-radius-sm);
			background-color: white;
			z-index: 10;

			font-weight: bold;
			text-align: center;

			-webkit-animation: dialog-label-move 8s linear forwards;
			animation: dialog-label-move 8s linear forwards;
		}
		@media (max-width: 1199px) {
			.dialog label {
				max-width: 315px;
			}
		}

		@-webkit-keyframes dialog-label-move {
		  0% { -webkit-transform: scale(0.85,0.85); }
		  1% { -webkit-transform: scale(1,1); }
		  99% { -webkit-transform: scale(1,1); }
		  100% { -webkit-transform: scale(0.85,0.85); }
		}
		@keyframes dialog-label-move {
		  0% { transform: scale(0.85,0.85); }
		  1% { transform: scale(1,1); }
		  99% { transform: scale(1,1); }
		  100% { transform: scale(0.85,0.85); }
		}
	/* Dialog */

	/* Inputs */
		form {
			position: relative;
		}

		.input {
			display: inline-block;
			position: relative;
			width: 100%;
			border: none;
			border-radius: 0;
		}
		.input[data-error] {
			border-color: var(--color-acent);
		}
		@media (max-width: 767px) {
			.input {
				max-width: auto;
			}
		}
		.input::before {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
			z-index: 0;
			background-color: #F0F2F5;
			border-radius: 10px;
		}
		.input.input-rounded::before {
			border-radius: var(--border-radius-xl);
			-ms-transform: skew(0deg);
			-webkit-transform: skew(0deg);
			transform: skew(0deg);
		}
		.input.input-dark::before {
			background-color: var(--color-primary);
			border: 1px solid var(--color-white);
		}
		.input.input-light::before {
			background-color: var(--color-white);
			border: none;
		}
		.input.input-transparent::before {
			background-color: transparent;
			border: 1px solid transparent;
		}

		.input.input-file::before{
			background-color: unset;
		}
		.input.input-file .placeholder{
			color: white;
			font-size: 16px;
			top: 0;
			display: block !important;
			transform: unset !important;
			position: unset;
			height: auto;
		}
		.input.input-file input{
			opacity: 100;
			text-align: center;
			display: block;
			margin: 15px auto 0;
			padding: 0;
			color: white;
			width: auto;
		}

		.input input {
			display: block;
			position: relative;
			width: 100%;
			height: auto;
			box-sizing: border-box;
			background-color: transparent;
			border: none;
			padding: 20px;
			z-index: 10;
			
			font-family: var(--font);
			font-size: inherit;
			text-align: left;
			color: var(--color-main-text);
		}
		.input input[readonly] {
			cursor: not-allowed;
			opacity: .85;
		}
		.input.input-dark input {
			color: var(--color-white);
		}
		.input.input-transparent input {
			padding: 15px 25px;
		}
		.input.input-simple input {
			padding: 15px 25px;
		}
		.input input::-webkit-input-placeholder {
			font-size: 14px;
			color: var(--color-main-text);
		}
		.input input::-moz-placeholder {
			font-size: 14px;
			color: var(--color-main-text);
		}
		.input input:-ms-input-placeholder {
			font-size: 14px;
			color: var(--color-main-text);
		}
		.input input:-moz-placeholder {
			font-size: 14px;
			color: var(--color-main-text);
		}
		.input input[type="date"]::-webkit-calendar-picker-indicator {
			background-color: var(--color-white);
			border-radius: var(--border-radius-md);
		}
		
		.input[data-view="active"] input {
			color: var(--color-main-text);
		}
		.input[data-view="active"].input-dark input {
			color: var(--color-white);
		}
		.input[data-view="active"] input::-webkit-input-placeholder {
			color: var(--color-gray);
		}
		.input[data-view="active"] input::-moz-placeholder {
			color: var(--color-gray);
		}
		.input[data-view="active"] input:-ms-input-placeholder {
			color: var(--color-gray);
		}
		.input[data-view="active"] input:-moz-placeholder {
			color: var(--color-gray);
		}
		.input[data-view="active"] input:focus {
			border-color: var(-grayor-brand);
		}
		.input.center input {
			text-align: center;
		}

		.input .selected {
			display: block;
			width: 100%;
			height: auto;
			min-height: 56.7px;
			box-sizing: border-box;
			background-color: transparent;
			border: none;
			padding: 30px 15px 10px;
			
			font-weight: normal;
			text-align: left;
			color: transparent;
			
			-webkit-transition: border-color 1s, color .5s;
			transition: border-color 1s, color .5s;
		}
		.input .counter {
			display: none;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 15px;
			width: 20px;
			height: 20px;
			margin: auto;
			background-color: var(--color-brand);
			border-radius: var(--border-radius);
			z-index: 10;
			opacity: 1;
			
			font-size: 12px;
			line-height: 20px;
			color: var(--color-gray-dark);
			text-align: center;
			
			-webkit-transition: opacity .35s;
			transition: opacity .35s;
		}
		.input[data-view="active"] .counter {
			opacity: 0;
		}
		.input select {
			display: block;
			width: 100%;
			height: 0px;
			overflow: hidden;
			opacity: 0;
			z-index: -1;
		}
		.input .input-select-list {
			display: block;
			position: absolute;
			top: 55px;
			width: auto;
			min-width: 100%;
			height: auto;
			max-height: 150px;
			background-color: var(--color-gray);
			border: 1px solid var(--color-second);
			border-radius: var(--border-radius);
			overflow: auto;
			opacity: 0;
			z-index: 20;

			-webkit-transition: transform .15s, opacity .3s;
			transition: transform .15s, opacity .3s;

			-webkit-transform-origin: 0% 50%;
			transform-origin: 0% 50%;

			-webkit-transform: rotateX(90deg);
			transform: rotateX(90deg);
		}
		.input.input-select[data-statu="opened"] .input-select-list {
			opacity: 1;

			-webkit-transform: rotateX(0deg);
			transform: rotateX(0deg);
		}
		.input .input-select-option {
			display: block;
			position: relative;
			width: 100%;
			height: auto;
			box-sizing: border-box;
			padding: 5px 10px 5px 30px;
			
			font-size: 14px;
			color: var(--color-dark);
			cursor: pointer;
		}
		.input .input-select-option i {
			display: block;
			position: absolute;
			top: 8px;
			left: 6px;
			width: 16px;
			height: 16px;
			background-color: var(--color-light);
			border: 1px solid var(--color-second);
			border-radius: var(--border-radius);
			
			-webkit-transition: background-color .15s;
			transition: background-color .15s;
		}
		.input .input-select-option i::before,
		.input .input-select-option i::after {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			bottom:0;
			left:0;
			right: 0;
			margin: auto;
			width: 6px;
			height: 2px;
			background-color: var(--color-gray-dark);
			opacity: 0;
			
			-webkit-transition: opacity .15s;
			transition: opacity .15s;
		}
		.input .input-select-option[data-view="active"] i::before,
		.input .input-select-option[data-view="active"] i::after {
			opacity: 1;
		}
		.input .input-select-option i::before {
			width: 4px;
			-webkit-transform: translate(-1px,1px) rotate(45deg);
			transform: translate(-1px,1px) rotate(45deg);
		}
		.input .input-select-option i::after {
			-webkit-transform: translate(1px,0px) rotate(-45deg);
			transform: translate(1px,0px) rotate(-45deg);
		}
		.input .input-select-option[data-view="active"] i {
			background-color: var(--color-brand);
		}
		.input textarea {
			display: block;
			position: relative;
			width: 100%;
			height: auto;
			box-sizing: border-box;
			background-color: transparent;
			padding: 22px 25px 5px;
			min-height: 80px;
			border: none;
			border-radius: var(--border-radius-sm);
			resize: none;
			z-index: 10;
			
			font-family: var(--font);
			font-size: inherit;
			text-align: center;
			color: var(--color-main-text);

			-webkit-transition: border-color 1s;
			transition: border-color 1s;
		}
		.input textarea:focus {
			border-color: var(--color-brand);
		}
		
		.input-file input {
			opacity: 0;
		}
		.input-file[data-view="active"] input {
			opacity: 1;
		}

		.input>span {
			display: inline-block;
			position: absolute;
			top: 18px;
			left: 10px;
			right: 10px;
			margin: auto;
			width: auto;
			height: 14px;

			font-size: 16px;
			text-align: left;
			color: var(--color-primary);
			-webkit-transition: transform .5s;
			transition: transform .5s;
			-webkit-transform: translateY(0px);
			transform: translateY(0px)
		}
		.input.center>span {
			text-align: center;
		}
		.input.input-dark>span {
			color: var(--color-white);
		}
		.input[data-view="active"]>span,
		.input[data-type="date"]>span {
			-webkit-transform: translateY(-10px);
			transform: translateY(-10px)
		}

		.input button {
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			z-index: 10
		}

		/* Password */
			.input.password button {
				box-sizing: border-box;
				padding: 5px 10px;
				border: none;
				background-color: transparent;
				cursor: pointer;
				overflow: hidden;
			}
			.input.password button i {
				display: block;
				position: relative;
			}
			.input.password button i::after {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 2px;
				margin: auto;
				background-color: var(--color-dark);
				opacity: 1;
				z-index: 10;

				-webkit-transition: transform .5s, opacity .5s;
				transition: transform .5s, opacity .5s;

				-webkit-transform: translate(0px,2px) rotate(35deg);
				transform: translate(0px,2px) rotate(35deg);
			}
			.input.password[data-type="text"] button i::after {
				opacity: 0;
				-webkit-transform: translate(4px,2px) rotate(35deg);
				transform: translate(4px,2px) rotate(35deg);
			}
		/* Password */

		/* Phone */
			.input[data-mask="phone"] input {
				position: relative;
				box-sizing: border-box;
				padding-left: 46px;
			}
			.input[data-mask="phone"] .code {
				display: block;
				position: absolute;
				top: auto;
				bottom: -5px;
				left: 0;
				right: auto;
				width: auto;
				height: auto;
				margin: auto;
				z-index: 10;

				font-family: var(--font);
				font-weight: bold;
				font-style: normal;
				font-size: 15px;
				font-weight: bold;
				color: var(--color-dark);
				text-align: left;

				letter-spacing: normal;
			    word-spacing: normal;
			    line-height: normal;
			    text-transform: none;
			}
		/* Phone */

		/* Select */
			.input-select .select-list {
				display: none;
				position: absolute;
				top: 52px;
				left: -6px;
				width: auto;
				min-width: 100%;
				height: 315px;
				z-index: 10000;
				background-color: var(--color-white);
				overflow: auto;
				overscroll-behavior: none;
			}
			.input-select[data-state="opened"] .select-list {
				display: block;
			}
			.input-select .select-list .list-item {
				box-sizing: border-box;
				padding: 10px 15px;
				background-color: var(--color-white);
				border-bottom: 1px solid var(--color-gray);
				cursor: pointer;

				font-size: 12px;
				color: var(--color-main-text);

				-webkit-transition: background-color .25s;
				transition: background-color .25s;
			}
			.input-select .select-list .list-item:hover {
				background-color: var(--color-acent);
			}

			.input-select .select-clear {
				display: block;
				position: absolute;
				top: 0;
				bottom: 0;
				right: 5px;
				width: 32px;
				height: 32px;
				margin: auto;
				border: none;
				background-color: transparent;
				cursor: pointer;
				opacity: 0;

				-webkit-transition: opacity .25s;
				transition: opacity .25s;
			}
			.input-select[data-view="active"] .select-clear {
				opacity: 1;
				display: block;
			}
			.input-select .select-clear::before,
			.input-select .select-clear::after {
				content: '';
				display: block;
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				width: 16px;
				height: 2px;
				background-color: var(--color-primary);

				-webkit-transform-origin: 50% 50%;
				transform-origin: 50% 50%;
			}
			.input-select .select-clear::before {
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}
			.input-select .select-clear::after {
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
			}
			.input-select.input-dark .select-clear::before,
			.input-select.input-dark .select-clear::after {
				background-color: var(--color-white);
			}
		/* Select */

		/* Check */
			.input-radio {
				display: -ms-flexbox;
			    display: flex;
			    -ms-flex-wrap: wrap;
			    flex-wrap: wrap;
				flex-direction: row;

				-ms-flex-align: center!important;
    			align-items: center!important;

    			-ms-flex-pack: start!important;
    			justify-content: flex-start!important;
    			border: none;
				cursor: pointer;
				width: auto;
			}
			.input-radio:before {
				display: none;
			}
			.input-radio input {
				display: none;
			}
			.input-radio i {
				display: block;
				position: relative;
				-ms-flex: 0 0 20px;
			    flex: 0 0 20px;
			    max-width: 20px;
				width: 20px;
				height: 20px;
				margin: 0 10px 0 0;
				border: 2px solid var(--color-brand);
				border-radius: 4px;
				background-color: white;
			}
			.input-radio.input-inverse i {
				background-color: var(--color-acent);
			}
			.input-radio i::before,
			.input-radio i::after {
				content: ' ';
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				width: 4px;
				height: 2px;
				background-color: var(--color-primary);
				opacity: 0;

				-webkit-transition: opacity 1s;
				transition: opacity 1s;
			}
			.input-radio i::before {
				-webkit-transform: translate(-2px, 0px) rotate(45deg);
				transform: translate(-2px, 0px) rotate(45deg);
			}
			.input-radio i::after {
				width: 8px;

				-webkit-transform: translate(2px, 0px) rotate(-45deg);
				transform: translate(2px, 0px) rotate(-45deg);
			}
			.input-radio[data-checked="true"] i::before,
			.input-radio[data-checked="true"] i::after {
				opacity: 1;
			}

			.input-radio span {
				display: block;
				position: relative;
				top: auto;
				bottom: auto;
				left: auto;
				right: auto;
				margin: 0;
				padding: 0;
				height: auto;

				-ms-flex: 0 0 calc(100% - 30px);
			    flex: 0 0 calc(100% - 30px);
			    max-width: calc(100% - 30px);
				
				font-size: 14px;
				color: black;
			}			
			.input-radio span a {
				font-size: 10px;
				color: var(--color-white);
			}
			.input-radio.input-inverse span,
			.input-radio.input-inverse span a {
				color: var(--color-main-text);
			}
		/* Check */


		/* Date */
		/* input[type="date"]::-webkit-calendar-picker-indicator {
			background: transparent;
			bottom: 0;
			color: transparent;
			cursor: pointer;
			height: auto;
			left: 0;
			position: absolute;
			right: 0;
			top: 0;
			width: auto;
		} */

		/* Steps */
			form .steps {
				display: block;
				position: relative;
				width: 100%;
				height: auto;
			}
			form .steps .step {
				display: none;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: auto;
				opacity: 0;
				z-index: 0;
			}
			form .steps .step[data-view="active"] {
				display: block;
				position: relative;
				opacity: 1;
				z-index: 1;
			}
		/* Steps */

		/* Privacy */
			form .privacy {
				display: block;
				width: 100%;
				text-align: left;
				font-size: 0.6rem;
			}
		/* Privacy */

		/* Error */
			form[data-error] {
				-webkit-animation: form-incorrect-move 1s linear forwards;
				animation: form-incorrect-move 1s linear forwards;
			}
		
			@-webkit-keyframes form-incorrect-move {
				0%   { -webkit-transform: translateX(5px); }
				20%   { -webkit-transform: translateX(-5px); }
				40%   { -webkit-transform: translateX(5px); }
				60%   { -webkit-transform: translateX(-5px); }
				80%   { -webkit-transform: translateX(5px); }
				100%   { -webkit-transform: translateX(0px); }
			}
			@keyframes form-incorrect-move {
				0%   { transform: translateX(5px); }
				20%   { transform: translateX(-5px); }
				40%   { transform: translateX(5px); }
				60%   { transform: translateX(-5px); }
				80%   { transform: translateX(5px); }
				100%   { transform: translateX(0px); }
			}

			form[data-error] .input.input-rounded.required::before {
				background-color: red;
			}
		/* Error */
	/* Inputs */

	/* Links */
		a {
			color: var(--color-dark);
			text-decoration: underline;
		}
		a:hover {
			text-decoration: none;
		}
	/* Links */

	/* Buttons */
		button {
			font-family: var(--font);
		}
		.btn {
			display: inline-block;
			position: relative;
			width: auto;
			height: auto;
			box-sizing: border-box;
			padding: 15px 24px;
			cursor: pointer;

			font-size: inherit;
			font-weight: 700;
			text-decoration: none;
			letter-spacing: inherit;
			border-radius: 10px;
		}
		.btn.btn-blue{
			background: #121F49;
			color: white;
		}
		.btn.btn-blue:hover{
			background: #333643;
		}
		.btn.btn-orange{
			background: #FF5715;
			color: white;
			border: 0;
		}
		.btn.btn-orange:hover{
			background: #FF6C32;
		}
		.btn.btn-white{
			background: #ffffff;
			color: #FF5715;
			border: 0;
		}
		.btn.btn-orange:hover{
			background: #FF6C32;
		}
		@media (max-width: 767px) {
			.btn {
				padding: 10px 30px;
			}
		}
		.btn-wide {
			min-width: 200px;
		}
		.btn span,
		.btn input {
			display: block;
			position: relative;
			border: none;
			background-color: transparent;
			padding: 0;
			z-index: 1;
		}

		.btn-input {
			padding: 0px;
		}
		.btn input {
			padding: 12px 24px;
			cursor: pointer;

			font-size: inherit;
			font-weight: 700;
			text-decoration: none;
			letter-spacing: inherit;
		}
		.que-btn__wrap{
			padding: 0 0 50px 0;
			text-align: center;
		}
		.que-btn{
			background-color: #0057B5;
			color: #FFFFFF;
			font-size: 18px;
			font-weight: 500;
			line-height: 1.4;
			padding: 16px 32px;
			border-radius: 8px;
			border: 0;
		}
		.que-btn:hover{
			background-color: #014c9f;
		}
		
		/* Default */
			.btn-default {
				border: none;
				background-color: transparent;
				border: none;
				color: var(--color-primary);

				-webkit-box-shadow: none;
				box-shadow: none;
			}
			.btn-default:hover,
			.btn-default:active {
				color: var(--color-primary);
			}
			/*.btn-default::before {*/
			/*	content: '';*/
			/*	position: absolute;*/
			/*	top: 0;*/
			/*	bottom: 0;*/
			/*	left: 0;*/
			/*	right: 0;*/
			/*	width: 100%;*/
			/*	height: 100%;*/
			/*	z-index: 0;*/
			/*	background-color: var(--color-acent);*/

			/*	-ms-transform: skew(-8deg);*/
			/*	-webkit-transform: skew(-8deg);*/
			/*	transform: skew(-8deg);*/
			/*	transform-origin: top left;*/
			/*}*/
			.btn-default.btn-reverse::before {
				-ms-transform: skew(8deg) translateX(-10px);
				-webkit-transform: skew(8deg) translateX(-10px);
				transform: skew(8deg) translateX(-10px);
			}
			.btn-default:hover::before {
				background-color: var(--color-acent-hover);
			}
			.btn-default:active::before {
				background-color: var(--color-acent-pressed);
			}
		/* Default */

		/* Primary */
			.btn-primary {
				border: none;
				background-color: transparent;
				border: none;
				color: var(--color-white);

				-webkit-box-shadow: none;
				box-shadow: none;
			}
			.btn-primary:hover,
			.btn-primary:active {
				color: var(--color-white);
			}
			.btn-primary::before {
				content: '';
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				width: 100%;
				height: 100%;
				z-index: 0;
				background-color: var(--color-primary);

				-ms-transform: skew(-8deg);
				-webkit-transform: skew(-8deg);
				transform: skew(-8deg);
				transform-origin: top left;
			}
			.btn-primary.btn-reverse::before {
				-ms-transform: skew(8deg) translateX(-8px);
				-webkit-transform: skew(8deg) translateX(-8px);
				transform: skew(8deg) translateX(-8px);
			}
			.btn-primary:hover::before {
				background-color: var(--color-tertiary);
			}
			.btn-primary:active::before {
				background-color: var(--color-secondary-dark);
			}
		/* Primary */

		/* Link */
			.btn-link {
				width: auto;
				height: auto;
				padding: 0;
				margin: 0;
				border: none;
				background-color: transparent;

				font-size: 12px;
				color: var(--color-acent);
				text-decoration: underline;
			}
			.btn-link:hover,
			.btn-link:active {
				text-decoration: none;
			}

			.btn-link {
				width: auto;
				height: auto;
				padding: 0;
				margin: 0;
				border: none;
				background-color: transparent;

				font-size: 12px;
				color: var(--color-acent);
				text-decoration: underline;
			}
			.btn-link.btn-md {
				font-size: 16px;
				color: var(--color-acent);
				text-decoration: none;
			}
		/* Link */

		/* Round */
			.btn-round {
				width: 32px;
				height: 32px;
				padding: 0;
				margin: 0;
				border: none;
				box-sizing: border-box;
				padding: 4px;
				border-radius: var(--border-radius-xl);
				background-color: var(--color-acent);
				
			}
			.btn-round:hover {
				background-color: var(--color-acent-hover);
			}
			.btn-round:active {
				background-color: var(--color-acent-pressed);
			}
			.btn-round .svg {
				width: 100%;
				height: 100%;
			}
		/* Round */

		.btn[disabled],
		.btn[data-disabled] {
			pointer-events: none !important;
			opacity: .35 !important;
		}
	/* Buttons */
	/* Icons */
	.homework-swap{
		width: 75px;
		display: none;
		margin-left: auto;
	}
	@media (max-width: 767px) {
		.homework-swap{
			display: block;
		}
	}

	/* Modal */
		.modal {
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-ms-flex-pack: center;
			justify-content: center;
			-ms-flex-align: center;
			align-items: center;
			display: none;

			position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
			box-sizing: border-box;
			padding: 45px 0px;
			z-index: 1010;
			overflow-x: hidden;
			overflow-y: auto;
		}
		@media (max-width: 639px) {
			.modal {
				padding: 30px 0px 0px;
			}
		}
		.modal[data-visible=true] {
			display: -ms-flexbox;
			display: flex;
		}
		.modal .modal-overlay {
			display: block;
			position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
			
			background-color: rgba(28, 38, 59, 0.25);
			backdrop-filter: blur(10px);
			-webkit-backdrop-filter: saturate(120%) blur(10px);
			backdrop-filter: saturate(120%) blur(10px);

			opacity: 0;
			z-index: 0;

			-webkit-transition: opacity .25s;
			transition: opacity .25s;
		}
		.modal[data-view="true"] .modal-overlay {
			opacity: .4;
		}
		.modal .modal-title {
			display: block;
			position: relative;
			/*top: 35px;*/
			/*left: 35px;*/
			
			font-size: 20px;
			font-weight: 800;
			line-height: 28px;
			color: var(--color-blue);
		}
		@media (max-width: 991px) {
			.modal .modal-title {
				/*top: 15px;*/
				/*left: 18px;*/
			}
		}
		.modal .modal-body {
			display: block;
			position: relative;
			width: 795px;
			height: auto;
			box-sizing: border-box;
			padding: 80px 35px 35px;
			border-radius: var(--border-radius-md);
			background-color: white;
			opacity: 0;
			z-index: 100;

			-webkit-transition: opacity .35s, transform .35s;
			transition: opacity .35s, transform .35s;

			-webkit-transform: scale(1.05,1.05);
			transform: scale(1.05,1.05);
		}
		@media (max-width: 639px) {
			.modal .modal-body {
				border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
			}
		}
		.modal .modal-body.body-sm {
			width: 480px;
		}
		.modal[data-view="true"] .modal-body {
			opacity: 1;
			-webkit-transform: scale(1.0,1.0);
			transform: scale(1.0,1.0);
		}
		@media (min-width: 640px) and (max-width: 991px) {
			.modal .modal-body {
				width: 600px;
				padding: 65px 20px;
			}
			.modal .modal-body.body-sm {
				width: 480px;
			}
		}
		@media (min-width: 480px) and (max-width: 639px) {
			.modal .modal-body,
			.modal .modal-body.body-sm {
				width: 100%;
				padding: 62px 52px 30px;
			}
		}
		@media (max-width: 479px) {
			.modal .modal-body,
			.modal .modal-body.body-sm {
				width: 100%;
				padding: 62px 20px 30px;
			}
		}
		.modal .modal-body [data-modal-close] {
			display: block;
			position: absolute;
			top: 18px;
			right: 18px;
			width: 52px;
			height: 52px;
			background-color: transparent;
			border: none;
			z-index: 10;
			cursor: pointer;
			opacity: 1;

			-webkit-transition: opacity .5s;
			transition: opacity .5s;
		}
		.modal .modal-body [data-modal-close]:hover {
			opacity: .5;
		}
		@media (max-width: 991px) {
			.modal .modal-body [data-modal-close] {
				top: 6px;
				right: 6px;
				width: 48px;
				height: 48px;
			}
		}
		.modal .modal-body [data-modal-close]::before,
		.modal .modal-body [data-modal-close]::after {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			width: 32px;
			height: 2px;
			background-color: var(--color-primary);

			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
		}
		.modal .modal-body [data-modal-close]::before {
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		.modal .modal-body [data-modal-close]::after {
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}
	/* Modal */

	/* Video */
		.modal-video {
			display: none;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			z-index: 100000;
			background-color: transparent;
		}
		.modal-video .overlay {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(28, 38, 59, 0.85);
			backdrop-filter: blur(10px);
			-webkit-backdrop-filter: saturate(120%) blur(10px);
			backdrop-filter: saturate(120%) blur(10px);
			z-index: 0;
			opacity: 0;

			-webkit-transition: opacity .35s;
			transition: opacity .35s;
		}
		.modal-video[data-view="active"] .overlay {
			opacity: 1;
		}
		.modal-video .content {
			display: block;
			position: relative;
			width: 65%;
			height: auto;
			z-index: 200;
			opacity: 0;

			-webkit-transition: opacity .35s;
			transition: opacity .35s;
		}
		.modal-video[data-view="active"] .content {
			opacity: 1;
		}
		@media (max-width: 1199px) {
			.modal-video .content {
				width: 100%;
				height: auto;
			}
		}
		.modal-video .embed-responsive {
			position: relative;
			padding-bottom: 56.25%;
		}
		  
		.modal-video .embed-responsive iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		.modal-video .modal-close {
			display: block;
			position: absolute;
			top: 18px;
			right: 18px;
			width: 52px;
			height: 52px;
			background-color: transparent;
			border: none;
			z-index: 10;
			cursor: pointer;
			opacity: 0;

			-webkit-transition: opacity .35s;
			transition: opacity .35s;
		}
		.modal-video[data-view="active"] .modal-close {
			opacity: 1;
		}
		.modal-video .modal-close:hover {
			opacity: .5;
		}
		@media (max-width: 991px) {
			.modal-video .modal-close {
				top: 6px;
				right: 6px;
				width: 48px;
				height: 48px;
			}
		}
		.modal-video .modal-close::before,
		.modal-video .modal-close::after {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			width: 32px;
			height: 2px;
			background-color: var(--color-white);

			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
		}
		.modal-video .modal-close::before {
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		.modal-video .modal-close::after {
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}
	/* Video */

	/* Labels */
		.label {
			box-sizing: border-box;
			padding: 5px 15px;
			background-color: var(--color-gray);
			border-radius: var(--border-radius);
		}
	/* Labels */
	
	/* Svg */
		.svg svg {
			display: block;
			position: relative;
			width: inherit;
			height: inherit;
		}
		.svg {
			display: inline-flex;
			width: 16px;
			height: 16px;
		}
		.svg-sm {
			width: 24px;
			height: 24px;
		}
		.svg-md {
			width: 32px;
			height: 32px;
		}
		.svg-right {
			margin-left: 2.5px;
		}
		.svg-left {
			margin-right: 2.5px;
		}
		.svg-md.svg-left {
			margin-right: 10px;
		}
		.svg-accent svg,
		.svg-accent svg * {
			fill: var(--color-acent);
		}
	/* Svg */
/* UI */
/* End */


/* Start:/local/templates/avtor/components/bitrix/menu/top_multilevel/style.min.css?17748670453715*/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/local/templates/avtor/components/bitrix/menu/top_multilevel/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/local/templates/avtor/components/bitrix/menu/top_multilevel/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/local/templates/avtor/components/bitrix/menu/top_multilevel/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left}
/* End */


/* Start:/local/templates/avtor/components/bitrix/menu/modal/style.min.css?17775358113715*/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/local/templates/avtor/components/bitrix/menu/modal/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/local/templates/avtor/components/bitrix/menu/modal/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/local/templates/avtor/components/bitrix/menu/modal/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left}
/* End */


/* Start:/local/templates/avtor/components/bitrix/breadcrumb/main/style.css?1779760489596*/
.bx-breadcrumb {
	display: block;
	position: relative;
	margin: 40px 0 0px;
}
.bx-breadcrumb i {
	color: var(--color-secondary);
	vertical-align: middle;
	margin-right: 5px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	display: inline-block;
	margin-bottom: 10px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 5px;
}
.bx-breadcrumb .bx-breadcrumb-item a {
	text-decoration: none;
}
.bx-breadcrumb .bx-breadcrumb-item > span {
	white-space: normal;
	/*color: var(--color-gray-text);*/
	font-weight: 700;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}

/* End */


/* Start:/local/templates/avtor/components/bitrix/menu/bottom/style.min.css?1774867043490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/avtor/components/bitrix/menu/bottom/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/components/trc/cookies/templates/main/style.css?17207701162317*/
/* Install */
.cookie-widget .widget-body {
    display: block;
    position: fixed;
    bottom: 45px;
    left: 25px;
    right: auto;
    width: 460px;
    height: auto;
    margin: auto;
    box-sizing: border-box;
    padding: 15px 30px;
    background-color: white;
    background-image: linear-gradient(to right, white , var(--color-brand));
    border-radius: var(--border-radius);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.085);
    box-shadow: 0 0 30px rgba(0,0,0,.085);
    opacity: 0;
    z-index: 1000;

    text-decoration: none;

    -webkit-transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s;

    -webkit-transform: translateY(300px);
    transform: translateY(300px);
}
.cookie-widget[data-view="active"] .widget-body {
    opacity: 1;

    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
.cookie-widget .widget-body .description {
    display: block;
    width: 100%;

    font-size: 12px;
	line-height: 16px;
}
.cookie-widget .widget-body .description span i {
    position: relative;
    top: 3px;
}
.cookie-widget button[data-install-close] {
    display: block;
    position: absolute;
    top: -6px;
    right: 0;
    width: 32px;
    height: 32px;
    border: none;
    background-color: white;
    border-radius: var(--border-radius);
    box-sizing: border-box;
    margin: auto;
    padding: 5px;
    cursor: pointer;
    z-index: 1010;
}
.cookie-widget button[data-install-close]::before,
.cookie-widget button[data-install-close]::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 12px;
    height: 2px;
    background-color: var(--color-primary);

    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.cookie-widget button[data-install-close]::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.cookie-widget button[data-install-close]::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (max-width: 767px) {
    .cookie-widget .widget-body {
        bottom: 95px;
        left: 0px;
        right: 0px;

        width: 100%;
    }
}
/* Install */
/* End */


/* Start:/local/templates/avtor/styles.css?178937900024797*/
/*
 * styles.css (шаблон avtor)
 *
 * Назначение: стили страницы «Требования к упаковке грузов» и блока «Условия оплаты».
 *
 * Подключение: local/templates/avtor/styles.css
 * Разметка:    clients/packaging/index.php, ветка case 'avtor'
 * Тест:        /clients/packaging/?test_template=Y
 *
 * Картинки:    /images/clients_packaging/
 *
 * Все селекторы упаковки начинаются с .section-packaging - не влияют на другие страницы.
 * Блок оплаты - .section-payments (отдельная страница).
 *
 * Figma: «Ночной экспресс (Copy)», node packaging page.
 */


/* ==========================================================================
   БЛОК 1. Общая секция «Требования к упаковке грузов»
   HTML: <section class="section section-packaging">
   ========================================================================== */

/* Фон всей секции упаковки */
.section-packaging {
	background: #f0f2f5;
}

/* Заголовок H1 «Требования к упаковке грузов» (55px, Cygre Medium) */
.section-packaging .packaging-title {
	margin: 0 0 28px;
	font-family: "Cygre", sans-serif;
	font-weight: 500;
	font-size: 55px;
	line-height: 0.94;
	color: #121f49;
}


/* ==========================================================================
   БЛОК 2. Сетка правил (9 белых карточек + оранжевая «Внимание!»)
   HTML: .packaging-rules-wrap > ul.packaging-rules > li
   ========================================================================== */

/* Обёртка списка правил на всю ширину контейнера */
.section-packaging .packaging-rules-wrap {
	width: 100%;
}

/* Сетка 2 колонки, gap 20px */
.section-packaging .packaging-rules {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	align-items: stretch;
}

/* Одна белая карточка правила (flex: иконка + текст) */
.section-packaging .packaging-rules > li {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	margin: 0;
	padding: 20px;
	background: #ffffff;
	border-radius: 20px;
	box-sizing: border-box;
}

/* Модификаторы min-height карточек по Figma (на li добавить класс) */
.section-packaging .packaging-rules__item--h78 {
	min-height: 78px;
}

.section-packaging .packaging-rules__item--h94 {
	min-height: 94px;
}

.section-packaging .packaging-rules__item--h130 {
	min-height: 130px;
}

/* Оранжевая стрелка слева (PNG: orange_strelka.png) */
.section-packaging .packaging-rules__icon {
	flex: 0 0 44px;
	width: 44px;
	height: 28px;
	margin-top: 0;
	background: url("/images/clients_packaging/orange_strelka.png") no-repeat center center;
	background-size: contain;
}

/* Текст пункта правила (16px, #03091C) */
.section-packaging .packaging-rules__text {
	display: block;
	flex: 1 1 auto;
	min-width: 0;
	font-family: "Cygre", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 1.1;
	letter-spacing: -0.01em;
	color: #03091c;
}

/* max-width текста по номеру карточки (Figma) */
.section-packaging .packaging-rules__item:nth-child(1) .packaging-rules__text {
	max-width: 417px;
}

.section-packaging .packaging-rules__item:nth-child(2) .packaging-rules__text {
	max-width: 443px;
}

.section-packaging .packaging-rules__item:nth-child(3) .packaging-rules__text,
.section-packaging .packaging-rules__item:nth-child(5) .packaging-rules__text {
	max-width: 307px;
}

.section-packaging .packaging-rules__item:nth-child(4) .packaging-rules__text {
	max-width: 423px;
}

.section-packaging .packaging-rules__item:nth-child(6) .packaging-rules__text {
	max-width: 457px;
}

.section-packaging .packaging-rules__item:nth-child(7) .packaging-rules__text {
	max-width: 447px;
}

.section-packaging .packaging-rules__item:nth-child(8) .packaging-rules__text,
.section-packaging .packaging-rules__item:nth-child(9) .packaging-rules__text {
	max-width: 461px;
}

/* Ячейка сетки для оранжевой карточки (без белого фона li) */
.section-packaging .packaging-rules__warning {
	padding: 0 !important;
	background: transparent !important;
}

/* Оранжевая карточка «Внимание!» внутри li.packaging-rules__warning */
.section-packaging .packaging-warning {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 158.63px;
	background: #ff5715;
	border-radius: 20px;
	padding: 20px 160px 20px 20px;
	box-sizing: border-box;
	overflow: hidden;
}

/* Декор: коробка справа снизу (PNG: korobka.png, 151×159) */
.section-packaging .packaging-warning::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 151.02px;
	height: 158.63px;
	background: url("/images/clients_packaging/korobka.png") no-repeat right bottom;
	background-size: 151.02px 158.63px;
	pointer-events: none;
}

/* Строка «иконка + Внимание!» (общая для warning и crate-alert) */
.section-packaging .packaging-warning__title-wrap,
.section-packaging .packaging-crate-alert__title-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}

/* CSS-иконка «!» в круге (без картинки) */
.section-packaging .packaging-warning__icon {
	position: relative;
	display: inline-block;
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	border: 1.33px solid #f0f2f5;
	border-radius: 50%;
}

/* Вертикальная черта «!» */
.section-packaging .packaging-warning__icon::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 3px;
	width: 1.33px;
	height: 5px;
	background: #f0f2f5;
	transform: translateX(-50%);
}

/* Точка «!» */
.section-packaging .packaging-warning__icon::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 3px;
	width: 1.33px;
	height: 1.33px;
	background: #f0f2f5;
	border-radius: 50%;
	transform: translateX(-50%);
}

/* Заголовок «Внимание!» в оранжевой карточке */
.section-packaging .packaging-warning__title {
	font-family: "Cygre", sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.15;
	letter-spacing: -0.01em;
	margin: 0;
	color: #ffffff;
}

/* Текст про упаковку для транспортировки (белый, max-width 386px) */
.section-packaging .packaging-warning__text {
	margin: 0;
	font-family: "Cygre", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 1.27;
	letter-spacing: -0.01em;
	color: #ffffff;
	max-width: 386px;
}


/* ==========================================================================
   БЛОК 3. Синий блок «Грузы... в обрешетку»
   HTML: .packaging-crate-box > .packaging-crate-inner
         (заголовок | список; плашка «Внимание» | список продолжается)
   ========================================================================== */

/* Внешний синий контейнер с градиентом и radius 30px */
.section-packaging .packaging-crate-box {
	padding: 30px;
	background: linear-gradient(180deg, #121f49 0%, #253569 100%);
	border-radius: 30px;
	box-sizing: border-box;
}

/* Внутренняя grid-сетка: колонка 543px + список справа на 2 ряда */
.section-packaging .packaging-crate-inner {
	display: grid;
	grid-template-columns: minmax(0, 543px) minmax(0, 1fr);
	grid-template-rows: auto auto;
	column-gap: 39px;
	row-gap: 34px;
	align-items: start;
}

/* Заголовок «Грузы, подлежащие обязательной упаковке в обрешетку:» */
.section-packaging .packaging-crate-title {
	grid-column: 1;
	grid-row: 1;
	margin: 0;
	font-family: "Cygre", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 35px;
	line-height: 0.94;
	letter-spacing: 0;
	color: #ffffff;
	max-width: 419px;
}

/* Оранжевый акцент «в обрешетку:» внутри заголовка */
.section-packaging .packaging-crate-title__accent {
	color: #ff5715;
	font-weight: 500;
}

/* Полупрозрачная плашка «Внимание!» + текст про 13 часов */
.section-packaging .packaging-crate-alert {
	grid-column: 1;
	grid-row: 2;
	max-width: 543px;
	padding: 24px;
	background: rgba(240, 242, 245, 0.1);
	border-radius: 10px;
	box-sizing: border-box;
}

/* Отступ под строкой «Внимание!» в синей плашке */
.section-packaging .packaging-crate-alert__title-wrap {
	margin-bottom: 16px;
}

/* «Внимание!» в синей плашке */
.section-packaging .packaging-crate-alert__title {
	margin: 0;
	font-family: "Cygre", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.15;
	letter-spacing: -0.01em;
	color: #ffffff;
}

/* Основной текст про обрешетку до 13:00 (400, #F0F2F5) */
.section-packaging .packaging-crate-alert__text {
	margin: 0;
	max-width: 467.4px;
	font-family: "Cygre", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.15;
	color: #f0f2f5;
}

/* Жирная только первая фраза «Если грузу требуется обрешетка,» */
.section-packaging .packaging-crate-alert__text-strong {
	font-weight: 700;
}

/* Список грузов (10 пунктов), колонка справа, span 2 rows */
.section-packaging .packaging-crate-list {
	grid-column: 2;
	grid-row: 1 / 3;
	margin: 10px 0 0;
	padding: 0;
	max-width: 511px;
	list-style: none;
	display: grid;
	gap: 10px;
	align-self: start;
}

/* Один пункт списка обрешетки */
.section-packaging .packaging-crate-list li {
	position: relative;
	margin: 0;
	padding: 0 0 0 34px;
	font-family: "Cygre", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16.56px;
	line-height: 1;
	letter-spacing: 0;
	color: #ffffff;
}

/* Узкие пункты с переносом на 2 строки (Figma) */
.section-packaging .packaging-crate-list li:nth-child(5) {
	max-width: 448px;
}

.section-packaging .packaging-crate-list li:nth-child(6) {
	max-width: 479px;
}

/* Оранжевая стрелка перед пунктом списка */
.section-packaging .packaging-crate-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1px;
	width: 24px;
	height: 15px;
	background: url("/images/clients_packaging/orange_strelka.png") no-repeat center center;
	background-size: contain;
}


/* ==========================================================================
   БЛОК 4. «Варианты упаковки» (7 белых карточек + CTA)
   HTML: h2.packaging-title--variants + .packaging-variants > article.packaging-variant
   ========================================================================== */

/* Заголовок H2 секции «Варианты упаковки» (отступ до сетки 44px) */
.section-packaging .packaging-title--variants {
	margin: 0 0 44.12px;
}

/* Сетка карточек 2×4 (7 белых + 1 оранжевая CTA) */
.section-packaging .packaging-variants {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px 20.31px;
	align-items: stretch;
}

/* Базовая белая карточка варианта упаковки (223.4px высота) */
.section-packaging .packaging-variant {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 223.4px;
	min-height: 223.4px;
	margin: 0;
	padding: 20.06px 20px 20px;
	background: #ffffff;
	border-radius: 20px;
	box-sizing: border-box;
	overflow: hidden;
}

/* Левая колонка: заголовок + текст (поверх картинки) */
.section-packaging .packaging-variant__content {
	position: relative;
	z-index: 1;
}

/* Название вида упаковки (20px bold) */
.section-packaging .packaging-variant__title {
	margin: 0 0 17.34px;
	font-family: "Cygre", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.19;
	letter-spacing: -0.01em;
	color: #03091c;
}

/* Описание вида упаковки (16px, полупрозрачный) */
.section-packaging .packaging-variant__text {
	margin: 0;
	font-family: "Cygre", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.19;
	letter-spacing: -0.01em;
	color: rgba(3, 9, 28, 0.7);
}

/* Иллюстрация справа снизу (absolute, z-index 0) */
.section-packaging .packaging-variant__img {
	position: absolute;
	right: 0;
	bottom: 0;
	object-fit: contain;
	object-position: right bottom;
	pointer-events: none;
	user-select: none;
	z-index: 0;
}


/* --- CTA-карточка «Получить консультацию» (.packaging-variant--cta) --- */

/* Оранжевая карточка, высота 222.73px */
.section-packaging .packaging-variant--cta {
	justify-content: flex-start;
	height: 222.73px;
	min-height: 222.73px;
	padding: 19px 20px 20px;
	background: #ff5715;
	isolation: isolate;
}


/* «Получить консультацию» (35px white) */
.section-packaging .packaging-variant--cta .packaging-variant__title {
	max-width: 335.69px;
	margin-bottom: 10px;
	color: #ffffff;
	font-size: 30px;
	font-weight: 700;
	font-style: normal;
	line-height: 1;
	letter-spacing: -0.01em;
}

/* «Перезвоним в течение 10 минут» */
.section-packaging .packaging-variant--cta .packaging-variant__text {
	max-width: 363.06px;
	margin-bottom: 33.73px;
	color: #ffffff;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 1.19;
	letter-spacing: -0.01em;
}

/* Кнопка «Связаться с нами» (191×51, белая) */
.section-packaging .packaging-variant__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 191px;
	height: 51px;
	min-height: 51px;
	padding: 20px 27px 20px 25px;
	box-sizing: border-box;
	border-radius: 10px;
	background: #ffffff;
	color: #03091c;
	font-family: "Cygre", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.75;
	letter-spacing: 0;
	text-decoration: none;
	transition: opacity 0.2s ease;
}

.section-packaging .packaging-variant__btn:hover {
	opacity: 0.9;
	color: #03091c;
	text-decoration: none;
}

/* Телефон справа (PNG: telefonchik.png, поверх полосок z-index 2) */
.section-packaging .packaging-variant__img--cta {
	width: 107.41px;
	height: 203.73px;
	right: 48.93px;
	bottom: 0;
	z-index: 2;
}

/* Текстовый блок CTA (поверх полосок) */
.section-packaging .packaging-variant--cta .packaging-variant__content {
	position: relative;
	max-width: 363.06px;
	z-index: 1;
	padding-right: 76px;
}


/* --- Модификаторы карточек по видам упаковки (размеры из Figma) --- */

/* Паллетные борты | paletnie_borti.png | карточка 280px */
.section-packaging .packaging-variant--pallet {
	height: 280px;
	min-height: 280px;
}

.section-packaging .packaging-variant--pallet .packaging-variant__content {
	max-width: 429.12px;
}

.section-packaging .packaging-variant--pallet .packaging-variant__text {
	max-width: 429.12px;
}

.section-packaging .packaging-variant--pallet .packaging-variant__img {
	width: 124.39px;
	height: 186.59px;
	right: -1.08px;
	bottom: -15.69px;
}

/* Обрешетка | obrezetca.png | карточка 280px */
.section-packaging .packaging-variant--crate {
	height: 280px;
	min-height: 280px;
}

.section-packaging .packaging-variant--crate .packaging-variant__content {
	max-width: 371.15px;
}

.section-packaging .packaging-variant--crate .packaging-variant__text {
	max-width: 371.15px;
}

.section-packaging .packaging-variant--crate .packaging-variant__img {
	width: 211.95px;
	height: 190.43px;
	right: 0;
	bottom: 0;
	border-radius: 20px;
}

/* Воздушно-пузырьковая | vazduchno_puzir.png */
.section-packaging .packaging-variant--bubble {
	height: 223.4px;
	min-height: 223.4px;
}

.section-packaging .packaging-variant--bubble .packaging-variant__content {
	max-width: 429.12px;
}

.section-packaging .packaging-variant--bubble .packaging-variant__text {
	max-width: 429.12px;
}

.section-packaging .packaging-variant--bubble .packaging-variant__img {
	width: 156.58px;
	height: 112.47px;
	right: 0;
	bottom: 0;
}

/* Стрейч-пленка | strech_plenca.png */
.section-packaging .packaging-variant--stretch {
	height: 223.4px;
	min-height: 223.4px;
}

.section-packaging .packaging-variant--stretch .packaging-variant__content {
	max-width: 413.07px;
}

.section-packaging .packaging-variant--stretch .packaging-variant__text {
	max-width: 413.07px;
}

.section-packaging .packaging-variant--stretch .packaging-variant__title {
	margin-bottom: 16.34px;
}

.section-packaging .packaging-variant--stretch .packaging-variant__img {
	width: 178.01px;
	height: 178.01px;
	right: -22.18px;
	bottom: -27.63px;
}

/* Картонные коробки | cartom_corobca.png */
.section-packaging .packaging-variant--boxes {
	height: 223.4px;
	min-height: 223.4px;
}

.section-packaging .packaging-variant--boxes .packaging-variant__content {
	max-width: 443.41px;
}

.section-packaging .packaging-variant--boxes .packaging-variant__text {
	max-width: 443.41px;
}

.section-packaging .packaging-variant--boxes .packaging-variant__img {
	width: 114.5px;
	height: 118.28px;
	right: 1.09px;
	bottom: 0;
}

/* Мешки | meshki.png */
.section-packaging .packaging-variant--bags {
	height: 223.4px;
	min-height: 223.4px;
}

.section-packaging .packaging-variant--bags .packaging-variant__content {
	max-width: 417.2px;
}

.section-packaging .packaging-variant--bags .packaging-variant__text {
	max-width: 417.2px;
}

.section-packaging .packaging-variant--bags .packaging-variant__title {
	margin-bottom: 16.33px;
}

.section-packaging .packaging-variant--bags .packaging-variant__img {
	width: 162px;
	height: 162px;
	right: -15.09px;
	bottom: 1.01px;
}

/* Фирменные конверты | firmennie_konverti.png */
.section-packaging .packaging-variant--envelopes {
	height: 223.4px;
	min-height: 223.4px;
}

.section-packaging .packaging-variant--envelopes .packaging-variant__content {
	max-width: 363.06px;
}

.section-packaging .packaging-variant--envelopes .packaging-variant__text {
	max-width: 363.06px;
}

.section-packaging .packaging-variant--envelopes .packaging-variant__img {
	width: 145.07px;
	height: 110.31px;
	right: 20.58px;
	bottom: 20.85px;
	border-radius: 5px;
}


/* ==========================================================================
   АДАПТИВ: упаковка (tablet/mobile, breakpoint 991px)
   ========================================================================== */

@media (max-width: 991px) {
	/* Заголовки секций меньше */
	.section-packaging .packaging-title {
		font-size: 40px;
	}

	/* Правила и варианты - одна колонка */
	.section-packaging .packaging-rules {
		grid-template-columns: 1fr;
	}

	/* Синий блок - одна колонка */
	.section-packaging .packaging-crate-inner {
		grid-template-columns: 1fr;
		row-gap: 24px;
		column-gap: 0;
	}

	.section-packaging .packaging-crate-title,
	.section-packaging .packaging-crate-alert,
	.section-packaging .packaging-crate-list {
		grid-column: 1;
		grid-row: auto;
		max-width: none;
	}

	.section-packaging .packaging-crate-list {
		margin-top: 0;
	}

	.section-packaging .packaging-crate-title {
		font-size: 28px;
	}

	/* min-height карточек правил сбрасывается */
	.section-packaging .packaging-rules__item--h78,
	.section-packaging .packaging-rules__item--h94,
	.section-packaging .packaging-rules__item--h130 {
		min-height: 0;
	}

	.section-packaging .packaging-rules__item .packaging-rules__text {
		max-width: none;
	}

	/* Оранжевая карточка: меньше коробка, без большого padding справа */
	.section-packaging .packaging-warning {
		padding-right: 20px;
		min-height: 130px;
	}

	.section-packaging .packaging-warning::after {
		opacity: 0.35;
		width: 110px;
		height: 116px;
		background-size: contain;
	}

	.section-packaging .packaging-variants {
		grid-template-columns: 1fr;
	}

	/* Карточки вариантов: авто-высота, место под картинку снизу */
	.section-packaging .packaging-variant {
		height: auto;
		min-height: 0;
		padding: 20px 20px 167px;
	}

	.section-packaging .packaging-variant__img {
		width: 130px !important;
		height: auto !important;
		right: 10px !important;
		bottom: 10px !important;
	}

	.section-packaging .packaging-variant--cta {
		height: auto;
		min-height: 0;
		padding: 20px 20px 20px;
	}

	.section-packaging .packaging-variant__img--cta {
		width: 90px !important;
		height: auto !important;
		right: 10px !important;
		bottom: 0 !important;
	}
}


/* ==========================================================================
   БЛОК 5. Страница «Условия оплаты» (другая страница, не packaging)
   HTML: <section class="section section-payments">
   ========================================================================== */

.section-payments {
	background: #F0F2F5;
}

/* H1 страницы оплаты */
.section-payments h1 {
	margin: 0 0 28px;
	font-family: "Cygre", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 55px;
	line-height: 0.94;
	letter-spacing: 0;
	color: #121F49;
	text-align: left;
}

/* Обычный абзац на странице оплаты */
.section-payments p {
	margin: 0;
	font-family: "Cygre", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.19;
	letter-spacing: -0.01em;
	color: #03091C;
}

/* Подзаголовок секции (H3, 35px) */
.section-payments h3 {
	margin: 0;
	font-family: "Cygre", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 25px;
	line-height: 0.94;
	letter-spacing: 0;
	color: #121F49;
	text-align: left;
}

/* Сетка белых карточек оплаты (2 колонки) */
.section-payments .payments-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

/* Одна карточка оплаты */
.section-payments .payments-cards__item {
	background: #FFFFFF;
	border-radius: 20px;
	min-height: 130px;
}

.section-payments .payments-cards__item .component-panel {
	background: transparent;
	border-radius: 20px;
	height: 100%;
}

.section-payments .payments-cards__item .panel-body {
	padding: 20px 24px;
	text-align: left;
	display: flex;
	align-items: flex-start;
}

/* Текст внутри карточки оплаты */
.section-payments .payments-cards__item .panel-description {
	display: block;
	margin: 0;
	width: 100%;
	font-family: "Cygre", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.10;
	letter-spacing: -0.01em;
	color: #03091C;
	min-height: auto;
}

/* Опционально: первая строка текста как заголовок (класс is-titleline) */
.section-payments .payments-cards__item .panel-description.is-titleline::first-line {
	color: #121F49;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.2;
}

/* Вертикальные отступы между блоками (hr.sm / hr.md) */
.section-payments hr.sm { height: 20px; }
.section-payments hr.md { height: 34px; }


/* Адаптив: оплата, tablet 996px */
@media (max-width: 996px) {
	.section-payments h1 {
		font-size: 40px;
		line-height: 1.05;
	}

	.section-payments h3 {
		font-size: 25px;
		line-height: 1.05;
	}

	.section-payments .payments-cards {
		gap: 16px;
	}

	.section-payments .payments-cards__item .panel-body {
		padding: 18px 18px;
	}
}

/* Адаптив: оплата, mobile 767px */
@media (max-width: 767px) {
	.section-payments h1 {
		font-size: 30px;
		line-height: 1.05;
	}

	.section-payments h3 {
		font-size: 20px;
		line-height: 1.1;
	}

	.section-payments .payments-cards {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.section-payments .payments-cards__item {
		min-height: 110px;
	}

	.section-payments .payments-cards__item .panel-description {
		font-size: 15px;
		line-height: 1.15;
	}
}

/* End */


/* Start:/local/templates/avtor/template_styles.css?1789383500206519*/
@font-face {
	font-family: 'Cygre';
	src:
			local('Cygre Regular'),
			local('Cygre-Regular'),
			url('/local/templates/avtor/../avtor/assets/fonts/Cygre/Cygre-Regular.woff2') format('woff2'),
			url('/local/templates/avtor/../avtor/assets/fonts/Cygre/Cygre-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Cygre';
	src:
			local('Cygre Bold'),
			local('Cygre-Bold'),
			url('/local/templates/avtor/../avtor/assets/fonts/Cygre/Cygre-Bold.woff2') format('woff2'),
			url('/local/templates/avtor/../avtor/assets/fonts/Cygre/Cygre-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Cygre';
	src:
			local('Cygre Light'),
			local('Cygre-Light'),
			url('/local/templates/avtor/../avtor/assets/fonts/Cygre/Cygre-Light.woff2') format('woff2'),
			url('/local/templates/avtor/../avtor/assets/fonts/Cygre/Cygre-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Cygre';
	src:
			local('Cygre Italic'),
			local('Cygre-Italic'),
			url('/local/templates/avtor/../avtor/assets/fonts/Cygre/Cygre-RegularIt.woff2') format('woff2'),
			url('/local/templates/avtor/../avtor/assets/fonts/Cygre/Cygre-RegularIt.woff') format('woff');
	font-weight: 400;
	font-style: italic;
}


:root {
	--font: 'Cygre';
	/*--font: 'Montserrat';*/
	--color-primary: #101E4A;
	--color-secondary: #101E4A;
	--color-secondary-dark: #1F375B;
	/*--color-tertiary: #13477D;*/
	--color-tertiary: #101e4a;
	/*--color-main-text: #1C263B;*/
	--color-main-text: #000000;
	--color-body-text: #8E9AB1;
	--color-gray-text: #939393;
	--color-background-main: #E5E5E5;
	--color-background-body: #F4F4F4;
	--color-tertiary-light: #D2DCEB;
	/*--color-acent: #F4CA22;*/
	--color-acent: #FF5715;
	--color-acent-hover: #FF5715;
	--color-acent-pressed: #FF5715;
    --color-acent-disabled: #D5D0BC;
    --color-black: #000000;
    --color-gray: #EFF2F7;
    --color-gray-dark: #6F6F6F;
    --color-gray-light: #FAFAFA;
    --color-green: #3EC59C;
	--color-white: #FFFFFF;
	--border-radius-sm: 5px;
	--border-radius: 15px;
	--border-radius-xl: 100px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
	-webkit-box-shadow: 0 0 0 1000px #ffffff00 inset;
	-webkit-text-fill-color: #000;
	transition: background-color 5000s ease-in-out 0s;
}
.flex.beetwen{
	justify-content: space-between;
}


.component-yamap .input.input-light::before{
	background: #F0F2F5;
}
.component-yamap .input>span{
	color: #03091CB2;
	text-align: start;
	padding-left: 40px;    color: #03091CB2;
	text-align: start;
	padding-left: 40px;
}
.component-yamap hr.md{
	 height: 30px;
}

/* General */
    html, body {
		position: relative;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		background-color: var(--color-background-body);
		overflow-x: hidden;

		font-family: var(--font);
		font-weight: normal;
		font-style: normal;
		font-size: 16px;
		line-height: 1.5;
		letter-spacing: normal;
		color: var(--color-main-text);
	}

	body[data-view="fixed"] {
		padding-top: 84px;
	}
	body[data-hidden="true"] {
		overflow: hidden !important;
	}
	@media (max-width: 991px) {
		body[data-view="fixed"] {
			padding-top: 60px;
		}
	}
	main {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		box-sizing: border-box;
		padding: 140px 0px;
	}
	@media (max-width: 991px) {
		main {
			padding: 80px 0px;
		}
	}
	h1, .h1 {
        font-size: 55px;
        font-weight: 500;
		color: #121F49;
		line-height: 54px;
		/*text-transform: uppercase;*/
	}
	.h1.xl {
        font-size: 148px;
        font-weight: 900;
		color: var(--color-brand);
		line-height: 154px;
	}
	h2, .h2 {
        font-size: 40px;
        font-weight: 800;
		line-height: 48px;
		color: var(--color-blue);
	}
	h3, .h3 {
        font-size: 20px;
        font-weight: 800;
		line-height: 28px;
		color: var(--color-blue);
	}
	h4, .h4 {
        font-size: 16px;
        font-weight: 500;
		color: var(--color-blue);
	}
	h5, .h5 {
        font-size: 16px;
        font-weight: 800;
		color: var(--color-blue);
	}
	h1 small{
		display: block;
		margin-top: 5px;
		font-size: 20px;
		font-weight: 800;
		line-height: 28px;
	}

	a.link {
		color: var(--color-acent);
	}

	.ul-brand {
		display: block;
		width: 100%;
		height: auto;
		list-style: none;
		margin: 0;
		padding: 0;
		padding-left: 8px;
	}
	.ul-brand li {
		display: block;
		position: relative;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 20px;
		padding: 0 0 0 51px;
	}
	.ul-brand li::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 24px;
		height: 24px;
		margin: auto;
		background: url(/images/arrow-left-grey.svg) no-repeat center center scroll;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
	}

	ul, ol {
		margin: 0;
		padding-top: 0;
		padding-bottom: 0;
	}

	.t-sm, .t-sm * {
		font-size: 14px;
		line-height: 18px;
	}

	.t-xs, .t-xs * {
		font-size: 12px;
		line-height: 16px;
	}

    .t-xxs, .t-xxs * {
		font-size: 10px;
		line-height: 14px;
	}

	.t-regular, .t-regular * {
		font-weight: normal;
	}

	.t-medium, .t-medium * {
		font-weight: 500;
	}

	.t-semibold, .t-semibold * {
		font-weight: bold;
	}

	.t-bold, .t-bold * {
		font-weight: 800;
	}

	.t-extrabold, .t-extrabold * {
		font-weight: 900;
	}

	.t-upper {
		text-transform: uppercase;
	}

	.t-color-acent {
		color: var(--color-acent);
	}
	.t-color-secondary {
		color: var(--color-secondary);
	}

	img {
		display: inline-block;
		width: 100%;
		height: auto;
	}
    @media (max-width: 767px) {
        html, body {
            font-size: 14px;
            line-height: 1.5;
        }

		.h1.xl {
			font-size: 88px;
			font-weight: 900;
			color: var(--color-brand);
			line-height: 94px;
		}
        h2, .h2 {
            font-size: 24px;
            font-weight: 800;
			line-height: 32px;
            color: var(--color-blue);
        }
        h3, .h3 {
            font-size: 16px;
            font-weight: 800;
			line-height: 24px;
        }
    
        .t-sm, .t-sm * {
            font-size: 12px;
        }
    
        .t-xs, .t-xs * {
            font-size: 10px;
        }
    
        .t-xxs, .t-xxs * {
            font-size: 8px;
        }
    }

	.table-container {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		overflow: auto;
	}
	table {
		width: 100%;
		border-collapse: collapse;
	}
	table, th, td {
		border: 1px solid var(--color-primary);
	}
	th {
		padding: 8px 10px;		
		text-align: center;
		background-color: var(--color-tertiary-light);
	}
	td {
		padding: 8px 10px;
		text-align: left;
		background-color: var(--color-white);
	}
	@media (max-width: 991px) {
		.table-container table {
			min-width: 800px;
		}
	}
/* General */

/* Components */
	/* Section */
		.section {
			box-sizing: border-box;
			padding: 50px 0px;
		}
		.section.section-sm {
			box-sizing: border-box;
			padding: 30px 0px;
		}
		.section.section-lg {
			box-sizing: border-box;
			padding: 120px 0px;
		}
		@media (max-width: 991px) {
			.section {
				padding: 40px 0px;
			}
			.section.section-lg {
				box-sizing: border-box;
				padding: 40px 0px;
			}
		}

		.section.section-white {
			background-color: var(--color-white);
		}

		.section .section-opacity {
			opacity: 0;

			-webkit-transition: opacity .5s;
			transition: opacity .5s;
		}
		.section[data-screen="active"] .section-opacity {
			opacity: 1;
		}
	/* Section */

	/* Panel */
		.component-panel {
			display: block;
			position: relative;
			background: transparent;
			border-radius: 20px;
		}
		.component-panel.panel-simple {
			background-color: var(--color-white);
		}
		.component-panel.panel-simple.panel-dark {
			background-color: var(--color-tertiary);
		}
		.component-panel.panel-rounded {
			border-radius: var(--border-radius);
		}
		.component-panel.panel-simple.panel-bordered {
			border: 1px solid var(--color-tertiary);
		}
		.component-panel.panel-dark::before {
			background-color: var(--color-tertiary);
		}
		.component-panel.panel-simple::before {
			display: none;
		}
		.component-panel .panel-body {
			position: relative;
			box-sizing: border-box;
			padding: 10px 15px;
			z-index: 10;
			text-align: left;

		}
		.component-panel .panel-title {
			margin-bottom: 5px;
			font-size: 14px;
			color: #03091CB2;
		}
		.component-panel .panel-description {
			margin-bottom: 25px;
			color: #03091C;
			width: 100%;
			font-size: 14px;

		}
		.component-panel.panel-dark .panel-description {
			color: var(--color-white);
		}
		.component-panel span,
		.component-panel a {
			display: block;
		}
		.component-panel a {
			text-decoration: none;
			color: #121F49;
			font-weight: 600;
			font-size: 20px;
			margin-bottom: 0;
		}
		.panel-description .panel-description__item{
			display: flex;
			justify-content: space-between;
			padding: 20px 0;
			border-bottom: 1px solid #D1D7E1;
			margin-bottom: 20px;
		}
		.panel-description .panel-description__item div a:last-child{
			margin-top: 10px;
			font-weight: 400;
		}
		.contact-social__wrap{
			display: flex;
			justify-content: left;
		}
		.panel-body .contact-social__wrap .contact-social-icon{
			position: relative;
			margin-left: 16px;
			width: fit-content;
			margin-top: 0;
			right: unset;
			bottom: unset;
		}
		.component-panel .panel-description.personal-manage{
			margin-bottom: 0;
		}
	/* Panel */
	
	/* Accardion */
		.component-accardion {
			background-color: var(--color-white);
			border-radius: var(--border-radius);
		}
		.component-accardion .accardion-header {
			display: block;
			position: relative;
			cursor: pointer;
			box-sizing: border-box;
			padding: 15px 25px;
		}
		.component-accardion .accardion-header label {
			position: absolute;
			top: 0;
			bottom: 0;
			right: 25px;
			margin: auto;
			z-index: 0;

			width: 32px;
			height: 32px;
			border-radius: var(--border-radius-xl);
			background-color: var(--color-acent);
		}
		.component-accardion .accardion-header label:before,
		.component-accardion .accardion-header label:after {
			content: '';
			position: absolute;
			top: 6px;
			bottom: 0;
			right: 0px;
			left: 0;
			margin: auto;
			z-index: 1;

			width: 10px;
			height: 2px;
			background-color: var(--color-white);

			-webkit-transition: transform .25s;
			transition: transform .25s;

			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
		}
		.component-accardion.component-light .accardion-header label:before,
		.component-accardion.component-light .accardion-header label:after {
			background-color: var(--color-primary);
		}
		.component-accardion .accardion-header label:before {
			-webkit-transform: rotate(-45deg) translate(5px, 0);
			transform: rotate(-45deg) translate(5px, 0);
		}
		.component-accardion .accardion-header label:after {
			-webkit-transform: rotate(45deg) translate(-5px, 0);
			transform: rotate(45deg) translate(-5px, 0);
		}
		.component-accardion[data-view="open"] .accardion-header label:before {
			-webkit-transform: rotate(45deg) translate(0px, -5px);
			transform: rotate(45deg) translate(0px, -5px);
		}
		.component-accardion[data-view="open"] .accardion-header label:after {
			-webkit-transform: rotate(-45deg) translate(0px, -5px);
			transform: rotate(-45deg) translate(0px, -5px);
		}

		.component-accardion .accardion-body {
			display: block;
			height: 0;

			-webkit-transition: height .25s;
			transition: height .25s;
		}

		.component-accardion .accardion-content {
			box-sizing: border-box;
			padding: 15px 25px;
			opacity: 0;
			
			-webkit-transition: opacity .25s;
			transition: opacity .25s;
		}
		.component-accardion .accardion-body[data-view="visible"] .accardion-content {
			opacity: 1;
		}

		@media (max-width: 991px) {
			.component-accardion .accardion-header {
				padding: 20px 40px 20px 15px;
			}
			.component-accardion .accardion-header label {
				right: 15px;
			}
			.component-accardion .accardion-content {
				padding: 20px;
			}
		}
	/* Accardion */

	/* Collapse */
		@media (max-width: 991px) {
			.component-collapsed {
				overflow: hidden;
			}
			.component-collapsed .collapsed-header {
				display: block;
				position: relative;
				box-sizing: border-box;
			}
			.component-collapsed .collapsed-header.header-large {
				padding-top: 10px;
				padding-bottom: 10px;
			}
			.component-collapsed .collapsed-header label {
				position: absolute;
				top: 0;
				bottom: 0;
				right: 5px;
				margin: auto;
				z-index: 0;

				width: 32px;
				height: 32px;
				border-radius: var(--border-radius-xl);
				background-color: var(--color-acent);

				-webkit-transform-origin: 50% 50%;
				transform-origin: 50% 50%;

				-webkit-transform: translate(11px, -4px);
				transform: translate(11px, -4px);
			}
			.component-collapsed .collapsed-header:before,
			.component-collapsed .collapsed-header:after {
				content: '';
				position: absolute;
				top: 0;
				bottom: 0;
				right: 5px;
				margin: auto;
				z-index: 1;

				width: 10px;
				height: 2px;
				background-color: var(--color-white);

				-webkit-transition: transform .25s;
				transition: transform .25s;

				-webkit-transform-origin: 50% 50%;
				transform-origin: 50% 50%;
			}
			.component-collapsed.component-light .collapsed-header:before,
			.component-collapsed.component-light .collapsed-header:after {
				background-color: var(--color-primary);
			}
			.component-collapsed .collapsed-header:before {
				-webkit-transform: rotate(-45deg) translate(5px, 0);
				transform: rotate(-45deg) translate(5px, 0);
			}
			.component-collapsed .collapsed-header:after {
				-webkit-transform: rotate(45deg) translate(-5px, 0);
				transform: rotate(45deg) translate(-5px, 0);
			}
			.component-collapsed[data-view="open"] .collapsed-header:before {
				-webkit-transform: rotate(45deg) translate(0px, -5px);
				transform: rotate(45deg) translate(0px, -5px);
			}
			.component-collapsed[data-view="open"] .collapsed-header:after {
				-webkit-transform: rotate(-45deg) translate(0px, -5px);
				transform: rotate(-45deg) translate(0px, -5px);
			}

			.component-collapsed .collapsed-body {
				display: block;
				height: 0;

				-webkit-transition: height .25s;
				transition: height .25s;
			}

			.component-collapsed .collapsed-content {
				opacity: 0;
				
				-webkit-transition: opacity .25s;
				transition: opacity .25s;
			}
			.component-collapsed .collapsed-body[data-view="visible"] .collapsed-content {
				opacity: 1;
			}
		}
	/* Collapse */

	/* Popup */
		.component-popup {
			display: block;
			position: relative;
			z-index: 10000;
		}
		.component-popup .component-popup-text {
			display: none;
			position: absolute;
			bottom: 125%;
			left: unset;
			width: 320px;
			max-width: 320px;
			height: auto;
			box-sizing: border-box;
			padding: 15px;
			background-color: var(--color-white);
			z-index: 0;

			font-size: 12px;
			color: var(--color-main-text);

			right: 50%;
			transform: translateX(50%);
		}
		.component-popup:hover .component-popup-text {
			display: block;
			z-index: 10000;
		}
	/* Popup */

	/* Search */
		.component-search {
			position: relative;
			box-sizing: border-box;
			display: flex;
			align-items: center;
		}
		.component-search i {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			margin: 0;

			width: 18px;
			height: 18px;
			z-index: 10;
		}
	/* Search */

	/* Social */
		.component-social{
			display: flex;
			align-items: center;
		}
		.component-social a{
			display: block;
			background: #E9EDF3;
			border-radius: 50%;
			position: relative;
			width: 40px;
			height: 40px;
			margin-right: 10px;
		}
		.component-social i {
			width: 20px;
			height: 20px;
			z-index: 10;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
		}
		.component-social span {
			margin: 0;
			padding: 0;
			margin-right: 10px;
			display: block;
		}
		.component-social i svg path:first-child, .contact-social-icon i svg path:first-child{
			/*fill: #ff5715;*/
		}
		@media (max-width: 991px) {
			.component-social i {
				width: 36px;
				height: 36px;
				margin: 0 10px;
			}
		}
	/* Social */

	/* Call */
		.component-call {
			position: relative;
		}
		.component-call a {
			font-weight: 500;
			text-decoration: none;
			font-size: 24px;
			color: #111E4C;
			line-height: 1;
		}
		.component-call span {
			display: inline-block;
			position: relative;
			line-height: 100%;
			color: #585858;
		}
		.component-call span::first-letter {
			text-transform: uppercase;
		}
		.component-call.mini span {
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			left: -25px;
		}
		.component-call span::before {
			content: '';
			display: block;
			position: absolute;
			top: 3px;
			bottom: 0;
			right: -16px;
			left: auto;
			margin: auto;
			width: 12px;
			height: 12px;
			border-radius: 12px;
			background-color: var(--color-green);
			/*background-color: #FF5715;*/
			z-index: 1;
		}
		.component-call span::after {
			content: '';
			display: block;
			position: absolute;
			top: 3px;
			bottom: 0;
			right: -16px;
			left: auto;
			margin: auto;
			width: 12px;
			height: 12px;
			border-radius: 12px;
			background-color: var(--color-green);
			box-shadow: 0 0 10px var(--color-green);
			z-index: 2;

			animation: 2s infinite animation-available-pulse;
		}
		[data-view="fixed"] .component-call span::after, [data-view="fixed"] .component-call span::before{
			top: 0px;
		}

		.component-call.not-available span::before {
			background-color: red;
		}
		.component-call.not-available span::after {
			background-color: red;
			box-shadow: 0 0 10px red;
		}
		.component-call.right span::before {
			left: -16px;
			right: auto;
		}
		.component-call.right span::after {
			left: -16px;
			right: auto;
		}

		@keyframes animation-available-pulse{
			0% {
				-webkit-transform: scale(1,1);
				transform: scale(1,1);
			}
			50% {
				-webkit-transform: scale(0,0);
				transform: scale(0,0);
			}
			100% {
				-webkit-transform: scale(1,1);
				transform: scale(1,1);
			}
		  }
	/* Call */

	/* Reviews */
		.reviews-list .t-center{
			text-align: right;
		}
		.reviews-list .t-center .btn-link{
			margin-right: 40px;
		}
		.reviews-list .item-city{
			text-align: unset;
			position: absolute;
			left: 45px;
			font-size: 13px;
			color: var(--color-acent);
		}
	/* Reviews */

	/* Statii */
	/*	.statii-map #form-yamap-search {*/
	/*		display: none;*/
	/*	}*/
	/*	.statii-map hr.md{*/
	/*		display: none;*/
	/*	}*/
	/*	.statii-map .yamap-body{*/
	/*		background: transparent;*/
	/*	}*/
	/* Reviews */

	/* Widget */
		.widget {
			display: block;
			position: relative;
			box-sizing: border-box;
			padding: 15px 30px;
			color: var(--color-white);
		}
		.widget::before {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
			z-index: 0;
			background-color: var(--color-secondary);

			-ms-transform: skew(-8deg) translateX(10px);
			-webkit-transform: skew(-8deg) translateX(10px);
			transform: skew(-8deg) translateX(10px);
			transform-origin: top left;
		}
		.widget .widget-body {
			display: block;
			position: relative;
			z-index: 10;
		}

		.widget .widget-button {
			position: absolute;
			top: 0px;
			right: -10px;
			z-index: 10;
		}
	/* Widget */

	/* Progerss */
		.component-progress label {
			margin-right: 15px;
		}
		.component-progress .progress-bar {
			display: inline-block;
			position: relative;
			width: 160px;
			height: 14px;
			border-radius: var(--border-radius);
			background-color: var(--color-gray-dark);
			overflow: hidden;
		}
		@media (max-width: 991px) {
			.component-progress .progress-bar {
				width: 120px;
			}
			.widget::before {
				z-index: 2;
			}
		}
		.component-progress .progress-bar::after {
			content: '';
			display: block;
			position: relative;
			width: 100%;
			height: 100%;
			background-color: var(--color-acent);
			border-radius: var(--border-radius);
			z-index: 1;

			-webkit-transition: transform .5s;
			transition: transform .5s;
		}
		.component-progress[data-stage="25"] .progress-bar::after {
			-webkit-transform: translateX(-75%);
			transform: translateX(-75%);
		}
		.component-progress[data-stage="50"] .progress-bar::after {
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
		}
		.component-progress[data-stage="75"] .progress-bar::after {
			-webkit-transform: translateX(-25%);
			transform: translateX(-25%);
		}
		.component-progress[data-stage="100"] .progress-bar::after {
			-webkit-transform: translateX(0%);
			transform: translateX(0%);
		}

		.component-progress .progress-bar::before {
			content: '';
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			background-color: var(--color-white);
			opacity: .05;
			z-index: 0;

			-webkit-animation: 2s infinite animation-progress-bar;
			animation: 2s infinite animation-progress-bar;
		}
		@keyframes animation-progress-bar {
			from {
				-webkit-transform: translateX(-100%);
				transform: translateX(-100%);
			}
			to {
				-webkit-transform: translateX(100%);
				transform: translateX(100%);
			}
		}
	/* Progerss */

		/* Calc */
		.calc__inner{
			background-color: #FCFBFB;
			border-radius: 40px;
			box-shadow: 0px 7px 20px 0px #8082891F;
			padding: 40px;
			margin-top: 50px;
		}
		.calc__inner h4{
			margin-bottom: 10px;
			color: #4C4C4C;
			font-size: 18px;
		}
		.calc-title{
			color: #03091C;
			font-weight: 600;
			font-size: 24px;
			line-height: 127%;
			margin-bottom: 50px;
		}
		.component-calc {
			display: block;
			position: relative;
			box-sizing: border-box;
			z-index: 100;

			color: var(--color-white);
		}
		.component-calc.roads{
			background-color: #FCFBFB;
			border-radius: 40px;
			box-shadow: 0px 7px 20px 0px #8082891F;
			padding: 40px;
		}
		.component-calc.component-full.component-dark {
			overflow: hidden;
		}
		.component-calc::before {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
			z-index: 0;

			-ms-transform: skew(-8deg) translateX(12px);
			-webkit-transform: skew(-8deg) translateX(12px);
			transform: skew(-8deg) translateX(12px);
			transform-origin: top left;
		}
		.component-calc.component-light::before {
			background-color: var(--color-white);
		}
		.component-calc.component-full::before {
			display: none;
		}
		.component-calc .component-body {
			display: block;
			position: relative;
			z-index: 10;
		}
		.lp-calc-wrap{
			margin-bottom: 25px;
			margin-left: 0 !important;
			margin-right: 0 !important;
			flex-flow: nowrap;
		}
		.lp-calc-time .placeholder{
			font-size: 12px;
		}
		.city-revers g{
			opacity: 1
		}
		.city-revers path{
			fill: #111E4C;
		}
		.lp-calc h4{
			font-weight: 400;
			font-size: 16px;
			margin-bottom: 10px;
			color: #4C4C4C;
		}
		.lp-calc-param{
			justify-content: space-between;
		}
		.lp-calc-param .col-lg-4:not(:last-child){
			/*margin-right: 20px;*/
		}
		.lp-calc-param .col-lg-4{
			max-width: 200px;
		}

		.lp-calc-result{
			background: #f0f2f5 url("/images/bg-lp-calc-res.png") no-repeat center center;
			background-size: contain;
		}
		.lp-calc-result__head{
			display: flex;
			padding-bottom: 20px;
			margin-bottom: 20px;
			border-bottom: 1px solid #C3C3C3;
		}
		.lp-calc__serv{
			margin-bottom: 25px;
		}
		.lp-calc__serv span{
			font-size: 16px;
		}
		.lp-calc-result__subtitle{
			font-weight: 400;
			font-size: 14px;
			color: #2D2D2D;
		}
		.lp-calc-result__price .h3, .period .h3{
			color: var(--color-acent);
			font-size: 25px;
			font-weight: 400;
		}
		.lp-calc-result__history .bold{
			font-weight: 600;
		}

		.lp-calc-result__warning{
			color: #fff;
			background: #111E4C;
			padding: 20px;
			border-radius: 20px;
			margin-top: 40px;
		}
		.lp-calc-result__warning div{
			font-weight: 600;
			margin-bottom: 24px;
		}

		.component-calc .component-progress {
			margin-left: 35px;
		}

		.component-calc .component-step {
			display: none;
			padding: 0;
		}
		.component-calc .component-step[data-view="active"] {
			display: block;
		}
		.component-calc .component-step[data-error] {
			-webkit-animation: form-incorrect-move 1s linear forwards;
			animation: form-incorrect-move 1s linear forwards;
		}

		@-webkit-keyframes form-incorrect-move {
			0%   { -webkit-transform: translateX(5px); }
			20%   { -webkit-transform: translateX(-5px); }
			40%   { -webkit-transform: translateX(5px); }
			60%   { -webkit-transform: translateX(-5px); }
			80%   { -webkit-transform: translateX(5px); }
			100%   { -webkit-transform: translateX(0px); }
		}
		@keyframes form-incorrect-move {
			0%   { transform: translateX(5px); }
			20%   { transform: translateX(-5px); }
			40%   { transform: translateX(5px); }
			60%   { transform: translateX(-5px); }
			80%   { transform: translateX(5px); }
			100%   { transform: translateX(0px); }
		}

		.component-calc .body-image {
			display: none;
			position: absolute;
			top: -126px;
			right: -60px;
			z-index: 10;
			width: 320px;
			height: 142px;
			opacity: 0;

			-webkit-transition: transform .5s, opacity .5s;
			transition: transform .5s, opacity .5s;

			-webkit-transform: translateY(-20px);
			transform: translateY(-20px);
		}
		.section-calc[data-view="active"] .body-image {
			opacity: 1;

			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}
		.section-calc .body-image[data-view="active"] {
			display: block;
		}
		@media (max-width: 991px) {
			.section-calc[data-view="active"] .body-image,
			.section-calc .body-image[data-view="active"] {
				display: none;
			}

			.component-call a {
				font-size: 17px;
			}
		}

		.component-calc .component-button-next {
			position: absolute;
			top: -8px;
			right: -10px;
			z-index: 10;
		}
		.component-calc .component-button-prev {
			position: absolute;
			top: -8px;
			left: -10px;
			z-index: 10;
		}
		.component-calc .component-button-prev i {
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;

			-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
		}
		@media (max-width: 991px) {
			.component-calc.component-lg {
				padding: 20px 30px;
			}
			.component-calc::before {
				-ms-transform: skew(0deg) translateX(0px);
				-webkit-transform: skew(0deg) translateX(0px);
				transform: skew(0deg) translateX(0px);
				transform-origin: top left;
			}
			.component-calc .component-button-next {
				right: -10px;
			}
		}

		.component-calc .input-calculate button {
			position: absolute;
			top: 0;
			bottom: 0;
			right: 5px;
			margin: auto;
			width: 40px;
			height: 40px;
			padding: 0;
			background-color: transparent;
			border: none;
			cursor: pointer;
			z-index: 10;
		}
		.component-calc .input-calculate button i {
			width: 100%;
			height: 100%;
		}
		.component-calc .input-calculate button i svg * {
			fill: #111E4C;
		}
		.component-calc .input-calculate .popup {
			position: absolute;
			top: 50px;
			left: 0;
			width: auto;
			height: auto;
			box-sizing: border-box;
			padding: 20px;
			background-color: var(--color-white);
			z-index: 100;
			white-space: nowrap;
			color: var(--color-main-text);
			opacity: 0;

			-webkit-transition: transform .45s, opacity .45s;
			transition: transform .45s, opacity .45s;

			-webkit-transform: rotateX(90deg);
			transform: rotateX(90deg);
		}
		.component-calc .input-calculate[data-state="open"] .popup {
			opacity: 1;

			-webkit-transform: rotateX(0deg);
			transform: rotateX(0deg);
		}
		.component-calc .input-calculate .popup input {
			padding: 10px 5px;
			border-bottom: 1px solid var(--color-main-text);

			font-size: 10px;
			text-align: left;
		}
		.component-calc .input-calculate .popup input::-webkit-input-placeholder {
			font-size: 10px;
			color: var(--color-main-text);
		}
		.component-calc .input-calculate .popup input::-moz-placeholder {
			font-size: 10px;
			color: var(--color-main-text);
		}
		.component-calc .input-calculate .popup input:-ms-input-placeholder {
			font-size: 10px;
			color: var(--color-main-text);
		}
		.component-calc .input-calculate .popup input:-moz-placeholder {
			font-size: 10px;
			color: var(--color-main-text);
		}

		.component-calc .popup-overlay {
			display: none;
			position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			z-index: 99;
			background-color: rgba(0, 0, 0, 0.05);
		}
		.component-calc [data-state="open"] .popup-overlay {
			display: block;
		}

		.component-calc > .component-body .input-radio {
			display: flex;
			max-width: 400px;
			height: 32px;
			margin-right: 10px;
			margin-bottom: 14px;
		}
		.component-calc > .component-body .input-radio.input-inline {
			display: inline-flex;
			max-width: 220px;
		}
		.component-calc > .component-body .input-radio[data-view="hidden"] {
			display: none;
		}
		.component-calc > .component-body .input-radio .input-info {
			display: inline-block;
			width: 16px;
			height: 16px;
			border-radius: 16px;
			border: 1px solid white;
			box-sizing: border-box;
			margin-left: 5px;
			cursor: pointer;

			text-align: center;
		}

		.component-calc-form {
			display: none;
		}

		.component-calc .period svg path{
			fill: #ff5715;
		}
		.component-calc-form .period svg path{
			fill: #ff5715;
		}

		.calc-wrap{
			display: flex;
			align-items: center;
			justify-content: space-around;
		}
		.calc-wrap__item{
			width: 100%
		}
		.calc-wrap__item.city-revers{
			width: 24px;
			margin: 0 15px;
		}
		.calc-avtor .input>span{
			color: black;
			top: 20px;
			left: 20px;
			height: auto;
			font-size: 16px;
			line-height: 1;
		}
		.calc-avtor .input-calculate .input>span{
			line-height: 0.5;
		}
		.lp-calc-param{
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: 20px;
		}
		.input-calculate.popup-container{
			position: relative;
		}
		.calc-avtor .component-calc > .component-body .input-radio {
			display: flex;
			max-width: 550px;
			height: 32px;
			margin-right: 10px;
			margin-bottom: 14px;
		}


		.calc-avtor.component-calc > .component-body .input-radio{
			max-width: 550px;
			flex-wrap: nowrap;
		}
		.calc-avtor .lp-calc-dop.input-radio i{
			-ms-flex: 0 0 24px;
			flex: 0 0 24px;
			max-width: 24px;
			width: 24px;
			height: 24px;
			margin: 0 10px 0 0;
			border: 2px solid #F0F2F5;
			border-radius: 10px;
			/* background-color: white; */
			background: #F0F2F5;
		}
		.calc-avtor .lp-calc-dop.input>span {
			display: block;
			position: relative;
			top: auto;
			bottom: auto;
			left: auto;
		}
		.lp-calc-result__history.t-sm, .t-sm *{
			font-size: 18px;
		}
		/* Стандартная иконка */
		.input input[type="date"]::-webkit-calendar-picker-indicator {
			opacity: 0;
			width: 24px;
			height: 24px;
			cursor: pointer;
		}
		.input[data-type="date"]::after {
			content: "";
			position: absolute;
			right: 20px;
			top: 50%;
			transform: translateY(-50%);
			width: 20px;
			height: 20px;
			background: url("/images/calendar.svg") center/contain no-repeat;
			pointer-events: none;
		}


/* Widget */
		.widget-calc {
			display: block;
			position: relative;
			box-sizing: border-box;
			padding: 22px 0 22px 33px;
			z-index: 100;

			color: var(--color-white);
		}
		.widget-calc::before {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
			background-color: var(--color-primary);
			z-index: 0;

			-ms-transform: skew(-8deg) translateX(12px);
			-webkit-transform: skew(-8deg) translateX(12px);
			transform: skew(-8deg) translateX(12px);
			transform-origin: top left;
		}
		.widget-calc .widget-body {
			display: block;
			position: relative;
			z-index: 10;
		}
		.widget-calc .input input {
			font-size: 14px;
		}
		.calc-link{
			display: flex;
			align-items: center;
			width: fit-content;
		}
		.calc-link span{
			display:block;
			margin-right: 20px;
		}
		.widget-calc__title{
			display: flex;
			align-items: center;
		}
		.widget-calc__title i svg * {
			fill: var(--color-white);
		}
		.widget-calc__title svg{
			transform: scale(1.7);
		}
		.widget-calc__title h3{
			font-size: 19px;
			font-weight: 800;
		}

		.widget-calc .component-step {
			display: none;
		}
		.widget-calc .component-step[data-view="active"] {
			display: block;
		}
		.widget-calc .component-step[data-error] {
			-webkit-animation: form-incorrect-move 1s linear forwards;
			animation: form-incorrect-move 1s linear forwards;
		}

		.widget-calc .widget-button-next {
			position: absolute;
			top: -8px;
			right: -18px;
			z-index: 10;
		}
		@media (max-width: 991px) {
			.widget-calc::before {
				-ms-transform: skew(-8deg) translateX(20px);
				-webkit-transform: skew(-8deg) translateX(20px);
				transform: skew(-8deg) translateX(20px);
				transform-origin: top left;
			}
			.widget-calc .widget-button-next {
				right: -26px;
			}
		}
		/* Widget */

		/* Form */
		.component-calc .body-form {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			width: 50%;
			height: 100%;
			z-index: 10;

			box-sizing: border-box;
			padding: 0px;
			background-color: var(--color-tertiary);

			-webkit-transition: transform .5s;
			transition: transform .5s;

			-webkit-transform: translateX(-100%);
			transform: translateX(-100%);
		}
		.component-calc .body-form[data-view="active"] {
			-webkit-transform: translateX(0%);
			transform: translateX(0%);
		}

		.component-calc .body-form .form-close {
			display: block;
			position: absolute;
			top: 18px;
			right: 18px;
			width: 52px;
			height: 52px;
			background-color: transparent;
			border: none;
			z-index: 10;
			cursor: pointer;
			opacity: 1;

			-webkit-transition: opacity .5s;
			transition: opacity .5s;
		}
		.component-calc .body-form .form-close:hover {
			opacity: .5;
		}
		@media (max-width: 991px) {
			.component-calc .body-form .form-close {
				top: 6px;
				right: 6px;
				width: 48px;
				height: 48px;
			}
		}
		.component-calc .body-form .form-close::before,
		.component-calc .body-form .form-close::after {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			width: 32px;
			height: 2px;
			background-color: var(--color-white);

			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
		}
		.component-calc .body-form .form-close::before {
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		.component-calc .body-form .form-close::after {
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		/* Form */

		/* Result */
		.component-calc .body-result {
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			width: 440px;
			height: 100%;
			z-index: 10;

			box-sizing: border-box;
			padding: 30px 30px;
			background-color: #F0F2F5;
			border-radius: 30px;
			color: black;
		}
		.component-calc .body-result .overlay {
			display: none;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			flex-direction: column;
			-ms-flex-pack: center;
			justify-content: center;
			-ms-flex-align: center;
			align-items: center;

			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;

			text-align: center;
			color: #fff;
			padding: 30px;

			background-color: rgba(0, 0, 0, 0.25);
			backdrop-filter: blur(10px);
			-webkit-backdrop-filter: saturate(120%) blur(10px);
			backdrop-filter: saturate(120%) blur(10px);
			z-index: 10;
			border-radius: 30px;
		}
		.component-calc .body-result[data-view="blur"] .overlay {
			display: -ms-flexbox;
			display: flex;
		}
		/* Result */
	/* Calc */

	/* Form */
		.component-form {
			display: block;
			position: relative;
		}

		.component-form .component-body {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			flex-direction: row;

			-ms-flex-pack: center;
    		justify-content: center;

			-ms-flex-align: center;
    		align-items: center;

			background-color: var(--color-secondary);
			color: var(--color-white);
			text-align: center;
		}
		.component-form .body-part {
			display: block;
			position: relative;
			width: 100%;
			box-sizing: border-box;

			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
			z-index: 10;
		}
		.component-form .body-part.part-left {
			box-sizing: border-box;
			padding: 40px 65px;
		}
		.component-form .body-part.part-full {
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
			z-index: 10;

			padding: 30px 60px;
		}
		.component-form .component-title {
			margin-bottom: 20px;
		}
		.component-form .component-description {
			margin-bottom: 30px;
		}
		.component-form .component-employee {
			display: block;
			width: 80px;
			height: 80px;
			border-radius: var(--border-radius-xl);
			margin: auto;
			overflow: hidden;
		}
		.component-form .body-privacy {
			display: block;
			margin: 20px 0;
		}
		.component-form .body-note {
			display: block;
			margin-top: 20px;
		}
		.body-privacy .input-radio span{
			color: white;
		}
		#form-contract .btn.btn-default{
			color: white;
			background: #ff0e00;
			line-height: 100%;
		}

		.component-form .input {
			margin-bottom: 20px;
		}
		
		.component-form .body-background {
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			width: 50%;
			height: 100%;
			min-height: 300px;
			z-index: 0;

			box-sizing: border-box;
			padding: 30px 30px;
		}
		.component-form .body-background.background-dark::before {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background-color: var(--color-primary);
			opacity: 0.65;
			z-index: -1;

		}
		.component-form .body-background .component-panel {
			position: absolute;
			bottom: 210px;
			left: 0;
			right: 0;
			margin: auto;
			width: 380px;
		}

		.input[data-view="active"] .placeholder, .input[data-view="active"]:focus .placeholder{
			display: none;
		}

		@media (max-width: 991px) {
			.component-form .body-part {
				-ms-flex: 0 0 100%;
				flex: 0 0 100%;
				max-width: 100%;
				z-index: 10;
			}
			.component-form .body-part.part-left {
				padding: 30px 20px;
				order: 1;
			}
			.component-form .body-background {
				display: block;
				position: relative;
				top: 0;
				bottom: 0;
				right: 0;
				width: 100%;
				height: 100%;
				z-index: 0;
			}
			.component-form .body-background .component-panel {
				position: relative;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				width: 100%;
			}
		}
	/* Form */

	/* Icon */
		.component-icon {
			display: block;
			position: relative;
		}
		.component-icon .component-svg {
			display: block;
			position: relative;
			width: 100px;
			height: 100px;
		}
		.component-icon.icon-sm .component-svg {
			width: 40px;
			height: 40px;
		}
		.component-icon.icon-xs .component-svg {
			width: 40px;
			height: 40px;
		}
		.component-icon.icon-center .component-svg {
			display: block;
			margin: auto;
		}
		.component-icon.icon-vertical .component-svg {
			position: absolute;
			top: 0;
			left: 0;
		}
		.component-icon.icon-vertical.icon-center .component-svg {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			margin: auto;
		}
		.component-icon .component-svg svg {
			display: block;
			width: 100%;
			height: 100%;
		}
		.component-icon .component-body {
			display: block;
			position: relative;
			box-sizing: border-box;
			margin: 10px 0px;
		}
		.component-icon.icon-vertical .component-body {
			padding-left: 125px;
		}
		.component-icon.icon-sm.icon-vertical .component-body {
			padding-left: 60px;
		}

		@media (max-width: 991px) {
			.component-icon.icon-vertical .component-svg {
				position: relative;
				top: 0;
				left: 0;
				width: 60px;
				height: 60px;
				margin-bottom: 15px;
			}
			.component-icon.icon-vertical .component-body {
				padding-left: 0px;
			}

			.component-icon.icon-sm.icon-vertical .component-svg {
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				margin: auto;
				width: 56px;
				height: 56px;
			}
			.component-icon.icon-sm.icon-vertical .component-body {
				padding-left: 80px;
			}
		}
	/* Icon */

	/* Video */
		.component-video-link {
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			padding: 0 0 0 62px;
			text-decoration: none;
		}

		.component-video-link span {
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			width: 50px;
			height: 32px;
		}
		.component-video-link span::before {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
			z-index: 0;
			background-color: var(--color-acent);

			-ms-transform: skew(-8deg);
			-webkit-transform: skew(-8deg);
			transform: skew(-8deg);
			transform-origin: top left;

			-webkit-transition: background-color .25s;
			transition: background-color .25s;
		}
		.component-video-link:hover span::before {
			background-color: var(--color-acent-hover);
		}
		.component-video-link:active span::before {
			background-color: var(--color-acent-pressed);
		}
		.component-video-link span::after {
			content: '';
			position: absolute;
			top: 6px;
			left: 16px;
			margin: auto;
			width: auto;
			height: auto;
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
			border-left: 15px solid var(--color-white);
			z-index: 1;
		}
	/* Video */

	/* Yandex Map */
		.component-yamap {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			flex-direction: column;

			-ms-flex-pack: center;
    		justify-content: center;

			-ms-flex-align: center;
    		align-items: center;

			position: relative;
			width: 100%;
			min-height: 740px;
			background-color: var(--color-tertiary-light);
		}
		.yamap-container {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 0;
		}
		.yamap-container [class$="ground-pane"] > ymaps {
			/* -webkit-filter: sepia(50%) hue-rotate(175deg) saturate(100%);
					filter: sepia(50%) hue-rotate(175deg) saturate(100%); */
			/* -webkit-filter: sepia(50%) hue-rotate(175deg) saturate(100%);
				filter: sepia(0%) hue-rotate(0deg) saturate(0%); */

			-webkit-filter: grayscale(85%) invert(0%);
				filter: grayscale(85%) invert(0%);
		}
		.yamap-body {
			display: block;
			position: relative;
			width: 574px;
			height: 595px;
			background-color: var(--color-white);
			box-sizing: border-box;
			padding: 30px;
			z-index: 10;
			border-radius: 20px;
		}
		.yamap-body.body-auto {
			height: auto;
		}
		.yamap-body .input-search {
			position: relative;
		}
		.yamap-body .input-search i {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 15px;
			margin: auto;
			z-index: 10;
			width: 16px;
			height: 16px;
		}
		.yamap-body .input-search svg path, .yamap-body .input-search svg rect {
			fill: #FF5715;
		}
		.yamap-body .yamap-body-list {
			display: block;
			position: relative;
			width: 100%;
			height: auto;
			max-height: 450px;
			overflow: auto;
		}
		.yamap-body ::-webkit-scrollbar {
			width: 8px;
		}
		.yamap-body ::-webkit-scrollbar-track {
			box-shadow: none; 
			border-radius: 8px;
			background-color: var(--color-gray-light);
		}
		.yamap-body ::-webkit-scrollbar-thumb {
			background: var(--color-primary); 
			border-radius: 8px;
		}
		.yamap-body ::-webkit-scrollbar-thumb:hover {
			background: var(--color-primary); 
		}

		.yamap-body-list .list-item {
			display: block;
			box-sizing: border-box;
			padding: 20px 20px 20px 40px;
			margin-bottom: 8px;
			background: #F0F2F5;
			border-radius: 20px;
		}
		.yamap-body-list hr{
			height: 10px;
		}
		.yamap-body-list .list-item .content-more {
			display: none;
		}
		.yamap-body-list .list-item[data-state="open"] .content-more {
			display: block;
		}
		.yamap-body-list .list-item .content-less {
			display: block;
		}
		.yamap-body-list .list-item[data-state="open"] .content-less {
			display: none;
		}
		.yamap-body-list .list-item .list-title {
			position: relative;
			font-weight: 600;
			font-size: 20px;
			color: #121F49;
		}
		.yamap-body-list .list-item .list-title i {
			position: absolute;
			top: 0;
			bottom: 0;
			left: -20px;
			margin: auto;
		}
		.yamap-body-list .list-item span {
			display: block;
			color: #03091CB2;
			font-weight: 400 !important;
		}
		.yamap-marker {
			display: block;
			width: 80px;
			height: 80px;

			/*-webkit-transform: translate(-40px, -80px);*/
			/*transform: translate(-40px, -80px);*/
			-webkit-transform: translate(-40px, -120%);
			transform: translate(-40px, -120%);
		}
		@media (max-width: 991px) {
			.component-yamap {
				width: 100%;
				min-height: auto;
			}
			.component-yamap .container {
				padding: 0;
			}
			.component-yamap .yamap-container {
				position: relative;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				width: 100%;
				height: 400px;
				z-index: 0;
			}
			.component-yamap .yamap-body {
				width: auto;
				height: 650px;
				padding: 30px;
			}
			.direc-map .component-yamap .yamap-body{
				height: auto;
			}
			.yamap-body .yamap-body-list {
				display: block;
				position: relative;
				width: 100%;
				height: auto;
				max-height: 450px;
				overflow: auto;
			}
			.yamap-body .yamap-body-list .list-item {
				display: block;
				box-sizing: border-box;
				padding: 20px 20px 20px 40px;
				margin-bottom: 8px;
				background-color: var(--color-gray-light);
				border-radius: var(--border-radius);
			}
		}

		.yamap-warning{
			display: none;
			position: absolute;
			top: 100px;
			right: 0;
			width: 500px;
			z-index: 10;
			background: rgba(255, 255, 255, 0.95);
		}
		.yamap-warning.show{
			display: block;
		}
		.yamap-warning__title{
			text-align: center;
			padding: 100px 70px;
		}
	/* Yandex Map */

	/* Location */
		.component-location i {
			width: 12px;
			height: 14px;
		}
		.component-location-city {
			white-space: nowrap;
		}
		.component-location-label {
			margin-right: 10px;
		}
		.component-location button {
			border: none;
			background-color: transparent;
			padding: 0;
			margin: 0;
			color: var(--color-gray-text);
			cursor: pointer;
		}
		.component-location .location-list {
			display: block;
			position: relative;
			width: 100%;
			height: auto;
			box-sizing: border-box;
			columns: 4 auto;
		}
		@media (max-width: 991px) {
			.component-location .location-list {
				columns: 2 auto;
			}
		}
		.component-location .location-list button {
			display: block;
			position: relative;
			box-sizing: border-box;
			padding: 5px 0px;
			text-align: left;

			color: var(--color-main-text);

			-webkit-transition: color .25s;
			transition: color .25s;
		}
		.component-location .location-list button:hover {
			color: var(--color-acent);
		}
		.component-location .location-list button span {
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			right: -40px;
			height: 14px;
			box-sizing: border-box;
			padding: 3px 5px;
			margin: auto;
			border-radius: var(--border-radius);

			font-size: 8px;
			line-height: 8px;
		}
		.component-location .location-list button span.green {
			background-color: var(--color-green);
			color: var(--color-main-text);
		}
	/* Location */

	/* Steps */
		.component-steps {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			flex-direction: row;

			-ms-flex-align: start;
			align-items: flex-start;

			-ms-flex-pack: start;
			justify-content: flex-start;

			position: relative;
		}
		[data-count="5"] .component-step {
			display: block;
			position: relative;
			-ms-flex: 0 0 20%;
			flex: 0 0 20%;
			max-width: 20%;
			width: 20%;
			height: auto;
			box-sizing: border-box;
			padding-right: 20px;
		}
		@media (max-width: 991px) {
			.component-step,
			[data-count="5"] .component-step {
				display: block;
				position: relative;
				-ms-flex: 0 0 100%;
				flex: 0 0 100%;
				max-width: 100%;
				width: 100%;
				padding-right: 20px;
				padding-left: 20px;
			}
		}
	/* Steps */

	/* Pagination */
		.component-pagination {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			flex-direction: column;
			width: 100%;
			flex-direction: row;
			-ms-flex-pack: center;
			justify-content: center;
			-ms-flex-align: center;
			align-items: center;

			width: 100%;
			margin-top: 30px;
			text-align: center;
		}

		.component-pagination a,
		.component-pagination b {
			display: block;
			width: 24px;
			height: 24px;
			margin: 0 5px;

			font-size: 16px;
			line-height: 24px;
			font-weight: bold;
			text-decoration: none;
		}
		.component-pagination b {
			color: var(--color-acent);
		}

		.component-pagination .nav-start,
		.component-pagination .nav-prev,
		.component-pagination .nav-next,
		.component-pagination .nav-end {
			display: block;
			position: relative;
			width: 24px;
			height: 24px;
			margin: 0 5px;

			color: transparent;
			overflow: hidden;

			-webkit-transition: transform .5s;
			transition: transform .5s;

			-webkit-transform: translateX(0px);
			transform: translateX(0px);
		}
		.component-pagination span.nav-start,
		.component-pagination span.nav-prev,
		.component-pagination span.nav-next,
		.component-pagination span.nav-end {
			opacity: .25;
		}
		.component-pagination .nav-start:hover,
		.component-pagination .nav-prev:hover {
			-webkit-transform: translateX(-3px);
			transform: translateX(-3px);
		}
		.component-pagination .nav-next:hover,
		.component-pagination .nav-end:hover {
			-webkit-transform: translateX(3px);
			transform: translateX(3px);
		}
		
		.component-pagination .nav-start::before,
		.component-pagination .nav-prev::before,
		.component-pagination .nav-next::before,
		.component-pagination .nav-end::before {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			width: 24px;
			height: 24px;
			margin: auto;
			z-index: 1;

			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
		}
		.component-pagination .nav-start::before {
			background: url(/images/icon-arrow-simple-double.svg) no-repeat center center scroll; 
			-webkit-background-size: contain;
			-moz-background-size: contain;
			-o-background-size: contain;
			background-size: contain;

			-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
		}
		.component-pagination .nav-prev::before {
			background: url(/images/icon-arrow-simple.svg) no-repeat center center scroll; 
			-webkit-background-size: contain;
			-moz-background-size: contain;
			-o-background-size: contain;
			background-size: contain;

			-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
		}
		.component-pagination .nav-next::before {
			background: url(/images/icon-arrow-simple.svg) no-repeat center center scroll; 
			-webkit-background-size: contain;
			-moz-background-size: contain;
			-o-background-size: contain;
			background-size: contain;
		}
		.component-pagination .nav-end::before {
			background: url(/images/icon-arrow-simple-double.svg) no-repeat center center scroll; 
			-webkit-background-size: contain;
			-moz-background-size: contain;
			-o-background-size: contain;
			background-size: contain;
		}
	/* Pagination */
/* Components */

/* Header */
.scrolline {
	overflow: hidden;
	background: #121F49;
	display: flex;
	position: relative;
}
.scrolline-track {
	display: flex;
	width: max-content;
	animation: scroll-left 50s linear infinite;
	width: 100%;
}
.scrolline-item {
	white-space: nowrap;
	padding: 5px 50px;
	border-right: 1px solid #FFFFFF33;
	font-size: 12px;
	color: white;

	width: 100%;
	text-align: center;
}
.scrolline-item img{
	margin-right: 5px;
	width: 10px;
	/*height: 10px;*/
	display: inline-block;
}
/* Ключевой момент: анимация */
@keyframes scroll-left {
	0% {
		transform: translateX(0);
	}
	100% {
		/* Смещаем на -50%, так как лента состоит из двух одинаковых частей */
		transform: translateX(-50%);
	}
}
header{
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	background: white;
}
.header-logo{
	margin-right: 40px;
	height: 58px;
}
.header-top .logo{
	display: block;
	overflow: hidden;
	background: url(/images/logo.jpeg) no-repeat center;
	background-size: contain;
	margin-right: 20px;
	height: 58px;
	width: 164px;
}
.header-top {
	display: block;
	position: relative;
	background-color: var(--color-white);
	box-sizing: border-box;
	padding: 14px 0px;
	z-index: 500;
}
.header-top .container{
	border-bottom: 1px solid #C3C3C3;
}
.header-top__inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}
.header-top__wrap{
	display: flex;
	align-items: center;
}
.header-top__item{
	margin-right: 40px;
}
.header-top__item.header-search{
	margin-right: 0;
}
.header-top__item.component-call{
	margin-right: 0;
}
.header-top__item .component-call{
	text-align: right;
}
.header-burger{
	margin-right: 0;
	display: none;
}

.header-mode{
	border-radius: 40px;
	background: #E9EDF3;
	padding: 5px;
	display: flex;
	justify-content: space-between;
}
.header-mode__item{
	display: block;
	font-weight: 400;
	font-size: 12px;
	padding: 0 11px;
	color: #353535;
	cursor: pointer;
	text-decoration: none;
	line-height: 1;

	height: 29px;
	line-height: 29px;
}
.header-mode__item._active{
	background: #121F49;
	border-radius: 30px;
	color: white;
}

.header-bottom,
.header-bottom .container {
	position: relative;
	width: 100%;
	z-index: 500;
}
[data-view="fixed"] .header-bottom {
	position: fixed;
	top: 0px;
	background: white;
	height: 60px;
}
[data-view="fixed"] .header-bottom .header-review{
	display: none;
}
[data-view="fixed"] .header-bottom .search-form{
	display: none;
}
.header-review{
	display: flex;
	align-items: center;
}
.header-review__item{
	padding: 9px;
	border: 0.83px solid #CCD0D6;
	margin-right: 10px;
	border-radius: 8px;

	display: flex;
	align-items: center;
}
.header-review__item:last-child{
	margin-right: 0;
}
.header-review__icon{
	width: 18px;
	height: 17px;
	margin-right: 6px;
}
.header-review__icon._2gis{
	background: url("/images/icon-lp-2gis.png") no-repeat;
	background-size: contain;
}
.header-review__icon._ya{
	background: url("/images/icon-lp-ya.png") no-repeat;
	background-size: contain;
}
.header-review__value{
	font-size: 14px;
	color: #4C4C4C;
}

.header-bottom .logo {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: 10;

	width: 165px;
	height: 58px;
	overflow: hidden;

	-webkit-transition: transform .25s;
	transition: transform .25s;

	-webkit-transform: scale(1,1) translateX(-10px);
	transform: scale(1,1) translateX(-10px);
}
.header-top .logo i {
	width: 165px;
	height: 58px;
}
[data-view="fixed"] .header-bottom .logo {
	width: 54px;

	-webkit-transform: scale(0.75,0.75) translateX(-15px);;
	transform: scale(0.75,0.75) translateX(-15px);;
}
[data-view="fixed"] .header-bottom .logo i{
	transform: translateX(calc(-100% + 54px));
	width: 216px;
	height: 75px;
}

.header-location svg path {
	fill: #9BA9BE;
}
.header-location span, .header-mail a{
	color: #4C4C4C;
	font-size: 16px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	line-height: 1;
	cursor: pointer;
}
.header-location i, .header-mail i{
	margin-right: 10px;
}
.component-search svg path, .component-search svg rect{
	fill: #FF5715;
}

.call-mobile{
	display: none;
}
.menu-toggle {
	display: none;
}

.menu-top {
	display: block;
	position: relative;
	box-sizing: border-box;

	-webkit-transition: transform .25s;
	transition: transform .25s;

	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
.menu-top .menu-link,
.menu-top .menu-list {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	margin: 8px 25px 16px 0;

	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	color: #4C4C4C;

	/*-webkit-transition: color .25s;*/

	/*transition: color .25s;*/
}
[data-view="fixed"] .menu-top .menu-link{
	margin: unset;
	font-size: 14px;
	height: 100%;
	margin-right: 20px;
}
[data-view="fixed"] .menu-top .menu-link > span{
	height: 100%;
	line-height: 58px;
	display: block;
}
.menu-top .menu-link.link-parent {
	/*pointer-events: none !important;*/
}
.menu-top .menu-list {
	margin: 0px;
}
.menu-top .menu-list button {
	display: none;
}
/*[data-view="fixed"] .menu-top .menu-link {*/
/*	margin: 20px 10px;*/
/*}*/
.menu-top .menu-link:hover {
	color: var(--color-acent);
}
.menu-top .menu-list .sub-menu {
	display: none;
	position: absolute;
	top: 44px;
	left: 0;
	width: auto;
	height: auto;
	z-index: 10;
}
[data-view="fixed"] .menu-top .menu-list .sub-menu {
	top: 60px;
}
@media (max-width: 991px) {
	[data-view="fixed"] .menu-top .menu-list .sub-menu,
	.menu-top .menu-list .sub-menu {
		display: none;
		position: relative;
		top: 0;
	}
	.menu-top .menu-list[data-view="open"] .sub-menu {
		display: block;
	}
}
@media (min-width: 992px) {
	.menu-top .menu-list:hover .sub-menu {
		display: block;
	}
}
.menu-top .menu-list .sub-menu-link {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	box-sizing: border-box;
	padding: 8px 20px;
	border-bottom: 1px solid var(--color-gray);
	background-color: var(--color-white);

	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;

	-webkit-transition: background-color .25s;
	transition: background-color .25s;
}
@media (max-width: 991px) {
	.menu-top .menu-list .sub-menu-link {
		padding: 8px 20px;
	}
}
.menu-top .menu-list .sub-menu-link:hover {
	background-color: var(--color-acent);
}
.menu-top .account {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: auto;
	height: 16px;
	box-sizing: border-box;
	margin: 10px 0px;

	font-size: inherit;
	font-weight: 500;
	line-height: 24px;
	text-decoration: none;
	color: var(--color-main-text);

	-webkit-transition: color .25s transform .25s;
	transition: color .25s transform .25s;

	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
.menu-top .account i{
	margin-right: 10px;
	line-height: 0;
}
[data-view="fixed"] .menu-top .account {
	display: none;
	/* margin: 20px 0px;

    -webkit-transform: translateX(140px);
    transform: translateX(140px); */
}
.menu-top .account:hover {
	color: var(--color-acent);
}

.menu-top .call {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: auto;
	height: 16px;
	box-sizing: border-box;
	margin: 30px 0px;

	font-size: inherit;
	font-weight: 500;
	line-height: 24px;
	text-decoration: none;
	color: var(--color-main-text);

	-webkit-transition: color .25s transform .25s;
	transition: color .25s transform .25s;

	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}
[data-view="fixed"] .menu-top .call {
	display: block;
	margin: unset;
	line-height: 60px;
	height: 60px;
}
[data-view="fixed"] .header-fixed{display: block !important;}
[data-view="fixed"] .header-fixed.header-mode{
	display: flex !important;
	width: auto;
	position: absolute;
	left: 60px;
	top: 10px;
}
.header-fixed.header-mode .header-mode__item {
	padding: 0px 7px;
}

.search-form {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 110px;
	width: auto;
	max-height: 38px;
	box-sizing: border-box;
	margin: 0;
	background: #E9EDF3;
	padding: 10px;
	border-radius: 9px;
	font-size: inherit;
	font-weight: 500;
	line-height: 100%;
	text-decoration: none;
	width: 160px;
	height: 100%;
}
.search-form  .input.input-transparent input{
	padding: 0;
}
.search-form__btn{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	width: 18px;
	height: 18px;
	z-index: 10;
	border: 0;
	cursor: pointer;
	z-index: 123;
	background: transparent;
}
/* Header */

/* Footer */
	footer {
		box-sizing: border-box;
		padding: 42px 0px;
		background: #111E4C;
		color: var(--color-white);
		border-top-left-radius: 40px;
		border-top-right-radius: 40px;
	}

	footer .logo,
	footer .logo i {
		width: 270px;
		height: 90px;
	}

	.menu-bottom {
		display: block;
		position: relative;
		box-sizing: border-box;
		padding: 0;
	}
	.menu-bottom .menu-link {
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		margin: 10px 40px 10px 0px;

		font-size: 12px;
		font-weight: 500;
		text-decoration: none;
		color: var(--color-white);

		-webkit-transition: color .25s;
		transition: color .25s;
	}
	.menu-bottom.menu-vertical .menu-link {
		display: block;
		margin: 5px 0px;
		font-weight: normal;
	}
	.menu-bottom .menu-link:hover {
		color: var(--color-acent);
	}
/* Footer */

/* Hero */
	.hero {
		position: relative;
		box-sizing: border-box;
		padding: 60px 0 80px;
		overflow: hidden;

		background-color: var(--color-white);
		color: var(--color-white);
	}
	.hero .hero-background {
		position: absolute;
		top: 0px;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
	}

	.hero-background.d-none.d-lg-block{
		background: url('/images/main1222(101).png') no-repeat left center scroll;
		/*background: url('/images/main1222(14).png') no-repeat top center scroll;*/
		/*background: url('/images/hero-02.webp?v=1.0') no-repeat top center scroll;*/
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		z-index: 5;
	}
	.hero-background.d-block.d-lg-none{
		/*background: url('/images/hero-02-mobile.webp?v=1.0') no-repeat top center scroll;*/
		/*background: url('/images/hero-018-mobile.png') no-repeat top center scroll;*/
		background: url('/images/hero-005-mobile.png') no-repeat top right scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		z-index: 1;
	}
	@media (min-width: 992px) and (max-width: 1600px) {
		.hero-background.d-none.d-lg-block{
			background: url('/images/main1222(101).png') no-repeat center scroll;
			/*background: url('/images/main1222(14).png') no-repeat top center scroll;*/
			/*background: url('/images/hero-02.webp?v=1.0') no-repeat top center scroll;*/
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			z-index: 5;
		}
	}

	.hero-man{
		position: absolute;
		bottom: 0;
		left: 50.5%;
		right: 0;

		background: url(/images/hero-man.png) no-repeat top center scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		z-index: 4;
		transform: translate(-50%, 0);
		height: 500px;
		width: 500px;
	}
	@media (max-width: 1200px) {
		.hero-man{
			display: none;
		}
	}
	.hero__inner{
		display: flex;
		justify-content: space-between;
		width: 100%;
		max-width: 1280px;
		margin: 0 auto;
		padding-left: 10px;
		padding-right: 10px;

		color: #101e4a;
	}
	.title-main {
		z-index: 7;
		/*padding: 50px 0;*/
		padding: 0;
		max-width: 590px;
	}
	.panel-main{
		max-width: 400px;
	}
	.hero__inner .component-video-link{
		display: none;
	}
	@media (max-width: 991px) {
		.hero {
			position: relative;
			box-sizing: border-box;
			padding: 28px 0 80px;
		}
		.hero-man{
			display: none;
		}
		.hero__inner{
			flex-wrap: wrap;
			padding-left: 30px;
			padding-right: 30px;
		}

		.title-main {
			padding: 0;
		}
		.panel-main{
			max-width: 400px;
		}
		.hero__inner hr.sm {
			height: 15px;
		}
	}

	.title-main h2{
		text-transform: uppercase;
	}


	.hero .container {
		position: relative;
		z-index: 10;
	}
	/*.hero h1 span {*/
	/*	color: var(--color-acent);*/
	/*}*/
	.hero pre {
		font-family: var(--font);
		font-weight: normal;
		font-style: normal;
		font-size: 16px;
	}
	@media (max-width: 991px) {
		.hero pre {
			font-size: 14px;
			white-space: wrap;
		}
	}
	.hero .hero-body {
		padding-right: 120px;
	}
	.hero-body__desc span{
		background: url('/images/array-orange.svg?v=1.0') no-repeat center left scroll;
		padding-left: 20px;
		display: block;
		margin-bottom: 10px;
	}
	.hero-body__desc span:last-child{
		margin-bottom: 0;
	}
	@media (min-width: 992px) and (max-width: 1399px) {
		.hero .hero-body {
			padding-right: 45px;
		}
	}
	@media (max-width: 991px) {
		/*.hero .hero-body {*/
		/*	padding: 0;*/
		/*}*/
	}

	.hero .hero-scroll-arrow {
		position: absolute;
		bottom: 38px;
		left: 0px;
		right: 0px;
		margin: auto;
		width: 22px;
		height: 22px;
		z-index: 10;
	}
	.hero .hero-scroll-text {
		position: absolute;
		bottom: 12px;
		left: 0px;
		right: 0px;
		margin: auto;
		width: 72px;
		height: 72px;
		z-index: 10;

		-webkit-transform-origin: 36px 36px;
		transform-origin: 36px 36px;

		animation: 7s infinite animation-scroll-text;
	}
	@keyframes animation-scroll-text {
		to {
			-webkit-transform: rotate(-360deg);
			transform: rotate(-360deg);
		}
	}
	.hero .curve {
		display: block;
		position: absolute;
		bottom: -1px;
		left: 0;
		right: 0;
		width: 154px;
		height: 38px;
		margin: auto;
		z-index: 10;
	}
	.hero .curve::before,
	.hero .curve::after {
		content: ' ';
		position: absolute;
		top: 0;
		bottom: 0;
		width: 2000px;
		height: 100%;
		background-color: var(--color-white);
	}
	.hero .curve::before {
		right: 136px;
	}
	.hero .curve::after {
		left: 136px;
	}
	.hero .curve i {
		display: block;
		width: 100%;
		height: 100%;
	}
/* Hero */

/* Sections */
	.btn-default::before{
		z-index: -1;
	}
	.btn-orange::before{
		background-color: var(--color-acent);
	}
	.mobile{display: none;}
	.header-fixed{display: none !important;}
	[data-view="fixed"] .menu-top{
        padding: 0px 0 0 270px;
	}

/* fscreen */
	.fscreen{
		position: relative;
		z-index: 1;
		padding: 50px 0;
	}
	.fscreen__wrap{
		width: 100%;
		display: grid;
		grid-template-columns: 33% 67%;
		/*grid-column-gap: 16px;*/
	}
	.fscreen__column:first-child{
		padding-right: 16px;
	}
	.fscreen-popular{
		box-shadow: 0px 10px 25px 0px #9BA9BE33;
		background: #FFFFFF;
		border-radius: 20px;
		padding: 15px 20px;
		width: 100%;
		margin-bottom: 20px;
	}
	.fscreen-popular__title{
		font-size: 16px;
		color: #03091C;
		margin-bottom: 20px;
	}
	.fscreen-popular__title span{
		display: block;
		font-weight: 700;
		font-style: Bold;
	}
	.fscreen-popular__item {
		border-bottom: 1px dashed #C3C3C3;
		padding-bottom: 10px;
		margin-bottom: 10px;
		display: flex;
		justify-content: space-between;
	}
	.fscreen-popular__city{
		color: #2D2D2D;
		font-size: 15px;
	}
	.fscreen-popular__value{
		font-weight: 700;
		font-size: 15px;
		color: #111E4C;
		text-align: right;
	}
	.fscreen-popular__item:last-child{
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.fscreen-garant{
		background: #FFFFFF url(/images/money-garant.png) no-repeat 280px 110px;
		border-radius: 20px;
		padding: 20px 104px 20px 20px;
		width: 100%;
		background-size: 225px;
	}
	.fscreen-garant__title{
		font-weight: 700;
		color: #121F49;
		margin-bottom: 15px;
	}
	.fscreen-garant__item{
		margin-bottom: 5px;
		background: url("/images/okey.png") no-repeat left;
		padding-left: 35px;
		background-size: 31px;
	}
	.fscreen-garant__item span{
		font-weight: 700;
	}
	.fscreen-garant__btn{
		margin-top: 10px;
	}
	.fscreen-slider{
		height: 100%;
	}
	.fscreen-slider__item{
		min-height: 268px;
		height: 100%;
		width: 100%;
		border-radius: 20px;
		background: white;
		padding: 30px;
		display: block;
		text-decoration: unset;
	}
	.fscreen-slider .splide__slide, .fscreen-slider .splide__track {
		height: 100%;
	}
	.fscreen-slider__item._one{
		background:
				url(/images/fscs-1_.png) no-repeat center / cover,
				linear-gradient(161.55deg, #FFFFFF 8.37%, #B1BBDC 88.08%);
	}
	.fscreen-slider._black .fscreen-slider__item._one{
		background:
				url(/images/fscs-1_.png) no-repeat center / cover,
				linear-gradient(161.55deg, #172452 8.37%, #4E65B3 88.08%);
	}
	.fscreen-slider__item._this{
		background:
				url(/images/fscs-this.webp) no-repeat center / cover,
				linear-gradient(161.55deg, #FFFFFF 8.37%, #B1BBDC 88.08%);
	}
	.fscreen-slider._black .fscreen-slider__item._this{
		background:
				url(/images/fscs-this.webp) no-repeat center / cover,
				linear-gradient(161.55deg, #172452 8.37%, #4E65B3 88.08%);
	}
	.fscreen-slider__item._ural{
		background: url("/images/fscs-ural.webp") no-repeat left bottom -40px / cover,
		linear-gradient(161.55deg, #FFFFFF 8.37%, #B1BBDC 88.08%);
	}
	.fscreen-slider._black .fscreen-slider__item._ural{
		background: url("/images/fscs-ural.webp") no-repeat left bottom -40px / cover,
		linear-gradient(161.55deg, #172452 8.37%, #4E65B3 88.08%);
	}
	.fscreen-slider__item._chel{
		background: url("/images/fscs-chel.webp") no-repeat center bottom -52px / cover,
		linear-gradient(161.55deg, #FFFFFF 8.37%, #B1BBDC 88.08%);
	}
	.fscreen-slider._black .fscreen-slider__item._chel{
		background: url("/images/fscs-chel.webp") no-repeat center bottom -52px / cover,
		linear-gradient(161.55deg, #172452 8.37%, #4E65B3 88.08%);
	}
	.fscreen-slider__item._teplo{
		background: url("/images/fscs-teplo.webp") no-repeat center;
		background-size: cover;
	}
	.fscreen-slider._black .fscreen-slider__item._teplo{
		background: url("/images/fscs-teplo.webp") no-repeat center;
		background-size: cover;
	}
	.fscreen-slider._black .fscreen-slider__item._etrn{
		background: url("/images/etrn.webp") no-repeat center, linear-gradient(161.55deg, #172452 8.37%, #4E65B3 88.08%);
		background-size: cover;
		display: block;
	}
	.fscreen-slider__title{
		font-weight: 700;
		font-size: 30px;
		color: #121F49;
		margin-bottom: 15px;
	}
	.fscreen-slider._black .fscreen-slider__title{
		color: white;
	}
	.fscreen-slider__title span{
		font-weight: 700;
		color: grey;
	}
	.fscreen-slider._black .fscreen-slider__title span{
		font-weight: 700;
		color: #B9D5FF;
	}
	.fscreen-slider__subtitle{
		font-weight: 400;
		font-size: 16px;
		color: #121F49;
		margin-bottom: 15px;
	}
	.fscreen-slider._black .fscreen-slider__subtitle{
		color: white;
	}
	.fscreen-slider .splide__pagination{
			bottom: 20px;
			top: auto;
		}
	.fscreen-slider .splide__pagination__page{
		/*background: white;*/
	}
	.fscreen-slider__btn.btn{
		background: #333643;
		color: white;
		display: none;
		width: fit-content;
	}


	.fs-calc__wrap{
		width: 100%;
		display: grid;
		grid-template-columns: 66% 33%;
		grid-column-gap: 16px;
		margin-top: 70px;
	}
	.fs-calc__column{
		box-shadow: 0px 10px 25px 0px #9BA9BE33;
		background: #FFFFFF;
		border-radius: 20px;
		padding: 20px;
		width: 100%;
		margin-bottom: 20px;
		position: relative;
	}
	.fs-calc__column._search{
		background: #FFFFFF url("/images/search-number.png") no-repeat right bottom;
		background-size: 130px;
	}
	.fs-calc__title{
		font-weight: 700;
		font-size: 30px;
		margin-bottom: 20px;
	}
	.fs-calc__panel{
		display: flex;
		margin-bottom: 30px;
	}
	.fs-calc__item{
		margin-right: 10px;
		position: relative;
	}
	.fs-calc__input{
		padding: 15px 20px;
		background: #F0F2F5;
		min-width: 235px;
		border-radius: 5px;
		margin-bottom: 0;
		border: 0;
		height: fit-content;
		font-size: 16px;
		color: #03091C;
	}
	.fs-calc__input._number{
		width: 100%;
		height: 50px;
	}
	.fs-calc__input::-webkit-input-placeholder {
		font-size: 16px;
		color: #03091C;
	}
	.fs-calc__date{
		margin-left: 10px;
	}
	.fs-calc__date b{
		text-decoration: underline;
	}
	.fs-search{
		margin-bottom: 80px;
		width: 100%;
		position: relative;
		height: 50px;
	}
	.fs-search__btn{
		width: 40px;
		height: 40px;
		border-radius: 5px;
		background: #A5AFD0;
		position: absolute;
		top: 5px;
		right: 5px;
		border: 0;
		cursor: pointer;
	}
	.fs-search__btn:hover{
		background: #111E4C;
	}
	.fs-calc__link{
		color: #FF5715;
		text-decoration: underline;
	}
	.fs-calc__info{
		width: 100%;
	}
	.fs-calc__tool{
		box-shadow: 0px 10px 25px 0px #9BA9BE33;
		background: #FFFFFF;
		border-radius: 20px;
		padding: 20px;
		width: 100%;
		position: absolute;
		display: none;
	}
	.fs-calc__info:hover .fs-calc__tool{
		display: block;
	}
	.fs-calc__tags{
		display: flex;
		margin-top: 10px;
	}
	.fs-calc__tag{
		font-size: 12px;
		color: #606679;
		margin-right: 10px;
		text-decoration: underline;
		cursor: pointer;
	}
	.fs-calc__tag:last-child{
		margin-right: 0;
	}
	.fs-calc__select{
		position: absolute;
		background: #f5f5f5;
		width: 100%;
		height: 400px;
		overflow-y: scroll;
		z-index: 1;
		display: none;
	}
	.fs-calc__select.active{
		display: block;
	}
	.fs-calc__option{
		padding: 10px 20px;
		cursor: pointer;
	}
	.fs-calc__option:hover{
		color: #FF5715;
	}
		/* fscreen */

.pack-variant__btn.btn{
	color: #03091C;

}
.bx-breadcrumb{
	z-index: 100;
}
	/* night */
	.night{
		position: relative;
	}
	.night-map{
		position: absolute;
		bottom: 105px;
		z-index: 0;
		width: 1300px;
		right: calc(50% - 466px);
		transform: translatex(50%);
	}
	.night__inner{
		max-width: 600px;
	}
	.night__subtitle{
		font-size: 24px;
		margin-bottom: 42px;
		color: #03091C;
	}
	.night__subtitle span{
		font-weight: 700;
		font-size: 24px;
		display: block;
	}
	.night__text{
		line-height: 122%;
		margin-bottom: 15px;
		color: #03091C;
	}
	.night__text span{
		font-weight: 700;
	}
	.night__subtitle{
		position: relative;
	}
	.night__arrow{
		background: url(/images/arrow-zero.png) no-repeat center;
		width: 17px;
		height: 38px;
		background-size: cover;
		position: absolute;
		left: -30px;
		top: 17px;
	}
	/* night */

	/* example */
	.example__inner{
		padding-bottom: 40px;
		border-bottom: 1px solid #CBD5E4;
		margin-bottom: 40px;

		width: 100%;
		display: grid;
		grid-template-columns: 4fr 6fr;
		grid-column-gap: 30px;
	}
	.example__subtitle{
		color: #03091C;
		line-height: 122%;
	}
	.example__subtitle span{
		font-weight: 700;
	}
	.example-list__tabs{
		display: flex;
		margin-bottom: 20px;
	}
	.example-list__tab{
		color: #111E4C;
		padding: 10px 14px;
		border: 1px solid #C7CAD0;
		border-radius: 5px;
		margin-right: 5px;
	}
	.example-list__tab i{
		display: inline-block;
	}
	.example-list__tab svg{
		display: block
	}
	.example-list__grid{
		width: 100%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 16px;
		grid-row-gap: 20px;
	}
	.example-list__item{
		background: #F0F2F5;
		border-radius: 10px;
		position: relative;
		padding: 15px;
		height: 110px;
	}
	.example-list__name{
		font-weight: 400;
		font-size: 16px;
		color: #121F49;
	}
	.example-list__img{
		position: absolute;
		right: 0;
		bottom: 0;
		width: 80px;
	}

	.dopserv{
		margin-bottom: 50px;
	}
	.dopserv-title{
		font-weight: 700;
		font-size: 30px;
		margin-bottom: 30px;
	}
	.dopserv-list{
		width: 100%;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	.dopserv-list__item{
		padding: 20px;
		position: relative;
		opacity: 1;
		border-radius: 10px;
		background: #F0F2F5;
        height: fit-content;
	}
	.dopserv-list__name{
		font-size: 20px;
		color: #2D2D2D;
		cursor: pointer;
	}
	.dopserv-list__btn{
		width: 56px;
		height: 56px;
		position: absolute;
		right: 7px;
		top: 7px;
		background: #fff;
		border-radius: 15px;

		color: #111E4C;
		font-size: 36px;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: transform 0.3s ease, background-color 0.3s ease;
		cursor: pointer;
	}
	.dopserv-list__btn span {
		transition: transform 0.3s ease;
		font-size: 0;
		font-family: Cygre-Light;
		width: max-content;
		text-align: center;
		width: 20px;
		height: 20px;
		user-select: none;
		background: url("/images/plusik.svg") no-repeat center;
		background-size: 20px;
	}
	.dopserv-list__btn:hover{
		background: #111E4C;
	}
	.dopserv-list__btn:hover span{
		color: white;
		background: url("/images/plusik-white.svg") no-repeat center;
		background-size: 20px;
	}
	.dopserv-list__btn:hover path{
		fill: white;
	}
	.dopserv-list__body{
		display: none;
	}
	.dopserv-list__body p{
		/*white-space: pre-wrap;*/
	}
	.dopserv-list__item.open .dopserv-list__btn{
		background: #FF5815;
		color: #fff;
	}
	.dopserv-list__item.open .dopserv-list__btn span{
		transform: rotate(45deg);
		background: url("/images/plusik-white.svg") no-repeat center;
		background-size: 20px;
	}
	.component-call{
		transform: translateY(1px);
	}
	.dopserv-list__item svg{
	}
	.dopserv-list__item.open svg{
		transform: rotate(180deg);
	}
	.dopserv-list__item.open svg path{
		fill: white;
	}
	.dopserv-list__item.open .dopserv-list__body{
		display: block;
		max-width: 910px;
		padding-top: 15px;
	}
	/* example */

	/* banner-contact */
	.banner-contact{

	}
	.banner-contact__inner{
		background: url("/images/banner-back.png") no-repeat center;
		border-radius: 30px;
		position: relative;
		padding: 30px;
		background-size: cover;
	}
	.banner-contact__title{
		font-weight: 500;
		font-size: 48px;
		color: #FFFFFF;
		margin-bottom: 20px;
		line-height: 107%;
	}
	.banner-contact__title span{
		font-weight: 700;
	}
	.banner-contact__text{
		margin-bottom: 20px;
		font-size: 20px;
		color: #FFFFFF;
		line-height: 28px;
	}
	.banner-contact__text._f{
		margin-bottom: 7px;
	}
	._b2b .banner-contact__text._f{
		margin-bottom: 20px;
	}
	.banner-contact__text span{
		font-weight: 700;
	}
	.banner-contact__inner._b2b {
		background: #FF5715 url(/images/back-banner-b2b.webp) no-repeat bottom right;
		background-size: contain;
	}
	.banner-contact__list{
		margin-bottom: 20px;
		padding: 0;
		list-style: none;
	}
	.banner-contact__inner._b2b .banner-contact__img{
		display: none;
	}
	.banner-contact__list li{
		margin-bottom: 10px;
		font-size: 20px;
		color: #FFFFFF;
		line-height: 28px;
		background: url("/images/white-check.png") no-repeat left;
		background-size: contain;
		padding-left: 40px;
	}
	.banner-contact__list li span{
		font-weight: 700;
	}
	.banner-contact__img{
		position: absolute;
		width: auto;
		height: 370px;
		bottom: 0;
		right: 150px;
	}
	.banner-contact__btn{
		background: white;
		border-radius: 10px;
		font-weight: 600
	}
	/* banner-contact */

	/* etrn */
	.etrn-subtitle{
		color: #03091C;
		font-size: 20px;
		line-height: 122%;
		margin-bottom: 40px;
		max-width: 1000px;
	}
	/* etrn */

	/* rep */
	.rep__wrap{
		width: 100%;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	.rep-item{
		box-shadow: 0px 4px 20px 0px #9BA9BE33;
		background-color: white;
		border-radius: 20px;
		padding: 20px;
		position: relative;
	}
	.rep-item._btm{
		min-height: 415px;
	}
	.rep-icon {
		background: #F0F2F5;
		width: 33px;
		position: absolute;
		height: 33px;
		top: 20px;
		right: 20px;
		border-radius: 60px;
		display: block;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.rep-right{
		position: absolute;
		right: 0;
		bottom: 0;
		object-fit: cover;
		height: 100px;
		width: 100px;
	}
	.rep-right2{
		position: absolute;
		right: 0;
		bottom: 0;
		object-fit: cover;
		height: 140px;
		width: 140px;
	}
	.rep-item__title{
		font-weight: 700;
		font-size: 20px;
		margin-bottom: 10px;
		color: #121F49;
	}
	.rep-item__text{
		font-size: 16px;
		color: #000000;
	}
	.rep-bus {
		position: absolute;
		right: 0;
		bottom: 20px;
		max-height: 230px;
		width: auto;
	}
	.rep-arrow {
		position: absolute;
		left: 0;
		bottom: 20px;
		max-height: 230px;
		width: 100%;
	}
	/* rep */

	/* material-list */
	.material__inner{
		position: relative;
	}
	.material-btn{
		position: absolute;
		right: 0;
		top: 0;
	}
	.material-list{
		width: 100%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 20px;
	}
	.material-list__item{
		height: 100%;
		background: white;
		overflow: hidden;
		border-radius: 20px;
		display: block;
		text-decoration: none;
	}
	.material-list__img{
		width: 100%;
		height: 280px;
		border-radius: 20px;
		object-position: center;
		object-fit: cover;
	}
	.material-list__info{
		padding: 20px;
	}
	.material-list__name{
		font-size: 20px;
		min-height: 50px;
		display: block;
		margin-bottom: 20px;
		color: #03091C;
		text-decoration: none;
	}
	.material-list__name:hover{
		text-decoration: underline;
	}
	.material-list__wrap{
		display: flex;
		justify-content: space-between;
	}
	.material-list__date{
		color: #566985;
	}
	.material-list__panel{
		color: #566985;
		display: flex;
		align-items: center;
	}
	.material-list__panel svg{
		margin: 0 10px;
	}
	/* material-list */


	/* lp-faq */
	.lp-faq__item{
		border-radius: 20px;
		padding: 20px;
		position: relative;
		margin-bottom: 10px;
		background: #FFFFFF;
	}
	.lp-faq__que{
		width: 100%;
		font-weight: 400;
		font-size: 22px;
		padding-right: 60px;
		cursor: pointer;
	}
	.lp-faq__btn{
		width: 56px;
		height: 56px;
		position: absolute;
		right: 8px;
		top: 8px;
		background: #F0F2F5;
		border-radius: 15px;

		color: #111E4C;
		font-size: 36px;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: transform 0.3s ease, background-color 0.3s ease;
		cursor: pointer;
	}
	.lp-faq__btn:hover{
		background: #111E4C;
	}
	.lp-faq__btn span{
		transition: transform 0.3s ease;
		font-size: 0;
		/*font-family: Cygre-Light;*/
		/*width: max-content;*/
		/*text-align: center;*/
		/*line-height: 20px;*/
		background: url("/images/plusik.svg") center no-repeat;
		background-size: 20px;
		width: 20px;
		height: 20px;
	}
	.lp-faq__btn:hover span{
		background: url("/images/plusik-white.svg") center no-repeat;
	}
	.mac .lp-faq__btn span{
		line-height: 17px;
	}
	.lp-faq__body{
		display: none;
	}
	.lp-faq__body p{
	}
	.lp-faq__item.open .lp-faq__btn{
		background: #FF5815;
	}
	.lp-faq__item.open .lp-faq__btn span{
		background: url("/images/plusik-white.svg") center no-repeat;
		transform: rotate(45deg);
	}
	.mac .lp-faq__item.open .lp-faq__btn span{
		transform: rotate(45deg) translateY(-1px);
		width: 20px;
	}
	.lp-faq__item.open .lp-faq__body{
		display: block;
		max-width: 910px;
		padding-top: 15px;
	}
	/* lp-faq */
	.section._whitefon{
		border-radius: 30px;
		background: white;
		padding: 100px 0;
		margin: 50px 0;
	}
	/* Tap */
	.main-header.t-center .svg{
		width: 210px;
		height: 70px;
	}
	/* Tap */


	/* widjet */
	.lp-decision__widjet{
		display: flex;
		align-items: center;
		position: absolute;
		top: 40px;
		right: 125px;
	}
	.review-widjet{
		margin-right: 5px;
		border-radius: 5px;
		padding: 7px;
		background: #FFFFFF;
		width: 138px;
	}
	.review-widjet:last-child{
		margin-right: 0;
	}
	.review-widjet__head{
		margin-bottom: 7px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.review-widjet__where {
		color: #121F49;
		font-size: 7px;
		line-height: 100%;
	}
	.review-widjet__link{
		display: block;
		text-decoration: none;
		color: #FF5715;
		font-size: 7px;
		line-height: 100%;
	}
	.review-widjet__body{
		display: flex;
		justify-content: space-between;
		align-items: ende;
	}
	.review-widjet__rating{
		font-weight: 700;
		font-size: 14px;
		display: flex;
		align-items: end;
		line-height: 100%;

	}
	.review-widjet__rating img{
		height: 15px;
		width: auto;
		padding-right: 7px;
		line-height: 100%;
	}
	.review-widjet__stars{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.lp-slider.reviews-slider .splide__arrow svg{
		fill: #121F49;
	}
	.lp-slider.reviews-slider .splide__arrow{
		background: white;
	}
	.reviews-links{
		margin-top: 30px;
		text-align: center;
	}
	/* widjet */



	/* Footer */
	.footer-logo {
		background: url(/images/footer-logo.png) no-repeat center;
		height: 92px;
		display: block;
		width: 271px;
		background-size: contain;

		/*display: block;*/
		/*overflow: hidden;*/
		/*background: url(/images/logo.jpeg) no-repeat center;*/
		/*background-size: contain;*/
		/*height: 92px;*/
		/*width: 271px;*/
	}
	.footer-menu{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 80px;
		grid-row-gap: 15px;
	}
	.footer-menu__link{
		font-weight: 400;
		font-size: 20px;
		color: #FFFFFF;
		text-decoration: none;
	}
	.footer-top__item{
		color: #FFFFFF;
		margin-bottom: 14px;
		font-size: 20px;
	}
	.footer-top__item .account span{
		display: contents;
	}
	.footer-top__item .account{
		text-decoration: none;
	}
	.footer-top__item .account path{
		fill: white;
	}
	.footer-location svg path {
		fill: #9BA9BE;
	}
	.footer-location span, .header-mail a{
		color: #fff;
		font-size: 20px;
		text-decoration: none;
		display: inline-flex;
		align-items: center;
		line-height: 1;
	}
	.header-mail i{
		margin-right: 10px;
	}
	.footer-panel i{
		margin-right: 15px;
		display: inline-block;
		width: 12px;
	}
	.footer-bottom{
		margin-top: 70px;
	}
	.footer-bottom__text span{
		font-size: 14px;
	}
	footer .component-call a {
		font-size: 36px;
		color: #fff;
		font-weight: 500;
        display: block;
        line-height: normal;
	}
	.component-call.footer span{
		display: block;
		padding-left: 20px;
		margin-bottom: 25px;
		color: #9BA9BE;
		font-size: 18px;
	}
	.component-call.footer span::before{
		right: auto;
		left: 0;
	}
	.component-call.footer span::after{
		right: auto;
		left: 0;
	}
	footer .component-social{
		position: absolute;
		right: 0;
		bottom: 0;
	}
	footer .component-social a {
		display: block;
		background: #FFFFFF1A;
		border-radius: 50%;
		position: relative;
		width: 40px;
		height: 40px;
		margin-right: 10px;
	 }
	footer .component-social path{
		fill: white;
	}
	.footer-end{
		margin-top: 90px;
	}
	.footer-end .flex.beetwen{
		align-items: center;
	}
	.footer-end .container{
		border-top: 1px solid #FFFFFF26;
		padding-top: 25px;
	}
	.footer-end p, .footer-end a{
		color: #9BA9BE;
		font-size: 14px;
		text-decoration: none;
	}

/* Footer */

	/* Alerts */
		.section-alerts {
			position: relative;
			background-color: var(--color-white);
			box-sizing: border-box;
			padding: 0;
			margin-top: -38px;
			padding-top: 34px;
			padding-bottom: 25px;
		}
		.section-alerts .alert-item {
			box-sizing: border-box;
		}
		.section-alerts .alert-odd {
			padding-right: 120px;
		}
		.section-alerts .alert-even {
			padding-left: 120px;
		}
		.section-alerts .alert-body h5{
			color: #101E4A;
		}
		@media (max-width: 991px) {
			.section-alerts .alert-item {
				padding-top: 30px;
				padding-bottom: 30px;
			}
			.section-alerts .alert-odd {
				padding-right: 0px;
			}
			.section-alerts .alert-even {
				padding-left: 0px;
			}
		}

		.splide__pagination {
			top: 0;
			bottom: 0;
			margin: auto;
		}
		.splide__pagination .splide__pagination__page {
			width: 7px;
			height: 7px;
			border-radius: var(--border-radius-xl);
			background-color: #FFFFFF;
			opacity: 1;
		}
		.splide__pagination .splide__pagination__page.is-active {
			background-color: var(--color-acent);
			
			-webkit-transform: scale(1,1);
			transform: scale(1,1);
		}
		@media (max-width: 991px) {
			.splide__pagination {
				top: auto;
				bottom: 15px;
				margin: auto;
			}
		}
	/* Alerts */

	/* Advantages */
		.section-advantages {
			margin-top: -50px;
		}
		.section-advantages.advantages-simple {
			margin-top: 0px;
		}
		.section-advantages .advantages-container {
			position: relative;
			box-sizing: border-box;
			padding: 135px 0px 190px;
			overflow: hidden;

			color: var(--color-white);
		}
		.section-advantages .advantages-container .advantages-background {
			position: absolute;
			top: 0px;
			bottom: 0;
			left: 0;
			right: 0;
			width: 102%;
			height: 100%;
			z-index: 0;
		}
		.section-advantages .advantages-container .container {
			z-index: 10;
		}
		.section-advantages .advantages-container .curve {
			display: none;

			position: absolute;
			top: -1px;
			left: 0;
			right: 0;
			width: 154px;
			height: 38px;
			margin: auto;
			z-index: 10;

			-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
		}
		.section-advantages .advantages-container .curve::before,
		.section-advantages .advantages-container .curve::after {
			content: ' ';
			position: absolute;
			top: 0;
			bottom: 0;
			width: 2000px;
			height: 100%;
			background-color: var(--color-white);
		}
		.section-advantages .advantages-container .curve::before {
			right: 136px;
		}
		.section-advantages .advantages-container .curve::after {
			left: 136px;
		}
		.section-advantages .advantages-container .curve i {
			display: block;
			width: 100%;
			height: 100%;
		}
		.section-advantages .advantages-container .corner {
			position: absolute;
			bottom: -1px;
			right: -1px;
			height: 325px;
    		width: 305px;
			z-index: 1;

			-webkit-transform: rotate(180deg) translateX(-305px);
			transform: rotate(180deg) translateX(-305px);

			-webkit-transition: transform 3s;
			transition: transform 3s;
		}
		.section-advantages[data-screen="active"] .corner {
			-webkit-transform: rotate(180deg) translateX(0px);
			transform: rotate(180deg) translateX(0px);
		}
		.section-advantages .advantages-container .corner svg {
			display: block;
			width: 100%;
			height: 100%;
		}
		h1.h2{
			text-transform: none;
		}

		.section-advantages .advantages-addons {
			display: block;
			position: relative;
			top: -140px;
			margin-bottom: -140px;
			z-index: 10;
		}
		.section-advantages.advantages-simple .advantages-addons {
			top: 0px;
			margin-bottom: 0px;
		}
		.section-advantages .advantages-addon {
			display: block;
			width: 100%;
			height: 298px;

			color: var(--color-white);

			-webkit-transition: transform 3s;
			transition: transform 3s;

			-webkit-transform: translateY(30px);
			transform: translateY(30px);
		}
		.section-advantages[data-screen="active"] .advantages-addon {
			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}
		.section-advantages .addon-body {
			display: block;
			position: absolute;
			bottom: 0;
			right: 0px;
			width: auto;
			max-width: 430px;
			height: auto;
			box-sizing: border-box;
			padding: 20px 30px;
			overflow: hidden;
		}
		.section-advantages .addon-content {
			display: block;
			position: relative;
			z-index: 10;
		}
		.section-advantages .addon-content .t-upper{
			color: white;
		}
		.section-advantages .addon-content .t-upper:hover{
			color: var(--color-acent);
		}
		.section-advantages .addon-body::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: var(--color-primary);
			border-radius: 20px 0 0 20px;
			opacity: 0.8;
			z-index: 0;

			-ms-transform: skew(-6deg) translateX(8px);
			-webkit-transform: skew(-6deg) translateX(8px);
			transform: skew(-6deg) translateX(8px);

			-webkit-transition: transform 1s, border-radius 1s;
			transition: transform 1s, border-radius 1s;
		}
		.section-advantages .advantages-addon:hover .addon-body::before {
			border-radius: 0px;

			-ms-transform: skew(0deg) translateX(8px);
			-webkit-transform: skew(0deg) translateX(8px);
			transform: skew(0deg) translateX(8px);
		}

		@media (max-width: 991px) {
			.section-advantages {
				margin-top: -40px;
			}

			.section-advantages .advantages-addons .container {
				padding: 0 0 0 60px;
			}
			.section-advantages .advantages-container .corner {
				height: 225px;
				width: 210px;
			}
			.section-advantages .advantages-addons {
				display: block;
				position: relative;
				top: 0px;
				margin-bottom: 0px;
				z-index: 10;
			}
			.section-advantages .advantages-addon {
				height: auto;
				background: none !important;
			}
			.section-advantages .addon-body {
				display: block;
				position: relative;
				bottom: 0;
				right: 0px;
				width: auto;
				max-width: 430px;
			}
		}
	/* Advantages */
	.search-panel{
		display: block;
		width: 100%;
		max-width: 980px;
		background: #FFFFFF;
		border-radius: 20px;
		padding: 30px;
	}

	.search-panel .search-input {
		height: 57px;
		line-height: 100%;
		padding: 0 20px;
		color: var(--color-main-text);
		width: auto;
		display: inline-block;
		max-width: unset;
		border: 1px solid #D2D9E2;
		border-radius: 10px;
		margin-right: 15px;
	}
	.search-panel .search-subbtn{
		width: 145px;
		text-align: center;
		border-radius: 10px !important;
		height: 57px;

	}

	/* Popular */
	.popular-tile{
		width: 100%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 20px;
		grid-row-gap: 40px;
	}
	.popular-tile__item{
		padding: 20px;
		position: relative;
		background: #F1F2F5;
		border-radius: 20px;
		overflow: hidden;
	}
	.popular-tile__item::before {
		content: "";
		position: absolute;
		inset: 0;
		background: url(/images/icon-popular-arrow.png) no-repeat left center;
		opacity: 0.18; /* 👈 регулируем прозрачность картинки */
		pointer-events: none; /* чтобы не мешала кликам */
		height: 100%;
		top: 0;
		background-size: contain;
	}
	.popular-tile__item.revers{
		background-color: #111E4C;
	}
	.popular-tile__item.revers .popular-tile__title{
		color: #fff;
	}
	.popular-tile__item.revers .popular-tile__day{
		color: #fff;
	}
	.popular-tile__item.revers .popular-tile__day svg path{
		fill: #fff;
	}

	.popular-tile__title{
		font-weight: 600;
		font-size: 20px;
		color: #2D2D2D;
		margin-bottom: 106px;
	}
	.popular-tile__panel{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.popular-tile__day{
		display: flex;
		align-items: center;
		color: #111E4C;
		font-weight: 700;
		font-size: 16px;
	}
	.popular-tile__day i{
		height: 16px;
		margin-right: 8px;
	}
	.popular-tile__time{
		color: #C3C3C3;
	}

	.popular-tile__item.none{
		background: transparent;
		display: flex;
	}
	.popular-tile__item.none::before{
		background: transparent;
	}
	.popular-tile__item.none .popular-tile__title{
		margin-bottom: unset;
		display: flex;
		align-items: end;
		font-weight: 400;
	}
	.popular-tile__item.none .popular-tile__title ._big{
		font-size: 90px;
		line-height: 1;
		margin-right: 20px;
		color: #111E4C;
		line-height: 65px;
	}
	.popular-tile__item.none .popular-tile__title ._small{
		background: transparent;
		color: #111E4C;
		line-height: 1;
	}

	.popular-wrap{
		display: none;
	}
	/* Popular */

	.section__title{
		font-weight: 400;
		font-size: 48px;
		color: #353535;
		max-width: 1010px;
		line-height: 1;
		margin-bottom: 40px;
	}
	.section__title._blue{
		color: #121F49;
	}
	.section__title span {
		font-weight: 700;
		color: #FF5815;
	}
	/* Guarant */
	.section.guarant{
		background: #FCFBFB url(/images/guarant-bg.png) no-repeat right 0;
		background-size: auto;
		padding-top: 290px;
		margin-top: -169px;
	}
	.guarant__inner .section__title{
		margin-bottom: 35px;
	}
	.guarant-tile{
		width: 100%;
		/*display: grid;*/
		/*grid-template-columns: repeat(3, 1fr);*/
		/*grid-column-gap: 60px;*/
		/*grid-row-gap: 40px;*/
		background: url(/images/guarant-way.png) no-repeat left top;
		/*background-size: 1097px;*/
		display: flex;
		justify-content: space-between;
		padding-top: 114px;
		background-size: 93% auto;
	}
	.guarant-tile__item{
		max-width: 454px;
		min-width: 290px;
	}
	.guarant-tile__icon i{
		width: 33px;
		height: 33px;
		margin-bottom: 11px;
	}
	.guarant-tile__title{
		font-weight: 600;
		font-size: 24px;
		margin-bottom: 10px;
		color: #111E4C;
	}
	.guarant-tile__desc{
		font-size: 16px;
		color: #4C4C4C;
	}
	/* Guarant */

	/* Lp-advantage */
	.lp-advantage-tile{
		width: 100%;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 20px;
		grid-row-gap: 36px;
	}
	.lp-advantage-tile__item{
		padding: 20px;
		background-color: #FCFBFB;
		border-radius: 20px;
	}
	.lp-advantage-tile__img{
		height: 200px;
		width: 100%;
		display: block;
		margin-bottom: 20px;
		object-fit: cover;
		object-position: center;
		border-radius: 20px;
	}
	.lp-advantage-tile__title{
		font-weight: 600;
		font-size: 20px;
		color: #2D2D2D;
		margin-bottom: 10px;
	}
	.lp-advantage-tile__desc{
		font-size: 16px;
		color: #4C4C4C;
	}
	.lp-advantage-tile__item.revers{
		background: #111E4C url("/images/bg-revers-item.png") no-repeat bottom right;
		background-size: auto;
	}
	.lp-advantage-tile__item.revers .lp-advantage-tile__title{
		color: #fff;
	}
	.lp-advantage-tile__item.revers .lp-advantage-tile__desc{
		color: #fff;
		margin-bottom: 60px;
	}
	.lp-advantage-slider{
		display: none;
	}
	/* Lp-advantage */

	/*lp-feedback*/
	.lp-feedback{
		background: url("/images/bg-feedback-lp.png") no-repeat center center;
		background-size: cover;
		border-radius: 30px;
		padding: 40px;
	}
	.lp-feedback__title{
		font-weight: 500;
		font-size: 55px;
		color: #FFFFFF;
		margin-bottom: 30px;
		line-height: 1;
	}
	.lp-feedback__title span{
		color: #FF5815;
	}
	.lp-feedback__subtitle{
		margin-bottom: 80px;
		color: white;
	}
	.lp-feedback__wrap{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.lp-feedback__wrap .input{
		margin-right: 10px;
		max-width: 240px;
	}
	.lp-feedback__wrap .btn-default{
		font-size: 16px;
	}
	.lp-feedback__wrap .body-privacy{
		width: 100%;
		margin-top: 20px;
	}
	.lp-feedback__wrap .body-privacy .input{
		max-width: 500px;
	}
	.lp-feedback__wrap .body-privacy .placeholder, .lp-feedback__wrap .body-privacy .placeholder a{
		font-size: 12px;
	}

	#lp-form .input.input-dark::before {
		background-color: #FFFFFF1A;
		border: 0;
		border-radius: 15px;
	}
	#lp-form .input.input-dark input {
		color: var(--color-white);

	}
	#lp-form .input.input-dark>span {
		color: var(--color-white);
		font-size: 16px;
	}

	.search-form .input.input-transparent input{
		padding-left: 25px;
	}
	.search-form .input.input-transparent input{
		font-family: 'Montserrat';
	}
	/*lp-feedback*/

	@media (max-width: 1200px) {
		.popular-tile__title {
			font-size: 18px;
		}
		.component-calc .body-result {
			width: 380px;
			padding: 20px 20px;
		}
	}
	@media (max-width: 999px) {
		.section__title {
			font-size: 26px;
			line-height: 1;
			margin-bottom: 25px;
		}
		.section{
			padding: 30px 0px;
		}
		.mobile{display: block;}
		.fscreen-garant:not(.mobile),.night-map,.section .example,.section .dopserv{display: none;}

		.fscreen {
			position: relative;
			z-index: 1;
			padding: 30px 0;
		}
		.fscreen__wrap {
			width: 100%;
			flex-wrap: wrap;
			display: flex;
		}
		.fscreen__column{
			width: 100%;
		}
		.fscreen__column:first-child{
			margin-bottom: 10px;
		}
		.fscreen-popular{
			margin-bottom: 0;
		}
		.avtor-slider{
			margin-bottom: 10px;
		}
		.fscreen-slider__title {
			font-weight: 700;
			font-size: 19px;
			color: #121F49;
			margin-bottom: 10px;
		}
		.fscreen-slider__subtitle{
			font-size: 14px;
		}
		.fscreen-garant {
			background: #FFFFFF url(/images/money-garant.png) no-repeat right -91px bottom -58px;
			border-radius: 20px;
			padding: 20px 85px 20px 20px;
			width: 100%;
			background-size: 225px;
		}

		.fs-calc__wrap {
			grid-template-columns: 100%;
			margin-top: 60px;
		}
		.fs-calc__title {
			font-size: 26px;
		}
		.fs-calc__panel {
			display: flex;
			margin-bottom: 15px;
			flex-wrap: wrap;
		}
		.fs-calc__input {
			padding: 10px 15px;
			margin-right: 0;
			width: 100%;
		}
		.fs-search {
			margin-bottom: 40px;
			width: 100%;
			position: relative;
		}
		.fs-calc__column._search {
			background: #FFFFFF url(/images/search-number.png) no-repeat right bottom;
			background-size: 100px;
		}


		.night__subtitle {
			font-size: 16px;
			margin-bottom: 30px;
			color: #03091C;
			padding-left: 25px;
		}
		.night__arrow {
			width: 14px;
			height: 32px;
			position: absolute;
			left: 0;
			top: 8px;
		}
		.night__subtitle span {
			font-weight: 700;
			font-size: 14px;
			display: block;
		}
		.night__text{
			font-size: 15px;
		}



		.banner-contact__title {
			font-weight: 500;
			font-size: 26px;
			color: #FFFFFF;
			margin-bottom: 15px;
		}
		.banner-contact__text {
			margin-bottom: 15px;
			font-size: 14px;
			color: #FFFFFF;
			line-height: 16px;
		}
		.banner-contact__img {
			position: absolute;
			width: auto;
			height: 298px;
			bottom: 0;
			right: 50%;
			transform: translateX(50%);
		}
		.banner-contact__inner {
			background: #FF5715 url(/images/banner-back.png) no-repeat bottom right;
			border-radius: 30px;
			position: relative;
			padding: 30px;
			background-size: 741px 200px;
			padding: 15px 15px 280px 15px;
		}
		.banner-contact__inner._b2b {
			background: #FF5715 url(/images/back-banner-b2b.webp) no-repeat bottom right;
			background-size: 600px;
			padding: 15px 15px 155px 15px;
		}
		.banner-contact__list li {
			margin-bottom: 10px;
			font-size: 16px;
			color: #FFFFFF;
			line-height: 18px;
			background: url(/images/white-check.png) no-repeat left;
			background-size: auto;
			padding-left: 38px;
		}

		.popular-tile {
			width: 100%;
			grid-template-columns: repeat(1, 1fr);
			grid-row-gap: 0;
			border-radius: 15px;
			overflow: hidden;
			margin-bottom: 10px;
		}
		.popular-tile__item {
			padding: 15px;
			background: #F1F2F5;
			border-radius: 0;
			overflow: hidden;

		}
		.popular-tile__item::before{
			display: none;
		}
		.popular-tile__title{
			font-weight: 600;
			font-size: 16px;
			margin-bottom: 10px;
		}
		.popular-tile__btn{
			display: none;
		}
		.popular-tile__term{
			width: 100%;
			display: flex;
			justify-content: space-between;
			border-bottom: 1px dashed #C3C3C3;
			padding-bottom: 5px;
		}
		.popular-tile__day i{
			width: 8px;
			height: 8px;
		}
		.popular-tile__day i svg{
			width: 8px;
			height: 8px;
			display: block;
		}
		.popular-tile__day {
			display: flex;
			align-items: center;
			color: #111E4C;
			font-weight: 400;
			font-size: 14px;
		}
		.popular-tile__time{
			font-size: 14px;
		}

		.popular-tile__item.revers{
			background-color: #F1F2F5;
		}
		.popular-tile__item.revers .popular-tile__title{
			color: #2D2D2D;
		}
		.popular-tile__item.revers .popular-tile__day{
			color: #111E4C;
		}
		.popular-tile__item.revers .popular-tile__day svg path{
			fill: #111E4C;
		}
		.popular-tile__item.none{
			display: none;
		}
		.popular-wrap{
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.popular__btn{
			margin-right: 8px;
			min-width: 180px;
		}
		.popular__info{
			color: #4C4C4C;
			font-size: 12px;
			line-height: 100%;
		}
		.popular__info ._big{
			display: block;
			color: #111E4C;
			font-weight: 600;
			font-size: 24px;
			line-height: 100%;
		}

		.section.guarant {
			background: #FCFBFB;
			padding-top: 40px;
			margin-top: 0;
		}
		.guarant-tile {
			width: 100%;
			background: unset;
			display: flex;
			justify-content: space-between;
			padding-top: 0;
			flex-wrap: wrap;
		}
		.guarant-tile__item {
			max-width: unset;
			min-width: unset;
			width: 100%;
			margin-bottom: 25px;
		}
		.guarant-tile__item:last-child {
			margin-bottom: 0;
		}
		.guarant-tile__icon{
			display: inline-block;
			float: left;
			margin-right: 15px;
		}
		.guarant-tile__icon i {
			width: 30px;
			height: 30px;
			margin-bottom: 0;
		}
		.guarant-tile__icon i svg{
			width: 30px;
			height: 30px;
		}
		.guarant-tile__title {
			font-size: 20px;
		}
		.guarant-tile__desc {
			font-size: 14px;
			color: #4C4C4C;
		}

		.lp-advantage-tile{
			display: none;
		}
		.lp-advantage-slider{
			display: block;
		}
		.lp-slider .splide__arrow {
			background: transparent;
			border: 0;
			border-radius: 5px;
			height: 45px;
			opacity: .9;
			top: -60px;
			transform: unset;
			width: 45px;
		}
		.lp-slider .splide__arrow svg{
			fill: #111E4C;
		}
		.lp-slider .splide__arrow--next {
			right: 0;
		}
		.lp-slider .splide__arrow--prev {
			left: unset;
			right: 60px;
		}

		.lp-feedback {
			padding: 20px;
			background: #111E4C url(/images/bg-feedback-lp-mobile.png) no-repeat bottom center;
			background-size: cover;
			border-radius: 30px;
			padding-bottom: 210px;
		}
		.lp-feedback__title {
			font-size: 28px;
			margin-bottom: 20px;
		}
		.lp-feedback__subtitle {
			margin-bottom: 20px;
			color: white;
		}
		.lp-feedback__wrap .input {
			margin-right: 0;
			margin-bottom: 10px;
			max-width: unset;
		}
		.lp-feedback__wrap .btn-default {
			font-size: 16px;
			width: 100%;
		}

		.lp-faq__que {
			width: 100%;
			font-weight: 400;
			font-size: 18px;
			padding-right: 60px;
		}
		.material__inner {
			position: relative;
			padding-bottom: 50px;
		}
		.material-list {
			width: 100%;
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			grid-column-gap: 20px;
			grid-row-gap: 20px;
		}
		.material-list__name {
			font-size: 18px;
			min-height: 40px;
			margin-bottom: 10px;
		}
		.material-btn {
			position: absolute;
			top: unset;
			right: unset;
			left: 0;
			bottom: 0;
			width: 100%;
			text-align: center;
		}
		.material-list__item:not(:first-child){
			display: none;
		}
		.material-list__img{
			height: 220px;
		}

		.rep__wrap{
			display: block;
		}
		.rep-item {
			margin-bottom: 20px;
		}

		.footer-top .col{
			margin-bottom: 25px;
		}
		.footer-bottom {
			margin-top: 0;
		}
		.footer-bottom .col{
			margin-bottom: 25px;
		}

		.footer-logo {
			height: 82px;
			width: 237px;
		}
		.footer-menu {
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			grid-column-gap: 80px;
			grid-row-gap: 10px;
		}
		.footer-menu__link {
			font-size: 16px;
		}
		.footer-top__item {
			color: #FFFFFF;
			margin-bottom: 14px;
			font-size: 16px;
		}
		.footer-location span, .header-mail a {
			font-size: 16px;
		}
		.footer-bottom .col:nth-child(2n){
			order: -1;
		}
		.footer-bottom .component-social{
			position: relative;
			margin-bottom: 25px;
		}
		.component-call.footer span {
			margin-bottom: 20px;
			font-size: 14px;
		}
		footer .component-call a {
			font-size: 28px;
		}
		.footer-end {
			margin-top: 0px;
		}
	}



	/* Infographic */
		.section-infografic .scroll-container {
			display: block;
		}
		@media (max-width: 991px) {
			.section-infografic .container {
				padding-top: 30px;
				overflow: auto;
			}
			.section-infografic .scroll-container {
				width: calc(100vw * 2.3);
			}
		}

		.section-infografic .component-svg {
			-webkit-transition: transform 2s;
			transition: transform 2s;

			-webkit-transform: scale(0.65,0.65);
			transform: scale(0.65,0.65);
		}
		.section-infografic[data-screen="active"] .component-svg {
			-webkit-transform: scale(1,1);
			transform: scale(1,1);
		}
		.infografic-shadow{
			color: rgb(255, 87, 21);
			/*color: white;*/
			/*text-shadow: -1px -1px 0 #FF5715, 1px -1px 0 #FF5715, -1px 1px 0 #FF5715, 1px 1px 0 #FF5715;*/
		}
	/* Infographic */

	/* How we work */
		.section-howework {
			position: relative;
			padding: 0;
			overflow: hidden;
		}
		.section-howework .howework-background {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			height: 100%;
			width: 100%;
			z-index: 0;
		}
		.section-howework .corner {
			position: absolute;
			top: -1px;
			left: -1px;
			height: 325px;
    		width: 305px;
			z-index: 1;
			
			-webkit-transform: translateX(-305px);
			transform: translateX(-305px);

			-webkit-transition: transform 3s;
			transition: transform 3s;
		}
		.section-howework[data-screen="active"] .corner {
			-webkit-transform: translateX(0px);
			transform: translateX(0px);
		}
		.section-howework .corner svg {
			display: block;
			width: 100%;
			height: 100%;
		}
		.section-howework .howework-list {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			flex-direction: row;

			-ms-flex-pack: center;
    		justify-content: center;

			-ms-flex-align: center;
    		align-items: center;

			position: relative;
			z-index: 10;
			color: var(--color-white);
		}
		.section-howework .howework-item {
			display: block;
			position: relative;
			width: 100%;
			height: 600px;
			box-sizing: border-box;
			border-right: 1px solid var(--color-white);

			-ms-flex: 0 0 25%;
			flex: 0 0 25%;
			max-width: 25%;
			z-index: 10;

			color: var(--color-white);
		}
		.section-howework .howework-item:last-child {
			border: none;
		}
		.howework-item .item-number {
			display: block;
			position: absolute;
			top: 24px;
			right: 24px;
			width: 58px;
			height: 58px;
			opacity: 0;

			-webkit-transition: transform 1s, opacity 1s;
			transition: transform 1s, opacity 1s;

			-webkit-transform: translateY(10px);
			transform: translateY(10px);
		}
		.howework-item .item-number.number-two {
			-webkit-transition: transform 1s .5s, opacity 1s .5s;
			transition: transform 1s .5s, opacity 1s .5s;
		}
		.howework-item .item-number.number-three {
			-webkit-transition: transform 1s 1s, opacity 1s 1s;
			transition: transform 1s 1s, opacity 1s 1s;
		}
		.howework-item .item-number.number-four {
			-webkit-transition: transform 1s 1.5s, opacity 1s 1.5s;
			transition: transform 1s 1.5s, opacity 1s 1.5s;
		}
		.section-howework[data-screen="active"] .howework-item .item-number {
			opacity: 1;

			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}
		.howework-item{
			transition: all .45s;
		}
		.howework-item:hover{
			background-color: #101E4A;
		}
		.item-howework-arrow{
			opacity: 0;
			width: 160px;
			height: auto;
			margin-bottom: 20px;
			transition: all .45s;
		}
		.howework-item:hover .item-howework-arrow{
			width: 160px;
			height: auto;
			margin-bottom: 20px;
			opacity: 1;
		}
		.howework-item .item-body {
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: auto;
			box-sizing: border-box;
			padding: 24px;
			overflow: hidden;
		}
		.howework-item .item-title {
			display: block;
			margin-bottom: 20px;

			-webkit-transition: all .45s;
			transition: all .45s;
		}
		.howework-item .item-description {
			display: block;

			display: -webkit-box;
			-webkit-line-clamp: 3;        /* Количество строк */
			-webkit-box-orient: vertical;
			overflow: hidden;
			height: auto;
			max-height: 72px;

			-webkit-transition: max-height 3s ease;
			transition: max-height 3s ease;
		}
		.howework-item:hover .item-description {
			display: -webkit-box;
			-webkit-line-clamp: unset;
			-webkit-box-orient: vertical;
			overflow: hidden;
			max-height: 1000px;
		}
		.howework-item .item-button {
			width: 56px;
			height: 32px;
			opacity: 1;

			-webkit-transition: transform .45s, opacity .45s;
			transition: transform .45s, opacity .45s;

			-webkit-transform: translateY(0px);
			transform: translateY(0px);
		}
		.howework-item:hover .item-button {
			opacity: 0;

			-webkit-transform: translateY(25px);
			transform: translateY(25px);
		}

		@media (max-width: 991px) {
			.section-howework {
				position: relative;
				padding: 0;
				overflow: auto;
			}
			.section-howework .corner {
				height: 225px;
				width: 210px;
			}
			.section-howework .howework-list {
				width: calc(100vw * 4);
			}
			.section-howework .howework-background {
				height: 100%;
				width: calc(100vw * 4);
			}
			.section-howework .howework-item {
				height: 500px;
	
				-ms-flex: 0 0 25%;
				flex: 0 0 25%;
				max-width: 25%;
				z-index: 10;
	
				color: var(--color-white);
				cursor: default;
			}
			.howework-item .item-body {
				padding: 24px;
				text-align: right;
			}

			.howework-item .item-title,
			.howework-item:hover .item-title {
				-webkit-transform: translateY(25px);
				transform: translateY(25px);
			}
			.howework-item .item-description,
			.howework-item:hover .item-description {
				opacity: 1;
	
				-webkit-transform: translateY(0px);
				transform: translateY(0px);
			}
			.howework-item .item-button,
			.howework-item:hover .item-button {
				opacity: 0;
	
				-webkit-transform: translateY(25px);
				transform: translateY(25px);
			}
		}
	/* How we work */

	/* Calc */
		.section-calc-about .body-image {
			position: absolute;
			bottom: 0;
			right: 0;
			width: 315px;
			height: 351px;
			z-index: 10;
		}
		@media (max-width: 991px) {
			.section-calc-about .body-image {
				position: relative;
				width: 100%;
				height: 360px;
				z-index: 10;
			}
		}
	/* Calc */

	/* Contacts */
		.section-contact .component-panel {
			margin-bottom: 0;
			height: auto;
		}
		@media (max-width: 991px) {
			.component-panel .panel-body {
				min-height: auto;
			}
		}

		.contact-social-icon{
			display: flex;
			width: 100%;
			justify-content: center;
			margin-top: 5px;
		}
		.panel-body .contact-social-icon{
			display: flex;
			width: 100%;
			justify-content: left;
			margin-top: 0;
			position: relative;
			right: unset;
			bottom: unset;
			margin-top: 10px;
		}
		.contact-social-icon a:last-child{
			margin-right: 0;
		}
		.contact-social-icon a{
			margin-bottom: 0;
			width: 35px;
			height: 35px;
			background: #F0F2F5;
			border-radius: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			margin-right: 10px;
		}
		.contact-social-icon .svg{
			width: 16px;
			height: 16px;
		}

	/* Contacts */

	/* Contact mobile */
		.section-contact-mobile {
			box-sizing: border-box;
			padding: 80px 0px;
		}
		.section-contact-mobile .section-title {
			display: inline-block;
			position: relative;
		}
		.section-contact-mobile .section-title i {
			position: absolute;
			top: 0;
			bottom: 0;
			left: -25px;
			margin: auto;
			width: 20px;
			height: 32px;
		}
		.section-contact-mobile .section-body {
			display: block;
			position: relative;
			z-index: 10;
		}
		.section-contact-mobile .background-arrow {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			margin: auto;
			width: 128px;
			height: 94px;
			z-index: 0;
		}
		@media (max-width: 991px) {
			.section-contact-mobile {
				padding: 40px 0px;
			}
		}
	/* Contact mobile */
	
	/* About */
		.about-history {
			display: block;
			position: relative;
			box-sizing: border-box;
			padding: 0px 0px 20px 22px;
			margin-left: 8px;
		}
		.about-history::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 24px;
			height: 24px;
			margin: auto;
			z-index: 1;

			background: url(/images/icon-arrow-brand.svg) no-repeat center center scroll; 
			-webkit-background-size: contain;
			-moz-background-size: contain;
			-o-background-size: contain;
			background-size: contain;

			-webkit-transform-origin: 0% 0%;
			transform-origin: 0% 0%;

			-webkit-transform: rotate(90deg) translate(0px,-13px);
			transform: rotate(90deg) translate(0px,-13px);
	
		}
		.about-history.history-acent::before {
			background: url(/images/icon-arrow-brand-acent-orange.svg) no-repeat center center scroll;
			-webkit-background-size: contain;
			-moz-background-size: contain;
			-o-background-size: contain;
			background-size: contain;	
		}
		.about-history::after {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 1px;
			height: 100%;
			background-color: var(--color-tertiary-light);
			z-index: 0;

			-webkit-transform: translate(0, 10px);
			transform: translate(0, 10px);
		}
		.about-history.history-acent::after {
			background-color: var(--color-acent);
		}
		.about-history.history-last::after,
		.about-history:last-child::after {
			display: none;
		}
		.about-video{
		}
		.about-video video{
			margin: 50px 0;
			width: 100%;
			border-radius: 40px;
			background: #041f45fa;

		}
		.brand-plit{
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 20px;
			margin-top: 54px;
		}
		.brand-plit__item{
			background: white;
			border-radius: 20px;
			padding: 35px 60px;
		}
		.brand-plit__item img{
			margin: 0 auto;
			height: 45px;
			width: max-content;
			display: block;
		}
		
		.about-background {
			display: block;
			width: 100%;
			height: 400px;
		}
		@media (max-width: 991px) {
			.about-background {
				height: 320px;
			}
		}

		.about-team {
			position: relative;
			margin-bottom: -5px;
		}

		.about-map {
			position: relative;
		}
		.about-map .curve {
			position: absolute;
			top: -1px;
			left: 0;
			right: 0;
			width: 154px;
			height: 38px;
			margin: auto;
			z-index: 10;

			-webkit-transform: rotate(180deg);
			transform: rotate(180deg);
		}
		.about-map .curve::before,
		.about-map .curve::after {
			content: ' ';
			position: absolute;
			top: 0;
			bottom: 0;
			width: 2000px;
			height: 100%;
			background-color: var(--color-white);
		}
		.about-map .curve::before {
			right: 136px;
		}
		.about-map .curve::after {
			left: 136px;
		}
		.about-map .curve i {
			display: block;
			width: 100%;
			height: 100%;
		}
		
		.about-map .corner {
			position: absolute;
			bottom: -1px;
			right: -1px;
			height: 325px;
    		width: 305px;
			z-index: 1;

			-webkit-transform: rotate(180deg) translateX(-305px);
			transform: rotate(180deg) translateX(-305px);

			-webkit-transition: transform 3s;
			transition: transform 3s;
		}
		.about-map[data-screen="active"] .corner {
			-webkit-transform: rotate(180deg) translateX(0px);
			transform: rotate(180deg) translateX(0px);
		}
		.about-map .corner svg {
			display: block;
			width: 100%;
			height: 100%;
		}
		@media (max-width: 991px) {
			.about-map .corner {
				height: 225px;
				width: 210px;
			}
		}
	/* About */

	/* Blog */
		.blog-controls {
			display: block;
			position: relative;
			box-sizing: border-box;
			padding-left: 60px;
		}
		.blog-sort {
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			margin: auto;
		}

		.blog-sort button {
			display: block;
			position: relative;
			width: 44px;
			height: 44px;
			box-sizing: border-box;
			padding: 10px;
			cursor: pointer;
		}
		.blog-sort button svg {
			display: block;
			width: 100%;
			height: 100%;
		}
		.blog-sort .popup {
			position: absolute;
			top: 50px;
			left: 0;
			width: auto;
			height: auto;
			box-sizing: border-box;
			padding: 20px;
			background-color: var(--color-white);
			z-index: 100;

			white-space: nowrap;
			
			opacity: 0;

			-webkit-transition: transform .45s, opacity .45s;
			transition: transform .45s, opacity .45s;

			-webkit-transform: rotateX(90deg);
			transform: rotateX(90deg);
		}
		.blog-sort[data-state="open"] .popup {
			opacity: 1;

			-webkit-transform: rotateX(0deg);
			transform: rotateX(0deg);
		}
		.blog-sort .popup .list-item {
			display: block;
			text-decoration: none;
			box-sizing: border-box;
			padding: 5px 0px;
		}
		.blog-sort .popup .list-item a {
			text-decoration: none;
			font-weight: bold;
		}
		.blog-sort .popup .list-item[data-view="active"] a {
			color: var(--color-acent);
		}

		.blog-section-list{
			display: flex;
		}
		.blog-section-item{
			margin-right: 20px;
			font-size: 18px;
			border: 1px solid;
			padding: 7px;
		}
		.blog-section-item a{
			text-decoration: unset
		}
		.blog-item{
			height: 100%;
			background: white;
			overflow: hidden;
			border-radius: 20px;
			display: block;
			text-decoration: none;
		}
		.blog-item h3, .blog-item .t-sm, .blog-item .btn{
			padding: 0 20px;
		}
		.blog-list article{
			margin-bottom: 20px;
		}

		@media (max-width: 991px) {
			.blog-controls {
				padding-left: 0px;
				display: flex;
				align-items: center;
				justify-content: start;
			}

			.blog-sort {
				display: block;
				position: relative;
				margin: 0 15px 0 0;
			}
		}
	/* Blog */

	/* FAQ */
		.faq-controls {
			display: block;
			position: relative;
			box-sizing: border-box;
			padding: 0px;
		}
		.faq-section-item {
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			padding: 10px 20px;
			margin: 2px 0px;
		}
		.faq-section-item::before {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
			z-index: 0;
			background-color: var(--color-white);
			border-radius: 10px;
			/*-ms-transform: skew(-8deg) translateX(2px);*/
			/*-webkit-transform: skew(-8deg) translateX(2px);*/
			/*transform: skew(-8deg) translateX(2px);*/
			/*transform-origin: top left;*/
		}
		.faq-section-item[data-view="active"]::before {
			background-color: var(--color-acent);
		}
		.faq-section-item .item-title {
			display: inline-block;
			position: relative;
			z-index: 10;
		}
		.faq-section-item .item-count {
			display: inline-block;
			position: relative;
			z-index: 10;
		}
		@media (max-width: 991px) {
			.faq-controls {
				padding-left: 0px;
			}

			.search-panel .search-input {
				height: 45px;
				line-height: 100%;
				padding: 0 20px;
				color: var(--color-main-text);
				width: 100%;
				display: inline-block;
				max-width: unset;
				border: 1px solid #D2D9E2;
				border-radius: 10px;
				margin-right: 0;
			}

			.search-panel .search-subbtn {
				width: 100%;
				text-align: center;
				border-radius: 10px !important;
				height: 45px;
				max-width: unset;
			}
		}
	/* FAQ */

	/* Vacancies */
		.vacancies-controls {
			display: block;
			position: relative;
			box-sizing: border-box;
			padding-left: 60px;
		}
		.vacancies-sort {
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			margin: auto;
		}

		.vacancies-sort button {
			display: block;
			position: relative;
			width: 44px;
			height: 44px;
			box-sizing: border-box;
			padding: 10px;
			cursor: pointer;
		}
		.vacancies-sort button svg {
			display: block;
			width: 100%;
			height: 100%;
		}
		.vacancies-sort .popup {
			position: absolute;
			top: 50px;
			left: 0;
			width: auto;
			height: auto;
			box-sizing: border-box;
			padding: 20px;
			background-color: var(--color-white);
			z-index: 100;

			white-space: nowrap;
			
			opacity: 0;

			-webkit-transition: transform .45s, opacity .45s;
			transition: transform .45s, opacity .45s;

			-webkit-transform: rotateX(90deg);
			transform: rotateX(90deg);
		}
		.vacancies-sort[data-state="open"] .popup {
			opacity: 1;

			-webkit-transform: rotateX(0deg);
			transform: rotateX(0deg);
		}
		.vacancies-sort .popup .list-item {
			display: block;
			text-decoration: none;
			box-sizing: border-box;
			padding: 5px 0px;
		}
		.vacancies-sort .popup .list-item a {
			text-decoration: none;
			font-weight: bold;
		}
		.vacancies-sort .popup .list-item[data-view="active"] a {
			color: var(--color-acent);
		}

		.vacancies-section-item {
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			padding: 10px 20px;
			margin: 2px 0px;
		}
		.vacancies-section-item::before {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
			z-index: 0;
			background-color: var(--color-white);
		}
		.vacancies-section-item[data-view="active"]::before {
			background-color: var(--color-acent);
		}
		.vacancies-section-item .item-title {
			display: inline-block;
			position: relative;
			z-index: 10;
		}
		.vacancies-section-item .item-count {
			display: inline-block;
			position: relative;
			z-index: 10;
		}

		.vacancies-list{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
            grid-gap: 20px;
		}
		.vacancies-list__item{
			height: 100%;
			background: white;
			overflow: hidden;
			border-radius: 20px;
			padding: 20px;
		}
		.vacancies-item {
			display: block;
			position: relative;
			text-decoration: none;
		}

		.vacancies-item .item-category {
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			padding: 10px 20px;
			color: var(--color-white);
		}
		.vacancies-item .item-category::before {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
			z-index: 0;
			background-color: var(--color-primary);
			border-radius: 10px;
		}
		.vacancies-item .item-category span {
			display: inline-block;
			position: relative;
			z-index: 10;
		}

		.vacancies-item .item-tags {
			display: inline-block;
			/*position: absolute;*/
			/*top: 0;*/
			/*right: 15px;*/
			margin-left: 25px;
		}
		.vacancies-item .item-tags .tag {
			display: inline-block;
			box-sizing: border-box;
			padding: 5px 10px;
			border-radius: var(--border-radius);
			background-color: var(--color-tertiary-light);
		}

		.vacancies-item .item-views {
			display: inline-block;
			position: absolute;
			bottom: 0;
			right: 15px;
			box-sizing: border-box;
			padding-left: 22px;

			font-size: 12px;
		}
		.vacancies-item .item-views::before {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			width: 16px;
			height: 16px;

			background: url(/images/icon-eye.svg) no-repeat center center scroll;
			-webkit-background-size: contain;
			-moz-background-size: contain;
			-o-background-size: contain;
			background-size: contain;
		}

		@media (max-width: 991px) {
			.vacancies-item .item-category {
				margin-bottom: 15px;
			}

			.vacancies-item .item-tags {
				display: inline-block;
				position: relative;
				top: auto;
				right: auto;
				margin-bottom: 5px;
			}

			.vacancies-list {
				display: grid;
				grid-template-columns: repeat(1, 1fr);
				grid-gap: 20px;
			}
		}

		@media (max-width: 991px) {
			.vacancies-controls {
				padding-left: 0px;
			}

			.vacancies-sort {
				display: block;
				position: relative;
				margin-bottom: 15px;
			}
		}
	/* Vacancies */

	/* Directions */
		.directions-list {
			display: block;
			position: relative;
			/*columns: 4 auto;*/
			box-sizing: border-box;
			/*padding: 30px;*/
			border-radius: var(--border-radius);
			/*background-color: var(--color-white);*/
		}
		.directions-list a {
			display: grid;
			grid-template-columns: 4fr 1fr 1fr;
			width: 100%;
			margin-bottom: 10px;
			color: var(--color-secondary);
			text-decoration: none;
			border-bottom: 1px solid #8080802e;
			padding-bottom: 10px;
		}
		@media (max-width: 991px) {
			.directions-list {
				columns: 1 auto;
			}
		}
		.directions-list a span {
			color: var(--color-gray-dark);
		}
		/*.directions-list__srok{*/
		/*	color: #FF5815;*/
		/*}*/
		.banner-info__inner {
			padding: 40px;
			background: rgb(18, 31, 73);
			border-radius: 20px;

			display: grid;
			grid-template-columns: repeat(4, 1fr);
			grid-gap: 20px;
		}
		.banner-info__value{
			font-weight: 700;
			color: rgb(255, 88, 21);
			margin-bottom: 10px;
			font-size: 25px;
		}
		.banner-info__text{
			color: white;
			font-size: 14px;

		}
	/* Directions */

	/* Serivce List */
		.service-list-body {
			display: block;
			position: relative;
			/* min-height: 306px; */
			margin-bottom: 30px;
		}
		.service-list-body::before {
			content: '';
			position: absolute;
			top: 0;
			right: 0;
			margin: auto;
			width: 204px;
			height: 204px;
			margin: auto;
			background: url(/images/brand-arrow-white.svg) no-repeat center center scroll; 
			-webkit-background-size: contain;
			-moz-background-size: contain;
			-o-background-size: contain;
			background-size: contain;

			-webkit-transform: translateX(5px);
			transform: translateX(5px);
		}
		.service-list .service-item {
			display: block;
			position: relative;
			max-width: 260px;
			box-sizing: border-box;
			padding: 15px 20px;
			margin-bottom: 30px;
			cursor: pointer;

			text-decoration: none;
		}
		.service-list .service-item::before {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
			z-index: 0;
			background-color: var(--color-white);

			-ms-transform: skew(-8deg) translateX(10px);
			-webkit-transform: skew(-8deg) translateX(10px);
			transform: skew(-8deg) translateX(10px);
			transform-origin: top left;
		}
		.service-list .service-item span {
			display: block;
			position: relative;
			z-index: 10;

			text-align: center;
			text-decoration: none;
		}
		@media (max-width: 991px) {
			.service-list-body {
				min-height: auto;
			}
			.service-list-body::before {
				width: 154px;
				height: 154px;
				background: url(/images/brand-arrow-white.svg) no-repeat center center scroll; 
				-webkit-background-size: contain;
				-moz-background-size: contain;
				-o-background-size: contain;
				background-size: contain;
				
				-wevkit-transform-origin: 50% 50%;
				transform-origin: 50% 50%;

				-webkit-transform: translateX(20px) rotate(90deg);
				transform: translateX(20px) rotate(90deg);
			}
		}
	/* Serivce List */

	/* Service */
		.service-background {
			display: block;
			position: relative;
			width: 100%;
			height: 360px;
		}
		.service-background-circle {
			display: block;
			position: relative;
			width: 480px;
			height: 480px;
			border-radius: 480px;
			margin: auto;
		}

		.service-why-list .service-why-item {
			display: block;
			position: relative;
			width: 100%;
			height: auto;
			margin-bottom: 120px;
		}
		.service-why-list .service-why-item .item-body {
			display: block;
			position: relative;
			z-index: 1;
		}
		.service-why-list.list-left .service-why-item:first-child {
			-webkit-transform: translateX(60px);
			transform: translateX(60px);
		}
		.service-why-list .service-why-item:last-child {
			margin-bottom: 0px;
		}
		.service-why-list.list-left .service-why-item:last-child {
			-webkit-transform: translateX(60px);
			transform: translateX(60px);
		}
		.service-why-list.list-right .service-why-item:first-child {
			-webkit-transform: translateX(-60px);
			transform: translateX(-60px);
		}
		.service-why-list.list-right .service-why-item:last-child {
			-webkit-transform: translateX(-60px);
			transform: translateX(-60px);
		}

		.service-why-list .service-why-item.with-arrow::before {
			content: '';
			position: absolute;
			top: -160px;
			left: 0;
			right: 0;
			margin: auto;
			width: 204px;
			height: 204px;
			margin: auto;
			background: url(/images/brand-arrow-blue.svg) no-repeat center center scroll; 
			-webkit-background-size: contain;
			-moz-background-size: contain;
			-o-background-size: contain;
			background-size: contain;
			z-index: 0;

			-webkit-transform: translateX(0px);
			transform: translateX(0px);
		}
		.service-why-list.list-left .service-why-item.with-arrow::before {
			-webkit-transform: translateX(60px);
			transform: translateX(60px);
		}
		.service-why-list.list-right .service-why-item.with-arrow::before {
			-webkit-transform: translateX(-60px);
			transform: translateX(-60px);
		}

		.section-service{
			position: relative;
			z-index: 1;
		}
		.service__subtitle{
			color: #03091C;
			font-size: 20px;
			line-height: 122%;
			max-width: 880px;
			margin-bottom: 40px;
		}
		.service-panel{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 20px;
		}
		.service-panel .fscreen-popular{
			margin-bottom: unset;
		}
		.service-panel .fscreen-garant {
			background: #FFFFFF url(/images/money-garant.png) no-repeat right -93px bottom -86px;
			border-radius: 20px;
			padding: 20px;
			width: 100%;
			background-size: 300px;
			min-height: 240px;
		}
		.service-panel .fscreen-garant__btn {
			margin-top: auto;
			position: absolute;
			bottom: 20px;
		}
		.night-panel{
			display: flex;
			margin-top: 40px;
			position: relative;
		}
		.night-panel a:first-child{
			margin-right: 15px;
		}
		.night__manager{
			font-weight: 700;
			font-size: 24px;
			line-height: 122%;
			letter-spacing: -1%;
			color: #03091C;
			margin-top: 20px;
			position: relative;
		}
		.night__manager span{
			color: #FF5715;
		}
		.service-fast {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			gap: 20px;
		}
		.service-fast._trio .service-fast__item:nth-child(3) {
			grid-column: 3;
			grid-row: 1;
		}
		.service-fast__item:nth-child(1) {
			grid-column: 1;
			grid-row: 1;
		}
		.service-fast__item:nth-child(2) {
			grid-column: 2;
			grid-row: 1;
		}
		.service-fast__item:nth-child(3) {
			grid-column: 1 / 3; /* занимает две колонки */
			grid-row: 2;
		}
		.service-fast__item:nth-child(4) {
			grid-column: 3;
			grid-row: 1 / 3; /* занимает две строки */
		}
		.service-fast__item{
			padding: 20px;
			background: #FFFFFF;
			border-radius: 20px;
			position: relative;
		}
		.service-fast__icon{
			background: #F0F2F5;
			width: 40px;
			height: 40px;
			border-radius: 10px;

			position: absolute;
			top: 20px;
			right: 20px;

			display: flex;
			align-items: center;
			justify-content: center;
		}
		.service-fast__title{
			color: #121F49;
			font-weight: 700;
			font-size: 20px;
			margin-bottom: 10px;
			line-height: 112.00000000000001%;
		}
		.service-fast__text{
			color: #4C4C4C;
			line-height: 119%;
		}
		.service-fast__item._car {
			min-height: 285px;
		}
		.service-fast__img {
			position: absolute;
			right: 0;
			bottom: 5px;
			height: 145px;
			width: auto;
		}

		@media (max-width: 991px) {
			.service-background-circle {
				display: block;
				position: relative;
				width: 100%;
				height: 280px;
				margin-bottom: 30px;
			}
	
			.service-why-list .service-why-item,
			.service-why-list .service-why-item:last-child {
				display: block;
				position: relative;
				width: 100%;
				height: auto;
				margin-bottom: 30px;
			}

			.service-why-list .service-why-item.with-arrow::before {
				display: none;
			}
			.service-why-list.list-left .service-why-item:first-child {
				-webkit-transform: translateX(0px);
				transform: translateX(0px);
			}
			.service-why-list.list-left .service-why-item:last-child {
				-webkit-transform: translateX(0px);
				transform: translateX(0px);
			}
			.service-why-list.list-right .service-why-item:first-child {
				-webkit-transform: translateX(0px);
				transform: translateX(0px);
			}
			.service-why-list.list-right .service-why-item:last-child {
				-webkit-transform: translateX(0px);
				transform: translateX(0px);
			}
		}
	/* Service */

	/* Vehicles */
		.list-vehicles {
			box-sizing: border-box;
			padding-bottom: 0px;
		}
		.list-vehicles .client-body {
			display: block;
			box-sizing: border-box;
			padding: 0px;
			text-align: center;
			margin-top: 25px;
		}
		.list-vehicles .client-body .image {
			display: block;
			width: 100%;
			height: 350px;
			padding: 0px 35px;
		}

		.list-vehicles .splide__pagination {
			top: auto;
			bottom: 0;
			margin: auto;
		}
		.list-vehicles .splide__pagination .splide__pagination__page {
			width: 12px;
			height: 12px;
			border-radius: var(--border-radius-xl);
			background-color: var(--color-body-text);
		}
		.list-vehicles .splide__pagination .splide__pagination__page.is-active {
			background-color: var(--color-acent);
			
			-webkit-transform: scale(1,1);
			transform: scale(1,1);
		}
		@media (max-width: 991px) {
			.list-vehicles {
				padding-bottom: 30px;
			}
			.list-vehicles .client-body .image {
				height: 290px;
			}
			.list-vehicles .splide__pagination {
				top: auto;
				bottom: 0px;
				margin: auto;
			}
		}
	/* Vehicles */

	/* Clients */
		.list-clients {
			box-sizing: border-box;
			padding-bottom: 40px;
		}
		.list-clients .client-body {
			display: block;
			box-sizing: border-box;
			padding: 0px;
			text-align: center;
		}
		.list-clients .client-body .image {
			display: block;
			width: 100%;
			height: 80px;
		}

		.list-clients .splide__pagination {
			top: auto;
			bottom: 0;
			margin: auto;
		}
		.list-clients .splide__pagination .splide__pagination__page {
			width: 12px;
			height: 12px;
			border-radius: var(--border-radius-xl);
			background-color: var(--color-body-text);
		}
		.list-clients .splide__pagination .splide__pagination__page.is-active {
			background-color: var(--color-acent);
			
			-webkit-transform: scale(1,1);
			transform: scale(1,1);
		}
		@media (max-width: 991px) {
			.list-clients .splide__pagination {
				top: auto;
				bottom: 15px;
				margin: auto;
			}
		}
	/* Clients */

	/* Search */
		.search-page input {
			display: inline-block;
			position: relative;
			width: auto;
			max-width: 300px;
			height: auto;
			box-sizing: border-box;
			padding: 15px 25px;
			background-color: var(--color-white);
			border-radius: var(--border-radius-xl);
			border: 1px solid var(--color-gray);
			z-index: 10;
			
			font-family: var(--font);
			font-size: inherit;
			text-align: left;
			color: var(--color-main-text);
		}
		.search-page input[type="submit"] {
			background-color: var(--color-acent);
			border-radius: var(--border-radius-xl);
			border: none;
			cursor: pointer;

			font-weight: bold;
		}
		.search-page form select {
			display: none;
		}
	/* Search */
/* Sections */

/* Account */
	.account-section-item {
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		padding: 10px 20px;
		margin: 2px 0px;
	}
	.account-section-item::before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
		background-color: var(--color-white);

		-ms-transform: skew(-8deg) translateX(2px);
		-webkit-transform: skew(-8deg) translateX(2px);
		transform: skew(-8deg) translateX(2px);
		transform-origin: top left;
	}
	.account-section-item[data-view="active"]::before {
		background-color: var(--color-acent);
	}
	.account-section-item .item-title {
		display: inline-block;
		position: relative;
		z-index: 10;
	}
	.account-section-item .item-count {
		display: inline-block;
		position: relative;
		z-index: 10;
	}

	/* Tracking */
		.tracking-item {
			display: block;
			position: relative;
			text-decoration: none;
		}
		
		.tracking-item .item-category {
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			padding: 10px 20px;
			color: var(--color-white);
		}
		.tracking-item .item-category::before {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
			z-index: 0;
			background-color: var(--color-primary);
		
			-ms-transform: skew(-8deg) translateX(2px);
			-webkit-transform: skew(-8deg) translateX(2px);
			transform: skew(-8deg) translateX(2px);
			transform-origin: top left;
		}
		.tracking-item .item-category span {
			display: inline-block;
			position: relative;
			z-index: 10;
		}
		
		.tracking-item .item-tags {
			display: inline-block;
			position: absolute;
			bottom: 5px;
			right: 15px;
		}
		.tracking-item .item-tags .tag {
			display: inline-block;
			box-sizing: border-box;
			padding: 5px 10px;
			border-radius: var(--border-radius);
			background-color: var(--color-tertiary-light);
		}
		
		.tracking-item .item-views {
			display: inline-block;
			position: absolute;
			bottom: 0;
			right: 15px;
			box-sizing: border-box;
			padding-left: 22px;
		
			font-size: 12px;
		}
		.tracking-item .item-views::before {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			margin: auto;
			width: 16px;
			height: 16px;
		
			background: url(/images/icon-eye.svg) no-repeat center center scroll; 
			-webkit-background-size: contain;
			-moz-background-size: contain;
			-o-background-size: contain;
			background-size: contain;
		}
		
		@media (max-width: 991px) {
			.tracking-item .item-category {
				margin-bottom: 15px;
			}
		
			.tracking-item .item-tags {
				display: inline-block;
				position: relative;
				top: auto;
				right: auto;
				margin-bottom: 5px;
			}
		}

		.form-tracking-result,
		.form-tracking-result[data-active="false"] {
			display: none;
		}
		.form-tracking-result[data-active="true"] {
			display: block;
		}

		.form-tracking-error,
		.form-tracking-error[data-active="false"] {
			display: none;
		}
		.form-tracking-error[data-active="true"] {
			display: block;
		}
	/* Tracking */
/* Account */

/* Custom */
	.b24-widget-button-position-bottom-right {
		bottom: 45px !important;
		right: 15px !important;
	}
	@media (max-width: 991px) {
		.b24-widget-button-position-bottom-right {
			bottom: 20px !important;
			right: 20px !important;
		}
		.hero .curve{
			display: block;
		}
	}
	@media (max-width: 991px) {
		.search-page input {
			display: inline-block;
			position: relative;
			width: auto;
			max-width: 170px;
			height: auto;
			box-sizing: border-box;
			padding: 15px 21px;
			background-color: var(--color-white);
			border-radius: var(--border-radius-xl);
			border: 1px solid var(--color-gray);
			z-index: 10;
			font-family: var(--font);
			font-size: inherit;
			text-align: left;
			color: var(--color-main-text);
		}
	}
	.location-list .list-item{
		display: flex;
	}

	.h1-seo{
		font-size: 40px;
		font-weight: 800;
		line-height: 48px;
		text-transform: none;
	}
	.header-in{
		display: none;
	}

/* Custom */
	.menu-top .menu-toggle{
		display: none;
	}

	.logo-mobile{
		display: none;
	}
	.header-modal, .header-hide{
		display: none;
	}

	.contact-list {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 20px;
	}
	/*.contact-list > .contact-list__item:last-child {*/
	/*	grid-column: 3;*/
	/*	grid-row: 1 / span 2;*/
	/*}*/
	/*.contact-list > .contact-list__item:last-child .component-panel{*/
	/*	height: 100%;*/
	/*}*/

	.control-char__wrap{
		display: flex;
		justify-content: space-between;
	}
	.control-char__item{
		max-width: 600px;
		font-size: 18px;
	}
	.control-char__item:first-child{
		max-width: 518px;
	}
	.control-char__item b:first-child{
		margin-bottom: 20px;
		display: block;
	}
	.control-contact{
		background: white;
		border-radius: 20px;
		padding: 20px;

		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 70px;
		grid-row-gap: 20px;
	}
	.control-contact__title{
		color: #03091CB2;
		font-size: 14px;
		margin-bottom: 10px;
	}
	.control-contact__name{
		color: #121F49;
		display: block;
		font-weight: 600;
		font-size: 20px;
		width: 254px;
	}
	.control-contact .contact-social-icon{
		justify-content: left;
	}

	.section__wrap{
		display: flex;
		justify-content: space-between;
		align-items: end;
	}
	.section__wrap .h1{
		max-width: 850px;
	}
	.control-help{
		display: grid;
		grid-template-columns: 1fr 1fr 2fr;
		gap: 20px;
		margin-top: 50px;
	}
	.control-help__item{
		background: #FFFFFF;
		border-radius: 20px;
		padding: 20px;
		position: relative;
	}
	.control-help__text{
		control: #03091C;
		font-size: 20px;
	}
	.control-help__icon{
		position: absolute;
		bottom: 20px;
		left: 20px;
		background: #F0F2F5;
		width: 40px;
		height: 40px;
		border-radius: 10px;

		display: flex;
		align-items: center;
		justify-content: center;
	}
	.control-help__item._black{
		background: #121F49;
	}
	.control-help__item._black p:first-child{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.control-help__item._black p{
		font-size: 16px;
		color: white;
		margin: 0;
	}

	.contact-files__item{
		display: block;
		background: #FFFFFF url("/images/icon-down.png") no-repeat center right 30px;
		background-size: 19px 25px;
		border-radius: 20px;
		margin-bottom: 10px;
		padding: 25px 30px;
		text-decoration: none;

		color: #121F49;
		font-weight: 600;
		font-size: 20px;
		max-width: 800px;
	}
	.contact-files__item:last-child{
		margin-bottom: 0;
	}

	.garant__wrap{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 100px;
	}
	.garant__item h1{
		margin-bottom: 50px;
	}
	.garant__item p, .garant__item b{
		font-size: 18px;
	}
	.garant-free{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.garant-free__item{
		padding: 20px 20px 130px 20px;
		border-radius: 20px;
		overflow: hidden;
	}
	.garant-free__item._50{
		background:
				url(/images/garant-1.png) no-repeat bottom -80px left -60px / 260px,
				linear-gradient(161.55deg, #FFFFFF 8.37%, #B1BBDC 88.08%);
	}
	.garant-free__item._rev{
		background: url(/images/garant-2.png) no-repeat bottom -80px left -60px / 260px,
		linear-gradient(161.55deg, #FFFFFF 8.37%, #B1BBDC 88.08%);
	}
	.garant-free__title{
		font-weight: 700;
		font-size: 30px;
		margin-bottom: 15px;
		color: #121F49;
		line-height: 34px;
	}
	.garant-free__title span{
		color: #FF5715;
	}
	.garant-free__text{
		color: #03091C;
		font-size: 18px;
	}

	.garant-srok{
		margin-top: 50px;
		displaY: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.garant-srok__item{
		display: flex;
		align-items: self-start;
		padding: 20px;
		background: white;
		border-radius: 20px;
		line-height: 17px;
		font-size: 18px;
		position: relative;
	}
	.garant-srok__item._car{
		min-height: 125px;
	}
	.garant-srok__item svg{
		margin-right: 28px;
		min-width: 44px;
	}
	.garant-srok__item span{
		max-width: 388px;
	}
	.garant-srok__img{
		position: absolute;
		right: 0;
		bottom: 0;
		width: 170px;
	}

	.garant-uslov{
		margin-top: 50px;
		displaY: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.garant-uslov__item{
		padding: 60px 20px 20px 20px;
		background: white;
		border-radius: 20px;
		line-height: 20px;
		font-size: 18px;
		position: relative;
	}
	.garant-uslov > .garant-uslov__item:last-child {
		grid-column: 2;
		grid-row: 1 / span 3;
		background: #121F49;
		color: white;
		padding: 20px;
	}
	.garant-uslov__item svg{
		position: absolute;
		top: 20px;
		left: 20px;
	}
	.garant-uslov__title{
		font-weight: 700;
		font-size: 30px;
		margin-bottom: 30px;
	}
	.garant-uslov__item ul{
		padding: 0;
		list-style-type: none;
	}
	.garant-uslov__item li{
		padding-left: 25px;
		background: url("/images/garant-x.png") no-repeat left top;
		background-size: 18px;
		font-size: 18px;
		margin-bottom: 10px;
		line-height: 100%;
		min-height: 20px;
	}
	.garant-uslov__item li:last-child{
		margin-bottom: 0;
	}

	.garant-map .h1{
		margin-bottom: 33px;
	}
	.garant-map p{
		margin-bottom: 20px;
		font-size: 18px;
		color: #03091C;
	}
	p.ps{
		color: #03091CB2;
		font-size: 18px;
		margin-top: 60px;
	}
	.garant-map{
		position: relative;
	}
	.garant-mapx{
		position: absolute;
		top: -90px;
		width: 1000px;
		right: 50%;
		transform: translateX(100%);
	}

	.section-subtitle{
		margin: 30px 0;
		color: #03091C;
		font-size: 20px;
	}
	.head-grid{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.head-grid span{
		font-size: 18px;
		line-height: 127%;
		margin-top: auto;
		color: #03091CB2;
	}
	.head-grid span._black{
		color: #03091C;
	}
	.head-grid span b{
		color: #121F49;
		margin-bottom: 10px;
		font-size: 18px;
		display: block;
	}
	.grid-plit{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.grid-plit-3{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
	.grid-plit__item{
		background: white;
		border-radius: 20px;
		padding: 20px;
	}

	.history-plit{
		margin-top: 40px;
	}
	.history-plit__item{
		padding: 30px;
		position: relative;
	}
	.history-plit__title{
		color: #121F49;
		font-weight: 500;
		font-size: 35px;
		margin-bottom: 8px;
		line-height: 100%;
	}
	.history-plit__subtitle{
		color: #121F49;
		font-weight: 400;
		font-size: 18px;
		margin-bottom: 10px;
		margin-bottom: 40px;
	}
	.history-plit__text{
		color: #03091CB2;

	}
	.history-plit__item svg{
		position: absolute;
		top: 20px;
		right: 20px;
	}

	.about-price{
		margin-top: 50px;
	}
	.about-price__item{
		position: relative;
	}
	.about-price__title{
		font-weight: 500;
		font-size: 35px;
		color: #121F49;
		margin-bottom: 30px;
	}
	.choice{
		margin-top: 50px;
	}
	.choice .about-price__title{
		font-size: 22px;
		padding-right: 50px;
		margin-bottom: 20px;
		min-height: 66px;
	}
	.about-price__text{
		color: #03091CB2;
	}
	.about-price__item svg{
		position: absolute;
		top: 20px;
		right: 20px;
	}

	.about-belive{
		margin-top: 50px;
	}
	.about-belive__item{
		position: relative;
	}
	.about-belive__title{
		font-weight: 700;
		font-size: 20px;
		color: #03091C;
		margin-bottom: 20px;
		max-width: 220px;
	}
	.choice{
		margin-top: 50px;
	}
	.choice .about-belive__title{
		font-size: 22px;
		padding-right: 50px;
		margin-bottom: 20px;
	}
	.about-belive__text{
		color: #03091CB2;
	}
	.about-belive__item svg{
		position: absolute;
		top: 20px;
		right: 20px;
	}

	.about{
		position: relative;
	}
	.about-header{
		position: relative;
	}
	.about-mapx{
		position: absolute;
		bottom: -20px;
		width: 1150px;
		right: 59%;
		transform: translateX(100%);
	}
	.about-plit{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 45px;
		margin-top: 66px;
		max-width: 515px;
	}
	.about-plit__title{
		font-weight: 500;
		font-size: 55px;
		line-height: 45px;
		display: flex;
		color: #121F49;
		margin-bottom: 15px;
		align-items: end;
	}
	.about-plit__title span{
		margin-left: 10px;
		display: block;
		color: #121F49;
		font-size: 16px;
		max-width: 66px;
		line-height: 16px;
	}
	.about-plit__text{
		font-size: 16px;
		line-height: 127%;
		color: #03091CB2;
	}
	.about-rating{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
		margin-top: 55px;
		max-width: 1000px;
		z-index: 1;
		position: relative;
	}
	.about-rating__item{
		background: white;
		border-radius: 20px;
		padding: 20px;
		position: relative;
	}
	.about-rating__title{
		font-weight: 500;
		font-size: 35px;
		line-height: 30px;
		color: #121F49;
		margin-bottom: 20px;
	}
	.about-rating__text{
		font-size: 16px;
		line-height: 100%;
		color: #03091CB2;
	}
	.about-rating__text a{
		/*text-decoration: none;*/
	}
	.about-rating__icon{
		position: absolute;
		top: 20px;
		right: 20px;
		width: fit-content;
	}

	.our-team__img{
		display: block;
		margin-top: 30px;
		width: 100%;
		max-height: 500px;
		border-radius: 20px;
        object-position: center;
        object-fit: cover;
	}

.banner{
	padding: 40px;
	border-radius: 20px;
}
.banner-money{
	background: #121F49 url("/images/banner-money.png") no-repeat right center;
}
.banner-money__title{
	color: white;
	font-weight: 500;
	font-size: 55px;
	line-height: 94%;
	max-width: 586px;
	margin-bottom: 35px;
}
.banner-money__text{
	color: white;
	/*max-width: 520px;*/
	font-size: 18px;
}
.banner-money__text p{
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.banner-money__text a{
	text-decoration: none;
	color: #FF5715;
}

.banner-calc{
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 20px;
	margin-top: 50px;
}
.banner-calc__info{
	padding: 30px;
	background: white;
	border-radius: 20px;
}
.banner-calc__subtitle{
	color: #03091C;
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 20px;
}
.banner-calc__list{
	padding-bottom: 25px;
	margin-bottom: 20px;
	border-bottom: 1px solid #0000001A;
}
.banner-calc__elem{
	color: #03091CB2;
	margin-bottom: 10px;
}
.banner-calc__elem:last-child{
	margin-bottom: 0;
}
.banner-calc__list p{
	color: #03091CB2;
}
.banner-calc__inner{
	background:  #FF5715 url("/images/bg-banner-price.png") no-repeat center;
	background-size: cover;
	color: white;
	padding: 30px;
	border-radius: 20px;
	position: relative;
}
.banner-calc__title{
	max-width: 400px;
	font-weight: 700;
	font-size: 35px;
	margin-bottom: 15px;
}
.banner-calc__text{
	max-width: 400px;
}
.banner-calc__panel{
	margin-top: 50px;
	display: flex;
	align-items: center;
}
.banner-calc__panel svg{
	margin-right: 9px;
	display: block;
}
.banner-calc__panel a:not(.banner-calc__btn) {
	line-height: 15px;
	height: 16px;
	transform: translateY(-2px);
}
.banner-calc__phone{
	position: absolute;
	right: 85px;
	height: 339px;
	bottom: 0;
	width: 178px;
}

.banner-char{
	padding: 40px;
	background: #121F49 url("/images/banner-char.png") no-repeat right -1px center;
	background-size: contain;
}
.banner-char__title{
	font-weight: 500;
	font-size: 55px;
	line-height: 94%;
	margin-bottom: 40px;
	color: white;
}
.banner-char__text{
	font-size: 18px;
	color: white;
	max-width: 654px;
}

.banner-del{
	position: absolute;
	top: 170px;
	right: 0;
	width: 380px;

	padding: 20px;
	background: #121F49 url("/images/banner-del.png") no-repeat right -1px center;
	background-size: contain;
	border-radius: 20px;
}
.banner-del__title{
	color: white;
	margin-bottom: 20px;
}
.banner-del__phone .component-call a{
	color: white;
}
.banner-del__phone .component-call span{
	color: white;
	padding-left: 25px;
}

.banner-dogovor{
	background: #FF5715;
}
.banner-dogovor__title{
	font-weight: 500;
	font-size: 48px;
	max-width: 520px;
	margin-bottom: 25px;
	color: white;
	line-height: 55px;
}
.banner-dogovor__subtitle{
	margin-bottom: 30px;
	color: white;
}
.banner-dogovor__nav{
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 30px;
}
.banner-dogovor__nav li {
	margin-bottom: 10px;
	color: #FFFFFF;
	line-height: 18px;
	background: url(/images/white-check.png) no-repeat left;
	background-size: auto;
	padding-left: 40px;
	max-width: 540px
}
.banner-dogovor__panel{
	display: flex;
}
.banner-dogovor__panel .btn{
	display: block;
	margin-right: 30px;
	font-size: 18px;
}
.banner-dogovor__panel .component-call a{
	color: white;
}
.banner-dogovor__panel .component-call span{
	color: white;
	padding-left: 25px;
}
.banner-dogovor__panel .component-call.right span::before, .banner-dogovor__panel .component-call.right span::after {
	left: 0;
}

.banner-del__phone .component-call.right span::before, .banner-del__phone .component-call.right span::after {
	left: 0;
}

.banner-blue{
	position: relative;
	z-index: 1;
}
.banner-blue__inner{
	padding: 40px;
	background: #121F49 url("/images/banner-box.png") no-repeat right center;
	border-radius: 20px;
}
.banner-blue__inner._doc{
	background: #121F49 url("/images/banner-doc.png") no-repeat right center;
}
.banner-blue__inner._negabarit{
	background: #121F49 url("/images/banner-negabarit.png") no-repeat right center;
}
.banner-blue__title{
	color: white;
	font-weight: 500;
	font-size: 55px;
	line-height: 94%;
	max-width: 660px;
	margin-bottom: 35px;
}
.banner-blue__text{
	color: white;
	max-width: 640px;
}
.banner-blue__text p{
	font-weight: 400;
	font-size: 18px;
	line-height: 122%;
	letter-spacing: -1%;
	margin-bottom: 20px;
	margin-top: 0;
}
.banner-blue__text p:last-child{
	margin-bottom: 0;
}
.banner-blue__text a{
	text-decoration: none;
	color: #FF5715;
}

.tracking__subtitle{
	margin: 30px 0;
}
.tracking-mapx{
	position: absolute;
	top: -145px;
	width: 1200px;
	right: 50%;
	transform: translateX(100%);
	opacity: 0.7;
	z-index: 0;
}
.tracking-panel{
	display: flex;
	align-items: center;
	height: 57px;
}
.tracking-panel__input {
	width: 341px;
	margin-right: 15px;
	height: 100%;
}
.tracking-panel__input .input{
	height: 57px;
}
.tracking-panel__input .input input{
	height: 100%;
	line-height: 100%;
	padding: 0 20px;
}
.tracking-panel__input.error .input input{
	color: #FF5715;
}
.tracking-panel__btn {
	z-index: 1;
	height: 100%;
}
.tracking-panel__btn .btn{
	height: 100%;
	padding: 0 6px 0 20px;
}
.btn-tracking{
	display: flex;
	align-items: center;
	padding-right: 6px;
}
.btn-tracking i{
	display: flex;
	align-items: center;
	justify-content: center;

	background: #ffffff38;
	padding: 13px;
	margin-left: 25px;
	width: 44px;
	border-radius: 6px;
}
.form-tracking-info__text{
	margin-top: 16px;
	font-weight: 400;
	font-size: 14px;
	max-width: 557px;
}
.form-tracking-info__text._grey{
	color: #03091CB2;
}
.track-history{
	background: white;
	max-width: 779px;
	width: 100%;
	border-radius: 20px;
	padding: 20px;
	margin-top: 40px;
	position: relative;
	z-index: 1;
}
.track-history__inner{
	border-radius: 20px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	background: #D3DAE5;
	border: 1px solid #D3DAE5;
	overflow: hidden;
}
.track-history__item{
	padding: 20px 15px;
	color: #03091C;
	background:  white;
	white-space: nowrap;
}
.track-history__item._head{
	background: #F0F2F5;
	font-weight: 700;
}
.track-history__item:nth-last-child(-n + 3) {
	background: #121F49;
	color: #FFFFFF;
}

.banner-dogovor{
	position: relative;
}
.banner-dogovor .component-call span::before, .banner-dogovor .component-call span::after{
	background-color: white !important;
    box-shadow: 0 0 10px white !important;
}
.banner-specdog{
	position: absolute;
	top: 40px;
	right: 40px;

	padding: 25px;
	background: #FF7C48 url("/images/banner-specdog.png") no-repeat center bottom;
	background-size: contain;
	border-radius: 20px;
	width: 440px;
	padding-bottom: 250px;
}
.banner-specdog__tag{
	padding: 10px;
	margin-bottom: 17px;
	color: white;
	border: 1px solid white;
	border-radius: 40px;
	width: fit-content;
	display: flex;
	align-items: center;
	line-height: 10px;
}
.banner-specdog__tag svg{
	display: block;
	margin-right: 5px;
}
.banner-specdog__title{
	font-weight: 600;
	font-size: 24px;
	color: white;
	margin-bottom: 10px;
}
.banner-specdog__subtitle{
	color: white;
}

.banner-calc__btn{
	margin-right: 24px;
	/*font-family: 'Montserrat';*/
	/*font-weight: 500;*/
}
.banner-calc__btn.btn.btn-white{
	color: black;
	line-height: 1;

	height: 51px;
	padding: 0 20px;
	line-height: 48px;
}
.banner-calc__panel a:not(.banner-calc__btn){
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 20px;
	text-decoration: none;
	/*line-height: 81%;*/
	/*line-height: 48px;*/
}
.banner-calc__panel a svg{
	margin-right: 14px;
}

.contact-list__item{
	background: white;
	border-radius: 20px;
}
.contact-list__item .component-panel .panel-description{
	min-height: 72px;
}

.arrow-serv{
	background: url(/images/arrow-serv.png) no-repeat center;
	background-size: cover;
	width: 30px;
	height: 43px;
	position: absolute;
	bottom: -20px;
	right: 9px;
}

/* lp-decision */
.lp-decision-item{
	padding: 20px 20px 80px 20px;
	background-color: #FCFBFB;
	border-radius: 20px;
	position: relative;
}
.lp-decision-item__title{
	font-weight: 600;
	font-size: 22px;
	color: #111E4C;
	margin-bottom: 10px;
	max-width: 250px;
	line-height: 100%;
	min-height: 40px;
}
.lp-decision-item__date{
	color: #566985;
	margin-bottom: 20px;
}
.lp-decision-item__desc{
	font-size: 16px;
	color: #4C4C4C;

}
.lp-decision-item__icon{
	margin-bottom: 10px;
}
.lp-decision-item__link{
	display: block;
	color: #FF5715;
	margin-top: 0;
	text-decoration: none;
	position: absolute;
	bottom: 20px;
	left: 20px;
}
.lp-decision-item__soc{
	position: absolute;
	right: 20px;
	top: 20px;
}
.yandex .lp-decision-item__icon{
	width: 112px;
	height: 18px;
	background: url("/images/logo-ya.png") no-repeat center;
	background-size: contain;
}
.gis .lp-decision-item__icon{
	  width: 68px;
	  height: 22px;
	  background: url("/images/logo-2gis.png") no-repeat center;
	  background-size: contain;
}
.lp-decision-item__star{
	display: flex;
	align-items: center;
	justify-content: right;
}
.lp-decision-item__star path{
	fill: #FF5715;
}
/* Lp-decision */
.lp-slider .splide__arrow {
	background: #9BA9BE;
	border: 0;
	border-radius: 5px;
	height: 45px;
	opacity: .9;
	top: -95px;
	transform: unset;
	width: 45px;
}
.lp-slider .splide__arrow svg{
	fill: #fff;
}
.lp-slider .splide__arrow--next {
	right: 0;
}
.lp-slider .splide__arrow--prev {
	left: unset;
	right: 60px;
}


.modal .modal-body{
	border-radius: 20px;
	max-width: 540px;
	padding: 35px;
}
.feedback__logo{
	margin: 0 auto;
	margin-bottom: 46px;
	text-align: center;
}
.feedback__logo .svg{
	width: 159px;
	height: 46px;
}
.feedback__title{
	margin-bottom: 20px;
	width: 100%;
	color: #121F49;
	font-weight: 600;
	font-size: 35px;
	text-align: center;
	line-height: 100%;
}
.feedback__subtitle{
	color: #03091C;
	text-align: center;
	margin-bottom: 42px;
}
.feedback__phone{
	margin-bottom: 20px;
}
.feedback__btn{
	text-align: center;
	width: 100%;
	margin-top: 20px;
}
.feedback-privacy .input-radio{
	flex-wrap: nowrap;
}
.feedback-privacy i{
	border: 1px solid;
	max-width: 25px;
	min-width: 25px;
	height: 25px;
	display: block;
	margin-right: 10px;
}
.feedback-privacy .input-radio span{
	color: #121F49;

}
.feedback-privacy .input-radio span a{
	color: #121F49;
	font-size: 14px;
}
/* Блокировка скролла основного контента */
body.no-scroll {
	overflow: hidden;
}

/* Profile */
.profile-section{
	background: url(/images/profile-back.png) no-repeat center;
	background-size: contain;
}
.profile-form .component-body{
	background-color: white;
	border-radius: 30px;
}
.profile-form .body-part{
	padding: 30px 0 40px;
}
.profile-form .component-title{
	margin-bottom: 30px;
	color: #121F49;
	font-weight: 700;
	font-size: 30px;
	line-height: 117%;
}
.profile-form{
	max-width: 680px;
	margin: 0 auto;
}
.profile-form label{
	color: #6A6A6A;
}

.account__inner{
	display: flex;
	align-items: flex-start;
}

.account-nav{
	min-width: 280px;
	background: #FFFFFF;
	border-radius: 20px;
	padding: 20px;
	margin-right: 20px;
}
.account-nav__title{
	font-weight: 700;
	font-size: 16px;
	line-height: 135%;
	margin-bottom: 5px;
}
.account-nav__phone{
	line-height: 135%;
	letter-spacing: -1%;
	margin-bottom: 15px;
}
.account-nav__ul {
	margin-bottom: 30px;
}
.account-nav__item{
	color: #121F49;
	line-height: 100%;
	margin-bottom: 15px;
}
.account-nav__item[data-view=active]{
	color: #FF5715;
}
.account-nav__item[data-view=active] path{
	fill: #FF5715;
}
.account-nav__item a{
	display: flex;
	align-items: baseline;
	text-decoration: unset;
}
.account-nav__item i{
	display: block;
	margin-right: 10px;
}
.account-nav__item span{
	max-width: unset !important;
}
.account-nav__tracking{
	display: block;
	text-decoration: unset;
	color: #FFFFFF;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	padding: 20px;
	margin-bottom: 30px;
	border-radius: 15px;
    background: #FF5715 url(/images/garant-2.png) no-repeat bottom -32px right -33px / 116px;;
}
.account .account-redact__btn span, .account span.panel-description
{
	max-width: unset;
}


.tracking-block{
	background: #FFFFFF;
	border-radius: 20px;
	padding: 30px;
}
.tracking__title{
	margin-bottom: 30px;
	font-size: 30px;
}
.tracking-block__title{
	font-weight: 700;
	margin-bottom: 15px;
	width: 100%;
}
.tracking-block .tracking-panel__input{
	width: 100%;
	margin-right: 15px;
	height: 59px;
	border: 1px solid #D2D9E2;
	border-radius: 10px;
}
.tracking-block form{
	margin-bottom: 20px;
}
.tracking-block__text{
	color: #767C90;
	line-height: 100%;
	max-width: 626px;
}
.tracking-block .btn-tracking{
	width: 145px;
	text-align: center;
}

.account-body{
	width: 100%;
}
.account-blog{
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
.account-blog__item{
	display: block;
	position: relative;
	margin-right: 20px;
	width: 173px;
	height: 113px;
	border-radius: 15px;
	background: linear-gradient(180deg, rgb(0 0 0) -100%, rgba(0, 0, 0, 0.79) 100%);
}
.account-blog__title {
	position: absolute;
	font-size: 12px;
	line-height: 114.99999999999999%;
	letter-spacing: 0%;
	vertical-align: middle;
	bottom: 15px;
	left: 15px;
	color: white;
	z-index: 1;
}
.account-blog__item img {
	opacity: 0.5;
	display: block;
	z-index: 0;
	position: absolute;
}

.account-body__title{
	font-weight: 700;
	font-size: 30px;
	line-height: 117%;
	letter-spacing: -1%;
	color: #121F49;
	margin-bottom: 24px;
}
.account-my{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.account-my__item{
	background: white;
	padding: 20px;
	border-radius: 20px;
}
.account-my__status{
	margin-bottom: 20px;
	color: black;
	font-size: 16px;
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: 0%;

	max-width: 177px;
	border-radius: 5px;
	padding: 5px 10px 8px;
}
.account-my__title{
	margin-bottom: 28px;
	color: #3E465E;
	font-weight: 700;
	font-size: 22px;
	line-height: 100%;
	letter-spacing: 0%;
}
.account-my__info{
	font-size: 16px;
	line-height: 114.99999999999999%;
	color: #3E465E;
}

.account-dop{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 40px;
}
.account-dop__item{
	background: white;
	padding: 20px;
	border-radius: 20px;
}
.account-dop__title{
	margin-bottom: 28px;
	color: #121F49;
	font-weight: 700;
	font-size: 22px;
	line-height: 100%;
	letter-spacing: 0%;
}

.account-redact{
	display: block;
	margin-bottom: 40px;
	max-width: 608px;
}
.account-redact__item{
	display: flex;
	align-items: baseline;
	justify-content: space-between;

	border-bottom: 1px solid #CBD3DE;
	padding-bottom: 20px;
	margin-bottom: 20px;

}
.account-redact__label{
	color: #7E91AE;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	width: stretch;
}
.account-redact__input{
	border: 0;
	background: transparent;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0%;
	color: #3E465E;
	font-family: 'Cygre';
	font-size: 16px;
	text-align: right;
	width: stretch;
}
.account-redact__input::placeholder{
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #3E465E;
	font-family: 'Cygre';
	line-height: 100%;
}
.account-redact__btn.btn{
	display: flex;
	text-align: center;
	justify-content: center;
	width: 100%;
	background: #121F49;
	color: white;
}
.account-redact__btn.btn i{
    line-height: 1.2;
    margin-right: 10px;
}

.account__wrap{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.account-change{
	min-width: 430px;
	width: 100%;
	height: 275px;
	position: relative;
	padding: 20px;
	background: white;
	border-radius: 20px;
	border: 1px solid #DBE2EB
}
.account-change__title{
	color: #121F49;
	font-weight: 700;
	font-size: 22px;
	line-height: 117%;
	margin-bottom: 19px;
}
.account__wrap .input{
	margin-bottom: 10px;
}
.account__wrap .input.input-rounded::before{
	background: #F0F2F5;
	opacity: 1;
	border-radius: 5px;
}
.account__wrap .btn-orange.btn-input{
	margin-top: 10px;
}
.account__wrap .btn-orange.btn-input input{
	color: white;
}

.history-filter{
	border: 1px solid #DBE2EB;
	background: #FFFFFF;
	border-radius: 15px;
	padding: 30px;
	margin-bottom: 40px;

	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 50px;
	grid-row-gap: 20px;
}
.history-filter__item label{
	font-size: 12px;
	line-height: 100%;
	display: block;
	margin-bottom: 9px;
	color: #121F49;
}
.history-filter__item select{
	border: 1px solid #D2D9E2;
	border-radius: 5px;
	background: transparent;
	font-size: 12px;
	line-height: 100%;
	color: #767C90;
	height: 30px;
	padding: 0 10px;
	width: 200px;
	font-family: Cygre;
}
.history-table{
	display: flex;
	flex-direction: column;

	overflow: hidden;
	border-radius: 20px;
	border: 1px solid #DBE2EB
}
.history-table__header,
.history-table__row {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	/*border: 1px solid #DFE5EE;*/
}
.history-table__header{
	background: white;
}
.history-table__header div{
	color: #3E465E;
	padding: 20px 10px;
	font-weight: 700;
	font-size: 11px;
	line-height: 100%;
	border: 1px solid #DFE5EE;
}
.history-table__row div{
	color: #3E465E;
	padding: 27px 10px;
	font-size: 11px;
	line-height: 100%;
	border: 1px solid #DFE5EE;
}
.history-table__row div div{
	border: 0;
	padding: 5px 10px;
	border-radius: 5px;
	width: fit-content;
}
.history-table__row:nth-child(odd) {
	background: #FFFFFF;

}
.history-table__row:nth-child(even) {
	background: #F0F2F5;

}
.history-filter__panel{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.history-input{
	color: #767C90;
	font-size: 12px;
	line-height: 100%;

	border: 1px solid #D2D9E2;
	border-radius: 5px;

	width: 125px;
	height: 30px;
	padding: 0 10px;
}
.history-filter__panel span{
	height: 25px;
}
.history-filter__btn.btn{
	height: 30px;
	padding: 0 15px;
	border-radius: 5px;
	font-size: 12px;
	margin-right: 15px;
}
.history-filter__reset.btn{
	height: 30px;
	padding: 0 15px;
	border-radius: 5px;
	font-size: 12px;
	background: #F0F2F5;
	border-radius: 5px;
	line-height: 30px;
}
.history-filter__item.panel{
	display: flex;
	padding-top: 20px;
}

.account-body__back{
	display: flex;
	color: #3E465E;
	line-height: 100%;
	letter-spacing: 0%;
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-offset: 0%;
	text-decoration-thickness: 0%;
	margin-bottom: 35px;
}
.account-body__text{
	font-size: 18px;
	leading-trim: NONE;
	line-height: 110.00000000000001%;
	letter-spacing: -1%;
	margin-bottom: 55px;
	max-width: 650px;
	color: #3E465E;
}
.account-body .contact-list{
	display: grid;
	grid-template-columns: repeat(2	, 1fr);
}
.account-body .contact-list__item .component-panel .panel-description {
	min-height: 30px;
	margin-bottom: 15px;
}
.account-body .panel-body .contact-social-icon{
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: auto;
}
.account-body .component-panel .panel-body{
	padding: 20px;
}
.account-logout{

}
.account-logout__btn{
	font-weight: 600;
	font-size: 16px;
	line-height: 28.27px;
	letter-spacing: 0%;
	color: #3E465E;
	background: transparent;
	border: 0;
	cursor: pointer;
	font-family: "Cygre";
	padding: 0;
    padding-left: 5px;
}
/* Profile */

.komfort__item{
	position: relative;
}
.komfort__item svg{
	position: absolute;
	right: 20px;
	top: 20px;
}
.komfort__title{
	color: #121F49;
	font-weight: 700;
	font-size: 20px;
	line-height: 112.00000000000001%;
	margin-bottom: 15px;
	padding-right: 50px;
}
.komfort__text{
	color: #4C4C4C;
	line-height: 122%;
	letter-spacing: -1%;
}

.service-section .lp-decision__widjet {
	display: flex;
	align-items: center;
	position: absolute;
	top: -5px;
	right: 125px;
}

.head-grid-calc span{
	margin-left: auto;
	padding-right: 40px;
}

.section-packaging .packaging-rules._doc{
	grid-template-columns: repeat(3, 1fr);
}
.section-packaging .packaging-rules._short{
	grid-template-columns: repeat(6, 1fr);
}
.packaging-rules__text span{
    display: block;
    font-size: 29px;
    margin-bottom: 15px;
    color: #ff0e00;
}

.negabarit-plit{
	display: flex;
	justify-content: space-between;
}
.negabarit-plit__item{
	background: #FFFFFF;
	padding: 20px;
	font-size: 20px;
	line-height: 112.00000000000001%;
	letter-spacing: -1%;
	width: 100%;
	border-radius: 20px;
}
.negabarit-plit__item._blue{
	background: #121F49;
	color: white;
	min-width: 380px;
	width: 380px;
	margin-left: 20px;
}

.section__title br._mobile{
	display: none;
}
footer._mobile{
	display: none;
}

.account span{
	max-width: 70px;
	display: block;
	overflow: hidden;
}
/* Media */


/*promo*/
.promo-item {
	display: block;
	text-decoration: none;
	background: white;
	overflow: hidden;
	border-radius: 20px;
	padding-bottom: 20px;
}
.promo-item h3,.promo-item .t-sm{
	padding: 0 20px;
}
.promo-item .btn{
	margin-left: 20px;
}
.promo-item .item-image {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 20px;

	transition: transform 1s;
}
.promo-item .item-image .image-background {
	display: block;
	position: relative;
	width: calc(100% + 40px);
	height: 340px;
	-webkit-transition: transform 1s;
	transition: transform 1s;
}
.promo-info{
	background: white;
}
.promo-info .panel-title{
	text-align: start;
}
.banner-info{
	padding: 20px 0;
}

/*vacancies-form*/
.vacancies-form{
	background: #FF5715;
	border-radius: 30px;
	padding: 30px;
}
.vacancies-form__title{
	color: white;
	font-weight: 500;
	font-style: Medium;
	font-size: 48px;
	line-height: 99%;
	letter-spacing: 0%;
	margin-bottom: 24px;
}
.vacancies-form__subtitle{
	color: white;
	font-size: 20px;
	line-height: 109.00000000000001%;
	letter-spacing: 0%;
	vertical-align: bottom;
	margin-bottom: 60px;
}
.vacancies-form__inner{
	display: flex;
	flex-wrap: wrap;
}
.vacancies-form__inner .input{
	width: 240px;
	height: 53px;
	border-radius: 10px;
	color: #FFFFFF;
	margin-right: 10px;
}
.vacancies-form__inner .input::before{
	background: #FF7D4A;
	color: #FFFFFF;
}
.vacancies-form__inner .input .placeholder{
	color: #FFFFFF;
	top: 14px;
}
.vacancies-form__inner .body-privacy{
	width: 100%;
}
/*.vacancies-form__inner .input.mail{*/
/*	width: 100%;*/
/*}*/
.vacancies-form__inner .body-privacy .input{
	width: 500px;
}

@media (max-width: 991px) {
	.promo-item .item-image .image-background {
		height: 200px;
	}
}
/*promo*/

@media (min-width: 1920px) {} /*xxl*/

@media (max-width: 1300px) {
	.menu-top .menu-link, .menu-top .menu-list {
		margin: 4px 20px 9px 0;
		font-size: 14px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.brand-plit {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
		margin-top: 54px;
	}
} /*lg*/

@media (max-width: 996px) {
	h1, .h1 {
		font-size: 40px;
		line-height: 45px;
	}

	.header-review{
		display: none;
	}
	.component-social i {
		width: 23px;
		height: 23px;
		margin: 0 0px;
	}

	.menu-top .menu-link, .menu-top .menu-list {
		margin: 4px 10px 9px 0;
		font-size: 14px;
	}

	.search-form {
		right: 82px;
		width: 100px;
	}

	.fs-search__btn{
		width: 32px;
		height: 32px;
	}

	.fscreen-slider .splide__slide, .fscreen-slider .splide__track{
		height: auto;
	}
	.fscreen__column{
		height: fit-content;
	}
	.fscreen__column:first-child {
		padding-right: 0;
	}

	.contact-list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.contact-list > .contact-list__item:last-child{
		grid-column: auto;
	}

	.control-char__item {
		max-width: 500px;
		font-size: 18px;
	}
	.control-contact {
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}

	.banner-calc {
		display: grid;
		grid-template-columns: 1fr;
		gap: 20px;
		margin-top: 20px;
	}

	.banner.banner-del, .banner.banner-dogovor, .banner.banner-money, .banner.banner-char{
		padding: 15px;
	}
	.banner.banner-char, .banner.banner-money{
		padding-bottom: 190px !important;
	}

	.banner-del{
		position: relative;
		top: unset;
		right: unset;
			margin-top: 25px;
		}
		.banner-specdog{
			position: relative;
			top: 0;
			right: 0;
		width: 100%;
		margin-top: 27px;
		max-width: 440px;
	}
	.tracking-panel__input{
		width: 100%;
		height: 57px;
	}

	.brand-plit {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
		margin-top: 20px;
	}

	.footer-top__item .account {
		text-decoration: none;
		display: flex;
		align-items: center;
		line-height: 0px;
	}
	.footer-top__item .account span {
		line-height: 14px;
		font-family: sans-serif;
	}

	.banner-info__inner {
		padding: 25px;
		background: rgb(18, 31, 73);
		border-radius: 20px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
	}
} /*md*/

@media (max-width: 767px) {

	.section__title {
		font-size: 21px;
	}
	.section-service .section__title span{
		display: block;
	}
	.section__title br {
		display: none;
	}

	h1, .h1 {
		font-size: 26px;
		font-weight: 600;
		line-height: 30px;
	}

	[data-view="fixed"] .menu-top .menu-link > span {
		line-height: 1.5;
	}

	.header-modal{
		display: block;
		position: fixed;
		top: 0;
		left: unset;
		right: 0;
		width: 80%;
		height: 100lvh;
		margin: 0;
		padding: 30px 0px;
		background-color: var(--color-white);
		z-index: 1000;
		-webkit-transition: transform .35s;
		transition: transform .35s;
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: translate(110vw, 0);
		transform: translate(110vw, 0);
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		z-index: 1000;
		padding-left: 25px;
		overflow: scroll;
	}
	.header-modal.active{
		transform: translate(0, 0);
	}
	.header-hide.active{
		display: block;
		background: #909090;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 999;
		opacity: 0.3;
	}
	.header-modal__close{
		position: absolute;
		right: 20px;
		top: 20px;
	}
	.header-modal__logo{
		display: block;
		margin-bottom: 30px;
	}
	.header-modal__logo i{
		width: 165px;
		height: 50px;
	}
	.header-modal .menu-top{
		position: relative;
		transform: unset;
		height: auto;
		top: unset;
		left: unset;
		padding: 0;
		border: 0;
		margin-bottom: 30px;
	}
	.header-modal .menu-top .menu-list{
		margin: 0;
	}
	.header-modal .menu-top .menu-link{
		font-size: 14px;
		padding: 0;
		padding-bottom: 15px;
		margin-bottom: 0;
		display: flex;
		margin-right: 0;
	}
	.header-modal .menu-top .account i{
		display: inline;
	}
	.header-modal .menu-top .account{
		padding-left: 0;
		position: relative;
	}
	.header-modal .component-call span{
		display: inline;
		font-size: 14px;
		padding-left: 20px;
	}
	.header-modal .component-call.right span::before {
		left: 0;
		right: auto;
	}
	.header-modal .component-call.right span::after {
		left: 0;
		right: auto;
	}
	.header-modal .component-call a {
		font-size: 24px;
	}
	.header-modal .call-mobile{
		display: none !important;
	}
	.header-modal .component-call{
		margin-bottom: 30px;
	}
	.header-modal .component-social{
		position: relative;
		top: unset;
		right: unset;
	}
	.header-modal .header-location{
		position: relative;
		margin-top: 20px;
		left: unset;
		bottom: unset;
	}
	.header-mail{
		margin-top: 9px;
		color: black;
		color: #4C4C4C;
	}
	[data-view="fixed"] .menu-top .menu-link {
		margin: 4px 10px 9px 0;
		font-size: 14px;
	}

	.fscreen-popular__value {
		font-size: 14px;
		min-width: 67px;
	}
	.fscreen-slider__item {
		height: 268px;
		width: 100%;
		padding: 20px;
	}
	.section._whitefon {
		border-radius: 30px;
		background: unset;
		margin: 0;
		padding: 30px 0;
	}

	body[data-view='fixed'] .call-mobile{
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		/*right: 70px;*/
		left: 50%;
		transform: translateX(-50%);
		margin: auto;
		width: 160px;
		height: 20px;
		border: none;
		background-color: transparent;
		overflow: hidden;
		z-index: 1010;
	}
	.call-mobile a{
		font-size: 17px;
	}

	.header-logo {
		margin-right: 10px;
		height: 40px;
	}
    .header-mode {
        padding: 5px;
    }
	.header-top .logo i {
		width: 115px;
		height: 40px;
	}
	.header-top__item {
		margin-right: 0;
	}
	.header-mode__item {
		font-size: 10px;
		padding: 0px 5px;
	}
	.header-review{
		display: none;
	}
	.header-top .container{
		border: 0;
	}
	.header-top__inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 0;
		flex-wrap: wrap;
	}
	.header-top__wrap{
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}
	.header-top__wrap:first-child{
		border-bottom: 1px solid #CBD5E4;
		padding-bottom: 10px;
		margin-bottom: 10px;
		justify-content: flex-start;
	}
	.component-social a{
		width: 30px;
		height: 30px;
		margin-right: 5px;
	}
	.component-social i {
		width: 14px;
		height: 14px;
		margin: 0 0px;
	}
	.header-top__item.component-social{
		order: 1;
	}
	.component-call span{
		display: none;
	}

	.menu-top {
		overflow: auto;
	}
	.menu-top .menu-list {
		display: block;
		display: flex;
		align-items: baseline;
		flex-wrap: wrap;
	}
	.menu-top .menu-list button {
		display: block;
		/*position: absolute;*/
		/*top: 0px;*/
		/*right: 15px;*/
		width: 20px;
		height: 20px;
		border: 0;
		background-color: transparent;
		z-index: 10;
	}
	/*.menu-top .menu-list button:before,*/
	/*.menu-top .menu-list button:after {*/
	/*	content: '';*/
	/*	position: absolute;*/
	/*	top: 0;*/
	/*	bottom: 0;*/
	/*	right: 0px;*/
	/*	left: 0;*/
	/*	margin: auto;*/
	/*	z-index: 1;*/

	/*	width: 10px;*/
	/*	height: 2px;*/
	/*	background-color: var(--color-primary);*/

	/*	-webkit-transition: transform .25s;*/
	/*	transition: transform .25s;*/

	/*	-webkit-transform-origin: 50% 50%;*/
	/*	transform-origin: 50% 50%;*/
	/*}*/
	/*.menu-top .menu-list button:before {*/
	/*	-webkit-transform: rotate(-45deg) translate(5px, 0);*/
	/*	transform: rotate(-45deg) translate(5px, 0);*/
	/*}*/
	/*.menu-top .menu-list button:after {*/
	/*	-webkit-transform: rotate(45deg) translate(-5px, 0);*/
	/*	transform: rotate(45deg) translate(-5px, 0);*/
	/*}*/
	/*.menu-top .menu-list[data-view="open"] button:before {*/
	/*	-webkit-transform: rotate(45deg) translate(0px, -5px);*/
	/*	transform: rotate(45deg) translate(0px, -5px);*/
	/*}*/
	/*.menu-top .menu-list[data-view="open"] button:after {*/
	/*	-webkit-transform: rotate(-45deg) translate(0px, -5px);*/
	/*	transform: rotate(-45deg) translate(0px, -5px);*/
	/*}*/

    [data-view="fixed"] .header-bottom .header-fixed.header-mode{
		display: none !important;
	}
    [data-view="fixed"] .header-bottom{
		position: unset;
		top: unset;
		background: transparent;
		height: unset;
	}
	.header-bottom .container {
		padding: 0;
		height: 100%;
	}
	.header-bottom .logo {
		left: 15px;
		width: 155px;
		height: 52px;

		-webkit-transform: scale(1,1) translateX(0px);
		transform: scale(1,1) translateX(0px);
	}
	[data-view="fixed"] .header-bottom .logo {
		width: 54px;

		-webkit-transform: scale(0.75,0.75) translateX(-15px);
		transform: scale(0.75,0.75) translateX(-15px);
	}
	[data-view="fixed"] .menu-top .call{
		display: none;
	}
	.header-bottom .logo i {
		width: 155px;
		height: 52px;
	}
	.menu-toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 20px;
		margin: auto;
		width: 30px;
		height: 30px;
		border: none;
		background-color: transparent;
		overflow: hidden;
		z-index: 1010;
	}
	.menu-toggle span {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		height: 2px;
		background-color: var(--color-main-text);
		z-index: 1;

		-webkit-transition: transform .35s;
		transition: transform .35s;

		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
	}
	.menu-toggle span:nth-child(1) {
		-webkit-transform: translate(0,-10px);
		transform: translate(0,-10px);
	}
	.menu-toggle span:nth-child(2) {
		-webkit-transform: translate(0,10px);
		transform: translate(0,10px);
	}
	[data-state="open"] .menu-toggle span:nth-child(1) {
		-webkit-transform: translate(6px,-9px) rotate(45deg);
		transform: translate(6px,-9px) rotate(45deg);
	}
	[data-state="open"] .menu-toggle span:nth-child(3) {
		-webkit-transform: translate(42px,0px);
		transform: translate(42px,0px);
	}
	[data-state="open"] .menu-toggle span:nth-child(2) {
		-webkit-transform: translate(5px,12px) rotate(-45deg);
		transform: translate(5px,12px) rotate(-45deg);
	}

	.menu-top {
		display: block;
		position: absolute;
		top: -146px;
		left: unset;
		right: 0;
		width: 80%;
		height: 100lvh;
		/*height: calc(100lvh - 69px);*/
		margin: 0;
		padding: 30px 0px;
		background-color: var(--color-white);
		z-index: 1000;

		-webkit-transition: transform .35s;
		transition: transform .35s;

		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;

		-webkit-transform: translate(110vw,0);
		transform: translate(110vw,0);

		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	/*[data-view="fixed"] .menu-top {*/
	/*	position: fixed;*/
	/*	top: 0;*/
	/*	padding: 25px 0px 0 0;*/
	/*}*/
	[data-state="open"] .menu-top {
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
	.menu-top .menu-link,
	/*[data-view="fixed"] .menu-top .menu-link,*/
	/*.menu-top .account,*/
	/*[data-view="fixed"] .menu-top .account {*/
	/*	display: block;*/
	/*	position: relative;*/
	/*	width: 100%;*/
	/*	height: auto;*/
	/*	margin: 0;*/
	/*	padding: 15px 30px;*/

	/*	font-size: 16px;*/

	/*	-webkit-transform: translate(0,0);*/
	/*	transform: translate(0,0);*/
	/*}*/
	/*.menu-top .account i {*/
	/*	display: none;*/
	/*}*/

	.menu-top .menu-contacts,
	/*[data-view="fixed"] .menu-top .menu-contacts {*/
	/*	position: absolute;*/
	/*	bottom: 0;*/
	/*	left: 0;*/
	/*	right: 0;*/
	/*	width: 100%;*/
	/*	height: auto;*/
	/*	z-index: 1;*/
	/*	box-sizing: border-box;*/
	/*	padding: 30px;*/

	/*}*/

	.component-search {
		padding: 15px 30px ;
	}
	.component-search i {
		left: 30px;
	}
	.component-search input {
		font-size: 16px;
	}

	.component-social{
		position: absolute;
		top: 4px;
		right: 15px;
	}
	.header-burger{
		display: block
	}
	.menu-toggle{
		position: relative;
		background: #121F49;
		border-radius: 50%;
		right: 0;
	}
	.header-location{
		position: absolute;
		bottom: 5px;
		left: 192px;
	}
	.header-in{
		display: block;
	}
	.header-in a{
		text-decoration: none;
		display: flex;
		align-items: center;
	}
	.header-in a i{
		margin-right: 5px;
		margin-right: 5px;
		height: 17px;
	}
	.account span {
		line-height: 1;
		height: auto;
		display: block;
	}
	.search-form{
		display: none;
	}

	[data-view="fixed"] .header-top{
		position: fixed;
		top: 0;
		width: 100%;
	}
	[data-view="fixed"] .header-in{
		display: none;
	}
	[data-view="fixed"] .header-top .header-top__wrap{
		border-bottom: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	[data-view="fixed"] .header-bottom .logo, [data-view="fixed"] .header-bottom .call-mobile{
		display: none !important;
	}
	[data-view="fixed"] .header-top__item.header-location{
		display: none;
	}
	[data-state="open"] .menu-top .call{
		display: block;
		position: relative;
		padding-left: 50px;
	}

	[data-view="fixed"] .header-mode{
		display: none;
	}

	[data-view="fixed"] .header-modal .menu-top .account{
		display: flex;
		position: relative;
		align-items: center;
	}

	.menu-top .menu-toggle{
		display: block;
        background: transparent;
        position: absolute;
        right: 20px;
        top: 20px;
        bottom: unset;
        color: #00000078;
        font-size: 20px;
	}

	[data-view="fixed"] .header-top__item.component-call{
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: unset;
		right: 130px;
	}

	[data-view="fixed"] .header-top__item.component-call a{
		font-size: 14px;
		font-weight: 700;
		position: relative;
		z-index: 1;
		line-height: 13px;
		display: block;
	}
	[data-view="fixed"] .header-top__item.component-call hr.xxs{
		display: none;
	}
	[data-view="fixed"] .header-top__item.component-call span{
		display: none;
		color: white;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 0;
	}
	[data-view="fixed"] .header-top__item.component-call .component-call span::before, [data-view="fixed"] .header-top__item.component-call span::after{
		width: 6px;
		height: 6px;
		left: -10px !important;
		top: 4px;

	}

	[data-view="fixed"] .header-top .header-top__item.component-social {
		position: absolute;
		top: 0px;
		right: 15px;
	}
	[data-view="fixed"] .header-top .logo {
		height: 30px;
	}
	[data-view="fixed"] .header-top{
		padding: 10px 0px;
	}
	[data-view="fixed"] .component-call{
		transform: translateY(-1px);
    }
	.component-call{
		transform: translateY(1px);
    }


    .fs-calc__item {
        margin-right: 0;
        position: relative;
        width: 100%;
        margin-bottom: 20px;
    }
	.fs-calc__date{
		min-height: 42px;
	}
	.rep-bus{
		width: auto;
		height: 230px;
	}
	.rep-right2 {
		position: absolute;
		right: 60px;
		bottom: 0;
		object-fit: cover;
		height: 110px;
		width: 110px;
	}

	.fscreen-slider._black .fscreen-slider__item._this{
		background: url(/images/fscs-this_.png) no-repeat center bottom -75px / cover,
		linear-gradient(161.55deg, #172452 8.37%, #4E65B3 88.08%);
	}
	.fscreen-slider .fscreen-slider__item._this{
		background: url(/images/fscs-this_.png) no-repeat center bottom -75px / cover,
		linear-gradient(161.55deg, #FFFFFF 8.37%, #B1BBDC 88.08%);
	}
	.fscreen-slider__item._ural{
		background: url("/images/fscs-ural_.png") no-repeat center bottom -50px / cover,
		linear-gradient(161.55deg, #FFFFFF 8.37%, #B1BBDC 88.08%);
	}
	.fscreen-slider._black .fscreen-slider__item._ural{
		background: url("/images/fscs-ural_.png") no-repeat center bottom -50px / cover,
		linear-gradient(161.55deg, #172452 8.37%, #4E65B3 88.08%);
	}
	.fscreen-slider__item._chel{
		background: url("/images/fscs-chel_.png") no-repeat left 70px bottom -75px / cover,
		linear-gradient(161.55deg, #FFFFFF 8.37%, #B1BBDC 88.08%);
	}
	.fscreen-slider._black .fscreen-slider__item._chel{
		background: url("/images/fscs-chel_.png") no-repeat left 70px bottom -75px / cover,
		linear-gradient(161.55deg, #172452 8.37%, #4E65B3 88.08%);
	}

	.rep-item__title{
		max-width: 260px;
	}

	.garant__item h1{
		margin-bottom: 20px;
	}
	.garant__item p, .garant__item b {
		font-size: 14px;
	}
	.garant__wrap {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}

	.garant-srok {
		margin-top: 20px;
		displaY: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}
	.garant-srok__item {
		display: flex;
		align-items: center;
		padding: 20px;
		background: white;
		border-radius: 20px;
		line-height: 18px;
		font-size: 14px;
	}
	.garant-srok__item svg {
		margin-right: 16px;
		min-width: 30px;
		max-width: 30px;
	}
	.garant-srok__item._car{
		padding-bottom: 120px;
		position: relative;
	}

	.garant-uslov {
		margin-top: 20px;
		displaY: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}
	.garant-uslov > .garant-uslov__item:last-child {
		grid-column: auto;
		grid-row: auto;
		background: #121F49;
		color: white;
		padding: 20px;
	}
	.garant-uslov__item {
		padding: 60px 20px 20px 20px;
		background: white;
		border-radius: 20px;
		line-height: 18px;
		font-size: 14px;
		position: relative;
	}
	.garant-uslov__item li {
		padding-left: 23px;
		background: url(/images/garant-x.png) no-repeat left top;
		background-size: 16px;
		font-size: 14px;
		margin-bottom: 10px;
	}
	.garant-uslov__title {
		font-weight: 700;
		font-size: 20px;
		margin-bottom: 20px;
	}
	p.ps {
		color: #03091CB2;
		font-size: 14px;
		margin-top: 30px;
	}
	.garant-mapx {
		position: relative;
		top: auto;
		width: 100%;
		right: auto;
		transform: none;
		margin-top: -50px;
	}

	.banner-money {
		background: #121F49 url(/images/banner-money.png) no-repeat right bottom;
		padding: 18px 30px 160px 16px;
		background-size: 220px;
	}
	.banner-money__title {
		color: white;
		font-weight: 500;
		font-size: 26px;
		line-height: 94%;
		max-width: 586px;
		margin-bottom: 21px;
	}
	.banner-money__text {
		font-size: 14px;
	}

	.contact-list {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}
	.contact-list > .contact-list__item:last-child{
		grid-column: auto;
		grid-row: auto;
	}
	hr.md {
		height: 30px;
	}
	.component-panel .panel-body {
		padding: 15px;
	}
	.contact-list__item .component-panel .panel-description {
		min-height: auto;
		margin-bottom: 20px;
	}
	.panel-body .contact-social-icon {
		display: flex;
		width: 100%;
		justify-content: left;
		margin-top: 10px;
		position: relative;
		right: auto;
		bottom: auto;
	}
	.section-subtitle {
		margin: 20px 0;
		color: #03091C;
		font-size: 16px;
	}
	.contact-files__item {
		background: #FFFFFF url(/images/icon-down.png) no-repeat center right 15px;
		background-size: 19px 25px;
		margin-bottom: 10px;
		padding: 15px 15px;
		font-size: 16px;
	}
	.contact-files__item:last-child {
		margin-bottom: 0;
	}
	.panel-description .panel-description__item {
		display: block;
		justify-content: none;
		padding: 15px 0px;
		border-bottom: 1px solid #D1D7E1;
		margin-bottom: 15px;
	}
	.panel-description .panel-description__item span{
		display: block;
		float: unset !important;
		font-size: 14px;
		margin-bottom: 10px;
	}
	.contact-social__text{
		display: none;
	}
	.panel-description__item:last-child{
		margin-bottom: 0;
	}

	.control-char__wrap {
		flex-wrap: wrap;
	}
	.control-char__item {
		max-width: none;
		font-size: 18px;
		margin-bottom: 20px;
	}

	.control-contact {
		grid-template-columns: repeat(1, 1fr);
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		width: 100%;
	}
	.control-char__item {
		max-width: none;
		font-size: 14px;
		margin-bottom: 20px;
	}
	.control-char__item b:first-child {
		margin-bottom: 10px;
		display: block;
	}
	.control-link{
		display: none;
	}
	.control-help {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
		margin-top: 30px;
	}
	.control-help__item {
		padding: 20px 20px 70px 20px;
	}

	.banner-char{
		padding: 16px 16px 190px 16px;
		background: #121F49 url("/images/banner-char.png") no-repeat right -1px bottom;
		background-size: 240px;
	}
	.banner-char__title{
		font-size: 26px;
		margin-bottom: 20px;
	}
	.banner-char__text{
		font-size: 14px;
		color: white;
		max-width: 645px;
	}

	.head-grid {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}
	.head-grid span {
		font-size: 14px;
		line-height: 127%;
		margin-top: auto;
	}

	.grid-plit,.grid-plit-3 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}

	.banner-del{
		width: 100%;
	}
	.banner-dogovor{
		padding: 20px;
	}
	.banner-dogovor__title{
		font-size: 26px;
		line-height: 26px;
		margin-bottom: 15px;
	}
	.banner-dogovor__subtitle {
		margin-bottom: 20px;
	}
	.banner-dogovor__panel{
		flex-wrap: wrap;
	}
	.banner-dogovor__panel .btn{
		margin-right: 0;
		margin-bottom: 15px;
		width: 100%;
		text-align: center;
	}
	.track-history__item{
		padding: 10px;
	}

	.about-video video {
		margin: 20px 0;
		border-radius: 40px;
		height: 300px;
	}
	.about-plit {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 45px;
		margin-top: 1px;
		max-width: 515px;
	}
	.about-rating {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		margin-top: 30px;
	}
	.about-rating__icon {
		position: relative;
		top: unset;
		right: unset;
		width: fit-content;
		margin-top: 20px;
	}
	.about-rating__title {
		font-weight: 500;
		font-size: 26px;
		line-height: 26px;
		color: #121F49;
		margin-bottom: 6px;
	}
	.about-rating__text {
		font-size: 14px;
	}
	.about-plit__title span {
		font-size: 14px;
	}
	.about-plit__text {
		font-size: 14px;
		line-height: 127%;
		color: #03091CB2;
	}
	.about-mapx {
		position: absolute;
		bottom: -82px;
		width: 1000px;
		right: unset;
		transform: unset;
		left: 0;
	}

	.history-plit, .choice{
		margin-top: 20px;
	}
	.grid-plit, .grid-plit-3 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 15px;
	}
	.history-plit__item {
		padding: 15px;
		position: relative;
	}
	.history-plit__title {
		font-size: 26px;
		margin-bottom: 4px;
	}
	.history-plit__subtitle {
		font-size: 14px;
		margin-bottom: 30px;
	}

	.grid-plit__item {
		background: white;
		border-radius: 15px;
		padding: 15px;
	}
	.about-price,.about-belive{
		margin-top: 20px;
	}
	.about-price__title {
		font-weight: 500;
		font-size: 20px;
	}


	.head-grid span b {
		color: #121F49;
		margin-bottom: 7px;
		font-size: 15px;
		display: block;
	}

	.brand-plit__item {
		background: white;
		border-radius: 20px;
		padding: 26px 0 !important;
		display: flex;
		align-items: center;
	}
	.brand-plit__item img {
		margin: 0 auto;
		height: 25px;
		width: auto;
		display: block;
	}

	.lp-decision__widjet {
		display: flex;
		align-items: center;
		position: relative;
		top: unset;
		right: unset;
		margin: 16px 0;
	}
	.reviews-links {
		margin-top: 10px;
		text-align: center;
	}
	.review-widjet {
		width: -webkit-fill-available;
	}
	.reviews-links a{
		width: 100%;
		margin-bottom: 5px;
	}

	.lp-slider.reviews-slider .splide__arrow{
		top: 0;
	}
	.lp-slider.reviews-slider .splide__track{
		padding-top: 60px;
	}


	.banner-calc__inner {
		background: #FF5715 url(/images/bg-banner-price.png) no-repeat bottom right;
		background-size: 700px;
		color: white;
		padding: 20px;
		border-radius: 20px;
		position: relative;
		padding-bottom: 306px;
	}
	.banner-calc__title {
		font-size: 20px;
	}
	.banner-calc__panel {
		margin-top: 20px;
		flex-wrap: wrap;
	}
	.banner-calc__btn {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.banner-calc__phone {
		position: absolute;
		right: 85px;
		height: 300px;
		bottom: 0;
		width: 155px;
	}

	.calc__inner {
		padding: 0px;
		margin-top: 20px;
	}
	.component-calc .body-form{
		display: none;
	}
	.component-calc .body-result {
		width: 100%;
		position: relative;
		padding: 20px;
	}
	.component-calc.component-lg {
		padding: 20px;
	}
	.calc-title {
		color: #03091C;
		font-weight: 600;
		font-size: 20px;
		line-height: 127%;
		margin-bottom: 20px;
		max-width: 251px;
	}

	.garant-free{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 15px;
	}
	.garant-free__item._50{
		background: url(/images/garant-1.png) no-repeat bottom -32px right -70px / 220px,
		linear-gradient(161.55deg, #FFFFFF 8.37%, #B1BBDC 88.08%);
	}
	.garant-free__item._rev{
		background: url(/images/garant-2.png) no-repeat bottom -60px right -70px / 220px,
		linear-gradient(161.55deg, #FFFFFF 8.37%, #B1BBDC 88.08%);
	}
	.garant-free__item {
		padding: 20px 145px 40px 20px;
		border-radius: 20px;
		overflow: hidden;
	}
	.garant-srok__item span {
		max-width: 249px;
	}

	.track-history__inner {
		overflow: scroll;
	}

	.control-contact__title {
		color: #03091CB2;
		font-size: 14px;
		margin-bottom: 5px;
		line-height: 1;
	}
	.control-contact__name {
		width: 100%;
		text-decoration: none;
	}
	.control-contact__name br{
		/*display: none;*/
	}
	.control-link.btn.btn-orange{
		display: none !important;
	}

	.modal .modal-body {
		border-radius: 20px;
		max-width: 350px;
		padding: 20px;
	}
	.feedback__title {
		margin-bottom: 10px;
		width: 100%;
		color: #121F49;
		font-weight: 600;
		font-size: 26px;
		text-align: center;
		line-height: 100%;
	}
	feedback__subtitle {
		color: #03091C;
		text-align: center;
		margin-bottom: 25px;
	}
	.feedback-privacy .input-radio span a ,.feedback-privacy .input-radio span {
		font-size: 12px;
	}
	.track-history {
		background: transparent;
		max-width: 779px;
		width: 100%;
		border-radius: 0;
		padding: 0;
		margin-top: 20px;
		position: relative;
		z-index: 1;
	}
	.track-history__item {
		white-space: normal;
	}
	.banner-del__phone .component-call span{
		display: inline-block;
	}

	.head-grid-calc span{
		margin-left: unset;
		padding-right: unset;
	}

	.calc-avtor .input>span {
		top: 12px;
		left: 12px;
		font-size: 12px;
	}
	.calc-avtor .input input {
		padding: 12px;
		font-size: 10px;
		text-align: left;
		color: black;
	}
	.calc-wrap__item.city-revers {
		width: 11px;
		margin: 0 5px;
		max-width: 11px;
	}
	.calc-wrap__item.city-revers .svg-sm {
		width: 11px;
		height: 11px;
	}

	.lp-calc-wrap {
		margin-bottom: 15px;
	}
	.lp-calc-param {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 5px;
	}
	.lp-calc-result__head {
		padding-bottom: 15px;
		margin-bottom: 20px;
		border-bottom: 1px dashed #C3C3C3;
	}

	.component-calc .input-calculate button {
		top: 12px;
		right: 5px;
		width: 16px;
		height: 16px;
		margin: 0;
	}
	.calc-avtor .input input[type=date] {
		padding: 12px;
		font-size: 14px;
		text-align: left;
		color: black;
	}
	.calc-avtor .lp-calc-dop.input-radio i {
		flex: 0 0 15px;
		max-width: 15px;
		width: 15px;
		height: 15px;
		margin: 0 10px 0 0;
	}
	.component-calc > .component-body .input-radio {
		display: flex;
		max-width: 400px;
		height: 18px;
		margin-right: 10px;
		margin-bottom: 14px;
	}
	.input[data-type="date"]::after {
		content: "";
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		width: 15px;
		height: 15px;
		background: url(/images/calendar.svg) center / contain no-repeat;
		pointer-events: none;
	}
	.lp-calc-result__history.t-sm, .t-sm *{
		font-size: 14px;
	}
	.choice .about-price__title{
		min-height: auto;
	}
	.lp-calc-param {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 10px;
	}

	.header-top .logo {
		display: block;
		overflow: hidden;
		background: url(/images/logo.jpeg) no-repeat center;
		background-size: contain;
		margin-right: 20px;
		height: 39px;
		width: 111px;
	}

	.lp-decision-item {
		padding: 15px 15px 60px 15px;
		background-color: #FCFBFB;
		border-radius: 20px;
		position: relative;
	}
	.lp-decision-item__title {
		font-size: 18px;
		margin-bottom: 10px;
		max-width: 170px;
		line-height: 100%;
		min-height: auto;
	}
	.lp-decision-item__date {
		color: #566985;
		margin-bottom: 10px;
	}
	.lp-decision-item__desc {
		font-size: 14px;
		color: #4C4C4C;
	}

	.account-nav__title {
		font-size: 14px;
	}
	.account-nav__phone{
		padding-bottom: 15px;
		border-bottom: 1px solid #E5EBF4
	}
	.account__inner {
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.account-nav {
		min-width: 280px;
		background: #FFFFFF;
		border-radius: 20px;
		padding: 20px;
		margin-right: 0;
		width: 100%;
		margin-bottom: 20px;
		position: relative;
	}
	.account-blog {
		display: flex;
		align-items: center;
		overflow-x: scroll;
		margin-bottom: 20px;
	}
	.account-blog__item {
		margin-right: 10px;
		min-width: 155px;
		height: 113px;
	}
	.account-blog__item img {
		height: 100%;
	}
	.account-body__title {
		font-weight: 700;
		font-size: 26px;
		line-height: 117%;
		letter-spacing: -1%;
		color: #121F49;
		margin-bottom: 20px;
	}
	.account-my {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}
	.account-my__item {
		background: white;
		padding: 15px;
		border-radius: 20px;
	}
	.account-my__status {
		margin-bottom: 15px;
		font-size: 12px;
		max-width: unset;
		width: fit-content;
	}
	.account-my__title {
		margin-bottom: 10px;
		color: #3E465E;
		font-weight: 700;
		font-size: 18px;
		line-height: 100%;
		letter-spacing: 0%;
	}
	.account-my__title br{
		display: none;
	}
	.account-my__info {
		font-size: 14px;
	}

	.account-redact__item {
		display: block;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.account-redact__label {
		font-size: 14px;
	}
	.account-redact__input {
		font-size: 14px;
		text-align: left;
	}
	.account__wrap {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}
	.account-change {
		min-width: auto;
		width: 100%;
		height: auto;
		padding: 15px;
	}
	.scrolline-item {
		padding: 5px 30px;
		font-size: 10px;
	}


	.account-body .contact-list {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}


	.history-filter {
		border: 1px solid #DBE2EB;
		background: #FFFFFF;
		border-radius: 15px;
		padding: 20px;
		margin-bottom: 15px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 20px;
	}
	.history-filter > :first-child {
		grid-column: span 2;
	}
	.history-filter__item select {
		border: 1px solid #D2D9E2;
		border-radius: 5px;
		background: transparent;
		font-size: 12px;
		line-height: 100%;
		color: #767C90;
		height: 30px;
		padding: 0 10px;
		width: 135px;
		font-family: Cygre;
	}
	.history-filter__panel {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.service__subtitle{
		font-weight: 400;
		font-size: 14px;
		line-height: 114.99999999999999%;
		letter-spacing: 0%;
		margin-bottom: 20px;
	}
	.service-panel {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}
	.service-panel .fscreen-garant{
		display: block;

		background: #FFFFFF url(/images/money-garant.png) no-repeat right -88px bottom -75px;
		padding: 15px;
		width: 100%;
		background-size: 220px;
	}
	.service-panel .fscreen-garant__btn {
		margin-top: 25px;
		position: relative;
		bottom: unset;
	}

	.night-panel {
		display: flex;
		margin-top: 28px;
		flex-wrap: wrap;
	}
	.night-panel a{
		width: 100%;
		text-align: center;
	}
	.night-panel a:first-child {
		margin-right: 0;
		margin-bottom: 10px;
	}
	.night__manager {
		font-size: 18px;
		line-height: 122%;
		letter-spacing: -1%;
		margin-top: 14px;
	}

	.section-packaging .packaging-rules._doc{
		grid-template-columns: repeat(1, 1fr);
	}

	.service-fast {
		display: block;
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.service-fast__item {
		padding: 15px;
		margin-bottom: 15px;
	}
	.service-section .lp-decision__widjet {
		display: flex;
		align-items: center;
		position: relative;
		top: unset;
		right: unset;
	}

	.banner {
		padding: 0;
		border-radius: 20px;
	}

	.banner-blue__title {
		color: white;
		font-weight: 500;
		font-size: 26px;
		line-height: 100%;
		max-width: 640px;
		margin-bottom: 20px;
	}
	.banner-blue__inner {
		padding: 15px 15px 220px 15px;
		background: url(/images/banner-box.png) center bottom 15px no-repeat rgb(18, 31, 73);
		border-radius: 20px;
		background-size: 258px 203px;
	}
	.banner-blue__inner._doc{
		background: url(/images/banner-doc.png) center bottom 15px no-repeat rgb(18, 31, 73);
		background-size: 258px 203px;
	}
	.banner-blue__inner._negabarit{
		background: #121F49 url("/images/banner-negabarit.png") no-repeat center bottom 15px;
		background-size: 292px 187px;
	}
	.banner-blue__text p {
		font-weight: 400;
		font-size: 14px;
		line-height: 122%;
		letter-spacing: -1%;
		margin-bottom: 10px;
		margin-top: 0;
	}

	.negabarit-plit__item._blue{
		background: #121F49;
		color: white;
		min-width: unset;
		margin-left: 20px;
	}

	.night__manager span{
		display: block;
	}
	.arrow-serv {
		bottom: -60px;
		transform: rotate(68deg);
	}

	.negabarit-plit {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.negabarit-plit__item{
		padding: 15px;
		font-size: 18px;
	}
	.negabarit-plit__item._blue{
		margin-left: 0;
		margin-top: 15px;
	}


	footer .container {
		padding-left: 20px;
		padding-right: 15px;
	}

	.break {
		flex-basis: 100%;
		height: 0;
	}

	.input-select .select-clear {
		display: none;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 5px;
		width: 15px;
		height: 15px;
		margin: auto;
		border: none;
		background-color: transparent;
		cursor: pointer;
		opacity: 0;
		-webkit-transition: opacity .25s;
		transition: opacity .25s;
	}

	.input-select .select-clear::before, .input-select .select-clear::after {
		width: 10px;
	}
	.component-popup .component-popup-text{
		left: unset;
		right: 50%;
		transform: translateX(50%);
		position: fixed;
		bottom: 10px;
		width: 240px;
	}


	.header-modal .menu-top .menu-link {
		padding-bottom: 12px;
		margin: 0 !important;
	}

    .yamap-warning {
        position: absolute;
        top: 700px;
        left: 30px;
        width: 353px;
	}
	.yamap-warning__title {
		padding: 77px 35px;
	}
    .section__title br._mobile{
		display: block;
	}

	footer{
		display: none;
	}
	footer._mobile{
		display: block;
	}
	footer .component-call.footer{
		display: flex;
		flex-wrap: wrap;
	}
	footer .component-call.footer span {
		margin-bottom: 0;
		font-size: 14px;
		order: 1;
        width: 100%;
	}
	footer .component-social{
		position: relative;
		right: 0;
		bottom: 0;
	}
	.footer-top .col.footer-panel{
		margin-bottom: 7px;
	}

	.footer-top .col.footer-menu{
		margin-bottom: 30px;
	}
	.fscreen-slider__btn.btn{
		display: block;
	}

	.fscreen-slider._black .fscreen-slider__item._etrn{
		background: url("/images/etrn.png") no-repeat center right -80px, linear-gradient(161.55deg, #172452 8.37%, #4E65B3 88.08%);
		background-size: cover;
		display: block;
	}

} /*xs*/
@media (max-width: 420px) {
	/*.header-top__item.component-social a:not(.header-burger){*/
	/*	display: none;*/
	/*}*/
	.header-location {
		position: absolute;
		bottom: 3px;
		left: 170px;
	}

	.logo-desk{
		display: none;
	}
	.logo-mobile{
		display: block;
	}

	.header-top .logo i {
		width: 50px;
		height: 37px;
	}
    .header-location i, .header-mail i{
		margin-right: 5px;
	}

	.garant-free__title {
		font-size: 26px;
		margin-bottom: 10px;
		line-height: 26px;
	}
	.garant-free__text {
		color: #03091C;
		font-size: 14px;
	}


	.header-top .logo {
		display: block;
		overflow: hidden;
		background: url(/images/logo.jpeg) no-repeat center;
		background-size: contain;
		margin-right: 9px;
		height: 39px;
		width: 66px;
	}
} /*xs*/
/* Media */
.account span{
	line-height: 1;
}
.mac .account span{
	transform: translateY(-2px);
}
.banner-specdog__tag span{
	line-height: 1;
}
.mac .banner-specdog__tag span{
	transform: translateY(-3px);
}
.mac .search-form .input.input-transparent input{
	transform: translateY(-1px);
}
/*.mac .banner-calc__panel a{*/
/*	transform: translateY(-1px);*/
/*}*/
@supports (gap: 20px) {
	.contact-list {
		gap: 20px;
	}
}
@supports not (gap: 20px) {
	.contact-list > * {
		margin: 10px;
	}
	.contact-list__item:first-child{
		margin-left: 0;
	}
	.contact-list__item:last-child{
		margin-right: 0;
	}
}


/* End */
/* /local/templates/avtor/assets/libs/splide-4.1.3/dist/css/splide.min.css?17748670845002 */
/* /local/templates/avtor/assets/css/app.css?178634850145422 */
/* /local/templates/avtor/components/bitrix/menu/top_multilevel/style.min.css?17748670453715 */
/* /local/templates/avtor/components/bitrix/menu/modal/style.min.css?17775358113715 */
/* /local/templates/avtor/components/bitrix/breadcrumb/main/style.css?1779760489596 */
/* /local/templates/avtor/components/bitrix/menu/bottom/style.min.css?1774867043490 */
/* /local/components/trc/cookies/templates/main/style.css?17207701162317 */
/* /local/templates/avtor/styles.css?178937900024797 */
/* /local/templates/avtor/template_styles.css?1789383500206519 */