.slider-main { margin: -50px 0 0; position: relative; overflow: hidden; }
.slider-main:hover { z-index: 1; overflow: visible; }
.slider-main .list { overflow: hidden; height: 200px; width: calc(100% - 140px); margin: 35px auto 0; float: left; }
.slider-main .overview { width: 999999px; }
.slider-main .item { float: left; width: 340px; text-align: center; text-decoration: none;position: relative; }
.slider-main .item .name { display: inline-block; vertical-align: middle; position: relative; z-index: 1; color: #ffffff; padding: 6px 20px 5px 15px; margin-right: -10px; margin-top: 1px; font-family: 'Arial'; font-size: 12px; font-weight: bold; text-transform: uppercase; font-style: italic; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s ease; }
.slider-main .item .name:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(20,13,23,0.4); z-index: -1; border-radius: 5px; transform: skewX(-10deg); }
.slider-main .item:hover .name { color: #ffbd40; }
.slider-main .item .image { height: 190px; margin:10px 0 0; position: relative; transition: all 0.4s ease; }
.slider-main .item:hover .image { transform: scale(0.9); }
.slider-main .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-height: 80%; max-width: 80%; }
.slider-main .item .price { display: inline-block; vertical-align: middle; position: relative; z-index: 1; padding: 7px 15px; color: #261d0c; font-size: 24px; font-weight: bold; line-height: 24px; }
.slider-main .item .price:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #ffbe3f; z-index: -1; border-radius: 5px; transform: skewX(-10deg); box-shadow: 0 0 35px rgba(183,133,46,0.5); }
.slider-main .item .price .num { }
.slider-main .item .price .old { position: absolute; top: 30px; color: #ffbd40; font-weight: normal; font-size: 18px; left: calc(50% - 4px); transform: translateX(-50%); padding: 2px 10px;  z-index: 1; text-decoration: line-through; opacity: 0.5; }
.slider-main .item .price .old:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #b20000; z-index: -1; border-radius: 4px; transform: skewX(-10deg); }
.slider-main .item .price .num .rub  { font-size: 18px; }
.slider-main .item .info { margin-top: -60px; }
.slider-main .short-list { width: 264px; position: absolute; left: 50%; margin-left: -132px; background: #1c122a; padding: 0 10px 10px; border-radius: 5px; z-index: 2; box-shadow: 15px 15px 10px rgba(28,18,42,0.47); top: 210px; transform: scale(0.8); opacity: 0; visibility: hidden; transition: all 0.5s ease; }
.slider-main .item:hover .short-list { opacity: 1; visibility: visible; transform: scale(1); top: 180px; }
.slider-main .short-list .sub-heading { height: 30px; line-height: 30px; width: 236px; border-radius: 5px; background: #221633; color: #cac5ce; margin: -15px auto 10px; }
.slider-main .short-list .sub-item { float: left; height: 36px; width: 25%; position: relative; margin: 2px 0; }
.slider-main .short-list .sub-item img { max-width: 90%; max-height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.slider-main .short-list .sub-item:after { content: '';  width: 6px; height: 6px; border-radius: 100%; position: absolute; margin: -3px 0 0 -3px; top: 50%; left: 50%;  z-index: -1; opacity: 0.4; }
.slider-main .short-list .sub-item.milspec:after { box-shadow: 0 0 20px 10px rgba(86,91,191,1); background: rgba(86,91,191,1); }
.slider-main .short-list .sub-item.restricted:after { box-shadow: 0 0 20px 10px rgba(97,53,200,1); background: rgba(97,53,200,1); }
.slider-main .short-list .sub-item.classified:after { box-shadow: 0 0 20px 10px rgba(176,71,212,1); background: rgba(176,71,212,1); }
.slider-main .short-list .sub-item.covert:after { box-shadow: 0 0 20px 10px rgba(219,42,42,1); background: rgba(219,42,42,1); }
.slider-main .short-list .sub-item.knife:after { box-shadow: 0 0 20px 10px rgba(255,189,64,1); background: rgba(255,189,64,1); }
.slider-main .short-list:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/ico-view.png); width: 71px; height: 59px; position: absolute; top: -70px; left: 50%; margin-left: -36px; transition: all 0.3s ease; transform: scale(2); opacity: 0; visibility: hidden; }
.slider-main .item:hover .short-list:after { opacity: 1; visibility: visible; transform: scale(1); transition: all 0.3s ease 0.2s; }


.slider-main .cases-slider { height: 220px !important; }
.slider-main .prev { position: relative; background: url(https://cdn.x-api.net/mynew/images/slider-prev.png);  width: 70px; height: 211px; float: left;  margin: 25px 0 0;}
.slider-main .next { position: relative; background: url(https://cdn.x-api.net/mynew/images/slider-next.png);  width: 70px; height: 211px; float: left;  margin: 25px 0 0; }
.slider-main .prev:hover, .slider-main .next:hover { filter: brightness(1.2); }


.items .item .actions > * { display: inline-block; vertical-align: middle; margin-left: 6px; }
.items .item .small-price
 { 
    position: absolute;
    right: 0px;
    bottom: 8px;
    z-index: 2;
    background-color: rgba(0,0,0,0.2);
    border: 1px solid rgba(0,0,0,.4);
    padding: 0px 8px 0px;
	font-size: 14px;
    white-space: nowrap;
    color: #f5eeee;

 }
.items .item .small-price span { font-size: 16px; position: relative; top: 0px; left: -1px; }
.items .fade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: rgba(49,37,67,0.9); }
.items .fade .align { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); }
.items .fade .heading { font-family: 'TTLakes'; color: #6e9a30; font-size: 14px; text-transform: uppercase; }
.items .fade .heading .ico-time { background: url(https://cdn.x-api.net/mynew/images/ico-time.png); width: 19px; height: 23px; display: inline-block; vertical-align: middle; margin: -5px 6px 0 0; }
.items .fade .secret { font-size: 12px; color: #6e9a30; margin: 10px 0 0; }

.btn-small { display: inline-block; height: 31px; line-height: 29px; border: 2px solid #6e9a30; font-size: 12px; text-transform: uppercase; font-family: 'TTLakes'; border-radius: 5px; color: #6e9a30; padding: 0 10px; margin: 11px 0 0; cursor: pointer; }
.btn-small:hover { background: #6e9a30; color: #fff; }

.center { text-align: center; }




.steps { width: calc(100% + 140px); margin: -36px 0 50px -70px; text-align: center; padding: 50px 0 30px; }
.steps .item { display: inline-block; vertical-align: top; width: 180px; margin: 0 26px 20px; position: relative; }
.steps .item:after { content: ''; background: url(https://cdn.x-api.net/mynew/images/step-sep.png); width: 103px; height: 17px; position: absolute; right: -79px; top: 57px; }
.steps .item:last-child:after { display: none; }
.steps .item .image { width: 132px; height: 132px; border-radius: 100%; position: relative; border: 3px solid #dba140; margin: 0 auto 20px; }
.steps .item .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }



.faq-item { max-width: 980px; margin: 0 auto 15px; }
.faq-item .heading { position: relative; cursor: pointer; background: rgba(183 183 183 / 12%); border-radius: 10px; border: 1px solid fb0055; font-family: 'TTLakes'; font-size: 15px; padding: 23px 20px 22px 70px; transition: all 0.5s ease; }
.faq-item .heading:before { content: ''; height: 3px; width: 27px; position: absolute; left: 24px; top: 50%; margin-top: -1.5px;background: rgb(244 202 128); transition: all 0.3s ease; }
.faq-item.active .heading:before { background: rgba(255,189,64,1);  }
.faq-item .heading:after { content: ''; height: 27px; width: 3px; position: absolute; left: 36px; top: 50%; margin-top: -13.5px;background: rgb(244 202 128);transition: all 0.5s ease; }
.faq-item.active .heading:after { height: 0; margin-top: 0; background: rgba(255,189,64,1); }
.faq-item.active .heading { background: rgba(255,189,64,0.12); border-color: rgba(255,189,64,1); }
.faq-item .faq-content { padding: 0 20px 0 70px; color: #97949f; font-family: 'TTLakes'; font-size: 15px; line-height: 21px; transition: all 0.5s ease; height: 0; overflow: hidden; box-sizing: content-box; background: url(https://cdn.x-api.net/mynew/images/faq-content.png) no-repeat top center; position: relative; }
.faq-item .faq-content:after { content: ''; width: 4px; height: calc(100% - 40px); background: #ffbd40; position: absolute; left: 40px; top: 28px; box-shadow: 0 0 15px #d9a84a; }
.faq-item.active .faq-content { padding: 35px 20px 20px 70px; }