/* Шрифты Manrope и Oswald — в fonts.css (локально) */

/*------------------------------------------------------------*
**  Главная
**------------------------------------------------------------*/

/* CSS Document */


body {
font-size: 16px;
line-height:normal;
color:#000;
margin:0px;
background: #fff;
font-family: 'Manrope', sans-serif;
}

a {
text-decoration:underline;
color:#000;
}

a:hover {
text-decoration:none;
color:#000;
}

.clear {
clear:both;
}

p, img {
margin:0px;
padding:0px;
border:0px;
}

h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
font-family:'Oswald';    
line-height: normal;
font-weight:normal;
color: #40302C;
position:relative;
padding:0px 0 30px 0;
margin:0px;
}

h1, .h1 {
font-size: 36px;
line-height: 43px;
color: #1F1A17;
margin:0 0 20px 0;
font-weight:normal;
}

h2, .h2 {
font-size: 24px;
line-height: 150%;
}

h3, .h3 {
font-size: 20px;
line-height: 140%;
}

* {
box-sizing: border-box;
}

table {
border-spacing: 0px;
}

header,
nav,
section,
article,
aside,
footer {
  display: block
}

input, button, textarea, select {
font-size:16px;
outline:none;
font-family: 'Roboto', sans-serif;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

img {
max-width:100%;
height:auto !important;
}
.flex {display:flex;}
.text-center {text-align: center;}
.site-width {
width:98%;
max-width:1290px;
position:relative;
margin:0 auto;
}

.header {
padding:40px 0;
}

.header .site-width {
display:flex;
align-items:center;
}
.header .logo a {
display:block;
width:164px;
height:68px;
background:url(../images/aks-logo.svg) no-repeat;
background-size:contain;
}

.header .city {
margin:0 70px;
}

.header .city .name {
display:flex;
align-items:center;
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: #000000;
margin:0 0 11px 0;
}

.header .city .name:before {
content:"";
width:9px;
height:12px;
background:url(../images/geo.svg) no-repeat;
margin:0 6px 0 0;
}

.header .city span {
display:table;
font-size: 14px;
line-height: 16px;
color: #818895;
border-bottom:1px #dadbdf solid;
}

.header .mail {
flex:1;
padding:0 20px 0 0;
}

.header .mail .name {
display:flex;
align-items:center;
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: #000000;
margin:0 0 11px 0;
}

.header .mail .name:before {
content:"";
width:9px;
height:12px;
background:url(../images/geo.svg) no-repeat;
margin:0 6px 0 0;
}

.header .mail span {
display:table;
font-size: 14px;
line-height: 16px;
color: #818895;
border-bottom:1px #dadbdf solid;
}

.header .phone .name {
display:flex;
align-items:center;
font-weight: 500;
font-size: 21px;
line-height: 25px;
letter-spacing: 0.035em;
color: #000000;
margin:0 0 4px 0;
}
.header .phone .name a{
  text-decoration: none;
  }

.header .phone .name:before {
content:"";
width:34px;
height:34px;
background:url(../images/phone.svg) no-repeat;
margin:0 6px 0 0;
}

.header .phone span {
display:table;
font-size: 14px;
line-height: 16px;
color: #818895;
border-bottom:1px #dadbdf solid;
margin:0 0 0 auto;
cursor:pointer;
}

.header .btn-fast {
border: 2px solid #1539BB;
box-sizing: border-box;
border-radius: 100px;
margin:0 0 0 40px;
padding:15px 32px;
font-size: 16px;
line-height: 19px;
color: #000000;
cursor:pointer;
transition: .3s ease;
}
.header .btn-fast:hover{
    background:#1539BB;
    color:#fff;
}
.topmenu {background: #1539BB;/* margin: 0 0 .5em 0; */}

.topmenu ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
align-items:center;
justify-content: space-between;
}


.topmenu li:last-child {
padding:0px;
}

.topmenu li a {
font-size: 16px;
line-height: 21px;
text-decoration:none;
color: #FFFFFF;
display:block;
padding:24px 10px;
transition: .3s ease;
}

.topmenu li a:hover {
color: #000000;
background: #FFAF1E;
}

.section-1 {
margin:0 0 63px 0;
}

.section-1 .site-width {
display:flex;
justify-content: space-between;
}

.section-1 .col-left {
width:49%;
border:1px #dadbdf solid;
border-radius: 10px;
padding:45px 40px 40px 40px;
}

.section-1 .col-right {
width:49%;
}

.section-1 .col-left .title {
font-weight: 500;
font-size: 25px;
line-height: 29px;
color: #000000;
margin:0 0 24px 0;
}

.section-1 .col-right .search {
display:block;
width:100%;
position:relative;
margin:0 0 35px 0;
}

.section-1 .col-right .search input {
height:50px;
background:#fff;
width:100%;
border-radius: 10px;
border:1px #dadbdf solid;
padding:0 20px;
font-size: 15px;
line-height: 18px;
color: #818895;
}

.section-1 .col-right .search button {
margin:0px;
padding:0px;
cursor:pointer;
background:url(../images/search.svg) no-repeat;
width:12px;
height:12px;
position:absolute;
top:19px;
right:21px;
border:0px;
}

.section-1 .col-left .brands {
display:flex;
flex-wrap:wrap;
}

.section-1 .col-left .brands .item {
width:25%;
padding:0 10px 0 0;
margin:0 0 20px 0;
}

.section-1 .col-left .brands a {
font-size: 15px;
color: #818895;
text-decoration:none;
border-bottom:1px #dadbdf solid;
display:table;
}

.section-1 .col-left .brands a:hover {
border-bottom:1px #1539BB solid;
color: #1539BB;
}

.section-1 .col-left .all-brends {
display:table;
font-size: 15px;
line-height: 30px;
color: #000000;
border-bottom:1px #dadbdf solid;
text-decoration:none;
line-height:24px;
margin:10px 0 0 0;
}

.section-1 .filter-banner {
  width: 100%!important;
}
.section-1 .filter-banner .name-filter {font-size: .8em!important;}
.section-1 .filter-banner .filter__cost input {font-size: .9em!important; height: 30px!important;}
.section-1 .filter-banner  .filter__cost {margin: 5px 0!important;font-size: .8em!important;}
.section-1 .filter-banner .item {padding: 10px 0!important;}
.section-1 .filter-banner .checkbox .name {font-size: .8em!important; margin: 0 0 10px!important;}
.section-1 .filter-banner .polar {display: grid!important; grid-template-columns: 1fr 1fr 1fr;}
.section-1 .col-right {
  text-align: center;
  display: grid;
  align-content: space-evenly;
}

.section-1 .col-right .slick-dots {
list-style:none;
margin:0px;
padding:0px;
display:flex;
justify-content: center;
position:absolute;
bottom:25px;
left:0px;
right:0px;
}

.section-1 .col-right .slick-dots li {
margin:0 8.5px;
}

.section-1 .col-right .slick-dots button {
margin:0px;
padding:0px;
cursor:pointer;
border:0px;
width:8px;
height:8px;
background:#fff;
border-radius:555px;
font-size:0px;
line-height:0px;
}

.section-1 .col-right .slick-active button {
background: #FFAF1E;
}

.section-2 {
margin:30px 0 67px 0;
}

.section-2 .head {
display:flex;
align-items:center;
margin:0 0 31px 0;
padding:0 15px;
}

.section-2 .head .title-section {
flex:1;
padding:0 20px 0 0;
font-weight: 400;
font-size: 35px;
line-height: 41px;
color: #000000;
}

.section-2 .head .all {
font-size: 15px;
line-height: 30px;
color: #000000;
text-decoration:none;
border-bottom:1px #dadbdf solid;
line-height:24px;
}

.section-2 .head .navi {
padding:0 0 0 60px;
position:relative;
min-height:31px;
width:214px;
position:relative;
display: flex;
align-items:center;
justify-content: space-between;
}

.section-2 .head .navi:before {
content:"";
height:18px;
width:1px;
background:#D9DBDF;
position:absolute;
top:50%;
left:29px;
transform: translate(0%, -50%);
}

.section-2 .head .counter {
text-align:center;
font-weight: 500;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
}

.section-products {
display:flex;
flex-wrap:wrap;
}

.section-products .item {
  width: 293px !important;
border-radius: 10px;
border:1px #dadbdf solid;
padding:14px 30px 23px 30px;
position:relative;
overflow:hidden;
display:grid;

}

.section-products .item:hover img{
    transform:scale(1.01);
}

.section-products .item .mobile-bl{
    display:grid;
    height:100%;
    
}
.section-products.noslider .item {
  width: 23% !important;
border-radius: 10px;
border:1px #dadbdf solid;
padding:14px 30px 23px 30px;
position:relative;
overflow:hidden;
margin:0 1% 15px 1%;
}

.section-products.three .item {
width:31.333%;
margin:0 3% 30px 0;
}

.section-products.three .item:nth-child(3n) {
margin:0 0% 30px 0;
}

.section-products .item.hits {
border: 2px solid #FFAF1E;
}

.section-products .item.hits:before {
content:"";
display:block;
width:85px;
height:85px;
background:url(../images/hits.svg) no-repeat;
position:absolute;
top:-27px;
left:-27px;
z-index:100;
}

.section-products .item .images {
text-decoration:none;
display:block;
font-size:0px;
line-height:0px;
height:195px;
text-align:center;
margin:0 0 12px 0;
}

.section-products .item .images img {
max-height:100%;
transition: .3s ease;
}

.section-products .item .name {
text-decoration:none;
font-weight: 500;
font-size: 20px;
line-height: 26px;
text-transform: uppercase;
color: #000000;
margin:0 0 18px 0;
display:block;
}



.section-products .item .field .line {
display:flex;
justify-content: space-between;
margin:0 0 9px 0;
position:relative;
}

.section-products .item .field .line:before {
content:"";
height:1px;
background:#dadbdf;
position:absolute;
top:50%;
left:0px;
right:0px;
}

.section-products .item .field .line span:first-child {
font-size: 14px;
line-height: 16px;
letter-spacing: 0.01em;
color: #818895;
display:block;
padding:0 20px 0 0;
background:#fff;
z-index:9;
position:relative;
}

.section-products .item .field .line span:last-child {
font-size: 14px;
line-height: 16px;
text-align: right;
letter-spacing: 0.01em;
color: #000000;
display:block;
padding:0 0 0 20px;
background:#fff;
position:relative;
z-index:9;
}

.section-products .item .bottom {
margin:27px 0 0 0;
}

.section-products .item .price {
flex:1;
padding:0 10px 0 0;
}

.section-products .item .price .old {
font-size: 13px;
line-height: 15px;
letter-spacing: 0.04em;
text-decoration-line: line-through;
color: #FFAF1E;
margin:0 0 1px 0;
display:block;
}

.section-products .item .price .new {
font-weight: 500;
font-size: 24px;
line-height: 28px;
letter-spacing: 0.01em;
display:block;
color: #000000;
}

.section-products .item .bottom {
display:flex;
align-items:center;
}

.section-products .item button {
margin:0px;
padding:0px;
cursor:pointer;
background: #1539BB;
box-shadow: 2px 2px 9px rgba(21, 57, 187, .18);
border-radius: 100px;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
padding:10px 29px;
border:0px;
transition:.3s ease;
}
.section-products .item button:hover{
    background:#fff;
    color:#1539BB;
}

.section-products .slick-slide {
margin:0 15px;
}

.section-2 .head .navi .slick-arrow {
margin:0px;
padding:0px;
cursor:pointer;
border:0px;
width:31px;
height:31px;
font-size:0px;
line-height:0px;
}

.section-2 .head .navi .slick-prev {
background:url(../images/arrow-l.svg) no-repeat;
}

.section-2 .head .navi .slick-next {
background:url(../images/arrow-r.svg) no-repeat;
}

.section-3 {
height:206px;
background: #1539BB;
display:flex;
align-items:center;
width:100%;
margin:0 0 67px 0;
}

.section-3 .site-width {
display:flex;
align-items:center;
justify-content: space-between;
}

.section-3 .title {
font-weight: 500;
font-size: 35px;
line-height: 41px;
color: #FFFFFF;
}

.section-3 .title span {
display:block;
color: #FFAF1E;
}

.section-3 .btn {
text-decoration:none;
font-size: 16px;
line-height: 19px;
color: #000000;
background: #FFAF1E;
border-radius: 100px;
display:table;
padding:15px 59px;
text-align:center;
}

.section-3 .img {
position:relative;
text-align:center;
flex:1;
}

.section-3 .img:before {
content:"";
background:url(../images/section3-bg.png) no-repeat center center;
width:100%;
height:218px;
z-index:9;
position:absolute;
top:-30px;
left:0px;
background-size: contain;
}

.section-3 .img img {
position:relative;
z-index:999;
}

.title-section {
font-weight: 500;
font-size: 35px;
line-height: 41px;
color: #000000;
}



.section-4 .site-width {
display:flex;
justify-content: space-between;
align-items:flex-start;
}

.section-4 .col-left {
width:55%;
}

.section-4 .col-right {
width:40%;
border-radius: 10px;
border:1px #dadbdf solid;
padding:30px 40px;
}

.section-4 .col-right .title {
font-weight: 500;
font-size: 25px;
line-height: 29px;
color: #000000;
margin:0 0 32px 0;
}

.section-4 .col-right .li {
margin:0 0 29px 0;
}

.section-4 .col-right .li .date {
display:block;
font-size: 12px;
line-height: 14px;
color: #FFAF1E;
margin:0 0 4px 0;
}

.section-4 .col-right .li a {
text-decoration:none;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.03em;
color: #000000;
border-bottom:1px #dadbdf solid;
}

.section-4 .col-right .all {
text-decoration:none;
border-bottom:1px #dadbdf solid;
font-size: 15px;
line-height: 30px;
color: #000000;
}

.section-4 .title-section {
margin:0 0 31px 0;
}

.section-4 .col-left p {
font-size: 15px;
line-height: 27px;
color: #818895;
margin:0 0 25px 0;
}

.section-4 .col-left p:last-child {
margin:0px;
}

.section-4 .col-left b {
font-weight: 500;
color: #000000;
}

.footer {
/* margin:88px 0 0 0; */
background: #121B3C;
padding:65px 0 0 0;
}

.footer .head {
display:flex;
justify-content: space-between;
padding:0 0 60px 0;
}

.footer .head .col-left {
padding:0 15px 0 0;
}

.footer .logo {
text-decoration:none;
display:block;
width:169px;
height:70px;
background:url(../images/aks-logo-dark.svg) no-repeat;
background-size:contain;
margin:0 0 43px 0;
}

.footer .city-social {
display:flex;
align-items:center;
}

.footer .city {
display:flex;
font-size: 14px;
line-height: 16px;
color: #FFFFFF;
flex:1;
padding:0 10px 0 0;
}

.footer .city span {
border-bottom:1px #595f75 solid;
}

.footer .city:before {
content:"";
width:9px;
height:12px;
background:url(../images/geo-footer.svg) no-repeat;
margin:0 9px 0 0;
}

.footer .city-social .soc {
display:flex;
}

.footer .in {
text-decoration:none;
width:16px;
height:16px;
background:url(../images/in.svg) no-repeat;
}

.footer .vk {
text-decoration:none;
width:16px;
height:16px;
background:url(../images/vk.svg) no-repeat;
margin:0 0 0 15px;
}

.footer ul {
list-style:none;
margin:0px;
padding:0px 10px;
}

.footer ul li {
margin:0 0 26px 0;
}

.footer ul li:last-child {
margin:0px;
}

.footer ul li a {
text-decoration:none;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.01em;
color: #FFFFFF;
border-bottom:1px #595f75 solid;
}

.footer .head .col-right {
padding:0 0 0 15px;
}

.footer .head .col-right .phone {
font-weight: 500;
font-size: 21px;
line-height: 25px;
letter-spacing: 0.035em;
color: #FFFFFF;
display:flex;
align-items:center;
}
.footer .head .col-right .phone a{
  font-weight: 500;
  font-size: 21px;
  line-height: 25px;
  letter-spacing: 0.035em;
  color: #FFFFFF;
  display:flex;
  align-items:center;
  text-decoration: none;
  }

.footer .head .col-right .phone:before {
content:"";
width:34px;
height:34px;
background:url(../images/phone-footer.svg) no-repeat;
margin:0 10px 0 0;
}

.footer .head .col-right .btn {
font-size: 14px;
line-height: 16px;
border-bottom:1px #8692BB solid;
color: #8692BB;
display: table;
margin: 0 auto;
margin-top: 5px;
cursor:pointer;
}

.footer .head .col-right .messenger-ico {
  top: -1px;
}

.footer .mail {
margin:46px 0 0 auto;
font-size: 14px;
line-height: 16px;
color: #FFAF1E;
display:flex;
align-items:center;
justify-content: flex-end;
}

.footer .mail:before {
content:"";
width:13px;
height:10px;
background:url(../images/mail-footer.svg) no-repeat;
margin:0 10px 0 0;
}

.footer .bottom {
align-items:center;
display:flex;
justify-content: space-between;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.01em;
color: #FFFFFF;
opacity: 0.5;
padding:15px 0;
border-top:2px #313954 solid;
}

.speedbar {
font-size: 14px;
line-height: 16px;
color: #000000;
margin:0 0 20px 0;
}

.speedbar a {
color: #818895;
text-decoration:none;
margin:0 40px 0 0;
position:relative;
}

.speedbar a:before {
content:"";
display:block;
width:22px;
height:1px;
background: #D9DBDF;
position:absolute;
top:48%;
right:-31px;
}

.wrapper .title-section {
margin:0 0 44px 0;
}

.flex-sidebar {
display:flex;
align-items:flex-start;
}

.flex-sidebar .sidebar {
width:300px;
background: #f6f7fc;
border-radius: 10px;
padding:30px 30px 5px 30px;
}

.flex-sidebar .container {
flex:1;
padding:0 0 0 30px;
max-width: 1000px;
}

.flex-sidebar .sidebar .apply-filter {
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  text-align:center;
  border: 2px solid #1539BB;
  background-color: #1539BB;
  box-sizing: border-box;
  border-radius: 100px;
  padding:5px;
  cursor:pointer;
  display:flex;
  width:100%;
  align-items:center;
  justify-content: center;
  margin:0 0 7px 0;
  }

.flex-sidebar .sidebar .clear-filter {
font-size: 16px;
line-height: 19px;
color: #000000;
text-align:center;
border: 2px solid #1539BB;
box-sizing: border-box;
border-radius: 100px;
padding:5px;
cursor:pointer;
display:flex;
width:100%;
align-items:center;
justify-content: center;
margin:0 0 7px 0;
}

.flex-sidebar .sidebar .clear-filter:after {
content:"";
width:16px;
height:16px;
background:url(../images/close.svg) no-repeat;
margin:0 0 0 5px;
}

.flex-sidebar .sidebar .item {
padding:25px 0;
border-bottom:1px #dadbdf solid;
}

.flex-sidebar .sidebar .item:last-child {
border-bottom:0px;
}

.flex-sidebar .sidebar .name-filter {
font-weight: 500;
font-size: 18px;
color: #17181A;
cursor:pointer;
padding:0px 25px 0px 0;
background:url(../images/plus.svg) no-repeat right 0px top 4px;
}

.flex-sidebar .sidebar .name-filter.active {
background:url(../images/minus.svg) no-repeat right 0px top 10px;
}


.flex-sidebar .sidebar .checkbox input {
z-index:-1;
opacity:0;
display:none;
}

.flex-sidebar .sidebar .checkbox .name {
font-size: 14px;
letter-spacing: 0.01em;
color: #000000;
display:flex;
align-items:center;
cursor:pointer;
margin:0 0 10px 0;
}

.flex-sidebar .sidebar .checkbox:last-child .name {
margin:0px;
}

.flex-sidebar .sidebar .checkbox .name:before {
content:"";
width:20px;
height:20px;
background:url(../images/select.svg) no-repeat;
margin:0 15px 0 0;
}

.flex-sidebar .sidebar .visible {
margin:25px 0 0 0;
display:none;
}

.flex-sidebar .sidebar .checkbox input:checked + .name:before {
background:url(../images/select-active.svg) no-repeat;
}

.flex-sidebar .sidebar .ui-widget-header {
background: #1539BB;
box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.02);
}

.flex-sidebar .sidebar .ui-widget.ui-widget-content {
border: 0px solid #c5c5c5 !important;
}

.flex-sidebar .sidebar .filter__block {
padding:10px 0 0 0;
}

.flex-sidebar .sidebar .ui-slider-horizontal {
height:6px !important;
}

.flex-sidebar .sidebar .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
width:12px !important;
height:21px !important;
background:url(../images/beg.svg) no-repeat !important;
border:0px !important;
}

.flex-sidebar .sidebar .ui-slider-horizontal .ui-slider-handle {
top: -20px !important;
margin-left:0 !important;
}

.flex-sidebar .sidebar .ui-slider-horizontal .ui-slider-handle:last-child {
margin-left: -.6em !important;
}

.flex-sidebar .sidebar .filter__cost {
display:flex;
align-items:center;
margin:15px 0;
justify-content: space-between;
font-size: 18px;
line-height: 60px;
color: #000000;
}

.flex-sidebar .sidebar .filter__cost input {
width:96px;
background:none;
border: 1px solid #dadbdf;
box-sizing: border-box;
border-radius: 10px;
height:40px;
font-size: 16px;
line-height: 60px;
color: #000000;
text-align:center;
padding:0 10px;
}

.container .search-sort {
display:flex;
margin:0 0 31px 0;
}

.container .search-sort .search {
position:relative;
flex:1;
}

.container .search-sort .search input {
height:50px;
background:#fff;
width:100%;
border-radius: 10px;
border:1px #dadbdf solid;
padding:0 30px 0 20px;
font-size: 15px;
line-height: 18px;
color: #818895;
}

.container .search-sort .search button {
margin:0px;
padding:0px;
cursor:pointer;
background:url(../images/search.svg) no-repeat;
width:12px;
height:12px;
position:absolute;
top:19px;
right:19px;
border:0px;
}

.container .search-sort .quantity {
margin:0 0 0 10px;
width:205px;
position:relative;
}

.container .search-sort .quantity .select {
display:flex;
align-items:center;
font-size: 15px;
line-height: 18px;
color: #000000;
height:50px;
border-radius: 10px;
border:1px #dadbdf solid;
padding:0 20px;
cursor:pointer;
}

.container .search-sort .quantity .select:after {
content:"";
width:10px;
height:6px;
background:url(../images/select-arrow.svg) no-repeat;
margin:0 0 0 12px;
}

.container .search-sort .quantity .block {
background:#fff;
position:absolute;
top:calc(100% + 5px);
right:0px;
z-index:999999;
border-radius: 10px;
border:1px #dadbdf solid;
width:100%;
overflow:hidden;
display:none;
}

.container .search-sort .quantity .block span {
display:block;
padding:15px;
cursor:pointer;
}

.container .search-sort .quantity .block span:hover {
background: #f6f7fc;
}

.pagination {
display:flex;
align-items:center;
justify-content:center;
flex-wrap: wrap;
margin:17px 0 60px 0;
}

.pagination span {
width:50px;
height:50px;
font-weight: 500;
font-size: 18px;
line-height: 20px;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #FFFFFF;
display:flex;
align-items:center;
justify-content:center;
margin:0 18px;
background: #1539BB;
border-radius: 10px;
}

.pagination a {
text-decoration:none;
font-size: 18px;
line-height: 20px;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #000000;
margin:0 28px;
}

.page-product {
padding:17px 0 51px 0;
}

.page-product .head {
display:flex;
align-items:flex-start;
justify-content: space-between;
margin:0 0 41px 0;
}

.page-product .head .col-left {
width:49%;
}

.page-product .head .col-right {
width:40%;
}

.page-product .head .big-images {
border: 1px solid #D9DBDF;
box-sizing: border-box;
border-radius: 10px;
padding:20px;
height:540px;
display:flex;
align-items:center;
justify-content:center;
margin:0 0 30px 0;
}
.page-product .head .big-images img {max-width: 50%;}
.page-product .head .small-images {
display:flex;
}

.page-product .head .small-images span {
display:flex;
align-items:center;
justify-content:center;
margin:0 5% 0 0;
width:16%;
padding:10px;
border: 1px solid #D9DBDF;
box-sizing: border-box;
border-radius: 10px;
cursor:pointer;
}

.page-product .head .small-images span:last-child {
margin:0px;
}

.page-product .head .small-images span.active, .page-product .head .small-images span:hover {
border:1px solid #FFAF1E;
}

.page-product .head .title {
font-weight: 500;
font-size: 35px;
line-height: 41px;
color: #000000;
margin:0 0 30px 0;
}

.page-product .head .price {
display:flex;
margin:0 0 21px 0;
}

.page-product .head .price .one {
font-size: 16px;
line-height: 19px;
letter-spacing: 0.04em;
color: #FFAF1E;
margin:0 35px 0 0;
}

.page-product .head .price .two {
font-size: 16px;
line-height: 19px;
letter-spacing: 0.04em;
color: #818895;
}



.page-product .head .price span {
display:block;
margin:4px 0 0 0;
font-weight: 500;
font-size: 35px;
line-height: 41px;
}

.page-product .head .quantity-order {
display:flex;
align-items:center;
}

.page-product .head .quantity-order .input {
border: 2px solid #ECECEC;
box-sizing: border-box;
border-radius: 100px;
padding:0 30px;
height:50px;
display:flex;
align-items:center;
width:190px;
margin:0 30px 0 0;
}

.page-product .head .quantity-order .input input {
flex:1;
margin:0 30px;
width:100%;
text-align:center;
font-weight: 500;
font-size: 20px;
line-height: 28px;
letter-spacing: 0.01em;
color: #000000;
border:0px;
}

.page-product .head .quantity-order .input span {
cursor:pointer;
width:16px;
height:16px;
}

.page-product .head .quantity-order .input .plus {
background:url(../images/quantity-plus.svg) no-repeat center center;
}

.page-product .head .quantity-order .input .minus {
background:url(../images/quantity-min.svg) no-repeat center center;
}

.page-product .head .quantity-order button {
background: #1539BB;
box-shadow: 0px 20px 40px rgba(21, 57, 187, 0.18);
border-radius: 100px;
width:190px;
height:50px;
text-align:center;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
margin:0px;
padding:0px;
cursor:pointer;
border:0px;
}

.page-product .advantages {
margin:26px 0;
}

.page-product .advantages .it {
font-size: 14px;
line-height: 26px;
color: #818895;
}



.page-product .field .it {
display:flex;
align-items:center;
padding:11px 20px;
background:#f6f7fc;
}

.page-product .field .it span:first-child {
font-size: 16px;
line-height: 26px;
color: #818895;
width:50%;
}

.page-product .field .it span:last-child {
font-size: 16px;
line-height: 26px;
text-align: right;
letter-spacing: 0.01em;
color: #101623;
width:50%;
}

.page-product .field .it:nth-child(2n) {
background:#fff;
}

.page-product .tabs__content {
display: none;
padding:40px 0 0 0;
font-size: 16px;
line-height: 28px;
color: #818895;
}

.page-product .tabs__content.active {
display: block;
}

.page-product .tabs__caption {
list-style:none;
margin:0px;
border-bottom:1px #D9DBDF solid;
padding:0 0 0px 0;
display:flex;
}

.page-product .tabs__caption li {
font-weight: 500;
font-size: 22px;
line-height: 45px;
color: #818895;
margin:0 39px 0 0;
cursor:pointer;
}

.page-product .tabs__caption li.active {
color: #000000;
border-bottom:2px #FFAF1E solid;
}

.popup-block {
display:none;
}

.popup-block .popup-bg {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.6);
z-index: 99999999999999;
overflow: auto;
width:100%;
height:100%;
}

.popup-block .block {
width:100%;
max-width:740px;
position:fixed;
top:50%;
left:50%;
z-index:99999999999;
transform: translate(-50%, -50%);
padding:50px 60px;
background: #FFFFFF;
box-shadow: 0px 10px 100px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}

.popup-block .block .close {width:21px;height:21px;background:url(../images/popup-close.svg) no-repeat;position:absolute;top: 45px;right: 45px;cursor:pointer;}

.popup-block .block .title {
font-weight: 500;
font-size: 35px;
line-height: 45px;
text-align: center;
color: #17181A;
margin:0 0 39px 0;
}

.popup-block .block .form form {
display:flex;
flex-wrap:wrap;
width:100%;
justify-content: center;
}

.popup-block .block .form .item {
margin:0 3% 20px 0;
width:48.5%;
}


.popup-block .block .form .item:nth-child(2n) {
margin:0 0 20px 0;
}
.popup-block .block .form .item--wide {
  width:70%;
  margin:0 0 20px 0;
}

.popup-block .block .form .item input {
width:100%;
border-radius: 10px;
height:50px;
padding:0 20px;
border:1px #dadbdf solid;
font-size: 15px;
line-height: 18px;
color: #818895;
}
.popup-block .block .form p {
	width:70%;
	display: flex;
	justify-content: center;
}
.popup-block .block .form input[type="submit"] {
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
width:100%;
max-width:300px;
height:50px;
background: #1539BB;
box-shadow: 0px 20px 40px rgba(21, 57, 187, 0.18);
border-radius: 100px;
border:0px;
margin:20px auto 0 auto;
padding:0px;
cursor:pointer;
}

.popup-block .block .form .item .i {
width:47%;
display:inline-block;
margin:0 4% 0 0;
font-size:0px;
line-height:0px;
}

.popup-block .block .form .item .i:last-child {
margin:0px;
}
.popup-block .form__result {
  width: 100%;
  color: #8a0000;
  padding-bottom: 15px;
}

.mobile-header {
display:none;
}

.mobile-phone {
display:none;
}

.block-mobile-1, .block-mobile-2 {
display:none;
}

.mobile-all-product {
display:none;
}

.mobile-menu-block {
display:none;
}

.mobile-filter {
display:none;
}

.special-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.special-item span{
    font-size: 12px;
    line-height: 14px;
    color: #FFAF1E;
    margin: 0 0 4px 0;
}
.special-item a{
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #000000;
}
.callback{
  display:none;
}



@media screen and (max-width:1300px) {

.header .city {
margin:0 30px;
}

.header .btn-fast {
margin:0 0 0 30px;
padding:15px 25px;
}

.topmenu li a {
font-size:16px;
}

.section-products .item {
padding:15px;

}

.flex-sidebar .sidebar {
width:250px;
padding:20px;
}

.flex-sidebar .sidebar .name-filter {
font-size:18px;
}

}


@media screen and (max-width:1170px) {

.topmenu li {
text-align:center;
}

.header .logo a {
width:111px;
height:46px;
background-size:contain !important;
}

.section-products .slick-slide {
margin:0 5px;
}

.section-products .item .price .new {
font-size:21px;
}

}


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

.section-products.noslider .item {
width:100% !important;
}

.mobile-header {
display:flex;
align-items:center;
padding:20px;
background: #1539BB;
}

.mobile-header .logo {
flex:1;
}

.mobile-header .logo a {
text-decoration:none;
width:82px;
height:34px;
background:url(../images/aks-logo-white.svg) no-repeat;
background-size:contain;
display:block;
}

.mobile-header .phone {
text-decoration:none;
width:17px;
height:17px;
margin:0 23px;
background:url(../images/mobile-phone.svg) no-repeat;
flex-shrink:0;
}

.mobile-header .mobile-menu {
width:19px;
height:17px;
cursor:pointer;
flex-shrink:0;
background:url(../images/mobile-menu.svg) no-repeat;
}

.mobile-header .mobile-menu.close {
background:url(../images/close-mobile-menu.svg) no-repeat;
background-size:100% 100% !important;
}

.header {
display:none;
}

.topmenu {
display:none;
}

.site-width {
width:100%;
padding:0 10px;
}

.section-1 .site-width {
flex-direction: column-reverse;
}

.section-1 .col-left {
width:100%;
padding:20px;
}

.section-1 .col-right {
width:auto;
text-align:center;
margin:0 -10px 30px -10px;
}

.title-section, .section-1 .col-left .title {
font-weight: 500;
font-size: 20px;
line-height: 23px;
color: #000000;
}

.section-1 .col-left .brands .item {
width:50%;
}

.section-2 .head .all {
display:none;
}

.section-2 .head .title-section {
font-size: 28px;
line-height: 33px;
}

.section-2 .head .navi {
padding:25px 0 0 10px;
position:relative;
width:85px;
}

.section-2 .head .navi:before {
display:none;
}

.section-2 .head .counter {
position:absolute;
top:0px;
right:0px;
}

.section-3 {
height:auto;
padding:30px;
background:#1539BB url(../images/section3-bg.png) no-repeat center center;
}

.section-3 .site-width {
display:block;
text-align:center;
}

.section-3 .title {
font-size: 28px;
line-height: 30px;
}

.section-3 .btn {
margin:0 auto;
}

.section-3 .img:before {
display:none;
}

.section-3 .img {
margin:15px 0;
}

.section-3 .title span {
font-size: 18px;
line-height: 33px;
}

.section-4 .site-width {
display:block;
}

.section-4 .col-left {
width:100%;
}

.section-4 .col-right {
width:100%;
padding:20px;
margin:48px 0 0 0;
}

.section-4 .col-right .title {
font-size: 20px;
line-height: 23px;
}

.section-4 .title-section {
font-size: 28px;
line-height: 33px;
}

.footer {
padding:30px 0 0 0;
}

.footer .head {
display:block;
padding:0 0 40px 0;
}

.footer .head .col-left {
padding:0px;
text-align:center;
}

.footer .logo {
width:121px;
height:50px;
background:url(../images/aks-logo-dark.svg) no-repeat;
background-size:contain;
margin:0 0 34px 0;
}

.footer .head .col-right {/* display:none; */padding: 15px 0px 15px 0px;}

.footer .city-social {
display:none;
}

.footer ul {
display:inline-block;
margin:0 0px 0 0;
padding:0px;
}

.footer ul:nth-child(2) {
margin:0 60px 0 0;
}

.footer ul li {
margin:0 0 16px 0;
}

.footer .bottom {
font-size:11px;
padding:9px 0;
}

.mobile-phone {
display:block;
width:18px;
height:18px;
background:url(../images/mobile-phone-footer.svg) no-repeat;
position:absolute;
top:0px;
right:20px;
}

.block-mobile-1, .block-mobile-2 {
margin:0 0 19px 0;
display:flex;
justify-content: space-between;
}

.block-mobile-1 {
margin:35px 0 19px 0;
}

.footer .mail {
margin:0px;
}

.mobile-all-product {
display:table;
margin:13px auto 0 auto;
font-size: 15px;
line-height: 30px;
color: #000000;
text-decoration: none;
border-bottom: 1px #dadbdf solid;
line-height: 24px;
}

.mobile-menu-block {
display:none;
background: #1539BB;
padding:20px 20px 34px 20px;
}

.mobile-menu-block ul {
margin:0px 0 37px 0;
padding:0px;
list-style:none;
}

.mobile-menu-block ul li {
padding:15px 0;
border-bottom:1px #112F9B solid;
}

.mobile-menu-block ul li a {
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
text-decoration:none;
}

.mobile-menu-block .city {
display:flex;
font-size: 14px;
line-height: 16px;
color: #FFFFFF;
flex:1;
padding:0 10px 0 0;
}

.mobile-menu-block .city span {
border-bottom:1px #595f75 solid;
}

.mobile-menu-block .city:before {
content:"";
width:9px;
height:12px;
background:url(../images/geo-footer.svg) no-repeat;
margin:0 9px 0 0;
}

.mobile-menu-block .mail {
font-size: 14px;
line-height: 16px;
color: #FFAF1E;
display:flex;
align-items:center;
margin:19px 0 0 0;
}

.mobile-menu-block .mail:before {
content:"";
width:13px;
height:10px;
background:url(../images/mail-footer.svg) no-repeat;
margin:0 10px 0 0;
}

.wrapper {
margin:27px 0 0 0;
}

.wrapper .title-section {
font-weight: 500;
font-size: 28px;
line-height: 33px;
color: #000000;
}

.flex-sidebar {
display:block;
}

.flex-sidebar .sidebar {
width:100%;
margin:0 0 20px 0;
display:none;
}
.filter-banner {display: block!important;}
.flex-sidebar .container {
padding:0px;
}

.section-products.three .item, .section-products.three .item:nth-child(3n) {
width:100%;
margin:0 0 10px 0;
}

.mobile-filter {
display:flex;
align-items:center;
width:100%;
justify-content: space-between;
font-weight: 500;
font-size: 20px;
line-height: 23px;
text-align: center;
color: #000000;
border-radius: 10px;
background:#f6f7fc;
height:50px;
padding:0 20px;
cursor:pointer;
margin:0 0 20px 0;
}

.section-products .item {
  width: 100% !important;
  }


.mobile-filter:after {
content:"";
background:url(../images/mobile-filter.svg) no-repeat;
width:19px;
height:17px;
}

/* .container .sort-by-price, .quantity {
display:none;
} */
	
.flex-sidebar .sidebar .name-filter {
font-size:16px;
}

.flex-sidebar .sidebar .item {
padding:15px 0;
}

.section-products.three .item {
display:flex;
align-items:flex-start;
}

.section-products.three .item .mobile-bl {
flex:1;
}

.section-products.three .item .images {
width:80px;
margin:0 15px 0 0;
height:auto;
}

.section-products.three .item .name {
font-size: 14px;
line-height: 20px;
}

.section-products.three .item .field .line span:first-child, .section-products.three .item .field .line span:last-child {
font-size: 10px;
line-height: 12px;
}

.section-products.three .item button {
font-size: 11px;
line-height: 13px;
padding: 10px 16px;
}

.pagination a {
margin:0 17px;
font-size: 16px;
line-height: 20px;
}

.pagination span {
width:35px;
height:35px;
margin:0 17px;
font-size: 16px;
line-height: 20px;
}

.page-product .head {
display:block;
}

.page-product .head .col-left {
width:100%;
}

.page-product .head .big-images {
height:auto;
margin:0 0 10px 0;
}

.page-product .head .small-images span {
padding:5px;
}

.title-mobile .title {
font-weight: 500;
font-size: 28px;
line-height: 33px;
color: #000000;
margin:0 0 27px 0;
}

.page-product .head .col-right {
width:100%;
margin:27px 0 0 0;
}

.page-product .head .price span {
font-size: 30px;
line-height: 35px;
}

.page-product .head .quantity-order .input {
padding:0 15px;
}

.page-product .head .quantity-order .input input {
margin:0 10px;
}

.page-product .advantages .it {
font-size: 10px;
line-height: 26px;
}

.page-product .field .it {
padding:5px 10px;
}

.page-product .field .it span:first-child, .page-product .field .it span:last-child {
font-size: 12px;
line-height: 26px;
}

.page-product .tabs__caption li {
margin:0 19px 0 0;
font-size: 17px;
line-height: 45px;
}

.page-product .tabs__content {
padding:23px 0 0 0;
font-size: 14px;
line-height: 22px;
}

.popup-block .block .form .item {
  width: 100%;
}

}

.contact-section {
  display: flex;
}

.flex-sidebar.contact-flex .container {
  max-width: 100%;
}

.contact-section-line {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #818895;
  margin-bottom: 11px;
  margin-top: 34px;
  padding-left: 20px;
  position: relative;
}

.contact-section-line:after {
  position: absolute;
  content: '';
}

.contact-section-line.address:after {
  width: 9px;
  height: 12px;
  left: 0;
  top: 1px;
  background: url(../images/map-ico.svg) no-repeat;
}

.contact-section-line.phone:after {
  width: 10px;
  height: 10px;
  left: 0;
  top: 3px;
  background: url(../images/phone-ico.svg) no-repeat;
}

.contact-section-line.email:after {
  width: 13px;
  height: 10px;
  left: 0;
  top: 3px;
  background: url(../images/mail-ico.svg) no-repeat;
}

.contact-section-line.watch:after {
  width: 12px;
  height: 12px;
  left: 0;
  top: 2px;
  background: url(../images/watch-ico.svg) no-repeat;
}

.messenger-ico {
  width: 28px;
  height: 28px;
  position: relative;
  display: inline-block;
  top: 8px;
  margin-left: 6px;
}

.messenger-ico:first-of-type {
   margin-left: 17px;
}

.messenger-ico.viber {
  background: url("../images/viber-ico.svg");
}

.messenger-ico.whatsapp {
  background: url("../images/whatsapp-ico.svg");
}

.contact-section-line:first-of-type {
  margin-top: 11px;
}

.contact-section-body {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  margin-bottom: 11px;
  position: relative;
}

.flex-sidebar .container.conctacts {
  max-width: 100%;
}

.contact-section-right {
  width: 69%;
}

.contact-section-left {
  width: 30%;
}

.popup-block .block .form .item input[type="checkbox"] {
  width: 13px;
  height: 13px;
}

.section-products.three.brands {
  align-items: center;
  justify-content: center;
  gap:1em;

}
.section-products.three.brands a{transition: .3s ease;}
.section-products.three.brands a:hover{
  transform:scale(1.04);
  
}

.btn-analog {
  background-color:#ffaf1e;
  box-shadow: 0px 20px 40px rgba(21, 57, 187, .18);
  border-radius: 100px;
  padding: 10px 29px;
  text-decoration: none;
  width: 190px;
  height: 50px;
  font-size: 16px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  transition: .3s ease;
}
.btn-analog:hover{
  background:#1539bb;
  color:#fff;
}
@media screen and (max-width: 767px) {
  .contact-section {
    display: block;
  }
  .contact-section-right,
  .contact-section-left {
    width: 100%;
  }
.callback{
  display:block;
  background: #ffdd00;
  text-align: center;
  padding: 5px;
  color: #000000;
  font-weight: 600;
  font-size: 18px;
}


  
}

/* Style the tab */
.tab {
  overflow: hidden;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: #fff;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  border-radius: 10px 10px 0 0;
  position: relative;
  z-index: 99;
}

.col-left .top-block-tab {
  margin-bottom: 25px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #1539BB;
  color: #fff;
}

.tab button.active:hover {
  color: #000;
}

.container .search-sort {
  align-items: center;
}

.top-block-tab {
  width: 100%;
}

/* Create an active/current tablink class */
.tab button.active {
  border-bottom: none;
  background: #f6f7fc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

.top-block-tabs {
  width: 100%;
  position: relative;
  top: -1px;
  background: #f6f7fc;
  border-radius: 0 10px 10px 10px;
}

#true_loadmore{
  background-color: #ddd; 
  border-radius: 2px; 
  display: block; 
  text-align: center; 
  font-size: 14px; font-size: 0.875rem; 
  font-weight: 800; 
  letter-spacing: 1px; 
  cursor: pointer; 
  text-transform: uppercase;
  padding: 10px 0; 
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
#true_loadmore:hover{
  background-color: #767676;
  color: #fff;
}

.text h2{
    padding:15px 0px 0px 0px;
    color:#290288
   
}
.text a{
    color:#673AB7
}
/* new  19.05.2023*/
.big-images{
  position: relative;
}
.label-status{
  position:absolute;
  top:15px;
  right:20px;
  z-index:100;
  font-size:14px;
}
.label-status_mod-left{
  right:auto;
  left:15px;
}
.label-status_mod-bottom{
  top:auto;
  bottom:1px;
}
.label-status:before{
  left:-10px;
  width:5px;
  height:5px;
  content:"";
  border-radius: 50%;
  background:black;
  position: absolute;
  top:50%;
  margin-top:-2.5px;
}
.label-status.label-status_mod-green{
  color:#69be15;
}
.label-status.label-status_mod-green:before{
  background:#69be15;
}
.label-status.label-status_mod-red{
  color:red;
}
.label-status.label-status_mod-red:before{
  background:red;
}
.p-relative{
  position:relative;
}
@media(max-width:991px){
  .images.p-relative{
    position:static;
  }
  .item{
    position:relative;
  }
  .label-status_mod-bottom{
    bottom: 10px;
  }
  .label-status_mod-left{
    left: 20px;
  }
}

.container h3{
  padding: 10px 0px 0px 0px
}
div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-spam-blocked {
	padding: 15px;
	border-radius: 10px;	
}
span.wpcf7-not-valid-tip {
	font-size: 12px;
	padding-top: 5px;
}

.grecaptcha-badge {
  visibility: hidden;
}

@media only screen and (max-width: 967px ) {
.search-sort {
flex-direction: column;		
	}
.quantity {
		display:none;
	}
}
.head_warning-text {
    background: #efefef;
    font-size: 1.3rem;
    padding: .5em 0;
    text-align: center;
    margin-bottom: 1em;
    color: red;
    font-weight: 400;
    font-family: 'Oswald';
}