@charset UTF-8;
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;
600;
700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;
600;
700&display=swap);
.filter-button {
    cursor: pointer;
}
.filter-button .icon {
    width: 30px;
}
.product .tit a{
    font-size:13px;
}
.category-line {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border-top: 1px solid #e8edef;
}
.category-line:before {
    left: 1px;
}
.paginator {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px;
}

.paginator span {
    display: inline-block;
    text-align: center;
    padding: 4px 0;
    width: 26px;
    font-size: 10pt;
    margin: 0 3px;
    background: #cd2c32;
    color: #fff;
    border-radius: 3px;
}
.paginator a {
    display: inline-block;
    text-align: center;
    padding: 4px 0;
    width: 26px;
    margin: 0 3px;
    background: #1e5799;
    background: -webkit-gradient(linear, left top, left bottom, from(#1e5799), color-stop(0%, #fff), to(#e9e9e9));
    background: linear-gradient(to bottom, #1e5799 0%, #fff 0%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e9e9e9', GradientType=0);
    font-size: 10pt;
    border-radius: 3px;
    color: #000;
}
.category-line:before, .category-line:after {
    position: absolute;
    content: '';
    top: 0;
    height: 100%;
    width: 2px;
    background: #fff;
    z-index: 2;
}
.category-line .cat-block {
    border-bottom: 1px solid #e8edef;
    border-right: 1px solid #e8edef;
    display: block;
    text-decoration: none;
    padding: 18px 18px 13px;
    flex-grow: 1;
    width: 100%;
    max-width: calc(100% / 8);
    text-align: center;
    position: relative;
    transition: 0.3s;
}
.category-line .cat-block .number {
    transition: 0.3s;
    border-radius: 3px;
    background: #e3ecef;
    right: 11px;
    top: 11px;
    padding: 0 5px;
    font-size: 11px;
    color: #8ea6ab;
    position: absolute;
}
.category-line .cat-block .icon {
    height: 90px;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.category-line .cat-block .name {
    color: #3d4b52;
    transition: 0.3s;
    font-size:13px;
}
.category-line .cat-block:hover {
    box-shadow: 0 0 36px rgb(61 75 82 / 16%);
}
.icon {
    line-height: 0;
}
.category-filter {
    width: 300px;
}
.category-filter .filter-head {
    background: #e3ecef;
}
.category-filter .filter-head .icon {
    width: 25px;
}
.category-filter .collapse-block:not(:last-of-type) {
    border-bottom: 1px solid #ccc;
}
.category-filter .collapse-block {
    padding: 15px 30px;
    position: relative;
}
.category-filter .collapse-block .btn {
    width: 100%;
    box-shadow: none;
    text-align: left;
    padding: 0 30px 0 30px;
    position: relative;
}
.category-filter .collapse-block .btn:before {
    position: absolute;
    content: '';
    left: 0;
    top: 5px;
    width: 10px;
    height: 10px;
    border-width: 2px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    transform: rotate(-45deg);
    transition: 0.3s;
}
.collapse:not(.show) {
    display: none;
}
.category-filter .collapse-block .card {
    border: none;
    border-radius: 0;
    padding: 10px 0 0 0;
}
.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}
.category-filter .for-range .range-fields {
    display: flex;
    align-items: center;
    color: #ccc;
    margin: 0 0 10px 0;
}
.category-filter .for-range .range-fields input {
    height: 30px;
    padding: 0 15px;
    border-radius: 3px;
    width: 100%;
    flex-grow: 1;
    border: 1px solid #ccc;
}
.irs--round.irs-with-grid {
    height: 65px;
}
.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}
.category-filter .filter-control {
    margin-top: 30px;
}
a.cl-btn.blue:hover, button.cl-btn.blue:hover {
    background: #1c6ac9;
}
.category-filter .filter-control .cl-btn {
    border-radius: 3px;
}
.category-filter .filter-control .deleting {
    width: 50px;
    min-height: 100%;
    padding: 13px;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.color-blue{
    color:#039BE5
}
.color-red{
    color:#FE2C55
}
.color-light{
    color:#fff
}
.color-orange{
    color:#F7783C
}
.color-green{
    color:#00791C
}
.fs-0{
    font-size:0
}
.fs-1{
    font-size:1px
}
.fs-2{
    font-size:2px
}
.fs-3{
    font-size:3px
}
.fs-4{
    font-size:4px
}
.fs-5{
    font-size:5px
}
.fs-6{
    font-size:6px
}
.fs-7{
    font-size:7px
}
.fs-8{
    font-size:8px
}
.fs-9{
    font-size:9px
}
.fs-10{
    font-size:10px
}
.fs-11{
    font-size:11px
}
.fs-12{
    font-size:12px
}
.fs-13{
    font-size:13px
}
.fs-14{
    font-size:14px
}
.fs-15{
    font-size:15px
}
.fs-16{
    font-size:16px
}
.fs-17{
    font-size:17px
}
.fs-18{
    font-size:18px
}
.fs-19{
    font-size:19px
}
.fs-20{
    font-size:20px
}
.fs-21{
    font-size:21px
}
.fs-22{
    font-size:22px
}
.fs-23{
    font-size:23px
}
.fs-24{
    font-size:24px
}
.fs-25{
    font-size:25px
}
.fs-26{
    font-size:26px
}
.fs-27{
    font-size:27px
}
.fs-28{
    font-size:28px
}
.fs-29{
    font-size:29px
}
.fs-30{
    font-size:30px
}
.fs-31{
    font-size:31px
}
.fs-32{
    font-size:32px
}
.fs-33{
    font-size:33px
}
.fs-34{
    font-size:34px
}
.fs-35{
    font-size:35px
}
.fs-36{
    font-size:36px
}
.fs-37{
    font-size:37px
}
.fs-38{
    font-size:38px
}
.fs-39{
    font-size:39px
}
.fs-40{
    font-size:40px
}
.fs-41{
    font-size:41px
}
.fs-42{
    font-size:42px
}
.fs-43{
    font-size:43px
}
.fs-44{
    font-size:44px
}
.fs-45{
    font-size:45px
}
.fs-46{
    font-size:46px
}
.fs-47{
    font-size:47px
}
.fs-48{
    font-size:48px
}
.fs-49{
    font-size:49px
}
.fs-50{
    font-size:50px
}
.fs-51{
    font-size:51px
}
.fs-52{
    font-size:52px
}
.fs-53{
    font-size:53px
}
.fs-54{
    font-size:54px
}
.fs-55{
    font-size:55px
}
.fs-56{
    font-size:56px
}
.fs-57{
    font-size:57px
}
.fs-58{
    font-size:58px
}
.fs-59{
    font-size:59px
}
.fs-60{
    font-size:60px
}
.fs-61{
    font-size:61px
}
.fs-62{
    font-size:62px
}
.fs-63{
    font-size:63px
}
.fs-64{
    font-size:64px
}
.fs-65{
    font-size:65px
}
.fs-66{
    font-size:66px
}
.fs-67{
    font-size:67px
}
.fs-68{
    font-size:68px
}
.fs-69{
    font-size:69px
}
.fs-70{
    font-size:70px
}
.fs-71{
    font-size:71px
}
.fs-72{
    font-size:72px
}
.fs-73{
    font-size:73px
}
.fs-74{
    font-size:74px
}
.fs-75{
    font-size:75px
}
.fs-76{
    font-size:76px
}
.fs-77{
    font-size:77px
}
.fs-78{
    font-size:78px
}
.fs-79{
    font-size:79px
}
.fs-80{
    font-size:80px
}
.fs-81{
    font-size:81px
}
.fs-82{
    font-size:82px
}
.fs-83{
    font-size:83px
}
.fs-84{
    font-size:84px
}
.fs-85{
    font-size:85px
}
.fs-86{
    font-size:86px
}
.fs-87{
    font-size:87px
}
.fs-88{
    font-size:88px
}
.fs-89{
    font-size:89px
}
.fs-90{
    font-size:90px
}
.fs-91{
    font-size:91px
}
.fs-92{
    font-size:92px
}
.fs-93{
    font-size:93px
}
.fs-94{
    font-size:94px
}
.fs-95{
    font-size:95px
}
.fs-96{
    font-size:96px
}
.fs-97{
    font-size:97px
}
.fs-98{
    font-size:98px
}
.fs-99{
    font-size:99px
}
.fs-100{
    font-size:100px
}
@media (min-width:576px){
    .fs-sm-0{
        font-size:0
    }
    .fs-sm-1{
        font-size:1px
    }
    .fs-sm-2{
        font-size:2px
    }
    .fs-sm-3{
        font-size:3px
    }
    .fs-sm-4{
        font-size:4px
    }
    .fs-sm-5{
        font-size:5px
    }
    .fs-sm-6{
        font-size:6px
    }
    .fs-sm-7{
        font-size:7px
    }
    .fs-sm-8{
        font-size:8px
    }
    .fs-sm-9{
        font-size:9px
    }
    .fs-sm-10{
        font-size:10px
    }
    .fs-sm-11{
        font-size:11px
    }
    .fs-sm-12{
        font-size:12px
    }
    .fs-sm-13{
        font-size:13px
    }
    .fs-sm-14{
        font-size:14px
    }
    .fs-sm-15{
        font-size:15px
    }
    .fs-sm-16{
        font-size:16px
    }
    .fs-sm-17{
        font-size:17px
    }
    .fs-sm-18{
        font-size:18px
    }
    .fs-sm-19{
        font-size:19px
    }
    .fs-sm-20{
        font-size:20px
    }
    .fs-sm-21{
        font-size:21px
    }
    .fs-sm-22{
        font-size:22px
    }
    .fs-sm-23{
        font-size:23px
    }
    .fs-sm-24{
        font-size:24px
    }
    .fs-sm-25{
        font-size:25px
    }
    .fs-sm-26{
        font-size:26px
    }
    .fs-sm-27{
        font-size:27px
    }
    .fs-sm-28{
        font-size:28px
    }
    .fs-sm-29{
        font-size:29px
    }
    .fs-sm-30{
        font-size:30px
    }
    .fs-sm-31{
        font-size:31px
    }
    .fs-sm-32{
        font-size:32px
    }
    .fs-sm-33{
        font-size:33px
    }
    .fs-sm-34{
        font-size:34px
    }
    .fs-sm-35{
        font-size:35px
    }
    .fs-sm-36{
        font-size:36px
    }
    .fs-sm-37{
        font-size:37px
    }
    .fs-sm-38{
        font-size:38px
    }
    .fs-sm-39{
        font-size:39px
    }
    .fs-sm-40{
        font-size:40px
    }
    .fs-sm-41{
        font-size:41px
    }
    .fs-sm-42{
        font-size:42px
    }
    .fs-sm-43{
        font-size:43px
    }
    .fs-sm-44{
        font-size:44px
    }
    .fs-sm-45{
        font-size:45px
    }
    .fs-sm-46{
        font-size:46px
    }
    .fs-sm-47{
        font-size:47px
    }
    .fs-sm-48{
        font-size:48px
    }
    .fs-sm-49{
        font-size:49px
    }
    .fs-sm-50{
        font-size:50px
    }
    .fs-sm-51{
        font-size:51px
    }
    .fs-sm-52{
        font-size:52px
    }
    .fs-sm-53{
        font-size:53px
    }
    .fs-sm-54{
        font-size:54px
    }
    .fs-sm-55{
        font-size:55px
    }
    .fs-sm-56{
        font-size:56px
    }
    .fs-sm-57{
        font-size:57px
    }
    .fs-sm-58{
        font-size:58px
    }
    .fs-sm-59{
        font-size:59px
    }
    .fs-sm-60{
        font-size:60px
    }
    .fs-sm-61{
        font-size:61px
    }
    .fs-sm-62{
        font-size:62px
    }
    .fs-sm-63{
        font-size:63px
    }
    .fs-sm-64{
        font-size:64px
    }
    .fs-sm-65{
        font-size:65px
    }
    .fs-sm-66{
        font-size:66px
    }
    .fs-sm-67{
        font-size:67px
    }
    .fs-sm-68{
        font-size:68px
    }
    .fs-sm-69{
        font-size:69px
    }
    .fs-sm-70{
        font-size:70px
    }
    .fs-sm-71{
        font-size:71px
    }
    .fs-sm-72{
        font-size:72px
    }
    .fs-sm-73{
        font-size:73px
    }
    .fs-sm-74{
        font-size:74px
    }
    .fs-sm-75{
        font-size:75px
    }
    .fs-sm-76{
        font-size:76px
    }
    .fs-sm-77{
        font-size:77px
    }
    .fs-sm-78{
        font-size:78px
    }
    .fs-sm-79{
        font-size:79px
    }
    .fs-sm-80{
        font-size:80px
    }
    .fs-sm-81{
        font-size:81px
    }
    .fs-sm-82{
        font-size:82px
    }
    .fs-sm-83{
        font-size:83px
    }
    .fs-sm-84{
        font-size:84px
    }
    .fs-sm-85{
        font-size:85px
    }
    .fs-sm-86{
        font-size:86px
    }
    .fs-sm-87{
        font-size:87px
    }
    .fs-sm-88{
        font-size:88px
    }
    .fs-sm-89{
        font-size:89px
    }
    .fs-sm-90{
        font-size:90px
    }
    .fs-sm-91{
        font-size:91px
    }
    .fs-sm-92{
        font-size:92px
    }
    .fs-sm-93{
        font-size:93px
    }
    .fs-sm-94{
        font-size:94px
    }
    .fs-sm-95{
        font-size:95px
    }
    .fs-sm-96{
        font-size:96px
    }
    .fs-sm-97{
        font-size:97px
    }
    .fs-sm-98{
        font-size:98px
    }
    .fs-sm-99{
        font-size:99px
    }
    .fs-sm-100{
        font-size:100px
    }
}
@media (min-width:768px){
    .fs-md-0{
        font-size:0
    }
    .fs-md-1{
        font-size:1px
    }
    .fs-md-2{
        font-size:2px
    }
    .fs-md-3{
        font-size:3px
    }
    .fs-md-4{
        font-size:4px
    }
    .fs-md-5{
        font-size:5px
    }
    .fs-md-6{
        font-size:6px
    }
    .fs-md-7{
        font-size:7px
    }
    .fs-md-8{
        font-size:8px
    }
    .fs-md-9{
        font-size:9px
    }
    .fs-md-10{
        font-size:10px
    }
    .fs-md-11{
        font-size:11px
    }
    .fs-md-12{
        font-size:12px
    }
    .fs-md-13{
        font-size:13px
    }
    .fs-md-14{
        font-size:14px
    }
    .fs-md-15{
        font-size:15px
    }
    .fs-md-16{
        font-size:16px
    }
    .fs-md-17{
        font-size:17px
    }
    .fs-md-18{
        font-size:18px
    }
    .fs-md-19{
        font-size:19px
    }
    .fs-md-20{
        font-size:20px
    }
    .fs-md-21{
        font-size:21px
    }
    .fs-md-22{
        font-size:22px
    }
    .fs-md-23{
        font-size:23px
    }
    .fs-md-24{
        font-size:24px
    }
    .fs-md-25{
        font-size:25px
    }
    .fs-md-26{
        font-size:26px
    }
    .fs-md-27{
        font-size:27px
    }
    .fs-md-28{
        font-size:28px
    }
    .fs-md-29{
        font-size:29px
    }
    .fs-md-30{
        font-size:30px
    }
    .fs-md-31{
        font-size:31px
    }
    .fs-md-32{
        font-size:32px
    }
    .fs-md-33{
        font-size:33px
    }
    .fs-md-34{
        font-size:34px
    }
    .fs-md-35{
        font-size:35px
    }
    .fs-md-36{
        font-size:36px
    }
    .fs-md-37{
        font-size:37px
    }
    .fs-md-38{
        font-size:38px
    }
    .fs-md-39{
        font-size:39px
    }
    .fs-md-40{
        font-size:40px
    }
    .fs-md-41{
        font-size:41px
    }
    .fs-md-42{
        font-size:42px
    }
    .fs-md-43{
        font-size:43px
    }
    .fs-md-44{
        font-size:44px
    }
    .fs-md-45{
        font-size:45px
    }
    .fs-md-46{
        font-size:46px
    }
    .fs-md-47{
        font-size:47px
    }
    .fs-md-48{
        font-size:48px
    }
    .fs-md-49{
        font-size:49px
    }
    .fs-md-50{
        font-size:50px
    }
    .fs-md-51{
        font-size:51px
    }
    .fs-md-52{
        font-size:52px
    }
    .fs-md-53{
        font-size:53px
    }
    .fs-md-54{
        font-size:54px
    }
    .fs-md-55{
        font-size:55px
    }
    .fs-md-56{
        font-size:56px
    }
    .fs-md-57{
        font-size:57px
    }
    .fs-md-58{
        font-size:58px
    }
    .fs-md-59{
        font-size:59px
    }
    .fs-md-60{
        font-size:60px
    }
    .fs-md-61{
        font-size:61px
    }
    .fs-md-62{
        font-size:62px
    }
    .fs-md-63{
        font-size:63px
    }
    .fs-md-64{
        font-size:64px
    }
    .fs-md-65{
        font-size:65px
    }
    .fs-md-66{
        font-size:66px
    }
    .fs-md-67{
        font-size:67px
    }
    .fs-md-68{
        font-size:68px
    }
    .fs-md-69{
        font-size:69px
    }
    .fs-md-70{
        font-size:70px
    }
    .fs-md-71{
        font-size:71px
    }
    .fs-md-72{
        font-size:72px
    }
    .fs-md-73{
        font-size:73px
    }
    .fs-md-74{
        font-size:74px
    }
    .fs-md-75{
        font-size:75px
    }
    .fs-md-76{
        font-size:76px
    }
    .fs-md-77{
        font-size:77px
    }
    .fs-md-78{
        font-size:78px
    }
    .fs-md-79{
        font-size:79px
    }
    .fs-md-80{
        font-size:80px
    }
    .fs-md-81{
        font-size:81px
    }
    .fs-md-82{
        font-size:82px
    }
    .fs-md-83{
        font-size:83px
    }
    .fs-md-84{
        font-size:84px
    }
    .fs-md-85{
        font-size:85px
    }
    .fs-md-86{
        font-size:86px
    }
    .fs-md-87{
        font-size:87px
    }
    .fs-md-88{
        font-size:88px
    }
    .fs-md-89{
        font-size:89px
    }
    .fs-md-90{
        font-size:90px
    }
    .fs-md-91{
        font-size:91px
    }
    .fs-md-92{
        font-size:92px
    }
    .fs-md-93{
        font-size:93px
    }
    .fs-md-94{
        font-size:94px
    }
    .fs-md-95{
        font-size:95px
    }
    .fs-md-96{
        font-size:96px
    }
    .fs-md-97{
        font-size:97px
    }
    .fs-md-98{
        font-size:98px
    }
    .fs-md-99{
        font-size:99px
    }
    .fs-md-100{
        font-size:100px
    }
}
@media (min-width:992px){
    .fs-lg-0{
        font-size:0
    }
    .fs-lg-1{
        font-size:1px
    }
    .fs-lg-2{
        font-size:2px
    }
    .fs-lg-3{
        font-size:3px
    }
    .fs-lg-4{
        font-size:4px
    }
    .fs-lg-5{
        font-size:5px
    }
    .fs-lg-6{
        font-size:6px
    }
    .fs-lg-7{
        font-size:7px
    }
    .fs-lg-8{
        font-size:8px
    }
    .fs-lg-9{
        font-size:9px
    }
    .fs-lg-10{
        font-size:10px
    }
    .fs-lg-11{
        font-size:11px
    }
    .fs-lg-12{
        font-size:12px
    }
    .fs-lg-13{
        font-size:13px
    }
    .fs-lg-14{
        font-size:14px
    }
    .fs-lg-15{
        font-size:15px
    }
    .fs-lg-16{
        font-size:16px
    }
    .fs-lg-17{
        font-size:17px
    }
    .fs-lg-18{
        font-size:18px
    }
    .fs-lg-19{
        font-size:19px
    }
    .fs-lg-20{
        font-size:20px
    }
    .fs-lg-21{
        font-size:21px
    }
    .fs-lg-22{
        font-size:22px
    }
    .fs-lg-23{
        font-size:23px
    }
    .fs-lg-24{
        font-size:24px
    }
    .fs-lg-25{
        font-size:25px
    }
    .fs-lg-26{
        font-size:26px
    }
    .fs-lg-27{
        font-size:27px
    }
    .fs-lg-28{
        font-size:28px
    }
    .fs-lg-29{
        font-size:29px
    }
    .fs-lg-30{
        font-size:30px
    }
    .fs-lg-31{
        font-size:31px
    }
    .fs-lg-32{
        font-size:32px
    }
    .fs-lg-33{
        font-size:33px
    }
    .fs-lg-34{
        font-size:34px
    }
    .fs-lg-35{
        font-size:35px
    }
    .fs-lg-36{
        font-size:36px
    }
    .fs-lg-37{
        font-size:37px
    }
    .fs-lg-38{
        font-size:38px
    }
    .fs-lg-39{
        font-size:39px
    }
    .fs-lg-40{
        font-size:40px
    }
    .fs-lg-41{
        font-size:41px
    }
    .fs-lg-42{
        font-size:42px
    }
    .fs-lg-43{
        font-size:43px
    }
    .fs-lg-44{
        font-size:44px
    }
    .fs-lg-45{
        font-size:45px
    }
    .fs-lg-46{
        font-size:46px
    }
    .fs-lg-47{
        font-size:47px
    }
    .fs-lg-48{
        font-size:48px
    }
    .fs-lg-49{
        font-size:49px
    }
    .fs-lg-50{
        font-size:50px
    }
    .fs-lg-51{
        font-size:51px
    }
    .fs-lg-52{
        font-size:52px
    }
    .fs-lg-53{
        font-size:53px
    }
    .fs-lg-54{
        font-size:54px
    }
    .fs-lg-55{
        font-size:55px
    }
    .fs-lg-56{
        font-size:56px
    }
    .fs-lg-57{
        font-size:57px
    }
    .fs-lg-58{
        font-size:58px
    }
    .fs-lg-59{
        font-size:59px
    }
    .fs-lg-60{
        font-size:60px
    }
    .fs-lg-61{
        font-size:61px
    }
    .fs-lg-62{
        font-size:62px
    }
    .fs-lg-63{
        font-size:63px
    }
    .fs-lg-64{
        font-size:64px
    }
    .fs-lg-65{
        font-size:65px
    }
    .fs-lg-66{
        font-size:66px
    }
    .fs-lg-67{
        font-size:67px
    }
    .fs-lg-68{
        font-size:68px
    }
    .fs-lg-69{
        font-size:69px
    }
    .fs-lg-70{
        font-size:70px
    }
    .fs-lg-71{
        font-size:71px
    }
    .fs-lg-72{
        font-size:72px
    }
    .fs-lg-73{
        font-size:73px
    }
    .fs-lg-74{
        font-size:74px
    }
    .fs-lg-75{
        font-size:75px
    }
    .fs-lg-76{
        font-size:76px
    }
    .fs-lg-77{
        font-size:77px
    }
    .fs-lg-78{
        font-size:78px
    }
    .fs-lg-79{
        font-size:79px
    }
    .fs-lg-80{
        font-size:80px
    }
    .fs-lg-81{
        font-size:81px
    }
    .fs-lg-82{
        font-size:82px
    }
    .fs-lg-83{
        font-size:83px
    }
    .fs-lg-84{
        font-size:84px
    }
    .fs-lg-85{
        font-size:85px
    }
    .fs-lg-86{
        font-size:86px
    }
    .fs-lg-87{
        font-size:87px
    }
    .fs-lg-88{
        font-size:88px
    }
    .fs-lg-89{
        font-size:89px
    }
    .fs-lg-90{
        font-size:90px
    }
    .fs-lg-91{
        font-size:91px
    }
    .fs-lg-92{
        font-size:92px
    }
    .fs-lg-93{
        font-size:93px
    }
    .fs-lg-94{
        font-size:94px
    }
    .fs-lg-95{
        font-size:95px
    }
    .fs-lg-96{
        font-size:96px
    }
    .fs-lg-97{
        font-size:97px
    }
    .fs-lg-98{
        font-size:98px
    }
    .fs-lg-99{
        font-size:99px
    }
    .fs-lg-100{
        font-size:100px
    }
}
@media (min-width:1200px){
    .fs-xl-0{
        font-size:0
    }
    .fs-xl-1{
        font-size:1px
    }
    .fs-xl-2{
        font-size:2px
    }
    .fs-xl-3{
        font-size:3px
    }
    .fs-xl-4{
        font-size:4px
    }
    .fs-xl-5{
        font-size:5px
    }
    .fs-xl-6{
        font-size:6px
    }
    .fs-xl-7{
        font-size:7px
    }
    .fs-xl-8{
        font-size:8px
    }
    .fs-xl-9{
        font-size:9px
    }
    .fs-xl-10{
        font-size:10px
    }
    .fs-xl-11{
        font-size:11px
    }
    .fs-xl-12{
        font-size:12px
    }
    .fs-xl-13{
        font-size:13px
    }
    .fs-xl-14{
        font-size:14px
    }
    .fs-xl-15{
        font-size:15px
    }
    .fs-xl-16{
        font-size:16px
    }
    .fs-xl-17{
        font-size:17px
    }
    .fs-xl-18{
        font-size:18px
    }
    .fs-xl-19{
        font-size:19px
    }
    .fs-xl-20{
        font-size:20px
    }
    .fs-xl-21{
        font-size:21px
    }
    .fs-xl-22{
        font-size:22px
    }
    .fs-xl-23{
        font-size:23px
    }
    .fs-xl-24{
        font-size:24px
    }
    .fs-xl-25{
        font-size:25px
    }
    .fs-xl-26{
        font-size:26px
    }
    .fs-xl-27{
        font-size:27px
    }
    .fs-xl-28{
        font-size:28px
    }
    .fs-xl-29{
        font-size:29px
    }
    .fs-xl-30{
        font-size:30px
    }
    .fs-xl-31{
        font-size:31px
    }
    .fs-xl-32{
        font-size:32px
    }
    .fs-xl-33{
        font-size:33px
    }
    .fs-xl-34{
        font-size:34px
    }
    .fs-xl-35{
        font-size:35px
    }
    .fs-xl-36{
        font-size:36px
    }
    .fs-xl-37{
        font-size:37px
    }
    .fs-xl-38{
        font-size:38px
    }
    .fs-xl-39{
        font-size:39px
    }
    .fs-xl-40{
        font-size:40px
    }
    .fs-xl-41{
        font-size:41px
    }
    .fs-xl-42{
        font-size:42px
    }
    .fs-xl-43{
        font-size:43px
    }
    .fs-xl-44{
        font-size:44px
    }
    .fs-xl-45{
        font-size:45px
    }
    .fs-xl-46{
        font-size:46px
    }
    .fs-xl-47{
        font-size:47px
    }
    .fs-xl-48{
        font-size:48px
    }
    .fs-xl-49{
        font-size:49px
    }
    .fs-xl-50{
        font-size:50px
    }
    .fs-xl-51{
        font-size:51px
    }
    .fs-xl-52{
        font-size:52px
    }
    .fs-xl-53{
        font-size:53px
    }
    .fs-xl-54{
        font-size:54px
    }
    .fs-xl-55{
        font-size:55px
    }
    .fs-xl-56{
        font-size:56px
    }
    .fs-xl-57{
        font-size:57px
    }
    .fs-xl-58{
        font-size:58px
    }
    .fs-xl-59{
        font-size:59px
    }
    .fs-xl-60{
        font-size:60px
    }
    .fs-xl-61{
        font-size:61px
    }
    .fs-xl-62{
        font-size:62px
    }
    .fs-xl-63{
        font-size:63px
    }
    .fs-xl-64{
        font-size:64px
    }
    .fs-xl-65{
        font-size:65px
    }
    .fs-xl-66{
        font-size:66px
    }
    .fs-xl-67{
        font-size:67px
    }
    .fs-xl-68{
        font-size:68px
    }
    .fs-xl-69{
        font-size:69px
    }
    .fs-xl-70{
        font-size:70px
    }
    .fs-xl-71{
        font-size:71px
    }
    .fs-xl-72{
        font-size:72px
    }
    .fs-xl-73{
        font-size:73px
    }
    .fs-xl-74{
        font-size:74px
    }
    .fs-xl-75{
        font-size:75px
    }
    .fs-xl-76{
        font-size:76px
    }
    .fs-xl-77{
        font-size:77px
    }
    .fs-xl-78{
        font-size:78px
    }
    .fs-xl-79{
        font-size:79px
    }
    .fs-xl-80{
        font-size:80px
    }
    .fs-xl-81{
        font-size:81px
    }
    .fs-xl-82{
        font-size:82px
    }
    .fs-xl-83{
        font-size:83px
    }
    .fs-xl-84{
        font-size:84px
    }
    .fs-xl-85{
        font-size:85px
    }
    .fs-xl-86{
        font-size:86px
    }
    .fs-xl-87{
        font-size:87px
    }
    .fs-xl-88{
        font-size:88px
    }
    .fs-xl-89{
        font-size:89px
    }
    .fs-xl-90{
        font-size:90px
    }
    .fs-xl-91{
        font-size:91px
    }
    .fs-xl-92{
        font-size:92px
    }
    .fs-xl-93{
        font-size:93px
    }
    .fs-xl-94{
        font-size:94px
    }
    .fs-xl-95{
        font-size:95px
    }
    .fs-xl-96{
        font-size:96px
    }
    .fs-xl-97{
        font-size:97px
    }
    .fs-xl-98{
        font-size:98px
    }
    .fs-xl-99{
        font-size:99px
    }
    .fs-xl-100{
        font-size:100px
    }
}
@media (min-width:1400px){
    .fs-xxl-0{
        font-size:0
    }
    .fs-xxl-1{
        font-size:1px
    }
    .fs-xxl-2{
        font-size:2px
    }
    .fs-xxl-3{
        font-size:3px
    }
    .fs-xxl-4{
        font-size:4px
    }
    .fs-xxl-5{
        font-size:5px
    }
    .fs-xxl-6{
        font-size:6px
    }
    .fs-xxl-7{
        font-size:7px
    }
    .fs-xxl-8{
        font-size:8px
    }
    .fs-xxl-9{
        font-size:9px
    }
    .fs-xxl-10{
        font-size:10px
    }
    .fs-xxl-11{
        font-size:11px
    }
    .fs-xxl-12{
        font-size:12px
    }
    .fs-xxl-13{
        font-size:13px
    }
    .fs-xxl-14{
        font-size:14px
    }
    .fs-xxl-15{
        font-size:15px
    }
    .fs-xxl-16{
        font-size:16px
    }
    .fs-xxl-17{
        font-size:17px
    }
    .fs-xxl-18{
        font-size:18px
    }
    .fs-xxl-19{
        font-size:19px
    }
    .fs-xxl-20{
        font-size:20px
    }
    .fs-xxl-21{
        font-size:21px
    }
    .fs-xxl-22{
        font-size:22px
    }
    .fs-xxl-23{
        font-size:23px
    }
    .fs-xxl-24{
        font-size:24px
    }
    .fs-xxl-25{
        font-size:25px
    }
    .fs-xxl-26{
        font-size:26px
    }
    .fs-xxl-27{
        font-size:27px
    }
    .fs-xxl-28{
        font-size:28px
    }
    .fs-xxl-29{
        font-size:29px
    }
    .fs-xxl-30{
        font-size:30px
    }
    .fs-xxl-31{
        font-size:31px
    }
    .fs-xxl-32{
        font-size:32px
    }
    .fs-xxl-33{
        font-size:33px
    }
    .fs-xxl-34{
        font-size:34px
    }
    .fs-xxl-35{
        font-size:35px
    }
    .fs-xxl-36{
        font-size:36px
    }
    .fs-xxl-37{
        font-size:37px
    }
    .fs-xxl-38{
        font-size:38px
    }
    .fs-xxl-39{
        font-size:39px
    }
    .fs-xxl-40{
        font-size:40px
    }
    .fs-xxl-41{
        font-size:41px
    }
    .fs-xxl-42{
        font-size:42px
    }
    .fs-xxl-43{
        font-size:43px
    }
    .fs-xxl-44{
        font-size:44px
    }
    .fs-xxl-45{
        font-size:45px
    }
    .fs-xxl-46{
        font-size:46px
    }
    .fs-xxl-47{
        font-size:47px
    }
    .fs-xxl-48{
        font-size:48px
    }
    .fs-xxl-49{
        font-size:49px
    }
    .fs-xxl-50{
        font-size:50px
    }
    .fs-xxl-51{
        font-size:51px
    }
    .fs-xxl-52{
        font-size:52px
    }
    .fs-xxl-53{
        font-size:53px
    }
    .fs-xxl-54{
        font-size:54px
    }
    .fs-xxl-55{
        font-size:55px
    }
    .fs-xxl-56{
        font-size:56px
    }
    .fs-xxl-57{
        font-size:57px
    }
    .fs-xxl-58{
        font-size:58px
    }
    .fs-xxl-59{
        font-size:59px
    }
    .fs-xxl-60{
        font-size:60px
    }
    .fs-xxl-61{
        font-size:61px
    }
    .fs-xxl-62{
        font-size:62px
    }
    .fs-xxl-63{
        font-size:63px
    }
    .fs-xxl-64{
        font-size:64px
    }
    .fs-xxl-65{
        font-size:65px
    }
    .fs-xxl-66{
        font-size:66px
    }
    .fs-xxl-67{
        font-size:67px
    }
    .fs-xxl-68{
        font-size:68px
    }
    .fs-xxl-69{
        font-size:69px
    }
    .fs-xxl-70{
        font-size:70px
    }
    .fs-xxl-71{
        font-size:71px
    }
    .fs-xxl-72{
        font-size:72px
    }
    .fs-xxl-73{
        font-size:73px
    }
    .fs-xxl-74{
        font-size:74px
    }
    .fs-xxl-75{
        font-size:75px
    }
    .fs-xxl-76{
        font-size:76px
    }
    .fs-xxl-77{
        font-size:77px
    }
    .fs-xxl-78{
        font-size:78px
    }
    .fs-xxl-79{
        font-size:79px
    }
    .fs-xxl-80{
        font-size:80px
    }
    .fs-xxl-81{
        font-size:81px
    }
    .fs-xxl-82{
        font-size:82px
    }
    .fs-xxl-83{
        font-size:83px
    }
    .fs-xxl-84{
        font-size:84px
    }
    .fs-xxl-85{
        font-size:85px
    }
    .fs-xxl-86{
        font-size:86px
    }
    .fs-xxl-87{
        font-size:87px
    }
    .fs-xxl-88{
        font-size:88px
    }
    .fs-xxl-89{
        font-size:89px
    }
    .fs-xxl-90{
        font-size:90px
    }
    .fs-xxl-91{
        font-size:91px
    }
    .fs-xxl-92{
        font-size:92px
    }
    .fs-xxl-93{
        font-size:93px
    }
    .fs-xxl-94{
        font-size:94px
    }
    .fs-xxl-95{
        font-size:95px
    }
    .fs-xxl-96{
        font-size:96px
    }
    .fs-xxl-97{
        font-size:97px
    }
    .fs-xxl-98{
        font-size:98px
    }
    .fs-xxl-99{
        font-size:99px
    }
    .fs-xxl-100{
        font-size:100px
    }
}
.fw-thin{
    font-weight:100
}
.fw-elight{
    font-weight:200
}
.fw-light{
    font-weight:300
}
.fw-normal{
    font-weight:400
}
.fw-medium{
    font-weight:500
}
.fw-semi{
    font-weight:600
}
.fw-bold{
    font-weight:700
}
.fw-heavy{
    font-weight:800
}
.fw-black{
    font-weight:900
}
.tt-upper{
    text-transform:uppercase
}
.tt-none{
    text-transform:none
}
.tt-lower{
    text-transform:lowercase
}
.td-under{
    text-decoration:underline
}
.strike{
    text-decoration:line-through
}
body{
    font-family:Roboto,system-ui,-apple-system,sans-serif;
    font-size:16px;
    line-height:1.3;
    color:#212529;
    font-weight:400;
    margin:0
}
.wrapper{
    position:relative;
    overflow:hidden
}
.container{
    position:relative
}
@media (min-width:1200px){
    .container{
        max-width:1300px
    }
    .container.big{
        max-width:1700px
    }
}
.cl-btn,.title{
    margin:0;
    position:relative;
    z-index:2
}
a{
    color:inherit;
    text-decoration:underline
}
a:hover,a:active,a:focus{
    color:inherit;
    text-decoration:none
}
a.cl-btn,button.cl-btn{
    display:-webkit-inline-flex;
    display:-moz-inline-flex;
    display:-ms-inline-flex;
    display:-o-inline-flex;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    text-decoration:none;
    color:#fff;
    border-radius:50px;
    padding:5px 30px;
    min-height:50px;
    background:#F7783C;
    cursor:pointer;
    border:0;
    position:relative;
    z-index:2
}
a.cl-btn:hover,button.cl-btn:hover{
    background:#dd4d09
}
p{
    margin:0
}
p,.title,.cl-btn{
    position:relative
}
a,button{
    transition:all .2s ease-in-out
}
a:active,a:focus,button:active,button:focus{
    outline:0!important
}
.form::-webkit-input-placeholder{
    color:#999
}
.form::-moz-placeholder{
    color:#999
}
.form:-moz-placeholder{
    color:#999
}
.form:-ms-input-placeholder{
    color:#999
}
.form .form-control{
    border-radius:2px;
    border:1px solid transparent;
    color:#000;
    width:100%;
    outline:0;
    font-size:16px;
    background-color:#ededed;
    height:60px;
    padding:0 20px
}
.form .form-control:focus{
    border-color:#3d3d3d;
    animation:.4s ease-in buttons
}
.form select.form-select{
    height:60px;
    padding:0 20px
}
.form textarea.form-control{
    padding:10px 15px
}
.manage{
    position:fixed;
    top:0;
    left:0;
    right:0;
    margin:auto;
    width:100%;
    background:#004E2D;
    height:45px;
    line-height:45px;
    padding:0 15px;
    z-index:1000;
    box-shadow:0 1px 5px -1px rgba(0,0,0,.61)
}
.manage .logo img{
    width:120px
}
.manage .cart{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-10%,-50%);
    padding:5px 10px;
    font-size:10px
}
.manage .cart .icon{
    width:20px
}
.manage .cart .icon img{
    max-width:100%
}
.humb{
    width:40px;
    padding:8px 7px;
    background:transparent;
    position:fixed;
    top:5px;
    right:10px;
    z-index:10000;
    cursor:pointer;
    background:#fff;
    transition:.3s
}
.humb.active{
    background:none;
    top:10px
}
.humb.active div{
    background:#fff
}
.humb.active .dv-2{
    opacity:0
}
.humb.active .dv-1{
    transform:rotate(-45deg)
}
.humb.active .dv-3{
    transform:rotate(45deg) translate(-10px,-10px)
}
.humb div{
    height:4px;
    background:#000;
    transition:.3s
}
.humb div:not(:last-of-type){
    margin-bottom:3px
}
.mobile-menu{
    position:fixed;
    top:0;
    right:0;
    transform:translateX(100%);
    height:100%;
    width:100%;
    background:#004E2D;
    z-index:9999;
    transition:.3s;
    padding:50px 20px 50px 30px;
    overflow-y:scroll;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.mobile-menu.active{
    transform:none
}
.mobile-menu img{
    max-width:100%;
    max-height:100%
}
.mobile-menu .close-menu{
    position:absolute;
    top:11px;
    right:11px;
    font-size:30px;
    line-height:10px;
    height:10px;
    color:#fff;
    cursor:pointer;
    transition:.3s
}
.mobile-menu .close-menu:hover{
    color:#d41584
}
.mobile-menu .logo{
    margin:0 0 40px 0
}
.mobile-menu .logo img{
    width:60px
}
.mobile-menu .menu>div:not(:last-of-type){
    margin-bottom:15px
}
.mobile-menu .menu>div>a{
    text-transform:uppercase;
    padding:0;
    color:#fff;
    box-shadow:none;
    outline:0;
    text-decoration:none
}
.mobile-menu .menu>div>a.active{
    color:blue
}
.mobile-menu .sliding-menu{
    margin:0 0 35px -30px
}
.mobile-menu .sliding-menu .control-panel{
    margin:0 0 20px 0;
    padding:0 0 0 20px;
    color:#fff
}
.mobile-menu .sliding-menu .control-panel .back-btn{
    opacity:0;
    visibility:hidden
}
.mobile-menu .sliding-menu .control-panel .back-btn.active{
    opacity:1;
    visibility:visible
}
.mobile-menu .sliding-menu .control-panel .back-btn .arrow{
    width:10px;
    height:10px;
    border-width:2px;
    border-bottom-style:solid;
    border-left-style:solid;
    transform:rotate(45deg);
    border-color:#fff;
    margin:0 5px
}
.mobile-menu .sliding-menu .sliding-inner{
    position:relative
}
.mobile-menu .sliding-menu .sliding-inner .menu{
    overflow-y:scroll;
    padding:0 0 0 30px
}
.mobile-menu .sliding-menu .sliding-inner .menu .link:not(:last-of-type){
    margin-bottom:15px
}
.mobile-menu .sliding-menu .sliding-inner .menu .link a{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    align-items:center;
    color:#fff
}
.mobile-menu .sliding-menu .drop-link>a{
    position:relative;
    text-decoration:none;
    padding-right:20px
}
.mobile-menu .sliding-menu .drop-link>a:before{
    position:absolute;
    content:'';
    right:5px;
    top:50%;
    width:10px;
    height:10px;
    transform:translateY(-50%) rotate(-45deg);
    border-width:2px;
    border-right-style:solid;
    border-bottom-style:solid;
    border-color:#fff
}
.mobile-menu .sliding-menu .drop-link>a .icon{
    width:50px;
    height:50px;
    margin:0 10px 0 0
}
.mobile-menu .sliding-menu .drop-menu{
    position:absolute;
    left:100%;
    top:0;
    width:100%;
    min-width:100%;
    height:100%;
    display:none;
    padding-left:30px
}
.mobile-menu .sliding-menu .drop-menu .drop-menu-inner{
    height:inherit;
    overflow-y:scroll
}
.mobile-menu .sliding-menu .drop-menu .link a{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    align-items:center
}
.mobile-menu .sliding-menu .drop-menu .link a .icon{
    width:50px;
    height:50px;
    margin:0 10px 0 0
}
.mobile-menu .for-other{
    margin:30px 0 0 0
}
.mobile-menu .for-other a{
    color:#fff;
    text-decoration:none
}
.mobile-menu .for-other .h-block{
    margin:0 0 15px 0
}
.menu-back{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.69);
    z-index:1000;
    opacity:0;
    visibility:hidden;
    transition:.5s
}
.menu-back.active{
    opacity:1;
    visibility:visible
}
.slider .swiper-button-prev,.slider .swiper-button-next{
    margin:0;
    outline:0;
    color:#fff;
    font-size:30px
}
.slider .swiper-button-prev:hover:after,.slider .swiper-button-next:hover:after{
    color:#F7783C
}
.slider .swiper-button-prev:after,.slider .swiper-button-next:after{
    color:inherit;
    font-size:inherit;
    transition:.3s
}
.slider .swiper-pagination{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    justify-content:center
}
.slider .swiper-pagination .swiper-pagination-bullet{
    width:10px;
    height:10px;
    border-radius:50%;
    outline:0;
    background:#fff;
    border:0;
    opacity:1
}
.slider .swiper-pagination .swiper-pagination-bullet:not(:last-of-type){
    margin-right:10px
}
.slider .swiper-pagination .swiper-pagination-bullet-active{
    background:#F7783C;
    box-shadow:0 -1px 16px 17px rgba(255,46,0,.21)
}
.soc-link a{
    text-decoration:none;
    display:block
}
.soc-link a:hover{
    opacity:.7;
    transform:scale(1.1)
}
.contact-link{
    display:flex;
    align-items:center
}
.contact-link a{
    text-decoration:none
}
.contact-link a:hover{
    color:#F7783C
}
.product{
    max-width:300px;
    margin:auto;
    width:100%;
    font-size:14px;
    text-align:center
}
.product:hover .pic a img{
    transform:scale(1.05)
}
.product{
    border:1px solid rgba(0,78,45,.8);
    border-radius:10px;
    padding:10px;
    max-width: inherit !important;
}
.product .pic{
    background:#fff;
    position:relative
}
.product .pic a{
    height:305px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden
}
.product .pic img{
    max-width:100%;
    max-height:100%;
    transition:.3s;
    border-radius:50px
}
.product .pic .labels{
    position:absolute;
    width:100%;
    padding:30px 10px;
    display:flex;
    justify-content:center;
    z-index:2
}
.product .pic .labels .labe{
    border-radius:32px;
    padding:2px 5px;
    min-width:102px;
    height:33px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff
}
.product .pic .labels .labe:not(:last-of-type){
    margin-right:10px
}
.product .pic .labels .hit{
    background:#F7783C
}
.product .pic .labels .new{
    background:#00791C
}
@media (max-width:767px){
    .product .pic{
        border-radius:30px
    }
    .product .pic a{
        height:245px
    }
    .product .pic .labels{
        padding:20px 10px
    }
    .product .pic .labels .labe{
        height:27px;
        min-width:90px
    }
}
.product .stars{
    display:flex;
    justify-content:center;
    margin:10px 0 0 0
}
.product .stars .star:not(:last-of-type){
    margin-right:1px
}
.product .info{
    margin:10px 0 0 0
}
.product .prices{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:10px 0 0 0
}
.product .prices .new{
    font-weight:700;
    color:#F7783C;
    margin-right:20px;
    font-size:1.1em
}
.product .prices .old{
    opacity:.7
}
.product .input-count{
    display:flex;
    background:#F3F3F3;
    border-radius:11px;
    margin:15px auto 0;
    width:120px;
    font-size:12px;
    height:22px;
    font-weight:700;
    text-align:center;
    overflow:hidden
}
.product .input-count span{
    width:25%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.3s;
    flex-shrink:0
}
.product .input-count span:hover{
    background:#d6d6d6
}
.product .input-count input{
    flex-grow:1;
    border:0;
    background:none;
    pointer-events:none;
    width:100%;
    padding:0;
    text-align:center
}
.product .order{
    margin:15px 0 0 0;
    font-size:13px
}
.product .order .cl-btn{
    min-height:35px;
    padding:5px 12px
}
.product .order .cl-btn .icon{
    flex-shrink:0;
    margin:0 5px 0 0
}
@media (max-width:767px){
    .product .order .cl-btn .icon img{
        width:19px
    }
}
.blog-block{
    max-width:345px;
    margin:auto
}
.blog-block .pic a{
    height:345px;
    display:block;
    overflow:hidden
}
.blog-block .pic a:hover img{
    transform:scale(1.03)
}
.blog-block .pic a img{
    width:100%;
    height:100%;
    transition:.3s;
    object-fit:cover
}
.blog-block .date{
    display:flex;
    align-items:center;
    margin:5px 0 8px 0
}
.blog-block .date .icon{
    flex-shrink:0;
    margin:0 5px 0 0;
    line-height:0
}
.blog-block .date p{
    opacity:.6
}
.blog-block .name{
    font-size:20px;
    margin:0 0 5px 0
}
.blog-block .info{
    font-size:12px
}
@media (max-width:1199px){
    .blog-block .pic a{
        height:300px
    }
}
.cart{
    text-decoration:none;
    background:#F7783C;
    display:flex;
    align-items:center;
    color:#fff;
    padding:35px 25px
}
.cart .icon{
    line-height:0
}
.cart:hover{
    background:#dd4d09
}
@media (min-width:1200px) and (max-width:1499px){
    .cart{
        padding:15px 10px
    }
    .cart .text{
        font-size:13px
    }
}
.search-form{
    position:relative
}
.search-form:hover .inputblock{
    width:250px;
    opacity:1;
    visibility:visible
}
.search-form .inputblock{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    height:120%;
    background:#fff;
    transition:.3s;
    width:0;
    overflow:hidden;
    opacity:0;
    visibility:hidden
}
.search-form .inputblock button{
    position:absolute;
    left:5px;
    top:50%;
    transform:translateY(-50%);
    cursor:pointer;
    border:0;
    background:none;
    padding:0;
    opacity:.5;
    transition:.3s
}
.search-form .inputblock button:hover{
    opacity:1
}
.search-form .inputblock button img{
    width:20px
}
.search-form .inputblock input{
    border:0;
    height:100%;
    width:100%;
    padding:0 10px 0 30px
}
.header{
    background:rgba(0,78,45,.8);
    color:#fff;
    z-index:100;
    position:absolute;
    left:0;
    top:0;
    width:100%
}
.header .h-top{
    border-bottom:1px solid rgba(255,255,255,.5);
    padding:15px 0
}
.header .h-top .menu{
    display:flex;
    align-items:center
}
.header .h-top .menu .link:not(:last-of-type){
    margin-right:40px
}
.header .h-top .menu .link a{
    text-decoration:none
}
.header .h-top .menu .link a:hover{
    text-decoration:underline
}
.header .h-bottom.active{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    background:rgba(0,78,45,.8)
}
@media (min-width:1500px){
    .header .h-bottom.active .logo{
        width:150px
    }
    .header .h-bottom.active .cart{
        padding:20px 25px
    }
}
.header .h-bottom .logo{
    width:185px
}
@media (min-width:1200px) and (max-width:1499px){
    .header .h-bottom .logo{
        width:140px
    }
}
.header .h-bottom .menu{
    display:flex;
    justify-content:space-between
}
@media (min-width:1200px) and (max-width:1499px){
    .header .h-bottom .menu{
        font-size:12px
    }
}
.header .h-bottom .menu>.link:hover>a{
    color:#F7783C
}
.header .h-bottom .menu>.link:hover>a:after{
    transform:rotate(180deg)
}
.header .h-bottom .menu>.link:hover .drop-menu{
    opacity:1;
    visibility:visible
}
.header .h-bottom .menu>.link.drop-link{
    position:relative
}
.header .h-bottom .menu>.link.drop-link>a:after{
    border-top:.2em solid #F7783C;
    border-right:.2em solid transparent;
    border-bottom:0;
    border-left:.2em solid transparent;
    transition:.3s;
    content:"";
    display:inline-block;
    margin-left:.255em;
    vertical-align:.255em
}
.header .h-bottom .menu>.link>a{
    color:inherit;
    padding:0;
    border-bottom:2px solid transparent;
    text-decoration:none;
    position:relative;
    display:block;
    text-align:center
}
.header .h-bottom .menu>.link>a.active{
    border-bottom-color:#F7783C
}
.header .h-bottom .menu>.link>a:hover{
    color:#F7783C
}
.header .h-bottom .menu>.link .drop-menu{
    min-width:0;
    padding:20px 30px;
    border:0;
    border-radius:0;
    margin:0;
    background:#fff;
    position:absolute;
    opacity:0;
    visibility:hidden;
    left:0;
    top:100%;
    z-index:10;
    transition:.2s
}
.header .h-bottom .menu>.link .drop-menu div{
    margin-bottom:10px
}
.header .h-bottom .menu>.link .drop-menu div a{
    line-height:1;
    color:inherit;
    border-bottom:2px solid transparent;
    text-decoration:none;
    text-transform:none;
    display:block
}
.header .h-bottom .menu>.link .drop-menu div a:hover{
    border-color:#F7783C
}
@media (min-width:1200px) and (max-width:1650px){
    .header .h-bottom .menu>.link .drop-menu{
        font-size:14px;
        padding:20px
    }
}
.main .slider .swiper-slide{
    position:relative;
    display:flex;
    align-items:center;
    padding:140px 0 100px 0;
    color:#fff
}
.main .slider .swiper-slide:before{
    position:absolute;
    content:'';
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:2;
    background:rgba(0,0,0,.1)
}
.main .slider .swiper-slide .pic{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.main .slider .swiper-slide .pic img{
    width:100%;
    height:100%;
    object-fit:cover
}
@media (max-width:1199px){
    .main .slider .swiper-slide{
        padding:90px 0 90px 0
    }
}
.main .slider .swiper-main{
    height:750px
}
.main .slider .swiper-main .swiper-slide img{
    width:100%;
    height:100%;
    object-fit:cover
}
@media (min-width:1200px) and (max-width:1600px){
    .main .slider .swiper-main{
        height:600px
    }
}
@media (max-width:1199px){
    .main .slider .swiper-main{
        height:auto
    }
}
.main .slider .swiper-controls{
    position:absolute;
    left:0;
    right:0;
    bottom:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    max-width:1170px;
    width:100%;
    margin:auto
}
@media (max-width:767px){
    .main .slider .swiper-controls{
        justify-content:center
    }
}
.main .slider .swiper-controls .swiper-button-prev,.main .slider .swiper-controls .swiper-button-next{
    position:relative;
    left:initial;
    right:initial;
    top:initial;
    bottom:initial
}
.main .slider .swiper-controls .swiper-pagination{
    position:relative;
    left:initial;
    right:initial;
    top:initial;
    bottom:initial;
    margin:0 35px
}
.main .slider .swiper-controls .swiper-pagination .swiper-pagination-bullet:not(:last-of-type){
    margin-right:60px
}
@media (min-width:768px) and (max-width:1199px){
    .main .slider .swiper-controls .swiper-pagination .swiper-pagination-bullet:not(:last-of-type){
        margin-right:40px
    }
}
@media (max-width:767px){
    .main .slider .swiper-controls .swiper-pagination .swiper-pagination-bullet:not(:last-of-type){
        margin-right:20px
    }
}
@media (min-width:1200px) and (max-width:1600px){
    .main .slider .swiper-controls{
        bottom:20px
    }
}
@media (max-width:767px){
    .main .slider .swiper-controls{
        bottom:10px
    }
    .main .slider .swiper-controls .swiper-pagination{
        position:relative;
        left:initial;
        right:initial;
        top:initial;
        bottom:initial;
        margin:0 15px
    }
}
.benefits{
    padding:25px 0;
    background:#F3F3F3
}
.benefits .b-wrapper{
    position:relative;
    padding:0 50px
}
.benefits .b-wrapper .tri{
    width:0;
    height:0;
    border-style:solid;
    position:absolute
}
.benefits .b-wrapper .tri-left{
    left:0;
    border-width:62px 50px 62px 0;
    border-color:transparent #fff transparent transparent
}
.benefits .b-wrapper .tri-right{
    right:0;
    border-width:62px 0 62px 50px;
    border-color:transparent transparent transparent #fff
}
@media (max-width:767px){
    .benefits .b-wrapper{
        padding:0 40px
    }
    .benefits .b-wrapper .tri-left{
        border-width:50px 40px 50px 0
    }
    .benefits .b-wrapper .tri-right{
        border-width:50px 0 50px 40px
    }
}
.benefits .b-block{
    position:relative;
    background:#fff;
    min-height:124px;
    display:flex;
    align-items:center
}
.benefits .b-block .icon{
    flex-shrink:0;
    margin:0 15px 0 0;
    display:flex;
    align-items:center;
    justify-content:center
}
.benefits .b-block .icon img{
    max-width:100%;
    max-height:100%
}
@media (min-width:768px){
    .benefits .b-block.bb-line:before{
        position:absolute;
        content:'';
        top:0;
        height:100%;
        width:1000px;
        background:#fff
    }
    .benefits .b-block.bb-1:before{
        right:100%
    }
    .benefits .b-block.bb-3:before{
        left:100%
    }
}
@media (min-width:768px) and (max-width:1199px){
    .benefits .b-block .icon{
        width:55px;
        height:45px
    }
}
@media (min-width:768px) and (max-width:991px){
    .benefits .b-block{
        text-align:center;
        flex-direction:column;
        justify-content:center
    }
    .benefits .b-block .icon{
        margin:0 auto 5px
    }
}
@media (max-width:767px){
    .benefits .b-block{
        min-height:100px
    }
    .benefits .b-block .icon{
        width:55px;
        height:45px
    }
}
.products{
    padding:90px 0 0 0
}
@media (max-width:767px){
    .products{
        padding:55px 0 0 0
    }
}
.products .slider{
    padding:0 40px
}
.products .slider .swiper-container{
    padding:0 10px
}
.products .slider .swiper-button div{
    color:#ccc
}
@media (max-width:767px){
    .products .slider{
        padding:0 25px
    }
}
.products .tab-content .tab-pane{
    display:block;
    height:0;
    overflow:hidden
}
.products .tab-content .tab-pane.active{
    height:100%
}
.products .nav-tabs{
    display:flex;
    justify-content:center;
    margin:0 0 50px 0;
    border:0
}
.products .nav-tabs .nav-item .nav-link{
    min-height:45px;
    padding:10px 35px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:none;
    box-shadow:none;
    border-radius:50px;
    color:inherit;
    border:0
}
.products .nav-tabs .nav-item .nav-link:hover:not(.active){
    color:#F7783C
}
.products .nav-tabs .nav-item .nav-link.active{
    background:#F7783C;
    color:#fff
}
@media (max-width:767px){
    .products .nav-tabs{
        margin:0 0 25px 0;
        font-size:14px
    }
    .products .nav-tabs .nav-item .nav-link{
        min-height:40px;
        padding:5px 20px
    }
}
.big-categories{
    padding:100px 0 0 0
}
.big-categories .c-block{
    min-height:360px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    position:relative;
    transition:.3s
}
.big-categories .c-block:hover{
    transform:translateY(-10px) scale(1.005)
}
.big-categories .c-block .c-inner{
    bottom:0;
    right:0;
    width:100%;
    padding:30px 50px 50px 30px;
    position:absolute
}
.big-categories .c-block .c-inner .tit{
    position:relative;
    display:inline-block
}
.big-categories .c-block .c-inner .tit p{
    position:relative;
    z-index:2
}
.big-categories .c-block .c-inner .tit .icon{
    position:absolute;
    left:-.1em;
    bottom:.3em
}
.big-categories .c-block .c-inner .tit .icon img{
    width:2em
}
@media (max-width:991px){
    .big-categories{
        padding:60px 0 0 0
    }
    .big-categories .c-block{
        min-height:300px
    }
    .big-categories .c-block .c-inner{
        padding:20px 35px 35px 20px
    }
}
.blog{
    padding:100px 0 60px 0
}
.blog .title{
    margin:0 0 70px 0
}
.blog .b-bottom{
    max-width:600px;
    margin:100px auto 0
}
@media (max-width:767px){
    .blog{
        padding:60px 0
    }
    .blog .title{
        margin:0 0 40px 0
    }
    .blog .b-bottom{
        margin:50px auto 0
    }
}
.footer{
    background:#004E2D;
    color:#fff;
    border-top:14px solid #F7783C;
    padding:40px 0 60px 0
}
.footer a{
    text-decoration:none
}
.footer a:hover{
    color:#F7783C
}
.footer .link:not(:last-of-type){
    margin-bottom:15px
}
.footer .contact-link:not(:last-of-type){
    margin-bottom:15px
}
.footer .contact-link .icon{
    width:20px
}
.footer .contact-link .icon img{
    max-width:100%
}