@font-face {
    font-family: 'inter';
    src: url('fonts/Inter-V.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*:focus {
	outline: none;
}
*, *::before, *::after {
  box-sizing: border-box;
}
html, body, input, select, button, textarea{
	font-family: 'inter';
	font-size: 15px;
}
html, body{
	background-color:#e7eaef;
	padding: 0;
	margin: 0;
	color: #111827;
}
.wrap{
	max-width:1440px;
	margin:0 auto;
	padding:0 30px;
}
.page_spinner{
	position: fixed;
	background: #f2f2f2 url(images/filter_load.gif) no-repeat center;
	z-index:10000;
	width:100%;
	min-width:100%;
	min-height:100%;
	top:0;
	left:0;
	opacity:0.7;
}
.cookieallow{
	background-color:white;
	position:fixed;
	left:0px;
	bottom:0px;
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	width:100%;
	z-index:1000;
}
.cookieallow table{
	width:100%;
	max-width:1880px;
	margin:auto;
}
.cookieallow td{
	font-size:12px;
	text-align:left;
	padding:7px 10px;
	color:#777777;
}
.cookieallow tr td:nth-child(1){
	width:5%;
	text-align:center;
}
.cookieallow td a{
	text-decoration:none;
	display:block;
	width:16px;
	height:16px;
	background-image:url(images/close_inactive.png);
	background-position:center;
	background-repeat:no-repeat;
	margin:auto;
}
.cookieallow td a:hover{
	background-image:url(images/close_active.png);
}

.head{
	background-color:rgba(255,255,255,0.8);
	border-bottom:1px solid #d1d5db;
	position:fixed;
	top: 0;
    left: 0;
    width: 100%;
	z-index: 20;
}
.head a, .head .divShoppingCart{
	text-decoration:none;
	color:#111827;
	display:inline-block;
	padding:5px 10px;
	border-radius:5px;
	line-height: 26px;
	cursor:pointer;
}
.head a:hover, .head .divShoppingCart:hover{
	background-color:rgba(254, 136, 0, 0.2);
	color:#fe8800;
}
.head .logo a:hover{
	background-color:transparent;
}
.top{
	display:flex;
	gap:20px;
	padding: 20px 0 10px;
    align-items: center;
    justify-content: space-between;
}
.top .logo img{
	height:48px;
}
.top svg, .foot svg{
	height:20px;
	fill:#fe8800;
	vertical-align: middle;
}
.top .divShoppingCart svg, .top .search svg{
	fill:#111827;
}
.top .search svg{
	margin-left:10px;
}
.top .divShoppingCart:hover svg{
	fill:#fe8800;
}
.top .divShoppingCart{
	position:relative;
	white-space: nowrap;
}
.top .divShoppingCart span.qty{
	position:absolute;
	top:0;
	left: 18px;
	display:block;
	border-radius:50%;
	background-color:#fe8800;
	color:#fff;
	line-height: 16px;
    width: 16px;
    text-align: center;
    font-size: 12px;
}
.top .divShoppingCart span:not(.qty){
	font-weight:600;
	margin-left:5px;
}
.top .tel{
	white-space: nowrap;
}
.top .tel a{
	font-weight:600;
}
.top .tel span{
	margin-left:5px;
}
.top .search{
	background-color:#e7eaef;
	border:1px solid #d1d5db;
	border-radius:10px;
	padding:5px;
	flex-basis:90%;
	display: flex;
    align-items: center;
    justify-content: space-between;
	gap:20px;
}
.top .search input[type="text"]{
	border:none;
	background-color:transparent;
	flex-basis: 90%;
	line-height: 30px;
	font-weight: 500;
}
.top .search input[type="submit"]{
	color:#fff;
	border-radius:10px;
	background-color: #fe8800;
	padding:0 20px;
	border: none;
	cursor:pointer;
	line-height: 30px;
	font-weight: 500;
}
.top .search input[type="submit"]:hover {
	background-color: #e67800;
}
.topmenu{
	padding-bottom:10px;
	white-space: nowrap;
	overflow: auto;
}
.topmenu a:not(:nth-of-type(1)){
	margin-left:10px;
}

.foot{
	background-color:#fff;
	border-top:1px solid #d1d5db;	
	color:#6b7280;
	margin-top: 20px;
}
.foot .wrap{
	display:flex;
	gap:20px;
	padding-top: 30px;
    padding-bottom: 15px;
    	align-items: flex-start;
    justify-content: space-between;
}
.foot .wrap.copy{
	padding-top: 15px;
    	padding-bottom: 30px;
	border-top:1px solid #d1d5db;
}
.foot .wrap:not(.copy) > div{
	flex-basis:25%;
}
.foot .ttl{
	font-weight:600;
	font-size:16px;
	color: #111827;
}
.foot .wrap a:not(.logo){
	text-decoration:none;
	color:#6b7280;
	font-size: 15px;
	display: inline-block;
	margin-top: 10px;
}
.foot .wrap a:hover{
	color:#fe8800;
}
.foot .logo img{
	height:60px;
	margin-bottom:10px;
}
.foot .contlst:last-of-type{
	margin-top: 10px;
}

.main{
	margin-top:135px;
}

.mainban{
	background-image:url(images/hero-tires.png);
	position:relative;
	background-position: center;
	background-size: cover;
}
.mainban .grad{
	position:absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right in oklab, oklab(0.21084 -0.01061 -0.04637 / 0.95) 0%, oklab(0.21084 -0.01061 -0.04637 / 0.8) 50%, oklab(0.21084 -0.01061 -0.04637 / 0.4) 100%);
}
.mainban .gradln{
	position:absolute;
	width: 33.3333%;
	height: 100%;
	background: linear-gradient(to right in oklab, lab(69.2562% 41.3122 75.4923 / .9) 0%, lab(69.2562% 41.3122 75.4923 / .0) 100%);
}
.mainban .gradln div{
	background-image: repeating-linear-gradient(115deg, #111827 0 8px, transparent 8px 22px);
	opacity: .2;
	width: 100%;
	height: 100%;
}

.mainban .cont{
	display:flex;
	gap:20px;
	padding-top: 60px;
	padding-bottom: 60px;
	align-items: center;
	justify-content: space-between;
	z-index: 10;
	position: relative;
}
.mainban .cont .txt{
	color:#fff;
	font-size:1rem;
}
.mainban .cont .txt .ttl{
	font-size: 44px;
	font-weight:800;
}
.mainban .cont .btns{
	display:flex;
	gap:20px;
	align-items: center;
	margin:30px 0;
}
.mainban .cont .btns a{
	display:block;
	border-radius:15px;
	color:#fff;
	background-color:#fe8800;
	padding:15px 20px;
	text-decoration:none;
	font-size: 16px;
}
.mainban .cont .btns a.lnk2{
	background-color: color-mix(in oklab, #fff 10%, transparent);
}
.mainban .cont .btns a:hover{
	background-color: color-mix(in oklab, #fe8800 80%, transparent);
}
.mainban .cont .icons{
	display:flex;
	gap:20px;
	align-items: center;
}
.mainban .cont .icons svg{
	width:16px;
	fill:#fff;
}
.mainban .cont .icons > div{
	display:flex;
	gap:10px;
	align-items: center;
}
.mainban .cont .ico{
	min-width:30px;
	width:30px;
	height:30px;
	background-color: color-mix(in oklab, #fff 15%, transparent);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mainban .form{
	background-color:#fff;
	border-radius: 20px;
	overflow: hidden;
	min-width: 440px;
	color: #6b7280;
}
.mainban .form .tabs{
	display:flex;
	align-items: center;
	justify-content: space-between;
}
.mainban .form .tabs div{
	cursor:pointer;
	flex-basis:33.3333%;
	display:flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height:70px;
	padding:10px;
	border-bottom:solid 2px #d1d5db;
	font-weight:600;
}
.mainban .form .tabs div:hover{
	color:#000;
}
.mainban .form .tabs div.act{
	border-bottom:solid 2px #fe8800;
	color:#fe8800;
	background-color: #fff3e6;
}
.mainban .form .tabfilt{
	padding:20px;
}
.mainban .form .tabfilt button{
	border-radius: 15px;
    color: #fff;
    background-color: #fe8800;
    padding: 15px 25px;
    text-decoration: none;
    font-size: 16px;
	border: none;
	cursor:pointer;
	margin-top: 5px;
}
.mainban .form .tabfilt button:hover {
	background-color: #e67800;
}
.mainban .form .tabfilt button svg{
	fill:#fff;
	height: 16px;
    margin-right: 5px;
    margin-bottom: -2px;
}
.mainban .form .tabfilt:not(.act){
	display:none;
}
.mainban .form .tabfilt .ln2, .mainban .form .tabfilt .ln3{
	display:flex;
	align-items: center;
	gap:20px;
}
.mainban .form .tabfilt .ln2 span, .mainban .form .tabfilt .ln2 select{
	flex-basis:50%;
	width: 50%;
}
.mainban .form .tabfilt .ln2 select{
	margin:5px 0 10px;
	border-radius:15px;
	border:solid 1px #d1d5db;
	height:40px;
}
.mainban .form .tabfilt .ln2 select:hover{
	border:solid 1px #fe8800;
}
.mainban .form .tabfilt .ln3 label{
	flex-basis:33.3333%;
	width: 33.3333%;
	margin:5px 0 10px;
	border-radius:15px;
	border:solid 1px #d1d5db;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	cursor:pointer;
}
.mainban .form .tabfilt .ln3 label:has(input:checked){
	border:solid 1px #fe8800;
	color:#fe8800;
	background-color: #fff3e6;
}
.mainban .form .tabfilt .ln3 label input{
	display:none;
}
.mainban .form .tabfilt .ln3 label svg{
	width: 14px;
	fill: #6b7280;
	margin-right:5px;
}
.mainban .form .tabfilt .ln3 label:has(input:checked) svg{
	fill:#fe8800;
}

.mainttl{
	padding:0;
	margin:40px 0 0;
	font-size: 32px;
	font-weight: 800;
}
.mainsubttl{
	color:#6b7280;
	margin-bottom:20px;
}

.blocks{
	display:flex;
	align-items: stretch;
	justify-content: center;
	gap:20px;
}
.blocks.w50{
	flex-wrap:wrap;
}
.blocks a{
	display: block;
	width: 25%;
	color: #6b7280;
	text-decoration: none;
	    display: flex;
    align-items: stretch;
}
.blocks .block{
	background-color:#fff;
	border-radius:15px;
	box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
	width:25%;
	padding:15px;
	display:flex;
	align-items: center;
	justify-content: space-between;
	color: #6b7280;
	gap: 10px;
	border:1px solid #fff;
}
.blocks.w33 .block{
	width:33.3333%;
}
.blocks.w50 .block{
	flex: 0 0 calc((100% - (20px * 1)) / 2);
}
.blocks a .block{
	width:100%;
}
.blocks .block b{
	color: #111827;
}
.blocks .block > svg{
	height:16px;
	transition: margin-right 0.2s ease-in-out; 
}
.blocks .block .ico{
	width:48px;
	min-width: 48px;
	height:48px;
	background-color: #fff3e6;
	display:flex;
	align-items: center;
	justify-content: center;
	border-radius: 15px;
}
.blocks .block .ico svg{
	height:36px;
	color: #fe8800;
}
.blocks .block .txt{
	flex-basis:80%;
}
.blocks a:hover .block{
	border:1px solid #fe8800;
}
.blocks a:hover .block .ico svg{
	color: #fff;
}
.blocks a:hover .block .ico{
	background-color: #fe8800;
}
.blocks a:hover .block > svg{
	margin-right:-5px;
}
.blocks.lines .block{
	display:block;
}
.blocks.lines .block b{
	display: block;
	margin:10px 0;
}
.blocks.lines.stor .block b{
	margin:0;
	font-size:18px;
}
.blocks.lines.stor .block b div{
	margin-top:5px;
	font-size:28px;
}
.blocks.lines .block ul{
	    list-style: none;
    margin: 0;
    padding: 0;
}
.blocks.lines .block ul svg{
	color:#16a34a;
	height:16px;
	margin-right:5px;
}
.blocks.lines .block ul li{
	    display: flex;
    align-items: center;
	margin-top:10px;
}
.blocks.lines.w50 .block b{
	margin:0;
}
.blocks.lines.w50 .txt{
	margin-top:10px;
}
.blocks.about{
	text-align:center;
}
.blocks.about .block .ico{
	margin: auto;
    border-radius: 50%;
}
.blocks.about .block b{
	font-size: 24px;
    font-weight: 800;
    margin: 10px 0 5px;
}

.tags .tag{
	display:inline-block;
	margin:0 10px 10px 0;
	padding:10px 15px;
	background-color:#fff;
	border-radius:10px;
	box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
	color: #111827;
	border:1px solid #fff;
	text-decoration: none;
}
.tags .tag:hover{
	color: #fe8800;
	border:1px solid #fe8800;
}

.prodlist{
	display:flex;
	align-items: center;
	justify-content: flex-start;
	gap:20px;
}
.prodlist .proditem{
	background-color:#fff;
	border-radius:15px;
	box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
	width:25%;
	overflow:hidden;
	position:relative;
}
.prodlist .proditem .ishit, .pcard .ppic .ishit{
	position:absolute;
	top:10px;
	left:10px;
	border-radius: 10px;
    color: #b45309;
    background-color: color-mix(in oklab, #f59e0b 12%, transparent);
    font-size: 12px;
    display: inline-block;
    padding: 3px 6px;
	z-index: 5;
}
.prodlist .proditem .issale, .pcard .ppic .issale{
	position:absolute;
	top:10px;
	left:10px;
	border-radius: 10px;
    color: #ef4444;
    background-color: color-mix(in oklab, #ef4444 12%, transparent);
    font-size: 12px;
    display: inline-block;
    padding: 3px 6px;
	z-index: 5;
}
.prodlist .proditem .issale.pos2, .pcard .ppic .issale.pos2{
	top:40px;
}
.prodlistfilt .prodlist{
	flex-wrap: wrap;
}
.prodlistfilt .prodlist .proditem{
	flex: 0 0 calc((100% - (20px * 2)) / 3); 
}
.prodlist .proditem .img{
	height:290px;
	display:flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.prodlist .proditem .img img{
	max-width:100%;
	max-height:100%;
	transition: transform 0.2s ease; 
}
.prodlist .proditem:hover .img img{
	transform:scale(1.05);
}
.prodlist .proditem .data, .prodlist .proditem .cart{
	padding:10px;
}
.prodlist .proditem .data .brand, .prodlist .proditem .data .param{
	font-size:14px;
	color: #6b7280;
}
.prodlist .proditem .data .model a{
	font-size:16px;
	color: #111827;
	font-weight:600;
	text-decoration:none;
}
.prodlist .proditem .data .model a:hover{
	color: #fe8800;
}
.prodlist .proditem .data .param{
	margin:10px 0 15px;
}
.prodlist .proditem .data .inkol span, .pcard .data .inkol span{
	border-radius:10px;
	color:#16a34a;
	background-color: color-mix(in oklab, #16a34a 12%, transparent);
	font-size:12px;
	display: inline-block;
	padding: 3px 6px;
}
.prodlist .proditem .data .inkol span svg, .pcard .data .inkol span svg{
	height:14px;
	margin: 0 -5px -3px;
}
.prodlist .proditem .data .inkol.kol0 span, .pcard .data .inkol.kol0 span{
	color:#ef4444;
	background-color: color-mix(in oklab, #ef4444 12%, transparent);
}
.prodlist .proditem .price{
	font-size: 18px;
	font-weight: 800;
	padding:10px 10px 0 10px;
}
.prodlist .proditem .price .sale{
	font-size: 16px;
	font-weight: 400;
	text-decoration: line-through;
	margin-left: 10px;
}

.prodlist .proditem .cart button {
    border-radius: 15px;
    color: #fff;
    background-color: #fe8800;
    padding: 10px;
    text-decoration: none;
    font-size: 16px;
    border: none;
    cursor: pointer;
	width: 100%;
}
.prodlist .proditem .cart button:hover {
	background-color: #e67800;
}
.prodlist .proditem .cart button svg {
    fill: #fff;
    height: 16px;
    margin-right: 5px;
    margin-bottom: -2px;
}
.prodlist .proditem .cart button.nostock{
	opacity:0.5;
}
.prodlistfilt{
	padding:20px 0;
	display:flex;
	align-items: start;
	gap: 20px;
}
.prods{
	width:100%;
}
.showfilt{
	display:none;
}
.filt{
	width:280px;
	min-width:280px;
	background-color: #fff;
	border-radius: 15px;
	box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
	padding:15px;
}
.prodsort{
	display:flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
	border-radius: 15px;
	box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
	padding:12px;
	margin-bottom:20px;
	color: #6b7280;
}
.prodsort .bold{
	font-weight:600;
	color: #111827;
}
.prodsort select{
	border-radius:10px;
	border:solid 1px #d1d5db;
	height:40px;
}
.prodsort select:hover{
	border:solid 1px #fe8800;
}
.filterram{
	margin-top:15px;
	border-top:1px solid #d1d5db;
}
.filtttl{
	font-weight:600;
	margin-top:15px;
}
.filtbody{
	max-height:200px;
	overflow:auto;
	scrollbar-width: thin;
}
.filtbody::-webkit-scrollbar {
	width: 2px;
	height: 2px;
}
.filtline{
	margin-top:7px;
}
.filtline label{
	cursor:pointer;
}
.filtline label span{
	color:#6b7280;
	font-size:12px;
	float: right;
}
.filtline label input{
	display:none;
}
.filtline label button{
	border:1px solid #111827;
	border-radius:5px;
	width:18px;
	height:18px;
	vertical-align: middle;
	margin-right: 5px;
	background-color:#fff;
	padding: 0;
	line-height: 16px;
	cursor:pointer;
}
.filtline label:hover button, .filtline label input:checked + button{
	border:1px solid #fe8800;
}
.filtline label input:checked + button{
    color: #fe8800;
    font-size: 16px;
    font-weight: 600;
}
.filt .ttl{
	display:flex;
	align-items: center;
	justify-content: space-between;
}
.filt .ttl span{
	font-weight:600;
	font-size:16px;
	margin-right: 2px;
	margin-bottom: -2px;
}
.filt .ttl span svg{
	color:#fe8800;
	height:16px;
	margin-right:5px;
	margin-bottom: -2px;
}
.filt .ttl a{
	color:#6b7280;
	font-size:12px;
	text-decoration:none;
}
.filt .ttl a.close{
	display:none;
}
.filt .ttl a:hover{
	color:#fe8800;
}

.paging{
	display:flex;
	align-items: center;
	justify-content: center;
	margin-top:20px;
	gap:10px;
}
.paging div{
	width:40px;
	height:40px;
	background-color: #fff;
	border-radius: 10px;
	border:1px solid #fff;
	text-align:center;
	line-height:40px;
}
.paging div a{
	text-decoration:none;
	display:block;
	width:40px;
	height:40px;
	color:#111827;
}
.paging div:hover{
	border:1px solid #fe8800;
}
.paging div:hover a{
	color:#fe8800;
}
.paging div.curpage{
	border:1px solid #fe8800;
	background-color: #fe8800;
	color:#fff;
}
.paging div svg{
	margin-top: 7px;
}

.navtrail{
	padding-top:20px;
	padding-bottom:20px;
}
.navtrail a{
	text-decoration:none;
	color: #6b7280;
}
.navtrail a:hover, .navtrail span span:last-of-type a{
	color: #fe8800;
}
.navtrail svg{
	color: #6b7280;
	height:14px;
	margin-bottom: -2px;
}

.contentBoxHeading{
	padding:0;
	margin:0;
}

.pcard{
	display: flex;
	align-items: flex-start;
	gap: 20px;
}
.pcard .ppic, .pcard .data{
	width:50%;
}
.pcard .ppic, .pcard .data .pricebl, .sliderkit-news{
	background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    overflow: hidden;
    position: relative;
}
.pcard .data .pricebl, .sliderkit-news{
	padding:20px;
}
.pcard .ppic{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.pcard .ppic img{
	max-width:100%;
	max-height:80vh;
}
.pcard .data .brand, .pcard .data .param{
	color:#6b7280;
}
.pcard .data .model{
	color:#111827;
	font-size: 36px;
	margin: 5px 0;
	font-weight:600;
}
.pcard .data .inkol{
	margin: 20px 0;
}
.pcard .data .price{
	color:#111827;
	font-size: 28px;
	font-weight:600;
}
.pcard .data .price .sale{
	font-size: 20px;
	font-weight: 400;
	text-decoration: line-through;
	margin-left: 10px;
	color:#6b7280;
}
.pcard .data .icons{
	display:flex;
	gap:20px;
	align-items: center;
	color:#6b7280;
	margin-top:15px;
	padding-top:10px;
	border-top:1px solid #d1d5d9;
}
.pcard .data .icons svg{
	width:16px;
	fill:#fff;
}
.pcard .data .icons > div{
	display:flex;
	gap:10px;
	align-items: center;
	width:50%;
}
.pcard .data .icons .ico{
	width:30px;
	height:30px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#fe8800;
}
.pcard .data .pricenote{
	color:#6b7280;
	font-size:12px;
	margin-bottom:15px;
}
.cartfrm{
	display:flex;
	gap:20px;
	align-items: center;
}
.cartfrm .cartqty{
	display:flex;
	align-items: center;
	border:1px solid #d1d5d9;
	border-radius: 15px;
	height: 48px;
}
.cartfrm .cartqty input{
	border:none;
	width:48px;
	height:46px;
	line-height:46px;
	padding:0;
	text-align:center;
}
.cartfrm .cartqty svg{
	margin:auto 5px;
	cursor:pointer;
	color:#6b7280;
	width: 18px;
}
.cartfrm .cartqty svg:hover{
	color:#e67800;
}
.cartfrm button{
	border-radius: 15px;
    color: #fff;
    background-color: #fe8800;
    padding: 0 10px;
    text-decoration: none;
    font-size: 16px;
    border: none;
    cursor: pointer;
    width: 100%;
	line-height: 48px;
}
.cartfrm button svg{
	fill: #fff;
    height: 16px;
    margin-right: 5px;
    margin-bottom: -2px;
}
.cartfrm button:hover {
    background-color: #e67800;
}

.sliderkit-news{
	color:#6b7280;
}
.sliderkit-news p{
	margin-top:0;
}
.sliderkit-news > p:last-of-type{
	margin-bottom:0;
}
.sliderkit-news a{
	color: #111827;
}
.sliderkit-news a:hover{
	color: #fe8800;
}
.sliderkit-nav ul, .sliderkit-nav li{
	list-style:none;
	padding:0;
	margon:0;
}
.sliderkit-nav ul{
	display:flex;
	margin:30px 0 20px 0;
	border-bottom:1px solid #d1d5d9;
}
.sliderkit-nav ul a{
	display:inline-block;
	padding:10px 20px;
	text-decoration:none;
	color:#6b7280;
}
.sliderkit-nav ul a:hover{
	color:#111827;
}
.sliderkit-nav ul .sliderkit-selected a{
	color: #fe8800;
	border-bottom:1px solid #fe8800;
	margin-bottom: -1px;
}

.cart_icon_ttl{
	display: flex;
    align-items: center;
    gap: 10px;
}
.cart_icon_ttl .cart_icon{
	width: 48px;
    min-width: 48px;
    height: 48px;
    background-color: #fff3e6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
}
.cart_icon_ttl .cart_icon svg{
	height: 36px;
    color: #fe8800;
}
.cart_icon_ttl h1 span{
	color: #6b7280;
	font-weight: 400;
    font-size: 14px;
	display:block;
	margin-top:5px;
}
#orderdetails, .cart_blk_fon{
	display:block;
	background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    padding: 15px;
    color: #6b7280;
    border: 1px solid #fff;
	margin: 30px 0;
}
.cart_gl, .cart_gl_nm, .cart_gl_kol{
	display: flex;
	align-items: flex-start;
	gap: 15px;
}
.cart_gl_dt{
	flex-basis: calc(100% - 105px);
}
.cart_gl:not(:nth-of-type(1)){
	margin-top:15px;
	border-top:1px solid #d1d5db;
	padding-top:15px;
}
.cart_gl_nm, .cart_gl_kol{
	justify-content: space-between;
	align-items: center;
}
.cart_gl_nm{
	margin-bottom:15px;
}
.cart_gl .cart_gl_img{
	width:90px;
	height:90px;
	border-radius:10px;
	border:1px solid #d1d5db;
	overflow:hidden;
	position:relative;
	display: flex;
	justify-content: center;
}
.cart_gl .cart_gl_img img{
	max-width: 100%;
	max-height: 100%;
	display:block;
	margin:auto;
}
.cart_gl .cart_gl_nm a{
	text-decoration:none;
	color:#6b7280;
}
.cart_gl .cart_gl_nm a b{
	display:block;
	color:#111827;
	font-size: 16px;
	margin: 3px 0;
}
.cart_gl .cart_gl_nm a.cart_gl_del{
	display: flex;
	width:32px;
	height:32px;
	border-radius:10px;
	border:1px solid #d1d5db;
	justify-content: center;
	align-items: center;
}
.cart_gl .cart_gl_nm a.cart_gl_del svg{
	width:16px;
}
.cart_gl .cart_gl_nm a.cart_gl_del:hover{
	border:1px solid #ef4444;
	color:#ef4444;
}
.cart_gl .cart_gl_kol .cart_gl_tot{
	font-size:13px;
}
.cart_gl .cart_gl_kol .cart_gl_tot b{
	color:#111827;
	font-size:20px;
	display:block;
}
.cart_gl .cart_gl_kol .prodcart{
	border-radius:15px;
	border:1px solid #d1d5db;
}
.cart_gl .cart_gl_kol .prodcart td, .cart_gl .cart_gl_kol .prodcart td input{
	width:40px;
	height:40px;
	padding:0;
	border:none;
	text-align:center;
	font-weight:600;
}
.cart_gl .cart_gl_kol .prodcart a{
	color:#6b7280;
	font-size: 24px;
    font-weight: 400;
    line-height: 40px;
}
.cart_gl .cart_gl_kol .prodcart a:hover{
	color:#fe8800;
}
.cart_blk_fon b, .cart_blk_fon strong{
	color:#111827;
}
.ship_list, .regform{
	margin-top:10px;
	display:flex;
	gap:15px;
}
.ship_list label, .regform > div{
	flex-basis:33.3333%;
	width: 33.3333%;
    border-radius: 15px;
    border: solid 1px #d1d5db;
    display: flex;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
	padding: 10px;
	gap:10px;
}
.ship_list label input {
    display: none;
}
.ship_list .item .icon{
	width:36px;
	min-width: 36px;
	height:36px;
	background-color: #fff3e6;
	display:flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	color:#6b7280;
	background-color:#f1f3f6;
}
.ship_list .item .icon svg{
	height:16px;
	color: #fe8800;
}
.ship_list label:has(input:checked){
    border: solid 1px #fe8800;
    background-color: #fff3e6;
}
.ship_list label:has(input:checked) .icon{
	background-color: #fe8800;
}
.ship_list label:has(input:checked) .icon svg{
	color:#fff;
}
.ship_list .item .cost{
	white-space:nowrap;
}
.ship_list .item .txt{
	flex-basis:90%;
}
.ship_list .item .txt b{
	display:block;
}
.alltot{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.alltot .tot_cart_del{
	color: #111827;
    font-size: 20px;
	font-weight:600;
	margin-top:10px;
}
.regform{
	flex-wrap: wrap;
}
.regform > div{
	display:block;
	flex: 0 0 calc((100% - (15px * 2)) / 3);
	border:none;
	padding:0;
	position: relative;
}
.form .regform > div{
	flex: 0 0 100%;
}
.regform > div input, .regform > div textarea{
	display:block;
	width:100%;
	border-radius: 15px;
	border: solid 1px #d1d5db;
	height:44px;
	padding:3px 10px;
	margin-top:5px;
}
.regform > div textarea{
	height:100px;
}
.regform .Requirement, .percdat .Requirement{
	color:#ef4444;
}
.regform > div .Requirement{
	position:absolute;
	right:5px;
	bottom:25px;
}
.percdat{
	margin-top:10px;
}
.order_confirm_block{
	text-align:right;
}
.order_confirm{
	    border-radius: 15px;
    color: #fff;
    background-color: #fe8800;
    padding: 0 50px;
    text-decoration: none;
    font-size: 16px;
    border: none;
    cursor: pointer;
    width: auto;
    display: inline-block;
    line-height: 50px;
}
.order_confirm:hover {
    background-color: #e67800;
}
.form .order_confirm{
	width: 100%;
    margin-top: 15px;
    text-align: center;
    padding: 0;
}

.txtblock {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    padding: 25px;
    color: #6b7280;
    border: 1px solid #fff;
}
.txtblock b{
	display:block;
	margin-bottom:10px;
	color: #111827;
	font-size: 18px;
}
.txtblock.big{
	font-size: 16px;
}
.txtblock.big b, .secpgttl{
	font-size: 24px;
}
.txtblock .answer{
	display:none;
	margin-top:10px;
}
.txtblock .answer.show{
	display:block;
}
.txtblock .quest.show svg{
	transform:rotate(180deg);
}
.txtblock .quest{
	cursor:pointer;
	display:flex;
	align-items: center;
	justify-content: space-between;
}
.txtblock .quest:hover, .txtblock .quest:hover b{
	color:#fe8800;
}
.txtblock .quest b{
	margin-bottom:0;
}
.two_cols{
	display:flex;
	flex-wrap:wrap;
	gap:15px;
}
.two_cols .txtblock, .two_cols > div{
	flex: 0 0 calc((100% - (15px * 1)) / 2);	
}

.pageban{
	border-radius:20px;
	padding:40px;
	background-color: #111827;
	position: relative;
}
.pageban_lns{
	background-image: repeating-linear-gradient(115deg, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 8px, transparent 8px, transparent 22px);
	opacity: .07;
    position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.pageban_cont{
    z-index: 5;
    position: relative;
	color:#fff;
	display:flex;
	gap:15px;
}
.pageban_cont .pageban_txt h1{
	padding: 0;
    margin: 0 0 10px 0;
}
.pageban_cont .pageban_ico{
	background-color: #fe8800;
	border-radius:15px;
	width:50px;
	min-width:50px;
	height:50px;
	display:flex;
	    align-items: center;
    justify-content: center;
}
.imgfull{
	border-radius:20px;
	height:330px;
	overflow: hidden;
	position: relative;
}
.imgfull img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cols_2_3{
	display:flex;
	gap:15px;
}
.cols_2_3 .left{
	width:66.6666%;
}
.cols_2_3 .right{
	width:33.3333%;
}

.mt20{
	margin-top: 20px;
}
.mt40{
	margin-top: 40px;
}

/* adaptive */

@media (max-width: 1100px) {
.prodlistfilt .prodlist .proditem {
    flex: 0 0 calc((100% - (20px * 1)) / 2);
}
}

@media (max-width: 900px) {
.mainban .cont{
	display:block;
	padding:20px;
}
.mainban .form{
	margin-top:20px;
}
.top .tel span, .top .divShoppingCart span:not(.qty){
	display:none;
}
.foot .wrap, .blocks, .prodlist, .ship_list, .regform{
	flex-wrap: wrap;
}
.ship_list label, .regform > div {
    flex-basis: 100%;
    width: 100%;
}
.foot .wrap:not(.copy) > div {
	flex: 0 0 calc((100% - (20px * 1)) / 2);
}
.blocks a, .blocks .block{
	flex: 0 0 calc((100% - (20px * 1)) / 2);
}
.blocks a .block{
	flex: 0 0 100%;
}
.prodlist .proditem{
	flex: 0 0 calc((100% - (20px * 1)) / 2);
}
.wrap{
	padding: 0 15px;
}
.navtrail {
    padding-top: 10px;
    padding-bottom: 10px;
}
.filt{
	width:30%;
	min-width:30%;
}
}

@media (max-width: 800px) {
.cols_2_3{
	flex-wrap:wrap;
}
.cols_2_3 > div {
    flex: 0 0 100%;
}
}

@media (max-width: 760px) {
.filt{
	display:none;
}
.filt.show{
	position: fixed;
    display: block;
    top: 0;
    z-index: 50;
    left: 0;
    width:280px;
    height: 100%;
    overflow: scroll;
	border-radius: 0 15px 15px 0;
}
.filt.show a.close{
	display:inline;
}
.showfilt{
	display: flex;
        margin-bottom: 10px;
        justify-content: flex-end;
	font-weight:600;
}
.showfilt svg{
	color: #fe8800;
	margin-left:5px;
}
}

@media (max-width: 700px) {
.topmenu a:not(:nth-of-type(1)) {
    margin-left: 0;
}
.top, .top .search {
    gap: 5px;
}
.mainban .cont .txt .ttl{
	font-size: 36px;
}
.two_cols, .pcard{
	flex-wrap:wrap;
}
.two_cols .txtblock, .two_cols > div, .pcard .ppic, .pcard .data {
    flex: 0 0 100%;
}
}

@media (max-width: 600px) {
.mainban .form{
	min-width:auto;
}
.top .search input[type="submit"]{
	display:none;
}
.top .search svg{
	margin-left:0;
}
.head a, .head .divShoppingCart{
	padding:5px;
}
.wrap {
        padding: 0 10px;
    }
.navtrail {
        padding-top: 10px;
        padding-bottom: 10px;
    }
.pageban {
    padding: 15px;
}
}

@media (max-width: 500px) {
.top{
	padding:5px 0;
}
.main {
    margin-top: 115px;
}
.mainban .cont .icons, .hidesortttl{
	display:none;
}
.top .search{
	max-width: calc(100% - 170px);
}
.top .search input[type="text"]{
	max-width: calc(100% - 25px);
}
.mainban .cont .txt .ttl{
	font-size: 28px;
}
.prodlist .proditem .img{
	height:180px;
}
.txtblock{
	padding:15px;
	hyphens: auto;
        overflow-wrap: break-word;
}
.paging div, .paging div a{
    width: 30px;
    height: 30px;
	line-height: 30px;
}
.paging div svg{
	margin-top: 3px;
}
}

@media (max-width: 400px) {
.cart_gl .cart_gl_kol .prodcart td, .cart_gl .cart_gl_kol .prodcart td input {
    width: 30px;
}
}