@font-face{
    font-family: 'Proxima-Nova';
    src: url('../fonts/ProximaNova-Regular.eot');
    src: url('fonts/ProximaNova-Regular.eot?iefix') format('eot'),
    url('../fonts/ProximaNova-Regular.woff') format('woff'),
    url('../fonts/ProximaNova-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
*, ::after, ::before {
    box-sizing: border-box;
    font-family: "Proxima-Nova","sans-serif";
}
.root, body, html {
    line-height: 1.44rem;
    font-family: "Proxima-Nova";
}
body {
    margin: 0;
    font-family: "Proxima-Nova","sans-serif";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #231f20;
    text-align: left;
} 
/* Modal info item */
.modal-content{border-radius: 0!important;}
.modal-dialog.modal-xl {max-width: 1140px;}
.modal_solution__item{
    border: none;
    border-radius: 0;
    position: relative;
    align-content: center;
    justify-content: space-between;
}
.modal_solution__item span:before{
    content: "";
    display: block;
    position: absolute;
    left: auto;
    right: 21.5px;
    top: 30px;
    bottom: auto;
    z-index: 999;
    width: 19px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Cline x1='17.2879' y1='1.78791' x2='0.787938' y2='18.2879' stroke='%234F4F4F' stroke-width='2.22855'/%3E%3Cline x1='0.78962' y1='1.71206' x2='17.2896' y2='18.212' stroke='%234F4F4F' stroke-width='2.22855'/%3E%3C/g%3E%3C/svg%3E%0A");
    cursor: pointer;
}
.modal_informations{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    x-align-items: center;
}
.modal_informations .modal-body{
    padding: 48px 72px 27.85px 20px;
    max-width: 770px;
    min-width: 280px;

}
.modal-body-wrap {
    display: flex;
    flex-direction: column;
}
.modal_informations .modal-title{
    font-size: 1.35rem;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 13px 0;
    font-family: "Proxima-Nova";
}
.modal_informations .info_txt{
    font-size: 0.9rem;
    line-height: 17px;
    color: #333;
    margin-bottom: 33px;
    text-align: justify;
}
.modal_informations .info_txt:last-child {
    margin-bottom: 0;
}
.modal_informations .info_txt:nth-child(3){margin:0;}
.modal-img img {
    max-width: 100%;
    object-fit: cover;
    display: block;
    height: auto;
}
.modal-img {
    position: relative;
    margin: 50px 0 30px;
	width: 100%;
	max-width: 350px;
	min-width:320px;
	height: auto;
}
.modal_informations .modal-footer {
    display: flex;
    flex-direction: column;
	align-items: stretch;
	width: 100%;
    max-width: 770px;
    min-width: 280px;
    margin: 0 0 0 auto;
    border: none;
    padding: 0 20px 30px 20px;
}
.modal_informations .modal-footer .modal_advant p {
    font-size: 1.231rem;
    line-height: 19px;
    color: #333;
    font-weight: 600;
    margin: 0 0 14px 0;
}
.modal_informations .modal-footer .modal_advant  .modal_advant__item {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: center;
    margin: 0 0 27px 0;
}
.modal_informations .modal-footer .modal_advant .modal_advant__item .advant_item {
    display: inline-flex;
    align-items: center;
    width: 320px;
}
.modal_informations .modal-footer .modal_advant .modal_advant__item .advant_item img {
    max-width: 100%;
    margin: 0 18px 13px 0;
}
.modal_informations .modal-footer .modal_advant .modal_advant__item .advant_item  > p{
    font-size: 14px;
    font-weight: 100;
    line-height: 17px;
    width: 184px;
}
.modal_informations .modal-footer .modal-btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-flow: row wrap;
    max-width: 580px;
    margin: 0 0 0 auto;
}
.modal_informations .modal-footer  .modal-btn a {
    width: 280px;
    border-radius: 0;
    border: none;
    height: 50px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    padding: 15.5px 0;
}
/* end Modal info item */

.main_solutions{
    width: 100%;
    max-width: 100%;
    min-width: 300px;
    height: auto;
    position: relative;
}
.content_solution__navigation {
    display: inline-flex;
    flex-direction: row;
    align-content: center;
    width: 100%;
    max-width: 100%;
    min-width: 300px;
}
.content_solution__navigation .solution_btn {
    width: 100%;
    max-width: 265px;
    min-width: 90px;
    margin: 0 18px 0 0;
}
.content_solution__navigation .solution_btn .toggler-btn{
    text-transform: capitalize;
}
.content_solution__navigation .solution_btn:last-child {margin: 0;}
.main_solutions .block_content__solutions{
    width: inherit;
    min-width: inherit;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.content_solutions__navigation.container,
.block_content__detail.container{padding: 0!important;}
.content_solutions__navigation .content_solution__title{
    color: #222;
    font-size: 1.6rem;
    line-height: 26px;
    margin: 0 0 25px;
    text-transform: uppercase;
    font-family: "Proxima-Nova";
}
.block_solutions__systems {
    width: 100%!important;
    min-width: 300px!important;
    margin: 0 0 42px 0!important;
	padding: 0!important;
}
.solutions_systems {display: flex;}
/* блок с товарами */
.solution_system__items {
    width: 100%;
    max-width: 849px;
    min-width: 300px;
}
.solution_system__items .system_item__title{
    display: flex;
    justify-content: space-between;
    align-content: center;
}
.solution_system__items .system_item__title > p,
.solition_system__filter > p,
.btn_filter_modile{
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 24px;
    color: #333;
    margin: 30px 0 14px 0;
}
.btn_filter_modile{
    display: none;
    position: relative;
    cursor: pointer;
}
.btn_filter_modile:after{
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 6.75H10.3711C10.2159 7.18852 9.92861 7.56816 9.54876 7.83667C9.16891 8.10518 8.71517 8.24936 8.25 8.24936C7.78483 8.24936 7.33109 8.10518 6.95124 7.83667C6.57139 7.56816 6.2841 7.18852 6.12891 6.75H3C2.80109 6.75 2.61032 6.67098 2.46967 6.53033C2.32902 6.38968 2.25 6.19891 2.25 6C2.25 5.80109 2.32902 5.61032 2.46967 5.46967C2.61032 5.32902 2.80109 5.25 3 5.25H6.12891C6.2841 4.81148 6.57139 4.43184 6.95124 4.16333C7.33109 3.89482 7.78483 3.75064 8.25 3.75064C8.71517 3.75064 9.16891 3.89482 9.54876 4.16333C9.92861 4.43184 10.2159 4.81148 10.3711 5.25H21C21.1989 5.25 21.3897 5.32902 21.5303 5.46967C21.671 5.61032 21.75 5.80109 21.75 6C21.75 6.19891 21.671 6.38968 21.5303 6.53033C21.3897 6.67098 21.1989 6.75 21 6.75Z' fill='%23222222'/%3E%3Cpath d='M3 17.25H6.12891C6.2841 16.8115 6.57139 16.4318 6.95124 16.1633C7.33109 15.8948 7.78483 15.7506 8.25 15.7506C8.71517 15.7506 9.16891 15.8948 9.54876 16.1633C9.92861 16.4318 10.2159 16.8115 10.3711 17.25H21C21.1989 17.25 21.3897 17.329 21.5303 17.4697C21.671 17.6103 21.75 17.8011 21.75 18C21.75 18.1989 21.671 18.3897 21.5303 18.5303C21.3897 18.671 21.1989 18.75 21 18.75H10.3711C10.2159 19.1885 9.92861 19.5682 9.54876 19.8367C9.16891 20.1052 8.71517 20.2494 8.25 20.2494C7.78483 20.2494 7.33109 20.1052 6.95124 19.8367C6.57139 19.5682 6.2841 19.1885 6.12891 18.75H3C2.80109 18.75 2.61032 18.671 2.46967 18.5303C2.32902 18.3897 2.25 18.1989 2.25 18C2.25 17.8011 2.32902 17.6103 2.46967 17.4697C2.61032 17.329 2.80109 17.25 3 17.25Z' fill='%23222222'/%3E%3Cpath d='M3 11.25H13.6289C13.7841 10.8115 14.0714 10.4318 14.4512 10.1633C14.8311 9.89481 15.2848 9.75064 15.75 9.75064C16.2152 9.75064 16.6689 9.89481 17.0488 10.1633C17.4286 10.4318 17.7159 10.8115 17.8711 11.25H21C21.1989 11.25 21.3897 11.329 21.5303 11.4697C21.671 11.6103 21.75 11.8011 21.75 12C21.75 12.1989 21.671 12.3897 21.5303 12.5303C21.3897 12.671 21.1989 12.75 21 12.75H17.8711C17.7159 13.1885 17.4286 13.5682 17.0488 13.8367C16.6689 14.1052 16.2152 14.2494 15.75 14.2494C15.2848 14.2494 14.8311 14.1052 14.4512 13.8367C14.0714 13.5682 13.7841 13.1885 13.6289 12.75H3C2.80109 12.75 2.61032 12.671 2.46967 12.5303C2.32902 12.3897 2.25 12.1989 2.25 12C2.25 11.8011 2.32902 11.6103 2.46967 11.4697C2.61032 11.329 2.80109 11.25 3 11.25Z' fill='%23222222'/%3E%3C/svg%3E%0A");
    vertical-align: bottom;
    margin: 0 0 0 11.5px;
}
.solution_system__items .see_more{
    width: 100%;
    max-width: 98%;
    min-width: 300px;
    height: 40px;
    border: none;
    background: #e0e0e0;
    color: #828282;
    font-size: 0.875rem;
    line-height: 17px;
    font-weight: 600;
    cursor: pointer;
}
.system_items a:hover{text-decoration: none;}
.system_items .card{
    width: 100%;
    max-width: 18rem;
    min-width: 14rem;
    border: 0;
    border-radius: 0;
    margin: 0 13px 20px 0;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.13);
}
.system_items .item .card_img{
    width: 100%;
    max-width: 100%;
    min-width: 120px;
    margin: 5px 0 0 0;
}
.system_items .item .card_img img{
    max-width: inherit;
    height: auto;
    object-fit: cover;
}
.system_items .item .card-title{
    text-align: center;
    font-size: 1.05rem;
    line-height: 19px;
    color: #333;
    font-weight: 600;
    margin: 0;
    font-family: "Proxima-Nova";
}
.system_items .item .card-body{padding: 22px 22px;}

/* блок фильтр */
.solition_system__filter {
    width: 100%;
    max-width: 265px;
    height: auto;
    min-width: 266px;
    padding: 0;
}
.solition_system__filter .mobile_filter__head {display: none;}
.system_filter {
    filter: drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.13));
    width: inherit;
    max-width: inherit;
}
.system_filter .filter_item:nth-child(1){
    -webkit-clip-path: polygon(9.97% -5.1%, 107.04% -19px, 108.89% 20%, 107.78% 80%, 105.92% 101.5%, -24px 101.24%, -7.41% 80.2%, -6.51% 28.86%);
    -ms-clip-path: polygon(9.97% -5.1%, 107.04% -19px, 108.89% 20%, 107.78% 80%, 105.92% 101.5%, -24px 101.24%, -7.41% 80.2%, -6.51% 28.86%);
    clip-path: polygon(9.97% -5.1%, 107.04% -19px, 108.89% 20%, 107.78% 80%, 105.92% 101.5%, -24px 101.24%, -7.41% 80.2%, -6.51% 28.86%);
}
.filter_item {
    padding: 25px 20px 23px 20px;
    border-bottom: 1px solid #E0E0E0;
    background: white;
}
.filter_item .filter__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    color: #333;
    margin: 0 0 17px;
}
.form-check.checket_filter {
    position: relative;
    display: flex;
    margin-bottom: 0;
    flex-direction: column;
    font-size: 14px;
    line-height: 15px;
}
.filter_item:last-child {
    border: 0;
}
.form-check.checket_filter .check:not(:last-child){margin: 0 0 20px 0;}
.filter_item:nth-child(7){border-bottom: none;}
.form-check.checket_filter .check > input[type="checkbox"]{display: none;}
.form-check.checket_filter .check > .form-check-label {
    margin-bottom: 0;
    display: inline-flex;
    align-items: center;
    padding: 0;
    cursor: pointer;
}
.form-check.checket_filter .check > .form-check-label::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background: #f8f8f8;
    box-shadow: inset 0px 0px 4px rgba(0,0,0,0.25);
    margin: 0 19px 0 0;
}
.form-check.checket_filter .check > input[type="checkbox"]:checked + label:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 3px solid #f8f8f8;
  background: linear-gradient(180deg, #E32636 0%, #D41727 100%), #E41F25;
}
.btn_filter {
    border: none;
    background: white;
    width: 100%;
}
.btn_filter a{
color: white;
font-size: 14px;
line-height: 17px;
font-weight: 600;
text-transform: capitalize;
display: block;
padding: 12px 0;
width: 225px;
height: 40px;
margin: 0 12px 20px;
background: #e0e0e0;
}
.btn_filter a:hover{text-decoration: none;}
.filter_is_active {
    bottom: 0% !important;
    max-height: 100% !important;
    overflow-y: scroll !important;
}


/* DETAIL PAGE */

.block_content__detail.container{margin: 35px 0 64px 0;}
.detail_info{grid-area: info;}
.infoRight{grid-area: infoRight;}
.content_detail__info {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(280px,988px)) minmax(115px,115px);
    width: 100%;
    max-width: 100%;
    grid-gap: 10px;
    grid-template-areas: "info infoRight";
}
.detail_info {
    background: white;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.13);
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    x-align-items: center;

}
.detail_info  .detail_info__img {
    position: relative;
    x-top: 150px;
    margin: 50px 22px 0 0;
}
.detail_info  .detail_info__img img {
    width: 430px;
    max-width: 100%;
    object-fit: cover;
    display: block;
    height: auto;
}
.detail_info .detail_info__body{
    x-padding: 48px 72px 27.85px 20px;
    max-width: 500px;
    min-width: 300px;
}
.detail_info .detail_info__body .detail_info__title {
    font-size: 18px;
    line-height: 26px;
    color: #222;
    font-weight: bold;
    margin: 42px 0 19px 0;
}
.detail_info .detail_info__body .info_txt{
    font-size: 14px;
    line-height: 17px;
    color: #333;
    text-align: justify;
}

.detail_info .detail_info__body .detail_info__desc{margin: 27px 0;}
.detail_info .detail_info__body .detail_info__desc .title{
    background: #F8F8F8;
    opacity: 0.9;
    font-size: 18px;
    line-height: 22px;
    color: #333;
    padding: 3px 0 5px 9px;
    margin: 0 0 17px 0;
}
.detail_info .detail_info__body .detail_info__desc .info_desc{}
.detail_info .detail_info__body .detail_info__desc .info_desc .bold{font-weight: bold;}
.detail_info .detail_info__body .detail_info__desc .info_desc ol li {
    display: flex;
    font-size: 14px;
    line-height: 17px;
    color: #333;
    margin:0 0 18.5px 0;
    position: relative;
}
.detail_info .detail_info__body .detail_info__desc .title-nobg {
    font-size: 18px;
    line-height: 22px;
    margin: 30px 0 26px 0;
}
.detail_info .detail_info__body .detail_info__desc ul,
.info_desc ol {
    margin: 0;
    padding: 0 15px;
}
.detail_info .detail_info__body .detail_info__desc ul li {
/*    display: flex; */
    margin: 0 0 18.5px 0;
    font-size: 14px;
    line-height: 100%;
    font-weight: 600;
    list-style-type: none;
}
.detail_info .detail_info__body ul li .lien-left{
    border-left: 1px solid #e9e9e9;
    margin: 0 13px 0 18px;
}
.detail_info .detail_info__body .info_desc ol li .lien-left {
    border-left: 1px solid #e9e9e9;
    margin: 0 13px 0 8px;
}
.detail_info .detail_info__body .detail_info__desc ul li:nth-child(2) .lien-left {margin: 0 13px;}
.detail_info .detail_info__body .star,
.detail_info .detail_info__body .star_two {
    color: #E60B18;
    font-size: 16px;
    line-height: 19px;
}
.detail_info .detail_info__body .detail_info__desc .info_desc ol li .star_two,
.detail_info .detail_info__body .detail_info__desc .info_desc ol li .star {
    position: absolute;
    left: 8px;
    right: auto;
}
.block_descriptions{margin: 55px 0 0 0;}
.info_desc ol {
    list-style-type: none;
    counter-reset: li;
}
.info_desc ol li::before {
    content: counter(li);
    color: #333;
    counter-increment: li;
    min-width: 15px;
}
.detail_info__right {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.13);
    background: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    padding: 24px 24px;
}
.detail_info__right a{color: #333;}
.detail_info__right a:hover{text-decoration: none;}
.info_item {
    width: 65px;
    text-align: center;
    
}
:nth-child(3n) .info_item {margin: 0;}
.info_item p {
    line-height: 15px;
    font-size: 12px;
    margin: 10px 0 15px 0;
  	width: 71px;
	word-break: break-all;
}

/* Tabs */
.tabs{
    width: 100%;
    max-width: 100%;
    min-width: 300px;
    display:inline-block;
}
.content_tabs__mobile{display: none;}
.active{display: block;}
.tabs > div{
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.13);
    padding-top:10px;}
.tabs ul{
    margin:0px;
    padding:0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tabs ul a{
    color: #e60b18;
    line-height: 24px;
    font-size: 20px;
    font-weight: 600;
	margin: 0 100px 0 0;
}
.tabs ul:after{
    content:"";
    display:block;
    clear:both;
    height:5px;
    background:#46c765;
}
.tabs_btn{
    display: inline-flex;
	margin: 0 auto 0 0;
}
.tabs ul .tabs_btn li{
    cursor:pointer;
    display:block;
    padding:12px 43px;
    background:#F2F2F2;
    color:#333;
}
.tabs_btn .tab {
    width: 233px;
    text-align: center;
}
.tabs ul .tabs_btn li.active, .tabs ul .tabs_btn li.active:hover{
    background: white;
    border-top: 2px solid #e20003;
    box-shadow: 0 -14px 60px rgba(0, 0, 0, 0.1);
}
.tabs ul .tabs_btn li:hover{background:#d6d6d7;}

.content_tabs{
    background: white;
}
.content_tabs .descriptions{
    padding: 45px 63px 36px 63px;
}
.content_tabs .descriptions .title{
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: #333;
}
.content_tabs .descriptions p{
    font-size: 14px;
    line-height: 17px;
    color: #333;
    text-align: justify;
}
.content_tabs .documentation,
.tab .documentation{padding: 34px 33px;}
.content_tabs .documentation button,
.tab .documentation button {
    width: 151px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #333;
    background: #E0E0E0;
    border: 0;
    padding: 10px 10px 10px 30px;
    position: relative;
    cursor: pointer;
}
.content_tabs .documentation button::before,
.tab .documentation button::before{
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-image: url("/static/images/solutions/Download.svg");
    position: absolute;
    left: 10px;
    font-size: 14px;
    background-repeat: no-repeat;
    right: 10px;
    top: 11.5px;
    bottom: auto;
}
.content_tabs .documentation .support_list,
.tab .documentation .support_list{margin: 47px 0 0 0;}
.content_tabs .documentation .support_list .title,
.content_tabs .documentation .certif_list .title,
.tab .documentation .support_list .title,
.tab .documentation .certif_list .title{
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 15px 0;
    text-align: left;
}
.content_tabs .documentation .list,
.tab .documentation .list {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    margin: 0 0 15px 0;
    position: relative;
}
.content_tabs .documentation .list .txt,
.tab .documentation .list .txt{
    display: flex;
    align-items: center;
    margin: 0 22px 0 0;
}
.content_tabs .documentation .list .txt .arrow,
.tab .documentation .list .txt .arrow{
    width: 26px;
    height: 26px;
    background: red;
    padding: 6px;
    margin: 0 20px 0 0;
}
.content_tabs .documentation .list .txt .arrow::before,
.tab .documentation .list .txt .arrow::before{
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    background-image: url("/static/images/solutions/arrow-right.svg");
    background-size: cover;
}
.content_tabs .documentation .list .txt > p,
.tab .documentation .list .txt > p {
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    margin: 0;
}
/* end tabs */
.descriptions.content_tabs__mobile.active,
.documentation.content_tabs__mobile.active{display: none!important;}
@media screen and (max-width: 1140px){

.detail_info .detail_info__img {
    margin: 40px 15px 0;
    width: 300px;
    top: 0;
}
.detail_info .detail_info__body .detail_info__title{
    text-align: center;
    word-wrap: anywhere;
    }
.detail_info .detail_info__body {padding: 0 22px 0 24px;}
}
@media screen and (max-width: 869px){
    .tabs_btn {
        width: 100%;
    }
    .tabs ul .tabs_btn li {padding: 12px 18px;}
    .content_tabs__desck{display: none;}
    .descriptions.content_tabs__mobile.active{
        text-align: justify;
        font-size: 14px;
        line-height: 17px;
        font-weight: normal;
    }
    .descriptions.content_tabs__mobile.active,
    .documentation.content_tabs__mobile.active{display: block!important;}
    .tabs ul .tabs_btn .tab{
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
    }
    .content_tabs__mobile .title{
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        margin: 28px 0 20px 0;
    }
    .tabs ul,
    .tabs_btn{flex-direction: column;}
    .tabs_btn .tab {width: 100%;}
    .tabs ul a {padding: 14px 0;}
    .tab.content_tabs{padding: 12px 23px!important;}
    .tab .documentation{padding: 34px 0;}
    .tab .documentation .list .txt > p {
        line-height: 120%;
        text-align: left;
    }
    .tab .documentation button {
        margin: 0 auto 0 0;
        display: block;
    }
   .tab .documentation .list button {
        width: 34px;
        min-width: 34px;
        height: 34px;
        padding: 10px 10px 10px 12px;
        overflow: hidden;
        text-indent: 400%;
        word-spacing: initial;
        white-space: nowrap;
        margin-left: auto;
        margin-right: 0;
    }
    .tab .documentation .list button:before {
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
    }
    .modal-dialog {margin: 120px 10px !important}
    .modal-img {top: 25px;}
    .modal_informations .modal-body {padding: 48px 20px 27.85px;}
}
@media screen and (max-width: 640px){
    /* filter */
    .system_filter {
        -webkit-clip-path: none;
        -ms-clip-path: none;
        clip-path: none;
    }
    .solition_system__filter{
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 999;
        max-width: 100%;
        max-height: 0;
        height: auto;
        overflow: hidden;
        display: none;
        /* position: absolute;
        left: 0;
        right: auto;
        top: auto;
        bottom: -100%;
        z-index: 999;
        max-width: 100%;
        max-height: 0;
        height: auto;
        overflow: hidden; */
        -webkit-transition: transform .3s ease-in-out .5s;
        -moz-transition: transform .3s ease-in-out .5s;
        -o-transition: transform .3s ease-in-out .5s;
        transition: transform .3s ease-in-out .5s;
    }
    .solition_system__filter.filter_is_active {
        display: block;
    }
    .solition_system__filter > p,
   /* .system_filter .btn_filter{display: none;} */
    .solition_system__filter .mobile_filter__head {
        width: 100%;
        max-width: 100%;
        min-width: 300px;
        background: white;
        height: 60px;
        display: flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        border-radius: 10px 10px 0 0;
        border: 1px solid #E0E0E0;
        padding-left: 20px;
        margin-top: 0;
    }
    .solition_system__filter .mobile_filter__head .mobile_filter__close:before{
        content: "";
        display: block;
        background-image: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Cline x1='17.2879' y1='1.78791' x2='0.787938' y2='18.2879' stroke='%234F4F4F' stroke-width='2.22855'/%3E%3Cline x1='0.78962' y1='1.71206' x2='17.2896' y2='18.212' stroke='%234F4F4F' stroke-width='2.22855'/%3E%3C/g%3E%3C/svg%3E%0A");
        width: 19px;
        height: 20px;
        margin: 0 16px;
    }
    .solition_system__filter .mobile_filter__head .btn_filter.mobile_btn_filter {
        width: 100px;
        margin: 12px 7px 10px 0;
        color: white;
    }
    .solition_system__filter .mobile_filter__head > p {
        font-size: 20px;
        line-height: 24px;
        color: #333;
        font-weight: 600;
        margin: 0;
    }
    .solition_system__filter .system_filter {height: inherit;}
    .btn_filter_modile{display: inline-block;}
    /* end filter */
    .system_cards.row {
        padding: 0 15px 0 15px;
        justify-content: space-between;}
    .system_items.container {
        padding-right: 0;
        padding-left: 0px;
    }
    .system_items .card {
        max-width: 223px;
        min-width: 12rem;
        margin: 0 0 10px;
    }

    /* modal-window */
    .modal_solution__item span:before{
        right: 10.5px;
        top: 11px;
    }
    .modal_informations{
        /* max-height: 960px; */
        height: auto;
    }
    .modal-img {
        position: static;
        margin: 38px 52px 22px 43px;
    }
    .modal_informations .modal-body {
        padding: 22px 15px 31px!important;
        min-width: 1px;
    }
    .modal_informations .modal-title {
        font-size: 1.385rem;
        line-height: 22px;
        width: 240px;
        word-break: break-word;
    }
    .modal_informations .info_txt {
        font-size: 1.077rem;
        line-height: 17px;
    }
    .modal_informations .modal-footer{
	padding: 0 15px;
    margin: 0 0 20px;
    min-width: 1px;
    }
    .modal_informations .modal-footer .modal_advant {
        margin-right: 0;
        min-width: 1px;
        width: auto;
    }
    .modal_advant {
        padding: 0;
        width: 300px;
    }
    .modal-dialog {margin: 120px 16px !important}
    .modal_informations .info_txt {margin-bottom: 22px;}
    .modal_informations .modal-footer .modal_advant .modal_advant__item{margin:0 0 10px 0;}
    .modal-footer > :not(:last-child){margin: 0;}
    .modal_informations .modal-footer .modal-btn a{width: 100%;}
    .modal_informations .modal-footer .modal-btn a:nth-child(1) {margin: 0 auto;}
    .modal_informations .modal-footer .modal-btn a:nth-child(2) {margin: 19px auto 31px;}

    .system_filter .filter_item:nth-child(1){
        -webkit-clip-path: none;
        -ms-clip-path: none;
        clip-path: none;
    }
    .modal_informations .modal-footer .modal_advant .modal_advant__item .advant_item {
        width: auto;
    }
}
@media screen and (max-width: 480px){
    /* .content_solution__navigation {
        position: absolute;
        left: 0;
        right: 0;
    } */
    .block_content__detail.container {
        padding:0;
        margin: 55px 0 64px 0;}
    .content_solution__navigation .solution_btn {margin: 0 3px 0 0;}
    .block_solutions__systems {
        overflow: hidden;
        height: auto;
        margin: 22px 0;padding: 0;}
    .content_detail__info {
        grid-template-areas: "info" "infoRight";
        grid-template-columns: repeat(auto-fit,minmax(100%,100%)) minmax(345px,1fr)
    }
    .detail_info__right.infoRight {
        flex-flow: row wrap;
        justify-content: space-between;
        padding: 24px 39.5px 0;
    }
    .info_item {
        width: 56px;
        margin: 0 46.5px 20px 0;
    }
    .system_items .card {max-width: 13.3rem;}
    .info_item p {
        position: relative;
        left: -8px;}

}
@media only screen and (min-device-width: 381px) and (max-device-width: 413px){
    .system_items .card {max-width: 13.7rem;}
}
@media screen and (max-width: 380px){
    .system_items .item .card-body {padding: 14px 0 12px}
    .system_items .item .card-title {
        font-size: 0.7rem;
        line-height: 12px;
    }
    .info_item {
        width: 56px;
        margin: 0 15px 20px 0;
    }
    .system_items .card {
        max-width: 11.6rem;
        min-width: 11rem;
    }
    .modal-img,
    .modal_advant{min-width: 280px;width: 280px;}
}
@media screen and (max-width: 360px){
    .system_items .card {
        max-width: 11rem;
        min-width: 11rem;
    }
}