:root{
	--white-ff:     #FFFFFF;
	--black:        #4F4F4F;
	--white:        #F9F9F9;
	--red:          #DB4444;
	--blue:         #304191;
	--green:        #41B43F;
	--gray:         #E9E9E9;
	--gray-bg:      #F9F9F9;
	--placeholder:  #787878;
	--black-30:     rgba(79,79,79,0.3);
	--black-60:     rgba(79,79,79,0.6);
	--white-30:     rgba(249,249,249,0.3);
	--gray-60:      rgba(233,233,233,0.6);
	--gray-10:      rgba(233,233,233,0.1);
	--shadow:       rgba(25,33,61,0.08);
	--shadow-dark:  rgba(0,0,0,0.5);
	--table-border: #DFEEF2;
	--table-bg:     #F2F8Fa;
}

@media screen and (min-width:320px){}
@media screen and (min-width:370px){}
@media screen and (min-width:470px){}
@media screen and (min-width:620px){}
@media screen and (min-width:920px){}
@media screen and (min-width:1220px){}
@media screen and (min-width:1520px){}

html{height:100%;width:100%;min-height:100%;overflow-x:hidden;overflow-y:scroll}
	html,*{scrollbar-color:var(--red) var(--white);scrollbar-width:thin}
	body{background-color:var(--white-ff);color:var(--black)}
	*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
	html{height:100%;width:100%;min-height:100%}
	body{height:100%;width:100%;min-height:100%;max-width:1920px;min-width:320px;margin:0 auto}
	.is-containers{height:100%;width:100%}
	.is-containers > .is-container{width:100%;margin:0 auto;padding:0 10px;max-width:1580px}

.garo{background-color:var(--white);width:100%;min-width:100%;max-width:100%}
	.garo{font-weight:400;font-family:'Inter',sans-serif;font-optical-sizing:auto;font-size:16px;line-height:1.3}
	.garo .page-content{line-height:1.6}
	.garo > *{position:relative}
	.garo h1,.garo .h1,.garo h2,.garo .h2{font-family:'Ubuntu',sans-serif;font-size:28px;font-weight:500;margin:0;padding:0;line-height:1.25}
	.garo h3,.garo .h3{font-family:'Ubuntu',sans-serif;font-size:22px;font-weight:500;margin:0;padding:0;line-height:1.25}
	.garo h4,.garo .price .h3{font-size:20px}
	.garo h4,.garo .price .h3 .fs12{font-weight:300}
	.garo h4,.garo .h4{font-family:'Ubuntu',sans-serif;font-size:16px;font-weight:400;margin:0;padding:0;line-height:1.45}

	@media screen and (min-width:620px){
		.garo h1,.garo .h1{font-size:32px}
	}
	@media screen and (min-width:1220px){
		.garo h1,.garo .h1{font-size:36px}
	}

	.garo .fs8{font-size:8px}
	.garo .fs10{font-size:10px}
	.garo .fs12{font-size:12px}
	.garo .fs14{font-size:14px}
	.garo .fs16{font-size:16px}
	.garo .fs20{font-size:20px}
	.garo .fs24{font-size:24px}
	.garo .bold{font-weight:700}
	.garo .medium{font-weight:500}
	.garo .none{display:none}
	.garo .block{display:block}

	.garo .black{color:var(--black)}
	.garo .white{color:var(--white)}
	.garo .red{color:var(--red)}
	.garo .blue{color:var(--blue)}
	.garo .opacity{opacity:0.65}
	.garo .del-gray{color:var(--gray)}

	.garo .bg-black{background-color:var(--black)}
	.garo .bg-white{background-color:var(--white)}
	.garo .bg-red{background-color:var(--red)}
	.garo .bg-blue{background-color:var(--blue)}
	.garo .bg-gray{background-color:var(--gray)}

	.garo .icon{display:block;text-align:center}
	.garo .icon .material{font-family:'Material Symbols Rounded';font-size:24px;font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
	.garo .icon .material{font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 48;margin:0 auto;transition:all 0.4s ease}
	.garo .icon .material.fast{transition-duration:0.2s}
	.garo .icon.active .material{transform:rotate(180deg)}
	.garo .icon .material.w100{font-variation-settings:'FILL' 0,'wght' 100,'GRAD' 0,'opsz' 48}
	.garo .icon .material.w200{font-variation-settings:'FILL' 0,'wght' 200,'GRAD' 0,'opsz' 48}
	.garo .icon .material.w300{font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 48}
	.garo .icon .material.w500{font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 48}
	.garo .icon .material.w600{font-variation-settings:'FILL' 0,'wght' 600,'GRAD' 0,'opsz' 48}
	.garo .icon .material.w700{font-variation-settings:'FILL' 1,'wght' 700,'GRAD' 0,'opsz' 48}
	.garo .icon .material.fs12{font-size:12px}
	.garo .icon .material.fs14{font-size:14px}
	.garo .icon .material.fs18{font-size:18px}
	.garo .icon .material.fs20{font-size:20px}
	.garo .icon .material.fs24{font-size:24px}
	.garo .icon .material.fs32{font-size:32px}
	.garo .icon .material.fs40{font-size:40px}

.garo a{position:relative;outline:none;transition:all 0.4s ease}
	.garo a,.garo a:visited{color:var(--blue);text-decoration:none}
	.garo a:hover,.garo a:focus,.garo a:visited:hover{color:var(--red);text-decoration:underline}
	.garo .page-content a,.garo .page-content a:visited{color:var(--red);text-decoration:underline}
	.garo .page-content a:hover,.garo .page-content a:focus,.garo .page-content a:visited:hover{color:var(--blue);text-decoration:none}
	.garo a::before{position:absolute;content:'';inset:-5px}

.garo svg{display:block;margin:0 auto;transition:fill 0.4s ease}

.garo input,.garo button,.garo texrarea,.garo select{outline:none}
	.garo input::-webkit-input-placeholder,.garo input::-moz-placeholder,.garo input:-ms-input-placeholder,.garo input:-moz-placeholder{color:var(--placeholder)} 
	.garo textarea::-webkit-input-placeholder,.garo textarea::-moz-placeholder,.garo textarea:-ms-input-placeholder,.garo textarea:-moz-placeholder{color:var(--placeholder)} 

.garo .ul-none,.garo .ul-none li{list-style:none;margin:0;padding:0;display:block}

.garo .pp{padding:10px}
	.garo .pt{padding-top:10px}
	.garo .pb{padding-bottom:10px}
	.garo .pl{padding-left:10px}
	.garo .pr{padding-right:10px}
	.garo .ptb{padding-top:10px;padding-bottom:10px}
	.garo .plr{padding-left:10px;padding-right:10px}

.garo .mm{margin:10px}
	.garo .mt{margin-top:10px}
	.garo .mb{margin-bottom:10px}
	.garo .ml{margin-left:10px}
	.garo .mr{margin-right:10px}
	.garo .mtb{margin-top:10px;margin-bottom:10px}
	.garo .mlr{margin-left:10px;margin-right:10px}


.garo .pointer{cursor:pointer}

.garo .btn{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:8px;width:100%;line-height:20px;padding:12px 18px;border-radius:6px;border:1px solid transparent;background-color:var(--red);color:var(--white);cursor:pointer;transition:all 0.4s ease;outline:none}
	.garo .btn:hover,.garo .btn:focus{opacity:0.65;text-decoration:none}
	.garo .items-box .btn:hover,.garo .items-box .btn:focus,.garo .items-box .item:hover .btn{background-color:var(--green);opacity:1;text-decoration:none}
	.garo a.btn,.garo a.btn:visited,.garo a.btn:hover,.garo a.btn:focus,.garo a.btn:visited:hover{color:var(--white);text-decoration:none}
	.garo .page-content a.btn,.garo .page-content a.btn:visited,.garo .page-content a.btn:hover,.garo .page-content a.btn:focus,.garo .page-content a.btn:visited:hover{color:var(--white);text-decoration:none}

	.garo .btn.btn-inline{max-width:320px;margin:0 auto 0 0}
	.garo .btn.btn-center{margin:0 auto}
	.garo .btn.btn-next{max-width:200px;margin:0 0 0 auto}
	.garo .btn.btn-text-left{justify-content:flex-start;text-align:left}

	.garo .btn.btn-red{border-color:var(--red);background:var(--white);color:var(--red)}
	.garo a.btn.btn-red{color:var(--red)}
	.garo .btn.btn-red:hover,.garo .btn.btn-red:focus{border-color:transparent;background:var(--red);color:var(--white);opacity:1}
	.garo a.btn.btn-red:hover,.garo a.btn.btn-red:focus{color:var(--white)}

	.garo .btn.btn-lite{border-color:var(--gray);background:var(--white);color:var(--black)}
	.garo .btn.btn-lite:hover,.garo .btn.btn-lite:focus,.garo .btn.btn-lite.active{border-color:transparent;background:var(--red);color:var(--white);opacity:1}
	.garo .btn:hover,.garo .btn:focus{opacity:0.65;text-decoration:none}

	.garo .btn-orders{width:100%;position:relative;padding:10px 0}
	.garo .btn-orders .btn-vl{width:1px}
	.garo .btn-orders .btn-br{height:1px}
	.garo .btn-orders .btn{align-items:stretch;justify-content:normal;gap:0;width:100%;margin:0 auto 0 0;padding:0;position:relative}
	.garo .btn-orders .btn .btn-order{width:calc(100% - 65px);padding:16px}
	.garo .btn-orders .btn .btn-down{width:64px;padding:16px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center}
	.garo .btn-orders .btn .btn-br{background:var(--white-30);margin-top:4px}
	.garo .btn-orders .btn .btn-vl{background:var(--white-30)}
	.garo .btn-orders .btn-dropdown{text-align:center;width:100%;left:0;right:0;top:calc(100% + 10px);border:1px solid var(--black-60);background-color:var(--white);border-radius:6px;position:absolute;z-index:1;pointer-events:none;opacity:0;transition:all 0.4s ease}
	.garo .btn-orders .btn-dropdown .btn-br{background:var(--black-60)}
	.garo .btn-orders:hover .btn-dropdown,.garo .btn-orders:focus .btn-dropdown{pointer-events:auto;opacity:1;top:calc(100% - 5px)}

	@media screen and (min-width:470px){
		.garo .btn-orders{width:320px}
	}

.garo .inpt{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:100%;max-width:100%;line-height:20px;padding:12px 18px;border-radius:6px;border:1px solid var(--gray);background-color:var(--white);color:var(--black)}
	.garo textarea.inpt{min-height:150px;height:200px;max-height:600px}



.garo .top{display:none;background:var(--blue);color:var(--white);height:48px;position:relative;z-index:110}
	@media screen and (min-width:920px){
		.garo .top{display:block}
	}
	.garo .top a,.garo .top a:visited{color:var(--white);text-decoration:none}
	.garo .top a:hover,.garo .top a:focus,.garo .top a:visited:hover{color:var(--white);text-decoration:none;opacity:0.65}

	.garo .top-flex{display:flex;flex-wrap:nowrap;justify-content:space-between}

	.garo .top-flex .root{display:flex;flex-wrap:nowrap;gap:15px}
	.garo .top-flex .root .item{position:relative}
	.garo .top-flex .root > .item > a{line-height:28px;display:inline-block}
	.garo .top-flex .root > .item > a::before{position:absolute;content:'';inset:-10px -5px}
	.garo .top-flex .root .item-parent{padding-right:14px}
	.garo .top-flex .root .item-parent .icon{position:absolute;height:10px;width:10px;right:0;top:50%;margin-top:-5px;color:var(--white);transition:all 0.4s ease}
	.garo .top-flex .root .item-parent .icon .material{transition:all 0.4s ease}
	.garo .top-flex .root .item-parent:hover .parent,.garo .top-flex .root .item-parent .parent:hover{top:calc(100% + 10px);opacity:1;pointer-events:auto}
	.garo .top-flex .root .item-parent:hover .icon .material{transform:scale(1,-1);opacity:0.65}
	@media screen and (min-width:1220px){
		.garo .top-flex .root{gap:30px}
	}

	.garo .top-flex .parent{padding:15px 25px;border:1px solid var(--gray);position:absolute;top:calc(100% + 30px);left:-25px;background:var(--blue);opacity:0;pointer-events:none;z-index:5;border-bottom-right-radius:10px;border-bottom-left-radius:10px;transition:all 0.4s ease}
	.garo .top-flex .parent{display:flex;flex-wrap:nowrap;flex-direction:column;gap:10px}
	.garo .top-flex .parent .item{white-space:nowrap}
	.garo .top-flex .parent > .item > a{line-height:28px}

	.garo .top-flex .callback{display:flex;flex-wrap:nowrap;align-items:center;gap:15px;line-height:1}
	.garo .top-flex .callback .small{opacity:0.65;text-transform:uppercase}
	@media screen and (min-width:1220px){
		.garo .top-flex .callback{gap:30px}
	}

.garo .header-menu-position{position:sticky;z-index:105;top:0}
.garo .header{background:var(--gray);padding:5px 0;position:sticky;z-index:105;top:0}
	@media screen and (min-width:920px){
		.garo .header{background:var(--white);padding:12px 0 13px;border-bottom:1px solid var(--gray)}
	}
	.garo .header-logo img{height:36px;width:105px;margin:0 auto 0 0}
	@media screen and (min-width:920px){
		.garo .header-logo img{height:44px;width:128px}
	}
	.garo .header-btn{width:150px}
	.garo .header-form{width:calc(100% - 150px)}

	.garo .header .btn-catalog{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;width:100%;line-height:20px;padding:12px 18px;border-radius:6px;background-color:var(--red);color:var(--white);cursor:pointer;transition:all 0.4s ease}
	.garo .header .btn-catalog:hover,.garo .header .btn-catalog:focus{opacity:0.65;text-decoration:none}

	.garo .header-flex{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}

	.garo .header-logo{width:148px}
	@media screen and (min-width:1220px){
		.garo .header-logo{width:16.66666%}
	}

	.garo .header-catalog{width:calc(100% - 300px);display:none;flex-wrap:nowrap;align-items:center}
	.garo .header-catalog .search-form{position:relative}
	.garo .header-catalog .search-form .input{position:relative;margin:0;padding:12px 56px 12px 18px;line-height:20px;width:100%;background:var(--white);border:1px solid var(--red);border-radius:8px}
	.garo .header-catalog .search-form .button{position:absolute;margin:0;padding:0;width:44px;height:100%;top:0;bottom:0;right:0;background:var(--red);color:var(--white);border:none;border-top-right-radius:8px;border-bottom-right-radius:8px}
	@media screen and (min-width:920px){
		.garo .header-catalog{display:flex}
	}
	@media screen and (min-width:1220px){
		.garo .header-catalog{width:66.66666%}
	}

	.garo .header-right{width:148px;display:none;flex-wrap:nowrap;justify-content:space-between}
	.garo .header-callback a,.garo .header-callback a:visited{color:var(--black)}
	.garo .header-callback a:hover,.garo .header-callback a:focus,.garo .header-callback a:visited:hover{color:var(--black);text-decoration:none;opacity:0.65}
	.garo .header-callback{display:flex;flex-wrap:nowrap;align-items:center}

	.garo .header-callback a svg{width:24px;height:24px}
	.garo .header-callback a svg,.garo .header-callback a:visited svg{fill:var(--black)}
	.garo .header-callback a:hover svg,.garo .header-callback a:focus svg,.garo .header-callback a:visited:hover svg{fill:var(--black)}
	.garo .header-callback{display:flex;flex-wrap:nowrap;align-items:center}
	@media screen and (min-width:920px){
		.garo .header-right{display:flex}
	}
	@media screen and (min-width:1220px){
		.garo .header-right{width:16.66666%}
	}

	.garo .header-menu{color:var(--blue);display:flex;align-items:center}
	@media screen and (min-width:920px){
		.garo .header-menu{display:none}
	}

	.garo .header-callback .compare-btn{position:relative}
	.garo .header-callback .compare-btn .dot{position:absolute;top:-6px;left:calc(50% + 6px);height:15px;width:15px;text-align:center;line-height:10px;padding:3px 0 2px;border-radius:50%;background:var(--red);color:var(--white)}
	.garo .header-callback .compare-btn .material{width:24px;height:24px}

	.garo .header-callback .wishlist-btn{position:relative}
	.garo .header-callback .wishlist-btn .dot{position:absolute;top:-6px;left:calc(50% + 6px);height:15px;width:15px;text-align:center;line-height:10px;padding:3px 0 2px;border-radius:50%;background:var(--red);color:var(--white);transition:all 0.4s ease}
	.garo .header-callback .wishlist-btn .dot.none{opacity:0}
	.garo .header-callback .wishlist-btn .material{width:24px;height:24px}

	.garo .header-callback .basket-btn{position:relative}
	.garo .header-callback .basket-btn .dot{position:absolute;top:-6px;left:calc(50% + 6px);height:15px;width:15px;text-align:center;line-height:10px;padding:3px 0 2px;border-radius:50%;background:var(--red);color:var(--white)}
	.garo .header-callback .basket-btn .material{width:24px;height:24px}

	.garo .header .btn-user{display:block;width:100%;line-height:20px;padding:12px 18px;border-radius:6px;background-color:var(--gray);color:var(--black);cursor:pointer;transition:all 0.4s ease}
	.garo .header .btn-user:hover,.garo .header .btn-user:focus{opacity:0.65;text-decoration:none}


.garo .menu-mobile{font-weight:500;display:none;box-shadow:0 10px 15px -4px var(--shadow-dark);background:var(--white)}
	.garo .menu-mobile .item{display:flex;flex-wrap:nowrap;align-items:center;color:var(--blue)}
	.garo .menu-mobile .item span{display:block}
	.garo .menu-mobile .item .material{width:24px;height:24px}
	.garo .menu-mobile .item .free{flex:1 1 auto}
	.garo .menu-mobile .item .count{color:var(--black);opacity:0.65;width:44px;text-align:center}
	.garo .menu-mobile .root > li{position:relative;padding:5px 0}
	.garo .menu-mobile .root > li.important{background:var(--gray)}
	.garo .menu-mobile .root > li::after{position:absolute;content:'';display:block;top:0;height:1px;left:-10px;right:-10px;width:calc(100% + 20px);background:var(--gray)}
	.garo .menu-mobile .root > li:first-child::after{content:none;display:none}
	.garo .menu-mobile .root > li > *{position:relative}
	.garo .menu-mobile .root > li.important .icon{color:var(--red)}
	.garo .menu-mobile .root > li.important::before{position:absolute;content:'';inset:0 -10px;background:var(--gray)}
	.garo .menu-mobile .root > li.important::after{background:var(--white)}
	.garo .menu-mobile .root ul{display:none;position:relative}
	.garo .menu-mobile .root ul ul{font-weight:400}
	.garo .menu-mobile .root ul::before,.garo .menu-mobile .root ul::after{position:absolute;content:'';display:block;height:1px;left:10px;right:10px;width:calc(100% - 20px);background:var(--gray)}
	.garo .menu-mobile .root > ul{padding-left:44px}
	.garo .menu-mobile .root > ul ul{padding-left:20px}
	@media screen and (min-width:920px){
		.garo .menu-mobile{display:none!important}
	}
	.garo .mobile-callback{text-align:center;padding:40px 0 20px}
	.garo .mobile-callback .gray{font-weight:400}

.garo .header-menu-catalog .is-container,.garo .header-menu-catalog .header-menu-flex{height:100%}
	.garo .header-menu-catalog .is-containers{position:relative}
	.garo .header-menu-catalog .header-menu-catalog-close{z-index:99;position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}
	.garo .header-menu-catalog .is-container{position:relative;z-index:100}
	.garo .header-menu-catalog{display:none;background:var(--gray);position:fixed;z-index:100;left:0;right:0;padding:0;box-shadow:0 10px 12px -4px var(--shadow-dark)}
	.garo .header-menu-catalog::after{content:'';display:block;position:absolute;left:0;right:0;bottom:-32px;height:32px;background:var(--black);opacity:0.5}
	.garo .header-menu-catalog .item{display:flex;flex-wrap:nowrap;align-items:center;overflow:hidden;border-radius:8px}
	.garo .header-menu-catalog .item a{position:relative}
	.garo .header-menu-catalog .item a::before{position:absolute;content:'';inset:-2px -38px -2px -44px}
	.garo .header-menu-catalog .item a:hover,.garo .header-menu-catalog .item a:focus{text-decoration:none}
	.garo .header-menu-catalog .item span{display:block}
	.garo .header-menu-catalog .item .free{width:calc(100% - 82px)}
	.garo .header-menu-catalog .item .free span{display:inline-block}

	.garo .header-menu-catalog .header-menu-flex{display:flex;flex-wrap:nowrap}
	.garo .header-menu-catalog .root{width:33.33333%;padding:15px 12px 16px 0;position:relative;overflow-y:scroll}
	.garo .header-menu-catalog .root .item{color:var(--blue);width:100%;border-radius:8px;transition:background 0.4s ease}
	.garo .header-menu-catalog .root .item:hover,.garo .header-menu-catalog .root > .item.active{background:var(--white)}
	.garo .header-menu-catalog .root .item .img{width:44px;height:44px;padding:8px;position:relative}
	.garo .header-menu-catalog .root .item .img::before{position:absolute;content:'';display:block;width:36px;height:36px;top:4px;left:4px;border-radius:6px}
	.garo .header-menu-catalog .root .item .img img{margin:0 auto;position:relative}

	.garo .header-menu-catalog .sub-root{width:66.66666%;position:relative;background:var(--white);border-left:1px solid var(--gray)}
	.garo .header-menu-catalog .more{display:flex;flex-wrap:wrap;flex-direction:column;opacity:0;pointer-events:none;position:absolute;width:100%;height:100%;right:0;top:0;padding:15px 16px;transition:opacity 0.2s ease}
	.garo .header-menu-catalog .more.active{opacity:1;pointer-events:auto}
	.garo .header-menu-catalog .more > .item{width:50%;color:var(--black);position:relative;padding:0 16px}

	.garo .header-menu-catalog .sub-root .item span{display:inline}
	.garo .header-menu-catalog .sub-root .item .count{color:var(--black);opacity:0.65}
	.garo .header-menu-catalog .sub-root .item .txt::after{content:'';display:inline-block;width:12px}

	.garo .header-menu-catalog .sub-root .close-menu{position:absolute;width:40px;height:40px;right:5px;top:5px;cursor:pointer;color:var(--blue)}


.garo .breadcrumbs{color:var(--black);margin:30px 0 10px}
	.garo .breadcrumbs .black{opacity:0.6}
	.garo .breadcrumbs a,.garo .breadcrumbs a:visited{color:var(--black);text-decoration:none}
	.garo .breadcrumbs a:hover,.garo .breadcrumbs a:focus,.garo .breadcrumbs a:visited:hover{color:var(--blue);text-decoration:underline}


.garo .footer{background:var(--blue);margin-top:70px}
	.garo .footer .logo img{height:44px;width:128px;margin:0 auto 0 0}
	.garo .footer .about{opacity:0.6}

	.garo .footer-flex-top{display:flex;flex-wrap:nowrap;flex-direction:column;color:var(--gray);padding:40px 0}
	.garo .footer-flex-top .flex-left{display:flex;flex-wrap:nowrap;flex-direction:column}
	.garo .footer-flex-top .flex-free{display:none}
	.garo .footer-flex-top .flex-right{}
	.garo .footer-flex-top .form-catalog{display:flex;flex-wrap:nowrap;flex-direction:column;background:var(--gray-bg);color:var(--black);border-radius:8px}
	.garo .footer-flex-top .form-catalog-top{display:flex;flex-wrap:nowrap;align-items:center}
	.garo .footer-flex-top .form-catalog-top .icon{width:68px}
	.garo .footer-flex-top .form-catalog-top .intro{width:calc(100% - 68px)}
	.garo .footer-flex-top .catalog-form{display:flex;flex-wrap:nowrap;align-items:center;gap:12px}
	.garo .footer-flex-top .catalog-form .input{position:relative;margin:0;padding:12px 18px;width:100%;background:var(--white);border:1px solid var(--gray);box-shadow:0px 1px 4px var(--shadow);border-radius:8px}
	.garo .footer-flex-top .catalog-form .button{position:absolute;margin:0;padding:0;width:30px;line-height:30px;height:30px;top:50%;margin-top:-15px;right:10px;background:var(--red);color:var(--white);border-radius:8px}
	@media screen and (min-width:620px){
		.garo .footer{padding-top:70px}
		.garo .footer-flex-top{flex-direction:row}
		.garo .footer-flex-top .flex-left{width:50%}
		.garo .footer-flex-top .flex-right{width:50%}
	}
	@media screen and (min-width:920px){
		.garo .footer-flex-top .flex-left{width:41.66666%}
		.garo .footer-flex-top .flex-free{width:16.66666%;display:block}
		.garo .footer-flex-top .flex-right{width:41.66666%}
	}
	@media screen and (min-width:1220px){
		.garo .footer-flex-top .flex-left{width:33.33333%}
		.garo .footer-flex-top .flex-free{width:16.66666%}
		.garo .footer-flex-top .flex-right{width:50%}
	}

	.garo .footer-flex-center{display:flex;flex-wrap:wrap;color:var(--white);padding:40px 0;position:relative}
	.garo .footer-flex-center::before,.garo .footer-flex-center::after{position:absolute;content:'';display:block;height:1px;left:8px;right:8px;width:calc(100% - 16px);background:var(--white);opacity:0.2}
	.garo .footer-flex-center::before{top:0}
	.garo .footer-flex-center::after{bottom:0}
	.garo .footer-flex-center a,.garo .footer-flex-center a:visited{color:var(--white)}
	.garo .footer-flex-center a:hover,.garo .footer-flex-center a:focus,.garo .footer-flex-center a:visited:hover{color:var(--white);opacity:0.65}

	.garo .footer-flex-center .flex-left{width:50%}
	.garo .footer-flex-center .flex-center{width:50%}
	.garo .footer-flex-center .flex-free{display:none}
	.garo .footer-flex-center .flex-right{width:100%}
	.garo .footer-flex-center ul{display:flex;flex-wrap:nowrap;flex-direction:column;gap:5px}
	.garo .footer-flex-center br{display:none}
	@media screen and (min-width:620px){
		.garo .footer-flex-center .flex-left{width:33.33333%}
		.garo .footer-flex-center .flex-center{width:33.33333%}
		.garo .footer-flex-center .flex-right{width:33.33333%}
	}
	@media screen and (min-width:920px){
		.garo .footer-flex-center .flex-left{width:25%}
		.garo .footer-flex-center .flex-center{width:25%}
		.garo .footer-flex-center .flex-free{width:8.33333%;display:block}
		.garo .footer-flex-center .flex-right{width:41.66666%}
	}
	@media screen and (min-width:1220px){
		.garo .footer-flex-center .flex-left{width:16.66666%}
		.garo .footer-flex-center .flex-center{width:16.66666%}
		.garo .footer-flex-center .flex-free{width:33.33333%}
		.garo .footer-flex-center .flex-right{width:33.33333%}
		.garo .footer-flex-center br{display:block}
	}

	.garo .footer-flex-bottom{color:var(--gray);padding:40px 0 40px}
	.garo .footer-flex-bottom a,.garo .footer-flex-bottom a:visited{color:var(--gray)}
	.garo .footer-flex-bottom a:hover,.garo .footer-flex-bottom a:focus,.garo .footer-flex-bottom a:visited:hover{color:var(--gray);opacity:0.65}

	@media screen and (min-width:920px){
		.garo .footer-flex-bottom{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}
	}

	.garo .footer .social{display:flex;flex-wrap:nowrap;align-items:center;gap:16px}
	.garo .footer .social a{display:block;width:28px;height:28px;padding:4px;border-radius:5px;background-color:var(--gray-60)}
	.garo .footer .social svg{display:block;width:20px;height:20px;fill:var(--white)}

	.garo .footer .copy{opacity:0.6}
	.garo .footer .policy{opacity:0.6;display:flex;flex-wrap:nowrap;flex-direction:column;gap:10px}
	@media screen and (min-width:920px){
		.garo .footer .policy{flex-direction:row;gap:20px;justify-content:flex-end}
		.garo .footer .footer-policy{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}
	}

	.garo .policy{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:8px;padding:12px 0}
	.garo .policy .icon{cursor:pointer}
	@media screen and (min-width:920px){
		.garo .policy{align-items:center;justify-content:space-between}
	}

.garo .to-top{background:var(--blue);color:var(--white);cursor:pointer;display:none;position:fixed;left:55px;bottom:55px;width:50px;height:50px;padding:4px;z-index:20;transition:background 0.4s ease;border:1px solid var(--white);border-radius:50%}
	.garo .to-top .icon{width:40px;height:40px}
	.garo .to-top:hover,.to-top:focus{background:var(--red)}


.garo .header-rectangle{position:relative;padding-left:36px;margin:4px 0;color:var(--red);font-weight:bold}
	.garo .header-rectangle::before{content:'';display:block;position:absolute;top:50%;left:0;margin-top:-20px;height:40px;width:20px;background:var(--red);border-radius:4px}

.garo .icon-box{margin:80px 0;padding:80px 0;background:var(--red);color:var(--white)}
	.garo .icon-box a,.icon-box a:visited{color:var(--white);text-decoration:none}
	.garo .icon-box a:hover,.garo .icon-box a:focus,.garo .icon-box a:visited:hover{color:var(--white);background:var(--red);text-decoration:none;opacity:1}
	.garo .icon-box a,.garo .icon-box span{display:block}

	.garo .icon-box .icon-flex{margin-top:24px}
	.garo .icon-box .icon-flex .bg{border:1px solid var(--gray-60);background:var(--gray-10);height:100%;width:100%;padding:20px;display:flex;flex-wrap:nowrap;align-items:center;flex-direction:column;gap:8px;border-radius:6px}
	.garo .icon-box .icon-flex .bg .image{height:100px;width:100px;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;background:var(--white-30);border-radius:50%;padding:20px;position:relative}
	.garo .icon-box .icon-flex .bg .image::before{content:'';position:absolute;display:block;width:80px;height:80px;border-radius:50%;background:var(--white);top:10px;left:10px}
	.garo .icon-box .icon-flex .bg .image img{height:50px;width:50px;position:relative}
	.garo .icon-box .icon-flex .bg .name{width:100%;margin-top:20px}
	.garo .icon-box .icon-flex .bg .intro{line-height:1.5}
	@media screen and (min-width:470px){
		.garo .icon-box .icon-flex{display:flex;flex-wrap:wrap}
		.garo .icon-box .icon-flex .item{width:50%}
	}
	@media screen and (min-width:620px){
		.garo .icon-box .icon-flex .bg{padding:30px}
	}
	@media screen and (min-width:920px){
		.garo .icon-box .icon-flex .item{width:33.33333%}
	}
	@media screen and (min-width:1220px){
		.garo .icon-box .icon-flex .item{width:25%}
	}

.garo .category-box{margin:80px 0}
	.garo .category-box a,.category-box a:visited{color:var(--black);background:var(--gray);text-decoration:none}
	.garo .category-box a:hover,.garo .category-box a:focus,.garo .category-box a:visited:hover{color:var(--white);background:var(--red);text-decoration:none;opacity:1}
	.garo .category-box a,.garo .category-box span{display:block}

	.garo .category-box .category-flex{display:flex;flex-wrap:wrap;margin-top:24px}
	.garo .category-box .category-flex .item{width:50%}
	.garo .category-box .category-flex .bg{height:100%;padding:20px;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;border-radius:6px}
	.garo .category-box .category-flex .bg .image{max-height:80px;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center}
	.garo .category-box .category-flex .bg .image img{max-height:80px}
	.garo .category-box .category-flex .bg .name{min-height:40px;display:flex;flex:1 1 auto;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow-wrap:break-word;hyphens:manual}
	@media screen and (min-width:620px){
		.garo .category-box .category-flex .item{width:33.33333%}
	}
	@media screen and (min-width:920px){
		.garo .category-box .category-flex .item{width:25%}
	}
	@media screen and (min-width:1220px){
		.garo .category-box .category-flex .item{width:20%}
	}
	@media screen and (min-width:1520px){
		.garo .category-box .category-flex .item{width:16.66666%}
	}

.garo .category-box-list{margin:80px 0}
	.garo .category-box-list a,.category-box-list a:visited{color:var(--black);background:var(--gray);text-decoration:none}
	.garo .category-box-list a:hover,.garo .category-box-list a:focus,.garo .category-box-list a:visited:hover{color:var(--white);background:var(--red);text-decoration:none;opacity:1}
	.garo .category-box-list a,.garo .category-box-list span{display:block}
	/* .garo .category-box-list a .image::after,.category-box-list a:visited .image::after{background:var(--black);opacity:0.125} */
	/* .garo .category-box-list a:hover .image::after,.garo .category-box-list a:focus .image::after,.garo .category-box-list a:visited:hover .image::after{background:var(--red);opacity:0.025} */

	.garo .category-box-list .category-flex .bg{min-height:80px;height:100%;padding:10px;display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:space-between;gap:16px;border-radius:6px}
	.garo .category-box-list .category-flex .bg .image{position:relative;display:flex;align-items:center;justify-content:center;width:calc(33.33333% - 8px);/* background:var(--white-ff);padding:4px; */border-radius:4px}
	.garo .category-box-list .category-flex .bg .image::after{position:absolute;content:'';display:block;top:0;left:0;right:0;bottom:0;border-radius:4px}
	.garo .category-box-list .category-flex .bg .image img{max-height:60px}
	.garo .category-box-list .category-flex .bg .name{display:flex;align-items:center;width:calc(66.66666% - 8px)}
	@media screen and (min-width:620px){
		.garo .category-box-list .category-flex{display:flex;flex-wrap:wrap}
		.garo .category-box-list .category-flex .item{width:50%}
	}
	@media screen and (min-width:920px){
		.garo .category-box-list .category-flex .item{width:33.33333%}
	}
	@media screen and (min-width:1220px){
		.garo .category-box-list .category-flex .item{width:25%}
	}
	@media screen and (min-width:1520px){
		.garo .category-box-list .category-flex .item{width:20%}
	}

.garo .category-tags-list{margin:20px 0}
	.garo .category-tags-list a,.garo .category-tags-list span{display:block;border:1px solid transparent}
	.garo .category-tags-list a,.category-tags-list a:visited{color:var(--black-60);background:transparent;border-color:var(--black-60);text-decoration:none;opacity:1}
	.garo .category-tags-list a:hover,.garo .category-tags-list a:focus,.garo .category-tags-list a:visited:hover{color:var(--white);background:var(--red);border-color:transparent;text-decoration:none;opacity:1}
	.garo .category-tags-list span{color:var(--white);background:var(--black-60);border-color:transparent;text-decoration:none;opacity:1}
	.garo .category-tags-list .js-shows-tags span{color:var(--black-60);background:transparent;border-color:var(--black-60);cursor:pointer}
	.garo .category-tags-list .js-shows-tags span:hover{color:var(--white);background:var(--red);border-color:transparent}
	
	.garo .category-tags-list .category-flex{display:flex;flex-wrap:wrap;margin:0 -4px}
	.garo .category-tags-list .category-flex .item{padding:4px}
	.garo .category-tags-list .category-flex .bg{padding:5px 10px;border-radius:6px}

.garo .sort-filter{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}
	.garo .sort-filter select{border:1px solid #E4EBF0;border-radius:5px;padding:7px 10px;line-height:25px;margin-left:5px}
	.garo .sort-filter .flex{display:flex;align-items:center;flex-wrap:nowrap;gap:12px}
	
.garo .items-box{margin:80px 0}
	.garo .items-box a,.items-box a:visited,.garo .items-box a:hover,.items-box a:focus,.items-box a:visited:hover{color:var(--black);text-decoration:none}
	.garo .items-box .items-flex a{display:block}
	.garo .items-box .border:hover .h4 a{color:var(--red)}

	.garo .items-box .items-flex .btn{padding:12px;border-radius:50%;width:50px}
	.garo .items-box .items-flex .btn-list{display:none}
	.garo .items-box .items-flex .btn-grid{display:block}

	.garo .items-box .items-flex .image{background:var(--white-ff);position:relative;height:230px;width:100%;padding:30px 10px 10px}
	.garo .items-box .items-flex .image::after{position:absolute;content:none;display:none;top:0;left:0;right:0;bottom:0;border-radius:4px;background:var(--black);opacity:0.03}
	.garo .items-box .items-flex .image .flex{position:relative;height:200px;display:flex;justify-content:center;align-items:center}
	.garo .items-box .items-flex .image .flex .icons{position:absolute}
	.garo .items-box .items-flex .image img{max-height:180px;border-radius:4px;transition:transform 0.4s ease}

	.garo .items-box .items-flex .markers{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
	.garo .items-box .items-flex .markers .marker{padding:4px 8px;border-radius:4px;color:var(--white)}
	.garo .items-box .items-flex .markers .marker[data-color='del']{color:var(--black-60);padding-left:0}
	.garo .items-box .items-flex .markers .marker[data-color='green']{background:var(--green)}
	.garo .items-box .items-flex .markers .marker[data-color='blue']{background:var(--blue)}
	.garo .items-box .items-flex .markers .marker[data-color='red']{background:var(--red)}

	.garo .items-box .items-flex .text{display:none}
	.garo .items-box .items-flex .icons{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:8px;position:relative;z-index:1}
	.garo .items-box .items-flex .image .icons{right:10px;top:-20px}
	.garo .items-box .items-flex .intro .icons{display:none}

	.garo .items-box .items-flex{display:flex;flex-wrap:wrap}
	.garo .items-box .items-flex .item{width:100%;padding:10px}

	.garo .items-box .items-flex .border{display:flex;flex-wrap:nowrap;flex-direction:column;height:100%;transition:box-shadow 0.4s ease}
	.garo .items-box .items-flex .border .intro{padding:10px;display:flex;flex-wrap:nowrap;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}

	.garo .items-box .items-flex .border .free{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}
	.garo .items-box .items-flex .border .intro-left{display:flex;flex-wrap:nowrap;flex-direction:column;gap:12px;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}
	.garo .items-box .items-flex .border .intro-right{display:flex;flex-wrap:nowrap;flex-direction:column;gap:12px}
	.garo .items-box .items-flex .border .intro-right .price{display:flex;flex-wrap:nowrap;flex-direction:column;gap:6px}
	.garo .items-box .items-flex .border .intro-right .flex{display:flex;flex-wrap:nowrap;align-items:center;gap:12px}
	.garo .items-box .items-flex .border .intro-right .flex .cart{align-self:flex-end}
	.garo .items-box .items-flex .icon.hover{color:var(--red)}

	.garo .items-box .items-flex .item:hover .border{box-shadow:0 10px 15px -4px var(--shadow)}
	.garo .items-box .items-flex .item:hover .image img{transform:scale(1.05)}

	@media screen and (min-width:470px){
		.garo .items-box .items-flex .item{width:50%}
	}
	@media screen and (min-width:920px){
		.garo .items-box .items-flex[data-list=list] .image::after{content:'';display:block}
		.garo .items-box .items-flex[data-list=list] .btn{padding:12px 18px;border-radius:6px;width:100%}
		.garo .items-box .items-flex[data-list=list] .btn-list{display:block}
		.garo .items-box .items-flex[data-list=list] .btn-grid{display:none}

		.garo .items-box .items-flex[data-list=list]{display:block}
		.garo .items-box .items-flex[data-list=list] .text{display:block}

		.garo .items-box .items-flex[data-list=grid] .item{width:33.33333%}
		.garo .items-box .items-flex[data-list=grid][data-count=items-3] .item{width:50%}

		.garo .items-box .items-flex[data-list=list] .image .icons{display:none}
		.garo .items-box .items-flex[data-list=list] .intro .icons{display:flex;padding:0 0 9px}

		.garo .items-box .items-flex[data-list=list] .border{padding:30px 0;border:none;flex-direction:row}
		.garo .items-box .items-flex[data-list=list] .border .image{width:33.33333%;padding:0;display:flex;justify-content:center;align-items:center}
		.garo .items-box .items-flex[data-list=list] .border .intro{background:transparent;width:66.66666%;padding:0;flex-direction:row}

		.garo .items-box .items-flex[data-list=list] .item{width:100%;padding:0}
		.garo .items-box .items-flex[data-list=list] .item + .item{border-top:1px solid var(--gray)}
		.garo .items-box .items-flex[data-list=list] .border .intro-left{width:50%}
		.garo .items-box .items-flex[data-list=list] .border .intro-right{width:50%}
		.garo .items-box .items-flex[data-list=list] .border .intro-right .flex{flex-direction:column;align-items:normal;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}
		.garo .items-box .items-flex[data-list=list] .border .intro-right .flex .cart{align-self:auto}
	}
	@media screen and (min-width:1220px){
		.garo .items-box .items-flex[data-list=grid] .item{width:25%}
		.garo .items-box .items-flex[data-list=grid][data-count=items-3] .item{width:33.33333%}

		.garo .items-box .items-flex[data-list=list] .border .image{width:25%}
		.garo .items-box .items-flex[data-list=list] .border .intro{width:75%}
		.garo .items-box .items-flex[data-list=list] .border .intro-left{width:66.66666%}
		.garo .items-box .items-flex[data-list=list] .border .intro-right{width:33.33333%}
	}
	@media screen and (min-width:1520px){
		.garo .items-box .items-flex[data-list=grid] .item{width:20%}
		.garo .items-box .items-flex[data-list=grid][data-count=items-3] .item{width:25%}
	}

.garo .pagination-box{margin:15px 0}
	.garo .pagination-box ul{display:flex;align-items:center;gap:2px}
	.garo .pagination-box li{display:block}
	.garo .pagination-box li.none{display:none}
	.garo .pagination-box span,.garo .pagination-box a{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px}
	.garo .pagination-box a.js-more-page{width:auto;padding:0 12px}
	.garo .pagination-box span,.garo .pagination-box a:hover,.garo .pagination-box a:focus{background:var(--gray)}
	@media screen and (min-width:620px){
		.garo .pagination-box ul{gap:4px}
		.garo .pagination-box li a,.garo .pagination-box li span{width:36px;height:36px}
	}

.garo .page-box{margin:80px 0}

.garo .brends{margin:30px 0 60px}
	.garo .brends a,.brends a:visited{color:var(--black);background:var(--white);text-decoration:none;border:1px solid var(--gray)}
	.garo .brends a:hover,.garo .brends a:focus,.garo .brends a:visited:hover{color:var(--black);background:var(--gray);text-decoration:none;border-color:transparent;opacity:1}
	.garo .brends a,.garo .brends span{display:block}

	.garo .brends .brends-flex{display:flex;flex-wrap:wrap;margin-top:24px}
	.garo .brends .brends-flex + header{margin-top:40px}
	.garo .brends .brends-flex .item{width:50%}
	.garo .brends .brends-flex .bg{height:72px;padding:10px 20px;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;border-radius:6px}
	.garo .brends .brends-flex .bg .image{max-height:50px;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center}
	.garo .brends .brends-flex .bg .image img{max-height:50px}
	.garo .brends .brends-flex .bg .name{font-size:90%}
	@media screen and (min-width:620px){
		.garo .brends .brends-flex .item{width:33.33333%}
		.garo .brends .brends-flex .bg{height:87px}
		.garo .brends .brends-flex .bg .image{max-height:65px}
		.garo .brends .brends-flex .bg .image img{max-height:65px}
		.garo .brends .brends-flex .bg .name{font-size:100%}
	}
	@media screen and (min-width:920px){
		.garo .brends .brends-flex .bg{height:102px}
		.garo .brends .brends-flex .bg .image{max-height:80px}
		.garo .brends .brends-flex .bg .image img{max-height:80px}
		.garo .brends .brends-flex .bg .name{font-size:100%}
	}
	@media screen and (min-width:1220px){
		.garo .brends .brends-flex .item{width:25%}
		.garo .brends .brends-flex .bg{height:122px}
		.garo .brends .brends-flex .bg .image{max-height:100px}
		.garo .brends .brends-flex .bg .image img{max-height:100px}
		.garo .brends .brends-flex .bg .name{font-size:125%}
	}
	@media screen and (min-width:1520px){
		.garo .brends .brends-flex .item{width:20%}
	}

.garo .brend-detail .brend-detail-flex{display:flex;flex-wrap:wrap}
	.garo .brend-detail .brend-detail-flex .image{width:100%}
	.garo .brend-detail .brend-detail-flex .content{width:100%}
	@media screen and (min-width:920px){
		.garo .brend-detail .brend-detail-flex .image{width:33.33333%}
		.garo .brend-detail .brend-detail-flex .content{width:66.66666%}
	}
	@media screen and (min-width:1220px){
		.garo .brend-detail .brend-detail-flex .image{width:25%}
		.garo .brend-detail .brend-detail-flex .content{width:75%}
	}

.garo .brend-detail .brend-doc-flex{display:flex;flex-wrap:wrap}
	.garo .brend-detail .brend-doc-flex .item{width:100%}
	.garo .brend-detail .brend-doc-flex .item .icon{margin:0 auto 0 0;text-align:left}
	@media screen and (min-width:920px){
		.garo .brend-detail .brend-doc-flex .item{width:33.33333%}
	}



.garo .swiper{position:relative}
	.garo .swiper .swiper-wrapper{align-items:stretch}
	.garo .swiper .swiper-slide{height:auto}
	.garo .swiper .swiper-pagination{position:absolute;bottom:24px;left:0;right:0}
	.garo .swiper .swiper-pagination .swiper-pagination-bullet{display:inline-block;line-height:1;margin:0 3px;padding:0;background-color:transparent;opacity:1;outline:none;position:relative;cursor:pointer;width:14px;height:14px;border:1px solid var(--white);border-radius:50%;background:var(--white);opacity:0.5;transition:all 0.4s ease}
	.garo .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background-color:transparent;border-color:var(--white)}
	@media screen and (min-width:920px){
		.garo .swiper .swiper-pagination .swiper-pagination-bullet{margin:0 5px;border-width:2px}
	}

.garo .sliders{margin:15px 0}
	.garo .sliders a,.garo .sliders .item{text-decoration:none;color:var(--white)}
	.garo .sliders a:hover,.garo .sliders a:focus{text-decoration:none;color:var(--white)}
	.garo .sliders a.bg-gray,.garo .sliders .item.bg-gray{color:var(--black)}
	.garo .sliders a.bg-gray:hover,.garo .sliders a.bg-gray:focus{color:var(--black)}

	.garo .sliders .item{height:100%;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:space-between;border-radius:6px;padding:20px 24px 48px}
	.garo .sliders .item .content{display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:space-between}
	.garo .sliders .item .content.content-order{order:2}
	.garo .sliders .item .label-mark{display:flex;flex-wrap:nowrap;align-items:center;gap:12px}
	.garo .sliders .item .more{display:flex;flex-wrap:nowrap;align-items:center;gap:12px}
	.garo .sliders .item .img{align-self:center}
	.garo .sliders .item .img.img-radius img{border-radius:50%}
	@media screen and (min-width:920px){
		.garo .sliders .item{flex-direction:row;padding:0}
		.garo .sliders .item .content{width:60%;padding:32px 40px}
		.garo .sliders .item .img{width:40%;padding:8px}
	}
	@media screen and (min-width:1220px){
		.garo .sliders .item .content{width:65%;padding:48px 56px}
		.garo .sliders .item .img{width:30%;padding:16px}
	}
	@media screen and (min-width:1520px){
		.garo .sliders .item .content{padding:60px 80px}
	}


.garo .quiz{margin:80px 0}
	.garo .quiz a,.garo .quiz a:visited{color:var(--red);text-decoration:underline}
	.garo .quiz a:hover,.garo .quiz a:focus,.garo .quiz a:visited:hover{color:var(--blue);text-decoration:none}
	.garo .quiz .quiz-flex{display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:space-between;border-radius:6px;padding:48px 24px}
	.garo .quiz .quiz-flex.bg-red{background:var(--red);color:var(--white);padding:48px 24px}

	.garo .quiz .quiz-flex .content{display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:space-between}
	.garo .quiz .quiz-flex .content.content-order{order:2}
	.garo .quiz .quiz-flex .label-mark{display:flex;flex-wrap:nowrap;align-items:center;gap:12px}
	.garo .quiz .quiz-flex .more{display:flex;flex-wrap:nowrap;align-items:center;gap:12px}
	.garo .quiz .quiz-flex .svg{border-bottom:3px solid var(--gray);opacity:0.65;margin:0 -24px 24px}
	.garo .quiz .quiz-flex .svg svg{display:none}
	.garo .quiz .quiz-flex .img{align-self:center}
	.garo .quiz .quiz-flex.bg-red .svg{border-bottom-color:var(--white);margin:0 -24px 24px}
	.garo .quiz .quiz-flex.bg-red .content .btn{background-color:var(--white);color:var(--red)}
	@media screen and (min-width:920px){
		.garo .quiz .quiz-flex{flex-direction:row;padding:0}
		.garo .quiz .quiz-flex .svg{border-bottom:none;opacity:1;margin:0;align-self:stretch}
		.garo .quiz .quiz-flex .svg svg{display:block;width:34px;height:100%!important}
		.garo .quiz .quiz-flex .img{width:calc(35% - 17px);align-self:flex-end}
		.garo .quiz .quiz-flex .content{width:calc(65% - 17px);padding:32px 40px}
		.garo .quiz .quiz-flex.bg-red{padding:0}
		.garo .quiz .quiz-flex.bg-red .svg{margin:0}
		.garo .quiz .quiz-flex.bg-red .content{padding:32px 40px}
		.garo .quiz .quiz-done .quiz-flex .svg svg{width:28px}
	}
	@media screen and (min-width:1220px){
		.garo .quiz .quiz-flex .img{width:calc(25% - 17px)}
		.garo .quiz .quiz-flex .content{width:calc(75% - 17px);padding:48px 56px}
		.garo .quiz .quiz-flex.bg-red .content{padding:48px 56px}
	}
	@media screen and (min-width:1520px){
		.garo .quiz .quiz-flex{justify-content:flex-start}
		.garo .quiz .quiz-flex.bg-red .content{width:calc(50% - 17px);padding:48px 80px}
	}
		

.garo .quiz .btn{white-space:normal}
	.garo .quiz .fancybox-content{width:100%;max-width:1630px;background:var(--white);padding:20px 0}
	@media screen and (min-width:470px){
		.garo .quiz .fancybox-content{padding:20px}
	}
	@media screen and (min-width:920px){
		.garo .quiz .fancybox-content{padding:40px}
	}
	.garo .quiz .fancybox-content.quiz-no-pp{padding:0;max-width:1240px}
	.garo .quiz-hide{margin:40px 0}
	.garo .quiz-hide .quiz-1m{display:block;margin:20px 0;padding:0}
	.garo .quiz-hide .quiz-2m{display:block;margin:40px 0;padding:0}
	.garo .quiz-hide .p-flex{display:flex;align-items:center;justify-content:space-between;opacity:0.65}
	.garo .quiz-hide .quiz-line{border-radius:4px;width:100%;height:8px;background:var(--gray)}
	.garo .quiz-hide .quiz-line .bg-red{border-radius:4px;height:8px;background:var(--red)}
	.garo .quiz-hide .js-quiz-step{cursor:pointer}
	.garo .quiz-hide .variant-name{display:block;padding:12px 18px}
	.garo .quiz-hide .variant-flex{display:flex;padding:0 18px;flex-wrap:wrap}
	.garo .quiz-hide .variant-flex .variant-items{display:block;width:100%}
	.garo .quiz-hide .variant-flex .variant-item{display:flex;padding:6px 0;gap:8px;align-items:center}
	.garo .quiz-hide .variant-flex .variant-item .box{width:16px;height:16px;border-radius:2px;border:1px solid var(--black);opacity:0.65;cursor:pointer;transition:all 0.4s ease}
	.garo .quiz-hide .variant-flex .variant-item.active .box{border-color:transparent;background:var(--red);opacity:1}
	.garo .quiz-hide .variant-flex .variant-item .value{max-width:calc(100% - 24px)}
	.garo .quiz-hide .bg-gray{border-radius:6px}
	.garo .quiz-hide .item.item-none{display:none}
	@media screen and (min-width:920px){
		.garo .quiz-hide .item{width:90%;margin:0 auto}
		.garo .quiz-hide .variant-flex .variant-items{display:block;width:50%}
	}
	@media screen and (min-width:1220px){
		.garo .quiz-hide .item{width:75%}
	}

.garo .techview{margin:80px 0}
	.garo .techview a,.techview a:visited,.garo .techview a:hover,.techview a:focus,.techview a:visited:hover{color:var(--black);text-decoration:none}
	.garo .techview .techview-flex a{display:block}
	.garo .techview .border:hover .h4 a{color:var(--red)}
	
	
	.garo .techview .techview-flex{display:flex;flex-wrap:wrap}
	.garo .techview .techview-flex .item{width:50%;padding:10px}
	.garo .techview .techview-flex .border{background:var(--white-ff);display:flex;flex-wrap:nowrap;flex-direction:column;height:100%;transition:box-shadow 0.4s ease}
	.garo .techview .techview-flex .intro{text-align:center}
	.garo .techview .techview-flex .image img{border-radius:4px;transition:transform 0.4s ease}
	
	.garo .techview .techview-flex .item:hover .border{box-shadow:0 10px 15px -4px var(--shadow)}
	.garo .techview .techview-flex .item:hover .image img{transform:scale(1.05)}
	
	@media screen and (min-width:620px){
		.garo .techview .techview-flex .item{width:33.33333%}
	}
	@media screen and (min-width:920px){
		.garo .techview .techview-flex .item{width:25%}
	}
	@media screen and (min-width:1220px){
		.garo .techview .techview-flex .item{width:20%}
		.garo .techview .techview-flex .image{padding:20px}
		.garo .techview .techview-flex .intro{padding:0 20px 20px}
	}

.garo .contacts-box{padding:80px 0 20px}
	.garo .contacts-box.contacts-box-first{padding-top:0}
	.garo .contacts-box .contacts-flex{margin:40px 0}
	.garo .contacts-box .contacts-flex .item.item-flex{display:flex;flex-direction:column;dflex-wrap:nowrap;gap:20px}
	.garo .contacts-box .contacts-flex .item.item-end{align-self:end}
	.garo .contacts-box .contacts-box-section + .contacts-box-section{border-top:1px solid var(--black-30);padding-top:60px}
	
	.garo .contacts-box .item-flex p{padding:0;margin:0}
	.garo .contacts-box .name{text-transform:uppercase}
	.garo .contacts-box .intro{display:flex;flex-wrap:nowrap;gap:20px}
	.garo .contacts-box .p-flex{display:flex;flex-wrap:nowrap;gap:20px}
	.garo .contacts-box .p-flex .icon{width:24px}
	.garo .contacts-box .person{display:flex;flex-wrap:nowrap;gap:20px;align-items:center}
	.garo .contacts-box .person span{display:block;margin:4px}
	.garo .contacts-box .person .photo{width:80px}
	.garo .contacts-box .person .user-unfo{width:calc(100% - 100px)}
	.garo .contacts-box .person .photo img{width:80px;border-radius:50%}

	.garo .contacts-box .contacts-flex{display:flex;flex-wrap:wrap}
	.garo .contacts-box .contacts-flex .item{width:100%;padding-bottom:60px}
	@media screen and (min-width:620px){
		.garo .contacts-box .contacts-flex .item{width:50%}
	}
	@media screen and (min-width:920px){
		.garo .contacts-box .contacts-flex .item{width:25%}
	}
	@media screen and (min-width:1220px){
		.garo .contacts-box .contacts-flex .item{width:33.33333%}
	}

.garo form.form{max-width:600px}

.garo .page-title{margin:10px 0 30px}
.garo .page-content{margin:80px 0}
.garo .page-title + .page-content{margin-top:30px}
	.garo .page-content.page-content-mini{margin:30px 0}
	.garo .page-content h2,.garo .page-content h3,.garo .page-content h4{margin:30px 0 10px}
	.garo .page-content ul,.garo .page-content ol{margin:10px 0}
	.garo .page-content img[align=right],.garo .page-content img[align=left]{float:none;display:block;max-width:100%;margin:10px auto}
	@media screen and (min-width:920px){
		.garo .page-content img[align=right]{float:right;max-width:calc(50% - 10px);margin:10px 0 10px 20px}
		.garo .page-content img[align=left]{float:left;max-width:calc(50% - 10px);margin:10px 20px 10px 0}
	}
	@media screen and (min-width:1220px){
		.garo .page-content .content{max-width:1220px}
	}

	.garo .page-content table{font-size:90%;border:0;border-collapse:collapse;border-spacing:0;width:100%;margin:10px 0}
		.garo .page-content table td,.garo .page-content table th{border:none;text-align:left}
		.garo .page-content table tr:nth-of-type(odd){background:var(--table-bg)}
		.garo .page-content table th{padding:6px 8px;background-color:var(--black-60);color:var(--white);border:1px solid var(--white);vertical-align:middle;font-weight:500}
		.garo .page-content table th:first-child{border-left-color:var(--black-60)}
		.garo .page-content table th:last-child{border-right-color:var(--black-60)}
		.garo .page-content table th.mini{padding:6px 2px}
		.garo .page-content table td{padding:4px 8px;background:transparent;border:1px solid var(--table-border);vertical-align:middle}
		.garo .page-content table td.mini{padding:4px 2px}
	@media screen and (min-width:620px){
		.garo .page-content table th{padding:10px 16px}
		.garo .page-content table th.mini{padding:10px 4px}
		.garo .page-content table td{padding:10px 16px}
		.garo .page-content table td.mini{padding:10px 4px}
	}
	@media screen and (min-width:920px){
		.garo .page-content table{font-size:100%}
		.garo .page-content table th{padding:12px 20px}
		.garo .page-content table th.mini{padding:8px 4px}
		.garo .page-content table td{padding:12px 20px}
		.garo .page-content table td.mini{padding:8px 4px}
	}
	.garo .page-content table.table-col-3 td:first-child{text-align:center}
	.garo .page-content table.table-col-3 td:last-child{text-align:right}

	.garo .error{text-align:center}
	.garo .error .btn-404{margin-top:40px;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center}
	.garo.garo-404 .page-title{margin:40px 0}
	.garo.garo-404 h1{font-size:40px;text-align:center;line-height:1}
	@media screen and (min-width:620px){
		.garo h1,.garo .h1{font-size:32px}
		.garo.garo-404 h1{font-size:80px}
	}
	@media screen and (min-width:1220px){
		.garo h1,.garo .h1{font-size:36px}
		.garo.garo-404 h1{font-size:120px}
	}


.admin-wrap{display:none;position:fixed;left:0;top:50%;width:80px;transform:translate(0,-50%);opacity:0.95;z-index:1000}
	@media screen and (min-width:1220px){
		.admin-wrap{display:block}
	}

.admin-only > div{padding:10px 20px;border-radius:6px;background:var(--black);color:var(--white);text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}

.admin-panel{position:absolute;top:50%;width:80px;height:140px;transform:translate(0,-50%);padding:20px;border-radius:0 20px 20px 0;background:var(--red);color:var(--white);cursor:context-menu;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;transition:all 0.4s ease;z-index:2}
	.admin-panel .icon + .icon{margin-top:20px}
	.admin-panel .icon .material{width:40px;height:40px;font-size:40px;transition:all 0.4s ease}

.admin-content{opacity:0;pointer-events:none;width:920px;max-width:100vw;min-height:80px;transition:all 0.4s ease;position:relative;z-index:1}
	.admin-content{display:flex;flex-wrap:nowrap;flex-direction:column;gap:20px;padding:20px 20px 20px 100px;border-radius:0 20px 20px 0;border:4px solid var(--red);background:var(--white);color:var(--black)}
	.admin-content .admin-item{display:flex;flex-wrap:nowrap;gap:20px}
	.admin-content .admin-name{font-weight:300;width:100px}
	.admin-content .admin-intro{width:calc(100% - 120px)}
	.admin-wrap.active .admin-panel{height:calc(100% - 4px);border-radius:0;transform:translate(0,-50%)}
	.admin-wrap.active .admin-panel .icon .material{transform:rotate(180deg)}
	.admin-wrap.active .admin-content{opacity:1;pointer-events:auto}
	
.garo .grid-flex .flex{display:flex;flex-wrap:wrap;margin-top:24px}
	.garo .grid-flex .flex .item{width:50%}
	@media screen and (min-width:620px){
		.garo .grid-flex .flex .item{width:33.33333%}
	}
	@media screen and (min-width:920px){
		.garo .grid-flex .flex .item{width:25%}
	}
	@media screen and (min-width:1220px){
		.garo .grid-flex .flex .item{width:20%}
	}

.bxmaker-core-popup__content{max-width:920px}
.bxmaker-geoip-component-city-line-question__label{color:var(--placeholder)}
.bxmaker-geoip-component-city-line-question strong{color:var(--blue);margin:4px 0}
.bxmaker-geoip-component-city-line-question span{color:var(--placeholder)}
.bxmaker-geoip-component-confirm__content{border-color:transparent;background-color:var(--white)}
.bxmaker-geoip-component-confirm__button{border-right-color:var(--white);color:var(--white);background-color:var(--blue)}
.bxmaker-geoip-component-confirm__button:hover{color:var(--white);background-color:var(--red)}