@charset "utf-8";
@import "bootstrap.min.css";
@import "normalize.css";
@import "../node_modules/slick-carousel/slick/slick.css";
@import "../node_modules/magnific-popup/dist/magnific-popup.css";
@import "callback-btn.css";
@import "callback-modal.css";
@import "typography.css";

/* Класс для увеличения картинки */

.zoom-img {}

.mycart_content {
    display: none !important;
}


/* Класс для галлереи */

.gallery {}


/* Класс для формы */

.form-submit-toggle {}


/* Класс для кнопки заказать звонок */

.callback-toggle {}


/******** Magnific-Popup *********/

.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}


/******* Image Cover ********/

.img-cover {
    background-size: cover;
    background-position: center;
}

.img-cover_inited>img {
    visibility: hidden;
}


/**********************************/

.main {
    display: flex;
}

.component {
    width: 100%;
}

.left,
.right {
    width: 30%;
}

@font-face {
    font-family: 'Montserrat-ExtraLight';
    src: url(../fonts/Montserrat-ExtraLight.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url(../fonts/Montserrat-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url(../fonts/Montserrat-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url(../fonts/Montserrat-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url(../fonts/Montserrat-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url(../fonts/Montserrat-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url(../fonts/Roboto-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Akrobat';
    src: url(../fonts/Akrobat.ttf) format('truetype');
}

body {
    color: #000;
    font-size: 16px;
    font-family: "Montserrat-Regular";
}

body p {
    margin-top: 0;
    margin-bottom: 10px;
}

.h1,
h1 {
    text-align: center;
    font-family: "Montserrat-SemiBold";
    font-size: 24px;
    margin-bottom: 45px;
    text-transform: uppercase;
    line-height: 1;
    margin-top: 0;
}

.wrapper {
    max-width: 1920px;
    margin: 0 auto;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wrapLabel {
    position: relative;
}

.wrapLabel input {
    width: 10px !important;
    height: 10px !important;
    left: 0 !important;
    top: 0 !important;
    position: absolute !important;
    opacity: 0 !important;
}

.wrapLabel label {
    position: relative;
    font-weight: normal;
    padding-left: 40px;
}

.flexSA {
    display: flex;
    justify-content: space-around;
}

.flexSB {
    display: flex;
    justify-content: space-between;
}

.flexCenter {
    display: flex;
    justify-content: center;
}

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

.flexW {
    display: flex;
    flex-wrap: wrap;
}

.flexColumn {
    display: flex;
    flex-direction: column;
}

.flexStart {
    display: flex;
    justify-content: flex-start;
}

.flexEnd {
    display: flex;
    justify-content: flex-end;
}


/*header*/

.topLineH {
    background: #eeeef3;
    padding: 10px 0;
    margin-bottom: 10px;
}

.topLineH form.sityform {
    margin-right: 110px;
    padding-left: 20px;
    background: url(../images/navIcon.png) no-repeat left center;
}

.topLineH form.sityform select {
    border: none;
    background: none;
    font-size: 12px;
}

.topLineH a {
    font-size: 14px;
    color: #000;
    display: block;
}

.topLineH ul {
    display: flex;
    justify-content: flex-start;
    margin: 0;
}

.topLineH ul a {
    margin-right: 15px;
}

.topLineH .lk {
    padding-left: 35px;
    background: url(../images/user.png) no-repeat left center;
}

.wrapBLH {
    padding: 20px 0;
}

.topMain {
    border-top: 1px solid #49bbac;
    padding: 20px 0;
}

.botLineH .search {
    width: 430px;
}

.botLineH .search input {
    border: 2px solid #49bbac;
    border-radius: 25px 0 0 25px;
    padding: 12px 20px;
    width: calc(100% - 56px);
}

.botLineH .search .button {
    border: 2px solid #49bbac;
    border-radius: 0 25px 25px 0;
    background: url(../images/search.png) no-repeat center, #49bbac;
    display: flex;
    font-size: 0;
    justify-content: center;
    align-items: center;
    line-height: 1;
    width: 56px;
}

.botLineH .infoBlock {
    padding-left: 40px;
    background: url(../images/phoneIcon.png) no-repeat left center;
}

.botLineH .infoBlock {
    text-align: right;
}

.botLineH .infoBlock p {
    font-size: 12px;
    font-family: "Montserrat-Light";
    margin: 0;
    line-height: 1;
    color: #2f3f4c;
}

.botLineH .infoBlock .clock {
    font-size: 11px;
    font-family: "Montserrat-Regular";
    color: #000;
}

.botLineH .infoBlock .clock span {
    color: #fe9c01;
}

.botLineH .infoBlock a {
    font-size: 18px;
    font-family: "Montserrat-SemiBold";
    color: #282829;
}

.botLineH .infoBlock a span {
    color: #fe9c01;
}

.basketBlock .imgW::before {
    position: absolute;
    content: '';
    width: 1px;
    background: #49bbac;
    height: 32px;
    right: 0;
    top: 2px;
}

.basketBlock .imgW {
    position: relative;
    padding-right: 15px;
    margin-right: 15px;
    display: block;
}

.basketBlock .priceSum,
.basketBlock .nonItem {
    font-size: 18px;
    font-family: "Montserrat-SemiBold";
    line-height: 1;
    color: #000;
    margin: 0;
    display: block;
}

.basketBlock .col {
    font-size: 12px;
    font-family: "Montserrat-Light";
    line-height: 1;
    margin: 0;
    color: #4b4a4a;
    display: block;
}

.wrapHeadMain>ul {
    display: flex;
    justify-content: flex-start;
    margin: 0;
}

.wrapHeadMain>ul>li.parent {
    padding-right: 12px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wrapHeadMain>ul>li.parent .fa {
    position: absolute;
    right: 0;
    color: #000;
}

.wrapHeadMain>ul>li {
    margin-right: 30px;
}

.wrapHeadMain a {
    display: block;
    color: #000;
    line-height: 1;
}

.wrapHeadMain a.styleMain {
    color: #3c6000;
    font-family: "Montserrat-Medium";
}

.wrapHeadMain>ul>li ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    z-index: 2;
}

.wrapHeadMain>ul>li:hover>ul {
    display: block;
}

.wrapHeadMain>ul>li ul a {
    padding: 10px 15px;
    white-space: nowrap;
    border-bottom: 1px solid #49bbac;
}

.wrapHeadMain>ul>li ul li:last-child a {
    border-bottom: none;
}

.logUser {
    z-index: 3;
    position: relative;
}

.logUser .lkMain {
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    background: #eeeef3;
    /*padding: 5px 10px;*/
    min-width: 100%;
    text-align: center;
    border: 2px solid #49bbac;
}

.logUser .lkMain a {
    padding: 5px 10px;
}

.logUser:hover .lkMain {
    display: block;
}


/*rightMain*/

.mainRightBlock {
    position: fixed;
    top: 50px;
    left: 0;
    background: #fff;
    padding: 20px 0;
    border-radius: 5px;
    z-index: 5;
    width: 65px;
    overflow: hidden;
    box-shadow: 3px 5px 9px 0 rgba(0, 0, 0, 0.25);
    transition: all 0.4s;
}

.mainRightBlock:hover {
    width: 310px;
}

.mainRightBlock:hover a {
    padding: 10px 10px 10px 20px;
}

.mainRightBlock a {
    padding: 10px 10px 10px 10px;
    background: #fff;
    width: 310px;
    transition: all 0.4s;
}

.mainRightBlock a .imgW {
    height: 45px;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    position: relative;
}

.mainRightBlock a .imgW img {
    max-width: 100%;
    max-height: 45px;
    position: absolute;
    transition: all 0.4s;
}

.mainRightBlock a .imgW .yesAct {
    opacity: 0;
}

.mainRightBlock a:hover .imgW .noAct {
    opacity: 0;
}

.mainRightBlock a:hover .imgW .yesAct {
    opacity: 1;
}

.mainRightBlock a span {
    line-height: 1;
    display: block;
    font-size: 16px;
    font-family: "Montserrat-Medium";
    color: #000;
    width: 220px;
    overflow: hidden;
    transition: all 0.4s;
}

.mainRightBlock a:hover {
    text-decoration: none;
    background: #ffc900;
}

.mainRightBlock a:hover span {
    color: #fff;
}


/*End rightMain*/


/*End header*/


/*topSliderBlock*/

.topSliderBlock {
    margin-bottom: 50px;
}

.topSliderBlock .topSlide {
    position: relative;
}

.topSliderBlock .txtBlock {
    position: absolute;
    left: calc((100% - 1140px) / 2);
    top: 75px;
}

.topSliderBlock .txtBlock .name {
    font-size: 28px;
    text-transform: uppercase;
}

.topSliderBlock .txtBlock .name span {
    font-size: 30px;
    font-family: "Montserrat-SemiBold";
}

.topSliderBlock .txtBlock p {
    font-size: 19px;
    line-height: 1.2;
    margin-bottom: 25px;
}

.topSliderBlock .txtBlock .more {
    font-family: "Montserrat-Medium";
    width: 185px;
    padding: 13px;
    display: inline-block;
    line-height: 1;
    background: #49bbac;
    border-radius: 25px;
    text-align: center;
    color: #fff;
}


/*End topSliderBlock*/


/*bannerMain*/

.wrapBM {
    display: grid;
    grid-template-columns: repeat(4, 281px);
    grid-gap: 4px;
}

.wrapBM .doubleVert {
    grid-row-start: span 2;
}

.wrapBM .doubleHoriz {
    grid-column-start: span 2;
}

.nucBM {
    position: relative;
    display: block;
    overflow: hidden;
}

.nucBM .more {
    font-family: "Montserrat-Medium";
    position: absolute;
    left: 25px;
    bottom: 25px;
    line-height: 1;
    border-radius: 20px;
    padding: 13px 55px 13px 20px;
    color: #fff;
    background: url(../images/arrBm.png) no-repeat calc(100% - 15px) center, #49bbac;
    transition: all 0.4s;
}

.nucBM:hover .more {
    background: url(../images/arrBm.png) no-repeat calc(100% - 15px) center, #f7a819;
}

.nucBM .name {
    font-size: 24px;
    top: 25px;
    left: 25px;
    position: absolute;
    text-transform: uppercase;
    color: #000;
    text-shadow: 1px 1px 1px #fff;
}


/*End bannerMain*/


/*allCat*/

.wrapAllCat {
    margin-top: 50px;
    padding: 15px 0;
    background: linear-gradient(to right, rgba(247, 168, 25, 0), rgba(247, 168, 25, 1), rgba(247, 168, 25, 0));
}

.allCat {
    font-size: 24px;
    font-family: "Montserrat-Bold";
    color: #fff;
    line-height: 1;
    position: relative;
    text-align: center;
    transition: transform 0.4s;
    text-transform: uppercase;
}

.allCat span {
    font-size: 20px;
    font-family: "Montserrat-Regular";
    text-align: center;
    display: block;
}

.allCat:hover {
    text-decoration: none;
    color: #fff;
    transform: scale(1.1);
}

.leftAnimateBlock {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 90px;
}

.rightAnimateBlock {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 90px;
}

.leftAnimateBlock span {
    display: block;
    width: 30px;
    height: 30px;
    border-bottom: 5px solid #fed24e;
    border-right: 5px solid #fed24e;
    transform: rotate(-45deg);
    margin: -10px;
    animation: arranimate 2s infinite;
}

.leftAnimateBlock span:nth-child(2) {
    animation-delay: -0.2s;
}

.leftAnimateBlock span:nth-child(3) {
    animation-delay: -0.4s;
}

@keyframes arranimate {
    0% {
        opacity: 0;
        transform: rotate(-45deg) translate(-20px, -20px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate(-45deg) translate(20px, 20px);
    }
}

.rightAnimateBlock span {
    display: block;
    width: 30px;
    height: 30px;
    border-bottom: 5px solid #fed24e;
    border-right: 5px solid #fed24e;
    transform: rotate(-45deg);
    margin: -10px;
    animation: arranimater 2s infinite;
}

.rightAnimateBlock span:nth-child(2) {
    animation-delay: -0.2s;
}

.rightAnimateBlock span:nth-child(1) {
    animation-delay: -0.4s;
}

@keyframes arranimater {
    0% {
        opacity: 0;
        transform: rotate(135deg) translate(-20px, -20px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate(135deg) translate(20px, 20px);
    }
}


/*End allCat*/


/*hits-new-sale*/

.hits-new-sale {
    padding: 85px 0 85px;
}

.wrapItem.active {
    display: grid;
}

.wrapItem {
    display: none;
    grid-template-columns: repeat(3, 257px);
    grid-gap: 9px;
}

.tabsWrapHNS {
    width: calc(100% - 350px);
}

.tabsWrapHNS ul {
    border-bottom: 2px solid #e9eaec;
    margin-bottom: 15px;
    display: flex;
    justify-content: flex-start;
    padding-left: 125px;
    line-height: 1;
}

.tabsWrapHNS ul li {
    font-size: 18px;
    font-family: "Montserrat-Medium";
    color: #2f3f4c;
    line-height: 1;
    padding: 10px 15px;
    position: relative;
    border-bottom: 2px solid transparent;
    transition: all 0.4s;
    margin-bottom: -1.5px;
}

.tabsWrapHNS ul li:hover {
    font-family: "Montserrat-SemiBold";
}

.tabsWrapHNS ul li.active {
    font-family: "Montserrat-SemiBold";
    border-bottom: 2px solid #fcc94d;
}

.tabsWrapHNS ul li.active:before {
    position: absolute;
    top: 100%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fcc94d;
    content: '';
    left: calc(50% - 3px);
}

.item {
    padding: 25px 20px;
    position: relative;
}

.item .infoItem {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 25px 20px;
    border-radius: 5px;
    background: rgba(16, 146, 129, 0.9);
    z-index: 1;
}

.item .infoItem .nameAttr {
    color: #fff;
    margin-bottom: 5px;
    line-height: 1;
}

.item:hover .infoItem {
    opacity: 1;
}

.item .infoItem .name {
    margin-bottom: 15px;
}

.item .infoItem .wrapAttr {
    margin-bottom: 10px;
}

.item .infoItem .nucAttr {
    font-size: 12px;
    padding: 5px 8px;
    color: #fcc94d;
    border-radius: 15px;
    line-height: 1;
    font-family: "Montserrat-Medium";
}

.item .infoItem .nucAttr:hover {
    border: solid 1px #fff;
    color: #fff;
    cursor: pointer;
}

.item .infoItem .nucAttr.active {
    border: 1px solid #fcc94d;
}

.item .infoItem .nucAttr.active:hover {
    border: solid 1px #fff;
    color: #fff;
}

.item .infoItem .priceBlock {
    padding-top: 15px;
}

.item .infoItem .buttonBask {
    margin-left: 15px;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f7a819;
}

.item .infoItem .price {
    color: #fff;
}

.item .cat {
    position: relative;
    z-index: 2;
    font-size: 13px;
    color: #7e7f80;
    line-height: 1;
    margin-bottom: 5px;
}

.item .name {
    position: relative;
    z-index: 2;
    font-size: 14px;
    font-family: "Montserrat-SemiBold";
    color: #4e7a74;
    line-height: 1.1;
    margin-bottom: 10px;
}

.item:hover .cat {
    color: #cfd2d5;
}

.item:hover .name {
    color: #fff;
}

.item .imgW {
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.item .imgW img {
    max-height: 140px;
    max-width: 100%;
}

.item .priceBlock {
    transition: all 0.4s;
}

.item:hover>.priceBlock {
    opacity: 0;
}

.item .price {
    font-size: 20px;
    color: #ff2626;
    font-family: "Montserrat-SemiBold";
    margin-bottom: 0;
    line-height: 1;
}

.item .oldPrice {
    font-family: "Montserrat-SemiBold";
    color: #2f3f4c;
    text-decoration: line-through;
    margin-bottom: 0;
    opacity: 0.5;
    line-height: 1;
    margin-right: 5px;
}

.tabsCont .all {
    padding: 10px 0;
    border-top: 2px solid #e9eaec;
    margin-top: 20px;
    border-bottom: 2px solid #e9eaec;
}

.tabsCont .all a {
    font-size: 14px;
    line-height: 1;
    color: #b6b7b7;
}

.itemDay {
    width: 330px;
    border: 3px solid #49bbac;
    padding: 30px 25px 25px;
    border-radius: 15px;
    position: relative;
}

.itemDay .nameRazd {
    font-size: 26px;
    color: #7b7791;
    margin-bottom: 15px;
    line-height: 1.1;
}

.itemDay .nameRazd span {
    font-size: 26px;
    font-family: "Montserrat-SemiBold";
}

.itemDay .hit {
    font-size: 18px;
    font-family: "Montserrat-SemiBold";
    background: #f7a819;
    padding: 10px 30px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: 40px;
}

.itemDay .sliderItemDay {
    padding: 0 25px;
    margin-bottom: 15px;
    position: relative;
}

.itemDay .sliderItemDay .slick-arrow {
    position: absolute;
    font-size: 0;
    border: none;
    width: 8px;
    height: 13px;
    top: calc(50% - 6px);
    z-index: 2;
}

.itemDay .sliderItemDay .slick-prev {
    left: 0;
    background: url(../images/prevArr.png) no-repeat;
}

.itemDay .sliderItemDay .slick-next {
    right: 0;
    background: url(../images/nextArr.png) no-repeat;
}

.itemDay .slideItemDay {
    text-align: center;
}

.itemDay .slideItemDay .imgW {
    height: 230px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.itemDay .slideItemDay .imgW img {
    max-height: 230px;
    max-width: 100%;
}

.itemDay .txtBlock {
    text-align: center;
}

.itemDay .name {
    font-family: "Montserrat-SemiBold";
    color: #4e7a74;
    margin-bottom: 15px;
    line-height: 1.1;
}

.itemDay .nameAttr {
    color: #a29fb2;
    line-height: 1;
    margin-bottom: 5px;
}

.itemDay .wrapAttr {
    margin-bottom: 15px;
}

.itemDay .nucAttr {
    padding: 5px 10px;
    color: #a29fb2;
    border-radius: 15px;
    line-height: 1;
    font-family: "Montserrat-Medium";
    opacity: 0.7;
}

.itemDay .nucAttr.active {
    background: #fcc94d;
    opacity: 1;
    color: #000;
}

.itemDay .priceBlock {
    padding: 25px 0;
    border-bottom: 1px solid #cccccc;
}

.itemDay .price {
    font-size: 30px;
    line-height: 1;
    margin: 0;
    color: #ff2626;
    font-family: "Montserrat-SemiBold"
}

.itemDay .buttonBask {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f7a819;
}

.itemDay .wish {
    font-size: 12px;
    color: #4e4e4d;
    padding: 3px 0 3px 30px;
    background: url(../images/wish1.png) no-repeat left center;
    margin-top: 20px;
    display: inline-block;
    border: none;
}


/*End hits-new-sale*/


/*saleBlock*/

.saleBlockWrap {
    display: grid;
    grid-template-columns: repeat(3, calc(33% - 20px));
    grid-gap: 10px 30px;
}

.nucItemSale {
    transition: all 0.4s;
    padding: 20px 20px 15px 25px;
    background: #fff;
}

.nucItemSale img {
    max-width: 100%;
}

.wrapTopSI {
    padding-bottom: 10px;
}

.wrapBotSI {
    padding-top: 10px;
    border-top: 1px solid #e5e5e5;
}

.wrapTopSI .leftBlock {
    width: 125px;
}

.wrapTopSI .rightBlock {
    width: calc(100% - 140px);
}

.wrapTopSI p {
    line-height: 1;
}

.wrapTopSI .cat {
    font-size: 13px;
    margin-bottom: 10px;
    color: #7e7f80;
}

.wrapTopSI .name {
    font-size: 14px;
    font-family: "Montserrat-SemiBold";
    color: #4e7a74;
    margin-bottom: 0;
}

.wrapTopSI .attrWrapSale p {
    margin-right: 5px;
    font-size: 12px;
    font-family: "Montserrat-Medium";
    color: #a29fb2;
    margin-bottom: 5px;
}

.priceBlockSI {
    padding-top: 5px;
}

.priceSI p {
    margin-bottom: 0;
}

.wrapTopSI .price {
    font-size: 20px;
    font-family: "Montserrat-SemiBold";
    color: #ff2626;
    margin-right: 5px;
}

.wrapTopSI .oldPrice {
    font-family: "Montserrat-SemiBold";
    color: #2f3f4c;
    text-decoration: line-through;
    margin-bottom: 0;
    opacity: 0.5;
    line-height: 1;
}

.wrapTopSI .buttonBask {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s;
    background: #d4d3d9;
}

.wrapTopSI .buttonBask:hover {
    background: #f7a819;
}

.wrapBotSI .leftBlock {
    width: 125px;
}

.wrapBotSI .wish {
    font-size: 12px;
    color: #4e4e4d;
    padding-left: 30px;
    background: url(../images/wish1.png) no-repeat left center;
    display: inline-block;
}

.miniSliderIS .slick-current .imgW::before {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fcc94e;
    content: '';
    height: 2px;
    width: 100%;
}

.miniSliderIS .imgW img {
    max-height: 30px;
    max-width: 80%;
}

.miniSliderIS .imgW {
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    background: #fff;
}

.miniSliderIS .slick-current .imgW {
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.bigSliderIS .imgW {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 140px;
    width: 100%;
}

.bigSliderIS img {
    max-width: 90%;
    max-height: 130px;
}


/*End saleBlock*/


/*newsBlock*/

.newsBlock {
    padding: 35px 0 70px;
}

.newsBlock .title {
    position: relative;
}

.newsBlock .title .all {
    position: absolute;
    right: 0;
    top: 6px;
    color: rgba(0, 0, 0, .5);
    font-size: 14px;
    line-height: 1;
}

.nucNews {
    width: 367px;
}

.nucNews .imgW {
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.nucNews img {
    max-width: 100%;
    max-height: 220px;
}

.nucNews .date {
    font-size: 14px;
    opacity: 0.6;
    line-height: 1;
}

.nucNews .name {
    font-size: 18px;
    color: #000;
    font-family: "Montserrat-SemiBold";
}

.nucNews .more {
    font-size: 15px;
    padding-right: 50px;
    background: url(../images/moreNews.png) no-repeat right center;
    color: #a29fb2;
    line-height: 1;
}


/*End newsBlock*/


/*partnersBlock*/

.partnersBlock {
    padding: 25px 0;
    border-top: 2px solid #e9eaec;
    border-bottom: 2px solid #e9eaec;
    margin-bottom: 50px;
}

.partSlide {
    text-align: center;
}

.partSlide .imgW {
    display: inline-flex;
    height: 75px;
    justify-content: center;
    align-items: center;
}

.partSlide .imgW img {
    max-height: 75px;
    max-width: 100%;
}

.sliderPart {
    position: relative;
    padding: 0 25px;
}

.sliderPart .slick-arrow {
    position: absolute;
    font-size: 0;
    border: none;
    width: 8px;
    height: 13px;
    top: calc(50% - 6px);
    z-index: 2;
}

.sliderPart .slick-prev {
    left: 0;
    background: url(../images/prevArr.png) no-repeat;
}

.sliderPart .slick-next {
    right: 0;
    background: url(../images/nextArr.png) no-repeat;
}


/*End partnersBlock*/


/*subscriptionBlock*/

.subscriptionBlock {
    margin-top: 35px;
    padding: 15px 0;
    background: #49bbac;
}

.subscriptionBlock p {
    color: #fff;
    font-size: 15px;
    font-family: "Roboto-Regular";
    line-height: 1;
    margin: 0;
}

.subscriptionBlock .name {
    font-size: 20px;
}

.subscriptionBlock form {
    display: flex;
    justify-content: center;
}

.subscriptionBlock form input {
    width: 300px;
    border: none;
    background: #fff;
    padding: 16px 20px;
    line-height: 1;
    font-size: 14px;
    border-radius: 25px 0 0 25px;
    font-family: "Montserrat-Regular";
}

.subscriptionBlock form button {
    font-size: 16px;
    border: none;
    font-family: "Montserrat-Regular";
    padding: 16px 20px;
    background: #f7a819;
    line-height: 1;
    border-radius: 0 25px 25px 0;
    text-align: center;
    color: #fff;
}


/*End subscriptionBlock*/


/*footer*/

footer {
    background: #eeeef3;
}

.wrapFooter {
    padding: 35px 0 50px;
}

.wrapFooter .logo {
    display: inline-block;
    margin-bottom: 55px;
}

.wrapFooter .phonesBlock {
    background: url(../images/infoFoot.png) no-repeat left center;
    padding-left: 70px;
    margin-bottom: 20px;
    text-align: right;
}

.wrapFooter .phonesBlock p {
    font-size: 12px;
    font-family: "Montserrat-Light";
    margin: 0;
    line-height: 1;
    color: #2f3f4c;
}

.wrapFooter .phonesBlock .clock {
    font-size: 12px;
    font-family: "Montserrat-Regular";
    color: #000;
}

.wrapFooter .phonesBlock .clock span {
    color: #fe9c01;
}

.wrapFooter .phonesBlock a {
    font-size: 22px;
    font-family: "Montserrat-Medium";
    color: #282829;
}

.wrapFooter .phonesBlock a span {
    color: #fe9c01;
}

.wrapFooter .contsFoot .cont {
    font-size: 15px;
    margin: 0;
    line-height: 1.1;
    font-family: "Montserrat-SemiBold";
}

.wrapFooter .contsFoot p {
    font-size: 14px;
    color: #2f3f4c;
}

.wrapFooter .name {
    font-size: 15px;
    font-family: "Montserrat-SemiBold";
    line-height: 1;
    margin-bottom: 15px;
}

.wrapFooter .mainCat a {
    font-size: 14px;
    color: #212323;
    display: block;
    margin-bottom: 10px;
}

.wrapFooter .mainCat li:last-child a {
    margin-bottom: 0;
}

.wrapFooter .rightBlock {
    width: 415px;
    padding-top: 28px;
}

.wrapFooter .wrapMains a {
    font-size: 14px;
    font-family: "Montserrat-Medium";
    color: #212323;
}

.wrapFooter .rightBlock .politBlock a {
    font-size: 12px;
    display: inline-block;
    color: #212323;
}

.copyrightBlock {
    background: #39393c;
    padding: 12px 0;
}

.copyrightBlock p {
    color: #fff;
    font-family: "Montserrat-Light";
    line-height: 1;
    margin: 0;
}

.copyrightBlock p a {
    color: #cdcbcb;
}

.copyrightBlock .socBlock a {
    width: 39px;
    height: 39px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-left: 8px;
    border: 1px solid #fff;
    transition: all 0.4s;
    color: #fff;
    font-size: 20px;
}

.copyrightBlock .socBlock a:hover {
    color: #49bbac;
    text-decoration: none;
    border: 1px solid #49bbac;
}


/*End footer*/


/*modalF*/


/*End modalF*/


/*insidepage*/

.insidepage header {
    margin-bottom: 40px;
}

.insidepage .topMain {
    background: #49bbac;
}

.insidepage .wrapHeadMain a {
    color: #fff;
}

.insidepage .wrapHeadMain a.styleMain {
    color: #fcc94d;
    font-family: "Montserrat-SemiBold";
}

.insidepage .wrapHeadMain>ul>li.parent .fa {
    position: absolute;
    right: 0;
    color: #fff;
}

.insidepage .wrapHeadMain>ul>li ul {
    background: #49bbac;
}

.wrapHeadMain>ul>li ul a {
    border-bottom: 1px solid #fff;
}

.insidepage .wrapHeadMain>ul>li ul li:last-child a {
    border-bottom: none;
}

.mobMenu {
    display: none;
}

.closeButt,
.closeFilter,
.mobOpenFilter {
    display: none;
}


/*End insidepage*/


/* --- Media styles --- */

.topSlide>img {
    margin-left: calc((100% - 1920px) / 2);
}

@media screen and (min-width:1200px) {}

@media screen and (max-width:1299px) {
    .topLineItemPage .infoBlock {
        width: 280px;
    }
    .container {
        width: 970px;
    }
    .botLineH .search {
        width: 335px;
    }
    .basketBlock .priceSum,
    .basketBlock .nonItem {
        font-size: 14px;
    }
    .logo img {
        max-width: 100%;
    }
    header .logo {
        width: 200px;
    }
    .botLineH .infoBlock a {
        font-size: 16px;
    }
    .botLineH .infoBlock p {
        font-size: 10px;
    }
    .basketBlock .imgW {
        padding-right: 5px;
        margin-right: 5px;
    }
    .topSliderBlock .txtBlock {
        left: calc((100% - 940px) / 2);
    }
    .nucBM img {
        max-width: 110%;
        height: 100%;
    }
    .wrapBM {
        grid-template-columns: repeat(4, 231px);
    }
    .itemDay {
        width: 260px;
        padding: 15px 10px 20px;
    }
    .itemDay .nameRazd span {
        font-size: 22px;
    }
    .tabsWrapHNS {
        width: calc(100% - 275px);
    }
    .wrapItem {
        grid-template-columns: repeat(3, 215px);
    }
    .item .price {
        font-size: 18px;
    }
    .saleBlockWrap {
        grid-template-columns: repeat(2, calc(50% - 15px));
    }
    .nucNews {
        width: 285px;
    }
    .nucNews .imgW {
        height: 170px;
    }
    .nucNews img {
        max-height: 170px;
    }
    .subscriptionBlock form input {
        width: 195px;
    }
    .wrapFooter .rightBlock {
        width: 270px;
    }
    .mainRightBlock {
        top: 65px;
        max-height: calc(100vh - 65px);
    }
    .mainRightBlock:hover {
        overflow-y: auto;
    }
}

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

@media screen and (max-width:1091px) {
    .topLineItemPage {
        flex-wrap: wrap;
    }
    .topLineItemPage .sliderWrapIP {
        width: 100%;
        margin-bottom: 15px;
    }
    .container {
        width: 750px;
    }
    .topLineH form.sityform {
        margin-right: 15px;
        padding-left: 10px;
    }
    .topLineH ul a {
        margin-right: 8px;
        font-size: 12px;
    }
    .topLineH .lk {
        padding-left: 20px;
    }
    .wrapBLH {
        flex-wrap: wrap;
        padding: 5px 0;
    }
    header .logoWrap {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .topSliderBlock .txtBlock {
        left: calc((100% - 720px) / 2);
    }
    .topSlide>img {
        max-width: 1400px;
        margin-left: calc((100% - 1100px) / 2);
    }
    .wrapBM .doubleHoriz {
        grid-column-start: span 3;
        grid-row-start: 3;
    }
    .wrapBM {
        grid-template-columns: repeat(2, 282px);
        margin: 0 auto;
        width: 568px;
    }
    .item .infoItem,
    .item {
        padding: 10px 10px;
    }
    .wrapItem {
        grid-template-columns: repeat(2, 217px);
    }
    .tabsWrapHNS ul {
        padding-left: 0px;
        justify-content: center;
    }
    .nucNews {
        width: 220px;
    }
    .nucNews .imgW {
        height: 140px;
    }
    .nucNews img {
        max-height: 140px;
    }
    .wrapFooter .rightBlock {
        width: 230px;
    }
    .subscriptionBlock {
        margin-top: 15px;
        padding: 10px 0;
    }
    .wrapSubscription {
        flex-wrap: wrap;
        justify-content: center;
    }
    .subscriptionBlock form {
        margin-top: 10px;
    }
    .subscriptionBlock .name {
        margin-right: 15px;
    }
    .wrapFooter .phonesBlock {
        padding-left: 50px;
    }
    .wrapFooter .phonesBlock a {
        font-size: 20px;
    }
    .wrapHeadMain>ul>li {
        margin-right: 10px;
    }
}

@media screen and (max-width:800px) {
    .container {
        width: 100%;
    }
    .mainRightBlock,
    .itemDay,
    footer .mainCat,
    header .mycart_wrapp {
        display: none;
    }
    .topMain {
        padding: 0;
    }
    .wrapFooter .rightBlock ul {
        display: none;
    }
    .wrapFooter .rightBlock {
        width: 100%;
        justify-content: flex-start;
    }
    .wrapFooter .logo {
        display: inline-block;
        margin-bottom: 20px;
    }
    .wrapFooter {
        flex-wrap: wrap;
        justify-content: center;
    }
    .politBlock {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .politBlock a br {
        display: none;
    }
    .wrapFooter {
        padding: 15px 0 20px;
    }
    .wrapTLH {
        flex-direction: column;
        justify-content: center;
    }
    .wrapNAvAndMain {
        flex-direction: column-reverse;
    }
    .sityform {
        margin: 0 10px;
    }
    .allCat {
        font-size: 20px;
    }
    .allCat span {
        font-size: 18px;
    }
    .topSliderBlock .txtBlock {
        left: 15px;
        right: 15px;
        top: 40px;
    }
    .topSliderBlock .txtBlock .name span {
        font-size: 20px;
    }
    .topSliderBlock .txtBlock .name {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .topSliderBlock .txtBlock p {
        font-size: 16px;
    }
    .tabsWrapHNS {
        width: 100%;
    }
    .wrapItem.active {
        display: flex;
        f
    }
    .wrapItem {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .wrapItem form {
        width: 48%;
    }
    .wrapItem .item {
        width: 100%;
    }
    .saleBlockWrap {
        display: block;
    }
    .nucItemSale {
        width: 100%;
        margin-bottom: 15px;
    }
    .wrapNews {
        flex-wrap: wrap;
        justify-content: center;
    }
    .wrapNews .nucNews {
        width: 100%;
        max-width: 300px;
        padding: 0 10px;
        margin-bottom: 25px;
    }
    .list_product form {
        width: 48%;
    }
    .list_product form>.item {
        width: 100%;
    }
    .wrapCategoryProdList .jshop_list_product {
        width: calc(100% - 220px);
    }
    .wrapCategoryProdList .left {
        width: 200px;
    }
    .topLineItemPage {
        flex-direction: column;
        align-items: center;
    }
    .topLineItemPage .infoBlock {
        width: 100%;
        margin-bottom: 15px;
    }
    /*mobMain*/
    .mobMenu {
        z-index: 400;
        position: fixed;
        bottom: 0;
        display: block;
        background: #fff;
        padding: 0px 0 0px;
        border-top: 1px solid #a1a1a1;
        border-left: 1px solid #a1a1a1;
        border-right: 1px solid #a1a1a1;
        left: 0;
        right: 0;
    }
    .topMain ul,
    .wrapMainTop ul {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        padding: 50px 15px;
        overflow-y: auto;
        background: #fff;
        z-index: 500;
    }
    .topMain ul.active,
    .wrapMainTop ul.active {
        display: block;
    }
    .wrapHeadMain>ul>li.parent .fa {
        display: none;
    }
    .wrapHeadMain>ul>li.parent {
        display: block;
    }
    .wrapHeadMain>ul>li.parent:hover>ul {
        display: none;
    }
    .wrapHeadMain>ul>li,
    .wrapMainTop ul li {
        text-align: center;
    }
    .wrapHeadMain a,
    .wrapMainTop ul a {
        font-size: 22px;
        padding: 10px 15px;
        display: block;
        text-align: center;
    }
    .wrapBotMenuHome,
    .wrapBotMenuCat,
    .collBackBot {
        width: 25%;
    }
    .closeButt {
        display: block;
        font-size: 30px;
        line-height: 1;
        color: #000;
        position: absolute;
        right: 15px;
        top: 15px;
        font-family: "Montserrat-Bold";
    }
    .IconDiv {
        padding: 10px 7px 0 7px;
        text-align: center;
    }
    .mobMenu .fa::before {
        font-size: 30px;
    }
    .IconDiv p {
        font-family: "Montserrat-Bold";
    }
    .collBackBot a,
    .collBackBot p {
        color: #000;
        font-family: "Montserrat-Bold";
    }
    .collBackBot {
        text-align: center;
        padding: 10px 7px 0 7px;
    }
    html.activeMain {
        overflow: hidden;
    }
    /*End mobMain*/
}

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

@media screen and (max-width:640px) {
    .wrapCategoryProdList .left {
        width: 100vw;
        position: fixed;
        padding-top: 50px;
        top: 0;
        left: -100vw;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        background: #fff;
        z-index: 500;
        transition: all 0.4s;
    }
    .wrapCategoryProdList .left.active {
        overflow-y: auto;
        overflow-x: hidden;
        left: 0;
    }
    .wrapCategoryProdList .jshop_list_product {
        width: 100%;
    }
    .closeFilter {
        display: block;
        font-size: 30px;
        line-height: 1;
        color: #000;
        position: absolute;
        right: 15px;
        top: 15px;
        font-family: "Montserrat-Bold";
    }
    .mobOpenFilter {
        display: block;
        position: absolute;
        left: 100%;
        top: 150px;
        background: #49bbac;
        color: #fff;
        font-family: "Montserrat-Bold";
        padding: 5px 20px;
        transform-origin: left bottom;
        transform: rotate(90deg);
    }
}

@media screen and (max-width:600px) {
    .wrapBM {
        display: block;
        width: 285px;
    }
    .nucBM {
        width: 280px;
        margin-bottom: 10px;
    }
    .wrapBM img {
        max-width: 100%;
    }
    .nucBM .name {
        top: 5px;
    }
    .nucBM .more {
        bottom: 15px;
    }
    .wrapBLH {
        justify-content: center;
    }
    .wrapBLH .jshop_ajaxsearch {
        width: 100%;
        order: 2;
        margin-top: 10px;
    }
    .botLineH .search {
        width: 100%;
    }
}

@media screen and (max-width:485px) {
    .wrapItem .item {
        width: 100%;
    }
    .list_product form {
        width: 100%;
    }
    .wrapItem form {
        width: 100%;
    }
}

@media screen and (max-width:425px) {
    .wrapBotSI .leftBlock {
        display: none;
    }
    .wrapTopSI {
        flex-direction: column;
        align-items: center;
        margin-bottom: 15px;
    }
    .wrapTopSI .rightBlock {
        width: 100%;
    }
    .wrapTopSI {
        margin-bottom: 0;
    }
}

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

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

.tree {
    display: table;
}

.tree li {
    list-style-type: none;
    margin: 10px;
    position: relative;
}

.tree li a {
    border: 1px #607673 solid;
    padding: 2px 5px;
    color: black;
}

.tree li::before {
    content: "";
    position: absolute;
    top: -7px;
    left: -20px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 0 0 0 0px;
    width: 20px;
    height: 15px;
}

.tree li::after {
    position: absolute;
    content: "";
    top: 8px;
    left: -20px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-radius: 0px 0 0 0;
    width: 20px;
    height: 100%;
}

.tree li:last-child::after {
    display: none;
}

.tree li:last-child:before {
    border-radius: 0 0 0 5px;
}

ul.tree>li:first-child::before {
    display: none;
}

ul.tree>li:first-child::after {
    border-radius: 5px 0 0 0;
}

.tree li a {
    border: 1px #ccc solid;
    padding: 2px 5px;
}

.tree li a:hover,
.tree li a:hover+ul li a,
.tree li a:focus,
.tree li a:focus+ul li a {
    background: #f1f1f1;
    color: #000;
}

.tree li a:hover+ul li::after,
.tree li a:focus+ul li::after,
.tree li a:hover+ul li::before,
.tree li a:focus+ul li::before .tree li a:hover+ul::before,
.tree li a:focus+ul::before .tree li a:hover+ul ul::before,
.tree li a:focus+ul ul::before {
    border-color: #000;
}

ul.tree-child {
    padding-left: 50px;
    font-size: 14px;
}

.jshop_profile_data .grey {
    color: gray;
}

.jshop_profile_data .bonus-nomer {
    font-weight: bold;
    color: red;
}

.jshop_profile_data .block {
    font-weight: bold;
}

.jshop_profile_data input#myInput {
    width: 384px;
}

.jshop_profile_data .button-class {
    font-size: 16px;
    border: none;
    font-family: "Montserrat-Regular";
    padding: 5px 12px;
    background: #f7a819;
    line-height: 1;
    border-radius: 0 25px 25px 0;
    text-align: center;
    color: #fff;
}

.editdata a,
.showorders a,
.urllogout a {
    font-size: 16px;
    border: none;
    font-family: "Montserrat-Regular";
    padding: 5px 12px;
    background: #49bbac;
    line-height: 1;
    text-align: center;
    color: #fff;
}

.editdata,
.showorder,
.urllogout {
    padding: 10px 0;
}

.jshop_register .control-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 3px;
}

.cart .remove_to_cart .btn-primary {
    font-family: "Montserrat-Medium";
    left: 25px;
    bottom: 25px;
    line-height: 1;
    border-radius: 20px;
    padding: 10px 15px 13px 20px;
    color: #fff;
    background: #49bbac;
    transition: all 0.4s;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.remove_to_cart img {
    display: none;
}

.remove_to_cart .data {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* 
table.jshop td.remove_to_cart {
    vertical-align: inherit;
} */
.table {
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table .table {
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #212529;
  border-color: #32383e;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #212529;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #32383e;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive > .table-bordered {
  border: 0;
}
.tac, .text-center{
    text-align: center;
}