@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap");

/*PAGES HEADER*/
#istcontents div.title,
#istcontents div.title h1,
#istcontents div.title div.utils{width:100%;clear:both}
#istcontents div.title,
#istcontents div.title div.utils,
#istcontents div.title div.utils ul{display:flex;align-items:center}
#istcontents div.title h1,
#istcontents div.title div.utils li{white-space:nowrap;text-overflow:ellipsis}

#istcontents div.title{
	flex-flow:column wrap;
	justify-content:flex-end; 
	padding-top:var(--main-spacing);
	background:var(--c-white)
}
#istcontents div.title h1{
	height:22px;
	font-family:var(--titles-font);
	font-size:var(--fnt-bigger-12);
	font-weight:var(--w-light);
	color:var(--c-blue);
	line-height:20px;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:12px
}

#istcontents div.title div.utils,
#istcontents div.title div.utils ul{flex-flow:row nowrap}
#istcontents div.title div.utils{
	width:auto;
	height:10px;
	overflow:visible!important
}

#istcontents div.title div.goback,
#istcontents div.title div.goback:before,
#istcontents div.title div.goback:after{
	width:0; 
	height:0;
	text-decoration:none!important;
	cursor:pointer;
	border-top:5px solid transparent;
	border-right:10px solid var(--c-blue); 
	border-bottom:5px solid transparent
}
#istcontents div.title div.goback{
	overflow:visible!important;
	position:relative;
	margin-left:8px
}
#istcontents div.title div.goback:before,
#istcontents div.title div.goback:after{
	content:"";
	position:absolute;
	top:-5px
}
#istcontents div.title div.goback:before{left:-8px}
#istcontents div.title div.goback:after{left:8px}

#istcontents div.title ul.breadcrumbs,
#istcontents div.title ul.breadcrumbs li{width:auto}
#istcontents div.title ul.breadcrumbs{
	list-style:none outside;
	margin-left:16px;
	grid-gap:0 5px
}
#istcontents div.title ul.breadcrumbs li{
	font-family:var(--titles-font);
	font-size:var(--fnt-smaller-2);
	font-weight:var(--w-light);
	line-height:10px;
	text-transform:uppercase;
	position:relative;
	padding-right:10px
}
#istcontents div.title ul.breadcrumbs li.current{padding:0!important}
#istcontents div.title ul.breadcrumbs li a{color:var(--c-grey-14)}
#istcontents div.title ul.breadcrumbs li a:hover{color:var(--c-blue)}
#istcontents div.title ul.breadcrumbs li a.active{
	font-weight:var(--w-semibold);
	color:var(--c-blue);
	cursor:default
}
#istcontents div.title ul.breadcrumbs li:not(.current):after{
	content:"";
	width:0; 
	height:0;
	text-indent:-9999px;
	position:absolute;
	top:2px;
	right:0;
	border-top:3px solid transparent;
	border-left:5px solid var(--c-grey-65); 
	border-bottom:3px solid transparent
}

/*checkout extensions*/
#layout.cartpage #container div.title,
#layout.checkoutpage #container div.title{
	position:fixed;
	top:calc(var(--toolbar-height) + var(--head-height));
	left:0;
	z-index:100000
}

/*PAGES COMMON*/
#istcontents,
#istcontents #pagecontent,
#istcontents #pagecontent div{overflow:hidden;box-sizing:border-box}
#istcontents #pagecontent{width:100%;clear:both}
#istcontents #pagecontent{
	width:100%;
	clear:both;
	display:flex;
	flex-flow:row wrap;
	grid-gap:40px;
	padding:var(--main-spacing) 0
}
#istcontents #pagecontent.cnt-mappage{padding:4px!important}
#istcontents #pagecontent.cnt-single-column{width:var(--cnt-width);margin:0 auto}
#istcontents #pagecontent.fullscreen{width:100%!important}
#istcontents #pagecontent.no-padding{padding:0!important}
#istcontents #pagecontent.no-side-padding{padding-left:0!important;padding-right:0!important}
#istcontents #pagecontent.no-bottom-padding{padding-bottom:0!important}
#pagecontent.cnt-single-column div.cnt-wrapped,
#pagecontent.cnt-wrapped-column div.cnt-wrapped{width:100%;clear:both}
#pagecontent div.cnt-left{width:calc(55% - 20px)}
#pagecontent div.cnt-right{width:calc(45% - 20px)}
#pagecontent div.tbl-container{width:100%;clear:both}

#pagecontent h2,
#pagecontent h3,
#pagecontent h4,
#pagecontent h5,
#pagecontent h6{
	font-family:var(--titles-font);
	line-height:120%;
	margin-bottom:5px
}
#pagecontent h2,
#pagecontent h3,
#pagecontent h4{font-weight:var(--w-extrabold)}
#pagecontent h5,
#pagecontent h6{font-weight:var(--w-bold)}
#pagecontent h2{font-size:var(--fnt-bigger-8);color:var(--c-blue)}
#pagecontent h3{font-size:var(--fnt-bigger-6);color:var(--c-blue)}
#pagecontent h4{font-size:var(--fnt-bigger-4);color:var(--c-blue)}
#pagecontent h5{font-size:var(--fnt-bigger-3);color:var(--c-grey-14)}
#pagecontent h6{font-size:var(--fnt-bigger-2);color:var(--c-grey-14)}

#pagecontent p,
#pagecontent ul{
	font-size:var(--fnt-base);
	line-height:160%;
	margin-bottom:var(--cnt-margin-1)
}
#pagecontent p{text-align:justify}

#pagecontent .lessmrg{margin-bottom:5px!important}
#pagecontent .ttlmrg{margin-bottom:10px!important}
#pagecontent .nomrg{margin-bottom:0!important}

#pagecontent ul{list-style:square outside;margin-left:18px}
#pagecontent ul ul{font-size:1.00em!important}
#pagecontent ul.num{list-style:decimal outside}
#pagecontent ul.literal{list-style:lower-alpha outside}
#pagecontent li{color:var(--c-blue)}
#pagecontent ul.num li,
#pagecontent ul.literal li{font-weight:var(--w-semibold)}
#pagecontent ul.prd-list li{font-weight:var(--w-bold)}
#pagecontent ul.num li span,
#pagecontent ul.literal li span{font-weight:var(--w-light)}

#pagecontent table{
	width:100%;
	border-collapse:collapse;
	margin-bottom:var(--cnt-margin-1)
}
#pagecontent table th,
#pagecontent table td{
	font-size:var(--fnt-base);
	font-weight:var(--w-light);
	line-height:140%;
	padding:var(--tbl-padding);
	border-bottom:1px solid var(--c-white);
	border-right:1px solid var(--c-white)
}
#pagecontent table th{
	color:var(--c-white);
	text-transform:uppercase;
	background:var(--c-grey-30)
}
#pagecontent table th:last-of-type,
#pagecontent table td:last-of-type{border-right:none!important}
#pagecontent table tr:nth-of-type(odd) td{background:var(--c-grey-96)}
#pagecontent table tr:nth-of-type(even) td{background:var(--c-grey-93)}
#pagecontent table th p,
#pagecontent table td p{font-size:1.00em!important}

#pagecontent li span{color:var(--c-black)}
#pagecontent p strong,
#pagecontent li strong,
#pagecontent table strong{font-weight:var(--w-bold)}
#pagecontent p strong.blue,
#pagecontent li strong.blue,
#pagecontent table strong.blue{color:var(--c-blue)}
#pagecontent a{color:var(--c-blue);text-decoration:underline}
#pagecontent a:hover{color:var(--c-grey-14)}

#pagecontent img.img-wrap,
#pagecontent img.img-side{height:auto;float:left}
#pagecontent img.img-wrap{
	width:100%;
	clear:both;
	margin-bottom:var(--cnt-margin-1)
}
#pagecontent img.img-side{width:40%;display:inline}
#pagecontent img.img-side.img-left{margin-right:20px}
#pagecontent img.img-side.img-right{float:right;margin-left:20px}
#pagecontent img.img-centered{width:50%;height:auto}

#pagecontent a.pg-anchor{
	display:block;
    position:relative;
    top:-190px;
    visibility:hidden
}
#pagecontent a.back-to-top{
	width:auto;
	font-size:0.90em;
	font-weight:var(--w-medium);
	font-style:italic;
	line-height:10px;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	padding-left:11px;
	background:url(/layout/img/ico-arrow-double-blue.png) no-repeat center left;
	background-size:auto 70%
}
#pagecontent a.back-to-top:hover{color:var(--c-grey-14);background-image:url(/layout/img/ico-arrow-double-grey.png)}

#pagecontent a.pg-btn{
	width:auto;
	height:var(--fld-height-1);
	font-size:var(--fnt-base);
	color:var(--c-white);
	line-height:var(--fld-height-1);
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	padding:0 var(--btn-padding-1);
	border-radius:var(--fld-radius);
	background:var(--c-blue)
}
#pagecontent a.pg-btn:hover{color:var(--c-grey-14)}

/*BOXES*/
#pagecontent div.boxes-container,
#pagecontent div.box-img-txt,
#pagecontent div.box-img-txt div.btn{display:flex}
#pagecontent div.boxes-container,
#pagecontent div.box-img-txt:not(.secondary-box),
#pagecontent div.box-process{width:100%;clear:both}
#pagecontent div.boxes-container{flex-flow:row wrap;grid-gap:var(--main-spacing)}
#pagecontent div.box-img-txt{align-items:stretch}
#pagecontent div.box-img-txt.secondary-box,
#pagecontent div.box-img-txt.vdo-box,
#pagecontent div.box-img-txt.service-box/*,
#pagecontent div.box-process,
#pagecontent div.box-advantages*/{border-radius:var(--boxes-radius);background:var(--c-grey-96)}
#pagecontent div.box-img-txt.img-lft{flex-flow:row-reverse wrap}
#pagecontent div.box-img-txt.img-rgt{flex-flow:row wrap}

#pagecontent div.box-img-txt.main-box div.txt,
#pagecontent div.box-img-txt.main-box div.img{width:50%}
#pagecontent div.box-img-txt.main-box.img-lft div.txt{padding-left:var(--main-spacing)!important}
#pagecontent div.box-img-txt.main-box.img-rgt div.txt{padding-right:var(--main-spacing)!important}
#pagecontent div.box-img-txt.main-box div.txt h2,
#pagecontent div.box-img-txt.main-box div.txt h5{margin-bottom:var(--cnt-margin-1)}
#pagecontent div.box-img-txt.main-box div.img{height:100%;position:relative}
#pagecontent div.box-img-txt.main-box div.img img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	position:absolute;
	top:0;
	left:0;
}
#pagecontent div.box-img-txt.main-box div.btn{flex-flow:row wrap;grid-gap:var(--cnt-margin-1)}

#pagecontent div.box-img-txt.secondary-box{
	width:calc(50% - (var(--main-spacing) / 2));
	flex-flow:column-reverse wrap;
	justify-content:flex-end;
	grid-gap:var(--cnt-margin-1);
	padding:var(--main-spacing)
}
#pagecontent div.box-img-txt.secondary-box div.txt,
#pagecontent div.box-img-txt.secondary-box img{width:100%}
#pagecontent div.box-img-txt.secondary-box div.txt h2{text-align:center}

#pagecontent div.box-img-txt.vdo-box{padding:var(--main-spacing)}
#pagecontent div.box-img-txt.vdo-box div.txt{width:55%}
#pagecontent div.box-img-txt.vdo-box.img-lft div.txt{padding-left:var(--main-spacing)}
#pagecontent div.box-img-txt.vdo-box.img-rgt div.txt{padding-right:var(--main-spacing)}
#pagecontent div.box-img-txt.vdo-box img{width:45%}
#pagecontent div.box-img-txt.vdo-box div.vdo,
#pagecontent div.box-img-txt.vdo-box div.vdo div.vdo-container{width:100%}
#pagecontent div.box-img-txt.vdo-box div.vdo div.vdo-container{
	position:relative;
	padding:56.25% 0 0 0;
	margin-top:var(--cnt-margin-1);
	border-radius:var(--boxes-radius)
}
#pagecontent div.box-img-txt.vdo-box div.vdo iframe{
	width:100%!important;
	height:100%!important;
	position:absolute;
	top:0;
	left:0
}

#pagecontent div.box-img-txt.service-box{align-items:center;padding:var(--main-spacing)}
#pagecontent div.box-img-txt.service-box div.txt{width:55%}
#pagecontent div.box-img-txt.service-box.img-lft div.txt{padding-left:var(--main-spacing)}
#pagecontent div.box-img-txt.service-box.img-rgt div.txt{padding-right:var(--main-spacing)}
#pagecontent div.box-img-txt.service-box img{width:45%}

#pagecontent div.box-process,
#pagecontent div.box-levels,
#pagecontent div.box-advantages{width:100%}
#pagecontent div.box-process,
#pagecontent div.box-levels{padding-bottom:var(--main-spacing);border-bottom:1px solid var(--c-grey-90)}
#pagecontent div.box-process,
#pagecontent div.box-process div.itm-process,
#pagecontent div.box-advantages,
#pagecontent div.box-advantages div.itm-advantages,
#pagecontent div.box-levels{display:flex}
#pagecontent div.box-process,
#pagecontent div.box-advantages div.itm-advantages{flex-flow:column wrap;align-items:center}
#pagecontent div.box-advantages,
#pagecontent div.box-levels{flex-flow:row wrap}
#pagecontent div.box-process h2,
#pagecontent div.box-process h3,
#pagecontent div.box-process h5,
#pagecontent div.box-advantages > h2,
#pagecontent div.box-advantages div.itm-advantages h4,
#pagecontent div.box-advantages div.itm-advantages p,
#pagecontent div.box-levels div.intro h2,
#pagecontent div.box-levels div.intro h5,
#pagecontent div.box-levels div.intro p,
#pagecontent div.box-levels h3,
#pagecontent div.box-levels div.itm-level h4,
#pagecontent div.box-levels div.itm-level p{text-align:center}
#pagecontent div.box-process h2,
#pagecontent div.box-advantages > h2,
#pagecontent div.box-levels div.intro h2{font-size:var(--fnt-bigger-12);line-height:100%}
#pagecontent div.box-process h5,
#pagecontent div.box-advantages div.itm-advantages h4,
#pagecontent div.box-levels div.intro h5,
#pagecontent div.box-levels div.itm-level h4{font-size:var(--fnt-bigger-6)}

#pagecontent div.box-process{align-content:center}
#pagecontent div.box-process div.itm-process{
	width:auto;
	flex-flow:row nowrap;
	align-items:center;
	grid-gap:var(--cnt-margin-1);
	margin-top:var(--cnt-margin-1)
}
#pagecontent div.box-process div.itm-process img{width:60px;height:auto}
#pagecontent div.box-process div.itm-process div{width:calc(100% - (60px + var(--cnt-margin-1)))}
#pagecontent div.box-process div.itm-process div h4,
#pagecontent div.box-process div.itm-process div p{line-height:140%!important}
#pagecontent div.box-process div.itm-process div h4{margin-bottom:0!important}
#pagecontent div.box-process div.itm-process div p{width:350px}

#pagecontent div.box-advantages{justify-content:center;grid-gap:var(--main-spacing)}
#pagecontent div.box-advantages > h2{width:100%}
#pagecontent div.box-advantages > h5{display:none}
#pagecontent div.box-advantages div.itm-advantages{
	width:calc(33.33% - ((var(--main-spacing) * 2) / 3));
	padding:var(--main-spacing);
	border-radius:var(--boxes-radius);
	border:1px solid var(--c-grey-90);
	background:var(--c-grey-96)
}
#layout.partnership #pagecontent div.box-advantages div.itm-advantages{width:calc(50% - (var(--main-spacing) / 2))}
#pagecontent div.box-advantages div.itm-advantages img{width:60px;margin-bottom:12px}
#pagecontent div.box-advantages div.itm-advantages p{font-size:var(--fnt-bigger-2)}

#pagecontent div.box-levels{grid-gap:0 var(--main-spacing)}
#pagecontent div.box-levels div.intro,
#pagecontent div.box-levels h3{width:100%;clear:both}
#pagecontent div.box-levels div.intro{margin-bottom:var(--main-spacing)}
#pagecontent div.box-levels div.intro h2,
#pagecontent div.box-levels div.intro h5{margin-bottom:8px}
#pagecontent div.box-levels div.intro p{font-size:var(--fnt-bigger-3)}
#pagecontent div.box-levels h3{font-size:var(--fnt-bigger-9);margin-bottom:var(--cnt-margin-1)}
#pagecontent div.box-levels div.itm-level{
	width:calc(33.33% - ((var(--main-spacing) * 2) / 3));
	padding:5px;
	border-radius:var(--boxes-radius);
	border:1px solid var(--c-grey-90);
	background:var(--c-grey-96)
}
#pagecontent div.box-levels div.itm-level h4{
	font-weight:var(--c-light);
	color:var(--c-white);
	line-height:100%;
	text-transform:uppercase;
	padding:15px 0;
	margin-bottom:0!important;
	border-radius:var(--boxes-radius);
	background:var(--c-grey-14)
}
#pagecontent div.box-levels div.itm-level p{padding:var(--cnt-margin-1);box-sizing:border-box}

/*TEAM*/
#pagecontent div.team-container,
#pagecontent div.team-container h2{width:100%;clear:both}
#pagecontent div.team-container,
#pagecontent div.team-container div.team-box{display:flex}
#pagecontent div.team-container{
	flex-flow:row wrap;
	justify-content:center;
	grid-gap:var(--main-spacing)
}
#pagecontent div.team-container h2,
#pagecontent div.team-container h3,
#pagecontent div.team-container h6{text-align:center}
#pagecontent div.team-container div.team-box{
	width:calc(25% - ((var(--main-spacing) * 3) / 4));
	flex-flow:column wrap;
	align-items:center;
	padding:var(--cnt-margin-1);
	border-radius:var(--boxes-radius);
	border:1px solid var(--c-grey-93);
	background:var(--c-grey-96)
}
#pagecontent div.team-container div.team-box img{
	width:80%;
	height:auto;
	margin-bottom:var(--cnt-margin-1)
}
#pagecontent div.team-container div.team-box h3{}
#pagecontent div.team-container div.team-box h6{font-weight:var(--w-base);color:var(--c-grey-35)}

/*STORES*/
#layout.map-page #pagecontent div.stores-intro,
#layout.map-page #pagecontent div.stores-lst{width:100%;clear:both}

#layout.map-page #pagecontent div.stores-intro{margin-bottom:var(--main-spacing)}
#layout.map-page #pagecontent div.stores-intro h3,
#layout.map-page #pagecontent div.stores-intro p{text-align:center}
#layout.map-page #pagecontent div.stores-lst,
#layout.map-page #pagecontent div.stores-itm{display:flex;flex-flow:row wrap}
#layout.map-page #pagecontent div.stores-lst{grid-gap:var(--cnt-margin-1)}
#layout.map-page #pagecontent div.stores-itm{
	width:calc(50% - (var(--cnt-margin-1) / 2));
	align-items:center;
	border-radius:var(--boxes-radius);
	background:var(--c-grey-96)
}
#layout.map-page #pagecontent div.stores-itm img.store-img,
#layout.map-page #pagecontent div.stores-itm div.store-data{width:50%}
#layout.map-page #pagecontent div.stores-itm img.store-img{height:auto}
#layout.map-page #pagecontent div.stores-itm div.store-data{padding:0 var(--cnt-margin-1)}
#layout.map-page #pagecontent div.stores-itm div.store-data p{text-align:left}
#layout.map-page #pagecontent div.stores-itm div.store-data span{display:block}
#layout.map-page #pagecontent div.stores-itm:not(.base-main) div.store-data span.assistance{display:none}

#layout.map-page #pagecontent div.stores-itm.base-main{width:100%!important;position:relative}
#layout.map-page #pagecontent div.stores-itm.base-main img.store-img,
#layout.map-page #pagecontent div.stores-itm.base-main div.store-data{width:100%}
#layout.map-page #pagecontent div.stores-itm.base-main div.store-data{
	width:auto!important;
	position:absolute;
	bottom:var(--cnt-margin-1);
	right:var(--cnt-margin-1);
	padding:calc(var(--cnt-margin-1) * 1.5);
	border-radius:var(--boxes-radius);
	background:var(--c-black-rgba-60)
}
#layout.map-page #pagecontent div.stores-itm.base-main div.store-data h4,
#layout.map-page #pagecontent div.stores-itm.base-main div.store-data p{color:var(--c-white);text-align:right}
#layout.map-page #pagecontent div.stores-itm.base-main div.store-data h4{
	font-size:var(--fnt-bigger-12);
	line-height:100%;
	padding-bottom:var(--cnt-margin-1);
	margin-bottom:var(--cnt-margin-1);
	border-bottom:1px solid var(--c-white-rgba-60)
}
#layout.map-page #pagecontent div.stores-itm.base-main div.store-data p{font-size:var(--fnt-bigger-3)}
#layout.map-page #pagecontent div.stores-itm.base-main div.store-data p a{color:var(--c-white)}
#layout.map-page #pagecontent div.stores-itm.base-main div.store-data p a:hover{color:var(--c-blue)}

/*BRANDS LIST*/
#pagecontent #brn-intro,
#pagecontent #brn-list,
#pagecontent div.brn-list-container{width:100%;clear:both}

#pagecontent #brn-intro{margin-bottom:var(--main-spacing)}
#pagecontent #brn-intro h3,
#pagecontent #brn-intro p{text-align:center}

#pagecontent #brn-list,
#pagecontent div.brn-itm{display:flex}
#pagecontent #brn-list{flex-flow:row wrap;grid-gap:var(--main-spacing)}
#pagecontent div.brn-itm{
	width:calc((100% / 4) - ((var(--main-spacing) * 3 + 1px) / 4));
	flex-flow:column wrap;
	justify-content:flex-start;
	align-content:center;
	grid-gap:10px
}
#pagecontent div.brn-itm a.brn-img,
#pagecontent div.brn-itm a.brn-img img,
#pagecontent div.brn-itm h3{width:100%}
#pagecontent div.brn-itm a.brn-img img{height:auto;float:left}
#pagecontent div.brn-itm a.brn-img img.noimage{width:56%;margin-left:22%}
#pagecontent div.brn-itm h3{
	font-size:var(--fnt-bigger-2);
	font-weight:var(--w-semibold);
	line-height:120%;
	text-transform:uppercase;
	text-align:center
}
#pagecontent div.brn-itm h3 a{color:var(--c-black);text-decoration:none}
#pagecontent div.brn-itm h3 a:hover{color:var(--c-blue)}
#pagecontent div.brn-itm h3 span{
	font-size:0.85em;
	font-weight:var(--w-regular);
	display:block
}

/*PRIVACY POLICY*/
#layout.privacy-policy #pagecontent li a{color:var(--c-black)}
#layout.privacy-policy #pagecontent li a:hover{color:var(--c-blue)}
#layout.privacy-policy #pagecontent ul.index{
	list-style:decimal inside;
	margin-left:0!important;
	border-top:1px solid var(--c-grey-85)
}
#layout.privacy-policy #pagecontent ul.index > li{padding:10px 0;border-bottom:1px solid var(--c-grey-85)}
#layout.privacy-policy #pagecontent ul.index ul{list-style:lower-latin inside;margin:0 0 0 18px!important}
#layout.privacy-policy #pagecontent ul.index a{text-decoration:none;text-transform:uppercase}

/*COOKIE POLICY*/
#layout.cookie-policy #pagecontent li a{color:var(--c-black)}
#layout.cookie-policy #pagecontent li a:hover{color:var(--c-blue)}
#pagecontent table.tbl-cookie td:first-of-type{white-space:nowrap}
#pagecontent table.tbl-cookie tr td:last-of-type{border-right:none!important}
#pagecontent table.tbl-cookie tr:last-of-type td{border-bottom:none!important}
#layout.cookie-policy #pagecontent li ul{margin-bottom:5px}

/*RESPONSIVITY*/
@media only screen and (min-width:320px) and (max-width:1024px) {
	/*pages header*/
	#istcontents div.title h1{
		height:20px;
		line-height:18px;
		margin-bottom:10px
	}
	#istcontents div.title div.utils{height:8px}
	#istcontents div.title div.goback,
	#istcontents div.title div.goback:before,
	#istcontents div.title div.goback:after{
		border-top-width:4px;
		border-right-width:8px; 
		border-bottom-width:4px
	}
	#istcontents div.title div.goback{margin-left:6px}
	#istcontents div.title div.goback:before,
	#istcontents div.title div.goback:after{top:-4px}
	#istcontents div.title div.goback:before{left:-6px}
	#istcontents div.title div.goback:after{left:6px}
	#istcontents div.title ul.breadcrumbs{margin-left:14px;grid-gap:0 4px}
	#istcontents div.title ul.breadcrumbs li{line-height:8px;padding-right:9px}
	#istcontents div.title ul.breadcrumbs li:not(.current):after{top:1px}
	
	/*pages common*/
	#istcontents #pagecontent{grid-gap:20px;padding:var(--main-spacing)}
	#pagecontent div.cnt-left{width:calc(55% - 10px)}
	#pagecontent div.cnt-right{width:calc(45% - 10px)}
	#pagecontent img.img-side.img-left{margin-right:10px}
	#pagecontent img.img-side.img-right{margin-left:10px}
	#pagecontent a.pg-anchor{top:-145px}
	#pagecontent a.back-to-top{line-height:9px;padding-left:10px}

	/*boxes*/
	#pagecontent div.box-process div.itm-process img{width:45px}
	#pagecontent div.box-process div.itm-process div{width:calc(100% - (45px + var(--cnt-margin-1)))}
	#pagecontent div.box-process div.itm-process div p{width:280px}
	#pagecontent div.box-advantages div.itm-advantages img{width:45px;margin-bottom:10px}
	#pagecontent div.box-levels div.itm-level h4{padding:11px 0}
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
	/*pages header*/
	#istcontents div.title h1{
		height:20px;
		line-height:18px;
		margin-bottom:10px
	}
	#istcontents div.title div.utils{height:8px}
	#istcontents div.title div.goback,
	#istcontents div.title div.goback:before,
	#istcontents div.title div.goback:after{
		border-top-width:4px;
		border-right-width:8px; 
		border-bottom-width:4px
	}
	#istcontents div.title div.goback{margin-left:6px}
	#istcontents div.title div.goback:before,
	#istcontents div.title div.goback:after{top:-4px}
	#istcontents div.title div.goback:before{left:-6px}
	#istcontents div.title div.goback:after{left:6px}
	#istcontents div.title ul.breadcrumbs{margin-left:14px;grid-gap:0 4px}
	#istcontents div.title ul.breadcrumbs li{line-height:8px;padding-right:9px}
	#istcontents div.title ul.breadcrumbs li:not(.current):after{top:1px}
	
	/*pages common*/
	#istcontents #pagecontent{grid-gap:20px}
	#pagecontent div.cnt-left{width:calc(55% - 10px)}
	#pagecontent div.cnt-right{width:calc(45% - 10px)}
	#pagecontent img.img-side.img-left{margin-right:10px}
	#pagecontent img.img-side.img-right{margin-left:10px}
	#pagecontent a.pg-anchor{top:-145px}
	#pagecontent a.back-to-top{line-height:9px;padding-left:10px}

	/*privacy policy*/
	#layout.privacy-policy #pagecontent ul.index > li{padding:8px 0}

	/*boxes*/
	#pagecontent div.box-process div.itm-process img{width:45px}
	#pagecontent div.box-process div.itm-process div{width:calc(100% - (45px + var(--cnt-margin-1)))}
	#pagecontent div.box-process div.itm-process div p{width:280px}
	#pagecontent div.box-advantages div.itm-advantages img{width:45px;margin-bottom:10px}
	#pagecontent div.box-levels div.itm-level h4{padding:11px 0}
}

@media only screen and (min-width:1281px) and (max-width:1500px) {
	/*pages header*/
	#istcontents div.title h1{height:20px;line-height:18px}
	
	/*pages common*/
	#istcontents #pagecontent{grid-gap:24px}
	#pagecontent div.cnt-left{width:calc(55% - 12px)}
	#pagecontent div.cnt-right{width:calc(45% - 12px)}
	#pagecontent img.img-side.img-left{margin-right:12px}
	#pagecontent img.img-side.img-right{margin-left:12px}
	#pagecontent a.pg-anchor{top:-160px}
	#pagecontent a.back-to-top{line-height:9px;padding-left:10px}

	/*boxes*/
	#pagecontent div.box-process div.itm-process img{width:50px}
	#pagecontent div.box-process div.itm-process div{width:calc(100% - (50px + var(--cnt-margin-1)))}
	#pagecontent div.box-process div.itm-process div p{width:310px}
	#pagecontent div.box-advantages div.itm-advantages img{width:50px}
	#pagecontent div.box-levels div.itm-level h4{padding:12px 0}
}

@media only screen and (min-width:1501px) and (max-width:1950px) {
	/*pages header*/
	#istcontents div.title h1{height:20px;line-height:18px}
	
	/*pages common*/
	#istcontents #pagecontent{grid-gap:30px}
	#pagecontent div.cnt-left{width:calc(55% - 15px)}
	#pagecontent div.cnt-right{width:calc(45% - 15px)}
	#pagecontent img.img-side.img-left{margin-right:15px}
	#pagecontent img.img-side.img-right{margin-left:15px}
	#pagecontent a.pg-anchor{top:-175px}
	#pagecontent a.back-to-top{line-height:9px;padding-left:10px}

	/*boxes*/
	#pagecontent div.box-process div.itm-process img{width:55px}
	#pagecontent div.box-process div.itm-process div{width:calc(100% - (55px + var(--cnt-margin-1)))}
	#pagecontent div.box-process div.itm-process div p{width:330px}
	#pagecontent div.box-advantages div.itm-advantages img{width:55px}
	#pagecontent div.box-levels div.itm-level h4{padding:13px 0}
}

/*TABLET*/
@media only screen and (min-device-width:744px) and (max-device-width:1024px) {
	/*pages header*/
	#istcontents div.title{
		overflow:visible!important;
		padding-left:var(--main-spacing);
		padding-right:var(--main-spacing)
	}
	#istcontents div.title h1{
		height:16px;
		line-height:14px;
		margin-bottom:8px
	}
	#istcontents div.title ul.breadcrumbs{margin-left:12px}
	
	/*pages common*/
	#istcontents #pagecontent{grid-gap:16px}
	#pagecontent div.cnt-left{width:calc(55% - 8px)}
	#pagecontent div.cnt-right{width:calc(45% - 8px)}
	#pagecontent a.pg-anchor{top:-115px}

	/*boxes*/
	#pagecontent div.box-process div.itm-process img{width:40px}
	#pagecontent div.box-process div.itm-process div{width:calc(100% - (40px + var(--cnt-margin-1)))}
	#pagecontent div.box-process div.itm-process div p{width:260px}
	#pagecontent div.box-advantages div.itm-advantages{padding:calc(var(--main-spacing) * 1.5)}
	#pagecontent div.box-advantages div.itm-advantages img{width:40px;margin-bottom:10px}
}

@media only screen and (min-device-width:744px) and (max-device-width:1024px) and (orientation:portrait) {
	/*boxes*/
	#pagecontent div.box-img-txt.secondary-box,
	#pagecontent div.box-img-txt.vdo-box,
	#pagecontent div.box-img-txt.service-box{padding:calc(var(--main-spacing) * 1.5)}
	#pagecontent div.box-img-txt.vdo-box div.txt p:nth-of-type(2){display:none}
	#pagecontent div.box-img-txt.vdo-box.img-lft div.txt{padding-left:calc(var(--main-spacing) * 1.5)}
	#pagecontent div.box-img-txt.vdo-box.img-rgt div.txt{padding-right:calc(var(--main-spacing) * 1.5)}
	#pagecontent div.box-img-txt.service-box div.txt p:nth-of-type(2){display:none}
	#pagecontent div.box-img-txt.service-box.img-lft div.txt{padding-left:calc(var(--main-spacing) * 1.5)}
	#pagecontent div.box-img-txt.service-box.img-rgt div.txt{padding-right:calc(var(--main-spacing) * 1.5)}

	/*stores*/
	#layout.map-page #pagecontent div.stores-itm:not(.base-main) img.store-img,
	#layout.map-page #pagecontent div.stores-itm:not(.base-main) div.store-data{width:100%}
	#layout.map-page #pagecontent div.stores-itm:not(.base-main) div.store-data{padding:var(--cnt-margin-1)}
	#layout.map-page #pagecontent div.stores-itm:not(.base-main) div.store-data h4,
	#layout.map-page #pagecontent div.stores-itm:not(.base-main) div.store-data p{text-align:center}
}

@media only screen and (min-device-width:744px) and (max-device-width:1024px) and (orientation:landscape) {
	/*boxes*/
	#pagecontent div.box-img-txt.main-box div.txt{width:60%}
	#pagecontent div.box-img-txt.main-box.img-lft div.txt{padding-left:calc(var(--main-spacing) * 2)!important}
	#pagecontent div.box-img-txt.main-box.img-rgt div.txt{padding-right:calc(var(--main-spacing) * 2)!important}
	#pagecontent div.box-img-txt.main-box div.img{width:40%}
	#pagecontent div.box-img-txt.secondary-box,
	#pagecontent div.box-img-txt.vdo-box,
	#pagecontent div.box-img-txt.service-box{padding:calc(var(--main-spacing) * 2)}
	#pagecontent div.box-img-txt.vdo-box.img-lft div.txt{padding-left:calc(var(--main-spacing) * 2)}
	#pagecontent div.box-img-txt.vdo-box.img-rgt div.txt{padding-right:calc(var(--main-spacing) * 2)}
	#pagecontent div.box-img-txt.service-box.img-lft div.txt{padding-left:calc(var(--main-spacing) * 2)}
	#pagecontent div.box-img-txt.service-box.img-rgt div.txt{padding-right:calc(var(--main-spacing) * 2)}

	/*brands list*/
	#pagecontent div.brn-itm{width:calc((100% / 5) - ((var(--main-spacing) * 4 + 1px) / 5))}
}

/*SMARTPHONE*/
@media only screen and (min-device-width:320px) and (max-device-width:743px) {
	/*pages header*/
	#istcontents div.title{padding-left:var(--main-spacing);padding-right:var(--main-spacing)}
	#istcontents div.title ul.breadcrumbs{margin-left:12px}

	/*pages common*/
	#istcontents #pagecontent{grid-gap:10px}
	#pagecontent img.img-side.img-left{margin-right:8px}
	#pagecontent img.img-side.img-right{margin-left:8px}
	#pagecontent h2,
	#pagecontent h3,
	#pagecontent h4,
	#pagecontent h5,
	#pagecontent h6{margin-bottom:3px}
	#pagecontent a.pg-anchor{top:-100px}

	/*boxes*/
	#pagecontent div.box-process div.itm-process img{width:35px}
	#pagecontent div.box-process div.itm-process div{width:calc(100% - (35px + var(--cnt-margin-1)))}
	#pagecontent div.box-advantages div.itm-advantages{padding:calc(var(--main-spacing) * 1.5)}
	#pagecontent div.box-advantages div.itm-advantages img{width:35px;margin-bottom:10px}
}

@media only screen and (min-device-width:320px) and (max-device-width:743px) and (max-aspect-ratio:13/9) {
	/*pages header*/
	#istcontents div.title,
	#istcontents div.title h1{white-space:normal}
	#istcontents div.title{white-space:normal}
	#istcontents div.title h1{
		height:auto;
		font-size:var(--fnt-bigger-8);
		line-height:100%
	}
	#layout.cartpage #container div.title h1,
	#layout.checkoutpage #container div.title h1{height:16px;line-height:14px}
	
	/*pages common*/
	#pagecontent div.cnt-left,
	#pagecontent div.cnt-right{width:100%}
	#pagecontent div.tbl-container{overflow:auto!important}

	/*boxes*/
	#pagecontent div.box-img-txt.main-box div.txt,
	#pagecontent div.box-img-txt.main-box div.img{width:100%}
	#pagecontent div.box-img-txt.main-box div.txt{
		text-align:center;
		padding:0;
		margin-bottom:var(--cnt-margin-1)
	}
	#pagecontent div.box-img-txt.main-box div.txt h2,
	#pagecontent div.box-img-txt.main-box div.txt h3,
	#pagecontent div.box-img-txt.main-box div.txt p{text-align:center}
	#pagecontent div.box-img-txt.main-box div.img{height:auto}
	#pagecontent div.box-img-txt.main-box div.img img{
		width:100%;
		height:auto;
		float:left;
		position:static
	}
	#pagecontent div.box-img-txt.main-box div.btn{justify-content:center}
	#pagecontent div.box-img-txt.secondary-box,
	#pagecontent div.box-img-txt.vdo-box,
	#pagecontent div.box-img-txt.service-box{padding:calc(var(--main-spacing) * 2)}
	#pagecontent div.box-img-txt.secondary-box{width:100%}
	#pagecontent div.box-img-txt.vdo-box{
		flex-flow:column wrap;
		justify-content:flex-end;
		grid-gap:var(--cnt-margin-1)
	}
	#pagecontent div.box-img-txt.vdo-box div.txt{width:100%;order:2}
	#pagecontent div.box-img-txt.vdo-box div.txt,
	#pagecontent div.box-img-txt.vdo-box div.txt h2{text-align:center}
	#pagecontent div.box-img-txt.vdo-box div.txt a.pg-btn{float:none;margin:0 auto}
	#pagecontent div.box-img-txt.vdo-box.img-lft div.txt{padding-left:calc(var(--main-spacing) * 2)}
	#pagecontent div.box-img-txt.vdo-box.img-rgt div.txt{padding-right:calc(var(--main-spacing) * 2)}
	#pagecontent div.box-img-txt.vdo-box img{width:100%;order:1}
	#pagecontent div.box-img-txt.vdo-box div.vdo{order:3}

	#pagecontent div.box-img-txt.service-box{
		flex-flow:column wrap;
		justify-content:flex-end;
		grid-gap:var(--cnt-margin-1)
	}
	#pagecontent div.box-img-txt.service-box div.txt{width:100%;order:2}
	#pagecontent div.box-img-txt.service-box div.txt,
	#pagecontent div.box-img-txt.service-box div.txt h2{text-align:center}
	#pagecontent div.box-img-txt.service-box.img-lft div.txt{padding-left:calc(var(--main-spacing) * 2)}
	#pagecontent div.box-img-txt.service-box.img-rgt div.txt{padding-right:calc(var(--main-spacing) * 2)}
	#pagecontent div.box-img-txt.service-box img{width:100%;order:1}
	#pagecontent div.box-process div.itm-process{width:85%}
	#pagecontent div.box-process div.itm-process div p{width:calc(100% - (35 + var(--cnt-margin-1)))}
	#pagecontent div.box-advantages div.itm-advantages{width:calc(50% - (var(--main-spacing) / 2))}

	/*team*/
	#pagecontent div.team-container div.team-box{width:calc(50% - (var(--main-spacing) / 2));padding:calc(var(--cnt-margin-1) * 2)}

	/*stores*/
	#layout.map-page #pagecontent div.stores-itm:not(.base-main){width:100%}
	#layout.map-page #pagecontent div.stores-itm.base-main img.store-img{width:120%;margin-left:-20%}
	#layout.map-page #pagecontent div.stores-itm.base-main div.store-data{padding:calc(var(--cnt-margin-1) * 2)}
	#layout.map-page #pagecontent div.stores-itm.base-main div.store-data h4{font-size:var(--fnt-bigger-9)}
	#layout.map-page #pagecontent div.stores-itm.base-main div.store-data p{font-size:var(--fnt-bigger-1)}

	/*brands list*/
	#pagecontent div.brn-itm{width:calc((100% / 3) - ((var(--main-spacing) * 2 + 1px) / 3))}

	/*cookie policy*/
	#pagecontent table.tbl-cookie{width:200%}
}

@media only screen and (min-device-width:320px) and (max-device-width:743px) and (min-aspect-ratio:13/9) {
	/*pages header*/
	#istcontents div.title h1{height:16px;line-height:14px}
	
	/*pages common*/
	#pagecontent div.cnt-left{width:calc(55% - 5px)}
	#pagecontent div.cnt-right{width:calc(45% - 5px)}

	/*boxes*/
	#pagecontent div.box-img-txt.secondary-box,
	#pagecontent div.box-img-txt.vdo-box,
	#pagecontent div.box-img-txt.service-box{padding:calc(var(--main-spacing) * 1.5)}
	#pagecontent div.box-img-txt.vdo-box div.txt p:nth-of-type(2){display:none}
	#pagecontent div.box-img-txt.vdo-box.img-lft div.txt{padding-left:calc(var(--main-spacing) * 1.5)}
	#pagecontent div.box-img-txt.vdo-box.img-rgt div.txt{padding-right:calc(var(--main-spacing) * 1.5)}
	#pagecontent div.box-img-txt.service-box div.txt p:nth-of-type(2){display:none}
	#pagecontent div.box-img-txt.service-box.img-lft div.txt{padding-left:calc(var(--main-spacing) * 1.5)}
	#pagecontent div.box-img-txt.service-box.img-rgt div.txt{padding-right:calc(var(--main-spacing) * 1.5)}
	#pagecontent div.box-process div.itm-process div p{width:260px}

	/*stores*/
	#layout.map-page #pagecontent div.stores-itm:not(.base-main) img.store-img,
	#layout.map-page #pagecontent div.stores-itm:not(.base-main) div.store-data{width:100%}
	#layout.map-page #pagecontent div.stores-itm:not(.base-main) div.store-data{padding:var(--cnt-margin-1)}
	#layout.map-page #pagecontent div.stores-itm:not(.base-main) div.store-data h4,
	#layout.map-page #pagecontent div.stores-itm:not(.base-main) div.store-data p{text-align:center}
}