.prodacts_home {
    overflow: hidden; 
}

.homepageproducts {
    
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.homepageproducts .producthomepage {
   
    width:24%;
    margin:5px;
}


.prodacts_home .tab-content-nocarousel {
    
    height:fit-content;
    
}

.prodacts_home .tab-content {
    overflow: hidden;
    /*margin-bottom: 2%;*/
    height: 490px !important;
}
.prodacts_home .put_bootom_border .col,.prodacts_home .put_bootom_border .col nav {
    margin-bottom: -6px;
}
.prodacts_home .navs_prodacts_home {
    text-align: center;
    vertical-align: middle;
    line-height: 55px;
    text-align: right;
    white-space: nowrap;
    /*    min-width: 104px;
        padding: 0;*/

}
.prodacts_home .put_bootom_border .col .rightbtn { margin-left: 15px;}
.prodacts_home .put_bootom_border .col .leftbtn { margin-left: 5px;position: relative;right: -15px;}
.prodacts_home .rightbtn,.prodacts_home .leftbtn {
    cursor: pointer;
    display: inline-block;
    background-color: rgb(209, 209, 209);
    width: 33px;
    height: 33px; 
    line-height: 33px;
    font-size: 23px;
    vertical-align: middle;
    text-align: center;
    margin-left: 5%;
} 
.prodacts_home .rightbtn i,.prodacts_home .leftbtn i {
    vertical-align: middle;
    height: 23px;
}
.prodacts_home .media {
    color: black;
    /*padding: 1%;*/
    text-align: center;
    vertical-align: top;
    width:24.25%;
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(225, 225, 225);
    background-color: rgb(255, 255, 255);
    /*margin-left: 1%;*/
    margin-bottom: 2%; 
    /*width: 280px;*/ 
    height: 350px;
	overflow:hidden;
}
.prodacts_home .tab-content .tab-pane a {
    margin-left: 1%;
} 
.prodacts_home .tab-content .tab-pane a:nth-child(4n) {
    margin-left: 0%;
} 
/*
.prodacts_home .media-left {
    overflow: hidden;
    height: 50%;
}*/

.prodacts_home .media-left {
    /* overflow: hidden; */
    /* height: 50%; */
    overflow: hidden;
    position: relative;
    width: 95%;
    height: 175px;
    margin: auto;
    padding: 5px 0 5px 0;
    text-align: center;
}
.prodacts_home .media-body {
    /*height: 50%;*/
    height:150px;

}
/*
.prodacts_home .media-object {
    background-image: url(/images/no_image_cat.jpg); 
    height: 200px; 
    background-repeat: no-repeat; 
        background-size: 83%; 
    background-position: top center;
    margin: 0 auto;
} */
/*
.prodacts_home .media-object {
    background-image: url(/images/no_image_cat.jpg); 
    height: 200px;
    width: 100%; 
    background-repeat: no-repeat;
    background-size: 100%; 
    background-position: center; 
    margin: 0 auto;
}*/
.prodacts_home .media-object {
    max-width: 100%;
    max-height: 175px; 
    margin: 0 auto;
}
.prodacts_home h4.media-heading {
    white-space: pre-line;
    height: 80px;
    font-size: 18px;
}
.prodacts_home .media-text {
    white-space: pre-line;
    overflow: hidden;
    height:60px;
}
.prodacts_home .media-price {
    color: rgb(201, 163, 13);
    font-weight: bold; 
}
.prodacts_home .title_forblock { 
    color: rgb(0, 0, 0); 
    text-align: left; 
    line-height: 58px;
    height: 58px;
    font-size: 18px;
}
.prodacts_home .put_bootom_border {
    border-bottom: 2px solid rgb(209, 209, 209); 
}
.prodacts_home .put_bootom_border nav .btn {
    border-top-width: 0;
    width: 150px;
	font-size:20px;
    position: relative;
}
.prodacts_home .put_bootom_border nav .btn.active::after,.prodacts_home .put_bootom_border nav .btn:hover::after {
    content: '';
    /* left: -25%;*/
    left: -5%;
    top: 95%;
    /*width: 150%;*/
    width: 100%;

    position: absolute;
    height: 9px;
    background-color: #9E9E9E;
}
.prodacts_home .btn .btn_text { 
    color: rgb(0, 0, 0);
    line-height: 2.685;
    text-align: left; 
}
.gold_btn {
    width: 90%;
    margin: 0 auto;
    border-radius: 5px;
    background-color: rgb(201, 163, 13); 
    /*width: 200px;*/
    height: 50px; 
}

.gold_btn_text {
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 3.281; 
}
.prodacts_home .tab-content .tab-pane {
    /*transform: translateX(0);*/
    /*transition: transform .15s ease-in-out;*/
    /* padding: 1% 0;*/
    width: 100%;
} 
.prodacts_home .media .media-focus {
    visibility:hidden;
	opacity:0;
	transition:all 0.5s;

}



.newtab {
     width: 100%;
    
}
.prodacts_home .media:hover .media-focus {
    /* opacity: 0.9; */
    background-color: rgba(255, 255, 255, 0.678);
    visibility:visible;
	opacity:1;
    position: relative;
    top: -100%;
    height: 100%; 
    padding-top: 50%;
}

.prodacts_home .media::after,.prodacts_home .media:hover::after {
    content: '';
    display: block;
    position: relative;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAR0AAAANCAYAAACUy7pUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0Y0RkQ2QzNDMTIxMTFFNjlCN0REOEE0MTEwRjNGNkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0Y0RkQ2QzRDMTIxMTFFNjlCN0REOEE0MTEwRjNGNkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3RjRGRDZDMUMxMjExMUU2OUI3REQ4QTQxMTBGM0Y2RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3RjRGRDZDMkMxMjExMUU2OUI3REQ4QTQxMTBGM0Y2RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjhu6ZAAAAHeSURBVHja7JrdksMgCIVzdnz/V2avdqZ1/EE8GJLFm6RJRET5ckpbrmzRGzIEy00yBHFbySTKeeVa/HuYHZ1XcV5IBNtACLiRE2bvgYME8VeMe0yqc5dxy8IGh+IaFLZASLRWkDwTmJ34uHFstv8R3/7yoIS3+qyFg2yMLYPP5hiXCTxqiKBzH0rwQJlM2ExCHEx8bCTsin0NYE+pURxMMiHblZvG8LQlhHtawMjg2Hvua7+UDgj+jj8d4LQ+78CIpbRYwNBen/kE4zxY/UCY88ozzLfqLBGsfSz9LEpg57oHPFfnoIHL7LwVQ5QBcFqQ0VzTQIelejwUExbPrbDBRFla42aFO4xxX00OcQKOdhymXVlMYCZYQFI3mHxtq0GCKo4YxKRW6VLXdD5vYGECaPRbhY6n4rG+wbE5NhxsW0BtUYjsOpIYE8uj5nBSUVm/zjEUCyt+FqUzXI/SoBsqqmlqOta6jqfK8arvePvF9DdK4Vwcn/eseTDse9ljgktIMBodv2o6PVnVk0rXIaCsPCNO8DiVnAgAhic2OdTHy5YFVjgAJZb6u3pKx3sBo/zPJjJ0rpf4EREyUX2RwLFx/UWy3OgIHr7pEgoJtpynoZVc3FfMFRnLbE9pvwIMAGhy2TAvss7RAAAAAElFTkSuQmCC') center top no-repeat;
    height: 7px;
    /*top: 20px;*/
    margin-top: 7%;
    width: 100%;
    background-size: 100% 13px;
    opacity: 0.569;
    /*position: static;*/
}

/* theme2 */
.prodacts_home.theme2 .put_bootom_border nav .btn.active,.prodacts_home.theme2 .put_bootom_border nav .btn:hover {
    border-radius: 0;
    background-color: rgb(209, 209, 209);
}
.prodacts_home.theme2 .put_bootom_border nav .btn.active::after, .prodacts_home.theme2 .put_bootom_border nav .btn:hover::after {
    height: 0;
    width: 0;
} 
.prodacts_home.theme2 .put_bootom_border nav .btn {
    display: inline-block;
    /*width: 95px;*/
}
/* ------------ */
/* theme3 */
.prodacts_home.theme3 nav.nav.navbar.navbar-light.justify-content-between {
    margin: 0 auto;padding: 0;}
.prodacts_home.theme3 .put_bootom_border {
    margin: 0 auto;
    border:0;
    width:51%;
    /*width:100%;*/
    /* text-align: center; */
}
.prodacts_home.theme3 span.btn_text {
    color: rgb(0, 0, 0);
    vertical-align: middle;
}
.prodacts_home.theme2 .put_bootom_border nav .btn.active,.prodacts_home.theme2 .put_bootom_border nav .btn:hover {
    border-radius: 0;
    background-color: rgb(209, 209, 209);
}
.prodacts_home.theme3 .put_bootom_border nav ::after, .prodacts_home.theme2 .put_bootom_border nav :hover::after {
    height: 0 !important;
    width: 0 !important; 
} 
.prodacts_home.theme3 .put_bootom_border nav .btn {
    display: inline-block;
    width: 187px; 
    border-radius: 0; 
}
.prodacts_home.theme3 .put_bootom_border .col, .prodacts_home .put_bootom_border .col nav{
    margin-bottom: initial;
}

.prodacts_home.theme3 .btn.active,.prodacts_home.theme3 .btn:hover {
    background-color: rgb(201, 163, 13); 
}
.prodacts_home.theme3 .navs_prodacts_home {
    line-height: 340px;
    width: 0;
    /*flex: 0 0 35px;*/
    position: relative;
}

.prodacts_home.theme3 .rightbtn, .prodacts_home.theme3 .leftbtn{
    left: 33px;
    position: relative;
}
.prodacts_home.theme3 .rightbtn {
    /*margin-left: -20px;*/
}
.prodacts_home.theme3 .leftbtn {
    margin-right: 33px;
}
.prodacts_home.theme3 .put_background {
    background-color: rgb(209, 209, 209); 
}

/* ------------ */
/* theme4 */
.prodacts_home.theme4 nav.nav.navbar.navbar-light.justify-content-between {

    margin: 0 auto; }
.prodacts_home.theme4 .put_bootom_border {
    /*background-color: rgb(209, 209, 209);*/
    /*width:100%;*/
    border:0;
    /* text-align: center; */
}
.prodacts_home.theme4 span.btn_text {
    color: rgb(0, 0, 0);
    vertical-align: middle;
}
.prodacts_home.theme4 .put_bootom_border nav .btn.active,.prodacts_home.theme4 .put_bootom_border nav .btn:hover {
    border-radius: 0;
    background-color: transparent; 
}
.prodacts_home.theme4 .put_bootom_border nav ::after, .prodacts_home.theme4 .put_bootom_border nav :hover::after {
    height: 0 !important;
    width: 0 !important; 
} 
.prodacts_home.theme4 .put_bootom_border nav .btn {
    display: inline-block;
    width: 187px; 
    border-radius: 0; 
}
.prodacts_home.theme4 .btn.active,.prodacts_home.theme4 .btn:hover {
    /*background-color: rgb(201, 163, 13);*/ 

}
.prodacts_home.theme4 .navs_prodacts_home {
    line-height: 340px;
    /*flex: 0 0 35px;*/
    width: 0;
}
.prodacts_home.theme4 .rightbtn {
    left: 33px;
    background-color: rgb(201, 163, 13);
    position: relative;
}
.prodacts_home.theme4 .leftbtn {
    /*margin-right: 33px;*/
    background-color: rgb(201, 163, 13);
    position: relative;

}
/* ------------ */ 

.prodacts_home.theme4 .put_bootom_border nav .btn.active:first-of-type::after,.prodacts_home.theme4 .put_bootom_border nav .btn:first-of-type:hover::after {

    border-top: 11px solid rgb(221, 46, 120);
}
.prodacts_home.theme4 .put_bootom_border nav .btn.active::after,.prodacts_home.theme4 .put_bootom_border nav .btn:hover::after {

    border-top: 11px solid rgb(60, 127, 39);
}
.prodacts_home.theme4 .put_bootom_border nav .btn.active:last-of-type::after,.prodacts_home.theme4 .put_bootom_border nav .btn:last-of-type:hover::after {

    border-top: 11px solid rgb(79, 2, 35); 
}
.prodacts_home.theme4 .put_bootom_border nav .btn:first-of-type {
    /* display: inline-block; */
    /* width: 187px; */
    /*margin: 0 auto;*/
    border-bottom: 5px solid rgb(221, 46, 120);
    /* border-radius: 0; */ 

} 
.prodacts_home.theme4 .put_bootom_border nav .btn.active::after,.prodacts_home.theme4 .put_bootom_border nav .btn:hover::after {
    content: '';
    position: absolute;
    left: 33%;
    top: 68px;
    background-color: #fff;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
}
.prodacts_home.theme4 .put_bootom_border nav .btn {
    border-bottom: 5px solid rgb(60, 127, 39);
    /*margin-left: 20px;*/



}
.prodacts_home.theme4 .put_bootom_border nav .btn:last-of-type {
    border-bottom: 5px solid rgb(79, 2, 35); 
}

/* ------------ */
/* theme5 */
.prodacts_home.theme5 .put_bootom_border { 
    background-color: rgb(209, 209, 209);

} 
.prodacts_home.theme5 .put_bootom_border {
    border: 0;
}
.prodacts_home.theme5 .rightbtn {
    background-color: #fff;
}
.prodacts_home.theme5 .leftbtn {
    background-color: #fff;
}
.prodacts_home.theme5 .title_forblock{
    text-align: center; 
}

/* ------------ */
/* theme6 */
.prodacts_home.theme6 .put_bootom_border {
    height: 51px;
    border: 0;
}
.prodacts_home.theme6 .title_forblock { 
    height: 51px;
    line-height: 51px;
    text-align: center;
    /*background-color: rgb(209, 209, 209); */
} 
.prodacts_home.theme6 .rightbtn {
    /* margin-left: -20px; */
    position: relative;
    left: 33px;
}
.prodacts_home.theme6 .leftbtn {
    /* margin-right: -40px; */
    position: relative;
}

.prodacts_home.theme6 .navs_prodacts_home {
    line-height: 340px;
    /* flex: 0 0 35px; */
    width: 0;
}
/* ------------ */



@media only screen and (max-width: 960px) {
    .prodacts_home .put_bootom_border nav .btn {
        width: auto;
		font-size:4vw;
    }
    
 .swiper-button-next::after, .swiper-button-prev::after {
    font-size:25px;
}
    
    .navs_prodacts_home {
        display:none;
    }
    .prodacts_home .media{
        width: 99%;
    }
    
    
    .homepageproducts .producthomepage {
        
        width:47%;
        
    }
	
.prodacts_home .tab-content {
		height:fit-content !important;
                padding-bottom:25px;
}
    .prodacts_home .tab-content .tab-pane{
        white-space: nowrap;
        padding:0;
        /* max-height: 350px; */
        /* display: inline-block; */
        /*width: 100%;*/
        
    }

    .prodacts_home .tab-content .tab-pane a{
        /* position: absolute; */
        /* width: 48%; */
        width: 200px;
        display: inline-block !important;
        /* margin-right: 10px; */
    } 
    .prodacts_home .media::after,.prodacts_home .media:hover::after {
        margin-top: 18%;
    }
    .prodacts_home .media:hover .media-focus {
        padding-top: 100%;
    }
    .prodacts_home .put_bootom_border .col , .prodacts_home .put_bootom_border .col nav {
        white-space: normal;
        display: inline-block; 
        width: 100%;
        text-align: center;
    }
    .prodacts_home .put_bootom_border .col.title_forblock_col , .prodacts_home .put_bootom_border .col .title_forblock{
        display: none;
    }

    .prodacts_home .put_bootom_border .col , .prodacts_home .put_bootom_border .col nav .btn {
        white-space: nowrap;
        display: inline-block; 
    }
    .prodacts_home.theme3 .put_bootom_border nav .btn {
        white-space: nowrap;
        width: 33%;
    }
    .prodacts_home.theme3 nav.nav.navbar.navbar-light.justify-content-between {
        margin: 0 auto;padding: 0;}
    .prodacts_home.theme3 .put_bootom_border { width:100%;  }

    .prodacts_home.theme3 .put_bootom_border { width:100%; 
    }
    .prodacts_home.theme4 .put_bootom_border nav .btn {
        white-space: nowrap;
        width: 25%;
    }
    .prodacts_home.theme4 .put_bootom_border nav .btn::after {
        /*left: 25px !important;*/
        border-width: 5px !important;
        border-left: 15px solid transparent !important;
        border-right: 15px solid transparent !important;
        /* border: 0 !important; */
    }
    .prodacts_home.theme4 .btn .btn_text{
        text-align: center;
    }
    .prodacts_home.theme4 nav.nav.navbar.navbar-light.justify-content-between {
        width: 100%; }

} 
.moveleft{

    position: relative;
    animation:moveleft  2s 1; /*moveleft*/
    /*animation: 1s slidein;*/

    animation-direction:normal;/* reverse;*/
    /*transform: translateX(-100%);*/
}
@keyframes moveleft {
    from {
        opacity: 0.01;

        left:100%;
        /*margin-left: 100%;*/
        /*width: 0%;*/ 
    }

    to {
        opacity: 1;

        left:0%;
        /*margin-left: 0%;*/
        /*width: 100%;*/
    }
}
@keyframes moveleft1 {
    0% { left: 0%; }
    25% { left: 25%; }
    50% { left: 50%; }
    75% { left: 75%; }
    100% { left: 100%; }
}
.moveright { 

    position: relative; 
    animation:moveright  2s 1; /*moveright*/
    /*animation: 1s slidein;*/
    animation-direction:normal;/* reverse;*/
    /*transform: translateX(100%);*/
}
@keyframes moveright {
    from {
        opacity: 0.01;
        right:100%;
        /*margin-left: 100%;*/
        /*width: 100%;*/ 
    }

    to {
        opacity: 1;
        right:0%;
        /*margin-left: 0%;*/
        /*width: 0%;*/
    }
}
@keyframes moveright1 {
    0% { right: 0%; }
    25% { right: 25%; }
    50% { right: 50%; }
    75% { right: 75%; }
    100% { right: 100%; }
}

@media only screen and (max-width: 960px){
    .prodacts_home .tab-content .tab-pane {
        white-space: initial   !important; 
    }
    .prodacts_home .tab-content .tab-pane a{
        display: initial !important;
        margin-left: initial !important;
        width: initial !important;
    }
    .prodacts_home .media { 
        width: 49%;  
    }

}