/* Static */
body, 
html {
    height: 100%;

    overflow-x: hidden;

    background-color: #fff;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.content {
    flex: 1 0 auto;
}

.container {
    max-width: 1440px;

    margin: 0 auto;
    padding: 0 135px;
}

/* Footer */
footer {
    flex: 0 0 auto;
    padding: 70px 0;
    background: #EFEFEF;
}

.brandFooter {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin-left: 10px;
}

.footerWrapper {
    display: flex;
}

.footerOneBlog {
    display: flex;
    justify-content: space-between;
    padding-right: 66px;

    border-right: 1px solid #C8C8C8;
}

.footerTwoBlog {
    padding: 0 30px;
    border-right: 1px solid #C8C8C8;
}

.footerThreeBlog {
    padding: 0 47px 0 30px;
}

.footerContact {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;

    color: #8D8D8D;

    margin-bottom: 16px;

    text-decoration: none;
}

.footerContact:last-child {
    margin-bottom: 0;
}

.footerOneBlogOneNone, .footerOneBlogNone {
    display: none;
}

.footerLogo {
    display: flex;
    align-items: center;
    margin-right: 53px;
    margin-left: 2px;
}

.footerLogo a{
	    width: 176px;

}

.footerOneBlogTwo {
    margin-right: 34px;
}

.social {
    display: flex;
    align-items: center;
    margin-top: 35px;
    margin-left: 22px;
}

.socialNone {
    display: none;
}

.socialLink {
    margin-right: 27px;
}

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

.footerItemMobule {
    display: none;
}

.footerLink {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;

    color: #000000;

    margin-bottom: 32px;
}

.footerLink:last-child {
    margin-bottom: 0;
}

/* Title */
.blogTitle {
    font-weight: 800;
    font-size: 32px;
    line-height: 44px;

    color: #C8C8C8;
}

.hrHeader {
    position: inherit;

    border-bottom: #D9D9D9 1px solid;
    height: 74px;
}

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

/* Burger Menu Start */
.burgerMenu {
    display: none;
}
/* Burger Menu End */

.containerNavbar {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-top: 25px;
    margin-bottom: 10px;
}

.brand {
    color: #000;
    font-size: 36px;
    margin-left: 10px;
}

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

.navbarItem {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin-right: 57px;
}

.navbarItem:last-child {
    margin-right: 0;
}

.navbarItemBasket {
    display: flex;
    justify-content: center;
    align-items: center;

    margin-right: 0;
}

.navLink {
    position: relative;
    color: #000;
}

.navLink.active {
    border-bottom: 1px solid #000;
}

.navLink::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;

    width: 0;
    height: 1px;

    transition: all .3s ease-in-out 0s;

    background-color: #000;
}

.navbarItem:hover .navLink::after {
    width: 100%;
}

.navLinkBasket {
    margin-right: 8px;
}

/* Burger Menu */
.burger {
    display: none;
}

/* CatalogArticle */
.catalogArticle {
    position: absolute;
    top: -1187px;
    width: 100%;
    box-shadow: 0px 4px 4px 0px #00000040;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF),
            linear-gradient(0deg, #D9D9D9, #D9D9D9);
    border-bottom: 1px solid #D9D9D9;

    padding: 30px 0;

    z-index: 3;

    transition: all .5s linear 0s;
}

.catalogArticle.active {
    top: 74px;
}

.catalogArticleRow {
    display: flex;
    justify-content: space-between;

    flex-wrap: wrap;
    gap: 30px 0;

    margin-bottom: 30px;
}

.catalogArticleCol {
    width: 20%;
}

.catalogArticleColNone {
    opacity: 0;
}

.catalogArticleRow:last-child {
    margin-bottom: 0;
}

.catalogArticleTitle {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
        
    margin-bottom: 10px;
}

.catalogArticleItem {    
    margin-bottom: 5px;
}

.catalogArticleItem:last-child {
    margin-bottom: 0;
}

.catalogArticleLink {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;

    color: #000;

    transition: all .3s ease-in-out 0s;
}

.catalogArticleLink:hover {
    color: #892484;
}


/* Slider */
.slider {
    margin-top: 64px;
}

.carouselInner {
    width: 300%;
    overflow: hidden;
    display: flex;
}

.carousel {
    position: relative;
}

.carouselIndicators {
    position: absolute;
    top: 73px;
    left: 50px;
    z-index: 1;
}

.carouselCaprions {
    width: 12px;
    height: 12px;
    border-radius: 50%;

    background: #EFEFEF;
    margin-right: 8px;
}

.carouselCaprions:last-child {
    margin-right: 0;
}

.carouselCaprions.active {
    background: #00A4E0;
}

.carouselItem {
    position: relative;
    transition: all .5s ease-in-out 0s;
    opacity: 0;
}

.carouselItem img {
    width:  calc(100vw - 270px);
    height: 360px;
}

.carouselItem.active {
    display: block;
    opacity: 1;
}

.carouselContent {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
}

.carouselTitlte {
    font-weight: 800;
    font-size: 48px;
    line-height: 65px;

    color: #FFFFFF;
}

.carouselText {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;

    /* identical to box height */
    color: #FFFFFF;
    margin-top: 12px;
}

.carouselButton {
    width: 162px;
    height: 52px;

    /* Style */
    background: #892484;
    border-radius: 8px;
    color: #FFFFFF;

    margin-top: 24px;

    transition: all .3s ease-in-out 0s;
}

.carouselButton:hover {
    background: #63195f;
}

/* Brand */
.brandWrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;

    margin: 40px 0;
}

.brandWrapperNone {
    display: none;
}

/* Union */
.unionWrapper {
    display: flex;
    justify-content: space-between;
}

.unionContent {
    display: flex;
    align-items: center;

    margin-top: 17px;
}

.unionItem {
    margin-right: 20px;
}

.unionText {
    margin-right: 16px;

    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    
    color: #000000;
}

/* Sale */ 
.sale {
    margin-top: 65px;
}

/* Product */
.productWrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 32px;
}

.productItem {
    width: 270px;
    margin-right: 30px;
}

.productItemNewMobule {
    display: none;
}

.productItemExit {
    margin-right: 0;
}

.productItemDop {
    display: none;
}

.productImgBg {
    display: flex;
    justify-content: center;
    align-items: center;

    height: 270px;
    text-overflow: ellipsis;
	overflow: hidden;
    background: #F8F8F8;
    border-radius: 8px;
}

.productImgBg img {
    transition: all .3s ease-in-out 0s;
	max-width: 100%;
    max-height: 100%;
}

.productImgBg:hover img {
    scale: 1.2;
}

.productContent {
    margin-top: 16px;
}

.productTitle {
    /* font-family: 'Open Sans'; */
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;

    color: #000000;
	height: 73px;
    overflow: hidden;
}

.productText {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;

    color: #B0B0B0;
    margin-top: 12px;
}

.productCardWrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
}

.productPrice {
    display: flex;
    align-items: end;
}

.productPriceNew {
    font-weight: 600;
    font-size: 24px;
    /* line-height: 33px; */

    color: #000000;
    margin-right: 5px;
}

.productPricePast {
    font-weight: 300;
    font-size: 14px;
    line-height: 19px;
    /* identical to box height */
    text-decoration-line: line-through;

    color: #B0B0B0;
}

.productButton {
    width: 126px;
    height: 33px;

    background: #892484;
    border-radius: 8px;
    color: #FFFFFF;
    font-weight: 400;  
    font-size: 14px;
    line-height: 17px;

    display: flex;
    justify-content: center;
    align-items: center;

    transition: all .3s ease-in-out 0s;
}

.productButton:hover {
    background: #63195f;
}

/* New */
.new {
    margin-top: 64px;
    margin-bottom: 96px;
}



/* HOME FIRS SLIDER */

.home-firts-slider{
	position: relative;
}
.home-firts-slider .home-firts-slider__pagination{
    top: 73px; 
    left:50px;
    width: max-content;
    height: max-content;
}
.home-firts-slider .home-firts-slider__pagination .swiper-pagination-bullet{
	width: 12px;height: 12px;
	transition: all 0.3s ease;
background-color: #fff; opacity: 1;

}

.home-firts-slider .home-firts-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #00A4E0;
}

/* HOME FIRS SLIDER */

@media (max-width: 1260px) {
    /* Static */
    .container {
        padding: 0 60px;
    }

    /* Header */
    .brand {
        font-size: 24px;
    }

    .navbarItem {
        margin-right: 30px;
    }

    .navbarItem:last-child {
        margin-right: 0;
    }

    /* Slider */
    .carouselInner .carouselItem img {
        width: calc(100vw - 120px);
        height: 360px;
    }
}

@media (max-width: 1120px) {
    /* Products */
    .productCardWrapper {
        flex-direction: column;
        margin-top: 10px;
    }

    .productButton {
        width: 100%;
        margin-top: 10px;
    }
}

@media (max-width: 980px) {
    /* Static */
    .container {
        padding: 0 40px;
    }

    /* Header */
    .brand {
        font-size: 24px;
    }

    .navbarItem {
        margin-right: 16.5px;
    }

    /* Slider */
    .carouselInner .carouselItem img {
        width: calc(100vw - 80px);
        height: 360px;
    }

    /* Brand */
    .brandWrapper {
        flex-wrap: wrap;
    }

    /* CatalogArticle */
    .catalogArticleCol {
        width: 33.3%;
    }

    .catalogArticleColNone {
        display: none;
    }
}

@media (max-width: 850px) {
    /* Footer */
    footer {
        padding: 20px 0;
    }

    .footerLogo {
        align-items: end;
    }

    .footerLogo img {
            width: 500px;
    		height: 52px;
    }

    .brandFooter {
        font-weight: 500;
        font-size: 20px;

        margin-left: 5px;
    }

    .footerWrapper {
        margin-top: 20px;
    }

    .footerTwoBlog {
        padding: 0 30px 0 10px;
    }

    .footerThreeBlog {
        padding: 0 0 0 10px;
    }

    .footerOneBlogOne {
        display: none;
    }

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

    .social {
        margin: 0;
    }

    .footerOneBlogTwo .footerItem,
    .footerOneBlogThree .footerItem {
        padding: 0 30px 0 10px;
        border-left: 1px solid #C8C8C8;
    }

    .footerLink,
    .footerContact {
        font-size: 13px;
        line-height: 15px;
        margin-bottom: 10px;
    }
}

@media (max-width: 768px) {
	.productWrapper {
	    justify-content: flex-start;
    	margin-top: -4px !important;
    	flex-wrap: wrap;
    	gap: 30px;
	}


    /* Static */
    .container {
        padding: 0 20px;
    }

    /* Header */
    .brand {
        font-size: 24px;
    }

    .navbarItem {
        margin-right: 16.5px;
    }

    /* Slider */
    .slider {
        margin-top: 40px;
    }

    /* Slider */
    .carouselInner .carouselItem img {
        width: calc(100vw - 40px);
        height: unset;
    }

    .carouselTitlte {
        font-size: 26px;
        line-height: 34px;
    }

    .carouselText {
        line-height: 21.79px;

        /* identical to box height */
        margin-top: 0;
    }

    .carouselButton {
        width: 150px;
        height: 35px;

        /* Style */
        margin-top: 10px;
    }

    .carouselContent {
        left: 20px;   
    }

    .carouselIndicators {
        top: 13.5px;
        left: 20px;
    }


	.home-firts-slider .home-firts-slider__pagination{        top: 13.5px;
        left: 20px;}


    /* BlogTitle */
    .blogTitle {
        font-weight: 700;
        font-size: 24px;
        line-height: 29px;
		margin-top:35px;
    }

    /* Brand */
    .brand {
        margin-left: 0;
    }

    .brandDel {
        display: none;
    }

    /* Union */
    .unionItem img {
		width: unset;
    	height: unset;
    }

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

    .unionText {
        font-size: 12px;
        line-height: 15px;
    }

    .unionContent img {
        width: 24px;
        height: 24px;
    }

    /* Sale */
    .sale, .productWrapper {
        margin-top: 20px;
    }

    .productContent {
        margin-top: 0;
    }

    .productItem {
        width: 150px;
    }

    .productImgBg {
        width: 140px;
        height: 140px;
    }

    .productImgBg img {
        width: unset;
        height: 117px;
    }

    .productTitle, .productText {
        font-size: 13px;
        line-height: 18px;

        margin-top: 10px;
    }

    .productCardWrapper {
        flex-direction: column;
    }

    .productPriceNew {
        font-weight: 700;
        font-size: 16px;    
        line-height: 18px;
    }

    .productPricePast  {
        font-size: 10px;
        line-height: 12px;
    }

    .productButton {
        margin-top: 10px;
    }

    /* New */
    .new {
        margin: 20px 0 40px;
    }
}

@media (max-width: 981px) {
    /* Header */

    .navbarNav {
        display: none;
    }

    .containerNavbar {
        margin: 15px 0;
    }

    .navbarNavBasket {
        display: block;
    }

    .navLinkBasket {
        display: none;
    }

    .containerNavbar {
        justify-content: space-between;
    }

    .navbarNavBasket .navbarItem {
        margin: 0;
    }

    .brandHeader a img {
        /*width: 20px;
        height: 20px;*/
    width: 142px;
    height: unset;
    margin-top: 0px;
    }

    .brand {
        font-size: 20px;
        margin-left: 5px;
    }

    /* Burger Menu */
    .burger {
        display: flex;
        align-items: center;
        position: relative;

        width: 20.71px;
        height: 16px;

        cursor: pointer;
    }

    .burgerNoneFlex {
        display: none;
    }

    .burgerButtons {        
        width: 20.71px;
        height: 1.29px;

        background-color: #892484;
    }

    .burgerButtons::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;

        width: 20.71px;
        height: 1.29px;

        background-color: #892484;
    }

    .burgerButtons::before {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;

        width: 20.71px;
        height: 1.29px;

        background-color: #892484;
    }

    .burgerClose {
        display: flex;
        align-items: center;
        position: relative;

        width: 20.71px;
        height: 16px;

        cursor: pointer;
    }

    .burgerButtonClose::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;

        transform: rotate(45deg);

        width: 20.71px;
        height: 1.29px;

        background-color: #a5a5a5;
    }

    .burgerButtonClose::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;

        transform: rotate(-45deg);

        width: 20.71px;
        height: 1.29px;

        background-color: #a5a5a5;
    }


    .burgerFooter {
        position: relative;
        bottom: 0;

        background-color: #EFEFEF;
    }

    .burgerMenu {
        display: flex;
        flex-direction: column;
        /* justify-content: space-between; */
        position: absolute;
        top: 0;
        left: -300px;
        z-index: 2;

        width: 300px;
        height: 100%;
        max-height: max-content;

        background-color: #fff;

        border-radius: 0px 0px 8px 0px;

        overflow: hidden;

        transition: all .3s ease-in-out 0s;
        overflow-y: scroll;
    }

    .burgerWrapper {
        position: relative;

        height: 812px;
        max-height: 812px;
		display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .burgerHeader {
        display: flex;
        justify-content: space-between; 
        padding: 20px 20px 10px 20px;

        border-bottom: 1px solid #C8C8C8;
    }

    .burgerFooter {
        padding: 20px 0;
    }

    .navbarNavBurger {
        display: flex;
        flex-direction: column;

        height: auto;

        margin: 40px 0 60px 20px;
        padding-left: 20px;

        border-left: 2px solid #C8C8C8;
    }

    .navbarNavBurger .navbarItem {
        margin-bottom: 15px;
    }

    .navbarNavBurger .navbarItem:last-child {
        margin-bottom: 0;
    }

    .navbarBurgerleft {
        display: none;
        align-items: center;

        margin: 15px 0 -25px 20px;
    }

    .navbarBurgerleft.active {
        display: flex;
    }

    .navbarBurgerleftTwo {
        display: none;
        align-items: center;

        margin: 15px 0 -25px 20px;
    }

    .navbarBurgerleft img {
        width: 20.5px;
        height: 11.83px;
    }

    .navbarBurgerleftText, .navbarBurgerleftTwoText {
        margin-left: 20px;

        font-size: 16px;
        font-weight: 400;
        line-height: 20px;

        color: #C8C8C8;
    }

    .navbarNavBurgerLinks {
        display: none;
    }

    .navbarNavBurgerLinks.active {
        display: block;
    }

    .navbarNavBurgerCatalog {
        display: none;
    }

    .navbarNavBurgerCatalog.active {
        display: block;
    }

    .navbarNavType {
        display: none;
    }

    .burgerFoterInfo {
        margin: 6px 20px 20px 26px;
    }

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

    .burgerFoterInfoLinkImg {
        display: flex;
        justify-content: center;
        align-items: center;

        width: 32px;
        height: 32px;

        margin-right: 16px;
    }

    .burgerFoterInfoLinkImgLast {
        padding: 0 7px; 
    }

    .burgerFoterInfoLinkImgLast img {
        min-width: 18px;
        min-height: 18px;
    }

    .burgerFoterInfoLink {
        font-weight: 400;
        font-size: 13px;
        line-height: 15px;

        color: #000;
    }

    .burgerFoterInfoItem {
        margin-bottom: 12px;
    }

    .burgerFoterInfoItem:last-child {
        margin-bottom: 0;
    }

    .burgerFoterInfoLink:last-child {
        font-size: 11px;
        line-height: 15px;
    }

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

    .burgerFooterSocial .social {
        margin-left: 10px;
    }

    /* Product */
    .productItem {
        margin-right: 0;
    }

    /* Footer */
    .footerWrapper {
        flex-wrap: wrap;
    }

    .footerOneBlog, .footerTwoBlog {
        margin-bottom: 20px;
    }

    .footerTwoBlog, .footerOneBlog {
        border-right: none;
    }

    .footerThreeBlog, .footerTwoBlog {
        border-left: 1px solid #C8C8C8;
    }

    .socialNoneBurger {
        display: flex;
    }

    /* CatalogArticle */
    .catalogArticle {
        display: none;
    }
}

@media (max-width: 630px) {
    /* Products */
    .productWrapper {
        flex-wrap: wrap;

        gap: 20px;
    }

    .productItemDop {
        display: block;
    }

    .productWrapperMobule {
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
    }

    .productWrapperMobule .productItem {
        width: 100px;
    }

    .productWrapperMobule .productItem .productImgBg {
        width: 100px;
        height: 100px;
    }

    .productWrapperMobule .productItem .productImgBg img {
        width: 40px;
        height: 83px;
    }

    .productWrapperMobule .productItem:last-child {
        display: none;
    }

    .productItem {
        width: 140px;
    }
}

@media (max-width: 500px) {
    /* Products */
	.unionItem a{
	    height: 53px;
		display: inline-block;
		overflow: hidden;
	}

	.unionContent a{
		display:none;
	}
    .productWrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .productItemDop {
        display: none;
    }

	.unionItem {
		margin-right: 10px;
	}
}

@media (max-width: 376px) {
    /* Footer */
    .footerOneBlogOneNone {
        display: flex;
        justify-content: center;
    }

    .footerOneBlog {
        border-right: none;
    }

    .social, 
    .footerTwoBlog, 
    .footerThreeBlog, 
    .footerOneBlog, 
    .footerWrapper {
        display: none;
    }

    .footerOneBlogOneNone .footerLogo img {
            width: 500px;
    		height: 52px;

        margin-bottom: 0;
    }

    .footerOneBlogOneNone .footerLogo a {
        font-size: 22px;
    }

    .footerWrapper, .footerOneBlogNone {
        display: flex;
        justify-content: space-between;
    }

    .socialNone {
        display: flex;
        justify-content: center;

        margin: 15px 0 0 0;
    }

    .footerItemMobule {
        display: flex;
        border-left: 1px solid #C8C8C8;
        padding: 0 30px 0 10px;

        margin-top: 15px;
    }

    /* Slider */
    .carouselItem img {
        width: calc(100vw - 40px);
        height: 180px;
    }

    .carouselTitlte {
        font-weight: 700;
        font-size: 24px;
        line-height: 29px;
    }

    .carouselText {
        font-size: 13px;
        line-height: 17px;
    }

    .brandWrapper {
        display: none;
    }

    .brandWrapperNone {
        display: flex;
        justify-content: space-around;
        align-items: center;

        flex-wrap: wrap;

        margin: 20px 0;

        gap: 20px;
    }

    .unionItem img {
        width: unset;
        height: unset;
    }
	
	.unionItem {
		margin-right: 12px;
	}

    .unionText {
        width: 67px;

        font-size: 10px;
        line-height: 12px;

        margin-right: 5px;
    }

    .unionContent img {
        width: 24px;
        height: 24px;
    }

    .blogTitle {
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;

        margin-left: 20px;
    }

    .blogTitle.blogTitleMobule {
        margin-left: 0;
    }

    /* Products */
    .productWrapper {
        justify-content: center;
        align-items: center;

        margin-top: 20px;

        flex-wrap: wrap;

        gap: 20px;
    }
}


//fix


.productItem{
	margin-right: 0px !important;
}
.productWrapper {
    justify-content: flex-start;
    margin-top: 32px;
    flex-wrap: wrap;
    gap: 30px;
}