@import "./css/montserrat.font.css" screen;
@import "./css/fontawesome.6.1.0.min.css" screen;
@import "./libs/bootstrap-5.2.0/css/bootstrap.min.css" screen;
@import "./libs/slick-1.8.1/slick.min.css" screen;
@import "./libs/fancybox-4.0.27/fancybox.min.css" screen;
html, body {
    font-size: 16px;
    font-weight: 400;
    color: #353535;
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}
*:hover {
    transition: all .3s;
}
a,
a:active,
a:focus,
a:visited {
    color: #353535;
}
a:hover {
    color: #353535;
    cursor: pointer;
}
.cursor-pointer {
  cursor: pointer;
}
.btn,
.btn:active,
.btn:focus,
.btn:visited  {
    display: inline-block;
    border: 0 none;
    border-radius: 4px;
    white-space: nowrap;
    padding: 10px 48px;
}
.btn:hover {
    border: 0 none;
    cursor: pointer;
}
.btn-default,
.btn-default:active,
.btn-default:focus,
.btn-default:visited {
    color: #fff;
    font-weight: 500;
    background-color: #146ebe;
}
.btn-default:hover {
    color: #fff;
    background-color: #1881df;
}
.btn-orange,
.btn-orange:active,
.btn-orange:focus,
.btn-orange:visited {
    color: #353535;
    font-weight: 500;
    background-color: #ffbd59;
}
.btn-orange:hover {
    background-color: #ffa926;
}
.btn-gray,
.btn-gray:active,
.btn-gray:focus,
.btn-gray:visited {
    color: #353535;
    font-weight: 500;
    background-color: #f1f1f1;
}
.btn-gray:hover {
    background-color: #e8e8e8;
}
.w-max {
    width: max-content;
}
.fw-300 {
    font-weight: 300;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
.fs {
    font-size: .9rem;
}
.fsw {
    text-shadow: 2px 2px 2px rgba(0,0,0,.1);
}
.bsw {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}
.bsw-top {
    box-shadow: 0 -1px 5px 0 rgba(0,0,0,.1);
}
.bsw-line {
    box-shadow: 0 0 5px 0 rgba(0,0,0,.15);
}
.rounded {
    border-radius: 4px;
}
.card {
    border: 0 none;
    animation: alternate;
}
.card.bsw {
    border: 1px solid #f7f7f7;
}
.card.bsw .card-img-top {
    border-bottom: 1px solid rgba(0,0,0,.05);
}
.card.bsw .card-body {
    background-color: #f7f7f7;
}
.dotted {
    flex: 1 0;
    border-bottom: 1px dotted #dbdcdf;
    height: .5rem;
    margin: 0 .5rem;
}
.text > *:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.icon-bx {
    background-color: #fff;
}
.icon-img-top {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
    height: 80px;
}
.icon-title {
    font-weight: bold;
}
.icon-descr {
    font-size: .85rem;
}
.layer-1 {
    background-color: #f7f7f7;
}
.layer-2 {
    background-color: #f4f4f4;
}
.layer-3 {
    color: #fff;
    background-color: #353535
}
.layer-3 a,
.layer-3 a:active,
.layer-3 a:focus,
.layer-3 a:visited {
    color: #fff;
}
.modal-btn-close {
    position: absolute;
    top: 8px;
    right: 8px;
    color: #353535;
}
.form-control {
    display: inline-block;
    margin: 0;
    text-align: left;
    border: 1px solid #DBDCDF;
    border-radius: 4px;
    padding: 10px 30px;
    width: 100%;
    background-color: #FFF;
    box-sizing: border-box;
}
.app {
    padding-top: 170px;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    z-index: 100;
}
header.scroll {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    padding-bottom: 1rem;
}
header .button-menu,
header.scroll .logotype,
header.scroll > .container > .scroll-none {
    display: none !important;
}
header.scroll .button-menu {
    display: block !important;
}
header .logotype {
    width: max-content;
}
header .logotype .link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
}
header .logotype .link .img {
    display: block;
    height: 50px;
}
header .logotype .link .title {
    margin-left: 8px;
}
header .logotype .link .title .name {
    display: block;
    color: #146ebe;
    font-weight: 800;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 3px;
    white-space: nowrap;
}
header .logotype .link .title .sub {
    display: block;
    color: #797979;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
}
header .social a {
    color: #146ebe;
}
header .phones a {
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 17px;
    line-height: 25px;
    white-space: nowrap;
}
header .address .location {
    display: block;
    text-decoration: none;
    color: #333;
    line-height: 28px;
    white-space: nowrap;
}
header .address > a.email {
    display: block;
    text-decoration: underline;
    color: #146ebe;
    line-height: 18px;
    white-space: nowrap;  
}
header .btn-menu {
    background-color: #146ebe;
    color: #fff;
    line-height: 40px;
    font-weight: 600;
    text-align: center;
    font-size: 17px;
    line-height: 56px;
    height: 56px;
    border-radius: 4px;
    text-decoration: none;
}
header .btn-menu:hover {
    background-color: #1881df;
}
header .top-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;  
    height: 56px;
}
header .top-menu .item {
    display: block;
    width: 100%;
    height: 100%;
}
header .top-menu .item:hover {
    background-color: #f7f7f7;
}
header .top-menu .item.active {
    background-color: #ffbd59;
}
header .top-menu .item:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
header .top-menu .item:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
header .top-menu .item > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #333;
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    white-space: nowrap;
}
header .top-menu .item.parent {
    position: relative;
}
header .top-menu .item.parent > i {
    position: absolute;
    top: calc(50% - 8px);
    right: 10px;
}
header .top-menu .items.sub {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}
header .top-menu .item.parent:hover > .items.sub {
    display: block;
}
header .top-menu .items.sub > .item > a {
    height: 56px;
}
header .menu-line {
    display: none;
    justify-content: flex-start;
    flex-wrap: nowrap;
}
header .menu-line .items > .item a {
    display: block;
    padding: .65rem .5rem;
    margin: 0 .5rem;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    color: #353535;
    white-space: nowrap;
}
header .menu-line .items > .item.active > a,
header .menu-line .items > .item a:hover {
    color: #8A8A8A;
    cursor: pointer;
}
header .menu-line.mobile {
    display: none !important;
    position: fixed;
    background-color: #FFF;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 100;
}
header .menu-line .menu-title {
    background-color: #F1F1F1;
    border-bottom: 1px solid #DBDCDF;
    position: relative;
}
header .menu-line .menu-title .menu-close {
    height: 55px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    cursor: pointer;   
}
header .menu-line.mobile .item {
    position: relative;
    display: block;
}
header .menu-line.mobile .sub {
    width: 100%;
}
header .menu-line.mobile .item a {
    padding: .65rem 1rem;
    margin: 0 auto;
    border-bottom: 1px solid #DBDCDF;
    min-height: 40px;
}
header .menu-line.mobile.show {
    display: block !important;
}
header .menu-line.mobile .item > a,
header .menu-line.mobile .item > .dropdown {
    display: none; 
}
header .menu-line.mobile .show > .item > a {
    display: block;
    width: 100%;
}
header .menu-line.mobile .show > .item > .dropdown {
    height: 39px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
header .menu-line.mobile .show > .item .dropdown:hover {
    background-color: #F1F1F1;
    cursor: pointer;
}
header .menu-line .back,
header .menu-line.mobile .back:not(.view) {
    display: none;
}
header .menu-line.mobile .back {
    display: block;
    width: max-content;
}
section .banner {
    display: block;
    overflow: hidden;
}
section .banner > img {
    display: block;
    width: 100%;
}
section .box-title {
    color: #333; 
}
section .breadcrumbs {
    overflow-x: auto;
}
section .breadcrumbs a {
    font-size: 15px;
    text-decoration: none;
    white-space: nowrap;
}
section .breadcrumbs a:hover {
    text-decoration: underline;
    cursor: pointer;
}
section .breadcrumbs i {
    font-size: 12px;
}
section .sidebar {
    border-radius: 4px;
    overflow: hidden;
}
section .sidebar .title {
    background-color: #ffbd59;
    width: 100%;
}
section .menu-sidebar {
    width: 100%;
}
section .menu-sidebar.fixed-height {
    max-height: 550px;
    overflow-y: auto;
}
section .menu-sidebar .item {
    position: relative;
}
section .menu-sidebar .item > .dropdown {
    height: 62px;
    width: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
section .menu-sidebar .item > .dropdown:hover {
    cursor: pointer;
}
section .menu-sidebar .item > a {
    text-decoration: none;
    line-height: 62px;
    display: block;
    width: 100%;
    padding-right: 15px;
}
section .menu-sidebar .item > div > a {
    text-decoration: none;
    display: block;
    width: 100%;
    padding-right: 15px;
}
section .menu-sidebar .sub .item > a {
    line-height: 42px;
}
section .menu-sidebar .sub .item:first-child > a {
    margin-top: .5rem;
}
section .menu-sidebar .sub .item:last-child > a {
    padding-bottom: .5rem;
}
section .menu-sidebar .item.active > a,
section .menu-sidebar .item > a:hover,
section .menu-sidebar .item.active > div > a,
section .menu-sidebar .item > div > a:hover {
    text-decoration: underline;
}
section .menu-sidebar > .item > a,
section .menu-sidebar .sub > .item:last-child > a {
    border-bottom: 1px solid #DBDCDF;
}
section .menu-sidebar > .item:last-child .sub > .item:first-child > a {
    margin-top: 0;
    padding-top: .5rem;
    border-top: 1px solid #DBDCDF;
}
section .menu-sidebar > .item:last-child .sub > .item:last-child > a {
    border-bottom: 0 none;
}
section .menu-sidebar > .item:last-child > a {
    border-color: transparent;
}
section .menu-sidebar .sub {
    display: none;
}
section .menu-sidebar .item.active > .sub {
    display: block;
}
section .product .caruse {
    border-radius: 4px;
    overflow: hidden;
}
section .product .caruse:not(.slick-initialized) .item:not(:first-child)
section .product .caruse-nav:not(.slick-initialized) .item {
    display: none;
}
section .product .caruse-nav .item .img {
    border-radius: 4px;
    overflow: hidden;
}
section .product .caruse-nav .slick-list {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
section .tabs .content:not(.show) {
    display: none;
}
section .card-tiles {
    background: #FFF;
    border-radius: 4px;
    width: 100%;
    overflow: hidden;
}
section .card-tiles:hover {
    box-shadow: 0px 5px 10px 4px rgba(0, 0, 0, 0.2);
}
section .card {
    background: #fff;
    border-radius: 4px;
    width: 100%;
    overflow: hidden;
}
section .card:hover {
    box-shadow: 0px 5px 10px 4px rgba(0, 0, 0, 0.2);
}
section .card .img {
    max-height: 380px;
    height: 100%;
}
section .card .img > img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    width: 100%;
    max-width: 100%;
}
section .card .title {
    text-decoration: none;
}
section .card .title:hover {
    text-decoration: underline;
    cursor: pointer;
}
section .card .title::after {
    content: '';
    display: block;
    width: 30%;
    height: 5px;
    margin: 1rem auto;
    padding: 0;
    background-color: #ffbd59;
}
section .card .links .link > a {
    display: block;
    color: #353535;
    font-size: 16px;
    line-height: 34px;
    text-decoration: none;
}
section .card .links .link > a:hover {
    color: #8A8A8A;
    text-decoration: underline;
    cursor: pointer;
}
section .card .info > div > div:last-child {
    white-space: nowrap;
}
section .table-over {
    width: 100%;
    max-width: 100%;
    overflow: auto;
    border-radius: 4px;
}
section .table-over table {
    border-collapse: collapse;
    width: 100%;
}
section .table-over table td,
section .table-over table th {
    padding: 1rem;
    border: 1px solid #f4f4f4;
}
section .table-over table th {
    font-weight: 400;
    background-color: #ffbd59;
    border-color: #ffbd59;
}
section .table-over table td {
    background-color: #fff;
}
section .table-over table tr:nth-child(2n) td {
    background-color: #f4f4f4;
}
section .page-content ul li,
section .page-content ol li {
    margin-bottom: .5rem;
}
section .pagination {
    margin: 1rem 0 0;
}
section .page-item:first-child .page-link {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
section .page-item:last-child .page-link {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
section .active > .page-link,
section .page-link.active {
    border-color: #ffbd59;
    background-color: #ffbd59;
}
section .disabled > .page-link,
section .page-link.disabled,
section .active > .page-link,
section .page-link.active,
section .page-link {
    color: #353535;
}
section .page-line {
    background-color: #DBDCDF;
    width: 100%;
    height: 1px;
}
footer .logotype {
    width: max-content;
}
footer .logotype .link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
}
footer .logotype .link .img {
    display: block;
    height: 50px;
}
footer .logotype .link .title {
    margin-left: 8px;
}
footer .logotype .link .title .name {
    display: block;
    color: #ffbd59;
    font-weight: 800;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 3px;
    white-space: nowrap;
}
footer .logotype .link .title .sub {
    display: block;
    color: #f7f7f7;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
}
footer .social a {
    color: #d0d0d0;
}
footer .phones a {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 17px;
    line-height: 25px;
    white-space: nowrap;
}
footer .split-line {
    width: 100%;
    height: 1px;
    background-color: rgba(250, 250, 250, 0.2);
}
footer .menu .item > a {
    display: block;
    padding: .35rem 0;
    margin: 0;
    text-decoration: none;
    font-size: 16px;
    line-height: 16px;
    color: #FFF;
    white-space: nowrap;
}
footer .menu .item > a:hover {
    text-decoration: underline;
    cursor: pointer;
}
@media all and (max-width: 991px) {
    .app {
        padding-top: 226px;
    }
    header .btn-menu,
    header .top-menu .item > a  {
        font-size: 14px;
    }
    header.scroll > .container > .row:first-child > .order-2,
    header.scroll > .container > .row:first-child > .order-5 {
        display: none !important;
    }
}
@media all and (max-width: 767px) {
    .app {
        padding-top: 156px;
    }
    header {
        background-color: #f7f7f7;
    }
    header.scroll > .container > .row:first-child > .order-2 {
        display: block !important;
    }
    header.scroll > .container > .row:first-child > .order-3 {
        display: none !important;
    }
}