/*@media screen and (min-width: 1024px) and (max-width: 1920px){*/

@media screen and (max-width: 800px) {
		html, body{
				font-size: 12px;
		}
}
@media screen and (min-width: 800px) and (max-width: 1200px) {
		html, body{
				font-size: 14px;
		}
}
@media screen and (min-width: 1200px) and (max-width: 2000px) {
		html, body{
				font-size: 16px;
		}
}
@media screen and (min-width: 2000px) {
		html, body{
				font-size: 24px;
		}
}





@media screen and (min-width: 1024px){
   
.mob{
		display: none;
}


/*
@media screen and (max-width: 800px) {
		html, body{
				font-size: 12px;
		}
}
@media screen and (min-width: 800px) and (max-width: 1200px) {
		html, body{
				font-size: 14px;
		}
}
@media screen and (min-width: 1200px) and (max-width: 2000px) {
		html, body{
				font-size: 16px;
		}
}
@media screen and (min-width: 2000px) {
		html, body{
				font-size: 24px;
		}
}
*/













@media screen and (min-width: 1000px) and (max-width: 99000px) {


.banner{
		height: 727px;
		position: relative;
}
.banner_phone{		
		display: flex;
		position: fixed;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
    justify-content: center;
    align-items: center;
		height: 727px;
		z-index: -1;
}
.banner_phone img{
		width: 100%;
		z-index: -1;		
}


.banner_slider{
		position: fixed;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		z-index: -1;
		height: 100vh;
}
.slick-list{
		height: 100%;
}
.banner_slider .box{
		height: 100vh;
		height: 727px;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
}
.phone_video{
		width: 100%;
		height: auto;
		z-index: -1;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
}
/*
.banner_txt{
		position: fixed;
		font-family: 'Helvetica-LightOblique';
		top: 50%;
		margin-top: -30px;
		left: 0px;
		right: 0px;
		color: #f0ff00;
		font-size: 2.5rem;
		line-height: 2.5rem;
		white-space: nowrap;
		overflow: hidden;
		z-index: -1;
		text-transform: uppercase;
}*/

.banner_content{
		position: fixed;
		left: 3.54rem;
		top: 4.16rem;
		bottom: 0px;
		right: 3.54rem;
		z-index: -1;

		display: flex;
		align-items: flex-start;
		justify-content: top;
}




.header{
			display: block;
			position: fixed;
			left: 0px;
			top: 0px;
			right: 0px;
			padding: 0px 54px 0px 54px;
			z-index: 990;	
			overflow: hidden;
}
.header .int{
			display: flex;
			height: 80px;
			justify-content: space-between;
			align-items: center;
}

.header_menu{
		display: flex;
		right: 20px;
		align-items: center;
}
.header_cart{
		display: block;
		position: relative;
		cursor: pointer;
		height: 23px;
		text-decoration: none;
		margin: 0px;
}
.header_cart svg{
		height: 23px;
		width: auto;
		fill: #000000;
		transition: 0.2s;
}
.header_cart span{
		font-family: 'DecimaMonoX';
		font-weight: bold;
		display: block;
		position: absolute;
		left: 100%;
		bottom:90%;
		font-size: 12px;
		color: #ff0000;
}



.logo{
			display: block;			
			vertical-align: top;
			cursor: pointer;
			height: 40px;
}
.logo img{
			width: auto; 
			height: 40px;
}
.header_phone{
		position: absolute;
		left: 0px;
		top: 0px;
		right: 0px;
		height: 0px;
		z-index: -1;
		background-color: #fff;
}






.valute{
		position: relative;
		border-radius: 16px;
		background-color: black;
		height: 23px;
		min-width: 40px;
		text-align: center;
		display: flex;
		cursor: pointer;
		margin: 0px 25px 0px 0px;
		background-color: #000;
		border-radius: 12px;
}
.valute.active{
}
.valute_int{
		display: flex;
		height: 23px;
		width: 0px;
		overflow: hidden;
		transition: width 0.5s;
}
.valute_int.active{
		width: 80px;
}
.valute a,
.valute_int a{
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 23px;
		height: 23px;
		min-width: 0px;		
		color: #fff;
		text-decoration: none;
		cursor: pointer;
		margin: 0px;
		padding:0px;
		font-family: 'MyriadPro-Bold';
		font-size: 24px;
		transition: 0.2s;
		min-width: 40px;
	}
.valute a:hover,
.valute_int a:hover,
.valute a.active{
		color:orange;
}


.valute a svg,
.valute_int a svg{
		display: inline-block;
		height: 14px;
		width: 14px;
		fill: #ffffff;
		transition: 0.2s;
}
.valute a.dollar-icon svg,
.valute_int a.dollar-icon svg{
		height: 17px;
}



.index{
		position: relative;
		z-index: 10;
		background-color: var(--phone);
		color: var(--txt);
}
.index .int{
		display: flex;
  	flex-flow: row wrap;
		margin: 0px 54px;
		padding: 74px 0px 0px 0px;
}
.index .int .block{
			display: block;
			width: calc(25% - 39px);
			margin: 0px 51px 54px 0px;
			font-size: 16px;
			font-family: 'DecimaMonoX';
}
.index .int .block:nth-child(4n){
		margin: 0px 0px 54px 0px;
}
.index .block.sold_out{
		opacity:0.5;
}
.index .block .img{
		display: block;
		width: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
}
.index .block .img2{
		display: block;
		width: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
}
.index .block .img2 img{
		display: block;
		width: 100%;
		transition: 1s;
}
/*
.index .block  img{
			display: block;
			width: 100%;
			transition: 1s;
			opacity:0;
}
*/
.index .block a:hover img{
		opacity:0.5;
}
.index .block h3{
		display: block;		
		font-weight:bold;
		margin: 13px 0px 0px 0px;
		padding: 0px;
		font-size: 16px;
}
.index .block .price{
		display: block;	
}
.index .block p{
		margin: 1px 0px 0px 0px;
		padding: 0px;
}



.pr {
  display: grid;
  height: 100vh;
  grid-template-areas:
    'A A'
    'B C'
    ;
  grid-template-columns: 1fr 100vh;
  grid-template-rows: 80px 1fr;
  background-color: var(--phone);
  color: var(--txt);
}



.pr_header{
	grid-area: A;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 54px;
	overflow: hidden;
}
.pr_left{			
		grid-area: B;
		display: flex;
		align-items: center;	
		padding: 0px 0px 0px 54px;
}
.pr_right{
	grid-area: C;
	display: flex;
	justify-content: flex-end;
  align-items: top; 
	padding:0px;
}







.img_slider{		
		width: 84.5vh;
		height: 84.5vh;
		margin: 0px 54px 0px 0px;
}
.img_big{		
		position: relative;
		height: 71.5vh;
		width: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
}
.img_small{
		display: flex;
		justify-content: flex-start;
		height: 12.5vh;
}
.img_small a{
		display: inline-block;
		cursor: pointer;
		height: 11vh;
		width: 11vh;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin: auto 1.5vh 0px 0px;
		transition: 0.2s;
		opacity:0.5;
	}
.img_small a.active{
		opacity:1;
}

.product{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 4.79rem 3.54rem;
}

.product_info{
		display: block;
		width: 55%;
		margin: 0px 0px 0px 0px;
		margin: 0px;
}
.product_info h3{
		font-family: 'DecimaMonoX';
		font-weight: bold;
		font-size: 16px;
		margin: 0px 0px 20px 0px;
		padding: 0px;
}
.product_info h4{
		font-family: 'DecimaMonoX';
		font-size: 12px;
		font-style: 100;
		font-weight: bold;
		margin: 0px 0px 2px 0px;
		padding: 0px;
}

.product_field{
		display: flex;
		justify-content: space-between;
		font-family: 'DecimaMonoX';
		font-size: 14px;
		line-height: 24px;
}
.product_field p{
		padding: 0px;
		margin: 0px;
}
.product_txt{
		padding: 63px 0px 3px 0px;
}
.product_info ul{
		margin: 0px;
		padding: 0px;
}
.product_info ul li{
		font-family: 'Helvetica-Light';
		font-size: 12px;
		margin: 5px 0px;
		list-style: disc;
		list-style-position: inside;
		font-style: normal;
}


.buy{
		display: flex;
    justify-content: center; /* центрируем группу по горизонтали */
    align-items: center;     /* вертикально центрируем каждый элемент */
		height: 1.79rem;
		font-family: 'DecimaMonoX';
		font-weight: bold;
		font-size: 1rem;
		letter-spacing: 0.41rem;
		text-transform: uppercase;
		cursor: pointer;
		border: 2px solid var(--txt);
		text-decoration: none;
		color: var(--txt);
		text-align: center;
		transition: 0.1s;
		margin: 0px 0px 0px 0px;
		min-width: 11.45rem;
		transition: 0.2s;
}
.product_info .buy{
		margin: 40px 0px 0px 0px;
}
.buy span{
		display: inline-block;
		padding: 0px 35px 0px 0px;
		letter-spacing: 10px;
}
.buy svg{
		overflow: hidden;
    display: block;
		height: 16px;
		fill: #000000;
		transition: fill 0.2s ease;
}
.buy:hover
{
		background-color: #000;
		color: #fff;		
}
.buy:hover svg{
		fill: #ffffff;
}
.buy.active{
		display: none;
}

.slider{
		display: block;
}
.slider_big{
		position: relative;
		height: 40.83rem;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
}
.big_img{
		width: 100%;
		vertical-align: bottom;
}
.slider_little{
		display: flex;
		flex-wrap: wrap;
}
.slider_little a{
		display: block;
		height: 6.25rem;
		width: 6.25rem;
		margin: 1.04rem 1.04rem 0px 0px;
		opacity:0.3;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
}
.slider_little a.active{
		opacity:1;
}
.slider_little a img{
		height: 100%;
		vertical-align: bottom;
}
.slide_zoom{
		display: block;
		position: absolute;
		right: 0.83rem;
		bottom: 0.83rem;
		text-decoration: none;
		height: 1.875rem;
		width: 1.875rem;
		background-image: url(/images/search.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		cursor: pointer;
}
.slide_zoom:hover{
		opacity:0.7;
}
.next,
.prev{
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto;
	cursor: pointer;
	height: 4.16rem;
	width: 2.5rem;
	background-image: url(/images/next.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
}
.prev{		
		left: 12px;
		transform: rotate(180deg);
}
.next{		
		right: 12px;
}
.window_photo{
		display: none;
		position: fixed;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		background-color: rgb(255, 255, 255, 0.9);
		background-color: #fff;
		z-index: 990;
}
.window_photo.active{
		display: block;
}
.window_photo_img{
		position: fixed;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		margin: 4.16rem;
		background-image: url(/images/1.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
}

/*
.products,
.cart{
		max-width: 1920px;
		margin: 0px auto;
}
*/
.no_products{
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #fff;
		height: 100vh;
		width: 100vw;
		font-size: 1rem;
		line-height: 1.1;
		color: #000;
		font-family: 'DecimaMonoX';
}









.bottom{
		display: block;
		cursor: pointer;
		text-decoration: none;
		outline: none;
		font-family: 'DecimaMonoX';
		font-size: 1rem;
		text-align: center;
		color: #000;
		text-transform: uppercase;
		border: 2px solid #000;
		background-color: #fff;
		height: 1.66rem;
		line-height: 1.66rem;
}
.bottom:hover,
.bottom.active{
		background-color: #000;
		color: #fff;
}



footer{
		display: block;
		position: relative;
		z-index: 10;
		padding: 65px 51px 65px 51px;		
		background-color: #fff;
}
footer p{
		font-family: 'DecimaMonoX';
		font-size: 10px;
		margin: 10px 0px 0px 0px;
		padding: 0px;
}
.footer_link a,
footer p.copyright,
.footer_link span{
		font-family: 'DecimaMonoX';
		font-size: 10px;
		padding: 0px 0px 0px 0px;
		color: #010101;
		transition: 0.2s;
		text-decoration: none;
}
.footer_link a:hover{
		text-decoration: none;
		transition: 0.2s;
		color: #0054ff;
}
.footer_link span{
		display: inline-block;
		margin: 0px 15px;
}

.theme{
		display: inline-block;
		height: 0.75rem;
		width: 1.5rem;
		margin: auto 0px -2px 10px;
		border-radius: 0.4rem;
		overflow: hidden;
		border:1px solid var(--txt);
		cursor: pointer;
		outline: none;
}
.theme a{
		display: inline-block;
		height: 0.75rem;
		width: 0.75rem;
		background-color: var(--txt);
		border-radius: 50%;
		border: none;
}
.theme.active{
		text-align: right;
}



.notification{
		display: none;
		position: fixed;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		background-color:rgba(255, 255, 255, 0.5);
		z-index: 999;
}

.notification.active,
.notification_mess.active,
.notification_buy.active{
		display: block;
}
.notification_block{		
		position: fixed;		
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		margin: auto;
		height: 29.16rem;
		width: 29.16rem;
		border:1px solid #000;
		background-color: #fff;			
}

.notification_txt{
		display: flex;
		align-items: center;
}
.notification_txt p{
		font-family: 'DecimaMonoX';
		font-size: 1.25rem;
		line-height: 1.5rem;
		color: #8e5401;
		padding: 0px 4.58rem;
}

.notification_ready{
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
}
.notification_ready p{
		font-family: 'DecimaMonoX';
		font-size: 1.25rem;
		line-height: 1.5rem;
		color: #000;
		margin-bottom: 6.666rem;
}
.notification_ready a{
		display: inline-block;
		width: 9.375rem;
		height: 1.83rem;
		cursor: pointer;
		border: 2px solid #000;
		font-family: 'DecimaMonoX';
		font-size: 1rem;
		line-height: 1.83rem;
		font-weight: bold;
		color: #000;
		text-decoration: none;
		text-transform: uppercase;
		text-align: center;
		margin: 0px 0.83rem;
		letter-spacing: 0.4166rem;
		transition: 0.1s;
}
.notification_ready a:hover{
		background-color: black;
		color: #fff;
}

.notification_exit{
		position: absolute;
		right: 0.625rem;
		top: 0.625rem;
		height: 1.45rem;
		width: 1.45rem;
		background-image: url(/images/exit.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		cursor: pointer;
		transition: 0.2s;
}
.notification_exit:hover{
		opacity:0.6;
}





.cabinet{
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
}
.cabinet form{
		display: block;
		width: 12.5rem;
}
.cabinet form input[type="text"],
.cabinet form input[type="password"]{
		display: block;
		width: calc(100% - 0.83rem);
		border: 1px solid black;
		padding: 0.41rem;
		line-height: 0.83rem;
		font-size: 0.75rem;
		margin: 0px 0px 0.83rem 0px;
}
.cabinet form input[type="text"]:focus,
.cabinet form input[type="password"]:focus{
		border: 1px solid red;
		outline: none;
}
.cabinet form input[type="submit"]{
		display: block;
		cursor: pointer;
		width: 100%;
		cursor: pointer;
		line-height: 0.83rem;
		font-size: 0.5rem;
		letter-spacing: 2px;
		text-transform: uppercase;
		padding: 0.41rem;
		border: none;
		outline: none;
}
.cabinet_error span{
		display: block;
		padding: 0px 0px 0.41rem 0px;
		color: red;
		font-size: 0.5rem;
}












.cart_left_content p{
		display: block;
		min-height: 8.33rem;
		margin: 0px 0px 2.08rem 0px;
}




.products .block{
		display: grid;
		 grid-template-areas:
    'A B'
    'C C'
    ;
    grid-template-columns: 225px 1fr;
	  grid-template-rows: 1fr 65px;
		margin: 0px 0px 65px 0px;
		width: 50%;
}
.products .block .line{
		grid-area: C;
		margin: 0px 0px 0px 0px;
		border-bottom: 1px solid #000;
		width: 48%;
}
.products .block:last-child .line{
	display: none;
}
.products .block .img{
		grid-area: A;
		display: block;
		height: 225px;
		width: 225px;		
		background-color: rgb(0, 0, 0, 0.1);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
}
.products_info{
		display: block;
		grid-area: B;
		margin: 0px 0px 0px 50px;
		font-family: 'DecimaMonoX';
		font-size: 12px;
		color: #000;
}
.products_info h3{
		display: block;		
		font-weight: bold;
		padding: 0px;	
		margin: 0px 0px 7px 0px;
		white-space: nowrap;
		min-width: 200px;
} 
.products_info .price{
		font-size: 16px;
		word-spacing: nowrap;
}
.products_info .counter{
		position: relative;
		font-family: 'MyriadPro-Regular';
		font-size: 18px;
		margin: 40px 0px 0px 0px;
		display: inline-block;
		height: 30px;
		align-items: center;
		padding: 0px 30px 0px 0px;
}
.products_info .counter p{
		margin: 0px;
		padding: 0px;
		line-height: 30px;
}
.products_info .delete{
		display: block;
		margin: 2.5rem 0px 0px 0px;
		cursor: pointer;
		text-decoration: none;
		font-size: 0.83rem;
		color: #000;
}
.products_info .delete:hover{
		text-decoration: underline;
}
.counter_plus,
.counter_minus{
		position: absolute;		
		display: block;
		margin: 0px;
		padding: 0px;
		cursor: pointer;
		height: 15px;
		width: 15px;
		padding: 0px;
		margin: 0px;
		background-image: url(/images/bottom.png);
		background-repeat: no-repeat;
		background-size: 80% auto;
}
.counter_plus{
		right: 0px;
		top: 0px;
		background-image: url(/images/top.png);
		background-position: center top;
}
.counter_minus{
		right: 0px;
		bottom: 0px;
		background-image: url(/images/bottom.png);
		background-position: center bottom;
}
.counter_plus:hover,
.counter_minus:hover{
		opacity:0.5;
}

.cart_int{
		position: relative;
		margin: 0px;
		max-width: 400px;
}
.cart_items,
.cart_subtotal{
		font-family: 'DecimaMonoX';
		font-size: 16px;
		text-align: center;
}
.cart_subtotal{
		margin: 4px 0px 0px 0px;
}
.cart_int p{
		font-family: 'Helvetica-LightOblique';
		font-family: 'Helvetica-Light';
		font-size: 12px;
		line-height: 1.3;
		margin: 30px 0px 0px 0px;
		padding: 0px;
		text-indent: 0px;
}
.cart_int p a{
		color: #0054ff;
		text-decoration: none;
}
.cart_int p a:hover{
		text-decoration: underline;
}
.cart_int .bottom{
		margin: 40px 0px 0px 0px;
		letter-spacing: .2px;
		transition: 0.2s;
}



.cart_email{
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		background-color: #fff;
		display: none;
		padding: 80px 0px 0px 0px;
		transition: 1s;
}
.cart_email label{
		display: block;
		position: relative;
		margin: 0px;
		padding: 0px;
}
.cart_email label span{
	display: none;
	position: absolute;
	font-family: 'MyriadPro-Regular';
	left: -15px;
	top: 6px;
	color: #ff0000;
	font-size: 18px;
}
.cart_email label span.active{
		display: block;
}
.cart_email.active{
		display: block;
}
.cart_email input[type="text"],
.cart_email textarea,
.cart_email input[type="submit"]{
	width: 380px;
	width: calc(100% - 24px);
	height: 1.66rem;
	line-height: 1.66rem;
	border: 2px solid #000;
	padding: 0px 10px;
	margin: 0px 0px 10px 0px;
	outline: none;
	font-family: 'DecimaMonoX';
	text-transform: uppercase;
	font-size: 1rem;
	text-align: center;
}
.cart_email textarea{
		margin: 10px 0px 10px 0px;
		height: 66px;
}
.cart_email input[type="submit"]{
		padding: 0px;
		width: 100%;
		background-color: #000;
		color: #fff;
		cursor: pointer;
		border: 2px solid #000;
		height: 1.66rem;
		line-height: 1.66rem;
		transition: 0.2s;
}
.cart_email input[type="submit"]:hover{
		background-color: #fff;
		color: #000;
}
.cart_email input[type="text"]::placeholder{
		color: #000;
		opacity:1;
}
.cart_email_exit{
		display: block;
		cursor: pointer;
		position: absolute;
		right: 0px;
		top: 0px;
		height: 28px;
		width: 28px;
		background-image: url(/images/admin/close_form.svg);
		background-repeat: no-repeat;
		background-size: 60%;
		background-position: center;
}
.cart_int p.cart_email_message{
		display: none;
		color: red;
		margin: 0px;
		padding: 0px 0px 10px 0px;
}
.cart_int p.cart_email_message.active{
		display: block;
}









.run{
		position: fixed;
		left: 0px;
		top: 50%;
		right: 0px;
		background-color: red;
		z-index: 999;
}


















/* new style */
.address_left{
		position: fixed;
		left: -50%;
		top: 0px;
		bottom: 0px;
		width: 50%;
		background-color: orange;
		transition: 0.5s;
		z-index: 999;		
}
.address_left.active{
		left: 0px;
}
.address_left_exit{
		position: absolute;
		top: 20px;
		left: 20px;
		height: 40px;
		width: 40px;
		background-color: red;
		cursor: pointer;
}
.contacts{
		padding: 64px 54px;
}
.contacts .box{
		display: flex;
		justify-content: space-beetween;
		margin: 0px 0px 20px 0px;
		padding: 5px;
}
.contacts .box label{
		display: inline-block;
		width: 40%;
		margin: 0px;
}
.contacts .box input{
		display: inline-block;
		width: 60%;
		margin: 0px;
		border: 1px solid #cecece;
		padding: 4px;
		outline: none;
}
.contacts .box input:focus{
		border: 1px solid orange;
}
.country_select{
		display: block;
		width: 60%;
		padding: 10px;
		border: 1px solid black;
		cursor: pointer;
		position: relative;
}
.country_select.active{
		border: 1px solid red;
}
.country_select_int{
		display: none;
		background-color: #fff;
		position: absolute;
		left: 0px;
		top: 100%;
		width: calc(100% - 20px);
		margin: 3px 0px 0px -1px;
		padding: 10px;
		max-height: 200px;
		overflow: auto;
		border: 1px solid #000;
}
.country_select_int.active{
		display: block;
}
.country_select_int a{
		display: block;
		cursor: pointer;
		margin: 0px 0px 10px 0px;
		font-size: 14px;
		color: #000;
		text-decoration: none;
}
.country_select_int a:hover{
		text-decoration: underline;
}



.mobile_cart_top{
		display: none;
}










.nav{
		background: #000;
		display: flex;
		border-radius: 12px;
		overflow: hidden;
}
.nav_a,
.nav_int a{
		height: 23px;
		width: 40px;
		display: inline-block;
		text-align: center;
		line-height: 23px;
		text-decoration: none;
		color: #fff;
		font-family: 'DecimaMonoX';
}
.nav_a:hover,
.nav_int a:hover{
		background: #4b8df8;
}
.nav_int{
		display: flex;
    width: 0;
    height: 23px;
    background: #4b8df8;
    background-color: #000;
    transition: width 0.1s ease;
    overflow: hidden; 
    white-space: nowrap;
    overflow: hidden;
    border-radius: 0px 12px 12px 0px;
}
.nav_int.open {
    width: 80px;
}
.nav_int a{
		display: none;
		transition: display 0.4s ease;
}
.nav_int.open a{
		display: block;
}




.lang{
		position: fixed;
		left: 54px;
		top: 650px;
		z-index: 1;
		background: none;
}
.lang .nav_a,
.lang .nav_int a{
		font-size: 18px;
		text-transform: lowercase;
		color: #f0ff00;
}
.lang a.nav_a,
.lang .nav_int,
.lang .nav_int a:hover{
		background: none;
}
.lang .nav_int a:hover{
		text-decoration: underline;
}
.lang .nav_a::first-letter,
.lang .nav_int a::first-letter{
		text-transform: uppercase;
}








/* Валюта */
.currency{
		background: #000;
		display: flex;
		border-radius: 12px;
		overflow: hidden;
		margin-right: 20px;
}
.currency_a,
.currency_int a{
		height: 23px;
		width: 40px;
		display: inline-block;
		text-align: center;
		line-height: 23px;
		text-decoration: none;
		color: #fff;
		font-family: 'DecimaMonoX';

		display: flex;
    align-items: center;
    justify-content: center;
}
.currency_a svg,
.currency_int a svg{
		height: 14px;
		width: 14px;
		fill: #ffffff;
		display: inline-block;
}

.currency_int{
		display: flex;
    align-items: center;
    justify-content: center;
    width: 0;
    height: 23px;
    line-height: 23px;
    background: #4b8df8;
    background-color: #000;
    transition: width 0.1s ease;
    overflow: hidden; 
    white-space: nowrap;
}
.currency_int.open {
    width: 80px;
}
.currency_int a{
		display: none;
		height: 23px;
		transition: display 0.4s ease;
}
.currency_int.open a{
		display: block;
		display: flex;
    align-items: center;
    justify-content: center;
}
.currency_int a svg{
		fill: #fff;
		height: 14px;
		width: 14px;
}
.currency_int a:hover svg{
		fill: #ccff00;
}

.payment_systems{
		height: 30px;
		margin: 30px 0px 65px 0px;
}
.payment_systems img{
		height: 100%;
		display: inline-block;
		margin: 0px 20px 0px 0px;
}
.checkout_payment_systems{
		height: 20px;
		margin: 40px 0px;
}
.checkout_payment_systems img{
		margin: 0px 10px 0px 0px;
}


.oferta_box{
		margin: 20px 0px 0px 130px;
}
.oferta_box .label{
		display: flex;
		margin-bottom: 10px;
		align-items: center;	
}
.oferta_box .label input{
		display: inline-block;
		background-color: green;
		cursor: pointer;
}
.oferta_box .label p{
		display: inline-block;
		font-family: 'Helvetica-Light';
		font-size: 12px;
		line-height: 1.3;
		margin: 0px;
		padding: 0px 0px 0px 10px;
}
.oferta_box .label p a{
		color:#0054ff;
		text-decoration: none;
}
.oferta_box .label p a:hover{
		text-decoration: underline;
}


.disabled-link {
  pointer-events: none;
  color: #999;
  cursor: not-allowed;
  text-decoration: none;
  border: 2px solid #999;
}
.oferta{
		margin: 100px auto auto auto;
		padding: 0px 40px 100px 40px;
		max-width: 1000px;
}


.user_menu{
		padding: 0px 20px 0px 0px;
		height: 23px;
}

.user_menu_svg{
		display: inline-block;
		fill: #000;
		height: 22px;
}
.user_menu_svg:hover{
		fill: orange;
}


.user_menu_input {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 23px;
	height: 23px;
}

.user_menu_input svg {
	width: 100%;
	height: 100%;
}







		/* Персональный кабинет */
		.auth {
      max-width: 360px;
      margin: 10vh auto;
     
    }

    .auth h1 {
      margin: 0 0 16px;
      font-size: 20px;
      text-align: center;
    }

    .field {
      margin-bottom: 12px;
    }

    .field label {
      display: block;
      margin-bottom: 4px;
      font-size: 14px;
    }

    .field input {
      width: 100%;
      padding: 10px;
      font-size: 14px;
      border: 1px solid #ccc;
      border-radius: 4px;
    }

    .auth button {
      width: 100%;
      padding: 10px;
      font-size: 15px;
      border: none;
      border-radius: 4px;
      background: #0066ff;
      color: #fff;
      cursor: pointer;
    }

    .auth button:hover {
      background: #0053cc;
    }

    .auth__links {
      margin-top: 12px;
      text-align: center;
      font-size: 14px;
    }

    .auth__links a {
      color: #0066ff;
      text-decoration: none;
    }

    .auth__links a:hover {
      text-decoration: underline;
    }

    .account_admin{
    		position: fixed;
    		left: 0px;
    		top: 80px;
    		bottom: 80px;
    		width: 200px;
    		display: flex;
 				justify-content: left; /* горизонталь */
  			align-items: center;     /* вертикаль */
  			z-index: 999;
  			padding-left: 54px;
    }
    .account_admin_menu{
    		display: inline-block;
    }
    .account_admin_menu a{
    		font-family: 'DecimaMonoX';
    		color: #000;
    		text-decoration: none;
    		font-size: 16px;
    		display: inline-block;
    		margin-bottom: 14px;
    		border-bottom: 1px solid #fff;
    		padding-bottom: 1px;
    		transition: 0.2s;
    }
    .account_admin_menu a:hover,
    .account_admin_menu a.active{
    		border-bottom: 1px solid #000;
    }
    .account_right{
    		display: flex;
 				justify-content: center; /* горизонталь */
  			align-items: center;     /* вертикаль */
  			overflow: auto;
  			margin: 0px 200px;
  			padding: 80px 0px;
  			min-height: calc(100vh - 160px);
    }

    .account_input{
    		width: 100%;
    		min-height: 100%;
    		display: flex;
 				justify-content: center; /* горизонталь */
  			align-items: center;     /* вертикаль */
    }
    .account_input_int{
    		width: 400px;
    		height: 300px;
    		background-color: #fff;
    }



    .account_form{
    		width: 530px;
    		padding: 80px 0px;
    }
    .addr .account_form{
    		padding: 0px;
    }
    .account_form h2{
				display: block;
				padding: 0px 0px 10px 130px;
				margin: 0px;
				font-family: 'DecimaMonoX';
				font-weight: bold;
				font-size: 16px;
				line-height: 16px;
				text-transform: uppercase;
				color: #000;
				text-align: center;
    }
    .account_form p{
				font-family: 'Helvetica-Light';
				font-size: 12px;
				line-height: 1.2;
				margin: 0px 0px 10px 130px;
				padding: 0px;
				text-align: center;
    }
    .input-group{
    		padding-bottom: 20px;
    }
    .account_form .box{
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 10px 0px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				font-family: 'DecimaMonoX';
				font-style: normal;
				font-size: 12px;
				display: flex;           
  			justify-content: flex-end;
    }
    .account_form .checkbox{
    		display: flex;
				align-items: center;
				padding: 20px 20px 20px 130px;
				margin: 0px 0px 10px 0px;
    }
    .account_form .checkbox p{
    		margin: 0px 0px 0px 20px;
    		padding: 0px;
    }
    .account_form .box label {
			line-height: 18px;
			position: relative;
			width: 130px;
		}
		.account_form .box input[type="text"] {
			width: 380px;
			height: 28px;
			line-height: 28px;
			border: 1px solid #7f7f7f;
			padding: 0px 10px;
			outline: none;
			font-family: 'DecimaMonoX';
			font-family: Helvetica;
			font-size: 18px;	
		}
		.account_form .box input::placeholder{
				opacity:0;
				color: #fff;
		}
		.account_form .box.active{
				border: 1px solid red;
		}
		.account_form input[type="submit"], 
		.account_form button {
			border: 2px solid #000;
			background: #fff;
			display: block;
			width: calc(100% - 130px);
			min-height: 30px;
			padding: 5px 0px;
			font-family: 'DecimaMonoX';
			font-weight: bold;
			font-size: 14px;
			letter-spacing: 10px;
			cursor: pointer;
			transition: 0.2s;
			text-transform: uppercase;
			margin-left: 20px;
		}
		.account_form input[type="submit"]:hover, 
		.account_form button:hover{
				background-color: #000;
				color: #fff;
		}
		.account_form_link{
				transition: 0.2s;
				padding-left: 130px;
		}
		.account_form_link a,
		.account_form .checkbox p a{
				display: inline-block;
				cursor: pointer;
				color: #0054ff;
				text-decoration: none;
				transition: 0.2s;
				margin: 0px 10px 0px 0px;
				font-family: 'Helvetica-Light';
				font-size: 12px;
				line-height: 1.2;
				padding: 0px;
		}
		.account_form_link a:hover,
		.account_form .checkbox p a:hover{
				text-decoration: underline;
		}
		.form_error{
				margin: 0px;
				padding: 0px;
				color: red;
				text-indent: 0px;
				font-family: 'Helvetica-Light';
		    font-size: 12px;
		    line-height: 1.2;
		}
		.form_error p{
				display: inline-block;
				padding: 0px 0px 10px 130px;
				margin: 0px;
				text-align: left;
		}
		


		.box_select{
				width: 400px;
				height: 28px;
				border: 1px solid #7f7f7f;
				margin: 0px 0px 0px 0px;
				padding: 0px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				font-family: 'DecimaMonoX';
				font-style: normal;
				font-size: 12px;
				display: flex;
				justify-content: flex-end;
				position: relative;
				outline: none;
		}
		.box_select input[type="text"]{
				width: 100%;
				border: none;
				outline: none;
				background: none;
				height: 28px;
				line-height: 28px;
				margin: 0px;	
				padding: 0px 10px;
				outline: none;
				font-family: 'DecimaMonoX';
				font-family: Helvetica;
				font-size: 18px;
				z-index: 1;
				cursor: pointer;
				outline: none;
		}
		}
		.box_select_option{
				display: none;
				position: absolute;
				left: -1px;
				top: 100%;
				width: 100%;
				background-color: #fff;
				z-index: 999;
				border: 1px solid #7f7f7f;
		}
		.box_select_option.active{
				display: block;
				overflow: auto;
				max-height: 200px;
		}
		.box_select_option a{
				display: block;
				text-align: left;
				text-decoration: none;
				font-family: 'DecimaMonoX';
				font-family: Helvetica;
				font-style: normal;
				font-size: 12px;
				color: #000;
				margin: 0px 0px 0px 20px;
				line-height: 30px;
		}
		.select_top,
		.select_bottom{
				position: absolute;
				right: 65px;
				height: 10px;
				width: 10px;
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
		}
		.select_top{				
				top: 4px;				
				background-image: url(/images/top.png);				
		}
		.select_bottom{				
				bottom: 4px;
				background-image: url(/images/bottom.png);
		}
		.form_message{
				text-indent: 0px;
		}
		.account_txt{
		}
		.account_txt p{
				font-family: 'Helvetica-LightOblique';
				font-family: 'Helvetica-Light';
				font-size: 12px;
				line-height: 1.3;
				margin: 0px 0px 10px 0px;
				padding: 0px;
				text-indent: 0px;
		}
		.account_txt a{
				color: #0054ff;
				text-decoration: none;
		}
		.account_txt a:hover{text-decoration: underline;}




.orders{
		width: min(100%, 550px);				
}	


.checkout,
.cart{
		display: flex;
		align-items: flex-start; 
		width: 1156px;
		margin-inline: auto;
		padding: 180px 0px 80px 0px;	
}
.checkout_left{
	 flex: 0 0 50%;
	 position: sticky;
	 top: 180px;
}
.checkout_right{
		display: flex;
		justify-content: right;
		flex: 0 0 50%;
}

.cart_left{
		display: flex;
		justify-content: left;
		flex: 0 0 50%;
}
.cart_right{
		display: flex;
		justify-content: right;
	 	flex: 0 0 50%;
	 	position: sticky;
	 	top: 180px;
}



/* checkout  */
.checkout__{
		width: 1156px;
		min-height: 100%;
		justify-content: space-between;
		margin-inline: auto;
		padding: 180px 0px 0px 0px;		
		z-index: 0;
		background-color: orange;
		display: grid;
	  grid-template-columns: 300px 1fr;
	  gap: 20px;
}
.checkout_left__{
		position: sticky;
	  top: 20px;
	  height: fit-content;
	  background: #eee;
	  padding: 20px;
}
.checkout_right__{
		position: sticky;
	  top: 200px;
		background: red;
	  padding: 20px;
	  min-height: 400vh;
}

/*
.checkout_right{
		width: min(calc(100% - 40px), 600px);
		padding: 40px 20px;
		margin-inline: auto;
}
*/
.checkout_right__ {
	display: flex;
	justify-content: right;
	margin: 0px 0vw 80px 50%;
	min-height: 300px;
}
.checkout_right .account_form{
 		padding: 0px;
}

.check_int {
	width: 310px;
}
/*
.check_int{
		margin-inline: auto;
		padding: 80px 20px 20px 20px;
		width: min(calc(100% - 40px), 600px);
		background-color: red;
}
*/
.addr{
		width: 530px;
		margin: 0px;		
		padding: 0px 0px 50px 0px;
}
.check_int h1{
		display: block;
		font-family: 'DecimaMonoX';
		font-weight: bold;
		font-size: 16px;
		letter-spacing: 0px;
		color: #000;
		text-transform: uppercase;
		text-align: center;
		margin: 0px;
		padding: 0px;
}
.check_logo{
		width: calc(100% - 40px);
		display: block;
		margin: 40px auto;
}
.check_int p{
		font-family: 'DecimaMonoX';
		font-size: 12px;
		font-weight: normal;
		margin: 15px 0px;
}
.check_table{
		border-bottom: 2px solid #000;
		padding: 0px 0px 20px 0px;
}
.check_table .box{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		padding: 0px 0px;
}
.check_table .box p{
		display: inline-block;
		margin: 0px;
		padding: 0px;
		min-width: 25%;
}
.check_table .box p:first-child{
		width: 50%;
}
.check_table .box p:last-child{
		text-align: right;
}

.check_total{
		border-bottom: 2px solid #000;
		padding: 20px 0px;	
		align-items: flex-end;
		justify-content: flex-end;
}
.check_total .box{
		display: flex;
		align-items: flex-end;
		justify-content: flex-end;
		padding: 0px 0px;
}
.check_total .box p{
		display: inline-block;
		width: 25%;
		margin: 0px;
		padding: 0px;
		text-align: right;
}
.check_total .box p:first-child{
		width:75%;
		text-align: right;
}
.check_total .block{
		display: flex;
		justify-content: flex-end;
		padding: 20px 0px 0px 0px;
}
.check_total .block h2,
.check_total .block p{
		font-family: 'DecimaMonoX';
		font-weight: bold;
		font-size: 14px;
		margin: 0px 0px 5px 0px;
		padding: 0px;
}
.check_total .block p{
		min-width: 25%;
		text-align: right;		
}
.check_total > p{
		text-align: right;
		margin: 0px;
		font-size: 10px;
}
.check_txt{
		padding: 0px 0px 0px 0px;
}
.check_txt p{
		font-family: 'Helvetica-Light';
		font-size: 12px;
		display: inline-block;
		padding: 0px 0px;
		margin: 20px 0px 20px 0px;
}
.check_txt span{
		display: inline-block;
		font-family: 'MyriadPro-Regular';
		font-size: 10px;
}
.order-cancel{
		display: block;
		cursor: pointer;
		margin-top: 20px;
		margin-inline: auto;
}







/* Admin  */
/*
.adm{
		margin-inline: auto;
		font-family: 'DecimaMonoX';
		padding: 100px 0px 80px 0px;
		width: min(100%, 1000px);
}
*/
.adm {
    font-family: 'DecimaMonoX';
    width: min(100%, 1000px);
}

.account_admin_right{
		margin-left: 254px;
		margin-right: auto;
		padding: 80px 0px;
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 100%;
		box-sizing: border-box;
}


.adm h1,
.ord h1 {
	display: block;
	padding: 0px 0px 30px 0px;
	margin: 0px;
	font-family: 'DecimaMonoX';
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	text-transform: uppercase;
	color: #000;
	text-align: center;
}
.adm table {
  width: min(100%, 1000px);
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.4;
  margin: 50px 0px;
}

.adm th,
.adm td {
  padding: 8px 12px;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #cecece;
}
.adm td a{
		color: black;
		text-decoration: none;
}
.adm td a:hover{
		text-decoration: underline;
}

.adm thead th {
  font-weight: 600;
  border-bottom: 2px solid #e5e7eb; /* лёгкий акцент */
}
/*
.adm tbody tr {
  border-bottom: 1px solid #e5e7eb;
}
*/

.adm tbody tr:last-child {
  border-bottom: none;
}

.adm_table_link{
		display: flex;
		align-items: center;
}
.adm_table_link a{
		display: inline-block;
		cursor: pointer;
		height: 22px;
		width: 22px;
		margin: 0px 10px 0px 0px;
		background-image: url(/images/admin/info.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 18px 18px;
		transition: 0.2s;
}
.adm_navigate{
		display: flex;
		align-items: center;
}
.adm_table_delete{
		display: inline-block;
		cursor: pointer;
		height: 22px;
		width: 22px;
		margin: 0px 5px;
		background-image: url(/images/admin/delete.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 14px 14px;
		transition: 0.2s;
}
.adm_table_delete:hover{
		opacity: 0.5;
}
.adm_table_link a:hover{
		opacity:0.5;
}


.adm_i{
		display: inline-block;
		position: relative;
		transition: 0.2s;
}
.adm_image img{
		height: 200px;
		width: auto;
		margin: 0px 10px 10px 0px;
}
.adm_image_nav{
		display: none;
		position: absolute;
		right: 10px;
		top: 0px;
}
.adm_image .adm_i:hover .adm_image_nav{
		display: flex;
}
.adm_image_nav a{
		display: inline-block;
		cursor: pointer;
		height: 40px;
		width: 40px;
		background-color: rgba(255, 255, 255, 0.7);
		margin-left: 2px;
}
.adm_image_nav a:hover{
		opacity: 0.5;
}
.adm_image_download,
.adm_image_delete,
.adm_image_zoom{
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
}
.adm_image_download{
	background-image: url(/images/admin/download.svg);	
}
.adm_image_delete{
	background-image: url(/images/admin/delete.svg);
}
.adm_image_zoom{
	background-image: url(/images/admin/zoom-in.svg);
}

.adm_video{
		display: flex;
		padding: 40px 0px 0px 0px;
}
.adm_video p{
		display: inline-block;
		margin: 0px 15px 0px 0px;
}
a.adm_video_delete{
		display: inline-block;
		cursor: pointer;
		height: 20px;
		width: 20px;
		background-image: url(/images/admin/delete.svg);
		background-position: center;
		background-size: 14px 14px;
		background-repeat: no-repeat;
		margin: 0px 15px 0px 0px;
}
a.adm_video_delete:hover{
		opacity:0.5;
}

.adm_fonts{
		display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 40px 0px 0px 0px;
}
.adm_fonts .box{
		display: flex;
		position: relative;
		flex: 0 0 auto;
		align-items: center;		
		border: 1px solid #cecece;	
		margin: 0px 10px 10px 0px;
		padding: 7px 15px;
		font-size: 12px;
		transition: 0.1s;
}
.adm_fonts .box:hover{
		background-color: rgb(0, 0, 0, 0.1);
}
.adm_fonts .box p{
		margin: 0px 10px 0px 0px;
}
.adm_fonts_delete{
		display: inline-block;
		position: absolute;
		right: 4px;
		cursor: pointer;
		height: 14px;
		width: 14px;
		background-image: url(/images/admin/delete.svg);
		background-size: 14px 14px;
		background-position: center;
		background-repeat: no-repeat;
}
.adm_fonts .box:hover .adm_fonts_delete{
		display: block;
}
.adm_dhl input[type="text"]{
		width: 100%;
    box-sizing: border-box;
    padding: 5px 10px; 
    text-align: center;
}
.adm_slider_type{
		padding: 40px 0px;
}
.adm_slider_type label{
		display: block;
		cursor: pointer;
		margin: 15px 0px 0px 0px;
}
a.adm_mail_delete{
		display: block;
		cursor: pointer;
		height: 18px;
		width: 18px;
		background-image: url(/images/admin/delete.svg);
		background-size: 14px 14px;
		background-position: center;
		background-repeat: no-repeat;
		transition: 0.2s;
}
a.adm_mail_delete:hover{
		opacity:0.5;
}







}
/* end css */




























.language{
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: black;
		border-radius: 12px;
		overflow: hidden;
		margin-right: 20px;	
}
.language a,
.language span{
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		text-decoration: none;
		height: 23px;
		min-width: 40px;
		padding: 0px;
}
.language a:hover svg{
		fill: #ccff00;
}
.language a svg,
.language span svg{
		fill: #ffffff;
		height: 14px;
		transition: 0.2s;
}
.language a.usd svg,
.language span.usd svg{
		height: 17px;
		margin: 0px;
		padding: 0px;
}
.language_int{
		display: flex;
		width: 0;
		overflow: hidden;
		transition: width 0.2s ease;
}
.language_int.open{
		display: flex;
		width: 80px;
}






.oferta h1 {
    font-family: Helvetica;
    font-weight: bold;
    font-size: 20px;

    margin: 40px 0 20px 0;
}

.oferta h3 {
    font-family: Helvetica;
    font-weight: bold;
    font-size: 16px;

    margin: 30px 0 10px 0;
}

.oferta p {
    font-family: Helvetica-Light;
    font-size: 14px;
    line-height: 1.6;

    margin: 0 0 16px 0;
}

.orders_details_adm{
		display: none;
		padding: 50px;
		transition: 0.2s;
}
.orders_details_adm .check_int{
		margin: 0px 150px 0px 0px;
}
.order_row{
		cursor: pointer;
}
.order_row:hover td{
		background-color: #f5f5f5;
}
.order_row.active td{
		background-color: #f5f5f5;
		border-top: 1px solid #000;
}
.orders_details_adm.active{
		display: flex;
}
.orders_adm_hideshow{
		display: inline-block;
		height: 30px;
		width: 30px;
		background-color: green;
		cursor: pointer;
}
.orders_adm_hideshow.active{
		background-color: red;
}
.orders_details_adm_files{
		padding: 20px 20px 0px 20px;
}
.orders_details_adm_files .box{
		margin: 0px 0px 20px 0px;
		border-bottom: 1px solid #cecece;
		padding: 20px 0px;
}
.orders_details_adm button,
.ord_back_int button{
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 26px;
	font-family: 'DecimaMonoX';
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 0.41rem;
	text-transform: uppercase;
	cursor: pointer;
	background-color: #fff;
	border: 2px solid var(--txt);
	text-decoration: none;
	color: var(--txt);
	text-align: center;
	transition: 0.1s;
	margin: 20px 0px;
	padding: 0px 20px;
	min-width: 11.45rem;
	transition: 0.2s;
}
.orders_details_adm button:hover,
.ord_back_int button:hover{
		background-color: #000;
		color: #fff;
}
.ord_back_int button{
		margin: 0px;
		margin-right: 10px;
}

/*
.ord_back_int button{
		display: inline-block;
		cursor: pointer;
		padding: 10px;
		border-radius: 6px;
		border: none;
		background-color: #1458d7;
		background-color: black;
		color: #fff;
		margin-right: 10px;
		transition: 0.2s;
}
.ord_back_int button:hover{
		opacity: 0.5;
}
*/


.ord{
		display: block;
		width: calc(100% - 40px);
		padding: 20px;
		max-width: 1600px;
}
.ord table{
		width: 100%;
		margin: 0px;
		padding: 0px;
}
.ord table tr{
		margin: 0px;
		padding: 0px;
}
.ord table tr td{
		font-size: 14px;
		font-family: 'DecimaMonoX';
		border: 1px solid #cecece;
		padding: 10px;
}



.ord_back{
		display: none;
		align-items: center;
		vertical-align: center;
		justify-content: center;
		position: fixed;
		left: 0px;
		top: 0px;
		height: 100%;
		width: 100%;
		background-color: #f3f4f6;
		z-index: 999;
}
.ord_back.active{
		display: flex;
}
.ord_back_int{
		width: 480px;
		background-color: #fff;
		border: 2px solid #dcdddf;
		border-radius: 12px;
		overflow: hidden;
}
.ord_back_nav{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 15px 15px 15px 15px;
}
.ord_back_int textarea{
		box-sizing: border-box;
		width: 100%;
		height: 160px;
		background-color: #fff;		
		margin: 0px;
		padding: 20px;
		border: none;
		border-bottom: 2px solid #dcdddf;
		outline: none;
}
.ord_back_int textarea:focus{
		border: none;
		border-bottom: 2px solid #dcdddf;
}
.ord_exit{
		height: 20px;
		width: 20px;
		transition: 0.2s;
		margin-left: 10px;
}
.ord_exit svg{
		height: 20px;
		width: 20px;
}
.ord_exit:hover svg{
		opacity:0.5;
}


.right-group{
		display: flex;
		align-items: center;
}
.file-upload {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: sans-serif;
    height: 30px;
    width: 30px;
}
.file-upload svg{
		height: 24px;
}

/* скрываем стандартный input */
.file-upload input[type="file"] {
    display: none;
}

/* кастомная кнопка */
.upload-label {
    display: flex;
    align-items: center;
    gap: 8px;        
    cursor: pointer;
    transition: 0.2s ease;
}

/* hover эффект */
.upload-label:hover {
    opacity: 0.5;
}

/* SVG иконка */
.upload-icon {
    width: 15px;
    height: 15px;
    color: #555;
}


/* имя файла */
.file-name{
		padding: 0px 15px;
}
.file-name p{
    font-size: 11px;
    color: #666;
    padding: 0px 0px 7px 0px;
}
.file-name p:last-child{
		padding-bottom: 15px;
}
.return{
		max-width: 400px;
}
.return h3{
		display: block;
		width: 100%;
		margin-bottom: 20px;
		font-size: 18px;
}
.return p{
		margin: 0px 0px 20px 0px;
}
.return_files{
}
.return_files a{
		display: inline-block;
		cursor: pointer;
		padding: 0px 10px 20px 0px;
}
.return_files a img{
		height: 160px;
}