
  :root { font-family: Inter, sans-serif; }
  @supports (font-variation-settings: normal) {
    :root { font-family: InterVariable, sans-serif; }
  }

@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../font/InterVariable.woff2?v=4.0') format('woff2-variations'),
       url('../font/InterVariable.woff2?v=4.0') format('woff2');
}

:root {
    --max-width: 1400px;
    --color-dark: #000C18;
    --border-radius: 12px;
    --border-radius2: 8px;
    --text-muted: #7A848D;  
    --text-gray:#4E5D69;
    --color-gray-colored: #E0E6EF;
    --color-gray-colored-20: #f7f9fb;
    --color-red:#C70035;
}

html, body {
    font-family: InterVariable, sans-serif; 
    font-style:normal;
    font-weight:400;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: var(--max-width);
    }
}

/* reset styles */
.btn, .dropdown, input, textarea, button, select, a {
    -webkit-tap-highlight-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

input, select, textarea {
    box-shadow: none !important;
    outline: none !important;
}

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

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

a{
    color:var(--color-dark);
}
a:hover {
    text-decoration: none;
    color:var(--primary);
}
a.link-primary{
    color:var(--primary);
}

h4, h5, h6, .h4, .h5, .h6 {
    font-weight: 500;
    font-variation-settings: "wght" 500;
}

h4, h5, h6, .h4, .h5, .h6 {
    line-height: 1.3;
}
h6, .h6{
    line-height:1.2;
}

h2{    
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size:44px;
    line-height:44px; 
}

h1,
h3, .h3{
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size:36px;
    line-height:36px;
}

.content_item h3{
    font-size:28px;
    line-height:110%;
}

.font500{
    font-weight: 500;
    font-variation-settings: "wght" 500;
}
.text-bold{
    font-weight: 600;
    font-variation-settings: "wght" 600;
}

.btn, .card, .form-control {
}
.btn.btn-light{
    background:#EBF5FF;
    color:var(--primary);
}

.text-muted, .form-control::placeholder {
    color: var(--text-muted) !important;
}
.text-muted-white{
    color:#fff;
    opacity:0.8;
}
.card:not(.border-0){
    border:1px solid var(--color-gray-colored);
}


#layout > .main_blocks{
  flex:1;
}

.text-muted{
    color:#888 !important;
}

/* modal */
.theme_modal .form-control,
#icms_modal .form-control{
    height:44px;
    font-size:16px;
    border-radius:var(--border-radius2);
     font-weight: 500;
    font-variation-settings: "wght" 500;
}
.theme_modal .button-submit,
#icms_modal .button-submit {
    width: 100%;
    height: 48px;
    font-size: 15px;
    text-align: center;
    align-items: center;
    justify-content: center;
}
#icms_modal .modal-dialog{
    max-width:350px;
}
.theme_modal .modal-content,
#icms_modal .modal-content{
    background:#fff;
    border-radius:var(--border-radius);
    overflow:hidden;
}
.theme_modal .modal-header,
#icms_modal .modal-header{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    line-height:0 !important;
}
.theme_modal .modal-header .modal-close,
#icms_modal .modal-header .modal-close{
    position:absolute;
    top:0px;
    right:0;
    z-index:4;
    color:var(--color-dark) !important;
    opacity:0.5;
    height:50px;
    width:50px;
}
.theme_modal .modal-header .modal-close svg,
#icms_modal .modal-header .modal-close svg{
    width:14px;
}
.theme_modal .modal-title,
#icms_modal .modal-title{
    color:var(--color-dark) !important
}
.theme_modal .modal-body h1,
#icms_modal .modal-body h1{
    font-size:13px !important;
    margin:0;
    padding:0;
    margin-top:-5px
}
#icms_modal .modal-body .field{
    margin-bottom:5px;
}
#icms_modal .modal-body fieldset{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
}
.theme_modal .text-gray2,
#icms_modal .text-gray2{
    color:var(--text-gray);
    font-size:20px !important;
}
.theme_modal.description,
#icms_modal .description{
    margin-bottom:15px;
}
.theme_modal .modal-body .buttons,
#icms_modal .modal-body .buttons{
    margin-top:10px;
}
#forms_form_1 label,
#forms_form_2 label{
    display:none
}

.theme_modal .card-body{
    padding-top:25px !important;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:30px !important;
}
.theme_modal .modal-footer{
    padding:0;
    margin-top:25px;
}
.theme_modal .modal-footer .btn{
    margin:0;   
    height:50px;
}

#cartOrderModal h1{
    
}
#cartOrderModal form .input-group-text{
    border-top-left-radius:var(--border-radius2);
    border-bottom-left-radius:var(--border-radius2);
}
#cartOrderModal form .input-group-text svg{
    width:16px;
}
#cartOrderModal .modal-header .modal-close{
    right:11px;
    top:13px;
}

/* chosen */

.icms-filter-panel .chosen-container-multi .chosen-choices {
    border: 1px solid #cccccc;
    cursor: pointer !important;
    padding: 0 15px;
    overflow: hidden;
    position: relative;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}
.icms-filter-panel .chosen-container-multi .chosen-choices .search-field input[type="text"] {
    width: 100% !important;
    margin: 0;
    padding: 0;;
    color: var(--text-muted);
    font-size:16px;
    outline: 0;
    height: 44px !important;
    display:flex;
    align-items:center;
    line-height:1;
}
.icms-filter-panel .chosen-container-multi .chosen-choices .search-choice {
    background-clip: padding-box;
    position: relative;
    max-width: 320px;
    margin: 0.175rem 0.25rem;
    padding: 0.25rem 1.5rem 0.25rem 0.25rem;
    border: 1px solid #cccccc;
    background-color: #f8f9fa;
    border: var(--border-radius2);
    cursor: default;
    font-size: 14px;
    line-height: 1;
    color: #888888;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.pagination{
    margin-top:50px !important;
}

/* icms-filter-container */

.chosen-container-single .chosen-single div:after {
    background-image: url('data:image/svg+xml,<svg width="15" height="9" viewBox="0 0 15 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.349L7.15 7.499C7.19489 7.54683 7.24911 7.58495 7.30931 7.61101C7.3695 7.63707 7.4344 7.65052 7.5 7.65052C7.5656 7.65052 7.6305 7.63707 7.69069 7.61101C7.75089 7.58495 7.80511 7.54683 7.85 7.499L14 1.349" stroke="%23203728" stroke-width="1.71429" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
    background-size: 16px 16px !important;
    background-position: center center;
    background-repeat: no-repeat;
    position:relative;
    top:8px !important;
}
.chosen-container-single .chosen-single span{
    padding-top: 1px;
    color:var(--color-dark);
    height:44px !important; 
    line-height:40px !important;    
}

.f_laser_machine_type .chosen-single.chosen-default span{
    font-size:0;
}
.f_laser_machine_type .chosen-single.chosen-default span:before{
    font-size:16px;
    content:"Любой тип станка";
}

.f_laser_marker_type .chosen-single.chosen-default span{
    font-size:0;
}
.f_laser_marker_type .chosen-single.chosen-default span:before{
    font-size:16px;
    content:"Любой тип маркера";
}

.f_laser_metalcutter_type .chosen-single.chosen-default span{
    font-size:0;
}
.f_laser_metalcutter_type .chosen-single.chosen-default span:before{
    font-size:16px;
    content:"Любой тип металлорезчика";
}

.chosen-container .chosen-drop {
    border: 1px solid var(--color-gray-colored) !important;
    border-bottom-right-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
}
.chosen-container-single .chosen-single{
    border-radius:var(--border-radius2) !important;
    height:44px !important;    
    font-size:16px;
}
.chosen-results{
    font-size:16px;
}
.chosen-container-active .chosen-single{
    border: 1px solid var(--color-gray-colored) !important;
}
.chosen-container-single .chosen-single abbr {
    display: inline-block;
    position: absolute;
    top: 13px !important;
    right: 40px !important;
    width: 2rem;
    height: 1.5rem;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231eaa91' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
    background-size: 18px 18px !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

body[data-page="homepage"] .chosen-container-single .chosen-single abbr {
    top: 13px !important;
    right: 0px !important;
    z-index:3;
    width:45px;
    background-color:#fff !important;
}

body[data-page="shop-list"] .chosen-container-single .chosen-single abbr,
body[data-uri="favorites"] .chosen-container-single .chosen-single abbr,
body[data-uri="cart"] .chosen-container-single .chosen-single abbr {
    top: 8px !important;
    right: 0px !important;
    z-index:3;
    width:45px;
    background-color:#fff !important;
}



.icms-filter-container .chosen-container-active .chosen-drop {
    border-top:0 !important;
}

.icms-filter-container .chosen-container-single .chosen-single,
.icms-filter-container .chosen-container-single .chosen-single div,
.icms-filter-container .form-control{
  border-color:var(--color-gray-colored) !important
}

.icms-filter-container .chosen-container-single .chosen-single:hover{
    border-color:var(--color-gray-colored) !important;
    color:var(--color-dark) !important
}
.icms-filter-container .input-group-prepend .input-group-text {
    border:0 !important;
  }
  
.chosen-container-active.chosen-with-drop .chosen-single{
    border: 1px solid var(--color-gray-colored) !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom:0 !important
}

.chosen-container-single .chosen-single div:after{
    background-color: transparent !important;
    box-shadow: none !important;
}



  #scroll-top{
  width:46px !important;
  height:46px  !important;
  border-radius: 100% !important;
  background: #fff;
  padding: 0 !important; 
   border:1px solid var(--color-border-harp);
  -webkit-box-shadow: 4px 4px 7px 0px rgba(136, 136, 136, 0.15) !important;
  -moz-box-shadow: 4px 4px 7px 0px rgba(136, 136, 136, 0.15) !important;
  box-shadow: 4px 4px 7px 0px rgba(136, 136, 136, 0.15) !important;
  }
  #scroll-top svg {
    fill:var(--color-link-dark)
}

/* swiper */

.swiper-wrapper.align-items-stretch .swiper-slide {
   height:auto !important
}


.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled{
   opacity: 0 !important;
}

.swiper-button-next,
.swiper-button-prev {
  padding: 0;
  width:46px !important;
  height:46px  !important;
  border-radius: 100%;
  background:rgba(255, 255, 255, 0.950);
  backdrop-filter: blur(2px);
  padding: 0 !important;
  top:calc(50% - 23px) !important;
  border:1px solid var(--color-border-harp);
  -webkit-box-shadow: 4px 4px 7px 0px rgba(136, 136, 136, 0.15);
  -moz-box-shadow: 4px 4px 7px 0px rgba(136, 136, 136, 0.15);
  box-shadow: 4px 4px 7px 0px rgba(136, 136, 136, 0.15);
  transition: all 0.2s ease-in-out;
}

#item_images_slider .swiper-button-next,
#item_images_slider .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 50%) !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 18px !important;
  color:var(--color-text-dark);
  font-weight:bolder;
 
}
.swiper-button-next:after {
  margin-left: 2px;
}

.swiper-button-prev:after {
  margin-right: 2px;
}

.swiper-pagination{
    position:absolute;
    z-index:11 !important;
    bottom:10px !important;
}
.swiper-pagination-bullet {
    width: 10% !important;
    height: 10px !important;
    display: inline-block;
    border-radius: 0 !important;
    background: none !important;   
}
.swiper-pagination-bullet:before {
    content:"";
    height:2px;
    background:#fff;
    border-radius:5px;
    display:block;
}
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    cursor:pointer
}

/* bs */
/* 
.row-cols-group{
    margin-left:-10px;    
    margin-right:-10px;
}
.row-cols-group > .col{
    padding-left:10px;
    padding-right:10px;
} */

.frow {
    display: flex;
    flex-wrap: nowrap;
}

.frow > div {
    flex-basis: 1;
    flex-grow: 1;
    max-width: 100%;
}

input.form-control-md, .btn-md {
    height: 44px;
    line-height:1;
    display:inline-flex;
    align-items:center;
}
.btn-md {
    justify-content:center;
  
}
.form-control-md {
    font-size: 16px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.gap-5 {
    gap: 5px;
}

h2.main-title{
    font-size:36px;
    font-weight: 700;
    font-variation-settings: "wght" 700;

}
.card h2.main-title{
    font-size:44px;
    line-height:44px;
}
.card h3.main-title{
    font-size:36px;
    line-height:36px;
}

.card .card-subtitle{
    max-width:360px;
}

.card > .card-body{
    padding:20px;
}
.card.card-md > .card-body{
    padding:30px;
}
.card.card-lg > .card-body{
    padding:40px;
}

.card-primary{
    background:var(--primary);    
}
.card-black{
    background:var(--color-dark);    
}
.card-gray{
    background:var(--color-gray-colored-20);
}
.card-red{
    background:var(--color-red);
}

.card-image{
    border-radius:var(--border-radius);
}

.text-white{
    color:#fff;
}
.text-small{
    font-size:13px !important;
}

.card-flex-column{
    display:flex;
    flex-direction:column;  
}
.card-flex-column>div:first-child{
    flex:0 1;
}
.between{
    justify-content:space-between;
}



.card-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.card-bar > div{
    display:flex;
    align-items:center;
    gap:15px;
}
.card-bar > div > span{
    display:flex;
    align-items:center;
    gap:5px;
}

.card-text{
    max-width:420px;
}

.text-16{
    font-size:16px;
}

.card-video-overlay{
    display:block;
    position:relative;
    border-radius:var(--border-radius);
    overflow:hidden;
}
.card-video-overlay:before{
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:100%;
    width:100%;
    background-image:url('data:image/svg+xml,<svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.953125" width="55.5" height="55.5" rx="27.75" fill="%23000C18" fill-opacity="0.8"/><path d="M35.8499 28.7653L24.0986 35.2958C23.963 35.3725 23.845 35.3813 23.7447 35.3223C23.6503 35.2634 23.6031 35.1572 23.6031 35.0038V21.9783C23.6031 21.8249 23.6503 21.7187 23.7447 21.6597C23.845 21.6007 23.963 21.6096 24.0986 21.6863L35.8499 28.2167C35.9856 28.2934 36.0534 28.3848 36.0534 28.491C36.0534 28.5972 35.9856 28.6887 35.8499 28.7653Z" fill="white"/></svg>');
    background-color:rgba(0,0,0,.1);
    background-repeat:no-repeat;
    background-position:center center;
    z-index:2;
}



ul{
    padding-inline-start: 15px;
}


.btn{
    font-weight: 600;
    font-variation-settings: "wght" 600;
}
.btn:not(.btn-outline-primary){
    border:0;
}
.btn-flex{
    display:inline-flex;
    align-items:center;
}
.card-body .btn{
    height:44px;
    display:inline-flex;
    align-items:center;
    padding-left:20px;
    padding-right:20px;
}

.btn svg:first-child{
    margin-left:-2px;
}
.btn .btn-title{
    padding-left:8px;
    padding-right:5px;
}

.btn-white{
    background:#fff;
}
.btn-white{
    color:var(--primary) !important;
}
.card-red .btn-white{
    color:var(--red) !important;
}
.btn-secondary{
    background:#EBF5FF;  
    color:var(--primary);
}
.btn-secondary:hover{
    background:#EBF5FF;  
    color:var(--primary);
}




.mc_social_buttons_grid{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    max-width:280px;
}
.mc_social_buttons_grid .btn.rounded{
    padding:0;
}
.mc_social_buttons_grid{
    
}




.mblock_head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px;
}
.main_blocks > .mblock{
    margin-bottom:80px;
}
.mblock_head a{
    color:var(--primary);
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size:15px;
}
[data-page="shop-item"] .h5{
    font-size:20px;
}
[data-page="shop-item"] .mblock_head .main_title{
    font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size:25px;
}


/* styles */


#layout {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* header */

.nav-item-phone-mobile{
    display:none !important;
}

.mc_header_navbar_col__mobmenu_toggler{
    display:none;
}

#mobmenu_area{   
    z-index:-1;
    opacity:0;
    visibility:hidden;
    position:absolute;
    top:90px;
    max-width:960px;
    transition:all 0.3s ease-in-out;
    
}
#mobmenu_area.opened{  
    z-index:11;
    opacity:1;
    visibility:visible;
}


#header_search_form{
    position:relative;
}
#header_search_form button{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    padding:0;
    display:flex;
    width:50px;
    align-items:center;
    justify-content:center;
}
#header_search_form button svg{
    position:relative;
    top:-1px;
}

.mc_header{
    background:rgba(255, 255, 255, 0.950);
    backdrop-filter: blur(2px);
    padding-bottom:20px;
    margin-bottom:40px;   
}
.mc_header_top {
    justify-content: space-between;
    margin-bottom: 10px;    
}

.mc_header_top, .mc_header_top .nav {
    display: flex;
    align-items: center;
    flex-direction: row;
    white-space: nowrap;
    flex-wrap: nowrap;
}

.mc_header_top_left {
    flex: 1;
}

.mc_header_top_right {
    flex: 0;
}

.mc_header_top_left .nav-link, .mc_header_top_right .nav-link {
    padding-left: 7.5px;
    padding-right: 7.5px;
    color: var(--color-dark);
}

.mc_header_top_left > .nav > .nav-item .nav-link:hover {
    color: var(--primary);
}

.mc_header_top_left > .nav > .nav-item:first-child .nav-link {
    padding-left: 0;
}

.mc_header_top_right > .nav > .nav-item:last-child .nav-link, .mc_header_usernavbar_col > .nav > .nav-item:last-child .nav-link {
    padding-right: 0;
}

.mc_header_top {
    font-size: 13px;
}

.mc_header_main_cols {
    display: flex;
    align-items: center;
}

.mc_header_navbar_col {
    flex: 0 0 1;
}

.mc_header_usernavbar_col {
    flex-grow: 0;
    padding-left: 7px;
}

.mc_header_usernavbar_col, .mc_header_usernavbar_col .nav {
    flex-wrap: nowrap;
}

.mc_header_navbar_col__search, .mc_header_usernavbar_col {
    display: flex;
    align-items: center;
    gap: 5px;
}

.mc_header_navbar_col__search {
    gap: 8px;
}

.mc_header_navbar_col__logo {
    margin-right: 30px;
}

.mc_header_navbar_logo {
    height: 44px;
    width: auto;
}

.mc_header_navbar_catalog_button {
    width: 130px;
    min-width: 130px;
}

.mc_header_navbar_catalog_button .btn {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    font-variation-settings: "wght" 600;
}
.mc_header_navbar_catalog_button .dropdown-item{ 
    padding-top:5px;
    padding-bottom:5px;
}
.mc_header_navbar_catalog_button .btn svg {
    margin-right: 7px;
}

.mc_header_navbar_col__search {
    flex: 1;
}

.mc_header_navbar_col__search > form {
    flex-basis: 100%;
    flex-grow: 1;
}

.mc_header_navbar_col__search > form .form-control {
    border: 2px solid var(--primary);
}

.mc_header_usernavbar_col .nav-item {
    white-space: nowrap;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.mc_header_usernavbar_col .nav-item > .nav-link {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 13px;
    color: var(--color-dark);
    padding-top: 0;
    padding-bottom: 0;
}

.mc_header_usernavbar_col .nav-item > .nav-link * {
    line-height: 1
}

.mc_header_usernavbar_col .nav-item > .nav-link.nav-link-phone {
    align-items: flex-start;   
}

.mc_header_dropdown_phone_link a{
    color:var(--primary);
}

.mc_header_usernavbar_col .nav-item > .nav-link .title {
    height: 12px;
}

.mc_header_usernavbar_col .nav-item > .nav-link:hover {
    color: var(--primary);
}

.mc_header_usernavbar_col .nav-item > .nav-link:hover svg {
    fill: var(--primary) !important;
}

.mc_header_usernavbar_col .nav-item > .nav-link .icon-wrap, .mc_header_usernavbar_col .nav-item > .nav-link .phone {
    height: 24px;
    min-height: 24px;
    margin-bottom: 5px;
}

.mc_header_usernavbar_col .nav-item > .nav-link svg {
    height: 24px;
    min-height: 24px;
}

.mc_header_dropdown_phone_btn, .mc_header_dropdown_phone .dropdown-menu a.dropdown-item {
    padding: 0;
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    font-variation-settings: "wght" 600;
}

.nav-item-phone {
    margin-left: 17px;
    padding-top:4px;
}

.mc_header_dropdown_phone_link {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--primary);
    font-weight: 600;
    font-variation-settings: "wght" 600;
}

.mc_header_dropdown_phone .dropdown-menu {
    padding: 15px;
    top: -43px !important;
}

.mc_header_dropdown_phone .dropdown-menu .dropdown-item {
    padding: 0;
}

.mc_header_dropdown_phone .dropdown-menu .dropdown-item:not(:last-child) {
    margin-bottom: 10px;
}

.mc_header_dropdown_phone .dropdown-menu .dropdown-item {
    background: none !important;
}

.mc_header_dropdown_phone .dropdown-menu .dropdown-item:hover {
    color: var(--color-dark);
}

.mc_header_dropdown_phone .dropdown-menu .dropdown-item.callback {
    margin-top: 15px;
}

.mc_header_dropdown_phone .dropdown-menu .dropdown-item.callback .btn {
    width: 100%;
}

/* Слайдер */
.slider-card{
    position:relative;
    height:420px;
    overflow:hidden;
}
.slider-card .card-body{
    
}
.slider-content{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    height:100%;
}
.slider-content .card-text{
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size:14px;
}
.slider-image-area{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    display:flex;
    align-items:center;
    padding-right:80px;
    background:url(../images/slider-bg.svg) no-repeat top right;
}
.slider-image{
    position:relative;
}
.slider-video-overlay:before{
    display:block;
    content:"";
    position:absolute;
    top:10px;
    left:-10px;
    right:0;
    bottom:0;
    height:100%;
    width:100%;
    background-image:url('data:image/svg+xml,<svg width="59" height="59" viewBox="0 0 59 59" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_547_2356)"><g filter="url(%23filter0_b_547_2356)"><path d="M29.5976 0.228516C13.4256 0.228516 0.300537 13.3536 0.300537 29.5255C0.300537 45.6975 13.4256 58.8226 29.5976 58.8226C45.7695 58.8226 58.8946 45.6975 58.8946 29.5255C58.8946 13.3536 45.7695 0.228516 29.5976 0.228516ZM23.7382 42.7092V16.3419L41.3164 29.5255L23.7382 42.7092Z" fill="%23005099" fill-opacity="0.7"/></g><path d="M42.8735 29.5889L23.322 43.1925L23.322 15.9853L42.8735 29.5889Z" fill="white"/></g><defs><filter id="filter0_b_547_2356" x="-2.15109" y="-2.22311" width="63.4972" height="63.497" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feGaussianBlur in="BackgroundImageFix" stdDeviation="1.22581"/><feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_547_2356"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_547_2356" result="shape"/></filter><clipPath id="clip0_547_2356"><rect width="59" height="59" fill="white"/></clipPath></defs></svg>');
    background-repeat:no-repeat;
    background-position:center center !important;
    z-index:2;
}
.slider-image-area video{
    top:20px;
    left:0;
    position:absolute;
    width:410px;
    height:240px;  
    object-fit: cover;
    border-radius:12px;
    opacity:0.9;
}

.slider-content .btn{
    font-size:16px;
    font-weight:500;
    padding-left:30px;
    padding-right:30px;
}



/* Типы лазерных станков */

.mblock_types .card{
    height:100%;
}
.mblock_types .card h5{
   margin-bottom:40px;
   padding-right:100px;
}
.mblock_types .card .card-body{
    padding:25px 30px;
    position:relative;
    font-weight: 500;
    font-variation-settings: "wght" 500;
}
.mblock_types .card .card-body img{
    position:absolute;
    right:20px;
    bottom:10px;
}



/* Блок Комплектующие */


.mblock_assets .card-body{
   height:600px;
   overflow:auto;
}
.mblock_assets .card-body ul{

}
.mblock_assets .card-body ul li{
    font-size:15px;
    height:42px;
    line-height:1.2;
    cursor:default;
    padding-left:5px;
}

.card_assets_list li{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.card_assets_list li span:first-child{
    padding-right:20px;
}
.card_assets_list li span:last-child{
    flex:0 0 90px;
     font-weight: 600;
    font-variation-settings: "wght" 600;
    font-size:14px;
}
.card_assets_list li:hover{
    color:var(--primary);
}


.assets_cards_list .mblock_cats_items_cards .card .title{
    height:20px;
}


/* Преимущества */


.mblock_features{
 
}
.mblock_features .col{
   
}
body.is_home .mblock_features .card{
    height:100%;
    min-height:140px;
}

/* Преимущества 2 */


.mblock_features2 .card{
    height:94px;  
}
.mblock_features2 .card .card-body{
    display:flex;
    align-items:center;
    gap:15px;
}
.mblock_features2 .card .card-body .title{
    font-weight: 500;
    font-variation-settings: "wght" 500;
    line-height:16px
}

.mblock_features2 .card svg{
    min-width:28px
}
[data-page="shop-list"] .mblock_features2,
[data-uri="favorites"] .mblock_features2,
[data-uri="cart"] .mblock_features2 {
  overflow: auto;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    &::-webkit-scrollbar {
       display: none;
    }
}

[data-page="shop-list"] .mblock_features2 .swiper-slide,
[data-uri="favorites"] .mblock_features2 .swiper-slide,
[data-uri="cart"] .mblock_features2 .swiper-slide{
   width:278px;
}
[data-page="shop-list"] .mblock_features2 .card,
[data-uri="favorites"] .mblock_features2 .card,
[data-uri="cart"] .mblock_features2 .card{
    height:100%;
    width:278px;  
}
[data-page="shop-list"] .mblock_features2 .col,
[data-uri="favorites"] .mblock_features2 .col,
[data-uri="cart"] .mblock_features2 .col{
    min-width:230px;
    max-width:230px;
    flex-basis:230px;
    flex:0 0 230px;
}

/* подбор лазерного станка */

.mblock_catalog_filter .form-row{
    margin:0;
}
.mblock_catalog_filter .form-row>.col, 
.mblock_catalog_filter .form-row>[class*="col-"]{
    padding-left:0;
}
.mblock_catalog_filter .row .col{
    display:flex;
    flex:1;
}
.mblock_catalog_filter .row .col .card{
    display:flex;
    flex:1;
}
.mblock_catalog_filter .row .col .card .card-body{
    display:flex;
    flex-direction:column;
    justify-content:space-between;   
}
.catalog_filter_callback_card .btn{
    padding-left:30px;
    padding-right:30px;
    font-size:16px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
}

.message-card{
    display:flex;
    align-items: end;
    gap:5px;
}
.message-avatar img{
    width:50px;
    min-width:50px;
    height:50px;
    min-height:50px;
}
.message-text{
    background:#CBE4FB;
    color:var(--primary);
    font-weight: 500;
    font-variation-settings: "wght" 500;
    padding:15px 20px;
    border-radius:20px;
    border-bottom-left-radius:0;
    font-size:13px;
    line-height:16px;
}


/* about card */

.about-card img{
    height:200px;
    width:100%;
    object-fit:cover;
}

.mblock_cats .card{
    text-align:center;
}
.mblock_cats .card:not(:hover){
    color:var(--color-dark);
}
.mblock_cats .card-image{
    height:150px;
    display:flex;
    align-items:center;
    justify-content:center;    
    background: var(--color-gray-colored-20);
    margin-bottom:15px;
}

#catalog_cards_slider .card.card-more{
    background:var(--primary) !important;
}
#catalog_cards_slider .card.card-more *{
    color:#fff;
}

#catalog_cards_slider .card.card-more .counts{
    font-size:44px;
    display:block;
}


/* карточки товаров */

.mblock_cats_items_cards .card .card-image{
    border:1px solid var(--color-gray-colored);
    border-radius:var(--border-radius);
    height:220px;
    margin-bottom:5px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}
.mblock_cats_items_cards .card .card-image img{
   object-fit:cover;
   height:210px;
}
.mblock_cats_items_cards .card .title{
   font-size:16px;
   font-weight: 500;
   font-variation-settings: "wght" 500;
   height:40px;
}
.card_price_area{ 
    font-weight: 500;
    font-variation-settings: "wght" 500;
}
.card_price_area .card_price{
    display:flex;
    align-items:center;
    gap:8px;
    font-weight: 600;
    font-variation-settings: "wght" 600;
    flex-wrap:nowrap;
    white-space:nowrap
}
.card_price_area .label{
    color:var(--text-muted);
    font-size:13px;
}
.card_price_area .card_price .price{
    color:var(--color-red);
    font-size:20px;
    font-weight: 600;
    font-variation-settings: "wght" 600;
}
.card_price_area .card_price .price_old{
     color:var(--text-muted);
     text-decoration: line-through;
}
.card_price_area .card_price .price_discount{
     color:var(--color-red);
}
.btn-addcart{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    font-weight: 600;
    font-variation-settings: "wght" 600;
}
.btn-addcart{
    padding-left:44px !important;
    background:var(--primary) url(../images/icons/btn-add-cart.svg) no-repeat 24px center;
    position:relative;
}
.mblock_cats_items_cards .btn-addcart{
    margin-top:13px;
}
.btn-addcart.active{
    font-size:0px !important;
}
.btn-addcart.active:before{
    font-size:14px;
    content:"В корзине";
}
.btn-addcart.active{
    background:#b2b7b6 url(../images/icons/btn-add-cart2.svg) no-repeat 24px center !important;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    color:var(--primary) !important;
    border:0;
}

#catalog_cards_slider .btn-addcart,
.item_prices_area .btn-addcart{
    padding-left:20px !important;
    padding-right:20px !important;
    background-image:none !important;
}
.item_prices_area .btn-addcart.active:before{
    font-size:15px;
}
#catalog_cards_slider .btn-addcart,
#catalog_cards_slider .btn-addcart.active:before{
    font-size:14px;
}

/* shop_list */

.btn-fav-add{
    width:40px;
    height:40px;
    padding:0;
    background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><title>heart-3</title><g fill="%23000C18" stroke-linejoin="miter" stroke-linecap="butt"><path d="m15.995,29l4.477-3.307c1.581-1.168,6.899-5.395,8.975-10.766,1.58-4.085-.341-8.721-4.29-10.355-3.376-1.398-7.149-.145-9.157,2.806-2.007-2.952-5.781-4.204-9.157-2.806C2.894,6.206.973,10.842,2.553,14.927c2.076,5.371,7.395,9.598,8.975,10.766l4.466,3.307Z" fill="none" stroke="%23000C18" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2.5"></path></g></svg>');
    background-repeat:no-repeat;    
    background-size:20px 100%;   
    background-position:center center;
}
.btn-fav-add.active{
    background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><title>heart-3</title><g fill="%23C70035" stroke-linejoin="miter" stroke-linecap="butt"><path d="m15.995,29l4.477-3.307c1.581-1.168,6.899-5.395,8.975-10.766,1.58-4.085-.341-8.721-4.29-10.355-3.376-1.398-7.149-.145-9.157,2.806-2.007-2.952-5.781-4.204-9.157-2.806C2.894,6.206.973,10.842,2.553,14.927c2.076,5.371,7.395,9.598,8.975,10.766l4.466,3.307Z" fill="%23C70035" stroke="none" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2.5"></path></g></svg>');
    background-repeat:no-repeat; 
    background-size:20px 100%;   
    background-position:center center;
}


.nav-item-favs a,
.nav-item-cart a{
    position:relative;
}
.nav-item-favs .badge,
.nav-item-cart .badge{
    position:absolute;
    margin-left:20px;
    margin-top:-4px;
}

.shop_item .item_prices{
    position:relative;
}

.shop_item .btn-fav-add,
body[data-uri="favorites"] .shop_list .btn-fav-add,
body[data-page="shop-list"] .shop_list .btn-fav-add{    
    position:absolute;
    right:-10px;
    top:-10px;
    z-index:5;
}


.mblock_cats_items_cards .btn-fav-add{    
    position:absolute;
    right:7px;
    top:6px;
}

.sidebar_catalog_categories{
    margin-bottom:40px;
}
.sidebar_catalog_categories h4{
    margin-bottom:15px;
    font-size:18px;
    font-weight: 600;
    font-variation-settings: "wght" 600;
}
.sidebar_catalog_categories ul a{
    font-size:15px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    display:block;
    padding:2px 10px;
}
.sidebar_catalog_categories ul a.active{
    color:var(--text-gray);
}
.sidebar_catalog_categories ul.childs_cats{
    padding-left:15px;
}

.shop_list_cols{
  display:flex;
}

.shop_list_cols > .shop_list_col_left{
    max-width:280px;
    flex:0 0 280px;
}
.shop_list_cols > div{
    max-width:calc(100% - 280px);
    flex:0 0 calc(100% - 280px);
}
.shop_list_cols > .shop_list_col_list{
    padding-left:20px;
    padding-right:20px;
}
.icms-filter-panel .close{
    display:none !important;
}
 .icms-filter-panel .icms-filter-container{
    background:none !important;
    padding:0 !important;
}
.icms-filter-panel .fields{
    flex-direction:column;    
    gap:10px;
}
.icms-filter-panel .fields .field{
    width:100%;  
    min-width:100%;
}
.icms-filter-panel .fields .field.f_price {
    display:flex;
    flex-direction:column;
    margin-bottom:0;
}
.icms-filter-panel .fields .field.f_price label{
    order:-1;
}
.icms-filter-panel .fields .field.f_price .slider-range-wrap{
    order:-1;
    margin-bottom:15px;
    margin-top:10px;  
}
.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 {
    border: 0 !important;
    background: var(--primary) !important;
}
.icms-filter-panel .fields .field label{
      font-weight: 500;
    font-variation-settings: "wght" 500;
}
.icms-filter-panel .fields .input_checkbox_list{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
}
.icms-filter-panel .fields .input_checkbox_list .custom-checkbox{   
    line-height:1; 
    position:relative;
    padding:0;
    margin:0 !important;
}
.icms-filter-panel .fields .input_checkbox_list .custom-checkbox label{
     border:1px solid var(--color-gray-colored);
    border-radius:var(--border-radius);
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size:13px;
    cursor:pointer;    
    padding:6px 10px;
    color:var(--color-dark);
    opacity:0.750;
    display:block;
}
.icms-filter-panel .fields .input_checkbox_list .custom-checkbox label:hover{
    opacity:1;
}
.icms-filter-panel .fields .input_checkbox_list .custom-checkbox input:checked+label{
    background:var(--color-gray-colored) !important;
    opacity:1 !important;
}
.icms-filter-panel .fields .input_checkbox_list .custom-checkbox label:before,
.icms-filter-panel .fields .input_checkbox_list .custom-checkbox label:after{
   display:none;
}

.icms-filter-panel .fields .field.f_price .input-group-append,
.icms-filter-panel .fields .field.f_price .input-group-prepend{
    display:none;
}
.icms-filter-panel .fields .field.f_price .form-control{
    border-radius:var(--border-radius2);
}
.icms-filter-panel .buttons{
    margin-top:20px;
    display:flex;
    flex-direction:column !important;
    gap:10px;
}
.icms-filter-panel .button-submit{
    width:100%;
    height:48px;
    font-size:15px;
    text-align:center;
    align-items:center;
    justify-content:center;
}
.icms-filter-panel .buttons .cancel_filter_link{
    background:none !important;
    color:var(--color-dark);
}
.icms-filter-panel .buttons .btn-link{
   display:none;
}

.mblock .field{
    margin-bottom:20px;
}
.main_blocks .icms-filter-panel .fields .field.f_price{
    margin-bottom:3px
}
.mblock .field>label{
    font-size:18px;
    margin-bottom:10px;
}
.mblock .fields .field.f_price>label{
    margin-bottom:7px;
}
.mblock .field .form-control,
.mblock .field .form-control{
    height:44px;
    font-size:16px;
}
.field .ui-slider-horizontal{
    height:4px;
}
.field .ui-slider .ui-slider-handle{
    width:16px;
    height:16px;
}
.mblock  .icms-filter-panel .fields .input_checkbox_list .custom-checkbox label{
     
    font-size:14px;
    padding:8px 12px;
}

.shop_list_item:not(:last-child){
    border-bottom:1px solid var(--color-gray-colored);
    padding-bottom: 30px;
}
.shop_list_item .item_photo{
    width: 280px;
    min-width:280px;
    text-align:center;
}
.shop_list_item .item_photo > a{
    display:block;
}
.shop_list_item .item_photo img{
    width:240px;
    height: 200px;
    object-fit:cover;
    margin:0 auto;
}
.char_includes{
    height:38px;
    overflow:hidden;
}
.char_includes:not(.opened) .char_value{

}
/* .shop_list_item .char_includes{
    height: auto;

}
.shop_list_item .char_includes .char_value{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;

} */

.shop_list_item .col{
    padding:0;
}
.shop_list_item .item_fields,
.shop_list_item .item_prices_area{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.shop_list_item .col_prices{
   display:flex;
   justify-content:end;
}
.shop_list_item .col_prices .card_chars{
    display:flex;
    flex-direction:column;
    gap:5px;
}
.shop_list_item .col_prices .card_chars_char{
    display:flex;
    flex-direction:column;
}
.shop_list_item .card_price_area .card_price .price{
    font-size:22px;
}
.shop_list_item .col_prices .card_chars_char .char_value{
    font-weight: 600;
    font-variation-settings: "wght" 600;
}

[data-page="shop-list"] .chosen-container-single .chosen-single span{
    height:44px !important;
    line-height:40px !important; 
}
[data-page="shop-list"] .main_blocks .chosen-container-single .chosen-single{
     height:44px !important;
}
[data-page="shop-list"] .main_blocks .form-control{
    height:44px !important;
    font-size:16px;
}
[data-page="shop-list"] .icms-filter-panel .fields .field> label{
    font-size:15px;    
    font-weight: 600 !important;
    font-variation-settings: "wght" 600;
}
[data-page="shop-list"] .chosen-container-single .chosen-single div:after{
    top:5px !important
}


.category_description{
    display:none;
}



.item_buttons{
    display:flex;
    gap:10px;
}
.item_buttons .btn{
    font-size:14px;
    padding-left:30px;
    padding-right:30px;
    white-space:nowrap;
}
.item_buttons .btn.btn-order{
    font-size:13px;
    line-height:1;
}



/* shop item */

.shop_item h1{
    font-size:24px;
}
.item_rating_rating svg{
    position:relative;
    top:-1px
}
.item_rating,
.item_rating span{
    display:flex;
    align-items:center;
    gap:7px;
    font-size:15px;
    color:var(--text-muted);
    line-height:1;
    font-weight: 500;
    font-variation-settings: "wght" 500;
}

.item_infocard_head{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.item_infocard_head .btn{
    color:var(--color-gray);
    padding-left:15px;
    padding-right:15px;
    font-size:14px;
}
.item_infocard_head .btn svg{
    margin-left:5px;
}
.shop_item .col_content .item_photo{
     flex: 0 0 50%;
     max-width: 50%;
}
.shop_item .col_content{
     flex: 0 0 70%;
     max-width: 70%;
}
.shop_item .col_prices{
        flex: 0 0 30%;
        max-width: 30%;
}

.shop_item .item_fields{    
    padding-left:30px;
}


.shop_item .btn-addcart,
.shop_item .btn-order{
    width:100%;
    height:50px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
}
.shop_item .btn-order{
    font-size:15px;
}
.shop_item .item_fields,
.shop_item .item_prices_area{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.shop_item .col_prices .card_chars{
    display:flex;
    flex-direction:column;
    gap:5px;
}
.shop_item .col_prices .card_chars_char{
    display:flex;
    flex-direction:column;
}
.shop_item .card_price_area .card_price{
   align-items:flex-end;
   font-size:16px;
   line-height:1;
}
.shop_item .card_price_area .card_price .price{
    font-size:30px;
    line-height:1;
    font-weight: 700;
    font-variation-settings: "wght" 700;
}
.shop_item .col_prices .card_chars_char .span{
    font-size:14px;
}
.shop_item .col_prices .card_chars_char  .char_value{
    font-weight: 700;
    font-variation-settings: "wght" 700;
    font-size:16px;
}

.item_features .card{
    padding-left:10px;
    padding-right:10px;
}
.item_features .card-body{
    padding-top:5px;
}
.item_features .card-body p{
    padding:0;
    margin-bottom:5px;
}
.item_features .card:first-child{
    padding-top:15px;
}
.item_features .card:last-child{
    padding-bottom:15px;
}

.item_features .card-header *{
    color:var(--color-dark) !important;
}
.item_features .card-header{
    background:none !important;
    border:0 !important;
}
.item_features .card:not(:first-child){
    border-top:0 !important;
}
.item_features .card-header button{
    display:flex;
    align-items:center;
    gap:15px;
    line-height:1.2;   
    text-decoration:none !important;
    padding:0;
}
.item_featured_payer_info p{
    display:flex;
}
.item_featured_payer_info p span:first-child{
    width:110px;
    min-width:110px;
}
.item_features .card .card-header button{
    position:relative;
}
.item_features .card .card-header button .icon-toggle{
    width:24px;
    height:24px;    
    background:url('data:image/svg+xml,<svg width="17" height="10" viewBox="0 0 17 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.60254 1.66699L8.26921 8.33366L14.9359 1.66699" stroke="%234E5D69" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/></svg>');
    background-repeat:no-repeat;
    background-position:96% center;
    background-size:16px auto;   
    display:flex;
    position:absolute;
    right:10px;
}
.item_features .card.active .card-header button .icon-toggle{
 transform: rotateX(180deg);
}


/* О товаре */

.item_infocard{ 
    position:relative;
}
.item_infocard:not(.opened) > .item_chars:not(.first){
    display:none;
}
.item_infocard:not(.opened) > .item_chars.first{
    cursor:pointer;
    height:180px;
    overflow:hidden;
}
.show_all{    
    cursor:pointer;
    display:flex;
    align-items:end;
    padding-bottom:0;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    background:linear-gradient(0deg,#ffffff,#ffffff00);
    height:100px;
}
.show_all > span{
    cursor:pointer;
    display:flex;
    align-items:center;
    width:100%;
    gap:6px;
    margin-bottom:-10px;
    line-height:1;
}
.item_infocard.opened .show_all{
    position:static;
    height:20px;
    background:none;
    margin-bottom:0;
    margin-top:10px;
}
.item_infocard.opened .show_all svg{
   transform: rotateX(180deg);
}
.item_infocard.opened .show_all span span{
    font-size:0;
}
.item_infocard.opened .show_all span span:before{
    display:flex;
    content:"скрыть характеристики";
    font-size:14px;
}
.item_chars .card_chars_char{
    padding:8px 0;    
    display:flex;
    line-height:1.2;
}
.item_chars .card_chars_char:not(:last-child){
    border-bottom:1px solid #eee;
}
.item_chars .card_chars_char .char_title{
    width:50%;
    min-width:50%;
    flex-basis:50%;
}

/* item photos slider */

.gallery-container {
  position: relative;
  display: flex;
  overflow: hidden;
  align-items:flex-start;
  gap:10px;
    width:100%;
    max-width:100%;
}

.gallery-main {  
  width:100%;
  height: 380px;
}
.gallery-main img { 
  width:100%;
  height:auto;
  max-height:100%;
  display:flex;
  border-radius:var(--border-radius);
  overflow:hidden;    
}

.gallery-thumbs {
  order: -1;
  width: 60px;
  height: 380px;
}
.gallery-thumbs .swiper-slide{
    cursor:pointer;    
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    width: 56px;
    height:56px !important;  
}
.gallery-thumbs .swiper-slide img {
    transition: 0.3s;
    width:48px;
    height:auto;
    object-fit: scale-down;
}
.gallery-thumbs .swiper-slide-active {

}
.gallery-thumbs .swiper-slide:hover {
    outline: 2px solid #0050998a;
    outline-offset: -2px;
}
.gallery-thumbs .swiper-slide-thumb-active {
    outline: 2px solid var(--primary);
    outline-offset: -2px;
}
.gallery-thumbs .swiper-slide-thumb-active img {
    
}



/* blog_cards */

.blog_card .card-body{
    display:flex;
    flex-direction:row;
    gap:15px;    
}
.blog_card .card-body .card-text{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    flex-grow:1;
}
.blog_card .card-text .title{
    line-height:1.4;
    display:inline-block;
    max-width:220px;
}

.blog_card .card-image{
    position:relative;
}
.blog_card .card-image .badgets{
    position:absolute;
    top:15px;
    left:15px;
    display:inline-flex;
    align-items:center;
    gap:5px;
    z-index:5;
}
.blog_card .card-image .badgets .badge{    
    font-size:13px;
    padding-left:8px;
    padding-right:8px;
}
.blog_card .card-img{
    width:240px;
    min-width:240px;
}


.blog_list_cards.small .blog_card .card-image{
    width:120px;
    min-width:120px;
    flex-basis:0 0 120px;
}
.blog_list_cards.small .blog_card .card-bar .cat_title,
.blog_list_cards.small .blog_card .card-bar .hits_count{
    font-size:12px;
}
.blog_list_cards.small .btn-more{    
    font-weight: 400;
    font-variation-settings: "wght" 400;
    height:40px;
    line-height:40px;
}

.alert-info{
    border:0;
    background:var(--color-gray-colored-20);
    color:var(--text-gray);
    font-size:16px;
}



/* pages contacts */

.slider-content{
    position:relative;
    z-index:2;
}
.hero_block_card{
    overflow:hidden;
}
.contacts_page__hero_block .slider-frame{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    z-index:1;
}
.contacts_page__hero_block .slider-frame svg{
   width:auto; 
   max-height:100%;
}
.mblock_contacts .h4{
    font-size:24px;    
    font-weight: 600;
    font-variation-settings: "wght" 600;
    margin:0;
}
.mblock_contacts .h4+.text-16{
    margin-top:5px !important;
}
.mblock_contacts .text-secondary{
    font-size:16px;
    color:var(--color-dark) !important
}
.mblock_contacts .text-secondary div{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.mblock_contacts .text-secondary div span.text-small{
    font-size:12px !important;
}
.mblock_contacts .text-secondary div span{
    opacity:0;
    transition:all 0.2s ease;
}
.mblock_contacts .text-secondary div:hover span{
    opacity:1;
}

.pages__contacts_page .socials-card{
    background:var(--color-gray-colored-20) !important;
}
.pages__contacts_page .socials-card .card-body-top.text-white{
    color:var(--color-dark) !important;
    opacity:0.8;
}
.pages__contacts_page .mc_social_buttons_grid .btn-white{
    background:var(--primary);
    color:#fff !important;
}
.pages__contacts_page .mc_social_buttons_grid .btn-white svg path{
    fill:#fff !important;
}
.pages__contacts_page .mc_social_buttons_grid .btn.rounded svg path{
    fill:#fff !important;
}
.pages__contacts_page .mc_social_buttons_grid .btn.rounded svg rect{
    fill:var(--primary) !important;
}
.pages__contacts_page .mc_social_buttons_grid .btn.rounded:last-child svg path:nth-child(4){
    fill:var(--primary) !important;
}

.pages__contacts_page .contact_image{
    border-radius:var(--border-radius);
    overflow:hidden;
    position:relative;
}
.pages__contacts_page .contact_image img{
    object-fit:cover;
    height:100%;
}
.pages__contacts_page .contact_image span{
   position:absolute;
    bottom:20px;
    left:30px;
}


.contacts_tabs{
    display:flex;
    justify-content:space-between;
    margin-bottom:15px;
    gap:15px;
}
.contacts_tabs .btn{
    flex:1;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.contacts_tabs .btn.active{
   background:var(--color-gray-colored-20);
}
.contacts_tabs .btn:not(.active){
   border:1px solid var(--color-gray-colored-20);
}
.contacts_tabs .btn:not(.active):hover{
   color:var(--text-gray);
}
.contacts_map_canvas{
    border-radius:var(--border-radius);
    overflow:hidden;
}

#contacts_block[data-map="map2"] #map1{
    display:none;
}
#contacts_block[data-map="map1"] #map2{
    display:none;
}


#contacts_block[data-map="map2"] #map1_info{
    display:none;
}
#contacts_block[data-map="map1"] #map2_info{
    display:none;
}






/* ####################################
           video playlist
####################################### */

#videogalleryModal #vid_frame{
    height:460px;
}

#videogalleryModal .modal-body{
    padding:0;
    border-radius:var(--border-radius);
    background:var(--color-dark);
}

#video_playlist_wrap{
    position:relative;
}
#video_playlist_wrap iframe{
    width:100%;
    border-radius:var(--border-radius);
}

/* Zoom In on hover */
.vid-thumb {
	overflow: hidden;
  display: block;
  width: auto;
}

.vid-thumb img{
   display: block;
}



.vid-thumb img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.vid-thumb:hover img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
}


.vk_playlist .vid-thumb {
	width:100%;
    height:80px;
    display:flex;
    align-items: center;
    justify-content: center;
    background: #000;
    color:#fff;
    font-size: 13px;
    line-height:1.2;
    padding: 0 30px;    
    font-weight: 600;
    font-variation-settings: "wght" 600;
}
.swiper-container-videos .selected{
    border:0 !important;
}
.swiper-container-videos .selected .vid-thumb{
   background: var(--primary);
}
.vk_playlist .vid-thumb:hover {
    background: #222;
}
.vk_playlist .swiper-container{
  padding:10px 80px;
  padding-top: 0;
}

.vk_playlist .vid-thumb-card{
    position:relative;
}
.vk_playlist .vid-thumb-card svg{
    position:absolute;
    left:5px;
    top:6px;
    width:18px;
    height:18px;
}


/* #####################
      SWIPER STYLES
#######################*/

.swiper-container-videos{
    overflow:hidden;
    position:relative;
    margin-top:1px;
}  
.swiper-container-videos .swiper-button-prev,
.swiper-container-videos .swiper-button-next{
    top:47% !important;
    background:var(--color-dark);
     width: 42px !important;
    height: 42px !important;
}
#videogalleryModal .swiper-button-next:after, #videogalleryModal .swiper-button-prev:after{
    color:#fafafa !important;
}
.swiper-container-videos .swiper-slide a {
  text-decoration: none;
  font-size: 13px;
    background:var(--color-dark);
    color:#fafafa;
   overflow:hidden;
}


.swiper-container-videos  .selected.swiper-slide a .desc {
  
}
.swiper-container-videos  .selected {
  border-bottom: 1px solid #c4c4c4;
}
/*  
slidesPerView: "auto" so the width of each slide set by CSS */
.swiper-container-videos .swiper-slide {
  text-align:center;
}

.swiper-container-videos .swiper-slide a .desc {
  margin-top: 3px;
  margin-bottom: 3px;
}

.swiper-container-videos .swiper-slide img {
  height: auto;
  width: 100%;
}



@media only screen and (max-width: 991px) {
  #videogalleryModal #vid_frame{
    height:280px;
}
 .swiper-container-videos .swiper-slide a {
    font-size: 11px;
    line-height: 1;
  }
        .swiper-container-videos .swiper-button-prev,
.swiper-container-videos .swiper-button-next{
    width: 32px !important;
    height: 32px !important;
}
}

@media only screen and (max-width: 520px) {
  #videogalleryModal #vid_frame{
    height:260px;
}
    .swiper-container-videos .swiper-button-prev,
.swiper-container-videos .swiper-button-next{
display:none;
}
}
@media only screen and (max-width: 480px) {
  #videogalleryModal #vid_frame{
    height:210px;
}
}


/* news item, blog item */

.blog_item,
.news_item{
    max-width:800px;     
}
.blog_item p,
.news_item p{
    padding:0 !important;

}
.blog_item .icms-content-fields img,
.news_item .icms-content-fields img{
    display:block; 
    float:none !important;    
    margin:20px 0 !important;
    
  border-radius:var(--border-radius);
}
.blog_item .icms-content-fields div,
.news_item .icms-content-fields div{
    display:block; 
    float:none !important; 
    margin:0 !important;
    width:auto !important;
}
.blog_item .icms-content-fields iframe,
.news_item .icms-content-fields iframe,
.blog_item .icms-content-fields video,
.news_item .icms-content-fields video{
    width:100%;
    margin:20px 0 !important;
    height:460px;    
    border-radius:var(--border-radius);
}
.blog_item .icms-content-fields h2,
.news_item .icms-content-fields h2{
    margin-top:40px !important;
    font-size:34px;
    line-height:1.1;
    margin-bottom:20px;
}
.blog_item .icms-content-fields h3,
.news_item .icms-content-fields h3{
    margin-top:40px !important;
    font-size:28px;
    line-height:1.1;
    margin-bottom:20px;
}

.h1_image{
    display:flex;
}
.h1_image_img {
    margin-right:30px;
    max-width: 100px;
    width:100px;
    flex:0 0 100px;
}
.h1_image_img img {
  border-radius:var(--border-radius);
  height:100%;
  object-fit:cover;
}
.h1_image_title{
    max-width:600px;
    line-height:1.1;
}
.h1_image_title div{
   margin-top:-5px;
}


.card-image .badge.is_video{
    padding:0 !important;
    width:24px !important;
    height:24px !important;
    border-radius:24px;
    display:flex;
    align-items:center;
    justify-content:center;
}


.item_childs_list .blog_list.row{
   display:block !important;
   margin:0 !important;
}
.item_childs_list .blog_list.row .col{
   max-width:100%;
}
.item_childs_list .blog_list .card-body{
   flex-direction:row !important;
}
.item_childs_list .blog_list .card-body .label{
    display:flex !important;
}
.item_childs_list .blog_list .card-body .badge.is_video{
   padding:0;
    background:none
}



.subscribe_wrap .count-subscribers{
    display:none;
}
.subscribe_wrap .btn.subscriber{
   height:38px;
    padding-left:18px;
    padding-right:18px;
    line-height:28px;
    display:flex;
    align-items:center;
    background:#EBF5FF;
    color:var(--primary);
}
.subscribe_wrap .btn.subscriber svg{
    margin-right:6px;
}




/* image hover effects */


.item_photo > .card-image img{

 -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;

}

.item_photo > .card-image:hover img{

 -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);

}

#catalog_cards_slider .card-image img{
    height:190px;
}


/* header */


body:not([data-page="homepage"]) .mc_header{
    margin-bottom:0;
    
}



.breadcrumb{
 position:relative;
    top:-10px;
}






/* footer */

.mc_footer {
    margin-top:100px;
    background: var(--color-gray-colored-20);
    padding-top: 50px;
    padding-bottom: 50px;
}

.mc_footer_cols h6 {
    color: var(--text-muted);
    margin-bottom: 20px;
}

.mc_footer_cols a:not(:hover) {
    color: var(--color-dark);
    opacity: 0.8;
}

.mc_footer_copyright_col {
    color: var(--text-muted);
}

.mc_footer_copyright_col > div:not(:last-child) {
    margin-bottom: 20px;
}

.mc_footer_copyright_col > div:first-child {
    margin-bottom: 30px;
}

.mc_footer_copyright_col p {
    margin: 0;
}

.mc_footer_cols > .col ul:not(:last-child) {
    margin-bottom: 20px;
}

.mc_footer_cols .navbar-nav .nav-item:not(:last-child) {
    margin-bottom: 8px
}

.mc_footer_cols .navbar-nav .nav-link {
    padding: 0;
}

.mc_footer_cols .navbar-nav-secondary .nav-link:not(:hover) {
    opacity: 0.6;
}

.mc_footer_contacts_col > div:not(:last-child) {
    margin-bottom: 20px;
}

.mc_footer_contacts_col p {
    margin: 0;
}

.mc_footer_contacts_phones {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
}

.mc_socials_cards .card-white{
    color:var(--color-dark);
}

.mc_socials_cards .card-img{
   object-fit: cover;
   max-height: 320px;
}
.mc_socials_cards .card-text{
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden; 
 }

#scroll-top{
    width:48px;
    height:48px;
    line-height:45px;
    padding:0;
    border-radius:100%;
    background:rgba(255, 255, 255, 0.950);
    backdrop-filter: blur(2px);
    font-size:20px;
}

.shop_list_cols.cart_list_cols > .shop_list_col_list {
    max-width: calc(100% - 300px);
    flex: 0 0 calc(100% - 300px);
    padding-right:40px;
}
.shop_list_cols.cart_list_cols > .shop_list_col_left {
    max-width: 300px;
    flex: 0 0 300px;
}

.cart_list_sidebar{
    top:130px
}

.cart_list .shop_list_item .item_fields,
.cart_list  .shop_list_item .item_prices_area{
    justify-content:flex-start;
}
.cart_list .shop_list_item .title{
    margin-bottom:25px !important;
}
.cart_item__count_selector{
    display:flex;
    gap:8px;
    margin-top:15px;
}
.cart_item__count_selector  .form-control{
    max-width:40px;
    height:30px;
    text-align:center;
    border-radius:var(--border-radius2);
    font-weight: 500;
    font-variation-settings: "wght" 500;
    font-size:13px !important;
}
.cart_item__count_selector .btn{
  border-radius:var(--border-radius2);
  padding:0 5px !important;
  height:30px;
}
.cart_item__count_selector svg{
    margin:0 !important;
}
.cart_list .shop_list_item .item_photo{
    width: 200px;
    min-width: 200px;
}
.cart_list .shop_list_item .item_photo img {
    width: 160px;
    height: 120px;
    object-fit: cover;
    margin: 0 auto;
}

.cart_list_item_buttons{
    margin-top:15px;
    display:flex;
    gap:10px;
}
.cart_list_item_buttons .btn.btn-fav-add.active{
    background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><title>heart-3</title><g fill="%23000C18" stroke-linejoin="miter" stroke-linecap="butt"><path d="m15.995,29l4.477-3.307c1.581-1.168,6.899-5.395,8.975-10.766,1.58-4.085-.341-8.721-4.29-10.355-3.376-1.398-7.149-.145-9.157,2.806-2.007-2.952-5.781-4.204-9.157-2.806C2.894,6.206.973,10.842,2.553,14.927c2.076,5.371,7.395,9.598,8.975,10.766l4.466,3.307Z" fill="%23000C18" stroke="none" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2.5"></path></g></svg>');

}
.cart_list_item_buttons .btn{
   background-color:var(--color-gray-colored-20);
}

.cart_item__price_selector{
   
}
.cart_item__price_selector .form-check{    
    position:relative;
    padding:0;
    width:135px;
}
.cart_item__price_selector .form-check label{
    display:flex;
    flex-direction:column;      
    cursor:pointer;
    width:135px;
    padding:3px 8px;
    position:relative;
    border:1px solid transparent;
    border-radius:var(--border-radius2);
}
.cart_item__price_selector .form-check label span.price{
    font-size: 16px;
    font-weight: 500;
    font-variation-settings: "wght" 500;
    color:#666;
}
.cart_item__price_selector .form-check label span.hint{
   color:#888;    
   font-size:12px;
   margin-top:-4px;
    display:flex;
    gap:5px;
}
.cart_item__price_selector .form-check .form-check-input{
    position:absolute;
    right:10px;
    top:5px;
    cursor:pointer;
}

.form-check-input:checked~label{
    border-color:#eee;
}
.cart_item__price_selector .form-check .form-check-input:not(:checked)~label:hover span.price{
   color:var(--primary);
}
.form-check-input:checked~label span.price{
     color:var(--color-dark);
}

.col_cart_list__prices{
    display:flex;
    gap:50px
}
.col_cart_list__prices>div{
    flex:1;
    flex-grow:1;
}
.col_cart_list__prices>.cart_item__count_area{
   
}


.cart_list__order_card .items_counts{
    font-size:14px
}

.cart_list__order_info p{
    font-size:12px;
    libe-height:1.2;
}

.cart_list__order_card .price{
    font-size:24px !important;
    color:var(--color-dark) !important;
}

.cart_list__order_card .btn{
    height:50px;
    font-size:14px !important
}

.cart_list__order_card .card_price_area .text-small{
    font-size:12px !important; 
    font-weight: 400;
    font-variation-settings: "wght" 400;
}



#cart_list_area.order_one{

}

.modal .alert-dismissible{
    padding:0  !important;
    background:#fff;
    border-radius:0;    
}
.modal .alert-dismissible .close{
    display:none !important;
}
.modal .alert-dismissible .success-text{
    font-size:28px !important;
     font-weight: 600;
    font-variation-settings: "wght" 600;
    text-align:left !important;
    padding:0 !important;
}



.active-result,
.form-control{
    color:#555;
}

.multiple_values_list{
   margin: 0;
   padding: 0;
}
.multiple_values_list>li:not(:last-child):after{
    content:",";
}

.card_chars_char .multiple_values_list{
  display: inline-block;
}



.pages__about_page h3{
    font-size: 24px;
}


